@charset "utf-8";
/* CSS Document */

/*-- 公用 begin --*/
*{margin:0; padding:0; font-family:"微软雅黑"; font-size:12px;color:#333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
html {height: 100%; background: #e5e5e5 url('../images/index/page-bg.png') no-repeat; background-size: 100% 100%; background-attachment: fixed;}
body{height: 100%; overflow-x:hidden;}
li{list-style:none;}
a{text-decoration:none; cursor:pointer; display:block;}
img{border:none; display:block; max-width:100%;}
b{font-weight:bold;}
i{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
.fc{clear: both;}
.off{display:none;}
/* 滚动条样式 */
::-webkit-scrollbar {
	width: 7px;
}
/* 滑块样式 */
::-webkit-scrollbar-thumb{
	background-color: #A638A9; 
	border-radius: 3px;
}
/*-- 公用 end --*/

.header {
	padding-top: 70px;
}
.header .logo {
	width: 240px;
	height: 65px;
	margin: 0 auto;
}

.main {
	padding: 19px 22px;
}
.main .modules {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
@media(max-width: 1024px) { 
	.main .modules {
		grid-template-columns: repeat(3, 1fr);
	}
}
.main .modules .modules-item {
	display: flex;
	flex-direction: column;
	margin: 18px;
	height: 139px;
	background: rgba(255, 255, 255, 0.25) url('../images/index/item-bg.png') no-repeat right center;
	background-size: 70% 100%;
	box-shadow: 4px 4px 11px 2px rgba(64,13,60,0.25);
	border-radius: 20px;
}
.modules-item .icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 17px 20px 14px 20px;
}
.modules-item .texts {
	position: relative;
	margin-left: 20px;
}
.modules-item .texts .line {
	position: absolute;
	left: -20px;
	top: 1px;
	width: 5px;
	height: 30px;
	background: #9D1D92;
	border-radius: 2.5px;
}
.modules-item .texts h3 {
	font-size: 15px;
	color: #202020;
	font-family: 'mnjcy';
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 174px;
	overflow: hidden;
}
.modules-item .texts p {
	font-size: 8px;
	color: #202020;
	text-transform: uppercase;
}