a,aside,body,div,footer,html,i,img,li,nav,p,section,ul {
	padding:0;
	margin:0
}
li {
	list-style:none
}
a {
	text-decoration:none
}
body {
	font-size:12px;
	color:#4d4d4d;
	font-family:Helvetica Neue,Microsoft Yahei
}
.container,.main,body {
	background:#f3f6f8
}
.iconfont {
	color:#6b7386;
	padding-right:4px
}

.container .main {
	position:relative;
	display:flex;
	flex-direction:column;
	-webkit-box-orient:vertical;
    justify-content: center;
    align-items: center

}
.container .main .iconfont {
	font-size:18px;
	color:#000
}
.set-scroll {
	background-color:#494f5e;
	border-radius:0;
	width:4px
}

.main #mainContent {
	max-width:1200px
}
.main .box {
	overflow:hidden;
	margin:20px 30px;
	background:#fff;
	padding-bottom:20px
}
.main .box .sub-category>div {
	padding:12px 0 0 2.1%;
	font-size:18px
}
.main .box .item {
	width:20%;
	border:1px solid #e4ecf3;
	box-shadow:1px 2px 3px #f2f6f8;
	border-radius:6px;
	background:#fff;
	padding:10px;
	min-width:200px;
	margin:22px 0 0 2.1%;
	float:left;
	overflow:hidden;
	transition:all .3s
}
.main .box .item:hover {
	transform:translateY(-5px)
}
.main .box .item .no-logo {
	color:#3273dc;
	font-weight:700;
	font-size:14px
}
.main .box .item .logo {
	height:40px;
	position:relative;
	font-size:14px;
	font-weight:700;
	color:#3273dc;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 .1rem
}
.main .box .item .logo img {
	width:40px;
	height:40px;
	border-radius:50%;
	vertical-align:middle
}
.main .box .item .desc {
	color:gray;
	font-size:12px;
	padding-top:10px;
	height:35px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.footer {
	width:100%;
	bottom:0;
	line-height:45px;
	background:#fff;
	box-shadow:0 0 1rem rgba(0,0,0,.2)
}
.footer .copyright {
	margin-left:30px;
	color:#949494;
	font-size:12px
}
.footer .copyright a {
	text-decoration:none;
	color:#3a85ff
}

.header-title {
    text-align: center;
    margin-bottom: 10px;
    background-color:#fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.header-title h2 {
    font-size: 28px;
    color: #333;
    text-transform: uppercase;
}

@media screen and (max-width:481px) {
	.container .box .item {
	width:39%;
	min-width:100px
}
.container .main {
	margin-left:0
}

#menu-box {
	display:block
}

}@media screen and (min-width:481px) {
	.container .left-bar {
	left:0
}
}@media screen and (min-width:482px) and (max-width:789px) {
	.container .box .item {
	width:90%
}

}@media screen and (min-width:790px) and (max-width:1039px) {
	.container .box .item {
	width:43%
}
}@media screen and (min-width:1040px) and (max-width:1920px) {
	.container .box .item {
	width:20%
}
}