@charset "UTF-8";

[class*=tpm-],
[class*=tpm-]:after,
[class*=tpm-]:before,
[class*=tpm-]:focus {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	outline: none
}

.tpm-pc-block {
	display: block !important
}

.tpm-pc-inline-block {
	display: inline-block !important
}

.tpm-pc-hide {
	display: none !important
}

@media (max-width:768px) {
	.tpm-pad-block {
		display: block !important
	}

	.tpm-pad-inline-block {
		display: inline-block !important
	}

	.tpm-pad-hide {
		display: none !important
	}
}

@media (max-width:600px) {
	.tpm-phone-block {
		display: block !important
	}

	.tpm-phone-inline-block {
		display: inline-block !important
	}

	.tpm-phone-hide {
		display: none !important
	}
}

@media screen and (max-width:768px) {
	.tpm-gap+.tpm-gap:before {
		display: block;
		content: "";
		height: 16px;
		background: #f3f5f8;
		box-shadow: inset 0 -2px 5px 0 #c6ccd7;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		position: relative;
		z-index: 1
	}
}



html {
	font-family: TTTGB-regular, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif
}

.tpm-video-hd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
	padding: 4px;
	background: #000;
	-ms-flex-pack: end;
	justify-content: flex-end;
	z-index: 1002
}

.tpm-video-btn,
.tpm-video-hd {
	display: -ms-flexbox;
	display: flex
}

.tpm-video-btn {
	cursor: pointer;
	height: 24px;
	border-radius: 2px;
	background: #2c2c2c;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 4px
}





@media screen and (max-width:768px) {
	.tpm-video-hd {
		width: 32px;
		top: -35px;
		left: auto;
		right: 0;
		height: 35px;
		padding: 0 0 3px;
		background: transparent
	}

	.tpm-video-btn {
		padding: 8px;
		width: 32px;
		height: 32px;
		border-radius: 4px;
		background: #2c2c2c;
		font-size: 0;
		line-height: 0
	}

	.tpm-video-btn:before {
		margin-right: 0;
		width: 16px;
		height: 16px
	}

	.tp-msg.tpm-video-msg {
		top: auto;
		bottom: 112px;
		padding: 12px 16px;
		border-radius: 41px;
		background: rgba(0, 0, 0, .8);
		box-shadow: 0 4px 15.7px 0 rgba(0, 0, 0, .25);
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tp-msg.tpm-video-msg .tp-msg__icon {
		position: static;
		width: 16px;
		height: 16px;
		margin-right: 0;
		background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/030f5b92-8be9-453e-a367-56a7ac398390.svg) !important
	}

	.tp-msg.tpm-video-msg .tp-msg__cont {
		margin-left: 8px
	}

	.tp-msg.tpm-video-msg .tp-msg__title {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		line-height: 18px
	}
}

[class*=tp-],
[class*=tp-]:after,
[class*=tp-]:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent
}

[class*=tp-]:focus {
	outline: none
}

.tp-overflow-hidden {
	overflow: hidden !important
}

[class*=tp-][type=search]::-webkit-search-decoration,
[class^=tp-][type=search]::-webkit-search-decoration {
	outline: 0;
	-webkit-appearance: none
}

.tp-ma-1n {
	margin: 4px
}

.tp-ma-2n {
	margin: 8px
}

.tp-ma-3n {
	margin: 12px
}

.tp-ma-4n {
	margin: 16px
}

.tp-ma-5n {
	margin: 20px
}

@media screen and (max-width:768px) {
	.tp-ma-pad-1n {
		margin: 4px
	}

	.tp-ma-pad-2n {
		margin: 8px
	}

	.tp-ma-pad-3n {
		margin: 12px
	}

	.tp-ma-pad-4n {
		margin: 16px
	}

	.tp-ma-pad-5n {
		margin: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-ma-phone-1n {
		margin: 4px
	}

	.tp-ma-phone-2n {
		margin: 8px
	}

	.tp-ma-phone-3n {
		margin: 12px
	}

	.tp-ma-phone-4n {
		margin: 16px
	}

	.tp-ma-phone-5n {
		margin: 20px
	}
}

.tp-mt-1n {
	margin-top: 4px
}

.tp-mt-2n {
	margin-top: 8px
}

.tp-mt-3n {
	margin-top: 12px
}

.tp-mt-4n {
	margin-top: 16px
}

.tp-mt-5n {
	margin-top: 20px
}

@media screen and (max-width:768px) {
	.tp-mt-pad-1n {
		margin-top: 4px
	}

	.tp-mt-pad-2n {
		margin-top: 8px
	}

	.tp-mt-pad-3n {
		margin-top: 12px
	}

	.tp-mt-pad-4n {
		margin-top: 16px
	}

	.tp-mt-pad-5n {
		margin-top: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-mt-phone-1n {
		margin-top: 4px
	}

	.tp-mt-phone-2n {
		margin-top: 8px
	}

	.tp-mt-phone-3n {
		margin-top: 12px
	}

	.tp-mt-phone-4n {
		margin-top: 16px
	}

	.tp-mt-phone-5n {
		margin-top: 20px
	}
}

.tp-mb-1n {
	margin-bottom: 4px
}

.tp-mb-2n {
	margin-bottom: 8px
}

.tp-mb-3n {
	margin-bottom: 12px
}

.tp-mb-4n {
	margin-bottom: 16px
}

.tp-mb-5n {
	margin-bottom: 20px
}

@media screen and (max-width:768px) {
	.tp-mb-pad-1n {
		margin-bottom: 4px
	}

	.tp-mb-pad-2n {
		margin-bottom: 8px
	}

	.tp-mb-pad-3n {
		margin-bottom: 12px
	}

	.tp-mb-pad-4n {
		margin-bottom: 16px
	}

	.tp-mb-pad-5n {
		margin-bottom: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-mb-phone-1n {
		margin-bottom: 4px
	}

	.tp-mb-phone-2n {
		margin-bottom: 8px
	}

	.tp-mb-phone-3n {
		margin-bottom: 12px
	}

	.tp-mb-phone-4n {
		margin-bottom: 16px
	}

	.tp-mb-phone-5n {
		margin-bottom: 20px
	}
}

.tp-ml-1n {
	margin-left: 4px
}

.tp-ml-2n {
	margin-left: 8px
}

.tp-ml-3n {
	margin-left: 12px
}

.tp-ml-4n {
	margin-left: 16px
}

.tp-ml-5n {
	margin-left: 20px
}

@media screen and (max-width:768px) {
	.tp-ml-pad-1n {
		margin-left: 4px
	}

	.tp-ml-pad-2n {
		margin-left: 8px
	}

	.tp-ml-pad-3n {
		margin-left: 12px
	}

	.tp-ml-pad-4n {
		margin-left: 16px
	}

	.tp-ml-pad-5n {
		margin-left: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-ml-phone-1n {
		margin-left: 4px
	}

	.tp-ml-phone-2n {
		margin-left: 8px
	}

	.tp-ml-phone-3n {
		margin-left: 12px
	}

	.tp-ml-phone-4n {
		margin-left: 16px
	}

	.tp-ml-phone-5n {
		margin-left: 20px
	}
}

.tp-mr-1n {
	margin-right: 4px
}

.tp-mr-2n {
	margin-right: 8px
}

.tp-mr-3n {
	margin-right: 12px
}

.tp-mr-4n {
	margin-right: 16px
}

.tp-mr-5n {
	margin-right: 20px
}

@media screen and (max-width:768px) {
	.tp-mr-pad-1n {
		margin-right: 4px
	}

	.tp-mr-pad-2n {
		margin-right: 8px
	}

	.tp-mr-pad-3n {
		margin-right: 12px
	}

	.tp-mr-pad-4n {
		margin-right: 16px
	}

	.tp-mr-pad-5n {
		margin-right: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-mr-phone-1n {
		margin-right: 4px
	}

	.tp-mr-phone-2n {
		margin-right: 8px
	}

	.tp-mr-phone-3n {
		margin-right: 12px
	}

	.tp-mr-phone-4n {
		margin-right: 16px
	}

	.tp-mr-phone-5n {
		margin-right: 20px
	}
}

.tp-pa-1n {
	padding: 4px
}

.tp-pa-2n {
	padding: 8px
}

.tp-pa-3n {
	padding: 12px
}

.tp-pa-4n {
	padding: 16px
}

.tp-pa-5n {
	padding: 20px
}

@media screen and (max-width:768px) {
	.tp-pa-pad-1n {
		padding: 4px
	}

	.tp-pa-pad-2n {
		padding: 8px
	}

	.tp-pa-pad-3n {
		padding: 12px
	}

	.tp-pa-pad-4n {
		padding: 16px
	}

	.tp-pa-pad-5n {
		padding: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-pa-phone-1n {
		padding: 4px
	}

	.tp-pa-phone-2n {
		padding: 8px
	}

	.tp-pa-phone-3n {
		padding: 12px
	}

	.tp-pa-phone-4n {
		padding: 16px
	}

	.tp-pa-phone-5n {
		padding: 20px
	}
}

.tp-pt-1n {
	padding-top: 4px
}

.tp-pt-2n {
	padding-top: 8px
}

.tp-pt-3n {
	padding-top: 12px
}

.tp-pt-4n {
	padding-top: 16px
}

.tp-pt-5n {
	padding-top: 20px
}

@media screen and (max-width:768px) {
	.tp-pt-pad-1n {
		padding-top: 4px
	}

	.tp-pt-pad-2n {
		padding-top: 8px
	}

	.tp-pt-pad-3n {
		padding-top: 12px
	}

	.tp-pt-pad-4n {
		padding-top: 16px
	}

	.tp-pt-pad-5n {
		padding-top: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-pt-phone-1n {
		padding-top: 4px
	}

	.tp-pt-phone-2n {
		padding-top: 8px
	}

	.tp-pt-phone-3n {
		padding-top: 12px
	}

	.tp-pt-phone-4n {
		padding-top: 16px
	}

	.tp-pt-phone-5n {
		padding-top: 20px
	}
}

.tp-pb-1n {
	padding-bottom: 4px
}

.tp-pb-2n {
	padding-bottom: 8px
}

.tp-pb-3n {
	padding-bottom: 12px
}

.tp-pb-4n {
	padding-bottom: 16px
}

.tp-pb-5n {
	padding-bottom: 20px
}

@media screen and (max-width:768px) {
	.tp-pb-pad-1n {
		padding-bottom: 4px
	}

	.tp-pb-pad-2n {
		padding-bottom: 8px
	}

	.tp-pb-pad-3n {
		padding-bottom: 12px
	}

	.tp-pb-pad-4n {
		padding-bottom: 16px
	}

	.tp-pb-pad-5n {
		padding-bottom: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-pb-phone-1n {
		padding-bottom: 4px
	}

	.tp-pb-phone-2n {
		padding-bottom: 8px
	}

	.tp-pb-phone-3n {
		padding-bottom: 12px
	}

	.tp-pb-phone-4n {
		padding-bottom: 16px
	}

	.tp-pb-phone-5n {
		padding-bottom: 20px
	}
}

.tp-pl-1n {
	padding-left: 4px
}

.tp-pl-2n {
	padding-left: 8px
}

.tp-pl-3n {
	padding-left: 12px
}

.tp-pl-4n {
	padding-left: 16px
}

.tp-pl-5n {
	padding-left: 20px
}

@media screen and (max-width:768px) {
	.tp-pl-pad-1n {
		padding-left: 4px
	}

	.tp-pl-pad-2n {
		padding-left: 8px
	}

	.tp-pl-pad-3n {
		padding-left: 12px
	}

	.tp-pl-pad-4n {
		padding-left: 16px
	}

	.tp-pl-pad-5n {
		padding-left: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-pl-phone-1n {
		padding-left: 4px
	}

	.tp-pl-phone-2n {
		padding-left: 8px
	}

	.tp-pl-phone-3n {
		padding-left: 12px
	}

	.tp-pl-phone-4n {
		padding-left: 16px
	}

	.tp-pl-phone-5n {
		padding-left: 20px
	}
}

.tp-pr-1n {
	padding-right: 4px
}

.tp-pr-2n {
	padding-right: 8px
}

.tp-pr-3n {
	padding-right: 12px
}

.tp-pr-4n {
	padding-right: 16px
}

.tp-pr-5n {
	padding-right: 20px
}

@media screen and (max-width:768px) {
	.tp-pr-pad-1n {
		padding-right: 4px
	}

	.tp-pr-pad-2n {
		padding-right: 8px
	}

	.tp-pr-pad-3n {
		padding-right: 12px
	}

	.tp-pr-pad-4n {
		padding-right: 16px
	}

	.tp-pr-pad-5n {
		padding-right: 20px
	}
}

@media screen and (max-width:600px) {
	.tp-pr-phone-1n {
		padding-right: 4px
	}

	.tp-pr-phone-2n {
		padding-right: 8px
	}

	.tp-pr-phone-3n {
		padding-right: 12px
	}

	.tp-pr-phone-4n {
		padding-right: 16px
	}

	.tp-pr-phone-5n {
		padding-right: 20px
	}
}

.tp-dis-block {
	display: block !important
}

.tp-dis-inline-block {
	display: inline-block !important
}

.tp-dis-none {
	display: none !important
}

@media screen and (max-width:768px) {
	.tp-dis-pad-block {
		display: block !important
	}

	.tp-dis-pad-inline-block {
		display: inline-block !important
	}

	.tp-dis-pad-none {
		display: none !important
	}
}

@media screen and (max-width:600px) {
	.tp-dis-phone-block {
		display: block !important
	}

	.tp-dis-phone-inline-block {
		display: inline-block !important
	}

	.tp-dis-phone-none {
		display: none !important
	}
}

.tp-msg {
	position: relative;
	margin-bottom: 25px;
	padding: 12px 12px 12px 40px;
	font-size: 14px;
	line-height: 24px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	-webkit-font-smoothing: antialiased
}

.tp-msg__title {
	font-weight: 500
}

.tp-msg__desc,
.tp-msg__title {
	color: #333;
	font-size: 14px;
	line-height: 24px
}

.tp-msg__icon {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 16px;
	height: 16px
}

.tp-msg__list {
	margin-top: 4px
}

.tp-msg__list li {
	margin-top: 4px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	list-style: none
}

.tp-msg__list li:first-child {
	margin-top: 0
}

.tp-msg__list li:before {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 8px;
	vertical-align: 3px;
	background-color: #999;
	border-radius: 50%;
	content: ""
}

.tp-msg--explain {
	background-color: #f6fcff;
	border-color: #c9e3f2
}

.tp-msg--explain:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #00a4ff;
	content: ""
}

.tp-msg--explain .tp-msg__icon {
	background-image: url(images/rno-document-tips-explain_321.svg)
}

.tp-msg--explain .tp-msg__title {
	color: #333
}

.tp-msg--explain li:before {
	background-color: #00a4ff
}

.tp-msg--alarm {
	background-color: #fcf9e9;
	border-color: #ffe5cd
}

.tp-msg--alarm:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #ff7800;
	content: ""
}

.tp-msg--alarm .tp-msg__icon {
	background-image: url(images/rno-document-tips-alarm_8cb.svg)
}

.tp-msg--alarm .tp-msg__title {
	color: #ff7800
}

.tp-msg--alarm li:before {
	background-color: #ff7800
}

.tp-msg--forbid {
	background-color: #fff7f7;
	border-color: #ffd6d7
}

.tp-msg--forbid:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #f64041;
	content: ""
}

.tp-msg--forbid .tp-msg__icon {
	background-image: url(images/rno-document-tips-forbid_9af.svg)
}

.tp-msg--forbid .tp-msg__title {
	color: #f64041
}

.tp-msg--forbid li:before {
	background-color: #f64041
}

.tp-msg--notice {
	background-color: #f1feff;
	border-color: rgba(53, 210, 226, .43)
}

.tp-msg--notice:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 2px;
	height: calc(100% + 2px);
	background-color: #04c8dc;
	content: ""
}

.tp-msg--notice .tp-msg__icon {
	background-image: url(images/rno-document-tips-notice_8de.svg)
}

.tp-msg--notice .tp-msg__title {
	color: #04c8dc
}

.tp-msg--notice li:before {
	background-color: #04c8dc
}

.tp-msg.size-s {
	padding: 12px 12px 12px 16px;
	font-size: 12px;
	line-height: 20px
}

.tp-msg.size-s .tp-msg__body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.tp-msg.size-s .tp-msg__icon {
	position: relative;
	top: 2px;
	left: 0;
	margin-right: 8px
}

.tp-msg.size-s .tp-msg__title {
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap
}

.tp-msg.size-s .tp-msg__desc {
	-ms-flex: 1;
	flex: 1;
	width: 0;
	font-size: 12px;
	line-height: 20px
}

.tp-msg.size-s .tp-msg__list {
	margin-top: 0
}

.tp-msg.size-s .tp-msg__list li {
	margin-top: 0;
	font-size: 12px;
	line-height: 20px
}

.tp-msg.size-s .tp-msg__list li:before {
	width: 4px;
	height: 4px;
	margin-right: 4px
}

.tp-msg--fixed {
	position: fixed;
	top: 40px;
	left: 50%;
	max-width: 90%;
	max-width: min(90%, 800px);
	margin-bottom: 0;
	padding: 8px 20px;
	font-size: 0;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: 0 7px 25px 0 rgba(207, 216, 221, .76);
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.tp-msg--fixed .tp-msg__cont {
	margin-left: 24px;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.tp-msg--fixed .tp-msg__desc {
	color: #333;
	font-size: 14px;
	line-height: 24px
}

.tp-msg--fixed .tp-msg__close {
	position: absolute;
	top: 12px;
	right: 16px;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(images/rno-document-tips-close_f08.svg);
	cursor: pointer
}

.tp-msg--fixed .tp-msg__close:hover {
	background-image: url(images/rno-document-tips-close-hover_f8f.svg)
}

.tp-msg--fixed .tp-msg__icon {
	top: 12px;
	left: 20px;
	display: block;
	margin-right: 8px
}

.tp-msg--fixed.tp-msg--success .tp-msg__icon {
	background-image: url(images/rno-document-tips-success_c03.svg)
}

.tp-msg--fixed.tp-msg--error .tp-msg__icon {
	background-image: url(images/rno-document-tips-error_bfd.svg)
}

.tp-msg--fixed.tp-msg--closable .tp-msg__cont {
	margin-right: 28px
}

.tp-link {
	color: #00a4ff;
	text-decoration: none;
	cursor: pointer
}

.tp-link:hover {
	color: #0092ee;
	text-decoration: underline
}

.tp-link--arrow,
.tp-link--weak-arrow,
.tp-link--white-arrow {
	font-size: 14px
}

.tp-link--arrow:after,
.tp-link--weak-arrow:after,
.tp-link--white-arrow:after {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 6px;
	overflow: hidden;
	vertical-align: 0;
	background-image: url(images/link-arrow_183.svg);
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	content: ""
}

.tp-link--arrow:hover,
.tp-link--weak-arrow:hover,
.tp-link--white-arrow:hover {
	text-decoration: none
}

.tp-link--arrow:hover:after,
.tp-link--weak-arrow:hover:after,
.tp-link--white-arrow:hover:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tp-link--arrow.tp-link--disabled:after,
.tp-link--arrow.tp-link--disabled:hover:after,
.tp-link--weak-arrow.tp-link--disabled:after,
.tp-link--weak-arrow.tp-link--disabled:hover:after,
.tp-link--white-arrow.tp-link--disabled:after,
.tp-link--white-arrow.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-disabled_7e7.svg)
}

.tp-link--arrow.tp-link--disabled:hover:after,
.tp-link--arrow.tp-link--disabled:hover:hover:after,
.tp-link--weak-arrow.tp-link--disabled:hover:after,
.tp-link--weak-arrow.tp-link--disabled:hover:hover:after,
.tp-link--white-arrow.tp-link--disabled:hover:after,
.tp-link--white-arrow.tp-link--disabled:hover:hover:after {
	-webkit-transform: none;
	transform: none
}

.tp-link--arrow.size-s,
.tp-link--weak-arrow.size-s,
.tp-link--white-arrow.size-s {
	font-size: 12px
}

.tp-link--arrow.size-s:after,
.tp-link--weak-arrow.size-s:after,
.tp-link--white-arrow.size-s:after {
	width: 5px;
	height: 8px;
	margin-left: 5px;
	background-image: url(images/link-arrow-s_e7e.svg)
}

.tp-link--arrow.size-s.tp-link--disabled:after,
.tp-link--arrow.size-s.tp-link--disabled:hover:after,
.tp-link--weak-arrow.size-s.tp-link--disabled:after,
.tp-link--weak-arrow.size-s.tp-link--disabled:hover:after,
.tp-link--white-arrow.size-s.tp-link--disabled:after,
.tp-link--white-arrow.size-s.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-s-disabled_add.svg)
}

.tp-link--arrow.size-l,
.tp-link--weak-arrow.size-l,
.tp-link--white-arrow.size-l {
	font-size: 16px
}

.tp-link.size-s {
	font-size: 12px
}

.tp-link.size-l {
	font-size: 16px
}

.tp-link--weak-arrow {
	color: #666
}

.tp-link--weak-arrow:after {
	background-image: url(images/link-arrow-gray_fef.svg)
}

.tp-link--weak-arrow:hover {
	color: #00a4ff
}

.tp-link--weak-arrow:hover:after {
	background-image: url(images/link-arrow_183.svg)
}

.tp-link--weak-arrow.size-s:after {
	background-image: url(images/link-arrow-s-gray_778.svg)
}

.tp-link--weak-arrow.size-s:hover:after {
	background-image: url(images/link-arrow-s_e7e.svg)
}

.tp-link--white-arrow {
	color: #fff
}

.tp-link--white-arrow:after {
	background-image: url(images/link-arrow-white_b8f.svg)
}

.tp-link--white-arrow:hover {
	color: #fff
}

.tp-link--white-arrow:hover:after {
	background-image: url(images/link-arrow-white_b8f.svg)
}

.tp-link--white-arrow.size-s:after,
.tp-link--white-arrow.size-s:hover:after {
	background-image: url(images/link-arrow-s-white_cd2.svg)
}

.tp-link--arrow-left,
.tp-link--weak-arrow-left,
.tp-link--white-arrow-left {
	font-size: 14px
}

.tp-link--arrow-left:before,
.tp-link--weak-arrow-left:before,
.tp-link--white-arrow-left:before {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-right: 6px;
	overflow: hidden;
	vertical-align: 0;
	background-image: url(images/link-arrow-left_080.svg);
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	content: ""
}

.tp-link--arrow-left:hover,
.tp-link--weak-arrow-left:hover,
.tp-link--white-arrow-left:hover {
	text-decoration: none
}

.tp-link--arrow-left:hover:before,
.tp-link--weak-arrow-left:hover:before,
.tp-link--white-arrow-left:hover:before {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px)
}

.tp-link--arrow-left.tp-link--disabled:before,
.tp-link--arrow-left.tp-link--disabled:hover:before,
.tp-link--weak-arrow-left.tp-link--disabled:before,
.tp-link--weak-arrow-left.tp-link--disabled:hover:before,
.tp-link--white-arrow-left.tp-link--disabled:before,
.tp-link--white-arrow-left.tp-link--disabled:hover:before {
	background-image: url(images/link-arrow-left-disabled_f1f.svg)
}

.tp-link--arrow-left.tp-link--disabled:hover:before,
.tp-link--arrow-left.tp-link--disabled:hover:hover:before,
.tp-link--weak-arrow-left.tp-link--disabled:hover:before,
.tp-link--weak-arrow-left.tp-link--disabled:hover:hover:before,
.tp-link--white-arrow-left.tp-link--disabled:hover:before,
.tp-link--white-arrow-left.tp-link--disabled:hover:hover:before {
	-webkit-transform: none;
	transform: none
}

.tp-link--arrow-left.size-s,
.tp-link--weak-arrow-left.size-s,
.tp-link--white-arrow-left.size-s {
	font-size: 12px
}

.tp-link--arrow-left.size-s:before,
.tp-link--weak-arrow-left.size-s:before,
.tp-link--white-arrow-left.size-s:before {
	width: 5px;
	height: 8px;
	background-image: url(images/link-arrow-left-s_6fc.svg)
}

.tp-link--arrow-left.size-s.tp-link--disabled:before,
.tp-link--arrow-left.size-s.tp-link--disabled:hover:before,
.tp-link--weak-arrow-left.size-s.tp-link--disabled:before,
.tp-link--weak-arrow-left.size-s.tp-link--disabled:hover:before,
.tp-link--white-arrow-left.size-s.tp-link--disabled:before,
.tp-link--white-arrow-left.size-s.tp-link--disabled:hover:before {
	background-image: url(images/link-arrow-left-s-disabled_988.svg)
}

.tp-link--arrow-left.size-l,
.tp-link--weak-arrow-left.size-l,
.tp-link--white-arrow-left.size-l {
	font-size: 16px
}

.tp-link--weak-arrow-left {
	color: #666
}

.tp-link--weak-arrow-left:before {
	background-image: url(images/link-arrow-left-gray_d54.svg)
}

.tp-link--weak-arrow-left:hover {
	color: #00a4ff
}

.tp-link--weak-arrow-left:hover:before {
	background-image: url(images/link-arrow-left_080.svg)
}

.tp-link--weak-arrow-left.size-s:before {
	background-image: url(images/link-arrow-left-s-gray_6e1.svg)
}

.tp-link--weak-arrow-left.size-s:hover:before {
	background-image: url(images/link-arrow-left-s_6fc.svg)
}

.tp-link--white-arrow-left {
	color: #fff
}

.tp-link--white-arrow-left:before {
	background-image: url(images/link-arrow-left-white_04b.svg)
}

.tp-link--white-arrow-left:hover {
	color: #fff
}

.tp-link--white-arrow-left:hover:before {
	background-image: url(images/link-arrow-left-white_04b.svg)
}

.tp-link--white-arrow-left.size-s:before,
.tp-link--white-arrow-left.size-s:hover:before {
	background-image: url(images/link-arrow-left-s-white_08a.svg)
}

.tp-link--arrow-top,
.tp-link--weak-arrow-top,
.tp-link--white-arrow-top {
	font-size: 14px
}

.tp-link--arrow-top:after,
.tp-link--weak-arrow-top:after,
.tp-link--white-arrow-top:after {
	display: inline-block;
	width: 10px;
	height: 6px;
	margin-left: 4px;
	overflow: hidden;
	vertical-align: 1px;
	background-image: url(images/link-arrow-top_aa3.svg);
	content: ""
}

.tp-link--arrow-top:hover,
.tp-link--weak-arrow-top:hover,
.tp-link--white-arrow-top:hover {
	text-decoration: none
}

.tp-link--arrow-top.tp-link--disabled:after,
.tp-link--arrow-top.tp-link--disabled:hover:after,
.tp-link--weak-arrow-top.tp-link--disabled:after,
.tp-link--weak-arrow-top.tp-link--disabled:hover:after,
.tp-link--white-arrow-top.tp-link--disabled:after,
.tp-link--white-arrow-top.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-top-disabled_b02.svg)
}

.tp-link--arrow-top.size-s,
.tp-link--weak-arrow-top.size-s,
.tp-link--white-arrow-top.size-s {
	font-size: 12px
}

.tp-link--arrow-top.size-s:after,
.tp-link--weak-arrow-top.size-s:after,
.tp-link--white-arrow-top.size-s:after {
	width: 8px;
	height: 5px;
	background-image: url(images/link-arrow-top-s_b36.svg)
}

.tp-link--arrow-top.size-s.tp-link--disabled:after,
.tp-link--arrow-top.size-s.tp-link--disabled:hover:after,
.tp-link--weak-arrow-top.size-s.tp-link--disabled:after,
.tp-link--weak-arrow-top.size-s.tp-link--disabled:hover:after,
.tp-link--white-arrow-top.size-s.tp-link--disabled:after,
.tp-link--white-arrow-top.size-s.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-top-s-disabled_e4c.svg)
}

.tp-link--arrow-top.size-l,
.tp-link--weak-arrow-top.size-l,
.tp-link--white-arrow-top.size-l {
	font-size: 16px
}

.tp-link--weak-arrow-top {
	color: #666
}

.tp-link--weak-arrow-top:after {
	background-image: url(images/link-arrow-top-gray_3ec.svg)
}

.tp-link--weak-arrow-top:hover {
	color: #00a4ff
}

.tp-link--weak-arrow-top:hover:after {
	background-image: url(images/link-arrow-top_aa3.svg)
}

.tp-link--weak-arrow-top.size-s:after {
	background-image: url(images/link-arrow-top-s-gray_3fe.svg)
}

.tp-link--weak-arrow-top.size-s:hover:after {
	background-image: url(images/link-arrow-top-s_b36.svg)
}

.tp-link--white-arrow-top {
	color: #fff
}

.tp-link--white-arrow-top:after {
	background-image: url(images/link-arrow-top-white_1c5.svg)
}

.tp-link--white-arrow-top:hover {
	color: #fff
}

.tp-link--white-arrow-top:hover:after {
	background-image: url(images/link-arrow-top-white_1c5.svg)
}

.tp-link--white-arrow-top.size-s:after,
.tp-link--white-arrow-top.size-s:hover:after {
	background-image: url(images/link-arrow-top-s-white_dbf.svg)
}

.tp-link--arrow-bottom,
.tp-link--weak-arrow-bottom,
.tp-link--white-arrow-bottom {
	font-size: 14px
}

.tp-link--arrow-bottom:after,
.tp-link--weak-arrow-bottom:after,
.tp-link--white-arrow-bottom:after {
	display: inline-block;
	width: 10px;
	height: 6px;
	margin-left: 4px;
	overflow: hidden;
	vertical-align: 1px;
	background-image: url(images/link-arrow-bottom_53b.svg);
	content: ""
}

.tp-link--arrow-bottom:hover,
.tp-link--weak-arrow-bottom:hover,
.tp-link--white-arrow-bottom:hover {
	text-decoration: none
}

.tp-link--arrow-bottom.tp-link--disabled:after,
.tp-link--arrow-bottom.tp-link--disabled:hover:after,
.tp-link--weak-arrow-bottom.tp-link--disabled:after,
.tp-link--weak-arrow-bottom.tp-link--disabled:hover:after,
.tp-link--white-arrow-bottom.tp-link--disabled:after,
.tp-link--white-arrow-bottom.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-bottom-disabled_ba8.svg)
}

.tp-link--arrow-bottom.size-s,
.tp-link--weak-arrow-bottom.size-s,
.tp-link--white-arrow-bottom.size-s {
	font-size: 12px
}

.tp-link--arrow-bottom.size-s:after,
.tp-link--weak-arrow-bottom.size-s:after,
.tp-link--white-arrow-bottom.size-s:after {
	width: 8px;
	height: 5px;
	background-image: url(images/link-arrow-bottom-s_e67.svg)
}

.tp-link--arrow-bottom.size-s.tp-link--disabled:after,
.tp-link--arrow-bottom.size-s.tp-link--disabled:hover:after,
.tp-link--weak-arrow-bottom.size-s.tp-link--disabled:after,
.tp-link--weak-arrow-bottom.size-s.tp-link--disabled:hover:after,
.tp-link--white-arrow-bottom.size-s.tp-link--disabled:after,
.tp-link--white-arrow-bottom.size-s.tp-link--disabled:hover:after {
	background-image: url(images/link-arrow-bottom-s-disabled_5d5.svg)
}

.tp-link--arrow-bottom.size-l,
.tp-link--weak-arrow-bottom.size-l,
.tp-link--white-arrow-bottom.size-l {
	font-size: 16px
}

.tp-link--weak-arrow-bottom {
	color: #666
}

.tp-link--weak-arrow-bottom:after {
	background-image: url(images/link-arrow-bottom-gray_202.svg)
}

.tp-link--weak-arrow-bottom:hover {
	color: #00a4ff
}

.tp-link--weak-arrow-bottom:hover:after {
	background-image: url(images/link-arrow-bottom_53b.svg)
}

.tp-link--weak-arrow-bottom.size-s:after {
	background-image: url(images/link-arrow-bottom-s-gray_f2f.svg)
}

.tp-link--weak-arrow-bottom.size-s:hover:after {
	background-image: url(images/link-arrow-bottom-s_e67.svg)
}

.tp-link--white-arrow-bottom {
	color: #fff
}

.tp-link--white-arrow-bottom:after {
	background-image: url(images/link-arrow-bottom-white_f19.svg)
}

.tp-link--white-arrow-bottom:hover {
	color: #fff
}

.tp-link--white-arrow-bottom:hover:after {
	background-image: url(images/link-arrow-bottom-white_f19.svg)
}

.tp-link--white-arrow-bottom.size-s:after,
.tp-link--white-arrow-bottom.size-s:hover:after {
	background-image: url(images/link-arrow-bottom-s-white_8f7.svg)
}

.tp-link--disabled,
.tp-link--disabled:hover {
	color: #999;
	cursor: default;
	pointer-events: none
}

.tp-link--underline-primary {
	position: relative
}

.tp-link--underline-primary:hover {
	text-decoration: none
}

.tp-link--underline-primary:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 1px dashed #00a4ff;
	content: ""
}

.tp-link--underline {
	position: relative;
	color: #333
}

.tp-link--underline:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 1px dashed #333;
	content: ""
}

.tp-link--underline:hover {
	color: #00a4ff;
	text-decoration: none
}

.tp-link--underline:hover:after {
	border-bottom-color: #00a4ff
}

.tp-link--underline-weak {
	position: relative;
	color: #666
}

.tp-link--underline-weak:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 1px dashed #666;
	content: ""
}

.tp-link--underline-weak:hover {
	color: #00a4ff;
	text-decoration: none
}

.tp-link--underline-weak:hover:after {
	border-bottom-color: #00a4ff
}

.tp-link--underline-weaker {
	position: relative;
	color: #999
}

.tp-link--underline-weaker:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 1px dashed #999;
	content: ""
}

.tp-link--underline-weaker:hover {
	color: #00a4ff;
	text-decoration: none
}

.tp-link--underline-weaker:hover:after {
	border-bottom-color: #00a4ff
}

.tpm-link.tp-link {
	color: #0052d9
}

.tpm-link.tp-link--arrow:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 52.77777777777778%;
	background-size: 2933.333333333333% auto
}

.tpm-link.tp-link--white-arrow {
	color: #fff
}

.tpm-link.tp-link--arrow-left:before {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 100% 37.5%;
	background-size: 2933.333333333333% auto
}

.tpm-link.tp-link--arrow-top:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 98.79518072289156% 47.2972972972973%;
	background-size: 1760.0000000000002% auto
}

.tpm-link.tp-link--arrow-bottom:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 98.79518072289156% 43.24324324324324%;
	background-size: 1760.0000000000002% auto
}

.tpm-link.size-s.tp-link--arrow:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 95.90643274853801% 74.65753424657534%;
	background-size: 3520.0000000000005% auto
}

.tpm-link.size-s.tp-link--arrow-left:before {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 99.41520467836257% 65.75342465753424%;
	background-size: 3520.0000000000005% auto
}

.tpm-link.size-s.tp-link--arrow-top:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 97.61904761904762% 78.52348993288591%;
	background-size: 2200% auto
}

.tpm-link.size-s.tp-link--arrow-bottom:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 97.61904761904762% 69.79865771812081%;
	background-size: 2200% auto
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-container-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-ms-flex-align: start;
	align-items: flex-start;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.tpm-swiper {
	position: relative
}

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

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

.tpm-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;
	transition: background-color .3s ease-in-out
}

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

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

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

.tpm-swiper__btn {
	position: absolute;
	top: 50%;
	margin-top: -39px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 0;
	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
}

.tpm-swiper__btn,
.tpm-swiper__btn-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-swiper__btn-inner {
	width: 32px;
	height: 32px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16);
	border-radius: 50%
}

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

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

@media screen and (min-width:769px) {
	.tpm-swiper__btn:after {
		transition: background-image .3s ease-in-out
	}
}

.tpm-swiper__btn--prev:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 30.555555555555557%;
	background-size: 2933.333333333333% auto
}

.tpm-swiper__btn--prev:hover:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 100% 23.61111111111111%;
	background-size: 2933.333333333333% auto
}

.tpm-swiper__btn--next:after {
	margin-left: -2px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 23.61111111111111%;
	background-size: 2933.333333333333% auto
}

.tpm-swiper__btn--next:hover:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 100% 16.666666666666664%;
	background-size: 2933.333333333333% auto
}

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

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

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

.tpm-hero2 {
	position: relative;
	margin-bottom: -46px;
	-webkit-font-smoothing: antialiased
}

.tpm-hero2__main {
	height: 500px;
	position: relative;
	background-color: #e6e9ee
}

.tpm-hero2__item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0 20px
}

.tpm-hero2__item-link {
	display: block;
	height: 100%;
	text-decoration: none
}

.tpm-hero2__item-bg-wrap {
	background: #e6e9ee
}

.tpm-hero2__item-bg,
.tpm-hero2__item-bg-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.tpm-hero2__item-bg {
	background-position: top;
	background-size: auto 100%;
	background-repeat: no-repeat
}

.tpm-hero2__item-bg-gradient-left {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 190px;
	height: 100%
}

.tpm-hero2__item-bg-gradient-right {
	position: absolute;
	right: 50%;
	margin-right: -960px;
	width: 190px;
	height: 100%
}

.tpm-hero2__item-3d {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none
}

.tpm-hero2__item-3d-main {
	position: absolute;
	width: 460px;
	height: 392px;
	left: 50%;
	top: 62px;
	margin-left: 188px;
	pointer-events: none;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.tpm-hero2__item-videowrap {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1920px;
	height: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow: hidden
}

.tpm-hero2__item-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.tpm-hero2__item-video.is-hide {
	opacity: 0
}

.tpm-hero2__item-content {
	position: relative;
	margin: 0 auto;
	max-width: 1180px;
	box-sizing: border-box
}

.tpm-hero2__item-content-inner {
	padding-top: 158px;
	padding-right: 402px;
	padding-left: 318px
}

.tpm-hero2__item-title {
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 44px;
	color: #181818;
	font-weight: 500;
	max-height: 88px
}

.tpm-hero2__item-desc,
.tpm-hero2__item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.tpm-hero2__item-desc {
	font-size: 16px;
	color: #4b5b76;
	line-height: 24px;
	max-height: 48px
}

.tpm-hero2__item-btns {
	margin-top: 32px
}

.tpm-hero2__item-btns .tpm-btn {
	margin-right: 20px;
	min-width: 136px
}

.tpm-hero2__item--dark .tpm-hero2__item-desc,
.tpm-hero2__item--dark .tpm-hero2__item-title {
	color: #fff
}

@media screen and (min-width:769px) {
	.tpm-hero2--with-3d .tpm-hero2__item-bg-wrap {
		overflow: hidden
	}

	.tpm-hero2--with-3d .tpm-hero2__item-bg {
		left: 50%;
		margin-left: 5px;
		width: 1275px;
		height: 100%
	}

	.tpm-hero2--with-3d .tpm-hero2__item--video .tpm-hero2__item-bg {
		left: 0;
		margin-left: 0;
		width: 100%
	}

	.tpm-hero2--with-3d .tpm-hero2__item:first-child .tpm-hero2__item-bg {
		background-image: url(images/hero2-bg-pc1_160.jpg)
	}

	.tpm-hero2--with-3d .tpm-hero2__item:nth-child(2) .tpm-hero2__item-bg {
		background-image: url(images/hero2-bg-pc2_5f8.jpg)
	}

	.tpm-hero2--with-3d .tpm-hero2__item:nth-child(3) .tpm-hero2__item-bg {
		background-image: url(images/hero2-bg-pc3_475.jpg)
	}

	.tpm-hero2--with-3d .tpm-hero2__item:nth-child(4) .tpm-hero2__item-bg {
		background-image: url(images/hero2-bg-pc4_e01.jpg)
	}

	.tpm-hero2--with-3d .tpm-hero2__item:nth-child(5) .tpm-hero2__item-bg {
		background-image: url(images/hero2-bg-pc5_f5e.jpg)
	}
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__item {
		padding-left: 40px;
		padding-right: 40px
	}

	.tpm-view-l .tpm-hero2__item-content {
		max-width: 1420px
	}

	.tpm-view-l .tpm-hero2__item-content-inner {
		padding-left: 318px;
		padding-right: 522px
	}
}

@media screen and (min-width:769px) and (max-width:1440px) {
	.tpm-hero2__item-3d-main {
		left: auto;
		right: 72px;
		margin-left: 0
	}

	.tpm-hero2--with-3d .tpm-hero2__item-bg {
		right: -560px;
		left: auto;
		margin-left: 0
	}

	.tpm-hero2--with-3d .tpm-hero2__item-content-inner {
		padding-right: 522px
	}
}

@media screen and (max-width:768px) {
	.tpm-hero2 {
		margin-top: 0;
		margin-bottom: -22px
	}

	.tpm-hero2__main {
		height: auto
	}

	.tpm-hero2 .swiper-container {
		height: 380px
	}

	.tpm-hero2 .hero__model-wrap,
	.tpm-hero2 .tpm-hero2__item-3d {
		display: none
	}

	.tpm-hero2__item {
		position: relative;
		padding: 0
	}

	.tpm-hero2__item-link {
		padding: 0 16px 84px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.tpm-hero2__item-bg {
		display: none
	}

	.tpm-hero2__item-bg--mobile {
		display: block;
		background-size: auto 100%;
		background-position: top;
		background-repeat: no-repeat
	}

	.tpm-hero2__item-3d-main {
		position: absolute;
		top: -20px;
		left: 50%;
		margin: 0 0 0 -150px;
		width: 300px;
		height: 284px
	}

	.tpm-hero2__item-content {
		text-align: center;
		width: 100%
	}

	.tpm-hero2__item-content-inner {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0
	}

	.tpm-hero2__item-title {
		margin-bottom: 8px;
		line-height: 40px;
		font-size: 24px;
		color: #000
	}

	.tpm-hero2__item-desc,
	.tpm-hero2__item-title {
		display: block;
		max-height: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-hero2__item-desc {
		line-height: 24px;
		font-size: 14px;
		color: #3d485d
	}

	.tpm-hero2__item-btns {
		display: none
	}

	.tpm-hero2--with-3d .tpm-hero2__item-3d {
		display: block
	}
}

.tpm-hero2 .dg.ac {
	z-index: 16666 !important
}

.tpm-hero2 .hero__model-wrap {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	pointer-events: none
}

.tpm-hero2 .hero__model-inner-wrap {
	position: absolute;
	width: 460px;
	height: 392px;
	left: 50%;
	top: 62px;
	margin-left: 188px
}

.tpm-hero2 .hero__model-canvas {
	width: 460px;
	height: 392px;
	pointer-events: auto;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background: transparent;
	cursor: pointer
}

.tpm-hero2 .tp-mat-product-section {
	position: relative;
	z-index: 10
}

@media screen and (min-width:769px) {
	.tpm-hero2--with-3d .hero__model-wrap {
		display: block
	}
}

@media screen and (min-width:769px) and (max-width:1440px) {
	.tpm-hero2 .hero__model-inner-wrap {
		left: auto;
		right: 72px;
		margin-left: 0
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl {
		left: 50%;
		top: 0;
		z-index: 2;
		padding: 0 20px;
		max-width: 1220px;
		width: 100%;
		height: 100%;
		font-size: 0;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		pointer-events: none
	}

	.tpm-hero2__ctrl,
	.tpm-hero2__ctrl-list {
		position: absolute;
		box-sizing: border-box
	}

	.tpm-hero2__ctrl-list {
		z-index: 1;
		top: 108px;
		left: 20px;
		width: 268px;
		min-height: 300px;
		border-right: 2px solid #fff;
		pointer-events: visible
	}

	.tpm-hero2__ctrl-item {
		position: relative;
		cursor: pointer;
		color: #181818;
		margin-right: -2px
	}
}

@media screen and (min-width:769px) and (min-width:769px) {
	.tpm-hero2__ctrl-item {
		transition: color .3s ease-in-out;
		-ms-transition: color .3s ease-in-out;
		-moz-transition: color .3s ease-in-out;
		-webkit-transition: color .3s ease-in-out;
		-o-transition: color .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-line {
		position: absolute;
		right: -2px;
		left: 0;
		transition: all .4s cubic-bezier(0, 0, 0, 1)
	}

	.tpm-hero2__ctrl-item-line:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6));
		transition: background-image .3s cubic-bezier(1, .05, .58, 1)
	}

	.tpm-hero2__ctrl-item-line:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		width: 2px;
		height: 100%;
		background-color: #0052d9;
		transition: all .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-inner {
		position: relative;
		padding-right: 30px;
		height: 60px
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-tit {
		height: inherit;
		box-sizing: border-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-tittext {
		line-height: 24px;
		font-size: 16px;
		font-weight: 400;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		transition: font-size .4s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-tag {
		margin-right: 12px;
		padding: 0 8px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #f64041
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item-progress {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 3px;
		background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease-in-out, background-image .3s ease-in-out;
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@media screen and (min-width:769px) {

	.tpm-hero2__ctrl-item.is-active,
	.tpm-hero2__ctrl-item:hover {
		color: #0052d9
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-progress {
		opacity: 1;
		visibility: visible
	}

	.tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-tittext {
		font-weight: 500
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2--dark .tpm-hero2__ctrl-list {
		border-right-color: rgba(0, 0, 0, .15)
	}

	.tpm-hero2--dark .tpm-hero2__ctrl-item {
		color: #fff
	}

	.tpm-hero2--dark .tpm-hero2__ctrl-item-line:before {
		background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .15))
	}

	.tpm-hero2--dark .tpm-hero2__ctrl-item-line:after {
		background-color: #fff
	}

	.tpm-hero2--dark .tpm-hero2__ctrl-item-progress {
		background: linear-gradient(270deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0))
	}

	.tpm-hero2--dark .tpm-hero2__ctrl-item.is-active,
	.tpm-hero2--dark .tpm-hero2__ctrl-item:hover {
		color: #fff
	}
}

@media screen and (min-width:769px) and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__ctrl {
		padding: 0 40px;
		max-width: 1500px
	}

	.tpm-view-l .tpm-hero2__ctrl-list {
		top: 108px;
		left: 40px
	}
}

@media screen and (max-width:768px) {
	.tpm-hero2__ctrl {
		position: absolute;
		left: 0;
		bottom: 54px;
		z-index: 2;
		padding: 0 16px;
		width: 100%;
		font-size: 0;
		text-align: center;
		box-sizing: border-box
	}

	.tpm-hero2__ctrl-list {
		margin: 0 auto;
		max-width: 1180px
	}

	.tpm-hero2__ctrl-item {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		padding: 10px 0;
		cursor: pointer;
		overflow: hidden
	}

	.tpm-hero2__ctrl-item:before {
		content: "";
		display: block;
		width: 30px;
		height: 4px;
		background-color: #d7dbe0;
		border-radius: 2px
	}

	.tpm-hero2__ctrl-item+.tpm-hero2__ctrl-item {
		margin-left: 10px
	}

	.tpm-hero2__ctrl-item-inner {
		position: absolute;
		left: 0;
		top: 10px;
		width: 100%;
		height: 4px;
		display: none;
		background-color: #0052d9;
		border-radius: 2px
	}

	.tpm-hero2__ctrl-item.is-active .tpm-hero2__ctrl-item-inner {
		display: block
	}
}

.tpm-hero2__entries-wrap {
	position: relative;
	z-index: 11;
	margin-top: -46px;
	padding: 0 20px;
	pointer-events: none
}

.tpm-hero2__entries-inner {
	margin: 0 auto;
	max-width: 1180px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.tpm-hero2__entry {
	display: block;
	margin-right: 20px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	box-sizing: border-box;
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	max-width: none;
	height: auto;
	padding: 18px;
	position: relative;
	pointer-events: auto
}

@media screen and (min-width:769px) {
	.tpm-hero2__entry {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-hero2__entry:last-child {
	margin-right: 0
}

.tpm-hero2__entry-title {
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 500;
	color: #181818;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-hero2__entry-title {
		transition: color .3s ease-in-out
	}
}

.tpm-hero2__entry-icon {
	display: inline-block;
	vertical-align: -5.5px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: 12px
}

.tpm-hero2__entry-desc {
	max-height: 44px;
	line-height: 22px;
	font-size: 14px;
	color: #4b5b76;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.tpm-hero2__entry-mobile {
	display: none
}

.tpm-hero2__entry:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

.tpm-hero2__entry:hover .tpm-hero2__entry-title {
	color: #0052d9
}

.tpm-hero2--with-3d .tpm-hero2__entry,
.tpm-hero2--with-3d .tpm-hero2__entry:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__entries-wrap {
		padding-left: 40px;
		padding-right: 40px
	}

	.tpm-view-l .tpm-hero2__entries-inner {
		max-width: 1420px
	}

	.tpm-view-l .tpm-hero2__entry-desc {
		-webkit-line-clamp: 1
	}
}

@media screen and (max-width:1200px) {
	.tpm-hero2__entries-inner {
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-hero2__entry {
		-ms-flex: 1;
		flex: 1;
		max-width: none
	}
}

@media screen and (max-width:768px) {
	.tpm-hero2__entries-wrap {
		padding: 0;
		margin-top: -45px;
		pointer-events: auto
	}

	.tpm-hero2__entries-inner {
		padding: 0 16px;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-hero2__entry {
		margin-right: 8px;
		padding: 12px 8px 8px;
		height: auto;
		min-height: 68px;
		-ms-flex: 1;
		flex: 1;
		width: 1px;
		text-align: center
	}

	.tpm-hero2__entry:last-child {
		margin-right: 0
	}

	.tpm-hero2__entry-icon {
		margin-bottom: 4px
	}

	.tpm-hero2__entry-title {
		display: none;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px
	}

	.tpm-hero2__entry-desc {
		display: none
	}

	.tpm-hero2__entry-mobile,
	.tpm-hero2__entry-mobile .tpm-hero2__entry-title {
		display: block
	}

	.tpm-hero2__entry-icon {
		display: block;
		margin: 0 auto 4px
	}

	.tpm-hero2__entries--with-media .tpm-hero2__entry:nth-child(3) {
		margin-right: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-hero2__entries-inner {
		-ms-flex-pack: start;
		justify-content: start
	}

	.tpm-hero2__entry {
		-ms-flex: none;
		flex: none;
		margin-bottom: 8px;
		padding: 10px 6px;
		min-height: auto;
		width: calc(50% - 4px);
		text-align: left
	}

	.tpm-hero2__entry:nth-child(n+5) {
		display: none
	}

	.tpm-hero2__entry:nth-child(2n) {
		margin-right: 0
	}

	.tpm-hero2__entry:nth-child(n+3) {
		margin-bottom: 0
	}

	.tpm-hero2__entry-title {
		line-height: 24px
	}

	.tpm-hero2__entry-icon {
		display: inline-block;
		vertical-align: -7px;
		margin: 0 8px 0 0
	}

	.tpm-hero2__entries--with-media .tpm-hero2__entry {
		margin-bottom: 0
	}

	.tpm-hero2__entries--with-media .tpm-hero2__entry:nth-child(3) {
		display: none
	}
}

.tpm-hero2__product {
	position: relative;
	z-index: 1;
	padding: 16px;
	border-radius: 4px;
	pointer-events: auto;
	width: 472px;
	overflow: hidden
}

.tpm-hero2__product-bg {
	position: absolute;
	top: -14px;
	right: 12px;
	width: 144px;
	height: 144px;
	z-index: -1;
	opacity: .25
}

.tpm-hero2__product-bg img {
	display: block;
	width: 100%;
	height: 100%
}

.tpm-hero2__product-object {
	margin-bottom: 6px
}

.tpm-hero2__product-title {
	line-height: 26px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.tpm-hero2__product-linkwrap {
	width: 100%;
	max-height: 50px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.tpm-hero2__product-links {
	width: calc(33.33333% - 10.66667px)
}

.tpm-hero2__product-links+.tpm-hero2__product-links {
	margin-left: 16px
}

.tpm-hero2__product-link .tp-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-right: 16px;
	max-width: 100%;
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tpm-hero2__product-link .tp-link:after {
	display: block;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -5px
}

.tpm-hero2__product-link+.tpm-hero2__product-link {
	margin-top: 6px
}

@media screen and (max-width:768px) {
	.tpm-hero2__product {
		margin-top: 8px;
		max-width: none;
		width: 100%
	}

	.tpm-hero2__product-bg {
		right: -8px
	}

	.tpm-hero2__product-object {
		margin-bottom: 16px
	}

	.tpm-hero2__product-title {
		line-height: 24px;
		font-size: 16px;
		white-space: normal;
		overflow: visible
	}

	.tpm-hero2__product-linkwrap {
		display: block;
		max-height: none;
		margin-left: -6px;
		margin-right: -6px;
		margin-bottom: -6px
	}

	.tpm-hero2__product-links {
		display: inline;
		margin: 0;
		max-width: none
	}

	.tpm-hero2__product-link {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 6px;
		padding-left: 6px;
		padding-right: 6px;
		width: 33.3333%;
		box-sizing: border-box
	}

	.tpm-hero2__product-links+.tpm-hero2__product-links {
		margin-left: 0
	}

	.tpm-hero2__product-link+.tpm-hero2__product-link {
		margin-top: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-hero2__product .tpm-hero2__product-link {
		width: 50%
	}
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__product {
		padding: 18px 20px;
		width: 640px
	}

	.tpm-view-l .tpm-hero2__product-bg {
		left: 75px;
		right: auto
	}

	.tpm-view-l .tpm-hero2__product-inner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap
	}

	.tpm-view-l .tpm-hero2__product-object {
		position: relative;
		margin-right: 20px;
		margin-bottom: 0;
		padding-right: 28px;
		width: 144px;
		box-sizing: content-box;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		display: -ms-flexbox;
		display: flex;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-view-l .tpm-hero2__product-object:after {
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		bottom: 4px;
		right: 0;
		width: 1px;
		background-color: hsla(0, 0%, 100%, .2)
	}

	.tpm-view-l .tpm-hero2__product-main {
		min-width: 0;
		min-height: 0;
		-ms-flex: 1;
		flex: 1
	}

	.tpm-view-l .tpm-hero2__product-title {
		max-height: 52px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: normal;
		text-overflow: ellipsis
	}

	.tpm-view-l .tpm-hero2__product-linkwrap {
		max-height: 56px
	}

	.tpm-view-l .tpm-hero2__product .tpm-hero2__product-link+.tpm-hero2__product-link {
		margin-top: 12px
	}
}

.tpm-hero2__event {
	position: relative;
	width: 472px;
	height: auto;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	background-image: linear-gradient(0deg, #686fff, #525af6);
	border: 2px solid #7178ff;
	box-shadow: 8px 8px 20px 0 rgba(100, 108, 254, .39);
	border-radius: 4px;
	color: #fff;
	pointer-events: auto
}

.tpm-hero2__event-object {
	width: 128px;
	position: relative;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none
}

.tpm-hero2__event-object:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	width: 1px;
	height: 44px;
	background: hsla(0, 0%, 100%, .2)
}

.tpm-hero2__event-img {
	display: block;
	width: 112px;
	height: 84px
}

.tpm-hero2__event-main {
	position: relative;
	display: block;
	max-height: 100%;
	padding: 12px 16px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	min-width: 0;
	min-height: 0;
	-ms-flex: 1;
	flex: 1
}

.tpm-hero2__event-subimg {
	margin-bottom: 4px
}

.tpm-hero2__event-subimg img {
	display: block;
	max-width: 100%;
	width: auto;
	height: 32px;
	box-sizing: border-box
}

.tpm-hero2__event-links {
	margin-right: 16px;
	width: calc(33.33333% - 10.66667px)
}

.tpm-hero2__event-links:last-child {
	margin-right: 0
}

.tpm-hero2__event-linkwrap {
	width: 100%;
	max-height: 50px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.tpm-hero2__event-link {
	margin-bottom: 6px
}

.tpm-hero2__event-link:last-child {
	margin-bottom: 0
}

.tpm-hero2__event .tpm-link.tp-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-right: 16px;
	max-width: 100%;
	line-height: 22px;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tpm-hero2__event .tpm-link.tp-link:after {
	display: block;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -5px
}

.tpm-hero2__event-count {
	position: absolute;
	right: -6px;
	top: 12px;
	box-sizing: border-box;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(81, 67, 60, .3);
	border-radius: 4px;
	padding: 3px 10px;
	font-size: 14px;
	color: #4b5b76;
	line-height: 22px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	align-items: center
}

.tpm-hero2__event-count-num {
	margin-left: 2px;
	font-weight: 500;
	font-size: 14px;
	color: #6168fc
}

.tpm-hero2__event-count-num em {
	margin-right: 2px;
	font-weight: 500
}

.tpm-hero2__event-count-text {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 18px;
	color: #6168fc;
	line-height: 26px
}

.tpm-hero2__event--single .tpm-hero2__event-object {
	width: auto;
	min-width: 120px;
	max-width: 246px;
	padding: 22px 20px;
	display: none
}

.tpm-hero2__event--single .tpm-hero2__event-object:after {
	display: none
}

.tpm-hero2__event--single .tpm-hero2__event-img {
	width: auto;
	max-height: 44px;
	max-width: 100%;
	height: auto
}

.tpm-hero2__event--single .tpm-hero2__event-main {
	padding: 10px 16px 20px;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-hero2__event--single .tpm-hero2__event-subimg {
	margin-bottom: 20px
}

.tpm-hero2__event--single .tpm-hero2__event-title {
	display: none;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	line-height: 28px
}

.tpm-hero2__event--single .tpm-hero2__event-title--long {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-hero2__event--single .tpm-hero2__event-title--short {
	display: none
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__event {
		padding-right: 80px;
		width: 640px
	}

	.tpm-view-l .tpm-hero2__event-object {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-view-l .tpm-hero2__event-main {
		padding: 16px 12px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-view-l .tpm-hero2__event-subimg {
		display: none
	}

	.tpm-view-l .tpm-hero2__event-linkwrap {
		max-height: 56px
	}

	.tpm-view-l .tpm-hero2__event-links {
		margin-right: 16px
	}

	.tpm-view-l .tpm-hero2__event-links:last-child {
		margin-right: 0
	}

	.tpm-view-l .tpm-hero2__event-link {
		margin-bottom: 12px
	}

	.tpm-view-l .tpm-hero2__event-link:last-child {
		margin-bottom: 0
	}

	.tpm-view-l .tpm-hero2__event-count {
		top: 50%;
		display: block;
		padding: 3px 14px 3px 10px;
		line-height: 20px;
		font-size: 14px;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.tpm-view-l .tpm-hero2__event-count-num {
		margin: 2px 0 0
	}

	.tpm-view-l .tpm-hero2__event-count-num em {
		margin-right: 4px;
		line-height: 36px;
		font-size: 28px
	}

	.tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-object {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-object:after {
		display: block
	}

	.tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-main {
		padding: 16px 12px
	}

	.tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-title {
		display: block
	}

	.tpm-view-l .tpm-hero2__event--single .tpm-hero2__event-title .tpm-hero2__event-title--long {
		max-height: 56px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal
	}
}

@media screen and (max-width:768px) {
	.tpm-hero2__event {
		margin-top: 8px;
		max-width: none;
		width: 100%
	}

	.tpm-hero2__event-linkwrap {
		display: block;
		max-height: none;
		margin-left: -6px;
		margin-right: -6px;
		margin-bottom: -6px
	}

	.tpm-hero2__event-links {
		display: inline;
		margin: 0;
		max-width: none
	}

	.tpm-hero2__event-link {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 6px;
		padding-left: 6px;
		padding-right: 6px;
		width: 33.3333%;
		box-sizing: border-box
	}

	.tpm-hero2__event-link:last-child {
		margin-bottom: 6px
	}

	.tpm-hero2__event--single .tpm-hero2__event-main {
		padding: 10px 14px 18px
	}

	.tpm-hero2__event--single .tpm-hero2__event-subimg {
		margin-bottom: 12px
	}

	.tpm-hero2__event--single .tpm-hero2__event-title {
		line-height: 26px;
		font-size: 18px
	}

	.tpm-hero2__event--single .tpm-hero2__event-title--long {
		white-space: normal;
		text-overflow: clip;
		overflow: visible
	}
}

@media screen and (max-width:600px) {
	.tpm-hero2__event-link {
		width: 50%
	}

	.tpm-hero2__event-subimg {
		margin-bottom: 12px
	}

	.tpm-hero2__event--single .tpm-hero2__event-main {
		padding: 10px 14px 14px
	}

	.tpm-hero2__event--single .tpm-hero2__event-title {
		line-height: 24px;
		font-size: 16px
	}
}

@media screen and (min-width:769px) {
	.tpm-hero2__ctrl-list {
		width: calc(20% - 24px)
	}

	.tpm-hero2__item-content-inner {
		padding-left: calc(20% + 34px)
	}

	.tpm-hero2-event .tpm-hero2__ctrl-list {
		width: calc(33.33333% - 190.66667px)
	}

	.tpm-hero2-event .tpm-hero2__item-content-inner {
		padding-left: calc(33.33333% - 127.33333px)
	}
}

@media screen and (min-width:769px) and (min-width:1440px) {
	.tpm-view-l .tpm-hero2__ctrl-list {
		width: calc(20% - 32px)
	}

	.tpm-view-l .tpm-hero2__item-content-inner {
		padding-left: calc(20% + 34px)
	}

	.tpm-view-l .tpm-hero2-event .tpm-hero2__ctrl-list {
		width: calc(33.33333% - 260px)
	}

	.tpm-view-l .tpm-hero2-event .tpm-hero2__item-content-inner {
		padding-left: calc(33.33333% - 183.33333px)
	}
}

.tp-loading,
.tp-loading__dot {
	text-align: center
}

.tp-loading__dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	margin-left: 4px;
	vertical-align: middle;
	background-color: #00a4ff;
	border-radius: 100%;
	-webkit-animation: loadinganimationdelay .7s ease-in-out infinite both;
	animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.tp-loading__dot:first-child {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.tp-loading__dot:nth-child(2) {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

.tp-loading--white .tp-loading__dot {
	background-color: #fff
}

.tp-loading.size-s .tp-loading__dot {
	width: 8px;
	height: 8px;
	margin-right: 1px;
	margin-left: 1px
}

@-webkit-keyframes loadingAnimationDelay {

	0%,
	80%,
	to {
		-webkit-transform: scale(.6);
		transform: scale(.6);
		opacity: .4
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes loadingAnimationDelay {

	0%,
	80%,
	to {
		-webkit-transform: scale(.6);
		transform: scale(.6);
		opacity: .4
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.tp-icon {
	width: 1em;
	height: 1em;
	font-size: 16px;
	line-height: 1
}

.tp-icon--error-24,
.tp-icon--info-24,
.tp-icon--pending-24,
.tp-icon--success-24,
.tp-icon--warning-24 {
	font-size: 24px
}

.tp-icon--loading-32 {
	font-size: 32px
}

.tp-icon--loading,
.tp-icon--loading-32 {
	-webkit-animation: tp-iconloading 2s linear infinite;
	animation: tp-iconloading 2s linear infinite
}

.tp-icon.size-auto {
	width: 100%;
	height: auto
}

@-webkit-keyframes tp-iconloading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes tp-iconloading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.tp-btn {
	display: inline-block;
	box-sizing: border-box;
	min-width: 104px;
	height: 36px;
	padding: 0 24px;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #00a4ff;
	border: 1px solid transparent;
	outline: 0 none;
	cursor: pointer
}

.tp-btn:active,
.tp-btn:hover {
	background-color: #0092ee;
	transition: all .3s ease-in-out
}

.tp-btn.is-disabled {
	cursor: default
}

.tp-btn.is-disabled,
.tp-btn.is-disabled:active,
.tp-btn.is-disabled:hover {
	color: #999;
	background-color: #ddd;
	border-color: #ddd
}

.tp-btn--pay {
	background-color: #ff7200
}

.tp-btn--pay:active,
.tp-btn--pay:hover {
	background-color: #f06c00
}

.tp-btn--pay.is-loading:active,
.tp-btn--pay.is-loading:hover {
	background-color: #ff7200
}

.tp-btn--pay .tp-loading__dot {
	background-color: #fff
}

.tp-btn--hole {
	color: #00a4ff;
	background-color: transparent;
	border-color: #00a4ff
}

.tp-btn--hole:active,
.tp-btn--hole:hover {
	color: #00a4ff;
	background-color: rgba(0, 164, 255, .15)
}

.tp-btn--hole.is-loading:active,
.tp-btn--hole.is-loading:hover,
.tp-btn--weak-hole {
	background-color: transparent
}

.tp-btn--weak-hole {
	color: #666;
	border-color: #ddd
}

.tp-btn--weak-hole:active,
.tp-btn--weak-hole:hover {
	color: #000;
	background-color: #fff;
	border-color: #999
}

.tp-btn--weak-hole.is-loading:active,
.tp-btn--weak-hole.is-loading:hover {
	background-color: transparent;
	border-color: #ddd
}

.tp-btn--white-hole {
	color: #fff;
	background-color: transparent;
	border-color: #fff
}

.tp-btn--white-hole:active,
.tp-btn--white-hole:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff
}

.tp-btn--white-hole.is-loading:active,
.tp-btn--white-hole.is-loading:hover {
	background-color: transparent;
	border-color: #ddd
}

.tp-btn--link {
	min-width: auto;
	padding-right: 0;
	padding-left: 0;
	color: #00a4ff;
	background-color: transparent;
	border: none
}

.tp-btn--link:active,
.tp-btn--link:hover {
	color: #0092ee;
	background-color: transparent
}

.tp-btn--link.is-disabled {
	background-color: transparent
}

.tp-btn--link.is-disabled:active,
.tp-btn--link.is-disabled:hover {
	background-color: transparent;
	pointer-events: none
}

.tp-btn--link-weak {
	min-width: auto;
	padding-right: 0;
	padding-left: 0;
	color: #666;
	background-color: transparent;
	border: none
}

.tp-btn--link-weak:active,
.tp-btn--link-weak:hover {
	color: #000;
	background-color: transparent
}

.tp-btn--link-weak.is-disabled {
	background-color: transparent
}

.tp-btn--link-weak.is-disabled:active,
.tp-btn--link-weak.is-disabled:hover {
	background-color: transparent;
	pointer-events: none
}

.tp-btn--icon {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.tp-btn--icon,
.tp-btn .tp-btn__icon {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tp-btn .tp-btn__icon {
	display: -ms-flexbox;
	display: flex;
	margin-right: 4px;
	font-size: 16px
}

.tp-btn .tp-btn__icon:last-child {
	margin-right: 0;
	margin-left: 4px
}

.tp-btn .tp-btn__icon:only-child {
	margin-right: 0;
	margin-left: 0
}

.tp-btn .tp-btn__icon svg {
	width: 1em;
	height: auto
}

.tp-btn.size-xs {
	min-width: 80px;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 26px
}

.tp-btn.size-s {
	min-width: 104px;
	height: 32px;
	padding: 0 24px;
	line-height: 30px
}

.tp-btn.size-l {
	min-width: 152px;
	height: 40px;
	padding: 0 24px;
	line-height: 38px
}

.tp-btn.size-xl {
	height: 44px;
	line-height: 42px
}

.tp-btn.size-xl,
.tp-btn.size-xxl {
	min-width: 176px;
	padding: 0 24px;
	font-size: 16px
}

.tp-btn.size-xxl {
	height: 48px;
	line-height: 46px
}

.tp-btn--link-weak.size-auto,
.tp-btn--link.size-auto {
	width: auto;
	min-width: auto;
	height: auto;
	font-size: inherit;
	line-height: inherit
}

.tp-btn.size-auto-width {
	min-width: 0
}

.tp-btn.size-full-width {
	display: block;
	width: 100%;
	min-width: 0
}

.tp-btn--icon.size-full-width {
	display: -ms-flexbox;
	display: flex
}

.tp-btn--link-weak[class*=" size-"],
.tp-btn--link-weak[class^=size-],
.tp-btn--link[class*=" size-"],
.tp-btn--link[class^=size-] {
	min-width: auto;
	padding-right: 0;
	padding-left: 0
}

.tp-btn.is-loading {
	cursor: default
}

.tp-btn--primary.is-loading:active,
.tp-btn--primary.is-loading:hover {
	background-color: #00a4ff
}

.tp-btn--primary .tp-loading__dot {
	background-color: #fff
}

.tp-btn__text {
	color: inherit
}

@media screen and (max-width:600px) {
	.tp-btn {
		min-width: 88px;
		height: 36px;
		padding: 0 20px;
		font-size: 14px;
		line-height: 34px
	}

	.tp-btn.m-size-s {
		min-width: 66px;
		height: 32px;
		padding: 0 18px;
		line-height: 30px
	}

	.tp-btn.m-size-xl {
		min-width: 160px;
		height: 44px;
		padding: 0 24px;
		font-size: 16px;
		line-height: 42px
	}

	.tp-btn.m-size-xxl {
		width: 100%;
		min-width: auto;
		height: 48px;
		padding: 0 24px;
		font-size: 16px;
		line-height: 46px
	}

	.tp-btn--link,
	.tp-btn--link-weak,
	.tp-btn--link-weak[class*=" m-size-"],
	.tp-btn--link-weak[class^=m-size-],
	.tp-btn--link[class*=" m-size-"],
	.tp-btn--link[class^=m-size-] {
		min-width: auto;
		padding-right: 0;
		padding-left: 0
	}
}

.tpm-btn {
	display: inline-block;
	box-sizing: border-box;
	min-width: 104px;
	height: 36px;
	padding: 0 24px;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #0052d9;
	border: 1px solid transparent;
	outline: 0 none;
	cursor: pointer;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

@media screen and (min-width:769px) {
	.tpm-btn {
		transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-btn:active,
.tpm-btn:hover {
	background-color: #2670e8;
	box-shadow: none
}

.tpm-btn.is-disabled {
	color: #98a3b7;
	background-color: #ecf2fe;
	border-color: #ecf2fe;
	cursor: default;
	box-shadow: none
}

.tpm-btn.is-disabled:active,
.tpm-btn.is-disabled:hover {
	color: #98a3b7;
	background-color: #ecf2fe;
	border-color: #ecf2fe;
	box-shadow: inherit
}

.tpm-btn--white {
	background-color: #fff;
	color: #43474d;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5)
}

@media screen and (min-width:769px) {
	.tpm-btn--white {
		transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out
	}
}

.tpm-btn--white:active,
.tpm-btn--white:hover {
	border-color: #2670e8;
	background-color: #ecf2fe;
	box-shadow: none;
	color: #0052d9
}

.tpm-btn--white.is-loading:active,
.tpm-btn--white.is-loading:hover {
	background-color: #fff;
	color: #43474d
}

.tpm-btn--pay {
	background-color: #ff7200
}

.tpm-btn--pay:active,
.tpm-btn--pay:hover {
	background-color: #f06c00
}

.tpm-btn--pay.is-loading:active,
.tpm-btn--pay.is-loading:hover {
	background-color: #ff7200
}

.tpm-btn--pay .tp-loading__dot {
	background-color: #fff
}

.tpm-btn--hole {
	color: #0052d9;
	background-color: transparent;
	border-color: #0052d9
}

@media screen and (min-width:769px) {
	.tpm-btn--hole {
		transition: background-color .3s ease-in-out, color .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-btn--hole:active,
.tpm-btn--hole:hover {
	color: #0052d9;
	background-color: rgba(0, 82, 217, .15)
}

.tpm-btn--hole.is-loading:active,
.tpm-btn--hole.is-loading:hover,
.tpm-btn--weak-hole {
	background-color: transparent
}

.tpm-btn--weak-hole {
	color: #666;
	border-color: #ddd
}

@media screen and (min-width:769px) {
	.tpm-btn--weak-hole {
		transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
	}
}

.tpm-btn--weak-hole:active,
.tpm-btn--weak-hole:hover {
	color: #000;
	background-color: #fff;
	border-color: #999
}

.tpm-btn--weak-hole.is-loading:active,
.tpm-btn--weak-hole.is-loading:hover {
	background-color: transparent;
	border-color: #ddd
}

.tpm-btn--white-hole {
	color: #fff;
	background-color: transparent;
	border-color: hsla(0, 0%, 100%, .6);
	box-shadow: none
}

@media screen and (min-width:769px) {
	.tpm-btn--white-hole {
		transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out
	}
}

.tpm-btn--white-hole:active,
.tpm-btn--white-hole:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff
}

.tpm-btn--white-hole.is-loading:active,
.tpm-btn--white-hole.is-loading:hover {
	background-color: transparent;
	border-color: #ddd
}

.tpm-btn--link {
	min-width: auto;
	padding-right: 0;
	padding-left: 0;
	color: #0052d9;
	background-color: transparent;
	box-shadow: none;
	border-width: 0
}

@media screen and (min-width:769px) {
	.tpm-btn--link {
		transition: color .3s ease-in-out
	}
}

.tpm-btn--link:active,
.tpm-btn--link:hover {
	color: #0052d9;
	background-color: transparent
}

.tpm-btn--link.is-disabled {
	background-color: transparent
}

.tpm-btn--link.is-disabled:active,
.tpm-btn--link.is-disabled:hover {
	background-color: transparent;
	pointer-events: none
}

.tpm-btn--link-weak {
	min-width: auto;
	padding-right: 0;
	padding-left: 0;
	color: #666;
	background-color: transparent;
	box-shadow: none;
	border-width: 0
}

@media screen and (min-width:769px) {
	.tpm-btn--link-weak {
		transition: color .3s ease-in-out
	}
}

.tpm-btn--link-weak:active,
.tpm-btn--link-weak:hover {
	color: #000;
	background-color: transparent
}

.tpm-btn--link-weak.is-disabled {
	background-color: transparent
}

.tpm-btn--link-weak.is-disabled:active,
.tpm-btn--link-weak.is-disabled:hover {
	background-color: transparent;
	pointer-events: none
}

.tpm-btn--icon {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.tpm-btn--icon,
.tpm-btn .tpm-btn__icon {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-btn .tpm-btn__icon {
	display: -ms-flexbox;
	display: flex;
	margin-right: 4px;
	font-size: 16px
}

.tpm-btn .tpm-btn__icon:last-child {
	margin-right: 0;
	margin-left: 4px
}

.tpm-btn .tpm-btn__icon:only-child {
	margin-right: 0;
	margin-left: 0
}

.tpm-btn .tpm-btn__icon svg {
	width: 1em;
	height: auto
}

.tpm-btn.size-xs {
	min-width: 80px;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 26px
}

.tpm-btn.size-s {
	min-width: 104px;
	height: 32px;
	padding: 0 24px;
	line-height: 30px
}

.tpm-btn.size-l {
	min-width: 152px;
	height: 40px;
	padding: 0 24px;
	line-height: 38px
}

.tpm-btn.size-xl {
	height: 44px;
	line-height: 42px
}

.tpm-btn.size-xl,
.tpm-btn.size-xxl {
	min-width: 176px;
	padding: 0 24px;
	font-size: 16px
}

.tpm-btn.size-xxl {
	height: 48px;
	line-height: 46px
}

.tpm-btn--link-weak.size-auto,
.tpm-btn--link.size-auto {
	width: auto;
	min-width: auto;
	height: auto;
	font-size: inherit;
	line-height: inherit
}

.tpm-btn.size-auto-width {
	min-width: 0
}

.tpm-btn.size-full-width {
	display: block;
	width: 100%;
	min-width: 0
}

.tpm-btn--icon.size-full-width {
	display: -ms-flexbox;
	display: flex
}

.tpm-btn--link-weak[class*=" size-"],
.tpm-btn--link-weak[class^=size-],
.tpm-btn--link[class*=" size-"],
.tpm-btn--link[class^=size-] {
	min-width: auto;
	padding-right: 0;
	padding-left: 0
}

.tpm-btn.is-loading {
	cursor: default
}

.tpm-btn--primary.is-loading:active,
.tpm-btn--primary.is-loading:hover {
	background-color: #0052d9
}

.tpm-btn--primary .tp-loading__dot {
	background-color: #fff
}

.tpm-btn__text {
	color: inherit
}

.tpm-btn__group {
	margin-top: 36px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center
}

.tpm-btn__group-item,
.tpm-btn__group .tpm-btn {
	display: block;
	margin-right: 20px
}

.tpm-btn__group-item:last-child,
.tpm-btn__group .tpm-btn:last-child {
	margin-right: 0
}

@media screen and (max-width:600px) {
	.tpm-btn {
		min-width: 88px;
		height: 36px;
		padding: 0 20px;
		font-size: 14px;
		line-height: 34px
	}

	.tpm-btn.m-size-s {
		min-width: 66px;
		height: 32px;
		padding: 0 18px;
		line-height: 30px
	}

	.tpm-btn.m-size-xl {
		min-width: 160px;
		height: 44px;
		padding: 0 24px;
		font-size: 16px;
		line-height: 42px
	}

	.tpm-btn.m-size-xxl {
		width: 100%;
		min-width: auto;
		height: 48px;
		padding: 0 24px;
		font-size: 16px;
		line-height: 46px
	}

	.tpm-btn--link,
	.tpm-btn--link-weak,
	.tpm-btn--link-weak[class*=" m-size-"],
	.tpm-btn--link-weak[class^=m-size-],
	.tpm-btn--link[class*=" m-size-"],
	.tpm-btn--link[class^=m-size-] {
		min-width: auto;
		padding-right: 0;
		padding-left: 0
	}

	.tpm-btn__group {
		margin-top: 30px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	.tpm-btn__group-item,
	.tpm-btn__group .tpm-btn {
		width: 1px;
		-ms-flex: 1;
		flex: 1
	}
}

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

.tpm-collapse__panel-hd:after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -4px;
	width: 12px;
	height: 8px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 46.34146341463415% 43.83561643835616%;
	background-size: 1466.6666666666665% auto
}

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

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

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

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

.tpm-collapse__panel.is-open>.tpm-collapse__panel-hd:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 85.36585365853658% 78.08219178082192%;
	background-size: 1466.6666666666665% auto;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

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

@media screen and (max-width:600px) {
	.tpm-collapse__panel-bd {
		padding-left: 16px;
		padding-right: 16px
	}
}

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

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

.tpm-tabs__bar.is-scrolling .tpm-tabs__backward,
.tpm-tabs__bar.is-scrolling .tpm-tabs__forward {
	display: block
}

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

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

.tpm-tabs__backward {
	position: absolute;
	top: 0;
	height: 44px;
	left: 0;
	display: none;
	width: 36px;
	background-color: #fff;
	cursor: pointer
}

.tpm-tabs__backward:before {
	position: absolute;
	top: 4px;
	left: 12px;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm-tabs-icon-arrow-left_d00.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

@media screen and (min-width:769px) {
	.tpm-tabs__backward:before {
		transition: background-image .3s ease-in-out
	}
}

.tpm-tabs__backward:hover:before {
	background-image: url(images/tpm-tabs-icon-arrow-left-hover_a3c.svg)
}

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

.tpm-tabs__backward--disabled:before,
.tpm-tabs__backward--disabled:hover:before {
	background-image: url(images/tpm-tabs-icon-arrow-left-disabled_b36.svg)
}

.tpm-tabs__forward {
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
	display: none;
	width: 36px;
	background-color: #fff;
	cursor: pointer
}

.tpm-tabs__forward:before {
	position: absolute;
	top: 4px;
	right: 12px;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm-tabs-icon-arrow-right_35a.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

@media screen and (min-width:769px) {
	.tpm-tabs__forward:before {
		transition: background-image .3s ease-in-out
	}
}

.tpm-tabs__forward:hover:before {
	background-image: url(images/tpm-tabs-icon-arrow-right-hover_876.svg)
}

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

.tpm-tabs__forward--disabled:before,
.tpm-tabs__forward--disabled:hover:before {
	background-image: url(images/tpm-tabs-icon-arrow-right-disabled_1aa.svg)
}

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

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

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

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

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

.tpm-tabs__item.is-active .tpm-tabs__item-cont:before {
	width: 100%;
	height: 4px;
	transition: width .3s ease-in-out
}

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

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

.tpm-tabs__item-cont {
	position: relative;
	cursor: pointer;
	padding: 0 10px 20px;
	text-align: center;
	font-size: 16px;
	color: #3d485d;
	line-height: 24px;
	min-width: 136px
}

@media screen and (min-width:769px) {
	.tpm-tabs__item-cont {
		transition: color .3s ease-in-out
	}
}

.tpm-tabs__item-cont:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: #0052d9;
	transition: height .15s ease-in-out, width .15s ease-in-out .15s
}

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

.tpm-tabs__panel.is-hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none
}

.tpm-tabs__panel.is-animated {
	transition: opacity .5s ease-in-out;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

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

.tpm-tabs.is-full .tpm-tabs__panel {
	margin: 0 auto;
	max-width: 1180px
}

.tpm-tabs--equal .tpm-tabs__list {
	display: -ms-flexbox;
	display: flex
}

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

.tpm-tabs--vertical {
	display: -ms-flexbox;
	display: flex
}

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

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

.tpm-tabs--vertical .tpm-tabs__item:hover .tpm-tabs__item-cont {
	color: #3d485d
}

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

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

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

.tpm-tabs--vertical .tpm-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: #3d485d;
	text-align: center;
	border: 2px solid transparent
}

@media screen and (min-width:769px) {
	.tpm-tabs--vertical .tpm-tabs__item-cont {
		transition: background .3s ease-in-out
	}
}

.tpm-tabs--vertical .tpm-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;
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-tabs--text {
	margin-top: -10px
}

.tpm-tabs--text .tpm-tabs__item.is-active .tpm-tabs__item-cont {
	font-weight: 400
}

.tpm-tabs--text .tpm-tabs__item-cont {
	min-width: auto;
	padding: 0 24px 30px
}

.tpm-tabs--text .tpm-tabs__item-cont:before {
	display: none
}

.tpm-tabs--text .tpm-tabs__cont {
	padding: 0;
	box-shadow: none;
	background-color: transparent
}

.tpm-tabs .tpm-tabs__backward,
.tpm-tabs .tpm-tabs__forward {
	background-color: #f3f5f8
}

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

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

.tpm-tabs.theme-dark .tpm-tabs__item.is-disabled .tpm-tabs__item-cont {
	color: #999
}

.tpm-tabs.theme-dark .tpm-tabs__backward,
.tpm-tabs.theme-dark .tpm-tabs__forward {
	background-color: #242933
}

.tpm-tabs.theme-dark .tpm-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)
}

.tpm-tabs.theme-connect .tpm-tabs__item {
	margin: 0 20px 16px 0
}

.tpm-tabs.theme-connect .tpm-tabs__item:last-child {
	margin-right: 0
}

.tpm-tabs.theme-connect .tpm-tabs__item-cont {
	height: 48px;
	min-width: 176px;
	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: 4px;
	padding: 0 16px;
	line-height: 44px
}

.tpm-tabs.theme-connect .tpm-tabs__item-cont:before {
	display: none
}

.tpm-tabs.theme-connect .tpm-tabs__item.is-active .tpm-tabs__item-cont {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff
}

.tpm-tabs.theme-connect .tpm-tabs__cont {
	padding: 32px
}

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

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

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

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

	to {
		background-position: 0 -960px
	}
}

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

	to {
		background-position: 0 -960px
	}
}

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

	to {
		background-position: 0 0
	}
}

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

	to {
		background-position: 0 0
	}
}

.tpm-tabs__tiled {
	margin-bottom: 32px
}

.tpm-tabs__tiled:last-child {
	margin-bottom: 0
}

.tpm-tabs__tiled-title {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 16px;
	color: #16181a;
	line-height: 24px
}

.tpm-tabs--scroll .tpm-tabs__bar,
.tpm-tabs--warp .tpm-tabs__bar {
	max-width: 1180px
}

.tpm-tabs--scroll .tpm-tabs__cont,
.tpm-tabs--warp .tpm-tabs__cont {
	padding: 32px 0
}

.tpm-tabs--scroll .tpm-tabs__list,
.tpm-tabs--warp .tpm-tabs__list {
	width: 100%;
	white-space: pre-wrap;
	padding: 0 18px;
	margin-top: -4px
}

.tpm-tabs--scroll .tpm-tabs__item,
.tpm-tabs--warp .tpm-tabs__item {
	margin: 4px 0 0;
	width: 14.28571%;
	text-align: left
}

.tpm-tabs--scroll .tpm-tabs__item-cont,
.tpm-tabs--warp .tpm-tabs__item-cont {
	padding: 13px 10px 13px 8px;
	width: auto;
	min-width: 0;
	color: #181818;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

.tpm-tabs--scroll .tpm-tabs__item-cont:hover,
.tpm-tabs--warp .tpm-tabs__item-cont:hover {
	color: #0052d9
}

.tpm-tabs--scroll .tpm-tabs__item-cont:before,
.tpm-tabs--warp .tpm-tabs__item-cont:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	border: 0;
	background-color: #0052d9;
	width: 0;
	transition: height .15s ease-in-out, width .15s ease-in-out .15s
}

.tpm-tabs--scroll .tpm-tabs__item-icon,
.tpm-tabs--warp .tpm-tabs__item-icon {
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	display: inline-block
}

.tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs__item-cont,
.tpm-tabs--warp .tpm-tabs__item.is-active .tpm-tabs__item-cont {
	color: #0052d9;
	font-weight: 400
}

.tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs__item-cont:before,
.tpm-tabs--warp .tpm-tabs__item.is-active .tpm-tabs__item-cont:before {
	width: 100%;
	height: 4px;
	transition: width .3s ease-in-out
}

.tpm-tabs--scroll .tpm-tabs__panel,
.tpm-tabs--warp .tpm-tabs__panel {
	max-width: 1180px;
	margin: 0 auto
}

.tpm-tabs--scroll .tpm-tabs__list {
	max-width: 1360px;
	min-width: auto;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	padding: 0;
	text-align: left
}

.tpm-tabs--scroll .tpm-tabs__list-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.tpm-tabs--scroll .tpm-tabs__bar {
	padding: 0 40px;
	max-width: 100%
}

.tpm-tabs--scroll .tpm-tabs__cont {
	padding: 32px 40px
}

.tpm-tabs--scroll .tpm-tabs__item-cont {
	padding: 14px 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px
}

.tpm-tabs--scroll .tpm-tabs__item-icon {
	margin: 0 10px 0 0
}

.tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs--scroll .tpm-tabs__item__item-cont {
	font-weight: 400
}

.tpm-tabs--scroll .tpm-tabs__panel {
	max-width: 1360px
}

.tpm-tabs--activity .tpm-tabs__backward,
.tpm-tabs--activity .tpm-tabs__forward,
.tpm-tabs--flow .tpm-tabs__backward,
.tpm-tabs--flow .tpm-tabs__forward,
.tpm-tabs--round .tpm-tabs__backward,
.tpm-tabs--round .tpm-tabs__forward {
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-image: linear-gradient(1turn, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px hsla(0, 0%, 100%, .8)
}

.tpm-tabs--activity .tpm-tabs__backward:before,
.tpm-tabs--activity .tpm-tabs__forward:before,
.tpm-tabs--flow .tpm-tabs__backward:before,
.tpm-tabs--flow .tpm-tabs__forward:before,
.tpm-tabs--round .tpm-tabs__backward:before,
.tpm-tabs--round .tpm-tabs__forward:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.tpm-tabs--activity .tpm-tabs__backward--disabled,
.tpm-tabs--activity .tpm-tabs__forward--disabled,
.tpm-tabs--flow .tpm-tabs__backward--disabled,
.tpm-tabs--flow .tpm-tabs__forward--disabled,
.tpm-tabs--round .tpm-tabs__backward--disabled,
.tpm-tabs--round .tpm-tabs__forward--disabled {
	display: none
}

.tpm-tabs--activity .tpm-tabs__backward:before,
.tpm-tabs--flow .tpm-tabs__backward:before,
.tpm-tabs--round .tpm-tabs__backward:before {
	background-image: url(images/tpm-tabs-icon--round-arrow-left_ac2.svg)
}

.tpm-tabs--activity .tpm-tabs__forward:before,
.tpm-tabs--flow .tpm-tabs__forward:before,
.tpm-tabs--round .tpm-tabs__forward:before {
	background-image: url(images/tpm-tabs-icon--round-arrow-right_45c.svg)
}

.tpm-tabs--activity .tpm-tabs__bar-wrap,
.tpm-tabs--flow .tpm-tabs__bar-wrap,
.tpm-tabs--round .tpm-tabs__bar-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 54px;
	position: relative
}

.tpm-tabs--activity .tpm-tabs__item-cont,
.tpm-tabs--flow .tpm-tabs__item-cont,
.tpm-tabs--round .tpm-tabs__item-cont {
	padding: 16px 24px;
	min-width: auto
}

.tpm-tabs--activity .tpm-tabs__bar.is-scrolling .tpm-tabs__list,
.tpm-tabs--flow .tpm-tabs__bar.is-scrolling .tpm-tabs__list,
.tpm-tabs--round .tpm-tabs__bar.is-scrolling .tpm-tabs__list {
	padding: 0
}

.tpm-tabs--flow .tpm-tabs__item+.tpm-tabs__item {
	position: relative;
	margin-left: 48px
}

.tpm-tabs--flow .tpm-tabs__item+.tpm-tabs__item:before {
	content: "";
	width: 48px;
	border: 1px dashed #97a3b7;
	position: absolute;
	top: 50%;
	left: -48px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tpm-tabs--flow .tpm-tabs__item-cont {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 20px
}

.tpm-tabs--flow .tpm-tabs__item-step {
	margin-right: 12px;
	width: 32px;
	height: 32px;
	background: linear-gradient(1turn, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 6.4px 6.4px 16px rgba(55, 99, 170, .1), -6.4px -6.4px 16px #fff;
	border-radius: 32px;
	color: #4b5b76;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px
}

.tpm-tabs--flow .tpm-tabs__item:hover .tpm-tabs__item-step {
	background: linear-gradient(0deg, #bbd3fc, #bbd3fc), linear-gradient(0deg, #fff, #fff);
	box-shadow: 6px 6px 16px 0 rgba(55, 99, 170, .1);
	color: #266fe8
}

.tpm-tabs--flow .tpm-tabs__item.is-active .tpm-tabs__item-step {
	background: #0052d9;
	box-shadow: 7.11111px 7.11111px 17.7778px rgba(55, 99, 170, .1), -7.11111px -7.11111px 17.7778px #fff;
	color: #fff
}

@media screen and (max-width:1440px) {
	.tpm-tabs--scroll .tpm-tabs__bar {
		padding: 0 20px
	}

	.tpm-tabs--scroll .tpm-tabs__cont {
		padding: 32px 20px
	}

	.tpm-tabs--scroll .tpm-tabs__list,
	.tpm-tabs--scroll .tpm-tabs__panel {
		max-width: 1300px
	}
}

@media screen and (max-width:1359px) {

	.tpm-tabs--scroll .tpm-tabs__list,
	.tpm-tabs--scroll .tpm-tabs__panel {
		max-width: 1160px
	}
}

@media screen and (max-width:768px) {
	.tpm-collapse .tpm-tabs--text {
		margin: -24px -16px -32px
	}

	.tpm-tabs--text .tpm-tabs__bar {
		height: 54px;
		background: #f3f5f8;
		box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .1), inset -8px -8px 20px 0 #fff;
		overflow-x: auto
	}

	.tpm-tabs--text .tpm-tabs__bar .tpm-tabs__backward,
	.tpm-tabs--text .tpm-tabs__bar .tpm-tabs__forward {
		display: none
	}

	.tpm-tabs--text .tpm-tabs__bar .tpm-tabs__list {
		padding: 0
	}

	.tpm-tabs--text .tpm-tabs__item-cont {
		padding: 16px;
		font-size: 14px;
		line-height: 22px
	}

	.tpm-tabs--text .tpm-tabs__cont {
		padding: 24px 16px 32px
	}

	.tpm-tabs--scroll {
		position: relative
	}

	.tpm-tabs--scroll .tpm-tabs__item {
		margin: 0;
		width: auto
	}

	.tpm-tabs--scroll .tpm-tabs__item-icon {
		display: none
	}

	.tpm-tabs--scroll .tpm-tabs__item-cont {
		padding: 12px 8px
	}

	.tpm-tabs--scroll .tpm-tabs__item-cont:before {
		height: 0
	}

	.tpm-tabs--scroll .tpm-tabs__item.is-active .tpm-tabs__item-cont:before {
		height: 2px;
		border-bottom-width: 2px
	}

	.tpm-tabs--scroll .tpm-tabs__bar {
		padding: 0;
		overflow: scroll
	}

	.tpm-tabs--scroll .tpm-tabs__bar::-webkit-scrollbar {
		display: none
	}

	.tpm-tabs--scroll .tpm-tabs__bar.is-scrolling .tpm-tabs__list {
		padding: 0 40px 0 16px
	}

	.tpm-tabs--scroll .tpm-tabs__list {
		display: inline-block;
		max-width: none;
		box-sizing: border-box;
		margin-top: 0;
		width: auto;
		padding: 0 48px 0 8px;
		background: linear-gradient(180deg, #f3f5f8, #fff);
		white-space: nowrap
	}

	.tpm-tabs--scroll .tpm-tabs__arrow-down {
		position: absolute;
		width: 40px;
		height: 46px;
		right: 0;
		top: 0;
		background: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: -4px 0 10px rgba(55, 99, 170, .1)
	}

	.tpm-tabs--scroll .tpm-tabs__arrow-down:after {
		width: 16px;
		height: 16px;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url(images/tpm-tabs-icon-arrow-down_45b.svg)
	}

	.tpm-tabs--scroll .tpm-tabs__arrow-down:hover {
		cursor: pointer
	}

	.tpm-tabs--scroll .tpm-tabs__arrow-down.is-show:after {
		background-image: url(images/tpm-tabs-icon-arrow-up-hover_76c.svg)
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown {
		display: none;
		position: absolute;
		z-index: 10;
		width: 100%;
		top: 46px;
		left: 0;
		background: #fff;
		box-shadow: 0 4px 20px rgba(55, 99, 170, .1);
		padding: 16px
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown.is-show {
		display: block
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown-inner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item {
		background: #f1f2f5;
		border-radius: 2px;
		width: calc(25% - 9px);
		margin: 12px 12px 0 0;
		height: 26px;
		padding: 0;
		text-align: center
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item:nth-child(4n) {
		margin-right: 0
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item:nth-child(-n+4) {
		margin-top: 0
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item-cont {
		border-radius: 2px;
		font-size: 12px;
		line-height: 26px;
		height: 100%;
		display: block;
		text-align: center;
		padding: 0 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item-cont:before {
		display: none
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item.is-active .tpm-tabs__item-cont {
		background-color: #0052d9;
		color: #fff
	}

	.tpm-tabs--scroll .tpm-tabs__cont {
		padding: 0;
		background: #f3f5f8;
		box-shadow: none
	}

	.tpm-tabs--flow .tpm-tabs__arrow-down,
	.tpm-tabs--flow .tpm-tabs__dropdown,
	.tpm-tabs--round .tpm-tabs__arrow-down,
	.tpm-tabs--round .tpm-tabs__dropdown {
		display: none
	}

	.tpm-tabs--flow .tpm-tabs__bar,
	.tpm-tabs--round .tpm-tabs__bar {
		overflow: scroll
	}

	.tpm-tabs--flow .tpm-tabs__bar::-webkit-scrollbar,
	.tpm-tabs--round .tpm-tabs__bar::-webkit-scrollbar {
		display: none
	}

	.tpm-tabs--flow .tpm-tabs__list,
	.tpm-tabs--round .tpm-tabs__list {
		padding: 0 8px
	}

	.tpm-tabs--flow .tpm-tabs__item-cont,
	.tpm-tabs--round .tpm-tabs__item-cont {
		padding: 12px;
		font-weight: 400;
		font-size: 14px;
		line-height: 22px
	}

	.tpm-tabs--flow .tpm-tabs__item.is-active .tpm-tabs__item-cont:before,
	.tpm-tabs--round .tpm-tabs__item.is-active .tpm-tabs__item-cont:before {
		border-bottom: 2px solid #0052d9
	}

	.tpm-tabs--flow .tpm-tabs__item-step {
		width: 24px;
		height: 24px;
		line-height: 20px
	}

	.tpm-tabs--flow .tpm-tabs__item+.tpm-tabs__item {
		margin-left: 24px
	}

	.tpm-tabs--flow .tpm-tabs__item+.tpm-tabs__item:before {
		left: -24px;
		width: 24px
	}
}

@media screen and (max-width:600px) {
	.tpm-tabs__list-mobile {
		position: relative;
		display: inline-block;
		min-width: 100%;
		font-size: 0;
		vertical-align: middle;
		list-style: none
	}

	.tpm-tabs__item-cont {
		padding: 20px;
		cursor: default
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item {
		width: calc(33.33% - 8px)
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item:nth-child(4) {
		margin-top: 12px
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item:nth-child(4n) {
		margin-right: 12px
	}

	.tpm-tabs--scroll .tpm-tabs__dropdown .tpm-tabs__item:nth-child(3n) {
		margin-right: 0
	}
}

.tpm-expand-area__cnt {
	transition: height .3s linear
}

.tpm-expand-area .is-open+.tpm-expand-area__trigger:before {
	background: none
}

.tpm-expand-area__trigger {
	padding-top: 64px;
	text-align: center;
	margin-top: -40px;
	position: relative;
	z-index: 2
}

.tpm-expand-area__trigger:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, hsla(0, 0%, 93.3%, 0), #f5f7fa 65%)
}

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

.tpm-multi-tabs__bar {
	position: relative;
	white-space: nowrap;
	text-align: center;
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0;
	transition: padding-bottom .3s ease-in-out
}

.tpm-multi-tabs__bar:first-child {
	padding-top: 0
}

.tpm-multi-tabs__list {
	position: relative;
	list-style: none;
	display: table;
	table-layout: fixed;
	width: 100%
}

.tpm-multi-tabs__item {
	display: table-cell;
	position: relative
}

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

.tpm-multi-tabs__item:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: #0052d9;
	transition: height .15s ease-in-out, width .15s ease-in-out .15s
}

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

.tpm-multi-tabs__item.is-active:before {
	width: 100%;
	height: 4px;
	transition: width .3s ease-in-out
}

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

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

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

@media screen and (min-width:769px) {
	.tpm-multi-tabs__item-cont {
		transition: color .3s ease-in-out
	}
}

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

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

.tpm-multi-tabs__panel {
	margin: 0 auto;
	max-width: 1180px
}

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

.tpm-multi-tabs--ani .tpm-multi-tabs__item-icon.is-enter {
	-webkit-animation: tpm-multi-tabs__item-icon-enter .3s steps(16) forwards;
	animation: tpm-multi-tabs__item-icon-enter .3s steps(16) forwards
}

.tpm-multi-tabs--ani .tpm-multi-tabs__item-icon.is-leave {
	-webkit-animation: tpm-multi-tabs__item-icon-leave .3s steps(16) forwards;
	animation: tpm-multi-tabs__item-icon-leave .3s steps(16) forwards
}

@-webkit-keyframes tpm-multi-tabs__item-icon-enter {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 -960px
	}
}

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

	to {
		background-position: 0 -960px
	}
}

@-webkit-keyframes tpm-multi-tabs__item-icon-leave {
	0% {
		background-position: 0 -960px
	}

	to {
		background-position: 0 0
	}
}

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

	to {
		background-position: 0 0
	}
}

@media screen and (min-width:1440px) {

	.tpm-view-l .tpm-multi-tabs__bar,
	.tpm-view-l .tpm-multi-tabs__panel {
		max-width: 1420px
	}
}

.tpm-tag {
	-webkit-font-smoothing: antialiased
}

.tpm-tag--bubble {
	display: inline-block;
	vertical-align: middle;
	padding-left: 6px
}

.tpm-tag--bubble .tpm-tag__inner {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 8px;
	height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background-color: #f64041;
	border-radius: 2px;
	border-bottom-left-radius: 0
}

.tpm-tag--bubble .tpm-tag__inner:after {
	content: "";
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	border-color: transparent #f64041 #f64041 transparent;
	border-style: solid;
	border-width: 2px 3px
}

.tpm-tag--hole {
	color: #f64041;
	border: 1px solid #f64041;
	border-radius: 2px
}

.tpm-tag--hole,
.tpm-tag--weak-hole {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
	height: 22px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px
}

.tpm-tag--weak-hole {
	color: #5f7292;
	border: 1px solid rgba(75, 91, 118, .5);
	border-radius: 2px
}

.tpm-product-set {
	display: block;
	cursor: pointer;
	-webkit-font-smoothing: antialiased
}

.tpm-product-set:hover .tpm-product-set__title {
	color: #0052d9
}

.tpm-product-set__hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

.tpm-product-set__hd .tpm-tag {
	margin-right: 4px
}

.tpm-product-set__hd .tpm-tag:last-child {
	margin-right: 0
}

.tpm-product-set__title {
	font-size: 16px;
	color: #181818;
	line-height: 24px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-product-set__title {
		transition: color .3s ease-in-out
	}
}

.tpm-product-set__marks {
	margin-left: 8px;
	white-space: nowrap
}

.tpm-product-set__desc {
	margin-bottom: 8px;
	font-size: 14px;
	color: #4b5b76;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tpm-product-set__labels {
	margin-bottom: -8px
}

.tpm-product-set__labels .tpm-tag {
	margin-right: 8px;
	margin-bottom: 8px
}

.tpm-product-set__labels .tpm-tag:last-child {
	margin-right: 0
}

.tpm-product-set__link {
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-product-set__link-wrap {
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex
}

.tpm-product-set__link-wrap .tpm-link {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%
}

.tpm-product-set__link-tag {
	padding: 0 8px;
	display: inline-block;
	height: 20px;
	background-color: #f64041;
	border-radius: 2px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-right: 8px
}

.tpm-product-set__link-tag.dynamic {
	background-color: #0052d9
}

.tpm-product-set--summary .tp-link--arrow {
	font-size: 12px
}

.tpm-product-set--summary .tp-link--arrow:hover {
	text-decoration: underline
}

.tpm-product-set--summary .tp-link--arrow:after {
	content: none
}

.tpm-product-set--summary:hover .tp-link--arrow:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-product-set__list {
	font-size: 0
}

.tpm-product-set__list>li {
	min-height: 124px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 20px 10px
}

.tpm-product-set__list-trigger {
	margin-top: 20px;
	display: none
}

.tpm-product-set__link-bubble {
	max-width: 230px
}

.tpm-product-set__link-bubble .tp-bubble__inner {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	padding: 2px 7px;
	background: #fff;
	border: 1px solid #d6dbe3;
	box-shadow: 2px 2px 5px rgba(55, 99, 170, .15)
}

.tpm-product-set__link-bubble .tp-bubble__inner:after,
.tpm-product-set__link-bubble .tp-bubble__inner:before {
	display: none
}

@media screen and (max-width:768px) {
	.tpm-product-set__list {
		margin-top: -15px;
		margin-bottom: 0
	}

	.tpm-product-set__list>li {
		width: 50%;
		padding: 15px 10px
	}
}

@media screen and (max-width:600px) {
	.tpm-product-set__list>li {
		display: block;
		width: auto
	}

	.tpm-product-set__list>li:nth-child(n+6) {
		display: none
	}

	.tpm-product-set__list-trigger,
	.tpm-product-set__list.is-open>li:nth-child(n+6) {
		display: block
	}
}

.tpm-section {
	padding: 60px 20px
}

.tpm-section.bg-gray {
	background-color: #f5f7fa
}

.tpm-section.is-full {
	padding-left: 0;
	padding-right: 0
}

.tpm-section.is-full .tpm-section__inner {
	max-width: 100%
}

.tpm-section.left .tpm-section__hd {
	text-align: left
}

.tpm-section__inner {
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 1180px
}

.tpm-section__hd {
	margin-bottom: 32px;
	text-align: center;
	-webkit-font-smoothing: antialiased
}

.tpm-section__title {
	font-weight: 500;
	font-size: 28px;
	color: #000;
	line-height: 48px
}

.tpm-section__sub {
	margin-top: 12px
}

.tpm-section__desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 20px
}

.tpm-section__links {
	margin-left: 12px
}

.tpm-section__links .tp-link {
	margin-right: 12px
}

.tpm-section__links .tp-link:last-child {
	margin-right: 0
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-section {
		padding-left: 40px;
		padding-right: 40px
	}

	.tpm-view-l .tpm-section.is-full {
		padding-left: 0;
		padding-right: 0
	}

	.tpm-view-l .tpm-section__inner {
		max-width: 1420px
	}

	.tpm-view-l .tpm-section__hd {
		margin-bottom: 40px
	}
}

@media screen and (max-width:768px) {
	.tpm-section {
		position: relative;
		padding: 0
	}

	.tpm-section__inner {
		padding: 32px 16px
	}

	.tpm-section__hd {
		margin-bottom: 20px
	}

	.tpm-section__title {
		font-size: 20px;
		color: #000;
		line-height: 28px
	}

	.tpm-section__sub {
		margin-top: 4px
	}

	.tpm-section__links {
		display: block;
		margin-top: 12px;
		margin-left: 0
	}

	.tpm-section__links .tp-link {
		margin-right: 20px
	}

	.tpm-section .tpm-collapse {
		margin: 0 -16px -32px
	}
}

@media screen and (max-width:600px) {
	.tpm-section__inner {
		padding: 32px 16px
	}

	.tpm-section__desc {
		display: none
	}

	.tpm-section .tpm-collapse {
		margin: 0 -16px -32px
	}
}

.tpm-product {
	-webkit-font-smoothing: antialiased
}

.tpm-product__section {
	background-image: radial-gradient(50% 41%, #f3f5f8 0, #fff 41%);
	padding-top: 124px;
	padding-bottom: 0
}

.tpm-product__section.section-version-v2 {
	padding-top: 94px
}

.tpm-product__section.section-version-v2 .tpm-section__hd {
	margin-bottom: 24px
}

.tpm-product__detail {
	box-sizing: border-box
}

.tpm-product__detail-side {
	position: relative;
	z-index: 4;
	margin-bottom: 40px
}

.tpm-product__recommends {
	display: -ms-flexbox;
	display: flex
}

.tpm-product__recommends .tpm-product__recommend {
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-product__recommend {
	margin-right: 20px;
	background-color: #f3f5f8;
	background-image: url(images/recom-bg_938.jpg), linear-gradient(180deg, #f3f5f8, #fff 178px, #fff);
	background-size: 340px auto, auto;
	background-position: 100% 0;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px;
	padding: 24px;
	box-sizing: border-box;
	height: 160px;
	position: relative
}

.tpm-product__recommend:last-child {
	margin-right: 0
}

.tpm-product__recommend:hover .tpm-product__recommend-link+.tpm-product__recommend-hd {
	color: #0052d9
}

.tpm-product__recommend-link {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.tpm-product__recommend-entry {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	font-size: 0;
	z-index: 1;
	position: relative
}

.tpm-product__recommend-entry-wrap {
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px
}

.tpm-product__recommend-entry-wrap .tpm-link {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.tpm-product__recommend-entry-tag {
	padding: 0 8px;
	display: inline-block;
	height: 20px;
	background-color: #f64041;
	border-radius: 2px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-right: 8px
}

.tpm-product__recommend-entry-tag.dynamic {
	background-color: #0052d9
}

.tpm-product__recommend-hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px;
	color: #181818
}

@media screen and (min-width:769px) {
	.tpm-product__recommend-hd {
		transition: color .3s ease-in-out
	}
}

.tpm-product__recommend-title {
	font-weight: 500;
	font-size: 20px;
	color: inherit;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-product__recommend-title a {
	color: inherit
}

.tpm-product__recommend-title a:hover {
	color: #0052d9
}

.tpm-product__recommend .tpm-tag {
	margin-left: 8px;
	white-space: nowrap
}

.tpm-product__recommend-desc {
	font-size: 14px;
	color: #4b5b76;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-product__recommend-prices {
	-ms-flex: 1;
	flex: 1
}

.tpm-product__recommend-real-price em {
	margin-right: 4px;
	font-weight: 500;
	font-size: 28px;
	color: #f64041;
	line-height: 36px
}

.tpm-product__recommend-real-unit {
	font-weight: 600;
	font-size: 14px;
	color: #f64041;
	line-height: 22px
}

.tpm-product__recommend-btns {
	margin-top: 16px;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 2
}

.tpm-product__recommend-btns .tpm-btn {
	-ms-flex: 1;
	flex: 1;
	margin-left: 12px;
	min-width: 0;
	padding: 0 12px
}

.tpm-product__recommend-btns .tpm-btn:first-child {
	margin-left: 0;
	position: relative
}

.tpm-product .tpm-product-set__list {
	margin: -22px -10px
}

.tpm-product .tpm-product-set__list>li {
	width: 33.33%;
	padding: 22px 10px
}

.tpm-product--multi .tpm-product__detail {
	display: -ms-flexbox;
	display: flex
}

.tpm-product--multi .tpm-product__detail-side {
	width: 378px;
	padding-right: 48px;
	margin-bottom: 0
}

.tpm-product--multi .tpm-product__detail-main {
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-product--multi .tpm-product__recommends {
	display: block
}

.tpm-product--multi .tpm-product__recommend {
	width: auto;
	margin-right: 0;
	margin-bottom: 20px
}

.tpm-product--multi .tpm-product__recommend:last-child {
	margin-bottom: 0
}

.tpm-product--multi .tpm-multi-tabs .tpm-multi-tabs__item .tpm-multi-tabs__item-icon.is-enter {
	-webkit-animation: tpm-product-multi__icon-enter .5s steps(24) forwards;
	animation: tpm-product-multi__icon-enter .5s steps(24) forwards
}

.tpm-product--multi .tpm-multi-tabs .tpm-multi-tabs__item .tpm-multi-tabs__item-icon.is-leave {
	-webkit-animation: tpm-product-multi__icon-leave .5s steps(24) forwards;
	animation: tpm-product-multi__icon-leave .5s steps(24) forwards
}

@-webkit-keyframes tpm-product-multi__icon-enter {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 -1440px
	}
}

@keyframes tpm-product-multi__icon-enter {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 -1440px
	}
}

@-webkit-keyframes tpm-product-multi__icon-leave {
	0% {
		background-position: 0 -1440px
	}

	to {
		background-position: 0 0
	}
}

@keyframes tpm-product-multi__icon-leave {
	0% {
		background-position: 0 -1440px
	}

	to {
		background-position: 0 0
	}
}

.tpm-product.version-v2 .tpm-product .tpm-product-set__labels .tpm-tag--weak-hole {
	height: 20px;
	background: #f1f2f5;
	color: #5f7292;
	border: 0
}

.tpm-product.version-v2 .tpm-product__recommend {
	padding: 20px;
	height: 172px
}

.tpm-product.version-v2 .tpm-product__recommend-btns {
	margin-top: 10px
}

.tpm-product.version-v2 .tpm-product__recommend-labels {
	height: 28px;
	padding-top: 8px
}

.tpm-product.version-v2 .tpm-product__recommend-labels .tpm-tag--weak-hole {
	height: 20px;
	background: #f1f2f5;
	color: #5f7292;
	border: 0;
	margin-left: 0;
	margin-right: 8px
}

.tpm-product.version-v2 .tpm-product__detail-side {
	width: 334px;
	padding-right: 24px
}

.tpm-product.version-v2 .tpm-product-set {
	padding: 20px 16px
}

.tpm-product.version-v2 .tpm-product-set__list {
	margin: 0
}

.tpm-product.version-v2 .tpm-product-set__list>li {
	min-height: 120px;
	background-color: #fff;
	width: calc(25% - 1px);
	padding: 0;
	margin: 0 1px 1px 0
}

@media screen and (min-width:769px) {
	.tpm-product.version-v2 .tpm-product-set__list>li {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-product.version-v2 .tpm-product-set__list>li:hover {
	position: relative;
	box-shadow: 3px 3px 12px rgba(55, 99, 170, .2)
}

.tpm-product.version-v2 .tpm-product-set__hd {
	margin-bottom: 6px
}

.tpm-product.version-v2 .tpm-product-set__desc {
	margin-bottom: 10px
}

.tpm-product.version-v2 .tpm-product-set__marks {
	margin-left: 6px
}

.tpm-product.version-v2 .tpm-product-set__labels .tpm-tag--weak-hole {
	height: 20px;
	background: #f1f2f5;
	color: #5f7292;
	border: 0
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-product__section.section-version-v2 {
		padding-top: 98px
	}

	.tpm-view-l .tpm-product__section.section-version-v2 .tpm-section__hd {
		margin-bottom: 30px
	}

	.tpm-view-l .tpm-product__tab-bd {
		padding: 40px 60px
	}

	.tpm-view-l .tpm-product__recommend {
		margin-right: 30px
	}

	.tpm-view-l .tpm-product__recommend:last-child {
		margin-right: 0
	}

	.tpm-view-l .tpm-product .tpm-product-set__list>li {
		width: 25%
	}

	.tpm-view-l .tpm-product--multi .tpm-product__recommend {
		margin-right: 0
	}

	.tpm-view-l .tpm-product.version-v2 .tpm-product-set__list>li {
		width: calc(25% - 1px)
	}
}

@media screen and (min-width:1200px) and (max-width:1439px) {

	.tpm-product--multi .tpm-product-set__list>:nth-last-child(2),
	.tpm-product--multi .tpm-product-set__list>:nth-last-child(3),
	.tpm-product--multi .tpm-product-set__list>:nth-last-child(4) {
		display: none
	}

	.tpm-product.version-v2 .tpm-product-set__list>:nth-last-child(2),
	.tpm-product.version-v2 .tpm-product-set__list>:nth-last-child(3),
	.tpm-product.version-v2 .tpm-product-set__list>:nth-last-child(4) {
		display: inline-block
	}
}

@media screen and (max-width:1359px) {
	.tpm-product.version-v2 .tpm-product__recommend {
		height: 219px
	}

	.tpm-product.version-v2 .tpm-product__recommend-btns {
		margin-top: 54px
	}

	.tpm-product.version-v2 .tpm-product-set {
		padding: 16px
	}

	.tpm-product.version-v2 .tpm-product-set__list>li {
		width: calc(33.33% - 1px);
		min-height: 114px
	}
}

@media screen and (max-width:1200px) {
	.tpm-product--multi .tpm-product__detail {
		display: block
	}

	.tpm-product--multi .tpm-product__detail-side {
		width: auto;
		padding-right: 0;
		margin-bottom: 40px
	}

	.tpm-product--multi .tpm-product__detail-main {
		width: auto
	}

	.tpm-product--multi .tpm-product__recommends {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-product--multi .tpm-product__recommend {
		-ms-flex: 1;
		flex: 1;
		margin-bottom: 0;
		margin-right: 20px
	}

	.tpm-product--multi .tpm-product__recommend:last-child {
		margin-bottom: 0;
		margin-right: 0
	}

	.tpm-product.version-v2 .tpm-product__detail {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-product.version-v2 .tpm-product__detail-side {
		width: 334px;
		padding-right: 24px;
		margin-bottom: 0
	}

	.tpm-product.version-v2 .tpm-product__detail-main {
		width: auto
	}

	.tpm-product.version-v2 .tpm-product__recommends {
		display: block
	}

	.tpm-product.version-v2 .tpm-product__recommend {
		-ms-flex: none;
		flex: none;
		margin-bottom: 20px;
		margin-right: 0
	}
}

@media screen and (max-width:768px) {
	.tpm-product__section.tpm-section {
		padding-top: 0
	}

	.tpm-product__section .tpm-section__inner {
		padding-top: 55px
	}

	.tpm-product__section.section-version-v2 .tpm-section__inner {
		padding-left: 0;
		padding-right: 0
	}

	.tpm-product .tpm-collapse__panel-bd {
		padding: 16px
	}

	.tpm-product .tpm-product-set__list {
		margin-top: -15px;
		margin-bottom: 0
	}

	.tpm-product .tpm-product-set__list>li {
		width: 50%;
		padding: 15px 10px
	}

	.tpm-product--multi .tpm-product__recommend {
		-ms-flex: 1;
		flex: 1;
		width: 1px
	}

	.tpm-product.version-v2 .tpm-product__detail {
		display: block
	}

	.tpm-product.version-v2 .tpm-product__detail-main,
	.tpm-product.version-v2 .tpm-product__detail-side {
		width: auto;
		padding: 0;
		margin-bottom: 0
	}

	.tpm-product.version-v2 .tpm-product__recommends {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 16px
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend {
		margin: 0;
		padding: 22px;
		width: calc(50% - 8px);
		min-width: 0;
		height: auto;
		border-radius: 4px;
		border: 2px solid #fff;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: 100%;
		background-image: url(images/recom-bg_938.jpg), linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend:nth-child(2) {
		margin-left: 16px
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend-btns {
		margin-top: 10px;
		width: 100%
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend-btns .tpm-btn {
		font-size: 12px;
		width: calc(50% - 6px)
	}

	.tpm-product.version-v2 .tpm-product__detail {
		padding-bottom: 16px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set {
		padding: 20px 24px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 0 16px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li {
		margin: 0;
		width: calc(50% - .5px);
		background-color: #fff;
		min-height: 0
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li:nth-child(2n) {
		margin-left: 1px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li:nth-child(n+3) {
		margin-top: 1px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li:hover {
		box-shadow: none
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list-trigger {
		text-align: center
	}

	.tpm-product.version-v2 .tpm-product-set__labels .tpm-tag--weak-hole {
		background: #ebedf1
	}
}

@media screen and (max-width:600px) {
	.tpm-product__recommends {
		display: block
	}

	.tpm-product__recommends .tpm-product__recommend {
		width: auto;
		height: auto;
		margin-right: 0;
		margin-bottom: 32px;
		padding: 0;
		box-shadow: none;
		background: transparent;
		border-width: 0
	}

	.tpm-product__recommends .tpm-product__recommend-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-product__recommends .tpm-product__recommend-btns {
		margin-top: 10px
	}

	.tpm-product__recommends .tpm-product__recommend-btns .tpm-btn {
		font-size: 12px
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend {
		width: 100%
	}

	.tpm-product.version-v2 .tpm-product__recommends .tpm-product__recommend:nth-child(2) {
		margin: 16px 0 0
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li {
		width: 100%
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li:nth-child(2n) {
		margin-left: 0
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list>li:nth-child(n+2) {
		margin-top: 1px
	}

	.tpm-product--multi .tpm-product__detail-side {
		margin-bottom: 32px
	}

	.tpm-product--multi .tpm-product__recommends {
		display: block
	}

	.tpm-product .tpm-collapse__panel-bd {
		padding: 16px
	}
}

.tpm-solution {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -14px;
	-webkit-font-smoothing: antialiased
}

.tpm-solution__main {
	-ms-flex: 1;
	flex: 1;
	-ms-flex-order: 1;
	order: 1
}

.tpm-solution__main:nth-child(2) {
	-ms-flex-order: 3;
	order: 3
}

.tpm-solution__center {
	margin: 0 12px;
	-ms-flex-order: 2;
	order: 2
}

.tpm-solution__summary {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 320px;
	height: 462px;
	border: 10px solid #242933;
	background: #242933;
	box-shadow: 8px 8px 20px 0 rgba(18, 21, 26, .6), -8px -8px 20px 0 rgba(54, 62, 77, .5), inset 0 4px 20px 0 rgba(36, 41, 51, .5);
	border-radius: 4px;
	overflow: hidden
}

.tpm-solution__summary:hover .tp-link--arrow:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-solution__summary-inner {
	position: relative;
	height: 100%;
	box-sizing: border-box;
	padding: 28px;
	border-radius: 4px;
	overflow: hidden;
	background-color: #1a1e26
}

.tpm-solution__summary-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 250px auto;
	background-image: url(images/bg-back_ec0.png)
}

.tpm-solution__summary-ani {
	position: absolute;
	right: 0;
	bottom: 90px;
	width: 215px;
	height: 216px;
	background-image: url(images/ani-sprite_e8c.png);
	background-size: 100% auto
}

.tpm-solution__summary:hover .tpm-solution__summary-ani {
	-webkit-animation: tpm-solutionSummaryAni 1.3s steps(37) forwards;
	animation: tpm-solutionSummaryAni 1.3s steps(37) forwards
}

@-webkit-keyframes tpm-solutionSummaryAni {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 -7992px
	}
}

@keyframes tpm-solutionSummaryAni {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 -7992px
	}
}

.tpm-solution__summary-cnt {
	position: relative;
	height: 100%;
	color: #fff
}

.tpm-solution__summary-title {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-solution__summary-desc {
	margin-bottom: 60px;
	font-size: 14px;
	line-height: 24px
}

.tpm-solution__summary-feature {
	margin-bottom: 12px;
	padding-left: 26px;
	position: relative;
	font-size: 14px;
	line-height: 24px
}

.tpm-solution__summary-feature:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 88.60759493670885% 70.58823529411765%;
	background-size: 977.7777777777778% auto
}

.tpm-solution__summary-entry {
	position: absolute;
	left: 0;
	bottom: 6px
}

.tpm-solution__summary .tp-link--arrow {
	color: #0080ff
}

.tpm-solution__summary .tp-link--arrow:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 16.666666666666664%;
	background-size: 2933.333333333333% auto
}

.tpm-solution__navs {
	font-size: 0;
	margin-bottom: -24px
}

.tpm-solution__navs>li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 8px;
	margin-bottom: 24px
}

.tpm-solution__nav {
	display: block;
	padding-top: 24px;
	color: #fff
}

.tpm-solution__nav-inner {
	position: relative;
	box-sizing: border-box;
	height: 195px;
	background-image: linear-gradient(179deg, #292f3b 2%, #242933);
	box-shadow: 8px 8px 20px 0 rgba(18, 21, 26, .6), -8px -8px 20px 0 rgba(54, 62, 77, .5), inset 0 4px 20px 0 rgba(36, 41, 51, .5);
	border-radius: 4px;
	padding: 44px 20px 0;
	transition: all .4s ease-in-out
}

.tpm-solution__nav-icon {
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top
}

.tpm-solution__nav-title {
	margin-bottom: 11px;
	font-weight: 400;
	font-size: 18px
}

.tpm-solution__nav-feature,
.tpm-solution__nav-title {
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-solution__nav-feature {
	opacity: .4;
	font-size: 14px
}

@media screen and (min-width:769px) {
	.tpm-solution__nav-feature {
		transition: opacity .3s ease-in-out
	}
}

.tpm-solution__nav:hover .tpm-solution__nav-inner {
	background: #242933;
	box-shadow: inset 8px 8px 20px 0 rgba(18, 21, 26, .6), inset -8px -8px 20px 0 rgba(54, 62, 77, .5)
}

.tpm-solution__nav:hover .tpm-solution__nav-feature {
	opacity: 1
}

.tpm-solution__section {
	background-color: #242933;
	color: #fff
}

.tpm-solution__section .tpm-section__title {
	color: #fff
}

@media screen and (min-width:769px) {
	.tpm-solution__nav-icon.is-enter {
		-webkit-animation: tpm-solution__nav-icon-enter .3s steps(16) forwards;
		animation: tpm-solution__nav-icon-enter .3s steps(16) forwards
	}

	.tpm-solution__nav-icon.is-leave {
		-webkit-animation: tpm-solution__nav-icon-leave .3s steps(16) forwards;
		animation: tpm-solution__nav-icon-leave .3s steps(16) forwards
	}

	@-webkit-keyframes tpm-solution__nav-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -960px
		}
	}

	@keyframes tpm-solution__nav-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -960px
		}
	}

	@-webkit-keyframes tpm-solution__nav-icon-leave {
		0% {
			background-position: 0 -960px
		}

		to {
			background-position: 0 0
		}
	}

	@keyframes tpm-solution__nav-icon-leave {
		0% {
			background-position: 0 -960px
		}

		to {
			background-position: 0 0
		}
	}
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-solution__center {
		margin: 0 18px
	}

	.tpm-view-l .tpm-solution__summary {
		width: 400px
	}

	.tpm-view-l .tpm-solution__navs>li {
		padding: 0 14px
	}
}

@media screen and (max-width:1439px) {
	.tpm-solution__summary-bg {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom
	}
}

@media screen and (max-width:1200px) {
	.tpm-solution {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-solution__center,
	.tpm-solution__main,
	.tpm-solution__main:nth-child(2) {
		-ms-flex-order: initial;
		order: 0
	}

	.tpm-solution__center {
		margin: 24px 0 0;
		width: 100%
	}

	.tpm-solution__summary {
		width: auto;
		height: auto
	}

	.tpm-solution__summary-bg {
		-webkit-transform: scale(1);
		transform: scale(1);
		background-size: 382px auto;
		background-position: right bottom -60px;
		background-image: url(images/summary-bg_e87.png)
	}

	.tpm-solution__summary-ani {
		display: none;
		background-image: none
	}

	.tpm-solution__summary-cnt {
		max-width: 700px
	}

	.tpm-solution__summary-desc {
		margin-bottom: 12px
	}

	.tpm-solution__summary-features {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-solution__summary-feature {
		margin-right: 20px
	}

	.tpm-solution__summary-entry {
		position: relative;
		bottom: auto;
		margin-top: 10px
	}
}

@media screen and (max-width:768px) {
	.tpm-solution {
		display: block;
		margin: 0
	}

	.tpm-solution__section .tpm-section__inner {
		padding-bottom: 0
	}

	.tpm-solution__center {
		margin-top: 0
	}

	.tpm-solution__summary {
		position: relative;
		background: none;
		box-shadow: none;
		border-radius: 0;
		border-width: 0;
		margin: 0 -16px;
		padding: 0 16px
	}

	.tpm-solution__summary-inner {
		position: static;
		background: none;
		padding: 0;
		min-height: 210px
	}

	.tpm-solution__summary-bg {
		background-size: 300px auto;
		background-position: 100% 100%
	}

	.tpm-solution__summary-cnt {
		padding-right: 150px
	}

	.tpm-solution__summary-title {
		margin-bottom: 20px;
		font-size: 20px
	}

	.tpm-solution__navs {
		margin: 0 -8px
	}

	.tpm-solution__navs>li {
		width: 16.666666666%
	}

	.tpm-solution__nav {
		padding-top: 0
	}

	.tpm-solution__nav-inner {
		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);
		border-radius: 4px;
		padding: 16px 12px;
		height: auto
	}

	.tpm-solution__nav-icon {
		display: block;
		position: static;
		margin: 0 auto;
		width: 48px;
		height: 48px
	}

	.tpm-solution__nav-title {
		margin-top: 12px;
		font-size: 16px;
		text-align: center;
		line-height: 24px
	}

	.tpm-solution__nav-features {
		display: none
	}
}

@media screen and (max-width:768px) {
	.tpm-solution__main {
		display: inline
	}

	.tpm-solution__center {
		margin-top: 24px
	}

	.tpm-solution__navs {
		display: inline;
		padding: 0;
		margin: 0
	}

	.tpm-solution__navs>li {
		padding: 0 4px;
		width: 25%;
		margin-bottom: 8px
	}

	.tpm-solution__nav-icon {
		width: 36px;
		height: 36px
	}

	.tpm-solution__summary {
		padding-bottom: 32px
	}

	.tpm-solution__summary-cnt {
		padding-right: 0
	}

	.tpm-solution__summary-title {
		display: none
	}

	.tpm-solution__summary-desc {
		margin-bottom: 20px
	}

	.tpm-solution__summary-features {
		display: block
	}

	.tpm-solution__summary-feature {
		margin-bottom: 5px
	}

	.tpm-solution__summary-feature:last-child {
		margin-bottom: 0
	}

	.tpm-solution__summary-entry {
		margin-top: 32px;
		text-align: center
	}

	.tpm-solution__summary-entry .tp-link--arrow {
		display: inline-block;
		vertical-align: top;
		min-width: 126px;
		padding: 0 16px;
		text-align: center;
		height: 36px;
		background-color: #0080ff;
		font-size: 14px;
		line-height: 36px;
		color: #fff
	}

	.tpm-solution__summary-entry .tp-link--arrow:after {
		display: none
	}
}

@media screen and (max-width:600px) {
	.tpm-solution {
		margin: 0 -16px;
		padding-left: 16px;
		padding-right: 16px
	}

	.tpm-solution__summary {
		margin: 0 -16px;
		padding: 0 16px 32px
	}
}

.tpm-video-button {
	box-sizing: border-box;
	border-width: 0;
	height: 44px;
	background: #0052d9;
	box-shadow: 2px 4px 10px 0 rgba(27, 51, 95, .2);
	padding: 0 32px;
	font-size: 16px;
	line-height: 44px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	-webkit-font-smoothing: auto;
	transition: all .3s ease-in-out
}

.tpm-video-button__inner {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-video-button__icon {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 50% 100%;
	background-size: 1100% auto;
	margin-right: 8px
}

.tpm-video-button__text {
	display: block
}

.tpm-video-button__extra {
	display: block;
	margin-left: 28px
}

.tpm-video-button:hover {
	background: #2670e8
}

.tpm-ecology {
	display: -ms-flexbox;
	display: flex;
	-webkit-font-smoothing: antialiased
}

.tpm-ecology__cell {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	margin-right: 20px
}

.tpm-ecology__cell:nth-last-child(2) {
	margin-right: 44px
}

.tpm-ecology__cell:last-child {
	-ms-flex: initial;
	flex: initial;
	width: 26.7605633803%;
	margin-right: 0
}

.tpm-ecology .tpm-ecology__panel {
	height: 100%
}

.tpm-ecology__panel {
	position: relative;
	box-sizing: border-box;
	height: 250px;
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	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: 4px
}

@media screen and (min-width:769px) {
	.tpm-ecology__panel {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-ecology__panel:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-ecology__panel:hover .tpm-ecology__panel-title {
	color: #0052d9
}

.tpm-ecology__panel-link {
	z-index: 1
}

.tpm-ecology__panel-link,
.tpm-ecology__panel-object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tpm-ecology__panel-object {
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 90%
}

.tpm-ecology__panel-main {
	position: relative;
	max-width: 100%
}

.tpm-ecology__panel-title {
	margin-bottom: 8px;
	font-size: 20px;
	color: #253554;
	font-weight: 500;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-ecology__panel-title {
		transition: color .3s ease-in-out
	}
}

.tpm-ecology__panel-desc {
	margin-bottom: 12px;
	font-size: 14px;
	color: #253554;
	line-height: 22px
}

.tpm-ecology__panel-tags {
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-ecology__panel-tags .tpm-tag {
	margin-right: 8px;
	margin-bottom: 8px
}

.tpm-ecology__panel-tags .tpm-tag:last-child {
	margin-right: 0
}

.tpm-ecology__panel-entries {
	position: relative;
	z-index: 2;
	font-size: 0;
	margin: 0 -6px -12px
}

.tpm-ecology__panel-entries>li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 6px;
	margin-bottom: 12px
}

.tpm-ecology__panel-entry {
	display: block;
	box-sizing: border-box;
	height: 40px;
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	font-size: 14px;
	color: #3d485d;
	line-height: 36px;
	text-align: center;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-ecology__panel-entry {
		transition: color .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-ecology__panel-entry:hover {
	color: #0052d9;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	border-color: transparent
}

.tpm-ecology__sub {
	position: relative;
	padding-top: 4px
}

.tpm-ecology__sub-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.tpm-ecology__sub-title {
	margin-bottom: 12px;
	font-size: 24px;
	color: #000;
	line-height: 32px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tpm-ecology__sub-title a {
	display: block;
	color: inherit;
	text-decoration: none
}

@media screen and (min-width:769px) {
	.tpm-ecology__sub-title a {
		transition: color .3s ease-in-out
	}
}

.tpm-ecology__sub-title a:hover {
	color: #0052d9
}

.tpm-ecology__sub-tags {
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-ecology__sub-tags .tpm-tag {
	margin-right: 8px;
	margin-bottom: 8px
}

.tpm-ecology__sub-tags .tpm-tag:last-child {
	margin-right: 0
}

.tpm-ecology__sub-desc {
	margin-bottom: 24px;
	font-size: 14px;
	color: #273755;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	max-height: 110px
}

.tpm-ecology__sub .tpm-video-button {
	position: relative;
	z-index: 2
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-ecology-desc {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-ecology__sub-desc {
		-webkit-line-clamp: 4;
		max-height: 88px
	}
}

@media screen and (max-width:1439px) {
	.tpm-ecology__panel-object {
		background-size: auto 180px;
		opacity: .5
	}
}

@media screen and (max-width:1200px) {
	.tpm-ecology__panel-object {
		display: none
	}

	.tpm-ecology__sub {
		padding-top: 20px
	}

	.tpm-ecology__sub-tags {
		display: none
	}
}

@media screen and (max-width:768px) {
	.tpm-ecology {
		display: block
	}

	.tpm-ecology__cell {
		display: block;
		width: auto;
		margin-right: 0;
		margin-bottom: 24px
	}

	.tpm-ecology__cell:nth-last-child(2) {
		margin-right: 0
	}

	.tpm-ecology__cell:last-child {
		width: auto;
		margin-bottom: 0
	}

	.tpm-ecology__panel {
		display: block;
		height: auto
	}

	.tpm-ecology__panel-entries>li {
		width: 16.666666%
	}

	.tpm-ecology__sub {
		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: 4px;
		padding: 24px
	}

	.tpm-ecology__sub-link {
		display: block
	}

	.tpm-ecology__sub-title {
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		white-space: normal
	}

	.tpm-ecology__sub-tags {
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 8px
	}

	.tpm-ecology__sub-desc {
		line-height: 24px;
		max-height: none;
		display: block
	}

	.tpm-ecology__sub:active .tpm-ecology__sub-title {
		color: #0052d9
	}
}

@media screen and (max-width:768px) {
	.tpm-ecology__panel {
		padding: 24px
	}

	.tpm-ecology__panel-object {
		display: none
	}

	.tpm-ecology__panel-title {
		margin-right: 0;
		margin-bottom: 12px;
		font-size: 20px;
		line-height: 24px;
		white-space: normal
	}

	.tpm-ecology__panel-desc {
		margin-right: 0;
		margin-bottom: 8px;
		line-height: 20px
	}

	.tpm-ecology__panel-tags {
		margin-right: 0;
		margin-bottom: 16px
	}

	.tpm-ecology__panel-entries {
		margin: 0 -4px -8px
	}

	.tpm-ecology__panel-entries>li {
		padding: 0 4px;
		margin-bottom: 8px;
		width: 33.33%
	}

	.tpm-ecology__sub .tpm-video-button {
		width: 100%
	}
}

.tpm-ecology2 {
	display: -ms-flexbox;
	display: flex;
	-webkit-font-smoothing: antialiased
}

.tpm-ecology2__cell {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	margin-right: 20px
}

.tpm-ecology2__cell:last-child {
	margin-right: 0
}

.tpm-ecology2 .tpm-ecology2__card {
	height: 100%
}

.tpm-ecology2__bubble {
	pointer-events: none;
	position: absolute;
	width: 380px;
	top: -178px;
	right: -2px;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
	border-radius: 4px;
	padding: 16px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	transition: all .3s ease-in-out;
	opacity: 0;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.tpm-ecology2__bubble.is-show {
	opacity: 1
}

.tpm-ecology2__bubble:before {
	position: absolute;
	content: "";
	display: inline-block;
	bottom: -16px;
	right: 32px;
	border: 8px solid transparent;
	border-top-color: #fff
}

.tpm-ecology2__bubble-qr {
	width: 126px;
	height: 126px;
	margin-right: 16px
}

.tpm-ecology2__bubble-tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #181818
}

.tpm-ecology2__bubble-list-tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	margin-top: 4px;
	color: #97a3b7
}

.tpm-ecology2__bubble-list {
	margin-top: 4px
}

.tpm-ecology2__bubble-list .tpm-list__item {
	padding-left: 24px
}

.tpm-ecology2__bubble-list .tpm-list__item-text {
	color: #4b5b76;
	line-height: 22px
}

.tpm-ecology2__bubble-list .tpm-list__item:before {
	background-image: url(images/tpm1-ecology2-check_41f.svg)
}

.tpm-ecology2__bubble-list .tpm-list__item+.tpm-list__item {
	margin-top: 4px
}

.tpm-ecology2__card {
	position: relative;
	box-sizing: border-box;
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	background-image: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
	border-radius: 4px
}

@media screen and (min-width:769px) {
	.tpm-ecology2__card {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-ecology2__card-qr {
	cursor: pointer;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 1;
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	background-position: 50%;
	background-size: 60px;
	background-repeat: no-repeat;
	background-image: url(images/tpm1-ecology2-qr_dd4.svg)
}

@media screen and (min-width:769px) {
	.tpm-ecology2__card:hover {
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .2), -8px -8px 20px #fff
	}
}

.tpm-ecology2__card-link {
	z-index: 1
}

.tpm-ecology2__card-link,
.tpm-ecology2__card-object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tpm-ecology2__card-object {
	background-position: right 10px top;
	background-repeat: no-repeat;
	background-size: auto 180px;
	opacity: .6
}

.tpm-ecology2__card-main {
	position: relative;
	max-width: 100%
}

.tpm-ecology2__card-title {
	margin-bottom: 8px;
	font-size: 20px;
	color: #181818;
	font-weight: 500;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

@media screen and (min-width:769px) {
	.tpm-ecology2__card-title {
		transition: color .3s ease-in-out
	}
}

.tpm-ecology2__card-title:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 50%;
	background-size: 16px;
	background-repeat: no-repeat;
	margin-left: 4px;
	background-image: url(images/tpm1-ecology2-arrow_e43.svg);
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.tpm-ecology2__card-title:hover {
	color: #0052d9
}

.tpm-ecology2__card-title:hover:after {
	background-image: url(images/tpm1-ecology2-arrow-hover_05e.svg);
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-ecology2__card-desc {
	margin-bottom: 16px;
	font-size: 14px;
	color: #4b5b76;
	line-height: 22px
}

.tpm-ecology2__card-tags {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-ecology2__card-tags .tpm-tag {
	margin-right: 8px;
	margin-bottom: 8px
}

.tpm-ecology2__card-tags .tpm-tag:last-child {
	margin-right: 0
}

.tpm-ecology2__card-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-ecology2__card-list .tpm-list__item {
	margin-bottom: 8px;
	width: calc(50% - 4px);
	padding-left: 24px
}

.tpm-ecology2__card-list .tpm-list__item-text {
	color: #4b5b76;
	line-height: 22px
}

.tpm-ecology2__card-list .tpm-list__item:before {
	background-image: url(images/tpm1-ecology2-check_41f.svg)
}

.tpm-ecology2__card-list .tpm-list__item:nth-child(2n) {
	margin-left: 8px
}

.tpm-ecology2__card-list .tpm-list__item+.tpm-list__item {
	margin-top: 0
}

.tpm-ecology2__card-links {
	margin-top: 8px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-ecology2__card-links li {
	position: relative;
	z-index: 1;
	margin-right: 12px
}

.tpm-ecology2__card-links li:last-child {
	margin-right: 0
}

.tpm-ecology2__card-links .tpm-link {
	line-height: 22px
}

.tpm-ecology2__card-links .tpm-link.icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-ecology2__card-links .tpm-link.icon-video:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 50%;
	background-size: 16px;
	background-repeat: no-repeat;
	margin-right: 8px;
	background-image: url(images/tpm1-ecology2-video_6a2.svg)
}

.tpm-ecology2__card-links .tpm-link:hover {
	text-decoration: underline
}

@media screen and (max-width:768px) {
	.tpm-ecology2 {
		display: block
	}

	.tpm-ecology2__cell {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px
	}

	.tpm-ecology2__cell:last-child {
		margin-bottom: 0
	}

	.tpm-ecology2__card {
		display: block
	}

	.tpm-ecology2__card-qr {
		display: none
	}

	.tpm-ecology2__bubble {
		position: static;
		opacity: 1;
		border: 0;
		box-shadow: none;
		width: 100%;
		height: auto;
		background: none;
		border-radius: 0;
		padding: 16px 0 0;
		margin-top: 16px;
		border-top: 1px solid #d6dbe3
	}

	.tpm-ecology2__bubble:before {
		display: none
	}

	.tpm-ecology2__bubble-qr {
		width: 100px;
		height: 100px
	}

	.tpm-ecology2__bubble-cnt {
		-ms-flex: 1;
		flex: 1
	}

	.tpm-ecology2__bubble-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -4px
	}

	.tpm-ecology2__bubble-list .tpm-list__item {
		margin-bottom: 4px;
		width: calc(50% - 4px)
	}

	.tpm-ecology2__bubble-list .tpm-list__item:nth-child(2n) {
		margin-left: 8px
	}

	.tpm-ecology2__bubble-list .tpm-list__item+.tpm-list__item {
		margin-top: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-ecology2__card {
		padding: 16px
	}

	.tpm-ecology2__card-object {
		background-size: auto 140px
	}

	.tpm-ecology2__bubble-tit {
		font-size: 14px;
		line-height: 22px
	}

	.tpm-ecology2__bubble-list {
		margin-bottom: 0;
		margin-top: 0
	}

	.tpm-ecology2__bubble-list .tpm-list__item {
		margin-bottom: 0;
		width: 100%
	}

	.tpm-ecology2__bubble-list .tpm-list__item-text {
		font-size: 12px;
		line-height: 20px
	}

	.tpm-ecology2__bubble-list .tpm-list__item:nth-child(2n) {
		margin-left: 0
	}

	.tpm-ecology2__bubble-list-tit {
		font-size: 12px;
		line-height: 20px;
		margin-top: 0
	}
}

.tpm-logo-card {
	box-sizing: border-box;
	width: 200px;
	background: #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 8px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-font-smoothing: antialiased;
	padding: 20px
}

@media screen and (min-width:769px) {
	.tpm-logo-card {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-logo-card img {
	display: block;
	max-width: 100%;
	max-height: 40px;
	max-width: min(160px, 100%)
}

.tpm-logo-card__img-wrap {
	width: 100%;
	max-width: 160px
}

.tpm-logo-card__img {
	padding-top: 25%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0 !important;
	line-height: 0 !important
}

.tpm-logo-card[href]:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-logo-card__wrap {
	padding-bottom: 28px;
	margin-bottom: -40px
}

.tpm-logo-card__tit {
	font-size: 12px;
	color: #495770;
	text-align: center;
	line-height: 20px;
	margin-top: 4px
}

.tpm-logo-card__list {
	padding: 0 6px
}

.tpm-logo-card__list>li {
	display: inline-block;
	vertical-align: top;
	padding: 0 6px 12px
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__wrap-inner {
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 1200px
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
	text-align: center;
	padding: 0
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card__list>li {
	width: 20%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--fixcol .tpm-logo-card {
	width: 100%
}

.tpm-logo-card__wrap--fixcol.align-left .tpm-logo-card__list {
	text-align: left
}

.tpm-logo-card__wrap--fixcol.align-right .tpm-logo-card__list {
	text-align: right
}

.tpm-logo-card__wrap--col3 .tpm-logo-card__list>li {
	width: 33.333%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--col4 .tpm-logo-card__list>li {
	width: 25%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--col5 .tpm-logo-card__list>li {
	width: 20%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--col6 .tpm-logo-card__list>li {
	width: 16.666666666%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--col7 .tpm-logo-card__list>li {
	width: 14.2857142857%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--col8 .tpm-logo-card__list>li {
	width: 12.5%;
	box-sizing: border-box
}

.tpm-logo-card__wrap--multi {
	overflow: hidden
}

.tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block
}

.tpm-logo-card__wrap--loop .tpm-logo-card__list,
.tpm-logo-card__wrap--multi .tpm-logo-card__list {
	white-space: nowrap
}

.tpm-logo-card__wrap.align-center {
	text-align: center
}

.tpm-logo-card__wrap.align-right {
	text-align: right
}

.tpm-logo-card__wrap.align-left {
	text-align: left
}

@media screen and (max-width:1200px) {
	.tpm-logo-card {
		padding: 12px
	}
}

@media screen and (max-width:768px) {
	.tpm-logo-card {
		width: 104px;
		padding: 12px 4px;
		border-radius: 4px
	}

	.tpm-logo-card__wrap {
		padding: 0 16px 20px;
		margin-bottom: -28px
	}

	.tpm-logo-card__list {
		padding: 0;
		margin: 0 -4px
	}

	.tpm-logo-card__list>li {
		padding: 0 4px 8px
	}

	.tpm-logo-card__tit {
		display: none
	}

	.tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
		margin: 0 -4px;
		padding: 0
	}

	.tpm-logo-card__wrap--multi {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}

	.tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@media screen and (max-width:600px) {
	.tpm-logo-card__wrap {
		padding: 0 16px 20px
	}

	.tpm-logo-card__wrap--fixcol .tpm-logo-card__list {
		text-align: center;
		padding: 0
	}

	.tpm-logo-card__wrap--fixcol .tpm-logo-card__list>li {
		width: 33.33%;
		box-sizing: border-box
	}

	.tpm-logo-card__wrap--col3 .tpm-logo-card__list>li,
	.tpm-logo-card__wrap--col4 .tpm-logo-card__list>li,
	.tpm-logo-card__wrap--col5 .tpm-logo-card__list>li,
	.tpm-logo-card__wrap--col6 .tpm-logo-card__list>li,
	.tpm-logo-card__wrap--col7 .tpm-logo-card__list>li,
	.tpm-logo-card__wrap--col8 .tpm-logo-card__list>li {
		width: 33.333%;
		box-sizing: border-box
	}
}

.tpm-case-card {
	display: block;
	box-sizing: border-box;
	height: 210px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px;
	white-space: normal;
	position: relative
}

.tpm-case-card__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	pointer-events: none;
	background: url(images/bg_3ac.jpg) 0 100% no-repeat;
	background-size: auto 100%;
	opacity: 0
}

@media screen and (min-width:769px) {
	.tpm-case-card__bg {
		transition: opacity .3s ease-in-out
	}
}

.tpm-case-card__inner {
	position: relative;
	z-index: 1;
	padding: 53px 32px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-case-card__object {
	width: 40px;
	margin-right: 20px
}

.tpm-case-card__logo {
	display: block;
	width: 100%;
	border-radius: 4px
}

.tpm-case-card__main {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	position: relative;
	z-index: 1
}

.tpm-case-card__main:before {
	content: "";
	position: absolute;
	left: -12px;
	top: -27px;
	z-index: -1;
	width: 57px;
	height: 46px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 47.89915966386555% 70.37037037037037%;
	background-size: 308.77192982456137% auto
}

.tpm-case-card__desc {
	font-size: 16px;
	color: #293957;
	text-align: justify;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 112px
}

.tpm-case-card__name {
	margin-top: 24px;
	font-size: 16px;
	color: #293957;
	text-align: right;
	line-height: 28px
}

.tpm-case-card__title {
	font-size: 16px;
	color: #000;
	line-height: 26px;
	margin-bottom: 8px;
	font-weight: 500
}

.tpm-case-card__list {
	-webkit-font-smoothing: antialiased
}

.tpm-case-card__list .swiper-container {
	margin: 0 -24px;
	padding: 0 12px 20px
}

.tpm-case-card__list .swiper-slide {
	height: auto;
	padding: 0 12px;
	box-sizing: border-box;
	transition: opacity .3s linear
}

.tpm-case-card__list .is-hide,
.tpm-case-card__list .swiper-slide-prev {
	opacity: 0;
	transition: opacity .3s linear
}

.tpm-case-card--vertical {
	height: 238px
}

.tpm-case-card--vertical .tpm-case-card__inner {
	padding: 32px 32px 0;
	display: block
}

.tpm-case-card--vertical .tpm-case-card__object {
	margin-right: 0;
	margin-bottom: 12px;
	width: auto;
	height: 40px
}

.tpm-case-card--vertical .tpm-case-card__logo {
	height: 100%;
	width: auto
}

.tpm-case-card--vertical .tpm-case-card__main {
	-ms-flex: unset;
	flex: unset;
	width: auto
}

.tpm-case-card--vertical .tpm-case-card__main:before {
	display: none
}

a.tpm-case-card:hover .tpm-case-card__bg {
	opacity: 1
}

@media screen and (max-width:768px) {
	.tpm-case-card {
		width: 280px;
		height: 300px;
		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: 4px
	}

	.tpm-case-card__bg {
		border-radius: 4px;
		opacity: 1;
		background-size: 100% auto;
		background-image: url(images/bg-mobile_929.jpg)
	}

	.tpm-case-card__inner {
		padding: 36px 20px;
		display: block;
		box-sizing: border-box
	}

	.tpm-case-card__object {
		position: absolute;
		left: 20px;
		bottom: 30px
	}

	.tpm-case-card__main {
		width: auto
	}

	.tpm-case-card__main:before {
		left: 0;
		top: -16px
	}

	.tpm-case-card__desc {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: 7;
		max-height: 168px;
		min-height: 120px;
		margin-bottom: 52px
	}

	.tpm-case-card__name {
		margin-top: 52px
	}

	.tpm-case-card__list {
		width: 900px
	}

	.tpm-case-card__list .swiper-container {
		margin: 0 -20px;
		padding: 0 10px 20px
	}

	.tpm-case-card__list .swiper-slide {
		padding: 0 10px
	}

	.tpm-case-card--vertical .tpm-case-card__inner {
		padding: 36px 20px
	}

	.tpm-case-card--vertical .tpm-case-card__title {
		margin-bottom: 4px
	}

	.tpm-case-card--vertical .tpm-case-card__object {
		position: static
	}

	.tpm-case-card--vertical .tpm-case-card__main:before {
		display: none
	}
}

.tpm-case,
.tpm-case__section {
	-webkit-font-smoothing: antialiased
}

.tpm-case__section {
	padding-left: 0;
	padding-right: 0
}

.tpm-case__section .tpm-section__inner {
	max-width: none
}

.tpm-case__cases {
	margin: 0 auto;
	padding-left: 80px;
	padding-right: 80px;
	max-width: 1340px
}

.tpm-case__cases .tpm-case-card {
	width: 100%
}

.tpm-case__cases .tpm-case-card__desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 84px
}

.tpm-case .tpm-logo-card__wrap--fixcol {
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (min-width:2300px) {
	.tpm-case__cases .tpm-case-card__list {
		left: 0;
		margin: 0 auto
	}

	.tpm-case__cases .tpm-swiper__btn--prev {
		margin-right: 20px;
		display: block
	}

	.tpm-case__cases .tpm-swiper__btn--next {
		right: auto;
		left: 100%;
		margin-left: 20px
	}

	.tpm-case__cases .tpm-swiper__btn--next:after {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		margin-left: -1px
	}
}

@media screen and (min-width:1601px) {
	.tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list {
		height: 92px;
		overflow: hidden;
		white-space: normal;
		text-align: center
	}
}

@media screen and (min-width:769px) and (max-width:1600px) {
	.tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
		max-width: 1204px;
		display: block
	}

	.tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list>li {
		width: 20%;
		box-sizing: border-box
	}

	.tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list>li:nth-child(n+6) {
		display: none
	}

	.tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card {
		width: auto
	}
}

@media screen and (min-width:1440px) and (max-width:1600px) {
	.tpm-view-l .tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__wrap-inner {
		max-width: 1432px
	}

	.tpm-view-l .tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list>li {
		width: 16.666%
	}

	.tpm-view-l .tpm-case .tpm-logo-card__wrap--multi .tpm-logo-card__list>li:nth-child(6) {
		display: inline-block
	}
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-case__section {
		padding-left: 0;
		padding-right: 0
	}

	.tpm-view-l .tpm-case.tpm-section .tpm-section__inner {
		max-width: none
	}

	.tpm-view-l .tpm-case__cases {
		max-width: 1580px
	}
}

@media screen and (max-width:1360px) {
	.tpm-case__cases {
		max-width: none;
		padding-left: 80px;
		padding-right: 80px
	}
}

@media screen and (max-width:768px) {
	.tpm-case__section .tpm-section__bd {
		margin-left: -16px;
		margin-right: -16px
	}

	.tpm-case__cases {
		padding-left: 16px;
		padding-right: 0;
		overflow: hidden
	}

	.tpm-case__cases .tpm-case-card {
		width: 280px
	}

	.tpm-case__cases .tpm-case-card__desc {
		-webkit-line-clamp: 7;
		max-height: 168px
	}

	.tpm-case__cases .tpm-case-card__list {
		left: 0;
		width: 900px
	}

	.tpm-case__cases .tpm-swiper__btn {
		display: none
	}

	.tpm-case .tpm-logo-card__wrap--fixcol {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media screen and (max-width:768px) {
	.tpm-case__section .tpm-section__bd {
		margin-left: -16px;
		margin-right: -16px
	}

	.tpm-case__cases {
		padding-left: 16px
	}

	.tpm-case .tpm-logo-card__wrap--fixcol {
		padding-left: 16px;
		padding-right: 16px
	}
}

.tpm-earth {
	position: relative;
	height: 100%;
	overflow: hidden
}

.tpm-earth-with-bg {
	background-image: url(images/bg_24d.jpg);
	background-size: auto 608px;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-earth-canvas {
	top: 54px
}

.tpm-earth-canvas,
.tpm-earth-trigger {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tpm-earth-trigger {
	display: block;
	z-index: 1;
	width: 1325px;
	height: 100%;
	top: 10px;
	cursor: pointer
}

.tpm-infrastructure {
	height: 435px;
	-webkit-font-smoothing: antialiased
}

.tpm-infrastructure__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 1920px auto;
	background-position: bottom;
	background-repeat: no-repeat
}

.tpm-infrastructure__main {
	position: relative;
	height: 340px;
	z-index: 5;
	pointer-events: none
}

.tpm-infrastructure__tab {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	pointer-events: auto
}

.tpm-infrastructure__tab-list {
	font-size: 0;
	margin-bottom: -2px
}

.tpm-infrastructure__tab-item {
	display: inline-block;
	vertical-align: top;
	margin-right: 32px
}

.tpm-infrastructure__tab-item-link {
	box-sizing: border-box;
	border: 2px solid transparent;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	border-radius: 6px;
	font-size: 14px;
	color: #3d485d;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	padding: 0 12px;
	min-width: 64px
}

.tpm-infrastructure__tab-item-link:hover {
	color: #0052d9
}

.tpm-infrastructure__tab-item.is-active {
	position: relative;
	z-index: 2
}

.tpm-infrastructure__tab-item.is-active .tpm-infrastructure__tab-item-link {
	border-color: #fff #fff transparent;
	background: linear-gradient(180deg, #f4f6f8 0, #f5f7f9);
	padding-bottom: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #0052d9;
	cursor: default;
	box-shadow: none
}

.tpm-infrastructure__tab-item:first-child.is-active:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	border-left: 2px solid #fff;
	background-color: #f5f7f9;
	width: 6px;
	height: 8px;
	pointer-events: none
}

.tpm-infrastructure__tab-bd {
	background: linear-gradient(180deg, #f5f7f9 0, #fff);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 6px;
	box-sizing: border-box;
	min-height: 220px;
	padding: 24px 8px 24px 30px;
	display: inline-block;
	vertical-align: top;
	min-width: 636px
}

.tpm-infrastructure__region {
	position: relative;
	min-height: 216px
}

.tpm-infrastructure__region-all {
	position: relative;
	z-index: 2;
	font-size: 0;
	padding-right: 320px
}

.tpm-infrastructure__region-list {
	display: inline-table;
	margin-right: 60px;
	white-space: nowrap;
	margin-bottom: -8px
}

.tpm-infrastructure__region-item {
	display: table-row;
	font-size: 14px;
	color: #000;
	line-height: 24px
}

.tpm-infrastructure__region-item-label {
	display: table-cell;
	padding-bottom: 8px
}

.tpm-infrastructure__region-item-label:after {
	content: "："
}

.tpm-infrastructure__region-item-text {
	display: table-cell;
	padding-bottom: 8px
}

.tpm-infrastructure__region-map {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -100px;
	width: 400px;
	height: 200px
}

.tpm-infrastructure__region-map img {
	display: block;
	width: 100%;
	height: 100%
}

.tpm-infrastructure .tpm-earth-canvas {
	width: 1152px !important;
	height: 900px !important;
	margin-left: 200px;
	top: 80px
}

.tpm-infrastructure__pc-metrics {
	margin-bottom: 40px
}

.tpm-infrastructure__pc-metrics:last-child {
	margin-bottom: 0
}

.tpm-infrastructure__pc-metrics-title {
	margin-bottom: 4px;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #495770
}

.tpm-infrastructure__pc-metrics-title em {
	margin: 0 4px;
	font-size: 32px;
	line-height: 40px;
	color: #0052d9
}

.tpm-infrastructure__pc-metrics-desc {
	font-size: 14px;
	line-height: 22px;
	color: #495770
}

.tpm-infrastructure__pc-metrics-list {
	margin-top: 63px;
	margin-left: 40px
}

.tpm-infrastructure__metrics {
	margin-bottom: 50px
}

.tpm-infrastructure__metrics-num {
	margin-bottom: 6px;
	font-size: 40px;
	line-height: 40px;
	color: #3d485d
}

.tpm-infrastructure__metrics-label {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #798496;
	border-radius: 2px;
	font-size: 12px;
	color: #3d485d;
	text-align: center;
	line-height: 20px;
	padding: 0 8px
}

.tpm-infrastructure__metrics-list {
	display: none;
	position: absolute;
	top: 0;
	right: 28px;
	white-space: nowrap
}

.tpm-infrastructure__cert {
	position: relative;
	z-index: 5;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 0 28px
}

.tpm-infrastructure__cert-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-infrastructure__cert-item:nth-last-child(2) {
	display: none
}

.tpm-infrastructure__cert-item-link {
	display: block;
	padding: 20px 8px 22px;
	font-size: 14px;
	color: #3d485d;
	text-align: center;
	line-height: 20px
}

.tpm-infrastructure__cert-item-logo {
	width: 80px;
	height: 80px;
	background: #fff;
	border: 1px solid #e5e8ed;
	border-radius: 50%;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 6px;
	overflow: hidden;
	transition: box-shadow .3s ease-in-out, background .3s ease-in-out;
	padding: 15px
}

.tpm-infrastructure__cert-item-logo img {
	display: block;
	width: 100%;
	height: 100%
}

.tpm-infrastructure__cert-item-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-infrastructure__cert-item-link:hover {
	color: #0052d9
}

.tpm-infrastructure__cert-item-link:hover .tpm-infrastructure__cert-item-logo {
	padding: 14px;
	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
}

.tpm-infrastructure__cert-item--more .tpm-infrastructure__cert-item-logo:after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(images/more_2b2.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.tpm-infrastructure__cert-entry {
	display: none
}

.tpm-infrastructure__section {
	position: relative;
	padding-bottom: 0
}

.tpm-infrastructure__section .tpm-section__hd {
	position: relative;
	z-index: 2
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-infrastructure__cert {
		padding: 0 68px
	}

	.tpm-view-l .tpm-infrastructure__pc-metrics-list {
		margin-left: 104px
	}

	.tpm-view-l .tpm-infrastructure .tpm-earth-canvas {
		width: 1440px !important;
		height: 1125px !important;
		margin-left: 250px;
		top: 70px
	}
}

@media screen and (max-width:1200px) {

	.tpm-infrastructure__cert-item-text,
	.tpm-infrastructure__cert-item .tp-link {
		display: none
	}
}

@media screen and (max-width:768px) {
	.tpm-infrastructure {
		height: auto
	}

	.tpm-infrastructure .tpm-earth {
		display: none
	}

	.tpm-infrastructure__bg {
		background-image: url(images/bg-mobile_dae.jpg);
		background-size: 100% auto;
		height: auto;
		bottom: 0;
		background-position: top -110px center
	}

	.tpm-infrastructure__main {
		height: auto;
		margin-top: 60px
	}

	.tpm-infrastructure__pc-metrics,
	.tpm-infrastructure__tab {
		display: none
	}

	.tpm-infrastructure__metrics {
		display: inline-block;
		vertical-align: top;
		margin: 0 16px;
		text-align: left
	}

	.tpm-infrastructure__metrics-num {
		margin-bottom: 4px;
		font-size: 28px;
		color: #3d485d;
		line-height: 36px
	}

	.tpm-infrastructure__metrics-list {
		display: block;
		margin-bottom: 40px;
		position: static;
		text-align: center
	}

	.tpm-infrastructure__cert {
		padding: 20px 28px
	}

	.tpm-infrastructure__cert-list {
		-ms-flex-pack: initial;
		justify-content: normal;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -10px -16px
	}

	.tpm-infrastructure__cert-item {
		padding: 0 10px 16px;
		width: 20%;
		max-width: none;
		text-align: center;
		box-sizing: border-box
	}

	.tpm-infrastructure__cert-item-link {
		padding: 0
	}

	.tpm-infrastructure__cert-item-logo {
		width: 60px;
		height: 60px;
		padding: 10px
	}

	.tpm-infrastructure__cert-item-link:hover .tpm-infrastructure__cert-item-logo {
		padding: 9px
	}

	.tpm-infrastructure__cert-item-text,
	.tpm-infrastructure__cert-item .tp-link {
		display: block;
		font-size: 12px
	}

	.tpm-infrastructure__cert-item:nth-last-child(2) {
		display: block
	}
}

@media screen and (max-width:600px) {
	.tpm-infrastructure__bg {
		background-image: url(images/bg-mobile_dae.jpg);
		background-position: top
	}

	.tpm-infrastructure__cert-item {
		width: 33.33%
	}

	.tpm-infrastructure__cert-item-text {
		white-space: normal
	}

	.tpm-infrastructure__cert-item:last-child {
		display: none
	}

	.tpm-infrastructure__cert-entry {
		display: block;
		margin-top: 24px;
		text-align: center
	}
}

.tpm-market {
	display: -ms-flexbox;
	display: flex;
	-webkit-font-smoothing: antialiased
}

.tpm-market__cell:last-child {
	width: 660px
}

.tpm-market__cell:first-child {
	position: relative;
	padding-top: 25px;
	-ms-flex: 1;
	flex: 1;
	min-height: 260px;
	margin-right: 23px
}

.tpm-market__bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 393px auto;
	background-position: 100%;
	background-image: url(images/bg_941.png);
	opacity: .5
}

.tpm-market__inner {
	position: relative
}

.tpm-market__desc {
	max-width: 480px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 60px
}

.tpm-market__desc em {
	color: #000;
	font-weight: 500
}

.tpm-market__features {
	font-size: 0;
	max-width: 480px;
	margin-bottom: -20px
}

.tpm-market__feature {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 28px;
	font-size: 16px;
	color: #253554;
	line-height: 24px
}

.tpm-market__feature-icon {
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px
}

.tpm-market__feature-icon.handpick {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 20% 100%;
	background-size: 1100% auto
}

.tpm-market__feature-icon.test {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 51.87500000000001% 88.40579710144928%;
	background-size: 1100% auto
}

.tpm-market__feature-icon.service {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 40% 100%;
	background-size: 1100% auto
}

.tpm-market__feature-icon.sale {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 30% 100%;
	background-size: 1100% auto
}

.tpm-market__entries {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -24px
}

.tpm-market__entries>li {
	margin-left: 24px;
	margin-bottom: 24px
}

.tpm-market__entry {
	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;
	box-sizing: border-box;
	width: 108px;
	height: 108px;
	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: 10px
}

@media screen and (min-width:769px) {
	.tpm-market__entry {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-market__entry-icon {
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top;
	margin-bottom: 10px
}

.tpm-market__entry-label {
	font-size: 14px;
	color: #253554;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-market__entry:hover {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff
}

.tpm-market__section {
	padding-top: 154px
}

@media screen and (min-width:769px) {
	.tpm-market__entry-icon.is-enter {
		-webkit-animation: tpm-market__entry-icon-enter .3s steps(16) forwards;
		animation: tpm-market__entry-icon-enter .3s steps(16) forwards
	}

	.tpm-market__entry-icon.is-leave {
		-webkit-animation: tpm-market__entry-icon-leave .3s steps(16) forwards;
		animation: tpm-market__entry-icon-leave .3s steps(16) forwards
	}

	@-webkit-keyframes tpm-market__entry-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -960px
		}
	}

	@keyframes tpm-market__entry-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -960px
		}
	}

	@-webkit-keyframes tpm-market__entry-icon-leave {
		0% {
			background-position: 0 -960px
		}

		to {
			background-position: 0 0
		}
	}

	@keyframes tpm-market__entry-icon-leave {
		0% {
			background-position: 0 -960px
		}

		to {
			background-position: 0 0
		}
	}
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-market-bg {
		opacity: 1
	}
}

@media screen and (max-width:1200px) {
	.tpm-market__cell:last-child {
		width: 50%
	}

	.tpm-market__bg {
		background-position: right bottom -30px
	}

	.tpm-market__desc {
		margin-bottom: 30px
	}

	.tpm-market__entries>li {
		margin: 0;
		padding: 0 0 24px 24px;
		width: 25%;
		box-sizing: border-box
	}

	.tpm-market__entries>li:last-child,
	.tpm-market__entries>li:nth-last-child(2) {
		display: none
	}

	.tpm-market__entry {
		width: 100%
	}

	.tpm-market__section {
		padding-top: 122px
	}
}

@media screen and (max-width:768px) {
	.tpm-market {
		display: block
	}

	.tpm-market__cell:last-child {
		width: auto
	}

	.tpm-market__cell:first-child {
		padding-top: 0;
		min-height: 0;
		margin-right: 0;
		padding-bottom: 45px
	}

	.tpm-market__entries {
		margin: 0 -7px -14px
	}

	.tpm-market__entries>li {
		margin: 0;
		padding: 0 7px 14px;
		width: 20%
	}

	.tpm-market__entries>li:last-child,
	.tpm-market__entries>li:nth-last-child(2) {
		display: block
	}

	.tpm-market__entry {
		height: 100px
	}

	.tpm-market__entry-icon {
		width: 48px;
		height: 48px
	}

	.tpm-market__entry-label {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-market__section {
		padding-top: 0
	}
}

@media screen and (max-width:768px) {
	.tpm-market__bg {
		background-size: 300px auto;
		opacity: .4
	}

	.tpm-market__desc {
		max-width: none;
		margin-bottom: 24px
	}

	.tpm-market__features {
		max-width: none;
		margin-bottom: -12px
	}

	.tpm-market__feature {
		margin-bottom: 12px
	}

	.tpm-market__entries>li {
		width: 33.33%
	}

	.tpm-market__entries>li:last-child {
		display: none
	}

	.tpm-market__section {
		padding-top: 0
	}

	.tpm-market__section .tpm-section__desc>span:first-child {
		display: none
	}
}

.tpm-action-panel {
	padding: 0 20px;
	height: 160px;
	background: #242933 url(images/bg_ebb.jpg) 50% no-repeat;
	background-size: auto 100%;
	-webkit-font-smoothing: antialiased
}

.tpm-action-panel__inner {
	margin: 0 auto;
	max-width: 1180px;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	line-height: 32px;
	-webkit-font-smoothing: antialiased
}

.tpm-action-panel__btns {
	margin-top: 12px
}

.tpm-action-panel__btns .tpm-btn {
	min-width: 126px;
	border-color: hsla(0, 0%, 100%, .6)
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-action-panel {
		padding-left: 40px;
		padding-right: 40px
	}

	.tpm-view-l .tpm-action-panel__inner {
		max-width: 1420px
	}
}

@media screen and (max-width:1439px) {
	.tpm-action-panel {
		background-position: center right -200px
	}

	.tpm-action-panel__cnt {
		padding-right: 390px
	}
}

@media screen and (max-width:1200px) {
	.tpm-action-panel {
		background-position: center right -320px
	}

	.tpm-action-panel__cnt {
		padding-right: 300px
	}
}

@media screen and (max-width:768px) {
	.tpm-action-panel {
		background: #242933 url(images/bg-mobile_54b.jpg) 100% 100% no-repeat;
		background-size: auto 140%;
		height: auto;
		padding: 0
	}

	.tpm-action-panel__inner {
		font-size: 18px;
		line-height: 28px;
		padding: 32px 16px
	}

	.tpm-action-panel__cnt {
		padding-right: 200px
	}

	.tpm-action-panel__btns {
		margin-top: 32px
	}
}

@media screen and (max-width:768px) {
	.tpm-action-panel {
		background-size: auto 100%
	}

	.tpm-action-panel__inner {
		padding-left: 16px;
		padding-right: 16px
	}

	.tpm-action-panel__cnt {
		padding-right: 0
	}
}

.tpm-announcement {
	height: 60px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0;
	position: relative;
	overflow: hidden
}

.tpm-announcement__center,
.tpm-announcement__left,
.tpm-announcement__right {
	position: absolute;
	height: 100%
}

.tpm-announcement__left {
	left: 0
}

.tpm-announcement__right {
	right: 0
}

.tpm-announcement__center {
	height: 46px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}

@media screen and (max-width:768px) {
	.tpm-announcement {
		height: 40px
	}

	.tpm-announcement__center {
		height: 31px
	}
}

.tpm-solution2 {
	-webkit-font-smoothing: antialiased;
	width: 100%
}

.tpm-solution2__cards {
	width: 100%;
	white-space: nowrap;
	font-size: 0
}

.tpm-solution2__card {
	display: inline-block;
	transition: width .3s ease-in-out, box-shadow .3s ease-in-out;
	margin-right: 20px;
	width: 160px;
	border: 2px solid #fff;
	box-sizing: border-box;
	color: #fff;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
	padding: 22px 18px
}

.tpm-solution2__card-tit {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	position: relative;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	display: block
}

.tpm-solution2__card-cover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 62px 20px 22px;
	background-position: 0 0;
	background-size: auto 100%;
	background-repeat: no-repeat;
	transition: opacity .3s ease-in-out
}

.tpm-solution2__card-cnt {
	opacity: 0;
	transition: all .3s ease-in-out
}

.tpm-solution2__card-desc {
	font-size: 14px;
	line-height: 22px;
	white-space: pre-wrap;
	max-width: 152px
}

@media screen and (min-width:769px) {
	.tpm-solution2__card {
		height: 410px
	}

	.tpm-solution2__card.is-active {
		font-size: 0;
		width: 460px;
		background: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
	}

	.tpm-solution2__card.is-active:hover {
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .2), -8px -8px 20px #fff
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-cover {
		opacity: 0
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-cnt {
		opacity: 1
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-desc {
		display: none
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-tit {
		color: #181818;
		transition: color .3s ease-in-out
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-tit:hover {
		color: #0052d9
	}
}

.tpm-solution2__card-link {
	display: none
}

.tpm-solution2__card-bg-icon {
	position: absolute;
	width: 200px;
	height: 200px;
	left: 256px;
	bottom: 0;
	opacity: .5
}

.tpm-solution2__card:last-child {
	margin-right: 0
}

.tpm-solution2__card-sub {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #181818
}

.tpm-solution2__card-features {
	margin-top: 12px
}

.tpm-solution2__card-features .tpm-list__item:before {
	top: 3px
}

.tpm-solution2__card-features .tpm-list__item+.tpm-list__item {
	margin-top: 8px
}

.tpm-solution2__card-features .tpm-list__item-text {
	line-height: 22px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 100%
}

.tpm-solution2__card .tpm-group {
	margin-top: 20px
}

.tpm-solution2__card .tpm-group__tit {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px
}

.tpm-solution2__card .tpm-group+.tpm-group {
	margin-top: 20px
}

.tpm-solution2__card-case .tpm-logo-card__list {
	padding: 0
}

.tpm-solution2__card-case .tpm-logo-card__list>li {
	padding: 0 8px 12px;
	position: relative
}

.tpm-solution2__card-case .tpm-logo-card__list>li:first-child {
	padding-left: 0
}

.tpm-solution2__card-case .tpm-logo-card__list>li:last-child {
	padding-right: 0
}

.tpm-solution2__card-case .tpm-logo-card {
	width: 120px;
	padding: 12px;
	box-sizing: border-box;
	box-shadow: none;
	background: #fff;
	border: 1px solid #e5e8ed;
	border-radius: 4px
}

.tpm-solution2__card-case .tpm-logo-card:hover {
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 1px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
}

.tpm-solution2__card-prod .tpm-list {
	display: -ms-flexbox;
	display: flex
}

.tpm-solution2__card-prod .tpm-list__item--icon+.tpm-list__item--icon {
	margin-top: 0;
	margin-left: 16px
}

.tpm-solution2__card-prod .tpm-list__item {
	position: relative
}

.tpm-solution2__card-prod .tpm-list__item-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-solution2__card-prod .tpm-list__item-link .tpm-list__item-text {
	font-size: 16px;
	color: #181818;
	opacity: .8
}

.tpm-solution2__card-prod .tpm-list__item-link:hover .tpm-list__item-text {
	color: #0052d9
}

.tpm-solution2__card-prod .tpm-list__item-icon {
	width: 20px;
	margin-right: 8px
}

.tpm-solution2__card-prod .tpm-list__item-cnt {
	display: inline
}

.tpm-solution2__card-btn.mobile,
.tpm-solution2__card-tit.mobile {
	display: none
}

.tpm-solution2__card-btns {
	margin-top: 20px
}

.tpm-solution2__card-btns .tpm-btn {
	width: 200px;
	position: relative
}

.tpm-solution2__card-btns .tpm-btn__text {
	-webkit-font-smoothing: auto
}

.tpm-solution2__card-btns .tpm-btn__icon {
	margin-right: 6px
}

.tpm-solution2__card-btns .tpm-btn__icon .connect {
	width: 16px;
	height: 16px;
	background-position: 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url(images/connect_62c.svg)
}

.tpm-solution2__card-btns .tpm-btn+.tpm-btn {
	margin-left: 20px
}

.tpm-solution2__card-btns .tpm-btn--white {
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
}

@media screen and (min-width:769px) {
	.tpm-solution2__card.v2 {
		height: 430px
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-features .tpm-list__item {
		padding-left: 24px
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-prod .tpm-list__item-link .tpm-list__item-text {
		font-weight: 500;
		opacity: 1
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-btns {
		margin-top: 36px
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-cover {
		background-position: 100% 0
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-desc {
		position: absolute;
		right: 18px;
		top: 62px;
		transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		max-width: calc(100% - 36px)
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-cnt {
		transition: all .3s ease-in-out;
		position: absolute;
		top: 50px;
		right: 18px;
		pointer-events: none;
		min-width: calc(100% - 36px)
	}

	.tpm-solution2__card.v2 .tpm-group__tit {
		font-size: 18px;
		line-height: 26px
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-cover {
		opacity: .2
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-desc {
		display: block;
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		pointer-events: none
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-cnt {
		pointer-events: auto
	}
}

@media screen and (min-width:769px) {
	.tpm-solution2 .tpm-solution2__nav-icon.is-enter {
		-webkit-animation: tpm-solution2__nav-icon-enter .3s steps(16) forwards;
		animation: tpm-solution2__nav-icon-enter .3s steps(16) forwards
	}

	.tpm-solution2 .tpm-solution2__nav-icon.is-leave {
		-webkit-animation: tpm-solution2__nav-icon-leave .3s steps(16) forwards;
		animation: tpm-solution2__nav-icon-leave .3s steps(16) forwards
	}

	@-webkit-keyframes tpm-solution2__nav-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -768px
		}
	}

	@keyframes tpm-solution2__nav-icon-enter {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -768px
		}
	}

	@-webkit-keyframes tpm-solution2__nav-icon-leave {
		0% {
			background-position: 0 -768px
		}

		to {
			background-position: 0 0
		}
	}

	@keyframes tpm-solution2__nav-icon-leave {
		0% {
			background-position: 0 -768px
		}

		to {
			background-position: 0 0
		}
	}
}

.tpm-solution2__navs {
	font-size: 0;
	margin: 20px -10px -20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-solution2__navs>li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px
}

.tpm-solution2__nav {
	display: block;
	height: 100%
}

.tpm-solution2__nav-inner {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	padding: 24px 20px;
	background-image: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
	border-radius: 4px
}

@media screen and (min-width:769px) {
	.tpm-solution2__nav-inner {
		transition: background .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-solution2__nav-icon {
	position: absolute;
	width: 48px;
	height: 48px;
	bottom: 24px;
	right: 20px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top
}

.tpm-solution2__nav-cnt {
	max-width: calc(100% - 56px);
	overflow: hidden
}

.tpm-solution2__nav-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-solution2__nav-title {
		transition: color .3s ease-in-out
	}
}

.tpm-solution2__nav-desc {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #4b5b76;
	opacity: .8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 44px
}

.tpm-solution2__nav:hover .tpm-solution2__nav-inner {
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px rgba(55, 99, 170, .1), inset -8px -8px 20px #fff
}

.tpm-solution2__nav:hover .tpm-solution2__nav-title {
	color: #0052d9
}

.tpm-solution2__nav.is-more {
	position: relative
}

.tpm-solution2__nav.is-more .tpm-solution2__nav-link {
	font-size: 14px;
	line-height: 22px;
	color: #0052d9;
	display: inline-block;
	margin-top: 8px;
	position: absolute;
	bottom: 24px;
	left: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-solution2__nav.is-more .tpm-solution2__nav-link:after {
	content: "";
	display: inline-block;
	width: 16px;
	transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
	height: 16px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50%;
	background-image: url(images/icon-arrow_05e.svg)
}

.tpm-solution2__nav.is-more .tpm-solution2__nav-link:hover:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-solution2__nav.is-more .tpm-link {
	font-size: 14px;
	line-height: 22px;
	color: #0052d9;
	display: inline-block;
	margin-top: 8px;
	position: absolute;
	bottom: 24px;
	left: 20px
}

.tpm-solution2__nav.is-more:after {
	content: "";
	width: 70px;
	height: 67px;
	position: absolute;
	right: 20px;
	bottom: 10px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50%;
	background-image: url(images/bg-more_01c.png)
}

@media screen and (min-width:1440px) {
	.tpm-view-l .tpm-solution2__card {
		width: 196px
	}

	.tpm-view-l .tpm-solution2__card-btns .tpm-btn {
		width: 248px
	}

	.tpm-view-l .tpm-solution2__card-bg-icon {
		left: 352px
	}

	.tpm-view-l .tpm-solution2__card.is-active {
		width: 556px
	}
}

@media screen and (min-width:1600px) {
	.tpm-view-l .tpm-solution2__nav-desc {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}

@media screen and (min-width:1440px) and (max-width:1500px) {
	.tpm-view-l .tpm-solution2__card-btns .tpm-btn {
		max-width: calc(50% - 10px)
	}

	.tpm-view-l .tpm-solution2__card.is-active {
		width: calc(100% - 864px)
	}
}

@media screen and (min-width:1200px) and (max-width:1220px) {
	.tpm-solution2__card-btns .tpm-btn {
		max-width: calc(50% - 10px)
	}

	.tpm-solution2__card.is-active {
		width: calc(100% - 720px)
	}
}

@media screen and (min-width:769px) and (max-width:1200px) {
	.tpm-solution2__card {
		width: 157px
	}

	.tpm-solution2__card-btns .tpm-btn {
		width: 190px
	}

	.tpm-solution2__card.is-active {
		width: 452px
	}
}

@media screen and (max-width:768px) {
	.tpm-solution2__cards {
		box-sizing: border-box;
		white-space: pre-wrap;
		width: calc(100% + 12px);
		margin: 0 -6px -12px
	}

	.tpm-solution2__card {
		margin: 0 6px 12px;
		width: calc(33.33333% - 12px);
		padding: 16px 12px;
		height: 132px
	}

	.tpm-solution2__card-cnt {
		display: none
	}

	.tpm-solution2__card-cover {
		background-size: auto 100%;
		background-position: 100% 0;
		padding: 14px 12px
	}

	.tpm-solution2__card:last-child {
		margin-right: 6px
	}

	.tpm-solution2__card-tit {
		font-size: 18px;
		line-height: 26px
	}

	.tpm-solution2__card-tit.pc {
		display: none
	}

	.tpm-solution2__card-tit.mobile {
		display: block;
		z-index: unset
	}

	.tpm-solution2__card-desc {
		margin-top: 8px;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}

	.tpm-solution2__card-btn.mobile {
		display: block;
		margin-top: 8px;
		position: relative;
		z-index: 1
	}

	.tpm-solution2__card-btn.mobile .tpm-btn {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		color: #0052d9
	}

	.tpm-solution2__card-btn.mobile .tpm-btn__text {
		-webkit-font-smoothing: auto
	}

	.tpm-solution2__card-link {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1
	}

	.tpm-solution2__navs {
		margin: 12px -6px -12px
	}

	.tpm-solution2__navs>li {
		width: 33.33%;
		padding: 0 6px;
		margin-bottom: 12px
	}

	.tpm-solution2__nav-inner {
		padding: 20px 16px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-solution2__nav-icon {
		display: inline-block;
		position: static;
		width: 24px;
		height: 24px;
		margin-right: 8px
	}

	.tpm-solution2__nav-cnt {
		max-width: calc(100% - 32px)
	}

	.tpm-solution2__nav-title {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #181818
	}

	.tpm-solution2__nav-desc {
		display: none
	}

	.tpm-solution2__nav.is-more .tpm-solution2__nav-inner {
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-solution2__nav.is-more .tpm-solution2__nav-title {
		display: none
	}

	.tpm-solution2__nav.is-more .tpm-link,
	.tpm-solution2__nav.is-more .tpm-solution2__nav-link {
		margin-top: 0;
		position: static
	}

	.tpm-solution2__nav.is-more:after {
		display: none
	}
}

@media screen and (max-width:600px) {
	.tpm-solution2__card {
		width: calc(50% - 12px)
	}

	.tpm-solution2__nav-inner {
		padding: 12px 8px;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-solution2__nav-icon {
		margin-right: 0;
		margin-bottom: 8px
	}

	.tpm-solution2__nav-cnt {
		max-width: 100%
	}
}

@media screen and (min-width:769px) {
	body {
		min-width: 1200px
	}
}

@media screen and (max-width:768px) {
	body {
		min-width: 320px
	}
}

.tpm-video-player {
	-webkit-font-smoothing: antialiased;
	padding: 24px 16px 32px
}

.tpm-video-player__panel {
	width: 100%;
	padding-top: 24%;
	position: relative;
	height: 0
}

.tpm-video-player__card {
	display: block;
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	font-size: 0;
	height: 100%;
	overflow: hidden;
	transition: all .2s linear;
	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);
	background-position: 50%;
	background-size: cover
}

.tpm-video-player__card:hover {
	box-shadow: 0 4px 8px rgba(3, 27, 78, .12)
}

.tpm-video-player__card:hover .tpm-video-player__btn--play:before {
	-webkit-animation: wave-animate 3s linear infinite;
	animation: wave-animate 3s linear infinite
}

.tpm-video-player__card:hover .tpm-video-player__btn--play:after {
	opacity: 0;
	-webkit-animation: wave-animate 3s linear 1.5s infinite;
	animation: wave-animate 3s linear 1.5s infinite
}

.tpm-video-player__video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative
}

.tpm-video-player__btn--play {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-image: url(images/icon-play_e74.svg);
	background-size: cover;
	margin-bottom: 14px
}

.tpm-video-player__btn--play:after,
.tpm-video-player__btn--play:before {
	position: absolute;
	background: #fff;
	width: 40px;
	height: 40px;
	content: "";
	display: block;
	border-radius: 50%;
	opacity: 0
}

.tpm-video-player__content {
	position: absolute;
	width: 100%;
	height: 100%;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: rgba(26, 31, 42, .55)
}

.tpm-video-player__title {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	font-weight: 500
}

.tpm-video-player__time {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	bottom: 12px;
	right: 16px
}

@media screen and (max-width:768px) {
	.tpm-video-player+.tpm-section:before {
		display: block;
		content: "";
		height: 16px;
		background: #f3f5f8;
		box-shadow: inset 0 -2px 5px 0 #c6ccd7;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1)
	}
}

@media screen and (max-width:600px) {
	.tpm-video-player {
		padding: 24px 16px 32px
	}

	.tpm-video-player__panel {
		padding-top: 37.5%
	}
}

.tpm-prod-hero__activity {
	padding: 0 10px;
	-webkit-font-smoothing: antialiased;
	margin-top: -30px;
	position: relative;
	z-index: 2
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity.is-justfy .tpm-prod-hero__activity__activity-list {
		padding: 20px 10px
	}

	.tpm-prod-hero__activity.is-justfy .tpm-prod-hero__activity__activity-item {
		max-width: 100%;
		-ms-flex: 1;
		flex: 1;
		width: 1px;
		padding: 0 10px
	}

	.tpm-prod-hero__activity.is-justfy .tpm-prod-hero__activity__activity-text {
		max-width: none
	}
}

.tpm-prod-hero__activity-inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-prod-hero__activity-list {
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-prod-hero__activity-item {
	-ms-flex: 1;
	flex: 1
}

.tpm-prod-hero__activity-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.tpm-prod-hero__activity-tag {
	display: block;
	margin-right: 12px;
	box-sizing: border-box;
	height: 20px;
	border: 1px solid #0052d9;
	border-radius: 2px;
	padding: 0 6px;
	font-size: 12px;
	color: #0052d9;
	line-height: 18px;
	white-space: nowrap;
	width: 62px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}

.tpm-prod-hero__activity-tag--promotion {
	color: #f64041;
	border-color: #f64041
}

.tpm-prod-hero__activity-text {
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	max-width: 294px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	color: #4b5b76;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity-text {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-hero__activity-text-inner {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__activity-text:after {
	content: "";
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 6px;
	height: 10px;
	margin-left: 6px;
	overflow: hidden;
	vertical-align: 0;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 100% 30.555555555555557%;
	background-size: 2933.333333333333% auto
}

.tpm-prod-hero__activity-text:hover:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 37.5%;
	background-size: 2933.333333333333% auto
}

.tpm-prod-hero__activity-text:hover {
	color: #0052d9
}

.tpm-prod-hero__activity__card {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative
}

.tpm-prod-hero__activity__card-bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.tpm-prod-hero__activity__card-inner {
	position: relative;
	z-index: 1;
	height: 100%
}

.tpm-prod-hero__activity__card-list {
	overflow: hidden;
	-ms-flex-order: 0;
	order: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 4px 8px 20px rgba(55, 99, 170, .1);
	border-radius: 4px;
	display: -ms-flexbox;
	display: flex
}

.tpm-prod-hero__activity__card-list .tpm-prod-hero__activity__card-item {
	overflow: hidden
}

.tpm-prod-hero__activity__card-item {
	display: -ms-flexbox;
	display: flex;
	padding: 24px 0;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity__card-item {
		transition: background .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-prod-hero__activity__card-item+.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link {
	border-left: 1px solid #e3e6eb
}

.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link {
	width: 100%;
	padding: 0 24px
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link {
		transition: border-color .3s ease-in-out
	}
}

.tpm-prod-hero__activity__card-item:hover {
	cursor: pointer;
	background: #fff;
	box-shadow: 4px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px rgba(55, 99, 170, .05)
}

.tpm-prod-hero__activity__card-item:hover .tpm-prod-hero__activity__card-text:after {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-prod-hero__activity__card-item:hover .tpm-prod-hero__activity__card-bg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.tpm-prod-hero__activity__card-item:hover .tpm-prod-hero__activity__card-title {
	color: #0052d9
}

@media screen and (min-width:769px) {

	.tpm-prod-hero__activity__card-item:hover+.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link,
	.tpm-prod-hero__activity__card-item:hover:not(:first-child)>.tpm-prod-hero__activity__card-link {
		border-left: 1px solid transparent
	}
}

.tpm-prod-hero__activity__card-item+.tpm-prod-hero__activity__card-list {
	margin-right: 12px;
	width: calc(100% - 314px)
}

.tpm-prod-hero__activity__card-header {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-ms-flex-align: center;
	align-items: center
}

.tpm-prod-hero__activity__card-header .tpm-prod-hero__activity-tag {
	margin-left: 4px;
	margin-right: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tpm-prod-hero__activity__card-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #131313;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity__card-title {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-hero__activity__card-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #4b5b76;
	margin-top: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__activity__card-desc {
		height: calc(100% - 72px)
	}
}

.tpm-prod-hero__activity__card .tpm-prod-hero__activity__card-text {
	display: block;
	margin-top: 16px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #0052d9
}

.tpm-prod-hero__activity__card .tpm-prod-hero__activity__card-text:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 6px;
	overflow: hidden;
	vertical-align: 0;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 37.5%;
	background-size: 2933.333333333333% auto
}

.tpm-prod-hero__activity__card-active {
	-ms-flex-order: 1;
	order: 1;
	padding: 0;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 4px 8px 20px rgba(55, 99, 170, .1);
	border-radius: 4px
}

.tpm-prod-hero__activity__card-active:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: hsla(0, 0%, 100%, .2);
	z-index: 1
}

.tpm-prod-hero__activity__card-active:hover {
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 4px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-prod-hero__activity__card-active:hover .tpm-prod-hero__activity__card-link {
	border: 0
}

.tpm-prod-hero__activity__card-active .tpm-prod-hero__activity__card-link {
	position: relative;
	box-sizing: border-box;
	padding: 24px;
	display: block;
	width: 298px;
	overflow: hidden
}

.tpm-prod-hero__activity__card-active .tp-link {
	padding: 0
}

.tpm-prod-hero__activity__card-active:hover .tpm-prod-hero__activity__card-title {
	color: #0052d9
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-list {
	padding: 24px 20px;
	width: 347px;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	border: 2px solid #fff;
	box-shadow: 4px 8px 20px rgba(55, 99, 170, .1);
	border-radius: 4px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-item {
	width: 100%;
	max-width: none;
	-ms-flex: none;
	flex: none;
	padding: 0;
	height: 33.33%;
	display: -ms-flexbox;
	display: flex
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-item:first-child {
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-item:last-child {
	-ms-flex-align: end;
	align-items: flex-end
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-item:nth-child(2) {
	-ms-flex-align: center;
	align-items: center
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-link {
	width: 100%;
	height: 24px
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-link:hover .tpm-prod-hero__activity-text {
	color: #0052d9
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-link:hover .tpm-prod-hero__activity-text:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 37.5%;
	background-size: 2933.333333333333% auto;
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-text {
	width: calc(100% - 74px)
}

.tpm-prod-hero__activity--with-activity .tpm-prod-hero__activity__card {
	width: calc(100% - 359px)
}

.tpm-activity__bubble .tp-bubble__inner {
	padding: 2px 8px;
	background: #fff;
	border: 1px solid #bcc4d0;
	border-radius: 2px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #5f7292;
	box-shadow: none
}

.tpm-activity__bubble .tp-bubble__inner:after,
.tpm-activity__bubble .tp-bubble__inner:before {
	display: none
}

@media screen and (max-width:1200px) {
	.tpm-prod-hero__activity-text {
		padding-right: 0
	}
}

@media screen and (max-width:768px) {
	.tpm-prod-hero__activity {
		padding: 0;
		margin-top: -32px;
		overflow: hidden
	}

	.tpm-prod-hero__activity.is-open {
		height: auto
	}

	.tpm-prod-hero__activity.is-open .tpm-prod-hero__activity-dropdown:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.tpm-prod-hero__activity-inner {
		padding: 8px 16px;
		background-color: #f3f5f8
	}

	.tpm-prod-hero__activity-list {
		background-image: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0 8px 0 0
	}

	.tpm-prod-hero__activity-item {
		-ms-flex: auto;
		flex: auto;
		width: 100%;
		max-width: 100%
	}

	.tpm-prod-hero__activity-item+.tpm-prod-hero__activity-item {
		margin-top: 8px
	}

	.tpm-prod-hero__activity-link {
		font-size: 12px
	}

	.tpm-prod-hero__activity-dropdown {
		font-size: 12px;
		color: #333;
		text-align: right;
		line-height: 24px
	}

	.tpm-prod-hero__activity-dropdown:after {
		content: "";
		display: inline-block;
		height: 16px;
		width: 16px;
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 88.34355828220859% 97.87234042553192%;
		background-size: 1353.8461538461538% auto;
		position: relative;
		top: 4px
	}

	.tpm-prod-hero__activity-text {
		padding-right: 0;
		-ms-flex: 1;
		flex: 1;
		max-width: none;
		width: 1px
	}

	.tpm-prod-hero__activity__card {
		overflow: visible;
		overflow-y: scroll;
		padding: 20px 16px
	}

	.tpm-prod-hero__activity__card::-webkit-scrollbar,
	.tpm-prod-hero__activity__card::-webkit-scrollbar-thumb {
		display: none
	}

	.tpm-prod-hero__activity__card-list {
		padding: 0;
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		overflow: visible
	}

	.tpm-prod-hero__activity__card-item {
		padding: 0;
		background: linear-gradient(1turn, #fff, #f3f5f8);
		border: 2px solid #fff;
		box-shadow: 4px 8px 20px rgba(55, 99, 170, .1);
		border-radius: 4px;
		display: inline-block;
		-ms-flex: auto;
		flex: auto
	}

	.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link {
		box-sizing: border-box;
		display: block;
		width: 276px;
		padding: 24px;
		height: 100%
	}

	.tpm-prod-hero__activity__card-item+.tpm-prod-hero__activity__card-item {
		margin-left: 16px
	}

	.tpm-prod-hero__activity__card-item+.tpm-prod-hero__activity__card-item>.tpm-prod-hero__activity__card-link {
		border-left: 0
	}

	.tpm-prod-hero__activity__card-item+.tpm-prod-hero__activity__card-list {
		width: auto;
		margin-right: 16px
	}

	.tpm-prod-hero__activity__card .tpm-prod-hero__activity__card-text {
		display: none
	}

	.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-inner {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		background-color: transparent
	}

	.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-list {
		padding: 16px;
		width: 100%;
		border: 0;
		box-shadow: none;
		background: #f5f7fa
	}

	.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity-list .tpm-prod-hero__activity__activity-item+.tpm-prod-hero__activity__activity-item {
		margin-top: 8px
	}

	.tpm-prod-hero__activity--with-card .tpm-prod-hero__activity__card {
		padding-top: 0
	}

	.tpm-prod-hero__activity--with-activity .tpm-prod-hero__activity__card {
		width: 100%
	}
}

.tpm-prod-hero {
	height: 480px;
	background-color: #f1f3f4;
	position: relative;
	box-sizing: border-box;
	padding: 0 10px
}

.tpm-prod-hero__bg {
	z-index: 1
}

.tpm-prod-hero__bg,
.tpm-prod-hero__bg-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tpm-prod-hero__bg-wrap {
	overflow: hidden
}

.tpm-prod-hero__bg-inner {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: auto 500px;
	/* background-repeat: no-repeat; */
	background-position: top;
}

.tpm-prod-hero__bg:after,
.tpm-prod-hero__bg:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 424px;
	pointer-events: none
}

.tpm-prod-hero__bg:before {
	right: 50%;
	margin-right: 536px;
	background-image: linear-gradient(270deg, rgba(245, 247, 249, 0) 0, #f1f3f4 50%)
}

.tpm-prod-hero__bg:after {
	/* left: 50%; */
	/* margin-left: 536px; */
	/* background-image: linear-gradient(90deg, rgba(245, 247, 249, 0) 0, #f1f3f4 50%); */
}

.tpm-prod-hero__ani-wrap {
	position: absolute;
	left: 50%;
	top: 0;
	width: 850px;
	height: 715px
}

.tpm-prod-hero__ani {
	position: absolute;
	left: 260px;
	top: 130px;
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.tpm-prod-hero__inner {
	z-index: 2;
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding-top: 62px;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-prod-hero__seo {
	position: fixed;
	left: 0;
	top: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.tpm-prod-hero__content {
	color: #3d485d;
	margin-top: -6px
}

.tpm-prod-hero--with-nav .tpm-prod-hero__content {
	padding-top: 40px
}

.tpm-prod-hero__list-item {
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
	display: inline-block
}

.tpm-prod-hero__list-item:after {
	content: "";
	width: 1px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 3px;
	background-color: rgba(155, 166, 183, .39);
	font-size: 0
}

.tpm-prod-hero__list-item:first-child {
	padding-left: 0
}

.tpm-prod-hero__list-item:last-child:after {
	display: none
}

.tpm-prod-hero__list-item .tpm-prod-hero__link {
	font-size: 14px;
	color: rgba(0, 0, 0, .66);
	line-height: 24px
}

.tpm-prod-hero__list-item .tpm-prod-hero__link:hover {
	color: #000;
	transition: color .2s linear
}

.tpm-prod-hero__list-item.is-active .tpm-prod-hero__link {
	font-size: 16px;
	line-height: 26px;
	border-bottom: 2px solid #0052d9;
	padding-bottom: 8px;
	color: #000;
	font-weight: 500
}

.tpm-prod-hero__nav {
	display: -ms-flexbox;
	display: flex
}

.tpm-prod-hero__list {
	margin-right: 18px
}

.tpm-prod-hero__tag {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #0052d9;
	padding: 0 4px;
	height: 26px;
	border: 1px solid #0052d9;
	border-radius: 2px;
	box-sizing: border-box;
	margin-right: 12px;
	position: relative;
	top: -1px
}

.tpm-prod-hero__tag.blue-outline {
	color: #0052d9;
	border-color: #0052d9
}

.tpm-prod-hero__tag.red-outline {
	color: #f64041;
	border-color: #f64041
}

.tpm-prod-hero__event {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	padding: 0 28px 0 12px;
	background-image: linear-gradient(90deg, #f64041 1%, #f64041 74%, rgba(246, 64, 65, 0) 99%);
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	margin-right: 20px
}

.tpm-prod-hero__event .tpm-link {
	margin-left: 5px
}

.tpm-prod-hero__event .tpm-link+.tpm-link {
	margin-left: 10px
}

.tpm-prod-hero__event.is-mobile {
	display: none
}

.tpm-prod-hero__video-wrap {
	position: absolute;
	width: 50%;
	left: 50%;
	height: 500px
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card {
	width: 320px;
	height: 180px;
	top: 50%;
	left: 270px;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0;
	bottom: auto;
	pointer-events: all
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card video {
	opacity: 0
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-inner {
	overflow: visible;
	padding-top: 176px
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(images/first-img_e26.jpg);
	background-size: cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-img {
	width: 24px;
	height: 24px
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-title {
	display: inline;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-left: 8px
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-img,
.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-title {
	margin-top: 64px
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-icon {
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	left: auto;
	top: auto;
	bottom: 0;
	margin: 0 0 16px;
	right: 16px;
	z-index: 2
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-icon:after {
	width: 13px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 60.73619631901841% 88.40579710144928%;
	background-size: 1353.8461538461538% auto
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-weight: 400;
	font-size: 12px;
	padding: 8px 0 8px 16px;
	line-height: 20px;
	color: #4b5b76;
	background: hsla(0, 0%, 100%, .5);
	-webkit-backdrop-filter: blur(16.4657px);
	backdrop-filter: blur(16.4657px)
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-text {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card:hover {
	cursor: pointer
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card:hover .tpm-prod-hero__video-card-text {
	color: #0052d9
}

.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card:hover .tpm-prod-hero__video-card-icon {
	background: #266fe8
}

.tpm-prod-hero__video-card {
	position: absolute;
	left: 10px;
	bottom: -128px;
	box-sizing: border-box;
	width: 314px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 6px;
	cursor: pointer;
	transition: all .3s linear
}

.tpm-prod-hero__video-card-inner {
	padding-top: 49.66443%;
	border-radius: 4px;
	background-size: cover;
	background-position: 50%;
	position: relative;
	overflow: hidden
}

.tpm-prod-hero__video-card video {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: .5
}

.tpm-prod-hero__video-card-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #0052d9
}

.tpm-prod-hero__video-card-icon:after {
	content: "";
	display: block;
	margin-right: -2px;
	width: 8px;
	height: 10px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 97.61904761904762% 59.72222222222222%;
	background-size: 2200% auto
}

.tpm-prod-hero__video-card:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

.tpm-prod-hero__slogan-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-prod-hero__slogan-img {
	width: 28px;
	height: 28px
}

.tpm-prod-hero__slogan-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: rgba(0, 0, 0, .9)
}

.tpm-prod-hero__slogan-img+.tpm-prod-hero__slogan-title {
	margin-left: 12px
}

.tpm-prod-hero__slogan .tpm-prod-hero__video-btn {
	margin-left: 8px;
	padding-left: 4px
}

.tpm-prod-hero__slogan-desc {
	margin-top: 32px;
	max-width: 700px;
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
	color: #181818;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	max-height: 104px
}

.tpm-prod-hero__header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 16px
}

.tpm-prod-hero__tit {
	font-size: 40px;
	line-height: 52px;
	font-weight: 500;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__desc {
	font-size: 16px;
	line-height: 28px;
	max-width: 700px
}

.tpm-prod-hero__value-list {
	margin-top: 16px;
	max-width: 324px
}

.tpm-prod-hero__value-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-prod-hero__value-item+.tpm-prod-hero__value-item {
	margin-top: 4px
}

.tpm-prod-hero__value-img {
	width: 16px;
	height: 16px
}

.tpm-prod-hero__value-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #4b5b76;
	margin-left: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__btn-group {
	margin-top: 40px
}

.tpm-prod-hero__btn {
	background: #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	color: #fff;
	min-width: 136px;
	height: 44px;
	font-size: 16px;
	line-height: 42px;
	font-style: normal;
	transition: all .3s ease-in-out
}

.tpm-prod-hero__btn:hover {
	background: #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .3)
}

.tpm-prod-hero__btn--white {
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	color: #000;
	transition: all .3s ease-in-out
}

.tpm-prod-hero__btn--white:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .3), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	background: #fff
}

.tpm-prod-hero__btn-icon {
	display: block;
	width: 16px;
	height: 16px
}

.tpm-prod-hero__btn-icon.doc {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 0% 100%;
	background-size: 1100% auto
}

.tpm-prod-hero__btn-icon.calculator {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 70% 88.40579710144928%;
	background-size: 1100% auto
}

.tpm-prod-hero__btn .tp-btn__icon {
	margin-right: 8px
}

.tpm-prod-hero__btn.is-disabled {
	border-color: #98a3b7
}

.tpm-prod-hero .tpm-link+.tpm-link,
.tpm-prod-hero__btn+.tpm-link,
.tpm-prod-hero__btn+.tpm-prod-hero__btn {
	margin-left: 16px
}

.tpm-prod-hero__dropdown-wrap {
	margin-bottom: 11px
}

.tpm-prod-hero__dropdown-wrap--family {
	margin-bottom: 0;
	margin-left: 20px
}

.tpm-prod-hero__dropdown {
	position: relative;
	margin-right: 12px;
	display: inline-block;
	color: #495770
}

.tpm-prod-hero__dropdown-hd {
	border: 2px solid #fff;
	padding: 3px 28px 3px 12px;
	font-size: 14px;
	line-height: 24px;
	height: 32px;
	min-width: 120px;
	box-sizing: border-box;
	cursor: pointer;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .2), inset -8px -8px 20px 0 #fff
}

.tpm-prod-hero__dropdown-hd:after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -2px;
	border-color: #a4aab3 transparent;
	border-style: solid;
	border-width: 5px 4px 0
}

.tpm-prod-hero__dropdown-list {
	position: absolute;
	top: 36px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	padding: 12px;
	max-height: 144px;
	min-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	max-width: 244px
}

.tpm-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-thumb {
	background-color: #d7dae0;
	border-radius: 5px
}

.tpm-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar {
	width: 6px;
	background-color: transparent
}

.tpm-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-track {
	background-color: transparent
}

.tpm-prod-hero__dropdown-item {
	max-width: 100%;
	margin-bottom: 8px
}

.tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-link,
.tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-parent,
.tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-link,
.tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-parent {
	color: #0052d9
}

.tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-link:before,
.tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-parent:before,
.tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-link:before,
.tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-parent:before {
	background-color: #0052d9
}

.tpm-prod-hero__dropdown-item:last-child {
	margin-bottom: 0
}

.tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-link {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #495770;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	cursor: pointer
}

.tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-link:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #495770;
	margin-right: 4px;
	vertical-align: middle;
	margin-bottom: 2px
}

.tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-parent {
	display: block;
	color: #000;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__poweredby {
	position: relative;
	vertical-align: top;
	height: 40px;
	min-width: 112px;
	margin-top: 24px;
	padding: 0 16px;
	border: 1px solid #6f84a5;
	border-top-color: transparent;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: default
}

.tpm-prod-hero__poweredby-title {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -14px;
	font-weight: 500;
	font-size: 12px;
	color: #6f84a5;
	line-height: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end
}

.tpm-prod-hero__poweredby-title:before {
	content: "";
	margin-right: 7px;
	margin-bottom: 6px;
	width: 16px;
	height: 4px;
	box-sizing: border-box;
	border-color: #6f84a5;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-top-left-radius: 4px
}

.tpm-prod-hero__poweredby-title:after {
	content: "";
	display: block;
	-ms-flex: 1;
	flex: 1;
	margin-left: 7px;
	margin-bottom: 6px;
	height: 4px;
	box-sizing: border-box;
	border-color: #6f84a5;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-top-right-radius: 4px
}

.tpm-prod-hero__poweredby img {
	display: block;
	height: 20px
}

.tpm-prod-hero__poweredby-hover-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden
}

.tpm-prod-hero__poweredby-item {
	position: relative;
	display: block;
	margin-right: 20px;
	cursor: default
}

.tpm-prod-hero__poweredby-item[href] {
	cursor: pointer
}

.tpm-prod-hero__poweredby-item[href]:hover img {
	opacity: 0;
	visibility: hidden
}

.tpm-prod-hero__poweredby-item[href]:hover .tpm-prod-hero__poweredby-hover-img {
	opacity: 1;
	visibility: visible
}

.tpm-prod-hero__poweredby-item:last-child {
	margin-right: 0
}

.tpm-prod-hero--with-entry .tpm-prod-hero__inner {
	padding-bottom: 115px
}

.tpm-prod-hero__entries-wrap {
	margin-top: -115px
}

.tpm-prod-hero__entries-wrap .swiper-container {
	margin: 0 -20px;
	padding: 0 10px 20px
}

.tpm-prod-hero__entries-wrap .swiper-slide {
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
	transition: opacity .3s linear
}

.tpm-prod-hero__entries-wrap .tpm-swiper__pages {
	margin-top: 14px
}

.tpm-prod-hero__entries-wrap {
	position: relative;
	z-index: 2
}

.tpm-prod-hero__entries-wrap .swiper-slide-next+.swiper-slide+.swiper-slide,
.tpm-prod-hero__entries-wrap .swiper-slide-prev {
	opacity: 0
}

.tpm-prod-hero__entries-inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-prod-hero__entry {
	display: block;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	font-size: 0;
	box-sizing: border-box;
	padding: 6px 6px 14px;
	text-align: center
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__entry {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-prod-hero__entry-img {
	width: 100%;
	height: 136px;
	background: #e8eeef;
	border-radius: 2px;
	border-width: 0;
	outline: none;
	margin-bottom: 16px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.tpm-prod-hero__entry-title {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__entry-title {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-hero__entry-desc {
	font-size: 14px;
	color: #98a3b7;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__entry:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-prod-hero__entry:hover .tpm-prod-hero__entry-title {
	color: #0052d9
}

.tpm-prod-hero--with-activity .tpm-prod-hero__inner {
	padding-bottom: 30px
}

.tpm-prod-hero__notice {
	padding: 0 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	min-height: 120px
}

.tpm-prod-hero__notice-inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-prod-hero__notice-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-prod-hero__notice-item {
	width: 33.333%
}

.tpm-prod-hero__notice-link {
	padding: 24px 20px;
	display: block;
	text-align: center
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__notice-link:hover {
		background-color: #fff
	}

	.tpm-prod-hero__notice-link:hover .tpm-prod-hero__notice-tit {
		color: #0052d9
	}
}

.tpm-prod-hero__notice-tit {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero__notice-desc {
	font-size: 14px;
	color: #98a3b7;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-prod-hero__notice+.tpm-prod-hero__activity {
	margin-top: 20px
}

.tpm-prod-hero__video-btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-font-smoothing: auto;
	transition: all .3s ease-in-out;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 38px;
	height: 44px;
	padding: 6px;
	color: #0052d9;
	margin-left: 22px
}

@media screen and (min-width:769px) {
	.tpm-prod-hero__video-btn {
		transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out
	}
}

.tpm-prod-hero__video-btn:hover {
	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .4)
}

.tpm-prod-hero__video-btn-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #0052d9;
	margin-right: 4px
}

.tpm-prod-hero__video-btn-icon:after {
	content: "";
	display: block;
	margin-right: -2px;
	width: 8px;
	height: 10px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 97.61904761904762% 59.72222222222222%;
	background-size: 2200% auto
}

.tpm-prod-hero__video-btn-text {
	display: block
}

.tpm-prod-hero--with-notice.tpm-prod-hero--with-video+.tpm-prod-hero__notice+.tpm-prod-hero__activity {
	margin-top: 28px
}

.tpm-prod-hero--with-notice.tpm-prod-hero--with-video+.tpm-prod-hero__notice .tpm-prod-hero__notice-inner {
	padding-left: 340px
}

.tpm-prod-hero--with-value .tpm-prod-hero__desc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__dropdown-wrap {
	margin-bottom: 16px
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__desc,
.tpm-prod-hero--with-slogan .tpm-prod-hero__header {
	display: none
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__value-item {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 0
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__value-text {
	max-width: 112px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list {
	display: inline-block;
	max-width: none
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list .tpm-prod-hero__value-item+.tpm-prod-hero__value-item {
	position: relative;
	margin-left: 32px
}

.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list .tpm-prod-hero__value-item+.tpm-prod-hero__value-item:before {
	content: "";
	width: 1px;
	height: 16px;
	left: -16.5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #bcc4d0;
	position: absolute
}

.tpm-prod-hero--with-video-bg .tpm-prod-hero {
	background: #e7ebf3
}

.tpm-prod-hero--with-video-bg .tpm-prod-hero__bg-inner {
	background-size: auto 742px;
	background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/39f8da2a-b3cb-4018-b239-895fa9e20079.jpg)
}

.tpm-prod-hero--with-video-bg .tpm-prod-hero__inner+.tpm-prod-hero__video-card {
	display: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__content {
	position: relative;
	z-index: 1
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__tag {
	font-weight: 400;
	line-height: 22px;
	color: #0253d9;
	padding: 0 8px;
	height: 24px;
	border: 1px solid #0253d9;
	margin-right: 8px;
	top: 0;
	background-color: #fff
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-wrap {
	margin-bottom: 16px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__event {
	height: 24px;
	line-height: 24px;
	font-weight: 400
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group {
	margin-top: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1;
	position: relative
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group .tpm-link[data-label] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group .tpm-link[data-label]:hover {
	text-decoration: underline
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group--primary {
	margin-right: 16px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn {
	min-width: 152px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	line-height: 38px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn:focus,
.tpm-prod-hero-version-v2 .tpm-prod-hero__btn:hover {
	background: #266fe8;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn--white {
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
	color: #0052d9
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn--white:focus,
.tpm-prod-hero-version-v2 .tpm-prod-hero__btn--white:hover {
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1);
	background: #ecf2fe;
	border: 1px solid #0052d9
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn.is-disabled,
.tpm-prod-hero-version-v2 .tpm-prod-hero__btn.is-disabled:hover {
	color: #97a3b7;
	background: #ecf2fe;
	border: 1px solid #d6dbe3
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__btn+.tpm-prod-hero-version-v2 .tpm-prod-hero__btn {
	margin-left: 12px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown {
	margin-right: 8px;
	color: #5f7292
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-hd {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #5f7292;
	line-height: 16px;
	font-weight: 400;
	height: 24px;
	min-width: 96px;
	box-shadow: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-hd:after {
	margin-top: -6.5px;
	width: 13px;
	height: 13px;
	border: 0;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 88.34355828220859% 97.87234042553192%;
	background-size: 1353.8461538461538% auto
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-list {
	top: 30px;
	background: #fff;
	border: 1px solid #d6dbe3;
	border-radius: 2px;
	padding: 8px 23px 8px 8px;
	max-height: 136px;
	box-shadow: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar-thumb {
	background-color: #d6dbe3;
	border-radius: 5px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-list.c-scrollbar::-webkit-scrollbar {
	width: 2px;
	background-color: transparent
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item {
	margin-bottom: 16px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-link {
	line-height: 18px;
	color: #4a5b76
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-link:before {
	content: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item .tpm-prod-hero__dropdown-parent {
	font-weight: 500
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item:last-child {
	margin-bottom: 0
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-link,
.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item.is-active .tpm-prod-hero__dropdown-parent,
.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-link,
.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item:hover .tpm-prod-hero__dropdown-parent {
	color: #0052d9
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__header {
	margin-bottom: 12px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-font-smoothing: auto;
	transition: all .3s ease-in-out;
	background-image: none;
	background-color: #fff;
	border: 1px solid #0052d9;
	border-radius: 38px;
	height: 32px;
	padding: 0 8px 0 4px;
	color: #0052d9;
	margin-left: 22px;
	box-shadow: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn:hover {
	background-color: #f5f7fa
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #0052d9;
	margin-right: 6px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn-icon:after {
	content: "";
	display: block;
	margin-right: -2px;
	width: 8px;
	height: 10px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 97.61904761904762% 59.72222222222222%;
	background-size: 2200% auto
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn-text {
	display: block;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #0052d9
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby {
	position: relative;
	padding: 0;
	vertical-align: top;
	height: 20px;
	min-width: 112px;
	margin-top: 12px;
	border: 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: default
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-title {
	position: static;
	background: hsla(0, 0%, 100%, .5);
	border: 1px solid #0052d9;
	border-radius: 2px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #0052d9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 0 4px;
	margin-right: 8px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-title:after,
.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-title:before {
	content: none
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-item {
	position: relative;
	display: block;
	margin-right: 20px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-text {
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	color: #4b5b76
}

@media screen and (min-width:769px) {
	.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-text {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby-item--text {
	margin-right: 14px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby .tpm-prod-hero__poweredby-item--text+.tpm-prod-hero__poweredby-item--text:before {
	content: "/";
	display: block;
	width: 6px;
	position: absolute;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #4b5b76;
	left: -10px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby .tpm-prod-hero__poweredby-item[href] .tpm-prod-hero__poweredby-text {
	text-decoration: underline
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby .tpm-prod-hero__poweredby-item[href]:hover .tpm-prod-hero__poweredby-text {
	color: #0052d9
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item.is-parent~.tpm-prod-hero__dropdown-item>.tpm-prod-hero__dropdown-link:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #4a5b76;
	margin-right: 4px;
	vertical-align: middle;
	margin-bottom: 2px
}

.tpm-prod-hero-version-v2 .tpm-prod-hero__dropdown-item.is-parent~.tpm-prod-hero__dropdown-item:hover>.tpm-prod-hero__dropdown-link:before {
	background-color: #0052d9
}

.tpm-prod-hero__btn-bubble .tp-bubble__inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	background: linear-gradient(180deg, #f3f5f8, #fff);
	opacity: .98;
	border: 2px solid #fff;
	padding: 12px 12px 8px;
	border-radius: 4px;
	box-shadow: 4px 1px 20px rgba(55, 99, 170, .1)
}

.tpm-prod-hero__btn-bubble .tpm-prod-hero__bubble-img {
	width: 72px;
	height: 72px
}

.tpm-prod-hero__btn-bubble .tpm-prod-hero__bubble-text {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #4a5b76;
	margin-top: 8px
}

.tpm-prod-hero__btn-modal .tp-modal__inner {
	width: 220px !important;
	padding: 16px 0;
	border: 2px solid #fff;
	box-shadow: 0 6px 30px rgba(75, 91, 118, .05), 0 16px 24px rgba(75, 91, 118, .04), 0 8px 10px rgba(75, 91, 118, .08);
	border-radius: 4px;
	background: linear-gradient(1turn, #fff, #f3f5f8)
}

.tpm-prod-hero__btn-modal .tp-modal__hd {
	padding: 0
}

.tpm-prod-hero__btn-modal .tp-modal__close {
	bottom: -34px;
	margin-bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.tpm-prod-hero__btn-modal-text {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #181818
}

.tpm-prod-hero__btn-modal-img {
	display: block;
	margin: 16px auto 0;
	width: 128px;
	height: 128px
}

.tpm-prod-hero__btn-modal-intro {
	display: block;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #4b5b76;
	margin-top: 16px
}

@media screen and (min-width:1400px) {
	.tpm-prod-hero {
		transition: margin .4s ease-out, max-width .4s ease-out
	}

	.tpm-prod-hero--with-live {
		margin: -418px auto 0;
		max-width: 1400px;
		height: 418px
	}

	.tpm-prod-hero--with-live .tpm-prod-hero__bg:before {
		margin-right: 400px
	}

	.tpm-prod-hero--with-live .tpm-prod-hero__bg:after {
		margin-left: 400px
	}

	.tpm-prod-hero--with-live .tpm-prod-hero__inner {
		padding-top: 0
	}

	.tpm-prod-hero--with-live+.tpm-prod-hero__notice {
		margin: 0 auto;
		max-width: 1400px;
		border-top-width: 0
	}
}

@media screen and (min-width:769px) and (max-width:1399px) {
	.tpm-prod-hero--with-live {
		height: 418px
	}

	.tpm-prod-hero--with-live .tpm-prod-hero__inner {
		padding-top: 0
	}
}

@media screen and (max-width:1360px) {
	.tpm-prod-hero__entries-wrap .tpm-swiper__btn {
		display: none
	}
}

@media screen and (max-width:1200px) {
	.tpm-prod-hero__bg:before {
		margin-right: 300px
	}

	.tpm-prod-hero__header {
		padding-right: 460px
	}

	.tpm-prod-hero__desc {
		max-width: none;
		padding-right: 460px
	}

	.tpm-prod-hero__entries-wrap {
		overflow: hidden
	}

	.tpm-prod-hero__video-card {
		width: 280px
	}

	.tpm-prod-hero--with-notice.tpm-prod-hero--with-video+.tpm-prod-hero__notice .tpm-prod-hero__notice-inner {
		padding-left: 290px
	}

	.tpm-prod-hero__notice-link {
		padding: 24px 10px
	}
}

@media screen and (max-width:768px) {
	.tpm-prod-hero {
		padding: 0;
		height: 380px
	}

	.tpm-prod-hero__bg {
		left: auto;
		right: -44px
	}

	.tpm-prod-hero__bg-inner {
		background-size: auto 510px;
		background-position: right -120px top
	}

	.tpm-prod-hero__bg:before {
		margin-right: 170px
	}

	.tpm-prod-hero__ani-wrap {
		-webkit-transform-origin: right top;
		transform-origin: right top;
		-webkit-transform: scale(.71329);
		transform: scale(.71329);
		left: auto;
		right: 0;
		margin-right: -120px;
		margin-top: 0
	}

	.tpm-prod-hero__inner {
		padding-left: 16px;
		padding-right: 16px
	}

	.tpm-prod-hero__header {
		margin-bottom: 12px;
		padding-right: 320px
	}

	.tpm-prod-hero__tit {
		font-size: 32px;
		line-height: 48px
	}

	.tpm-prod-hero__desc {
		padding-right: 320px;
		font-size: 14px;
		line-height: 24px
	}

	.tpm-prod-hero__entries-wrap {
		overflow: hidden
	}

	.tpm-prod-hero__entries-wrap .tpm-swiper {
		margin: 0 auto;
		width: 900px
	}

	.tpm-prod-hero__entries-wrap .tpm-swiper__pages {
		width: calc(100vw - 32px)
	}

	.tpm-prod-hero__entries-inner {
		padding: 0 16px
	}

	.tpm-prod-hero__notice {
		padding: 0;
		background: none;
		border-width: 0;
		margin-top: -26px;
		position: relative;
		z-index: 3
	}

	.tpm-prod-hero__notice-inner {
		padding: 0;
		margin-bottom: -20px
	}

	.tpm-prod-hero__notice-list {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 16px 20px
	}

	.tpm-prod-hero__notice-item {
		width: auto;
		min-width: 0;
		-ms-flex: 1;
		flex: 1;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
		border-radius: 4px
	}

	.tpm-prod-hero__notice-item+.tpm-prod-hero__notice-item {
		margin-left: 12px
	}

	.tpm-prod-hero__notice-link {
		padding: 24px 16px
	}

	.tpm-prod-hero__notice-link:hover .tpm-prod-hero__notice-tit {
		color: #000
	}

	.tpm-prod-hero__poweredby {
		display: none
	}

	.tpm-prod-hero--with-activity .tpm-prod-hero__inner {
		padding-bottom: 0
	}

	.tpm-prod-hero__video-card {
		display: none
	}

	.tpm-prod-hero__video-wrap {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 500px
	}

	.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card {
		display: block;
		top: 77px;
		left: 50%;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		bottom: auto
	}

	.tpm-prod-hero__video-wrap video {
		display: none
	}

	.tpm-prod-hero__video-wrap .tpm-prod-hero__video-card-bg {
		opacity: 1 !important
	}

	.tpm-prod-hero--with-notice.tpm-prod-hero--with-video+.tpm-prod-hero__notice+.tpm-prod-hero__activity {
		margin-top: 20px
	}

	.tpm-prod-hero--with-notice.tpm-prod-hero--with-video+.tpm-prod-hero__notice .tpm-prod-hero__notice-inner {
		padding-left: 0
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__header {
		margin-bottom: 16px
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group--primary {
		margin-right: 0
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn {
		height: 34px;
		padding: 4px;
		margin-left: 8px
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn-icon {
		margin-right: 0
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__poweredby,
	.tpm-prod-hero-version-v2 .tpm-prod-hero__video-btn-text {
		display: none
	}
}

@media screen and (max-width:768px) {
	.tpm-prod-hero {
		margin-top: -57px;
		height: auto;
		min-height: 390px;
		background: #e0e6e8;
		padding: 0
	}

	.tpm-prod-hero__inner {
		padding: 0 16px;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.tpm-prod-hero__content {
		margin-top: 0;
		padding-bottom: 24px;
		padding-top: 270px
	}

	.tpm-prod-hero__bg {
		left: 0;
		right: auto
	}

	.tpm-prod-hero__bg:before {
		width: 200px;
		margin-right: 184px
	}

	.tpm-prod-hero__bg:after {
		width: 200px;
		margin-left: 184px
	}

	.tpm-prod-hero__bg-inner {
		top: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 586.48951px;
		height: 100%;
		background-size: auto 435px;
		background-position: 100% 0
	}

	.tpm-prod-hero__ani-wrap {
		-webkit-transform-origin: right top;
		transform-origin: right top;
		-webkit-transform: scale(.60839);
		transform: scale(.60839);
		left: auto;
		right: 0;
		margin-right: 0;
		margin-top: 0
	}

	.tpm-prod-hero__slogan-header {
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-prod-hero__slogan-img {
		width: 24px;
		height: 24px
	}

	.tpm-prod-hero__slogan-title {
		font-weight: 500;
		font-size: 16px;
		line-height: 24px
	}

	.tpm-prod-hero__slogan .tpm-prod-hero__video-btn {
		display: -ms-inline-flexbox;
		display: inline-flex;
		width: 32px;
		height: 32px;
		padding: 0;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-prod-hero__slogan .tpm-prod-hero__video-btn-icon {
		margin-right: 0
	}

	.tpm-prod-hero__slogan .tpm-prod-hero__video-btn-text {
		display: none
	}

	.tpm-prod-hero__slogan-desc {
		margin-top: 24px;
		font-weight: 500;
		font-size: 24px;
		line-height: 36px;
		max-height: 72px;
		text-align: center
	}

	.tpm-prod-hero__header {
		padding-right: 0;
		margin-bottom: 4px;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-prod-hero__tit {
		font-size: 24px;
		line-height: 32px;
		white-space: pre-wrap
	}

	.tpm-prod-hero__desc,
	.tpm-prod-hero__tit {
		text-align: center;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.tpm-prod-hero__desc {
		padding-right: 0;
		font-size: 14px;
		line-height: 24px;
		max-width: 100%
	}

	.tpm-prod-hero__value-list {
		margin-top: 24px
	}

	.tpm-prod-hero__value-text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-prod-hero__btn-group {
		margin-top: 12px;
		text-align: center;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-prod-hero__btn {
		font-size: 14px;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;
		height: 36px;
		line-height: 34px;
		padding: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.tpm-prod-hero__btn+.tpm-prod-hero__btn {
		margin-left: 12px
	}

	.tpm-prod-hero--with-entry .tpm-prod-hero__inner {
		padding-bottom: 40px
	}

	.tpm-prod-hero__entries-wrap {
		margin-top: -40px
	}

	.tpm-prod-hero__entries-wrap .tpm-swiper {
		margin: 0 auto;
		width: 804px
	}

	.tpm-prod-hero__entries-wrap .tpm-swiper__pages {
		width: calc(100vw - 32px)
	}

	.tpm-prod-hero__entries-wrap .swiper-container {
		margin: 0 -12px;
		padding: 0 6px 20px
	}

	.tpm-prod-hero__entries-wrap .swiper-slide {
		padding: 0 6px
	}

	.tpm-prod-hero__entries-inner {
		max-width: 100%;
		padding: 0 16px;
		overflow: hidden
	}

	.tpm-prod-hero__entry {
		padding: 8px 8px 12px;
		width: 100%
	}

	.tpm-prod-hero__entry-img {
		height: 100px;
		margin-bottom: 12px
	}

	.tpm-prod-hero__entry-title {
		margin-bottom: 4px
	}

	.tpm-prod-hero__entry-desc,
	.tpm-prod-hero__entry-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-prod-hero--with-drop .tpm-prod-hero__content {
		padding-top: 270px
	}

	.tpm-prod-hero__dropdown-wrap {
		display: none
	}

	.tpm-prod-hero__event.is-mobile {
		display: block;
		background: linear-gradient(90deg, #f64041 65.3%, #ffb5b5);
		position: absolute;
		top: 56px;
		left: -16px;
		margin: 0;
		padding: 0 14px;
		width: calc(100% + 32px);
		height: 32px;
		line-height: 32px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-prod-hero__btn-group {
		margin-right: 0
	}

	.tpm-prod-hero--with-notice {
		min-height: 425px
	}

	.tpm-prod-hero--with-notice .tpm-prod-hero__inner {
		padding-bottom: 26px
	}

	.tpm-prod-hero--with-notice .tpm-prod-hero__bg-inner {
		top: 10px;
		width: 620.1958px;
		background-size: auto 460px
	}

	.tpm-prod-hero__notice-list {
		padding: 0 16px 20px
	}

	.tpm-prod-hero__notice-item {
		width: 256px;
		height: 124px;
		min-width: 256px
	}

	.tpm-prod-hero__activity-inner {
		padding: 8px 16px
	}

	.tpm-prod-hero--with-value .tpm-prod-hero__desc {
		white-space: pre-wrap
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__desc {
		display: none
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list {
		max-width: 328px;
		margin: 16px auto 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list .tpm-prod-hero__value-item+.tpm-prod-hero__value-item {
		margin-left: 0
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list .tpm-prod-hero__value-item+.tpm-prod-hero__value-item:before {
		display: none
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__value-list .tpm-prod-hero__value-item:nth-child(odd) {
		margin-right: 56px
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__value-item {
		margin-top: 8px;
		width: 136px
	}

	.tpm-prod-hero--with-slogan .tpm-prod-hero__btn-group {
		margin-top: 32px
	}

	.tpm-prod-hero--with-video-bg {
		background: #e7ebf3
	}

	.tpm-prod-hero--with-video-bg .tpm-prod-hero__bg-inner {
		width: 768px;
		height: 1256px;
		top: 0;
		background-image: url(https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/aab34b05-ddc2-4dfb-9231-c740d9a79ff6.jpg);
		background-size: 100% 100%;
		background-position: 50%
	}

	.tpm-prod-hero--with-video-bg .tpm-prod-hero__content {
		padding-top: 270px
	}

	.tpm-prod-hero--with-bg {
		background: #eaeef9
	}

	.tpm-prod-hero--with-bg .tpm-prod-hero__bg:after,
	.tpm-prod-hero--with-bg .tpm-prod-hero__bg:before {
		content: none
	}

	.tpm-prod-hero--with-bg .tpm-prod-hero__bg-inner {
		width: 2560px;
		height: 100%;
		-webkit-transform: translate(-66%, -30%);
		transform: translate(-66%, -30%)
	}

	.tpm-prod-hero--with-bg .tpm-prod-hero__bg-inner:after,
	.tpm-prod-hero--with-bg .tpm-prod-hero__bg-inner:before {
		content: none
	}

	.tpm-prod-hero--with-bg .tpm-prod-hero__video-wrap {
		left: 0
	}

	.tpm-prod-hero--with-activity .tpm-prod-hero__content {
		padding-bottom: 56px
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero {
		background: #dde2e5
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__content {
		padding-top: 290px
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group {
		margin-top: 24px;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group--primary {
		width: 100%;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__btn-group--link {
		margin-left: 0;
		margin-top: 24px
	}

	.tpm-prod-hero-version-v2 .tpm-prod-hero__btn {
		height: 40px;
		line-height: 38px
	}

	.tpm-prod-hero--with-event .tpm-prod-hero__content {
		padding-top: 322px
	}

	.tpm-prod-hero--with-event .tpm-prod-hero__bg-wrap {
		top: 32px;
		height: calc(100% - 32px)
	}

	.tpm-prod-hero--with-event .tpm-prod-hero__video-card {
		top: 109px
	}
}

@media screen and (max-width:320px) {
	.tpm-prod-hero__btn {
		font-size: 12px
	}
}

.tpm-bulletin__activity {
	padding: 0 10px;
	-webkit-font-smoothing: antialiased
}

.tpm-bulletin__activity-inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-bulletin__activity-list {
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-bulletin__activity-item {
	width: 33.333%
}

.tpm-bulletin__activity-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.tpm-bulletin__activity-link:hover {
	color: #0052d9
}

.tpm-bulletin__activity-tag {
	display: block;
	margin-right: 12px;
	box-sizing: border-box;
	height: 20px;
	border: 1px solid #0052d9;
	border-radius: 2px;
	padding: 0 6px;
	font-size: 12px;
	color: #0052d9;
	line-height: 18px;
	white-space: nowrap
}

.tpm-bulletin__activity-tag--promotion {
	border-color: #ff7800;
	color: #ff7800
}

.tpm-bulletin__activity-text {
	display: block;
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-bulletin__activity-text-inner {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
	padding-right: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-bulletin__activity-text-inner:after {
	content: ">";
	position: absolute;
	right: 0
}

.tpm-bulletin__notice {
	padding: 0 10px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	-webkit-font-smoothing: antialiased
}

.tpm-bulletin__notice-inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-bulletin__notice-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-bulletin__notice-item {
	width: 33.333%
}

.tpm-bulletin__notice-link {
	padding: 24px 80px;
	display: block;
	text-align: center
}

.tpm-bulletin__notice-link:hover {
	background-color: #fff
}

.tpm-bulletin__notice-link:hover .tpm-bulletin__notice-tit {
	color: #0052d9
}

.tpm-bulletin__notice-tit {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-bulletin__notice-desc {
	font-size: 14px;
	color: #98a3b7;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-bulletin__notice+.tpm-bulletin__activity {
	margin-top: 20px
}

.tpm-bulletin--without-notice .tpm-bulletin__activity {
	position: relative;
	top: -16px
}

@media screen and (max-width:768px) {
	.tpm-bulletin__notice {
		padding: 0;
		background-image: none;
		border-width: 0
	}

	.tpm-bulletin__notice-inner {
		padding: 0;
		margin-bottom: -20px
	}

	.tpm-bulletin__notice-list {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 16px 20px
	}

	.tpm-bulletin__notice-item {
		width: 256px;
		min-width: 256px;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
		border-radius: 4px
	}

	.tpm-bulletin__notice-item+.tpm-bulletin__notice-item {
		margin-left: 12px
	}

	.tpm-bulletin__notice-link {
		padding: 24px 16px
	}

	.tpm-bulletin__notice-link:hover .tpm-bulletin__notice-tit {
		color: #000
	}

	.tpm-bulletin__activity {
		padding: 0
	}

	.tpm-bulletin__activity-inner {
		padding: 10px 16px;
		background-color: #f3f5f8;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-bulletin__activity-list {
		background-image: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0 8px 0 0;
		-ms-flex: 1;
		flex: 1
	}

	.tpm-bulletin__activity-item {
		width: 100%
	}

	.tpm-bulletin__activity-item+.tpm-bulletin__activity-item {
		margin-top: 8px
	}

	.tpm-bulletin__activity-dropdown {
		font-size: 12px;
		color: #333;
		text-align: right;
		line-height: 24px
	}

	.tpm-bulletin__activity-dropdown:after {
		content: "";
		display: inline-block;
		height: 16px;
		width: 16px;
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 10% 100%;
		background-size: 1100% auto;
		position: relative;
		top: 4px
	}

	.tpm-bulletin__activity-text-inner:after {
		display: none
	}
}

.tpm-video,
.tpm-video__section {
	-webkit-font-smoothing: antialiased
}

.tpm-video__section .tp-link--arrow {
	margin-left: 0
}

.tpm-video__item {
	display: block;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px
}

@media screen and (min-width:769px) {
	.tpm-video__item {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-video__item:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

.tpm-video__item-main {
	padding: 12px 16px
}

.tpm-video__item-tit {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-video__item-date {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	margin-top: 8px
}

.tpm-video__item-object {
	font-size: 0;
	position: relative;
	padding-top: 38.285714%;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	margin: -2px -2px 0
}

.tpm-video__item-img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center top;
	object-position: center top
}

.tpm-slider {
	position: relative
}

.tpm-slider__cnt {
	overflow: hidden
}

.tpm-slider__pages {
	margin-top: 34px;
	text-align: center;
	font-size: 0
}

.tpm-slider__page {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	background: #d7dbe0;
	border-radius: 2px;
	width: 30px;
	height: 4px;
	cursor: pointer
}

.tpm-slider__page-cnt {
	display: block
}

.tpm-slider__page.is-active,
.tpm-slider__page:hover {
	background: linear-gradient(90deg, #0052d9 0, #139ef6)
}

.tpm-slider__page.is-active {
	cursor: default
}

.tpm-slider__btn {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 0;
	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
}

.tpm-slider__btn,
.tpm-slider__btn-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-slider__btn-inner {
	width: 32px;
	height: 32px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16);
	border-radius: 50%
}

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

.tpm-slider__btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -4px 0 0 -3px;
	width: 6px;
	height: 8px
}

.tpm-slider__btn--prev:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 96.47058823529412% 65.75342465753424%;
	background-size: 2933.333333333333% auto
}

.tpm-slider__btn--next:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 100% 52.054794520547944%;
	background-size: 2933.333333333333% auto
}

.tpm-slider__btn--prev {
	right: 100%;
	margin-right: 20px
}

.tpm-slider__btn--next {
	left: 100%;
	margin-left: 20px
}

.tp-grid__layout {
	overflow: hidden
}

.tp-grid__row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0
}

.tp-grid__row--start {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.tp-grid__row--center {
	-ms-flex-pack: center;
	justify-content: center
}

.tp-grid__row--end {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.tp-grid__row--space-between {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tp-grid__row--space-around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.tp-grid__row--top {
	-ms-flex-align: start;
	align-items: flex-start
}

.tp-grid__row--middle {
	-ms-flex-align: center;
	align-items: center
}

.tp-grid__row--bottom {
	-ms-flex-align: end;
	align-items: flex-end
}

.tp-grid__row--split-line .tp-grid__col {
	position: relative
}

.tp-grid__row--split-line .tp-grid__col:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 1px;
	background-color: #e5e8ed;
	content: ""
}

.tp-grid__col {
	display: block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	box-sizing: border-box;
	padding-right: 0;
	padding-left: 0;
	font-size: 14px;
	-webkit-box-flex: 1
}

.tp-grid__col--1-5 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%;
	-webkit-box-flex: 0
}

.tp-grid__col--0 {
	display: none
}

.tp-grid__col--order-0 {
	-ms-flex-order: 0;
	order: 0
}

.tp-grid__col--1 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 4.1666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-1 {
	-ms-flex-order: 1;
	order: 1
}

.tp-grid__col--2 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 8.3333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-2 {
	-ms-flex-order: 2;
	order: 2
}

.tp-grid__col--3 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 12.5%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-3 {
	-ms-flex-order: 3;
	order: 3
}

.tp-grid__col--4 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.6666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-4 {
	-ms-flex-order: 4;
	order: 4
}

.tp-grid__col--5 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20.8333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-5 {
	-ms-flex-order: 5;
	order: 5
}

.tp-grid__col--6 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-6 {
	-ms-flex-order: 6;
	order: 6
}

.tp-grid__col--7 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 29.1666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-7 {
	-ms-flex-order: 7;
	order: 7
}

.tp-grid__col--8 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.3333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-8 {
	-ms-flex-order: 8;
	order: 8
}

.tp-grid__col--9 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 37.5%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-9 {
	-ms-flex-order: 9;
	order: 9
}

.tp-grid__col--10 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 41.6666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-10 {
	-ms-flex-order: 10;
	order: 10
}

.tp-grid__col--11 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 45.8333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-11 {
	-ms-flex-order: 11;
	order: 11
}

.tp-grid__col--12 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-12 {
	-ms-flex-order: 12;
	order: 12
}

.tp-grid__col--13 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 54.1666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-13 {
	-ms-flex-order: 13;
	order: 13
}

.tp-grid__col--14 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 58.3333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-14 {
	-ms-flex-order: 14;
	order: 14
}

.tp-grid__col--15 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 62.5%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-15 {
	-ms-flex-order: 15;
	order: 15
}

.tp-grid__col--16 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 66.6666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-16 {
	-ms-flex-order: 16;
	order: 16
}

.tp-grid__col--17 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 70.8333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-17 {
	-ms-flex-order: 17;
	order: 17
}

.tp-grid__col--18 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 75%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-18 {
	-ms-flex-order: 18;
	order: 18
}

.tp-grid__col--19 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 79.1666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-19 {
	-ms-flex-order: 19;
	order: 19
}

.tp-grid__col--20 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 83.3333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-20 {
	-ms-flex-order: 20;
	order: 20
}

.tp-grid__col--21 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 87.5%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-21 {
	-ms-flex-order: 21;
	order: 21
}

.tp-grid__col--22 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 91.6666666667%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-22 {
	-ms-flex-order: 22;
	order: 22
}

.tp-grid__col--23 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 95.8333333333%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-23 {
	-ms-flex-order: 23;
	order: 23
}

.tp-grid__col--24 {
	display: block;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	-webkit-box-flex: 0
}

.tp-grid__col--order-24 {
	-ms-flex-order: 24;
	order: 24
}

@media (max-width:1200px) {
	.tp-grid__col--smallpc-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-0 {
		display: none
	}

	.tp-grid__col--smallpc-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--smallpc-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--smallpc-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--smallpc-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--smallpc-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--smallpc-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--smallpc-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--smallpc-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--smallpc-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--smallpc-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--smallpc-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--smallpc-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--smallpc-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--smallpc-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--smallpc-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--smallpc-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--smallpc-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--smallpc-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--smallpc-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--smallpc-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--smallpc-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--smallpc-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--smallpc-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--smallpc-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--smallpc-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--smallpc-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

@media (max-width:1000px) {
	.tp-grid__col--tablet-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-0 {
		display: none
	}

	.tp-grid__col--tablet-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--tablet-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--tablet-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--tablet-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--tablet-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--tablet-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--tablet-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--tablet-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--tablet-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--tablet-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--tablet-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--tablet-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--tablet-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--tablet-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--tablet-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--tablet-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--tablet-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--tablet-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--tablet-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--tablet-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--tablet-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--tablet-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--tablet-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--tablet-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--tablet-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--tablet-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

@media (max-width:768px) {
	.tp-grid__col--pad-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-0 {
		display: none
	}

	.tp-grid__col--pad-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--pad-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--pad-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--pad-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--pad-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--pad-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--pad-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--pad-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--pad-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--pad-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--pad-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--pad-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--pad-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--pad-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--pad-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--pad-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--pad-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--pad-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--pad-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--pad-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--pad-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--pad-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--pad-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--pad-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--pad-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--pad-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

@media (max-width:600px) {
	.tp-grid__col--phone-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-0 {
		display: none
	}

	.tp-grid__col--phone-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--phone-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--phone-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--phone-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--phone-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--phone-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--phone-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--phone-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--phone-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--phone-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--phone-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--phone-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--phone-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--phone-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--phone-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--phone-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--phone-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--phone-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--phone-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--phone-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--phone-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--phone-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--phone-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--phone-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--phone-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		-webkit-box-flex: 0
	}

	.tp-grid__col--phone-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

.tp-grid__row.tp-grid--gutter-0n {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0
}

.tp-grid__row.tp-grid--gutter-0n .tp-grid__col {
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0
}

.tp-grid__row.tp-grid--gutter-1n {
	margin-right: -2px;
	margin-bottom: -4px;
	margin-left: -2px
}

.tp-grid__row.tp-grid--gutter-1n .tp-grid__col {
	margin-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px
}

.tp-grid__row.tp-grid--gutter-2n {
	margin-right: -4px;
	margin-bottom: -8px;
	margin-left: -4px
}

.tp-grid__row.tp-grid--gutter-2n .tp-grid__col {
	margin-bottom: 8px;
	padding-right: 4px;
	padding-left: 4px
}

.tp-grid__row.tp-grid--gutter-3n {
	margin-right: -6px;
	margin-bottom: -12px;
	margin-left: -6px
}

.tp-grid__row.tp-grid--gutter-3n .tp-grid__col {
	margin-bottom: 12px;
	padding-right: 6px;
	padding-left: 6px
}

.tp-grid__row.tp-grid--gutter-4n {
	margin-right: -8px;
	margin-bottom: -16px;
	margin-left: -8px
}

.tp-grid__row.tp-grid--gutter-4n .tp-grid__col {
	margin-bottom: 16px;
	padding-right: 8px;
	padding-left: 8px
}

.tp-grid__row.tp-grid--gutter-5n {
	margin-right: -10px;
	margin-bottom: -20px;
	margin-left: -10px
}

.tp-grid__row.tp-grid--gutter-5n .tp-grid__col {
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px
}

.tp-grid__row.tp-grid--gutter-6n {
	margin-right: -12px;
	margin-bottom: -24px;
	margin-left: -12px
}

.tp-grid__row.tp-grid--gutter-6n .tp-grid__col {
	margin-bottom: 24px;
	padding-right: 12px;
	padding-left: 12px
}

.tp-grid__row.tp-grid--gutter-7n {
	margin-right: -14px;
	margin-bottom: -28px;
	margin-left: -14px
}

.tp-grid__row.tp-grid--gutter-7n .tp-grid__col {
	margin-bottom: 28px;
	padding-right: 14px;
	padding-left: 14px
}

.tp-grid__row.tp-grid--gutter-8n {
	margin-right: -16px;
	margin-bottom: -32px;
	margin-left: -16px
}

.tp-grid__row.tp-grid--gutter-8n .tp-grid__col {
	margin-bottom: 32px;
	padding-right: 16px;
	padding-left: 16px
}

.tp-grid__row.tp-grid--gutter-9n {
	margin-right: -18px;
	margin-bottom: -36px;
	margin-left: -18px
}

.tp-grid__row.tp-grid--gutter-9n .tp-grid__col {
	margin-bottom: 36px;
	padding-right: 18px;
	padding-left: 18px
}

.tp-grid__row.tp-grid--gutter-10n {
	margin-right: -20px;
	margin-bottom: -40px;
	margin-left: -20px
}

.tp-grid__row.tp-grid--gutter-10n .tp-grid__col {
	margin-bottom: 40px;
	padding-right: 20px;
	padding-left: 20px
}

@media (max-width:1200px) {
	.tp-grid__row.tp-grid--gutter-smallpc-0n {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0
	}

	.tp-grid__row.tp-grid--gutter-smallpc-0n .tp-grid__col {
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0
	}

	.tp-grid__row.tp-grid--gutter-smallpc-1n {
		margin-right: -2px;
		margin-bottom: -4px;
		margin-left: -2px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-1n .tp-grid__col {
		margin-bottom: 4px;
		padding-right: 2px;
		padding-left: 2px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-2n {
		margin-right: -4px;
		margin-bottom: -8px;
		margin-left: -4px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-2n .tp-grid__col {
		margin-bottom: 8px;
		padding-right: 4px;
		padding-left: 4px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-3n {
		margin-right: -6px;
		margin-bottom: -12px;
		margin-left: -6px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-3n .tp-grid__col {
		margin-bottom: 12px;
		padding-right: 6px;
		padding-left: 6px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-4n {
		margin-right: -8px;
		margin-bottom: -16px;
		margin-left: -8px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-4n .tp-grid__col {
		margin-bottom: 16px;
		padding-right: 8px;
		padding-left: 8px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-5n {
		margin-right: -10px;
		margin-bottom: -20px;
		margin-left: -10px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-5n .tp-grid__col {
		margin-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-6n {
		margin-right: -12px;
		margin-bottom: -24px;
		margin-left: -12px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-6n .tp-grid__col {
		margin-bottom: 24px;
		padding-right: 12px;
		padding-left: 12px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-7n {
		margin-right: -14px;
		margin-bottom: -28px;
		margin-left: -14px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-7n .tp-grid__col {
		margin-bottom: 28px;
		padding-right: 14px;
		padding-left: 14px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-8n {
		margin-right: -16px;
		margin-bottom: -32px;
		margin-left: -16px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-8n .tp-grid__col {
		margin-bottom: 32px;
		padding-right: 16px;
		padding-left: 16px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-9n {
		margin-right: -18px;
		margin-bottom: -36px;
		margin-left: -18px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-9n .tp-grid__col {
		margin-bottom: 36px;
		padding-right: 18px;
		padding-left: 18px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-10n {
		margin-right: -20px;
		margin-bottom: -40px;
		margin-left: -20px
	}

	.tp-grid__row.tp-grid--gutter-smallpc-10n .tp-grid__col {
		margin-bottom: 40px;
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width:1000px) {
	.tp-grid__row.tp-grid--gutter-tablet-0n {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0
	}

	.tp-grid__row.tp-grid--gutter-tablet-0n .tp-grid__col {
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0
	}

	.tp-grid__row.tp-grid--gutter-tablet-1n {
		margin-right: -2px;
		margin-bottom: -4px;
		margin-left: -2px
	}

	.tp-grid__row.tp-grid--gutter-tablet-1n .tp-grid__col {
		margin-bottom: 4px;
		padding-right: 2px;
		padding-left: 2px
	}

	.tp-grid__row.tp-grid--gutter-tablet-2n {
		margin-right: -4px;
		margin-bottom: -8px;
		margin-left: -4px
	}

	.tp-grid__row.tp-grid--gutter-tablet-2n .tp-grid__col {
		margin-bottom: 8px;
		padding-right: 4px;
		padding-left: 4px
	}

	.tp-grid__row.tp-grid--gutter-tablet-3n {
		margin-right: -6px;
		margin-bottom: -12px;
		margin-left: -6px
	}

	.tp-grid__row.tp-grid--gutter-tablet-3n .tp-grid__col {
		margin-bottom: 12px;
		padding-right: 6px;
		padding-left: 6px
	}

	.tp-grid__row.tp-grid--gutter-tablet-4n {
		margin-right: -8px;
		margin-bottom: -16px;
		margin-left: -8px
	}

	.tp-grid__row.tp-grid--gutter-tablet-4n .tp-grid__col {
		margin-bottom: 16px;
		padding-right: 8px;
		padding-left: 8px
	}

	.tp-grid__row.tp-grid--gutter-tablet-5n {
		margin-right: -10px;
		margin-bottom: -20px;
		margin-left: -10px
	}

	.tp-grid__row.tp-grid--gutter-tablet-5n .tp-grid__col {
		margin-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px
	}

	.tp-grid__row.tp-grid--gutter-tablet-6n {
		margin-right: -12px;
		margin-bottom: -24px;
		margin-left: -12px
	}

	.tp-grid__row.tp-grid--gutter-tablet-6n .tp-grid__col {
		margin-bottom: 24px;
		padding-right: 12px;
		padding-left: 12px
	}

	.tp-grid__row.tp-grid--gutter-tablet-7n {
		margin-right: -14px;
		margin-bottom: -28px;
		margin-left: -14px
	}

	.tp-grid__row.tp-grid--gutter-tablet-7n .tp-grid__col {
		margin-bottom: 28px;
		padding-right: 14px;
		padding-left: 14px
	}

	.tp-grid__row.tp-grid--gutter-tablet-8n {
		margin-right: -16px;
		margin-bottom: -32px;
		margin-left: -16px
	}

	.tp-grid__row.tp-grid--gutter-tablet-8n .tp-grid__col {
		margin-bottom: 32px;
		padding-right: 16px;
		padding-left: 16px
	}

	.tp-grid__row.tp-grid--gutter-tablet-9n {
		margin-right: -18px;
		margin-bottom: -36px;
		margin-left: -18px
	}

	.tp-grid__row.tp-grid--gutter-tablet-9n .tp-grid__col {
		margin-bottom: 36px;
		padding-right: 18px;
		padding-left: 18px
	}

	.tp-grid__row.tp-grid--gutter-tablet-10n {
		margin-right: -20px;
		margin-bottom: -40px;
		margin-left: -20px
	}

	.tp-grid__row.tp-grid--gutter-tablet-10n .tp-grid__col {
		margin-bottom: 40px;
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width:768px) {
	.tp-grid__row.tp-grid--gutter-pad-0n {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0
	}

	.tp-grid__row.tp-grid--gutter-pad-0n .tp-grid__col {
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0
	}

	.tp-grid__row.tp-grid--gutter-pad-1n {
		margin-right: -2px;
		margin-bottom: -4px;
		margin-left: -2px
	}

	.tp-grid__row.tp-grid--gutter-pad-1n .tp-grid__col {
		margin-bottom: 4px;
		padding-right: 2px;
		padding-left: 2px
	}

	.tp-grid__row.tp-grid--gutter-pad-2n {
		margin-right: -4px;
		margin-bottom: -8px;
		margin-left: -4px
	}

	.tp-grid__row.tp-grid--gutter-pad-2n .tp-grid__col {
		margin-bottom: 8px;
		padding-right: 4px;
		padding-left: 4px
	}

	.tp-grid__row.tp-grid--gutter-pad-3n {
		margin-right: -6px;
		margin-bottom: -12px;
		margin-left: -6px
	}

	.tp-grid__row.tp-grid--gutter-pad-3n .tp-grid__col {
		margin-bottom: 12px;
		padding-right: 6px;
		padding-left: 6px
	}

	.tp-grid__row.tp-grid--gutter-pad-4n {
		margin-right: -8px;
		margin-bottom: -16px;
		margin-left: -8px
	}

	.tp-grid__row.tp-grid--gutter-pad-4n .tp-grid__col {
		margin-bottom: 16px;
		padding-right: 8px;
		padding-left: 8px
	}

	.tp-grid__row.tp-grid--gutter-pad-5n {
		margin-right: -10px;
		margin-bottom: -20px;
		margin-left: -10px
	}

	.tp-grid__row.tp-grid--gutter-pad-5n .tp-grid__col {
		margin-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px
	}

	.tp-grid__row.tp-grid--gutter-pad-6n {
		margin-right: -12px;
		margin-bottom: -24px;
		margin-left: -12px
	}

	.tp-grid__row.tp-grid--gutter-pad-6n .tp-grid__col {
		margin-bottom: 24px;
		padding-right: 12px;
		padding-left: 12px
	}

	.tp-grid__row.tp-grid--gutter-pad-7n {
		margin-right: -14px;
		margin-bottom: -28px;
		margin-left: -14px
	}

	.tp-grid__row.tp-grid--gutter-pad-7n .tp-grid__col {
		margin-bottom: 28px;
		padding-right: 14px;
		padding-left: 14px
	}

	.tp-grid__row.tp-grid--gutter-pad-8n {
		margin-right: -16px;
		margin-bottom: -32px;
		margin-left: -16px
	}

	.tp-grid__row.tp-grid--gutter-pad-8n .tp-grid__col {
		margin-bottom: 32px;
		padding-right: 16px;
		padding-left: 16px
	}

	.tp-grid__row.tp-grid--gutter-pad-9n {
		margin-right: -18px;
		margin-bottom: -36px;
		margin-left: -18px
	}

	.tp-grid__row.tp-grid--gutter-pad-9n .tp-grid__col {
		margin-bottom: 36px;
		padding-right: 18px;
		padding-left: 18px
	}

	.tp-grid__row.tp-grid--gutter-pad-10n {
		margin-right: -20px;
		margin-bottom: -40px;
		margin-left: -20px
	}

	.tp-grid__row.tp-grid--gutter-pad-10n .tp-grid__col {
		margin-bottom: 40px;
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width:600px) {
	.tp-grid__row.tp-grid--gutter-phone-0n {
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0
	}

	.tp-grid__row.tp-grid--gutter-phone-0n .tp-grid__col {
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0
	}

	.tp-grid__row.tp-grid--gutter-phone-1n {
		margin-right: -2px;
		margin-bottom: -4px;
		margin-left: -2px
	}

	.tp-grid__row.tp-grid--gutter-phone-1n .tp-grid__col {
		margin-bottom: 4px;
		padding-right: 2px;
		padding-left: 2px
	}

	.tp-grid__row.tp-grid--gutter-phone-2n {
		margin-right: -4px;
		margin-bottom: -8px;
		margin-left: -4px
	}

	.tp-grid__row.tp-grid--gutter-phone-2n .tp-grid__col {
		margin-bottom: 8px;
		padding-right: 4px;
		padding-left: 4px
	}

	.tp-grid__row.tp-grid--gutter-phone-3n {
		margin-right: -6px;
		margin-bottom: -12px;
		margin-left: -6px
	}

	.tp-grid__row.tp-grid--gutter-phone-3n .tp-grid__col {
		margin-bottom: 12px;
		padding-right: 6px;
		padding-left: 6px
	}

	.tp-grid__row.tp-grid--gutter-phone-4n {
		margin-right: -8px;
		margin-bottom: -16px;
		margin-left: -8px
	}

	.tp-grid__row.tp-grid--gutter-phone-4n .tp-grid__col {
		margin-bottom: 16px;
		padding-right: 8px;
		padding-left: 8px
	}

	.tp-grid__row.tp-grid--gutter-phone-5n {
		margin-right: -10px;
		margin-bottom: -20px;
		margin-left: -10px
	}

	.tp-grid__row.tp-grid--gutter-phone-5n .tp-grid__col {
		margin-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px
	}

	.tp-grid__row.tp-grid--gutter-phone-6n {
		margin-right: -12px;
		margin-bottom: -24px;
		margin-left: -12px
	}

	.tp-grid__row.tp-grid--gutter-phone-6n .tp-grid__col {
		margin-bottom: 24px;
		padding-right: 12px;
		padding-left: 12px
	}

	.tp-grid__row.tp-grid--gutter-phone-7n {
		margin-right: -14px;
		margin-bottom: -28px;
		margin-left: -14px
	}

	.tp-grid__row.tp-grid--gutter-phone-7n .tp-grid__col {
		margin-bottom: 28px;
		padding-right: 14px;
		padding-left: 14px
	}

	.tp-grid__row.tp-grid--gutter-phone-8n {
		margin-right: -16px;
		margin-bottom: -32px;
		margin-left: -16px
	}

	.tp-grid__row.tp-grid--gutter-phone-8n .tp-grid__col {
		margin-bottom: 32px;
		padding-right: 16px;
		padding-left: 16px
	}

	.tp-grid__row.tp-grid--gutter-phone-9n {
		margin-right: -18px;
		margin-bottom: -36px;
		margin-left: -18px
	}

	.tp-grid__row.tp-grid--gutter-phone-9n .tp-grid__col {
		margin-bottom: 36px;
		padding-right: 18px;
		padding-left: 18px
	}

	.tp-grid__row.tp-grid--gutter-phone-10n {
		margin-right: -20px;
		margin-bottom: -40px;
		margin-left: -20px
	}

	.tp-grid__row.tp-grid--gutter-phone-10n .tp-grid__col {
		margin-bottom: 40px;
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width:768px) {
	.tp-grid__col--pad-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		box-flex: 0
	}

	.tp-grid__col--pad-0 {
		display: none
	}

	.tp-grid__col--pad-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--pad-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--pad-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--pad-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--pad-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--pad-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--pad-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--pad-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--pad-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--pad-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--pad-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--pad-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--pad-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--pad-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--pad-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--pad-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--pad-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--pad-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--pad-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--pad-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--pad-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--pad-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--pad-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--pad-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--pad-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		box-flex: 0
	}

	.tp-grid__col--pad-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

@media (max-width:600px) {
	.tp-grid__col--phone-1-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		box-flex: 0
	}

	.tp-grid__col--phone-0 {
		display: none
	}

	.tp-grid__col--phone-order-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.tp-grid__col--phone-1 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 4.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.tp-grid__col--phone-2 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.tp-grid__col--phone-3 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 12.5%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.tp-grid__col--phone-4 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.tp-grid__col--phone-5 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.tp-grid__col--phone-6 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.tp-grid__col--phone-7 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 29.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.tp-grid__col--phone-8 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.tp-grid__col--phone-9 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 37.5%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.tp-grid__col--phone-10 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.tp-grid__col--phone-11 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 45.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.tp-grid__col--phone-12 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.tp-grid__col--phone-13 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 54.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-13 {
		-ms-flex-order: 13;
		order: 13
	}

	.tp-grid__col--phone-14 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-14 {
		-ms-flex-order: 14;
		order: 14
	}

	.tp-grid__col--phone-15 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 62.5%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-15 {
		-ms-flex-order: 15;
		order: 15
	}

	.tp-grid__col--phone-16 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-16 {
		-ms-flex-order: 16;
		order: 16
	}

	.tp-grid__col--phone-17 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 70.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-17 {
		-ms-flex-order: 17;
		order: 17
	}

	.tp-grid__col--phone-18 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-18 {
		-ms-flex-order: 18;
		order: 18
	}

	.tp-grid__col--phone-19 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 79.1666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-19 {
		-ms-flex-order: 19;
		order: 19
	}

	.tp-grid__col--phone-20 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 83.3333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-20 {
		-ms-flex-order: 20;
		order: 20
	}

	.tp-grid__col--phone-21 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 87.5%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-21 {
		-ms-flex-order: 21;
		order: 21
	}

	.tp-grid__col--phone-22 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.6666666667%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-22 {
		-ms-flex-order: 22;
		order: 22
	}

	.tp-grid__col--phone-23 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 95.8333333333%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-23 {
		-ms-flex-order: 23;
		order: 23
	}

	.tp-grid__col--phone-24 {
		display: block;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		box-flex: 0
	}

	.tp-grid__col--phone-order-24 {
		-ms-flex-order: 24;
		order: 24
	}
}

.tpm-trend .tp-grid__col {
	padding: 0 10px
}

.tpm-trend__item {
	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: 4px;
	background-color: #fff;
	font-size: 16px;
	color: #4a4a4a;
	line-height: 24px;
	display: block;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative
}

@media screen and (min-width:769px) {

	.tpm-trend__item:hover .tpm-trend__item-date,
	.tpm-trend__item:hover .tpm-trend__item-tit {
		color: #0052d9
	}
}

.tpm-trend__item-hd {
	padding: 20px 24px 16px;
	border-bottom: 2px solid #fff
}

.tpm-trend__item-date-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.tpm-trend__item-date {
	font-size: 16px;
	line-height: 24px;
	color: #4a4a4a;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-trend__item-date {
		transition: color .3s ease-in-out
	}
}

.tpm-trend__item-tit {
	font-size: 14px;
	line-height: 24px;
	color: #4a4a4a;
	margin-bottom: -8px;
	transition: all .3s ease-in-out
}

.tpm-trend__item-tag {
	border: 1px solid #ff7200;
	color: #ff7200;
	font-size: 14px;
	line-height: 14px;
	border-radius: 2px;
	padding: 0 4px;
	display: inline-block
}

.tpm-trend__item-bd {
	padding: 16px 24px;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.tpm-trend__item-list-item:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #666;
	margin-right: 4px;
	vertical-align: middle;
	margin-bottom: 2px
}

.tpm-trend__list.tp-grid__row {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 10px 20px
}

.tpm-trend__list.tp-grid__row::-webkit-scrollbar {
	height: 0
}

.tpm-trend .swiper-container {
	margin: 0 -20px;
	padding: 0 10px 20px
}

.tpm-trend .swiper-wrapper {
	width: auto
}

.tpm-trend .swiper-slide {
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
	transition: opacity .3s linear
}

.tpm-trend .is-hide,
.tpm-trend .swiper-slide-prev {
	opacity: 0
}

.tpm-trend .tpm-swiper__pages {
	margin-top: 14px
}

@media screen and (max-width:1360px) {
	.tpm-trend .tpm-swiper__btn {
		display: none
	}
}

@media screen and (max-width:600px) {
	.tpm-trend__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-trend__item:after {
		right: 16px;
		bottom: 8px
	}

	.tpm-trend__item-hd {
		padding: 8px 16px
	}

	.tpm-trend__item-date {
		font-size: 16px
	}

	.tpm-trend__item-tit {
		margin-bottom: 0
	}

	.tpm-trend__item-bd {
		padding: 16px
	}
}

.tpm-doc {
	-webkit-font-smoothing: antialiased;
	display: -ms-flexbox;
	display: flex
}

.tpm-doc__list {
	-ms-flex: 1;
	flex: 1
}

.tpm-doc__item--primary {
	width: 32%;
	margin-left: 20px
}

.tpm-doc__section {
	-webkit-font-smoothing: antialiased
}

.tpm-doc__item {
	display: block;
	cursor: pointer;
	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: 4px;
	padding: 28px
}

@media screen and (min-width:769px) {
	.tpm-doc__item {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-doc__item:hover {
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-doc__item:hover .tpm-doc__item-title {
		color: #0052d9
	}
}

.tpm-doc__item-title {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-doc__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-doc__item-desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 24px
}

.tpm-doc__item--primary {
	position: relative;
	padding: 0;
	background-image: url(images/bg_19f.png), linear-gradient(0deg, #fff, #f3f5f8);
	background-position: 100% 100%, 0 0;
	background-size: auto 250px, auto;
	background-repeat: no-repeat
}

.tpm-doc__item--primary .tpm-doc__item-hd {
	padding: 28px;
	height: 174px
}

.tpm-doc__item--primary .tpm-doc__item-bd {
	padding: 18px 28px
}

.tpm-doc__item-links>li {
	padding: 6px 0
}

.tpm-doc__item-links a {
	position: relative;
	display: block;
	padding-left: 8px;
	font-size: 14px;
	color: #3d485d;
	line-height: 24px
}

@media screen and (min-width:769px) {
	.tpm-doc__item-links a {
		transition: color .3s ease-in-out
	}
}

.tpm-doc__item-links a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 2px;
	height: 2px;
	background-color: #3d485d;
	border-radius: 50%
}

@media screen and (min-width:769px) {
	.tpm-doc__item-links a:after {
		transition: background-color .3s ease-in-out
	}
}

.tpm-doc__item-links a:hover {
	color: #0052d9
}

.tpm-doc__item-links a:hover:after {
	background-color: #0052d9
}

.tpm-doc__list {
	margin: 0 -10px -20px
}

.tpm-doc__list.tp-grid__row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-doc__list .tp-grid__col {
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px
}

.tpm-doc__list .tpm-doc__item {
	height: 100%
}

@media screen and (max-width:768px) {
	.tpm-doc {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.tpm-doc__item {
		padding: 20px
	}

	.tpm-doc__item-title {
		font-size: 18px
	}

	.tpm-doc__item--primary {
		width: 100%;
		padding: 0;
		margin: 0 0 20px;
		background-size: auto 160px, auto
	}

	.tpm-doc__item--primary .tpm-doc__item-hd {
		padding: 20px;
		height: auto
	}

	.tpm-doc__item--primary .tpm-doc__item-bd {
		padding: 20px
	}

	.tpm-doc__item-links {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-doc__item-links>li {
		box-sizing: border-box;
		width: 50%
	}
}

@media screen and (max-width:600px) {
	.tpm-doc__item--primary {
		background-size: auto 200px, auto
	}

	.tpm-doc__item-links {
		display: block
	}

	.tpm-doc__item-links>li {
		width: auto
	}
}

.tpm-feature {
	margin: 0 -16px -32px
}

.tpm-feature .tp-grid__col {
	padding: 0 16px 32px
}

.tpm-feature__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-font-smoothing: antialiased
}

.tpm-feature__item-icon {
	display: block;
	width: 48px;
	height: 48px;
	margin-right: 20px
}

.tpm-feature__item-bd {
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-feature__item-title {
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 18px;
	color: #000;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-feature__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

.tpm-feature__item-links,
.tpm-feature__item-list {
	margin-top: 12px
}

.tpm-feature__item-list-item+.tpm-feature__item-list-item {
	margin-top: 8px
}

.tpm-feature__item-list-label {
	color: #000;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500
}

.tpm-feature__item-list-value {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

.tpm-feature__item--vertical {
	display: block
}

.tpm-feature__item--vertical .tpm-feature__item-icon {
	margin: 0 auto 16px
}

.tpm-feature__item--vertical .tpm-feature__item-bd {
	width: auto
}

.tpm-feature__item--vertical .tpm-feature__item-title {
	margin-bottom: 12px;
	text-align: center
}

.tpm-feature--vertical {
	margin: 0 -10px -40px
}

.tpm-feature--vertical .tp-grid__col {
	padding: 0 10px 40px
}

@media screen and (max-width:768px) {
	.tpm-feature__item-icon {
		position: absolute
	}

	.tpm-feature__item-title {
		height: 48px;
		margin-bottom: 12px;
		padding: 10px 0 0 68px
	}

	.tpm-feature__item--vertical .tpm-feature__item-icon {
		margin: inherit
	}

	.tpm-feature__item--vertical .tpm-feature__item-title {
		text-align: left
	}

	.tpm-feature--vertical {
		margin: 0 -10px -32px
	}

	.tpm-feature--vertical .tp-grid__col {
		padding: 0 10px 32px
	}
}

.tpm-prod-ecology,
.tpm-prod-ecology__section {
	-webkit-font-smoothing: antialiased
}

.tpm-prod-ecology__list.tp-grid__row {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.tpm-prod-ecology__list.tp-grid__row::-webkit-scrollbar {
	height: 0
}

.tpm-prod-ecology__item {
	display: block;
	border-radius: 4px
}

.tpm-prod-ecology__item:hover .tpm-prod-ecology__item-tit {
	color: #0052d9
}

.tpm-prod-ecology__item-main {
	padding-top: 18px
}

.tpm-prod-ecology__item-tit {
	font-size: 20px;
	color: #000;
	line-height: 24px
}

@media screen and (min-width:769px) {
	.tpm-prod-ecology__item-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-prod-ecology__item-desc {
	font-size: 14px;
	color: #253554;
	line-height: 24px;
	margin-top: 12px
}

.tpm-prod-ecology__item-object {
	position: relative;
	font-size: 0;
	padding-top: 42.8571428571%;
	overflow: hidden;
	border-radius: 4px
}

.tpm-prod-ecology__item-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.tpm-prod-ecology .swiper-container {
	margin: 0 -20px;
	padding: 0 10px
}

.tpm-prod-ecology .swiper-slide {
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
	transition: opacity .3s linear
}

@media screen and (max-width:1360px) {
	.tpm-prod-ecology .tpm-swiper__btn {
		display: none
	}
}

@media screen and (max-width:1200px) {
	.tpm-prod-ecology__item-tit {
		font-size: 18px
	}

	.tpm-prod-ecology__item-desc {
		margin-top: 8px
	}
}

@media screen and (max-width:768px) {
	.tpm-prod-ecology__item-main {
		padding-top: 20px
	}

	.tpm-prod-ecology__item-desc {
		margin-top: 8px
	}

	.tpm-prod-ecology__item-object {
		padding-top: 36.5853658537%
	}
}

.tpm-draft {
	line-height: 24px;
	font-size: 14px;
	color: #3d485d;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.tpm-draft a {
	color: #0052d9;
	text-decoration: none
}

.tpm-draft a:hover {
	text-decoration: underline
}

.tpm-draft a:not([href]) {
	color: inherit;
	text-decoration: none
}

.tpm-draft strong {
	font-weight: 500
}

.tpm-draft hr {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: 1px;
	background-color: #999;
	border-width: 0;
	overflow: hidden;
	opacity: .24
}

.tpm-draft img {
	display: block;
	margin: 16px auto;
	max-width: 100%;
	max-height: 100%;
	border: 0
}

.tpm-draft .tpm-qrcode__img img {
	margin: 0
}

.tpm-draft figure {
	margin: 16px 0;
	display: block
}

.tpm-draft figure img {
	margin: 0 auto;
	display: block
}

.tpm-draft .figure-desc {
	margin-top: 5px;
	margin-bottom: 16px;
	font-size: 14px;
	text-align: center;
	color: #666
}

.tpm-draft video {
	display: block;
	margin: 40px auto;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px
}

.tpm-draft video:last-child {
	margin-bottom: 0
}

.tpm-draft h1,
.tpm-draft h2,
.tpm-draft h3,
.tpm-draft h4,
.tpm-draft h5,
.tpm-draft h6 {
	color: #000;
	font-weight: 500
}

.tpm-draft h1:first-child,
.tpm-draft h2:first-child,
.tpm-draft h3:first-child,
.tpm-draft h4:first-child,
.tpm-draft h5:first-child,
.tpm-draft h6:first-child {
	margin-top: 0
}

.tpm-draft h2 {
	line-height: 28px;
	font-size: 20px
}

.tpm-draft h2,
.tpm-draft h3 {
	margin-top: 16px;
	margin-bottom: 12px
}

.tpm-draft h3 {
	line-height: 26px;
	font-size: 16px
}

.tpm-draft h4 {
	margin-top: 16px;
	margin-bottom: 8px;
	line-height: 24px;
	font-size: 14px
}

.tpm-draft h2+h3,
.tpm-draft h2+h4,
.tpm-draft h3+h4 {
	margin-top: 12px
}

.tpm-draft p {
	margin-top: 0;
	margin-bottom: 8px
}

.tpm-draft ul {
	margin-top: 0;
	margin-bottom: 16px;
	padding: 0
}

.tpm-draft ul>li {
	position: relative;
	margin-bottom: 4px;
	padding-left: 18px;
	list-style: none
}

.tpm-draft ul>li: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-draft ol {
	margin-top: 0;
	margin-bottom: 16px;
	padding: 0 0 0 18px;
	list-style-type: decimal
}

.tpm-draft ol ol,
.tpm-draft ul ol {
	list-style-type: lower-roman
}

.tpm-draft ol ol ol,
.tpm-draft ol ul ol,
.tpm-draft ul ol ol,
.tpm-draft ul ul ol {
	list-style-type: lower-alpha
}

.tpm-draft ol>li {
	margin-bottom: 4px;
	list-style: inherit
}

.tpm-draft ol ol,
.tpm-draft ol ul,
.tpm-draft ul ol,
.tpm-draft ul ul {
	margin-top: 0;
	margin-bottom: 0
}

.tpm-draft ol ul,
.tpm-draft ul ul {
	color: #666
}

.tpm-draft ol ul>li:before,
.tpm-draft ul ul>li:before {
	width: 7px;
	height: 7px;
	border: 1px solid #99a7b9;
	background-color: transparent
}

.tpm-draft table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 12px
}

.tpm-draft th {
	background-color: #f5f7fa;
	color: #677489;
	text-align: left;
	font-weight: 400;
	word-break: keep-all
}

.tpm-draft td,
.tpm-draft th {
	padding: 12px 16px;
	border: 1px solid #e1e6f0
}

.tpm-draft-table-wrap {
	margin-top: 12px;
	margin-bottom: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.tpm-draft-table-wrap table {
	margin: 0
}

.tpm-draft code {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #f3f5f9;
	border-radius: 0;
	padding: 0 12px;
	color: #0abf5b;
	font-family: Consolas, Liberation Mono, Menlo, Courier, Microsoft Yahei, monospace;
	line-height: 20px
}

.tpm-draft em,
.tpm-draft i {
	font-style: italic;
	font-weight: inherit
}

.tpm-draft dd {
	margin-left: 0
}

.tpm-draft dl {
	margin-top: 0;
	margin-bottom: 24px;
	padding: 0
}

.tpm-draft dl dt {
	padding: 0;
	margin-top: 24px;
	font-size: 1em;
	font-style: italic;
	font-weight: 500
}

.tpm-draft dl dd {
	padding: 0 16px;
	margin-bottom: 24px
}

.tpm-draft blockquote {
	margin: 0 0 24px;
	padding: 0 15px;
	color: #777;
	border-left: 4px solid #ddd
}

.tpm-draft blockquote>:first-child {
	margin-top: 0
}

.tpm-draft blockquote>:last-child {
	margin-bottom: 0
}

.tpm-draft pre {
	margin: 12px 0;
	padding: 16px 20px;
	color: #fff;
	background-color: #50556b;
	border-radius: 3px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
	word-wrap: normal
}

.tpm-draft pre code {
	position: static;
	padding: 0;
	display: inline;
	vertical-align: baseline;
	color: inherit;
	background: transparent
}

.tpm-draft .tpm-list>li {
	padding-left: 24px
}

.tpm-draft .tpm-list>li:before {
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	border-radius: 0;
	background-color: transparent
}

.tpm-draft .tpm-product-recommend__title {
	margin-bottom: 36px
}

.tpm-draft .tpm-product-recommend__item {
	color: #3d485d
}

.tpm-draft .tpm-product-recommend__item:hover {
	color: #0052d9;
	text-decoration: none
}

.tpm-draft .tpm-product-recommend__item-icon {
	margin: 0 auto 8px
}

.tpm-draft .tpm-qrcode {
	display: inline-block;
	vertical-align: top
}

.tpm-draft__logo-content {
	display: -ms-flexbox;
	display: flex
}

.tpm-draft__logo-content img.tpm-draft__logo-content-logo {
	width: 40px;
	height: 40px;
	margin: 0 20px 0 0;
	border-radius: 4px
}

.tpm-draft__logo-content-cnt {
	-ms-flex: 1;
	flex: 1
}

@media screen and (max-width:768px) {
	.tpm-draft .tpm-product-recommend__item-icon {
		display: inline-block;
		margin: 0 8px 0 0
	}

	.tpm-draft__logo-content {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-draft__logo-content img.tpm-draft__logo-content-logo {
		width: 40px;
		height: 40px;
		margin: 0 0 16px
	}
}

@media screen and (max-width:768px) {
	.tpm-draft video {
		margin: 24px auto
	}

	.tpm-draft .tpm-product-recommend__title {
		margin-bottom: 12px
	}

	.tpm-draft .tpm-product-recommend__item-icon {
		display: inline-block;
		margin: 0 8px 0 0
	}
}

.tpm-faq__item {
	padding: 0 40px;
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased
}

@media screen and (min-width:769px) {
	.tpm-faq__item {
		transition: all .3s ease-in-out
	}
}

.tpm-faq__item.is-open:first-child {
	margin-top: -40px
}

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

.tpm-faq__item-hd {
	cursor: pointer;
	position: relative;
	padding-right: 36px
}

.tpm-faq__item-hd:hover .tpm-faq__item-title {
	color: #0052d9
}

.tpm-faq__item-title {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	line-height: 28px
}

@media screen and (min-width:769px) {
	.tpm-faq__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-faq__item-icon {
	position: absolute;
	right: 0;
	top: 2px;
	width: 24px;
	height: 24px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 92.10526315789474% 55.38461538461539%;
	background-size: 733.3333333333333% auto;
	transition: all .3s ease-in-out
}

.tpm-faq__item-bd {
	margin-top: 10px
}

.tpm-faq__item.is-open {
	padding: 40px 40px 24px;
	background: #f3f5f8;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
	border-radius: 4px
}

.tpm-faq__item.is-open .tpm-faq__item-icon {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.tpm-faq__list {
	padding-top: 40px
}

.tpm-faq__tip {
	margin-top: 80px;
	text-align: center;
	font-size: 14px;
	color: #3d485d;
	line-height: 24px
}

.tpm-faq__tip .tp-link {
	margin: 0 5px
}

.tpm-faq .tpm-tabs__bar {
	position: relative;
	margin-bottom: -1px
}

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

.tpm-faq .tpm-tabs__cont {
	padding: 0;
	background: transparent;
	box-shadow: none
}

@media screen and (max-width:1200px) {
	.tpm-faq__item-bd {
		max-width: 800px
	}
}

@media screen and (max-width:768px) {
	.tpm-faq__list {
		padding-top: 0
	}

	.tpm-faq__item {
		padding: 0
	}

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

	.tpm-faq__item-icon {
		display: none
	}

	.tpm-faq__item.is-open {
		padding: 0;
		background: none;
		box-shadow: none;
		border-radius: 0
	}
}

.tpm-customer-panel {
	margin: 0 -10px
}

.tpm-customer-panel .tp-grid__col {
	padding: 0 10px
}

.tpm-customer-panel__item {
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tpm-customer-panel__item-img {
	font-size: 0;
	border-radius: 4px;
	width: 100%;
	padding-top: 73.6842105263%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-customer-panel__item-body {
	display: block;
	position: relative;
	margin: -60px 20px 0 0;
	padding: 40px 24px 40px 40px;
	box-sizing: border-box;
	background-image: url(images/bg_b8f.png), linear-gradient(0deg, #fff, #f3f5f8);
	background-repeat: no-repeat;
	background-size: 100% auto, auto;
	background-position: 100% 100%;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px
}

@media screen and (min-width:769px) {
	.tpm-customer-panel__item-body {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-customer-panel__item-body:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

.tpm-customer-panel__item-desc {
	color: #293957;
	margin: 0;
	line-height: 28px;
	font-size: 16px;
	height: 140px;
	position: relative
}

.tpm-customer-panel__item-desc:before {
	content: "";
	position: absolute;
	left: -12px;
	top: -27px;
	width: 57px;
	height: 46px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 0% 70.37037037037037%;
	background-size: 308.77192982456137% auto
}

.tpm-customer-panel__item-desc-inner {
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-customer-panel__item-detail {
	margin-top: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-customer-panel__item-detail-title {
	color: #293957;
	font-size: 16px;
	line-height: 28px;
	-ms-flex-order: 2;
	order: 2;
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right
}

.tpm-customer-panel__item-detail-title:before {
	content: "—— "
}

.tpm-customer-panel__item-detail-logo {
	height: 40px;
	width: 90px;
	-ms-flex-order: 1;
	order: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.tpm-customer-panel__item-detail-logo img {
	display: block;
	max-height: 100%;
	max-width: 100%;
	border-radius: 4px
}

.tpm-customer-panel__item:hover .prod-customer-panel__body {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

@media screen and (max-width:600px) {
	.tpm-customer-panel__item-desc {
		max-height: 140px;
		height: auto
	}
}

.tpm-2-case,
.tpm-2-case__section {
	-webkit-font-smoothing: antialiased
}

.tpm-2-case__inner {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1220px
}

.tpm-2-case__section.tpm-section {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0
}

.tpm-2-case__section.tpm-section .tpm-section__inner {
	max-width: none
}

.tpm-2-case .tpm-tabs {
	margin-top: 60px;
	text-align: center
}

.tpm-advantage,
.tpm-advantage__section {
	-webkit-font-smoothing: antialiased
}

.tpm-advantage__item {
	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: 4px;
	padding: 40px
}

.tpm-advantage__item-title {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage__item-desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 24px;
	max-width: 720px
}

.tpm-advantage__item-metrics {
	margin-top: 16px
}

.tpm-advantage__item-metrics__item {
	display: inline-block
}

.tpm-advantage__item-metrics__item+.tpm-advantage__item-metrics__item {
	margin-left: 120px
}

.tpm-advantage__item-metrics__num {
	font-size: 28px;
	color: #000;
	letter-spacing: 0;
	line-height: 28px;
	margin-bottom: 8px;
	display: block
}

.tpm-advantage__item-metrics__label {
	border: 1px solid rgba(75, 88, 113, .39);
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 12px;
	color: #4b5871;
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	display: inline-block
}

.tpm-advantage__item--primary {
	position: relative
}

.tpm-advantage__item--primary .tpm-advantage__item-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 215px auto;
	background-position: right 85px center;
	background-image: url(images/img-advantage_6ea.png)
}

.tpm-advantage__list {
	margin-top: 20px
}

.tpm-scene {
	-webkit-font-smoothing: antialiased
}

.tpm-scene .tpm-tabs--vertical .tpm-tabs__cont {
	padding-bottom: 20px
}

.tpm-scene .tpm-tabs__cont {
	padding: 12px
}

.tpm-scene .tpm-tabs.is-full .tpm-tabs__cont {
	padding: 40px
}

.tpm-scene .tpm-tabs.is-full .tpm-tabs__cont .tp-justify-grid {
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-scene .tpm-media .tpm-media__object {
	width: 70%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-scene .tpm-media .tpm-media__content {
	padding: 20px 8px 0 20px
}

.tpm-scene .tpm-media.right-img .tpm-media__object {
	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;
	width: 52.8%;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding: 0;
	margin-left: 60px;
	overflow: hidden
}

.tpm-scene .tpm-media.right-img .tpm-media__content {
	padding: 0
}

.tpm-scene .tpm-logo-card {
	box-shadow: none
}

.tpm-scene .tpm-logo-card__wrap {
	padding: 0;
	margin: 12px 0 -12px
}

.tpm-scene .tpm-logo-card__list {
	padding: 0;
	margin: 0 -10px
}

.tpm-scene .tpm-logo-card__list li {
	margin: 0;
	padding: 0 10px 12px
}

.tpm-scene .tpm-logo-card__list li:before {
	display: none
}

.tpm-scene .tpm-sale-recommend {
	margin: 28px 0
}

.tpm-scene-infrastructure .tpm-media.right-img .tpm-media__object {
	width: 68.47%;
	margin-left: 40px;
	overflow: hidden
}

.tpm-scene-infrastructure .tpm-media.right-img .tpm-media__content {
	padding-top: 20px
}

.tpm-scene-infrastructure .tpm-group__tit {
	font-size: 16px;
	color: #000;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 22px
}

.tpm-scene-infrastructure .tpm-list__item {
	padding-left: 0
}

.tpm-scene-infrastructure .tpm-list__item:before {
	display: none
}

.tpm-scene-infrastructure .tpm-list__item-tit {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	font-weight: 600
}

.tpm-scene-infrastructure .tpm-list__item-tit:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
	margin-right: 6px;
	vertical-align: middle
}

.tpm-scene-infrastructure .tpm-list__item-text {
	display: block;
	line-height: 22px
}

.tpm-scene-infrastructure .tpm-list .tpm-list__item+.tpm-list__item {
	margin-top: 24px
}

.tpm-scene-introduction .tpm-media .tpm-media__object {
	width: 44.1%;
	overflow: hidden;
	padding: 12px 50px;
	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: 4px
}

.tpm-scene-introduction .tpm-media .tpm-media__content {
	padding: 12px 0 0
}

.tpm-scene-introduction .tpm-media .tpm-media__content+.tpm-media__object,
.tpm-scene-introduction .tpm-media .tpm-media__object+.tpm-media__content {
	margin-left: 40px
}

.tpm-scene-introduction .tpm-media.right-img .tpm-media__object {
	width: 44.1%;
	padding: 12px 50px;
	border-radius: 4px
}

.tpm-scene-introduction .tpm-media.right-img .tpm-media__content {
	padding: 12px 0 0
}

.tpm-scene-introduction .tpm-group__tit {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 20px
}

.tpm-scene-introduction .tpm-list__item {
	padding-left: 0
}

.tpm-scene-introduction .tpm-list__item:before {
	display: none
}

.tpm-scene-introduction .tpm-list__item-tit {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 500
}

.tpm-scene-introduction .tpm-list__item-tit:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
	margin-right: 6px;
	vertical-align: middle
}

.tpm-scene-introduction .tpm-list__item-text {
	display: block;
	line-height: 22px
}

.tpm-scene-introduction .tpm-list .tpm-list__item+.tpm-list__item {
	margin-top: 22px
}

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

	.tpm-scene .tpm-logo-card__list {
		margin: 0 -4px
	}

	.tpm-scene .tpm-logo-card__list li {
		padding: 0 4px 8px
	}

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

	.tpm-scene .tpm-media .tpm-media__content {
		padding: 0;
		margin-top: 24px
	}

	.tpm-scene .tpm-media.right-img {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

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

	.tpm-scene .tp-justify-grid {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-scene .tpm-sale-recommend {
		margin: 20px 0
	}

	.tpm-scene-infrastructure .tpm-media.right-img .tpm-media__content {
		padding-top: 0
	}

	.tpm-scene-introduction .tpm-media.right-img {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-scene-introduction .tpm-media.right-img .tpm-media__content {
		padding: 0;
		margin: 0 0 20px
	}

	.tpm-scene-introduction .tpm-media .tpm-media__content+.tpm-media__object,
	.tpm-scene-introduction .tpm-media .tpm-media__object+.tpm-media__content {
		margin-left: 0
	}

	.tpm-scene-introduction .tpm-list .tpm-list__item+.tpm-list__item {
		margin-top: 12px
	}
}

.tp-mask {
	background: rgba(0, 0, 0, .75)
}

.tp-mask,
.tp-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%
}

.tp-modal {
	padding: 32px 0;
	overflow: auto;
	font-size: 0;
	white-space: nowrap;
	text-align: center
}

.tp-modal:before {
	width: 0;
	height: 100%;
	content: ""
}

.tp-modal:before,
.tp-modal__inner {
	display: inline-block;
	vertical-align: middle
}

.tp-modal__inner {
	position: relative;
	width: 480px;
	max-width: 100%;
	font-size: 14px;
	line-height: 24px;
	white-space: normal;
	text-align: left;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06)
}

.tp-modal__hd {
	padding: 28px 28px 12px
}

.tp-modal__title {
	color: #000;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px
}

.tp-modal__close {
	position: absolute;
	right: 0;
	bottom: 100%;
	width: 24px;
	height: 24px;
	margin-bottom: 8px;
	font-size: 0;
	background-image: url(images/close_0c2.svg);
	cursor: pointer
}

.tp-modal__close:hover {
	background-image: url(images/close-hover_e8b.svg)
}

.tp-modal__bd {
	max-height: 638px;
	padding: 12px 28px 0;
	overflow-x: hidden;
	overflow-y: auto
}

@media screen and (max-height:768px) {
	.tp-modal__bd {
		max-height: 438px
	}
}

.tp-modal__bd:last-child {
	padding-bottom: 28px
}

.tp-modal__bd::-webkit-scrollbar {
	width: 12px;
	height: 12px
}

.tp-modal__bd::-webkit-scrollbar-thumb {
	background-color: #dee1e6;
	background-clip: padding-box;
	border: 4px solid transparent;
	border-radius: 6px
}

.tp-modal__ft {
	padding: 28px;
	font-size: 0;
	text-align: center
}

.tp-modal__ft .tp-btn {
	margin: 0 6px
}

.tp-modal.size-s .tp-modal__inner {
	width: 380px
}

.tp-modal.size-l .tp-modal__inner {
	width: 580px
}

.tp-modal.size-auto .tp-modal__inner {
	width: auto
}

.tp-modal--no-title .tp-modal__hd {
	padding-bottom: 0
}

.tp-modal--no-title .tp-modal__bd {
	padding-top: 0
}

.tp-modal--no-title .tp-modal__bd:first-child {
	padding-top: 28px
}

.tp-modal__msg-hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 12px;
	font-size: 0
}

.tp-modal__msg-icon {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 24px;
	margin-right: 8px;
	color: #00a4ff
}

.tp-modal__msg-icon img {
	display: block;
	max-height: 100%
}

.tp-modal__msg-icon .tp-icon--success-24 {
	color: #0abf5b
}

.tp-modal__msg-icon .tp-icon--error-24 {
	color: #e54545
}

.tp-modal__msg-icon .tp-icon--warning-24 {
	color: #f0b64b
}

.tp-modal__msg-title {
	color: #000;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px
}

.tp-modal__msg-bd {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	word-wrap: break-word
}

@media screen and (max-width:600px) {
	.tp-modal {
		padding: 0
	}

	.tp-modal__inner {
		width: 300px !important
	}

	.tp-modal__hd {
		padding: 24px 24px 8px
	}

	.tp-modal__bd {
		max-height: none;
		padding: 0 24px 24px
	}

	.tp-modal__bd:last-child {
		padding-bottom: 24px
	}

	.tp-modal__ft {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		padding: 0;
		border-top: 1px solid transparent
	}

	.tp-modal__ft:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #e5e8ed;
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		content: ""
	}

	.tp-modal__ft .tp-btn {
		position: relative;
		margin: 0
	}

	.tp-modal__ft .tp-btn:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background-color: #e5e8ed;
		-webkit-transform: scaleX(.5);
		transform: scaleX(.5);
		-webkit-transform-origin: left center;
		transform-origin: left center;
		content: ""
	}

	.tp-modal__ft .tp-btn:last-child:before {
		display: none
	}

	.tp-modal__ft .tp-btn,
	.tp-modal__ft .tp-btn:hover {
		-ms-flex: 1;
		flex: 1;
		height: 48px;
		color: #00a4ff;
		font-size: 16px;
		line-height: 48px;
		background: transparent;
		border: none
	}

	.tp-modal__ft .tp-btn:active,
	.tp-modal__ft .tp-btn:hover:active {
		background: rgba(0, 0, 0, .04)
	}

	.tp-modal__ft .tp-btn--hole,
	.tp-modal__ft .tp-btn--hole:hover {
		color: #000
	}

	.tp-modal--no-title .tp-modal__bd:first-child {
		padding-top: 24px
	}

	.tp-modal.m-size-full .tp-modal__inner {
		position: absolute;
		top: 0;
		left: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100% !important;
		max-width: none;
		height: 100%;
		border-radius: 0;
		box-shadow: none
	}

	.tp-modal.m-size-full .tp-modal__hd {
		position: relative;
		height: 56px;
		padding: 16px 32px;
		background: #fff;
		box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)
	}

	.tp-modal.m-size-full .tp-modal__title {
		overflow: hidden;
		color: #000;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		white-space: nowrap;
		text-align: center;
		text-overflow: ellipsis
	}

	.tp-modal.m-size-full .tp-modal__close {
		top: 0;
		right: 0;
		bottom: auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 48px;
		height: 56px;
		margin-bottom: 0;
		background-image: none
	}

	.tp-modal.m-size-full .tp-modal__close:after {
		display: block;
		width: 16px;
		height: 16px;
		background-image: url(images/m-close_b88.svg);
		content: ""
	}

	.tp-modal.m-size-full .tp-modal__close:active:after {
		background-image: url(images/m-close-active_926.svg)
	}

	.tp-modal.m-size-full .tp-modal__bd {
		-ms-flex: 1;
		flex: 1;
		max-height: none;
		padding: 20px 16px
	}

	.tp-modal.m-size-full .tp-modal__ft {
		padding: 16px 10px
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn {
		margin: 0 6px
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn:before {
		display: none
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn,
	.tp-modal.m-size-full .tp-modal__ft .tp-btn:hover {
		color: #fff;
		line-height: 46px;
		background: #00a4ff;
		border: 1px solid transparent
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn:active {
		background: #0092ee
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn--hole,
	.tp-modal.m-size-full .tp-modal__ft .tp-btn--hole:hover {
		color: #00a4ff;
		background: transparent;
		border: 1px solid #00a4ff
	}

	.tp-modal.m-size-full .tp-modal__ft .tp-btn--hole:active {
		color: #00a4ff;
		background: rgba(0, 164, 255, .15)
	}
}

.tp-img-preview {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: zoom-in
}

.tp-img-preview img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.tp-img-preview__viewer .tp-modal__inner {
	width: auto;
	min-width: 600px;
	max-width: 90%
}

.tp-img-preview__viewer .tp-modal__close {
	z-index: 9
}

.tp-img-preview__viewer .tp-modal__hd {
	padding: 0
}

.tp-img-preview__viewer .tp-modal__bd {
	max-height: 88vh;
	padding: 12px 28px
}

.tp-img-preview__viewer img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff
}

@media screen and (max-width:768px) {
	.tp-img-preview__viewer.tp-modal {
		overflow: hidden
	}

	.tp-img-preview__viewer .tp-modal__inner {
		position: static;
		min-width: 300px;
		background: transparent;
		box-shadow: none
	}

	.tp-img-preview__viewer .tp-modal__close {
		top: 16px;
		right: 16px;
		bottom: auto
	}

	.tp-img-preview__viewer .tp-modal__bd {
		max-height: 90vh;
		padding: 0 !important;
		overflow: visible
	}

	.tp-img-preview__viewer img {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: none;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-ms-touch-action: none;
		touch-action: none
	}
}

.tp-video-preview {
	position: relative;
	width: 600px;
	max-width: 100%;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .08), -8px -8px 20px #fff;
	cursor: pointer
}

.tp-video-preview:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 56px;
	height: 56px;
	margin-top: -28px;
	margin-left: -28px;
	background-image: url(images/play_940.svg);
	content: ""
}

.tp-video-preview__inner {
	position: relative;
	padding-top: 57.3333333333%;
	overflow: hidden;
	background-color: #e6ebf2
}

.tp-video-preview__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.tp-video-preview__viewer .tp-modal__inner {
	width: 700px;
	height: auto
}

.tp-video-preview__viewer .tp-modal__hd {
	padding: 0
}

.tp-video-preview__viewer .tp-modal__bd {
	position: relative;
	max-height: none;
	padding: 56.25% 0 0;
	background: #000
}

.tp-video-preview__viewer-obj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

.tp-video-preview__viewer-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0
}

@media screen and (max-width:768px) {
	.tp-video-preview__viewer .tp-modal__inner {
		position: static
	}

	.tp-video-preview__viewer .tp-modal__close {
		top: 16px;
		right: 16px;
		bottom: auto
	}
}

@media screen and (max-width:600px) {
	.tp-video-preview__viewer .tp-modal__inner {
		width: 100% !important
	}
}

.tpm-media img,
.tpm-media video {
	display: block;
	max-width: 100%
}

.tpm-media__object {
	-ms-flex-positive: 0;
	flex-grow: 0
}

.tpm-media__object:only-child {
	width: 100%
}

.tpm-media__content {
	width: 1px
}

.tpm-media__content+.tpm-media__object,
.tpm-media__object+.tpm-media__content {
	padding-left: 60px
}

.tpm-media .tp-img-preview {
	position: relative;
	width: 100%
}

.tpm-media .tp-img-preview:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 20px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff url(images/zoom_b73.svg) 50% no-repeat
}

.tpm-media .tp-video-preview {
	width: 100%
}

.tpm-media .tp-video-preview__inner {
	padding-top: 0
}

.tpm-media .tp-video-preview__img {
	position: static
}

.tpm-media.variant-shadow .tpm-media__object,
.tpm-media__object.variant-shadow {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-media.variant-shadow .tpm-media__object .tp-img-preview,
.tpm-media.variant-shadow .tpm-media__object .tpm-media__object-inner,
.tpm-media__object.variant-shadow .tp-img-preview,
.tpm-media__object.variant-shadow .tpm-media__object-inner {
	width: 100%;
	background: #fff;
	background-clip: padding-box;
	border: 4px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .08), -8px -8px 20px #fff;
	border-radius: 4px;
	overflow: hidden
}

.tpm-media.variant-shadow .tpm-media__object img,
.tpm-media.variant-shadow .tpm-media__object video,
.tpm-media__object.variant-shadow img,
.tpm-media__object.variant-shadow video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.tpm-media.variant-shadow .tpm-media__object video,
.tpm-media__object.variant-shadow video {
	background-color: #000
}

.tpm-media.variant-shadow .tpm-media__content+.tpm-media__object,
.tpm-media.variant-shadow .tpm-media__object+.tpm-media__content {
	padding-left: 40px
}

.tpm-media.direction-vertical {
	-ms-flex-direction: column;
	flex-direction: column
}

.tpm-media.direction-vertical .tpm-media__content,
.tpm-media.direction-vertical .tpm-media__object {
	width: 100%
}

.tpm-media.direction-vertical .tpm-media__content+.tpm-media__object,
.tpm-media.direction-vertical .tpm-media__object+.tpm-media__content {
	padding-left: 0;
	margin-top: 36px
}

.tpm-media.direction-vertical.variant-shadow .tpm-media__object {
	display: block
}

@media screen and (max-width:768px) {

	.tpm-media__content,
	.tpm-media__object {
		width: 100%
	}

	.tpm-media__content+.tpm-media__object,
	.tpm-media__object+.tpm-media__content {
		padding-left: 0
	}

	.tpm-media .tp-img-preview:after {
		right: 12px;
		top: 12px
	}

	.tpm-media.variant-shadow {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-media.variant-shadow .tpm-media__object,
	.tpm-media__object.variant-shadow {
		width: 100%
	}

	.tpm-media.variant-shadow .tpm-media__object .tpm-media__object-inner,
	.tpm-media__object.variant-shadow .tpm-media__object-inner {
		max-width: 600px
	}

	.tpm-media.variant-shadow .tpm-media__content+.tpm-media__object,
	.tpm-media.variant-shadow .tpm-media__object+.tpm-media__content {
		padding-left: 0
	}

	.tpm-media.direction-vertical .tpm-media__content+.tpm-media__object,
	.tpm-media.direction-vertical .tpm-media__object+.tpm-media__content {
		padding-left: 0;
		margin-top: 20px
	}
}

.tpm-product-recommend {
	margin-top: 40px;
	-webkit-font-smoothing: antialiased
}

.tpm-product-recommend__title {
	margin-bottom: 36px;
	font-weight: 600;
	font-size: 16px;
	color: #000;
	line-height: 28px
}

.tpm-product-recommend .tp-grid__row {
	margin: 0 -6px -32px
}

.tpm-product-recommend .tp-grid__col {
	padding: 0 6px 32px
}

.tpm-product-recommend__item {
	display: block;
	font-size: 14px;
	color: #3d485d;
	text-align: center;
	line-height: 24px
}

@media screen and (min-width:769px) {
	.tpm-product-recommend__item {
		transition: color .3s ease-in-out
	}
}

.tpm-product-recommend__item-icon {
	display: block;
	margin: 0 auto 8px;
	width: 32px;
	height: 32px
}

.tpm-product-recommend__item:hover {
	color: #0052d9
}

@media screen and (max-width:768px) {
	.tpm-product-recommend {
		margin-top: 20px
	}

	.tpm-product-recommend__title {
		margin-bottom: 12px
	}

	.tpm-product-recommend__item {
		font-size: 16px;
		vertical-align: middle;
		text-align: left;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.tpm-product-recommend__item-icon {
		margin: 0 8px 0 0;
		width: 24px;
		height: 24px
	}

	.tpm-product-recommend__item-icon,
	.tpm-product-recommend__item-text {
		display: inline-block;
		vertical-align: middle
	}

	.tpm-product-recommend .tp-grid__row {
		margin: 0 -6px -16px
	}

	.tpm-product-recommend .tp-grid__col {
		padding: 0 6px 16px
	}
}

.tpm-list {
	-webkit-font-smoothing: antialiased
}

.tpm-list__item {
	padding-left: 28px;
	position: relative
}

.tpm-list__item+.tpm-list__item {
	margin-top: 12px
}

.tpm-list__item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm1-list-hook_f23.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%
}

.tpm-list__item--icon {
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-list__item--icon:before {
	display: none
}

.tpm-list__item--icon+.tpm-list__item--icon {
	margin-top: 28px
}

.tpm-list__item-icon {
	width: 24px;
	margin-right: 16px
}

.tpm-list__item-cnt {
	overflow: hidden
}

.tpm-list__item-tit {
	font-size: 18px;
	color: #16181a;
	letter-spacing: 0;
	line-height: 26px;
	margin-bottom: 8px;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tpm-list__item-text {
	font-size: 14px;
	color: #495770;
	line-height: 24px
}

.tpm-list__item-link {
	display: block;
	color: #0052d9;
	cursor: pointer
}

@media screen and (min-width:769px) {
	.tpm-list__item-link {
		transition: color .3s ease-in-out
	}
}

.tpm-list__item-link .tpm-list__item-text {
	color: #0052d9
}

@media screen and (min-width:769px) {
	.tpm-list__item-link .tpm-list__item-text {
		transition: color .3s ease-in-out
	}
}

.tpm-list__item-link:hover,
.tpm-list__item-link:hover .tpm-list__item-text {
	color: #2670e8
}

.tpm-list--pure>li {
	padding-left: 0
}

.tpm-list--pure>li:before {
	display: none
}

.tpm-list--blue-hook>li:before {
	background-image: url(images/tpm1-list-blue-hook_db8.svg)
}

.tpm-list--blue-hook>li+.tpm-list--blue-hook>li {
	margin-top: 12px
}

.tpm-list--dot>li:before {
	background-image: url(images/tpm1-list-dot_379.svg)
}

.tpm-list--post>li:before {
	background-image: url(images/tpm1-list-post_2d1.svg)
}

.tpm-list--inline .tpm-list__item {
	display: inline;
	padding-left: 0
}

.tpm-list--inline .tpm-list__item+.tpm-list__item {
	margin-top: 0
}

.tpm-list--inline .tpm-list__item:before {
	display: none
}

.tpm-list--inline .tpm-list__item:after {
	content: "、"
}

.tpm-list--inline .tpm-list__item:last-child:after {
	display: none
}

.tpm-list--inline .tpm-list__item-link {
	display: inline
}

@media screen and (max-width:768px) {
	.tpm-list__item+.tpm-list__item {
		margin-top: 8px
	}

	.tpm-list__item--icon+.tpm-list__item--icon {
		margin-top: 20px
	}
}

.tpm-advantage2,
.tpm-advantage2__section {
	-webkit-font-smoothing: antialiased
}

.tpm-advantage2__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-advantage2__item-title {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage2__item-desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 24px
}

.tpm-advantage2__item-img-wrap {
	height: 200px;
	width: 200px;
	margin: 0 40px;
	box-sizing: border-box
}

.tpm-advantage2__item-img {
	height: 100%
}

.tpm-advantage2__item-cnt-wrap {
	margin: 0 40px
}

.tpm-advantage2__item .tp-link {
	margin-top: 12px;
	display: block
}

.tpm-advantage2__list {
	padding: 0 30px
}

.tpm-advantage2__list .tpm-advantage2__item-wrap+.tpm-advantage2__item-wrap {
	margin-top: 40px
}

.tpm-advantage2__list .tpm-advantage2__item-wrap:nth-child(2n) .tpm-advantage2__item {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.tpm-advantage-panel {
	height: 152px;
	background: #1862dc url(images/bg_ee6.jpg) 50% no-repeat;
	background-size: auto 100%;
	padding: 40px 10px;
	-webkit-font-smoothing: antialiased
}

.tpm-advantage-panel__inner {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 10px
}

.tpm-advantage-panel__list {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-advantage-panel__item {
	color: #fff
}

.tpm-advantage-panel__item-num {
	font-size: 36px;
	line-height: 40px;
	font-weight: 300
}

.tpm-advantage-panel__item-unit {
	font-size: 20px;
	font-weight: 400
}

.tpm-advantage-panel__item-desc {
	margin-top: 8px;
	font-size: 14px;
	line-height: 24px
}

.tpm-advantage-panel--with-describe {
	height: 160px;
	padding: 48px 10px;
	background: #fff
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__label {
	max-width: 356px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__title {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__label-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 14px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__label-bottom .tpm-link {
	white-space: nowrap;
	margin-left: 4px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #4a5b76;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item {
	color: #181818;
	width: 168px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-desc,
.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-header {
	text-align: center
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-num {
	font-weight: 500;
	font-size: 28px;
	line-height: 36px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-unit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin-left: 4px
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #4a5b76;
	margin-top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage-panel--with-describe .tpm-advantage-panel__item+.tpm-advantage-panel__item {
	margin-left: 32px
}

@media screen and (max-width:768px) {
	.tpm-advantage-panel {
		padding: 0;
		height: auto
	}

	.tpm-advantage-panel__inner {
		padding: 24px 16px
	}

	.tpm-advantage-panel__item {
		font-size: 0;
		white-space: nowrap
	}

	.tpm-advantage-panel__item-num {
		margin-bottom: 0;
		font-size: 28px
	}

	.tpm-advantage-panel__item-unit {
		font-size: 16px;
		line-height: 26px
	}

	.tpm-advantage-panel__item-desc {
		font-size: 12px;
		line-height: 24px;
		margin-top: 0
	}

	.tpm-advantage-panel--with-describe {
		padding: 0;
		height: auto
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__inner {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__label {
		max-width: none;
		width: 100%;
		padding: 32px 35px 24px;
		background: #fff
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__title {
		text-align: center;
		font-weight: 500;
		font-size: 20px;
		line-height: 28px
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__label-bottom {
		margin-top: 8px;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__list {
		width: 100%;
		padding: 16px 32px 32px;
		background-color: #fff;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item {
		width: calc(25% - 42px)
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-num {
		font-weight: 500;
		font-size: 24px;
		line-height: 32px
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-unit {
		font-weight: 500;
		font-size: 20px;
		line-height: 24px
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item-desc {
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		white-space: normal
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item+.tpm-advantage-panel__item {
		margin-left: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-advantage-panel__inner {
		padding: 24px 16px
	}

	.tpm-advantage-panel__list {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.tpm-advantage-panel__item {
		white-space: normal
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item {
		width: calc(50% - 28px);
		margin: 24px 56px 0 0
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item:nth-child(2n) {
		margin-right: 0
	}

	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item:first-child,
	.tpm-advantage-panel--with-describe .tpm-advantage-panel__item:nth-child(2) {
		margin-top: 0
	}
}

@media screen and (max-width:400px) {
	.tpm-advantage-panel--with-describe .tpm-advantage-panel__list {
		padding-left: calc(50% - 160px);
		padding-right: calc(50% - 160px)
	}
}

.tpm-matrix,
.tpm-matrix__section {
	-webkit-font-smoothing: antialiased
}

.tpm-matrix .tpm-tabs__cont {
	margin-bottom: -60px
}

.tpm-matrix .tpm-product-set__list {
	margin: -20px -10px
}

.tpm-matrix .tpm-product-set__list>li {
	width: 25%
}

@media screen and (max-width:768px) {
	.tpm-matrix .tpm-product-set__list {
		margin: -15px -10px 0
	}

	.tpm-matrix .tpm-product-set__list>li {
		width: 50%
	}
}

@media screen and (max-width:600px) {
	.tpm-matrix .tpm-product-set__list>li {
		width: auto
	}
}

.tpm-industry-solution,
.tpm-industry-solution__section {
	-webkit-font-smoothing: antialiased
}

.tpm-industry-solution__section {
	background-color: #242933
}

.tpm-industry-solution__section .tpm-section__title {
	color: #fff
}

.tpm-industry-solution__section .tpm-tabs__cont {
	padding: 20px
}

.tpm-industry-solution__item {
	position: relative
}

.tpm-industry-solution__item-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 100%;
	background-image: url(images/bg-industry_335.png);
	z-index: 0
}

.tpm-industry-solution__item-cnt {
	background-image: linear-gradient(90deg, #242933 49%, rgba(36, 41, 51, 0) 94%);
	padding: 28px 40px;
	position: relative
}

.tpm-industry-solution__item-title {
	font-size: 24px;
	color: #fff;
	line-height: 32px
}

.tpm-industry-solution__item-desc {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	max-width: 600px;
	margin-top: 20px
}

.tpm-industry-solution__item-list {
	margin-top: 32px;
	max-width: 600px
}

.tpm-industry-solution__item-list__item {
	position: relative;
	padding-left: 12px;
	font-size: 14px;
	line-height: 24px
}

.tpm-industry-solution__item-list__item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%
}

.tpm-industry-solution__item-list__item+.tpm-industry-solution__item-list__item {
	margin-top: 8px
}

.tpm-industry-solution__item-btn {
	margin-top: 40px;
	width: 136px;
	box-shadow: none
}

@media screen and (max-width:768px) {
	.tpm-industry-solution__section:after {
		display: none
	}

	.tpm-industry-solution__item {
		background-color: #242933
	}

	.tpm-industry-solution__item-bg {
		background-position: 50%;
		opacity: .17
	}

	.tpm-industry-solution__item-cnt {
		padding: 32px;
		background-image: linear-gradient(90deg, #242933, rgba(36, 41, 51, 0) 40%)
	}

	.tpm-industry-solution__item-title {
		display: none;
		font-size: 20px;
		line-height: 24px
	}

	.tpm-industry-solution__item-desc {
		margin-top: 0;
		font-size: 14px;
		line-height: 24px
	}

	.tpm-industry-solution__item-btn {
		margin-top: 24px
	}

	.tpm-industry-solution__item-list {
		margin-top: 16px;
		color: #fff
	}

	.tpm-industry-solution .tpm-collapse__panel-hd {
		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)
	}

	.tpm-industry-solution .tpm-collapse__panel-bd {
		padding: 0
	}

	.tpm-industry-solution .tpm-collapse__panel:last-child .tpm-collapse__panel-hd {
		border-bottom-width: 0;
		box-shadow: -8px -8px 20px 0 rgba(54, 62, 77, .5)
	}

	.tpm-industry-solution .tpm-collapse__panel-title,
	.tpm-industry-solution .tpm-collapse__panel.is-open>.tpm-collapse__panel-hd .tpm-collapse__panel-title {
		color: #fff
	}

	.tpm-industry-solution .tpm-collapse__panel.is-open>.tpm-collapse__panel-hd:after {
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 92.6829268292683% 78.08219178082192%;
		background-size: 1466.6666666666665% auto
	}
}

@media screen and (max-width:600px) {
	.tpm-industry-solution__item-title {
		display: none
	}
}

.tpm-qrcode {
	text-align: center;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	-webkit-font-smoothing: antialiased
}

.tpm-qrcode__img {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	padding: 6px;
	border-radius: 6px;
	border: 2px solid #fff;
	background-color: #fff
}

.tpm-qrcode__img img {
	margin: 0;
	display: block;
	width: 100%;
	height: 100%
}

.tpm-qrcode__text {
	margin-top: 8px
}

.tpm-qrcode__list {
	display: -ms-flexbox;
	display: flex
}

.tpm-qrcode__list .tpm-qrcode {
	margin-right: 16px
}

.tpm-qrcode__list .tpm-qrcode:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.tpm-qrcode__img {
		width: 120px;
		height: 120px
	}
}

@media screen and (max-width:600px) {
	.tpm-qrcode__list {
		-ms-flex-pack: center;
		justify-content: center
	}
}

.tpm-media-section__content {
	margin: 0 auto;
	max-width: 990px
}

.tpm-media-section .tpm-media {
	margin: 32px auto 0;
	max-width: 990px
}

.tpm-media-section .tpm-media__object {
	width: 75.7575757576%
}

.tpm-media-section .tpm-media__content {
	text-align: right
}

.tpm-media-section .tpm-product-recommend {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-align: left;
	margin-top: 0
}

.tpm-media-section .tpm-product-recommend .tp-grid__col,
.tpm-media-section .tpm-product-recommend .tp-grid__row {
	display: block
}

@media screen and (max-width:1200px) {
	.tpm-media-section .tpm-media__content {
		text-align: left;
		padding-left: 100px
	}
}

@media screen and (max-width:768px) {
	.tpm-media-section .tpm-media {
		margin: 24px auto 0
	}

	.tpm-media-section .tpm-media__object {
		width: 100%
	}

	.tpm-media-section .tpm-media__content {
		text-align: left;
		padding-left: 0
	}

	.tpm-media-section .tpm-media .tpm-product-recommend .tp-grid__row {
		display: -ms-flexbox;
		display: flex
	}
}

.tpm-2-action-panel {
	background: #242933 url(images/bg_739.jpg) top/auto 100% no-repeat;
	padding: 0 20px;
	color: #fff;
	-webkit-font-smoothing: antialiased
}

.tpm-2-action-panel__inner {
	margin: 0 auto;
	max-width: 1180px;
	min-height: 160px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-2-action-panel__main {
	-ms-flex: 1;
	flex: 1
}

.tpm-2-action-panel__side {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-2-action-panel__title {
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 15px
}

.tpm-2-action-panel__desc {
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	max-width: 700px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 64px
}

.tpm-2-action-panel__desc a {
	color: #fff;
	border-bottom: 1px solid
}

.tpm-2-action-panel__desc a:hover {
	text-decoration: none
}

.tpm-2-action-panel__btns {
	margin-top: 12px;
	font-size: 0
}

.tpm-2-action-panel .tpm-btn {
	min-width: 126px;
	padding: 0
}

.tpm-2-action-panel .tpm-btn+.tpm-btn {
	margin-left: 16px
}

.tpm-2-action-panel__qrcodes {
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	margin: 24px 0 8px
}

.tpm-2-action-panel .tpm-qrcode {
	margin-left: 40px;
	color: inherit
}

@media screen and (max-width:768px) {
	.tpm-2-action-panel .tpm-qrcode {
		margin-left: 24px
	}
}

.tpm-2-action-panel .tpm-qrcode:first-child {
	margin-left: 0
}

.tpm-2-action-panel.has-event {
	background: #242933 url(images/bg2_034.jpg) top/auto 100% no-repeat
}

.tpm-2-action-panel.has-event .tpm-2-action-panel__title {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 12px
}

.tpm-2-action-panel.has-event .tpm-2-action-panel__desc {
	font-size: 14px;
	line-height: 22px;
	max-width: 540px;
	max-height: 44px
}

.tpm-2-action-panel.has-event .tpm-2-action-panel__desc a {
	border-bottom: 1px solid
}

.tpm-2-action-panel.has-event .tpm-2-action-panel__btns {
	margin-top: 20px
}

.tpm-2-action-panel__event {
	width: 390px;
	margin-left: 40px
}

.tpm-2-action-panel__event-desc {
	font-size: 14px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 44px
}

.tpm-2-action-panel__event-btns {
	margin-top: 20px
}

.tpm-2-action-panel.has-event.has-qrcodes {
	background: #242933 url(images/bg2_034.jpg) top/auto 100% no-repeat
}

.tpm-2-action-panel.has-event.has-qrcodes .tpm-2-action-panel__desc {
	max-width: 320px
}

@media screen and (max-width:768px) {
	.tpm-2-action-panel {
		padding: 0;
		background: #242933 url(images/bg-mobile_d51.png) bottom no-repeat;
		background-size: 360px auto
	}

	.tpm-2-action-panel__inner {
		padding: 32px 16px;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: stretch;
		align-items: stretch;
		min-height: unset
	}

	.tpm-2-action-panel__desc {
		font-size: 18px;
		line-height: 28px
	}

	.tpm-2-action-panel__btns {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -18px
	}

	.tpm-2-action-panel__main {
		position: relative;
		padding-right: 150px;
		text-align: left
	}

	.tpm-2-action-panel__side {
		margin-top: 32px;
		max-width: 100%
	}

	.tpm-2-action-panel__qrcodes {
		margin: 0 auto
	}

	.tpm-2-action-panel .tpm-qrcode {
		font-size: 16px;
		line-height: 28px
	}

	.tpm-2-action-panel .tpm-qrcode__text {
		margin-top: 12px
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__main {
		padding-right: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__cnt {
		-ms-flex: 1;
		flex: 1
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__btns {
		white-space: nowrap;
		margin-left: 24px;
		position: relative;
		right: auto;
		top: auto;
		margin-top: 0
	}

	.tpm-2-action-panel.has-event {
		background-image: none !important
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__title {
		font-size: 20px;
		text-align: left
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__side {
		margin: 24px -16px 0;
		padding: 24px 16px 0;
		border-top: 1px solid hsla(0, 0%, 100%, .15);
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		max-width: calc(100% + 32px)
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__event {
		width: 100%;
		margin-left: 0
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__event-btns {
		text-align: center
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__qrcodes {
		margin-top: 32px;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__btns {
		margin-top: -18px
	}

	.tpm-2-action-panel--fix.has-event__btns {
		margin-top: 0
	}

	.tpm-2-action-panel__event {
		position: relative;
		text-align: left;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-2-action-panel__event-desc {
		-ms-flex: 1;
		flex: 1
	}

	.tpm-2-action-panel__event-btns {
		white-space: nowrap;
		margin-top: 0
	}

	.tpm-2-action-panel__event-desc+.tpm-2-action-panel__event-btns {
		margin-left: 24px
	}

	.tpm-2-action-panel.has-event.has-qrcodes .tpm-2-action-panel__desc {
		max-width: 100%
	}
}

@media screen and (max-width:600px) {
	.tpm-2-action-panel__inner {
		-ms-flex-align: center;
		align-items: center;
		min-height: 280px
	}

	.tpm-2-action-panel__btns {
		position: static;
		margin-top: 24px;
		text-align: center
	}

	.tpm-2-action-panel__main {
		padding-right: 0;
		text-align: center
	}

	.tpm-2-action-panel__desc {
		display: block;
		max-height: none
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__main {
		display: block
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__cnt {
		-ms-flex: 1;
		flex: 1
	}

	.tpm-2-action-panel--fix .tpm-2-action-panel__btns {
		margin-top: 24px;
		margin-left: 0
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__title {
		text-align: center
	}

	.tpm-2-action-panel.has-event .tpm-2-action-panel__btns {
		margin-top: 20px
	}

	.tpm-2-action-panel__event {
		padding-right: 0;
		text-align: center;
		display: block
	}

	.tpm-2-action-panel__event-desc {
		display: block;
		max-height: none
	}

	.tpm-2-action-panel__event-btns {
		position: static;
		margin-top: 20px
	}

	.tpm-2-action-panel__event-desc+.tpm-2-action-panel__event-btns {
		margin-left: 0
	}
}

.tpm-family,
.tpm-family__section {
	-webkit-font-smoothing: antialiased
}

.tpm-family__list-item+.tpm-family__list-item {
	margin-top: 20px
}

.tpm-family__item {
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.tpm-family__item:hover .tpm-family__item-title {
	color: #0052d9
}

.tpm-family__item-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right 16px center;
	z-index: -1
}

.tpm-family__item-cnt-wrap {
	min-height: 168px;
	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: 4px;
	padding: 26px 220px 26px 38px;
	position: relative;
	z-index: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	max-width: 100%;
	overflow: hidden
}

@media screen and (min-width:769px) {
	.tpm-family__item-cnt-wrap {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-family__item-cnt-wrap:hover {
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}
}

.tpm-family__item.is-single {
	max-width: 960px;
	margin: auto
}

.tpm-family__item.is-single .tpm-family__item-cnt-wrap {
	background-image: url(images/tpm1-family-single-bg_730.png), linear-gradient(0deg, #fff, #f3f5f8);
	background-size: auto 100%;
	background-position: 100%;
	background-repeat: no-repeat
}

.tpm-family__item-icon {
	height: 24px;
	width: 24px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px
}

.tpm-family__item-icon.cloud {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 75% 58.46153846153847%;
	background-size: 733.3333333333333% auto
}

.tpm-family__item-hd-cnt {
	font-size: 0;
	margin-bottom: 12px;
	padding-right: 8px
}

.tpm-family__item-hd,
.tpm-family__item-hd-cnt {
	display: -ms-inline-flexbox;
	display: inline-flex;
	max-width: 100%
}

.tpm-family__item-hd {
	-ms-flex-align: center;
	align-items: center
}

.tpm-family__item-title {
	font-size: 20px;
	color: #000;
	line-height: 28px;
	font-weight: 500;
	-ms-flex: 1;
	flex: 1;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-family__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-family__item-desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.tpm-family__item-label {
	border: 1px solid #f64041;
	border-radius: 2px;
	padding: 2px 8px;
	font-size: 12px;
	color: #f64041;
	letter-spacing: 0;
	line-height: 18px;
	display: inline-block;
	margin-bottom: 12px;
	white-space: nowrap
}

.tpm-family__item-list-wrap {
	margin-left: 20px;
	position: relative
}

.tpm-family__item-list-wrap:before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 100px;
	background: #ced6df;
	box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #c2cddd;
	position: absolute;
	left: -25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tpm-family__item-list {
	position: relative;
	border: 2px solid #fff;
	border-radius: 4px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	padding: 28px;
	width: 236px;
	height: 100%
}

.tpm-family__item-list-item {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.tpm-family__item-list-item:before {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 80% 88.40579710144928%;
	background-size: 1100% auto;
	margin-right: 8px
}

.tpm-family__item-list-item+.tpm-family__item-list-item {
	margin-top: 4px
}

@media screen and (min-width:769px) {
	.tpm-family__list--s .tpm-family__item-cnt-wrap {
		padding: 32px 192px 32px 32px
	}

	.tpm-family__list--s .tpm-family__item-bg {
		background-position: right 12px center
	}

	.tpm-family__list--s .tpm-family__item--nobg .tpm-family__item-cnt-wrap {
		padding-right: 32px
	}

	.tpm-family__list--s .tpm-family__item--nobg .tpm-family__item-hd {
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-family__list--s .tpm-family__item--nobg .tpm-family__item-hd-cnt {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1;
		flex: 1
	}

	.tpm-family__list--s .tpm-family__item--nobg .tpm-family__item-label {
		min-width: 72px;
		text-align: center;
		line-height: 16px;
		padding: 0 8px
	}

	.tpm-family__list--s .tpm-family__item--nobg .tpm-family__item-title {
		-ms-flex: 1;
		flex: 1;
		width: 1px
	}
}

@media screen and (max-width:768px) {
	.tpm-family__list-item+.tpm-family__list-item {
		margin-top: 24px;
		padding-top: 24px;
		border-top: 1px solid #d1dbe7
	}

	.tpm-family__item {
		height: auto;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-family__item-bg {
		background-image: none !important
	}

	.tpm-family__item-hd {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-family__item-label {
		margin-left: 0
	}

	.tpm-family__item-cnt-wrap {
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		height: auto;
		min-height: 0
	}

	.tpm-family__item.is-single .tpm-family__item-cnt-wrap {
		background-image: none
	}

	.tpm-family__item-list-wrap {
		margin-left: 0;
		margin-top: 8px
	}

	.tpm-family__item-list-wrap:before {
		display: none
	}

	.tpm-family__item-list {
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		width: auto;
		height: auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-family__item-list-item {
		width: 50%;
		box-sizing: border-box;
		padding-right: 20px;
		margin-top: 4px
	}
}

@media screen and (max-width:600px) {
	.tpm-family__item-hd {
		display: block
	}

	.tpm-family__item-hd-cnt {
		padding-right: 0;
		padding-left: 32px;
		display: block
	}

	.tpm-family__item-icon {
		position: absolute;
		left: 0;
		top: 0
	}

	.tpm-family__item-title {
		display: block;
		white-space: normal
	}

	.tpm-family__item-desc {
		display: block
	}

	.tpm-family__item-list-item {
		width: 100%;
		padding-right: 0
	}
}

.tpm-case3 {
	-webkit-font-smoothing: antialiased;
	margin-top: 50px;
}

.tpm-case3__section {
	background-color: #242933;
	height: 566px;
	position: relative;
	padding: 0 0 0 42%;
	overflow: hidden;
	-webkit-font-smoothing: antialiased
}

.tpm-case3__section-bg {
	background-size: auto 100%;
	height: 100%;
	width: 42%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #242933
}

.tpm-case3__section-bg:after {
	content: "";
	position: absolute;
	right: 400px;
	top: 0;
	width: 1100px;
	height: 100%;
	background-image: linear-gradient(-90deg, rgba(20, 38, 56, 0) 6%, #242933 45%)
}

.tpm-case3__section-main {
	position: relative;
	padding: 60px 20px 0 40px;
	box-sizing: border-box;
	height: 100%
}

.tpm-case3__title {
	font-size: 28px;
	color: #fff;
	line-height: 48px;
	font-weight: 500;
	margin-bottom: 8px
}

.tpm-case3__desc {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	max-width: 710px
}

.tpm-case3 .tpm-case-card {
	box-shadow: none;
	width: 710px;
	height: 198px
}

.tpm-case3 .tpm-case-card--vertical {
	height: 238px
}

.tpm-case3 .tpm-case-card__inner {
	padding: 40px 32px 24px
}

.tpm-case3 .tpm-case-card__desc {
	font-size: 14px;
	line-height: 24px
}

.tpm-case3 .tpm-case-card__name {
	margin-top: 4px;
	font-size: 14px;
	line-height: 24px
}

.tpm-case3 .tpm-case-card__list {
	width: 870px;
	position: absolute;
	/*left: -280px;*/
	bottom: 100px;
	margin: 40px auto 0
}

.tpm-case3 .tpm-case-card__list .swiper-container {
	margin: 0 -20px;
	padding: 0
}

.tpm-case3 .tpm-case-card__list .swiper-slide {
	height: auto;
	padding: 0 20px;
	box-sizing: border-box;
	transition: opacity .3s linear
}

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

.tpm-case3 .tpm-case-card__list .tpm-swiper__btn--prev {
	margin-left: 320px
}

.tpm-case3 .tpm-case-card__list .tpm-swiper__btn--next {
	margin-left: 384px
}

.tpm-case3 .tpm-case-card__list-ctrl {
	display: none
}

.tpm-case3 .tpm-case-card__list-main {
	padding-bottom: 0

}

.tpm-case3 .tpm-logo-card__wrap {
	margin-bottom: -20px;
	padding-bottom: 20px;
	margin-top: 18px
}

.tpm-case3 .tpm-logo-card__list {
	margin-bottom: -12px;
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tpm-case3--single .tpm-case3__section {
	height: 323px
}

.tpm-case3--single .tpm-case3__section-main {
	padding: 60px 20px 0 40px
}

.tpm-case3__card--single {
	display: block;
	width: 590px
}

.tpm-case3__card--single__inner {
	position: relative;
	z-index: 1
}

.tpm-case3__card--single__object {
	height: 40px;
	margin-bottom: 20px
}

.tpm-case3__card--single__logo {
	display: block;
	height: 100%;
	border-radius: 4px
}

.tpm-case3__card--single__main {
	position: relative;
	z-index: 1
}

.tpm-case3__card--single__desc {
	font-size: 16px;
	color: #fff;
	text-align: justify;
	line-height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 112px
}

.tpm-case3__card--single__name {
	margin-top: 24px;
	font-size: 16px;
	color: #fff;
	text-align: right;
	line-height: 28px
}

.tpm-case3__card--single__title {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 12px;
	font-weight: 500
}

.tpm-case3--single .tpm-case3__section-bg:after {
	right: 100px
}

@media screen and (max-width:768px) {
	.tpm-case3 .tpm-case-card__inner {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-case3 .tpm-case-card__object {
		position: static
	}

	.tpm-case3 .tpm-case-card__desc {
		margin-bottom: 0
	}
}

.tpm-widget-nav {
	position: absolute;
	top: 500px;
	left: 50%;
	margin-left: -900px;
	width: 200px;
	text-align: right;
	-webkit-font-smoothing: antialiased;
	z-index: 300
}

.tpm-widget-nav.is-fixed {
	position: fixed;
	top: 50px
}

.tpm-widget-nav__inner {
	display: inline-block;
	vertical-align: top;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	padding: 8px 0;
	box-sizing: border-box;
	max-width: 100%;
	text-align: left
}

.tpm-widget-nav__item {
	position: relative
}

.tpm-widget-nav__item.is-active:before {
	content: "";
	width: 4px;
	height: 100%;
	background: #0052d9;
	position: absolute;
	left: 0
}

.tpm-widget-nav__item.is-active .tpm-widget-nav__link {
	background-color: #fff;
	color: #0052d9
}

.tpm-widget-nav__item:hover .tpm-widget-nav__link {
	color: #0052d9
}

.tpm-widget-nav__link {
	display: block;
	padding: 8px 24px;
	font-size: 16px;
	color: #3d485d;
	line-height: 24px
}

@media screen and (max-width:1680px) {
	.tpm-widget-nav {
		left: 10px;
		margin-left: 0;
		width: 150px
	}
}

.tpm-advantage3,
.tpm-advantage3__section {
	-webkit-font-smoothing: antialiased
}

.tpm-advantage3__item-img-wrap {
	height: 120px;
	margin-bottom: 20px;
	text-align: center
}

.tpm-advantage3__item-img {
	height: 100%
}

.tpm-advantage3__item-title {
	text-align: center;
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-advantage3__item-desc {
	font-size: 14px;
	color: #3d485d;
	line-height: 22px
}

.tpm-advantage3__item-link {
	margin-top: 12px
}

@media screen and (max-width:768px) {
	.tpm-advantage3__item-title {
		font-size: 16px;
		line-height: 24px
	}
}

.tp-overlay {
	position: fixed;
	z-index: 1001
}

.tp-tooltip {
	display: inline-block;
	box-sizing: border-box;
	max-width: 300px
}

.tp-tooltip__inner {
	padding: 3px 7px;
	color: #fff;
	font-size: 12px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	background-color: rgba(0, 0, 0, .9);
	border-color: rgba(0, 0, 0, .9);
	border-radius: 4px;
	box-shadow: inherit
}

@media screen and (min-width:769px) {
	.tpm-case-card2__item {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-case-card2__item[href]:hover {
		cursor: pointer;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-case-card2__item[href]:hover .tpm-case-card2__item-title {
		color: #0052d9
	}
}

@media screen and (max-width:768px) {
	.tpm-case-card2__item[href]:active {
		cursor: pointer;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-case-card2__item[href]:active .tpm-case-card2__item-title {
		color: #0052d9
	}
}

.tpm-case-card2__item-desc {
	color: #495770;
	margin-top: 12px
}

.tpm-case-card2__item-title {
	font-weight: 500;
	font-size: 18px;
	color: #16181a;
	margin-bottom: 8px
}

@media screen and (min-width:769px) {
	.tpm-case-card2__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-case-card2__item-sub {
	color: #495770
}

.tpm-case-card2__item-logo {
	height: 40px;
	margin-bottom: 16px
}

.tpm-case-card2__item-logo img {
	border-radius: 4px
}

.tpm-4-case__cases {
	margin-bottom: 20px
}

.tpm-4-case .tpm-logo-card__wrap {
	margin: 0 -16px -28px
}

@media screen and (max-width:600px) {
	.tpm-4-case .tpm-logo-card__wrap {
		margin: 0 -16px -28px
	}
}

.tpm-case-card2__item {
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	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: 4px;
	padding: 20px;
	height: 100%
}

.tpm-case-card2__item-desc {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-case-card2__item-title {
	font-size: 16px;
	color: #000;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px
}

.tpm-case-card2__item-sub {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.tpm-case-card2__item-logo {
	height: 48px;
	width: auto;
	margin-bottom: 12px
}

.tpm-case-card2__item-logo img {
	display: block;
	height: 100%;
	width: auto
}

.tpm-sale,
.tpm-sale__section.tpm-section {
	-webkit-font-smoothing: antialiased
}

.tpm-sale__section.tpm-section {
	padding-bottom: 0
}

.tpm-sale__item-wrap+.tpm-sale__item-wrap {
	margin-top: -2px
}

.tpm-sale__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch;
	min-height: 172px;
	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
}

.tpm-sale__item:hover {
	position: relative
}

.tpm-sale__item-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	width: 240px;
	padding: 20px;
	background-image: linear-gradient(0deg, #f3f6fc, #e9eef6)
}

.tpm-sale__item-center {
	-ms-flex: 1;
	flex: 1;
	padding: 30px 20px
}

.tpm-sale__item-right {
	width: 310px;
	display: -ms-flexbox;
	display: flex;
	padding: 0 20px 0 16px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.tpm-sale__item-right:before {
	content: "";
	display: inline-block;
	width: 1px;
	background-color: #ddd;
	position: absolute;
	top: 24px;
	bottom: 28px;
	left: 0
}

.tpm-sale__item-tit {
	font-size: 20px;
	color: #000;
	line-height: 28px
}

.tpm-sale__item-area {
	font-size: 14px;
	color: #3d485d;
	line-height: 22px;
	margin-top: 8px
}

.tpm-sale__item-detail:first-child {
	margin-top: -16px
}

.tpm-sale__item-detail-item {
	display: inline-block;
	margin-right: 12px
}

.tpm-sale__item-detail-item--area {
	display: none
}

.tpm-sale__item-detail-item:last-child {
	margin: 0
}

.tpm-sale__item-detail-label {
	color: #3d485d;
	padding-top: 16px
}

.tpm-sale__item-detail-label,
.tpm-sale__item-detail-text {
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px
}

.tpm-sale__item-detail-text {
	width: 118px;
	height: 36px;
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 1px;
	color: #333;
	padding: 7px 8px;
	margin-top: 12px
}

.tpm-sale__item-advantage {
	margin-top: 20px
}

.tpm-sale__item-advantage-item {
	display: inline-block;
	margin-right: 32px
}

.tpm-sale__item-advantage-item:last-child {
	margin: 0
}

.tpm-sale__item-advantage-item:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 90% 88.40579710144928%;
	background-size: 1100% auto;
	margin-right: 8px;
	position: relative;
	top: 3px
}

.tpm-sale__item-advantage-text {
	font-size: 14px;
	color: #3d485d;
	letter-spacing: 0;
	line-height: 22px
}

.tpm-sale__item-price {
	color: #ff4a14
}

.tpm-sale__item-price-year {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px
}

.tpm-sale__item-price-num {
	font-size: 28px;
	line-height: 36px
}

.tpm-sale__item-price-month {
	display: block;
	font-size: 12px;
	color: #3d485d;
	line-height: 18px
}

.tpm-sale__item-price-origin {
	margin-left: 8px;
	color: #9ea6b3;
	text-decoration: line-through
}

.tpm-sale__item-price-origin:first-child {
	margin-left: 0
}

.tpm-sale__item-discount {
	margin-bottom: 4px;
	height: 18px;
	background: #fff;
	border: 1px solid #ff4a14;
	border-radius: 2px;
	font-size: 12px;
	line-height: 16px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-right: 7px
}

.tpm-sale__item-discount-num {
	background-color: #ff4a14;
	color: #fff;
	padding: 0 7px;
	margin-right: 7px
}

.tpm-sale__item-tag-wrap {
	width: 74px;
	height: 74px;
	position: absolute;
	right: -5px;
	top: -5px;
	overflow: hidden;
	-webkit-font-smoothing: auto
}

.tpm-sale__item-tag {
	width: 104px;
	height: 20px;
	color: #fff;
	right: -22px;
	top: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}

.tpm-sale__item-tag,
.tpm-sale__item-tag:after,
.tpm-sale__item-tag:before {
	background-color: #ff6000;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.tpm-sale__item-tag:after,
.tpm-sale__item-tag:before {
	content: "";
	display: inline-block
}

.tpm-sale__item-tag:before {
	left: 0;
	top: 17px;
	width: 5px;
	height: 6px
}

.tpm-sale__item-tag:after {
	width: 6px;
	height: 5px;
	bottom: -2px;
	right: 0
}

.tpm-sale__item-tag--mobile {
	display: none
}

@media screen and (max-width:1200px) {
	.tpm-sale__item-right {
		width: 200px;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 20px 0 24px
	}

	.tpm-sale__item-price {
		margin-bottom: 8px
	}
}

@media screen and (max-width:768px) {
	.tpm-sale__section.tpm-section {
		background: #f5f7fa
	}

	.tpm-sale__list {
		margin: -24px -16px -32px
	}

	.tpm-sale__item-wrap+.tpm-sale__item-wrap {
		margin-top: 0
	}

	.tpm-sale__item {
		border: 0;
		height: auto;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 16px
	}

	.tpm-sale__item:hover {
		position: static
	}

	.tpm-sale__item:hover .tpm-sale__item-left {
		background: none;
		box-shadow: none
	}

	.tpm-sale__item-left {
		padding: 0;
		background: none;
		width: 100%
	}

	.tpm-sale__item-center {
		padding: 0;
		width: 100%
	}

	.tpm-sale__item-right {
		padding: 0;
		width: 100%;
		margin-top: 20px;
		-ms-flex-align: end;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: flex-end;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.tpm-sale__item-right:before {
		display: none
	}

	.tpm-sale__item-tit {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 12px
	}

	.tpm-sale__item-tag--mobile {
		display: inline-block;
		margin-left: 12px;
		box-sizing: border-box;
		height: 18px;
		border: 1px solid #ff7800;
		border-radius: 2px;
		padding: 0 6px;
		font-size: 12px;
		line-height: 16px;
		white-space: nowrap;
		color: #ff7800;
		position: relative;
		top: -2px
	}

	.tpm-sale__item-area-wrap {
		display: none
	}

	.tpm-sale__item-detail {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 0
	}

	.tpm-sale__item-detail:first-child {
		margin-top: -8px
	}

	.tpm-sale__item-detail-item {
		box-sizing: border-box;
		width: 50%;
		margin-right: 0;
		padding-right: 12px
	}

	.tpm-sale__item-detail-item,
	.tpm-sale__item-detail-item--area {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-sale__item-detail-label {
		width: 100px;
		white-space: nowrap;
		vertical-align: top;
		padding-top: 8px;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-sale__item-detail-text {
		width: 1px;
		-ms-flex: 1;
		flex: 1;
		height: auto;
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		font-size: 14px;
		color: #000;
		line-height: 22px;
		padding: 8px 0 0 8px;
		margin-top: 0
	}

	.tpm-sale__item-advantage {
		margin-top: 16px
	}

	.tpm-sale__item-price {
		margin-bottom: 0
	}

	.tpm-sale__item-discount,
	.tpm-sale__item-tag-wrap {
		display: none
	}

	.tpm-sale__item .tpm-btn {
		width: 120px
	}

	.tpm-sale__item--common .tpm-sale__item-desc {
		display: none
	}

	.tpm-sale__item--common .tpm-sale__item-detail-content {
		width: 1px;
		-ms-flex: 1 1;
		flex: 1 1;
		height: auto;
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		font-size: 14px;
		color: #000;
		line-height: 22px;
		padding: 8px 0 0 8px;
		margin-top: 0
	}

	.tpm-sale__item--common .tpm-sale__item-price {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-sale__item--common .tpm-sale__item-price-month {
		-ms-flex-order: 1;
		order: 1
	}

	.tpm-sale__item--common .tpm-sale__item-price-year {
		-ms-flex-order: 2;
		order: 2
	}
}

@media screen and (max-width:600px) {
	.tpm-sale__list {
		margin: -24px -16px -32px
	}

	.tpm-sale__item {
		padding: 16px
	}

	.tpm-sale__item-detail {
		display: table;
		width: 100%
	}

	.tpm-sale__item-detail-item,
	.tpm-sale__item-detail-item--area {
		display: table-row
	}

	.tpm-sale__item-detail-label {
		width: 1px;
		display: table-cell;
		white-space: nowrap;
		vertical-align: top;
		padding-top: 8px
	}

	.tpm-sale__item-detail-text {
		display: table-cell;
		vertical-align: top;
		width: 100%;
		height: auto;
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 8px 0 0 20px;
		margin-top: 0
	}

	.tpm-sale__item-advantage {
		margin-top: 16px
	}

	.tpm-sale__item-advantage-item {
		display: block
	}

	.tpm-sale__item-advantage-item+.tpm-sale__item-advantage-item {
		margin-left: 0;
		margin-top: 8px
	}

	.tpm-sale__item--common .tpm-sale__item-detail-content {
		display: table-cell;
		vertical-align: top;
		width: 100%;
		height: auto;
		background: none;
		border-width: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 8px 0 0 20px;
		margin-top: 0
	}
}

.tpm-text-card__section .tpm-section__hd {
	margin-bottom: 32px;
	width: 100%
}

.tpm-text-card__item {
	height: 100%;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	text-decoration: none
}

.tpm-text-card__item-hd {
	margin-bottom: 12px
}

.tpm-text-card__item-icon {
	position: relative;
	width: 48px;
	height: 48px;
	background: 50% no-repeat;
	background-size: contain;
	margin: 0 auto 8px
}

.tpm-text-card__item-title {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 500;
	text-align: center
}

.tpm-text-card__item-bd {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.tpm-text-card__item-desc {
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 66px;
	-ms-flex: 1;
	flex: 1
}

.tpm-text-card__item-list {
	margin-top: 16px
}

.tpm-text-card__item-list__item {
	font-size: 14px;
	line-height: 22px
}

.tpm-text-card__item-list__item span {
	display: inline-block
}

.tpm-text-card__item-list__item .item-label {
	color: #000
}

.tpm-text-card__item-list__item .item-value {
	color: #666
}

.tpm-text-card__item-ft {
	width: 100%;
	border-top: 1px solid #dbdfe7;
	margin-top: 16px;
	font-size: 14px;
	padding-top: 20px;
	text-align: center;
	line-height: 22px
}

.tpm-text-card__item-link-text {
	color: #0052d9
}

.tpm-text-card__item-link-text:after {
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 6px;
	overflow: hidden;
	vertical-align: 0;
	background-image: url(images/tpm1-text-card-link-arrow_85a.svg);
	content: ""
}

.tpm-text-card__item-link-text+.tpm-text-card__item-link-text {
	margin-left: 12px
}

.tpm-text-card__item-tag {
	position: absolute;
	top: -6px;
	right: -2px;
	border-radius: 0 5px 0 0;
	padding: 4px 10px 4px 0;
	background: #ff3b3b;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px
}

.tpm-text-card__item-tag:before {
	content: "";
	width: 17px;
	height: 26px;
	position: absolute;
	top: 0;
	left: -17px;
	background-image: url(images/tpm1-text-card-tag_eee.svg);
	background-size: cover
}

.tpm-text-card__item.with-bg {
	cursor: pointer;
	box-sizing: border-box;
	padding: 20px;
	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 hsla(0, 0%, 100%, .8);
	border-radius: 4px
}

@media screen and (min-width:769px) {
	.tpm-text-card__item.with-bg {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-text-card__item.with-bg .tpm-text-card__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-text-card__item.with-bg:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-text-card__item.with-bg:hover .tpm-text-card__item-title {
	color: #0052d9
}

.tpm-text-card__item.with-bg.left .tpm-text-card__item-hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

.tpm-text-card__item.with-bg.left .tpm-text-card__item-icon {
	margin-right: 12px;
	margin-bottom: 0
}

.tpm-text-card__item.left .tpm-text-card__item-icon {
	margin-left: 0
}

.tpm-text-card__item.left .tpm-text-card__item-ft,
.tpm-text-card__item.left .tpm-text-card__item-title {
	text-align: left
}

.tpm-text-card__morelink {
	display: none;
	margin-top: 20px;
	text-align: center
}

.tpm-text-card__morelink .tpm-link.tp-link--arrow:after {
	width: 14px;
	height: 14px;
	transition: unset;
	position: relative;
	top: 2px;
	background-size: cover;
	background-image: url(images/tpm1-text-card-icon-more_0c8.svg)
}

@media screen and (max-width:768px) {
	.tpm-text-card__section .tpm-section__hd {
		margin-bottom: 20px;
		text-align: left
	}

	.tpm-text-card__section .tpm-section__links {
		display: inline;
		margin-left: 12px;
		margin-top: 4px
	}
}

@media screen and (max-width:600px) {
	.tpm-text-card__section .tpm-section__desc {
		display: inline
	}

	.tpm-text-card__item {
		box-sizing: border-box;
		padding-left: 48px;
		padding-bottom: 16px;
		border-bottom: 1px solid #dbdfe7
	}

	.tpm-text-card__item-wrap:last-child .tpm-text-card__item {
		padding-bottom: 0;
		border-bottom-width: 0
	}

	.tpm-text-card__item-wrap:last-child .tpm-text-card__item.with-bg {
		padding-bottom: 20px
	}

	.tpm-text-card__item-hd {
		margin-bottom: 4px;
		position: relative
	}

	.tpm-text-card__item-icon {
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		left: -48px
	}

	.tpm-text-card__item-title {
		text-align: left
	}

	.tpm-text-card__item-ft {
		text-align: center
	}

	.tpm-text-card__item.with-bg {
		box-shadow: 0 4px 10px 0 rgba(55, 99, 170, .1)
	}

	.tpm-text-card__item.with-bg .tpm-text-card__item-hd {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-text-card__item.with-bg .tpm-text-card__item-icon {
		position: relative;
		margin: 0 12px 0 0;
		left: 0
	}

	.tpm-text-card__item.left .tpm-text-card__item-ft {
		text-align: center
	}

	.tpm-text-card__morelink {
		display: block
	}
}

.tpm-text-panel__item {
	height: 100%
}

.tpm-text-panel__item-title {
	font-size: 18px;
	color: #000;
	letter-spacing: 0;
	line-height: 26px;
	font-weight: 500
}

.tpm-text-panel__item-desc {
	margin-top: 8px;
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 24px
}

.tpm-text-panel__item-bd {
	margin-top: 12px
}

.tpm-text-panel__item-bd .tpm-list li:last-child {
	margin-bottom: 0
}

.tpm-text-panel__item-ft {
	margin-top: 12px;
	font-size: 14px;
	color: #999;
	letter-spacing: 0;
	line-height: 22px
}

.tpm-text-panel__item-ft a {
	color: #0052d9
}

.tpm-text-panel__item.with-bg {
	box-sizing: border-box;
	padding: 20px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px
}

.tpm-text-panel__item.small .tpm-text-panel__item-title {
	font-size: 16px;
	margin-bottom: 16px
}

@media screen and (max-width:768px) {
	.tpm-text-panel__section .tpm-section__links {
		display: inline;
		margin-left: 12px
	}

	.tpm-text-panel__item-title {
		font-size: 16px;
		color: #000;
		line-height: 24px
	}

	.tpm-text-panel__item-desc {
		margin-bottom: 12px
	}

	.tpm-text-panel__item-ft .tpm-btn {
		width: 100%
	}

	.tpm-text-panel__item.with-bg {
		padding: 16px
	}

	.tpm-text-panel__item.small .tpm-text-panel__item-title {
		font-size: 16px;
		margin-bottom: 12px
	}
}

@media screen and (max-width:600px) {
	.tpm-text-panel__section .tpm-section__desc {
		display: inline
	}
}

.tpm-graphic-panel {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.tpm-graphic-panel__section .tpm-section__hd {
	margin-bottom: 32px
}

.tpm-graphic-panel__object {
	width: 580px;
	height: 280px;
	margin-left: 41px;
	margin-top: 19px;
	position: relative
}

.tpm-graphic-panel__object:after,
.tpm-graphic-panel__object:before {
	content: "";
	width: 168px;
	height: 58px;
	position: absolute;
	background: url(images/img-bg_b46.png) 50% no-repeat;
	background-size: contain
}

.tpm-graphic-panel__object:before {
	top: -19px;
	left: -21px
}

.tpm-graphic-panel__object:after {
	bottom: -22px;
	right: -18px
}

.tpm-graphic-panel__object-img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-graphic-panel__cont {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-graphic-panel__cont-desc {
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 60px
}

.tpm-graphic-panel__cont-morelink .tpm-link.tp-link--white-arrow:after {
	width: 18px;
	height: 12px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 72.15189873417721% 72.46376811594203%;
	background-size: 977.7777777777778% auto
}

.tpm-graphic-panel__cont-btns {
	margin-bottom: 10px
}

.tpm-graphic-panel__cont-btns .tpm-btn:last-child {
	margin-left: 12px
}

.tpm-graphic-panel--vertical {
	-ms-flex-direction: column;
	flex-direction: column
}

.tpm-graphic-panel--vertical .tpm-graphic-panel__object {
	width: 100%;
	position: relative;
	max-height: 380px;
	height: auto;
	padding-top: 32.2033898%;
	margin: 0 0 32px
}

.tpm-graphic-panel--vertical .tpm-graphic-panel__object:after,
.tpm-graphic-panel--vertical .tpm-graphic-panel__object:before {
	display: none
}

.tpm-graphic-panel--vertical .tpm-graphic-panel__object-img {
	left: 0;
	position: absolute;
	top: 0
}

.tpm-graphic-panel--vertical .tpm-graphic-panel__cont-text.tpm-text-panel .tpm-text-panel__item-desc {
	margin: 16px 0 0
}

@media screen and (max-width:768px) {
	.tpm-graphic-panel {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-graphic-panel__section .tpm-section__hd {
		margin-bottom: 20px
	}

	.tpm-graphic-panel__section .tpm-section__desc,
	.tpm-graphic-panel__section .tpm-section__links {
		display: inline
	}

	.tpm-graphic-panel__object {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 54.878049%;
		min-height: 180px;
		margin: 0 0 20px
	}

	.tpm-graphic-panel__object:after,
	.tpm-graphic-panel__object:before {
		display: none
	}

	.tpm-graphic-panel__object-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.tpm-graphic-panel__cont {
		display: block
	}

	.tpm-graphic-panel__cont-desc {
		margin-bottom: 16px
	}

	.tpm-graphic-panel__cont-morelink {
		text-align: center;
		margin-top: 16px
	}

	.tpm-graphic-panel__cont-morelink .tpm-link.tp-link--arrow {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		padding: 0 10px;
		text-align: center;
		height: 36px;
		color: #0052d9;
		border: 1px solid #0052d9;
		background-color: #fff;
		font-size: 14px;
		line-height: 34px
	}

	.tpm-graphic-panel__cont-morelink .tpm-link.tp-link--arrow:after {
		display: none
	}

	.tpm-graphic-panel__cont-btns {
		text-align: center
	}

	.tpm-graphic-panel__cont-btns .tpm-btn {
		min-width: 156px
	}

	.tpm-graphic-panel__cont-btns .tpm-btn:last-child {
		margin-left: 16px
	}

	.tpm-graphic-panel--vertical .tpm-graphic-panel__object {
		padding-top: 54.878049%;
		margin-bottom: 20px
	}

	.tpm-graphic-panel--vertical .tpm-graphic-panel__cont-text.tpm-text-panel .tpm-text-panel__item-desc {
		margin-top: 8px
	}
}

.tpm-graphic-card {
	box-sizing: border-box;
	background-color: #05296c;
	position: relative;
	padding: 0 20px
}

.tpm-graphic-card__mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc(50% - 10px)
}

.tpm-graphic-card__inner {
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	top: 0;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: stretch;
	align-items: stretch
}

.tpm-graphic-card__video {
	width: 620px;
	height: auto;
	margin-right: 60px;
	position: relative
}

.tpm-graphic-card__video-wrap {
	display: block;
	width: 620px;
	height: 320px;
	position: absolute;
	bottom: -16px;
	left: 0
}

.tpm-graphic-card__video-wrap:before {
	box-sizing: border-box;
	content: "";
	position: absolute;
	bottom: -6px;
	left: 20px;
	width: calc(100% - 40px);
	height: 100%;
	opacity: .16;
	background: rgba(5, 41, 108, .42);
	box-shadow: 0 4px 8px 0 rgba(5, 41, 108, .4);
	border-radius: 10px;
	z-index: -1
}

.tpm-graphic-card__video-img {
	height: 100%;
	width: 100%;
	z-index: 2
}

.tpm-graphic-card__video-icon {
	content: "";
	position: absolute;
	width: 76px;
	height: 76px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 0% 0%;
	background-size: 231.57894736842107% auto
}

.tpm-graphic-card__cont {
	padding: 60px 0;
	-ms-flex: 1;
	flex: 1;
	box-sizing: border-box
}

.tpm-graphic-card__cont .tpm-graphic-card__video,
.tpm-graphic-card__img {
	display: none
}

.tpm-graphic-card__title {
	font-size: 28px;
	color: #fff;
	letter-spacing: 0;
	line-height: 36px;
	font-weight: 500;
	margin-bottom: 32px
}

.tpm-graphic-card__main {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-graphic-card__item {
	margin-right: 20px
}

.tpm-graphic-card__item:last-child {
	margin-right: 0
}

.tpm-graphic-card__item-title {
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 8px
}

.tpm-graphic-card__item-desc {
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	line-height: 22px;
	opacity: .7
}

.tpm-graphic-card__morelink {
	margin-top: 20px
}

.tpm-graphic-card__morelink .tpm-link.tp-link--white-arrow:after {
	width: 18px;
	height: 12px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 0% 88.40579710144928%;
	background-size: 977.7777777777778% auto
}

@media screen and (max-width:768px) {
	.tpm-graphic-card {
		padding: 0 16px
	}

	.tpm-graphic-card__mask,
	.tpm-graphic-card__video {
		display: none
	}

	.tpm-graphic-card__cont {
		padding: 32px 0
	}

	.tpm-graphic-card__cont .tpm-graphic-card__video {
		display: block;
		width: 100%;
		padding-top: 54.8789048%;
		margin-bottom: 20px
	}

	.tpm-graphic-card__cont .tpm-graphic-card__video-wrap {
		width: 100%;
		height: 100%;
		bottom: 0
	}

	.tpm-graphic-card__cont .tpm-graphic-card__video-icon {
		height: 64px;
		width: 64px;
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 67.85714285714286% 0%;
		background-size: 275% auto
	}

	.tpm-graphic-card__title {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 28px
	}

	.tpm-graphic-card__main {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-graphic-card__item {
		margin-right: 0;
		margin-bottom: 12px
	}

	.tpm-graphic-card__item:last-child {
		margin-bottom: 0
	}

	.tpm-graphic-card__item-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-graphic-card__morelink {
		margin-top: 16px
	}
}

.tpm-sale-recommend {
	-webkit-font-smoothing: antialiased
}

.tpm-sale-recommend__title {
	font-size: 18px;
	color: #16181a;
	letter-spacing: 0;
	line-height: 26px;
	margin-bottom: 8px;
	font-weight: 500
}

.tpm-sale-recommend__list {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -14px
}

.tpm-sale-recommend__item {
	width: 50%;
	overflow: hidden;
	padding: 0 14px
}

.tpm-sale-recommend__item-tit {
	font-size: 14px;
	color: #16181a;
	line-height: 22px;
	font-weight: 500;
	margin-bottom: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-sale-recommend__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

.tpm-sale-recommend__btns {
	margin-top: 28px;
	white-space: nowrap
}

.tpm-sale-recommend__btns .tpm-btn {
	min-width: 200px;
	margin-right: 20px
}

.tpm-sale-recommend__btns .tpm-btn:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.tpm-sale-recommend__btns {
		margin-top: 20px
	}

	.tpm-sale-recommend__btns .tpm-btn {
		min-width: 0;
		width: calc(50% - 10px);
		max-width: 154px;
		font-size: 14px;
		padding: 0
	}
}

.tpm-group {
	-webkit-font-smoothing: antialiased
}

.tpm-group+.tpm-group {
	margin-top: 28px
}

.tpm-group__tit {
	font-size: 18px;
	color: #16181a;
	letter-spacing: 0;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 8px
}

.tpm-group__bd {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

.tpm-group.variant-v2 .tpm-group__tit {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 24px
}

.tpm-group.variant-v2 .tpm-group__icon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	margin-right: 12px;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-group.variant-v2 .tpm-group__icon.advantage {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 21.875% 88.40579710144928%;
	background-size: 1100% auto
}

.tpm-group.variant-v2 .tpm-group__icon.introduce {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 41.875% 88.40579710144928%;
	background-size: 1100% auto
}

.tpm-group.variant-v2 .tpm-group__icon.key-point {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 31.874999999999996% 88.40579710144928%;
	background-size: 1100% auto
}

.tpm-group.variant-v2 .tpm-group__icon.relative {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 80% 100%;
	background-size: 1100% auto
}

.tpm-group.variant-v2 .tpm-group__icon.recommend {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 70% 100%;
	background-size: 1100% auto
}

@media screen and (max-width:768px) {
	.tpm-group+.tpm-group {
		margin-top: 20px
	}
}

.tpm-expand-area__cnt {
	overflow: hidden
}

.tpm-step,
.tpm-step__section {
	-webkit-font-smoothing: antialiased
}

.tpm-step__btns {
	margin-top: 32px;
	text-align: center;
	-webkit-font-smoothing: auto
}

.tpm-step__btns .tpm-btn {
	min-width: 200px;
	margin-right: 20px
}

.tpm-step__btns .tpm-btn:last-child {
	margin-right: 0
}

.tpm-step__btns .tpm-btn--white .tpm-btn__text {
	color: #0052d9
}

.tpm-step__item-title {
	font-size: 16px;
	color: #181818;
	line-height: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-step__item-desc {
	font-size: 14px;
	color: #4b5b76;
	line-height: 22px;
	margin-top: 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-step__item-links {
	margin-top: 8px
}

.tpm-step__item-links .tpm-link.tp-link {
	margin-right: 8px
}

.tpm-step__item-links .tpm-link.tp-link:last-child {
	margin-right: 0
}

.tpm-step__item-cnt {
	overflow: hidden
}

.tpm-step--card .tpm-step__list {
	display: -ms-flexbox;
	display: flex
}

.tpm-step--card .tpm-step__list-item {
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-step--card .tpm-step__item {
	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, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px 20px 18px;
	position: relative;
	overflow: hidden;
	height: 100%;
	z-index: 0
}

@media screen and (min-width:769px) {

	.tpm-step--card .tpm-step__item:hover,
	.tpm-step--card .tpm-step__item:hover .tpm-step__item-index {
		background: #f3f5f8;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff
	}

	.tpm-step--card .tpm-step__item:hover .tpm-step__item-index {
		color: #d4dae2
	}
}

.tpm-step--card .tpm-step__item .tpm-link.tp-link {
	z-index: 2;
	position: relative;
	white-space: nowrap
}

.tpm-step--card .tpm-step__item-link {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.tpm-step--card .tpm-step__item-logo {
	width: 48px;
	height: 48px;
	margin-right: 16px
}

.tpm-step--card .tpm-step__item-cnt {
	-ms-flex: 1;
	flex: 1
}

.tpm-step--card .tpm-step__item-desc-text {
	margin-right: 8px
}

.tpm-step--card .tpm-step__item-index {
	z-index: -1;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	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, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	color: #e1e3ea;
	font-size: 36px;
	line-height: 76px;
	position: absolute;
	right: -12px;
	bottom: -16px
}

.tpm-step--card .tpm-step__list-item+.tpm-step__list-item .tpm-step__item {
	border-left-width: 0
}

.tpm-step--round .tpm-step__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 0
}

.tpm-step--round .tpm-step__list:after {
	position: absolute;
	left: 124px;
	right: 124px;
	content: "";
	height: 1px;
	top: 30px;
	z-index: -1;
	background-image: url(images/tpm1-step-line_4f6.png);
	background-repeat: repeat-x;
	background-size: auto 1px
}

.tpm-step--round .tpm-step__item {
	text-align: center;
	width: 188px
}

.tpm-step--round .tpm-step__item-index {
	width: 60px;
	height: 60px;
	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;
	text-align: center;
	border-radius: 50%;
	line-height: 56px;
	display: inline-block;
	margin-bottom: 24px;
	font-size: 24px;
	color: #3d485d
}

.tpm-step--round .tpm-step__item-desc {
	margin-top: 8px
}

.tpm-step--round.tpm-step--little .tpm-step__list {
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-step--round.tpm-step--little .tpm-step__list:after {
	display: none
}

.tpm-step--round.tpm-step--little .tpm-step__list-item {
	min-width: 33.33%;
	position: relative
}

.tpm-step--round.tpm-step--little .tpm-step__list-item:after {
	position: absolute;
	left: 50%;
	top: 30px;
	content: "";
	height: 1px;
	width: 100%;
	z-index: -1;
	background-image: url(images/tpm1-step-line_4f6.png);
	background-repeat: repeat-x;
	background-size: auto 1px
}

.tpm-step--round.tpm-step--little .tpm-step__list-item:last-child:after {
	display: none
}

.tpm-step--round.tpm-step--little .tpm-step__item {
	margin: 0 auto
}

.tpm-step--arrow .tpm-step__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 0
}

.tpm-step--arrow .tpm-step__list:after {
	position: absolute;
	left: 124px;
	right: 124px;
	content: "";
	height: 1px;
	top: 30px;
	z-index: -1;
	background-image: url(images/tpm1-step-line_4f6.png);
	background-repeat: repeat-x;
	background-size: auto 1px
}

.tpm-step--arrow .tpm-step__list-item+.tpm-step__list-item .tpm-step__item-index:before {
	content: "";
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 8px solid #bcc2cd;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: -26px
}

.tpm-step--arrow .tpm-step__item {
	text-align: center;
	width: 188px
}

.tpm-step--arrow .tpm-step__item-index {
	width: 60px;
	height: 60px;
	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;
	font-size: 24px;
	color: #3d485d;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 24px;
	position: relative;
	line-height: 56px
}

.tpm-step--arrow .tpm-step__item-index-wrap {
	padding: 0 16px;
	display: inline-block;
	background: #fff;
	position: relative
}

.tpm-step--arrow .tpm-step__item-icon {
	width: 24px;
	height: 24px;
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.tpm-step--arrow .tpm-step__item-desc {
	margin-top: 8px
}

.tpm-step--arrow .tpm-step__item.is-active .tpm-step__item-index,
.tpm-step--arrow .tpm-step__item.is-active .tpm-step__item-title {
	color: #0052d9
}

.tpm-step--arrow .tpm-step__item.is-finished .tpm-step__item-desc,
.tpm-step--arrow .tpm-step__item.is-finished .tpm-step__item-title {
	color: #97a3b7
}

.tpm-step--arrow .tpm-step__item.is-finished .tpm-step__item-index {
	background: #0052d9;
	color: transparent;
	background-image: url(images/tpm1-step-check_b2a.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.tpm-step--arrow .tpm-step__item.is-finished .tpm-link.tp-link {
	color: #97a3b7;
	cursor: default;
	pointer-events: none
}

.tpm-step--arrow .tpm-step__item.is-finished .tpm-link.tp-link:after {
	-webkit-transform: none;
	transform: none;
	width: 16px;
	height: 16px;
	top: 3px;
	position: relative;
	margin-left: 2px;
	background-image: url(images/tpm1-icon-arrow-disabled_672.svg)
}

.tpm-step--arrow.tpm-step--little .tpm-step__list {
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-step--arrow.tpm-step--little .tpm-step__list:after {
	display: none
}

.tpm-step--arrow.tpm-step--little .tpm-step__list-item {
	min-width: 33.33%;
	position: relative
}

.tpm-step--arrow.tpm-step--little .tpm-step__list-item:after {
	position: absolute;
	left: 50%;
	top: 30px;
	content: "";
	height: 1px;
	width: calc(100% - 46px);
	z-index: -1;
	background-image: url(images/tpm1-step-line_4f6.png);
	background-repeat: repeat-x;
	background-size: auto 1px
}

.tpm-step--arrow.tpm-step--little .tpm-step__list-item:last-child:after {
	display: none
}

.tpm-step--arrow.tpm-step--little .tpm-step__item {
	margin: 0 auto
}

@media screen and (max-width:768px) {
	.tpm-step .tpm-step__btns {
		margin-top: 24px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-step .tpm-step__btns .tpm-btn {
		font-size: 14px;
		-ms-flex-positive: 1;
		flex-grow: 1;
		min-width: 0;
		max-width: 240px;
		padding: 0 10px
	}

	.tpm-step--card .tpm-step__list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -8px -16px
	}

	.tpm-step--card .tpm-step__list-item {
		width: 50%;
		-ms-flex: none;
		flex: none;
		padding: 0 8px 16px
	}

	.tpm-step--card .tpm-step__item {
		padding: 16px
	}

	.tpm-step--card .tpm-step__list-item+.tpm-step__list-item .tpm-step__item {
		border-left-width: 2px
	}

	.tpm-step--round .tpm-step__list {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-step--round .tpm-step__list:after {
		bottom: 70px;
		height: auto;
		right: auto;
		left: 20px;
		width: 1px;
		background-image: url(images/tpm1-step-line-vertical_b3d.png);
		background-repeat: repeat-y;
		background-size: 1px auto
	}

	.tpm-step--round .tpm-step__list-item+.tpm-step__list-item {
		margin-top: 32px
	}

	.tpm-step--round .tpm-step__item {
		text-align: left;
		width: 100%;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-step--round .tpm-step__item-index {
		width: 40px;
		height: 40px;
		border: 1px solid #fff;
		box-shadow: 6px 6px 16px 0 rgba(55, 99, 170, .1), -6px -6px 16px 0 #fff;
		line-height: 38px;
		margin-bottom: 0;
		font-size: 18px
	}

	.tpm-step--round .tpm-step__item-cnt {
		-ms-flex: 1;
		flex: 1;
		margin-left: 20px
	}

	.tpm-step--round.tpm-step--little .tpm-step__list {
		-ms-flex-pack: normal;
		justify-content: normal
	}

	.tpm-step--round.tpm-step--little .tpm-step__list:after {
		display: block
	}

	.tpm-step--round.tpm-step--little .tpm-step__list-item {
		min-width: 0
	}

	.tpm-step--round.tpm-step--little .tpm-step__list-item:after {
		display: none
	}

	.tpm-step--arrow .tpm-step__list {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-step--arrow .tpm-step__list:after {
		bottom: 68px;
		height: auto;
		right: auto;
		left: 20px;
		width: 1px;
		background-image: url(images/tpm1-step-line-vertical_b3d.png);
		background-repeat: repeat-y;
		background-size: 1px auto
	}

	.tpm-step--arrow .tpm-step__list-item {
		min-height: 60px
	}

	.tpm-step--arrow .tpm-step__list-item:last-child {
		min-height: 0
	}

	.tpm-step--arrow .tpm-step__list-item+.tpm-step__list-item {
		margin-top: 24px
	}

	.tpm-step--arrow .tpm-step__list-item+.tpm-step__list-item .tpm-step__item-index:before {
		display: none
	}

	.tpm-step--arrow .tpm-step__item {
		text-align: left;
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-step--arrow .tpm-step__item-index-wrap {
		padding: 4px 0;
		-ms-flex-item-align: start;
		align-self: flex-start;
		margin-top: -4px;
		height: 48px
	}

	.tpm-step--arrow .tpm-step__item-index {
		width: 40px;
		height: 40px;
		border: 1px solid #fff;
		box-shadow: 6px 6px 16px 0 rgba(55, 99, 170, .1), -6px -6px 16px 0 #fff;
		line-height: 38px;
		margin-bottom: 0;
		font-size: 18px
	}

	.tpm-step--arrow .tpm-step__item-cnt {
		-ms-flex: 1;
		flex: 1;
		margin-left: 20px;
		padding: 4px 0
	}

	.tpm-step--arrow .tpm-step__item-icon {
		width: 16px;
		height: 16px
	}

	.tpm-step--arrow.tpm-step--little .tpm-step__list {
		-ms-flex-pack: normal;
		justify-content: normal
	}

	.tpm-step--arrow.tpm-step--little .tpm-step__list:after {
		display: block
	}

	.tpm-step--arrow.tpm-step--little .tpm-step__list-item {
		min-width: 0
	}

	.tpm-step--arrow.tpm-step--little .tpm-step__list-item:after {
		display: none
	}
}

@media screen and (max-width:600px) {
	.tpm-step--card .tpm-step__list-item {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.tpm-step.tpm-step--arrow .tpm-step__list:after {
		display: none
	}

	.tpm-step.tpm-step--arrow .tpm-step__list-item:after {
		display: inline-block
	}

	.tpm-step.tpm-step--arrow .tpm-step__list-item {
		position: relative;
		min-height: 0
	}

	.tpm-step.tpm-step--arrow .tpm-step__list-item:after {
		content: "";
		height: 100%;
		position: absolute;
		display: inline-block !important;
		left: 20px;
		top: 0;
		width: 1px;
		right: auto;
		background-image: url(images/tpm1-step-line-vertical_b3d.png);
		background-repeat: repeat-y;
		background-size: 1px auto;
		z-index: -1
	}

	.tpm-step.tpm-step--arrow .tpm-step__list-item:nth-child(n+2):after {
		height: calc(100% + 24px);
		top: -24px
	}

	.tpm-step.tpm-step--arrow .tpm-step__list-item:last-child:after {
		height: 24px;
		top: -24px
	}
}

.tpm-live-hero {
	height: 900px;
	overflow: hidden;
	transition: height .4s ease-out
}

.tpm-live-hero.is-hidden {
	height: 0
}

.tpm-live-hero__wrap {
	position: relative;
	height: 900px;
	background-color: #13161b;
	box-sizing: border-box;
	padding-top: 62px;
	-webkit-font-smoothing: antialiased
}

.tpm-live-hero__bg {
	overflow: hidden
}

.tpm-live-hero__bg,
.tpm-live-hero__bg:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tpm-live-hero__bg:after {
	content: "";
	background: #13161b;
	opacity: .8
}

.tpm-live-hero__bg-cnt {
	padding-top: 56.2218890555%
}

.tpm-live-hero__bg-main {
	position: absolute;
	left: 50%;
	top: -188px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1334px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}

.tpm-live-hero__bg-main:before {
	left: -56px;
	background-image: linear-gradient(-88deg, rgba(19, 22, 27, 0) 3%, #13161b 76%)
}

.tpm-live-hero__bg-main:after,
.tpm-live-hero__bg-main:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 431px;
	height: 559px
}

.tpm-live-hero__bg-main:after {
	right: -56px;
	background-image: linear-gradient(88deg, rgba(19, 22, 27, 0) 3%, #13161b 76%)
}

.tpm-live-hero__inner {
	position: relative;
	text-align: center;
	height: 420px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	margin: 0 auto;
	max-width: 1400px
}

.tpm-live-hero__pretitle {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 28px
}

.tpm-live-hero__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 48px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-live-hero__btns {
	margin-top: 60px
}

.tpm-live-hero .tpm-btn__icon {
	margin-right: 12px;
	line-height: 16px
}

.tpm-live-hero .tpm-btn--primary {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.tpm-live-hero .tpm-btn--primary.is-disabled,
.tpm-live-hero .tpm-btn--primary.is-disabled:active,
.tpm-live-hero .tpm-btn--primary.is-disabled:hover {
	background-color: #ecf2fe;
	color: #98a3b7
}

.tpm-live-hero__tip {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px
}

.tpm-live-hero__i-play {
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	height: 16px
}

.tpm-live-hero__i-play span {
	display: inline-block;
	vertical-align: bottom;
	width: 2px;
	height: 16px;
	background-color: #fff;
	-webkit-animation: playing 1.5s linear infinite;
	animation: playing 1.5s linear infinite;
	-webkit-transform-origin: center bottom;
	-webkit-transform: scaleY(.125);
	transform-origin: center bottom;
	transform: scaleY(.125)
}

.tpm-live-hero__i-play span:nth-child(2) {
	-webkit-animation-delay: .5s;
	-webkit-transform: scaleY(1);
	animation-delay: .5s;
	transform: scaleY(1)
}

.tpm-live-hero__i-play span:nth-child(3) {
	-webkit-animation-delay: 1s;
	-webkit-transform: scaleY(.675);
	animation-delay: 1s;
	transform: scaleY(.675)
}

.tpm-live-hero__i-play span:nth-child(4) {
	-webkit-animation-delay: 1.5s;
	-webkit-transform: scaleY(.8);
	animation-delay: 1.5s;
	transform: scaleY(.8)
}

.tpm-live-hero__i-play span+span {
	margin-left: 2px
}

@-webkit-keyframes -webkit-playing {
	0% {
		-webkit-transform: scaleY(1)
	}

	50% {
		-webkit-transform: scaleY(.125)
	}

	to {
		-webkit-transform: scaleY(1)
	}
}

@keyframes -webkit-playing {
	0% {
		-webkit-transform: scaleY(1)
	}

	50% {
		-webkit-transform: scaleY(.125)
	}

	to {
		-webkit-transform: scaleY(1)
	}
}

@-webkit-keyframes playing {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	50% {
		-webkit-transform: scaleY(.125);
		transform: scaleY(.125)
	}

	to {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes playing {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}

	50% {
		-webkit-transform: scaleY(.125);
		transform: scaleY(.125)
	}

	to {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.tpm-live-hero__popup {
	display: none
}

@media screen and (max-width:1399px) {
	.tpm-live-hero {
		height: 240px
	}

	.tpm-live-hero__wrap {
		height: 240px;
		padding: 62px 20px 0
	}

	.tpm-live-hero__bg-main {
		width: 800px
	}

	.tpm-live-hero__inner {
		height: 100%;
		margin: 0 auto;
		max-width: 1180px;
		text-align: left;
		padding-right: 200px
	}

	.tpm-live-hero__title {
		font-size: 36px;
		line-height: 44px
	}

	.tpm-live-hero__btns {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: right;
		margin-top: 0
	}
}

@media screen and (max-width:1200px) {

	.tpm-live-hero,
	.tpm-live-hero__wrap {
		position: static;
		height: auto;
		padding: 0;
		margin: 0
	}

	.tpm-live-hero__bg {
		display: none
	}

	.tpm-live-hero__bg-main {
		background-image: none !important
	}

	.tpm-live-hero__inner {
		display: none
	}

	.tpm-live-hero__popup {
		display: block;
		position: fixed;
		right: 24px;
		top: 86px;
		z-index: 300;
		width: 60px;
		height: 60px;
		background: #fff;
		border: 2px solid #fff;
		box-shadow: 8px 8px 12px 0 rgba(55, 99, 170, .2), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
		border-radius: 4px;
		box-sizing: border-box
	}

	.tpm-live-hero__popup-close {
		position: absolute;
		right: -8px;
		top: -8px;
		width: 24px;
		height: 24px;
		background: #fff;
		box-shadow: 4px 4px 12px 0 #d2ddec;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 0
	}

	.tpm-live-hero__popup-close:after {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 100% 8.450704225352112%;
		background-size: 1466.6666666666665% auto
	}

	.tpm-live-hero__popup-close:active:after {
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 100% 0%;
		background-size: 1466.6666666666665% auto
	}

	.tpm-live-hero__popup-inner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		text-align: center
	}

	.tpm-live-hero__popup-text {
		font-weight: 500;
		font-size: 12px;
		color: #495770;
		line-height: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-live-hero__popup-text+.tpm-live-hero__popup-text {
		margin-top: 4px
	}

	.tpm-live-hero__popup .tpm-live-hero__i-play {
		margin-bottom: 4px;
		vertical-align: top
	}

	.tpm-live-hero__popup .tpm-live-hero__i-play span {
		background-color: #0052d9
	}
}

@media screen and (min-width:769px) {
	.tpm-sale-card {
		-webkit-font-smoothing: antialiased
	}

	.tpm-sale-card__row {
		margin: 0 -10px -20px
	}

	.tpm-sale-card__row>.tp-grid__col {
		padding: 0 10px 20px
	}

	.tpm-sale-card__item {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
		border: 2px solid #fff;
		border-radius: 8px;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
		height: 100%;
		-webkit-font-smoothing: antialiased;
		transition: all .3s ease-in-out
	}

	.tpm-sale-card__item:hover {
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-sale-card__item:hover .tpm-sale-card__item-hd:before {
		background-image: url(images/tpm1-sale-card-bg_6c9.png), linear-gradient(180deg, rgba(218, 232, 252, .8), rgba(222, 233, 253, .8))
	}

	.tpm-sale-card__item-mobile {
		display: none
	}

	.tpm-sale-card__item-tag-wrap {
		width: 74px;
		height: 74px;
		position: absolute;
		right: -5px;
		top: -5px;
		z-index: 2;
		overflow: hidden;
		-webkit-font-smoothing: auto
	}

	.tpm-sale-card__item-tag {
		width: 104px;
		height: 20px;
		color: #fff;
		right: -22px;
		top: 20px;
		font-size: 12px;
		line-height: 20px;
		text-align: center
	}

	.tpm-sale-card__item-tag,
	.tpm-sale-card__item-tag:after,
	.tpm-sale-card__item-tag:before {
		background-color: #ff6000;
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.tpm-sale-card__item-tag:after,
	.tpm-sale-card__item-tag:before {
		content: "";
		display: inline-block
	}

	.tpm-sale-card__item-tag:before {
		left: 0;
		top: 17px;
		width: 5px;
		height: 6px
	}

	.tpm-sale-card__item-tag:after {
		width: 6px;
		height: 5px;
		bottom: -2px;
		right: 0
	}

	.tpm-sale-card__item-hd {
		position: relative;
		padding: 16px;
		overflow: hidden
	}

	.tpm-sale-card__item-hd:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background-image: url(images/tpm1-sale-card-bg_6c9.png), linear-gradient(90deg, #eaeff8 0, #f0f3f8);
		background-size: 120px auto, auto;
		background-position: 100% 100%, 0 0;
		background-repeat: no-repeat, no-repeat
	}

	.tpm-sale-card__item-hd-inner {
		position: relative
	}

	.tpm-sale-card__item-title {
		font-weight: 500;
		font-size: 20px;
		color: #000;
		line-height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.tpm-sale-card__item-subtitle {
		margin-top: 4px;
		font-size: 14px
	}

	.tpm-sale-card__item-areas,
	.tpm-sale-card__item-subtitle {
		color: #495770;
		line-height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.tpm-sale-card__item-areas {
		margin-top: 6px;
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
		box-sizing: border-box;
		height: 24px;
		background: #d4e4ff;
		border-radius: 12px;
		padding: 0 10px;
		font-size: 12px
	}

	.tpm-sale-card__item-infos {
		margin-top: 16px;
		display: table;
		width: 100%
	}

	.tpm-sale-card__item-infos>li {
		display: table-row
	}

	.tpm-sale-card__item-infos>li:last-child .tpm-sale-card__item-info-cnt,
	.tpm-sale-card__item-infos>li:last-child .tpm-sale-card__item-info-title {
		padding-bottom: 0
	}

	.tpm-sale-card__item-info-title {
		width: 60px;
		color: #495770;
		font-weight: 400;
		white-space: nowrap
	}

	.tpm-sale-card__item-info-cnt,
	.tpm-sale-card__item-info-title {
		display: table-cell;
		vertical-align: top;
		padding-bottom: 12px;
		font-size: 14px;
		line-height: 18px
	}

	.tpm-sale-card__item-info-cnt {
		padding-left: 8px;
		color: #000
	}

	.tpm-sale-card__item-features {
		margin: 16px
	}

	.tpm-sale-card__item-features .tpm-list__item+.tpm-list__item {
		margin-top: 4px
	}

	.tpm-sale-card__item-features .tpm-list__item {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.tpm-sale-card__item-ft {
		padding: 0 16px 16px
	}

	.tpm-sale-card__item-ft .tpm-sale-card__item-features {
		margin: 16px 0
	}

	.tpm-sale-card__item-price {
		margin-top: 4px;
		font-weight: 500;
		font-size: 14px;
		color: #ff4a14;
		line-height: 22px
	}

	.tpm-sale-card__item-price em {
		margin-right: 4px;
		font-size: 28px;
		color: #ff4a14;
		line-height: 36px;
		font-weight: 500
	}

	.tpm-sale-card__item-discount {
		height: 18px;
		background: #fff;
		border: 1px solid #ff4a14;
		border-radius: 2px;
		font-size: 12px;
		line-height: 16px;
		display: -ms-inline-flexbox;
		display: inline-flex;
		padding-right: 7px;
		color: #ff4a14
	}

	.tpm-sale-card__item-discount-num {
		background-color: #ff4a14;
		color: #fff;
		padding: 0 7px;
		margin-right: 7px
	}

	.tpm-sale-card__item-compare {
		font-size: 12px;
		color: #495770;
		line-height: 18px;
		height: 18px
	}

	.tpm-sale-card__item-origin {
		margin-left: 8px;
		color: #9ea6b3;
		text-decoration: line-through
	}

	.tpm-sale-card__item-origin:first-child {
		margin-left: 0
	}

	.tpm-sale-card__item-btns {
		margin-top: 12px;
		display: -ms-flexbox;
		display: flex
	}

	.tpm-sale-card__item-btns .tpm-btn {
		-ms-flex: 1;
		flex: 1
	}
}

@media screen and (max-width:768px) {
	.tpm-sale-card {
		-webkit-font-smoothing: antialiased
	}

	.tpm-sale-card__row {
		margin: 0 -16px -32px
	}

	.tpm-sale-card__row>.tp-grid__col {
		padding: 0
	}

	.tpm-sale-card .tpm-collapse__panel-bd .tpm-sale-card__row {
		margin-top: -24px
	}

	.tpm-sale-card__item {
		position: relative;
		padding: 16px;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff
	}

	.tpm-sale-card__item-pc {
		display: none
	}

	.tpm-sale-card__item-hd {
		margin-bottom: 8px
	}

	.tpm-sale-card__item-title {
		display: inline;
		font-weight: 400;
		font-size: 16px;
		color: #000;
		line-height: 24px
	}

	.tpm-sale-card__item-tag {
		margin-left: 12px;
		box-sizing: border-box;
		height: 18px;
		border: 1px solid #ff7800;
		border-radius: 2px;
		padding: 0 6px;
		font-size: 12px;
		line-height: 16px;
		white-space: nowrap;
		color: #ff7800;
		position: relative;
		top: -2px
	}

	.tpm-sale-card__item-desc {
		margin-bottom: 12px;
		font-size: 14px;
		color: #000;
		line-height: 22px
	}

	.tpm-sale-card__item-infos {
		margin-top: 16px;
		margin-bottom: 8px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tpm-sale-card__item-infos>li {
		width: 50%;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 8px
	}

	.tpm-sale-card__item-info-title {
		width: 100px;
		font-size: 14px;
		color: #3d485d;
		line-height: 22px;
		font-weight: 400;
		white-space: nowrap
	}

	.tpm-sale-card__item-info-cnt {
		padding-left: 20px;
		font-size: 14px;
		color: #000;
		line-height: 22px
	}

	.tpm-sale-card__item-features {
		margin-bottom: -4px
	}

	.tpm-sale-card__item-features .tpm-list__item+.tpm-list__item {
		margin-top: 0
	}

	.tpm-sale-card__item-features .tpm-list__item {
		display: inline-block;
		margin-right: 32px;
		margin-bottom: 4px
	}

	.tpm-sale-card__item-prices {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 20px;
		padding-right: 130px
	}

	.tpm-sale-card__item-discount {
		display: none
	}

	.tpm-sale-card__item-price {
		font-weight: 500;
		font-size: 14px;
		color: #ff4a14;
		line-height: 22px;
		-ms-flex-order: 2;
		order: 2
	}

	.tpm-sale-card__item-price em {
		margin-right: 4px;
		font-size: 28px;
		color: #ff4a14;
		line-height: 36px;
		font-weight: 500
	}

	.tpm-sale-card__item-compare {
		font-size: 12px;
		color: #495770;
		line-height: 18px;
		-ms-flex-order: 1;
		order: 1
	}

	.tpm-sale-card__item-origin {
		margin-left: 8px;
		color: #9ea6b3;
		text-decoration: line-through
	}

	.tpm-sale-card__item-origin:first-child {
		margin-left: 0
	}

	.tpm-sale-card__item-btns {
		position: absolute;
		right: 16px;
		bottom: 16px
	}

	.tpm-sale-card__item-btns .tpm-btn {
		width: 120px
	}
}

@media screen and (max-width:600px) {
	.tpm-collapse__panel-bd>.tpm-sale-card__row {
		margin-top: -24px
	}

	.tpm-sale-card__row {
		margin: 0 -16px -32px
	}

	.tpm-sale-card__item-infos {
		display: table;
		width: 100%
	}

	.tpm-sale-card__item-infos>li {
		display: table-row;
		width: 100%
	}

	.tpm-sale-card__item-info-title {
		width: 1px
	}

	.tpm-sale-card__item-info-cnt,
	.tpm-sale-card__item-info-title {
		display: table-cell;
		vertical-align: top;
		padding-bottom: 8px
	}

	.tpm-sale-card__item-features {
		margin-bottom: 0
	}

	.tpm-sale-card__item-features .tpm-list__item+.tpm-list__item {
		margin-top: 4px
	}

	.tpm-sale-card__item-features .tpm-list__item {
		display: block;
		margin-right: 0
	}
}

.tpm-logo-case-card__item {
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	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: 4px;
	padding: 20px;
	height: 100%;
	cursor: default
}

@media screen and (min-width:769px) {
	.tpm-logo-case-card__item {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-logo-case-card__item[href]:hover {
		cursor: pointer;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-logo-case-card__item[href]:hover .tpm-logo-case-card__item-title {
		color: #0052d9
	}
}

@media screen and (max-width:768px) {
	.tpm-logo-case-card__item[href]:active {
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-logo-case-card__item[href]:active .tpm-logo-case-card__item-title {
		color: #0052d9
	}
}

.tpm-logo-case-card__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-logo-case-card__item-title {
	font-weight: 500;
	font-size: 18px;
	color: #16181a;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-logo-case-card__item-title {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-logo-case-card__item-sub {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 8px
}

.tpm-logo-case-card__item-logo {
	height: 40px;
	width: auto;
	border-radius: 4px
}

.tpm-logo-case-card__item-logo img {
	display: block;
	height: 100%;
	width: auto;
	border-radius: 4px
}

.tpm-logo-case-card__item--square {
	display: -ms-flexbox;
	display: flex
}

.tpm-logo-case-card__item--square .tpm-logo-case-card__item-logo {
	margin-right: 20px
}

.tpm-logo-case-card__item--rectangle .tpm-logo-case-card__item-tit-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-logo-case-card__item--rectangle .tpm-logo-case-card__item-sub {
	font-size: 12px;
	line-height: 20px;
	margin-top: 0
}

.tpm-logo-case-card__item--rectangle .tpm-logo-case-card__item-desc {
	margin-top: 24px
}

.tpm-logo-case-card__item--rectangle .tpm-logo-case-card__item-logo {
	overflow: hidden
}

.tpm-logo-case-card__item--vertical .tpm-logo-case-card__item-logo {
	margin-bottom: 16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.tpm-logo-case-card__item--vertical .tpm-logo-case-card__item-logo img {
	height: auto;
	max-height: 100%;
	max-width: 100%
}

@media screen and (max-width:768px) {
	.tpm-logo-case-card__item {
		padding: 16px
	}

	.tpm-logo-case-card__item-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-logo-case-card__item-logo {
		height: 40px
	}

	.tpm-logo-case-card__item--square .tpm-logo-case-card__item-logo {
		margin-right: 16px
	}

	.tpm-logo-case-card__item--vertical .tpm-logo-case-card__item-logo {
		margin-bottom: 12px
	}
}

.tpm-case-card-logo-head__item {
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	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: 4px;
	height: 100%;
	overflow: hidden
}

.tpm-case-card-logo-head__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-case-card-logo-head__item-title {
	font-size: 18px;
	color: #16181a;
	line-height: 26px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-case-card-logo-head__item-logo {
	height: 110px;
	width: auto
}

.tpm-case-card-logo-head__item-logo img {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.tpm-case-card-logo-head__item-cnt-wrap {
	padding: 20px
}

@media screen and (max-width:768px) {
	.tpm-case-card-logo-head__item-cnt-wrap {
		padding: 16px
	}

	.tpm-case-card-logo-head__item-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-case-card-logo-head__item-logo {
		height: 100px
	}
}

@media screen and (max-width:600px) {
	.tpm-case-card-logo-head .tpm-case-card-logo-head__item-logo {
		height: auto
	}
}

.tpm-case-l-r-layout {
	-webkit-font-smoothing: antialiased;
	display: -ms-flexbox;
	display: flex
}

.tpm-case-l-r-layout__main {
	width: 1px;
	-ms-flex: 1;
	flex: 1
}

.tpm-case-l-r-layout__side {
	margin-left: 40px
}

.tpm-case-l-r-layout__logo-tit {
	font-size: 14px;
	color: #495770;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 20px
}

.tpm-case-l-r-layout__card {
	min-height: 100%
}

.tpm-case-l-r-layout__card-title {
	font-size: 18px;
	color: #16181a;
	line-height: 26px;
	font-weight: 500
}

.tpm-case-l-r-layout__card-desc {
	font-size: 14px;
	color: #495770;
	line-height: 26px;
	margin-top: 12px
}

.tpm-case-l-r-layout__card-name {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	text-align: right;
	margin-top: 8px
}

@media screen and (min-width:769px) {
	.tpm-case-l-r-layout__card {
		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;
		padding: 28px
	}

	.tpm-case-l-r-layout .tpm-logo-card {
		padding: 20px 14px;
		max-width: 186px
	}

	.tpm-case-l-r-layout .tpm-logo-card__list {
		padding: 0 8px
	}

	.tpm-case-l-r-layout .tpm-logo-card__list li {
		padding: 0 8px 16px
	}

	.tpm-case-l-r-layout .tpm-logo-card__wrap {
		margin-bottom: -44px;
		margin-left: -16px;
		margin-right: -16px
	}
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__side {
	padding-top: 12px;
	-ms-flex: 1;
	flex: 1
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__main {
	width: 352px;
	-ms-flex: unset;
	flex: unset
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__logo-hd {
	position: relative
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__logo-hd .tpm-link {
	position: absolute;
	right: 0;
	top: 3px
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__logo-tit {
	color: #495770;
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 24px
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__card {
	padding: 20px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__card-title {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__card-desc {
	line-height: 22px;
	margin-top: 8px;
	color: #293957
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card {
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 100%;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border-radius: 4px;
	cursor: pointer;
	transition: all .3s linear
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card-inner {
	padding-top: 49.66443%;
	border-radius: 4px;
	background-size: cover;
	background-position: 50%;
	position: relative;
	overflow: hidden
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card-inner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 82, 217, .3)
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card video {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: .5
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card-icon:after {
	content: "";
	display: block;
	margin-right: -2px;
	width: 8px;
	height: 10px;
	background-image: url(images/video-icon_167.svg)
}

.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__video-card:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2)
}

@media screen and (min-width:769px) {
	.tpm-case-l-r-layout--video-card .tpm-logo-card {
		background: #f5f7fa;
		border: 2px solid #fff;
		border-radius: 8px;
		box-shadow: none;
		transition: box-shadow .3s ease-in-out
	}

	.tpm-case-l-r-layout--video-card .tpm-logo-card__list {
		text-align: left
	}

	.tpm-case-l-r-layout--video-card .tpm-logo-card__list li {
		padding: 0 8px 12px;
		width: 25%
	}

	.tpm-case-l-r-layout--video-card .tpm-logo-card__wrap {
		margin-bottom: -40px
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-1 .tpm-case-l-r-layout__card {
		height: 243px
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-1 .tpm-case-l-r-layout__card-desc {
		display: none
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-2 .tpm-case-l-r-layout__card {
		height: 294px
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-2 .tpm-case-l-r-layout__card-desc {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-3 .tpm-case-l-r-layout__card {
		height: 406px
	}

	.tpm-case-l-r-layout--video-card.tpm-case-l-r-layout--row-3 .tpm-case-l-r-layout__card-desc {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden
	}
}

@media screen and (min-width:769px) {
	.tpm-case-l-r-layout--swiper.tpm-case-l-r-layout--row-1 .tpm-case-l-r-layout__card {
		height: 278px
	}

	.tpm-case-l-r-layout--swiper.tpm-case-l-r-layout--row-2 .tpm-case-l-r-layout__card {
		height: 330px
	}
}

.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__main {
	width: 380px
}

.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__side {
	margin-left: 12px
}

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

.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__card__video-card {
	margin-bottom: 20px
}

.tpm-case-l-r-layout--swiper .tpm-swiper__btn {
	top: 120px;
	width: 32px;
	height: 32px;
	z-index: 2;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.tpm-case-l-r-layout--swiper .tpm-swiper__btn--prev {
	right: auto;
	margin-right: 0;
	margin-left: 4px
}

.tpm-case-l-r-layout--swiper .tpm-swiper__btn--next {
	right: 32px;
	left: auto;
	margin-left: 0
}

.tpm-case-l-r-layout--swiper .tpm-swiper__pages {
	margin-top: 0;
	z-index: 3;
	position: relative;
	top: -24px;
	right: 14px
}

.tpm-case-l-r-layout--swiper .tpm-swiper .swiper-container {
	margin-bottom: -28px
}

.tpm-case-l-r-layout--swiper .tpm-swiper .swiper-slide {
	padding: 0 28px 28px 0;
	box-sizing: border-box;
	height: auto
}

.tpm-case-l-r-layout--swiper .tpm-swiper .is-hide,
.tpm-case-l-r-layout--swiper .tpm-swiper .swiper-slide-prev {
	opacity: 0;
	transition: opacity .3s linear
}

@media screen and (max-width:768px) {
	.tpm-case-l-r-layout {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-case-l-r-layout__main {
		width: 100%
	}

	.tpm-case-l-r-layout__side {
		margin: 20px 0 0
	}

	.tpm-case-l-r-layout__card-title {
		font-size: 16px;
		line-height: 22px
	}

	.tpm-case-l-r-layout__card-name,
	.tpm-case-l-r-layout__logo-tit {
		display: none
	}

	.tpm-case-l-r-layout .tpm-logo-card__wrap {
		margin-left: -24px;
		margin-right: -24px
	}

	.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__side {
		padding-top: 4px
	}

	.tpm-case-l-r-layout--video-card .tpm-case-l-r-layout__main {
		width: 100%
	}

	.tpm-case-l-r-layout--video-card .tpm-link {
		text-align: center;
		margin-top: 24px
	}

	.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__main {
		display: block;
		width: calc(100% + 16px);
		overflow: hidden
	}

	.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__side {
		width: 100%;
		display: block;
		margin-left: 0
	}

	.tpm-case-l-r-layout--swiper .tpm-case-l-r-layout__card {
		padding-bottom: 32px;
		width: 280px
	}

	.tpm-case-l-r-layout--swiper .tpm-swiper {
		width: 864px
	}

	.tpm-case-l-r-layout--swiper .tpm-swiper__btn {
		display: none
	}

	.tpm-case-l-r-layout--swiper .tpm-swiper__pages {
		margin-top: 24px;
		top: 0;
		right: 0;
		width: 100vw
	}

	.tpm-case-l-r-layout--swiper .tpm-swiper .swiper-slide {
		padding: 0 12px 28px 0
	}

	.tpm-case-l-r-layout--swiper .tpm-swiper .is-hide {
		opacity: 1
	}
}

@media screen and (max-width:600px) {
	.tpm-case-l-r-layout .tpm-logo-card__wrap {
		margin-left: -16px;
		margin-right: -16px
	}
}

.tpm-partner,
.tpm-partner__section {
	-webkit-font-smoothing: antialiased
}

.tpm-partner__item {
	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: 4px;
	padding: 20px 20px 24px;
	height: 100%
}

.tpm-partner__item-logo {
	height: 40px;
	margin-bottom: 12px;
	border-radius: 4px
}

.tpm-partner__item-title {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-partner__item-desc {
	margin-top: 12px;
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.tpm-partner__item--center {
	text-align: center;
	padding: 20px
}

.tpm-partner__item--center .tpm-partner__item-desc {
	-webkit-line-clamp: 1
}

.tpm-partner__apply {
	text-align: center;
	margin-top: 48px
}

.tpm-partner__apply-tit {
	font-size: 20px;
	color: #000;
	line-height: 28px;
	font-weight: 500
}

.tpm-partner__apply-desc,
.tpm-partner__apply-tit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-partner__apply-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	max-width: 700px;
	margin: 20px auto 0
}

.tpm-partner__apply-btn {
	margin-top: 20px
}

.tpm-partner__list--single .tpm-partner__item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 28px 28px 32px
}

.tpm-partner__list--single .tpm-partner__item-logo {
	margin-right: 32px
}

.tpm-partner__list--single .tpm-partner__item-desc {
	margin-top: 16px
}

@media screen and (max-width:768px) {
	.tpm-partner__apply-desc {
		white-space: pre-wrap;
		text-align: left
	}

	.tpm-partner__apply-btn {
		width: 100%
	}
}

.tpm-experience {
	-webkit-font-smoothing: antialiased
}

@media screen and (min-width:769px) {
	.tpm-experience__list--col2.tp-grid__row {
		max-width: 840px;
		margin: 0 auto -40px
	}

	.tpm-experience__list--col4 .tpm-experience__item {
		padding: 20px
	}

	.tpm-experience__list--col4 .tpm-experience__item-cnt {
		max-width: 132px
	}

	.tpm-experience__list--col4 .tpm-experience__item .tpm-btn {
		min-width: 88px;
		width: 88px;
		padding: 0
	}
}

.tpm-experience__item {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	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: 4px;
	padding: 20px 28px;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-experience__item-cnt {
	-ms-flex: 1;
	flex: 1;
	max-width: 192px
}

.tpm-experience__item-hd {
	padding-top: 8px
}

.tpm-experience__item-title {
	font-size: 18px;
	color: #000;
	line-height: 26px;
	font-weight: 500;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.tpm-experience__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-experience__item-label {
	border: 1px solid #f64041;
	border-radius: 2px;
	padding: 0 8px;
	font-size: 12px;
	color: #f64041;
	line-height: 18px;
	display: inline-block;
	margin-left: 4px;
	margin-top: 3px
}

.tpm-experience__item-qr {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 4px;
	padding: 4px;
	margin-left: 12px
}

.tpm-experience__item-qr img {
	height: 100%
}

.tpm-experience__item-btns {
	margin-left: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-experience__item .tpm-btn {
	min-width: 120px;
	margin-bottom: 12px;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	-webkit-font-smoothing: auto
}

.tpm-experience__item .tpm-btn:last-child {
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.tpm-experience__item {
		padding: 20px;
		max-width: 100%
	}

	.tpm-experience__item--with-btn {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-experience__item--with-btn .tpm-experience__item-cnt {
		max-width: 100%
	}

	.tpm-experience__item--with-btn .tpm-experience__item-desc {
		margin-top: 4px
	}

	.tpm-experience__item-hd {
		padding-top: 0
	}

	.tpm-experience__item-qr {
		width: 88px;
		height: 88px
	}

	.tpm-experience__item-btns {
		margin-left: 0;
		margin-top: 16px;
		-ms-flex-direction: row;
		flex-direction: row
	}

	.tpm-experience__item .tpm-btn {
		margin-bottom: 0;
		min-width: 0;
		width: calc(50% - 10px);
		font-size: 14px;
		margin-right: 16px;
		height: 36px
	}

	.tpm-experience__item .tpm-btn:last-child {
		margin-right: 0
	}
}

.tpm-video-intro-card {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tpm-video-intro-card__item {
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 0 20px 20px;
	margin-top: 32px
}

.tpm-video-intro-card__item-bg-wrap {
	margin-top: -32px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	height: 160px;
	cursor: pointer
}

.tpm-video-intro-card__item-bg-wrap:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: .33;
	background: #0052d9;
	border-radius: .5px;
	position: absolute;
	top: 0;
	z-index: 0
}

.tpm-video-intro-card__item-bg {
	height: 100%
}

.tpm-video-intro-card__item-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #0052d9;
	z-index: 1
}

.tpm-video-intro-card__item-icon:after {
	content: "";
	display: block;
	margin-right: -2px;
	width: 8px;
	height: 10px;
	background-image: url(images/video-icon_1ee.svg)
}

.tpm-video-intro-card__item-cnt {
	margin-top: 12px
}

.tpm-video-intro-card__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden
}

.tpm-video-intro-card__item-title {
	font-size: 16px;
	color: #16181a;
	line-height: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-solution-hero {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 480px;
	background-color: #f3f9fb;
	position: relative;
	box-sizing: border-box;
	padding: 0 10px
}

.tpm-solution-hero__bg {
	background-size: auto 100%;
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative
}

.tpm-solution-hero__bg-wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.tpm-solution-hero__bg-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 480px;
	background-image: url(images/banner-line_921.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	pointer-events: none
}

.tpm-solution-hero__bg:after,
.tpm-solution-hero__bg:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	pointer-events: none
}

.tpm-solution-hero__bg:before {
	right: 50%;
	width: 760px;
	margin-right: 200px;
	background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #f3f9fb 50%)
}

.tpm-solution-hero__bg:after {
	left: 50%;
	width: 364px;
	margin-left: 596px;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #f3f9fb 50%)
}

.tpm-solution-hero__icon {
	width: 220px;
	position: absolute;
	left: 50%;
	margin-left: -230px;
	bottom: -35px;
	-webkit-perspective: 400px;
	perspective: 400px
}

.tpm-solution-hero__icon img {
	display: block;
	width: 100%
}

.tpm-solution-hero__inner {
	z-index: 2;
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding-top: 62px;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex
}

.tpm-solution-hero__content {
	max-width: 500px;
	padding-top: 80px;
	position: relative
}

.tpm-solution-hero__link {
	position: absolute;
	top: 48px
}

.tpm-solution-hero__tit {
	font-size: 42px;
	line-height: 52px;
	font-weight: 500;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-solution-hero__desc {
	font-size: 16px;
	color: #495770;
	line-height: 28px;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.tpm-solution-hero__btn-group {
	margin-top: 40px
}

.tpm-solution-hero__btn-group .tpm-btn {
	min-width: 136px;
	margin-right: 16px;
	padding: 0
}

.tpm-solution-hero__btn-group .tpm-btn:last-child {
	margin-right: 0
}

.tpm-solution-hero__btn-group .tpm-btn__icon {
	margin-right: 8px
}

.tpm-solution-hero__btn-group .tpm-btn__text {
	-webkit-font-smoothing: auto
}

.tpm-solution-hero__btn-group .tpm-btn--white {
	border: 1px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	color: #000;
	transition: all .3s ease-in-out
}

.tpm-solution-hero__btn-group .tpm-btn--white:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .3), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	background: #fff
}

.tpm-solution-hero__bg-ani {
	position: absolute;
	left: 50%;
	margin-left: -76px;
	top: 104px;
	width: 700px;
	height: 330px;
	background-image: url(images/css_sprites_b3d.png);
	background-repeat: no-repeat;
	opacity: .3
}

.tpm-solution-hero--video .tpm-solution-hero__bg {
	background-image: url(images/video-bg_83a.png)
}

.tpm-solution-hero--video .tpm-solution-hero__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.tpm-solution-hero--video .tpm-solution-hero__video img,
.tpm-solution-hero--video .tpm-solution-hero__video video {
	position: absolute;
	left: 50%;
	top: 90px;
	width: 710px;
	margin-left: -72px
}

.tpm-solution-hero__poweredby {
	position: relative;
	vertical-align: top;
	height: 40px;
	min-width: 112px;
	margin-top: 24px;
	padding: 0 16px;
	border: 1px solid #6f84a5;
	border-top-color: transparent;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: default
}

.tpm-solution-hero__poweredby-title {
	position: absolute;
	left: -1px;
	right: -1px;
	top: -14px;
	font-weight: 500;
	font-size: 12px;
	color: #6f84a5;
	line-height: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end
}

.tpm-solution-hero__poweredby-title:before {
	content: "";
	margin-right: 7px;
	margin-bottom: 6px;
	width: 16px;
	height: 4px;
	box-sizing: border-box;
	border-color: #6f84a5;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-top-left-radius: 4px
}

.tpm-solution-hero__poweredby-title:after {
	content: "";
	display: block;
	-ms-flex: 1;
	flex: 1;
	margin-left: 7px;
	margin-bottom: 6px;
	height: 4px;
	box-sizing: border-box;
	border-color: #6f84a5;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-top-right-radius: 4px
}

.tpm-solution-hero__poweredby img {
	display: block;
	height: 20px
}

.tpm-solution-hero__poweredby-hover-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden
}

.tpm-solution-hero__poweredby-item {
	position: relative;
	display: block;
	margin-right: 20px;
	cursor: default
}

.tpm-solution-hero__poweredby-item[href] {
	cursor: pointer
}

.tpm-solution-hero__poweredby-item[href]:hover img {
	opacity: 0;
	visibility: hidden
}

.tpm-solution-hero__poweredby-item[href]:hover .tpm-solution-hero__poweredby-hover-img {
	opacity: 1;
	visibility: visible
}

.tpm-solution-hero__poweredby-item:last-child {
	margin-right: 0
}

@media screen and (max-width:768px) {
	.tpm-solution-hero {
		text-align: center;
		padding-top: 192px;
		height: auto;
		overflow: hidden
	}

	.tpm-solution-hero--has-link {
		padding-top: 222px
	}

	.tpm-solution-hero__content {
		margin: 0 auto;
		padding-top: 0
	}

	.tpm-solution-hero__link {
		top: -28px;
		left: 50%;
		-webkit-transform: translate(-50%);
		transform: translate(-50%)
	}

	.tpm-solution-hero__tit {
		font-size: 24px;
		color: #000;
		line-height: 32px;
		white-space: pre-wrap;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.tpm-solution-hero__desc {
		font-size: 14px;
		color: #495770;
		line-height: 24px;
		margin: 8px auto 0
	}

	.tpm-solution-hero__btn-group {
		margin-top: 12px
	}

	.tpm-solution-hero__btn-group .tpm-btn {
		min-width: 126px;
		margin-right: 20px;
		line-height: 34px;
		height: 36px;
		font-size: 14px
	}

	.tpm-solution-hero__inner {
		padding: 0 6px 16px;
		position: relative
	}

	.tpm-solution-hero__inner:before {
		content: "";
		position: absolute;
		top: -22px;
		left: -10%;
		z-index: -1;
		display: block;
		width: 120%;
		height: 89px;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f3f9fb 79%)
	}

	.tpm-solution-hero__icon {
		width: 115px;
		top: 76px;
		position: absolute;
		margin-left: -170px;
		bottom: auto;
		z-index: 3
	}

	.tpm-solution-hero__bg-wrap {
		overflow: hidden
	}

	.tpm-solution-hero__bg,
	.tpm-solution-hero__bg-wrap:after {
		width: 140%;
		height: 480px;
		margin-left: -20%;
		margin-top: -153px;
		background-size: auto 222px;
		background-position: right calc(50% + 53px) top calc(50% - 10px)
	}

	.tpm-solution-hero__bg:before {
		position: absolute;
		left: 0;
		top: 0;
		right: auto;
		z-index: 1;
		width: 100%;
		height: 50%;
		margin-left: 0;
		margin-right: 0;
		background: url(images/bg_1bd.jpg) no-repeat;
		background-size: auto 28.6px;
		background-position: right calc(50% + 53px) top calc(50% + 14px)
	}

	.tpm-solution-hero__bg:after {
		position: absolute;
		left: 0;
		top: 290px;
		margin-left: 0;
		width: 100%;
		height: 90px;
		background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f3f9fb 79%)
	}

	.tpm-solution-hero__bg-ani {
		top: 15px;
		width: 320px;
		height: 151px;
		margin-left: -84px;
		background-image: url(images/css_sprites_mobile_038.png)
	}

	.tpm-solution-hero--video .tpm-solution-hero__bg {
		background-image: url(images/video-bg-mobile_f31.png)
	}

	.tpm-solution-hero--video .tpm-solution-hero__video {
		height: 188px
	}

	.tpm-solution-hero--video .tpm-solution-hero__video img,
	.tpm-solution-hero--video .tpm-solution-hero__video video {
		position: absolute;
		top: 10px;
		width: 328px;
		margin-left: -86px
	}

	.tpm-solution-hero__poweredby {
		display: none
	}

	.tpm-solution-hero__bg-ani.is-repeat {
		-webkit-animation: tpm-solution-hero__bg-ani-repeat .3s steps(29) infinite alternate;
		animation: tpm-solution-hero__bg-ani-repeat .3s steps(29) infinite alternate
	}

	@-webkit-keyframes tpm-solution-hero__bg-ani-repeat {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -4379px
		}
	}

	@keyframes tpm-solution-hero__bg-ani-repeat {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -4379px
		}
	}
}

@media screen and (min-width:769px) {
	.tpm-solution-hero__bg-ani.is-repeat {
		-webkit-animation: tpm-solution-hero__bg-ani-repeat .3s steps(29) infinite alternate;
		animation: tpm-solution-hero__bg-ani-repeat .3s steps(29) infinite alternate
	}

	@-webkit-keyframes tpm-solution-hero__bg-ani-repeat {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -9570px
		}
	}

	@keyframes tpm-solution-hero__bg-ani-repeat {
		0% {
			background-position: 0 0
		}

		to {
			background-position: 0 -9570px
		}
	}
}

@media screen and (max-width:600px) {
	.tpm-solution-hero__icon {
		margin-left: -180px;
		width: 90px;
		top: 104px
	}

	.tpm-solution-hero__bg,
	.tpm-solution-hero__bg-wrap:after {
		background-position: right calc(50% + 113px) top calc(50% - 10px)
	}

	.tpm-solution-hero__bg:before {
		background-position: right calc(50% + 113px) top calc(50% + 14px)
	}

	.tpm-solution-hero__bg-ani {
		margin-left: -144px
	}

	.tpm-solution-hero__btn-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -10px;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-solution-hero__btn-group .tpm-btn {
		min-width: 0;
		max-width: 180px;
		margin-right: 12px;
		margin-bottom: 10px;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding: 0 10px
	}
}

.tpm-developer,
.tpm-developer__section {
	-webkit-font-smoothing: antialiased
}

.tpm-developer__item {
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	position: relative
}

.tpm-developer__item-hd {
	padding: 20px;
	background-position: 100% 0;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 30%, hsla(0, 0%, 100%, 0)), url(images/tpm1-developer-bg-developer-3_b3b.png);
	background-repeat: no-repeat;
	position: relative
}

.tpm-developer__item-title {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-developer__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

.tpm-developer__item-desc,
.tpm-developer__item-tags {
	margin-top: 8px;
	overflow: hidden
}

.tpm-developer__item-tags-inner {
	margin-right: -8px;
	margin-bottom: -8px;
	font-size: 0
}

.tpm-developer__item-tag {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 0 8px;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	color: #97a3b7;
	text-align: center;
	background: #fff;
	border: 1px solid #97a3b7;
	border-radius: 2px
}

.tpm-developer__item-bd {
	padding: 20px
}

.tpm-developer__item-bd,
.tpm-developer__item-ft {
	border-top: 1px solid #e5e8ed
}

.tpm-developer__item-ft .tpm-link {
	display: block;
	padding: 12px 20px
}

.tpm-developer__item-list-item+.tpm-developer__item-list-item {
	margin-top: 8px
}

.tpm-developer__item-list-link {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

@media screen and (min-width:769px) {
	.tpm-developer__item-list-link {
		transition: color .3s ease-in-out, font-weight .3s ease-in-out
	}
}

.tpm-developer__item-list-link:hover {
	color: #0052d9;
	font-weight: 500
}

.tpm-list-collapse__trigger {
	margin-top: 24px;
	text-align: center
}

.tpm-scene-card__item {
	padding: 160px 10px 0;
	height: 100%;
	position: relative
}

.tpm-scene-card__item-object {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 180px;
	border-radius: 4px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.tpm-scene-card__item-main {
	position: relative;
	height: 100%;
	padding: 20px;
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px
}

.tpm-scene-card__item-title {
	font-weight: 500;
	font-size: 18px;
	color: #16181a;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-scene-card__item-desc {
	margin-top: 16px;
	font-size: 14px;
	color: #495770;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	max-height: 96px
}

.tpm-scene-card__item-links {
	margin-top: 20px;
	padding-top: 12px;
	border-top: 1px solid rgba(73, 87, 112, .2)
}

.tpm-scene-card__item--link .tpm-scene-card__item-main {
	padding-bottom: 72px
}

.tpm-scene-card__item--link .tpm-scene-card__item-links {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px
}

.tpm-scene-card__swiper .swiper-container {
	padding-bottom: 20px
}

.tpm-scene-card__swiper .swiper-slide {
	padding: 0 10px;
	box-sizing: border-box;
	transition: opacity .3s linear;
	height: auto
}

.tpm-scene-card__swiper .tpm-swiper__pages {
	margin-top: 14px
}

.tpm-news-panel {
	position: relative;
	min-height: 226px;
	background: #f3f5f8 url(images/bg_4f7.png) 100% 0 no-repeat;
	background-size: 210px auto;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	padding: 28px 32px 16px 376px;
	-webkit-font-smoothing: antialiased
}

.tpm-news-panel__object {
	position: absolute;
	left: 32px;
	top: -30px;
	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: 4px;
	width: 312px;
	height: 240px
}

.tpm-news-panel__img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.tpm-news-panel__title {
	font-weight: 500;
	font-size: 20px;
	color: #16181a;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-news-panel__desc {
	margin-top: 12px;
	min-height: 96px
}

.tpm-news-panel__opts {
	margin-top: 12px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-news-panel__opts .tpm-btn,
.tpm-news-panel__opts .tpm-news-panel__opt {
	margin-right: 20px
}

.tpm-news-panel__swiper,
.tpm-news-panel__swiper .swiper-container {
	height: 100%
}

.tpm-news-panel__swiper .tpm-swiper__btn {
	width: 32px;
	height: 32px;
	z-index: 2;
	background: #fff;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .16);
	margin-top: -32px
}

.tpm-news-panel__swiper .tpm-swiper__btn .tpm-swiper__btn-inner {
	width: 30px;
	height: 30px;
	background-image: linear-gradient(135deg, #dbe2e9, #fff);
	box-shadow: none
}

.tpm-news-panel__swiper .tpm-swiper__btn--prev {
	margin-right: -16px
}

.tpm-news-panel__swiper .tpm-swiper__btn--next {
	margin-left: -16px
}

.tpm-news-panel__swiper .tpm-swiper__pages {
	margin-top: 16px
}

.tpm-news-panel--imgs {
	min-height: 246px
}

@media screen and (max-width:768px) {
	.tpm-news-panel {
		padding: 230px 20px 32px;
		background: #f3f5f8;
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
		border-radius: 4px
	}

	.tpm-news-panel__object {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: calc(100% - 24px);
		max-width: 304px
	}

	.tpm-news-panel__title {
		font-size: 18px;
		line-height: 28px;
		text-align: center
	}

	.tpm-news-panel__desc {
		min-height: 0
	}

	.tpm-news-panel__opts {
		margin-top: 20px;
		display: block
	}

	.tpm-news-panel__btns {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-news-panel__btns .tpm-btn,
	.tpm-news-panel__btns .tpm-news-panel__opt {
		-ms-flex: 1;
		flex: 1;
		margin-right: 12px
	}

	.tpm-news-panel__btns .tpm-btn:last-child,
	.tpm-news-panel__btns .tpm-news-panel__opt:last-child {
		margin-right: 0
	}

	.tpm-news-panel__links {
		display: block;
		text-align: center;
		margin-top: 20px
	}

	.tpm-news-panel__swiper .tpm-swiper__btn {
		display: none
	}

	.tpm-news-panel--imgs {
		min-height: 0;
		padding-top: 246px
	}
}

@media screen and (max-width:600px) {
	.tpm-news-panel {
		padding-left: 12px;
		padding-right: 12px
	}

	.tpm-news-panel__title {
		text-align: left
	}
}

.tpm-icon {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px
}

.tpm-icon--play {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 60% 100%;
	background-size: 1100% auto
}

.tpm-sub-solution,
.tpm-sub-solution__section {
	-webkit-font-smoothing: antialiased
}

.tpm-sub-solution__list--s .tpm-sub-solution__item-unordered {
	margin-top: 14px
}

.tpm-sub-solution__list--s .tpm-sub-solution__item-unordered-item {
	display: inline-block;
	width: 50%
}

.tpm-sub-solution__list--s .tpm-sub-solution__item-unordered-item:first-child {
	margin-top: 6px
}

.tpm-sub-solution__item {
	background-image: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 4px;
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width:769px) {
	.tpm-sub-solution__item {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-sub-solution__item-hd {
	height: 100px;
	position: relative
}

.tpm-sub-solution__item-hd:before {
	content: "";
	position: absolute;
	background-color: rgba(0, 82, 217, .32);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.tpm-sub-solution__item-bg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.tpm-sub-solution__item-header {
	font-size: 22px;
	color: #fff;
	line-height: 28px;
	font-weight: 500;
	position: absolute;
	top: 36px;
	left: 20px
}

.tpm-sub-solution__item-title {
	font-weight: 500;
	font-size: 18px;
	color: #16181a;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-sub-solution__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-sub-solution__item-desc {
	margin-top: 16px;
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.tpm-sub-solution__item-unordered {
	margin-top: 20px
}

.tpm-sub-solution__item-unordered-item {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-sub-solution__item-unordered-item+.tpm-sub-solution__item-unordered-item {
	margin-top: 6px
}

.tpm-sub-solution__item-unordered-item:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #495770;
	margin-right: 4px;
	vertical-align: middle
}

.tpm-sub-solution__item-bd {
	padding: 20px 20px 12px;
	-ms-flex: 1;
	flex: 1
}

.tpm-sub-solution__item-ft {
	padding: 12px 0;
	border-top: 1px solid rgba(73, 87, 112, .2);
	margin: 0 20px
}

.tpm-sub-solution__item:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-sub-solution__item:hover .tpm-sub-solution__item-title {
	color: #0052d9
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-bd {
	padding: 0 20px;
	height: 272px;
	overflow-y: auto;
	-ms-flex: unset;
	flex: unset
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-bd::-webkit-scrollbar-thumb {
	background-color: rgba(73, 87, 112, .2);
	border-radius: 5px
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-bd::-webkit-scrollbar {
	width: 6px;
	background-color: transparent
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-bd::-webkit-scrollbar-track {
	background-color: transparent
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item {
	border-top: 1px solid rgba(73, 87, 112, .2)
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item:first-child {
	border-top-width: 0
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item-link {
	padding: 20px 0;
	display: block
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item-link:hover .tpm-sub-solution__item-list-item-tit {
	color: #0052d9
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item-tit {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	line-height: 24px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-sub-solution__item--list .tpm-sub-solution__item-list-item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px;
	margin-top: 4px;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.tpm-3-action-panel {
	-webkit-font-smoothing: antialiased;
	padding-top: 58px
}

.tpm-3-action-panel__wrap {
	padding: 0 10px;
	background-image: linear-gradient(90deg, #1e232c 50%, #0052d9 0);
	position: relative;
	z-index: 0
}

.tpm-3-action-panel__inner {
	background-image: url(images/tpm1-action-panel3-bg-part1_43b.png), url(images/tpm1-action-panel3-bg-part2_4f6.png), linear-gradient(90deg, #1e232c 45%, #0052d9 0);
	background-repeat: no-repeat;
	background-position: calc(45% + 483px) top, calc(45% + 110px) bottom, 0 0;
	background-size: 220px auto, 188px auto, auto;
	color: #fff;
	margin: 0 auto;
	max-width: 1180px;
	min-height: 160px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 20px 0
}

.tpm-3-action-panel__inner:before {
	content: "";
	display: block;
	height: 600px;
	width: 300px;
	background-color: #1e232c;
	position: absolute;
	left: 45%;
	bottom: 0;
	margin-left: -300px;
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.tpm-3-action-panel__hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-3-action-panel__hd:before {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: block;
	content: "";
	height: 32px;
	width: 32px;
	margin-right: 12px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(images/tpm1-action-panel3-icon-tit_2a3.svg)
}

.tpm-3-action-panel__extra-title,
.tpm-3-action-panel__title {
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-3-action-panel__desc,
.tpm-3-action-panel__extra-desc {
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px
}

.tpm-3-action-panel__desc-inner,
.tpm-3-action-panel__extra-desc-inner {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.tpm-3-action-panel__btns,
.tpm-3-action-panel__extra-btns {
	margin-top: 12px
}

.tpm-3-action-panel__btn,
.tpm-3-action-panel__extra-btn {
	-webkit-font-smoothing: auto;
	min-width: 132px;
	box-shadow: none
}

.tpm-3-action-panel__btn+.tpm-3-action-panel__btn,
.tpm-3-action-panel__btn+.tpm-3-action-panel__extra-btn,
.tpm-3-action-panel__extra-btn+.tpm-3-action-panel__btn,
.tpm-3-action-panel__extra-btn+.tpm-3-action-panel__extra-btn {
	margin-left: 16px
}

.tpm-3-action-panel__extra-btn.tpm-btn--white {
	color: #0052d9
}

.tpm-3-action-panel__img {
	width: 200px;
	top: -61px;
	position: absolute;
	left: calc(50% + 140px);
	z-index: 1;
	height: 200px;
	background: url(images/tpm1-action-panel3-img-calendar_553.png);
	background-size: contain;
	background-repeat: no-repeat
}

.tpm-3-action-panel__main {
	position: relative;
	z-index: 2;
	width: 40%;
	margin-right: 225px
}

.tpm-3-action-panel__extra {
	position: relative;
	z-index: 2;
	width: 1px;
	-ms-flex: 1;
	flex: 1
}

.tpm-3-action-panel.has-extra .tpm-3-action-panel__img {
	left: calc(50% - 118px)
}

.tpm-3-action-panel__qrcodes {
	position: relative;
	z-index: 2;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.tpm-3-action-panel .tpm-qrcode {
	margin-right: 40px;
	width: 100px
}

.tpm-3-action-panel .tpm-qrcode__text {
	color: #fff
}

.tpm-3-action-panel--code .tpm-3-action-panel__main {
	margin-right: 290px
}

.tpm-3-action-panel--code-text .tpm-qrcode {
	margin-right: 20px
}

.tpm-3-action-panel--code-text .tpm-3-action-panel__extra-desc {
	display: block
}

.tpm-3-action-panel--custom .tpm-3-action-panel__hd:before {
	display: none;
	background: none
}

.tpm-3-action-panel--custom .tpm-3-action-panel__icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: block;
	content: "";
	height: 32px;
	width: 32px;
	margin-right: 12px;
	background-size: cover;
	background-repeat: no-repeat
}

@media screen and (max-width:768px) {
	.tpm-3-action-panel {
		padding-top: 0
	}

	.tpm-3-action-panel__wrap {
		background: none;
		height: auto;
		padding: 0;
		background-image: radial-gradient(25% 245%, #242933 0, #242933 0);
		overflow: hidden
	}

	.tpm-3-action-panel__wrap:after {
		display: none
	}

	.tpm-3-action-panel__inner {
		padding: 0;
		background: none;
		text-align: center;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-3-action-panel__inner:before {
		display: none
	}

	.tpm-3-action-panel__main {
		width: 100%;
		padding: 32px 20px;
		margin-right: 0
	}

	.tpm-3-action-panel__extra {
		width: 100%;
		padding: 20px 20px 32px;
		background-color: #0052d9
	}

	.tpm-3-action-panel__hd {
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-3-action-panel__img {
		width: 170px;
		opacity: .2;
		top: 15px;
		left: auto;
		right: -65px;
		z-index: -1
	}

	.tpm-3-action-panel__desc,
	.tpm-3-action-panel__extra-desc {
		display: block
	}

	.tpm-3-action-panel__desc-inner,
	.tpm-3-action-panel__extra-desc-inner {
		display: inline-block;
		vertical-align: top;
		display: -webkit-inline-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		max-width: 100%;
		text-align: left
	}

	.tpm-3-action-panel.has-extra .tpm-3-action-panel__img {
		left: auto;
		right: -65px
	}

	.tpm-3-action-panel__qrcodes {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		padding: 36px 20px 32px;
		background-color: #0052d9
	}

	.tpm-3-action-panel .tpm-qrcode {
		margin: 0 20px;
		width: 100px
	}

	.tpm-3-action-panel .tpm-qrcode__img {
		width: 100px;
		height: 100px
	}

	.tpm-3-action-panel--code .tpm-3-action-panel__main {
		margin-right: 0
	}

	.tpm-3-action-panel--code-text .tpm-3-action-panel__qrcodes {
		-ms-flex-order: 3;
		order: 3;
		padding-top: 0
	}
}

.tpm-price-intro {
	-webkit-font-smoothing: antialiased
}

.tpm-price-intro .tpm-tabs__cont {
	position: relative;
	overflow: hidden
}

.tpm-price-intro .tpm-tabs__cont:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: 293px;
	top: 119px;
	width: 296px;
	height: 288px;
	background-image: url(images/bg_7f1.svg);
	background-repeat: no-repeat;
	pointer-events: none
}

.tpm-price-intro__price {
	position: relative;
	padding-left: 68px
}

.tpm-price-intro__price-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px
}

.tpm-price-intro__price-title {
	font-weight: 500;
	font-size: 18px;
	color: #000;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-price-intro__price-desc {
	margin-top: 4px;
	font-size: 14px;
	color: #495770;
	line-height: 24px;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.tpm-price-intro__price-price {
	margin-top: 8px;
	font-weight: 500;
	font-size: 14px;
	color: #0052d9;
	line-height: 14px
}

.tpm-price-intro__price-price em {
	font-weight: 500;
	font-size: 24px;
	color: #0052d9;
	line-height: 26px
}

.tpm-price-intro__price-list {
	margin: 0 -14px -20px
}

.tpm-price-intro__price-list .tp-grid__col {
	padding: 0 14px;
	margin-bottom: 40px
}

.tpm-price-intro__sale {
	position: relative
}

.tpm-price-intro__sale .tpm-sale__item-left {
	width: 168px
}

.tpm-price-intro__sale .tpm-sale__item-detail-content {
	padding-top: 16px
}

.tpm-price-intro__tip {
	text-align: center;
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.tpm-price-intro .tpm-collapse__panel {
		background-color: #fff
	}

	.tpm-price-intro .tpm-collapse__panel-bd {
		background-color: transparent
	}

	.tpm-price-intro__price-title {
		font-size: 16px;
		line-height: 24px
	}

	.tpm-price-intro__price-list {
		margin-bottom: 0
	}

	.tpm-price-intro__price-list .tp-grid__col {
		margin-bottom: 20px
	}

	.tpm-price-intro__sale {
		margin: 32px -16px 0
	}

	.tpm-price-intro__sale .tpm-sale__item-left {
		width: auto
	}

	.tpm-price-intro__sale .tpm-sale__item-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-price-intro__sale .tpm-sale__item-advantage {
		-ms-flex-order: 1;
		order: 1;
		margin-top: 0
	}

	.tpm-price-intro__sale .tpm-sale__item-detail:first-child {
		-ms-flex-order: 2;
		order: 2;
		margin-top: 20px
	}

	.tpm-price-intro__sale .tpm-sale__item-detail-item {
		width: 100%;
		padding-right: 0;
		display: block
	}

	.tpm-price-intro__sale .tpm-sale__item-detail-label {
		padding: 0;
		margin-bottom: 12px
	}

	.tpm-price-intro__sale.tpm-sale__item--common .tpm-sale__item-detail-content {
		padding: 0;
		width: auto
	}

	.tpm-price-intro__tip {
		margin-top: 16px;
		margin-bottom: -18px
	}
}

@media screen and (max-width:600px) {
	.tpm-price-intro__sale .tpm-sale__item-detail-label {
		display: block;
		width: auto
	}

	.tpm-price-intro__sale.tpm-sale__item--common .tpm-sale__item-detail-content {
		display: block
	}
}

.tp-segment.size-s .tp-segment_item {
	height: 36px;
	line-height: 36px
}

.tp-segment.size-l .tp-segment_item {
	height: 44px;
	line-height: 44px
}

.tp-segment_inner {
	margin-bottom: -12px;
	padding-left: 1px
}

.tp-segment_item {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	min-width: 100px;
	height: 40px;
	margin-bottom: 12px;
	margin-left: -1px;
	padding: 0 20px;
	color: #000;
	font-size: 14px;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ddd;
	outline: 0;
	cursor: pointer;
	transition: all .2s ease-in-out
}

.tp-segment_item:active,
.tp-segment_item:focus,
.tp-segment_item:hover {
	z-index: 1;
	background-color: #f5f7fa;
	border-color: #b3b3b3
}

.tp-segment_item.is-hint {
	z-index: 2;
	border-color: #00a4ff
}

.tp-segment_item.is-active {
	z-index: 3;
	color: #00a4ff;
	background-color: #eff9ff;
	border-color: #00a4ff
}

.tp-segment_item.is-active:after {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 16px;
	height: 16px;
	background-image: url(images/icon-active_88c.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

.tp-segment_item.is-sign:after {
	content: none
}

.tp-segment_item.is-disabled {
	color: #999;
	background-color: #f5f7fa;
	border-color: #ddd;
	cursor: default
}

.tp-segment_item.is-disabled:after {
	content: none
}

@media screen and (max-width:600px) {
	.tp-segment_inner {
		margin-right: -8px;
		margin-bottom: -8px;
		padding-left: 0
	}

	.tp-segment_item {
		min-width: 104px;
		margin-right: 8px;
		margin-bottom: 8px;
		margin-left: 0;
		padding: 0 24px
	}
}

.tpm-segment .tp-segment_item {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

@media screen and (min-width:769px) {
	.tpm-segment .tp-segment_item {
		transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
	}
}

.tpm-segment .tp-segment_item:hover {
	background-color: #f5f7fa;
	box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5)
}

.tpm-segment .tp-segment_item.is-active,
.tpm-segment .tp-segment_item.is-hint {
	background: #fff;
	border: 1px solid #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

.tpm-segment .tp-segment_item.is-active {
	color: #0052d9
}

.tpm-segment .tp-segment_item.is-active:after {
	display: none
}

.tpm-segment .tp-segment_item.is-disabled {
	color: #999;
	background-color: #f5f7fa;
	border-color: #ddd;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5)
}

.tpm-segment .tp-segment_item.is-disabled:hover {
	z-index: inherit
}

.tpm-segment.size-s .tp-segment_item {
	padding-left: 16px;
	padding-right: 16px
}

.tpm-customer-service,
.tpm-customer-service__section {
	-webkit-font-smoothing: antialiased
}

.tpm-customer-service__item {
	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: 4px;
	position: relative;
	height: 100%;
	display: block
}

.tpm-customer-service__item-logo {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-customer-service__item-logo img {
	width: 48px;
	height: 48px
}

.tpm-customer-service__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 22px
}

.tpm-customer-service__item--default {
	padding: 20px
}

.tpm-customer-service__item--default .tpm-customer-service__item-logo {
	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;
	position: absolute;
	right: 20px;
	top: -23px
}

.tpm-customer-service__item--default .tpm-customer-service__item-title {
	font-size: 20px;
	color: #16181a;
	text-align: justify;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-customer-service__item--default .tpm-customer-service__item-link {
	margin-top: 12px;
	display: block
}

.tpm-customer-service__item--blue {
	display: -ms-flexbox;
	display: flex
}

.tpm-customer-service__item--blue .tpm-customer-service__item-side {
	width: 168px;
	background-image: url(images/bg-blue_7a1.png);
	text-align: center;
	background-size: cover;
	padding: 16px 0;
	margin-top: -2px;
	margin-bottom: -2px;
	margin-left: -2px;
	border-radius: 4px 0 0 4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-customer-service__item--blue .tpm-customer-service__item-main {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	padding: 32px 24px
}

.tpm-customer-service__item--blue .tpm-customer-service__item-logo {
	background: #fff;
	margin: 0 auto
}

.tpm-customer-service__item--blue .tpm-customer-service__item-title {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	font-weight: 500;
	margin-top: 12px
}

.tpm-customer-service__item--blue .tpm-customer-service__item-link {
	position: absolute;
	right: 24px;
	bottom: 20px
}

.tpm-customer-service__item--blue.tpm-customer-service__item--link .tpm-customer-service__item-main {
	padding: 20px 24px
}

@media screen and (min-width:769px) {
	.tpm-customer-service__item--link {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-customer-service__item--link:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-customer-service--default .tp-grid__col {
	box-sizing: border-box;
	padding-top: 23px
}

@media screen and (max-width:768px) {
	.tpm-customer-service__item--default {
		padding: 12px 20px
	}

	.tpm-customer-service__item--default .tpm-customer-service__item-logo {
		right: auto;
		left: 20px
	}

	.tpm-customer-service__item--default .tpm-customer-service__item-title {
		padding-left: 76px
	}
}

.tpm-compare-intro--ratio,
.tpm-compare-intro--text {
	padding: 16px 0;
	position: relative;
	width: 1200px;
	margin: 0 auto
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--ratio,
	.tpm-compare-intro--text {
		padding: 0 10px
	}
}

.tpm-compare-intro--ratio:after,
.tpm-compare-intro--text:after {
	width: 50%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #eaedf1;
	background: #fff;
	box-shadow: 3px 3px 12px 0 rgba(55, 99, 170, .2)
}

.tpm-compare-intro--ratio .tpm-compare-intro__inner,
.tpm-compare-intro--text .tpm-compare-intro__inner {
	padding: 40px 64px;
	background-color: rgba(214, 219, 227, .3)
}

.tpm-compare-intro--ratio .tpm-compare-intro__desc-list,
.tpm-compare-intro--ratio .tpm-compare-intro__title-list,
.tpm-compare-intro--text .tpm-compare-intro__desc-list,
.tpm-compare-intro--text .tpm-compare-intro__title-list {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1
}

.tpm-compare-intro--ratio .tpm-compare-intro__desc-list,
.tpm-compare-intro--text .tpm-compare-intro__desc-list {
	margin-top: 12px
}

.tpm-compare-intro--ratio .tpm-compare-intro__title,
.tpm-compare-intro--text .tpm-compare-intro__title {
	-ms-flex: 1;
	flex: 1;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: rgba(24, 24, 24, .4);
	text-align: right
}

.tpm-compare-intro--ratio .tpm-compare-intro__title:last-child,
.tpm-compare-intro--text .tpm-compare-intro__title:last-child {
	font-size: 24px;
	text-align: left;
	color: #181818
}

.tpm-compare-intro--ratio .tpm-compare-intro__desc,
.tpm-compare-intro--text .tpm-compare-intro__desc {
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: rgba(24, 24, 24, .4);
	text-align: right
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--ratio .tpm-compare-intro__desc,
	.tpm-compare-intro--text .tpm-compare-intro__desc {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.tpm-compare-intro--ratio .tpm-compare-intro__desc:last-child,
.tpm-compare-intro--text .tpm-compare-intro__desc:last-child {
	text-align: left;
	color: #4b5b76
}

.tpm-compare-intro--ratio .tpm-compare-intro__content,
.tpm-compare-intro--text .tpm-compare-intro__content {
	position: relative;
	z-index: 1
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-item,
.tpm-compare-intro--text .tpm-compare-intro__content-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 24px
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-label,
.tpm-compare-intro--text .tpm-compare-intro__content-label {
	-ms-flex-order: 1;
	order: 1;
	display: -ms-flexbox;
	display: flex;
	padding: 0 36px
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-label-inner,
.tpm-compare-intro--text .tpm-compare-intro__content-label-inner {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	-ms-flex: 1;
	flex: 1;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #fff;
	border-radius: 80px;
	background-color: #0052d9
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value,
.tpm-compare-intro--text .tpm-compare-intro__content-value {
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: right;
	color: rgba(24, 24, 24, .4)
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value-text,
.tpm-compare-intro--text .tpm-compare-intro__content-value-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child,
.tpm-compare-intro--text .tpm-compare-intro__content-value:last-child {
	text-align: left;
	font-weight: 500;
	-ms-flex-order: 2;
	order: 2;
	color: #181818
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child .tpm-compare-intro__content-value-ratio-inner,
.tpm-compare-intro--text .tpm-compare-intro__content-value:last-child .tpm-compare-intro__content-value-ratio-inner {
	top: 0;
	right: auto;
	left: 0;
	background-color: #0052d9
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value-ratio,
.tpm-compare-intro--text .tpm-compare-intro__content-value-ratio {
	margin-bottom: 8px;
	height: 12px;
	width: 100%;
	background-color: #e3e6eb;
	position: relative
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-value-ratio-inner,
.tpm-compare-intro--text .tpm-compare-intro__content-value-ratio-inner {
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #c4cbd6
}

.tpm-compare-intro--ratio .tpm-compare-intro__btn,
.tpm-compare-intro--text .tpm-compare-intro__btn {
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #0052d9;
	text-align: center;
	bottom: 0;
	left: 0
}

.tpm-compare-intro--ratio .tpm-compare-intro__btn:before,
.tpm-compare-intro--text .tpm-compare-intro__btn:before {
	content: "";
	width: 100%;
	height: 84px;
	background: linear-gradient(0deg, #f5f7fa, rgba(245, 247, 250, 0));
	position: absolute;
	bottom: 0;
	left: 0
}

.tpm-compare-intro--ratio .tpm-compare-intro__btn-text,
.tpm-compare-intro--text .tpm-compare-intro__btn-text {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 11;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.tpm-compare-intro--ratio .tpm-compare-intro__btn-text:after,
.tpm-compare-intro--text .tpm-compare-intro__btn-text:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 11.320754716981133% 88.40579710144928%;
	background-size: 1035.2941176470588% auto
}

.tpm-compare-intro--ratio .tpm-compare-intro__content-item+.tpm-compare-intro__content-item,
.tpm-compare-intro--text .tpm-compare-intro__content-item+.tpm-compare-intro__content-item {
	margin-top: 32px
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value-label,
	.tpm-compare-intro--text .tpm-compare-intro__content-value-label {
		display: none
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-item {
		-ms-flex-align: start;
		align-items: flex-start;
		margin-top: 32px
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value {
		padding-top: 14px
	}
}

@media screen and (max-width:768px) {

	.tpm-compare-intro--ratio,
	.tpm-compare-intro--text {
		width: calc(100% - 32px);
		margin: 0 auto
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__inner,
	.tpm-compare-intro--text .tpm-compare-intro__inner {
		padding: 20px 0
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-label,
	.tpm-compare-intro--text .tpm-compare-intro__content-label {
		display: none
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value,
	.tpm-compare-intro--ratio .tpm-compare-intro__desc,
	.tpm-compare-intro--ratio .tpm-compare-intro__title,
	.tpm-compare-intro--text .tpm-compare-intro__content-value,
	.tpm-compare-intro--text .tpm-compare-intro__desc,
	.tpm-compare-intro--text .tpm-compare-intro__title {
		padding: 0 24px
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-item,
	.tpm-compare-intro--text .tpm-compare-intro__content-item {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value,
	.tpm-compare-intro--text .tpm-compare-intro__content-value {
		overflow: auto
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value .tpm-compare-intro__content-value-label,
	.tpm-compare-intro--text .tpm-compare-intro__content-value .tpm-compare-intro__content-value-label {
		border-radius: 2px;
		background: #e3e6eb;
		color: #9c9d9e;
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
		padding: 0 8px;
		display: inline-block;
		margin-bottom: 8px;
		white-space: nowrap
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child,
	.tpm-compare-intro--text .tpm-compare-intro__content-value:last-child {
		font-weight: 400
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child .tpm-compare-intro__content-value-label,
	.tpm-compare-intro--text .tpm-compare-intro__content-value:last-child .tpm-compare-intro__content-value-label {
		background: #0052d9;
		color: #fff
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-item,
	.tpm-compare-intro--text .tpm-compare-intro__content-item {
		display: none
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-item:nth-child(-n+3),
	.tpm-compare-intro--text .tpm-compare-intro__content-item:nth-child(-n+3) {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__btn,
	.tpm-compare-intro--text .tpm-compare-intro__btn {
		display: block
	}

	.tpm-compare-intro--ratio.is-active .tpm-compare-intro__content-item,
	.tpm-compare-intro--text.is-active .tpm-compare-intro__content-item {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-compare-intro--ratio.is-active .tpm-compare-intro__btn-text:after,
	.tpm-compare-intro--text.is-active .tpm-compare-intro__btn-text:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-item+.tpm-compare-intro__content-item,
	.tpm-compare-intro--text .tpm-compare-intro__content-item+.tpm-compare-intro__content-item {
		margin-top: 16px
	}
}

@media screen and (max-width:768px) and (min-width:601px) {
	.tpm-compare-intro--ratio .tpm-compare-intro__content-value .tpm-compare-intro__content-value-label {
		padding: 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 22px;
		background-color: transparent;
		color: rgba(24, 24, 24, .4)
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child .tpm-compare-intro__content-value-label {
		background-color: transparent;
		color: #181818
	}
}

@media screen and (max-width:600px) {

	.tpm-compare-intro--ratio,
	.tpm-compare-intro--text {
		padding: 0
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value,
	.tpm-compare-intro--ratio .tpm-compare-intro__desc,
	.tpm-compare-intro--ratio .tpm-compare-intro__title,
	.tpm-compare-intro--text .tpm-compare-intro__content-value,
	.tpm-compare-intro--text .tpm-compare-intro__desc,
	.tpm-compare-intro--text .tpm-compare-intro__title {
		padding: 0 20px;
		text-align: left
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value-ratio,
	.tpm-compare-intro--text .tpm-compare-intro__content-value-ratio {
		display: none
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value:last-child,
	.tpm-compare-intro--text .tpm-compare-intro__content-value:last-child {
		color: #4b5b76
	}

	.tpm-compare-intro--ratio .tpm-compare-intro__content-value-text,
	.tpm-compare-intro--text .tpm-compare-intro__content-value-text {
		overflow: auto;
		display: block
	}
}

.tpm-compare-intro--with-btn,
.tpm-compare-intro--with-btn-img {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	max-width: 1200px;
	margin: 0 auto
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--with-btn,
	.tpm-compare-intro--with-btn-img {
		padding: 0 10px
	}
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card,
.tpm-compare-intro--with-btn .tpm-compare-intro-card {
	border: 1px solid #e3e6eb;
	background: #fff;
	box-shadow: 2px 2px 10px 0 rgba(55, 99, 170, .05), -2px -2px 10px 0 rgba(55, 99, 170, .05);
	position: relative
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__content,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__content {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 100%
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card {
		cursor: pointer;
		transition: border .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:hover,
.tpm-compare-intro--with-btn .tpm-compare-intro-card:hover {
	border: 1px solid #0052d9;
	box-shadow: 3px 3px 12px 0 rgba(55, 99, 170, .2)
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:hover .tpm-compare-intro-card__title,
.tpm-compare-intro--with-btn .tpm-compare-intro-card:hover .tpm-compare-intro-card__title {
	color: #0052d9
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__inner,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 1;
	height: 100%;
	-ms-flex: 1;
	flex: 1;
	width: 0
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__img,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__img {
	width: 180px;
	margin-right: 32px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__title,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__title {
	color: #181818;
	font-size: 28px;
	font-weight: 500;
	line-height: 40px;
	margin-bottom: 12px
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__title,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__title {
		transition: color .3s ease-in-out
	}
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__desc,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__desc {
	color: #4b5b76;
	margin-bottom: 24px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px
}

@media screen and (min-width:769px) {

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__desc,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__desc {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item {
	display: -ms-flexbox;
	display: flex
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item--recommend,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item--recommend {
	margin-top: 20px;
	padding-top: 16px;
	margin-bottom: 0;
	border-top: 1px solid #d6dbe3;
	max-height: 116px;
	overflow: hidden
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item--recommend .tpm-compare-intro-card__item-text,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item--recommend .tpm-compare-intro-card__item-text {
	height: 20px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item--recommend .tpm-compare-intro-card__item-text:before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item--recommend .tpm-compare-intro-card__item-text:before {
	display: none;
	content: none
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-label,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-label {
	white-space: nowrap;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	width: 72px;
	margin-right: 8px;
	color: #181818
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:before {
	content: "";
	display: none;
	margin-right: 5px;
	font-family: auto
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:first-child:before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:first-child:before {
	content: "①"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(2):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(2):before {
	content: "②"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(3):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(3):before {
	content: "③"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(4):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(4):before {
	content: "④"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(5):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(5):before {
	content: "⑤"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(6):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(6):before {
	content: "⑥"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(7):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(7):before {
	content: "⑦"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(8):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(8):before {
	content: "⑧"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(9):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(9):before {
	content: "⑨"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-text:nth-child(10):before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-text:nth-child(10):before {
	content: "⑩"
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-value,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-value {
	-ms-flex: 1;
	flex: 1;
	width: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #4b5b76
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-value.is-serialization .tpm-compare-intro-card__item-text:before,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-value.is-serialization .tpm-compare-intro-card__item-text:before {
	display: inline-block
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-link,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-link {
	display: inline-block;
	height: 20px;
	max-width: 100%;
	color: #0052d9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item-link:hover,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item-link:hover {
	text-decoration: underline
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__footer,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__footer {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__btn-group,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__btn-group {
	margin-top: 20px;
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__btn-group .tpm-btn,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__btn-group .tpm-btn {
	width: 120px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__corner,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__corner {
	position: absolute;
	width: 68px;
	height: 68px;
	top: -4px;
	right: -4px;
	background-image: url(images/compare-intro-corner-bg_339.png);
	background-size: 100% 100%;
	overflow: hidden
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__corner-text,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__corner-text {
	height: 18px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #fff;
	white-space: nowrap;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	position: absolute;
	top: 40%;
	left: 60%
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item+.tpm-compare-intro-card__item,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item+.tpm-compare-intro-card__item {
	margin-top: 12px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__item--recommend+.tpm-compare-intro-card__btn-group,
.tpm-compare-intro--with-btn .tpm-compare-intro-card__item--recommend+.tpm-compare-intro-card__btn-group {
	margin-top: 16px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro__footer-btn,
.tpm-compare-intro--with-btn .tpm-compare-intro__footer-btn {
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #0052d9
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro__footer-btn:after,
.tpm-compare-intro--with-btn .tpm-compare-intro__footer-btn:after {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 11.320754716981133% 88.40579710144928%;
	background-size: 1035.2941176470588% auto
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card {
	width: calc(33.33% - 8px);
	margin-right: 12px;
	margin-top: 12px
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card:nth-child(-n+3) {
	margin-top: 0
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card:nth-child(3n+3) {
	margin-right: 0
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card__content {
	padding: 32px;
	position: relative
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card__content:after {
	content: "";
	width: 380px;
	height: 204px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(images/compare-intro-card-bg_3da.jpg);
	background-size: cover
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card.size-l {
	width: calc(50% - 6px)
}

.tpm-compare-intro--with-btn .tpm-compare-intro-card.size-l:nth-child(2) {
	margin-right: 0
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card {
	width: calc(50% - 6px);
	margin-right: 12px;
	margin-top: 12px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__content {
	padding: 24px
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:nth-child(-n+2) {
	margin-top: 0
}

.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:nth-child(2n+2) {
	margin-right: 0
}

@media screen and (max-width:768px) {

	.tpm-compare-intro--with-btn,
	.tpm-compare-intro--with-btn-img {
		padding-bottom: 28px;
		width: calc(100% - 32px)
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card {
		width: 100%;
		margin: 16px 0 0;
		display: none
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:nth-child(-n+2),
	.tpm-compare-intro--with-btn .tpm-compare-intro-card:nth-child(-n+2) {
		display: block
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card:first-child,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card:first-child {
		margin-top: 0
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__title,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__title {
		font-size: 24px;
		line-height: 32px
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card+.tpm-compare-intro-card,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card+.tpm-compare-intro-card {
		margin-top: 16px
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro__footer-btn,
	.tpm-compare-intro--with-btn .tpm-compare-intro__footer-btn {
		display: -ms-flexbox;
		display: flex
	}

	.tpm-compare-intro--with-btn-img.is-active .tpm-compare-intro-card,
	.tpm-compare-intro--with-btn.is-active .tpm-compare-intro-card {
		display: block
	}

	.tpm-compare-intro--with-btn-img.is-active .tpm-compare-intro__footer-btn:after,
	.tpm-compare-intro--with-btn.is-active .tpm-compare-intro__footer-btn:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.tpm-compare-intro--with-btn-img.with-not-padding,
	.tpm-compare-intro--with-btn.with-not-padding {
		padding-bottom: 0
	}

	.tpm-compare-intro--with-btn .tpm-compare-intro-card.size-l {
		width: 100%
	}
}

@media screen and (max-width:600px) {

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__img,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__img {
		display: none
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__content,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__content {
		position: relative;
		padding: 32px
	}

	.tpm-compare-intro--with-btn-img .tpm-compare-intro-card__content:after,
	.tpm-compare-intro--with-btn .tpm-compare-intro-card__content:after {
		content: "";
		width: 380px;
		height: 204px;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(images/compare-intro-card-bg_3da.jpg);
		background-size: cover
	}
}

.tpm-compare-intro {
	-webkit-font-smoothing: antialiased
}

.tpm-compare-intro--default {
	position: relative;
	background-color: #eff3f8
}

.tpm-compare-intro--default .tpm-compare-intro__cnt {
	position: relative;
	z-index: 1;
	padding: 30px 40px 14px
}

.tpm-compare-intro--default .tpm-compare-intro__table {
	color: #666;
	width: 100%
}

.tpm-compare-intro--default .tpm-compare-intro__table th {
	text-align: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 24px
}

.tpm-compare-intro--default .tpm-compare-intro__table th:nth-child(2n) {
	color: #fff;
	padding-left: 30px
}

.tpm-compare-intro--default .tpm-compare-intro__table td {
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 16px
}

.tpm-compare-intro--default .tpm-compare-intro__table td:nth-child(2n) {
	color: #fff;
	padding-left: 30px
}

.tpm-compare-intro--default .tpm-compare-intro__table td:nth-child(2n) .tpm-compare-intro__item-value {
	color: #fff;
	opacity: .7
}

.tpm-compare-intro--card .tpm-compare-intro__card {
	background: linear-gradient(0deg, #fff, #fefeff);
	border: 1px solid #e4e7ef;
	text-align: center
}

.tpm-compare-intro--card .tpm-compare-intro__card-label {
	height: 28px;
	background: linear-gradient(90deg, #006fff, #0065e0 45%, #0052d9);
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding: 6px;
	position: absolute;
	left: -5px;
	top: -5px
}

.tpm-compare-intro--card .tpm-compare-intro__card-label:before {
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: 50%;
	right: -8px;
	border-color: #0052d9 transparent;
	border-style: solid;
	border-width: 14px 8px;
	margin-top: -14px
}

.tpm-compare-intro--card .tpm-compare-intro__card-title {
	font-weight: 500;
	color: #333;
	padding: 15px 0
}

.tpm-compare-intro--card .tpm-compare-intro__card-item {
	padding: 10px 20px;
	color: #666;
	text-align: center
}

.tpm-compare-intro--card .tpm-compare-intro__card-item:nth-child(odd) {
	background: linear-gradient(90deg, #f1f4f9, #eff4fb)
}

.tpm-compare-intro--card .tpm-compare-intro__card-price-wrap {
	color: #ff5400;
	padding: 12px 0
}

.tpm-compare-intro--card .tpm-compare-intro__card-price {
	font-size: 32px;
	line-height: 32px;
	margin-right: 4px
}

.tpm-compare-intro--card .tpm-compare-intro__card-unit {
	font-weight: 600
}

.tpm-compare-intro--card .tpm-compare-intro__card--recommend {
	border: 2px solid #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(0, 82, 217, .14);
	position: relative
}

@media screen and (min-width:769px) {
	.tpm-compare-intro--default {
		width: 1180px
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg {
		width: 664px;
		position: absolute;
		top: -17px;
		bottom: -19px;
		right: 0;
		overflow-x: hidden;
		z-index: 0;
		box-shadow: 9px 8px 12px 0 rgba(50, 105, 246, .22)
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg:after {
		content: "";
		width: 653px;
		background: linear-gradient(224deg, #507cff, #0a50ea);
		right: 0;
		top: 0;
		bottom: 0
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-border,
	.tpm-compare-intro--default .tpm-compare-intro__bg:after {
		display: inline-block;
		position: absolute;
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: skewX(-6deg);
		transform: skewX(-6deg)
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-border {
		width: 649px;
		right: 15px;
		top: 10px;
		bottom: 10px;
		z-index: 1;
		border: 1px solid #80b0ff;
		border-right-width: 0
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-border:after {
		content: "";
		background-color: #80b0ff;
		position: absolute;
		width: 1px;
		top: 115px;
		bottom: 0;
		right: 0;
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: skewX(6deg);
		transform: skewX(6deg)
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-icon {
		width: 120px;
		height: 120px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-icon img {
		width: 100%;
		height: 100%
	}

	.tpm-compare-intro--default .tpm-compare-intro__center-icon {
		width: 110px;
		height: 110px;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: calc(50% - 55px);
		z-index: 2;
		right: 48.5%
	}

	.tpm-compare-intro--default .tpm-compare-intro__item-label {
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 480px
	}

	.tpm-compare-intro--default .tpm-compare-intro__item-value {
		color: #999;
		margin-top: 4px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 480px
	}

	.tpm-compare-intro--card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.tpm-compare-intro--card .tpm-compare-intro__card {
		-ms-flex: 1;
		flex: 1;
		width: 1px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 18px;
		line-height: 26px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-item {
		font-size: 14px;
		line-height: 22px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-item-value {
		max-width: 480px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto
	}

	.tpm-compare-intro--card .tpm-compare-intro__card--recommend {
		border: 2px solid #0052d9;
		box-shadow: 8px 8px 20px 0 rgba(0, 82, 217, .14);
		position: relative
	}

	.tpm-compare-intro--card .tpm-compare-intro__card--recommend .tpm-compare-intro__card-title {
		padding-top: 25px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card--recommend .tpm-compare-intro__card-price-wrap {
		padding: 17px 0
	}
}

@media screen and (max-width:768px) {
	.tpm-compare-intro--default .tpm-compare-intro__center-icon {
		display: none
	}

	.tpm-compare-intro--default:after {
		content: "";
		display: inline-block;
		width: 50%;
		background: linear-gradient(224deg, #507cff, #0a50ea);
		box-shadow: 0 8px 20px 0 rgba(50, 105, 246, .4);
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-icon {
		width: 65px;
		height: 65px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1
	}

	.tpm-compare-intro--default .tpm-compare-intro__bg-icon img {
		width: 100%;
		height: 100%
	}

	.tpm-compare-intro--default .tpm-compare-intro__cnt {
		padding: 16px 12px 4px
	}

	.tpm-compare-intro--default .tpm-compare-intro__table th {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 12px;
		padding-right: 12px;
		vertical-align: top
	}

	.tpm-compare-intro--default .tpm-compare-intro__table th:nth-child(2n) {
		padding-left: 12px;
		padding-right: 0
	}

	.tpm-compare-intro--default .tpm-compare-intro__table td {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 12px;
		padding-right: 12px;
		vertical-align: top
	}

	.tpm-compare-intro--default .tpm-compare-intro__table td:nth-child(2n) {
		padding-left: 12px;
		padding-right: 0
	}

	.tpm-compare-intro--default .tpm-compare-intro__item-label {
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.tpm-compare-intro--default .tpm-compare-intro__item-value {
		color: #999;
		margin-top: 4px
	}

	.tpm-compare-intro--card {
		position: relative
	}

	.tpm-compare-intro--card .tpm-compare-intro__card {
		position: absolute;
		top: 0;
		width: 52.44%;
		transition: all .3s ease-in-out
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-title {
		padding: 16px 12px 12px;
		font-size: 16px;
		line-height: 24px;
		text-align: left
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-item {
		padding: 8px 12px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-item-value {
		font-size: 12px;
		line-height: 18px;
		text-align: left
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-price-wrap {
		padding: 12px 0
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-label {
		height: 20px;
		padding: 0 6px;
		position: absolute;
		left: -2px;
		top: -7px;
		line-height: 20px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card-label:before {
		border-width: 10px 4px;
		margin-top: -10px;
		right: -4px
	}

	.tpm-compare-intro--card .tpm-compare-intro__card.prev {
		left: 0;
		-webkit-transform: scale(.9);
		transform: scale(.9);
		z-index: 0;
		position: relative
	}

	.tpm-compare-intro--card .tpm-compare-intro__card.next {
		right: 0;
		-webkit-transform: scale(.9);
		transform: scale(.9);
		z-index: 0
	}

	.tpm-compare-intro--card .tpm-compare-intro__card.active {
		z-index: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.tpm-compare-intro--card .tpm-compare-intro__card--recommend {
		border: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table {
		border: 1px solid #e4e7ef;
		border-spacing: 0;
		text-align: left
	}

	.tpm-compare-intro--card .tpm-compare-intro__table td:last-child,
	.tpm-compare-intro--card .tpm-compare-intro__table th:last-child {
		border-left: 1px solid #e4e7ef
	}

	.tpm-compare-intro--card .tpm-compare-intro__table th {
		position: relative
	}

	.tpm-compare-intro--card .tpm-compare-intro__table td {
		padding: 8px 12px
	}

	.tpm-compare-intro--card .tpm-compare-intro__table .tpm-compare-intro__card-price-wrap td {
		padding: 12px;
		text-align: left
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-0 td:first-child,
	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-0 th:first-child {
		border-right: 1px solid #0052d9;
		border-left: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-0 th:first-child {
		border-top: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-0 tr:last-child td:first-child {
		border-bottom: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-1 td:nth-child(2),
	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-1 th:nth-child(2) {
		border-right: 1px solid #0052d9;
		border-left: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-1 th:nth-child(2) {
		border-top: 1px solid #0052d9
	}

	.tpm-compare-intro--card .tpm-compare-intro__table--recommend-1 tr:last-child td:nth-child(2) {
		border-bottom: 1px solid #0052d9
	}
}

.tp-dropdown {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	outline: none
}

.tp-dropdown__header {
	box-sizing: border-box;
	width: 400px;
	height: 36px;
	padding: 0 36px 0 12px;
	background-color: #fff;
	border: 1px solid #ddd;
	outline: none;
	cursor: pointer
}

.tp-dropdown__header:focus,
.tp-dropdown__header:hover {
	border-color: #b3b3b3
}

.tp-dropdown__header .tp-dropdown__icon {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -8px
}

.tp-dropdown__value {
	overflow: hidden;
	color: #333;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
	text-align: left
}

.tp-dropdown__icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 0;
	vertical-align: middle;
	background-image: url(images/icon-arrow_fcf.svg);
	background-repeat: no-repeat;
	background-position: inherit
}

.tp-dropdown-box {
	position: relative;
	min-width: 400px;
	background-color: #fff;
	border: 1px solid #e5e8ed;
	-o-border-image: initial;
	border-image: initial;
	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)
}

.tp-dropdown-box__inner {
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto
}

.tp-dropdown-box--searchable .tp-dropdown-box__inner {
	max-height: none
}

.tp-dropdown-box--searchable .tp-search {
	width: 100%
}

.tp-dropdown-box--searchable .tp-input--wrap {
	border-color: transparent transparent #e5e5e5
}

.tp-dropdown-box--searchable .tp-list {
	max-height: 240px;
	margin-top: 1px;
	overflow-x: hidden;
	overflow-y: auto
}

.tp-dropdown.is-expanded .tp-dropdown__header {
	border-color: #b3b3b3
}

.tp-dropdown.is-expanded .tp-dropdown__header.tp-dropdown--text {
	border-color: transparent
}

.tp-dropdown.is-expanded .tp-dropdown__header.tp-dropdown--text .tp-dropdown__value {
	color: #00a4ff
}

.tp-dropdown.is-expanded .tp-dropdown__header.tp-dropdown--text .tp-dropdown__icon {
	background-image: url(images/link-arrow-down-hover_583.svg)
}

.tp-dropdown.is-disabled .tp-dropdown__header {
	cursor: default
}

.tp-dropdown.is-disabled .tp-dropdown__header .tp-dropdown__value {
	color: #999
}

.tp-dropdown.is-disabled .tp-dropdown__header:focus,
.tp-dropdown.is-disabled .tp-dropdown__header:hover {
	border-color: #e5e8ed
}

.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text {
	border-color: transparent;
	cursor: default
}

.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text .tp-dropdown__value {
	color: #999
}

.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text .tp-dropdown__icon {
	background-image: url(images/link-arrow-down-disabled_c0f.svg)
}

.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text:focus .tp-dropdown__value,
.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text:hover .tp-dropdown__value {
	color: #999
}

.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text:focus .tp-dropdown__icon,
.tp-dropdown.is-disabled .tp-dropdown__header.tp-dropdown--text:hover .tp-dropdown__icon {
	background-image: url(images/link-arrow-down-disabled_c0f.svg)
}

.tp-dropdown.size-l .tp-dropdown__header {
	height: 40px;
	line-height: 38px
}

.tp-dropdown.size-l .tp-dropdown__value {
	line-height: 38px
}

.tp-dropdown.size-s .tp-dropdown__header {
	height: 32px;
	line-height: 30px
}

.tp-dropdown.size-s .tp-dropdown__value {
	line-height: 30px
}

.tp-dropdown.size-full-width,
.tp-dropdown.size-full-width .tp-dropdown__header {
	width: 100%
}

@media screen and (max-width:600px) {
	.tp-dropdown-box {
		min-width: 300px
	}

	.tp-dropdown.m-size-xxl .tp-dropdown__header {
		height: 48px;
		line-height: 46px
	}

	.tp-dropdown.m-size-xxl .tp-dropdown__value {
		line-height: 46px
	}
}

.tp-dropdown__header.tp-dropdown--text {
	width: auto;
	height: 20px;
	padding: 0 14px 0 0;
	border: 0
}

.tp-dropdown__header.tp-dropdown--text:focus,
.tp-dropdown__header.tp-dropdown--text:hover {
	border-color: transparent
}

.tp-dropdown__header.tp-dropdown--text:focus .tp-dropdown__value,
.tp-dropdown__header.tp-dropdown--text:hover .tp-dropdown__value {
	color: #00a4ff
}

.tp-dropdown__header.tp-dropdown--text:focus .tp-dropdown__icon,
.tp-dropdown__header.tp-dropdown--text:hover .tp-dropdown__icon {
	background-image: url(images/link-arrow-down-hover_583.svg)
}

.tp-dropdown__header.tp-dropdown--text .tp-dropdown__value {
	font-size: 12px;
	line-height: 20px
}

.tp-dropdown__header.tp-dropdown--text .tp-dropdown__icon {
	right: 4px;
	width: 6px;
	height: 4px;
	margin-top: -2px;
	background-image: url(images/link-arrow-down_b01.svg)
}

.tp-dropdown-box.tp-dropdown-box--text {
	min-width: 110px
}

.tp-dropdown-box--text .tp-dropdown-box__inner:after,
.tp-dropdown-box--text .tp-dropdown-box__inner:before {
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	border: 6px dashed transparent;
	content: ""
}

.tp-dropdown-box--text .tp-list li {
	padding: 0 8px
}

.tp-dropdown-box--text .tp-list li:focus,
.tp-dropdown-box--text .tp-list li:hover {
	background-color: transparent
}

.tp-dropdown-box--text.tp-dropdown-box--bottom .tp-dropdown-box__inner:before {
	top: 100%;
	right: inherit;
	left: inherit;
	margin-top: -1px;
	margin-left: -6px;
	border-top-color: #ddd;
	border-top-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--bottom .tp-dropdown-box__inner:after {
	top: 100%;
	right: inherit;
	left: inherit;
	margin-top: -1px;
	margin-left: -5px;
	border-top-color: #fff;
	border-top-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--right .tp-dropdown-box__inner:before {
	top: inherit;
	bottom: inherit;
	left: 100%;
	margin-top: -8px;
	margin-left: -1px;
	border-left-color: #ddd;
	border-left-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--right .tp-dropdown-box__inner:after {
	top: inherit;
	bottom: inherit;
	left: 100%;
	margin-top: -7px;
	margin-left: -1px;
	border-left-color: #fff;
	border-left-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--left .tp-dropdown-box__inner:before {
	top: inherit;
	right: 100%;
	bottom: inherit;
	margin-top: -7px;
	margin-right: -1px;
	border-right-color: #ddd;
	border-right-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--left .tp-dropdown-box__inner:after {
	top: inherit;
	right: 100%;
	bottom: inherit;
	margin-top: -6px;
	margin-right: -1px;
	border-right-color: #fff;
	border-right-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--top .tp-dropdown-box__inner:before {
	right: inherit;
	bottom: 100%;
	left: inherit;
	margin-bottom: -1px;
	margin-left: -6px;
	border-bottom-color: #ddd;
	border-bottom-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--top .tp-dropdown-box__inner:after {
	right: inherit;
	bottom: 100%;
	left: inherit;
	margin-bottom: -1px;
	margin-left: -5px;
	border-bottom-color: #fff;
	border-bottom-style: solid
}

.tp-dropdown-box--text.tp-dropdown-box--start .tp-dropdown-box__inner:after {
	left: 20px
}

.tp-dropdown-box--text.tp-dropdown-box--start .tp-dropdown-box__inner:before {
	left: 21px
}

.tp-dropdown-box--text.tp-dropdown-box--end .tp-dropdown-box__inner:after {
	right: 20px
}

.tp-dropdown-box--text.tp-dropdown-box--end .tp-dropdown-box__inner:before {
	right: 21px
}

.tp-list {
	padding: 0;
	list-style: none
}

.tp-list li {
	box-sizing: border-box;
	margin-bottom: 8px;
	line-height: 1.5
}

.tp-list--option {
	padding: 8px 0
}

.tp-list--option li {
	display: block;
	height: 36px;
	margin-bottom: 0;
	padding: 0 12px;
	overflow: hidden;
	color: #333;
	font-size: 14px;
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer
}

.tp-list--option li:hover {
	color: #00a4ff;
	background-color: transparent
}

.tp-list--option li.is-disabled,
.tp-list--option li.is-disabled:hover {
	color: #999;
	background-color: transparent;
	cursor: default
}

.tp-list--option li.is-selected,
.tp-list--option li.is-selected:hover {
	color: #00a4ff;
	background-color: #f5f7fa
}

.tp-list--option li.is-current,
.tp-list--option li.is-current:hover {
	color: #00a4ff;
	background-color: transparent
}

.tp-list--option .tp-list__item--wrap {
	display: -ms-flexbox;
	display: flex
}

.tp-list--option .tp-list__item-main {
	-ms-flex: 1;
	flex: 1
}

.tp-list--option .tp-list__item-suffix {
	padding-left: 8px
}

.tp-list--option .tp-list__item--divider {
	height: auto;
	margin: 8px 12px;
	padding: 0;
	border-top: 1px solid #e5e5e5
}

.tp-list--option .tp-list__group {
	height: auto;
	padding: 0;
	cursor: default
}

.tp-list--option .tp-list__group-label {
	height: 36px;
	margin-bottom: 0;
	padding: 0 12px;
	color: #999;
	font-size: 12px;
	line-height: 36px
}

.tp-list-empty {
	padding: 28px;
	text-align: center
}

.tp-list-empty__icon {
	display: block;
	width: 90px;
	height: 81px;
	margin: 0 auto 18px;
	background-image: url(images/empty_17b.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.tp-list-empty__content {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.tp-list__group-label {
	margin-bottom: 8px;
	color: #999;
	font-weight: 400;
	font-size: inherit
}

.tp-list__group>ul {
	padding: 0;
	list-style: none
}

select.tp-select {
	display: inline-block;
	box-sizing: border-box;
	width: 400px;
	height: 36px;
	padding: 0 36px 0 12px;
	color: #333;
	font-size: 14px;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	background: url(images/icon-arrow-bottom_fcf.svg) no-repeat right 12px center;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none
}

select.tp-select:hover {
	border-color: #b3b3b3
}

select.tp-select:focus {
	outline: none
}

select.tp-select.size-l {
	height: 40px;
	line-height: 38px
}

select.tp-select.size-s {
	height: 32px;
	line-height: 30px
}

select.tp-select.size-full-width {
	width: 100%
}

@media screen and (max-width:600px) {
	select.tp-select.m-size-xxl {
		height: 48px;
		line-height: 46px
	}
}

.tp-pagination {
	margin: 0 auto;
	padding: 34px 0;
	color: #333;
	font-size: 14px;
	text-align: center
}

.tp-pagination__btn,
.tp-pagination__dot,
.tp-pagination__item {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 6px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	cursor: pointer
}

.tp-pagination__item:hover {
	color: #00a4ff;
	background-color: rgba(0, 164, 255, .1);
	border-color: #00a4ff
}

.tp-pagination__item.is-active {
	color: #fff;
	background-color: #00a4ff;
	border-color: #00a4ff
}

.tp-pagination__dot,
.tp-pagination__item.is-active:hover {
	border-color: transparent;
	cursor: default
}

.tp-pagination__btn {
	position: relative
}

.tp-pagination__btn.is-disabled {
	display: none
}

.tp-pagination__btn:hover {
	background-color: rgba(0, 164, 255, .1);
	border-color: #00a4ff
}

.tp-pagination__btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 7px;
	height: 12px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: ""
}

.tp-pagination__btn--pre {
	margin-left: 0
}

.tp-pagination__btn--pre:after {
	background-image: url(images/icon-arrow-left_64b.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.tp-pagination__btn--pre:hover:after {
	background-image: url(images/icon-arrow-left-hover_ee6.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.tp-pagination__btn--next:after {
	background: url(images/icon-arrow-right_f4c.svg) 50% no-repeat
}

.tp-pagination__btn--next:hover:after {
	background: url(images/icon-arrow-right-hover_f50.svg) 50% no-repeat
}

.tp-pagination__btn span {
	display: none
}

.tp-pagination__jumper {
	margin-left: 20px;
	line-height: 36px
}

.tp-pagination__jumper,
.tp-pagination__jumper-input,
.tp-pagination__jumper-text {
	display: inline-block;
	vertical-align: middle
}

.tp-pagination__jumper-input {
	width: 36px;
	height: 36px;
	margin-right: 12px;
	margin-left: 12px;
	padding: 0 4px;
	text-align: center;
	border: 1px solid #f0f0f0
}

.tp-pagination__jumper-input:focus {
	border: 1px solid #00a4ff
}

.tp-pagination__jumper-btn {
	display: inline-block;
	min-width: 36px;
	height: 36px;
	margin-left: 28px;
	padding-right: 4px;
	padding-left: 4px;
	color: #fff;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	background-color: #00a4ff;
	border: 1px solid #00a4ff;
	cursor: pointer
}

.tp-pagination__jumper-btn.is-disabled {
	color: #999;
	background-color: #ddd;
	border-color: #ddd
}

.tp-pagination__selector-wrap {
	display: inline-block;
	margin-left: 20px;
	line-height: 36px
}

.tp-pagination__selector-text {
	display: inline-block;
	padding-left: 5px;
	font-size: 14px;
	vertical-align: middle
}

.tp-pagination__selector-box.tp-dropdown-box {
	min-width: 64px
}

.tp-pagination__total {
	display: inline-block;
	margin-left: 20px;
	line-height: 36px;
	vertical-align: middle
}

@media screen and (max-width:768px) {
	.tp-pagination {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		align-content: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 12px 28px
	}

	.tp-pagination--jumper-mobile {
		padding: 12px
	}

	.tp-pagination--total-mobile {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.tp-pagination__total {
		display: block;
		width: 100%;
		margin-left: 0;
		line-height: 18px;
		text-align: left
	}

	.tp-pagination__dot,
	.tp-pagination__item,
	.tp-pagination__jumper,
	.tp-pagination__selector-wrap {
		display: none;
		width: auto;
		margin: 0
	}

	.tp-pagination__item {
		-ms-flex: 1;
		flex: 1;
		margin: 6px 0
	}

	.tp-pagination__item.is-active {
		position: relative;
		display: inline-block;
		width: auto;
		height: 24px;
		color: #333;
		line-height: 24px;
		background-color: transparent;
		border: none
	}

	.tp-pagination__item.is-active:before {
		margin-right: 5px;
		content: "第"
	}

	.tp-pagination__item.is-active:after {
		margin-left: 5px;
		content: "页"
	}

	.tp-pagination__btn {
		width: auto;
		height: 24px;
		margin: 6px 0;
		color: #00a4ff;
		line-height: 24px;
		border: none
	}

	.tp-pagination__btn:hover {
		color: #00a4ff;
		background-color: transparent;
		border-color: transparent
	}

	.tp-pagination__btn.is-disabled {
		display: inline-block;
		color: #999;
		cursor: default
	}

	.tp-pagination__btn--pre {
		padding-left: 16px
	}

	.tp-pagination__btn--pre:after {
		left: -4px;
		width: 16px;
		height: 16px;
		background-image: url(images/icon-arrow-left-mobile_135.svg);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.tp-pagination__btn--pre.is-disabled:after,
	.tp-pagination__btn--pre.is-disabled:hover:after {
		background-image: url(images/icon-arrow-left-mobile-disabled_a3e.svg)
	}

	.tp-pagination__btn--pre:hover:after {
		background-image: url(images/icon-arrow-left-mobile_135.svg)
	}

	.tp-pagination__btn--next {
		padding-right: 16px
	}

	.tp-pagination__btn--next:after {
		right: -4px;
		left: auto;
		width: 16px;
		height: 16px;
		background-image: url(images/icon-arrow-right-mobile_994.svg);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.tp-pagination__btn--next.is-disabled:after,
	.tp-pagination__btn--next.is-disabled:hover:after {
		background-image: url(images/icon-arrow-right-mobile-disabled_617.svg)
	}

	.tp-pagination__btn--next:hover:after {
		background-image: url(images/icon-arrow-right-mobile_994.svg)
	}

	.tp-pagination__btn span {
		display: inline
	}
}

.tp-pagination {
	font-size: 12px;
	padding: 24px 0
}

.tp-pagination__btn,
.tp-pagination__item {
	width: 30px;
	height: 30px;
	margin: 0 4px;
	line-height: 28px;
	background: #fff;
	border: 1px solid #dadde2;
	box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

@media screen and (min-width:769px) {

	.tp-pagination__btn,
	.tp-pagination__item {
		transition: background .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tp-pagination__btn:hover,
.tp-pagination__item:hover {
	color: #333;
	border-color: #0052d9;
	background-color: #fff
}

.tp-pagination__btn:active,
.tp-pagination__item:active {
	border-color: #0052d9;
	background-color: #ecf2fe
}

.tp-pagination__item.is-active {
	color: #0052d9;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none
}

.tp-pagination__dot {
	width: auto;
	height: 30px;
	margin: 0 4px;
	line-height: 28px;
	color: #666
}

.tp-pagination__btn--pre {
	margin-right: 8px
}

.tp-pagination__btn--pre:after {
	width: 24px;
	height: 24px
}

.tp-pagination__btn--pre:after,
.tp-pagination__btn--pre:hover:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 92.10526315789474% 18.461538461538463%;
	background-size: 733.3333333333333% auto
}

.tp-pagination__btn--next {
	margin-right: 0;
	margin-left: 8px
}

.tp-pagination__btn--next:after {
	width: 24px;
	height: 24px
}

.tp-pagination__btn--next:after,
.tp-pagination__btn--next:hover:after {
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 92.10526315789474% 36.92307692307693%;
	background-size: 733.3333333333333% auto
}

.tp-pagination__jumper {
	margin-left: 12px;
	line-height: 30px
}

.tp-pagination__jumper-input {
	width: 30px;
	height: 30px;
	margin-right: 8px;
	margin-left: 8px;
	border: 1px solid #dadde2;
	box-shadow: inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

.tp-pagination__jumper-input:focus {
	border: 1px solid #0052d9
}

.tp-pagination__jumper-btn {
	height: 30px;
	margin-left: 12px;
	line-height: 28px;
	background-color: #0052d9;
	border: 1px solid #0052d9;
	border-radius: 2px
}

.tp-pagination__jumper-btn.is-disabled {
	color: #98a3b7;
	background-color: #ecf2fe;
	border-color: #d6dbe3;
	cursor: default;
	pointer-events: none
}

.tp-pagination__selector {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 60px
}

.tp-pagination__selector-wrap {
	margin-left: 12px;
	line-height: 30px
}

.tp-pagination__selector-text {
	padding-left: 8px;
	font-size: 12px
}

.tp-pagination__selector .tp-dropdown__header {
	width: auto;
	box-sizing: border-box;
	height: 30px;
	padding: 0 36px 0 8px;
	background-color: #fff;
	outline: none;
	cursor: pointer;
	border: 1px solid #dadde2;
	box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

.tp-pagination__selector .tp-dropdown__value {
	overflow: hidden;
	color: #333;
	font-size: 12px;
	line-height: 28px;
	white-space: nowrap;
	text-align: left
}

.tp-pagination__selector .tp-dropdown__icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 0;
	vertical-align: middle;
	background-image: url(images/sprite.Main-202502071604.svg);
	background-position: 92.10526315789474% 0%;
	background-size: 733.3333333333333% auto;
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -12px
}

.tp-pagination__selector-box {
	min-width: 64px;
	background: #fff;
	border: 1px solid #dadde2;
	box-shadow: 4px 4px 10px 0 rgba(55, 99, 170, .1), inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);
	border-radius: 2px
}

.tp-pagination__selector-box ul {
	max-height: 180px;
	overflow-y: auto
}

.tp-pagination__selector-box ul::-webkit-scrollbar-thumb {
	background-color: #cbcbcb;
	border-radius: 3px
}

.tp-pagination__selector-box ul::-webkit-scrollbar {
	width: 3px;
	background-color: transparent
}

.tp-pagination__selector-box ul::-webkit-scrollbar-track {
	background-color: transparent
}

.tp-pagination__selector-box ul li {
	height: 36px;
	font-size: 12px;
	color: #333;
	line-height: 18px;
	padding: 9px 12px;
	box-sizing: border-box;
	cursor: pointer
}

.tp-pagination__selector-box ul li.is-current {
	color: #0052d9
}

.tp-pagination__selector-box ul li:active {
	background: #f2f6fe
}

.tp-pagination__selector-box ul li:hover {
	color: #0052d9
}

.tp-pagination__total {
	margin-left: 12px;
	line-height: 30px
}

@media screen and (max-width:768px) {
	.tp-pagination__item.is-active {
		height: 30px;
		line-height: 30px
	}

	.tp-pagination__btn {
		width: auto;
		line-height: 22px;
		margin: 0;
		color: #333
	}

	.tp-pagination__btn:hover {
		border-color: #dadde2
	}

	.tp-pagination__btn:active {
		border-color: #0052d9
	}

	.tp-pagination__btn.is-disabled {
		pointer-events: none;
		box-shadow: none
	}

	.tp-pagination__btn.is-disabled:after {
		opacity: .5
	}

	.tp-pagination__btn--pre {
		margin-right: 12px;
		padding: 3px 12px 3px 24px
	}

	.tp-pagination__btn--pre:after {
		width: 24px;
		height: 24px;
		margin-right: 0;
		left: 0
	}

	.tp-pagination__btn--pre.is-disabled:after,
	.tp-pagination__btn--pre.is-disabled:hover:after {
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 92.10526315789474% 18.461538461538463%;
		background-size: 733.3333333333333% auto
	}

	.tp-pagination__btn--next {
		margin-left: 12px;
		padding: 3px 24px 3px 12px
	}

	.tp-pagination__btn--next:after {
		width: 24px;
		height: 24px;
		right: 0
	}

	.tp-pagination__btn--next.is-disabled:after,
	.tp-pagination__btn--next.is-disabled:hover:after {
		background-image: url(images/sprite.Main-202502071604.svg);
		background-position: 92.10526315789474% 36.92307692307693%;
		background-size: 733.3333333333333% auto
	}

	.tp-pagination__total {
		margin-top: 12px
	}

	.tp-pagination__selector {
		min-width: 80px
	}

	.tp-pagination__selector-text {
		padding-left: 12px
	}

	.tp-pagination__selector-box ul {
		min-width: 80px
	}

	.tp-pagination__total {
		margin-left: 0;
		line-height: 18px
	}
}

.tpm-doc-panel {
	background-image: url(images/bg_c12.png), linear-gradient(0deg, #fff, #f3f5f8);
	background-repeat: no-repeat;
	background-size: 320px auto, auto auto;
	background-position: 100% 100%, 0 0;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	padding: 28px 290px 28px 28px;
	-webkit-font-smoothing: antialiased
}

.tpm-doc-panel__title {
	font-weight: 500;
	font-size: 18px;
	color: #000;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-doc-panel__desc {
	margin-top: 8px;
	color: #495770;
	line-height: 22px;
	max-height: 88px
}

.tpm-doc-panel__condition,
.tpm-doc-panel__desc {
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.tpm-doc-panel__condition {
	margin-top: 12px;
	color: #0052d9;
	line-height: 24px;
	max-height: 96px
}

.tpm-doc-panel__btns {
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-doc-panel__btn,
.tpm-doc-panel__link {
	margin-right: 12px
}

@media screen and (max-width:768px) {
	.tpm-doc-panel {
		background-image: url(images/bg-mobile_084.png), linear-gradient(0deg, #fff, #f3f5f8);
		background-size: 240px auto, auto auto;
		background-position: bottom, 0 0;
		padding: 20px
	}

	.tpm-doc-panel__title {
		text-align: center;
		white-space: normal
	}

	.tpm-doc-panel__desc {
		margin-top: 22px
	}

	.tpm-doc-panel__condition,
	.tpm-doc-panel__desc {
		display: block;
		max-height: none
	}

	.tpm-doc-panel__btn,
	.tpm-doc-panel__link {
		-ms-flex: 1;
		flex: 1;
		padding: 0 10px;
		min-width: 0
	}

	.tpm-doc-panel__btn.size-xxl,
	.tpm-doc-panel__link.size-xxl {
		min-width: 0;
		padding: 0 10px
	}

	.tpm-doc-panel__btn:last-child,
	.tpm-doc-panel__link:last-child {
		margin-right: 0
	}
}

.tpm-anchor-mobile.is-activity .tpm-anchor-bar__item-tit-inner {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tpm-anchor-mobile.is-activity .tpm-anchor-bar__activity-tag {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 6px;
	display: inline-block;
	border-radius: 2px;
	background: #ff7800;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	height: 18px
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__anchor-list {
	margin: 0 -8px
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__hd .tpm-anchor-bar__activity-tag {
	display: none
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__bar-item {
	color: #181818
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__bar-item.is-active {
	color: #0052d9
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__bd .tpm-anchor-mobile__anchor {
	width: calc(50% - 4px);
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 0;
	margin-top: 8px;
	-ms-flex-align: center;
	align-items: center
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__bd .tpm-anchor-mobile__anchor:nth-child(-n+2) {
	margin-top: 0
}

.tpm-anchor-mobile.is-activity .tpm-anchor-mobile__bd .tpm-anchor-mobile__anchor:nth-child(2n) {
	margin-left: 8px
}

.tpm-anchor-mobile {
	-webkit-font-smoothing: antialiased;
	height: 48px
}

.tpm-anchor-mobile__inner {
	position: relative
}

.tpm-anchor-mobile.is-def-hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	height: 0
}

.tpm-anchor-mobile.is-def-hidden.is-fixed {
	visibility: visible;
	opacity: 1;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	pointer-events: auto
}

.tpm-anchor-mobile.is-fixed .tpm-anchor-mobile__inner {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%
}

.tpm-anchor-mobile.is-open .tpm-anchor-mobile__inner {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	max-height: 100vh;
	overflow: auto
}

.tpm-anchor-mobile.is-open .tpm-anchor-mobile__hd {
	background: #fff;
	box-shadow: none
}

.tpm-anchor-mobile.is-open .tpm-anchor-mobile__icon-arrow {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.tpm-anchor-mobile.is-open .tpm-anchor-mobile__bd {
	display: block
}

.tpm-anchor-mobile.is-open .tpm-anchor-mobile__bar {
	display: none
}

.tpm-anchor-mobile__hd {
	height: 48px;
	background-image: linear-gradient(180deg, #fff, #fafcff);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	z-index: 50;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-anchor-mobile__icon-arrow,
.tpm-anchor-mobile__icon-home {
	height: 100%;
	width: 48px;
	display: inline-block;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 50%
}

.tpm-anchor-mobile__icon-home {
	background-image: url(images/tpm1-anchor-mobile-icon-home_75e.svg)
}

.tpm-anchor-mobile__icon-arrow {
	background-image: url(images/tpm1-anchor-mobile-icon-arrow_ea0.svg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tpm-anchor-mobile__bar {
	-ms-flex: 1;
	flex: 1;
	width: 1px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: 100%
}

.tpm-anchor-mobile__bar::-webkit-scrollbar {
	height: 0
}

.tpm-anchor-mobile__bar-item {
	display: inline-block;
	height: 100%;
	padding: 14px 16px;
	font-size: 14px;
	color: #13161b;
	line-height: 22px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	max-width: 144px;
	transition: color .3s ease-in-out
}

.tpm-anchor-mobile__bar-item:first-child {
	padding-left: 0
}

.tpm-anchor-mobile__bar-item:last-child {
	padding-right: 0
}

.tpm-anchor-mobile__bar-item+.tpm-anchor-mobile__bar-item:before {
	content: "";
	display: inline-block;
	width: 1px;
	position: absolute;
	top: 15px;
	bottom: 15px;
	background-color: #d6dbe3;
	left: 0
}

.tpm-anchor-mobile__bar-item.is-active {
	color: #0052d9
}

.tpm-anchor-mobile__bar-item .tpm1-anchor-widget__item-tit-tag {
	display: none
}

.tpm-anchor-mobile__bd {
	display: none;
	transition: .4s;
	padding: 4px 16px 30px;
	background-image: linear-gradient(180deg, #fff, #fafcff)
}

.tpm-anchor-mobile__anchor-list {
	margin: 0 -8px -12px;
	font-size: 0
}

.tpm-anchor-mobile__anchor {
	display: inline-block;
	font-size: 14px;
	color: #13161b;
	line-height: 22px;
	padding: 4px 8px;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 12px
}

.tpm-anchor-mobile__anchor.is-active {
	color: #0052d9
}

.tpm-anchor-mobile__anchor:active,
.tpm-anchor-mobile__anchor:focus {
	background: rgba(0, 82, 217, .1)
}

.tpm-anchor-mobile__anchor .tpm1-anchor-widget__item-tit-tag {
	display: none
}

.tpm-anchor-mobile__links-wrap {
	margin-top: 16px;
	border-top: 1px solid #d6dbe3;
	padding-top: 16px;
	font-size: 0
}

.tpm-anchor-mobile__links-tit {
	opacity: .5;
	font-weight: 500;
	font-size: 14px;
	color: #13161b;
	line-height: 22px;
	margin-bottom: 8px
}

.tpm-anchor-mobile__links {
	margin: 0 -8px
}

.tpm-anchor-mobile__picture {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	margin-top: 12px
}

.tpm-anchor-mobile__link {
	display: block;
	padding: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 4px
}

.tpm-anchor-mobile__link:last-child {
	margin-bottom: 0
}

.tpm-anchor-mobile__link:active,
.tpm-anchor-mobile__link:focus {
	background: rgba(0, 82, 217, .1)
}

.tpm-anchor-mobile__link-icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 12px
}

.tpm-anchor-mobile__link-tit {
	font-size: 14px;
	color: #0052d9;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 112px
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__main {
	background: #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item {
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	overflow: hidden
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item-link {
	max-width: none;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 13px 8px;
	min-height: 0
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item-tit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	color: #282e3e;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item-tit-inner {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__activity-tag {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 6px;
	display: inline-block;
	border-radius: 2px;
	background: #ff7800;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item.is-active {
	background: #ecf2fe
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item.is-active:after {
	content: none
}

.tpm-anchor-bar.is-activity .tpm-anchor-bar__item.is-active .tpm-anchor-bar__item-tit {
	color: #0052d9
}

.tpm-anchor-bar.is-simple .tpm-anchor-bar__inner {
	max-width: 900px
}

.tpm-anchor-bar.is-def-hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.tpm-anchor-bar.is-def-hidden.is-fixed {
	visibility: visible;
	opacity: 1;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	pointer-events: auto
}

.tpm-anchor-bar.is-fixed .tpm-anchor-bar__main {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%
}

.tpm-anchor-bar__main {
	position: relative;
	background-image: linear-gradient(180deg, #fff, #fafcff);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	min-width: 1200px
}

.tpm-anchor-bar__inner {
	width: 1180px;
	overflow: hidden;
	margin: 0 auto
}

.tpm-anchor-bar__inner,
.tpm-anchor-bar__list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tpm-anchor-bar__list {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	max-width: 100%;
	-ms-flex: 1;
	flex: 1;
	width: 1px
}

.tpm-anchor-bar__item {
	position: relative
}

.tpm-anchor-bar__item:after {
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0052d9;
	transition: height .15s ease-in-out, width .15s ease-in-out .15s
}

.tpm-anchor-bar__item-link {
	max-width: 168px;
	overflow: hidden;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60px;
	padding: 15px 0
}

.tpm-anchor-bar__item.is-active .tpm-anchor-bar__item-sub,
.tpm-anchor-bar__item.is-active .tpm-anchor-bar__item-tit,
.tpm-anchor-bar__item:hover .tpm-anchor-bar__item-sub,
.tpm-anchor-bar__item:hover .tpm-anchor-bar__item-tit {
	color: #0052d9;
	opacity: 1
}

.tpm-anchor-bar__item:hover {
	cursor: pointer
}

.tpm-anchor-bar__item.is-active:after {
	width: 100%;
	height: 2px;
	transition: width .3s ease-in-out
}

.tpm-anchor-bar__item-icon {
	width: 32px;
	margin-right: 12px
}

.tpm-anchor-bar__item-icon+.tpm-anchor-bar__item-text {
	max-width: 100px
}

.tpm-anchor-bar__item-text {
	-ms-flex: 1;
	flex: 1;
	max-width: 100%
}

.tpm-anchor-bar__item-tit {
	font-size: 16px;
	color: #13161b;
	line-height: 24px;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-anchor-bar__item-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-anchor-bar__item-sub {
	font-size: 14px;
	color: #13161b;
	letter-spacing: 0;
	text-align: center;
	line-height: 22px;
	opacity: .5;
	white-space: nowrap;
	margin-top: 4px
}

@media screen and (min-width:769px) {
	.tpm-anchor-bar__item-sub {
		transition: color .3s ease-in-out, opacity .3s ease-in-out
	}
}

.tpm-anchor-bar__btn-wrap {
	margin-left: 28px;
	white-space: nowrap
}

.tpm-anchor-bar__btn {
	padding: 0 10px;
	width: 120px;
	white-space: normal
}

.tpm-anchor-bar__btn+.tpm-anchor-bar__btn {
	margin-left: 10px
}

.tpm-anchor-widget__wrap {
	position: absolute
}

.tpm-anchor-widget {
	position: absolute;
	left: calc(50vw - 848px);
	z-index: 999
}

.tpm-anchor-widget.is-def-hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.tpm-anchor-widget.is-def-hidden.is-fixed {
	visibility: visible;
	opacity: 1;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	pointer-events: auto
}

.tpm-anchor-widget.is-fixed {
	position: fixed;
	top: 40px
}

.tpm-anchor-widget.is-center {
	position: fixed;
	top: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-anchor-widget.tpm-anchor-widget-size-s .tpm-anchor-widget__inner {
	width: 138px;
	max-width: none
}

.tpm-anchor-widget.is-special {
	position: fixed;
	top: auto;
	left: calc(50vw - 810px);
	bottom: 176px;
	-webkit-transform: translateY(36px);
	transform: translateY(36px);
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

.tpm-anchor-widget.is-special .tpm-anchor-widget--mini {
	background: #0052d9;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-anchor-widget.is-special .tpm-anchor-widget--mini__text {
	font-weight: 400
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__inner {
	max-width: 140px;
	min-width: 100px;
	padding-right: 0;
	background: hsla(0, 0%, 100%, .9);
	border: 2px solid #fff;
	box-shadow: 4px 4px 20px rgba(55, 99, 170, .05), -4px -4px 20px rgba(55, 99, 170, .05);
	border-radius: 4px;
	text-align: left;
	overflow: visible
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__bd,
.tpm-anchor-widget.is-special .tpm-anchor-widget__hd {
	border-right: 0
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__bd {
	padding-top: 4px;
	padding-bottom: 4px
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__hd+.tpm-anchor-widget__bd {
	padding-top: 0
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__hd,
.tpm-anchor-widget.is-special .tpm-anchor-widget__item-link {
	padding: 8px 14px
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__hd {
	padding-top: 12px
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__item.is-active {
	position: relative
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__item.is-active .tpm-anchor-widget__item-link {
	background: #fff;
	position: relative
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__item.is-active .tpm-anchor-widget__item-link:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: -2px;
	top: 0;
	width: 0;
	height: 100%;
	border-right: 2px solid #0052d9;
	right: auto;
	left: -2px
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__item-tit {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #181818
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__btn-wrap {
	height: 36px;
	margin: 0;
	opacity: 1;
	transition: opacity .1s ease-in-out .3s, height .5s ease-in-out
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__btn {
	height: 36px;
	padding: 8px 0 8px 14px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	-ms-flex-pack: start;
	justify-content: flex-start;
	color: #0052d9;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	font-family: sans-serif
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget.is-special .tpm-anchor-widget__btn {
		transition: background-color .3s ease-in-out
	}
}

.tpm-anchor-widget.is-special .tpm-anchor-widget__btn:focus,
.tpm-anchor-widget.is-special .tpm-anchor-widget__btn:hover {
	background-color: transparent
}

.tpm-anchor-widget.is-special.is-top {
	-webkit-transform: translate(0);
	transform: translate(0)
}

.tpm-anchor-widget.is-special.is-top .tpm-anchor-widget__btn-wrap {
	pointer-events: none;
	height: 0;
	opacity: 0;
	transition: opacity .2s ease-in-out, height .5s ease-in-out
}

.tpm-anchor-widget.is-special--scroll {
	position: fixed;
	top: 60px;
	left: calc(50vw - 810px);
	transition: top .6s ease-in-out
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget--mini {
	background: #0052d9;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget--mini__text {
	font-weight: 400
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__inner {
	max-width: 140px;
	min-width: 100px;
	padding-right: 0;
	background: hsla(0, 0%, 100%, .9);
	border: 2px solid #fff;
	box-shadow: 4px 4px 20px rgba(55, 99, 170, .05), -4px -4px 20px rgba(55, 99, 170, .05);
	border-radius: 4px;
	text-align: left;
	overflow: visible
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__bd,
.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__hd {
	border-right: 0
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__bd {
	padding-top: 4px;
	padding-bottom: 4px
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__hd+.tpm-anchor-widget__bd {
	padding-top: 0
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__hd,
.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__item-link {
	padding: 8px 14px
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__hd {
	padding-top: 12px
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__item-wrap:after {
	right: auto;
	left: -2px
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__item-tit {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #181818
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__btn-wrap {
	height: 36px;
	margin: 0;
	opacity: 1;
	transition: opacity .1s ease-in-out .3s, height .5s ease-in-out
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__btn {
	height: 36px;
	padding: 8px 0 8px 14px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	-ms-flex-pack: start;
	justify-content: flex-start;
	color: #0052d9;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	font-family: sans-serif
}

.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__btn:focus,
.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__btn:hover {
	background-color: transparent
}

.tpm-anchor-widget.is-special--scroll.is-top {
	position: absolute;
	transition: top 0s ease-in-out;
	top: 60px
}

.tpm-anchor-widget.is-special--scroll.is-top .tpm-anchor-widget__btn-wrap {
	pointer-events: none;
	height: 0;
	opacity: 0;
	transition: opacity .2s ease-in-out, height .5s ease-in-out
}

.tpm-anchor-widget.is-activity--scroll {
	position: fixed;
	top: 60px;
	left: calc(50vw - 810px);
	transition: top .6s ease-in-out
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget--mini {
	background: #0052d9;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget--mini__text {
	font-weight: 400;
	color: #fff
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__inner {
	-webkit-font-smoothing: initial;
	max-width: 140px;
	min-width: 100px;
	padding-right: 0;
	border: 2px solid #fff;
	background: hsla(0, 0%, 100%, .8);
	box-shadow: 4px 4px 20px rgba(55, 99, 170, .05), -4px -4px 20px rgba(55, 99, 170, .05);
	border-radius: 4px;
	text-align: left;
	overflow: visible
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__bd,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__hd {
	border-right: 0
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__bd {
	padding-top: 4px;
	padding-bottom: 4px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__hd+.tpm-anchor-widget__bd {
	padding-top: 0
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__hd,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-link {
	padding: 8px 14px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__links {
	border: 0;
	position: relative;
	margin-top: 8px;
	margin-right: 0;
	padding-right: 0
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__links:before {
	content: "";
	display: inline-block;
	width: calc(100% - 28px);
	height: 1px;
	background: #d6dbe3;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -4px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__link {
	padding: 8px 14px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__link-tit {
	font-size: 12px;
	line-height: 20px;
	color: #0052d9
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__link-tit:hover {
	color: #001f97
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__hd {
	padding-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #181818
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-wrap:after {
	right: auto;
	left: -2px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-link.has-tag {
	padding-right: 6px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-link.has-tag .tpm-anchor-widget__item-tit {
	white-space: normal;
	overflow: initial;
	text-overflow: clip
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-tit {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #181818;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-tag {
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0 4px;
	border-radius: 2px;
	border: 1px solid #f64041;
	background: #fff;
	color: #f64041;
	font-size: 10px;
	-webkit-transform: scale(.83);
	line-height: 16px;
	height: 18px;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-text {
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-text+.tpm1-anchor-widget__item-tit-tag {
	margin-left: 1px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-sub {
	color: #999;
	margin-top: 2px;
	opacity: 1;
	line-height: 20px
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item.is-active-sub,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item.is-active-tit,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item:hover-sub,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item:hover-tit {
	color: #0052d9
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-wrap {
	background: #fff
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-wrap:after {
	background: #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__list--secondary {
	padding: 0
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item--secondary .tpm-anchor-widget__item-link--secondary {
	padding: 4px 14px;
	color: #666;
	opacity: 1
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item--secondary.is-active .tpm-anchor-widget__item-link--secondary,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item--secondary:hover .tpm-anchor-widget__item-link--secondary {
	color: #0052d9
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__btn-wrap {
	height: 36px;
	margin: 0;
	opacity: 1;
	transition: opacity .1s ease-in-out .3s, height .5s ease-in-out
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__btn {
	height: 36px;
	padding: 8px 0 8px 14px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	-ms-flex-pack: start;
	justify-content: flex-start;
	color: #0052d9;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	font-family: sans-serif
}

.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__btn:focus,
.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__btn:hover {
	background-color: transparent
}

.tpm-anchor-widget.is-activity--scroll.is-top {
	position: absolute;
	transition: top 0s ease-in-out;
	top: 60px
}

.tpm-anchor-widget.is-activity--scroll.is-top .tpm-anchor-widget__btn-wrap {
	pointer-events: none;
	height: 0;
	opacity: 0;
	transition: opacity .2s ease-in-out, height .5s ease-in-out
}

.tpm-anchor-widget.is-sale-activity--scroll {
	position: fixed;
	top: 60px;
	left: calc(50vw - 810px);
	transition: top .6s ease-in-out
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget--mini {
	background: #0052d9;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1)
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget--mini__text {
	font-weight: 400;
	color: #fff
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__inner {
	-webkit-font-smoothing: initial;
	max-width: 140px;
	min-width: 100px;
	padding-right: 0;
	background: #2577ff;
	border: 0;
	box-shadow: none;
	border-radius: 0 4px 4px 4px;
	text-align: left;
	overflow: visible;
	padding-bottom: 4px;
	position: relative
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__bd,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__hd {
	border-right: 0
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__bd {
	padding-top: 2px;
	padding-bottom: 4px;
	border-radius: 4px;
	background: #fff;
	width: calc(100% - 8px);
	margin-left: 4px;
	text-align: center;
	z-index: 1;
	position: relative
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__hd+.tpm-anchor-widget__bd {
	padding-top: 2px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__hd,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-link {
	padding: 8px 10px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__links {
	border: 0;
	margin: 0;
	padding: 0
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link {
	padding: 8px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link-tit {
	font-size: 12px;
	line-height: 20px;
	color: #0052d9
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link-tit:hover {
	color: #001f97
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__inner {
	padding-top: 24px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__inner:after {
	position: absolute;
	content: "";
	width: 54px;
	height: 58px;
	display: inline-block;
	background-image: url(images/anchor-sale-act-hd-icon_98c.png);
	background-size: contain;
	background-repeat: no-repeat;
	left: 0;
	top: -19px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__inner:before {
	content: "";
	position: absolute;
	display: inline-block;
	background: #2577ff;
	width: 59px;
	height: 8px;
	top: -8px;
	left: 0;
	border-radius: 4px 0 0 0;
	-webkit-transform: perspective(8px) scale(1.1, 1.3) rotateX(22deg);
	transform: perspective(8px) scale(1.1, 1.3) rotateX(22deg);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__hd {
	text-align: right;
	line-height: 0;
	position: absolute;
	overflow: initial;
	top: 0;
	width: 100%;
	padding: 1px 4px 1px 54px;
	text-align: center
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__hd img {
	width: 76px;
	height: 22px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-wrap:after {
	right: auto;
	left: -2px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-link.has-tag {
	font-size: 0;
	padding-right: 6px;
	width: calc(100% + 8px);
	margin-left: -4px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-link.has-tag .tpm-anchor-widget__item-tit {
	white-space: normal;
	overflow: initial;
	text-overflow: clip
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-tit {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #181818;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-tag {
	display: inline-block;
	padding: 0 3px;
	border-radius: 2px;
	background: #ff5c00;
	border: 0;
	color: #fff;
	font-size: 10px;
	-webkit-transform: scale(.83);
	line-height: 16px;
	height: 16px;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	white-space: nowrap
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-text {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-tit .tpm1-anchor-widget__item-tit-text+.tpm1-anchor-widget__item-tit-tag {
	margin-left: 1px
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item.is-active-sub,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item.is-active-tit,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item:hover-sub,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item:hover-tit {
	color: #0052d9
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-wrap {
	background: linear-gradient(90deg, #2577ff, #3f87ff .01%, #d3e4ff 5.21%, #f3f7ff 10.42%, #f3f7ff);
	left: -3px;
	width: calc(100% + 3px)
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-wrap:after {
	display: none
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__btn-wrap {
	height: auto;
	margin: 0;
	opacity: 1;
	transition: opacity .1s ease-in-out .3s, height .5s ease-in-out
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__btn {
	height: auto;
	width: 100%;
	padding: 4px 0 0;
	border: 0;
	background-color: transparent;
	text-align: center;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400
}

.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__btn:focus,
.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__btn:hover {
	background-color: transparent
}

.tpm-anchor-widget.is-sale-activity--scroll.is-top {
	position: absolute;
	transition: top 0s ease-in-out;
	top: 60px
}

.tpm-anchor-widget.is-sale-activity--scroll.is-top .tpm-anchor-widget__btn-wrap {
	pointer-events: none;
	height: 0;
	opacity: 0;
	transition: opacity .2s ease-in-out, height .5s ease-in-out
}

.tpm-anchor-widget__inner {
	transition: all .3s ease-in;
	position: relative;
	z-index: 1;
	text-align: right;
	max-width: 178px;
	padding: 0 2px 0 0;
	border-radius: 2px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-font-smoothing: antialiased;
	background: hsla(0, 0%, 100%, .9);
	overflow: hidden
}

.tpm-anchor-widget__inner>div:first-child {
	padding-top: 16px
}

.tpm-anchor-widget__hd {
	font-weight: 500;
	font-size: 18px;
	color: #13161b;
	line-height: 26px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: nowrap
}

.tpm-anchor-widget__hd img {
	max-width: 100%;
	width: auto;
	height: 26px
}

.tpm-anchor-widget__bd,
.tpm-anchor-widget__hd {
	border-right: 2px solid #d6dbe3;
	box-sizing: border-box
}

.tpm-anchor-widget__bd {
	padding-bottom: 16px
}

.tpm-anchor-widget__list {
	position: relative
}

.tpm-anchor-widget__list a {
	cursor: pointer
}

.tpm-anchor-widget__item {
	position: relative;
	z-index: 1
}

.tpm-anchor-widget__item.is-active .tpm-anchor-widget__item-sub,
.tpm-anchor-widget__item.is-active .tpm-anchor-widget__item-tit,
.tpm-anchor-widget__item:hover .tpm-anchor-widget__item-sub,
.tpm-anchor-widget__item:hover .tpm-anchor-widget__item-tit {
	color: #0052d9;
	opacity: 1
}

.tpm-anchor-widget__item-wrap {
	position: absolute;
	width: 100%;
	background: #fff;
	transition: top .3s cubic-bezier(0, 0, .3, 1.1), height .3s cubic-bezier(0, 0, .3, 1.1)
}

.tpm-anchor-widget__item-wrap:after {
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	right: -2px;
	background-color: #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 1px
}

.tpm-anchor-widget__item-link {
	display: block;
	padding: 8px 14px 8px 20px
}

.tpm-anchor-widget__item-tit {
	font-size: 14px;
	color: #13161b;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget__item-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-anchor-widget__item-sub {
	opacity: .5;
	font-size: 12px;
	color: #13161b;
	line-height: 18px;
	margin-top: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget__item-sub {
		transition: color .3s ease-in-out, opacity .3s ease-in-out
	}
}

.tpm-anchor-widget__list--secondary {
	padding: 8px 0
}

.tpm-anchor-widget__item--secondary {
	overflow: hidden
}

.tpm-anchor-widget__item--secondary.is-active .tpm-anchor-widget__item-link--secondary,
.tpm-anchor-widget__item--secondary:hover .tpm-anchor-widget__item-link--secondary {
	color: #0052d9;
	opacity: 1
}

.tpm-anchor-widget__item-link--secondary {
	opacity: .8;
	font-size: 12px;
	color: #13161b;
	line-height: 20px;
	padding: 6px 16px;
	display: block;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget__item-link--secondary {
		transition: color .3s ease-in-out, opacity .3s ease-in-out
	}
}

.tpm-anchor-widget__links {
	border-color: currentcolor;
	border-style: solid;
	border-width: 1px 0;
	margin-right: 9px;
	padding-right: 5px;
	-o-border-image: linear-gradient(243deg, #d6dbe3 5%, #fff) 1;
	border-image: linear-gradient(243deg, #d6dbe3 5%, #fff) 1
}

.tpm-anchor-widget__link {
	display: block;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 0;
	white-space: nowrap;
	overflow: hidden
}

.tpm-anchor-widget__link-tit {
	font-size: 14px;
	color: #0052d9;
	line-height: 22px;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-anchor-widget__link-tit {
		transition: color .3s ease-in-out
	}
}

.tpm-anchor-widget__link-icon {
	vertical-align: middle;
	height: 16px;
	margin-left: 8px
}

.tpm-anchor-widget__btn-wrap {
	margin-top: 8px;
	margin-right: 9px
}

.tpm-anchor-widget__btn.size-s {
	padding: 0;
	min-width: 96px;
	color: #13161b;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1)
}

.tpm-anchor-widget__btn.size-s:focus,
.tpm-anchor-widget__btn.size-s:hover {
	background-color: #ecf3ff;
	border-color: #fff
}

.tpm-anchor-widget--mini {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 44px;
	font-size: 0;
	background: #0052d9;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
	border-radius: 22px;
	padding: 12px;
	text-align: center;
	cursor: pointer
}

.tpm-anchor-widget--mini__text {
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 20px
}

.tpm-anchor-widget--mini:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm1-anchor-widget-icon-arrow_51f.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 8px
}

.tpm-anchor-widget--simple {
	position: absolute;
	left: calc(50% - 750px);
	z-index: 999
}

.tpm-anchor-widget--simple.is-def-hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.tpm-anchor-widget--simple.is-def-hidden.is-fixed {
	visibility: visible;
	opacity: 1;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	pointer-events: auto
}

.tpm-anchor-widget--simple.is-fixed {
	position: fixed;
	top: 40px
}

.tpm-anchor-widget--simple.is-center {
	position: fixed;
	top: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-anchor-widget--simple__inner {
	width: 80px;
	background: #0052d9;
	box-shadow: -8px -8px 20px 0 #fff, 8px 8px 20px 0 rgba(55, 99, 170, .1);
	border-radius: 4px;
	text-align: center;
	box-sizing: border-box;
	transition: all .3s ease-in
}

.tpm-anchor-widget--simple__hd {
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 56px;
	padding: 8px 8px 0;
	margin-bottom: 8px
}

.tpm-anchor-widget--simple__bd {
	background: #fff;
	border-radius: 2px;
	width: 74px;
	margin: 0 auto
}

.tpm-anchor-widget--simple__list {
	position: relative
}

.tpm-anchor-widget--simple__item,
.tpm-anchor-widget--simple__link-wrap {
	border-bottom: 1px solid #d6dbe3;
	padding: 8px 9px
}

.tpm-anchor-widget--simple__item:last-child,
.tpm-anchor-widget--simple__link-wrap:last-child {
	border-bottom-width: 0
}

.tpm-anchor-widget--simple__item-link,
.tpm-anchor-widget--simple__link {
	display: block;
	font-size: 14px;
	color: #13161b;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 44px;
	cursor: pointer
}

@media screen and (min-width:769px) {

	.tpm-anchor-widget--simple__item-link,
	.tpm-anchor-widget--simple__link {
		transition: color .3s ease-in-out
	}
}

.tpm-anchor-widget--simple__item-link:hover,
.tpm-anchor-widget--simple__link,
.tpm-anchor-widget--simple__link:hover {
	color: #0052d9
}

.tpm-anchor-widget--simple__item.is-active {
	position: relative
}

.tpm-anchor-widget--simple__item.is-active .tpm-anchor-widget--simple__item-link {
	color: #0052d9
}

.tpm-anchor-widget--simple__item-wrap {
	position: absolute;
	width: 100%;
	transition: height .3s ease-in-out, top .3s ease-in-out;
	z-index: 1
}

.tpm-anchor-widget--simple__item-wrap:after,
.tpm-anchor-widget--simple__item-wrap:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: solid transparent;
	border-left: solid #0052d9;
	border-width: 7.5px 4px;
	margin-top: -7.5px;
	top: 50%
}

.tpm-anchor-widget--simple__item-wrap:before {
	left: 0
}

.tpm-anchor-widget--simple__item-wrap:after {
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tpm-anchor-widget--simple__list+.tpm-anchor-widget--simple__links {
	border-top: 1px solid #d6dbe3
}

.tpm-anchor-widget--simple__btn {
	height: 32px;
	display: block;
	background-image: url(images/tpm1-anchor-widget-icon-arrow_51f.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer
}

@media screen and (min-width:1921px) {

	.tpm-anchor-widget.is-activity--scroll,
	.tpm-anchor-widget.is-sale-activity--scroll,
	.tpm-anchor-widget.is-special--scroll {
		left: calc(50vw - 828px)
	}

	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__inner,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__inner,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__inner {
		min-width: 104px;
		max-width: 158px
	}

	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-link,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-link,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__item-link {
		padding: 10px 14px
	}

	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__item-tit,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__item-tit,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__item-tit {
		font-size: 14px
	}

	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__link,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__link {
		padding: 10px 14px
	}

	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__btn,
	.tpm-anchor-widget.is-activity--scroll .tpm-anchor-widget__link-tit,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__btn,
	.tpm-anchor-widget.is-sale-activity--scroll .tpm-anchor-widget__link-tit,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__btn,
	.tpm-anchor-widget.is-special--scroll .tpm-anchor-widget__link-tit {
		font-size: 14px
	}
}

@media screen and (max-width:1728px) {
	.tpm-anchor-widget:not(.is-special) {
		left: 16px
	}
}

@media screen and (max-width:1636px) {
	.tpm-anchor-widget.is-special {
		left: 8px
	}
}

@media screen and (max-width:1600px) {
	.tpm-anchor-widget:not(.is-special) {
		width: 0
	}

	.tpm-anchor-widget:not(.is-special) .tpm-anchor-widget__inner {
		-webkit-transform: translateX(-170px);
		transform: translateX(-170px);
		visibility: hidden
	}

	.tpm-anchor-widget:not(.is-special) .tpm-anchor-widget--mini {
		display: block;
		opacity: 1;
		visibility: visible
	}
}

@media screen and (max-width:1600px) and (min-width:769px) {
	.tpm-anchor-widget:not(.is-special) .tpm-anchor-widget--mini {
		transition: color .3s ease-in-out, opacity .3s ease-in-out
	}
}

@media screen and (max-width:1600px) {
	.tpm-anchor-widget:not(.is-special) .tpm-anchor-widget--mini:hover {
		display: none
	}

	.tpm-anchor-widget:not(.is-special) .tpm-anchor-widget--mini:hover+.tpm-anchor-widget__inner {
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}
}

@media screen and (max-width:1600px) {
	.tpm-anchor-widget:not(.is-special):hover {
		width: auto
	}

	.tpm-anchor-widget:not(.is-special):hover .tpm-anchor-widget__inner {
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}

	.tpm-anchor-widget:not(.is-special):hover .tpm-anchor-widget--mini {
		display: none
	}
}

@media screen and (max-width:1532px) {
	.tpm-anchor-widget--simple {
		left: 16px
	}
}

@media screen and (max-width:1508px) {
	.tpm-anchor-widget.is-special {
		width: 0
	}

	.tpm-anchor-widget.is-special .tpm-anchor-widget__inner {
		-webkit-transform: translateX(-170px);
		transform: translateX(-170px);
		visibility: hidden
	}

	.tpm-anchor-widget.is-special .tpm-anchor-widget--mini {
		display: block;
		opacity: 1;
		visibility: visible
	}
}

@media screen and (max-width:1508px) and (min-width:769px) {
	.tpm-anchor-widget.is-special .tpm-anchor-widget--mini {
		transition: color .3s ease-in-out, opacity .3s ease-in-out
	}
}

@media screen and (max-width:1508px) {
	.tpm-anchor-widget.is-special .tpm-anchor-widget--mini:hover {
		display: none
	}

	.tpm-anchor-widget.is-special .tpm-anchor-widget--mini:hover+.tpm-anchor-widget__inner {
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}
}

@media screen and (max-width:1508px) {
	.tpm-anchor-widget.is-special:hover {
		width: auto
	}

	.tpm-anchor-widget.is-special:hover .tpm-anchor-widget__inner {
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}

	.tpm-anchor-widget.is-special:hover .tpm-anchor-widget--mini {
		display: none
	}
}

@media screen and (max-width:1400px) {
	.tpm-anchor-widget--simple {
		width: 0
	}

	.tpm-anchor-widget--simple .tpm-anchor-widget--mini {
		display: block;
		opacity: 1;
		visibility: visible
	}
}

@media screen and (max-width:1400px) and (min-width:769px) {
	.tpm-anchor-widget--simple .tpm-anchor-widget--mini {
		transition: color .3s ease-in-out
	}
}

@media screen and (max-width:1400px) {
	.tpm-anchor-widget--simple__inner {
		-webkit-transform: translateX(-110px);
		transform: translateX(-110px);
		visibility: hidden
	}
}

@media screen and (max-width:1400px) {
	.tpm-anchor-widget--simple:hover {
		width: inherit
	}

	.tpm-anchor-widget--simple:hover .tpm-anchor-widget--mini {
		left: 0;
		opacity: 0;
		visibility: hidden
	}

	.tpm-anchor-widget--simple:hover .tpm-anchor-widget--simple__inner {
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}
}

.tpm-certificate-logo,
.tpm-certificate-logo__section {
	-webkit-font-smoothing: antialiased
}

.tpm-certificate-logo__item {
	text-align: center
}

.tpm-certificate-logo__item-link {
	display: block
}

@media screen and (min-width:769px) {
	.tpm-certificate-logo__item a[href].tpm-certificate-logo__item-link:hover .tpm-certificate-logo__item-icon-wrap {
		padding: 14px;
		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
	}

	.tpm-certificate-logo__item a[href].tpm-certificate-logo__item-link:hover .tpm-certificate-logo__item-title {
		color: #0052d9
	}
}

.tpm-certificate-logo__item-icon-wrap {
	width: 80px;
	height: 80px;
	background: #fff;
	border: 1px solid #e5e8ed;
	box-shadow: 0 1px 3px 0 rgba(3, 27, 78, .06);
	border-radius: 50%;
	margin: auto;
	padding: 15px;
	box-sizing: border-box
}

@media screen and (min-width:769px) {
	.tpm-certificate-logo__item-icon-wrap {
		transition: background .3s ease-in-out, box-shadow .3s ease-in-out
	}
}

.tpm-certificate-logo__item-icon {
	width: 100%;
	height: 100%
}

.tpm-certificate-logo__item-title {
	font-size: 14px;
	line-height: 22px;
	color: #495770;
	text-align: center;
	margin-top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-certificate-logo__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-certificate-logo__item--more .tpm-certificate-logo__item-icon {
	display: inline-block;
	width: 50px;
	background: no-repeat 50% url(images/tpm1-icon-more_03e.svg);
	background-size: 48px 48px
}

.tpm-certificate-logo__item--more .tpm-link {
	line-height: 22px;
	display: inline-block;
	margin-top: 8px
}

.tpm-certificate-logo__link-wrap {
	text-align: center;
	margin-top: 32px
}

.tpm-certificate-logo.align-center {
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-certificate-logo.align-left {
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media screen and (max-width:768px) {
	.tpm-certificate-logo__item-link {
		display: inline-block;
		width: 80px
	}
}

.tpm-certificate-card__item {
	height: 146px;
	border: 2px solid #fff;
	background: linear-gradient(0deg, #fff, #f3f5f8);
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff
}

.tpm-certificate-card__item-link {
	position: relative;
	display: block;
	padding: 20px 20px 20px 112px;
	height: 100%
}

@media screen and (min-width:769px) {
	.tpm-certificate-card__item a[href].tpm-certificate-card__item-link {
		transition: box-shadow .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-certificate-card__item a[href].tpm-certificate-card__item-link:hover {
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
	}

	.tpm-certificate-card__item a[href].tpm-certificate-card__item-link:hover .tpm-certificate-card__item-title {
		color: #0052d9
	}
}

.tpm-certificate-card__item-icon-wrap {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 20px;
	top: 20px
}

.tpm-certificate-card__item-icon {
	width: 100%
}

.tpm-certificate-card__item-title {
	font-size: 16px;
	color: #000;
	line-height: 26px;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:769px) {
	.tpm-certificate-card__item-title {
		transition: color .3s ease-in-out
	}
}

.tpm-certificate-card__item-desc {
	font-size: 14px;
	color: #495770;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.tpm-certificate-card__item--paper {
	margin-top: 46px
}

.tpm-certificate-card__item--paper .tpm-certificate-card__item-link {
	padding: 32px 20px 32px 202px
}

.tpm-certificate-card__item--paper .tpm-certificate-card__item-icon-wrap {
	width: 150px;
	height: 192px;
	box-sizing: border-box;
	top: auto;
	bottom: 2px;
	padding: 12px;
	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
}

.tpm-certificate-card__item--paper .tpm-certificate-card__item-desc {
	-webkit-line-clamp: 2
}

.tpm-certificate-card+.tpm-certificate-logo {
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.tpm-certificate-card__item-link {
		padding-left: 68px
	}

	.tpm-certificate-card__item-icon-wrap {
		width: 60px;
		height: 60px
	}

	.tpm-certificate-card__item--paper {
		height: 268px;
		padding: 0 12px 20px;
		background-image: linear-gradient(0deg, #fff, #f3f5f8);
		box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff
	}

	.tpm-certificate-card__item--paper .tpm-certificate-card__item-link {
		padding-left: 0;
		padding-top: 166px;
		text-align: center
	}

	.tpm-certificate-card__item--paper .tpm-certificate-card__item-icon-wrap {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: -46px
	}

	.tpm-certificate-card+.tpm-certificate-logo {
		margin-top: 20px
	}
}

.tpm-global-facilities__actionbar {
	padding-left: 20px;
	padding-right: 20px;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	-ms-flex-pack: center
}

.tpm-global-facilities__actionbar,
.tpm-global-facilities__actionbar-btn {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center
}

.tpm-global-facilities__actionbar-btn {
	padding: 20px 18px;
	max-width: 256px;
	font-size: 0;
	box-sizing: border-box;
	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;
	transition: all .3s ease-in-out;
	border-radius: 34px;
	min-width: 0;
	min-height: 0;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	-ms-flex-pack: center
}

.tpm-global-facilities__actionbar-btn:hover {
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff
}

.tpm-global-facilities__actionbar-btn-icon {
	margin-right: 16px;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tpm-global-facilities__actionbar-btn-icon i {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.tpm-global-facilities__actionbar-btn-icon .icon-open-area {
	background-image: url(images/icon-open-area_3f1.svg)
}

.tpm-global-facilities__actionbar-btn-icon .icon-os-coop {
	background-image: url(images/icon-os-coop_638.svg)
}

.tpm-global-facilities__actionbar-btn-icon .icon-cdn {
	background-image: url(images/icon-cdn_193.svg)
}

.tpm-global-facilities__actionbar-btn-text {
	line-height: 24px;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.tpm-global-facilities__actionbar-btn.is-disable .tpm-global-facilities__actionbar-btn-icon .icon-open-area,
.tpm-global-facilities__actionbar-btn.is-disable:hover .tpm-global-facilities__actionbar-btn-icon .icon-open-area {
	background-image: url(images/icon-open-area-disable_e56.svg)
}

.tpm-global-facilities__actionbar-btn.is-disable .tpm-global-facilities__actionbar-btn-icon .icon-os-coop,
.tpm-global-facilities__actionbar-btn.is-disable:hover .tpm-global-facilities__actionbar-btn-icon .icon-os-coop {
	background-image: url(images/icon-os-coop-disable_e56.svg)
}

.tpm-global-facilities__actionbar-btn.is-disable .tpm-global-facilities__actionbar-btn-icon .icon-cdn,
.tpm-global-facilities__actionbar-btn.is-disable:hover .tpm-global-facilities__actionbar-btn-icon .icon-cdn {
	background-image: url(images/icon-cdn-disable_d37.svg)
}

.tpm-global-facilities__actionbar-btn.is-disable .tpm-global-facilities__actionbar-btn-text,
.tpm-global-facilities__actionbar-btn.is-disable:hover .tpm-global-facilities__actionbar-btn-text {
	color: #5f7292
}

.tpm-global-facilities__actionbar-btn+.tpm-global-facilities__actionbar-btn {
	margin-left: 20px
}

.tpm-global-facilities__panel {
	margin-top: 10px
}

.tpm-global-facilities__panel:first-child {
	margin-top: 0
}

.tpm-global-facilities__panel.has-border {
	margin-top: -34px;
	padding: 54px 18px 20px;
	background-color: #f3f5f8;
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), inset 8px 8px 20px 0 rgba(219, 229, 239, .65), inset -8px -8px 20px 0 #fff;
	border-radius: 4px
}

.tpm-global-facilities__panel.has-border:first-child {
	margin-top: 0;
	padding-top: 20px
}

.tpm-global-facilities__map {
	position: relative;
	padding-top: 49.4828%;
	background-image: url(images/bg-map_446.png);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.tpm-global-facilities__map-group.is-hide {
	display: none
}

.tpm-global-facilities__map-group.is-open-area .tpm-global-facilities__map-dot-icon .icon {
	background-image: url(images/icon-open-area_3f1.svg)
}

.tpm-global-facilities__map-group.is-os-coop .tpm-global-facilities__map-dot-icon .icon {
	background-image: url(images/icon-os-coop_638.svg)
}

.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon:after,
.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transition: all .3s ease-out
}

.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon:before {
	z-index: -1;
	width: 16px;
	height: 16px;
	box-shadow: inset 0 0 6px 0 rgba(0, 89, 246, .6)
}

.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon:after {
	z-index: 2;
	width: 0;
	height: 0;
	background-color: #fff
}

.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon .icon {
	width: 6px;
	height: 6px;
	background-color: #0053d9;
	box-shadow: none
}

.tpm-global-facilities__map-dot {
	position: absolute;
	cursor: pointer
}

.tpm-global-facilities__map-dot-icon {
	position: relative;
	z-index: 1
}

.tpm-global-facilities__map-dot-icon .icon {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	box-shadow: 4px 4px 8px 0 rgba(5, 43, 105, .43);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	transition: all .3s ease-out
}

.tpm-global-facilities__map-dot-text {
	position: absolute;
	left: 100%;
	top: 50%;
	padding-left: 4px;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	white-space: nowrap;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.tpm-global-facilities__map-dot-text.is-left {
	left: auto;
	right: 100%;
	padding-left: 0;
	padding-right: 4px
}

.tpm-global-facilities__map-dot-bubble {
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -100px;
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	cursor: default;
	pointer-events: none;
	transition: all .3s ease-out
}

.tpm-global-facilities__map-dot-bubble-inner {
	display: inline-block;
	vertical-align: top;
	left: 50%;
	top: 100%;
	padding: 1px 10px;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 4px 4px 8px 0 rgba(5, 43, 105, .43)
}

.tpm-global-facilities__map-dot-bubble-inner:after,
.tpm-global-facilities__map-dot-bubble-inner:before {
	content: "";
	position: absolute;
	top: inherit;
	left: inherit;
	right: inherit;
	margin-top: -1px;
	width: 0;
	height: 0;
	font-size: 0;
	border: 6px dashed transparent
}

.tpm-global-facilities__map-dot-bubble-inner:before {
	margin-left: -6px;
	border-top-color: #fff
}

.tpm-global-facilities__map-dot-bubble-inner:after {
	margin-left: -5px;
	border: 5px dashed transparent
}

.tpm-global-facilities__thumbnail {
	display: none
}

.tpm-global-facilities__thumbnail img {
	display: block;
	width: 100%;
	height: auto
}

@media screen and (min-width:769px) {
	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon .icon {
		transform: scale(2);
		-ms-transform: scale(2);
		-moz-transform: scale(2);
		-webkit-transform: scale(2);
		-o-transform: scale(2)
	}

	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon:before {
		width: 20px;
		height: 20px
	}

	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon:after {
		width: 4px;
		height: 4px
	}

	.tpm-global-facilities__map-dot:hover {
		z-index: 9
	}

	.tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-bubble {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media screen and (max-width:1199px) {
	.tpm-global-facilities__actionbar-btn {
		padding: 14px 12px
	}

	.tpm-global-facilities__actionbar-btn-icon {
		margin-right: 12px
	}

	.tpm-global-facilities__panel.has-border {
		margin-top: -28px;
		padding-top: 48px
	}

	.tpm-global-facilities__panel.has-border:first-child {
		margin-top: 0
	}

	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot-icon:before {
		width: 12px;
		height: 12px
	}

	.tpm-global-facilities__map-dot-icon .icon {
		width: 16px;
		height: 16px
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {
	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon .icon {
		transform: scale(1.5);
		-ms-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-o-transform: scale(1.5)
	}

	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon:before {
		width: 16px;
		height: 16px
	}

	.tpm-global-facilities__map-group.is-cdn .tpm-global-facilities__map-dot:hover .tpm-global-facilities__map-dot-icon:after {
		width: 3px;
		height: 3px
	}
}

@media screen and (max-width:768px) {
	.tpm-global-facilities__actionbar {
		display: none
	}

	.tpm-global-facilities__panel,
	.tpm-global-facilities__panel.has-border {
		margin: 0
	}

	.tpm-global-facilities__panel.has-border {
		padding: 4px
	}

	.tpm-global-facilities__map {
		display: none
	}

	.tpm-global-facilities__thumbnail {
		display: block
	}
}

.tp-justify-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.tp-justify-grid .tp-justify-grid__col {
	-ms-flex: auto;
	flex: auto;
	text-align: right;
	vertical-align: middle
}

.tp-justify-grid .tp-justify-grid__col--left,
.tp-justify-grid .tp-justify-grid__col:first-child {
	text-align: left
}

.tp-justify-grid .tp-justify-grid__col--right,
.tp-justify-grid .tp-justify-grid__col--right:first-child {
	text-align: right
}

.tp-justify-grid.tp-justify-grid--start {
	-ms-flex-align: start;
	align-items: flex-start
}

.tp-justify-grid.tp-justify-grid--end {
	-ms-flex-align: end;
	align-items: flex-end
}

.tpm-scene2 .tpm-qrcode__list {
	margin-top: 28px
}

.tpm-scene2 .tpm-qrcode__list:first-child {
	margin-top: 0
}

.tpm-scene2>.tpm-media {
	margin-top: 28px
}

.tpm-scene2>.tpm-media:first-child {
	margin-top: 0
}

.tpm-scene2 .tpm-qrcode__img {
	width: 120px;
	height: 120px;
	border-width: 0;
	padding: 5px
}

.tpm-scene2 .tpm-qrcode__text {
	margin-top: 4px
}

.tpm-scene2__recommends {
	margin-top: 28px
}

.tpm-scene2__recommends .tpm-list__item-text {
	line-height: 22px
}

.tpm-scene2__recommends .tpm-list--pure .tpm-list__item+.tpm-list__item {
	margin-top: 8px
}

.tpm-scene2__recommends>.tp-grid__col {
	width: 1px;
	margin-left: 20px
}

.tpm-scene2__recommends>.tp-grid__col:first-child {
	margin-left: 0
}

.tpm-scene2__logos {
	margin-top: 24px
}

.tpm-scene2__logos-desc {
	margin-bottom: 16px
}

.tpm-scene2__logos .tpm-logo-card__list {
	padding: 0;
	margin: 0 -6px
}

.tpm-scene2__justify {
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 28px;
	-ms-flex-align: center;
	align-items: center
}

.tpm-scene2__justify:first-child {
	margin-top: 0
}

.tpm-scene2__justify .tp-justify-grid__col--left {
	width: 1px;
	-ms-flex: 1;
	flex: 1;
	padding-right: 20px
}

.tpm-scene2__justify .tp-justify-grid__col--right {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

.tpm-scene2__justify .tp-justify-grid__col--right .tpm-btn {
	min-width: 200px
}

@media screen and (max-width:768px) {
	.tpm-scene2 .tpm-media__object {
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 25px
	}

	.tpm-scene2 .tpm-media__content {
		-ms-flex-order: 2;
		order: 2
	}

	.tpm-scene2__logos .tpm-logo-card__wrap {
		padding: 0
	}

	.tpm-scene2 .tpm-media.direction-vertical .tpm-media__object {
		margin-top: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-scene2 .tp-img-preview:after {
		right: 12px;
		top: 12px
	}

	.tpm-scene2__recommends {
		margin-top: 20px;
		display: block
	}

	.tpm-scene2__recommends>.tp-grid__col {
		width: auto
	}

	.tpm-scene2__recommends>.tp-grid__col+.tp-grid__col {
		margin-top: 20px;
		margin-left: 0
	}

	.tpm-scene2__justify {
		display: block
	}

	.tpm-scene2__justify .tp-justify-grid__col--left {
		width: auto;
		padding-right: 0
	}

	.tpm-scene2__justify .tp-justify-grid__col--right {
		text-align: center;
		margin-top: 24px
	}

	.tpm-scene2__justify .tp-justify-grid__col--right .tpm-btn {
		min-width: 0;
		width: 100%
	}
}

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

.tpm-tabs-levels__bar {
	position: relative;
	margin: 0 auto;
	max-width: 1180px;
	box-sizing: border-box
}

.tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__backward,
.tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__forward {
	display: block
}

.tpm-tabs-levels__bar-box {
	overflow: hidden;
	white-space: nowrap;
	text-align: center
}

.tpm-tabs-levels__list {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: top;
	font-size: 0;
	list-style: none;
	text-align: center
}

.tpm-tabs-levels__backward {
	left: -50px;
	display: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-image: linear-gradient(1turn, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px hsla(0, 0%, 100%, .8);
	cursor: pointer
}

.tpm-tabs-levels__backward,
.tpm-tabs-levels__backward:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tpm-tabs-levels__backward:before {
	left: 5px;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm-tabs-levels-icon-arrow-left_95a.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

@media screen and (min-width:769px) {
	.tpm-tabs-levels__backward:before {
		transition: background-image .3s ease-in-out
	}
}

.tpm-tabs-levels__backward:hover:before {
	background-image: url(images/tpm-tabs-levels-icon-arrow-left-hover_8dd.svg)
}

.tpm-tabs-levels__backward--disabled {
	cursor: default
}

.tpm-tabs-levels__backward--disabled:before,
.tpm-tabs-levels__backward--disabled:hover:before {
	background-image: url(images/tpm-tabs-levels-icon-arrow-left-disabled_b38.svg)
}

.tpm-tabs-levels__forward {
	right: -50px;
	height: 34px;
	display: none;
	width: 34px;
	border-radius: 50%;
	background-color: linear-gradient(1turn, #fff, #f3f5f8);
	border: 2px solid #fff;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px hsla(0, 0%, 100%, .8);
	cursor: pointer
}

.tpm-tabs-levels__forward,
.tpm-tabs-levels__forward:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tpm-tabs-levels__forward:before {
	right: 5px;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm-tabs-levels-icon-arrow-right_806.svg);
	background-repeat: no-repeat;
	background-position: inherit;
	content: ""
}

@media screen and (min-width:769px) {
	.tpm-tabs-levels__forward:before {
		transition: background-image .3s ease-in-out
	}
}

.tpm-tabs-levels__forward:hover:before {
	background-image: url(images/tpm-tabs-levels-icon-arrow-right-hover_d5b.svg)
}

.tpm-tabs-levels__forward--disabled {
	cursor: default;
	pointer-events: none
}

.tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__backward--disabled,
.tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__forward--disabled {
	display: none
}

.tpm-tabs-levels__cont {
	background: #f3f5f8;
	box-shadow: inset 0 8px 20px rgba(55, 99, 170, .1), inset -8px -8px 20px 0 #fff;
	padding: 40px 0 60px;
	border-radius: 4px;
	margin: 0 auto
}

.tpm-tabs-levels__item {
	display: inline-block;
	-ms-flex: 1;
	flex: 1;
	vertical-align: top;
	font-size: 16px;
	color: #181818;
	line-height: 24px;
	min-width: 9.21875em
}

.tpm-tabs-levels__item:hover .tpm-tabs-levels__item-cont {
	color: #0052d9
}

.tpm-tabs-levels__item:hover .tpm-tabs-levels__item-cont:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	content: ""
}

.tpm-tabs-levels__item:hover .tpm-tabs-levels__item-desc {
	color: #0052d9
}

.tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont {
	color: #0052d9;
	font-weight: 500
}

.tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont:before {
	content: "";
	width: 100%;
	height: 3px;
	transition: width .3s ease-in-out
}

.tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-desc {
	color: #0052d9
}

.tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-cont {
	color: #999;
	cursor: default
}

.tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-cont:before {
	content: none
}

.tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-desc {
	color: #999
}

.tpm-tabs-levels__item-cont {
	position: relative;
	cursor: pointer;
	padding: 16px 0;
	text-align: center
}

@media screen and (min-width:769px) {
	.tpm-tabs-levels__item-cont {
		transition: color .3s ease-in-out, border-color .3s ease-in-out
	}
}

.tpm-tabs-levels__item-cont:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	background-color: #0052d9;
	transition: height .15s ease-in-out, width .15s ease-in-out .15s
}

.tpm-tabs-levels__item-title {
	padding: 0 10px;
	margin: 0 auto;
	font-weight: 500;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tpm-tabs-levels__item-title-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.tpm-tabs-levels__item-title-tag {
	width: auto;
	height: 18px;
	background-color: #f64041;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-left: 4px;
	border-radius: 9px 9px 9px 0;
	padding: 0 2px;
	box-sizing: border-box;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.tpm-tabs-levels__item-desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #4b5b76;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 4px auto 0
}

@media screen and (min-width:769px) {
	.tpm-tabs-levels__item-desc {
		transition: color .3s ease-in-out
	}
}

.tpm-tabs-levels__item-desc-red {
	color: #f64041;
	margin-left: 4px
}

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

.tpm-tabs-levels__panel {
	max-width: 1180px;
	margin: 0 auto
}

.tpm-tabs-levels__panel.is-hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none
}

.tpm-tabs-levels__panel.is-animated {
	transition: opacity .5s ease;
	-webkit-transform-origin: center;
	transform-origin: center
}

.tpm-tabs-levels__panel.is-first--active.is-hidden {
	display: none
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar {
	margin-bottom: 0;
	padding: 0
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar-box:before {
	content: "";
	display: block;
	width: 90px;
	float: right;
	height: 0
}

.tpm-tabs-levels--pills .tpm-tabs-levels__list {
	display: block;
	width: 100%;
	min-width: auto;
	margin-bottom: -12px;
	white-space: break-spaces;
	max-height: -webkit-max-content;
	max-height: max-content;
	overflow: hidden;
	max-width: none
}

.tpm-tabs-levels--pills .tpm-tabs-levels__item {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 12px;
	-ms-flex: auto;
	flex: auto;
	min-width: auto
}

.tpm-tabs-levels--pills .tpm-tabs-levels__item-cont {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	min-width: auto;
	color: #000;
	background-color: #fff;
	border: 1px solid #d6dbe3;
	padding: 6px 20px;
	border-radius: 30px
}

.tpm-tabs-levels--pills .tpm-tabs-levels__item-title {
	font-weight: 400
}

.tpm-tabs-levels--pills .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont {
	border-color: #0052d9
}

.tpm-tabs-levels--pills .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont:before {
	content: none
}

.tpm-tabs-levels--pills .tpm-tabs-levels__cont {
	background: none;
	box-shadow: none;
	border-radius: 0
}

.tpm-tabs-levels--pills .tpm-tabs-levels__more {
	display: none;
	vertical-align: middle;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background-color: #fff;
	border: 1px solid #d6dbe3;
	padding: 6px 20px;
	border-radius: 30px;
	cursor: pointer;
	float: right;
	clear: both;
	position: relative;
	z-index: 10
}

.tpm-tabs-levels--pills .tpm-tabs-levels__more-icon {
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	background-image: url(images/tpm-tabs-levels-icon-arrow-down_0e1.svg);
	margin-left: 4px
}

.tpm-tabs-levels--pills .tpm-tabs-levels__more:hover {
	color: #0052d9
}

.tpm-tabs-levels--pills .tpm-tabs-levels__more:hover .tpm-tabs-levels__more-icon {
	background-image: url(images/tpm-tabs-levels-icon-arrow-down-hover_104.svg)
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__backward,
.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-scrolling .tpm-tabs-levels__forward {
	display: none
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more .tpm-tabs-levels__list {
	max-width: calc(100% - 106px);
	max-height: 48px
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more .tpm-tabs-levels__more {
	display: inline-block
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more.is-pills-more--open .tpm-tabs-levels__bar-box:before {
	height: calc(100% - 34px)
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more.is-pills-more--open .tpm-tabs-levels__list {
	max-height: -webkit-max-content;
	max-height: max-content;
	max-width: calc(100% - 106px)
}

.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more.is-pills-more--open .tpm-tabs-levels__more-icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tpm-tabs-levels .tpm-tabs-levels--text {
	margin-top: -10px
}

.tpm-tabs-levels__bar-panel,
.tpm-tabs-levels__btn {
	display: none
}

.tpm-tabs-levels-wrap--two .tpm-tabs-levels__cont {
	padding: 20px 0 60px
}

.tpm-tabs-levels-wrap--two .tpm-tabs-levels.tpm-tabs-levels--pills .tpm-tabs-levels__cont {
	padding: 36px 0 0
}

@media screen and (max-width:768px) {
	.tpm-tabs-levels__bar {
		position: relative;
		z-index: 2
	}

	.tpm-tabs-levels__bar-box {
		overflow: visible;
		margin-bottom: -10px
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__list {
		width: 100%;
		overflow-x: auto;
		height: auto;
		padding: 0 0 10px;
		position: relative
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item {
		background-image: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: 2px 2px 10px rgba(55, 99, 170, .1), -2px -2px 10px #fff
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item-cont {
		padding: 11px 12px;
		font-size: 14px;
		line-height: 22px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item-cont:before {
		transition: border-color .3s ease-in-out;
		width: 0;
		height: 0;
		border: solid transparent;
		border-width: 6px 6px 0;
		left: 50%;
		margin-left: -6px;
		bottom: -6px;
		z-index: 10;
		background-color: transparent
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item-desc {
		font-size: 12px;
		line-height: 20px;
		margin-top: 2px;
		transition: color .3s ease-in-out
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont {
		color: #fff;
		background-color: #0052d9;
		border-color: #0052d9
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont:before {
		width: 0;
		height: 0;
		left: 50%;
		margin-left: -6px;
		bottom: -6px;
		border-color: #0052d9 transparent transparent
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-desc {
		color: #fff
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-cont {
		color: #999;
		background: none;
		border-width: 0;
		cursor: default
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-cont:before {
		content: none
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item.is-disabled .tpm-tabs-levels__item-desc {
		color: #999
	}

	.tpm-tabs-levels__bar .tpm-tabs-levels__item-desc-red,
	.tpm-tabs-levels__bar .tpm-tabs-levels__item-title-tag {
		display: none
	}

	.tpm-tabs-levels__bar-panel {
		transition: all .3s ease-in-out;
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		margin-top: -10px;
		padding: 34px 14px 30px;
		width: 100%;
		background-image: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: 2px 2px 10px rgba(55, 99, 170, .1), -2px -2px 10px #fff
	}

	.tpm-tabs-levels__bar-panel-list {
		white-space: pre-wrap;
		text-align: left;
		margin-bottom: -12px
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item {
		width: calc(50% - 3px);
		background: none;
		box-shadow: none;
		margin-bottom: 12px
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item:nth-child(2n) {
		margin-left: 6px
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item:active {
		background-color: #ecf2fe
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item-cont {
		padding: 4px 10px;
		font-size: 14px;
		line-height: 22px;
		text-align: left;
		border-width: 0
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item-title {
		-ms-flex-pack: start;
		justify-content: flex-start;
		max-width: none
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item-title-tag {
		display: block
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item-desc {
		display: none
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont {
		background: none;
		color: #0052d9
	}

	.tpm-tabs-levels__bar-panel .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont:before {
		content: none
	}

	.tpm-tabs-levels__cont {
		position: relative;
		z-index: 1;
		box-shadow: none;
		background: none;
		border-width: 0;
		padding: 0
	}

	.tpm-tabs-levels__bar.is-mb-collapse {
		padding-right: 40px
	}

	.tpm-tabs-levels__bar.is-mb-collapse .tpm-tabs-levels__list {
		display: -ms-flexbox;
		display: flex;
		z-index: 1
	}

	.tpm-tabs-levels__bar.is-mb-collapse .tpm-tabs-levels__btn {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		width: 40px;
		height: calc(100% - 12px);
		background-image: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: -4px -4px 10px rgba(55, 99, 170, .1), -2px -2px 10px #fff;
		cursor: pointer
	}

	.tpm-tabs-levels__bar.is-mb-collapse .tpm-tabs-levels__btn:after {
		content: "";
		width: 16px;
		height: 16px;
		background-image: url(images/tpm-tabs-levels-icon-arrow-down_0e1.svg);
		background-size: 16px;
		background-position: 50%;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px
	}

	.tpm-tabs-levels .tpm-tabs-levels__bar.is-mb-collapse--open .tpm-tabs-levels__btn:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		background-image: url(images/tpm-tabs-levels-icon-arrow-down-hover_104.svg)
	}

	.tpm-tabs-levels .tpm-tabs-levels__bar.is-mb-collapse--open .tpm-tabs-levels__bar-panel {
		display: block
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-box {
		margin: 0;
		overflow: hidden
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-box:before {
		content: none
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar {
		margin-bottom: 0;
		padding: 7px 2px;
		box-sizing: border-box;
		background: linear-gradient(180deg, #f3f5f8, #fff);
		box-shadow: 2px 2px 10px rgba(55, 99, 170, .1), -2px -2px 10px #fff
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar .tpm-tabs-levels__btn {
		position: absolute;
		background-color: #fff;
		border: 1px solid #d6dbe3;
		border-radius: 30px;
		width: 46px;
		height: 26px;
		box-shadow: none;
		right: 12px;
		top: 7px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar .tpm-tabs-levels__list {
		max-width: 100%;
		padding: 0;
		margin-bottom: 0;
		text-align: left
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar .tpm-tabs-levels__item {
		background: none;
		box-shadow: none;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0 14px;
		vertical-align: middle
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar .tpm-tabs-levels__item-cont {
		padding: 0;
		border: 0;
		background: none;
		line-height: 28px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar .tpm-tabs-levels__item.is-active .tpm-tabs-levels__item-cont {
		color: #0052d9;
		background: none
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-panel {
		margin: 0;
		padding: 22px 24px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-panel-list {
		margin-bottom: -20px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-panel .tpm-tabs-levels__item {
		margin-bottom: 20px;
		padding: 0
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar-panel .tpm-tabs-levels__item:nth-child(2n) {
		margin-left: 6px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-mb-collapse {
		padding-right: 60px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-mb-collapse .tpm-tabs-levels__list {
		max-height: 28px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-mb-collapse .tpm-tabs-levels__btn {
		display: block
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-mb-collapse.is-mb-collapse--open {
		box-shadow: none
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-mb-collapse.is-mb-collapse--open:after {
		content: "";
		width: calc(100% - 40px);
		height: 1px;
		background-color: #ebedf1;
		position: absolute;
		bottom: 0;
		left: 20px
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__bar.is-pills-more .tpm-tabs-levels__more {
		display: none
	}

	.tpm-tabs-levels--pills .tpm-tabs-levels__cont {
		background-image: none;
		border: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0
	}

	.tpm-tabs-levels-wrap--two .tpm-tabs-levels__cont {
		padding: 0
	}

	.tpm-tabs-levels-wrap--two .tpm-tabs-levels__bar {
		border-width: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-tabs-levels__list-mobile {
		position: relative;
		display: inline-block;
		min-width: 100%;
		font-size: 0;
		vertical-align: middle;
		list-style: none
	}

	.tpm-tabs-levels__item-cont {
		padding: 20px;
		cursor: default
	}
}

.tpm-roadmap__inner {
	position: relative;
	margin: 0 auto;
	max-width: 1180px
}

.tpm-roadmap__bar {
	position: relative
}

.tpm-roadmap__bar-label {
	position: absolute;
	left: 0;
	line-height: 32px;
	font-size: 24px;
	font-weight: 500;
	color: #d6dbe3
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bars {
		white-space: nowrap;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap
	}

	.tpm-roadmap__bars.is-animate {
		transition: -webkit-transform .5s ease-out;
		transition: transform .5s ease-out;
		transition: transform .5s ease-out, -webkit-transform .5s ease-out;
		-moz-transition: transform ease-out .5s;
		-webkit-transition: transform .5s ease-out;
		-o-transition: transform ease-out .5s
	}

	.tpm-roadmap__bar {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}

	.tpm-roadmap__bar-label {
		top: -36px
	}

	.tpm-roadmap__bar+.tpm-roadmap__bar .tpm-roadmap__bar-label {
		left: 4px
	}
}

@media screen and (max-width:768px) {
	.tpm-roadmap__bar-label {
		z-index: 2;
		top: 0;
		left: 6px;
		line-height: 26px;
		font-size: 18px
	}

	.tpm-roadmap__bar+.tpm-roadmap__bar {
		margin-top: 4px
	}
}

.tpm-roadmap__point-index {
	line-height: 22px;
	font-size: 14px;
	color: #d6dbe3;
	text-align: center;
	font-weight: 500
}

.tpm-roadmap__point-index.is-hide {
	display: none
}

.tpm-roadmap__point-order {
	position: relative
}

.tpm-roadmap__point-order:after,
.tpm-roadmap__point-order:before {
	content: "";
	display: block;
	position: absolute;
	background: #0052d9
}

.tpm-roadmap__point-order-icon {
	display: block;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #0052d9;
	border-radius: 50%
}

.tpm-roadmap__point-order-icon.is-hide {
	opacity: 0;
	visibility: hidden
}

.tpm-roadmap__point-arrow {
	position: absolute;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.tpm-roadmap__bar.is-current~.tpm-roadmap__bar .tpm-roadmap__point-item .tpm-roadmap__point-order:after,
.tpm-roadmap__bar.is-current~.tpm-roadmap__bar .tpm-roadmap__point-item .tpm-roadmap__point-order:before,
.tpm-roadmap__point-item.is-current~.tpm-roadmap__point-item .tpm-roadmap__point-order:after,
.tpm-roadmap__point-item.is-current~.tpm-roadmap__point-item .tpm-roadmap__point-order:before {
	background: #d6dbe3
}

.tpm-roadmap__bar.is-current~.tpm-roadmap__bar .tpm-roadmap__point-item .tpm-roadmap__point-order-icon,
.tpm-roadmap__point-item.is-current~.tpm-roadmap__point-item .tpm-roadmap__point-order-icon {
	border-color: #97a3b7
}

.tpm-roadmap__point-item.is-current .tpm-roadmap__point-order:after {
	background: #d6dbe3
}

.tpm-roadmap__point-item.is-current .tpm-roadmap__point-order-icon:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	border: 8px solid rgba(0, 82, 217, .2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.tpm-roadmap__point-item.is-current .tpm-roadmap__point-index {
	color: #97a3b7
}

@media screen and (min-width:769px) {
	.tpm-roadmap__point {
		white-space: nowrap;
		font-size: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap
	}

	.tpm-roadmap__point-item {
		position: relative;
		white-space: normal;
		box-sizing: content-box;
		min-width: 236px;
		min-height: 0;
		-ms-flex: 1;
		flex: 1
	}

	.tpm-roadmap__point-item:first-child .tpm-roadmap__point-order:before {
		border-radius: 2px 0 0 2px
	}

	.tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		border-radius: 0 2px 2px 0;
		display: block
	}

	.tpm-roadmap__point-item.is-current+.tpm-roadmap__point-item .tpm-roadmap__point-order:before {
		width: calc(100% - 14px);
		border-radius: 2px 0 0 2px
	}

	.tpm-roadmap__point-index {
		position: absolute;
		left: 50%;
		bottom: 100%;
		margin-bottom: 6px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.tpm-roadmap__point-index--mb {
		display: none
	}

	.tpm-roadmap__point-order:after,
	.tpm-roadmap__point-order:before {
		top: 50%;
		width: 100%;
		height: 4px;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.tpm-roadmap__point-order:before {
		right: 50%
	}

	.tpm-roadmap__point-order:after {
		display: none;
		left: 50%
	}

	.tpm-roadmap__point-arrow {
		top: 100%;
		left: 50%;
		margin-top: 6px;
		background-image: url(images/icon-current-top_130.svg);
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.tpm-roadmap__point-item.is-current .tpm-roadmap__point-order-icon {
		position: relative
	}

	.tpm-roadmap__point-item:first-child .tpm-roadmap__point-order:before {
		width: 50%
	}

	.tpm-roadmap__bar+.tpm-roadmap__bar .tpm-roadmap__point-item:first-child .tpm-roadmap__point-order:before,
	.tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		width: calc(50% - 2px)
	}

	.tpm-roadmap__bar:last-child .tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		width: 50%
	}
}

@media screen and (max-width:768px) {
	.tpm-roadmap__point-item {
		position: relative;
		padding-left: 84px;
		height: 144px;
		display: -ms-flexbox;
		display: flex;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-roadmap__point-item:first-child .tpm-roadmap__point-order:before {
		border-radius: 2px 2px 0 0
	}

	.tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		border-radius: 0 0 2px 2px
	}

	.tpm-roadmap__point-item:first-child .tpm-roadmap__point-order:before,
	.tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		height: 50%
	}

	.tpm-roadmap__point-item:last-child .tpm-roadmap__point-order:after {
		display: block
	}

	.tpm-roadmap__point-item+.tpm-roadmap__point-item {
		margin-top: 16px
	}

	.tpm-roadmap__point-index {
		position: absolute;
		top: 50%;
		left: 18px;
		width: auto;
		line-height: 20px;
		font-size: 12px;
		color: #97a3b7;
		text-align: right;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.tpm-roadmap__point-index--pc {
		display: none
	}

	.tpm-roadmap__point-order {
		position: static
	}

	.tpm-roadmap__point-order:after,
	.tpm-roadmap__point-order:before {
		left: 62px;
		width: 4px;
		height: calc(100% + 16px)
	}

	.tpm-roadmap__point-order:before {
		bottom: 50%
	}

	.tpm-roadmap__point-order:after {
		display: none;
		top: 50%
	}

	.tpm-roadmap__point-order-icon {
		position: absolute;
		left: 58px
	}

	.tpm-roadmap__point-arrow,
	.tpm-roadmap__point-order-icon {
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.tpm-roadmap__point-arrow {
		left: 36px;
		background-image: url(images/icon-current-right_b74.svg)
	}

	.tpm-roadmap__point-item.is-current .tpm-roadmap__point-index {
		left: 0
	}
}

.tpm-roadmap__content-hd {
	margin-bottom: 4px;
	font-size: 0
}

.tpm-roadmap__content-date {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	line-height: 22px;
	font-size: 14px;
	color: #97a3b7
}

.tpm-roadmap__content-date:last-child {
	margin-right: 0
}

.tpm-roadmap__content-tagwrap {
	margin-bottom: 8px;
	font-size: 0;
	text-align: center
}

.tpm-roadmap__content-tag {
	display: inline-block;
	vertical-align: top;
	padding: 0 4px;
	height: 18px;
	line-height: 16px;
	font-size: 12px;
	color: #0052d9;
	border: 1px solid #0052d9;
	border-radius: 2px
}

.tpm-roadmap__content-tit {
	line-height: 24px;
	font-size: 14px;
	font-weight: 500;
	color: #181818;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.tpm-roadmap__content-desc {
	margin-top: 8px;
	line-height: 20px;
	font-size: 12px;
	color: #4b5b76;
	max-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.tpm-roadmap__content-extra {
	margin-top: 8px
}

.tpm-roadmap__content-extra .tp-link--arrow {
	line-height: 18px;
	font-size: 12px
}

.tpm-roadmap__content-extra .tp-link--arrow:after {
	vertical-align: -1px
}

@media screen and (min-width:769px) {
	.tpm-roadmap__content {
		position: absolute;
		left: 50%;
		width: 144px;
		text-align: center;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.tpm-roadmap__bubble+.tpm-roadmap__content {
		display: none
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__content,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__content,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__content {
		top: auto;
		margin-top: 0;
		bottom: 100%;
		margin-bottom: 52px
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__content,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__content,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__content {
		bottom: auto;
		margin-bottom: 0;
		top: 100%;
		margin-top: 44px
	}
}

@media screen and (max-width:768px) {
	.tpm-roadmap__content {
		padding: 12px 16px
	}

	.tpm-roadmap__content-date {
		display: none
	}

	.tpm-roadmap__content-tagwrap {
		margin-bottom: 4px;
		text-align: left
	}

	.tpm-roadmap__content.is-card-mb {
		min-height: 144px;
		background: #fff;
		border-radius: 4px;
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
		display: -ms-flexbox;
		display: flex;
		-moz-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center
	}

	.tpm-roadmap__bubble+.tpm-roadmap__content {
		display: none
	}
}

.tpm-roadmap__bubble {
	background: #f4f8fe;
	border: 1px solid #0052d9;
	box-shadow: 0 4px 4px rgba(55, 99, 170, .1);
	border-radius: 4px;
	cursor: pointer
}

.tpm-roadmap__bubble:after,
.tpm-roadmap__bubble:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	border-width: 8px;
	border-style: solid
}

.tpm-roadmap__bubble-inner {
	padding: 16px 20px
}

.tpm-roadmap__bubble-hd {
	margin-bottom: 4px;
	font-size: 0
}

.tpm-roadmap__bubble-date {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	line-height: 22px;
	font-size: 14px;
	color: #97a3b7
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-date {
		transition: color .3s ease-in-out
	}
}

.tpm-roadmap__bubble-date:last-child {
	margin-right: 0
}

.tpm-roadmap__bubble-tag {
	display: inline-block;
	vertical-align: middle;
	padding: 0 4px;
	height: 18px;
	line-height: 16px;
	font-size: 12px;
	color: #0cbf5b;
	background: #fff;
	border: 1px solid #0cbf5b;
	border-radius: 2px
}

.tpm-roadmap__bubble-tit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-align: center;
	align-items: center
}

.tpm-roadmap__bubble-titag {
	display: block;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	background-image: url(images/icon-bubble-tag_cd5.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-titag {
		transition: background-image .3s ease-in-out
	}
}

.tpm-roadmap__bubble-titext {
	line-height: 24px;
	font-size: 14px;
	font-weight: 500;
	color: #0052d9;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-titext {
		transition: color .3s ease-in-out
	}
}

.tpm-roadmap__bubble-desc {
	margin-top: 8px;
	line-height: 20px;
	font-size: 12px;
	color: #4b5b76;
	height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-desc {
		transition: color .3s ease-in-out
	}
}

.tpm-roadmap__bubble-extra {
	margin-top: 8px
}

.tpm-roadmap__bubble-extra .tp-link--arrow {
	line-height: 20px;
	font-size: 12px
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-extra .tp-link--arrow {
		transition: color .3s ease-in-out
	}
}

.tpm-roadmap__bubble-extra .tp-link--arrow:after {
	vertical-align: -1px
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble-extra .tp-link--arrow:after {
		transition: background-image .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: background-image .3s ease-in-out, transform .3s ease-in-out;
		transition: background-image .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out
	}
}

.tpm-roadmap__bubble:hover {
	background: #0052d9;
	border-color: #0052d9;
	box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff
}

.tpm-roadmap__bubble:hover .tpm-roadmap__bubble-date {
	color: hsla(0, 0%, 100%, .55)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__bubble-tag {
	color: hsla(0, 0%, 100%, .55);
	background: none;
	border-color: hsla(0, 0%, 100%, .55)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__bubble-titag {
	background-image: url(images/icon-bubble-tag-white_e8b.svg)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__bubble-desc,
.tpm-roadmap__bubble:hover .tpm-roadmap__bubble-titext {
	color: #fff
}

.tpm-roadmap__bubble:hover .tpm-link.tp-link {
	color: hsla(0, 0%, 100%, .55)
}

.tpm-roadmap__bubble:hover .tpm-link.tp-link--arrow:after {
	background-image: url(images/icon-bubble-arrow-white_1e4.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

@media screen and (min-width:769px) {
	.tpm-roadmap__bubble {
		position: absolute;
		left: 50%;
		width: 230px;
		min-height: 160px;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transition: background .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out
	}

	.tpm-roadmap__bubble:after,
	.tpm-roadmap__bubble:before {
		left: 50%;
		margin-left: -8px;
		transition: border-color .3s ease-in-out
	}

	.tpm-roadmap__bubble:hover {
		z-index: 2
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble {
		top: auto;
		margin-top: 0;
		bottom: 100%;
		margin-bottom: 36px
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:before,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:before,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:before {
		bottom: auto;
		top: 100%;
		border-color: #0052d9 transparent transparent
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after {
		margin-bottom: 0;
		margin-top: -1px;
		border-color: #f4f8fe transparent transparent
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:before,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:before,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:before {
		border-color: #0052d9 transparent transparent
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble {
		bottom: auto;
		margin-bottom: 0;
		top: 100%;
		margin-top: 28px
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:before,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:before,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:before {
		top: auto;
		bottom: 100%;
		border-color: transparent transparent #0052d9
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:after,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:after {
		margin-top: 0;
		margin-bottom: -1px;
		border-color: transparent transparent #f4f8fe
	}

	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item.is-append:nth-child(2n)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:before,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item.is-append:nth-child(odd)~.tpm-roadmap__point-item:nth-child(odd) .tpm-roadmap__bubble:hover:before,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__point-item:nth-child(2n) .tpm-roadmap__bubble:hover:before {
		border-color: transparent transparent #0052d9
	}
}

@media screen and (max-width:768px) {
	.tpm-roadmap__bubble {
		position: relative
	}

	.tpm-roadmap__bubble:after,
	.tpm-roadmap__bubble:before {
		right: 100%;
		top: 50%;
		margin-top: -8px;
		border-color: transparent #0052d9 transparent transparent
	}

	.tpm-roadmap__bubble:after {
		margin-right: -1px;
		border-color: transparent #f4f8fe transparent transparent
	}

	.tpm-roadmap__bubble-inner {
		padding: 12px 15px
	}

	.tpm-roadmap__bubble-date {
		display: none
	}

	.tpm-roadmap__bubble-tag {
		position: absolute;
		top: 0;
		right: 0
	}

	.tpm-roadmap__bubble-desc {
		margin-top: 4px;
		height: auto;
		max-height: 40px
	}

	.tpm-roadmap__bubble-titext {
		width: 0;
		-ms-flex: 1;
		flex: 1
	}

	.tpm-roadmap__bubble:hover:after,
	.tpm-roadmap__bubble:hover:before {
		border-color: transparent #0052d9 transparent transparent
	}
}

@media screen and (min-width:769px) {
	.tpm-roadmap__scroll-cont {
		padding-top: 208px;
		padding-bottom: 208px;
		overflow: hidden
	}

	.tpm-roadmap__scroll-btn {
		position: absolute;
		top: 197px;
		width: 34px;
		height: 34px;
		background: linear-gradient(1turn, #fff, #f3f5f8);
		border: 2px solid #fff;
		box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px hsla(0, 0%, 100%, .8);
		border-radius: 50%;
		cursor: pointer;
		transition: all .2s linear;
		-moz-transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear
	}

	.tpm-roadmap__scroll-btn:after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -8px;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-image: url(images/icon-arrow-left_4c4.svg)
	}
}

@media screen and (min-width:769px) and (min-width:769px) {
	.tpm-roadmap__scroll-btn:after {
		transition: background-image .3s ease-in-out
	}
}

@media screen and (min-width:769px) {
	.tpm-roadmap__scroll-btn--backward {
		left: -54px
	}
}

@media screen and (min-width:769px) {
	.tpm-roadmap__scroll-btn--forward {
		right: -54px
	}

	.tpm-roadmap__scroll-btn--forward:after {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg)
	}
}

@media screen and (min-width:769px) {
	.tpm-roadmap__scroll-btn--disable {
		opacity: 0;
		visibility: hidden
	}
}

@media screen and (min-width:769px) {
	.tpm-roadmap__scroll-btn:hover:after {
		background-image: url(images/icon-arrow-left-primary_b97.svg)
	}
}

@media screen and (min-width:769px) and (max-width:1320px) {
	.tpm-roadmap__scroll-btn--backward {
		left: 0
	}

	.tpm-roadmap__scroll-btn--forward {
		right: 0
	}
}

@media screen and (max-width:768px) {
	.tpm-roadmap__scroll .tpm-roadmap__scroll-btns {
		display: none
	}
}

.tpm-roadmap__progress {
	display: inline-block;
	vertical-align: middle;
	padding: 0 4px;
	height: 18px;
	font-size: 0;
	background: #fff;
	border: 1px solid transparent;
	white-space: nowrap
}

@media screen and (min-width:769px) {
	.tpm-roadmap__progress {
		transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
	}
}

.tpm-roadmap__progress-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

@media screen and (min-width:769px) {
	.tpm-roadmap__progress-icon {
		transition: background-image .3s ease-in-out
	}
}

.tpm-roadmap__progress-text {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	font-size: 12px
}

.tpm-roadmap__progress.level-1 {
	color: #97a3b7;
	border-color: #97a3b7
}

.tpm-roadmap__progress.level-1 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-1_cc8.svg)
}

.tpm-roadmap__progress.level-2 {
	color: #0052d9;
	border-color: #0052d9
}

.tpm-roadmap__progress.level-2 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-2_748.svg)
}

.tpm-roadmap__progress.level-3 {
	color: #0cbf5b;
	border-color: #0cbf5b
}

.tpm-roadmap__progress.level-3 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-3_ef1.svg)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__progress {
	background: none;
	border-color: hsla(0, 0%, 100%, .55);
	color: hsla(0, 0%, 100%, .55)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__progress.level-1 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-1-hover_6d5.svg)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__progress.level-2 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-2-hover_d3d.svg)
}

.tpm-roadmap__bubble:hover .tpm-roadmap__progress.level-3 .tpm-roadmap__progress-icon {
	background-image: url(images/icon-progress-3-hover_8cf.svg)
}

.tpm-product-function__card {
	padding: 20px;
	background: #fff;
	border: 1px solid #e3e6eb;
	border-top: 0;
	border-left: 0
}

@media screen and (min-width:769px) {
	.tpm-product-function__card {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-product-function__card:hover {
	position: relative;
	box-shadow: 3px 3px 12px 0 rgba(55, 99, 170, .2)
}

.tpm-product-function__card-value {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tpm-product-function__card-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #181818
}

.tpm-product-function__card-desc {
	color: #4b5b76;
	font-size: 14px;
	line-height: 22px;
	margin-top: 16px
}

.tpm-product-function__card .tpm-link {
	font-size: 12px;
	line-height: 20px;
	color: #0052d9
}

.tpm-product-function__card .tpm-link+.tpm-link {
	margin-left: 16px
}

.tpm-product-function__card-header+.tpm-product-function__link-list {
	margin-top: 20px
}

.tpm-product-function__card.tpm-product-function__card--thumbnail {
	display: -ms-flexbox;
	display: flex
}

.tpm-product-function__card.tpm-product-function__card--thumbnail .tpm-product-function__card-img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 110px;
	height: 146px;
	background-size: cover
}

.tpm-product-function__card.tpm-product-function__card--thumbnail .tpm-product-function__card-value {
	margin-left: 20px
}

@media screen and (min-width:769px) {
	.tpm-product-function__card.tpm-product-function__card--thumbnail .tpm-product-function__card-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3
	}
}

@media screen and (max-width:768px) {
	.tpm-product-function__card {
		width: 100%;
		border: 0;
		box-shadow: 3px 3px 12px 0 rgba(55, 99, 170, .2)
	}

	.tpm-product-function__card+.tpm-product-function__card {
		margin-top: 16px
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail {
		width: calc(50% - 8px);
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail .tpm-product-function__card-img {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		background-size: cover
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail .tpm-product-function__card-value {
		margin-left: 0;
		margin-top: 16px
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail:nth-child(2n+2) {
		margin-left: 16px
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail:nth-child(-n+2) {
		margin-top: 0
	}
}

@media screen and (max-width:600px) {
	.tpm-product-function__card.tpm-product-function__card--thumbnail {
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail:nth-child(2n+2) {
		margin-left: 0
	}

	.tpm-product-function__card.tpm-product-function__card--thumbnail:nth-child(2) {
		margin-top: 16px
	}
}

.tpm-product-function {
	padding: 60px 0 0
}

@media screen and (min-width:769px) {

	.tpm-product-function.tpm-product-function--default .tpm-section__hd,
	.tpm-product-function.tpm-product-function--flow .tpm-section__hd {
		margin-bottom: 16px
	}
}

.tpm-product-function.tpm-product-function--default .tpm-section__inner,
.tpm-product-function.tpm-product-function--flow .tpm-section__inner {
	max-width: none
}

.tpm-product-function.tpm-product-function--simple {
	padding: 60px 0
}

.tpm-product-function__tab .tpm-tabs__cont {
	padding: 40px 0
}

.tpm-product-function .tpm-tabs__panel {
	max-width: 1180px;
	margin: 0 auto
}

.tpm-product-function__content .tpm-section__hd {
	text-align: left;
	margin-bottom: 24px
}

.tpm-product-function__content .tpm-section__title {
	font-size: 18px;
	line-height: 26px
}

.tpm-product-function__content .tpm-section__sub {
	margin-top: 8px
}

.tpm-product-function .tpm-section__desc,
.tpm-product-function .tpm-section__sub,
.tpm-product-function .tpm-section__sub .tpm-link {
	font-size: 14px;
	line-height: 22px
}

.tpm-product-function__content-value,
.tpm-product-function__content .tpm-section__bd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tpm-product-function__content .tpm-section__sub .tpm-link:after {
	content: none
}

.tpm-product-function__content .tpm-section__sub .tpm-link:hover {
	text-decoration: underline
}

.tpm-product-function__content--background .tpm-section__bd {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: top;
	align-items: top
}

.tpm-product-function__content-img--s {
	width: 578px;
	height: 578px;
	background-size: 100% auto;
	background-position: 50%
}

.tpm-product-function__content-img--m {
	width: 578px
}

.tpm-product-function__content-img--l {
	width: 578px;
	height: 325px;
	background-size: auto 100%;
	background-position-x: center
}

.tpm-product-function__inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1180px;
	margin: 0 auto
}

.tpm-product-function__inner:nth-child(2n+2) .tpm-product-function__content {
	-ms-flex-order: 1;
	order: 1
}

.tpm-product-function__content--background {
	width: 570px
}

.tpm-product-function__content--background .tpm-product-function__card {
	background-color: transparent;
	border: 0;
	border-left: 1px solid #d6dbe3;
	padding: 0 0 0 20px;
	margin-top: 20px
}

.tpm-product-function__content--background .tpm-product-function__card:hover {
	cursor: auto;
	box-shadow: none
}

@media screen and (min-width:769px) {
	.tpm-product-function__content--4 .tpm-product-function__card {
		width: 25%
	}

	.tpm-product-function__content--4 .tpm-product-function__card:nth-child(-n+4) {
		border-top: 1px solid #e3e6eb
	}

	.tpm-product-function__content--4 .tpm-product-function__card:nth-child(4n+1) {
		border-left: 1px solid #e3e6eb
	}

	.tpm-product-function__content--3 .tpm-product-function__card {
		width: 33.33%
	}

	.tpm-product-function__content--3 .tpm-product-function__card:nth-child(-n+3) {
		border-top: 1px solid #e3e6eb
	}

	.tpm-product-function__content--3 .tpm-product-function__card:nth-child(3n+1) {
		border-left: 1px solid #e3e6eb
	}

	.tpm-product-function__content--2 .tpm-product-function__card {
		width: 50%
	}

	.tpm-product-function__content--2 .tpm-product-function__card:nth-child(-n+2) {
		border-top: 1px solid #e3e6eb
	}

	.tpm-product-function__content--2 .tpm-product-function__card:nth-child(odd) {
		border-left: 1px solid #e3e6eb
	}

	.tpm-product-function__content--2.tpm-product-function__content--background .tpm-product-function__card {
		width: calc(50% - 8px);
		border-left: 2px solid #d6dbe3
	}

	.tpm-product-function__content--2.tpm-product-function__content--background .tpm-product-function__card:nth-child(-n+2) {
		border-top: 0;
		margin-top: 0
	}

	.tpm-product-function__content--2.tpm-product-function__content--background .tpm-product-function__card:nth-child(odd) {
		border-left: 2px solid #d6dbe3
	}

	.tpm-product-function__content--2.tpm-product-function__content--background .tpm-product-function__card:nth-child(2n+2) {
		margin-left: 16px
	}

	.tpm-product-function__content--1 .tpm-product-function__card {
		width: 100%;
		border-left: 1px solid #e3e6eb;
		border-top: 1px solid #e3e6eb
	}

	.tpm-product-function__content--1 .tpm-product-function__card:not(:first-child) {
		border-top: 0
	}

	.tpm-product-function__content--1.tpm-product-function__content--background .tpm-product-function__card:first-child {
		border-top: 0;
		margin-top: 0
	}

	.tpm-product-function__content--1.tpm-product-function__content--background .tpm-product-function__card {
		border-left: 2px solid #d6dbe3
	}
}

@media screen and (min-width:769px) {
	.tpm-product-function__content {
		padding: 0
	}

	.tpm-product-function__content+.tpm-product-function__content,
	.tpm-product-function__inner+.tpm-product-function__inner {
		margin-top: 32px
	}
}

@media screen and (max-width:768px) {
	.tpm-product-function {
		padding: 32px 0 0
	}

	.tpm-product-function .tpm-section__inner {
		padding: 0
	}

	.tpm-product-function__tab .tpm-tabs__bar {
		background: linear-gradient(1turn, #fff, #f3f5f8)
	}

	.tpm-product-function__content .tpm-section__inner,
	.tpm-product-function__tab .tpm-tabs__cont {
		padding: 0
	}

	.tpm-product-function__content .tpm-section__desc {
		display: inline;
		line-height: 22px
	}

	.tpm-product-function__content .tpm-section__links {
		display: inline;
		margin-left: 12px
	}

	.tpm-product-function__content .tpm-section__hd {
		margin-bottom: 24px
	}

	.tpm-product-function__content .tpm-section__bd {
		box-shadow: none
	}

	.tpm-product-function__content .tpm-section .tpm-link {
		font-size: 14px;
		line-height: 22px
	}

	.tpm-product-function__content {
		padding: 0 16px
	}

	.tpm-product-function__content+.tpm-product-function__content {
		padding-top: 16px
	}

	.tpm-product-function__content--background {
		padding: 0
	}

	.tpm-product-function__inner {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 16px
	}

	.tpm-product-function__inner+.tpm-product-function__inner {
		padding-top: 16px
	}

	.tpm-product-function__tab .tpm-product-function__content,
	.tpm-product-function__tab .tpm-product-function__inner {
		padding: 16px 16px 32px
	}

	.tpm-product-function__content--background {
		width: 100%;
		-ms-flex-order: 1;
		order: 1
	}

	.tpm-product-function__content--background .tpm-product-function__card {
		box-shadow: none;
		margin-top: 0;
		padding-left: 12px;
		border-left: 2px solid #d6dbe3
	}

	.tpm-product-function__content--background .tpm-product-function__card:not(:first-child) {
		margin-top: 24px
	}

	.tpm-product-function__content-img--l,
	.tpm-product-function__content-img--m,
	.tpm-product-function__content-img--s {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		margin-bottom: 24px
	}

	.tpm-product-function__content-img--m,
	.tpm-product-function__content-img--s {
		background-size: 100% auto;
		background-position: 50%
	}

	.tpm-product-function__content-trigger {
		width: 100%;
		text-align: center;
		margin-top: 16px;
		font-size: 14px;
		line-height: 22px
	}

	.tpm-product-function__card:nth-child(n+3) {
		display: none
	}

	.tpm-product-function__content--thumbnail .tpm-product-function__card:nth-child(n+3) {
		display: block
	}

	.tpm-product-function__content--thumbnail .tpm-product-function__card:nth-child(n+5) {
		display: none
	}

	.tpm-product-function__content.is-open .tpm-product-function__card {
		display: block
	}
}

@media screen and (max-width:600px) {
	.tpm-product-function__content--thumbnail .tpm-product-function__card:nth-child(n+3) {
		display: none
	}

	.tpm-product-function__content.is-open .tpm-product-function__card {
		display: block
	}
}

.test {
	margin: 0
}

.tp-bubble {
	position: relative;
	display: inline-block;
	max-width: 300px
}

.tp-bubble__inner {
	position: static !important;
	box-sizing: border-box;
	padding: 12px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	white-space: normal;
	word-wrap: break-word;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: 1px 1.73px 3px 0 rgba(0, 0, 0, .1)
}

.tp-bubble__inner:after,
.tp-bubble__inner:before {
	position: absolute;
	width: 0;
	height: 0;
	font-size: 0;
	border: 6px solid transparent;
	content: ""
}

.tp-bubble--top .tp-bubble__inner {
	bottom: 100%;
	left: 50%
}

.tp-bubble--top .tp-bubble__inner:before {
	right: inherit;
	bottom: inherit;
	left: inherit;
	margin-left: -6px;
	border-bottom-color: #ddd
}

.tp-bubble--top .tp-bubble__inner:after {
	right: inherit;
	bottom: inherit;
	left: inherit;
	margin-bottom: -1px;
	margin-left: -6px;
	border-bottom-color: #fff
}

.tp-bubble--top.tp-bubble--start .tp-bubble__inner {
	left: 15px
}

.tp-bubble--top.tp-bubble--end .tp-bubble__inner {
	right: 15px;
	left: auto
}

.tp-bubble--top.tp-bubble--end .tp-bubble__inner:after,
.tp-bubble--top.tp-bubble--end .tp-bubble__inner:before,
.tp-bubble--top.tp-bubble--start .tp-bubble__inner:after,
.tp-bubble--top.tp-bubble--start .tp-bubble__inner:before {
	margin-left: 0
}

.tp-bubble--bottom .tp-bubble__inner {
	top: 100%;
	left: 50%
}

.tp-bubble--bottom .tp-bubble__inner:before {
	top: inherit;
	right: inherit;
	left: inherit;
	margin-left: -6px;
	border-top-color: #ddd
}

.tp-bubble--bottom .tp-bubble__inner:after {
	top: inherit;
	right: inherit;
	left: inherit;
	margin-top: -1px;
	margin-left: -6px;
	border-top-color: #fff
}

.tp-bubble--bottom.tp-bubble--start .tp-bubble__inner {
	left: 15px
}

.tp-bubble--bottom.tp-bubble--end .tp-bubble__inner {
	right: 15px;
	left: auto
}

.tp-bubble--bottom.tp-bubble--end .tp-bubble__inner:after,
.tp-bubble--bottom.tp-bubble--end .tp-bubble__inner:before,
.tp-bubble--bottom.tp-bubble--start .tp-bubble__inner:after,
.tp-bubble--bottom.tp-bubble--start .tp-bubble__inner:before {
	margin-left: 0
}

.tp-bubble--left .tp-bubble__inner {
	top: 50%;
	right: 100%
}

.tp-bubble--left .tp-bubble__inner:before {
	top: inherit;
	right: inherit;
	bottom: inherit;
	margin-top: -6px;
	border-right-color: #ddd
}

.tp-bubble--left .tp-bubble__inner:after {
	top: inherit;
	right: inherit;
	bottom: inherit;
	margin-top: -6px;
	margin-right: -1px;
	border-right-color: #fff
}

.tp-bubble--left.tp-bubble--start .tp-bubble__inner {
	top: 15px
}

.tp-bubble--left.tp-bubble--end .tp-bubble__inner {
	top: auto;
	bottom: 15px
}

.tp-bubble--left.tp-bubble--end .tp-bubble__inner:after,
.tp-bubble--left.tp-bubble--end .tp-bubble__inner:before,
.tp-bubble--left.tp-bubble--start .tp-bubble__inner:after,
.tp-bubble--left.tp-bubble--start .tp-bubble__inner:before {
	margin-top: 0
}

.tp-bubble--right .tp-bubble__inner {
	top: 50%;
	left: 100%
}

.tp-bubble--right .tp-bubble__inner:before {
	top: inherit;
	bottom: inherit;
	left: inherit;
	margin-top: -6px;
	border-left-color: #ddd
}

.tp-bubble--right .tp-bubble__inner:after {
	top: inherit;
	bottom: inherit;
	left: inherit;
	margin-top: -6px;
	margin-left: -1px;
	border-left-color: #fff
}

.tp-bubble--right.tp-bubble--start .tp-bubble__inner {
	top: 15px
}

.tp-bubble--right.tp-bubble--end .tp-bubble__inner {
	top: auto;
	bottom: 15px
}

.tp-bubble--right.tp-bubble--end .tp-bubble__inner:after,
.tp-bubble--right.tp-bubble--end .tp-bubble__inner:before,
.tp-bubble--right.tp-bubble--start .tp-bubble__inner:after,
.tp-bubble--right.tp-bubble--start .tp-bubble__inner:before {
	margin-top: 0
}

.tp-bubble--error .tp-bubble__inner {
	color: #be3b38;
	background-color: #fbe3e3;
	border-color: #fbe3e3;
	box-shadow: none
}

.tp-bubble--error.tp-bubble--top .tp-bubble__inner:after,
.tp-bubble--error.tp-bubble--top .tp-bubble__inner:before {
	border-bottom-color: #fbe3e3
}

.tp-bubble--error.tp-bubble--bottom .tp-bubble__inner:after,
.tp-bubble--error.tp-bubble--bottom .tp-bubble__inner:before {
	border-top-color: #fbe3e3
}

.tp-bubble--error.tp-bubble--left .tp-bubble__inner:after,
.tp-bubble--error.tp-bubble--left .tp-bubble__inner:before {
	border-right-color: #fbe3e3
}

.tp-bubble--error.tp-bubble--right .tp-bubble__inner:after,
.tp-bubble--error.tp-bubble--right .tp-bubble__inner:before {
	border-left-color: #fbe3e3
}

.tp-bubble--dark .tp-bubble__inner {
	color: #fff;
	background-color: #333;
	border-color: #333;
	box-shadow: none
}

.tp-bubble--dark.tp-bubble--top .tp-bubble__inner:after,
.tp-bubble--dark.tp-bubble--top .tp-bubble__inner:before {
	border-bottom-color: #333
}

.tp-bubble--dark.tp-bubble--bottom .tp-bubble__inner:after,
.tp-bubble--dark.tp-bubble--bottom .tp-bubble__inner:before {
	border-top-color: #333
}

.tp-bubble--dark.tp-bubble--left .tp-bubble__inner:after,
.tp-bubble--dark.tp-bubble--left .tp-bubble__inner:before {
	border-right-color: #333
}

.tp-bubble--dark.tp-bubble--right .tp-bubble__inner:after,
.tp-bubble--dark.tp-bubble--right .tp-bubble__inner:before {
	border-left-color: #333
}

#FEFLOW {
	content: xlg202502071604
}