* {
    margin: 0;
    padding: 0
}

html {
    font-size: calc(100vw/7.5);
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 50px;
    padding: 0;
    margin: 0;
    overflow-x: hidden
}

body {
    font-family: Arial,helvetica neue,Helvetica,sans-serif;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    width: 100%;
    min-width: 7.5rem;
    box-sizing: border-box!important;
    margin-left: null;
    margin-right: null;
    float: null
}

a {
    text-decoration: none!important;
    color: #fa2361
}

p {
    word-break: normal!important
}

[v-cloak] {
    display: none
}

p {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.hdivider {
    display: block;
    line-height: .2rem;
    height: .2rem;
    width: 100%;
    background: #f5f5f5
}

.home {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: .28rem
}

.banner {
    width: 100%;
    height: 7.5rem;
    position: relative
}

.banner img {
    width: 100%;
    height: auto
}

@keyframes shanxian {
    0% {
        -webkit-transform: scale(0)
    }

    10% {
        -webkit-transform: scale(1)
    }

    20% {
        -webkit-transform: scale(0)
    }

    30% {
        -webkit-transform: scale(1)
    }

    90% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes shanxian {
    0% {
        -webkit-transform: scale(0)
    }

    10% {
        -webkit-transform: scale(1)
    }

    20% {
        -webkit-transform: scale(0)
    }

    30% {
        -webkit-transform: scale(1)
    }

    90% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0)
    }
}

.activityicon {
    -webkit-animation: shanxian 4s linear infinite;
    animation: shanxian 4s linear infinite
}

.activityicon {
    width: 7.13rem!important;
    height: auto!important;
    position: absolute;
    bottom: 1rem;
    left: .2rem;
    z-index: 2
}

.banner img {
    width: 7.5rem;
    height: 7.5rem
}

.topiconbg {
    width: 7.5rem;
    height: .9rem;
    background-color: transparent;
    position: fixed;
    top: 1.2rem;
    left: calc(50% - 3.75rem);
    z-index: 5
}

.backicon {
    position: absolute;
    font-size: 25px;
    color: #555;
    top: 0;
    left: .1rem
}

.backiconar {
    position: absolute;
    font-size: .4rem;
    color: #555;
    top: 0;
    left: .1rem
}

.tophomeicon {
    width: .6rem!important;
    height: .6rem!important;
    position: absolute;
    right: .2rem;
    top: .2rem;
    z-index: 99
}

.price {
    color: #fff;
    font-size: .34rem;
    margin: 0 .1rem
}

.disPrice {
    color: #fff;
    font-size: .28rem;
    text-decoration: line-through
}

.seckill-time-div {
    height: 100%;
    display: flex;
    justify-content: space-between;
    float: right
}

.seckill-time-divar {
    height: 100%;
    display: flex;
    justify-content: space-between;
    float: left
}

.seckill-time-num {
    display: block;
    border-radius: .05rem;
    background-color: #000;
    color: #fff;
    font-size: .14rem;
    text-align: center;
    width: .25rem;
    height: .25rem;
    line-height: .25rem;
    margin-right: .12rem
}

.seckill-time-colon {
    display: inline-block;
    width: .1rem;
    height: .27rem;
    line-height: .27rem;
    text-align: center;
    font-size: 22px;
    color: #1bb8ce
}

.productName {
    border-top: 1px dashed #ced4da;
    padding: .2rem;
    overflow: hidden
}

.clear {
    clear: both
}

.Consumer-Services {
    margin-bottom: 1.4rem
}

.panel-default>.panel-heading {
    background-color: #fff;
    border: none
}

.fold {
    display: block;
    width: .26rem;
    height: .13rem;
    float: right;
    margin-top: .1rem
}

.fold2 {
    display: block;
    width: .26rem;
    height: .13rem;
    float: left;
    margin-top: .1rem
}

.panel-body {
    padding: .15rem .3rem;
    overflow: hidden
}

.language-btn {
    width: 1.2rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: .05rem;
    border: 1px solid #bfbfbf;
    font-size: .17rem;
    text-align: center;
    color: #bfbfbf;
    float: left;
    margin-right: .15rem
}

.language-btn-active {
    border: 1px solid #fa2653;
    color: #fa2653
}

.descriptiontitle {
    background-color: #f5f5f5;
    height: .6rem;
    line-height: .6rem;
    font-size: .34rem;
    color: #000;
    margin: .1rem 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding-left: .2rem
}

.service {
    padding: 0 .3rem;
    margin-top: .2rem;
    font-family: Arial
}

.service-title {
    font-size: 30px;
    color: #35b597;
    line-height: .35rem;
    padding-bottom: .2rem
}

.service img {
    margin-right: .1rem
}

.service-first {
    line-height: .28rem;
    height: .28rem;
    margin-bottom: .26rem;
    position: relative
}

.service-first span {
    color: #343434;
    font-size: 26px
}

.service-left {
    float: left;
    width: 4rem
}

.service-right {
    float: left
}

.video {
    width: 100%;
    padding-bottom: .05rem
}

.video video {
    width: 100%
}

.imgContainer img {
    width: 100%
}

.service-text {
    font-size: 22px;
    color: #898989
}

.service-text span {
    color: #fa2653
}

.ps {
    margin-top: .2rem
}

.panel-group {
    margin-bottom: 0
}

.comment-title {
    width: 100%;
    font-size: 18px;
    line-height: .4rem;
    box-sizing: border-box;
    padding: 0 .05rem
}

.comment {
    width: 100%;
    height: 7rem;
    overflow-y: scroll;
    display: flex;
    padding: 0 .05rem;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap
}

.commenttext {
    width: 100%;
    padding: .05rem;
    box-sizing: border-box
}

.commentname {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: .3rem
}

.commentcity {
    font-size: 11px;
    color: #a3a3a3;
    line-height: .2rem
}

.commentcontent {
    font-size: 14px;
    line-height: .2rem
}

.clearfix:after {
    content: '.';
    height: 0;
    display: block;
    clear: both
}

.commentblock {
    width: 2.36rem;
    display: block;
    height: auto;
    background-color: #f0f0f0;
    margin-top: .15rem
}

.commentimg {
    width: 100%;
    height: auto
}

.option {
    width: 100%
}

.option-title {
    width: 100%;
    padding: .3rem 0;
    height: 1.65rem;
    border-bottom: 1px solid #dcdcdc
}

.option-title img {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .2rem;
    float: left
}

.arabic .option-title-right {
    float: right;
    width: 5.8rem
}

.english .option-title-right {
    float: left;
    width: 5.8rem
}

.option-title-first {
    color: #fa2653;
    font-size: 26px;
    font-weight: 700;
    line-height: .3rem;
    height: .6rem
}

.option-title-second {
    margin-top: .1rem
}

.option-price {
    font-size: 25px;
    color: #fa2653;
    height: .5rem;
    line-height: .4rem
}

.option-please {
    font-size: 18px;
    color: #9fa0a0;
    height: .4rem;
    line-height: .4rem;
    margin-left: .1rem
}

.allOption {
    font-size: 26px;
    color: #9fa0a0;
    margin-bottom: .2rem
}

.option-btn-area {
    display: inline-block;
    height: auto
}

.option-btn {
    height: auto;
    min-width: 1rem;
    padding: .05rem;
    text-align: center;
    display: inline-block;
    width: auto;
    border-radius: .05rem;
    border: 2px solid #e7e7e7;
    color: #000;
    font-size: .28rem;
    margin-bottom: .2rem;
    position: relative
}

.skubtnimgcontainer {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    display: inline-block;
    font-size: .28rem
}

.skubtnimg {
    width: 100%;
    height: 100%
}

.optionActive {
    border-radius: .1rem;
    font-size: .28rem;
    color: #fa2653;
    border: 2px solid #fa2653;
    position: relative
}

.optionjiaobiao {
    width: .1rem;
    height: .1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

.quantity {
    width: 100%;
    margin-bottom: .2rem;
    display: flex;
    justify-content: space-between
}

.quantity-title {
    color: #9fa0a0;
    font-size: .28rem;
    margin-bottom: .2rem
}

.ar_quantity {
    border: .01rem solid #e7e7e7;
    border-radius: .04rem
}

.quantity-sub,.quantity-add {
    width: .6rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    text-align: center;
    color: #000;
    float: left;
    background-color: #ededed
}

.quantity-number {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    text-align: center;
    color: #000;
    float: left
}

.addressspan {
    font-size: .30rem;
    color: #000;
    line-height: .8rem;
    margin-top: .1rem;
    margin-left: 0.25rem;
    font-weight: bold;
}

.buynowbtn {
    width: 4.46rem;
    height: 100%;
    background-color: #fa2653;
    border-radius: .6rem;
    font-weight: 700;
    font-family: Helvetica;
    float: left
}

.click-btn-toaddress {
    width: 100%;
    height: 100%;
    background-color: #fa2653;
    border-radius: .6rem;
    font-weight: 700;
    font-family: Helvetica;
    float: left
}

.red-dot {
    width: .2rem;
    height: .2rem;
    background-color: #fa2653;
    border-radius: 5rem;
    position: absolute;
    top: .2rem;
    left: 1.7rem
}

.address {
    width: 7.5rem;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    display: none;
    font-size: .28rem;
    font-family: Helvetica
}

.address-header {
    width: 7.5rem;
    height: auto;
    padding: .2rem;
    overflow: hidden
}

.address-headerImg {
    width: 1.45rem;
    height: 1.45rem;
    float: left;
    margin-right: .1rem
}

.address-headerImgar {
    width: 1.75rem;
    margin-left: .1rem
}

.address-header-center {
    float: left;
    width: 4rem;
    margin-right: .2rem
}

.address-header-center-product {
    font-size: .34rem;
    color: #444;
    width: 4.2rem
}

.address-header-dis {
    color: #999;
    font-size: .28rem;
    line-height: .3rem;
    margin-top: .1rem
}

.address-height-right {
    float: right
}

.address-header-center-option {
    font-size: .28rem;
    line-height: .4rem;
    color: #8f8e8e
}

.address-header-center-price {
    font-size: .15rem;
    color: #fa2653;
    float: right;
    line-height: .2rem
}

.address-header-right {
    float: right
}

.address-header-right img {
    display: block;
    width: .3rem;
    height: .3rem
}

.address-quantity {
    color: #000;
    font-size: .15rem;
    line-height: .2rem
}

.info {
    padding: 0 .3rem;
    height: .9rem;
    border-bottom: .2rem solid #efefef;
    border-top: .2rem solid #efefef;
    line-height: .5rem;
    font-size: .3rem;
    color: #898989;
    margin-top: 2.28rem
}

.addressbody {
    width: 7.5rem;
    box-sizing: border-box;
    padding: 0 .2rem
}

.optiontitle {
    font-size: .34rem;
    color: #000;
    line-height: .8rem
}

.inputnew {
    width: 7rem;
    height: .8rem;
    line-height .8rem;border: 1px solid #d9d9d9;
    border-radius: .06rem;
    box-sizing: border-box;
    padding: 0 .2rem;
    margin-left: 0.4rem;
}

.selectcontainer {
    width: 7.3rem;
    display: flex;
    flex-wrap: wrap
}

.selectnew {
    width: 2.2rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .06rem;
    border: .02rem solid #d9d9d9;
    position: relative;
    margin-right: .03rem
}

.selectnew select {
    width: 100%;
    height: 98%
}

.teldiv {
    width: 7rem;
    height: .8rem;
    border: 1px solid #ced4da;
    border-radius: .06rem;
    margin-bottom: .2rem;
    overflow: hidden;
    margin: 3px 20px;
}

.tellabel {
    width: 1.47rem;
    height: .36rem;
    line-height: .36rem;
    box-sizing: border-box;
    padding: 0 .2rem;
    border-right: .02rem solid #ced4da;
    float: left
}

.tableicon {
    width: .15rem;
    height: auto
}

.tellabelar {
    width: 1.2rem;
    height: .8rem;
    line-height: .8rem;
    box-sizing: border-box;
    padding: 0 .2rem;
    border-right: .02rem solid #ced4da;
    float: left
}

.phone {
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    box-sizing: border-box;
    padding: 0 .2rem
}

.countryname {
    width: 100%;
    line-height: .8rem;
    font-weight: 700
}

.address-body {
    width: 100%;
    height: auto;
    padding: 0 .3rem;
    border-bottom: .2rem solid #ced4da;
    margin-bottom: 1.28rem
}

.input-div {
    padding: .1rem 0;
    height: .8rem;
    line-height: .3rem;
    font-size: .28rem;
    color: #666464
}

.input-div label {
    font-weight: 400;
    font-size: .28rem
}

input,select {
    border-width: 0;
    outline: none;
    -webkit-appearance: none;
    padding: 0 .2rem;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff
}

.input-div input {
    padding-left: .2rem
}

.selecticon {
    right: .2rem;
    width: .1rem;
    height: auto;
    position: absolute;
    top: .14rem
}

.selecticonar {
    right: .3rem;
    width: .2rem;
    height: auto;
    position: absolute;
    top: .34rem
}

input::-webkit-input-placeholder {
    color: #999
}

.input-div select {
    float: right;
    height: .5rem;
    line-height: .5rem;
    width: 80%;
    color: #040404;
    font-size: .28rem;
    padding: 0 .2rem
}

.input-total {
    float: right;
    color: #fa2361;
    font-size: .28rem
}

.address-footer {
    height: 1.2rem;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 7.5rem
}

.click-btn-confirmaddress {
    width: 100%;
    height: .8rem;
    margin: .2rem 0;
    background-color: #fa2653;
    text-align: center;
    line-height: .8rem;
    font-size: .34rem;
    color: #fff;
    text-shadow: .02rem .02rem .02rem #333
}

.whatsappicon {
    width: .94rem;
    height: .92rem;
    position: fixed;
    top: 1.4rem;
    right: calc(50% - 3.72rem);
    z-index: 99
}

.phoneInfo {
    width: 100%;
    line-height: .2rem;
    background-color: #fa2653;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .18rem;
    padding: .05rem .1rem;
    color: #fff;
    display: none
}

.cover-content {
    width: 7.5rem;
    height: auto;
    z-index: 99;
    display: none;
    position: fixed;
    bottom: 0;
    background-color: #fff
}

.cover-bg {
    width: 7.5rem;
    height: 100%;
    position: fixed;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    display: none
}

.allpricenodis {
    font-size: .22rem;
    color: #595757;
    text-decoration: line-through;
    margin: .1rem
}

.allprice {
    font-size: .34rem;
    color: #fa2653;
    font-weight: 700
}

.staricon {
    width: .16rem!important;
    height: .15rem
}

.staricontitle {
    width: .2rem;
    height: auto;
    margin-bottom: .05rem
}

.tohomeicon {
    width: .8rem;
    height: .8rem;
    display: block;
    float: left;
    margin-right: .3rem
}

.tohomeiconar {
    width: .8rem;
    height: .8rem;
    display: block;
    float: left;
    margin-left: .3rem
}

.skubigimg {
    width: 7.5rem;
    height: 7.5rem;
    position: fixed;
    top: calc(50% - 3.75rem);
    left: calc(50% - 3.75rem);
    z-index: 999;
    display: none
}

.cover-bg-sku {
    width: 7.5rem;
    height: 100%;
    position: fixed;
    bottom: 0;
    background-color: #000;
    z-index: 998;
    display: none
}

.pricecontainer {
    width: 35%;
    height: auto;
    overflow: hidden;
    float: left
}

.pricecontainerar {
    width: 25%;
    height: auto;
    overflow: hidden;
    float: right
}

.dispricetext {
    font-size: .34rem;
    color: #fa2653;
    font-weight: 700
}

.pricetext {
    font-size: .34rem;
    text-decoration: line-through;
    color: #333
}

.tagcontainer {
    width: 100%;
    text-align: center
}

.firstline {
    padding: 0
}

.secondline {
    margin-top: .1rem padding:0
}

.firstline span {
    display: inline-block;
    line-height: .38rem;
    background: #fa2653;
    color: #fff;
    border-radius: .03rem;
    padding: 0 .06rem;
    font-size: .28rem
}

.secondline span {
    line-height: .38rem;
    display: inline-block;
    padding: 0 .05rem;
    background: #fa2653;
    color: #fff;
    border-radius: .03rem;
    margin-top: .06rem;
    font-size: .28rem
}

.productdetaik {
    width: 100%;
    border-top: 1px dashed #ced4da;
    padding: .3rem .2rem .2rem .3rem;
    overflow: hidden
}

.productName-big {
    color: #000;
    font-size: .34rem;
    font-weight: 700;
    white-space: pre-wrap
}

.sold {
    box-sizing: border-box;
    color: #000
}

.firstcontainer {
    width: 100%;
    height: .35rem
}

.clockimg {
    width: .35rem;
    height: .35rem;
    display: block;
    float: left
}

.progress-red {
    width: 1.5rem;
    height: .08rem;
    border: 1px solid #fa2653;
    display: inline-block
}

.progressbg {
    background-color: #fa2653;
    height: 100%;
    width: 90%
}

.leftcount {
    font-size: .2rem;
    color: #212121;
    position: absolute;
    right: .1rem;
    top: 0;
    height: .25rem;
    line-height: .25rem;
    font-style: italic
}

.leftcountar {
    font-size: .2rem;
    color: #212121;
    position: absolute;
    left: .1rem;
    top: 0;
    height: .25rem;
    line-height: .25rem;
    font-style: italic
}

@keyframes bynowRotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    1% {
        -webkit-transform: rotate(5deg)
    }

    2% {
        -webkit-transform: rotate(0deg)
    }

    3% {
        -webkit-transform: rotate(-5deg)
    }

    4% {
        -webkit-transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(5deg)
    }

    6% {
        -webkit-transform: rotate(0deg)
    }

    7% {
        -webkit-transform: rotate(-5deg)
    }

    8% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-webkit-keyframes bynowRotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    1% {
        -webkit-transform: rotate(5deg)
    }

    2% {
        -webkit-transform: rotate(0deg)
    }

    3% {
        -webkit-transform: rotate(-5deg)
    }

    4% {
        -webkit-transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(5deg)
    }

    6% {
        -webkit-transform: rotate(0deg)
    }

    7% {
        -webkit-transform: rotate(-5deg)
    }

    8% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

.charticon {
    width: .6rem;
    height: .6rem;
    display: none;
    position: fixed;
    left: calc(50% - 3.65rem);
    bottom: 1.3rem;
    z-index: 3
}

.charticonar {
    width: .6rem;
    height: .6rem;
    display: none;
    position: fixed;
    right: calc(50% - 3.65rem);
    bottom: 1.3rem;
    z-index: 3
}

.charticonclose {
    width: .6rem;
    height: .6rem;
    display: block;
    position: fixed;
    left: calc(50% - 3.65rem);
    bottom: 1.3rem;
    z-index: 3
}

.charticonclosear {
    width: .6rem;
    height: .6rem;
    display: block;
    position: fixed;
    right: calc(50% - 3.65rem);
    bottom: 1.3rem;
    z-index: 3
}

.whatappicon {
    width: .6rem;
    height: .6rem;
    position: fixed;
    left: calc(50% - 3.65rem);
    bottom: 2rem;
    z-index: 3;
    display: block
}

.whatappiconar {
    width: .6rem;
    height: .6rem;
    position: fixed;
    right: calc(50% - 3.65rem);
    bottom: 2rem;
    z-index: 3;
    display: block
}

.messengericon {
    width: .8rem;
    height: .8rem;
    display: block;
    position: fixed;
    left: calc(50% - 3.65rem);
    bottom: 2.7rem;
    z-index: 3
}

.messengericonar {
    width: .8rem;
    height: .8rem;
    display: block;
    position: fixed;
    right: calc(50% - 3.65rem);
    bottom: 2.7rem;
    z-index: 3
}

.hotgif {
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: -.25rem;
    right: -.2rem
}

.hotgifar {
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: -.25rem;
    left: -.2rem
}

.discountblock {
    background-color: #cc3ee5;
    color: #fff;
    font-size: .19rem;
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    margin: 0 .1rem;
    text-align: center;
    width: auto;
    padding: 0 .1rem;
    vertical-align: text-bottom
}

.imgText {
    width: 7.5rem;
    padding: .1rem .2rem
}

.table_details {
    height: auto;
    margin: 0 auto;
    padding-bottom: .35rem;
    padding-top: .2rem
}

.tabletitle {
    background: #fff;
    font-weight: 700;
    color: #000;
    font-size: .28rem;
    display: block;
    margin-left: .15rem;
    margin-bottom: .1rem
}

.data-table {
    margin: 1.5%;
    font-size: .28rem;
    color: #0f1111;
    margin-top: 0;
    margin-bottom: .45rem
}

.data-table tr {
    height: .3rem
}

.data-table th {
    border-top: .01rem solid #e7e7e7;
    border-bottom: .01rem solid #e7e7e7;
    font-weight: 400;
    padding: .05rem;
    background: none repeat scroll 0% 0% #f3f3f3;
    text-transform: uppercase;
    font-family: arial;
    white-space: nowrap
}

.data-table td {
    padding: .15rem;
    background: #fff;
    border-left: 0;
    border-right: 0;
    border-top: .01rem solid #e7e7e7;
    border-bottom: .01rem solid #e7e7e7
}

.table_details p {
    margin-bottom: 0
}

.go-appraise {
    text-align: center;
    background: #e7e7e7;
    padding-top: 0
}

.go-appraise a {
    display: inline-block;
    margin: 0 auto;
    width: 1.4rem;
    cursor: pointer;
    font-size: .14rem;
    border: 1px solid #e7e7e7;
    line-height: .28rem;
    border-radius: .2rem;
    color: #666
}

.bottomfixed {
    width: 7.5rem;
    height: .8rem;
    position: fixed;
    bottom: 0;
    left: calc(50% - 3.75rem);
    background-color: #fff;
    box-shadow: 0 -1px 1px #dad8d8;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .05rem
}

.bottombtn {
    height: .56rem;
    box-sizing: border-box;
    padding: .15rem 0;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: .04rem;
    font-size: .14rem;
    margin-top: .02rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.fixed-bottom-left {
    width: 22%;
    height: .56rem;
    text-align: center;
    float: right;
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .02rem
}

.fixed-bottom-left-text {
    width: 1.35rem;
    font-size: .28rem
}

.fixed-bottom-left-icon {
    width: .46rem
}

.charticonbottom {
    width: .3rem;
    height: auto;
    position: absolute;
    top: .15rem;
    left: .6rem
}

.charticonbottomar {
    width: .3rem;
    height: auto;
    position: absolute;
    top: .25rem;
    right: .6rem
}

.kefuicon {
    width: .3rem;
    height: auto;
    position: absolute;
    top: .12rem;
    left: .3rem
}

.kefuiconar {
    width: .3rem;
    height: auto;
    position: absolute;
    top: .12rem;
    right: .3rem
}

.addresstitle {
    font-size: .34rem;
    font-weight: 400;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    line-height: .8rem;
    margin: 0;
    position: relative;
    text-align: center
}

.pament {
    width: auto;
    height: .7rem;
    line-height: .7rem;
    border: .02rem solid #fa2653;
    color: #fa2653;
    border-radius: .08rem;
    padding: 0 .1rem;
    margin-bottom: .2rem;
    display: inline-block;
    font-size: .15rem
}

.pament2 {
    height: .7rem;
    line-height: .7rem;
    border: .02rem solid #fa2653;
    color: #fa2653;
    border-radius: .08rem;
    padding: 0 .1rem;
    margin-bottom: .2rem;
    display: inline-block;
    font-size: .15rem
}

.caricon {
    width: .23rem;
    height: auto
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #fa2653!important;
    background-color: #fa2653!important;
    color: #fff
}

.flashsale {
    margin-top: .2rem
}

.layui-layer-title {
    display: none
}

.layui-layer-setwin {
    display: none
}

.fixed-bottom {
    width: 7.5rem;
    height: 1.2rem;
    position: fixed;
    bottom: 0;
    z-index: 9;
    background-color: #fff
}

.fixed-bottom-left {
    width: 28%;
    height: 70%;
    text-align: center;
    float: left;
    position: relative;
    border: 1px solid #dedede;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .18rem;
    margin-left: .3rem
}

.fixed-bottom-right {
    width: 66%;
    float: left;
    height: 100%;
    color: #fff;
    font-size: .4rem;
    line-height: .8rem;
    text-align: center;
    box-sizing: border-box;
    padding: .2rem
}

.buynowbtn {
    width: 4.46rem;
    height: 100%;
    background-color: #fa2653;
    border-radius: .6rem;
    font-weight: 700;
    font-family: Helvetica;
    float: left
}

.click-btn-tosku {
    -webkit-animation: bynowRotate 6s linear infinite;
    animation: bynowRotate 6s linear infinite;
    animation-delay: 10s;
    -webkit-animation-delay: 10s
}

.select-option {
    display: block
}

.home-header {
    font-size: .3rem;
    font-weight: 700;
    background: #fff;
    border-bottom: .03rem solid #e7e7e7;
    border-top: .03rem solid #e7e7e7;
    line-height: 0.9rem;
    height: 0.9rem;
    margin: 0;
    position: relative;
    text-align: center
}

.home-header-left {
    position: absolute;
    font-size: .4rem;
    color: #555;
    top: 0;
    left: .1rem
}

.cur-select.fixed {
    position: fixed;
    top: 30px;
    left: 50px;
    z-index: 999
}

.currency-select {
    width: auto;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .15rem;
    border-radius: .3rem;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    font-size: .28rem;
    margin-right: .2rem;
    float: right;
    margin-top: .15rem
}

.currency-select img {
    height: .35rem;
    margin-right: .1rem;
    margin-left: .03rem
}

.currency-select span {
}

#select-currency-dialog {
    display: none
}

.currency-dialog-context {
    width: 100%;
    overflow: hidden
}

.currency-options {
    vertical-align: middle;
    width: 100%;
    padding-left: .2rem;
    padding-bottom: .2rem;
    border-bottom: .02rem dashed #ced4da
}

.currency-title {
    display: inline-block;
    background-color: #f2f2f2;
    height: .6rem;
    line-height: .6rem;
    padding-left: .2rem;
    width: 100%;
    margin-bottom: .3rem;
    font-size: .34rem
}

.currency-option {
    height: auto;
    min-width: .5rem;
    text-align: center;
    display: inline-block;
    width: auto;
    border-radius: .08rem;
    border: .02rem solid #e7e7e7;
    color: #000;
    font-size: .28rem;
    padding: .1rem;
    margin: .1rem;
    position: relative
}

.currency-option-active {
    border: 1px solid #fa2653;
    color: #fa2653
}

.currency-option-img-box {
    width: .35rem;
    height: .35rem;
    background-color: #fff;
    display: inline-block
}

.currency-option-img-box img {
    width: 100%;
    height: 100%
}

.currency-option-img-box img {
    width: 100%;
    height: 100%
}

.lang-options {
    vertical-align: middle;
    width: 100%;
    padding-top: .2rem;
    padding-left: .2rem
}

.lang-option {
    height: auto;
    min-width: .5rem;
    text-align: center;
    display: inline-block;
    width: auto;
    border-radius: .08rem;
    border: .02rem solid #e7e7e7;
    color: #000;
    font-size: .28rem;
    padding: .1rem;
    margin: .1rem;
    position: relative
}

.lang-option-active {
    border: 1px solid #fa2653;
    color: #fa2653
}

.currency-ok-box {
    width: 100%;
    text-align: center
}

.currency-select-btn-box {
    width: 100%;
    text-align: center;
    padding: .3rem
}

.currency-select-btn {
    width: auto;
    min-width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-top: .2rem;
    display: inline-block;
    background-color: #fa2653;
    border-radius: .05rem;
    font-weight: 700;
    font-size: .28rem;
    color: #fff
}
.currency-select-btns {
    width: auto;
    min-width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-top: .2rem;
    display: inline-block;
    background-color: #fa2653;
    border-radius: .05rem;
    font-weight: 700;
    font-size: .28rem;
    color: #fff
}
.discount-btns {
    display: inline-block;
    flex-wrap: wrap;
    align-content: space-between
}

.discount-btn {
    height: .8rem;
    line-height: .8rem;
    flex-grow: 1;
    padding-left: .4rem;
    padding-right: .4rem;
    display: inline-block;
    border-radius: .4rem;
    margin: 10px auto;
    border: 1px solid #bbb;
    background: #eee;
    position: relative;
    font-weight: 700
}

.discount-btn-active {
    background: #fa2653;
    color: #fff
}

.discount-btn-active:after {
    content: '';
    width: .5rem;
    height: .6rem;
    display: block;
    position: absolute;
    background: url(../img/g4.png) no-repeat center/0.3rem;
    right: .2rem;
    bottom: -.15rem
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 5rem;
    z-index: 999;
    overflow-y: auto;
    background: #fff
}

.header .nav .mob {
    text-align: center;
    position: relative
}

.nav-item {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    height: .7rem;
    line-height: .7rem;
    padding-left: .2rem
}

.nav-link {
    color: #333;
    font-size: .3rem
}

.pacsearch-input {
    width: 100%;
    height: .6rem;
    background-color: #fff;
    border: .03rem solid #ccc;
    box-shadow: rgb(0 0 0/30%) 0 1px 4px -1px;
    color: #000;
    font-size: .28rem;
    font-weight: 700;
    padding-left: .15rem;
    padding-right: .15rem;
    display: none
}

.pacsearch-input:focus {
    border: .03rem solid #ccc
}

.mapcontainer {
    width: 100%;
    height: 6.5rem;
    display: none
}

.map {
    height: 100%;
    display: none
}

.mapcityname {
    width: 100%;
    line-height: .5rem;
    font-weight: 700;
    background: #2ac44d;
    font-weight: 700;
    color: #fff;
    padding-left: .3rem;
    padding-right: .3rem;
    border-top-right-radius: .1rem;
    border-top-left-radius: .1rem;
    display: none
}

.mapaddr {
    width: 100%;
    line-height: .5rem;
    font-weight: 700;
    background: #2ac44d;
    font-weight: 700;
    color: #fff;
    padding-left: .3rem;
    border-bottom-right-radius: .1rem;
    border-bottom-left-radius: .1rem;
    display: none
}

.addressspan label {
    color: #ccc
}

.multiple-sku {
    font-size: .34rem;
    font-weight: 600;
    line-height: .6rem;
    display: none;
    background: #42b983;
    padding-left: .15rem;
    color: #fff
}

#supplement-addr-dialog {
    display: none
}

.supplement-addr-dialog-context {
    padding: .25rem
}

.supplement-addr-dialog-context p {
    font-size: .28rem;
    color: #42b983
}

.supplement-addr-text {
    width: 100%;
    height: 1.8rem;
    size: 20;
    padding: .05rem
}

.supplement-addr-btn-box {
    width: 100%;
    text-align: center
}

.supplement-addr-btn {
    width: auto;
    min-width: 1.5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-top: .2rem;
    display: inline-block;
    background-color: #fa2653;
    border-radius: .05rem;
    font-weight: 700;
    font-size: .28rem;
    color: #fff
}

.pricebox {
    /*border-top: 1px dashed #ced4da;*/
    padding: .15rem .2rem .15rem 0.3rem;
    overflow: hidden
}

.timer-box {
    float: left;
    margin: 0 .25rem 0 0;
    width: 70%
}

.timer_item {
    float: left;
    margin: 0 .2rem 0 0;
    width: 1rem;
    text-align: center
}

.timer_block .count {
    margin: 0 0 .1rem;
    text-align: center
}

.count span {
    display: inline-block;
    padding: .1rem .07rem;
    background: #fa2653;
    margin-right: .1rem;
    color: #fff;
    box-shadow: .02rem .02rem .03rem #000;
    border-radius: .05rem
}

.onepcs {
    line-height: .6rem;
    display: inline-block;
    margin: 0 auto
}

.twopcs {
    line-height: .6rem;
    display: inline-block;
    margin-left: .5rem
}

.pcs-piece {
}

.switch-country-a {
    display: inline-block;
    margin-left: .15rem;
    font-size: .24rem;
    font-weight: 300
}

.click-btn-confirmaddress-pay {
    width: 100%;
    height: .8rem;
    margin: .2rem 0;
    background-color: #fa2653;
    text-align: center;
    line-height: .8rem;
    font-size: .34rem;
    font-weight: 700;
    color: #fff;
    text-shadow: .02rem .02rem .02rem #333
}

.click-btn-confirmaddress-pay-btn {
    width: 100%;
    height: .6rem;
    margin: 0 0;
    background-color: #fa2653;
    text-align: center;
    line-height: .8rem;
    font-size: .34rem;
    color: #fff;
    text-shadow: .02rem .02rem .02rem #333
}

.click-btn-confirmaddress-pay-icon {
    float: left;
    padding: 0;
    height: 100%;
    width: 45%;
    text-align: left;
    padding-right: 5px
}

.click-btn-confirmaddress-pay-icon svg {
    margin-left: .1rem;
    height: .38rem
}

.click-btn-confirmaddress-pay-dis {
    width: 100%;
    line-height: .15rem;
    font-size: .15rem
}

.click-btn-confirmaddress-pay-buy {
    float: left;
    height: 100%;
    width: 50%;
    text-align: right;
    line-height: .5rem;
    font-size: .34rem;
    padding-left: 5px;
    padding-top: .06rem
}

.voucher-dialog {
    position: fixed;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 0
}

.voucher-dialog .modal-content {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0
}

.modal-backdrop {
    filter: alpha(opacity=0)!important;
    opacity: 0!important
}

.voucher-find-view {
}

.voucher-list {
    margin: 5px;
    min-height: 100px
}

.voucher-row {
    padding: 5px;
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.voucher-info {
    width: auto;
    height: 100%;
    flex-grow: 1
}

.voucher-radio {
    margin-left: 10px;
    width: .4rem;
    height: 100%;
    flex-grow: 0
}

.voucher-select {
    border-width: 0;
    outline: none;
    -webkit-appearance: radio;
    padding: 0 .2rem;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: radio;
    background-color: #fff
}

.voucher-footer {
    text-align: center
}

.voucher-submit-btn {
    width: 80%
}

.voucher-title {
    font-family: fantasy
}

.voucher-code {
    font-size: .2rem
}

.voucher-view-row {
    height: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.voucher-view-icon {
    margin-left: 0;
    width: 30px;
    height: 100%;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.voucher-view-icon img {
    width: 20px;
    height: 20px
}

.voucher-view-title {
    width: auto;
    height: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: space-between
}

.voucher-view-title-name {
    display: flex;
    justify-content: center;
    align-items: center
}

.voucher-view-selected {
    margin-right: 0;
    width: auto;
    height: 100%;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.voucher-view-selected span {
    font-size: .2rem;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center
}
.submit {
    width: 93%;
    height: 0.8rem;
    margin: 0.2rem 0;
    background-color: #fa2653;
    text-align: center;
    line-height: .8rem;
    font-size: .38rem;
    color: #fff;
    text-shadow: 0.02rem 0.02rem 0.02rem #333;
    margin: 3px 10px;
}
.voucher-view-radio {
    margin-left: 1px;
    width: 30px;
    height: 100%;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.voucher-row-none {
    align-content: center;
    height: 50px;
    text-align: center;
    padding-top: 25px
}

.hdivider-wite {
    display: block;
    line-height: .2rem;
    height: .2rem;
    width: 100%
}

.pament-safe-pay {
    width: 100%;
    height: auto
}

.pament-safe-pay img {
    width: 100%;
    right: 0;
    height: auto;
    position: initial;
    top: 0
}

.totaldiv {
    width: 7rem;
    height: .8rem;
    line-height: .8rem
}

.totallabel {
    display: inline-block;
    font-size: .34rem;
    color: #000
}

.totalprice {
    float: right;
    display: inline-block;
    width: 2rem
}