body{
    padding: .88rem 0 0 !important;
}
.login-wrapper{
    width: 6.96rem;
    height: calc(100vh - 1.38rem);
    margin: .24rem auto 0;
    background:rgba(255,255,255,1);
    border-radius:.1rem;
    box-shadow: 0px 0px 0.2rem 0px rgba(109,119,153,0.14);
    padding: .37rem .41rem;
}
.login-wrapper .title{
    font-size:.38rem;
    font-weight:600;
    color:rgba(29,40,67,1);
    text-align: center;
}

.login-wrapper .content{
    margin-top: .53rem;
}
.login-wrapper .content .ipt-list{
    width: 100%;
    height: 1.16rem;
}
.login-wrapper .content .ipt-list input{
    width:100%;
    height:.8rem;
    background:rgba(255,255,255,1);
    border:1px solid rgba(82,163,255,1);
    border-radius:5px;
    padding-left: 1.05rem;
}
.login-wrapper .content .ipt-list hr{
    position: absolute;
    width:1px;
    height:.3rem;
    top: .25rem;
    left: .8rem;
    margin: 0;
    background-color: rgba(191,191,191,1);
    border: none;
}
.login-wrapper .content .ipt-list i{
    position: absolute;
    display: block;
    width: .4rem;
    height: .4rem;
    top: .2rem;
    left: .2rem;
    background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-login-gather.png);
    background-repeat: no-repeat;
    background-size: 2rem auto;
}
.login-wrapper .content .ipt-list .tips-error{
    font-size:.22rem;
    color:rgba(244,50,39,1);
    position: absolute;
    top: .81rem;
    left: 0rem;
    display: none   ;
}
.login-wrapper .content .ipt-list.identifying-code input{
    width: 4.13rem;
}
.login-wrapper .content .ipt-list.message-code input{
    width: 4.13rem;
}
.login-wrapper .content .ipt-list.message-code button{
    width:1.93rem;
    height:.8rem;
    background:rgba(9,109,221,1);
    border-radius:5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size:.28rem;
    color:rgba(255,255,255,1);
}
.login-wrapper .content .ipt-list.identifying-code img{
    width:1.93rem;
    height:.8rem;
    border-radius:5px;
    position: absolute;
    top: 0;
    right: 0;
    background:rgba(238,238,238,1);
}
.login-wrapper .content .ipt-list.phone-number i{
    background-position: .03rem -0rem;
}
.login-wrapper .content .ipt-list.password i{
    background-position: -1.6rem -.0rem;
}
.login-wrapper .content .ipt-list.reset-password i{
    background-position: -1.6rem -.0rem;
}

.login-wrapper .content .ipt-list.identifying-code i{
    background-position: center center;
    background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-identifying-code.png);
    background-size: .33rem .33rem;
}

.login-wrapper .content .ipt-list.message-code i{
    background-position: -1.6rem -.6rem;
}
.login-wrapper .content .ipt-list.password i.eye{
    background-size: 1.6rem auto;
    left: 5.52rem;
    background-position: -.8rem .05rem;
}
.login-wrapper .content .ipt-list.reset-password i.eye{
    background-size: 1.6rem auto;
    left: 5.52rem;
    background-position: -.8rem .05rem;
}
.login-wrapper .content .tips-remember{
    width: 100%;
    height: .34rem;
}
.login-wrapper .content .tips-remember input{
    width: 0;
    height: 0;
}
.login-wrapper .content .tips-remember i{
    display: inline-block;
    width:.34rem;
    height:.34rem;
    background:rgba(255,255,255,1);
    border:1px solid #096DDE;
}
.login-wrapper .content .tips-remember span{
    font-size:.28rem;
    color:#494949;
    margin-left: .12rem;
}
.login-wrapper .content .tips-remember-lable{
    cursor: pointer;
}
.login-wrapper .content .tips-remember a{
    font-size:.28rem;
    color:#096DDD;
}
.login-wrapper .content .tips-remember input:checked + i{
    background-repeat: no-repeat;
    background-size: .26rem auto;
    border: none;
    background-color: #096EDB;
    background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-login-gather.png);
    background-repeat: no-repeat;
    background-size: 2rem auto;
    background-position: -1rem -.63rem;
}
.login-wrapper  .content button.login-btn{
    width:100%;
    height:.73rem;
    background:rgba(9,109,222,1);
    border:1px solid rgba(9,109,221,1);
    border-radius:.05rem;
    font-size:.3rem;
    color:rgba(255,255,255,1);
    margin-top: .7rem;
}

.login-wrapper  .content .register-btn{
    font-size:.28rem;
    color:#494949;
    text-align: center;
    margin-top: .48rem;
}
.login-wrapper  .content .register-btn a{
    color: #096DDD;
}
.login-wrapper #demo {
    width: 100%;
    margin: 3rem auto;
    padding: 10px;
    border: 0px dashed #d5d4ff;
    border-radius: 10px;
    text-align: left;
}
#slider {
    margin: 0 auto .37rem;
    width: 100%;
    height: .8rem;
    position: relative;
    border-radius: 5px;
    background-color: #CAC9D0;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#slider_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(51, 97, 231,.5);
    z-index: 1;
}

#label {
    width:1.2rem;
    height:.79rem;
    background:rgba(255,255,255,1);
    border:1px solid rgba(51,97,231,1);
    border-radius:.1rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: move;
    box-sizing: border-box;
}
#label i{
    display: block;
    width: .4rem;
    height: .4rem;
    background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-login-gather.png);
    background-size: 2rem auto;
    background-position: -0rem -.6rem;
    background-repeat: no-repeat;
}

#labelTip {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: .28rem;
    color: rgba(50, 95, 231,.8);
    line-height: .79rem;
    text-align: center;
    z-index: 2;
    /*字体样式从左到右移动移画*/
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#3361E7),color-stop(.4,#3361E7),color-stop(.5,#fff),color-stop(.6,#3361E7),color-stop(1,#3361E7));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite;
    opacity: .5;
}

@keyframes slidetounlock {
    0% {
        background-position: -100px 0;
    }
    100% {
        background-position: 100px 0;
    }
}
.login-wrapper .bind-tips {
    font-size: .24rem;
    color: rgba(179,179,179,1);
    text-align: center;
    margin-top: .28rem;
}
.login-wrapper .content .qr-login{
    width:3.56rem;
    height:3.56rem;
    background:rgba(255,255,255,1);
    margin: .45rem auto;
    position: relative;
}
.login-wrapper .content .qr-login img{
    width:3.56rem;
    height:3.56rem;
}
.login-wrapper .content .qr-login p{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    /* display: none; */
}
.login-wrapper .content .qr-login span{
    position: absolute;
    display: block;
    width: 100%;
    font-size:.32rem;
    color:rgba(255,255,255,1);
    line-height:.52rem;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.login-wrapperr .content .tips-validity{
    margin-top: 20px;
}
.login-wrapper .content .tips-validity i{
    display: block;
    width: .3rem;
    height: .3rem;
    background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-login-gather.png);background-image: url(//static.3w.cn/static/m.3w.cn/images/icon-login-gather.png);
    background-repeat: no-repeat;
    background-size: 2rem auto;
    background-position: -.5rem -.67rem;
    margin-right: .08rem;
}
.login-wrapper .content .tips-validity p{
    font-size:.28rem;
    color:#494949;

}
.login-wrapper .content .tips-validity span{
    color: #E26548;
}
.login-wrapper .content .qr-tips{
    width: 4.88rem;
    font-size:.2rem;
    color:rgba(179,179,179,1);
    margin: .42rem auto 0;
}
.bind-wx-tips {
    font-size: .28rem;
    color: rgba(73,73,73,1);
    text-align: center;
    margin-top: .28rem;
}
.bind-wx-tips i{
    display: block;
    width:.84rem;
    height:2px;
    border-bottom:1px solid rgba(137,135,153,1);
}
.login-wrapper .nav{
    margin-top: .65rem;
    padding: 0 .3rem;
}
.login-wrapper .nav li{
    font-size:.28rem;
    color:rgba(137,135,154,1);
    position: relative;
}
.login-wrapper .nav li.active{
    font-weight:500;
    color:rgba(29,39,67,1);
}
.login-wrapper .nav li.active::before{
    content: '';
    display: block;
    width:100%;
    height:.06rem;
    background:rgba(51,97,231,1);
    left: 0;
    bottom: -0.08rem;
    position: absolute;
}
.agreement-popup{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.agreement{
    width:6.3rem;
    height:9.3rem;
    background:rgba(255,255,255,1);
    border-radius:.1rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: .5rem .44rem .69rem;
}
.agreement .title{
    font-size:.28rem;
    font-weight:bold;
    color:rgba(73,73,73,1);
    text-align: center;
}
.agreement .content{
    margin-top: .5rem;
    height: 6.02rem;
    overflow-y:auto;
    max-height:342px;
    padding: 0 .1rem;
}
.agreement content::-webkit-scrollbar {
    width: 3px;
  }
.agreement content::-webkit-scrollbar-track {
    background-color:#B8B8B8;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.agreement content::-webkit-scrollbar-thumb {
    background-color: #686868;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.agreement .content .subtit p{
    font-size:.24rem;
    color:rgba(73,73,73,1);
    text-indent: .4rem;
}
.agreement .content .subtit p span{
    font-weight: Bold;
    line-height: .3rem;
}
.agreement .content li p{
    font-size:.24rem;
    color:rgba(73,73,73,1);
    font-weight: Bold;
    margin: .1rem 0;
}
.agreement .content li span{
    display: block;
    font-size:.24rem;
    color:rgba(73,73,73,1);
    text-indent: .4rem;
    line-height: .3rem;
}
.agreement .tool-btn{
    width: 100%;
    margin-top: .63rem;
}
.agreement .tool-btn .agree-btn{
    width:2.28rem;
    height:.69rem;
    background:rgba(9,109,222,1);
    border-radius:.05rem;
    font-size:.3rem;
    color:rgba(245,245,245,1);
}
.agreement .tool-btn .disagree-btn{
    width:2.28rem;
    height:.69rem;
    background:rgba(255,255,255,1);
    border:1px solid rgba(9,109,222,1);
    border-radius:.05rem;
    font-size:.3rem;
    color:rgba(9,109,222,1);
   
}
.skip-btn {
    position: absolute;
    right: .3rem;
    top: .3rem;
    font-size: .26rem;
    font-weight: 500;
    color: rgba(51,97,231,1);
}

.SkipBindBtn{
    width: 5.58rem;
    height: .8rem;
    background: #3361E7;
    border: 1px solid #096DDD;
    border-radius: .1rem;
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .8rem;
    text-align: center;
    margin: .34rem auto 0;
}
.SkipBindTips{
    font-size: .28rem;
    color: #1D2843;
    text-align: center;
    margin-top: .24rem;
}
.SkipBindTips span{
    font-weight: 600;
}