.wd1200{
	width:1200px;
	margin:0 auto;
}
.dpnone{
	display: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.img-box img{
	width:100%;
	min-height:100%;
}

html.begray{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

/*头部广告*/
.topadv{
	height:80px;
	overflow: hidden;
	margin-top:15px;
	position: relative;
}
.topadv a{
	display: block;
	width:100%;
	height:100%;
}
.topadv img{
    width:100%;
    height:100%;
}

/*关闭广告*/
.close-adv{
	display:block;
	width:18px;
	height:18px;
	font-size:18px;
	line-height:18px;
	text-align: center;
	color: white;
	background:#999;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.header{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	margin:12px auto;
}
.logo-box{
	width:338px;
}
.search-box{
	position: relative;
	height:32px;
}
.search-box input{
	width:274px;
	font-size:16px;
	line-height:32px;
	padding-left:10px;
	border:1px solid #CCCCCC;
	
}
#search-btn{
	position: absolute;
	display: block;
	width:56px;
	height:34px;
	background:#0086FE;
	color:white;
	font-size:14px;
	line-height:34px;
	right: 0;
	top:0;
	text-align: center;
}
.share-box a{
	display: inline-block;
	margin-left:10px;
}
.share-box .headericon-box{
  	width:42px;
	height:42px;  
}
.showcode{
  position:relative;
}
.twocode-box{
   width:150px;
   height:150px;
   overflow: hidden;
   position:absolute;
   top:50px;
   left:-65px;
   display: none;
   z-index:100;
}
.twocode-box img{
   width:100%;
}
.showcode:hover .twocode-box {
   display: block;
}


/*导航栏*/
.nav-wrap{
	font-size:16px;
	line-height:24px;
	color: white;
	background:#0099FF;
}
.nav-wrap a{
	color: white;
}
.nav-wrap .nav-box{
}
.nav-wrap ul li{
	display: inline-block;
	padding-top:18px;
	padding-bottom: 12px;
	min-width:60px;
	text-align:center;
	margin:0 20px;
}
.nav-wrap ul li.on{
	border-bottom: 4px solid white;
}

@media only screen and (max-width: 1200px) {
	iframe{
		display: none;
	}
	.topadv{
		margin-top:0;
	}
    .wd1200{
    	width:95%;
    }
}
@media only screen and (max-width: 960px)  {
	.search-box{
		display: none;
	}
	.nav-wrap{
		overflow: hidden;
	}
	.nav-wrap .nav-box{
		width:96%;
		height:58px;
		/*overflow-x: scroll;*/
	}
    .nav-wrap .nav-box ul{
    	width:auto;
    	white-space: nowrap;
	    -webkit-overflow-scrolling: touch;
	    overflow-x: auto;
	    overflow-y: hidden;
	    overflow: -moz-scrollbars-none;
	    overflow: -moz-scrollbars-none;
    }
     .nav-wrap .nav-box ul::-webkit-scrollbar{
	    display: none;
	}
	

}
@media only screen and (max-width: 760px){
    .logo-box{
    	width:39%;
    }
    .share-box .headericon-box{
    	width:30px;
    	height:30px;
    }
    .twocode-box{
       width:60px;
       height:60px;
       overflow: hidden;
       position:absolute;
       top:35px;
       left:-25px;
       display: none;
       z-index:100;
    }
    
    
}




/*尾部*/
.footer{
	background: rgb(67,66,66);
    color: #888888;
}
.ft_top {
    margin: 0 auto;
    padding: 20px 0;
}
.ft_top .ft_left{
	float: left;
	width:100%;
}
.ft_top h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.ft_top h5 a {
    margin-right: 35px;
}
.ft_top a{
    color: #dfdede;
}
.nofollow{
    color: #888888;
    text-align: center;
}
.nofollow span{
	line-height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.ft_bottom{
	width:100%;
    background: rgb(62,60,60);
    border-top: 2px solid rgb(65,65,65);
}
.ft_bottom p{
	text-align: center;
	padding:15px 0;
}
@media only screen and (max-width: 1200px){
	.ft_top.wd1200{
		width:96%;
	}
	.ft_top.wd1200 img{
	    max-width:80px;
	}
	.ft_top h5 a{
		margin-right:8px;
	}
	.ft_top.wd1200 .nofollow{
		display: none;
	}
}


/**回到顶部**/
.dpnone{
  display:none;
}
.return-top{
   background:rgba(50,50,50,0.3);
   position:fixed;
   right:100px;
   top:400px;
   z-index:88;
}
.return-top:hover{
   background:rgba(50,50,50,0.1);
}
.return-top img{
   width:40px;
   height:40px;
   padding:10px;
   display:block;
   margin:0 auto;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
   .return-top{
      right:80px; 
   }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
     .return-top{
         right:10px; 
     }
}	
@media (max-width: 1200px) {
    .return-top{
         display: none;
     }
}	


/*面包屑*/
.ct-nav{
	font-size:16px;
	color:rgb(51,51,51);
	line-height:16px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(200,200,200);
	margin-bottom: 20px;
}
.ct-nav span{
	margin:0 5px;
}


/*直播*/
.tv-box{
    margin:10px 0 10px -40px;
}
.tv-box i{
    display:inline-block;
    width:20px;
    height:18px;
    background:url(/images/live.png) no-repeat;
    background-size:100% 100%;
    margin-right:8px;
    margin-bottom:-3px;
}
.tv-box .active i{
    background:url(/images/live_blue.png) no-repeat;
    background-size:100% 100%; 
}
.tv-box .active a{
    color:#0099FF;
}
.tv-box span{
    font-size:18px;
    line-height:25px;
    height:25px;
    margin-left:60px;
}

