@charset "utf-8";
@import "iconfont.css";
body{margin:0;padding:0;font-size:14px;color:#666;background:#ffcccc;}
a{color:#666;text-decoration:none;}
a:hover{color:#999;text-decoration:none;}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0;}
li{list-style:none;}
h1{cursor:pointer;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.container{width:980px;margin:0 auto;}
.header{float:left;width:100%;height:90px;background:#fff;position:relative;}
.header .icon-fenlei,#toggle_close{display:none;}
.logo{float:left;height:50px;margin:20px 0;}
.logo img{height:100%;}
.search{position:absolute;top:28px;left:calc(50% - 145px);}
.search .seh_list{float:left;width:60px;height:32px;border:1px #ececec solid;border-right:none;background:#f9f9f9;position:relative;}
.search .seh_list a{color:#666;}
.search .seh_list:after{content:"";display:inline-block;position:absolute;top:10px;right:3px;width:1px;height:14px;background:#e3e3e3;}
.search .seh_list .icon{position:absolute;top:10px;right:10px;font-size:12px;color:#aaa;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.search .seh_list:hover .icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.search input:-webkit-autofill{-webkit-box-shadow:0 0 0px 100px #f0f0f0 inset !important;}
.search .keytxt{float:left;height:32px;line-height:34px;font-size:13px;text-indent:10px;}
.search .seh_sort{position:absolute;width:46px;background:#f9f9f9;box-shadow:0 5px 10px rgba(153,153,153,.1);left:-1px;padding:5px;top:32px;display:none;overflow:hidden;z-index:999;border:1px #ececec solid;border-top:none;}
.search .seh_sort li{float:left;width:100%;height:24px;line-height:24px;font-size:13px;text-align:center;}
.search .seh_v{float:left;width:calc(100% - 111px);height:32px;color:#666;background:#f9f9f9;border:1px #ececec solid;border-left:none;border-right:none;outline:0;padding:0 5px;}
.search .seh_b{float:right;width:40px;height:34px;background:#ffaaaa;line-height:34px;border:0;outline:0;cursor:pointer;}
.search .seh_b:hover{opacity:0.8}
.search .seh_b .icon{color:#fff;}
.menu{float:left;width:100%;height:40px;background:#424556;text-align:center;}
.menu li{float:left;height:40px;line-height:40px;font-size:15px;margin-right:1px;}
.menu li a{display:block;padding:0 15px;color:#fff;}
.menu li a:hover,.menu li a.current{background:#474d5d;color:#fff;}
.login{float:right;height:30px;margin:25px 0;}
.login li{float:left;height:30px;line-height:30px;font-size:15px;}
.login li a{display:block;color:#666;background:#f1f1f1;padding:0 15px;border-radius:0 20px 20px 0;}
.login li:first-child a{background:#D3320A url(../images/lei_dd.gif) right bottom no-repeat;color:#fff;border-radius:20px 0 0 20px;}
.lei_user{float:left;width:calc(100% - 100px);margin:20px 50px;}
.lei_user .form-group{float:left;width:100%;height:38px;margin:15px 0;position:relative;}
.lei_user .form-group .input{position:absolute;left:0;top:0;width:calc(100% - 5px);height:36px;border:1px #ececec solid;border-radius:4px;line-height:36px;color:#888;text-indent:30px;outline:0;z-index:1;}
.lei_user .form-group .user{position:absolute;top:5px;left:5px;width:24px;height:24px;background:url(../images/user_login.png) -3px -3px no-repeat;z-index:2;}
.lei_user .form-group .pwd{background:url(../images/user_login.png) -3px -30px no-repeat;}
.lei_user .form-group .input:hover{border:1px #dedede solid;}
.lei_user .home_btn{float:left;width:100%;height:44px;background:#ff9999;color:#fff;border:0;font-size:18px;line-height:44px;text-align:center;cursor:pointer;margin:15px 0;border-radius:3px;outline:0;}
.lei_user .home_btn:hover{opacity:0.8;}
.lei_user .lei_zc{float:left;width:100%;height:30px;font-size:14px;line-height:30px;}
.lei_user .lei_zc a{color:#666;}
.lei_user .lei_sfdl{float:left;width:100%;border-top:1px #dedede dashed;margin:10px 0;}
.lei_user .lei_sfdl h1{float:left;width:100%;height:30px;font-size:14px;line-height:30px;color:#666;margin:10px 0;}
.lei_user .lei_sfdl li{float:left;width:40px;height:40px;margin-right:10px;}
.lei_user .lei_sfdl li a{display:block;height:40px;background:url(../images/fns.png) no-repeat;}
.lei_user .lei_sfdl li a.lei_qq{background-position:-40px -40px;}
.x5_user{float:right;height:40px;margin:20px 0;position:relative;}
.x5_user .pic{float:left;width:100%;height:40px;}
.x5_user .pic img{float:left;width:40px;height:40px;border-radius:50%;}
.x5_user .submenu{position:absolute;top:48px;right:0;width:260px;z-index:9999;background:#fff;box-shadow:2px 0 20px 0 rgba(65,67,70,.1);display:none;}
.x5_user .submenu:after{content:"";display:inline-block;position:absolute;top:-8px;right:12px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #ff9999;}
.x5_user:hover .submenu{display:block;}
.x5_user .user_infos{float:left;width:100%;height:90px;background:#ff9999;overflow:hidden;position:relative;}
.x5_user .user_infos .user_tx{float:left;width:50px;height:50px;position:relative;margin:15px;}
.x5_user .user_infos .user_tx img{float:left;width:100%;height:100%;border-radius:50%;}
.x5_user .user_infos .user_tx .ico{position:absolute;bottom:0;right:0;width:18px;height:18px;background:url(../images/vip-icon.png) no-repeat;}
.x5_user .user_infos .user_tx .ico{background-position:0 0;}
.x5_user .user_infos .user_tx .vip-ico{background-position:0 -30px;}
.x5_user .user_infos .user_bt{float:left;width:calc(100% - 80px);}
.x5_user .user_infos .user_bt h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;color:#fff;overflow:hidden;margin-top:12px;}
.x5_user .user_infos .user_bt .points{float:left;width:100%;height:24px;font-size:13px;line-height:24px;color:#f1f1f1;}
.x5_user .user_infos .user_bt .points .icon{margin-right:3px;}
.x5_user .vip{float:left;width:calc(100% - 20px);margin:10px;}
.x5_user .vip li{float:left;width:calc(100% - 22px);height:44px;line-height:44px;border:1px #ececec solid;padding:5px 10px;position:relative;margin:10px 0;}
.x5_user .vip li a{display:block;color:#666;}
.x5_user .vip li:hover{background:#ececec;}
.x5_user .vip li .title{float:left;height:24px;font-size:15px;line-height:24px;}
.x5_user .vip li p{float:left;width:100%;height:20px;font-size:12px;line-height:20px;color:#999;overflow:hidden;}
.x5_user .vip li .but{position:absolute;top:8px;right:6px;height:20px;font-size:12px;line-height:20px;background:linear-gradient(to right,#ff9999,#ffcccc);border-radius:20px;padding:0 10px;color:#fff;}
.x5_user .u_list{float:left;width:calc(100% - 20px);margin:0 10px;}
.x5_user .u_list li{float:left;width:70px;height:70px;font-size:12px;line-height:30px;text-align:center;}
.x5_user .u_list li a{display:block;color:#999;}
.x5_user .u_list li:nth-of-type(2){margin:0 15px;}
.x5_user .u_list li span{float:left;width:40px;height:40px;font-size:20px;line-height:40px;color:#fff;margin:0 15px;background:#ff9999;border-radius:50%;}
.x5_user .user_sz{float:left;width:calc(100% - 30px);margin:10px 15px;height:24px;line-height:24px;padding-top:10px;border-top:1px #ececec solid;}
.ins{display:none;}
.lei_left{float:left;width:calc(100% - 320px);}
.lei_right{float:right;width:300px;}
.lei_right .title{width:calc(100% - 20px);padding:5px 10px;background:#fff;border-bottom:1px #ececec solid;}
.mt{margin-top:10px;}
.qw{float:left;width:calc(100% - 20px);padding:5px 10px;background:#fff;margin-top:10px;}
.title{float:left;width:100%;height:30px;}
.title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:12px;position:relative;}
.title h1:after{content:"";display:inline-block;position:absolute;top:7px;left:0;width:5px;height:16px;border-radius:5px;background:#D3320A}
.title a.more{float:right;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:5px;padding-right:12px;position:relative;}
.title a.more:after{content:' ';position:absolute;top:8px;right:5px;width:6px;height:6px;border-left:1px #aaa solid;border-top:1px #aaa solid;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);z-index:5;}
.title a:hover.more{color:#379aec;}
.title a:hover.more:after{border-left:1px #379aec solid;border-top:1px #379aec solid;}
.index_ad_right{float:right;width:320px;}
.index_ad{float:left;width:100%;height:120px;background:#fff;margin-top:10px;}
.index_ad:first-child{margin-top:0px;}
.index_ad img{float:left;width:100%;height:100%;}
.checkbox{float:left;position:relative;min-width:14px;cursor:pointer;}
.checkbox input{position:absolute;display:none}
.checkbox span::before{position:absolute;top:7px;left:0;display:inline-block;width:14px;height:14px;border:1px #dedede solid;border-radius:2px;content:'';transition:all .1s;}
.checkbox span::after{position:absolute;top:9px;left:5px;display:none;width:4px;height:8px;border:solid #424556;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;font-size:13px;height:24px;line-height:24px;color:#888;}
.checkbox input:checked~span:after{display:block;}
.all-checkbox{float:left;padding:15px 0;background:#fff;}
.all-checkbox .checkbox{border:1px #f8a621 solid;background:#FAC051;padding:0 10px;}
.all-checkbox .checkbox span::before{top:5px;left:10px;width:12px;height:12px;border:1px #ececec solid;}
.all-checkbox .checkbox span::after{top:6px;left:15px;width:3px;height:7px;border:solid #fff;border-width:0 2px 2px 0;}
.all-checkbox .checkbox span{font-weight:600;color:#fff;}
.all-checkbox .btn{display:inline-block;height:24px;line-height:24px;padding:0 10px;color:#fff;border:1px #57b91e solid;background:#67c530;font-size:13px;font-weight:600;}
.all-checkbox .play-btn{margin:0 10px;border:1px #ff8989 solid;background:#ff9999;}
.all-checkbox .btn .icon{font-size:13px;margin-right:2px;}
.dj_title{float:left;width:calc(100% - 2px);height:36px;line-height:36px;background:#f0f6f9;border:1px #ececec solid;margin-top:5px;}
.dj_title span{float:left;text-align:center;font-weight:bold;color:#666;}
.dj_title .lei_01{width:80px;}
.dj_title .lei_02{width:calc(100% - 380px);}
.dj_title .lei_03{width:60px;}
.dj_title .lei_04{width:80px;}
.dj_title .lei_05{float:right;width:90px;}
.dj_list{float:left;width:100%;}
.dj_list li{float:left;width:calc(100% - 20px);height:30px;padding:5px 10px;line-height:30px;background:#fff;border-bottom:1px #ececec solid;overflow:hidden}
.dj_list li:hover{background:#f6f6f6;}
.dj_list li .checkbox{width:80px;}
.dj_list li .name{float:left;width:calc(100% - 370px);height:30px;overflow:hidden;position:relative;}
.dj_list li .name a{float:left;max-width:calc(100% - 42px);}
.dj_list li .good{float:left;width:32px;height:20px;background:linear-gradient(90deg,#ff9999,#ffcccc);color:#fff;font-size:12px;text-align:center;line-height:20px;border-radius:3px;margin:5px 0 5px 10px;position:relative;}
.dj_list li .good:after{content:"";display:inline-block;position:absolute;top:0;left:-8px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ff9999;z-index:1;}
.dj_list li .hits{float:left;width:60px;height:44px;text-align:center;color:#999;}
.dj_list li .time{float:left;width:80px;height:44px;text-align:center;color:#999;}
.dj_list li .lei_ico{float:right;}
.dj_list li .lei_ico .icon{float:left;font-size:16px;color:#adadad;margin:0 3px;}
.dj_list li .lei_ico .icon-play{color:#cdcdcd;font-size:15px;}
.dj_list li .lei_ico a:hover .icon{color:#ffcccc;}
.dance_list{float:left;width:100%;}
.dance_list li{float:left;width:calc(33.3333% - 10px);padding:10px 0;border-bottom:1px #ececec dashed;}
.dance_list li:nth-of-type(3n+2){margin:0 15px;}
.dance_list li .pic{float:left;width:48px;height:48px;overflow:hidden;position:relative;}
.dance_list li .pic a img{float:left;width:100%;height:100%;border-radius:5px;}
.dance_list li .pic .play{position:absolute;background:rgba(0,0,0,.5);height:100%;width:100%;left:0;top:100%;border-radius:5px;transition: all 0.5s;}
.dance_list li .pic a:hover .play{top:0;}
.dance_list li .pic .icon{position:absolute;width:20px;height:20px;font-size:20px;color:#fff;top:calc(50% - 10px);left:calc(50% - 8px);opacity:0;}
.dance_list li .pic a:hover .icon{opacity:1;}
.dance_list .list_c{float:left;width:calc(100% - 150px);margin:0 10px;}
.dance_list .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;position:relative;}
.dance_list p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;}
.dance_list .class{color:#39c1de;}
.dance_list .user{color:#ff53a0;margin:0 15px}
.dance_list .time{color:#999;}
.dance_list .change{float:right;border:1px #ececec solid;border-radius:5px;margin-top:12px;}
.dance_list .change a{float:left;display:inline-block;height:24px;line-height:24px;color:#bebebe;padding:0 5px;border-right:1px #ececec solid;}
.dance_list .change a:last-child{border-right:0;}
.dance_list .change a:hover{color:#379aec;}
.dance_list .change .icon{font-size:14px;}  
.malbum_list{float:left;width:100%;margin-top:-5px;}
.malbum_list li{float:left;width:calc(16.66% - 17px);margin:10px 0 10px 20px;}
.malbum_list li a{display:block;}
.malbum_list li:nth-of-type(6n+1){margin:10px 0;}
.malbum_list li .pic{float:left;width:100%;height:190px;overflow:hidden;position:relative;}
.malbum_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.malbum_list li .pic a:hover img{transform:scale(1.1);}
.malbum_list li .pic .malbum{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/0570fae.png) -5px -2px no-repeat;}
.malbum_list li .pic a:hover .malbum{background:rgba(0,0,0,.7);}
.malbum_list li .good{position:absolute;top:10px;left:-20px;width:80px;height:20px;line-height:20px;font-size:13px;color:#fff;background:#f4075e;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);z-index:2;}
.malbum_list li a:hover .good{opacity:0;}
.malbum_list li .name{float:left;width:180px;height:30px;color:#272727;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;text-align:center;}
.index_qk{float:left;width:100%;}
.index_dance{float:left;width:calc(33.3333% - 6.6666px);background:#fff;margin-left:10px;margin-top:10px;}
.index_dance:first-child{margin-left:0;}
.index_dance h1{float:left;width:100%;height:50px;font-size:15px;line-height:50px;color:#333;text-align:center;position:relative;border-bottom:1px #f1f1f1 solid;}
.index_dance h1:after{content:"";display:inline-block;position:absolute;bottom:0;left:calc(50% - 20px);width:40px;height:3px;border-radius:2px;}
.index_dance h1.lei_01:after{background:#d77b94;box-shadow:0 2px 4px 0 rgba(215,123,148,.4);}
.index_dance h1.lei_02:after{background:#6c98b3;box-shadow:0 2px 4px 0 rgba(108,152,179,.4);}
.index_dance h1.lei_03:after{background:#6cbdb4;box-shadow:0 2px 4px 0 rgba(108,189,180,.4);}
.index_dance ul{float:left;width:calc(100% - 20px);margin:10px;}
.index_dance li{float:left;width:100%;margin:5px 0;}
.index_dance li em{float:left;width:30px;height:30px;font-size:18px;line-height:30px;color:#e0e0e0;font-style:normal;text-align:center;}
.index_dance li:nth-child(1) em,.index_dance li:nth-child(2) em,.index_dance li:nth-child(3) em{background:url(../images/sprite.png) no-repeat;text-indent:-9999px;}
.index_dance li:nth-child(1) em{background-position:-4px -730px;}
.index_dance li:nth-child(2) em{background-position:-33px -730px;}
.index_dance li:nth-child(3) em{background-position:-64px -730px;}
.index_dance li .name{float:right;width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden;}

.video_list{float:left;width:100%;margin:-5px 0;}
.video_list li{float:left;width:240px;margin:10px 0 10px 20px;}
.video_list li:nth-of-type(5n+1){margin:10px 0;}
.video_list li .pic{float:left;width:100%;overflow:hidden;position:relative}
.video_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.video_list li .pic a:hover img{transform:scale(1.1);}
.video_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.video_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.video_list li .pic .icon{position:absolute;width:36px;height:36px;font-size:36px;color:#fff;top:calc(50% - 18px);left:calc(50% - 18px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.video_list li .pic a:hover .icon{opacity:1;}
.video_list li .good{position:absolute;top:15px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#379aec;padding:0 10px;border-radius:0 10px 10px 0;z-index:2}
.video_list li .mv_name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:5px;}
.lei_copy{float:left;width:100%;background:#f9f9f9;border-top:1px #ececec solid;padding:20px 0;color:#888;text-align:center;}
.lei_copy a{color:#888;}
.lei_copy a:hover{color:#333;}
.lei_copy li{float:left;width:100%;line-height:24px;}
.lei_copy li span{margin:0 10px;}
.lei_copy .btmenu{float:left;width:100%;height:40px;line-height:40px;}
.lei_copy .btmenu a{margin:0 8px;}
.lei_page{float:right;height:24px;font-size:13px;line-height:24px;margin:15px 0;}
.lei_page a{padding:5px;color:#666;margin:0 3px;border:1px #eaeaea solid;}
.lei_page a:hover,.lei_page a.current{background:#ff9999;color:#fff;border:1px #ff9999 solid;}
.lei_fl{float:left;width:100%;padding:10px 0;}
.m_bor{border-bottom:1px #ececec dashed;}
.lei_fl li{float:left;height:30px;line-height:30px;margin:5px 18px 5px 0;}
.lei_fl li a{display:block;color:#666;padding:0 12px;}
.lei_fl li a:hover,.lei_fl li a.current{background:#D3320A url(../images/lei_dd.gif) right bottom no-repeat;color:#fff;}
.lei_fl li.zm{margin-right:7px;}
.lei_wz{float:left;width:100%;height:30px;line-height:30px;color:#666;overflow:hidden;margin:10px 0;}
.lei_wz .icon{float:left;font-size:20px;color:#666;}
.lei_wz a{color:#666;}
.link{float:left;width:100%}
.link li{float:left;height:30px;line-height:30px;color:#666;margin-right:25px;}
.order-page{float:right;height:30px;font-size:13px;line-height:30px;color:#888;}
.order-page .page_num{float:left;margin-right:10px;}
.order-page .page_num .red{color:red;margin:0 3px;}
.order-page .page-btn{float:left;height:30px}
.order-page .page-btn a{float:left;background:#fff;border:1px #ececec solid;margin:5px 0;}
.order-page .page-btn .icon{float:left;width:20px;height:20px;font-size:14px;line-height:20px;color:#999;text-align:center;}
.order-page .page-btn .page{float:left;margin:0 5px;}
.order-page .page-btn .page .red{color:red;}
.lei_info{float:left;width:calc(100% - 30px);padding:15px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.lei_info .pic{float:left;width:200px;height:100%;position:relative}
.lei_info .pic img{float:left;width:100%;height:100%}
.lei_info .pic span{position:absolute;left:0;display:inline-block;width:100%}
.lei_info .pic span.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.lei_info .malbum_info{float:left;width:650px;margin-left:20px}
.lei_info .singer_info{float:right;width:calc(100% - 230px);}
.lei_info .singer_info .lei_sclass{float:left;width:100%;height:24px;line-height:24px;margin:8px 0;}
.lei_info .singer_info .lei_sclass a{color:#999;}
.lei_info .malbum_info li,.lei_info .singer_info li{width:300px;height:32px;line-height:32px;}
.lei_info .down_pic{float:left;width:200px;height:112px;position:relative}
.lei_info .down_pic img{float:left;width:100%;height:112px}
.lei_info .down_pic span{position:absolute;left:0;display:inline-block;width:100%}
.lei_info .down_pic span.play{top:0;z-index:1;display:none;height:100%;background:#000 url(../images/play.png) center no-repeat;opacity:.7;filter:alpha(opacity=70)}
.lei_info .down_pic a:hover span.play{display:inline-block}
.lei_info .down_info{float:right;width:calc(100% - 210px);}
.lei_info .down_info li{width:170px}
.lei_info .down_info li.lei_zy{width:100%;color:red;font-size:13px;}
.lei_info h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.lei_info h1.lei_01{background:url(../images/dujia.png) 0 center no-repeat;text-indent:40px}
.lei_info li{float:left;margin-right:30px;height:28px;line-height:28px;color:#888}
.lei_info li a{color:#888}
.lei_info .info{float:left;width:100%;line-height:30px;color:#666;border-top:1px #dedede dashed;margin:10px 0;padding-top:10px}
.list_menu{float:left;width:180px;padding:10px 20px;background:#fff;border:1px #ececec solid;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.list_menu li{float:left;width:100%;height:24px;font-size:15px;line-height:24px;margin:8px 0;}
.list_menu li a.current{color:#00b9ef;font-weight:bold;}
.list_menu .list{float:left;width:100%;height:36px;font:15px/36px "Microsoft YaHei";background:#f1f1f1;text-align:center;margin:10px 0;}
.list_menu .list a{float:left;width:50%;display:inline-black;}
.list_menu .list a.lei_hover{background:#00b9ef;color:#fff;font-weight:bold;}
.small{float:left;height:24px;line-height:24px;color:#dedede;margin:4px 0 0 20px;}
.small a{margin:0 10px;color:#888;}
.small a:hover{color:#aaa;}
.small a.current{color:#00b9ef;font-weight:bold;}
.lei_list{float:left;width:100%;}
.lei_list li{float:left;width:100%;padding:10px 0;border-bottom:1px #ececec dashed;position:relative;}
.lei_list li .bang{float:left;width:36px;margin:5px 5px 5px 0;font:bold 18px/42px "Microsoft Yahei";font-style:italic;text-align:center;color:#464e61;}
.lei_list li .lei_01{color:#c52a03;font-size:24px;}
.lei_list li .lei_02{color:#2a95ab;font-size:24px;}
.lei_list li .lei_03{color:#94d500;font-size:24px;}
.lei_list li .pic{float:left;width:50px;height:50px;}
.lei_list li .pic img{float:left;width:100%;height:50px;}
.lei_list li .pic a{position:relative;display:block;overflow:hidden;}
.lei_list li .pic i{position:absolute;left:0;display:inline-block;width:100%;}
.lei_list li .pic i.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x;opacity:0.7;filter:alpha(opacity=70);}
.lei_list li .videopic{float:left;width:90px;height:50px;}
.lei_list li .videopic img{float:left;width:100%;height:50px;}
.lei_list li .videopic a{position:relative;display:block;overflow:hidden;}
.lei_list li .videopic i{position:absolute;left:0;display:inline-block;width:100%;}
.lei_list li .videopic i.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x;opacity:0.7;filter:alpha(opacity=70);}
.lei_list li .lei_center{float:left;width:750px;margin:0 10px;}
.lei_list li .name{float:left;width:100%;height:24px;font-size:15px;line-height:24px;overflow:hidden;}
.lei_list li .name a{float:left;max-width:700px;}
.lei_list li .good{float:left;width:20px;height:20px;background:url(../images/levels.png) 0 center no-repeat;margin:2px 5px;}
.lei_list li .lei_xx{float:left;width:100%;height:24px;font-size:13px;line-height:24px;color:#999;overflow:hidden;margin-top:2px;}
.lei_list li .lei_xx span{margin-left:20px;}
.lei_list .change{float:right;border:1px #ececec solid;border-radius:5px;margin-top:14px;}
.lei_list .change a{float:left;display:inline-block;height:24px;line-height:24px;color:#bebebe;padding:0 5px;border-right:1px #ececec solid;}
.lei_list .change a:last-child{border-right:0;}
.lei_list .change a:hover{color:#379aec;}
.lei_list .change .icon{font-size:14px;font-weight:bold;}  
.play_left{float:left;width:calc(100% - 330px);padding:10px;background:#fff;}
.play_left .name{float:left;width:calc(100% - 100px);height:30px;font-size:16px;line-height:30px;color:#666;overflow:hidden;margin-bottom:5px;}
.play_left .name a.copy{height:30px;line-height:30px;font-size:13px;color:#999;margin:0 8px;}
.play_left .hits{float:right;height:30px;line-height:30px;font-size:13px;color:#aaa;}
.play_left .hits .icon{float:left;color:#ccc;font-size:17px;margin:-1px 3px 0 0;}
.play_left .djpic{float:left;width:86px;position:relative;}
.play_left .djpic img{float:left;width:100%;height:100%;}
.play_left .djpic .state{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.play_left .djpic .state span{float:left;padding-top:50%;width:100%;background:url(../images/state_paused.png) center no-repeat;text-align:center;color:#fff;}
.play_left .djpic .state span.play{background:url(../images/state_playing.gif) center no-repeat;}
.play_left .djname{float:left;width:100%;height:24px;line-height:24px;color:#333;font-weight:bold;overflow:hidden;}
.play_left .jp_right{float:right;width:calc(100% - 100px);}
.jp-progress, .jp-play-bar, .jp-seek-bar{width:100%;height:4px;cursor:pointer;}
.jp-progress{float:left;width:100%;margin:10px 0;background:#ababaa;border-radius:4px;}
.jp-seek-bar{width:3px;background:rgba(0,0,0,0.3);border-radius:4px;}
.jp-play-bar{width:3px;background:linear-gradient(to right,rgba(21,215,196,0.5),rgba(184,254,88,0.5));position:relative;}
.jp-play-bar:after{content:"";display:inline-block;position:absolute;top:-2px;right:-5px;width:8px;height:8px;background:#ff504e;border-radius:50%;}
.jp-controls{float:left;height:32px;}
.jp-controls li{float:left;width:32px;height:32px;overflow:hidden;margin:0 5px;}
.jp-controls li a{display:block;height:32px;text-indent:-9999px;background:url(../images/player.png) no-repeat;}
.jp-controls li a.jp-play{background-position:-158px -1px;}
.jp-controls li a.jp-pause{background-position:-193px -1px;}
.jp-controls li a.jp-pre{background-position:-128px -6px;}
.jp-controls li a.jp-next{background-position:-222px -6px;}
.jp-controls li a.jp-pre,.jp-controls li a.jp-next{width:24px;height:24px;margin:5px 0;}
.jp-time-holder{float:left;height:24px;line-height:24px;margin:8px 0 8px 20px;}
.lei_v{float:right;height:18px;position:relative;margin-top:10px;}
.lei_v li{float:left;width:18px;height:18px;overflow:hidden;}
.lei_v li a{display:block;height:18px;background:url(../images/player.png) no-repeat;text-indent:-9999px;}
.lei_v li a.jp-mute{background-position:-246px -21px;}
.lei_v li a.jp-unmute{background-position:-267px -21px;}
.jp-volume-bar,.jp-volume-bar-value{float:left;width:56px;height:3px;line-height:3px;font-size:0;cursor:pointer;background:#dedede;}
.jp-volume-bar{margin:7px 0 0 5px;}
.jp-volume-bar-value{background:#ff504e;position:relative;}
.jp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#ff504e;border-radius:50%;}
.play_left .popup-body{float:left;width:calc(100% - 20px);font-size:13px;background:rgba(7,7,7,0.1);border-radius:5px;padding:10px;margin-top:15px;}
.play_left .popup-body li{float:left;width:calc(25% - 10px);height:24px;line-height:24px;color:#8e8b95;margin:5px;overflow:hidden;}
.play_left .popup-body li span{margin-left:5px;color:#666;}
.play_left .popup-body li span a{color:#666;}
.st_dc{float:left;width:100%;background:#fff;margin-top:15px;}
.st_dc li{height:34px;color:#666;line-height:34px;margin-right:15px;}
.st_dc li a{display:block;color:#fff;padding:0 15px;}
.st_dc li a:hover{opacity:0.8}
.st_dc li.ding{float:left;background:#d21313;border-radius:5px;}
.st_dc li.fav{float:left;background:#ff6428;border-radius:5px;}
.st_dc li.down{float:right;background:#ff850b;border-radius:20px;margin-right:0;}
.st_dc .icon{margin-right:3px;}

.play_left .dancelist{float:left;width:100%;border:1px #ececec solid;}
.play_left .left_menu{float:left;background:#f0f0f0;overflow:hidden;}
.play_left .left_menu li{float:left;height:30px;color:#999;line-height:30px;}
.play_left .left_menu li.lei_hover{background:#ff504e;color:#fff;cursor:pointer;}
.play_left .playlist{float:left;}
.play_left .playlist .loading{float:left;width:100%;height:100%;background:url(../images/loading.gif) center no-repeat;}
.play_left .playlist .nonere{float:left;width:100%;height:36px;line-height:36px;text-align:center;color:#888;}
.playlist_ct{float:left;width:100%;height:calc(100% - 47px);border-bottom:1px #ececec solid;overflow-x:hidden;overflow-y:scroll;}
.playlist_ct::-webkit-scrollbar{width:16px;height:16px;background:#f0f0f0;}
.playlist_ct::-webkit-scrollbar-track{background:#f6f6f6;}
.playlist_ct::-webkit-scrollbar-thumb{height:20px;background:#ececec;}
.playlist_ct::-webkit-scrollbar{width:15px;background:#ececec;}
.playlist_ct li{float:left;width:calc(100% - 10px);height:30px;line-height:30px;padding:5px;position:relative}
.playlist_ct li:nth-child(even){background:#f6f6f6;}
.playlist_ct .hover a{color:#0F820C;font-weight:bold;}
.playlist_ct .bt{float:left;width:calc(100% - 50px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 5px;}
.playlist_ct li .icoadd,.playlist_ct li .icodel{position:absolute;top:10px;right:6px;width:22px;height:22px;background:url(../images/list_ico.png) no-repeat;}
.playlist_ct li a.icoadd{background-position:-129px 0;}
.playlist_ct li a:hover.icoadd{background-position:-129px -47px;}
.playlist_ct li a.icodel{background-position:-89px 0;}
.playlist_ct li a:hover.icodel{background-position:-89px -47px;}
.play_left .playlist .all-checkbox{width:calc(100% - 20px);padding:10px;}
.play_left .playlist .all-checkbox .btn{cursor:pointer;}
.dance_rand{float:left;width:calc(100% - 20px);padding:5px 10px;background:#fff;}
.dance_rand li{float:left;width:100%;margin:10px 0;}
.dance_rand li .pic{float:left;width:48px;height:48px;border-radius:5px;overflow:hidden;position:relative}
.dance_rand li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.dance_rand li .pic a:hover img{transform:scale(1.1);}
.dance_rand li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;}
.dance_rand li .pic a:hover .play{background:rgba(0,0,0,.5);}
.dance_rand li .pic .icon{position:absolute;width:20px;height:20px;font-size:20px;color:#fff;top:calc(50% - 12px);left:calc(50% - 10px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.dance_rand li .pic a:hover .icon{opacity:1;}
.dance_rand li .name{float:right;width:calc(100% - 60px);max-height:48px;line-height:24px;overflow:hidden}
.changeall{float:right;height:30px;line-height:30px;color:#666;cursor:pointer;position:relative}
.changeall a .icon{position:absolute;left:-26px;top:0;color:#ff9999;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
.changeall a:hover .icon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.dplayer-menu{display:none!important}
.lei_left .list_c{width:calc(100% - 70px);}
.play_right{float:right;width:calc(100% - 250px);}
.player{float:left;width:100%;height:540px;background:#000;position:relative;}
#lei_player{width:100%;height:100%;display:none;}
#loading,#error{float:left;width:100%;height:100%;background:#000}
#loading strong{float:left;width:100%;height:30px;color:#fff;font-size:12px;line-height:30px;margin-top:50px;text-align:center}
#error{text-align:center;font-size:16px;line-height:260px;color:#f90;display:none}
.browser{float:left;width:100%;font-size:18px;line-height:36px;margin-top:80px;text-align:center;color:#fff}
.browser a{color:red;margin:0 10px}
.play_xg{float:left;width:100%;margin:-5px 0;}
.play_xg li{float:left;width:100%;margin:10px 0}
.play_xg li .pic{float:left;width:100px;height:56px;overflow:hidden;position:relative}
.play_xg li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.play_xg li .pic a:hover img{transform:scale(1.1);}
.play_xg li .pic .play{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.play_xg li .good{position:absolute;top:5px;left:5px;padding:0 5px;color:#fff;border-radius:5px;height:20px;font-size:12px;line-height:20px;background:#ff6600;z-index:2}
.play_xg li .name{float:right;width:calc(100% - 110px);height:48px;line-height:24px;overflow:hidden;}
.play_xg li .play{float:left;width:100%;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:4px}
.videodc{float:left;width:calc(100% - 20px);height:26px;line-height:26px;font-size:13px;background:#111;padding:10px;}
.videodc .play{float:right;color:#999;}
.videodc li{float:left;color:#666;height:24px;line-height:24px;margin-right:15px;}
.videodc li a{display:block;color:#888;padding:0 12px;background:#222;border:1px #333 solid;border-radius:20px;}
.videodc li .icon{float:left;color:#aaa;margin-right:3px;}
.videodc li a:hover .icon-good{color:#fb3200;}
.videodc li a:hover .icon-fav{color:#ffb400;}
.videodc li a:hover .icon-download{color:#1c98e7;}
.dplayer-menu{display:none !important;}
.lei_dc{float:left;width:100%;margin:10px 0;}
.lei_dc .loading{float:left;width:100%;height:36px;line-height:36px;}
.lei_dc .zan{float:left;width:33.33%;height:36px;line-height:36px;text-align:center;}
.lei_dc .zan a{display:block;color:#fff;}
.lei_dc .zan a.lei_ding{background:#d21313;}
.lei_dc .zan a.lei_fav{background:#ff6428;}
.lei_dc .zan a.down{background:#ff850b;}
.lei_dc .zan .icon{margin-right:3px;}
.ting{float:left;width:calc(100% - 22px);line-height:26px;color:#666;border:1px #ececec solid;padding:5px 10px;}
.ting span{color:red;font-weight:bold;}
.lei_sm{float:left;width:calc(100% - 22px);line-height:30px;padding:5px 10px;color:#888;background:#f6f6f6;border:1px #ececec solid;position:relative;}
.lei_sm .down_zx{position:absolute;top:-10px;left:200px;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #ececec;z-index:10;}
.lei_sm .down_zx:after{content:"";display:inline-block;position:absolute;top:2px;left:-8px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #f6f6f6;z-index:11;}
.lei_sm .icon{font-size:14px;margin-right:3px;}
.lei_sm .copy,.lei_sm span{color:red;font-weight:bold}
.down_sm{float:left;width:100%;margin:10px 0}
.down_sm p{float:left;width:100%;color:#666;line-height:24px;margin-top:15px;}
.down_sm p span{color:#de0303}
.down_sm p strong{color:#333;font-weight:bold}
.down_sm p a.copy{color:#1049da}
.video_hot{float:left;width:100%;}
.video_hot li{float:left;width:100%;height:30px;line-height:30px;margin:2.3px 0;position:relative;}
.video_hot li em{position:absolute;left:0;top:0;width:20px;color:#999;font-style:normal;font-size:16px;text-align:center;}
.video_hot li:nth-of-type(1) em{color:#d21313;}
.video_hot li:nth-of-type(2) em{color:#ff6428;}
.video_hot li:nth-of-type(3) em{color:#ff850b;}
.video_hot li .name{float:right;width:calc(100% - 24px);height:30px;overflow:hidden;}
.help_text{float:left;width:100%;min-height:550px;line-height:30px;color:#333}
.help_text p{float:left;width:100%;margin-top:10px;}
.download{float:left;width:100%;margin:10px 0;}
.download a{float:left;width:200px;height:50px;font-size:15px;font-weight:bold;line-height:50px;color:#fff;background:#2684c2;text-align:center;margin-right:15px;}
.download a:hover{color:#FF0;background:#e96802;}
.download .icon{font-size:24px;line-height:50px;margin-right:5px;}

.audio-player{float:left;width:calc(100% - 330px);position:relative;}
.audio-player #player{width:100%;height:100%;display:none;}
.audio-player .aplayer{margin:0;box-shadow:none;border-radius:0;}
.audio-player .playlist{float:left;width:100%;height:314px;background:#fff;border-top:1px #ececec solid;overflow-x:hidden;}
.audio-player .playlist::-webkit-scrollbar{width:6px;background:#f0f0f0;}
.audio-player .playlist::-webkit-scrollbar-track{background:#f0f0f0;}
.audio-player .playlist::-webkit-scrollbar-thumb{height:20px;background:#e3e3e3;}
.audio-player .playlist .loading{float:left;width:100%;height:100%;background:url(../images/loading.gif) center no-repeat;}
.audio-player .playlist li{float:left;width:calc(100% - 20px);font-size:13px;height:30px;line-height:30px;padding:5px 10px;overflow:hidden;}
.audio-player .playlist li:nth-child(2n){background:#f6f6f6;}
.audio-player .playlist li a.on{color:#ff9999;font-weight:bold;}
.audio-player .playlist .nonere{float:left;width:calc(100% - 10px);text-align:center;line-height:30px;color:#999;margin:5px;}
.no_so{float:left;width:100%;min-height:360px;font-size:15px;line-height:30px;color:#666;text-align:center;margin:15px 0;}
.no_so span{color:red}
@media (max-width:767px){
	.container{width:calc(100% - 20px);}
	.audio-player{width:100%;}
	.index_dance{width:100%;margin-left:0;margin-top:10px;}
	.index_ad_right{float:left;width:100%;}
	.header{height:100px;}
	.logo{height:46px;margin:5px 0;}
	.search{position:absolute;left:10px;top:54px;width:calc(100% - 20px);margin:0;}
	.header .icon-fenlei{position:absolute;right:15px;top:9px;width:30px;height:30px;font-size:30px;display:block;color:#666;z-index:999;}
	#toggle_close{position:absolute;z-index:100;right:0;top:0;font-size:32px;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;display:block;}
	.menu{position:fixed;left:0;top:0;height:calc(100% - 44px);left:-473px;width:200px;background:#181818;z-index:10001;margin:0;}
	.menu li{width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px #333 solid;text-indent:15px;margin:0;}
	.menu li a{display:block;color:#ececec;}
	.menu li a:hover{color:#fff;background:none;}
	.menu li:hover ul{display:none;}
	.play_left{width:calc(100% - 20px);}
	.lei_right{float:left;width:100%;margin-top:10px;}
	.jp_right{height:86px;overflow:hidden;}
	.play_left .popup-body li{width:calc(50% - 20px);}
	.play_left .left_menu{width:calc(100% - 10px);padding:5px;}
	.play_left .left_menu li{width:calc(33.3333% - 10px);text-align:center;margin:5px;}
	.play_left .playlist{width:100%;height:300px;}
	.dj_title .lei_01{width:40px;}
	.dj_title .lei_02{width:calc(100% - 40px);}
	.dj_title .lei_03,.dj_title .lei_04,.dj_title .lei_05{display:none;}
	.dj_list li{width:100%;padding:5px 0;}
	.dj_list li .checkbox{width:20px;}
	.dj_list li .checkbox span{text-indent:9999px;}
	.dj_list li .checkbox span::before{left:5px;}
	.dj_list li .checkbox span::after{left:10px;}
	.dj_list li .name{float:right;width:calc(100% - 25px);}
	.dj_list li .name a{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.dj_list li .good,.dj_list li .hits,.dj_list li .time,.dj_list li .lei_ico{display:none;}
}
@media (min-width:768px){
	.play_left .dancelist{height:380px;}
	.play_left .left_menu{width:130px;height:100%;}
	.play_left .left_menu li{width:calc(100% - 15px);text-indent:25px;margin:5px 0 5px 15px;}
	.play_left .left_menu li:first-child{margin-top:30px;}
	.play_left .left_menu li.lei_hover{border-radius:20px 0 0 20px;}
	.play_left .playlist{width:calc(100% - 130px);height:100%;}
}