| 1 |
- .login-form{width:100%;height:100vh;overflow:hidden;background:url(../../static/img/login_bg.c8cb7c12.png) top no-repeat #233645;background-size:100% 65%;font-size:17px}.main{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-47.8%);transform:translateY(-47.8%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-item,.main{display:-webkit-box;display:-ms-flexbox;display:flex}.logo-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-item .logo{background:url(../../static/img/ck_logo2.3660a340.png) 0 no-repeat;background-size:contain;width:420px;height:90px;-webkit-transform:translateX(-15%);transform:translateX(-15%)}.logo-item .logo-person{background:url(../../static/img/login_person.99735ceb.png) 0 no-repeat;background-size:contain;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.login{width:400px;background:#fff;padding:20px 20px 30px 20px;border-radius:5px;position:relative}.login:before{top:0;left:0;width:100%;height:72.5%;-webkit-box-shadow:0 0 20px #bec9d2;box-shadow:0 0 20px #bec9d2}.login:after,.login:before{content:"";position:absolute;z-index:-1}.login:after{bottom:-20px;background:url(data:image/png;base64,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) 50% no-repeat;height:40px;width:105%;left:50%;background-size:contain;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.login .logo{background:url(../../static/img/ck_logo2.3660a340.png) 50% no-repeat;background-size:contain;width:420px;height:90px;position:absolute;top:-90px;left:50%;display:none}.login .title{text-align:center;color:#19aa8d;font-size:28px;margin-bottom:30px;height:40px}.login .static-text{font-size:14px;color:#979eb3;margin-bottom:5px}.el-input input{height:3em!important;line-height:3em!important;border-radius:5px!important;background:#dbe2ec!important;border:none!important;padding:0 10px!important;font-size:17px!important;color:#333!important}.el-input input::-webkit-input-placeholder{color:#575f6a}.pic-verify{height:3.25em;vertical-align:middle;cursor:pointer;position:absolute;right:3px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:5px!important}.login-btn{width:100%;border:none;color:#fff;padding:18px 0;margin-top:15px;border-radius:5px;font-size:17px;cursor:pointer;height:3em}.login-btn,.login-btn:hover{background:#19aa8d}@media screen and (max-width:1920px){.main{padding:0 20vw}}@media screen and (max-width:1450px){.main{padding:0 15vw}.logo-item{margin-right:2vw}}@media screen and (max-width:1200px){.login-form{background-size:150% 65%}.main{padding:0 2vw;-webkit-transform:translateY(-47.8%);transform:translateY(-47.8%)}}@media screen and (max-width:980px){.login-form{background-size:250% 65%}.main{padding:0 10vw}.main .logo-item{display:none}.main .login{min-width:320px;width:100%}.main .login .logo{left:-45px;background-size:80%;display:block}.main .el-input input{height:2.6em!important;line-height:2.6em!important}.main .pic-verify{height:2.6em}}@media screen and (min-height:1080px){.main{-webkit-transform:translateY(-40.8%);transform:translateY(-40.8%)}}@media screen and (max-height:800px){.main{-webkit-transform:translateY(-49.8%);transform:translateY(-49.8%)}}@media screen and (max-height:768px){.main{-webkit-transform:translateY(-51.5%);transform:translateY(-51.5%)}}
|
