* {
    margin: 0;
    padding: 0
}

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

p {
    word-break: normal !important
}

[v-cloak] {
    display: none
}

body {
    font-family: Arial, helvetica neue, Helvetica, sans-serif
}

html {
    background: #e2e2e2;
    box-sizing: border-box;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    font-size: 14px
}

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

.home {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.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: 25px;
    color: #555;
    top: 0;
    right: .1rem
}

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

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

.disPrice {
    color: #fff;
    font-size: 28px;
    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 {
    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 red;
    color: red
}

.descriptiontitle {
    background-color: #e7e7e7;
    height: .4rem;
    line-height: .4rem;
    font-size: 16px;
    color: #000;
    margin: .1rem 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.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
}

.select-option {
    height: auto;
    overflow: hidden;
}

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

.option-btn {
    height: auto;
    line-height: .5rem;
    padding: .05rem;
    text-align: center;
    width: auto;
    border-radius: .05rem;
    border: 1px solid #ccc;
    color: #000;
    font-size: .14rem;
    margin-bottom: .1rem;
    /*position: relative*/
}

.skubtnimgcontainer {
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    display: inline-block
}

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

.optionActive {
    height: auto;
    line-height: .5rem;
    padding: .05rem;
    text-align: center;
    width: auto;
    border-radius: .05rem;
    font-size: .14rem;
    margin-bottom: .1rem;
    color: red;
    border: 1px solid red;
    /*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: .24rem;
    margin-bottom: .2rem
}

.ar_quantity {
    border: 1px solid #ccc;
    border-radius: .04rem
}

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

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

.addressspan {
    font-size: 14px;
    color: #000;
    line-height: .4rem
}

.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: red;
    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-family: Helvetica
}

.address-header {
    background-color: #f5f5f5;
    width: 7.5rem;
    height: auto;
    padding: .1rem;
    overflow: hidden
}

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

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

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

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

.address-header-dis {
    color: #999;
    font-size: .14rem;
    line-height: .2rem;
    margin-top: .2rem
}

.address-height-right {
    float: right
}

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

.address-header-center-price {
    font-size: .15rem;
    color: red;
    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;
    background-color: #fafafa;
    box-sizing: border-box;
    padding: 0 .1rem;
    border-bottom: .14rem solid #e7e7e8;
    font-size: 14px
}

.optiontitle {
    font-size: 15px;
    color: #000;
    line-height: .4rem
}

.inputnew {
    width: 7rem;
    height: .36rem;
    border: 1px solid #d9d9d9;
    border-radius: .03rem;
    box-sizing: border-box;
    padding: 0 .2rem
}

.selectcontainer {
    width: 7.3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.selectnew {
    width: 100%;
    height: .36rem;
    line-height: .36rem;
    border-radius: .03rem;
    /*border: 1px solid #d9d9d9;*/
    position: relative
}

.selectnew select {
    width: 100%;
    height: 98%;
    display: block;
    margin-right: 1%;
    margin-top:5px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.payme{border:none !important;}
.payme label{
    margin-right: 2%;
}
.payme input{
    width: 12px;
    height: 12px;
    -webkit-appearance:radio;
}

.teldiv {
    /*width: 7rem;*/
    height: .36rem;
    border: 1px solid #d9d9d9;
    border-radius: .03rem;
    margin-bottom: .1rem;
    overflow: hidden
}

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

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

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

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

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

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

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

.input-div label {
    font-weight: 400;
    font-size: .24rem
}
.option-btn input{display: none;}

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 {
    left: .2rem;
    width: .1rem;
    height: auto;
    position: absolute;
    top: .14rem
}

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

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

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

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

.click-btn-confirmaddress {
    width: 100%;
    height: .65rem;
    margin: .2rem 0;
    background-color: red;
    text-align: center;
    line-height: .65rem;
    font-size: .18rem;
    color: #fff;
    text-shadow: 1px 1px 1px #333
}

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

@media screen and (max-width: 360px) {
    .input-div-double {
        height: 1.4rem
    }

    .input-div-double input {
        width: 100% !important;
        padding-left: 0 !important
    }
}

@media screen and (max-width: 749px) {
    .backicon {
        width: .8rem !important;
        height: .8rem !important
    }

    .backiconar {
        width: .8rem !important;
        height: .8rem !important
    }

    .tophomeicon {
        width: .8rem !important;
        height: .8rem !important
    }

    .topiconbg {
        height: 1.1rem
    }

    .charticon {
        width: 1rem !important;
        height: 1rem !important
    }

    .charticonar {
        width: 1rem !important;
        height: 1rem !important
    }

    .charticonclose {
        width: 1rem !important;
        height: 1rem !important
    }

    .charticonclosear {
        width: 1rem !important;
        height: 1rem !important
    }

    .whatappicon {
        width: 1rem !important;
        height: 1rem !important;
        bottom: 2.4rem !important
    }

    .whatappiconar {
        width: 1rem !important;
        height: 1rem !important;
        bottom: 2.4rem !important
    }

    .messengericon {
        width: 1rem !important;
        height: 1rem !important;
        bottom: 3.5rem !important
    }

    .messengericonar {
        width: 1rem !important;
        height: 1rem !important;
        bottom: 3.5rem !important
    }
}

.phoneInfo {
    width: 100%;
    line-height: .2rem;
    background-color: red;
    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: 28px;
    color: #f40;
    margin-top: .4rem;
    font-weight: 700
}
.product_count{
    font-size: 15px;
    color: #000;
    margin-top: .55rem;
    font-weight: 200;
}

.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: 35%;
    height: auto;
    overflow: hidden;
    float: right
}

.dispricetext {
    font-size: .26rem;
    color: red;
    font-weight: 700
}

.pricetext {
    font-size: .14rem;
    text-decoration: line-through;
    color: #333;
    margin: 0 .1rem
}

.tagcontainer {
    width: 65%;
    float: left
}

.firstline span {
    display: inline-block;
    line-height: .3rem;
    background: red;
    color: #fff;
    border-radius: .03rem;
    padding: 0 .05rem
}

.secondline {
    margin-top: .1rem
}

.secondline span {
    line-height: .2rem;
    display: inline-block;
    padding: 0 .05rem;
    background: red;
    color: #fff;
    margin: 0 .05rem;
    border-radius: .03rem
}

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

.productName-big {
    color: red
}

.sold {
    padding: .1rem;
    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 red;
    display: inline-block
}

.progressbg {
    background-color: red;
    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: .6rem;
    height: .6rem;
    display: block;
    position: fixed;
    left: calc(50% - 3.65rem);
    bottom: 2.7rem;
    z-index: 3
}

.messengericonar {
    width: .6rem;
    height: .6rem;
    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;
    background: #e7e7e7;
    padding-bottom: .05rem;
    padding-top: .2rem
}

.tabletitle {
    background-color: #d2d2d2;
    font-weight: 700;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.data-table {
    margin: 1.5%;
    font-size: 14px;
    color: #666;
    margin-top: 0
}

.data-table tr {
    height: 27px
}

.data-table th {
    border: 1px solid #ccc;
    font-weight: 100;
    padding: 5px
}

.data-table th {
    background: none repeat scroll 0% 0% #f4f4f4;
    text-transform: uppercase;
    font-family: arial;
    white-space: nowrap
}

.data-table td {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc
}

.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 #ccc;
    line-height: .28rem;
    border-radius: .2rem;
    color: #666
}

.bottomfixed {
    width: 7.5rem;
    height: .6rem;
    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;
    line-height: .2rem;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: .04rem;
    font-size: .14rem;
    margin-top: .02rem;
    position: relative
}

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

.charticonbottomar {
    width: .3rem;
    height: auto;
    position: absolute;
    top: .15rem;
    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: .13rem;
    font-weight: 400;
    background: #e7e7e7;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    line-height: .37rem;
    margin: .1rem 0;
    text-align: center;
    position: relative
}

.pament {
    width: auto;
    height: .38rem;
    line-height: .38rem;
    border: 2px solid red;
    color: red;
    border-radius: .03rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    display: inline-block
}

.pament2 {
    height: .38rem;
    line-height: .38rem;
    border: .01rem solid red;
    color: red;
    border-radius: .03rem;
    padding: 0 .1rem;
    margin-bottom: .1rem
}

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

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

.flashsale {
    margin-top: .2rem
}

@media screen and (max-width: 500px) {
    .dispricetext {
        font-size: 20px
    }

    .pricetext {
        font-size: 12px
    }

    .secondline span {
        line-height: .4rem
    }

    .firstline span {
        line-height: .5rem;
        margin-top: 10px
    }

    .seckill-time-num {
        font-size: 14px;
        width: .45rem;
        height: .45rem;
        line-height: .45rem
    }

    .progress-red {
        width: 2.5rem;
        height: .12rem
    }

    .language-btn {
        width: 1.5rem;
        height: .4rem;
        line-height: .4rem;
        font-size: .24rem
    }

    .bottomfixed {
        height: 1rem
    }

    .table_details {
        padding-bottom: 1.15rem
    }

    .bottombtn {
        height: .95rem;
        font-size: .28rem;
        line-height: .45rem;
        border-radius: .15rem
    }

    .kefuiconar {
        width: .4rem;
        top: .25rem;
        right: .05rem
    }

    .kefuicon {
        width: .4rem;
        top: .25rem;
        left: .05rem
    }

    .charticonbottomar {
        width: .6rem;
        top: .15rem;
        right: .1rem
    }

    .charticonbottom {
        width: .6rem;
        top: .15rem;
        left: .1rem
    }

    .click-btn-tosku {
        font-size: .4rem !important
    }

    .addresstitle {
        font-size: .25rem;
        line-height: .67rem
    }

    .address-header {
        padding: .3rem
    }

    .address-header-center-price {
        font-size: .25rem;
        line-height: .4rem
    }

    .address-quantity {
        font-size: .25rem;
        line-height: .2rem
    }

    .address-header-center-product {
        font-size: .27rem
    }

    .address-header-dis {
        font-size: .26rem;
        line-height: .3rem
    }

    .optionActive {
        line-height: .5rem;
        padding: .1rem;
        border-radius: .15rem;
        font-size: .28rem
    }

    .option-btn {
        line-height: .5rem;
        padding: .1rem;
        border-radius: .15rem;
        font-size: .28rem
    }

    .skubtnimgcontainer {
        width: 1.1rem;
        height: 1.1rem
    }

    .optionjiaobiao {
        width: .3rem;
        height: .3rem
    }

    .quantity-number {
        width: .8rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem
    }

    .quantity-sub, .quantity-add {
        width: .6rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .35rem
    }

    .inputnew {
        height: .76rem
    }

    .addressspan {
        line-height: .8rem
    }

    .tellabelar {
        height: .76rem;
        line-height: .76rem
    }

    .teldiv {
        height: .76rem
    }

    .selecticonar {
        width: .2rem;
        top: .34rem
    }

    .selectnew {
        height: .76rem;
        line-height: .76rem
    }

    .pament {
        height: .68rem;
        line-height: .68rem;
        border-radius: .06rem
    }

    .caricon {
        width: .43rem
    }

    .pament2 {
        height: .48rem;
        line-height: .48rem
    }

    .click-btn-confirmaddress {
        height: .9rem;
        line-height: .9rem;
        font-size: .38rem;
        border-radius: 5px
    }

    .phoneInfo {
        line-height: .5rem;
        font-size: .28rem
    }

    .tableicon {
        width: .35rem
    }

    .selecticon {
        width: .2rem;
        top: .34rem
    }

    .tellabel {
        height: .76rem;
        line-height: .76rem
    }
}