.main-content{padding: 0 2px 20px;}

#quick2{position:fixed;bottom:10%;right:15px;z-index:2;}
#quick2 a{display:block;cursor:pointer;width:50px;height:50px;line-height:50px;margin:0 auto 10px;border:1px solid #e5e5e5;border-radius:50%;color:#cdcdcd;background: #fff;}
#quick2 a img{width:100%;}

.main-floor{margin: 0 auto;}
.main-box{overflow:hidden;margin-top:20px;border-top:1px solid #e5e5e5;}
.main-box:first-child{border-top:0;margin-top:0;padding-top:0;}
.main-box .modList{position: relative;overflow:hidden;}
.modList-fix{position:relative;}
.main-box .indexCatNav{position:absolute;top: 58px;left:0;z-index: 2;width:calc(100% - 30px);display:none;background: #fff;border-bottom: 1px solid #e5e5e5;}
.modList h3{position:relative;font-size:24px;font-weight:900;color:#1d1d21;height:58px;line-height:58px;padding-left:12px;}
.modList h3 a{position:absolute;top:0;right:12px;font-size:16px;font-weight:900;color:#156ade;}
.modList h3 a i{display: inline-block;margin-left:20px;font-size: 24px;vertical-align: -3px;transition:all 0.3s ease-in-out;}
.modList h3 a.on i{transform:rotate(180deg);}
.modList-cont{margin-left:-1px;margin-top:-20px;}
.modList-cont dl{float:left;position:relative;width: calc(100% / 6 - 1px);overflow:hidden;margin-left:1px;margin-top:20px;}
.modList-cont dl dt{}
.modList-cont dl dt a{position:relative;display:block;width:100%;overflow:hidden;border-radius: 3px;padding-top: 145%;}
.modList-cont dl dt a::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/main/mod_bg1.png) no-repeat;background-size: cover;}
.modList-cont dl dt a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;background-size: cover;}
.modList-cont dl dt img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;transform:scale(1);transition:all 0.4s ease-in-out;}
.modList-cont dl:hover img{transform:scale(1.1);}
.modList-cont dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px 0 8px;}
.modList-cont dl dd .btn{color:#878787;width:64px;height:25px;line-height:25px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out;}
.modList-cont dl dd .btn .icon{display: inline-block;font-size:15px;vertical-align:middle;margin-right:5px;}
.modList-cont dl dd .date{position:absolute;bottom:80px;left:0;width:100%;text-align:center;color:#fff;}
.modList-cont dl dd .new{position:absolute;top:0px;left:0px;width:30px;height:18px;line-height:16px;text-align:center;font-size:12px;color:#fff;background:#e50914;border-radius:3px;}
.modList-cont dl:hover dd .btn{background:#f0f0f0;}
.modList-cont dl.on dd .btn{background:#156ade;border:1px solid #156ade;color:#fff;}
.channel{position:absolute;top:3px;right:3px;padding: 2px; text-align:center;font-size:10px;color:#fff;background:#156ade;border-radius:3px;}

















@media screen and (max-width: 1024px){
	.modList-cont dl{width: calc(100% / 4 - 1px);}
}

@media screen and (max-width: 768px){
	.modList h3{font-size:18px;}
	.modList-cont dl dd p.tit{font-size:16px;}
	.modList-cont dl dd .date{bottom: 70px;}
}

@media screen and (max-width: 480px){
	#quick2 a{width:44px;height:44px;}
	.modList-cont dl{width: calc(100% / 3 - 1px);}
	.modList-cont dl dd .date{font-size:12px;bottom: 70px;}
	.modList-cont dl dd .new{width:40px;height:20px;line-height:21px;font-size:12px;}
	.modList-cont dl dd .btn{width:60px;height:23px;line-height:23px;font-size: 13px;}
}