/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
h1, h2, h3 ,h4,h5{font-size: 100%;font-weight: normal;}
em { font-style:normal; }
strong { font-style:normal; }
li { list-style:none; }
a {text-decoration: none;color: #666;font-size:14px;}
a:hover{color:#fe8800;}
a:active {outline: 0;}
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
.bold {
  font-weight: bold;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.pt10 {
  padding-top: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.mt10 {
  margin-top: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.mt20 {
  margin-top: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }	

/*header footer*/
.header{ width:100%;  background: #fff;}
.header p{ font-size: 14px; color: #6666cc; height: 56px; line-height: 56px; text-align: right; width: 1000px; margin: 0 auto;} 
.header a.login_zc{ font-weight: bold; color: #6666cc; display: inline-block; margin-left: 10px; width: 70px; height: 30px; line-height: 30px; text-align: center; background: url(../image/login_dl.png) no-repeat center center;}
.footer{ width: 100%; height: 62px; text-align: center; color: #000; font-size: 12px; line-height: 62px;}
.Warp{ width:100%; height:750px;background: url(../image/login_bg.jpg) no-repeat center top #e1fbf5; overflow: hidden;}

/*login*/
.login_cont{ width:1000px; height:706px; margin: 0 auto;}
.login_box{ background: #FFFFFF; width: 400px; height: 470px; margin-top: 90px; float: right; }
.login_box h1{ text-align: center; color: #333; font-weight:bolder; font-size:28px; height: 90px; line-height: 90px;}

.login_form{ padding:0 34px;}
.login_form p{ height: 39px; margin-bottom: 20px;}
.User i{float: left; display: inline-block; width: 45px; height: 39px;}
.uName{ background: url(../image/login_inp.png) no-repeat 10px 5px #bdbdf6;}
.uPass{ background: url(../image/login_inp.png) no-repeat 10px -55px #bdbdf6;}
.User input{ width: 264px; padding: 0 10px;  height: 37px; line-height:37px; background: #f7f7f7; border: 1px solid #dddddd; border-left: none; font-size: 16px; color: #999999;}
.login_form p.yzm{ position:relative; margin-bottom: 0px; }
.yzm input{ float:left; width: 144px; padding: 0 10px; line-height:37px; height: 37px; background: #f7f7f7; border: 1px solid #dddddd; font-size: 16px; color: #999999;}
.yzm span{ float:left; margin-left:10px; position:relative; display:inline-block;width: 109px; height: 39px; cursor: pointer; }
.yzm img{width: 109px; height: 39px; }
.yzm .Refresh{float:right;/* width:20px; height:20px;*/ background: url(../image/Refresh.png) no-repeat;/* margin-top: 10px;*/width:45px; height:39px;
/*background-size: 100%;*/}

.login_form h2{ height: 61px; text-align: right; line-height: 48px; font-weight:bolder; }
.login_form h2 a{ font-size: 14px; color: #6666cc;} 

.login_kxdl{ width: 332px; height: 44px; line-height: 44px; text-align: center; background: url(../image/login_btn.jpg) no-repeat top center; color:  #FFFFFF; font-size: 18px; cursor: pointer;}

.login_form h4{  height: 60px; line-height:60px; text-align: center; font-size: 12px; color: #666666;}
.login_form h4 a{ font-size: 14px; color: #6666cc; padding: 0 5px;}
.login_form h4 span{font-size: 14px; color: #6666cc; }

.login_form h5{color:#f00; background: url(../image/gth.png) no-repeat 20px center;  padding-left:20px;  margin-bottom:20px;text-align:center;}
.login_form h5 a,.register_cont h5 a{color:#66c; font-size:14px;}
.register_cont h5{color:#f00; background: url(../image/gth.png) no-repeat left center;  padding-left:20px;  margin:10px 0 0 400px;}


.login_ljzc{display:block; text-align: center; background: #5f5e5e; color: #FFFFFF; font-size: 24px; font-weight: bold; height: 58px; line-height: 58px;}
.login_ljzc:hover{ color: #FFFFFF;}

/*register*/
.register_cont{ width: 1000px; height: 660px; margin: 20px auto 0; background: #FFFFFF;}
.register_cont h1{ height: 72px; line-height: 72px; font-size: 28px; text-align: center; color: #333333; font-weight:bolder;}
.register_cont p{margin:0 auto;}
.register_cont .Userinfo{ width:426px; margin:0 auto; overflow:hidden;}
.register_cont .Userinfo span{ width:90px; height:38px; line-height:38px; display:inline-block; float:left; font-weight:bolder; text-align:right; font-size:14px; color:#333333; }
.register_cont .Userinfo i{ padding-left:10px; padding-right:15px; color:#ff0000}
.register_cont .Userinfo input{ width:324px; height:28px; padding:5px; background:#f7f7f7; border:1px solid #dddddd;}
.register_cont p.mt{ margin-top:25px;}

.ts{ width:336px;  padding-left:90px; height:25px; line-height:25px; color:#6a6a6a;}

.tx_jg{ padding-left:20px;background:url(../image/gth.png) no-repeat left center; color:#ff0000;}
.tx_zq{ padding-left:20px; background:url(../image/open.png) no-repeat -46px -24px; color:#97be65;}
.tx_xx{  padding-left:20px;background:url(../image/light.jpg) no-repeat left center; color:#6a6a6a;}


.Userinfo_yzm{ width:426px; margin:0 auto;}
.Userinfo_yzm span{ width:90px; height:38px; line-height:38px; display:inline-block; float:left; font-weight:bolder; text-align:right; font-size:14px; color:#333333; }
.Userinfo_yzm i{ padding-left:10px; padding-right:15px; color:#ff0000}
.Userinfo_yzm input{ width:154px; height:28px; padding:5px; background:#f7f7f7; border:1px solid #dddddd;}
.Userinfo_yzm em{ display:inline-block; float:right;}
.Userinfo_yzm img{ width:155px; height:39px;}
.Userinfo a.tyzc{ display:block; float:right;  width: 330px; height: 44px; line-height: 44px; text-align: center; background: url(../image/login_btn.jpg) no-repeat top center; color:  #FFFFFF; font-size: 18px; cursor: pointer;}
.ts a.fwtk{ font-size:14px; color:#336699; text-align:center; display:block; }


.yyzh{ width:1000px; margin:20px auto 0; text-align:right; font-size:14px; height:30px; line-height:30px; color:#6666cc; overflow:hidden} 
.yyzh a{ display:inline-block; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:url(../image/yyzh.png) no-repeat left center;}

.yhmhm{ float: left; color:#F00; padding-left:20px; display:inline-block;background:url(../image/gth.png) no-repeat left center;}

/*条款*/
.clause{ width: 960px; height: 630px; margin: 20px auto 0; background: #FFFFFF; padding:0 20px 20px 20px; overflow:hidden; }
.clause_box{width: 920px; height: 560px; padding:0 20px; overflow:auto;}
.clause_bt{ height:70px; font-size:28px; text-align:center; line-height:70px; font-weight:bold; color:#333;}
.clause p{ font-size:14px; color:#333; line-height:28px;}
.clause h2{ font-size:14px; color:#333; line-height:28px;}


.Retrieve_password{
	width:900px;
	margin:40px auto 0;
	}
.Retrieve_tab{
	height:48px;
	border-bottom:3px solid #3b90d1;
	padding:0 10px;
	}
.Retrieve_tab a{
	display:inline-block;
	width:140px;
	text-align: center;
	height:48px;
	line-height:48px;
	color:#575757;
	background:#e7e7e7;
	margin-left:10px;
	border-radius:3px 3px 0 0;
	font-size:18px;
	}
.Retrieve_tab a.active{
	background:#3b90d1;
	color:#fff;
	}
.Retrieve_tablist{
	display:none;
	}
.Retrieve_cont{
	padding-top:60px;
	}
.From{
	width:500px;
	height:40px;
	margin:0 auto;
	}
.From_Prompt{
	padding-left:80px;
	width:420px;
	margin:0 auto;
	}
.From_tit{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#333333;
	text-align:right;
	width:65px;
	padding-right:15px;
	}
.From_text{}
.From_text input{
	display:inline-block;
	padding:5px;
	height:28px;
	border:1px solid #dddddd;
	background:#f7f7f7;
	}
.From_other{}
.From_other a.replace{
	font-weight:bold;
	line-height:40px;
	color:#2289bf}
.From_text a.send{
	margin-left:10px;
	display:inline-block;
	font-size:12px;
	line-height:38px;
	text-align:center;
	width:78px;
	height:38px;
	border:1px solid #80bc4d;
	background:#e7f4dc;
	color:#80bc4d;
	}
.From_Prompt_text{
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#aaaaaa;	
	}
.w320{
	width:320px;}
.w155{
	width:155px;}
.mt30{
	margin-top:30px;
	}
.btn{
	display:inline-block;
	border-radius:3px;
	width:130px;
	height:46px;
	text-align:center;
	line-height:46px;
	font-size:18px;
	background:#6666cc;
	color:#fff;
	}
.btn:hover{	
	color:#fff;
	}
	
/* top */
.top_warp {
  width: 100%;
  background: #333333;
  color: #FFFFFF;
  text-align: center;
}
.top_warp .top {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.top_warp .L_top {
  float: left;
  width: 700px;
  height: 45px;
}
.top_warp .L_top li {
  float: left;
  position: relative;
  z-index: 999;
}
.top_warp .L_top li a {
  display: block;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  color: #FFFFFF;
}
.top_warp .L_top li:hover a {
  background: #FFFFFF;
  color: #666;
}
.top_warp .L_top li .list {
  display: none;
  position: absolute;
  width: 300px;
  border: 1px solid #DDDDDD;
  border-top: none;
  background: #fbfbfb;
  padding: 5px 0;
}
.top_warp .L_top li .list a {
  text-align: left;
  height: 30px;
  line-height: 30px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.top_warp .L_top li .list a:hover {
  color: #666666;
  background: #f3f3f3;
}
.top_warp #Work:hover .list {
  display: block;
}
.top_warp .R_top {
  float: right;
  width: 300px;
  height: 45px;
  text-align: right;
}
.top_warp .R_top .top_user {
  line-height: 45px;
  padding-right: 15px;
}
.top_warp .R_top .top_user a {
  color: #FFFFFF;
}
.top_warp .R_top .top_exit {
  height: 18px;
  padding: 0 12px;
  color: #fdf0b1;
  border: 1px solid #fdf0b1;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}