.mainbox{background-image:url(../newimg/loginbg.png);background-size:cover;flex-direction:column;justify-content:space-around;width:100%;height:100%;display:flex}.mainbox .toplogo{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:1rem;display:flex}.mainbox .toplogo img{width:3.5rem}.mainbox .main-content{background-color:#ffffff80;border:2px solid #fff;border-radius:.3rem;flex-direction:column;flex-grow:10;flex-shrink:0;display:flex}.main-content .reg-bg{text-align:center}.main-content .reg-bg img{width:3.5rem}.main-content .input-box{box-sizing:border-box;background-color:#dfe6f0;border:1px solid #fff;border-radius:100px;align-items:center;height:.8rem;margin:.3rem .5rem 0;padding:0 .3rem;display:flex}.main-content .input-box .left-icon{flex-grow:0;flex-shrink:0;width:.7rem}.main-content .input-box .left-icon img{width:.4rem}.main-content .input-box .right-input{flex-grow:10;flex-shrink:0}.main-content .input-box .right-input input{background:0 0;border:0;width:100%;height:.5rem;font-size:.3rem}.main-content .toreg{margin:.2rem .5rem 0;position:relative}.main-content .toreg span{color:#fff;font-size:.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-content .toreg img{width:100%}.main-content .remember{box-sizing:border-box;justify-content:flex-end;align-items:center;margin-top:.1rem;padding-right:.5rem;font-size:.24rem;display:flex}.main-content .remember #reck{background-image:url(../newimg/loginunchecked.png);background-position:0 0;background-size:100%;width:.3rem;height:.3rem;display:block}.main-content .remember #reck.check{background-image:url(../newimg/loginchecked.png);background-position:0 0;background-size:100%}.mainbox .reg-way{z-index:1;justify-content:space-around;height:1rem;margin-top:.3rem;display:flex}.reg-way img{width:1.3rem}.mainbox .btn-bg{flex-grow:0;flex-shrink:0}.mainbox .btn-bg img{width:100%}