pfhwyigou/mobile/signup/signup.css

.m_signUp_box{z-index:1000;display: none;}
.m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
.m_form{width:80%;position:fixed;top:50%;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:30px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s; 

}

@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-webkit-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

.m_form_title{height:65px;background: url("../image/m_bm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:65px;font-size:1.5rem;color:#FFF;}
.m_form_input{border:1px solid #E8F0F7;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:25px;}
.m_form_input img{display: block;width:17px;margin-top:10px;float:left;margin-left:14px;}
.m_form_input input{outline:none;float:left;width:80%;height:96%;border:0;margin-left:10px;font-size:0.95rem;color:#8AC6FE;}
.m_button{outline:none;width:85%;height:41px;border:0;background:#FFAA3C;margin:auto;display: block;margin-top:41px;font-size:1.1rem;color:#FFF;}

.m_close{position:fixed;top:50%;left:50%;z-index:100;width:36px;margin-left:-18px;margin-top:133px;
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s;
}

.m_close img{width:100%;display: block;}
.m_form_input input:-webkit-input-placeholder { color: #8AC6FE;}
.m_form_input input:-moz-placeholder { color: #8AC6FE;}
.m_form_input input:-ms-input-placeholder { color: #8AC6FE;}​