@charset "utf-8";
@import "iconfont.css";
body{margin:0;padding:0;font-size:14px;color:#6f786a;}
a{color:#444;text-decoration:none}
a:hover{color:#00b9ef;text-decoration:none}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0}
li{list-style:none}
img{border:0}
.header{width:100%;height:60px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.logo{float:left;height:50px;margin:5px 0;}
.logo img{display:block;height:100%;}
.search{float:right;margin:13px 15px;}
.search .seh_v{float:left;width:120px;height:34px;color:#666;font-size:13px;background:#f0f0f0;border:none;outline:0;padding:0 5px;}
.search .seh_list{float:left;width:55px;height:34px;background:#f0f0f0;position:relative;border-radius:5px 0 0 5px;}
.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:6px;font-size:13px;color:#888;-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:36px;text-indent:8px;font-size:13px;}
.search .seh_sort{position:absolute;width:100%;background:#f0f0f0;left:0;padding:5px 0;top:32px;display:none;z-index:999;overflow:hidden;}
.search .seh_sort li{float:left;width:100%;height:24px;line-height:24px;font-size:13px;text-align:center;}
.search .seh_b{float:right;width:40px;height:34px;color:#fff;line-height:34px;background:#00b9ef;border:0;outline:0;cursor:pointer;border-radius:0 4px 4px 0;}
.search .seh_b .icon{font-size:20px;color:#fff;text-align:center;}
.menu{float:left;height:100%;margin:0 20px;}
.menu li{float:left;height:60px;font-size:15px;line-height:60px;margin:0 15px;position:relative;}
.menu li a{display:block;color:#666;}
.menu li a:hover,.menu li a.current{color:#00b9ef;}
.menu li a.current:after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-10px;width:18px;height:3px;border-radius:1.5px;background:#00b9ef;-webkit-box-shadow:0 2px 4px 0 rgba(0,185,239,.4);box-shadow:0 2px 4px 0 rgba(0,185,239,.4)}
.lei_login{float:right;height:60px;}
.lei_login .login{float:left;height:30px;line-height:30px;color:#666;margin:15px 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,#379aec,#1f7ecc);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,#379aec,#1f7ecc);}
.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:36px;margin:12px 0;}
.x5_user .pic img{float:left;width:36px;height:36px;border-radius:50%;}
.x5_user .submenu{position:absolute;top:60px;right:0;width:260px;z-index:9999;background:#fff;box-shadow:2px 0 20px 0 rgba(65,67,70,.1);}
.x5_user .user_infos{float:left;width:100%;height:90px;background:#8ac4fd;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:#fff;background:url(../images/points.png) 0 center no-repeat;text-indent:18px;}
.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,#379aec,#8ac4fd);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 a span{float:left;width:40px;height:40px;margin:0 15px;background:#8ac4fd url(../images/header_icon.png) no-repeat;border-radius:50%;}
.x5_user .u_list li a span.sy{background-position:center 2px;}
.x5_user .u_list li a span.fav{background-position:center -48px;}
.x5_user .u_list li a span.down{background-position:center -99px;}
.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;}
.x5_user .user_sz a.user_out{float:right;}
.x5_user .sanjiao{position:absolute;top:-8px;right:12px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #8ac4fd;}
.main{width:1280px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.mt{margin-top:20px;}
.focus{float:left;width:100%;position:relative;height:360px;overflow:hidden;background:#000;}
.slides{position:relative;z-index:1;}
.slides li{width:100%;height:400px;}
.slides li a{display:block;width:100%;height:360px;text-indent:-9999px;}
.slides li img {width:100%;height:100%;display:block;}
.flex-control-nav {width:100%;position:absolute;bottom:10px;z-index:2;text-align:center;margin-left:-30px;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin-right:10px;*display:inline;zoom:1;}
.flex-control-nav li a{display:inline-block;width:10px;height:10px;line-height:36px;overflow:hidden;background:#fff;cursor:pointer;border-radius:6px;}
.flex-control-nav .flex-active{background:#00b9ef;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;margin-top:-20px;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;position:absolute;cursor:pointer;background:url(../images/icon_arrow.png) no-repeat;text-indent:-999em;}
.focus .flex-prev{left:0;background-position:0 0;}
.focus .flex-next {right:0;background-position:-41px 0;}
.focus .flex-next:hover{background-position:-41px -41px;}
.focus .flex-prev:hover {background-position:0 -41px;}
.lei_left{float:left;width:220px;}
.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{float:left;width:100%;height:36px;font:15px/36px "Microsoft YaHei";background:#f1f1f1;text-align:center;margin:10px 0;}
.list a{float:left;width:50%;display:inline-black;}
.list a.lei_hover{background:#00b9ef;color:#fff;font-weight:bold;}
.lei_right{float:right;width:calc(100% - 240px);min-height:550px;}
.play_right{float:right;width:300px;}
.lei_upan{float:left;width:300px;height:258px;margin-top:10px;}
.lei_upan img{float:left;width:300px;height:258px;}
.down_left{float:left;width:880px;}
.lei_title{float:left;width:100%;height:30px;}
.lei_title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:10px;position:relative;}
.lei_title h1:after{content:"";display:inline-block;position:absolute;top:8px;left:0;width:5px;height:16px;border-radius:5px;background:#00b9ef;}
.lei_title a.lei_more{float:right;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:5px;padding-right:12px;position:relative;}
.lei_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;}
.lei_title a:hover.lei_more{color:#00b9ef;}
.lei_title a:hover.lei_more:after{border-left:1px #00b9ef solid;border-top:1px #00b9ef solid;}
.changeall{float:right;height:30px;line-height:30px;color:#666;cursor:pointer;position:relative}
.changeall a .icon{position:absolute;left:-18px;top:0;color:#00b9ef;-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);}
.lei_class{float:left;height:24px;line-height:24px;color:#dedede;margin:4px 0 0 10px;}
.lei_class a{margin:0 5px;color:#888;}
.lei_class a:hover{color:#aaa;}
.lei_class a.current{color:#00b9ef;}
.ins{display:none;}
.music_list{float:left;width:100%;margin:4px 0;}
.music_list li{float:left;width:calc(50% - 11px);height:30px;line-height:30px;padding:5px;background:#fff;overflow:hidden;}
.music_list li:nth-of-type(2n){margin-left:1px;}
.music_list li:nth-of-type(4n+1){background:#f0f0f0;}
.music_list li:nth-of-type(4n+2){background:#f0f0f0;}
.music_list li .pic{float:left;width:30px;height:100%;position:relative;}
.music_list li .pic img{float:left;width:100%;height:100%;}
.music_list li .lei_name{float:right;width:calc(100% - 36px);height:30px;color:#666;overflow:hidden;}
.music_list li .pic .good{position:absolute;top:0;left:0;width:20px;height:20px;background:url(../images/levels.png) -3px -1px no-repeat;z-index:2;}
.album_list{float:left;width:100%;}
.album_list li{float:left;width:200px;margin:10px 0 10px 16px;position:relative;}
.album_list li:nth-of-type(6n+1){margin:10px 0;}
.album_list li .pic{float:left;width:100%;height:200px;overflow:hidden;position:relative;}
.album_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.album_list li .pic a:hover img{transform:scale(1.1);}
.album_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.album_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.i_hot{float:left;width:305px;margin:20px 0 0 20px;}
.hot_one{margin:20px 0 0 0;}
.i_hot ul{float:left;width:100%;margin:-5px 0;}
.i_hot li{float:left;width:calc(100% - 10px);padding:5px;position:relative;}
.i_hot li:nth-of-type(even){background:#f1f1f1;}
.i_hot li em{position:absolute;left:5px;top:5px;width:24px;height:30px;font-size:18px;color:#e0e0e0;line-height:30px;font-style:normal;text-align:center;}
.i_hot li:nth-of-type(1) em{color:#d21313;}
.i_hot li:nth-of-type(2) em{color:#ff6428;}
.i_hot li:nth-of-type(3) em{color:#ff850b;}
.i_hot li .pic{float:left;width:100px;height:56px;overflow:hidden;position:relative;margin:5px 0;display:none;}
.i_hot li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.i_hot li .pic a:hover img{transform:scale(1.1);}
.i_hot li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.i_hot li .pic a:hover .play{background:rgba(0,0,0,.5);}
.i_hot li .pic .good{position:absolute;top:5px;left:0;height:20px;line-height:20px;font-size:12px;color:#fff;background:#FA8723;padding:0 8px;border-radius:10px;z-index:2}
.i_hot li .name{float:right;width:calc(100% - 26px);height:30px;line-height:30px;overflow:hidden;}
.i_hot li.lei_hover{height:66px;}
.i_hot li.lei_hover .pic{display:block;}
.i_hot li.lei_hover .name{width:calc(100% - 108px);height:48px;line-height:24px;}
.i_hot li.lei_hover em{width:18px;height:30px;left:12px;top:10px;z-index:2;color:#fff;background:#999;font-size:14px;line-height:30px;border-radius:0 0 15px 15px;}
.i_hot li.lei_hover:nth-of-type(1) em{background:#d21313;}
.i_hot li.lei_hover:nth-of-type(2) em{background:#ff6428;}
.i_hot li.lei_hover:nth-of-type(3) em{background:#ff850b;}
.video_list{float:left;width:100%}
.video_list li{float:left;width:244px;margin:10px 0 10px 15px;}
.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:48px;height:48px;font-size:48px;color:#fff;top:calc(50% - 24px);left:calc(50% - 24px);-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{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.video_list li .pic .good{position:absolute;top:8px;left:8px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#00b9ef;padding:0 8px;border-radius:10px;z-index:2}
.mv_name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:5px;}
.mv_p{float:left;width:100%;font-size:13px;line-height:24px;color:#888;}
.mv_p span{float:left;}
.mv_p .icon{float:left;font-size:16px;height:22px;line-height:22px;margin-right:2px;}
.mv_p .icon-time{margin-left:10px;}
.mv_p .hits{color:#888;padding-right:10px;position:relative;}
.mv_p .hits:after{content:"";display:inline-block;position:absolute;top:6px;right:0;width:1px;height:10px;background:#dedede;}
.lei_cai{float:left;width:100%;}
.lei_cai .video_list li{width:200px;margin:10px 0 10px 16px;}
.lei_cai .video_list li:nth-of-type(5n+1){margin:10px 0 10px 16px;}
.lei_cai .video_list li:nth-of-type(6n+1){margin:10px 0;}
.lei_cai .video_list li .pic{height:112px;}
.no_so{float:left;width:100%;height:30px;font:14px/30px "Microsoft YaHei";color:red;text-align:center;}
.music_hot{float:left;width:100%;}
.music_hot li{float:left;width:100%;height:36px;line-height:36px;}
.music_hot li span{float:left;width:20px;height:36px;font-size:16px;color:#aaa;text-align:center;}
.music_hot li span.lei_1{color:#d9453f;}
.music_hot li span.lei_2{color:#ff8101;}
.music_hot li span.lei_3{color:#cc0000;}
.music_hot li .name{float:right;width:calc(100% - 25px);height:36px;overflow:hidden;}

.lei_aa{float:left;width:100%;height:60px;}
.lei_aa img{float:left;width:100%;height:60px;}
.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:5px;left:5px;height:20px;line-height:20px;font-size:12px;color:#fff;background:red;padding:0 8px;border-radius:10px;z-index:2}
.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;}
.lei_copy{float:left;width:100%;padding:10px 0;border-top:1px #ececec solid;}
.lei_copy li{float:left;width:100%;height:24px;line-height:24px;color:#666;}
.lei_copy li a{color:#666;}
.lei_copy li span{margin:0 10px;}
.lei_copy .btmenu{float:left;width:100%;height:30px;line-height:30px;color:#666;border-bottom:1px #ececec solid;margin-bottom:10px;}
.lei_copy .btmenu a{margin:0 8px;color:#666;}
.lei_list{float:left;width:100%;}
.lei_list li{float:left;width:calc(100% - 12px);padding:5px;margin:10px 0;border:1px #ececec solid;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 li .list_ico{float:right;height:24px;margin:14px 5px;}
.lei_list li .list_ico a{float:left;display:block;width:24px;height:24px;background:url(../images/music_ico.png) no-repeat;}
.lei_list li .list_ico a.play{background-position:0 -3px;}
.lei_list li .list_ico a.fav{background-position:0 -36px;margin-left:10px;}
.lei_page{float:left;width:100%;height:24px;font-size:13px;line-height:24px;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:#00b9ef;color:#fff;border:1px #13a9d5 solid}
.lei_link{float:left;width:100%;margin:2px 0;}
.lei_link li{float:left;height:24px;line-height:24px;margin-right:20px;}
.lei_link li a{color:#666;}
.lei_link li a:hover{color:#888;}
.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:#00b9ef;}
.lei_fl{float:left;width:100%;margin:10px 0;}
.lei_fl li{float:left;height:30px;line-height:30px;margin-right:12px;}
.lei_fl li a{display:block;color:#666;padding:0 10px;border-radius:5px;}
.lei_fl li a:hover,.lei_fl li a.current{background:#00b9ef;color:#fff;}
.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;margin:5px 0}
.order-page .page-btn .icon{float:left;width:18px;height:18px;font-size:14px;line-height:18px;color:#999;border:1px #dedede solid;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% - 22px);padding:10px;border:1px #ececec solid;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:100%;position:relative}
.lei_info .down_pic img{float:left;width:100%;height:100%}
.lei_info .down_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;}
.lei_info .down_info{width:100%;}
.lei_info .down_info li{width:100%}
.lei_info .down_info li.lei_zy{width:100%;line-height:20px;height:40px;color:red;}
.lei_info h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.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}
.lei_info .downsm{float:left;width:calc(100% - 12px);font-size:13px;color:#666;line-height:24px;padding:5px;background:#f0f0f0;border:1px #dedede solid;position:relative;}
.lei_info .downsm span,.lei_info .downsm a{color:red;font-weight:bold;}
.lei_info .downsm:after{content:"";display:inline-block;position:absolute;top:-8px;right:32px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #f0f0f0;z-index:10;}
.lei_info .downsm:before{content:"";display:inline-block;position:absolute;top:-10px;right:30px;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #dedede;z-index:9;}

.play_left{float:left;width:calc(100% - 320px);}
.player{float:left;width:100%;height:540px;background:#000;position:relative;}
#lei_player{width:100%;height:100%;display:none;}
#loading{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}
.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}
.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_tag{float:left;width:100%;line-height:30px;margin:5px 0;}
.lei_tag a{display:inline-block;height:30px;padding:0 10px;color:#fff;background:#00b9ef;margin:5px 10px 5px 0;}
.lei_tag a:hover{color:#666;background:#dedede}
.layer-tc{float:left;width:calc(100% - 30px);margin:15px;}
.layer-tc .name{float:left;width:100%;line-height:24px;color:#333;font-size:16px;text-align:center;margin:15px 0;}
.layer-tc .qrcode{float:left;width:180px;height:180px;border:1px #ececec solid;padding:5px;margin:0 calc(50% - 96px);}
.layer-tc .qrcode canvas{float:left;width:100%;}
.layer-tc .sm{float:left;width:100%;line-height:24px;color:#999;text-align:center;margin:10px 0;}
.layer-tc .vip_sm{background:#f6f6f6;}
.lei_sm{float:left;width:100%;margin:10px 0;}
.lei_sm .lei_name{float:left;width:100%;height:40px;border-bottom:1px #dedede solid;margin-bottom:5px;}
.lei_sm .lei_name h1{float:left;height:20px;font:bold 18px/20px "Microsoft Yahei";color:#333;border-left:8px #e1017e solid;text-indent:6px;margin:10px 0;}
.lei_sm h1{float:left;width:100%;height:30px;font:bold 16px/30px "Microsoft YaHei";color:#444;}
.lei_sm p{float:left;width:100%;color:#555;font:14px/28px "Microsoft YaHei";}
.lei_sm p span{color:red;}
.lei_sm p strong{color:#333;font-weight:bold;}
.lei_sm p a.copy{color:#1049da;}
.vip_sm{float:left;width:calc(100% - 22px);line-height:24px;padding:5px 10px;color:#666;border:1px #f1f1f1 solid;border-radius:4px;}
.vip_sm .icon{float:left;margin-right:2px;}
.vip_sm span,.vip_sm a{color:red;font-weight:bold}
.vip_sm p{margin:5px 0;}
.help_text{float:left;width:calc(100% - 20px);font-size:15px;min-height:550px;line-height:30px;padding:0 10px;color:#333}
.help_text p{float:left;width:100%;margin-top:15px}
.suspension{width:44px;padding:5px;position:fixed;right:21px;bottom:120px;background:#fff;border-radius:4px;z-index:999;box-shadow:0 0 8px rgba(0,0,0,.1);}
.suspension .icon{font-size:24px;color:#888;}
.suspension a:hover .icon{color:#00b9ef;}
.suspension .icon-vip-fill{font-size:28px;color:#efa030;}
.suspension a:hover .icon-vip-fill{color:#efa030;}
.suspension .icon-pc{font-size:20px;}
.suspension .text{float:left;width:100%;height:20px;line-height:20px;font-size:12px;font-weight:500;}
.suspension li{float:left;width:100%;margin:5px 0;text-align:center;position:relative;}
.suspension li a{color:#888;}
.suspension li a:hover{color:#00b9ef;}
.suspension li .pic{position:absolute;display:none;right:60px;top:-5px;width:160px;background:#fff;font-size:15px;line-height:30px;text-align:center;}
.suspension li .pic:after{content:"";display:inline-block;position:absolute;top:24px;right:-12px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #fff;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.suspension li .pic img{float:left;width:100%;border-bottom:1px #eaeaea solid;}
.suspension li:hover .pic{display:block;}