html {
  height: 100%;
  overflow: hidden;
}

@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=256);src:url(../font/iconfont.eot?v=256#iefix) format('embedded-opentype'),url(../font/iconfont.woff2?v=256) format('woff2'),url(../font/iconfont.woff?v=256) format('woff'),url(../font/iconfont.ttf?v=256) format('truetype'),url(../font/iconfont.svg?v=256#layui-icon) format('svg')}
.layui-icon-email:before{content:"\e618"}
   
   input::-webkit-input-placeholder { color:#FFFFFF;font-size:16px;padding-top:-3px}
      textarea::-webkit-input-placeholder { color:#FFFFFF;font-size:16px;padding-top:3px }
      
      
        input::-moz-placeholder,textarea::-moz-placeholder{ color:#FFFFFF;font-size:15px;}
        input:-moz-placeholder,textarea:-moz-placeholder { color:#FFFFFF;font-size:15px;}
        input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#FFFFFF;font-size:15px;}
   
   
@media screen and (min-width: 450px) {
body {
background: url("../images/p5.png") no-repeat center;
background-size: 100% 100%;
}

.pctop{
height:170px;line-height:180px;width:93%;margin:0 auto
}
.pcnav{
	margin-top:0;width:67%;margin:0 auto;text-align:center;line-height:50px;letter-spacing:5px;
	   color:#FFFFFF;  font-size:37px;
}
.pctop a:first-child img{height:40px}
.pctop a:last-child{margin-left:50px}
.pctop a:last-child img{height:50px}
.m-login {
  width: 400px;
  position: absolute;
  left:0;
  right:0;
  top: 30%;
  margin:0 auto;
}
.m-login .layui-input,.m-login textarea  {
 background:rgba(150,150,150,0.9);
  border:none;
}
.m-login .layui-icon-password{
	position:absolute;
	left:30px;
          top:75px;
         font-size:25px;
      color:#FFFFFF
}
.m-login .layui-icon-email{
	position:absolute;
	left:30px;
          top:10px;
         font-size:28px;color:#FFFFFF     
}

.m-login .icon{
 padding: 0 80px 0 80px;
  font-size:25px;
}
.m-login input[name="verify"]{
width:40%;
display:inline-block;
  font-size:18px;

}
.m-login button[lay-filter="login"],.m-login input{
   border-radius:100px;
 	  height: 50px;
  line-height: 50px;
   font-size:28px;
}
.m-login textarea{
display:inline-block;
   border-radius:100px;
  text-align:center;
   min-height:60px;
   font-size:20px;
   color:#FFFFFF;
   resize:none;
   width:210px;
   overflow:hidden;
    vertical-align: top;
    padding:0
}
.m-login button[type="button"]{
 border:none;
 background:none;
 	  color:#FFFFFF;
padding-top:0px ;
   font-size:18px;
}
.m-login .verifyImg{
	width:45%;
	
display:inline-block;
border-radius:50px; height:60px;
}
#find{margin-top:-15px;}

}


@media screen and (max-width: 500px) {
	
body {
  background: url("../images/p6.png") no-repeat center;
background-size: 100% 100%;
}

#find{margin-top:-12px;font-size:12px;}
.verifyImg{
height:40px;
 line-height: 40px;
width:40%;
display:inline-block;
border-radius:30px;
}

.pctop{width:60%;margin:0 auto;margin-top:10%;margin-bottom:5%;}
.pcnav{
	line-height:25px;margin:0 auto;text-align:center;width:95%;
	   color:#FFFFFF;  font-size:15px;clear:both;
}
.pctop a:first-child img{height:15px;}
.pctop a:last-child{float:right;}
.pctop a:last-child img{height:20px;}
.m-login {
  width: 60%;
  position: absolute;
  left:0;
  right:0;
  top: 28%;
  margin:0 auto;
}

.m-login .layui-icon-password{
	position:absolute;
	left:20px;
          top:65px;
         font-size:18px;
         color:#FFFFFF
}
.m-login .layui-icon-email{
	position:absolute;
	left:20px;
          top:8px;
         font-size:20px;
         color:#FFFFFF;        
}
.m-login .icon{
 padding: 0 0 0 60px;
 font-size:15px;
 width:100%
}
.m-login .layui-input {
 background:rgba(150,150,150,0.9);
}
.m-login button[lay-filter="login"],.m-login input,.m-login textarea{
   border-radius:100px;
 	  height: 40px;
  line-height: 40px;
   font-size:15px;
    border:none;
}
.m-login textarea{
	 display:inline-block;
	background:rgba(150,150,150,0.9);
  text-align:center;
  min-height:40px; 
   resize:none;
    width:55%; 
   overflow:hidden;
    font-size:14px;
   vertical-align: top;
 }
.m-login button[type="button"]{
    background:rgba(150,150,150,0);
   border:none;
    color:#FFFFFF;   
}



}
@media screen and (max-width: 380px ) {
.pctop{margin-top:8%;}
.pcnav{margin-top:12px;font-size:15px;line-height:20px;}

}
@media screen and (max-width: 420px ) and   (min-width: 400px ){
.m-login textarea{
    font-size:16px;
 }
  input::-webkit-input-placeholder { color:#FFFFFF;font-size:15px;padding-top:5px}
  textarea::-webkit-input-placeholder { color:#FFFFFF;font-size:15px;padding-top:3px }
  textarea::-webkit-input-placeholder { color:#FFFFFF;font-size:15px;padding-top:3px }
}