html,
body {
background: #fff;
width: 100%;
}
html {
font-size: 10px;
}

body {
font-family:"Microsoft YaHei",'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
min-height: 100%;
position:relative;
direction: ltr;
color: #777;
overflow-x: hidden;
overflow-y: scroll;
}
img{
	border: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{margin: 0;padding: 0;}
a {
color: #777;
text-decoration: none;
}
ul li,ol li{
	list-style: none;
} 
 a:focus {
color: #d9d9d9;
}
a:focus{outline:none;}
a:active {
color: #bfbfbf;
}
code, kbd, pre, samp {
    font-family: 'Titillium Web', sans-serif;
}



/*header*/

.header_bg{
	width:100%;
	height:60px;
	background:#03b1fa;
	min-width: 1200px;
}

.header_bg .header{
	/*has*/
	margin: 0 auto;
	width:1000px;
	height:60px;
	background:#03b1fa;
	
}
.header-left{
	padding-top:6px;
	width:100px;
	float:left;
	
}
.header-right{
	float:right;
	height:60px;
}
.header-right ul li{
	/*has*/
	float:left;
	width:90px;
	text-align: center;
	font-size: 16px;
	height:60px;
	line-height: 60px;
	margin: 0px 10px;
	
	
}
.header-right ul li.active{
	
	border-bottom: 4px solid #fff;
	box-sizing: border-box;
	
}
.header-right ul li.account-bg{
	padding-top:16px;
	margin-left: 20px;
	position: relative;
}

.header-right ul li.account-bg #help-register{
	display: none;
	position:absolute;
	top:44px;
	left:0;
	background: #fff;
	z-index: 50;
	height:54px;
	width:80px;	
}
.header-right ul li.account-bg #help-register p a{
	font-size: 12px;
	line-height: 24px;
	color:black;
}
.header-right ul li.account-bg a{
	background: #fff;
	color:#00b4fe;
	font-size: 12px;
	width:80px;
	height:28px;
	display:block;
	line-height: 18px;
	border-radius: 2px;
}

.header-right ul li.account-bg img{	
	width:20px;
	height:20px;
	margin:5px 4px;
	float:left;	
}
.header-right ul li.account-bg span{
	float:left;
	margin-top:5px;  
}
.header-right ul li.account-bg a:hover{
	color: #fff;
}
.header-right ul li a {	
	color:#d6f6f1;
	display: inline-block;
	width:96px;
	height:60px;
}
.header-right ul li a:hover{
	background:#0099dc;
} 
/*.header-right ul li.account-bg a:hover{
	color:#00b4fe;
}*/
.header-right ul li.account-bg #help-register p a:hover{
	color: #fff;
}
.clearfix:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
} 


 /*footer*/
  
  .footer-content-bg{
  	width:100%;
  	background:#f2f2f2;
  	min-width: 1200px;
  	
  }
  .footer-content{
  	margin: 0 auto;
  	width:1000px;
  	/*become*/
  	padding-top: 20px;
  	
  }
   .footer-content dl{
   	/*become*/
   	text-align: left;
	float:left;
	width:21.7%;
	height:223px;
   	color: #666666;
   }
   
   .footer-content dl dt a{
    font-size: 16px;
    line-height: 54px;
    color: #666666;
   }
   .footer-content dl dd p{
   	font-size: 14px;
   	line-height:32px;
   }
   .footer-content dl dd a{
   	display: block;
   	font-size: 15px;
   	line-height:32px;
   }
  .footer-content .footer-border{
   	width:120px;
   	height:1px;
   	background: #b2b2b2;
   	margin-bottom: 8px;
   }
   
   .wx-img{
   	/*become*/
   	width:130px;
   	height:223px;
   float:left;
   }
   .focus-web{
   	/*become*/
   	font-size: 16px;
    line-height: 54px;
    color: #666666; 
   }
    
    
    .footer-copyRight-bg{
    	background: #e4e4e4;
    	height:50px;
    	width:100%;
    	min-width: 1200px;
    }
    .footer-copyRight{
    	margin: 0 auto;
    	width:1000px;
    	color:#666666;
    	font-size: 14px;
    }
    
    .copyRight{
    	float:left;
    	line-height: 50px;
    }
     .footer-copyRight span{
     	float:right;
          	
     }
  	 .footer-copyRight span img{
  	 	margin-top: 5px;
  	 }
  	 
  	 
  	 /*fix-right*/
  	 .fix-right{
  	 	width:130px;
  	 	height:284px;
  	 	
  	 	position: fixed;
  	 	right:0;
  	 	top:50%;
  	 	margin-top: -141px;
  	 	z-index: 2000;
  	 }

.fix-qq,.fix-tel,.fix-wx,.fix-top{
	width:70px;
	float:right;
	height:70px;
	
	text-align: center;
	cursor: pointer;
}

/*.fix-qq,.fix-tel{
	width:130px;
		
}*/
.fix-wx{
	position: relative;
}
.fix-wx .fix-wx-img{
	position: absolute;
	top:-37px;
	right:90px;
	display: none;
}
.fix-tel-content{
	height:70px;
	float:right;
	width:70px;
	background: #38BBEB;
	color: #fff;
	text-align: center;
}
.fix-qq-content{
	width: 200px;
	float:right;
	
}
.fix-tel-content{
	background: #F0B951;
}
.fix-qq-content a{
	height:70px;
	width: 70px;
	float: right;
	background: #38BBEB;
	transition: width ease 0.3s;
    -webkit-transition: width ease 0.3s;
    -moz-transition: width ease 0.3s;	
}
.fix-qq-content a .fix-qq-content-left,.fix-qq-content a .fix-qq-content-right{
	float:left;
}
.fix-qq-content a .fix-qq-content-left{
	text-align: center;
	width: 70px;
	height:70px;
}
.fix-qq-content a .fix-qq-content-right{
	width:160px;
	height:70px;
	text-align: left;
}
.fix-qq-content-right h4{
	line-height: 36px;
	font-size: 16px;
	margin-top:5px;
	color: #fff;
	font-weight: normal;
}
.fix-qq-content a,.fix-qq-content a img,.fix-qq-content a span,.fix-tel-content img,.fix-tel-content span {
	display: block;
}
.fix-qq-content a span,.fix-tel-content span{
	color: #fff;
	font-size: 14px;
}
.fix-qq-content a img,.fix-tel-content img{
	margin-left: 16px;
	margin-top: 6px;
}
.fix-qq-content a,{
	text-align: center;
	height:70px;
}

.fix-wx .fix-tel-content{
	background: #5BD16A;
}
.fix-top .fix-tel-content{
	background: #ff8d6e;
}

.fix-tel:hover{
	background: #fbad19;
}
.fix-qq .fix-qq-content a:hover{
	background: #1cb1fc;
	
}
.fix-wx .fix-tel-content:hover{
	background: #1dc932;
}
#fix-tel{
	background: #f0b951;
}
#fix-tel:hover{
	background: #fbad19;
}
.fix-top .fix-tel-content:hover{
	background: #fd673f;
}



/*add-broadcast*/

.add-broadcast{
	position: fixed;
	left:50%;
	top:50%;
	z-index: 200;
	width:400px;
	height: 210px;
	margin-top: -105px;
	margin-left:-200px;
	text-align: center;
	opacity: 0;
	display: none;
	background:url(../img/index/popup_bg.png) no-repeat center center;
}
.add-broadcast-content{
	width:400px;
	height: 210px;
	position: relative;
}
.popup-img{
	margin-top: 22px;
}
.add-broadcast-content h4{
	line-height: 48px;
	color:#fff;
	font-size: 22px;
	font-weight: normal;
}
.popup-close{
	position: absolute;
	display: block;
	right:4px;
	top:4px;
}
.add-broadcast-content a{
	display: inline-block;
	margin-top: 40px;
	height:40px;
	width: 120px;
	color: #fff;
	background: #02b1fb;
	font-size: 16px;
	line-height: 40px;
	border-radius: 6px;
}