.mainbox{display: flex;flex-direction: column;justify-content: space-around;background-image: url("../newimg/loginbg.png");background-size:cover;width: 100%;height: 100% }
.mainbox .toplogo{flex-grow: 0;flex-shrink: 0;margin-top: 1rem;display: flex;align-items: center;justify-content: center}
.mainbox .toplogo img{width: 3.5rem}
.mainbox .main-content{flex-grow: 10;flex-shrink: 0;background-color: rgba(255,255,255,0.5);border-radius: 0.3rem;
    border: 2px solid #FFFFFF;display: flex;flex-direction: column;}
.main-content .reg-bg{text-align: center}
.main-content .reg-bg img{width: 3.5rem}
.main-content .input-box{display: flex;border: 1px solid #FFFFFF;margin: 0px 0.5rem;background-color:#DFE6F0;border-radius: 100px;height: 0.8rem;margin-top: 0.3rem;align-items: center;padding: 0rem 0.3rem;box-sizing: border-box}
.main-content .input-box .left-icon{width: 0.7rem;flex-grow: 0;flex-shrink: 0}
.main-content .input-box .left-icon img{width: 0.4rem}
.main-content .input-box .right-input{flex-grow: 10;flex-shrink: 0;}
.main-content .input-box .right-input input{width: 100%;border: 0 none;height: 0.5rem;background: none;font-size: 0.3rem}
.main-content .toreg{margin: 0rem 0.5rem;position: relative; margin-top: 0.2rem}
.main-content .toreg span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 0.3rem;color: white;}
.main-content .toreg img{width: 100%;}
.main-content .remember{display: flex;justify-content:flex-end;align-items: center;padding-right: 0.5rem;box-sizing: border-box;font-size: 0.24rem;margin-top: 0.1rem}
.main-content .remember #reck{width: 0.3rem;height:0.3rem;display: block;background-image: url("../newimg/loginunchecked.png");background-size: 100%;background-position: left top;}
.main-content .remember #reck.check{background-image: url("../newimg/loginchecked.png");background-size: 100%;background-position: left top;}

.mainbox .reg-way{height: 1rem;display: flex;justify-content:space-around;z-index: 1;margin-top: 0.3rem}
.reg-way img{width: 1.3rem;}
.mainbox .btn-bg{flex-grow: 0;flex-shrink: 0;}
.mainbox .btn-bg img{width: 100%}