html,body,#app{height:100%;margin:0;padding:0}body{position:static;font-size:12px}input::-webkit-input-placeholder{color:#a6aebf}input::-moz-placeholder{color:#a6aebf}input:-moz-placeholder{color:#a6aebf}input:-ms-input-placeholder{color:#a6aebf}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}.main-body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.login-main{width:1000px;height:500px;display:flex;justify-content:right;align-items:center}.login-main .login-box{width:400px;height:100%;background:#FFFFFF;box-shadow:2px 3px 16px 0px rgba(0,0,0,0.24);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-main .login-box .title{width:300px;margin-bottom:30px}.login-main .login-box .center{width:288px;margin:0 auto;padding-bottom:15px;position:relative}.login-main .login-box .center .item{width:288px;height:35px;border-bottom:1px solid #dae1e6;margin-bottom:35px}.login-main .login-box .center .item .validateImg{position:absolute;right:1px;cursor:pointer;height:36px;border:1px solid #e6e6e6}.login-main .login-box .center .item input{display:inline-block;width:227px;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0}.login-main .login-box .center .item .icon-1{background:url(../img/login/icon.png) no-repeat 1px 0}.login-main .login-box .center .item .icon-2{background:url(../img/login/icon.png) no-repeat -54px 0}.login-main .login-box .center .item .icon-3{background:url(../img/login/icon.png) no-repeat -106px 0}.login-main .login-box .center .item .icon-4{background:url(../img/login/icon.png) no-repeat 0 -43px;position:absolute;right:-10px;cursor:pointer}.login-main .login-box .center .item .icon-5{background:url(../img/login/icon.png) no-repeat -55px -43px}.login-main .login-box .center .item .icon-6{background:url(../img/login/icon.png) no-repeat 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer}.login-main .login-box .center .item .icon{display:inline-block;width:33px;height:22px}.login-main .login-box .tip{clear:both;height:16px;line-height:16px;width:288px;margin:0 auto}.login-main .login-box .tip .login-tip{font-family:'Microsoft YaHei';font-size:12px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#9abcda;cursor:pointer}.login-main .login-box .tip .forget-password{font-stretch:normal;letter-spacing:0;color:#1391ff;text-decoration:none;position:absolute;right:62px}.login-main .login-box .tip .icon-nocheck{display:inline-block;width:10px;height:10px;border-radius:2px;border:solid 1px #9abcda;position:relative;top:2px;margin:1px 8px 1px 1px;cursor:pointer}.login-main .login-box .tip .icon-check{margin:0 7px 0 0;width:14px;height:14px;border:none;background:url(../img/login/icon.png) no-repeat -111px -48px}.login-main .login-box .login-btn{width:288px;height:40px;border-radius:16px;margin:24px auto 0;text-align:center;line-height:40px;color:#FFF;font-size:14px;letter-spacing:0;cursor:pointer;border:none;background:#006EB3}@media screen and (max-width: 428px){.login-main{width:360px !important}.login-main .login-box{width:360px !important}}