* {
	outline: none
}

@media screen and (min-width: 768px) {
	.bg-gray {
		background-color: #f5f7fa
	}
}

@media screen and (max-width: 767px) {
	.with-gap::before {
		display: block;
		content: "";
		height: 16px;
		background: #f3f5f8;
		box-shadow: inset 0 2px 5px 0 #c6ccd7
	}

	.clear-gap+.with-gap::before {
		display: none;
		content: "";
		height: 16px;
		background: #f3f5f8;
		box-shadow: inset 0 2px 5px 0 #c6ccd7
	}
}

.view-control .view-column {
	max-width: 1180px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px
}

.view-control .view-column.no-padding {
	padding-left: 0;
	padding-right: 0
}

@media screen and (max-width: 768px) {
	.view-control .view-column {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media screen and (min-width: 1440px) {
	.view-control.view-control-xl .view-column {
		max-width: 1440px
	}
}

@media screen and (max-width: 768px) {
	.view-control .mobile-hidden {
		display: none
	}
}

.tpm-rich-text {
	line-height: 24px;
	font-size: 14px;
	color: #495770;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.tpm-rich-text>:first-child {
	margin-top: 0 !important
}

.tpm-rich-text>:last-child {
	margin-bottom: 0 !important
}

.tpm-rich-text .ts-link {
	color: #0052d9;
	text-decoration: none
}

.tpm-rich-text .ts-link:hover {
	text-decoration: underline
}

.tpm-rich-text .ts-link:not([href]) {
	color: inherit;
	text-decoration: none
}

.tpm-rich-text .ts-h3 {
	line-height: 26px;
	font-size: 16px;
	margin-bottom: 12px;
	color: #000
}

.tpm-rich-text *+.ts-h3 {
	margin-top: 28px
}

.tpm-rich-text .ts-p {
	line-height: 24px;
	font-size: 14px
}

.tpm-rich-text *+.ts-p {
	margin-top: 8px
}

.tpm-rich-text .ts-uli {
	position: relative;
	padding-left: 18px
}

.tpm-rich-text .ts-uli:before {
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #9ba6b7
}

.tpm-rich-text .ts-uli[data-indent] {
	margin-left: 18px
}

.tpm-rich-text .ts-uli[data-indent]:before {
	width: 7px;
	height: 7px;
	border: 1px solid #99a7b9;
	background-color: transparent
}

.tpm-rich-text .ts-uli[data-indent="2"] {
	margin-left: 36px
}

.tpm-rich-text .ts-uli+.ts-uli {
	margin-top: 4px
}

.tpm-rich-text .ts-image {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	border: 0
}

.tpm-rich-text .ts-image.stretch {
	width: 100% !important;
	max-width: 100% !important
}

.tpm-rich-text .ts-image.shadow {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px
}

.tpm-rich-text *+.ts-image {
	margin-top: 32px;
	margin-bottom: 32px
}

.tpm-rich-text .ts-video iframe,
.tpm-rich-text .ts-video video {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 860px;
	max-height: 100%;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px
}

.tpm-rich-text .ts-video iframe {
	height: 450px
}

@media screen and (max-width: 768px) {
	.tpm-rich-text .ts-video iframe {
		height: 520px
	}
}

@media screen and (max-width: 600px) {
	.tpm-rich-text .ts-video iframe {
		height: 230px
	}
}

.tpm-rich-text *+.ts-video {
	margin-top: 32px
}

@media screen and (max-width: 768px) {
	.tpm-rich-text .ts-image {
		max-width: 100%
	}

	.tpm-rich-text *+.ts-image {
		margin-top: 24px;
		margin-bottom: 24px
	}
}

.tpm-rich-text .ts-module-button-group {
	margin-top: 28px;
	margin-bottom: 28px
}

.tpm-rich-text .ts-module-button-group button:first-child {
	margin-left: 0
}

.tpm-rich-text .ts-module-button-group button+button {
	margin-left: 20px
}

.tpm-rich-text .ts-module-products {
	margin: 20px 0
}

.tpm-rich-text .ts-module-products .tp-grid__col {
	display: block;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
	padding-bottom: 0
}

.tpm-rich-text .ts-module-products .tpm-product-recommend__item {
	padding: 12px 4px;
	border-radius: 4px;
	height: 100%;
	align-items: center;
	color: #3d485d
}

.tpm-rich-text .ts-module-products .tpm-product-recommend__item .tpm-product-recommend__item-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
	font-size: 12px
}

@media screen and (min-width: 769px) {
	.tpm-rich-text .ts-module-products .tpm-product-recommend__item {
		background-color: #fff;
		width: 100px
	}
}

.tpm-rich-text .ts-module-customers {
	margin: 20px 0
}

.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap {
	padding: 0
}

.tpm-rich-text .ts-module-customers .tpm-logo-card__list {
	margin: 0 -10px;
	padding: 0
}

.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div {
	display: inline-block;
	padding: 0 10px
}

.tpm-rich-text .ts-module-customers .tpm-logo-card {
	box-shadow: none
}

@media screen and (max-width: 600px) {
	.tpm-rich-text .ts-module-customers.tpm-logo-card__wrap {
		padding: 0
	}
}

@media screen and (max-width: 768px) {
	.tpm-rich-text .ts-module-customers .tpm-logo-card__list {
		margin: 0 -4px;
		padding: 0
	}

	.tpm-rich-text .ts-module-customers .tpm-logo-card__list>div {
		display: inline-block;
		padding: 0 4px 8px
	}

	.tpm-rich-text .ts-module-customers .tpm-logo-card__list .tpm-logo-card {
		padding: 4px;
		height: 56px
	}
}

.tl-logos .tpm-logo-card__wrap {
	padding: 0
}

.tl-logos .tpm-logo-card__wrap {
	margin-bottom: -12px
}

@media screen and (max-width: 768px) {
	.tl-logos .tpm-logo-card__wrap {
		margin-bottom: -8px
	}
}

.tl-tabs {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased
}

.tl-tabs__bar {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	max-width: 1180px;
	margin: 0 auto
}

.tl-tabs__bar.is-scrolling .tl-tabs__backward {
	display: block
}

.tl-tabs__bar.is-scrolling .tl-tabs__forward {
	display: block
}

.tl-tabs__bar.is-scrolling .tl-tabs__list {
	padding: 0 36px
}

.tl-tabs__list {
	position: relative;
	display: inline-block;
	min-width: 100%;
	font-size: 0;
	list-style: none;
	text-align: center;
	vertical-align: top
}

.tl-tabs__backward {
	position: absolute;
	top: 0;
	bottom: 4px;
	left: 0;
	display: none;
	width: 36px;
	background-color: #fff;
	cursor: pointer
}

.tl-tabs__backward::before {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-left.a2ce6aff.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

.tl-tabs__backward:hover::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-left-hover.8f0c5c83.svg)
}

.tl-tabs__backward--disabled {
	cursor: default
}

.tl-tabs__backward--disabled::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-left-disabled.b348007c.svg)
}

.tl-tabs__backward--disabled:hover::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-left-disabled.b348007c.svg)
}

.tl-tabs__forward {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 4px;
	display: none;
	width: 36px;
	background-color: #fff;
	cursor: pointer
}

.tl-tabs__forward::before {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-right.273ded81.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

.tl-tabs__forward:hover::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-right-hover.11220169.svg)
}

.tl-tabs__forward--disabled {
	cursor: default
}

.tl-tabs__forward--disabled::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-right-disabled.278f17e2.svg)
}

.tl-tabs__forward--disabled:hover::before {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/icon-arrow-right-disabled.278f17e2.svg)
}

.tl-tabs__cont {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	padding: 40px 20px
}

.tl-tabs--inset .tl-tabs__cont {
	padding: 20px;
	border-radius: 8px
}

.tl-tabs--blank .tl-tabs__cont {
	padding: 0px;
	background: initial;
	box-shadow: none
}

.tl-tabs__item {
	display: inline-block;
	vertical-align: top
}

.tl-tabs__item:hover .tl-tabs__item-cont {
	color: #0052d9
}

.tl-tabs__item:hover .tl-tabs__item-cont::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	content: ""
}

.tl-tabs__item.is-active .tl-tabs__item-cont {
	color: #0052d9
}

.tl-tabs__item.is-active .tl-tabs__item-cont::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 4px solid #0052d9;
	content: ""
}

.tl-tabs__item.is-disabled .tl-tabs__item-cont {
	color: #999;
	cursor: default
}

.tl-tabs__item.is-disabled .tl-tabs__item-cont::before {
	content: none
}

.tl-tabs__item-cont {
	position: relative;
	cursor: pointer;
	padding: 0 20px 20px;
	text-align: center;
	font-size: 16px;
	color: #495770;
	line-height: 24px
}

.tl-tabs__item-icon {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center
}

.tl-tabs.is-full .tl-tabs__cont {
	border-radius: 0
}

.tl-tabs.is-full .tl-tabs__panel {
	margin: 0 auto
}

.tl-tabs--equal .tl-tabs__list {
	display: flex
}

.tl-tabs--equal .tl-tabs__item {
	flex: 1;
	min-width: 0;
	width: 1px;
	max-width: 33.33%
}

.tl-tabs--vertical {
	display: flex
}

.tl-tabs--vertical .tl-tabs__bar {
	position: relative;
	margin-right: -2px;
	padding: 0;
	width: 200px;
	box-sizing: border-box;
	white-space: normal
}

.tl-tabs--vertical .tl-tabs__item {
	display: block;
	min-width: 0;
	margin-bottom: 20px;
	padding-right: 18px
}

.tl-tabs--vertical .tl-tabs__item:hover .tl-tabs__item-cont {
	color: #495770
}

.tl-tabs--vertical .tl-tabs__item.is-active {
	padding-right: 0
}

.tl-tabs--vertical .tl-tabs__item.is-active .tl-tabs__item-cont {
	padding-right: 30px;
	background-image: linear-gradient(0deg, #f4f6f9, #f3f5f8);
	border: 2px solid #fff;
	border-right: none;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	font-weight: 400;
	color: #495770
}

.tl-tabs--vertical .tl-tabs__item:hover .tl-tabs__item-cont:before,
.tl-tabs--vertical .tl-tabs__item.is-active .tl-tabs__item-cont:before {
	display: none
}

.tl-tabs--vertical .tl-tabs__item-cont {
	padding: 12px;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	border-radius: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #495770;
	text-align: center;
	border: 2px solid transparent;
	transition: background .3s linear
}

.tl-tabs--vertical .tl-tabs__cont {
	padding: 40px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	flex: 1;
	width: 1px
}

.tl-tabs.theme-dark {
	background-color: #242933;
	color: #fff
}

.tl-tabs.theme-dark .tl-tabs__item-cont {
	color: #fff
}

.tl-tabs.theme-dark .tl-tabs__item:hover .tl-tabs__item-cont,
.tl-tabs.theme-dark .tl-tabs__item.is-active .tl-tabs__item-cont {
	color: #fff
}

.tl-tabs.theme-dark .tl-tabs__cont {
	background: #242933;
	border: 2px solid #242933;
	box-shadow: inset 8px 8px 20px 0 rgba(18, 21, 26, .6), inset -8px -8px 20px 0 rgba(54, 62, 77, .5)
}

.tl-tabs--ani .tl-tabs__item-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 6px;
	margin-top: -6px
}

.tl-tabs--ani .tl-tabs__item-icon.is-enter {
	animation: tl-tabs__item-icon-enter .3s steps(16) forwards
}

.tl-tabs--ani .tl-tabs__item-icon.is-leave {
	animation: tl-tabs__item-icon-leave .3s steps(16) forwards
}

@keyframes tl-tabs__item-icon-enter {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0 -960px
	}
}

@keyframes tl-tabs__item-icon-leave {
	0% {
		background-position: 0 -960px
	}

	100% {
		background-position: 0 0
	}
}

.tl-swiper {
	position: relative
}

.tl-swiper .swiper-button-prev {
	display: none
}

.tl-swiper .swiper-button-next {
	display: none
}

.tl-swiper .swiper-pagination {
	display: none
}

.tl-swiper .swiper-container {
	position: initial
}

.tl-swiper .swiper-container-fade {
	overflow: visible
}

.tl-swiper__pages {
	margin-top: 40px;
	text-align: center;
	font-size: 0
}

.tl-swiper .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	background: #d7dbe0;
	border-radius: 2px;
	width: 30px;
	height: 4px;
	cursor: pointer;
	opacity: 1
}

.tl-swiper .swiper-pagination-bullet:focus {
	outline: none
}

.tl-swiper .swiper-pagination-bullet:hover {
	background: #0052d9
}

.tl-swiper .swiper-pagination-bullet-active {
	cursor: default;
	background: #0052d9
}

.tl-swiper__btn {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 10;
	transform: translateY(-50%);
	border-radius: 50%;
	font-size: 0;
	background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
	border: 2px solid #fff;
	box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .2), -4px -4px 10px 0 #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.tl-swiper__btn-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16);
	border-radius: 50%
}

.tl-swiper__btn-inner:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-image: linear-gradient(135deg, #dbe2e9 0%, #fff 100%)
}

.tl-swiper__btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -5px 0 0 -3px;
	width: 6px;
	height: 10px
}

.tl-swiper__btn--prev:after {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/btn-prev.dd1a148e.svg)
}

.tl-swiper__btn--prev:hover:after {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/btn-prev-hover.92adc093.svg)
}

.tl-swiper__btn--next:after {
	margin-left: -2px;
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/btn-next.39a461be.svg)
}

.tl-swiper__btn--next:hover:after {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/btn-next-hover.c85cfb2e.svg)
}

.tl-swiper__btn--prev {
	right: 100%;
	margin-right: 20px
}

.tl-swiper__btn--next {
	left: 100%;
	margin-left: 20px
}

.tl-swiper__btn.swiper-button-disabled {
	opacity: .5;
	cursor: default;
	pointer-events: none
}

@media screen and (min-width: 769px)and (max-width: 1320px) {
	.tl-swiper .tl-swiper__btn.is-wrapped {
		display: none
	}
}

.tpm-case3 .tpm-case-card__list.dual {
	width: 1040px
}

.tpm-case3 .tl-swiper__btn {
	margin-top: 40px;
	top: auto;
	right: auto;
	left: auto;
	transform: translateY(0);
	box-shadow: 8px 8px 20px 0 rgba(18, 21, 26, .6), -8px -8px 20px 0 rgba(54, 62, 77, .5)
}

.tpm-case3 .tl-swiper__btn--prev {
	margin-left: 340px
}

.tpm-case3 .tl-swiper__btn--next {
	margin-left: 404px
}

.tpm-case3 .tl-logos {
	margin-bottom: 20px
}

.tl-cases-lr-layout .tl-swiper__btn {
	width: 32px;
	height: 32px;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16)
}

@media screen and (min-width: 769px) {
	.tl-cases-lr-layout .tl-swiper .tl-swiper__btn {
		top: -80px
	}

	.tl-cases-lr-layout .tl-swiper .tl-swiper__btn--prev {
		margin-right: -36px
	}

	.tl-cases-lr-layout .tl-swiper .tl-swiper__btn--next {
		margin-left: -64px
	}

	.tl-cases-lr-layout .tl-swiper .tl-swiper__pages {
		margin-top: 0;
		z-index: 3;
		position: relative;
		top: -52px;
		right: 14px
	}

	.tl-cases-lr-layout .tl-swiper .tpm-case-l-r-layout__card {
		padding-bottom: 56px
	}

	.tl-cases-lr-layout .tl-swiper .swiper-slide {
		padding: 0 28px 28px 0;
		box-sizing: border-box;
		height: initial
	}
}

@media screen and (max-width: 768px) {
	.tl-cases-lr-layout .tl-swiper {
		margin-right: -16px
	}

	.tl-cases-lr-layout .tl-swiper .swiper-container {
		padding-right: 16px
	}

	.tl-cases-lr-layout .tl-swiper .swiper-slide {
		width: 280px;
		height: auto;
		padding: 0 0 28px 0
	}

	.tl-cases-lr-layout .tl-swiper .tl-swiper__pages {
		margin-top: 0
	}
}

.custom-module .content-stub {
	display: flex;
	flex-direction: column;
	min-height: 160px;
	background-color: #87b1be;
	justify-content: center;
	align-items: center;
	padding: 8px;
	color: #fff
}

.custom-module:hover .content-padding {
	background-color: #b8c37f
}

.custom-module:hover .content-margin {
	background-color: #e3c182
}

.tl-collapse__panel-hd {
	position: relative;
	padding: 13px 38px 13px 16px;
	background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
	border: 2px solid #fff;
	border-bottom: none;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	display: flex;
	align-items: flex-start;
	cursor: pointer
}

.tl-collapse__panel-hd:after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -4px;
	width: 12px;
	height: 8px;
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/caret.f1791e92.svg);
	background-repeat: no-repeat
}

.tl-collapse__panel-icon {
	display: block;
	width: 32px;
	height: 32px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right: 12px
}

.tl-collapse__panel-title {
	flex: 1;
	width: 1px;
	padding: 3px 0;
	font-weight: normal;
	font-size: 16px;
	color: #000;
	line-height: 26px
}

.tl-collapse__panel-bd {
	position: relative;
	z-index: 2;
	background: #f5f7fa;
	padding: 24px 16px 32px
}

.tl-collapse__panel.is-open>.tl-collapse__panel-hd .tl-collapse__panel-title {
	color: #0052d9
}

.tl-collapse__panel.is-open>.tl-collapse__panel-hd:after {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/slice/caret-open.7a703e8f.svg);
	transform: rotate(180deg);
	transition: all .3s ease-in-out
}

.tl-collapse--ani .tl-collapse__panel-icon {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	margin-left: -4px;
	margin-top: -4px
}

.tl-collapse.theme-dark {
	color: #fff
}

.tl-collapse.theme-dark .tl-collapse__panel-hd {
	position: relative;
	padding: 13px 38px 13px 16px;
	border-bottom: none;
	background-image: linear-gradient(179deg, #292f3b 2%, #242933);
	border: 1px solid #1f252f;
	box-shadow: 8px 8px 20px 0 rgba(18, 21, 26, .6), -8px -8px 20px 0 rgba(54, 62, 77, .5);
	display: flex;
	align-items: flex-start;
	cursor: pointer
}

.tl-collapse.theme-dark .tl-collapse__panel-hd .tl-collapse__panel-title {
	color: #fff
}

.tl-collapse.theme-dark .tl-collapse__panel-bd {
	background-color: #242933
}

.tl-collapse.theme-dark .tl-collapse__panel:last-child .tl-collapse__panel-hd {
	box-shadow: none
}

@media screen and (min-width: 768px) {
	.tl-collapse .tl-collapse__panel-bd {
		padding: 24px 24px 32px
	}
}

.tl-faq-list {
	padding-top: 0
}

.tl-faq-list .tpm-faq__item.is-open:first-child {
	margin-top: 0
}

@media screen and (min-width: 769px) {
	.tl-faq-list .tpm-faq__item.is-open {
		padding: 40px
	}

	.tl-faq-list .tl-tabs__bar:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0px;
		height: 1px;
		background-color: #d6dbe3
	}
}

@media screen and (max-width: 767px) {
	.tl-faq-list .tpm-faq__item {
		margin-bottom: 20px
	}
}

.tl-faq-list .tpm-faq__item:last-child {
	margin-bottom: 0px
}

@media screen and (min-width: 769px) {
	.tl-faqs .tl-tabs .tpm-faq__item {
		margin-top: 40px
	}

	.tl-faqs .tl-tabs .tpm-faq__item.is-open:first-child {
		margin-top: 0
	}

	.tl-faqs .tl-tabs__bar:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0px;
		height: 1px;
		background-color: #d6dbe3
	}
}

@media screen and (max-width: 768px) {
	.tl-faqs .tpm-faq__item {
		margin-bottom: 20px
	}
}

.tl-faqs .tpm-faq__item:last-child {
	margin-bottom: 0px
}

@media screen and (min-width: 769px) {
	.tl-framework.tpm-media-section .tpm-media.standalone {
		justify-content: center
	}

	.tl-framework.tpm-media-section .tpm-media__object {
		width: 860px
	}

	.tl-framework.tpm-media-section .tpm-media__content {
		padding-left: 30px
	}
}

@media screen and (max-width: 768px) {
	.tl-framework.tpm-media-section .tpm-product-recommend {
		width: 100%;
		margin-top: 16px
	}

	.tl-framework.tpm-media-section .tpm-product-recommend .tp-grid__row.tp-grid--gutter-3n .tp-grid__col {
		padding-top: 0;
		padding-bottom: 0
	}

	.tl-framework.tpm-media-section .tpm-product-recommend .tpm-product-recommend__item-text {
		font-size: 12px
	}
}

@media screen and (max-width: 768px) {
	.tpm-prod-hero__entries-wrap .swiper-slide-prev {
		opacity: 1
	}

	.tpm-prod-hero__entries-wrap .tpm-swiper {
		margin: 0 auto;
		width: 100%
	}

	.tpm-prod-hero__entries-wrap .swiper-slide {
		width: 300px
	}

	.tpm-prod-hero__notice .tpm-prod-hero__notice-inner {
		margin-left: 16px;
		padding: 0 16px 0 0;
		max-width: 100%
	}

	.tpm-prod-hero__notice .tl-swiper .swiper-container {
		padding: 0 16px 20px;
		margin: 0 -16px
	}
}

@media screen and (min-width: 769px) {
	.tpm-prod-hero__entries-wrap .swiper-slide {
		width: 33.3333%
	}
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.hot {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/hot.93e6fc41.svg)
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.beta {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/beta.98e2b1af.svg)
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.buy {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/buy.7c316cec.svg)
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.console {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/console.445b073f.svg)
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.consult {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/consult.9f79081b.svg)
}

.tpm-btn__icon .tpm-prod-hero__btn-icon.exp {
	background-image: url(https://cloudcache.tencent-cloud.cn/qcloud/trisys-landing/materials/images/exp.754856b1.svg)
}

.tl-media-content .tl-media-content__media.has-shadow img {
	background: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 8px
}

.tl-media-object {
	display: flex;
	flex-wrap: wrap;
	row-gap: 24px
}

.tl-media-object--middle {
	align-items: center
}

.tl-media-object--bottom {
	align-items: flex-end
}

.tl-media-object--reverse {
	flex-direction: row-reverse
}

@media screen and (min-width: 769px) {
	.tl-media-object__content {
		width: 1px;
		flex-grow: 1
	}

	.tl-media-object__media {
		width: 1px
	}
}

@media screen and (max-width: 768px) {
	.tl-media-object__content {
		width: 100%
	}

	.tl-media-object__media {
		width: 100%
	}
}

.tl-news-panel .tl-swiper__btn {
	width: 32px;
	height: 32px;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16)
}

.tl-news-panel .tl-swiper__btn--next {
	margin-left: -16px
}

.tl-news-panel .tl-swiper__btn--prev {
	margin-right: -16px
}

.tl-news-panel .tl-swiper__pages {
	margin-top: 16px
}

.tl-grid-tabs {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased
}

.tl-grid-tabs__bar {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	max-width: 1180px;
	margin: 0 auto
}

.tl-grid-tabs__bar.is-scrolling .tl-grid-tabs__backward {
	display: block
}

.tl-grid-tabs__bar.is-scrolling .tl-grid-tabs__forward {
	display: block
}

.tl-grid-tabs__bar.is-scrolling .tl-grid-tabs__list {
	padding: 0 36px
}

.tl-grid-tabs__bar:not(:first-child) {
	margin-top: 20px
}

.tl-grid-tabs__list {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	font-size: 0;
	list-style: none;
	text-align: center
}

.tl-grid-tabs__cont {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	padding: 40px
}

.tl-grid-tabs--inset .tl-grid-tabs__cont {
	padding: 20px;
	border-radius: 8px
}

.tl-grid-tabs--blank .tl-grid-tabs__cont {
	padding: 0px;
	background: #fff;
	box-shadow: none
}

.tl-grid-tabs__item {
	display: table-cell;
	vertical-align: top
}

.tl-grid-tabs__item:hover .tl-grid-tabs__item-cont {
	color: #0052d9
}

.tl-grid-tabs__item:hover .tl-grid-tabs__item-cont::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	content: ""
}

.tl-grid-tabs__item.is-active .tl-grid-tabs__item-cont {
	color: #0052d9;
	font-weight: 500
}

.tl-grid-tabs__item.is-active .tl-grid-tabs__item-cont::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 4px solid #0052d9;
	content: ""
}

.tl-grid-tabs__item.is-disabled .tl-grid-tabs__item-cont {
	color: #999;
	cursor: default
}

.tl-grid-tabs__item.is-disabled .tl-grid-tabs__item-cont::before {
	content: none
}

.tl-grid-tabs__item-cont {
	position: relative;
	cursor: pointer;
	padding: 0 20px 20px;
	text-align: center;
	font-size: 16px;
	color: #495770;
	line-height: 24px
}

.tl-grid-tabs__item-icon {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 12px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center
}

.tl-grid-tabs.is-full .tl-grid-tabs__cont {
	border-radius: 0
}

.tl-grid-tabs.is-full .tl-grid-tabs__panel {
	margin: 0 auto
}

.tl-grid-tabs--equal .tl-grid-tabs__list {
	display: flex
}

.tl-grid-tabs--equal .tl-grid-tabs__item {
	flex: 1;
	min-width: 0;
	width: 1px;
	max-width: 33.33%
}

.tl-grid-tabs--vertical {
	display: flex
}

.tl-grid-tabs--vertical .tl-grid-tabs__bar {
	position: relative;
	margin-right: -2px;
	padding: 0;
	width: 200px;
	box-sizing: border-box;
	white-space: normal
}

.tl-grid-tabs--vertical .tl-grid-tabs__item {
	display: block;
	min-width: 0;
	margin-bottom: 20px;
	padding-right: 18px
}

.tl-grid-tabs--vertical .tl-grid-tabs__item:hover .tl-grid-tabs__item-cont {
	color: #495770
}

.tl-grid-tabs--vertical .tl-grid-tabs__item.is-active {
	padding-right: 0
}

.tl-grid-tabs--vertical .tl-grid-tabs__item.is-active .tl-grid-tabs__item-cont {
	padding-right: 30px;
	background-image: linear-gradient(0deg, #f4f6f9, #f3f5f8);
	border: 2px solid #fff;
	border-right: none;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	font-weight: 400;
	color: #495770
}

.tl-grid-tabs--vertical .tl-grid-tabs__item:hover .tl-grid-tabs__item-cont:before,
.tl-grid-tabs--vertical .tl-grid-tabs__item.is-active .tl-grid-tabs__item-cont:before {
	display: none
}

.tl-grid-tabs--vertical .tl-grid-tabs__item-cont {
	padding: 12px;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	border-radius: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #495770;
	text-align: center;
	border: 2px solid transparent;
	transition: background .3s linear
}

.tl-grid-tabs--vertical .tl-grid-tabs__cont {
	padding: 48px 60px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	flex: 1;
	width: 1px
}

.tl-grid-tabs.theme-dark {
	background-color: #242933;
	color: #fff
}

.tl-grid-tabs.theme-dark .tl-grid-tabs__item-cont {
	color: #fff
}

.tl-grid-tabs.theme-dark .tl-grid-tabs__item:hover .tl-grid-tabs__item-cont,
.tl-grid-tabs.theme-dark .tl-grid-tabs__item.is-active .tl-grid-tabs__item-cont {
	color: #fff
}

.tl-grid-tabs.theme-dark .tl-grid-tabs__cont {
	background: #242933;
	border: 2px solid #242933;
	box-shadow: inset 8px 8px 20px 0 rgba(18, 21, 26, .6), inset -8px -8px 20px 0 rgba(54, 62, 77, .5)
}

.tl-grid-tabs--ani .tl-grid-tabs__item-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 6px;
	margin-top: -6px
}

.tl-grid-tabs--ani .tl-grid-tabs__item-icon.is-enter {
	animation: tl-grid-tabs__item-icon-enter .3s steps(16) forwards
}

.tl-grid-tabs--ani .tl-grid-tabs__item-icon.is-leave {
	animation: tl-grid-tabs__item-icon-leave .3s steps(16) forwards
}

@keyframes tl-grid-tabs__item-icon-enter {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 0 -960px
	}
}

@keyframes tl-grid-tabs__item-icon-leave {
	0% {
		background-position: 0 -960px
	}

	100% {
		background-position: 0 0
	}
}

@media screen and (min-width: 769px) {
	.tl-product-matrix .tp-grid__row {
		margin-bottom: -40px
	}

	.tl-product-matrix .tp-grid__row .tp-grid__col {
		margin-bottom: 40px
	}
}

@media screen and (max-width: 768px) {
	.tl-product-matrix .tp-grid__row {
		margin-bottom: -30px
	}

	.tl-product-matrix .tp-grid__row .tp-grid__col {
		margin-bottom: 30px
	}
}

@media screen and (min-width: 769px) {
	.tl-advantages+.tl-product-matrix {
		margin-top: -60px
	}
}

@media screen and (min-width: 769px) {
	.tl-resource-list .tpm-developer__item {
		display: block
	}
}

@media screen and (min-width: 769px) {
	.tl-resource-list .tpm-developer__item {
		display: block
	}
}

@media screen and (min-width: 769px) {
	.tl-rich-content .tpm-rich-text>.ts-image {
		max-width: 830px
	}
}

.tl-scene-media .tpm-media__object {
	display: flex;
	flex-grow: 0;
	align-items: center;
	align-self: flex-start;
	justify-content: center;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 8px;
	width: 52.8%;
	padding: 0;
	margin-left: 60px;
	overflow: hidden;
	justify-content: center
}

.tl-scene-media .tpm-media__object img {
	max-width: 100%
}

@media screen and (max-width: 768px) {
	.tl-scene-media .tpm-media.right-img {
		flex-direction: column-reverse
	}

	.tl-scene-media .tpm-media.right-img .tpm-media__content {
		margin-top: 24px
	}

	.tl-scene-media .tpm-media.right-img .tpm-media__content .tpm-group:first-child .tpm-group__tit {
		display: none
	}

	.tl-scene-media .tpm-media__object {
		width: 100%;
		margin-left: 0
	}
}

@media screen and (min-width: 769px) {
	.tl-sale-list .tpm-list__item {
		text-overflow: initial;
		white-space: initial
	}
}

.tl-scene-frameworks .content-box h3 {
	line-height: 26px;
	font-size: 16px;
	margin-bottom: 12px
}

.tl-scene-frameworks .content-box p {
	line-height: 24px;
	font-size: 14px;
	color: #495770;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.tl-scene-frameworks .content-box+.content-box {
	margin-top: 36px
}

.tl-scene-frameworks .content-box .tpm-product-recommend__item {
	font-size: 12px
}

@media screen and (max-width: 768px) {
	.tl-scene-frameworks .content-box+.content-box {
		margin-top: 16px
	}

	.tl-scene-frameworks .content-box h3 {
		margin-bottom: 12px
	}
}

@media screen and (min-width: 769px) {
	.tl-scene-frameworks .tpm-media__object {
		width: 70%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.tl-scene-frameworks .tpm-media__content {
		padding-left: 20px
	}

	.tl-scene-frameworks .tpm-product-recommend__item {
		background-color: #fff;
		padding: 12px 4px;
		border-radius: 4px;
		height: 100%
	}

	.tl-scene-frameworks .tpm-product-recommend__item .tpm-product-recommend__item-text {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 36px;
		line-height: 18px;
		overflow: hidden
	}
}

.tl-scene-media .tpm-media__object {
	display: flex;
	flex-grow: 0;
	align-items: center;
	align-self: flex-start;
	justify-content: center;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 8px;
	width: 52.8%;
	padding: 0;
	margin-left: 60px;
	overflow: hidden;
	justify-content: center
}

.tl-scene-media .tpm-media__object img {
	max-width: 100%
}

@media screen and (max-width: 768px) {
	.tl-scene-media .tpm-media.right-img {
		flex-direction: column-reverse
	}

	.tl-scene-media .tpm-media.right-img .tpm-media__content {
		margin-top: 24px
	}

	.tl-scene-media .tpm-media.right-img .tpm-media__content .tpm-group:first-child .tpm-group__tit {
		display: block
	}

	.tl-scene-media .tpm-media.right-img .tpm-media__content .tpm-group:first-child .tpm-group__tit.m-hidden {
		display: none
	}

	.tl-scene-media .tpm-media__object {
		width: 100%;
		margin-left: 0
	}
}

.tl-cutoff__trigger {
	margin-top: -48px;
	position: relative;
	z-index: 2;
	padding-top: 53px;
	text-align: center;
	box-sizing: border-box
}

.tl-cutoff__trigger::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, rgba(245, 247, 250, 0) 0, #f5f7fa 65%)
}

.tl-cutoff__trigger .tp-link {
	line-height: 24px;
	position: relative;
	display: block;
	padding: 4px
}

.tl-cutoff__trigger .tp-link--arrow-bottom {
	background-color: #fff
}

.tl-cutoff__trigger.is-expanded::before {
	background-image: none
}

.tl-scene-nested-content .tl-collapse__panel-bd .content-container+.content-container {
	margin-top: 32px
}

.tl-scene-nested-content .tl-collapse__panel-bd h2 {
	font-size: 20px;
	margin-bottom: 24px;
	color: #495770;
	font-weight: 400
}

.tl-scene-nested-content .tpm-logo-card {
	box-shadow: none;
	background: none
}

.tl-scene-nested-content .tpm-logo-card__wrap {
	margin-top: 20px
}

@media screen and (max-width: 768px) {
	.tl-scene-nested-content .tpm-logo-card__wrap {
		margin-top: 12px
	}
}

@media screen and (max-width: 769px) {
	.tpm-anchor-widget.mb-hidden {
		display: none
	}
}