.login {
  width: 1200px;
  margin: 40px auto 0;
}

.login .login-flex {
  display: flex;
  margin: 25px 0 0;
  align-items: center;
}

.login .login-import {
  width: 610px;
  height: 390px;
  background: #FFFFFF;
  box-shadow: 0px 1px 18px 0px rgba(190, 190, 190, 0.5200);
  text-align: center;
  padding: 0 35px;
}

.login-email:not(:last-child) {
  display: none;
}

.login .login-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  color: #666;
  font-size: 18px;
  padding: 15px 0 10px 0;
  text-transform: uppercase;
}

.login .login-title .login-act {
  color: #BE0022;
  position: relative;
  /* border-bottom: 2px solid #BE0022; */
}

.login .login-title .login-act:after {
  content: '';
  position: absolute;
  bottom: -25%;
  left: 0;
  background: #BE0022;
  width: 100%;
  height: 4px;
}

.login .login-email .login-inp input {
  width: 495px;
  height: 55px;
  border: 2px solid #D3D3D3;
  margin-top: 20px;
  padding-left: 15px;
  font-size: 16px;
  color: #333;
}

.login .login-email .login-bot {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #0D1D76;
  padding: 15px 0 25px 0;
  cursor: pointer;
}

.login .login-email .login-bot a {
  color: #0D1D76;
}

.login .login-email .login-but button {
  width: 515px;
  height: 64px;
  background: #BE0022;
  border: 0;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 18px;
}

#num {
  width: 270px;
  height: 64px;
  border: 2px solid #D3D3D3;
}

#captcha {
  width: 281px;
}


.login .login-cen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.login .login-cen input,
.login .login-cen button {
  margin-top: 0 !important;
}

.mio-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  display: none;
}

.mio-modal-mask .pop {
  width: 600px;
  /* height: 485px; */
  padding: 15px 15px 35px 0;
  position: fixed;
  left: 32%;
  top: 22%;
  background: #FFFFFF;
}

.mio-modal-mask .pop .pop_img {
  text-align: right;
}

.mio-modal-mask .pop .pop_img img {
  cursor: pointer;
}

.mio-modal-mask .pop .pop_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
}

.mio-modal-mask .pop input {
  width: 400px;
  height: 46px;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  padding-left: 50px;
}

.mio-modal-mask .pop form div {
  text-align: center;
  margin-top: 25px;
}

.mio-modal-mask .pop .pop-email input {
  background: url(/index_static/img/xin.png)no-repeat left center;
  background-position: 4%;
}

.mio-modal-mask .pop .pop-num {
  position: relative;
}

.mio-modal-mask .pop .pop-pos {
  position: absolute;
  top: -30%;
  right: 15%;
}

.mio-modal-mask .pop .pop-pos button {
  width: 130px;
  height: 30px;
  background: #BE0022;
  border-radius: 15px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
}

.mio-modal-mask .pop .pop-num input {
  background: url(/index_static/img/an.png)no-repeat left center;
  background-position: 4%;
}

.mio-modal-mask .pop .pop-pas input {
  background: url(/index_static/img/suo.png)no-repeat left center;
  background-position: 4%;
}

.mio-modal-mask .pop .pop-pass input {
  background: url(/index_static/img/suo.png)no-repeat left center;
  background-position: 4%;
}

.mio-modal-mask .pop .pop-but {
  text-align: center;
  margin-top: 50px;
}

.mio-modal-mask .pop .pop-but button {
  width: 450px;
  border: none;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 46px;
  background: #BE0022;
  border-radius: 23px;
}

#btn {
  width: 200px;
  height: 57px;
  background: #BE0022;
  border: 2px solid #BE0022;
  color: #fff;
  margin-top: 19px;
  cursor: pointer;
}