﻿*{
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}

input{
	outline: none;
}

body {
	font-size: 14px;
	font-family: "微软雅黑";
	background: #eee;
}
*{font-family: "微软雅黑";}


.fl {
	float: left;
}
i{font-style:normal;}
.fr {
	float: right;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear {
	clear: both;
}

#left{width:240px;position:fixed;height:100%;z-index:999;background:#fff;}
#left .logo{width:100%;height:auto;background:#f3f3f3;text-align:center;padding:20px 0;}
#left .logo img{border-radius:10px;}
#left .invitation{width:100%;padding:30px 0;text-align:center;}
#left .invitation a{display:block;width:60%;line-height:40px;background:#fa0;font-size:16px;text-align:center;color:#fff;border-radius:5px;margin:0 auto;}
#left .invitation span{font-family:iconfont;font-size:22px;}
#left ul{padding-left:20px;}
#left ul li{width:100%;line-height:60px;font-size:16px;box-sizing:border-box;padding-left:30px;margin-bottom:10px;}
#left ul li a{color:#666;}
#left ul li span{font-family:iconfont;font-size:20px;padding-right:10px;}
#left ul li:hover,#left ul li.active{background:#333;border-top-left-radius:30px;border-bottom-left-radius:30px;}
#left ul li:hover a,#left ul li.active a{color:#fff;}
#left ul li.sub{line-height:30px;padding-left:60px;}
#left ul li.sub a{}
#left ul li.sub:hover{background:none;}
#left ul li.sub:hover a{color:#666;font-weight:bold;}

.content{width:100%;padding-left:240px;box-sizing:border-box;position:relative;}
.content .bg{position:fixed;left:0;top:0;width:100%;height:360px;background:url(../images/main-bg.png) no-repeat right top #6fba2a;z-index:-1; background-size:auto 100%;}
.main{width:100%;z-index:999;}
.main .top{width:100%;height:80px;color:#fff;line-height:80px;}
.main .top #title{font-size:20px;padding-left:30px;font-weight:bold;}
.main .top ul{float:right;width:450px;padding-right:25px;}
.main .top ul li{float:left;font-size:18px;padding-left:20px;}
.main .top ul li span{padding-right:5px;font-size:18px;font-family:iconfont;}
.main .top ul li a{color:#fff;}
.main hr{width:100%;height:1px;background:rgba(255,255,255,0.2);border:none;}

.main .user{padding:30px 30px 0 30px;}
.main .user .info{width:50%;float:left;color:#fff;}
.main .user .info img{width:80px;height:80px;float:left;border-radius:3px;}
.main .user .info div{width:250px;float:left;padding-left:10px;text-align:center;}
.main .user .info div h2{font-size:16px;line-height:45px;}
.main .user .info div span{display:block;background:rgba(0,0,0,0.1);line-height:35px;width:250px;border-radius:20px;font-size:14px;}
.main .user .info div span i{font-family:iconfont;font-size:16px;}

.main #search{width:320px;height:48px;background:#fff;border-radius:5px;box-shadow:0 0 5px #ccc;float:right;margin-top:15px;}
.main #search #KeyWords{width:270px;line-height:48px;background:none;border:none;font-size:14px;color:#999;float:left;height:48px;text-indent:15px;}
.main #search #Button{width:50px;height:48px;line-height:48px;color:#aaa;font-size:22px;float:left;border:none;background:none;font-family:iconfont;}

.main #searchlist{width:320px;height:40px;background:#fafafa;border-radius:5px;float:left;border:1px solid #ccc;}
.main #searchlist #KeyWords{width:270px;line-height:40px;background:none;border:none;font-size:14px;color:#999;float:left;height:40px;text-indent:15px;}
.main #searchlist #Button{width:50px;height:40px;line-height:40px;color:#aaa;font-size:18px;float:left;border:none;background:none;font-family:iconfont;}


.container{width:100%;padding:20px 30px 0 30px;box-sizing:border-box;}
.container #container{background:#fff;width:100%;border-radius:10px;box-sizing:border-box;padding:30px;min-height:600px;}
.container .menu{width:66%;border-radius:5px;padding:30px;box-sizing:border-box;box-shadow:0 0 20px #eee;border:1px solid #e9e9e9;float:left;}
.container .menu h1{font-size:24px;color:#333;padding-bottom:20px;}
.container .menu li{width:100px;float:left;padding-right:30px;text-align:center;font-size:16px;}
.container .menu li div{width:80px;height:80px;line-height:80px;color:#666;font-size:35px;border-radius:50%;font-family:iconfont;margin:0 auto 15px auto;transition: all 0.5s;background:#eee;}
.container .menu li a{color:#333;}
.container .menu li:hover div{background:#666;color:#fff;}
.container .menu li:hover a{color:#333;}

.container .notice{width:32%;float:right;border-radius:5px;padding:30px;box-sizing:border-box;box-shadow:0 0 20px #eee;border:1px solid #e9e9e9;height:229px;}
.container .notice h1{font-size:24px;color:#333;padding-bottom:20px;}
.container .notice ul{}
.container .notice ul li{width:100%;line-height:40px;height:40px;}
.container .notice ul li:nth-child(even){background:#f7f9fa;}
.container .notice ul li h1{width:65%;float:left;display:block;font-size:16px;color:#666;text-indent:10px;height:40px;overflow:hidden;}
.container .notice ul li h1 i{color:#999;}
.container .notice ul li span{display:block;width:35%;height:40px;float:left;text-align:right;color:#aaa;box-sizing:border-box;overflow:hidden;}


.container .list{padding-top:30px;}
.container .list .box{width:32%;height:350px;float:left;border-radius:5px;padding:30px 20px;box-sizing:border-box;box-shadow:0 0 20px #eee;border:1px solid #e9e9e9;}
.container .list .box:nth-child(2){margin:0 2%;}
.container .list .box .title span{font-size:24px;color:#333;}
.container .list .box .title a{float:right;display:block;width:100px;line-height:30px;font-size:14px;background:#fdf2f4;color:#f90;border-radius:20px;text-align:center;}
.container .list .box .title a:hover{background:#f90;color:#fff;}

.container .list .box ul{padding-top:20px;}
.container .list .box ul li{width:100%;line-height:40px;height:40px;}
.container .list .box ul li:nth-child(even){background:#f7f9fa;}
.container .list .box ul li h1{width:70%;float:left;display:block;font-size:16px;color:#666;text-indent:10px;height:40px;overflow:hidden;}
.container .list .box ul li h1 i{color:#999;}
.container .list .box ul li span{display:block;width:30%;height:40px;float:left;text-align:right;color:#aaa;padding-right:10px;box-sizing:border-box;overflow:hidden;}

.bottom{width:100%;text-align:center;padding:50px 0 30px 0;color:#666;}
.bottom a{color:#666;}