@charset "utf-8";

#loginBox {padding: 30px 80px;  overflow: hidden;  }

#slides { display:block; width:600px;margin-right:40px; height:400px; list-style:none; padding:0;  position:relative; float: left;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%;   }

#pagination { display:block; list-style:none; position:absolute; left:26%; bottom: 45px; z-index:9900;  padding:5px 15px 5px 0;}
#pagination li { margin: 0 5px; display:block; list-style:none; width:10px; height:10px; float:left;  border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:9999px; }
#pagination li.current { background:#b81d23;}


.page{ position:relative;padding:20px 25px; border: 2px solid #D8D8D8; line-height: 25px;  font-size: 13px;color: #888; float:left; height: 400px; width: 360px;}
.page .pageTitle{ clear: both;overflow: hidden; margin-bottom: 12px;cursor:pointer;}
.page .pageTitle span {display: block; width: 50%; float: left;font-size: 16px; color: #A6A6A6; border-bottom: 2px solid #CBCBCB; text-align: center; font-weight: bold;}
.page .pageTitle .tcur { color: #b81d23; border-bottom-color: #b81d23;}
.prime{ display: block; margin-bottom: 10px; width: 100%;border: 1px solid #CBCBCB; }

#loginForm .prime{position:relative;}
#loginForm .form-group i {display: block; float:left; background: url(../image/loginIcon.png) no-repeat; border-right: 1px solid #CBCBCB; height: 36px; width: 38px;}
#loginForm .nameError, #loginForm .passwordError {position: absolute; margin-top: 0; margin-left: 48px; color: #FF0000; font-size: 13px; line-height: 25px; font-family: tahoma, arial, "宋体";}
#loginForm .nameError a, #loginForm .passwordError a{ color: #808080; text-decoration: underline; margin-left: 5px;}
#loginForm span{color: #6b6b6b; font-family: "宋体"; font-size: 14px;margin-top: 10px;}
#loginForm input{ width: 265px; padding:10px; display: block; font-size: 14px; font-family: Arial;border: none;}
#loginForm label.error{position: absolute; margin-left:37px;}
#loginForm .form-group .notLogin{ float: left; }
#loginForm .form-group #checkbox{position:relative; top: 3px;display: inline; margin-right: 3px;width: auto; vertical-align:0;}

#loginForm .form-group .check{font-size: 12px; text-align: left;}
#loginForm .form-group .check .checktip {color: #B1B1B1;font-size: 12px;}
#loginForm .form-group .forget{  float: right; display: block;}
#loginForm #loginBtn{ width: 306px; height: 40px; border: 1px solid #b81d23; margin:5px 0; background-color: #b81d23; border-radius: 3px; font-size: 20px; color: #FFF; font-family: "Microsoft yahei";cursor: pointer;}
#loginForm #loginBtn:disabled{ border-color:#ccc; background:#CCC; text-shadow:0 1px 1px #fff;color:#666; cursor:wait;}
#loginForm .loginRes{height:30px;padding-bottom: 5px;}
#loginForm .msg{display: block; margin:0; color: #b81d23;}
#loginForm .msg0{ position:absolute; top:0;}
#loginForm .toReg{clear:both;font-size: 12px; margin-left: 125px;margin-right: 75px; text-align: right;}
#loginForm .imgCode {position: absolute;top: 0;right: 0px;height: 36px;cursor: pointer;}

.third-part{padding-top: 0; width: 320px;text-align: center;position: absolute;bottom: 0;padding-right:20px;}
#loginForm .third-part .third_link{display:inline-block;width:40px;border-top: 1px solid  rgb(153,153,153) ;}
#loginForm .third-part .third_text{color:rgb(153,153,153);font-size:12px;vertical-align: -4px;padding:0 10px;}
.third a{ display: block; width: 40px; height: 40px;background: url(../image/5689b857cb9f8.png) no-repeat center;background-size:50px;float:left;margin:10px 0 16px 40px;border-radius: 50%;}
.third a.wechat{background-position:center -105px;margin-left:51px; }
.third a.qq{background-position:center -55px; }
.third a.sina{background-position:center -5px; }


#registerForm .prime{ display: block; margin-bottom:20px; width: 100%;border: 1px solid #CBCBCB; }
#registerForm a{color: #045b8b; margin-left: 5px;}
#registerForm a:hover{text-decoration: underline;}
#registerForm span{line-height: 36px;display: inline-block; width: 78px; text-align: right;float: left; font-size: 14px; border-right: 1px solid #CBCBCB; background: #F2F2F2;}

#registerForm .info{text-align: right;}
#registerForm .form-group{ display: block; position: relative;}
#registerForm .form-group a {color: #808080; text-decoration: underline;}
#registerForm .form-group .for-password {position:relative;}
#registerForm .form-group #strongTag{position:absolute; border:none; color:#fff; font-style:normal; font-family:Arial; text-align:center;line-height:32px; top:3px; right:3px; width:30px; height:30px;display:block;}
#registerForm .form-group #strongTag.s1{background: #ec3701;}
#registerForm .form-group #strongTag.s2{background: #f78115;}
#registerForm .form-group #strongTag.s3{background: #6ba001;}
#registerForm .btnGetSmsCode{position: absolute; top: 0px; right: 0px; cursor: default; padding: 0 10px; width: auto; height: 36px; line-height: 37px; text-align: center; border: none; border-left: 1px solid #DDD; background-color: #DD2726;transition: all ease-in-out .5s;color: #fff;}
#registerForm .btnGetSmsCode[disabled]{background-color: #555; }
#registerForm .imgCode{ position: absolute; top: 0; right: 0px; height: 36px; cursor: pointer;}
#registerForm .imgCodeForm{margin-bottom: 20px;}
.imgCodeForm #msgNotice{ border:none; display: none;position: absolute; top: 12px; width: 16px; margin: 0; right: 145px; height: 16px; background: url(../image/icon_groups_16.png) no-repeat center;}
#registerForm .imgCodeForm span.success{ display: block; background-position: 0 0;}
#registerForm .imgCodeForm span.error{ display: block; background-position: -64px 0;}
#registerForm .imgCodeForm span.loading{ display: block; background: url(../image/loading121.gif) no-repeat center; width: 32px;}

#registerForm input.form-control{ width: 225px; height: 36px; padding:10px; display: block; font-size: 14px; font-family: Arial;border: none;}
#registerForm input.form-control.error{ border-color: #b81d23;}
#registerForm label{display: block;clear: both; width: 500px;}
#registerForm label.error{position: absolute;}

#registerForm .verifyCode{width:100px;}
#registerForm .codeBox{float:right;}
#registerForm .btn-submit{ display: block; cursor: pointer; width: 100%; height: 40px; margin: 10px 0; border-radius: 3px; border: 1px solid #b81d23;  background-color: #b81d23; font-size: 20px; color: #FFF; font-family: "Microsoft yahei";}
#registerForm button:disabled{ border-color:#ccc; background:#CCC; text-shadow:0 1px 1px #fff;color:#666; cursor:wait;}
#registerForm .msg{color: #b81d23; width:330px;height:25px;}
 .regFinish{display:none;float: left; font-size: 18px; line-height: 25px; color: #333333;}
 .regFinish a{text-decoration: underline; font-size: 18px; color: #b81d23;}
.verifyCodeForm{display: none; padding: 50px; background: #f1f1f1;}
.verifyCodeForm li{ clear: both;}
.verifyCodeForm li .notice{font-size: 14px;color: #333;}
.verifyCodeForm li .tip{color: #666; vertical-align: -17px; font-style: normal;}

.verifyCodeForm table{width: 100%;}
table input{width: 100%; border: none; height: 38px; text-align: center; font-size: 16px;}


#suggest{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #191919; left:103px; margin:0; overflow:hidden; display:none; padding:0; position:absolute; text-align:left; top:100px; visibility:visible; width:228px ;z-index:1}
.note, .item{ clear: both; color: #7F7F7F; cursor: pointer; font-size: 14px; height: 29px; line-height: 29px; list-style: none outside none; margin: 0 1px; padding: 0 8px; white-space: nowrap;}
.active{ white-space:nowrap; clear:both; color:#fff; cursor:pointer; font-size:14px; height:29px; line-height:29px; list-style:none outside none; margin:0pt 1px; padding:0pt 8px; background:none repeat scroll 0% 0% #191919;}