.box {
	width: 100%;
	border: none;
}

.box-dt {
	width: 210px;
	height: 170px;
	background: white;
	margin: 30px 40px;
	text-align: center;
	display: inline-block;
	border-radius: 10px;
	box-shadow: 0px 9px 9px 0px rgba(33, 29, 30, 0.1);
	transition: all .3s;
}

.box-dt-red {
	box-shadow: 0px 9px 19px 0px rgba(255, 8, 67, 0.4);
}

.red a h5 {
	color: red;
}

.box-dt img {
	width: 52%;
	margin: 10px auto;
}

.box-dt h5 {
	width: 100%;
	margin: 0;
	font-size: 20px;
	color: #313131;
	padding: 0;
	border: none;
}

.box-dt h4 {
	width: 100%;
	margin: 0;
	font-size: 20px;
	color: #f00;
}

.box-dt h3 {
	width: 100%;
	margin: 0;
	font-size: 20px;
	color: blue;
}

.more {
	background-image: -moz-linear-gradient(90deg, rgb(255, 8, 67) 0%, rgb(255, 167, 184) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(255, 8, 67) 0%, rgb(255, 167, 184) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(255, 8, 67) 0%, rgb(255, 167, 184) 100%);
	box-shadow: 0px 5px 15px 0px rgba(89, 12, 26, 0.68);
	display: block;
	width: 300px;
	height: 80px;
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	border-radius: 30px;
	margin: 20px 0 20px 36%;
}

.more a {
	color: white;
	font-size: 900;
}

.center {
	width: 100%;
	margin: 0 auto;
}

.footer-img img {
	width: 10% !important;
}

.izl-rmenu {
	display: none;
}

.mores {
	float: right;
	margin-top: 30px;
	margin-right: 70px;
	width: 508px;
	height: 170px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 9px 9px 0px rgba(33, 29, 30, 0.1);
	transition: all .3s;
}

.mores img {
	width: 76px;
	height: 75px;
	margin-top: 45px;
	margin-left: 130px;
	display: block;
	float: left;
}

.mores span {
	color: #313131;
	font-size: 29px;
	display: block;
	float: left;
	line-height: 165px;
	margin-left: 50px;
}

.box h5 {
	background: none !important;
}

.box-dt:hover,
.mores:hover {
	background: #f3f3f3;
	transform: translate(0, -10px);
	transition: all .3s;
}
