.wrapper .login-backgroup{background:url(../img/loginbackground.png) no-repeat;background-size:100% 100%;height:4.1rem;}
.wrapper .login-top{height:1.9rem;}
.wrapper .login-top .back .header_back{margin-top:0.41rem;margin-left:5%;color:#fff;height:0.3rem;width:0.3rem;background:url(../img/back.png) no-repeat;background-size:0.23rem 0.23rem;display:inline-table;}
.wrapper .login-top .title{font-size:0.4rem;color:#fff;margin-left:5%;margin-top:0.8rem;}
.wrapper .login-container{background:#fff;width:90%;margin:auto;margin-top:0.33rem;box-shadow:0px 0px 10px rgba(24,142,238,0.2);border-radius:15px;}
.wrapper .login-container input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{color:#cccccc;}
.wrapper .login-container .page{padding:5%;}
.wrapper .login-container .page #valiCode{position:absolute;right:0px;margin-top:-45px;}
.wrapper .login-container .page .checkcode{position:absolute;right:80px;top:10px;}
.wrapper .login-container .page .checkcode .error{height:30px;width:30px;display:block;background:url(../img/cuowu.png) no-repeat;background-size:100% 100%;}
.wrapper .login-container .page .checkcode .correct{height:30px;width:30px;display:block;background:url(../img/zhengque.png) no-repeat;background-size:100% 100%;}
.wrapper .login-container .page .usephonecode1btn{position:absolute;right:10%;border:0px;height:0.9rem;background:#fff;border-bottom:1px solid #cdcdc5;color:#188EEE;font-size:0.24rem;outline:none; }
.wrapper .login-container .page input[type=text]{width:100%;border:0px solid #fff;border-bottom:1px solid #cdcdc5;padding:10px;outline:none;outline-width:0;height:0.9rem;font-size:0.25rem;border-radius:0px;}
.wrapper .login-container .page input[type=password]{width:100%;border:0px solid #fff;border-bottom:1px solid #cdcdc5;padding:10px;outline:none;outline-width:0;height:0.9rem;font-size:0.25rem;border-radius:0px;}
.wrapper .login-container .page .btnLoginSign{border-radius:0.36rem;outline:none;border:0px solid #fff;margin-top:0.5rem;}
.wrapper .login-container .page .btn-home{border-radius:0.36rem;outline:none;border:1px solid #cdcdc5;margin-top:0.25rem;background:#fff;height:0.7rem;display:block;text-align:center;width:100%;font-size:0.28rem;line-height:0.7rem;color:#000;}
.wrapper .login-container .page .bottom{width:100%;line-height:0.7rem;text-align:center;}
.wrapper .login-container .page .bottom a{color:#000;font-size:0.2rem;}
.wrapper .login-container .page .bottom span{color:#000;padding:0 0.29rem;}
.wrapper .login-container .page .btnfooter a{width:0.54rem;margin:0 0.25rem;}
.wrapper .login-container .page .checkxy{height:0.3rem;line-height:0.3rem;margin-top:0.2rem;}
.wrapper .login-container .page .checkxy input{height:0.3rem;width:0.3rem;float:left;margin:0 0.125rem;}
.wrapper .login-container .page .checkxy label{float:left;font-size:0.24rem;}

.wrapper{height:100%;background:#000;}

.wrapper .user{background:url(../img/loginbackground.png) center center;height:3.5rem;}
.wrapper .user .back{text-align:center;height:0.8rem;line-height:0.8rem;}
.wrapper .user .back .header_back{margin-top:0.31rem;margin-left:5%;color:#fff;height:0.3rem;width:0.3rem;background:url(../img/back.png) no-repeat;background-size:0.23rem 0.23rem;display:inline-table;left:0;position:absolute;}
.wrapper .user .back .home{color:#fff;margin-right:5%;position:absolute;right:0;top:0;}
.wrapper .user .head{font-size:0.3rem;color:#fff;}
.wrapper .user .title{font-size:0.4rem;color:#fff;margin-left:5%;margin-top:0.63rem;}
.wrapper .user .title .userLogo{width:0.75rem;border-radius:50%;display:inline-block;}
.wrapper .user .title span{font-size:0.3rem;}
.wrapper .user ul{margin-top:0.25rem;}
.wrapper .user ul li{ background:#fff;width:90%;margin:auto;border-radius:0.13rem;margin-bottom:0.13rem;}
.wrapper .user ul li:last-child{margin-bottom:0.5rem;}
.wrapper .user ul li a{color:#000;display:block;}
.wrapper .user ul li dl dd{height:0.75rem;line-height:0.75rem;padding:0 0.2rem;border-bottom:1px solid #e8e8e8;}
.wrapper .user ul li dl dd .left{font-weight:bold;font-size:0.22rem;}
.wrapper .user ul li dl dd .right{color:#9c9c9c;font-size:0.2rem;background:url(../img/userright.png) right 50% no-repeat;float:right;padding-right:0.2rem;background-size:0.17rem;}
.wrapper .user ul li dl dd:last-child {border:0px solid #fff;}
.wrapper .user ul .userorder {padding:0.2rem;}
.wrapper .user ul .userorder .left{font-weight:bold;font-size:0.22rem;}
.wrapper .user ul .userorder .right{color:#9c9c9c;font-size:0.2rem;background:url(../img/userright.png) right 50% no-repeat;float:right;padding-right:0.2rem;background-size:0.17rem;}
.wrapper .user ul .userorder dl {height:1.15rem;margin-top:0.2rem;}
.wrapper .user ul .userorder dl dt{width:20%;float:left;height:0.75rem;text-align:center;font-size:0.2rem;}
.wrapper .user ul .userorder dl dt img{margin:auto;width:0.5rem;margin-bottom:0.2rem;}
.loginPage input:focus {
        outline: #fff none;
    }

    .loginPage .usephonecode {
        width: 70%;
    }

    .loginPage .usephonecodeimg {
    }

    .loginPage .usephonecode1btn {
        width: 30%;
        float: right;
        color: #fff;
        background: #188EEE;
    }

    .loginPage .code {
        width: 30%;
        float: right;
        margin-top: 0px;
    }

        .loginPage .code img {
            height: 42px !important;
            width: 100%;
        }

    .btnfooter {
        text-align: center;
        margin-top: 60px;
    }

        .btnfooter a {
            width: 80px;
            display: inline-block;
        }

        .btnfooter .none {
            display: none !important;
        }

    #loginTips {
        width: 200px;
        padding: .2rem .33rem;
        text-align: center;
        font-size: 14px;
        background: #323232;
        color: #fff;
        display: none;
        z-index: 99999;
        margin: auto;
        top: 50%;
        position: absolute;
        left: 25%;
    }