body,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,div,object,iframe,pre,a,abbr,cite,input,button,select,option {
	margin:0;
	padding:0;
	font-weight:normal;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
ul,li,ol,dl,dd,dt,form {
	list-style:none;
	margin:0;
	padding:0
}
h1,h2,h3,h4,h5,h6 {
	font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun'
}
html {
	height:100%
}
body {
	background-color:#f5f6f7;
	line-height:24px;
	font-size:16px;
	font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun'
}
img {
	border:0;
	outline:none
}
em,i {
	font-style:normal
}
button,input,textarea {
	outline:none;
	border:0
}
textarea {
	resize:none
}
a {
	outline:none;
	text-decoration:none
}
a:link,a:visited {
	color:#4f4f4f
}
a:hover,a:active,a:focus {
	text-decoration:none
}
.clearfix:after {
	content:'.';
	height:0;
	visibility:hidden;
	display:block;
	clear:both
}
.btn {
	display:inline-block;
	height:32px;
	line-height:32px;
	text-align:center;
	padding:0 20px;
	border:0
}
.btn:focus,.btn:active {
	outline:none;
	border:0;
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 rgba(0,0,0,0)
}
.btn-small {
	font-size:14px;
	min-width:80px
}
.btn-large {
	font-size:16px;
	min-width:100px
}
.btn-red {
	color:#fff;
	background:#e41d1d
}
.btn-gray {
	color:#666;
	background:#e5e5e5
}
.btn-gray-fred,.btn-gray-fred:link,.btn-gray-fred:visited,.btn-gray-fred:focus {
	font-size:16px;
	color:#de686d;
	background:#fff;
	border-radius:4px;
	border:1px solid #de686d;
	line-height:30px
}
.btn-gray-fred:hover,.btn-gray-fred:active {
	color:#fff;
	background:#de686d
}
.btn-empty {
	display:inline-block;
	height:24px;
	line-height:22px;
	text-align:center;
	padding:0 20px;
	border:1px solid #e5e5e5;
	border-radius:12px;
	font-size:12px;
	color:#e41d1d;
	background:rgba(0,0,0,0)
}
.btn-noborder {
	display:inline-block;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:14px;
	color:#888;
	padding:0 0;
	border:0;
	background:rgba(0,0,0,0)
}
.btn-noborder:hover,.btn-noborder:active {
	background:rgba(0,0,0,0)
}
.btn-redborder {
	display:inline-block;
	height:32px;
	border-radius:4px;
	min-width:90px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#e41d1d;
	padding:0 20px;
	border:1px solid #e41d1d;
	background:#fff
}
.btn-redborder:link,.btn-redborder:visited {
	color:#e41d1d
}
.btn-redborder:hover,.btn-redborder:active,.btn-redborder:focus {
	color:#fff;
	background:#e41d1d
}
.btn-redborder-small {
	display:inline-block;
	height:24px;
	border-radius:4px;
	min-width:52px;
	line-height:22px;
	text-align:center;
	font-size:12px;
	color:#e41d1d;
	padding:0 20px;
	border:1px solid #de686d;
	background:#f3f7f9
}
.btn-redborder-small:link,.btn-redborder-small:visited {
	color:#e41d1d
}
.btn-redborder-small:hover,.btn-redborder-small:active,.btn-redborder-small:focus {
	color:#fff;
	background:#e41d1d
}
.dropdown-menu {
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 rgba(0,0,0,0);
	border:1px #e5e5e5 solid
}
html body .floatL {
	float:left
}
html body .floatR {
	float:right
}
.d-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.align-items-center {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.pulllog-box {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999999;
	height:64px;
	width:100%;
	padding:15px;
	font-size:16px;
	color:#fff;
	background:rgba(88,105,120,0.9)
}
.pulllog-box .pulllog {
	margin:0 auto
}
.pulllog-box .pulllog .text {
	line-height:2
}
.pulllog-box .pulllog .pulllog-btn div {
	width:80px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	text-align:center;
	cursor:pointer
}
.pulllog-box .pulllog .pulllog-btn div a {
	color:#fff
}
.pulllog-box .pulllog .pulllog-btn .pulllog-login {
	background:#58bace;
	margin-right:24px;
	border-radius:4px
}
.pulllog-box .pulllog .pulllog-btn .pulllog-sigin {
	background:#e66666
}
.pulllog-box .iconb {
	line-height:3;
	margin-top:-44px
}
.pulllog-box .iconb i {
	cursor:pointer
}
@media (max-width:1366px) {
	.pulllog {
	padding-right:40px
}
}.odd-overhidden {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
body #loginWrap {
	display:none;
	position:fixed;
	z-index:9999999;
	border:1px solid #dcdcdc;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-200px;
	opacity:1;
	background:none 0 0 repeat scroll #fff
}
body #dlMask {
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	z-index:9999998;
	left:0;
	top:0;
	opacity:.3;
	display:none
}
@font-face {
	font-family:'DINCond-Black';
	src:url("../fonts/DINCond-Black.ttf")
}
#user-ordertip .commodity_desc .btn {
	line-height:36px !important
}
aside {
	width:300px;
	float:left
}
aside .mb8 {
	margin-bottom:8px
}
aside div.aside-box {
	margin-bottom:8px;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
aside div.aside-box.custom-box img {
	max-width:100%
}
aside div.aside-box.custom-box .aside-content a:hover {
	color:#5094d5
}
aside div.aside-box a {
	color:#555666;
	cursor:pointer
}
aside div.aside-box h3.aside-title {
	position:relative;
	padding:16px 16px 0;
	font-size:14px;
	color:#333;
	font-weight:bold
}
aside div.aside-box h3.aside-title .subscribe-column-box {
	text-align:right;
	position:absolute;
	right:0;
	top:0;
	padding:15px 16px 0
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column {
	display:inline-block;
	width:14px;
	height:14px;
	position:relative
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column:hover {
	cursor:pointer
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip {
	display:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	width:282px;
	height:248px;
	background:#fff;
	-webkit-box-shadow:0 -3px 4px 0 rgba(184,184,184,0.43);
	box-shadow:0 -3px 4px 0 rgba(184,184,184,0.43);
	border:1px solid #9bd2fd;
	top:30px;
	left:-137px;
	z-index:3000;
	text-align:justify;
	line-height:18px;
	font-size:12px;
	border-radius:4px;
	color:#4d4d4d;
	padding:16px;
	line-height:18px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip .text {
	margin-bottom:8px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip .bt-close {
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	right:14px;
	top:14px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip .bt-close:hover {
	cursor:pointer
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip .bt-close svg {
	display:block;
	width:10px;
	height:10px;
	fill:#b8b8b8 !important
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip .bar {
	width:0;
	height:0;
	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:transparent transparent #fff transparent;
	position:absolute;
	left:130px;
	top:-7px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip:before {
	position:absolute;
	content:"";
	width:10px;
	height:1px;
	background:#9bd2fd;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:131px;
	top:-5px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column .tip:after {
	position:absolute;
	content:"";
	width:10px;
	height:1px;
	background:#9bd2fd;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	right:131px;
	top:-5px
}
aside div.aside-box h3.aside-title .subscribe-column-box .tip-subscribe-column svg {
	width:14px;
	height:14px;
	vertical-align:middle
}
aside div.aside-box h3.aside-title .subscribe-column-box .bt-subscribe-column {
	display:inline-block;
	margin-left:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:65px;
	height:24px;
	border-radius:2px;
	border:1px solid #ca0a16;
	font-weight:500;
	font-size:12px;
	text-align:center;
	line-height:24px;
	color:#ca0a16
}
aside div.aside-box div.aside-content {
	padding:12px 16px 16px 16px;
	overflow:hidden
}
aside div.aside-box div.aside-content .tracking-click li a {
	display:block;
	width:100%;
	position:relative
}
aside div.aside-box div.aside-content .tracking-click li a svg {
	position:absolute;
	left:0;
	top:3px
}
aside div.aside-box div.aside-content * {
	word-wrap:break-word
}
aside #asideProfile {
	padding-bottom:10px
}
aside #asideProfile .profile-intro {
	padding:16px 16px 6px 16px
}
aside #asideProfile .profile-intro .profile-intro-name-box {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
aside #asideProfile .profile-intro .profile-intro-name-box .identity {
	height:20px;
	margin-right:2px;
	vertical-align:bottom
}
aside #asideProfile .profile-intro .profile-intro-name-boxTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
aside #asideProfile .profile-intro .profile-intro-name-boxFooter {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
aside #asideProfile .profile-intro .profile-intro-name-boxFooter .profile-intro-name-boxOpration {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-left:20px
}
aside #asideProfile .profile-intro .profile-intro-name-boxFooter .profile-intro-name-boxOpration #btnAttent {
	margin-bottom:0;
	text-decoration:none;
	width:48px;
	height:24px;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	line-height:22px
}
aside #asideProfile .profile-intro .avatar-box {
	position:relative;
	width:48px;
	height:48px;
	-ms-flex-negative:0;
	flex-shrink:0
}
aside #asideProfile .profile-intro .avatar-box img.avatar_pic {
	display:block;
	width:48px;
	height:48px;
	border-radius:50%
}
aside #asideProfile .profile-intro .avatar-box .memberhead {
	width:24px;
	height:15px;
	position:absolute;
	top:-12px;
	left:12px
}
aside #asideProfile .profile-intro .avatar-box svg {
	width:24px;
	position:absolute;
	top:-16px;
	left:12px;
	display:none
}
aside #asideProfile .profile-intro .user-info {
	margin-left:8px;
	width:156px;
	position:relative;
	padding-top:4px
}
aside #asideProfile .profile-intro .user-info .personal-home-page {
	color:#999aaa;
	font-size:13px;
	line-height:20px;
	height:20px;
	overflow:hidden
}
aside #asideProfile .profile-intro .user-info .personal-home-page a.personal-home-certification {
	padding-left:8px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
aside #asideProfile .profile-intro .user-info .personal-home-page a.personal-home-certification img {
	height:14px;
	margin-right:4px;
	vertical-align:-2px
}
aside #asideProfile .profile-intro .user-info .personal-home-years {
	min-width:54px
}
aside #asideProfile .profile-intro .user-info span.name {
	width:100%;
	font-size:14px;
	font-weight:500;
	height:20px;
	line-height:20px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
aside #asideProfile .profile-intro .user-info span.name:hover {
	color:#fc5531
}
aside #asideProfile .profile-intro .user-info span.vip-name {
	color:#bb9444
}
aside #asideProfile .profile-intro .user-info span.vip-name:hover {
	color:#fc5531
}
aside #asideProfile .profile-intro .user-info #uid {
	white-space:inherit;
	margin-right:6px;
	overflow:hidden
}
aside #asideProfile .profile-intro .user-info p.name a {
	display:inline-block;
	color:#3d3d3d;
	font-weight:700;
	max-width:150px;
	max-height:66px;
	overflow:hidden;
	word-wrap:break-word
}
aside #asideProfile .profile-intro .user-info .flag {
	position:relative
}
aside #asideProfile .profile-intro .user-info .flag .bubble {
	display:none;
	width:134px;
	position:absolute;
	top:28px;
	left:-42px;
	z-index:9;
	padding:8px 6px;
	line-height:12px;
	text-align:center;
	background-color:rgba(15,15,15,0.8);
	font-size:12px;
	border-radius:4px;
	color:#fff
}
aside #asideProfile .profile-intro .user-info .flag .bubble:before {
	content:" ";
	width:0;
	height:0;
	border-style:solid;
	border-width:0 7px 7px;
	border-color:transparent transparent rgba(15,15,15,0.8);
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-7px
}
aside #asideProfile .profile-intro .user-info .expert-blog:hover .bubble {
	display:block
}
aside #asideProfile .profile-intro .user-info .company-blog:hover .bubble {
	display:block
}
aside #asideProfile .profile-intro .opt-box {
	width:48px;
	height:24px
}
aside #asideProfile .profile-intro .opt-box a.btn {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	width:48px;
	height:24px;
	min-width:auto;
	font-size:12px
}
aside #asideProfile .profile-intro .opt-box a.btn#btnAsk {
	margin-bottom:0
}
aside #asideProfile .data-info {
	padding:9px 10px
}
aside #asideProfile .data-info.item-tiling dl:hover a>.font {
	color:#fc5531
}
aside #asideProfile .data-info.item-tiling .count {
	color:#4a4d52;
	font-size:14px;
	font-weight:500;
	line-height:22px
}
aside #asideProfile .data-info.item-tiling dd {
	color:#999aaa;
	font-size:14px;
	line-height:22px;
	padding:3px 0
}
aside #asideProfile .data-info.item-tiling dd.font {
	color:#222226
}
aside #asideProfile .data-info.item-tiling a {
	color:#999aaa !important
}
aside #asideProfile .data-info.item-tiling .level {
	width:22px;
	height:22px;
	vertical-align:-6px
}
aside #asideProfile .item-rank {
	height:1px;
	background-color:#f5f6f7;
	width:268px;
	margin:auto
}
aside #asideProfile .aside-box-footer {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding:0 16px
}
aside #asideProfile .aside-box-footer .aside-box-footerClassify dt {
	display:inline
}
aside #asideProfile .aside-box-footer .aside-box-footerClassify dd {
	display:inline
}
aside #asideProfile .aside-box-footer .aside-box-footerClassify dd svg.icon {
	font-size:18px
}
aside #asideProfile .badge-box {
	position:relative;
	width:100%
}
aside #asideProfile .badge-box > span {
	margin-right:2px
}
aside #asideProfile .badge-box .badge {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
aside #asideProfile .badge-box .icon-badge {
	display:block;
	margin-right:2px;
	cursor:pointer
}
aside #asideProfile .badge-box .icon-badge div.mouse-box {
	position:relative
}
aside #asideProfile .badge-box .icon-badge div.mouse-box img {
	width:36px;
	height:36px
}
aside #asideProfile .grade-box {
	margin-top:-8px;
	padding:16px
}
aside #asideProfile .grade-box .visit-middle {
	width:34%
}
aside #asideProfile .grade-box dl:nth-child(odd) {
	width:55%
}
aside #asideProfile .grade-box dl:nth-child(even) {
	width:45%
}
aside #asideProfile .grade-box dl {
	margin-top:8px;
	float:left;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
aside #asideProfile .grade-box dl dt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
aside #asideProfile .grade-box dl dd {
	font-weight:600;
	margin-left:6px
}
aside #asideProfile .grade-box dl dd svg.icon {
	font-size:18px
}
aside #asideHotArticle ul.hotArticle-list {
	margin-top:-8px
}
aside #asideHotArticle ul.hotArticle-list li {
	margin-top:8px
}
aside #asideHotArticle ul.hotArticle-list li a {
	display:block;
	word-wrap:break-word;
	color:#555666
}
aside #asideHotArticle ul.hotArticle-list li a:hover {
	color:#fc5531
}
aside #asideHotArticle ul.hotArticle-list li a .read {
	font-size:12px;
	color:#999aaa;
	line-height:24px
}
aside #asideHotArticle ul.hotArticle-list li a img {
	width:14px;
	height:14px;
	vertical-align:-3px;
	margin-right:3px;
	margin-left:4px
}
aside #asideCategory.flexible-box div.aside-content,aside #asideArchive.flexible-box div.aside-content {
	max-height:255px;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
aside #asideCategory ul,aside #asideArchive ul {
	margin-top:-12px
}
aside #asideCategory ul li,aside #asideArchive ul li {
	margin-top:12px
}
aside #asideCategory ul li a,aside #asideArchive ul li a {
	display:block;
	color:#555666
}
aside #asideCategory ul li a:hover,aside #asideArchive ul li a:hover {
	color:#fc5531
}
aside #asideCategory ul li a .title,aside #asideArchive ul li a .title {
	width:185px;
	float:left
}
aside #asideCategory ul li a span.count,aside #asideArchive ul li a span.count {
	font-size:12px;
	color:#999aaa
}
aside #asideCategory ul li a img,aside #asideArchive ul li a img {
	float:left;
	width:28px;
	height:28px;
	margin-right:12px;
	border-radius:4px
}
aside #asideCategory ul li.indentation,aside #asideArchive ul li.indentation {
	margin-left:32px
}
aside #asideCategory ul li.indentation a .title,aside #asideArchive ul li.indentation a .title {
	width:153px;
	float:left
}
aside #asideArchive .aside-content {
	padding:12px 6px 16px 16px
}
aside #asideArchive .archive-box {
	overflow:hidden;
	overflow-y:auto;
	margin-right:-4px;
	margin-left:-3px;
	scrollbar-width:thin;
	max-height:248px;
	margin-top:8px
}
aside #asideArchive .archive-box::-webkit-scrollbar {
	width:3px
}
aside #asideArchive .archive-box::-webkit-scrollbar-thumb {
	width:3px;
	height:60px;
	background-color:rgba(153,154,170,0.3);
	border-radius:2px
}
aside #asideArchive .archive-title {
	font-size:14px;
	line-height:22px;
	color:#4a4d52;
	margin-bottom:8px;
	padding:0 6px
}
aside #asideArchive .archive-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
aside #asideArchive .archive-item {
	width:56px;
	margin-right:6px;
	margin-left:6px;
	margin-bottom:12px
}
aside #asideArchive .archive-item a:hover .count {
	color:#fc5531
}
aside #asideArchive .archive-item span {
	display:block
}
aside #asideArchive .archive-item span.time {
	height:22px;
	background-color:#edf0f3;
	border-radius:6px 6px 0 0;
	opacity:.8;
	color:#999aaa;
	line-height:22px;
	margin-bottom:1px;
	text-align:center
}
aside #asideArchive .archive-item span.count {
	height:22px;
	background-color:#f6f8fa;
	border-radius:0 0 6px 6px;
	color:#555666;
	line-height:20px;
	font-weight:500;
	text-align:center
}
aside #asideArchive .archive-bar {
	background:#f0f0f0;
	height:1px;
	margin:12px 0
}
aside #asideArchive .archive-list-item {
	padding:4px 0 4px 6px;
	width:50%;
	float:left
}
aside #asideArchive .archive-list-item:hover .year,aside #asideArchive .archive-list-item:hover .num {
	color:#fc5531
}
aside #asideArchive .archive-list-item .year,aside #asideArchive .archive-list-item .num {
	color:#4a4d52;
	line-height:22px
}
aside #asideArchive .archive-list-item .year {
	margin-right:8px
}
aside #asideCategory ul {
	margin-top:-16px
}
aside #asideCategory ul li {
	margin-top:16px
}
aside #asideCategory ul li a {
	line-height:28px;
	display:-webkit-box;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex
}
aside #asideCategory ul li a .title {
	width:auto;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
aside #asideCategory ul li a .title .text {
	max-width:155px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
	margin-right:8px
}
aside #asideCategory ul li a .title .tip {
	width:24px;
	height:14px;
	vertical-align:middle;
	float:none;
	border-radius:0
}
aside #asideCategory ul li a span.count {
	max-width:42px
}
aside #asideNewComments ul.newcomment-list {
	margin-top:-10px
}
aside #asideNewComments ul.newcomment-list li {
	margin-top:8px
}
aside #asideNewComments ul.newcomment-list li .title {
	line-height:22px;
	margin-bottom:2px;
	color:#999aaa;
	display:block
}
aside #asideNewComments ul.newcomment-list li .title:hover {
	color:#fc5531
}
aside #asideNewComments ul.newcomment-list li p.comment {
	font-size:14px;
	color:#555666;
	word-wrap:break-word;
	vertical-align:top;
	display:block;
	word-break:break-all
}
aside #asideNewComments ul.newcomment-list li p.comment:before {
	height:18px
}
aside #asideNewComments ul.newcomment-list li p.comment img {
	width:22px;
	vertical-align:middle
}
aside #asideNewComments ul.newcomment-list li p.comment a.user-name {
	color:#555666
}
aside #asideNewComments ul.newcomment-list li p.comment a.user-name:hover {
	color:#fc5531
}
aside #asideNewComments ul.newcomment-list li p.comment .reply {
	color:#999;
	font-size:12px
}
aside #asideSearchArticle .search-comter {
	padding:0 16px
}
aside #asideSearchArticle .aside-search {
	height:32px;
	border-radius:5px;
	background:#f0f0f5;
	margin:8px 0;
	position:relative
}
aside #asideSearchArticle .aside-search .input-serch-blog {
	font-size:14px;
	color:#555666;
	display:block;
	float:left;
	width:226px;
	padding-left:16px;
	border:0;
	height:32px;
	border-radius:5px;
	background:0 0
}
aside #asideSearchArticle .aside-search input::-webkit-input-placeholder {
	color:#555666
}
aside #asideSearchArticle .aside-search input::-moz-input-placeholder {
	color:#555666
}
aside #asideSearchArticle .aside-search input::-ms-input-placeholder {
	color:#555666
}
aside #asideSearchArticle .aside-search .btn-search-blog {
	background-color:#e8e8ee;
	color:#ccc;
	font-size:14px;
	display:block;
	text-align:center;
	width:32px;
	height:32px;
	float:right;
	line-height:32px;
	margin-top:0;
	-webkit-transition:background-color .5s;
	transition:background-color .5s;
	border-radius:0 5px 5px 0;
	cursor:pointer
}
aside #asideSearchArticle .aside-search .btn-search-blog img {
	width:32px;
	height:32px
}
aside #asideSearchArticle .aside-search .btn-search-blog-active {
	background-color:#fc5531;
	-webkit-transition:background-color .5s;
	transition:background-color .5s
}
aside .flexible-box div.aside-content {
	padding-bottom:0 !important
}
aside .flexible-box a.flexible-btn {
	display:block;
	padding:10px
}
aside .flexible-box a.flexible-btn img {
	width:12px;
	height:7px
}
aside #asideRank .rank-href {
	display:block;
	margin-bottom:8px;
	font-size:15px;
	height:44px;
	line-height:44px;
	overflow:hidden;
	color:#fff;
	padding:0 16px
}
aside #asideRank .rank-href .rank-num {
	font-family:DINCond-Black;
	font-size:28px;
	line-height:36px
}
aside #asideNewNps {
	display:none
}
aside #asideNewNps .newnps-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	padding-top:8px
}
aside #asideNewNps .newnps-list .newnps-item {
	min-width:19%;
	height:56px;
	text-align:center
}
aside #asideNewNps .newnps-list .newnps-item:first-child {
	min-width:23%
}
aside #asideNewNps .newnps-list .newnps-item:last-child {
	min-width:20%
}
aside #asideNewNps .newnps-list .newnps-item:hover {
	cursor:pointer
}
aside #asideNewNps .newnps-list .newnps-item:hover .newnps-img-box .newnps-img {
	top:-4px
}
aside #asideNewNps .newnps-list .newnps-item.active .newnps-img-box .newnps-img {
	top:-4px
}
aside #asideNewNps .newnps-list .newnps-img-box {
	position:relative;
	width:28px;
	height:28px;
	margin:auto
}
aside #asideNewNps .newnps-list .newnps-img-box .newnps-img {
	width:28px;
	height:28px;
	position:absolute;
	left:0;
	top:0;
	border-radius:50%;
	-webkit-transition:top .1s ease-in-out;
	transition:top .1s ease-in-out
}
aside #asideNewNps .newnps-list .newnps-img-box .newnps-img.default {
	display:none
}
aside #asideNewNps .newnps-list .newnps-img-box .newnps-img.active {
	display:block
}
aside #asideNewNps .newnps-list .newnps-text {
	font-size:12px;
	margin-top:12px;
	color:#777888;
	line-height:16px
}
aside #asideNewNps .newnps-form-box {
	background-color:#fff;
	margin-top:20px;
	padding:6px;
	display:none
}
aside #asideNewNps .newnps-form-box.active {
	background-color:rgba(25,137,250,0.1)
}
aside #asideNewNps .newnps-form-box.active .newnps-form {
	border:1px solid #1989fa
}
aside #asideNewNps .newnps-form {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:40px;
	line-height:40px;
	border:1px solid #ededf2
}
aside #asideNewNps .newnps-form .newnps-input {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	outline:none;
	border:0;
	padding-left:10px;
	background-color:#fff
}
aside #asideNewNps .newnps-form .newnps-btn {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-box-flex:0;
	-ms-flex:0 0 44px;
	flex:0 0 44px;
	text-align:center;
	cursor:pointer;
	border-left:1px solid #f5f6f7;
	background-color:#f5f6f7
}
@media screen and (max-width:1200px) {
	#asideFooter {
	position:unset !important
}
}.point-outer {
	position:absolute;
	z-index:20;
	-webkit-transition:all .8s cubic-bezier(.39,-.4,.83,.23) 0s
}
.point-inner {
	width:12px;
	height:12px;
	border-radius:50%;
	background-color:#ff6326;
	-webkit-transition:all .8s linear 0s
}
.point-outer.point-pre {
	display:none
}
.profile-intro-name-boxOpration {
	padding:8px 16px 10px 16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.opt-letter-watch-box {
	color:#f5a523;
	font-size:12px;
	width:126px;
	height:28px;
	border-radius:14px;
	line-height:26px;
	text-align:center
}
.opt-letter-watch-box .bt-button {
	display:block;
	border-radius:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
	font-size:14px
}
.opt-letter-watch-box .personal-watch {
	color:#555666;
	line-height:26px;
	border-radius:14px;
	border:1px solid #ccccd8
}
.opt-letter-watch-box .personal-watch:hover {
	border-color:#555666
}
.opt-letter-watch-box .personal-letter {
	border:1px solid #ccccd8;
	background-color:#fff;
	color:#555666;
	line-height:28px;
	border-radius:14px
}
.opt-letter-watch-box .personal-letter:hover {
	color:#555666;
	border-color:#555666
}
.opt-letter-watch-box .attented {
	position:relative;
	background:#fff;
	color:#999aaa;
	border:1px solid #ccccd8
}
.opt-letter-watch-box .attented:hover {
	color:#555666;
	border-color:#555666
}
.opt-letter-watch-box .attented:active {
	background:#f5f5f5
}
.ml8 {
	margin-left:8px
}
.mr8 {
	margin-right:8px
}
.clearfix:after {
	content:" ";
	display:block;
	height:0;
	visibility:hidden;
	clear:both
}
.ellipsis {
	position:relative;
	line-height:1.5em;
	max-height:3em;
	overflow:hidden
}
.ellipsis:before {
	content:'...';
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	width:24px;
	padding-left:8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(40%,#fff));
	background:linear-gradient(to right,transparent,#fff 40%)
}
.ellipsis:after {
	content:'';
	display:inline-block;
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	background-color:#fff
}
main {
	margin-bottom:40px;
	float:right
}
main div.blog-content-box {
	position:relative;
	padding:0 24px 16px;
	background:#fff
}
main div.blog-content-box .hot-words-highlight {
	background:#fc5531;
	font-weight:600;
	color:#fff
}
main div.blog-content-box .hot-words-highlight:hover {
	cursor:pointer
}
main div.blog-content-box pre.prettyprint,main div.blog-content-box .article-header-box {
	border-bottom:1px solid #f5f6f7;
	padding-top:8px;
	z-index:9;
	background-color:#fff
}
main div.blog-content-box pre.prettyprint .jump_article,main div.blog-content-box .article-header-box .jump_article {
	display:none
}
main div.blog-content-box pre.prettyprint .jump_article .related-article,main div.blog-content-box .article-header-box .jump_article .related-article {
	margin-bottom:12px;
	height:26px;
	line-height:26px
}
main div.blog-content-box pre.prettyprint .jump_article .related-article a,main div.blog-content-box .article-header-box .jump_article .related-article a {
	font-size:16px;
	letter-spacing:0;
	line-height:26px;
	font-weight:bold
}
main div.blog-content-box pre.prettyprint .jump_article .related-article a span,main div.blog-content-box .article-header-box .jump_article .related-article a span {
	margin-right:14px;
	padding:4px 6px;
	border:1px solid #e0e0e0;
	font-size:12px;
	letter-spacing:0;
	line-height:18px
}
main div.blog-content-box pre.prettyprint .article-header .un-collection,main div.blog-content-box .article-header-box .article-header .un-collection {
	font-size:14px;
	margin-right:0
}
main div.blog-content-box pre.prettyprint .article-header .un-collection span,main div.blog-content-box .article-header-box .article-header .un-collection span {
	margin-right:0 !important
}
main div.blog-content-box pre.prettyprint .article-header div.article-title-box,main div.blog-content-box .article-header-box .article-header div.article-title-box {
	margin-bottom:8px
}
main div.blog-content-box pre.prettyprint .article-header div.article-title-box span.article-type,main div.blog-content-box .article-header-box .article-header div.article-title-box span.article-type {
	margin-right:8px;
	margin-top:9px
}
main div.blog-content-box pre.prettyprint .article-header div.article-title-box .title-article,main div.blog-content-box .article-header-box .article-header div.article-title-box .title-article {
	font-size:28px;
	word-wrap:break-word;
	color:#222226;
	font-weight:600;
	margin:0;
	word-break:break-all;
	line-height: 1.625;
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box,main div.blog-content-box .article-header-box .article-header div.article-info-box {
	position:relative;
	background:#f8f8f8;
	border-radius:4px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box {
	padding-left:48px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box {
	font-size:14px;
	line-height:24px;
	margin-bottom:4px;
	margin-right:8px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box.artic-tag-box a.tag-link,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box.artic-tag-box a.tag-link {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:8px;
	padding:3px 6px;
	font-size:12px;
	background-color:#fff;
	color:#5094d5;
	border:1px solid #eaeaef;
	height:24px;
	line-height:17px;
	border-radius:2px;
	display:inline-block
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box.artic-tag-box a.tag-link:hover,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box.artic-tag-box a.tag-link:hover {
	color:#277ccc
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box span.label,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box span.label {
	display:inline-block;
	color:#999aaa
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box {
	border:1px solid #eaeaef;
	font-size:14px;
	line-height:22px;
	display:inline-block;
	padding:0 8px;
	background:#fff;
	border-radius:2px;
	margin-right:8px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box:hover .community-enter-type,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box:hover .community-enter-type {
	color:#fc5531
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box img {
	display:inline-block;
	width:20px;
	height:16px;
	vertical-align:text-top;
	margin-right:4px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box .community-enter-title,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box .community-enter-title {
	color:#555666
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box .community-enter-type,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .community-enter-box .community-enter-type {
	color:#555666
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box {
	background:#e9f1f9;
	border:1px solid rgba(34,124,204,0.2);
	font-size:12px;
	line-height:22px;
	display:inline-block;
	padding:0 5px;
	border-radius:2px;
	margin-right:8px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box:hover .origin-plan-name,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box:hover .origin-plan-name {
	color:#277ccc
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box img {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:-3px;
	margin-right:4px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box .origin-plan-name,main div.blog-content-box .article-header-box .article-header div.article-info-box div.blog-tags-box .tags-box .origin-plan-box .origin-plan-name {
	color:#5094d5
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box {
	display:none;
	background-color:#fff;
	padding:4px 0
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .article-copyright,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .article-copyright {
	padding:8px;
	padding-left:0;
	font-size:14px;
	color:#6f6f82
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .article-copyright .creativecommons,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .article-copyright .creativecommons,main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .article-copyright .article-source-link,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .article-copyright .article-source-link {
	color:#6f6f82;
	font-size:13px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .article-copyright .creativecommons a,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .article-copyright .creativecommons a,main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .article-copyright .article-source-link a,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .article-copyright .article-source-link a {
	color:#5094d5
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.slide-content-box .all-tags-box,main div.blog-content-box .article-header-box .article-header div.article-info-box div.slide-content-box .all-tags-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top {
	color:#999aaa;
	width:88%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top span,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top span,main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top a,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top a {
	vertical-align:top;
	margin-right:12px;
	line-height:32px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-type-img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-type-img {
	width:36px;
	height:32px;
	margin-right:12px;
	line-height:32px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-heard-img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-heard-img {
	width:20px;
	height:20px;
	margin-top:6px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-read-img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-read-img {
	width:24px;
	height:24px;
	margin-top:4px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-collect-img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-collect-img {
	vertical-align:middle;
	margin-top:0;
	width:20px;
	height:20px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top #blog_detail_zk_collection,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top #blog_detail_zk_collection {
	color:#999aaa;
	display:inline-block
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top #blog_detail_zk_collection:hover span,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top #blog_detail_zk_collection:hover span {
	color:#fc5531
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .follow-nickName,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .follow-nickName {
	color:#555666;
	margin-right:20px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .follow-nickName.vip-name,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .follow-nickName.vip-name {
	color:#bb9444
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .follow-nickName:hover,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .follow-nickName:hover {
	color:#fc5531
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-vip-img,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-vip-img {
	margin-right:4px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top .article-vip-text,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top .article-vip-text {
	color:#bb9444
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top span.c-purple,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top span.c-purple {
	color:#7c79e5
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top span.c-gray,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top span.c-gray {
	color:#858585
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top span.c-red,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top span.c-red {
	color:#e33e33
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top span.time,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top span.time {
	position:relative
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box div.article-bar-top a.tag-link,main div.blog-content-box .article-header-box .article-header div.article-info-box div.article-bar-top a.tag-link {
	margin-right:8px;
	color:#3399ea
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating {
	position:absolute;
	top:0;
	right:8px;
	line-height:32px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit {
	position:relative;
	color:#8fb0c9;
	padding:0 4px;
	font-size:12px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit:last-child::after,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit:last-child::after {
	display:none
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit:after,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit:after {
	display:block;
	content:"";
	width:1px;
	height:11px;
	background:#e0e0e0;
	position:absolute;
	top:2px;
	right:-2px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit#btnSuperDel,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit#btnSuperDel {
	margin-left:14px
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit:hover,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit:hover {
	color:#fc5531
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.href-article-edit:active,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.href-article-edit:active {
	color:#5c91df
}
main div.blog-content-box pre.prettyprint .article-header div.article-info-box .operating a.slide-toggle:after,main div.blog-content-box .article-header-box .article-header div.article-info-box .operating a.slide-toggle:after {
	display:none
}
main div.blog-content-box .article_resource {
	width:100%;
	height:56px;
	border-radius:4px;
	background:#e8f3fc;
	padding:0 16px;
	overflow:hidden;
	margin-bottom:12px
}
main div.blog-content-box .article_resource .article_resource_content {
	float:left;
	width:calc(100% - 100px)
}
main div.blog-content-box .article_resource .article_resource_content dl {
	overflow:hidden;
	width:100%
}
main div.blog-content-box .article_resource .article_resource_content dl dt {
	float:left;
	padding:10px 0
}
main div.blog-content-box .article_resource .article_resource_content dl dt img {
	display:block;
	width:32px;
	height:36px
}
main div.blog-content-box .article_resource .article_resource_content dl dd {
	margin-left:8px;
	padding:7px 0;
	float:left;
	overflow:hidden;
	width:calc(100% - 40px)
}
main div.blog-content-box .article_resource .article_resource_content dl dd p {
	font-size:14px;
	text-align:left;
	line-height:20px;
	width:320px;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
main div.blog-content-box .article_resource .article_resource_content dl dd .article_resource_title {
	color:#000;
	margin-bottom:2px
}
main div.blog-content-box .article_resource .article_resource_content dl dd .article_resource_describe {
	color:#4d4d4d;
	width:100%
}
main div.blog-content-box .article_resource .article_resource_down {
	float:right;
	width:80px;
	padding:12px 0
}
main div.blog-content-box .article_resource .article_resource_down a {
	display:block;
	width:80px;
	height:32px;
	text-align:center;
	line-height:32px;
	border-radius:4px;
	color:#fff;
	background:#ca0c16;
	font-size:14px
}
main div.blog-content-box .padding24 {
	padding-left:24px;
	padding-right:24px
}
main div.blog-content-box article {
	position:relative;
	padding-top:16px
}
#pdfCanvas{
	max-height: 800px;
	overflow-y: auto;
}
main div.blog-content-box article .table-box {
	overflow-x:auto;
	margin-bottom:24px
}
main div.blog-content-box article .table-box table {
	margin-bottom:0
}
main div.blog-content-box article * {
	word-wrap:break-word
}
main div.blog-content-box article #content_views strong>* {
	font-weight:700
}
main div.blog-content-box article #content_views img {
	cursor:-webkit-zoom-in;
	cursor:zoom-in
}
main div.blog-content-box article #content_views fieldset {
	width:auto !important;
	height:auto !important;
	padding:16px
}
main div.blog-content-box article .article-source-link {
	font-size:13px;
	color:#6b6b6b;
	line-height:18px;
	margin-bottom:12px;
	margin-top:4px
}
main div.blog-content-box article .article-source-link a {
	font-size:12px;
	color:#3399ea;
	text-decoration:underline
}
main div.blog-content-box div.article-bar-bottom {
	position:relative
}
main div.blog-content-box .article_info_click {
	margin-right:0 !important;
	font-size:12px;
	color:#3399ea;
	letter-spacing:0;
	line-height:20px;
	cursor:pointer;
	background-color:#fff;
	top:0;
	right:101px;
	width:45px;
	display:inline-block
}
main div.blog-content-box div.article-ad {
	overflow:hidden;
	padding-top:24px
}
main div.blog-content-box div.article-ad > div {
	text-align:center
}
main div.blog-content-box div.related-article {
	margin-top:18px;
	line-height:28px;
	width:48%;
	display:inline-block
}
main div.blog-content-box div.related-article a:hover {
	color:#ca0c16
}
main div.blog-content-box div.related-article a:hover span {
	border-color:#ca0c16;
	color:#ca0c16
}
main div.blog-content-box div.related-article.related-article-prev {
	margin-right:16px
}
main div.blog-content-box div.related-article.related-article-prev + .related-article-next {
	margin-top:0
}
main div.blog-content-box div.related-article:last-child {
	margin-bottom:0
}
main div.blog-content-box div.related-article > a > span {
	margin-right:8px;
	padding:6px 8px;
	font-size:12px;
	border:1px solid #e3e3e3;
	color:#4d4d4d
}
main .edu-promotion {
	margin-top:8px;
	background:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
main .t0 {
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:16px 24px
}
main .t0 h4 {
	margin-bottom:8px;
	font-size:20px;
	line-height:28px;
	color:#3d3d3d
}
main .t0 h4 em {
	color:#ca0c16;
	font-style:normal
}
main .t0 .t0-img {
	float:left;
	width:130px;
	margin-right:32px
}
main .t0 .description {
	word-wrap:break-word;
	font-size:14px;
	color:#999
}
.hide-article-pos {
	position:relative;
	z-index:998;
	padding-top:160px;
	bottom:-1px;
	margin-top:-200px
}
.hide-article-style {
	padding-top:0;
	margin-top:0;
	background-color:#fff
}
div.hide-article-box {
	width:100%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));
	background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
	padding-bottom:34px
}
div.hide-article-box .border {
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	width:100%;
	height:2px;
	margin-bottom:10px
}
div.hide-article-box #btn-lobinreadmore {
	width:121px;
	color:#3399ea;
	border:1px solid #3399ea
}
div.hide-article-box .article-footer-btn {
	color:#ca0c16;
	border:1px solid #ca0c16;
	font-size:14px;
	line-height:30px
}
div.hide-article-box .article-footer-btn svg {
	width:20px;
	height:20px;
	vertical-align:middle
}
div.hide-article-box .article-footer-btn:hover {
	background-color:#fde3e4
}
div.hide-article-box .article-footer-btn:active {
	background-color:#fcc7ca
}
div.hide-article-box .liked {
	color:#999;
	fill:#999;
	border:1px solid #999
}
div.hide-article-box .liked:hover,div.hide-article-box .liked:active {
	background-color:#fff
}
div.hide-article-box .clear-share-style-article-footer {
	position:absolute;
	height:34px;
	width:100%;
	background-image:unset !important;
	padding:0 !important;
	margin:0 6px !important;
	top:0;
	left:-5px
}
div.hide-article-box .article-footer-share-btn {
	position:relative;
	vertical-align:bottom
}
div.hide-article-box .chevrondown {
	color:#ca0c16;
	fill:#ca0c16;
	width:22px
}
div.hide-article-box .follow-text {
	color:#ca0c16
}
div.hide-article-box .btn-readmore-style {
	display:block;
	width:156px;
	height:40px;
	-webkit-box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	border-radius:20px;
	border:1px solid #fc5531;
	font-weight:500;
	color:#fc5531;
	font-size:14px;
	text-align:center;
	line-height:40px;
	margin:auto
}
div.hide-article-box .btn-readmore-style .readmore-img {
	width:11px;
	height:6px;
	vertical-align:1px
}
div.hide-article-box .btn-readmore-style:hover {
	background:rgba(252,85,49,0.1)
}
#content_views .container {
	width:100% !important
}
#content_views {
	position:relative;
	min-height:70px;
	font-size:16px !important
}
#content_views .csdn-video-box iframe[data-mediaembed] {
	margin:0;
	display:block;
	width:660px;
	height:330px
}
#content_views .csdn-video-box iframe[data-mediaembed=edu_course] {
	width:100%;
	height:600px
}
#content_views .csdn-video-box p {
	margin-top:10px
}
#content_views div.csdn-data-video {
	margin:0;
	width:660px;
	height:426px;
	position:relative
}
#content_views div.csdn-data-video img {
	display:block;
	margin:0
}
#content_views div.csdn-data-video p {
	position:absolute;
	margin:0 16px;
	left:0;
	bottom:18px;
	font-weight:bold
}
#content_views .desc {
	margin-bottom:32px
}
.vip-mask .openvippay {
	width:166px;
	height:40px;
	-webkit-box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	border-radius:20px;
	border:1px solid #fc5531;
	display:inline-block;
	text-align:center;
	line-height:38px;
	margin:0 auto;
	color:#fc5531
}
.vip-mask .openvippay:hover {
	background:rgba(252,85,49,0.1)
}
.vip-mask .openvippay img.lock-img {
	width:16px;
	height:19px;
	margin-right:8px;
	vertical-align:sub
}
.vip-mask .download-edu-app {
	width:166px;
	height:40px;
	-webkit-box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	border-radius:20px;
	border:1px solid #fc5531;
	display:inline-block;
	text-align:center;
	line-height:38px;
	color:#fc5531;
	margin-left:24px
}
.vip-mask .download-edu-app:hover {
	background:rgba(252,85,49,0.1)
}
.column-mask,.read-column-mask {
	text-align:center
}
.column-mask .about-more,.read-column-mask .about-more {
	display:inline-block;
	width:119px;
	height:40px;
	background:#fff;
	border-radius:18px;
	font-size:14px;
	font-weight:600;
	color:#5094d5;
	line-height:40px;
	margin:0 8px
}
.column-mask .lock-text,.read-column-mask .lock-text {
	display:inline-block;
	width:167px;
	height:40px;
	-webkit-box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	box-shadow:0 2px 4px 0 rgba(252,85,49,0.2);
	border-radius:20px;
	border:1px solid #fc5531;
	font-size:14px;
	font-weight:500;
	color:#fc5531;
	line-height:40px;
	text-align:center
}
.column-mask .lock-text:hover,.read-column-mask .lock-text:hover {
	background:rgba(252,85,49,0.1)
}
.column-mask .lock-icon,.read-column-mask .lock-icon {
	display:block;
	width:100%
}
.column-mask .lock-icon img.lock-img,.read-column-mask .lock-icon img.lock-img {
	width:16px;
	height:19px;
	vertical-align:-2px;
	margin:auto;
	margin-bottom:16px
}
.column-mask .column-studyvip-bt,.read-column-mask .column-studyvip-bt {
	display:inline-block;
	min-width:168px;
	height:40px;
	background:#fae8d0;
	border-radius:23px;
	border:1px solid #eed3ab;
	margin-left:8px;
	line-height:40px;
	text-align:center
}
.column-mask .column-studyvip-bt:hover,.read-column-mask .column-studyvip-bt:hover {
	background:#f8c883
}
.column-mask .column-studyvip-bt .column-studyvip-icon,.read-column-mask .column-studyvip-bt .column-studyvip-icon {
	width:18px;
	height:18px;
	vertical-align:-3px
}
.column-mask .column-studyvip-bt .column-studyvip-tit,.read-column-mask .column-studyvip-bt .column-studyvip-tit {
	font-size:14px;
	font-weight:500;
	color:#69421b
}
.column-mask .column-studyvip-bt .column-studyvip-dec,.read-column-mask .column-studyvip-bt .column-studyvip-dec {
	font-size:12px;
	color:#a06a1a
}
.csdn-side-toolbar {
	bottom:30px !important
}
.htmledit_views p,.markdown_views p {
	font-size:16px !important
}
#content_views .link-card-box {
	margin:8px auto 16px;
	padding:8px 16px;
	display:block;
	background:#f5f7fa;
	border-radius:4px;
	border:1px solid #dbdbdb;
	cursor:pointer
}
#content_views .link-card-box:hover {
	border-color:#409eff
}
#content_views .link-card-box span {
	display:block
}
#content_views .link-card-box .link-title {
	margin-bottom:8px;
	color:#222226;
	font-size:16px;
	font-weight:500;
	line-height:26px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#content_views .link-card-box .link-desc {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-bottom:8px;
	max-height:40px;
	font-size:14px;
	font-weight:400;
	color:#999aaa;
	line-height:20px;
	overflow:hidden
}
#content_views .link-card-box .link-link {
	color:#409eff;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	line-height:1;
	background-size:14px 14px;
	background-repeat:no-repeat
}
#content_views .link-card-box .link-link img {
	margin-right:8px;
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:-2px
}
.comment-box {
	margin-top:1px;
	background:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	margin-bottom:8px;
	padding-bottom:8px
}
.comment-box .unlogin-box {
	padding:8px 0;
	background-color:#eaeaea;
	color:#3d3d3d
}
.comment-box .comment-edit-box {
	padding:16px 24px 8px
}
.comment-box .comment-edit-box .bt-comment-show {
	width:80px;
	height:36px;
	background-color:#ccccd7;
	border-radius:4px;
	font-weight:500;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:36px;
	margin-left:8px;
	border:none
}
.comment-box .comment-edit-box .user-img {
	margin-right:8px
}
.comment-box .comment-edit-box .user-img img {
	margin-top:2px;
	display:block;
	width:32px;
	height:32px;
	border-radius:50%;
	border:1px solid #e0e0e0
}
.comment-box .comment-edit-box form {
	width:100%;
	position:relative
}
.comment-box .comment-edit-box form .comment-sofa-flag {
	position:absolute;
	height:18px;
	top:-14px;
	right:-4px;
	display:none;
	z-index:12
}
.comment-box .comment-edit-box form .comment-emoticon {
	position:absolute;
	width:36px;
	height:34px;
	background:#e8e8ee;
	border-radius:0 4px 4px 0;
	right:0;
	top:1px;
	padding:9px 8px
}
.comment-box .comment-edit-box form .comment-emoticon:hover {
	cursor:pointer
}
.comment-box .comment-edit-box form .comment-emoticon:hover + .comment-emoticon-tip {
	display:block
}
.comment-box .comment-edit-box form .comment-emoticon .comment-emoticon-img {
	width:18px;
	height:18px
}
.comment-box .comment-edit-box form .comment-emoticon-tip {
	display:none;
	position:absolute;
	right:-8px;
	top:42px;
	padding:0 6px;
	font-size:12px;
	line-height:18px;
	background:#222226;
	border-radius:4px;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	color:#fff;
	z-index:13
}
.comment-box .comment-edit-box form .comment-emoticon-tip:before {
	content:'';
	width:6px;
	height:6px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	position:absolute;
	top:-3px;
	left:30px;
	background:#222226
}
.comment-box .comment-edit-box form .comment-emoticon-box {
	display:none;
	width:352px;
	z-index:2000;
	position:absolute;
	right:-92px;
	top:72px;
	background:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
	border:1px solid #ccccd8;
	border-radius:4px
}
.comment-box .comment-edit-box form .comment-emoticon-box .comment-emoticon-img-box {
	padding-bottom:16px;
	overflow:auto;
	height:225px;
	scrollbar-width:thin
}
.comment-box .comment-edit-box form .comment-emoticon-box .comment-emoticon-img-box::-webkit-scrollbar {
	width:3px;
	height:100px
}
.comment-box .comment-edit-box form .comment-emoticon-box .comment-emoticon-img-box::-webkit-scrollbar-thumb {
	background-color:rgba(153,154,170,0.3);
	border-radius:2px
}
.comment-box .comment-edit-box form .comment-emoticon-box .emoticon-monkey-img {
	width:32px;
	height:32px;
	float:left;
	margin-left:16px;
	margin-top:16px
}
.comment-box .comment-edit-box form .comment-emoticon-box .emoticon-monkey-img:hover {
	cursor:pointer
}
.comment-box .comment-edit-box form .comment-emoticon-box:before {
	content:'';
	width:12px;
	height:12px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	position:absolute;
	top:-7px;
	right:103px;
	background:#fff;
	border-left:1px solid #ccccd8;
	border-top:1px solid #ccccd8
}
.comment-box .comment-edit-box form .comment-content {
	display:block;
	width:100%;
	padding:6px 8px;
	background:rgba(248,249,251,0.8);
	border:1px solid #dadde0;
	border-radius:4px;
	resize:none;
	height:36px;
	font-size:14px;
	line-height:22px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:height .3s ease-in-out;
	transition:height .3s ease-in-out;
	font-family:"SF Pro Display",Roboto,Noto,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif
}
.comment-box .comment-edit-box form .comment-content.open {
	height:64px;
	background-color:#fff;
	-webkit-box-shadow:0 0 6px 0 #5094d5;
	box-shadow:0 0 6px 0 #5094d5;
	border:1px solid #5094d5
}
.comment-box .comment-edit-box form .comment-content.open ~ .opt-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.comment-box .comment-edit-box form .comment-content.open ~ .opt-box .dropdown .dropdown-face {
	-webkit-box-shadow:none;
	box-shadow:none;
	border:1px solid #dadde0
}
.comment-box .comment-edit-box form .comment-content.open ~ .opt-box .dropdown .dropdown-face .d-block {
	color:#999aaa;
	width:2rem;
	height:2rem
}
.comment-box .comment-edit-box form .comment-content.open ~ .comment-emoticon {
	width:18px;
	height:18px;
	border-radius:50%;
	right:10px;
	top:36px;
	padding:0
}
.comment-box .comment-edit-box form .comment-content.open ~ .comment-emoticon-tip {
	top:62px
}
.comment-box .comment-edit-box form .opt-box {
	display:none;
	margin-top:8px
}
.comment-box .comment-edit-box form .opt-box .right-box {
	margin-left:auto;
	float:right
}
.comment-box .comment-edit-box form .opt-box .right-box span.tip {
	font-size:12px;
	color:#999aaa;
	line-height:20px
}
.comment-box .comment-edit-box form .opt-box .right-box span.tip em {
	font-style:normal
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-comment {
	margin:0;
	margin-left:12px;
	border:1px solid #fc5531;
	background-color:#fc5531;
	color:#fff;
	-webkit-transition:background-color .1s ease-in-out,border-color .1s ease-in-out;
	transition:background-color .1s ease-in-out,border-color .1s ease-in-out;
	border-radius:15px
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-comment:hover {
	background:#fc1944
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-quick-comment {
	margin:0;
	margin-left:12px;
	border:1px solid #fc5531;
	color:#fc5531;
	border-radius:15px
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-quick-comment:hover {
	background:#fff5f2
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-quick-comment .btn-quick-comment-img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:4px
}
.comment-box .comment-edit-box form .opt-box .right-box .btn-cancel {
	border:1px solid #555666;
	background:#fff;
	color:#555666;
	margin:0;
	border-radius:15px
}
.comment-box .comment-list-container {
	display:none
}
.comment-box .comment-list-container .comment-list-box {
	padding:0 24px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list {
	margin-top:10px;
	border-bottom:1px solid #e8e8ee
}
.comment-box .comment-list-container .comment-list-box ul.comment-list a.load-more-page {
	display:block;
	color:#5094d5;
	font-size:13px;
	line-height:17px;
	margin-left:50px;
	margin-bottom:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list a.load-more-page img {
	width:11px;
	height:6px;
	margin-left:4px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	position:relative;
	margin-bottom:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box .comment-tag {
	background-color:#bcd0df;
	color:#fff;
	font-size:12px;
	border-radius:4px;
	padding:1px 3px;
	margin-right:6px;
	vertical-align:initial;
	display:inline !important;
	position:relative
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box .comment-tag img.comment-tag-img {
	width:4px;
	height:16px;
	position:absolute;
	top:0;
	right:-4px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box img.avatar {
	display:block;
	margin-right:8px;
	width:24px;
	height:24px;
	border-radius:50%
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box {
	position:relative;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box:hover .comment-top-box {
	position:relative
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box:hover .comment-top-box .comment-top {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box:hover .comment-top-box .hover-top {
	display:block;
	position:absolute;
	right:0;
	top:0
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box:hover .comment-top-box.active .comment-top {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box:hover .comment-top-box.active .active-top {
	display:block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box.right-box-new {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box.right-box-new .tip {
	margin-right:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box {
	width:92%;
	line-height:22px;
	margin-bottom:4px;
	word-wrap:break-word;
	color:#999
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box > a,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box > a {
	vertical-align:top;
	display:inline-block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .btn-read-reply,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .btn-read-reply {
	font-size:14px;
	line-height:20px;
	color:#5893c2;
	display:block;
	margin-top:4px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .btn-read-reply img.read-reply-img,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .btn-read-reply img.read-reply-img {
	margin-left:0
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .read-reply-img,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .read-reply-img {
	display:inline-block;
	width:15px;
	height:15px;
	vertical-align:middle;
	margin-left:8px;
	margin-right:2px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .date,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .date,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .floor-num,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .floor-num,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .opt-box,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .opt-box,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box margin-left 8px,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box margin-left 8px {
	font-size:12px;
	color:#6b6b6b
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .date.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .date.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .floor-num.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .floor-num.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .opt-box.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .opt-box.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box margin-left 8px.name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box margin-left 8px.name {
	margin-left:0;
	font-size:14px;
	font-weight:400;
	color:#555666;
	display:inline-block;
	vertical-align:top
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .colon,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .colon {
	color:#555666;
	font-weight:bold
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .opt-box,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .opt-box {
	vertical-align:top;
	display:inline-block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment {
	color:#222226;
	font-size:14px;
	margin-left:0;
	vertical-align:top
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment span.quote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment span.quote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment span.quote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment span.quote {
	font-size:12px;
	color:#6b6b6b
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment blockquote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment blockquote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment blockquote,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment blockquote {
	padding:8px;
	background:#eef0f4;
	margin-bottom:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment .reply-user,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment .reply-user,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment .reply-user,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment .reply-user {
	margin-left:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment img,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment img,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment img,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment img {
	width:26px;
	vertical-align:middle
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .new-comment,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .new-comment {
	color:#222226;
	word-break:break-all
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .comment-match-url,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .comment-match-url {
	word-break:break-all;
	color:#5893c2
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .text,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .text {
	vertical-align:top
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .is_bloger,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .is_bloger {
	width:26px;
	height:16px;
	vertical-align:middle;
	margin-left:2px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .date,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .date,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .floor-num,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .floor-num {
	font-size:12px;
	color:#999aaa;
	vertical-align:top
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .nick-name,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .nick-name {
	font-size:14px;
	color:#555666;
	vertical-align:top;
	font-weight:400
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .opt-box a.btn,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .opt-box a.btn {
	display:inline-block;
	margin:0;
	min-width:auto;
	font-size:13px;
	height:20px;
	line-height:20px;
	color:#87a2b8
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.info-box .opt-box a.btn.btn-read-reply,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .opt-box a.btn.btn-read-reply {
	display:inline-block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating {
	display:inline-block;
	margin-left:8px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating .btn-bar {
	background-color:#ccccd8;
	width:1px;
	height:13px;
	display:inline-block;
	vertical-align:-2px;
	margin-left:4px;
	margin-right:4px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt {
	margin:0;
	min-width:auto;
	font-size:14px;
	height:20px;
	line-height:20px;
	color:#5893c2;
	padding:0 4px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt:hover {
	color:#fc5531
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt:hover.btn-report {
	color:#277ccc
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report {
	color:#999aaa !important;
	position:relative
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report .btn-report-img {
	width:16px;
	height:6px;
	vertical-align:1px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report:hover .hide-report {
	display:block;
	color:#999aaa !important
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report .hide-report {
	display:none;
	position:absolute;
	border-radius:4px;
	top:-2px;
	left:26px;
	width:48px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:12px;
	background:#f9fafc;
	-webkit-box-shadow:0 -2px 6px 0 rgba(31,46,92,0.15);
	box-shadow:0 -2px 6px 0 rgba(31,46,92,0.15);
	border:1px solid #eaeaea
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report .hide-report:before {
	display:block;
	content:"";
	width:8px;
	height:8px;
	background:#f9fafc;
	position:absolute;
	left:-4px;
	margin:auto;
	bottom:9px;
	border:1px solid #eaeaea;
	-webkit-box-shadow:0 -2px 6px 0 rgba(31,46,92,0.15);
	box-shadow:0 -2px 6px 0 rgba(31,46,92,0.15);
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .new-opt-floating a.btn-bt.btn-report .hide-report:after {
	display:block;
	content:"";
	width:6px;
	height:20px;
	background:#f9fafc;
	position:absolute;
	left:0;
	margin:auto;
	bottom:3px;
	z-index:10
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box {
	width:100%;
	padding-right:16px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .name {
	margin-left:0;
	margin-right:0;
	font-size:14px;
	font-weight:400;
	color:#555666;
	vertical-align:top
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .name:hover {
	color:#fc5531
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .text,.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .floor-num {
	margin-left:8px;
	font-size:12px;
	margin-right:6px;
	vertical-align:middle
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box div.new-info-box .date {
	margin-left:8px;
	font-size:12px;
	color:#6b6b6b
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box:hover {
	cursor:pointer
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box:hover .hover-top {
	display:block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .active-top {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box.active .active-top {
	display:block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box.active:hover .comment-top {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box.active:hover .un-top {
	display:block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .comment-top {
	width:46px;
	height:22px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:22px;
	font-size:12px;
	margin-right:8px;
	display:none;
	text-align:center;
	color:#fc5531;
	background:#ffeee9
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .comment-top img {
	width:14px;
	height:15px;
	vertical-align:-3px;
	margin-left:-2px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .comment-top.hover-top {
	color:#999aaa;
	background:#f5f6f7
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .comment-top.show-top {
	display:block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-top-box .comment-top.show-top:hover {
	cursor:default
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	cursor:pointer;
	color:#4d4d4d;
	text-align:right;
	height:16px;
	line-height:16px;
	margin-top:2px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like img.comment-like-img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like img.unclickImg {
	display:inline-block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like img.clickedImg {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .comment-like span {
	color:#999aaa;
	vertical-align:middle
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .liked img.unclickImg {
	display:none
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .liked img.clickedImg {
	display:inline-block
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.right-box .liked span {
	color:#e33e33
}
.comment-box .comment-list-container .comment-list-box ul.comment-list li.comment-line-box div.reply-box {
	width:97%
}
.comment-box .comment-list-container .comment-list-box ul:last-child {
	border-bottom:none
}
.comment-box .comment-list-container .comment-list-box ul:last-child li.comment-line-box {
	margin-bottom:8px;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.comment-box .comment-list-container .comment-list-box ul li.replay-box ul.comment-list {
	margin-left:32px;
	padding-left:10px;
	border-left:2px solid #f5f6f7;
	border-bottom:none
}
.comment-box .comment-list-container .comment-list-box ul li.replay-box ul.comment-list .comment-line-box {
	margin-bottom:15px
}
.comment-box .comment-list-container > .opt-box {
	margin-top:-1px;
	padding:8px
}
.comment-box .comment-list-container > .opt-box div.btn {
	margin:0;
	font-size:12px
}
.comment-box .comment-list-container > .opt-box div.btn .look-more-comment {
	margin-left:4px;
	width:22px;
	height:14px;
	vertical-align:-3px
}
.pagination-box {
	margin-top:-1px;
	padding:0 0 0
}
.pagination-box .ui-paging-container {
	margin-bottom:4px
}
.comment-list-box pre .hljs-ln li .hljs-ln-numbers {
	display:inline-block;
	border-right:1px solid #fff;
	width:24px;
	text-align:right;
	margin-right:4px
}
.comment-list-box pre .hljs-ln li .hljs-ln-numbers .hljs-ln-n {
	display:inline
}
.comment-list-box pre .hljs-ln li .hljs-ln-code {
	display:inline
}
.comment-list-box pre .hljs-ln li .hljs-ln-code .hljs-ln-line {
	display:inline
}
.pagination-box .ui-paging-container ul {
	text-align:center
}
.pagination-box .ui-paging-container ul li {
	border:none;
	background-color:#f7f7fc;
	color:#555665;
	border-radius:4px;
	display:inline-block;
	margin-left:8px;
	padding:0;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:12px
}
.pagination-box .ui-paging-container ul li:hover {
	cursor:pointer
}
.pagination-box .ui-paging-container ul li.js-page-first,.pagination-box .ui-paging-container ul li.js-page-last {
	display:none
}
.pagination-box .ui-paging-container ul li.js-page-action:hover {
	color:#e33e33
}
.pagination-box .ui-paging-container ul li.ui-paging-ellipse:hover {
	cursor:default
}
.pagination-box .ui-paging-container ul li.ui-pager-disabled {
	color:#e8e8ed
}
.pagination-box .ui-paging-container ul li.ui-pager-disabled:hover {
	cursor:default;
	border:none;
	color:#e8e8ed
}
.pagination-box .ui-paging-container ul li[data-page]:hover {
	color:#fc5531;
	font-weight:bold
}
.pagination-box .ui-paging-container ul li[data-page].focus {
	color:#fff;
	background-color:#fc5531;
	font-weight:bold
}
.pagination-box .ui-paging-container ul li[data-page].focus:hover {
	cursor:default
}
.ellipsis-online {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	word-break:break-all
}
.ellipsis-online-1 {
	-webkit-line-clamp:1
}
.ellipsis-online-2 {
	-webkit-line-clamp:2
}
.display-flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap
}
.recommend-box .recommend-item-box {
	padding:8px 24px;
	background-color:#fff;
	font-style:normal;
	border-top:1px solid #f7f7fc;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.recommend-box .recommend-item-box .content-box-img {
	width:88px;
	height:66px;
	margin-right:16px
}
.recommend-box .recommend-item-box .content-box-img img {
	width:88px;
	height:66px
}
.recommend-box .recommend-item-box .content-box {
	width:100%
}
.recommend-box .recommend-item-box .title-box {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.recommend-box .recommend-item-box .title-box .tit {
	color:#282b31;
	font-size:16px;
	line-height:24px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.recommend-box .recommend-item-box .title-box .tit:hover {
	color:#fc5531
}
.recommend-box .recommend-item-box .title-box .tit em {
	color:#fc5531;
	font-style:normal
}
.recommend-box .recommend-item-box .title-box .tit .tag {
	color:#507999;
	background:#ebf2f7;
	line-height:22px;
	height:20px;
	font-size:12px;
	margin-left:8px;
	margin-right:8px;
	margin-top:-2px;
	padding:0 6px;
	-ms-flex-negative:0;
	flex-shrink:0;
	border-radius:2px
}
.recommend-box .recommend-item-box .info-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.recommend-box .recommend-item-box .info-box .blog-title {
	color:#999aaa;
	font-size:13px
}
.recommend-box .recommend-item-box .info-box .blog-title:hover {
	color:#fc5531
}
.recommend-box .recommend-item-box .info-box .info {
	min-width:32px
}
.recommend-box .recommend-item-box .info-box .info:hover .read {
	display:none
}
.recommend-box .recommend-item-box .info-box .info:hover .time {
	display:block
}
.recommend-box .recommend-item-box .info-box .info-block {
	font-size:13px;
	color:#999aaa;
	margin-left:12px;
	line-height:24px
}
.recommend-box .recommend-item-box .info-box .time {
	display:none
}
.recommend-box .recommend-item-box .info-box .read-img {
	width:14px;
	height:14px;
	vertical-align:-2px;
	margin-right:4px
}
.recommend-box .recommend-item-box .desc-box .desc {
	color:#999aaa;
	font-size:14px
}
.recommend-box .recommend-item-box .desc-box .desc em {
	color:#fc5531;
	font-style:normal
}
.recommend-box #recommend-item-box-tow {
	display:block
}
.first-recommend-box,.second-recommend-box {
	margin-top:0
}
.second-recommend-box {
	margin-bottom:2px
}
.recommend-tit-mod {
	font-size:18px;
	font-weight:600;
	color:#222226;
	line-height:24px;
	padding:12px 24px;
	background:#fff
}
.recommend-tit-mod .look-more {
	color:#267dcc !important;
	float:right;
	font-size:14px
}
.recommend-tit-mod .look-more img.search-icon {
	width:16px;
	height:17px;
	vertical-align:middle;
	margin-right:4px
}
.recommend_down {
	color:#333;
	font-weight:bold;
	margin-bottom:16px;
	font-size:14px
}
.recommend_down .recommend_down_link {
	color:#4ea1db;
	font-weight:400
}
.recommend_down .recommend_down_link em {
	font-style:normal
}
.report-box,.report-box-new {
	display:none;
	position:fixed;
	top:27%;
	left:50%;
	margin-left:-249px;
	border:1px solid #e3e3e3;
	background:#fff;
	border-radius:4px;
	z-index:200
}
.pos-boxer {
	width:496px;
	background:#fff;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	user-select:none
}
.content-input {
	width:100%;
	padding:0 8px;
	outline:0;
	border:0
}
.pos-content {
	padding:16px;
	padding-bottom:0
}
.box-title {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.box-title .btn-close {
	width:12px;
	height:12px
}
.box-title .btn-close:hover {
	cursor:pointer
}
.box-title p {
	cursor:default;
	width:32px;
	height:22px;
	font-size:16px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:#3d3d3d;
	line-height:22px
}
.box-title span {
	font-size:14px;
	color:#e0e0e0
}
.box-top {
	font-size:14px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:#3d3d3d;
	padding-bottom:10px;
	cursor:default
}
.box-header {
	margin-top:16px
}
.box-botoo {
	width:100%
}
.box-botoom ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.box-botoom ul li {
	width:110px;
	height:32px;
	text-align:center;
	cursor:pointer;
	line-height:32px;
	background:#f0f0f5;
	margin:0 5.5px 8px 0;
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#3d3d3d
}
.box-botoom ul li.box-active {
	color:#fc5531
}
.box-content-top span {
	font-size:14px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:#3d3d3d;
	cursor:default
}
.box-content-bottom ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.box-content-bottom ul li {
	cursor:pointer
}
.box-content-bottom {
	margin-top:8px
}
.box-content-bottom ul li {
	width:110px;
	height:32px;
	text-align:center;
	line-height:32px;
	background:#f0f0f5;
	margin:0 5.5px 8px 0;
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#3d3d3d
}
.box-content-bottom ul li.box-active {
	color:#fc5531
}
.pos-footer {
	margin-top:46px;
	margin-bottom:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 12px
}
.pos-footer p {
	width:77px;
	height:32px;
	background:#fff;
	border-radius:16px;
	line-height:32px;
	text-align:center;
	border:1px solid #999aaa;
	cursor:pointer;
	margin-left:25px
}
.pos-footer p.box-active {
	border:1px solid #fc5531;
	background:#fc5531;
	color:#fff
}
.box-input {
	width:465px;
	border-radius:4px;
	background:rgba(248,249,251,0.8);
	border-radius:4px;
	border:1px solid #dadde0;
	text-align:center
}
.box-input textarea {
	outline:none;
	margin-top:8px;
	border:0;
	border-radius:2px;
	line-height:22px;
	height:48px;
	width:450px;
	resize:none;
	border-color:#ccc;
	font-size:14px;
	color:#999aaa;
	background:#f8f9fb
}
.dp-highlighter,.prettyprint {
	position:relative;
	overflow-y:hidden;
	overflow-x:auto
}
.pad_bot {
	padding-bottom:45px !important
}
.save_code {
	display:none;
	position:absolute;
	height:60px;
	right:30px;
	top:5px;
	font-size:14px;
	color:#fff;
	cursor:pointer;
	z-index:2
}
#mask_code {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.3);
	z-index:990
}
.gist_edit {
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:505px;
	height:330px;
	margin:-165px 0 0 -252px;
	z-index:9999
}
.save_snippets {
	clear:both;
	overflow:hidden;
	background:#fff;
	border:1px solid #dddcdd;
	font-size:14px;
	font-family:"Microsoft YaHei";
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .tit {
	clear:both;
	overflow:hidden;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #dddcdd;
	padding:0 20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .tit h3 {
	float:left;
	font-weight:normal;
	font-size:16px;
	height:45px;
	line-height:45px;
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.gist_edit_list {
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%
}
.save_snippets .tit span {
	display:block;
	float:right;
	color:#999;
	height:45px;
	line-height:45px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .tit span a {
	color:#00f;
	text-decoration:underline
}
.save_snippets .tit span a:link,.save_snippets .tit span a:visited,.save_snippets .tit span a:hover,.save_snippets .tit span a:active {
	color:#00f;
	text-decoration:underline
}
.save_snippets .con_form {
	clear:both;
	overflow:hidden;
	padding-top:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .con_form .gist_edit_list li {
	clear:both;
	overflow:hidden;
	min-height:32px;
	margin-bottom:20px;
	list-style:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .con_form .gist_edit_list li span.red {
	display:block;
	float:left;
	line-height:36px;
	height:32px;
	color:#f00;
	padding-right:10px;
	margin-left:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .con_form .gist_edit_list li span.txt {
	display:block;
	float:left;
	height:32px;
	line-height:32px;
	padding-right:20px
}
.save_snippets .con_form .gist_edit_list li .form-input {
	float:left;
	width:398px;
	height:30px;
	border:1px solid #dddcdd;
	background:#fafafa;
	padding:0 10px;
	color:#666;
	font-family:"Microsoft YaHei";
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#divSearchTags {
	float:left;
	width:398px;
	color:#666;
	font-family:"Microsoft YaHei";
	border:1px solid #dddcdd;
	background:#fafafa;
	padding:0 10px;
	margin-left:2px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left
}
#divSearchTags .label span {
	color:#666
}
.insertTag {
	height:30px;
	width:208px;
	color:#666;
	background:none;
	border:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#divSearchTags .blog_tag {
	display:block;
	float:left;
	margin:7px 10px 7px 0;
	padding:0 5px;
	background:#f3f3f3;
	color:#666;
	border-radius:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#divSearchTags .blog_tag span {
	display:block;
	float:left
}
#divSearchTags .label a {
	color:#666;
	margin-left:8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .con_form .gist_edit_list li .form-textarea {
	float:left;
	width:398px;
	height:60px;
	font-size:12px;
	border:1px solid #dddcdd;
	background:#fafafa;
	padding:3px 10px;
	color:#666;
	font-family:"Microsoft YaHei";
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.save_snippets .bottom-bar {
	clear:both;
	overflow:hidden;
	border-top:1px solid #dddcdd;
	padding:17px 20px
}
.save_snippets .bottom-bar .btn-submit {
	border:1px solid #888;
	background:#f0f0f0;
	border-radius:2px;
	border-left:0;
	border-top:0;
	width:45px;
	height:20px;
	text-align:center;
	line-height:20px;
	float:right;
	margin-left:7px;
	font-size:12px;
	font-family:"Microsoft YaHei";
	color:#333
}
.file_holder .file_content.code table.lines pre.line_numbers {
	width:40px !important
}
#loginWrap {
	position:fixed;
	top:100px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:160
}
body,html {
	height:100%
}
.recommend-right {
	float:left !important;
	width:0;
	display:none;
	position:relative
}
.recommend-right .recommend-top-adbox {
	overflow:hidden;
	display:none
}
.recommend-right .recommend-list-box {
	height:100%
}
.recommend-right .recommend-list-box .align-items-stretch {
	overflow:auto;
	scrollbar-width:thin
}
.recommend-right .recommend-list-box .align-items-stretch::-webkit-scrollbar {
	width:3px;
	height:100px
}
.recommend-right .recommend-list-box .align-items-stretch::-webkit-scrollbar-thumb {
	background-color:rgba(153,154,170,0.3);
	border-radius:2px
}
.recommend-right .recommend-fixed-box {
	width:300px;
	margin-top:8px !important;
	margin-right:2px
}
.recommend-right .title {
	font-size:16px;
	color:#3d3d3d;
	padding:8px 0 0 8px
}
.recommend-right .showImage {
	width:292px;
	height:176px;
	position:relative
}
.recommend-right .showImage img {
	position:absolute;
	z-index:0;
	width:100%;
	height:100%
}
.recommend-right .showImage .content {
	position:absolute;
	bottom:0;
	z-index:2;
	color:#fff;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));
	background-image:linear-gradient(to bottom,rgba(0,0,0,0),#000);
	height:60px;
	width:100%
}
.recommend-right .showImage .content h6 {
	font-size:14px;
	width:80%;
	height:22px;
	display:inline-block;
	padding-left:8px;
	margin-top:30px
}
.recommend-right .showImage .content .read {
	vertical-align:6px;
	color:#999
}
.recommend-right .right-item {
	padding:8px 8px;
	margin-left:8px;
	margin-right:8px;
	margin-top:0 !important;
	overflow:hidden;
	word-wrap:break-word;
	border-bottom:1px solid #f5f5f5
}
.recommend-right .right-item:last-child {
	border-bottom:none
}
.recommend-right .right-item .content h5:hover {
	color:#5094d5
}
.recommend-right .right-item .h5width {
	width:66%;
	float:left
}
.recommend-right .right-item .imgbox {
	width:89px;
	height:60px;
	border:1px solid #fff;
	background-color:#fff
}
.recommend-right .right-item .imgbox img {
	height:100%;
	display:block;
	margin:0 auto
}
.recommend-right .right-item .context-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.recommend-right .right-item .context-box .content-width {
	width:70%;
	float:left
}
.recommend-right .right-item .context-box .content {
	line-height:18px
}
.recommend-right .right-item .context-box .content h5 {
	color:#555666;
	font-size:14px;
	letter-spacing:0;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-weight:normal;
	word-break:break-all
}
.recommend-right .right-item .context-box .content h5 em {
	font-style:normal
}
.recommend-right .right-item .context-box .content h5:hover {
	color:#fc5531
}
.recommend-right .right-item .context-box .content span {
	margin-right:4px;
	font-size:12px;
	color:#999;
	letter-spacing:0;
	line-height:20px;
	display:inline-block
}
.recommend-right .right-item .context-box .content span img {
	width:16px;
	height:16px;
	vertical-align:-3px;
	float:none
}
.recommend-right .right-item .context-box .content .download_mark {
	border:1px solid #e3e3e3;
	padding:2px;
	margin-right:4px
}
.recommend-right .right-item .context-box .download_mark_button {
	margin-left:8px;
	border:1px solid #fc5531;
	color:#fc5531;
	padding:0 3px;
	border-radius:4px;
	word-break:break-all;
	float:right;
	min-width:60px;
	height:22px;
	text-align:center;
	line-height:22px;
	font-size:12px
}
.recommend-right .right-item .context-box .download_mark_button:hover {
	background-color:#fff5f2;
	border-color:#fc5531
}
.recommend-right .right-item .context-box .right-item-desc {
	font-size:12px;
	color:#999
}
.nodata .container,.nodata .recommend-right {
	width:300px;
	margin-left:8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.nodata .container[data-type = 'recommend'] .recommend-right_aside,.nodata .recommend-right[data-type = 'recommend'] .recommend-right_aside {
	height:unset
}
.nodata .container[data-type = 'recommend'] #recommend-right,.nodata .recommend-right[data-type = 'recommend'] #recommend-right {
	height:unset
}
.nodata .container[data-type = 'recommend'] ul,.nodata .recommend-right[data-type = 'recommend'] ul {
	background-color:#fff
}
.nodata .recommend-right_aside {
	height:100%;
	position:relative
}
.nodata .recommend-right_aside #recommend-right.isActive {
	position:fixed;
	top:55px
}
.nodata .recommend-right_aside #groupfile {
	display:none
}
.nodata .recommend-right_aside .groupfile {
	max-height:50%
}
.nodata .recommend-right_aside .groupfile-div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.nodata .recommend-right_aside .kind_person {
	width:300px;
	background-color:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.nodata .recommend-right_aside .kind_person .bottom-text-img {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:30px;
	cursor:pointer
}
.nodata .recommend-right_aside .kind_person .bottom-text-img img {
	width:12px;
	height:7px
}
.nodata .recommend-right_aside .kind_person .aside-content {
	padding:16px 16px 32px 16px
}
.nodata .recommend-right_aside ul {
	margin-top:-8px
}
.nodata .recommend-right_aside ul li {
	margin-top:8px
}
.nodata .recommend-right_aside ul li a {
	display:block;
	color:#333
}
.nodata .recommend-right_aside ul li a .title {
	width:185px;
	float:left;
	padding:0
}
.nodata .recommend-right_aside ul li a span.count {
	font-size:12px;
	color:#999aaa
}
.nodata .recommend-right_aside ul li a img {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
	border-radius:4px
}
.nodata .recommend-right_aside ul li.indentation {
	margin-left:32px
}
.nodata .recommend-right_aside ul li.indentation a .title {
	width:153px;
	float:left
}
.nodata .recommend-right_aside ul {
	margin-top:-16px
}
.nodata .recommend-right_aside ul li {
	margin-top:16px
}
.nodata .recommend-right_aside ul li a {
	line-height:32px;
	display:-webkit-box;
	display:-moz-flex;
	displa:-ms-flexbox;
	display:-ms-flexbox;
	display:flex
}
.nodata .recommend-right_aside ul li a:hover .text {
	color:#fc5531
}
.nodata .recommend-right_aside ul li a .title {
	width:auto;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	padding:0
}
.nodata .recommend-right_aside ul li a .title .text {
	max-width:155px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	margin-right:8px;
	font-size:14px
}
.nodata .recommend-right_aside ul li a .title .tip {
	width:24px;
	height:14px;
	vertical-align:middle;
	float:none;
	border-radius:0
}
.nodata .recommend-right_aside ul li a span.count {
	max-width:42px
}
.nodata .recommend-right_aside .common_title .common_left {
	float:left;
	height:22px;
	width:4px;
	background:#ca0c16;
	margin-right:8px
}
.nodata .recommend-right_aside .common_title .common_text {
	float:left;
	line-height:22px;
	font-size:14px;
	color:#3d3d3d;
	font-weight:500
}
.super-private {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-235px;
	margin-top:-150px;
	z-index:100000;
	width:470px;
	height:160px;
	padding:16px;
	background-color:#fff;
	border:1px solid #000
}
.super-private .private-title .title {
	font-size:16px;
	color:#3d3d3d;
	display:inline-block
}
.super-private .private-title .private-close {
	float:right;
	cursor:pointer
}
.super-private .private-title .private-close svg {
	fill:#e0e0e0
}
.super-private .private-content {
	margin-top:10px
}
.super-private .private-content .select-name {
	line-height:32px
}
.super-private .private-content .select {
	display:inline-block;
	float:right;
	width:360px;
	height:32px
}
.super-private .private-content .select .input-mod {
	width:360px;
	padding:4px 8px;
	border:1px solid #ccc;
	border-radius:4px;
	cursor:context-menu;
	padding-right:0
}
.super-private .private-content .select .input-mod .select-active {
	line-height:20px
}
.super-private .private-content .select .input-mod .select-button {
	float:right;
	height:18px
}
.super-private .private-content .select .input-mod .select-button svg {
	width:20px;
	height:16px;
	fill:#d6d6d6
}
.super-private .private-content .select .select-option {
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
	border-radius:4px;
	padding:1px 8px;
	position:relative;
	z-index:2;
	top:5px;
	height:107px;
	overflow-x:auto
}
.super-private .private-content .select .select-option li {
	cursor:context-menu;
	font-size:14px;
	color:#4d4d4d;
	letter-spacing:0;
	line-height:28px
}
.super-private .private-content .other {
	display:none;
	margin-top:10px
}
.super-private .private-content .other .textarea-box {
	border:1px solid #ccc;
	border-radius:4px;
	width:360px;
	float:right;
	padding:8px
}
.super-private .private-content .other textarea {
	border:0;
	resize:none;
	width:100%;
	height:64px
}
.super-private .private-content .other .number {
	text-align:right;
	padding:0 10px;
	font-size:14px;
	color:#ccc
}
.super-private .private-footer {
	position:absolute;
	bottom:16px;
	right:16px
}
.super-private .private-footer div {
	display:inline-block;
	padding:4px 20px;
	font-weight:700;
	cursor:pointer;
	font-size:14px
}
.super-private .private-footer .private-send {
	margin-left:10px;
	border-radius:4px
}
.super-private .private-footer .no-active {
	background:#ebebeb;
	color:#c2c2c2
}
.super-private .private-footer .active,.super-private .private-footer .close-active {
	background:#ca0c16;
	color:#fff
}
.private-error {
	diplay:none
}
.rotate180 {
	-webkit-transform:rotate(.5turn);
	transform:rotate(.5turn);
	-webkit-transition:-webkit-transform .4s ease-in-out;
	transition:-webkit-transform .4s ease-in-out;
	transition:transform .4s ease-in-out;
	transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}
.rotate0 {
	-webkit-transform:rotate(0);
	transform:rotate(0);
	-webkit-transition:-webkit-transform .4s ease-in-out;
	transition:-webkit-transform .4s ease-in-out;
	transition:transform .4s ease-in-out;
	transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}
.template-box {
	padding:6px 0;
	text-align:center;
	background:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	border-top:1px solid #f4f5f6
}
.template-box span {
	font-size:14px;
	color:#555666;
	line-height:20px;
	padding:0 4px
}
.template-box .back-home {
	color:#555666
}
.template-box .back-home:hover {
	color:#fc5531
}
.skin-boxshadow {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
	z-index:9999
}
.pay-code {
	width:238px;
	display:none;
	position:fixed;
	z-index:9999;
	left:0;
	right:0;
	margin:auto;
	top:0;
	bottom:0;
	height:330px;
	background:#fff;
	padding:32px 36px
}
.pay-code .content-blance {
	padding-bottom:34px;
	display:none
}
.pay-code .content-blance .blance-bt {
	display:block;
	width:128px;
	height:32px;
	background:#e33e33;
	border-radius:4px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	line-height:32px;
	text-align:center;
	margin:auto
}
.pay-code .pay-balance-con {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-left:0
}
.pay-code .pay-balance-con img {
	width:16px;
	height:13px;
	margin-left:0
}
.pay-code .pay-balance-con span {
	font-size:14px;
	font-weight:400;
	color:#fc5531
}
.pay-code .pay-balance {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:4px
}
.pay-code .pay-code-tile {
	position:relative
}
.pay-code .pay-code-tile img {
	margin-left:6px
}
.pay-code .pay-code-tile:hover div.pay-code-content {
	display:block
}
.pay-code .pay-code-tile div.pay-code-content {
	display:none;
	position:absolute;
	background:#fff;
	top:26px;
	z-index:100;
	left:-102px;
	width:227px;
	height:114px;
	text-align:center;
	-webkit-box-shadow:0 3px 4px 0 rgba(184,184,184,0.43);
	box-shadow:0 3px 4px 0 rgba(184,184,184,0.43);
	border:1px solid #d9e1e9;
	padding-top:8px;
	border-radius:5px
}
.pay-code .pay-code-tile div.pay-code-content .span {
	text-align:start;
	font-size:14px;
	padding:0 8px;
	color:#555666
}
.pay-code .pay-code-tile div.pay-code-content .span p {
	font-size:12px
}
.pay-code .pay-code-tile div.pay-code-content p.title {
	font-size:13px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#555666;
	line-height:22px
}
.pay-code .pay-code-tile div.pay-code-content #shareQrCode,.pay-code .pay-code-tile div.pay-code-content #shareCode {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.pay-code .pay-code-tile div.pay-code-content span {
	position:absolute;
	right:8px;
	top:2px;
	cursor:pointer;
	color:#999aaa
}
.pay-code .pay-code-tile div.pay-code-content:before {
	display:block;
	border:1px solid #d9e1e9;
	content:"";
	width:12px;
	height:12px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-5px;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg)
}
.pay-code .pay-code-tile div.pay-code-content:after {
	display:block;
	content:"";
	width:80px;
	height:10px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:0;
	z-index:10
}
.pay-code img {
	height:12px;
	width:12px
}
.pay-code span,.pay-code a {
	padding-left:6px;
	font-size:12px
}
.pay-code .pay-money {
	font-size:14px;
	color:#4d4d4d;
	line-height:20px;
	text-align:center;
	margin-bottom:20px
}
.pay-code .pay-money span {
	font-size:22px;
	font-weight:600;
	color:#fc5531;
	line-height:20px
}
.pay-code .content-code {
	width:166px;
	height:200px;
	border:1px solid #ebebeb;
	padding-top:10px;
	text-align:center
}
.pay-code .content-code #payCode {
	width:148px;
	height:148px;
	margin:auto
}
.pay-code .content-code #payCode img {
	width:148px;
	height:148px
}
.pay-code .content-code #payCode .renovate,.pay-code .content-code #payCode .renov-men {
	width:148px;
	height:148px;
	background:#666;
	text-align:center;
	padding-top:42px
}
.pay-code .content-code #payCode .renovate:hover,.pay-code .content-code #payCode .renov-men:hover {
	cursor:pointer
}
.pay-code .content-code #payCode .renovate img,.pay-code .content-code #payCode .renov-men img {
	display:block;
	width:28px;
	height:28px;
	margin:auto;
	margin-bottom:12px
}
.pay-code .content-code #payCode .renovate span,.pay-code .content-code #payCode .renov-men span {
	font-size:15px;
	font-weight:500;
	color:#fff;
	line-height:21px
}
.pay-code .content-code .pay-style {
	margin-top:12px;
	font-size:14px;
	font-weight:500;
	color:#4d4d4d;
	text-align:center;
	height:20px;
	line-height:20px
}
.pay-code .content-code .pay-style span {
	display:inline-block
}
.pay-code .content-code .pay-style span.text {
	margin-left:4px;
	vertical-align:super
}
.pay-code .content-code .pay-style img {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 2px
}
.pay-code .bt-close {
	position:absolute;
	right:20px;
	top:20px;
	width:10px;
	height:10px
}
.pay-code .bt-close:hover {
	cursor:pointer
}
.pay-code .bt-close svg {
	width:10px;
	height:10px
}
#blogColumnPayAdvert {
	background-color:#fff
}
#blogColumnPayAdvert .column-group {
	padding:16px 0
}
#blogColumnPayAdvert .column-group.open .column-group-item {
	-webkit-box-shadow:0 0 0 0;
	box-shadow:0 0 0 0
}
#blogColumnPayAdvert .column-group.open .column-group-item:hover {
	-webkit-box-shadow:0 0 10px 0 rgba(232,232,237,0.4);
	box-shadow:0 0 10px 0 rgba(232,232,237,0.4)
}
#blogColumnPayAdvert .column-group.open .column-group-item.column-group0 {
	margin-top:0;
	width:100%
}
#blogColumnPayAdvert .column-group.open .column-group-item.column-group1 {
	margin-top:-1px;
	width:100%
}
#blogColumnPayAdvert .column-group.open .column-group-item.column-group2 {
	margin-top:-1px;
	width:100%
}
#blogColumnPayAdvert .column-group:hover {
	cursor:pointer
}
#blogColumnPayAdvert .column-group-item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	height:56px;
	padding:9px 16px 9px 16px;
	background:#fff;
	-webkit-box-shadow:0 0 10px 0 rgba(232,232,237,0.4);
	box-shadow:0 0 10px 0 rgba(232,232,237,0.4);
	border-radius:2px;
	border:1px solid #f0f0f0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	-webkit-transition:width .2s ease-in-out;
	transition:width .2s ease-in-out;
	-webkit-transition:margin-top .2s ease-in-out;
	transition:margin-top .2s ease-in-out
}
#blogColumnPayAdvert .column-group-item.column-group0 {
	margin-top:0;
	z-index:3
}
#blogColumnPayAdvert .column-group-item.column-group1 {
	width:99%;
	margin:auto;
	margin-top:-48px;
	z-index:2
}
#blogColumnPayAdvert .column-group-item.column-group2 {
	width:98%;
	margin:auto;
	margin-top:-48px;
	z-index:1
}
#blogColumnPayAdvert .column-group-item.column-group-item-one {
	-webkit-box-shadow:none;
	box-shadow:none
}
#blogColumnPayAdvert .column-group-item.column-group-item-one:hover {
	-webkit-box-shadow:0 0 10px 0 rgba(232,232,237,0.4);
	box-shadow:0 0 10px 0 rgba(232,232,237,0.4)
}
#blogColumnPayAdvert .column-group-item .item-l {
	overflow:hidden;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#blogColumnPayAdvert .column-group-item .item-l a {
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#blogColumnPayAdvert .column-group-item .item-l img {
	width:36px;
	height:36px;
	border-radius:2px;
	border:1px solid #f5f6f7;
	vertical-align:middle
}
#blogColumnPayAdvert .column-group-item .item-l .title {
	font-size:16px;
	font-weight:500;
	color:#222226;
	line-height:22px;
	margin-left:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle
}
#blogColumnPayAdvert .column-group-item .item-l .title:hover {
	color:#fc5531
}
#blogColumnPayAdvert .column-group-item .item-l .dec {
	margin-left:8px;
	font-size:14px;
	color:#999aaa;
	line-height:20px;
	min-width:100px
}
#blogColumnPayAdvert .column-group-item .item-l .dec.more {
	min-width:150px
}
#blogColumnPayAdvert .column-group-item .item-l .dec.more img {
	width:16px;
	height:20px;
	vertical-align:sub;
	border:none
}
#blogColumnPayAdvert .column-group-item .item-m {
	min-width:360px;
	font-size:14px;
	color:#999aaa;
	line-height:40px
}
#blogColumnPayAdvert .column-group-item .item-m span {
	float:right;
	margin-right:32px
}
#blogColumnPayAdvert .column-group-item .item-m span.old-add-new-box {
	display:inline-block;
	min-width:48px;
	text-align:right
}
#blogColumnPayAdvert .column-group-item .item-m span.price {
	display:block;
	height:20px;
	float:none;
	color:#555666;
	font-weight:500;
	line-height:20px;
	margin-right:0
}
#blogColumnPayAdvert .column-group-item .item-m span.price.price-style {
	height:40px;
	line-height:40px
}
#blogColumnPayAdvert .column-group-item .item-m span.oldprice {
	height:20px;
	line-height:20px;
	margin-right:0;
	text-decoration:line-through
}
#blogColumnPayAdvert .column-group-item .item-m span.oldprice.price-style {
	display:none
}
#blogColumnPayAdvert .column-group-item .item-r {
	padding:4px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
#blogColumnPayAdvert .column-group-item .item-r a {
	display:block;
	width:80px;
	height:28px;
	font-size:12px;
	color:#555666;
	background:#fff;
	border-radius:16px;
	border:1px solid #ccccd8;
	text-align:center;
	line-height:28px
}
#blogColumnPayAdvert .column-group-item .item-r a:hover {
	cursor:default;
	border:1px solid #555666
}
#blogColumnPayAdvert .column-group-item .item-r a.article-column-bt:hover {
	cursor:pointer
}
#blogColumnPayAdvert .column-group-item .item-r a.article-column-subscribe {
	color:#999aaa
}
#blogColumnPayAdvert .column-group-item .item-r a.article-column-subscribe:hover {
	border:1px solid #ccccd8
}
#blogColumnPayAdvert .column-group-item .item-r a.column-studyvip-free {
	display:inline-block;
	min-width:142px;
	height:28px;
	background:#fae8d0;
	border-radius:23px;
	border:1px solid #eed3ab;
	font-size:12px;
	color:#69421b;
	text-align:center;
	line-height:28px;
	margin-left:8px;
	border:none
}
#blogColumnPayAdvert .column-group-item .item-r a.column-studyvip-free:hover {
	cursor:pointer;
	background:#f8c883
}
#blogColumnPayAdvert .column-group-item .item-r a.column-studyvip-discount {
	display:inline-block;
	min-width:90px;
	margin-left:12px;
	height:28px;
	background:#4c4c4c;
	border-radius:23px;
	font-size:12px;
	text-align:center;
	color:#ffcd66;
	line-height:28px;
	margin-left:8px;
	border:none
}
#blogColumnPayAdvert .column-group-item .item-r a.column-studyvip-discount:hover {
	cursor:pointer;
	background:#555666
}
#blogColumnPayAdvert .column-group-item .item-r a .column-studyvip-icon {
	width:16px;
	height:16px;
	vertical-align:-3px;
	margin-right:4px
}
#blogColumnPayAdvert .column-advert-box {
	z-index:997;
	padding:16px 0;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	border-bottom:1px solid #f5f6f7
}
#blogColumnPayAdvert .column-advert-box .left-advert-box {
	width:82px;
	height:82px;
	margin-right:12px
}
#blogColumnPayAdvert .column-advert-box .left-advert-box img {
	width:82px;
	height:82px;
	border-radius:4px
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:12px;
	overflow:hidden;
	width:100%
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .title {
	margin-bottom:2px;
	height:25px;
	font-size:18px;
	font-weight:600;
	color:#555666;
	line-height:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .title:hover {
	color:#fc5531
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .introduce {
	line-height:16px;
	font-size:14px;
	color:#999aaa;
	margin-bottom:6px;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .other-introduce {
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	height:auto
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .information {
	height:24px
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .information img {
	width:24px;
	height:24px;
	border-radius:50%
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .information span {
	margin-left:8px;
	line-height:24px;
	vertical-align:top;
	color:#5f6471
}
#blogColumnPayAdvert .column-advert-box .middle-advert-box .information:hover span {
	color:#fc5531
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-advert-box {
	padding-top:8px;
	margin-bottom:16px;
	text-align:right;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-click {
	font-size:16px;
	background-color:#fff;
	border-radius:15px;
	border:1px solid #fc5531;
	font-size:14px;
	line-height:30px;
	padding:0 25px;
	color:#fc5531;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:8px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-click:hover {
	background-color:#fff5f2
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-share-column {
	position:relative;
	margin-left:0
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-share-column .share-column-box {
	position:absolute;
	display:none;
	width:185px;
	height:200px;
	-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);
	box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);
	border-radius:4px;
	padding:16px 16px 0 16px;
	background:#fff;
	left:-34px;
	top:38px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-share-column .share-column-box .share-column-text {
	font-size:12px;
	line-height:17px;
	color:#555666;
	text-align:center
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-share-column .share-column-box .share-column-img {
	margin-top:4px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .bt-share-column .share-column-box .share-column-img img {
	display:block;
	width:132px;
	height:136px;
	margin:auto
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .un-bt-click {
	font-size:16px;
	background-color:#fff;
	border-radius:15px;
	border:none;
	font-size:14px;
	line-height:30px;
	padding:0 25px;
	color:#555666;
	border:1px solid #555666;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:8px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .count-advert-box {
	text-align:right;
	min-width:222px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .count-advert-box span.advert-money {
	font-size:16px;
	font-weight:600;
	color:#fc5531;
	line-height:26px;
	margin-right:4px
}
#blogColumnPayAdvert .column-advert-box .right-advert-box .count-advert-box span.advert-count-people {
	font-size:14px;
	color:#fc5531;
	line-height:22px
}
.more-toolbox {
	display:-webkit-flex;
	margin-bottom:8px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative
}
.more-toolbox .left-toolbox {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#f8f8f8;
	z-index:999;
	-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.05);
	box-shadow:0 3px 5px 0 rgba(0,0,0,0.05)
}
.more-toolbox .toolbox-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding-left:24px;
	height:48px
}
.more-toolbox .tool-item {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:4px;
	font-size:14px;
	font-weight:500;
	height:36px;
	position:relative
}
.more-toolbox .tool-item .tool-item-follow {
	background:#e33e33;
	color:#fff;
	border:1px solid #e33e33;
	position:absolute;
	bottom:4px;
	left:4px;
	height:28px;
	line-height:28px;
	z-index:10
}
.more-toolbox .tool-item .tool-item-follow.active-animation {
	-webkit-animation:myflistdeom .8s 1;
	animation:myflistdeom .8s 1;
	nimation-fill-mode:forwards;
	-webkit-animation-timing-function:cubic-bezier(0,.7,.9,1);
	animation-timing-function:cubic-bezier(0,.7,.9,1);
	-webkit-animation-fill-mode:forwards
}
.more-toolbox .tool-item .animation-dom {
	position:absolute;
	bottom:6px
}
.more-toolbox .tool-item .animation-dom.active-animation {
	-webkit-animation:myflist .8s 1;
	animation:myflist .8s 1;
	nimation-fill-mode:forwards;
	-webkit-animation-timing-function:cubic-bezier(0,.7,.9,1);
	animation-timing-function:cubic-bezier(0,.7,.9,1);
	-webkit-animation-fill-mode:forwards
}
.more-toolbox .tool-item .company {
	padding:0 8px;
	height:28px;
	line-height:26px;
	background:#fff;
	margin:4px 4px 0 4px;
	color:#555666;
	border-radius:14px;
	cursor:default;
	border:1px solid #555666
}
.more-toolbox .tool-item .company.active {
	cursor:pointer;
	background:#fc5531;
	color:#fff;
	border:1px solid #fc5531
}
.more-toolbox .tool-item .company.active:hover {
	background:#fc1944;
	border:1px solid #fc1944
}
.more-toolbox .tool-item .triplet-prompt {
	position:absolute;
	display:none;
	width:333px;
	height:40px;
	border-radius:4px;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	color:#df760c;
	font-size:14px;
	line-height:40px;
	right:4px;
	padding-left:8px;
	top:-50px;
	z-index:2
}
.more-toolbox .tool-item .triplet-prompt img.close-prompt {
	display:inline-block;
	margin-left:8px;
	width:24px;
	height:26px;
	vertical-align:middle
}
.more-toolbox .tool-item .triplet-prompt img.close-prompt:hover {
	cursor:pointer
}
.more-toolbox .tool-item .triplet-prompt:before {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-4px;
	right:30px
}
.more-toolbox .tool-item .triplet-prompt:after {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	width:12px;
	height:6px;
	bottom:0;
	right:28px
}
.more-toolbox .tool-item a {
	border-radius:4px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:36px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:0 10px
}
.more-toolbox .tool-item a.article-report {
	color:#999aaa;
	font-size:14px
}
.more-toolbox .tool-item a.tool-bt-button {
	border-radius:4px;
	font-size:14px;
	height:28px;
	margin:4px 4px 0 4px;
	background:#fff;
	padding:0 16px;
	border-radius:14px
}
.more-toolbox .tool-item a.tool-unbt-subscribe {
	border:1px solid #ccccd8;
	background:#fff;
	color:#999aaa
}
.more-toolbox .tool-item a.tool-unbt-subscribe:hover {
	border:1px solid #ccccd8;
	background:#fff;
	color:#999aaa
}
.more-toolbox .tool-item a.tool-bt-subscribe {
	border:1px solid #ccccd8;
	color:#555666;
	background:#fff
}
.more-toolbox .tool-item a.tool-bt-subscribe:hover {
	border:1px solid #555666;
	color:#555666;
	background:#fff
}
.more-toolbox .tool-item a.tool-bt-attend {
	background:#fff;
	color:#555666;
	border:1px solid #ccccd8
}
.more-toolbox .tool-item a.tool-bt-attend:hover {
	background:#fff;
	color:#555666;
	border:1px solid #555666
}
.more-toolbox .tool-item a.tool-unbt-attend {
	color:#999aaa;
	position:relative;
	border:1px solid #ccccd8
}
.more-toolbox .tool-item a.tool-unbt-attend:hover {
	color:#555666;
	border-color:#555666
}
.more-toolbox .tool-item img {
	width:14px;
	height:14px;
	margin-right:4px
}
.more-toolbox .tool-item .jumpimg {
	display:inline-block;
	width:18px;
	height:18px;
	padding:0;
	vertical-align:bottom;
	margin-right:4px;
	overflow:hidden;
	margin-left:-4px;
	margin-right:4px
}
.more-toolbox .tool-item .jumpimg:first-child {
	margin-left:16px
}
.more-toolbox .tool-item .jumpimg:last-child {
	margin-right:0
}
.more-toolbox .tool-item .jumpimg img {
	width:18px;
	height:18px;
	border-radius:50%
}
.more-toolbox .tool-reward {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	cursor:pointer
}
.more-toolbox .tool-reward a {
	width:100%
}
.more-toolbox .tool-reward .name {
	vertical-align:top
}
.more-toolbox .tool-phong {
	position:relative
}
.more-toolbox .tool-QRcode {
	position:relative
}
.more-toolbox .tool-active {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative
}
.more-toolbox .tool-active:first-child a {
	padding-left:0
}
.more-toolbox .tool-active .QRcode {
	display:none;
	position:absolute;
	background:#fff;
	top:40px;
	z-index:100;
	left:-100%;
	width:198px;
	height:228px;
	text-align:center;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	border:1px solid #f0f0f0;
	padding-top:18px
}
.more-toolbox .tool-active .QRcode p.title {
	font-size:16px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#555666;
	line-height:22px
}
.more-toolbox .tool-active .QRcode #shareQrCode,.more-toolbox .tool-active .QRcode #shareCode {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.more-toolbox .tool-active .QRcode span {
	position:absolute;
	right:8px;
	top:2px;
	cursor:pointer;
	color:#999aaa
}
.more-toolbox .tool-active .QRcode:before {
	display:block;
	content:"";
	width:12px;
	height:12px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-5px;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg)
}
.more-toolbox .tool-active .QRcode:after {
	display:block;
	content:"";
	width:80px;
	height:8px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:0;
	z-index:10
}
.more-toolbox .tool-active .QRcode img {
	width:128px;
	height:128px;
	margin-top:10px;
	margin-bottom:10px
}
.more-toolbox .tool-active img {
	width:22px;
	height:22px
}
.more-toolbox .tool-active span.name,.more-toolbox .tool-active span.count {
	font-size:14px;
	color:#555666
}
.more-toolbox .tool-active span.countx {
	margin-top:-8px;
	margin-left:2px;
	font-size:12px
}
.more-toolbox .tool-active a:hover span {
	color:#fc5531
}
.more-toolbox .tool-clicked {
	background:#f9ecec
}
.more-toolbox .tool-more {
	background:inherit;
	position:relative
}
.more-toolbox .tool-more:hover .more-box {
	display:block
}
.more-toolbox .tool-more:hover .more-box:hover:before {
	background:#f5f6f7
}
.more-toolbox .tool-more:hover .more-box:hover:after {
	background:#f5f6f7
}
.more-toolbox .tool-more:hover .more-box:before:hover {
	background:#fff
}
.more-toolbox .tool-more:hover .more-box:after:hover {
	background:#fff
}
.more-toolbox .tool-more img.tool-more-img {
	margin-right:0;
	width:17px;
	height:3px
}
.more-toolbox .tool-more .more-box {
	display:none;
	position:absolute;
	background:#fff;
	bottom:40px;
	z-index:2000;
	border-radius:4px;
	left:-23px;
	width:88px;
	text-align:center;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	border:1px solid #f0f0f0
}
.more-toolbox .tool-more .more-box:before {
	display:block;
	content:"";
	width:12px;
	height:12px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:-6px;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.more-toolbox .tool-more .more-box:after {
	display:block;
	content:"";
	width:80px;
	height:8px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
	z-index:10
}
.more-toolbox .tool-more .more-box li.item.item-report {
	position:relative;
	z-index:20;
	background:#fff
}
.more-toolbox .tool-more .more-box li.item a {
	display:block;
	padding:7px 0;
	font-size:14px;
	font-weight:500;
	color:#555666
}
.more-toolbox .tool-more .more-box li.item a:hover {
	background:#f5f6f7
}
.more-toolbox .right-toolbox {
	min-width:110px;
	text-align:right;
	padding-right:24px
}
.more-toolbox .right-toolbox .tool-mover-ad {
	height:28px;
	border-radius:14px;
	background:#fc5531;
	line-height:28px;
	text-align:center;
	color:#fff;
	padding:0 10px
}
.more-toolbox .right-toolbox .tool-mover-ad:hover {
	background:#fc1944
}
.more-toolbox .right-toolbox .tool-mover-ad-mask {
	position:absolute;
	bottom:52px;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	padding:8px 10px;
	padding-right:30px;
	text-align:start;
	font-size:14px;
	color:#df760c;
	font-weight:400;
	right:34px;
	white-space:nowrap;
	border-radius:4px;
	z-index:1
}
.more-toolbox .right-toolbox .tool-mover-ad-mask:before {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-4px;
	right:30px
}
.more-toolbox .right-toolbox .tool-mover-ad-mask:after {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	width:12px;
	height:6px;
	bottom:0;
	right:28px
}
.more-toolbox .right-toolbox .tool-mover-ad-mask img {
	position:absolute;
	cursor:pointer;
	top:7px;
	right:4px;
	width:24px;
	height:24px
}
.more-toolbox .right-toolbox .jump-net-article {
	font-size:14px;
	color:#3399ea;
	line-height:36px
}
.more-toolbox .tool-mover-open {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	margin-right:32px
}
.more-toolbox .tool-mover-open span {
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#5893c2;
	line-height:20px;
	margin-right:8px
}
.more-toolbox .tool-mover-open img {
	width:10px;
	height:5px
}
.more-toolbox .hot-word-tip-box {
	display:none;
	position:absolute;
	border-radius:4px;
	padding:0 16px;
	color:#fff;
	background:rgba(15,15,15,0.8);
	left:0;
	top:-36px;
	margin:auto;
	z-index:100
}
.more-toolbox .hot-word-tip-box span {
	line-height:32px
}
.more-toolbox .hot-word-tip-box span.hot-word-count {
	color:#fc5531
}
.more-toolbox .hot-word-tip-box span.hot-word-bar {
	width:1px;
	height:16px;
	background:#b1b1b1;
	display:inline-block;
	margin-left:16px;
	margin-right:8px;
	vertical-align:middle
}
.more-toolbox .hot-word-tip-box span.hot-word-clear:hover {
	cursor:pointer
}
.more-toolbox-active .tool-active .QRcode {
	top:-240px
}
.more-toolbox-active .tool-active .QRcode:before {
	top:220px
}
.more-toolbox-active .tool-active .QRcode:after {
	top:218px
}
.more-toolbox-active .tool-active .reward-box {
	top:-350px
}
.more-toolbox-active .tool-active .reward-box:after {
	top:344px;
	margin-top:-6px;
	border-color:#fff transparent transparent transparent
}
@media (min-width:1550px) and (max-width:1700px) {
	.more-toolbox .toolbar-change-class .tool-item-size a {
	padding:0 7px
}
}@media screen and (max-width:1320px) {
	.more-toolbox .toolbar-change-class .tool-item-size a {
	padding:0 8px
}
.more-toolbox .item-subscribe ~ .tool-item-size a.article-report {
	display:none
}
}.more-toolbox-new {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	margin-bottom:8px
}
.more-toolbox-new .left-toolbox {
	position:relative;
	z-index:10;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:17px 24px;
	height:64px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	-webkit-box-shadow:0 -1px 8px 0 rgba(0,0,0,0.06);
	box-shadow:0 -1px 8px 0 rgba(0,0,0,0.06)
}
.more-toolbox-new .toolbox-left {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.more-toolbox-new .toolbox-left .profile-box .profile-href {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	overflow:hidden
}
.more-toolbox-new .toolbox-left .profile-box .profile-img {
	width:32px;
	height:32px;
	border-radius:32px;
	border:1px solid #f5f6f7;
	margin-right:8px
}
.more-toolbox-new .toolbox-left .profile-box .profile-name {
	max-width:160px;
	height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	font-weight:600;
	color:#222226;
	line-height:24px;
	margin-right:8px
}
.more-toolbox-new .toolbox-left .profile-attend {
	position:relative
}
.more-toolbox-new .toolbox-left .profile-attend a {
	display:block;
	min-width:60px;
	height:28px;
	background:#fff;
	border-radius:16px;
	font-size:14px;
	line-height:28px;
	text-align:center
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-bt-attend {
	border:1px solid #ccccd8;
	color:#555666
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-bt-attend:hover {
	border:1px solid #555666
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-unbt-attend {
	color:#999aaa;
	border:1px solid #ccccd8
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-unbt-attend:hover {
	color:#555666;
	border:1px solid #555666
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-item-follow {
	background:#e33e33;
	color:#fff;
	border:1px solid #e33e33;
	position:absolute;
	bottom:4px;
	left:4px;
	height:28px;
	line-height:28px;
	z-index:10
}
.more-toolbox-new .toolbox-left .profile-attend a.tool-item-follow.active-animation {
	-webkit-animation:myflistdeom .8s 1;
	animation:myflistdeom .8s 1;
	nimation-fill-mode:forwards;
	-webkit-animation-timing-function:cubic-bezier(0,.7,.9,1);
	animation-timing-function:cubic-bezier(0,.7,.9,1);
	-webkit-animation-fill-mode:forwards
}
.more-toolbox-new .toolbox-right {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.more-toolbox-new .toolbox-right .tool-directory {
	padding-left:16px
}
.more-toolbox-new .toolbox-right .tool-directory a {
	display:block;
	min-width:74px;
	height:28px;
	border-radius:16px;
	color:#555666;
	font-size:14px;
	line-height:28px;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccccd8
}
.more-toolbox-new .toolbox-right .tool-directory a:hover {
	border:1px solid #555666
}
.more-toolbox-new .toolbox-right .tool-column {
	padding-left:16px
}
.more-toolbox-new .toolbox-right .tool-column a {
	display:block;
	min-width:74px;
	height:28px;
	border-radius:16px;
	color:#fff;
	font-size:14px;
	line-height:28px;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.more-toolbox-new .toolbox-right .tool-column a.tool-bt-subscribe {
	background:#fc5531
}
.more-toolbox-new .toolbox-right .tool-column a.tool-bt-subscribe:hover {
	background:#fc1944
}
.more-toolbox-new .toolbox-right .tool-column a.tool-unbt-subscribe {
	color:#999aaa;
	border:1px solid #ccccd8
}
.more-toolbox-new .toolbox-right .tool-column a.tool-unbt-subscribe:hover {
	color:#555666;
	border:1px solid #555666;
	cursor:default
}
.more-toolbox-new .toolbox-middle {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.more-toolbox-new .toolbox-list {
	width:100%;
	height:30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.more-toolbox-new .tool-item {
	padding:0 8px
}
.more-toolbox-new .tool-item.tool-item-bar {
	width:1px;
	height:16px;
	background:#f0f0f2;
	margin:0 8px;
	padding:0
}
.more-toolbox-new .tool-item .tool-item-href {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.more-toolbox-new .tool-item .tool-item-href .count {
	color:#999aaa;
	font-size:14px
}
.more-toolbox-new .tool-item .tool-item-href .count.active {
	color:#fc5531
}
.more-toolbox-new .tool-item .animation-dom {
	position:absolute;
	bottom:6px
}
.more-toolbox-new .tool-item .animation-dom.active-animation {
	-webkit-animation:myflist .8s 1;
	animation:myflist .8s 1;
	nimation-fill-mode:forwards;
	-webkit-animation-timing-function:cubic-bezier(0,.7,.9,1);
	animation-timing-function:cubic-bezier(0,.7,.9,1);
	-webkit-animation-fill-mode:forwards
}
.more-toolbox-new .tool-item .triplet-prompt {
	position:absolute;
	display:none;
	width:333px;
	height:40px;
	border-radius:4px;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	color:#df760c;
	font-size:14px;
	line-height:40px;
	right:4px;
	padding-left:8px;
	top:-50px;
	z-index:2
}
.more-toolbox-new .tool-item .triplet-prompt img.close-prompt {
	display:inline-block;
	margin-left:8px;
	width:24px;
	height:26px;
	vertical-align:middle
}
.more-toolbox-new .tool-item .triplet-prompt img.close-prompt:hover {
	cursor:pointer
}
.more-toolbox-new .tool-item .triplet-prompt:before {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-4px;
	right:30px
}
.more-toolbox-new .tool-item .triplet-prompt:after {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	width:12px;
	height:6px;
	bottom:0;
	right:28px
}
.more-toolbox-new .tool-item img {
	width:14px;
	height:14px;
	margin-right:4px
}
.more-toolbox-new .tool-item .jumpimg {
	display:inline-block;
	width:18px;
	height:18px;
	padding:0;
	vertical-align:bottom;
	margin-right:4px;
	overflow:hidden;
	margin-left:-4px;
	margin-right:4px
}
.more-toolbox-new .tool-item .jumpimg:first-child {
	margin-left:16px
}
.more-toolbox-new .tool-item .jumpimg:last-child {
	margin-right:0
}
.more-toolbox-new .tool-item .jumpimg img {
	width:18px;
	height:18px;
	border-radius:50%
}
.more-toolbox-new .tool-reward {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	cursor:pointer
}
.more-toolbox-new .tool-reward a {
	width:100%
}
.more-toolbox-new .tool-reward .name {
	vertical-align:top
}
.more-toolbox-new .tool-phong {
	position:relative
}
.more-toolbox-new .tool-QRcode {
	position:relative
}
.more-toolbox-new .tool-active {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative
}
.more-toolbox-new .tool-active:hover .tool-hover-tip {
	display:block
}
.more-toolbox-new .tool-active:first-child a {
	padding-left:0
}
.more-toolbox-new .tool-active .QRcode {
	display:none;
	position:absolute;
	top:-216px;
	z-index:100;
	left:-55px;
	width:152px;
	height:185px;
	background:#fff;
	border:3px solid #ededef;
	text-align:center;
	padding-top:16px
}
.more-toolbox-new .tool-active .QRcode.active {
	left:-106px
}
.more-toolbox-new .tool-active .QRcode.active:before {
	margin-right:18px
}
.more-toolbox-new .tool-active .QRcode p.title {
	font-size:14px;
	font-family:PingFangSC-Medium,PingFang SC;
	color:#222226;
	line-height:20px
}
.more-toolbox-new .tool-active .QRcode #shareQrCode,.more-toolbox-new .tool-active .QRcode #shareCode {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.more-toolbox-new .tool-active .QRcode span {
	display:block;
	width:10px;
	height:10px;
	font-size:16px;
	text-align:center;
	line-height:10px;
	position:absolute;
	right:8px;
	top:8px;
	cursor:pointer;
	color:#ccccd8
}
.more-toolbox-new .tool-active .QRcode:before {
	display:block;
	border:3px solid #ededef;
	content:"";
	width:18px;
	height:18px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:170px;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg)
}
.more-toolbox-new .tool-active .QRcode:after {
	display:block;
	content:"";
	width:122px;
	height:14px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:165px;
	z-index:10
}
.more-toolbox-new .tool-active .QRcode img {
	width:120px;
	height:120px;
	margin:auto;
	margin-top:8px
}
.more-toolbox-new .tool-active .tool-hover-tip {
	width:82px;
	display:none;
	height:38px;
	background:#fff;
	border:3px solid #ededef;
	position:absolute;
	color:#222226;
	left:-20px;
	bottom:52px
}
.more-toolbox-new .tool-active .tool-hover-tip.three-click {
	left:-14px
}
.more-toolbox-new .tool-active .tool-hover-tip .text {
	display:block;
	position:absolute;
	font-size:14px;
	text-align:center;
	width:100%;
	padding:6px 0;
	z-index:11
}
.more-toolbox-new .tool-active .tool-hover-tip .text.space {
	letter-spacing:5px;
	padding:6px 18px
}
.more-toolbox-new .tool-active .tool-hover-tip:before {
	display:block;
	border:3px solid #ededef;
	content:"";
	width:18px;
	height:18px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:-6px;
	-webkit-box-shadow:0 2px 4px 0 #f0f0f0;
	box-shadow:0 2px 4px 0 #f0f0f0;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg)
}
.more-toolbox-new .tool-active .tool-hover-tip:after {
	display:block;
	content:"";
	width:40px;
	height:20px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
	z-index:10
}
.more-toolbox-new .tool-active img {
	width:24px;
	height:24px
}
.more-toolbox-new .tool-active img.company {
	width:40px;
	height:28px;
	vertical-align:middle
}
.more-toolbox-new .tool-active img.company.active:hover {
	cursor:pointer
}
.more-toolbox-new .tool-active img.company:hover {
	cursor:default
}
.more-toolbox-new .tool-active span.name,.more-toolbox-new .tool-active span.count {
	font-size:14px;
	color:#555666
}
.more-toolbox-new .tool-active span.countx {
	margin-top:-8px;
	margin-left:2px;
	font-size:12px
}
.more-toolbox-new .tool-active a:hover span {
	color:#fc5531
}
.more-toolbox-new .right-toolbox {
	min-width:110px;
	text-align:right;
	padding-right:24px
}
.more-toolbox-new .right-toolbox .tool-mover-ad {
	height:28px;
	border-radius:14px;
	background:#fc5531;
	line-height:28px;
	text-align:center;
	color:#fff;
	padding:0 10px
}
.more-toolbox-new .right-toolbox .tool-mover-ad:hover {
	background:#fc1944
}
.more-toolbox-new .right-toolbox .tool-mover-ad-mask {
	position:absolute;
	bottom:52px;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	padding:8px 10px;
	padding-right:30px;
	text-align:start;
	font-size:14px;
	color:#df760c;
	font-weight:400;
	right:34px;
	white-space:nowrap;
	border-radius:4px;
	z-index:1
}
.more-toolbox-new .right-toolbox .tool-mover-ad-mask:before {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	border:1px solid #ffd5a6;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-4px;
	right:30px
}
.more-toolbox-new .right-toolbox .tool-mover-ad-mask:after {
	content:'';
	position:absolute;
	display:block;
	background:#fef7f0;
	width:12px;
	height:6px;
	bottom:0;
	right:28px
}
.more-toolbox-new .right-toolbox .tool-mover-ad-mask img {
	position:absolute;
	cursor:pointer;
	top:7px;
	right:4px;
	width:24px;
	height:24px
}
.more-toolbox-new .right-toolbox .jump-net-article {
	font-size:14px;
	color:#3399ea;
	line-height:36px
}
.more-toolbox-new .tool-mover-open {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	margin-right:32px
}
.more-toolbox-new .tool-mover-open span {
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:#5893c2;
	line-height:20px;
	margin-right:8px
}
.more-toolbox-new .tool-mover-open img {
	width:10px;
	height:5px
}
@-webkit-keyframes myflist {
	from {
	-webkit-transform:scale(1,1) translateY(0);
	transform:scale(1,1) translateY(0);
	opacity:1;
	display:block
}
to {
	-webkit-transform:scale(2,2) translateY(-5px);
	transform:scale(2,2) translateY(-5px);
	opacity:0;
	display:none
}
}@keyframes myflist {
	from {
	-webkit-transform:scale(1,1) translateY(0);
	transform:scale(1,1) translateY(0);
	opacity:1;
	display:block
}
to {
	-webkit-transform:scale(2,2) translateY(-5px);
	transform:scale(2,2) translateY(-5px);
	opacity:0;
	display:none
}
}@-webkit-keyframes myflistdeom {
	from {
	-webkit-transform:scale(1,1) translateY(0);
	transform:scale(1,1) translateY(0);
	opacity:1;
	display:block
}
to {
	-webkit-transform:scale(1.2,1.2) translateY(-10px);
	transform:scale(1.2,1.2) translateY(-10px);
	opacity:0;
	display:none
}
}@keyframes myflistdeom {
	from {
	-webkit-transform:scale(1,1) translateY(0);
	transform:scale(1,1) translateY(0);
	opacity:1;
	display:block
}
to {
	-webkit-transform:scale(1.2,1.2) translateY(-10px);
	transform:scale(1.2,1.2) translateY(-10px);
	opacity:0;
	display:none
}
}.reward-box {
	display:none;
	width:323px;
	position:absolute;
	background:#fff;
	top:48px;
	left:-115px;
	z-index:2001;
	padding:16px 24px 24px 24px;
	background:#fff;
	-webkit-box-shadow:2px 2px 6px 2px rgba(0,0,0,0.1);
	box-shadow:2px 2px 6px 2px rgba(0,0,0,0.1);
	border-radius:4px;
	border:1px solid #ddd
}
.reward-box:after {
	position:absolute;
	content:"";
	right:50%;
	top:0;
	margin-top:-12px;
	display:block;
	width:0;
	height:0;
	border:6px solid;
	border-color:transparent transparent #fff transparent
}
.reward-box .rewad-title {
	font-size:16px;
	font-weight:500;
	color:#333;
	line-height:30px;
	margin-bottom:8px;
	position:relative
}
.reward-box .rewad-title span.reward-close {
	position:absolute;
	right:0;
	top:9px;
	width:12px;
	height:12px
}
.reward-box .rewad-title span.reward-close:hover {
	cursor:pointer
}
.reward-box .rewad-title span.reward-close svg {
	display:block;
	width:12px;
	height:12px;
	fill:#787878
}
.reward-box dl {
	overflow:hidden;
	margin-bottom:22px
}
.reward-box dl dd {
	float:left;
	width:42px;
	height:42px
}
.reward-box dl dd a {
	height:42px !important;
	padding:0 !important
}
.reward-box dl dd img {
	width:42px !important;
	height:42px !important;
	border-radius:50%
}
.reward-box dl dt {
	float:left;
	margin-left:8px;
	width:calc(100% - 50px)
}
.reward-box dl dt .blog-name {
	font-size:14px;
	font-weight:500;
	color:#4f4f4f;
	line-height:21px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.reward-box dl dt .blog-discript {
	font-size:14px;
	color:#999;
	line-height:20px
}
.reward-box .change-bt-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:18px
}
.reward-box .change-bt-box .reward-bt {
	width:50%;
	display:block;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#999aaa;
	font-size:16px;
	font-weight:500
}
.reward-box .change-bt-box .reward-bt:hover {
	cursor:pointer
}
.reward-box .change-bt-box .reward-bt.reward-bt-active {
	color:#fc5531
}
.reward-box .change-bt-box .reward-bt-space {
	width:1px;
	height:19px;
	background-color:#f0f0f5
}
.reward-box .money-box {
	overflow:hidden
}
.reward-box .money-box span {
	display:block;
	float:left;
	width:80px;
	height:40px;
	border-radius:4px;
	border:1px solid #ccc;
	margin-bottom:16px;
	color:#ccc;
	margin-left:16px;
	text-align:center;
	line-height:40px
}
.reward-box .money-box span:nth-child(3n+1) {
	margin-left:0
}
.reward-box .money-box span.choosed {
	border:1px solid #fc5531;
	color:#fc5531
}
.reward-box .money-box span:hover {
	cursor:pointer;
	border:1px solid #fc5531;
	color:#fc5531
}
.reward-box .sure-box {
	margin-top:8px
}
.reward-box .sure-box p.is-have-money {
	overflow:hidden;
	line-height:36px
}
.reward-box .sure-box p.is-have-money span {
	font-size:14px;
	color:#fc5531
}
.reward-box .sure-box p.is-have-money a {
	float:right;
	display:inline-block;
	width:76px;
	height:36px;
	background:#fc5531;
	border-radius:18px;
	text-align:center;
	color:#fff
}
.reward-box .sure-box p.is-have-money a:hover {
	background:#fc1944
}
.skin-boxshadow {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.3);
	z-index:9000
}
.reward-tip {
	position:fixed;
	left:50%;
	bottom:120px;
	display:inline-block;
	margin-left:-80px;
	padding:16px;
	background:#515151;
	border-radius:4px
}
.reward-tip span {
	font-size:16px;
	color:#fff;
	line-height:22px;
	margin-left:4px
}
.reward-success svg {
	fill:#86ca5e !important
}
.reward-error svg {
	fill:#fff !important
}
.reward-box-new {
	padding:32px 24px;
	background-color:#fff;
	margin-bottom:8px;
	margin-top:-8px
}
.reward-box-new .reward-bt {
	width:96px;
	height:40px;
	background:#fc5531;
	border-radius:20px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	text-align:center;
	line-height:40px;
	margin:auto
}
.reward-box-new .reward-bt:hover {
	cursor:pointer
}
.reward-box-new .reward-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:24px
}
.reward-box-new .reward-left {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.reward-box-new .reward-left .reward-href {
	display:block;
	width:24px;
	height:24px;
	border-radius:50%;
	margin-left:-4px
}
.reward-box-new .reward-left .reward-href:hover {
	cursor:defualt
}
.reward-box-new .reward-left .reward-href img {
	width:24px;
	height:24px;
	border:1px solid #fff;
	border-radius:50%
}
.reward-box-new .reward-right {
	font-size:16px;
	color:#222226;
	line-height:22px
}
.reward-box-new .reward-right .count {
	color:#fc5531;
	font-weight:600;
	margin-right:4px;
	margin-left:8px;
	vertical-align:middle
}
.reward-popupbox-new {
	display:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:375px;
	max-height:445px;
	position:fixed;
	background:#fff;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	z-index:9001;
	padding:24px;
	border-radius:4px
}
.reward-popupbox-new .rewad-title {
	font-size:18px;
	font-weight:500;
	color:#222226;
	line-height:25px;
	position:relative;
	margin-bottom:24px
}
.reward-popupbox-new .rewad-title span.reward-close {
	position:absolute;
	right:0;
	top:6px;
	width:16px;
	height:16px
}
.reward-popupbox-new .rewad-title span.reward-close:hover {
	cursor:pointer
}
.reward-popupbox-new .rewad-title span.reward-close svg {
	display:block;
	width:16px;
	height:16px;
	fill:#e0e0e0
}
.reward-popupbox-new dl.profile-box {
	overflow:hidden
}
.reward-popupbox-new dl.profile-box dd {
	float:left;
	width:40px;
	height:40px
}
.reward-popupbox-new dl.profile-box dd a {
	height:40px !important;
	padding:0 !important
}
.reward-popupbox-new dl.profile-box dd img {
	width:40px !important;
	height:40px !important;
	border:1px solid #f5f6f7;
	border-radius:50%
}
.reward-popupbox-new dl.profile-box dt {
	float:left;
	margin-left:10px;
	width:calc(100% - 50px)
}
.reward-popupbox-new dl.profile-box dt .blog-name {
	font-size:16px;
	color:#222226;
	line-height:22px;
	font-weight:500;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:2px
}
.reward-popupbox-new dl.profile-box dt .blog-discript {
	font-size:12px;
	color:#999aaa;
	line-height:16px;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.reward-popupbox-new .money-box {
	position:relative;
	height:128px
}
.reward-popupbox-new .money-box .customize-tip {
	display:none;
	width:114px;
	height:32px;
	background:#fff;
	border:2px solid #ededef;
	font-size:13px;
	font-weight:400;
	color:#222226;
	line-height:16px;
	position:absolute;
	right:-10px;
	bottom:45px;
	text-align:center;
	line-height:32px
}
.reward-popupbox-new .money-box .customize-tip:after {
	position:absolute;
	display:block;
	content:'';
	width:8px;
	height:8px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-5px;
	right:0;
	left:0;
	margin:auto;
	border:2px solid #ededef;
	z-index:2
}
.reward-popupbox-new .money-box .customize-tip:before {
	position:absolute;
	display:block;
	content:'';
	width:6px;
	height:6px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	bottom:-2px;
	right:0;
	left:0;
	margin:auto;
	background-color:#fff;
	z-index:3
}
.reward-popupbox-new .money-box .customize-money {
	float:left;
	width:93px;
	height:40px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:2px;
	border:1px solid #e8e8ed;
	margin-top:24px;
	color:#999aaa;
	margin-left:24px;
	text-align:center;
	font-size:16px;
	line-height:40px
}
.reward-popupbox-new .money-box .customize-money.active {
	border:1px solid #556;
	font-size:24px;
	font-weight:500;
	color:#222226
}
.reward-popupbox-new .money-box .customize-money.active::-webkit-input-placeholder {
	font-size:18px;
	font-weight:400
}
.reward-popupbox-new .money-box .customize-money.active:-moz-placeholder {
	font-size:18px;
	font-weight:400
}
.reward-popupbox-new .money-box .customize-money.active::-moz-placeholder {
	font-size:18px;
	font-weight:400
}
.reward-popupbox-new .money-box .customize-money.active:-ms-input-placeholder {
	font-size:18px;
	font-weight:400
}
.reward-popupbox-new .money-box span {
	display:block;
	float:left;
	width:93px;
	height:40px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:2px;
	border:1px solid #e8e8ed;
	margin-top:24px;
	color:#999aaa;
	margin-left:24px;
	text-align:center;
	font-size:18px;
	line-height:40px;
	font-family:PingFangSC-Medium,PingFang SC
}
.reward-popupbox-new .money-box span:nth-child(3n+1) {
	margin-left:0
}
.reward-popupbox-new .money-box span.choosed {
	border:1px solid #556;
	font-size:24px;
	font-weight:500;
	color:#222226
}
.reward-popupbox-new .money-box span:hover {
	cursor:pointer;
	border:1px solid #556;
	color:#fc5531;
	font-size:24px;
	font-weight:500;
	color:#222226
}
.reward-popupbox-new .pay-box {
	margin-top:32px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.reward-popupbox-new .pay-box .pay-type {
	font-size:14px;
	line-height:20px
}
.reward-popupbox-new .pay-box .pay-type:hover {
	cursor:pointer
}
.reward-popupbox-new .pay-box .pay-type.pay-type-blance {
	width:220px
}
.reward-popupbox-new .pay-box .pay-type.pay-type-money {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.reward-popupbox-new .pay-box .pay-type.active img.choose {
	display:inline-block
}
.reward-popupbox-new .pay-box .pay-type.active img.unchoose {
	display:none
}
.reward-popupbox-new .pay-box .pay-type img {
	display:none;
	width:16px;
	height:16px;
	margin-right:4px;
	vertical-align:-3px
}
.reward-popupbox-new .pay-box .pay-type img.choose {
	display:none
}
.reward-popupbox-new .pay-box .pay-type img.unchoose {
	display:inline-block
}
.reward-popupbox-new .pay-box .pay-type .pay-type-name {
	color:#222226
}
.reward-popupbox-new .pay-box .pay-type .pay-type-num {
	color:#999aaa
}
.reward-popupbox-new .sure-box .sure-box-blance {
	padding-top:16px;
	height:128px;
	position:relative
}
.reward-popupbox-new .sure-box .sure-box-blance.active p.tip {
	display:block
}
.reward-popupbox-new .sure-box .sure-box-blance.active p.is-have-money a {
	background:#ffbaab
}
.reward-popupbox-new .sure-box .sure-box-blance.active p.is-have-money a:hover {
	cursor:default
}
.reward-popupbox-new .sure-box .sure-box-blance p.tip {
	font-size:14px;
	color:#fc1944;
	line-height:20px;
	height:20px;
	display:none
}
.reward-popupbox-new .sure-box .sure-box-blance p.tip .go-invest {
	color:#277ccc;
	margin-left:4px
}
.reward-popupbox-new .sure-box .sure-box-blance p.is-have-money {
	overflow:hidden;
	line-height:36px;
	position:absolute;
	right:0;
	bottom:0
}
.reward-popupbox-new .sure-box .sure-box-blance p.is-have-money a {
	float:right;
	display:inline-block;
	width:96px;
	height:32px;
	background:#fc5531;
	border-radius:18px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	line-height:32px;
	color:#fff
}
.reward-popupbox-new .sure-box .sure-box-money {
	display:none;
	padding-top:24px
}
.reward-popupbox-new .sure-box .sure-box-money .code-box {
	border-top:1px solid #f0f0f2;
	padding-top:20px
}
.reward-popupbox-new .sure-box .sure-box-money .code-num-box {
	text-align:center;
	line-height:25px;
	font-size:18px;
	margin-bottom:16px
}
.reward-popupbox-new .sure-box .sure-box-money .code-num-box .code-name {
	color:#222226;
	font-weight:500
}
.reward-popupbox-new .sure-box .sure-box-money .code-num-box .code-num {
	color:#fc5531
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box {
	width:120px;
	height:120px;
	overflow:hidden;
	margin:auto;
	margin-bottom:8px
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box img {
	width:120px;
	height:120px
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box .renovate {
	width:120px;
	height:120px;
	background:#666;
	text-align:center;
	padding-top:22px
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box .renovate:hover {
	cursor:pointer
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box .renovate img {
	display:block;
	width:28px;
	height:28px;
	margin:auto;
	margin-bottom:12px
}
.reward-popupbox-new .sure-box .sure-box-money .code-img-box .renovate span {
	font-size:14px;
	font-weight:500;
	color:#fff;
	line-height:21px
}
.reward-popupbox-new .sure-box .sure-box-money .code-pay-box {
	text-align:center
}
.reward-popupbox-new .sure-box .sure-box-money .code-pay-box img {
	width:20px;
	height:20px;
	margin-right:4px;
	vertical-align:sub
}
.reward-popupbox-new .sure-box .sure-box-money .code-pay-box span {
	font-size:14px;
	color:#555666;
	line-height:20px
}
#directory .group_item {
	max-height:485px
}
.groupfile {
	width:300px;
	background-color:#fff;
	margin-bottom:0;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden
}
.groupfile .aside-title {
	margin-bottom:8px
}
.groupfile .group_item {
	overflow:auto;
	margin-bottom:16px;
	margin-right:2px;
	scrollbar-width:thin
}
.groupfile .group_item::-webkit-scrollbar {
	width:3px;
	height:100px
}
.groupfile .group_item::-webkit-scrollbar-thumb {
	background-color:rgba(153,154,170,0.3);
	border-radius:2px
}
.groupfile .pos-box {
	position:relative
}
.groupfile .pos-box .scroll-box .toc-box {
	overflow-y:auto;
	overflow-x:auto;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.groupfile .pos-box .scroll-box .toc-box ol li {
	margin-top:12px
}
.groupfile .pos-box .scroll-box .toc-box ol li a {
	display:block;
	width:100%;
	overflow:hidden;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:14px;
	white-space:nowrap;
	height:24px;
	line-height:24px
}
.groupfile .pos-box .scroll-box .toc-box >ol>li:first-child >a {
	height:24px;
	line-height:24px
}
.groupfile .pos-box .scroll-box .toc-box >ol li.active {
	background-color:#f5f5fa
}
.groupfile .pos-box .scroll-box .toc-box >ol li.active >a {
	color:#fc5531 !important
}
.groupfile .pos-box .scroll-box .toc-box >ol>li:hover:not(.sub-box) {
	background-color:#f5f5fa
}
.groupfile .pos-box .scroll-box .toc-box >ol>li:hover:not(.sub-box) >a {
	color:#fc5531
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li:hover:not(.sub-box) {
	background-color:#f5f5fa
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li:hover:not(.sub-box) >a {
	color:#fc5531
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li.sub-box>ol>li:hover:not(.sub-box) {
	background-color:#f5f5fa
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li.sub-box>ol>li:hover:not(.sub-box) >a {
	color:#fc5531
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li:first-child {
	margin-top:0
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box>ol>li.sub-box>ol>li:first-child {
	margin-top:0
}
.groupfile .pos-box .scroll-box .toc-box >ol>li>a {
	padding:0 16px;
	color:#2d2e2f;
	font-weight:500
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box ol li a {
	color:#555666;
	padding:0 16px 0 40px
}
.groupfile .pos-box .scroll-box .toc-box >ol>li.sub-box ol li.sub-box a {
	color:#555666;
	padding:0 16px 0 64px
}
.blogger-info-card {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:16px;
	border:1px solid #e9e9e9;
	background-color:#f7f7fc;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.blogger-info-card .card-lt {
	width:58px;
	height:58px;
	margin-right:16px;
	-ms-flex-item-align:start;
	align-self:flex-start;
	border:1px solid #e7e7e7;
	border-radius:100%;
	overflow:hidden
}
.blogger-info-card .card-lt img {
	width:100%;
	height:100%;
	cursor:pointer
}
.blogger-info-card .card-rt {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.blogger-info-card .card-rt .wap-icon {
	position:relative;
	top:3px
}
.blogger-info-card .card-rt .wap-icon .bubble {
	display:none;
	width:134px;
	position:absolute;
	top:28px;
	left:-60px;
	z-index:9;
	padding:8px 6px;
	line-height:12px;
	text-align:center;
	background-color:rgba(15,15,15,0.8);
	font-size:12px;
	border-radius:4px;
	color:#fff
}
.blogger-info-card .card-rt .wap-icon .bubble:before {
	content:" ";
	width:0;
	height:0;
	border-style:solid;
	border-width:0 7px 7px;
	border-color:transparent transparent rgba(15,15,15,0.8);
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-7px
}
.blogger-info-card .card-rt .icon-two:hover .bubble {
	display:block
}
.blogger-info-card .card-rt .card-rt-header {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.blogger-info-card .card-rt .card-rt-header .nick-name {
	color:#bb9444;
	font-size:14px;
	margin-right:4px
}
.blogger-info-card .card-rt .card-rt-header img {
	height:20px;
	overflow:hidden
}
.blogger-info-card .card-rt .card-rt-header .space {
	width:14px
}
.blogger-info-card .card-rt .card-rt-header .tag {
	color:#555666;
	font-size:12px;
	font-style:normal;
	padding:0 4px;
	margin-right:8px;
	border:1px solid #c8c8cd;
	border-radius:3px;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.blogger-info-card .card-rt .card-rt-header .btn-edit {
	position:absolute;
	top:0;
	right:0;
	color:#e33e33;
	font-size:12px;
	padding:0 8px;
	border:1px solid #fcecea;
	border-radius:4px;
	background-color:#fcecea
}
.blogger-info-card .card-rt .card-rt-body {
	color:#555666;
	font-size:14px;
	margin-top:8px;
	word-wrap:break-word !important;
	word-break:break-all !important
}
.over-the-screen {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	display:none
}
.over-the-screen .over-the-screen-box {
	width:467px;
	height:317px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.over-the-screen .over-the-screen-box .over-the-screen-img {
	width:467px;
	height:317px;
	border-radius:4px;
	overflow:hidden
}
.over-the-screen .over-the-screen-box .over-the-screen-close {
	display:none;
	cursor:pointer;
	width:40px;
	height:40px;
	position:absolute;
	right:-48px;
	top:-48px;
	border-radius:50%;
	overflow:hidden;
	z-index:10
}
.over-the-screen .over-the-screen-box .over-the-screen-close img {
	width:100%
}
#articleContentAd {
	width:100%;
	background:#fbfbfb;
	border:1px solid #c4c4c4;
	border-radius:2px;
	padding:16px 24px 20px 24px;
	margin-bottom:16px;
	overflow:hidden
}
#articleContentAd .ad-top {
	padding-bottom:6px;
	border-bottom:1px solid #979797;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	margin-bottom:16px
}
#articleContentAd .ad-top .ad-top-tit .ad-top-topic {
	font-size:24px;
	color:#3e3e3e;
	line-height:35px;
	font-weight:500
}
#articleContentAd .ad-top .ad-top-tit .ad-top-type {
	font-size:24px;
	color:#949494;
	line-height:35px;
	font-weight:500
}
#articleContentAd .ad-top .ad-top-tit .ad-top-num {
	margin-left:16px;
	font-size:20px;
	color:#fc5531;
	line-height:35px;
	font-weight:500
}
#articleContentAd .ad-top .ad-top-tag {
	min-width:180px;
	text-align:right
}
#articleContentAd .ad-top .ad-top-tag .ad-top-count {
	font-size:20px;
	color:#949494;
	text-align:right;
	font-weight:700
}
#articleContentAd .ad-top .ad-top-tag .ad-top-text {
	font-size:20px;
	color:#949494;
	text-align:right;
	font-weight:700
}
#articleContentAd .ad-con .ad-con-tit {
	font-size:16px;
	color:#8a8a8a;
	font-weight:500;
	margin-bottom:4px;
	line-height:24px
}
#articleContentAd .ad-con .ad-con-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
#articleContentAd .ad-con .ad-con-box .ad-con-txt {
	margin-right:56px;
	font-size:14px;
	color:#000;
	font-weight:400;
	text-align:justify;
	line-height:20px
}
#articleContentAd .ad-con .ad-con-box .ad-con-go {
	background-image:linear-gradient(91deg,#ffba40 4%,#ff503e 39%,#ff2f50 82%,#ff1b40 100%);
	border-radius:20px;
	font-size:16px;
	color:#fff;
	font-weight:700;
	min-width:136px;
	text-align:center;
	padding:4px 0
}
.side-search-box {
	position:absolute;
	background:#616161;
	right:56px;
	top:-2px;
	padding:10px 16px;
	display:none;
	border-radius:4px
}
.side-search-box:after {
	background:#616161;
	position:absolute;
	content:'';
	display:block;
	width:12px;
	height:12px;
	right:-4px;
	top:18px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.side-search-box .side-search-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:260px;
	color:#fff;
	line-height:28px
}
.side-search-box .side-search-content span {
	display:block
}
.side-search-box .side-search-content span.search-txt {
	font-size:16px
}
.side-search-box .side-search-content span.search-txt:hover {
	cursor:text
}
.side-search-box .side-search-content span.search-bt {
	width:28px;
	height:28px;
	background:#fff;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#4e4e4e;
	text-align:center
}
.side-search-box .side-search-content span.search-bt:hover {
	cursor:pointer
}
.side-search-box .side-search-content span.search-bt.yes {
	color:#267dcc
}
.side-question-box {
	position:absolute;
	display:none;
	width:388px;
	height:214px;
	background:#fff;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.1);
	border-radius:4px;
	left:-398px;
	text-align:left
}
.side-question-box:hover {
	cursor:text
}
.side-question-box:after {
	background:#fff;
	position:absolute;
	content:'';
	display:block;
	width:12px;
	height:12px;
	right:-6px;
	top:100px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.side-question-box .side-question-content {
	padding:16px 16px 20px 16px;
	position:relative;
	z-index:1
}
.side-question-box .side-question-content .question-tit {
	height:28px;
	font-size:20px;
	font-weight:600;
	color:#222226;
	line-height:28px;
	margin-bottom:12px
}
.side-question-box .side-question-content .question-txt {
	height:52px;
	font-size:17px;
	color:#555666;
	line-height:26px;
	margin-bottom:18px
}
.side-question-box .side-question-content .color {
	color:#fc5531;
	font-weight:500
}
.side-question-box .side-question-content .question-bt {
	display:block;
	width:108px;
	height:32px;
	background:#fc5531;
	border-radius:2px;
	font-size:14px;
	text-align:center;
	font-weight:500;
	color:#fff;
	line-height:32px
}
.side-question-box .side-question-content .question-bt:hover {
	cursor:pointer;
	background:#fc1944
}
.side-question-box .side-question-bg {
	width:124px !important;
	height:134px;
	position:absolute;
	top:24px;
	right:16px
}
.side-question-box .side-question-close {
	width:16px !important;
	height:16px;
	position:absolute;
	top:8px;
	right:12px;
	z-index:2
}
.side-question-box .side-question-close:hover {
	cursor:pointer
}
.side-question-box .question-tip-box {
	border-top:1px solid #f8f8f8;
	padding:8px 16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	overflow:hidden;
	height:33px
}
.side-question-box .question-tip-box .question-tip-content {
	overflow:hidden
}
.side-question-box .question-tip-box .question-tip-img {
	width:16px;
	height:11px;
	margin-right:2px
}
.side-question-box .question-tip-box .question-tip-txt {
	font-size:13px;
	font-weight:400;
	color:#999aaa;
	line-height:16px;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.side-question-box .question-tip-box .question-tip-txt .question {
	color:#555666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%
}
.side-question-box .question-tip-box .question-tip-txt .time {
	min-width:60px
}
.side-question-box .question-tip-box .question-tip-txt .name {
	min-width:45px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:2px
}
.side-question-box .question-tip-box .question-tip-txt .text {
	min-width:72px
}
.directory-boxshadow {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.3);
	z-index:9001
}
.forbidden-htmlbody-scroll {
	overflow:hidden
}
.columnlist-box {
	z-index:9002;
	background:#fff;
	width:0;
	-webkit-transition:width .2s ease-in-out;
	transition:width .2s ease-in-out;
	overflow:hidden;
	position:fixed;
	float:right;
	height:100%;
	right:0;
	top:0;
	bottom:0
}
.columnlist-box.open {
	width:380px
}
.columnlist-box .columnlist-content-box {
	padding:40px 24px;
	width:380px
}
.columnlist-box .columnlist-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:20px
}
.columnlist-box .columnlist-head .columnlist-head-l {
	min-width:72px
}
.columnlist-box .columnlist-head .columnlist-head-l .columnlist-head-img {
	width:64px;
	height:64px;
	border-radius:2px;
	border:1px solid #f5f6f7
}
.columnlist-box .columnlist-head .columnlist-head-r {
	width:100%;
	height:64px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.columnlist-box .columnlist-head .columnlist-head-r .columnlist-head-tit {
	width:100%;
	-ms-flex-item-align:start;
	align-self:flex-start
}
.columnlist-box .columnlist-head .columnlist-head-r .columnlist-head-tit a {
	display:block;
	font-size:16px;
	font-weight:500;
	color:#222226;
	line-height:22px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.columnlist-box .columnlist-head .columnlist-head-r .columnlist-head-con {
	width:100%;
	-ms-flex-item-align:end;
	align-self:flex-end;
	font-size:14px;
	color:#999aaa;
	line-height:20px;
	text-align:left
}
.columnlist-box .columnlist-head .columnlist-head-r .columnlist-head-con span {
	margin-right:16px
}
.columnlist-box .columnlist-con {
	margin-bottom:32px
}
.columnlist-box .columnlist-con .columnlist-con-autor {
	font-size:14px;
	color:#999aaa;
	line-height:20px;
	margin-bottom:16px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.columnlist-box .columnlist-con .columnlist-con-price {
	font-size:18px;
	font-weight:600;
	color:#fc5531;
	line-height:25px;
	margin-bottom:12px
}
.columnlist-box .columnlist-con .columnlist-con-bt {
	margin-top:8px
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn {
	display:inline-block;
	width:88px;
	height:30px;
	background:#fff;
	border-radius:16px;
	border:1px solid #ccccd8;
	color:#555666;
	font-size:14px;
	line-height:30px;
	margin-left:8px;
	text-align:center
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn:hover {
	cursor:default;
	border:1px solid #555666
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.columnlist-con-look {
	margin-left:0
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.columnlist-con-look:hover {
	cursor:pointer
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.article-column-subscribe {
	color:#999aaa
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.article-column-subscribe:hover {
	border:1px solid #ccccd8
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.columnlist-con-subscribe {
	background:#fc5531;
	border:none;
	color:#fff
}
.columnlist-box .columnlist-con .columnlist-con-bt .columnlist-con-btn.columnlist-con-subscribe:hover {
	background:#fc1944;
	cursor:pointer
}
.columnlist-box .columnlist-con .columnlist-con-bt .column-studyvip-free {
	display:inline-block;
	min-width:138px;
	height:30px;
	background:#fae8d0;
	border-radius:23px;
	border:1px solid #eed3ab;
	font-size:14px;
	color:#69421b;
	text-align:center;
	line-height:30px;
	margin-left:4px
}
.columnlist-box .columnlist-con .columnlist-con-bt .column-studyvip-free:hover {
	cursor:pointer;
	background:#f8c883
}
.columnlist-box .columnlist-con .columnlist-con-bt .column-studyvip-discount {
	display:inline-block;
	min-width:83px;
	margin-left:12px;
	height:30px;
	background:#4c4c4c;
	border-radius:23px;
	font-size:14px;
	text-align:center;
	color:#ffcd66;
	line-height:30px;
	margin-left:8px
}
.columnlist-box .columnlist-con .columnlist-con-bt .column-studyvip-discount:hover {
	cursor:pointer;
	background:#555666
}
.columnlist-box .columnlist-con .columnlist-con-bt .column-studyvip-icon {
	width:16px;
	height:16px;
	vertical-align:-3px;
	margin-right:4px
}
.columnlist-box .columnlist-list .columnlist-list-box {
	overflow:auto;
	height:300px;
	-webkit-transition:height .3s ease-in-out;
	transition:height .3s ease-in-out;
	scrollbar-width:none
}
.columnlist-box .columnlist-list .columnlist-list-box::-webkit-scrollbar {
	width:0
}
.columnlist-box .columnlist-list .columnlist-list-box::-webkit-scrollbar-thumb {
	background-color:rgba(153,154,170,0.3)
}
.columnlist-box .columnlist-list .look-more-article {
	text-align:center;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#999aaa;
	border-radius:2px;
	margin-top:32px
}
.columnlist-box .columnlist-list .look-more-article .look-more-img {
	vertical-align:-5px;
	width:14px;
	height:20px
}
.columnlist-box .columnlist-list .look-more-article.active {
	color:#222226;
	background:#f5f6f7
}
.columnlist-box .columnlist-list .look-more-article.active:hover {
	cursor:pointer
}
.columnlist-box .columnlist-list .columnlist-list-tit {
	font-size:16px;
	font-weight:500;
	color:#222226;
	line-height:22px;
	margin-bottom:16px
}
.columnlist-box .columnlist-list .columnlist-list-item:last-child .columnlist-list-href {
	margin-bottom:0
}
.columnlist-box .columnlist-list .columnlist-list-item .columnlist-list-href {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:18px
}
.columnlist-box .columnlist-list .columnlist-list-item .columnlist-list-href:hover .text {
	color:#fc5531
}
.columnlist-box .columnlist-list .columnlist-list-item .columnlist-list-href .text {
	font-size:14px;
	color:#222226;
	line-height:22px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left
}
.columnlist-box .columnlist-list .columnlist-list-item .columnlist-list-href .text.active {
	color:#fc5531
}
.columnlist-box .columnlist-list .columnlist-list-item .columnlist-list-href .try-read {
	display:block;
	width:36px;
	height:18px;
	color:#fc5531;
	background:#ffeee9;
	border-radius:2px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	margin-left:8px
}
.columnlist-box .columnlist-close {
	position:absolute;
	right:24px;
	top:16px;
	width:14px;
	height:14px;
	overflow:hidden
}
.columnlist-box .columnlist-close:hover {
	cursor:pointer
}
.columnlist-box .columnlist-close img {
	width:14px;
	height:14px;
	vertical-align:2px
}
body {
	min-width:1200px
}
body .next-word {
	display:block;
	position:fixed;
	height:20px;
	width:40px;
	background:rgba(15,15,15,0.8);
	border-radius:4px;
	color:#fff;
	line-height:20px;
	text-align:center;
	font-size:12px;
	z-index:1000
}
.main_father {
	padding:8px 12px 0 12px
}
@media (min-width:1320px) and (max-width:1380px) {
	.nodata .container {
	width:1208px
}
.nodata .container main {
	width:900px
}
.nodata .container main .comment-list-box pre >ol.hljs-ln {
	width:490px !important
}
}@media screen and (max-width:1320px) {
	.nodata .container {
	width:1068px
}
.nodata .container main {
	width:760px
}
.nodata .container main .comment-list-box pre >ol.hljs-ln {
	width:490px !important
}
.nodata .container main .toolbox-list .tool-reward {
	display:none
}
}@media screen and (min-width:1380px) {
	.nodata .container {
	width:1318px
}
.nodata .container main {
	width:1010px
}
.nodata .container main .comment-list-box pre >ol.hljs-ln {
	width:490px !important
}
}@media (min-width:1550px) and (max-width:1700px) {
	.nodata .container {
	width:1128px
}
.nodata .container main {
	width:820px
}
.nodata .container main .comment-list-box pre >ol.hljs-ln {
	width:690px !important
}
}@media screen and (min-width:1700px) {
	.nodata .container {
	width:1318px
}
.nodata .container main {
	width:1010px
}
.nodata .container main .comment-list-box pre >ol.hljs-ln {
	width:690px !important
}
}@media screen and (min-width:1550px) {
	.nodata .recommend-right {
	display:block
}
.nodata .recommend-right .groupfile {
	display:block
}
.nodata .recommend-right #asideArchive {
	display:block
}
.nodata aside #asideArchive {
	display:none
}
.nodata #asidedirectory,.nodata #asideCategory,.nodata .isShowFooterAds {
	display:none
}
.comment-list-box pre >ol.hljs-ln {
	width:690px !important
}
}@media screen and (max-width:1550px) {
	.nodata #asidedirectory,.nodata #asideCategory,.nodata .isShowFooterAds {
	display:block
}
.nodata .recommend-right .groupfile {
	display:none
}
.nodata .recommend-right #asideArchive {
	display:none
}
.nodata aside #asideArchive {
	display:block
}
}@media (min-width:1550px) and (max-width:1700px) {
	.toolbox-list .tool-more {
	display:none
}
}

.recommend-box .recommend-item-box{
	flex-wrap: wrap;
}


#copyright-box {
	width:100%;
	background:#fff
}
#copyright-box.dark {
	width:100%;
	background:#262728
}
#csdn-copyright-footer {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#csdn-copyright-footer li,#csdn-copyright-footer ul {
	list-style:none
}
#csdn-copyright-footer a {
	text-decoration:none;
	color:inherit
}
#csdn-copyright-footer.side {
	width:100%;
	max-width:334px;
	padding:16px;
	background:#fff;
	font-family:PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif!important
}
#csdn-copyright-footer.side .copyright-footer-contact {
	color:#999aaa;
	font-size:14px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#csdn-copyright-footer.side .copyright-footer-contact>div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-preferred-size:122px;
	flex-basis:122px;
	margin-bottom:12px;
	height:16px
}
#csdn-copyright-footer.side .copyright-footer-contact>div img {
	width:16px;
	height:16px;
	display:block;
	margin-right:4px
}
#csdn-copyright-footer.side .copyright-footer-contact .work-time {
	-ms-flex-preferred-size:auto;
	flex-basis:auto;
	word-break:break-all;
	white-space:nowrap
}
#csdn-copyright-footer.side .copyright-footer-contact .work-time .link {
	margin-left:10px
}
#csdn-copyright-footer.side .copyright-footer-middle {
	padding:12px 3px;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
#csdn-copyright-footer.side .copyright-footer-middle>li {
	height:18px;
	line-height:18px
}
#csdn-copyright-footer.side .copyright-footer-middle>li a {
	color:#555666;
	font-size:14px;
	font-weight:500;
	display:block
}
#csdn-copyright-footer.side .copyright-footer-info {
	margin-right:-8px;
	margin-top:2px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#csdn-copyright-footer.side .copyright-footer-info li {
	color:#999aaa;
	font-size:14px;
	line-height:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-right:8px;
	margin-top:10px
}
#csdn-copyright-footer.side .copyright-footer-info li img {
	width:16px;
	height:16px;
	display:inline-block;
	margin-right:4px
}
#csdn-copyright-footer.side .copyright-footer-info .compact {
	letter-spacing:-.5px;
	margin-right:0
}
#csdn-copyright-footer.column {
	margin:0 auto;
	width:100%;
	min-width:972px;
	-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.05);
	box-shadow:0 -1px 0 0 rgba(0,0,0,.05);
	background:#fff;
	padding:24px 34px 20px
}
#csdn-copyright-footer.column .footer-column-t {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
#csdn-copyright-footer.column .footer-column-t li {
	margin:0 8px;
	color:#999aaa;
	font-size:14px;
	height:16px;
	line-height:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#csdn-copyright-footer.column .footer-column-t li img {
	width:16px;
	height:16px;
	display:block;
	margin-right:4px
}
#csdn-copyright-footer.column .footer-column-b {
	margin-top:8px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#csdn-copyright-footer.column .footer-column-b li {
	font-size:12px;
	color:#999aaa;
	height:16px;
	line-height:16px;
	margin:4px 6px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
#csdn-copyright-footer.column .footer-column-b li img {
	width:14px;
	height:14px;
	display:block;
	margin-right:4px
}
#csdn-copyright-footer.column.small {
	max-width:760px;
	min-width:auto;
	padding:16px 0 14px;
	-webkit-box-shadow:none;
	box-shadow:none
}
#csdn-copyright-footer.column.small .footer-column-t li {
	margin:0 4px
}
#csdn-copyright-footer.column.small .footer-column-b {
	margin-top:10px
}
#csdn-copyright-footer.column.small .footer-column-b li {
	margin:2px 3px
}
#csdn-copyright-footer.column.small .footer-column-b li img {
	display:none
}
#csdn-copyright-footer.dark {
	background:#262728
}
#csdn-copyright-footer.dark.side .copyright-footer-middle {
	border-color:#373739
}
#csdn-copyright-footer.dark.side .copyright-footer-middle li {
	border-color:#373739
}
#csdn-copyright-footer.dark.side .copyright-footer-middle li a {
	color:#ccccd8
}
.csdn-toolbar-head{
	position: fixed !important;
  z-index: 1993;
}
#pdfCanvas::-webkit-scrollbar { 
	width: 0 !important 
}
#pdfCanvas { 
	-ms-overflow-style: none; 
}
#pdfCanvas { 
	overflow: -moz-scrollbars-none; 
}
#selectFile{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(24 24 24 / 79%);
	z-index: 999;
}
#selectFile .close{
	font-size: 20px;
	position: absolute;
    right: 10px;
    top: 5px;
	cursor: pointer;
}
.wrap-file{
	width: 480px;
    /* height: 278px; */
    padding: 16px;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    margin-top: 200px;
    position: relative;
    border-radius: 5px;
}
.wrap-file input{
	margin-top: 35px;
	margin-bottom: 26px;
}
.wrap-file img{
	margin: 0 auto;
}