.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: linear-gradient(270deg, #0053fb, #6cbbff);
	border:none;
	outline: 0 none;
	cursor: pointer;
	border-radius: 100px;
}

@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: #0053fb;
	box-shadow: none
}

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

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

.tpm-btn--white {
	background: #fff;
	color: #43474d;
	border: 1px #ddd solid;
}

@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: #0053fb;
	background-color: #fff3f2;
	box-shadow: none;
	color: #0053fb
}

.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: #0053fb;
	background-color: transparent;
	border-color: #0053fb
}

@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: #0053fb;
	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: #0053fb;
	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: #0053fb;
	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: #0053fb
}

.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-202509111031.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: #0053fb
}

.tpm-collapse__panel.is-open>.tpm-collapse__panel-hd:after {
	background-image: url(images/sprite.Main-202509111031.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: #fff;
	box-shadow: inset 8px 8px 15px 0 rgba(55, 99, 170, .1), inset -8px 8px 10px 0 #fff;
	padding: 40px
}

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

.tpm-tabs__item:hover .tpm-tabs__item-cont {
	color: #0053fb
}

.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: #0053fb;
	font-weight: 500
}

.tpm-tabs__item.is-active .tpm-tabs__item-cont:before {
	width: 100%;
	height: 2px;
	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: #0053fb;
	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 {
	text-align: center;
	padding: 0 18px;
}

.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: #333
}

.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: #333;
	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: 26px;
	height: 26px;
	margin: 7px 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: #333;
	font-weight: 900
}

.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: 2px;
	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: 1600px;
	min-width: auto;
	-ms-flex-pack: justify;
	justify-content: center;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	flex-wrap: wrap;
}

.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: 18px;
	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: 1600px;
	display: none;
}

.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: #0053fb;
	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;
		font-size: 14px;
	}

	.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;
		background: linear-gradient(180deg, #f3f5f8, #fff);
	}

	.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: 100%;
		padding: 0 48px 0 8px;
		white-space: nowrap;
		text-align: center;
	}

	.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: #0053fb;
		color: #fff
	}

	.tpm-tabs--scroll .tpm-tabs__cont {
		padding: 0;
		background: #fff;
		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 #0053fb
	}

	.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: #0053fb
}

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

.tpm-multi-tabs__item.is-active .tpm-multi-tabs__item-cont {
	color: #0053fb;
	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: #0053fb
}

.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: 20px;
	color: #181818;
	line-height: 24px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}


.tip-transform {
	position: absolute;
	width: 50px;
	height: 22px;
	top: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
	padding: 0 10px 0 10px;
	border-radius: 0 15px 0 15px;
	text-align: center;
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg)
}

.tip-transform,.tip-transform.red {
	background-image: -webkit-gradient(linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905));
	background: linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905);
}

.tip-transform.orange {
	background-image: -webkit-gradient(linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905));
	background: linear-gradient(90deg,#f23b96,#f23433,#f11d1c,#fe5602,#fe6905)
}

.tip-reduction {
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg)
}

.tip {
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	background-image: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}


@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: 13px;
	color: #8b96a9;
	line-height: 30px;
	max-height: 202px;
	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: #0053fb
}

.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 .lidiv {
	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 .lidiv {
		width: 50%;
		padding: 15px 10px
	}
}

@media screen and (max-width:600px) {
	.tpm-product-set__list .lidiv {
		display: block;
		width: auto
	}

	.tpm-product-set__list .lidiv:nth-child(n+6) {
		display: none
	}

	.tpm-product-set__list-trigger,
	.tpm-product-set__list.is-open .lidiv:nth-child(n+6) {
		display: block
	}
}

.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-bottom: 60px;
}
.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: #fff;
    background-image: url(../img/pbg.png), linear-gradient(180deg, #f3f5f8, #fff 178px, #fff);
	background-size: cover;
	background-position: 100% 0;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	border-radius: var(--ztyj);
	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: #0053fb
}

.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: #0053fb
}

.tpm-product__recommend-hd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 12px;
	color: #181818
}

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

.tpm-product__recommend-title {
	font-weight: 700;
	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: #0053fb
}

.tpm-product__recommend .tpm-tag {
	margin-left: 8px;
	white-space: nowrap
}

.tpm-product__recommend-desc {
	font-size: 14px;
	color: #4b5b76;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 160px;
}

.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 .lidiv {
	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: 300px
}

.tpm-product.version-v2 .tpm-product__recommend-btns {
	margin-top: 15px
}

.tpm-product.version-v2 .tpm-product__recommend-labels {
	height: 28px;
	padding-top: 10px
}

.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: 400px;
	padding-right: 24px
}

.tpm-product.version-v2 .tpm-product-set {
	padding: 26px
}

.tpm-product.version-v2 .tpm-product-set__list {
	margin: 0
}

.tpm-product.version-v2 .tpm-product-set__list .lidiv {
	position: relative;
	min-height: 300px;
	background-color: #fff;
	width: calc(33.333% - 15px);
	padding: 0;
	margin: 0 20px 20px 0;
	border: #f0f0f0 solid 1px;
	border-radius: var(--ztyj);
}
.tpm-product.version-v2 .tpm-product-set__list .lidiv:nth-child(3n){
	margin-right: 0;
}
@media screen and (min-width:769px) {
	.tpm-product.version-v2 .tpm-product-set__list .lidiv {
		transition: box-shadow .3s ease-in-out
	}
}

.tpm-product.version-v2 .tpm-product-set__list .lidiv:hover {
	position: relative;
	box-shadow: 3px 3px 12px rgba(55, 99, 170, .1)
}

.tpm-product.version-v2 .tpm-product-set__hd {
	margin-bottom: 15px
}

.tpm-product.version-v2 .tpm-product-set__desc {
	margin-bottom: 5px
}

.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 .lidiv {
		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 .lidiv {
		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: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;
			padding-bottom: 10px;
	}

	.tpm-product__section .tpm-section__inner {
		padding-top: 25px;
		padding-bottom: 0
	}

	.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 .lidiv {
		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: var(--ztyj);
		border: 2px solid #fff;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: 100%;
		background-image: url(../img/pbg.png), 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: 18px;
		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 .lidiv {
		margin: 0;
		width: calc(50% - .5px);
		background-color: #f7f8fb;
		min-height: 0
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list .lidiv:nth-child(2n) {
		margin-left: 1px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list .lidiv:nth-child(n+3) {
		margin-top: 1px
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list .lidiv: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 .lidiv {
		width: 100%
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list .lidiv:nth-child(2n) {
		margin-left: 0
	}

	.tpm-product.version-v2 .tpm-product__detail .tpm-product-set__list .lidiv:nth-child(n+2) {
		margin-top: 12px
	}

	.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-202509111031.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-202509111031.svg);
	background-position: 96.47058823529412% 16.666666666666664%;
	background-size: 2933.333333333333% auto
}

.tpm-solution__navs {
	font-size: 0;
	margin-bottom: -24px
}

.tpm-solution__navs .lidiv {
	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 .lidiv {
		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 .lidiv {
		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 (min-width:769px) {
	body {
		min-width: 1200px
	}
}

@media screen and (max-width:768px) {
	body {
		min-width: 320px
	}
}