/*tab*/
.img-head .img-title img{display:inline-block;}
.img-head .img-title .img-text{display:inline-block;padding-left:10px;}
.img-head .img-title .img-text h3{font-size:22px;}
.img-head .img-title .img-text p{color:#999}
.img-head .tab{overflow:hidden;margin-left:50px;}
.img-head .tab>div{float:left;font-size:16px;background:#e5e5e5;padding:8px 30px;margin-left:35px;cursor:pointer;}
.img-head .tab>div.on{background:linear-gradient(to right, #2aa1ff, #6fa1ff);color:#fff;}
.img-head .more a{font-size:16px;color:#999}
.img-head .more a:hover{color:#2aa1ff}

.img-list .row:not(:first-child){display:none;}
.img-list .item{position:relative;color:#fff;font-size:16px;overflow:hidden;border-radius:10px;}
.img-list .item img{max-width:100%;display:block;transition:transform 0.8s linear;}
.img-list .desc{transition: all 0.3s;padding:0 15px;overflow:hidden;background:rgba(0,0,0,0.5);position:absolute;bottom:0;width:100%;height:45px;line-height:45px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.img-list .desc p{float:left;}
.img-list .desc .sum{float:right;}
.img-list .desc .sum i{padding-right:5px;font-size:18px;}
.img-list .item:hover .desc{height:100%;width:100%;border-radius:10px;padding-top:60%;}  
.img-list .item:hover .desc p{float:none;text-align:center;}
.img-list .item:hover .desc .sum{float:none;text-align:center;} 
.img-list .item:hover img{transform:scale(1.2)} 

.check-more{text-align:center;}
.check-more a{background:linear-gradient(to right,#2aa1ff,#6fa1ff);display:block;width:230px;height:50px;line-height:50px;margin:0 auto;border-radius:10px;font-size:16px;color:#fff}
.check-more i{padding-left:5px;font-size:18px;}

/*视频*/
.video-list .row:not(:first-child){display:none;}
.video-list .item{position:relative;color:#fff;font-size:16px;overflow:hidden;border-radius:10px;}
.video-list .item img{max-width:100%;display:block;transition:transform 0.8s linear;}
.video-list .desc{transition: all 0.3s;padding:0 15px;overflow:hidden;background:rgba(0,0,0,0.5);position:absolute;bottom:0;width:100%;height:45px;line-height:45px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.video-list .desc p{text-align:center}
.video-list .item .play{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;width:50px;height:50px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%}
.video-list .item .play i{font-size:30px;line-height:50px;}
.video-list .item:hover img{transform:scale(1.2)} 

/*字体*/
.font-list .desc{height:0}
.font-list .desc p{float:none;text-align:center}
.font-list .item:hover .desc{padding-top:38%}  


/*六个图片*/
.festival-list img{max-width:100%;display:block;transition:transform 0.5s linear;}
.festival-list img:hover{transform:translateY(-10px);} 


/*列表页*/
.pos{font-size:16px;}
.pos i{font-size:30px;}
.article-box .img-list .item{color:#fff;}
.article-box .img-list .desc p{float:none;text-align:center}
.article-box .img-list .desc a{display:none;}
.article-box .img-list .item:hover .desc a{display:block;color:#2aa1ff;border:solid 1px #2aa1ff;width:50%;margin:10px auto 0 auto;}
.article-box .img-list .item:hover .desc a:hover{color:#fff;background:linear-gradient(to right, #2aa1ff , #6fa1ff);}

.article-box .font-list .desc .btn{padding:3px 5px;}
.article-box .font-list .item:hover .desc{padding-top:26%}  
.article-box .font-list .item:hover .desc a{margin:0 auto;}

/*音频*/
.article-box .audio-list .media{box-shadow: 0 5px 40px 8px rgba(0,0,0,.06);}
.article-box .audio-list .media-title{padding-left:10px;padding-bottom:10px;}
.article-box .audio-list .media-title p{padding:5px 0 2px 0}
.article-box .audio-list .music-player__disc {float:left;background: url(../images/cd.png) no-repeat center;background-size: 100%;position: relative;}
.article-box .audio-list .music-player__image {border-radius: 50%;position: absolute;overflow: hidden;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.article-box .audio-list .music-player__image img{max-width:100%}
.article-box .audio-list .media-bot{padding-left:10px;padding-top:15px;}
.article-box .audio-list .tag a{color:#999;padding-right:10px;}
.article-box .audio-list .tag a:hover{color:#2aa1ff}
.article-box .audio-list a.audio-dow{border:solid 1px #2aa1ff;color:#2aa1ff;display:inline-block;padding:3px 10px;}
.article-box .audio-list a.audio-dow:hover{background:linear-gradient(to right, #2aa1ff, #6fa1ff);color:#fff;}
.page{text-align:center;border:solid 1px red;}



/*内容面*/
.dow-box .view-img{background:#fff;box-shadow:0 5px 40px 8px rgba(0,0,0,.1);}
.dow-box .view-img img{max-width:100%;display:block;padding:20px;}
.dow-box .view-img video{max-width:100%;display:block;padding:20px;}
.dow-box .view-img h5{text-align:center;padding-top:20px;}
.dow-box .view-text{background:#fff;box-shadow:0 5px 40px 8px rgba(0,0,0,.1);padding:20px;}
.dow-box .view-text .middle{width:250px;margin:0 auto;}
.dow-box .view-text a{background:linear-gradient(to right,#2aa1ff,#6fa1ff);color:#fff;width:100%;height:50px;line-height:50px;display:block;font-size:16px;border-radius:50px;text-align:center;}
.dow-box .view-text p{font-size:16px;padding-top:20px;}

/*search*/
.search-title{border-bottom:solid 1px #e8e8e8;padding-bottom:10px;}
.search-title h2{font-size:20px;color:#000}
.search-title span{color:red;padding-right:5px;}


/*动画*/
.music-player__image.play { -webkit-animation: disc 5s linear 0s infinite;animation: disc 5s linear 0s infinite;}
@-webkit-keyframes disc {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes disc {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




/*pc*/
@media (min-width: 992px){ 

/*分类*/
.sort{padding: 0 24px 0 24px;border: 0px solid #e8e8e8;margin-bottom:2.5rem;border-radius:10px;box-shadow: 0 5px 40px 8px rgba(0,0,0,.06);}
.sort-con{border-bottom:1px dashed #ccc;padding:15px 0;}
.sort-con:last-child{border-bottom:none;}
.sort .sort-tit{float:left;color:#999;width:60px;}
.sort .sort-select{float:left;padding-left:11px}
.sort .sort-select a{color:#666;margin:0 11px}
.sort .sort-select a.on{background:linear-gradient(to right, #2aa1ff, #6fa1ff);color:#fff;border-radius:3px;padding:3px 10px;}
.sort .more{float:right;}
.sort .more img{padding-left:5px}

.img-box .mt{margin-top:5rem;}
.img-head {margin:3rem 0 3rem 0;}
.check-more a{margin:5rem auto;}
.pos{margin:2rem 0}
.article-box .img-list .item{margin-bottom:30px;}
.article-box .video-list .item{margin-bottom:30px;}
.page{margin:3rem 0 0 0;}
.search-title{margin:30px 0;}

.article-box .audio-list .media{padding:20px;}
.article-box .audio-list .music-player__disc{width: 120px;height: 120px;}
.article-box .audio-list .music-player__image{width: 80px;height: 80px;}
}



/*wap*/
@media (max-width: 991.98px){ 
.img-head {margin:20px 0 20px 0;}
.img-list .item{margin-bottom:20px;}
.festival-list img{margin-bottom:15px;}
.check-more a{margin:10px auto 30px auto;}
.col-6{padding-left:7.5px;padding-right:7.5px;}
.img-box,.festival-list{padding-left:7.5px;padding-right:7.5px;}
.pos{margin:15px 0}
.article-box{padding-left:7.5px;padding-right:7.5px;}
.article-box .img-list .item{margin-bottom:15px;}
.page{margin:15px 0 30px 0;}
.dow-box .view-text{margin-top:20px;}
.search-title{margin:20px 0;}

.article-box .audio-list .media{padding:15px;margin-bottom:20px;}
.article-box .audio-list .music-player__disc{width: 80px;height: 80px;}
.article-box .audio-list .music-player__image{width: 60px;height: 60px;}
.audiojs .scrubber{width:40%;}
.article-box .audio-list .media-title h5{font-size:16px;}
}