#web-news{
	position:relative;
}
#web-news-bg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#6C55A3;
	z-index:-1;
}
#web-news > ul{
	position:absolute;
	display:block;
	height:0px;
	padding:0px;
	background-color:#CADB39;
	border-radius:0px 0px 6px 6px;
	transition:all 0.2s linear 0.2s;
	overflow:hidden;
	cursor:pointer;
	width:100%;
	z-index:11;
}
#web-news > p{
	cursor:pointer;
	color:#fff;
	font-size:15px;
}
#web-news > ul > li{
	list-style:none;
	height:30px;
}
#web-news > ul > li > a{
	color:#6C55A3;
	text-decoration:none;
	transition:all 0.1s linear;
	position:relative;
	z-index:1;
	display:inline-block;
	width:100%;
	height:100%;
}
#web-news > ul > li > a:link{
	color:#6C55A3;
	text-decoration:none;
}
#web-news > ul > li > a:active{
	color:#6C55A3;
	text-decoration:none;
}
#web-news > ul > li > a:visited{
	color:#6C55A3;
	text-decoration:none;
}
#web-news > ul > li > a:hover{
	color:#fff;
	text-decoration:none;
}
#web-news > ul > li > a:before{
	content:"";
	width:0;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	z-index:-1;
	transition:all 0.2s linear 0.2s;
}
#web-news > ul > li:hover > a:before{
	width:100%;
	background-color:#6C55A3;
}
#web-news:hover > ul{
	display:block;
	height:270px;
}
@media (max-width:1000px){
#web-news{
	display:none;
	visibility:hidden;
}