/*----- 1- Features -----*/
.home-features {
	-webkit-transform: translateY(-80px);
	transform: translateY(-80px);
	margin-bottom: -80px;
	padding: 0 8%
}

.features .box-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (minmax(330px, 1fr)) [auto-fit];
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	overflow: hidden;
	gap: 10px;
	padding: 15px 0px;
}

.feature-item {
	cursor: pointer;
	background-color: #fff;
	padding: 0 20px;
	padding-bottom: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11);
	margin: 5px;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	will-change: transform;
}

.feature-item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.feature-item .intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
	margin-bottom: 10px
}

.feature-item i {
	height: 5.2rem;
	width: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: transparent;
	background-color: #3176dd;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%)
}

.feature-item img {
	width: 2.5rem;
	color: transparent
}

.feature-item h3 {
	-webkit-box-flex: 1;
	font-size: 28px;
	color: #fe4066;
	line-height: 1.2
}

.feature-item h3:hover {
	color: #3176dd
}

.feature-item p {
	color: #666
}

/* 空状态显示 */
.no-review {
	height: calc(100vh - 200px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.no-review .img-text{
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
	color: #8894a1;
	line-height: 24px;
}


/* contact-list */
.contact-list{
	margin-bottom: 15px;
}
.contact-list li {
	float: left;
}

.contact-list li span {
    color: #808080;
    font-size: 18px;
	line-height: 30px;
}

.contact-list li span i {
	font-size: 16px;
	margin-right: 5px;
}

.contact-list li p {
    font-size: 20px;
    margin-top: 6px;
}

.contact-list li:last-child p {
    font-size: 16px
}


@media(max-width:992px) {
    .contact-list li p {
        font-size: 18px
    }
}

@media(max-width:767px) {
	.contact-list li {
        margin-bottom: 20px
    }

    .contact-list li p {
        margin-top: 5px
    }

    .contact-list li {
        padding: 0
    }
}