@charset "utf-8";
.DeliverySelect{ margin: 10px 0 20px;}
.DeliverySelect label{ float: left; line-height: 28px; margin-right: 5px; text-align: left;}
.DeliveryCountry{ float: left; position: relative;}
.DeliveryCountry .inputClass{ width: 170px; display:block; height: 28px; line-height: 28px\9; padding: 0 10px; border:#e9e9e9 solid 1px;}
.DeliveryCountry:after{ content: ""; border-style: solid; border-width: 4px 4px 0; border-color: #808080 transparent transparent; display:block; position:absolute; top: 11px; right: 10px;}
.DeliveryCountry:hover .CountryList, .DeliveryCountry:focus .CountryList{ display: block;}
.DeliveryCountry .CountryList{ display: none; border: #e9e9e9 solid 1px; position: absolute; width:190px; top:28px; left:0; background: #FFFFFF; padding: 5px 0 10px;}
.DeliveryCountry .CountryList a{ display: block; line-height: 24px; padding:0 10px; text-decoration: none !important;}
.DeliveryCountry .CountryList a:hover{ background: #ebebeb;}
.DeliveryTable{border-collapse:collapse;  font-size: 12px;}
.DeliveryTable td{ border: 0; border:solid 1px #E9E9E9; border-collapse: collapse; word-break: break-all;}
.TableBox .DeliveryHeader{ text-align:center; width: 20%;}
.TableBox td{ padding: 5px 10px; line-height: 20px; border: 0; border:solid 1px #E9E9E9; border-collapse: collapse; border-right: none;width:50%;}
.DeliveryTable .Bg_f8 td{ background: #F8F8F8; text-align: center;}
.DeliveryContant{ overflow-y: hidden;}
.DeliverHeader{ background: #f8f8f8;}
.DeliveryContant td{ border: solid 1px #E9E9E9;}
.DeliverHeader .HeaderBox{ text-align: center;}
.DeliverHeader .HeaderBox td{ padding: 5px 10px;}
.HeaderBox tr:last-child td{ border-bottom: none;}
.HeaderBox, .DeliveryTable, .HeaderTable td{ border-bottom: none;}
.TableBox tr:first-child td{ border-top: none;}
.DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 300px;}
.HeaderTable .Bg_f8 td { background: #F8F8F8; text-align: center;width:50%;}
.DeliveryList{height:600px; overflow-y: scroll;}
.DeliveryTable td:last-child .TableBox{ border-right: #E9E9E9 solid 2px;}
.wapisNone1{display: none}
.wapisNone2{display: none}
.wapisNone_wap{display: none}

/*重量搜索的样式*/
.DeliveryWeightContant{ width: 755px;}
.DeliveryContant{ height: auto; max-height: 650px; overflow-y: auto;}
.DeliveryContant table{ table-layout: fixed;}
.DeliveryList{  height: auto !important; overflow-y: hidden;}
.DeliveryContant .HeaderTable td.DeliveryHeader{ background: #FFFFFF;}
.DeliveryWeightContant .DeliverHeader{ font-family: "Open Sans Semibold";}
.DeliveryWeightContant td:nth-of-type(1) .HeaderBox, .DeliveryWeightContant td:nth-of-type(1) .TableBox{ width: 205px;height: 47px}
.DeliveryWeightContant td:nth-of-type(2) .HeaderBox, .DeliveryWeightContant td:nth-of-type(2) .TableBox{ width: 240px;}
.DeliveryWeightContant td:nth-of-type(3) .HeaderBox, .DeliveryWeightContant td:nth-of-type(3) .TableBox{ width: 135px;}
.DeliveryWeightContant td:nth-of-type(4) .HeaderBox, .DeliveryWeightContant td:nth-of-type(4) .TableBox{ width: 150px;}
.DeliverySelect{ float: left; margin-right: 10%;}
.DeliveryWeight{ margin: 10px 0 20px; float: left}
.DeliveryWeight .inputClass{ border: #e9e9e9 solid 1px; padding: 0 10px; height: 28px; width: 100px;}
.DeliveryWeight .buttonClass{ background: #ff6a00; color: #ffffff; padding: 0 10px; height: 30px; line-height: 30px; margin-left: 10px;cursor: pointer}
.DeliveryWeight .buttonClass:hover{background: #ea6100;}
.weightFormatTips{display: none;color: #E53333;text-align: center;margin-bottom: 20px;}

.shipTip {padding: 20px 0;font-size: 15px;line-height: 30px;}

.Tag-FreeDuty{ display: inline-block;height: 14px;line-height: 14px;}
.Tag-FreeDuty img{margin-left: 5px;width: auto;height: 14px;}
.isFreeDuty{border-top: none;display: flex;width: 100% !important;box-sizing: border-box;height: 100%;align-items: center;justify-content: center;}

@media only screen and (max-width: 767px) {
    .DeliveryWeightContant{ width: auto;}
    .DeliveryContant{ height: auto; max-height: 1200px;}
    .PW-delivery-fee .DeliveryContant{ margin-bottom: 0;}
    .PW-delivery-fee .DeliveryList{ height: auto !important;}
    .PW-delivery-fee .DeliveryWeightContant table{ width: auto;}
    .DeliveryWeightContant td:nth-of-type(1) .HeaderBox, .DeliveryWeightContant td:nth-of-type(1) .TableBox{ width: 150px;height:84px}
    .DeliveryWeightContant td:nth-of-type(2) .HeaderBox, .DeliveryWeightContant td:nth-of-type(2) .TableBox{ width: 180px;}
    .DeliveryWeightContant td:nth-of-type(3) .HeaderBox, .DeliveryWeightContant td:nth-of-type(3) .TableBox{ width: 80px;height: 84px}
    .DeliveryWeightContant td:nth-of-type(4) .HeaderBox, .DeliveryWeightContant td:nth-of-type(4) .TableBox{ width: 100px;height: 84px}

    .PW-delivery-fee .DeliverySelect{ margin-bottom: 10px;}
    .PW-delivery-fee .DeliveryWeight{ padding: 0 10px;}
    .PW-delivery-fee .DeliveryWeight .inputClass{ height: 35px;}
    .BorderBottom{ border-bottom: solid 2px #E9E9E9; width: calc(100% - 20px); margin: 0 auto 50px;}
    .wapisNone{display: none}
    .wapisNone1{display: block}
    .wapisNone2{display: block}
    .wapisNone_wap{display: block;overflow: hidden;}
    .wapisNone_wy{display: none}
    .wapisNone_wap td{height: 83px;max-width: 149px;}
    .shipTip,.ShippingFeeNotice{padding: 0 10px;}

    .wapisNone_wap{height: 100%;}
    .isFreeDuty{display: flex!important;flex-direction: column!important;max-width: 100% !important;height: 100% !important;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .Content{ padding-left:10px; padding-right: 10px; box-sizing: border-box;}
}

/*自适应********************************************************************************************************************/
@media (max-width: 767px) {
.PW-delivery-fee .Bread_Crumb .CrumbText {border: 0;position: unset;padding: 0;}
.PW-delivery-fee .Bread_Crumb .CrumbText > a {float: left;padding-left: 10px;}
.PW-delivery-fee .Bread_Crumb {margin-bottom: 0;border-bottom: 2px #f6f5f2 solid;}
.PW-delivery-fee .Bread_Crumb .hasChild {padding-right: 0;}
.PW-delivery-fee .Bread_Crumb font {padding-left: 10px;}
.PW-delivery-fee .DeliveryTitle {width: 100%;padding: 10px;}
.PW-delivery-fee .DeliverySelect {padding: 0 10px;height: 35px;}
.PW-delivery-fee .DeliverySelect label {width: 35%;line-height: 0.75rem;text-align: right;position: relative;top: 50%;transform: translateY(-50%);}
.PW-delivery-fee .DeliveryCountry {width: 63%;}
.PW-delivery-fee .DeliveryCountry .inputClass {height: 35px;}
.PW-delivery-fee .DeliveryCountry:after {top: 16px;}
.PW-delivery-fee .CountrySelect {width: 100%;top: 34px;}
.PW-delivery-fee .CountrySelect .CountrySearch input {width: 98% !important;}
.PW-delivery-fee .DeliveryContant {padding: 0 10px;margin-bottom: 50px;overflow-y: scroll;}
/*.PW-delivery-fee .DeliveryContant table {width: 100%;}*/
.PW-delivery-fee .NavMenu .Menu {background: #fff;position: relative;}
.PW-delivery-fee .NavMenu li > a {color: #000;line-height: unset;font-size: 0.875rem;height: 65px;padding-top: 15px;}
.PW-delivery-fee .NavMenu .Menu > a:before {content: "";border-style: solid;border-width: 4px 4px 0;border-color: #808080 transparent transparent;display: block;position: absolute;top: 30px;right: 10px;background: 0;width: 1px;}
.PW-delivery-fee .NavMenu li > a:hover {background: #fff;color: #000 !important;}
.PW-delivery-fee .NavMenu {margin: 0;padding-bottom: 0;}
.PW-delivery-fee .MenuList {padding: 0;top: 67px;}
.PW-delivery-fee .MenuList dl {background: #fff;}
.PW-delivery-fee .MenuList dt {height: 50px;}
.PW-delivery-fee .MenuList dt a {line-height: 1rem;position: relative;top: 50%;transform: translateY(-50%);}
/*.PW-delivery-fee .DeliveryList {max-height: 1200px !important;}*/
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 366px;}
}

@media only screen and (max-width: 360px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 336px;}
}
@media only screen and (min-width: 361px) and (max-width: 375px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 351px;}
}

@media only screen and (min-width: 376px) and (max-width: 390px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 366px;}
}

@media only screen and (min-width: 392px) and (max-width: 393px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 369px;}
}


@media only screen and (min-width: 394px) and (max-width: 414px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 390px;}
}



@media only screen and (min-width: 395px) and (max-width: 412px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 388px;}
}

@media only screen and (min-width: 396px) and (max-width: 411px) {
  .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 387px;}
}

@media only screen and (min-width: 415px) and (max-width: 428px) {
    .DeliveryContant .HeaderBox, .DeliveryContant .TableBox{ width: 404px;}
}