* {
    margin: 0;
    padding: 0;
    font-family: Arial!important
}

html {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

body {
    overflow: hidden;
    width: 100%;
    overflow-y: auto;
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.pvs {
    position: relative
}

h4 {
    font-weight: 400
}

h5 {
    font-weight: 400
}

.margin-auto {
    width: 100%;
    margin: 0 auto;
    
}
.top-a .margin-auto{
    height: 60px;
    display: flex;
    align-items: center;
}

.text-c {
    text-align: center
}

.fl {
    float: left
}

.fr {
    float: right
}

.bg-f0 {
    background: #f0f0f0
}

.f-bold {
    font-weight: 700
}

.btn {
    display: inline-block;
    border-radius: 10px;
    cursor: pointer
}

.btn-lg {
    padding: 14px 55px
}

.btn-green {
    background: #3fb00b;
    color: #fff;
    font-size: 27px
}

.btn-green>p {
    font-size: 10px
}


/* 
#goto-dts:hover {
    background: #059bd4
} */

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0
}

span.i {
    width: 97px;
    height: 84px;
    display: inline-block;
    float: left;
    margin-right: 24px;
    background: url(../images/ico.png) no-repeat left top
}

span.i1 {
    background-position: 0 -84px
}

span.i2 {
    background-position: 0 -168px
}

span.i2 {
    background-position: 0 -252px
}

span.i4 {
    background-position: 0 -336px
}

.top-a {
    position: relative;
    z-index: 9;
    overflow: hidden;
    overflow: hidden;
    position: relative;
    z-index: 9;
    position: relative;
    z-index: 9;
    overflow: hidden;
    height: 60px;
}

.top-a .fr {
    font-size: 21px;
    color: #404042;
    margin-top: 32px
}

.top-b {
    background-color: #0072bc
}

.top-bt {
    box-sizing: border-box;
    overflow: hidden
}

.top-bt li {
    width: 11.11%;
    float: left;
    text-align: center;
    overflow: hidden;
    padding: 15px 0;
    padding-bottom: 12px
}

.top-bt li a {
    font-size: 16px;
    color: #fff;
    height: 30px;
    padding: 0 13px;
    display: inline-block;
    line-height: 30px;
    overflow: hidden;
    cursor: pointer
}

.top-bt li.on a {
    color: #fff;
    border: 1px solid #5893cc;
    border-radius: 3px
}

.top-bf {
    border-top: 1px solid #327cc7;
    padding-bottom: 10px
}

.top-bf-a {
    color: #fff;
    font-size: 27px;
    line-height: 32px;
    padding: 90px 0 29px
}

.top-soso {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    position: relative;
    box-sizing: border-box
}

.top-soso .nr {
    height: 99px;
    border-radius: 3px;
    position: relative
}

.top-soso .nr>b {
    text-align: center;
    float: left;
    display: inline-block;
    background: #3172b4
}

.top-soso .nr input {
    font-size: 23px;
    color: #757575;
    height: 100%;
    line-height: 80px;
    padding: 0 10px;
    box-sizing: border-box;
    border: none;
    float: left;
    width: 900px;
    outline: 0;
    background: #fff;
    /* box-shadow: 6px 0px #F38412; */
    border-radius: 7px;
}

.top-soso .nr input::-webkit-input-placeholder {
    color: #757575
}

.top-soso .nr input:-moz-placeholder {
    color: #afd8ff
}

.top-soso .nr input::-moz-placeholder {
    color: #afd8ff
}

.top-soso .nr input:-ms-input-placeholder {
    color: #afd8ff
}

.main-f {
    background: #09c;
    overflow: hidden;
    padding-bottom: 60px;
    padding-top: 20px
}

.main-f li {
    width: 33.33%;
    float: left;
    padding: 0 16px;
    box-sizing: border-box
}

.main-f li div {
    text-align: center;
    padding: 14px 0;
    height: 100px
}

.main-f li div img.l {
    margin-top: 18px
}

.main-f li h4 {
    color: #fff;
    font-size: 21px;
    line-height: 24px;
    padding: 8px 0;
    font-weight: 700
}

.main-f li p {
    font-size: 15px;
    color: #fff;
    font-weight: 200;
    line-height: 23px
}

.top-soso .nr button,.top-soso .nr a {
    width: 197px;
    color: #fff;
    cursor: pointer;
    font-size: 23px;
    float: right;
    text-align: center;
    height: 100%;
    border: none;
    line-height: 68px;
    overflow: hidden;
    text-decoration: none;
    background-color: #F38412;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.top-soso .nr a{
    float: none;
    margin: 0 auto;
    display: flow-root;
    border-radius: 7px;
    transform: translate(0px, 10px);
}
.top-soso .nr a svg{
    vertical-align: text-top;
    margin-left: 10px;
}
.top-soso .nr .pull {
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    position: absolute;
    top: 70px;
    left: 10%;
    width: 70%;
    box-sizing: border-box;
    display: none
}

.top-soso .nr .pull li {
    border-bottom: 1px solid #eee
}

.selects {}

.top-soso .nr .pull a {
    font-size: 14px;
    color: #333;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 18px
}

.top-soso .nr .pull a:hover {
    background: #eee
}

.top-soso .close {
    position: absolute;
    right: 22%;
    top: 25px;
    font-size: 30px;
    color: #868686;
    font-family: Arial;
    display: none
}

.main-a {
    background: #f0f0f0;
    padding: 42px 0 30px 0;
    overflow: hidden
}

.main-al {
    width: 42.73%;
    float: left;
    background: #fff;
    padding: 43px 38px 44px 27px;
    border-radius: 8px;
    box-sizing: border-box
}

.main-al h4,
.main-al h5 {
    font-size: 15px;
    font-weight: 700
}

.main-al h5 {
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400
}

.main-al li {
    border-bottom: 1px solid #000;
    overflow: hidden;
    padding: 11.5px 0
}

.main-al li:last-child {
    border-bottom: none
}

.main-al li a span {
    font-size: 13px;
    color: #333
}

.main-al li a span:first-child {
    width: 34%;
    display: inline-block;
    float: left;
    word-break: break-all;
    font-weight: 700
}

.main-al li a span:last-child {
    width: 44%;
    display: inline-block;
    float: right;
    word-break: break-all;
    margin-right: .4%;
    color: #09c
}

.main-ar {
    width: 55%;
    float: right;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 8px 0
}

.main-ar li {
    padding: 26px 34px 22px 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.main-ar li:last-child {
    border-bottom: none
}

.main-ar li h4 {
    font-size: 18px;
    color: #09c;
    font-weight: 700;
    line-height: 22px;
    margin-top: 8px
}

.main-ar li p {
    font-size: 15px;
    color: #333;
    line-height: 22px
}

.main-b {
    padding: 60px 0;
    overflow: hidden
}

.main-bl {
    width: 30%;
    text-align: right
}

.main-br {
    width: 45.2%;
    margin-right: 80px
}

.main-br h4 {
    color: #333;
    font-size: 28px;
    line-height: 54px;
    font-weight: 700;
    margin-bottom: 5px
}

.main-br p {
    line-height: 22px;
    color: #999;
    font-size: 15px;
    margin-bottom: 16px
}

.main-c .main-br {
    margin-left: 72px;
    margin-right: 0
}

.main-c .main-bl {
    margin-right: 117px
}

.main-d {
    padding: 18px 0 66px 0;
    border-bottom: 20px solid #f0f0f0
}

.main-d h4 {
    font-size: 28px;
    color: #09c;
    text-align: left;
    font-family: Kreon, Cambria, Times, serif!important;
    font-weight: 700;
    line-height: 34px;
    padding-top: 34px;
    padding-bottom: 20px
}

.main-d h4 img {
    margin-right: 10px
}

.main-da {
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    margin-bottom: 26px
}

.main-da .qa {
    overflow: hidden
}

.main-da .qa div {
    text-align: center;
    width: 73px;
    height: 87px;
    float: left
}

.main-da .qa div span {
    width: 50px;
    height: 50px;
    margin-top: 37px;
    display: inline-block
}

.main-db {
    text-align: center;
    position: relative
}

.main-db span {
    position: absolute;
    height: 2px;
    background: #d5d5d5;
    top: 20px;
    left: 0;
    display: block;
    width: 100%
}

.main-db .btn-show {
    position: relative;
    z-index: 9;
    cursor: pointer;
    width: 144px;
    height: 40px;
    display: inline-block;
    background: url(../images/btn0.png) no-repeat left top
}

.main-db .btn-show.on {
    width: 144px;
    height: 40px;
    display: inline-block;
    background-position: 0 -40px
}

.main-da .qa span.ups {
    background: url(../images/ups.png) center/50px 50px no-repeat
}

.main-da .qa span.usps {
    background: url(../images/usps.png) center/50px 50px no-repeat
}

.main-da .qa span.fourseven {
    background: url(../images/4-72.png) center/50px 50px no-repeat
}

.main-da .qa span.fourp {
    background: url(../images/4px.png) center/50px 50px no-repeat
}

.main-da .qa span.airpak-express {
    background: url(../images/airpak-express.png) center/50px 50px no-repeat
}

.main-da .qa span.sweden-posten {
    background: url(../images/sweden-posten.png) center/50px 50px no-repeat
}

.main-da .qa span.swiss-post {
    background: url(../images/swiss-post.png) center/50px 50px no-repeat
}

.main-da .qa span.thailand-post {
    background: url(../images/thailand-post.png) center/50px 50px no-repeat
}

.main-da .qa span.tnt {
    background: url(../images/tnt.png) center/50px 50px no-repeat
}

.main-da .qa span.toll-priority {
    background: url(../images/toll-priority.png) center/50px 50px no-repeat
}

.main-da .qa span.trakpak {
    background: url(../images/trakpak.png) center/50px 50px no-repeat
}

.main-da .qa span.an-post {
    background: url(../images/an-post.png) center/50px 50px no-repeat
}

.main-da .qa span.apc {
    background: url(../images/apc.png) center/50px 50px no-repeat
}

.main-da .qa span.aramex {
    background: url(../images/aramex.png) center/50px 50px no-repeat
}

.main-da .qa span.asendia-usa {
    background: url(../images/asendia-usa.png) center/50px 50px no-repeat
}

.main-da .qa span.aupost-china {
    background: url(../images/aupost-china.png) center/50px 50px no-repeat
}

.main-da .qa span.australia-post {
    background: url(../images/australia-post.png) center/50px 50px no-repeat
}

.main-da .qa span.austrian-post {
    background: url(../images/austrian-post.png) center/50px 50px no-repeat
}

.main-da .qa span.bpost {
    background: url(../images/bpost.png) center/50px 50px no-repeat
}

.main-da .qa span.belpost {
    background: url(../images/belpost.png) center/50px 50px no-repeat
}

.main-da .qa span.brazil-correios {
    background: url(../images/brazil-correios.png) center/50px 50px no-repeat
}

.main-da .qa span.brt-it {
    background: url(../images/brt-it.png) center/50px 50px no-repeat
}

.main-da .qa span.bgpost {
    background: url(../images/bgpost.png) center/50px 50px no-repeat
}

.main-da .qa span.buylogic {
    background: url(../images/buylogic.png) center/50px 50px no-repeat
}

.main-da .qa span.cambodia-post {
    background: url(../images/cambodia-post.png) center/50px 50px no-repeat
}

.main-da .qa span.canada-post {
    background: url(../images/canada-post.png) center/50px 50px no-repeat
}

.main-da .qa span.canpar {
    background: url(../images/canpar.png) center/50px 50px no-repeat
}

.main-da .qa span.ceska-posta {
    background: url(../images/ceska-posta.png) center/50px 50px no-repeat
}

.main-da .qa span.chronopost-france {
    background: url(../images/chronopost-france.png) center/50px 50px no-repeat
}

.main-da .qa span.china-ems {
    background: url(../images/china-ems.png) center/50px 50px no-repeat
}

.main-da .qa span.china-post {
    background: url(../images/china-post.png) center/50px 50px no-repeat
}

.main-da .qa span.citylinkexpress {
    background: url(../images/citylinkexpress.png) center/50px 50px no-repeat
}

.main-da .qa span.cj-gls {
    background: url(../images/cj-gls.png) center/50px 50px no-repeat
}

.main-da .qa span.cnexps {
    background: url(../images/cnexps.png) center/50px 50px no-repeat
}

.main-da .qa span.colissimo {
    background: url(../images/colissimo.png) center/50px 50px no-repeat
}

.main-da .qa span.collectplus {
    background: url(../images/collectplus.png) center/50px 50px no-repeat
}

.main-da .qa span.correos-chile {
    background: url(../images/correos-chile.png) center/50px 50px no-repeat
}

.main-da .qa span.correos-de-costa-rica {
    background: url(../images/correos-de-costa-rica.png) center/50px 50px no-repeat
}

.main-da .qa span.correos-de-mexico {
    background: url(../images/correos-de-mexico.png) center/50px 50px no-repeat
}

.main-da .qa span.courierpost {
    background: url(../images/courierpost.png) center/50px 50px no-repeat
}

.main-da .qa span.cyprus-post {
    background: url(../images/cyprus-post.png) center/50px 50px no-repeat
}

.main-da .qa span.dawnwing {
    background: url(../images/dawnwing.png) center/50px 50px no-repeat
}

.main-da .qa span.dbschenker-se {
    background: url(../images/dbschenker-se.png) center/50px 50px no-repeat
}

.main-da .qa span.deltec-courier {
    background: url(../images/deltec-courier.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-germany {
    background: url(../images/dhl-germany.png) center/50px 50px no-repeat
}

.main-da .qa span.deutsch-post {
    background: url(../images/deutsch-post.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-global-mail {
    background: url(../images/dhl-global-mail.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-global-forwarding {
    background: url(../images/dhl-global-forwarding.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-global-mail-asia {
    background: url(../images/dhl-global-mail-asia.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-hk {
    background: url(../images/dhl-hk.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl-nl {
    background: url(../images/dhl-nl.png) center/50px 50px no-repeat
}

.main-da .qa span.dhl {
    background: url(../images/dhl.png) center/50px 50px no-repeat
}

.main-da .qa span.directlink {
    background: url(../images/directlink.png) center/50px 50px no-repeat
}

.main-da .qa span.exapaq {
    background: url(../images/exapaq.png) center/50px 50px no-repeat
}

.main-da .qa span.dpd-poland {
    background: url(../images/dpd-poland.png) center/50px 50px no-repeat
}

.main-da .qa span.ec-firstclass {
    background: url(../images/ec-firstclass.png) center/50px 50px no-repeat
}

.main-da .qa span.elta-courier {
    background: url(../images/elta-courier.png) center/50px 50px no-repeat
}

.main-da .qa span.emirates-post {
    background: url(../images/emirates-post.png) center/50px 50px no-repeat
}

.main-da .qa span.empsexpress {
    background: url(../images/empsexpress.png) center/50px 50px no-repeat
}

.main-da .qa span.eparcel-kr {
    background: url(../images/eparcel-kr.png) center/50px 50px no-repeat
}

.main-da .qa span.fedex {
    background: url(../images/fedex.png) center/50px 50px no-repeat
}

.main-da .qa span.fedex-uk {
    background: url(../images/fedex-uk.png) center/50px 50px no-repeat
}

.main-da .qa span.flytexpress {
    background: url(../images/flytexpress.png) center/50px 50px no-repeat
}

.main-da .qa span.geodis-calberson-fr {
    background: url(../images/geodis-calberson-fr.png) center/50px 50px no-repeat
}

.main-da .qa span.globegistics {
    background: url(../images/globegistics.png) center/50px 50px no-repeat
}

.main-da .qa span.gls {
    background: url(../images/gls.png) center/50px 50px no-repeat
}

.main-da .qa span.gojavas {
    background: url(../images/gojavas.png) center/50px 50px no-repeat
}

.main-da .qa span.hong-kong-post {
    background: url(../images/hong-kong-post.png) center/50px 50px no-repeat
}

.main-da .qa span.holisol {
    background: url(../images/holisol.png) center/50px 50px no-repeat
}

.main-da .qa span.hrvatska-posta {
    background: url(../images/hrvatska-posta.png) center/50px 50px no-repeat
}

.main-da .qa span.postur-is {
    background: url(../images/postur-is.png) center/50px 50px no-repeat
}

.main-da .qa span.imxmail {
    background: url(../images/imxmail.png) center/50px 50px no-repeat
}

.main-da .qa span.india-post {
    background: url(../images/india-post.png) center/50px 50px no-repeat
}

.main-da .qa span.international-seur {
    background: url(../images/international-seur.png) center/50px 50px no-repeat
}

.main-da .qa span.israel-post {
    background: url(../images/israel-post.png) center/50px 50px no-repeat
}

.main-da .qa span.italy-sda {
    background: url(../images/italy-sda.png) center/50px 50px no-repeat
}

.main-da .qa span.japan-post {
    background: url(../images/japan-post.png) center/50px 50px no-repeat
}

.main-da .qa span.jersey-post {
    background: url(../images/jersey-post.png) center/50px 50px no-repeat
}

.main-da .qa span.bh-posta {
    background: url(../images/bh-posta.png) center/50px 50px no-repeat
}

.main-da .qa span.jocom {
    background: url(../images/jocom.png) center/50px 50px no-repeat
}

.main-da .qa span.korea-post {
    background: url(../images/korea-post.png) center/50px 50px no-repeat
}

.main-da .qa span.la-poste-colissimo {
    background: url(../images/la-poste-colissimo.png) center/50px 50px no-repeat
}

.main-da .qa span.lao-post {
    background: url(../images/lao-post.png) center/50px 50px no-repeat
}

.main-da .qa span.lasership {
    background: url(../images/lasership.png) center/50px 50px no-repeat
}

.main-da .qa span.lietuvos-pastas {
    background: url(../images/lietuvos-pastas.png) center/50px 50px no-repeat
}

.main-da .qa span.lwe-hk {
    background: url(../images/lwe-hk.png) center/50px 50px no-repeat
}

.main-da .qa span.mailamericas {
    background: url(../images/mailamericas.png) center/50px 50px no-repeat
}

.main-da .qa span.malaysia-post {
    background: url(../images/malaysia-post.png) center/50px 50px no-repeat
}

.main-da .qa span.new-zealand-post {
    background: url(../images/new-zealand-post.png) center/50px 50px no-repeat
}

.main-da .qa span.nipost {
    background: url(../images/nipost.png) center/50px 50px no-repeat
}

.main-da .qa span.oneworldexpress {
    background: url(../images/oneworldexpress.png) center/50px 50px no-repeat
}

.main-da .qa span.parcel-express {
    background: url(../images/parcel-express.png) center/50px 50px no-repeat
}

.main-da .qa span.parcel-force {
    background: url(../images/parcel-force.png) center/50px 50px no-repeat
}

.main-da .qa span.poczta-polska {
    background: url(../images/poczta-polska.png) center/50px 50px no-repeat
}

.main-da .qa span.portugal-ctt {
    background: url(../images/portugal-ctt.png) center/50px 50px no-repeat
}

.main-da .qa span.pos-indonesia {
    background: url(../images/pos-indonesia.png) center/50px 50px no-repeat
}

.main-da .qa span.danmark-post {
    background: url(../images/danmark-post.png) center/50px 50px no-repeat
}

.main-da .qa span.post-serbia {
    background: url(../images/post-serbia.png) center/50px 50px no-repeat
}

.main-da .qa span.poste-italiane {
    background: url(../images/poste-italiane.png) center/50px 50px no-repeat
}

.main-da .qa span.posten-norge {
    background: url(../images/posten-norge.png) center/50px 50px no-repeat
}

.main-da .qa span.posti {
    background: url(../images/posti.png) center/50px 50px no-repeat
}

.main-da .qa span.postnl-3s {
    background: url(../images/postnl-3s.png) center/50px 50px no-repeat
}

.main-da .qa span.postnord {
    background: url(../images/postnord.png) center/50px 50px no-repeat
}

.main-da .qa span.ptt-posta {
    background: url(../images/ptt-posta.png) center/50px 50px no-repeat
}

.main-da .qa span.quantium {
    background: url(../images/quantium.png) center/50px 50px no-repeat
}

.main-da .qa span.qxpress {
    background: url(../images/qxpress.png) center/50px 50px no-repeat
}

.main-da .qa span.raben-group {
    background: url(../images/raben-group.png) center/50px 50px no-repeat
}

.main-da .qa span.roadbull {
    background: url(../images/roadbull.png) center/50px 50px no-repeat
}

.main-da .qa span.rocketparcel {
    background: url(../images/rocketparcel.png) center/50px 50px no-repeat
}

.main-da .qa span.royal-mail {
    background: url(../images/royal-mail.png) center/50px 50px no-repeat
}

.main-da .qa span.rrdonnelley {
    background: url(../images/rrdonnelley.png) center/50px 50px no-repeat
}

.main-da .qa span.russian-post {
    background: url(../images/russian-post.png) center/50px 50px no-repeat
}

.main-da .qa span.sfb2c {
    background: url(../images/sfb2c.png) center/50px 50px no-repeat
}

.main-da .qa span.saudi-post {
    background: url(../images/saudi-post.png) center/50px 50px no-repeat
}

.main-da .qa span.sendit {
    background: url(../images/sendit.png) center/50px 50px no-repeat
}

.main-da .qa span.sfcservice {
    background: url(../images/sfcservice.png) center/50px 50px no-repeat
}

.main-da .qa span.simplypost {
    background: url(../images/simplypost.png) center/50px 50px no-repeat
}

.main-da .qa span.singapore-post {
    background: url(../images/singapore-post.png) center/50px 50px no-repeat
}

.main-da .qa span.singapore-speedpost {
    background: url(../images/singapore-speedpost.png) center/50px 50px no-repeat
}

.main-da .qa span.skynetworldwide {
    background: url(../images/skynetworldwide.png) center/50px 50px no-repeat
}

.main-da .qa span.speedexcourier {
    background: url(../images/speedexcourier.png) center/50px 50px no-repeat
}

.main-da .qa span.srekorea {
    background: url(../images/srekorea.png) center/50px 50px no-repeat
}

.main-da .qa span.star-track {
    background: url(../images/star-track.png) center/50px 50px no-repeat
}

.main-da .qa span.ukrposhta {
    background: url(../images/ukrposhta.png) center/50px 50px no-repeat
}

.main-da .qa span.PlaceholderCarrier {
    background: url(../images/PlaceholderCarrier.png) center/50px 50px no-repeat
}

.main-da .qa span.wishpost {
    background: url(../images/wishpost.png) center/50px 50px no-repeat
}

.main-da .qa span.xq-express {
    background: url(../images/xq-express.png) center/50px 50px no-repeat
}

.main-da .qa span.yanwen {
    background: url(../images/yanwen.png) center/50px 50px no-repeat
}

.main-da .qa span.yunexpress {
    background: url(../images/yunexpress.png) center/50px 50px no-repeat
}

.main-e {
    padding-bottom: 30px
}

.main-e .t {
    font-size: 25px;
    color: #3b84cf;
    line-height: 80px;
    border-bottom: 1px solid #d8d8d8
}

.main-e .t img {
    margin-top: 4px;
    margin-right: 5px
}

.main-e li {
    overflow: hidden;
    padding: 25px 0 20px 0;
    border-bottom: 1px solid #d8d8d8
}

.main-e li:last-child {
    border-bottom: 0
}

.main-e li .lit-a {
    overflow: hidden
}

.main-e li .lit-a img.fr {
    margin-top: 10px
}

.main-e li .nr {
    line-height: 22px;
    color: #333;
    padding-top: 15px
}

.foot {
    padding: 32px 0 28px 0;
    background: #3b3b3b;
    overflow: hidden
}

.foot .lo {
    float: left
}

.foot span {
    font-size: 13px;
    float: left;
    color: #fff;
    margin-top: 12px
}

.foot ul {
    float: right;
    padding-top: 9px
}

.foot ul li {
    margin-right: 18px;
    float: right
}

.foot ul a {
    font-size: 13px;
    color: #ffae2e
}

.serach-title {
    background: #f0f0f0;
    padding: 27px;
    margin-bottom: 39px
}

.serach-title .margin-auto {
    padding: 0 30px;
    box-sizing: border-box
}

.serach-title h4 {
    font-size: 28px;
    color: #333;
    line-height: 34px;
    font-weight: 700
}

.serach-title p {
    font-size: 15px;
    color: #333;
    line-height: 36px
}

.serach-content {
    padding: 0px 30px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 80px
}

.serach-content-base h4 {
    font-size: 21px;
    color: #333;
    font-weight: 700;
    line-height: 40px
}

.serach-content-base h5 {
    color: #6f20b8;
    font-size: 28px;
    font-weight: 700;
    line-height: 48px
}

.serach-content-base h5 img {
    margin-right: 4px
}

.serach-content-base div.j {
    margin-top: 5px;
    margin-bottom: 18px
}

.serach-content-base div.j p {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    width: 400px
}

.serach-content-base div.s {
    overflow: hidden
}

.serach-content-base div.s li {
    width: 33.33%;
    border-right: 7px solid rgba(0, 0, 0, .3);
    float: left;
    text-align: center;
    box-sizing: border-box
}

.serach-content-base div.s {
   
    border-left: 7px solid rgba(0, 0, 0, .3);
    
}

/* .serach-content-base div.s li:last-child div {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
} */

.serach-content-base div.s li div {
    background: rgba(0, 0, 0, .3);
    height: 12px
}

.serach-content-base div.s li p {
    font-size: 13px;
    color: #fff;
    line-height: 17px;
    margin-bottom:3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.serach-content-base div.s li p img{
    margin-right: 10px;
}
.serach-content-base div.s1 li:first-child p{
    background: #75bd21;
    position: relative;
}

.serach-content-base div.s1 li:first-child{
    position: relative;
}
.serach-content-base div.s2 li{
    position: relative;
}
.serach-content-base div.s2 li p {
    background: #75bd21;
    position: relative;
}
.next_btn{
    display: none;
}
.serach-content-base div.s2 li:nth-child(2) p .next_btn, .serach-content-base div.s1 li:first-child p .next_btn{
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
}

.serach-content-base div.s2 li:last-child::after{
    display: none;
}
.serach-content-base div.s2 li:last-child p {
    background: #bebebe
}
.serach-content-base div.s3 li {
    position: relative;
}
.serach-content-base div.s3 li p {
    background: #75bd21;
}


/* .serach-content-base div.s3 li div {
    background: #3fb00b
} */

.serach-content-base div.g {
    margin-top: 16px;
    margin-bottom: 18px;
    width: 100%
}

.serach-content-base div.g img {
    width: 100%
}

.serach-content-info .bt {
    padding: 17px 22px 17px 30px;
    background: rgba(0, 0, 0, .3);
    height: 20px;
    margin-bottom: 6px;
    position: relative;
}
.serach-content-info {
    height: calc(100% - 110px);
}
.loading_l{
    position: absolute;
    left: 50%;
    top: 5px; 
}

.serach-content-info .bt h4 {
    font-size: 15px;
    color: #fff;
    float: left;
    transform: translate(0, -17px);
}

.serach-content-info .bt a {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    background: url(../images/ico8.png) no-repeat;
    cursor: pointer;
    transform: translate(0, -7px);
}

.serach-content-info .bt a.on {
    background-position: 0 -20px
}

.serach-content-info .nr {
    background: rgba(0, 0, 0, .3);
    padding: 19px 30px 47px 72px;
    box-sizing: border-box;
    position: relative
}

.serach-content-info .nr li {
    border-bottom: 1px solid #e0e0e0;
}

.serach-content-info .nr li:last-child h4 div {
    display: none
}

.serach-content-info .nr h4 {
    line-height: 13px;
    font-size: 13px;
    color: #3fb00b;
    font-weight: 700;
    position: relative;
    margin-top:5px;
    margin-bottom:5px;
}
.ads_l{
    display:flex;
    justify-content: center;
    align-items: center;
    padding:5px;
}

.serach-content-info .nr h4 span {
    height: 13px;
    width: 13px;
    display: inline-block;
    position: absolute;
    left: -39px;
    background: url(../images/ico7.png) no-repeat left top;
    top: 26px
}

.serach-content-info .nr h4 div {
    height: 60px;
    position: absolute;
    width: 2px;
    background: #21404a;
    left: -34px;
    top: 35px
}

.serach-content-info .nr p {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-align: left;
}
.serach-content-info .nr a{
    text-decoration: none !important;
    border: 1px solid #b74646;
    border-radius: 3px;
    padding: 5px;
}

#abovebox {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    display: none;
    background: rgba(16, 12, 12, .3)
}

#box_content,
#loading {
    border-radius: 15px;
    position: relative;
    background: #fff
}

#loading {
    width: 570px;
    height: 200px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 37%
}

#abovebox #loading h3,
#box_content h2,
#box_content h3 {
    text-transform: uppercase;
    text-align: center;
    color: #3fb00b;
    font-weight: 700;
    font-size: 20px
}

#abovebox #loading h3 {
    margin-bottom: 30px;
    padding-top: 35px
}

#box_content h2,
#box_content h3 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 20px
}

#box_content {
    width: 550px;
    margin: 10px auto;
    padding: 15px;
    z-index: 998;
    top: 28%
}

#abovemap {
    width: 92%;
    height: 260px;
    overflow: hidden;
    border: 4px solid #fff;
    z-index: 300;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    display: none
}

#wayarr,
.direction-scroller {
    margin-top: 10px;
    position: relative
}

#installimg {
    width: 300px;
    height: 75px;
    padding-top: 10px
}

#wayarr {
    height: 100px;
    overflow-y: scroll
}

.direction-scroller {
    height: 138px;
    overflow: auto
}

.subset-directions {
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .5);
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .5);
    vertical-align: middle;
    margin-bottom: 0;
    padding: 10px 100px;
    position: relative;
    color: #333;
    text-align: left;
    font-weight: 400
}

#abovebox #box_content p {
    font-weight: 700;
    line-height: 28px;
    padding-top: 10px;
    text-align: center;
    font-size: 15px;
    color: #00f
}

#ieimg {
    margin: 30px 0 0 45%
}

#installNow,
#installNow .install_image {
    display: block;
    margin: 0 auto
}

#installNow {
    position: relative
}

#adp-placemark tbody tr,
#glerror,
.adp-agencies,
.adp-placemark,
.adp-summary,
.adp-warnbox {
    display: none
}

#installNow .left_image {
    position: absolute;
    left: 80px;
    top: -50px
}

#installNow .right_image {
    position: absolute;
    right: 80px;
    top: -50px
}

#bt_againSearch {
    height: 18px;
    text-align: right
}

#bt_againSearch a {
    color: #ff8c00;
    text-decoration: none
}

#bt_againSearch a:link,
#bt_againSearch a:visited {
    color: #ff8c00
}

#runbox_content .text {
    text-align: center;
    font-family: Open Sans;
    margin: 33px 0 0;
    font-size: 32PX;
    color: #348a00
}

#runbox_content .text strong {
    font-weight: 400
}

#runbox_content .text .textBlock {
    font-weight: 700
}

#runbox_content {
    width: 700px;
    min-height: 400px;
    margin: -202px auto 0;
    padding: 10px;
    z-index: 998;
    background: #fff;
    border-radius: 15px;
    position: relative;
    display: none;
    top: 50%
}

#abovebox #runbox_content p {
    font-weight: 700;
    margin: 11px 0 0;
    line-height: 28px;
    text-align: center;
    font-size: 15px;
    color: #787878
}

#runbox_content a {
    color: #f6921d
}

#abovebox #runbox_content .turn-by-turn p {
    padding-top: 5px;
    line-height: 18px;
    color: #000
}

#runbox_content h2,
#runbox_content h3 {
    text-transform: uppercase;
    color: #f6921d;
    font-weight: 700;
    font-size: 20px;
    margin-top: 0;
    text-align: center
}

#runbox_content h2 {
    margin-bottom: 8px;
    padding-top: 10px
}

#runbox_content h3 {
    margin-bottom: 10px;
    padding-top: 20px
}

#abovebox #runbox_content .box_foot p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 2px;
    font-weight: 400;
    color: #000
}

.box_foot {
    padding-top: 7px;
    text-align: center
}

#wayarr .adp-directions .adp-substep {
    text-align: center;
    border-top: 0;
    padding: 0;
    font-size: 14px
}
.cblock{
    color: #fff !important;
}
.cblock a{
    color: #fff;
}
.cblock a:hover{
    color: #fff;
}
@media (max-width: 768px) {
   
    #loading {
        width: 90%
    }
    .list_temp {
        flex-wrap: wrap;
    }
    .line_cc {
        margin: 0px auto 5px;
    }
    .lt_l, .lt_c {
        border-bottom: 1px solid #e0e0e0;
        padding: 10px;
    }
    .lt_l, .lt_c {
        width: 100%;
        padding: 0;
    }
    .ltt_t {
        font-size: 12px !important;
    }
    .lt_c .lt_box {
        justify-content: center;
    }
    .lt_r {
        padding: 2px 5px !important;
    }
}

@media screen and (max-width: 1000px) {
    .top-a .fr {
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        margin-top: 14px;
        width: 30%
    }
}
@media screen and (max-width: 900px) {
    .pop-sprite-box{
        width: 700px !important;
        max-width: 100%;
    }
    #goto-dts{
        font-size: 15px !important;
    }
    .show_top_text{
        font-size: 20px !important;
    }
}

@media screen and (max-width: 800px) {
    .top-a .fl img {
        width: 250px
    }
    .top-a .fr {
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        margin-top: 14px;
        width: 30%
    }
}

@media screen and (max-width: 700px) {
    .top-soso .nr button {
        font-size: 16px
    }
    .top-soso .nr input {
        font-size: 16px
    }
    .main-al,
    .main-ar,
    .main-b {
        width: 96%;
        margin: 0 2%;
        margin-bottom: 10px
    }
    .main-bl {
        width: 100%;
        text-align: center
    }
    .main-br {
        width: 100%;
        margin-right: 0;
        text-align: center
    }
    .main-c {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-rigt: 10px;
        box-sizing: border-box
    }
    .main-c .main-bl {
        margin-right: 0
    }
    .main-c .main-br {
        margin-left: 0
    }
    .foot {
        text-align: center
    }
    .foot .lo,
    .foot span,
    .foot ul {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0
    }
    .foot ul li {
        float: none;
        display: inline-block
    }
}

@media screen and (max-width: 400px) {
    .top-a .fl img {
        width: 200px
    }
    .top-a .fl {
        text-align: center;
        float: none;
        width: 100%;
        display: block;
        margin-left: 0
    }
    .top-a .fr {
        float: none;
        width: 100%;
        text-align: center
    }
    .btn-lg {
        width: 300px;
        padding-left: 0;
        padding-right: 0
    }
    .main-da .qa div {
        width: 20%
    }
}

@media screen and (max-width: 500px) {
    .main-da .qa div {
        width: 16.66%
    }
    .next_btn{
        display: none !important;
    }
}

@media screen and (max-width: 350px) {
    .btn-lg {
        width: 300px;
        padding-left: 0;
        padding-right: 0
    }
    .main-da .qa div {
        width: 25%
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, .2)
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, .7);
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, .7);
    -webkit-border-radius: 6px
}

@media screen and (max-width: 670px) {
    .top-bt li {
        width: 20%
    }
}

.dialog-main0-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    display: none !important;
}

.dialog-main0 {
    text-align: left;
    background: #fff;
    width: 611px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    margin-left: -305px;
    top: 50%;
    margin-top: -140px;
    word-wrap: break-word;
}

.dialog-main0-a {
    position: relative;
    width: 80%;
    margin-left: 10%;
    background: #111;
    height: 50px
}

.dialog-main0 h4 {
    font-size: 21px;
    color: #333;
    text-align: center;
    line-height: 30px;
    padding-top: 40px;
    font-weight: 700;
    text-align: left;
    padding-left: 10%;
    line-height: 50px
}

.dialog-main0-a span {
    position: absolute;
    left: 0;
    height: 100%;
    background: #00aeef;
    width: 0;
    display: block;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

.initiate-text {
    padding-left: 10%;
    line-height: 40px
}

.pop-sprite {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0, .7);
    z-index: 999999
}

.pop-sprite-del {
    width: 36px;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    cursor: pointer;
    background: url(dialog/close.png) no-repeat center top
}

.dialog h4 {
    font-size: 32px;
    color: #333;
    text-align: center;
    line-height: 30px;
    font-weight: 700
}

.dialog h5 {
    font-size: 21px;
    color: #b51118;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    margin-top: 7px;
    margin-bottom: 24px
}

.dialog h5 img {
    vertical-align: bottom;
    margin-right: 5px
}

.dialog .f {
    padding: 20px 0;
    padding-top: 10px
}

.dialog .f p {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

.dialog .i {
    margin-top: 10px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #333;
    text-align: center;
    /* margin-bottom: 10px */
}

.dialog .i img {
    vertical-align: middle;
    margin-left: 10px
}

.dialog .z {
    color: #333;
    font-size: 13px;
    margin-top: 14px;
    text-align: center
}

.dialog .b {
    margin-top: 15px;
    text-align: right;
    padding-right: 22px
}

.dialog .b a {
    color: #cad4d3;
    font-size: 13px
}

.dialog .a {
    color: #dde0e0;
    font-size: 16px;
    text-align: center;
    padding-top: 24px
}

.dialog .s {
    color: #3fb00b;
    font-size: 16px;
    text-align: center;
    padding-top: 24px
}

.pop-sprite-auto {
    margin-top: 0;
    position: absolute
}

.pop-sprite-auto .dialog {
    top: calc(50% - 260px);
    margin-top: 0;
    height: auto
}

@media (max-height: 750px) {
    .pop-sprite-auto .dialog {
        top: calc(50% - 307px);
        margin-top: 0;
        height: auto
    }
}

@media (max-height: 625px) {
    .dialog{
        top: 50% !important;
    }
}
@media (max-height: 460px) {
    .dialog{
        top: 65% !important;
    }
    .pop-sprite{
        overflow-y: auto;
    }
}


.pop-sprite-auto .dialog .i {
    margin-top: 10px
}

.pop-sprite-auto .dialog-list .list {
    height: 188px
}

.pop-sprite-auto .dialog .b {
    margin-top: 0
}

.pop-sprite-auto .dialog .z {
    margin-top: 10px
}

.pop-sprite-auto .dialog h4 {
    padding-top: 79px
}

.dialog-list {
    width: 100%;
    margin: 10px auto
}

.dialog-list>h6 {
    font-size: 17px;
    color: #838383;
    padding: 8px 0;
    text-align: center
}

.dialog-list .list {
    height: 100px;
    overflow: auto;
    border: 1px solid #ddd;
    margin-top: 0
}

.dialog-list .list li {
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    color: #a3a3a3;
    font-size: 14px
}

.dialog-list .list li:first-child {
    border-top: none
}

.dialog-list .list li:last-child {
    border-bottom: none
}

.dialog-list .list li p {
    text-align: left!important
}

.dialog-list-t {
    background: #efefef;
    padding: 5px;
    overflow: hidden;
    margin-top: 16px;
    width: 82%;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 20px
}

.dialog-list-t p b {
    float: left;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    color: #888;
}

.dialog-list-t p span {
    color: #888;
    font-weight: 700
}

.dialog .list {
    margin-top: 10px!important
}

.dialog {
    width: 611px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    position: relative;
    /* padding-bottom: 11px; */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 37%;
    border: 5px solid #fff
}

.dialog img.p {
    position: absolute;
    left: 0;
    left: 50%;
    margin-left: -72.5px;
    margin-top: -72.5px
}

.dialog h4 {
    line-height: 13px;
    font-size: 13px;
    color: #3fb00b;
    font-weight: 700;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
}

.dialog h5 {
    font-size: 21px;
    color: #b51118;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    margin-top: 7px
}

.dialog-list-t p {
    margi-bottom: 0!important;
    padding-bottom: 0;
    margin-bottom: 0;
}

.top-bf-error #error-dialog {
    text-align: center;
    color: red;
    display: block;
    line-height: 30px
}

#error-dialog {
    display: none
}

.top-bf-error .top-soso {
    border: 1px solid red
}

.top-bf-error .top-soso .nr input {
    color: red
}

.order-list {
    padding: 5px;
    height: max-content;
    max-height: 65px;
    overflow: auto;
    border: 1px solid #ddd;
    margin: 5px auto;
    margin-top: 20px;
    width: 80%
}

.order-list li {
    padding: 5px;
    font-size: 13px;
    border-bottom: 1px solid #efefef
}
.order-list li p{
    margin: 0 !important; 
}
.order-list li p:first-child {
    color: #3fb00b
}

.order-list li p:last-child {
    color: #333
}

#goto-dts span {
    display: inline-block;
    width: 43px;
    height: 39px;
    background: url(../images/download.png?v=1) center/cover no-repeat;
    margin: 6px 15px 0 0;
    vertical-align: sub
}

#goto-dts {
    background: -moz-linear-gradient(top, #47b287, #47b287);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#47b287), to(#47b287));
    background: -webkit-linear-gradient(top, #47b287, #47b287);
    background: -o-linear-gradient(top, #47b287, #47b287);
    font-weight: 700;
    margin: 0px auto;
    background: #008d6d;
    border-width: 5px;
    border-style: solid;
    /* border-color: #fcf884; */
    border-image: initial;
    border-radius: 4px;
    font-size: 20px;
    padding: 15px 65px!important;
    width: 40%;
    min-width: 415px;
}

@-webkit-keyframes gogogo {
    0 {
        -webkit-transform: scale(1.05)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.05)
    }
}


/* #goto-dts {
    -webkit-animation: gogogo 2s infinite linear
} */

/* .dialog {
    width: 750px!important
} */

.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff !important;
}

#chromefont,
#notchromefont {
    /* padding: 19px 30px; */
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    padding: 12px 30px 5px 30px;
}

.guide {
    float: right;
    display: flex;
    color: white;
    display: none;
}

.guide>ul {
    padding-left: 15px;
    line-height: 33px;
}

.step>li:nth-child(1) {
    text-align: center;
}

.step {
    color: white;
    font-weight: bold;
}

.guidetext>li {
    line-height: 32px;
}

.top-soso>.nr>.text-nr {
    display: inline-block;
    width: 109px;
    height: 100%;
    text-align: center;
    background-color: #782DCA;
    color: white;
    float: left;
    line-height: 68px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.top-soso>.nr>.iptSs {
    width: 100%;
}

.top-soso>.nr1 {
    height: 74px !important;
}

.top-soso .nr .buttonSs,.top-soso .nr .buttonSs-new {
    
    width: 100%;
    max-width: 280px;
}
@media (min-width: 1225px){
    .container {
        width: 1225px;
    }
}
.ads{
    margin: 10px auto;
    text-align: center;
}

.changeSs {
    background-color: #FFFFFF;
    position: absolute;
    width: 160px;
    font-size: 14px;
    left: 5%;
    top: 80%;
    z-index: 5;
    color: blue;
    display: none;
    box-shadow: 0 0 5px 0 rgba(1,1,1,.06);
}

/* .changeSs>li {
    text-indent: 15px;
    padding: 5px 0 5px 0;
    cursor: pointer;
} */
.changeSs>li>a {
    text-indent: 15px;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    display: flex;
}
.changeSs .changeSs_li{
    text-indent: 15px;
    padding: 5px 0 5px 0;
}

.changeSs>li>a:hover {
    background-color: #E3E3E3;
    text-decoration: none;
}
.step li:nth-child(2){
    display: none;
}
.changeLi li a div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
}
.sosoImg>img {
    cursor: pointer;
    width: 87px;
    height: 75px;
}

.actives {
    color: red;
}
.packTitle{
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    line-height: 31px;
    text-align: center;
    padding: 15px 0;

}
.packval{
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    padding: 10px 0;
    text-align: center;
}
.tops-r{
    position: inherit;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(10px);
}
.container_box{
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    min-height: calc(100vh - 60px);
}
.ads_left{
    text-align: center;
    margin: 10px 0;
}
.main_left,.main_right{
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
@supports (backdrop-filter: blur(18px)) {
    .main_left,.main_right {
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
}
.main_left{
    border: 1px solid #898989;
    margin: 7px 0 3px 6px;
    position: relative;
    width: calc(100% - 323px);
}
.main_right{
    border: 1px solid #898989;
    color: #333;
    margin: 6px 7px 3px 10px;
    padding: 5px;
    width: 310px;
}
.pad0{
    padding: 0 !important;
}
.main-content{
    /* background-image: url('../images/bg3.webp'); */
    margin-top: 0 !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background:  url(../images/bg3.webp) no-repeat center center / cover;
}
.carrier_checked div ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.carrier_checked div .ul-first{
    justify-content: start;
}
/* .carrier_checked{
    margin-bottom: 100px;
} */
.carrier_checked ul li{
    width: 24%;
    margin: 0 .5%;
}
.carrier_checked ul li a:hover{
    transform: translateY(-1px) scale(1.1);
    transition: all .4s ease-out;
}
.table{
    font-size: 14px;
}
.carrier_checked ul li a{
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: 100%;
    background-color: #fff;
}
.carrier_checked ul li a div{
    padding: 3px 0;
    color: #333;
    height: 106px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.carrier_checked ul li a div p{
    padding: 0 15px;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}
.carrier_checked ul li a div h5{
    text-indent: 15px;
    margin-bottom: 4px;
}
.carrier_checked ul li a img{
    width: 100px;
    height: 106px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.carrier_checked ul {
    width: 100%;
}

.carrier_checked ul li a:hover{
    text-decoration: none;
}
.cc-window-banner {
    color: #fff;
    background-color: #000;
    left: 0;
    right: 0;
    bottom: -1000px;
    padding: 0.7em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    position: fixed;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    z-index: 9999;
    display: none;
}
.cc-window-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em;
}
.cc-window-banner .cc-link {
    color: #fff;
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline;
    cursor: pointer;
}
.cc-window-banner .cc-accept-btn {
    color: #000;
    background-color: #f1d600;
    border-color: transparent;
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    /* animation: blinker 1.5s linear infinite; */
    
}
@keyframes blinker {
    50% {
        opacity: 0.3
    }
}
.cc-dialog-pane {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    background-color: white;
    opacity: 0.5;
    display: none;
}


#left{
    width: 79px;
    height: 74px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
#left{left:0px;}
#right{
    /* right: 0px;
    position: absolute;
    top: 0; */
    height: 74px;
    max-width: 280px;
    background-color: #F38412;
    width: 100%;
 
}

#right svg{
    margin-left: 8px;
    vertical-align: top;
    margin-top: -4px;
}
#center{
    /* margin: 2px 183px 2px 76px; */
    height: 74px; 
    width: 100%;
    border-radius: 7px;
}
.search_xm{
    position: relative;
}
#left a{
    display: inline-block;
    height: 100%;
    width: 100%;
}
.spedit{
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    padding: 15px;
    text-align: left;
}

#center input{
    width: 100%;
    height: 100%;
    text-indent: 20px;
    border: none;
    font-size:19px;
    border-radius: 7px;
}
#right {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F38412;
    border-radius: 7px;
    margin: 0 auto;
    margin-top: 15px;
}
#right a{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #ffffff;
    text-decoration: none;
}
#right  img{
    width: 50px;
    height: 50px;
}
.pops-title{
    background-color: #0072BB;
    padding: 8px;
    color: #ffffff;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pops-text{
    text-align: center;
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
}
.pops-text2{
    font-size: 15px;
    font-family: Arial;
    font-weight: 400;
    color: #333333;
    text-align: center;
}
.pops-imgs ul li a img{
    height: 59px;
    width: 59px;
    display: block;
    margin: auto;
}
.pops-imgs ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}
.pops-imgs ul li{
    margin-right: 40px;
}
.pops-imgs ul li a:hover{
    text-decoration: none;
    color: #333;
}
.pops-imgs ul li a div{
    text-align: center;
    padding: 10px 0 0 0;
    color: #333333;
}
.pops-xm{
    width: 84%;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    display: none;
    z-index: 1;
    top: -95px;
}
.maskpop{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    z-index: 1;
    display: none;
}
/* .search-box{
    background-color: #0072bb!important;
} */
.search-content-text{
    padding: 0px 5px 5px 5px;
    font-size: 18px;
}
.search-content-text div{
    margin-top: 4px;
}
.FedExxm{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAk1BMVEUAAABHL5FHL5FHL5FHL5FHL5FHL5H////4spCjl8j84tX+9fHz8vjzeD1HL5FSO5f72MjRy+Po5fFpVaX7z7r6xayXisH1lWb0i1mMfLrc2Orp5vL0gUt0YqzxZSL97OP2nnRdSJ7ybi91Y62Ab7OupM+BcLTFvtyYisH60b72n3SdXXX5u566sdb1kF/lzMyMfbpQ1ZH/AAAAB3RSTlMA0BAw4HDw7PHCHgAAAhRJREFUeF7t2tlO6zAQgOG0tIyz72v3Hc7+/k93nJkipw1qilpbR0fzXyDDBZ+GYCSUsWTj6SjQ1Gg6trCXSaCxyQsar4HWXqUyngSam4ytaaC9qTXSj4ysDrCzn9iuoyjkOIOnNjv2kTd4em/XyBE0dLxCZjqQ2SWyAy3tLhBbD2IzwggjjDwWI4wwwggjjMTE3UYXgez7UhX9DwgjaoRBRAD1KNLETRdInobUcVsDcNojuo8R8OpQfpLGCllH2Dt+dEDmRthqGKEWHhJY0c4kCSwkRPWNDplE1niau3cji45YkEFdIxF9661zNnw0hhBVaMc0bqLIPgIlKeID+xpyAoBDi6QIpB5O1EPcOSrKGEYWtqymY5uay5PmSSGVwFbQVbK77wl6vfbQFnx2T5zt2cjhQcTuIaqcjAq+jGzsjzZ3TqLglRD5EJLQQ7gcupHGQSF+hTkALhrdn1e29X+U6wEEUrqR4NU4EyLhz/hw87dLPXk/9/1M+rcQBJEJaYab94SM+bpzT6pouXRENIBAcfHIk8EbP3ehVIocQ4hyaBIalDpIs9kQEKbXyC8aQF0X3wXIt8LxK/gE8eK2BM4lRSqFtKAveLZkwtprYtnvSPWOh9XVX+GsrITL/zr8owgjjDDCCCOMMMIII0ZeMJt4VW7kpb+B9YU/RhcxjKyUGFmOMbLmY2RhycTqlZklMiPrcH8B/beOPcPt7jMAAAAASUVORK5CYII=);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.USPSxm{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAArlBMVEUAAAAAWpsAWpsAWpsAWpsAWpsAWpv1jZb6xsugqa5MXWe3vsKIk5nz9PXb3+GUnqRkc3tYaHHn6evDycx8iI+ss7hBU13P1NZwfYXo6uvGzM7GzM+zur7IzdCao6n4qrD+8fK9w8f71NhgmMEAWpv///+/1uafwdlfl8BPjbpvosfv9fk/g7Tf6vKPt9N/rM2vy+AveK3P4OwfbqcPZKFAg7RQjrrg6/OArc1woseVhO09AAAAB3RSTlMA0DDgEHDwvqAnUwAABMVJREFUeAG0zVcBwzAMBUBrIpEYePIH1pF099fvCFy5UaMAIdNyYAkg4ePwgPLbohJgosUCzgrhEyrx1uZGLd7eSR+51ej/ycrt1m/SE6D/JCMBxnfSEqJ9JTMh5pUd+0pyHQSiMLyZ000Gpf2v7V6Vu4aSxkjH4XH+V4cPUNbXkD+ktPxZjpvJ4mLG2ymHmORnvFOiEUvry9IsNHKSVtB5HjmXtAVOqjzyvqQ8Mq5MLW8YJzTyvpR5hKrUgF9FAil6mWtt0r1iW6md5+MIxINty94lEc17nSoEMuOlqlglGC33SMKLlZ+1eyiZQHQw3FEVj0KSCXuNQNr4bHROtca+uNXGpwQS8KwiveNwco6t6jSj2UwSgayg12vR1EUsEvG/Ve6RMjx7XzfPNr5AIBPArJeVtLbmfUsFzn5aCaQB5Hqlft2ci8siGXtKIHmABDm0VAO2UPWw7wuBXF63rRJt78h1OZ8pZgJZMMrJo2RzQHBJes6WIBKIAy7XS/0zocQNliOQiGFJUl2xt7Zy2AFm9BYCmTGs2oUjTIc9wNskLCEQ3LT5wyRsar1MIHpDtCQ99fhVI5CKi1YnvdJWPGkikEAS0+iLhUBWhihx/DW5RxJBuIxxgUD0jljihqsagbQxYUfdTUog+YJQv+E2IZBtRKS6gmgmkDIgJg8uTyDuRPSjjqwSSMRP2fWjjm8hkPxD6OkyQSYEciScmXyZQBYjTpcJvkgg1YjTUcc3EYh/EOrxZoVA2k4kn9/u76XasD/kH7HlgWO5EQNR5DU7Kz1yxtlA3f+KHurvbF7nUACqQzX4FFvqvkvDNXzP/u7db/V3PnRruD95ape7xoeLtOfsb0AOTFqo0OQck2dSpaavK30bUi3AD6TMQIvU96TGBhy/BTFcInYoMvag+8Xpo1H94ZNTCqb77kH1pwLuzuZec9aNcO+/BQkkxw42PIpYUqVKC/fx4pII6aR16R43jEM7TZpc7rpY+2/fk7Ik4zAqs5yDJjWGBBCd0KNcX6x+8wbNMVUuKYAbW8ZvQe6qwR6byoa9PQnJmUo36cQl9eC6Z6PsnVMTv5m3JudvQ7baCHGqgT9OIiTjNKvpG02q1gqXLo6DacZ6e5mXmbnNjfZbEM1CaX2PKo/oM6QRl2TxovrwXBURlrN7i5qTiiYd2Zs5bv1/fxnf/IP68SuQn775B/XL/3m5GhBddYMYsgXGLW2YdLJL0jgLiJSnnZ6hYwvtrcAg5V+BbMUK1yQOY1XKNLfJsuuClrFSG6ddgzAzf3FwIsNOjFLssEf2lTPphCbfEZIWB6u/3TJ7iRIZv4VUqabponphlMixM4OhzC6l9np8DnG2YF3UG6LGNiTDNfHgxqVGYaoB7I0JTUEvS9fb49MEGNq3aPMziGFW76oanEqKssDOqZN+B28pvnB3beVgZtXMTn6mZf7IZLbO+AwS9PtkYz8Wz+6TIpVNweENzyb5XhcXy907kbkM3t6VcgzvdyZd82yfQ3L927PdjgMoVTvNaQW40oq0AfEtOXBMjUMOu5JYC3BnSD3OVb/6nuw+9Ffl3v/vH4lfe7UDAQAAAIZBMPd3PMXiKADMgMod+hd9YTRikFJicgxpPiQskXplEhnocAe6ZV579qEBowAAAABJRU5ErkJggg==);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.UPSxm{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAkFBMVEVEHwBEHwBEHwB3UCaij4CTc1Hv7On///+ujFzr18rVqFHprmvdo1bNmkv4zHHuw5P+25b516/iuZPvr038yGj24tH/14fdoDq3qJ+QZzPimyz9wlr/1njUkyuqdy2ubxibZxmJWRqrmo5rRBpjPBNOJwCzhDhULQZbNAthOQ7s1rVySRnbkRjQihrsqDjAfhqbs7Z7AAAAA3RSTlMNcP/wk8H2AAAAAWJLR0QHFmGI6wAAAAd0SU1FB+EIFRYyLIF4absAAAYcSURBVGhDvdrplqI6EADgmY4gsoliQ4MEwrA3jff93+5WJbigAoKt9WMOw0G+rmyQhD9/IP5+vCz+/mlj7MLn4h2GUMaueT5eWh/H+PuGRCCVi2Oy+MUgdxFJXv5qyNItooz9aHoo14g09os5cczliPxyWYmQuwgZu35ekA6yGLuch7w6xWOZLyYgq4UkKYqiarrRhq6pcEKSFqvBHz6IrOD2qmaurY21WUNstTZ0TbNNbacaQPVKDyDyQjI009p8QmwgusgxbPiPIS3ult8YAoJqOhbc+3MYcSFs+74zjKwkAwQkHkI4BM51uQ0hXx4mYU1DfN/dq97Xg8iXp5mBMwOBsPUO048szCAYRnQaRiyK4giDiX8ZP6I+7dyqF/k3hOghv2MckyRN0+wYcJwSEufUZ/+eQ7Y5v3+SFllPhE8iKHheUpZlUbwI0UGAAqrKlyHfecS8GuugGjaeQHJMAgKQkURmI0jU9UsRDQhyQsaqZB4SMs9DoxaJtEivMQeBNKTLREZLawZiRJLyaiT08Pk6qUqmImbk/WuRx6tkImJG0hciot6TMzKYyDTEjJStQCZVyUQkhJLCAIMkHg9SlQVRtjo8rlTDK893JgYNKWU4Nk9FDBPCQaW2LMdxTFKS9Q5iv9/btq16bUa1/iOiCavpCDQwx+FVgt3S0UgF50+IfRDJSK7/cwxWTUbQsC6RFM4LxRYK5JLio/05xDojlknSoIu4JMt0/7cRB5SdnbPQ5cghLzL+jvLTsJo1zyDQFTcdJIFColzxScnfgxosuJI1sxC4NbmLZLVIxRNIlPB2Fs9CnF6kcEV5pSITIlpzMRWR1DNi3SAZReNAE1/UiVCKYiZS11etSyAhR/zEFq2Ltl1zDuIgkpz6yR3k1IQNMgvhPf4SqbC0WsQTCCnVYzeh4fSxC5DgjMARIuYJSThySDJy7ougPIFgSnzswv7eyQSOiXsau7zpCH8IE3iW3EMUnoiPr/VJ3rQITacjqByRIEAEB65LhPLjgtBWITMQs0UCDJtUuzOioXFo2glK2SreZGS3A+aImKZA9h0kOj4fW2UycsC/2/QQwWekQPYtQrhxiD/CVjE4Ek9FXER2BuEIVjip9mgcEFlzw68/eO/IssqfhSh0j4itkNrjnECg5ZKyFsYhSj8odMI08/TJFf+1w0xCey8Ye3dG+CNRtYXhx9kH1kVzbFxNgshjU+yVHgSR5B32InhNwP1JabfRGlElkFOwAma/8eWqRD8i74KgkTxM5SLsuuwYB3xUdRA4ASNZfLnC0o8sYURpiEfwGXsibJaUh04eddZFIhiHDb+JL+80gChBQAEhjB7/dsritBCIIJq44k23YI0YVBoGiZWAdBYaBxDJDFSGb8EkjlnIang8wrs2R7DdxnGdluc34gpPiAUEj/qR9yDyhZVCbuYMpctH3vNax01glXSWiQYQrBR6+zpfuodhJIXSqjs3GkIk6ClRD0L7EVy+6a79DiHyPnBofD2NK/1hpDZ8GneXCIcQSMUxm+RqGscRvx9RodqvFrEHEVkPHCNKutM4QODVpBeBwmquEhlGltLesSjrTuPEO+lPDxIb0LSutxWGESgwy2pYZ2ZdUv5Oeh9Bg3Wb1jgiGyYq6YOIZ7gw0NwsDI8gyxUqYXQxfefIzz2kMKjrhvXtavoYAopmbbSGlceZdRXzqG/TUN37xjiyXIW2tdnkTT08fa9VAwyW3NsVGEeWsqeam80m/C/pR0rVACOMyawNAR5fubrefG6jqLpvlDkSlNXd1fNTPIQsZclQN5+cuU/ousvq3t3DxxAsM1f95sxVjdecMPpKisejCDQAj6q4vt1halXVBTG04fQ4gkxurIEJo1gQsWrghsMIMQ1pmfUaGJaVIRCarrMxYiqCdRPmGmdUA3exWFsX35q2/Za1+z+aimBLY6EuNmmM+NSi5HCbK9vOi9A5piMQizjKNaiK+uL6/DuPw99EcC8KyqnT9QBRlN9FoA1cdYuVvJLl7/vXdpG3bDC/Zav8PZv+r/h84fSRxAl5y4cYH2/5pOSF8Z7PfN6Qyjs+i3rHB17HT9VeWC/8c7j/Ac03OyGJLT1EAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA4LTIxVDE0OjUwOjQ0KzA4OjAw9QVY+AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOC0yMVQxNDo1MDo0NCswODowMIRY4EQAAAAASUVORK5CYII=);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.DHLxm{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAxlBMVEUAAAD/wgD/wgD/wgD/wgD/wgD/wgDDNTS/LDffdxzvnA7jgBjPUSnHPjD/wgDLSC37uQP3rwfzpgrnihXXZCPbbR/rkxHUXSXdch7TWibOTyrdch3PUSrTWybVYCTGPDHGPTDaayDpjhPfeBvGPTHMSyzNTCvhexrSWibUXSbkhBfslhDZaSHwng3YZyHzpwrmhxXRVijifhnDNDTWYiPVYSTojRPbbh/SWSfQVSjLSSzFOzLlhxXZaSDFOTLOTyvslRHslxBNrBKXAAAAB3RSTlMA4DBw0BDw88g8vQAAAi9JREFUeAHszUUBwAAQBLHj5/p3W/JQnhiIbTpLJ6lsO4TrRB7HMTrVbEu7TuZtqdOllU5XpguQkDw9ISEhISEhISEhIVlZKQslyUIYipbnJri0j8u6u8v//9S20JpeYWtOWR52OVC8KPukbXP7TK2Mm6I7hHEA8W5z8d619tgKdIdEgqJum533Zd26KbqPi3EEOSKCtCm6QpqIhvtFWsi/i4B5XRwX6QzJImLCkumVCFY8Un5KpPed2M0W20I0g0KLdIXIdottofH/iugQLRK7RY6HiOIKDSNyWRd8mdUlT5gHdcWr560YSyOLIrYQgeLetjwQ4R1Lq84PitRCLk8OOcMh96mFxe11ZbWTN2qlcTuufxGp5YiI/ItICxmFQ57p/5bTIj4dijwIh1y3i89QPMQuroo/JuJ9cdhlBEVqIXdI7HgnIlIyG5YhDxNHYX48/048M2wis/FD5hfzlmvmp6uWwmPDxZyO/j2EBxTcCdkLsvgQvLPupXWwn/B6grewJlKYvCN6jwmCpbN5C+oYAxlc9IQACFTcLbmPKEMITkGgm1sa4nOwickagwEDI7hwM2+x1Tvjo0kdITRADo7OuX6lEMhZhoHBOVENcN4AU5pMqfiJNTbgG/AdMH3/rpRS9kmixJSTzPEpx5zyspK8vLQUf8i8SFGS/BRZNv9q144JAACBGIj5d92quCkYyMg/nOEOAoFAIBAIBAKBQH6SOKbJfJJgKUmvmogsyOEGuAsWJvBY5xQAAAAASUVORK5CYII=);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.canada-postxm{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAApVBMVEUAAAAASZAASZAASZAASZAASZAASZDw9PjA0uTQ3esgYJ5gjrqgu9ZQgrOwx93g6fJwmcEwa6WQsM+ApMhAd6wQVJceQ4RZOGvBJEDtHC7///87PneyJ0aVLVMASZDfHzRoNWUPRoqkKkxKO3EtQX7QITqGMFn+8vPvOEjuKjt3Ml/0cX37x8v81djzY3DwR1X1gIr4qrH3nKTyVWL2jpf94+b5ub4B8EZ7AAAAB3RSTlMA0OBwEDDwemz2qwAAA+dJREFUeF602AeOo0AURVGM3b2EyoHs7A4T9r+06UIafQvRw3/UcBfgY/lVCZniq8N+FzZqtz8UYy9l2LDyZTRew6a9fimHMmxceSj2YfP2BX9z0V6c0mPKXdqav37BFSqlJ6lKMBUeYp2ezVkMwQli8pHa63/m63zERr1QtLlIpRlVeYjXrDyAAAakFAwDUHDkooEu6xCroewapI4YEusVSKPBGhChH+v8+WArFkacHtNXc/xgOg5FaPV3Y7iOBRFHA3wYw3Qchgj91M0YpiMgZHhGzndjeM4AIb1+7nQ0huX0CCImi74lheMIAJF60jUBDEcCyEAAHWSOMwCI0xQdZIbjACQSMDnIC04EEAImB3nRyUDoIC842Yh+u832a2TuZxjh9SP1OJKRj5yuP1P07alk5CHzt35q4EjEZicjQpeR0Yn2WHUZ/dwHjov8TovcZ/dIeQCpsD2oCkA6zKA67KG1GO1B9fDjl/ZIvadFPm+p4+we+OO3Q/agOggJao2hAoZI/h2kJIDQ9Fh9QJEWR1oYCQ41XMARETEjCgSh7aFkABDKI8YQIIRqtvuLTdWKa6gaRkhpeEZDBoBgu/jcV1EyLhFRhlwkiIVb6URYj1Bt/z3Rt//tRaf8hullCNkIZX2cCtFbAvIQqqsa9RdQTdX9addOdtyGYQAMd7rJWr2Q6uEfIEDf/yXrDM3YhyZAO0ZOESCAhAN/imzSFxlwLuJ98/3di+J85DieibyQWVqZ0paIZAs8FPFLKtL3UER3oIvUh0gBQCypEBwBVhr8ZhEm9wEI2ZEM4yNkgabq629A3pFyQGYgOkLUKYAvfwDqfaRDOWY0BkcIpB0pDDA7sv6oj44maJT7iELas4k4Q3JEKDekB7RRDsglg+9Gq9AfIYdsZFrn4kgPJEcy4zpDPyDqSCCvc3qE9GNSJBIcuQjFkYEoC+S//JMKi0TGu0gCuSUFG9WRHtiQhI24I93v27Chd+tkAOld1bZdVDXSHLmIIwtRVQVmf7uqv9IJJlUdKXeRHr1OfMszJEd6MMS3PLAYArDGlowGh36/4nMZhqLXQPJWvrbcK1yt4tNW7VWmW8V7l8hW7cl++erC+3ghQGzV4l4CjP7VmAcIxzcW/QQCVC+ZeJ0mBsJAOQnRHq29yweWtwalMK+UNwbkU9ull8WQaOtulql1jZOQSQLFwrz1B9suGKezECB2C6sh+IOHeBJSRC3cPlcF/wCnBnoOoh6Wjz6aAotfrOcjKTCKBG/ZoTUgnYxc5hEgzkYCkP/7mbwdEtV+zGqdPU6a92uzpn8y3p5yzOcpB5aecfTqOYfInnIc7g+Sk05p41ekmgAAAABJRU5ErkJggg==);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.lapostexm{
    background-image: url(data:image/gif;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCABkAGQDASIAAhEBAxEB/8QAGgABAAMBAQEAAAAAAAAAAAAAAAECBAUGA//EADsQAAIBAgIHAwoCCwAAAAAAAAABAgMEBRESITEyUnGRBlHRExQWIkFUYWKBkpPBFTNCQ1VjcoSxwuH/xAAaAQEAAwEBAQAAAAAAAAAAAAAAAwQFAgYB/8QAKhEAAgIBAgUDAwUAAAAAAAAAAAECAxEEMRITITJRIkFSBRRxU2GBkaH/2gAMAwEAAhEDEQA/APZVK0pPU2l8CmnLil1Kg8vO6cnlstKKRbTlxS6jTlxS6lQc8yfk+4RbTlxS6jTlxS6lQOZPyMItpy4pdRpy4pdSoHMn5GEW05cUuo05cUupUDmT8jCLacuKXUlVJJ7zKAKya9xwo2056cE/aD52+4+YNiF83FMrtdTOQSDELIBAAJBAAJAAABBIAAIANNvuPmBb7j5g1a+xEEtzOQSQZRODk395i1onOnZUbimvbTk8+h1wS1WKDy4p/k5lFv3weQfa+5TydnTTXzMemFx7pS+5ndxTBbXEoPTiqdb2VYLX9e88f5nhqbU8Vay7reT/ADN/Sx0V8c8HVfllKx2we50/TG490pfcyPTG490pfczB5pg38Uq/gMpO1wlP1MSqv+3fiWlpdH+m/wCmR8y35HUp9sK2kvK2lOUc/wBmTTPWp5xTyaz7zw+H/oWzuoV6lzWr6GuMXRyWfftZ3PSvDs92vn/QvEzNdpE2vt63+5Yps6euR3Ac+3xeF0s6NneST2N0sl1bN8W5RTcXB9zy/IyJ1Sh3FlST2NVvuPmBb7j5g0a+xEUtzMSQfG5vLe1S8tVjFvZHbJ8ktbMtRcnhImbxufYico04ucpKMVtbeSRyrjFL2cG7OwlGK/e3T8nFfTacG+nC5k3imMRmlrVG1i5rwRfo0Mpv1PH+shnclsbcd7SwdOdrh8tJy9WVZbEvl8TysISnJQhFyk9iSzZ0VdYXQ1UMPnXa2SuKn+sSJY5e6Lhbulawe2NCmo/9PR6arkQ4ao/y2UbJcbzJkUsExCpDTdu6UOKs1BLqbsO7OU7yUk8QpS0MtLyKclr+OpHMtqN3i13GmpTq1JPXObb0V3s9/YWVKwtYW9FerFa3lrk+9lX6hrLKI4UvU/BJTVGbzjoc637LYbS3oVKz76kvDI6dCytrb9Rb0qXxjBJn2B52zU22d0my9GuMdkSQCSA7NFvuPmBb7j5g1a+xEEtzMVhSp025Qpxi3taWtlgZabWxPgzVcOtK89OvQjVfz5y/yVWE4cnqsbf600zWDtXWLaTOeCPgzLDLFNNWNsmv5UfAt5jae6UPw0fcDnWfJjgj4K06VKisqVOEF3RikWAOG2+rOsYJIBJ8AAABot9x8wLfcfMGrX2IgluZgSQZROASAAAACASAAAAACAAabfcfMC33HzBq1p8CK73K3EUpJr27T4AFPVLFrJYbEgArHYAAAAAAAABBaCzkl3sA6h3I+PY2pJJJAA9PFLCKp//Z);
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.changeLi_other_div{
    background-image: url('../images/8.png');
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.changeLi_more_div{
    background-image: url('../images/more.jpg');
    width: 35px;
    height: 35px;
    background-size: 100%;
}
.changeLi_other a div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
}
.changeLi_more a div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
}
.pops-imgs ul li a div{
    text-align: center;
}
#close-pop{
    cursor: pointer;
}
#carr-img{
    width: 80px;
}
.result_pop{
    width: 100%;
    /* height: max-content; */
    /* width: calc(100vw - 698px); */
    /* height: calc(100vh - 60px); */
    z-index: 9999;
    /* max-width: 1360px; */
    /* background-color: #F0F3F5; */
    /* position: fixed; */
    /* left: 700px; */
    display: flex;
    justify-content: center;
}
.result_content{
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    /* padding-top: 20px; */
    flex-direction: column;
}
.fg1 {
    flex-grow: 1;
    overflow: hidden;
}
/* .serach-content-info{
    max-height: 320px;
} */
.result_box{
    position: relative;
    border-radius: 10px;
    padding-bottom: 5px;
    max-width: 1440px;
    width: 98%;
    height:100%;
    margin: 10px auto;
    background: rgba(255, 255, 255, .5);
    /* flex-grow: 1; */
}
.rb_box {
    height: 100%;
}
.result_title{
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 0 0 20px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 20px;
    width: 95%;
    margin: 35px auto 20px;
    margin-top: 10px;
}
#close{
    border: none;
    outline: medium;
    padding: 5px 25px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    display: none;
}
.result_box .serach-content{
    margin-bottom:0;
    padding:0 15px;
    margin: 0 auto;
    height: 99%
}
.result_box .search-content-text{
    padding: 0px 5px;
    font-size: 13px;
    display:flex;
    color: #fff;
}
.result_box .search-content-text div{
    margin-top: 5px;
    margin-right:10px;
    margin-bottom: 5px;
}
.result_box .serach-content-base h4,.result_box .serach-content-base h5{
    margin-top: 0;
    margin-bottom: 0;
}
.result_box .serach-content-base h5{
    font-size: 18px;
    line-height: 25px;
}
.result_box  .serach-content-base div.j{
    margin-top: 5px;
    margin-bottom: 10px;
}
.result_box .serach-content-info .nr{
    padding: 0;
    height: 100%;
    width: 100%;
    /* transform: translate(0px, -15px); */
    position:relative;
    overflow-y: scroll;
}
.notchrom{
    /* height: 50px !important; */
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.mc{
    display: none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.notchrom .mc{
    display: none;
}
.result_box .serach-content-info .nr h4{
    margin-top:5px;
    margin-bottom:5px;
}
.fond_pag{
    opacity:0;
}
.result_box #returns{
    display:none;
}
.main-box {
    position: relative;
    z-index: 0;
}
.ads_s {
    /* width: 927px;
    height: 250px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
}
.loading{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
  
#adx_div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:12px !important;
    margin-bottom:10px !important;
    min-height: 250px;
}
.result_main{
    min-height:calc(100vh - 78px);
    /* background: rgba(128,128,128,.2); */
    margin-top:0 !important;
    padding-top:0px;
}
.ads_y{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}
#div-gpt-ad-1689845293895-0{
    display:flex;
    justify-content: center;
    align-items: center;
}
.gradient-overlay{
    position: relative;
}
.gradient-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(74, 64, 64, 0.9) 45%, rgba(74, 64, 64, 1) 100%);
    z-index: 1;
}
.more_btn{
    width: max-content;
    margin: 0 auto;
    background: #0072bb;
    border-radius: 5px;
    color: #fff;
    display: none;
    margin-top: -65px;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}
.more_btn a{
    padding: 10px 20px;
    display: block;
    color: #fff;
}
#main-content{
    min-height: calc(100vh - 70px);
}
.more_btn a:hover{
    color: #fff;
    text-decoration: auto;
}
.home_page{
    position: relative;
}
.home_page::after{
    content: "" !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.home_page .container{
    position: relative;
    z-index: 1;
}
.declare p{
    color: #fff !important;
}
#features p{
    text-align: left;
}
.search_box{
    margin-top: 50px;
    padding: 30px 0;
    background: rgba(255, 255, 255, .5);
    padding: 0 70px 47px;
    border-radius: 5px;
}
/* .result_b{
    display: flex;
    justify-content: center;
    position: relative;
} */
.result_left{
    margin: 0 0 0 20px;
    max-width: 680px;
    padding-bottom: 50px;
    width: 100%;
    padding-top: 30px;
    display: none;
}
.search_i_box {
    margin-bottom: 30px;
}
.item_h {
    font-size: 12px;
    line-height: 18px;
    color: #4d5156;
    font-style: normal;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.item_t {
    color: #1a0dab;
    font-size: 20px;
    padding-top: 10px;
    display: block;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.item_d {
    color: #4d5156;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.58;
    text-align: left;
    font-size: 14px;
}
.howto_title{
    font-size: 13;
    color: #000;
    text-align: center;
    margin: 10px 0;
}
#nr_box h3{
    color: #fff;
}

.step_text {
    background-color: #fff;
    border-radius: 6px;
    text-align: left;
    width: 60%;
}
.step_text {
    width: 75%;
}
.step_icon{
    width: 25%;
}
.howto_step2 .step_icon, .howto_step3 .step_icon, .step_text {
    background-color: transparent;
}
.step_title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}
.step_dec {
    -webkit-box-orient: vertical;
    color: #8d8d8e;
    display: -webkit-box;
    font-size: 11px;
    overflow: hidden;
}
.step_icon {
    align-items: center;
    display: flex;
    justify-content: center;
}
.step_img img {
    display: block;
    height: auto;
    width: 80%;
}
.nlp_box{
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
}
.nlp_box a{
    background-color: #fff !important;
    color: #333 !important;
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%);
    font-size: 13px !important;
    text-align: center;
}
.iptSs::placeholder,#center_box::placeholder,.top-soso>.nr>.iptSs::placeholder{
    color: #d2d2d2;
}
.d-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.top-a .pdf-all {
    padding: 0 8px;
    border: 1px solid #293545;
    height: 30px;
    margin-right: 10px;
    line-height: 25px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
}
.uppercase {
    text-transform: uppercase;
}
.top-a .pdf-all ul li span, .pdf-all span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 100% 100%;
    display: inline-block;
}
.pdf-all span {
    margin-right: 5px;
}
.pdf-all-box {
    position: fixed;
    display: none;
    top: 25px;
    right: 40px;
}
.pdf-allBox-top {
    transform: translate(0px, 10px);
    display: flex;
    justify-content: flex-end;
}
.pdf-all-hide {
    top: 100%;
    left: 5%;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 12%);
    border: 1px solid #fff;
    padding: 10px !important;
    top: 10px;
    margin-top: 5px !important;
    border-radius: 6px;
    max-height: 83vh;
    overflow-y: auto;
    display: flex !important;
    flex-wrap: wrap;
    width: 200px;
    background-color: #ffffff;
}
.flag-icon-ar {
    background-image: url(/images/flag/ar.svg)
}

.flag-icon-en,.flag-icon-lp {
    background-image: url(/images/flag/en.svg)
}

.flag-icon-es {
    background-image: url(/images/flag/es.svg)
}

.flag-icon-fr {
    background-image: url(/images/flag/fr.svg)
}

.flag-icon-de {
    background-image: url(/images/flag/de.svg)
}

.flag-icon-it {
    background-image: url(/images/flag/it.svg)
}

.flag-icon-pt {
    background-image: url(/images/flag/pt.svg)
}

.flag-icon-pl {
    background-image: url(/images/flag/pl.svg)
}

.flag-icon-da {
    background-image: url(/images/flag/da.svg)
}

.flag-icon-nl {
    background-image: url(/images/flag/nl.svg)
}

.flag-icon-fi {
    background-image: url(/images/flag/fi.svg)
}

.flag-icon-cs {
    background-image: url(/images/flag/cs.svg)
}

.flag-icon-sv {
    background-image: url(/images/flag/sv.svg)
}

.flag-icon-no {
    background-image: url(/images/flag/no.svg)
}

.flag-icon-ro {
    background-image: url(/images/flag/ro.svg)
}

.flag-icon-ru {
    background-image: url(/images/flag/ru.svg)
}

.flag-icon-el {
    background-image: url(/images/flag/el.svg)
}

.flag-icon-id {
    background-image: url(/images/flag/id.svg)
}

.flag-icon-zh-cn {
    background-image: url(/images/flag/zh-cn.svg)
}

.flag-icon-ja {
    background-image: url(/images/flag/ja.svg)
}

.flag-icon-ko {
    background-image: url(/images/flag/ko.svg)
}

.flag-icon-th {
    background-image: url(/images/flag/th.svg)
}

.flag-icon-tr {
    background-image: url(/images/flag/tr.svg)
}

.flag-icon-vn {
    background-image: url(/images/flag/vn.svg)
}

.flag-icon-hr {
    background-image: url(/images/flag/hr.svg)
}

.flag-icon-et {
    background-image: url(/images/flag/et.svg)
}

.flag-icon-hu {
    background-image: url(/images/flag/hu.svg)
}

.flag-icon-ie {
    background-image: url(/images/flag/ie.svg)
}

.flag-icon-sk {
    background-image: url(/images/flag/sk.svg)
}
.pdf-all ul li {
    line-height: 20px;
    width: 100%;
    color: #D4D4D4;
}
.pdf-all-hide li a {
    font-size: 15px;
    color: #333;
    display: inline-flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px;
    text-align: left;
    font-weight: 400 !important;
    height: auto !important;
}
.top-a .pdf-all ul li span, pdf-all span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 100% 100%;
    display: inline-block;
}
.pdf-all:hover .pdf-all-box {
    display: block;
}
.select_title{
    font-weight: 700;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.carrier-list{
    display: block;
}
.carrier-item a img{
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    margin-right: 18px;
}
.carrier-item a{
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .12);
    font-size: 16px;
    border-radius: 8px;
    color: #000;
    border: 1px solid #fff;
}
.continue_btn{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F38412;
    border-radius: 7px;
    margin: 0 auto;
    margin-top: 15px;
    width: 100%;
    max-width: 320px;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #ffffff;
    text-decoration: none;
    padding: 19px 0;
}
.continue_btn svg{
    margin-left: 10px;
}
.continue_btn:hover{
    text-decoration: none;
    color: #fff;
}
.select_box,.cit{
    display: none;
}
.select_box .carrier_checked div .ul-first{
    justify-content: center !important;
    margin: 30px 0 45px 0;
}
.select_box{
    margin-bottom: 40px;
}
.fcit{
    display: none;
}
.carrier-item.active a{
    border: 1px solid #c2d4e0;
    position: relative;
    background-color: #3EAAFD;
    color: #fff;
}
.carrier-item.active a:active{
    text-decoration: none;
}
.list_top{
    background-color: #F7FBFF;
    padding: 10px 0;
    padding-top: 60px; 
}
.list_content{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0px 0 30px 0;
}
.list_top_title{
    text-align: center;
    font-size: 38px;
    padding: 30px 0 30px 0;
    padding-bottom: 10px;
}
.list_top_des{
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ad_box{
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
.ads_div_left, .ads_div_right {
    display: flex;
    justify-content: center;
}
.ads_div_left {
    align-items: center;
    border-radius: 8px;
    margin-right: 8px;
    min-width: 308px;
    padding: 0 3px;
}
.ads_div_right {
    max-width: 100%;
    width: auto;
}
.i_r_t{
    line-height: 12px;
    font-size: 12px;
    color: #b6b8bb;
    font-weight: 700;
    position: relative;
    margin-bottom: 9px;
}
.serach-content-info .nr li{
    display: flex;
    justify-content: start;
    align-items: center;
    border: none;
    min-height: 85px;
}
.i_l{
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    background-color: #f1f2f6;
    margin-right: 15px;
    position: relative;
    padding: 3px;
    font-weight: 700;
}
.serach-content-info .nr p{
    margin: 0;
}
.serach-content-info .nr.s1 li:nth-last-child(2) .i_l,.serach-content-info .nr.s2 li:nth-last-child(2) .i_l{
    background-color: #065ff5;
    color: #fff;
}
.serach-content-info .nr.s3 li:last-child .i_l{
    background-color: #065ff5;
    color: #fff;
}
.i_l::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 1px;
    height: 55px;
    background-color: #909398;
}
.i_l::before{
    content: '';
    position: absolute;
    top: calc(100% + 17px);
    left: calc(50% - 8px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #909398;
    margin: 0px;
}
.serach-content-info .nr li:last-child .i_l::after,.serach-content-info .nr li:last-child .i_l::before{
    display: none;
}
.dis{
    display: flex;
    justify-content: center;
    align-items: center;
}
.g_icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
.trk_icon{
    display: none;
    width: 28px;
    height: auto;
    border-radius: 4px;
}
.result_box .search-content-text{
    align-items: center;
}
.i_r{
    width: calc(100% - 60px);
}
.status_track{
    margin-left: 15px;
}
.serach-content-info{
    position: relative;
}
.show_tc{
    width: 98%;
    max-width: 820px;
    background-color: #fff;
    box-shadow: 0 1px 20px #0000001a;
    border-radius: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    display: none;
}
.show_c{
    position: relative;
    padding: 35px 16px;
}
.show_s{
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .04;
}

.show_t{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: #222;
    line-height: 30px;
    padding-top: 20px;
    /* margin-bottom: 10px; */
    max-width: 650px;
    margin-bottom: 20px;
    letter-spacing: .3px;
}
.show_d{
    letter-spacing: .3px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 8px auto 20px;
    text-align: center;
    max-width: 75%;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
}
.show_b button{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1675EB;
    border-radius: 7px;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 0;
    border: none;
    font-weight: 700;
    letter-spacing: .3px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
}
.show_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px;
}
.search_r_main{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 65px);
}
.show_icon .trk_icon{
    margin-right: 5px;
    width: 40px;
}
.show_cs{
    min-height: 200px;
    position: relative;
}
.show_a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  
}
#numbers-text1{
    margin-left: 5px;
}
.hide ul{
    display: none;
}
.list_temp_box{
    border: 1px solid #e0e0e0;
    background: #fff;
    margin: 4px;
    margin-bottom: 0;
    padding: 0 !important;
    margin-top:5px;
    border-radius: 5px;
}
.ckt_box .list_temp_box{
    margin-top: 4px;
    background: #b7ddb9 !important;
}
#nr_box ul{
    padding:  0 10px;
}
/* .ckt_box .list_temp_box .ltt_t{
    color: #fff;
} */
.list_temp_box:hover{
    background: #a1c9f2;
}
.list_temp_box:hover .ltt_t{
    color: #fff;
}
.ckt_box .list_temp_box:hover .ltt_t{
    color: #000;
}
.list_temp{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    border: none !important;
}
.lt_box{
    display: flex;
    align-items: center;
    padding: 0 !important;
}
.lt_icon,.lt_text,.lt_g,.ltt_t{
    padding: 0 !important;
}
.lt_icon img{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-right: 10px;
}
.ltt_t{
    display: block;
    color: #212121;
    font-size: 14px;
}
.lt_g{
    margin:0 8px;
}
.tl{
    text-align: right;
}
.tt_number{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 211px;
}
.c003{
    color: #003a9b;
    font-size: 12px;
}
.line_cc{
    height: 1px;
    width: 98%;
    margin: 0px auto 10px;
    background-color: #e0e0e0;
    padding: 0 !important;
}
.lt_r{
    background: #1a73e8;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 5px;
}
.ckt_box .lt_r{
    display: none;
}
.lt_r svg{
    margin-right: 3px;
    width: 23px;
}
.result_bl ul{
    display: block !important;
}
.blog_list{
    margin-top: 15px;
}
.blog_list ul li{
    min-height: auto !important;
}
.result_bl ul li a{
    border-radius: 6px !important;
    border: none !important;
}
.blog_list ul li a{
    padding: 6px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: rgba(255, 255, 255, .2);
    padding: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin: 6px 0;
    border-radius: 5px;
    width: 100%;
    display: flex;
    font-weight: 700;
}
.blog_list ul li a span{
    background-color: #246EEF;
    color: #fff;
    border-radius: .4rem;
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    line-height: 28px;
    display: inline-block;
    width: 35px;
    min-width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: block;
    margin-right: 10px;
}
.blog_list ul li a:hover{
    text-decoration: none;
    transform: scale(1.01);
}
.result_bl{
    border: 1px solid #b0b0b0;
    width: 98%;
    margin: 10px auto;
    border-radius: 5px;
    padding: 5px;
}
howto_content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap;
}
.step_box {
    border-radius: 6px;
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 7%);
    display: flex;
    margin: 0 auto 10px;
    position: relative;
    width: 100%;
    /* align-items: center; */
    background-color: #fff;
}
.new_stop_box{
    border-radius: 6px;
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 7%);
    display: flex;
    margin: 0 auto 15px;
    position: relative;
    width: 97%;
    box-shadow: none;
    align-items: center;
    background: rgba(255, 255, 255, .5);
    padding: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    min-height: 80px;
}
.step_text {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

.step_text {
    width: 60%;
}
.new_stop_box .step_text{
    width: 75%;
    background-color: transparent; 
    color: #fff;
}
.new_stop_box .step_title{
    font-size: 13px;
    min-height: auto;
    margin-bottom: 0;
}
.new_stop_box .step_dec{
    font-size: 12px;
    height: auto;
    color: #fff;
}
.step_icon{
    width: 35%;
}
.pad0{
    padding: 0 !important;
}
.howto_step2 .step_icon, .howto_step3 .step_icon, .step_text {
    background-color: transparent;
}
.step_title {
    font-size: 16px;
    /* font-weight: 700; */
    margin-bottom: 13px;
    min-height: 46px;
}
.step_dec {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #8d8d8e;
    display: -webkit-box;
    font-size: 13px;
    height: 54px;
    overflow: hidden;
}
.howto_row{
    background: #f8fafa;
    padding: 30px 0;
}
.step_icon {
    align-items: center;
    display: flex;
    justify-content: center;
}
.step_img img {
    display: block;
    height: auto;
    margin: 6px auto 6px;
    width: 80%;
}
@media (max-height:800px) {
    .hide800{
        display: none;
    }
}
@media (max-height: 900px){
    .show_c {
        padding: 18px 16px;
    }
}
@media (max-width: 1024px){
    .ads_div_left {
        border: none;
        margin-right: 0;
        min-height: auto;
        min-width: auto;
        padding: 0;
    }
}
@media (max-width: 1550px){
    .search_box{
        margin-top:50px;
    }
    .result_title{
        font-size: 35px;
        padding: 0px 0 0 20px;
    }
    /* .result_box{
        max-width: 99%;
    } */
    .result_box .serach-content-info .nr{
        padding: 0;
    }
}
@media (max-width: 1260px) {
    .result_b{
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
    }
    /* .result_pop{
        width: 100%;
        max-width: 680px;
        height: max-content;
        position: unset;
        z-index: 0;
    } */
}
@media (max-width: 1200px) {
    .top-soso>.nr>.iptSs {
        width: 48% !important;
    }
}
@media (max-width: 1156px){
    .guide{
        float: left;
        margin-top: 20px;
    }
}
@media (max-width: 1024px){
    .top-soso>.nr>.iptSs {
        width: 48% !important;
    }
}
@media (max-width: 991px){
    .top-soso>.nr>.iptSs {
        width: 63% !important;
    }
}
@media (max-width: 990px){
    .carrier_checked ul{
        width: 100%;
    }
}
@media (max-width: 800px) {
    .search-box h1{
        font-size: 15px !important;
        padding: 0 0 8px 0 !important;
    }
    .container_box{
        flex-wrap: wrap;
    }
    .main_left, .main_right{
        width: 99%;
    }
    .step_img img{
        margin: 10px auto;
    }
    .step_title{
        font-size: 17px;
    }
    .step_dec{
        font-size: 14px;
    }
}

@media (max-width: 768px){
    .top-soso>.nr>.iptSs{
        width: 63% !important;
    }
}
@media (max-width: 680px){
    .main_left,.main_right{
        margin: 6px auto;
    }
    .result_box{
        margin: 0 auto;
    }
    .result_left,.result_pop{
        max-width: 98%;
        margin: 0 auto; 

    }
    .result_box .serach-content{
        padding: 0;
    }
    .step_box{
        flex-wrap: wrap;
    }
    .step_icon, .step_text{
        width: 100%;
    }
    .howto_step2{
        flex-direction: column-reverse;
    }
}
@media (max-width: 500px){
    .top-a,.top-a .margin-auto{
        height: 25px;
    }
    .guide{
    display: none;
    }
    .top-soso>.nr>.iptSs{
        width: 100% !important;
    }
    .top-soso .nr .buttonSs,.top-soso .nr .buttonSs-new{
        margin-top: 20px;
    }
    .changeSs{
        top: 39%;
        left: 8%;
    }
    .top-soso .nr>b{
        display: none;
    }
    .top-soso .nr input{
        box-shadow:none
    }
    .top-soso .nr .buttonSs,.top-soso .nr .buttonSs-new{
        width: 100% !important;
    }
    .serach-content-info .nr{
        padding: 19px 5px 47px 5px;
    }
    .serach-content{
        padding: 20px 5px; 
    }
    .serach-content-info .nr div h3{
        font-size: 18px;
    }
    .dialog-main0{
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .carrier_checked ul li a div{
        max-width: 100%;
    }
    
    #center{
        margin: 0;
        height: 55px;
    }
    #right{
        height: 55px;
        margin-top: 10px;
    }
    #right a{
        font-size: 20px;
    }
    .nlp_box a{
        width: 47%;
    }
    .pops-xm{
        width: 100%;
    }
    .table thead tr{
        display: flex;
        flex-direction: column;
    }
    .table tbody tr{
        display: flex;
        flex-direction: column;
    }
    .top-soso>.nr1{
        height: 55px !important;
    }
    .top-soso .nr a{
        line-height: 60px;
        font-size: 20px;
    }
    .ad_box{
        margin: 0 auto;
        min-height: 300px;
    }
    .continue_btn{
        padding: 14px 0;
        font-size: 20px;
    }
    .result_box{
        flex-grow: 1;
    }
    .result_box .search-content-text{
        flex-wrap: wrap;
    }
    .result_box .serach-content-base h5{
        text-indent: 6px;
    }
}
@media (max-height: 1000px){
    /* .result_box .serach-content-info .nr{
        max-height: 375px;
    } */
    .tab-content-div1{
        width: 84px !important;
        height: 84px !important;
    }
    .result_main{
        min-height: calc(100vh - 46px);
    }
    #right  img{
        width: 29px;
        height: 29px;
    }
    #center input{
        font-size:13px;
    }
    .packTitle{
        font-size:18px;
    }
    .track-carriers{
        margin: 0px auto 6px auto !important;
        padding: 0 !important;
    }
    .track-carriers-p{
        height: 25px !important;
        line-height: 30px !important;
    }
    .carrier_checked ul li a{
        margin-top:5px;
        font-size: 12px;
    }
    .clearboth{
        height:30px;
        line-height: 39px;
    }
    .top-a{
        padding:3px 0;
    }
    .tabs li a{
        padding: 6px 14px;
    }
    .tab-content a,.carrier_checked ul li a div{
        height:84px !important; 
    }
    .carrier_checked ul li a img{
        width:84px;
        height:84px;
    }
}
@media (max-height: 906px){
    /* .result_box .serach-content-info .nr{
        max-height: 257px;
    } */
}
@media (max-height: 768px){
    /* .result_box .serach-content-info .nr{
        max-height: 222px;
    } */
}
@media (max-height: 864px){
    .step_title{
        font-size: 12px;
        margin-bottom: 0;
    }
    
    .result_main{
        padding-top: 5px;
    }
    .result_title{
        font-size: 25px;
        line-height: 25px;
        padding: 5px 0;
        margin-bottom: 0px;
    }
}
@media (max-height: 840px){
    .packTitle{
        padding: 10px 0;
    }
}

@media (max-width: 768px) {
    .ckt_box, .search_r_main{
        height: auto;
        min-height:calc(100vh - 65px);
    }
     .serach-content-info .nr{
        overflow: hidden !important;
    }
    .result_box .serach-content-base div.j{
        margin: 0;
    }
    .result_box{
        background-color: transparent;
    }
    .result_box .serach-content,.result_box_s{
        background: rgba(255, 255, 255, .5);
        border-radius: 5px;
    }
    .result_box_s .serach-content{
        background: transparent;
    }
}
@media (max-width: 500px) {
    .serach-content-info .nr p,.serach-content-info .bt h4{
        font-size: 12px;
    }
    .result_content{
        padding-top: 0;
    }
    .track-carriers{
        padding: 0 !important;
    }
    
    .ads_s {
        max-width:100%
    }

    .cc-window-banner {
        flex-wrap: wrap;
        padding: 10px
    }

    .cc-window-banner .cc-message {
        font-size: 12px
    }

    .carrier_checked ul li a div {
        height: 105px!important;
        border-radius: 8px;
        width: 100px!important
    }

    #index .carrier_checked ul li a div {
        width: 100%!important
    }

    .tab-content a {
        width: calc(100% - 30px)!important;
        margin: 5px;
        margin-left: 15px;
        height: 105px!important
    }

    .carrier_checked ul li a img {
        width: 100px;
        height: 100px
    }
    .logo_icon img{
        width: 130px;
        height: auto;
    }
    .carrier_checked ul li a div p {
        -webkit-line-clamp: 3
    }

    .carrier_checked ul li a div {
        height: 100px!important
    }

    .result_box .serach-content-info .nr {
        padding: 10px 5px
    }

    /* .notchrom {
        height: 130px!important
    } */

    #nr_box div {
        font-size: 16px
    }

    .serach-content-info .nr div h3 {
        font-size: 14px;
        margin-top: 2px
    }

    #div-gpt-ad-970-250,.result_box #div-gpt-ad-750-200 {
        min-width: auto!important;
        max-width: 100%!important;
        min-height: auto!important;
        max-height: 100%!important
    }

    .container {
        padding-right: 5px;
        padding-left: 5px
    }

    #main-content {
        padding-top: 10px
    }

    .result_title {
        padding: 5px 0 0 0;
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .result_content{
        flex-direction: row;
    }
    .select_title{
        font-size: 11px;
        padding: 1px;
    }
    .select_box .carrier_checked div .ul-first{
        margin: 0px 0 20px 0;
    }
    .carrier-item a img{
        width: 45px !important;
        height: 45px !important;
        margin-right: 8px;
    }
    .result_box {
        max-width: 100% !important;
        margin: 4px;
    }

    .top-a .fl img {
        width: 135px
    }

    .tabs li {
        clear: both
    }

    .tabs {
        display: flex;
        width: max-content!important
    }

    .carrier_checked ul li {
        width: 97%
    }

    .tabs_d {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden
    }

    .packTitle {
        font-size: 15px;
        line-height: 18px;
        padding: 8px 0;
    }

    .guide {
        display: none
    }

    .top-soso>.nr>.iptSs {
        width: 100%!important
    }

    .top-soso .nr .buttonSs,.top-soso .nr .buttonSs-new {
        margin-top: 20px
    }

    .changeSs {
        top: 39%;
        left: 8%
    }

    .top-soso .nr>b {
        display: none
    }

    .top-soso .nr input {
        box-shadow: none
    }

    .top-soso .nr .buttonSs,.top-soso .nr .buttonSs-new {
        width: 100%!important
    }

    .serach-content-info .nr {
        padding: 19px 5px 47px 5px
    }

    .serach-content {
        padding: 20px 5px
    }

    .serach-content-info .nr div h3 {
        font-size: 18px
    }

    .dialog-main0 {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .carrier_checked ul li a div {
        max-width: 100%
    }

    

   

    .pops-xm {
        width: 100%
    }

    .table thead tr {
        display: flex;
        flex-direction: column
    }

    .table tbody tr {
        display: flex;
        flex-direction: column
    }
    .search_box{
        padding: 10px;
    }
    .search_box{
        margin-top:50px;
    }
    #main-content{
        padding-top: 0px !important;
    }
    .search-box{
        padding: 0 !important;
        padding-bottom: 100px !important;
    }
    /* .home_page .container{
        background-color: rgba(0,0,0,.8);
    } */
    .mpad{
        padding: 0 !important;
    }
    .nftx{
        font-size: 17px !important;
    }
}