@charset "utf-8";
/* css document */
/* ============================ 重置css样式 ============================ */	
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
/* 设置默认字体 */
body, button, input, select, textarea { font: 14px/1 "微软雅黑", tahoma, helvetica, arial, sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
cite, em { font-style: normal; }
/* 重置列表元素 */
ul, ol { list-style: none; }
 重置文本格式元
a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
/* 重置表单元素 */
legend { color: #000; }
fieldset, img { border: none; }
img{vertical-align:middle;}
/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button, input, select, textarea { font-size: 100%; }
body a{ text-decoration:none;}
/* ========================= 页面常用样式 css样式 =========================== */	
.clear {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0;
	line-height:0;
}
body{ display:block; margin:0 auto;/*  background-color:#f5f5f5; */}
html{overflow-x:hidden; display:block; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/* ========================= 主框架样式 css样式 =========================== */	


/* 头部区域样式 */
.tip{ 
	width:100%; 
	height:45px; 
	background:url(/uploads/image/wjcimages/container.png) center top no-repeat; 
	line-height:45px;
	font-size:14px;
	 color:#333;
	 padding-left:15px;}

/* 主体样式 */
.csyx{
	margin:0 auto;
	height:90px;}
.csyx .logo{
	float:left;
	margin-left:30px;
	margin-top:16px;}

.csyx .category{ 
	float:left; 
	margin-top:15px;
	margin-left:90px;}
.csyx .category ul li{ 
	float:left; 
	width:60px; 
	height:60px; 
	margin-left:1px; 
	text-align:center;}
.csyx .category ul li:hover{
	border-bottom:solid 4px #ff0000;}
.csyx .category ul li a{ color:#999;}
.csyx .category ul li a p{ margin-top:5px;}
.csyx .category ul li a:hover{ color:#333;}

.container{
	position:relative;
	clear:both;}
.container .left{ 
	position:absolute;
	left:10px;
	top:240px;
	z-index:1000;}
.container .right{ 
	position:absolute;
	right:10px;
	top:240px;
	z-index:1000;}
.container .img-list3 ul{ height:282px; overflow:hidden;}
.container .img-list3 ul li{
	float:left;
	margin-right:4px;
	position:relative;}
.container .img-list3 ul li img{ 
	width:376px;}
.container .img-list3 ul li p{
	width:100%;
	line-height:50px;
	font-size:14px;
	color:#fff;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
	position:absolute;
	bottom:0;}
.container .img-list3 ul li p span.dong{
	width:60px;
	line-height:30px;
	background-color:#f3292a;
	float:left;
	margin:9px 10px 0 10px;
	text-align:center;}
.container .img-list3 ul li p{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.container .img-list3 ul li p span.xi{ background-color:#8abe2b;}
.container .img-list3 ul li p span.chao{ background-color:#4aafdf;}
.container .img-list3 ul li p span.hai{ background-color:#f3a929;}
.container .img-list3 ul li p span.tong{ background-color:#b2ca2b;}
.container .img-list3 ul li p span.feng{ background-color:#2bb9be;}
.container .img-list3 ul li p span.shi{ background-color:#cc61f8;}
.container .img-list3 ul li p span.men{ background-color:#b2ca2b;}
.container .img-list3 ul li p span.fang{ background-color:#52c3f7;}
.container .img-list3 ul li p span.shun{ background-color:#f3292a;}

.content{
	height:50px;
	background-color:#f5f5f5; 
	 text-align:center;}
.content h3{
	font-size:18px;
	line-height:50px;
	font-weight:normal;}
.content .like{
	float:right;
	margin-top:-36px;}
.content .like a span{ color:#ff0000;}

.photo{ 
	margin:0 auto; 
	margin-top:20px;
	/* height:620px; */
	width:1250px;
	position:relative;}
.photo .photo_left{ 
	float:left;
	width:918px;
	/* height:618px; */
	border:solid 1px #dadada;}
.photo .photo_left img{ 
	width:900px;
	margin-top:9px;}
.photo .photo_right{
	width:300px;
	float:left;
	margin-left:30px;}
.photo .photo_right .p_r_top h3{
	font-size:18px;
	font-weight:normal;
	text-align:left;}
.photo .photo_right .p_r_top h3 span{
	width:auto;
	height:36px;
	display:inline-block;
	background-color:#f5f5f5;
	line-height:36px;
	text-align:center;}
.photo .photo_right .p_r_top p{
	text-align:left;
	font-size:14px;
	line-height:24px;}
.photo .photo_right .p_r_bottom{
	border:solid 1px #dadada;
	height:248px;
	width:298px;
	bottom:0;}
.photo .photo_right .p_r_button a{
	margin:10px 0;
	font-size:16px;
	color:#999;
	display:block;
	text-align:center;}
.photo .photo_right .p_r_button a img{
	margin-left:5px;}
.p_r_bottomx{
	position:absolute;
}
.p_r_bottom dl dd a{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.photo .photo_right .p_r_bottom dl{
	float:left;
	width:141px;
	margin-left:5px;
	margin-top:5px;}
.photo .photo_right .p_r_bottom dl dt img{
	width:139px;
	height:78px;
	border:solid 1px #dadada;}
.photo .photo_right .p_r_bottom dl dd a{
	color:#333;
	font-size:14px;
	line-height:16px;}

.rank{ 
	height:200px; 
	padding-top:30px; 
	padding-bottom:30px;
	clear:both;}
.rank_title{ 
	height:50px; 
	border-bottom:solid 1px #dadada;}
.rank_title h3{
	font-size:16px;
	font-weight:normal;
	width:150px;
	text-align:center;
	line-height:50px;
	border-top:solid 1px #dadada;
	border-right:solid 1px #dadada;
	position:relative;}
.rank_title h3::after{
	position:absolute;
	content: ''; 
	height:2px;
	width:150px;
	background-color:#fff;
	bottom:0;
	left:0;}
.rank_list_tab{ 
	width:140px; 
	float:left;
	text-align:center;
	margin-top:25px;}
.rank_list_tab_a{ 
	display:block;
	width:118px;
	line-height:50px;
	height:50px;
	color:#333;
	margin-left:11px;}
.rank_list_tab_hover{
	background:url(/uploads/image/wjcimages/rank_tab.png) center no-repeat;
	display:block;
	width:118px;
	line-height:50px;
	height:50px;
	color:#fff;
	margin-left:11px;
	font-weight:bold;}
.rank_list{
	height:155px;
	border-bottom:solid 1px #dadada;}
.rank_list_pic{ 
	float:left;
	padding:30px 0;}
.rank_list_pic ul{ 
	height:155px; 
	overflow:hidden;
	float:left;}
.rank_list_pic ul li{
	width:150px;
	float:left;
	margin-right:22px;
	position:relative;}
.rank_list_pic ul li img{
	width:150px;
	height:98px;}
.rank_list_pic ul li p{
	position:absolute;
	bottom:0;
	line-height:20px;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,0.5);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding:5px;}
.rank_list_pic ul li b img{
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;}

.foot{ 
	height:40px; 
	clear:both;
	background-color:#dabb85; 
	padding:20px 0;}
.foot p{ 
	text-align:center; 
	line-height:24px; 
	color:#fff;}
.foot p img{ margin-left:20px; margin-right:5px;}