.bg {
  width:100%;
  height:100%;
  background: url("../images/login/login_20190219.jpg") no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
  
.form {
  overflow: hidden;
  top: calc(50vh - 180px);
  margin: auto;
  text-align: center;
  border: 2px solid #39469C;
  color: #F5F5F7;
  background: inherit;
  border-radius: 7px;
  height: 372px;
  width: 327px;
  background: inherit;
  position: relative;
}

.form >div {
  width:100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left:0;
  top:0;
  z-index: 11;
}

.form:after {
  content: "";
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  background: inherit;
  filter: blur(2px);/*为了模糊更明显，调高模糊度*/
  z-index: 2;
}

.form_opacity {
  background-color: #020525;
  opacity: 0.5;
}

.login_logo {
  margin-top: 30px;
}

.login_logo_bg {
  position: absolute;
  margin: auto;
  left: calc(50% - 375px);
  top: calc(50vh - 239px);
}


.div_circle1 {
  width: 100px !important;
  height: 100px !important;
  filter: blur(39px);
  left: 100px !important;
  top: -38px !important;
  background: -webkit-radial-gradient(#FFFFFF, #3658ff); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(#FFFFFF, #3658ff); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(#FFFFFF, #3658ff); /* Firefox 3.6 - 15 */
  background: radial-gradient(#FFFFFF, #3658ff); /* 标准的语法（必须放在最后） */
  border-radius:200px
}

.div_circle2 {
  width: 30px !important;
  height: 30px !important;
  filter: blur(6px);
  left: 135px !important;
  top: -12px !important;
  background: -webkit-radial-gradient(#FFFFFF, #1A1E5C); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(#FFFFFF, #1A1E5C); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(#FFFFFF, #1A1E5C); /* Firefox 3.6 - 15 */
  background: radial-gradient(#FFFFFF, #1A1E5C); /* 标准的语法（必须放在最后） */
  border-radius:200px
}

body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.login_form {
   padding-left: 30px;
   padding-right: 30px;
   padding-top: 30px;
}

.login_title {  
  font-size: 16px;
}

.login_button {
  width: 100%;
  border-radius: 0px;
  border-color: #1CA23A;
  background: #1CA23A;
}

.login_button:hover {
  border-color: #18bf3d;
  background: #18bf3d;
}

.login_button:focus {
  border-color: #18bf3d;
  background: #18bf3d;
}

.login_input>input {
  border-radius: 0px;
  background-color:transparent;
  color: #F5F5F7;
}
.login_input>input:focus {
  border-color: #18bf3d;
}

.login_checkbox {
  position: absolute;
  left: 0px;
  top: -8px;
}

.login_title_row {
  margin-top: 8px;
}

.login_row {
  height: 30px
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #F5F5F7;
}
.el-checkbox {
  color: #F5F5F7;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #1CA23A;
    border-color: #1CA23A;
}

.login_forget_password {
  color: #F5F5F7;
  position: absolute;
  top: -11px;
  right: 0px;
}

.login_forget_password:hover {
  color: #18bf3d;
}

.el-form-item {
  margin-bottom: 10px !important;
}
.el-checkbox__label {
  font-size: 12px !important;
}

.login_error {
  color: #FF0000
}