::-webkit-scrollbar {
width:8px
}
::-webkit-scrollbar-track {
background:#f1f1f1
}
::-webkit-scrollbar-thumb {
background:#c1c1c1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#a8a8a8
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:#787878
}
a, img, button, input, textarea {
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0)
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
	vertical-align:baseline
}
body {
	font-size:16px;
	color:#333;
	font-family:Penrose, "PingFang SC", "Hiragino Sans GB", Tahoma, Arial, "Lantinghei SC", "Microsoft YaHei", "simsun", sans-serif
}
body[zoom='scale']:before {
	content:'\60a8\7684\6d4f\89c8\5668\5904\4e8e\7f29\653e\72b6\6001\ff0c\9875\9762\53ef\80fd\4f1a\51fa\73b0\9519\4f4d\ff0c\8bf7\8bbe\7f6e\31\30\30\25\5927\5c0f\663e\793a\3002';
	width:100%;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:32px;
	background:rgba(50, 57, 65, 0.6);
	position:fixed;
	bottom:0;
	left:0;
	z-index:99
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
a {
	color:#0188fb;
	text-decoration:none;
-webkit-transition:background-color .15s linear, color .15s linear;
-moz-transition:background-color .15s linear, color .15s linear;
-o-transition:background-color .15s linear, color .15s linear;
-ms-transition:background-color .15s linear, color .15s linear;
transition:background-color .15s linear, color .15s linear
}
a:hover {
	color:#0188fb;
	text-decoration:none
}
i {
	font-style:normal
}
ul, ol {
	list-style-type:none
}
img {
	max-width:100%;
	height:auto;
	width:auto\9;
	border:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
-webkit-transition:-webkit-transform .2s ease 0s;
transition:transform .2s ease 0s
}
input, textarea {
	font-size:16px;
	font-family:"PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
	outline:0
}
.zoom {
	display:inline-block;
	vertical-align:top
}
.nowrap {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}




	.gong{ background:#FFFFFF; border:#ccc solid solid; padding:20px 10px;  border-radius:5px; margin:0 8px;}
	h2{ font-weight:bold}
	
	.gong p{ margin-top:20px; color:#666666}




@font-face {
font-family:'iconfont';
src:url('../fonts/iconfont.woff2') format('woff2'), url('fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
.shadow {
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)
}
.hide {
	display:none !important
}
.wrap {
	width:60%;
	margin:0 auto;
	zoom:1
}
.wrap::after {
content:"";
display:block;
clear:both
}
.wrapper {
	background:#f1f1f1;
	position:relative
}
.head {
	padding-left:200px;
	position:relative;
	zoom:1
}
.head::after {
content:"";
display:block;
clear:both
}
.header {
	background:#fff;
	box-shadow:0 1px 4px 0 rgba(238, 238, 238, 0.5);
	position:relative;
	z-index:100
}
.header .name {
	height:60px;
	float:left;
	display:inline;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	position:relative;
	z-index:1
}
.header .name a {
	font-size:22px;
	color:#333;
	line-height:60px
}
.header .subname {
	float:left;
	display:inline;
	margin:30px 0 0 10px;
	font-size:16px;
	color:#333
}
.header.fixed {
	border-bottom:1px solid #eee;
	position:fixed;
	top:0;
	width:100%;
	z-index:100
}
.lazyline {
	height:2px;
	background-color:#0188fb;
	position:absolute;
	top:0;
	top:2px\0;
	left:0;
	z-index:2
}
.lazynum {
	padding:0 10px;
	font-size:12px;
	color:#fff;
	line-height:20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	background:rgba(10, 10, 10, 0.2);
	position:fixed;
	right:0;
	bottom:5px;
	z-index:100
}
.logo {
	height:60px;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:99
}
.logo a {
	width:100%;
	height:60px;
	display:table-cell;
	vertical-align:middle;
transition:all ease .3s
}
.logo a img {
	height:50px;
	vertical-align:middle
}
.logo a img:first-child {
	display:none
}
.logo a img:last-child {
	display:block
}
.logo.on a::before {
content:'';
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
width:50%;
height:100%;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 100%);
-webkit-transform:skewX(-17deg);
-moz-transform:skewX(-17deg);
-o-transform:skewX(-17deg);
-ms-transform:skewX(-17deg);
transform:skewX(-17deg)
}
.logo a:hover::before {
-webkit-animation:shine 1s;
-moz-animation:shine 1s;
animation:shine 1s
}
@-webkit-keyframes shine {
100% {
left:125%
}
}
@keyframes shine {
100% {
left:125%
}
}
.nav {
	border-bottom:1px solid #ddd;
	border-image:-webkit-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;
	border-image:-moz-linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100;
	border-image:linear-gradient(right, #e2e2e2 20%, #fff 100%) 100 100 100 100
}
.nav dl {
	padding-right:50px;
	line-height:35px;
	font-size:0;
	text-align:right
}
.nav dl dd {
	margin:0 10px;
	font-size:14px;
	color:#333;
	display:inline-block;
	vertical-align:top
}
.nav dl dd a {
	color:#333
}
.account {
	float:right;
	display:inline
}
.sign {
	float:left;
	display:inline;
	font-size:14px;
	line-height:60px
}
.sign span {
	margin:15px 0 0 10px;
	line-height:28px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.sign span a {
	margin:0 10px 0 0;
	padding:0 14px;
	font-size:14px;
	color:#0188fb;
	line-height:28px;
	border:1px solid #0188fb;
	border-radius:15px;
	display:inline-block
}
.sign span a:hover {
	color:#fff;
	background:#0188fb
}
.signuser {
	margin-left:10px;
	padding:13px 13px 0;
	font-size:0;
	line-height:45px;
	border-top:2px solid transparent;
	position:relative;
	display:inline-block;
	vertical-align:top
}
.signuser .uimg {
	position:relative;
	display:inline-block;
	vertical-align:top
}
.signuser .uimg img {
	width:30px;
	height:30px;
	border-radius:50%;
	display:inline-block;
	vertical-align:top
}
.signuser .uimg i {
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	border-radius:7px;
	background:#ccc;
	position:absolute;
	right:-3px;
	top:20px;
	z-index:2
}
.signuser .uimg i.vip {
	background:#0188fb
}
.signuser .uimg i::after {
content:"V";
font-size:12px;
color:#fff;
font-family:iconfont
}
.signuser .uname {
	max-width:70px;
	margin-left:8px;
	font-size:14px;
	color:#333;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.signuser.normal:hover {
	border-color:#0188fb;
	background:#fff
}
.signuser.normal:hover .signuserpop {
	display:block
}
.signuser.simple:hover {
	border-color:transparent
}
.signuser.simple:hover .signuserpop {
	display:none
}
.signusermenu {
	text-align:center;
	line-height:36px;
	position:relative;
	z-index:1
}
.signusermenu a {
	padding:0 10px;
	font-size:14px;
	color:#333;
	display:block
}
.signusermenu a:hover {
	color:#0188fb;
	background:#f0f0f0
}
.signuserpop {
	width:100%;
	padding-top:0;
	box-shadow:0 2px 24px 0 rgba(0, 0, 0, 0.08);
	user-select:none;
	background:#fff;
	position:absolute;
	top:56px;
	right:0;
	z-index:-1;
	display:none
}
.menu {
	float:right;
	display:inline;
	line-height:60px;
	position:relative
}
.menu ul {
	padding-right:35px;
	zoom:1
}
.menu ul::after {
content:"";
display:block;
clear:both
}
.menu ul.nosch {
	padding:0
}
.menu li {
	float:left;
	display:inline;
	margin:0 30px 0 0;
	position:relative
}
.menu li a {
	font-size:16px;
	color:#333;
	position:relative;
	display:inline-block
}
.menu li a:hover {
	color:#0188fb
}
.menu li::before {
content:"";
width:0;
height:3px;
border-radius:3px 3px 0 0;
opacity:.1;
background:#0188fb;
position:absolute;
left:50%;
bottom:0;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s
}
.menu li:hover::before, .menu li.on::before {
width:32px;
margin-left:-16px;
opacity:1
}
.menu li:hover a, .menu li.on a {
	color:#0188fb
}
.menu li .subnav {
	min-width:200px;
	padding:10px 0;
	line-height:40px;
	border-top:1px solid #0188fb;
	box-shadow:0 2px 2px 0 #ddd;
	background:#fff;
	position:absolute;
	top:60px;
	left:-20px;
	z-index:99;
	display:none;
-webkit-animation:fadeInUp .3s 0s ease both;
-moz-animation:fadeInUp .3s 0s ease both
}
.menu li .subnav a {
	padding:0 20px;
	font-size:14px;
	border-bottom:1px solid #f5f5f5;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.menu li .subnav a::after {
content:"\e6a6";
font-size:16px;
color:#ccc;
font-family:iconfont;
font-weight:600;
position:absolute;
top:0;
right:15px;
vertical-align:top;
-moz-transition:opacity .5s;
-o-transition:opacity .5s;
-webkit-transition:opacity .5s;
transition:opacity .5s
}
.menu li .subnav a:hover::after {
color:#0188fb
}
.menu li .subnav a.on {
	color:#0188fb
}
.menu li .subnav a.on::after {
opacity:1
}
.menu li .subnav a:last-child {
	border:0
}
.menu li .subnav::before {
content:"";
width:0;
height:0;
margin:-21px 0 0 0;
border:10px solid transparent;
border-bottom-color:#0188fb;
position:absolute;
top:0;
left:26px;
z-index:3
}
.menu li .subnav::after {
content:"";
width:0;
height:0;
margin:-20px 0 0 0;
border:10px solid transparent;
border-bottom-color:#fff;
position:absolute;
top:0;
left:26px;
z-index:3
}
.menu li.subcate:hover a {
	color:#0188fb
}
.menu li.subcate:hover::before {
display:none
}
.menu li.subcate:hover .subnav {
	display:block
}
.menu li.subcate:hover .subnav a:hover {
	color:#0188fb
}
.menu li.subcate:hover .subnav a.on {
	color:#0188fb
}
.menu li.subcate:hover .subnav a.on::after {
color:#0188fb
}
.menu li.subcate .subnav a {
	color:#333
}
.menu.on {
	width:100%;
	float:left;
	display:inline;
	margin:0 -20px;
	padding:10px 20px 0;
	border-top:1px solid #e4e8eb;
	background:#fff;
	position:absolute;
	top:50px;
	z-index:9;
	display:block
}
.menu.on li {
	width:100%;
	float:none;
	line-height:40px;
	border-bottom:1px dotted #e4e8eb;
	display:block
}
.menu.on li a {
	display:block
}
.menuico {
	width:38px;
	height:38px;
	float:right;
	border-radius:2px;
	cursor:pointer;
	position:relative;
	z-index:10;
	top:6px;
	display:none;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in
}
.menuico span {
	width:21px;
	height:2px;
	background-color:#0188fb;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico span:first-child {
	margin-top:-6px
}
.menuico span:last-child {
	margin-top:6px
}
.menuico.on span:first-child {
	width:20px;
	margin-top:-8px;
	margin-left:-7px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menuico.on span:nth-child(2) {
opacity:0;
width:2px;
left:20px;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-webkit-transition-delay:0s;
transition-delay:0s;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in
}
.menuico.on span {
	background-color:#333;
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	transform-origin:0
}
.menuico.on span:last-child {
	width:20px;
	margin-top:6px;
	margin-left:-7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.fademask.on {
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:3
}
.sch {
	display:inline-block
}
.schico {
	width:45px;
	height:60px;
	line-height:62px;
	text-align:center;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
transition:all ease .3s
}
.schico a {
	height:60px;
	display:block
}
.schico a::after {
content:"\e6e1";
font-size:30px;
color:#888;
font-weight:bold;
font-family:iconfont
}
.sch-m {
	line-height:0;
	position:relative;
	display:none
}
.sch-m input {
	width:100%;
	height:50px;
	padding:0 18px;
	font-size:16px;
	color:#333;
	line-height:50px;
	border:0;
	outline:0;
	border-bottom:2px solid #0188fb;
	border-radius:3px;
	box-sizing:border-box;
	background:transparent
}
.sch-m input:focus {
	color:#0188fb
}
.sch-m button {
	width:30px;
	height:30px;
	padding:0;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	bottom:10px;
	right:10px
}
.sch-m button::after {
content:"\e6e1";
font-size:30px;
color:#0188fb;
font-family:iconfont;
font-weight:600;
display:inline-block;
vertical-align:top
}
.schfixed {
	width:262px;
	padding:20px;
	border-top:1px solid #0188fb;
	box-shadow:0 0 2px 0 #ddd;
	background:#fff;
	position:absolute;
	top:60px;
	right:0;
	z-index:10;
	display:none
}
.schfixed::before {
content:"";
width:0;
height:0;
margin:-20px 0 0 0;
border:10px solid transparent;
border-bottom-color:#0188fb;
position:absolute;
top:0;
right:14px;
z-index:3
}
.schfixed::after {
content:"";
width:0;
height:0;
margin:-19px 0 0 0;
border:10px solid transparent;
border-bottom-color:#fff;
position:absolute;
top:0;
right:14px;
z-index:3
}
.schfixed form {
	position:relative;
	zoom:1
}
.schfixed form::after {
content:"";
display:block;
clear:both
}
.schfixed input {
	width:100%;
	height:38px;
	float:left;
	display:inline;
	padding:0 38px 0 10px;
	font-size:14px;
	color:#333;
	line-height:36px;
	border:1px solid #e4e8eb;
	outline:0;
	border-radius:3px;
	box-sizing:border-box;
	background:#fff
}
.schfixed input:focus {
	color:#0188fb;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.schfixed button {
	width:38px;
	height:38px;
	padding:0;
	line-height:38px;
	border:0;
	border-radius:0 3px 3px 0;
	outline:0;
	cursor:pointer;
	background:#0188fb;
	position:absolute;
	top:0;
	right:0
}
.schfixed button::after {
content:"\e6e1";
font-size:26px;
color:#fff;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.schfixed.on {
	display:block
}
.schbox {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:11;
	display:none
}
.schbox.on {
	display:block
}
.schbg {
	background:rgba(0, 0, 0, 0.9);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
.schclose {
	font-size:40px;
	color:#0188fb;
	font-family:iconfont;
	cursor:pointer;
	position:absolute;
	top:0;
	right:40px;
	z-index:2
}
.schform {
	width:600px;
	position:absolute;
	top:100px;
	left:50%;
	z-index:2;
	transform:translate(-50%, 0)
}
.schform form {
	position:relative
}
.schform input {
	width:100%;
	font-size:22px;
	color:#0188fb;
	line-height:50px;
	border:0;
	outline:0;
	border-bottom:2px solid #0188fb;
	border-radius:3px;
	background:transparent
}
.schform input:focus {
	color:#495057;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.schform button {
	width:39px;
	height:39px;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	bottom:8px;
	right:0
}
.schform button::after {
content:"\e077";
font-size:28px;
color:#0188fb;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.schads {
	margin-top:30px
}
.schads h3 {
	margin:10px 0;
	font-size:15px;
	color:#e4e8eb;
	line-height:30px
}
.schads a {
	margin-bottom:10px;
	display:block
}
.schwords {
	width:100%;
	padding:0 16px;
	font-size:0;
	text-align:left;
	border:2px solid #ddd;
	border-top:0;
	border-radius:0 0 6px 6px;
	box-sizing:border-box;
	background:#fff;
	position:absolute;
	top:50px;
	left:0;
	z-index:3;
	display:none
}
.schwords h5 {
	font-size:14px;
	color:#333
}
.schwords a {
	margin:8px 8px 0 0;
	padding:0 10px;
	font-size:14px;
	color:#333;
	line-height:26px;
	border-radius:2px;
	background:#ebedf0;
	display:inline-block;
	vertical-align:top
}
.schwords a:hover {
	color:#0188fb
}
.schwordsinfo {
	padding:15px 0;
	border-top:1px solid #eee
}
.schitem {
	padding:15px 0;
	border-top:1px dotted #e4e8eb
}
.schitem a {
	margin:0;
	padding:0;
	background:none;
	display:block;
	zoom:1
}
.schitem a::after {
content:"";
display:block;
clear:both
}
.schitemcon {
	display:block
}
.schitemcon strong {
	font-size:16px;
	color:#333;
	line-height:22px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.schitemcon em {
	margin-top:4px;
	font-size:14px;
	color:#888;
	line-height:1.6;
	font-style:normal;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box
}
.schitemcon em mark {
	font-weight:600;
	color:#0188fb;
	background:none
}
.schimg {
	width:100px;
	height:0;
	float:left;
	display:inline;
	margin-right:20px;
	padding-bottom:70px;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.schimg img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.schmore {
	margin-bottom:20px
}
.schmore a {
	margin:8px 0 0;
	font-size:14px;
	font-weight:600;
	text-align:center;
	line-height:40px;
	display:block
}
.schnull {
	padding:10px 0;
	font-size:14px;
	color:#333;
	font-weight:600;
	text-align:center;
	line-height:40px;
	border-top:1px dotted #e4e8eb;
	display:block
}
.searchnull {
	padding:20% 0;
	color:#888;
	text-align:center
}
.searchnull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e4e8eb;
font-family:iconfont;
display:block
}
.searchnull a {
	border-bottom:1px solid #0188fb
}
.main {
	padding-bottom:20px;
	background:#f1f1f1
}
.main .mask {
	margin-bottom:20px
}
.main.fixed {
	padding-top:0px
}
.main .block:last-child {
	margin-bottom:0
}
.slide {
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden
}
.slide a {
	text-align:center;
	display:block
}
.slide a img {
	margin:0 auto;
	display:block
}
.slide a span {
	display:none
}
.slideurl {
	width:100%;
	height:100%;
	display:block
}
.slideblock {
	margin-bottom:20px;
	border-radius:3px;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff;
	overflow:hidden
}
.swiper-slide {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:10px
}
.swiper-pagination {
	transition:0s !important
}
.swiper-pagination-bullet {
	width:20px;
	height:4px;
	margin:0 5px;
	padding:14px 0;
	border-radius:0;
	opacity:.8;
	background-color:rgba(255, 255, 255, 0.6);
	background-clip:content-box;
	vertical-align:top
}
.swiper-pagination-bullet-active {
	background-color:#0188fb
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:0
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:0
}
.swiper-button-prev, .swiper-button-next {
	margin-top:-32px;
	padding:10px 16px;
	border-radius:5px;
	opacity:.5;
	background-color:rgba(68, 68, 68, 0.5);
	background-size:30%;
	z-index:99
}
.swiper-button-prev:hover, .swiper-button-next:hover {
	opacity:.8;
	background-color:#444
}
.banner {
	padding:0 18px;
	font-size:36px;
	color:#fff;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
	position:relative;
	z-index:3
}
.banner::before {
content:"";
width:100%;
height:100%;
background:none;
position:absolute;
top:0;
left:0;
z-index:1
}
.hellotip {
	margin-bottom:20px;
	text-shadow:0 1px 5px #999;
	word-break:break-all;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:2
}
.hellotip.alone::after {
content:"";
width:40px;
height:2px;
margin-left:-20px;
background:#fff;
position:absolute;
left:50%;
bottom:-20px
}
.hellosch {
	width:650px;
	text-shadow:none;
	margin:30px auto 0;
	position:relative
}
.hellosch form {
	border:2px solid #ddd;
	border-radius:6px;
	background:rgba(255, 255, 255, 0.8);
	position:relative;
	z-index:3
}
.helloschinput {
	width:100%;
	padding:12px 50px 12px 14px;
	color:#333;
	line-height:1.5;
	border:0;
	box-sizing:border-box;
	background:transparent;
	display:block
}
.helloschbtn {
	height:100%;
	padding:0 12px;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	top:0;
	right:0
}
.helloschbtn::before {
content:"";
width:1px;
height:24px;
background:#ddd;
position:absolute;
top:50%;
left:1px;
transform:translate(0, -50%)
}
.helloschbtn::after {
content:"\e6e1";
font-size:30px;
color:#888;
font-family:iconfont;
font-weight:600
}
.hellosch.on form {
	border-radius:6px 6px 0 0;
	background:#fff
}
.hellosch.on .schwords {
	display:block
}
.hellosch.alone {
	margin-top:0
}
.display {
	background-size:cover
}
.loader {
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	border-top:1px solid rgba(0, 0, 0, 0.08);
	border-right:1px solid rgba(0, 0, 0, 0.08);
	border-bottom:1px solid rgba(0, 0, 0, 0.08);
	border-left:1px solid rgba(0, 0, 0, 0.5);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:20;
	-webkit-animation:loader 700ms infinite linear;
	animation:loader 700ms infinite linear
}
@keyframes loader {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.indexcon {
	padding-top:20px;
	background:#f1f1f1;
	position:relative;
	z-index:2
}
.indexcon .hastitle .swiper-slide span {
	width:100%;
	height:50px;
	padding:0 60px 0 24px;
	color:#fff;
	text-align:left;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	box-sizing:border-box;
	background:rgba(0, 0, 0, 0.2);
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
	position:absolute;
	bottom:0;
	left:0;
	z-index:99;
	display:block
}
.indexcon .hastitle .swiper-pagination {
	width:auto;
	right:24px;
	bottom:10px !important;
	left:unset
}
.indexcon .hastitle .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	padding:0;
	border-radius:50%
}
.indexcon .swiper-container-horizontal>.swiper-pagination-bullets, .indexcon .swiper-pagination-custom, .indexcon .swiper-pagination-fraction {
	bottom:5px
}
.indexcon .swiper-button-prev, .indexcon .swiper-button-next {
	margin-top:-22px;
	padding:0;
	border-radius:0;
	opacity:.3;
	background:#333
}
.indexcon .swiper-button-prev::after, .indexcon .swiper-button-next::after {
font-size:28px;
color:#fff;
font-family:iconfont;
text-align:center;
line-height:45px;
display:block
}
.indexcon .swiper-button-prev:hover, .indexcon .swiper-button-next:hover {
	opacity:1
}
.indexcon .swiper-button-prev:hover::after, .indexcon .swiper-button-next:hover::after {
background:#0188fb
}
.indexcon .swiper-button-prev {
	left:0;
	border-radius:0 3px 3px 0
}
.indexcon .swiper-button-prev::after {
content:"\e6dc";
border-radius:0 3px 3px 0
}
.indexcon .swiper-button-next {
	right:0;
	border-radius:3px 0 0 3px
}
.indexcon .swiper-button-next::after {
content:"\e6a6";
border-radius:3px 0 0 3px
}
.sitemap {
	margin-bottom:5px;
	font-size:14px;
	color:#888;
	line-height:24px
}
.sitemap a {
	font-size:14px;
	color:#888
}
.sitemap a:hover {
	color:#0188fb
}
.content {
	width:100%;
	float:left;
	display:inline
}
.content.wide {
	width:100%
}
.listintro {
	margin-bottom:20px;
	padding:10px 15px;
	font-size:14px;
	color:#888;
	line-height:22px;
	border:1px dotted #ccc;
	border-radius:3px;
	background:#f8f8f8;
	overflow:hidden
}
.block {
	margin-bottom:20px;
	padding:20px 26px;
	word-break:break-all;
	border-radius:3px;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff
}
.block .post:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:0
}
.block .cmtsitem:last-child {
	padding-bottom:0;
	border-bottom:0
}
.block#divCommentPost {
	margin-bottom:0
}
.block.forum {
	padding:20px
}
.block.forum .item {
	margin-bottom:2px;
	padding:15px;
	line-height:22px;
	border-radius:3px;
	position:relative
}
.block.forum .item h2 {
	padding-right:160px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.block.forum .item h2.istop a {
	color:#0188fb;
	font-weight:600
}
.block.forum .item h2.istop a::before {
color:#0188fb;
font-weight:normal
}
.block.forum .item h2.istop em {
	margin:2px 0 0 5px;
	padding:0 4px;
	font-size:12px;
	color:#fff;
	font-style:normal;
	line-height:18px;
	border-radius:2px;
	background:#0188fb;
	display:inline-block;
	vertical-align:top
}
.block.forum .item h2 a {
	font-size:16px;
	color:#333
}
.block.forum .item h2 a::before {
content:"\e6e2";
margin-right:4px;
font-size:22px;
color:#9e9e9e;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.block.forum .item h2 span {
	margin-top:1px;
	margin-right:5px;
	display:inline-block;
	vertical-align:top
}
.block.forum .item h2 span::before {
font-family:iconfont;
font-weight:normal;
vertical-align:top
}
.block.forum .item h2 .istop {
	margin-right:-10px;
	color:#0188fb;
	vertical-align:top
}
.block.forum .item h2 .istop::before {
content:"\e67a";
font-size:42px
}
.block.forum .item h2 .zbaudio::before {
content:"\e616";
font-size:20px
}
.block.forum .item h2 .video::before {
content:"\e6dd";
font-size:19px
}
.block.forum .item .forumdate {
	font-size:13px;
	color:#9e9e9e;
	line-height:22px;
	position:absolute;
	top:16px;
	right:10px
}
.block.forum .item:nth-child(odd) {
background:#f7f9fb
}
.block.forum .item:hover {
	background:#f2f6f9
}
.block.forum .item:hover h2 a {
	color:#0188fb
}
.block.album {
	margin:0;
	padding:0;
	box-shadow:none;
	background:none
}
.block.album .filternav {
	margin-top:20px
}
.block.album .item {
	width:31.33%;
	margin:0 0 2% 2%;
	border-radius:4px;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	background:#fff;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
transition:transform .3s
}
.block.album .item:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.block.album .albumlist {
	margin:0 0 0 -2%;
	font-size:0
}
.block.album .albumimg {
	position:relative
}
.block.album .albumimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.block.album .albumimg a em {
	padding:0 4px;
	font-size:12px;
	color:#fff;
	font-style:normal;
	line-height:18px;
	border-radius:2px;
	background:#0188fb;
	position:absolute;
	top:10px;
	left:10px;
	z-index:2
}
.block.album .albumimg a span {
	padding:0 10px;
	font-size:12px;
	color:#fff;
	line-height:24px;
	border-radius:5px 0 0 0;
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	right:0;
	bottom:0;
	z-index:2
}
.block.album .albumimg a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block
}
.block.album .albumimg a img.lazyload {
	background:#dedede url(../images/lazyload.gif) no-repeat center
}
.block.album .albumimg.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.block.album .albumcon {
	padding:16px
}
.block.album .albumcon a {
	font-size:16px;
	color:#333;
	font-weight:600;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.block.album .albumcon a:hover {
	color:#0188fb
}
.block.album .albumcon p {
	margin-top:8px;
	font-size:12px;
	color:#999;
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.block.album .albuminfo {
	padding:0 16px;
	line-height:38px;
	border-top:1px solid #f1f1f1;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.block.album .albuminfo a {
	display:inline-block;
	vertical-align:top
}
.block.album .albuminfo img {
	width:22px;
	height:22px;
	margin-right:5px;
	line-height:1;
	border:1px solid #fff;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle
}
.block.album .albuminfo em {
	font-size:12px;
	color:#999;
	font-style:normal;
	display:inline-block;
	vertical-align:top
}
.block.album .albuminfo span {
	font-size:12px; font-weight:bold;
	color:#999
}
.block.sticker, .block.hotspot {
	padding:0;
	box-shadow:none;
	background:none
}
.block.sticker .filternav, .block.hotspot .filternav {
	margin-top:20px
}
.block.sticker .post, .block.hotspot .post {
	margin-bottom:20px;
	padding:20px 24px 15px;
	word-break:break-all;
	border-radius:3px;
	border:0;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff
}
.block.sticker .post h2 .istop, .block.hotspot .post h2 .istop {
	padding:0;
	font-size:0;
	background:none;
	position:absolute;
	top:3px;
	left:-7px
}
.block.sticker .post h2 .istop::before, .block.hotspot .post h2 .istop::before {
content:"\e67a";
font-size:42px;
color:#0188fb;
font-family:iconfont
}
.block.sticker .post:last-child, .block.hotspot .post:last-child {
	margin-bottom:0
}
.block.hotspot .post {
	padding:20px
}
.block.hotspot .post h2 {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.block.hotspot .postimg {
	width:210px;
	float:left;
	display:inline;
	margin:0 20px 0 0
}
.block.hotspot .post .intro {
	margin-bottom:15px;
	font-size:14px;
	line-height:1.8
}
.block.hotspot .post .intro.isimg {
	height:75px
}
.block.hotspot .post .info {
	margin:0
}
.block.hotspot .hotspotinfo.noimg h2 {
	height:auto;
	white-space:normal
}
.post {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e4e8eb;
	position:relative;
	zoom:1
}
.post::after {
content:"";
display:block;
clear:both
}
.post h1 {
	margin:0 0 8px;
	font-size:24px;
	color:#333;
	font-weight:600;
	line-height:1.5
}
.post h2 {
	margin-bottom:5px;
	line-height:1.5;
	font-weight:600
}
.post h2 a {
	font-size:20px;
	color:#333
}
.post h2 a:hover {
	color:#0188fb
}
.post h2 span {
	margin-right:2px;
	vertical-align:middle
}
.post h2 span::before {
font-family:iconfont;
font-weight:normal;
vertical-align:text-bottom
}
.post h2 em {
	margin:6px 0 0 5px;
	padding:0 4px;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	font-style:normal;
	line-height:18px;
	border-radius:2px;
	background:#0188fb;
	display:inline-block;
	vertical-align:top
}
.post h2 .zbaudio::before {
content:"\e616";
font-size:21px
}
.post h2 .video::before {
content:"\e6dd";
font-size:21px
}
.post .info {
	margin-bottom:15px;
	font-size:14px;
	zoom:1
}
.post .info::after {
content:"";
display:block;
clear:both
}
.post .info.simple {
	margin:5px
}
.post .info span:last-child {
	margin:0
}
.post .user, .post .date, .post .cate, .post .view, .post .cmt, .post .edit, .post .del {
	margin-right:15px;
	color:#888
}
.post .user::before, .post .date::before, .post .cate::before, .post .view::before, .post .cmt::before, .post .edit::before, .post .del::before {
margin-right:5px;
font-size:18px;
font-family:iconfont;
vertical-align:top
}
.post .user a, .post .date a, .post .cate a, .post .view a, .post .cmt a, .post .edit a, .post .del a {
	color:#888
}
.post .user a:hover, .post .date a:hover, .post .cate a:hover, .post .view a:hover, .post .cmt a:hover, .post .edit a:hover, .post .del a:hover {
	color:#0188fb
}
.post .user:before {
	content:"\e6a9"
}
.post .date:before {
	content:"\e69c"
}
.post .cate:before {
	content:"\e6e2"
}
.post .view:before {
	content:"\e6a7"
}
.post .cmt:before {
	content:"\e6a8"
}
.post .edit:before {
	content:"\e69a"
}
.post .del:before {
	content:"\e6ac"
}
.post .ctrl {
	float:right;
	display:inline;
	display:inline-block
}
.post .ctrl a {
	width:21px;
	height:20px;
	margin:0 0 0 8px;
	text-align:center;
	line-height:20px;
	border-radius:2px;
	background:#e4e8eb;
	display:inline-block;
	vertical-align:top
}
.post .ctrl a::before {
content:"A\207a";
font-size:16px;
color:#999;
font-family:iconfont
}
.post .ctrl a:nth-child(2)::before {
content:"A\207b"
}
.post .ctrl a:nth-child(3)::before {
content:"A"
}
.postimg {
	width:120px;
	float:left;
	display:inline;
	margin:0 20px 10px 0;
	border-radius:3px;
	overflow:hidden
}
.postimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.postimg a img {
	min-width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.postimg a img.lazyload {
	background:#dedede url(../images/lazyload.gif) no-repeat center
}
.postimg:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.postimg.v a::before {
content:"";
width:32px;
height:32px;
background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 48 48'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Ccircle cx='24' cy='24' r='24' fill='%23000' fill-opacity='.15'/%3E    %3Cpath fill='%23FFF' fill-rule='nonzero' d='M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48 0 37.255 0 24 10.745 0 24 0zm0 1.44C11.54 1.44 1.44 11.54 1.44 24c0 12.46 10.1 22.56 22.56 22.56 12.46 0 22.56-10.1 22.56-22.56 0-12.46-10.1-22.56-22.56-22.56zm-4.8 13.828a1.2 1.2 0 0 1 .595.158l13.182 7.532a1.2 1.2 0 0 1 0 2.084l-13.182 7.532A1.2 1.2 0 0 1 18 31.532V16.468a1.2 1.2 0 0 1 1.2-1.2z'/%3E  %3C/g%3E%3C/svg%3E");
background-size:cover;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1
}
.post .intro {
	max-height:85px;
	font-size:15px;
	color:#888;
	line-height:28px;
	word-wrap:break-word;
	word-break:break-all;
	text-align:justify;
	text-justify:inter-ideograph;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	display:-webkit-box
}
.post .intro a {
	color:#888
}
.post object, .post embed, .post iframe, .post table {
	max-width:100%
}
.post .readmore {
	padding:5px 16px 5px 26px;
	font-size:14px;
	color:#888;
	border:2px solid #e4e8eb;
	border-radius:20px;
	display:inline-block
}
.post .readmore::after {
content:"\e6a6";
margin-left:5px;
font-family:iconfont
}
.post .readmore:hover {
	color:#0188fb;
	border-color:#0188fb
}
.post .readmore:hover::after {
color:#0188fb
}
.posttitle {
	padding:0 0 7px;
	line-height:30px;
	border-bottom:1px solid #e4e8eb
}
.posttitle h1, .posttitle h2, .posttitle h3, .posttitle h4, .posttitle h5, .posttitle h6 {
	font-size:18px;
	color:#333
}
.post .tags {
	margin-bottom:6px;
	font-size:15px;
	color:#888;
	text-indent:0
}
.post .tags a {
	margin:0 5px 10px;
	padding:0 12px;
	font-size:15px;
	color:#333;
	line-height:24px;
	border:1px solid #e4e8eb;
	border-radius:26px;
	display:inline-block
}
.post .tags a:hover {
	color:#0188fb;
	border:1px solid #0188fb
}
.post mark {
	color:#0188fb;
	background:none
}
.post:last-child {
	margin-bottom:0
}
.large .postimg {
	width:160px
}
.large .post .intro {
	max-height:110px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
	display:-webkit-box
}
.auth {
	zoom:1
}
.auth::after {
content:"";
display:block;
clear:both
}
.authimg {
	width:80px;
	height:80px;
	float:left;
	display:inline;
	border:3px solid rgba(0, 0, 0, 0.1);
	border-radius:50%;
	position:relative
}
.authimg img {
	width:80px;
	height:80px;
	border-radius:50%
}
.authimg .sex {
	width:20px;
	height:20px;
	text-align:center;
	font-style:normal;
	line-height:20px;
	border:2px solid #0188fb;
	border-radius:50%;
	background:#fff;
	position:absolute;
	bottom:2px;
	right:2px
}
.authimg .sex::before {
content:"\e78d";
font-size:20px;
color:#0188fb;
font-family:iconfont;
vertical-align:middle
}
.authimg .sex.female {
	border-color:#fb6c7f
}
.authimg .sex.female::before {
content:"\e78c";
color:#fb6c7f
}
.authinfo {
	padding-left:100px
}
.authinfo h1 {
	margin-bottom:5px;
	font-size:20px
}
.authinfo h1 span {
	margin:6px 0 0 5px;
	padding:0 5px;
	font-size:12px;
	color:#fff;
	border-radius:2px;
	background:#0188fb;
	vertical-align:top
}
.authinfo p {
	margin-bottom:10px;
	font-size:14px;
	color:#888;
	line-height:1.8
}
.authinfo span {
	margin-right:10px;
	font-size:12px;
	color:#888;
	display:inline-block;
	vertical-align:top
}
.authinfo span::before {
font-size:18px;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.authinfo .cate:before {
	content:"\e6e2"
}
.authinfo .view:before {
	content:"\e6a7"
}
.authinfo .cmt:before {
	content:"\e6a8"
}
.filternav {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #e4e8eb
}
.filternav h1 {
	font-size:18px;
	display:inline-block;
	vertical-align:top
}
.filternav ul {
	float:right;
	display:inline;
	font-size:0
}
.filternav li {
	float:left;
	display:inline;
	padding:0 0 0 10px;
	font-size:16px;
	line-height:25px;
	cursor:pointer;
	position:relative
}
.filternav li.active {
	color:#0188fb
}
.filternav li.active i {
	display:inline
}
.filternav li.active i::before {
color:#0188fb;
font-weight:600
}
.filternav li i {
	width:16px;
	margin-right:3px;
	display:inline-block;
	vertical-align:top
}
.filternav li i::before {
content:"\e605";
font-size:16px;
font-family:iconfont
}
.filternav li:hover {
	color:#0188fb
}
.pagebar, .cmtpagebar {
	width:100%;
	margin:0 auto;
	padding:15px 0 10px;
	font-size:0;
	text-align:center;
	border-radius:3px;
	box-sizing:border-box;
	background:#fff
}
.pagebar .now-page, .cmtpagebar .now-page {
	font-size:14px;
	color:#fff;
	font-weight:400;
	padding:5px 10px;
	margin:0 5px 5px;
	border:1px solid #0188fb;
	border-radius:2px;
	background:#0188fb;
	display:inline-block
}
.pagebar a, .cmtpagebar a {
	margin:2px;
	padding:5px 10px;
	font-size:14px;
	color:#fff;
	font-weight:400;
	border:1px solid #e2e2e2;
	border-radius:2px;
	background: #FF6600;
	display:inline-block
}
.pagebar a:hover, .cmtpagebar a:hover {
	color:#fff;
	border:1px solid #0188fb;
	background:#0188fb
}
.pagebar {
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05)
}
.cmtpagebar {
	padding-bottom:0
}
.pagination-loading {
	margin:0 0 20px;
	text-align:center;
	border-radius:2px;
	background:#ebebeb
}
.pagination-loading a {
	padding:10px 0;
	border:1px solid #e4e8eb;
	display:block
}
.ias_trigger, .ias_loader {
	margin-top:20px;
	font-size:16px;
	color:#888
}
.ias_trigger a, .ias_loader a {
	padding:10px 0;
	font-size:16px;
	color:#666;
	text-align:center;
	border:1px solid #e4e8eb;
	border-radius:3px;
	background:#fff;
	display:block
}
.ias_trigger a:hover, .ias_loader a:hover {
	color:#888;
	background:#e4e8eb
}
.ias_loader {
	line-height:44px
}
.friendlink {
	margin-top:20px;
	padding:20px 30px 10px;
	font-size:0;
	border-radius:3px;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff
}
.friendlink span {
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:20px;
	color:#333;
	border-bottom:1px solid #e4e8eb;
	display:block
}
.friendlink li {
	margin:0 20px 10px 0;
	display:inline-block;
	vertical-align:top
}
.friendlink li a {
	font-size:14px;
	color:#333
}
.friendlink li a:hover {
	color:#0188fb
}
.contitle {
	margin-bottom:30px;
	line-height:38px;
	border-bottom:1px solid #e4e8eb;
	background:#fff
}
.contitle h1, .contitle h2 {
	margin-bottom:-1px;
	font-size:16px;
	border-bottom:1px solid #0188fb;
	display:inline-block;
	vertical-align:top
}
.single {
	padding:20px 0 0;
	line-height:1.9;
	border-top:1px dotted #e4e8eb;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden
}
.single .tagscloud li {
	margin:0 0 2% 2%
}
.single .readers li {
	margin:0 0 3% 3%
}
.single ul, .single ol {
	margin:0 0 20px 1.5em;
	list-style:disc outside
}
.single ul li, .single ol li {
	margin-bottom:.5em
}
.single ul p, .single ol p {
	display:inline
}
.single p {
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	position:relative
}
.single p img.ue-image {
	margin:0 auto
}
.single p img.ue-emoticon {
	vertical-align:middle
}
.single p.ue-upload {
	padding:10px;
	border:1px dashed #e4e8eb
}
.single p.ue-upload img {
	vertical-align:top !important
}
.single p.ue-upload a {
	font-size:14px !important;
	color:#0188fb !important
}
.single p .tagslink {
	margin:0 2px
}
.single p .tagslink::after {
content:"\e6e1";
margin:0 -2px;
font-family:iconfont;
font-weight:bold;
position:relative;
top:-2px;
display:inline-block;
vertical-align:top;
transform:scale(.8)
}
.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {
	margin:18px 0 14px;
	line-height:1.5;
	font-weight:600;
	position:relative
}
.single h1 {
	font-size:1.8em
}
.single h2 {
	margin-top:32px;
	font-size:1.6em
}
.single h3 {
	margin-top:30px;
	font-size:1.4em
}
.single h4 {
	margin-top:28px;
	font-size:1.2em
}
.single h5 {
	margin-top:26px;
	font-size:1em
}
.single h6 {
	margin-top:24px;
	font-size:.8em
}
.single blockquote {
	margin-bottom:20px;
	padding:10px 20px 10px 50px;
	font-size:14px;
	color:#666;
	line-height:1.8;
	border:1px dotted #ccc;
	background:#f8f8f8;
	position:relative
}
.single blockquote::before {
content:"“";
font-size:70px;
color:#e4e8eb;
font-family:arial;
line-height:1;
position:absolute;
top:5px;
left:14px
}
.single blockquote p {
	margin:0
}
.single table {
	margin-bottom:20px;
	font-size:14px;
	border-collapse:collapse;
	border-spacing:0
}
.single .th {
	width:100px;
	background:#f5f5f5
}
.single td {
	padding:5px 10px;
	color:#666;
	line-height:24px;
	word-break:break-all;
	border:1px solid #e4e8eb
}
.single div.prism-show-language>div.prism-show-language-label[data-language] {
	font-size:14px
}
.single span.prism-token {
	background:none !important
}
.single code[class*="language-"], .single pre[class*="language-"] {
color:inherit
}
.single pre[class*="language-"] {
margin-bottom:20px;
font-size:14px
}
.single.indent p, .single.indent ol, .single.indent ul {
	text-indent:2em
}
.single.indent blockquote p {
	text-indent:0
}
.single .archivelist {
	margin:10px 0;
	list-style:none
}
.single .archivelist li {
	margin:0
}
.videowrap {
	overflow:hidden
}
.videobox {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	display:block
}
.videobox object, .videobox video, .videobox embed, .videobox iframe {
	width:100%;
	height:100%;
	outline:0;
	position:absolute;
	display:block
}
.videobox object video, .videobox video video, .videobox embed video, .videobox iframe video {
	width:100%
}
.videobox video {
	background:#292929
}
.copynotice {
	width:100%;
	margin:20px 0;
	padding:10px 15px;
	font-size:14px;
	color:#888;
	text-indent:0;
	line-height:22px;
	border:1px dotted #ccc;
	border-radius:3px;
	box-sizing:border-box;
	background:#f8f8f8;
	overflow:hidden;
	display:flex;
	zoom:1;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:flex-end;
	align-items:center
}
.copynotice::after {
content:"";
display:block;
clear:both
}
.copynotice .qr, .copynotice canvas {
	width:70px;
	height:70px;
	float:left;
	display:inline;
	margin-right:15px;
	border:3px solid #fff;
	background:#fff
}
.copynotice b, .copynotice strong {
	margin:0 5px;
	color:#333
}
.copynoticetxt {
	width:100%;
	word-break:break-all;
	vertical-align:middle
}
.copynoticetxt p {
	margin:0
}
.copynoticetxt a {
	color:#333
}
.sharebox .label {
	font-size:14px;
	color:#999;
	line-height:30px
}
.sharebox .label, .sharebox .sharebtn {
	display:inline-block
}
.pages {
	margin-top:20px;
	overflow:hidden;
	zoom:1
}
.pages::after {
content:"";
display:block;
clear:both
}
.pages a {
	color:#333
}
.pages a:hover {
	color:#0188fb
}
.pages p {
	height:30px;
	color:#999;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.pages span {
	color:#888
}
a.backlist {
	float:right;
	display:inline;
	margin:10px 0 0;
	padding:5px 10px 5px 20px;
	color:#888;
	border:2px solid #e4e8eb;
	border-radius:20px;
	display:inline-block
}
a.backlist::after {
content:"\e6a6";
margin-left:5px;
font-family:iconfont
}
a.backlist:hover {
	color:#0188fb;
	border-color:#0188fb
}
.relate {
	padding:15px 0;
	border-top:1px dotted #e4e8eb;
	overflow:hidden;
	zoom:1
}
.relate::after {
content:"";
display:block;
clear:both
}
.relatecon .relate:first-child {
	border:0
}
.relatecon.onlyone {
	margin-top:15px
}
.relatecon.diallel {
	margin-top:10px;
	zoom:1
}
.relatecon.diallel::after {
content:"";
display:block;
clear:both
}
.relatecon.diallel .relatelist {
	width:47%;
	float:left;
	display:inline
}
.relatecon.diallel .relatelist:nth-child(even) {
float:right;
display:inline
}
.relatecon.diallel .datetime {
	display:none
}
.relatelist {
	margin-top:5px;
	padding-bottom:5px;
	font-size:12px;
	color:#999;
	line-height:27px;
	border-bottom:1px dotted #e4e8eb;
	position:relative
}
.relatelist a {
	width:75%;
	margin-right:20px;
	font-size:16px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.relatelist a:hover {
	color:#0188fb
}
.relatelist .posttime {
	font-size:14px;
	color:#bbb;
	position:absolute;
	top:0;
	right:0
}
.relate:last-child {
	padding:15px 0 3px
}
.relateinfo h3 {
	margin:0 0 10px;
	color:#333;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
	display:-webkit-box
}
.relateinfo h3 a {
	font-size:18px;
	color:#333;
	font-weight:700
}
.relateinfo h3 a:hover {
	color:#0188fb
}
.relateinfo p {
	max-height:47px;
	font-size:15px;
	color:#888;
	line-height:26px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box
}
.relateinfo p a {
	color:#888
}
.relateimg {
	width:120px;
	float:left;
	display:inline;
	margin-right:20px
}
.relateimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	display:block
}
.relateimg a img {
	width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0
}
.relateimg:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.cmtsitem {
	padding:18px 0 14px;
	border-bottom:1px dotted #e4e8eb;
	zoom:1
}
.cmtsitem::after {
content:"";
display:block;
clear:both
}
.cmtsitem .avatar {
	width:48px;
	height:48px;
	float:left;
	display:inline;
	margin-right:10px;
	overflow:hidden
}
.cmtsitem .avatar img {
	width:48px;
	height:48px;
	border-radius:3px
}
.cmtsitem .cmtscon .avatar {
	display:none
}
.cmtscon {
	margin-left:65px;
	zoom:1
}
.cmtscon::after {
content:"";
display:block;
clear:both
}
.cmtscon>.cmtsitem {
	margin-top:15px;
	padding:0 0 0 20px;
	border-left:2px solid #e4e8eb
}
.cmtscon>.cmtsitem .cmtscon {
	margin:0
}
.cmtsdate {
	float:right;
	display:inline;
	font-size:14px;
	color:#bbb
}
.cmtsname {
	font-size:14px;
	color:#333;
	display:inline-block
}
.cmtsname a {
	font-size:14px;
	color:#333
}
.cmtsname em {
	margin-top:1px;
	padding:0 7px;
	font-size:12px;
	color:#888;
	font-style:normal;
	line-height:16px;
	border:1px solid #eee;
	border-radius:2px;
	background:#fafafa;
	display:inline-block;
	vertical-align:top
}
.cmtsbody {
	margin-top:8px;
	line-height:26px;
	word-wrap:break-word;
	word-break:break-all
}
.cmtsbody .cmtscon {
	margin:0;
	padding-left:20px;
	border-left:2px solid #e4e8eb
}
.cmtsbody .cmtsfoot {
	display:none !important
}
.cmtsreply {
	margin-top:15px;
	padding-left:20px;
	border-left:2px solid #e4e8eb
}
.cmtsreplyname {
	font-size:12px;
	color:#888
}
.cmtsreplyname em {
	margin-top:1px;
	padding:0 7px;
	font-size:12px;
	color:#888;
	font-style:normal;
	line-height:16px;
	border:1px solid #eee;
	border-radius:2px;
	background:#fafafa;
	display:inline-block;
	vertical-align:top
}
.cmtsreplyname a {
	font-size:14px;
	color:#333
}
.cmtsreplycon {
	margin-top:8px;
	word-wrap:break-word;
	word-break:break-all
}
.cmtsreplydate {
	margin-top:8px;
	font-size:14px;
	color:#bbb
}
.cmtsfoot {
	margin-top:8px
}
.cmtsfoot .reply {
	font-size:14px;
	color:#888
}
.cmtsfoot .reply::before {
content:"\e6a8";
margin-right:3px;
font-size:22px;
color:#888;
font-family:iconfont;
vertical-align:top
}
.cmtsfoot .reply:hover {
	color:#0188fb
}
.cmtsfoot .reply:hover::before {
color:#0188fb
}
.cmts.nocmt {
	padding:15px 30px
}
.cmts.nocmt::before {
content:attr(data-content);
width:100%;
font-size:16px;
color:#888;
text-align:center;
display:inline-block
}
.reply-frm {
	border-left:2px solid #e4e8eb;
	padding:0 0 0 20px;
	margin-top:15px;
	box-shadow:none
}
.reply-frm .cmtimg {
	display:none !important
}
.reply-frm .cmtarea {
	padding:0
}
#cancel-reply {
	height:26px;
	margin-left:20px;
	padding:0 10px 0 6px;
	font-size:14px;
	color:#0188fb;
	line-height:25px;
	border:2px solid #0188fb;
	outline:0;
	box-sizing:content-box;
	border-radius:20px;
	cursor:pointer;
	background:#fff;
	vertical-align:top;
	display:none
}
#cancel-reply::before {
content:"\e6db";
margin-right:3px;
font-size:23px;
color:#0188fb;
font-family:iconfont;
vertical-align:sub
}
.comment {
	margin-top:20px;
	zoom:1
}
.comment::after {
content:"";
display:block;
clear:both
}
.cmtimg {
	width:48px;
	float:left;
	text-align:center
}
.cmtimg img {
	width:48px;
	height:48px;
	border-radius:3px
}
.cmtimg p {
	height:20px;
	font-size:12px;
	color:#888;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.cmtinfo {
	padding-left:70px;
	font-size:14px;
	word-break:break-all
}
.cmtinfo a {
	color:#333
}
.cmtinfo .cmt {
	margin:15px 0 0 -20px;
	padding-bottom:0
}
.cmtinfo .cmt .cmt {
	margin:15px 0 0 -20px;
	padding-bottom:0
}
.cmtinfo .cmt .cmt .cmt {
	margin:15px 0 0 -20px;
	padding-bottom:0
}
.cmtinfo .cmtinfo {
	width:500px
}
.cmtinfo .cmtinfo .cmtinfo {
	width:430px
}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo {
	width:360px
}
.cmttime, .cmttime a {
	font-size:12px;
	color:#888
}
.cmtarea {
	padding-left:68px
}
.cmtarea textarea {
	width:100%;
	margin:0 0 10px;
	padding:5px 15px;
	font-size:16px;
	color:#333;
	line-height:28px;
	border:1px solid #e4e8eb;
	outline:0;
	border-radius:3px;
	overflow:hidden;
	vertical-align:top;
	box-sizing:border-box
}
.cmtarea textarea:focus {
	color:#0188fb;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtsubmit button {
	height:36px;
	margin:0 10px 0 0;
	padding:0 20px;
	font-size:16px;
	color:#888;
	line-height:32px;
	border:2px solid #e4e8eb;
	outline:0;
	border-radius:20px;
	cursor:pointer;
	background:#fff
}
.cmtsubmit button::before {
content:"\e69a";
margin-right:3px;
font-size:23px;
color:#888;
font-family:iconfont;
vertical-align:top
}
.cmtsubmit button:hover {
	color:#0188fb;
	border-color:#0188fb
}
.cmtsubmit button:hover::before {
color:#0188fb
}
.cmtsubmit button:active {
	border-color:#0188fb;
	background:#f1f1f1
}
.cmtsubmit span {
	font-size:14px;
	color:#888
}
.cmtform {
	width:100%;
	float:left;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dotted #e4e8eb;
	display:none
}
.cmtform p {
	width:49%;
	float:left;
	padding:5px 0
}
.cmtform input {
	width:180px;
	height:27px;
	padding:2px 6px;
	color:#333;
	border:1px solid #e4e8eb;
	outline:0;
	border-radius:3px
}
.cmtform input:focus {
	color:#0188fb;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtform input {
*display:inline
}
.cmtform label {
	padding:0 10px;
	line-height:27px;
	cursor:pointer
}
.cmtform #inpVerify {
	width:100px
}
.cmtform img.imgcode {
	width:68px;
	height:31px;
	margin-left:10px;
	border:1px solid #e4e8eb;
	cursor:pointer;
	vertical-align:top
}
.sidebar {
	width:28%;
	float:right;
	display:inline
}
.sidebar ::marker {
content:""
}
.sidebar.fixed .sidebox.fixed {
	top:75px
}
.sidebar.show {
	display:inline-block
}
.sidebox {
	margin-bottom:20px;
	padding:20px;
	word-break:break-all;
	border-radius:3px;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff
}
.sidebox dd {
	line-height:30px
}
.sidebox dd ul {
	overflow:hidden;
	zoom:1
}
.sidebox dd ul::after {
content:"";
display:block;
clear:both
}
.sidebox dd li {
	border-bottom:1px dotted #e4e8eb
}
.sidebox dd a {
	color:#333
}
.sidebox dd a:hover {
	color:#0188fb
}
.sidebox dd .sidelink a {
	color:#fff
}
.sidebox dd .sidelink a:hover {
	color:#fff
}
.sidebox dd .noimg .sidelink a {
	font-size:16px;
	color:#333
}
.sidebox dd .noimg .sidelink a:hover {
	color:#0188fb
}
.sidebox dd .sidecmtarticle {
	color:#888
}
.sidebox dd .sidecmtarticle a {
	color:#888
}
.sidebox dd .sidecmtarticle a:hover {
	color:#0188fb
}
.sidebox dd .avatartitle {
	font-size:14px;
	color:#999
}
.sidebox.fixed {
	position:fixed;
	top:0;
	-webkit-transform:translateZ(0)
}
.sidebox.sticky {
	position:absolute
}
.sidetitle {
	margin-bottom:10px;
	padding:0 0 10px;
	font-size:18px;
	border-bottom:1px solid #e4e8eb
}
.sideitem {
	margin-bottom:10px;
	padding-bottom:8px;
	line-height:26px;
	border-bottom:1px dotted #e4e8eb;
	border-radius:3px;
	overflow:hidden;
	position:relative;
	zoom:1
}
.sideitem::after {
content:"";
display:block;
clear:both
}
.sideitem:last-child {
	margin:0
}
.sideitemimg {
	background:#333
}
.sideitemimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.sideitemimg a img {
	min-width:100%;
	min-height:100%;
	opacity:1;
	position:absolute;
	top:0;
	left:0;
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.sideitem:hover .sideitemimg img {
	opacity:.8
}
.sideitem:hover .sidelink {
	bottom:0
}
.sideitem .itemtitle {
	max-height:52px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.sideitem .hasimg {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.sideitem .hasimg a {
	display:inline
}
.sideitem.noimg .itemtitle {
	color:#333
}
.sideitem.noimg .sideinfo {
	color:#888
}
.sideitem.noimg .sidelink {
	padding:0;
	background:none;
	position:static
}
.sideimg {
	width:70px;
	float:left;
	display:inline;
	margin-right:10px;
	border-radius:3px;
	overflow:hidden
}
.sideimg a {
	width:100%;
	height:0;
	padding-bottom:70%;
	text-align:center;
	overflow:hidden;
	position:relative;
	display:block
}
.sideimg a img {
	min-width:100%;
	min-height:100%;
	opacity:1;
	position:absolute;
	top:0;
	left:0
}
.sideimg:hover img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
.sidelink {
	padding:5px 10px 5px;
	color:#fff;
	background:rgba(0, 0, 0, 0.3);
	position:absolute;
	top:auto;
	right:0;
	bottom:-25px;
	left:0;
-webkit-transition:bottom .3s ease-in-out;
-moz-transition:bottom .3s ease-in-out;
-o-transition:bottom .3s ease-in-out;
transition:bottom .3s ease-in-out
}
.sidelink a {
	font-size:14px;
	line-height:22px;
	display:inline-block
}
.sidelink .sideinfo {
	color:#e4e8eb
}
.sideinfo {
	font-size:12px;
	color:#888;
	text-align:right;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	zoom:1
}
.sideinfo::after {
content:"";
display:block;
clear:both
}
.sideinfo span, .sideinfo em {
	float:left;
	display:inline;
	margin-right:10px;
	font-style:normal
}
.sideinfo span::before, .sideinfo em::before {
margin-right:3px;
font-size:18px;
font-family:iconfont;
vertical-align:top
}
.sideinfo span.view:before, .sideinfo em.view:before {
	content:"\e6a7"
}
.sideinfo span.cmt:before, .sideinfo em.cmt:before {
	content:"\e6a8"
}
.sideinfo span.date:before, .sideinfo em.date:before {
	content:"\e69c"
}
.sideinfo em span {
	float:none
}
.sidecmtinfo {
	font-size:13px;
	color:#888;
	text-align:right;
	zoom:1
}
.sidecmtinfo::after {
content:"";
display:block;
clear:both
}
.sidecmtinfo em {
	float:left;
	display:inline;
	color:#333;
	font-style:normal
}
.sidecmtinfo em::before {
content:"\e6a9";
font-size:17px;
font-family:iconfont;
vertical-align:top
}
.sidecmtcon {
	max-height:44px;
	margin:5px 0;
	padding:5px 10px 4px;
	font-size:13px;
	color:#888;
	line-height:22px;
	border:1px solid #eee;
	border-radius:3px;
	background:#f7f7f7;
	position:relative;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	display:-webkit-box
}
.sidecmtarticle {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.sidecmtarticle a {
	font-size:13px;
	color:#0188fb
}
.sidecmtarticle a::before {
content:"\e6e2";
font-size:18px;
font-family:iconfont;
vertical-align:bottom
}
#tpure_RecArticle .sideitem {
	margin-bottom:10px;
	padding:0;
	border:0
}
#tpure_RecArticle .sideitem:last-child {
	margin:0
}
#tpure_RecArticle .noimg {
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dotted #e4e8eb;
	border-radius:0
}
#sticky .sidebox:last-child {
	margin-bottom:0
}
#divTags ul {
	margin-left:-8px
}
#divTags li {
	width:auto;
	float:left;
	display:inline;
	margin:10px 0 0 8px;
	padding:0;
	white-space:nowrap;
	border:0
}
#divTags li a {
	padding:0 8px;
	font-size:14px;
	color:#333;
	line-height:28px;
	border-radius:3px;
	box-shadow:0 1px 1px 0 #f5f5f5;
	border:1px solid #e4e8eb;
	display:inline-block;
	vertical-align:top
}
.tag-count {
	display:none
}
#divTags ul li a:hover {
	text-decoration:none;
	color:#0188fb;
	border:1px solid #0188fb
}
#divCalendar .function_t {
	display:none
}
#divCalendar .function_c {
	width:232px;
	padding:0 4px 15px 4px
}
#divCalendar table {
	width:100%;
	font-size:14px;
	table-layout:fixed
}
#divCalendar caption {
	height:24px;
	margin:0 0 10px;
	padding:0;
	font-weight:bold;
	text-align:center
}
#divCalendar caption a {
	padding:0 18px;
	color:#8a9ead
}
#divCalendar th {
	height:26px;
	color:#fff;
	font-weight:normal;
	line-height:26px;
	text-transform:uppercase;
	border:1px solid #b6c5d0;
	background:#b6c5d0
}
#divCalendar td {
	height:30px;
	color:#888;
	line-height:30px;
	text-align:center;
	border:1px solid #e4e8eb
}
#divCalendar td.pad {
	background:none
}
#divCalendar td a {
	line-height:30px;
	color:#0188fb;
	border:1px solid #0188fb;
	display:block
}
#divCalendar #today {
	color:#0188fb;
	font-weight:bold
}
#divAuthors .article-nums {
	display:none
}
#divPrevious .article-date, #divNavBar .subnav {
	display:none
}
#divCatalog ul.ul-subcates li a {
	padding-left:37px
}
#divSearchPanel form {
	margin-top:20px;
	zoom:1
}
#divSearchPanel form::after {
content:"";
display:block;
clear:both
}
#divSearchPanel input[type="text"] {
	width:70%;
	height:36px;
	float:left;
	display:inline;
	padding:5px 10px;
	line-height:21px;
	border:1px solid #e4e8eb;
	box-sizing:border-box;
	border-radius:3px;
transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
#divSearchPanel input[type="text"]:focus {
	color:#495057;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
#divSearchPanel input[type="submit"] {
	width:22%;
	height:36px;
	float:right;
	display:inline;
	font-size:14px;
	line-height:24px;
	border:1px solid #e4e8eb;
	border-radius:3px;
	cursor:pointer;
	background:#fff
}
#divSearchPanel input[type="submit"]:focus {
	background:#e4e8eb
}
#divMisc ul li, #divFavorites ul li, #divStatistics ul li {
	width:50%;
	float:left;
	display:inline;
	overflow:hidden
}
#divMisc li a {
	padding:5px 0;
	background:none;
	display:inline-block;
	vertical-align:top
}
#divMisc li a img {
	display:block
}
#divNavBar li, #divCatalog li, #divLinkage li, #divFavorites li, #divArchives li, #divAuthors li {
	width:50%;
	height:36px;
	float:left;
	line-height:36px;
	border-bottom:1px dotted #e4e8eb;
	overflow:hidden
}
#divCatalog li, #divPrevious li, #divLinkage li, #divNavBar li, #divComments li, #divAuthors li, #divFavorites li, #divStatistics li {
	height:36px;
	font-size:14px;
	line-height:36px;
	border-bottom:1px dotted #e4e8eb;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
#divCatalog li::before, #divPrevious li::before, #divLinkage li::before, #divNavBar li::before, #divComments li::before, #divAuthors li::before, #divFavorites li::before, #divStatistics li::before {
content:"\e6a6";
margin:0 5px 0 0;
font-size:12px;
color:#333;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
#divContorPanel dd {
	text-align:center
}
#divContorPanel .cp-hello {
	width:100%;
	margin-bottom:15px;
	padding:10px 0;
	border-bottom:1px dotted #e4e8eb;
	display:inline-block
}
#divContorPanel .cp-hello::before {
content:"\e6a9";
margin-right:3px;
font-size:22px;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {
	padding:0 16px 0 10px;
	font-size:14px;
	color:#888;
	border:2px solid #e4e8eb;
	border-radius:20px;
	display:inline-block
}
#divContorPanel .cp-login a::before, #divContorPanel .cp-vrs a::before {
font-size:20px;
font-family:iconfont;
vertical-align:top
}
#divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover {
	color:#0188fb;
	border-color:#0188fb
}
#divContorPanel .cp-login a:hover::before, #divContorPanel .cp-vrs a:hover::before {
color:#0188fb
}
#divContorPanel .cp-login a::before {
content:"\e699"
}
#divContorPanel .cp-vrs a::before {
content:"\e6e2"
}
#divContorPanel .sidecon div {
	padding:20px;
	text-align:center;
	line-height:24px;
	border:1px dotted #f0f0f0;
	background:#fbfbfb
}
#divArchives a {
	font-size:14px
}
#tpure_User {
	padding:0
}
#tpure_User dt {
	display:none
}
#tpure_AvatarComment .sidetitle {
	margin-bottom:15px
}
#tpure_AvatarComment li {
	margin-bottom:10px;
	padding-bottom:10px
}
#tpure_AvatarComment li:last-child {
	margin:0;
	padding:0;
	border:0
}
.avatarimg {
	width:40px;
	height:40px;
	float:left;
	display:inline;
	margin-right:10px
}
.avatarimg span {
	border-radius:3px;
	overflow:hidden;
	display:block
}
.avatarimg img {
	width:40px;
	height:40px;
	display:block
}
.avatarinfo {
	font-size:12px;
	line-height:20px;
	overflow:hidden
}
.avatarinfo p {
	height:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.avatarinfo p span {
	color:#999
}
.avatarinfo p em {
	font-size:14px;
	font-style:normal
}
.avatarname {
	margin-right:10px
}
.avatarname a {
	color:#0188fb
}
.avatartitle {
	margin:10px 0 0 0;
	font-size:12px
}
.avatarcon {
	margin:10px 0 0;
	padding:5px 10px;
	font-size:12px;
	color:#666;
	line-height:1.8;
	border:1px solid #eee;
	border-radius:3px;
	background:#fafafa;
	position:relative
}
.avatarcon::before {
content:"";
width:0;
height:0;
border:8px solid transparent;
border-bottom-color:#eee;
position:absolute;
top:-16px;
left:13px
}
.avatarcon::after {
content:"";
width:0;
height:0;
border:8px solid transparent;
border-bottom-color:#fafafa;
position:absolute;
top:-14px;
left:13px
}
.avatarcon i {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	display:-webkit-box
}
#tpure_Readers {
	padding-bottom:10px
}
#tpure_Readers ul {
	margin-left:-3%
}
#tpure_Readers li {
	width:22%;
	margin:0 0 3% 3%;
	padding-top:8px;
	text-align:center;
	line-height:1.5;
	border:0;
	display:inline-block;
	vertical-align:top
}
.readerimg {
	margin-bottom:5px;
	display:block
}
.readerimg img {
	width:48px;
	height:48px;
	margin:0 auto;
	border-radius:50%;
	display:block
}
.readername {
	font-size:14px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.readernum {
	font-size:12px;
	color:#999;
	line-height:20px;
	display:block
}
.readernum::before {
content:"\e6a8";
margin:0 3px 0 0;
font-size:18px;
color:#999;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.readers ul {
	margin-left:-3%;
	font-size:0
}
.readers li {
	width:30.33%;
	margin:0 0 3% 3%;
	padding:10px;
	border:1px solid #f1f1f1;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	overflow:hidden;
	position:relative;
	display:inline-block;
	vertical-align:top;
	zoom:1
}
.readers li::after {
content:"";
display:block;
clear:both
}
.readers li a {
	display:block
}
.readers li a::after {
content:"\e6e9";
font-size:16px;
color:#ccc;
font-family:iconfont;
position:absolute;
top:-2px;
right:5px
}
.readers li.top {
	padding:15px 10px 10px
}
.readers li.top .readersimg {
	float:none
}
.readers li.top .readersimg img {
	width:60px;
	height:60px;
	margin:0 auto
}
.readers li.top .readersinfo {
	margin-top:8px;
	padding:0;
	text-align:center
}
.readers li.top:nth-child(1) .honor {
background:#df951a
}
.readers li.top:nth-child(2) .honor {
background:#91a3a7
}
.readers li.top:nth-child(3) .honor {
background:#d98a63
}
.readers li.top a::after {
display:none
}
.readers li .honor {
	width:100px;
	height:22px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:22px;
	background:#0c60ee;
	position:absolute;
	top:10px;
	right:-29px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.readersimg {
	float:left;
	display:inline;
	margin-right:10px
}
.readersimg img {
	width:48px;
	height:48px;
	border-radius:50%;
	display:block
}
.readersinfo {
	padding-left:60px;
	font-size:12px;
	color:#888;
	line-height:25px;
	display:block
}
.readersinfo span {
	font-size:16px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.sideuserhead {
	height:110px;
	margin-bottom:20px;
	border-radius:3px 3px 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.sideusercon {
	text-align:center
}
.sideusercon .avatar {
	width:90px;
	height:90px;
	margin:-70px auto 5px;
	padding:5px;
	border-radius:50%;
	box-sizing:border-box;
	background:rgba(255, 255, 255, 0.3);
	overflow:hidden
}
.sideusercon .avatar img {
	width:80px;
	height:80px;
	border-radius:50%
}
.sideusercon h4 {
	padding:0 20px;
	font-size:18px;
	color:#333;
	font-weight:600
}
.sideusercon p {
	padding:0 20px;
	font-size:14px;
	color:#888;
	line-height:24px
}
.sideuserlink {
	padding:20px;
	font-size:0
}
.sideuserlink p {
	width:20%;
	padding:0;
	display:inline-block;
	vertical-align:top
}
.sideuserlink p a {
	width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:50%;
	position:relative;
	display:inline-block
}
.sideuserlink p a::after {
font-family:iconfont
}
.sideuserlink p a.qq {
	border:1px solid #12b7f5
}
.sideuserlink p a.qq::after {
content:"\e60f";
font-size:28px;
color:#12b7f5
}
.sideuserlink p a.wechat {
	border:1px solid #4cbf2a
}
.sideuserlink p a.wechat span {
	width:120px;
	margin-left:-70px;
	padding:15px 10px 10px;
	border-top:2px solid #0188fb;
	box-shadow:0 0 2px 0 #bbb;
	background:#fff;
	position:absolute;
	bottom:50px;
	left:50%;
	z-index:30;
	display:none
}
.sideuserlink p a.wechat span::before {
content:"";
width:0;
height:0;
margin:-21px 0 0 -10px;
border:10px solid transparent;
border-top-color:#e4e8eb;
border-bottom-color:transparent;
position:absolute;
bottom:-20px;
left:50%;
z-index:3
}
.sideuserlink p a.wechat span::after {
content:"";
width:0;
height:0;
margin:-20px 0 0 -10px;
border:10px solid transparent;
border-top-color:#fff;
border-bottom-color:transparent;
position:absolute;
bottom:-18px;
left:50%;
z-index:3
}
.sideuserlink p a.wechat span img {
	width:100%;
	display:block
}
.sideuserlink p a.wechat::after {
content:"\e610";
font-size:32px;
color:#4cbf2a
}
.sideuserlink p a.email {
	border:1px solid #f9671c
}
.sideuserlink p a.email::after {
content:"\e617";
font-size:20px;
color:#f9671c
}
.sideuserlink p a.weibo {
	border:1px solid #e6162d
}
.sideuserlink p a.weibo::after {
content:"\e612";
font-size:32px;
color:#e6162d
}
.sideuserlink p a.group {
	border:1px solid #38638c
}
.sideuserlink p a.group::after {
content:"\e604";
font-size:24px;
color:#38638c
}
.sideuserfoot {
	border-top:1px solid #e4e8eb;
	border-radius:0 0 3px 3px;
	background:#f8f8f8;
	zoom:1
}
.sideuserfoot::after {
content:"";
display:block;
clear:both
}
.sideuserfoot p {
	width:33.333%;
	float:left;
	display:inline;
	padding:10px 0;
	line-height:20px;
	position:relative
}
.sideuserfoot p:not(:last-child)::after {
content:"";
width:1px;
height:40px;
background:#e4e8eb;
position:absolute;
top:10px;
right:0
}
.sideuserfoot p strong {
	font-size:18px;
	color:#333;
	font-weight:normal
}
.sideuserfoot p span {
	font-size:14px;
	color:#888;
	display:block
}
.tagscloud {
	margin-left:-2%;
	font-size:0
}
.tagscloud li {
	width:23%;
	border-radius:2px;
	background:#f5f5f5;
	position:relative;
	display:inline-block;
	vertical-align:top
}
.tagscloud li a {
	width:100%;
	padding:0 50px 0 10px;
	font-size:14px;
	color:#333;
	box-sizing:border-box;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
	transition:background-color 0s linear, color 0s linear
}
.tagscloud li span {
	font-size:12px;
	color:#999;
	font-family:arial;
	line-height:28px;
	position:absolute;
	top:0;
	right:10px;
	z-index:1
}
.tagscloud li:hover {
	color:#fff;
	background:#0188fb
}
.tagscloud li:hover a, .tagscloud li:hover span {
	color:#fff
}
.tagsnull {
	padding:10% 0;
	color:#888;
	text-align:center
}
.tagsnull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e4e8eb;
font-family:iconfont;
line-height:1;
display:block
}
.archivedate {
	font-size:16px;
	color:#333;
	line-height:50px;
	border-bottom:1px solid #e4e8eb;
	cursor:pointer;
	position:relative
}
.archivedate::before {
content:"\e69c";
margin-right:5px;
font-size:20px;
font-family:iconfont;
display:inline-block;
vertical-align:top
}
.archivedate::after {
content:"\e69b";
font-family:iconfont;
position:absolute;
top:0;
right:10px
}
.archivedate.on {
	color:#0188fb
}
.archivedate.on::after {
content:"\e6a4"
}
.archivelist {
	margin:10px 0
}
.archivelist li {
	line-height:32px;
	zoom:1
}
.archivelist li::after {
content:"";
display:block;
clear:both
}
.archivelist h3 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:inherit;
	border:0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.archivelist h3 a {
	font-size:16px;
	color:#333
}
.archivelist h3 a:hover {
	color:#0188fb
}
.archivelist h3::after {
display:none
}
.archivetime {
	float:left;
	display:inline;
	margin-right:10px;
	font-size:14px;
	color:#999
}
.archivenull {
	padding:20% 0;
	color:#888;
	text-align:center
}
.archivenull::before {
content:"\e869";
margin-bottom:10px;
font-size:100px;
color:#e4e8eb;
font-family:iconfont;
line-height:1;
display:block
}
.fold .single .archivelist {
	margin:10px 0
}
.footer {
	padding:20px 17px;
	font-size:14px;
	color:#999;
	text-align:center;
	line-height:24px;
	border-top:1px solid #dbe0e8;
	background:#e4e8eb
}
.footer a {
	font-size:14px;
	color:#999
}
.footer a:hover {
	color:#0188fb
}
.edgebar {
	width:45px;
	position:fixed;
	_position:absolute;
	right:10px;
	bottom:30px;
	_bottom:30px;
	z-index:3
}
.edgebar a {
	margin-bottom:5px;
	display:inline-block;
	vertical-align:top
}
a.lang {
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	border-radius:5px;
	cursor:pointer;
	background:rgba(10, 10, 10, 0.2);
	overflow:hidden
}
a.lang::after {
content:"\e609";
font-size:36px;
color:#fff;
font-family:iconfont
}
a.lang.tw:after {
	content:"\e608"
}
a.lang:hover {
	background:#0188fb
}
a.backtotop {
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	border-radius:5px;
	cursor:pointer;
	background:rgba(10, 10, 10, 0.2);
	overflow:hidden
}
a.backtotop i::after {
content:"\e600";
font-size:32px;
color:#fff;
font-family:iconfont
}
a.backtotop:hover {
	background:#0188fb
}
a.setnight {
	width:45px;
	height:45px;
	text-align:center;
	line-height:45px;
	border-radius:5px;
	cursor:pointer;
	background:rgba(10, 10, 10, 0.2);
	overflow:hidden
}
a.setnight::after {
content:"\e6e4";
font-size:36px;
color:#fff;
font-family:iconfont
}
a.setnight.black:after {
	content:"\e635"
}
a.setnight:hover {
	background:#0188fb
}
.errorpage {
	padding:100px 30px;
	text-align:center;
	box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	background:#fff
}
.errorpage h3 {
	margin:0 0 10px;
	font-size:120px;
	line-height:120px;
	font-weight:bold;
	color:#333;
	text-shadow:rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px
}
.errorpage h4 {
	margin:0 0 30px;
	font-size:30px;
	color:#333;
	line-height:35px
}
.errorpage p {
	margin:0 0 20px;
	font-size:16px;
	color:#333
}
.errorsearch {
	width:60%;
	margin:0 auto 20px;
	zoom:1
}
.errorsearch::after {
content:"";
display:block;
clear:both
}
.errschtxt {
	width:75%;
	height:36px;
	float:left;
	display:inline;
	padding:5px 10px;
	line-height:21px;
	border:1px solid #e4e8eb;
	box-sizing:border-box;
	border-radius:3px;
transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.errschtxt:focus {
	color:#495057;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.errschbtn {
	width:24%;
	height:36px;
	float:right;
	display:inline;
	line-height:24px;
	border:1px solid #e4e8eb;
	border-radius:3px;
	cursor:pointer;
	background:#fff
}
.errschbtn:focus {
	background:#e4e8eb
}
.goback {
	height:36px;
	margin:0 10px 0 0;
	padding:0 10px 0 20px;
	font-size:16px;
	color:#888;
	line-height:36px;
	border:2px solid #e4e8eb;
	outline:0;
	border-radius:20px;
	cursor:pointer;
	background:#fff;
	display:inline-block
}
.goback::after {
content:"\e6a6";
font-size:23px;
color:#888;
font-family:iconfont;
vertical-align:top
}
.goback:hover {
	color:#0188fb;
	border-color:#0188fb
}
.goback:hover::after {
color:#0188fb
}
.viewall {
	overflow:hidden;
	position:relative
}
.teles, .telesmore {
	width:100%;
	height:150px;
	color:#0188fb;
	text-align:center;
	font-size:14px;
	text-indent:0;
	cursor:pointer;
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);
	position:absolute;
	left:0;
	bottom:0;
	display:block
}
.telesmore i {
	margin:80px auto 0;
	line-height:36px;
	text-align:center;
	border:1px solid #0188fb;
	border-radius:3px;
	background:#fff;
	display:block
}
.telesmore i:after {
	content:"\e69b";
	font-size:22px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top;
-webkit-animation:telesmoreico .4s infinite alternate
}
.teles i {
	margin:72px 0 20px;
	font-size:16px;
	font-style:normal;
	text-indent:0;
	line-height:28px;
	display:inline-block
}
.teles i:after {
	content:"\e69b";
	width:33px;
	margin-left:-20px;
	font-size:30px;
	font-family:iconfont;
	position:absolute;
	bottom:24px;
	left:50%;
-webkit-animation:telesico .4s infinite alternate;
-ms-animation:telesico .4s infinite alternate
}
@-webkit-keyframes telesico {
0% {
-webkit-transform:translate(0, -2px)
}
100% {
-webkit-transform:translate(0, 3px)
}
}
@-webkit-keyframes telesmoreico {
0% {
-webkit-transform:translate(0, -2px)
}
100% {
-webkit-transform:translate(0, 3px)
}
}
@-webkit-keyframes arrow {
from {
-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);
transform:translate3d(calc(-44%), 5px, 0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);
	transform:translate3d(calc(-44%), 0, 0)
}
}
@keyframes arrow {
from {
-webkit-transform:translate3d(-webkit-calc(-44%), 5px, 0);
transform:translate3d(calc(-44%), 5px, 0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%), 0, 0);
	transform:translate3d(calc(-44%), 0, 0)
}
}
.closepage {
	background:#f1f1f1
}
.closesite {
	width:750px;
	margin:0 auto;
	padding:30px 40px;
	box-sizing:border-box;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translate(-50%, -50%)
}
.closesite h1 {
	margin:0 0 20px -40px;
	padding-left:33px;
	font-size:28px;
	color:#333;
	font-weight:600;
	border-left:5px solid #0188fb
}
.closesitebg {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:0
}
.closesitebg.bgmask::before {
content:"";
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
left:0;
z-index:1
}
.closelogo {
	margin-bottom:20px;
	font-size:16px;
	color:#999
}
.closelogo img {
	width:100px
}
.closecon {
	font-size:16px;
	color:#666;
	text-align:justify;
	line-height:1.9
}
.night {
	background:#191919
}
.night::-webkit-scrollbar {
width:8px
}
.night::-webkit-scrollbar-track {
background:#222
}
.night::-webkit-scrollbar-thumb {
background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.night::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(255, 255, 255, 0.3)
}
.night::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(255, 255, 255, 0.4)
}
.night .wrapper {
	background:#191919
}
.night .header {
	border-bottom:1px solid #222;
	box-shadow:0 1px 4px 0 #161616;
	background-color:#202020;
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px)
}
.night .header .name a {
	color:#ccc
}
.night .logo img:first-child {
	display:block
}
.night .logo img:last-child {
	display:none
}
.night .logo.on a:before {
	content:'';
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 0.5) 100%);
	background:linear-gradient(to right, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, 0.5) 100%);
	-webkit-transform:skewX(-17deg);
	-moz-transform:skewX(-17deg);
	-o-transform:skewX(-17deg);
	-ms-transform:skewX(-17deg);
	transform:skewX(-17deg)
}
.night .signuser .uname {
	color:#ccc
}
.night .signuser.normal:hover {
	background:#292929
}
.night .signuserpop {
	background:#292929
}
.night .signusermenu a {
	color:#ccc
}
.night .signusermenu a:hover {
	color:#fff;
	background:#0188fb
}
.night .menu li a {
	color:#ccc
}
.night .menu li.subcate .subnav a {
	color:#ccc
}
.night .menu li .subnav {
	box-shadow:0 0 2px 0 #151515;
	background:#292929
}
.night .menu li .subnav a {
	border-color:#3a3a3a
}
.night .menu li .subnav::after {
color:#ccc;
border-bottom-color:#292929
}
.night .menuico.on span {
	background-color:#ccc
}
.night .schico a::after {
color:#ccc
}
.night .schfixed {
	box-shadow:0 0 2px 0 #151515;
	background:#292929
}
.night .schfixed input {
	color:#ccc;
	border-color:#3a3a3a;
	background:#202020
}
.night .schfixed::after {
border-bottom-color:#292929
}
.night .schwords {
	border-color:#555;
	background:#222
}
.night .schwords h5 {
	color:#ccc
}
.night .schwordsinfo {
	border-color:#555
}
.night .schwordsinfo a {
	color:#ccc;
	background:#333
}
.night .schwordsinfo a:hover {
	color:#0188fb
}
.night .schitem {
	border-color:#3a3a3a
}
.night .schitemcon strong {
	color:#ccc
}
.night .schitemcon em {
	color:#999
}
.night .schmore a {
	color:#ccc;
	background:#3a3a3a
}
.night .schmore a:hover {
	color:#0188fb
}
.night .schnull {
	color:#ccc;
	border-color:#3a3a3a
}
.night .hellosch form {
	border-color:#555;
	background:rgba(34, 34, 34, 0.8)
}
.night .helloschinput {
	color:#ccc
}
.night .helloschbtn::before {
background:#555
}
.night .helloschbtn::after {
color:#ccc
}
.night .hellosch.on form {
	background:#222
}
.night .searchnull::before {
color:#3a3a3a
}
.night .main, .night .indexcon {
	background:#1b1b1b
}
.night .single h1, .night .single h2, .night .single h3, .night .single h4, .night .single h5, .night .single h6 {
	border-color:#3a3a3a
}
.night .single p.ue-upload {
	border-color:#3a3a3a
}
.night .single blockquote {
	color:#ccc;
	border-color:#444;
	background:#232323
}
.night .single blockquote::before {
color:#555
}
.night .single td {
	color:#888;
	border-color:#3a3a3a
}
.night .single code[class*="language-"], .night .single pre[class*="language-"] {
text-shadow:0 1px #3a3a3a;
background:#333
}
.night .single div.prism-show-language>div.prism-show-language-label[data-language] {
	background:#666
}
.night .single table {
	background:#232323
}
.night .videobox video {
	background:#1b1b1b
}
.night .copynotice {
	color:#999;
	border-color:#444;
	background:#232323
}
.night .copynotice b, .night .copynotice strong {
	color:#999
}
.night .copynotice a {
	color:#999
}
.night .authimg {
	border-color:#3c3c3c
}
.night .authinfo h1 {
	color:#ccc
}
.night .filternav {
	border-color:#3a3a3a
}
.night .filternav h1, .night .filternav li {
	color:#ccc
}
.night .filternav li.active {
	color:#0188fb
}
.night .post {
	border-bottom:1px solid #3a3a3a
}
.night .posttitle {
	border-color:#3a3a3a
}
.night .posttitle h1, .night .posttitle h2, .night .posttitle h3, .night .posttitle h4, .night .posttitle h5, .night .posttitle h6 {
	color:#ccc
}
.night .post h1 {
	color:#ccc
}
.night .post h2 {
	color:#ccc
}
.night .post h2 a {
	color:#ccc
}
.night .post h2 a:hover {
	color:#0188fb
}
.night .post .intro {
	color:#999
}
.night .post .readmore {
	border-color:#444;
	background:#232323
}
.night .post .readmore:hover {
	border-color:#0188fb
}
.night .post .single {
	color:#ccc;
	border-color:#3a3a3a
}
.night .post .tags a {
	color:#888;
	border-color:#3a3a3a;
	background:none
}
.night .post .ctrl a {
	background:#3a3a3a
}
.night .telesmore i {
	background:#292929
}
.night .teles, .night .telesmore {
	background:linear-gradient(to bottom, rgba(38, 38, 38, 0), #292929 50%)
}
.night .pagination-loading {
	background:#292929
}
.night .ias_trigger a, .night .ias_loader a {
	border-color:#3a3a3a;
	background:#292929
}
.night .pages {
	color:#888
}
.night .pages a {
	color:#ccc
}
.night .pages a:hover {
	color:#0188fb;
	border-color:#0188fb
}
.night a.backlist {
	color:#888;
	border-color:#888
}
.night .relate {
	border-color:#3a3a3a
}
.night .relateinfo h3 {
	color:#ccc
}
.night .relateinfo h3 a {
	color:#ccc
}
.night .relateinfo h3 a:hover {
	color:#0188fb
}
.night .relatelist {
	border-color:#3a3a3a
}
.night .relatelist a {
	color:#ccc
}
.night .relatelist a:hover {
	color:#0188fb
}
.night .relatelist span {
	color:#888
}
.night .cmtform {
	border-color:#3a3a3a
}
.night .cmtform label {
	color:#888
}
.night .cmtform input {
	color:#ccc;
	border-color:#3a3a3a;
	background:#202020
}
.night .cmtform input:focus {
	color:#0188fb
}
.night .cmtform img.imgcode {
	border-color:#3a3a3a
}
.night .cmtarea textarea {
	color:#ccc;
	border-color:#3a3a3a;
	background:#202020
}
.night .cmtsubmit button {
	border-color:#888;
	background:none
}
.night .cmtsubmit button:hover {
	border-color:#0188fb
}
.night .cmtsname {
	color:#888
}
.night .cmtsname a {
	color:#888
}
.night .cmtsname em {
	border-color:#3a3a3a;
	background:#232323
}
.night .cmtsdate {
	color:#888
}
.night .cmtsbody {
	color:#ccc
}
.night .cmtsreply {
	border-color:#3a3a3a
}
.night .cmtsreplyname a {
	color:#888
}
.night .cmtsreplyname em {
	border-color:#3a3a3a;
	background:#232323
}
.night .cmtsreplycon {
	color:#ccc
}
.night .cmtsreplydate {
	color:#888
}
.night .cmtsitem {
	border-color:#3a3a3a
}
.night .reply-frm {
	border-color:#3a3a3a
}
.night #cancel-reply {
	color:#0188fb;
	border-color:#0188fb;
	background:none
}
.night .tagscloud li {
	background:#3a3a3a
}
.night .tagscloud li a {
	color:#ccc
}
.night .tagscloud li:hover {
	background:#0188fb
}
.night .tagscloud li:hover a {
	color:#fff
}
.night .archivedate {
	color:#ccc;
	border-color:#3a3a3a
}
.night .archivelist h3 a {
	color:#ccc
}
.night .archivelist h3 a:hover {
	color:#0188fb
}
.night .sidebox dd a {
	color:#ccc
}
.night .sidebox dd .sideitem .itemtitle {
	color:#ccc
}
.night .sidebox dd .sideitem .itemtitle:hover {
	color:#0188fb
}
.night .sidebox dd .sidelink a {
	color:#ccc
}
.night .sidebox dd .sidelink a:hover {
	color:#0188fb
}
.night .sidebox dd .sidecmtcon a {
	color:#ccc
}
.night .sidebox dd .sidecmtcon a:hover {
	color:#0188fb
}
.night .sidebox dd .avatartitle {
	color:#888
}
.night .sidebox dd .avatartitle:hover {
	color:#0188fb
}
.night .sidetitle {
	color:#ccc;
	border-bottom:1px solid #3a3a3a
}
.night .sideitem {
	border-color:#3a3a3a
}
.night .sideitem .hasimg {
	color:#ccc
}
.night .sidelink .sideinfo {
	color:#ccc
}
.night .sidecmtinfo em {
	color:#ccc
}
.night .sidecmtcon {
	border:1px solid #444;
	background:#232323
}
.night #tpure_RecArticle .noimg, .night .sideuserfoot, .night .friendlink span {
	border-color:#3a3a3a
}
.night #divCalendar caption a {
	color:#ccc
}
.night #divCalendar th {
	color:#ccc;
	border-color:#3a3a3a;
	background-color:#3a3a3a
}
.night #divCalendar td {
	color:#ccc;
	border-color:#3a3a3a
}
.night #divContorPanel .cp-hello {
	color:#ccc;
	border-color:#3a3a3a
}
.night #divContorPanel .cp-login a, .night #divContorPanel .cp-vrs a {
	color:#ccc;
	border-color:#888
}
.night #divContorPanel .cp-login a:hover, .night #divContorPanel .cp-vrs a:hover {
	border-color:#0188fb
}
.night #divCatalog li, .night #divPrevious li, .night #divLinkage li, .night #divNavBar li, .night #divComments li, .night #divAuthors li, .night #divFavorites li, .night #divArchives li, .night #divMisc li, .night #divStatistics li {
	color:#ccc;
	border-bottom:1px dotted #3a3a3a
}
.night #divCatalog li::before, .night #divPrevious li::before, .night #divLinkage li::before, .night #divNavBar li::before, .night #divComments li::before, .night #divAuthors li::before, .night #divFavorites li::before, .night #divArchives li::before, .night #divMisc li::before, .night #divStatistics li::before {
color:#888
}
.night #divSearchPanel input[type="text"] {
	color:#ccc;
	border-color:#3a3a3a;
	background:#222
}
.night #divSearchPanel input[type="text"]:focus {
	color:#ccc;
	border-color:#3a3a3a;
box-shadow:0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.night #divSearchPanel input[type="submit"] {
	color:#ccc;
	border-color:#3a3a3a;
	background:#3a3a3a
}
.night #divSearchPanel input[type="submit"]:focus {
	background:#3a3a3a
}
.night #divTags li a {
	color:#ccc;
	border-color:#3a3a3a;
	box-shadow:none
}
.night .avatarname {
	color:#ccc
}
.night .avatarcon {
	color:#ccc;
	border-color:#444;
	background:#232323
}
.night .avatarcon::before {
border-bottom-color:#444
}
.night .avatarcon::after {
border-bottom-color:#232323
}
.night .sideusercon h4, .night .sideuserfoot p strong, .night .friendlink span, .night .friendlink li a {
	color:#ccc
}
.night .block {
	background:#292929
}
.night .block .listintro {
	color:#ccc;
	border-color:transparent;
	background:#333
}
.night .block.forum .item:nth-child(odd) {
background:#2b2b2b
}
.night .block.forum .item:hover {
	background:#333
}
.night .block.forum .item h2 a {
	color:#ccc
}
.night .block.forum .item h2 a:hover {
	color:#0188fb
}
.night .block.forum .item h2.istop a {
	color:#0188fb
}
.night .block.sticker, .night .block.hotspot {
	background:none
}
.night .block.sticker .listintro, .night .block.hotspot .listintro {
	background:#292929
}
.night .block.sticker .post, .night .block.hotspot .post {
	background:#292929
}
.night .block.album {
	background:none
}
.night .block.album .listintro {
	background:#292929
}
.night .block.album .item {
	background:#292929
}
.night .block.album .albumimg a span {
	color:#ccc
}
.night .block.album .albumcon a {
	color:#ccc
}
.night .block.album .albumcon a:hover {
	color:#0188fb
}
.night .block.album .albuminfo {
	border-color:#3a3a3a
}
.night .block.album .albuminfo span {
	color:#ccc
}
.night .friendlink, .night .sidebox, .night .pagebar, .night .cmtpagebar, .night .sideuserfoot {
	background:#292929
}
.night .sideuserfoot p:not(:last-child):after {
background:#3a3a3a
}
.night .readername {
	color:#ccc
}
.night .readers li {
	border-color:#505050;
	background:#333
}
.night .readers li a::after {
color:#ccc
}
.night .readersinfo span {
	color:#ccc
}
.night .pagebar a, .night .cmtpagebar a {
	color:#ccc;
	border-color:#3a3a3a;
	background:none
}
.night .footer {
	color:#999;
	border-top:1px solid #3a3a3a;
	background:#292929
}
.night .footer a {
	color:#999
}
.night .lazynum {
	color:#999
}
.night a.backtotop, .night .setnight, .night .lang, .night .lazynum {
	background:rgba(68, 68, 68, 0.8)
}
.night a.backtotop:hover {
	background:#0188fb
}
.night .errorpage {
	background:#292929
}
.night .errorpage h3, .night .errorpage h4, .night .errorpage p {
	color:#ccc
}
.night .errorpage .errschtxt {
	color:#ccc;
	border-color:#3a3a3a;
	background:#202020
}
.night .errorpage .errschtxt:focus {
	color:#0188fb
}
.night .errorpage .errschbtn {
	color:#fff;
	border-color:#0188fb;
	background:#0188fb
}
.night .errorpage .goback {
	color:#888;
	border-color:#888;
	background:none
}
.night .errorpage .goback:hover {
	color:#0188fb;
	border-color:#0188fb
}
.night .advice_content, .night .advice_contactcon, .night .advice_verifycode {
	border-color:#3a3a3a
}
.night .advice_content textarea, .night .advice_contactcon input {
	color:#ccc;
	background:#202020;
	display:block
}
.night .advice_verifycode {
	color:#ccc;
	background:#202020
}
@media screen and (max-width:1920px) {
.wrap {
width:1200px
}
.wrapper {
width:100%;
min-width:100%
}
}
@media screen and (max-width:1200px) {
.wrap {
width:auto;
padding:0 20px
}
.header .wrap {
padding:0
}
.header .name a {
padding-left:18px
}
.logo {
margin-left:20px
}
.head {
padding:0
}
.schico {
right:10px
}
.banner h2 {
width:80%
}
.edgebar {
width:36px;
bottom:24px
}
.edgebar a {
margin-bottom:8px
}
a.lang {
width:36px;
height:36px;
line-height:36px
}
a.lang::after {
font-size:30px
}
a.backtotop {
width:36px;
height:36px;
line-height:36px
}
a.backtotop i::after {
font-size:26px
}
a.setnight {
width:36px;
height:36px;
line-height:36px
}
a.setnight::after {
font-size:30px
}
}
@media screen and (max-width:1080px) {
.header .name {
height:50px
}
.header .name a {
font-size:20px;
line-height:50px
}
.logo {
height:50px;
margin-left:20px
}
.logo a {
height:50px
}
.logo a img {
height:36px
}
.sign {
line-height:50px
}
.sign span {
margin-top:10px
}
.signuser {
margin:0;
padding-top:8px;
line-height:40px
}
.signuserpop {
top:48px
}
.menu {
width:100%;
height:auto;
float:left;
margin:0;
border-top:1px solid #111;
display:none
}
.menu ul {
width:100%;
padding-right:0;
border-left:0
}
.menu ul li {
width:100%;
padding:0;
color:#ddd;
line-height:40px;
border-bottom:1px solid #111;
border-right:0
}
.menu ul li::before {
display:none
}
.menu ul li a {
padding:0 18px;
font-size:16px;
color:#333;
border:0;
display:block
}
.menu ul li.subcate:hover .subnav {
display:none
}
.menu ul li.subcate>a:after {
content:"\e69b";
margin-left:10px;
font-size:16px;
color:#888;
font-family:iconfont;
font-weight:600;
position:absolute;
top:0;
right:16px
}
.menu ul li.subcate.slidedown>a:after {
content:"\e6a4";
color:#0188fb
}
.menu ul li.subcate.slidedown .subnav {
margin-bottom:-1px;
padding:0;
line-height:40px;
border-top:1px solid #e4e8eb;
border-bottom:1px solid #e4e8eb;
box-shadow:none;
background:#fafafa;
position:static;
display:block;
-webkit-animation:fadeInUp 0s 0s ease both;
-moz-animation:fadeInUp 0s 0s ease both
}
.menu ul li.subcate.slidedown .subnav::before, .menu ul li.subcate.slidedown .subnav::after {
display:none
}
.menu ul li.subcate.slidedown .subnav a {
padding:0 18px
}
.menu.on {
width:100%;
margin:0;
padding:5px 0 0;
display:block
}
.menuico {
right:5px;
display:block
}
.schico {
display:none
}
.sch-m {
display:block
}
.main.fixed {
padding-top:0px
}
.banner {
margin-bottom:20px
}
.indexcon {
padding-top:0
}
.postimg {
width:120px
}
.post .intro {
max-height:85px;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
display:-webkit-box
}
.large .postimg {
width:120px
}
.large .post .intro {
max-height:85px;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
display:-webkit-box
}
.sidebar {
width:100%;
float:none;
margin-top:20px;
display:none
}
.sidebar.fixed .sidebox.fixed, .sidebar.fixed .sidebox.sticky {
position:static
}
.content {
width:100%
}
.night .menu.on {
border-color:#3a3a3a;
background:#292929
}
.night .menu.on li {
border-color:#3a3a3a
}
.night .menu ul li.subcate.slidedown .subnav {
border-color:#3a3a3a;
background:#202020
}
}
@media screen and (max-width:750px) {
.wrap {
padding:0
}
.logo {
margin-left:10px
}
.main {
padding-bottom:10px
}
.main .mask {
margin-bottom:10px
}
.banner {
margin-bottom:10px;
font-size:24px;
line-height:2px
}
.banner h2 {
margin-bottom:10px
}
.banner h2::after {
bottom:-10px
}
.schwords {
top:42px
}
.schwordsinfo {
padding:8px 0 15px
}
.schitem {
padding:10px 0
}
.schitemcon strong {
font-size:15px
}
.schitemcon em {
font-size:13px;
-webkit-line-clamp:1
}
.schimg {
width:60px;
margin-right:15px;
padding-bottom:42px
}
.schmore {
margin-bottom:15px
}
.hellotip {
width:90%
}
.hellosch {
width:100%;
margin-top:10px
}
.helloschinput {
padding:8px 50px 8px 14px
}
.slideblock {
margin-bottom:0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom:0
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 2px
}
.swiper-pagination-bullet {
width:14px;
height:2px;
padding:10px 0;
border-radius:2px;
opacity:1
}
.swiper-button-prev, .swiper-button-next {
display:none
}
.indexcon {
padding-top:0
}
.indexcon .swiper-container-horizontal>.swiper-pagination-bullets, .indexcon .swiper-pagination-custom, .indexcon .swiper-pagination-fraction {
bottom:0
}
.indexcon .hastitle .swiper-slide span {
height:45px;
padding:0 60px 0 15px;
font-size:14px;
line-height:45px
}
.indexcon .hastitle .swiper-pagination {
width:auto;
right:15px;
bottom:5px !important
}
.indexcon .hastitle .swiper-pagination .swiper-pagination-bullet {
width:6px;
height:6px
}
.sitemap {
padding:0 18px
}
.authimg {
width:80px;
height:80px;
float:none;
margin:0 auto 10px;
display:block
}
.authimg img {
width:80px;
height:80px
}
.authimg .sex {
right:0;
bottom:0
}
.authinfo {
margin-bottom:6px;
padding:0;
text-align:center
}
.authinfo h1 {
font-size:20px
}
.authinfo p {
-webkit-line-clamp:unset
}
.filter {
width:100%
}
.filternav {
margin-bottom:10px;
zoom:1
}
.filternav::after {
content:"";
display:block;
clear:both
}
.filternav h1 {
display:none
}
.filter li {
width:33.33%;
padding:0;
line-height:18px;
text-align:center
}
.filter li i {
margin:0
}
.filter li.active::after {
bottom:-11px
}
.album .listintro, .sticker .listintro, .hotspot .listintro {
margin-bottom:10px
}
.block {
margin-bottom:10px;
padding:10px 18px
}
.block.forum {
padding:16px 0
}
.block.forum .item {
padding:15px 15px 10px
}
.block.forum .item h2 {
padding:0
}
.block.forum .item .forumdate {
padding-left:27px;
position:static
}
.block.sticker {
margin:8px
}
.block.sticker .post {
margin-bottom:10px;
padding:14px 16px 10px
}
.block.sticker .post h2 .istop {
top:1px
}
.block.sticker .post h2 .istop::before {
font-size:32px
}
.block.album {
margin:8px
}
.block.album .albumcon {
padding:5px 2px;
}
.block.album .albumcon a {
font-size:12px
}
.block.album .albuminfo {
line-height:15px
}
.block.album .item {
width:31.3%
}
.block.hotspot {
margin-top:10px
}
.block.hotspot .post {
margin-bottom:10px;
padding:14px 16px 10px
}
.block.hotspot .postimg {
width:110px;
margin-right:10px
}
.block.hotspot .post h2 {
height:48px;
margin-bottom:10px;
line-height:20px;
font-weight:normal;
white-space:normal;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
display:-webkit-box
}
.block.hotspot .post h2.istop {
top:1px
}
.block.hotspot .post h2.istop::before {
font-size:32px
}
.block.hotspot .post h2 a {
font-size:16px;
font-weight:normal
}
.block.hotspot .post h2 a span {
display:inline;
vertical-align:middle
}
.block.hotspot .post h2 a span::before {
vertical-align:text-bottom
}
.block.hotspot .post .intro {
display:none
}
.block.hotspot .post .info {
font-size:12px
}
.block.hotspot .post .info span {
margin-bottom:0
}
.block.hotspot .post .info span::before {
font-size:16px
}
.post {
margin-bottom:15px;
padding-bottom:10px
}
.post h1, .post h2 {
font-size:20px;
line-height:30px
}
.post h1 a, .post h2 a {
font-size:18px
}
.post h1 em, .post h2 em {
margin-top:6px
}
.post .info {
margin-bottom:10px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.post .readmore {
width:100%;
padding:5px 0;
text-align:center;
display:none
}
.posttitle h1, .posttitle h2, .posttitle h3, .posttitle h4, .posttitle h5, .posttitle h6 {
font-size:18px
}
.post .user, .post .date, .post .cate, .post .view, .post .cmt, .post .edit, .post .del {
margin-bottom:5px;
line-height:20px;
display:inline-block;
vertical-align:top
}
.post .user::before, .post .date::before, .post .cate::before, .post .view::before, .post .cmt::before, .post .edit::before, .post .del::before {
margin-right:2px
}
.post .datetime {
display:none
}
.post.intro.isimg {
height:auto
}
.post .ctrl {
float:none
}
.post .ctrl a {
margin:0 8px 0 0
}
.pagebar {
padding-bottom:10px
}
.cmtpagebar {
padding-bottom:0
}
.pagebar .now-page, .cmtpagebar .now-page {
padding:0 5px
}
.pagebar .next-page, .cmtpagebar .next-page {
display:inline-block
}
.pagebar .next-page a, .cmtpagebar .next-page a {
display:inline-block
}
.pagebar a, .cmtpagebar a {
margin:0 3px 5px;
padding:1px 7px
}
.pagebar a.m, .cmtpagebar a.m {
display:inline-block
}
.ias_trigger, .ias_loader {
margin-top:10px
}
.sidebar {
margin-top:10px
}
.sidebox {
margin-bottom:10px
}
.copynotice {
margin:10px 0;
word-break:break-all;
flex-direction:column;
justify-content:space-between;
align-items:center
}
.copynotice .qr, .copynotice canvas {
float:none;
margin:5px 0
}
a.backlist {
width:99%;
float:none;
margin:0 0 20px;
padding:0;
line-height:36px;
text-align:center;
display:block
}
.single {
padding-top:10px
}
.single blockquote {
margin-bottom:1em
}
.single .tagscloud {
margin:0 0 0 -2%
}
.single .tagscloud li {
width:48%
}
.relate {
padding:10px 0
}
.relate:last-child {
padding:10px 0 5px
}
.relatecon.diallel .relatelist {
width:100%;
float:none;
display:block
}
.relatecon.diallel .relatelist:nth-child(even) {
float:none;
display:block
}
.relateimg {
width:100px;
margin-right:15px
}
.relateinfo h3 {
margin-bottom:5px
}
.relateinfo h3 a {
font-size:16px
}
.relateinfo p {
font-size:13px;
line-height:1.8
}
.relatelist a {
width:100%;
margin:0;
white-space:normal
}
.relatelist .posttime {
position:static
}
.relatelist:last-child {
border:0
}
.comment {
margin-top:10px
}
.cmtsitem .avatar {
width:38px;
height:38px
}
.cmtsitem .avatar img {
width:38px;
height:38px
}
.cmtscon {
margin-left:50px
}
.cmtshead {
zoom:1
}
.cmtshead::after {
content:"";
display:block;
clear:both
}
.cmtsname {
width:100%;
float:left;
display:inline
}
.cmtsdate {
float:left;
display:inline
}
.cmtsbody, .cmtsreply {
margin-left:-50px
}
.cmtsfoot {
margin-left:-50px;
text-align:right
}
.cmtarea {
padding:0
}
.cmtform p {
width:100%
}
.cmtform input {
width:60%
}
.cmtform #inpVerify {
width:30%
}
.cmtform img.imgcode {
width:calc(30% - 12px);
border-radius:3px
}
.cmtimg {
display:none
}
.cmtsubmit {
text-align:center
}
.cmtsubmit button {
width:100%;
height:40px;
margin:0 0 10px 0
}
.reply-frm {
margin-left:-50px
}
.friendlink {
margin-top:10px;
padding:15px 18px 10px
}
.friendlink span {
font-size:18px
}
.friendlink ul {
margin-left:-3%
}
.friendlink li {
width:22%;
margin:0 0 3% 3%;
font-size:12px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.archivelist h3 a {
font-size:14px
}
.readers ul {
margin-bottom:0
}
.readers li {
width:47%;
padding:15px 10px 10px
}
.readers li img {
width:60px;
height:60px
}
.readersimg {
float:none
}
.readersimg img {
margin:0 auto
}
.readersinfo {
margin-top:8px;
padding:0;
text-align:center;
line-height:20px
}
.errorpage {
padding:50px 18px
}
.errorpage h3 {
font-size:80px;
line-height:80px
}
.errorpage h4 {
font-size:24px
}
.errorsearch {
width:100%
}
.closepage {
padding:1px 0
}
.closesite {
width:90%;
margin:5%;
padding:20px;
position:relative;
top:auto;
left:auto;
transform:none
}
.closesite h1 {
margin:0 0 20px -20px;
padding-left:15px;
font-size:22px
}
.night .advice_content, .night .advice_contactcon, .night .advice_verifycode {
border-color:#3a3a3a
}
.night .advice_content textarea, .night .advice_contactcon input {
color:#ccc;
background:#202020;
display:block
}
.night .advice_verifycode {
color:#ccc;
background:#202020
}
}