@media screen and (max-width: 1030px) {
  * {
    font-family: 'Open Sans', "Helvetica Neue Thin", 'Helvetica', 'Arial', 'sans-serif' !important;
  }
  button:focus {
    outline: none;
  }
  .layui-form-selected dl {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: auto;
  }
  .table-body-no-data {
    text-align: center;
    padding-bottom: 60px;
  }
  .layui-form-select dl dd.layui-this {
    background-color: #0066FF;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: auto;
  }
  input {
    height: 3.44rem!important;
    line-height: 3.44rem;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
    padding-left: 15px!important;
    transition: all 0.2s;
    box-sizing: border-box;
  }
  input:focus {
    border-color: #0066FF;
  }
  .layui-form-select .layui-input {
    height: 3.44rem;
  }
  .min-content {
    display: block;
  }
  .banner {
    margin-top: 4.3rem;
    width: 100%;
    height: 24.682rem;
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/shipping_cost_calculator_from_china_to_the_world.webp);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .banner .banner-content {
    padding-top: 3.01rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner .banner-content .banner-import-title {
    font-family: Open Sans;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 29.24rem;
    word-break: break-word;
    font-size: 1.548rem;
  }
  .banner .banner-content .banner-title {
    width: 29.24rem;
    font-size: 1.548rem;
    font-family: Open Sans;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
  }
  .banner .banner-content .banner-remark {
    margin-top: 1.763rem;
    width: 24.424rem;
    height: 5.203rem;
    text-align: center;
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.376rem;
  }
  .main-content {
    padding: 0 1.376rem;
    box-sizing: border-box;
    background-color: #fafafa;
  }
  .search {
    box-sizing: border-box;
  }
  .search .search-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.2);
    border-radius: 0.43rem;
    box-sizing: border-box;
    padding: 2.15rem;
  }
  .search .search-content .content-top {
    width: 100%;
    height: 3.44rem;
    overflow: auto;
    margin-bottom: 2.408rem;
  }
  .search .search-content .content-top .content-main {
    width: 42.613rem;
    height: 3.01rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DBE6F5;
  }
  .search .search-content .content-top .content-main .content-top-item {
    width: 10.148rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search .search-content .content-top .content-main .content-top-item .item-img {
    width: 1.247rem;
    height: 1.118rem;
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_1_black@2x.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.43rem;
  }
  .search .search-content .content-top .content-main .content-top-item .item-title {
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #161616;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(2) {
    width: 11.309rem;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(2) .item-img {
    width: 1.118rem;
    height: 1.118rem;
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_2_black@2x.png);
    margin-right: 0.688rem;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(3) {
    width: 8.686rem;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(3) .item-img {
    width: 1.075rem;
    height: 1.118rem;
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_3_black@2x.png);
    margin-right: 0.516rem;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(4) {
    width: 12.47rem;
  }
  .search .search-content .content-top .content-main .content-top-item:nth-child(4) .item-img {
    width: 1.161rem;
    height: 1.118rem;
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_4_black@2x.png);
    margin-right: 0.688rem;
  }
  .search .search-content .content-top .content-main .active {
    position: relative;
  }
  .search .search-content .content-top .content-main .active .item-img {
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_1_blue@2x.png);
  }
  .search .search-content .content-top .content-main .active .item-title {
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: bold;
    color: #0066FF;
  }
  .search .search-content .content-top .content-main .active:nth-child(2) .item-img {
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_2_blue@2x.png);
  }
  .search .search-content .content-top .content-main .active:nth-child(3) .item-img {
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_3_blue@2x.png);
  }
  .search .search-content .content-top .content-main .active:nth-child(4) .item-img {
    background-image: url(/catalog/view/theme/default/image/shipping_calculator/Calculator_4_blue@2x.png);
  }
  .search .search-content .content-top .content-main .active::before {
    content: "";
    width: 100%;
    height: 0.215rem;
    position: absolute;
    background-color: #0066FF;
    bottom: -0.1075rem;
    left: 0px;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline {
    margin-bottom: 2.064rem;
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline .phone-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline .phone-label {
    display: inline-block;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    margin-bottom: 1.075rem;
    position: relative;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline .phone-label::before,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline .phone-label::before {
    content: "*";
    position: absolute;
    right: -1.29rem;
    top: 0.172rem;
    color: red;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline .must,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline .must {
    display: none;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline .layui-form-select,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline .layui-form-select {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .my-form-label .pc-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .my-form-label .pc-label {
    display: none;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .my-form-label .phone-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .my-form-label .phone-label {
    display: inline-block;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline input,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline input {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline span,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-top .layui-form .layui-inline:nth-child(3) .layui-input-inline span {
    display: none;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left {
    margin-bottom: 2.064rem;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .content-left-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .content-left-label {
    display: none;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .phone-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .phone-label {
    display: inline-block;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    margin-bottom: 1.075rem;
    position: relative;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .content-left-box,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .content-left-box {
    display: flex;
    justify-content: space-between;
    border: 1px solid #a4a0a8;
    background-color: #fff;
    border-radius: 2px;
    align-items: center;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .content-left-box input,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .content-left-box input {
    border: none;
    width: 7.31rem;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .content-left-box input:focus ~ .content-left-box,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .content-left-box input:focus ~ .content-left-box {
    border-color: #0066FF;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-left .content-left-unit,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-left .content-left-unit {
    display: none;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline {
    display: flex;
    flex-direction: column;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline .layui-form-label,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline .layui-form-label {
    display: inline-block;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    margin-bottom: 1.075rem;
    position: relative;
    float: none;
    padding: 0;
    text-align: unset;
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-small .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline .layui-input-inline,
  .search .search-content .content-bottom .search-content-big .content-left .content-left-bottom .content-left-bottom-right .layui-form .layui-form-item .layui-inline .layui-input-inline {
    width: 100%;
    margin: 0;
  }
  .search .search-content .content-bottom .search-content-small .content-right,
  .search .search-content .content-bottom .search-content-big .content-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search .search-content .content-bottom .search-content-small .content-right button,
  .search .search-content .content-bottom .search-content-big .content-right button {
    width: 11.438rem;
    height: 3.526rem;
    background: #FFFFFF;
    border: 1px solid #0066FF;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 0.43rem;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #0066FF;
    line-height: 3.526rem;
    text-align: center;
  }
  .search .search-content .content-bottom .search-content-small .content-right button:nth-child(2),
  .search .search-content .content-bottom .search-content-big .content-right button:nth-child(2) {
    background-color: #0066FF;
    color: #fff;
  }
  .search .search-content .content-bottom .search-content-big {
    display: none;
  }
  .search .search-content .content-bottom .search-content-request-one,
  .search .search-content .content-bottom .search-content-request-two {
    display: none;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .form-item-label,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .form-item-label {
    display: inline-block;
    font-size: 1.376rem;
    height: 1.72rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    margin-bottom: 1.075rem;
    position: relative;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .form-item-label::before,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .form-item-label::before {
    content: "*";
    position: absolute;
    right: -1.29rem;
    top: 0.172rem;
    color: red;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line input,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line input {
    width: calc(100% - 5%);
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line:nth-child(2),
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line:nth-child(2) .form-item-label::before,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line:nth-child(2) .form-item-label::before {
    content: "";
    display: none;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form .layui-form-item,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form .layui-form-item {
    width: 100%;
    margin-bottom: 0!important;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline {
    width: 100%;
    margin-bottom: 0!important;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline {
    width: 100%!important;
    margin-bottom: 0!important;
    float: none;
    margin: 0;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-select .layui-select-title .layui-edge,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-select .layui-select-title .layui-edge {
    right: 20px;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-selected dl,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .form-line .layui-form .layui-form-item .layui-inline .layui-input-inline .layui-form-selected dl {
    min-width: 95%!important;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .verification_code1,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .verification_code1,
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .verification_code2,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .verification_code2 {
    position: relative;
    display: none;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .verification_code1 img,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .verification_code1 img,
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line-block .verification_code2 img,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line-block .verification_code2 img {
    height: 100%;
    position: absolute;
    height: calc(100% - 2px);
    right: 0;
    top: 1px;
    right: 1px;
    border-radius: 5px;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line {
    margin-bottom: 2.064rem;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .form-item-label,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .form-item-label {
    display: inline-block;
    font-size: 1.376rem;
    height: 1.72rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    margin-bottom: 1.075rem;
    position: relative;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .form-item-label::before,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .form-item-label::before {
    content: "*";
    position: absolute;
    right: -1.29rem;
    top: 0.172rem;
    color: red;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line input,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line input {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .layui-form,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .layui-form {
    width: 100%;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .layui-form .layui-form-item,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .layui-form .layui-form-item {
    width: 100%;
    margin-bottom: 0!important;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .layui-form .layui-form-item .layui-input-inline,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .layui-form .layui-form-item .layui-input-inline {
    width: 100%!important;
    margin-bottom: 0!important;
    float: none;
    margin: 0;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .layui-form .layui-form-item .layui-input-inline .layui-form-select .layui-select-title .layui-edge,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .layui-form .layui-form-item .layui-input-inline .layui-form-select .layui-select-title .layui-edge {
    right: 20px;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .form-line .layui-form .layui-form-item .layui-input-inline .layui-form-selected dl,
  .search .search-content .content-bottom .search-content-request-two .form-block .form-line .layui-form .layui-form-item .layui-input-inline .layui-form-selected dl {
    min-width: 95%!important;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .verification_code1,
  .search .search-content .content-bottom .search-content-request-two .form-block .verification_code1,
  .search .search-content .content-bottom .search-content-request-one .form-block .verification_code2,
  .search .search-content .content-bottom .search-content-request-two .form-block .verification_code2 {
    position: relative;
    display: none;
  }
  .search .search-content .content-bottom .search-content-request-one .form-block .verification_code1 img,
  .search .search-content .content-bottom .search-content-request-two .form-block .verification_code1 img,
  .search .search-content .content-bottom .search-content-request-one .form-block .verification_code2 img,
  .search .search-content .content-bottom .search-content-request-two .form-block .verification_code2 img {
    height: 100%;
    position: absolute;
    height: calc(100% - 2px);
    right: 0;
    top: 1px;
    right: 1px;
    border-radius: 5px;
  }
  .search .search-content .content-bottom .search-content-request-one .pivacy-policy,
  .search .search-content .content-bottom .search-content-request-two .pivacy-policy {
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 400;
    text-decoration: underline;
    color: #0066FF;
  }
  .search .search-content .content-bottom .search-content-request-one .request-box,
  .search .search-content .content-bottom .search-content-request-two .request-box {
    margin-top: 2.236rem;
    height: 3.44rem;
    background: #0066FF;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.05);
    border-radius: 1.72rem;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 3.44rem;
    text-align: center;
  }
  .search .search-content .content-bottom .search-content-request-one .request-remark,
  .search .search-content .content-bottom .search-content-request-two .request-remark {
    margin-top: 1.548rem;
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #787878;
  }
  .search .search-content .content-bottom .search-content-request-two {
    display: none;
  }
  .table-unit {
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(28, 28, 28, 0.2);
    margin-top: 1.72rem;
  }
  .table-unit .table-unit-content .table .table-header {
    display: none;
  }
  .table-unit .table-unit-content .table .table-header .table-header-item {
    display: none;
  }
  .table-unit .table-unit-content .table .table-header .table-header-item .header-help {
    display: none;
  }
  .table-unit .table-unit-content .table .table-header .table-header-item .header-help img {
    display: none;
  }
  .table-unit .table-unit-content .table .table-header .table-header-item .header-help .help-msg {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body {
    width: 100%;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn {
    border-bottom: 1px solid #ECEEF0;
    padding: 1.376rem;
    box-sizing: border-box;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .product-img {
    width: 2.752rem;
    height: 2.752rem;
    border-radius: 0.43rem;
    margin-right: 1.075rem;
    border: 1px solid #e5e5e5;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .product-title {
    height: 0.903rem;
    font-size: 1.204rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #212B36;
    line-height: 0.946rem;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .item-method {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .logistics {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .logistics .item-type {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .logistics .item-type .drop-off {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item .logistics .item-type .paid-pickup {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(1) {
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(2) {
    margin-top: 1rem;
    height: 1.075rem;
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #212B36;
    line-height: 0.946rem;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(3) {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(4) {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(5) {

  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(6) {
    display: flex;
    justify-content: space-between;
    font-size: 1.72rem;
    font-family: Open Sans;
    font-weight: bold;
    color: #FF505C;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(7) {
    position: relative;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(7) .item-button {
    position: absolute;
    right: 0;
    bottom: 2.15rem;
    width: 6.02rem;
    height: 2.58rem;
    background: #0066FF;
    box-shadow: 0px 4px 4px 0px rgba(28, 28, 28, 0.24);
    border-radius: 0.215rem;
    margin-top: -0.86rem;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(7) .item-button .ship_isLogin,
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(7) .item-button .ship_unLogin {
    width: 100%;
    height: 100%;
    display: none;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 2.58rem;
    text-align: center;
  }
  .table-unit .table-unit-content .table .table-body .table-body-cloumn .cloumn-item:nth-child(7) .item-button .ship_unLogin {
    display: block;
  }
  .table-unit .table-unit-content .table .table-body .small-learn-more-style {
    display: none;
  }
  .table-unit .table-unit-content .table .table-body .big-learn-more-style {
    display: none;
  }
  .alert-message {
    margin-top: 1.72rem;
    padding: 1.075rem;
    box-sizing: border-box;
    height: 6.192rem;
    background: #E5ECFF;
    border-radius: 0.43rem;
  }
  .alert-message .alert-message-content {
    display: flex;
    justify-content: space-between;
  }
  .alert-message .alert-message-content .content-icon {
    width: 1.462rem;
    height: 1.462rem;
  }
  .alert-message .alert-message-content .content-remark {
    width: 24.94rem;
    height: 3.956rem;
    font-size: 1.118rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #161616;
    line-height: 1.462rem;
  }
  .alert-message .alert-message-content .content-remark a {
    color: #0066FF;
    text-decoration: underline;
  }
  .request-box {
    margin-top: 3.44rem;
    padding: 0 3.44rem;
    box-sizing: border-box;
  }
  .request-box .request-box-content .content-item {
    height: 3.354rem;
    font-size: 1.376rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #161616;
    line-height: 1.978rem;
    text-align: center;
  }
  .request-box .request-box-content .content-item .request-button {
    color: #0066FF;
    display: inline;
  }
  .q-a-box {
    display: flex;
    margin-top: 3.87rem;
    margin-bottom: 4.3rem;
  }
  .q-a-box .q-a-content .q-a-title {
    font-size: 1.548rem;
    font-family: Open Sans;
    font-weight: 800;
    color: #161616;
    text-align: center;
    margin-bottom: 2.408rem;
  }
  .q-a-box .q-a-content .q-a-item {
    background-color: #fff;
    margin-bottom: 2.15rem;
  }
  .q-a-box .q-a-content .q-a-item .item-title {
    box-sizing: border-box;
    padding: 1.29rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .q-a-box .q-a-content .q-a-item .item-title span {
    font-size: 1.118rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #212B36;
    word-wrap: break-word;
    word-break: break-word;
  }
  .q-a-box .q-a-content .q-a-item .item-title img {
    width: 1.204rem;
    height: 0.688rem;
    transform: rotate(0deg);
    transition: all 0.1s;
  }
  .q-a-box .q-a-content .q-a-item .item-remark {
    display: none;
    box-sizing: border-box;
    padding: 0.3rem 0.18rem 0.3rem 1.29rem;
    font-size: 1.118rem;
    font-family: Open Sans;
    font-weight: 400;
    color: #212B36;
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
  }
  .q-a-box .q-a-content .active .item-title img {
    transform: rotate(180deg);
  }
  .q-a-box .q-a-content .active .item-remark {
    display: block!important;
  }
  .q-a-box .q-a-content .active .item-remark::before {
    position: absolute;
    content: "";
    width: 4.386rem;
    height: 0.086rem;
    background-color: #eef0f2;
    top: 0;
    left: 1.29rem;
  }
  .message-success {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    justify-content: center;
    align-items: center;
  }
  .message-success .message_warp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.1;
  }
  .message-success .message-iitem {
    width: 25.8rem;
    background-color: #fff;
    border-radius: 10px;
    z-index: 3;
    padding: 0.9rem 0;
    position: relative;
  }
  .message-success .message-iitem .position-icon {
    position: absolute;
    right: 0.86rem;
    top: 0.86rem;
    font-size: 1.548rem;
    cursor: pointer;
  }
  .message-success .message-iitem .message-img {
    width: 100%;
    height: 4.3rem;
    display: flex;
    justify-content: center;
  }
  .message-success .message-iitem .message-img img {
    width: 4.3rem;
  }
  .message-success .message-iitem .message-text {
    margin-top: 1.29rem;
    text-align: center;
    font-size: 1.032rem;
    font-family: Open Sans;
    font-weight: 600;
    color: #000000;
  }
  .request-modal {
    display: none;
  }
  #country_code {
    width: 100% !important;
  }
  .app_arrow {
    display: block !important;
  }
  .countrySelect {
    padding-left: 0 !important;
  }
  .countrySelect #help_gray {
    width: 18px;
    position: absolute;
    left: 40px;
    top: -1px;
  }
  .countrySelect::before {
    display: none;
  }
  .default-button-small {
    margin-top: 12px;
  }
  .xm-body {
    animation-name: none!important;
    animation-duration: 0.3s;
    animation-fill-mode: both;
  }
  .xm-body .xm-option {
    max-width: 25rem;
  }
  .xm-body .xm-option .xm-option-content {
    line-height: 1.2;
    padding: 8px;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: break-spaces;
    font-size: 1rem;
    background-color: none;
  }
  #country-tab {
    padding-bottom: 0;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border-bottom: 2px solid #F4F6F8;
    padding-right: 50px;
  }
  #country-tab #country-tab-max,
  #country-tab #country-tab-min {
    overflow: hidden;
    display: none;
  }
  #country-tab .botton_page {
    display: none;
  }
  #country-tab .tabPage {
    position: absolute;
    right: 0;
    top: 21px;
    width: 38px;
  }
  #country-tab .tabPage .app_arrow {
    width: 22px;
    cursor: pointer;
  }
  #country-tab ul {
    display: table-row;
    width: 100%;
  }
  #country-tab ul li {
    list-style: none;
    float: left;
    padding: 14px 13px;
    border-radius: 5px;
    cursor: pointer;
    background: #fff !important;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    font-weight: bold;
    color: #5d5d5d;
  }
  #country-tab ul li.active {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 14px;
    color: #0066FF;
    position: relative;
  }
  #country-tab ul li.active::after {
    content: '';
    /* 确保伪元素生成 */
    width: 66px;
    height: 3px;
    background: #0066FF;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -33px;
  }
  #country_code {
    width: 100% !important;
  }
  .header-help .help-msg::before {
    top: -15px !important;
    right: 185px!important;
  }
  .header-help .help-msg::after {
    top: -18px !important;
    right: 184px!important;
  }
  .header-help .help-msg {
    top: 28px!important;
    left: -46px !important;
  }
  .pageTable {
    display: none!important;
  }
  xm-select > .xm-body .xm-toolbar {
    padding: 0 !important;
  }
  .xm-select-list .xm-label-block {
    width: 48% !important;
  }
  .xm-select-list {
    width: 100%;
  }
}


.material_volume_value{
     padding-left: 11px !important;
}

.layui-icon-about {
    font-size: 22px  !important;
    color: #414141!important;
    cursor: pointer;
  }
  .layui-layer-tips .layui-layer-content{
       font-size: 14px !important;
  }
.layui-layer-tips{
    min-width: 120px;
     width: initial !important;
}
.table-unit .table-unit-content .table .table-body .table-body-loading {
    width: 100%;
    height: 100%;
    padding: 30px 0;
    display: flex;
    overflow: hidden;
  }
  .table-unit .table-unit-content .table .table-body .table-body-loading div {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: auto;
    transform: rotate(360deg);
    animation: rotate 45s infinite linear;
  }
  .table-unit .table-unit-content .table .table-body .table-body-loading div {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: auto;
    transform: rotate(360deg);
    animation: rotate 45s infinite linear;
  }
  .table-unit .table-unit-content .table .table-body .table-body-loading div::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    border-radius: 50%;
    border-top: 3px solid #0066ff;
    border-left: 3px solid #0066ff;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    transform: rotate(720deg);
    animation: rotate 3s infinite ease-out;
  }
  .table-unit .table-unit-content .table .table-body .table-body-loading div::after {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    box-sizing: border-box;
    border-radius: 50%;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    border-left: 7px solid #fff;
    transform: rotate(720deg);
    animation: rotate 3s infinite ease-in-out;
  }
  @keyframes rotate {
    100% {
      transform: rotate(0deg);
    }
  }



.calculate_btn{
    opacity: 0.7;
    pointer-events: none;
}

.layui-icon-loading-1.layui-anim.layui-icon{
    margin-right: 5px;
    display: none;
}

.calculate_btn  .layui-icon-loading-1{
    display: inline-block !important;
}
.calculate-search_small{
    padding: 0 8px !important;
    margin-top: 12px;
}
.countrySelect .layui-unselect.layui-form-select {
    display: none !important;
  }
  .countrySelect .open.dropup .caret,
  .countrySelect .dropdown.open .caret {
    content: "";
    border-top: 0 !important;
    border-bottom: 6px dashed!important;
    border-bottom: 6px solid!important;
  }
  .countrySelect {
    padding-left: 36px;
  }
  .countrySelect::before {
    content: "*";
    position: absolute;
    top: 15px;
    left: 45px;
    color: red;
    z-index: 99999;
  }
  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    padding-left: 18px;
  }
  #country_code .xm-select-default,
  #country_code .xm-tips,
  #country_code .xm-label {
    margin-left: 12px !important;
  }
  #country_code xm-select {
    min-height: 38px;
    line-height: 38px;
  }
  .xm-input.xm-search-input {
    margin-left: 12px;
  }
  .xm-icon-qingkong {
    margin-right: 4px;
  }
  .xm-label-block,
  .xm-label-block > span,
  .xm-label-block,
  .xm-label .xm-label-block > i {
    color: #333 !important;
    background-color: #f3f3f3 !important;
  }
  .table-unit {
    position: relative;
  }
  .pageTable {
    position: absolute;
    top: 50px;
    width: 35px;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 99;
    max-height: 700px;
  }
  .pageTable img {
    width: 100%;
    cursor: pointer;
  }
  .pageTable img:hover {
    opacity: 0.8;
  }
  .left_page {
    left: -100px;
  }
  .right_page {
    right: -100px;
  }
  @media screen and (max-width: 1420px) {
    .left_page {
      left: -10px;
    }
    .right_page {
      right: -10px;
    }
  }
  .label-content span {
    max-width: 130px !important;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 使用省略号表示超出部分 */
  }
  .pc_arrow,
  .app_arrow {
    display: none;
  }
  #help_gray {
    width: 16px;
    position: absolute;
    left: 4px;
    top: 10px;
  }
  .layui-layer-tips {
    margin-top: -10px !important;
  }
  .header-help {
    width: 15px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  .header-help img {
    width: 100%;
    height: 100%;
  }
  .header-help .help-msg {
    display: none;
    position: absolute;
    top: 35px;
    left: -93px;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 250px;
    background: #7F7F7F;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 3px 8px 0px rgba(79, 79, 79, 0.1);
    border-radius: 5px;
    font-size: 12px;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    z-index: 1;
  }
  .header-help .help-msg::before {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -15px;
    right: 141px;
    padding: 0;
    border-bottom: 8px solid #7F7F7F;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: block;
    content: '';
    z-index: 12;
  }
  .header-help .help-msg::after {
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -18px;
    right: 140px;
    padding: 0;
    border-bottom: 9px solid #cccccc;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    content: '';
    z-index: 10;
  }
  .header-help:hover .help-msg {
    display: block;
  }

  #country_code {
    position: relative;
  }
  #country_code .del-select {
    position: absolute;
    top: 11px;
    right: 24px;
    cursor: pointer;
  }
  .xm-select-list {
    display: flex;
    padding: 3px 10px;
    flex-wrap: wrap;
  }
  .xm-select-list .xm-label-block {
    height: 26px;
    line-height: 26px;
    display: flex;
    position: relative;
    padding: 0px 5px;
    margin: 2px 5px 2px 0;
    border-radius: 3px;
    align-items: baseline;
    width: 168px;
  }
  .xm-select-list .xm-label-block span {
    box-sizing: border-box;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    width: calc(100% - 20px) !important;
  }
  .xm-select-list .xm-label-block i {
    color: #FFF;
    margin-left: 8px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    color: #333 !important;
  }