html,body{font-family: "微软雅黑",Microsoft YaHei;color: #333;}

/*首页*/
.wrapper{width:100%;background: url(../images/index-bg.jpg) no-repeat top center;background-size:cover;color: #fff;margin: 0 auto;}
.header{width:100%;background: url(../images/sound_top.png) no-repeat top center;background-size:100%;padding-bottom: 51.5%;}
.content{width: 62.5%;max-width: 1200px;margin: 0 auto;}
a{color: #fff;}
a:hover{color: #ffb329;}
.clear{clear: both;}
@media (min-width: 992px){
	.content{width: 45%;}
	.header{background: #4c99df url(../images/sound_top1.png) no-repeat top center;background-size:100%;padding-bottom: 25.5%;}
}

/*通知公告*/
.notice{background: url(../images/notice.png) no-repeat top center;background-size:61%;margin-top: 3%;padding-top: 34%;text-align: center;}
.t-title{font-size: 1.2rem;margin: 4.127% 0;line-height: 1.5;}
.t-text{padding: 2%;line-height: 1.5;text-align: justify;font-size: .83rem;text-indent: 2rem;}

/*本周推荐*/
.recommend{background: url(../images/recommend.png) no-repeat top center;background-size:61%;margin-top: 3%;padding-top: 34%;text-align: center;}
.song-name{font-size: 1rem;margin: 0.127% 0;}
.song-title{font-size: 1.66rem;margin: 4.127% 0;}
.rect{width: 100%;border: 4px solid #fff;}
.rect.song-info{margin: 17.5% 0 9.5%;}
.album-pictures{width: 65.83%;margin: -10.65% auto 0;}
.album-pictures img,.artist-list>li img{width: 100%;}
.artist-list{padding: 3.67% 2%;}
.artist-list>li{float: left;width: 32%;padding: 0 .5%;}
.artist{font-size: .766rem;line-height: 200%;}
.photo-box{background: url(../images/artist_bg.png) no-repeat center;background-size:100%;padding-top: 100%;position: relative;}
.photo-box>img{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*视频部分*/
.video-box{width: 94.2%;position: relative;}
.video-ps{position: absolute;right: 2%;top: 4%;text-align: right;font-size: .36rem;}
.video-content{width: 100%;margin: 7.5% auto 6% 6.3%;}
.video-text{margin-top: 2.5%;}
.video-title{width: 16.67%;font-size: 1.2rem;background-color: #da55be;line-height: 120%;text-align: center;padding: 1.2% 0;}
.video-discript{width:75%;font-size: .8rem;text-align: left;line-height: 150%;text-indent: 1.5rem;padding: 0 2%;}

/*创作心语*/
.activities{background: url(../images/active_title.png) no-repeat top center;background-size:61%;margin-top: 19.67%;padding-top: 34%;min-height: 9rem;}
.activities-list>li{background-color: #9f489f;border: 2px solid #fff;font-size: .83rem;text-indent: 2rem;line-height: 200%;margin-top: 6.25%;padding: 2% 3%;text-align: justify;}
.more{background: url(../images/more.png) no-repeat right;background-size: contain;padding-right: 7%;}
.activities-more{float: right;font-size: .8rem;margin-top: 5%;margin-right: 5%;}

/*作品欣赏*/
.anthology{background: url(../images/anthology.png) no-repeat top center;background-size:61%;margin-top: 10.67%;padding-top: 30%;}

/*音频播放器*/
.ttw-music-player{width: 100%;}
.ttw-music-player .track-info,.ttw-music-player .progress-wrapper,.ttw-music-player .previous,.ttw-music-player .next,.ttw-music-player .tracklist .rating{display: none;}
.ttw-music-player .player{position: relative;background: url(../images/audio_play_bg.png) no-repeat right center;background-size: contain;}
.ttw-music-player .player-controls{background: none;position: absolute;top: 0px;left: 0px;}
.ttw-music-player .play, .ttw-music-player .pause{width: 27.3%;height: auto;padding-top: 27.3%;margin: 0;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.ttw-music-player .play{background: url(../images/player-play.png) center center no-repeat scroll transparent;background-size: cover;}
.ttw-music-player .pause{background: url(../images/player-pause.png) center center no-repeat scroll transparent;background-size: cover;}
.ttw-music-player .album-cover img, .ttw-music-player .album-cover .img, .ttw-music-player .album-cover .highlight,.ttw-music-player .player-controls .main{width: 100%;height: auto;position: static;margin: 0;}
.ttw-music-player .tracklist{background:none;box-shadow: none;-webkit-box-shadow: initial;padding: 0;}
.ttw-music-player .tracklist li{color: #fff; text-shadow: none;background:none;border-bottom: 1px solid #bac3e2;font-size: 1.066rem;line-height: 200%;padding: 0;}
.ttw-music-player .tracklist li:hover{color: #ff8200}
.ttw-music-player li.playing .title{background: url(../images/player_playing.png) no-repeat center left;background-size: 10%;text-indent: 2rem;width: 100%;}
.ttw-music-player .tracklist .title{width:auto;max-width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.ttw-music-player li .duration{float: right;margin-right: 2px;}
.ttw-music-player .album-cover{box-shadow: none;-webkit-box-shadow: initial;}
.ttw-music-player .description.showing{margin: 0;}
.song-sheet{width:15.25%;border: 1px solid #bac3e2;text-align: center;color: #fff;font-size: 1.2rem;font-weight: normal;padding: 4% 0;margin: 4% 0 0;}
.ttw-music-player .tracklist .title{padding: 0;}
.ttw-music-player .show-more-button .more{display: none;}
.ttw-music-player .album-cover,.ttw-music-player .player-controls{width: 69.16%;height: auto;margin: 0;}
.ttw-music-player .player-controls{height: 100%;}
.ttw-music-player .buy{width: auto;height: auto;top: 50%;right: 15%;font-size: .5rem;line-height: 200%;padding: 0 2%;transform: translateY(-50%);color:#fff;}
.ttw-music-player .buy:hover{color: #ffb329;}

/*分页部分*/
.audio-page{text-align: right;width: 100%;}
.layui-laypage .layui-laypage-next{display: none;}
.layui-laypage a, .layui-laypage span{background-color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.5);margin-left: .167rem;padding: 0 .25rem;height: .6rem;line-height: .6rem;font-size: .45rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #ffb329;}

/*底部*/
.footer{width:70%;margin: 5% auto 0;text-align: center;}
.footer-logo{width: 32.3%;margin: 5% auto;}
.footer-logo img{width: 100%;}
.footer-title span{font-size: .6rem;margin: 0 3%;vertical-align: middle;}
.footer-title:before,.footer-title:after{content:'';display:inline-block;width: 31.5%;height: 0;border-bottom: 2px dashed #fff;vertical-align: middle;}
.footer-text{font-size: .8rem;padding: 4.68% 0 8.33%;}

/*歌曲信息详情页*/
.box{width:100%;background: url(../images/bac.jpg) no-repeat 0;background-size: 100% 100%;position: relative;padding-top: 2rem;}
.bfq{width:5.4rem;height: 1.36rem;background: #9F489F;margin-top: 1rem;margin-left: 0.5rem;position: relative;border: 1px solid #fff;}
.audio-title{text-align: left;font-size: .36rem;color: #fff;font-weight: normal;height: .8rem;line-height: .8rem;padding-left: 29%;}
.wl_content1 .songer{font-size: .25rem;position: absolute;top: -50%;color: #fff;}
.audiojs{background: #9F489F;width:100%;box-shadow: none;}
.audiojs .play-pause{border-right-color: #9F489F;position: absolute;left:10%;top:10%;width: .5rem;height: .5rem;}
.audiojs p{width: .5rem;height: .5rem;}
.audiojs .play{background: url(../images/audio-play.png) no-repeat center;background-size: cover;}
.audiojs .pause{background: url(../images/audio-pause.png) no-repeat center;background-size: cover;}
.audiojs .scrubber{width: calc(100% - 180px);background: #7d397d;}
.audiojs .progress{background: #fff;}
.audiojs .loaded{background: #7d397d;}
.audiojs .time{border-left-color: #9F489F;color: #fff;}
.audiojs .time em{color: #fff;}
.wl_head{width: 8.6rem;margin:0 auto;padding-top:20.7%;background: url(../images/wl_logo.png) no-repeat center;position: relative;background-size: contain;}
.wl_head h1{color: #fff;font-size: 1.2rem;position: absolute;top: 48%;left: 24%;font-weight: normal;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wl_head img{width: 8.6rem;height: 4.6rem;}
.wl_content{width: 12rem;margin:0 auto;padding-top:2.4rem;}
.wl_content1{width: 100%;height: 2.93rem;border:3px solid #fff;position: relative;}
.wl_content1_ba{width: 1.5rem;height: 1.5rem;color: #fff;font-size: 0.6rem;background: #FA8C13;position: absolute;top:-1.1rem;left: 4.3rem;padding:0.2rem;    text-align: center;line-height: 0.75rem;}
.wl_content1_be{font-size: 0.35rem;color: #fff;position: absolute;right:0.6rem;top:-1.1rem;}
.wl_content1_be img{width: 5rem;cursor: pointer; position: relative;z-index: 999;}
.wl_content1_be p img{width: 0.5rem;vertical-align: middle;z-index: 9;}
.wl_content1_be p{margin-top: 0.2rem;text-align: center;}
.wl_content1_bc{position: absolute;right:0.2rem;top:1.1rem;}
.poems{height: 5rem;overflow: hidden;}
.wl_content1_bc li{width: 0.25rem;height: 0.25rem;border-radius: 100%;background: #fff;margin-bottom:0.25rem;}
.wl_content1_bc .fa{background: #FA8C13;}
.wl_content2{width: 8.62rem;padding: 0.45rem; position: relative;float: right;margin-top: 3.7rem;color: #fff;font-size: 0.35rem;line-height: 130%;text-align: justify;}
.wl_content2 .you img{width: 5.22rem;margin-left: 0.3rem;margin-top:0.3rem;}
.wl_content2 .you{width: 5rem;height: 7rem;border:0.1rem solid #fff;float: left; margin-left:-2.9rem; margin-top:-1.4rem;margin-right: 0.8rem;margin-bottom: 0.4rem;}
.wl_content2 .me{float: left; color: #fff;font-size: 0.35rem}
.wl_content2_ba{width: 1.7rem;height: 1.7rem;color: #fff;font-size: 0.65rem;background: #DA55BE;position: absolute;top:-1.88rem;left: 2.86rem;padding:0.1rem;    text-align: center;line-height: 0.8rem;}
.wl_content2 .name{color: #fff;font-size: 0.65rem;position:absolute;left: -2.5rem;top:7rem;font-family: "宋体";}
.wl_content2>span,.wl_content3>span{display:block;width: 8.62rem;border:3px solid #fff;padding: 0.45rem;margin-left: -0.45rem;line-height: 150%;text-align: justify;font-size: 0.35rem;}

.wl_content3{width: 8.62rem;padding: 0.45rem; position: relative;float: left;margin-top: 3rem;color: #fff;font-size: 0.35rem;line-height: 130%;text-align: justify;}
.wl_content3 .you img{width: 5.22rem;margin-left: -0.6rem;margin-top:0.4rem;}
.wl_content3 .you{width: 5rem;height: 7rem;border:0.1rem solid #fff;float: right; margin-right:-2.9rem; margin-top:-1.4rem;margin-left: 0.8rem;margin-bottom: 0.4rem;}
.wl_content3 .me{float: right; color: #fff;font-size: 0.35rem}
.wl_content3_ba{width: 1.7rem;height: 1.7rem;color: #fff;font-size: 0.65rem;background: #DA55BE;position: absolute;top:-1.88rem;right: 2.6rem;padding:0.1rem;    text-align: center;line-height: 0.8rem;}
.wl_content3 .name{color: #fff;font-size: 0.65rem;position:absolute;right: -2.5rem;top:7rem;font-family: "宋体";}

.wl_content4_ba{width: 1.7rem;height: 1.7rem;color: #fff;font-size: 0.65rem;background: #DA55BE;position: absolute;top:-1.88rem;left: 5.2rem;padding:0.1rem;    text-align: center;line-height: 0.8rem;}
.wl_content4{width: 92%;border:3px solid #fff;padding: 0.45rem; position: relative;float: left;margin-top: 2.5rem;color: #fff;font-size: 0.35rem;line-height: 130%;}
.wl_content4>span{line-height: 150%;font-size: 0.35rem;}
.wl_content5{width: 10.2rem;border:3px solid #fff;padding: .8rem 0.45rem; position: relative;float: left;margin-top: 1.87rem;color: #fff;font-size: 0.35rem}
.wl_content5 .yiu{width: 11.2rem;margin-left: .3rem;background: rgba(0,0,0,0.3)}
.wl_content5 .video-ps{font-size: .2rem;}
.wl_content5 .wl_content4_ba{left: 2rem;top: -1.5rem;}

.wl_content6_ba{width: 1.7rem;height: 1.7rem;color: #fff;font-size: 0.65rem;background: #FA8C13;position: absolute;top:-1.22rem;left: 5.2rem;padding:0.1rem;    text-align: center;line-height: 0.8rem;}
.wl_content6{width: 84.5%;border:3px solid #fff;padding: 1.5rem 0.9rem; position: relative;float: left;margin-top: 2rem;color: #fff;font-size: 0.35rem;margin-bottom: 1.8rem;}
.wl_content6 li {display: inline-block;margin-left: 0.85rem;text-align: center;}
.wl_content6 li:first-of-type{margin-left: 0;}
.wl_content6 li img{display: block;width: 1.78rem;height: 1.78rem;border-radius:100%;margin-bottom: 0.4rem;}
.wl_content6 li p{width: 1.78rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wl_footer{width: 70%;padding-bottom: 1.6rem;margin: 0 auto;text-align: center;}
.wl_footer_logo img{width: 4.46rem;}
.wl_footer_logo{width: 4.46rem;height:2.96rem;margin:0 auto;}
.wl_footer_dw{width: 70%;margin:0 auto;padding-top: 1rem;}
.wl_footer_dw .dw{width: 33.3%; height: 0.01rem;border-bottom:2px dashed #fff;}
.wl_footer_dw .db{font-size: 0.35rem;text-align: center;color: #fff;line-height: 0;}
.footer_ds{width: 100%;text-align: center; font-size: 0.45rem;color: #fff;margin-top:1.24rem;}
.back{text-align: center;margin: 6% auto;font-size: .5rem;border: 1px solid #fff;padding: 1.5% 3%;display: inline-block;border-radius: 10px;}