.login-container{position:absolute;top:0;left:0;width:100%;min-height:100%;background:#fff}.login-container .home-icon{width:2rem;position:absolute;top:.4rem;left:.3rem;font-size:.22rem;font-weight:700;font-family:monospace;letter-spacing:-.02rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.login-container .home-icon b{font-size:.38rem;color:#ea6947;line-height:.22rem;margin-left:.06rem}.login-container .home-icon label{float:left;font-size:.18rem;line-height:.08rem}.login-container .new-login{position:fixed;left:0;top:0;width:40%;height:100%;overflow:hidden;background-color:#f8f8f8}.login-container .new-login h2{font-size:.36rem;color:#130a32;line-height:100%;text-align:center;text-shadow:0 .01rem .01rem rgba(0,0,0,.2);margin:.2rem 0 .5rem;font-weight:400}.login-container .new-login-right{position:fixed;right:0;top:0;width:60%;height:auto;overflow:hidden;height:100%;background:red;padding-bottom:0;background:url("http://www.webfunny.cn/resource/bg.jpg") no-repeat;background-size:cover}.login-container .box{width:3.1rem;height:4.5rem;margin-left:auto;margin-right:auto;margin-top:2rem}.login-container .box .input-box{box-sizing:border-box;font-size:.16rem;color:#333;line-height:.16rem;width:100%;padding:.12rem .15rem;border:0;border-radius:.04rem;margin-bottom:.2rem;background-color:#fff;outline:none;border:.01rem solid #e1e2e4}.login-container .box .code-line{display:-ms-flexbox;display:flex}.login-container .box .code-input-box{width:1rem;margin-right:.1rem}.login-container .box .login-button{float:right;box-sizing:border-box;font-size:.18rem;color:#fff;line-height:.4rem;min-width:1.1rem;height:.4rem;border:0;border-radius:.04rem;padding:0 .15rem;outline:0;background-color:#fc5f3a;cursor:pointer}.login-container .box .forget-pwd{float:right;font-size:.16rem;color:#52556c;line-height:.4rem;margin-right:-.27rem}.login-container .box .signup-btn{float:left;box-sizing:border-box;font-size:.16rem;line-height:.4rem;color:#52556c;text-align:left;width:.9rem;height:.4rem;border-radius:.04rem;border:.01rem solid #f8f8f8}.login-container .box .signup-btn:hover{color:#fc5f3a}
.validate-code-box{width:1rem;height:.44rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0 .05rem;cursor:pointer}.validate-code-box span{display:block;text-align:center;font-size:.28rem;margin-left:.05rem}.validate-code-box span:first-child{color:#28c989;-ms-transform:rotate(25deg);transform:rotate(25deg)}.validate-code-box span:nth-child(2){color:#ea6947;-ms-transform:rotate(35deg);transform:rotate(35deg)}.validate-code-box span:nth-child(3){color:#3695ff;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.validate-code-box span:nth-child(4){color:#5d5cb6;-ms-transform:rotate(-15deg);transform:rotate(-15deg)}
