@import "iconfont.css";
html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,form,p{margin:0;padding:0;}
body{background:#000 url(../images/bg.gif);font-size:14px;}
img{vertical-align:top;border:0;} 
ol,ul,li{list-style:none;}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration:none;}
li{list-style:none}
input{font-family:inherit;font-size:inherit;line-height:inherit}
input::-moz-focus-inner{padding:0;border:0}
.mt{margin-top:20px;}
.bm{margin-bottom:15px;}
.header{position:fixed;top:0;left:0;width:100%;height:60px;background:#1e1e1e;z-index:9999;}
.header .logo{float:left;height:50px;margin:5px 0;}
.header .logo img{float:left;height:100%;}
.header .fa-bars{display:none;}
.header .nav{float:left;margin:0 15px;}
.header .nav li{float:left;height:60px;line-height:60px;}
.header .nav li a{display:block;color:#fff;padding:0 15px;}
.header .nav li a:hover{background:rgba(0,0,0,0.1);}
.header .nav li .fa{margin-right:3px;}
.header .search{float:right;height:30px;background:#fff;border-radius:4px;overflow:hidden;margin:15px 0;}
.header .search .seh_v{float:left;width:150px;height:28px;font-size:12px;color:#666;border:0;outline:0;padding-left:8px;}
.header .search .seh_b{float:left;width:30px;height:30px;line-height:30px;background:#fff;border:0;outline:0;}
.header .search .fa{float:left;width:100%;height:30px;line-height:30px;font-size:18px;color:#4FB4DE;text-align:center;}
.main{float:left;width:calc(100% - 30px);padding:5px 15px;margin:80px 0 20px 0;background:#2d2e33;border-radius:5px;}
.title{float:left;width:100%;height:30px;overflow:hidden;}
.title h1{float:left;height:30px;font-size:16px;line-height:30px;color:#fff;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:#4FB4DE;}
.title .pagedata{float:right;height:30px;font-size:13px;line-height:30px;color:#fff;}
.title .pagedata span{color:red;margin:0 3px;}
.ihot{float:left;margin:10px -10px;}
.yy_ihot{float:left;width:calc(25% - 20px);background:#cccbcb61;box-shadow:0 0 30px 0 rgba(65,67,70,.08);margin:10px;}
.yy_ihot h1{float:left;width:100%;height:50px;font-size:16px;line-height:50px;color:#fff;text-align:center;position:relative;border-bottom:1px #777 solid;}
.yy_ihot h1:after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:3px;border-radius:2px;}
.yy_ihot:nth-of-type(1) h1:after{background:#d77b94;box-shadow:0 2px 4px 0 rgba(215,123,148,.4);}
.yy_ihot:nth-of-type(2) h1:after{background:#6c98b3;box-shadow:0 2px 4px 0 rgba(108,152,179,.4);}
.yy_ihot:nth-of-type(3) h1:after{background:#6cbdb4;box-shadow:0 2px 4px 0 rgba(108,189,180,.4);}
.yy_ihot:nth-of-type(4) h1:after{background:#b4bd6c;box-shadow:0 2px 4px 0 rgba(180,189,108,.4);}
.yy_ihot li{float:left;width:calc(100% - 20px);overflow:hidden;margin:10px 0;padding:0 10px;}
.yy_ihot li span{float:left;width:24px;height:24px;font-size:13px;font-weight:bold;line-height:24px;color:#fff;text-align:center;border-radius:50%}
.yy_ihot li:nth-of-type(1) span{background:#d21313;color:#fff;}
.yy_ihot li:nth-of-type(2) span{background:#ff6428;color:#fff;}
.yy_ihot li:nth-of-type(3) span{background:#ff850b;color:#fff;}
.yy_ihot li .name{float:right;width:calc(100% - 34px);height:24px;line-height:24px;overflow:hidden;}

.play_list{float:left;width:100%;}
.play_list ul{margin-left:-10px;margin-right:-10px;}
.play_list li{float:left;width:calc(23.9% - 7px);background:#cccbcb61;margin:10px 10px 5px 10px;}
.play_list li .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.play_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.play_list li .pic a:hover img{transform:scale(1.1);}
.play_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.play_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.play_list li .pic .fa{position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.play_list li .pic a:hover .fa{opacity:1;}
.play_list li .list_r{float:right;width:calc(100% - 80px);margin:5px 10px;}
.play_list li .list_text{float:left;width:calc(100% - 20px);margin:5px 10px;}
.play_list li .name{float:left;width:100%;height:28px;overflow:hidden;}
.play_list li .name a.url{float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.play_list li .name a.mv{float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#4FB4DE;color:#fff;border-radius:3px;margin:5px;}
.play_list li .name a:hover.mv{opacity:0.4;}
.play_list li p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#ccc;overflow:hidden;}
.play_list li .singer{color:#ccc;}
.play_list li .size{margin:0 10px}

.ilingku_musiclist{float:left;width:100%;}
.ilingku_musiclist ul{margin-left:-10px;margin-right:-10px;}
.ilingku_musiclist li{float:left;width:calc(23.977% - 7px);background:#cccbcb61;margin:10px 10px 5px 10px;}
.ilingku_musiclist li .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.ilingku_musiclist li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.ilingku_musiclist li .pic a:hover img{transform:scale(1.1);}
.ilingku_musiclist li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.ilingku_musiclist li .pic a:hover .play{background:rgba(0,0,0,.5);}
.ilingku_musiclist li .pic .fa{position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.ilingku_musiclist li .pic a:hover .fa{opacity:1;}
.ilingku_musiclist li .list_r{float:right;width:calc(100% - 80px);margin:5px 10px;}
.ilingku_musiclist li .list_text{float:left;width:calc(100% - 20px);margin:5px 10px;}
.ilingku_musiclist li .name{float:left;width:100%;height:28px;overflow:hidden;}
.ilingku_musiclist li .name a.url{float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.ilingku_musiclist li .name a.mv{float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#4FB4DE;color:#fff;border-radius:3px;margin:5px;}
.ilingku_musiclist li .name a:hover.mv{opacity:0.4;}
.ilingku_musiclist li .name span.danger{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#ee0a24;color:#fff;border-radius:3px;margin:3px;margin-top:5px;}
.ilingku_musiclist li .name span.warning{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#ff976a;color:#fff;border-radius:3px;margin:3px;margin-top:5px;}
.ilingku_musiclist li .name span.primary{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#3fa6fc;color:#fff;border-radius:3px;margin:3px;margin-top:5px;}
.ilingku_musiclist li .name span.green{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#07c160;color:#fff;border-radius:3px;margin:3px;margin-top:5px;}
.ilingku_musiclist li p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#ccc;overflow:hidden;}
.ilingku_musiclist li .singer{color:#ccc;}
.ilingku_musiclist li .size{margin:0 10px}

.ilingku_piclist{float:left;width:100%;}
.ilingku_piclist ul{margin-left:-10px;margin-right:-10px;}
.ilingku_piclist li{float:left;width:calc(10% - 20px);margin:10px;}
.ilingku_piclist li .pic{float:left;width:100%;height:100%;overflow:hidden;position:relative}
.ilingku_piclist li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.ilingku_piclist li .pic .pic-text{ position: absolute; z-index: 2; bottom:0; width:100%; left:0; padding: 2px 5px; text-align:center; border-radius: 4px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-color: rgba(0,0,0,.6); color: #fff;}
.ilingku_piclist li .pic a:hover img{transform:scale(1.1);}
.ilingku_piclist li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.ilingku_piclist li .pic a:hover .play{background:rgba(0,0,0,.5);}
.ilingku_piclist li .pic .fa{position:absolute;font-size:30px;color:#fff;top:calc(50% - 10px);left:calc(50% - 10px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.ilingku_piclist li .pic a:hover .fa{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.ilingku_piclist li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}

.lkpic_list{float:left;width:100%;}
.lkpic_list ul{margin-left:-10px;margin-right:-10px;}
.lkpic_list li{float:left;width:calc(10% - 20px);margin:10px;}
.lkpic_list li .pic{float:left;width:100%;height:100%;overflow:hidden;position:relative}
.lkpic_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.lkpic_list li .pic a:hover img{transform:scale(1.1);}
.lkpic_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.lkpic_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.lkpic_list li .pic .fa{position:absolute;font-size:30px;color:#fff;top:calc(50% - 10px);left:calc(50% - 10px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.lkpic_list li .pic a:hover .fa{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.lkpic_list li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}

.video_list{float:left;width:100%;}
.video_list ul{margin-left:-10px;margin-right:-10px;}
.video_list li{float:left;width:calc(20% - 20px);margin:10px;}
.video_list li .pic{float:left;width:100%;height: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 .fa{position:absolute;font-size:30px;color:#fff;top:calc(50% - 10px);left:calc(50% - 10px);-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 .fa{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.video_list li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}

.ilingku_vlist {float:left;width:100%;}
.ilingku_vlist ul {margin-left:-10px;margin-right:-10px;}
.ilingku_vlist li {float:left;width:calc(20% - 20px);margin:10px;}
.ilingku_vlist li .pic {float:left;width:100%;height:100%;overflow:hidden;position:relative}
.ilingku_vlist li .pic img {float:left;width:100%;height:100%;transition:all 0.6s;}
.ilingku_vlist li .pic .pic-text{ position: absolute; z-index: 2; bottom: 5px; right: 5px; padding: 2px 5px; border-radius: 4px; font-size: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-color: rgba(0,0,0,.6); color: #fff;}
.ilingku_vlist li .pic .pic-hot{ position: absolute; z-index: 2; top: 5px; left: 5px; padding: 2px 5px; border-radius: 4px; font-size: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-color: rgba(0,0,0,.6); color: #fff;}
.ilingku_vlist li .pic a:hover img {transform:scale(1.1);}
.ilingku_vlist li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.ilingku_vlist li .pic a:hover .play {top:0;z-index:1;height:100%;background:url(../images/vplay.png) center center no-repeat;}
.ilingku_vlist li .pic .fa {position:absolute;font-size:30px;color:#fff;top:calc(50% - 10px);left:calc(50% - 10px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.ilingku_vlist li .pic a:hover .fa {-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.ilingku_vlist li .name {float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}
.ilingku_vlist li .singer{float:left;width:100%;height:28px;overflow:hidden;}

.singer_list{float:left;width:100%;}
.singer_list ul{margin-left:-10px;margin-right:-10px;}
.singer_list li{float:left;width:calc(10% - 20px);position:relative;margin:10px;}
.singer_list li .pic{float:left;width:100%;overflow:hidden;position:relative}
.singer_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.singer_list li .pic a:hover img{transform:scale(1.1);}
.singer_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.singer_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.singer_list li .name{position:absolute;bottom:0;text-align:center;color:#fff;width:100%;height:24px;line-height:24px;font-size:12px;background:rgba(0,0,0,.5);overflow:hidden;}
.singer_list li .name a{color:#fff;}

.singer_info{float:left;width:calc(100% - 20px);padding:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.singer_info .pic{float:left;width:120px;height:100%;position:relative}
.singer_info .pic img{float:left;border-radius: 50%;object-fit: cover;width:100%;height:100%}
.singer_info .pic span{position:absolute;left:0;display:inline-block;width:100%}
/*.singer_info .pic span.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}*/
.singer_info .list_r{float:right;width:calc(100% - 133px);}
.singer_info h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#fff;}
.singer_info .info{float:left;width:100%;line-height:24px;font-size:13px;color:#ccc;height: 90px;    overflow: hidden;text-overflow: ellipsis;}

.page{float:left;width:100%;line-height:24px;margin:15px 0;text-align:center}
.page a{display:inline-block;padding:0 5px;color:#fff;margin:5px;border:1px #666 solid}
.page a:hover,.page a.current{background:#4FB4DE;color:#fff;border:1px #4FB4DE solid}
.container{width:1280px;margin:0 auto;}
.here{float:left;width:100%;line-height:24px;color:#999;margin:10px 0;}
.here a{color:#999;}
.class{float:left;width:100%;}
.class h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#4FB4DE;text-align:center;margin:8px 0;}
.class ul{float:left;width:calc(100% - 80px);}
.class li{float:left;width:calc(7.9999% - 13px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 16px;}
.class li a{display:block;}
.class li a:hover,.class li a.current{color:#ff0000;font-weight:bold;}
.gsclass{float:left;width:100%;}
.gsclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#4FB4DE;text-align:center;margin:8px 0;}
.gsclass ul{float:left;width:calc(100% - 80px);}
.gsclass li{float:left;width:calc(10% - 60px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 16px;}
.gsclass li a{display:block;}
.gsclass li a:hover,.gsclass li a.current{color:#ff0000;font-weight:bold;}
.zmclass{float:left;width:100%;}
.zmclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#4FB4DE;text-align:center;margin:8px 0;}
.zmclass ul{float:left;width:calc(100% - 80px);}
.zmclass li{float:left;width:calc(10% - 90px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 13px;}
.zmclass li a{display:block;}
.zmclass li a:hover,.zmclass li a.current{color:#ff0000;font-weight:bold;}
.gdclass{float:left;width:100%;}
.gdclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#4FB4DE;text-align:center;margin:8px 0;}
.gdclass ul{float:left;width:calc(100% - 80px);}
.gdclass li{float:left;width:calc(10% - 90px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 16px;}
.gdclass li a{display:block;}
.gdclass li a:hover,.gdclass li a.current{color:#ff0000;font-weight:bold;}

.lkplayer{float:left;width:100%;height:480px;background:#000;position:relative;margin-top:5px;}
#lkplayer{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}
.geci_left{float:left;width:49%;}
.geci_right{float:right;width:49%;padding-left:15px;border-left:1px #666 dashed;}
.play_left{float:left;width:calc(100% - 350px);}
.play_right{float:right;width:315px;padding-left:15px;border-left:1px #666 dashed;margin-top:10px;}
.play_left_sm{float:left;width:100%;line-height:24px;color:#666;margin-top:10px;}
.play_left_sm span{color:red;font-weight:bold;}

.play_singer{float:left;width:100%;border-bottom:1px #969595 dashed;padding-bottom:10px;margin-bottom: 5px;}
.play_singer .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative}
.play_singer .pic img{float:left;width:100%;height:100%;transition:all 0.6s;border-radius: 5px;}
.play_singer .pic a:hover img{transform:scale(1.1);}
.play_singer .center{float:left;width:calc(100% - 150px);margin:0 10px;}
.play_singer .name{float:left;width:100%;height:24px;font-size:15px;line-height:24px;margin:3px 0;}
.play_singer .info{float:left;width:100%;height:24px;font-size:13px;line-height:24px;color:#888;}
.play_singer #num{margin:0 3px;color:red;}
.play_singer .btn{float:right;height:30px;line-height:30px;margin:15px 0;}
.play_singer .btn a{display:block;padding:0 20px;color:#fff;background:linear-gradient(to right,#0d949b,#4FB4DE);border-radius:5px;}
.play_singer .btn a:hover{background:linear-gradient(to left,#0d949b,#4FB4DE);}

.dance_down{float:left;width:100%;height:48px;}
.dance_down li{float:left;width:50%;height:48px;line-height:48px;text-align:center;color:#fff;overflow:hidden;}
.dance_down li a{display:block;color:#fff;}
.dance_down li a:hover{opacity:0.8;}
.dance_down li a.left{background:#fa4826;border-radius:5px 0 0 5px;}
.dance_down li a.right{background:#0abaed;border-radius:0 5px 5px 0;}

.geci_down{float:left;width:100%;height:48px;}
.geci_down li{float:left;width:33.33%;height:48px;line-height:48px;text-align:center;color:#fff;overflow:hidden;}
.geci_down li a{display:block;color:#fff;}
.geci_down li a:hover{opacity:0.8;}
.geci_down li a.left{background:#fa4826;border-radius:5px 0 0 5px;}
.geci_down li a.center{background:#31c27c;}
.geci_down li a.right{background:#0f95bc;border-radius:0 5px 5px 0;}

.geci{float:left;width:100%;height:290px;overflow-x:hidden;margin-bottom:10px;}
.lkgeci{float:left;width:100%;height:405px;overflow-x:hidden;margin-bottom:10px;}
.kwgeci{float:left;width:100%;height:190px;overflow-x:hidden;margin-bottom:10px;}
.lk_geci{float:left;width:100%;height:500px;overflow-x:hidden;color:#fff;}
#jp_container_1{float:left;width:100%;}
.djpic{float:left;width:100px;position:relative;}
.djpic img{float:left;width:100%;height:100%;border-radius:50%;}
.djpic .state{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:50%;}
.djpic .state span{float:left;padding-top:50%;width:100%;height:calc(50% - 15px);line-height:30px;background:url(../images/player_state_paused.png) center no-repeat;text-align:center;color:#fff;}
.djpic .state span.play{background:url(../images/player_state_playing.gif) center no-repeat;}
.djname{float:left;width:100%;height:24px;line-height:24px;color:#fff;overflow:hidden;}
.jp_right{float:right;width:calc(100% - 120px);}
.jp-progress, .jp-play-bar, .jp-seek-bar{width:100%;height:4px;line-height:4px;font-size:0;cursor:pointer;}
.jp-progress{float:left;width:100%;margin:15px 0;background:#545454;}
.jp-seek-bar{width:3px;background:#999;}
.jp-play-bar{width:3px;background:#2aabdb;position:relative;}
.jp-play-bar:after{content:"";display:inline-block;position:absolute;top:-3px;right:-5px;width:10px;height:10px;background:#2aabdb;border-radius:50%;}
.jp-controls{float:left;height:32px;}
.jp-controls li{float:left;width:32px;height:32px;overflow:hidden;}
.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-time-holder{float:left;height:24px;line-height:24px;margin:8px 0 8px 5px;color:#fff;}
.lrc_geci,#lrc_content{float:left;width:100%;height:120px;overflow-y:auto;border:1px #333 solid;margin-top:15px;color:#fff;}
.lrc_geci{padding-top:60px;}
#lrc_content{display:none;}
#lrc_list li{float:left;width:100%;line-height:30px;text-align:center;}
#lrc_list li.hover{font-size:16px;color:#ff0000;font-weight:bold;}
.jp-volume{float:right;height:18px;position:relative;margin-top:10px;}
.jp-volume li{float:left;width:18px;height:18px;overflow:hidden;}
.jp-volume li a{display:block;height:18px;background:url(../images/player.png) no-repeat;text-indent:-9999px;}
.jp-volume li a.jp-mute{background-position:-246px -21px;}
.jp-volume 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:#999;}
.jp-volume-bar{margin:7px 0 0 5px;}
.jp-volume-bar-value{background:#2aabdb;position:relative;}
.jp-volume-bar-value:after{content:"";display:inline-block;position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:#2aabdb;border-radius:50%;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
.rotate{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 6s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 6s;
    -webkit-animation: rotate 6s linear infinite;
    -moz-animation: rotate 6s linear infinite;
    -o-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
	animation-play-state:paused;
}
.download{float:left;width:100%;margin:10px 0;color:#fff;}
.download li{float:left;width:100%;height:24px;line-height:24px;text-align:center;margin:5px 0;}
.download li a{display:inline-block;padding:0 8px;color:#fff;background:linear-gradient(to right,#4FB4DE,#4FB4DE);border-radius:5px;margin:0 5px;}
.download li a:hover{background:linear-gradient(to left,#4FB4DE,#4FB4DE);}
.download li .fa{margin-right:3px;}
.footer{line-height:30px;clear:both;background:#181818;margin-top:20px;color:#fff;text-align:center;padding:20px;}
.footer a{color:#fff;text-decoration:none}
.mfooter{line-height:30px;clear:both;background:#181818;margin-top:20px;;margin-bottom:50px;color:#fff;text-align:center;padding:20px;}
.mfooter a{color:#fff;text-decoration:none}
/*视频首页幻灯*/
.slides li{float:left;width:100%;height:100%;position:relative;}
.slides li img{float:left;width:100%;height:290px;}
.slides li .name{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/play_bg.png) 0 bottom repeat-x;color:#fff;}
.slides li .name h1{position:absolute;bottom:15px;left:0;width:calc(100% - 20px);font-size:15px;height:30px;line-height:30px;margin:0 10px;z-index:999;}

.flex-control-nav{position:absolute;top:-5px;right:8px;z-index:999;margin:10px 0 0 0;}
.flex-control-nav li{float:left;width:8px;height:8px;margin:5px;}
.flex-control-nav li a{display:block;width:8px;height:8px;background:#fff;cursor:pointer;border-radius:50%;line-height:30px;overflow:hidden;}
.flex-control-nav .flex-active{background:#509524;}
.flex-direction-nav{position:absolute;z-index:99;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;}

.lei_focus{float:left;width:563px;background:#000;position:relative;height:290px;overflow:hidden;margin:5px 0;}
.lei_focus .flex-prev{left:0;background-position:0 0;}
.lei_focus .flex-next {right:0;background-position:-41px 0;}
.lei_focus .flex-next:hover{background-position:-41px -41px;}
.lei_focus .flex-prev:hover {background-position:0 -41px;}
.lei_new{float:left;width:100%;margin:5px 0;}

.xinpic{float:left;width:219px;height:140px;position:relative;margin:5px 0 5px 10px;}
.xinpic:nth-of-type(8){margin:5px 0;}
.xinpic:nth-of-type(13){margin:5px 0;}
.xinpic .pic{float:left;width:100%;height:100%;overflow:hidden;}
.xinpic .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.xinpic a:hover .pic img{transform:scale(1.1);} 

.xinpic a .pic img .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.xinpic a:hover .pic img .play{background:rgba(0,0,0,.5);}
.xinpic a .pic img .icon{position:absolute;width:50px;height:50px;font-size:50px;color:#fff;top:calc(50% - 25px);left:calc(50% - 25px);-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;transition:all 0.6s linear;opacity:0;}
.xinpic a:hover .pic img .icon{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}

.xinpic .mvxx{position:absolute;left:0;top:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
.xinpic a:hover .mvxx{display:block;}
.xinpic .mvxx .title{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:48px;font-size:15px;line-height:24px;z-index:999;overflow:hidden;color:#fff;}
.xinpic .mvxx .span{position:absolute;bottom:10px;left:5px;width:calc(100% - 10px);height:24px;font-size:13px;line-height:24px;color:#aaa;text-indent:20px;}
.xinpic .mvxx .span span{float:left;height:24px;background:url(../images/mv_vico.png) no-repeat;margin:0 5px;}
.xinpic .mvxx .span span.lei_01{background-position:0 -2px;}
.xinpic .mvxx .span span.lei_02{background-position:0 -30px;}
.xinpic .mvxx .span span.lei_03{background-position:0 -84px;}
.xinpic .mvxx .span span.lei_04{background-position:1px -57px;}
.xinpic .good{position:absolute;top:10px;left:10px;padding:0 5px;color:#fff;border-radius:5px;height:20px;font-size:12px;line-height:20px;background:#ff0000;z-index:2;}
.xinpic a:hover .good{display:none;}
.xinpic .name{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/play_bg.png) 0 bottom repeat-x;color:#fff;}
.xinpic a:hover .name{display:none;}
.xinpic .name h1{position:absolute;bottom:5px;left:0;width:calc(100% - 20px);height:30px;font-size:13px;line-height:30px;margin:0 10px;z-index:999;overflow:hidden;}
#backTop{ width:40px; height:40px; position:fixed; right:10px; bottom:30%;display:none;border-radius:3px;background:url(../images/backTop.png) 0 0 no-repeat;z-index:9999999;}
.ilingku-input{width:88%;padding-left: 10px;height: 38px;line-height: 1.3;color: rgba(0,0,0,.85);}
.ilingku-btn{background-color: #0f95bc;color: #fff;height:44px;width:10%;}
/* 播放器 */
.player_con{box-sizing:border-box;padding:10px;border:0px solid #fff;box-shadow:0 0 2px 0 rgba(30,35,42,0.1);margin-top:10px;border-radius:4px}
.player_con .player{position:relative;padding-left:220px}
.player_con .player .cover{position:absolute;left:0;top:0;width:200px;height:200px}
.player_con .cover .bt_ctr{width:40%;height:40%;position:absolute;left:30%;top:30%}
.player_con .cover .bt_play{background:url("../images/play.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .cover .bt_pause{background:url("../images/pause.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .player .name{height:40px;line-height:40px;font-size:17px;font-weight:bold;text-align:center}
.player_con .player .name span{color:#999;font-size:14px;font-weight:normal;margin-left:10px;}
.player_con .player .lrc{height:120px;text-align:center;overflow:hidden;box-sizing:border-box;color:#fff;}
.player_con .player .item{line-height:30px;font-size:15px}
.player_con .player .item.on{font-size:16px;color:#ff0000;font-weight:bold}
.player_con .player .timer{height:30px;position:relative;padding-left:560px;line-height:30px;font-size:15px;color:#fff;}
.player_con .player .timer .ctr{position:absolute;left:10px;top:0;height:30px;width:30px;z-index:2;cursor:pointer}
.player_con .player .timer .bt_ctr{width:100%;height:100%;display:none}
.player_con .player .timer .bt_ctr.bt_play{background:url("../images/timer_play_pc.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .player .timer .bt_ctr.bt_pause{background:url("../images/timer_pause_pc.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .player .progress_con{position:absolute;left:50px;width:500px;height:100%;top:0;cursor:pointer}
.player_con .player .progress_con .bar{position:absolute;left:0;width:100%;height:6px;top:12px}
.player_con .player .circle{position:absolute;left:0;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1px solid #0f95bc;top:7px;background-color:#fff;transform:translateX(-50%)}
.player_con .list{margin-top:10px}
.player_con .list .item{height:36px;line-height:36px;padding-left:40px;box-sizing:border-box;padding-right:120px;position:relative;border-bottom:1px solid #eee;cursor:pointer}
.player_con .list .item:hover{background-color:#eee}
.player_con .list .item:last-child{border-bottom:none}
.player_con .list .item.on{border-bottom:none;background-color:#e9e9e9}
.player_con .list .number{position:absolute;left:3px;width:36px;top:0;text-align:center}
.player_con .list .singer{position:absolute;top:0;right:10px;width:110px;text-align:right}
.player_con .list .music{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.player_con .list .item .line{position:absolute;left:0;top:7px;width:3px;height:22px}
.player_con .list .item.on .line{background-color:#0f95bc}

.header .container .pull-right .search_con {width:100%;box-sizing:border-box;position:relative;}
.header .container .pull-right .search_con .input {box-shadow:rgba(0,34,77,0.1) 0 2px 2px 0,rgba(30,35,42,0.05) 0 0 0 1px;height:44px;border-radius:2px;-webkit-transition:box-shadow 200ms cubic-bezier(0.4,0,0.2,1);transition:box-shadow 200ms cubic-bezier(0.4,0,0.2,1);position:relative;z-index:9999;}
.header .container .pull-right .search_con .input:hover {box-shadow:rgba(0,34,77,0.1) 0 4px 4px 0,rgba(30,35,42,0.1) 0 0 0 1px;}
.header .container .pull-right .search_con .input input {width:100%;height:100%;display:block;box-sizing:border-box;outline:none;border:none;padding:0 54px 0 20px;line-height:44px;}
/*.header .container .pull-right .search_con .search_result {display:none;float:right;width:300px;background-color:#ebebeb;}*/
.header .container .pull-right .search_con .search_result {display: none;width: 300px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;position: absolute;top: 60px;right:0;border-top: 1px solid #333;background-color: #333;z-index: 2;}
.header .container .pull-right .search_con .search_result .search_bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
.header .container .pull-right .search_con .search_list {display:none;position:relative;z-index:9999;}
.header .container .pull-right .search_con .search_list .item {height:38px;line-height:48px;font-size:14px;color:#333;cursor:pointer;padding:0 20px;}
.header .container .pull-right .search_con .search_list .item a {display:block;width:100%;height:100%;}
.header .container .pull-right .search_con .search_list .item:hover {background-color:#4FB4DE;}
.header .container .pull-right .search_box {position:relative;z-index:9999;background-color:#fff;}
.header .container .pull-right.search_box .search_history {display:none;}
.header .container .pull-right .search_box .title {height:30px;line-height:30px;font-size:13px;padding:0 20px;position:relative;}
.header .container .pull-right .search_box .title {float:left;width:100%;height:30px;overflow:hidden;margin:5px 5px 5px 0;}
.header .container .pull-right .search_box .title h1 {float:left;height:30px;font-size:16px;line-height:30px;color:#fff;text-indent:12px;position:relative;}
.header .container .pull-right .search_box .title h1:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:5px;height:16px;border-radius:5px;background:#4FB4DE;}
.header .container .pull-right .search_box .title .pagedata {float:right;height:30px;font-size:13px;line-height:30px;color:#666;}
.header .container .pull-right .search_box .title .pagedata span {color:red;margin:0 3px;}
.header .container .pull-right .search_box .list {margin-top:5px;}
.header .container .pull-right .search_box .list .item {font-size:14px;color:#fff;background-color:#000;height:28px;line-height:28px;padding:0 10px;border-radius:15px;float:left;margin-left:20px;margin-bottom:8px;cursor:pointer;}
.header .container .pull-right .search_box .list .item:hover {background-color:#999;}
.text_list{float:left;width:100%;margin-top: 14px;padding-bottom: 14px;color:#fff;}
.text_list ul{margin-left:-10px;margin-right:-20px;}
.text_list li{float:left;width:calc(50% - 44px);padding:5px 10px;border-radius:4px;box-shadow:0 0 5px #818481;margin:10px 6px 4px 10px;}
.text_list li .name{float:left;max-width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden;}
.text_list li .text{float:left;text-align: justify;line-height: 18px;padding-top: 3px;padding-right: 15px;height: 60px;width:98%;overflow-y: auto;overflow: hidden;text-overflow: ellipsis;}
.text_list li .text a{display:block;}
.text_list li .text a:hover{display:block;color:#666;}
.text_list li .playtime{float:left;width:100%;height:20px;overflow:hidden;color:Yellow;}
#layui-layer1{background-color:#000;}
#layui-layer2{background-color:#000;}
@media screen and (max-width: 750px) {
.lei_new{float:left;width: 100%!important;height:100%!important;}
.lei_focus{float:left;width:100%!important;background:#000;position:relative;height:100%!important;overflow:hidden;}
.lei_focus .flex-prev{left:0;background-position:0 0;}
.lei_focus .flex-next {right:0;background-position:-41px 0;}
.lei_focus .flex-next:hover{background-position:-41px -41px;}
.lei_focus .flex-prev:hover {background-position:0 -41px;}
.slides li{float:left;width:100%;height:100%!important;position:relative;}
.slides li img{float:left;width:100%;height:100%!important;}
.slides li .name{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/play_bg.png) 0 bottom repeat-x;color:#fff;}
.slides li .name h1{position:absolute;bottom:5px;left:0;width:calc(100% - 20px);font-size:15px;height:30px;line-height:30px;margin:0 20px;z-index:999;}
.flex-control-nav{position:absolute;top:-5px;right:8px;z-index:999;}
.flex-control-nav li{float:left;width:8px;height:8px;margin:5px;}
.flex-control-nav li a{display:block;width:8px;height:8px;background:#fff;cursor:pointer;border-radius:50%;line-height:30px;overflow:hidden;}
.flex-control-nav .flex-active{background:#4FB4DE;}
.flex-direction-nav{position:absolute;z-index:99;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;}
#lkpc{display: none!important;}
.lkpc{display: none!important;}
#lkmobile{display: block!important;}
.lkmobile{display: block!important;}
.fed-tabr-advs, .fed-tabr-info { width: 100%; position: fixed; z-index: 999 }
.fed-tabr-info { bottom: 0 }
.fed-tabr-info li { display: table-cell; width: 1% }
.fed-tabr-info span { display: block; line-height: 1.25rem; padding-bottom: .3125rem }
.fed-tabr-info .fed-icon-font { display: block; padding-top: .3125rem; line-height: 1.5625rem; font-size: 1.5rem }
.fed-back-whits { background-color: #181818!important; color: #333!important }
.fed-min-width { min-width: 20rem }
.fed-line-bottom:after, .fed-line-top:before { position: absolute; left: 0; right: 0; z-index: 99; content: ""; height: .0625rem; transform-origin: 0 0; transform: scaleY(.5) }
.fed-line-top:before { top: 0; border-top: .0625rem solid #333;}
.fed-part-rows { position: relative; overflow: hidden }
.fed-part-both:after, .fed-part-rows:after, .fed-part-rows:before { content: ""; display: block; clear: both }
.fed-text-center { text-align: center!important }
.fed-visible { display: block }
.fed-text-green { color: #4FB4DE!important }
.text_list ul{margin-left:0px;margin-right:20px;}
.text_list li{width:calc(100% - 20px);}
}
.lkgc {float:right;width:335px;padding:13px 10px 10px 10px;overflow-y:auto;height:200px;border-left:1px dashed #0abaed;}
#lkpc{display: block;}
.lkpc{display: block;}
#lkmobile{display: none;}
.lkmobile{display: none;}
.tags{float:left;width:calc(100% - 10px);padding:5px;/*background:#fff;*/}
.tags li{float:left;height:24px;font-size:13px;line-height:24px;margin:10px 3px;}
.tags li a{display:block;color:#fff;padding:0 11.5px;border-radius:4px;}
.tags li a:hover{color:#fff;background:#4FB4DE;}
.tags li .tag0{background:#efac82;}
.tags li .tag1{background:#84c7cf;}
.tags li .tag2{background:#d69899;}
.tags li .tag3{background:#d59ad4;}
.tags li .tag4{background:#c9b070;}
.tags li .tag5{background:#b0d699;}
.tags li .tag6{background:#eda29e;}
.tags li .tag7{background:#1cbfff;}
.tags li .tag8{background:#ff8010;}
.tags li .tag9{background:#f879f9;}

.lei_fl{float:left;width:100%;border:1px #666 solid;margin-bottom:10px;}
.lei_fl .m_bor{border-bottom:1px #666 solid;}
.lei_fl .menu{float:left;width:100%;height:41px;margin-top:15px;}
.lei_fl .menu li{float:left;height:26px;font:15px/26px "Microsoft Yahei";margin:0 15px;}
.lei_fl .menu li a{display:block;color:#888;}
.lei_fl .menu li a:hover,.lei_fl .menu li a.current{color:#f4075e;}
.lei_fl .menu li.zm{margin:0 15px;}

.singer_lei_fl{float:left;width:100%;border:1px #666 solid;/*margin-bottom:-15px;*/}
.singer_lei_fl .m_bor{border-bottom:1px #666 solid;}
.singer_lei_fl .menu{float:left;width:100%;height:41px;margin-top:15px;}
.singer_lei_fl .menu li{float:left;height:26px;font:15px/26px "Microsoft Yahei";margin:0 18px;}
.singer_lei_fl .menu li a{display:block;color:#888;}
.singer_lei_fl .menu li a:hover,.singer_lei_fl .menu li a.current{color:#f4075e;}
.singer_lei_fl .menu li.zm{margin:0 15px;}

.lei_link{float:left;width:100%;margin:10px;}
.lei_link h1{float:left;width:100%;height:34px;color:#333;font:bold 24px/34px "Microsoft Yahei";text-align:center}
.lei_link span{float:left;width:100%;height:28px;color:#888;font:13px/28px "Microsoft Yahei";text-align:center}
.lei_link li{float:left;height:20px;font:14px/20px "Microsoft Yahei";color:#666;margin:5px 25px 5px 0 }
.lei_link li a{color:#999;}

.lingku_plist{float:left;width:100%;}
.lingku_plist ul{margin-left:-10px;margin-right:-10px;}
.lingku_plist li{float:left;width:calc(100% - 20px);background:#cccbcb61;margin:10px;}
.lingku_plist li .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.lingku_plist li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.lingku_plist li .pic a:hover img{transform:scale(1.1);}
.lingku_plist li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.lingku_plist li .pic a:hover .play{background:rgba(0,0,0,.5);}
.lingku_plist li .pic .fa{position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.lingku_plist li .pic a:hover .fa{opacity:1;}
.lingku_plist li .list_r{float:right;width:calc(100% - 80px);margin:5px 10px;}
.lingku_plist li .list_so{float:left;width:calc(100% - 20px);margin:5px 10px;}
.lingku_plist li .name{float:left;width:100%;height:28px;overflow:hidden;}
.lingku_plist li .name a.url{float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.lingku_plist li .name a.mv{float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#4FB4DE;color:#fff;border-radius:3px;margin:5px;}
.lingku_plist li .name a:hover.mv{opacity:0.4;}
.lingku_plist li p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#888;overflow:hidden;}
.lingku_plist li .singer{color:#888;}
.lingku_plist li .size{margin:0 10px}
@-webkit-keyframes rowup {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -307px, 0);
transform: translate3d(0, -307px, 0);
}
}
@keyframes rowup {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -307px, 0);
transform: translate3d(0, -307px, 0);
}
}
.lingku_plist{
margin: 5px auto;
position: relative;
height: 335px;
overflow: hidden;
}
.lingku_plist .rowup{
-webkit-animation: 10s rowup linear infinite normal;
animation: 10s rowup linear infinite normal;
position: relative;
}
.popup-body{float:left;width:calc(100% - 40px);background:rgb(0, 0, 0);border-radius:5px;padding:10px 20px;margin-top:15px;}
.popup-body li{float:left;width:33.3333%;height:24px;line-height:24px;color:#666;margin:5px 0;overflow:hidden;}
.popup-body li a{color:#8e8b95;}
@media screen and (min-width:768px){.class h1{height:24px;}}
@media screen and (max-width:767px){
  .ilingku_vlist li {width:calc(50% - 20px);}
  .header .logo{float:left;height:2.5rem;margin:10px 0;}
  .container{width:calc(100% - 20px);padding:0 10px;}
  .play_list li{width:calc(100% - 20px);}
  .ilingku_musiclist li{width:calc(100% - 20px);}
  .ilingku_piclist li {width:calc(33.3333% - 20px);}
  .video_list li{width:calc(50% - 20px);}
  .lkpic_list li{width:calc(50% - 20px);}
  .geci_left{width:calc(100% - 10px);}
  .geci_right{width:100%;padding-left:0;border-left:none;margin-top:20px;}
  .lk_geci{float:left;width:100%;height:290px;overflow-x:hidden;margin-bottom:10px;}
  .play_left{width:calc(100% - 10px);}
  .play_right{width:100%;padding-left:0;border-left:none;margin-top:20px;}
  .play_list{width:100%;}
  .ilingku_musiclist{width:100%;}
  .djpic{width:50%;margin:0 25% 20px 25%;}
  .jp_right{width:100%;}
  .yy_ihot{width:calc(100% - 20px);}
  .class h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .class ul{width:calc(100% - 20px);margin:3px 0;}
  .class li{width:calc(25% - 10px);margin:3px 0 3px 10px;}
  .zmclass h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .zmclass ul{width:calc(100% - 20px);margin:3px 0;}
  .zmclass li{width:calc(25% - 50px);margin:3px 0 3px 10px;}
  .gsclass h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .gsclass ul{width:calc(100% - 20px);margin:3px 0;}
  .gsclass li{width:calc(25% - 10px);margin:3px 0 3px 10px;}
  .gdclass h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .gdclass ul{width:calc(100% - 20px);margin:3px 0;}
  .gdclass li{width:calc(25% - 10px);margin:3px 0 3px 10px;}
  .singer_list li{width:calc(33.33% - 20px);}
  .singer_info .pic{width:100%;}
  /*.singer_info .pic img{display:none;}*/
  .singer_info .list_r{width:100%;}
  .lkplayer{height:auto;}
  .popup-body li{width:100%}
  .header .fa-bars{float:right;width:30px;height:30px;font-size:30px;display:block;color:#fff;margin-top:15px;margin-left:10px;}
  .header .nav{position:fixed;left:-15px;height:100%;width:150px;background:#181818;z-index:1001;display:none;}
  .header .nav li{width:100%;height:40px;line-height:40px;border-bottom:1px #333 solid;}
  .header .nav li a{display:block;color:#4FB4DE;}
  .header .nav li a:hover{color:#fff;}
  .header .search .seh_v{width:5rem;}
  .header .back{display:none;z-index:1000;position:fixed;left:0;top:0;height:300%;width:100%;background:rgba(0,0,0,0.8);}
.player_con{width:6.6rem;margin:0.2rem auto}
.player_con .player{padding-left:2.4rem;height:3.8rem}
.player_con .player .cover{width:2.2rem;height:2.2rem}
.player_con .player .name{position:absolute;left:0;top:2.3rem;width:100%;height:0.8rem;line-height:0.8rem;text-align:left}
.player_con .player .lrc{height:1.8rem;position:relative;top:0.2rem}
.player_con .player .item{line-height:0.6rem;font-size:0.28rem}
.player_con .player .timer{width:100%;box-sizing:border-box;position:absolute;left:0;top:3.2rem;padding-left:4.5rem;height:0.6rem;color:#fff;}
.player_con .player .progress_con{left:0.8rem;width:3.7rem;height:0.6rem}
.player_con .player .progress_con .bar{width:100%;height:0.12rem;top:0.24rem}
.player_con .player .circle{width:0.32rem;height:0.32rem;border-radius:50%;top:0.14rem;border:0.02rem solid #0f95bc}
.player_con .player .timer .ctr{width:0.6rem;height:0.6rem;left:0;}
.player_con .player .timer .bt_ctr.bt_play{background:url("../images/timer_play.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .player .timer .bt_ctr.bt_pause{background:url("../images/timer_pause.png") center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.player_con .player .timer .time{font-size:0.28rem;text-align:center;line-height:0.6rem;}
.player_con .list .number{font-size:0.26rem}
.player_con .list .music{font-size:0.28rem}
.player_con .list .singer{font-size:0.26rem}
.ilingku-input{width:65%;}
.ilingku-btn{width:28%;}
}

 /* notice */
.hide{display: none !important;}
.popupp{box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;padding:0 30px;background:#fff;width:370px;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin:0 auto;border-radius:18px;z-index:9999}
.popupp::after{content:'';height:80px;width:100%;position:absolute;top:0;left:0;z-index:-1;border-radius:18px 18px 0 0}
.popup-title::after{content:'';position:absolute;width:100%;height:30%;background:#fde6dd;border-radius:5px;left:0;bottom:5px;z-index:-1}
.popup-header{padding-top:25px;line-height:40px;text-align:center;margin-bottom:12px}
.popup-title{position:relative;font-size:18px;font-weight:900;display:inline-block}
.popup-main{padding-bottom:20px}
.popup-main p{color:#282828;line-height:1.6}
.popup-main p a{color:#ff2a14}
.popup-main p img{height:50%;width:50%;display:block;margin:0 auto}
.popup-footer{padding:10px 0 30px;text-align:center}
.popup-footer .url{margin:-15px -20px 0;color:#c2c6d0}
.popup-footer .url em{margin:0 5px;color:rgba(7,7,10,.92);font-weight:700;font-style:normal}
.popup-text:nth-child(2){margin-top:10px}
.popup-text{color:#fff;font-weight:700;width:100%;cursor:pointer;line-height:40px;display:inline-block;position:relative;z-index:9}
.popup-img:nth-child(2){margin-top:10px}
.popup-img{margin-top:10px;color:#fff;font-weight:700;width:100%;cursor:pointer;line-height:40px;display:inline-block;position:relative;z-index:9}
.popup-btn-o:nth-child(2){margin-top:10px}
.popup-btn-o{color:#fff;font-weight:700;width:100%;cursor:pointer;line-height:40px;display:inline-block;position:relative;z-index:9}
.popup-btn-o:hover{color:#fff}
.popup-btn-o:hover::after{box-shadow:0 10px 12px -4px rgba(229,9,20,.25)}
.popup-btn-o::after{border-radius:50px;border:1px solid #ff2a14;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;background:linear-gradient(to right,#ff711f 0,#e50914 100%);z-index:-1}
.popupp .article-bg{background-position:200% 0;background-size:70%}
.popupp .article-bg01{background-position:right -40px;bottom:0;transform:rotate(180deg)}
.article-bg{background-position:right;border-radius:0 18px 0 0;top:0}
.article-bg,.article-bg01{background:url(../images/article.png) no-repeat;position:absolute;z-index:1;right:0;width:100%;height:130px;background-size:contain}
.shortcuts-mobile-overlay{background-color:rgba(0,0,0,.5);pointer-events:auto;position:fixed;top:0;left:0;bottom:0;right:0;content:"";z-index:999}
@media(max-width:559px){.popupp{width:77%;padding:0 25px;font-size:14px;z-index:9999}
.pc{display:none!important}
.popup-header{margin:-5px 0}
.shortcuts-mobile-overlay{background-color:rgba(0,0,0,.6);z-index:999}
.popup-footer .url em{margin:0 3px;font-size:12px}
}