/* 轮盘选择器样式 */
@import url('./mobileSelector.css?v=1');

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

html {
  font-size: 100px;
}

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

/* 表单部分样式 */
.calculator_container .calculator_form {
  margin-top: .11rem;
  width: 3.51rem;
  background-color: #fff;
  border-radius: .13rem;
  padding: .16rem;
}

/* 表单标题 */
.calculator_container .calculator_form .cal_title {
  display: none;
}

/* 表单 */
.calculator_container .calculator_form .form_container .form_item {
  margin-bottom: .16rem;
  display: flex;
  flex-direction: column;
}
.calculator_container .calculator_form .form_container .form_item .require {
  display: none;
}
.calculator_container .calculator_form .form_container label {
  font-size: .12rem;
  line-height: .18rem;
  margin-bottom: .08rem;
}
.calculator_container .calculator_form .form_container label .option {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
/* 输入框公共样式 */
.calculator_container .calculator_form .form_container input {
  height: .32rem;
  background-color: #f8f8f8;
  border-radius: .06rem;
  padding: .07rem .12rem;
  padding-right: .3rem;
}
/* 收货目的地 */
.calculator_container .form_item .search_container {
  position: relative;
}
.calculator_container .form_item .search_container #location1 {
  width: 100%;
  font-size: .12rem;
  pointer-events: none;
}
.calculator_container .form_item .search_container #location2 {
  width: 100%;
  font-size: .12rem;
  margin-top: .08rem;
  pointer-events: none;
}
.calculator_container .form_item .search_container .selecticon {
  position: absolute;
  width: .16rem;
  height: .16rem;
  top: .08rem;
  left: 2.91rem;
}
.calculator_container .form_item .search_container .selecticon2 {
  left: 2.91rem;
  top: .16rem;
}
.calculator_container .form_item .search_container.hide {
  display: none;
}

/* 禁用国家/地区选择框Pc */
.country_select_dropdown,.city_select_dropdown,.second_dropdown {
  display: none;
}

/* 重量 */
.calculator_container .form_item .weight_container {
  position: relative;
}
.calculator_container .form_item .weight_container .unit {
  position: absolute;
  font-size: .12rem;
  top: .07rem;
  left: 1.34rem;
}
.calculator_container .form_item #weight {
  width: 1.54rem;
  font-size: .12rem;
}
/* 体积 */
.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;
  font-size: .12rem;
  top: .07rem;
  right: .12rem;
}
.calculator_container #volume1,#volume2,#volume3 {
  width: .91rem;
  font-size: .12rem;
}
.calculator_container .calculator_form .form_container .mul {
  margin: 0 .08rem;
}
/* 常规包裹尺寸选择 */
.def_vol .title {
  font-size: .12rem;
  line-height: .18rem;
}
.def_vol .title .option {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.def_vol .title .tip {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
/* 韩语独有css */
.def_vol .titlepc {
  display: none;
}
.def_vol .titleh5 {
  font-size: .12rem;
  line-height: .18rem;
}
.def_vol .titleh5 .option {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.def_vol .titleh5 .tip {
  font-size: .12rem;
  line-height: .18rem;
  color: #FF374D;
}
/* 独有部分结束 */
.def_vol .def_vol_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .06rem;
  margin-top: .08rem; 
}
.def_vol .def_vol_item {
  display: flex;
  align-items: center;
  width: 1.56rem;
  height: .6rem;
  box-shadow: -0.02rem -0.02rem .08rem 0 #FFFFFF,.01rem .01rem .06rem 0 rgba(0, 0, 0, 0.1);
  border-radius: .04rem;
  padding: .06rem;
  user-select: none;
  position: relative;
}
/* 选中样式 */
.def_vol .def_vol_item.active {
  box-shadow: -0.02rem -0.02rem .04rem 0 #FFFFFF,.01rem .01rem .06rem 0 rgba(255, 55, 77, 0.2);
}
/* 选中图标 */
.def_vol .def_vol_item .selected {
  display: none;
  position: absolute;
  top: -.01rem;
  right: -.01rem;
  border-radius: 0 .08rem 0 0;
  overflow: hidden;
}
.def_vol .def_vol_item .selected img {
  width: .26rem;
  height: .22rem;
}
.def_vol .def_vol_item .def_img {
  width: .5rem;
  height: .48rem;
}
.def_vol .def_vol_item .size {
  font-size: .12rem;
  line-height: .18rem;
  margin-bottom: .02rem;
  font-weight: 600;
}
.def_vol .def_vol_item .vol_des .des {
  font-size: .1rem;
  line-height: .16rem;
}
.def_vol .def_vol_item .num {
  font-size: .1rem;
  line-height: .16rem;
  color: var(--primary-color);
  margin: 0 .04rem;
}
.def_vol .def_vol_item .num1 {
  margin: 0;
}

/* 分割线 */
.h5_line {
  width: 100%;
  height: .01rem;
  background-color: #F4F4F7;
  margin: .16rem 0;
}

/* 更多查询 */
.calculator_container .more_info .title {
  display: flex;
  align-items: center;
  font-size: .12rem;
  line-height: .18rem;
  margin-top: .16rem;
  color: var(--primary-color);
}
.calculator_container .more_info .title img {
  width: .16rem;
  height: .16rem;
  margin-right: .02rem;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-in-out;
}
.calculator_container .more_info .title .active {
  transform: rotate(0);
}
.calculator_container .more_form.active {
  display: flex;
  flex-direction: column;
  height: 2.06rem;
  opacity: 1;
}
.calculator_container .more_form {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.calculator_container .more_form .more_item {
  margin-top: .16rem;
}
/* 价格 */
.calculator_container .more_item .price_container {
  position: relative;
  margin-top: .12rem;
}
.calculator_container .more_item .price_container input {
  width: 1.54rem;
  padding-right: .36rem;
  font-size: .12rem;
}
.calculator_container .more_item .price_container .unit {
  font-size: .12rem;
  line-height: .18rem;
  position: absolute;
  top: .07rem;
  left: 1.18rem;
}
/* 锂电池 */
.calculator_container .more_item .battery_container,.favorite_container {
  display: flex;
  margin-top: .08rem;
}
.calculator_container .more_item .battery_container .battery_item {
  display: flex;
  align-items: center;
  flex: 1;
}
/* 物流方案偏好 */
.calculator_container .more_item .favorite_title {
  display: flex;
  align-items: center;
}
.calculator_container .more_item .favorite_title label {
  margin-bottom: 0;
}
.calculator_container .more_item .favorite_title img {
  width: .16rem;
  height: .16rem;
  margin-left: .04rem;
}
.calculator_container .more_item .favorite_title .favorite_tooltip {
  display: none;
}
.calculator_container .more_item .favorite_container .favorite_item {
  display: flex;
  align-items: center;
  flex: 1;
  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 {
  font-size: .12rem;
  line-height: .18rem;
  margin-bottom: 0;
  cursor: pointer;
}

/* 计算按钮 */
.calculator_container .calculator_form .cal_submit {
  display: none;
}

/* 计算结果 */
/* 隐藏pc部分的计算结果 */
.calculator_container .cal_res {
  display: none;
}
/* h5部分 */
.cal_res_h5 {
  margin-top: .11rem;
  width: 3.51rem;
  background-color: #fff;
  border-radius: .13rem;
  padding: .16rem;
  display: none;
}
.cal_res_h5.active {
  display: block;
}
/* 标题 */
.cal_res_h5 .res_title_h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .12rem;
}
.cal_res_h5 .wrap {
  display: block;
}
.cal_res_h5 .mt12 {
  margin-top: .06rem;
}
.cal_res_h5 .res_title_h5 h1 {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: #222;
}
.cal_res_h5 .res_title_h5 p {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
/* 无路线 */
.cal_res_h5 .none_res_h5 {
  display: none;
  justify-content: center;
  align-items: center;
}
.cal_res_h5 .none_res_h5 .none_title_h5 {
  font-size: .12rem;
  line-height: .12rem;
  color: #333;
  margin: .44rem 1.215rem;
}
.cal_res_h5 .none_res_h5.active {
  display: flex;
}
/* 推荐物流方案 */
.cal_res_h5 .best_container_h5  {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.best_container_h5 .best_title p {
  color: #F95B6C;
}
.best_container_h5 .best_title,.other_title {
  display: flex;
  align-items: center;
  font-size: .12rem;
  line-height: .18rem;
  font-weight: 500;
}
.best_container_h5 .best_title img {
  width: .16rem;
  height: .16rem;
  margin-left: .04rem;
}
.res_item_h5 {
  padding: .12rem;
  background-color: #F6F7F9;
  border-radius: .08rem;
  margin-top: .12rem;
}
.res_item_h5 .base_info {
  display: flex;
  justify-content: space-between;
}
.res_item_h5 .base_info .item_value {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: #F95B6C;
  margin-bottom: .04rem;
}
.res_item_h5 .base_info .item_score {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: #F95B6C;
}
.res_item_h5 .base_info .item_name .item_value {
  color: #333;
}
.res_item_h5 .base_info .item_name .item_time {
  display: flex;
  align-items: center;
}
.res_item_h5 .base_info .item_name .item_time .item_value {
  margin-bottom: 0;
}
.res_item_h5 .item_name .item_value {
  display: flex;
  align-items: center;
}
.res_item_h5 .item_name .sub {
  font-size: .1rem;
  line-height: .16rem;
  height: .16rem;
  color: #fff;
  padding: 0 .08rem;
  margin-left: .04rem;
  border-radius: .09rem;
}
.res_item_h5 .base_info .item_title {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.res_item_h5 .base_info .item_logo {
  display: flex;
  align-items: center;
}
.res_item_h5 .base_info .item_logo img {
  width: .44rem;
  height: .44rem;
  margin-right: .12rem;
}
/* 分界线 */
.res_item_h5 .white_line {
  width: 100%;
  height: .01rem;
  background-color: #fff;
  margin: .12rem 0;
}
/* 费用 */
.res_item_h5 .fee_box {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.res_item_h5 .fee_box .left {
  display: flex;
  align-items: center;
  font-size: .12rem;
  line-height: .22rem;
  color: #999;
  margin-right: .08rem;
  flex-shrink: 0;
}
.res_item_h5 .fee_box .left img {
  height: .16rem;
  width: .16rem;
  transition: transform 0.3s ease-in-out;
}
.res_item_h5 .fee_box .left img.active {
  transform: rotate(180deg);
}
.res_item_h5 .fee_box .right {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
}
.res_item_h5 .fee_box .right .jpnum {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: #333;
}
.res_item_h5 .fee_box .right .jpunit,.zhunit {
  font-size: .12rem;
  line-height: .18rem;
  font-weight: 500;
  color: #333;
  margin-left: .02rem;
}
.res_item_h5 .fee_box .right .equal {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.res_item_h5 .fee_box .right .zhnum {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: #FF374D;
}

.res_item_h5 .detail_box {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  border-radius: .04rem;
  padding: 0 .12rem;
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out, padding 0.3s ease-in-out,
              opacity 0.3s ease-in-out;
}
.res_item_h5 .detail_box.long .detail_fee {
  display: block;
}
.res_item_h5 .detail_box.active {
  max-height: 2.16rem;
  padding: .12rem;
  margin-top: .12rem;
  opacity: 1;
}
.res_item_h5 .detail_box .top,.bottom {
  display: flex;
}
.res_item_h5 .detail_box .top {
  margin-bottom: .12rem;
}
.res_item_h5 .detail_box .detail_fee {
  display: flex;
  flex: 1;
}
.res_item_h5 .detail_fee .title,.value {
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.res_item_h5 .detail_fee .value {
  color: #333;
}


/* 其它方案 */
.other_container_h5 .other_title {
  margin-top: .16rem;
}


/* 计算结果说明 */
.calculator_container .cal_description {
  margin-top: .11rem;
  width: 3.51rem;
  background-color: #fff;
  border-radius: .13rem;
  padding: .16rem;
}
.cal_description h2 {
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  color: var(--primary-color);
  margin-bottom: .16rem;
}
.cal_description .link {
  color: var(--primary-color);
  text-decoration: underline;
  font-size: .12rem;
  line-height: .18rem;
}
.cal_description .link:hover {
  text-decoration: none;
}
.cal_description p {
  font-size: .12rem;
  line-height: .18rem;
  margin-bottom: .12rem;
}
.cal_description p:last-child {
  margin-bottom: 0;
}

/* 底部计算按钮 */
.blank {
  /* 将底部顶上来 */
  height: calc(.64rem + env(safe-area-inset-bottom) + .12rem);
}
.h5_submit {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: .12rem;
  border-radius: .13rem .13rem 0px 0px;
  /* 移动端底部安全距离 */
  padding-bottom: calc(.12rem + env(safe-area-inset-bottom));
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 .08rem 0 #F4F4F7;
}
.h5_submit .item {
  box-sizing: border-box;
  width: 1.695rem;
  height: .4rem;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h5_submit .clear {
  margin-right: .12rem;
  border: .015rem solid #DDDDDD;
}
.h5_submit .submit {
  background-color: #F95B6C;
  color: white;
}

/* 移动端弹窗样式 */
.mobile-tooltip-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
}

.mobile-tooltip-mask.active {
  display: block;
}

.mobile-tooltip {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.03rem;
  background: #fff;
  border-radius: .12rem;
  z-index: 1001;
  overflow: hidden;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.2);
}

.mobile-tooltip-header {
  padding: .16rem;
  font-size: .15rem;
  font-weight: 600;
  color: #222;
  text-align: center;
}

.mobile-tooltip-content {
  padding: 0 .16rem;
  font-size: .12rem;
  line-height: .18rem;
  color: #666;
  text-align: center;
  margin-bottom: .2rem;
}

.mobile-tooltip-footer {
  padding: .12rem .16rem;
  display: flex;
  justify-content: center;
}

.mobile-tooltip-confirm {
  width: 1.3rem;
  height: .4rem;
  background: #F95B6C;
  border-radius: .2rem;
  color: white;
  font-size: .14rem;
  line-height: .22rem;
  font-weight: 500;
  border: none;
}