/* CSS Document */

@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}	
body{font-size:12px;font-family:"微软雅黑"; padding-bottom:68px; background:#f5f5f5;}		
img{border:none;}   
a{color:#333;text-decoration:none; border:none;}
a:hover{text-decoration: none;color:#ec2525;}	
ul,li{list-style:none;}   
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle; outline: medium none;}
.clear{clear:both;height:0px; overflow: hidden;}


/***************Nav************************/
nav{width:100%;height:50px; position:fixed; z-index:100; bottom:0px; left:0px; background: url(../images/nav_bg.png) no-repeat;background-size:100% 100%; border-top:1px solid #181818;}
nav ul{padding:6px 0 6px 0;}
nav ul li{width:20%;height:38px; float:left; display:block; text-align:center; }
nav ul li:first-child{ border-left:none;}
nav ul li a{color:#aaa; height:38px; display:block;}
nav ul li:first-child a{ border-left:none;}
nav ul li a img{ width:20px; height:20px; display:block; margin:0 auto;}
nav ul li a span{ display:block;font-size:12px;height:18px; line-height:18px;}
nav ul li:nth-child(2){ position:relative;}
nav ul li:nth-child(2) .carnumber{ width:8px;height:8px;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#21d9d9;position:absolute;left:55%;top:4px;}
nav ul .m img{ }
.rightnav{position: fixed; height:1000px; overflow:hidden; top:10px; right:0;z-index:2000;background:#21d9d9; }
.rightnav .list li img{ width:30px; height:30px; float:right; margin:6px 0px 0 0; }
.rightnav .list{ text-indent:0px;}
.rightnav .list li{height:34px;line-height:33px; border-bottom:1px solid #1bd2d2;}
.rightnav .list li a{ height:33px;font-size:14px;font-weight:400;color:#fff; display:block;border-bottom:1px solid #33e5e5; padding:0 20px;}
#bg{background-color:#000;position:absolute;z-index:1;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

/*----------验证---------*/
.invisible{visibility:hidden;}
.tooltip-info { float:left;position: absolute;max-width: 300px;_width: 300px;color: #999;/*font-size: 0.75em;*/ }
.tooltip-info .tooltip-icon-border {border-color: transparent #ddd transparent transparent;left: -17px;}
.tooltip-info .mess {display: inline-block;vertical-align: top;width:200px;text-align: left;word-wrap: break-word;word-break: normal;font-size:12px; margin-left:5px;}
.tooltip-info .tooltip-icon-bg {position: absolute;border-style: solid;border-width: 8px;height: 0;	width: 0;top: 8px;}
.error {display: inline;}
.error .state {background-position: 0 0;}
.prompt .state,.success .state,.error .state,.pass-word-strength .state{background-image: url(../images/login-logic-icons.png);background-repeat: no-repeat;display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-top:0px;}
.success {display: inline;border: none;}
.success .mess {display: none;}
.success .state {display: inline-block;background-position: -74px 0; margin-top:0px;}
.prompt {display: inline;}
.prompt .state {display: inline-block;background-position: -37px 0; margin-top:0px;}
.visible-inline {visibility: visible;}

.promptcon{ width:100%; height:20px; line-height:15px;margin:5px 0 0 20%; display:block; }
#promptcon{ width:100%; height:20px; line-height:15px;margin:5px 0 0 20%; display:block;}

/*********账号登陆************/
.login{width:100%;height:auto;}
.top{width:100%;height: auto; overflow:hidden;}
.top .logo img{display:block; width:100%;}

.login .banner{width:100%; padding-bottom:15px; background:#fff; margin:3% 0; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.login .banner .box{width:100%;height:auto;margin:0 auto;}
.login .banner .form .title{height:20px; line-height:20px;padding:20px 0 25px 0px;}
.login .banner .form .title li{ display:block;width:50%;height:30px; line-height:30px; text-align:center; float:left; color:#aaa; font-size:16px; cursor:pointer;}
.login .banner .form .title .hover{ color:#3ccbc9;}

.login .banner .form .form_box{padding:0px 3%; overflow:hidden;}
.login .banner .form .form_box .txt{ display:block;width:100%;height:38px; line-height:38px;border:1px solid #dedede;}
.login .banner .form .form_box li h6{ display:block;width:40px;height:38px;float:left; color:#999; font-size:14px; font-weight:lighter;border-right:1px solid #eee;}
.login .banner .form .form_box .c1{ margin-top:30px;}
.login .banner .form .form_box .c1 h6{ width:20%; text-align:center;}
.login .banner .form .form_box .c2 h6{  width:20%; text-align:center;}
.login .banner .form .form_box .txt input{ display:block;width:78%; border:none;height:38px; line-height:38px; float:left; font-size:14px; color:#bbbbbb; text-indent:15px; }
.login .banner .form .form_box .txt2{width:100%;height:37px; overflow:hidden;}
.login .banner .form .form_box .txt2 a{ display:block;height:37px;float:right; color:#666; font-size:14px;}
.login .banner .form .form_box li .submit{ display:block;width:100%;height:42px; line-height:42px;text-align:center; font-size:16px; color:#fff; margin-bottom:15px; background:#21d9d9; border:none;}
.login .banner .form .form_box .txt3{height:30px; line-height:30px;font-size:1.2em;}
.login .banner .form .form_box .txt3 a{color:#21d9d9; margin-left:5px;}

.login .banner .form .form_box .txt4{ display:block;width:100%;height:38px; line-height:38px; border:1px solid #dedede;margin-top:25px; float:left;}
.login .banner .form .form_box .txt4 input{display:block;width:50%; border:none;height:38px; line-height:38px; float:left; font-size:14px; color:#bbbbbb; text-indent:15px;}
.login .banner .form .form_box .ma{ display:block;width:28%;height:38px; float:right; background:#cdfcfc; text-align:center; line-height:38px;}
.login .banner .form .form_box .ma input{width:100%;height:38px;background:#cdfcfc; text-align:center; line-height:38px; border:1px solid #cdf6fc; font-family:"微软雅黑"; font-size:12px; color:#3ccbc9; padding:0;}

.login .banner .form .form_box .mem{float:right; padding:1px 0;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;overflow:hidden;}

.login .advantage{width:1400px;margin:80px auto; overflow:hidden;}
.login .advantage ul{width:1470px;}
.login .advantage ul li{width:300px;height:auto; float:left;margin-right:66.66px; text-align:center;}
.login .advantage ul li img{ display:block;width:300px;height:185px;}
.login .advantage ul li  span{ display:block;width:100%;height:40px; line-height:40px;font-size:14px; color:#666666; background:#eeeeee;}




/*********找回密码************/
.retrieve{width:100%;height:auto; overflow:hidden;}
.retrieve .retrieve_content{width:100%;margin:0 auto;}
.retrieve .retrieve_content h5{ font-size:14px; color:#666666; font-weight:normal;padding:10px 0px 0px 25px;}
.retrieve .retrieve_content .retrieve_box{padding:3% 0;}
.retrieve .retrieve_content .retrieve_box .title{width:100%; height:auto; overflow:hidden; padding:3% 0px; background:#fff; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.retrieve .retrieve_content .retrieve_box .title li{width:25%; float:left; text-align:center;font-size:14px;}
.retrieve .retrieve_content .retrieve_box .title li span{ color:#aaa;}
.retrieve .retrieve_content .retrieve_box .title li p{color:#aaa; line-height:24px; }
.retrieve .retrieve_content .retrieve_box .title .hover{}
.retrieve .retrieve_content .retrieve_box .title .hover span{color:#6bd9d8;}
.retrieve .retrieve_content .retrieve_box .title .hover p{color:#6bd9d8;}
.retrieve .retrieve_content .retrieve_box .box{ margin:3% 0; background:#fff; border-top:1px solid #eee;border-bottom:1px solid #eee;}
/*-------*/
.retrieve .retrieve_content .retrieve_box .one{ margin:0 3%; padding-top:20px;}
.retrieve .retrieve_content .retrieve_box .one li{height:43px; line-height:43px;margin-bottom:20px; overflow:hidden;}
.retrieve .retrieve_content .retrieve_box .one .txt1{width:100%; border:1px solid #eee;overflow:hidden;}
.retrieve .retrieve_content .retrieve_box .one .txt2{width:100%; border:1px solid #eee; float:left;margin-right:10px; overflow:hidden;}
.retrieve .retrieve_content .retrieve_box .one li h6{ display:block;width:25%; font-weight:normal; height:43px; line-height:43px;text-align:center; border-right:1px solid #eee; float:left; color:#666; font-size:14px;}
.retrieve .retrieve_content .retrieve_box .one li input{float:left; display:block;border:none; line-height:43px;font-size:14px; color:#bbbbbb; text-indent:15px;}
.retrieve .retrieve_content .retrieve_box .one .txt1 input{width:68%;}
.retrieve .retrieve_content .retrieve_box .one .txt2 input{width:40%;}
.retrieve .retrieve_content .retrieve_box .one .code img{ float:right; margin:5px 5px 0 0; display:block;}
.retrieve .retrieve_content .retrieve_box .one .code a{ display:block; float:left; line-height:45px; font-size:14px; color:#666666;}
.retrieve .retrieve_content .retrieve_box .one .submit{ display:block;width:100%;height:45px; text-align:center; line-height:45px; font-size:16px; color:#ffffff; background:#6bd9d8; text-indent:0px;}
/*-------*/
.retrieve .retrieve_content .retrieve_box .two li{height:50px; line-height:50px;color:#666666; overflow:hidden; border-bottom:1px solid #eee;background: url(../images/icon_1.png) no-repeat right 16px;}
.retrieve .retrieve_content .retrieve_box .two li h6{ display:block;color:#888888; font-weight:normal;width:30%; font-size:14px; text-align: center; float:left; }
.retrieve .retrieve_content .retrieve_box .two li select{ display:block;width:50%;height:50px; font-size:14px; color:#666; line-height:50px; border:none;-webkit-appearance: listbox; background:#fff;}
.retrieve .retrieve_content .retrieve_box .two li .code{ display:block;width:40%;height:50px; line-height:50px; float:left; border:none;}
.retrieve .retrieve_content .retrieve_box .two li .sub{width:30%;height:50px;background:#cdfcfc; float:right; font-size:14px; text-align:center; line-height:50px; border:1px solid #cdf6fc; font-family:"微软雅黑";  color:#3ccbc9;}
.retrieve .retrieve_content .retrieve_box .two li .big{ font-size:14px;}
.retrieve .retrieve_content .retrieve_box .two li .bigger{ font-size:14px;}
.retrieve .retrieve_content .retrieve_box .two li a{ display:block;width:30%;height:50px; line-height:50px; text-align:center; background:#ccc; float:left; color:#ffffff; font-size:14px; overflow:hidden; margin-left:20px;}
.retrieve .retrieve_content .retrieve_box .two .clear{ width:100%; height:50px; float:left; margin-top:20px;}
.retrieve .retrieve_content .retrieve_box .two .submit{width:100%;height:50px;background:#21d9d9; text-align:center; line-height:50px; border: none; font-family:"微软雅黑"; font-size:16px; color:#fff; }
/*-------*/
.retrieve .retrieve_content .retrieve_box .three{ padding-top:20px;}
.retrieve .retrieve_content .retrieve_box .three li{display:block;width:94%;height:43px; line-height:43px;overflow:hidden; margin:0 3% 20px 3%;}
.retrieve .retrieve_content .retrieve_box .three .txt{border:1px solid #e2e2e2;}
.retrieve .retrieve_content .retrieve_box .three li h6{ display:block;width:30%;font-weight:normal; height:43px; line-height:43px;text-align:center; font-size:14px; border-right:1px solid #eee; float:left;color:#666666; }
.retrieve .retrieve_content .retrieve_box .three li input{float:left; display:block;border:none;width:69%; line-height:43px;font-size:14px; color:#bbbbbb; text-indent:15px;}
.retrieve .retrieve_content .retrieve_box .three li .submit{ display:block;width:100%;height:45px; line-height:45px; text-align:center; background:#6bd9d8; color:#ffffff; border:none; text-indent:0px; }
/*-------*/
.retrieve .retrieve_content .retrieve_box .finish{ text-align:center; padding:5% 0;}
.retrieve .retrieve_content .retrieve_box .finish img{ }
.retrieve .retrieve_content .retrieve_box .finish  span{display:block; font-size:18px;margin-top:10px; color:#6bd9d8;}
.retrieve .retrieve_content .retrieve_box .finish  p{ font-size:14px; color:#888;margin-top:10px;}
.retrieve .retrieve_content .retrieve_box .finish  p a{color:#333;}


/*******************注册*******************************/
.register{width:100%; background:url(../images/register.jpg) fixed no-repeat center center;;}
.register .register_box{width:100%;}
.register .register_box .top{}
.register .register_box .box{padding:20px 3% 0 3%; background:#ffffff; overflow:hidden; margin-top:3%; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.register .register_box .box li{height:43px;overflow:hidden;}
.register .register_box .box .txt{width:100%; border:1px solid #dedede;overflow:hidden;}
.register .register_box .box h6{display:block;width:20%; font-weight:normal; height:43px; line-height:43px; display:block;display:block; font-size:14px; color:#666; text-align:center; border-right:1px solid #eee; float:left; }
.register .register_box .box .txt input{float:left; display:block;width:78%;border:none; line-height:43px;font-size:14px; color:#bbbbbb; text-indent:15px;}
.register .register_box .box .txt2{width:100%; border:1px solid #d2d2d2; float:left;margin-right:8px; overflow:hidden;}
.register .register_box .box .txt2 input{float:left; display:block;width:48%;border:none; line-height:43px;font-size:14px; color:#bbbbbb; text-indent:15px;}
.register .register_box .box .code{ display:block;width:30%;height:43px; float:right; background:#cdfcfc; text-align:center; line-height:45px;}
.register .register_box .box .code input{ width:100%; height:43px; background:#cdfcfc; color:#666; text-align:center;}

.register .register_box .box .xieyi{ text-align:center; color:#7a7a7a;}
.register .register_box .box .xieyi span{ color:#888888;}
.register .register_box .box li .submit{display:block;width:100%; font-size:18px;height:45px; line-height:45px; text-align:center; background:#6bd9d8; color:#ffffff; border:none; text-indent:0px; }
.register .register_box .bottom{height:40px; line-height:40px;text-align:center; color:#ffffff; overflow:hidden;}
.register .register_box .bottom a{color:#ffffff;padding:0 20px;}
.register .register_box .box .bot{ height:40px; line-height:40px; font-size:1.2em; margin:10px 0;}
.register .register_box .box .bot a{ color:#6bd9d8; margin-left:6px;}

/*-------弹出层-----------*/
.theme-popover,.theme-popover2,.theme-popover3{z-index:9999;position:fixed;top:10%;left:0%;width:94%;height: auto; padding:3%;margin:0;background-color:#ffffff;display:none;box-shadow: 0 0 2px #999; overflow:hidden;}
.theme-poptit,.theme-poptit2,.theme-poptit3{height:31px; line-height:31px;padding:13px;position: relative;}
.theme-poptit .close,.theme-poptit2 .close,.theme-poptit3 .close{float:right; display:block;width:31px;height:31px;  background:url(../images/close.jpg) no-repeat;}	 	
.theme_box1{ text-align:center;}
.theme_box1 h3{ font-size:18px; color:#333333; margin-top:20px;font-weight:normal;}
.theme_box1 p{ font-size:16px; color:#666666; line-height:30px;margin-top:20px;}
.theme_box1 .bottom{width:100%;margin:20px auto 0 auto;}
.theme_box1 .bottom a{ display:block;width:100%;height:45px; line-height:45px; text-align:center; color:#ffffff; font-size:18px; margin-bottom:10px;}
.theme_box1 .bottom .a{float:left; background:#3ccbc9; }
.theme_box1  .bottom .b{float:right; background:#cccccc; }

.theme_box2{ width:100%;margin:0 auto;}
.theme_box2 h3{ font-size:18px; color:#666666;font-weight:normal; margin:20px 0; text-align:center;}
.theme_box2 .title{width:100%;overflow:hidden;}
.theme_box2 .title span{ display:block;width:50%; height:38px; line-height:38px; font-size:16px; text-align:center;color:#666666; float:left; background:#eee;}
.theme_box2 .title .hover{ background:#3ccbc9; color:#fff;}
.theme_box2 .box{ overflow:hidden;}
.theme_box2 .box ul{padding-top:20px;}
.theme_box2 .box ul li{margin-bottom:15px; overflow:hidden;}
.theme_box2 .box ul li .txt{width:99%;height:38px; line-height:38px; border:1px solid #d2d2d2; float:left;}
.theme_box2 .box ul li .txt h6{display:block;width:30%; font-size:14px; font-weight:normal; height:12px; line-height:12px;margin:14px 0px; text-align:center; border-right:1px solid #dedede; float:left; color:#666; }
.theme_box2 .box ul li .txt input{float:left; display:block;width:69%;border:none; line-height:38px;font-size:14px; color:#bbbbbb; text-indent:15px}
.theme_box2 .box ul li span{ display:block; font-size:14px; color:#888888;}
.theme_box2 .box ul .txt1{width:99%;height:38px; line-height:38px; border:1px solid #d2d2d2; }
.theme_box2 .box ul .txt1 h6{display:block;width:30%; font-weight:normal; height:12px; line-height:12px;margin:14px 0px; text-align:center; border-right:1px solid #d2d2d2; float:left; font-size:14px; color:#666; }
.theme_box2 .box ul .txt1 input{float:left; display:block;width:69%;border:none; line-height:38px;font-size:14px; color:#666; text-indent:15px}
.theme_box2 .box ul .txt1 select{float:left; display:block;width:69%;border:none; height:38px; line-height:38px;font-size:14px; color:#666; text-indent:15px; background:none;}
.theme_box2 .box ul li button{ display:block;width:90px;height:45px; float:right; background:#cdfcfc; border:none; line-height:45px; text-align:center;}
.theme_box2 .box ul li .submit{ display:block;width:100%;height:45px; text-align:center; line-height: 45px; color:#ffffff; font-size:18px; background:#3ccbc9; border:none;}
.theme_box2 .box .file{ background: none; height:50px; position: absolute; top: 0; left:30%; color: #666; padding-left: 3000px; background:url(../images/imgadd.jpg) no-repeat 355px 8px;}

.theme_box3{ width:100%;margin:0 auto; padding-bottom:10px;}
.theme_box3 h3{ font-size:18px; color:#333; margin-top:20px;margin-bottom:20px;font-weight:normal;}
.theme_box3 p{ font-size:16px; color:#666; line-height:30px;margin-top:10px;}
.theme_box3 a{display:block;width:100%;height:45px; line-height:45px; text-align:center; color:#ffffff; font-size:18px;background:#3ccbc9;margin-top:20px; }

.theme-popover-mask{background: #000 none repeat scroll 0 0;display: none;height: 100%;left: 0;opacity: 0.6;position: fixed;top: 0;width: 100%; z-index: 9998;}



/*------login--------------
.login_regiest{width:100%;height:auto; overflow:hidden; padding-top:20px;}
.login_regiest .prompt{ height:30px; line-height:30px; text-align:center; font-size:14px;}
.login_regiest .prompt b{color:#21d9d9;}
.login_regiest ul{width:90%;margin:20px auto;}
.login_regiest ul li{margin-bottom:20px; font-size:14px;}
.login_regiest ul .input{width:100%;height:50px; line-height:50px; border:1px solid #dedede;border-radius:3px;color:#808080;}
.login_regiest ul .input h6{width:90px;height: 20px;line-height: 20px;float: left;margin-top:15px;display: block;color: #666;font-size: 14px;font-weight: lighter; text-align:center;
border-right: 1px solid #dedede;}
.login_regiest ul .input input{ float:left; display:block;width:62%;height:20px; line-height:20px;margin-top:15px; border:none;text-indent:12px;}
.login_regiest ul .input img{float:right;max-width:26%;height:38px; margin-top:6px}
.login_regiest ul .check input{ float:left; margin:2px 6px 0 0;}
.login_regiest ul .check a{ float:right; color:#21d9d9;}
.login_regiest ul .submit input{ display:block; float:left; width:45%;padding:15px; text-align:center; background:#21d9d9; border:none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#ffffff; cursor:pointer;}
.login_regiest ul .submit a{ float:right; display:block; width:35%;padding:15px; text-align:center; background:#f2f2f2; border:none;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#000000;}

 ------hz_login-------------
.hz_login{width:100%;height:auto;margin-top:30px; border-top:1px solid #e6e6e6;}
.hz_login ul{width:90%;margin:0 auto;padding:20px 0px;}
.hz_login ul span{ display:block;  font-size:1.2em;margin-bottom:30px;}
.hz_login ul li{width:30%; float:left; text-align:center;}
.hz_login ul li a{ display:block;width:80%;margin:0 auto;}
.hz_login ul li img{max-width:60%;height:auto;}---- */