{"remainingRequest":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\Login.vue?vue&type=style&index=0&id=31e640e9&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\Login.vue","mtime":1701745912060},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n$text-color: #6699ff;\r\n.login-card__container {\r\n  width: 100%;\r\n  height: 97%;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  margin: 0 auto;\r\n}\r\n.login-card {\r\n  border: 0;\r\n  border-radius: 20px;\r\n  background: transparent;\r\n  box-shadow: 0px 0px 20px 0px rgba(197, 243, 255, 0.4);\r\n}\r\n.login-div {\r\n  width: 560px;\r\n  max-width: 700px;\r\n  height: 74vh;\r\n  background: rgba(0, 17, 51, 0.3);\r\n  border-radius: 20px;\r\n  opacity: 1;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n}\r\n.login-type {\r\n  width: 100px;\r\n  height: 100px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  .login-png {\r\n    width: 100px;\r\n    height: 100px;\r\n    cursor: pointer;\r\n  }\r\n  // ::after {\r\n  //     position: absolute;\r\n  //     content: \"\";\r\n  //     left: 0;\r\n  //     top: 0;\r\n  //     border-bottom: 100px solid #fff;\r\n  //     border-right: 100px solid transparent;\r\n  // }\r\n}\r\n.login-content1 {\r\n  height: 530px;\r\n  width: 400px;\r\n  padding: 50px 0;\r\n}\r\n.login-content2 {\r\n  height: 530px;\r\n  width: 400px;\r\n  padding: 50px 0;\r\n}\r\n.sys-logo {\r\n  width: 100%;\r\n  height: 76px;\r\n  text-align: center;\r\n  margin-top: 40px;\r\n  img {\r\n    height: 100%;\r\n    width: auto;\r\n  }\r\n}\r\n.login-type-content {\r\n  margin-bottom: 30px;\r\n  .type-item {\r\n    font-size: 18px;\r\n    color: #99a1b1;\r\n    font-weight: bold;\r\n    letter-spacing: 2px;\r\n    padding: 4px 8px;\r\n    cursor: pointer;\r\n  }\r\n  .type-item.active {\r\n    color: #6699ff;\r\n    border-bottom: 2px solid #6699ff;\r\n  }\r\n}\r\n/**自动填充为透明背景色 */\r\n/deep/ .el-input__inner {\r\n  background-color: transparent !important;\r\n  border-color: $text-color;\r\n  color: $text-color;\r\n}\r\n/deep/ .el-input__inner:-internal-autofill-previewed,\r\n/deep/ .el-input__inner:-internal-autofill-selected {\r\n  -webkit-text-fill-color: #6699ff !important;\r\n  transition: background-color 5000s ease-in-out 0s !important;\r\n}\r\n/deep/ .el-checkbox__input .el-checkbox__inner {\r\n  background: rgba(#000000, 0) !important; /* 透明 */\r\n  border: 1px solid #6699ff;\r\n}\r\n/deep/ .el-checkbox__label {\r\n  color: #fff;\r\n  font-size: 14px;\r\n}\r\n/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {\r\n  background-color: $text-color;\r\n  border-color: $text-color;\r\n}\r\n/deep/ .el-checkbox__input.is-checked + .el-checkbox__label {\r\n  color: $text-color;\r\n}\r\n/deep/ .el-input-group__append {\r\n  background-color: transparent !important;\r\n  border: 1px solid #6699ff;\r\n  border-left: 0;\r\n  span {\r\n    color: #c0c4cc;\r\n  }\r\n}\r\n.rember-pwd {\r\n  margin-bottom: 0 !important;\r\n  /deep/ .el-form-item__content {\r\n    height: 20px;\r\n    line-height: 0 !important;\r\n  }\r\n}\r\n.message-tips {\r\n  display: inline-block;\r\n  height: 20px;\r\n  color: #fff;\r\n  .el-icon-circle-check {\r\n    font-size: 14px;\r\n    color: #10ef10;\r\n  }\r\n}\r\n.message-tips.hidden {\r\n  opacity: 0;\r\n}\r\n.password-tips {\r\n  text-align: center;\r\n  color: #c0c4cc;\r\n}\r\n.welcome-title {\r\n  min-height: 20px;\r\n  margin-top: 20px;\r\n  font-size: 30px;\r\n  margin-bottom: 50px;\r\n  color: #fff;\r\n  letter-spacing: 2px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  font-family: Roboto, Microsoft YaHei, Sans-serif;\r\n}\r\n.login-card /deep/ .el-alert__content {\r\n  padding: 5px;\r\n}\r\n.btns >>> .el-form-item__content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n#login-btn {\r\n  // width: 220PX;\r\n  width: 100%;\r\n  border: 1px solid #6699ff;\r\n  background-color: #6699ff;\r\n}\r\n.transition-box {\r\n  width: 100%;\r\n  height: calc(100% - 120px);\r\n  margin-top: 80px;\r\n}\r\n#qr_login {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.change-qr {\r\n  width: 200px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  div {\r\n    width: 60px;\r\n    color: #fff;\r\n    text-align: center;\r\n  }\r\n  img {\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    margin-bottom: 4px;\r\n  }\r\n  img.active {\r\n    border-radius: 20px;\r\n    transform: scale(1.08);\r\n  }\r\n  img.qywx.active {\r\n    background-color: #fff;\r\n    box-shadow: 0 0 8px 2px #d1d1d1;\r\n  }\r\n  img.wx.active {\r\n    background-color: #00c800;\r\n    box-shadow: 0 0 8px 2px #00c800;\r\n  }\r\n  img.dd.active {\r\n    background-color: #3296fa;\r\n    box-shadow: 0 0 8px 2px #3296fa;\r\n  }\r\n  img.zfb.active {\r\n    background-color: #06b4fd;\r\n    box-shadow: 0 0 8px 2px #06b4fd;\r\n  }\r\n}\r\n/deep/ .el-card__body {\r\n  padding: 20px;\r\n  padding: 0 !important;\r\n}\r\n.login-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url('../assets/img/login/bg-login.png') center / 100% 100%\r\n    no-repeat;\r\n  position: relative;\r\n}\r\n.login-illustration_container {\r\n  width: 1210px;\r\n  height: 720px;\r\n  border-radius: 0px 0px 0px 0px;\r\n  opacity: 1;\r\n  // background: url('~@/assets/img/login-illustration.png') no-repeat center / 100%;\r\n}\r\n.login-illustration {\r\n  width: 1025px;\r\n  height: 420px;\r\n  margin-top: 162px;\r\n  margin-left: 100px;\r\n  display: flex;\r\n  // background: url('~@/assets/img/login-illustration.png') no-repeat center / 100%;\r\n}\r\n.login-illustration-icon-1 {\r\n  width: 268px;\r\n  height: 100%;\r\n  z-index: 99;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 25px;\r\n  img {\r\n    width: 140px;\r\n    height: 140px;\r\n  }\r\n}\r\n.login-illustration-icon {\r\n  width: 420px;\r\n  height: 100%;\r\n  z-index: 99;\r\n  img {\r\n    width: 420px;\r\n    height: 100%;\r\n  }\r\n}\r\n.login-illustration-icon-2 {\r\n  width: 337px;\r\n  height: 100%;\r\n  z-index: 99;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 25px;\r\n  img {\r\n    width: 140px;\r\n    height: 140px;\r\n  }\r\n}\r\n/deep/ .el-input--medium .el-input__inner {\r\n  height: 46px;\r\n  line-height: 46px;\r\n}\r\n/deep/ .el-button {\r\n  height: 46px;\r\n}\r\n.prefix-img {\r\n  width: 20px;\r\n  height: 20px;\r\n  vertical-align: middle;\r\n}\r\n/deep/ .el-input--prefix .el-input__inner {\r\n  padding-left: 40px;\r\n}\r\n/deep/ .el-input__prefix {\r\n  left: 12px;\r\n}\r\n.corporate-name {\r\n  width: 250px;\r\n  height: 19px;\r\n  font-size: 14px;\r\n  font-family: PingFang SC-Bold, PingFang SC;\r\n  font-weight: 400;\r\n  color: #6b747d;\r\n  line-height: 19px;\r\n  letter-spacing: 1px;\r\n  margin-left: 810px;\r\n}\r\n.icon1 {\r\n  animation: breath 3s linear infinite alternate;\r\n}\r\n.icon2 {\r\n  animation: breath 2.8s ease-in-out infinite alternate;\r\n}\r\n.icon3 {\r\n  animation: breath 3.2s ease-out infinite alternate;\r\n}\r\n@keyframes breath {\r\n  from {\r\n    transform: translateY(4%) scale(1);\r\n  }\r\n  to {\r\n    transform: translateY(-4%) scale(1.1);\r\n  }\r\n}\r\n",null]}