body,html{background:#e4eef4;color:#333;font-size:16px}
.container,.crumbs-box{width:1200px;margin:0 auto;overflow:hidden}
.tags-box{width:1200px;margin:0 auto;border:1px solid #e1ebf1;background:#fff;padding-bottom:20px;border-radius:10px}
.tags-box ul li{margin-left:20px;margin-top:20px;float:left}
.tags-box ul li a{display:block;background:#f0f0f0;color:#787878;padding:7px 17px;border-radius:5px}
.active a,.tags-box ul li a:hover{color:#fff!important;background:#25a5e5!important}
.applist{width:1240px;padding-top:30px}
.applist li{width:170px;border:1px solid #e1ebf1;background:#fff;float:left;border-radius:10px;overflow:hidden;margin:0 30px 27px 4px;transition:all .3s}
.list-img{display:block;width:100px;height:100px;overflow:hidden;border-radius:20px;margin:20px auto 10px}
.list-img img{width:100%;height:100%}
.list-tit{display:block;height:30px;line-height:30px;text-align:center;color:#333;width:90%;overflow:hidden;margin:0 auto 5px}
.list-type{text-align:center;font-size:12px;color:#999;height:40px}
.list-type span{color:#e2e2e2;padding:0 5px}
.list-btn{width:100%;height:40px;background:#25a5e5;line-height:40px;color:#fff;text-align:center;display:none}
.applist li:hover .list-btn{display:block}
.applist li:hover .list-type{display:none}
.applist li:hover{transform:translateY(-10px)}
#page{clear:both;margin:0;height:auto;font-size:15px;padding-top:12px;padding-right:10px;padding-left:10px;padding-bottom:36px;text-align:center}
#page a.selected{color:#fff;background-color:#37afff;border:1px solid #37afff}
#page a{box-shadow:0 0 4px #f7f7f7;display:inline-block;height:37px;line-height:37px;padding:0 16px;margin:0 3px;color:#666;background-color:#fff;border-radius:5px;vertical-align:middle;font-size:15px;text-decoration:none;border:1px solid #ddd}
#page a:hover{display:inline-block;height:37px;line-height:37px;padding:0 16px;margin:0 3px;color:#fff!important;background-color:#37afff;vertical-align:middle;font-size:15px;text-decoration:none}
@media screen and (max-width:1100px){.tags-box{width:auto;border-radius:0;border:none;padding:0 5px 10px}
.tags-box ul li{width:22.5%;float:left;margin-right:1%;margin-left:1.5%;border:1px solid #e4e4e4;background:#fff;margin-top:10px}
.tags-box ul li a{padding:4px 0;font-size:14px;text-align:center;background:#fff}
.container,.crumbs-box{width:auto}
ul li.active{background:#3d94ee!important}
.applist{width:auto;margin-top:8px;background:#fff;padding:5px 10px 10px}
.applist li{width:100%;margin:0;border:none;border-radius:0;float:none;display:flex;position:relative;border-bottom:1px solid #f4f4f4;padding:10px 0}
.list-type{position:absolute;left:70px;top:45px;height:20px}
.list-img{width:60px;height:60px;margin:0 auto;border-radius:15px}
.list-tit{margin:0 auto;height:26px;font-size:16px;line-height:26px;text-align:left;flex:1;margin-left:10px;margin-top:5px}
.list-btn{display:block;font-size:12px;height:26px;line-height:26px;width:70px;border-radius:5px;margin:20px auto 0}
#page a{height:28px;line-height:28px;padding:0 8px;font-size:12px}
}