/*------------------
author:steven
email:23231590@qq.com
-----------------*/
@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
*:focus {outline: none;} 
h1 , h2 , h3 , h4 , h5 { font-weight:normal; }
input , button , textarea { font:14px/2.0; font-family:"\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; outline:none; cursor:pointer; resize:none; }
body {font:14px/2.0 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#b6b6b6; background:url(../images/bg.jpg);  background-size:100%; line-height:2; }
.fl { float:left; }
#background { position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b6b6b6; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #b6b6b6; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #b6b6b6; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b6b6b6; } 
.fr { float:right; }
img { border:none; vertical-align: top; }
.radius { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
i , em { font-style:normal; }
a { color:#b6b6b6; text-decoration:none; }
a:hover { color:#094fbf; }
.main { width:450px; height:550px; background:#ffffff; margin:0 auto; position:fixed; margin-left:-275px; top:20%; left:50%; overflow:hidden; box-shadow:1px 1px 50px #000000; }
.main h1 { text-align:center; padding:40px 0 30px 0; color:#094fbf; }
.main h2 { text-align:center; padding:0 0 10px 0; color:#ff0000; font-size:14px; }
form { width:310px; padding:20px 70px 0 70px; }
form p { padding:0 0 20px 0; }
form p.top20 { padding-top:20px; }
form p .txt { border:0; border-bottom:1px solid #ebebeb; width:290px; padding:0 10px 0 10px;  color:#b6b6b6; }
form p input { border:0; border-bottom:1px solid #ebebeb; width:250px; padding:0 10px 0 10px; line-height:40px; height:40px; color:#b6b6b6; }
form p #switchPwd { border-bottom:1px solid #ebebeb; width:40px; line-height:40px; color:#b6b6b6; height:40px; display:block; float:left; }
form p #switchPwd a { background:url(../images/password.png) no-repeat; display:block; float:left; height:40px; width:40px; text-indent:-100000px; }
form p #switchPwd a.xianshi { background-position:0 -36px; }
form p #switchPwd a.yincang { background-position:0 0; }
form p .key { border:0; border-bottom:1px solid #ebebeb; width:210px; padding:0 10px 0 10px; line-height:40px; color:#b6b6b6; }
form p a.skey { border:0; border-bottom:1px solid #ebebeb; width:80px; height:40px; text-align:center; cursor:pointer; line-height:40px; color:#b6b6b6; }
form button { width:310px; background:#094fbf; color:#ffffff; font-size:18px; height:50px; line-height:50px; border:0; margin-top:10px; }
.nopass { width:310px; padding:20px 70px 0 70px; }
.nopass a.reg { color:#094fbf; }
.loginpass { width:310px; padding:30px 0 0 0; }
.loginpass a.reg { color:#094fbf; }
.other { width:310px; padding:15px 70px 0 70px; line-height:40px; border-top:1px solid #ebebeb; margin-top:30px; }
.other span { padding-left:25px; }
.other a { width:40px; height:40px; background:url(../images/ico.png) no-repeat; text-indent:-10000px; margin:0 5px 0 10px; }
.other a.weixin { background-position:-40px -296px; }
.other a.qq { background-position:-40px -336px; }
.other a.weibo { background-position:-0 -296px; }
.loginpa { width:310px; padding:30px 0 0 0; text-align:center; }
.loginpa a.reg { color:#094fbf; }

.loginpass {position:relative;display:inline-block;margin-right:10px; line-height:28px; }
.loginpass input{position:absolute;top:-99999px;left:-99999px;}
.loginpass .check_label{display:inline-block;cursor:default;}
.checkbox_icon{display:block;float:left;margin-right:5px;width:16px;height:16px;background:url(../images/checkbox_icon.png) 0 0; margin-top:6px;}
.check_label.on .checkbox_icon{background-position:-16px 0;}
.checkbox_text{float:left;}