@charset "utf-8";

.aside {
	width: 80px;
	position: fixed;
	/*margin-right: -780px;*/
	top: 215px;
	right: 10px;
	box-sizing: border-box;
	z-index: 999;
}
.aside ul li{background-color: #e6f0fa; position: relative;
	color: #333; padding: 15px 0; font-size: 14px; text-align: center; cursor: pointer;border-bottom: 1px solid #b8dcf4;}
.aside ul li:last-child{border-bottom: none;}
.aside .pop{position: absolute;right:70px;top: 0;display: none;}
.aside ul li:hover .pop{display: block;}
.aside ul li:hover{background-color: #3f78bd; color: #fff;}
.aside ul li.wza i{width: 35px; height: 41px; display: block; margin: 0 auto 15px; background: url(../images/ycfd-icon01.png) top center no-repeat;}
.aside ul li.wza:hover i{background: url(../images/ycfd-icon01_a.png) top center no-repeat;}
.aside ul li.slh i{width: 35px; height: 34px; display: block; margin: 0 auto 15px; background: url(../images/ycfd-icon02.png) top center no-repeat;}
.aside ul li.slh:hover i{background: url(../images/ycfd-icon02_a.png) top center no-repeat;}
.aside ul li.weixin i{width: 40px; height: 38px; display: block; margin: 0 auto 15px; background: url(../images/ycfd-icon03.png) top center no-repeat;}
.aside ul li.weixin:hover i{background: url(../images/ycfd-icon03_a.png) top center no-repeat;}
.aside ul li.xcx i{width: 37px; height: 36px; display: block; margin: 0 auto 15px; background: url(../images/ycfd-icon04.png) top center no-repeat;}
.aside ul li.xcx:hover i{background: url(../images/ycfd-icon04_a.png) top center no-repeat;}
.aside ul li a {
	line-height: 44px;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 44px;
}
.aside ul li a:hover{
	background: #00A0E9;
}