@charset "utf-8";
@import "iconfont.css";
body{margin:0;padding:0;font-size:14px;color:#666;}
a{color:#666;text-decoration:none;}
a:hover{color:#379aec;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;}
.header{width:100%;height:70px;box-shadow:0 10px 20px rgba(153,153,153,.1);position:relative;}
.logo{float:left;height:50px;margin:10px 0}
.logo img{height:100%;}
.search{float:right;border:1px #ececec solid;margin:17px 15px 0;}
.search .seh_list{float:left;width:56px;height:34px;position:relative;}
.search .seh_list a{color:#666;}
.search .seh_list:after{content:"";display:inline-block;position:absolute;top:10px;right:1px;width:1px;height:16px;background:#e3e3e3;}
.search .seh_list .icon{position:absolute;top:10px;right:-15px;font-size:10px;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:34px;line-height:34px;text-indent:8px;font-size:13px;}
.search .seh_sort{position:absolute;width:100%;background:#fff;border:1px #ececec solid;border-top:none;left:-1px;padding:5px 0;top:34px;display:none;overflow:hidden;}
.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:130px;height:24px;color:#666;background:#fff;border:0;outline:0;padding:5px;}
.search .seh_b{float:right;width:30px;height:34px;background:#fff;line-height:36px;border:0;outline:0;cursor:pointer;}
.search .icon{width:100%;font-size:18px;color:#39c1de;text-align:center;}
.menu{float:left;height:30px;margin:20px;}
.menu li{float:left;height:30px;font-size:16px;line-height:30px;position:relative;margin:0 5px;}
.menu li .icon{float:left;font-size:16px;color:#888;margin-right:3px;}
.menu li a:hover .icon{color:#fff;}
.menu li .icon-home,.menu li .icon-video{font-size:18px;}
.menu li a{display:block;padding:0 10px;color:#666;}
.menu li a:hover{background:linear-gradient(85deg,#3172FF,#04E1FE);color:#fff;}
.lei_login{float:right;height:100%;}
.lei_login .login{float:left;height:30px;line-height:30px;margin:20px 0;}
.lei_login .login a{display:inline-block;color:#666;padding:0 5px;}
.lei_popover_mask{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
.lei_popover{z-index:99999;position:fixed;top:40%;left:50%;width:400px;margin:-120px 0 0 -200px;background:#fff;border-radius:5px;display:none;}
.lei_poptit{float:left;width:100%;height:50px;border-bottom:1px #f1f1f1 solid;position:relative;}
.lei_poptit h1{float:left;font-size:16px;line-height:50px;color:#555;text-indent:10px;}
.lei_poptit a.close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;line-height:24px;background:#777;border-radius:50%;border:4px #fff solid;}
.lei_poptit a:hover.close{background:#1f7ecc;}
.lei_poptit a .icon{position:absolute;width:100%;height:100%;font-size:14px;color:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;text-align:center;}
.lei_poptit a:hover .icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.lei_user{float:left;width:300px;margin:20px 50px;}
.lei_user .input{float:left;width:100%;height:36px;border:1px #ececec solid;background:#fff url(../images/user_login.png) no-repeat 8px 3px;font-size:14px;line-height:36px;color:#888;text-indent:40px;outline:0;margin:15px 0;}
.lei_user .user_pwd{background:#fff url(../images/user_login.png) no-repeat 6px -25px;}
.lei_user .input:hover{border:1px #dadada solid;}
.lei_user .home_btn{float:left;width:100%;height:44px;background:linear-gradient(to left,#3172FF,#04E1FE);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{background:linear-gradient(to right,#3172FF,#04E1FE);}
.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_zc a.rr{float:right;}
.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:left;height:100%;position:relative;}
.x5_user .pic{float:left;width:100%;height:40px;margin:15px 0;}
.x5_user .pic img{float:left;width:40px;height:40px;border-radius:50%;}
.x5_user .submenu{position:absolute;top:70px;right:0;width:120px;z-index:9999;background:#fff;box-shadow:2px 0 20px 0 rgba(65,67,70,.1);padding:5px 0;}
.x5_user .submenu:after{content:"";display:inline-block;position:absolute;top:-8px;right:15px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #fff;z-index:10;}
.x5_user li{float:left;width:calc(100% - 30px);line-height:34px;padding:0 10px;position:relative;margin:0 5px;}
.x5_user li.user-out{margin-top:10px;}
.x5_user li.user-out:after{content:"";display:inline-block;position:absolute;top:-5px;left:0;width:100%;height:1px;background:#ececec;z-index:10;}
.x5_user li a{display:block;color:#888;}
.x5_user li:hover{background:#f1f1f1;}
.x5_user li .icon{color:#aaa;margin-right:5px;}
.main{width:1280px;margin:0 auto;}
.lei_left{float:left;width:calc(100% - 320px);}
.lei_right{float:right;width:300px;}
.ins{display:none}
.mt{margin-top:20px;}
.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:#3fa6fc;}
.title a.lei_more{float:right;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:5px;padding-right:12px;position:relative;}
.title a.lei_more:after{content:' ';position:absolute;top:7px;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.lei_more{color:#379aec;}
.title a:hover.lei_more:after{border-left:1px #379aec solid;border-top:1px #379aec solid;}
.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;}
.i_hot{float:left;width:414px;background:#fff;box-shadow:0 0 30px 0 rgba(65,67,70,.08);margin-right:19px;}
.i_hot#last{margin-right:0;}
.i_hot h1{float:left;width:100%;height:50px;font-size:16px;line-height:50px;color:#333;text-align:center;position:relative;border-bottom:1px #f1f1f1 solid;}
.i_hot h1:after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:3px;border-radius:2px;}
.i_hot .lei_01:after{background:#d77b94;box-shadow:0 2px 4px 0 rgba(215,123,148,.4);}
.i_hot .lei_02:after{background:#6c98b3;box-shadow:0 2px 4px 0 rgba(108,152,179,.4);}
.i_hot .lei_03:after{background:#6cbdb4;box-shadow:0 2px 4px 0 rgba(108,189,180,.4);}
.i_hot ul{float:left;width:calc(100% - 20px);margin:10px;}
.i_hot li{float:left;width:100%;height:30px;line-height:30px;margin:8px 0;}
.i_hot li em{float:left;width:30px;height:30px;font-size:18px;_font-weight:bold;color:#eaeaea;font-style:normal;text-align:center;}
.i_hot li em.lei_1{background:url(https://h5static.kuwo.cn/www/kw-www/img/df06fb1.png) center no-repeat;background-size:130%}
.i_hot li em.lei_2{background:url(https://h5static.kuwo.cn/www/kw-www/img/d99e73e.png) center no-repeat;background-size:130%}
.i_hot li em.lei_3{background:url(https://h5static.kuwo.cn/www/kw-www/img/8abbb65.png) center no-repeat;background-size:130%}
.i_hot li .name{float:right;width:calc(100% - 36px);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%;height:24px;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:left;width:100%;height:24px;font:13px/24px "Microsoft YaHei";margin:15px 0;text-align:center;}
.lei_page a{padding:5px 8px;color:#666;margin:0 6px;border:1px #ccc solid;}
.lei_page a:hover,.lei_page a.current{background:#379aec;color:#fff;border:1px #f3f3f3 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:#888;padding:0 15px;border-radius:0 20px 0 20px;}
.lei_fl li a:hover,.lei_fl li a.current{background:linear-gradient(85deg,#3172FF,#04E1FE);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:#888;}
.lei_wz a{color:#666;}
.lei_wz a:hover{color:#e23230;}
.inews{float:left;width:100%;}
.inews li{float:left;width:404px;height:36px;line-height:36px;padding:0 5px;border:1px #ececec solid;overflow:hidden;margin:5px 0;}
.inews li:hover{background:#f1f1f1;}
.inews li img{float:left;width:40px;height:26px;margin:5px 5px 5px 0;}
.inews li:nth-of-type(3n+2){margin:5px 16px;}
.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;}  
.player-box{float:left;width:calc(100% - 60px);padding:40px 30px;background:url(../images/player-bg.png) no-repeat center top;background-size:cover;}
.player-left{float:left;width:358px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.player-left .music-player{width:256px;height:256px;border-radius:50%;background:url(../images/player-default.png) no-repeat center;position:relative;}
.player-left .pic{position:absolute;left:40px;top:40px;width:176px;height:176px;border-radius:50%;overflow:hidden;}
.player-left .pic.active{animation:disc 5s linear 0s infinite}
.player-left .pic.rotate-pause{animation-play-state:paused;-webkit-animation-play-state:paused}
.player-left .pic img{display:block;width:100%;height:100%}
.player-left .pointer{width:90px;height:220px;position:absolute;right:-15px;top:0;transform-origin:66px 28px;transform:rotate(-15deg);transition:all 0.3s;background:url(../images/player-line.png) no-repeat 0 0;background-size:cover}
.player-left .pointer.active{transform:rotate(0deg)}
.player-left .music-dc{float:left;width:100%;margin-top:25px;}
.player-left .music-dc li{float:left;width:90px;height:50px;padding:5px 0;color:#fff;border:1px #888 solid;border-radius:5px;cursor:pointer;}
.player-left .music-dc li a{display:block;}
.player-left .music-dc li:hover{border-color:#db1d40}
.player-left .music-dc li:nth-of-type(2n){margin:0 30px;}
.player-left .music-dc li .name{float:left;width:100%;height:30px;line-height:30px;color:#8e8b95;}
.player-left .music-dc li .name span{float:left;width:20px;height:20px;background:url(../images/sprite.png) no-repeat;margin:5px 3px 5px 20px;}
.player-left .music-dc li .name span.rq{background-position:0 -140px;}
.player-left .music-dc li .name span.zan{background:url(../images/zan.png) center no-repeat;}
.player-left .music-dc li .name span.fav{background-position:0 -194px;}
.player-left .music-dc li p{height:22px;line-height:22px;text-align:center;color:#fff;}
@keyframes disc{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
#jp_container_1{float:right;width:calc(100% - 378px);color:#fff;}
.play_name{width:100%;height:30px;font-size:15px;line-height:30px;text-indent:22px;overflow:hidden;position:relative;}
.play_name:after{content:"";display:inline-block;position:absolute;top:5px;left:0;width:20px;height:20px;background:url(../images/sprite.png) -67px -301px no-repeat;}
.jp-progress,.jp-play-bar,.jp-seek-bar{width:100%;height:6px;line-height:6px;font-size:0;cursor:pointer;border-radius:5px;}
.jp-progress{width:100%;margin-top:20px;background:#565656;}
.jp-seek-bar{width:5px;background:#999;}
.jp-play-bar{width:5px;background:linear-gradient(to right, rgb(21, 215, 196),rgb(184, 254, 88));position:relative;}
.jp-play-bar:after{content:"";display:inline-block;position:absolute;top:-4px;right:-8px;width:8px;height:8px;background:red;border:3px #fff solid;box-shadow:rgb(51, 51, 51) 0px 5px 8px;border-radius:50%;}
.jp-time-holder{width:100%;height:24px;font-size:15px;line-height:24px;margin:15px 0;}
.jp-style{width:100%;height:29px;position:relative;}
.jp-controls{position:absolute;top:-8px;left:50%;width:143px;height:29px;margin-left:-80px;overflow:hidden;}
.jp-controls li{float:left;display:inline-block;}
.jp-controls li a{display:block;width:21px;height:29px;text-indent:-9999px;background:url(../images/sprite.png) no-repeat;}
.jp-controls li a.jp-play{background-position:-21px -608px;margin:0 40px;}
.jp-controls li a.jp-pause{background-position:-21px -637px;height:27px;margin:1px 40px;}
.jp-controls li a.jp-pre{background-position:0 -607px;}
.jp-controls li a.jp-next{background-position:-44px -607px;}
.jp-controls li a:hover.jp-pre{background-position:0 -638px;}
.jp-controls li a:hover.jp-next{background-position:-44px -638px;}
.lei_v{float:right;height:20px;position:relative;}
.lei_v li{float:left;width:24px;height:20px;overflow:hidden;}
.lei_v li a{display:block;background:url(../images/sprite.png) no-repeat;text-indent:-9999px;}
.lei_v li a.jp-mute{background-position:-136px -303px;}
.lei_v li a.jp-unmute{background-position:-306px -29px;}
.jp-volume-bar,.jp-volume-bar-value{float:left;width:90px;height:3px;line-height:3px;cursor:pointer;background:#666;}
.jp-volume-bar{margin:10px 2px;}
.jp-volume-bar-value{background:#ccc;position:relative;}
.jp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-4px;right:-5px;width:5px;height:5px;background:red;border:3px #fff solid;box-shadow:rgb(51, 51, 51) 0px 5px 8px;border-radius:50%;}
.jp-volume-bar-value:hover:after{background:#fff;border:3px red solid;}
.music-detail{float:left;width:calc(100% - 60px);background:rgba(7, 7, 7, 0.3);border-radius:5px;padding:20px 30px;margin-top:32px;}
.music-detail .popup-body{float:left;width:420px;}
.music-detail .popup-body li{float:left;width:210px;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:166px;margin:10px 0;}
.music-detail .down-share a{display:block;color:#fff;}
.music-detail .down-share .down{float:left;width:120px;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{float:left;width:100%;}
.music-detail .down-share .share{float:left;float:left;width:164px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#8e8b95;border-radius:5px;border:1px solid #8e8b95;position:relative;margin-top:20px;text-indent:20px;}
.music-detail .down-share .share:after{content:"";display:inline-block;position:absolute;top:11px;left:50px;width:18px;height:17px;background:url(../images/sprite.png) 0 0 no-repeat;}
.play_malbum{float:left;width:100%;}
.play_malbum li{float:left;width:90px;margin:7px 0 7px 15px;position:relative;}
.play_malbum li:nth-of-type(3n+1){margin:7px 0 7px 0;}
.play_malbum li:nth-of-type(1){width:195px;}
.play_malbum li:nth-of-type(1) img{height:194px;}
.play_malbum li img{float:left;width:100%;height:90px;}
.play_malbum li .play{position:absolute;left:0;top:0;width:100%;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.play_malbum li .good{position:absolute;top:0;left:10px;width:18px;height:30px;line-height:30px;font-size:12px;color:#fff;background:#379aec;text-align:center;z-index:2;border-radius:0 0 10px 10px;}
.play_malbum li .title{position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:30px;line-height:30px;padding:0 5px;text-align:center;overflow:hidden;z-index:2;}
.play_malbum li .title a{color:#fff;}
.changeall{float:right;height:30px;line-height:30px;color:#666;cursor:pointer;position:relative}
.changeall a .icon{position:absolute;left:-18px;top:0;color:#1f7ecc;-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;}
.tags{float:left;width:100%;line-height:24px;}
.tags a{display:inline-block;height:24px;padding:0 15px;color:#fff;margin:5px;border-radius:15px;}
.tags a:hover{color:#fff;background:#379aec;}
.tags .tag0{background:#efac82;}
.tags .tag1{background:#84c7cf;}
.tags .tag2{background:#d69899;}
.tags .tag3{background:#d59ad4;}
.tags .tag4{background:#c9b070;}
.tags .tag5{background:#b0d699;}
.tags .tag6{background:#eda29e;}
.tags .tag7{background:#1cbfff;}
.tags .tag8{background:#ff8010;}
.tags .tag9{background:#f879f9;}
.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;}
.singer_list{float:left;width:100%;margin:-5px 0;}
.singer_list li{float:left;width:110px;margin:10px 0 10px 20px;position:relative}
.singer_list li:nth-of-type(10n+1){margin:10px 0;}
.singer_list li .pic{float:left;width:100%;height:110px;position:relative}
.singer_list li .pic img{float:left;width:100%;height:100%;}
.singer_list li .pic em{position:absolute;left:0;display:inline-block;width:100%;}
.singer_list li .pic em.play{top:0;z-index:1;display:none;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.singer_list li .pic a:hover em.play{display:inline-block}
.singer_list li .lei_name{float:left;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;margin-top:5px}
.lei_inews{float:left;width:100%;}
.lei_inews li{float:left;width:404px;height:36px;line-height:36px;padding:0 5px;border:1px #ececec solid;overflow:hidden;margin:5px 0;}
.lei_inews li:hover{background:#f1f1f1;}
.lei_inews li img{float:left;width:40px;height:26px;margin:5px 5px 5px 0;}
.lei_inews li:nth-of-type(3n+2){margin:5px 16px;}
.news_list{float:left;width:100%;}
.news_list li{float:left;width:100%;padding:15px 0;border-bottom:1px #dedede dashed;}
.news_list li .pic{float:left;width:180px;height:112px}
.news_list li .pic img{float:left;width:100%;height:100%;border-radius:5px}
.news_list li .list_r{float:right;width:calc(100% - 200px);}
.news_list li .title{float:left;width:100%;height:24px;font-size:18px;line-height:24px;overflow:hidden}
.news_list li .info{float:left;width:100%;height:48px;font-size:13px;line-height:24px;color:#666;overflow:hidden;margin:8px 0;}
.news_list li .lei_time{float:left;width:100%;height:24px;font-size:14px;line-height:24px;color:#888}
.news_list li .icon{color:#aaa;margin-right:3px;}
.news_hot{float:left;width:100%;margin:5px 0}
.news_hot li{float:left;width:100%;height:30px;margin:5px 0}
.news_hot li em{float:left;width:20px;height:20px;font:12px/20px "Microsoft Yahei";color:#fff;text-align:center;background:#faaf7d;margin:5px 0}
.news_hot li em.lei_hover{background:#f60}
.news_hot li .name{float:right;width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden}
.lei_news_t{float:left;width:100%;height:60px;background:url(../images/news48.png) center no-repeat;text-indent:-9999em;border-bottom:1px #ececec solid}
.lei_right .news_list li .pic{width:90px;height:56px}
.lei_right .news_list li .name{float:right;width:200px;height:48px;line-height:24px;overflow:hidden}
.news_title{float:left;width:100%;height:30px;font-size:20px;color:#333;font-weight:600;line-height:30px;text-align:center;overflow:hidden;margin:10px 0}
.news_info{float:left;width:100%;height:24px}
.news_info li{float:left;height:30px;font-size:14px;line-height:30px;color:#888;margin-right:20px}
.news_info #bdshare{float:right}
.news_content{float:left;width:100%;color:#666;line-height:30px;margin:30px 0}
.news_content p{margin-top:10px}
.news_content img,.news_content p img{max-width:100%}
.news_sx{float:left;width:calc(100% - 22px);background:#dff0d8;border:1px #d6e9c6 solid;margin:10px 0;padding:5px 10px}
.news_sx li{float:left;width:100%;height:24px;font-size:15px;line-height:24px;overflow:hidden;margin:5px 0}
.suspension{width:30px;padding:5px;position:fixed;right:15px;bottom:200px;background:#fff;border:1px #eaeaea solid;border-radius:4px;z-index:999;box-shadow:0 0 8px rgba(0,0,0,.1);}
.suspension .icon{font-size:20px;color:#888;}
.suspension a:hover .icon{color:#379aec;}
.suspension .icon-qq{font-size:24px;}
.suspension .icon-pc{font-size:20px;}
.suspension .text{float:left;width:100%;height:24px;line-height:24px;font-size:13px;font-weight:500;}
.suspension li.kefu a,.suspension li.kefu .icon{color:#379aec;}
.suspension li{float:left;width:100%;margin:5px 0;text-align:center;position:relative;}
.suspension li a{color:#888;}
.suspension li a:hover{color:#379aec;}
.suspension li .pic{position:absolute;display:none;right:45px;top:-68px;width:160px;background:#fff;border:1px #eaeaea solid;font-size:15px;line-height:30px;text-align:center;box-shadow:0 0 8px rgba(0,0,0,.1);}
.suspension li .pic:after{content:"";display:inline-block;position:absolute;top:72px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #eaeaea;z-index:10;}
.suspension li .pic:before{content:"";display:inline-block;position:absolute;top:74px;right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left: 8px solid #fff;z-index:11;}
.suspension li .pic img{float:left;width:100%;border-bottom:1px #eaeaea solid;}
.suspension li:hover .pic{display:block;}
.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}