.problem .module{
	flex-grow: 1;
	flex-basis: 300px;
	padding: 40px 0px;
	margin: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,.1);
	text-align: center;
	position: relative;
	top: 0px;
	-webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.problem .module:hover{
	top: -8px;
}

.problem .module .icon{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #ececec;
	display: inline-block;
	line-height: 100px;
	text-align: center;
	margin-bottom: 30px;
}

.problem .module .icon span{
	font-size: 36px;
	color: var(--color-font);
}

.problem .module .txt .p1{
	font-size: 18px;
	font-weight: bold;
	color: var(--color-font);
	margin-bottom: 15px;
}

.problem .module .txt .p2{
	color: var(--color-font);
	padding: 0px 20px;
	color: var(--color-gray);
	line-height: 30px;
}

.item-1,.item-3{
	background-color: var(--color-font);
}

.item-1 .txt .p1,
.item-1 .txt .p2,
.item-3 .txt .p1,
.item-3 .txt .p2{
	color: #fff;
}
.item-1 .txt .p1:after
.item-3 .txt .p1:after{
	background-color: #fff;
}

.item .info{
	align-items: center;
}

.item .img{
	width: 300px;
	height: 360px;
	background-color: #ececec;
	position: relative;
}

.item .img:after{
	content: '';
	width: 300px;
	height: 360px;
	border: 2px solid var(--color-border);
	position: absolute;
	top: 16px;
	left: 18px;
	display: inline-block;
}

.item-1 .img:after,
.item-3 .img:after{
	top: -26px;
	left: -20px;
	border-color: #fff;
}

.item .img img{
	width: 100%;
	position: relative;
	z-index: 3;
}

.item .txt{
	width: calc(100% - 330px);
}

.item .txt .p1{
	font-size: var(--font-title);
	font-weight: bold;
	margin-bottom: 20px;
}

.item .txt .p2{
	line-height: 30px;
	margin-bottom: 10px;
	text-align: justify;
}

@media screen and (max-width: 768px) {
	.info{flex-wrap: wrap;margin-left: 15px;margin-right: 15px;}
	.problem .info{margin-left: 5px;margin-right: 5px;} 

	.item .txt{width: 100%}
	.item .img{width: calc(100% - 20px);overflow: hidden;height: 240px;padding: 10px;background-color: transparent;margin-bottom: 15px;}
	.item .img:after{top: 0px;left: 0px;right: 0px;width: calc(100% - 4px);height: 230px}
}