/* CSS Document */
body,ul,p,h2{ margin:0; padding:0;}
body{ font-family: "微软雅黑";
      font-size: 12px; 
      background: #fff;
      color: #666;}
li{ list-style:none;}

/*头部样式*/
#head{ width:100%; min-width: 1000px; height:20%; margin:0 auto; overflow: hidden;}
#head .top{ width:70%; min-width: 1000px; margin:20px auto 16px; overflow:hidden;}

#head .top .left{ float:left; width:330px;}
#head .top .left .logo{ float:left;/* border-right:1px solid #aaacaf;*/}
#head .top .left .logo a{ display:inline-block;}
#head .top .left .logo img{ margin-right:15px; }
#head .top .left h2{ float:right; font-size:20px; line-height:39px; color:#717171; display:none;}

#head .top .right{ float:right; line-height:30px;}
#head .top .right ul{ overflow:hidden;}
#head .top .right ul li{ float:left;}
#head .top .right ul li a{ text-decoration:none; color:#959595;}
#head .top .right ul li a:hover{color:#ec1a1c;}
#head .top .right ul li a img{ vertical-align:middle;}
#head .top .right ul li a.qq{ color:#ee4e4c;}

/*content*/
#content{ background-color:#000;}
#content .con_middle{ position:relative;
					  width:70%; 
					  min-width:1000px; 
					  height:100%; 
					  background:url(../images/banner/banner8.jpg) no-repeat center center; 
					  margin:0 auto; }
/*登录框*/
#content .login{ position:absolute; 
				 right:0; 
				 display:none; 
				 width:314px; 
				 height: 390px;
    	  		 border: 1px solid #fff;
		  		 border-radius: 4px;
		  		 box-shadow:0 0 20px #fff;
				 background-color: #fcfdfd;				 
				 background: rgba(255,255,255,0.9);
				 filter:alpha(opacity=90); }
#content .login .box{ padding:0 35px; border-left:none; }
/*标题*/
#content .login .box h2{ height:82px; line-height:82px; color:#304b65; font-size:18px; font-weight:bold; display:block; margin-top:20px;}
#content .login .box h2 b span{ color:#ef7070;}

/*文本框*/
#content .login .box table{ border-collapse: collapse; border-spacing: 0;}
#content .login .box table .style1 { color: #666; font-size: 16px;}

/*用户名密码*/
#content .login .box table tr:nth-of-type(2) td:nth-of-type(2),
#content .login .box table tr:nth-of-type(3) td:nth-of-type(2){ position:relative; height:50px; line-height:50px;}

#content .login .box table tr .TextBox{ width: 207px;
										height: 41px;
										line-height: 40px;
										background-size: 244px 40px;
										padding-left: 10px;
										color: #222;
										font-size: 14px;
										outline: none;
										background: url(../images/input_bj.png) no-repeat;
										border: none;}
#content .login .box table tr .TextBox:focus { outline: none;
 											   background: url(../images/input_bj1.png) -5px -5px no-repeat;}
#content .login .box table tr .selectbox{ width: 235px;
										  height: 38px;
										  line-height: 38px;
										  background-size: 220px 38px;
										  border-radius: 3px;
										  padding-left: 10px;
										  color: #304b65;
										  font-size: 14px;
										  outline: none;
										  border: 1px solid #999;
									      background: url(../images/arrow.png) no-repeat 220px center #fff;
										  cursor: pointer;}


#content .login .box ul{ overflow:hidden; background: #fff;}
#content .login .box ul li input{ width:190px; height:42px; border:1px solid #999; border-radius:3px; padding-left:40px; color:#c9d1de; line-height:42px;}
#content .login .box ul li img{ vertical-align:middle;}
#content .login .box ul li button{ width:228px; height:42px; background:url(../images/login_btn1.png) no-repeat; text-align:center; line-height:37px; cursor:pointer;}

#content .login .box ul li a:link,#content .login .con .box ul li a:visited{ text-decoration:none; color:#749fdf;}
#content .login .box ul li a:hover{ color:#749fdf;}

/*下拉框样式*/
div.selectbox-wrapper { position:absolute; margin-top:-5px; width:245px; border-top:0; background:#fff; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; margin-left:0; border-radius:0 0 6px 6px; z-index:999; padding-bottom: 3px;}
div.selectbox-wrapper ul li.current { background-color:#e8f1f8;}
div.selectbox-wrapper ul li { line-height:26px; padding-left:10px; width:235px; font-size:14px; cursor:pointer; color:#304b65;}


/*登录按钮*/
.button{position: relative;
		display: inline-block;
		width: 100%; 
		height: 45px; 
		line-height: 45px; 
		color: #fff;
		text-align: center; 
		background-image:url(../images/btn_new.png);
		background-size:100% 100%; 
		cursor: pointer; 
		letter-spacing:4px; 
		font-size: 18px; }
.button:hover{ background-image:url(../images/btn_newhover.png);}
.button .img1 { width:36px; height:36px; position:absolute; left:50%; top:3px; margin-left:-18px; display:none;}

/*#foot*/
#foot{ width:100%; min-width:1000px; height: 50px; line-height:50px; margin:0 auto;}

#foot .footer{width: 70%; min-width: 1000px; margin: 0 auto; overflow: hidden;}

#foot .footer .f_left{ float: left;}
#foot .footer .f_right{ float:right;}
#foot .footer .f_right ul{ overflow:hidden;}
#foot .footer .f_right ul li{ float:left;}
#foot a:link,#foot a:visited{ text-decoration:none; color:#999;}
#foot .f_left a:hover{ cursor:default;}
#foot .f_right a:hover{ color:#ec1a1c;}


/*提示浏览器版本信息*/
#tipsth{
	height: 50px;
	width: 100%;
	line-height: 50px;
	color: black;
	cursor: pointer;
	background: #eceff5;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	letter-spacing: 1px;
	border-bottom:1px solid #c9d3e6;
}
#tipwarn{
	display: inline-block;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	height: 19px;
	width: 19px;
	background: url(../images/tip-warn.png);
	margin-right: 3px;
}
.span_orange{
	color: #e8790a;
	float: left;
	overflow: hidden;
}
#messageshow span{
	height:50px;
	line-height:51px;
	display:inline-block;	
}

.loadqihu{
	 display:inline-block;
	 float: left; 
	 height:32px;
	 line-height:33px;
	 width: 85px;
	 text-align: center;
	 /*line-height: 25px;*/
	 margin-top: 8px;
	 margin-left: 10px;
	 color: #fff;
	 text-decoration: none;
	 background:url(../images/tip_btn.png) no-repeat center;
}
.loadqihu:hover{
	background:url(../images/tip_btn-hover.png) no-repeat center;
}
.notips{
	display: inline-block;
    height: 32px;
    width: 122px;
    text-align: center;
    line-height: 33px;
    float: left;
    margin-top: 8px;
	color:#604e29;
    margin-left: 15px;
	background:url(../images/nomore-tip.png) no-repeat center;
}
.notips:hover{
	background:url(../images/nomore-tip-hover.png) no-repeat center;
	
}
#alertbtn1{
	float: left;
	margin-top: 8px; 
	display: inline-block;
	height: 32px; 
	text-decoration: none; 
	line-height: 33px;
	width: 95px;
	text-align:center;
	background: url(../images/tip-lesson.png) center center no-repeat;
	color:#fff;
}
#alertbtn1:hover{
	background: url(../images/tip-lesson-hover.png) no-repeat center;
	
}
#closebtn{
	float: right;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-top:18px;
	margin-right: 20px;
	cursor: pointer;
}
/*系统下拉hover*/
#localeCode_container ul li:hover{}




/*二维码*/
.qcode-space{
	height: 100%;
	width: 100%;
	text-align: center;
	position: relative;
}
.login-qcode{
	height: 90%;
	padding: 43px 35px 0;
	
}
.qcode-title{
	font-size: 16px;
	color: #3c3c3c;
	text-align: left;
}
.qcode-main{
	text-align: center;
	vertical-align: middle;
	margin-top: 35px; 	
	height: 35%;
	position: relative;
}

#showQcode{
	display: inline-block;
	/*height: 100px;
	width: 100px;*/
	height: 120px;
	width: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -60px;
	margin-left: -60px;
	
}
#showQcode canvas{
	height: 120px;
	width: 120px;
}
#showQcode table{
	height: 120px !important;
	width: 120px !important;
}
#showQcode table tr{
	height: 3px !important;
}
.qcode-help{
	position: absolute;
	height: 184px;
	width: 127px;
	top: -15px;
	/*right: 0;*/
	right: -10px;
	z-index: 10;
	display: block;
	display: none;
}

#qcode-switch{
	position: absolute;
	right: 10px;
	top: 10px;
	height: auto;
	width: auto;
	z-index: 999;
	/*border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
}
.con{
	position: relative;
}
.switch-tip-wrap{
	position: absolute;
	width: 55%;
	top: 10px;
	right: 80px;
	z-index: 100;
}
.switch-tip-dad{
	border: 1px solid #f3d995;
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 100%;
}
.switch-tip{
    padding-left: 28px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #df9d1e;
    background: #fefcee url(../images/smalllogo.png) no-repeat 17% center;
}
.switch-arrow{
    position: absolute;
	z-index: 10;
    top: 6px;
	right: 0;
}
.switch-arrow em{
    top: 0;
    left: 1px;
    position: absolute;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-width: 6px 0 6px 6px;
    border-left-color: #fefcee;
    overflow: hidden;
    top: 0;
    left: -1px;
}
.switch-arrow span{
	border: 1px solid transparent;
	border-width: 6px 0 6px 6px;
	border-left-color: #f3d995;
	position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 0;
    left: 0;
}
.hot{
	display: inline-block;
	color: #c51f1f;
	margin-left: 3px;
	text-decoration: none;
}
.qcode-footer{
	text-align: center;
	width: 100%;
	margin-top: 55px;
}
.qcode-footer div{
	display: inline-block;
}
.qcode-footer div dl{
	
}
.qcode-footer div dl dt{
	float: left;
	margin-right: 5px;
}
.qcode-footer div dl dd{
	margin-left: 5px;
	float: left;
}
.qcode-footer p{
	display: block;
	overflow: hidden;
}
.verline{
	display: inline-block;
	height: 12px;
	width: 1px;
	margin-left: 8px;
	margin-right: 5px;
	background: #c51f1f ;
	margin-top: 3px;
}
.hot1{
	color: #ef7070;
}
.l{
	float: left;
}
.box_h{
	margin-top: 15px;
}
.h2{
    font-size: 18px;
    color: #304b65;
    display: block;
    font-weight: bold
}