@charset "utf-8";
/*全局*/
html{font-size:20px}
@media only screen and (min-width:400px) and (max-width: 413px){html{font-size:21.33px!important}
}
@media only screen and (min-width:414px) and (max-width: 479px){html{font-size:22.08px!important}
}
@media only screen and (min-width:480px) and (max-width: 768px){html{font-size:25.6px!important}
}
body,div,section,article,header,nav,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img,form,fieldset,legend,input,button,textarea,blockquote,th,td,menu,figure,dir,sup{
                        margin: 0;
                        padding: 0;
                        border: 0;
                        outline:0;
                    }
body{
    font-family:"微软雅黑","Helvetica Neue",Tohoma;
    font-size: 100%;
    color: #666;
    background-color: #dd3132;
}
a{
    text-decoration: none;
    color:#666;
}
button,a,input{
    outline: none !important; 
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    zoom: 1;/*兼容IE6*/
}
ul,li{
    list-style-type: none;
}
.hide{
    display: none;
}
*{
    box-sizing: border-box;
}
.blue-font{
    color: #0066cc !important;
}
.orange-font{
    color: #ff7200 !important;
}

.red-font {
    color: red !important;

}
.FL-R{
    float: right !important;
}
.FL-L{
    float: left !important;
}

img {
    display: block;
  }
  
/*start*/

.img0 {
    margin: .8rem auto 1.6rem;
}

.banner-618 {
    width: 100%;
}

.module {
    padding: .6rem 0
}

.module .title-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .32rem
}

.module .title-box h1.title {
    font-size: .8rem;
    color: #fff;
    font-weight: 500
}

.module p.desc {
    margin-top: 0.46rem;
    margin-bottom: .32rem;
    font-size: .6rem;
    color: #fff;
    line-height: .8rem;
    text-align: center;
    margin-left: .80rem;
    margin-right:.80rem;
}

.module .product-box {
    width: 17.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .32rem auto;
    display: flex
}

.module .product-box-2 {
    background-color: #fff;
    padding: .8rem;
    width: 17.5rem;
    margin: .5rem auto .32rem;
}

.product {
    margin-top: .46rem;
    width: 8.52rem;
    height: 9.18rem;
    position: relative;
    /*border-radius: .24rem;*/
    overflow: hidden;
    background: #fff;
    box-shadow: 0 .04rem .2rem 0 rgba(0,0,0,0.08)
}

.proamj{
    height: 6.6rem!important;
}

.product.bch-product {
    height: 11rem;
}

.product.ltd-product {
    width: 17.5rem;
    height: 15.18rem;
}

.product.fenxiang-product {
    width: 17.5rem;
    height: 15.18rem;
}


.product.jifen-product {
    width: 8.52rem;
    height: 7.8rem;
}


.product.ssl-product {
    width: 17.5rem;
    height: 11.28rem;
}

.product .product-header {
    background: linear-gradient(270deg, #f6be71, #f3a954);
    display: flex;
    height: 2.2rem;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 .16rem;
}

.product .product-header-amj {
    background: linear-gradient(270deg, #f6be71, #f3a954);
    display: flex;
    height: 4rem;
    justify-content: center;
    align-items: center;
    padding: 0 .16rem;
    text-align: center;
}

.product .product-header h2.title {
    font-size: .8rem;
    color: #FFFFFF;
    white-space: nowrap;
    padding-left:.3rem;
}

.product .product-header-amj h2.title-amj {
    font-size: .9rem;
    color: #FFFFFF;
    white-space: nowrap;
}

.product .product-header .tips {
    font-size: .4rem;
    color: #FFFFFF;
    white-space: nowrap;
    padding-left:.3rem;
}

.product .product-header h2.title-2 {
    font-size: .76rem;
    color: #FFFFFF;
    white-space: nowrap;
    padding-left:.3rem;
}


.product .price-info {

    display: flex;
    align-items: baseline;
    padding-left: .32rem;
    margin-top: .45rem
}

.product .info-t {
    margin-top: .1rem!important;
}

.product .price-info .price {
    font-size: 1.4rem;
    color: #ff7200;
}

.product .price-info .unit {
    font-size: .6rem;
    color: #666;
    line-height: .26rem;
    margin-left: .12rem;
    margin-right: .18rem;
    white-space: nowrap
}

.product .price-info .save {
    font-size: .5rem;
    color: #999;
    white-space: nowrap
}

.product .price-info .sheng {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border-radius: .1rem;
    font-size: .6rem;
    margin-right: .2rem;
    color: #fff;
    background: #ff6900;
}

.btn {
    position: absolute;
    left: .4rem;
    bottom: .5rem;
    width: 90%;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: .68rem;
    text-align: center;
    /*background: linear-gradient(270deg, #fd644f, #f28e26);*/
    color: #fe494d;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid  #fe494d; 
}

.am618{
    border-radius: .9rem;
    width: 6rem;
    left: 35%;
    top:0;
    margin-top: .5rem;
}

.tags {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 1.6rem;
    padding-left: .32rem;
}

.tags .tag {
    border: .02rem solid;
    color: #ff6900;
    border-radius: .16rem;
    height: 1rem;
    box-sizing: border-box;
    margin-right: .3rem;
    margin-top: .4rem;
    font-size: .6rem;
    line-height: 1rem;
    padding: 0 .16rem
}

.tags .amyun {
    font-size: .6rem;
    color: #666;
}

.tags-2 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 1.6rem;
    padding-left: .32rem;
}

.tags-2 .tag {
    color: #ff6900;
    border-radius: .16rem;
    height: .8rem;
    box-sizing: border-box;
    margin-right: .2rem;
    font-size: .6rem;
    line-height: .8rem;
    padding: 0 .16rem;
    background-color: #fdf0e7;
}

.price-tag {
    border: .02rem solid;
    color: #ff6900;
    border-radius: .16rem;
    height: 1rem;
    box-sizing: border-box;
    margin-right: .3rem;
    font-size: .6rem;
    line-height: 1rem;
    padding: 0 .16rem
}

.text-618 {
    font-size: .6rem;
    line-height: 1.2rem;
    text-align: center;

}

.text-left {
    font-size: .6rem;
    line-height: 1.2rem;
    text-align: left;

}


.details {
    margin-top: .68rem;
    padding: 0 .32rem; 
    display: flex;
    justify-content: space-between;
    align-items: center
}

.details .key {
    opacity: .6;
    font-size: .6rem;
    color: #666;
    white-space: nowrap;
    line-height: 1.2rem;
}

.details .value {
    font-size: .6rem;
    color: #333;
    white-space: nowrap;
    line-height: .4rem
}

.details .ssl {
    font-size: .6rem;
    color: #333;
    line-height: 1rem
}

.choose_mount span:nth-child(n+1){
    display: inline-block;
    border:1px solid #fa5850;
    width:19px;
    height: 19px;
    line-height: 17px;
    text-align:center;
    cursor: pointer;
    color:#fa5850;
}
.choose_mount input{
    width:30px;
    height: 20px;
    line-height: 17px;
    border:1px solid #b6b6b6;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px;
}





.cover{
    background:#000;
    background: rgba(0,0,0,0.7);
    filter: alpha(opacity=70);
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    color: #fff;
    display: none;
}
.cover-box{
    width: 80%;
    position: relative;
    top:35%;
    left: 10%;
    text-align: center;
}
.cover-bg{
    display: block;
    width: 100%;
    max-width: 480px;
    margin:0 auto;
}
.cover-title{
    width: 100%;
    max-width: 480px;
    position: absolute;
    top:5%;
    height: 2rem;
    line-height: 2rem;
}
.cover-title img{
    vertical-align: middle;
    width: 1.5rem;
    margin-right: 0.5rem;
}
.line{
    height: 1px;
    background: #c0d2a8;
    width: 80%;
    margin:1rem auto;
    position: absolute;
    top:20%;
    left: 10%;
}
.cover-text{
    width: 100%;
    max-width: 480px;
    position: absolute;
    top:40%;
    line-height: 1.8;
}

.amjwhite{
    color: #fff;
    text-decoration: underline;
}

.seckill {
    margin-top: .32rem;
    background: #fff;
    padding: .32rem;
    width: 100%;
}

.seckill .amkill{
    font-size: .6rem;
    border: 1px solid #f79899;
    padding: .35rem;
    height: 12.8rem;
    line-height: 1.8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.seckill .amkill .killname{
    font-size: 1rem;
    color: #333;
}

.amred{
    background: #f23c3d!important;
    color: #fff!important;
}

.product.domain-more {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
}

.ltd-mo{
    padding: 0 1rem;
}

.htips {
    font-size: .4rem;
    background-color: #f23c3d;
    color: #fff;
    display: inline-block;
    padding: .1rem .3rem;
    border-radius: 0rem .4rem 0 .4rem;
    margin-left: .2rem;
}