@charset "utf-8";
/* CSS Document */

body {
	margin:0; padding:0;
	background-color:#f6f6f6;
}

.web-main {
	display:block;
	width:1200px; height:auto;
	margin:0 auto; padding:0;
}

.nothing {
	padding:20px 0;
	font-size:18px; color:#999;
	text-align:center;
}


/* header */
header {
	display:block;
	height:100px; overflow:hidden;
	background-color:#fff;
	border-bottom:1px solid #eaeaea;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;
}
header .ico-menu {
	display:none;
}
header logo {
	float:left; display:inline-block;
	width:284px; height:64px; overflow:hidden;
	margin:16px 0 0 0;
	background:url(/image/logo-uc2.png) center center no-repeat; background-size:cover;
}
header .right-box {
	float:right; display:inline-block;
	margin:30px 0 0 0;
}
header .right-box > nav {
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
}
header .right-box > nav > a {
	display:inline-block;
	margin:0 6px; padding:0 8px;
	line-height:40px;
	font-size:16px;
}
header .right-box > nav > a.active {
	color:#4388f0;
	font-weight:bold;
	border-bottom:2px solid #4388f0;
}
header .right-box > nav > a.qlink {
	display:none;
}
header .right-box > .topmenu {
	display:inline-block;
	width:auto; height:40px; overflow:hidden;
	font-size:0;
	vertical-align:middle;
	background-color:#4388f0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
header .right-box > .topmenu-log {
	background:none;
	border:1px solid #9ebbe7;
}
header .right-box > .topmenu-log > .line {
	display:inline-block;
	width:1px; height:16px; overflow:hidden;
	vertical-align:middle;
	background:#9ebbe7;
}
header .right-box > .topmenu > a {
	display:inline-block;
	line-height:40px;
	padding:0 20px;
	font-size:14px; color:#fff;
	text-align:center;
	vertical-align:middle;
}
header .right-box > .topmenu > a:hover {
	background-color:#256fdf;
}
header .right-box > .topmenu > a > .ico {
	display:inline-block;
	width:20px; height:20px; overflow:hidden;
	vertical-align:middle;
	background-position:center center; background-repeat:no-repeat;
}
header .right-box > .topmenu > a > .ico-set {background-image:url(/image/p01-01.png);}
header .right-box > .topmenu > a > .ico-quit {background-image:url(/image/p01-02.png);}


header .right-box > .topmenu-log > a:link {color:#4388f0;}
header .right-box > .topmenu-log > a:visited {color:#4388f0;}
header .right-box > .topmenu-log > a:hover {color:#c00;background:none;}
header .right-box > .topmenu-log > a:active {color:#c00;background:none;}








/* footer */
footer {
	display:block; box-sizing:border-box;
	width:1200px; height:auto; overflow:hidden;
	margin:20px auto; padding:0;
	background-color:#fff;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;
}
footer > .copy {
	display:block;
	padding:26px 0;
	text-align:center;
}
footer > .copy > .logo {
	display:inline-block;
	vertical-align:middle;
}
footer > .copy > .line {
	content:"";
	display:inline-block;
	margin:0 15px;
	width:1px; height:32px; overflow:hidden;
	background-color:#e2e2e2;
	vertical-align:middle;
}
footer > .copy > u {
	display:inline-block;
	line-height:2;
	font-size:14px; color:#888;
	text-decoration:none; text-align:left;
	vertical-align:middle;
}



/* .foll-box */
.foll-box {
	display:block;
	margin-top:18px;
	background-color:#f8f8f8;
}
.foll-box > .title {
	display:block; box-sizing:border-box;
	width:100%; height:44px; line-height:44px; overflow:hidden;
	background-color:#f3f3f3;
	border:1px solid #e0e0e0;
	-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
}
.foll-box > .title > b {
	float:left;
	margin-left:16px;
	font-size:14px; color:#333;
}
.foll-box > .title > a {
	float:right;
	width:70px;
	font-size:14px; color:#fff;
	text-align:center;
	background-color:#4388f0;
}
.foll-box > .title > a:hover {
	background-color:#256fdf;
}
.foll-box > .content {
	display:block; box-sizing:border-box;
	height:330px; overflow:hidden;
	padding:16px 16px 0 16px;
	white-space:normal;
	border:1px solid #e0e0e0; border-top:none;
	-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
}
.foll-box > .content > li {
	display:block; box-sizing:border-box;
	width:100%; height:34px; line-height:34px;
	margin:0 auto; padding:0;
	font-size:0;
	white-space:nowrap;
}
.foll-box > .content > li > i {
	position:relative; top:-3px;
	display:inline-block;
	width:16px; height:16px; overflow:hidden;
	vertical-align:middle;
	background:url(/image/p10.png) center 4px no-repeat;
}
.foll-box > .content > li > a {
	display:inline-block;
	width:calc(100% - 22px); height:34px; line-height:34px; overflow:hidden;
	margin-left:6px;
	font-size:16px;
	text-overflow:ellipsis; white-space:nowrap;
	vertical-align:middle;
}
.foll-box > .content > li.cate {
	display:inline-block; box-sizing:border-box;
	width:calc(50% - 6px); height:30px; line-height:28px; overflow:hidden;
	vertical-align:middle;
	margin:0 4px 8px 0; padding:0;
	background-color:#fff;
	border:1px solid #96bad1;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}
.foll-box > .content > li.cate > a {
	display:block;
	width:calc(100% - 30px); line-height:28px; overflow:hidden;
	margin:0 auto; padding:0 15px;
	font-size:14px; color:#5497c6;
	text-align:center;
	text-overflow:ellipsis; white-space:nowrap;
	vertical-align:inherit;
}
.foll-box > .content > li.cate:hover {
	border-color:#5ca4e1;
	background-color:#5ca4e1;
}
.foll-box > .content > li.cate:hover > a {
	color:#fff;
}
.foll-box > .content > li.more {
	width:60%;
	margin:13px auto;
	background-color:#fff;
	border:1px solid #e0e0e0;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}
.foll-box > .content > li.more > a {
	font-size:14px;
	text-align:center;
}


.foll-box > .content > li.nolog-inf {
	width:calc(100% - 30px);
	margin:8px auto;
	height:auto; line-height:1.8;
	font-size:14px; color:#666;
	white-space:normal;
}
.foll-box > .content > li.nolog-inf1 {
	color:#28a745;
}
.foll-box > .content > li.nolog-inf2 {
	color:#17a2b8;
}




/* .ibox */
.ibox {
	display:block;
	margin-top:10px;
	overflow:hidden;
	background-color:#f8f8f8;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.ibox > .title {
	display:block;
	height:44px; line-height:44px; overflow:hidden;
	background-color:#f3f3f3;
	border-bottom:1px solid #ddd;
}
.ibox > .title > b {
	float:left; display:inline;
	margin-left:16px;
	font-size:14px;
}
.ibox > .title > a {
	float:right;
	margin-right:16px;
	font-size:12px;
}
.ibox > .content {
	display:block;
	height:330px; overflow:hidden;
	padding:8px 0 12px 0;
}
.ibox > .content > li {
	display:block;
	width:calc(100% - 32px); height:34px; line-height:34px;
	margin:0 auto; padding:0;
	font-size:0;
	white-space:nowrap;
}
.ibox > .content > li > i {
	position:relative; top:-3px;
	display:inline-block;
	width:16px; height:16px; overflow:hidden;
	vertical-align:middle;
	background:url(/image/p10.png) center 4px no-repeat;
}
.ibox > .content > li > a {
	display:inline-block;
	width:calc(100% - 22px); height:34px; line-height:34px; overflow:hidden;
	margin-left:6px;
	font-size:16px;
	text-overflow:ellipsis; white-space:nowrap;
	white-space:normal;
	vertical-align:middle;
}