.access{
	    position: relative;
	    padding: 0 30px;
	    /* color: #04e9ff; */
		margin:auto;
	
}
.access:before{
	    content: "";
	    width: 8px;
	    height: 8px;
	    border-radius: 4px;
	    background-color:#0495ff;
	    position: absolute;
	    left:12px;
	    top: 6px;
	
}


/* 产品及解决方案 */
.product-block-wrap .block-item {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 32px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15);
	margin-bottom: 35px;
	cursor: pointer
}

.product-block-wrap .block-item .icon {
	display: block;
	width: 50px;
	height: 50px
}

.product-block-wrap .block-item .title {
	font-size: 18px;
	font-weight: 700;
	color: #001b3c;
	margin: 20px 0 10px
}

.product-block-wrap .block-item .desc {
	font-size: 14px;
	color: #4d5f77;
	line-height: 24px
}

.product-block-wrap .block-item .more {
	margin-top: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.product-block-wrap .block-item .more .left-arrow {
	width: 17px;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	transition: .3s;
	transform: translate3d(-50px, 0, 0);
	color: var(--theme-main-color)
}

.product-block-wrap .block-item .more .left-arrow-icon {
	height: 14px;
	transition: .3s;
	transform: translate3d(-50px, 0, 0)
}

.product-block-wrap .block-item .more .text {
	font-size: 14px;
	color: var(--theme-main-color);
	line-height: 16px;
	transition: .3s;
	transform: translate3d(-16px, 0, 0)
}

.product-block-wrap .block-item:hover .more .text {
	transform: translate3d(5px, 0, 0)
}

.product-block-wrap .block-item:hover .more .left-arrow,
.product-block-wrap .block-item:hover .more .left-arrow-icon {
	transform: translateZ(0)
}

.product-block-wrap .no-open-modal .modal-body {
	width: 200px;
	text-align: center
}

@media (max-width:768px) {
	.product-block-wrap {
		padding: 0 30px
	}

	.product-block-wrap .block-item {
		width: 100%
	}
}

.sending-select-block .select-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.sending-select-block .select-wrap .select-item {
	width: 25%
}

.sending-select-block .select-wrap .select-item .label {
	color: #4d5f77;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center
}

.sending-select-block .select-wrap .select-item .select-input {
	width: 100%
}

.sending-select-block .select-wrap .arrow-icon {
	display: block;
	width: 44px;
	margin-bottom: 6px
}

.sending-select-block .result-block,
.sending-select-block .result-block-center {
	display: flex;
	justify-content: center;
	align-items: center
}

.sending-select-block .result-block {
	padding: 16px;
	background-color: #d4efce;
	border-radius: 4px;
	margin: 40px auto 0
}

.sending-select-block .result-block .icon {
	display: block;
	width: 30px;
	margin-right: 12px
}

.sending-select-block .result-block .text-1 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: #000
}

.sending-select-block .result-block .text-2 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: #4dbd31
}

@media (max-width:768px) {
	.sending-select-block {
		padding: 0 30px
	}
}

.table-simple .ant-table-thead>tr>th {
	border: none;
	color: #000;
	font-weight: 700
}

.table-simple .ant-table-tbody>tr>td {
	border: none;
	color: #4d4d4d
}

.table-simple .ant-table-tbody>tr.odd>td,
.table-simple .odd {
	background-color: #fff !important
}

.table-simple.style-1 .ant-table-thead>tr>th {
	background-color: #cce3ff
}

.table-simple.style-1 .ant-table-tbody>tr.dual>td {
	background-color: #fafafa !important
}

.table-simple.style-1 .dual {
	background-color: #fafafa
}

.table-simple.style-2 .ant-table-thead>tr>th {
	background-color: #ffd568;
	font-size: 12px
}

.table-simple.style-2 .ant-table-tbody>tr>td {
	font-size: 12px;
	padding: 10px 8px !important
}

.table-simple.style-2 .ant-table-tbody>tr.dual>td {
	background-color: #fff2d1 !important
}

.table-simple.style-2 .dual {
	background-color: #fff2d1
}

.table-simple.style-3 .ant-table-thead>tr>th {
	background-color: #fbc095;
	font-size: 12px
}

.table-simple.style-3 .ant-table-tbody>tr>td {
	font-size: 12px;
	padding: 10px 8px !important
}

.table-simple.style-3 .ant-table-tbody>tr.dual>td {
	background-color: #fef2ea !important
}

.table-simple.style-3 .dual {
	background-color: #fef2ea
}

.table-simple.style-4 .ant-table-thead>tr>th {
	background-color: #f1f1f1;
	font-size: 12px
}

.table-simple.style-4 .ant-table-tbody>tr>td {
	font-size: 12px;
	padding: 10px 8px !important
}

.table-simple.style-4 .ant-table-tbody>tr.dual>td {
	background-color: #fff !important
}

.table-simple.style-4 .dual {
	background-color: #fff
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 50% 50%
	}

	to {
		background-position: 0 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0 10%
	}

	50% {
		background-position: 50% 20%
	}

	to {
		background-position: 0 10%
	}
}

@-webkit-keyframes Gradient2 {
	0% {
		background-position: 0 0
	}

	50% {
		background-position: 0 100%
	}

	to {
		background-position: 0 0
	}
}

@keyframes Gradient2 {
	0% {
		background-position: 0 0
	}

	50% {
		background-position: 0 100%
	}

	to {
		background-position: 0 0
	}
}

/* .product-comp {
	padding-bottom: 100px;
	padding-top:80px;
} */

.product-comp .comp-banner-wrap {
	position: relative;
	background-color: #edefff;
	/* background-image: url(../img/bannerbg.png); */
}

.product-comp .comp-banner-wrap .banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3
}
.banner-followbg{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-keywordbg{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-qrcodebg{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-evaluatebg{
		background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-passwordbg{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-apibg{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}
.banner-qrsharing{
	background:url(../img/productimg/qrcodebg.jpeg) no-repeat 100% 100%;
}



.product-comp .comp-banner-wrap .banner-bg.gradient-animation-1 {
	-webkit-animation: Gradient 10s ease infinite;
	animation: Gradient 10s ease infinite
}

.product-comp .comp-banner-wrap .banner-bg.gradient-animation-2 {
	-webkit-animation: Gradient2 10s ease infinite;
	animation: Gradient2 10s ease infinite
}

.product-comp .comp-banner-wrap .banner-bg.bg-color {
	opacity: 1
}

.product-comp .comp-banner {
	padding: 80px 0;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 1;
	    width: 50%;
	    /* margin-left: 10%; */

}

.product-comp .comp-banner .title {
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
	text-align: center
}

.product-comp .comp-banner .desc {
	font-size: 16px;
	line-height: 22px;
	color: #45484d;
	margin-bottom: 30px;
	text-align: justify;

}

.product-comp .comp-banner .tryout-btn {
	    display: inline-block;
	    text-align: center;
	    line-height: 22px;
	    padding: 10px 32px;
	    border-radius: 50px;
	    font-size: 16px;
	    color: #0495ff;
	    transition: transform .2s ease-in-out;
	    cursor: pointer;
	    box-shadow: 0 2px 6px rgb(255 243 243 / 10%);
	    border: 1px solid #0495ff;
}

.product-comp .comp-banner .tryout-btn:hover {
	transform: scale(1.02)
}

.product-comp .comp-banner .sub-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px
}

.product-comp .comp-banner .sub-btns .sub-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px
}

.product-comp .comp-banner .sub-btns .sub-btn .iconfont {
	font-size: 16px;
	margin-right: 6px
}

.product-comp .comp-banner .sub-btns .sub-btn .iconfont.icon-video-fill {
	font-size: 20px
}

.product-comp .comp-banner .qrcode-wrap .qrcode-pic {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 12px
}

.product-comp .comp-banner .qrcode-wrap .qrcode-desc {
	font-size: 12px;
	line-height: 17px;
	color: #ff8b36;
	text-align: center;
	margin-bottom: 20px
}

.comp-wrap {
	padding: 60px 0
}



.product-comp .comp-title-wrap {
	margin: 0 auto 40px;
	text-align: center
}

.product-comp .comp-title-wrap .comp-title {
	    display: inline-block;
	    padding-bottom: 10px;
	    font-size: 24px;
	    font-weight: 700;
	    color: #000;
	    letter-spacing: 1px;
	
}
.comp-title-wrap p{
	    color: #afabab;
	    font-size:18px;
	    letter-spacing: 1px;
}

.product-comp .comp-1 {
	display: flex;
	flex-wrap: wrap
}

.product-comp .comp-1.len-2 .comp-item {
	width: 48%
}

.product-comp .comp-1.len-3 .comp-item {
	width: 31%;
	align-items: flex-start
}

.product-comp .comp-1.len-4 .comp-item {
	width: 100%
}

.product-comp .comp-1 .comp-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
	padding: 32px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15)
}

.product-comp .comp-1 .comp-item .title {
	font-size: 18px;
	line-height: 24px;
	color: #001b3c;
	margin-bottom: 12px;
	font-weight: 700;
	position: relative;
}

.product-comp .comp-1 .comp-item .title:before {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: -10px;
	bottom: 0;
	width: 4px;
	height: 20px;
	border-radius: 2px;
	/* background-image: linear-gradient(170deg, #0795ff, #7853d9); */
		background-image: linear-gradient(170deg, #0795ff, #48d1f9);
}

.product-comp .comp-1 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	color: #4d5f77
}

.product-comp .comp-1 .comp-item .left {
	max-width: 100%
}

.product-comp .comp-1 .comp-item .icon {
	width: 70px
}

.product-comp .comp-2 {
	display: flex;
	justify-content: space-between
}

.product-comp .comp-2.len-7,
.product-comp .comp-2.len-8 {
	justify-content: flex-start;
	flex-wrap: wrap
}

.product-comp .comp-2.len-7 .block-item,
.product-comp .comp-2.len-8 .block-item {
	width: 25%;
	margin-bottom: 65px;
	padding: 0 20px
}

.product-comp .comp-2.len-12 {
	flex-wrap: wrap
}

.product-comp .comp-2.len-12 .block-item {
	width: 22%;
	margin-bottom: 65px
}

.product-comp .comp-2 .block-item {
	width: 20%
}

.product-comp .comp-2 .block-item .icon {
	display: block;
	width: 50px;
	height: 50px;
	margin-left: -3px
}

.product-comp .comp-2 .block-item .title {
	font-size: 18px;
	font-weight: 700;
	color: #001b3c;
	margin: 13px 0
}

.product-comp .comp-2 .block-item .desc {
	font-size: 14px;
	color: #4d5f77;
	line-height: 24px
}

.product-comp .comp-3 .block-item {
	display: flex;
	justify-content: space-between;
	padding: 70px
}

.product-comp .comp-3 .block-item.box-shadow {
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15)
}

.product-comp .comp-3 .block-item .title {
	color: #001b3c;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
	font-weight: 700
}

.product-comp .comp-3 .block-item .paragraph {
	font-size: 14px;
	line-height: 24px;
	color: #4d5f77
}

.product-comp .comp-3 .block-item .paragraph p {
	margin-bottom: 16px
}

.product-comp .comp-3 .block-item .left {
	width: 40%
}

.product-comp .comp-3 .block-item .pic {
	display: block;
	width: 55%
}

.product-comp .comp-3 .block-item .table-wrap {
	width: 55%
}

.product-comp .comp-4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}

.product-comp .comp-4.len-1 .comp-item {
	width: 100%
}

.product-comp .comp-4.len-2 .comp-item {
	width: 47%
}

.product-comp .comp-4 .comp-item,
.product-comp .comp-4.len-3 .comp-item {
	width: 32%
}

.product-comp .comp-4 .comp-item .pic {
	display: block;
	width: 100%
}

.product-comp .comp-4 .comp-item .title {
	font-size: 14px;
	line-height: 24px;
	color: #001b3c;
	margin-top: 16px;
	text-align: center
}

.product-comp .comp-6 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}

.product-comp .comp-6 .comp-item {
	width: 31%;
	padding: 32px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15)
}

.product-comp .comp-6 .comp-item .content-1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px
}

.product-comp .comp-6 .comp-item .content-1 .title {
	font-size: 18px;
	line-height: 24px;
	color: #001b3c;
	font-weight: 700
}

.product-comp .comp-6 .comp-item .content-1 .tag {
	color: #7dcf69;
	background-color: #edf8ea;
	font-size: 12px;
	line-height: 24px;
	padding: 0 7px
}

.product-comp .comp-6 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 24px;
	color: #4d5f77
}

.product-comp .comp-6 .comp-item .desc a {
	border-bottom: none
}

.product-comp .comp-6 .comp-item .desc2 .desc-line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 16px
}

.product-comp .comp-6 .comp-item .desc2 .icon {
	display: block;
	width: 20px;
	margin-right: 10px
}

.product-comp .comp-6 .comp-item .desc2 .text {
	font-size: 14px;
	line-height: 24px;
	color: #001b3c;
	font-weight: 700
}

.product-comp .comp-8 .comp-item {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding-right: 5%;
	margin-bottom: 40px
}

.product-comp .comp-8 .comp-item .title {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	display: block
}

.comp-item-list {
	padding: 0 28px;

}

.comp-item-list li {
	line-height: 24px;
	list-style: auto;
	margin-bottom: 8px;
}

.comp-pic:after{
content: "";

	display: block;

	visibility: hidden;

	clear: both;
	
}
.comp-item-list .comp-pic img{
	width:50%;
	float:left;
}
.comp-item-title{
	font-size: 16px;
	    margin-bottom: 12px;
	    display: inline-block;
	    border-bottom: 2px solid #0495ff;
	    padding-bottom: 3px;
	    color: #0495ff;
	    border-radius: 0px;
}
.comp-item-text{margin-bottom:24px;}


.product-comp .comp-8 .comp-item .desc {
	font-size: 14px;
	line-height: 20px;
	color: #4d5f77
}

.mt60 {
	margin-top: 60px;
}

.product-comp .comp-9.len-3 {
	flex-wrap: nowrap
}

.product-comp .comp-9.len-3 .comp-item {
	width: 28%;
	margin-top: 0 !important
}

.product-comp .comp-9.len-3 .comp-item .pic {
	height: 418px
}

.product-comp .comp-9 .comp-item {
	width: 100%;
	text-align: center;
}

.product-comp .comp-9 .comp-item:nth-child(3),
.product-comp .comp-9 .comp-item:nth-child(4) {
	margin-top: 60px
}

.product-comp .comp-9 .comp-item .comp-pic:after {
	content: "";

	display: block;

	visibility: hidden;

	clear: both;

}

/* .product-comp .comp-9 .comp-item .comp-pic .pic1{
	float:left;
	width:50%;
}
.product-comp .comp-9 .comp-item .comp-pic .pic2{
	float:left;
	width:50%;
} */
.product-comp .comp-9 .comp-item .comp-pic {
	width: 100%;
	display: inline-block;
}

.product-comp .comp-9 .comp-item .comp-pic .pic {
	width: 45%;
	display: inline-block;
	margin-bottom: 32px;
}



.product-comp .comp-9 .comp-item .title {
	    color: #0495ff;
	    font-size: 16px;
	    line-height: 32px;
	    margin-bottom: 12px;
	    font-weight: 700;
	    background: rgb(4 149 255 / 10%);
	    padding: 6px 0;
	    border-radius: 6px;
}

.product-comp .comp-9 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	color: #4d5f77;
	margin-bottom: 24px;
}

.product-comp .comp-9 .comp-item .qrcode-wrap {
	width: 178px
}

.product-comp .comp-9 .comp-item .qrcode-wrap .qrcode {
	display: block;
	width: 178px;
	height: 178px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px solid #fc6c90;
	border-radius: 6px;
	margin-top: 20px
}

.product-comp .comp-9 .comp-item .qrcode-wrap .qrcode-tips {
	font-size: 14px;
	line-height: 20px;
	color: #fc6c90;
	margin-top: 12px;
	text-align: center
}

.product-comp .comp-10 .comp-item {
	width: 424px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15)
}

.product-comp .comp-10 .comp-item .title {
	color: #001b3c;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 32px
}

.product-comp .comp-10 .comp-item .amount {
	font-size: 24px;
	line-height: 24px;
	color: #fc6c90;
	vertical-align: bottom;
	margin-bottom: 34px
}

.product-comp .comp-10 .comp-item .amount strong {
	font-size: 40px;
	font-weight: 700
}

.product-comp .comp-10 .comp-item .desc-line {
	width: 200px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto 11px
}

.product-comp .comp-10 .comp-item .desc-line .icon {
	display: block;
	width: 24px;
	margin-right: 12px
}

.product-comp .comp-10 .comp-item .desc-line .text {
	font-size: 14px;
	line-height: 24px;
	color: #001b3c
}

.product-comp .comp-11 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}

.product-comp .comp-11 .comp-item {
	width: 31%;
	padding: 32px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15)
}

.product-comp .comp-11 .comp-item .title {
	font-size: 18px;
	line-height: 24px;
	color: #001b3c;
	font-weight: 700;
	margin-bottom: 16px
}

.product-comp .comp-11 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #4d5f77
}

.product-comp .comp-11 .comp-item .pic {
	display: block;
	width: 100%
}

.product-comp .comp-12 .line-1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 144px
}

.product-comp .comp-12 .line-1 .comp-item:nth-of-type(3) .arrow {
	transform: rotate(90deg);
	top: auto;
	right: auto;
	bottom: -75px;
	left: 30%
}

.product-comp .comp-12 .line-2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row-reverse
}

.product-comp .comp-12 .line-2 .arrow {
	transform: rotate(180deg)
}

.product-comp .comp-12 .line-2 .comp-item:first-of-type .arrow {
	display: none
}

.product-comp .comp-12 .comp-item {
	width: 28%;
	position: relative
}

.product-comp .comp-12 .comp-item .pic {
	display: block;
	width: 65%;
	margin-bottom: 24px
}

.product-comp .comp-12 .comp-item .title {
	color: #001b3c;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
	font-weight: 700
}

.product-comp .comp-12 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	color: #4d5f77
}

.product-comp .comp-12 .comp-item .arrow {
	position: absolute;
	width: 44px;
	height: 20px;
	top: 40%;
	right: -20px
}

.product-comp .comp-13 {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}

.product-comp .comp-13.pic-align-left {
	flex-direction: row-reverse
}

.product-comp .comp-13.long .comp-item {
	margin-bottom: 80px
}

.product-comp .comp-13.long .pic {
	width: 50%
}

.product-comp .comp-13 .items-wrap {
	width: 42%
}

.product-comp .comp-13 .pic {
	display: block;
	width: 53%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: top;
	object-position: top
}

.product-comp .comp-13 .comp-item {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 40px
}

.product-comp .comp-13 .comp-item .icon {
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	flex-shrink: 0
}

.product-comp .comp-13 .comp-item .title {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #001b3c;
	margin-bottom: 10px
}

.product-comp .comp-13 .comp-item .desc {
	font-size: 14px;
	line-height: 24px;
	color: #4d5f77
}

.product-comp .comp-14 .block-item-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 55px
}

.product-comp .comp-14 .block-item-wrap .block-item {
	margin: 0 -15px;
	position: relative;
	width: 200px;
	height: 200px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .07);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 700;
	font-size: 14px;
	color: #000
}

.product-comp .comp-14 .block-item-wrap .block-item:before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: .3;
	border-radius: 50%
}

.product-comp .comp-14 .block-item-wrap .block-item img {
	position: relative;
	margin-bottom: 8px;
	width: 50px;
	z-index: 1
}

.product-comp .comp-14 .block-item-wrap .block-item:first-child:before {
	background-color: #1cd545
}

.product-comp .comp-14 .block-item-wrap .block-item:nth-child(2):before {
	background-color: #b8d251
}

.product-comp .comp-14 .block-item-wrap .block-item:nth-child(3):before {
	background-color: #6aecd5
}

.product-comp .comp-14 .block-item-wrap .block-item:nth-child(4):before {
	background-color: #59b0ff
}

.product-comp .comp-14 .block-item-wrap .block-item:nth-child(5):before {
	background-color: #a17bf2
}

.product-comp .comp-14 .desc1 {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #001b3c;
	word-break: break-all;
	white-space: pre-line;
	margin-bottom: 35px
}

.product-comp .comp-14 .desc2 {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #001b3c;
	opacity: .3
}

@media (max-width:768px) {
	.comp-banner {
		padding-left: 15px !important;
		padding-right: 15px !important
	}
	.product-comp .comp-banner {
			width: 100%;
			margin-left: 0;
	}
	.comp-1,
	.comp-banner {
		flex-wrap: wrap !important
	}

	.comp-1 .comp-item {
		width: 100% !important
	}

	.comp-2 {
		flex-wrap: wrap !important
	}

	.comp-2 .block-item {
		width: 100% !important;
		margin-bottom: 20px
	}

	.comp-3 .block-item {
		flex-wrap: wrap !important;
		padding: 20px !important
	}

	.comp-3 .block-item .left,
	.comp-3 .block-item .pic,
	.comp-3 .block-item .table-wrap {
		width: 100% !important
	}

	.comp-4 {
		flex-wrap: wrap !important
	}

	.comp-4 .comp-item {
		width: 100% !important
	}

	.comp-4 .comp-item .title {
		margin: 0 auto 30px !important
	}

	.comp-6 {
		flex-wrap: wrap !important
	}

	.comp-6 .comp-item {
		width: 100% !important;
		margin-bottom: 15px !important
	}

	.comp-8 .comp-item {
		width: 50% !important
	}

	.comp-9 {
		flex-wrap: wrap !important
	}

	.comp-9 .comp-item {
		width: 100% !important;
		margin-bottom: 30px !important;
		margin-top: 0 !important
	}

	.comp-9 .comp-item .pic {
		margin-bottom: 15px !important;
		height: auto !important
	}

	.comp-10 .comp-item {
		width: 100% !important
	}

	.comp-11 {
		flex-wrap: wrap !important
	}

	.comp-11 .comp-item {
		width: 100% !important;
		margin-bottom: 15px !important
	}

	.comp-12 .line-1 {
		margin-bottom: 0 !important
	}

	.comp-12 .line-1,
	.comp-12 .line-2 {
		flex-wrap: wrap !important
	}

	.comp-12 .line-2 .comp-item:nth-of-type(3) {
		margin-bottom: 0 !important
	}

	.comp-12 .line-2 .comp-item:nth-of-type(3) .arrow {
		display: none !important
	}

	.comp-12 .comp-item {
		width: 100% !important;
		margin-bottom: 60px !important
	}

	.comp-12 .comp-item .pic {
		margin: 0 auto 10px !important
	}

	.comp-12 .comp-item .desc,
	.comp-12 .comp-item .title {
		text-align: center
	}

	.comp-12 .comp-item .arrow {
		display: block !important;
		transform: rotate(90deg) !important;
		top: auto !important;
		right: auto !important;
		bottom: -40px !important;
		left: 50% !important;
		margin-left: -22px !important
	}

	.comp-13 {
		flex-wrap: wrap !important;
		flex-direction: column-reverse !important
	}

	.comp-13 .items-wrap {
		width: 100% !important
	}

	.comp-13 .items-wrap .comp-item,
	.comp-13 .pic {
		margin-bottom: 40px !important
	}

	.comp-13 .pic {
		width: 100% !important
	}

	.comp-14 .block-item-wrap {
		margin-bottom: 30px !important
	}

	.comp-14 .block-item {
		margin: 0 -1vw !important;
		width: 20vw !important;
		height: 20vw !important
	}

	.comp-14 .block-item img {
		width: 5vw !important
	}

	.product-comp {
		/* padding-top: 60px */
	}
}