* {
  margin: 0;
  padding: 0;
  color: #333;
  --primary-color: #FF374D;
}

html {
  font-size: 100px;
}

body {
  min-width: 14.4rem; /* 设置最小宽度 */
  overflow-x: auto; /* 添加水平滚动 */
}

.calculator_container {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #f9f9f9;
}

/* 表单部分样式 */
.calculator_container .calculator_form {
  /* 记得删 */
  margin-top: .2rem;
  /*  */

  width: 14.4rem;
  background-color: #fff;
  border-radius: .2rem;
  padding: 0 .48rem .32rem .48rem;
}

/* 表单标题 */
.calculator_container .calculator_form .cal_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .24rem;
  padding: .32rem 0;
  border-bottom: .02rem solid #f9f9f9;
  margin-bottom: .4rem;
}
.calculator_container .calculator_form .cal_title h1 {
  font-size: .24rem;
  line-height: .24rem;
  font-weight: 600;
}
.calculator_container .calculator_form .cal_title p {
  font-size: .14rem;
  line-height: .14rem;
}

/* 表单 */
.calculator_container .calculator_form .form_container .form_item {
  margin-bottom: .32rem;
  display: flex;
  align-items: center;
}
.calculator_container .calculator_form .form_container .form_item .require {
  font-size: .16rem;
  line-height: .16rem;
  color: var(--primary-color);
}
.calculator_container .calculator_form .form_container label {
  width: .9rem;
  font-size: .16rem;
  line-height: .16rem;
}
.calculator_container .calculator_form .form_container label .option {
  display: none;
}
/* 输入框公共样式 */
.calculator_container .calculator_form .form_container input {
  height: .4rem;
  background-color: #f8f8f8;
  border-radius: .08rem;
  padding: .13rem .12rem;
  padding-right: .3rem;
}
.calculator_container .calculator_form .form_container .mul {
  margin: 0 .16rem;
}
/* 收货目的地 */
.calculator_container .form_item .search_container {
  position: relative;
}
.calculator_container .form_item .search_container #location1 {
  width: 2.7rem;
}
.calculator_container .form_item .search_container #location2 {
  width: 2.7rem;
  margin-left: .16rem;
}
.calculator_container .form_item .search_container .selecticon {
  position: absolute;
  top: .12rem;
  left: 2.42rem;
}
.calculator_container .form_item .search_container .selecticon2 {
  left: 2.58rem;
}
.calculator_container .form_item .search_container.hide {
  display: none;
}

/* 国家/地区选择框 */
.country_select_dropdown,.city_select_dropdown,.second_dropdown {
  position: absolute;
  top: .48rem;
  left: 0;
  width: 2.7rem;
  max-height: 3rem;
  background-color: #fff;
  border-radius: .08rem;
  box-shadow: 0 .02rem .12rem 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
  overflow: hidden;
}
.city_select_dropdown {
  left: .16rem;
}
.second_dropdown {
  box-shadow: 0 .02rem .12rem 0 rgba(0, 0, 0, 0.1);
  z-index: 11;
  left: 2.86rem;
}

.country_select_dropdown.active {
  display: block;
}
.city_select_dropdown.active {
  display: block;
}
.second_dropdown.active {
  display: block;
}

.second_list {
  max-height: 3rem;
  overflow-y: auto;
  width: 100%;
}

.second_dropdown {
  background-color: #fff;
  border-radius: .08rem;
  width: 2rem;
}

.arrow {
  position: absolute;
  z-index: 999;
  top: .42rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: .08rem solid transparent;
  border-right: .08rem solid transparent;
  border-bottom: .08rem solid #fff;
  display: none;
}

.arrow.active {
  display: block;
}

.country_select_list,.city_select_list {
  max-height: 3rem;
  overflow-y: auto;
}

.country_option,.city_option {
  padding: .1rem .2rem;
  cursor: pointer;
  transition: background-color 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.country_option:hover {
  background-color: #f5f7fa;
}
.city_option:hover {
  background-color: #f5f7fa;
}

.country_option.selected {
  color: var(--primary-color);
  font-weight: 600;
  background-color: #f5f7fa;
}
.city_option.selected {
  color: var(--primary-color);
  font-weight: 600;
  background-color: #f5f7fa;
}

/* 无匹配结果样式 */
.no_result {
  padding: .15rem .2rem;
  color: #999;
  text-align: center;
}

/* 重量 */
.calculator_container .form_item .weight_container {
  position: relative;
}
.calculator_container .form_item .weight_container .unit {
  position: absolute;
  top: .07rem;
  left: 2.48rem;
}
.calculator_container .form_item #weight {
  width: 2.7rem;
}
/* 体积 */
.calculator_container .form_item .volume_list {
  display: flex;
  align-items: center;
}
.calculator_container .form_item .volume_container {
  position: relative;
}
.calculator_container .form_item .volume_container .unit {
  position: absolute;
  top: .08rem;
  left: 1.3rem;
}
.calculator_container #volume1,#volume2,#volume3 {
  width: 1.58rem;
}
/* 常规包裹尺寸选择 */
.def_vol .title {
  font-size: .16rem;
  line-height: .16rem;
}
.def_vol .title .option {
  display: none;
}
.def_vol .title .tip {
  font-size: .14rem;
  line-height: .14rem;
  color: var(--primary-color);
}
/* 韩语独有css */
.def_vol .titleh5 {
  display: none;
}
.def_vol .titlepc {
  font-size: .16rem;
  line-height: .16rem;
}
.def_vol .titlepc .option {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.def_vol .titlepc .tip {
  font-size: .12rem;
  line-height: .18rem;
  color: #FF374D;
}
/* 独有部分结束 */
.def_vol .def_vol_container {
  display: flex;
  align-items: center;
  margin-top: .16rem;
}
.def_vol .def_vol_item {
  display: flex;
  align-items: center;
  margin-right: .16rem;
  width: 2.72rem;
  height: 1.04rem;
  box-shadow: -0.04rem -0.04rem .08rem 0 #FFFFFF,.02rem .02rem .1rem .02rem rgba(0, 0, 0, 0.1);
  border-radius: .08rem;
  padding: .12rem;
  user-select: none;
  cursor: pointer;
  position: relative;
}
.def_vol .def_vol_item .def_img {
  width: .8rem;
  height: .8rem;
}
/* 选中样式 */
.def_vol .def_vol_item.active {
  box-shadow: -0.04rem -0.04rem .08rem 0 #FFFFFF,.02rem .02rem .1rem 0 rgba(255, 55, 77, 0.2);
}
/* 选中图标 */
.def_vol .def_vol_item .selected {
  display: none;
  position: absolute;
  top: -.01rem;
  right: -.01rem;
  border-radius: .08rem;
  overflow: hidden;
}
.def_vol .def_vol_item .selected img {
  margin-top: -.04rem;
  margin-right: -.04rem;
}
.def_vol .def_vol_item .size {
  font-size: .2rem;
  line-height: .2rem;
  margin-bottom: .2rem;
}
.def_vol .def_vol_item .num {
  color: var(--primary-color);
  margin: 0 .04rem;
}

/* 隐藏掉仅h5有的分割线 */
.h5_line {
  display: none;
}

/* 更多查询 */
.calculator_container .more_info .title {
  display: flex;
  align-items: center;
  font-size: .16rem;
  line-height: .16rem;
  margin-top: .32rem;
  user-select: none;
  cursor: pointer;
}
.calculator_container .more_info .title img {
  width: .12rem;
  height: .12rem;
  margin-right: .04rem;
  transition: transform 0.3s ease-in-out;
}
.calculator_container .more_info .title .active {
  transform: rotate(180deg);
}
.calculator_container .more_form.active {
  margin-top: .24rem;
  display: flex;
  overflow: visible;
  height: .72rem;
  opacity: 1;
}
.calculator_container .more_form {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;
  opacity: 0;
}
.calculator_container .more_item {
  margin-right: 2rem;
}
.calculator_container .more_item:last-child {
  margin-right: 0;
}
/* 价格 */
.calculator_container .more_item .price_container {
  position: relative;
  margin-top: .12rem;
}
.calculator_container .more_item .price_container input {
  padding-right: .36rem;
}
.calculator_container .more_item .price_container .unit {
  position: absolute;
  top: .09rem;
  left: 1.84rem;
}
/* 锂电池 */
.calculator_container .more_item .battery_container,.favorite_container {
  margin-top: .24rem;
  display: flex;
}
.calculator_container .more_item .battery_container .battery_item {
  display: flex;
  align-items: center;
  margin-right: .48rem;
}
/* 物流方案偏好 */
.calculator_container .more_item .favorite_title {
  position: relative;
}
.calculator_container .more_item .favorite_title img {
  width: .18rem;
  height: .18rem;
}
.calculator_container .more_item .favorite_tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + .16rem);
  padding: .08rem .16rem;
  border-radius: .08rem;
  box-shadow: 0 .02rem .12rem 0 rgba(0, 0, 0, 0.1);
  background-color: #303133;
}
.calculator_container .more_item .favorite_tooltip .favorite_tooltip_content {
  color: #fff;
}
.calculator_container .favorite_tooltip .favorite_tooltip_arrow {
  position: absolute;
  bottom: -0.08rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-left: .08rem solid transparent;
  border-right: .08rem solid transparent;
  border-top: .08rem solid #303133;
}
.calculator_container .favorite_title #favoriteInfoIcon:hover+.favorite_tooltip {
  display: block;
}
.calculator_container .more_item .favorite_container .favorite_item {
  display: flex;
  align-items: center;
  margin-right: .48rem;
}

/* 自定义单选框样式 */
.calculator_container .more_item input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: .16rem;
  height: .16rem;
  border: .02rem solid #aaa;
  border-radius: 50%;
  margin-right: .08rem;
  position: relative;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  background-color: #fff;
}

.calculator_container .more_item input[type="radio"]:checked {
  border-color: var(--primary-color);
}

.calculator_container .more_item input[type="radio"]:checked:after {
  content: "";
  width: .06rem;
  height: .06rem;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.calculator_container .calculator_form .more_item .radio_lab {
  width: auto; 
  cursor: pointer;
}

/* 计算按钮 */
.calculator_container .calculator_form .cal_submit {
  margin-top: .48rem;
  display: flex;
  justify-content: center;
}
.calculator_container .cal_submit .buttom {
  font-size: .16rem;
  line-height: .16rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--primary-color);
  border-radius: .08rem;
  padding: .16rem .48rem;
  cursor: pointer;
  user-select: none;
}
.calculator_container .cal_submit .buttom:hover {
  opacity: 0.8;
}

/* 计算结果 */
/* 标题 */
.calculator_container .cal_res_h5 {
  display: none;
}
.calculator_container .cal_res {
  width: 14.4rem;
  background-color: #fff;
  padding: .32rem .48rem;
  margin-top: .16rem;
  border-radius: .2rem;
}
.calculator_container .cal_res .res_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cal_res .res_title h1 {
  font-size: .24rem;
  line-height: .24rem;
  font-weight: 600;
}
/* 最优物流方案，其它方案 */
.cal_res .best_title,.other_title {
  display: flex;
  align-items: center;
  margin-top: .32rem;
}
.cal_res .best_title p,.cal_res .other_title p {
  font-size: .16rem;
  line-height: .16rem;
  font-weight: 600;
  color: var(--primary-color);
}
.cal_res .other_title p {
  color: #333;
}
/* 方案item */
.cal_res .res_item {
  width: 13.44rem;
  height: .94rem;
  border-radius: .12rem;
  padding: .16rem .24rem;
  margin-top: .16rem;
  background-color: #F9F9F9;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.cal_res .res_item.active {
  height: 1.42rem;
}
.cal_res .res_item .base_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.res_item .base_info .item_logo {
  display: flex;
  align-items: center;
}
.res_item .base_info .item_logo .item_value {
  display: flex;
  align-items: center;
}
.res_item .base_info .item_logo .sub {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .04rem .08rem;
  margin-left: .08rem;
  font-size: .12rem;
  line-height: .12rem;
  color: #fff;
  border-radius: .04rem;
}
.base_info .item_logo {
  flex: 3;
}
.base_info .item_time {
  flex: 2;
}
.base_info .item_fee {
  flex: 2;
}
.base_info .item_score {
  flex: 1;
}
.res_item .base_info .item_logo img {
  width: .62rem;
  height: .62rem;
  margin-right: .24rem;
}
.res_item .base_info .item_title {
  color: #999;
  margin-bottom: .08rem;
}
.res_item .base_info .item_title img {
  transition: transform 0.3s ease-in-out;
}
.res_item .base_info .item_title img.active {
  transform: rotate(180deg);
}
.res_item .base_info .item_value {
  font-size: .24rem;
  line-height: .24rem;
  font-weight: 600;
}
/* 参考时效 */
.res_item .base_info .item_time .item_value {
  color: var(--primary-color) ;
}
.res_item .base_info .item_time .item_value .unit {
  color: var(--primary-color) ;
  font-size: .16rem;
  line-height: .16rem;
  vertical-align: middle;
}
/* 总费用 */
.res_item .base_info .item_fee .item_title {
  display: flex;
  align-items: center;
}
.res_item .base_info .item_fee .item_value {
  display: flex;
  align-items: center;
}
.res_item .base_info .item_fee .item_value.nozh {
  align-items:end;
}
.res_item .base_info .item_fee .item_value .equal {
  font-size: .16rem;
  line-height: .16rem;
  color: #999;
  margin: 0 .04rem;
}
.res_item .base_info .item_fee .item_value .jpnum,.zhnum {
  font-size: .24rem;
  line-height: .24rem;
}
.res_item .base_info .item_fee .item_value .jpunit,.zhunit {
  font-size: .16rem;
  line-height: .16rem;
}
.res_item .base_info .item_fee .item_value .zhnum,.zhunit {
  color: var(--primary-color);
}
/* 评分 */
.res_item .base_info .item_score .item_title {
  color: #333;
  text-align: right;
}
.res_item .base_info .item_score .item_value {
  color: var(--primary-color);
  text-align: right;
}
/* 费用明细分割线 */
.cal_res .res_item .white_line {
  width: 12.96rem;
  height: .02rem;
  border-radius: .01rem;
  background-color: #fff;
  margin: .16rem 0;
}
.cal_res .res_item .detail_info {
  display: none;
}
.cal_res .res_item .detail_info.active {
  display: block;
}
.cal_res .res_item .detail_info .item_detail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: .16rem;
}
.cal_res .res_item .detail_info .item_detail .fee {
  margin-left: .8rem;
  line-height: .14rem;
}
.cal_res .res_item .detail_info .item_detail .fee .label {
  color: #999;
}
/* 无路线 */
.cal_res .none_res {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: .8rem 0;
}
.cal_res .none_res.active {
  display: flex;
}
.cal_res .none_res .none_title {
  font-size: .16rem;
  line-height: .16rem;
  color: #3D3D3D;
}
/* 控制计算结果展示部分css */
.calculator_container .cal_res {
  display: none;
}
.calculator_container .cal_res.active {
  display: block;
}

.cal_res .best_container,.other_container {
  display: none;
}
.cal_res .best_container.active,.cal_res .other_container.active {
  display: block;
}

/* 计算结果说明 */
.calculator_container .cal_description {
  width: 14.4rem;
  margin-top: .16rem;
  padding: .4rem .48rem;
  background-color: #fff;
  border-radius: .2rem;
}
.cal_description h2 {
  font-size: .16rem;
  line-height: .16rem;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: .24rem;
}
.cal_description .link {
  color: var(--primary-color);
  text-decoration: underline;
}
.cal_description .link:hover {
  text-decoration: none;
}
.cal_description p {
  margin-bottom: .08rem;
}
.cal_description p:last-child {
  margin-bottom: 0;
}

/* 关闭h5计算按钮 */
.blank {
  display: none;
}
.h5_submit {
  display: none;
}

.mobile-tooltip-mask {
  display: none;
}