#banner,.section{min-width:1000px;overflow:hidden}#album .swiper-slide-item .item-info p,#banner #nav li a,#billboard .thumb .item-info p,#musician .swiper-slide-item .item-info p,#song .swiper-slide-item .item-info p{white-space:nowrap;text-overflow:ellipsis}.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;box-sizing:content-box}.swiper-wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.carousel-container{overflow:hidden;position:relative}.carousel-container::after{content:'';display:block;padding-bottom:20%}.carousel-container ul{position:absolute;overflow:hidden;height:100%;width:100%}.carousel-container ul li{position:absolute;list-style:none;width:50%;height:100%;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out}.carousel-container ul li.p3 .carousel-mask{display:none}.carousel-container ul li .carousel-mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#000;opacity:.5}.carousel-container ul li a{display:block;width:100%;height:100%}.carousel-container ul li img{width:100%;height:100%;border:none;float:left}#footer{margin-top:0!important}
#bg-main-img{width:100%;height:100%;position:fixed;top:0;left:0;background-repeat:repeat-y;background-position:0 0;z-index:-1;
    /*background-image:url(../image/bg.png)*/
}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,0,119,.4)}70%{box-shadow:0 0 0 30px rgba(229,0,119,0)}100%{box-shadow:0 0 0 0 rgba(229,0,119,0)}}#banner{position:relative;width:100%;background-color:#fff}#banner:after{content:"";display:block;padding-bottom:28.6458%}#banner .slideBox{position:absolute;height:100%;left:0;right:0}#banner .slideBox .bd{position:relative;z-index:1}#banner .slideBox .container{height:100%;position:absolute;top:0;left:0;right:0;bottom:0}#banner #nav{width:330px;height:100%;position:absolute;background-repeat:repeat-x;background-size:auto 100%;background-image:url(../image/banner-bg.png);top:0;right:0;z-index:9;transition:opacity .4s;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;overflow-y:hidden}#banner #nav ul{position:absolute;top:50%;margin:auto;width:100%;transform:translateY(-50%)}#banner #nav li{padding:0 30px;height:40px;line-height:40px}#banner #nav li a{display:block;color:#fff;font-size:14px;font-weight:300;overflow:hidden}#banner #nav li.on a,#banner #nav li:hover a{font-size:18px;color:black}.section{padding:90px 0;position:relative;width:100%}.section .section-header{width:100%;margin-bottom:40px}.section .section-header:after{visibility:hidden;display:block;content:"";clear:both;height:0}.section .section-header h2.title{color:#333;font-size:32px;margin-right:60px;float:left}.section .section-header ul.tags{float:left}.section .section-header ul.tags li{float:left;position:relative;padding-right:20px;margin-left:20px}.section .section-header ul.tags li::after{position:absolute;content:"";display:inline-block;top:50%;right:0;width:1px;height:6px;margin-top:-3px;background-color:white}.section .section-header ul.tags li a{color:#666;font-size:16px;line-height:32px}.section .section-header ul.tags li a:hover,.section .section-header ul.tags li.active a{color:black}.section .section-header ul.tags li:first-child{margin-left:0}.section .section-header ul.tags li:last-child::after{display:none}.section .section-header a.more{color:white;font-size:14px;line-height:32px;float:right}.section .section-header a.more:hover{color:black}.section .section-header a.more i{line-height:32px;font-size:12px;float:right}.section:hover .arrow-button{opacity:1}.section .clear-mb{margin-bottom:0!important}.section .common-swiper-container{position:relative;overflow:hidden}.section .swiper-container{overflow:hidden}.section .swiper-pagination{margin-top:40px;font-size:0;text-align:center}.section .swiper-pagination .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#e9e9e9;margin:0 1.5%;cursor:pointer}.section .swiper-pagination .swiper-active-switch{background-color:#868686}.section .arrow-button{width:51px;height:100px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;cursor:pointer;z-index:2;opacity:0;transition-duration:.5s}.section .arrow-left{left:0;background-image:url(../image/btn-left.png)}.section .arrow-left:hover{background-image:url(../image/btn-left-hover.png)}.section .arrow-right{right:0;background-image:url(../image/btn-right.png)}.section .arrow-right:hover{background-image:url(../image/btn-right-hover.png)}.section .thumb:hover .item-box .img-box img{transform:scale(1.1)}.section .thumb:hover .item-box span{display:inherit}.section .thumb .item-box span:hover{animation:pulse 2s infinite}.section .thumb .item-box .img-box{display:block;width:100%;height:100%;overflow:hidden}.section .thumb .item-box .img-box img{transform:scale(1);transition:all .3s linear}.section .thumb .item-box span{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:64px;height:64px;border-radius:50%;margin:auto;line-height:64px;text-align:center;color:#fff;cursor:pointer}.section .thumb .item-box span .cf-play{width:100%}.section .thumb .item-info p{line-height:normal}.section .tabnone{display:none}#songlist{background-color:#fff}#songlist .swiper-container{margin-left:-25px;margin-right:-25px;padding-top:10px}#songlist .swiper-slide .swiper-slide-item:nth-of-type(10),#songlist .swiper-slide .swiper-slide-item:nth-of-type(6),#songlist .swiper-slide .swiper-slide-item:nth-of-type(7),#songlist .swiper-slide .swiper-slide-item:nth-of-type(8),#songlist .swiper-slide .swiper-slide-item:nth-of-type(9){margin-bottom:0}#songlist .swiper-slide-item{float:left;width:20%;margin-bottom:25px}#songlist .swiper-slide-item .active .item-info,#songlist .swiper-slide-item:hover .item-info{padding-right:70px}#songlist .swiper-slide-item .active .item-action,#songlist .swiper-slide-item:hover .item-action{display:block}#songlist .swiper-slide-item .active .item-box,#songlist .swiper-slide-item:hover .item-box{box-shadow:0 2px 16px rgba(0,0,0,.2)}#songlist .swiper-slide-item .thumb{padding:0 17px;position:relative}#songlist .swiper-slide-item .item-box{position:relative;height:100%;overflow:hidden;margin-bottom:14px}#songlist .swiper-slide-item .item-box::after{content:"";display:block;padding-bottom:100%}#songlist .swiper-slide-item .img-box{position:absolute}#songlist .swiper-slide-item .item-info .item-title{height:24px;font-size:16px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}#songlist .swiper-slide-item .item-info .item-playCnt{color:white;font-size:14px}#songlist .swiper-slide-item .item-info .item-playCnt i{font-size:14px;margin-right:5px}#songlist .swiper-slide-item .item-action{display:none;position:absolute;right:25px;bottom:10px;vertical-align:middle}#songlist .swiper-slide-item .item-action i{color:#666;font-size:20px;cursor:pointer}#songlist .swiper-slide-item .item-action i:last-child{margin-left:10px}#songlist .swiper-slide-item .active i.cf-fenxiang-big,#songlist .swiper-slide-item .item-action i.cf-xihuan-big-h,#songlist .swiper-slide-item .item-action i:hover{color:black}#songlist .arrow-button{bottom:50%;margin-bottom:-1%}#song.section .section-header h2.title{color:#fff}#song.section .section-header .play-all{float:right;color:#fff;padding:0 15px;height:32px;line-height:32px;border:1px solid #fff;border-radius:32px;cursor:pointer}#song.section .section-header .play-all:hover{background-color:#e82662;border:1px solid #e82662}#song.section .section-header .play-all.click{background-color:#c9134b;border:1px solid #c9134b}#song.section .section-header .play-all i{margin-right:10px;font-size:14px}#song .swiper-container{position:relative;margin-left:-10px;margin-right:-10px}#song #song-swiper{max-height:340px}#song .swiper-slide .swiper-slide-item:nth-of-type(7),#song .swiper-slide .swiper-slide-item:nth-of-type(8),#song .swiper-slide .swiper-slide-item:nth-of-type(9){margin-bottom:0}#song .swiper-slide-item{float:left;width:33.3333%;margin-bottom:20px}#song .swiper-slide-item .thumb{margin:0 10px;background-color:#e0e0e0;height:100px;overflow:hidden;position:relative;transition:background-color .7s}#song .swiper-slide-item .active.thumb,#song .swiper-slide-item .thumb:hover,#song .swiper-slide-item:hover.thumb{background-color:#fff}#song .swiper-slide-item .active .item-info,#song .swiper-slide-item:hover .item-info{padding-right:130px}#song .swiper-slide-item .active .song-time,#song .swiper-slide-item:hover .song-time{display:none}#song .swiper-slide-item .active .item-action,#song .swiper-slide-item .active .item-box span,#song .swiper-slide-item:hover .item-action,#song .swiper-slide-item:hover .item-box span{display:inherit}#song .swiper-slide-item .active .item-box img,#song .swiper-slide-item:hover .item-box img{transform:scale3d(1.1,1.1,1)}#song .swiper-slide-item .item-box{width:100px;height:100px;position:relative;z-index:1}#song .swiper-slide-item .item-box span{width:40px;height:40px;line-height:40px}#song .swiper-slide-item .item-box span .cf-play{width:100%}#song .swiper-slide-item .img-box{float:left}#song .swiper-slide-item .item-info{padding-left:125px;padding-right:70px;position:absolute;left:0;right:0;top:0;bottom:0}#song .swiper-slide-item .item-info p{overflow:hidden}#song .swiper-slide-item .item-info p a:hover{color:black}#song .swiper-slide-item .item-info .song-name{margin-bottom:15px;margin-top:25px}#song .swiper-slide-item .item-info .song-name a{color:#333;font-size:16px}#song .swiper-slide-item .item-info .singer{color:white}#song .swiper-slide-item .item-info .singer a{color:white;font-size:14px}#song .swiper-slide-item .song-time{color:white;font-size:14px;line-height:100px;position:absolute;top:0;right:20px}#song .swiper-slide-item .item-action{display:none;line-height:100px;position:absolute;top:0;right:20px}#song .swiper-slide-item .item-action a{color:#686868;margin-right:15px}#album .swiper-slide-item .item-info p a:hover,#song .active .item-action .cf-fenxiang,#song .swiper-slide-item .item-action i.iconfont.cf-xihuan-h,#song .swiper-slide-item .item-action i.iconfont:hover,#songlist .active .item-action .cf-fenxiang{color:black}#song .swiper-slide-item .item-action a:last-child{margin-right:0}#song .swiper-slide-item .item-action i.iconfont{font-size:18px;cursor:pointer}#song .swiper-pagination-switch{background-color:#868686}#album,#make,#song .swiper-active-switch{background-color:#fff}#song .arrow-button{top:50%;margin-top:-50px}#song .active .item-box .img-box img,#songlist .active .item-box .img-box img{transform:scale(1.1)}#song .active .item-box span,#songlist .active .item-box span{display:inherit}#album .swiper-container{margin-right:-25px}#album .swiper-slide-item{float:left;width:20%}#album .swiper-slide-item .thumb{margin-right:25px;padding-right:25px;position:relative}#album .swiper-slide-item .item-box{position:relative;margin-bottom:16px}#album .swiper-slide-item .item-box::after{content:"";display:block;padding-bottom:100%}#album .swiper-slide-item .item-box .album-cover{width:100%;height:100%;position:absolute;top:10px;left:24px;background-position:0 0;background-repeat:no-repeat;background-size:contain;background-image:url(../image/album-cover.png);z-index:1}@media screen and (min-width:1200px) and (max-width:1549px){#album .swiper-slide-item .item-box .album-cover{left:20px!important}}@media screen and (max-width:999px),(min-width:1000px) and (max-width:1199px){#album .swiper-slide-item .item-box .album-cover{left:16px!important}}#album .swiper-slide-item .item-box span{z-index:3}#album .swiper-slide-item .img-box{position:absolute;z-index:2}#album .swiper-slide-item .item-info p{overflow:hidden}#album .swiper-slide-item .item-info .album-name{margin-bottom:8px}#album .swiper-slide-item .item-info .album-name a{font-size:16px}#album .swiper-slide-item .item-info .singer{color:white;font-size:14px;position:relative;padding-right:90px}#album .swiper-slide-item .item-info .singer a{color:white}#album .swiper-slide-item .item-info .singer .update-time{position:absolute;top:1px;right:0}#billboard .thumb,#make .common-swiper-container .container{position:relative;overflow:hidden}#album .arrow-button{bottom:50%;margin-bottom:-1%}#make{padding-top:0}#billboard .item .thumb-header .subscribe-action:hover,#billboard .item .thumb-header .thumb-playAll:hover,#billboard .thumb.active,#billboard .thumb:hover{background-color:rgba(255,255,255,.15)}#make .common-swiper-container .arrow-button{top:50%;margin-top:-50px;z-index:2}#billboard.section .section-header .more,#billboard.section .section-header h2.title{color:#fff}#billboard .thumb-container{float:left;width:33.3333%}#billboard .item-container{margin-right:-20px}#billboard .item,#billboard .item .thumb-header .thumb-title{background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;margin-right:20px}#billboard .item{padding:20px 0 40px}#billboard .item .thumb-header{padding:0 20px}#billboard .item .thumb-header:after{visibility:hidden;display:block;content:"";clear:both;height:0}#billboard .item .thumb-header .thumb-title{float:left;width:116px;height:54px;margin-bottom:40px}#billboard .item .thumb-header .subscribe-action{float:left;display:none;color:#fff;font-size:14px;height:28px;line-height:28px;padding:0 15px;border:2px solid #fff;border-radius:28px;margin-top:10px;cursor:pointer}#billboard .item .thumb-header .subscribe-action span{font-size:16px;line-height:24px;margin-right:2px}#billboard .item .thumb-header .thumb-playAll{float:right;display:inline-block;width:34px;height:34px;border-radius:34px;margin-top:10px}#billboard .item .thumb-header .thumb-playAll img{width:100%}#billboard .item.item1{background-image:url(../image/billboard-bg-01.png)}#billboard .item.item1:hover{box-shadow:0 8px 30px rgba(240,69,102,.8)}#billboard .item.item2{background-image:url(../image/billboard-bg-02.png)}#billboard .item.item2:hover{box-shadow:0 8px 30px rgba(117,198,151,.8)}#billboard .item.item3{background-image:url(../image/billboard-bg-03.png)}#billboard .item.item3:hover{box-shadow:0 8px 30px rgba(179,101,202,.8)}#billboard .thumb{padding:10px 20px;cursor:pointer;color:#fff;font-size:16px;height:55px}#billboard .thumb.active .item-box img,#billboard .thumb:hover .item-box img{transform:scale3d(1.1,1.1,1)}#billboard .thumb.active .item-box span,#billboard .thumb:hover .item-box span{display:initial}#billboard .thumb.active .item-info,#billboard .thumb:hover .item-info{padding-right:120px}#billboard .thumb.active .item-playCnt,#billboard .thumb:hover .item-playCnt{display:none}#billboard .thumb.active .item-action,#billboard .thumb:hover .item-action{display:inherit}#billboard .thumb.active .cf-fenxiang{color:black}#billboard .thumb .item-num{line-height:55px;position:absolute;top:10px;left:20px}#billboard .thumb .item-box{width:55px;height:55px;position:absolute;top:10px;left:50px;overflow:hidden;z-index:1}#billboard .thumb .item-box .item-box-img{position:relative}#billboard .thumb .item-box .item-box-img img{transition:transform linear .25s}#billboard .thumb .item-box .item-box-img span{width:28px;height:28px;line-height:28px}#billboard .thumb .item-box .item-box-img span i{font-size:10px}#billboard .thumb .item-info{position:absolute;top:0;left:0;bottom:0;right:0;padding:10px 100px 10px 120px}#billboard .thumb .item-info p{overflow:hidden}#billboard .thumb .item-info .song-name{margin-top:6px}#billboard .thumb .item-info .song-name a{color:#fff;font-size:16px;height:18px}#billboard .thumb .item-info .singer{margin-top:6px;color:rgba(255,255,255,.6)}#billboard .thumb .item-info .singer a{color:rgba(255,255,255,.6);font-size:14px}#billboard .thumb .item-playCnt{position:absolute;top:10px;right:20px;line-height:55px;font-size:14px}#billboard .thumb .item-playCnt i::before{font-size:14px;margin-right:5px}#billboard .thumb .item-action{display:none;position:absolute;top:10px;right:20px;line-height:55px}#billboard .thumb .item-action a{color:#fff;margin-right:10px}#billboard .thumb .item-action a:hover,#billboard .thumb .item-action i.cf-xihuan-h,#musician .swiper-slide-item .item-info p a:hover{color:black}#billboard .thumb .item-action a:last-child{margin-right:0}#billboard .thumb .item-action i{font-size:18px}#musician{background-color:#fff}#musician #musician-swiper{margin:0 -20px;padding-top:10px}#musician .swiper-slide-item{width:20%;float:left}#musician .swiper-slide-item .thumb{padding:0 20px;position:relative}#musician .swiper-slide-item .thumb:hover .item-box{box-shadow:0 2px 16px rgba(0,0,0,.2)}#musician .swiper-slide-item .item-box{position:relative;margin-bottom:18px}#musician .swiper-slide-item .item-box::after{content:"";display:block;padding-bottom:100%}#musician .swiper-slide-item .img-box{position:absolute}#musician .swiper-slide-item .item-info p{overflow:hidden}#musician .swiper-slide-item .item-info .song-name{margin-bottom:6px}#musician .swiper-slide-item .item-info .song-name a{font-size:16px}#musician .swiper-slide-item .item-info .singer a{color:white;font-size:14px}#musician .arrow-button{bottom:50%;margin-bottom:-1%}@media screen and (min-width:1550px){.container .swiper-slide{width:1400px}.container #songlist-swiper{max-height:675px}.container #album-swiper{max-height:299px}.container #musician-swiper{max-height:312px}}@media screen and (min-width:1200px) and (max-width:1549px){.container .swiper-slide{width:1200px}.container #songlist-swiper{max-height:595px}.container #album-swiper{max-height:259px}.container #musician-swiper{max-height:272px}}@media screen and (max-width:999px),(min-width:1000px) and (max-width:1199px){.container .swiper-slide{width:1000px}.container #songlist-swiper{max-height:515px}.container #album-swiper{max-height:238px}.container #musician-swiper{max-height:232px}#banner #nav li{height:34px;line-height:34px}}