body {
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei' !important;
	background: #F5F5F5 !important
}

body {
	min-width: 0 !important
}

.pm_o .o {
	width: 20px;
	height: 15px
}

.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d {
	font-family: Arial, Helvetica, sans-serif
}

img, svg {
	vertical-align: middle
}

.pc-login {
	float: right;
	position: relative;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon-items:hover, .pc-login:hover .icon {
	background: rgba(0,0,0,0.04);
	border-radius: 50%;
}

.pc-login .icon {
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pc-login .icon .login-img {
	display: block;
	position: relative;
}

.logo-img-wrap {
	position: relative;
}

.pc-login .icon img {
	width: 32px;
	height: 32px;
}

.pc-login .pc-login img {
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pc-icon-wrap {
	display: none;
	list-style: none;
	width: 100px;
	min-height: 50px;
	background: #FFFFFF;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);
	border-radius: 4px;
	position: absolute;
	top: 64px;
	right: 0;
	z-index: 10;
	text-align: center;
}

.pc-login:hover .pc-icon-wrap {
	display: block
}

.pc-icon-wrap .wrap-item {
	width: 100%;
	font-family: '.AppleSystemUIFont';
	font-size: 12px;
	color: rgba(0,0,0,0.85);
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.pc-login .wrap-item a {
	text-decoration: none;
	display: block;
	color: rgba(0,0,0,0.85);
}

.pc-login .wrap-item a:hover {
	background: #F6F6F6
}

.pc-login .wrap-item span {
	position: relative;
}

.icon.common-tooltip {
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon.common-tooltip img {
	width: 32px;
	height: 32px;
}

.input_icons__2xutS img {
	max-width: 100%
}

.login-style {
	margin-right: 0 !important
}

#nv_forum.pg_collection .tb_h {
	padding: 5px 20px 0 20px;
	background: none
}

#quater_nav {
	background: #FFFFFF
}

#quater_nav.navfixed {
	background: hsla(0,0%,100%,0.9);
	-webkit-backdrop-filter: hsla(0,0%,100%,0.9);
	backdrop-filter: blur(40px)
}

.locked {
	padding: 15px 20px 15px 20px;
	border: 0;
	border-left: 4px solid #BBBBBB;
	background: #F6F6F6
}

.picture:last-child .bottomLine {
	padding-bottom: 0;
	border: 0
}

#nv_home.pg_space .tl th, #nv_home.pg_space .tl td {
	border-color: #EEEEEE
}

.ListCard_newsList__pt6wt {
	padding: 20px !important;
}

.ContainTitleCard_titleCard__muJ_r {
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 20px;
}

.ContainTitleCard_title__2sQkH {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
}

.ContainTitleCard_titleName__2sWlb {
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	color: #0e151c;
}

.ContainTitleCard_refresh__1NYFh {
	font-weight: 400;
	font-size: 12px;
	color: #0e151c;
	opacity: .5;
	cursor: pointer;
}

.ListCard_listCard__EVHPB .ListCard_vector__1lqc8 {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.ListCard_listCard__EVHPB .ListCard_vector__1lqc8>img {
	width: 10px;
	height: 10px;
	margin-right: 3px;
}

.ListCard_listCard__EVHPB .ListCard_list__3Umjr {
	margin-top: 10px;
}

.ListCard_listCard__EVHPB .ListCard_item__tDZ0H {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 10px 0;
	font-size: 16px;
	line-height: 22px;
}

.ListCard_listCard__EVHPB .ListCard_index__3mFA4 {
	color: rgba(14,21,28,0.4);
	min-width: 12px;
	margin-right: 10px;
	text-align: center;
}

.ListCard_listCard__EVHPB .ListCard_item__tDZ0H .ListCard_content__2HiOo {
	color: #0e151c;
	max-width: 238px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ListCard_listCard__EVHPB .ListCard_active_index__VROgv {
	color: #fe3e29;
}

.DownCard_downloadCard__1sLVU {
	position: relative;
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	background: #FFFFFF;
	margin-bottom: 20px;
	cursor: pointer;
}

.DownCard_downloadCard__1sLVU .DownCard_logo__2u52X {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
}

.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- {
	margin-left: 16px;
}

.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- .DownCard_title__1FOcq {
	font-weight: 600;
	font-size: 16px;
	color: #0e151c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 3px;
}

.DownCard_downloadCard__1sLVU .DownCard_right__2hAq- .DownCard_detail__2ozTr {
	font-size: 12px;
	color: rgba(14,21,28,0.6);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.DownCard_downloadCard__1sLVU .DownCard_rightImg__1Gcvn {
	margin-left: 46px;
}

.a_h {
	display: none
}

.a_mu {
	display: none
}

.mus_box {
	display: none
}

.whole_Box {
	display: none
}

#pt {
	padding: 5px 0
}

#nv_group .tl th, #nv_group .tl td {
	border-color: #EEEEEE
}

#nv_group .tl .th {
	background: none
}

#nv_group .tl tr:hover th, #nv_group .tl tr:hover td {
	background: none
}

.notice_pm {
	margin-top: 16px !important
}

.notice_all {
	margin-top: 16px !important
}

.tdats .tfx {
	width: 390px !important
}

.tdats .tb {
	width: 350px !important
}

.tscr {
	width: 350px !important
}

.tdats .tfxf {
	width: 740px !important
}

#nv_search #scform_srchtxt {
	height: 58px;
	line-height: 58px;
	border: 0;
	border-right: 0
}

#nv_search #scform_submit {
	height: 58px;
	line-height: 58px;
	background: none
}

#scform_submit:before {
	display: none
}

#mood_mystatus {
	width: 622px !important
}

.mi #moodfm textarea {
	float: left;
	width: 542px !important;
	height: 50px !important;
	border: 0 !important
}

.biduser {
	width: 935px !important
}

.ct3_a .mn {
	width: 747px !important
}

.ct3_a .sd {
	width: 220px !important;
	background: #FFFFFF
}

.pbg {
	height: 10px !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #F0F0F0 !important
}

.pbr {
	height: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: #5AAF4A !important
}

.footer-style {
	z-index: 199;
	position: relative;
	bottom: 0;
	width: 100%;
	min-width: 500px;
	height: 50px;
	padding-top: 19px;
	border-top: 1px solid rgba(0,0,0,.06);
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei';
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 14px;
	background: #fff;
}

.footer-style .footer-first {
	float: left;
	color: #999999
}

.footer-style .footer-second {
	float: right;
}

.footer-style a {
	text-decoration: none;
	color: #999999
}

.footer-style .footer-first>a {
	margin: 0 7px;
}

.footer-style .footer-first>span {
	color: #BBBBBB
}

.login-style {
	cursor: pointer;
	float: right;
	margin-right: 20px;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 13px;
	background: rgba(0,0,0,0.85);
	color: #FFFFFF !important;
	border-radius: 18px;
	font-size: 14px;
}

.login-style:hover {
	background: #EA4738
}

#online .x.mbm.cl li a {
	color: #999999
}

.mi_phone_head1 {
	float: left;
	margin: 0 10px 0 0
}

.mi_phone_head1 img {
	width: 30px;
	height: 30px;
	border-radius: 50%
}

#qmenu::after {
	display: none
}

.pc-forum {
	background-color: #fff;
	border-radius: 8px;
	font-family: ' .AppleSystemUIFont';
	padding-left: 15px;
	margin-bottom: 24px;
}

.pc-forum .pc-forum-title {
	font-size: 18px;
	color: #0e151c;
	letter-spacing: 1px;
	font-weight: 400;
	padding-top: 24px;
	overflow: hidden;
	font-weight: 400;
}

.pc-forum .pc-forum-content {
	font-size: 14px;
	color: rgba(0,0,0,0.85);
	font-weight: 400;
	padding: 18px 0 10px 0;
}

.pc-forum .pc-forum-content .content-item {
	padding-bottom: 18px;
	width: calc(100% - 20px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
}

.pc-forum-content .content-item:before {
	content: '';
	width: 12px;
	height: 18px;
	opacity: 0.9;
	border-radius: 2px;
	margin-right: 8px;
	background: url(../image/ic_top.png) no-repeat;
	background-size: contain;
	vertical-align: sub;
	display: inline-block;
}

.dji-community-content a {
	text-decoration: none;
}

.pc-forum-button {
	margin-right: 16px;
	padding-bottom: 16px;
	height: 44px;
}

.pc-forum-button .forum-button {
	background: rgba(0,0,0,0.04);
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	display: block;
	font-weight: bold;
}

.pc-forum-button .forum-button:hover {
	background: rgba(0,0,0,0.06)
}

.index-topic .pc-forum-content .content-item:before {
	display: none
}

.index-topic .pc-forum-content .content-item span {
	width: 18px;
	height: 18px;
	display: inline-block;
}

.index-topic .pc-forum-content .content-item:nth-child(1) span {
	width: 12px;
	height: 18px;
	background: url(../image/top1_icon.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}

.index-topic .pc-forum-content .content-item:nth-child(2) span {
	width: 12px;
	height: 18px;
	background: url(../image/top_2.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}

.index-topic .pc-forum-content .content-item:nth-child(3) span {
	width: 12px;
	height: 18px;
	background: url(../image/top3.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}

.index-topic {
	width: 100%;
	box-sizing: border-box
}

.common-tooltip-release {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #3A89EA;
	height: 32px;
	width: 72px;
	border-radius: 4px;
	opacity: 1;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}

.common-tooltip-release a {
	color: #FFFFFF !important
}
@media (max-width: 800px) {
.mi_section {
	width: 100% !important
}

.mn {
	/*width: 92% !important;
	margin: 0 4% 20px 4% !important*/
}

.sd {
	width: 92% !important;
	margin: 20px 4% !important
}

.show-monitor {
	width: 100% !important
}

.is-sticky .show-monitor {
	width: 92% !important
}

#related_article .xl2 li {
	width: 100% !important;
	margin: 0 0 5px 0 !important
}

.Framebox {
	padding: 20px 4% !important
}

#comment .bm_h {
	padding: 12px 4% !important
}

#comment_ul {
	padding: 0 4% !important
}

.tedt .pt {
	background: #F6F6F6 !important
}

.reply_box {
	padding: 20px 4% !important
}

.vw .ph {
	line-height: 28px !important;
	font-size: 20px !important
}

.footer_box {
	display: none
}
}
@media (max-width: 820px) {
	.mi_phone_header .logo img {
		height: 28px !important;
		margin: 14px 0 0 0 !important
	}

	.pf_l li {
		width: 100% !important
	}

	.footer-style {
		position: relative !important;
		padding-bottom: 60px
	}

	.footer_box {
		height: auto !important;
		overflow: hidden
	}

	.pg_ranklist .tl .frm {
		display: none
	}

	.pg_ranklist .tl .by {
		display: none
	}

	.pg_ranklist .tl td:last-child {
		display: none
	}

	.pg_ranklist .tl th, .pg_ranklist .tl td {
		border-color: #EEEEEE
	}

	body.pg_post {
		background: #FFFFFF !important
	}

	#e_sml_menu.sllt {
		max-width: 94% !important;
		left: 3% !important
	}

	.pg_post .p_pof {
		width: 94% !important;
		left: 3% !important;
		box-sizing: border-box
	}

	.pg_post .fwinmask {
		width: 94% !important;
		left: 3% !important
	}

	#fwin_nav.fwinmask {
		width: 94% !important;
		left: 3% !important
	}

	#fwin_nav.fwinmask table {
		width: 100% !important
	}

	#fwin_nav.fwinmask .pbl {
		width: 100%;
		border-right: 1px solid #CCCCCC
	}

	#fwin_nav.fwinmask .pbl li {
		width: calc(33% - 12px) !important;
		height: auto !important;
		min-height: 280px !important
	}

	#fwin_nav.fwinmask .pbl li:last-child {
		width: calc(34% - 10px) !important;
		border-right: 0 !important
	}

	.numboxx {
		padding: 20px !important
	}

	ul.pf_l {
		padding: 0 !important
	}

	.pf_l li {
		width: 100% !important
	}

	.mus_box {
		display: none
	}

	.pg_post #ct.ct2_a {
		box-sizing: border-box;
		padding: 20px !important;
		border-radius: 3px;
		background: #FFFFFF !important
	}

	#editorbox {
		padding: 0 !important
	}

	#e_controls .y {
		display: none
	}

	.edt .btn {
		float: none !important;
		border: 0 !important
	}

	.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r {
		height: auto !important
	}

	#postbox input {
		width: auto !important
	}

	.edt .bbar {
		height: auto !important
	}
}


body {
	background: #F5F5F5 !important
}

.picture:last-child .bottomLine {
	padding-bottom: 26px !important
}

.imgItem img, .article .bottomPic img {
	transition: all .5s ease-in-out
}

.article .bottomPic:hover img {
	transform: scale(1.2) !important
}

.boardName-3wdbA:hover {
	color: #ff6661
}

.abstractMid-pic:hover, .boardName-3wdbA:hover, .article .titleTop:hover, .titlePic .pic-name:hover {
	color: #ff6661 !important
}

.bannerx1 {
	position: relative;
	width: 702px;
	height: 278px;
	margin-bottom: 20px !important;
	border-radius: 10px;
	overflow: hidden
}

.bannerx1 .pic img {
	width: 702px;
	height: 278px;
	display: block;
}

.bannerx1 .hd {
	overflow: hidden;
	zoom:1; position: absolute;
	bottom: 10px;
	left: 25px;
	z-index: 3
}

.bannerx1 .hd li {
	float: left;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.4);
	margin-right: 6px
}

.bannerx1 .hd .on {
	background: #FFFFFF
}

.ContainTitleCard_titleCard__muJ_r {
	padding: 15px 20px;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 20px
}

.ContainTitleCard_title__2sQkH {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	line-height: 44px
}

.ContainTitleCard_titleCard__muJ_r .ContainTitleCard_title__2sQkH .ContainTitleCard_titleName__2sWlb {
	cursor: pointer;
	font-weight: 400;
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #0e151c;
}

.component_content__2odo9 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}

.component_content__2odo9 .component_item__1sazL {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 25%;
	height: 55px;
	margin-bottom: 20px;
}

.component_content__2odo9 .component_item__1sazL .component_imgStyle__3AEXJ {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-bottom: 6px;
}

.lazyload-img_lazyloadImg__curXl {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

img.lazyload-img_lazyloadImg__curXl {
	object-fit: cover;
	max-width: 100%;
}

.component_content__2odo9 .component_item__1sazL .component_imgStyle__3AEXJ>img {
	width: 100%;
	height: 100%;
}

.component_content__2odo9 .component_item__1sazL .component_des__6GUKU {
	font-size: 14px;
	color: #0e151c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boardList-Mux4Z {
	width: 230px;
	padding: 15px;
	box-sizing: border-box
}

.banner-bE2UD {
	width: 52px;
	height: 52px;
	border-radius: 50%
}

.boardName-3wdbA {
	font-size: 15px
}

.collectCnt-1LON7 {
	font-size: 13px
}

.flyer-miles-wrap {
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 24px;
}

.flyer-miles-wrap .flyer-miles-img img {
	width: 100%;
	height: 92px;
	background-size: contain;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.flyer-miles-wrap .flyer-miles-list {
	padding: 16px 10px 8px 8px;
}

.flyer-miles-wrap .flyer-miles-list .list-item {
	height: 24px;
	border: 1px solid rgba(241,240,240,1);
	border-radius: 2px;
	line-height: 24px;
	padding: 8px 0;
	font-family: '.AppleSystemUIFont';
	font-size: 12px;
	color: rgba(0,0,0,0.85);
	letter-spacing: 0;
	line-height: 16px;
	font-weight: 400;
	display: block;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	margin-bottom: 8px;
	cursor: pointer;
}

.flyer-miles-wrap .flyer-miles-list .list-item .item-num {
	float: left;
	font-family: 'DIN Next W1G';
	font-size: 18px;
	padding: 0 5px 0 8px;
	width: 11px;
	line-height: 24px;
	display: inline-block;
}

.flyer-miles-list .list-item .img-icon-wrap {
	float: left;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 6px;
	position: relative;
}

.flyer-miles-list .list-item img {
	width: 24px;
	height: 24px;
	background-size: contain;
	border-radius: 50%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.08);
	background-color: rgba(0,0,0,0.06);
}

.flyer-miles-list .list-item .item-text {
	float: left;
	width: 96px;
	font-family: 'PingFangSC-Regular';
	font-size: 12px;
	color: rgba(0,0,0,0.85);
	line-height: 24px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
}

.flyer-miles-list .list-item .item-count {
	float: right;
	font-family: 'DIN Next W1G';
	font-size: 12px;
	color: rgba(0,0,0,0.85);
	line-height: 24px;
	font-weight: 400;
	margin-right: 4px;
}

.ListCard_listCard__EVHPB .ListCard_item__tDZ0H {
	font-size: 15px
}

.titlePic-left img {
	width: 40px !important;
	height: 40px !important
}

@media (max-width: 820px) {
	.left_side {
		display: none
	}

	.menhu_top {
		margin-top: 15px !important
	}

	.mi_section {
		width: 100% !important
	}

	.portal_left {
		width: 92% !important;

	}

	.portal_right {
		display: none
	}

	.mn {
		width: 100% !important;
		border-radius: 0 !important
	}

	.square-content .left-con {
		width: 100% !important;
		padding: 0 4% !important;
		box-sizing: border-box
	}

	.imgList {
		width: 100% !important;
		display: block !important
	}

	.imgList400 {
		width: 100% !important
	}

	.imgList2 {
		height: 100px !important
	}

	.imgItem {
		float: left;
		width: 32% !important;
		height: 100px !important;
		margin: 0 2% 0 0 !important;
		border-radius: 5px
	}

	.imgItem img {
		height: 100px !important;
		width: auto !important;
		max-width: 100%;
		min-width: 100% !important
	}

	.imgItem:nth-child(4n) {
		margin-right: 0 !important
	}

	.imgList400 .imgItem {
		width: 49% !important;
		margin: 10px 2% 0 0 !important
	}

	.imgList400 .imgItem:nth-child(4n) {
		margin: 10px 2% 0 0 !important
	}

	.imgList400 .imgItem:nth-child(2n) {
		margin-right: 0 !important
	}

	.article .bottomPic {
		width: 140px !important
	}

	.article .oneContent {
		width: calc(100% - 155px) !important
	}

	.bottomLine {
		margin-top: 20px !important
	}

	.bannerx1 {
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 15px !important;
		overflow: hidden
	}

	.bannerx1 .pic img {
		width: 100% !important;
		height: auto !important;
		display: block;
	}

	.imgList1 .imgItem {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important
	}

	.imgList1 .imgItem img {
		max-width: 100% !important;
		height: auto !important;
		max-height: 160px !important
	}

	.article .titleTop {
		font-size: 16px !important
	}

	.abstractMid-pic {
		line-height: 22px !important;
		max-height: 22px !important;
		font-size: 14px !important;
		color: #999999 !important
	}

	.titlePic .pic-name {
		font-size: 14px !important
	}

	.titlePic .pic-time {
		font-size: 13px !important
	}

	.picture {
		padding-top: 20px !important
	}

	.bottomLine {
		padding-bottom: 20px !important
	}

	.banner_box {
		height: auto !important
	}

	.swiper-slide img {
		width: 100% !important;
		height: auto !important
	}
}











#footer {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	z-index: 999;
	border-top: 1px solid #EEEEEE;
	background: #fff;
}

#footer li {
	width: 20%;
	text-align: center;
	float: left;
}

#footer li a {
	width: 100%;
	display: block;
	color: #555555;
}

#footer li p {
	overflow: hidden;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	color: #555555;
}

#footer li i {
	display: block;
	height: 30px;
	font-size: 24px;
	line-height: 26px;
}

#footer .post_b {
	display: inline-block;
	background: url(../image/post.svg) no-repeat center center #FFFFFF;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	margin-top: -10px;
	border-radius: 50%;
	padding: 6px;
	box-shadow: 0px -2px 1px rgb(0 0 0 / 8%);
}

#footer li i.icon_b1 {
	background: url(../image/icon_b1.svg) no-repeat center center
}

#footer li a.active i.icon_b1 {
	background: url(../image/icon_b1_on.svg) no-repeat center center
}

#footer li i.icon_b2 {
	background: url(../image/icon_b2.svg) no-repeat center center
}

#footer li a.active i.icon_b2 {
	background: url(../image/icon_b2_on.svg) no-repeat center center
}

#footer li i.icon_b3 {
	background: url(../image/icon_b3.svg) no-repeat center center
}

#footer li a.active i.icon_b3 {
	background: url(../image/icon_b3_on.svg) no-repeat center center
}

#footer li i.icon_b4 {
	background: url(../image/icon_b4.svg) no-repeat center center
}

#footer li a.active i.icon_b4 {
	background: url(../image/icon_b4_on.svg) no-repeat center center
}

@media (max-width: 820px) {
	#footer {
		display: block !important
	}
}



body {
}

#thread_types {
	height: 50px !important
}

.ttp .num {
	float: right;
	display: inline-block !important;
	height: 18px;
	line-height: 18px;
	margin: 1px 0 0 5px;
	font-size: 12px
}

.ttp li {
	height: 20px;
	line-height: 20px;
	padding-right: 30px;
	margin: 15px 0 0 0
}

.ttp a {
	font-size: 15px
}

.ttp .a a {
	color: #44a8f2 !important
}

.ttp .a .num {
	background: #44a8f2 !important
}

#atarget:before, .unchk:before, .chked:before {
	float: left;
	margin: 1px 5px 0 0
}

.cardx .fl_row td {
	border: 0
}

#flow_right.f_fixed {
	position: fixed;
	top: 76px;
	height: 422px
}

#flow_right.f_fixed .boardHeader-LcG8P {
	display: block !important;
	border-radius: 10px 10px 0 0 !important
}

#flow_right.f_fixed .rightSection-1KuwM {
	border-radius: 0 0 10px 10px !important
}

#sd_bdl {
	display: none
}

.imgItem img, .article .bottomPic img {
	transition: all .5s ease-in-out
}

.article .bottomPic:hover img {
	transform: scale(1.2) !important
}

.abstractMid-pic:hover, .boardName-3wdbA:hover, .article .titleTop:hover, .titlePic .pic-name:hover {
	color: #ff6661 !important
}

.xst, .list_au_info {
}

.mi_phone_box {
	display: none
}

#separatorline {
	display: none
}

#flow_right .boardHeader-LcG8P {
	display: none !important
}

.is-sticky #flow_right .boardHeader-LcG8P {
	display: block !important
}

.f_box, .f_box a {
	color: #FFFFFF
}

.showhide {
	display: none
}

.tabx_cont .tf {
	font-size: 15px
}

.tabx_cont .tf .xi2 {
	color: rgba(0,0,0,.4) !important
}

.tabx_cont .tf .xw1 {
	font-size: 15px;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.85) !important
}

.list_au_info {
	font-size: 12px;
	color: #aaaeb3;
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei'
}

.list_au_info a {
	color: #aaaeb3 !important;
	text-decoration: none
}

.tl .icn {
	width: 65px
}

.xst {
	font-size: 16px
}

#moderate .thread_tit {
	width: 100%;
	padding: 13px 0;
}

.right .count .reply[data-v-7d2a2a76], .right .count[data-v-7d2a2a76] {
	display: flex;
	align-items: center;
	font-weight: 400;
	color: #aaaeb3;
}

.right .count .view[data-v-7d2a2a76] {
	display: flex;
	align-items: center;
}

.right .count .reply .count-num[data-v-7d2a2a76], .right .count .view .count-num[data-v-7d2a2a76] {
	margin-left: 4px;
}

.right .count .view[data-v-7d2a2a76] {
	margin-right: 20px;
}

.rules {
	line-height: 24px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei'
}

.cnt-3bjqd a {
	color: rgba(0, 0, 0, .45)
}

.tl .icn {
	width: 52px;
	padding: 0
}

.tl .bm_c {
	padding: 0 30px
}

.tl .th, .tl .thread_tit, .tl td {
	border-top: 0;
	border-bottom: 1px solid #F3F3F3
}

.tl .icn {
	display: none
}

.tl table tbody {
	position: relative
}

.tl .o {
	width: 20px;
	position: absolute;
	left: -30px;
	top: 30px;
	border-bottom: 0 !important
}

.fullTitle-title {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	z-index: 100;
	height: 3.27273rem;
}

.fullTitle-title-left, .fullTitle-title-right {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	color: rgba(0,0,0,.9);
}

.fullTitle-title-left {
	margin-left: 4%;
}

.custom-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.4);
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-icon>img {
	width: 20px;
	height: 13px;
}

.NewHead_headTop__1rOZg {
	position: relative;
	height: 218px;
}

.NewHead_headTop__1rOZg .NewHead_banner__2MGNl {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.NewHead_headTop__1rOZg .NewHead_banner__2MGNl img {
	width: 100%;
	height: 100%;
}

.NewHead_headTop__1rOZg .NewHead_banner__2MGNl img.NewHead_blur__1XMCp {
	-webkit-filter: blur(20px);
	filter: blur(20px);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.NewHead_headTop__1rOZg .NewHead_content__1Tf-q {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.NewHead_headTop__1rOZg .NewHead_content__1Tf-q .NewHead_mask__1xxEO {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.2);
}

.NewHead_headTop__1rOZg .NewHead_content__1Tf-q .NewHead_thumbnail__3CgTU {
	position: absolute;
	z-index: 50;
	left: 4%;
	bottom: 16px;
	width: 65px;
	height: 65px;
	border-radius: 12px;
}

.LazyLoadImg_lazyImg__3R1zp {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.NewHead_headBottom__380s3 {
	padding: 0 4%;
	background: #FFFFFF
}

.NewHead_headBottom__380s3 header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 20px;
}

.NewHead_headBottom__380s3 header .NewHead_boardName__1V_ZV {
	color: #333333;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}

.extend-click {
	position: relative;
}

.JoinCircleBtn_joinBtn__3gUsN {
	width: 58px !important;
	height: 26px !important;
	border-width: 1px;
	border: 1px solid #d9d9d9;
	border-radius: 28px;
	color: var(--Color_Text_1);
	font-size: 14px;
	line-height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* cursor: pointer; */
}

.NewHead_headBottom__380s3 .NewHead_metaInfo__Wn_T9 {
	margin-top: 1.90909rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.NewHead_headBottom__380s3 .NewHead_metaInfo__Wn_T9 .NewHead_boardRank__3xA29, .NewHead_headBottom__380s3 .NewHead_metaInfo__Wn_T9 .NewHead_flex__2Ou27 {
	display: flex;
	align-items: center;
}

.AvatarGroup_avatarGroup__MTbtq {
	display: flex;
	align-items: center;
}

.AvatarGroup_avatarGroup__MTbtq .AvatarGroup_avatars__2LoSe {
	margin-right: 3px;
	display: flex;
	align-items: center;
}

.AvatarGroup_avatarGroup__MTbtq .AvatarGroup_avatar__nOGXR {
	position: relative;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	background-image: url(static/image/default-avatar.bf774ef7.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

.AvatarGroup_avatarGroup__MTbtq .AvatarGroup_avatar__nOGXR span {
	position: relative;
	display: block;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

.NewHead_num__14QBf {
	font-weight: bold
}

.NewHead_divider__13sXb {
	width: 1px;
	height: 15px;
	background-color: rgba(0,0,0,.15);
	margin-left: 12px;
	margin-right: 12px;
}

.AvatarGroup_avatarGroup__MTbtq .AvatarGroup_avatar__nOGXR:not(:last-of-type) {
	margin-right: -10px;
}

.titlePic .titlePic-left {
	width: 40px!important;
	height: 40px!important;
	margin-right: 28px
}
@media (max-width: 768px){
	.mi_phone_box{display:block;}
}
@media (max-width: 820px) {
	body, html {
		font-family: 'Microsoft Yahei' !important
	}

	.phone_list_top {
		display: block !important
	}

	.boardHeader-LcG8P {
		display: none !important
	}

	.mn {
		width: 100% !important
	}

	.sd {
		display: none
	}

	.mi_section {
		margin-top: 0 !important
	}

	.tabx_cont {
		width: 100% !important;
		padding: 5px 4% !important;
		margin: 0 !important;
		box-sizing: border-box
	}

	.picBtnTop-wrap {
		margin: 15px 0 0 0 !important
	}

	.rightbox {
		display: none
	}

	.v2_dot {
		display: none
	}

	.v2_cont-title em {
		display: none
	}

	.qin-rt-icon {
		display: none
	}

	.v2_cont {
		padding: 15px !important
	}

	.v2_reply {
		right: 15px !important
	}

	.thread_tit a.xst {
		line-height: 24px !important;
		font-size: 16px !important
	}

	.list_au_info {
		padding-top: 20px !important
	}

	.mi_section {
		width: 100% !important
	}

	.tl .bm_c {
		padding: 0 4% !important
	}

	.tl .o {
		display: none
	}

	.imgList {
		width: 100%;
		display: block
	}

	.imgList400 {
		width: 100% !important
	}

	.imgItem {
		float: left;
		width: 32%;
		height: 116px;
		margin: 10px 2% 0 0;
		border-radius: 5px
	}

	.imgItem img {
		height: 116px !important;
		width: auto !important;
		min-width: 100% !important
	}

	.imgList400 .imgItem {
		width: 49% !important;
		margin: 10px 2% 0 0 !important
	}

	.imgList400 .imgItem:nth-child(2n) {
		margin-right: 0 !important
	}

	.tabx_cont {
		top: 0 !important
	}

	body {
		font-family: Arial, Helvetica, sans-serif,'Microsoft Yahei' !important
	}

	.titlePic .pic-name, .xst {
		font-family: Arial, Helvetica, sans-serif,'Microsoft Yahei' !important
	}

	.toppingList-zIQMI {
		padding: 18px 4% 10px 4% !important
	}

	.titlePic .titlePic-left {
		margin-right: 12px !important
	}

	.titlePic .titlePic-left {
		width: 40px;
		height: 40px
	}

	#moderate .thread_tit img.mio-lazy-img {
		width: 40px !important;
		height: 40px !important
	}

	.card-circle {
		margin: 2px 6px 0 0 !important
	}

	.right_info {
		width: calc(100% - 52px) !important
	}

	.thread_tit a.xst {
		font-size: 15px !important
	}
}




body { background: #FFFFFF}
.ct2 .mn { width: 860px}
.ct2 .sd { width: 316px}
.t_fsz { line-height: 1.8}
.entry-related.post-loop-image { max-height: 680px; overflow: hidden}
.fwinmask { margin-top: -100px}
.t_f font, .t_f td font { color: #333333}
.flow1 { width: 298px}
.attach_nopermission { width: 100%; border: 0}
.attach_nopermission div { border: 0}
.cif-fixed-left { margin-left: -570px}
.dingzhi_all_replies .td_tit { padding: 24px 24px 0 24px; border-radius: 8px 8px 0 0 !important; background: #FFFFFF}
a.btn_s_open { display: none}
.viewavt { padding-left: 24px}
.viewinfo { padding-left: 64px}
.t_fsz { margin: 10px 0 12px 0}
.small .t_f, .small .t_f td { line-height: 22px; font-size: 14px; color: #222222}
.psta img { width: 24px; height: 24px}
.viewavt img { border-radius: 50%; width: 34px; height: 34px; margin-left: 0}
.lzinfo_img img { width: 60px; height: 60px}
.dingzhi_all_replies .v_tit { font-size: 24px; font-weight: 400; line-height: 33px; color: #000000}
.viewbox.otherfloor { border: 0 !important}
.pob em a { padding: 0}
.pob em a { margin: 0 20px 0 0}
#vfastpost #vf_b button { color: #FFFFFF !important; border-radius: 0; text-shadow: none; background: #FF594A !important}
.pob em a { padding: 0; background: none}

.related-list-item {
    padding: 16px 0;
    overflow: hidden;
}
.related-list-item .left-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96px;
    height: 72px;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    overflow: hidden;
    float: left;
}
.related-list-item .left-img .pic {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all .5s ease-out .1s;
    -moz-transition: all .5s ease-out .1s;
    transition: all .5s ease-out .1s;
}
.related-list-item .right-content {
    height: 72px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.related-list-item .right-content .title {
    max-height: 44px;
    font-size: 16px;
height: auto;
    line-height: 22px;
    color: #222;
padding: 0;
font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.related-list-item .right-content .title:hover { color: #f04142}
.related-list-item .right-content .info {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}
.related-list-item .right-content .info span:nth-child(2) {
    margin-left: 16px;
}
.look-more {
    width: 100%;
    height: 40px;
    margin-top: 8px;
    background: #f8f8f8;
    border-radius: 4px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.look-more span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #222;
}
.look-more .icon-arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background: url(../image/rightx1.png) no-repeat 50%;
    background-size: contain;
}

.pg { padding: 0}
.img_avatar img { border-radius: 50%; width: 21px; height: 21px; margin-right: 8px}
.quaterfatie { display: inline-block !important}
.btn-success { cursor: pointer}
.masks {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 998;
}
.mi_section { overflow: hidden}

.entry-action {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center
}
.entry-action .btn-dashang,.entry-action .btn-zan {
    border: 1px solid #297af4;
    border-radius: 4px;
    color: #297af4;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    padding: 4px 30px;
    vertical-align: top
}
.comment-reply-title, .comments-title, .entry-author-title, .entry-related-title {
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 12px;
  position: relative;
}
.comment-reply-title, .comments-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px;
}
.comment-reply-title::before, .comments-title::before, .entry-author-title::before, .entry-related-title::before {
  background-color: #297af4;
  background-image: linear-gradient(180deg,hsla(0,0%,100%,.15),transparent);
  border-radius: 3px;
  content: "";
  height: calc(100% - 2px);
  left: 0;
  position: absolute;
  top: 1px;
  width: 3px;
}
.entry-bar .wpcom-icon { float: left; margin: 9px 3px 0 0}
.authi .none::before { display: none}
.profile-info p:nth-child(3) { display: none}
.profile-info p:nth-child(4) { display: none}
.profile-info p:nth-child(5) { display: none}
.profile-info .sd .tns th, .profile-info .sd .tns td { width: 33.33% !important}
.profile-info .tns th p, .profile-info .tns td p { font-size: 16px; color: #000000}
.profile-info .tns th p a, .profile-info .tns td p a { color: #000000}
.profile-info .tns th { border: 0}
.profile-info .pil { display: none}
.profile-info .md_ctrl img { width: auto; margin: 15px 3px 20px 3px}
#fwin_comment .m_c .o { padding: 10px 0 0 0 !important}
#fwin_comment.fwinmask .flb { padding: 0 0 16px 0}
#fwin_comment .tedt .bar { padding: 0}
.tns.xg2 { padding: 10px 0 26px 0}
.pob em a:before { display: none}
.firstfloor { background: none}
.firstfloor .boxtable { border-radius: 0 0 8px 8px; background: #FFFFFF}
.index-topic { width: 316px}
.fwinmask .m_c { padding: 24px; border: 0; border-radius: 8px}
.fwinmask .m_c .c { padding: 0}
.fwinmask .flb { padding-right: 0}
@media (max-width: 800px) {
.entry-related.post-loop-image { height: auto}
.entry-bar .wpcom-icon { margin: 7px 3px 0 0}
.footer { background: none}
.plc { padding-left: 0 !important; padding-right: 0 !important}
.reply_tit1 { padding-left: 0 !important; padding-right: 0 !important}
.viewavt { padding-left: 0 !important}
.viewinfo { padding-left: 48px !important}
}

.entry-action .btn-dashang.liked,.entry-action .btn-dashang:hover,.entry-action .btn-zan.liked,.entry-action .btn-zan:hover {
    background-color: #297af4;
    border-color: #297af4;
    color: #fff;
    cursor: pointer
}

.entry-action .btn-dashang i,.entry-action .btn-zan i {
    position: relative;
    vertical-align: top
}

.entry-action .btn-dashang.liked i,.entry-action .btn-zan.liked i {
    position: relative
}

.entry-action .btn-dashang {
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    z-index: 99
}

.entry-action .btn-dashang:hover {
    overflow: visible;
    transition: all .3s ease-out 0s
}

.entry-action .btn-dashang:hover .dashang-img {
    bottom: 40px;
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: auto;
    transition: all .3s ease-out 0s
}

.entry-page {
    overflow: hidden
}

.entry-page-next,.entry-page-prev {
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    color: #fff;
    float: left;
    overflow: hidden;
    padding: 60px 15px 10px;
    position: relative;
    width: 49%
}
.icon-svg, .wpcom-icon svg { fill: currentColor}
.entry-action .btn-dashang i, .entry-action .btn-zan i { width: 18px; height: 30px}
.entry-action .btn-zan i svg { width: 18px; height: 30px}
.viewbox.otherfloor:nth-last-child(2) { padding-bottom: 10px; border-radius: 0 0 8px 8px}
@media (max-width: 800px) {
.tpboxx1 { box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important}
.headerx { position: relative !important}
.portal_left { width: 100% !important}
.portal_right { display: none}
h2.z { font-size: 16px !important}
.display_block { display: block !important}
.m_c .tedt { width: 100% !important}
._3Pnjry { display: none !important}
.slider { width: 100% !important; height: 200px !important}
.slider .bd ul { width: 100% !important; height: 200px !important}
.slider .bd li { width: 100% !important; height: 200px !important}
.slider .bd li img { max-width: 120% !important; min-height: 100% !important; height: auto !important}
.BorderWithTitle .wrap { display: inline-block !important; width: 100%; box-sizing: border-box}
.rec-book-item[data-v-4f4c42cd] { float: left; width: 18%; margin: 5px 2.5% 5px 0 !important}
.rec-book-item[data-v-4f4c42cd]:nth-child(5) { margin: 5px 0 !important}
.card-bookInfo-cover[data-v-8bc547da] img { width: 100% !important; height: auto !important}
.card-bookInfo-cover[data-v-8bc547da] { height: 96px;     border-radius: 4px; overflow: hidden}
.rec-book-item[data-v-4f4c42cd] .title { height: auto !important; max-height: 40px !important; display: block; line-height: 20px !important; margin: 5px 0 0 0 !important; font-size: 12px !important}
.BorderWithTitle .border-title { padding: 0 !important}
.border-title { font-size: 14px !important}
.ct2 .mn { width: 100% !important}
.spvimg { float: none !important; width: 100% !important; height: auto !important; overflow: hidden; background: none !important}
.spi { height: auto !important; padding-bottom: 20px}
.spvimg img { width: 100% !important}
.wp { width: 100% !important}
.ContentItem-action, .Popover ShareMenu { display: none !important}
.vote[data-v-d87db5e0] { padding: 0 !important; margin: 0 !important; border: 0 !important}
.sd { display: none !important}
.fl_g { width: 100% !important}
.fl_icn_g { width: 16% !important}
.fl_icn_g img { max-width: 100% !important}
.fl_g dl { margin-left: 18% !important}
.f_tit1 { font-size: 15px !important}
.fl_icn_g { height: auto !important}
.fl_g { height: auto !important; padding: 15px 10px 0 0 !important}
.BtnAreaCover[data-v-efef642e] { width: auto !important; padding: 0 3% !important}
.tabx_cont { padding: 0 3% !important}
#atarget { display: none !important}
.tl .o { display: none}
.thread_tit a { font-size: 16px !important}
.article-summary { line-height: 20px !important; font-size: 12px !important}
.spi { margin: 0 !important}
.dingzhi_all_replies .v_tit { font-size: 20px !important; line-height: 30px !important}
.t_fsz .t_f, .t_fsz .t_f td, .t_f, .t_fsz .t_f font { font-size: 14px !important}
#f_pst .tedt .pt img { display: none !important}
#pt { display: block !important}
.dingzhi_all_replies .td_tit { padding: 2px 0 0 0}
.wp { margin-top: 0 !important}
.entry-related.post-loop-image { max-height: none !important}
}


body {
                    }

.fl.bm {
	width: 824px
}

.fl .bm {
	margin: 0
}

.bmw .bm_h h2 a {
	font-size: 16px;
	font-weight: 400
}

.fl .bm_h, .bmw .bm_h {
	width: 632px;
	padding: 15px 0;
	background: none;
	border: 0;
	font-weight: bold;
	font-size: 16px
}

.fl .bm_h .y, .bmw .bm_h .y, .fl .bm_h .y a, .bmw .bm_h .y a {
	font-weight: 400;
	font-size: 12px
}

.fl .bm_h h2, .bmw .bm_h h2 {
	padding: 0
}

.fl .bm_h h2 a, .bmw .bm_h h2 a {
	font-weight: 400 !important
}

.bm_h .o {
	display: none
}

.bm_c {
	padding: 0
}

.fl_tb h2 a, .fl_g dt a {
	font-size: 16px
}

.banner {
	position: relative;
	width: 800px;
	height: 330px;
	margin-bottom: 16px !important;
	overflow: hidden
}

.banner .pic img {
	width: 800px;
	height: 330px;
	display: block
}

.fl_g {
	float: left;
	width: 232px;
	height: 68px;
	padding: 15px;
	margin: 0 10px 10px 0;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.1);
	background: #fff;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	overflow: hidden
}

.fl_g:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 11px 29px 0 rgba(27, 32, 45, .08)
}

.fl_g .fl_icn_g {
	float: left;
	width: 64px !important;
	height: 64px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.04);
	text-align: center;
	overflow: hidden
}

.fl_g .fl_icn_g a {
	display: inline-block;
	text-align: center
}

.fl_g .fl_icn_g img {
	width: auto !important;
	height: 64px !important;
	max-width: 64px;
	border-radius: 14px;
	border: 0
}

.fl_right {
	float: right;
	width: calc(100% - 76px);
	line-height: 28px;
	margin: 0 !important
}

.fl_g:hover .tit_f a, .tit_f a:hover {
	color: #44a8f2 !important
}

.tabBar .hd {
	margin: 0 0 12px 0
}

.tabBar .hd li {
	float: left;
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 0 0;
	font-size: 14px;
	color: #333333;
	background: #F3F3F3;
	text-align: center;
	cursor: pointer
}

.tabBar .hd li.on {
	color: #FFFFFF;
	background: #05A2DE
}

.tabBar2 {
	margin: 0 0 20px 0;
	border-radius: 4px;
	background: #F6F6F6
}

.tabBar2 .hd {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	padding: 0 20px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0
}

.tabBar2 .hd h3 {
	float: left;
	height: 49px;
	line-height: 50px;
	border-bottom: 2px solid #05A2DE;
	font-weight: bold;
}

.tabBar2 .hd ul {
	float: right;
	width: auto;
	margin: 0;
	z-index: 5;
	zoom: 1}

.tabBar2 .hd li {
	width: 38px;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 0 5px;
	border-radius: 4px;
	font-size: 12px;
	color: #888888;
	font-weight: 400;
	text-align: center;
	border: 1px solid #E8E8E8;
	cursor: pointer;
	position: relative;
	display: inline-block;
	background: #FFFFFF
}

.tabBar2 .hd li.on {
	color: #FFFFFF;
	border-color: #05A2DE;
	background: #05A2DE
}

.tabBar2 .bd {
	border: 0;
	padding: 10px 0;
	clear: both;
	position: relative;
	height: auto;
	min-height: 100px;
	overflow: hidden
}

.tabBar2 .bd .conWrap2 {
	width: 100%
}

.ranks1 {
	padding: 0 20px
}

.ranks1 li {
	float: left;
	width: 100%;
	display: block;
	line-height: 30px;
	font-size: 14px
}

.ranks1 li em {
	float: left;
	width: 22px;
	height: 15px;
	line-height: 15px;
	margin: 7px 10px 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-radius: 2px;
	text-align: center;
	background: #BEBEBE
}

.ranks1 li:nth-child(1) em {
	background: #DF272B
}

.ranks1 li:nth-child(2) em {
	background: #EFA300
}

.ranks1 li:nth-child(3) em {
	background: #5BB44D
}

.ranks1 li a {
	float: left;
	display: block;
	width: 228px;
	height: 30px;
	color: #555555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.ranks1 li a:hover {
	color: #05A2DE
}

.deandztabc dl dd {
	display: block;
	clear: both;
	font-size: 14px;
	color: #666;
	height: 32px;
	line-height: 32px;
	margin-bottom: 1px;
}

.deandztabc dl dd em {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 10px;
	background: #ddd;
	border-radius: 20px 0 20px 20px;
}

.deandztabc dl dd a {
	float: left;
	font-size: 14px;
	width: 420px;
	color: #333;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.deandztabc dl dd a:hover {
	color: #05A2DE
}

.deantabddnum {
	float: right;
	font-size: 12px;
	color: #bbb;
}

.deandztabc dl dd span {
	color: #aaa;
}

.deandztabc dl dd i {
	padding-right: 4px;
	margin-left: 10px;
	font-size: 12px;
	color: #ccc;
}

.deandztabc dl dd:nth-child(1) em {
	background: #DF272B;
}

.deandztabc dl dd:nth-child(2) em {
	background: #EFA300;
}

.deandztabc dl dd:nth-child(3) em {
	background: #5BB44D;
}

.bbs_banner {
	position: relative;
	width: 500px;
	height: 340px;
	overflow: hidden;
	border-radius: 4px
}

.bbs_banner .pic img {
	width: 500px;
	height: 340px;
	display: block;
}

.bbs_banner .pic li {
	position: relative
}

.bbs_banner .pic li h3 {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 460px;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 20px 20px 20px;
	color: #FFFFFF;
	background: rgba(0,0,0,0.5)
}

.bbs_banner .hd {
	overflow: hidden;
	zoom:1; position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 3
}

.bbs_banner .hd li {
	float: left;
	line-height: 10px;
	text-align: center;
	font-size: 12px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
	margin-left: 10px
}

.bbs_banner .hd .on {
	background: #05A2DE
}

#online .bm_h, #online .bm_h a {
	font-size: 14px !important;
	color: #333333 !important;
	font-weight: 400 !important
}

@media (max-width: 800px) {
	.sd {
		display: none
	}

	.detailName {
		height: 100px
	}

	.left1x {
		width: 100% !important
	}

	.left1x .mn {
		width: 100% !important;
		padding: 0 !important;
		border: 0 !important
	}

	.t_box1 {
		margin: 0 !important
	}

	.mod_art_list {
		height: 85px !important;
		padding: 15px 0 !important;
		margin: 0 !important
	}

	.mod_art_list_pic {
		width: 32% !important;
		height: 85px !important;
		margin: 0 !important
	}

	.mod_art_list_pic img {
		width: 100% !important;
		height: auto !important;
		min-height: 85px !important
	}

	.mod_art_list_content {
		float: right !important;
		width: 65% !important;
		height: 85px !important;
		margin: 0 !important
	}

	.mod_art_list h3 {
		height: 40px !important
	}

	.mod_art_list h3 a {
		font-size: 15px !important
	}

	.mod_art_list_simple, .display_none {
		display: none !important
	}

	.t_box1x .z, .t_box1x .y {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		border: 0 !important
	}

	.bbs_banner .pic img {
		width: 100% !important;
		height: 200px !important
	}

	.bbs_banner {
		width: 100% !important;
		height: 200px !important
	}

	.bbs_banner .pic li h3 {
		width: 95% !important;
		padding: 10px 5% !important
	}

	.tabBar .hd {
		width: 100% !important;
		padding: 0 !important;
		margin: 20px 0 10px 0 !important
	}

	.tabBar .hd li {
		width: 22% !important;
		margin: 0 4% 0 0 !important
	}

	.tabBar .hd li:last-child {
		margin: 0 !important
	}

	#main_sidebar {
		display: none
	}

	.mn {
		float: none !important;
		width: 92% !important;
		margin: 0 4% 20px 4%
	}

	.deandztabc dl dd a {
		float: none !important;
		width: auto !important
	}

	#chart {
		height: auto !important;
		padding: 10px 5% !important
	}

	#chart .z span {
		width: 50% !important;
		margin: 0 0 20px 0 !important
	}

	#chart .y {
		float: left !important
	}

	#chart .y span {
		padding: 0 !important
	}

	.Framebox {
		width: 100% !important;
		padding: 0 20px 20px 20px !important
	}

	.fl_g {
		width: 100% !important;
		height: 110px;
		padding: 20px 5% !important;
		margin-bottom: 10px !important;
		box-sizing: border-box
	}

	#online {
		width: 100% !important;
		padding: 5px 5% !important;
		box-sizing: border-box
	}

	.fl .bm_h, .bmw .bm_h {
		width: 100% !important;
		height: auto !important
	}

	.display_none {
		display: none
	}

	.Framebox {
		box-sizing: border-box
	}

	.fl.bm {
		width: 100%
	}

	.fl_g .fl_icn_g {
		margin-right: 20px
	}

	.fl_right {
		float: none;
		width: auto
	}

	.fl_right div {
		width: auto !important
	}

	.mi_section {
		width: 100% !important
	}
}


:root {
--theme-color:#206be7;
--theme-hover:#1162e8;
--action-color:#206be7;
--theme-base-color:#fff;
--theme-body-bg-color:#f5f5f5;
--theme-el-bg-color:#fff;
--theme-color-h:0;
--theme-color-s:0%;
--theme-color-l:10%;
--theme-color-hsl:var(--theme-color-h), var(--theme-color-s), var(--theme-color-l);
--theme-black-color:hsl(var(--theme-color-hsl));
--theme-gray-color:hsla(var(--theme-color-hsl), .8);
--theme-light-color:hsla(var(--theme-color-hsl), .6);
--theme-line-color:hsla(var(--theme-color-hsl), .07);
--theme-border-color:hsla(var(--theme-color-hsl), .2);
--theme-font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
--theme-sidebar-width:300px;
--theme-content-sidebar-gap:40px
}
.widget {
	margin-bottom: 24px;
}
@media (max-width:1239px) {
.widget {
margin-bottom:30px
}
}
.widget ol, .widget ul {
	list-style:none;
	margin:0;
	padding:0
}
.widget ol li, .widget ul li {
	line-height:1.46;
	padding:5px 0 10px 12px;
	position:relative
}
.widget ol li li, .widget ul li li {
	border-bottom:0;
	padding-left:20px
}
.widget ol li:before, .widget ul li:before {
	border:4px solid transparent;
	border-left:5px solid hsla(var(--theme-color-hsl), .2);
	content:"";
	height:0;
	left:0;
	line-height:0;
	position:absolute;
	top:11px;
	width:0
}
.widget ol a, .widget ul a {
	color:var(--theme-gray-color)
}
.widget ol a:hover, .widget ul a:hover {
	color:var(--theme-hover);
	text-decoration:none
}
.widget .tagcloud {
	display:flex;
	flex-wrap:wrap
}
.widget .tagcloud a {
	background:var(--theme-el-bg-color);
	border:1px solid hsla(var(--theme-color-hsl), .2);
	border-radius:2px;
	color:var(--theme-gray-color);
	font-size:12px!important;
	line-height:1.2;
	margin:0 .7% 1.4%;
	overflow:hidden;
	padding:5px 12px;
	text-align:center;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:32.39%
}
.widget .tagcloud a:nth-child(3n+1) {
margin-left:0
}
.widget .tagcloud a:nth-child(3n+3) {
margin-right:0
}
.widget .tagcloud a:hover {
	background:var(--theme-hover);
	border-color:var(--theme-hover);
	color:#fff
}


.widget_profile {
	border: 0;
	overflow:hidden;
	padding:0;
	border-radius: 8px;
	background: #FFFFFF
}
.widget_profile .profile-cover {
	height:0!important;
	overflow:hidden;
	padding-bottom:37%;
	position:relative;
	width:100%
}
.widget_profile .profile-cover img {
	height:100%!important;
	left:0;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%
}
.widget_profile .cover_photo {
	background:#eee;
	height:110px
}
.widget_profile img {
	height:auto;
	vertical-align:top;
	width:100%
}
.avatar-link img { border-radius: 50%}
.widget_profile p {
	margin:0
}
.widget_profile .avatar-wrap {
	margin-top:20px;
	text-align:center
}
.widget_profile .avatar-link {
	background:#fff;
	border-radius:50%;
	box-sizing:content-box;
	display:block;
	height:82px;
	margin:0 auto;
	padding:2px;
	position:relative;
	width:82px
}
.widget_profile .avatar {
	background:#fff;
	border-radius:50%;
	height:auto;
transition:all .3s ease-out 0s;
	width:100%
}
.widget_profile .profile-info {
	line-height:1.4;
	padding:10px 5px 20px;
	text-align:center
}
.widget_profile .profile-stats {
	font-size:12px;
	margin-bottom:20px;
	margin-left:-12px;
	margin-right:-12px
}
.widget_profile .profile-stats-inner {
	display:flex;
	justify-content:cneter
}
.widget_profile .profile-stats-inner .user-stats-item {
	padding:6px 0;
	width:100%
}
.user-stats-item b, .user-stats-item span {
    display: block;
}
.user-stats-item b {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.widget_profile .profile-stats-inner .user-stats-item b {
	font-weight:400
}
.widget_profile .profile-name {
	color:var(--theme-black-color)
}
.widget_profile .profile-name:hover {
	color:var(--theme-hover);
	text-decoration:none
}
.widget_profile .author-name {
	display:inline-block;
	font-size:16px;
	font-weight:500;
	line-height:22px;
	max-width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:top;
	white-space:nowrap
}
.widget_profile .user-group {
	border:1px solid var(--theme-color);
	border-radius:3px;
	color:var(--theme-color);
	display:inline-block;
	font-size:12px;
	font-weight:400;
	line-height:1;
	margin-left:8px;
	overflow:hidden;
	padding:4px 8px;
	position:relative;
	vertical-align:top;
	z-index:0
}
.widget_profile .user-group:before {
	background-color:var(--theme-el-bg-color);
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1
}
.widget_profile .user-group:after {
	background:var(--theme-color);
	bottom:-1px;
	content:"";
	left:-1px;
	opacity:.148;
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:0
}
.widget_profile .author-description {
	color:var(--theme-gray-color);
	font-size:14px;
	margin-bottom:20px;
	margin-top:10px
}
.widget_profile .profile-posts {
	border-top: 1px solid #EEEEEE;
	padding: 20px 0 15px 0;
	margin: 0 15px
}
.widget_profile .profile-posts .widget-title, .widget_profile .profile-posts .wp-block-search .wp-block-search__label, .wp-block-search .widget_profile .profile-posts .wp-block-search__label {
	font-size:18px
}
.widget-title, .wp-block-search .wp-block-search__label {
	font-size:16px;
	font-weight:500;
	line-height:1;
	margin:2px 0 15px;
	padding:0 0 0 12px;
	position:relative
}
.widget-title:before, .wp-block-search .wp-block-search__label:before {
	background: #297af4;
	background-image:linear-gradient(180deg, hsla(0, 0%, 100%, .15), transparent);
	border-radius:3px;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:3px
}
.btn.btn-primary, .btnx1 {
	background:var(--theme-el-bg-color);
	border:1px solid var(--theme-border-color);
	border-radius:4px;
	color:var(--theme-gray-color);
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	margin-bottom:0;
	padding:9px 20px;
	text-align:center;
	touch-action:manipulation;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	vertical-align:middle;
	white-space:nowrap
}
.btn.active, .btn:active, .btn:focus, .btn:hover {
	border-color:transparent;
	color:var(--theme-color);
	outline:0;
	position:relative;
	z-index:0
}
.btn.active:before, .btn:active:before, .btn:focus:before, .btn:hover:before {
	background:none;
	border:1px solid var(--theme-color);
	border-radius:inherit;
	bottom:-1px;
	content:"";
	left:-1px;
	opacity:.3;
	pointer-events:none;
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:1
}
.btn.active:after, .btn:active:after, .btn:focus:after, .btn:hover:after {
	background:var(--theme-color);
	border-radius:inherit;
	bottom:-1px;
	content:"";
	left:-1px;
	opacity:.1;
	pointer-events:none;
	position:absolute;
	right:-1px;
	top:-1px;
	z-index:-1
}
.btn.active, .btn:active {
	border-color:var(--theme-color);
	outline:0
}
.btn-follow, .btn-message {
    font-weight: 400;
    margin: 0 6px;
}

.wpcom-icon {
	display:inline-block
}
.icon-svg, .wpcom-icon svg {
	height:1em;
	vertical-align:-.15em;
	width:1em;
	fill:currentColor;
	overflow:hidden
}

.btn.btn-primary {
	background-color: #297AF4;
    border-color: #297AF4;
	color:#fff;
	outline:0;
transition:all .1s ease-out 0s
}


.index-pic1{display:none;}
.index-pic2{display:black;}

.user .word{width: 45px;height: 60px;line-height: 60px;font-size: 14px;text-align: center;color: #c2c2c2;display: block;float: left;}

.user .search{float: right;position: relative;top: 6px;right: 10px;width: 220px;display: none;}
.search .search-btn{position: absolute;right: 0px;top: 0px;color: white;background-color: #3A89EA;}
.user .search .layui-input{height: 30px;line-height: 30px;background-color: #eeeeee;}

.user .word2:hover .search{display: block;}
.user .word2:hover .sokey{display: none;}


.layui-input {
	display: block;
	width: 100%;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	-webkit-appearance: none;
	background-color: #fff;
	color: #333;
	transition: border-color .3s, background-color .3s;
}
.layui-btn {
	color:#fff!important;
	/*display: inline-block;
	text-align: center;
	line-height: 1.5;
	white-space: nowrap;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 2px;
	background-color: #3A89EA;
	color: #fff;
	transition: color .3s, background-color .3s, border-color .3s, box-shadow .3s;*/
}
.layui-btn-primary {
	background-color: #3A89EA;
}
.layui-btn-sm {
	padding: 0 15px;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	float: right;
	margin-top: -36px;
}

/*login box*/
#loginkuang{z-index: 1999;width: 500px;height: 320px;border: 1px solid #e2e2e2;position: fixed;top: 0;right: 0;left: 0;bottom: 0;margin:auto;background-color: #fbfbfb;}
#loginmask{display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 1998;top: 0px;left: 0px}
#loginkuang .title{width: unset;height: 40px;line-height: 40px;text-indent: 2em;background-color: #f2f2f2}
#userInfo{z-index: 1999;position: absolute;left: 0px;top: 65px;border: 1px solid #e2e2e2;background-color: #fbfbfb;border-radius: 3px;display: none;text-align: center;box-shadow: 0px 0px 15px #c2c2c2;}
#userInfo nobr{margin: 10px;display: block;}
#uinfoKuang{height:62px;}
#uinfoKuang:hover #userInfo{display: block;}
#loginkuang .layui-input-center{margin-left: 0px;text-align: center;}