.player .name,.sprite,img{display:block}.clearfix,.list li{clear:both}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}a img{border:none}body,html{font-size:16px;font-family:"Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Helvetica,Arial,sans-serif;background:#1B1B1B;overflow:hidden}img{border:0}.sprite{background-image:url(../img/icons.png);background-repeat:no-repeat}.sprite-close{width:14px;height:14px;background-position:-2px -2px}.sprite-code,.sprite-code_hover,.sprite-copy,.sprite-copy_hover,.sprite-fb,.sprite-fb_hover{width:44px;height:44px}.sprite-code{background-position:-2px -20px}.sprite-code_hover{background-position:-2px -68px}.sprite-copy{background-position:-2px -116px}.sprite-copy_hover{background-position:-2px -164px}.sprite-fb{background-position:-2px -212px}.sprite-fb_hover{background-position:-2px -260px}.sprite-icon_Preview{width:7px;height:10px;background-position:-2px -308px}.sprite-icon_anim{width:11px;height:11px;background-position:-2px -322px}.sprite-icon_next{width:13px;height:15px;background-position:-2px -337px}.sprite-icon_pause{width:32px;height:32px;background-position:-2px -356px}.sprite-icon_play{width:32px;height:32px;background-position:-2px -392px}.sprite-icon_pre{width:13px;height:15px;background-position:-2px -428px}.sprite-new-icon_logo{width:18px;height:18px;background-position:-2px -447px}.sprite-share{width:14px;height:14px;background-position:-2px -469px}.topLine{position:relative;margin:0 12px}.topLine .icon_logo{display:inline-block;margin-right:8px}.topLine .title{display:inline-block;font-size:18px;color:#FFF;line-height:20px;vertical-align:top;font-weight:700}.topLine .share{position:absolute;top:4px;right:0;cursor:pointer}#player{margin:6px 0 11px}.player{height:87px;padding:14px 12px 7px}.player .cover{float:left;width:87px;height:87px}.player .pic{width:100%;height:100%}.player .name,.player .singername{width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .col-r{margin-left:100px;position:relative}.player .head{//padding-top:3px}.player .name{color:#fff;font-size:14px;line-height:18px;//display:none}.player .singername{display:block;color:#9B9B9B;font-size:12px;line-height:16px}.miniPlayer .progress,.player .progress{position:relative;top:10px;left:0;height:10px}.progress .all_bar,.progress .has_load,.progress .has_play{top:0;height:2px;position:absolute;left:0;cursor:pointer}.progress .all_bar{width:100%;background-color:rgba(255,255,255,.5);z-index:1}.progress .has_load{background-color:rgba(255,255,255,.3);z-index:2}.progress .has_play{background-color:#04b750;z-index:3}.progress .play-dot{position:absolute;top:-5px;left:0;width:4px;height:4px;font-size:12px;color:#fff;cursor:pointer}.bar{//margin-top:15px;//position:relative}.more,.time{position:absolute;bottom:0}.bigPlayButton{margin-top:17px}.bigPlayButton .btn{border:0;outline:0;width:85px;height:23px;line-height:23px;background:#09DE6E;border-radius:100px;font-size:12px;color:#FFF;cursor:pointer}.more .i-more,.time span{font-size:14px;color:#fff;vertical-align:bottom}.bigPlayButton .btn:before{display:inline-block;content:'';width:7px;height:10px;background:url(../img/icons.png) -2px -308px;margin-right:3px}.time{left:0}.time span{display:inline-block;line-height:14px}.more{right:0}.more .i-more{cursor:pointer}.player .control{margin-top:9px;position:relative;text-align:center;display:none}.control i{cursor:pointer}.control i:first-child{position:absolute;bottom:8px;left:23px}.control i:nth-of-type(2){margin:0 auto}.list .singername,.list .songname{margin-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control i:last-child{position:absolute;bottom:8px;right:23px}.list{margin-top:13px}.list li{display:block;position:relative;padding-left:3px;cursor:pointer;line-height:49px;height:49px}.list .singername{width:80%;font-size:12px;line-height:14px;color:#9B9B9B}.list .rankNum{float:left;width:26px;font-size:18px;color:rgba(255,255,255,.8)}.list .songname{padding-top:10px;width:80%;font-size:14px;line-height:16px;color:rgba(255,255,255,.8)}.list .cur .rankNum{color:#42FF9A}.list .cur .singername{color:#5BAD82}.list .cur .songname{color:#42FF9A}.list .gif{position:absolute;top:20px;right:20px;display:none}.list .cur .gif{display:block}#list{//height:298px;width:100%;border:0;outline:0}#songlist{margin-bottom:10px;display:none}#songlist li{padding:0 12px}#songlist li:hover{background:rgba(0,0,0,.3)}.footer{background-color:rgba(255,255,255,.1);padding:10px}.footer .logo{display:block;width:70px;height:23px;background-image:url(../img/logo_joox.png);background-size:contain;background-repeat:no-repeat}#player{//display:none}.miniPlayer{display:none;margin:5px}.miniPlayer .name{display:block;color:#fff;font-size:16px;width:95%;//display:none}#openjoox .desc,.outerList p{color:#FFF;text-align:center}.miniPlayer .progress{width:92%}.miniPlayer .control{position:absolute;right:5px;bottom:8px;display:none}#openjoox,#share{bottom:0;z-index:99999}#share{position:fixed;top:0;left:0;right:0;opacity:.9;background:#1B1B1B;display:none}#openjoox .close,#share .close{position:absolute;top:11px;right:15px;cursor:pointer}.outerList{position:absolute;top:50%;left:0;right:0;margin-top:-28px}.outerList li{display:inline-block;width:33.3%;position:relative}#share .coded,#share .copied{position:absolute;top:45%;margin:0 auto;background-size:contain;display:none;left:0;right:0}.outerList span{margin:0 auto;cursor:pointer}.outerList p{font-size:12px;cursor:pointer}.outerList .fb:hover{background-position:-2px -260px}.outerList .copy:hover{background-position:-2px -164px}.outerList .code:hover{background-position:-2px -68px}#share .copied{width:96px;height:19px;background-image:url(../img/copied.png)}#share .coded{width:152px;height:14px;background-image:url(../img/coded.png)}#openjoox{position:fixed;top:0;left:0;right:0;background:#1B1B1B;display:none}#openjoox .container{position:absolute;top:50%;margin-top:-115px;left:0;right:0;text-align:center}#openjoox .pic_logo{display:block;width:69px;height:69px;margin:0 auto 18px}#openjoox .desc{font-size:14px;margin:0 auto}#openjoox .open{background:#09DE6E;border-radius:100px;width:111px;height:27px;line-height:27px;border:0;outline:0;font-size:12px;color:#fff;margin-top:98px;cursor:pointer}.mini body{background:rgba(27,27,27,.9)}.mini #openjoox .pic_logo{display:none}.mini #openjoox .open{margin-top:18px}.mini #openjoox .container{margin-top:-31px}.list_empty{height:100%;text-align:center;padding-top:110px;font-size:14px;line-height:20px;width:80%;color:rgba(255,255,255,.8);margin:0 auto}