| | |
| | | .login-right-new { |
| | | position: absolute; |
| | | top: 222px; |
| | | right: 48px; |
| | | width: 604px; |
| | | position: relative; |
| | | width: 100%; |
| | | padding: 16px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | // height: 508px; |
| | | .login-title { |
| | | width: 705px; |
| | | height: 68px; |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | font-weight: 400; |
| | | font-size: 54px; |
| | | color: #ffffff; |
| | | line-height: 98px; |
| | | letter-spacing: 2px; |
| | | text-align: left; |
| | | } |
| | | .login-right-new .login-title { |
| | | font-size: 20px; |
| | | font-weight: 600; |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .user-login { |
| | | width: 96px; |
| | | height: 26px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 24px; |
| | | color: #e3edff; |
| | | line-height: 26px; |
| | | text-align: center; |
| | | margin-bottom: 40px; |
| | | } |
| | | .login-right-new .user-login { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .username { |
| | | width: 394px; |
| | | height: 72px; |
| | | } |
| | | .login-right-new .username, |
| | | .login-right-new .password { |
| | | width: 100%; |
| | | height: auto; |
| | | } |
| | | |
| | | .password { |
| | | width: 394px; |
| | | height: 72px; |
| | | } |
| | | .login-right-new .get-forget-password { |
| | | margin-top: 8px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .get-forget-password { |
| | | width: 400px; |
| | | height: 26px; |
| | | position: absolute; |
| | | margin-top: 24px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .login-right-new .forget-password-text { |
| | | cursor: pointer; |
| | | font-size: 14px; |
| | | color: #1677ff; |
| | | } |
| | | |
| | | .forget-password-text { |
| | | cursor: pointer; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | color: #ffffff; |
| | | line-height: 26px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .forgot-password { |
| | | position: absolute; |
| | | width: 64px; |
| | | height: 24px; |
| | | top: 289px; |
| | | right: 58px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | | color: #d1e0f9; |
| | | line-height: 19px; |
| | | } |
| | | |
| | | .login-click { |
| | | position: absolute; |
| | | bottom: 106px; |
| | | left: 44px; |
| | | width: 391px; |
| | | height: 61px; |
| | | background: url("../assets/images/login/login-btn.png") no-repeat center / 100% 100%; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 24px; |
| | | line-height: 50px; |
| | | text-align: center; |
| | | color: #fff; |
| | | } |
| | | .login-right-new .login-click { |
| | | width: 100%; |
| | | height: auto; |
| | | margin-top: 16px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .jw-user-login-page { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | width: 756px; |
| | | |
| | | .login-title { |
| | | width: 756px; |
| | | } |
| | | align-items: stretch; |
| | | width: 100%; |
| | | } |
| | | |
| | | .login-weaper { |
| | |
| | | .login-left, |
| | | .login-border { |
| | | position: relative; |
| | | min-height: 500px; |
| | | min-height: auto; |
| | | align-items: center; |
| | | display: flex; |
| | | } |
| | | |
| | | .login-left { |
| | | // padding-top: 100px; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | color: #fff; |
| | | float: left; |
| | | width: 50%; |
| | | position: relative; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .login-left .img { |
| | | width: 200px; |
| | | width: 120px; |
| | | } |
| | | |
| | | .login-time { |
| | | position: absolute; |
| | | left: 25px; |
| | | top: 25px; |
| | | margin: 12px 0; |
| | | width: 100%; |
| | | color: #fff; |
| | | font-weight: 200; |
| | | opacity: 0.9; |
| | | font-size: 18px; |
| | | overflow: hidden; |
| | | font-weight: bold; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .login-left .title { |
| | | margin-top: 60px; |
| | | margin-top: 12px; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-weight: 300; |
| | | letter-spacing: 2px; |
| | | font-size: 28px; |
| | | font-weight: bold; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .login-border { |
| | | border-left: none; |
| | | border-top-right-radius: 5px; |
| | | border-bottom-right-radius: 5px; |
| | | color: #fff; |
| | | width: 50%; |
| | | float: left; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .login-main { |
| | | margin: 0 auto; |
| | | padding: 30px 50px; |
| | | width: 70%; |
| | | //box-shadow: -4px 5px 10px rgba(255, 255, 255, 0.4); |
| | | padding: 16px; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .login-main > h3 { |
| | | margin-bottom: 20px; |
| | | margin-bottom: 12px; |
| | | } |
| | | |
| | | .login-title { |
| | | color: #000; |
| | | margin-bottom: 50px; |
| | | font-weight: bold; |
| | | font-size: 28px; |
| | | margin-bottom: 16px; |
| | | font-weight: 600; |
| | | font-size: 18px; |
| | | text-align: center; |
| | | letter-spacing: 4px; |
| | | } |
| | | |
| | | .login-menu { |
| | | margin-top: 40px; |
| | | margin-top: 16px; |
| | | width: 100%; |
| | | text-align: center; |
| | | } |
| | | |
| | | a { |
| | | color: #999; |
| | | font-size: 12px; |
| | | margin: 0px 8px; |
| | | } |
| | | .login-menu a { |
| | | font-size: 12px; |
| | | margin: 0 8px; |
| | | } |
| | | |
| | | .login-submit { |
| | | margin-top: 94px; |
| | | height: 60px; |
| | | margin-top: 16px; |
| | | height: auto; |
| | | } |
| | | |
| | | .register-submit { |
| | | width: 100%; |
| | | height: 45px; |
| | | font-size: 18px; |
| | | letter-spacing: 2px; |
| | | font-weight: 300; |
| | | height: auto; |
| | | font-size: 16px; |
| | | cursor: pointer; |
| | | margin-top: 30px; |
| | | margin-top: 12px; |
| | | margin-left: 0 !important; |
| | | transition: 0.25s; |
| | | } |
| | | |
| | | // .login-form { |
| | | // margin: 10px 0; |
| | | // i { |
| | | // color: #333; |
| | | // } |
| | | // .el-input { |
| | | // input { |
| | | // text-indent: 5px; |
| | | // } |
| | | // .el-input__wrapper { |
| | | // padding: 5px 10px; |
| | | // border-radius: 0; |
| | | // } |
| | | // .el-input__suffix, |
| | | // .el-input__prefix { |
| | | // display: flex; |
| | | // align-items: center; |
| | | // text-align: center; |
| | | // } |
| | | // .el-input__prefix { |
| | | // margin-left: 8px; |
| | | // } |
| | | // } |
| | | // } |
| | | .login-code { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | .el-input-group__append { |
| | | background-color: #fff; |
| | | } |
| | | } |
| | | |
| | | .login-code-box { |
| | |
| | | min-width: 100px; |
| | | padding: 0 5px; |
| | | height: 30px; |
| | | color: #333; |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | letter-spacing: 3px; |
| | | line-height: 38px; |
| | | text-indent: 5px; |
| | | font-size: 16px; |
| | | line-height: 30px; |
| | | text-align: center; |
| | | box-sizing: border-box; |
| | | } |