/*公共样式*/
html { font-size: 12px; } 
body {font-size: 1rem; }

.space-fix{clear: both;height:1rem;}
.all-title{background-color:#09B6F2;width:100%;height:4rem;z-index: 2000;line-height:4rem; overflow:hidden;}
.all-title h1{width:100%; text-align: center;font-size: 1.5rem;color:#ffffff;overflow:hidden;}
.all-title span{position: absolute;top:1.25rem;z-index: 99;left: 1rem;}
.all-title span img{height:1.5rem;}
.all-title span:last-child{position: absolute;top:1.25rem;z-index: 99;right: 1rem;text-align: right;width: 2rem;left: auto;}
.all-title-fix{height:0rem;width:100%;display: block;}
@media only screen and (device-width: 375px) and (device-height: 812px) and
(-webkit-device-pixel-ratio: 3) {
    /*增加头部适配层*/
    html{
        height: 100%;
        box-sizing: border-box;
        padding-top: 44px;
        &:before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 44px;
            z-index: 9998;
        }
    }
}
/*登陆注册*/
.logo-login{text-align: center;margin:2rem 0;}
.logo-login img{width:6rem;height:6rem;}
.login-bar{background-color: #fff;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}

.login-bar ul li{padding:0 .25rem;border-bottom:2px solid #eee;}
.login-bar ul li:last-child{border-bottom:0;}
.login-bar ul li span{width:25%;text-indent: 3rem;display: block;float:left;height:4rem;line-height:4rem;}
.login-bar ul li input{padding:0;border:0;width:75%;float:right;height:4rem;line-height:4rem;}
.login-bar ul li .code{width:35%;float:left;}
.login-bar ul li .code-img{width:40%;height:3.6rem;}
.login-bar ul li .send-code{width:40%;float:left;text-align: center;background-color:#fff;}
.login-bar ul li .explain{width:100%;text-indent: 1rem;}

.mobile-ico{background:url(../images/user.png) no-repeat .25rem 50%;background-size: 2rem;}
.pass-ico{background:url(../images/psw.png) no-repeat .25rem 50%;background-size: 2rem;}
.code-ico{background:url(../images/cp.png) no-repeat .25rem 50%;background-size: 2rem;}

.login-btn {text-align: center;}
.login-btn .submit{border:0;background-color:#09B6F2;width:90%;color:#fff;height:4rem;margin:1.5rem auto 0;line-height:4rem;}

.forget {padding:1rem .25rem;}
.forget a{float:right;margin:0 1rem 0 0;}

.set-password-bar ul li input{width:100%;text-indent: 1rem;}

.other-login{margin-top:3rem;}
.other-login .title {height: 2rem;line-height: 2rem;text-align: center;}
.other-login .title .line {display: inline-block;width: 10rem;border-top: 1px solid #ccc;}
.other-login .title .txt {color: #686868;vertical-align: middle;margin:0 .5rem;}
.other-login .ico{text-align: center;margin-top:1rem;}
.other-login .ico img{width: 4rem;height: 4rem;border-radius: 100%;}

/*会员中心首页*/
.h-header-pic {width:100%;padding:1.5rem 1rem;background-color: #09B6F2;text-align: center;}
.h-header-pic img{border-radius: 100%;width:5rem;height:5rem;border:2px solid #fff;    margin: 0 0 .5rem 0;}
.h-header-pic .mobile{color: #fff;}
.h-header-pic .login_out{color: #fff;margin: 0 0 0 .5rem;float:left;}
.o-header {background-color: #fff;}
.o-header .title{float:left;margin:.8rem 1rem;font-size:1rem;}
.o-header .title-content{float:right;color:#bbb;margin:0.9rem 1rem;}

.o-function{margin:.8rem 0;background-color: #fff;}
.o-function .title{font-size:1rem;padding: .5rem .5rem;border-bottom:1px solid #ddd;}
.o-function ul li{float: left;width: 25%;padding: 1rem 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.o-function ul li .ico {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin: 0 auto .5rem;
}
.o-function ul li:nth-child(1) .ico{background:url(../images/icon_team.png) no-repeat;background-size: 100%;}
.o-function ul li:nth-child(2) .ico{background:url(../images/icon_order.png) no-repeat;background-size: 100%;}
.o-function ul li .content {
    margin: 0 0 0 0;
    display: block;
    text-align: center;
}

/*订单列表*/

.o-type {background-color: #fff;padding:0;}
.o-type ul li{float: left;width: 20%;padding:.5rem 0;}
.o-type ul li a{text-align: center;}
.o-type ul .current{border-bottom:2px solid #09b6f2;}
.o-type ul .current a{color:#09b6f2;}

.o-list ul li{background-color: #fff;margin:.5rem 0;}
.p-status{padding:.5rem .5rem;color:#09b6f2;}
.p-status h1{float:left;}
.p-status span{float:right;font-size: 1rem;line-height: 2rem;}

.p-info{padding:.5rem;background-color: #f5f5f5;}
.p-status h1,.p-info h1,.p-info h2,.p-info h3,.p-count h1{font-size:1rem;line-height:2rem;}

.p-info .p-img{float:left;width:30%;}
.p-info .p-img img{max-height:6rem;}
.p-info .p-title{float:left;width:60%;padding: 0 0 0 .25rem;}
.p-info .p-title h2{overflow: hidden;height: 1.2rem;white-space: nowrap;text-overflow: ellipsis;}
.p-info .p-title h3{color:#bbb;}
.p-info .p-price{float:right;width:35%;text-align: right;}
.p-info .p-price h2{color: #09b6f2;}
.p-info .p-price h3{color:#bbb;}

.no-data{text-align: center;padding:.5rem 0;}
.p-btn{margin:2px 0 0;}
.p-btn a{float: right;margin: 0 .5rem .5rem 0;border: 1px solid #09B6F2;color: #09B6F2;border-radius: 2rem;padding: .2rem .5rem;}
.p-count{padding:.5rem .5rem;}
.p-count span{font-size:1rem;}
.p-count h1{float:right;}
.data_count{
	position: fixed;
    bottom: 0;
    font-size: 1rem;
    color: #fff;
    background-color: #09b6f2;
    right: 0;
    line-height: 2rem;
    padding: 0 1rem;
}


/*订单详情*/
.o-list .o-info{padding:1rem ;border-bottom:1px solid #eee;}
.o-list .o-info h3:nth-child(1){float:left;}
.o-list .o-info h3:nth-child(2){float:right;}

.o-list .o-port h3:nth-child(1),.o-list .o-time h3:nth-child(1){margin:.5rem 0 0 0;}
.o-list .o-port h3:nth-child(2),.o-list .o-time h3:nth-child(2){width: 17.5rem;}
.o-list .o-port li,.o-list .o-time li{display: inline-block;border: 1px solid #eee;
    margin: .5rem 0 0 .5rem;display: block;float: left;width: 3rem;
    line-height: 3rem;height: 3rem;text-align: center;}

.o-list input{border: 0;text-align: right;}

.o-btn{text-align: center;border:0;background-color:#09B6F2;width:90%;height:3rem;margin:1.5rem auto 2rem;line-height:3rem;color:#fff;}
.o-btn a{color:#fff;}
.start-power,.stop-power,.reload{width: 45%;float: left;margin: 1.5rem 0 4rem 3.3%;}
.o-status {background-color:#09b6f2;color:#fff;padding:1rem 0;}
.o-status h1,.o-status h2{font-size:1rem;margin-left:2rem;line-height:2rem;float: left;width:50%;}
.o-status h1{font-size:1rem;}
.o-status h3{float: right;margin:0 3rem 0 0;}
.o-status h3 img{height:3.5rem;}
.o-contact{padding :.5rem .5rem .5rem 2rem;background:url(../images/dd.png) no-repeat .5rem 50% #fff;background-size: 1.2rem;}
.o-contact h1,.o-contact h2,.o-contact h3{font-size:1rem;line-height:1.3rem;}
.o-contact h1{float:left;}
.o-contact h2{float:right;}
.o-contact h3{float:left;width:100%;}









/*成功页失败页 */
.fail-content,.success-content{background-color: #ffffff;width:100%;}
.fail-content .pic,.success-content .pic{width:100%;display:inline-block;background-color: #09b6f2;text-align: center;height:7rem;margin: 0 0 7rem 0;}
.fail-content img,.success-content img{width:10rem;height:10rem;margin-top:2rem;}

.content-info{ text-align: center; }
.content-info .time{line-height:2rem;}
.content-info .code{ text-align: center; color:#09b6f2;font-size:1.8rem;margin: 0 0 2rem 0;}
.content-info .message{width:100%; display: inline-block;color:#666666;font-size:1rem;}