/*@font-face { font-family: SourceHanSansSC;src: url("../css/fonts/SourceHanSansSC.otf");}*/
* {-webkit-tap-highlight-color:transparent;margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;}
body{padding:0; margin:0 auto !important; font-family:"SourceHanSansSC",Arial;min-width: 320px; max-width: 750px; font-size: 0.24rem; background:#000;color:#000;}
a{ color: #000; }
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd,em{font-style: normal;margin:0; padding:0;}
li{ list-style-type:none;}
img {border: 0; display: block; max-width: 100%;}
input,textarea,button,select{outline:none !important;border: 0;}
textarea{resize:none} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.scrollstyle{height: 100%;overflow: hidden;}

/*head*/
.header{position: fixed; left: 0; top: 0; right: 0; z-index: 2;height: 1.14rem;}
.header .main{width: 7.5rem; height: 1.14rem;position: relative; padding-right:2rem;margin: 0 auto;}
.header .main span{float: left; font-weight: bold; line-height: 1.14rem; padding-left: 1.06rem; width: 5.6rem; font-size: 0.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 1.14rem;text-align: center}
.header .menu{ color: #fff; background: url(../images/ico/menu_white.svg) 0.24rem center no-repeat; background-size: 0.56rem auto; display: flex}
.header .menu img {margin: 0 auto}
.header .btn{position: absolute; right: 0.35rem; top: 0.29rem;height:0.56rem; font-weight: bold; color: #fff; line-height: 0.56rem; border-radius: 50px; background: #417bff; padding: 0 0.3rem; font-size: 0.36rem}
.header .fixed{background: rgba(0,0,0,.7)}
.header.white .menu{color: #000; background: url(../images/ico/menu_black.svg) 0.24rem center no-repeat; background-size: 0.56rem auto;}
.header .fixed .menu{color: #fff; background: url(../images/ico/menu_white.svg) 0.24rem center no-repeat; background-size: 0.56rem auto;}
.header.buy .main{background: #eee}
.header.buy span{background: url(../images/ico/shop.svg) 0.24rem center no-repeat; background-size: 0.56rem auto;}
.header.buy .btn{ color: #417bff;background: #fff}
.header .fixed .menu em{display: none;}


.buy-btn {background: #000;  overflow: hidden;  text-align: center;  padding: 0 0.3rem 1.2rem;}
.buy-btn a {height: 0.66rem;  font-weight: 600;  color: #fff;  line-height: 0.7rem;  border-radius: 50px;  background: #417bff;  font-size: 0.34rem;  width: 3rem;display: block;text-align: center;margin: 0 auto}


/*menu*/
.slide-menu{position: fixed; left:0;top: 0; bottom: 0;z-index: 5; background: rgba(0,0,0,.4);transition: 0.2s all linear;}
.slide-menu .close-bg{position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.slide-menu .navmenu{ width: 80%; background: #fff; position: absolute;left:-3.3rem;top: 0;bottom: 0; overflow-y: auto;transition: 0.2s all linear;z-index: 2}
.slide-menu .switch{ display: block; padding-left: 1.06rem; font-size: 0.4rem; line-height: 1.14rem; background: url(../images/ico/menu_black.svg) 0.24rem center no-repeat; background-size: 0.56rem auto; }
.slide-menu.show{width: 100%;}
.slide-menu.show .navmenu{left: 0}
.slide-menu ul{ font-size: 0.32rem; overflow: hidden;}
.slide-menu ul li{ overflow: hidden;}
.slide-menu ul a{display: block; font-weight: bold; padding-left: 0.24rem; border-left: 0.1rem solid #fff; line-height: 0.84rem;height:0.84rem;}
.slide-menu .list{ display: none; overflow: hidden;}
.slide-menu .list a i{content: ""; width: 0.48rem; height: 0.84rem; margin-right: 0.18rem; float: left;}
.slide-menu ul .active{border-color:#417bff; color:#417bff}
.slide-menu ul .open .list{display: block;}


/*footer*/
.back-top{ position: fixed; right: 0.3rem; bottom: 1.2rem; width: 0.9rem; height: 0.9rem; visibility: hidden; background: url(../images/ico/top.png) center no-repeat; background-size:contain;}
.foot-operate{height: 1.16rem; text-align: center; overflow: hidden;}
.foot-operate .main{position: fixed;left: 0;right: 0; bottom: 0; z-index: 2; background: #ffffff; height: 1.16rem}
.foot-operate .operate{width: 7.5rem; margin: 0 auto; font-weight: bold; height: 1.16rem}
.foot-operate .online{float: left; width: 1.44rem; padding-top: 0.7rem; background: url(../images/ico/message.svg) center 0.2rem no-repeat;background-size: auto 0.4rem;}
.foot-operate .submit{float: right; width: 5.6rem; background: #417bff; color: #fff; font-size: 0.36rem;height: 0.96rem; line-height: 0.96rem; margin:0.1rem 0.35rem 0 0; border-radius: 0.2rem;}
.foot-operate .price{ float: left; font-size: 0.26rem; margin-left: 0.35rem; line-height: 1.16rem; }
.foot-operate .price span{font-size: 0.38rem}
.foot-operate .price em{color: #417bff}


/*============================index============================*/
.page{overflow: hidden;}
.page .video{ display: block; width:100%;}
.page .img{display: block; width:100%;}
.page .img-link{display: block;overflow: hidden;}


/*============================buy============================*/
.page-buy{padding-top: 1.14rem;overflow: hidden;}
.page-buy .img{display: block; width:100%;}
.page-buy .main{ margin: 0.36rem; padding: 0.2rem; border-radius: 0.2rem; background: #fff; overflow: hidden;}
.page-buy .main h3{font-weight: bold; font-size: 0.4rem; line-height:115%; margin: 0 0.1rem 0.1rem 0.05rem}
.page-buy .price{ color: #417bff; font-size: 0.26rem; overflow: hidden;}
.page-buy .price p{ font-weight: bolder; overflow: hidden;}
.page-buy .price em{font-size: 0.7rem; margin-right: 0.3rem}
.page-buy .price span{color: #d2d2d2; font-size: 0.3rem; }


/*============================order============================*/
.page-order{ padding-top: 1.14rem; overflow: hidden;}
.page-order .section{background: #fff; padding:0.24rem; margin-bottom: 0.24rem; overflow: hidden;}
.page-order .cloumn{font-weight: bold;font-size: 0.36rem; margin-left: 0.1rem;}
.page-order .cloumn em{color: red}
.page-order .head{ position: relative; padding:0.15rem 0 0 2.35rem; font-weight: bold; min-height:2.04rem;overflow: hidden;}
.page-order .head .img{border-radius: 0.2rem; width: 2.04rem; height:1.74rem; position: absolute;left: 0;top: 0.15rem;}
.page-order .head h3{font-size: 0.28rem; line-height:0.36rem; height: 0.72rem;overflow: hidden;}
.page-order .head p{margin-top: 0.4rem; font-size: 0.42rem; overflow: hidden;}
.page-order .head span{color: #417bff}
.page-order .textarea{ display: block; background: #eeeeee; width:100%; font-family:"SourceHanSansSC"; line-height: 0.48rem; font-size: 0.3rem; padding: 0.15rem 0.3rem; border-radius: 0.2rem; margin-top: 0.12rem; }
.page-order .beizhu{position: relative; font-weight: bold; overflow: hidden;}
.page-order .beizhu .num{position: absolute; right: 0.3rem; bottom: 0.3rem; color: #c6c6c6;}
.page-order .beizhu .num em{color: #000}
.page-order .way ul{ font-size: 0.28rem; overflow: hidden;}
.page-order .way li{border-bottom: 1px solid #d5d5d5; line-height: 0.78rem;}
.page-order .way li:last-child{border: 0}
.page-order .way li i{float: left;height: 0.78rem; width: 0.5rem; margin:0 0.3rem 0 0.2rem;}
.page-order .way li:after{content: ""; float: right; width: 0.5rem; height: 0.78rem; background: url(../images/ico/check.png) left center no-repeat; background-size: 0.24rem auto}
.page-order .way li.active:after{ background: url(../images/ico/checked.png) left center no-repeat; background-size: 0.24rem auto}
.page-order .tip{color: #c9c9c9; font-weight: normal; overflow: hidden;}
.page-order .tip a{color: #417bff}
.page-order.pay{text-align: center; padding: 1.8rem 0.62rem 0.3rem;font-weight: bold; }
.page-order.pay h3{font-weight: bold; text-align: left; font-size: 0.4rem; line-height: 115%}
.page-order.pay .code{margin: 0.4rem 0 0; color: #717171; overflow: hidden;}
.page-order.pay .code img{display: block;width: 3.5rem; height: 3.5rem; margin: 0.15rem auto 0.1rem;}
.page-order.pay .price{color: #417bff; font-size: 0.38rem; overflow: hidden;}
.page-order.pay .price span{ display: block; font-weight: normal;}
.page-order.pay .no{margin: 0.1rem 0 0.65rem;overflow: hidden;}
.page-order.pay .no em{ display: inline-block; color: #417bff; margin-left: 0.3rem;}
.page-order.pay .submit{ display: block; margin: 0 auto 0.2rem; width:4.2rem;background: #417bff; color: #fff; font-size: 0.36rem;height: 0.96rem; line-height: 0.96rem;border-radius: 0.2rem;}
.page-order.pay .sus{color: #0aa06e; margin: 0.8rem 0 0.5rem; font-size: 0.52rem; padding-top: 2.95rem; background: url(../images/ico/sus.png) center top no-repeat; background-size:2.74rem auto;}
.page-order.pay .status{ position: relative; color: #000;min-height: 1rem; margin: 0 auto 0.15rem; font-weight: normal; overflow: hidden;}
.page-order.pay .status span{position: absolute;right: 0;top: 0; border-radius: 0.2rem;background: #417bff;color: #fff; height: 0.96rem; line-height: 0.96rem; width: 1.46rem; font-weight: bold; font-size: 0.4rem;}
/*.page-order .way .item1:before{ background: url(../images/ico/wx.png) center no-repeat; background-size:contain;}*/
/*.page-order .way .item2:before{ background: url(../images/ico/zfb.png) center no-repeat; background-size:contain;}*/
/*.page-order .way .item3:before{ background: url(../images/ico/cxk.png) center no-repeat; background-size:contain;}*/
/*.page-order .way .item4:before{ background: url(../images/ico/xyk.png) center no-repeat; background-size:contain;}*/
/*.page-order .way .item5:before{ background: url(../images/ico/paypal.png) center no-repeat; background-size:contain;}*/


/*============================friend============================*/
.page-friend{ padding: 2.3rem 0.6rem 0.2rem; text-align: center; font-weight: bold;overflow: hidden;}
.page-friend .submit{ display: block; margin: 0 auto 0.2rem; width:4.2rem;background: #417bff; color: #fff; font-size: 0.36rem;height: 0.96rem; line-height: 0.96rem;border-radius: 0.2rem;}
.page-friend img{display: block; margin: 0 auto; border-radius: 0.2rem; width: 5.3rem;box-shadow: 0 0 0.3rem rgba(0,0,0,0.7);}
.page-friend .tip{color: #0aa06e; font-size: 0.44rem; margin: 0.35rem 0 0.3rem; line-height: 176%;overflow: hidden;}
.page-friend .no{color: #717171;line-height: 0.52rem; width: 5.7rem; position: relative; margin-bottom:0.6rem;overflow: hidden;}
.page-friend .no p{width: 4.4rem;}
.page-friend .no em{position: absolute;right: 0;top: 0.2rem;color: #417bff}

.page-friend.contact .tip{color: #417bff}


.product-list{}
.product-list-item{display: flex; margin-bottom: 0.2rem;background: #fff; padding: 0.2rem;}
.product-list-item .img{width: 100px; height: 100px; flex-shrink: 0}
.product-list-item-info{margin-left: 0.2rem; display: flex; flex-direction: column; justify-content: space-between; flex: 1}
.product-list-item-info-title{font-size: 0.28rem; font-weight: bold}
.product-list-item-info-price{font-size: 0.28rem; color: #d2d2d2; display: flex; justify-content: space-between; align-items: center; }
.product-list-item-info-price .del{text-decoration: line-through}
.product-list-item-info-price .price{font-size: 0.4rem; font-weight: bold; color: #417bff}

.page_bottom_qrcode{display: flex; flex-wrap: wrap}
.page_bottom_qrcode a{width: 33.33%}