@charset "utf-8";
@import "iconfont.css";
/* CSS Document by qq:809031155*/
body{margin:0;padding:0;font-size:13px;background:#080808;color:#d1cfcf;}
a{color:#d1cfcf;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0;}
li{list-style:none;}
img{border:0;}
input,button,select{outline:0;}
.header{float:left;width:100%;height:120px;position:relative;}
.header .hbg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;filter:alpha(opacity=60);filter:url(blur.svg#blur);-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);background:url(../images/topbg.jpg) center;background-size:cover;}
.header .logo{float:left;width:180px;height:50px;margin:35px 0;overflow:hidden;position:relative;}
.header .logo img{position:absolute;left:-30px;top:-65px;width:240px;}
.search{position:absolute;left:calc(50% - 148px);top:43px;width:296px;height:34px;background:url(../images/ss.png) 0 center no-repeat;}
.search .seh_v{float:left;width:calc(100% - 100px);height:34px;line-height:34px;color:#aaa;background:none;border:0;outline:0;padding-left:37px;}
.search .seh_b{float:right;width:60px;height:34px;line-height:34px;background:none;border:none;color:#fff;text-align:center;cursor:pointer;}
.menu{float:left;width:100%;height:44px;background:#111;}
.menu li{float:left;width:90px;height:40px;line-height:40px;font-size:13px;font-weight:bold;text-align:center;position:relative;}
.menu li a{display:block;color:#d1cfcf;text-decoration:none;}
.menu li a.lei_hover,.menu li:hover>a.lei_hover{border-bottom:4px solid #e50050;color:#fff;}
.menu li:hover>a{border-bottom:4px solid #94d500;color:#fff;}
.menu li a.current{border-bottom:4px solid #94d500;color:#fff;}
.menu li>ul{position:absolute;width:250px;background:#000 url(../images/xjt.gif) center top no-repeat;padding:10px;display:none;overflow:hidden;z-index:1;margin-left:-90px;}
.menu li:hover>ul{display:block;}
.menu li>ul>li{float:left;width:100%;height:24px;line-height:24px;font-weight:300;text-align:center;margin:6px 0;}
.menu li>ul>li a{display:block;color:#999;background:#000;border:1px #282828 solid;border-radius:10px;}
.menu li>ul>li a:hover{color:#fff;background:#101010;border:1px #383838 solid;}

.login{float:left;height:34px;background:url(../images/contorl_ico.png) -6px -6px no-repeat;background-size:125%;line-height:34px;text-indent:30px;cursor:pointer;position:relative;margin:43px 0;}
.x5_user{float:left;height:34px;position:relative;margin:43px 0;}
.x5_user .pic{float:left;height:34px;}
.x5_user .pic img{float:left;width:30px;height:30px;border-radius:50%;margin:2px 5px 2px 0;}
.x5_user .pic .name{float:left;height:34px;line-height:34px;overflow:hidden;}
.x5_user .submenu{position:absolute;top:34px;left:0;width:120px;background:#101010;border-top:4px #94d500 solid;padding:5px;display:none;z-index:999;}
.x5_user .submenu:after{content:"";display:inline-block;position:absolute;top:-10px;left:45px;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #94d500;}
.x5_user:hover .submenu{display:block;}
.x5_user .submenu li{float:left;width:calc(100% - 10px);height:24px;line-height:24px;text-align:center;margin:5px;}
.x5_user .submenu .icon{margin-right:5px;}
.x5_user .submenu li a{display:block;color:#fff;background:#222;border-radius:10px;}
.x5_user .submenu li a:hover{background:#2d2d2d;text-decoration:none;}
.lei_user{float:left;width:calc(100% - 60px);background:#fff;margin:0 30px;}
.lei_user .login_ico{float:left;width:100%;height:90px;background:url(../images/tx_ico.gif) center no-repeat;margin-top:10px;}
.lei_user .lei_zc{float:left;width:100%;margin-bottom:15px;}
.lei_user .lei_zc li{height:30px;line-height:30px;font-size:13px;}
.lei_user .lei_zc li a{color:#666;}
.lei_user .lei_zc li a:hover{color:#337ab7;}
.lei_user .lei_sfdl {height: 45px;width: 100%;text-align: center;float: left;border-top:1px #dedede dashed;margin-top: 10px;}
.lei_user .lei_sfdl span{color:#333;}
.lei_user .input{float:left;width:calc(100% - 5px);height:30px;border:1px #dcdcdc solid;background:#f8f8f8;line-height:30px;color:#888;margin:10px 0;text-indent:5px;}
.lei_user .home_btn{float:left;width:100%;height:40px;line-height:40px;background:#bd5c3c;color:#fff;font-size:16px;margin:10px 0;border:1px #a25035 solid;}
.lei_user .home_btn:hover{opacity:0.8;}
.tips{float:left;width:calc(100% - 20px);line-height:24px;border:1px #ececec dashed;color:#666;padding:5px 10px;margin:10px 0;}
.tips span{font-weight:bold;color:red;margin:0 3px;}
.layui-layer-msg{color:#676767;border:none;}
.history{float:left;height:34px;background:url(../images/contorl_ico.png) -6px -91px no-repeat;line-height:34px;text-indent:30px;cursor:pointer;position:relative;margin:43px 0 43px 20px;}
#playlog{position:absolute;top:34px;right:0;width:270px;min-height:50px;z-index:9999;background:#101010;border-top:4px solid #94d500;display:none;text-indent:0;}
#playlog:after{content:"";display:inline-block;position:absolute;top:-10px;right:20px;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #94d500;}
.history:hover #playlog{display:block;}
#playlog .mc_class{float:left;width:calc(100% - 20px);margin:0 10px;}
#playlog .mc_class li{float:left;width:100%;height:28px;line-height:28px;border-bottom:1px #212121 solid;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#playlog .mc_class li a:hover{color:#fff;text-decoration:none}
#playlog .nolog{float:left;width:100%;height:30px;line-height:30px;text-align:center;}
.ql_history{float:left;width:calc(100% - 80px);height:24px;line-height:24px;text-align:center;margin:10px 40px;}
.ql_history a{display:block;}
.btn-hred{background-color:#bd5c3c;border:1px solid #a44f33;box-sizing:border-box;}
.container{width:1200px;margin:0 auto;}
.ad{float:left;width:100%;}
.ad img{float:left;width:100%;height:100%;}
.index_left{float:left;width:calc(100% - 240px);}
.index_right{float:right;width:220px;}
.lei_left{float:left;width:calc(100% - 300px);}
.lei_right{float:right;width:280px;}
.recommended-type{float:left;height:40px;line-height:40px;}
.recommended-type li{float:left;margin:0 10px;}
.recommended-type li a{display:block;}
.recommended-type li a.lei_hover{color:#39c1de;font-weight:bold;}
.recommended-ct{float:left;width:465px;}
.btn-group{float:left;padding:2px 9px;background:url(../images/list_menu_bg.gif) right bottom no-repeat;background-color:#D3320A;color:#ececec;border-radius:13px;margin-top:10px;}
.index-typeicon{float:right;color:#bebebe;margin-top:10px;}
.index-typeicon div{float:left;padding-left:22px;margin-right:12px;cursor:pointer;}
.index-typeicon .playall{background:url(../images/typeicon.png) no-repeat -36px -13px;}
.index-typeicon .addall{background: url(../images/typeicon.png) no-repeat -140px -13px;}
.index-typeicon .changeall{background: url(../images/typeicon.png) no-repeat -242px -13px;}
#fgx{float:left;width:1px;height:646px;background:#181818;overflow:hidden;margin:0 14px;}
.recommended-list{float:left;width:100%;color:#999;margin:10px 0;}
.recommended-list li{float:left;width:100%;margin:5px 0;}
.goods{float:left;width:26px;height:20px;}
.good1{background:url(../images/t1.gif) center no-repeat;background-size:cover;}
.good2{background:url(../images/t2.gif) center no-repeat;background-size:cover;}
.index-music-sm{float:left;width:100%;height:28px;line-height:28px;}
.index-music-sm .name{float:left;width:calc(100% - 70px);height:28px;overflow:hidden;}
.index-music-sm .goods{margin-top:4px;}
.index-music-sm span{float:right;}
.index-music-sm span.color{color:#94d500;}
.recommended-list li:first-child .index-music-sm{display:none;}
.index-music-bg{float:left;width:calc(100% - 10px);height:77px;display:none;padding-right:10px;overflow:hidden;}
.recommended-list li:first-child .index-music-bg{display:block;}
.index-music-img{float:left;width:77px;height:77px;position:relative;overflow:hidden;}
.index-music-img img{width:100%;height:100%;}
.index-music-img p{position:absolute;bottom:0;width:100%;height:24px;line-height:24px;text-align:center;background:rgba(174,30,143,0.7);color:#fff;overflow:hidden;}
.index-music-title{float:left;width:100%;line-height:24px;font-weight:normal;color:#999;}
.index-music-title a{color:#999;}
.index-music-title a:hover{text-decoration:underline;color:#d1cfcf;}
.index-music-ct{float:right;width:calc(100% - 87px);overflow:hidden;}
.index-music-hit{float:left;width:100%;height:24px;line-height:24px;margin-top:8px;}
.index-music-hit span{float:left;color:#999;margin-right:20px;}
.index-music-hit span.hits{background:url(../images/hits.png) no-repeat -4px 0;text-indent:15px;}
.index-music-hit span.color{color:#94d500;}
.index-music-hit .goods{margin-top:1px;}
.index-rank-type{float:right;height:40px;line-height:40px;}
.index-rank-type li{float:left;}
.index-rank-type li:first-child{margin-right:10px;}
.index-rank-type li a.lei_hover{color:#39c1de;font-weight:bold;}
.index-rank-list-type{float:left;width:100%;margin:5px 0;}
.rank-btn{float:left;width:180px;margin:10px 30px;}
.rank-btn li{float:left;width:calc(33.33% - 1px);height:24px;line-height:24px;background:#111;text-align:center;cursor:pointer;}
.rank-btn li.lei_hover{background:#D3320A url(../images/list_menu_bg.gif) right bottom no-repeat;color:#ececec;}
.rank-btn li:first-child{border-radius:13px 0 0 13px;}
.rank-btn li:nth-of-type(3n+2){margin:0 1px;}
.rank-btn li:last-child{border-radius:0 13px 13px 0;}
.rank-title{float:left;width:100%;height:50px;background:url(../images/djshow_ranking_bg.png) no-repeat;}
.rank-title h1{float:left;font-size:16px;line-height:34px;color:#999;text-indent:44px;}
.rank-list{float:left;width:100%;margin:5px 0;}
.rank-list li{float:left;width:100%;height:40px;margin:10px 0;}
.rank-list li em{float:left;width:40px;height:40px;margin-right:10px;}
.rank-list li .num1{background:url(../images/list_num.gif) no-repeat -5px -7px;}
.rank-list li .num2{background:url(../images/list_num.gif) no-repeat -5px -60px;}
.rank-list li .num3{background:url(../images/list_num.gif) no-repeat -5px -112px;}
.rank-list li .num4{background:url(../images/list_num.gif) no-repeat -5px -164px;}
.rank-list li .num5{background:url(../images/list_num.gif) no-repeat -5px -216px;}
.rank-list li .num6{background:url(../images/list_num.gif) no-repeat -5px -268px;}
.rank-list li .num7{background:url(../images/list_num.gif) no-repeat -5px -320px;}
.rank-list li .num8{background:url(../images/list_num.gif) no-repeat -5px -372px;}
.rank-list li .num9{background:url(../images/list_num.gif) no-repeat -5px -422px;}
.rank-list li .num10{background:url(../images/list_num.gif) no-repeat -5px -474px;}
.rank-list li .name{float:right;width:calc(100% - 50px);height:44px;line-height:22px;overflow:hidden;}
.rank-list li .name a:hover{text-decoration:underline;}
.lei_link{float:left;width:100%;min-width:1200px;padding:10px 0;background:#000;margin-bottom:-20px;}
.lei_link .title{float:left;width:100%;}
.lei_link .title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#d1cfcf;}
.lei_link .title span{float:left;height:28px;line-height:28px;color:#999;margin:2px 0 0 10px;}
.lei_link li{float:left;height:24px;line-height:24px;margin-right:10px;}
.lei_link li a{color:#999;}
.lei_link li a:hover{color:#d1cfcf;}
.lei_copy{float:left;width:100%;background:#000;padding:10px 0;color:#999;}
.lei_copy a{color:#999;}
.lei_copy a:hover{color:#f8f8f8;}
.lei_copy li{float:left;width:100%;height:20px;line-height:20px;margin-top:5px;}
.lei_copy li span{margin:0 10px;}
.lei_copy .btmenu{float:left;width:100%;height:34px;line-height:34px;border-bottom:1px solid #121212}
.lei_copy .btmenu a{margin:0 8px;}
.lei_play{float:left;height:25px;font:12px/25px "Microsoft Yahei";padding:10px 0;}
.lei_play a{height:25px;background:url(../images/typeicon.png) no-repeat;color:#fff;text-indent:24px;}
.lei_play a.select{float:left;width:59px;background-position:-435px -10px;}
.lei_play a.chked{float:left;width:59px;background-position:-435px -10px;}
.lei_play a.play{float:left;width:59px;background-position:-34px -10px;margin:0 15px;}
.lei_play a.add_list{float:left;width:83px;background-position:-135px -10px;}
.lei_play a.mo{float:right;background:none;height:25px;font-size:12px;line-height:25px;color:#999;}
.lei_page{float:right;height:24px;font-size:13px;line-height:24px;margin:10px 0;text-align:center;}
.lei_page a{padding:3px 6px;color:#999;background:#181818;margin:0 5px;}
.lei_page span{color:#999;margin-left:8px;}
.lei_page a:hover,.lei_page a.current{color:#fff;background:#bd5c3c;}
.lei_page select{padding:2px 0;margin:0 5px;outline:none;}
.lei_title{float:left;width:100%;height:44px;border-bottom:1px #181818 solid;}
.lei_title h1{float:left;height:44px;font-size:16px;line-height:32px;color:#999;}
.lei_title h2{float:left;height:42px;font-size:16px;line-height:42px;color:#999;}
.lei_title .good{width:150px;background:url(../images/lei_good.png) no-repeat;text-indent:38px;}
.lei_title .malbum{background:url(../images/djgd3.png) no-repeat;text-indent:54px;}
.lei_title .author{width:150px;background:url(../images/producer.png) no-repeat;text-indent:54px;}
.lei_title .rank{background:url(../images/rank.png) no-repeat;text-indent:38px;}
.lei_title .love{width:115px;background:url(../images/play_love.gif) no-repeat;}
.lei_title a{color:#39c1de;font-weight:bold;float: right;line-height: 45px;color: #999;}
.lei_title a:hover{text-decoration:underline;}
.lei_title .xxk{float:right;height:24px;margin:10px 0;}
.lei_title .xxk a{float:left;height:24px;font-size:13px;line-height:24px;padding:0 15px;color:#999;cursor:pointer;margin:0 5px;border-radius:10px;}
.lei_title .xxk a.lei_hover{background:#D3320A url(../images/list_menu_bg.gif) right 0 no-repeat;color:#fff;}
.lei_title .yan1{border-bottom:2px #d9534f solid;}
.lei_title .yan2{border-bottom:2px #357ebd solid;}
.lei_title .yan3{border-bottom:2px #f0ad4e solid;}
.lei_title .yan4{border-bottom:2px #5cb85c solid;}
.lei_xxk{float:left;width:210px;height:22px;font-size:13px;line-height:22px;text-align:center;margin:15px 20px 10px 20px;}
.lei_xxk a{float:left;width:69px;height:22px;color:#999;cursor:pointer;background:#000;margin-left:1px;}
.lei_xxk a.lei_hover{background:#D3320A url(../images/lei_dd.gif) 0 0 no-repeat;color:#fff;}
.lei_title a.more{float:right;height:26px;line-height:26px;margin:10px 5px;}
.lei_title .changeall{float:left;height:24px;line-height:24px;background:url(../images/typeicon.png) -242px -9px no-repeat;text-indent:22px;margin:10px 0 0 10px;}
.lei_title .changeall a{display:block;height:24px;line-height:24px;cursor:pointer;}
.lei_title .changeall a:hover{text-decoration:none;}
.author_menu{float:right;height:24px;margin:10px 0;}
.author_menu li{float:left;height:24px;line-height:24px;margin:0 5px;}
.author_menu li a{display:block;height:24px;line-height:24px;padding:0 10px;border-radius:10px;}
.author_menu li a.lei_hover{background:#2a95ab;color:#fff;text-decoration:none;}
.checkbox{float:left;position:relative;min-width:14px;cursor:pointer;}
.checkbox input{position:absolute;display:none}
.checkbox span::before{position:absolute;top:5px;left:0;display:inline-block;width:14px;height:14px;background:#dadada;content:'';transition:all .1s;}
.checkbox span::after{position:absolute;top:6px;left:4px;display:none;width:4px;height:8px;border:solid #666;border-width:0 2px 2px 0;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.checkbox span{display:inline-block;text-indent:20px;height:24px;line-height:24px;color:#d2d2d2;}
.checkbox input:checked~span:after{display:inline-block;}
.all-checkbox .btns{float:right;margin:0 10px;}
.all-checkbox .btn{display:inline-block;height:24px;line-height:24px;padding:0 10px;color:#fff;background:#010101;cursor:pointer;border-radius:4px;}
.mt{margin-top:20px;}
.fl{float:left;}
.fr{float:right;}
.index_author{float:left;width:100%;margin:10px 0;}
.best_author{float:left;width:230px;height:295px;padding:10px;background:#111;margin:5px 0;position:relative;overflow:hidden;}
.best_author .good{position:absolute;top:25px;right:-30px;width:130px;height:24px;line-height:24px;font-size:12px;color:#fff;background:#94d500;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:999;}
.best_author .pic{float:left;width:100%;overflow:hidden;position:relative;}
.best_author .pic img{float:left;width:100%;height:100%;}
.best_author .pic a:hover img{transform:scale(1.1);}
.best_author .name{float:left;width:100%;height:24px;line-height:24px;font-size:15px;overflow:hidden;margin:10px 0;}
.best_author .name a:hover{text-decoration:none;}
.best_author p{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;}
.best_author .hits{float:left;height:24px;background:url(../images/hits.png) 0 center no-repeat;text-indent:20px;margin-right:20px;}
.index-radio-list{float:left;width:calc(100% - 252px);}
.index-radio-list li{float:left;width:calc(16.6666% - 20px);margin:5px 0 5px 20px;}
.index-radio-list li .pic{float:left;width:100%;overflow:hidden;position:relative;}
.index-radio-list li .pic img{float:left;width:100%;}
.index-radio-list li .pic .hits{position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;background:rgba(0,0,0,0.6) url(../images/hits-white.png) 35px center no-repeat;text-align:center;}
.index-radio-list li .name{float:left;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;margin-top:5px;}
.producer-detail-box{position:absolute;width:298px;height:316px;background:url(../images/dj_remix_bg.png) no-repeat;background-size:cover;z-index:999;overflow:hidden;}
.producer-detail-box .ra-img{float:left;width:138px;height:138px;}
.producer-detail-box .ra-img img{float:left;width:100%;}
.producer-detail-box .ra-hover-detail{float:right;width:calc(100% - 153px);}
.producer-detail-box .ra-hover-detail h1{float:left;width:100%;height:30px;line-height:30px;color:#fff;font-size:15px;overflow:hidden;margin:5px 0;}
.producer-detail-box .ra-hover-detail p{float:left;width:100%;height:24px;line-height:24px;color:#ccc;font-size:13px;overflow:hidden;}
.producer-detail-box .ra-hover-music{float:left;width:calc(100% - 10px);margin:5px;}
.producer-detail-box .ra-hover-music p{float:left;width:100%;height:24px;line-height:24px;color:#ccc;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;}
.producer-detail-box .ra-hover-music .error{height:36px;line-height:36px;text-align:center;}
.x5_fl{float:left;width:100%;margin:5px 0;}
.x5_fl h1{float:left;width:60px;height:30px;color:#999;font-size:13px;line-height:30px;text-indent:5px;background:url(../images/sort_list.gif) -15px -16px no-repeat;margin:5px 0;}
.x5_fl li{float:left;height:24px;line-height:24px;margin:8px 6px;}
.x5_fl li a{display:block;padding:0 8px;border-radius:10px;}
.x5_fl li a:hover,.x5_fl li a.current{background:#2a95ab;color:#fff;text-decoration:none;}
.x5_fl li.big{float:left;height:28px;line-height:28px;}
.x5_fl li.big a{display:block;background:#333d52;padding:0 10px;}
.x5_fl li.big a:hover,.x5_fl li.big a.current{background:#da534f;color:#fff;}
.x5_title{float:left;width:100%;height:30px;background:#000;border-radius:5px;}
.x5_title h1{float:left;height:30px;font:bold 14px/30px "Microsoft YaHei";padding:0 10px;color:#dedede;background:#D3320A url(../images/list_menu_bg.gif) right bottom no-repeat;border-radius:5px 0 0 5px;}
.x5_title span{float:right;height:30px;font:12px/30px "Microsoft YaHei";margin-right:10px;}
.x5_title .so1{float:left;height:40px;font:16px/40px "Microsoft YaHei";color:#dedede;margin-right:10px;}
.x5_title .so2{float:left;height:36px;font:12px/36px "Microsoft YaHei";margin-top:4px;}
.lei_wz{float:left;width:100%;height:40px;line-height:30px;color:#ccc;background:url(../images/sort_list.gif) -28px -88px no-repeat;text-indent:40px;overflow:hidden;position:relative;margin:10px 0;}
.lei_wz:after{content:"";display:inline-block;position:absolute;bottom:8px;left:40px;width:calc(100% - 40px);height:1px;background:#181818;}
.lei_wz a{color:#ccc;}
.lei_wz a:hover{color:#d1cfcf;}
.ins{display:none;}
.dj_title{float:left;width:100%;height:30px;color:#999;line-height:30px;border-bottom:1px #181818 solid;margin-top:10px;}
.dj_title span{float:left;height:30px;text-align:center;}
.dj_title .lei_01{width:20px;}
.dj_title .lei_02{width:40px;margin:0 5px;}
.dj_title .lei_03{width:630px;}
.dj_title .lei_04{width:50px;}
.dj_title .lei_05{width:60px;}
.dj_title .lei_06{width:80px;}
.lei_gg{float:left;width:100%;}
.lei_gg li{float:left;width:calc(100% - 20px);height:30px;line-height:30px;padding:0 10px;overflow:hidden;}
.lei_gg li:nth-child(even){background:#1d212e;}
.dj_list{float:left;width:100%;}
.dj_list li{float:left;width:calc(100% - 10px);padding:5px;border-bottom:1px #181818 solid;color:#999;}
.dj_list li:nth-child(even){background:#0c0c0c;}
.dj_list li .checkbox{min-width:76px;}
.dj_list li .checkbox span{margin-top:9px;}
.dj_list li .checkbox span::before{top:14px;}
.dj_list li .checkbox span::after{top:15px;}
.dj_list li .bh{float:left;width:50px;margin:5px;font:12px/42px "Microsoft Yahei";color:#dedede;text-align:center;}
.dj_list li .bang{float:left;width:40px;margin:5px 0;font-size:18px;line-height:30px;font-weight:bold;font-style:italic;text-align:center;color:#464e61;}
.dj_list li:nth-child(1) .bang{color:#c52a03;font-size:24px;}
.dj_list li:nth-child(2) .bang{color:#2a95ab;font-size:24px;}
.dj_list li:nth-child(3) .bang{color:#94d500;font-size:24px;}
.dj_list li .name{float:left;width:502px;margin:0 5px;}
.dj_list li .t1{float:left;width:100%;height:22px;line-height:22px;color:#aaa;overflow:hidden;}
.dj_list li .t1 a{color:#aaa;}
.dj_list li .t1 a:hover{color:#d2d2d2;text-decoration:underline;}
.dj_list li .t2{float:left;width:100%;height:20px;font-size:12px;line-height:20px;color:#666;overflow:hidden;}
.dj_list li .t2 span{float:left;margin-right:15px;}
.dj_list li a.good_ico{float:left;width:26px;height:20px;background:url(../images/tuijian.gif) center no-repeat;background-size:cover;}
.dj_list li .pic{float:left;width:42px;height:42px;position:relative;margin:0 5px;}
.dj_list li .pic img{float:left;width:100%;height:42px;}
.dj_list li .pic .play{position:absolute;width:100%;height:100%;background:linear-gradient(to right,rgba(21,215,196,0.6),rgba(184,254,88,0.6));opacity:0;}
.dj_list li .pic a:hover .play{opacity:1;}
.dj_list li .pic .icon{position:absolute;width:24px;height:24px;background:url(../images/play.png) no-repeat;background-size:100%;top:calc(50% - 12px);left:calc(50% - 12px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.dj_list li .pic a:hover .icon{opacity:1;}
.dj_list li .hits{float:left;width:50px;height:30px;font:12px/30px "Microsoft Yahei";text-align:center;margin:5px;}
.dj_list li a.fav{float:left;width:16px;height:16px;background:url(../images/sort_list.gif) no-repeat  -86px -194px;margin:12px 5px;}
.dj_list li a:hover.fav{background:url(../images/sort_list.gif) no-repeat -85px -157px;}
.dj_list li a.down{float:left;height:16px;width:16px;background:url(../images/sort_list.gif) no-repeat -32px -194px;margin:12px 5px;}
.dj_list li a:hover.down{background:url(../images/sort_list.gif) no-repeat -31px -157px;}
.dj_list li .lei_time{float:left;height:30px;font-size:12px;line-height:30px;margin:5px;}
.author_list{float:left;width:100%;margin:10px 0;}
.author_list li{float:left;width:100%;padding:10px 0;position:relative;}
.author_list li:after{content:"";display:inline-block;position:absolute;bottom:0;left:130px;width:calc(100% - 130px);height:1px;background:#181818;}
.author_list li .pic{float:left;width:110px;height:110px;overflow:hidden;position:relative;}
.author_list li .pic img{float:left;width:100%;height:110px;}
.author_list li .pic a:hover img{transform:scale(1.1);}
.author_list li .pic .play{position:absolute;width:100%;height:100%;background:linear-gradient(to right,rgba(21,215,196,0.6),rgba(184,254,88,0.6));opacity:0;}
.author_list li .pic a:hover .play{opacity:1;}
.author_list li .right{float:right;width:calc(100% - 130px);}
.author_list li .name{float:left;width:100%;height:30px;line-height:30px;font-size:16px;}
.author_list li .name a{color:#dedede;}
.author_list li .name a:hover{color:#ececec;text-decoration:none;}
.author_list li .djname{float:left;width:calc(100% - 120px);height:26px;line-height:26px;background:url(../images/arrow-1.gif) 0 center no-repeat;text-indent:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.author_list li .djname a{color:#999;}
.author_list li .djname a:hover{color:#ccc;}
.author_list li .hits{float:left;width:40px;height:26px;line-height:26px;text-align:center;margin:0 10px;}
.author_list li .ico{float:right;height:16px;margin:5px 0;}
.author_list li .ico a{display:inline-block;width:16px;height:16px;background:url(../images/sort_list.gif) no-repeat;margin:0 5px;}
.author_list li .ico a.fav{background-position:-86px -194px;}
.author_list li .ico a:hover.fav{background-position:-85px -157px;}
.author_list li .ico a.down{background-position:-32px -194px;}
.author_list li .ico a:hover.down{background-position:-31px -157px;}
.author_good{float:left;width:100%;margin:5px 0;}
.author_good li{float:left;width:100%;padding:10px 0;border-bottom:1px #181818 solid;color:#999;}
.author_good li .pic{float:left;width:90px;height:90px;overflow:hidden;position:relative;}
.author_good li .pic img{float:left;width:100%;height:90px;}
.author_good li .pic a:hover img{transform:scale(1.1);}
.author_good li .right{float:right;width:calc(100% - 100px);}
.author_good li .name{float:left;width:100%;height:24px;line-height:24px;font-size:16px;overflow:hidden;}
.author_good li .name a{color:#dedede;}
.author_good li .name a:hover{color:#ececec;text-decoration:none;}
.author_good li p{float:left;width:100%;height:22px;line-height:22px;color:#aaa;}
.author_good li p span{color:#fff;margin-left:10px;}
.author_show{float:left;width:calc(100% - 20px);background:#111;padding:10px;}
.author_show .pic{float:left;width:90px;height:90px;overflow:hidden;position:relative;}
.author_show .pic img{float:left;width:100%;height:90px;}
.author_show .pic a:hover img{transform:scale(1.1);}
.author_show .right{float:right;width:calc(100% - 100px);}
.author_show .name{float:left;width:100%;height:24px;line-height:24px;font-size:16px;overflow:hidden;}
.author_show .name a{color:#dedede;}
.author_show .name a:hover{color:#ececec;text-decoration:none;}
.author_show p{float:left;width:100%;height:22px;line-height:22px;color:#aaa;}
.author_show p span{color:#fff;margin-left:10px;}
.author_show .play-author{float:left;width:100%;margin-top:10px;}
.author_show .play-author li{float:left;width:calc(50% - 8px);height:30px;line-height:30px;text-align:center;}
.author_show .play-author li a{display:block;background:#c52a03;border-radius:5px;}
.author_show .play-author li .icon{margin-right:5px;}
.author_show .play-author li:first-child{margin-right:16px;}
.author_show .play-author li:first-child a{background:#33af02;}
.author_show .play-author li a:hover{opacity:0.7;color:#fff;text-decoration:none;}
.play_info{float:left;width:calc(100% - 20px);background:#111;padding:5px 10px;}
.play_info p{margin:10px 0;}
.play_info a{color:red;margin:0 3px;text-decoration:none;}
.hot_title{float:left;width:100%;height:50px;background:url(../images/djshow_ranking_bg.png) no-repeat;}
.hot_title h1{float:left;font-size:16px;line-height:34px;color:#999;text-indent:44px;}
.play_hot li{width:290px;}
.play_hot li a h1{width:250px;}
.play_left{float:left;width:calc(100% - 320px);}
.mqr{padding:10px;}
.mqr canvas{width:100%;}
.play_right{float:right;width:300px;}
.djplayer{float:left;width:calc(100% - 20px);padding:10px;background:#111;position:relative;}
.djplayer .djname{float:left;width:calc(100% - 80px);height:24px;line-height:24px;color:#fff;font-weight:bold;background:url(../images/music.png) 0 center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:18px;}
.djplayer .jp-time-holder{position:absolute;top:10px;right:10px;height:24px;line-height:24px;color:#fff;}
.djplayer .jp-progress,.djplayer .jp-play-bar,.djplayer .jp-seek-bar{width:100%;height:80px;cursor:pointer;border-radius:4px;}
.djplayer .jp-progress{float:left;width:100%;margin:10px 0;background:#111;position:relative;overflow:hidden;}
.djplayer .jp-seek-bar{width:1px;background:rgba(0,0,0,0.4);}
.djplayer #bwpic{position:absolute;top:0;left:0;width:100%;height:80px;}
.djplayer .jp-play-bar{width:1px;background:linear-gradient(to right,rgba(21,215,196,0.5),rgba(184,254,88,0.5));position:relative;border-radius:4px 0 0 4px;}
.djplayer .jp-play-bar:after{content:"";display:inline-block;position:absolute;top:0;right:0;width:1px;height:100%;background:#ff504e;}
.jp-style{float:left;width:100%;height:40px;position:relative;}
.jp-style .jp-controls{position:absolute;top:0;left:calc(50% - 61px);width:122px;height:40px;overflow:hidden;}
.jp-style .jp-controls li{float:left;display:inline-block;}
.jp-style .jp-controls li a{display:block;width:24px;height:40px;text-indent:-9999px;background:url(../images/player.png) no-repeat;}
.jp-style .jp-controls li a.jp-play{background-position:-33px 0;margin:0 25px;}
.jp-style .jp-controls li a.jp-pause{background-position:-66px 0;margin:0 25px;}
.jp-style .jp-controls li a.jp-pre{background-position:0 0;opacity:0.6}
.jp-style .jp-controls li a.jp-next{background-position:-98px 0;opacity:0.6}
.jp-controls li a:hover.jp-pre,.jp-controls li a:hover.jp-next{opacity:1}
.jp-style .lei_v{float:right;height:21px;position:relative;margin-top:12px;}
.jp-style .lei_v li{float:left;width:17px;height:21px;overflow:hidden;}
.jp-style .lei_v li a{display:block;height:21px;background:url(../images/player.png) -284px 0 no-repeat;text-indent:-9999px;}
.jp-style .lei_v li a.jp-mute{background-position:-246px 0;}
.jp-style .lei_v li a.jp-unmute{background-position:-267px 0;}
.jp-style .jp-volume-bar,.jp-style .jp-volume-bar-value{float:left;width:56px;height:3px;line-height:3px;font-size:0;cursor:pointer;background:#999;}
.jp-style .jp-volume-bar{margin:9px 2px 0 8px;}
.jp-style .jp-volume-bar-value{background:#2aabdb;position:relative;}
.jp-style .jp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#fff;border-radius:50%;}
.music-detail{float:left;width:calc(100% - 60px);background:rgba(7,7,7,0.3);border-radius:5px;padding:20px 30px;margin:15px 0;}
.music-detail .popup-body{float:left;width:78%;}
.music-detail .popup-body li{float:left;width:50%;height:24px;line-height:24px;color:#8e8b95;margin:5px 0;overflow:hidden;}
.music-detail .popup-body li span{margin-left:10px;color:#fff;}
.music-detail .popup-body li span a{color:#fff;}
.music-detail .down-share{float:right;width:22%;margin:10px 0;}
.music-detail .down-share a{display:block;color:#fff;}
.music-detail .down-share .down{width:calc(100% - 46px);height:56px;background:linear-gradient(to right, #2aa146, #13d06c);border-radius:5px;position:relative;padding-left:46px;}
.music-detail .down-share .down:after{content:"";display:inline-block;position:absolute;top:18px;left:18px;width:24px;height:24px;background:url(../images/sprite.png) 0 -18px no-repeat;}
.music-detail .down-share .down h1{float:left;width:100%;height:20px;line-height:20px;font-size:16px;margin-top:10px;}
.music-detail .down-share .down p{width:100%;}
.music-detail .down-share .share-btn{cursor: pointer; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #8e8b95; border-radius: 5px; border: 1px solid #8e8b95; position: relative; display: flex; align-items: center; justify-content: center; z-index: 1200; }
.music-detail .down-share .share-btn span.pc { display: flex; align-items: center; }
.music-detail .down-share .share-btn .icon-img.share{width:18px;height:17px;background:url(../images/sprite.png) 0 0 no-repeat;margin-right:5px;}
.music-detail .down-share .share-btn:hover .share-icons { display: block; }
.music-detail .down-share .share-btn::before { content: ""; position: absolute; top: 30px; left: 0; right: 0; height: 30px; }
.music-detail .down-share .share-btn .share-icons { display: none; position: absolute; top: 40px; left: 0; right: 0; padding:15px 10px;z-index: 1200; }
.music-detail .down-share .share-btn .share-icons::after { content: ""; position: absolute; top: 10px; bottom: 0; left: 0; right: 0; background-color: #fff; border-radius: 5px; z-index: -1; }
.music-detail .down-share .share-btn .share-icons a {display: flex;align-items: center; font-size:14px;height:36px;line-height:36px;color:#444;left: 0; right: 0;border: none; z-index: 1200; }
.music-detail .down-share .share-btn .share-icons a:hover { background: none; }
.music-detail .down-share .share-btn .share-icons a:before { content: ""; }
.music-detail .down-share .share-btn .share-icons a > div { z-index: 1200; box-shadow: 0 2px 10px #333 !important; }

.playcz{float:left;height:30px;line-height:30px;position:relative;margin-top:5px;}
.playcz #doHits{float:left;}
.playcz li{float:left;height:30px;line-height:30px;text-indent:14px;margin:0 8px;}
.playcz li:first-child{margin-left:0;}
.playcz li a{display:block;color:#fff;padding:0 10px;opacity:0.8;background:url(../images/btico.png) no-repeat;cursor:pointer;}
.playcz li a:hover{color:#fff;opacity:1;}
.playcz li a.dl{background-position:0 0;}
.playcz li a.zan{background-position:-210px 0;}
.playcz li a.sc{background-position:-104px 0;}
.playcz li a.gm{background-position:-314px 0;}

.playlist{float:left;width:100%;height:438px;background:#111;border-top:1px #181818 solid;}
.playlist .play_menu{float:left;width:139px;height:100%;border-right:1px #181818 solid;overflow:hidden;}
.playlist .play_menu li{float:left;width:calc(100% - 10px);height:30px;line-height:30px;text-indent:15px;margin:10px 0 0 15px;}
.playlist .play_menu li:first-child{margin-top:30px;}
.playlist .play_menu .ptoff{color:#999;cursor:pointer}
.playlist .play_menu .pton{background-color:#2a95ab;color:#fcfcfc;cursor:pointer;border-radius:10px 0 0 10px;}
#playlist_ct{float:left;width:calc(100% - 140px);height:100%;overflow:hidden;}
#playlist_ct1{float:left;width:100%;height:calc(100% - 40px);overflow-x:hidden;overflow-y:scroll;}
#playlist_ct1::-webkit-scrollbar{width:12px;}
#playlist_ct1::-webkit-scrollbar-track{background:#1e1e1e;}
#playlist_ct1::-webkit-scrollbar-thumb{background:#282828;border-radius:5px;}
#playlist_ct1 .loading{float:left;width:100%;height:100%;background:url(../images/loading.gif) center no-repeat;}
#playlist_ct1 li{float:left;width:calc(100% - 20px);height:30px;line-height:30px;padding:5px 10px;position:relative;}
#playlist_ct1 li:nth-child(even){background:#181818;}
#playlist_ct1 li .checkbox span::before{top:9px;}
#playlist_ct1 li .checkbox span::after{top:10px;}
#playlist_ct1 li a.icodel,#playlist_ct1 li a.icoadd{position:absolute;top:10px;right:5px;width:22px;height:22px;background:url(../images/list_ico.png) no-repeat;}
#playlist_ct1 li a.icodel{background-position:-89px 0px;}
#playlist_ct1 li a:hover.icodel{background-position:-89px -47px;}
#playlist_ct1 li a.icoadd{background-position:-129px 0px;}
#playlist_ct1 li a:hover.icoadd{background-position:-129px -47px;}
#playlist_ct1 .hover a{color:#2a95ab;font-weight:bold;}
#playlist_ct1 .hover a:hover{color:#88d500;}
#playlist_ct1 .nonere{float:left;width:100%;height:36px;line-height:36px;text-align:center;color:#888;}
#playlist_ct1 .bt{float:left;width:calc(100% - 50px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 5px;}
#playlist_ct2{float:left;width:calc(100% - 20px);height:45px;padding:7px 10px 0 10px;border-top:1px #181818 solid;overflow:hidden;}
.lei_tag{float:left;height:24px;font:12px/24px "Microsoft YaHei";margin-top:10px;}
.lei_tag a{float:left;height:24px;padding:0 5px;color:#fff;background:background:#D3320A url(../images/lei_dd.gif) 0 0 no-repeat;margin-right:10px;}
.lei_tag a:hover{color:#666;background:#ccc;}
.lei_down{float:left;width:740px;height:120px;background:url(../images/mp3.png) left top no-repeat;margin-top:10px;padding-left:130px;}
.lei_down h1{float:left;width:100%;height:30px;font:bold 16px/30px "Microsoft YaHei";overflow:hidden;}
.lei_down li{float:left;width:168px;height:20px;font:12px/20px "Microsoft YaHei";margin:5px 20px 5px 0;}
.db_share{float:left;width:100%;margin:5px 10px;}
.lei_zhuyi{float:left;width:100%;height:20px;font:13px/20px "Microsoft YaHei";text-indent:10px;color:red;margin:5px 0;}
.download {float:left;width:100%;margin:10px 0;}
.download a{float:left;padding:0 10px;height:30px;font:bold 13px/30px "Microsoft YaHei";background:#2684c2;color:#fff;margin:0 10px;}
.download a.down{background:#e96802;}
.down_sm{float:left;width:100%;margin:10px 0;}
.down_sm p{float:left;width:100%;font:12px/22px "Microsoft YaHei";_text-indent:24px;margin:2px 0;}
.dance_list{float:left;width:100%;}
.dance_list li{float:left;width:calc(50% - 15px);height:36px;line-height:36px;padding:0 5px;}
.dance_list li:nth-child(2n+1){margin-right:10px;}
.dance_list li:nth-child(4n+3){background:#1d212e;}
.dance_list li:nth-child(4n+4){background:#1d212e;}    
.dance_list li .name{float:left;width:calc(100% - 60px);height:36px;color:#aaa;overflow:hidden;margin:0 5px;}
.dance_list li .time{float:right;color:#aaa;}
.top_menu{float:left;width:180px;}
.top_menu h1{float:left;width:100%;height:50px;font-size:16px;line-height:26px;background:url(../images/rank.png) no-repeat;color:#999;text-indent:40px;}
.top_menu li{float:left;width:100%;height:40px;line-height:40px;border-bottom:1px #181818 solid;text-align:center;}
.top_menu li a{display:block;background:#0c0c0c;}
.top_menu li a.lei_hover,.top_menu li a.current{background:#bc4021;color:#fff;}
.top_list{float:right;width:calc(100% - 200px);min-height:360px;}
.top_list .dj_title .lei_03{width:672px;}
.top_list .dj_list li .checkbox{min-width:14px;margin:0 5px;}
.top_list .dj_list li .name{width:660px;}
.top_title{float:left;width:100%;height:60px;border-bottom:1px #181818 solid;}
.top_title .top_ico{float:left;width:100%;height:54px;background:url(../images/top_ico.png) -8px -10px no-repeat;}
.top_title h1{float:left;width:100%;height:30px;font-size:22px;line-height:30px;text-indent:38px;color:#ccc;}
.top_title p{float:left;width:100%;height:24px;font-size:12px;line-height:24px;text-indent:38px;color:#888;}
.help_text{float:left;font-size:13px;line-height:26px;padding:15px;width:885px;}
.help_text p{float:left;width:100%;margin-top:10px;}

.share-icon{display:inline-block;width:24px;height:24px;background:url(../images/share-icons.png) no-repeat;margin-right:10px;}
.share-icon.wechat{background-position:0 0;}
.share-icon.qq {background-position:0 -24px;}
.share-icon.qzone{background-position:0 -48px;}
.share-icon.pyq{background-position:0 -72px;}
.share-icon.weibo{background-position:0 -96px;}