#mainshadow {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.3);
  
  z-index: 999999;

}

#mainshadow .main {

  width: 100%;

  max-width: 500px;

  height: 400px;

  padding: 30px;

  background-color: #fff;

  border-radius: 2px;

  box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09);

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  text-align: center;

}

#mainshadow .main .close {

  position: absolute;

  right: -10px;

  top: -10px;

  text-decoration: none;

  color: #333;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  display: block;

  text-align: center;

  font-size: 18px;

  background: #fff;

}

#mainshadow .main img {

  width: 200px;

  height: 200px;

  margin: auto;

  display: block;

}

#mainshadow .main .mk-side-form {

  margin-bottom: 28px;

}

#mainshadow .main .mk-side-form .pw-tip {

  font-weight: normal;

  font-size: 18px;

  text-align: center;

  margin: 25px auto;

}

#mainshadow .main .mk-side-form input {

  float: left;

  padding: 2px 10px;

  box-sizing: content-box;

  width: 70%;

  height: 37px;

  border: 2px solid #19ad19;

  border-radius: 2px 0 0 2px;

  line-height: 37px;

}

#mainshadow .main .mk-side-form .btn {

  position: relative;

  overflow: visible;

  width: 23%;

  height: 44px;

  border-radius: 0 2px 2px 0;

  text-transform: uppercase;

  border: 0;

  background: #6abd09;

  color: #fff;

  cursor: pointer;

  opacity: 1;

  user-select: none;

  line-height: 44px;

  display: inline-block;

  float: right;

}

#mainshadow .main .mk-side-form .tip {

  color: #ff0000;

  line-height: 40px;

  font-size: 12px;

}