$blue-theme:(basic-color:#409eff,//select框 select-bg-color:#ecf5ff,border-color:#b3d8ff,//边框颜色,按钮颜色 button-border-color:#c6e2ff,white-color:#fff,);$orange-theme:(basic-color:#ff7008,//select框 select-bg-color:#fff1e6,border-color:#ffc69c,button-border-color:#ffd4b5,white-color:#fff,);$themes:(blue-theme:$blue-theme,orange-theme:$orange-theme);// 背景色 @mixin theme-background-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{background-color:map-get($map:$value,$key:basic-color)!important}}}// 颜色 @mixin theme-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{color:map-get($map:$value,$key:basic-color)}}}// 选择框颜色 @mixin theme-select-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{background-color:map-get($map:$value,$key:select-bg-color);color:map-get($map:$value,$key:basic-color)}}}// 边框颜色 @mixin theme-border-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{border-color:map-get($map:$value,$key:basic-color)}}}// 左边框颜色 @mixin theme-border-left-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{border-left:1px solid map-get($map:$value,$key:basic-color)}}}// 空按钮颜色 @mixin theme-plain-button-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{color:map-get($map:$value,$key:basic-color);border-color:map-get($map:$value,$key:border-color)}}}// 实按钮颜色 @mixin theme-button-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{background-color:map-get($map:$value,$key:basic-color);border-color:map-get($map:$value,$key:basic-color)}}}// 没有type，基础按钮颜色 @mixin theme-basic-button-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{color:map-get($map:$value,$key:basic-color);border-color:map-get($map:$value,$key:button-border-color);background-color:map-get($map:$value,$key:select-bg-color)}}}// 切换按钮颜色 @mixin theme-radio-button-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{background-color:map-get($map:$value,$key:basic-color);border-color:map-get($map:$value,$key:basic-color);box-shadow:-1px 0 0 0 map-get($map:$value,$key:basic-color)}}}// 加载loading颜色 @mixin theme-loading-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{stroke:map-get($map:$value,$key:basic-color)}}}// 日期选择颜色 @mixin date-select-color{@each $colorName,
  $value in $themes{[data-theme="#{$colorName}"] &{background-color:map-get($map:$value,$key:basic-color)!important;color:map-get($map:$value,$key:white-color)!important}}}.login-container{text-align:center;height:100vh;display:flex;align-items:center;justify-content:space-between;background:#fff}.bg-container{width:60%;height:100vh;flex:auto;background-image:url(../../static/img/login-bg.11608747.png);background-repeat:no-repeat;background-size:cover;position:relative}.bg-ctx{width:100%;background:#232b3c;opacity:.8;height:100vh}.logo-ctx{position:absolute;top:5%;left:5%;height:80px;display:inline-flex;align-items:center;justify-content:space-between}.logo-ctx .logo-image{height:55px;width:auto;margin-right:15px}.logo-ctx .logo-title-image{height:38px}.welcome-ctx{position:absolute;top:68%;left:10%;color:#fff}.welcome-ctx .txt{width:220px;font-weight:400;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.welcome-ctx h2{font-size:48px}.welcome-ctx h3{font-size:20px}.welcome-ctx .line{height:4px;width:115px;margin-top:5px;background:#f67736}.form-ctx{width:40%;height:100vh;flex:auto;position:relative}.login-form{width:42%;min-width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-8%}.login-form .reset-form{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);margin-bottom:0}.login-form .el-form-item{margin-bottom:30px}.login-form .title-item{margin-bottom:35%}.login-form .title{font-size:32px;color:#ff7008;font-weight:400}.login-form .el-input .el-input__inner{border-top:none;border-left:none;border-right:none;border-radius:0;padding-left:40px}.login-form .el-input .el-input__icon{color:#ff7008;font-size:18px}.login-form .el-input .el-input-group__append{background:transparent;border-top:none;border-right:none}.login-form .el-input .sms-btn{color:#ff7008}.login-btn{width:80%;height:48px;line-height:48px;border-radius:12px;padding:0}.login-btn span{font-size:18px}.footer-info{position:absolute;bottom:5px;right:5%}.footer-info .el-link--inner{font-size:12px}.login-tabs .el-tabs__nav{width:100%}.login-tabs .el-tabs__active-bar{display:none}.login-tabs .el-tabs__nav-wrap:after{height:0}.login-tabs .el-tabs__item{width:50%;font-size:22px;color:#999;height:30px;line-height:30px}.login-tabs .el-tabs__item.is-active{@include theme-color()}.login-tabs .el-tabs__item:nth-child(3){border-left:2px solid #999}