html,body {margin: 0;padding: 0;width: 100%;height:100%;background: #fff;height: 100%}
#bodybox {position: relative;margin: 0 auto;max-width: 480px;width: 100%;height:100%;background-color: #fff;/*-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-moz-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);*/min-height: 100%;}
.mypage1{
    text-align:center;
    position: relative;
    width: 100%;
    height: 220px;
    min-height:220px;
    background-size:100%;
    overflow: hidden;

}
.mypage2 {
    margin-top:-100px;
    width: 100%;
    height: 80px;
    position: absolute;
    float:left;
}
.mypage {
    text-align:center;
    width: 100%;
    height: 220px;
    overflow: hidden;
    top: 0;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-position: center;
    background-size:100%;
}
.mypage2 .head{position: absolute;top: 50px;width: 100%;padding: 0 5%;}
.mypage2 .sominfo{position: absolute;bottom: 2px;height: 60px;width: 100%;}
.mypage2 .backinfo{height:100%;width:100%;background-color: rgba(0,0,0,0.2);}
.mypage2 .content{width: 100%;height: 100%;position: absolute;z-index: 5;top: 0;padding: 10px 0;}
.mypage2 .content li{float: left;text-align: center;width: 33.2%;color: #fff;font-size: 14px;height: 44px;overflow: hidden;}
.mypage2 .content li .zhye{width: auto;padding: 0 10px;margin: 0 auto;}
/*.mypage .content li.rig{border-right: 1px solid #fff;}*/
.mypage2 .content img{float: left;}
.mypage2 .content ul{list-style-type:none;}
.mypage2 img{display: block;border-radius: 60%;margin-top:-79%}
.mypage2 .face{
    margin:0 auto;
    border:5px solid #ffffff;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    box-shadow: 0 0 10px #6B6969;
}
.mypage2 .name{
	float: left;
    font-size:19px;
    color:#fff;
    margin:20px 10px 0;
}
.mypage2 .name .yue{
	font-size:12px;
}
.xftitle{height: 30px;line-height: 30px;color: #FB7C56;padding-top: 10px;padding-left: 10px;}
.weui-article{padding: 15px 10px;}
div.footer{ text-align: center;font-size: 12px; padding: 10px 0; color: #F45123;width: 100%;}
.h-div{height:45px;}
.spacing{padding:0 15px;margin: 15px 0;}
.page_title{text-align: center;font-size: 34px;color: #3cc51f;font-weight: 400;margin: 0 15%;}
.article .hd{padding: 2em 0;}
.container>div{background-color: #fbf9fe;}
.login{width: 80%;margin:20px auto;}
.login img{display: block;margin: 0 auto;}
.login .loguser,.login .logpwd{margin: 5px 0;border-bottom: 1px solid #D9D9D9;padding: 10px 0;}
.login .wrong{border-bottom:1px solid #EB2002;}
.loguser{width: 100%;margin:0 auto;}
.loguser:after{content:'';display:block;height:0;clear: both;}
.loguser .pic{width: 20%;float: left;}
.loguser .input{width: 80%;float: right}
.logpwd{width: 100%;margin:0 auto;}
.logpwd:after{content:'';display:block;height:0;clear: both;}
.logpwd .pic{width: 20%;float: left;}
.logpwd .input{width: 80%;float: right}
.loguser .yz{width: 40%;float: left;}
.loguser .yzm{float: right;width: 40%;background-color: #48b796;}
.loguser .yzm span{display:block;width:100%;border:none;border-radius: 3px;padding: 5px 2%;background-color: #48b796;color: #fff;text-align: center;}
.showTooltips{display: block;width: 100%;padding: 10px 0;background-color: #48b796;color: #fff;border-radius: 5px;margin: 15px auto 15px;text-align: center;}
.redcolor{background-color: #DE5347;}
.container img{width: 100%;}
.addcart{position: absolute;bottom: 5px;right:10px;background-color:#EA2000;border-radius: 50%; height: 20px;width: 20px;text-align: center;line-height: 22px;}
.addcart input{width: 40px;}
.addcart i{color:#fff;}
#submit{margin-top: 15px;}
.cart{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 55px;background-color: #356C9C;position: absolute;bottom: 30px;left: 50%;z-index: 10;margin-left: -20px;}
.cart .num{border-radius: 45%;background-color: #EA2000;padding: 2px 5px;position: absolute;top:-10px;right: -10px;height: 15px;line-height: 16px;color:#fff;font-size: 8px;border: none;}
.cart i{color:#fff;}
.showcart{width: 100%;height: 100%;position: absolute;top: 0;z-index:11; }
.backg{height: 100%;width: 100%;background-color: rgba(0,0,0,0.7);}
.showcart .showadd{width: 100%;height: 150px;background-color: #fff;position: absolute;bottom: 0;}
.showcart .showadd .btn{width: 100%;position: absolute;bottom: 0;height: 40px;line-height: 40px;}
.showcart .showadd .btn a{display: block;float:left;width: 50%;text-align: center;color:#fff;background-color: #000;}
.showcart .showadd .btn .car{background-color: #F9CC9D;}
.showcart .showadd .ndiv{position: absolute;bottom: 40px;padding: 10px 0;width: 100%;border-top: 1px solid #e3e3e3;}
.showcart .showadd .ndiv .sl{margin-left: 15px;}
.weui_cell:before{left: 0;}
/*.showcart .showadd .ndiv .num{float: right;margin-right: 15px;border: 1px solid #e3e3e3;}
.showcart .showadd .ndiv .num i{color:#e3e3e3;height: 27px;display: block;float: left;line-height: 27px;}
.showcart .showadd .ndiv .num .icon-minus:first-child{border-right: 1px solid #e3e3e3;padding: 0 8px;}
.showcart .showadd .ndiv .num .icon-plus:first-child{border-left: 1px solid #e3e3e3;padding: 0 8px;background-color: #000;}
.showcart .showadd .ndiv .num input{width: 40px;float: left;line-height:27px;text-align: center;border: none;}*/
.showcart .showadd .showpic{width: 70px;height: 70px;position: absolute;top: -30px;left:15px;background-color: #fff;padding: 3px;overflow: hidden;}
.showcart .showadd .showprice{position: absolute;left: 100px;top: 10px;color:red;font-size: 18px;}
.showcart .showadd .close{position: absolute;right: 5px;top: 3px;z-index: 12;color: #969696;}

.num{float: right;margin-right: 15px;border: 1px solid #e3e3e3;}
.num i{color:#e3e3e3;height: 27px;display: block;float: left;line-height: 27px;}
.num .icon-minus:first-child{border-right: 1px solid #e3e3e3;padding: 0 8px;}
.num .icon-plus:first-child{border-left: 1px solid #e3e3e3;padding: 0 8px;background-color: #000;}
.num input{width: 40px;float: left;line-height:27px;text-align: center;border: none;}

.showp .pic{width: 100%;max-height: 300px;overflow: hidden;}
.showp .pic img{display: block;}
.showp .pro-mess{border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;padding: 15px;margin-top:10px;position: relative;}
.showp .pro-mess .tit{font-weight: bold;font-size: 16px;padding: 10px 0;}
.showp .pro-mess .desc{color:#EA2000;font-size: 12px;}
.showp .pro-mess .price{padding: 5px;}
.showp .pro-mess .price .mon{font-weight: bold;color:#EA2000; margin-right: 15px;}
.showp .pro-mess .price .jf{font-weight: bold;color:#EA2000; }
.showp .pro-mess .num{position: absolute;bottom: 40px;right:10px;}
.showp .details{margin-top:10px;border-top: 1px solid #e3e3e3;padding: 10px 15px;margin-bottom: 40px;}
.showp .details img{width: 100%;display: block;}

.bottomb{position: fixed;bottom: 0;width: 100%;}
.bottomb a{width: 50%;text-align: center;background-color: #000;display: block;float: left;color: #fff;height: 40px;line-height: 40px;}
.bottomb a.car{background-color: #F9CC9D;}
.showp .cart{position: fixed;left: 50%;margin-left:-20px;bottom: 10px;}
.showp .cart .num{right: -30px;}

.weui_media_desc font{color:red;}
.weui_media_desc font.lf{color:blue;}

.chargeback{position: absolute;z-index: 12;top:0;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;overflow: hidden;}
.cgb-cont{width: 80%;margin: 0 auto;position: relative;z-index: 13;background-color: #fff;top: 10px;border-radius: 5px;padding: 10px 0;}
.cgb-cont .title{text-align: center;padding: 5px 5%;border-bottom: 1px solid #1AAD19;}
.cgb-cont .title .pay{width: 80%;margin: 0 auto;text-align: center;font-size: 16px;font-weight: bolder;}
.cgb-cont .title img{float: left;}
.cgb-cont .chargeagree{width: 80%;margin: 0 auto;font-size: 12px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.cgb-cont .chargeagree label{color:#80D740;}
.mon{width: 80%;margin:0 auto;text-align: center;padding: 5px 0;border-bottom:1px solid #e3e3e3;}
.mon input{height: 30px;line-height: 30px;font-size: }
.mon .sjcz{font-size: 16px;font-weight: bolder;}
.mon .tjr{font-size: 20px;font-weight: bolder;margin-top: 5px;}
.mon .price{font-size: 30px;font-weight: bolder;margin-top: 5px;}
.cgb-cont button{display: block;width: 80%;margin:0 auto;padding: 3% 0;background-color: #1AAD19;color: #fff;font-size: 18px;border:none;border-radius: 5px;margin-top: 10px;}
.cgb-cont .grey{background-color: #e3e3e3;}
.dealcontent{width: 90%;position: absolute;left: 4%;top: 0;padding: 10px 1%;background-color: #fff;z-index: 14;height: 100%;overflow-y: scroll;}
.car{padding:5px;border-radius: 50%;height: 150px;width: 150px;background-color: #EEEEEE;margin:0 auto;}
.cars{background-color: #048BE5;border-radius: 50%;height: 150px;width: 150px;text-align: center;color: #fff;}
.cars img{display: block;margin:0 auto;padding-top: 20px;}
.surewash{margin-top: 20px;}
.ok{background-image: url('../images/load.gif');background-position: 50% 50%;position: relative;font-weight: bold;display: none;margin-top: 20px;}
.ok .going{text-align: center;color: #000;position: absolute;bottom: -50px;left: 25%;}
.goprice{line-height: 150px;text-align: center;color: red;font-size: 20px;font-weight: bold;margin-top: 20px;display: none;}
.cppanel{width: 90%;padding: 0 5%;margin:10px 0;}
.cppanel .coupon{background-image: url('../images/yhj.png');height: 130px;background-size: 100% 100%;margin-top: 10px;position: relative;}
.coupon div{color: #fff;font-size: 14px;}
.coupon .title{position: absolute;top:10px;left: 20px;}
.coupon .time{position: absolute;top:30px;left: 20px;}
.coupon .modu{position: absolute;bottom:30px;right: 20px;}
.coupon .price{position: absolute;bottom:10px;right: 20px;}

.chosecoup{width: 100%;}
.chosecoup:after{content:'';display:block;height:0;clear: both;}
.chosecoup label{display: block;width: 25%;float: left;text-align: center;border-bottom: 2px solid #e3e3e3;}
.chosecoup label.action{border-bottom: 2px solid #89BE37;}

.page{border-bottom: 1px solid #1AAD19;padding-bottom: 3px;}
.page input{width: 40%;float: left;margin: 15px 5%;text-align: center;}
.page .btn{float: right;margin-right: 15px;border-radius: 5px;background-color: #1AAD19;padding: 3px 10px;color: #fff;}

.grey{color: #e3e3e3;}
.doreg{background-color: #7DA33E;}
.registeragree{width: 80%;margin: 0 auto;font-size: 12px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.registeragree label{color:#80D740;}
.back{position: absolute;z-index: 1;left:0;top:0;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;overflow: hidden;}
.back .dealcontent{width: 90%;height:100%;position: absolute;background-color: #fff;z-index: 15;left: 4%;padding: 5px 1%;top: 0;overflow-y: scroll;overflow-y: scroll;}