*{margin:0;padding:0}
html{font-size:100px;font-family:"microsoft yahei";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}
li,ul{list-style:none}
a{text-decoration:none}
.fl{float:left}
.fr{float:right}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container{margin:0 auto;width:7rem}
.containers{margin:0 auto;width:6rem}
.heads{position:relative;background:#222}
.heads .p1{color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:1rem}
.heads #goback{position:absolute;top:.27rem;left:.3rem}
.heads #goback img{display:block;overflow:hidden;height:.4rem}
.heads #edit{position:absolute;top:.2rem;right:.3rem;float:right;display:block;color:#fff;font-size:.36rem;line-height:.5rem}
#recommend{overflow:hidden}
#recommend .fourth{overflow:hidden;margin-top:1rem}
#recommend .fourth .shares{display:block;width:100%;border-radius:.4rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.8rem;cursor:pointer}
#recommend .third{overflow:hidden;margin-top:.5rem}
#recommend .third .pic{overflow:hidden}
#recommend .third .pic img{display:block;overflow:hidden;width:100%}
#recommend .first{overflow:hidden;width:100%;height:3.9rem;background-size:contain!important}
#recommend .second{position:relative}
#recommend .second .container{box-sizing:border-box;padding:30px 0}
#recommend .second .content{position:absolute;top:-1.8rem;left:50%;box-sizing:border-box;padding:1.2rem .6rem .2rem;width:7rem;border-radius:.2rem;background:#fff;box-shadow:2px 2px 6px 2px #999;transform:translateX(-50%)}
#recommend .second .content .pic{position:absolute;top:-1rem;left:50%;overflow:hidden;transform:translateX(-50%)}
#recommend .second .content .pic img{display:block;overflow:hidden;margin:0 auto;width:2rem;height:2rem;border-radius:50%}
#recommend .second .content .p1{color:#333;text-align:center;font-weight:700;font-size:.36rem;line-height:.6rem}
#recommend .second .content .p2{margin-bottom:.2rem;color:#666;text-align:center;font-size:.28rem;line-height:.32rem}
#recommend .second .content .p3 span{float:left;color:#666;font-size:.28rem;line-height:.32rem}
#recommend .second .content .p3 span b{color:#f75854}
#recommend .second .content .p3 span:nth-child(2){float:right}
#submitOrder{position:absolute;top:0;overflow:hidden;width:100%;min-height:100%;background:#f2f2f2}
#submitOrder .logistics{position:absolute;top:0;z-index:998;display:none;width:100%;height:100%;background:rgba(0,0,0,.6)}
#submitOrder .logistics.active{display:block}
#submitOrder .logistics .content{position:absolute;bottom:0;z-index:999;padding:.2rem 0;width:100%;background:#fff}
#submitOrder .logistics .content .p1{color:#222;font-size:.32rem;line-height:.5rem}
#submitOrder .logistics .content .p3{padding:.2rem 0;border-bottom:1px solid #cdcdcd;color:#222;font-size:.29rem;line-height:.5rem}
#submitOrder .logistics .content .p3 input{float:right;display:block;width:.4rem;height:.4rem;outline:0;border:0;background:url(../img/checkeds.png) no-repeat center;background-size:cover!important}
#submitOrder .logistics .content .p3 input:checked{border:0;background:url(../img/checkedd.png) no-repeat center}
#submitOrder .logistics .content .cons{display:block;margin-top:.5rem;margin-bottom:.2rem;width:100%;border-radius:.4rem;background:#2a5de8;color:#fff;text-align:center;font-size:.3rem;line-height:.8rem}
#submitOrder .fourth{position:fixed;bottom:0;overflow:hidden;width:100%;background:#fff}
#submitOrder .fourth .p1{color:#222;text-align:right;font-size:.3rem;line-height:1rem}
#submitOrder .fourth .p1 span{color:red;font-size:.34rem;line-height:1rem}
#submitOrder .fourth .p1 a{float:right;display:block;margin-left:.1rem;width:2.1rem;background:#2a5de8;color:#fff;text-align:center;font-size:.34rem;line-height:1rem;cursor:pointer}
#submitOrder .third{overflow:hidden;margin-bottom:.5rem;padding-bottom:.2rem;background:#fff}
#submitOrder .third .p1{overflow:hidden;padding:.2rem 0;border-bottom:1px solid #cdcdcd;color:#000;font-size:.3rem;line-height:.5rem}
#submitOrder .third .p1.active{border-bottom:0}
#submitOrder .third .p1 a{float:right;color:#666;font-size:.26rem;line-height:.5rem}
#submitOrder .third .p1 a img{float:right;display:block;overflow:hidden;margin-top:.1rem;margin-left:.16rem;height:.3rem}
#submitOrder .third textarea{display:block;margin-bottom:.2rem;padding-left:.1rem;width:100%;height:1.5rem;outline:0;border:0;background:#f2f2f2;color:#000;font-size:.28rem;line-height:.5rem;cursor:pointer}
#submitOrder .third textarea::-webkit-input-placeholder{color:#666}
#submitOrder .third .p3{padding:.2rem 0;color:#000;font-size:.3rem;line-height:.5rem}
#submitOrder .second{overflow:hidden}
#submitOrder .second .box{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0 .1rem;background:#fff}
#submitOrder .second .box img{float:left;display:block;overflow:hidden;width:1.8rem;height:1.8rem;border-radius:.2rem}
#submitOrder .second .box .txt{float:right;width:5rem}
#submitOrder .second .box .txt .p1{overflow:hidden;height:.8rem;color:#000;font-size:.3rem;line-height:.4rem}
#submitOrder .second .box .txt .p3{margin-top:.5rem;color:#d32420;font-size:.32rem;line-height:.4rem}
#submitOrder .second .box .txt .p3 b{font-size:.26rem}
#submitOrder .second .box .txt .p3 span{float:right;color:#222;font-size:.34rem;line-height:.4rem}
#submitOrder .first{overflow:hidden;margin-bottom:.2rem;background:#fff}
#submitOrder .first .content{overflow:hidden}
#submitOrder .first .content .p1{overflow:hidden;padding:.2rem 0;border-bottom:1px solid #cdcdcd;color:#222;font-size:.3rem;line-height:.5rem}
#submitOrder .first .content .p1:last-child{border-bottom:0}
#submitOrder .first .content .p1 img.titl{float:left;display:block;overflow:hidden;margin-top:.1rem;margin-right:.16rem;height:.3rem}
#submitOrder .first .content .p1 a{float:right}
#submitOrder .first .content .p1 a img{float:right;display:block;overflow:hidden;margin-top:.1rem;margin-right:.1rem;height:.3rem}
#submitOrder .first .content .p1 span{color:#666;font-size:.26rem;line-height:.5rem}
#getMoney{position:absolute;top:0;overflow:hidden;width:100%;min-height:100%;background:#f2f2f2}
#getMoney .content .froms{overflow:hidden;padding:.5rem 0;background:#fff}
#getMoney .content .froms input{display:block;width:100%;outline:0;border:0}
#getMoney .content .froms #btn{margin-top:1rem;width:100%;border-radius:.4rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-size:.36rem;line-height:.8rem}
#getMoney .content .froms .names{position:relative;overflow:hidden;margin-bottom:.4rem}
#getMoney .content .froms .names .getcode{position:absolute;top:.7rem;right:.2rem;z-index:999;color:#f75854;font-size:.3rem;line-height:.4rem}
#getMoney .content .froms .names ul{overflow:hidden;margin-top:.4rem;margin-bottom:.2rem}
#getMoney .content .froms .names ul li{float:left;box-sizing:border-box;margin-bottom:.2rem;padding-right:.1rem;padding-left:.5rem;width:50%}
#getMoney .content .froms .names ul li:nth-child(2n+2){padding-right:.5rem;padding-left:.1rem}
#getMoney .content .froms .names ul li .box{overflow:hidden;padding:.5rem .4rem;height:.5rem;border:1px solid transparent;border-radius:.1rem;background:#feeeee;cursor:pointer}
#getMoney .content .froms .names ul li .box:hover{border:1px solid #f75854}
#getMoney .content .froms .names ul li .box.active{border:1px solid #f75854}
#getMoney .content .froms .names ul li .box img{float:left;display:block;overflow:hidden;max-width:.5rem}
#getMoney .content .froms .names ul li .box span{float:left;display:block;padding-left:.2rem;color:#000;font-size:.3rem;line-height:.5rem}
#getMoney .content .froms .names label{display:block;margin-bottom:.1rem;color:#313131;font-size:.3rem;line-height:.4rem}
#getMoney .content .froms .names input{box-sizing:border-box;padding-left:.3rem;border:.3rem;background:#f3f3f3;color:#313131;font-size:.3rem;line-height:.8rem}
#address{position:absolute;top:0;overflow:hidden;width:100%;min-height:100%;background:#f2f2f2}
#address .heads #edit{top:.3rem!important;font-size:.3rem!important}
#address .content #create{display:block;overflow:hidden;margin:.8rem auto 0;width:80%;border-radius:.4rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-weight:700;font-size:.3rem;line-height:.8rem}
#address .content ul{overflow:hidden}
#address .content ul>li{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;background:#fff}
#address .content ul>li .down{clear:both;overflow:hidden;padding-top:.2rem}
#address .content ul>li .down .right{float:right;width:2.5rem}
#address .content ul>li .down .right a{float:left;display:block;margin-left:.3rem;color:#36373c;font-size:.26rem;line-height:.4rem}
#address .content ul>li .down .right a img{float:left;display:block;overflow:hidden;margin-top:.04rem;margin-right:.1rem;height:.3rem}
#address .content ul>li .down .left{float:left;width:2rem}
#address .content ul>li .down .left input{float:left;display:block;margin-top:.04rem;width:.3rem;height:.3rem;-webkit-appearance:radio}
#address .content ul>li .down .left span{float:left;display:block;margin-left:.2rem;color:#36373c;font-size:.26rem;line-height:.4rem}
#address .content ul>li .top{overflow:hidden;padding-bottom:.2rem;border-bottom:1px solid #cdcdcd}
#address .content ul>li .top .p1{margin-bottom:.1rem;color:#000;font-size:.28rem;line-height:.4rem}
#address .content ul>li .top .p1 span{float:right;font-size:.26rem}
#address .content ul>li .top .p3{color:#36373c;font-size:.26rem;line-height:.4rem}
#myteam{position:absolute;top:0;overflow:hidden;width:100%;min-height:100%;background:#f2f2f2}
#myteam .content{overflow:hidden}
#myteam .content li{overflow:hidden;margin-top:.2rem;padding:.2rem 0;background:#fff}
#myteam .content li img{float:left;display:block;overflow:hidden;margin-right:.3rem;width:.8rem;height:.8rem;border-radius:50%}
#myteam .content li .txt{float:left;width:5.6rem}
#myteam .content li .txt .p1{margin-bottom:.1rem;color:#535353;font-size:.3rem;line-height:.4rem}
#myteam .content li .txt .p3{color:#959595;font-size:.24rem;line-height:.3rem}
#auth,#spread{overflow:hidden;width:100%}
#auth .content .forms,#spread .content .forms{position:relative}
#auth .content .forms input,#spread .content .forms input{display:block;width:100%;outline:0;border:0}
#auth .content .forms lable,#spread .content .forms lable{display:block}
#auth .content .forms #btn,#spread .content .forms #btn{display:block;margin:.6rem auto;width:5.8rem;border-radius:.4rem;background:#2a5de8;color:#fff;text-align:center;font-size:.36rem;line-height:.8rem}
#auth .content .forms .bottom,#spread .content .forms .bottom{clear:both;overflow:hidden;padding-top:.9rem}
#auth .content .forms .bottom .catchpic,#spread .content .forms .bottom .catchpic{position:relative;float:left;overflow:hidden;margin-top:.3rem;width:50%;height:1.8rem}
#auth .content .forms .bottom .catchpic:last-child,#spread .content .forms .bottom .catchpic:last-child{float:right}
#auth .content .forms .bottom .catchpic input,#spread .content .forms .bottom .catchpic input{position:absolute;top:-.16rem;left:0;z-index:999;width:1rem;width:3rem;height:1.8rem;opacity:0}
#auth .content .forms .bottom .catchpic .myi,#spread .content .forms .bottom .catchpic .myi{position:absolute;top:-.16rem;left:0;display:block;overflow:hidden;width:3rem;height:1.8rem}
#auth .content .forms .bottom .p1,#spread .content .forms .bottom .p1{color:#313131;font-size:.3rem;line-height:.5rem}
#auth .content .forms .bottom .p1 span,#spread .content .forms .bottom .p1 span{color:#959595;font-size:.24rem;line-height:.5rem}
#auth .content .forms .bottom .p1 img,#spread .content .forms .bottom .p1 img{float:left;display:block;overflow:hidden;margin-top:.12rem;margin-right:.16rem;height:.28rem}
#auth .content .forms .top,#spread .content .forms .top{position:absolute;top:-3.2rem;box-sizing:border-box;padding:.3rem;width:100%;border-radius:.2rem;background:#fff;box-shadow:2px 2px 6px 2px #999}
#auth .content .forms .top .names,#spread .content .forms .top .names{overflow:hidden;margin-bottom:.3rem}
#auth .content .forms .top .names lable,#spread .content .forms .top .names lable{margin-bottom:.06rem;color:#434343;font-size:.3rem;line-height:.4rem}
#auth .content .forms .top .names input,#spread .content .forms .top .names input{box-sizing:border-box;padding-left:.2rem;background:#f6f6f6;color:#434343;font-size:.3rem;line-height:.8rem}
#auth .content .forms .top .names input::-webkit-input-placeholder,#spread .content .forms .top .names input::-webkit-input-placeholder{color:#959595}
#auth .heads,#spread .heads{width:100%;height:3.9rem;background-size:contain!important}
#auth .heads .p1,#spread .heads .p1{color:#fff}
#auth .heads #goback,#spread .heads #goback{position:absolute;top:.27rem;left:.3rem}
#auth .heads #goback img,#spread .heads #goback img{display:block;overflow:hidden;height:.4rem}
#updateAddress{overflow:hidden}
#updateAddress .content .forms input,#updateAddress .content .forms textarea{display:block;outline:0;border:0;background:0 0}
#updateAddress .content .forms #btn{margin-top:1.4rem;width:100%;border-radius:.4rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-size:.36rem;line-height:.8rem}
#updateAddress .content .forms .names{position:relative;overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;border-bottom:1px solid #cdcdcd}
#updateAddress .content .forms .names label{float:left;display:block;width:24%;color:#333;font-size:.3rem;line-height:.5rem}
#updateAddress .content .forms .names input,#updateAddress .content .forms .names textarea{float:right;width:76%;color:#333;font-size:.3rem;line-height:.5rem}
#updateAddress .content .forms .names input::-webkit-input-placeholder,#updateAddress .content .forms .names textarea::-webkit-input-placeholder{color:#999}
#updatePsd{overflow:hidden}
#updatePsd .content .forms input{display:block;outline:0;border:0;background:0 0}
#updatePsd .content .forms #btn{margin-top:1.4rem;width:100%;border-radius:.4rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-size:.36rem;line-height:.8rem}
#updatePsd .content .forms .names{position:relative;overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;border-bottom:1px solid #cdcdcd}
#updatePsd .content .forms .names input{float:left;box-sizing:border-box;padding-left:.6rem;width:90%;background-position:0 center!important;background-size:.3rem!important;color:#333;font-size:.3rem;line-height:.5rem}
#updatePsd .content .forms .names input::-webkit-input-placeholder{color:#999}
#updatePsd .content .forms .names #lokpsd{position:absolute;top:.4rem;right:0;display:block;overflow:hidden;width:.4rem;cursor:pointer}
#paystyle{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#paystyle .content{overflow:hidden;padding:.2rem 0;background:#fff}
#paystyle .content .p1{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;border-bottom:1px solid #cdcdcd;color:#333;font-size:.3rem;line-height:.5rem}
#paystyle .content .p1 span{float:right;color:#d32420;font-weight:700}
#paystyle .content ul{overflow:hidden;margin-bottom:.2rem}
#paystyle .content ul li{float:left;box-sizing:border-box;margin-bottom:.2rem;padding-right:.1rem;padding-left:.5rem;width:50%}
#paystyle .content ul li:nth-child(2n+2){padding-right:.5rem;padding-left:.1rem}
#paystyle .content ul li .box{overflow:hidden;padding:.5rem .4rem;height:.5rem;border:1px solid transparent;border-radius:.1rem;background:#feeeee;cursor:pointer}
#paystyle .content ul li .box:hover{border:1px solid #f75854}
#paystyle .content ul li .box.active{border:1px solid #f75854}
#paystyle .content ul li .box img{float:left;display:block;overflow:hidden;max-width:.5rem}
#paystyle .content ul li .box span{float:left;display:block;padding-left:.2rem;color:#000;font-size:.3rem;line-height:.5rem}
#paystyle .content .p5{margin-top:.4rem;margin-bottom:.2rem;color:#333;font-size:.3rem;line-height:.5rem}
#paystyle .content a.pay{display:block;margin:0 auto;margin-top:.7rem;width:90%;border-radius:.5rem;background:#2a5de8;color:#fff;text-align:center;font-size:.3rem;line-height:1rem}
#spread{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#spread .content{position:relative}
#spread .content .savepic{position:absolute;top:6rem;left:50%;display:block;overflow:hidden;width:7rem;border-radius:.2rem;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-size:.36rem;line-height:.8rem;transform:translateX(-50%)}
#spread .content .pic{position:absolute;top:-2rem;left:50%;box-sizing:border-box;padding:1.2rem 0;width:7rem;border-radius:.2rem;background:#fff;box-shadow:2px 2px 8px 2px #999;transform:translateX(-50%)}
#spread .content .pic img{display:block;overflow:hidden;margin:0 auto .2rem;width:3.6rem;height:3.6rem}
#spread .content .pic .p1{color:#333;text-align:center;font-size:.36rem;line-height:.5rem}
#detail{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#detail .second table{width:100%}
#detail .second table tr{display:flex;justify-content:space-around}
#detail .second table tr th{color:#333;text-align:center;font-weight:700;font-size:.3rem;line-height:.5rem;flex:1}
#detail .second table tr th:nth-child(2){flex:2}
#detail .second table tr td{border-bottom:2px solid #f2f2f2;background:#fff;color:#333;text-align:center;font-size:.24rem;line-height:.9rem;flex:1}
#detail .second table tr td:nth-child(2){flex:2}
#detail .first{overflow:hidden;margin-bottom:.3rem;padding-top:.2rem}
#detail .first .navs ul{display:flex;justify-content:center}
#detail .first .navs ul li:first-child a{border-bottom-left-radius:.35rem;border-top-left-radius:.35rem}
#detail .first .navs ul li:last-child a{border-top-right-radius:.35rem;border-bottom-right-radius:.35rem}
#detail .first .navs ul li a{display:block;padding:0 .4rem;border:0;background:#fff;color:#999;font-size:.3rem;line-height:.7rem}
#detail .first .navs ul li a.active{background:-webkit-linear-gradient(top,#ffc200,#f90);background:-o-linear-gradient(bottom,#ffc200,#f90);background:-moz-linear-gradient(bottom,#ffc200,#f90);background:linear-gradient(to bottom,#ffc200,#f90);color:#fff}
#self{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#self .fourth{overflow:hidden;margin-bottom:1.2rem;padding:.3rem 0 .1rem;background:#fff}
#self .fourth ul li{overflow:hidden;padding:.3rem 0;border-bottom:1px solid #cdcdcd}
#self .fourth ul li:last-child{border-bottom:0}
#self .fourth ul li span{float:left;display:block;margin-left:.16rem;color:#666;font-size:.3rem;line-height:.5rem}
#self .fourth ul li .pic{float:left;width:.6rem}
#self .fourth ul li img{float:left;display:block;overflow:hidden;margin-top:.08rem;height:.4rem;max-width:.6rem}
#self .fourth ul li img.tomore{float:right;margin-top:.08rem;height:.3rem}
#self .fourth .titles{overflow:hidden;margin-bottom:.2rem}
#self .fourth .titles span{float:left;display:block;margin-left:.16rem;color:#333;font-weight:700;font-size:.28rem;line-height:.5rem}
#self .fourth .titles .tilsimg{float:left;display:block;margin-top:.14rem;height:.3rem}
#self .fourth .titles a{float:right;display:block;color:#666;font-size:.26rem;line-height:.5rem}
#self .fourth .titles a img{float:right;display:block;overflow:hidden;margin-top:.14rem;margin-left:.16rem;height:.28rem}
#self .third{overflow:hidden;margin-bottom:.2rem;padding:.3rem 0;background:#fff}
#self .third ul{display:flex;justify-content:space-around}
#self .third ul li{text-align:center}
#self .third ul li img{display:block;overflow:hidden;margin:0 auto .1rem;height:.46rem;max-width:.6rem}
#self .third ul li span{display:block;color:#666;font-size:.24rem;line-height:.3rem}
#self .third .titles{overflow:hidden;margin-bottom:.2rem}
#self .third .titles span{float:left;display:block;margin-left:.16rem;color:#333;font-weight:700;font-size:.28rem;line-height:.5rem}
#self .third .titles .tilsimg{float:left;display:block;margin-top:.14rem;height:.3rem}
#self .third .titles a{float:right;display:block;color:#666;font-size:.26rem;line-height:.5rem}
#self .third .titles a img{float:right;display:block;overflow:hidden;margin-top:.14rem;margin-left:.16rem;height:.28rem}
#self .second{padding:1.2rem 0 .3rem;background:#fff}
#self .second .p1{overflow:hidden;box-sizing:border-box;padding:5px;width:100%}
#self .second .p1 a{float:left;display:block;overflow:hidden;box-sizing:border-box;padding-left:.9rem;width:49%;border-radius:.2rem;background:#fff;box-shadow:2px 2px 6px 2px #999}
#self .second .p1 a img{float:left;display:block;overflow:hidden;margin-top:.3rem;width:.5rem;height:.5rem}
#self .second .p1 a span{float:left;margin-left:.2rem;color:#333;font-weight:700;font-size:.32rem;line-height:1.1rem}
#self .second .p1 a:nth-child(2){float:right}
#self .first{position:relative;padding:.3rem 0;width:100%;background:#fff}
#self .first .box{position:absolute;top:-1.5rem;left:50%;overflow:hidden;padding:.3rem 0;width:7rem;border-radius:.2rem;background:#fff;box-shadow:2px 2px 6px 2px #999;transform:translateX(-50%)}
#self .first .box .p1{clear:both;margin-bottom:.15rem;color:#333;text-align:center;font-size:.24rem;line-height:.4rem}
#self .first .box .p2{clear:both;margin-bottom:.3rem;color:#333;text-align:center;font-weight:700;font-size:.6rem;line-height:.7rem}
#self .first .box .p3{clear:both;margin-bottom:.08rem;color:#333;text-align:center;font-size:.24rem;line-height:.4rem}
#self .first .box .p4{clear:both;color:#333;text-align:center;font-weight:700;font-size:.28rem;line-height:.4rem}
#self .first .box .txt{float:left;overflow:hidden;width:50%}
#self .shead{overflow:hidden;box-sizing:border-box;padding-top:.4rem;width:100%;height:4.05rem;background-size:contain!important}
#self .shead .infos{overflow:hidden}
#self .shead .infos img{float:left;display:block;overflow:hidden;width:1rem;height:1rem;border-radius:50%;background:#fff}
#self .shead .infos .txt{float:right;width:5.8rem}
#self .shead .infos .txt .p2{margin-bottom:.08rem;color:#fff;font-weight:700;font-size:.32rem;line-height:.5rem}
#self .shead .infos .txt .p3{color:#fff;font-size:.28rem;line-height:.4rem}
#self .shead .infos .txt .p3 span{float:right}
#self .shead .p1{position:relative;margin-bottom:.36rem;color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.5rem}
#self .shead .p1 a{position:absolute;top:0;right:0;display:block;width:1.5rem;border-radius:.25rem;background:#feca2b;color:#fff;text-align:center;font-weight:700;font-size:.24rem;line-height:.5rem}
#myinfo{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#myinfo .second{overflow:hidden;margin:.2rem 0 0;background:#fff}
#myinfo .second ul>li{overflow:hidden;padding:.3rem;border-bottom:1px solid #cdcdcd;color:#333;font-size:.28rem;line-height:.5rem}
#myinfo .second ul>li:last-child{border-bottom:0}
#myinfo .second ul>li span{float:right;color:#666}
#myinfo .second ul>li span input{padding-left:.05rem;border:#ddd 1px solid;background:0 0;line-height:.5rem}
#myinfo .second ul>li a{color:#333;font-size:.28rem;line-height:.5rem}
#myinfo .second ul>li a span{float:right;color:#f75854;font-size:.28rem;line-height:.5rem}
#myinfo .second ul>li a span img{float:right;display:block;overflow:hidden;margin-top:.14rem;margin-left:.16rem;height:.3rem}
#myinfo .first{overflow:hidden;margin:.2rem 0 0;padding:.2rem 0;background:#fff}
#myinfo .first img{display:block;overflow:hidden;width:.9rem;height:.9rem;border-radius:50%}
#waitPay{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#waitPay .exce{margin-top:.4rem}
#waitPay .exce a{float:right;display:block;margin-left:.3rem;width:1.5rem;border:1px solid #f90;border-radius:.1rem;color:#f90;text-align:center;font-size:.26rem;line-height:.6rem}
#waitPay .exce a.active{background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff}
#waitPay .fourth{overflow:hidden;padding:.2rem 0;background:#fff}
#waitPay .fourth .p1{margin-bottom:.2rem;color:#666;font-size:.26rem;line-height:.34rem}
#waitPay .third{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;background:#fff}
#waitPay .third .tiles{margin-bottom:.1rem;color:#000;font-size:.3rem;line-height:.4rem}
#waitPay .third .p1{margin-bottom:.2rem;padding-left:.7rem;color:#666;font-size:.26rem;line-height:.34rem}
#waitPay .third .p3{color:#333;text-align:right;font-size:.28rem;line-height:.4rem}
#waitPay .third .p3 span{color:#000;font-weight:700;font-size:.3rem;line-height:.4rem}
#waitPay .second{overflow:hidden}
#waitPay .second .box{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;width:100%;background:#fff}
#waitPay .second .box .mores{float:right;display:block;margin-top:.2rem;width:1rem;border:1px solid #a0a0a0;border-radius:.2rem;color:#666;text-align:center;font-size:.26rem;line-height:.4rem;cursor:pointer}
#waitPay .second .box .txt{float:right;width:5rem}
#waitPay .second .box .txt .p1{margin-bottom:.4rem;height:.8rem;color:#000;font-size:.28rem;line-height:.4rem}
#waitPay .second .box .txt .p3{color:#d32420;font-size:.32rem;line-height:.4rem}
#waitPay .second .box .txt .p3 span{float:right;color:#222;font-size:.34rem;line-height:.4rem}
#waitPay .second .box .pic{float:left;overflow:hidden;width:1.8rem;height:1.8rem}
#waitPay .second .box .pic img{display:block;overflow:hidden;max-width:100%;max-height:100%}
#waitPay .first{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;background:#fff}
#waitPay .first .p1{margin-bottom:.1rem;color:#000;font-size:.3rem;line-height:.4rem}
#waitPay .first .p1 span{padding-left:1.8rem}
#waitPay .first .p3{color:#000;font-size:.28rem;line-height:.4rem}
#waitPay .info{overflow:hidden;padding:.2rem 0}
#waitPay .info .p1{color:#666;font-size:.3rem;line-height:.4rem}
#waitPay .info .p1 span{float:right;color:#e5b627}
#order{position:absolute;top:0;overflow:hidden;margin-bottom:1rem;width:100%;min-height:100%;background:#f2f2f2}
#order .contents{overflow:hidden;margin-bottom:1rem}
#order .contents .box{overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;background:#fff}
#order .contents .box .down{overflow:hidden;padding-top:.2rem}
#order .contents .box .down .p1{float:left;width:2rem;color:#333;font-size:.26rem;line-height:.6rem}
#order .contents .box .down .right{float:right;width:3.8rem}
#order .contents .box .down .right a{float:right;display:block;overflow:hidden;margin-left:.24rem;width:1.6rem;border:1px solid #f90;border-radius:.1rem;color:#f90;text-align:center;font-size:.28rem;line-height:.6rem;cursor:pointer}
#order .contents .box .down .right a:nth-child(1){background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff}
#order .contents .box .down .right a.active{background:#fff;color:#f90}
#order .contents .box .top{overflow:hidden;padding-bottom:.1rem;border-bottom:1px solid #cdcdcd}
#order .contents .box .top .pic{float:left;overflow:hidden;width:1.45rem;height:1.45rem}
#order .contents .box .top .pic img{display:block;overflow:hidden;max-width:100%;max-height:100%}
#order .contents .box .top .txt{float:left;overflow:hidden;margin-left:.2rem;padding-top:.06rem;width:4rem}
#order .contents .box .top .txt .p1{overflow:hidden;margin-bottom:.1rem;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.3rem;line-height:.4rem}
#order .contents .box .top .txt .p3{overflow:hidden;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem;line-height:.3rem}
#order .contents .box .top .del{float:right;overflow:hidden;width:1.3rem;text-align:right}
#order .contents .box .top .del .p1{overflow:hidden;margin-bottom:.4rem;color:#f33;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem;line-height:.4rem}
#order .contents .box .top .del .p3{overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.24rem;line-height:.3rem}
#order .navs{overflow:hidden;margin-bottom:.2rem;padding-top:.2rem;background:#fff}
#order .navs ul{display:flex;justify-content:space-around}
#order .navs ul li{flex:1}
#order .navs ul li a{display:block;overflow:hidden;margin:0 auto;padding-bottom:.2rem;width:100%;color:#333;text-align:center;font-size:.34rem;line-height:.5rem;cursor:pointer}
#order .navs ul li.active a{border-bottom:4px solid #f90}
footer{position:fixed;bottom:0;overflow:hidden;box-sizing:border-box;padding:.1rem 0;width:100%;background:#fff}
footer ul{display:flex;justify-content:space-between}
footer ul li{text-align:center;flex:1}
footer ul li.active .p1{color:#008f9b}
footer ul li.active img:nth-child(1){display:none}
footer ul li.active img:nth-child(2){display:block}
footer ul img{display:block;overflow:hidden;margin:0 auto .06rem;height:.4rem}
footer ul img:nth-child(2){display:none}
footer ul .p1{display:block;color:#999;font-size:.24rem;line-height:.4rem}
.hhead{overflow:hidden;padding-top:.2rem;padding-bottom:.1rem;background:#48adfb}
.hhead .p1{margin-bottom:.2rem;color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.5rem}
.hhead .searchs{overflow:hidden;width:100%;border-radius:.4rem;background:#333}
.hhead .searchs #keywords{float:right;width:86%;color:#000;font-size:.36rem;line-height:.8rem}
.hhead .searchs #keywords::-webkit-input-placeholder{color:#d8d8d8}
.hhead .searchs #btn{float:left;width:14%;height:.8rem;background-position:.4rem .14rem!important;background-size:48%!important}
.hhead .searchs input{display:block;outline:0;border:0;background:0 0}
#shoppingCart{position:absolute;top:0;overflow:hidden;margin-bottom:1.9rem;width:100%;min-height:100%;background:#f2f2f2}
#shoppingCart .cartpay{position:fixed;bottom:1rem;overflow:hidden;padding-left:.3rem;width:100%;height:1rem;background:#fff}
#shoppingCart .cartpay .one{float:left;padding-top:.3rem;width:1.2rem}
#shoppingCart .cartpay .one span{float:left;display:block;margin-left:.1rem;color:#000;font-size:.3rem;line-height:.4rem}
#shoppingCart .cartpay .one input{float:left;display:block;margin-top:.05rem;width:.3rem;height:.3rem;border:1px solid #c1c1c1;border-radius:50%}
#shoppingCart .cartpay .one input:checked{border:0;background:url(../img/checked.png) no-repeat center;background-size:100%}
#shoppingCart .cartpay .two{float:left;width:4rem;text-align:right}
#shoppingCart .cartpay .two .p1{clear:both;color:#222;font-size:.3rem;line-height:1rem}
#shoppingCart .cartpay .two .p1 span{margin-bottom:.1rem;color:red;font-size:.34rem;line-height:1rem}
#shoppingCart .cartpay .three{float:right;overflow:hidden;width:2rem}
#shoppingCart .cartpay .three a{display:none;width:100%;background:-webkit-linear-gradient(left,#ffc200,#f90);background:-o-linear-gradient(right,#ffc200,#f90);background:-moz-linear-gradient(right,#ffc200,#f90);background:linear-gradient(to right,#ffc200,#f90);color:#fff;text-align:center;font-size:.34rem;line-height:1rem}
#shoppingCart .cartpay .three a.active{display:block}
#shoppingCart .contents{overflow:hidden;margin-bottom:1rem}
#shoppingCart .contents .boxs{overflow:hidden;margin-bottom:.2rem;padding:.3rem 0;background:#fff}
#shoppingCart .contents .boxs .one{float:left;overflow:hidden;padding-top:.65rem;width:.6rem}
#shoppingCart .contents .boxs .one input{float:left;display:block;width:.3rem;height:.3rem;border:1px solid #c1c1c1;border-radius:50%}
#shoppingCart .contents .boxs .one input:checked{border:0;background:url(../img/checked.png) no-repeat center;background-size:100%}
#shoppingCart .contents .boxs .two{float:left;overflow:hidden;width:1.6rem}
#shoppingCart .contents .boxs .two img{display:block;overflow:hidden;width:100%;height:1.6rem}
#shoppingCart .contents .boxs .three{float:left;overflow:hidden;box-sizing:border-box;padding-top:.1rem;padding-left:.2rem;width:2.9rem}
#shoppingCart .contents .boxs .three .p1{overflow:hidden;margin-bottom:.2rem;height:.8rem;color:#000;font-size:.3rem;line-height:.4rem}
#shoppingCart .contents .boxs .three .p3{color:#666;font-size:.26rem;line-height:.32rem}
#shoppingCart .contents .boxs .four{float:right;overflow:hidden;padding-top:.1rem;width:1.9rem;text-align:right}
#shoppingCart .contents .boxs .four .p1{overflow:hidden;margin-bottom:.1rem;color:#000;font-size:.3rem;line-height:.4rem}
#shoppingCart .contents .boxs .four .p3{clear:both;color:#666;font-size:.26rem;line-height:.32rem}
#shoppingCart .contents .boxs .four .nums{clear:both;overflow:hidden;box-sizing:border-box;margin-bottom:.05rem;padding-right:1px;width:100%;border:1px solid #bfbfbf}
#shoppingCart .contents .boxs .four .nums input{float:right;display:block;width:.47rem;outline:0;border:0;background:#fff;color:#000;font-size:.3rem;line-height:.5rem;cursor:pointer}
#shoppingCart .contents .boxs .four .nums input:nth-child(2){width:.8rem;color:#333;text-align:center}
#shoppingCart .contents .boxs .four .nums input:nth-child(3){border-right:1px solid #bfbfbf}
#shoppingCart .contents .boxs .four .nums input:nth-child(1){border-left:1px solid #bfbfbf}
#home{overflow:hidden;margin-bottom:1rem;background:#222}
#home .sixth{overflow:hidden;margin-bottom:.2rem;padding:0 0 .2rem;background:#fff}
#home .sixth ul{display:flex;justify-content:left;flex-wrap:wrap}
#home .sixth ul li{margin:0 .05rem;margin-top:.3rem;text-align:center}
#home .sixth ul li img{display:block;overflow:hidden;margin:0 auto .1rem;width:1.6rem;height:1.6rem;border-radius:.2rem}
#home .sixth ul li span{display:block;margin:0 auto;width:100%;color:#333;font-size:.28rem;line-height:.4rem}
#home .fifth{overflow:hidden;background:#fff}
#home .fifth .p1{overflow:hidden;margin-bottom:.1rem;color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.32rem;line-height:.4rem}
#home .fifth .p2{overflow:hidden;margin-bottom:.2rem;color:#999;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.2rem;line-height:.3rem}
#home .fifth .p2 span{color:#f75854}
#home .fifth .right{float:right;overflow:hidden;width:3rem;height:3.4rem}
#home .fifth .right .down,#home .fifth .right .up{overflow:hidden;box-sizing:border-box;padding:.2rem .3rem;border-radius:.2rem;background:#f2f2f2}
#home .fifth .right .down .txt,#home .fifth .right .up .txt{float:left;padding-top:.2rem;width:1.4rem}
#home .fifth .right .down .txt .p1,#home .fifth .right .down .txt .p2,#home .fifth .right .up .txt .p1,#home .fifth .right .up .txt .p2{text-align:left}
#home .fifth .right .down .pic,#home .fifth .right .up .pic{float:right;overflow:hidden;width:.9rem;height:1.1rem}
#home .fifth .right .down .pic img,#home .fifth .right .up .pic img{display:block;overflow:hidden;margin:0 auto;max-width:90%;max-height:100%}
#home .fifth .right .up{margin-bottom:.2rem}
#home .fifth .left{float:left;overflow:hidden;box-sizing:border-box;padding:.3rem;width:3.8rem;height:3.4rem;border-radius:.2rem;background:#f2f2f2}
#home .fifth .left .pic{overflow:hidden;padding-left:.5rem;height:1.8rem}
#home .fifth .left .pic img{display:block;overflow:hidden;margin:0 auto;max-width:46%}
#home .fourth,#home .third{overflow:hidden;padding:.2rem 0;border-bottom:.2rem solid #f2f2f2;background:#fff}
#home .fourth .title,#home .third .title{margin-bottom:.2rem;padding:.2rem 0;color:#f75854;text-align:center;font-weight:700;font-size:.32rem;line-height:.4rem}
#home .fourth .pic img,#home .third .pic img{display:block;overflow:hidden;width:100%}
#home .fourth ul,#home .third ul{display:flex;justify-content:left;flex-wrap:wrap}
#home .fourth ul li,#home .third ul li{margin:0 .05rem;margin-top:.3rem;text-align:center}
#home .fourth ul li img,#home .third ul li img{display:block;overflow:hidden;margin:0 auto .1rem;width:1.6rem;height:1.6rem;border-radius:.2rem}
#home .fourth ul li span,#home .third ul li span{display:block;margin:0 auto;width:100%;color:#333;font-size:.28rem;line-height:.4rem}
#home .fourth{border-bottom:0}
#home .first{overflow:hidden;padding:.2rem 0;background:#222}
#home .first ul{display:flex;justify-content:space-between}
#home .first ul li{text-align:center}
#home .first ul li img{display:block;overflow:hidden;margin:0 auto .1rem;width:1rem;height:1rem}
#home .first ul li span{display:block;margin:0 auto;width:100%;color:#ae8f5f;font-size:.32rem;line-height:.4rem}
#home .second{position:relative;overflow:hidden;box-sizing:border-box;padding:.2rem 0;width:100%;height:1.2rem;border-top:.2rem solid #222;border-bottom:.2rem solid #f2f2f2;background:#222}
#home .second .p1{position:absolute;top:.2rem;left:0;z-index:999;box-sizing:border-box;padding-left:.3rem;width:100%;color:#999;font-size:.28rem;line-height:.4rem}
#home .second .p1 span{float:left;display:block;margin-right:.14rem;padding:0 .16rem;border-radius:.12rem;background:#f90;color:#fff;font-size:.2rem;line-height:.36rem}
#statement{overflow:hidden}
#statement .content{padding-top:.5rem}
#statement .content .p1{color:#333;font-size:.3rem;line-height:.4rem}
#register{overflow:hidden}
#register .shead{overflow:hidden;box-sizing:border-box;padding-top:.8rem;width:100%;height:4.05rem;background-size:contain!important}
#register .shead .content img{display:block;overflow:hidden;margin:0 auto .2rem;width:1.8rem;height:1.8rem}
#register .shead .content .p1{color:#ffe578;text-align:center;font-weight:700;font-size:.36rem;line-height:.5rem}
#register .contents{overflow:hidden;margin-top:.6rem}
#register .contents .forms{display:none}
#register .contents .forms .statement{margin-top:.6rem;color:#999;text-align:center;font-size:.24rem;line-height:.4rem}
#register .contents .forms .statement a{color:#008f9b}
#register .contents .forms.active{display:block}
#register .contents .forms .forget{float:right;color:#008f9b;font-size:.24rem;line-height:.4rem}
#register .contents .forms #subs{display:block;margin-top:1.2rem;width:100%;border-radius:.4rem;background-color:#008f9b;color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.8rem;cursor:pointer}
#register .contents .forms #subr{display:block;margin-top:1.2rem;width:100%;border-radius:.4rem;background-color:#008f9b;color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.8rem;cursor:pointer}
#register .contents .forms .names{position:relative;overflow:hidden;margin-bottom:.2rem;padding:.2rem 0;border-bottom:1px solid #cdcdcd}
#register .contents .forms .names img{position:absolute;top:.4rem;right:0;display:block;overflow:hidden;width:.4rem;cursor:pointer}
#register .contents .forms .names #getCode,#register .contents .forms .names .getCode{position:absolute;top:.1rem;right:0;padding:0 .16rem;border:0 solid #f7a09e;border-radius:.12rem;color:#f75854;font-size:.26rem;line-height:.6rem}
#register .contents .forms .names #getCode.active,#register .contents .forms .names .getCode.active{border:0}
#register .contents .forms .names input{display:block;padding-left:.6rem;width:100%;outline:0;border:0;background-position:left center!important;background-size:.3rem!important;color:#333;font-size:.28rem;line-height:.5rem;cursor:pointer}
#register .contents .forms .names input::-webkit-input-placeholder{color:#999}
#register .navs{overflow:hidden;margin-top:.3rem}
#register .navs a{float:left;display:block;padding-right:.2rem;color:#333;font-size:.36rem;line-height:.5rem}
#register .navs a.active{font-weight:700}
.head{width:100%;background-color:#222;color:#fff;text-align:center;font-weight:700;font-size:.36rem;line-height:.8rem}
.head img{float:left;display:block;overflow:hidden;margin:.25rem 0 0 .3rem;max-height:.3rem}
#banner{overflow:hidden;padding-bottom:.2rem;background:#48adfb}
#banner .swiper-pagination-bullet-active{background:#f90}
#banner img{display:block;overflow:hidden;width:100%;max-height:3.2rem}