@keyframes joinButtonArrowSvgGyration {
0%, 100% {
transform:translateX(0)
}
50% {
transform:translateX(4px)
}
}
#chinaz_topbar {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	height: 48px;
	line-height: 48px
}
#chinaz_topbar .userbar {
	font-size:14px;
	display:none;
	margin-top:0!important
}
#chinaz_topbar .userbar a {
	display: inline-block;
	opacity:.8;
	padding:0 10px 0 10px;
	position:relative
}
#chinaz_topbar .userbar a:active, #chinaz_topbar .userbar a:hover {
	opacity:1
}
#chinaz_topbar .userbar a.item-expand {
	background:0 0!important;
	margin-right:10px!important
}
#chinaz_topbar .userbar a.item-expand span {
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:60px;
	overflow:hidden
}
#chinaz_topbar .userbar a.hover, #chinaz_topbar .userbar a.item-expand span {
	background:0 0!important
}
.dropdownmenu-wrap {
	background:0 0!important;
	top:40px!important;
	margin:0!important;
	position:absolute;
	display:none;
	z-index:9999
}
#chinaz_topbar .userbar a.login-btn {
	color:#fff;
}
#chinaz_topbar .userbar a.login-btn:hover, #chinaz_topbar .userbar a.login-btn:active {
	color:#fff;
	opacity:1
}
.menu-setting .dropdownmenu {
	width:140px!important;
	position:relative;
	padding:18px 0 15px;
	background:#fff;
	border:1px solid #eaeeef;
	box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4);
	cursor:default
}
.menu-setting .menu-setting-account {
	display:none!important
}
.menu-setting .dropdownmenu-inner {
	padding:0!important;
	border:none!important
}
.menu-setting .menu-setting-list li {
	float:none!important;
	text-align:center;
	line-height:14px!important;
	font-size:14px;
	font-weight:400;
	padding:0;
	width:100%!important
}
#chinaz_topbar .userbar .menu-setting .menu-setting-list li a {
	padding:14px 0;
	color:#2c2e3b;
	display:block;
	width:100%;
	height:100%
}
.menu-setting .menu-setting-list li:hover {
	background:#f6f7f9
}
.menu-setting .menu-setting-list:after, .menu-setting .menu-setting-list:before {
	content:" ";
	display:block;
	position:absolute;
	left:20px;
	width:0;
	height:0
}
.menu-setting .menu-setting-list:after {
	top:-8px;
	border-bottom:8px solid #fff;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.menu-setting .menu-setting-list:before {
	top:-9px;
	border-bottom:8px solid #eaeeef;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.fjb {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.mt10 {
	margin-top:10px
}
 @media only screen and (max-width:640px) {
blockquote {
margin:1em 0
}
}
abbr, acronym {
	border-bottom:1px dotted;
	font-variant:normal;
	text-decoration:none
}
abbr {
	cursor:help
}
del {
	text-decoration:line-through
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:400
}
ol, ul {
	list-style:none
}
caption, th {
	text-align:left
}
q:after, q:before {
	content:''
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative
}
:root sub, :root sup {
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
a {
	color:#595855
}
a:hover {
	color:#fc5531;
	text-decoration:none
}
a, ins {
	text-decoration:none
}
.typo-u, u {
	text-decoration:underline
}
mark {
	background:#fffdd1;
	border-bottom:1px solid #ffedce;
	padding:2px;
	margin:0 5px
}
code, pre, pre tt {
	font-family:Courier, 'Courier New', monospace
}
pre {
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:1em 1.5em;
	display:block;
	-webkit-overflow-scrolling:touch
}
hr {
	border:none;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:.8em;
	height:10px
}
.typo-small, figcaption, 'small' {
font-size:.9em;
color:#888
}
b {
	font-weight:700
}
[draggable] {
cursor:move
}
.cl:after, .cl:before {
	content:"";
	display:table
}
.cl:after {
	clear:both
}
.cl {
	zoom:1
}
.textwrap, .textwrap td, .textwrap th {
	word-wrap:break-word;
	word-break:break-all
}
.textwrap-table {
	table-layout:fixed
}
.serif {
	font-family:Palatino, Optima, Georgia, serif
}
blockquote {
	margin-bottom:1.2em
}
.ml15 {
	margin-left:15px!important
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px
}
.typo img {
	max-width:100%
}
.pb25 {
	padding-bottom:25px
}
.show {
	display:block
}
#cz {
	width:100%;
	min-height:100vh;
	background:#f6f7f8
}
.cz-layout {
	z-index:2;
	position:relative
}
.bgskin {
	position:relative
}
.bgskin .cz-media__fix {
	width:1170px;
	margin:0 auto;
	position:relative
}
.main-wrapper {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
transition:padding-top .3s ease
}
.bgskin {
	margin-top:-1px
}
#bgad {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 0;
}
#bgad>* {
	margin-left: -50% !important;
}/*#bgad{display:block;height:800px;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}*/
.CClose {
	display:none;
	position:absolute;
	right:-50px;
	top:-25px;
	width:45px;
	text-align:center;
	height:45px;
	font-size:24px;
	line-height:45px;
	font-weight:600;
	cursor:pointer;
	z-index:3;
	background:#fff;
	border-radius:50%;
	color:#333;
	display:none
}
.Atext {
	display:none;
	position:absolute;
	right:-42px;
	color:#fff;
	border:1px solid #fff;
	font-size:12px;
	line-height:14px;
	padding:0 2px;
	border-radius:2px;
	top:25px;
	opacity:.65
}
.bgskin .Atext, .bgskin .CClose {
	display:inline-block
}
.bgskin .main-navbar, .bgskin .sub-navbar {
	width:1170px;
	z-index:1000;
	margin:0 auto
}
.bgskin .header-logo {
	margin-left:20px
}
.bgskin .header-media__text {
	margin-right:20px
}
.bgskin .media-wrapper__bd {
	margin-top:0
}
.flex-container {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	margin:0 auto;
	width:1170px;
	height: 30px
}
.block-container {
	margin:0 auto
}
.block-inner__between {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:1170px;
	margin:0 auto
}
.block-inner {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	width:1170px;
	margin:0 auto
}
.sub-navbar {
	height: 30px;
	background: #27282D;
	border-bottom: 0
}
.nav-list {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1;
	-webkit-box-align:flex-end;
	-moz-align-items:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	justify-content:flex-end;
	margin:0;
	padding:0;
	list-style:none;
	color:#454545
}
.nav-list li {
	display:block;
	padding:0 10px;
	font-size:14px;
	letter-spacing:-.58px;
	color:inherit;
	position:relative
}
.nav-list li .nav-item__link {
	display:block;
	min-width:80px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	font-size:14px;
	letter-spacing:-.58px;
	color:#fff;
	position:relative;
	opacity:.8
}
.nav-list li a:hover {
	opacity:1
}
.nav-list li .nav-item__link .iconfont {
	margin-left:3px;
	position:relative;
	vertical-align:middle
}
.nav-list li:hover .is-rotate:before {
	transform:rotate(180deg);
transition-duration:.3s;
	-o-transform:rotate(180deg);
-o-transition-duration:.3s;
	display:inline-block;
	color:#1f6bb5
}
.nav-list .nav-item__bd {
	width:400px;
	position:absolute;
	top: 40px;
	right:50%;
	margin-right:-120.5px;
	z-index:10;
	display:none;
	background:#fff
}
.nav-list .nav-item__bd.cz-zmt {
	right:10px;
	margin-right:0
}
.nav-dropdown {
	background:#fff;
	text-align:center;
	position:relative;
	border:1px solid #eaeeef;
	box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4)
}
.nav-dropdown:after, .nav-dropdown:before {
	content:" ";
	display:block;
	position:absolute;
	right:83px;
	width:0;
	height:0
}
.nav-list .nav-item__bd.cz-zmt .nav-dropdown:after, .nav-list .nav-item__bd.cz-zmt .nav-dropdown:before {
	right:40px
}
.nav-dropdown:after {
	top:-8px;
	border-bottom:8px solid #fff;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.nav-dropdown:before {
	top:-9px;
	border-bottom:8px solid #eaeeef;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.nav-dropdown__item {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.nav-dropdown__item:last-child {
	border-bottom:none
}
.nav-dropdown__link {
	line-height:36px;
	margin:5px 0;
	display:block
}
.nav-dropdown__link .site-qrcode {
	text-align:left
}
.nav-dropdown__link .site-qrcode span {
	display:inline-block;
	width:110px;
	height:140px;
	text-align:center;
	margin:20px 10px 0 60px;
	overflow:hidden
}
.nav-dropdown__link .site-qrcode span img {
	width:110px;
	height:110px
}
.nav-dropdown__link .site-qrcode span p {
	height:20px;
	line-height:20px;
	color:#888;
	font-size:13px
}
.nav-dropdown__name {
	margin-left:34px;
	text-align:left;
	display:block;
	color:#747d87
}
.nav-dropdown__item:hover {
	background:#f6f7f9
}
.nav-dropdown__link:hover .nav-dropdown__name {
	color:#1f6bb5
}
.nav-list .nav-item__bd.is-hover {
	display:block
}
.nav-notice {
	text-align:left;
	margin-right:auto;
	color:inherit;
	height:39px;
	margin-left:5px;
	overflow:hidden;
	position:relative;
	width:340px;
	max-width:340px
}
.nav-notice__scroll {
	line-height: 30px;
	overflow:hidden;
	color:#454545;
	text-align:left;
	position:absolute;
	left:30px;
	margin:0;
	padding:0;
	right:50px
}
.nav-notice .bn-title {
	display:block;
	float:left;
	width:30px;
	text-align:center;
	color:#fff;
	opacity:.8
}
.nav-notice__scroll li {
	line-height: 30px;
	color:#454545;
	height: 30px;
	overflow:hidden;
	opacity:.8
}
.nav-notice__scroll li:hover {
	opacity:1
}
.nav-notice__scroll li a {
	color:#fff;
	display:block;
	height: 30px;
	overflow:hidden
}
.nav-notice__scroll li a:hover {
	color:#fff
}
.nav-notice__scroll li i {
	padding-right:5px;
	vertical-align:top
}
.nav-notice a, .nav-notice span {
transition:.25s linear;
-moz-transition:.25s linear;
-webkit-transition:.25s linear
}
.nav-item__bd .nav-dropdown__description, .nav-item__bd .nav-dropdown__icon-wrapper, .nav-item__bd .nav-dropdown__label, .nav-item__bd .nav-dropdown__link, .nav-item__bd .nav-dropdown__link::before {
-webkit-transition:all 120ms;
transition:all 120ms
}
.nav-item__bd .nav-dropdown__link {
	padding:15px 16px;
	position:relative
}
.nav-item__bd .nav-dropdown__link::before {
content:"";
height:40px;
position:absolute;
left:0;
top:15px;
width:0
}
.nav-item__bd .nav-dropdown__link:hover {
	background-color:#f6f7f9
}
.nav-item__bd .nav-dropdown__link:hover::before {
width:41px
}
.nav-item__bd .nav-dropdown__link:hover .nav-dropdown__icon-wrapper, .nav-item__bd .nav-dropdown__link:hover::before {
-webkit-filter:brightness(1.2);
filter:brightness(1.2)
}
.nav-item__bd .nav-dropdown__link:hover .nav-dropdown__icon-wrapper {
	border-bottom-left-radius:0;
	border-top-left-radius:0
}
.nav-item__bd .nav-dropdown__link:hover .nav-dropdown__label {
	color:#2a2a2a
}
.nav-item__bd .nav-dropdown__link:hover .nav-dropdown__label svg {
-webkit-animation:joinButtonArrowSvgGyration .9s infinite;
animation:joinButtonArrowSvgGyration .9s infinite;
	opacity:1
}
.nav-item__bd .nav-dropdown__link:hover .nav-dropdown__description {
	color:#888
}
.nav-item__bd .nav-dropdown__link:first-child {
	border-top-left-radius:3px;
	border-top-right-radius:3px
}
.nav-item__bd .nav-dropdown__link:last-child {
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px
}
.nav-item__bd .nav-dropdown__icon-wrapper {
	height:40px;
	width:40px;
	border-radius:50%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	float:left;
	margin-right:15px;
	z-index:10
}
.nav-dropdown__icon-wrapper i {
	font-size:30px;
	color:#fff;
	font-weight:400;
	z-index:10
}
.nav-item__bd .nav-dropdown__icon {
	height:25px;
	width:25px
}
.nav-item__bd .nav-dropdown__label {
	font-size:14px;
	font-weight:600;
	line-height:24px;
	position:relative;
	text-transform:uppercase;
	color:#747d87;
	text-align:left;
	display:block
}
.nav-item__bd .nav-dropdown__label svg {
	height:13px;
	width:13px;
	opacity:0;
	position:absolute;
	-webkit-transition:all 160ms;
	transition:all 160ms;
	text-align:right;
	right:0;
	top:13px
}
.nav-item__bd .nav-dropdown__description {
	line-height:16px;
	font-size:14px;
	text-align:left;
	color:#999;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-right:30px;
	text-align:left;
	display:block
}
.nav-item__bd .nav-dropdown__link--blue::before {
background-color:#4799eb
}
.nav-item__bd .nav-dropdown__link--blue .nav-dropdown__icon-wrapper {
	background-color:#4799eb
}
.nav-item__bd .nav-dropdown__link--red::before {
background-color:#e6375a
}
.nav-item__bd .nav-dropdown__link--red .nav-dropdown__icon-wrapper {
	background-color:#e6375a
}
.nav-item__bd .nav-dropdown__link--orange::before {
background-color:#f77a22
}
.nav-item__bd .nav-dropdown__link--orange .nav-dropdown__icon-wrapper {
	background-color:#f77a22
}
.nav-item__bd .nav-dropdown__link--purple::before {
background-color:#9270c2
}
.nav-item__bd .nav-dropdown__link--purple .nav-dropdown__icon-wrapper {
	background-color:#9270c2
}
.nav-item__bd .nav-dropdown__link--pink::before {
background-color:#e25a91
}
.nav-item__bd .nav-dropdown__link--pink .nav-dropdown__icon-wrapper {
	background-color:#e25a91
}
.nav-item__bd .nav-dropdown__link--yellow::before {
background-color:#f9af1a
}
.nav-item__bd .nav-dropdown__link--yellow .nav-dropdown__icon-wrapper {
	background-color:#f9af1a
}
.nav-item__bd .nav-dropdown__link--contribute::before {
background-color:#fff
}
.nav-item__bd .nav-dropdown__link--contribute .nav-dropdown__icon-wrapper {
	background-color:#fff;
	fill:#2a2a2a
}
.nav-item__bd .nav-dropdown__link--green::before {
background-color:#49b66d
}
.nav-item__bd .nav-dropdown__link--green .nav-dropdown__icon-wrapper {
	background-color:#49b66d
}
.main-navbar {
	background:#fff;
	margin-bottom:10px
}
.main-navbar .flex-container {
	height:83px
}
.main-navbar__bgwhite {
	background:#fff
}
.main-navbar__bgblue {
	background:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .06);
	z-index:10
}
.main-navbar__bgblue .flex-container {
	height:55px
}
.header-logo {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0 10px
}
.header-logo a {
	display:block
}
.header-logo a img {
	display:block;
	max-width:130px;
	height: 44px
}
.header-media {
	margin:11px 0;
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1;
	-webkit-box-align:flex-end;
	-moz-align-items:flex-end;
	-webkit-align-items:flex-end;
	text-align:right;
	justify-content:flex-end;
	align-items:flex-end
}
.header-media div {
	display:inline-block
}
.header-media__img, .header-media__text {
	width:468px;
	height:60px;
	overflow:hidden;
	margin-left:5px
}
.header-media__text {
	width:380px;
	position:relative;
	border:1px #e5e5e5 solid;
	padding:2px 0
}
.header-media__text:after {
	content:'广告';
	position:absolute;
	top:0;
	width:12px;
	height:28px;
	background:#d1dae1;
	padding:17px 3px;
	text-align:center;
	cursor:pointer;
	line-height:14px;
	font-size:12px;
	color:#4f7c87;
	right:0;
	opacity:.5
}
.mainnav {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1
}
.bgskin .mainnav {
	margin-left:10px
}
.mainnav-list {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:end;
	-moz-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0
}
.mainnav-list>li {
	height:32px;
	margin:0 13px;
	line-height:32px;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	position:relative
}
.mainnav-list>li.primary {
	font-weight:700;
	margin-left:30px
}
.mainnav-list>li .primary:first-child {
	margin-left:0
}
.mainnav-list>li .selected {
	font-weight:700;
	color:#0067cb
}
.mainnav-list>li a {
	color:#2c2e3b
}
.mainnav-list>li a:hover {
	color:#0067cb
}
.mainnav-list>li .selected:after {
	content:" ";
	display:block;
	position:absolute;
	left:-7px;
	bottom:-5px;
	right:-7px;
	height:4px;
	background:#0067cb;
	border-radius:4px
}
.mainnav-list>li::before {
content:'';
position:absolute;
left:-7px;
bottom:-5px;
right:-7px;
height:4px;
background:#0067cb;
border-radius:4px;
transform-origin:bottom right;
transform:scaleX(0);
transition:transform .2s ease
}
.mainnav-list>li:hover:hover::before {
transform-origin:bottom left;
transform:scaleX(1)
}
.mainnav-list>li.more {
	position:relative;
	width:25px;
	text-align:center;
	margin-right:0
}
.mainnav-list>li.more::before {
display:none
}
.mainnav-list>li.more a:hover {
	color:#2c2e3b
}
.mainnav-list>li.more em {
	position:absolute;
	right:-6px;
	top:0;
	width:6px;
	height:6px;
	background:#ff5a05;
	border-radius:6px
}
.mainnav-list>li.more .dot, .mainnav-list>li.more .dot:after, .mainnav-list>li.more .dot:before {
	width:3px;
	height:3px;
	background:#2c2e3b;
	border-radius:3px
}
.mainnav-list>li.more .dot {
	display:block;
	position:relative
}
.mainnav-list>li.more span:after, .mainnav-list>li.more span:before {
	position:absolute;
	top:0;
	content:" ";
	display:block
}
.mainnav-list>li.more span:before {
	left:-7px
}
.mainnav-list>li.more span:after {
	right:-7px
}
.mainnav-list>li.more .more-popup {
	position:absolute;
	right:-17px;
	top:16px;
	z-index:100;
	padding-top:36px;
	display:none
}
.mainnav-list>li.more .more-popup.is-hover {
	display:block
}
.more-popup ul {
	position:relative;
	width:150px;
	padding:18px 0 15px;
	background:#fff;
	border:1px solid #eaeeef;
	box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4);
	cursor:default
}
.more-popup ul:after, .more-popup ul:before {
	content:" ";
	display:block;
	position:absolute;
	right:20px;
	width:0;
	height:0
}
.more-popup ul:after {
	top:-8px;
	border-bottom:8px solid #fff;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.more-popup ul:before {
	top:-9px;
	border-bottom:8px solid #eaeeef;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.more-popup li {
	text-align:center;
	line-height:14px;
	font-size:14px;
	font-weight:400;
	padding:0
}
.more-popup li a {
	padding:14px 0;
	color:#2c2e3b;
	display:block;
	width:100%;
	height:100%;
	position:relative
}
.more-popup li a i {
	position:absolute;
	top:5px;
	right:45px;
	display:block;
	width:9px;
	height:14px;
	overflow:hidden
}
.more-popup li a i.new {
	background:url(/csdn2023/template/quater_2023_csdn/src/css/newicon.gif) no-repeat
}
.more-popup li a i.hot {
	background:url(/csdn2023/template/quater_2023_csdn/src/css/hoticon.gif) no-repeat
}
.more-popup li:hover {
	background:#f6f7f9
}
.mainnav-list>li.hot {
	position:relative
}
.mainnav-list>li.hot:after {
	content:"HOT";
	position:absolute;
	right:-26px;
	top:-10px;
	width:50px;
	height:24px;
	background:#ff5a05;
	border-radius:24px;
	letter-spacing:2px;
	line-height:14px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	transform:scale(.5);
	transform-origin:right top;
	pointer-events:none
}
.mainnav-list>li.hot:after, .mainnav-list>li.more {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center
}
.main-navbar .search-form {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center
}
.main-navbar .search-form {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center
}
.bgskin .main-navbar .search-form {
	margin-right:20px
}
.search-input {
	position:relative;
	display:inline-flex;
	padding:0 16px;
	line-height:36px;
	height:36px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #f2f3f4;
	background:#fff;
transition:.3s, width 0s;
	width:210px;
	background:#f2f3f4
}
.search-input__bd {
	-webkit-box-flex:1;
	-moz-flex-grow:1;
	-webkit-flex-grow:1;
	flex-grow:1;
	min-width:0;
	padding-right:10px;
	border:none;
	outline:0;
	height:34px;
	background:#f2f3f4;
	line-height:34px
}
.search-input input:-webkit-autofill {
background-color:transparent
}
.search-input input[type=text]:focus {
	background:#f2f3f4
}
.search-input .append {
	flex-shrink:0;
	display:inline-flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center
}
.search-input .btn {
	position:relative;
	padding:0;
	height:36px;
	font-size:14px;
	border:none;
	outline:0;
	background:0 0;
	cursor:pointer;
transition:.15s
}
.search-input .btn .icon-search {
	width:20px;
	height:20px;
	fill:#aaa;
	margin-top:6px
}
.media-wrapper {
	margin-bottom:10px
}
.media-wrapper__bd {
	padding:15px 20px;
	background:#fff;
	box-shadow:none
}
.media-banner a {
	display:block;
	width:1110px;
	height:50px;
	overflow:hidden;
	margin-bottom:5px
}
.media-banner a:last-child {
	margin-bottom:0
}
.media-banner_auto {
	background:#fff;
	box-shadow:none;
	overflow:hidden
}
.media-text {
	display:flex
}
.media-text__list {
	position:relative;
	padding:10px 0
}
.media-text__list:after {
	content:"广告";
	position:absolute;
	right:0;
	bottom:10px;
	width:12px;
	height:32px;
	padding:3px 2px;
	display:flex;
	text-align:center;
	align-items:flex-end;
	background:#d1dae1;
	line-height:14px;
	font-size:12px;
	font-weight:400;
	color:#4f7c87;
	opacity:.5
}
.media-text__list li {
	width:250px;
	display:inline-block;
	height:22px;
	line-height:22px;
	font-size:13px;
	margin-right:20px;
	position:relative;
	padding-left:12px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle
}
.media-text__list li:after {
	background:#668b93;
	margin-top:-2px;
	content:"";
	background:#ccc;
	width:4px;
	height:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	display:block;
	position:absolute;
	left:0;
	top:50%
}
.media-text__list li a.red {
	color:red
}
.media-text__list li a strong {
	font-weight:700
}
.cloumn {
	float:left;
	display:block
}
.cloumn-center {
	width: 820px;
	margin:0 10px 0 0
}
.cloumn-left {
	width:270px
}
.cloumn-right {
	width:340px
}
.cloumn-bd {
	padding:20px;
	margin-top: 0 !important;
	background:#fff;
	box-shadow:none;
	overflow:hidden;
	margin-bottom:10px
}
.cloumn-bd__minp {
	padding:15px 20px
}
.cloumn-bd .section {
	padding:0 20px 25px
}
.cloumn-bd .section-media {
	margin-bottom:15px;
	text-align:center
}
.section-title {
	align-items:center;
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:8px;
	line-height:24px;
	font-size:24px;
	font-weight:400
}
.section-title svg {
	vertical-align:middle
}
.section-title .more {
	line-height:20px;
	font-size:14px;
	font-weight:500;
	position:relative;
	top: 4px;
	cursor:pointer;
	display:inline-block;
	color:#828a92
}
.section-title .more .more-link {
	padding:0 3px
}
.section-title .more a:hover {
	color:#005ad3
}
.section-title .more a.change {
	position:relative;
	padding-right:20px
}
.section-title .more a.change:after {
	content:"";
	position:absolute;
	top:2px;
	right:0;
	width:0;
	height:13px;
	margin:0 8px;
	border-left:1px solid #f0f1f3
}
.section-title__tab {
	padding:0 25px;
	border-bottom:1px solid #eaeeef;
	padding-bottom:15px
}
.section-title ul {
	position:absolute;
	left:130px;
	bottom:15px;
	font-size:16px;
	font-weight:500
}
.section-title .recommond-tab {
	position:absolute;
	right:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	top:10px
}
.section-title .recommond-tab span {
	position:relative;
	margin:0 12px;
	line-height:1;
	font-size:16px;
	font-weight:500;
	color:#2c2e3b;
	padding:5px 10px;
	border-radius:20px;
	cursor:pointer
}
.section-title .recommond-tab span:hover {
	color:#fc5531
}
.recommond-tab span.recommond-tab--hover {
	color:#fc5531;
	border:1px solid #fc5531
}
.section-title .recommond-tab span:after {
	right:0
}
.section-title .recommond-tab span:last-child:after {
	display:none
}
.section-title ul li {
	float:left;
	position:relative;
	margin:0 10px;
	padding:0 10px
}
.section-title ul li:hover a {
	color:#fc5531
}
.section-title ul li.selected {
	color:#fc5531
}
.section-title ul li.selected:after {
	content:"";
	position:absolute;
	bottom:-16px;
	left:0;
	right:0;
	height:2px;
	background:#fc5531
}
.featured-wrapper__bd {
	padding-top:17px
}
.featured-wrapper__bd ul li {
	position:relative;
	width:100%;
	display:block
}
.featured-wrapper__bd ul li:last-child {
	margin-bottom:0;
	padding-bottom:0
}
.featured-wrapper__bd ul li.top {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	width:100%;
	margin:0;
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	padding-bottom:5px
}
.featured-wrapper__bd ul li .info {
	width:100%;
	display:block
}
.featured-wrapper__bd ul li .info h2 {
	max-height:48px;
	line-height:24px;
	overflow:hidden;
	font-size:16px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space:normal;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	font-family:PingFangSC-Medium, arial, sans-serif;
	-webkit-font-smoothing:antialiased
}
.featured-wrapper__bd ul li .info h2 a {
	color:#2c2e3b
}
.featured-wrapper__bd ul li .info h2 a.title {
	margin-right:15px
}
.featured-wrapper__bd ul li .info h2 a span {
	display:inline-block;
	background:#4889f3;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	line-height:20px;
	padding:0 5px;
	position:relative;
	top:-4px;
	font-weight:400
}
.featured-wrapper__bd ul li .info h2 span em {
	height:18px;
	line-height:18px;
	display:inline-block;
	margin-right:7px;
	color:#999;
	font-size:12px;
	background:#f5f5f5;
	border-radius:2px;
	padding:0 6px;
	-webkit-font-smoothing:antialiased
}
.featured-wrapper__bd ul li .info h2 span em:first-child {
	color:#e62828;
	background:#ffedeb
}
.featured-wrapper__bd ul li .info h2 a:hover {
	color:#fc5531
}
.featured-wrapper__bd ul li .image img {
	width:100%;
	height:100%
}
.featured-wrapper__bd ul li.top .image {
	width:100%;
	height:240px;
	margin:15px auto 0
}
.featured-wrapper__bd ul li.top .info {
	width:100%;
	position:relative
}
.featured-wrapper__bd ul li.top .info h2 {
	max-height:36px;
	line-height:36px;
	overflow:hidden;
	text-align:center;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	font-size:30px;
	font-weight:800;
	margin-bottom:15px;
	font-family:PingFangSC-Medium, arial, sans-serif;
	-webkit-font-smoothing:antialiased
}
.featured-wrapper__bd ul li .info a.topic-tag {
	display:inline-block;
	padding:0;
	border-radius:18px;
	font-weight:400;
	margin-right:3px;
	color:#999
}
.featured-wrapper__bd ul li .info a.topic-tag i {
	margin-right:5px;
	font-weight:400
}
.featured-wrapper__bd ul li .relate-item {
	margin-top:10px;
	padding-left:26px;
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	line-height:16px;
	align-items:baseline;
	margin-left:10px
}
.featured-wrapper__bd ul li .relate-item:before {
	display:inline-block;
	content:"";
	position:absolute;
	left:0;
	top:2px;
	border:3.5px solid #b2b2b2;
	padding:0 3px;
	width:0;
	height:6px;
	border-radius:50%;
	transform:scale(.5);
	background-color:#fff
}
.featured-wrapper__bd ul li .relate-item a {
	color:#828a92;
	font-size:14px;
	line-height:1.4em;
	display:inline;
	text-decoration:none;
	margin-right:15px;
	cursor:pointer
}
.featured-wrapper__bd ul li .relate-item a:hover {
	color:#fc5531
}
.featured-wrapper__bd ul li .relate-item span {
	display:inline-block;
	color:#a3a3a3;
	font-size:14px
}
.featured-wrapper__bd ul li .desc {
	padding-top:7px;
	height:24px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	line-height:18px;
	font-size:13px;
	font-weight:400;
	color:#828a92;
	box-sizing:border-box
}
.featured-wrapper__bd ul li.top .desc {
	height:24px;
	-webkit-line-clamp:1;
	padding:0 20px
}
.featured-wrapper__bd ul li .editor {
	height:20px;
	margin-top:7px;
	font-size:14px;
	color:#999;
	font-weight:400;
	display:inline-block;
	line-height:1
}
.featured-wrapper__bd ul li .info .editor a {
	color:#999
}
.featured-wrapper__bd ul li .editor a:hover {
	color:#2c2e3b
}
.featured-wrapper__bd ul li .meta {
	margin:10px 0 0 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center
}
.featured-wrapper__bd ul li .tags span {
	line-height:18px;
	height:18px;
	display:inline-block;
	color:#2c2e3b
}
.featured-wrapper__bd ul li .tags a {
	display:inline-block;
	padding:0 8px;
	background:#f9f9f9;
	border-radius:18px;
	line-height:18px;
	font-size:12px;
	font-weight:400;
	color:#999;
	margin-right:8px
}
.featured-wrapper__bd ul li .tags a:hover {
	background:#c2d8f0
}
.featured-wrapper__bd ul li .tags a i {
	opacity:.6;
	margin-right:3px
}
.featured-wrapper__bd ul li .tags a:hover i {
	opacity:1
}
.featured-wrapper__bd ul li.small {
	width:50%;
	float:left;
	height:80px;
	overflow:hidden;
	border-bottom:1px solid #f5f5f5;
	padding:15px 0
}
.featured-wrapper__bd ul li.small:nth-child(5) {
border-bottom:none
}
.featured-wrapper__bd ul li.small:nth-child(6) {
border-bottom:none
}
.featured-wrapper__bd ul li.small .info {
	height:48px;
	overflow:hidden
}
.featured-wrapper__bd ul li.small .info h2:hover {
	max-height:48px;
	-webkit-line-clamp:2
}
.featured-wrapper__bd ul li.small .info {
	padding:0 15px 0 0;
	margin:0 10px 0 0;
	position:relative
}
.featured-wrapper__bd ul li.small .desc {
	font-size:12px
}
.featured-wrapper__bd ul li.small .editor .placeholder {
	display:inline-block;
	position:relative;
	width:1px;
	height:9px;
	margin:0 8px;
	background:#cfcfcf
}
.slick-slider {
	position:relative;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block
}
.slick-track:after, .slick-track:before {
	display:table;
	content:''
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.slick-bd {
	width:100%;
	height:240px;
	overflow:hidden
}
.slick-slide.slick-current {
	outline:0
}
.slick-bd .slick-arrow {
	position:absolute;
	width:30px;
	height:55px;
	background:url(/csdn2023/template/quater_2023_csdn/src/css/focus_btn.png) no-repeat;
	display:none!important;
	border:none;
	text-indent:-99999px;
	z-index:10;
	outline:0
}
.slick-bd:hover .slick-arrow {
	display:inline-block!important
}
.slick-bd .slick-prev {
	top:50%;
	margin-top:-37px;
	left:0;
	background-position:0 -56px;
	cursor:pointer
}
.slick-bd .slick-next {
	top:50%;
	margin-top:-37px;
	right:0;
	background-position:-30px -56px;
	cursor:pointer
}
.slick-slide a {
	position:relative;
	display:block;
	width:100%;
	height:240px;
	outline:0
}
.slick-slide img {
	width:100%;
	height:240px;
	display:inline-block
}
.slick-slide .shadow {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	height:40px;
	line-height:40px;
	background:rgba(0, 0, 0, .6);
	display:block;
	text-align:left;
	color:#fff;
	font-size:14px;
	font-family:"\5FAE\8F6F\96C5\9ED1"
}
.slick-slide .shadow span {
	padding:0 10px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%
}
.featured-wrapper__media {
	background:#f9fafb;
	height:34px;
	overflow:hidden;
	display:flex
}
.featured-wrapper__media span {
	display:flex;
	background:#eee;
	line-height:34px;
	height:34px;
	margin-right:10px;
	color:#666;
	padding:0 10px;
	font-size:12px;
	font-weight:400;
	flex-shrink:0
}
.today-wrapper__bd .thumb {
	float:left;
	border-radius:4px;
	cursor:pointer;
	margin-top:30px;
	width:150px;
	height:115px;
	overflow:hidden;
	display:block;
	position:relative
}
.today-wrapper__bd .thumb img {
	width:150px;
	height:115px
}
.today-wrapper__bd .info {
	padding-left:170px
}
.today-wrapper__bd .thumb a {
	width:150px;
	height:115px;
	overflow:hidden;
	min-width:150px;
	max-width:115px;
	display:block;
	position:relative
}
.today-wrapper__bd .thumb img {
	width:100%;
	min-height:100%;
-webkit-transition:-webkit-transform .3s ease-out;
transition:-webkit-transform .3s ease-out;
-o-transition:transform .3s ease-out;
transition:transform .3s ease-out;
transition:transform .3s ease-out, -webkit-transform .3s ease-out;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzg4NTVFOUYwODIxMUU5QTQ4RkRBMzNDOTE3OEE0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzg4NTVFQUYwODIxMUU5QTQ4RkRBMzNDOTE3OEE0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3ODg1NUU3RjA4MjExRTlBNDhGREEzM0M5MTc4QTRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3ODg1NUU4RjA4MjExRTlBNDhGREEzM0M5MTc4QTRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+a/O4mgAABcxJREFUeNpi/P//PwMuwAIinj59CqI4gfgLEDMBMaO0tDREEgj+gQSgbLhRTFA6C8k0RnTJGUiS/2G6mbC4gxGmmxGfawECCKckC9QLKC4EaWBBE2BAdiEjspNhbBYsxqA4ew26s3G6CiCAwBJILkMHX4GYC9kNoEBHDp1MqN1/kYKPC8lNrCjRCAS3gFgVyj4HxMZoPgSB3+ia1JAk/2HRgBwajCw4JHABfmwxjmzDI6SIgOFPIAmAAMKbEgglAnTgBMR7caVSZLAb6qc9SGIRcHc/efIEPTkz4kqrMBv6oBHIgEcxA7oNhHyO4Qc7LOmZAVfCB4HDeCIwAyndMTMREePTkAz/g6whBoeTYGpOgOSRNSzB4ex8qEGWyCkXBsSB+CWULQ9NU8QVHLgAQAARyrqEgAgQbwZieyD+hU0BelYnBtQjJbt/UC9bAPFPIF6Nt4THAQyAeBcQi+LI/egJKgiIvyGVQRjRyQzEy9BceRbJAuSSFxv4B5UHVUWNuCwBpcpINFcy4SmzsFkAArOgQYrVEhBQQJNbBLWsBU9hiWzBbCBOx5cHQeAhWtkXD8RVQFyDZhg2C+YBcRq0dPsO9XEaMUk4B4gnE2EBMvgLjV8YmAVMwum4knAKGRYwoFkAAgEMeBTPwVGO47MABOajBbk4oXwCkvuDxwKQnAdSDUOw8GXAEb4g1yyE8g8CMRuSK1mJsQAEAAKI5MKOHIDccCQHgKoYaSCuxaUAuQFKUskNxEuRSghQUNyDRjrJcYIOlID4NjQBREJpWCMAlBnlKLEkHGrgXSBWhrKxFZgPybFkKtSlK5CChZGAHiViLBGENjX/Q/sCyEGCrzEC890mfJbYQSucd0BsiCdIGHAU/zBztPHVjAeRKismEhMEcgtwEj6f7CQivImJ13x8CvzxGHKLQK3IgKXLhtUSUGvjDZL4ZyC2hfpODU+jGL1jQ9CrotDmOKgtxQfER6C1IjG+mE9J4+4/CUUNA7TtFQJNqdzENO5KsLgYmy9AeeMq1EEhUJoDiK8Q4xNCHRRsFmP0iPH5JJPIuGBA6sFiy7ih+MquaXjKNiYsjQdcvjUiVMeT2lJBBsnQ4h9vKdxBpC8Y0PKWOVL9QlBTJRFxAQPXoU0fUN46RWp9spGA2vVQV2sB8Stym0QB0OoW3RctUMODSGqt4AEa0CTKBK2GV5HTpKFLuwsgQHfW8wpRFIXfyGYkyijyY8VmRrKRjQ12/AEia9ZiYcvWxkqSpKxYICViI6mxUIRIQiLZiM0s2Mw4p/murtvMc395C6dOTdO8N/c7995zvvOdSP4kCvveEgcSaWpJ3NUBkE9hafJR8mOTl3Fq1DlbrlaO5D8i1A8lx2elasRqQKcpEBsirGOcuBah5uWQzJYAQiw8q/TwJdLnGfzuUpRVX7c9zOrI+8mHkbvCoh3T1dzwXApcoc/3jpTipRugZ7zQZ0QwJS08VyTauibXw17yCdcdSULwGCzQO7lEW4fnqLX5gnzbBMgKikUUi9Yha2wZqWJqH61JiJQ5D0fEBwiei7TaALnG5Y15WpwriDbyB9vLvomdiWl0JAcAzhXp0YLAFgPxCeZ851pHplCY3qTveNAxjaZR/HkX+T75mZQQXEF84DjdWFMUxdJoSsMsgTat2uNOtBe4Ey1gBh3kY+RHPgtiJXaixhOIDFL+KzgYL7y7SIAD6ElzrkAqsBP1nkCITvMppOcOlGdnEci0Ldcqg8rWEFLETEGwxRUu9lv6589rOBnGQOKIQpPm4nRAZBXJ0aRm1YIyGQPhyt/sEURgWWzvwcGYtPbY3JEh8ivyRk8gdAsmDx15PLQTVttMgGQQgXMcs78A8RLkx9MLutTENmvdQvrY9QSChdN58nVolO49u4HtIQVvBXk5XxfEO/kqon3im3natrrcwvJIf1zJ+fLFPUXhSuC7qiAvlXoH8UMOclBReLC4jN3lGcZhlDKQUFH+ja71Bf1Rm0gLDaJSAAAAAElFTkSuQmCC) 50% no-repeat #f1f1f1
}
.today-wrapper__bd .thumb:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.today-wrapper__bd ul li {
	float:left;
	width:50%;
	height:64px;
	overflow:hidden;
	padding:20px 0 0 0
}
.today-wrapper__bd ul li .index {
	float:left;
	font-weight:600;
	font-size:20px;
	line-height:28px;
	color:#fc5531;
	margin-right:15px
}
.today-wrapper__bd ul li a {
	display:block;
	color:#2c2e3b
}
.today-wrapper__bd ul li .title {
	margin:3px 16px 0;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.today-wrapper__bd ul li a:hover {
	color:#fc5531
}
.latest-wrapper__bd {
	padding:15px 0 0 25px
}
.latest-wrapper__bd ul li {
	padding:7px 0 3px 0;
	position:relative
}
.latest-wrapper__bd ul li:last-child {
	padding-bottom:0
}
.latest-wrapper__bd ul li .title {
	position:relative;
	line-height:24px;
	font-size:14px;
	font-weight:400;
	display:inline-block
}
.latest-wrapper__bd ul li .title a:hover {
	color:#fc5531
}
.latest-wrapper__bd ul li .title .toggle {
	position:absolute;
	left:-25px;
	top:5px;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#F6F6F6;
	cursor:pointer
}
.latest-wrapper__bd ul li .title .toggle:after, .latest-wrapper__bd ul li .title .toggle:before {
	display:block;
	position:absolute;
	left:50%;
	margin-left:-3px;
	margin-top:-3px;
	top:50%;
	content:" ";
	width:6px;
	height:6px;
	border-radius:50%;
	background:#fc5531;
	z-index:2;
	opacity:.4
}
.latest-wrapper__bd ul li .title h4 {
	text-align:justify;
	color:#303030;
	cursor:pointer;
	font-size:16px
}
.latest-wrapper__bd ul li .title h4 a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:24px;
	max-height:24px;
	line-height:24px;
	overflow:hidden;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#2c2e3b
}
.latest-wrapper__bd ul li .title h4 a span {
	color:#8590a6;
	font-size:14px;
	margin-left:15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:none
}
.latest-wrapper__bd ul li .title h4 a span path {
	fill:#9fadc7
}
.latest-wrapper__bd ul li .time {
	line-height:24px;
	font-size:14px;
	font-weight:400;
	color:#8590a6;
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0
}
.datainfo-wrapper__bd ul {
	height:160px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	align-content:center
}
.datainfo-wrapper__bd ul li {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:0;
	-ms-flex:0 0 20%;
	flex:0 0 20%;
	max-width:20%;
	height:100%;
	position:relative
}
.datainfo-wrapper__bd .info .title {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	color:#2c2e3b;
	font-weight:600;
	white-space:nowrap;
	letter-spacing:-1.5px
}
.datainfo-wrapper__bd .info .content span:first-child {
	font-size:40px
}
.datainfo-wrapper__bd .info .slogan, .datainfo-wrapper__bd .info .title {
	text-align:center;
	width:100%;
	max-width:11rem
}
.datainfo-wrapper__bd .info .embelish {
	color:#d8d8d8;
	font-size:14px;
	padding:0 10px;
	font-weight:300
}
.datapost-wrapper__bd, .typepost-wrapper__bd {
	padding-top:25px
}
.datapost-wrapper__bd ul li, .typepost-wrapper__bd ul li {
	margin-bottom:16px
}
.datapost-wrapper__bd ul li:last-child, .typepost-wrapper__bd ul li:last-child {
	margin-bottom:0
}
.datapost-wrapper__bd .title, .typepost-wrapper__bd .title {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.datapost-wrapper__bd .info, .typepost-wrapper__bd .info {
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1
}
.datapost-wrapper__bd .info h5, .typepost-wrapper__bd .info h5 {
	line-height:24px;
	font-size:14px;
	font-weight:400;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:48px;
	color:#595855
}
.datapost-wrapper__bd .top .info {
	margin-bottom:15px;
	border-bottom:1px solid #eee;
	padding-bottom:15px
}
.datapost-wrapper__bd .top .info h5 {
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical
}
.datapost-wrapper__bd .top .title {
	display:block
}
.datapost-wrapper__bd .thumb, .typepost-wrapper__bd .thumb {
	position:relative;
	width:110px;
	height:75px;
	border-radius:4px;
	margin-left:15px;
	display:block;
	overflow:hidden
}
.datapost-wrapper__bd .top .thumb {
	position:relative;
	width:300px;
	height:122px;
	margin:0 0 15px 0
}
.datapost-wrapper__bd .thumb img, .typepost-wrapper__bd .thumb img {
	width:100%;
	height:100%;
	border-radius:4px
}
.datapost-wrapper__bd .info .author, .typepost-wrapper__bd .info .author {
	line-height:20px;
	font-size:12px;
	font-weight:400;
	padding-top:10px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#828a92
}
.recommond-wrapper .section-title {
	padding-bottom:10px
}
.recommond-wrapper__bd ul.scrollload-content li {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-moz-align-items:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	padding:20px 20px;
	margin:0 -20px;
	overflow:hidden;
	cursor:pointer;
	border-top:1px solid #f5f5f5
}
.recommond-wrapper__bd ul.scrollload-content li:hover {
	background:#f9fafb
}
.recommond-wrapper__bd ul.scrollload-content li.opened .relate {
	display:block;
	padding-top:10px
}
.recommond-wrapper__bd ul.scrollload-content li .sign {
	line-height:12px;
	font-size:12px;
	font-weight:400;
	color:#828a92;
	background:#eee;
	position:absolute;
	right:20px;
	top:24px;
	padding:2px 4px;
	border-radius:2px
}
.recommond-wrapper__bd ul.scrollload-content li.media-banner__flow {
	padding:10px 20px
}
.recommond-wrapper__bd ul.scrollload-content li.opened, .recommond-wrapper__bd ul.scrollload-content li:opened {
background:#f9fafb
}
.recommond-wrapper__bd .info {
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1;
	max-width: 760px
}
.recommond-wrapper__bd .info .info-limit {
	max-height:82px;
	height:82px;
	overflow:hidden
}
.recommond-wrapper__bd .info h3.favorite {
	padding-right:30px
}
.recommond-wrapper__bd .info h3 {
	width:100%;
	height:19px;
	line-height:18px;
	margin-top:4px;
	margin-bottom:9px;
	font-size:18px;
	font-weight: 400;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	font-family:PingFangSC-Medium, arial, sans-serif;
	-webkit-font-smoothing:antialiased
}
.recommond-wrapper__bd .info h3 a.topic-tag {
	display:inline-block;
	padding:0 8px;
	background:#f9f9f9;
	border-radius:18px;
	font-size:12px;
	font-weight:700;
	vertical-align:top;
	color:#e04a1c;
	display:none
}
.recommond-wrapper__bd .info h3 a.topic-tag i {
	margin-right:5px;
	font-weight:400
}
.recommond-wrapper__bd .info h3 a.day-topic {
	display:inline-block;
	padding:0 8px;
	background:#f9f9f9;
	border-radius:18px;
	font-size:12px;
	font-weight:700;
	vertical-align:top;
	color:#e04a1c
}
.recommond-wrapper__bd .info h3 a.day-topic i {
	margin-right:5px;
	font-weight:400
}
.recommond-wrapper__bd .info h3 a {
	color:#2c2e3b;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	width:90%
}
.recommond-wrapper__bd .info h3 a:hover {
	color:#fc5531
}
.recommond-wrapper__bd .info .desc {
	height:49px;
	padding-top:10px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:22px;
	font-size:13px;
	font-weight:400;
	color:#828a92
}
.recommond-wrapper__bd .thumb {
	border-radius:4px;
	cursor:pointer;
	margin-right:20px;
	width:150px;
	height:115px;
	display:block;
	position:relative
}
.recommond-wrapper__bd .thumb span.top-mark {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	font-size:12px;
	padding:0 5px;
	color:#333;
	background:#ffc800
}
.recommond-wrapper__bd .thumb .module-tag {
	position:absolute;
	right:8px;
	bottom:8px;
	padding:0 6px;
	border-radius:10px;
	background:#000;
	background:rgba(0, 0, 0, .7);
	line-height:20px;
	font-style:normal
}
.recommond-wrapper__bd .thumb .module-tag span {
	line-height:20px;
	font-size:12px;
	color:#fff
}
.recommond-wrapper__bd .thumb img {
	width:150px;
	height:115px
}
.recommond-wrapper__bd .thumb a {
	width:150px;
	height:115px;
	overflow:hidden;
	min-width:150px;
	max-width:115px;
	display:block;
	position:relative
}
.recommond-wrapper__bd .thumb:hover img {
	transform:scale(1.08);
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08)
}
.recommond-wrapper__bd .thumb img {
	width:100%;
	min-height:100%;
-webkit-transition:-webkit-transform .5s ease-out;
transition:-webkit-transform .5s ease-out;
-o-transition:transform .5s ease-out;
transition:transform .5s ease-out;
transition:transform .5s ease-out, -webkit-transform .5s ease-out;
	background:url(../image/z.png) 50% no-repeat #f1f1f1
}
.recommond-wrapper__bd .info .meta {
	padding-top:10px;
	position:relative
}
.datalist-wrapper__bd {
	padding-top:0
}
.datalist-wrapper__bd ul {
	padding-top:0
}
.catlist-wrapper__bd {
	padding-top:10px
}
.catlist-wrapper__bd ul, .datalist-wrapper__bd ul {
	border-bottom:1px solid #f0f2f7;
	margin-bottom:10px
}
.catlist-wrapper__bd ul li, .datalist-wrapper__bd ul li {
	border-top:1px solid #f0f2f7
}
.catlist-wrapper__bd .thumb, .datalist-wrapper__bd .thumb {
	display:none
}
.catlist-wrapper__bd .info .info-limit, .datalist-wrapper__bd .info .info-limit {
	max-height:60px;
	height:60px
}
.catlist-wrapper__bd .info h3 {
	font-weight:500
}
.catlist-wrapper__bd .info .desc, .datalist-wrapper__bd .info .desc {
	-webkit-line-clamp:1;
	height:26px
}
.mediavert-signpc {
	position:absolute;
	right:20px;
	top:18px
}
.mediavert-signpc-label {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:2px 6px;
	border-radius:3px;
	color:#8590a6;
	background:#f6f6f6;
	font-size:13px;
	cursor:pointer
}
.mediavert-signpc-label>svg {
	width:24px;
	height:24px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	fill:#8590a6;
	vertical-align:text-bottom
}
.mediavert-signpc-popup {
	position:absolute;
	top:40px;
	right:0;
	display:none;
	border:1px solid #ebebeb;
	border-radius:4px;
	background:#fff;
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:999
}
.mediavert-signpc-popup-arrow {
	position:absolute;
	right:0;
	width:32px;
	height:16px;
	overflow:hidden;
	-webkit-transform:translate(-50%, -100%);
	transform:translate(-50%, -100%)
}
.mediavert-signpc-popup-arrow:after {
	position:absolute;
	bottom:-8px;
	left:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:24px;
	height:24px;
	border:1px solid #ebebeb;
	margin:-12px;
	background:#fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	content:""
}
.mediavert-signpc-popup-menu {
	min-width:100px;
	padding:6px 0
}
.mediavert-signpc-popup-menu a, .mediavert-signpc-popup-menu>button {
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 20px;
	border:none;
	border-radius:0;
	color:#8590a6;
	background-color:transparent;
	font-size:14px;
	line-height:36px;
	text-align:left;
	cursor:pointer
}
.mediavert-signpc-popup-menu a, .mediavert-signpc-popup-menu>button {
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0 20px;
	border:none;
	border-radius:0;
	color:#8590a6;
	background-color:transparent;
	font-size:14px;
	line-height:36px;
	text-align:left;
	cursor:pointer
}
.mediavert-signpc-label__hover .mediavert-signpc-popup {
	display:block
}
.recommond-wrapper__bd ul.scrollload-content li .search-topic {
	position:absolute;
	right:0;
	top:18px;
	margin-left:24px;
	line-height:12px;
	font-size:12px;
	font-weight:400;
	color:#828a92;
	display:none
}
.recommond-wrapper__bd ul.scrollload-content li.opened .search-topic {
	display:inline-block
}
.recommond-wrapper__bd .info .meta .search-topic span {
	position:relative;
	top:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 6px;
	border-color:transparent transparent transparent #b2b2b2;
	display:inline-block;
	margin-left:6px
}
.recommond-wrapper__bd .info .tags {
	display:inline-block
}
.recommond-wrapper__bd .info .tags a {
	display:inline-block;
	padding:0 8px;
	background:#f9f9f9;
	border-radius:2px;
	line-height:18px;
	font-size:12px;
	font-weight:400;
	color:#999;
	margin-right:8px
}
.recommond-wrapper__bd .info .tags a:first-child {
	background:#F6F6F6;
	color:#fc5531
}
.recommond-wrapper__bd .info .tags a:hover {
	background:#F6F6F6;
	color:#fc5531
}
.recommond-wrapper__bd .info .tags a i {
	opacity:.6;
	margin-right:3px;
	display:none
}
.recommond-wrapper__bd .info .tags a:hover i {
	opacity:1
}
.recommond-wrapper__bd .info .time {
	line-height:12px;
	font-size:12px;
	font-weight:400;
	color:#828a92;
	display:inline-block
}
.recommond-wrapper__bd .info .relate {
	display:none
}
.recommond-wrapper__bd .info .relate-item {
	margin-top:10px;
	padding-left:26px;
	position:relative;
	display:block;
	display:flex;
	line-height:16px;
	align-items:baseline
}
.recommond-wrapper__bd .info .relate-item:before {
	display:inline-block;
	content:"";
	position:absolute;
	left:0;
	top:2px;
	border:3.5px solid #b2b2b2;
	padding:0 3px;
	width:0;
	height:6px;
	border-radius:50%;
	transform:scale(.5);
	background-color:#fff
}
.recommond-wrapper__bd .info .relate-item a {
	color:#828a92;
	font-size:14px;
	line-height:1.4em;
	display:inline;
	text-decoration:none;
	margin-right:15px;
	cursor:pointer;
	max-width:460px;
	overflow:hidden;
	max-height:17px
}
.recommond-wrapper__bd .info .relate-item a:hover {
	color:#fc5531
}
.recommond-wrapper__bd .info .relate-item span {
	display:inline-block;
	color:#a3a3a3;
	font-size:14px
}
.loading-more {
	min-height:24px;
	line-height:14px;
	font-size:14px;
	font-weight:400;
	color:#2c2e3b;
	text-align:center;
	padding:15px 0 5px 0
}
.loading-more__btn {
	cursor:pointer;
	display:inline-block;
	width:175px;
	height:38px;
	border-radius:38px;
	line-height:38px;
	border:1px solid #0067cb;
	color:#0067cb
}
.loading-more__btn:hover {
	background:#0067cb;
	color:#fff
}
.tab-hd {
	height:34px;
	margin-top:26px;
	border-top:1px solid #eaeeef;
	border-bottom:1px solid #eaeeef;
	line-height:14px;
	font-size:14px;
	font-weight:400
}
.tab-hd li {
	width:50%;
	display:block;
	position:relative;
	text-align:center;
	color:#2c2e3b;
	float:left;
	padding:10px 0;
	cursor:pointer
}
.tab-hd.three-tab li {
	width:33%
}
.tab-hd.four-tab li {
	width:25%
}
.tab-hd>li:first-child:before {
	display:none
}
.tab-hd>li:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:8px;
	width:1px;
	height:18px;
	background:#eaeeef
}
.tab-hd>li.on, .tab-hd>li:hover {
	color:#fc5531
}
.tab .tab-bd>div {
	display:none
}
.tab .tab-bd>div:first-child {
	display:block
}
.tab .tab-bd__hide {
	display:none
}
.tab .tab-bd__show {
	display:block
}
.hots-wrapper__bd {
	width: 300px !important;
	padding: 15px 0 0 29px
}
.hots-wrapper__bd ul li {
	padding:7px 0 8px
}
.hots-wrapper__bd ul li:last-child {
	padding-bottom:0
}
.hots-wrapper__bd ul li .title {
	position:relative;
	line-height:24px;
	font-size:14px;
	font-weight:400
}
.hots-wrapper__bd ul li .title a:hover {
	color:#fc5531
}
.hots-wrapper__bd ul li .title .nums {
	position:absolute;
	left:-29px;
	top:5px;
	width:20px;
	height:14px;
	background:#F6F6F6;
	cursor:pointer;
	line-height:14px;
	text-align:center;
	color:#fc5531;
	font-size:12px;
	border-radius:2px
}
.hots-wrapper__bd ul li .title h4 {
	text-align:justify;
	color:#2c2e3b;
	cursor:pointer;
	font-size:14px
}
.hots-wrapper__bd ul li .title h4 a {
	display:inline-block;
	min-height:48px;
	max-height:48px;
	line-height:24px;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-weight: 400
}
.hots-wrapper__bd ul li .title h4 span.hotchange {
	height:18px;
	line-height:18px;
	display:inline-block;
	margin-left:7px;
	color:#999;
	font-size:12px;
	background:#f5f5f5;
	border-radius:2px;
	padding:0 6px
}
.hotopic-wrapper__bd {
	padding-top:10px
}
.hotopic-wrapper__bd ul li {
	padding:15px 0;
	position:relative;
	border-bottom:1px solid #eaeeef
}
.hotopic-wrapper__bd ul li:last-child {
	padding-bottom:0;
	border-bottom:none
}
.topic-info__bd a {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-direction:row-reverse
}
.topic-info__bd .thumb {
	display:inline-block;
	height:60px;
	width:60px;
	position:relative;
	z-index:1;
	overflow:hidden;
	border-radius:3px;
	margin-left:15px
}
.topic-info__bd .info {
	-webkit-flex:1;
	-ms-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	flex:1;
	position:relative
}
.topic-info__bd .info h4 {
	font-size:15px;
	font-weight:400;
	min-height:24px;
	max-height:24px;
	line-height:24px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	margin-top:-2px;
	position:relative;
	padding-right:50px;
	color: #2c2e3b
}
.topic-info__bd .info h4 span {
	position:absolute;
	right:0;
	top:3px;
	padding:0 6px;
	border-radius:3px;
	border:none;
	background:#F6F6F6;
	color:#fc5531;
	font-size:12px;
	line-height:20px;
	display:inline-block
}
.topic-info__bd .info .desc {
	margin-top:10px;
	display:block;
	min-height:36px;
	max-height:36px;
	line-height:18px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-align:justify;
	color:#828a92;
	cursor:pointer;
	font-size:12px
}
.topic-info__bd .info .likes {
	padding-top:10px;
	line-height:20px;
	font-size:12px;
	font-weight:400;
	color:#828a92
}
.topic-info__bd .info .link {
	position:absolute;
	bottom:5px;
	right:0;
	padding:0 6px;
	border-radius:3px;
	border:none;
	background:#F6F6F6;
	color:#fc5531;
	font-size:12px;
	line-height:20px;
	display:inline-block
}
.topic-info__bd a:hover .link {
	background:#fc5531;
	color:#fff
}
.topic-info__post a {
	margin-top:10px;
	display:block;
	min-height:44px;
	max-height:44px;
	line-height:22px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-align:justify;
	color:#828a92;
	cursor:pointer;
	font-size:14px
}
.topic-info__bd a:hover h4, .topic-info__post a span, .topic-info__post a:hover {
	color:#fc5531
}
.newproduct-wrapper__bd {
	padding-top:15px
}
.newproduct-wrapper__bd a {
	display:block;
	padding:10px 0
}
.newproduct-wrapper__bd a:hover {
	background:#f9fafb
}
.newproduct-wrapper__bd .thumb {
	position:relative
}
.newproduct-wrapper__bd .thumb img {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	border:1px solid #eee;
	cursor:pointer
}
.newproduct-wrapper__bd .thumb span {
	position:absolute;
	right:1px;
	top:1px;
	background:#0083ff;
	color:#fff;
	font-size:12px;
	padding:1px 10px;
	border-radius:2px;
	margin-left:5px
}
.newproduct-wrapper__bd .info h5 {
	padding-top:22px;
	line-height:28px;
	text-align:center;
	font-size:16px;
	font-weight:400;
	margin-bottom:10px;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.newproduct-wrapper__bd .desc {
	line-height:20px;
	max-height:40px;
	height:40px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	text-align:justify;
	font-size:13px;
	font-weight:400;
	color:#828a92;
	padding:0 5px
}
.viewbtn {
	width:170px;
	margin:25px auto 0;
	border-radius:20px;
	border:1px solid #fc5531;
	line-height:40px;
	font-size:14px;
	font-weight:400;
	color:#fc5531;
	text-align:center
}
.newproduct-wrapper__bd a:hover .viewbtn {
	background:#fc5531;
	color:#fff
}
.zmt-wrapper__bd {
	padding:12px 0 0 0
}
.zmt-wrapper__bd ul li {
	padding:15px 0 15px 60px;
	position:relative;
	border-bottom:1px solid #eaeeef
}
.zmt-wrapper__bd ul li:last-child {
	padding-bottom:0;
	border-bottom:none
}
.zmt-wrapper__bd ul li .thumb {
	display:inline-block;
	height:50px;
	width:50px;
	position:absolute;
	z-index:5;
	top:20px;
	left:0;
	overflow:hidden;
	border-radius:3px;
	margin-right:8px
}
.zmt-wrapper__bd ul li .title {
	position:relative;
	line-height:24px;
	font-size:14px;
	font-weight:400
}
.zmt-wrapper__bd ul li .title a:hover {
	color:#fc5531
}
.zmt-wrapper__bd ul li .title .toggle {
	position:absolute;
	left:-29px;
	top:5px;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#F6F6F6;
	cursor:pointer
}
.latest-wrapper__bd ul li .title .toggle:after, .latest-wrapper__bd ul li .title .toggle:before {
	display:block;
	position:absolute;
	left:50%;
	margin-left:-3px;
	margin-top:-3px;
	top:50%;
	content:" ";
	width:6px;
	height:6px;
	border-radius:50%;
	background:#fc5531;
	z-index:2;
	opacity:.4
}
.zmt-wrapper__bd ul li .title h4 {
	text-align:justify;
	color:#303030;
	cursor:pointer;
	font-size:14px
}
.zmt-wrapper__bd ul li .title h4 a {
	display:inline-block;
	min-height:48px;
	max-height:48px;
	line-height:24px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.zmt-wrapper__bd ul li .name {
	line-height:20px;
	font-size:12px;
	font-weight:400;
	margin-top:3px;
	color:#828a92
}
.focus1 {
	position:relative;
	width:300px;
	height:240px;
	background-color:#000;
	display:block
}
.focus1 img {
	width:300px;
	height:240px
}
.focus1 .shadow .title {
	width:260px;
	height:65px;
	padding-left:30px;
	padding-top:20px
}
.focus1 .shadow .title a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bolder;
	overflow:hidden
}
.focus1 .btn {
	position:absolute;
	bottom:34px;
	left:510px;
	overflow:hidden;
	zoom:1
}
.focus1 .btn a {
	position:relative;
	display:block;
	width:13px;
	height:13px;
	border-radius:7px;
	margin:0 5px;
	color:#b0b0b0;
	font:12px/15px "\5B8B\4F53";
	text-decoration:none;
	text-align:center;
	outline:0;
	float:left;
	background:#d9d9d9
}
.focus1 .btn a.current, .focus .btn a:hover {
	cursor:pointer;
	background:#fc114a
}
.focus1 .fPic {
	position:absolute;
	left:0;
	top:0
}
.focus1 .D1fBt {
	overflow:hidden;
	zoom:1;
	height:16px;
	z-index:10
}
.focus1 .shadow {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	height:40px;
	line-height:40px;
	background:rgba(0, 0, 0, .6);
	display:block;
	text-align:left
}
.focus1 .shadow a {
	text-decoration:none;
	color:#fff;
	font-size:14px;
	overflow:hidden;
	margin-left:10px;
	font-family:"\5FAE\8F6F\96C5\9ED1";
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal
}
.focus1 .fcon {
	position:relative;
	width:100%;
	float:left;
	display:none;
	background:#000
}
.focus1 .fcon img {
	display:block
}
.focus1 .fbg {
	bottom:25px;
	right:40px;
	position:absolute;
	height:21px;
	text-align:center;
	z-index:200
}
.focus1 .fbg div {
	margin:4px auto 0;
	overflow:hidden;
	zoom:1;
	height:14px;
	display:none
}
.focus1 .D1fBt a {
	position:relative;
	display:block;
	width:12px;
	height:12px;
	border-radius:7px;
	margin:0 5px;
	color:#b0b0b0;
	font:12px/15px "\5B8B\4F53";
	text-decoration:none;
	text-align:center;
	outline:0;
	float:left;
	background:#d9d9d9
}
.focus1 .D1fBt .current, .focus .D1fBt a:hover {
	background:#fc114a
}
.focus1 .D1fBt img {
	display:none
}
.focus1 .D1fBt i {
	display:none;
	font-style:normal
}
.focus1 .next, .focus .prev {
	position:absolute;
	width:30px;
	height:55px;
	background:url(/csdn2023/template/quater_2023_csdn/src/images/focus_btn.png) no-repeat;
	display:none
}
.focus1:hover .next, .focus:hover .prev {
	display:inline-block
}
.focus1 .prev {
	top:50%;
	margin-top:-37px;
	left:0;
	background-position:0 -56px;
	cursor:pointer
}
.focus .next {
	top:50%;
	margin-top:-37px;
	right:0;
	background-position:-30px -56px;
	cursor:pointer
}
.focus1 .prev:hover {
	background-position:0 0
}
.focus1 .next:hover {
	background-position:-30x 0
}
.slideshow {
	background:url() repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	position:relative
}
.slideshow .image {
	color:#fff;
	height:150px;
	overflow:hidden;
	position:relative;
	width:300px
}
.slideshow .image ul {
	height:150px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:300px
}
.slideshow .image li {
	float:left;
	height:150px;
	overflow:hidden;
	position:relative;
	width:300px
}
.slideshow .image a {
	display:block
}
.slideshow .image a img {
	width:300px
}
.slideshow .caption {
	background:none repeat scroll 0 0 rgba(0, 0, 0, .6);
	bottom:0;
	color:#fff;
	line-height:14px;
	padding:5px;
	position:absolute;
	width:300px;
	font-size:13px
}
.slideshow .trigger {
	bottom:4px;
	position:absolute;
	right:5px
}
.slideshow .trigger li {
	background:none repeat scroll 0 0 #fff;
	color:#000;
	cursor:pointer;
	float:left;
	font-weight:700;
	line-height:14px;
	margin:0 3px 0 0;
	padding:0 3px;
	text-align:center;
	font-size:12px
}
.slideshow .trigger li.current {
	background:none repeat scroll 0 0 #ff7d01;
	color:#fff
}
.down-wrapper__bd--slide {
	padding-top:25px
}
.down-wrapper__bd ul li {
	margin:18px 0 0 0;
	min-height:24px;
	max-height:24px;
	line-height:24px;
	overflow:hidden;
	display:-moz-box;
	display:-ms-flexbox;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#303030;
	cursor:pointer;
	font-size:14px
}
.down-wrapper__bd ul li i {
	display:none
}
.down-wrapper__bd ul li a:first-child {
	color:#057de2
}
.sc-wrapper__bd {
	padding-top:25px
}
.sc-recommond ul {
	float:left;
	width:50%;
	display:block
}
.sc-recommond ul li {
	margin:12px 0 0 0;
	padding-left:12px;
	min-height:24px;
	max-height:24px;
	line-height:24px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	color:#303030;
	cursor:pointer;
	font-size:14px;
	position:relative
}
.sc-recommond ul li i {
	display:block;
	position:absolute;
	overflow:hidden;
	top:10px;
	left:5px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#dcdcdc
}
.sc-tags {
	padding:20px 0 0 12px
}
.sc-tags a {
	display:inline-block;
	color:#303030;
	font-size:14px;
	margin:0 10px 12px 0
}
.sc-tags__more {
	width:300px;
	height:40px;
	line-height:40px;
	font-size:14px;
	text-align:center;
	color:#666;
	margin:10px auto 0;
	background:#f7f7f7;
	border-radius:2px;
	display:inline-block
}
.topsite-wrapper__bd {
	padding-top:15px
}
.topsite-wrapper__bd ul li {
	float:left;
	width:50%;
	margin:12px 0 0 0;
	min-height:24px;
	max-height:24px;
	line-height:24px;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center;
	color:#303030;
	cursor:pointer;
	font-size:14px;
	position:relative
}
.topsite-wrapper__bd ul li .arry {
	display:inline-block;
	width:0;
	height:0;
	border-style:dashed dashed dashed solid;
	border-width:4px;
	border-color:transparent transparent transparent #fc5531;
	overflow:hidden
}
.topsite-wrapper__bd ul li a {
	height:24px;
	overflow:hidden
}
.footer-top {
	border-top:1px solid #eaeeef;
	margin-top:50px;
	width:100%;
	background:#fff;
	text-align:left
}
.company-card {
	padding:50px 0
}
.company-card .company-card__item, .company-card .company-card__item-filp {
	width:114px;
	height:100px;
	position:relative;
	text-align:center;
	display:inline-block;
	margin:0 12px 0 0;
	background:#fafafa;
	color:#666;
	position:relative
}
.company-card .company-card__item:last-child {
	margin-right:0
}
.company-card .company-card__item i {
	font-size:40px;
	margin-top:5px
}
.company-card .company-card__item p {
	display:block;
	font-size:13px;
	color:#2c2e3b;
	text-align:center;
	overflow:hidden;
	opacity:.8
}
.company-card .company-card__item:hover {
	background:#F6F6F6
}
.company-card .company-card__item:hover i, .company-card .company-card__item:hover p {
	color:#fc5531
}
.company-card .company-card__item .front {
	width:110px;
	height:100px;
	margin:0 auto
}
.company-card .company-card__item .front a {
	display:block;
	width:100%;
	height:100%
}
.company-card .company-card__item .back {
	width:0;
	height:110px;
	margin:0 auto;
	display:none;
	background:#F6F6F6;
	color:#fc5531
}
.company-card .company-card__item .back p {
	line-height:40px;
	padding-top:26px;
	font-size:14px;
	text-align:center;
	overflow:hidden;
	color:#fc5531
}
.company-card .company-card__item .back i {
	font-size:16px;
	vertical-align:middle;
	margin-right:5px;
	border-radius:3px
}
.company-card .company-card__item .back a {
	display:block;
	width:100%;
	height:100%
}
.company-card .company-card__item .back span {
	width:48px;
	height:26px;
	display:block;
	background:#fc5531;
	font-size:14px;
	color:#fff;
	line-height:26px;
	border-radius:3px;
	text-align:center;
	margin:0 auto;
	opacity:.8
}
.friend-link {
	padding-top:35px;
	height:90px;
	overflow:hidden;
	text-align:left
}
.friend-link.toggled {
	height:auto
}
.friend-link.toggled span i:before {
	transform:rotate(180deg);
transition-duration:.3s;
	-o-transform:rotate(180deg);
-o-transition-duration:.3s;
	display:inline-block
}
.friend-link span {
	display:inline-block;
	color:#99a2aa;
	font-size:13px;
	background:#eee;
	padding:0 10px;
	cursor:pointer;
	border-radius:3px;
	margin-right:15px
}
.friend-link span i {
	margin-left:3px
}
.friend-link span:hover {
	background:#fc5531;
	color:#fff
}
.friend-link a {
	color:#99a2aa;
	display:inline-block;
	padding:0 13px 0 0;
	display:inline-block;
	text-decoration:none;
	font-size:13px;
	line-height:30px
}
.friend-link a.hide-line {
	border-right:none
}
.friend-link a:last-child {
	border-right:none
}
.friend-link a:hover {
	color:#fc5531
}
.footer-bottom {
	width:100%;
	background:#fff;
	color:#99a2aa;
	font-size:13px;
	border-top:1px solid #eee;
	text-align:center
}
.link {
	padding-top:30px;
	text-align:center
}
.link a {
	display:inline-block;
	font-size:13px;
	padding:0 13px;
	border-right:#cfd6e1 1px solid;
	color:#99a2aa
}
.link a:nth-child(1) {
padding-left:0
}
.link a:last-child {
	padding-right:0;
	border-right:0
}
.site-link {
	text-align:left;
	color:#99a2aa;
	padding:30px 30px 0 0;
	font-size:13px
}
.ext-link {
	padding:30px 0;
	text-align:left
}
.site-link .text a, .site-link .text span {
	display:inline-block;
	height:14px;
	line-height:14px;
	font-size:13px
}
.site-link a {
	display:inline-block;
	color:#99a2aa
}
.site-link a img {
	vertical-align:middle;
	margin-right:2px
}
.site-link a:hover {
	color:#fc5531
}
.ext-link a {
	width:180px;
	height: 32px;
	background:#eee;
	display:inline-block;
	opacity:.8;
	border-radius:2px;
	text-align:left;
	font-size:12px;
	padding:8px 10px;
	margin:0 10px 0 0
}
.ext-link a:hover {
	opacity:1
}
.ext-link a span {
	padding-top:3px;
	position:relative;
	line-height:15px;
	display:inline-block;
	padding-left:36px;
	height:33px
}
.ext-link a span i {
	position:absolute;
	left:0;
	top:8px;
	font-size:26px
}
.about_link {
	padding-top:10px
}
.fright {
	display:flex;
	padding:35px 0 0 55px
}
.fright-qrcode {
	width:120px;
	background-color:#fff;
	position:relative
}
.fright-qrcode>img {
	max-width:100%;
	border:1px solid #ececec
}
.fright-qrcode:after, .fright-qrcode:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:-7px;
	left:12px;
	border-top:8px solid #ececec;
	border-left:8px solid transparent;
	border-right:8px solid transparent
}
.fright-qrcode:after {
	bottom:-6px;
	left:13px;
	border-top:7px solid #fff;
	border-left:7px solid transparent;
	border-right:7px solid transparent
}
.fright-subscribes {
	padding-left:12px;
	text-align:left;
	padding-top:10px
}
.fright-subscribes a, .fright-subscribes span {
	color:#99a2aa;
	font-size:12px
}
.fright-subscribes a>i, .fright-subscribes span>i {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	color:#99a2aa;
	vertical-align:-1px;
	font-size:16px
}
.fright-subscribes a>i.z-icon-rss, .fright-subscribes span>i.z-icon-rss {
	font-size:16px
}
.footer-innerlink a:hover, .fright-subscribes a:hover, .fright-subscribes a:hover>i, .internal-links-con div a:hover, .internal-links-tab a.active {
	color:#006abe
}
.featured-wrapper, .hotopic-wrapper {
	height:640px;
	overflow:hidden
}
.featured-slick {
	width:508px;
	height:270px;
	overflow:hidden;
	position:relative;
	float:right
}
.featured-slick .slick-slide a {
	display:block;
	width:100%;
	height:270px
}
.featured-slick .slick-slide img {
	width:100%;
	height:270px
}
.featured-slick ul.slick-dots {
	position:absolute;
	bottom:5px;
	left:15px;
	list-style:none;
	display:block;
	text-align:left;
	padding:0
}
.featured-slick ul.slick-dots li {
	position:relative;
	display:inline-block;
	height:2px;
	width:25px;
	margin:0 3px;
	padding:0;
	cursor:pointer
}
.featured-slick ul.slick-dots li button {
	border:0;
	background:0 0;
	display:block;
	height:2px;
	width:25px;
	outline:0;
	line-height:0;
	font-size:0;
	color:transparent;
	cursor:pointer;
	outline:0
}
.featured-slick ul.slick-dots li button:focus {
	outline:0
}
.featured-slick ul.slick-dots li button:before {
	position:absolute;
	top:0;
	left:0;
	content:"\2022";
	width:25px;
	height:2px;
	background:#4285f4;
	border-radius:2px;
	line-height:2px;
	text-align:center;
	color:#4285f4
}
.featured-slick ul.slick-dots li.slick-active button:before {
	color:#939495;
	background:#939495
}
.dayhot {
	width:100%;
	margin-top:5px;
	height:270px;
	overflow:hidden
}
.dayhot_li {
	height:270px;
	overflow:hidden;
	width:508px;
	position:relative;
	float:left
}
.dayhot_li a {
	display:block
}
.dayhot_li img {
	width:100%;
	min-height:100%;
-webkit-transition:-webkit-transform .3s ease-out;
transition:-webkit-transform .3s ease-out;
-o-transition:transform .3s ease-out;
transition:transform .3s ease-out;
transition:transform .3s ease-out, -webkit-transform .3s ease-out;
	background:url(../image/z.png) 50% no-repeat #f1f1f1
}
.dayhot_li .text {
	width:100%;
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
	background:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
	background:-o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 100%);
	background:linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	font-size:18px;
	line-height:30px
}
.dayhot_li .text b {
	margin:12px 20px 20px;
	display:inline-block;
	font-weight:500;
	overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical
}
.dayhot .small {
	float:right;
	width:240px;
	height:130px;
	margin-bottom:10px
}
.dayhot .small a {
	width:240px;
	height:130px;
	overflow:hidden;
	min-width:240px;
	max-width:130px;
	display:block;
	position:relative
}
.dayhot .small .text {
	font-size:14px;
	line-height:18px
}
.dayhot .small .text b {
	margin:12px
}
.dayhot_dayhot {
	width:508px;
	float:left;
	position:relative;
	overflow:hidden
}
.product-pics {
	display:block
}
.product-pics .section-title {
	padding-top:0;
	padding-bottom:15px;
	width:100%
}
.product-pics__bd {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	flex-direction:row;
	-webkit-box-pack:justify;
	-moz-justify-content:space-between;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.product-pics__item {
	width:176px;
	margin:0 18px 0 0
}
.product-pics__item:last-child {
	margin:0
}
.product-pics__item .thumb {
	width:175px;
	height:130px;
	position:relative
}
.product-pics__item .thumb img {
	height:100%
}
.product-pics__item .thumb .module-tag {
	position:absolute;
	right:8px;
	bottom:8px;
	padding:0 6px;
	border-radius:10px;
	background:#000;
	background:rgba(0, 0, 0, .7);
	line-height:20px;
	font-style:normal
}
.product-pics__item .thumb .module-tag span {
	line-height:20px;
	font-size:12px;
	color:#fff
}
.product-pics__item .info {
	padding:10px 0 0 0
}
.product-pics__item .info h3 {
	padding:0 10px 0 0;
	font-size:14px;
	min-height:44px;
	max-height:44px;
	line-height:22px;
	overflow:hidden;
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space:normal;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	font-family:PingFangSC-Medium, arial, sans-serif;
	-webkit-font-smoothing:antialiased
}
.product-pics__item a:hover h3 {
	color:#fc5531
}
.product-pics__item .z-highlight {
	font-size:14px;
	display:block;
	line-height:14px;
	color:#e62828;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	margin-bottom:0;
	padding-right:10px;
	padding-top:5px;
	max-height:20px
}
.msg-alert {
	height:0;
	position:relative;
	line-height:32px;
	font-size:14px;
	background-color:#F6F6F6;
	color:rgba(23, 81, 153, .72);
	text-align:center;
	z-index:20;
	margin:0 -20px;
transition:max-height 0s linear .3s, bottom .3s ease-out, opacity .3s;
	opacity:0;
	display:none
}
.msg-alert--hover {
	opacity:1;
	height:32px;
transition:bottom .1s ease-out, opacity .1s;
	display:block
}
.msg-alert--hover .loading {
	width:100%;
	font-size:14px;
	color:rgba(23, 81, 153, .72);
	text-align:center
}
@keyframes scale {
0% {
transform:scale(1);
opacity:1
}
45% {
transform:scale(.1);
opacity:.7
}
80% {
transform:scale(1);
opacity:1
}
}
.loading.ball-pulse>div:first-child {
animation:scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.loading.ball-pulse>div:nth-child(2) {
animation:scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.loading.ball-pulse>div:nth-child(3) {
animation:scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.loading.ball-pulse>div {
	background-color:#005ad3;
	width:8px;
	height:8px;
	border-radius:100%;
	margin:1px;
	animation-fill-mode:both;
	display:inline-block
}
.notes-placeholder {
	position:relative;
	padding:15px 2px 0 0;
	margin-bottom:20px
}
.notes-placeholder .img {
	position:absolute;
	bottom:2px;
	left:0;
	width:150px;
	height:115px;
	border-radius:4px;
	background-color:#eaeaea
}
body.reader-night-mode .notes-placeholder .img {
	background-color:#545454
}
.notes-placeholder .content {
	padding-left:170px
}
.notes-placeholder .title {
	float:none!important;
	width:50%;
	height:20px;
	margin:0 0 15px!important;
	background-color:#eaeaea
}
.notes-placeholder .title:before {
	content:""!important
}
.notes-placeholder .sub-title {
	display:none;
	width:70%;
	height:16px;
	margin:0 0 15px!important;
	background-color:#eaeaea
}
body.reader-night-mode .notes-placeholder .sub-title {
	background-color:#545454
}
.notes-placeholder .text {
	width:100%;
	height:16px;
	margin:0 0 10px;
	background-color:#eaeaea;
	-webkit-animation:loading 1s ease-in-out infinite;
	animation:loading 1s ease-in-out infinite
}
body.reader-night-mode .notes-placeholder .text {
	background-color:#545454
}
.notes-placeholder .animation-delay {
-webkit-animation:loading 1s ease-in-out -.5s infinite;
animation:loading 1s ease-in-out -.5s infinite
}
@-webkit-keyframes loading {
0% {
width:60%
}
50% {
width:100%
}
to {
	width:60%
}
}
@keyframes loading {
0% {
width:60%
}
50% {
width:100%
}
to {
	width:60%
}
}
@-webkit-keyframes shortLoading {
0% {
width:20%
}
50% {
width:40%
}
to {
	width:20%
}
}
@keyframes shortLoading {
0% {
width:20%
}
50% {
width:40%
}
to {
	width:20%
}
}
.notes-placeholder .meta {
	margin:0;
	color:#eaeaea;
	font-size:12px
}
body.reader-night-mode .notes-placeholder .meta {
	color:#545454
}
.notes-placeholder .meta div {
	display:inline-block;
	vertical-align:middle;
	background-color:#eaeaea
}
body.reader-night-mode .notes-placeholder .meta div {
	background-color:#545454
}
.notes-placeholder .meta i {
	margin:0 5px;
	vertical-align:middle
}
.notes-placeholder .meta .read {
	height:16px;
	width:50px
}
.notes-placeholder .meta .small {
	height:16px;
	width:30px
}
.notes-placeholder .index .meta {
	margin-left:0
}
.notes-placeholder .timeline .sub-title {
	display:block
}
.media-wrapper__left {
	float:left;
	width:815px;
	overflow:hidden;
	height:60px
}
.media-wrapper__left img {
	height:60px
}
.media-wrapper__right {
	float:right;
	width:300px;
	overflow:hidden;
	height:60px
}
.medialink-wrapper__bd {
	padding-top:10px
}
.article-side__footer {
	margin-top:15px;
	padding:20px;
	background:#fff;
	box-shadow:none;
	overflow:hidden
}
.copyright-box {
	clear:both;
	overflow:hidden;
	text-align:left;
	font-size:14px;
	color:#999
}
.copyright-box p {
	font-size:14px
}
.copyright-box p.links {
	padding-bottom:10px
}
.copyright-box p.links a {
	color:#333;
	font-weight:700;
	padding:0 2px;
	display:inline-block
}
.filter {
	padding:10px 20px;
	margin:15px -20px 0;
	background:rgba(249, 249, 249, .75);
	border-top:1px solid #eaeeef
}
.category {
	position:relative;
	padding:10px 0
}
.category .head {
	position:absolute;
	font-size:14px;
	line-height:17px;
	left:0;
	font-size:14px;
	font-weight:400;
	color:#2c2e3b;
	padding:5px 10px;
	border-radius:2px;
	cursor:pointer;
	color:#fc5531;
	background:rgba(0, 132, 255, .1)
}
.category .body {
	padding:0 100px 0 90px;
	overflow:hidden;
	color:#8590a6
}
.category .body .items-list {
	height:28px;
	overflow:hidden
}
.category.expand .items-list {
	height:auto
}
.category .body .items-list.items-show-more {
	height:auto;
	max-height:90px;
	overflow:auto
}
.category .body .items-list.items-check-multi {
	max-height:102px
}
.category .body .items-list::-webkit-scrollbar {
-webkit-appearance:none
}
.category .body .items-list::-webkit-scrollbar-thumb {
border-radius:8px;
border:4px solid #fff;
background-color:rgba(0, 0, 0, .5)
}
.category .body .items-list::-webkit-scrollbar-track {
background-color:#fff;
border-radius:8px
}
.category .body .item {
	display:inline-block;
	margin:0 5px 10px;
	padding:0 5px;
	font-size:15px
}
.category .body .item .icon {
	background:url(/images/keyword-icons.png) no-repeat -70px -46px;
	width:12px;
	height:12px;
	display:inline-block
}
.category .body .item .text {
	font-size:14px;
	display:inline-block
}
.category .body .item .icon, .category .body .item .text {
	vertical-align:middle
}
.category .body .item:hover {
	cursor:pointer;
	background:#f1f1f1;
	border-radius:2px
}
.category .body .item:hover .icon {
	background:url(/images/keyword-icons.png) no-repeat -70px -67px
}
.category .body .item.isSelected .icon {
	background:url(/images/keyword-icons.png) no-repeat -70px -67px
}
.category .body .btns {
	display:block;
	text-align:center;
	font-size:0
}
.category .body .btns span {
	display:inline-block;
	margin:15px;
	border-radius:2px;
	height:24px;
	width:56px;
	font-size:12px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	cursor:pointer
}
.category .body .btns .confirm {
	color:#fff;
	background:#ed4040;
	border:1px solid #ed4040
}
.category .body .btns .confirm:hover {
	background:#f82800
}
.category .body .btns .cancel {
	border:1px solid #e8e8e8
}
.category .body .btns .cancel:hover {
	color:#ed4040;
	border-color:#ed4040
}
.category .foot {
	position:absolute;
	right:10px;
	top:13px;
	color:#8590a6;
	font-size:13px;
	width:100px;
	text-align:right
}
.category .foot span:hover {
	cursor:pointer
}
.category:last-child {
	border-bottom:none
}
.slideUp {
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-o-transform:translateY(-100px);
	transform:translateY(-100px);
-webkit-transition:transform .5s ease-out;
-o-transition:transform .5s ease-out;
transition:transform .5s ease-out;
	display:none
}
.slideDown {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
-webkit-transition:transform .5s ease-out;
-o-transition:transform .5s ease-out;
transition:transform .5s ease-out;
	display:block!important
}
@font-face {
font-family:iconfont;
src:url(../font/font_1052300_czct10nwtj9.eot);
src:url(../font/font_1052300_czct10nwtj9.eot) format('embedded-opentype'), url('../font/1.woff') format('woff2'), url(../font/font_1052300_czct10nwtj9.woff) format('woff'), url(../font/font_1052300_czct10nwtj9.ttf) format('truetype'), url(../font/font_1052300_czct10nwtj9.svg) format('svg')
}
.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-zuozhe:before {
	content:"\e607"
}
.icon-gouwuche:before {
	content:"\e6b0"
}
.icon-taobao:before {
	content:"\e636"
}
.icon-RSS:before {
	content:"\e7ec"
}
.icon-jingdong-:before {
	content:"\e60c"
}
.icon-pinglun:before {
	content:"\e60b"
}
.icon-shijian:before {
	content:"\e644"
}
.icon-yinhao:before {
	content:"\e6af"
}
.icon-yh-left:before {
	content:"\e60f"
}
.icon-xinwen1:before {
	content:"\e622"
}
.icon-icon_renwujincheng:before {
	content:"\eb88"
}
.icon-APIjieru:before {
	content:"\ec16"
}
.icon-liebiao:before {
	content:"\ec6b"
}
.icon-fenlei:before {
	content:"\e76b"
}
.icon-tupian:before {
	content:"\e76d"
}
.icon-rili:before {
	content:"\e76e"
}
.icon-bofangsanjiaoxing:before {
	content:"\e606"
}
.icon-xiangxia1:before {
	content:"\e620"
}
.icon-weixin1:before {
	content:"\e602"
}
.icon-weibo:before {
	content:"\e603"
}
.icon-shangji:before {
	content:"\e684"
}
.icon-paiming:before {
	content:"\e64c"
}
.icon-hangyeredian:before {
	content:"\e627"
}
.icon-jubao:before {
	content:"\e732"
}
.icon-xiangyouzhankai:before {
	content:"\e815"
}
.icon-QQgongzhonghao-:before {
	content:"\e694"
}
.icon-dayuhao-:before {
	content:"\e695"
}
.icon-souhuhao-:before {
	content:"\e696"
}
.icon-toutiaohao-:before {
	content:"\e697"
}
.icon-weixingongzhonghao-:before {
	content:"\e698"
}
.icon-xinlanggongzhonghao-:before {
	content:"\e69a"
}
.icon-baijiahao-:before {
	content:"\e69b"
}
.icon-zhubopaihangbang-:before {
	content:"\e69c"
}
.icon-diqupaihangbang-:before {
	content:"\e69d"
}
.icon-gongsipaihangbang-:before {
	content:"\e69e"
}
.icon-hangyepaihangbang-:before {
	content:"\e69f"
}
.icon-yidongwangzhanpaihangbang-:before {
	content:"\e6a0"
}
.icon-appbangdanjiankong-:before {
	content:"\e6a1"
}
.icon-gaoqingtupian-:before {
	content:"\e6a2"
}
.icon-pptmoban-:before {
	content:"\e6a3"
}
.icon-jianlimoban-:before {
	content:"\e6a4"
}
.icon-psdsucai-:before {
	content:"\e6a5"
}
.icon-zitixiazai-:before {
	content:"\e6a6"
}
.icon-shiliangsucai-:before {
	content:"\e6a7"
}
.icon-seozonghechaxun-:before {
	content:"\e6a8"
}
.icon-whoisxinxichaxunchaxun-:before {
	content:"\e6a9"
}
.icon-baiduquanzhong-:before {
	content:"\e6aa"
}
.icon-wangzhanchaxunbeian-:before {
	content:"\e6ab"
}
.icon-zhanchangapijiekou-:before {
	content:"\e6ac"
}
.icon-youqinglianjiechaxun-:before {
	content:"\e6ad"
}
.icon-alexapaimingchaxun-:before {
	content:"\e6ae"
}
.icon-dianhua:before {
	content:"\e605"
}
.icon-Group:before {
	content:"\e760"
}
.icon-anquan1:before {
	content:"\e604"
}
.icon-renzhenghuizhang:before {
	content:"\e60a"
}
.icon-renzheng:before {
	content:"\e609"
}
.icon-anquan:before {
	content:"\e611"
}
.icon-phone:before {
	content:"\e670"
}
.icon-QQ:before {
	content:"\e6cb"
}
.icon-weixin:before {
	content:"\e601"
}
.icon-goumai:before {
	content:"\e8b1"
}
.icon-xiazai:before {
	content:"\e659"
}
.icon-tougaoshenhe:before {
	content:"\e67a"
}
.icon-zhongjieguanli:before {
	content:"\e866"
}
.icon-banquan:before {
	content:"\e614"
}
.icon-huaban:before {
	content:"\e608"
}
.icon-jiekouguanli:before {
	content:"\e64d"
}
.icon-banquantousu:before {
	content:"\e678"
}
.icon-ad:before {
	content:"\e600"
}
.icon-xinwen:before {
	content:"\e634"
}
.icon-community_ic_topic_black_:before {
	content:"\e6ca"
}
.icon-xiangyou2:before {
	content:"\e6fc"
}
.icon-xiangzuo2:before {
	content:"\e6fd"
}
.icon-laba:before {
	content:"\e62d"
}
.icon-xiangxia:before {
	content:"\e616"
}
.plate-layout {
	width:92px;
	height:263px;
	left:5px;
	top:300px;
	position:fixed;
	z-index:100
}
.plate-area {
	width:90px;
	height:240px;
	background-color:#fff;
	border:1px solid #ddd
}
.pla-close {
	border:1px solid #ddd;
	border-top:none;
	background:#fff;
	display:block;
	width:100%;
	line-height:20px;
	color:#444;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	border-top:0
}
.pla-close:hover {
	color:red;
	background-color:#f7f7f7
}
.single-mode__media {
	padding:10px 0 0 10px!important
}
.notfound {
	padding:100px 0;
	text-align:center;
	display: flex;
	flex-direction: column;
}
.notfound .notfound-404 {
	position:relative;
	margin-bottom: 20px;
}
.notfound .notfound-404 h1 {
	font-family:roboto, sans-serif;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:165px;
	font-weight:700;
	margin:0;
	color:#262626;
	text-transform:uppercase
}
.notfound .notfound-404 h1>span {
	color:#00b7ff
}
.notfound h2 {
	font-family:roboto, sans-serif;
	font-size:22px;
	font-weight:400;
	text-transform:uppercase;
	color:#151515;
	margin-top:0;
	margin-bottom:25px
}
.notfound ul {
	max-width:450px;
	margin:0 auto;
	color:#888;
	text-align:left
}
.notfound ul li {
	margin:10px 0;
	list-style:circle
}
.page-siteifno {
	text-align:center;
	padding:10px 0 30px;
	color:#999;
	font-size:13px
}
.deliver-add {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:10px
}
.add-group {
	display:flex;
	align-items:center;
	position:relative;
	height:36px;
	cursor:pointer
}
.add-group.active .more-list {
	display:block
}
.add-group .add-btn, .add-group .more {
	height:100%;
	color:#333;
	background-color:#ffc800;
	border-radius:5px;
	border:0
}
.add-group .add-btn.active, .add-group .add-btn:hover, .add-group .more.active, .add-group .more:hover {
	background-color:#f4ca09e8
}
.add-group .add-btn {
	padding:0 15px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.add-group .add-btn svg {
	display:inline-block;
	margin-right:5px
}
.add-group .more {
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	border-left:1px solid #ffc800;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	padding:0 10px
}
.add-group .more .more-icon {
margin-top:.2rem;
	font-size:1rem
}
.add-group .more-list {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	display:none;
	z-index:1;
	padding:3px 0;
	width:100%;
	background:#fff;
	border:1px solid #eaeeef;
	box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4);
	cursor:default
}
ul.more-list li {
	text-align:center;
	line-height:14px;
	font-size:14px;
	font-weight:400;
	padding:0
}
ul.more-list li a {
	padding:10px 0;
	color:#999;
	display:block;
	width:100%;
	height:100%;
	position:relative
}
ul.more-list a i {
	position:absolute;
	top:5px;
	right:45px;
	display:block;
	width:9px;
	height:14px;
	overflow:hidden
}
ul.more-list li:hover {
	background:#f6f7f9
}
.tips-system {
	background-color:#fff4f0;
	border-radius:4px;
	color:#ff4800;
	padding:10px 16px;
	position:relative;
	font-size:13px
}
.tips-system i {
	display:inline-block;
	margin-right:8px;
	vertical-align:middle;
	position:relative;
	top:-2px;
	width:16px;
	height:16px;
	background-image:url(/csdn2023/template/quater_2023_csdn/src/css/tips@1x.png);
	background-image:-webkit-image-set(url(/csdn2023/template/quater_2023_csdn/src/css/tips@1x.png) 1x, url(tips@2x.png) 2x)
}
.section-title .more-popup {
	position:absolute;
	top:26px;
	right:0;
	z-index:2;
	display:none
}
.section-title span.catall:hover .more-popup {
	display:block
}
.section-title .more-popup ul {
	position:relative;
	left:auto;
	bottom:auto
}
.section-title .more-popup ul li {
	float:none
}
.keys-breadcrumb {
	color:#454545;
	font-size:20px;
	font-weight:500
}
.keys-breadcrumb a {
	display:inline-block;
	margin:0 5px;
	color:#454545
}
.keys-breadcrumb a svg {
	margin-right:10px
}
.keys-breadcrumb span.crumb-split {
	display:inline-block;
	color:#666;
	padding:0 2px
}
.keys-breadcrumb span h1 {
	display:inline-block
}
.search {
	width:360px;
	position:relative;
	display:flex;
	align-items:center;
	position:relative
}
.search-form {
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center
}
.search .search-dropdown-container {
	display:none;
	position:absolute;
	padding:10px 15px;
	top:45px;
	right:0;
	width:360px;
	background:#fff;
	-webkit-box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4);
	box-shadow:0 3px 14px 0 rgba(199, 209, 215, .4);
	border-radius:5px;
	opacity:0;
	z-index:999;
-webkit-transition:opacity .5s linear;
transition:opacity .5s linear
}
.search .search-dropdown-container .result-list-header {
	font-size:14px;
	color:#b3b3b3;
	margin-bottom:5px;
	position:relative
}
.search .search-dropdown-container .result-list-header .remove {
	color:#666;
	position:absolute;
	top:3px;
	right:0;
	display:inline-block;
	padding-left:20px;
	cursor:pointer;
	font-size:12px
}
.search .search-dropdown-container .result-list-header .remove i {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:-4px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23666' transform='translate(2.182 1.455)' fill='none'%3E%3Cpath d='M9.974 2.91v5.713a2.286 2.286 0 0 1-2.286 2.286h-3.74a2.286 2.286 0 0 1-2.286-2.286V2.91M4.542 5.035v3.559M7.096 5.035v3.559M.416 2.757H11.22'/%3E%3Crect fill='%23666' x='4.156' width='3.325' height='1' rx='.5' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}
.search .search-dropdown-container .result-list-header .remove:hover {
	color:#ff4141
}
.search .search-dropdown-container .result-list-header .remove:hover i {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23FF4141' transform='translate(2.182 1.455)' fill='none'%3E%3Cpath d='M9.974 2.91v5.713a2.286 2.286 0 0 1-2.286 2.286h-3.74a2.286 2.286 0 0 1-2.286-2.286V2.91M4.542 5.035v3.559M7.096 5.035v3.559M.416 2.757H11.22'/%3E%3Crect fill='%23FF4141' x='4.156' width='3.325' height='1' rx='.5' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}
.search .search-dropdown-container .result-list-body {
	overflow:hidden;
	margin:5px 0 5px -10px;
	line-height:24px
}
.search .search-dropdown-container .result-list-body li {
	display:inline-block;
	width:33.33333%;
	text-align:center
}
.search .search-dropdown-container .result-list-body li a {
	display:block;
	height:100%;
	background:rgba(0, 0, 0, .05);
	border-radius:3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	padding:5px 0;
	margin:2px 0 2px 10px;
	color:#000;
	font-size:12px
}
.search .search-dropdown-container .result-list-body li a:hover {
	color:#ff4141;
	background:rgba(255, 65, 65, .06)
}
.search .search-dropdown-container .item-ul.topic_n .item-li a {
	font-size:14px
}
.search .search-dropdown-container.show {
	opacity:1;
	top:48px
}
.item-ul {
	counter-reset:item;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	box-orient:vertical;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.item-ul .item-li {
	padding:0;
	cursor:pointer;
	position:relative;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	line-height:30px
}
.item-ul .item-li a {
	margin:0 -5px;
	padding:5px;
	display:block;
	font-size:14px;
	font-weight:400;
	color:#000;
	border-radius:3px
}
.item-ul .item-li a span {
	border:1px solid #ffc7da;
	color:#ff4683;
	border-radius:2px;
	margin-left:5px
}
.item-ul .item-li a i {
	font-style:normal;
	color:#ff4141
}
.item-ul .item-li a:hover {
	color:#2853d3;
	background-color:#eff5ff
}
.item-ul.topic_n .item-li a {
	padding-left:25px;
	font-size:16px
}
.item-ul.topic_n .item-li:before {
	font-size:12px;
	counter-increment:item;
	content:counter(item);
	width:16px;
	height:16px;
	line-height:16px;
	position:absolute;
	left:0;
	border-radius:3px;
	font-weight:400;
	color:#fff;
	top:50%;
	margin-top:-8px;
	background-color:#b3b3b3;
	-webkit-transform:scale(.8);
	transform:scale(.8);
	letter-spacing:-2px;
	text-align:center;
	text-indent:-3px
}
.item-ul.topic_n .item-li:last-child {
	border-bottom:none
}
.item-ul.topic_n .item-li:first-child:before, .item-ul.topic_n .item-li:nth-child(2):before, .item-ul.topic_n .item-li:nth-child(3):before {
background-color:#ff4141
}
.search-input {
	position:relative;
	display:inline-flex;
	padding:0 16px;
	line-height:36px;
	height:36px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #f2f3f4;
	background:#fff;
transition:.3s, width 0s;
	width:250px;
	background:#f2f3f4;
	z-index:3
}
.bgskin .search-input {
	width:230px
}
.search-input__bd {
	-webkit-box-flex:1;
	-moz-flex-grow:1;
	-webkit-flex-grow:1;
	flex-grow:1;
	min-width:0;
	padding-right:10px;
	border:none;
	outline:0;
	height:34px;
	background:#f2f3f4;
	line-height:34px
}
.search-input input:-webkit-autofill {
background-color:transparent
}
.search-input input[type=text]:focus {
	background:#f2f3f4
}
.search-input .append {
	flex-shrink:0;
	display:inline-flex;
	-webkit-box-align:center;
	-moz-align-items:center;
	-webkit-align-items:center;
	align-items:center
}
.search-input .btn {
	position:relative;
	padding:0;
	height:36px;
	font-size:14px;
	border:none;
	outline:0;
	background:0 0;
	cursor:pointer;
transition:.15s
}
.search-input .btn .icon-search {
	width:20px;
	height:20px;
	fill:#aaa;
	margin-top:6px
}
.tag-main {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:15px;
	margin-bottom:20px
}
.tag-image {
	float:left;
	margin-right:16px
}
.tagSo-link {
	display:inline-block
}
.tagSo-link button {
	margin-left:10px;
	padding:0 5px;
	display:block;
	border:none;
	text-align:center;
	cursor:pointer;
	background:#ebebeb;
	color:#8590a6;
	font-size:13px;
	font-weight:400;
	border-radius:4px
}
.tag-image img {
	height:100px;
	width:100px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-o-object-fit:cover;
	object-fit:cover;
	display:block;
	border-radius:3px;
	-webkit-filter:brightness(.95);
	filter:brightness(.95)
}
.tag-head {
	-webkit-box-flex:1;
	-ms-flex:1 1;
	flex:1 1;
	overflow:hidden;
	margin-right:6px
}
.tag-meta__wrapper {
	margin-top:4px
}
.tag-title {
	font-weight:600;
	font-synthesis:style;
	line-height:1.6;
	color:#1a1a1a;
	margin-top:-4px;
	margin-bottom:5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:25px;
	display:flex;
	align-items:center
}
.tag-meta {
	margin-top:6px;
	font-size:15px;
	color:#646464
}
.tag-meta__wrapper {
	margin-top:4px
}
.tagMeta-content {
	min-height:80px
}
.tagMeta-desc {
	height:auto;
	line-height:25px;
	font-size:15px
}
.tagMeta-desc>div, .tagMeta-desc>p {
	margin-bottom:24px;
	text-align:justify;
	word-break:break-word;
	font-family:"PingFang SC", Microsoft YaHei, Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}
.tagMeta-desc .cpsCard div {
	margin-bottom:0;
}
.tagMeta-desc a {
	color:red;
	font-weight:500;
	opacity:.8
}
.tagMeta-desc h2, .tagMeta-desc h3, .tagMeta-desc h4 {
	position:relative;
	padding-left:0;
	line-height:40px;
	margin-bottom:15px;
	counter-increment:h2num;
	counter-reset:h3num;
	width:100%;
	font-size:18px;
	border-image-slice:1 0 0 0;
	color:#353535;
	font-weight:500;
	background:#f6f7f8;
	border-radius:0 5px 5px 0
}
.tagMeta-desc h2 strong, .tagMeta-desc h3 strong, .tagMeta-desc h4 strong {
	background:0 0;
	font-weight:600;
	padding:0;
	border:0;
	display:inline-block;
	vertical-align:middle
}
.tagMeta-desc h2::before, .tagMeta-desc h3::before, .tagMeta-desc h4::before {
margin-right:10px;
content:counter(h2num);
font-weight:600;
text-align:center;
color:#272b2e;
background:#ffe008;
font-size:18px;
border-radius:2px;
min-width:30px;
padding:0 10px;
display:inline-block
}
.tagMeta-desc h3::before {
content:counter(h2num) "." counter(h3num)
}
.tagMeta-desc h4::before {
content:counter(h3num) "." counter(h4num)
}
.tagMeta-desc__ext {
	font-size:15px;
	color:#8590a6;
	height:auto;
	padding:5px 0 0 0;
	line-height:inherit;
	background-color:transparent;
	border:none;
	border-radius:0;
	text-align:left;
	cursor:pointer
}
.tagKey-box {
	padding:0 10px 10px;
	border:1px solid #e0e0e0;
	border-top:0
}
.tag-answers::after, .tag-answers::before, .tagKey-box::after, .tagKey-box::before {
content:"";
display:table
}
.tag-answers::after, .tagKey-box::after {
visibility:hidden;
font-size:0;
height:0;
display:block;
content:"";
clear:both
}
.tagKey {
	display:block;
	float:left;
	line-height:34px;
	height:34px;
	padding:0;
	margin:0;
	color:#222;
	font-size:16px;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-left:8px;
	padding-right:7px;
	vertical-align:middle;
	width:184px;
	height:34px;
	line-height:33px
}
.tagKey a {
	font-family:"微软雅黑";
	font-size:14px;
	color:#000;
	position:relative;
	padding-left:3px
}
.tagKey a:after {
	position:absolute;
	content:'';
	border-left:1px solid #eee;
	left:-5px;
	top:0;
	width:1px;
	color:#eee;
	height:20px
}
.tagKey:nth-child(1) a, .tagKey:nth-child(5) a, .tagKey:nth-child(9) a {
padding-left:0
}
.tagKey:nth-child(1) a:after, .tagKey:nth-child(5) a:after, .tagKey:nth-child(9) a:after {
display:none
}
.tagKey a:hover {
	text-decoration:underline
}
.tag-answers {
	padding-top:15px;
	padding-bottom:10px
}
.tag-answers h3 {
	font-size:17px;
	font-weight:600;
	margin-bottom:10px;
	color:#333
}
.tag-answers ol {
	margin-left:-10px;
	list-style-type:decimal
}
.tag-answers ol li {
	width:50%;
	display:block;
	float:left;
	margin:5px 0;
	list-style-type:disc
}
.tag-answers ol li a {
	display:block;
	padding:7px 15px 7px 7px;
	margin:0 10px;
	background:#f6f7f8;
	border-radius:5px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	max-height:40px;
	text-overflow:ellipsis
}
.tag-answers ol li a span {
	font-size:12px;
	background:#eaf2ff;
	display:inline-block;
	border-radius:2px;
	margin-right:5px;
	padding:0 8px;
	text-align:center;
	vertical-align:middle;
	line-height:28px;
	color:#2f7eff;
	text-align:center
}
.ext-h3 {
	font-size:20px;
	font-weight:500;
	display:flex;
	align-items:center
}
.ext-h3 svg {
	margin-right:5px
}
.main-navbar__white--shadow {
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .06)
}
.header-logo a.sub-logo {
	margin-left:20px;
	border-left:1px solid #ddd
}
.header-logo a.sub-logo img {
	display:block;
	width:113px;
	height:29px
}
.header-middle {
	position:relative;
	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;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	margin-right:27px
}
.header-middle .space-nav {
	position:absolute;
	top:0;
	left:0;
	right:62px;
	bottom:0;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	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;
	margin-right:20px
}
.header-middle .space-nav>ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-top:2px;
-webkit-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}
.header-middle .space-nav>ul>li {
	height:14px;
	margin:0 18px;
	line-height:1;
	font-size:15px;
	font-weight:500;
	color:#4a4a4a;
	cursor:pointer;
	position:relative
}
.header-middle .space-nav>ul>li.more {
	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
}
.header-middle .space-nav>ul>li.more .dot {
	display:block;
	position:relative
}
.header-middle .space-nav>ul>li.more span:after, .header-middle .space-nav>ul>li.more span:before {
	position:absolute;
	top:0;
	content:' ';
	display:block
}
.header-middle .space-nav>ul>li.more span:after {
	right:-7px
}
.header-middle .space-nav>ul>li.more span:before {
	left:-7px
}
.header-middle .space-nav>ul>li.more .dot, .header-middle .space-nav>ul>li.more .dot:after, .header-middle .space-nav>ul>li.more .dot:before {
	width:3px;
	height:3px;
	background:#4a4a4a;
	border-radius:3px
}
.header-middle .space-nav>ul>li .selected {
	position:relative;
	font-weight:600;
	color:#3db24b
}
.header-middle .space-nav>ul>li .selected:after {
	content:' ';
	display:block;
	position:absolute;
	left:0;
	bottom:-10px;
	right:0;
	height:2px;
	background:#3db24b;
	border-radius:2px
}
.header-middle .space-nav li.more .more-popup {
	position:absolute;
	right:-30px;
	top:16px;
	z-index:100;
	padding-top:16px;
	display:none
}
.header-middle .space-nav>li.more .more-popup.is-hover {
	display:block
}
.write-btn {
	width:96px;
	height:36px;
	font-size:14px;
	font-weight:500;
	background:#3db24b;
	border:1px solid #3db24b;
	box-shadow:none;
	color:#fff;
	box-sizing:border-box;
	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;
	text-align:center;
	border-radius:4px;
	padding:0 8px
}
.block-inner__user {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	width:1000px;
	margin:0 auto
}
.block-inner__user:first-child {
	margin-top:20px
}
.space-details.clear-left .space-body {
	margin-left:0
}
.space-details.clear-left .pm-btn {
	display:none
}
.space-details .space-header {
	padding:10px;
	display:flex
}
.space-details .space-header .cover {
	width:100px;
	height:100px;
	margin-right:21px
}
.space-details .space-header .cover img {
	width:100%;
	height:100%;
	display:block;
	border-radius:100%
}
.space-details .space-header .info {
	flex:1;
	display:flex;
	justify-content:center;
	flex-direction:column
}
.space-details .space-header .info .title {
	color:#333;
	font-size:22px;
	font-weight:700;
	margin-bottom:11px;
	display:flex;
	align-items:center
}
.space-details .space-header .info .title h1 {
	margin-right:20px;
	font-weight:700
}
.space-details .space-header .info .title>span {
	display:inline-block;
	vertical-align:top;
	font-size:0
}
.space-details .space-header .info .title>span .level {
	font-size:13px;
	height:18px;
	font-weight:500;
	margin-left:4px;
	vertical-align:bottom;
	display:inline-block;
	line-height:18px;
	color:#888
}
.space-details .space-header .info .desc, .space-details .space-header .info .number {
	color:#717171;
	font-size:13px
}
.space-details .space-header .info .desc {
	margin-bottom:10px
}
.space-details .space-header .sub {
	width:300px;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	font-size:13px;
	color:#888
}
.space-details .space-header .sub img {
	width:100px;
	height:100px
}
.space-details .space-header .sub p {
	text-align:center
}
.space-details .space-body .tab {
	background-color:#fcfcfc;
	border:1px solid #e3e3e3;
	border-top:none;
	border-right:none;
	height:40px;
	line-height:40px;
	display:flex
}
.space-details .space-body .tab a {
	width:108px;
	height:40px;
	text-align:center;
	cursor:pointer;
	background-color:#f3f3f3;
	border:1px solid #e3e3e3;
	border-top:0;
	margin-left:-2px;
	color:#666;
	font-size:16px
}
.space-details .space-body .tab a.active {
	background-color:#fff;
	border-bottom:1px solid #fff
}
.space-details .space-body .section {
	padding:5px 20px 20px 20px;
	background-color:#fff;
	min-height:700px
}
.space-details .space-body .section .space-articleList .item {
	padding:25px 28px 7px 13px;
	border-bottom:1px solid #f2f2f5
}
.space-details .space-body .section .space-articleList .item .title {
	color:#333;
	font-size:16px;
	line-height:24px;
	font-weight:700;
	margin-bottom:12px
}
.space-details .space-body .section .space-articleList .item .desc {
	color:#666;
	font-size:13px;
	line-height:18px;
	padding-bottom:10px
}
.space-details .space-body .section .space-articleList .item .exp {
	color:#b1afaf;
	font-size:12px;
	line-height:17px;
	display:flex;
	justify-content:space-between
}
.space-details .space-body .section .space-articleList .item .exp .opt span {
	cursor:pointer
}
.space-details .space-body .section .space-articleList .item .exp .delete {
	margin-left:8px
}
.space-details .space-body .section .pagination {
	display:flex;
	justify-content:center
}
.space-details .space-body .section .pagination li {
	list-style:none
}
.space-articleList .title a .recommend {
	font-size:12px;
	background:#fccd11;
	color:#000;
	display:inline-block;
	padding:0 5px;
	border-radius:2px;
	margin-right:10px;
	text-align:center;
	font-weight:400;
	opacity:.8
}
.media-titles {
	padding:15px 0 20px 0
}
.media-titles p {
	display:inline-block;
	margin:6px 10px;
	padding:0 5px;
	border-radius:2px;
	position:relative
}
.media-titles p:before {
	display:block;
	position:absolute;
	left:0;
	margin-left:-3px;
	margin-top:-3px;
	top:50%;
	content:" ";
	width:4px;
	height:4px;
	border-radius:50%;
	background:#fc5531;
	z-index:2;
	opacity:.4
}
.media-descs ul li {
	float:left;
	margin:6px 20px 6px 0
}
.media-descs ul:after, .media-descs ul:before {
	content:"";
	display:table
}
.media-descs ul:after {
	visibility:hidden;
	font-size:0;
	height:0;
	display:block;
	content:"";
	clear:both
}
.media-descs-item {
	display:flex;
	align-items:center
}
.media-descs-name {
	padding:0 5px 0 10px;
	background:#f6f7f8;
	font-size:13px
}
.media-descs-title {
	background:#eaf2ff;
	border-radius:2px;
	color:#1e67bd;
	padding:0 5px;
	font-size:13px;
	min-width:60px;
	text-align:center;
	opacity:.9
}
.media-descs, .media-keys, .media-titles {
	padding:5px 0 25px 0
}
.media-keys ul li {
	display:inline-block;
	margin:6px 10px;
	padding:0 5px;
	position:relative
}
.media-keys ul li:before {
	display:block;
	position:absolute;
	left:0;
	margin-left:-3px;
	margin-top:-3px;
	top:50%;
	content:" ";
	width:4px;
	height:4px;
	border-radius:50%;
	background:#fc5531;
	z-index:2;
	opacity:.4
}
.media-descs div, .media-keys div, .media-titles div {
	margin-bottom:0
}
.tags-media__bd {
	padding-top:10px
}
.tags-media__bd h3 {
	position:relative;
	padding-left:0;
	line-height:40px;
	margin-bottom:15px;
	counter-increment:h2num;
	counter-reset:h3num;
	width:100%;
	font-size:18px;
	border-image-slice:1 0 0 0;
	color:#353535;
	font-weight:500;
	background:#f6f7f8;
	border-radius:0 5px 5px 0
}
.tags-media__bd h3::before {
margin-right:10px;
content:counter(h2num);
font-weight:600;
text-align:center;
color:#fff;
background:#1e67bd;
font-size:18px;
border-radius:2px;
width:auto;
padding:0 10px;
display:inline-block
}
.media-descs h3::before {
content:'2.0'
}
.media-titles h3::before {
content:'1.0'
}
.media-keys h3::before {
content:'3.0'
}
.product-toptravel {
	padding:0 0 10px;
	overflow:hidden
}
.product-toptravel .product-travellist a {
	margin:0 0 0 10px;
	width:122px;
	float:left
}
.product-travellist img.product-thumb {
	display:block;
	margin:0 auto;
	padding:5px 0;
	border:1px solid #f6f7f8
}
.product-travellist .product-name {
	position:relative;
	max-height:40px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	margin-top:5px;
	line-height:20px;
	display:block;
	font-weight:500
}
.product-travellist a {
	display:block
}
.product-travellist a:hover {
	text-decoration:none
}
.product-travellist .price {
	color:#c00;
	margin-top:5px;
	display:flex;
	align-items:center;
	justify-content:center
}
.product-travellist .table-item {
	float:left;
	margin:0 18px 0 0;
	width:122px;
	text-align:center;
	position:relative
}
.product-travellist .table-item .product-rank {
	position:absolute;
	background:#e3f1fb;
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:50%;
	color:#529adc;
	left:0;
	top:0
}
.product-travellist .table-item .product-rank.top {
	background:red;
	color:#fff
}
.product-travellist .table-item:last-child {
	margin-right:0
}
.product-travellist .table-item a {
	margin:0;
	text-align:center
}
.product-toptravel .product-travellist {
	margin:22px 0 0 0
}
.product-travellist .product-shopIco {
	margin-right:2px
}
.toptravel-wrapper__bd .tab__article .tab-hd {
	border-bottom:1px solid #eaeeef
}
.toptravel-wrapper__bd .tab__article .tab-hd li {
	font-weight:400;
	font-size:16px
}
.freefocus-wrapper__bd {
	padding-top:15px
}
.smediabox {
	display:flex;
	margin-top:20px;
	height:90px;
	overflow:hidden;
	position:relative
}
.smediabox:after {
	position:absolute;
	background:#f6f7f8f9;
	content:'广告';
	font-size:12px;
	padding:0 3px;
	right:1px;
	top:1px;
	color:#999
}
#setHomeHotFMedia div, #setHomeTonglanBMedia div, #setHomeTonglanTMedia div {
	margin-bottom:5px
}
#setHomeHotFMedia div:last-child, #setHomeTonglanBMedia div:last-child, #setHomeTonglanTMedia div:last-child {
	margin-bottom:0
}
#setHomeTonglanEIBMedia div {
	margin-bottom:10px!important
}
#setHomeTonglanCMedia {
	display:flex;
	padding:10px;
	justify-content:space-between;
	width:100%;
	position:relative
}
.setHomeTonglanCMedia-box {
	flex:1
}
.setHomeTonglanCMedia-box div {
	margin-left:0!important
}
#setHomeTonglanCMedia:after {
	content:"广告";
	position:absolute;
	right:0;
	bottom:15px;
	width:12px;
	height:32px;
	padding:3px 2px;
	display:flex;
	text-align:center;
	align-items:flex-end;
	background:#d1dae1;
	line-height:14px;
	font-size:12px;
	font-weight:400;
	color:#4f7c87;
	opacity:.5
}
.hotopic-wrapper, .nfeatured {
	height:599px
}
.nfeatured-wrapper {
	display:flex;
	padding-top:15px
}
.nfeatured-wrapper .hlink {
	max-height:56px;
	font-size:22px;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:700;
	color:#292929;
	line-height:28px
}
.nfeatured-wrapper__bd {
	max-width:50%;
	flex-basis:50%;
	flex-grow:0
}
.nfeatured-wrapper .meta {
	display:flex;
	align-items:center
}
.nfeatured-wrapper__bd .official-wrapper__bd ul {
	padding-top:0
}
.nfeatured-wrapper__bd .official-wrapper__bd ul li {
	max-width:100%;
	flex-basis:100%;
	padding-right:0
}
.nfeatured-wrapper__bd .official-newsbd {
	margin-bottom: 30px
}
.nfeatured-wrapper__bd .official-newsbd .info {
	margin-right:20px;
	width: 385px;
	overflow: visible
}
.nfeatured-wrapper__bd .official-newsbd .thumb {
	width:100px;
	height:100px;
	flex-shrink:0;
	display:flex
}
.nfeatured-wrapper__bd .official-newsbd .thumb a {
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
	border-radius:3px
}
.official-wrapper__bd--b.official-wrapper__bd ul li {
	padding-left:0;
	padding-right:16px
}
.official-wrapper__bd--b .official-newsbd {
	flex-direction:column
}
.official-wrapper__bd--b .thumb {
	width:100%;
	overflow:hidden
}
.official-wrapper__bd--b .thumb img {
	width:100%;
	height:280px
}
.nfeatured-wrapper__media.cl {
	margin-right:16px;
	background:#F6F6F6;
	font-size:14px;
	line-height:30px;
	border-radius:3px;
	display:flex;
	align-items:center;
	margin-top:5px
}
.nfeatured-wrapper__media span {
	position:relative;
	color:#212629;
	padding:0 5px;
	margin-right:10px;
	font-size:13px
}
.nfeatured-wrapper__media span::before {
position:absolute;
content:'|';
right:-5px;
color:#999;
opacity:.5
}
.hotopic-wrapper__bd ul li {
	padding:18px 0
}
.official-wrapper__bd ul {
	padding-top:30px;
	margin-bottom:-14px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start
}
.official-wrapper__bd ul li {
	max-width:33.333333%;
	width:33.333333%;
	flex-basis:33.333333%;
	padding-right:16px;
	padding-left:16px;
	flex-grow:0;
	word-break:break-word;
	overflow:hidden
}
.official-newsbd {
	height:100%;
	width:100%;
	align-items:flex-start;
	margin-bottom:28px;
	display:flex
}
.official-newsbd .nums {
	flex:0 0 auto;
	width:40px;
	margin-right:16px;
	position:relative;
	top:-5px
}
.official-newsbd .nums span {
	font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	color:#e6e6e6;
	letter-spacing:0;
	line-height:36px;
	font-size:30px
}
.official-newsbd .catname {
	margin-bottom:5px;
	display:flex;
	align-items:center;
	flex-direction:row;
	font-size:13px;
	line-height:20px;
	color:#666
}
.official-newsbd .catname .placeholder {
	display:inline-block;
	position:relative;
	width:1px;
	height:9px;
	margin:0 5px;
	background:#cfcfcf
}
.official-newsbd .catname-icon {
	margin-right:4px
}
.official-newsbd .catname .author, .official-newsbd .catname .where {
	color:#464646
}
.official-newsbd .plink {
	margin-bottom:8px
}
.official-newsbd .plink h2 {
	max-height:46px;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
	line-height:23px;
	font-size:17px;
	font-weight:400;
	letter-spacing:.7px;
	text-align:left;
	width:100%;
	display:block;
	color: #2c2e3b
}
.official-newsbd .plink h2:hover {
	color:#fc5531
}
.official-wrapper__bd--b .official-newsbd .plink h2 {
	font-size:22px;
	line-height:30px;
	max-height:60px;
	margin-bottom:10px;
	font-weight:700;
	color: #2c2e3b
}
.official-wrapper__bd--b .official-newsbd .thumb {
	width: 395px;
	height:280px
}
.official-wrapper__bd--b .official-newsbd .thumb a {
	width: 385px;
	height:270px;
	overflow:hidden;
	display:block
}
.official-newsbd .desc {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	line-height:18px;
	font-size:13px;
	font-weight:400;
	color:#828a92;
	height:36px;
	-webkit-line-clamp:2;
	margin-bottom:8px
}
.official-newsbd .meta {
	display:flex;
	align-items:center;
	font-size:12px;
	color:#999;
	margin-top:5px
}
.official-newsbd .dot {
	padding:0 6px;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:20px;
	font-size:14px;
	font-weight:700
}
.pic-tip {
	position:absolute;
	right:8px;
	bottom:8px;
	padding:0 6px;
	border-radius:10px;
	background:#000;
	background:rgba(0, 0, 0, .7);
	font-style:normal;
	font-size:12px;
	color:#fff;
	height:22px;
	line-height:22px
}
.pic-tip.video-tip {
	padding-left:18px
}
.pic-tip.video-tip:before {
	content:"";
	position:absolute;
	top:7px;
	left:8px;
	border-color:transparent transparent transparent #fff;
	border-style:solid;
	border-width:4px 6px
}
.tag-style-video {
	font-size:12px;
	margin-right:10px;
	padding:1px 2px;
	border:1px solid #ff7920!important;
	color:#ff7920!important;
	display:inline-block;
	line-height:1;
	vertical-align:middle
}
.user-infor>a {
	font-size:14px;
	color:#fff;
	opacity:.8
}
.user-infor>a:hover {
	opacity:1
}
.login-div>a, .user-infor>a {
	font-size:14px;
	color:#fff;
	opacity:.8
}
.login-div>a:hover, .user-infor>a:hover {
	opacity:1
}
.com-login-box {
	position:fixed;
	width:100%;
	height:100%;
	right:0;
	top:0;
	display:none;
	z-index:9999
}
.com-login-box #my-login {
	width:100%;
	height:100%
}
.guoqing .sub-navbar {
	background:#DF443F
}
.media-groups {
	display:flex;
	padding:15px 0
}
.media-group-item {
	width:25%
}
.media-group-content {
	margin-right:20px
}
.media-group-img {
	width:170px;
	position:relative;
	border-radius:12px;
	overflow:hidden
}
.media-group-img a.media-group-show {
	position:relative;
	display:block;
	min-height:0;
	border:0;
	line-height:0;
	background:#f5f5f6;
	overflow:hidden
}
.media-group-img a:hover {
	color:#fff
}
.media-group-img img {
	border-radius:12px;
	overflow:hidden;
	width:100%;
	height:auto
}
.media-group-imgborder {
	border-radius:12px;
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border:1px solid rgba(0, 0, 0, .05)
}
.media-group-mask {
	display:none;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:1;
	opacity:1;
	background-color:rgba(0, 0, 0, .6);
	filter:none
}
.media-group-hover {
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	color:#fff!important;
	text-align:center;
	line-height:18px;
	white-space:normal;
	word-wrap:break-word;
	padding:5px;
	font-size:13px;
	width:100%;
	height:100%;
	vertical-align:middle
}
.media-group-img:hover .media-group-mask, .media-group-img:hover .media-group-hover {
	display:block
}
.mask-hover {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%
}
p.c-small {
	max-height:36px;
	overflow:hidden;
	margin-bottom:6px
}
span.c-btn {
	display:inline-block;
	overflow:hidden;
	font-family:inherit;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	outline:0;
	border:0;
	font-size:13px;
	border-radius:6px;
	padding:0;
	background-color:#F5F5F6;
*zoom:1;
	cursor:pointer;
	height:24px;
	width:48px;
	background-color:#4E6EF2;
	line-height:24px;
	color:#fff!important
}
.media-group-meta {
	display:block;
	margin:10px 5px 0px;
	padding:0
}
.media-group-meta a {
	display:block;
	font-size:14px
}
.media-group-meta a:hover {
	color:#ff0000
}
.c-subtitle {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:5px 0;
	font-size:14px
}
.c-subtitle:hover {
	text-decoration:underline
}
.c-submeta {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:700;
	font-size:14px;
	color:#f60
}
.media-group-info {
	font-size:12px;
	color:#626675;
	font-family:Arial, sans-serif;
	display:flex;
	justify-content:space-between
}
.media-group-office a {
	font-size:13px;
	color:#006abe;
	padding-left:5px
}
.media-group-linkinfo {
	display:flex
}
.media-group-link {
	display:flex;
	align-items:center;
	font-size:13px;
	opacity:.5
}
.media-group-link img.link-icon {
	width:16px;
	height:16px;
	margin-right:3px;
	margin-bottom:0
}
.media-group-link span {
	margin-right:5px
}
.media-group-linksign {
	color:#9eb0f8;
	display:inline-block;
	background:#f5f5f6;
	padding:0 3px;
	border-radius:2px;
	margin-left:10px
}
.down-wrapper__bd {
	width: 300px !important
}
/* 加载特效 */
.home_list_load {
	margin:24px 0;
}
.home_list_load div {
	height:16px;
	background-color:#F7F8FA;
	margin-bottom:12px;
}
.home_list_load div:last-child {
	margin:0;
}
.animatediv1 {
	animation:div1 2s infinite linear;
}
.animatediv2 {
	animation:div2 2s infinite linear;
}
.animatediv3 {
	animation:div3 2s infinite linear;
}
.animatediv4 {
	animation:div4 2s infinite linear;
}
@keyframes div1 {
0% {
width:15%;
}
50% {
width:100%;
}
100% {
width:15%;
}
}
@keyframes div2 {
0% {
width:100%;
}
50% {
width:30%;
}
100% {
width:100%;
}
}
@keyframes div3 {
0% {
width:50%;
}
50% {
width:100%;
}
100% {
width:50%;
}
}
@keyframes div4 {
0% {
width:90%;
}
50% {
width:40%;
}
100% {
width:90%;
}
}
/* end */