body,button,div,input,li,select,ul,h1,h2,p,i{margin:0;padding:0}
li,ul{list-style:none}
button,img,input,select{border:0}
button,input,select{outline:0;font-size:14px;font-family:Arial,Helvetica,sans-serif}
button,img,input,select{vertical-align:middle}
body{overflow-x:hidden;background:#f0f0f0;font-size:16px;font-family:Arial,Helvetica,sans-serif}
a{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none}
.q:after,.q:before{display:table;content:"";line-height:0}
.q:after{clear:both}

.top{position:relative;height:45px;background:#299DE7}
.top h1{color:#FFF;text-align:center;font-size:18px;line-height:45px}
.top a{position:absolute;top:0;z-index:1;width:45px;height:45px}
#topla{left:0;background:url(back.png) no-repeat 0 center}
#topra{right:0;background:url(user.png) no-repeat center center;background-size:23px 21px}
.top h1 a{
	position: static;
	display: inline-block;
	vertical-align: top;
	width:70px;
	background:url(appdown.png) no-repeat center center;
	background-size:contain;
	margin-left:20px;
}


.search{position:relative;overflow:hidden;padding:10px;background:#0B8CDE}
.search input{padding:5px;width:100%;height:38px;border:1px solid #333;font-size:18px;font-family:Arial,Helvetica,sans-serif;line-height:24px}
.search button{position:absolute;top:11px;right:11px;z-index:1;width:36px;height:36px;background:#FFF url(ser.png) no-repeat center center}
form.this{display:block}

.nav{height:44px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}
.nav li{float:left;width:20%;text-align:center;font-size:18px}
.nav a{display:block;height:43px;border-top:1px solid #eee;line-height:43px}
.nav a.this{padding-top:1px;height:40px;border-bottom:3px solid #299DE7;color:#299DE7;line-height:40px}

.feilei{padding:5px 4px 10px 4px}
.feilei h1{padding:10px 0 0 5px;font-weight:400;font-size:18px}
.feilei div{display:table;width:100%}
.feilei ul{display:table-row}
.feilei li{display:table-cell;padding:4px;width:33%}
.feilei a{display:block;height:36px;border:1px solid #ddd;background:#fff;text-align:center;line-height:36px}

.tsdd{padding-left:9px;font-size:18px}
.dadie{padding:5px 4px;text-align:center}
.dadie div{display:table;width:100%}
.dadie ul{display:table-row}
.dadie li{display:table-cell;padding:4px;width:25%}
.dadie a{display:block}
.dadie img{margin-bottom:3px;width:100%;min-width:50px}

.dancetop{padding:10px 8px 0 8px;text-align:center}
.dancetop div{display:table;width:100%}
.dancetop ul{display:table-row}
.dancetop li{display:table-cell;padding-top:3px;width:33%;height:40px;border-bottom:1px solid #ddd;font-size:18px;line-height:40px}
.dancetop li:first-child{width:34%}
.dancetop li.this{border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;background:#FFF}
.dancelist{overflow:hidden;margin:0 8px 8px 8px;border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;background:#FFF}
.dancelist ul{display:none;background:#FFF}
.dancelist ul:first-child{display:block}
.dancelist a{position:relative;display:block;overflow:hidden;padding:15px 38px 15px 35px;border-bottom:1px solid #eee;background:url(p.gif) no-repeat right center;text-overflow:ellipsis;white-space:nowrap}
.dancelist i{position:absolute;top:50%;left:3px;z-index:1;display:inline-block;margin-top:-15px;width:30px;height:30px;color:#888;text-align:center;font-style:normal;line-height:30px}

.sub{position:relative;overflow:hidden;padding:0 110px 0 8px;height:45px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:45px;border-bottom:1px solid #ddd}
.sub select{position:absolute;top:8px;right:8px;height:28px;border:1px solid #ddd;background-color:#FFF}

.listno{padding-top:80px;height:300px;border-bottom:1px solid #ddd;text-align:center;font-size:18px}
.pageno{height:10px}

.list{background:#FFF;font-size:14px}
.list a{position:relative;display:block;padding:9px 38px 9px 35px;border-bottom:1px solid #eee;background:url(p.gif) no-repeat right center}
.list i{position:absolute;top:50%;left:3px;z-index:1;display:inline-block;margin-top:-15px;width:30px;height:30px;color:#666;text-align:center;font-style:normal;line-height:30px}
.list p{overflow:hidden;width:100%;color:#999;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px}
.list em{font-style:normal;margin-left:12px}
.list strong{color:#333;font-weight:400;font-size:16px}
.list strong span{color:#f00;margin:0 1px}

.page{display:table;margin-bottom:10px;width:100%;border-bottom:1px solid #ddd;background:#FFF}
.page ul{display:table-row}
.page li{display:table-cell;width:15%;vertical-align:middle}
.page .pagec{width:40%;text-align:center;font-size:18px}
.page a{display:block;padding-top:25px;height:36px;text-align:center}
.page i{display:inline-block;width:11px;height:11px;background:url(page.gif) no-repeat;vertical-align:top}
.page i.pagel{background-position:0 0}
.page i.page1{background-position:0 -30px}
.page i.pager{background-position:0 -45px}
.page i.pagen{background-position:0 -15px}

.error{margin:8px;padding-top:30px;border:1px solid #ddd;border-radius:5px;background:#FFF url(error.png) no-repeat center 30px;text-align:center}
.error a{display:inline-block;width:256px;height:256px}
.error h1{padding:30px 0 10px 0;font-weight:400;font-size:18px}
.error p{height:70px}

.pname{margin:8px 8px 0 8px;padding:5px;border-left:5px solid #299DE7;background-color:#ddd;line-height:26px}

.player{margin:0 8px 8px 8px;border:1px solid #ddd;border-top:0;background:#FFF}
.mp_bk{padding:8px;font-size:14px}
.mp_bg{position:relative;height:65px;border:1px solid #000;border-radius:0px;background:#000000}
.mp_bg ul{position:absolute}
#mp_progress{position:relative;margin:0px;height:0px}
.mp_progress0{background-color:#666}
.mp_progress1{background-image:url(mp_blue.gif)}
#mp_downs{height:9px;background:#666;top:0px;left:0px}
#mp_plays{height:9px;background:#FC0;top:0px;left:0px}
#mp_clickpos{position:absolute;top:7px;right:10px;left:10px;height:15px}

#mp_next,#mp_play,#mp_previous,#mp_click{background-image:url(playerbg.png);background-repeat:no-repeat}
#mp_previous{top:36px;left:10px;width:27px;height:27px;background-position:0 -104px}
#mp_next{top:36px;left:90px;width:27px;height:27px;background-position:0 -140px}
#mp_play{top:31px;left:45px;width:37px;height:37px}
.mp_pause{background-position:0 -1px}
.mp_play{background-position:0 -46px}
#mp_text{top:18px;left:135px;color:#fff;line-height:18px}
.mp_time{top:0px;right:0px;color:#eee;line-height:18px}
.mp_time img{ width:77px; height:65px}
#mp_click{width:15px;height:15px;background-size:78px;background:#FFF;margin-left:-7px;top:0px;left:0px;border-radius:15px;}

.ptext{padding:10px;line-height:20px;border-top:1px solid #ddd}
.ptext li{float:left}.ptext li:last-child{float:right}
.ptext .ptyle0{padding:0 0 0 26px;background:url(playerbg.png) no-repeat -51px -61px}
.ptext .ptyle1{padding:0 0 0 26px;background:url(playerbg.png) no-repeat -51px -110px}
.ptext .favs{padding:0 0 0 22px;background:url(favs.png) no-repeat 0 2px;background-size:16px 16px;margin-left:25px}
.ptext .downs a{padding:0 0 0 22px;background:url(down.png) no-repeat 0 2px;background-size:16px 16px; display:block}

.playlist{margin:0 8px 8px 8px;border:1px solid #ddd;border-top:0;background:#FFF}
.playload{background:#FFF url(p_load.gif) no-repeat center 50px;min-height:200px}
.playlist a{position:relative;display:block;overflow:hidden;padding:15px 38px 15px 35px;border-bottom:1px solid #eee;text-overflow:ellipsis;white-space:nowrap}
.playlist a em{position:absolute;top:16px;right:10px;width:18px;height:18px;background:url(p.gif) no-repeat}
.playlist a.this em{background:url(p_this.gif) no-repeat center center}
.playlist i{position:absolute;top:50%;left:3px;z-index:1;display:inline-block;margin-top:-15px;width:30px;height:30px;color:#888;text-align:center;font-style:normal;line-height:30px}

#playbtn{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999;display:box;background-color:rgba(255,255,255,.5);background-image:url(play.png);background-position:center center;background-repeat:no-repeat}

.albumt{padding:10px 9px;font-size:18px}
.album{padding:10px 4px 15px 4px;text-align:center;background:#FFF}
.album div{display:table;width:100%}
.album ul{display:table-row}
.album li{display:table-cell;padding:4px;width:25%}
.album a{display:block}
.album img{margin-bottom:3px;width:100%}

.djtop{background-color:#FFF}
.djtop a{position:relative;display:block;margin-right:.7143rem;margin-left:.7143rem;padding:.7143rem 2.14286rem .7143rem 6.4286rem;border-bottom:1px solid #E5E5E5}
.djtop li:last-child a{ border:0px}
.djtop .djtopl{position:absolute;top:.7143rem;left:0;width:5.3751rem;height:5.3751rem}
.djtop .djtopl img{width:100%}
.djtop .djtopc{display:block;min-height:5.3751rem;color:#333;font-size:1.0714rem;line-height:5.3751rem}
.djtop .djtopr{position:absolute;top:0;right:0;display:block;width:2.14286rem;height:100%;text-align:center}
.djtop .djtopr i{position:absolute;top:50%;right:.7143rem;display:block;margin-top:-.5rem;width:.57143rem;height:1rem;background:url(arrow_icon.png) no-repeat;background-size:100%}

#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(255,255,255,.75)}
.showing{position:fixed;top:10px;right:20px;left:20px;z-index:9999;box-shadow: 0 4px 23px 5px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15);}
.arttitle{padding:10px;background-color:#0B8CDE;color:#FFF;line-height:20px}
.artclose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(artclose.png) no-repeat center center;background-size:24px 24px}
.artcontent{overflow:hidden;border-top:0;background-color:#FFF}
.logins{padding:15px}
.logins_input{position:relative;margin-bottom:10px;padding-left:50px;height:45px;border:#ddd solid 1px}
.logins_input input{display:block;width:100%;height:45px;border:0;background:0;color:#333;font-size:18px}
#dl_vcodei{position:absolute;top:0;right:0;height:45px}
.logins i{position:absolute;top:12px;left:10px;width:30px;height:21px;border-right:#999 solid 1px;background:url(icenter.png) no-repeat;background-size:90px}
.logins i.name{background-position:1px 1px}
.logins i.pwdw{background-position:-28px 1px}
.logins i.code{background-position:-58px 1px}
.logins_login a{display:block;border-radius:3px;background:#0B8CDE;color:#FFF;text-align:center;font-size:18px;line-height:45px}

#overlayb{position:absolute;top:0;left:0;z-index:9998;width:100%;}
.tipmsg{position:absolute;top:0;left:0;z-index:9999;display:none;height:54px}
.tipmsg li{float:left;height:54px;background-image:url(../img/tip_message.png)}
.tipmsgl0{width:45px;background-position:-6px -108px;background-repeat:no-repeat}
.tipmsgl1{width:45px;background-position:-6px -54px;background-repeat:no-repeat}
.tipmsgl2{width:45px;background-position:-6px 0;background-repeat:no-repeat}
.tipmsgc{padding:0 20px 0 8px;background-position:0 -161px;background-repeat:repeat-x;color:#666;white-space:nowrap;line-height:52px;word-break:keep-all}
.tipmsgr{width:6px;background-position:0 0;background-repeat:no-repeat}

.useinfo{position:relative;overflow:hidden;margin:8px;padding:0 50px 0 10px;border:1px solid #ddd;background-color:#FFF;color:red;text-overflow:ellipsis;white-space:nowrap;line-height:40px}
.useinfo span{color:#333}
.useinfo a{position:absolute;top:0;right:0;display:inline-block;padding:0 10px;background-color:#FFF}
.userno{margin:0 8px 8px 8px;height:270px;border:1px solid #ddd;border-top:0;background:#FFF;text-align:center;line-height:100px}


.ulist{margin:0 8px 8px 8px;background:#FFF;border:1px solid #ddd;border-top:0;font-size:14px}
.ulist ul{position:relative;padding:0 70px 0 0;border-top:1px solid #eee}
.ulist ul:nth-child(1){border-top:0}
.ulist a{position:relative;display:block;padding:9px 0 9px 35px}
.ulist i{position:absolute;top:50%;left:3px;z-index:1;display:inline-block;margin-top:-15px;width:30px;height:30px;color:#666;text-align:center;font-style:normal;line-height:30px}
.ulist p{overflow:hidden;width:100%;color:#999;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px}
.ulist em{font-style:normal;margin-left:12px}
.ulist strong{color:#333;font-weight:400;font-size:16px}
.ulist strong span{color:#f00;margin:0 1px}
.ulist li{position:absolute;top:0;right:0;width:60px;height:60px;background:url(delete.png) no-repeat center center;background-size:35% 35%}

.zhji img{ width:30px; height:30px}
i.cs0{font-weight:bold;color:red}
i.cs1{font-weight:bold;color:#ff7200}
i.cs2{font-weight:bold;color:#F8B300}

.footer{height:36px;border-top:1px solid #ddd;background:#FFF;text-align:center;line-height:36px;font-size:14px}
.footer a{display:inline-block;padding:0 10px}
.footer a span{color:#555;display:inline-block;margin:0 3px;vertical-align:top;font-size:18px;line-height:34px}