@charset "UTF-8";
html{font-family: "Helvetica Neue", Helvetica,STHeiTi,Arial,sans-serif; font-size:62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body,html{width:100%; height:100%;}
body{margin:0; font-size: 1.4rem; color:rgba(255,255,255,.8);}
input{border:none; outline:0;}
h2{padding:0;margin:0;}
a{text-decoration:none; color:rgba(255,255,255,.8); outline:none; }
body{background:url(../images/bg.jpg) no-repeat; background-size:cover;background-attachment: fixed;background-position: 50% 50%;}
input::-moz-placeholder, textarea::-moz-placeholder{color:rgba(255,255,255,.8);}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:rgba(255,255,255,.8);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {color:rgba(255,255,255,.8);}
.clearfix{*zoom:1;}.clearfix:after{display:block; content:"$"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.l{float:left;}.r{float:right;}
/*.logo{margin:5% 0 0 20%; width:280px; height:145px; background:url(../images/logo.png) no-repeat; background-size:70%;}*/
.m-login-box{height: 100%;}
.logo img{max-width: 280px;max-height: 100px;}
.logo{margin: 0 auto;text-align: center;margin-bottom: 40px;padding-top: 20%;}
.m_login_box{width:75%; height:40%; margin:0 auto; position:relative;}
.m_login_input{width:100%; height:30px; line-height:30px; margin-bottom:10%; background-color:transparent; border-bottom:1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.8); font-size:1.6rem;}
.m_btn{display:inline-block; width:42%; height:38px; line-height:38px; margin-top:4%; background-color:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.5); text-align:center; font-size:1.6rem;margin-bottom: 20px;}
.m_bblue{border:1px solid rgba(58,176,237,.5);}
.m_login_tips{color:red; position:absolute; top:-23px; left:0; font-size:1.4rem;}
.m_register .m_btn{display:block; margin-left:auto; margin-right:auto;}
.m_login_other{text-align:center;}
.m_login_other h2{font-size:1.4rem; text-align:center; font-weight:normal;}
.wechatbtn,.weibobtn,.QQbtn{display:inline-block; width:70px; height:70px;  font-size:0; background-size:80%;}
@media (max-width:320px) {
.logo{width:231px; height:120px; background-size:70%;}	
}
/*i5*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.logo{width:280px; height:145px; background-size:70%;}
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px) and (orientation:portrait){ 
.logo{background-size:100%; margin-bottom:8%;}
.wechatbtn,.weibobtn,.QQbtn{display:inline-block; width:170px; height:170px; font-size:0; background-size:70%;}
.m_login_other h2{margin-bottom:5%; font-size:2rem;}
.m_btn{height:45px; line-height:45px;}
.m_login_tips{font-size:1.8rem; top:-35px;}
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px) and (orientation:landscape){
.logo{background-size:100%; margin-bottom:5%;}
.wechatbtn,.weibobtn,.QQbtn{display:inline-block; width:170px; height:170px; font-size:0; background-size:70%;}	
.m_login_other h2{margin-bottom:1%; font-size:2rem;}
.m_btn{margin-top:0; height:45px; line-height:45px;}
.m_login_tips{font-size:1.8rem; top:-28px;}
}
/*6*/
@media (min-device-width:360px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2){ 
.wechatbtn,.weibobtn,.QQbtn{width:90px; height:90px; background-size:80%;}
.m_login_other h2{margin-bottom:6%; font-size:1.6rem;}
}
/*6+
@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){ }*/
.wechatbtn{margin-left:15px; background-image:url(../images/app1.png); background-repeat:no-repeat;}
.weibobtn{background-image:url(../images/app2.png); background-repeat:no-repeat;}
.QQbtn{background-image:url(../images/app3.png); background-repeat:no-repeat;}