1 line
6.7 KiB
CSS
1 line
6.7 KiB
CSS
.login-container{margin:0;padding:0;height:100%;overflow:auto;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.login-container,.login-container .login-header{width:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.login-container .login-header{height:70px;min-height:70px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 40px;font-size:16px;color:#ccc;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container .login-header .login-logo img{display:inline-block;width:100%;height:auto}.login-container .login-header .login-menu li{font-size:16px;padding:0;margin-left:40px;border-bottom:0}.login-container .login-weaper{width:100%;min-width:1000px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f4f6fa}.login-container .login-weaper .login-page-title{height:50px;font-size:28px;padding:30px 0 15px 250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container .login-weaper .login-page-title img{width:50px;height:50px;margin-right:10px}.login-container .login-weaper .login-wrapper-small{width:100%;background-image:-webkit-gradient(linear,left bottom,left top,from(#006dd9),color-stop(99%,#74b2ec));background-image:linear-gradient(0deg,#006dd9,#74b2ec 99%)}.login-container .login-weaper .login-wrapper-small .login-content{width:80%;min-height:40vw;margin:0 auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.login-container .login-weaper .login-wrapper-small .login-content .login-left{width:35vw;height:35vw;-ms-flex-negative:0;flex-shrink:0;position:relative}.login-container .login-weaper .login-wrapper-small .login-content .login-left .title{margin-bottom:40px;text-align:center;color:#37384c;font-size:32px;font-weight:700}.login-container .login-weaper .login-wrapper-small .login-content .login-left .img{position:absolute;bottom:0;width:100%;height:100%}.login-container .login-weaper .login-wrapper-small .login-content .login-border{width:calc(50% - 204px);min-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px;background-color:#fff;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-title{width:80%;margin:0 auto;color:#23a8ff;font-size:20px;text-align:start;font-weight:700}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form{padding:0 30px 0 30px;margin:0 auto}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item{height:60px;margin-bottom:0;color:#333}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content{width:100%;height:100%;font-size:14px;color:#333}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .el-input{height:100%;font-size:14px;position:relative;color:#333}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .el-input .el-input__inner{height:auto;position:absolute;bottom:20px;left:10px;right:0;line-height:normal;padding-bottom:10px;background:#fff;border-radius:0;font-size:14px;color:#333;font-weight:400;border:none;border-bottom:1px solid #ebedf2}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .el-form-item__error{font-size:12px}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .login-code{position:absolute;right:0;bottom:10px;height:30px}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .login-code img{width:auto;height:30px}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .el-form-item .el-form-item__content .login-code .msg-text{cursor:pointer;color:#5d9df8;font-size:14px}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .forget-pwd{margin-top:20px;text-align:right;width:80px;float:right}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .forget-pwd .el-button{font-size:14px;color:#5d9df8;padding:0}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .user-register{margin-top:20px;width:80px;float:left;text-align:left}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .user-register .el-button{font-size:14px;color:#5d9df8;padding:0}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .login-submit{width:100%;height:40px;background:#23a8ff;margin-top:30px;border-radius:8px;font-size:18px;letter-spacing:12px;color:#fff;cursor:pointer}.login-container .login-weaper .login-wrapper-small .login-content .login-border .login-form .register-submit{width:100%;height:50px;background:#5d9df8;margin-top:24px;border-radius:8px;font-size:18px;letter-spacing:12px;color:#fff;cursor:pointer}.login-container .login-footer{width:100%}.login-container input{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:inset 0 0 0 1000px #fff}.registerContainer{margin-top:-20px}.introduceWrapBox{margin:0 auto;width:1000px}.introduceWrapBox .introduceBox{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:40px;margin-bottom:20px}.introduceWrapBox .introduceBox h4{font-size:24px;color:#333}.introduceWrapBox .introduceBox p{font-size:18px;color:#666;letter-spacing:0;text-align:justify;line-height:36px;margin:0!important}.reg-bottom{margin:0 30px 0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:PingFangSC-Regular;font-size:14px;color:#999;letter-spacing:0;text-align:left;line-height:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.reg-bottom>div{padding-top:9px}.reg-bottom a{color:#5aa0fa} |