.masklogin-warp{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.8);
}
.masklogin-body{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%); 	/* IE 9 */
  -moz-transform: translate(-50%,-50%); 	/* Firefox */
  -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */
  -o-transform: translate(-50%,-50%); 	/* Opera */
  width: 70%;
  padding: 20px;
  background-color: #fff;
  border-radius:5px; 
}
.masklogin-body > .head{
  text-align: center;
  font-weight: 600;
  font-size: 20px;

}
.masklogin-body > .body{
  text-align: center;
 

}
.masklogin-body > .body a{
  display: block;
  height: 50px;
  line-height: 50px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}


.masklogin-body > .body .qq,
.masklogin-body > .body .wx,
.masklogin-body > .body .phone{border: 1px solid #eaeaea; color: #333;font-size: 14px;border-radius:30px;}
.masklogin-body > .body .wx{
background-color: #2dba44;
color: #fff;
}

.masklogin-body > .body .qq:before,
.masklogin-body > .body .wx:before,
.masklogin-body > .body .phone:before {
display: inline-block; content: " "; width: 32px; height: 32px;
vertical-align: middle; margin-top: -3px; margin-right: 5px;
background-image: url('../images/flex-login2.png');
background-size: cover;
}

.masklogin-body > .body .wx:before { background-position: 0 0; }
.masklogin-body > .body .qq:before { background-position: 64px 0; }
.masklogin-body > .body .phone:before { background-position:128px 0;}

.masklogin-body > .bottom{
text-align: center;
padding: 24px 0 0;
color: #999999;
}

.masklogin-phone .masklogin-body > .bottom{

  padding: 0;

}

.masklogin-body > .close-mask{
  position: absolute;
  top: 12px;
  right:12px;
}
.masklogin-body > .close-mask span{
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/modal-close.svg);

}


.masklogin-body > div.phone_input{
position: relative;
width: 90%;
margin: 0 auto;
border-bottom:1px solid #e6e6e5;
padding: 12px 0;
text-align: left;
}
.masklogin-body >  div.phone_input >input{
font-size: 14px;
padding: 10px; 
width: 50%;
}
.masklogin-body>  div.phone_input > label{
color: #999999;
}
.form_phone_btn{
text-align: center;
width: 90%;
margin: 0 auto;
}
.form_phone_btn button{
width: 100%;
margin: 20px 0;
background-color: #cccccc;
border-radius: 30px;
padding: 15px;
border: none;
color: #fff;
}
a.contact{
text-decoration: underline;
color: #999999;

}
div.bh_phone_lay .bottom{
padding: 0;
}
.yzm{
position: absolute;
/* #f98700 */
color: #cccccc;   
cursor: pointer;
top: 50%;
right: 3px;
transform: translate(0,-50%);  
-ms-transform: translate(0,-50%); 	/* IE 9 */
-moz-transform: translate(0,-50%); 	/* Firefox */
-webkit-transform: translate(0,-50%); /* Safari 和 Chrome */
-o-transform: translate(0,-50%); 	/* Opera */
}
.toast{
position: fixed;
padding: 20px 10px;
bottom: 10px;
left: 50%;
text-align: center;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);	/* IE 9 */
-moz-transform: translate(-50%,0); 	/* Firefox */
-webkit-transform: translate(-50%,0); /* Safari 和 Chrome */
-o-transform: translate(-50%,0); 	/* Opera */
border-radius:5px; 
background-color: rgba(0,0,0,.8);
color: #fff;
z-index: 999999;
display: none;
}