html,body{
   width:100%;height:100%;position:relative;overflow:hidden;
}
.login-app{
    width:100%;height:100%;background-color:#FFFFFF;background-image:url("../../imgs/login_bg.png");background-repeat:no-repeat;background-size:cover;overflow:hidden;
}
.login-app .login-header{
    width:100%;z-index:9999;position:fixed;top:0;left:0;right:0;height:100px;background:#FFFFFF;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.login-app .login-header .logo{
    width:200px;float:left;height:76px;margin-top:12px;
}



.login-root{
    position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);display:flex;justify-content:center;width:100%;
}
.login-root .login-main{
    position:relative;display:block;
}
.login-root .login-main .lbg{
    z-index:90;position:absolute;bottom:0;width:568px;height:568px;left:-400px;background:url('../../imgs/login_left.png');background-size:cover;background-repeat:no-repeat;opacity:0.4;
}
.login-root .login-main .rbg{
    z-index:90;position:absolute;bottom:0;width:320px;height:320px;right:-200px;top:-60px;background:url('../../imgs/login_right.png');background-size:cover;background-repeat:no-repeat;opacity:0.4;
}
.login-root .login-main .login-container{
    margin:0 auto;position:relative;width:940px;height:520px;border-radius:4px;box-shadow:6px 6px 12px 4px #0000001a;overflow:hidden;z-index:99;
}
.login-root .login-main .login-container .login-side{
    padding:40px 20px 20px;background:#00a9ff;flex:1;height:100%;width:520px;box-sizing:border-box;float:left;
}
.login-root .login-main .login-container .login-side .login-bg-title{
    flex:1;height:100%;color:#FFFFFF;background-image:url("../../imgs/login-slide.png");background-repeat:no-repeat;background-size:cover;
}
.login-root .login-main .login-container .login-side .login-bg-title h1{
    font-size:26px;text-align:center;letter-spacing:2px;
}
.login-root .login-main .login-container .login-side .login-bg-title h3{
    padding-top:20px;line-height: 30px;font-size: 16px;color:#f5f5f5;text-align:center;letter-spacing:1px;
}
.login-root .login-main .login-container .login-form{
    padding:40px 50px;width:420px;box-sizing:border-box;float:left;background:#FFFFFF;
}
.login-root .login-main .login-container .login-form .title{
    width:100%;position:relative;
}
.login-root .login-main .login-container .login-form .title h1{
    letter-spacing:2px;font-size:24px;
}
.login-root .login-main .login-container .login-form .title a{
    position:absolute;right:0;top:0;padding:5px 10px;border:1px solid #cdcdcd;border-radius:3px;
}

/**************** 登录表单样式css **************/
.login-root .login-main .login-container .login-form .forms{
    padding:60px 0 20px 0;
}
.login-root .login-main .login-container .login-form .forms .row{
    margin-bottom:30px;height:50px;background:#faf9f9;width:100%;position:relative;border:1px solid #d0d0d0;
    box-sizing: border-box;border-radius:3px;
}
.login-root .login-main .login-container .login-form .forms .row .iconfont{
    float: left;width:48px;height:48px;line-height:46px;margin:1px;text-align: center;font-size:20px;color:#999999;
}
.login-root .login-main .login-container .login-form .forms .row .inputs{
    color:#666;font-size:15px;width:220px;float:left;padding:8px 0;
}
.login-root .login-main .login-container .login-form .forms .row .inputs input{
    letter-spacing:2px;height:30px;width:100%;background-color:#faf9f9;border:none;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.login-root .login-main .login-container .login-form .forms .row .inputs input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}
.login-root .login-main .login-container .login-form .forms .forget{
    font-size: 14px;color: #6a6a6a;padding-bottom:50px;line-height: 20px;padding-top:15px;
}
.login-root .login-main .login-container .login-form .forms .forget a {
    float: right;color: #6a6a6a;
}
.login-root .login-main .login-container .login-form .forms .forget a:hover{
    color:#00a9ff;
}
.login-root .login-main .login-container .login-form .forms a.opbtn{
    font-size:16px;margin-bottom:50px;width: 100%;height:50px;background-color: #00a9ff;border:1px solid #00a9ff;display: inline-block;text-align: center;line-height:50px;color: #fff;border-radius:5px;
}
.login-root .login-main .login-container .login-form .infos{
    font-size: 14px;text-align: center;width: 100%;letter-spacing:2px;
}
.login-root .login-main .login-container .login-form .infos a{
    padding-left:5px;color: #00a9ff;
}


/*************** 注册页面 ************/
.register{width:100%;}
.register .smscode .inputs{
    width:150px !important;
}
.register .smscode .smsbtn{
    width: 118px;text-align: center;display: inline-block;float: right;height: 48px;line-height: 48px;color: #00a9ff;letter-spacing:1px;cursor: pointer;
}
.register .smscode .disbtn{
    color:#999999;
}
.register .opbtn{
    margin-bottom:22px !important;
}


/****************** 找回密码 ***************/
.findpwd{
    width:600px;margin:0 auto;overflow:hidden;z-index:99;
}
.findpwd .logo{
    text-align:center;margin-bottom:40px;
}
.findpwd .logo .img{
    margin-right:10px;
}
.findpwd .logo .tit{
    border-left: 1px solid #dddddd;display: inline-block;padding-left: 10px;font-size: 22px;letter-spacing: 2px;color: #666666;height: 44px;line-height: 44px;
}
.findpwdForm{
    margin:0 auto;width:380px;background:#FFFFFF;border-radius:4px;box-shadow:6px 6px 12px 4px #0000001a;min-height:350px;padding:20px;
}
.findpwdForm .info{
    font-size:15px;color: #ed4d15;letter-spacing: 2px;
}
.findpwdForm .forms{
    width:100%;margin-top:25px;
}
.findpwdForm .forms .row{
    margin-bottom:30px;height:50px;background:#faf9f9;width:100%;position:relative;border:1px solid #d0d0d0;
    box-sizing: border-box;border-radius:3px;
}
.findpwdForm .forms .row .iconfont{
    float: left;width:48px;height:48px;line-height:46px;margin:1px;text-align: center;font-size:20px;color:#999999;
}
.findpwdForm .forms .row .inputs{
    color:#666;font-size:15px;width:220px;float:left;padding:8px 0;
}
.findpwdForm .forms .row .inputs input{
    letter-spacing:2px;height:30px;width:100%;background-color:#faf9f9;border:none;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.findpwdForm .forms .row .inputs input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}
.findpwdForm .forms .smscode .inputs{
    width:150px !important;
}
.findpwdForm .forms .smscode .smsbtn{
    width: 118px;text-align: center;display: inline-block;float: right;height: 48px;line-height: 48px;color: #00a9ff;letter-spacing:1px;cursor: pointer;
}
.findpwdForm .forms .smscode .disbtn{
    color:#999999;
}
.findpwdForm .forms a.opbtn{
    font-size:16px;margin-bottom:30px;width: 100%;height:50px;background-color: #00a9ff;border:1px solid #00a9ff;display: inline-block;text-align: center;line-height:50px;color: #fff;border-radius:5px;letter-spacing:2px;
}