.header {

	border-top: 1px solid #ededed;

}



.start-block-title {

	font-size: 16px;

	font-weight: 700;

	color: #181818;

	line-height: 32px;

	height: 32px;

	margin-bottom: 4px;

}



.start-block-title2 {

	font-size: 20px;

	font-weight: 700;

	color: #fff;

	line-height: 32px;

	height: 32px;

	Float: left;

	margin: 20px 20px;

	position: absolute;

}



.tags {

	height: 26px;

	overflow: hidden;

	margin: 20px 0 0;

}



.tags .tags-item {

	position: relative;

	display: inline-block;

	color: #999;

	border-color: #d8d8d8;

	font-size: 12px;

	line-height: 20px;

	margin-right: 8px;

	padding: 0 7.5px;

}



.tags .tags-item-reverse {

	color: #ea3a3a;

	border-color: #ea3a3a;

}



.tags .tags-item:before {

	position: absolute;

	z-index: 1;

	content: "";

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border: 1px solid #d8d8d8;

	border-color: inherit;

	border-radius: 4px;

}



.price {

	margin-top: 2px;

	font-size: 14px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.price-emphasis {

	color: #ffc942;

}



.price-symbol {

	font-size: 16px;

	letter-spacing: .81px;

}



.price-integer {

	font-size: 20px;

	letter-spacing: 1.2px;

}



.price-decimal {

	font-size: 14px;

	letter-spacing: 1.2px;

}



.price-unit {

	font-size: 12px;

	letter-spacing: 1.2px;

}



.price-unit2 {

	font-size: 12px;

	color: #fff;

	padding: 2px;

	background: rgb(255, 106, 0);

	border-radius: 4px;

}



.discount-icon {

	display: inline-block;

	height: 14px;

	/*    vertical-align: bottom; */

}



.discount-text {

	display: inline-block;

	margin-left: 4px;

	font-size: 15px;

	color: inherit;

	letter-spacing: .7px;

}



.accessory-value {

	font-size: 14px;

}



.accessory-value-cs {

	font-size: 12px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}



.accessory-value li {

	margin-top: 1em;

	list-style: none;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}



.mk3-card hr {

	background-color: #f4f4f4;

	border: none;

	display: block;

	height: 1px;

	margin: 20px 8px;

}





.start-block-list {

	margin-bottom: -2px;

	display: flex;

	width: 100%;

	flex-flow: row wrap;

}



.start-bl-detail {

	margin-bottom: 2px;

	font-size: 12px;

	color: #666666 !important;

	line-height: 34px;

	flex: 0 0 50%;

	height: 34px;

	padding-right: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.lists {

	color: #ea3a3a;

}



.dn-container-desc {

	font-size: 14px;

	line-height: 20px;

	color: #fff;

	text-align: center;

}



.cn-container-title {

	font-size: 24px;

	line-height: 33px;

	color: #333;

	text-align: center;

	font-weight: 500;

}



.cn-container-desc {

	font-size: 14px;

	line-height: 20px;

	color: #333;

	text-align: center;

	padding: 0px 0 20px;



}



.btn-wrap {

	margin-top: 10px;

	text-align: center;

}



.btn-wrap a {

	display: inline-block;

	vertical-align: middle;

	min-width: 128px;

	height: 32px;

	line-height: 30px;

	font-size: 14px;

	text-align: center;

	color: #007CFF;

	padding: 0 15px;

	text-decoration: none;

	transition: all .3s;

	border: 1px solid #fff;

	background: #fff;

}



.module-wrap {

	padding: 30px 0 10px;

	background-repeat: no-repeat;

	background-position: 50%;

	background-size: cover;

}



.step {

	margin-top: 60px;

}



.step .step-li {

	position: relative;

	float: left;

	width: 20%;

}



.step .step-li .logo {

	width: 100px;

	height: 100px;

	margin: 0 auto;

}



.step .step-li .line {

	position: absolute;

	top: 50px;

	left: 50%;

	width: 100%;

	height: 1px;

	border: 1px dashed #bebebe;

	z-index: -3;

}



.left-header h1 {

	font-weight: 400;

	margin: 0;

	margin-bottom: 12px;

	text-align: left;

	line-height: 40px;

	font-family: PingFangSC-Regular;

	font-size: 28px;

	color: #181818;

	letter-spacing: 0;

	width: 590px;

	height: 40px;

	padding: 0;

}



.assemble-pc-content {

	border-radius: 8px;

	overflow: hidden;

	position: relative;

	height: 210px;

	/*    box-shadow: 0 1px 6px 0 rgba(0,0,0,.5); */

	width: 100%;

}



.assemble-text-title {

	line-height: 37px;

	font-size: 20px;

	color: #fff;

	letter-spacing: .43px;

	font-weight: 700;

	display: block;

}



.assemble-text-desc {

	line-height: 22px;

	font-size: 14px;

	color: #fff;

	letter-spacing: .27px;

	margin-top: 9px;

}



.assemble-content-text {

	padding: 40px 0;

	text-align: center;

}



.assemble-pc-button {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	top: 130px;

	width: 260px;

	height: 42px;

	line-height: 44px;

	color: #633711;

	font-size: 18px;

	border-radius: 21px;

	border: none;

	background: url(https://img.alicdn.com/tfs/TB1BD5wphv1gK0jSZFFXXb0sXXa-1180-176.png) no-repeat;

	background-size: 100% 100%;

	cursor: pointer;

}



.image.is-40x40 {

	height: 40px;

	width: 40px;

}



.media {

	text-align: left;

	white-space: nowrap;

	overflow: hidden;



}



.ck3-card-menu .title {

	font-size: 16px;

	color: #333;

	font-weight: 500;



}



.zc-title {

	text-align: center;

	font-size: 32px;

	color: #373D41;

	font-weight: 700;

	line-height: 232px;

}



.cs {

	font-size: 50px;

	color: #fff;

	text-align: center;

	font-weight: 700;

	padding-top: 80px;

	padding-bottom: 20px;

}



.csli {

	border-right: 1px #fff solid;

	font-size: 50px;

	color: #fff;

	text-align: center;

	font-weight: 700;

}



.csli span {

	display: block;

	font-size: 14px;

	line-height: 34px;

	margin-top: 14px;

}



.lastli {

	border-right: none;

}





.banner-box {

	width: 100%;

	height: 340px;

	overflow: hidden;

	position: relative;

}



.banner-slide {

	width: 100%;

	height: 340px;

	position: absolute;

	background-repeat: no-repeat;

	float: left;

	display: none;

}



.slide-active {

	display: block;

}



.slide1 {

	background-image: url(./hezuo/banner1.png);

}



.slide2 {

	background-image: url(./hezuo/banner2.png);

}



.slide3 {

	background-image: url(./hezuo/banner3.png);

}



.dots {

	position: absolute;

	bottom: 24px;

	left: 50%;

	margin-left: -62px;

}



.dots span {

	display: inline-block;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	margin-left: 20px;

	background-color: rgba(20, 20, 20, 0.2);

	cursor: pointer;

	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;

}



.dots span.active {

	box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.1) inset;

	background-color: #ffffff;

}



.beat-char {

	line-height: 3.4em;

	position: relative;

	display: inline-block;

	background: transparent;



}



.rotate {

	transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	/* IE 9 */

	-moz-transform: rotate(360deg);

	/* Firefox */

	-webkit-transform: rotate(360deg);

	/* Safari 和 Chrome */

	-o-transform: rotate(360deg);

	-webkit-transition-duration: 0.7s;



}



.funen {

	padding: 5px 0

}



.funen p {

	margin: 20px;

}



.funen hr {

	margin: 0;

}



.csfw-cs {

	background-image: url(./hezuo/xicon.png);

	background-position: center;

	background-size: auto 100%;

	width: 28px;

	height: 32px;

	margin: 14px 20px;

	padding: 6px 10px;

}



.csfw-cs span {

	color: #FFFFFF;

}



.corner-text {

	user-select: none;

	position: absolute;

	text-align: center;

	width: 78px;

	height: 20px;

	font-size: 12px;

	line-height: 20px;

	color: #fff;

	transform: rotate(45deg);

	top: 20px;

	right: -12px;

}



.anquanp {

	margin: 0px 40px 10px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	color: #333;

}



.chanping {

	background: linear-gradient(227deg, #ef7771 0%, #ff5050 100%);

	padding: 10px;

}











.form-control {



	-webkit-appearance: none;

	background-color: #fff;

	background-image: none;

	border-radius: 4px;

	border: 1px solid #dcdfe6;

	box-sizing: border-box;

	color: #606266;

	display: block;

	font-size: inherit;

	height: 32px;

	line-height: 32px;

	outline: none;

	padding: 0 15px;

	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

	width: 100%;

}



.form-control2 {



	-webkit-appearance: none;

	background-color: #fff;

	background-image: none;

	border-radius: 4px;

	border: 1px solid #dcdfe6;

	box-sizing: border-box;

	color: #606266;

	display: block;

	font-size: inherit;

	height: 26px;

	line-height: 26px;

	outline: none;

	padding: 0 15px;

	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

	width: 100%;

}



.btn {

	display: inline-block;

	padding: 4px 40px;

	margin-bottom: 0;

	font-size: 14px;

	font-weight: normal;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

}



.btn-success {

	color: #3670F0;

	background-color: #fff;

	border-color: #3670F0;

}



.buhuanhan {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}



.buhuanhan2 {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.fwq-card-time {

	line-height: 30px;

	font-size: 18px;

	color: #fff;

	margin-bottom: 8px;

	font-weight: 600;

}



.fwq-card-time2 {

	font-size: 14px;

	line-height: 20px;

	color: #fff

}



.bais-time {

	margin: 10px 10px 0;

	font-size: 16px;

	color: #333

}



/* 分页css */

.page {

	list-style: none;

	margin: 0 auto;

}



.page>li {

	float: left;

	padding: 5px 8px;

	cursor: pointer;

}



.page .pageItem {

	border: solid thin #DDDDDD;

	margin: 5px;

}



.page .pageItemActive {

	border: solid thin #0099FF;

	margin: 5px;

	background-color: #0099FF;

	color: white;

}



.page .pageItem:hover {

	border: solid thin #0099FF;

	background-color: #0099FF;

	color: white;

}



.page .pageItemDisable {

	border: solid thin #DDDDDD;

	margin: 5px;

	background-color: #DDDDDD;

}



.title-p-1 a {

	color: #333;

	margin: 0px 10px 20px 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.title-1 {

	font-size: 28px;

	font-weight: 400;

	color: #181818;

	text-align: center;

	line-height: 48px;

}



.title-1-1 {

	font-size: 16px;

	font-weight: 400;

	color: #666;

	text-align: center;

	line-height: 20px;

	padding: 0 20px;

}



.title-2 {

	font-size: 18px;

	font-weight: 500;

	color: #181818;

	line-height: 20px;

	padding-bottom: 10px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.title-2-a {

	font-size: 18px;

	font-weight: 500;

	line-height: 20px;

	padding-bottom: 10px;

}



.title-2-p {

	font-size: 18px;

	font-weight: 500;

	color: #181818;

	line-height: 20px;

	padding-bottom: 10px;

	padding: 20px;

	width: 100%;

	display: flex;

	flex-flow: row wrap;

}



.title-p-1 a {

	color: #333;

	margin: 0px 10px 20px 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.title-2-1 {

	font-size: 14px;

	color: #666;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	margin-bottom: 10px;

}



.title-2-2 {

	font-size: 14px;

	color: #3670F0;

	cursor:pointer;

}



.title-3 {

	font-size: 24px;

	font-weight: 400;

	color: #fff;

	line-height: 20px;

	padding-bottom: 10px;

}



.title-3-1 {

	font-size: 12px;

	color: #fff;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.title-3-2 {

	font-size: 14px;

	color: #fff;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;



}



.title-4 {

	font-size: 20px;

	font-weight: 400;

	color: #fff;

	line-height: 26px;

	padding-bottom: 10px;

}



.title-5 {

	font-size: 24px;

	font-weight: 400;

	color: #181818;

	text-align: center;

	line-height: 48px;

}



.title-5-1 {

	margin-top: 1em;

	font-size: 16px;

	font-weight: 400;

	color: #666;

	text-align: center;

	line-height: 20px;

	padding: 0 20px;

}



.title-5-2 {

	margin-top: 1em;

	font-size: 14px;

	font-weight: 400;

	color: #666;

	text-align: center;

	line-height: 20px;

	padding: 0 20px;

}



.button-kong {

	background-color: #FFFFFF;

	border: 1px solid #3670f0;

	line-height: 32px;

	text-align: center;

	color: #3670F0;

	margin-top: 10px;

	cursor: pointer;

}



::before,

::after {



	-webkit-box-sizing: inherit;

	box-sizing: inherit;



}



.bannner-title {

	color: #fff;

	font-size: 36px;

	font-weight: 600;

	text-align: center;

	padding-top: 90px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;



}



.bannner-title-1 {

	color: #fff;

	font-size: 18px;

	text-align: center;

	margin: 10px 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.bannner-title-b {

	color: #fff;

	font-size: 36px;

	font-weight: 600;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;



}



.bannner-title-b-1 {

	color: #fff;

	font-size: 18px;

	padding-top: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.price-title {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.miao-tite {

	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);

	padding: 20px;

}



.miao-tite span {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.kZRGrh {

	position: fixed;

	top: calc(-640px + 100vh);

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	list-style: outside none none;

	box-shadow: rgba(49, 83, 212, 0.15) 0px 10px 26px 0px;

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

}



.bZZkMe {

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	margin-bottom: 0px;

	display: flex;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	-moz-box-pack: center;

	justify-content: center;

	color: rgb(46, 46, 46);

	cursor: pointer;

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	width: 80px;

	height: 80px;

}



.bZZkMe:hover {

	background: #3670F0;

	color: rgb(255, 255, 255);

}



.bZZkMe:hover .suspension-icon .iconfont {

	color: rgb(255, 255, 255);

}



.bZZkMe .suspension-icon {

	flex: 1 1 0%;

	width: 40px;

	border-top: 1px solid rgba(49, 83, 212, 0.2);

	display: flex;

	align-items: flex-end;

}



.bZZkMe .suspension-icon .iconfont {

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	font-size: 40px;

	line-height: 1;

	color: #3670F0;

}



.bZZkMe .suspension-icon:only-child {

	-moz-box-align: center;

	align-items: center;

}



.bZZkMe .suspension-desc {

	margin-bottom: 8px;

}



.iconfont {

	font-family: "iconfont" !important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.ezpHmn {

	position: absolute;

	bottom: 500px;

	width: 120px;

	height: 140px;

	right: 106px;

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	border-radius: 8px;

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

	display: flex;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	user-select: none;

}



.ezpHmn2 {

	position: absolute;

	bottom: 450px;

	width: 120px;

	height: 140px;

	right: 106px;

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	border-radius: 8px;

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

	display: flex;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	user-select: none;

}



.ezpHmn .spokesman {

	width: 118px;

	height: 124px;

	position: absolute;

	top: -65px;

	margin-bottom: 0px;

}



.ezpHmn>.qrcode {

	width: 90px;

	margin-top: 16px;

	margin-bottom: 0px;

}



.ezpHmn>.iconchuangkou-guanbi {

	position: absolute;

	padding: 8px 12px;

	font-size: 20px;

	top: 0px;

	right: 0px;

	color: rgb(49, 83, 212);

	cursor: pointer;

	opacity: 0.6;

}



.ezpHmn .angle {

	position: absolute;

	right: -6px;

	bottom: 54px;

	width: 6px;

}



.bZZkMe.qimo-toggler {

	background: rgb(49, 83, 212) none repeat scroll 0% 0%;

	color: rgb(255, 255, 255);

}



.fCQgDa .qimo-toggler {

	position: absolute;

	bottom: -120px;

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	border-radius: 40px;

	box-shadow: rgba(49, 83, 212, 0.2) 0px 10px 20px 0px;

}



.fCQgDa .qimo-toggler {

	position: absolute;

	bottom: -120px;

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	border-radius: 40px;

	box-shadow: rgba(49, 83, 212, 0.2) 0px 10px 20px 0px;

}



.bZZkMe {

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	margin-bottom: 0px;

	display: flex;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	-moz-box-pack: center;

	justify-content: center;

	color: rgb(46, 46, 46);

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	width: 80px;

	height: 80px;

	cursor: pointer;

}



.fCQgDa .qimo-toggler .suspension-icon {

	border-top: medium none;

}



.fxeeuv {

	list-style: outside none none;

	box-shadow: rgba(49, 83, 212, 0.15) 0px 10px 26px 0px;

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	display: flex;

	-moz-box-pack: justify;

	justify-content: space-between;

	padding: 0px 50px;

	margin: 0px;

	background: rgb(255, 255, 255) none repeat scroll 0% 0%;

	position: fixed;

	width: 100%;

	height: 80px;

	bottom: -30px;

}



.eFCAzb {

	display: flex;

	margin: 0px;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	-moz-box-pack: center;

	justify-content: center;

	color: rgb(46, 46, 46);

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	padding: 14px 0px;

	width: 92px;

}



.eFCAzb {

	display: flex;

	margin: 0px;

	flex-direction: column;

	-moz-box-align: center;

	align-items: center;

	-moz-box-pack: center;

	justify-content: center;

	color: rgb(46, 46, 46);

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	padding: 4px 0px;

	width: 50px;

}



.suspension-icon .iconfont {

	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;

	font-size: 24px;

	line-height: 1;

	color: #fe6a03;

}



.suspension-desc {

	margin-top: -2px;

	font-size: 12px;

}



.qimo-toggler:hover {

	background: #fe6a03;

}



li :last-child {

	margin-bottom: 0;

}



.yincicon01 {

	display: none;

}



.yincicon02 {

	display: none;

}



.yincicon03 {

	display: none;

}



.jnlUYM .qr-code {

	display: none;

	flex-direction: column;

	-webkit-box-pack: center;

	justify-content: center;

	padding: 10px;

	box-shadow: rgba(49, 83, 212, 0.1) 0px 18px 52px 0px;

	position: absolute;

	border-radius: 8px;

	bottom: 120px;

	width: 136px;

	background: rgb(255, 255, 255);

	left: 20px;

}



.jnlUYM .qr-code::after {

	content: "";

	border-width: 10px;

	border-style: solid;

	border-color: rgb(255, 255, 255) transparent transparent;

	border-image: initial;

	width: 0px;

	height: 0px;

	position: absolute;

	bottom: -20px;

	left: 50px;

}



.jnlUYM .qr-code span {

	text-align: center;

	font-size: 12px;

	font-weight: 400;

	color: rgb(13, 25, 36);

	line-height: 33px;

	opacity: 0.66;

}



.txtss-1 {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



/* .dontai-banner {

	-webkit-animation: tpm-solutionSummaryAni 1.3s steps(37) infinite;

	animation: tpm-solutionSummaryAni 1.3s steps(37) infinite;

}



@-webkit-keyframes tpm-solutionSummaryAni {

	0% {

		background-position: 0 0

	}



	to {

		background-position: 0 -9590.4px

	}

}



@keyframes tpm-solutionSummaryAni {

	0% {

		background-position: 0 0

	}



	to {

		background-position: 0 -9590.4px

	}

} */



.is-icon {

	width: 60px;

	height: 60px;

	display: block;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: top;

}







.is-leave {

	-webkit-animation: tpm-product-multi__icon-leave .5s steps(24) forwards;

	animation: tpm-product-multi__icon-leave .5s steps(24) forwards;

}



.is-enter {

	-webkit-animation: tpm-product-multi__icon-enter .5s steps(24) forwards;

	animation: tpm-product-multi__icon-enter .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

	}

}



.dontai-banner2 {

			    -webkit-animation: tpm-solutionSummaryAni 1.3s steps(37) infinite;

			    animation: tpm-solutionSummaryAni 1.3s steps(37) infinite;

			}

@-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

			 }

			}



.is-leave2 {

	-webkit-animation: tpm-product-multi__icon-leave2 .5s steps(16) forwards;

	animation: tpm-product-multi__icon-leave2 .5s steps(16) forwards;

}



.is-enter2 {

	-webkit-animation: tpm-product-multi__icon-enter2 .5s steps(16) forwards;

	animation: tpm-product-multi__icon-enter2 .5s steps(16) forwards;

}





@-webkit-keyframes tpm-product-multi__icon-enter2 {

	0% {

		background-position: 0 0

	}



	to {

		background-position: 0 -960px

	}

}



@keyframes tpm-product-multi__icon-enter2 {

	0% {

		background-position: 0 0

	}



	to {

		background-position: 0 -960px

	}

}



@-webkit-keyframes tpm-product-multi__icon-leave2 {

	0% {

		background-position: 0 -960px

	}



	to {

		background-position: 0 0

	}

}



@keyframes tpm-product-multi__icon-leave2 {

	0% {

		background-position: 0 -960px

	}



	to {

		background-position: 0 0

	}

}





.card-pd{

			padding: 10px;

		}

		.card-bai-21{

			background-image: linear-gradient(0deg,#fff,#EEF2F6);

			border: 2px solid #fff;

			box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;

			border-radius: 10px;

			position: relative;

		}

		.card-bai-21:hover{

			background-image: linear-gradient(0deg,#f4f8ff,#f3f5f8);

			border: 2px solid #fff;

			box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2), -8px -8px 20px 0 #fff;

			border-radius: 10px;

			position: relative;

		}

		.card-bai-21-2{

			background-image: linear-gradient(0deg,#fff,#f8f8f8);

			border: 1px solid #dee9fa;

			box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #f6f6f6;

			border-radius: 10px;

			position: relative;

		}

		.card-bai-21-2:hover{

			background-image: linear-gradient(0deg,#fff,#fff);

			border: 1px solid #dee9fa;

			box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2), -8px -8px 20px 0 #f6f6f6;

			border-radius: 10px;

			position: relative;

		}

		.card-bai-21-3{

			background-image: linear-gradient(0deg,#fff,#f8f8f8);

			border: 2px solid #fff;

			position: relative;

		}

		.card-bai-21-3:hover{

			background-image: linear-gradient(0deg,#f4f8ff,#f3f5f8);

			border: 2px solid #fff;

			box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2), -8px -8px 20px 0 #fff;

			position: relative;

		}

		.card-bai-21-4{

			min-height: 140px;

			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;

			z-index: 1;

			-webkit-flex: 1;

			flex: 1;

			height: 100%;

		}

		.card-bai-21-4:hover{

			box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff}

		}

		

		.card-bai-21 .card-menu-1{

			padding: 20px;

		}

		.card-bai-21 .card-menu-1t{

			background-image: url(./hezuo/recom-bg5e7.jpg);

			display: block;

			background-repeat: no-repeat;

			background-size: 100% auto;

			background-position: top;

			padding: 20px;

			border-radius: 10px 0 0;

			

		}

		.card-bai-21 .card-menu-1 p{

			font-size: 14px;

			color: #666;

			line-height: 28px;

		}

		.card-title{

			margin-bottom: 8px;

			    font-size: 20px;

			    color: #253554;

			    font-weight: 500;

			    line-height: 28px;

			    white-space: nowrap;

			    overflow: hidden;

			    text-overflow: ellipsis;

		}

		.card-bai-21 .card-menu-2 {

			padding: 10px 20px;

		}

		.card-bai-21 .card-menu-2 p{

			font-size: 14px;

			color: #999;

			line-height: 28px;

			overflow: hidden;

			text-overflow: ellipsis;

			display: -webkit-box;

			-webkit-line-clamp: 1;

			-webkit-box-orient: vertical;

		}

		.card-bai-21 .card-menu-2 span{

			font-size: 14px;

			color: #333;

			line-height: 28px;

		}

		.card-bai-21 .card-menu-3{

			padding: 10px 20px;

		}

		.card-bai-21 .card-menu-3 p{

			font-size: 21px;

			color: #FA6400;

			line-height: 28px;

			margin-top: 10px;

		}

		.card-bai-21 .card-menu-3 .biaoqian{

			padding: 1px 6px;

			font-size: 12px;

			color: #98a3b7;

			border: 1px solid rgba(157,173,193,.5);

			border-radius: 4px;

		}

		.card-bai-21 .card-menu-3 p span{

			font-size: 12px;

			color: #999;

			line-height: 28px;

		}

		.card-bai-21 .card-menu-3 img{

			width: 18px;

			margin-bottom: -5px;

		}

		.button-bai{

			font-size: 14px;

			background-color: rgb(108, 137, 249);

			line-height: 34px;

			text-align: center;

			color: #fff;

			border-radius: 4px;

			cursor:pointer

		}

		.icon-biaoqian{

			color: #bbb;

			font-size: 12px;

			display: inline-block;

			position: relative;

		}