body.css

*{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font: 15px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
	
}
a{
	text-decoration: none;
	color: #fff;
}
body{

}

/*主体开始*/
#main{
	border:1px solid transparent;
	border-radius: 10px;
	/*background: rgba(190,190,190,0.5);*/ /*主体外框*/
	margin: 20px auto;
	width: 82%;
	min-width: 750px;
}
#main>div{
	margin: 10px;
	margin-bottom: 15px;
	padding: 5px;
	border-radius: 10px;
	background: rgba(200,200,200,0.6);
}
/*主体结束*/

/*顶栏开始*/
#top{
	background-image:url(images/top.png);
	background-position: center;
	height: 180px;
}
#top>#list{
	background: rgb(0,0,0,0.3);
	text-align: center;
	position: fixed;
	width: 100%;
}
#top>#list>#top-main{
	height: 40px;
	display: inline-block;
	width: 80%;
	min-width: 300px;
}
#top>#list>#top-main>li,#top>#list>#top-main>a>li{
	line-height: 40px;
	display: inline-block;
	height: 40px;
	width: 13%;
	color: #fff;
	vertical-align: top;
}
#top>#list>#top-main>li:hover,#top>#list>#top-main>a>li:hover{
	background: rgb(220,220,220,0.3);
}
#top>a>.banner-bottom{
	height: 100%
}
/*顶栏结束*/

/*顶栏下拉开始*/
#top>#list>#top-main>li ul{
	display: none;
	background: rgb(255,255,255,0.65);
	min-width: 110px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#top>#list>#top-main>li ul>li{
	height: 35px;
	line-height: 35px;
}
#top>#list>#top-main>li ul>li>a{
	color: #222;
	font-weight: bold;
	display: inline-block;
	height: 100%;
	width: 100%;
}
#top>#list>#top-main>li:hover>ul{
	display: block;
	transition: 2s;
}
#top>#list>#top-main>li>ul>li:hover{
	background: rgb(0,0,0,0.1);

}
/*顶栏下拉结束*/


/*最左右栏公用开始*/
.cs{
	position: fixed;
	top: 40px;
	width: 200px;
	background: rgb(0,0,0,0.2);
	font-size: 50px;
}
.cs a{
	color: #000;
}
/*最左右栏公用结束*/

/*最左栏开始*/
#left{
	left: -140px;
	border-bottom-right-radius: 10px;
}
#left>li,#left>a>li{
	border-radius: 7px;
	height: 70px;
	width: 190px;
	background: rgb(150,150,150,.3);
	margin: 5px;
}
#left>li>.infor,#left>a>li>.infor{
	display: inline-block;
	margin: 5px;
	float: left;
	width: 110px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#left>li>.head,#left>a>li>.head{
	border-radius: 5px;
	display: inline-block;
	background: #A61713;
	height: 50px;
	width: 50px;
	float: right;

	font-size: 40px;
	font-family: 华文行楷;
	line-height: 55px;
	text-align: center;
	color: #DDDB8F;
}
#left:hover{
	left: 0px;
	transition: 1s;
}
/*最左栏结束*/

/*最右栏开始*/
#right{
	right: -140px;
	border-bottom-left-radius: 10px;
}
#right>li,#right>a>li{
	border-radius: 7px;
	height: 70px;
	width: 190px;
	background: rgb(150,150,150,.3);
	margin: 5px;
}
#right>li>.infor,#right>a>li>.infor{
	display: inline-block;
	margin: 5px;
	float: right;
	width: 110px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#right>li>.head,#right>a>li>.head{
	border-radius: 5px;
	display: inline-block;
	background: #A61713;
	height: 50px;
	width: 50px;
	float: left;

	font-size: 40px;
	font-family: 华文行楷;
	line-height: 55px;
	text-align: center;
	color: #DDDB8F;
}
#right:hover{
	right: 0px;
	transition: 1s;
}
/*最右栏结束*/

/*下方背景开始*/
#img-bottom{
	height: 90%;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: -10;
	
}
/*下方背景结束*/

/*最下方信息开始*/
#bottom{
	/*border-top:1px solid #aaa;*/
	background: rgba(190,190,190,0.4);
	margin-top: 10px;
	text-align: center;
	vertical-align: top;
	height: 90px;
}
#bottom>.information{
	display: inline-block;
	vertical-align: top;
}

#bottom>.official{
	display: inline-block;
	border-left: 1px solid #aaa;
}
#bottom>.official>ul>li{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 10px;
	position: relative;
	height: 80px;
	line-height: 80px;
}
#bottom>.official>ul>.bili>a>img{
	height: 80px;
}
#bottom>.official>ul>.qq>a>img{
	height: 65px;
	margin-top: 10px;
}
#bottom>.official>ul>.wechat>a>img{
	height: 80px;
}

#bottom>.official>ul>li>.xx{
	display: none;
}
#bottom>.official>ul>li:hover>.xx{
	display: block;
	position: absolute;
	bottom: 80px;
	width: 300px;
	height: auto;}
/*最下方信息结束*/







/*其他需要特殊设置的样式↓*/

/*其他需要特殊设置的样式↑*/