2 lines
4.9 KiB
CSS
2 lines
4.9 KiB
CSS
[data-v-a579499e]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399;--color-blue: #3385ff;--color-white: #FFFFFF;--color-black: #000000;--spacing-none: 0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}.layout_container[data-v-a579499e]{display:flex;flex-direction:column;align-items:center}.char[data-v-a579499e]{position:absolute;font-size:1.5rem;color:#fff;z-index:1}.correct[data-v-a579499e]{color:green;margin-left:.3125rem}.incorrect[data-v-a579499e]{color:red;margin-left:.3125rem}.image_container[data-v-a579499e]{border-radius:.9375rem;position:relative;width:100%;height:18.75rem;background-size:cover;margin:.625rem 0}:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399;--color-blue: #3385ff;--color-white: #FFFFFF;--color-black: #000000;--spacing-none: 0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}body{width:100vw}.layout_copyright{position:fixed;bottom:0;width:100%;text-align:center}.layout_text{text-decoration:none}.layout_login{display:flex;background:#d7dde9;width:100%;height:100vh}.layout_login .login_left{width:70%;height:100%;align-content:center}.layout_login .login_left .layout_left_bg{width:100%;height:80%}.layout_login .login_left .layout_left_bg .left_img{width:100%;height:100%}.layout_login .login_right{width:30%;height:100%;align-content:center;margin-left:1.25rem}.layout_login .login_right .login_card{width:80%;background:#64a8f3;border-radius:.5rem}.layout_login .login_right .login_card .login_card_title{padding-left:.625rem;width:100%;height:3.875rem;font-size:1.75rem;font-weight:800;font-style:normal;color:#fff;align-content:center}.layout_login .login_right .login_card .login_card_content{width:100%;height:100%;background:#fff;border-radius:.5rem;padding:1.25rem 1.875rem;position:relative}.layout_login .login_right .login_card .login_card_content .el-form{padding-top:1.25rem}.layout_login .login_right .login_card .login_card_content .el-tabs__item{font-size:1.125rem}.layout_login .login_right .login_card .login_card_content .el-input,.layout_login .login_right .login_card .login_card_content .el-button{height:2.5rem;font-size:1.125rem}.layout_login .login_right .login_card .login_card_content input:-webkit-autofill,.layout_login .login_right .login_card .login_card_content input:-webkit-autofill:hover,.layout_login .login_right .login_card .login_card_content input:-webkit-autofill:focus,.layout_login .login_right .login_card .login_card_content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s!important}.layout_login .login_right .login_card .login_card_content .code-input-container{display:flex;align-items:center}.layout_login .login_right .login_card .login_card_content .code-input-container .el-form-item__content{flex-wrap:nowrap}.layout_login .login_right .login_card .login_card_content .code-input-container .verification-code{margin-left:1.25rem}.layout_login .login_right .login_card .login_card_content .layout_code{position:absolute;top:0;right:0;width:3.4375rem;height:3.4375rem;padding:.3125rem;cursor:pointer}.layout_login .login_right .login_card .login_card_content .layout_code img{width:100%;height:100%}.layout_login .login_right .login_card .login_card_content .layout_code:hover img{opacity:.8}.layout_login .login_right .login_card .login_card_content .el-tabs__nav-wrap:after{position:static!important}.layout_login .login_right .login_card .login_card_content .layout_QRCode{text-align:center}.layout_login .login_right .login_card .login_card_content .layout_QRCode .layout_QRCode_title{font-weight:800;font-size:1.375rem;color:#0096ff;line-height:1.875rem;font-style:normal}.layout_login .login_right .login_card .login_card_content .layout_QRCode .layout_QRCode_img{padding:1.25rem 0 .875rem;width:16.25rem;height:16.25rem}.layout_login .login_right .login_card .login_card_content .layout_QRCode .layout_QRCode_text{font-weight:400;font-size:.875rem;color:#333;line-height:1.25rem;font-style:normal;padding-bottom:5rem}.layout_login .layout_text2{text-align:center;width:100%;font-size:1rem}.layout_login .layout_spacing1,.layout_login .layout_spacing2{padding-top:7.6875rem}@media screen and (max-width: 1120px){.layout_login.no-rem{width:1120px!important}}@media screen and (max-height: 600px){.layout_login.no-rem{height:600px!important}}
|