@charset "utf-8";
/* CSS Document */
/*reset*/
/*清零*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; border: 0; }
body {font-size: 14px; font-family:"Microsoft YaHei", "微软雅黑", '\65B0\5B8B\4F53', '\5B8B\4F53', Verdana; overflow: hidden}
ul, ol { list-style-type: none; }
select, input, img { vertical-align: middle; outline: none; border:none; background:none; }
em,strong{font-style:normal;font-weight:normal;}
a { text-decoration: none; }
a { outline: none; }


/*清除浮动*/
.clearfix:after {content:""; display:block; clear:both;}
.clearfix {zoom:1;}

img{-webkit-user-select:none;-moz-user-select:none;  -ms-user-select:none;  user-select:none;  }

.appBox{display: none;}
/*背景*/
.page1 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page1Bg.jpg) no-repeat;}
.page2 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page2Bg.jpg) no-repeat;}
.page3 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page3Bg.jpg) no-repeat;}
.page4 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page4Bg.jpg) no-repeat;}
.page5 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page5Bg.jpg) no-repeat;}
.page6 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page6Bg.jpg) no-repeat;}
.page7 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page7Bg.jpg) no-repeat;}
.page8 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page8Bg.jpg) no-repeat;}
.page9 {background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page9Bg.jpg) no-repeat;}
.section {width:100%;height: 100%;background-size: cover;background-position:50%;overflow: hidden;position:relative;display: block;}
/*pageCon*/
.pageCon {max-width:1400px;max-height:1000px;margin:0 auto;position: relative;}
/*page1*/
.page1Con {height:6.03rem;margin:1.75rem 0 0 1.4rem;}
.bang {display:block;width:2.25rem;height: 0.33rem;position: absolute;left:1.4rem;top:6.82rem;left:1.51rem;background:#000;opacity: 0}
.intro {width:1.08rem;height: 1.08rem;display: block;background:url(http://www.kuwo.cn/static/image/web/inventory/introBtn.png) no-repeat;;background-size: 100%;text-indent: -999em;position: absolute;right: 0.5rem;top:0.5rem;}
.introBox {width:100%;height: 100%;background: rgba(0,0,0,0.85);position: absolute;top:0;left: 0;display: none;}
.introCon {width:9.6rem;margin: 0 auto;color:#fff;font-size:0.2rem;}
.introCon h3 {margin-top:0.2rem;font-size:0.24rem;font-weight: 500}
.introCon p {margin-top:0.13rem;}
.closeBtn {width:1rem;height: 1rem;background: url(http://www.kuwo.cn/static/image/web/inventory/closeBig.png);background-size: 100%;display: block;margin:0.3rem auto 0;}
.nowOpen {display:block;color:#fff;font-size:0.38rem;width:3.06rem;height: 0.79rem;line-height: 0.79rem;text-align: center;border:1px solid #fff;border-left:0;border-right:0;margin:0.73rem auto 0;}
/*排行榜*/
.bangBox {width:100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0,0,0,0.2);display: none;}
.bangContent {width:470px;height: 580px;padding:0 30px;position: absolute;left:50%;top:50%;margin:-290px 0 0 -265px;background:#fafafa;font-size: 14px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.bangContent .top {overflow: hidden}
.bangContent .top h3 {float:left;font-size:18px;color:#333333;line-height:50px;font-weight: 400}
.bangContent .top .closeBang {float:right;display:block;width:12px;height: 12px;background: url(http://www.kuwo.cn/static/image/web/inventory/close.jpg);margin-top:18px;}
.bangContent dl {background:#f2f2f6;overflow: hidden;color:#999999;font-size: 12px;}
.bangContent dd {float:left;line-height:40px;}
.bangContent dd.num {width:60px;text-indent: 12px}
.bangContent ul {overflow:auto;height: 439px;}
.bangContent ul li {overflow:hidden;background:#f2f2f6}
.bangContent span {float:left;color:#666666;line-height:40px;}
.bangContent span.num {width:60px;text-indent: 20px}
.bangContent .userName {width:183px;}
.bangContent .likeTimes {width:110px;}
.bangContent ul .noResult {background:none;font-size:18px;color:#666;margin-top: 160px;text-align: center;}
/*领奖弹窗*/
.rankWin{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);display: none}
.rankWinArea{ position: absolute;top:50%;left:50%;width: 460px;height:428px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius: 3px;background: #fff;color: #333;margin:-235px 0 0 -230px;font-size:18px;text-align: center;padding-top:43px;}
.rankWinp01 {line-height:30px;}
.rankWinp02{color: #999;font-size: 14px;}
.rankPrizeInfo{ width: 289px;margin: 0 auto;position: relative;}
.rankPrizeInfo div{ border: 1px solid #ddd;padding-left: 55px;margin-top:20px;position: relative;overflow: hidden;}
.rankPrizeInfo input{ display: block;width: 100%;height: 100%;line-height: 38px;border: none;outline: none;}
.rankPrizeInfo textarea{ border: none;outline: none;resize: none;width:90%;height:90%;}
.rankPrizeTele,.rankPrizeUser{ height: 38px;}
.rankPrizeTele i{ position: absolute;left: 0;top:7px;width: 43px;height: 24px;background: url(https://image.kuwo.cn/mpage/html5/2016/inventory/pdphone.png) no-repeat 14px 0;border-right:1px solid #dddddd}
.rankPrizeTele span{ position: absolute;left: 40px;top: 50%;height: 30px;color: #999;margin-top: -15px;}
.rankPrizeUser i{ position: absolute;left: 0;top: 7px;width: 43px;height: 24px;background: url(https://image.kuwo.cn/mpage/html5/2016/inventory/pduser.png) no-repeat 11px 0;border-right:1px solid #dddddd}
.rankPrizeInfo .rankPrizeAddress{ height: 68px;padding-top:10px;padding-left:43px;}
.rankPrizeAddress i{ position: absolute;left: 0;top: 7px;width:43px;height: 24px;background: url(https://image.kuwo.cn/mpage/html5/2016/inventory/pdaddress.png) no-repeat 11px 2px;border-right:1px solid #dddddd}
.ranksubmit{ display: block;width: 250px;height: 40px;line-height:40px;background: #f1ab00;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;text-align: center;color: #fff;margin: 30px auto 50px;}
/*领奖成功弹窗*/
.rankTipsBox {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);display: none}
.rankTips {width:460px;height:250px;background:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: absolute;left:50%;top:50%;margin:-125px 0 0 -230px;font-size: 18px;}
.rankTips p {margin:45px 0 0 60px;line-height: 30px;}
.rankTips a {width:250px;height: 40px;line-height: 40px;color:#fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #f1ab00;display: block;margin:30px auto 0;text-align: center;}
/*errorTips*/
.tipsError{z-index:3;position:fixed; left:50%; top:50%; display:none; width:206px; height:70px; line-height:70px; margin-left:-103px; margin-top:-35px; text-align:center; font-size:16px; color:#fff; background:rgba(0,0,0,0.8); }



/*page2*/
.page2Con {width:4.57rem;height: 4.21rem;color:#fff;margin:1.92rem 0 0 1.4rem;}
.page2Con img {height: 100%;float:right;}
.page2Con .info {position: absolute;float:left;margin-top:1.65rem;}
.page2Con span {display: block;font-size:0.5rem;}
.page2Con .year {font-size:0.6316rem;}

/*page3*/
.page3Con {float:right;margin:5.28rem 1.46rem 0 0;width:4.43rem;height: 3.23rem;color:#fff;background:url(http://www.kuwo.cn/static/image/web/inventory/pageCon/page3Con.png) no-repeat;;background-size: 100%}
.page3Con span {float:left;margin-top:0.5rem;font-size:0.6398rem;}

/*page4*/
.page4Con {float:left;margin:1.93rem 0 0 1.42rem;width:3.41rem;height: 4.19rem;color:#fff;background:url(http://www.kuwo.cn/static/image/web/inventory/pageCon/page4Con.png) no-repeat;;background-size: 100%}
.page4Con span {float:left;margin-top:2.58rem;font-size:0.7571rem;}

/*page5*/
.page5Con {float:right;margin:3.12rem 1.4rem 0 0;width:4.56rem;height: 5.42rem;color:#fff;background:url(http://www.kuwo.cn/static/image/web/inventory/pageCon/page5Con.png) no-repeat;;background-size: 100%}
.page5Con span {display:block;font-size:0.6402rem;margin:0 0 0.82rem 1.75rem;}
.page5Con span.pdcompindexM {margin-top:-0.13rem;}

/*page6*/
.page6Con img {width:8.1rem;margin:1.13rem 0 0 0.8rem; }
.page6Con p {font-size: 0.28rem;color:#666666;margin-left:0.1rem;position:absolute;bottom:1.03rem;left:8.9rem;line-height: 0.48rem}

/*page7*/
.page7Con {margin:2.57rem auto 0;width:3.6rem;height: 3.65rem;color:#fff;background:url(http://www.kuwo.cn/static/image/web/inventory/pageCon/page7Con.png) no-repeat;;background-size: 100%;position: relative;}
.page7Con p {width:100%;font-size:0.8002rem;text-align: center;position:absolute;top:2.56rem;}
.page7Con span {font-size:0.3001rem;}

/*page8*/
.page8Con {float:left;margin:1.74rem 0 0 1.38rem;width:3.23rem;height: 4.09rem;background:url(http://www.kuwo.cn/static/image/web/inventory/pageCon/page8Con.png) no-repeat;;background-size: 100%}
.page8Con p {font-size:0.36rem;margin:3.12rem 0 0 0.04rem;color:#fff;white-space:nowrap; }
/*page9*/
.page9Con {height:4.75rem;color:#fff;margin:0 auto;text-align: center;margin-top:2.2rem;}
.page9Con img {height: 100%;}
.page9Con p {float:left;height:0.53rem;line-height:0.08rem;position:absolute;left:50%;top:1.75rem;font-size: 0.682rem;background:#44a866;display: block;padding:0 0.4rem;}

/*page10 page11*/
.page10Con,.page11Con  {width:960px;margin:30px auto 0}
.page10Con img,.page11Con img {display: block}

/*loadingBox*/
.loadingBox {display:none;width:100%;height: 100%;background: url(http://www.kuwo.cn/static/image/web/inventory/pageBg/page2Bg.jpg) no-repeat;background-size: cover;background-position:50%;position: absolute;top:0;left: 0;}
.loading {overflow:hidden;width:100%;height: 100%;text-align: center;color:#fff;font-size:24px;background: rgba(255,255,255,0.85); }
.loading span {width:379px;margin:0 auto;display:block;height:60px;line-height: 60px;background:#ffc11a;position: absolute;left: 50%;top:50%;margin:-30px 0 0 -189px;}

/*controll*/
.controll {display:none;}
.controll a {width:0.47rem;height: 0.45rem;display: block;position: fixed;right: 0.6rem;}
.controll a.prev {background: url(http://www.kuwo.cn/static/image/web/inventory/prev.png) no-repeat;top:100px;background-size: 100%;-webkit-animation: moveToTopFade ease 2s both infinite;animation: moveToTopFade ease 2s both infinite;}
.controll a.next {background: url(http://www.kuwo.cn/static/image/web/inventory/next.png) no-repeat;bottom:100px;background-size: 100%;-webkit-animation: moveToBottomFade ease 2s both infinite;animation: moveToBottomFade ease 2s both infinite;}

/*歌单分享相关及下载弹窗及提示弹窗*/
.shareTipsBox,.shareControll,.downLoadBox,.tipsWindow {display:none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.shareTips {width:460px;height:250px;background:#fafafa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: absolute;left:50%;top:50%;margin:-125px 0 0 -230px;font-size: 18px;}
.shareTips p {margin:55px 0 0 60px;line-height: 30px;}
.shareTips a {float:left;width:150px;height: 40px;line-height: 40px;color:#999999;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fff;text-align: center;border:1px solid #aaaaaa;margin-top:30px;}
.shareTips a.shareTipsBtn {background:#f1ab00;border:1px solid #f1ab00;color:#fff;margin:30px 37px 0 63px;}
.shareCon {height:208px;width:410px;padding:0 30px;margin:-104px 0 0 -235px;background:#fafafa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: absolute;left:50%;top:50%;font-size:18px;}
.shareCon .top {height: 47px;line-height: 47px;border-bottom:1px solid #eeeeee;}
.shareCon .top h3 {float:left;font-weight: 400;}
.shareCon .top a {float:right;display:block;width:12px;height: 12px;background: url(http://www.kuwo.cn/static/image/web/inventory/close.jpg);margin-top:18px;cursor: pointer}
.playListSharecontent {width:450px;height: 60px;background: url(http://www.kuwo.cn/static/image/web/inventory/shareBg.jpg) no-repeat;margin-top:50px;}
.playListSharecontent a {width:60px;height:60px;float:left;margin-right:30px;}
.downBox,.tipsWin {position: fixed;left: 50%; top: 50%;  width: 400px;  height: 200px;  margin-left: -200px;  margin-top: -100px;  background: url(http://image.kuwo.cn/website/pc/artist/loadBlock2.png) no-repeat;  z-index: 500;}
.downBox .loadBtn {display: block;margin: 33px 0 0 140px;width: 120px;height: 40px;cursor: pointer;}
.downBox p {font-size: 16px;font-family: '微软雅黑';text-align: center;color: #333;line-height: 16px;margin-top: 66px;  }
.loadBlockClose {position: absolute;right: 9px;top: 9px;width: 12px;height: 12px;cursor: pointer;display: block;}
.tipsWin {background:#fafafa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tipsWin .loadBlockClose {background: url(http://www.kuwo.cn/static/image/web/inventory/close.jpg); }
.tipsWin p {font-size: 16px;font-family: '微软雅黑';text-align: center;color: #333;line-height: 16px;line-height: 200px;  }
/*歌单*/
.rightContentBox {width: 960px;font-size: 14px;line-height: 40px;overflow:hidden;}
.rightContentBox .songControllBox {  margin: 20px 0 20px 0; height: 42px;  }
.rightContentBox .songControllBox .userInfo {float:left;line-height: 42px;}
.rightContentBox .userInfo img {float:left;width:42px;height: 42px;margin-right:10px;border-radius: 50%;-moz-border-radius:  50%;-webkit-border-radius:  50%;}
.rightContentBox .songControllBox .songControll {float:right;position: relative;}
.rightContentBox .songControll a {  float: left;height: 32px;display: block; }
.rightContentBox .songControll .addToPlayList { padding:0 15px;margin-right: 10px;background:#f0bc0f;color:#fff;line-height: 32px;text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.rightContentBox .songControll .playAll { width: 100px;text-indent: -9999em;background: url(http://image.kuwo.cn/website/pc/artist/icon.png) no-repeat;background-position: -241px -242px;}
.rightContentBox .songControll .freeDown {  padding:0 14px; height: 30px;line-height: 30px; margin-right: 10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border:1px solid #dddddd;color:#999999 }
.addTips,.share2017 {position:absolute;background:url(http://www.kuwo.cn/static/image/web/inventory/tipsJiao.jpg) no-repeat 149px top;left:-98px;top:35px;padding-top:9px;}
.share2017 {display: none;}
.addTips p,.share2017 p {background: #000;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width:226px;color:#fff;font-size:14px;height:30px;line-height:30px;text-align:center;}
.rightContentBox .chooseAll {  height: 40px;  background: #f2f2f6; padding: 0 20px; line-height: 40px; color: #999999; font-size: 12px; }
.rightContentBox .chooseAll dl dd {  float: left;  }
.rightContentBox ul li { padding: 0 18px; color:#666666; height: 40px; }
.rightContentBox ul li a { color: #666666; }
.rightContentBox .name { float: left; width: 371px; display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-right: 30px;}
.rightContentBox .artist {float: left;width: 190px;display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-right: 30px;}
.rightContentBox .heat {float: left;width: 70px;height: 6px;margin: 17px 0 0 0;background: url(http://image.kuwo.cn/website/pc/artist/heatBg.jpg) repeat-x;}
.rightContentBox .heat .heatValue {width: 73.5%;height: 6px;background: url(http://image.kuwo.cn/website/pc/artist/heatValueBg.jpg) repeat-x;}
.rightContentBox dd.heat {background: none;height: 40px;line-height: 40px;margin-top: 0px; }
.rightContentBox dd.heat .heatValue { background: none; }
.rightContentBox dl dd.listRight {float: right;width: 79px;text-align: left;text-indent: 4px;}
.rightContentBox .leftInfo {float: left;}
.rightContentBox .leftInfo .num {float: left;width: 34px;font-size: 14px;color:#666666;}
.rightContentBox .listRight {float: right;width: 117px;text-align: center;position: relative;}
.rightContentBox .listRight .tools {position: absolute;top: 0;left: 0;display: none;}
.rightContentBox .listRight .tools a {float: left;background: url(http://image.kuwo.cn/website/pc/icon.png);display: block;}
.rightContentBox .listRight .tools .tipsCon a {background:none;}
.rightContentBox .listRight .tipsCon .tipsFr {float:right;}
.rightContentBox .listRight .tools .play {width: 8px;height: 11px;background: url(http://image.kuwo.cn/website/pc/artist/icon.png) 0px -229px;margin: 14px 14px 0 0;}
.rightContentBox .listRight .tools .add {width: 14px;height: 14px;background: url(http://image.kuwo.cn/website/pc/artist/icon.png) -13px -228px;margin: 13px 12px 0 0;}
.rightContentBox .listRight .tools .down {width: 13px;height: 14px;background-position: -51px 0;margin: 13px 13px 0 0;}
.rightContentBox .listRight .tools .share {float:left;width: 13px;height: 13px;background: url(http://image.kuwo.cn/website/pc/icon.png) -69px 0;margin-top: 14px;cursor:pointer;position:relative;}
.rightContentBox .listRight span {display: block;  color: #999999;}
/*分享*/
.rightContentBox ul li .listRight .tools .shareBox{height:40px;top:-14px;left:-150px}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent{width:150px;background:none;}
.rightContentBox ul li .listRight .tools .shareBox a {margin:11px 0 0 10px;}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent .new_sina{background-position:-219px -196px;}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent .new_qzone{background-position:-242px -196px;}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent .new_tqq{background-position:-265px -196px;}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent .new_douban{background-position:-288px -196px;}
.rightContentBox ul li .listRight .tools .shareBox .sharecontent .new_renren{background-position:-311px -196px;}
.rightContentBox ul li .listRight .tools .shareBox .new_sina:hover{background-position:-219px -216px;}
.rightContentBox ul li .listRight .tools .shareBox .new_qzone:hover{background-position:-242px -216px;}
.rightContentBox ul li .listRight .tools .shareBox .new_tqq:hover{background-position:-265px -216px;}
.rightContentBox ul li .listRight .tools .shareBox .new_douban:hover{background-position:-288px -216px;}
.rightContentBox ul li .listRight .tools .shareBox .new_renren:hover{background-position:-311px -216px;}


/*播放器*/
#player {display:none}

.scrollBox {overflow: auto}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scrollBox::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
.scrollBox::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 3px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
.scrollBox::-webkit-scrollbar-thumb{border-radius: 3px;background-color: #999999;}

.login,.loginShadow{display: none;}


@-webkit-keyframes moveToBottomFade {
    from { }
    to { opacity: 0.3; -webkit-transform: translateY(50%); }
}
@keyframes moveToBottomFade {
    from { }
    to { opacity: 0.3; -webkit-transform: translateY(50%); transform: translateY(50%); }
}
@-webkit-keyframes moveToTopFade {
    from { }
    to { opacity: 0.3; -webkit-transform: translateY(-50%); }
}
@keyframes moveToTopFade {
    from { }
    to { opacity: 0.3; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}