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

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

.nothing {
	padding:2rem 0;
	font-size:1.2rem; color:#999;
	text-align:center;
}


/* header */
header {
	position:fixed; z-index:620; left:0; top:0;
	display:block;
	width:100%; height:5.2rem;
	background-color:#fff;
	border-bottom:0.1rem solid #eaeaea;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem;
}
header > .web-main {
	display:block;
	width:100%; height:auto;
	margin:0 auto;
}
header logo {
	float:left; display:inline-block;
	width:15.1rem; height:3.4rem; overflow:hidden;
	margin:0.9rem 0 0 1rem;
	background:url(/image/logo-uc2.png) center center no-repeat; background-size:cover;
}
header .ico-menu {
	float:right; display:inline-block;
	width:2rem; height:2rem; overflow:hidden;
	margin:1.6rem 1rem 0 0;
	background:url(/image/p11.png) center center no-repeat; background-size:cover;
}
header .right-box {
	position:absolute; z-index:600; left:0; top:5.2rem;
	display:none;
	width:100%; height:auto;
	border-top:0.1rem solid #e0e0e0;
	background-color:#fff;
	-webkit-border-radius:0 0 0.5rem 0.5rem; -moz-border-radius:0 0 0.5rem 0.5rem; border-radius:0 0 0.5rem 0.5rem;
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 0.4rem 0.4rem; -moz-box-shadow:rgba(0,0,0,0.2) 0 0.4rem 0.4rem; box-shadow:rgba(0,0,0,0.2) 0 0.4rem 0.4rem;
}
header .right-box > nav {
	display:block;
	font-size:0;
}
header .right-box > nav > a {
	display:block;
	margin:0 auto;
	height:3.6rem; line-height:3.6rem;
	font-size:1.2rem;
	text-indent:2rem;
	border-bottom:0.1rem solid #e0e0e0;
}
header .right-box > nav > a.active {
	color:#4388f0;
	font-weight:bold;
	border-bottom:0.2rem solid #4388f0;
}
header .right-box > nav > a.qlink {
	display:inline-block;
	width:calc(50% - 4rem); height:3rem; line-height:3rem;
	margin:1rem 2rem 1.6rem 2rem;
	font-size:1.1rem; color:#fff;
	text-align:center; text-indent:0;
	vertical-align:middle;
	background-color:#4388f0;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
header .right-box > nav > a.qlink > .ico {
	position:relative; top:-0.1rem;
	display:inline-block;
	width:1.1rem; height:1.1rem; overflow:hidden;
	vertical-align:middle;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
header .right-box > nav > a.qlink > .ico-set {background-image:url(/image/p01-01.png);}
header .right-box > nav > a.qlink > .ico-quit {background-image:url(/image/p01-02.png);}

header .right-box > nav > a.llink {
	box-sizing:border-box;
	color:#4388f0;
	background-color:#fff;
	border:0.1rem solid #9ebbe7;
}


header .right-box > .topmenu {
	display:none;
}








/* footer */
footer {
	display:block; box-sizing:border-box;
	width:calc(100% - 2rem); height:auto; overflow:hidden;
	margin:1rem auto; padding:0;
	background-color:#fff;
	-webkit-border-radius:0.5rem; -moz-border-radius:0.5rem; border-radius:0.5rem;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem; box-shadow:rgba(0,0,0,0.1) 0 0 0.8rem;
}
footer > .copy {
	display:block;
	padding:1.4rem 0;
	text-align:center;
}
footer > .copy > .logo {
	display:inline-block;
	height:1.9rem;
	vertical-align:middle;
}
footer > .copy > .line {
	content:"";
	display:inline-block;
	margin:0 0.6rem;
	width:0.1rem; height:1.9rem; overflow:hidden;
	background-color:#e2e2e2;
	vertical-align:middle;
}
footer > .copy > u {
	display:inline-block;
	width:calc(100% - 15rem);
	line-height:1.5;
	font-size:0.8rem; color:#888;
	text-decoration:none; text-align:left;
	vertical-align:middle;
}
footer > .copy > u > .br::after {
	content:"\A";
	white-space: pre;
}



/* .foll-box */
.foll-box {
	display:block;
	margin-top:0;
}
.foll-box > .title {
	display:block; box-sizing:border-box;
	width:100%; height:2.8rem; line-height:2.8rem; overflow:hidden;
	background-color:#fff7f1;
	border:0.1rem solid #f8cba7;
	-webkit-border-radius:0.2rem 0.2rem 0 0; -moz-border-radius:0.2rem 0.2rem 0 0; border-radius:0.2rem 0.2rem 0 0;
}
.foll-box > .title > b {
	float:left;
	margin-left:1rem;
	font-size:1.1rem; color:#ea7f2a;
}
.foll-box > .title > a {
	float:right;
	width:5rem;
	font-size:1.1rem; color:#fff;
	text-align:center;
	background-color:#f29f5d;
}
.foll-box > .content {
	display:block; box-sizing:border-box;
	height:auto;
	padding:0.6rem 1.2rem;
	white-space:normal;
	background-color:#fffbf8;
	border:0.1rem solid #f5d3b8; border-top:none;
	-webkit-border-radius:0 0 0.2rem 0.2rem; -moz-border-radius:0 0 0.2rem 0.2rem; border-radius:0 0 0.2rem 0.2rem;
}
.foll-box > .content > li {
	display:block; box-sizing:border-box;
	width:100%; height:auto;
	margin:0 auto; padding:0.3rem 0;
	font-size:0;
	white-space:nowrap;
}
.foll-box > .content > li > i {
	display:inline-block;
	width:0.9rem; height:0.9rem; overflow:hidden;
	margin-top:0.3rem;
	vertical-align:top;
	background:url(/image/p10.png) center center no-repeat; background-size:cover;
}
.foll-box > .content > li > a {
	display:inline-block;
	width:calc(100% - 1.6rem); height:auto; line-height:1.6; overflow:hidden;
	margin-left:0.4rem;
	font-size:1.2rem;
	white-space:normal;
	vertical-align:top;
}
.foll-box > .content > li.cate {
	display:inline-block;
	width:auto; height:2.6rem; line-height:2.6rem; overflow:hidden;
	vertical-align:middle;
	margin:0 0.4rem 0.4rem 0; padding:0;
	background-color:#fff;
	border:0.1rem solid #96bad1;
	-webkit-border-radius:1.2rem; -moz-border-radius:1.2rem; border-radius:1.2rem;
}
.foll-box > .content > li.cate > a {
	display:block;
	width:100%; line-height:2.6rem;
	margin:0; padding:0 1.2rem;
	font-size:1rem; color:#5497c6;
	vertical-align:inherit;
}
.foll-box > .content > li.more {
	width:60%;
	margin:0.6rem auto;
	background-color:#fff;
	border:0.1rem solid #f29f5d;
	-webkit-border-radius:1.2rem; -moz-border-radius:1.2rem; border-radius:1.2rem;
}
.foll-box > .content > li.more > a {
	font-size:1rem;
	text-align:center;
}

/* .ibox */
.ibox {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin-top:0.8rem;
	background-color:#f8f8f8;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.ibox > .title {
	display:block;
	height:2.8rem; line-height:2.8rem; overflow:hidden;
	background-color:#f3f3f3;
	border-bottom:0.1rem solid #ddd;
}
.ibox > .title > b {
	float:left; display:inline;
	margin-left:1rem;
	font-size:1.1rem;
}
.ibox > .title > a {
	float:right; display:inline;
	margin-right:1rem;
	font-size:1rem;
}
.ibox > .content {
	display:block;
	padding:0.4rem 0 0.6rem 0;
}
.ibox > .content > li {
	display:block;
	width:calc(100% - 2.2rem); height:auto;
	margin:0 auto; padding:0.3rem 0;
	font-size:0;
	white-space:nowrap;
}
.ibox > .content > li > i {
	display:inline-block;
	width:0.9rem; height:0.9rem; overflow:hidden;
	margin-top:0.3rem;
	vertical-align:top;
	background:url(/image/p10.png) center center no-repeat; background-size:cover;
}
.ibox > .content > li > a {
	display:inline-block;
	width:calc(100% - 1.6rem); height:auto; line-height:1.6; overflow:hidden;
	margin-left:0.4rem;
	font-size:1.2rem;
	white-space:normal;
	vertical-align:top;
}