*{padding:0;margin:0;}
body{background: #f2f1ef; font-size:12px;}
.fl{float:left;}
.fr{float:right;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clear{clear:both;}
.xzllq{color:white;}
.xzllq:hover{color:#FF8C00;}
input, button{outline:none; }
:after, :before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  }
/* a,a:hover,a:visited,a:focus{color:#333;text-decoration: none; background:none;} Ӱ��������뵯��������Ͻ�X����ʾ��ʱȥ��*/
.login{background:url(../../images/loginbg.jpg) no-repeat top center; width:100%;
    /*height:768px;*/
    /*padding:74px 0 0 0;*/
    padding:25px 0 0 0;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.login_top{width:320px; margin:0 auto 20px;text-align: center;}
.login_con{width:600px; margin:0 auto; background:#fff; border-radius:5px;  }
.login_con_code{  width : 670px;  margin:0 auto;}
.login_con_code .login_con_form_code{width:445px;border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;  background:#fff;}
.login_con_form{margin:0 auto;width:300px; padding:40px 0}
.login_con_form h3{ text-align: center; font-size:16px; font-weight: bold; font-family: '΢���ź�';color:#4c4c4c;}
.input_outer{width:100%;height:42px; margin-bottom:10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.input_outer.blur{border:1px solid #e4e4e4;}
.input_outer.focus{border:1px solid #2fd0f0;}
.input_outer.red{border:1px solid #fd6f6b;}
.blur span.u_user{background:url(../../images/user-icon.png) no-repeat center; display: block;}
.red span.u_user{background:url(../../images/red-user-icon.png) no-repeat center; display: block;}
.focus span.u_user{background:url(../../images/on-user-icon.png) no-repeat center; display: block;}
.blur span.u_pass{background:url(../../images/pass-icon.png) no-repeat center; display: block;}
.red span.u_pass{background:url(../../images/red-pass-icon.png) no-repeat center; display: block;}
.focus span.u_pass{background:url(../../images/on-pass-icon.png) no-repeat center; display: block;}
#valid{line-height:33px;height:30px; text-align: center; color:#fd6f6b;}
.shake{animation: shake 1.5s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0);}
@keyframes shake { 10%, 90% {  transform: translate3d(-1px, 0, 0);  } 20%, 80% {  transform: translate3d(2px, 0, 0);  } 30%, 50%, 70% {  transform: translate3d(-4px, 0, 0);  } 40%, 60% {  transform: translate3d(4px, 0, 0);  } }
.input_outer span{width:42px;float:left;height:42px;}
.input_outer span img{ display: block;margin:12px auto 0;}
.input_outer input{width:256px; float:left; line-height:42px; height:42px; border:0;background:none;outline:none; }
.login-foot{ text-align: center; line-height:25px; color:#fff;  padding:20px 0;  }
.login_con_r{margin-top:10px; background:#EAF2FF;width:224px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px;}
.login_con_r img{margin:24px auto; display: block;}
.login_con_r img.srlogo{margin:60px auto 0; display: block;}
.login_con_r h3{ text-align: center;color:#888; font-size:16px; line-height:30px;}
.login_con_r h4{ text-align: center; color:#888; font-size:13px; line-height:25px;}
.login_con_r p{ text-align: center; color:#888; font-size:12px; line-height:20px;margin-bottom:55px;}
.input_foot{padding:20px 0 0}
.input_foot button.login_btn {-moz-box-shadow:2px 5px 20px #4A98F5; -webkit-box-shadow:2px 5px 20px #4A98F5; box-shadow:2px 5px 20px #4A98F5;
    height:44px; line-height:44px;width:100%;border:none; color:#fff;font-family: '΢���ź�';
    font-size:16px;font-weight: bold;  background: -webkit-linear-gradient(left, #175cc6 , #30D0F0);
    background: -o-linear-gradient(right, #175cc6, #30D0F0);
    background: -moz-linear-gradient(right, #175cc6, #30D0F0);
    background: linear-gradient(to right, #175cc6 , #30D0F0);
    position:relative;
    z-index:2;
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    behavior: url(js/PIE.htc);
    filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#175cc6,endColorStr=#30D0F0);
}
/*checkbox*/
.piaochecked {  width: 15px;  height: 15px;  float: left;  cursor: pointer;  margin-right: 10px;  text-align: center;
    background-image: url(../../images/check.png);  background-repeat: no-repeat;  background-position: 0 0;  }
.on_check {  background-position: -15px 0;  }
.check label, .input_check a{color:#888;}
.radioclass {  opacity: 0;  cursor: pointer;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);  }