.container {
	display: flex;
	flex-direction: column;
}

.banner {
	height: 200px;
	background: linear-gradient(90deg, #77cd94, #00b198);
}

.banner img {
	width: 100px;
    margin: 10px 15px;
}

.banner span {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0);
}

.explain {
	width: 94%;
	margin: 0 auto;
	margin-top: -100px;
	background-color: #ffffff;
	border-radius: 3px;
	padding: 10px 0px;
	color: #787878;
}

.tit {
	display: flex;
	align-items: center;
	margin: 0px 10px;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 5px;
	margin-bottom: 6px;
	line-height: 36px;
}

.tit::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(../img/icon5.png);
	background-size: 100%;
	margin: 0px 10px;
}

.box {
	font-size: 14px;
	margin: 8px 10px 0px;
	line-height: 24px;
}

.content {
	width: 94%;
	margin: 15px auto;
	border-radius: 5px;
	overflow: hidden;
	background-color: #ffffff;
	flex: 1;
	/* display: flex;
	flex-direction: column; */
}

.content a {
    padding: 10px 0px;
    color: #434343;
    position: relative;
    display: block;
   /*  width: 33%;
    float: left; */
    text-align: center;
    width: 33%;
    float: left;
}
.line-box{
	/* display:flex;
	justify-content: space-between; */
	padding: 0px 10px;
}
.content a:last-child {
	border-bottom: none;
}

.content a img {
	width: 50px;
	margin: 0px 10px;
}
.content a p{
	margin-top:10px;
	color: #787878;
}
.content a .lit {
	/* position: absolute;
	top: 50%;
	right: 0;
	line-height: 24px;
	transform: translate(0, -50%);
	font-size: 13px;
	background-color: #dff7f3;
	padding: 0px 15px;
	border-radius: 15px;
	color: #00b198; */
}
.tips{
	position: absolute;
    top: 5px;
    left: calc(50% + 10px);
    background-color: red;
    color: #fff;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
}

.con a {}