Files
wysite/output/sourcemaps/hc-pos.sqygj.cn/static/css/chunk-73a0f3fa.5e1949c2.css

636 lines
16 KiB
CSS

.code-btn[data-v-122c312d] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.code-btn .el-button[data-v-122c312d] {
margin-left: 15px;
}
.forget-info[data-v-122c312d] {
font-size: 12px;
color: #ff6b6b;
}
.forget-info .el-icon-info[data-v-122c312d] {
color: #e6a23c;
}
[data-v-122c312d] .el-input__inner {
-webkit-autofill: off !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: inset 0 0 0 1000px transparent !important;
}
[data-v-122c312d] .el-input__inner:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
-webkit-text-fill-color: inherit !important;
-webkit-transition: background-color 5000s ease-in-out 0s !important;
transition: background-color 5000s ease-in-out 0s !important;
}
.no-autofill-pwd[data-v-976a27a0] {
-webkit-text-security: disc !important;
}
.no-autofill-pwd .el-input__suffix[data-v-976a27a0] {
display: block !important;
}
.no-autofill-pwd .el-input__suffix-inner[data-v-976a27a0] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.code-btn[data-v-976a27a0] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.code-btn .el-button[data-v-976a27a0] {
margin-left: 15px;
}
.change-password-info[data-v-976a27a0] {
font-size: 12px;
color: #ff6b6b;
}
.change-password-info .el-icon-info[data-v-976a27a0] {
color: #e6a23c;
}
.password-input-row[data-v-976a27a0] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
[data-v-976a27a0] .el-input__inner {
-webkit-autofill: off !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: inset 0 0 0 1000px transparent !important;
}
[data-v-976a27a0] .el-input__inner:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
-webkit-text-fill-color: inherit !important;
-webkit-transition: background-color 5000s ease-in-out 0s !important;
transition: background-color 5000s ease-in-out 0s !important;
}
body,
html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#app,
body,
html {
overflow: hidden;
}
#app {
height: 100vh;
width: 100vw;
}
.btnWrap[data-v-51b6a756] {
text-align: center;
}
.roleDiv[data-v-51b6a756] {
padding-left: 100px;
font-size: 15px;
color: #a0a3a7;
}
.login-container[data-v-51b6a756] {
min-height: 100vh;
width: 100vw;
background: url(../../../sqy-oss-test.oss-cn-guangzhou.aliyuncs.com/test/HHHHHH.jpg);
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
height: 100vh;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.login-container .el-icon-warning[data-v-51b6a756]:before {
color: #e6a23c;
}
.login-container .el-dialog__header[data-v-51b6a756] {
border: 1px solid #ccc;
background-color: #f0f2f5;
font-size: 16px;
}
.login-container .el-form-item[data-v-51b6a756] {
background: none;
border-radius: 5px;
border: 1px solid #4e75c6;
}
.login-container .verifyContent[data-v-51b6a756] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login-container .verifyContent .el-form-item[data-v-51b6a756] {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.login-container .verifyContent button[data-v-51b6a756] {
border-radius: 5px;
background: none;
color: hsla(0, 0%, 100%, .65);
border: 1px solid #4e75c6;
margin-bottom: 22px;
height: 48px;
margin-left: 20px;
}
.login-container .set-language[data-v-51b6a756] {
position: absolute;
top: 10px;
font-size: 18px;
right: 20px;
cursor: pointer;
}
.login-container .set-language .el-dropdown[data-v-51b6a756] {
color: #2b2c2d;
}
.login-container .login-image-container[data-v-51b6a756] {
width: 50%;
height: 100%;
padding: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.login-container .login-image-container .login-image[data-v-51b6a756] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
border-radius: 0;
}
.login-container[data-v-51b6a756] .loginMain {
width: 560px;
padding: 80px;
background: rgba(12, 25, 57, .96);
-webkit-box-shadow: 0 0 20px rgba(67, 89, 139, .3);
box-shadow: 0 0 20px rgba(67, 89, 139, .3);
opacity: .96;
border-radius: 10px;
color: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10%;
}
.login-container[data-v-51b6a756] .loginMain .el-tabs__header {
margin-bottom: 30px;
}
.login-container .title-container[data-v-51b6a756] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.login-container .title-container img[data-v-51b6a756] {
width: 50px;
height: 50px;
margin-right: 20px;
}
.login-container .title-container .title[data-v-51b6a756] {
font-size: 32px;
font-weight: 400;
}
.login-container[data-v-51b6a756] .el-tabs__nav-wrap:after {
background: none;
}
.login-container .svg-container[data-v-51b6a756] {
text-align: center;
width: 30px;
display: inline-block;
}
.login-container .svg-container .svg-icon[data-v-51b6a756] {
width: 16px;
height: 16px;
}
.login-container .show-pwd[data-v-51b6a756] {
margin-right: 10px;
font-size: 16px;
cursor: pointer;
}
ul[data-v-51b6a756] {
list-style: none;
padding: 0;
}
.roleWrap[data-v-51b6a756] {
overflow: hidden;
}
.roleWrap .roleTree[data-v-51b6a756] {
height: 250px;
overflow-y: auto;
border: 1px solid #3a4154;
}
.roleWrap .roleTree > li[data-v-51b6a756] {
color: rgba(187, 207, 246, .65);
}
.roleWrap .roleTree > li > span[data-v-51b6a756] {
background: #414761;
color: rgba(187, 207, 246, .85);
font-weight: 700;
display: block;
width: 100%;
padding: 10px;
}
.roleWrap .roleTree .roleTreeChild > li[data-v-51b6a756] {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}
.roleWrap .checkColor[data-v-51b6a756] {
color: #409eff;
}
.loginBtn[data-v-51b6a756] {
background: #4e75c6;
opacity: 1;
border-radius: 4px;
width: 100%;
height: 48px;
border: 1px solid #4e75c6;
color: #fff;
font-size: 16px;
}
[data-v-51b6a756] .itemSet {
padding: 6px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[data-v-51b6a756] .itemSet .el-input__inner {
border: none !important;
background: none !important;
-webkit-text-fill-color: none !important;
}
[data-v-51b6a756] .itemSet .el-input__inner::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, .25);
font-size: 14px;
}
[data-v-51b6a756] .itemSet .el-input__inner::-moz-placeholder {
color: hsla(0, 0%, 100%, .25);
font-size: 14px;
}
[data-v-51b6a756] .itemSet .el-input__inner:-ms-input-placeholder {
color: hsla(0, 0%, 100%, .25);
font-size: 14px;
}
[data-v-51b6a756] .itemSet .el-input__inner::-ms-input-placeholder {
color: hsla(0, 0%, 100%, .25);
font-size: 14px;
}
[data-v-51b6a756] .itemSet .el-input__inner::placeholder {
color: hsla(0, 0%, 100%, .25);
font-size: 14px;
}
[data-v-51b6a756] .itemSet .el-input {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
[data-v-51b6a756] .itemSet .show-pwd {
display: inline-block;
margin-left: 15px;
color: #889aa4;
cursor: pointer;
}
[data-v-51b6a756] .loginTabs .el-tabs__item {
font-size: 20px;
text-align: center;
color: rgba(187, 207, 246, .45);
}
[data-v-51b6a756] .loginTabs .el-tabs__item.is-active {
color: #bbcff6;
}
[data-v-51b6a756] .loginTabs .el-tabs__active-bar {
background: #bbcff6;
}
[data-v-51b6a756] .r2Dialog .el-dialog__body {
padding-bottom: 10px;
}
.captcha-form-item[data-v-51b6a756] {
position: relative;
}
.captcha-container[data-v-51b6a756] {
position: absolute;
right: 0;
top: 0;
width: 140px;
height: 100%;
cursor: pointer;
border: 1px solid hsla(0, 0%, 100%, .1);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, .1);
}
.captcha-image[data-v-51b6a756] {
width: 100%;
height: 100%;
border-radius: 4px;
}
.captcha-placeholder[data-v-51b6a756] {
color: #889aa4;
font-size: 12px;
text-align: center;
}
.captcha-tip[data-v-51b6a756] {
position: absolute;
right: 0;
top: 40px;
color: #ff6b6b;
font-size: 11px;
white-space: nowrap;
}
.password-form-item .password-input-wrapper[data-v-51b6a756] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.password-form-item .password-tip-icon[data-v-51b6a756] {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #909399;
cursor: pointer;
}
.CopyRight[data-v-51b6a756] {
width: 100%;
text-align: center;
position: absolute;
bottom: 32px;
font-size: 18px;
color: #fff;
}
.roleDialog .el-dialog__header {
background-color: #f2f2f2;
}
.roleDialog .el-dialog__body {
padding-top: 10px;
padding-bottom: 10px;
}
.code-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.code-btn .el-input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.code-btn .el-button {
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 120px;
}
.change-password-dialog ::v-deep .el-input__inner {
-webkit-autofill: off !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: inset 0 0 0 1000px transparent !important;
}
.change-password-dialog ::v-deep .el-input__inner:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
-webkit-text-fill-color: inherit !important;
-webkit-transition: background-color 5000s ease-in-out 0s !important;
transition: background-color 5000s ease-in-out 0s !important;
}
.change-password-info {
margin-top: 15px;
padding: 10px;
background: #f0f9ff;
border: 1px solid #b3d8ff;
border-radius: 4px;
color: #1890ff;
font-size: 14px;
}
.change-password-info i {
margin-right: 5px;
}
.wechat-login-container {
text-align: center;
padding: 20px 0;
}
.wechat-login-container .qr-code-container {
margin-bottom: 20px;
}
.wechat-login-container .qr-code-container .qr-code-wrapper {
display: inline-block;
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.wechat-login-container .qr-code-container .qr-code-wrapper:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.wechat-login-container .qr-code-container .qr-code-wrapper:hover .qr-code-image {
-webkit-box-shadow: 0 4px 12px rgba(78, 117, 198, .3);
box-shadow: 0 4px 12px rgba(78, 117, 198, .3);
}
.wechat-login-container .qr-code-container .qr-code-wrapper:hover .qr-code-refresh-tip {
opacity: 1;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-image {
width: 200px;
height: 200px;
border: 1px solid hsla(0, 0%, 100%, .1);
border-radius: 8px;
background: #fff;
padding: 10px;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-tip {
margin-top: 10px;
color: rgba(187, 207, 246, .8);
font-size: 14px;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-countdown {
margin: 10px 0;
text-align: center;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-countdown .el-statistic .el-statistic__head {
color: rgba(187, 207, 246, .7);
font-size: 12px;
margin-bottom: 5px;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-countdown .el-statistic .el-statistic__content {
font-size: 18px;
font-weight: 700;
}
.wechat-login-container .qr-code-container .qr-code-wrapper .qr-code-refresh-tip {
margin-top: 5px;
color: rgba(78, 117, 198, .8);
font-size: 12px;
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.wechat-login-container .qr-code-container .qr-code-loading {
display: inline-block;
padding: 80px 40px;
color: rgba(187, 207, 246, .6);
}
.wechat-login-container .qr-code-container .qr-code-loading i {
font-size: 24px;
margin-bottom: 10px;
display: block;
}
.wechat-login-container .qr-code-container .qr-code-loading div {
font-size: 14px;
}
.wechat-login-container .qr-code-container .qr-code-expired {
display: inline-block;
padding: 60px 40px;
text-align: center;
color: rgba(187, 207, 246, .8);
}
.wechat-login-container .qr-code-container .qr-code-expired i {
font-size: 48px;
margin-bottom: 15px;
display: block;
color: #e6a23c;
}
.wechat-login-container .qr-code-container .qr-code-expired .qr-code-expired-tip {
font-size: 16px;
margin-bottom: 20px;
color: rgba(187, 207, 246, .9);
}
.wechat-login-container .qr-code-container .qr-code-expired .refresh-btn {
background: #4e75c6;
border-color: #4e75c6;
color: #fff;
font-size: 14px;
padding: 8px 20px;
border-radius: 4px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.wechat-login-container .qr-code-container .qr-code-expired .refresh-btn:hover {
background: rgba(78, 117, 198, .8);
border-color: rgba(78, 117, 198, .8);
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.wechat-login-container .wechat-login-tip {
color: rgba(187, 207, 246, .7);
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wechat-login-container .wechat-login-tip i {
margin-right: 8px;
font-size: 16px;
}
.wechat-bind-dialog .wechat-bind-info {
margin-top: 15px;
padding: 10px;
background: #f0f9ff;
border: 1px solid #b3d8ff;
border-radius: 4px;
color: #1890ff;
font-size: 14px;
}
.wechat-bind-dialog .wechat-bind-info i {
margin-right: 5px;
}
.wechat-bind-dialog ::v-deep .el-input__inner {
-webkit-autofill: off !important;
-webkit-text-fill-color: inherit !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
box-shadow: inset 0 0 0 1000px transparent !important;
}
.wechat-bind-dialog ::v-deep .el-input__inner:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
-webkit-text-fill-color: inherit !important;
-webkit-transition: background-color 5000s ease-in-out 0s !important;
transition: background-color 5000s ease-in-out 0s !important;
}