﻿.content{
	width:1200px;
	height:auto;
	margin:10px auto 0;
}
.contentLeft{
	width:300px;
	height:auto;
}
.a:hover {
	color:#23b8ff;
}
.announcement{
	width:100%;
	height:auto;
	border:1px solid #ddd;
	padding:0 0 10px;
}
.announcement p{
	width:100%;
	background:linear-gradient(#fff,#f4f4f4);
	line-height:50px;
	text-align:center;
	position:relative;
	border-bottom:1px solid #ddd;
}

.title_class{
	width:100%;
	line-height:30px;
	text-align:center;
	position:relative;
	color:#666;
    font-size:15px;
    font-weight:normal;
	text-indent:2em;
}

.announcement p:before{
	content:'';
	position:absolute;
	bottom:-3px;
	left:10%;
	width:80%;
	height:10px;
	border-left:2px solid #23b8ff;
	border-right:2px solid #23b8ff;
}
.announcement p:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:9%;
	width:83%;
	border-bottom:2px solid #23b8ff;
}
.announcement h5{
	line-height:30px;
	margin-top:20px;
	padding:0 5%;
	text-indent:2em;
	font-size:15px;
	font-weight:normal;
	color:#666;
}
.hotRanking{
	width:100%;
	height:auto;
	border:1px solid #ddd;
	margin-top:10px;
}
.hotRankingList{
	width:100%;
	height:auto;	
}
.hotRankingList a{
	border-top:1px solid #ddd;
	width:96%;
	padding:15px 2%;
	font-weight:normal;
	display:block;
}
.hotRankingList a i{
	padding:0px 5px;
	font-style:normal;
	border:1px solid #23b8ff;
	position:relative;
    top:8px;
	color:#23b8ff;
}
.hotRankingList a:nth-child(1) i{
	background:#23b8ff;
	color:#fff;
}
.hotRankingList a:nth-child(2) i{
	background:#23b8ff;
	color:#fff;
}
.hotRankingList a:nth-child(3) i{
	background:#23b8ff;
	color:#fff;
}
.hotRankingList a:nth-child(even){
	background:#fefff4;
}
.hotRankingList a span{
	width:87%;
	display: inline-block;
	color:#666;
	line-height:30px;
	font-size:14px;

}

.hotRankingList a:hover span{
	width:87%;
	display: inline-block;
	color:#23b8ff;
	line-height:30px;
	font-size:14px;
}
.hotRankingList a span b{
	color:#999;
	font-weight:normal;
}

.hotRankingList a:hover span b{
	color:#23b8ff;
	font-weight:normal;
}
.contentRight{
	width:880px;
}
.newsList{
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.newsOne{
	width:430px;
	height:auto;
	border:1px solid #ddd;
	display:inline-block;
	margin:0 0 15px;
}
.newsOne p{
	height:50px;
	width:100%;
	line-height:50px;
	background:url("../img/icon.png") no-repeat 0px -291px;
	border-bottom:1px solid #ddd;
}
.newsOne p b{
	font-weight:normal;
}
.newsIcon{
	width:28px;
	height:29px;
	background:url("../img/icon.png") no-repeat 0px -67px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsIconTwo{
	width:33px;
	height:34px;
	background:url("../img/icon.png") no-repeat 0px 0px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsIconThree{
	width:32px;
	height:32px;
	background:url("../img/icon.png") no-repeat 0px -184px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsIconFour{
	width:31px;
	height:31px;
	background:url("../img/icon.png") no-repeat 0px -35px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsIconFive{
	width:33px;
	height:29px;
	background:url("../img/icon.png") no-repeat 0px -154px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsIconSix{
	width:30px;
	height:31px;
	background:url("../img/icon.png") no-repeat 0px -217px;
	display:inline-block;
	position: relative;
	top:8px;
	margin-left:15px;
}
.newsOne p span{
	margin-right:10px;
	color:#999;
}
.newsOne p span strong{
	margin-left:5px;
}


.newsOne p a{
	margin-right:10px;
	color:#999;
}
.newsOne p a:hover{
	margin-right:10px;
	color:#23b8ff;
}
.newsOne p a strong{
	margin-left:5px;
}

.newsOne p a{
	margin-right:10px;
	color:#999;
}
.newsOne p a strong{
	margin-left:5px;
}

.newsOneList{
	width:96%;
	padding:10px 2% 0;
}
.newsOneList a{
	line-height:40px;
	font-size:14px;
	border-bottom:1px dashed #ddd;
	font-weight:normal;
	color:#666;
	display:block;
}
.newsOneList a:hover{
	line-height:40px;
	font-size:14px;
	border-bottom:1px dashed #ddd;
	font-weight:normal;
	color:#23b8ff;
	display:block;
}
.newsOneList a i{
	width:11px;
	height:11px;
	background:url("../img/icon.png") no-repeat 0px -253px;
	display:inline-block;
	margin-right:5px;
}
.imgList{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:nowrap;

	margin-bottom:20px;
}
.imgList a{
	border:1px solid #ddd;
}
.imgList a:hover{
	border:1px solid #ddd;
    color:#23b8ff;
}
.imgList a b{
	border-bottom:1px solid #ddd;
	padding:10px;
	display:inline-block;
}
.imgList a p{
	padding:10px;
	color:#666;
	font-size:16px;
}
.imgList a:hover p{
	padding:10px;
	color:#23b8ff;
	font-size:16px;
}

.todayRecommendedList{
	width:540px;
	border-left:1px solid #ddd;
}
.hotRankingTopIconOne{
	width:29px;
	height:31px;
	background:url("../img/icon.png") no-repeat -0 -122px;
	display:inline-block;
	position:relative;
	top:7px;
	left:10px;
}
.todayRecommendedTop{
	border-bottom:1px solid #ddd;
}
.todayRecommendedTop span{
	margin-right:10px;
	color:#999;
}
.todayRecommendedTop span strong{
	margin-left:5px;
}
.todayRecommendedTop a{
	margin-right:10px;
	color:#999;
}

.todayRecommendedTop a:hover{
	margin-right:10px;
	color:#23b8ff;
}
.todayRecommendedTop a strong{
	margin-left:5px;
}
.todayShuffling{
	width:340px;
	height:100px;
}
.todayRecommended{
	border:1px solid #ddd;
	display:flex;
	margin-bottom:20px;
}

.slideBox{ 
	width:340px; 
	height:255px; 
	overflow:hidden; 
	position:relative; 
	padding:10px;
    vertical-align:middle;
}
.slideBox .hd{ 
	height:15px; 
	overflow:hidden; 
	position:absolute; 
	right:140px; 
	bottom:15px; 
	z-index:1; 
}
.slideBox .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left;  
}
.slideBox .hd ul li{ 
	float:left; 
	margin-right:2px;  
	width:10px; 
	height:10px; 
	line-height:14px; 
	text-align:center; 
	background:#fff; 
	cursor:pointer; 
	border-radius:100%;
	margin-left:10px;
}
.slideBox .hd ul li.on{ 
	background:#23b8ff; 
	color:#fff; 
}
.slideBox .bd{ 
	position:relative; 
	height:100%; 
	z-index:0;   
}
.slideBox .bd li{ 
	zoom:1; 
	vertical-align:middle; 
}
.slideBox .bd img{ 
	width:330px; 
	height:255px; 
	display:block;  
}
.slideBox .prev,
.slideBox .next{ 
	position:absolute; 
	left:3%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:32px; 
	height:40px; 
	background:url(../img/slider-arrow.png) -110px 5px no-repeat; 
	filter:alpha(opacity=50);
	opacity:0.5;   
}
.slideBox .next{ 
	left:auto; 
	right:3%; 
	background-position:8px 5px; 
}
.slideBox .prev:hover,
.slideBox .next:hover{ 
	filter:alpha(opacity=100);
	opacity:1;  
}
.slideBox .prevStop{ 
	display:none;  
}
.slideBox .nextStop{ 
	display:none;  
}
.itemListMenu{
	width:100%;
	height:auto;
	border:1px solid #ddd;
}
.itemListMenu a{
	display:block;
	line-height:70px;
	border-top:1px solid #eee;
	padding-left:10px;
}
.itemListMenu a:hover{
	background:#23b8ff;
	color:#fff;
}
.itemListMenu a:nth-child(1){
	border:none;
}
.itemListMenu a i{
	width:13px;
	height:13px;
	background:url(../img/list.png);
	margin-right:5px;
	display:inline-block;
}
.itemList{
	width:100%;
	height:auto;
	border:1px solid #ddd;
}
.itemList p{
	width:97%;
	height:50px;
	padding-left:3%;
	border-bottom:1px solid #ddd;
	position:relative;
}

.itemList p i{
	display:inline-block;
	position:relative;
	top:10px;
}

.itemList p:after{
	content:"";
	width:200px;
	border:2px solid #23b8ff;
	position:absolute;
	bottom:0;
	left:0;
}
.itemListContentOne{
	display:flex;
	width:94%;
	padding:10px 0;
	margin:0 3%;
	border-bottom:1px dashed #ddd;
}
.itemListContentOne span{
	margin-left:20px;
}
.itemListContentOne a:hover{
	color:#23b8ff;
}

.itemListContentOne span h4{
	color:#666;
	font-size:18px;
	font-weight:normal;
	line-height:40px;
}
.itemListContentOne span h4 i{
	width:11px;
	height:11px;
	background:url("../img/icon.png") no-repeat 0px -253px;
	display:inline-block;
	margin-right:5px;

}
.itemListContentOne span h5{
	color:#999;
	font-size:15px;
	font-weight:normal;
	line-height:30px;
}
.itemListContentOne span h6{
	color:#999;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
}
.itemListContentOne span h6 b{
	font-weight:normal;
}
.itemListContentOne span h6 i{
	margin-left:10px;
}
.itemListContentTwo{
	width:94%;
	padding:25px 0;
	margin:0 3%;
	border-bottom:1px dashed #ddd;
}
.itemListContentTwo a{
    font-size:14px;
	color:#666;
	font-weight:normal;
}
.itemListContentTwo a:hover{
	color:#23b8ff;
	font-weight:normal;
}
.itemListContentTwo a i{
	width:11px;
	height:11px;
	background:url("../img/icon.png") no-repeat 0px -253px;
	display:inline-block;
	margin-right:5px;
}
.itemListContentTwo a b{
	font-weight:normal;
}
.itemListMenuCheck{
	background:#23b8ff;
	color:#fff;
}
.itemListMenuCheck i{
	background:url(../img/listHover.png)!important;
}
.newCon{
	width:100%;
	height:auto;
	border:1px solid #ddd;
}

.newConDetail p{
	line-height:40px;
	border-bottom:none;
	font-size:16px;
}

.newCon p i{
	color:#666;
	font-style:normal;
}
.newConWrite{
	padding:30px 5%;
}
.newConWrite h3{
	font-size:28px;
	line-height:40px;
	text-align:center;
	font-weight:normal;
}
.newConWrite h4{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	color:#999;
	padding:20px 0;
}
.newConWrite h5{
	width:96%;
	height:auto;
	border:1px solid #ddd;
	background:#eee;
	padding:10px 2%;
	font-weight:normal;
	font-size:16px;
	line-height:30px;
	margin:0 0 30px 0;
}
.newConWrite h6{
	line-height:35px;
	font-size:18px;
	color:#666;
	font-weight:normal;
	margin-bottom:15px;
	text-indent:2em;
}
.newConWrite img{
	margin:0 auto;
}
.itemPage{
	width:100%;
	margin:50px 0;
	text-align:right;
}
.itemPage b{
	color:#666;
	font-weight:normal;
}
.itemPage a{
	border:1px solid #ddd;
	padding:5px 10px;
	margin-right:10px;
    cursor:pointer;
}
.itemPage .nouse{
	border:1px solid #ddd;
	padding:5px 10px;
	margin-right:10px;
    cursor:default;
    background-color:#ddd;
    color:#808080;
}

.itemPageCheck{
	color:#fff;
	border:1px solid #23b8ff!important;
	background:#23b8ff;
}