@charset "utf-8";
.demo{display:block; width:98%; margin:0px auto; padding:0 10px;}
.top_title{text-align:center; display:block;  margin:0 auto; margin-top:10px; margin-bottom:-22px; background:#262626; padding:8px; box-shadow:1px 1px 1px 1px #fff;}
.colorDan{margin-top:-40px; text-align:center; color:orange; display:none; padding-bottom:20px;}
.colorDan1{margin-top:-40px; text-align:center; color:orange; display:none; padding-bottom:20px;}
/*首页公告显示*/.gonggao{display:block;}
/*移动端样式 - Mobile terminal style*/
@media screen and (max-width: 830px) {
    a{ color:#000;}
    a:hover{color:red;}
    .currentTime, .duration{display:none;}
    .top_title{ width:94.5%; border:8px solid #353535;  color:#fff;}
    .container{
    	width:90%;
    	margin:0 auto;
    }
    .play_danmu{
	    color:pink; font-size:15px; position:relative; z-index:9999999;
	}
}
@media screen and (min-width: 830px) {
    a{ color:#fff;}
    a:hover{color:red;}
    .top_title{width:1126px; border:8px solid #353535; color:#fff;}
    .container{
    	width:1180px;
    	margin:0 auto;
    }
    .play_danmu{
	    color:blue; font-size:1.05rem; display:none;
	}
}
@media screen and (min-width: 620px) {
    .play_danmu{
	    color:blue; font-size:1.05rem; display:none;
	}
}
.xuan{
	width:96px;
	padding:0 10px;
	color:blue;
	border:1px solid #ccc;
	border-radius:6px;
	display:block;
	float:left;
}
/*相关图片*/
.xuan2{
	width:96px;
	padding:0 10px;
	color:blue;
	border:1px solid #ccc;
	border-radius:6px;
	display:block;
	float:right;
	text-align:right;
}
.anthology{
	width:100%;
	height:100%;
	background:#fff;
	padding-bottom:20px;
	margin-top:-40px;
}
/*图片简介*/
.anthology1{
	margin-top:8px;
	display:none;
	line-height:28px;
	clear:both;
}
/*相关图片*/
.anthology2{
	clear:both;
	display:none;
	padding-top:12px;
}
/*移动端样式 - Mobile terminal style*/
@media screen and (max-width: 830px) {
    .anthology2 img{
    	width:100%;
    	margin-top:10px
    }

	.video_tongji{
		width:100%;
		height:30px;
		line-height:30px;
		text-align:center;
		margin:0 auto;
		color:orange;
		position:relative;
		top:-135px;
	}
	.video_tongji span{
		margin-left:10px;
	}
    .anthology span{
	    display:inline-block;
		border-radius:5px;
		opacity:0.8;
		margin-top:10px;
		width:68px;height:25px;
		text-align:center;
		line-height:25px;
		margin-left:5px;
    	color:#000;
        font-size:12px;
    	border:2px solid #ccc;
	}
    .anthology::-webkit-scrollbar{width:0px}

}


/*电脑端样式 - PC terminal style*/
@media screen and (min-width: 830px) {
    .anthology2 img{
    	width:20%;
    	margin-left:3%;
    	margin-top:10px;
    }

	.video_tongji{
		width:100%;
		height:30px;
		line-height:30px;
		text-align:center;
		margin:0 auto;
		color:orange;
		position:relative;
		top:-205px;
	}
	.video_tongji span{
		margin-left:10px;
	}    
	.anthology span{
	    display:inline-block;
		border-radius:5px;
		opacity:0.8;
		margin-top:15px;
		width:76px;height:45px;
		text-align:center;
		line-height:45px;
		margin-left:13px;
		color:#000;
		border:1px solid #ccc;
        font-size:13px;
        font-weight:bold;
	}
}




/*相关推荐*/
.groom{
	width:100%;
	height:193px;
	overflow: scroll;
	background:#f9f9f9;
	border-bottom-left-radius:10px; 
	border-bottom-right-radius:10px; 
	overflow:-Scroll;overflow-y:hidden;
}
.groom section{
	width:180px;
	height:170px;
	float:left;
	margin-left:10px;
	background:#fff;
	border-radius:15px;
	margin-top:10px;
}
.anthology{
		height:63px;border:2px solid #ccc;
	}