@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
html{min-height: 100%;}
body{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif; font-size:0.4rem; line-height:0.55rem; color:#333; margin:0 auto;width: 16rem;}

@font-face {
    font-family:"Ionicons";
    src:url("../fonts/ionicons.eot?v=2.0.1");
    src:url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
    font-weight:normal;
    font-style:normal;
} 
table,tr,td{border-collapse:collapse;border-spacing:0;margin:0px;padding:0px;}
h1,form,h2,h3,ul,li,p,img,div,span,em,input,textarea{margin:0px;padding:0px;}
ul,ol,li{list-style:none}
img{border:0; width:100%;}
a {text-decoration: none; color:#333;}
a:hover{ color:red;}
input,img{vertical-align:middle}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill { -webkit-box-shadow: 0 0 0 25rem white inset;}
em, i{font-style:normal;}
.red{ color:red;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden}
.none{display:none}
.f_l{float:left;}
.f_r{float:right;}
.m_t{ margin-top:0.25rem;}
.m_c{ padding:0 5%;}
.hide {
    display: none !important;
}
@media only screen and (max-width: 12rem) {
}
@media only screen and (max-width: 10.5rem){
}
.box{background: url(./../img/login/login.jpg) no-repeat;overflow: hidden;padding-top: 8rem;width: 16rem;margin: 0 auto;background-size: 16rem;    box-sizing: border-box;
    min-height: 100vh;}
.m_top{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9; 
    border-color: #0c60ee;
    background-color: #387ef5;
    color: #fff;
    }
.m_top p{ font-size:16px; text-align:center; line-height:40px;}
.m_wrap{ padding:1.375rem 0 0.375rem 0; border:#ddd solid 1px; text-align:center;}
.m_wrap a{color:#005aa0;}
.loginbd{position:relative;z-index:1;}
.loginwrong{line-height:20px;height:25px;padding-left:2.75rem;top:3.5rem;position:absolute; font-size:0.3rem; z-index:1000;}
.loginwrong i{float:left;height:21px;width:21px;display:inline;margin-right:0.15rem;font-family: "Ionicons";border-radius: 50%;position: static !important;}
.loginwrong i:before{
  font-size: 21px;
  color: #d11421;
  content: "\f35b";  
}
.loginwrong span{float:left;color:#d11421;white-space:nowrap;}

.joinbox{padding-bottom:0.25rem;position:relative;z-index:1;}
.joinbox ul li{line-height:0.75rem;height:1.5rem;color:#666;  margin-top:0.25rem;text-align: center;}

.loginbox{padding-bottom:0.25rem;position:relative;z-index:1;}
.loginbox ul li{line-height:0.75rem;height:1.5rem;color:#666;  margin-top:0.25rem;text-align: center;position: relative;}
.loginbox ul li i{display: inline-block;
    font-family: "Ionicons";position: absolute;top: 0.25rem;left: 2.75rem;
    speak: none;font-size:0.625rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.loginbox ul li i.iconname:before{content: "\f213"; }   
.loginbox ul li i.iconpass:before{content: "\f254"; }  
.txtBxF{color:#333;line-height: 1.25rem;border-radius:25px;border:none;outline:0;width: 10rem;padding-left: 1.25rem;font-size: 0.65rem;}
input.txtBxF:hover, input.txtBxF:focus{border:none;outline:0;}
.loginyzminput{height:0.95rem;}
.txtBxFyzm{}
.loginyzimg img{float:left;width:2.875rem;height:0.925rem;display:inline;margin-left:0.25rem;cursor:pointer;}
.loginyzimg a{color:#999;float:left;line-height:0.925rem;margin-left:0.25rem;}
.loginyzimg a:hover{color:#f60;text-decoration:underline;}

.sd-unl{height:0.625rem;line-height:0.625rem;}
.sd-unl span{float:left;padding-left:0.05rem;}
.sd-unl a{float:right;color:#005aa0;margin:0 0 0 0.25rem;display:inline; font-size:0.3rem;}
.sd-unl a:hover{text-decoration:underline;color:#FF6600;}

.submit{height:2rem;padding-top:1.5rem;text-align: center;}
.submit button{border:0;background:#0091e4;font-size:0.75rem;color:#fff;cursor:pointer;border-radius:25px;outline: none; display:inline-block; width:11.25rem;line-height: 1.25rem; margin:0 0.25rem;}
.tip{color: #fff;text-align: center;line-height: 2rem;font-size: 0.6rem;}
.tip a{color:#FF5722;padding-left: 0.5rem;}

.m_pl{ padding:0 5% 10.125rem 5%;}
.m_pl a{color:#005aa0;}

.hezuo ul{ padding:0.7rem 5%;overflow: hidden;}
.hezuo ul li{ 
    width:2.5rem; 
    display: inline-block;
    padding: 0.15rem 0;
    text-align: center;
}
.hezuo ul li a b{ background-size:100%; margin-right:0.1rem; display:inline-block;vertical-align:middle;width: 1.5rem; height:1.5rem;border-radius: 0.75rem;}
.hezuo{ text-align:center;width: 11.25rem;margin: 0 auto 3rem;}
.hezuo h2{font-size:0.8rem;color:#333;line-height:2rem; position:relative;}
.hezuo h2 span{display: inline-block;width: 11.25rem;color:#fff;position:relative; z-index:999;border-bottom: 1px solid #fff;}
.mqq b{ background:url(./../img/login/QQ.png) center no-repeat;  }
.mwx b{ background:url(./../img/login/weixin.png) center no-repeat;  }

.hezuo dl{ margin:0 auto; display:inline-block; padding-top:0.375rem; width:100%;}
.hezuo dd{float:left; width:25%;}
.hezuo dd a{display: inline-block;background:url(../../images/member/member.png) no-repeat 0 0;width:1rem;height:0.7rem;text-indent:-250rem;}
.hezuo dd a:hover{background-position:0 -0.75rem;}
.hezuo dd .QQ{background-position:0px 0px;}
.hezuo dd QQ:hover{background-position:0 -0.75rem;}
.hezuo dd .Facebook{background-position:-1.25rem 0px;}
.hezuo dd .Facebook:hover{background-position:-1.25rem -0.75rem;}
.hezuo dd .taobao{background-position:-2.5rem 0px;}
.hezuo dd .taobao:hover{background-position:-2.5rem -0.75rem;}
.hezuo dd .xinlang{background-position:-3.75rem 0px;}
.hezuo dd .xinlang:hover{background-position:-3.75rem -0.75rem;}