/* AB模版网 Www.AdminBuy.Cn */


/* QQ：9490489 */


/* 仿站：Fang.AdminBuy.Cn */


/* 素材：Sc.AdminBuy.Cn */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {


	margin: 0;


	padding: 0;


	border: 0;


	font: inherit;


	font-size: 100%;


	vertical-align: baseline


}


html {


	line-height: 1


}


strong {


	font-weight: bold


}


ol, ul {


	list-style: none


}


table {


	border-collapse: collapse;


	border-spacing: 0


}


caption, th, td {


	text-align: left;


	font-weight: normal;


	vertical-align: middle


}


q, blockquote {


	quotes: none


}


q:before, q:after, blockquote:before, blockquote:after {


	content: "";


	content: none


}


a img {


	border: none


}


a {


	color: inherit;


	text-decoration: none


}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {


	display: block


}


.header {


	position: relative;


	top: 0;


	left: 0;


	width: 100%;


	height: 70px;


	color: #303030;


	z-index: 10;


	font-size: 16px;


	background: #fff;


	-webkit-box-shadow: 0 0 15px -2px rgba(0,0,0,0.1);


	box-shadow: 0 0 15px -2px rgba(0,0,0,0.1); overflow:hidden


}


.header a {


	display: block


}


.header .center-container {


	position: relative;


	width: 1200px;


	height: 100%;


	margin: 0 auto;


	text-align: center


}


.header .logo {


	float: left;


	width: 75px;


	margin-top: 0px;


	position: relative


}


.header .logo img {


	width: 200px;


	height: 76px


}


.header .logo .area {


	position: absolute;


	min-width: 60px;


	height: 26px;


	line-height: 26px;


	background: rgba(0,0,0,0.05);


	border-radius: 13px;


	left: 116px;


	top: 6px;


	font-size: 12px;


	color: #666


}


.header .logo .area::before {


	content: '';


	display: inline-block;


	position: relative;


	top: 6px;


	width: 12px;


	height: 14px;


	margin-right: 5px;


	background: url("../../static/images/icon-location-1-a10eb5416f6f.png");


	vertical-align: top


}


.header .item-list {


	list-style: none;


	padding-left: 70px;


	overflow: hidden;


	float: right


}


.header .item-list>li {


	float: left;


	padding: 0 30px;


	line-height: 70px


}


.header .item-list>li:last-child {


	padding-right: 0


}


.header .item-list>li.active>a {


	color: #ffa000


}


.header .item-list>li:hover>a {


	color: #ffa000


}


.header .item-list>li:hover>.second-list {


	display: block;


	opacity: 1


}


.header .second-list {


	background: #fff;


	overflow: hidden;


	display: none;


	opacity: 0;


	-webkit-transition: opacity 0.3s ease-in;


	transition: opacity 0.3s ease-in


}


.header .second-list>li {


	float: left;


	width: 100%;


	line-height: 56px


}


.header .second-list>li.active>a {


	color: #ffa000


}


.header .second-list>li:hover>a {


	color: #ffa000


}


.header .right-content {


	position: absolute;


	right: 0;


	top: 0;


	line-height: 70px


}


.header .right-content>a {


	float: left


}


.header .right-content>a:hover {


	color: #ffa000


}


.header .right-content>.split-line {


	float: left;


	width: 1px;


	height: 20px;


	margin: 25px 20px;


	background: #cacaca


}


.header .right-content .download-app>i {


	position: relative;


	top: 2px;


	margin-right: 10px;


	display: inline-block;


	width: 10px;


	height: 16px;


	background: url("../images/icon-mobile-small.png") no-repeat


}


.header .right-content .download-app:hover i {


	background: url("../images/icon-mobile-small-1.png") no-repeat


}


.header .login-wrap {


	float: right;


	margin-left: 25px;


	height: 70px


}


.header .login-wrap .btn-login {


	color: #333;


	line-height: 70px;


	vertical-align: middle;


	cursor: pointer


}


.header .login-wrap .btn-login>span {


	position: relative;


	top: 6px;


	margin-right: 10px;


	display: inline-block;


	width: 26px;


	height: 26px;


	background: url("../images/icon-login.png") no-repeat


}


.header .user-info {


	position: relative;


	line-height: 70px


}


.header .user-info:hover .btn-login-out {


	display: block


}


.header .user-info img {


	float: left;


	display: block;


	width: 26px;


	height: 26px;


	margin-top: 32px;


	margin-right: 10px;


	border-radius: 50%


}


.header .user-info p {


	max-width: 120px;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap


}


.header .user-info .btn-login-out {


	display: none;


	position: absolute;


	padding: 0 15px;


	line-height: 50px;


	border-radius: 4px;


	border: 1px solid #f1f1f1;


	color: #444444;


	bottom: -40px;


	left: -30px;


	background: #fff;


	cursor: pointer


}


.footer {


	position: relative;


	z-index: 10;


	background: #1b1b1b;


	min-width: 1200px


}


.footer .center-container {


	width: 1200px;


	margin: 0 auto;


	padding: 60px 0


}


.footer .friend-links-wrap {


	color: rgba(255,255,255,0.5);


	padding-bottom: 48px;


	margin-bottom: 60px;


	border-bottom: 1px solid #333


}


.footer .friend-links-wrap .title-nav {


	overflow: hidden;


	font-size: 16px


}


.footer .friend-links-wrap .title-nav li {


	float: left;


	width: 100px;


	height: 38px;


	line-height: 38px;


	text-align: center;


	background: rgba(255,255,255,0.1);


	cursor: pointer


}


.footer .friend-links-wrap .title-nav li.active {


	background: rgba(255,255,255,0.2)


}


.footer .friend-links-wrap .fc-list {


	margin-top: 8px


}


.footer .friend-links-wrap .fc-list a {


	font-size: 14px;


	font-weight: 400;


	color: rgba(255,255,255,0.3);


	line-height: 38px;


	margin-right: 30px


}


.footer .container {


	margin-bottom: 30px


}


.footer .container a {


	color: inherit;


	text-decoration: none;


	-webkit-transition: all .3s ease;


	transition: all .3s ease


}


.footer .container a:hover {


	color: #e8e8e8


}


.footer .link-grounp-1>li {


	float: left;


	width: 160px;


	text-align: left;


	font-size: 15px;


	color: #e8e8e8


}


.footer .link-grounp-1>li>a {


	cursor: default


}


.footer .link-grounp-2 {


	margin-top: 20px


}


.footer .link-grounp-2>li {


	width: 100%;


	color: #c8c8c8;


	margin-top: 14px;


	font-size: 14px


}


.footer .right {


	float: right;


	margin-right: 10px;


	min-height: 180px


}


.footer .right .h3 {


	color: #e8e8e8;


	font-size: 18px


}


.footer .right .contact-number {


	color: #fff;


	font-size: 30px;


	font-weight: bold;


	margin-top: 20px


}


.footer .right .work-time {


	color: #999;


	font-size: 16px;


	margin-top: 24px


}


.footer .right .product-link {


	margin-top: 40px


}


.footer .right .product-link>div {


	position: relative;


	display: inline-block;


	width: 140px;


	height: 40px;


	line-height: 40px;


	border-radius: 2px;


	border: 1px solid #666;


	color: #fff;


	background: #444;


	text-align: center;


	-webkit-transition: all .3s ease;


	transition: all .3s ease


}


.footer .right .product-link>div:first-child {


	margin-right: 10px


}


.footer .right .product-link>div:hover {


	background: #999


}


.footer .right .product-link>div:hover .qrcode-box {


	display: block


}


.footer .right .product-link>div .qrcode-box {


	display: none;


	position: absolute;


	bottom: 70px;


	left: -20px;


	width: 180px;


	height: 180px;


	background: #fff;


	-webkit-box-shadow: 0 0 15px 0 rgba(51,51,51,0.1);


	box-shadow: 0 0 15px 0 rgba(51,51,51,0.1);


	-webkit-box-sizing: border-box;


	box-sizing: border-box;


	padding: 15px;


	border-radius: 15px


}


.footer .right .product-link>div .qrcode-box img {


	width: 100%;


	height: 100%


}


.footer .licence {


	position: relative;


	border-top: 1px solid #333;


	padding-top: 30px


}


.footer .licence>p {


	text-align: center;


	color: #333;


	font-size: 13px;


	line-height: 20px


}


.footer .licence .approve {


	position: relative;


	top: 27px;


	left: -20px


}


.crumb-bar {


	margin: 30px 0;


	overflow: hidden


}


.crumb-bar li {


	font-size: 14px;


	color: #9b9b9b;


	padding-right: 12px;


	float: left


}


.crumb-bar li a {


	display: inline-block


}


.crumb-bar li a:after {


	content: '＞';


	margin-left: 10px


}


.crumb-bar li a:hover {


	color: #ffa000


}


.crumb-bar .current {


	color: #333 !important


}


.xl-app-wrap {


	width: 270px;


	height: 398px;


	background: url("../images/xl-app-bg.png") no-repeat;


	background-size: 100% 100%;


	overflow: hidden


}


.xl-app-wrap .qrcode {


	width: 120px;


	height: 120px;


	margin: 134px auto 0;


	background: #ccc


}


.xl-app-wrap .qrcode img {


	width: 100%;


	height: 100%


}


.xl-app-wrap .dl-btn {


	width: 137px;


	margin: 24px auto


}


.xl-app-wrap .dl-btn a {


	display: block;


	width: 137px;


	height: 36px;


	line-height: 36px;


	margin-bottom: 12px;


	text-align: center;


	background: #ffa000;


	color: #fff;


	font-size: 14px


}


.paging-operation {


	text-align: center;


	margin-bottom: 50px


}


.paging-operation a {


	display: inline-block;


	padding: 8px;


	background: #F0F2F5;


	font-size: 12px;


	color: #333;


	margin: 0 4px


}


.paging-operation a.page-btns {


	background: #fff


}


.paging-operation a.active {


	background: #ffa000;


	color: #fff


}


.paging-operation div {


	display: inline-block


}


.paging-operation div>a {


	min-width: 20px


}


.paging-operation div>a:hover {


	background: #ffa000;


	color: #fff


}


.paging-operation .prev-btn:hover, .paging-operation .next-btn:hover {


	background: #ffa000;


	color: #fff


}


.right-fixed-bar {


	position: fixed;


	right: 0;


	top: 50%;


	margin-top: -135px;


	z-index: 11


}


.right-fixed-bar .link-group {


	-webkit-box-shadow: 0 0 10px 0 rgba(102,102,102,0.1);


	box-shadow: 0 0 10px 0 rgba(102,102,102,0.1);


	background: #ffffff


}


.right-fixed-bar .link-group>a, .right-fixed-bar .link-group div {


	display: block;


	width: 70px;


	height: 60px;


	overflow: hidden;


	cursor: pointer


}


.right-fixed-bar .link-group>a:hover, .right-fixed-bar .link-group div:hover {


	background: -webkit-gradient(linear, right top, left top, from(#ff7724), to(#ff9518));


	background: -webkit-linear-gradient(right, #ff7724 0%, #ff9518 100%);


	background: linear-gradient(-90deg, #ff7724 0%, #ff9518 100%)


}


.right-fixed-bar .link-group>a:hover p, .right-fixed-bar .link-group div:hover p {


	color: #fff


}


.right-fixed-bar .link-group>a .icon, .right-fixed-bar .link-group div .icon {


	width: 18px;


	height: 18px;


	margin: 13px auto 0


}


.right-fixed-bar .link-group>a p, .right-fixed-bar .link-group div p {


	font-size: 12px;


	margin-top: 5px;


	color: #9b9b9b;


	text-align: center


}


.right-fixed-bar .link-group .about {


	margin-top: 10px


}


.right-fixed-bar .link-group .about:hover .icon {


	background: url("../../static/images/icon-xl-0-b70c93e037cd.png") no-repeat


}


.right-fixed-bar .link-group .about .icon {


	background: url("../../static/images/icon-xl-1-c51ebe5dc73c.png") no-repeat


}


.right-fixed-bar .link-group .kefu {


	cursor: pointer


}


.right-fixed-bar .link-group .kefu:hover .icon {


	background: url("../../static/images/icon-kf-0-44fc1ab2ef6d.png") no-repeat


}


.right-fixed-bar .link-group .kefu .icon {


	background: url("../../static/images/icon-kf-1-ac938a3102f1.png") no-repeat


}


.right-fixed-bar .link-group .dl-xl:hover .icon {


	background: url("../../static/images/icon-phone-0-63b146698773.png") no-repeat


}


.right-fixed-bar .link-group .dl-xl .icon {


	width: 12px;


	background: url("../../static/images/icon-phone-1-0f81cde40a25.png") no-repeat


}


.right-fixed-bar .link-group .to-top {


	margin-top: 20px


}


.right-fixed-bar .link-group .to-top:hover .icon {


	background: url("../../static/images/icon-back-0-ed4cc581dea2.png") no-repeat


}


.right-fixed-bar .link-group .to-top .icon {


	background: url("../../static/images/icon-back-1-6c7b99b9f02d.png") no-repeat


}


.right-fixed-bar .app-qrcode {


	position: absolute;


	bottom: -10px;


	left: -168px;


	width: 158px;


	height: 158px;


	background: #fff;


	-webkit-box-shadow: 0 0 10px 0 rgba(102,102,102,0.1);


	box-shadow: 0 0 10px 0 rgba(102,102,102,0.1)


}


.right-fixed-bar .app-qrcode img {


	width: 110px;


	height: 110px;


	margin-top: 24px;


	margin-left: 24px;


	background: #ccc


}


.right-fixed-bar .kefu-qrcode {


	position: absolute;


	bottom: 45px;


	left: -168px;


	width: 158px;


	height: 158px;


	background: #fff;


	-webkit-box-shadow: 0 0 10px 0 rgba(102,102,102,0.1);


	box-shadow: 0 0 10px 0 rgba(102,102,102,0.1)


}


.right-fixed-bar .kefu-qrcode img {


	width: 110px;


	height: 110px;


	margin-top: 24px;


	margin-left: 24px;


	background: #ccc


}


.right-fixed-bar .kefu-number {


	position: absolute;


	bottom: 130px;


	left: -158px;


	font-size: 20px;


	font-weight: bold;


	width: 168px;


	color: #ffa000


}


.mentor-rank-block {


	width: 230px;


	margin: 0 auto


}


.mentor-rank-block .rank-condition {


	overflow: hidden;


	display: -webkit-box;


	display: -webkit-flex;


	display: -ms-flexbox;


	display: flex;


	-webkit-box-pack: justify;


	-webkit-justify-content: space-between;


	-ms-flex-pack: justify;


	justify-content: space-between


}


.mentor-rank-block .rank-condition .r-c-item {


	float: left;


	height: 40px;


	line-height: 40px;


	text-align: center;


	color: #666


}


.mentor-rank-block .rank-condition .r-c-item.active {


	color: #ffa000;


	border-bottom: 2px solid #ffa000


}


.mentor-rank-block .rank-result {


	margin-top: 30px


}


.mentor-rank-block .r-r-m-item {


	position: relative;


	display: block;


	width: 230px;


	height: 288px;


	margin-bottom: 30px;


	background: #ccc;


	overflow: hidden


}


.mentor-rank-block .r-r-m-item:first-child {


	margin-left: 0


}


.mentor-rank-block .r-r-m-item:hover .mask-box {


	-webkit-transform: translateY(-100%);


	-ms-transform: translateY(-100%);


	transform: translateY(-100%)


}


.mentor-rank-block .r-r-m-item:hover h3 {


	display: none


}


.mentor-rank-block .r-r-m-item .bg {


	position: relative;


	width: 100%;


	height: 100%


}


.mentor-rank-block .r-r-m-item .bg::after {


	content: '';


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


	background: rgba(0,0,0,0.1)


}


.mentor-rank-block .r-r-m-item .bg img {


	width: 100%;


	height: 100%


}


.mentor-rank-block .r-r-m-item h3 {


	position: absolute;


	bottom: 0;


	left: 0;


	width: 100%;


	height: 40px;


	line-height: 40px;


	color: #ffffff;


	font-size: 18px;


	text-align: center;


	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));


	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));


	background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0))


}


.mentor-rank-block .r-r-m-item .mask-box {


	position: absolute;


	bottom: -100%;


	left: 0;


	width: 100%;


	height: 100%;


	-webkit-transition: all .3s ease;


	transition: all .3s ease;


	color: #ffffff;


	-webkit-box-sizing: border-box;


	box-sizing: border-box;


	padding: 20px;


	z-index: 3;


	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,198,0,0.9)), to(rgba(255,150,0,0.9)));


	background: -webkit-linear-gradient(bottom, rgba(255,198,0,0.9), rgba(255,150,0,0.9));


	background: linear-gradient(to top, rgba(255,198,0,0.9), rgba(255,150,0,0.9))


}


.mentor-rank-block .r-r-m-item .mask-box>h4 {


	font-size: 18px


}


.mentor-rank-block .r-r-m-item .mask-box .title {


	margin-top: 12px;


	font-size: 13px


}


.mentor-rank-block .r-r-m-item .mask-box>p {


	line-height: 21px;


	margin-top: 10px;


	font-size: 13px


}


.title-embellish {


	font-size: 20px


}


.title-embellish::before {


	content: '';


	display: inline-block;


	vertical-align: top;


	width: 6px;


	height: 20px;


	border-radius: 6px;


	margin-right: 16px;


	background: #ffa000


}


.guess-your-like {


	overflow: hidden;


	margin-top: 60px


}


.guess-your-like .recommend-title {


	overflow: hidden


}


.guess-your-like .recommend-title h4 {


	float: left;


	font-size: 20px;


	font-weight: bold


}


.guess-your-like .recommend-title a {


	float: right;


	font-size: 16px;


	color: #9b9b9b;


	text-align: center;


	vertical-align: top


}


.guess-your-like ul li {


	margin-top: 20px


}


.guess-your-like ul a {


	display: block;


	width: 100%;


	font-size: 14px;


	color: #333333;


	letter-spacing: 0;


	line-height: 24px;


	text-align: justify;


	word-break: break-all


}


.guess-your-like ul .info {


	font-size: 13px;


	color: #9b9b9b;


	overflow: hidden;


	margin-top: 14px


}


.guess-your-like ul .info .left-text {


	float: left


}


.guess-your-like ul .info .right-text {


	float: right


}


.common-article-list {


	margin-bottom: 30px


}


.common-article-list .common-article-item {


	width: 100%;


	padding: 30px 0


}


.common-article-list .common-article-item a {


	display: inline-block


}


.common-article-list .common-article-item .article-cover {


	width: 270px;


	height: 180px;


	background: #f8f8f8;


	margin-right: 20px;


	display: inline-block;


	position: relative


}


.common-article-list .common-article-item .article-cover::after {


	content: '';


	position: absolute;


	left: 0;


	right: 0;


	bottom: 0;


	top: 0;


	background: rgba(0,0,0,0.06)


}


.common-article-list .common-article-item .article-cover img {


	width: 100%;


	height: 100%


}


.common-article-list .common-article-item .article-info {


	display: inline-block;


	vertical-align: top;


	width: 560px;


	line-height: 1.5


}


.common-article-list .common-article-item .article-info .article-title {


	margin-top: 6px;


	font-size: 18px;


	color: #333;


	font-weight: bold


}


.common-article-list .common-article-item .article-info .author-info {


	font-size: 13px;


	color: #c8c8c8;


	margin: 10px 0


}


.common-article-list .common-article-item .article-info .author-info .author-name {


	margin-right: 40px


}


.common-article-list .common-article-item .article-info .article-desc {


	font-size: 13px;


	line-height: 1.7;


	color: #333;


	overflow: hidden;


	text-overflow: ellipsis;


	display: -webkit-box;


	-webkit-line-clamp: 2;


	-webkit-box-orient: vertical;


	max-height: 42px;


	margin-top: 22px


}


.common-article-list .common-article-item:not(:first-child) {


	border-top: 1px dashed #e8e8e8


}


.common-article-list .common-article-item .tags {


	overflow: hidden;


	margin-top: 20px


}


.common-article-list .common-article-item .tags>a>span {


	display: block;


	float: left;


	height: 25px;


	line-height: 25px;


	margin: 0 8px 8px 0;


	border: 0 solid #E4E4E4;


	padding: 0 10px;


	border-radius: 5px;


	background: #FAFAFA;


	cursor: pointer;


	white-space: nowrap;


	text-decoration: none;


	color: #333;


	font-size: 12px


}


.hot-tags {


	margin-top: 60px


}


.hot-tags>h3 {


	font-size: 20px;


	color: #333;


	font-weight: bold


}


.hot-tags>h3::before {


	content: '';


	display: inline-block;


	height: 20px;


	width: 5px;


	border-radius: 3px;


	background: #ffa000;


	margin-right: 10px;


	vertical-align: top


}


.hot-tags .tags-list {


	overflow: hidden;


	width: 276px;


	padding-top: 20px


}


.hot-tags .tags-list .tag-item {


	position: relative;


	display: block;


	float: left;


	height: 25px;


	line-height: 25px;


	margin: 0 8px 8px 0;


	border: 0 solid #E4E4E4;


	padding: 0 10px;


	border-radius: 5px;


	background: #FAFAFA;


	cursor: pointer;


	white-space: nowrap;


	text-decoration: none;


	color: #333;


	font-size: 12px


}


.hot-tags .tags-list .tag-item:hover {


	background: #FF9900;


	color: #FFF


}


.sem-consult-form-entry {


	position: fixed;


	bottom: 0;


	right: 0;


	z-index: 11;


	width: 100%;


	height: 157px;


	background: url("../../static/images/sem-consult-fix-bg-e788aa50d35d.png.webp") no-repeat center;


	-webkit-box-sizing: border-box;


	box-sizing: border-box;


	-webkit-transition: all ease-out .3s;


	transition: all ease-out .3s


}


.sem-consult-form-entry.mini {


	width: 120px;


	height: 120px;


	right: 60px;


	bottom: 106px;


	background: url("../../static/images/sem-consult-bg-mini-5a4d63814008.png") no-repeat center


}


.sem-consult-form-entry.mini .center-container {


	display: none


}


.sem-consult-form-entry .center-container {


	position: relative;


	width: 1200px;


	margin: 0 auto


}


.sem-consult-form-entry .btn-consult {


	position: absolute;


	right: 70px;


	top: 68px;


	width: 160px;


	height: 50px;


	cursor: pointer;


	background: url("../../static/images/sem-consult-btn-1-e6769db03bc5.png") no-repeat


}


.sem-consult-form-entry .btn-close {


	position: absolute;


	right: 0;


	top: 38px;


	width: 28px;


	height: 28px;


	cursor: pointer;


	background: url("../images/sem-consult-close-icon.png") no-repeat


}


.sem-consult-alert-wrap {


	-webkit-box-shadow: rgba(15,66,76,0.25) 0px 0px 24px 0px;


	box-shadow: rgba(15,66,76,0.25) 0px 0px 24px 0px;


	border-radius: 5px 5px 0px 0px;


	width: 360px;


	height: 540px;


	overflow: hidden;


	z-index: 2147483647;


	border: none;


	position: fixed;


	bottom: 0px;


	right: 100px;


	display: none


}


.sem-consult-alert-wrap .btn-close {


	position: absolute;


	width: 10px;


	height: 10px;


	top: 16px;


	right: 11px;


	cursor: pointer;


	background: url("../../static/images/bggroup-494d5d0f0141.png.webp") no-repeat;


	background-position: -2474px 0


}


.sem-consult-alert-wrap iframe {


	display: none;


	width: 100%;


	height: 100%


}


body {


	color: #333;


	font-family: Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif


}


.clear-fix {


	zoom: 1;


	display: block


}


.clear-fix::after {


	content: " ";


	visibility: hidden;


	display: block;


	font-size: 0;


	height: 0;


	clear: both


}


.footer .licence p, .footer .licence p a {


	color: #c8c8c8;


}





/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/


.pagebar { padding:20px; overflow:hidden; clear:both}


.pagebar .pagination {


  display: flex;


  justify-content: center;


  margin-top: 10px;


}


.pagination a {


  background: #fff;


  border: 1px solid #ccc;


  color: #333;


  font-size: 12px;


  padding: 8px 10px;


  margin: 0 2px;


  border-radius: 3px; line-height:100%


}


.pagination span {


    color: #333;


    font-size: 12px;


    padding: 7px 2px;


    margin: 0 2px;


    border-radius: 3px;


}


.pagination a:hover {


  color: #333;


  border: 1px solid #333;


}


.pagination a.page-num-current {


  color: #fff;


  background: #333;


  border: 1px solid #333;


}


.pagination .st{ font-family:宋体}


.text-secondary{ text-align:center; padding:20px 0}

img[data-catalog-media]{border-radius:8px;}

@media (min-width:768px){.article-list{position:relative;isolation:isolate;padding:18px 24px;border-radius:3px;}}

@media (min-width:768px){.article-list a{color:#20252b;text-shadow:0 1px 2px rgba(255,255,255,.72);}}

@media (min-width:768px){.article-list p{color:#4d555d;text-shadow:0 1px 2px rgba(255,255,255,.8);}}

body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.template-contact-number{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}


@media (min-width:768px){picture[data-refreshed-banner]{display:contents;}}
@media (min-width:768px){[data-banner-text-host]{position:relative;box-sizing:border-box;}}
@media (min-width:768px){[data-banner-text-layer]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}}
@media (min-width:768px){[data-banner-text-layer]>span{position:absolute;display:block;color:white;font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);overflow-wrap:anywhere;}}
@media (min-width:768px){[data-banner-placeholder]{display:none;}}
@media (min-width:768px){[data-banner-replaced-copy]{display:none;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]{display:flex;align-items:flex-start;justify-content:center;padding:30px max(12%,calc((100% - 1080px)/2));box-sizing:border-box;overflow:visible;background:transparent;flex-direction:column;padding-top:32px;padding-bottom:32px;}}
@media (min-width:768px){[data-banner-text-panel]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%);padding:28px 34px 30px;margin:0 18px;background:linear-gradient(100deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);border-left:1px solid rgba(255,255,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.14);}}
@media (min-width:768px){[data-banner-text-panel]>span{position:static;display:block;flex:0 1 auto;left:auto;top:auto;width:auto;max-width:100%;margin:0;color:white;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.65);}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:15px;letter-spacing:.18em;line-height:1.2;opacity:.88;text-transform:none;}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-title]{font-size:44px;font-weight:750;line-height:1.18;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]{align-items:flex-end;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]>[data-banner-text-panel]{border-left:0;border-right:1px solid rgba(255,255,255,.45);align-items:flex-end;text-align:right;background:linear-gradient(260deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]>[data-banner-text-panel]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-accent]{display:block;width:72px;height:16px;flex:0 0 16px;background:url("../../static/images/desktop-banners/banner-accent.svg") left center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-features]{font-size:16px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;margin-top:4px;opacity:.95;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{max-width:68%;padding:20px 24px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-title]{font-size:30px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{box-sizing:border-box;width:min(720px,100%);max-width:100%;flex:0 0 auto;overflow:visible;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>span{flex:none;height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:48px;line-height:1.25;border:0;padding:0;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:20px;letter-spacing:0;border-left:5px solid var(--banner-accent);padding-left:12px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-features]{font-size:18px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:36px;}}
@media (min-width:768px){[data-banner-text-flow]{--banner-accent:#ffa000;flex-direction:column;}}
@media (min-width:768px){[data-banner-text-title]{font-weight:600;}}
@media (min-width:768px){[data-banner-text-panel]>span:not([data-banner-text-title]){line-height:1.7;}}
@media (min-width:768px){[data-banner-text-panel]>i{width:60px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]{background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.1));border:0;border-radius:0 8px 8px 0;}}
@media (min-width:768px){img[data-src="static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src="../../static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original="../../static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../static/images/about-07b4c97f400c.png.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/1260a218647c.jpg.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/1260a218647c.jpg.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/1260a218647c.jpg.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/1260a218647c.jpg.webp"]{content:url("../../static/images/desktop-banners/1260a218647c.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src="../../static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original="../../static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../static/images/banner-bg-8d0576faffd6.png.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/cbd9ee880070.jpg.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/cbd9ee880070.jpg.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/cbd9ee880070.jpg.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/cbd9ee880070.jpg.webp"]{content:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src="../../static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original="../../static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../static/images/sem-consult-fix-bg-e788aa50d35d.png.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/0800180ca0c5.jpg.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/0800180ca0c5.jpg.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/0800180ca0c5.jpg.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/0800180ca0c5.jpg.webp"]{content:url("../../static/images/desktop-banners/0800180ca0c5.jpg.webp");}}
@media (min-width:768px){img[data-src="skin/images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/skin/images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original="skin/images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/skin/images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src="../images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original="../images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../images/u633du56deu79d8u7c4dbanner.png"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/f30bd2ffe17c.jpg.webp"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/f30bd2ffe17c.jpg.webp"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/f30bd2ffe17c.jpg.webp"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/f30bd2ffe17c.jpg.webp"]{content:url("../../static/images/desktop-banners/f30bd2ffe17c.jpg.webp");}}
@media (min-width:768px){img[data-src="skin/images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src$="/skin/images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original="skin/images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original$="/skin/images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src="../images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original="../images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../images/u8131u5355u653bu7565banner.png"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/f84ef5f578c6.jpg.webp"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/f84ef5f578c6.jpg.webp"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/f84ef5f578c6.jpg.webp"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/f84ef5f578c6.jpg.webp"]{content:url("../../static/images/desktop-banners/f84ef5f578c6.jpg.webp");}}
@media (min-width:768px){img[data-src="skin/images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-src$="/skin/images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original="skin/images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original$="/skin/images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-src="../images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original="../images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../images/u5a5au59fbu5bb6u5eadbanner.png"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/608f2aff4790.jpg.webp"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/608f2aff4790.jpg.webp"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/608f2aff4790.jpg.webp"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/608f2aff4790.jpg.webp"]{content:url("../../static/images/desktop-banners/608f2aff4790.jpg.webp");}}
@media (min-width:768px){.about-banner{background:url("../../static/images/desktop-banners/1260a218647c.jpg.webp") no-repeat center;}}
@media (min-width:768px){.banner{background:url("../../static/images/desktop-banners/cbd9ee880070.jpg.webp") no-repeat;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel][data-banner-text-panel]>span{color:#f8fafc;}}
@media screen and (min-width:1024px){.icon-time{background-image:url("../../static/images/desktop-brand/clock-acb549e9a0.svg");}}
@media screen and (min-width:1024px){.icon-book{background-image:url("../../static/images/desktop-brand/eye-5fc49a3e8c.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .about:hover .icon{background-image:url("../../static/images/desktop-brand/chevron-right-3dc7f16699.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .about .icon{background-image:url("../../static/images/desktop-brand/chevron-right-110da3c3f7.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .kefu:hover .icon{background-image:url("../../static/images/desktop-brand/chevron-right-cc620e31b0.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .kefu .icon{background-image:url("../../static/images/desktop-brand/chevron-right-8c645732a6.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .dl-xl:hover .icon{background-image:url("../../static/images/desktop-brand/phone-8edd76c822.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .dl-xl .icon{background-image:url("../../static/images/desktop-brand/phone-5a0fb0f4b9.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .to-top:hover .icon{background-image:url("../../static/images/desktop-brand/chevron-right-aa6e3d8857.svg");}}
@media screen and (min-width:1024px){.right-fixed-bar .link-group .to-top .icon{background-image:url("../../static/images/desktop-brand/chevron-right-8cae48648a.svg");}}
@media screen and (min-width:1024px){.icon-book::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/book-open-d8b823c282.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/book-open-d8b823c282.svg") center/contain no-repeat;}}
@media screen and (min-width:1024px){.icon-time::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("../../static/images/desktop-brand/clock-c0a47589c2.svg") center/contain no-repeat;mask:url("../../static/images/desktop-brand/clock-c0a47589c2.svg") center/contain no-repeat;}}