/* Add here all your css styles (litalink.com) */
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	background-color: #eee !important;
}

.indent {
	text-indent: 2em;
}

img {
	-webkit-filter: saturate(1.1);
	filter: saturate(1.1);
	-webkit-filter: brightness(110%); /* Chrome, Safari, Opera */
	filter: brightness(110%);
}

.bottomline {
	color: #111;
	pointer-events: none;
	box-shadow: inset 0 -2px #111;
}


.text-subline {
	position: relative;
	height: 1px;
	padding: 0;
	background: #bababa;
	border: none;
}

.text-subline:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 40px;
	background: #191919;
}

.dropdown-item {
	padding: 0.41429rem 1.07143rem;
}

img.u-block-hover__main--mover-down {
	-webkit-transform: translate3d(0, -5px, 0) scale3d(1.1, 1.1, 1.1);
	transform: translate3d(0, -5px, 0) scale3d(1.1, 1.1, 1.1);
}

/* body背景色 */
.bg-skin {
	background: url(../images/body_bg.png) no-repeat top center;
}



.bg-home-software {
	position: relative;
	background-image: url(../images/bgwebp1.webp);
	background-color: #f8f9fa;
	background-size: cover;
	background-position: center center;
}

.bg_home_cover {
	background-image: url(../images/bg-software.png);
	background-color: #ffffff;
	background-size: cover;
	background-position: center center;
}

.left-color-span {
	display: inline-block;
	width: 2px;
	height: 25px;
	background: #fc5531;
	vertical-align: -2px;
	margin-right: 8px;
}


.bg-colors {
	width: 100%;
	height: 10px;
	background-position: 0 0;
	background-repeat: repeat;
	background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
	background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
	background-image: -moz-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
	background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
	animation: animate-colors 200s infinite linear;
	animation-play-state: paused;
}

ul li {
	cursor: pointer;
}

text-shadow li a {
	text-shadow: 0px 0px 5px rgb(0 0 0 / 60%);
}

.navbar-nav ul li {
	float: none;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	text-indent: 12px;
	font-size: 15px;
	padding: 5px 5px;
}


.font_share {
	text-shadow: 1px 2px 4px #535353;
}

.font_share2 {
	text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
}

.block_share {
	box-shadow: 0 4px 30px 0 rgb(0 0 0 / 25%);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
}

.material_share {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.litalink_share_red {
	box-shadow: 0px 5px 20px -3px rgb(255 122 138 / 66%);
}

.litalink_share {
	box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}

.litalink_share_vlog {
	box-shadow: 0px 5px 20px -3px rgb(0 0 0 / 66%);
}

.dropdown-menu {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	border: 0px solid rgba(0, 0, 0, .15);
}

.video-player-wrap {
	position: relative;
	margin: 0 auto;
	box-shadow: 0 2px 10px 0 #dcdcdc;
	border-radius: 7px;
	overflow: hidden;
}

.divider-point {
	background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff"><path d="M1280 0l-262.1 116.26a73.29 73.29 0 0 1-39.09 6L0 0v140h1280z"/></g></svg>');
	background-size: 100% 100px;
	background-repeat: no-repeat;
	height: 100px;
	width: 100%;
	margin-top: -1.5rem !important;
}

.divider-point-tl {
	transform: rotateY(180deg) rotateX(180deg)
}

.divider-point-tr {
	transform: rotateX(180deg)
}

.divider-point-bl {
	transform: rotateY(180deg)
}

.img-fluid {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.litalink-line {
	display: inline-block;
	width: 2px;
	height: 17px;
	background: #ff0000;
	margin: 2px 6px 0 18px;
	vertical-align: top;
}

.litalink-line-selected {
	color: #ff0000;
	width: 36px;
	height: 1px;
	background-color: #ff0000;
	border-radius: 1.5px;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}



.line_left {
	padding-left: 10px;
	border-left: 2px solid #ff0000;
}

.line_bottom {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	letter-spacing: 3px;
	position: relative;
}

.line_bottom::after {
	content: "";
	position: absolute;
	display: block;
	width: 30%;
	height: 1px;
	background: #e60012;
	left: 10%;
	bottom: -10px;
	margin-left: -28px;
}

.dropdown,
.dropleft,
.dropright,
.dropup {
	transition: all 0s linear;
}


.text_bg {
	color: #d74444;
	background: -webkit-gradient(linear, right top, left top, from(rgba(215, 68, 68, .2)), to(hsla(0, 0%, 100%, 0)));
	background: linear-gradient(270deg, rgba(215, 68, 68, .2), hsla(0, 0%, 100%, 0));
}

.atitle:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background: #e60a15
}

.atitlemin:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #e60a15;
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: middle
}

.point-color {
	position: relative;
	padding-left: 20px
}

.point-color:after {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 4px solid #ff7979;
	background-color: #ff2718
}

.bg-products {
	padding: 64px 0;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f4f9ff));
	background-image: -webkit-linear-gradient(top, #fff 0, #f4f9ff 100%);
	background-image: -moz- oldlinear-gradient(top, #fff 0, #f4f9ff 100%);
	background-image: linear-gradient(-180deg, #fff 0, #f4f9ff 100%);
}

.head-top:before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: #ff0000;
	background-image: -webkit-linear-gradient(#ff0000, #aa0000);
	background-image: linear-gradient(#ff0000, #aa0000);
}

.cbp-l-filters-underline .cbp-filter-item {
	border-bottom: 1px solid transparent;
	cursor: pointer;
	font: 600 14px/21px "Open Sans", sans-serif;
	padding: 8px 10px;
	position: relative;
	overflow: visible;
	margin: 0 10px 10px 10px;
	display: inline-block;
	color: #787878;
	-webkit-transition: color .25s ease-in-out, border-color .25s ease-in-out;
	transition: color .25s ease-in-out, border-color .25s ease-in-out;
}

.ind_slide {
	width: 65px;
	height: 252px;
	position: fixed;
	_position: absolute;
	/* box-shadow: 0 2px 6px 0 rgb(0 0 0 / 7%); */
	box-shadow: 0px 0px 10px 1px #f5f5f5;
	border-radius: 6px;
	left: 50%;
	border: #f5f5f5 1px solid;
	border-bottom: 0;
	background: #fff;
	margin-left: 620px;
	top: 40%;
	_top: auto;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 100)||0)-(parseInt(this.currentStyle.marginBottom, 100)||0)));
	z-index: 1000;
}

.ind_slide .icon li {
	width: 93%;
	height: 62px;
	border-bottom: #f5f5f5 1px solid;
	overflow: hidden;
	color: #757575;
	cursor: pointer;
}

.ind_slide .icon li:last-child {
	width: 93%;
	height: 62px;
	border-bottom: #f5f5f5 0px solid;
	overflow: hidden;
	color: #757575;
	cursor: pointer;
}


.ind_slide .icon li>a {
	display: block;
	cursor: pointer;
	color: #757575;
}

.ind_slide .icon li .ico {
	display: block;
	width: 100%;
	height: 37px;
	overflow: hidden;
	line-height: 20px;
	font-size: 12px;
}

.ind_slide .icon li:hover,
.ind_slide .icon li.active,
.ind_slide .icon li>a:hover {
	color: #e60012;
}

.ind_slide .icon li .bt {
	display: block;
	float: left;
	width: 100%;
	height: 10px;
	line-height: 10px;
	text-align: center;
	font-size: 14px;
}

.ind_slide .icon li .iconfont {
	display: block;
	margin: 0rem;
	padding: 0rem;
	text-align: center;
	font-size: 26px;
	text-shadow: 1px 2px 4px #535353;
}

.ind_slide .icon li.wx .ico {}

.ind_slide .icon li.wb .ico {}

.ind_slide .icon li.zxw .ico {}

.ind_slide .icon li.app .ico {}

.ind_slide .icon li.goto .ico {}

.ind_slide .info {
	width: 0;
	height: 380px;
	position: absolute;
	right: 64px;
	top: -1px;
	overflow: hidden;
	transition: 0.5s;
	border-radius: 6px;
}

.ind_slide .info.hover {
	width: 130px;
}

.ind_slide .info .wx,
.ind_slide .info .wb,
.ind_slide .info .app {
	width: 130px;
	height: 130px;
	border-radius: 6px;
}

.ind_slide .info .dl,
.ind_slide .info .zxw,
.ind_slide .info .goto {
	display: none;
}

.ind_slide .info .slide_ewm {
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	height: 130px;
	border-radius: 6px;
}

.ind_slide .info .slide_ewm a {
	display: block;
	width: 130px;
	height: 130px;
	cursor: default;
	overflow: hidden;
	border-radius: 6px;
}

.ind_slide .info .slide_ewm a img {
	float: left;
	width: 105px;
	height: 105px;
	background: #fff;
	padding: 1px;
	margin: 0 11px;
}

.ind_slide .info .slide_ewm a .img_title {
	float: left;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #e60012;
}

.ind_slide .info .wx .slide_ewm {
	top: 0;
}

.ind_slide .info .wb .slide_ewm {
	top: 63px;
}

.ind_slide .info .app .slide_ewm {
	top: 252px;
}

.u-header {
	position: relative;
	left: 0;
	right: 0;
	width: 100%;
	font-size: 16px;
	z-index: 501;
	/* add by yongan.liu */
	/* box-shadow: 0 2px 70px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
	box-shadow: 0 14px 20px -12px rgb(0 0 0 / 20%);
	/* box-shadow: 0 28px 50px rgba(25, 24, 40, .35); */
}

.u-headerx {
	position: relative;
	left: 0;
	right: 0;
	width: 100%;
	font-size: 16px;
	z-index: 501;
	box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
}


.bigdata {
	/* box-shadow: 0 4px 30px 0 rgb(0 0 0 / 25%); */
	/* box-shadow: 0 0 5px #ddd;
	padding: 20px;
	border-radius: 5px; */
	box-sizing: border-box;
	/* box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px; */
	box-shadow: 0 0 5px #ddd;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	padding: 20px;
}

.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
	font-size: 16px;
	min-width: 16.42857rem;
	padding: 0.71429rem 0;
}


.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(300deg, #aa0000, rgba(255, 0, 0, 0.7));
	background-image: -o-linear-gradient(300deg, #aa0000, rgba(255, 0, 0, 0.7));
	background-image: linear-gradient(150deg, #aa0000, rgba(255, 0, 0, 0.7));
}

.g-bg-secondary {
	background-color: #f7f7f7 !important;
}

.img-scale {
	transition: all 0.2s;
	cursor: pointer;
}

.img-scale:hover {
	transform: scale(1.1);
	text-decoration: none;
	transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-webkit-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand', enabled=bEnabled)
}

/* -- 浮动 --  */

.cf::after,
.cf::before {
	position: relative;
}

.cf::after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


.news__main {
	display: flex;
	padding: 0 10px 0 0px;
}

.news__table {
	flex: none;
	margin-right: 10px;
	padding-top: 14px;
}

.news__row {
	display: flex;
	height: 54px;
	cursor: pointer;
}

.news__row:hover {
	text-decoration: none;
}

.news__col1 {
	flex: none;
	width: 5px;
	height: 20px;
	background: linear-gradient(180deg, #e50012 0%, rgba(255, 37, 37, 0) 100%);
	margin: 17px 0 0 5px;
}

.news__col2 {
	flex: auto;
	line-height: 54px;
	font-size: 16px;
	color: #101010;
	margin: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news__col3 {
	font-size: 14px;
	color: #9b9b9b;
	line-height: 54px;
	margin-right: 40px;
	display: block;
}

.news__col4 {
	display: none;
}

.news__row--active {
	background: #aa0000 !important;
	box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.25);
}

.news__row--active .news__col1 {
	background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.news__row--active .news__col2 {
	color: #ffffff;
}

.news__row--active .news__col3 {
	display: none;
}

.news__row--active .news__col4 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 54px;
	margin-right: 24px;
	display: block;
}

.news__card {
	flex: none;
	width: 354px;
	margin-left: 15px;
	cursor: pointer;
}

.news__card:hover {
	text-decoration: none;
}

.news__cover {
	width: 354px;
	height: 200px;
	overflow: hidden;
}

.news__image {
	width: 354px;
	height: 200px;
}

.news__date {
	font-size: 12px;
	color: #6d6d6d;
	line-height: 12px;
	margin-top: 15px;
}

.news__h1 {
	font-size: 16px;
	color: #101010;
	line-height: 16px;
	margin-top: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news__h2 {
	font-size: 12px;
	color: #6d6d6d;
	line-height: 20px;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news__card .news__arrow {
	font-size: 12px;
	color: #6d6d6d;
	line-height: 12px;
	margin-top: 13px;
}

.news__card .news__arrow1 {
	display: block;
}

.news__card .news__arrow2 {
	display: none;
	color: #e50012;
}

.news__card--active .news__arrow1 {
	display: none;
}

.news__card--active .news__arrow2 {
	display: block;
}

.news__card--active .news__h1 {
	color: #e50012;
}

ul li.nav-item.g-mx-20--lg.active a {
	border-bottom: 1px solid #fff;
	-moz-transition: width 2s;
	/* Firefox 4 */
	-webkit-transition: width 2s;
	/* Safari 和 Chrome */
	-o-transition: width 2s;
	/* Opera */
}

.ahover:hover {
	border-bottom: 1px solid #ff0000;
	transition: all 0.4s ease-in-out;
	-moz-transition: width 2s;
	/* Firefox 4 */
	-webkit-transition: width 2s;
	/* Safari 和 Chrome */
	-o-transition: width 2s;
	/* Opera */
}

/* ==================
          边框
 ==================== */

/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
	position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
}

.solid::after {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.solids::after {
	border: 8px solid #eee;
}

.solids-top::after {
	border-top: 8px solid #eee;
}

.solids-right::after {
	border-right: 8px solid #eee;
}

.solids-bottom::after {
	border-bottom: 8px solid #eee;
}

.solids-left::after {
	border-left: 8px solid #eee;
}

/* -- 虚线 -- */

.dashed::after {
	border: 1px dashed #ddd;
}

.dashed-top::after {
	border-top: 1px dashed #ddd;
}

.dashed-right::after {
	border-right: 1px dashed #ddd;
}

.dashed-bottom::after {
	border-bottom: 1px dashed #ddd;
}

.dashed-left::after {
	border-left: 1px dashed #ddd;
}

/* -- 阴影 -- */
/* .shadow {
	-webkit-box-shadow: 0 0 3px rgba(47, 60, 78, 0.15) !important;
	box-shadow: 0 0 3px rgba(47, 60, 78, 0.15) !important;
} */

/* .shadowx[class*='white'] {
	--ShadowSize: 0 1px 6px;
} */

.shadow-lg {
	--ShadowSize: 0px 40px 100px 0px;
}

.shadow-warp {
	position: relative;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.shadow-warp:before,
.shadow-warp:after {
	position: absolute;
	content: "";
	top: 20px;
	bottom: 30px;
	left: 20px;
	width: 50%;
	box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);
	transform: rotate(-3deg);
	z-index: -1;
}

.shadow-warp:after {
	right: 20px;
	left: auto;
	transform: rotate(3deg);
}

.shadow-blur {
	position: relative;
}

.shadow-blur::before {
	content: "";
	display: block;
	background: inherit;
	filter: blur(10px);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 20px;
	left: 20px;
	z-index: -1;
	opacity: 0.4;
	transform-origin: 0 0;
	border-radius: inherit;
	transform: scale(1, 1);
}


/* ==================
          背景
 ==================== */

.line-red::after,
.lines-red::after {
	border-color: #e54d42;
}

.line-orange::after,
.lines-orange::after {
	border-color: #f37b1d;
}

.line-yellow::after,
.lines-yellow::after {
	border-color: #fbbd08;
}

.line-olive::after,
.lines-olive::after {
	border-color: #8dc63f;
}

.line-green::after,
.lines-green::after {
	border-color: #39b54a;
}

.line-cyan::after,
.lines-cyan::after {
	border-color: #1cbbb4;
}

.line-blue::after,
.lines-blue::after {
	border-color: #0081ff;
}

.line-purple::after,
.lines-purple::after {
	border-color: #6739b6;
}

.line-mauve::after,
.lines-mauve::after {
	border-color: #9c26b0;
}

.line-pink::after,
.lines-pink::after {
	border-color: #e03997;
}

.line-brown::after,
.lines-brown::after {
	border-color: #a5673f;
}

.line-grey::after,
.lines-grey::after {
	border-color: #8799a3;
}

.line-gray::after,
.lines-gray::after {
	border-color: #aaaaaa;
}

.line-black::after,
.lines-black::after {
	border-color: #333333;
}

.line-white::after,
.lines-white::after {
	border-color: #ffffff;
}

.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}

.bg-orange {
	background-color: #f37b1d;
	color: #ffffff;
}

.bg-yellow {
	background-color: #fbbd08;
	color: #333333;
}

.bg-olive {
	background-color: #8dc63f;
	color: #ffffff;
}

.bg-green {
	background-color: #39b54a;
	color: #ffffff;
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #ffffff;
}

.bg-blue {
	background-color: #0081ff;
	color: #ffffff;
}

.bg-purple {
	background-color: #6739b6;
	color: #ffffff;
}

.bg-mauve {
	background-color: #9c26b0;
	color: #ffffff;
}

.bg-pink {
	background-color: #e03997;
	color: #ffffff;
}

.bg-brown {
	background-color: #a5673f;
	color: #ffffff;
}

.bg-grey {
	background-color: #8799a3;
	color: #ffffff;
}

.bg-gray {
	background-color: #f0f0f0;
	color: #333333;
}

.bg-black {
	background-color: #333333;
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
	color: #666666;
}

.bg-shadeTop {
	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
	color: #ffffff;
}

.bg-shadeBottom {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
	color: #ffffff;
}

.bg-red.light {
	color: #e54d42;
	background-color: #fadbd9;
}

.bg-orange.light {
	color: #f37b1d;
	background-color: #fde6d2;
}

.bg-yellow.light {
	color: #fbbd08;
	background-color: #fef2ced2;
}

.bg-olive.light {
	color: #8dc63f;
	background-color: #e8f4d9;
}

.bg-green.light {
	color: #39b54a;
	background-color: #d7f0dbff;
}

.bg-cyan.light {
	color: #1cbbb4;
	background-color: #d2f1f0;
}

.bg-blue.light {
	color: #0081ff;
	background-color: #cce6ff;
}

.bg-purple.light {
	color: #6739b6;
	background-color: #e1d7f0;
}

.bg-mauve.light {
	color: #9c26b0;
	background-color: #ebd4ef;
}

.bg-pink.light {
	color: #e03997;
	background-color: #f9d7ea;
}

.bg-brown.light {
	color: #a5673f;
	background-color: #ede1d9;
}

.bg-grey.light {
	color: #8799a3;
	background-color: #e7ebed;
}

.bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
	color: #ffffff;
}

.bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
	color: #ffffff;
}

.bg-gradual-green {
	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
	color: #ffffff;
}

.bg-gradual-purple {
	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
	color: #ffffff;
}

.bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6);
	color: #ffffff;
}

.bg-gradual-blue {
	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
	color: #ffffff;
}

.shadowx-red {
	box-shadow: 12px 12px 16px rgba(255, 0, 21, 0.2);
}

.shadowx[class*="-red"] {
	box-shadow: 12px 12px 16px rgba(255, 0, 21, 0.2);
}

.shadowx[class*="-orange"] {
	box-shadow: 12px 12px 16px rgba(255, 151, 47, 0.2);
}

.shadowx[class*="-yellow"] {
	box-shadow: 12px 12px 16px rgba(224, 170, 7, 0.2);
}

.shadowx[class*="-olive"] {
	box-shadow: 12px 12px 16px rgba(124, 173, 55, 0.2);
}

.shadowx[class*="-green"] {
	box-shadow: 12px 12px 16px rgba(102, 235, 107, 0.2);
}

.shadowx[class*="-cyan"] {
	box-shadow: 12px 12px 16px rgba(29, 207, 234, 0.2);
}

.shadowx[class*="-blue"] {
	box-shadow: 12px 12px 16px rgba(59, 176, 254, 0.2);
}

.shadowx[class*="-teal"] {
	box-shadow: 12px 12px 16px rgba(28, 223, 184, 0.2);
}

.shadowx[class*="-purple"] {
	box-shadow: 12px 12px 16px rgba(88, 48, 156, 0.2);
}

.shadowx[class*="-mauve"] {
	box-shadow: 12px 12px 16px rgba(133, 33, 150, 0.2);
}

.shadowx[class*="-pink"] {
	box-shadow: 12px 12px 16px rgba(199, 50, 134, 0.2);
}

.shadowx[class*="-brown"] {
	box-shadow: 12px 12px 16px rgba(140, 88, 53, 0.2);
}

.shadowx[class*="-grey"] {
	box-shadow: 12px 12px 16px rgba(114, 130, 138, 0.2);
}

.shadowx[class*="-gray"] {
	box-shadow: 12px 12px 16px rgba(114, 130, 138, 0.2);
}

.shadowx[class*="-black"] {
	box-shadow: 12px 12px 16px rgba(26, 26, 26, 0.2);
}

/* .shadowx[class*="-white"] {
	box-shadow: 12px 12px 16px rgba(26, 26, 26, 0.2);
} */

.text-shadow[class*="-red"] {
	text-shadow: 12px 12px 16px rgba(204, 69, 59, 0.2);
}

.text-shadow[class*="-orange"] {
	text-shadow: 12px 12px 16px rgba(217, 109, 26, 0.2);
}

.text-shadow[class*="-yellow"] {
	text-shadow: 12px 12px 16px rgba(224, 170, 7, 0.2);
}

.text-shadow[class*="-olive"] {
	text-shadow: 12px 12px 16px rgba(124, 173, 55, 0.2);
}

.text-shadow[class*="-green"] {
	text-shadow: 12px 12px 16px rgba(48, 156, 63, 0.2);
}

.text-shadow[class*="-cyan"] {
	text-shadow: 12px 12px 16px rgba(28, 187, 180, 0.2);
}

.text-shadow[class*="-blue"] {
	text-shadow: 12px 12px 16px rgba(0, 102, 204, 0.2);
}

.text-shadow[class*="-purple"] {
	text-shadow: 12px 12px 16px rgba(88, 48, 156, 0.2);
}

.text-shadow[class*="-mauve"] {
	text-shadow: 12px 12px 16px rgba(133, 33, 150, 0.2);
}

.text-shadow[class*="-pink"] {
	text-shadow: 12px 12px 16px rgba(199, 50, 134, 0.2);
}

.text-shadow[class*="-brown"] {
	text-shadow: 12px 12px 16px rgba(140, 88, 53, 0.2);
}

.text-shadow[class*="-grey"] {
	text-shadow: 12px 12px 16px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-gray"] {
	text-shadow: 12px 12px 16px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-black"] {
	text-shadow: 12px 12px 16px rgba(26, 26, 26, 0.2);
}

.bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-mask {
	background-color: #333333;
	position: relative;
}

.bg-mask::after {
	content: "";
	border-radius: inherit;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.bg-mask view,
.bg-mask cover-view {
	z-index: 5;
	position: relative;
}

.bg-video {
	position: relative;
}

.bg-video video {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	z-index: 0;
	pointer-events: none;
}



.section.sdgs .sdg-colors-top-banner {
	width: 100%;
}

.section.sdgs .sdg-colors-top-banner div {
	height: 0.3rem;
	width: 4%;
	float: left;
	box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.5);
}

.section.sdgs .sdg-colors-top-banner div.sdg-1 {
	background-color: #E8203A;
}

.section.sdgs .sdg-colors-top-banner div.sdg-2 {
	background-color: #DDA63A;
}

.section.sdgs .sdg-colors-top-banner div.sdg-3 {
	background-color: #4C9F38;
}

.section.sdgs .sdg-colors-top-banner div.sdg-4 {
	background-color: #C5192D;
}

.section.sdgs .sdg-colors-top-banner div.sdg-5 {
	background-color: #FF3A21;
}

.section.sdgs .sdg-colors-top-banner div.sdg-6 {
	background-color: #26BDE2;
}

.section.sdgs .sdg-colors-top-banner div.sdg-7 {
	background-color: #FCC30B;
}

.section.sdgs .sdg-colors-top-banner div.sdg-8 {
	background-color: #A21942;
}

.section.sdgs .sdg-colors-top-banner div.sdg-9 {
	background-color: #FF6924;
}

.section.sdgs .sdg-colors-top-banner div.sdg-10 {
	background-color: #DD1367;
}

.section.sdgs .sdg-colors-top-banner div.sdg-11 {
	background-color: #FF9F24;
}

.section.sdgs .sdg-colors-top-banner div.sdg-12 {
	background-color: #BF8B2E;
}

.section.sdgs .sdg-colors-top-banner div.sdg-13 {
	background-color: #3F7E44;
}

.section.sdgs .sdg-colors-top-banner div.sdg-14 {
	background-color: #0A97D9;
}

.section.sdgs .sdg-colors-top-banner div.sdg-15 {
	background-color: #00689D;
}

.section.sdgs .sdg-colors-top-banner div.sdg-16 {
	background-color: #56C22B;
}

.section.sdgs .sdg-colors-top-banner div.sdg-17 {
	background-color: #19486A;
}


.tab-head-box {
	overflow: hidden
}

.tab-head-box .tab {
	float: left;
	padding: 0 15px;
	margin: 0 15px;
	font-size: 16px;
	color: #111;
	line-height: 40px;
	border-bottom: 2px solid #fff;
	cursor: pointer
}

.tab-head-box .tab:first-of-type {
	margin-left: 0
}

.tab-head-box .tab:hover {
	color: #ff0000
}

.tab-head-box .tab.on {
	color: #ff0000;
	border-bottom: 1px solid #ff0000
}

.tab-head-box .more {
	float: right;
	line-height: 40px;
	cursor: pointer
}

.tab-head-box .more .text {
	display: inline-block;
	margin-right: 5px
}

.tab-head-box .more .icon {
	display: inline-block
}

.tab-head-box .more:visited {
	color: #7b8390
}

.tab-body-box {
	margin-top: 15px
}

.tab-body-box .tab-body {
	overflow: hidden;
	display: none
}

.tab-body-box .tab-body.show {
	display: block
}

.tab-body-box .tab-body li {
	float: left;
	width: 50%;
	line-height: 35px;
	padding-right: 30px;
	font-size: 14px;
	box-sizing: border-box
}

.tab-body-box .tab-body li a {
	display: block;
	overflow: hidden
}

.tab-body-box .tab-body li a:hover .date,
.tab-body-box .tab-body li a:hover .content {
	color: #ff0000
}

.tab-body-box .tab-body li a .date {
	position: relative;
	display: inline-block;
	width: 50px;
	float: left;
	margin-right: 10px;
	color: #7b838f
}

.tab-body-box .tab-body li a .date:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 2px;
	height: 16px;
	background-color: #e3e4e6;
	transform: translate(0, -50%)
}

.tab-body-box .tab-body li a .content {
	display: inline-block;
	float: left;
	max-width: 260px;
	color: #3d4450;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.tab-body-box .tab-body li.new {
	position: relative;
	padding-right: 55px
}

.tab-body-box .tab-body li.new:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 10px;
	width: 25px;
	height: 10px;
	background-position: -325px -12px
}

.tab-body-box .tab-body li.hot {
	position: relative;
	padding-right: 55px
}

.tab-body-box .tab-body li.hot:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 10px;
	width: 25px;
	height: 10px;
	background-position: -325px 0
}

.tab-body-box .tab-body li:nth-of-type(even) {
	padding-right: 0
}

.tab-body-box .tab-body li:nth-of-type(even) .content {
	max-width: 290px
}

.tab-body-box .tab-body li:nth-of-type(even).hot,
.tab-body-box .tab-body li:nth-of-type(even).new {
	padding-right: 25px
}

.tab-body-box .tab-body li:nth-of-type(even).hot:after,
.tab-body-box .tab-body li:nth-of-type(even).new:after {
	right: 0
}

.register-index .messages-box .right-box {
	width: 270px;
	float: right
}

.register-index .messages-box .right-box .text {
	font-size: 16px;
	margin-bottom: 20px;
	color: #3d4450;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.register-index .messages-box .right-box .text:hover {
	color: #ff0000
}

.register-index .messages-box .right-box img {
	display: block;
	width: 100%
}


.page-hr-research .article-contain-wrap {
	width: 100%;
	padding-top: 28px
}

.page-hr-research .article-contain {
	float: left;
	min-width: 800px;
	overflow: auto
}

.page-hr-research .article-contain::-webkit-scrollbar {
	width: 0
}

.page-hr-research .article-contain .news-list li {
	box-sizing: border-box;
	height: 180px;
	/* border: 1px solid #eee; */
	transition: all .5s;
	margin-bottom: 10px;
	padding: 3px 3px 3px 2px
}

.page-hr-research .article-contain .news-list li .news {
	height: 146px;
	width: 100% !important;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.page-hr-research .article-contain .news-list li .news .news-img-box {
	float: left;
	width: 30%;
	height: 146px;
	display: flex;
	align-items: flex-start;
	overflow: hidden
}

.page-hr-research .article-contain .news-list li .news .news-img-box img {
	width: 100%
}

.page-hr-research .article-contain .news-list li .news .content-box {
	float: right;
	width: 65%;
	height: 146px;
	transition: all .5s;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.page-hr-research .article-contain .news-list li .news .content-box .part-top .news-title {
	color: #1d1d1f;
	font-size: 18px;
	min-height: 26px;
	overflow: hidden;
	/* font-weight: 600; */
	transition: color .5s;
	line-height: 26px;
	position: relative
}

.page-hr-research .article-contain .news-list li .news .content-box .part-top .content,
.page-hr-research .article-contain .news-list li .news .content-box .part-top .article-content {
	height: 52px;
	margin-top: 27px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	text-align: justify
}

.page-hr-research .article-contain .news-list li .news .content-box .article-bottom {
	width: 100%;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.page-hr-research .article-contain .news-list li .news .content-box .article-bottom .article-bottom-tab {
	display: flex;
	align-items: center
}

.page-hr-research .article-contain .news-list li .news .content-box .article-bottom .article-bottom-tab div {
	width: 62px;
	height: 21px;
	border: 1px solid #e5e5e5;
	margin-right: 20px;
	border-radius: 2px;
	text-align: center;
	line-height: 21px;
	font-size: 12px;
	color: #b1b1b1
}

.page-hr-research .article-contain .news-list li .news .content-box .article-bottom .article-bottom-time {
	font-size: 12px;
	color: #b1b1b1
}

.page-hr-research .article-contain .news-list li .news:hover .content-box {
	transform: translate(10px, 0)
}

.page-hr-research .article-contain .news-list li .news:hover .content-box .news-title {
	color: #ff0000
}

.page-hr-research .article-contain .news-list li:hover {
	box-shadow: 4px -3px 8px -2px #f5f5f5
}

.page-hr-research .article-contain .news-list.no-bottom li:last-of-type {
	border-bottom: 0
}

.page-hr-research .article-contain .article-list-load-more {
	width: 802px;
	height: 50px;
	margin-top: 40px;
	background: #eff2f5;
	border-radius: 2px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #b1b1b1;
	cursor: pointer;
	display: none
}

.page-hr-research .article-contain .article-list-load-more.show {
	display: block
}

.page-hr-research .article-contain .no-more-tip {
	display: none;
	margin-top: 30px
}

.page-hr-research .article-contain .no-more-tip.show {
	display: block
}



.article-content {
	font-size: 14px;
	margin-bottom: 48px;
	background-color: #fff;
	padding-right: 20px
}

.article-content-item {
	line-height: 25px;
	color: #666;
	position: relative
}

.article-content-item:hover {
	color: #ff0000
}

.article-content-item-index {
	color: #ccc;
	position: absolute;
	left: 0px;
	top: 8px
}

.article-content-item-name {
	color: #666;
	margin-left: 35px;
	display: block;
	border-bottom: 1px solid #ededed;
	padding: 8px 0
}

.article-content-item-name:hover {
	color: #ff0000
}

.article-content li:last-of-type .article-content-item-name {
	border: none
}

.news__header {
	width: 100%;
	height: 100px;
	position: relative;
}

.news__title {
	height: 100px;
	line-height: 100px;
	font-size: 1.75rem;
	font-weight: 500;
	color: #000;
	padding-left: 0px;
	background-size: 8px 8px;
	/* border-bottom: 1px dashed #9b9b9b; */
}

.news__title--bg {
	line-height: 50px;
	font-size: 30px;
	color: rgba(255, 37, 37, 0.1);
	position: absolute;
	left: 6px;
	bottom: 12px;
}

.features-box .title-icon {
	font-size: 25px;
	height: 60px;
	width: 60px;
	line-height: 60px;
	background: #f8f9fa
}

.features-box .title {
	font-size: 18px
}

.features-box ul li {
	position: relative;
	padding: 10px 0
}

.service-wrapper {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-wrapper .icon {
	width: 60px;
	height: 60px;
	line-height: 45px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-wrapper .content .title {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-weight: 500
}

.service-wrapper .big-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.05;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-wrapper:hover {
	-webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
	box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
	background: #fff;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	border-color: transparent !important
}

.service-wrapper:hover .icon {
	background: #ff0000 !important;
	color: #fff !important
}

.service-wrapper:hover .big-icon {
	z-index: -1;
	opacity: 0.1;
	font-size: 160px !important;
	color: red;
	width: 1em;
}


.service-container {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container .icon {
	margin-top: 5%;
	font-size: 38px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container .number-icon .icon-2 {
	height: 70px;
	width: 70px;
	line-height: 70px;
	border-radius: 64% 36% 55% 45% / 76% 72% 28% 24% !important;
	border-color: #ff0000 !important;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container .number-icon .icon-2 i {
	font-size: 30px
}

.service-container .number-icon .number {
	position: absolute;
	top: 0;
	right: 70px;
	left: 0;
	height: 35px;
	width: 35px;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container .number-icon .number span {
	line-height: 30px
}

.service-container .content .number {
	font-size: 40px;
	color: #dee2e6
}

.service-container .content .title {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container.hover-bg {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.service-container.hover-bg .smooth-icon {
	position: absolute;
	bottom: -40px;
	right: -20px;
	font-size: 60px;
	color: #f8f9fa;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease
}

.service-container.hover-bg:hover {
	background-color: #ff0000
}

.service-container.hover-bg:hover .content .title {
	color: #fff !important
}

.service-container.hover-bg:hover .content .serv-pera {
	color: #fafafb !important
}

.service-container.hover-bg:hover .smooth-icon {
	font-size: 100px;
	opacity: 0.2;
	bottom: -20px;
	right: 10px
}

.service-container:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
	box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important
}

.service-container:hover .icon {
	color: #ff0000;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate
}

.service-container:hover .number-icon .icon-2 {
	background-color: #ff0000;
	border-radius: 50% !important
}

.service-container:hover .number-icon .icon-2 i {
	color: #fff !important
}

.service-container:hover .number-icon .number {
	color: #fff;
	background: #ff0000 !important;
	border-color: #fff !important
}

.service-container:hover .content .title {
	color: #ff0000
}

.service-container a:hover,
.service-container a .title:hover {
	color: #ff0000 !important
}

.hover-top {
	-webkit-transition: ease-in-out all 0.35s;
	transition: ease-in-out all 0.35s;
	position: relative;
	top: 0;
}

.hover-top:hover {
	top: -5px;
}


.theme1-ribbon {
	font-size: 14px;
	font-weight: 600;
	border: 1px dashed #e1a02c;
	color: #e1a02c;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: inline-block;
}

.theme2-ribbon {
	font-size: 14px;
	font-weight: 600;
	border: 1px dashed #00bdb3;
	color: #00bdb3;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: inline-block;
}

.theme3-ribbon {
	font-size: 14px;
	font-weight: 600;
	border: 1px dashed #c7a674;
	color: #c7a674;
	padding: 5px 15px;
	margin-bottom: 15px;
	display: inline-block;
}


.preview-img-box {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	max-width: 700px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.preview-img-box:hover {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}

.preview-img-box img {
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.preview-img-box:hover img.hover_img_animate {
	opacity: 1;
	visibility: visible;
}

.preview-img-box img.hover_img_animate {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.recruit1 {
	background: #fff;
}

.recruit1 .block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}

.recruit1 .title {
	text-align: left;
	max-width: 30%;
}

.recruit1 .title img {
	max-width: 300px;
}

.recruit1 .title .b {
	margin-top: 30px;
}

.recruit1 .list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	-ms-flex-preferred-size: auto;
	flex: 1;
	height: 200px;
}

.recruit1 .item {
	-ms-flex: 1;
	-ms-flex-preferred-size: auto;
	flex: 1;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	margin-left: 10px;
	position: relative;
	background: #fff;
	opacity: 0;
	transition: all 0.5s ease-out 0s;
	transform: translateY(50px);
}

.recruit1 .item a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.recruit1.showdiv .item {
	transform: none;
	opacity: 1;
}

.recruit1 .item:after {
	content: "";
	width: 84px;
	height: 142px;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
}

.recruit1 .item span {
	padding: 35px 25px;
	text-shadow: 1px 2px 4px #333;
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2;
}

.recruit1 .item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	width: 4px;
	background: #ff0000;
	bottom: 120px;
	transition: all 0.3s ease-out 0s;
}

.recruit1 .item:hover:before {
	top: 0;
	bottom: 0;
}

.recruit1 .item:hover:after {
	opacity: 1;
}




.recruit2 .list {
	margin-top: 5%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.recruit2 .list .item {
	width: calc(25%);
	text-align: center;
	margin: 20px 0;
}

.recruit2 .list .item a {
	transition: all 0.2s ease-out 0s;
	display: block;
}

.recruit2 .list .item .ico {
	height: 50px;
}

.recruit2 .list .item:hover a {
	transform: translateY(-10px);
}

.recruit2 .list .item .h {
	font-size: 18px;
	margin-top: 10px;
}

.recruit2 .link {
	display: -ms-flexbox;
	display: flex;
	height: 215px;
}

.recruit2 .link .item {
	-ms-flex: 1;
	flex: 1;
	color: #fff;
	font-size: 24px;
	transition: all 0.2s ease-out 0s;
}

.recruit2 .link .item a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.recruit2 .link .item:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	z-index: 1;
	position: relative;
}

.recruit2 .link .item span {
	margin-top: 10px;
}

.recruit2 .link .item:nth-child(1) {
	background: #94070a;
}

.recruit2 .link .item:nth-child(2) {
	background: #8c726e;
}

.recruit2 .link .item:nth-child(3) {
	background: #362d2e;
}

.recruit2 .b {
	text-align: center;
	margin-top: 40px;
}

.recruit2 .b .more {
	margin: 0 30px;
}


.col-item {
	position: relative;
	margin-bottom: 30px;
}

.col-item a {}

.col-item .imgbox {
	overflow: hidden;
	position: relative;
}

@media (min-width: 1920px) {
	.col-item .imgbox {
		height: 280px;
	}
}

@media (max-width: 1920px) {
	.col-item .imgbox {
		height: 280px;
	}
}

@media (max-width: 1680px) {
	.col-item .imgbox {
		height: 240px;
	}
}

@media (max-width: 1440px) {
	.col-item .imgbox {
		height: 220px;
	}
}

@media (max-width: 1366px) {
	.col-item .imgbox {
		height: 200px;
	}
}

@media (max-width: 1200px) {
	.col-item .imgbox {
		height: 180px;
	}
}

@media (max-width: 992px) {
	.col-item .imgbox {
		height: 180px;
	}
}

.col-item .imgbox img {
	float: none;
	height: auto;
	width: 100%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 0;
}

.col-item .photo {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.col-item .type {
	top: 0;
	left: 15px;
	position: absolute;
	padding: 7px 20px;
	text-align: center;
	max-width: 90%;
	z-index: 8;
}

.col-item .type span {
	color: #fff;
	font-size: 13px;
	display: block;
	width: 100%;
	height: 100%;
}

.col-item .textbox {
	background: #f8f8f8;
	text-align: left;
	padding: 25px 28px 30px 25px;
}

.col-item .textbox .overtext {
	height: 6.6em;
	overflow: hidden;
}



@media (max-width: 992px) {
	.col-item .textbox .overtext {
		height: 4em;
	}

	.index-service .col-item .textbox .overtext {
		height: auto;
	}
}

.event-card .col-item .textbox .overtext {
	height: 6.7em;
}

.event-card .col-item .textbox .overtext .title {
	max-height: 62px;
}

.col-item .textbox .overtext .title {
	height: auto;
	display: block;
}

.col-item .textbox .overtext .text {
	height: auto;
	display: block;
}

.index-service .col-item .textbox .overtext .text {
	display: block;
	overflow: hidden;
}

.col-item .textbox .title {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.625em;
	height: 62px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
}

.col-item .textbox .info {
	font-size: 0.875em;
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}

.index-service .col-item .textbox .info {
	height: 46px;
}

.col-item .textbox .info .address {
	display: inline-block;
	margin-right: 18px;
}

.col-item .textbox .info .address span {
	margin-top: -3px;
	display: inline-block;
	font-weight: bold;
}

.col-item .textbox .info .time {
	display: inline-block;
}

.col-item .textbox .info .time span {
	margin-top: -3px;
	display: inline-block;
	font-weight: normal;
}

.col-item .textbox .info span {
	vertical-align: middle;
	margin-right: 6px;
}

.col-item .textbox .text {
	font-size: 0.875em;
	line-height: 1.6875em;
	color: #666;
	clear: both;
	height: 60px;
}

.col-item .textbox .reg-more {
	font-size: 0.875em;
	color: #666;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin-top: 20px;
}

.col-item .textbox .reg-more span {
	float: left;
}

.col-item .textbox .reg-more .iconfont {
	color: #ff0000;
	float: left;
	margin-left: 4px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 16px;
}

.col-item .textbox .reg-more:hover .iconfont {
	-webkit-transform: translate3d(4px, 0, 0);
	transform: translate3d(4px, 0, 0);
}

@media (min-width: 992px) {

	.type1 a:hover .imgbox img,
	.type2 a:hover .imgbox img {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		top: 50%;
		width: 110%;
		height: 110%;
	}

	.type1 a:hover .photo,
	.type2 a:hover .photo {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
}

.type1 a:hover .textbox,
.type2 a:hover .textbox {
	background-color: #f2f2f2;
}


@media (max-width: 992px) {
	.col-item.type3 .reg-more {
		display: none;
	}

	.col-item {
		margin-bottom: 15px;
	}

	.col-item .textbox {
		padding: 20px 15px !important;
	}

	.col-item .textbox .info {
		font-size: 14px;
		margin-top: 0;
	}

	.col-item .textbox .info .address {
		margin-bottom: 6px;
	}

	.col-item .textbox .info .time {
		margin-bottom: 6px;
	}

	.col-item .textbox .text {
		margin: 9px 0 25px 0;
	}

	.col-item .textbox a:hover .iconfont {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

@media (max-width: 768px) {
	.col-item .textbox .title {
		height: auto;
		font-size: 1.1em;
	}

	.col-item .textbox .text {
		height: auto;
	}

}

@media (max-width: 767px) {
	.tab-content .events-top .col-item .imgbox img {
		height: 100%;
		width: auto;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top: auto;
		left: 50%;
	}

	.event-card .col-item .textbox .overtext {
		height: auto;
	}
}


.row2 .radio-list-wrapper {
	position: relative;
	overflow: hidden
}

.row2 .radio-list-wrapper .radio-list {
	margin-left: -.5%;
	margin-right: -.5%
}

.row2 .radio-list-wrapper .radio-list li {
	float: left;
	width: 9.5%;
	height: 97px;
	line-height: 97px;
	background-color: #fff;
	margin: .5% 0 0 .5%;
	text-align: center;
	font-weight: 500;
	font-size: 16px
}

.row2 .radio-list-wrapper .radio-list li.selected a {
	background-color: #aa0000;
	color: #fff
}

.row2 .radio-list-wrapper .radio-list li a {
	display: block;
	text-shadow: 1px 2px 4px #999;
	text-align: center
}

.row2 .radio-list-wrapper .radio-list li a:hover {
	background-color: #aa0000;
	color: #fff
}

.row2 .radio-list-wrapper .radio_cn {
	position: absolute;
	width: 100.5%;
	margin-left: -.5%;
	bottom: 0;
	left: 70.75%
}

.row2 .radio-list-wrapper .radio_cn li {
	position: relative;
	float: left;
	height: 97px;
	width: 9.5%;
	line-height: 97px;
	background-color: #fff;
	margin: 0 0 0 .5%;
	text-align: center
}

.row2 .radio-list-wrapper .radio_cn li {
	position: relative;
	float: left;
	height: 97px;
	width: 29.2%;
	line-height: 97px;
	background-color: #fff;
	margin: 0 0 0 .5%;
	text-align: center;
}


.row2 .radio-list-wrapper .radio_cn li a {
	display: block
}



.row2 .radio-list-wrapper {
	position: relative;
	overflow: hidden
}

.row2 .radio-list-wrapper .radio-list {
	margin-left: -.5%
}

.row2 .radio-list-wrapper .radio-list li {
	font-size: 16px;
	height: 106px;
	line-height: 106px
}

.row2 .radio-list-wrapper .radio_cn li {
	height: 106px;
	line-height: 106px
}

.floatNav {
	width: 76px
}



.indexYwLUl1 li {
	overflow: hidden;
	height: 60px;
}

.indexYwLUl1 li span {
	width: 53px;
	height: 53px;
	float: left;
	display: block;
	color: #fff;
	font-size: 12px;
	text-align: center;

}

.indexYwLUl1 li span b {
	font-weight: 500;
	transform: scale(.8);
	-ms-transform: scale(.8);
	/* IE 9 */
	-moz-transform: scale(.8);
	/* Firefox */
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	/* Opera */
	display: block;
	width: 100%;
	height: 12px;
}

.indexYwLUl1 li span i {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
	font-weight: 200;
	margin: 13px 0 -5px;
}

.indexYwLUl1 li a {
	float: right;
	display: block;
	width: 355px;
	line-height: 53px;
	color: #333333;
	font-size: 16px;
	height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: .3s;
	-moz-transition: .3s;
	/* Firefox 4 */
	-webkit-transition: .3s;
	-o-transition: .3s;
	/* Opera */
}

.indexYwLUl1 li a:hover {
	color: #b10004;
}

.indexYwLUl3 {
	margin-top: 10px;
}

.indexYwLUl3 li {
	border: 0;
	margin: 5px;
	padding: 5px;
	background: none;
}

.indexYwLUl3 li span {
	width: 45px;
	float: left;
	display: block;
	color: #cf000a;
	font-size: 12px;
	text-align: center;
	background: none;
}

.indexYwLUl3 LI SPAN {
	font-weight: lighter;
}

.indexYwLUl3 li span i {
	display: block;
	text-align: center;
	color: #cf000a;
	margin-top: -5px;
	margin-bottom: 0px;
	font-weight: lighter;

}

.indexYwLUl3 li a {
	float: right;
	display: block;
	line-height: 53px;
	width: 80%;
	color: #454545;
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}


.xinp_rbb {
	height: auto;
	overflow: hidden;
}

.xinp_rbb li {
	background: url(../images/left.jpg) no-repeat left 8px;
	padding-left: 20px;
	line-height: 24px;
	margin-bottom: 14px;
	color: #4c4c4c;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 1s ease;
}

.xinp_rbb li a {
	color: #4c4c4c;
	font-size: 14px;
	transition: all 1s ease;
}

.xinp_rbb li span {
	color: #4c4c4c;
	font-size: 14px;
	margin-right: 25px;
}

.xinp_rbb li:hover a {
	color: #ce0000;
}

.xinp_rbb li:hover {
	-moz-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}


.hotsearch-box-list {
	font-size: 14px;
	color: #000
}

.hotsearch-box-list li {
	padding: 5px 10px;
	position: relative
}

.hotsearch-box-list li:hover {
	background: #FAFBFC
}

.hotsearch-box-list a {
	display: block;
	*width: 238px
}

.hotsearch-box-list a:hover .keyword {
	color: #ff0000;
}

.hotsearch-box-list span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	height: 29px;
	line-height: 29px
}

.hotsearch-box-list .keyword {
	*float: left
}

.hotsearch-box-list .hot-icon {
	width: 14px;
	height: 14px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 9px;
	margin-left: 2px
}


.hotsearch-box-list li:first-child .top-num {
	color: #F54545
}

.hotsearch-box-list li:nth-child(2) .top-num {
	color: #FF8547
}

.hotsearch-box-list li:nth-child(3) .top-num {
	color: #FFAC39
}

.hotsearch-box-list .top-num {
	*float: left;
	margin-right: 10px;
	font-size: 14px;
	color: #ccc
}

.hotsearch-box-list .search-num {
	float: right;
	font-size: 12px;
	color: #BBB
}

.cont-item.active li {
	width: 22%;
	margin-right: 26px;
	margin-top: 25px;
}

@media (max-width: 1024px) {
	.cont-item.active li {
		width: 23%;
		margin-right: 19px;
	}
}

@media (max-width: 768px) {
	.cont-item.active li {
		width: 48%;
		margin-right: 0;
	}
}

.cont-item.active li:nth-child(4n) {
	margin-right: 0;
}

.cont-item.active li .pic {
	float: left;
	width: 30px;
	margin-right: 10px;
	margin-top: 5px !important;
}

.cont-item.active li .pic .ico {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.cont-item.active li .pic .ico>a,
.cont-item.active li .pic .ico span {
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	right: 0;
	bottom: 5px;
}

.cont-item.active li .pic .ico img {
	width: 100%;
	height: 100%;
}

.cont-item.active li .desc {
	float: left;
	width: 180px;
}

@media (max-width: 1024px) {
	.cont-item.active li .desc {
		width: 183px;
	}
}

.cont-item.active li .desc .hx {
	display: block;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cont-item.active li .desc .hx a {
	color: #403e3e;
	text-shadow: 1px 2px 4px #535353;
	font-size: 14px;
}

@media (max-width: 768px) {
	.cont-item.active li .desc .hx a {
		text-shadow: 1px 2px 4px #535353;
		font-size: 0.8rem;
	}
}

.cont-item.active li .desc .px {
	color: #a5a0a0;
	font-size: 12px;
	margin-top: 5px;
	display: block;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cont-item li .hx.active a {
	border-left: 3px solid #ff0000;
	padding-left: 10px;
}

.wave {
	position: absolute;
	bottom: -5%;
	left: 0;
	right: 0;
}

.wave:nth-of-type(1) {
	--speed: 60;
	--opacity: 0.3;
	--height: 12;
	--width: 320;
	--lightness: 90;
	--rise: 2;
}

.wave:nth-of-type(2) {
	--speed: 30;
	--opacity: 0.6;
	--height: 10;
	--width: 200;
	--lightness: 95;
	--rise: 5;
}

.wave:nth-of-type(3) {
	--speed: 18;
	--opacity: 1;
	--height: 6;
	--width: 180;
	--lightness: 100;
	--rise: 0;
}

.wave {
	height: calc(var(--height, 0) * 1vh);
	width: calc(var(--width, 0) * 1vw);
	-webkit-animation: rise calc(var(--speed, 0) * 1.5s) infinite linear;
	animation: rise calc(var(--speed, 0) * 1.5s) infinite linear;
}

@media (max-width: 480px) {
	.wave {
		height: calc(var(--height, 0) * 0.75vh);
	}
}

.wave path {
	fill: hsl(0, 0%, calc(var(--lightness, 0) * 1%));
	-webkit-animation: wave calc(var(--speed, 0) * 1s) infinite linear;
	animation: wave calc(var(--speed, 0) * 1s) infinite linear;
}

@-webkit-keyframes wave {
	to {
		-webkit-transform: translate(-761px, 0);
		transform: translate(-761px, 0);
	}
}

@keyframes wave {
	to {
		-webkit-transform: translate(-761px, 0);
		transform: translate(-761px, 0);
	}
}

@-webkit-keyframes rise {
	50% {
		-webkit-transform: translate(0, calc(var(--rise) * -1%));
		transform: translate(0, calc(var(--rise) * -1%));
	}
}

@keyframes rise {
	50% {
		-webkit-transform: translate(0, calc(var(--rise) * -1%));
		transform: translate(0, calc(var(--rise) * -1%));
	}
}

.read-more {
	position: relative;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	font-size: 0.875em;
	line-height: 1.5em;
	outline: none;
}

.read-more .iconfont {
	float: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 1.5em;
	line-height: inherit;
	display: inline;
	vertical-align: middle;
}

.read-more span {
	float: left;
	display: inline;
	vertical-align: middle;
}

.read-more:hover .iconfont {
	-webkit-transform: translate3d(4px, 0, 0);
	transform: translate3d(4px, 0, 0);
}

.read-more:hover .white {
	color: #FFFFFF;
}

/*------------------------------------
  Tab Vertical
------------------------------------*/
.tab-vertical .tab-vertical__nav-link {
	color: #646f79;
	font-weight: 400;
	border-radius: 0;
	padding-left: 0;
}

.tab-vertical .tab-vertical__nav-link.active {
	color: #ff0000;
	background-color: transparent;
}

.tab-vertical .tab-vertical__nav-link:hover {
	color: #ff0000;
}

@media (min-width: 768px) {
	.tab-vertical-md {
		position: relative;
		box-shadow: 26px 0 26px -12px rgba(100, 111, 121, 0.06);
	}

	.tab-vertical-md::after {
		position: absolute;
		top: 0;
		right: 0;
		width: .25rem;
		height: 100%;
		background-color: rgba(100, 111, 121, 0.09);
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
		border-bottom-left-radius: 0.25rem;
		content: " ";
	}

	.tab-vertical-md .tab-vertical__nav-link {
		position: relative;
	}

	.tab-vertical-md .tab-vertical__nav-link::after {
		position: absolute;
		top: 0;
		right: 0;
		width: .25rem;
		height: 100%;
		background-color: transparent;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
		border-bottom-left-radius: 0.25rem;
		content: " ";
	}

	.tab-vertical-md .tab-vertical__nav-link.active::after {
		background-color: #ff0000;
	}

	.tab-vertical-md .tab-vertical__nav-link:hover {
		color: #ff0000;
	}
}

/*----------------------------------
  Header
------------------------------------*/
@media (max-width: 767px) {
	.navbar-expand-sm.fixed-top {
		background-color: rgba(27, 30, 36, 0.3);
	}
}

@media (max-width: 991px) {
	.navbar-expand-md.fixed-top {
		background-color: rgba(27, 30, 36, 0.3);
	}
}

@media (max-width: 1199px) {
	.navbar-expand-lg.fixed-top {
		background-color: rgba(27, 30, 36, 0.3);
	}
}

.navbar-bg-onscroll.fixed-top {
	background-color: #ff0000;
	transition: all .3s ease-out;
}

.navbar-bg-onscroll.fixed-top--fade {
	transition: all .4s ease-out;
}


.space-2 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.space-2-top {
	padding-top: 4rem;
}

.space-2-bottom {
	padding-bottom: 4rem;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media-body {
	-ms-flex: 1;
	flex: 1;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0px solid #e3e6f0;
	border-radius: 0.25rem;
}

.card>hr {
	margin-right: 0;
	margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: 1rem;
}

.card-subtitle {
	margin-top: -0.5rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: none;
}

.card-link+.card-link {
	margin-left: 1.25rem;
}

.card-header {
	padding: .25rem .75rem;
	margin-bottom: 0;
	color: inherit;
	background-color: rgba(255, 255, 255, 0.0);
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}


.card-header:first-child {
	border-radius: 0.25rem 0.25rem 0 0;
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0;
}

.card-footer {
	padding: 1rem 1.25rem;
	background-color: #fff;
	border-top: 1px solid #e3e6f0;
}

.card-footer:last-child {
	border-radius: 0 0 0.25rem 0.25rem;
}

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -1rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
}

.card-img,
.card-img-top {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.card-img,
.card-img-bottom {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-deck .card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}

	.card-deck .card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}

.card-group>.card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.card-group>.card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0;
	}

	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0;
	}

	.card-group>.card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.card-group>.card:not(:last-child) .card-img-top,
	.card-group>.card:not(:last-child) .card-header {
		border-top-right-radius: 0;
	}

	.card-group>.card:not(:last-child) .card-img-bottom,
	.card-group>.card:not(:last-child) .card-footer {
		border-bottom-right-radius: 0;
	}

	.card-group>.card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.card-group>.card:not(:first-child) .card-img-top,
	.card-group>.card:not(:first-child) .card-header {
		border-top-left-radius: 0;
	}

	.card-group>.card:not(:first-child) .card-img-bottom,
	.card-group>.card:not(:first-child) .card-footer {
		border-bottom-left-radius: 0;
	}
}

.card-columns .card {
	margin-bottom: 1rem;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}

	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

.accordion>.card {
	overflow: hidden;
}

.accordion>.card:not(:last-of-type) {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.accordion>.card:not(:first-of-type) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion>.card>.card-header {
	border-radius: 0;
	margin-bottom: -1px;
}


/* Card Frame */
.card-frame {
	border: 1px solid #e3e6f0;
	border-top-width: 0.15rem;
	transition: 0.3s;
}

.card-frame.active,
.card-frame:hover {
	border-color: rgba(255, 0, 0, 0.7);
	box-shadow: 0 0 2.1875rem rgba(140, 152, 164, 0.25);
}

/* Card Shadow */
.card-shadow {
	transition: 0.3s;
}

.card-shadow:hover {
	box-shadow: 0 0 2.1875rem rgba(140, 152, 164, 0.25);
}


.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	transform: translateZ(0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}


.i-project .i-art-wrap {
	position: relative;
	padding: 10px 0px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	margin-bottom: 10px;
	transition: all .3s ease;
	overflow: hidden
}

.i-project .i-art-wrap:hover {
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5)
}

.i-project .i-art-wrap:hover .light {
	transition: all .3s ease;
	left: 100%
}

.i-project .i-art-wrap p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.i-project .i-art-wrap .i-ad-img {
	height: 200px;
	overflow: hidden;
	display: inline-block
}

.i-project .i-art-wrap .i-ad-img img {
	height: 100%
}

.i-project .i-art-wrap .light {
	cursor: pointer;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg)
}


.gfymlb {
	float: left;
	background: #fafafa;
	padding: 5px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.gfymlb:hover {
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	transform: scale(1.01);
	box-shadow: 0px 0px 4px 4px #eaeaea
}

.gfymlb:nth-child(2n) {
	margin-right: 0px;
}

.gfymlb .lbt {
	float: left;
	width: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden;
}

.gfymlb .lbt:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.gfymlb .lbt .img1 {
	width: 100%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	transition: -webkit-transform 2s;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.gfymlb .lbt .img1:hover {
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	transform: scale(1.01);
}


.gfymlb .info .title {
	font-size: 18px;
	color: #333;
	line-height: 34px;
	margin-top: 17px;
	margin-bottom: 11px;
	float: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 8px;
}

.gfymlb .info .jj {
	font-size: 16px;
	color: #949494;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	width: 100%;
}

.gfymlb .info .lx p {
	font-size: 14px;
	line-height: 24px;
	color: #797979;
	margin-right: 6px;
	background: #f1f1f1;
	padding: 0 13px;
	display: inline-block;
	margin-top: 10px;
}

.gfymlb .info .lx p.on {
	background: #93c7dc;
	color: #fff
}

@media screen and (max-width:1229px) {
	.gfymlb {
		width: 48%;
		margin-right: 4%;
		margin-top: 40px;
		padding: 20px;
	}

}

@media screen and (max-width:1023px) {
	.gfymlb {
		margin-top: 20px;
		padding: 12px;
	}

	.gfymlb .info .title {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.gfymlb .info .lx p {
		padding: 0 8px;
	}

	.gfymlb .info .jj {
		font-size: 14px;
	}
}



.lita-item .zbox {
	width: 100%;
	position: relative;
	float: left;
	background: black;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox>img {
	width: 100%;
	float: left;
	opacity: 0.8;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .bian1 {
	width: 0;
	height: 1px;
	position: absolute;
	left: 10%;
	top: 5%;
	background: white;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .bian2 {
	width: 1px;
	height: 0;
	position: absolute;
	left: 5%;
	top: 5%;
	background: white;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .bian3 {
	width: 0;
	height: 1px;
	position: absolute;
	left: 5%;
	bottom: 5%;
	background: white;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .bian4 {
	width: 1px;
	height: 0;
	position: absolute;
	right: 5%;
	top: 10%;
	background: white;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .logo {
	width: 100%;
	height: 52px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -26px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox .logo img {
	height: 100%;
}

.lita-item .zbox .p {
	width: 100%;
	float: left;
	font-size: 14px;
	color: white;
	line-height: 24px;
	position: absolute;
	left: 0;
	top: 50%;
	opacity: 0;
	padding: 0 15%;
	height: 48px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.lita-item .zbox:hover {
	/* background: #cc272b; */
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.lita-item .zbox:hover>img {
	opacity: 0.2;
}

.lita-item .zbox:hover .bian1 {
	width: 85%;
}

.lita-item .zbox:hover .bian2 {
	height: 85%;
}

.lita-item .zbox:hover .bian3 {
	width: 85%;
}

.lita-item .zbox:hover .bian4 {
	height: 85%;
}

.lita-item .zbox:hover .p {
	opacity: 1;
	margin-top: 5%;
}

.lita-item .zbox:hover .logo {
	margin-top: -16%;
}

@media screen and (max-width:1395px) {
	.lita-item .zbox .logo {
		height: 38px;
		margin-top: -19px;
	}
}

@media screen and (max-width:1199px) {
	.c_0100_18 {
		padding: 62px 0 50px 0;
	}

	#my-gallery-container {
		margin-top: 22px;
	}
}

@media screen and (max-width:991px) {
	.lita-item {
		width: 100%%;
	}
}

@media screen and (max-width:767px) {
	#my-gallery-container {
		margin-top: 12px;
	}

	.lita-item .zbox .p {
		font-size: 12px;
		line-height: 20px;
		padding: 0 10%;
		height: 40px;
	}
}

@media screen and (max-width:480px) {
	.lita-item {
		width: 100%;
		padding: 0 5px;
		margin-top: 10px;
	}

	.lita-item .zbox .logo {
		height: 30px;
		margin-top: -15px !important;
	}

	.lita-item .zbox .p {
		display: none;
	}
}

.lita-img-list .item {
	display: block;
	position: relative;
	margin-bottom: 1.5%;
	box-sizing: content-box;
}

@media screen and (max-width:768px) {
	.lita-img-list .item {
		width: 100%;
		margin: 0 0 10px;
	}
}

.lita-img-list .item .img-item {
	display: block;
	width: 100%;
}

.lita-img-list .item .text-wrap {
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35%;
	padding: 10px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
}

@media screen and (max-width:768px) {
	.lita-img-list .item .text-wrap {
		background: rgba(0, 0, 0, .9);
		padding: 14px;
	}
}

.lita-img-list .item .text-wrap h4 {
	font-size: 16px;
	line-height: 1;
	padding-bottom: 6px;
}

@media screen and (max-width:768px) {
	.lita-img-list .item .text-wrap h4 {
		font-size: 14px;
	}
}

.lita-img-list .item .text-wrap p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	padding-bottom: 6px;
}


.events .container .events-button {
	color: #333;
}

/* 单门科技的排列 */
.courseItem {
	position: relative;
	width: 100%;
	margin: 0 24px 24px 0;
	background: #FFFFFF;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
	border-radius: 8px;
	float: left;
	transition: all .2s;
}

.courseItem:nth-child(4n) {
	margin-right: 0;
}

.courseItem:nth-last-child(-n+4) {
	margin-bottom: 0;
}

.courseItem:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 20px 0 rgba(95, 101, 105, 0.15);
}

.courseItem .img {
	height: 152px;
	margin-bottom: 8px;
	border-radius: 8px 8px 0 0;
	width: 100%;
	background-size: 100% 100%;
}

.courseItem .title {
	color: #545C63;
	line-height: 20px;
	margin-bottom: 8px;
	padding: 0 8px;
}

.courseItem .title.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.courseItem .difficulty {
	display: block;
	color: #9199A1;
	font-size: 12px;
	margin-bottom: 8px;
	padding: 0 8px;
}

.courseItem .bottom {
	font-size: 12px;
	color: #9199A1;
	line-height: 18px;
	padding: 0 8px;
	margin-bottom: 18px;
}

.courseItem .bottom .red {
	color: #F01414;
}

.courseItem .bottom .delete-line {
	text-decoration: line-through;
}

.courseItem .bottom .discount {
	border: 1px solid rgba(242, 13, 13, 0.2);
	border-radius: 2px;
	font-size: 12px;
	line-height: 1;
	margin-right: 4px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.courseItem .bottom .discount i {
	font-style: normal;
	padding: 3px 4px;
}

.courseItem .bottom .discount i.name {
	color: #fff;
	background-color: rgba(242, 13, 13, 0.6);
}

.courseItem .bottom .discount i.countdown {
	color: #F76E6E;
	display: flex;
	padding-top: 4px;
	padding-bottom: 2px;
}

.courseItem .bottom .discount i.countdown .day {
	display: inline-block;
	width: 9px;
	height: 12px;
}

.courseItem .bottom .origin-price {
	color: #6D7278;
	line-height: 20px;
	margin-left: 4px;
}

.courseItem .bottom .price {
	line-height: 20px;
	margin-right: 2px;
}

.courseItem::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 25px;
	background: no-repeat center / 100%;
	z-index: 1;
}

.courseCard {
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
	border-radius: 12px;
	position: relative;
	margin-bottom: 34px
}

.courseCard:nth-child(3n) {
	margin-right: 0
}

.courseCard.noshadow {
	box-shadow: none !important
}

.courseCard:hover .title {
	color: #1c1e20 !important;
	max-height: 88px !important;
	-webkit-line-clamp: 4 !important
}

.courseCard .img-con {
	width: 100%;
	height: 172px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.courseCard .img-con .type {
	position: absolute;
	left: 0;
	top: 12px;
	width: 60px;
	height: 32px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.courseCard .img-con .type.type2 {}

.courseCard .img-con .timeout {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 11px;
	box-sizing: border-box;
	line-height: 20px;
	width: 175px;
	height: 20px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.courseCard .img-con .timeout span {
	font-size: 12px;
	color: #fff
}

.courseCard .img-con .tip {
	position: absolute;
	display: none;
	text-align: center;
	left: 20px;
	bottom: 8px;
	width: 106px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background: rgba(28, 31, 33, .3);
	border-radius: 4px
}

.courseCard .text-con {
	padding: 0 20px;
	position: absolute;
	bottom: 94px;
	background: #fff;
	max-height: 88px
}

.courseCard .text-con .title {
	font-size: 14px;
	color: #1c1e20;
	color: #9199a1;
	line-height: 22px;
	max-height: 44px;
	display: block;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.courseCard .info {
	height: 16px;
	line-height: 16px;
	position: absolute;
	bottom: 66px;
	left: 0;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box
}

.courseCard .info i {
	font-size: 12px;
	color: #9199a1;
	padding-right: 2px
}

.courseCard .info span {
	font-size: 12px;
	color: #9199a1;
	padding-right: 14px
}

.courseCard .bottom-buy {
	position: absolute;
	bottom: 22px;
	left: 0;
	padding: 0 20px;
	height: 26px;
	width: 100%;
	box-sizing: border-box
}

.courseCard .bottom-buy .icon {
	border: 1px solid #f01515;
	border-radius: 4px;
	width: 56px;
	height: 28px;
	box-sizing: border-box;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	color: #f01515;
	margin-right: 10px
}

.courseCard .bottom-buy .icon2 {
	background: #f77e79;
	border-radius: 4px;
	width: 64px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	color: #fff;
	margin-right: 8px
}

.courseCard .bottom-buy .icon3 {
	background: #9448eb;
	border-radius: 4px;
	width: 56px;
	height: 24px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-right: 8px
}

.courseCard .bottom-buy .now-price {
	font-size: 14px;
	color: #f01515;
	font-weight: 700;
	margin-right: 8px;
	line-height: 30px;
	float: left;
}

.courseCard .bottom-buy .old-price {
	font-size: 14px;
	color: #9199a1;
	margin-right: 8px;
	line-height: 30px;
	text-decoration: line-through;
	float: left;
}

.courseCard .bottom-buy .go-btn {
	/* border: 1px solid #dbdfe3; */
	border-radius: 5px;
	width: 80px;
	text-align: center;
	line-height: 26px;
	box-sizing: border-box;
	font-size: 12px;
	float: right;
	cursor: pointer;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.courseCard .bottom-buy .go-btn:hover {
	color: #fff
}

.courseCard .bottom-buy .go-btn.presale {
	border: 1px solid #9448eb;
	color: #9448eb
}


.thumbnails .content {
	position: relative;
}

.thumbnails.overlay .header {
	width: 90%;
	height: 60%;
	overflow: hidden;
	margin: auto;
	position: absolute;
	color: #fff;
	text-align: center;
	top: 30px;
	left: 0;
	bottom: 0;
	right: 0;
}

.thumbnails.overlay .title a {
	color: #fff;
	display: block;
	padding: 3px;
}

.thumbnails.overlay .title a:hover {
	text-decoration: none;
}

.thumbnails.overlay .title {
	background: rgba(0, 0, 0, 0.7);
	margin-bottom: 0;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 10px;
	transition: background 200ms ease-in;
	-webkit-font-smoothing: subpixel-antialiased;
}

.thumbnails.overlay .title:hover {
	background: rgba(0, 0, 0, 0.6);
}

.thumbnails.overlay .alias {
	background: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	padding: 5px;
	transition: background 200ms ease-in;
}

.thumbnails.overlay .alias:hover {
	background: rgba(0, 0, 0, 0.2);
}

.thumbnails .author {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.thumbnails .meta {
	background: #fff;
	padding: 10px;
	color: #838383;
}

.thumbnails.basic .thumbnail {
	border: none;
	box-shadow: none;
}

.thumbnail:hover {
	opacity: 0.9
}

.thumbnail {
	transition: opacity 200ms ease-in;
}


.course-card {
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
}

.course-card_img {
	height: 164px;
	line-height: 164px;
	width: 100%;
	overflow: hidden;
	background: #E4E7EB;
	text-align: center;
	position: relative;
}

.course-card_img_jpk {
	width: 100%;
	height: 178px;
	position: absolute;
	left: 0;
	top: -7px;
}


.course-card_content {
	padding: 12px;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}

.course-card_content_header {
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}

.course-card_info {
	height: 17px;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	margin-bottom: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.course-card_teacher {
	padding-bottom: 25px;
	border-bottom: 0.5px solid rgba(153, 153, 153, 0.15);
	height: 55px;
	color: #666;
	height: 17px;
	font-size: 12px;
	line-height: 17px;
}

.buy-info {
	margin-top: 14px;
	height: 35px;
	position: relative;
}

.buy-info_left {
	overflow: hidden;
	font-size: 12px;
	position: absolute;
	bottom: 0;
}

.buy-info_right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.buy-info_left .buy-count {
	color: #818a92;
	font-weight: 300;
}

.buy-info_left>span {
	display: block;
	height: 17px;
	line-height: 17px;
}

.buy-info_right .origin-price {
	font-size: 14px;
	color: #a7b0b8;
	margin-right: 5px;
	text-decoration: line-through;
}

.buy-info_right .origin-price {
	font-size: 14px;
	color: #a7b0b8;
	margin-right: 5px;
	text-decoration: line-through;
}

.buy-info_right .price {
	display: inline-block;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	color: #ff1d00;
}



.course-time_time {
	display: inline-block;
	margin-right: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}

.course-time_class {
	display: inline-block;
	padding-left: 9px;
	position: relative;
	vertical-align: top;
}

.course-time_class::before {
	content: " ";
	width: 1px;
	height: 10px;
	background: #c6c6c6;
	position: absolute;
	left: 0;
	top: 3px;
}

.course-card_content_header .tag {
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	display: inline-block;
	padding: 0 4px;
	margin-right: 6px;
	color: #fff;
	border-radius: 3px;
	background: rgba(112, 120, 137, 0.6);
}

.widget--feature-2 {
	flex-direction: column;
}

@media (min-width: 480px) {
	.widget--feature-2 {
		flex-direction: row;
		align-items: center;
	}
}

.widget--feature-2__icon {
	min-width: 69px;
	max-width: 69px;
	min-height: 69px;
	max-height: 69px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

@media (min-width: 480px) {
	.widget--feature-2__icon {
		margin-right: 30px;
		margin-bottom: 0;
	}
}

.widget--feature-2__title {
	font-size: 21px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.619;
}

.widget--feature-2__content {
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.75;
}

.bg-img-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.gradient-y-overlay-sm-gray-900::before {
	background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(33, 50, 91, .2) 100%);
	background-repeat: repeat-x;
}

.txt a:visited {
	box-shadow: none;
	background: none !important;
	width: 100% !important;
	display: block;
	transition: all 0.6s ease-in-out;
	border: 0px !important;
	margin-left: 0px;
	border-color: none !important;
	outline: 0px !important;
	text-align: center;
}

.txt a:hover,
.txt a:focus {
	transition: all 0.4s ease-in-out;
	letter-spacing: 1px;
}


.stacks {
	margin: 0 auto;
	list-style: none;
}

.stacks .clip.img-circle {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}


.stacks .clip {
	margin: 15px;
	width: 150px;
	height: 150px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #535353;
	float: left;
	text-align: center;
}

.stacks .clip img {
	padding-top: 20px;
	display: block;
	margin: 5px auto;
	height: 90px;
}


.litaimg-light .i-art-wrap {
	position: relative;
	padding: 20px 10px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	margin-bottom: 10px;
	transition: all .3s ease;
	overflow: hidden
}

.litaimg-light .i-art-wrap:hover {
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5)
}

.litaimg-light .i-art-wrap:hover .light {
	transition: all .3s ease;
	left: 100%
}

.litaimg-light .i-art-wrap p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.litaimg-light .i-art-wrap .light {
	cursor: pointer;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg)
}






.filters-container {
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 20px
}

.filters-container .el-autocomplete {
	margin-top: 34px;
	width: 100%
}

.filters-container .el-autocomplete .el-input__inner {
	border: none;
	background-color: #f5f5f5
}

.filters-container .top {
	border-bottom: 1px solid #e3e3e9
}

.filters-container .filter-ins {
	float: right;
	width: 270px
}

.filters-container .filter-type {
	margin-right: 320px;
	padding-bottom: 25px
}

.filters-container .type-list {
	margin-top: 20px
}

.filters-container .type-list li {
	float: left;
	width: 16.66666%;
	text-align: center;
	cursor: pointer
}

.filters-container .type-list li i {
	font-size: 36px;
	display: inline-block;
	line-height: 36px;
	border-radius: 100%;
	background-color: rgba(255, 85, 29, .08);
	color: #aa0000
}

.filters-container .type-list li .title {
	margin-top: 12px;
	line-height: 20px
}

.filters-container .type-list li:hover .title {
	color: #aa0000
}

.filters-container .type-list li:hover i {
	color: #fff;
	background-color: #aa0000
}

.filters-container .filter-use {
	padding-top: 20px
}

.filters-container .apps-list {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.filters-container .apps-list li .item {
	padding: 0 20px;
	line-height: 32px;
	background-color: rgba(170, 0, 0, 0.1);
	border-radius: 4px;
	cursor: pointer
}

.filters-container .apps-list li .item i {
	color: #aa0000;
	font-size: 14px;
	margin-right: 4px
}

.filters-container .apps-list li .item:hover {
	color: #fff;
	background-color: #aa0000
}

.filters-container .apps-list li .item:hover i {
	color: #fff
}


.lita-wraper .card-item {
	float: left;
	display: block;
	min-height: 300px;
	padding: 30px;
	margin-right: 3.4%;
	margin-bottom: 40px;
	color: #444;
	background-color: #fff;
	box-shadow: 0 0 8px 0 hsl(0deg 0% 75% / 30%);
}

.lita-wraper .card-item .cover {
	float: left;
	width: 160px;
	height: 240px;
	background-position: 50%;
	background-size: auto 100%;
}

.lita-wraper .card-item .info {
	position: relative;
	margin-left: 190px;
	min-height: 240px;
}

.lita-wraper .card-item .info .desc,
.lita-wraper .card-item .info .name {
	word-break: break-all;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.lita-wraper .card-item .info .desc {
	height: 44px;
	font-size: 14px;
	color: #888;
	line-height: 22px;
	display: -webkit-box;
}

.lita-wraper .card-item .info .tea-wra {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


.lita-wraper .card-item .info .tea {
	font-size: 16px;
	margin-bottom: 6px;
}

.lita-wraper .card-item .info .tea-desc {
	line-height: 20px;
	margin-bottom: 14px;
}



.chapter-list {
	padding-bottom: 70px
}

.chapter-list .header {
	background-color: #f8f8f8;
	line-height: 42px
}

.chapter-list .header .num {
	float: left;
	width: 42px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	background: linear-gradient(269deg, #ffbe5e, #ff0000)
}

.chapter-list .header .title {
	margin-left: 56px;
	font-weight: 700;
	font-size: 18px
}

.chapter-list>li {
	margin-bottom: 30px;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden
}

.node-list {
	padding: 20px
}

.node-list>li {
	line-height: 26px
}

.node-list>li .list-style {
	float: left;
	width: 6px;
	height: 6px;
	margin-top: 10px;
	background-color: #ff551d
}

.node-list>li .content {
	margin-left: 18px
}

@media (max-width:768px) {
	.page-league-constitution {
		background-image: none;
		background-color: #f8f8f8
	}

	.page-league-constitution .banner {
		height: 70px;
		line-height: 70px;
		font-size: 18px
	}

	.page-league-constitution .chapter-list {
		padding: 0 10px 40px
	}

	.page-league-constitution .chapter-list .header {
		background-color: #fff
	}

	.page-league-constitution .chapter-list>li {
		margin-bottom: 20px
	}
}



.category:first-child {
	margin-top: 48px;
}

.category>.title {
	font-weight: 500;
	font-size: 26px;
	line-height: 44px;
	margin-bottom: 16px;
}

.category .course-list {
	overflow: hidden;
	height: 272px;
}

.category .course-list ul {
	margin-left: -20px;
}

.category .course-item {
	margin-bottom: 16px;
	margin-left: 20px;
	width: 262px;
	height: 256px;
	float: left;
}



.category .course-item .tag {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #57B4F7;
	color: #FFF;
	line-height: 20px;
	height: 20px;
	width: 33px;
	text-align: center;
	border-radius: 0 0 0 5px;
}

.category .course-item .cover {
	position: relative;
	display: block;
	height: 156px;
	width: 235px;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
}

.category .course-item .cover img {
	display: block;
	width: 100%;
	height: 100%;
}

.category .course-item .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 11px;
	font-size: 16px;
	line-height: 22px;
	max-height: 44px;
}

.category .course-item .from {
	margin-top: 4px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 18px;
	color: #666666;
}

.category .course-item .info {
	font-size: 0;
	margin-top: 4px;
}

.category .course-item .info .split {
	display: inline-block;
	vertical-align: middle;
	height: 10px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.2);
	margin: 0 6px;
}

.category .course-item .info span {
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	vertical-align: middle;
}

.category .course-more {
	cursor: pointer;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px auto;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.6);
	margin-top: 16px;
	padding-right: 16px;
}

.category .course-more:hover {
	opacity: 0.5;
}

.category.show-more .course-list {
	height: auto;
}


.courses-area .courses-box {
	background-color: #fff;
	border: 1px solid #efefef;
	position: relative;
	margin: 0 15px 10px 15px;
	border-radius: 6px
}

.courses-area .courses-box .courses-pic img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}

.courses-area .course-review i {
	font-size: 12px;
	color: #ffaa30
}

.courses-area .courses-desc {
	padding: 15px;
	position: relative
}

.courses-area .card-footer {
	border-top: 1px solid #efefef;
	padding: 15px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}

.courses-area .card-footer .text-right {
	font-weight: 500;
	color: #59c17a;
	font-size: 24px
}

.courses-area .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 20px
}

.courses-area .owl-thumbs {
	margin-top: 0
}

@media screen and (max-width: 991px) {
	.courses-area .card-footer .text-right {
		font-size: 22px
	}
}

@media screen and (max-width: 767px) {
	.courses-area .courses-box {
		margin: 0
	}
}


.course-categories {
	position: relative;
	display: block;
	overflow: hidden
}

.course-categories .overlay {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 5;
	text-align: center
}

.course-categories:after {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}


.case-block {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	height: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	overflow: hidden;
	box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
	-webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);
	position: relative
}

.case-block:hover {
	-webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3);
	box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.3)
}

.case-block img {
	width: 100%
}

.case-block-inner {
	padding: 20px 25px 20px 0
}

.case-block h4 {
	font-size: 18px;
	margin-bottom: 0;
	line-height: normal;
	font-weight: 500
}

.case-block h4:after {
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background: #535353;
	margin-top: 10px;
	margin-bottom: 15px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.case-block p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 12px
}

.case-block-inner a {
	font-size: 15px;
	font-weight: 500;
	color: #86bc42
}


.case-block-inner a:hover {
	color: #232323
}

.case-block-inner a:hover:after {
	color: #232323
}

@media screen and (max-width: 767px) {
	.case-block-inner {
		padding: 25px
	}
}


.bg-red-100 {
	background-color: #ffcdd2 !important
}

.bg-red-200 {
	background-color: #ef9a9a !important
}

.bg-red-300 {
	background-color: #e57373 !important
}

.bg-red-400 {
	background-color: #ef5350 !important
}

.bg-red-500 {
	background-color: #f44336 !important
}

.bg-red-600 {
	background-color: #e53935 !important
}

.bg-red-700 {
	background-color: #d32f2f !important
}

.bg-red-800 {
	background-color: #c62828 !important
}

.bg-red-900 {
	background-color: #b71c1c !important
}

.bg-pink-100 {
	background-color: #f8bbd0 !important
}

.bg-pink-200 {
	background-color: #f48fb1 !important
}

.bg-pink-300 {
	background-color: #f06292 !important
}

.bg-pink-400 {
	background-color: #ec407a !important
}

.bg-pink-500 {
	background-color: #e91e63 !important
}

.bg-pink-600 {
	background-color: #d81b60 !important
}

.bg-pink-700 {
	background-color: #c2185b !important
}

.bg-pink-800 {
	background-color: #ad1457 !important
}

.bg-pink-900 {
	background-color: #880e4f !important
}

.bg-purple-100 {
	background-color: #e1bee7 !important
}

.bg-purple-200 {
	background-color: #ce93d8 !important
}

.bg-purple-300 {
	background-color: #ba68c8 !important
}

.bg-purple-400 {
	background-color: #ab47bc !important
}

.bg-purple-500 {
	background-color: #9c27b0 !important
}

.bg-purple-600 {
	background-color: #8e24aa !important
}

.bg-purple-700 {
	background-color: #7b1fa2 !important
}

.bg-purple-800 {
	background-color: #6a1b9a !important
}

.bg-purple-900 {
	background-color: #4a148c !important
}

.bg-deep-purple-100 {
	background-color: #d1c4e9 !important
}

.bg-deep-purple-200 {
	background-color: #b39ddb !important
}

.bg-deep-purple-300 {
	background-color: #9575cd !important
}

.bg-deep-purple-400 {
	background-color: #7e57c2 !important
}

.bg-deep-purple-500 {
	background-color: #673ab7 !important
}

.bg-deep-purple-600 {
	background-color: #5e35b1 !important
}

.bg-deep-purple-700 {
	background-color: #512da8 !important
}

.bg-deep-purple-800 {
	background-color: #4527a0 !important
}

.bg-deep-purple-900 {
	background-color: #311b92 !important
}

.bg-indigo-100 {
	background-color: #c5cae9 !important
}

.bg-indigo-200 {
	background-color: #9fa8da !important
}

.bg-indigo-300 {
	background-color: #7986cb !important
}

.bg-indigo-400 {
	background-color: #5c6bc0 !important
}

.bg-indigo-500 {
	background-color: #3f51b5 !important
}

.bg-indigo-600 {
	background-color: #3949ab !important
}

.bg-indigo-700 {
	background-color: #303f9f !important
}

.bg-indigo-800 {
	background-color: #283593 !important
}

.bg-indigo-900 {
	background-color: #1a237e !important
}

.bg-blue-100 {
	background-color: #bbdefb !important
}

.bg-blue-200 {
	background-color: #90caf9 !important
}

.bg-blue-300 {
	background-color: #64b5f6 !important
}

.bg-blue-400 {
	background-color: #42a5f5 !important
}

.bg-blue-500 {
	background-color: #2196f3 !important
}

.bg-blue-600 {
	background-color: #1e88e5 !important
}

.bg-blue-700 {
	background-color: #1976d2 !important
}

.bg-blue-800 {
	background-color: #1565c0 !important
}

.bg-blue-900 {
	background-color: #0d47a1 !important
}

.bg-light-blue-100 {
	background-color: #b3e5fc !important
}

.bg-light-blue-200 {
	background-color: #81d4fa !important
}

.bg-light-blue-300 {
	background-color: #4fc3f7 !important
}

.bg-light-blue-400 {
	background-color: #29b6f6 !important
}

.bg-light-blue-500 {
	background-color: #03a9f4 !important
}

.bg-light-blue-600 {
	background-color: #039be5 !important
}

.bg-light-blue-700 {
	background-color: #0288d1 !important
}

.bg-light-blue-800 {
	background-color: #0277bd !important
}

.bg-light-blue-900 {
	background-color: #01579b !important
}

.bg-cyan-100 {
	background-color: #b2ebf2 !important
}

.bg-cyan-200 {
	background-color: #80deea !important
}

.bg-cyan-300 {
	background-color: #4dd0e1 !important
}

.bg-cyan-400 {
	background-color: #26c6da !important
}

.bg-cyan-500 {
	background-color: #00bcd4 !important
}

.bg-cyan-600 {
	background-color: #00acc1 !important
}

.bg-cyan-700 {
	background-color: #0097a7 !important
}

.bg-cyan-800 {
	background-color: #00838f !important
}

.bg-cyan-900 {
	background-color: #006064 !important
}

.bg-teal-100 {
	background-color: #b2dfdb !important
}

.bg-teal-200 {
	background-color: #80cbc4 !important
}

.bg-teal-300 {
	background-color: #4db6ac !important
}

.bg-teal-400 {
	background-color: #26a69a !important
}

.bg-teal-500 {
	background-color: #009688 !important
}

.bg-teal-600 {
	background-color: #00897b !important
}

.bg-teal-700 {
	background-color: #00796b !important
}

.bg-teal-800 {
	background-color: #00695c !important
}

.bg-teal-900 {
	background-color: #004d40 !important
}

.bg-green-100 {
	background-color: #c8e6c9 !important
}

.bg-green-200 {
	background-color: #a5d6a7 !important
}

.bg-green-300 {
	background-color: #81c784 !important
}

.bg-green-400 {
	background-color: #66bb6a !important
}

.bg-green-500 {
	background-color: #4caf50 !important
}

.bg-green-600 {
	background-color: #43a047 !important
}

.bg-green-700 {
	background-color: #388e3c !important
}

.bg-green-800 {
	background-color: #2e7d32 !important
}

.bg-green-900 {
	background-color: #1b5e20 !important
}

.bg-light-green-100 {
	background-color: #dcedc8 !important
}

.bg-light-green-200 {
	background-color: #c5e1a5 !important
}

.bg-light-green-300 {
	background-color: #aed581 !important
}

.bg-light-green-400 {
	background-color: #9ccc65 !important
}

.bg-light-green-500 {
	background-color: #8bc34a !important
}

.bg-light-green-600 {
	background-color: #7cb342 !important
}

.bg-light-green-700 {
	background-color: #689f38 !important
}

.bg-light-green-800 {
	background-color: #558b2f !important
}

.bg-light-green-900 {
	background-color: #33691e !important
}

.bg-lime-100 {
	background-color: #f0f4c3 !important
}

.bg-lime-200 {
	background-color: #e6ee9c !important
}

.bg-lime-300 {
	background-color: #dce775 !important
}

.bg-lime-400 {
	background-color: #d4e157 !important
}

.bg-lime-500 {
	background-color: #cddc39 !important
}

.bg-lime-600 {
	background-color: #c0ca33 !important
}

.bg-lime-700 {
	background-color: #afb42b !important
}

.bg-lime-800 {
	background-color: #9e9d24 !important
}

.bg-lime-900 {
	background-color: #827717 !important
}

.bg-yellow-100 {
	background-color: #fff9c4 !important
}

.bg-yellow-200 {
	background-color: #fff59d !important
}

.bg-yellow-300 {
	background-color: #fff176 !important
}

.bg-yellow-400 {
	background-color: #ffee58 !important
}

.bg-yellow-500 {
	background-color: #ffeb3b !important
}

.bg-yellow-600 {
	background-color: #fdd835 !important
}

.bg-yellow-700 {
	background-color: #fbc02d !important
}

.bg-yellow-800 {
	background-color: #f9a825 !important
}

.bg-yellow-900 {
	background-color: #f57f17 !important
}

.bg-amber-100 {
	background-color: #ffecb3 !important
}

.bg-amber-200 {
	background-color: #ffe082 !important
}

.bg-amber-300 {
	background-color: #ffd54f !important
}

.bg-amber-400 {
	background-color: #ffca28 !important
}

.bg-amber-500 {
	background-color: #ffc107 !important
}

.bg-amber-600 {
	background-color: #ffb300 !important
}

.bg-amber-700 {
	background-color: #ffa000 !important
}

.bg-amber-800 {
	background-color: #ff8f00 !important
}

.bg-amber-900 {
	background-color: #ff6f00 !important
}

.bg-orange-100 {
	background-color: #ffe0b2 !important
}

.bg-orange-200 {
	background-color: #ffcc80 !important
}

.bg-orange-300 {
	background-color: #ffb74d !important
}

.bg-orange-400 {
	background-color: #ffa726 !important
}

.bg-orange-500 {
	background-color: #ff9800 !important
}

.bg-orange-600 {
	background-color: #fb8c00 !important
}

.bg-orange-700 {
	background-color: #f57c00 !important
}

.bg-orange-800 {
	background-color: #ef6c00 !important
}

.bg-orange-900 {
	background-color: #e65100 !important
}

.bg-deep-orange-100 {
	background-color: #ffccbc !important
}

.bg-deep-orange-200 {
	background-color: #ffab91 !important
}

.bg-deep-orange-300 {
	background-color: #ff8a65 !important
}

.bg-deep-orange-400 {
	background-color: #ff7043 !important
}

.bg-deep-orange-500 {
	background-color: #ff5722 !important
}

.bg-deep-orange-600 {
	background-color: #f4511e !important
}

.bg-deep-orange-700 {
	background-color: #e64a19 !important
}

.bg-deep-orange-800 {
	background-color: #d84315 !important
}

.bg-deep-orange-900 {
	background-color: #bf360c !important
}

.bg-brown-100 {
	background-color: #d7ccc8 !important
}

.bg-brown-200 {
	background-color: #bcaaa4 !important
}

.bg-brown-300 {
	background-color: #a1887f !important
}

.bg-brown-400 {
	background-color: #8d6e63 !important
}

.bg-brown-500 {
	background-color: #795548 !important
}

.bg-brown-600 {
	background-color: #6d4c41 !important
}

.bg-brown-700 {
	background-color: #5d4037 !important
}

.bg-brown-800 {
	background-color: #4e342e !important
}

.bg-brown-900 {
	background-color: #3e2723 !important
}

.bg-blue-gray-100 {
	background-color: #cfd8dc !important
}

.bg-blue-gray-200 {
	background-color: #b0bec5 !important
}

.bg-blue-gray-300 {
	background-color: #90a4ae !important
}

.bg-blue-gray-400 {
	background-color: #78909c !important
}

.bg-blue-gray-500 {
	background-color: #607d8b !important
}

.bg-blue-gray-600 {
	background-color: #546e7a !important
}

.bg-blue-gray-700 {
	background-color: #455a64 !important
}

.bg-blue-gray-800 {
	background-color: #37474f !important
}

.bg-blue-gray-900 {
	background-color: #263238 !important
}

.bg-gray-100 {
	background-color: #f8f9fa !important
}

.bg-gray-200 {
	background-color: #e9ecef !important
}

.bg-gray-300 {
	background-color: #dee2e6 !important
}

.bg-gray-400 {
	background-color: #ced4da !important
}

.bg-gray-500 {
	color: #fff;
	background-color: #adb5bd !important
}

.bg-gray-600 {
	color: #fff;
	background-color: #6c757d !important
}

.bg-gray-700 {
	color: #fff;
	background-color: #495057 !important
}

.bg-gray-800 {
	color: #fff;
	background-color: #343a40 !important
}

.bg-gray-900 {
	color: #fff;
	background-color: #212529 !important
}



.butn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 20px;
	background: #fff;
	border: 2px solid #192f59;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 10%) 0px 2px 1px !important;
	color: #192f59;
	letter-spacing: .5px;
	line-height: 1.5;
	cursor: pointer;
	width: auto;
	font-weight: 600;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.buy-tb {
	width: 100%;
	border: 1px solid #f2f2f6;
	margin-bottom: 50px;
}

.col-title {
	width: 50px;
	font-size: 16px;
	color: #333333;
}

.orange-size td {
	color: #fb371d !important;
	font-weight: bold;
	font-size: 20px !important;
}

.orange-size td:first-child {
	color: #333333 !important;
	font-size: 14px !important;
	font-weight: 500;
}

.buy-tb th {
	/* width: 100%;*/
	height: 140px;
	text-align: center;
	border-left: 1px solid #c9e5fe;
	border-top: 1px solid #c9e5fe;
	border-bottom: 1px solid #c9e5fe;
	font-size: 12px;
	color: #535353;
	background-color: #e4f2ff;
}

.buy-tb th:last-child {
	border-right: 1px solid #c9e5fe;
}

.buy-tb th h4 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #535353;
}

.buy-tb th:first-child i {
	display: block;
	width: 150px;
	height: 2px;
	background-color: #d7ecff;
	margin: 0 auto;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.buy-tb th .go_download span {
	padding: 0;
	margin-left: 0 !important;
	color: #00ccbb !important;
}

.buy-tb th .go_download span:hover {
	color: rgba(0, 204, 187, 0.6) !important;
}

.buy-tb th span {
	display: block;
	width: 130px;
	color: #535353;
	font-size: 16px;
	margin: 0 auto;
	padding: 8px;
	font-weight: normal;
}

.buy-tb th span:first-child {
	text-align: right;
}

.buy-tb th span:last-child {
	text-align: left;
}

.buy-tb th p {
	font-size: 14px;
	color: #999999;
	margin-bottom: 10px;
	font-weight: normal;
}

.buy-tb th p strong {
	font-size: 18px;
	color: #fb371d;
}

.buy-tb th .btn-green {
	background-color: #00ccbb;
	color: #FFFFFF;
	display: block;
	width: 110px;
	height: 38px;
	border-radius: 50px;
	line-height: 38px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	font-weight: 200;
	font-size: 14px;
}

.buy-tb th .btn-green:hover {
	border: 1px solid #00ccbb;
	color: #00ccbb;
	background-color: rgba(0, 0, 0, 0);
}

.buy-tb th .btn-bule {
	display: block;
	background-color: #2569e6;
	color: #FFFFFF;
	width: 110px;
	height: 38px;
	border-radius: 50px;
	line-height: 38px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	font-weight: 200;
	font-size: 14px;
	cursor: pointer;
}

.buy-tb th .btn-bule:hover {
	border: 1px solid #2569e6;
	color: #2569e6;
	background-color: rgba(0, 0, 0, 0);
}


.buy-tb td {
	height: 45px;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #f2f2f6;
	border-top: 1px solid #f2f2f6;
	font-size: 12px;
}

.buy-tb td:last-child {
	border-right: 1px solid #f2f2f6;
}

.price-wrap {
	padding-bottom: 60px;
}

.price-wrap .price {
	max-width: 1170px;
	margin: auto;
}

.price-wrap .price table {
	width: 100%;
	border-radius: 10px;
	margin: 0;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.price-wrap .price table td,
.price-wrap .price table th {
	border: solid 1px #eee;
	height: 50px;
	padding: 5px 20px;
	vertical-align: middle;
}

.price-wrap .price table td:last-child,
.price-wrap .price table th:last-child {
	text-align: center;
}

.price-wrap .price table td strong,
.price-wrap .price table th strong {
	color: #fd6c34;
	font-weight: normal;
	margin: 0 0 0 10px;
}

.price-wrap .price table td span,
.price-wrap .price table th span {
	color: #808080;
	margin: 0 5px;
}

.price-wrap .price table th {
	background: #206ff0;
	color: #fff;
	font-weight: normal;
}

.price-wrap .price table td {
	background: #fff;
}

.price-wrap .price table tr:nth-child(odd) td {
	background: #f6f6fe;
}

.price-wrap .price table tr:nth-child(odd) .white {
	background: #fff;
}

.price-wrap .price table .total {
	padding: 10px;
	font-size: 16px;
	color: #666;
}

.price-wrap .price table .total span {
	color: #666;
	font-weight: normal;
	margin: 0 10px 0 0;
	text-decoration: line-through;
}

.price-wrap .price table .total strong {
	font-size: 16px;
}

.titleweb {
	padding: 60px 0 40px;
	text-align: center;
}

.process-box .process-bd {
	margin-top: 15px;
	padding: 0 28px 15px
}

.process-box .process-bd li {
	float: left;
	vertical-align: top;
	color: #666
}

.process-box .process-bd .arrow {
	width: 11px;
	padding: 12px 60px 23px 30px;
	cursor: default
}

.process-box .process-bd .arrow .p-ico {
	width: 11px;
	height: 24px;
}

.process-box .process-bd .step-info {
	float: left;
	text-align: left3 margin-left: 10px
}

.process-box .process-bd .step-txt {
	font-size: 14px;
	color: #535353;
	padding-top: 4px
}

.process-box .process-bd .p-ico {
	width: 48px;
	height: 48px;
	float: left;
}


.video-box {
	position: relative;
	width: 100%;
	height: 220px;
	background: #000
}

.mdl06 .video-box video {
	width: 100%;
	height: 100%
}

.mdl06 .video-box .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -63px 0 0 -55px;
	width: 110px;
	height: 110px;
	cursor: pointer
}

.table-wrap {
	margin: auto;
	border-radius: 10px;
	box-shadow: 0 20px 50px rgba(113, 113, 113, 0.2);
}

.table-wrap table {
	width: 100%;
}

.table-wrap table td,
.table-wrap table th {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 10px;
}

.table-wrap table th {
	background: #206ff0;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.table-wrap table th:first-child {
	border-radius: 10px 0 0 0;
}

.table-wrap table th:last-child {
	border-radius: 0 10px 0 0;
}

.table-wrap table td {
	font-size: 13px;
}

.table-wrap table td ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.table-wrap table td ul li {
	padding: 5px 0;
}

.table-wrap table td ul li .tooltip .tooltip-inner {
	text-align: left;
}

.table-wrap table td ul li span {
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.8;
}

.table-wrap table td ul li font {
	cursor: pointer;
}

.table-wrap table td ul li i {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

.table-wrap table td ul li p {
	font-size: 12px;
	color: #808080;
	margin: 5px 0 0 0;
}


.table-wrap table td .order-price {
	margin: 10px 0;
}

.table-wrap table td .order-price strong {
	font-size: 22px;
	font-weight: normal;
	color: #fd6c34;
	padding: 0 2px;
}

.table-wrap table td .order-price font {
	display: inline-block;
	color: #fd6c34;
}

.table-wrap table td .order-price span {
	color: #808080;
}

.table-wrap table td .order-price h3 {
	font-weight: normal;
	margin: 5px 0;
	font-size: 12px;
}

.table-wrap table td .order-price h4 {
	font-weight: normal;
	margin: 10px 0;
	font-size: 12px;
}

.table-wrap table td .order-price h4 strong {
	font-size: 18px;
	text-decoration: line-through;
}

.table-wrap table td:first-child {
	position: relative;
}

.table-wrap table td:first-child h3 {
	font-weight: normal;
	font-size: 16px;
	color: #fd6c34;
}

.table-wrap table td:first-child .hot {
	width: 70px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	line-height: 53px;
	text-indent: 12px;
	position: absolute;
	left: -5px;
	top: 44px;
}

.table-wrap table .bg td:first-child h3 {
	font-size: 18px;
}

.table-wrap table .current {
	background: #f6f6fe;
}

.table-wrap table tr {
	background: #fff;
}

.table-wrap table tr:hover {
	background: #f6f6fe;
}

.table-wrap table .last td:first-child {
	border-radius: 0 0 0 10px;
}

.table-wrap table .last td:last-child {
	border-radius: 0 0 10px 0;
}


.price-body {
	width: 1140px;
	height: 300px;
	margin-top: 32px;
}

.price-body .sass-price-item {
	width: 264px;
	height: 300px;
	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.05);
	border-radius: 16px;
	text-align: center;
	border: 1px solid #f5f8fa;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.price-body .sass-price-item .sass-text-introduce {
	height: 32px;
	margin-top: 20px;
	font-size: 24px;
	font-weight: 600;
	color: #333;
}

.price-body .sass-price-item .sass-text-suit {
	height: 20px;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.price-body .sass-price-item .sass-text-line {
	height: 1px;
	width: 138px;
	margin: 20px auto;
	background: #f1a844;
}

.price-body .sass-price-item .sass-text-price {
	height: 40px;
	margin-top: 12px;
	font-size: 14px;
	color: #999;
}

.price-body .sass-price-item .sass-text-use {
	height: 40px;
	margin-top: 22px;
	font-size: 14px;
	color: #999;
}

.price-body .sass-price-item .sass-text-use-year {
	font-size: 20px;
	color: #000;
}

.price-body .sass-ask {
	width: 100%;
	height: 60px;
	margin-top: 18px;
	color: #fff;
	text-align: center;
	box-shadow: 0px -2px 9px 0px rgba(63, 198, 138, 0.2);
	border-radius: 0 0 16px 16px;
}

.price-body .sass-ask .btn {
	width: 100%;
	height: 60px;
	padding-top: 16px;
	font-size: 20px;
	border-radius: 0 0 16px 16px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.price-body .sass-primary {
	margin-right: 28px;
}

.price-body .sass-primary .sass-text-line {
	background: #3fc68a;
}

.price-body .sass-primary .sass-text-price-number {
	font-size: 40px;
	color: #3fc68a;
}

.price-body .sass-primary .sass-ask {
	background: linear-gradient(329deg, #3fc68a 0%, #88eac0 100%);
}

.price-body .sass-primary .sass-ask .btn:hover {
	color: #1f6853;
}

.price-body .sass-primary:hover {
	border: 1px #3fc68a solid;
	box-shadow: 0px 2px 16px 0px rgba(63, 198, 138, 0.4);
}

.price-body .sass-standard {
	margin-right: 28px;
}

.price-body .sass-standard .sass-text-line {
	background: #74b3ff;
}

.price-body .sass-standard .sass-text-price-number {
	font-size: 40px;
	color: #74b3ff;
}

.price-body .sass-standard .sass-ask {
	background: linear-gradient(329deg, #74b3ff 0%, #b3d9fc 100%);
}

.price-body .sass-standard .sass-ask .btn:hover {
	color: #274c79;
}

.price-body .sass-standard:hover {
	border: 1px #74b3ff solid;
	box-shadow: 0px 2px 16px 0px rgba(116, 179, 255, 0.4);
}

.price-body .sass-profession {
	margin-right: 28px;
}

.price-body .sass-profession .sass-text-line {
	background: #38c9cc;
}

.price-body .sass-profession .sass-text-price-number {
	font-size: 40px;
	color: #38c9cc;
}

.price-body .sass-profession .sass-ask {
	background: linear-gradient(329deg, #38c9cc 0%, #72e7e8 100%);
}

.price-body .sass-profession .sass-ask .btn:hover {
	color: #216768;
}

.price-body .sass-profession:hover {
	border: 1px #38c9cc solid;
	box-shadow: 0px 2px 16px 0px rgba(56, 201, 204, 0.4);
}

.price-body .sass-flagship {
	margin: 0;
}

.price-body .sass-flagship .sass-text-line {
	background: #f5b257;
}

.price-body .sass-flagship .sass-text-price-number {
	font-size: 40px;
	color: #f5b257;
}

.price-body .sass-flagship .sass-ask {
	background: linear-gradient(329deg, #f5b257 0%, #fbd984 100%);
}

.price-body .sass-flagship .sass-ask .btn:hover {
	color: #7a541d;
}

.price-body .sass-flagship:hover {
	border: 1px #f5b257 solid;
	box-shadow: 0px 2px 16px 0px rgba(241, 168, 68, 0.4);
}

.vvod {
	width: 50px;
	text-align: center;
	font-size: 14px;
}

.vvodchec {
	width: 1.5em;
	height: 1.5em;
	margin-left: 15px;
}

.price-wrap .price table th {
	background: #17a2b8;
	color: #fff;
	font-weight: 400;
}


.step {
	background-color: #fff
}

.step.special {
	background-color: #f5f5f5
}

.step .grid-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.step .step-title {
	width: 100%
}

.step .stepContainer {
	background-color: #fff
}

.step .grid-inner-title {
	color: #000;
	font-size: 48px;
	line-height: 64px
}

.step .stepContent {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.step .stepInner {
	width: 24.0625%;
	margin-right: 1.6rem;
	position: relative
}

.step .stepInner:last-child {
	margin-right: 0
}

.step .stepInner .right {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden
}

.step .textStyle {
	margin-top: 1.6rem;
	line-height: 22px;
	font-size: 14px;
	color: #000;
	font-weight: 400
}

.step .stepInner:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 16px;
	left: 16px;
	background: #ccc
}

.step .textOp {
	opacity: .5;
	margin-top: 1rem;
	font-size: 14px;
	padding-right: 1.6rem;
	color: grey
}

.step .stepBall {
	position: relative;
	z-index: 10;
	font-size: 16px;
	width: 32px;
	height: 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	border: .1rem solid #000;
	border-radius: 50%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:600px) and (max-width:1200px) {
	.grid-layer .grid-inner .grid-inner-title {
		font-size: 32px
	}
}

@media (max-width:600px) {
	.grid-layer .grid-inner .grid-inner-title {
		font-size: 24px
	}

	.stepContent {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.stepContent,
	.stepContent .stepInner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.stepContent .stepInner {
		width: 100%;
		height: 85px
	}

	.stepContent .stepInner .textStyle {
		margin-top: 0;
		font-size: 14px
	}

	.stepContent .stepInner .textOp {
		font-size: 14px
	}

	.stepContent .stepInner .stepBall {
		margin-right: 1.6rem;
		height: 20px;
		width: 20px;
		font-size: 12px
	}

	.stepContent .stepInner:after {
		position: absolute;
		top: 10px;
		left: 10px;
		height: 100%;
		width: 1px
	}

	.stepContent .stepInner:last-child:after {
		height: 0%
	}
}




.design_features .wrapper {
	overflow: hidden;
	margin: 0 auto
}

.design_features a:hover {
	text-decoration: none;
	cursor: pointer
}

.design_features .list-content h3 {
	margin: 0 20px;
	padding: 30px 0 15px 0;
	width: 530px;
	height: 63px;
	line-height: 18px;
	box-sizing: border-box;
	font-size: 18px
}

.design_features .list-content h3 a {
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	color: #444
}

.design_features .list-content h3 a:hover {
	color: #ea714c
}

.design_features .deadline {
	margin: 0 20px 0 20px;
	height: 50px;
	line-height: 14px;
	color: #999;
	font-size: 14px
}

.design_features .deadline .status {
	display: inline-block;
	float: left;
	border-radius: 2px;
	padding: 1px 10px;
	height: 24px;
	width: 62px;
	line-height: 24px;
	background-color: #ff0000;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	vertical-align: bottom;
	text-align: center
}

.design_features .deadline .end {
	background-color: #ddd
}

.design_features .deadline .time {
	margin-left: 20px;
	height: 20px;
	line-height: 20px
}




.design_features .divli {
	width: 100%;
	margin-bottom: 30px;
	float: left;
	transition: all .24s ease-in-out;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .05), 0 0 1px 0 rgba(0, 0, 0, .06)
}

.design_features .divli:hover {
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .07);
	transform: translateY(-6px)
}

.design_features .divli:nth-child(even) {
	margin-left: 30px
}

.design_features .divli .list-content {
	position: relative
}

.design_features .divli .list-img {
	visibility: visible;
	position: relative;
	font-size: 0;
	overflow: hidden
}

.design_features .divli .list-img a.img-hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block
}

.design_features .divli img {
	width: 100%;
	height: 220px
}

.process-steps-xs li {
	position: relative;
	float: left;
	list-style-type: none;
	display: inline-block
}

.process-steps-xs li:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 8px solid transparent;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-bottom: 8px solid transparent;
	border-radius: 2px;
	position: absolute;
	right: 80px;
	top: 40px;
	text-align: center;
	border-left: 8px solid rgba(0, 0, 0, 0.1)
}


.process-steps-xs li:last-child:after {
	display: none
}

@media screen and (max-width: 991px) {
	.process-step-xs .process-step-icon i {
		font-size: 44px
	}
}

@media screen and (max-width: 767px) {
	.process-steps-xs li:nth-child(2):after {
		display: none
	}

	.process-step-xs .process-step-icon i {
		font-size: 40px
	}

	.process-step-xs h3 {
		font-size: 13px;
		margin: 5px 0
	}

	.process-steps-xs li:after {
		right: 0
	}
}

.bg-cover {
	background-repeat: no-repeat !important;
	background-position: 50% !important;
	background-size: cover !important;
}

.overlay-dark-hover:after,
.overlay-dark:after,
.overlay-light-hover:after,
.overlay-light:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

.shadow-primary-xs,
.shadow-primary-xs-hover:hover {
	/* box-shadow: 0 0 25px rgba(55, 125, 255, .1) !important; */
	box-shadow: 0 0 10px #999 !important;
}

.opacity-4,
.overlay-opacity-4:after {
	opacity: .4;
}

.overlay-dark-hover:hover:after,
.overlay-dark:after {
	background-color: #000;
}

.text-align-end {
	text-align: right !important;
}

.shadow-xs,
.shadow-xs-hover:hover {
	box-shadow: 0 0 25px rgba(140, 152, 164, .1) !important;
}

.list-inline,
.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.list-inline-item {
	display: inline-block;
}

.text-gray-500 {
	color: #adb5bd !important;
}



/**
	VISUAL CHART
**/
.cart-visual *,
.cart-visual *:before,
.cart-visual *:after {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.cart-visual {
	height: 250px;
}

.cart-visual .row {
	position: relative;
	z-index: 1;
}

.cart-visual .row>div h1,
.cart-visual .row>div h2,
.cart-visual .row>div h3,
.cart-visual .row>div h4 {
	margin-top: -12px;
	margin-bottom: 0;
}

.cart-visual .row>div h1 i,
.cart-visual .row>div h2 i,
.cart-visual .row>div h3 i,
.cart-visual .row>div h4 i {
	font-style: normal;
}

.cart-visual svg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	z-index: 200;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;

	z-index: 0;
}


.cart-visual-pin {
	position: absolute;
	left: 0;
	width: 16px;
	height: 100%;
	top: 0;
}

.cart-visual-pin:before {
	position: absolute;
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #F4AD1A;

}

.cart-visual-pin .cart-visual-pin-ball {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #F4AD1A;
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
}


/** LAYOUT : DEFAULT **/
.cart-visual-default svg#cart-visual-svg-1 {
	fill: #f5f6fa !important;
}

.cart-visual-default svg#cart-visual-svg-2 {
	fill: #f1f2f5 !important;
}

.cart-visual-default h1,
.cart-visual-default h2,
.cart-visual-default h3,
.cart-visual-default h4,
.cart-visual-default h5,
.cart-visual-default h6,
.cart-visual-default p {
	color: #888;
}

.cart-visual-default a {
	color: #666;
}

.cart-visual-default .cart-visual-pin:before,
.cart-visual-default .cart-visual-pin .cart-visual-pin-ball {
	background-color: #f1f2f5;
}



/** LAYOUT : WARNING **/
.cart-visual-warning svg#cart-visual-svg-1 {
	fill: #FADF4E !important;
}

.cart-visual-warning svg#cart-visual-svg-2 {
	fill: #F3AD1D !important;
}

.cart-visual-warning a {
	color: #F4AD1A;
}

.cart-visual-warning .cart-visual-pin:before,
.cart-visual-warning .cart-visual-pin .cart-visual-pin-ball {
	background-color: #F4AD1A;
}



/** LAYOUT : SUCCESS **/
.cart-visual-success svg#cart-visual-svg-1 {
	fill: #e0f5e3 !important;
}

.cart-visual-success svg#cart-visual-svg-2 {
	fill: #c0e099 !important;
}

.cart-visual-success a {
	color: #28a745;
}

.cart-visual-success .cart-visual-pin:before,
.cart-visual-success .cart-visual-pin .cart-visual-pin-ball {
	background-color: #c0e099;
}



/** LAYOUT : DANGER **/
.cart-visual-danger svg#cart-visual-svg-1 {
	fill: #ffe0d2 !important;
}

.cart-visual-danger svg#cart-visual-svg-2 {
	fill: #e06d6d !important;
}

.cart-visual-danger a {
	color: #e06d6d;
}

.cart-visual-danger .cart-visual-pin:before,
.cart-visual-danger .cart-visual-pin .cart-visual-pin-ball {
	background-color: #e06d6d;
}




/** LAYOUT : INFO **/
.cart-visual-info svg#cart-visual-svg-1 {
	fill: #b7e4ff !important;
}

.cart-visual-info svg#cart-visual-svg-2 {
	fill: #7fc1e0 !important;
}

.cart-visual-info a {
	color: #7fc1e0;
}

.cart-visual-info .cart-visual-pin:before,
.cart-visual-info .cart-visual-pin .cart-visual-pin-ball {
	background-color: #7fc1e0;
}



@media (max-width: 767px) {

	.cart-visual {
		overflow: hidden;
		padding-left: 15px;
		padding-right: 15px;
		height: auto !important;
	}

	.cart-visual-pin {
		margin-top: 30px;
	}

	.cart-visual svg#cart-visual-svg-1,
	.cart-visual svg#cart-visual-svg-2 {
		display: none;
	}

	.cart-visual .row>div {
		margin-top: 3px !important;
		margin-bottom: 0 !important;
		padding: 30px 10px 50px 10px !important;
		background-color: rgba(0, 0, 0, 0.01);
	}

}

.icon_lists {
	width: 100% !important;
	overflow: hidden;
	*zoom: 1;
}

.icon_lists li {
	width: 100px;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: center;
	list-style: none !important;
	cursor: default;
}

.dib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.dib-box .dib {
	vertical-align: top;
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: inherit;
}

.icon_lists .icon {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	margin: 5px auto;
	color: #333;
	-webkit-transition: font-size 0.25s linear, width 0.25s linear;
	-moz-transition: font-size 0.25s linear, width 0.25s linear;
	transition: font-size 0.25s linear, width 0.25s linear;
}



.section1 {
	width: 940px;
	height: 92px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section1-left {}

.section1-left {
	font-size: 32px;
	color: #333333;
	line-height: 32px;
}

.section1-right {
	display: flex;
	align-items: center;
}

.section1-tag {
	font-size: 14px;
	color: #666666;
	line-height: 14px;
}

.section1-fenlei {
	width: 92px;
	height: 34px;
	font-size: 14px;
	text-align: center;
	color: #C13939;
	line-height: 34px;
	margin-left: 12px;
	border-radius: 4px;
	border: 1px #C13939 solid;
	position: relative;
}

.section1-fenlei:hover {
	cursor: pointer;
}

.section1-xiala {
	background-size: 10px 7px;
	display: inline-block;
	width: 10px;
	height: 7px;
	margin-left: 5px;
}

.pagination .active a {
	background-color: #C13939;
	border-color: #C13939;
}

.pagination .active a:hover {
	background-color: #C13939;
	border-color: #C13939;
}

.pagination>li>a,
.pagination>li>span {
	color: #C13939;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #C13939;
}


.section1-popup {
	position: absolute;
	display: none;
	top: 34px;
	left: 0;
	width: 100%;
	background: rgb(249, 249, 249);
	border-radius: 0 0 5px 5px;
}

.section1-popup-item {
	padding-left: 10px;
	text-align: left;
	border-top: 1px solid #D8D8D8;
}

.section1-popup-item:first-child {
	border-top: none;
}

.section2 {
	width: 940px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	background: #ffffff;
}

.section2-item {
	width: 100%;
	height: auto;
	display: flex;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #D8D8D8;
}

.section2-item:first-child {
	border-top: none;
}

.section2-item-left {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
	line-height: 16px;
}

.section2-item:hover .section2-item-left {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #C13939;
	line-height: 16px;
	cursor: pointer;
}

.section2-item-right {
	font-size: 16px;
	color: #666666;
	line-height: 16px;
}

.section2-item-icon {
	display: inline-block;
	background: #C13939;
	width: 4px;
	height: 16px;
	margin-right: 6px;
}

.section3 {
	width: 940px;
	margin: 30px auto 0;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
}

.section4 {
	width: 940px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 30px auto 60px auto;
}

.section4-num {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #C13939;
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	padding: 8px 14px;
	border: 2px solid #C13939;
	margin-left: 6px;
}

.section4-num-select {
	color: #ffffff;
	background: #C13939;
}

.section4-num:hover {
	cursor: pointer;
}

.section4-next-icon {
	background: url(../img/jiantou_hong.png) center no-repeat;
	background-size: 8px 12px;
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-left: 5px;
}

@media screen and (max-width: 420px) {
	.top-space {
		display: none;
	}

	.nav-bar-inner-layout-screen-420 {
		width: 100%;
		padding: 0 20px;
	}

	.section1-screen-420 {
		width: 100%;
		height: 100px;
		padding: 10px 20px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.section2-screen-420 {
		width: 100%;
		padding: 0 20px;
	}

	.section2-item-screen-420 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 20px 0;
	}

	.section2-item-right-screen-420 {
		margin-top: 10px;
		font-size: 12px;
	}

	.section3-screen-420 {
		width: 100%;
		padding: 0 20px;
	}

	.section4-screen-420 {
		width: 100%;
		padding: 0 20px;
	}

	.section4-num-screen-420 {
		padding: 4px 7px;
		border: 1px solid #C13939;
		font-size: 14px;
	}
}

@media (min-width: 992px) {
	.col-md-2 {
		width: 15.66666667%;
	}
}

._1pUUKr,
._2VdqdF {
	display: flex;
	align-items: center;
	margin: 3px;
}

._3Pnjry {
	position: fixed;
	z-index: 98;
	top: 216px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	right: calc((100vw - 1000px)/2 - 178px)
}

@media screen and (min-width:1921px) {
	._3Pnjry {
		right: calc((100vw - 1200px)/2 - 178px)
	}
}

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

._2VdqdF {
	justify-content: center;
	width: 48px;
	height: 48px;
	font-size: 18px;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .09);
	background-color: #fff
}


.P63n6G {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 14px;
	text-align: center;
	color: #535353;
	text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
	overflow: hidden;
	height: 19px;
}

.card-title {
	line-height: 28px
}

.card-title-txt {
	padding: 0 0 0 12px;
	position: relative
}

.card-title-txt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	display: block;
	width: 3px;
	height: 18px;
	background: #ff4141;
	border-radius: 1.5px
}

.card-title-more {
	color: #888;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.card-title-more,
.flex-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}


.page-header {
	background: #fff;
	/* box-shadow: 0 2px 10px 0 rgb(52 52 52 / 10%); */
	/* box-shadow: 0 2px 70px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
	box-shadow: 0 14px 20px -12px rgb(0 0 0 / 20%);
}

.page-header .header-content {
	width: 1200px;
	margin: 0 auto;
}

.page-header .header-content .logo {
	padding: 20px 0;
	width: 120px;
	height: 40px;
	box-sizing: border-box
}

.page-header .header-content .logo img {
	width: 100%
}

.page-header .header-content .logo svg {
	vertical-align: middle
}

.page-header .header-content .header-right {
	padding: 20px 0
}

.page-header .header-content .header-right .search-box {
	margin-right: 30px
}

.page-header .header-content .header-right .login-no {
	line-height: 40px;
	cursor: pointer
}

.page-header .header-content .header-right .login-no span {
	color: #606266
}

.header-nav {
	margin: 0 0 0 75px
}

.header-nav li {
	margin: 0 25px
}

.header-nav li a,
.header-nav li span {
	font-size: 16px;
	display: block;
	/* color: #909399; */
	color: #535353;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid transparent;
	cursor: pointer
}

.header-nav li a:hover,
.header-nav li span:hover {
	color: #000
}

.header-nav li a.nuxt-link-active:not([href="/"]),
.header-nav li a.nuxt-link-exact-active,
.header-nav li span.nuxt-link-active:not([href="/"]),
.header-nav li span.nuxt-link-exact-active {
	border-color: #000;
	color: #000;
	font-weight: 600
}

.el-input {
	position: relative;
	font-size: 14px;
	display: inline-block;
	width: 100%;
}

.el-input__inner {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: none;
	padding: 0 15px;
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
	width: 100%;
}

.el-input__suffix {
	position: absolute;
	height: 100%;
	right: 5px;
	top: 0;
	text-align: center;
	color: #c0c4cc;
	transition: all .3s;
	pointer-events: none
}

.el-input__suffix-inner {
	pointer-events: all
}

.search-bar {
	position: relative
}

.search-bar .el-autocomplete .el-input input,
.search-bar .el-select .el-input input {
	width: 320px;
	padding-right: 50px;
	border-color: #f8f8f8 !important;
	background: #f8f8f8 !important
}

.search-bar .el-autocomplete .el-input input:focus,
.search-bar .el-autocomplete .el-input input:hover,
.search-bar .el-select .el-input input:focus,
.search-bar .el-select .el-input input:hover {
	border-color: #f8f8f8 !important
}

.search-bar .iconfont {
	position: absolute;
	right: 10px;
	font-size: 20px;
	color: #333;
	cursor: pointer
}

.search-bar .iconfont:hover {
	color: #e61723
}

.search-empty-box img {
	max-width: 80%
}


.ace-common-n-home-agenda {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: calc(100vh - 231px)
}

.ace-common-n-home-agenda-wrap {
	height: 100%
}

.ace-common-n-home-agenda-tabs {
	height: 32px;
	margin: 31px 0 24px;
	display: flex
}

.ace-common-n-home-agenda-tabs-tab {
	height: 32px;
	line-height: 32px;
	padding: 0 24px;
	margin-right: 10px;
	color: #666;
	font-size: 16px;
	background: #e8e8e8;
	border-radius: 24px;
	cursor: pointer;
	flex-shrink: 0
}

.ace-common-n-home-agenda-tabs-tab:hover,
.ace-common-n-home-agenda-tabs .active {
	color: #fff;
	background-color: #2478ff
}

.ace-common-n-home-agenda-content {
	width: 100%;
	display: flex
}

.ace-common-n-home-agenda-producer {
	width: 240px;
	height: 475px;
	border-radius: 5px;
	color: #fff;
	position: relative;
	background-color: #1555ff;
	overflow: hidden
}

.ace-common-n-home-agenda-producer img {
	width: 240px;
	height: 475px
}

.ace-common-n-home-agenda-producer-info {
	position: absolute;
	top: 185px;
	padding: 0 24px;
	overflow: hidden
}

.ace-common-n-home-agenda-producer-name {
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	font-weight: 500
}

.ace-common-n-home-agenda-producer-desc {
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px
}

.ace-common-n-home-agenda-producer-title {
	height: 140px;
	line-height: 20px;
	font-size: 14px;
	text-align: justify
}

.ace-common-n-home-agenda-producer-quote {
	height: 46px;
	display: flex;
	align-items: center;
	position: relative
}

.ace-common-n-home-agenda-producer-quote img {
	width: 18px;
	height: 15px
}

.ace-common-n-home-agenda-producer-quote-r img {
	position: absolute;
	top: 10px;
	right: 0
}

.ace-common-n-home-agenda-timeline {
	width: 920px;
	height: 475px;
	margin-left: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px
}

.ace-common-n-home-agenda-timeline-duration {
	height: 40px;
	font-weight: 600;
	font-size: 20px;
	color: #fe6a00;
	line-height: 40px;
	margin-bottom: 20px
}

.ace-common-n-home-agenda-timeline-items {
	display: flex;
	padding-bottom: 20px;
	font-size: 16px;
	position: relative
}

.ace-common-n-home-agenda-timeline-items:before {
	position: absolute;
	left: 0;
	top: 5px;
	height: 7px;
	content: "";
	width: 7px;
	border-radius: 50%;
	background-color: #fe6a00
}

.ace-common-n-home-agenda-timeline-items:after {
	position: absolute;
	left: 3px;
	top: 6px;
	height: 100%;
	content: "";
	width: 1px;
	background-color: #fe6a00
}

.ace-common-n-home-agenda-timeline-last:after {
	display: none
}

.ace-common-n-home-agenda-timeline-time {
	margin: 0 9px 0 16px;
	width: 110px;
	white-space: nowrap;
	color: #666
}

.ace-common-n-home-agenda-timeline-time span {
	height: 22px;
	line-height: 22px;
	display: inline-block
}

.ace-common-n-home-agenda-timeline-topic {
	width: 404px;
	color: #181818;
	font-weight: 500;
	padding-right: 40px;
	text-align: left
}

.ace-common-n-home-agenda-timeline-topic .topic-desc {
	margin-top: 4px;
	font-size: 12px;
	color: #8d8d8d;
	text-align: justify;
	line-height: 20px
}

.ace-common-n-home-agenda-timeline-topic-status {
	margin-top: 4px;
	height: 20px;
	line-height: 20px;
	color: #2478ff;
	font-size: 12px;
	letter-spacing: 1px
}

.ace-common-n-home-agenda-timeline-topic-status:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #2478ff;
	display: inline-block;
	border-radius: 50%;
	margin-right: 4px
}

.ace-common-n-home-agenda-timeline-topic-status1 {
	color: #0fc18a
}

.ace-common-n-home-agenda-timeline-topic-status1:before {
	background-color: #0fc18a
}

.ace-common-n-home-agenda-timeline-topic-status2 {
	color: #a5a7a8
}

.ace-common-n-home-agenda-timeline-topic-status2:before {
	background-color: #a5a7a8
}

.ace-common-n-home-agenda-timeline-topic a,
.ace-common-n-home-agenda-timeline-topic span {
	text-decoration: none;
	cursor: pointer;
	color: #181818 !important;
	display: inline-block;
	height: 22px;
	line-height: 22px
}

.ace-common-n-home-agenda-timeline-topic a:hover,
.ace-common-n-home-agenda-timeline-topic span:hover {
	color: #fe6a00 !important
}

.ace-common-n-home-agenda-timeline-info {
	letter-spacing: 1px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500
}

.ace-common-n-home-agenda-timeline-name {
	white-space: nowrap;
	height: 22px;
	line-height: 22px;
	font-weight: 500;
	font-size: 16px;
	color: #181818;
	letter-spacing: 1.14px
}

.ace-common-n-home-agenda-timeline-company {
	margin-top: 4px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #a5a7a8;
	letter-spacing: .86px
}


.banner {
	height: 300px;
	position: relative;
	color: hsla(0, 0%, 100%, .9);
	/* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
	overflow: hidden;
}

.banner__inner {
	content: "";
	display: block;
	position: absolute;
	height: 1000px;
	bottom: 0;
	width: 150%;
	min-width: 1440px;
	left: 50%;
	transform: translateX(-50%);
	/* background-color: #aa0000; */
	/* background-image: linear-gradient(150deg, #15a689, rgba(24, 186, 155, 0.7)); */
	border-radius: 0 0 50% 50%;
	z-index: -1;
	overflow: hidden;
}

.banner__bd {
	display: flex;
	flex-direction: column;
	align-items: center;
	animation: a 1.3s both;
}

.banner__logo {
	margin: 30px auto 20px;
	font-size: 30px;
	display: block;
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	background-size: cover;
}

.banner__update-log {
	padding: 14px 0 0;
	/* width: 440px; */
	position: relative;
}

.banner__update-log:before {
	content: "";
	display: block;
	border-top: 1px solid hsla(0, 0%, 100%, .3);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: scaleY(.5);
	transform-origin: left top;
}

.banner__update-log li {
	display: flex;
	margin-bottom: 8px;
}

.banner__update-log a {
	color: hsla(0, 0%, 100%, .9);
}

.banner__update-content {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.banner__updata-time {
	color: hsla(0, 0%, 100%, .7);
	margin-left: 16px;
	font-variant-numeric: tabular-nums;
}

.banner__update-more {
	margin-top: 10px;
	display: inline-block;
	color: hsla(0, 0%, 100%, .9);
}

.banner__download {
	margin-top: 72px;
	display: flex;
	align-items: center;
	margin-right: -40px
}

.banner__download-item {
	width: 124px;
	height: 124px;
	border-radius: 50%;
	background-color: hsla(0, 0%, 100%, .07);
	color: hsla(0, 0%, 100%, .9);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 40px;
	cursor: pointer
}

.banner__download-item i {
	margin-bottom: 4px;
}

.banner__download-item:hover {
	background-color: hsla(0, 0%, 100%, .15)
}

.banner__download {
	width: 280px;
	margin-right: -24px;
	margin-top: 28px;
	flex-wrap: wrap
}

.banner__download-item {
	width: 116px;
	height: 116px;
	margin-right: 24px;
	margin-bottom: 24px
}


@keyframes b {
	0% {
		opacity: 0
	}

	to {
		opacity: .5;
		transform: translateX(-50%) translateY(7px)
	}
}


.index-column-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 14px;
	-ms-flex-align: center;
	align-items: center
}

.index-column-title .title {
	font-size: 18px;
	color: #333;
	font-weight: 400;
	position: relative;
	padding: 0 15px 0 12px
}

.index-column-title .title::before {
	background-color: #28C195;
}

.index-column-title .title:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 22px;
	left: 0;
	top: 5px
}

.index-column-title .mores {
	font-size: 14px;
	color: #999;
	cursor: pointer;
}

.index-column-title .columu-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.index-column-title .columu-left .index-columu-tabs .columu-tabs-item {
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	margin: 0 15px;
	position: relative
}

.index-column-title .columu-left .index-columu-tabs .columu-tabs-item:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -6px;
	background-color: transparent;
	transition: background-color .5s
}

.index-column-title .columu-left .index-columu-tabs .columu-tabs-item:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: -5px;
	width: 0;
	height: 0;
	border-bottom: 3px solid transparent;
	border-top: 0;
	border-left: 3px dashed transparent;
	border-right: 3px dashed transparent
}

.index-column-title .columu-left .index-columu-tabs .columu-tabs-item.active {
	position: relative
}

.index-column-title .columu-left .columu-tabs-item.active {
	color: #28C195;
}

.index-column-title .columu-left .columu-tabs-item.active:before {
	background-color: #28C195;
}

.g-bg-secondary--active.active {
	background-color: #f5f5f5 !important;
}

/*------------------------------------
  Selects
------------------------------------*/
.input-group select {
	-webkit-appearance: none;
}

/*------------------------------------
  Selects v1
------------------------------------*/
.u-select-v1 {
	position: relative;
	max-width: 100%;
	font-size: 1rem;
	color: rgba(33, 33, 33, 0.3);
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: .4rem 1rem;
}

.u-select-v1 .chosen-single {
	position: static;
	height: auto;
	color: inherit;
	background-image: none;
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	line-height: inherit;
}

.u-select-v1 .chosen-single span {
	margin-right: 0;
}

.u-select-v1 .chosen-single span img {
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.u-select-v1 .chosen-single div {
	width: 40px;
}

.u-select-v1 .chosen-single div b {
	background: none !important;
}

.u-select-v1 .chosen-single div b i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.u-select-v1 .chosen-single div b i:first-child {
	display: inline-block;
}

.u-select-v1 .chosen-single div b i:last-child {
	display: none;
}

.u-select-v1 .chosen-single:focus {
	outline: 0 none;
}

.u-select-v1 .chosen-drop {
	width: calc(100% + 2px);
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	border-radius: 0;
	border-top-width: 1px;
	margin-left: -1px;
}

.u-select-v1 .chosen-results {
	padding: 0;
	margin: 0;
}

.u-select-v1 .chosen-results>li {
	position: relative;
	font-size: inherit;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding: 12px 16px;
}

.u-select-v1 .chosen-results>li img {
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.u-select-v1 .chosen-results>li div {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
}

.u-select-v1 .chosen-results>li div b {
	display: block;
	width: 100%;
	height: 100%;
}

.u-select-v1 .chosen-results>li div b i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.u-select-v1 .chosen-results>li:last-child {
	border-bottom-width: 0;
}

.u-select-v1 .chosen-results>li.highlighted {
	color: #999;
	background-image: none;
	background-color: rgba(132, 94, 194, 0.2);
	border-bottom-color: rgba(132, 94, 194, 0.2);
}

.u-select-v1 .chosen-results>li.highlighted.g-color-white--active {
	color: #fff !important;
}



.u-select-v1 .chosen-results>li.result-selected {
	color: #999;
	background-color: rgba(132, 94, 194, 0.2);
	border-bottom-color: rgba(132, 94, 194, 0.2);
}

.u-select-v1 .chosen-results>li.result-selected div b i {
	display: inline-block;
}

.u-select-v1.chosen-container-active .chosen-single {
	background-image: none;
	box-shadow: none;
}

.u-select-v1.chosen-with-drop .chosen-single {
	border: none;
	border-radius: 0;
}

.u-select-v1.chosen-with-drop .chosen-single div b i:first-child {
	display: none;
}

.u-select-v1.chosen-with-drop .chosen-single div b i:last-child {
	display: inline-block;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices {
	background-image: none;
	border: none;
	box-shadow: none;
	padding: 0;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice {
	font-size: 12px;
	color: #999;
	background-image: none;
	background-color: #fff;
	border-color: #ccc;
	border-radius: 0;
	padding: 5px 20px 5px 5px;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice-close {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field {
	height: 22px;
}

.u-select-v1.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field input[type="text"] {
	height: 22px;
	margin: 0;
}

.u-select-v1.u-select-multiple-custom .chosen-choices {
	display: none;
}

.u-select-v1.u-select-multiple-custom .chosen-drop {
	width: 100%;
	position: static;
	top: auto;
	left: auto;
	z-index: 3;
	border: none;
	box-shadow: none;
	margin-left: 0;
}

.u-select-v1.u-dropdown-sm {
	padding: .1rem .5rem;
	font-size: .875rem;
}

.u-select-v1.u-dropdown-sm .chosen-results>li {
	padding: 6px 8px;
}

.u-select-v1.u-dropdown-lg {
	padding: .55rem 1.5rem;
	font-size: 1.25rem;
}

.u-select-v1.u-dropdown-lg .chosen-results>li {
	padding: 14px 18px;
}

/*------------------------------------
  Selects v2
------------------------------------*/
.u-select-v2 {
	position: relative;
	max-width: 100%;
	font-size: 1rem;
	color: rgba(33, 33, 33, 0.3);
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: .4rem 1rem;
}

.u-select-v2 .chosen-single {
	position: static;
	height: auto;
	color: inherit;
	background-image: none;
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	line-height: inherit;
}

.u-select-v2 .chosen-single span {
	margin-right: 0;
}

.u-select-v2 .chosen-single span img {
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.u-select-v2 .chosen-single div {
	width: 50px;
}

.u-select-v2 .chosen-single div b {
	background: none !important;
}

.u-select-v2 .chosen-single div b i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.u-select-v2 .chosen-single div b i:first-child {
	display: inline-block;
}

.u-select-v2 .chosen-single div b i:last-child {
	display: none;
}

.u-select-v2 .chosen-single:focus {
	outline: 0 none;
}

.u-select-v2 .chosen-drop,
.u-select-v2 .chosen-results {
	border-radius: 3px;
}

.u-select-v2 .chosen-drop {
	width: calc(100% + 2px);
	box-sizing: border-box;
	border: none;
	box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.1);
	margin-left: -1px;
	margin-top: 7px;
}

.u-select-v2 .chosen-results {
	padding: 0;
	margin: 0;
}

.u-select-v2 .chosen-results>li {
	position: relative;
	font-size: inherit;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding: 12px 16px;
}

.u-select-v2 .chosen-results>li img {
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.u-select-v2 .chosen-results>li div {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
}

.u-select-v2 .chosen-results>li div b {
	display: block;
	width: 100%;
	height: 100%;
}

.u-select-v2 .chosen-results>li div b i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.u-select-v2 .chosen-results>li:last-child {
	border-bottom-width: 0;
}

.u-select-v2 .chosen-results>li.highlighted {
	color: #999;
	background-image: none;
	background-color: rgba(132, 94, 194, 0.2);
	border-bottom-color: rgba(132, 94, 194, 0.2);
}

.u-select-v2 .chosen-results>li.highlighted.g-color-white--active {
	color: #fff !important;
}



.u-select-v2 .chosen-results>li.result-selected {
	color: #999;
	background-color: rgba(132, 94, 194, 0.2);
	border-bottom-color: rgba(132, 94, 194, 0.2);
}

.u-select-v2 .chosen-results>li.result-selected div b i {
	display: inline-block;
}

.u-select-v2.chosen-container-active .chosen-single {
	background-image: none;
	box-shadow: none;
}

.u-select-v2.chosen-with-drop .chosen-single {
	border: none;
	border-radius: 0;
}

.u-select-v2.chosen-with-drop .chosen-single div b i:first-child {
	display: none;
}

.u-select-v2.chosen-with-drop .chosen-single div b i:last-child {
	display: inline-block;
}

.u-select-v2.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices {
	background-image: none;
	border: none;
	box-shadow: none;
	padding: 0;
}

.u-select-v2.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice {
	font-size: 12px;
	color: #999;
	background-image: none;
	background-color: #fff;
	border-color: #ccc;
	border-radius: 0;
	padding: 5px 20px 5px 5px;
}

.u-select-v2.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-choice-close {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.u-select-v2.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field {
	height: 22px;
}

.u-select-v2.chosen-container-multi:not(.u-select-multiple-custom) .chosen-choices .search-field input[type="text"] {
	height: 22px;
	margin: 0;
}

.u-select-v2.u-select-multiple-custom .chosen-choices {
	display: none;
}

.u-select-v2.u-select-multiple-custom .chosen-drop {
	width: 100%;
	position: static;
	top: auto;
	left: auto;
	z-index: 3;
	border: none;
	box-shadow: none;
	margin-left: 0;
}

.u-select-v2.u-dropdown-sm {
	padding: .1rem .5rem;
	font-size: .875rem;
}

.u-select-v2.u-dropdown-sm .chosen-results>li {
	padding: 6px 8px;
}

.u-select-v2.u-dropdown-lg {
	padding: .55rem 1.5rem;
	font-size: 1.25rem;
}

.u-select-v2.u-dropdown-lg .chosen-results>li {
	padding: 14px 18px;
}

.cbp-caption-expand .cbp-caption-defaultWrap {
	cursor: pointer;
	color: #535353;
	padding: 12px 0 11px 0px;
}

/*-------------------
Course Review
-------------------------*/
.courses-reviews h3 {
	margin-bottom: 0;
	display: inline-block;
	margin-right: 15px;
	font-size: 20px;
	font-weight: 700;
}

.rating.review-stars-rated {
	width: 90px;
	position: relative;
	display: inline-block;
	margin-bottom: 0px;
}

/*========================
Course Sidebar
=============================*/
.course-sidebar.course-sidebar-2 .course-widget {
	padding: 0px 0px 30px 0px;
	border-top: 0px;
}

.course-sidebar.course-sidebar-2 .course-widget ul {
	padding: 0px 40px 30px;
}

.course-sidebar.course-sidebar-2 .course-widget .course-thumbnail img {
	border-radius: 0px;
}


.course-sidebar.course-sidebar-2 .course-widget .buy-btn {
	padding: 0px 40px;
}

.course-sidebar .course-widget {
	box-shadow: 0 30px 50px 0 rgba(51, 51, 51, 0.08);
	padding: 0px 40px 30px;
	border: 1px dashed #eee;
	border-top: 2px solid #385777;
}

.course-sidebar .course-widget ul {
	margin: 20px 0px;
}

.course-sidebar .course-widget ul li span {
	text-transform: capitalize;
}

.course-sidebar .course-widget ul li span i {
	color: #696969;
	margin-right: 10px;
}

.course-sidebar .course-widget ul li div {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.course-sidebar .course-widget ul li a .course-price span {
	font-size: 30px;
}

.course-sidebar .course-widget .buy-btn {
	text-align: center;
}

.course-sidebar .course-widget .buy-btn button {
	width: 100%;
	display: block;
	padding: 14px 30px;
}

/*========================
Content tab
=============================*/
.edutim-course-content .learn-press-nav-tabs .course-nav a {
	color: #ababab;
	font-size: 18px;
	transition: all .4s ease 0s;
	border: 0px;
	border-bottom: 2px solid transparent;
	padding: 15px 20px;
}

.edutim-course-content .learn-press-nav-tabs .course-nav.active a {
	color: #000;
	transition: all .4s ease 0s;
}

.edutim-course-content .learn-press-nav-tabs .course-nav.active:hover a {
	color: #20ad96;
}

.edutim-course-content .learn-press-nav-tabs .nav-tabs {
	border-bottom: 1px solid transparent;
	background: #F8F9F8;
	transition: all .4s ease 0s;
	margin-bottom: 20px;
	border-radius: 5px;
	/* box-shadow: 0 30px 50px 0 rgb(51 51 51 / 8%); */
	box-shadow: 0 10px 15px 2px rgb(0 0 0 / 8%);
}

.edutim-course-content .nav-tabs .nav-link {
	border: 2px solid transparent;
}

.edutim-course-content .learn-press-nav-tabs .course-nav.active::after,
.edutim-course-content .learn-press-nav-tabs .course-nav:hover::after {
	background: #20ad96;
	height: 2px;
	bottom: -2px;
}

.edutim-course-content .nav-tabs .nav-link.active,
.edutim-course-content .nav-tabs .nav-item.show .nav-link {
	color: #222;
	border: 0px;
	background: #F8F9F8;
	border-bottom: 1px solid #385777;
}

/*========================
Course Review
==============================*/
.course-review-head {
	margin-bottom: 20px;
}

.course-single-review .user-image img {
	border-radius: 100%;
}

.course-reviews-list li .user-name,
.course-reviews-list-shortcode li .user-name {
	text-transform: capitalize;
	margin: 0px !important;
	font-size: 20px;
}

.course-reviews-list li .review-title,
.course-reviews-list-shortcode li .review-title {
	font-style: normal !important;
}

.course-reviews-list li,
.course-reviews-list-shortcode li {
	border-radius: 5px;
	padding: 20px;
}

/*==========================
Course Topics
================================*/
.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link::before {
	font-size: 14px;
	left: 0;
	display: table-cell;
	width: 20px;
	padding: 10px 0;
	color: dimgray;
	transition: all .4s ease 0s;
}



.edutim-course-curriculum ul.curriculum-sections .section-content .course-item:nth-child(2n+1) a {
	background-color: #f8f8f8;
}

/*==========================
Popular course sidebar widget
================================*/
.course-latest {
	margin-top: 50px;
}

.course-latest li {
	padding-top: 20px;
}

.course-latest h4 {
	margin-bottom: 10px;
}

.course-latest .widget-post-body h6 {
	margin-bottom: 10px;
}

.course-latest h5 {
	color: #20ad96;
}


/*==========================
Course Curriculam
==========================*/
.edutim-course-curriculum ul.curriculum-sections {
	border: 0px solid rgba(0, 0, 0, 0.125);
	/* box-shadow: 0 1px 3px 0 rgb(50 50 50 / 16%); */
	box-shadow: 0 10px 15px 2px rgb(0 0 0 / 8%);
}

.edutim-course-curriculum ul.curriculum-sections .section-header {
	padding: 5px 40px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-meta {
	display: table-cell;
	white-space: nowrap;
	padding-left: 20px;
	text-align: right;
	font-size: 14px;
	vertical-align: middle;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-meta .section-progress {
	display: inline-block;
	margin-right: 5px;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-meta .section-progress .progress-bg {
	width: 100px;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-title {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 18px;
	padding: 10px 0;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-left {
	display: table-cell;
	vertical-align: top;
	cursor: pointer;
}

.edutim-course-curriculum ul.curriculum-sections .section-header .section-desc,
.edutim-course-curriculum ul.curriculum-sections .section-header .section-title {
	margin: 0 0 10px 0;
}

.edutim-course-curriculum ul.curriculum-sections .section-content {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item {
	position: relative;
	font-size: 14px;
	transition: padding-left linear .15s;
	background: #fff;
	margin: 0;
}


.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .item-icon {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0px;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
	border-bottom: none;
	display: table;
	box-shadow: none;
	outline: 0;
	width: 100%;
	line-height: 1.5;
	transition: all .4s ease 0s;
	padding: 5px 40px;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:hover .item-name {
	color: #20ad96;
	transition: padding-left linear .55s;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:hover:before {
	color: #20ad96;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .item-name {
	color: #222;
	transition: all .4s ease 0s;
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta {
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	padding: 10px 0;
	text-align: right;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .item-meta {
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	padding: 0 8px;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	background: #000;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .item-meta.duration {
	background: #20ad96;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .course-item.item-preview .course-item-status {
	background: #20ad96;
	font-style: normal;
	border-radius: 3px;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .course-item-status {
	color: #ddd;
	margin-left: 5px;
	display: none;
	border-radius: 50%;
	box-sizing: border-box;
}

.edutim-course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link .course-item-meta .course-item.has-status .course-item-status {
	display: inline-block;
}


/*课程学习*/
.study-wrap,
.study-wrap-screen {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding-right: 310px;
	/* background:#67686d; */
	overflow: hidden;
	background-image: url(../images/bg37.jpg);
	background-color: #67686d;
	background-size: cover;
	background-position: center center;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.study-hd {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 56px 20px 32px 20px;
}

.study-hd .hd-opt {
	position: absolute;
	top: 20px;
	right: 60px;
	height: 24px;
	line-height: 24px;
}

.study-hd .hd-opt .fa {
	font-size: 16px;
	margin-right: 3px;
}

.study-hd .hd-opt .item {
	color: #fff;
}

.study-hd .hd-opt .item.active .fa {
	color: #b20000;
}

.study-hd .hd-back {
	position: absolute;
	top: 10px;
	width: auto;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #3e3e3e;
	font-size: 14px;
	background-color: #a3a5a9;
	padding: 0px 10px 0px 10px;
	box-shadow: 0 10px 30px 0 #333;
}

.video-wrap {
	padding-bottom: 34px;
	width: 100%;
	height: 100%;
	position: relative;
}

.study-ft {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background-color: #000;
	color: #fff;
	padding-left: 30px;
	padding-right: 50px;
}

.study-ft .opt .item {
	height: 20px;
	line-height: 20px;
	color: #fff;
	padding: 0 10px;
	background-color: #000;
	border-radius: 4px;
}

.study-ft .opt .item:hover {
	background-color: #bebebe;
	color: #494949;
}

.study-bd {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	width: 310px;
	height: 100%;
	background: #f5f7fa;
	box-shadow: 0 10px 30px 0 #333;
}

.study-wrap-screen {
	padding-right: 0;
}

.course-operator {
	position: absolute;
	left: -20px;
	top: 15px;
	width: 20px;
	overflow: hidden;
}

.operator-switch {
	display: inline-block;
	width: 20px;
	line-height: 22px;
	height: 24px;
	background: #d2d3d5;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #a7a9ab;
	border-right: none;
	border-radius: 3px 0 0 3px;
	color: #969696;
	text-align: center;
}


.study-cont-hd {
	height: 40px;
	width: 100%;
	padding: 10px 0;
	background-color: #d3d6db;
	overflow: hidden;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.study-cont-hd .item {
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #929293;
	width: 35%;
	border-left: 1px solid #a4a6a9;
	position: relative;
	left: -1px;
}

.study-cont-hd .item.active {
	color: #b20000;
}

.study-cont-catalog {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f5f7fa;
	overflow-y: auto;
}

.study-cont-catalog>h3 {
	height: 48px;
	line-height: 40px;
	padding-left: 94px;
	padding-top: 8px;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
}

.study-cont-catalog>h3:before {
	position: absolute;
	content: '';
	top: 0;
	left: 70px;
	height: 100%;
	width: 1px;
	background-color: #dedee0;
}

.study-cont-catalog>h3>.hd {
	float: left;
	width: 58px;
	margin-left: -94px;
	color: #787878;
	text-indent: 10px;
	margin-top: 2px;
}

.study-cont-catalog>h3>.icon {
	position: absolute;
	left: 58px;
	top: 12px;
	width: 25px;
	height: 25px;
	line-height: 19px;
	color: #9ea2aa;
	background-color: #fff;
	border: 3px solid #9ea2aa;
	text-align: center;
	font-size: 12px;
	border-radius: 14px;
	margin-top: 4px;
}

.study-cont-catalog>h3>.tit {
	vertical-align: middle;
	color: #000;
}

.study-cont-catalog .item {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 94px;
	padding-right: 72px;
	color: #929293;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
}

.study-cont-catalog .item:before {
	position: absolute;
	content: '';
	top: 0;
	left: 70px;
	height: 100%;
	width: 1px;
	background-color: #dedee0;
}

.study-cont-catalog .item>.hd {
	float: left;
	width: 58px;
	margin-left: -94px;
	text-indent: 10px;
}

.study-cont-catalog .item>.tm {
	position: absolute;
	right: 8px;
}

.study-cont-catalog .item>.tm>i {
	margin-left: 5px;
}

.study-cont-catalog .item>.icon {
	position: absolute;
	left: 63px;
	top: 13px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 2px solid #9ea2aa;
	border-radius: 8px;
	overflow: hidden;
}

.study-cont-catalog .item>.icon.icon-f:before,
.study-cont-catalog .item>.icon.icon-h:before {
	position: absolute;
	content: '';
	top: 1px;
	left: 1px;
	width: 10px;
	height: 10px;
	background-color: #b20000;
	border-radius: 5px;
}

.study-cont-catalog .item>.icon.icon-h:after {
	position: absolute;
	top: 1px;
	left: 7px;
	content: '';
	width: 5px;
	height: 10px;
	background-color: #fff;
}

.study-cont-catalog .item.active,
.study-cont-catalog .item.active:hover {
	color: #fff;
	background-color: #3a3e4b;
}

.study-cont-catalog .item.active>.icon {
	border-color: #ccccd1;
	background-color: #3a3e4b;
}

.study-cont-catalog .item.active>.icon.icon-h:after {
	background-color: #3a3e4b;
}

.study-cont-comm {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 25px;
	background-color: #f5f7fa;
	overflow-y: auto;
}

.study-per-list .item {
	border-top: 1px solid #e9eaed;
	color: #787878;
	padding: 15px 0;
}

.study-per-list .item .hd {
	float: left;
	width: 50px;
	height: 50px;
}

.study-per-list .item .hd>img {
	width: 100%;
	height: 100%;
}

.study-per-list .item .bd {
	padding-left: 62px;
}

.study-per-list .item .bd .user {
	color: #5d5d5d;
}

.study-per-list .item .bd .discuss {
	color: #a8a8a8;
}

.study-per-list .item .bd .user:hover,
.study-per-list .item .bd .discuss:hover {
	color: #b20000;
}

.list-timeline-v {
	width: 100%;
	display: flex;
	flex-direction: column
}

.list-timeline-v li {
	display: flex;
	align-items: flex-start
}

.list-timeline-v li:not(:last-child) {
	margin-bottom: 1.5rem
}

.list-timeline-v li .timeline-icon {
	margin-right: 1.5rem;
	z-index: 1;
	position: relative
}

.list-timeline-v li .timeline-icon+div {
	flex: 1
}

.timeline-icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	line-height: 1;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.25rem;
	color: #5252ff
}

@media (min-width:768px) {
	.list-timeline-v li {
		width: 50%;
		margin-left: 50%;
		position: relative
	}

	.list-timeline-v li .timeline-icon {
		margin-left: -1.5rem
	}

	.list-timeline-v li:nth-child(even) {
		flex-direction: row-reverse;
		text-align: right;
		margin-left: 0;
		margin-right: 50%
	}

	.list-timeline-v li:nth-child(even) .timeline-icon {
		margin-right: -1.5rem;
		margin-left: 1.5rem
	}

	.list-timeline-v li:not(:last-child) {
		margin-bottom: 3rem;
		padding-bottom: 0
	}

	.list-timeline-v li:not(:last-child):after {
		content: '';
		display: block;
		width: 1px;
		height: calc(100% - 2rem);
		border-left: 1px dashed #ececf2;
		position: absolute;
		top: 4rem
	}
}

.icon_lists {
	width: 100% !important;
	overflow: hidden;
	*zoom: 1;
}

.dib-box .dib {
	vertical-align: top;
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: inherit;
}

.icon_lists li {
	width: 160px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	list-style: none !important;
	cursor: default;
}

.icon_lists .icon {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
	margin: 10px auto;
	color: #333;
	-webkit-transition: font-size 0.25s linear, width 0.25s linear;
	-moz-transition: font-size 0.25s linear, width 0.25s linear;
	transition: font-size 0.25s linear, width 0.25s linear;
}

.color-list {
	margin-right: 0;
	padding-bottom: 0;
	flex-wrap: wrap;
	margin-bottom: 0;
	box-sizing: border-box;
	padding-top: 0;
	flex-direction: row;
	display: flex;
	margin-top: 0;
}

.color-list .colorActive {
	border: solid 2px #ccc;
	box-shadow: 0 0 0 1px #ccc;
}

.color-list>div {
	margin-right: 9px;
	padding-bottom: 0;
	flex-wrap: wrap;
	height: 30px;
	padding-left: 0;
	cursor: pointer;
	box-sizing: border-box;
	padding-top: 0;
	background-color: #8b8181;
	flex-direction: row;
	display: flex;
	width: 30px;
	padding: 2px;
	border: 1px solid #EFEFEF;
}

.jss212 {
	transition: 0.2s background-color 0.1s;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff !important;
	width: unset !important;
	border: 0 !important;
	height: unset !important;
	padding: 5px 15px;
	max-width: unset !important;
	min-width: unset !important;
	max-height: unset !important;
	min-height: unset !important;
	line-height: 24px;
	margin-left: 4px;
	border-radius: 3px;
}

.aside-content-card {
	flex-direction: column;
	border-radius: 8px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 24px;
	box-sizing: border-box;
	box-shadow: 0 4px 8px 6px rgb(7 17 27 / 6%);
	transition: all .3s;
	margin-bottom: 10px;
}

.aside-content-card .title {
	margin-bottom: 10px;
}

.aside-content-card:hover {
	box-shadow: 0 4px 12px 12px rgb(7 17 27 / 15%);
}

.aside-category-part {
	padding-left: 0;
	line-height: 1.7;
}

.aside-category-part-item {
	display: flex;
	flex-direction: column;
}

.aside-flex_space_between {
	color: inherit;
	display: flex;
	justify-content: space-between;
	padding: .2rem 1rem;
	transition: all .3s;
}

.aside-notify-content {
	word-break: break-word;
	font-size: .9rem;
}

[class*="input-group-"] {
	min-width: 38px;
	background-color: transparent;
	border-color: #ccc;
	transition: border-color .15s ease-in-out 0s;
}

.channel {
	background-color: #f7f7f7;
	height: 40px;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08)
}

.channel-list {
	height: 100%;
	position: relative
}

.channel-list .more:hover .channel-more {
	display: block
}

.channel-item {
	width: 75px;
	height: 100%;
	line-height: 40px;
	text-align: center
}

.channel-link {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	color: #000
}

.channel-link:hover {
	color: #ff4141
}

.channel-link.active {
	font-weight: 600;
	color: #ff4141
}

.channel-link.active:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9px;
	width: 20px;
	height: 1px;
	border-radius: 1.5px;
	background-color: #ff4141;
	-webkit-box-shadow: 0 2px 4px 0 rgba(255, 65, 65, .4);
	box-shadow: 0 2px 4px 0 rgba(255, 65, 65, .4)
}

.channel-more {
	background-color: #fff;
	position: absolute;
	border-radius: 4px;
	z-index: 10;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .16);
	right: 0;
	top: 40px;
	height: 40px;
	line-height: 40px;
	display: none
}

.channel-more-item {
	width: 75px;
	text-align: center
}

.channel-more:after {
	content: "";
	display: inline-block;
	width: 200%;
	height: 200%;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .06);
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scale(.5) translate(-50%, -50%);
	transform: scale(.5) translate(-50%, -50%);
	pointer-events: none
}

.channel-more-link:hover {
	color: #ff4141
}


.feed-m-nav {
	padding-bottom: 3px
}

.feed-m-nav a {
	outline: none
}

.feed-m-nav .feed-default-nav {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.feed-m-nav .feed-default-nav li {
	outline: none
}

.feed-m-nav .feed-default-nav li:focus-visible {
	outline: auto
}

.feed-m-nav .feed-default-nav-item {
	position: relative;
	padding: 6px 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #222;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.feed-m-nav .feed-default-nav-item:hover,
.feed-m-nav .feed-default-nav-item:hover a {
	color: #707070
}

.feed-m-nav .feed-default-nav-item.active {
	color: #f04142;
	font-weight: 500
}

.feed-m-nav .feed-default-nav-item.active:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 1.5px;
	width: 20px;
	height: 1px;
	background: #f04142
}

.feed-m-nav .feed-default-nav-item a {
	display: block;
	color: #222
}

.feed-m-nav .feed-default-nav-item a:visited {
	color: #222
}

.feed-m-nav .feed-default-nav-item a:hover {
	color: #707070
}

.feed-m-nav .more-btn-wrapper {
	position: relative
}

.feed-m-nav .more-btn {
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #222;
	cursor: pointer;
	background: #f8f8f8
}

.feed-m-nav .feed-more-nav-wrapper {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 200;
	padding-top: 15px
}

.feed-m-nav .feed-more-nav-wrapper.show {
	display: block
}

.feed-m-nav .feed-more-nav {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 14px 0 14px 16px;
	width: 352px;
	font-size: 0;
	-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .08);
	box-shadow: 0 10px 50px rgba(0, 0, 0, .08);
	background: #fff
}

.feed-m-nav .feed-more-nav li {
	display: inline-block;
	margin: 6px 8px;
	font-size: 18px;
	line-height: 24px;
	color: #222;
	outline: none
}

.feed-m-nav .feed-more-nav .feed-more-nav-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 4px 0;
	width: 64px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.feed-m-nav .feed-more-nav .feed-more-nav-item:focus-visible {
	outline: auto
}

.feed-m-nav .feed-more-nav .feed-more-nav-item:hover {
	background: #f8f8f8;
	cursor: pointer
}

.feed-m-nav .feed-more-nav .feed-more-nav-item a {
	display: block;
	color: #222
}

.feed-m-nav .feed-more-nav .feed-more-nav-item a:visited {
	color: #222
}

.headerv {
	height: 60px;
	background-color: #0ea6b2;
}

.navigator {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.navigator.wider {
	width: 1076px;
	text-align: left;
}

.menu {
	display: inline-block;
	margin-left: 32px;
	padding-left: 0;
}


.menu li {
	float: left;
	line-height: 60px;
}

.menu li .current,
.menu li a {
	padding-left: 24px;
	padding-right: 24px;
}

.menu li .current,
.menu li a:hover {
	background-color: #0f949e;
	color: #FFFFFF;
}


.menu li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.logox {
	background: url(../images/logoy.png) center 5px no-repeat;
	background-size: 70% auto;
	width: 211px;
	height: 60px;
	display: inline-block;
}

.slide-in-login {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}

.slide-in-login-actions {
	color: #8ED3DA;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.slide-in-login-action-login,
.slide-in-login-action-register {
	height: 60px;
	line-height: 60px;
	position: relative;
	float: left;
}

.slide-in-login-action-seperator {
	height: 14px;
	margin: 23px 10px;
	width: 1px;
	float: left;
	background-color: #8ED3DA;
}


.slide-in-login-action-login span,
.slide-in-login-action-register span {
	position: absolute;
	width: 14px;
	height: 14px;
	left: 0;
	top: 50%;
	margin-top: -8px;
}

.filter-data-box {
	font-size: 13px
}

.filter-data-box li {
	float: left;
	margin: 10px 10px 0 0
}

.filter-data-box li .item,
.filter-data-box li .more {
	display: block;
	width: 70px;
	padding: 0 2px;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	background: #f8f8f8;
	text-align: center;
	cursor: pointer
}

.filter-data-box li .current {
	background: #e61723;
	color: #fff
}

.filter-data-box li .more {
	color: #909399;
	cursor: pointer
}

.filter-data-box li .more i {
	display: inline-block;
	vertical-align: 2px;
	width: 8px;
	height: 6px;
}

.filter-data-box li .more.current {
	background: #e61723;
	color: #fff
}


.filter-box .filter-group.language-group {
	margin-left: 0;
	width: 160px
}

.filter-box .filter-group .title {
	font-weight: 600;
	margin-bottom: 5px
}

.filter-box .filter-group .title .iconfont {
	font-weight: 600;
	font-size: 14px
}

.filter-box .filter-group li.current {
	color: rgb(255, 255, 255);
	background: rgb(230, 23, 35);
}

.filter-box .filter-group li {
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s ease-out 0s;
	padding: 0px 16px;
	border-radius: 15px;
}

.article_box {
	display: flex;
	flex-direction: row;
	box-shadow: 0 4px 8px 6px rgb(7 17 27 / 6%);
	padding: 20px;
	transition: all .3s;
	margin: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
}

.article_box .article_info {
	flex: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 10px;
}

.article_box .article_info .article_title {
	margin: 10px 0px;
}

.article_box .article_info .article_title a {
	color: rgba(0, 0, 0, .65);
	font-size: 18px;
	position: relative;
}

.article_box .article_info .article_title a:hover:after {
	width: 100%
}

.article_box .article_info .article_title a:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 1;
	width: 0;
	height: .9px;
	background-color: #13c2c2;
	content: "";
	transition: all .3s ease-in-out;
}

.article_box .article_info .meta-container {
	padding-top: 10px;
}

.bg-litalink-vlog {
	background-color: rgba(19, 194, 194, 0.9) !important;
	background-image: linear-gradient(150deg, #13c2c2, rgba(23, 162, 184, 0.7));
}

.bg-litalink-gaosi {
	/* 设置相对定位 */
	position: relative;
	/* 宽度120%，-10%让元素集中 */
	left: -10%;
	/* 为了实现椭圆效果 */
	width: 120%;
	height: 132px;
	/* 只设置左下角和右下角的圆角 */
	border-radius: 0 0 80% 80%;
	/* 设置高斯模糊 */
	filter: blur(20px);
	/* 背景图片 */
	background: url('../images/bgimg4.jpg') center;
	background-size: cover;

}

.bg-litalink-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
	width: 100%;
	background: url("../images/bgimg4.jpg") no-repeat;
	background-size: cover;
	filter: blur(100px);
}


.litalink-bg-grey-10 {
	background-color: #1a1a1a;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-15 {
	background-color: #262626;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-20 {
	background-color: #333;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-27 {
	background-color: #454545;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-30 {
	background-color: #4d4d4d;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-40 {
	background-color: #666;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-50 {
	background-color: grey;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-60 {
	background-color: #999;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-70 {
	background-color: #b3b3b3;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-80 {
	background-color: #ccc;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-90 {
	background-color: #e6e6e6;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-95 {
	background-color: #f2f2f2;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-96 {
	background-color: #f5f5f5;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}

.litalink-bg-grey-98 {
	background-color: #fafafa;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}


.litalink-bg-1 {
	background: radial-gradient(ellipse at top left, #699bc8 0, #b5c5d8 57%);
}

.litalink-bg-2 {
	background: radial-gradient(ellipse at center, #969696 0, #595959 100%);
}

.bg_litalink3 {
	background-image: linear-gradient(#8b9da9, #e7dfd0);
}

.litalink-bg-4 {
	background: -webkit-radial-gradient(0 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(180deg, rgba(57, 173, 219, .25) 0, rgba(42, 60, 87, .4)), linear-gradient(135deg, #670d10, #092756);
}

.litalink-bg-5 {
	background: #4E4E4E;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#4e4e4e), to(#252525));
	background-image: linear-gradient(0deg, #4e4e4e 0%, #252525 100%);
}

.litalink-bg-6 {
	background: #319197;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7a18), to(#319197));
	background-image: linear-gradient(130deg, #ff7a18, #af002d 41.07%, #319197 76.05%);
}

.litalink-bg-7 {
	margin: calc(var(--gap)*5) 0 0 0;
	padding: 0 0 var(--gap);
	position: relative;
	--fleck-seed: 35458;
	--fleck-count: 500;
	--fleck-size-base: 3px;
	--fleck-color-1: #434343;
	--fleck-color-2: #262626;
	--fleck-color-3: #434343;
	--fleck-color-4: #262626;
	background-color: #111;
	background-image: paint(fleck);
}

.litalink-bg-8 {
	background: radial-gradient(900px 900px at top center, #5e5e5e, #2d3334, #262626);
	background-repeat: no-repeat;
}



.litalink-bg-9 {
	background: linear-gradient(140deg, #7c1bd6 0%, #31049b 100%);
	opacity: .9;
}

.litalink-bg-10 {
	background: linear-gradient(140deg, rgba(236, 0, 83, 0.979) 0%, rgba(231, 46, 0, 0.71) 100%);
	opacity: .9;
}

.litalink-bg-11 {
	background: radial-gradient(circle at left top, #09c8e6 20%, #2250fc 38%, #5839e4 66%);
	opacity: .9
}

.litalink-bg-12 {
	background: radial-gradient(circle at left top, #FE68BB 38%, #4294FA 66%);
	opacity: .9;
}



.litalink-bg-13 {
	background: linear-gradient(180deg, #e02b20 0%, #720462 100%);
	opacity: .9;
}

.litalink-bg-14 {
	background: radial-gradient(circle at center, #00a6c0 0%, #0c71c3 100%);
	opacity: .9;
}

.litalink-bg-15 {
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.99) 100%);
	opacity: 1;
}

.litalink-bg-16 {
	background: linear-gradient(90deg, #0090f0 0%, #5d08e6 100%);
	opacity: .9;
}

.litalink-bg-17 {
	background: linear-gradient(to bottom, #ba01ff 0, #ff0092 100%);
	opacity: .8;
}


.litalink-bg-18 {
	background-color: #f7f7f7;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
}


.litalink-bg-19 {
	background-image: linear-gradient(180deg, #00a6c0, #0f1013 586px, #0f1013);
}

.litalink-bg-20 {
	background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
}

.litalink-bg-21 {
	background: radial-gradient(circle at right top, #c4d622 20%, #93d839 38%, #4294FA 66%);
	opacity: .9;
}

.litalink-bg-22 {
	background-color: #edba21;
	background-image: linear-gradient(90deg, #edba21, #e19631);
}

.litalink-bg-23 {
	background-color: #cd375e;
	background-image: linear-gradient(90deg, #cd375e, #c1314d);
}

.litalink-bg-24 {
	background-color: #974676;
	background-image: linear-gradient(90deg, #974676, #9e4075);
}

.litalink-bg-25 {
	background-color: #78538e;
	background-image: linear-gradient(90deg, #78538e, #674083);
}

.litalink-bg-26 {
	background-image: linear-gradient(-90deg, #0044d4, #00c277);
}

.litalink-bg-27 {
	background: linear-gradient(180deg, #007FA8 0%, #007FA8 35.6%, #319DC0 60.2%, #B8E0ED 85%, #F7F7F7 100%);
}


.litalink-bg-27GX {
	background: linear-gradient(180deg, #01226B 0%, #002779 35.6%, #00277c 60.2%, #00287c 85%, #01226B 100%);
}

.litalink-bg-28 {
	background: rgba(246, 77, 35, 1);
	background: linear-gradient(rgba(246, 77, 35, 1), rgba(246, 77, 35, 0.85), rgba(246, 77, 35, 0.6), rgba(246, 77, 35, 1));
	background: -webkit-linear-gradient(rgba(246, 77, 35, 1), rgba(246, 77, 35, 0.85), rgba(246, 77, 35, 0.6), rgba(246, 77, 35, 1));
}

.litalink-bg-29 {
	background: linear-gradient(96.44deg, #c5d5ff, #e2ffea 51.56%, #bdf3cc);
}


.litalink-bg-30 {
	background: #e9b966;
	background-image: linear-gradient(49deg, #f5deb7, #e9b966);
	color: #402200;
}

.litalink-bg-31 {
	background-image: linear-gradient(109deg, #d8b1ee, #76b4e9);
}


.litalink-bg-32 {
	background: linear-gradient(-60deg, transparent, #0ab9cf 14%, #7535e7 28%, #f9132f 42%, #ffbd00 56%, #72a043 70%, #0ab9cf 84%, rgba(0, 196, 204, 0));
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%);
	mask-image: linear-gradient(90deg, transparent 0, #000 10%);
	transition: opacity 1s ease, -webkit-transform 7.5s ease-out;
	transition: opacity 1s ease, transform 7.5s ease-out;
	transition: opacity 1s ease, transform 7.5s ease-out, -webkit-transform 7.5s ease-out;
}

.litalink-bg-33 {
	background-color: transparent;
	background-image: linear-gradient(to right, #6e1ac9, #107ef4);
}

.litalink-bg-34 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.8), white 60%), url(../images/bg45.jpg);
	background-size: cover;
	background-position: 50%;
}

.litalink-bg-35 {
	background-image: linear-gradient(166.19deg, #FAF3C1 0%, #D44176 50.7%, #AF30F4 101.39%);
}

.litalink-bg-36 {
	background: linear-gradient(236.27deg, #010002 9.64%, #032a56 61.09%, #087cfa 106.16%);
}

.litalink-bg-37 {
	background: linear-gradient(53.38deg, #087cfa 18.37%, #18e820 140.92%);
}

.litalink-bg-38 {
	background-image: linear-gradient(293.2deg, rgb(253, 13, 122) 13.45%, rgb(252, 100, 67) 73.57%, rgb(248, 158, 7) 100%);
	background-color: rgb(255, 49, 140);
}

.litalink-bg-39 {
	background-image: linear-gradient(304.12deg, rgb(8, 124, 250) -14.07%, rgb(53, 53, 53) 109.22%);
	background-color: rgb(107, 87, 255);
}

.litalink-bg-40 {
	background-image: linear-gradient(246.1deg, rgb(0, 224, 214) 1.67%, rgb(126, 27, 253) 92.48%);
	background-color: rgb(107, 87, 255);
}

.litalink-bg-41 {
	background-image: linear-gradient(120.81deg, rgb(0, 51, 150) 11.31%, rgb(0, 156, 244) 95.37%);
	background-color: rgb(0, 92, 209);
}

.litalink-bg-42 {
	background-image: linear-gradient(118.72deg, rgb(117, 48, 231) -0.8%, rgb(0, 170, 255) 100%);
	background-color: rgb(107, 87, 255);
}

.litalink-bg-43 {
	background-image: linear-gradient(117.63deg, rgb(8, 89, 255) -0.78%, rgb(0, 154, 231) 55.03%, rgb(221, 255, 84) 111.19%);
	background-color: rgb(22, 125, 255);
}

.litalink-bg-gradual-mild {
	background: linear-gradient(to right, rgb(103, 178, 111), rgb(76, 162, 205));
	color: #ffffff;
}

.litalink-bg-gradual-quepal {
	background: linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125));
	color: #ffffff;
}

.litalink-bg-gradual-sexyblue {
	background: linear-gradient(to right, rgb(33, 147, 176), rgb(109, 213, 237));
	color: #ffffff;
}

.litalink-bg-gradual-rainbowblue {
	background: linear-gradient(to right, rgb(0, 242, 96), rgb(5, 117, 230));
	color: #ffffff;
}

.litalink-bg-gradual-veryblue {
	background: linear-gradient(to right, rgb(5, 117, 230), rgb(2, 27, 121));
	color: #ffffff;
}

.litalink-bg-gradual-danceforget {
	background: linear-gradient(to right, rgb(255, 78, 80), rgb(249, 212, 35));
	color: #ffffff;
}

.litalink-bg-blue-raspberry {
	background: linear-gradient(to right, rgb(0, 180, 219), rgb(0, 131, 176));
	color: #ffffff;
}

.litalink-bg-summer {
	background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));
	color: #ffffff;
}

.litalink-bg-main {
	background: linear-gradient(to right, rgb(0, 198, 255), rgb(0, 114, 255));
	color: #ffffff;
}

.litalink-bg-lms {
	background: linear-gradient(to right, rgb(76, 184, 196), rgb(60, 211, 173));
	color: #ffffff;
}

.litalink-bg-meet {
	background: linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
	color: #ffffff;
}

.litalink-bg-event {
	background: linear-gradient(to right, rgb(0, 195, 255), rgb(255, 255, 28));
	color: #ffffff;
}


.litalink-bg-evaluation {
	background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));
	color: #ffffff;
}

.litalink-bg-cms {
	background: linear-gradient(to right, rgb(237, 33, 58), rgb(147, 41, 30));
	color: #ffffff;
}


.litalink-bg-yuyue {
	background: linear-gradient(to right, rgb(18, 194, 233), rgb(196, 113, 237), rgb(246, 79, 89));
	color: #ffffff;
}

.litabg-1 {
	background: #2193b0;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #6dd5ed, #2193b0);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.litabg-2 {
	background: #0F2027;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-3 {
	background: #1f4037;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #99f2c8, #1f4037);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #99f2c8, #1f4037);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-4 {
	background: #f46b45;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eea849, #f46b45);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eea849, #f46b45);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-5 {
	background: #0f0c29;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.litabg-6 {
	background: #6441A5;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2a0845, #6441A5);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2a0845, #6441A5);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-7 {
	background: #7b4397;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #dc2430, #7b4397);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #dc2430, #7b4397);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-8 {
	background: #5433FF;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.litabg-9 {
	background: #ffe259;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffa751, #ffe259);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffa751, #ffe259);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-10 {
	background: #8e9eab;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eef2f3, #8e9eab);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-11 {
	background: #136a8a;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #267871, #136a8a);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #267871, #136a8a);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-12 {
	background: #00bf8f;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #001510, #00bf8f);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #001510, #00bf8f);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-13 {
	background: #ff0084;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #33001b, #ff0084);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #33001b, #ff0084);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-14 {
	background: #833ab4;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-15 {
	background: #FEAC5E;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-16 {
	background: #6441A5;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2a0845, #6441A5);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2a0845, #6441A5);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-17 {
	background: #ffb347;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffcc33, #ffb347);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffcc33, #ffb347);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-18 {
	background: #43cea2;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #185a9d, #43cea2);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-19 {
	background: #00d2ff;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3a7bd5, #00d2ff);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-20 {
	background: #D3959B;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #BFE6BA, #D3959B);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #BFE6BA, #D3959B);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-21 {
	background: #DAD299;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #B0DAB9, #DAD299);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #B0DAB9, #DAD299);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-22 {
	background: #f2709c;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff9472, #f2709c);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff9472, #f2709c);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-23 {
	background: #E6DADA;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #274046, #E6DADA);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #274046, #E6DADA);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-24 {
	background: #ddd6f3;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #faaca8, #ddd6f3);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #faaca8, #ddd6f3);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-25 {
	background: #616161;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #9bc5c3, #616161);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #9bc5c3, #616161);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-26 {
	background: #50C9C3;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #96DEDA, #50C9C3);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #96DEDA, #50C9C3);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-27 {
	background: #215f00;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #e4e4d9, #215f00);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #e4e4d9, #215f00);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-28 {
	background: #c21500;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ffc500, #c21500);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ffc500, #c21500);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-29 {
	background: #EFEFBB;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #D4D3DD, #EFEFBB);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #D4D3DD, #EFEFBB);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-30 {
	background: #666600;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #999966, #666600);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #999966, #666600);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-31 {
	background: #DE6262;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFB88C, #DE6262);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFB88C, #DE6262);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-32 {
	background: #a73737;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #7a2828, #a73737);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #7a2828, #a73737);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-33 {
	background: #f857a6;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff5858, #f857a6);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff5858, #f857a6);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-34 {
	background: #4b6cb7;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #182848, #4b6cb7);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-35 {
	background: #414d0b;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #727a17, #414d0b);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #727a17, #414d0b);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-36 {
	background: #e43a15;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #e65245, #e43a15);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #e65245, #e43a15);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-37 {
	background: #C04848;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #480048, #C04848);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #480048, #C04848);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-38 {
	background: #5f2c82;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #49a09d, #5f2c82);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #49a09d, #5f2c82);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-39 {
	background: #EC6F66;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F3A183, #EC6F66);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F3A183, #EC6F66);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-40 {
	background: #7474BF;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #348AC7, #7474BF);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #348AC7, #7474BF);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-41 {
	background: #24C6DC;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #514A9D, #24C6DC);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-42 {
	background: #283048;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #859398, #283048);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #859398, #283048);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-43 {
	background: #1CD8D2;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #93EDC7, #1CD8D2);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #93EDC7, #1CD8D2);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-44 {
	background: #232526;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #414345, #232526);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #414345, #232526);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-45 {
	background: #5C258D;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4389A2, #5C258D);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4389A2, #5C258D);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-46 {
	background: #134E5E;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #71B280, #134E5E);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #71B280, #134E5E);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-47 {
	background: #085078;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #85D8CE, #085078);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #85D8CE, #085078);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-48 {
	background: #4776E6;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #8E54E9, #4776E6);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-49 {
	background: #614385;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #516395, #614385);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #516395, #614385);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.litabg-50 {
	background: #16222A;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #3A6073, #16222A);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #3A6073, #16222A);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.general-album-list .head {
	overflow: hidden
}

.general-album-list .head .title {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: #40404c;
	letter-spacing: 0;
	position: relative;
	padding-left: 16px;
	display: inline-block;
	padding-left: 0;
	font-size: 18px;
	font-weight: 700
}

.general-album-list .head .title::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 5px;
	height: 15px;
	left: 0;
	top: 6px;
	border-radius: 6px;
	background-color: #f86442
}

.general-album-list .head .title::before {
	content: "";
	width: 0;
	height: 0
}

.general-album-list .head .content-filter {
	float: right;
	line-height: 20px;
	margin-right: 20px
}

.general-album-list .head .content-filter a {
	line-height: 20px;
	padding: 0 5px 5px;
	margin-left: 10px;
	display: inline-block;
	font-size: 14px;
	color: #72727b;
	cursor: pointer
}

.general-album-list .head .content-filter a:hover {
	color: #f86442
}

.general-album-list .head .content-filter a.active {
	color: #f86442;
	position: relative
}

.general-album-list .head .content-filter a.active::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	border: 4px solid transparent;
	border-bottom: 4px solid #f86442
}

.general-album-list .head .content-filter a.active::after {
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #f86442;
	border-radius: 100px
}


.filter-row._nw {
	padding-left: 77px;
	position: relative;
}

.filter-title-bar._nw {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 77px;
	box-sizing: border-box;
}

.filter-item._nw {
	position: relative;
	display: inline-block;
	padding: 0px 15px;
	text-align: center;
	font-size: 14px;
	line-height: 1.43;
	margin-bottom: 15px;
	cursor: pointer;
	color: rgb(114, 114, 123);
}

.filter-item._nw:hover,
.filter-item.active._nw {
	color: rgb(248, 100, 66);
}

.filter-item .divider._nw {
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(0px, -50%);
	height: 10px;
	width: 1px;
	vertical-align: middle;
	background: rgb(232, 232, 232);
}

.filter-item.filter-title._nw {
	width: 100%;
	padding: 0px 15px 0px 0px;
	cursor: initial;
	color: rgb(64, 64, 76);
}

.filter-item.filter-title .divider._nw {
	background: rgb(114, 114, 123);
}

.filter-row._nw {
	padding-left: 77px;
	position: relative;
}

.category_plate._WZ {
	position: relative;
	background: #fff;
	margin-bottom: 20px
}

.category_plate .anchor._WZ {
	position: absolute;
	top: -80px
}

.category_plate .title._WZ {
	margin-bottom: 10px;
	font-size: 20px;
	color: #40404c;
	font-weight: 700
}

.category_plate .body._WZ {
	zoom: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.category_plate .body._WZ:after,
.category_plate .body._WZ:before {
	content: " ";
	display: table
}

.category_plate .body._WZ:after {
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0
}

.category_plate .subject_wrapper._WZ {
	padding: 20px;
	width: 100%;
	border-radius: 6px;
	margin-bottom: 24px
}

.category_plate .subject_wrapper .subject._WZ {
	font-size: 20px;
	color: #333;
	text-align: center;
	width: 100px;
	display: inline-block;
	vertical-align: middle
}

.category_plate .subject_wrapper .subject h2._WZ {
	font-weight: 500;
	font-size: 20px
}

.category_plate .subject_wrapper .img._WZ {
	display: block;
	margin: 0 auto 5px;
	width: 36px;
	height: 36px
}

.category_plate .subject_wrapper .img[src='']._WZ {
	background-size: 100%
}

.category_plate .subject_wrapper .list._WZ {
	width: calc(100% - 160px - 40px);
	display: inline-block;
	vertical-align: middle
}

.category_plate .subject_wrapper .list .top-name._WZ {
	font-size: 14px;
	color: #40404c;
	font-weight: 700;
	margin-bottom: 10px
}

.category_plate .subject_wrapper .list .top-name._WZ:nth-of-type(2) {
	margin-top: 10px
}

.category_plate .subject_wrapper .list .item._WZ {
	position: relative;
	display: inline-block;
	padding: 0 15px 10px 0;
	color: #666
}

.category_plate .subject_wrapper .list .item._WZ:hover {
	color: #f86442
}

.archive-selects {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 26px;
	position: relative;
	z-index: 50;
	background: #fff
}

@media (min-width:768px) {
	.archive-selects {
		background: rgba(0, 0, 0, 0);
		z-index: 0
	}
}

.archive-selects .container {
	overflow: visible
}

.archive-selects .selects {
	display: none
}

@media (min-width:768px) {
	.archive-selects .selects {
		display: block
	}
}

.archive-selects a {
	color: #8f8f8f;
	display: inline-block;
	padding: 0 6px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.archive-selects a:hover {
	color: #3385ff
}

.archive-selects .current a {
	background: #3385ff;
	color: #fff
}

.archive-selects .select {
	overflow: hidden;
	border-bottom: 1px dashed #e2e2e2;
	position: relative;
	padding: 10px 0 0 50px
}

.archive-selects .select:last-child {
	border-bottom: none
}

.archive-selects .select dt {
	display: block;
	position: absolute;
	left: 0;
	top: 10px
}

.archive-selects .select dt:after {
	content: " :"
}

.archive-selects .select dd {
	display: inline-block;
	margin: 0 10px 10px
}

.archive-selects .recent {
	position: absolute;
	right: 15px;
	bottom: -42px
}

@media (min-width:768px) {
	.archive-selects .recent {
		right: 0;
		bottom: 10px
	}
}

.archive-selects .recent a {
	margin: 0;
	color: #6a6a6a
}

@media (min-width:768px) {
	.archive-selects .recent a {
		margin: 0 15px 0 0
	}
}

.archive-selects .recent a:hover {
	color: #3385ff
}

@media (max-width:767px) {
	.archive-selects .recent a:nth-child(2) {
		display: none
	}
}

.archive-selects .recent .current {
	color: #3385ff
}

.archive-selects .recent .hot.current {
	color: #ff0500
}


.gmjsbox .tagbox::before {
	content: '';
	display: block;
	height: 300px;
	width: 1px;
	background: #BB2525;
	left: 30px;
	top: -32px;
	position: absolute;
}

.gmjsbox .tagbox::after {
	content: '';
	display: block;
	height: 1px;
	width: 200px;
	background: #BB2525;
	left: 0px;
	top: 0px;
	position: absolute;
}

.gmjsbox .tagbox .big {
	color: #202020;
	font-size: 24px;
	line-height: 36px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}

.gmjsbox .tagbox .small {
	color: #8C8C8C;
	font-size: 16px;
	line-height: 16px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	position: absolute;
	left: 110px;
	top: 120px;
	height: 200px;
}

.r-itembox .tagbox {
	width: 86px;
	padding: 0px;
	position: relative;
	padding-left: 50px;
	padding-top: 40px;
}

.r-itembox .itembox {
	width: calc(100% - 86px);
	padding-right: 0;
	margin-right: -15px;
}


.l-itembox .tagbox {
	width: 86px;
	padding: 0px;
	position: relative;
	padding-right: 50px;
	padding-top: 40px;
}

.l-itembox .itembox {
	width: calc(100% - 86px);
	padding-left: 0;
	margin-left: -15px;
}

.l-itembox .tagbox::before {
	left: auto;
	right: 30px;
}

.l-itembox .tagbox::after {
	left: auto;
	right: 0px;
}

.l-itembox .tagbox .small {
	left: auto;
	right: 110px;
}

@media (max-width:1300px) {
	.gmjsbox .tagbox .small {
		left: 90px;
	}

	.l-itembox .tagbox .small {
		right: 90px;
		left: auto;
	}
}

@media (max-width:992px) {

	.r-itembox .tagbox,
	.l-itembox .tagbox {
		display: none;
	}

}

.wrapperx {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	word-wrap: break-word;
}

.detail-basic {
	border-bottom: 1px solid #DDD;
	background: #fff;
	padding: 0 24px;
	overflow: hidden;
	position: relative
}


.detail-basic .detail-basic-desc {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 16px;
	margin-bottom: 16px
}

.detail-basic .detail-basic-item {
	float: left;
	width: 200px;
	text-align: center;
	padding-top: 64px
}

.detail-basic .detail-basic-area {
	margin-left: 107px
}

.detail-basic .title-bar .title-text::before {
	content: '';
	width: 2px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 23px;
	background: #FF6900
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

[data-overlay]::before,
[data-overlay-light]::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #191919;
	border-radius: inherit;
	opacity: .7;
}

.avatar-xxs {
	width: 22px;
	height: 22px;
}

.flexbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
}

.shadow-1,
.product-3,
.hover-shadow-1:hover {
	box-shadow: 0 0 4px rgb(0 0 0 / 6%);
}



.select-content {
	padding: 18px 0;
	border-top: 1px solid #eee
}

.select-content:last-child {
	border-bottom: 1px solid #eee
}

.select-content a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px
}

.select-content a.select-item.isActive {
	color: #fff;
	background: #00cecf
}

.select-content .select-label {
	color: #666
}

.select-content .select-item {
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	margin: 0 2px;
	border-radius: 3px;
	color: #333;
	cursor: pointer
}

.select-content .select-item:hover {
	background: rgba(0, 206, 207, .1)
}

.select-content .select-input {
	float: right
}

.select-content .select-input input {
	width: 44px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid #e0e0e0;
	border-radius: 3px
}

.select-content .select-input .select-input-s {
	width: 8px;
	margin: 0 6px;
	color: #000
}

.select-content .select-input .select-input-t {
	margin-left: 6px
}

.select-content .select-input button {
	width: 48px;
	height: 28px;
	line-height: 28px;
	margin-left: 23px;
	border-radius: 3px;
	color: #fff;
	background: #00cecf;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	cursor: pointer
}

.database-sort {
	float: right
}

.database-sort a {
	color: #333;
	margin-left: 24px;
	cursor: pointer
}

.database-sort a.isActive {
	color: #00cecf
}

.database .title h4 {
	float: left;
	font-weight: 400;
	color: #151515;
}

.uiclass {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	margin-left: calc(var(--subNavGutter)*-1);
	padding-left: 0;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}


.lipadding {
	padding-bottom: 0;
	padding-left: var(--subNavGutter);
}

.licurrent {
	color: #111;
	pointer-events: none;
	box-shadow: inset 0 -1px #111;
}

.lia {
	display: flex;
	align-items: center;
	font-size: 14px;
	white-space: nowrap;
	height: 56px;
}


.lipadding,
a {
	color: #767676;
	transition: color .1s ease-in-out, opacity .1s ease-in-out;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

.uiboxshadow {
	box-shadow: 0 4px 12px rgb(0 0 0 / 8%), 0 0 1px rgb(1 0 0 / 10%);
}

.cation-content {
	margin: 0 auto;
	padding: 0;
}

.cation-middle {
	line-height: 48px;
	background: #fff;
	padding: 10px 20px 10px 30px;
	font-size: 14px;
}

.cation-list {
	overflow: hidden;
}

.cation-list dt {
	float: left;
	width: 64px;
	font-weight: 600;
	line-height: 35px;
	position: relative;
	color: #333;
}

:before,
:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cation-list dt:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 15px;
	border: 1px solid #333;
	border-width: 0 1px 1px 0;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cation-list dd {
	border-bottom: 1px dotted #e0e0e0;
	margin-left: 64px;
	overflow: hidden;
}

.cation-list dd a {
	color: #8d8d91;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	float: left;
	border-right: 1px solid #e0e0e0;
	padding: 0 15px;
	margin: 10px 0;
}

.cation-list dd a.on,
.cation-list a:hover {
	color: #fc8080;
}

.cation-list dd a:last-child {
	border-right: 0 none;
}

.cation-list:last-of-type dd {
	border-bottom: 0 none;
}


.container_tabs_container {
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
}

.container_tabs_container .container_tab_item_container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 50px;
	cursor: pointer
}

.container_tabs_container .container_tab_item_container.selected .container_tab_item {
	position: relative;
	color: rgba(0, 0, 0, .9);
	text-align: center
}

.container_tabs_container .container_tab_item_container.selected .container_tab_item:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	content: " ";
	display: block;
	height: 1px;
	width: 30px;
	background-color: #000
}

.container_tabs_container .container_tab_item {
	position: relative;
	border-bottom: 1px solid transparent;
	display: block;
	line-height: 33px;
	color: rgba(0, 0, 0, .5);
	background: none
}

.container_tabs_container .container_tab_item__new {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	margin-right: -14px;
	padding: 0 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 7px;
	background-color: #e15f63;
	font-style: normal;
	font-size: 12px;
	color: #fff
}

.detail_section_title {
	font-size: 16px;
	font-weight: 500;
	padding: 12px 0
}

.detail_section_body {
	color: rgba(0, 0, 0, .5)
}


.detail_section_title:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 16px;
	background: #07c160;
	vertical-align: middle;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.detail_section_body {
	color: rgba(0, 0, 0, .9);
}

.content ol,
.content ul {
	padding-left: 2em;
	margin: .8em 0;
}

.content ol li {
	list-style: decimal;
}

.content code {
	background-color: #f9f9fa;
	font-size: 16px;
	padding: 1px 10px;
	margin: 1px;
	border-radius: 2px;
	display: inline-block;
}

.content code,
.content pre {
	direction: ltr;
}

.aly-course-nav ul li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.aly-course-nav .aly-course-cat-title {
	float: left;
}

.aly-course-nav .aly-course-cat-content {
	display: block;
	/* width: 100%; */
	margin-left: 75px;
	border-bottom: 1px solid #ebecec;
}

.aly-course-nav ul li a.on {
	color: #00c1de;
}

.aly-course-cat-content li::after {
	content: "|";
	margin: 0 12px 0 8px;
	color: #ddd;
}

.aly-course-nav .aly-course-cat-content li:last-child::after {
	content: "";
	margin: 0px;
	border-left: 0px solid #ddd;
}

.aly-course-nav:last-child .aly-course-cat-content {
	border-bottom: none;
}

.aly-course-nav {
	line-height: 50px;
}

.aly-times-circle-o {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 15px;
	vertical-align: middle;
}


.cardimg {
	margin: 10px;
	--background: #fff;
	--background-chackbox: #0082ff;
	--background-image: #fff, rgba(0, 107, 175, 0.2);
	--text-color: #666;
	--text-headline: #000;
	--card-shadow: #0082ff;
	--card-height: 190px;
	--card-witght: 190px;
	--card-radius: 12px;
	--header-height: 47px;
	--blend-mode: overlay;
	--transition: 0.15s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cardimg:nth-child(odd) .card__body-cover-image {
	--x-y1: 100% 90%;
	--x-y2: 67% 83%;
	--x-y3: 33% 90%;
	--x-y4: 0% 85%;
}

.cardimg:nth-child(even) .card__body-cover-image {
	--x-y1: 100% 85%;
	--x-y2: 73% 93%;
	--x-y3: 25% 85%;
	--x-y4: 0% 90%;
}

.card__input {
	position: absolute;
	display: block;
	outline: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
}

.card__input:checked~.card__body {
	--shadow: 0 0 0 3px var(--card-shadow);
}

.card__input:checked~.card__body .card__body-cover-chackbox {
	--chack-bg: var(--background-chackbox);
	--chack-border: #fff;
	--chack-scale: 1;
	--chack-opacity: 1;
}

.card__input:checked~.card__body .card__body-cover-chackbox--svg {
	--stroke-color: #fff;
	--stroke-dashoffset: 0;
}

.card__input:checked~.card__body .card__body-cover:after {
	--opacity-bg: 0;
}

.card__input:checked~.card__body .card__body-cover-image {
	--filter-bg: grayscale(0);
}

.card__input:disabled~.card__body {
	cursor: not-allowed;
	opacity: 0.5;
}

.card__input:disabled~.card__body:active {
	--scale: 1;
}

.card__body {
	display: grid;
	grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
	background: var(--background);
	height: var(--card-height);
	width: var(--card-witght);
	border-radius: var(--card-radius);
	overflow: hidden;
	position: relative;
	cursor: pointer;
	box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
	-webkit-transition: box-shadow var(--transition), -webkit-transform var(--transition);
	transition: box-shadow var(--transition), -webkit-transform var(--transition);
	transition: transform var(--transition), box-shadow var(--transition);
	transition: transform var(--transition), box-shadow var(--transition), -webkit-transform var(--transition);
	-webkit-transform: scale(var(--scale, 1)) translateZ(0);
	transform: scale(var(--scale, 1)) translateZ(0);
}

.card__body:active {
	--scale: 0.96;
}

.card__body-cover {
	--c-border: var(--card-radius) var(--card-radius) 0 0;
	--c-width: 100%;
	--c-height: 100%;
	position: relative;
	overflow: hidden;
}

.card__body-cover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: var(--c-width);
	height: var(--c-height);
	border-radius: var(--c-border);
	background: -webkit-gradient(linear, left top, right bottom, from(var(--background-image)));
	background: linear-gradient(to bottom right, var(--background-image));
	mix-blend-mode: var(--blend-mode);
	opacity: var(--opacity-bg, 1);
	-webkit-transition: opacity var(--transition) linear;
	transition: opacity var(--transition) linear;
}

.card__body-cover-image {
	width: var(--c-width);
	height: var(--c-height);
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: var(--c-border);
	-webkit-filter: var(--filter-bg, grayscale(1));
	filter: var(--filter-bg, grayscale(1));
	-webkit-clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
	clip-path: polygon(0% 0%, 100% 0%, var(--x-y1, 100% 90%), var(--x-y2, 67% 83%), var(--x-y3, 33% 90%), var(--x-y4, 0% 85%));
}

.card__body-cover-chackbox {
	background: var(--chack-bg, var(--background-chackbox));
	border: 2px solid var(--chack-border, #fff);
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	opacity: var(--chack-opacity, 0);
	transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear, -webkit-transform var(--transition) ease;
	-webkit-transform: scale(var(--chack-scale, 0));
	transform: scale(var(--chack-scale, 0));
}

.card__body-cover-chackbox--svg {
	width: 13px;
	height: 11px;
	display: inline-block;
	vertical-align: top;
	fill: none;
	margin: 7px 0 0 5px;
	stroke: var(--stroke-color, #fff);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: var(--stroke-dashoffset, 16px);
	-webkit-transition: stroke-dashoffset 0.4s ease var(--transition);
	transition: stroke-dashoffset 0.4s ease var(--transition);
}

.card__body-header {
	height: var(--header-height);
	background: var(--background);
	padding: 0 10px 10px 10px;
}

.card__body-header-title {
	color: var(--text-headline);
	font-weight: 700;
	margin-bottom: 8px;
}

.card__body-header-subtitle {
	color: var(--text-color);
	font-weight: 500;
	font-size: 13px;
}


.RadioStyle input {
	display: none
}

.RadioStyle label {
	border: 1px solid #CCC;
	color: #666;
	padding: 2px 10px 2px 5px;
	line-height: 28px;
	min-width: 80px;
	text-align: center;
	float: left;
	margin: 2px;
	border-radius: 4px;
	cursor: pointer;
}

.RadioStyle input:checked+label {
	background: url(../images/ico_checkon.svg) no-repeat right bottom;
	border: 1px solid #00a4ff;
	background-size: 21px 21px;
	color: #00a4ff
}

.RadioStyle input:disabled+label {
	opacity: 0.7;
}


.card_1FDsA {
	border-radius: 12px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	padding: 10px;
	margin-right: 14px;
}

.card_1FDsA .card-normal_2vfbs {
	width: 100%;
}

.card_1FDsA .card-title_3mXrq {
	margin-top: 16px;
	margin-left: 13px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}

.card_1FDsA .card-title_3mXrq .card-icon_T0Pua {
	float: left;
	vertical-align: top;
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: #222222;
	font-size: 15px;
}

.card_1FDsA .card-title_3mXrq .title-text_16Vh- {
	float: left;
	vertical-align: top;
	margin-top: 1px;
	height: 14px;
	margin-left: 5px;
	font-size: 14px;
	color: #222222;
	line-height: 14px;
	text-decoration: none;
}

.card_1FDsA .card-title_3mXrq .more-text_3Oa53 {
	float: right;
	vertical-align: top;
	margin-top: 1px;
	height: 14px;
	margin-right: 15px;
	font-size: 13px;
	color: #9195A3;
	line-height: 14px;
	text-decoration: none;
}

.card_1FDsA .card-title_3mXrq .more-text_3Oa53:hover {
	color: #315EFB;
}

.card_1FDsA .card-title_3mXrq .more-text_3Oa53 .title-dan_24CCg {
	float: left;
	line-height: 14px;
}

.card_1FDsA .card-title_3mXrq .more-text_3Oa53 span {
	position: relative;
	right: -4px;
}

.card_1FDsA .card-container_3QMk1 {
	margin-top: 14px;
	padding: 0 16px;
}

.hot-item_1473U {
	margin-top: 10px;
	width: 100%;
	height: 18px;
	line-height: 18px;
}

.hot-item_1473U .item-left_21sbZ {
	float: left;
	width: 14px;
	height: 14px;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #c4c7ce;
	line-height: 17px;
	margin-left: -1px;
}

.hot-item_1473U .hot-score_2DajL {
	float: left;
	margin-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	color: #FF6600;
}

.hot-item_1473U .num-color1_35ynC {
	color: #FE2D46;
}

.hot-item_1473U .num-color2_1VWMc {
	color: #FF6600;
}

.hot-item_1473U .num-color3_mkq6g {
	color: #FAA90E;
}

.hot-item_1473U .num_2u8JQ {
	float: right;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	border-radius: 4px;
	color: #FE2D46;
}

.hot-item_1473U .icon-big_2WmN7 {
	color: #FE2D46;
	font-size: 14px;
}

.hot-item_1473U .icon-nor_2mbuA {
	color: #C4C7CE;
	font-size: 16px;
}

.hot-item_1473U .icon-down_2UUcv {
	color: #64B327;
	font-size: 16px;
}

.hot-item_1473U .item-mid_vrw25 {
	float: left;
	margin-left: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: Helvetica;
	font-size: 13px;
	color: #333333;
	text-align: justify;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
}

.hot-item_1473U .item-mid_vrw25:hover {
	color: #315efb;
}

.hot-item_1473U .item-big_2Weig {
	max-width: 240px;
}

.left-side_1rpOJ {
	padding: 15px 15px;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 5px;
	z-index: 99;
}

.left-side-bg-wrapper_23qvy {
	left: 0;
	top: 0;
	width: 100%;
}

.c-theme-color {
	color: #ff6600;
}

.side-title_1wfo5 {
	font-size: 18px;
	line-height: 18px;
}

.tags-wrap_InWap {
	margin-top: 24px;
}

.title_bOM2Q {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 13px;
}

.tags_1mjZF {
	overflow: hidden;
}

.tag-item_2erEC.active_1oD-- {
	color: #ff6600;
}

.tag-item_2erEC.active_1oD-- {
	border-radius: 4px;
	background-color: #f9f9f9;
}

.tag-item_2erEC {
	float: left;
	margin: 2px 0;
	padding: 6px 8px;
	color: #626675;
	font-size: 14px;
	line-height: 13px;
	cursor: pointer;
}

.tag-item_2erEC {
	float: left;
	margin: 2px 0;
	padding: 6px 8px;
	color: #626675;
	font-size: 13px;
	line-height: 13px;
	cursor: pointer;
}


.index_keyword_rank {
	float: right;
	width: 100%;
}

@media screen and (max-width:1366px) {
	.index_keyword_rank {
		width: 100%;
	}
}

.index_keyword_rank_meau {
	height: 22px;
	line-height: 22px;
	overflow: hidden
}

.index_keyword_rank_meau .meau_title {
	font-size: 20px;
	float: left
}

.index_keyword_rank_meau .meau_params {
	font-size: 14px;
	float: right;
	color: #666
}

.index_keyword_rank_content {
	margin-top: 20px
}

.index_keyword_rank_content li {
	height: 21px;
	margin-bottom: 14px;
	line-height: 21px;
	position: relative;
	cursor: pointer
}

.index_keyword_rank_content li::after {
	content: '';
	height: 0;
	line-height: 0;
	display: block;
	clear: both
}

.index_keyword_rank_content li a {
	width: 100%;
	display: inline-block
}

.index_keyword_rank_content li .content_item_id {
	width: 21px;
	height: 21px;
	float: left
}

.index_keyword_rank_content li .content_item_title {
	max-width: 230px;
	margin-left: 5px;
	float: left;
	font-size: 14px;
	height: 21px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

@media screen and (max-width:1366px) {
	.index_keyword_rank_content li .content_item_title {
		max-width: 194.0625px
	}
}

.index_keyword_rank_content li .content_item_icon {
	width: 21px;
	height: 21px;
	float: left
}

.index_keyword_rank_content li .content_item_cite {
	width: 50px;
	float: right;
	font-size: 14px;
	color: #afafaf;
	text-align: right
}

.index_keyword_rank_content li i {
	display: inline-block;
	height: 50px;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	font-style: normal;
	transform: scale(0.42);
	transform-origin: left top
}

.index_keyword_rank_content li .new_index_icon_number {
	color: #afafaf;
	margin-left: 2px
}

.index_keyword_rank_content li:last-of-type {
	margin-bottom: 0
}

.related-list-item {
	padding: 10px 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:hover .pic {
	-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.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;
	line-height: 22px;
	color: #222;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

.related-list-item .right-content .title:visited {
	color: #999
}

.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
}

.page-card-article-wrapper {
	padding: 16px 0
}

.page-card-article-wrapper.sticky-cell {
	padding: 16px 0 8px
}

.page-card-article-wrapper.sticky-cell+.sticky-cell {
	padding: 8px 0 12px
}

.page-card-article-wrapper.visited .page-card-article-l .title,
.page-card-article-wrapper a:visited {
	color: #999
}

.page-card-article:after {
	content: "";
	display: table;
	clear: both
}

.page-card-article .page-card-article-l {
	overflow: hidden
}

.page-card-article .page-card-article-r {
	display: none;
	float: right;
	margin-left: 20px
}

.page-card-article .title {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	word-break: break-all
}

.page-card-article .title:hover {
	color: #f04142 !important
}

.page-card-article .title h2 {
	/* font-size: inherit; */
	font-size: 18px;
	font-weight: inherit
}

.page-card-article .cover-list {
	display: none;
	padding: 12px 0;
	font-size: 0
}

.page-card-article .cover-list li {
	display: inline-block;
	margin-right: 12px
}

.page-card-article .cover-list li:last-child {
	margin-right: 0
}

.page-card-article.no-cover {
	padding: 4px 0
}

.page-card-article.no-cover .title {
	margin-bottom: 8px;
	padding-right: 89px
}

.page-card-article.single-cover {
	padding: 4px 0
}

.page-card-article.single-cover .page-card-article-r {
	display: block
}

.page-card-article.single-cover .page-card-article-l {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding-bottom: 20px;
	min-height: 90px
}

.page-card-article.single-cover .page-card-footer-cmp {
	position: absolute;
	bottom: 0;
	width: 100%
}

.page-card-article.multi-cover .cover-list {
	display: block
}

.page-card-article.single-cover .page-card-footer-cmp {
	position: absolute;
	bottom: 0;
	width: 100%
}

.page-card-article.multi-cover .cover-list {
	display: block
}

.page-card-footer-cmp:after {
	content: "";
	display: table;
	clear: both
}

.page-card-footer-cmp .left-tools {
	float: left
}

.page-card-footer-cmp .right-tools {
	float: right;
	font-size: 0
}

.page-card-footer-cmp-author {
	display: inline-block;
	margin-right: 20px
}

.page-card-footer-cmp-author .source,
.page-card-footer-cmp-author a {
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.page-card-footer-cmp-author .source:hover,
.page-card-footer-cmp-author a:hover {
	opacity: .8
}

.page-card-footer-cmp-author .source {
	cursor: default
}

.page-card-footer-cmp-author .source:hover {
	opacity: 1
}

.page-card-footer-comment-cmp {
	display: inline-block;
	margin-right: 20px
}

.page-card-footer-comment-cmp a {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.page-card-footer-comment-cmp a:hover {
	opacity: .8
}

.page-card-footer-comment-cmp.style-2 a {
	position: relative;
	padding-left: 24px
}

.page-card-footer-comment-cmp.style-2 a i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: contain
}

.page-card-footer-comment-cmp.style-2 a:hover {
	opacity: .8
}

.page-card-footer-tag-cmp {
	display: inline-block;
	margin-right: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #f04142;
	cursor: default
}

.page-card-footer-time-cmp {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	cursor: default
}

.user-card {
	background: #fafafa;
	border-radius: 12px;
	margin-bottom: 36px
}

.user-card>div {
	width: 100%
}

.user-card.logged {
	padding: 16px
}

.user-card.login {
	padding-bottom: 20px;
	text-align: center;
	background-image: url('../images/bg24.png');
	background-color: #f8f9fa;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.user-card .user-info {
	clear: both
}

.user-card .user-info .picture {
	width: 32px;
	height: 32px;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	-webkit-filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, .08));
	filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, .08));
	float: left
}

.user-card .user-info .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #222;
	margin-left: 8px;
	margin-right: 4px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}


.user-card .user-info>div {
	height: 32px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.user-card .user-info>div:hover .name {
	color: #505050
}


.user-card .relate-num {
	padding: 20px 0 8px;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.user-card .relate-num a {
	width: 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 0 10px 10px;
	background: #fff;
	border-radius: 8px
}

.user-card .relate-num a:hover .num {
	color: #505050
}

.user-card .relate-num a:hover .word {
	color: #707070
}

.user-card .relate-num .num {
	line-height: 27px;
	font-weight: 700;
	color: #222
}

.user-card .relate-num .num span:first-child {
	font-family: ByteNumber-center;
	font-size: 20px
}

.user-card .relate-num .num span:nth-child(2) {
	font-size: 17px;
	position: relative;
	top: 1px
}

.user-card .relate-num .long-num span:first-child {
	font-size: 18px
}

.user-card .relate-num .word {
	font-size: 14px;
	line-height: 16px;
	color: #505050
}

.user-card .publisher {
	padding: 10px 0;
	background: #fff;
	border-radius: 8px
}

.user-card .publisher .publish-item {
	display: inline-block;
	width: 25%;
	text-align: center
}

.user-card .publisher .publish-item:hover p {
	color: #505050
}

.user-card .publisher .publish-item i {
	width: 44px;
	height: 44px;
}

.user-card .publisher .publish-item p {
	font-size: 14px;
	line-height: 20px;
	color: #222;
	margin-top: 2px
}



.user-card .login-info {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #505050;
	padding: 60px 0 12px;
	/* background-image: url('../images/bg24.png');
	background-color: #f8f9fa;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; */
}


.user-card .login-button {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
	background: #f04142;
	border-radius: 6px;
	padding: 8px 32px
}

.user-card .login-button:hover {
	opacity: .9
}

.dashboard {
	background: hsla(0, 0%, 100%, .97);
	padding: 24px;
	border-radius: 8px;
	margin-bottom: 16px
}

.dashboard .dashboard-title {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.dashboard .dashboard-title .dashboard-title-txt {
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #000;
	letter-spacing: 0;
	line-height: 20px
}

.dashboard .dashboard-title .dashboard-more {
	color: #888;
	cursor: pointer
}

.dashboard .dashboard-title .dashboard-more .icon {
	margin-left: 4px
}

.dashboard .dashboard-title .dashboard-more:hover {
	color: #ff4141
}

.dashboard .dashboard-content {
	display: flex;
	height: 91px;
	margin-top: 24px
}

.dashboard .dashboard-content .dashboard-item {
	flex: 1 1;
	float: left;
	width: 160px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #666;
	line-height: 12px;
	padding: 10px 16px
}

.dashboard .dashboard-content .dashboard-item .num {
	font-family: PingFangSC-Semibold;
	font-size: 22px;
	color: #000;
	line-height: 24px;
	margin: 6px 0 10px
}

.dashboard .dashboard-content .dashboard-item .trend {
	display: flex;
	align-items: center;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #666;
	letter-spacing: 0;
	line-height: 14px
}

.dashboard .dashboard-content .dashboard-item .trend .icon {
	margin: 0 -2px
}

.dashboard .dashboard-content .dashboard-item .trend-increase {
	color: #ff4141
}

.dashboard .dashboard-content .dashboard-item .trend-decrease {
	color: #7ed321
}

.dashboard .dashboard-content .dashboard-item .trend-unchange {
	display: inline-block;
	margin: 0 3.5px;
	opacity: .4;
	vertical-align: text-top
}

.dashboard .dashboard-content .dashboard-item:hover {
	background: #f7f7f7;
	border-radius: 5px
}

.dashboard .guide {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 49px
}

.dashboard .guide .icon {
	width: 13px;
	height: 13px;
	background-size: 100%
}

.dashboard .guide .tip {
	font-size: 14px;
	color: #888;
	margin: 0 20px 0 6px
}

.dashboard .guide .btn {
	width: 90px;
	height: 28px;
	line-height: 28px;
	background: #ff4141;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	cursor: pointer
}

.dashboard .guide .btn:hover {
	background: #ff8d8d
}


.post-modern {
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	box-shadow: -1px 0px 5px 0px rgba(65, 65, 65, 0.12);
}

.post-modern .post-inset {
	padding: 20px;
}

.post-modern .post-header {
	padding: 20px;
}

.post-modern .post-type {
	position: relative;
	top: 3px;
	font-size: 0;
	line-height: 0;
}

.post-modern .post-list {
	position: relative;
	transform: translateY(0);
	margin-bottom: 0;
}

.post-modern .post-list>* {
	margin-top: 0;
}

.post-modern .post-list>*:not(:last-child) {
	margin-right: 12px;
}

.post-modern .post-list>li {
	display: inline-block;
}

.post-modern .post-body>*:only-child {
	padding-top: 0;
}

.post-modern .post-meta a,
.post-modern .post-meta a:active,
.post-modern .post-meta a:focus {
	color: inherit;
}

.post-modern .post-meta a:hover {
	color: #58c4a7;
}

.post-modern .post-footer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px 22px 16px;
	background: #f9f9f9;
}

.post-modern .post-footer>* {
	padding: 0 7px;
}

*+.post-modern {
	margin-top: 30px;
}

.list-tags-inline>li {
	display: inline;
}

.list-tags-inline>li:not(:last-child):after {
	content: ',';
}

.object-inline,
.object-inline-baseline {
	white-space: nowrap;
}

.object-inline>*+*,
.object-inline-baseline>*+* {
	margin-top: 0;
	margin-left: 5px;
}

.object-inline {
	vertical-align: middle;
}

.object-inline>* {
	display: inline-block;
	vertical-align: middle;
}

.object-inline-baseline {
	vertical-align: baseline;
}

.object-inline-baseline>* {
	display: inline-block;
	vertical-align: baseline;
}

.post-block {
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 200px;
	overflow: hidden;
	background: #000;
}

.post-block .post-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: .4;
	will-change: transform;
	transition: .66s all ease;
}

.post-block .post-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	max-width: none;
}

@supports (object-fit: cover) {
	.post-block .post-image img {
		left: 0;
		top: 0;
		transform: none;
		object-fit: cover;
		object-position: center center;
	}
}

.post-block .post-header {
	line-height: 1.2;
	color: #fff;
}

.post-block .post-header a,
.post-block .post-header a:active,
.post-block .post-header a:focus {
	color: inherit;
}

.post-block .post-header a:hover {
	color: rgba(255, 255, 255, 0.6);
}

.post-block .post-body {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 30px 20px 30px 20px;
	pointer-events: none;
}

.post-block .post-body>* {
	pointer-events: auto;
}

.post-block .post-meta {
	position: relative;
	transform: translateY(-2px);
	margin-bottom: -2px;
	color: rgba(255, 255, 255, 0.5);
}

.post-block .post-meta>* {
	margin-top: 2px;
}

.post-block .post-meta>*:not(:last-child) {
	margin-right: 15px;
}

.post-block .post-meta>li {
	display: inline-block;
}

.post-block .post-meta .text-style-2 {
	color: #fff;
}

.post-block:hover {
	color: rgba(255, 255, 255, 0.8);
}

.post-block:hover .post-image {
	transform: scale(1.09);
	opacity: .2;
}

.post-block *+.post-meta {
	margin-top: 12px;
}

@media (min-width: 576px) {
	.post-block .post-body {
		padding: 40px 30px 40px 35px;
	}
}

@media (min-width: 768px) {
	.post-block {
		min-height: 250px;
	}

	.post-block .post-body {
		padding: 60px 20px 60px 30px;
	}
}

@media (min-width: 1200px) {
	.post-block .post-body {
		padding: 13% 8% 13% 10%;
	}

	.post-block *+.post-meta {
		margin-top: 5px;
	}
}

.height-fill {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: 30px;
}

.height-fill>* {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.btn-soft-secondary {
	/* color: #71869d; */
	color: #ffffff;
	background-color: rgba(113, 134, 157, .1);
	border-color: transparent;
}

.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
	color: #fff;
	background-color: #71869d;
	box-shadow: 0 4px 11px rgb(113 134 157 / 10%);
}



.rounded-lg {
	border-radius: .75rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.h-100 {
	height: 100% !important;
}

.text-white-70 {
	color: rgba(255, 255, 255, .7);
}

.text-cap {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .03125rem;
}


.d-block {
	display: block !important;
}

/* .cbp-caption-zoom .cbp-caption-activeWrap {
	background-color: rgba(33, 50, 91, .5);
	width: 100%;
	position: absolute;
	z-index: 2;
	height: 100%;
	opacity: 1
} */

._2M2Lj {
	background-color: rgb(255, 255, 255);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 24px;
	/* border: 1px solid rgb(238, 238, 238); */
	display: flex;
	flex-direction: column;
	will-change: transform;
}

.pfh7A {
	position: relative;
	transition: border-color 0s ease 0s, box-shadow 0.1s ease-in-out 0s;
}

.pfh7A:focus-within,
.pfh7A:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px;
	border-color: rgb(209, 209, 209);
}

._2np0S {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

@media (max-width: 1099px) {
	._2np0S {
		padding: 16px 20px 20px;
	}
}

@media (min-width: 1100px) {
	._2np0S {
		padding: 24px 32px;
	}
}

._3WTBP {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr min-content;
	gap: 16px;
}

.oUNen {
	display: flex;
	flex-direction: column;
}

.aERbn {
	overflow-wrap: anywhere;
}

._2tgoq::after {
	content: "";
	position: absolute;
	inset: 0px;
}

._8ROvM {
	position: relative;
	z-index: 1;
}

._3AvwF {
	color: rgb(118, 118, 118);
}

.i1kMv:hover {
	text-decoration: underline;
}

.CkC7O {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

._3zdFL {
	margin-top: auto;
}

._2aO4q {
	display: flex;
	align-items: center;
	font-size: 14px;
}

._3y4G4 {
	fill: rgb(209, 209, 209);
	width: 18px;
	height: 18px;
}

@media (max-width: 767px) {
	._3y4G4 {
		margin-right: 8px;
	}
}

@media (min-width: 768px) {
	._3y4G4 {
		margin-right: 16px;
	}
}

.KHqpf {
	padding: 16px;
	background-color: rgba(0, 0, 0, 0.25);
}

._3SXNu {
	display: grid;
	gap: 24px;
}

@media (min-width: 768px) {
	._3SXNu {
		--columns: 2;
		grid-template-columns: repeat(var(--columns), 1fr);
	}
}

@media (min-width: 768px) and (min-width: 992px) {
	._3SXNu {
		--columns: 3;
	}
}

.jTzeX {
	display: contents;
}

._9m-ah {
	margin-bottom: 32px;
}

.-my-2 {
	padding: 1px 8px;
	border-radius: 4px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
}

._2a4HK {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
}

._1hIRM {
	position: relative;
}

._1NNG0,
.c_6Je {
	position: relative;
}

._1J2Fj {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

._1g5Lu,
._1J2Fj,
.c_6Je {
	height: 160px;
}

._2gKr0 {
	position: relative;
}

.oCCRx {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

.-kNxj {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #049372;
	display: inline-block;
	margin-right: 6px;
}

._1qZTY {
	background-color: #c2ebd3;
	--circle-color: #3cb46e;
}

._2Y-QM {
	padding-left: 0;
	list-style: none;
}

._1eXFm {
	margin-top: 0;
	margin-bottom: 0;
}

._2-V32,
a {
	color: #767676;
	transition: color .1s ease-in-out, opacity .1s ease-in-out;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

.ODWzM {
	display: inline-block;
	vertical-align: middle;
}

._1FdcY {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .1);
}

._2bOuo:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	pointer-events: none;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 50%;
}

/* itemblock */
.itemblock {
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	background-color: #fff;
	transition: all 0.3s linear;
}

.itemblock:hover {
	border-radius: 8px;
	-ms-transform: translate(0, -5px);
	/* IE 9 */
	-webkit-transform: translate(0, -5px);
	/* Safari */
	transform: translate(0, -5px);
	box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.1);
}

.itemblock .img-d {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.itemblock .img-d:before {
	content: "";
	display: inline-block;
	padding-bottom: 50%;
}

.itemblock .img-d .img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.itemblock .img-d .img.null {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.itemblock .img-d .img img {
	width: 100%;
	height: 100%;
	transition: all 0.6s linear;
}

.itemblock:hover .img-d .img img {
	-ms-transform: scale(1.5, 1.5);
	/* IE 9 */
	-webkit-transform: scale(1.5, 1.5);
	/* Safari */
	transform: scale(1.5, 1.5);
}

.itemblock .img-d .abs {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.itemblock:hover .img-d .abs {
	display: block;
	z-index: 4;
}

.itemblock .img-d .abs .bk {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
}

.itemblock:hover .img-d .abs .bk {
	background-color: rgba(0, 0, 0, 0.5);
}

.itemblock .img-d .abs .mark-icon {
	display: none;
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	z-index: 2;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-image: url(../images/playIcon.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


.itemblock .img-d .abs .mark-icon3 {
	background-size: 100% 100%;
	background-position: center center;
}

.itemblock:hover .img-d .abs .mark-icon {
	display: inline-block;
}

.itemblock .img-d .abs .ewm-img {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: center 45%;
}

.itemblock .img-d .abs .ewm-img img {
	display: inline-block;
	width: auto;
	height: 80%;
	margin-top: 5%;
}

.itemblock .img-d .btns {
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 2;
	display: flex;
}

.itemblock .img-d .btn-zan,
.itemblock .img-d .btn-pv {
	line-height: 20px;
	padding: 0 6px 0 6px;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid transparent;
	cursor: pointer;
}

.itemblock .img-d .btn-zan .icon,
.itemblock .img-d .btn-pv .icon {
	width: 20px;
	height: 20px;
	background-size: 300px auto;
	background-repeat: no-repeat;
	background-position: -51px -227px;
}

.itemblock .img-d .btn-pv .icon {
	background-position: -20px -254px;
}

.itemblock .img-d .btn-zan.on .icon {
	background-position: -54px 1px;
}

.itemblock .img-d .share {
	width: 22px;
	height: 22px;
	margin-left: 6px;
	border: 1px solid transparent;
	border-radius: 50%;
	cursor: pointer;
	background-size: 250px auto;
	background-repeat: no-repeat;
	background-position: -154px 4px;
}

.itemblock .img-d .tags {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 2;
	display: flex;
	align-items: center;
}

.itemblock .img-d .tags .btn {
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 0 5px;
	color: #fff;
	background-color: #5085fb;
	border-radius: 5px;
}

.itemblock .img-d .tags .btn.btn-jx {
	background-color: rgba(0, 0, 0, 0.5);
}

.itemblock .img-d .tags .btn.btn-sr {
	background-color: rgba(153, 153, 153, 1);
}

.itemblock .img-d .tags .btn.btn-yc {
	background-color: rgba(255, 105, 109, 1);
}

.itemblock .info {
	padding: 10px 20px;
}

.itemblock .tl {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
}

.itemblock .tl:hover {
	color: #5085fb;
}

.itemblock .tl em {
	color: red;
	font-style: normal;
}

.itemblock .adr-d {
	justify-content: space-between;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
}

.itemblock .adr-d .adr {
	position: relative;
	max-width: 130px;
	overflow: hidden;
}

.itemblock .adr-d .adr .icon {
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	background-size: 340px auto;
	background-repeat: no-repeat;
	background-position: -122px -1px;
}

.itemblock .adr-d .adr font,
.itemblock .adr-d .cou {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.itemblock .adr-d .adr font {
	padding-right: 10px;
}

.itemblock .adr-d .cou {
	flex: 1;
	font-size: 14px;
	color: #666;
	text-align: right;
}

.itemblock .adr-d a.cou:hover {
	color: #5085fb;
}

.itemblock .user {
	justify-content: space-between;
	margin-top: 10px;
}

.itemblock .user .name {
	max-width: 60%;
	font-size: 14px;
	color: #333;
}

.itemblock .user .name:hover {
	color: #5085fb;
}

.itemblock .user .name .icon {
	display: block;
	width: 20px;
	margin-right: 8px;
}

.itemblock .user .name:hover .icon {
	opacity: 0.6;
}

.itemblock .user .name .icon img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.itemblock .user .name span {
	flex: 1;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}


.itemblock .tl2 {
	height: 20px;
	margin-top: 10px;
}

.itemblock .tl2 .name {
	flex: 1;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 1.7rem;
	color: #171919;
}

.itemblock .caozuo {
	position: relative;
	cursor: pointer;
}

.itemblock .caozuo .btn-more {
	position: relative;
	z-index: 1;
	width: 20px;
	height: 4px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

.itemblock .caozuo .sel-d {
	display: none;
	position: absolute;
	left: -26px;
	top: -18px;
	z-index: 2;
	padding-top: 30px;
}

.itemblock .caozuo .sel-d .sel {
	width: 70px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	color: #fff;
	text-align: center;
}

.itemblock .caozuo .sel-d .option {
	line-height: 30px;
	color: #fff;
}

.itemblock .caozuo .sel-d .option.on,
.itemblock .caozuo .sel-d .option:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

.itemblock .caozuo:hover .sel-d {
	display: block;
}

.itemblock .ewm {
	position: relative;
	padding-left: 10px;
}

.itemblock .ewm .ewm-icon {
	font-size: 18px;
	color: #333;
	cursor: pointer;
}

.itemblock .ewm:hover .ewm-icon {
	color: #5085fb;
}

.itemblock .ewm .ewm-d {
	display: none;
	position: absolute;
	bottom: 0;
	right: 2px;
	z-index: 2;
	padding-bottom: 28px;
}

.itemblock .ewm:hover .ewm-d {
	display: block;
}

.itemblock .ewm .ewm-d .mc {
	width: 120px;
	padding: 7px 7px;
	background-color: #fff;
	color: #333;
	border-radius: 8px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.itemblock .ewm .ewm-d .ewm-img {
	width: 100%;
}

.itemblock .ewm .ewm-d .txt {
	line-height: 18px;
	padding-top: 5px;
	font-size: 14px;
}

.itemblock .ewm .sj-icon {
	position: absolute;
	right: 1px;
	bottom: 20px;
	z-index: 2;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

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

.colItem {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 14px;
	text-decoration: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	transition: all 0.3s ease-in-out 0s;
}

.colItem:hover {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	transform: translate(0, -3px);
}

.colItem .imgD {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.colItem .imgD img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.6s ease-in-out 0s;
}

.colItem:hover .imgD img {
	transform: scale(1.2);
}

.colItem .imgD .playvr {
	position: absolute;
	top: 0;
	display: none;
	background: url("../images/video.png") no-repeat scroll center center transparent;
	width: 100%;
	height: 100%;
}

.colItem .imgD:hover .playvr {
	display: block;
}

.colItem .imgD .time {
	position: absolute;
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	right: 0;
	padding: 3px 14px;
}

.colItem .imgD .time font {
	color: #fff;
	font-size: 12px;
}

.colItem .heart,
.colItem .codeIcon {
	position: absolute;
	left: 12px;
	top: 20px;
	z-index: 1;
	display: none;
	width: 32px;
	height: 32px;
	background-color: #fff;
	color: #333;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}

.colItem .codeIcon {
	left: 60px;
}

.colItem:hover .heart,
.colItem:hover .codeIcon {
	display: inline-block;
}


.colItem .codeD {
	width: auto;
	height: auto;
	z-index: 1;
}

.colItem .codeD .codeImg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.colItem .codeD:hover .codeImg {
	display: block;
}

.colItem .codeD .codeImg img {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 140px;
	height: 140px;
	display: block;
	overflow: hidden;
	margin-top: -70px;
	margin-left: -70px;
}

.colItem .viewD {
	position: absolute;
	top: 20px;
	right: 12px;
	z-index: 1;
	display: none;
	padding: 10px 12px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.colItem:hover .viewD {
	display: inline-block;
}

.colItem .viewD .view,
.colItem .viewD .praise {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 0;
	background: transparent;
	font-size: 0px;
}

.colItem .viewD .praise {
	margin-left: 16px;
}

.colItem .viewD font {
	padding-left: 5px;
	font-size: 14px;
}


.colItem .bmD {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: none;
	width: 100%;
	padding: 10px 15px 10px 20px;
	background-color: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	color: #fff;
}

.colItem:hover .bmD {
	display: block;
}

.colItem .bmD .tl {
	float: left;
	width: 54%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}

.colItem .bmD .uInfo {
	float: right;
	width: 45%;
}

.colItem .bmD .uInfo .star {
	float: right;
	width: 108px;
	height: 15px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.colItem .bmD .uInfo .user {
	display: block;
	float: left;
	width: 98%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 6px;
	clear: both;
	color: #fff;
	text-align: right;
}

.colItem .bmD .uInfo .user img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	border-radius: 50%;
}

.colItem .bmD2 {
	position: relative;
	z-index: 3;
	height: 55px;
	padding: 10px 15px;
	overflow: hidden;
	background-color: #fff;
}

.colItem .bmD2 .tInfo .tl {
	float: left;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
}

.colItem .bmD2 .uInfo {
	padding-top: 12px;
	padding-bottom: 3px;
}

.colItem .bmD2 .user {
	float: left;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	opacity: 0.8;
}

.colItem .bmD2 .user img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	border-radius: 50%;
}

.colItem .bmD2 .viewD {
	position: inherit;
	display: block;
	float: right;
	padding: 0;
	color: #666;
	background-color: #fff;
	opacity: 0.6;
}

.litalink-ba-list.D_D {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0;
	padding-bottom: 0;
	background-color: #fff
}

.litalink-ba-list .head.D_D {
	margin-bottom: 20px;
	overflow: hidden
}

.litalink-ba-list .head .title.D_D {
	font-family: PingFangSC-Medium;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: #40404c;
	letter-spacing: 0;
	position: relative;
	padding-left: 16px;
	display: inline-block
}

.litalink-ba-list .head .title.D_D::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 4px;
	height: 20px;
	left: 0;
	top: 6px;
	border-radius: 6px;
	background-color: #f86442
}

.litalink-ba-list .head .hot-subcategory.D_D {
	display: inline-block;
	vertical-align: bottom
}

.litalink-ba-list .head .hot-subcategory>ul>li.D_D {
	display: inline-block;
	padding: 0 16px;
	font-size: 12px;
	line-height: 1;
	position: relative
}

.litalink-ba-list .head .hot-subcategory>ul>li>a.D_D {
	color: #72727b
}

.litalink-ba-list .head .hot-subcategory>ul>li>a.D_D:hover {
	color: #f86442
}

.litalink-ba-list .head .hot-subcategory>ul>li.D_D::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	background-color: #e8e8e8;
	top: 1px;
	left: 0
}

.litalink-ba-list .head .head-hw.D_D {
	display: inline-block;
	position: relative;
	top: 2px;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: #666;
	max-width: 620px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.litalink-ba-list .head .head-hw .word.D_D:after {
	content: '|';
	height: 10px;
	width: 1px;
	padding: 0 10px;
	color: #e8e8e8
}

.litalink-ba-list .head .head-hw .word.D_D:first-child {
	padding-left: 20px
}

.litalink-ba-list .head .head-hw .word.D_D:last-child:after {
	content: ''
}

.litalink-ba-list .head .head-rt.D_D {
	float: right
}

.litalink-ba-list .head .head-rt .more.D_D {
	line-height: 28px;
	padding-right: 20px;
	display: inline-block;
	font-size: 14px;
	color: #72727b
}

.litalink-ba-list .head .head-rt .more.D_D:hover {
	color: #f86442
}

.litalink-ba-list .content>ul>li.D_D {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-bottom: 20px
}

.litalink-ba-list .content>ul>li.D_D:nth-child(5n+1) {
	margin-left: 0
}

.litalink-ba-list .content .album-wrapper.no-login.D_D {
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	padding: 20px 0
}

.litalink-ba-list .content .album-wrapper.no-login img.D_D {
	width: 75px;
	height: 75px
}

.litalink-ba-list .content .album-wrapper.no-login p.D_D {
	margin: 5px 0 20px;
	font-size: 14px;
	line-height: 1.4;
	color: #72727b
}

.litalink-ba-list .content .album-wrapper.no-login .login-btn.D_D {
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	overflow: visible;
	background-color: #f86442;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff9973), color-stop(99%, #ff7251));
	background-image: -o-linear-gradient(left, #ff9973 1%, #ff7251 99%);
	background-image: linear-gradient(90deg, #ff9973 1%, #ff7251 99%);
	font-size: 14px;
	padding: 3px 34px
}

.litalink-ba-list .content .album-wrapper.no-login .login-btn.D_D:hover {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #ffa381), color-stop(99%, #ff8063));
	background-image: -o-linear-gradient(left, #ffa381 1%, #ff8063 99%);
	background-image: linear-gradient(90deg, #ffa381 1%, #ff8063 99%)
}

.litalink-ba-list .content .album-wrapper.no-login .login-btn.D_D:focus {
	outline: 0
}

.litalink-ba-list .content .album-wrapper.no-login .login-btn.D_D:disabled {
	background-color: #ccc;
	background-image: none;
	border-color: #cacaca;
	cursor: not-allowed;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.hot-video {
	margin: 28px 0 12px
}

.hot-video .pane-header {
	margin-bottom: 7px
}

.hot-video .video-item {
	overflow: hidden;
	padding: 16px 0
}

.hot-video .video-item .left-img {
	display: block;
	width: 128px;
	height: 96px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 12px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
	background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .6));
	background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .6) 100%);
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	float: left;
	position: relative
}

.hot-video .video-item .left-img:hover .pic {
	-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	transform: matrix(1.04, 0, 0, 1.04, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.hot-video .video-item .left-img .pic {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .5s ease-out .1s;
	-moz-transition: all .5s ease-out .1s;
	transition: all .5s ease-out .1s
}

.hot-video .video-item .left-img .number {
	width: 26px;
	padding: 2px 0;
	text-align: center;
	font-family: ByteNumber-center;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	border-bottom-right-radius: 4px;
	position: absolute;
	left: 0;
	top: 0
}

.hot-video .video-item .left-img .number.num1 {
	background: #f04142
}

.hot-video .video-item .left-img .number.num2 {
	background: #ff7528
}

.hot-video .video-item .left-img .number.num3 {
	background: #ffbc11
}

.hot-video .video-item .left-img .number.num-other {
	background: rgba(0, 0, 0, .6)
}

.hot-video .video-item .left-img .duration {
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	background: rgba(0, 0, 0, .5);
	border-radius: 4px;
	padding: 4px 6px;
	position: absolute;
	right: 6px;
	bottom: 6px
}

.hot-video .video-item .right-content {
	height: 96px;
	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
}

.hot-video .video-item .title {
	max-height: 44px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #222;
	cursor: pointer;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

.hot-video .video-item .title:visited {
	color: #999
}

.hot-video .video-item .title:hover {
	color: #f04142
}

.hot-video .video-item .like {
	-ms-flex-item-align: start;
	align-self: flex-start;
	font-size: 12px;
	line-height: 16px;
	color: #f04142;
	background: #fff2f2;
	border-radius: 4px;
	padding: 4px 6px
}

.hot-video .video-item .desc {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.hot-video .video-item .desc span {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.hot-video .video-item .desc a {
	color: #999;
	margin-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hot-video .video-item .desc a:hover {
	opacity: .8
}


.hot-list {
	margin: 28px 0 12px;
}

.hot-list .pane-header {
	margin-bottom: 7px
}

.hot-list .article-item {
	padding: 12px 0;
	cursor: pointer;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hot-list .article-item:visited .news-title {
	color: #999
}

.hot-list .news-index {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 24px;
	margin-right: 8px;
	font-family: ByteNumber-center;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #999;
	text-align: center
}

.hot-list .news-index.num-1 {
	color: #a82e2e
}

.hot-list .news-index.num-2 {
	color: #f04142
}

.hot-list .news-index.num-3 {
	color: #ff9a03
}

.hot-list .news-title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.hot-list .news-title:hover {
	color: #f04142
}

.hot-list .news-icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	border-radius: 3px;
	background-size: contain
}


.mybuttom {
	color: #767676;
	background-color: hsla(0, 0%, 100%, .9);
	border: 1px solid transparent;
	box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
	height: 32px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	border-radius: 4px;
	transition: all .1s ease-in-out;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	fill: currentColor;
}

.avatar-group {
	display: -ms-flexbox;
	display: flex;
}


.avatar-circle .avatar-img {
	border-radius: 50%;
}

.avatar-img {
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: .3125rem;
}

.avatar-group .avatar-xs+.avatar-xs {
	margin-left: -.6125rem;
}

.position-absolute {
	position: absolute !important;
}


.w-100 {
	width: 100% !important;
}

.border-0 {
	border: 0 !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.u-slick__paging-v1 {
	position: absolute;
	bottom: 32px;
	right: 0;
	padding-left: .9375rem;
	padding-right: 2.9375rem;
	padding-bottom: 2rem;
	font-size: 2.875rem;
	color: #FFFFFF;
}

.u-slick__arrow-classic {
	z-index: 1;
	line-height: 0;
	display: inline-block;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	width: 2.5rem;
	height: 2.5rem;
	font-size: 0.8125rem;
	cursor: pointer;
	transition: 0.3s;
}

.position-fixed {
	position: fixed !important;
}

._30ChT {
	height: 74px;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

._3sZO4 {
	box-shadow: hsl(0deg 0% 80%) 0 5px 16px;
	padding: 0 150px 0 32px;
	width: 100%;
	-ms-flex: 1 auto;
	flex: 1 auto;
	box-sizing: border-box;
	border: 0;
	border-radius: 7px 0 0 7px;
	color: gray;
	font-size: 16px;
	line-height: normal;
	height: 100%;
	padding: 10px 5px 10px 20px;
}

._1gL11 {
	font-size: 16px;
	color: hsl(0, 0%, 100%);
	border-radius: 5px;
	width: 115px;
	position: absolute;
	right: 16px;
	background: #ff0000;
	position: absolute;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	padding: 12px 0;
	border: 0;
	cursor: pointer;
}

._3ucuw {
	margin-left: 10px;
}

.litalink-desktop-form__input-wrp {
	display: table;
	width: 100%;
	position: relative;
}

.litalink-desktop-form__input-append-in {
	padding: 0;
	font-size: 0;
	line-height: 1.6;
}

.litalink-desktop-form__input-append-in {
	right: 0;
	padding-right: 10px;
}

.litalink-desktop-form__input-append-in,
.litalink-desktop-form__input-prepend-in {
	position: absolute;
	top: 0;
	bottom: 0;
	width: auto;
	text-align: right;
	z-index: 1;
}

.litalink-desktop-form__input-append-in+.litalink-desktop-form__input {
	padding-right: 46px;
}

.litalink-desktop-form__input {
	padding-right: 46px;
}

.search__wrp .litalink-desktop-form__input {
	height: 45px;
	border: none;
	caret-color: #07c160;
}

.litalink-desktop-form__input {
	height: 2.57142857em;
}

.litalink-desktop-form__input,
.litalink-desktop-form__textarea {
	display: table-cell;
	width: 100%;
	padding: 1.68571429em 15px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e4e8eb;
	border-radius: 3px;
}

.litalink-desktop-icon-btn {
	background-color: transparent;
	padding: 0;
	border-width: 0;
	vertical-align: middle;
	font-size: 0;
	display: inline-block;
	cursor: pointer;
}

.litalink-desktop-search__btn {
	display: inline-block;
	width: 36px;
	vertical-align: middle;
	border-width: 0;
	background-color: transparent;
}

.litalink-desktop-icon-btn svg {
	fill: #9b9b9b;
}

._38RZ6 {
	height: 32px;
	padding-top: 14px;
}

.azvuP {
	background: none;
	border: none;
	cursor: pointer;
	padding: 2px 0;
	position: absolute;
	left: 0;
}

._1CDxH {
	margin-left: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

._1xwpN:after {
	content: '';
	width: 1px;
	height: 24px;
	display: inline-block;
	background-color: hsl(-1, 0%, 54%);
	opacity: 0.4;
	position: absolute;
}

._2crSy {
	border: none;
	cursor: pointer;
	background: none;
	color: inherit;
}

.azvuP {
	background: none;
	border: none;
	cursor: pointer;
	padding: 2px 0;
	position: absolute;
	left: 0;
}

._1VDCl {
	width: 20px;
	height: 20px;
	padding: 0;
	display: inline-block;
	fill: hsl(-1, 0%, 54%);
	opacity: 0.8;
	margin-bottom: 16px;
	pointer-events: auto;
	margin-left: 14px;
	margin-right: 14px;
	margin-right: 12px;
	margin-left: 4px;
}

.s3ESh {
	width: 20px;
	height: 20px;
	padding: 0;
	display: inline-block;
	fill: hsl(-1, 0%, 54%);
	opacity: 0.8;
	margin-bottom: 16px;
	pointer-events: auto;
	margin-left: 14px;
	margin-right: 14px;
	width: 14px;
	height: 14px;
}

.lldqj {
	width: 20px;
	height: 20px;
	padding: 0;
	display: inline-block;
	fill: hsl(-1, 0%, 54%);
	opacity: 0.8;
	margin-bottom: 16px;
	pointer-events: auto;
	margin-left: 14px;
	margin-right: 14px;
	width: 16px;
	height: 16px;
}

.TTfHg {
	width: 20px;
	height: 20px;
	padding: 0;
	display: inline-block;
	fill: hsl(-1, 0%, 54%);
	opacity: 0.8;
	margin-bottom: 16px;
	pointer-events: auto;
	margin-left: 14px;
	margin-right: 14px;
}


._2SumI {
	width: 20px;
	height: 20px;
	padding: 0;
	display: inline-block;
	fill: hsl(-1, 0%, 54%);
	opacity: 0.8;
	margin-bottom: 16px;
	pointer-events: auto;
	margin-left: 14px;
	margin-right: 14px;
}

.web-login-scan-code__content__qrcode-wrapper {
	position: relative;
	width: 158px;
	height: 158px;
	margin: 0 auto;
}

.web-login-scan-code__content__qrcode-wrapper__qrcode {
	display: block;
	width: 100%;
	height: 100%;
}

.scan_code_desciption {
	margin-top: 10px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

/* .web-login-scan-code__content__qrcode-tip:hover:after {
	content: "";
	position: absolute;
	left: -109px;
	top: -7px;
	-webkit-transform: scale(.99);
	-moz-transform: scale(.99);
	-o-transform: scale(.99);
	transform: scale(.99);
	width: 368px;
	height: 254px;
	background: url(../images/qrcode.png) no-repeat 50%;
	background-size: contain;
} */

.product-image-wrapper {
	border-radius: 3px 3px 0 0;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 62.5%;
	position: relative
}

.product-image-wrapper:before {
	background: linear-gradient(180deg, #24323866, #0000);
	bottom: 0;
	content: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.product-image-wrapper:hover .product-image-links {
	display: block
}

@media (min-width:720px) {
	.product-image-wrapper:hover:before {
		content: ""
	}

	.product-image-wrapper:hover .product-set-favorite {
		display: block
	}
}

@media (max-width:719px) {
	.product-image-wrapper .product-set-favorite {
		display: block
	}
}

.product-image-wrapper .product-image {
	position: absolute;
	top: 0;
	width: 100%
}

.product-set-favorite {
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	display: none;
	height: 48px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 48px;
	z-index: 2;
}

.plugthumbtpfigure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


.figcaptionx {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-bubba {
	background: linear-gradient(180deg, #24323866, #0000);
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity .35s;
	transition: opacity .35s
}

figure.effect-bubba:hover img {
	opacity: .8
}

figure.effect-bubba figcaption::after,
figure.effect-bubba figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}

figure.effect-bubba p {
	padding: 5px 5px;
	margin: 5px;
	opacity: 0;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0)
}

figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.nav {
	position: relative;
	border-bottom: solid #e9ecee;
	flex-wrap: wrap;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (max-width: 1039px) {
	.nav {
		padding-bottom: 15px;
		border-width: 2px;
	}
}

@media only screen and (max-width: 1039px) {
	.nav {
		border-width: 1px;
	}
}

.nav__categories {
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (min-width: 1040px) {
	.nav__categories {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 1039px) {
	.nav__categories {
		padding-top: 15px;
	}
}

.nav__categories>* {
	margin-right: 15px;
}

@media only screen and (min-width: 1040px) {
	.nav__select {
		position: relative;
	}
}

@media only screen and (min-width: 1040px) {
	.nav [data-dropdown-list="categories"] {
		min-width: 350px;
	}
}

@media only screen and (min-width: 1040px) {
	.nav [data-dropdown-list="tags"] {
		min-width: 350px;
	}
}

@media only screen and (min-width: 1040px) {
	.nav__menu {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 1039px) {
	.nav__menu {
		padding-top: 15px;
	}
}

.nav__menu>ul {
	height: 100%;
	margin: 0 -15px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (max-width: 1039px) {
	.nav__menu>ul {
		display: none;
	}
}

.nav__menu>ul li {
	padding: 0 15px;
}

.nav__menu>ul li a {
	position: relative;
	height: 100%;
	line-height: 1.2;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.nav__menu>ul li.active a,
.nav__menu>ul li.active a:visited,
.nav__menu>ul li.active a:active,
.nav__menu>ul li.active a:link {
	color: #394047;
}

.nav__menu>ul li.active a::before {
	content: '';
	position: absolute;
	width: 100%;
	bottom: -1px;
	left: 0;
	border-bottom: solid 1px #535353;
	box-shadow: -2px 3px 4px 0 #535353;
}

@media only screen and (min-width: 1040px) {
	.nav__menu .nav__select {
		display: none;
	}
}

.nav__thread {
	margin-left: auto;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (min-width: 1040px) {
	.nav__thread {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 1039px) {
	.nav__thread {
		display: none;
	}
}

.nav__thread p {
	margin: 0 15px 0 0;
	color: #8e9091;
}

@media only screen and (max-width: 1249px) {
	.nav__thread p {
		display: none;
	}
}

.nav__thread-btn {
	height: 38px;
	background-color: #e9ecee;
	align-items: center;
	cursor: pointer;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.nav__thread-btn,
.nav__thread-btn:visited,
.nav__thread-btn:active,
.nav__thread-btn:link {
	color: #394047;
}

@media only screen and (min-width: 1040px) {
	.nav__thread-btn {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 1039px) {
	.nav__thread-btn {
		padding: 0 8px;
		font-size: 13px;
	}
}

.nav__thread-btn--prev {
	margin-right: 15px;
}

.nav__thread-btn--prev i {
	margin-right: 15px;
	color: #394047;
}

.nav__thread-btn--next i {
	margin-left: 15px;
}

.posts__head,
.posts__item {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.posts__head>*,
.posts__item>* {
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.posts__head {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	background-color: #f7f7f7 !important;
}

.posts__body {
	border: solid 1px #f3f4f5;
}

.posts__item {
	background-color: #ffffff;
}

@media only screen and (min-width: 1040px) {
	.posts__item {
		padding: 24px 0;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__item {
		padding: 15px 0;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__item.posts__item--bg-gradient {
		background-size: cover;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__item.posts__item--bg-gradient {
		background-color: #f2f4f6;
	}
}

.posts__section-left,
.posts__section-right {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (min-width: 1040px) {

	.posts__section-left,
	.posts__section-right {
		align-items: center;
	}
}

@media only screen and (max-width: 1039px) {

	.posts__section-left,
	.posts__section-right {
		flex-direction: column;
		justify-content: center;
	}
}

.posts__section-left>*,
.posts__section-right>* {
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (min-width: 1040px) {
	.posts__section-left {
		width: 63%;
		min-width: 63%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__section-left {
		padding-left: 15px;
		align-items: flex-start;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__section-right {
		width: 37%;
		min-width: 37%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__section-right {
		padding-right: 15px;
		margin-left: auto;
		align-items: flex-end;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__topic {
		width: 50%;
		min-width: 50%;
	}
}

.posts__item .posts__topic {
	padding-right: 15px;
}

@media only screen and (min-width: 1040px) {
	.posts__item .posts__topic {
		padding-left: 30px;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__section-left .posts__topic {
		width: 79.37%;
		min-width: 79.37%;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__category {
		width: 13%;
		min-width: 13%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__head .posts__category {
		display: none;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__section-left .posts__category {
		margin-left: auto;
		width: 20.63%;
		min-width: 20.63%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__section-left .posts__category {
		margin-top: 15px;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__users {
		width: 13%;
		min-width: 13%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__users {
		display: none !important;
	}
}

.posts__users>div {
	position: relative;
}

.posts__users-dropdown>* {
	width: 320px;
}

.posts__item .posts__users {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.posts__item .posts__users>*:not(:last-child) {
	margin-right: 6px;
}

@media only screen and (min-width: 1040px) {
	.posts__section-right .posts__users {
		width: 35.13%;
		min-width: 35.13%;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__replies {
		width: 8%;
		min-width: 8%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__head .posts__replies {
		margin-left: auto;
	}
}

.posts__item .posts__replies {
	font-weight: 600;
}

@media only screen and (min-width: 1040px) {
	.posts__section-right .posts__replies {
		width: 21.62%;
		min-width: 21.62%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__section-right .posts__replies {
		justify-content: flex-end;
	}
}

.posts__views {
	color: #8e9091;
}

@media only screen and (min-width: 1040px) {
	.posts__views {
		width: 8%;
		min-width: 8%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__views {
		display: none !important;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__section-right .posts__views {
		width: 21.62%;
		min-width: 21.62%;
	}
}

.posts__activity {
	color: #8e9091;
}

@media only screen and (min-width: 1040px) {
	.posts__activity {
		width: 8%;
		min-width: 8%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__head .posts__activity {
		display: none !important;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__item .posts__activity {
		padding-top: 4px;
		margin-top: 4px;
		border-top: solid 1px #e9ecee;
	}
}

@media only screen and (min-width: 1040px) {
	.posts__section-right .posts__activity {
		width: 21.62%;
		min-width: 21.62%;
	}
}

@media only screen and (max-width: 1039px) {
	.posts__section-right .posts__activity {
		justify-content: flex-end;
	}
}

@media only screen and (min-width: 1040px) {

	.posts__replies,
	.posts__views,
	.posts__activity {
		justify-content: center;
	}
}

.posts__content h3 {
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	color: #394047;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.posts__content h3 span {
	margin-right: 5px;
	color: #8e9091;
}

.posts__content p {
	margin: 0;
	line-height: 1.6;
	color: #8e9091;
}

@media only screen and (max-width: 1039px) {
	.posts__content p {
		display: none;
	}
}

.posts__content i {
	margin-right: 15px;
	vertical-align: -2px;
	font-size: 20px;
	color: #5c6166;
}

.posts__content i img {
	max-width: 16px;
}

.posts__content>* {
	margin: 0;
}

.posts__content>*:not(:first-child) {
	margin-top: 10px;
}

.posts__tags {
	margin-bottom: -6px;
}

@media only screen and (max-width: 1039px) {
	.posts__tags {
		display: none;
	}
}



.bg-f9bc64 {
	background-color: #f9bc64 !important;
}

.bg-348aa7 {
	background-color: #348aa7 !important;
}

.bg-4436f8 {
	background-color: #4436f8 !important;
}

.bg-5dd39e {
	background-color: #5dd39e !important;
}

.bg-ff755a {
	background-color: #ff755a !important;
}

.bg-bce784 {
	background-color: #bce784 !important;
}

.bg-83253f {
	background-color: #83253f !important;
}

.bg-c49bbb {
	background-color: #c49bbb !important;
}

.bg-3ebafa {
	background-color: #3ebafa !important;
}

.bg-c6b38e {
	background-color: #c6b38e !important;
}

.bg-a7cdbd {
	background-color: #a7cdbd !important;
}

.bg-525252 {
	background-color: #525252 !important;
}

.bg-777da7 {
	background-color: #777da7 !important;
}

.bg-368f8b {
	background-color: #368f8b !important;
}

.bg-fef2e0 {
	background-color: #fef2e0 !important;
}

.bg-f2f4f6 {
	background-color: #f2f4f6 !important;
}

.bg-4f80b0 {
	background-color: #4f80b0 !important;
}

.bg-424ee8 {
	background-color: #424ee8 !important;
}

.bg-36b7d7 {
	background-color: #36b7d7 !important;
}

.bg-ec008c {
	background-color: #ec008c !important;
}

.bg-7cc576 {
	background-color: #7cc576 !important;
}

.bg-3a3a17 {
	background-color: #3a3a17 !important;
}

.bg-6f7e9c {
	background-color: #6f7e9c !important;
}

.bg-f26522 {
	background-color: #f26522 !important;
}

.bg-a3d39c {
	background-color: #a3d39c !important;
}

.bg-6f7e9c {
	background-color: #6f7e9c !important;
}

.bg-92278f {
	background-color: #92278f !important;
}

.bg-8781bd {
	background-color: #8781bd !important;
}

.bg-f1ab32 {
	background-color: #f1ab32 !important;
}

.bg-3b96ca {
	background-color: #3b96ca !important;
}

.bg-00bd9d {
	background-color: #00bd9d !important;
}

.bg-218380 {
	background-color: #218380 !important;
}

.tags a {
	height: 25px;
	line-height: 25px;
	padding: 10px 15px;
	border-radius: 3px;
	margin: 8px 5px;
	color: #ffffff;
	background-color: #394047;
	justify-content: center;
	align-items: center;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
}

.btn-select {
	position: relative;
	height: 38px;
	font-size: 16px;
	background-color: #e9ecee;
	align-items: center;
	cursor: pointer;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

@media only screen and (min-width: 1040px) {
	.btn-select {
		padding: 0 40px 0 15px;
	}
}

@media only screen and (max-width: 1039px) {
	.btn-select {
		padding: 0 30px 0 8px;
	}
}

.btn-select::after {
	content: '';
	position: absolute;
	display: block;
	margin-top: -5px;
	top: 50%;
	border-bottom: solid 1px #81858a;
	border-right: solid 1px #81858a;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media only screen and (min-width: 1040px) {
	.btn-select::after {
		right: 15px;
	}
}

@media only screen and (max-width: 1039px) {
	.btn-select::after {
		right: 12px;
	}
}

.btn-select i {
	margin-right: 15px;
	font-size: 18px;
	color: #5c6166;
}

.dropdownx {
	display: none;
	position: absolute;
	padding: 10px 0;
	top: 100%;
	left: 0;
	font-size: 16px;
	background-color: #ffffff;
	flex-direction: column;
	z-index: 1;
}

@media only screen and (max-width: 1039px) {
	.dropdownx {
		width: 100%;
		max-width: 100%;
	}
}

.dropdownx.dropdown--open {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdownx>* {
	padding-left: 20px;
	padding-right: 20px;
}

.dropdownx.dropdown--design-01:not(.dropdown--reverse-y) {
	border-top: solid 1px #f9bc64;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.dropdownx.dropdown--design-01.dropdown--reverse-y {
	border-bottom: solid 1px #f9bc64;
	-webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.08);
}

.dropdownx.dropdown--design-01>div:not(.dropdown__user):not(:first-of-type) {
	margin-top: 26px;
	padding-top: 20px;
	border-top: solid 1px #e9ecee;
}

.dropdownx h3 {
	margin: 6px 0 15px;
	font-size: 14px;
}

.dropdown__catalog {
	margin-bottom: -4px;
}

.dropdown__catalog li {
	margin-bottom: 4px;
}

.dropdown__icons {
	margin-top: 6px;
	justify-content: space-between;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdown__icons i {
	font-size: 18px;
}

.dropdownx.dropdown--user {
	padding: 37px 10px 10px;
	top: auto;
	bottom: calc(100% + 20px);
	left: -46px;
	background-color: transparent;
}

.dropdown.dropdown--user.dropdown--reverse-y {
	top: calc(100% + 20px);
	bottom: auto;
}

.dropdown__user {
	position: relative;
	padding: 30px 30px 24px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 8px 10px 3px rgba(0, 0, 0, 0.04);
}

.dropdown__user::after {
	content: '';
	position: absolute;
	display: block;
	border: solid 15px transparent;
	border-top-color: #ffffff;
	bottom: -30px;
	left: 38px;
}

.dropdown__user-label {
	position: absolute;
	padding: 0;
	margin-top: -37px;
	margin-left: -37px;
	top: 0;
	left: 50%;
	font-size: 28px;
	font-weight: 700;
	border-radius: 50%;
	background-color: #f2f4f6;
	width: 74px;
	height: 74px;
	justify-content: center;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdown__user-label,
.dropdown__user-label:visited,
.dropdown__user-label:active,
.dropdown__user-label:link {
	color: #ffffff;
}

.dropdown__user-nav {
	justify-content: space-between;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdown__user-nav i {
	font-size: 18px;
	color: #5c6166;
}

.dropdown__user-info {
	padding-top: 10px;
	margin-top: 0;
	text-align: center;
}

.dropdown__user-info a {
	font-size: 18px;
	font-weight: 700;
}

.dropdown__user-info a,
.dropdown__user-info a:visited,
.dropdown__user-info a:active,
.dropdown__user-info a:link {
	color: #394047;
}

.dropdown__user-info p {
	margin: 0;
	font-size: 14px;
	color: #8e9091;
}

.dropdown__user-icons a {
	display: block;
	width: 48px;
	margin: 0 15px;
}

.dropdown__user-statistic div {
	margin: 0 7.5px;
	font-size: 14px;
}

.dropdown__user-statistic div span {
	color: #8e9091;
}

.dropdown__user-icons,
.dropdown__user-statistic {
	position: relative;
	padding-top: 24px;
	margin-top: 22px;
	justify-content: center;
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdown__user-icons::before,
.dropdown__user-statistic::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	max-width: 180px;
	top: 0;
	border-top: solid 1px #e9ecee;
}

.dropdown.dropdown--user.dropdown--reverse-y .dropdown__user::after {
	display: none;
}

.category i {
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	background-color: #e9ecee;
	width: 8px;
	height: 8px;
}

.col-xs-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.posts__section-left>*,
.posts__section-right>* {
	align-items: center;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dropdown-a {
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	-ms-transition: color 0.4s;
	-o-transition: color 0.4s;
	transition: color 0.8s;
}

.tt-topic-list .tt-list-search .tt-title {
	color: #303344;
	font-size: 16px;
	font-weight: 500
}

@media (min-width:768px) {
	.tt-topic-list .tt-list-search {
		padding: 0 30px
	}
}

@media (max-width:767px) {
	.tt-user-info .custom-select-01 select {
		width: 23px;
		padding-left: 10px;
		padding-right: 0;
		font-size: 0
	}

	.tt-user-info .custom-select-01 select option {
		font-size: 16px
	}

	.tt-topic-list .tt-list-search {
		padding: 0 20px
	}

	.tt-topic-list .tt-list-search .tt-search {
		width: 244px
	}
}

@media (min-width:576px) {
	.tt-topic-list .tt-list-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (max-width:575px) {
	.tt-topic-list .tt-list-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tt-topic-list .tt-list-search>:not(:first-child) {
		margin-top: 10px
	}
}

.tt-topic-list .tt-topic-alert {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: .01em;
	padding: 6px 6px 7px 123px;
	width: 100%
}

.tt-topic-list .tt-topic-alert.tt-alert-default {
	background-color: #d1e4f9;
	border-left: 2px solid #2172cd
}

.tt-topic-list .tt-topic-alert.tt-alert-default a {
	color: #182730;
	display: inline-block;
	position: relative
}

.tt-topic-list .tt-topic-alert.tt-alert-default a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 5px;
	width: 0%;
	height: 1px;
	margin: auto;
	left: 0;
	right: 0;
	background-color: #182730;
	-webkit-transition: width .2s linear;
	transition: width .2s linear
}

.tt-topic-list .tt-topic-alert.tt-alert-default a:hover:before {
	width: 100%
}

@media (max-width:1229px) {
	.tt-topic-list .tt-topic-alert {
		padding: 6px 6px 7px 103px
	}
}

@media (max-width:1024px) {
	.tt-topic-list .tt-topic-alert {
		padding-left: 23px
	}
}

.tt-topic-list .tt-list-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	color: #303344;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: .01em
}

.tt-topic-list .tt-list-header .tt-col-topic {
	width: 50%;
	-webkit-box-flex: 2;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto
}

.tt-topic-list .tt-list-header .tt-col-category {
	width: 16.66667%
}

.tt-topic-list .tt-list-header .tt-col-value {
	width: 8.33333%
}

.tt-topic-list .tt-list-header .tt-col-value-large {
	width: 95px;
	min-width: 95px
}

.tt-topic-list .tt-list-header>[class^=tt-col] {
	padding: 20px 15px 22px
}

@media (max-width:991px) {
	.tt-topic-list .tt-list-header .tt-col-topic {
		width: 68.66666%
	}

	.tt-topic-list .tt-list-header .tt-col-category {
		width: 23%
	}

	.tt-topic-list .tt-list-header .tt-col-value {
		text-align: right
	}

	.tt-topic-list .tt-list-header .tt-col-category,
	.tt-topic-list .tt-list-header .tt-col-value {
		display: none
	}
}

.tt-topic-list .tt-list-header.tt-border-bottom {
	border-bottom: 2px solid #e2e7ea;
	margin-bottom: 30px
}

.tt-topic-list .tt-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-height: 101px;
	padding: 20px 15px
}

.tt-topic-list .tt-item.tt-itemselect {
	background-color: #f9efe3;
	border-bottom: 1px solid #e2e7ea
}

.tt-topic-list .tt-item:nth-child(even):not(.tt-itemselect):not(.tt-item-popup) {
	background-color: #f2f4f6
}

.tt-topic-list .tt-item:nth-child(odd):not(.tt-itemselect):not(.tt-item-popup) {
	background-color: #fff
}

.tt-topic-list .tt-item .tt-col-avatar .tt-icon {
	width: 40px;
	height: 40px
}

@media (min-width:992px) {
	.tt-topic-list .tt-item .tt-col-avatar {
		width: 8.33333%
	}
}

@media (max-width:991px) {
	.tt-topic-list .tt-item .tt-col-avatar {
		width: 10.33333%
	}
}

@media (max-width:767px) {
	.tt-topic-list .tt-item {
		padding-left: 10px;
		padding-right: 10px
	}

	.tt-topic-list .tt-item .tt-col-avatar {
		width: 12.33333%;
		min-width: 40px;
		margin-right: 20px;
	}
}

@media (max-width:575px) {
	.tt-topic-list .tt-item .tt-col-avatar .tt-icon {
		width: 30px;
		height: 30px
	}
}

.tt-topic-list .tt-item .tt-col-description {
	-webkit-box-flex: 2;
	-ms-flex: 2 1 auto;
	flex: 2 1 auto;
	padding-bottom: 2px
}

@media (min-width:992px) {
	.tt-topic-list .tt-item .tt-col-description {
		width: 41.66667%
	}

	.tt-topic-list .tt-item .tt-desktop-hide {
		display: none
	}
}

@media (max-width:991px) {
	.tt-topic-list .tt-item .tt-col-description {
		width: 58.33333%
	}
}

@media (max-width:767px) {
	.tt-topic-list .tt-item .tt-col-description {
		width: 76.33333%
	}
}

.tt-topic-list .tt-item .tt-col-description .tt-title {
	color: #303344;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	letter-spacing: .01em
}

.tt-topic-list .tt-item .tt-col-description .tt-title a {
	color: #303344;
	-webkit-transition: color .2s linear;
	transition: color .2s linear
}

.tt-topic-list .tt-item .tt-col-description .tt-title a:hover {
	color: #2172cd
}

.tt-topic-list .tt-item .tt-col-description .tt-title .tt-icon {
	width: 18px;
	height: 18px;
	fill: #666f74;
	margin-right: 8px;
	position: relative;
	top: -1px
}

@media (max-width:370px) {
	.tt-topic-list .tt-topic-alert {
		font-size: 14px;
		line-height: 20px
	}

	.tt-topic-list .tt-topic-alert.tt-alert-default a:before {
		bottom: 3px
	}

	.tt-topic-list .tt-item .tt-col-description .tt-title {
		font-size: 14px;
		line-height: 22px
	}

	.tt-topic-list .tt-item .tt-col-description .tt-title .tt-icon {
		width: 15px;
		height: 15px;
		margin-right: 4px
	}
}

.tt-topic-list .tt-item .tt-col-description>:last-child {
	padding-bottom: 0
}

.tt-topic-list .tt-item .tt-col-description>.row>[class^=col]:first-child {
	padding-right: 15px
}

.tt-topic-list .tt-item .tt-col-description>.row .ml-auto {
	text-align: right
}

.tt-topic-list .tt-item .tt-col-description .tt-content {
	color: #666f74;
	font-size: 16px;
	line-height: 26px;
	margin-top: 6px
}

.tt-topic-list .tt-item .tt-col-description .tt-value {
	white-space: nowrap
}

@media (max-width:370px) {
	.tt-topic-list .tt-item .tt-col-description .tt-value {
		font-size: 14px
	}
}

.tt-topic-list .tt-item .tt-col-description>:nth-child(1) {
	margin-top: 0
}

.tt-topic-list .tt-item .tt-col-description>:not(:first-child) {
	margin-top: 6px
}

@media (min-width:992px) {
	.tt-topic-list .tt-item .tt-col-category:not(.tt-col-value-large) {
		width: 16.66667%
	}
}

@media (max-width:991px) {
	.tt-topic-list .tt-item .tt-col-category:not(.tt-col-value-large) {
		width: 23%
	}

	.tt-topic-list .tt-item .tt-col-category {
		display: none
	}
}

.tt-topic-list .tt-item .tt-btn-icon .tt-icon svg {
	width: 22px;
	height: 18px
}

.tt-topic-list .tt-item .tt-col-value {
	width: 8.33333%
}

.tt-topic-list .tt-item .tt-col-value-large {
	width: 95px;
	min-width: 95px
}

@media (min-width:1025px) {
	.toggle-mobile-menu {
		display: none
	}

	.tt-topic-list .tt-item>[class^=tt-col] {
		padding-left: 15px;
		padding-right: 15px
	}

	.tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-avatar {
		margin-right: 30px
	}
}

@media (max-width:1024px) {
	.tt-topic-list .tt-item>[class^=tt-col] {
		padding-left: 10px;
		padding-right: 10px
	}
}

.tt-topic-list .tt-item.tt-item-popup {
	background-color: #1cbbb4;
	color: #fff
}

@media (min-width:992px) {
	.tt-topic-list .tt-item.tt-item-popup .tt-col-message {
		width: 61.33334%
	}
}

@media (max-width:991px) {
	.tt-topic-list .tt-item.tt-item-popup .tt-col-message {
		width: 53.66667%
	}
}

.tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: right
}

.tt-topic-list .tt-item.tt-item-popup .tt-col-btn>[class^=btn]:not(.btn-icon) {
	margin-left: 15px
}

.tt-topic-list .tt-item.tt-item-popup .tt-col-btn .btn-icon {
	margin-left: 5px
}

.tt-topic-list .tt-item.tt-item-popup .btn-icon {
	background: no-repeat;
	border: none;
	outline: 0;
	padding: 15px 0 15px 10px;
	margin: 0
}

.tt-topic-list .tt-item.tt-item-popup .btn-icon .tt-icon {
	width: 13px;
	height: 18px;
	fill: #fff;
	-webkit-transition: fill .2s linear;
	transition: fill .2s linear
}

.tt-topic-list .tt-item.tt-item-popup .btn-icon:hover .tt-icon {
	fill: #333
}

@media (max-width:767px) and (max-width:370px) {
	.tt-topic-list .tt-item.tt-item-popup .tt-col-message {
		font-size: 14px;
		line-height: 22px
	}
}

.tt-topic-list .tt-color-select {
	color: #182730;
	font-weight: 500
}

.tt-topic-list .tt-list-badge {
	margin-top: -8px
}

@media (min-width:992px) {
	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
		width: 33.33332%
	}

	.tt-topic-list .hide-desktope,
	.tt-topic-list .show-mobile {
		display: none
	}
}

@media (max-width:991px) {
	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
		width: 40.99999%
	}

	.tt-topic-list .hide-mobile {
		display: none
	}
}

@media (max-width:767px) {
	.tt-topic-list .tt-item.tt-item-popup {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tt-topic-list .tt-item.tt-item-popup .tt-col-message {
		width: 81.99998%;
		padding-right: 24px
	}

	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
		display: block;
		text-align: left;
		width: 81.99998%;
		margin-left: 12.33333%;
		margin-top: 13px
	}

	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn .btn-icon {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -28px;
		padding-left: 22px;
		padding-right: 22px
	}

	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn [class^=btn] {
		float: left
	}

	.tt-topic-list .tt-item.tt-item-popup .tt-col-btn [class^=btn]:first-child {
		margin-left: 0
	}
}

.tt-list-badge {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	list-style: none;
	padding: 0;
	margin: -8px 0 0 -8px
}

.tt-list-badge li {
	margin-left: 8px;
	margin-top: 8px
}

.tt-list-badge.tt-size-lg {
	margin: -15px 0 0 -15px
}

.tt-list-badge.tt-size-lg li {
	margin: 15px 0 0 15px
}

.tt-list-badge.tt-size-lg .tt-badge {
	height: 39px;
	font-size: 16px;
	padding: 1px 14px 2px;
	letter-spacing: .01em
}

.tt-badge {
	font-size: 14px;
	padding: 1px 7px 2px;
	line-height: 1;
	font-weight: 500;
	height: 25px;
	border: none;
	outline: 0;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 3px;
	color: #fff
}

.tt-badge:not([class^=tt-color]) {
	background-color: #d7dadc;
	color: #182730
}

.tt-badge.tt-color01 {
	background-color: #2e3192
}

.tt-badge.tt-color02 {
	background-color: #4436f8
}

.tt-badge.tt-color03 {
	background-color: #3ebafa
}

.tt-badge.tt-color04 {
	background-color: #777da7
}

.tt-badge.tt-color05 {
	background-color: #f26522
}

.tt-badge.tt-color06 {
	background-color: #464646
}

.tt-badge.tt-color07 {
	background-color: #1cbbb4
}

.tt-badge.tt-color08 {
	background-color: #f4555b
}

.tt-badge.tt-color09 {
	background-color: #00746b
}

.tt-badge.tt-color10 {
	background-color: #f69679
}

.tt-badge.tt-color11 {
	background-color: #7e7b47
}

.tt-badge.tt-color12 {
	background-color: #5674b9
}

.tt-badge.tt-color13 {
	background-color: #3cb878
}

.tt-badge.tt-color14 {
	background-color: #92278f
}

.tt-badge.tt-color15 {
	background-color: #00a651
}

.tt-badge.tt-color16 {
	background-color: #a864a8
}

.tt-badge.tt-color17 {
	background-color: #92278f
}

.tt-badge.tt-color18 {
	background-color: #448ccb
}

.tt-badge.tt-color19 {
	background-color: #39b54a
}

.tt-badge.tt-color20 {
	background-color: #ed9731
}

.tt-badge.tt-color21 {
	background-color: #8781bd
}

.layoutchat .chat {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #eee
}

.layoutchat .chat .chat-body {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 1.5rem
}

.layoutchat .chat .chat-body:not(.no-message) {
	overflow: auto
}

.layoutchat .chat .chat-body.no-message {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.layoutchat .chat .chat-body.no-message .no-message-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.layoutchat .chat .chat-body.no-message .no-message-container svg {
	width: 50px;
	height: 50px;
	stroke: #26a69a;
	fill: #e6e6e6
}

.layoutchat .chat .chat-body.no-message .no-message-container p {
	font-size: 16px;
	color: #828282
}

.layoutchat .chat .chat-body .messages {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.layoutchat .chat .chat-body .messages .message-item {
	max-width: 65%;
	margin-bottom: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.layoutchat .chat .chat-body .messages .message-item:last-child {
	margin-bottom: 0
}

.layoutchat .chat .chat-body .messages .message-item .message-avatar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.layoutchat .chat .chat-body .messages .message-item .message-avatar .avatar {
	margin-right: 1rem
}

.layoutchat .chat .chat-body .messages .message-item .message-avatar h5 {
	font-size: 15px;
	margin-bottom: 0
}

.layoutchat .chat .chat-body .messages .message-item .time {
	color: #828282;
	margin-top: 5px;
	font-size: 12px;
	text-align: right
}

.layoutchat .chat .chat-body .messages .message-item .time .ti-double-check:after,
.layoutchat .chat .chat-body .messages .message-item .time .ti-double-check:before {
	content: "\e64c";
	font-family: themify
}

.layoutchat .chat .chat-body .messages .message-item .time .ti-double-check:after {
	margin-left: -4px
}

.layoutchat .chat .chat-body .messages .message-item .message-content {
	background-color: #fff;
	box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
	padding: 10px 20px;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
}

.layoutchat .chat .chat-body .messages .message-item .message-content.message-file {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	word-break: break-word
}

.layoutchat .chat .chat-body .messages .message-item .message-content.message-file .file-icon {
	font-size: 24px;
	margin-right: 1rem;
	color: #828282
}

.layoutchat .chat .chat-body .messages .message-item .message-content.message-file ul {
	margin-top: 3px;
	margin-bottom: 0
}

.layoutchat .chat .chat-body .messages .message-item .message-content.message-file ul li.list-inline-item {
	margin-left: 0;
	margin-right: .5rem
}

.layoutchat .chat .chat-body .messages .message-item .message-content.message-image img {
	max-width: 200px
}

.layoutchat .chat .chat-body .messages .message-item .message-content+.message-content {
	margin-top: 1rem
}

.layoutchat .chat .chat-body .messages .message-item.outgoing-message {
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.layoutchat .chat .chat-body .messages .message-item.outgoing-message .message-avatar {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.layoutchat .chat .chat-body .messages .message-item.outgoing-message .message-avatar .avatar {
	margin-left: 1rem;
	margin-right: 0
}

.layoutchat .chat .chat-body .messages .message-item.outgoing-message .message-content {
	background-color: #f5f7fb;
	color: #343a40;
	display: table;
	box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
	padding: 10px 20px;
	margin-left: auto
}

.layoutchat .chat .chat-body .messages .messages-divider {
	width: 100%;
	max-width: 100%;
	position: relative
}

.layoutchat .chat .chat-body .messages .messages-divider:before {
	content: attr(data-label);
	display: block;
	position: absolute;
	top: -8px;
	letter-spacing: .5px;
	font-size: 11px;
	padding: 2px 8px;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	background-color: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.layoutchat .chat .chat-footer {
	padding: 1.5rem
}

.layoutchat .chat .chat-footer form {
	background-color: #fff;
	padding: 1rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.layoutchat .chat .chat-footer form .form-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.layoutchat .chat .chat-footer form .form-buttons .btn {
	margin-left: 1rem
}

.layoutchat .chat+.sidebar-group {
	margin-right: 0
}

.layoutchat .chat+.sidebar-group .sidebar {
	margin-right: 0
}

@media screen and (max-width:992px) {
	header.main-header #logo {
		width: auto;
		background: 0 0
	}

	header.main-header .header-nav {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background: #fff;
		width: 70%;
		-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
		-moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
		box-shadow: 0 0 30px rgba(0, 0, 0, .15)
	}

	header.main-header .header-nav .nav {
		display: block
	}

	header.main-header .header-nav .nav li a {
		color: #000;
		height: auto;
		line-height: inherit;
		display: block;
		padding: 15px 30px
	}

	header.main-header .header-nav.open {
		display: block
	}

	header.main-header .navbar-toggler {
		display: block
	}

	.layoutchat .chat {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 997
	}

	.layoutchat .chat.show {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}

	.layoutchat .chat .chat-footer {
		padding: 0
	}

	.layoutchat .chat .chat-footer form {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}

	.sidebar {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		width: 100% !important
	}

	.sidebar form {
		padding-top: 0 !important
	}

	.sidebar .list-group-item.active-chat:after {
		display: none !important
	}

	.sidebar .list-group-item.active-chat .users-list-body p {
		font-weight: 400 !important;
		color: inherit !important
	}

	.sidebar .list-group-item .users-list-body p {
		white-space: normal !important;
		-o-text-overflow: inherit !important;
		text-overflow: inherit !important
	}
}

@media screen and (max-width:768px) {
	.layout {
		height: -webkit-calc(100vh - 60px - 56px);
		height: -moz-calc(100vh - 60px - 56px);
		height: calc(100vh - 60px - 56px)
	}

	.layoutchat .chat .chat-body .messages .message-item {
		max-width: 100% !important
	}

	body.form-membership {
		padding: 1.5rem
	}

	body.form-membership .form-wrapper {
		padding: 2rem;
		width: 100% !important;
		margin: 0
	}
}

.business-list .business-item:nth-child(1) {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.business-list .business-item:nth-child(2) {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.business-list .business-item:nth-child(3) {
	-webkit-animation-duration: 1.4s;
	-moz-animation-duration: 1.4s;
	-o-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.business-list .business-item:nth-child(4) {
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.business-list {
	width: 100%;
	margin-left: -1%;
}

.business-list .business-item {
	float: left;
	width: 100%;
	margin: 0 1%;
	position: relative;
}

.business-list .business-item:hover .business-effect {
	background: rgba(0, 0, 0, 0.7) !important;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


.business-list .business-item:hover .business-txt p {
	height: 100px;
}

.business-list .business-item:hover .business-txt a {
	opacity: 1;
}

.business-list .business-item:nth-child(even) {
	top: -60px;
}

.business-list .business-item>img {
	display: block;
	width: 100%;
	height: 400px;
}

.business-list .business-item .business-effect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}


.business-list .business-item .business-txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	padding: 5% 5%;
	text-align: center;
	z-index: 3;
}

.business-list .business-item .business-txt .business-txt-table {
	width: 100%;
	height: 100%;
	display: table;
}

.business-list .business-item .business-txt .business-txt-table .business-txt-cell {
	display: table-cell;
	vertical-align: middle;
}

.business-list .business-item .business-txt img {
	display: block;
	margin: 20% auto 0;
}

.business-list .business-item .business-txt h4 {
	font-size: 24px;
	color: #fff;
	margin-top: 5%;
}

.business-list .business-item .business-txt span {
	display: block;
	width: 50px;
	height: 3px;
	margin: 5% auto;
	background: #fff;
}

.business-list .business-item .business-txt p {
	height: 0;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	padding: 0 10%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}

.business-list .business-item .business-txt a {
	opacity: 0;
	display: block;
	font-size: 16px;
	color: #fff;
	width: 118px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #fff;
	margin: 5% auto;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.vsgallery {
	display: flex
}

.vsgallery .hero {
	margin-top: 1px;
	flex-basis: 35%;
	position: relative
}

.vsgallery .other {
	flex-wrap: wrap;
	flex-basis: 65%;
	display: flex;
	position: relative
}

.vsgallery .other .item {
	margin: 1px 0 0 1px;
	flex-basis: calc(33.33% - 1px);
	position: relative
}

.vsgallery .info {
	font-size: .8125rem;
	opacity: 0;
	color: #111;
	padding: 10px;
	background-color: rgba(255, 255, 255, .7);
	right: 0;
	bottom: 0;
	position: absolute;
	transition: all .2s ease-in-out
}

.vsgallery img {
	height: 100%;
	width: 100%
}

.vsgallery .img {
	overflow: hidden
}

.vsgallery .img:hover .info,
.vsgallery .img:active .info,
.vsgallery .img:focus .info {
	opacity: 1
}


.litalink-search-dropdown-container {
	position: absolute;
	width: 100%;
	padding: 10px 15px;
	top: -9999px;
	background: #fff;
	-webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2);
	border-radius: 5px;
	opacity: 0;
	z-index: 999;
	-webkit-transition: opacity .5s linear;
	transition: opacity .5s linear
}

.litalink-search-dropdown-container .result-list-header {
	font-size: 14px;
	color: #b3b3b3;
	position: relative
}

.litalink-search-dropdown-container .result-list-header .remove {
	color: #666;
	position: absolute;
	top: 3px;
	right: 0;
	display: inline-block;
	padding-left: 20px;
	cursor: pointer;
	font-size: 12px
}

.litalink-search-dropdown-container .result-list-header .remove .icon {
	display: inline-block;
	font-size: 16px;
	vertical-align: -1px
}

.litalink-search-dropdown-container .result-list-header .remove:hover {
	color: #ff4141
}

.litalink-search-dropdown-container .result-list-body {
	overflow: hidden;
	margin: 5px 0 5px -10px
}

.litalink-search-dropdown-container .result-list-item {
	display: inline-block;
	width: 33.33333%;
	text-align: center
}

.litalink-search-dropdown-container .result-list-link {
	display: block;
	height: 100%;
	background: rgba(0, 0, 0, .05);
	border-radius: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	padding: 5px;
	margin: 2px 0 2px 10px;
	color: #000;
	font-size: 12px
}

.litalink-search-dropdown-container .result-list-link:hover {
	color: #ff4141;
	background: rgba(255, 65, 65, .06)
}

.litalink-search-dropdown-container .item-ul.topic_n .item-li a {
	font-size: 14px
}

.litalink-search-dropdown-container.show {
	opacity: 1;
	top: 48px
}

.search-wrap {
	width: 420px;
	height: 100%;
	position: relative
}

.search-wrap .input {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ececec;
	padding-left: 20px;
	width: 100%;
	caret-color: #ff4141;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	font-size: 14px;
	border: 1px solid #c5c5c5;
	border-top-left-radius: 19px;
	border-bottom-left-radius: 19px
}


.search-wrap .input:focus {
	border-color: #ff4141
}

.item-ul {
	counter-reset: item;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.item-ul .item-li {
	padding: 0;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.item-ul .item-li-link {
	margin: 0 -5px;
	padding: 5px;
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	cursor: pointer;
	border-radius: 3px
}

.item-ul .item-li-link i {
	font-style: normal;
	color: #ff4141
}

.item-ul .item-li-link:hover {
	color: #ff4141;
	background-color: rgba(255, 65, 65, .05)
}

.item-ul.topic_n .item-li-link {
	padding-left: 25px;
	font-size: 16px
}

.item-ul.topic_n .item-li:before {
	font-size: 12px;
	counter-increment: item;
	content: counter(item);
	width: 16px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	left: 0;
	border-radius: 3px;
	font-weight: 400;
	color: #fff;
	top: 50%;
	margin-top: -8px;
	background-color: #b3b3b3;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	letter-spacing: -2px;
	text-align: center;
	text-indent: -3px
}

.item-ul.topic_n .item-li:last-child {
	border-bottom: none
}

.item-ul.topic_n .item-li:first-child:before,
.item-ul.topic_n .item-li:nth-child(2):before,
.item-ul.topic_n .item-li:nth-child(3):before {
	background-color: #ff4141
}


.litalink-share-box {
	text-align: center;
	position: fixed;
	box-shadow: 0px 0px 10px 1px #f5f5f5;
	padding: 15px 15px;
	border-radius: 6px;
	border: #f5f5f5 1px solid;
	border-bottom: 0;
	background: #fff;
	top: 190px;
	left: 50%;
	margin-left: -646px;
	z-index: 88
}

.litalink-share-box .icon-warp {
	padding-bottom: 12px
}

.litalink-share-box .icon-warp .sharetext {
	position: relative;
	top: -6px
}

.litalink-share-box .icon-warp .tip {
	width: 221px;
	height: 26px;
	background: #aa0000;
	box-shadow: 0 4px 8px 0 rgba(170, 0, 0, 0.4);
	border-radius: 6px;
	position: absolute;
	right: -220px;
	top: 0;
	box-sizing: border-box
}

.litalink-share-box .icon-warp .tip .text {
	font-size: 12px;
	color: #fff;
	line-height: 26px;
	padding-left: 4px
}

.litalink-share-box .icon-warp .tip .js-close {
	position: relative;
	top: 1px;
	font-size: 14px;
	color: rgba(255, 255, 255, .6);
	line-height: 26px;
	cursor: pointer
}

.litalink-share-box .icon-warp .tip::before {
	position: absolute;
	left: -6px;
	top: 6px;
	content: '';
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 6px solid #aa0000;
	border-bottom: 7px solid transparent
}

.litalink-share-box .sharetext {
	margin-bottom: 8px;
	font-size: 12px;
	color: #9199a1
}

.litalink-share-box .icon-warp2 {
	width: 36px;
	padding-bottom: 16px;
	position: relative
}

.litalink-share-box .weichat-posi {
	width: 36px;
	height: 262px
}

.litalink-share-box .weichat-posi span {
	font-size: 12px;
	color: #9199a1;
	line-height: 18px
}

.litalink-share-box .active-star {
	color: #4d555d !important
}

.litalink-share-box .active-star:hover {
	color: #4d555d !important
}

.litalink-share-box .small-share .weichat-posi {
	height: auto;
	padding-left: 0
}

.litalink-share-box .small-share .weichat-posi .praise-box {
	position: relative;
	width: 100%;
	left: -2px;
	text-align: center;
	padding-bottom: 12px
}

.litalink-share-box .small-share .weichat-posi .praise-box button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(170, 0, 0, 0.1);
	border: none;
	position: relative;
	display: block;
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.litalink-share-box .small-share .weichat-posi .praise-box button .imv2-thumb_up {
	line-height: 24px;
	position: relative;
	display: inline-block;
	font-size: 24px;
	color: #aa0000;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}

.litalink-share-box .small-share .weichat-posi .praise-box button .praised {
	color: #fff
}

.litalink-share-box .small-share .weichat-posi .praise-box button .praised:hover {
	color: #fff
}

.litalink-share-box .small-share .weichat-posi .praise-box button svg {
	left: 0
}

.litalink-share-box .small-share .weichat-posi .praise-box button:focus,
.litalink-share-box .small-share .weichat-posi .praise-box button:hover {
	outline: 0
}

.litalink-share-box .small-share .weichat-posi .praise-box button:hover {
	background: #aa0000
}

.litalink-share-box .small-share .weichat-posi .praise-box button:hover .imv2-thumb_up {
	color: #fff
}

.litalink-share-box .small-share .weichat-posi .icon-nav {
	width: 24px;
	height: 24px;
	font-size: 24px;
	color: #b2b8bd;
	line-height: 24px;
	border-radius: 50%
}

.litalink-share-box .small-share .weichat-posi .icon-nav:hover {
	color: #aa0000
}

.litalink-share-box .small-share .weichat-posi .line {
	width: 24px;
	height: 1px;
	margin: 4px auto 8px auto;
	background: rgba(28, 31, 33, .1)
}

.litalink-share-box .small-share .weichat-posi .dc-follow {
	cursor: pointer;
	height: 18px;
	line-height: 18px
}

.litalink-share-box .small-share .weichat-posi .dc-follow i,
.litalink-share-box .small-share .weichat-posi .dc-follow span {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	line-height: 18px
}

.litalink-share-box .small-share .weichat-posi .dc-follow i {
	margin: -5px 5px 0 0;
	font-size: 22px;
	color: #787d82
}

.litalink-share-box .small-share .weichat-posi .dc-follow span {
	font-size: 12px
}

.litalink-share-box .small-share .weichat-posi .dc-follow:hover i {
	color: #f01400
}

.litalinkLeftImg1 {
	background: url(../images/original.png);
	background-size: 64px;
	background-position: 0 64px;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 888
}

.litalinkLeftImg2 {
	background: url(../images/original.png);
	background-size: 64px;
	background-position: 64 64px;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 888
}

.aside .user {
	display: flex;
	flex-flow: column;
	align-items: center;
	padding-bottom: 29px;
	margin: 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.aside .user .avatar {
	margin-top: 37px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #f5f5f5
}

.aside .user .name {
	margin-top: 24px;
	opacity: .9;
	font-family: PingFangSC-Semibold;
	font-size: 18px;
	color: #000;
	letter-spacing: 0;
	text-align: center;
	min-height: 18px;
	line-height: 18px
}

.aside .user .vlog {
	display: flex;
	align-items: center;
	margin-top: 28px
}

.aside .user .vlog span {
	display: inline-block;
	max-width: 155px;
	font-family: PingFangSC-Regular;
	font-size: 13px;
	color: #000;
	letter-spacing: 0;
	line-height: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.aside .user .vlog:before {
	content: "";
	flex-shrink: 0;
	display: inline-block;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: sub;
	background-repeat: no-repeat;
	background-size: contain
}

.aside .user .desc {
	display: flex;
	align-items: center;
	margin-top: 10px
}

.aside .user .desc span {
	display: inline-block;
	max-width: 355px;
	font-size: 13px;
	color: #000;
	letter-spacing: 0;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.aside .user .desc:before {
	content: "";
	display: inline-block;
	margin-right: 4px;
	height: 20px;
	width: 20px;
	vertical-align: sub;
	background-repeat: no-repeat;
	background-size: contain
}

.fansCard {
	position: relative;
}

.fansCard .ant-checkbox-wrapper {
	position: absolute;
	right: 12px;
	top: 12px;
}

.fansCard .ant-checkbox-wrapper .ant-checkbox-inner {
	border-radius: 50%;
}

.fansCard .fan-card-wrap {
	width: 453px;
	display: flex;
	border: 1px solid #E9ECF3;
	border-radius: 8px;
	padding: 19px 0 0 24px;
}

.fansCard .fan-card-wrap .fan-avatar {
	width: 50px;
	height: 50px;
	margin-top: 5px;
	position: relative;
}

.fansCard .fan-card-wrap .fan-avatar img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.fansCard .fan-card-wrap .fan-avatar .usercard-icon {
	position: absolute;
	right: -4px;
	bottom: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.fansCard .fan-card-wrap .fan-pointer {
	cursor: pointer;
}

.fansCard .fan-card-wrap .fan-popover-content {
	flex-grow: 1;
	padding-left: 12px;
	line-height: 25px;
	font-size: 14px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-name {
	line-height: 24px;
	display: inline-block;
	color: #333333;
	margin-right: 4px;
	vertical-align: middle;
}

.fansCard .fan-card-wrap .fan-popover-content .is-group-member {
	display: inline-block;
	text-align: center;
	line-height: 20px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: bold;
	color: #4E5B76;
	border-radius: 10px;
	background-color: #E9ECF3;
	vertical-align: middle;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-sign {
	width: 320px;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-sign .fans-mark-icon {
	cursor: pointer;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-sign .fans-mark-icon svg {
	width: 13px;
	height: 13px;
	margin-left: 6px;
	margin-bottom: -2px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-sign .fans-mark-icon:hover {
	color: #3855D5;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-sign .fan-sign-span {
	color: #666;
	margin-left: 10px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-nums {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 6px;
	margin-bottom: 17px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-popover-action {
	padding-top: 5px;
	padding-bottom: 10px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow {
	width: 64px;
	height: 32px;
	margin-right: 16px;
	border-radius: 4px;
	border: 1px solid #E9ECF3;
	text-align: center;
	line-height: 32px;
	margin-bottom: 12px;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
	padding: 0;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow:last-of-type {
	margin-right: 0;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow .follow-add {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow .follow-add img {
	margin-right: 6px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow.primary {
	border: 1px solid #3855D5;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-follow strong {
	font-size: 16px;
	vertical-align: 1px;
	line-height: 14px;
}

.fansCard .fan-card-wrap .fan-popover-content .add-blacklist {
	width: 84px;
}

.fansCard .fan-card-wrap .fan-popover-content .fan-time {
	color: #666;
	font-size: 14px;
	padding-left: 10px;
}



.new-textlist {
	padding: 0 16px;
	font-size: 0;
}

.new-textlist .item {
	display: inline-block;
	width: calc(50% - 12px);
	position: relative;
	padding: 16px 25px 16px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 16px;
	vertical-align: top;
	min-height: 170px;
}

.new-textlist .item .item-title {
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	text-orientation: upright;
	position: absolute;
	top: 16px;
	left: 25px;
	bottom: 25px;
	width: 40px;
	line-height: 40px;
}

.new-textlist .item .item-title .txt-box {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	color: #ffffff;
	padding: 8px 0;
	font-size: 16px;

}

.new-textlist .item .item-title .more {
	font-size: 14px;
}

.new-textlist .item:nth-of-type(2n+1) {
	margin-right: 24px;
}

.new-textlist .item:nth-of-type(2n+1) .item-title {
	border-right: 2px solid #aa0000;
}

.new-textlist .item:nth-of-type(2n+1) .txt-box {
	background: #aa0000;
}

.new-textlist .item:nth-of-type(2n+2) .item-title {
	border-right: 2px solid #B02F30;
}

.new-textlist .item:nth-of-type(2n+2) .txt-box {
	background: #B02F30;
}

.new-textlist .item-text-list li {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 16px;
	cursor: pointer;
}

.new-textlist .item-text-list li .time {
	margin-right: 23px;
}

/*布局适配*/
.new-textlist .item {
	width: 100%;
	margin-right: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.new-textlist {
		padding-bottom: 0 !important;
	}

	.new-textlist .item {
		width: 100%;
		margin: 0 !important;
		padding-bottom: 0 !important;
	}

	.new-textlist .item-text-list li:nth-of-type(n+11),
	.new-textlist .item:nth-of-type(n+2) {
		display: none;
	}
}


.grid {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin: 0 0 26px;
	text-align: center;
	cursor: pointer
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0
}

.grid figure h2 {
	word-spacing: -.15em;
	font-weight: 300
}

.grid figure h2 span {
	font-weight: 800
}

.grid figure h2,
.grid figure p {
	margin: 0
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%
}

figure.effect-chico {
	margin: 0
}

figure.effect-chico img {
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	width: 100%
}

figure.effect-chico:hover img {
	-webkit-transform: scale(1);
	transform: scale(1)
}

figure.effect-chico figcaption {
	padding: 3em
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}

.effect-caption-wrap {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%)
}

figure.effect-chico h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	ffont-family: 'Roboto', sans-serif;
	text-transform: capitalize;
	text-shadow: 1px 0 30px #000
}

@media(max-width:1200px) {
	figure.effect-chico h2 {
		font-size: 26px
	}
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	font-family: roboto, sans-serif;
	font-size: 16px;
	text-shadow: 1px 0 30px #000;
	color: #fff;
	padding: 10px
}

@media(max-width:1200px) {
	figure.effect-chico p {
		font-size: 18px;
		line-height: 1.3
	}
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

@media screen and (max-width:50em) {
	.content {
		padding: 0 10px;
		text-align: center
	}

	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%
	}
}

.single-service-items {
	background-color: rgb(255, 255, 255);
	box-shadow: -14px 12px 20px 11px rgb(54 54 54 / 8%);
	padding: 20px 30px;
	border-radius: 50px 0px 50px 0px;
}

.specialtopic {
	padding: 36px 0;
}

.specialtopic .block {
	-ms-flex-direction: column;
	flex-direction: column;
}

.specialtopic .title {
	max-width: none;
}

.specialtopic .title .fz40 {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	writing-mode: lr-tb;
}

.specialtopic .title .more {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	margin-top: 10px;
	writing-mode: lr-tb;
}

.specialtopic .title .more i {
	margin-bottom: 0;
	margin-right: 10px;
}

.specialtopic .list {
	margin: 20px 0 0;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex: none;
	flex: none;
}

.specialtopic .item {
	opacity: 1 !important;
	transform: none !important;
	height: 80vw;
	margin: 0;
	margin-left: 1px;
}

.specialtopic .item .more1 {
	right: 10px;
}

.specialtopic .item .tit {
	left: 12px;
	top: 12px;
	max-height: 80%;
}

.specialtopic .item .tit .h {
	font-size: 18px;
}

.specialtopic .item .tit .h br {
	display: none;
}

.specialtopic .item:hover .pic {
	transform: none;
}


.specialtopic .block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.specialtopic .title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-shrink: 0;
	text-align: left;
	max-width: 50px;
	margin: 20px 0 0;
}

.specialtopic .title .fz40 {
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
}

.specialtopic .title .more {
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	font-size: 14px;
	margin-top: 50px;
}

.specialtopic .title .more i {
	margin-right: 0;
}

.specialtopic .list {
	display: -ms-flexbox;
	display: flex;
	/* margin-left: 70px; */
	-ms-flex: 1;
	flex: 1;
}

.specialtopic .item {
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
	height: 600px;
	color: #fff;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 1s ease-out 0s;
	transform: translateY(-80px);
	opacity: 0;
}

.specialtopic .item:nth-child(1) {
	margin-left: 0;
}

.specialtopic .item:nth-child(1) {
	transform: translateY(-50px);
}

.specialtopic .item:nth-child(2) {
	transform: translateY(50px);
}

.specialtopic .item:nth-child(3) {
	transform: translateY(-50px);
}

.specialtopic .item:nth-child(4) {
	transform: translateY(50px);
}

.specialtopic.showdiv .item {
	transform: none;
	opacity: 1;
}

.specialtopic .item .pic {
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.6s ease-out 0s;
}

.specialtopic .item:hover .pic {
	transform: scale(1.1);
}

.specialtopic .item .tit {
	position: absolute;
	left: 30px;
	top: 40px;
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	max-height: 70%;
}

.specialtopic .item .tit .h {
	font-size: 24px;
}

.specialtopic .item .tit .p {
	margin-left: 10px;
}

.specialtopic .item .more1 {
	position: absolute;
	right: 30px;
	bottom: 0px;
	writing-mode: tb-lr;
	writing-mode: vertical-lr;
	text-align: center;
}

.specialtopic .item .more1:after {
	content: "";
	border-left: 1px solid #fff;
	display: inline-block;
	height: 40px;
	margin-top: 8px;
}

.specialtopic .item a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.specialtopic .btns {
	text-align: center;
	margin-top: 30px;
}

.specialtopic .list .inner {
	position: relative;
	flex-grow: 2;
}

.more {
	color: #94070a;
	display: inline-block;
	line-height: 45px;
}

.more i {
	float: left;
	width: 45px;
	height: 45px;
	background-size: contain;
}

.xds_list {
	border: #eee 1px solid;
	-moz-box-shadow: 0px 0px 10px #eee;
	-webkit-box-shadow: 0px 0px 10px #eee;
	box-shadow: 0px 0px 10px #eee;
}

.xds_listwz {
	background: url(../images/xds_wz.png) no-repeat left center;
	border-right: #eee 1px solid;
}

.xds_listwz h2 {
	color: #333;
	background: url(../images/xds_jt.png) no-repeat right center;
}

.xds_listwz p {
	color: #666;
	overflow: hidden;
}

.xds_list span {
	color: #cb2a30;
	/* text-align:center; */
}

.xds_list span b {
	display: inline-block;
}

.xds_list:hover {
	background-image: url(../images/bg75.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* background:#cb2a30; */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.xds_list:hover .xds_listwz {
	background: url(../images/xds_wzhv.png) no-repeat left center;
}

.xds_list:hover .xds_listwz h2 {
	background: url(../images/xds_jt.png) no-repeat right center;
}

.slidimg {
	height: 550px;
}

@media screen and (min-width: 1200px) {
	.xds_list {
		width: 100%;
		float: left;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	.xds_listwz {
		float: left;
		width: 76%;
		margin-left: 3%;
		padding: 2% 4% 2% 3%;
	}

	.xds_listwz h2 {
		width: 100%;
		float: left;
		font-size: 18px;
		line-height: 40px;
		margin-bottom: 3px;
	}

	.xds_listwz p {
		width: 100%;
		float: left;
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.xds_list span {
		width: 13%;
		float: right;
		font-size: 14px;
	}

	.xds_list span b {
		font-size: 50px;
		margin-top: 18%;
	}

	.slidimg {
		height: 450px;
	}
}

@media only screen and (min-width: 1050px) and (max-width:1199px) {
	.xds_list {
		width: 100%;
		float: left;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	.xds_listwz {
		float: left;
		width: 76%;
		margin-left: 3%;
		padding: 2% 4% 2% 3%;
	}

	.xds_listwz h2 {
		width: 100%;
		float: left;
		font-size: 18px;
		line-height: 40px;
		margin-bottom: 3px;
	}

	.xds_listwz p {
		width: 100%;
		float: left;
		font-size: 16px;
		color: #666;
		line-height: 28px;
		height: 56px;
	}

	.xds_list span {
		width: 13%;
		float: right;
		font-size: 14px;
	}

	.xds_list span b {
		font-size: 50px;
		margin-top: 18%;
	}

}

@media only screen and (min-width: 720px) and (max-width:1049px) {
	.xds_list {
		width: 100%;
		float: left;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	.xds_listwz {
		float: left;
		width: 76%;
		margin-left: 3%;
		padding: 2% 4% 2% 3%;
	}

	.xds_listwz h2 {
		width: 100%;
		float: left;
		font-size: 16px;
		line-height: 40px;
		margin-bottom: 3px;
	}

	.xds_listwz p {
		width: 100%;
		float: left;
		font-size: 14px;
		line-height: 24px;
		height: 48px;
	}

	.xds_list span {
		width: 13%;
		float: right;
		font-size: 14px;
	}

	.xds_list span b {
		font-size: 40px;
		margin-top: 18%;
	}

}

@media only screen and (min-width: 320px) and (max-width:719px) {
	.xds_list {
		width: 98%;
		float: left;
		margin: 0px 1% 1%;
		box-sizing: border-box;
	}

	.xds_listwz {
		float: left;
		width: 72%;
		margin-left: 3%;
		padding: 2% 4% 2% 3%;
		background: url(../images/ic_yel.jpg) no-repeat left 17px;
	}

	.xds_listwz h2 {
		width: 100%;
		float: left;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
		background: none;
	}

	.xds_listwz p {
		width: 100%;
		float: left;
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}

	.xds_list span {
		width: 25%;
		float: right;
		font-size: 12px;
		text-align: center;
	}

	.xds_list span b {
		font-size: 20px;
		margin-top: 25%;
	}

	.slidimg {
		height: 210px;
	}
}

.search {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 20px;
	/* width: 440px; */
	height: 36px;
	background: #f6f7fb;
	border-radius: 20px;
	padding-right: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search .input-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 15px;
	margin-right: 15px;
}

.search .input-wrapper .input {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	color: #353535;
	outline: 0;
	border: none;
	background: 0 0;
}

.search .search-btn {
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #888;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gc-icon {
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
}

.search-box-litalink {
	position: absolute;
	z-index: 9999;
	top: 44px;
	left: 0;
	/* width: 440px; */
	background: #fff;
	-webkit-box-shadow: 0 0 9px 0 rgb(198 198 223 / 24%);
	box-shadow: 0 0 9px 0 rgb(198 198 223 / 24%);
	border-radius: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hotsearch {
	padding: 3px 0 0 15px;
}

.hot-title {
	position: relative;
	padding-left: 16px;
	font-size: 12px;
	font-weight: 400;
	color: #888;
	text-align: left;
}

.hot-title:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -2px;
	width: 17px;
	height: 20px;
	background: url(../images/fire.png) no-repeat 50%;
	background-size: contain;
}

.search-hotlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 14px;
}

.hotitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 12px;
	margin-bottom: 15px;
	min-width: 50px;
	height: 30px;
	padding: 0 12px;
	background: #f8f9fc;
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.hotitem img {
	width: 30px;
	height: 23px;
	margin-right: 1px;
	margin-left: -3px;
}

.hotitem .txt {
	max-width: 144px;
	font-size: 13px;
	font-weight: 400;
	color: #404040;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.title-container {
	margin: 0 auto 10px;
	width: 150px;
	height: 42px;
	position: relative;
}

.title-container .title-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 42px;
	font-size: 30px;
	font-weight: 500;
	color: #232832;
	line-height: 42px;
	text-align: center;
	z-index: 1;
	width: 100%;
}

.title-container .title-logo {
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: 5px;
	left: 0;
	border-radius: 7px;
	background: linear-gradient(90deg, rgba(170, 0, 0, 0.37), #fff);
	z-index: 0;
}



@media screen and (min-width: 1200px) {
	.logosize {
		width: 260px !important;
		height: auto;
		max-width: 100%;
	}

}

@media only screen and (min-width: 1050px) and (max-width:1199px) {
	.logosize {
		width: 260px !important;
		height: auto;
		max-width: 100%;
	}
}

@media only screen and (min-width: 720px) and (max-width:1049px) {
	.logosize {
		width: 200px !important;
		height: auto;
		max-width: 100%;
		margin-top: 10px;
	}
}

@media only screen and (min-width: 320px) and (max-width:719px) {
	.logosize {
		width: 200px !important;
		height: auto;
		max-width: 100%;
		margin-top: 10px;
	}
}




.actions-Items {
	right: 0;
	top: 0;
	width: 50%;
	height: 100%
}

.actions-Items .items-inner {
	width: 100%;
	height: 100%;
	position: relative;
	margin-left: -1px;
}

.actions-Items .items-inner .item {
	/* width: 114px; */
	height: 24px;
	cursor: pointer
}

.actions-Items .items-inner .item-common {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	position: relative
}

.actions-Items .items-inner .item-icon {
	width: 68px;
	height: 44px;
	background-repeat: no-repeat;
	background-size: 68px 44px;
	background-image: url(../images/ic_float@2x.fd576ba6.png);
	font-size: 12px;
	color: #787878;
	letter-spacing: 0;
	text-align: center;
	line-height: 38px;
	position: absolute;
	top: -67px;
	left: -22px
}

.actions-Items .items-inner .item-count-common {
	font-size: 12px;
	color: #a7a7a7;
	letter-spacing: 0;
	position: absolute;
	top: 4px;
	left: 22px;
	width: 35px;
	text-align: left;
	padding-left: 6px
}


.actions-Items .items-inner .item2 {
	/* left: 115px;
	box-sizing: border-box;
	padding-left: 22px; */
	/* border-left: 1px solid #ddd */
}

.actions-Items .items-inner .item2 .item-share-weixin {
	background-image: url(../images/ic_tab_wechat_normal@2x.9aed0504.png);
	margin-right: 20px;
	position: relative
}

.actions-Items .items-inner .item2 .item-share-weixin .weixin-icon {
	display: none;
	width: 218px;
	height: 110px;
	background-size: 218px 110px;
	background-image: url(../images/ic_float_wechats@2x.3c28308d.png);
	top: -134px;
	left: -100px;
	padding: 12px 11px 20px 12px;
	overflow: hidden
}

.actions-Items .items-inner .item2 .item-share-weixin .weixin-icon .weixin-code {
	float: left;
	width: 78px;
	height: 78px;
	background-repeat: no-repeat;
	background-size: 78px 78px
}

.actions-Items .items-inner .item2 .item-share-weixin .weixin-icon canvas {
	float: left;
	width: 78px;
	height: 78px;
	background-repeat: no-repeat;
	background-size: 78px 78px
}


.actions-Items .items-inner .item2 .item-share-weixin .weixin-icon .weixin-txt {
	float: right;
	width: 109px;
	height: 51px;
	font-size: 12px;
	color: #787878;
	letter-spacing: 0;
	line-height: 18px;
	text-align: left;
	margin-top: 10px
}

.actions-Items .items-inner .item2 .item-share-weixin:hover {
	background-image: url(../images/ic_tab_wechat_selected@2x.b16ea560.png)
}

.actions-Items .items-inner .item2 .item-share-weixin:hover .weixin-icon {
	display: block
}

.actions-Items .items-inner .item2 .item-share-weibo {
	background-image: url(../images/ic_tab_webio_normal@2x.3ad3f876.png);
	position: relative
}

.actions-Items .items-inner .item2 .item-share-weibo .weibo-icon {
	display: none
}

.actions-Items .items-inner .item2 .item-share-weibo:hover {
	background-image: url(../images/ic_tab_webio_selected@2x.19bd1374.png)
}

.actions-Items .items-inner .item2 .item-share-weibo:hover .weibo-icon {
	display: block
}

.landscape-tips-bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.landscape-tips {
	position: fixed;
	left: 15%;
	top: 50%;
	right: 15%;
	z-index: 99;
	display: none;
}

.landscape-tips_img {
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 40px;
	padding: 0 80px;
	text-align: center;
}

.landscape-tips_img img {
	width: 100%;
}

.landscape-tips_button {
	text-align: center;
	margin-top: 5%;
}

.landscape-tips_button .anticon-cli-close {
	font-size: 200%;
	color: rgba(0, 0, 0, 0.6);
}

@media screen and (orientation:portrait) and (max-device-width: 500px) and (min-device-width: 320px) {

	.landscape-tips-bg,
	.landscape-tips {
		display: block;
	}
}

@media screen and (orientation:landscape) and (max-device-width: 500px) and (min-device-width: 320px) {

	.landscape-tips-bg,
	.landscape-tips {
		display: none;
	}
}


.card-block {
	height: 220px;
	background: #6236FF;
	border-radius: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
	color: #fff;
	position: relative
}

.card-block .card-main {
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
	position: absolute;
	border-radius: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: flex-end;
	padding: 20px 24px
}

.card-block .card-button {
	position: absolute;
	right: 10px;
	top: 10px
}

.card-block .card-button>.btn {
	background: transparent !important;
	color: #fff !important
}

.card-block span.label {
	font-size: 11px;
	letter-spacing: 1px;
	opacity: 0.5;
	line-height: 1em;
	margin-bottom: 5px;
	text-transform: uppercase;
	display: block;
	font-weight: 500
}

.card-block .in .card-number {
	font-size: 17px;
	letter-spacing: 3px;
	font-weight: 500
}

.card-block .in .card-expiry {
	font-size: 14px;
	font-weight: 500;
	margin-right: 20px
}

.card-block .in .card-ccv {
	font-weight: 500;
	font-size: 14px
}

.card-block .bottom {
	display: flex;
	align-items: center;
	margin-top: 20px
}

.card-block .balance {
	position: absolute;
	left: 24px;
	top: 24px
}

.card-block .balance .title {
	font-weight: 700;
	color: #fff;
	margin-top: 7px;
	font-size: 24px
}


.transactions .item {
	background: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	padding: 20px 24px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.transactions .item:last-child {
	margin-bottom: 0
}

.transactions .item p {
	font-size: 11px;
	margin: 0;
	color: #958d9e;
	font-weight: 500
}

.transactions .item .detail {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.2em
}

.transactions .item .detail .image-block {
	margin-right: 16px
}

.transactions .item .detail strong {
	display: block;
	font-weight: 500;
	color: #27173E;
	margin-bottom: 3px
}

.transactions .item .right {
	padding-left: 10px
}

.transactions .item .right .price {
	font-weight: 700;
	color: #27173E;
	letter-spacing: -0.03em
}

.ba-add-balance-inner {
	border-radius: 6px;
}

.ba-add-balance-inner .btn {
	width: 100%;
	margin-bottom: 20px;
}

.ba-add-balance-btn {
	cursor: pointer;
	display: block;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 7px;
	padding: 25px 10px;
}

.ba-add-balance-btn img {
	margin-bottom: 12px;
	border-radius: 50%;
}

.ba-add-balance-btn h6 {
	margin-bottom: 0;
}

.add-balance-inner-wrap {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -500px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 10;
	background: #fff;
}

.add-balance-inner-wrap.add-balance-inner-wrap-show {
	bottom: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.ba-add-balance-title {
	background: #fff;
	border-radius: 60px;
	display: block;
	overflow: hidden;
	padding: 0;
	padding-left: 25px;
}

.ba-add-balance-title h5 {
	margin-bottom: 0;
	float: left;
	padding-top: 20px;
	font-size: 16px;
}

.ba-add-balance-title i {
	color: #fff;
	float: right;
	background: var(--main-color);
	display: inline-block;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
}

.ba-add-balance-title p {
	float: right;
	padding-top: 3px;
	font-weight: 600;
	margin-bottom: 0;
}

.book_list {
	background: #fff;
	padding: .3rem;
	margin-bottom: .24rem;
	border-radius: .08rem;
	-moz-border-radius: .08rem;
	-webkit-border-radius: .08rem;
}

.book_list a {
	display: block;
	width: 100%;
	height: 100%;
}

.book_list a .book_pic {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	width: 1.6rem;
	height: 2.2rem;
	background: #FFFFFF;
	border-radius: .08rem;
	-moz-border-radius: .08rem;
	-webkit-border-radius: .08rem;
	background-size: contain;
}

.book_list a img {
	margin: 0 auto;
	display: block;
	width: auto;
	max-width: 1.62rem;
	height: 2.2rem;
	/*max-height: 2.2rem;*/
	object-fit: contain;
	background: #fff;
}

.book_content {
	width: -webkit-calc(100% - 1.84rem);
	width: -moz-calc(100% - 1.84rem);
	width: calc(100% - 1.84rem);
	float: left;
	margin-left: .24rem;
}

.book_content h3 {
	font-size: .32rem;
	font-weight: 600;
	color: #333333;
	line-height: .42rem;
	margin-bottom: .08rem;
}

.book_content .book_info li {
	font-size: .22rem;
	font-weight: 400;
	color: #7B8196;
	line-height: .32rem;
	margin-bottom: .08rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.book_content .book_price {
	font-size: .26rem;
	font-weight: 500;
	color: #EC5959;
	line-height: .36rem;
}

.book_content .book_price span {
	font-size: .3rem;
	font-weight: 600;
}


.mynewslist {
	width: auto;
	height: auto;
}

.mynewslist .item {
	width: auto;
	height: auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 0px 10px #eee;
}

.mynewslist .item a {
	display: block;
	width: auto;
	height: auto;
	padding: 30px 20px;
}

.mynewslist .item .head {
	width: auto;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	/* font-weight: bold; */
	color: #000;
	position: relative;
	padding-right: 120px;
	padding-bottom: 13px;
}

.mynewslist .item .head:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #d42517;
	border-radius: 2px;
	font-size: 0;
	line-height: 0;
	margin-top: 5px;
	left: 0;
	bottom: 0;
}

.mynewslist .item .head .name {
	width: auto;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mynewslist .item .head .date {
	width: auto;
	height: 24px;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 0;
}

.mynewslist .item .text {
	height: auto;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-top: 15px;
}


.mynewslist .item a,
.mynewslist .item a .head:after,
.mynewslist .item a .head .name,
.mynewslist .item a .head .date,
.mynewslist .item a .text,
.mynewslist .item a .foot .tags span {
	transition: all .2s;
}

.mynewslist .item a:hover {
	background: #d42517;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 20;
	padding: 30px;
}

.mynewslist .item a:hover .head:after {
	background: #fff;
}

.mynewslist .item a:hover .head .name {
	color: #fff;
}

.mynewslist .item a:hover .head .date {
	color: #fff;
	opacity: .8;
}

.mynewslist .item a:hover .text {
	color: #fff;
	opacity: .8;
}

.block-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	color: #747b88;
	height: 68px;
	font-size: 16px;
	overflow: hidden
}

.block-link:hover {
	color: #d42517
}

.block-link>.t {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.block-link>.t+.d {
	margin-left: 30px
}


.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	transform: none
}

.modal.modal-static .modal-dialog {
	transform: scale(1.02)
}

.modal-dialog-scrollable {
	height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
	max-height: 100%;
	overflow: hidden
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 0 solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	width: 100vw;
	height: 100vh;
	background-color: rgba(30, 34, 40, .9)
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: 1
}

.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
	padding: .5rem .5rem;
	margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 2.5rem
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
	padding: 2.25rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(.3rem - 1px);
	border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
	margin: .25rem
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 560px;
		margin: 1.75rem auto
	}

	.modal-dialog-scrollable {
		height: calc(100% - 3.5rem)
	}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}

	.modal-content {
		box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
	}

	.modal-sm {
		max-width: 450px
	}
}

@media (min-width:992px) {

	.modal-lg,
	.modal-xl {
		max-width: 800px
	}
}

@media (min-width:1200px) {
	.modal-xl {
		max-width: 1140px
	}
}

.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0
}

.modal-fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0
}

.modal-fullscreen .modal-header {
	border-radius: 0
}

.modal-fullscreen .modal-body {
	overflow-y: auto
}

.modal-fullscreen .modal-footer {
	border-radius: 0
}

@media (max-width:575.98px) {
	.modal-fullscreen-sm-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-sm-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-sm-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-sm-down .modal-body {
		overflow-y: auto
	}

	.modal-fullscreen-sm-down .modal-footer {
		border-radius: 0
	}
}

@media (max-width:767.98px) {
	.modal-fullscreen-md-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-md-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-md-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-md-down .modal-body {
		overflow-y: auto
	}

	.modal-fullscreen-md-down .modal-footer {
		border-radius: 0
	}
}

@media (max-width:991.98px) {
	.modal-fullscreen-lg-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-lg-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-lg-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-lg-down .modal-body {
		overflow-y: auto
	}

	.modal-fullscreen-lg-down .modal-footer {
		border-radius: 0
	}
}

@media (max-width:1199.98px) {
	.modal-fullscreen-xl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-xl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-xl-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-xl-down .modal-body {
		overflow-y: auto
	}

	.modal-fullscreen-xl-down .modal-footer {
		border-radius: 0
	}
}

@media (max-width:1399.98px) {
	.modal-fullscreen-xxl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-xxl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-xxl-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-xxl-down .modal-body {
		overflow-y: auto
	}

	.modal-fullscreen-xxl-down .modal-footer {
		border-radius: 0
	}
}

.modal .btn-close {
	position: absolute;
	top: 0.8rem;
	right: 0.7rem;
}

.btn-close {
	padding: 0 0;
	color: rgba(30, 34, 40, .3);
	background: 0 0;
	border: 0;
	line-height: 1;
	transition: all .2s ease-in-out;
	top: 1em;
	right: 1em;
	cursor: pointer;
	opacity: .8;
}

.btn-close:before {
	font-size: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
}

.btn.btn-circle {
	padding: 0;
	border-radius: 100% !important;
	width: 2.2rem;
	height: 2.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.imgbg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	-webkit-backdrop-filter: saturate(200%) blur(30px);
	backdrop-filter: saturate(200%) blur(30px);
	background: rgba(0, 0, 0, 0.3);
}

.imgbg_bj {
	width: 100%;
	height: 100%;
	position: fixed;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/bg45.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}

.imgcontent {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 0;
	right: 0;
	z-index: 100;
	text-align: center;
}

.imgcontent img {
	max-height: 100%;
	margin-right: 8%;
	margin-left: 8%;
	margin-bottom: 6%;
	border-radius: 8px;
	background-color: #000;
	box-shadow: 0 20px 40px rgb(0 0 0 / 30%);
}


.page-review {
	position: relative;
	background-image: url(../images/bg102.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1000px;
}

.mod-reviewed {
	position: relative;
	padding: 60px 0 30px 0;
}

.mod-reviewed .wrap {
	position: relative
}

.reviewed-list {
	width: auto;
	margin: 0 auto;
}

.reviews-inner {
	z-index: 0;
	padding-bottom: 50px;
	top: -20px;
	position: relative;
}

.reviews-inner .item {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 9;
	margin-top: 30px;
	padding: 10px;
	background: #ffffff;
	border-radius: 5px;
}

.reviews-inner .item h3 {
	text-align: center;
	margin: 0;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.reviews-inner .item h3 a {
	color: #aa0000;
}

.reviews-circle {
	position: absolute;
	height: 26px;
	width: 26px;
	top: 5px;
	left: -79px;
	background: url(../images/review-circle.png) no-repeat center center;
	border-radius: 50%;
	display: none;
}

.reviews-time {
	position: absolute;
	left: -180px;
	top: -6px;
	font-style: normal;
	font-weight: 100;
	font-size: 36px;
	display: none;
}

.reviews-inner .item .desc {
	padding: 0 26px;
}

.review-arrow {
	position: absolute;
	height: 60px;
	width: 60px;
	top: -58px;
	left: 56px;
	z-index: 2;
	display: none;
}

.reviews-bar {
	position: absolute;
	height: 100%;
	width: 2px;
	left: 85px;
	top: -20px;
	background-color: #1270af;
	z-index: 1;
	display: none;
}

@media(min-width:768px) {
	.mod-reviewed {
		padding: 150px 0 80px 0;
	}

	.reviews-inner .item {
		width: 620px;
	}

	.reviews-inner .item h3 {
		font-size: 18px;
	}

	.page-review {
		background-size: 200%;
	}
}

@media (min-width: 992px) {
	.reviews-inner .item {
		margin-top: 100px;
		width: 790px;
	}
}

@media (min-width: 1200px) {
	.reviewed-list {
		width: 1000px;
		margin: 0 auto;
	}

	.reviews-inner {
		padding-left: 150px;
	}

	.reviews-inner .item {
		margin: inherit;
		margin: 0;
		margin-top: 100px;
	}

	.reviews-circle,
	.reviews-time,
	.review-arrow,
	.reviews-bar {
		display: block
	}

	.page-review {
		background-size: 2000px;
	}

}

.newIndex .newIndex_guest {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg69.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.newIndex .newIndex_guest .newIndex_title {
	margin-top: 60px;
}

.title_white {
	color: #fff;
}

.newIndex_title {
	width: 100%;
	text-align: center;
	font-family: Microsoft YaHei;
}

.newIndex .newIndex_guest .newIndex_guest__content {
	margin-top: 80px;
}

.security {
	width: 1400px;
}

.newIndex .newIndex_guest .newIndex_guest__content dl {
	width: 25%;
	height: 320px;
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
	color: #fff;
	float: left;
	overflow: hidden;
	background: url(../images/head-portrait.png) no-repeat center 10px;
}

.newIndex .newIndex_guest .newIndex_guest__content dl p {
	width: 162px;
	height: 162px;
	overflow: hidden;
	margin: 10px auto;
	border-radius: 50%;
}

.newIndex .newIndex_guest .newIndex_guest__content dl img {
	width: 162px;
	height: 162px;
}

.newIndex .newIndex_guest .newIndex_guest__content dl dt {
	font-size: 20px;
	line-height: 48px;
}

.newIndex .newIndex_guest .newIndex_guest__content dl dd {
	font-size: 16px;
	line-height: 30px;
}


/*--media--*/
.mod-media {
	padding: 30px 0;
}

.mod-media .wrap {
	padding-top: 30px;
}

.mod-media .media-items {
	padding: 10px;
}

.mod-media .media-items .row>div {
	padding: 0 7px;
	padding-bottom: 14px;
}

.mod-media .media-items a {
	border-radius: 3px;
	display: block;
	color: #fff;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 4px;
	text-align: center;
}

.mod-media .media-items img {
	width: 100%;
	height: auto;
}

.mod-media .media-items strong {
	display: none;
}

.mod-media .media-text {
	padding: 5px;
	font-size: 13px;
	line-height: 1.8;
	text-align: justify;
	display: none
}

.mod-media .each-text {
	padding-bottom: 15px;
}

.mod-media .each-text strong {
	color: #337ab7;
	font-weight: bold;
}

.mod-media .each-text p {
	margin: 0;
}

@media (min-width: 768px) {
	.mod-media {
		padding: 80px 0;
	}

	.mod-media .wrap {
		padding-top: 50px;
	}

	.mod-media .media-items {
		padding: 2px;
	}

	.mod-media .media-items .row>div {
		padding: 0 15px;
		padding-bottom: 30px;
	}

	.mod-media .media-text {
		padding-top: 30px;
		font-size: 15px;
	}
}

@media (min-width: 1200px) {
	.mod-media {
		background-image: url(../images/mod_bg2.png);
		background-size: auto;
		background-position: -200px 0;
		background-repeat: no-repeat;
	}
}

@media(min-width:1500px) {
	.mod-media .col-sm-2 {
		width: 11.1%;
	}

}


/*--expert--*/
.mod-expert {
	padding-top: 50px;
}

.mod-expert .wrap {
	padding-top: 20px
}

.mod-expert .expert-list {
	padding-top: 20px;
}

.mod-expert .mod-title .right-more {
	width: 80px;
	padding-top: 10px;
}

.mod-expert .swiper-pagination-bullet {
	margin-left: 10px;
	background-color: #fff;
}

.mod-expert .swiper-pagination-bullet-active {
	background-color: #02DAD8;
}

.each-expert {
	position: relative
}

.each-expert .each-content {
	position: relative;
}

.each-expert .content-info {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 10px;
}

/*.each-expert .content-info:before { position:absolute;content:' '; left:50%;margin-left:-58px;top:2px;width:116px;height:116px; 
background-image:url(../images/expert1.png); background-size:cover;}*/
.each-expert .content-info:after {
	position: absolute;
	content: ' ';
	left: 50%;
	margin-left: -58px;
	top: 2px;
	width: 116px;
	height: 116px;
	background-image: url(../images/expert1.png);
	background-size: cover;
	/*-webkit-animation: expert 1s infinite;
 animation: expert 1s infinite;*/
}

.each-expert .content-desc {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 0;
	right: 20px;
	bottom: 0;
	opacity: 0;
	overflow: hidden;
	color: #fff;
	text-align: left;
	cursor: default;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	background: #0c6bd9;
	/*background-image:url(../images/left_bg2.jpg); background-repeat:repeat-y; background-size:100%;  */
}

.each-expert .content-desc:after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: ' ';
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-right: 40px solid #011689;
}

.each-expert .content-desc p {
	padding: 20px;
	line-height: 1.8;
	font-size: 14px;
}

.each-expert .content-info .logo {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	background: none;
	position: relative;
	z-index: 2;
}

.each-expert .content-info .logo img {
	width: 100%;
	height: 100%;
}

.each-expert .content-info h4 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 25px;
	color: #fff;
	line-height: 1.42;
	text-align: center;
}

.each-expert .content-info p {
	line-height: 1.42;
	color: #fff;
	font-size: 12px;
	margin: 0 auto;
	min-height: 80px;
	text-align: center;
}

@-webkit-keyframes expert {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes expert {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}



.smooth-loader-wrapper {
	/* background-color: #000; */
	background-color: rgba(255, 255, 255, 1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
}

.smooth-loader-wrapper .smooth-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2100;
	line-height: 0;
}

.smooth-loader .loader1 {
	position: relative;
	height: 100%;
	display: inline-block;
}

.smooth-loader .loader1 .loader-target {
	position: relative;
	height: 60px;
	width: 60px;
	margin-left: -30px;
	margin-top: -30px;
}

.loader-target .loader-target-main {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	-webkit-transform: rotate(45deg) translateZ(0);
	transform: rotate(45deg) translateZ(0);
	background: #00c9ff;
	background: linear-gradient(to right, #007bff73, #007bff73);
	-webkit-animation-name: qodefTargetRotate;
	animation-name: qodefTargetRotate;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);
	animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	outline: transparent solid 1px;
}

.loader-target:after {
	content: "";
	position: absolute;
	top: 5%;
	left: 5%;
	height: 90%;
	width: 90%;
	border-radius: 50%;
	background: #fff;
	-webkit-animation-name: targetScale;
	animation-name: targetScale;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);
	animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.87);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.loader-target .loader-target-inner {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	height: 40px;
	width: 40px;
	z-index: 100;
	opacity: 0;
	border-radius: 50%;
	background: #00c9ff;
	background: linear-gradient(to right, #007bff73, #007bff73);
	-webkit-animation-name: targetScale;
	animation-name: targetScale;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.67);
	animation-timing-function: cubic-bezier(0.38, 0.76, 0, 0.67);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.loader-target .loader-target-inner:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation-name: qodefTargetScale;
	animation-name: qodefTargetScale;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.38, 0.96, 0, 0.37);
	animation-timing-function: cubic-bezier(0.38, 0.96, 0, 0.37);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes targetScale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.loaded #preloader {
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease-out;
}


/* section-21 begin */
.section-21 {
	margin: 30px auto;
	width: 1200px;
}

.section-21 .mod-tile {
	position: relative;
	width: 360px;
	height: 280px;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 40px 80px 40px 40px;
	background: #dfefff;
	margin: 20px;
}

.section-21 .mod-tile:nth-child(1) {
	background: url("../images/xbg1.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(2) {
	background: url("../images/xbg2.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(3) {
	background: url("../images/xbg3.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(4) {
	background: url("../images/xbg4.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(5) {
	background: url("../images/xbg5.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(6) {
	background: url("../images/xbg6.jpg") center center no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px #dadada;
}

.section-21 .mod-tile:nth-child(2) {
	margin-top: 70px;
	margin-bottom: -30px;
}

.section-21 .mod-tile:nth-child(5) {
	margin-top: 70px;
	margin-bottom: -30px;
}

.section-21 .mod-tile .unit-title {
	font-size: 28px;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-indent: inherit;
	background: none;
	border-bottom: 1px solid #ededed;
	color: #fff;
	z-index: 9999999;
}

.section-21 .mod .abstract {
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

/* section-21 end */