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, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "PingFang SC", "Hiragino Sans GB", "Heiti SC"
}
.container,.main,body{
    background:#f3f6f8
}
.iconfont{
    color:#6b7386;
	padding-left:10px;
    padding-right:10px
}

.container .main{
    position:relative;
    display:flex;
    flex-direction:column;
    -webkit-box-orient:vertical;
}
.container .main .iconfont{
    font-size:18px;
    color:#000
}
.main #mainContent{
    max-width:2560px
}
.main .box{
    overflow:hidden;
    margin:25px 25px;
	border-radius:24px;
    background:#fff;
	padding-top:5px;
	padding-left:10px;
    padding-bottom:20px;
	box-shadow:0 0 1rem rgba(0,0,0,.01)
}
.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:16px;
    background:#fff;
    padding:10px;
    min-width:200px;
    margin:20px 10px 0;
    float:left;
    overflow:hidden;
    transition:all .3s
}
.main .box .item:hover{
    transform:translateY(-5px)
}
.main .box .item .no-logo{
    color:#3273dc;
    font-weight:300;
    font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:15px
}
.main .box .item .logo{
    height:30px;
    position:relative;
    font-size:16px;
    font-weight:300;
    color:#3273dc;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:10px 0 10px .1rem
}
.main .box .item .logo img{
    width:30px;
    height:30px;
    border-radius:0%;
    vertical-align:middle;
	margin-left:15px
}
.main .box .item .desc{
    color:gray;
    font-size:13px;
    padding-top:10px;
	padding-left:20px;
	padding-right:10px;
    height:28px;
    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,.01)
}
.footer .copyright{
    margin-left:60px;
    color:#949494;
    font-size:12px
}
.footer .copyright a{
    text-decoration:none;
    color:#3a85ff
}
@media screen and (max-width:481px){
    .container .box .item{
        width:80%;
        min-width:100px
    }
    .container .main{
        margin-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%
    }
}