@charset "utf-8";
@import "iconfont.css";
html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,form,p {margin:0;padding:0;}
body {font-family:Microsoft Yahei,Arial,tahoma,Helvetica,sans-serif;font-size:14px;}
img {vertical-align:top;border:0;}
ol,ul,li {list-style:none;}
a {color:#333;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;}
.bo {margin-bottom:20px;}
.t15 {margin-top:15px;}
.d15 {margin-bottom:15px;}
.t10 {margin-top:10px;}
.d10 {margin-bottom:10px;}
.qx1 {border-top: 1px dashed rgba(150,149,149,.2);}
.tx1 {border-top: 1px dashed rgba(150,149,149,.2);}
.dx1 {border-bottom: 1px dashed rgba(150,149,149,.2);}
.header {width:100%;height:60px;box-shadow:0 5px 10px rgba(153,153,153,.1);position:relative}
.header .logo {float:left;height:40px;margin:10px 0;}
.header .logo img {float:left;height:100%;}
.header .icon-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:#666;padding:0 15px;font-size:15px;font-weight: bold;}
.header .nav li a.current {color:#0abaed;}
.header .nav li a:hover, .header .nav li a.active{color:#fff;background-color:#0abaed;}
.header .nav li a i{margin-right:3px;}
.header .search{float:right;margin:13px 0px;}
.header .search .seh_v{float:left;width:120px;height:34px;color:#666;font-size:13px;background:#f1f3f8;border:none;outline:0;padding:0 5px;}
.header .search .seh_list{float:left;width:55px;height:34px;background:#f1f3f8;position:relative;border-radius:5px 0 0 5px;}
.header .search .seh_list a{color:#666;}
.header .search .seh_list:after{content:"";display:inline-block;position:absolute;top:10px;right:1px;width:1px;height:16px;background:#e6f0ec;}
.header .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;}
.header .search .seh_list:hover .icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.header .search input:-webkit-autofill{-webkit-box-shadow:0 0 0px 100px #f1f3f8 inset !important;}
.header .search .keytxt{float:left;height:34px;line-height:36px;text-indent:8px;font-size:13px;}
.header .search .seh_sort{position:absolute;width:100%;background:#f1f3f8;left:0;padding:5px 0;top:32px;display:none;z-index:999;overflow:hidden;}
.header .search .seh_sort li{float:left;width:100%;height:24px;line-height:24px;font-size:13px;text-align:center;}
.header .search .seh_b{float:right;width:40px;height:34px;color:#fff;line-height:34px;background:#0abaed;border:0;outline:0;cursor:pointer;border-radius:0 4px 4px 0;}
.header .search .seh_b .icon{font-size:20px;color:#fff;text-align:center;}
.header .search_con {width:100%;box-sizing:border-box;position:relative;}
.header .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 .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 .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 .search_con .search_result {display:none;float:right;position:absolute;right:0;top:100%;width:230px;background:#eee;box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);box-sizing:border-box;border-top:1px solid #eee;z-index:99999999999999999;padding-bottom:5px;margin-top:60px;}
.header .search_con .search_bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;}
.header .search_con .search_list {display:none;position:relative;z-index:9999;background:#ebebeb;}
.header .search_con .search_list .item {height:38px;line-height:48px;font-size:14px;color:#333;cursor:pointer;padding:0 20px;}
.header .search_con .search_list .item a {display:block;width:100%;height:100%;}
.header .search_con .search_list .item:hover {background-color:#fdfdfd;}
.header .search_box {position:relative;z-index:9999;background-color:#fff;background:#ebebeb;}
.header .search_box .search_history {display:none;}
.header .search_box .title {height:30px;line-height:30px;font-size:13px;padding:0 20px;position:relative;}
.header .search_box .title {float:left;width:100%;height:30px;overflow:hidden;margin:0;}
.header .search_box .title h1 {float:left;height:30px;font-size:16px;line-height:30px;color:#333;text-indent:12px;position:relative;}
.header .search_box .title h1:after {content:"";display:inline-block;position:absolute;top:7px;left:0;width:5px;height:16px;border-radius:5px;background:#3fa6fc;}
.header .search_box .title .pagedata {float:right;height:30px;font-size:13px;line-height:30px;color:#666;}
.header .search_box .title .pagedata span {color:red;margin:0 3px;}
.header .search_box .list {margin-left:-5px;margin-right:5px;margin-top:5px;}
.header .search_box .list .item {font-size:14px;color:#111;background-color:#dfeaed;height:28px;line-height:28px;padding:0 10px;border-radius:15px;float:left;margin-left:20px;margin-bottom:8px;cursor:pointer;}
.header .search_box .list .item:hover {background-color:#eeeeee;}
.title {float:left;width:100%;height:30px;overflow:hidden;}
.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 .pagedata {float:right;height:30px;font-size:13px;line-height:30px;color:#666;}
.title .pagedata span {color:red;margin:0 3px;}
.title a.more {float:right;height:22px;font-size:13px;line-height:22px;color:#888;margin-top:5px;padding-right:12px;position:relative;}
.title a.more:after {content:' ';position:absolute;top: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.more {color:#3fa6fc;}
.title a:hover.more:after {border-left:1px #3fa6fc solid;border-top:1px #3fa6fc solid;}
.fixed {position:fixed;top:-40px;background:#fff;z-index:9999;}
.class {float:left;width:calc(100% - 20px);background:#fff;}
.class li {float:left;height:24px;line-height:24px;margin:5px;}
.class li a {display:block;color:#fff;padding:0 10px;}
.class li a:hover {color:#fff;background:#e23230;opacity:0.8;}
.class li .tag0 {background:#efac82;}
.class li .tag1 {background:#84c7cf;}
.class li .tag2 {background:#d69899;}
.class li .tag3 {background:#d59ad4;}
.class li .tag4 {background:#c9b070;}
.class li .tag5 {background:#b0d699;}
.class li .tag6 {background:#eda29e;}
.class li .tag7 {background:#1cbfff;}
.class li .tag8 {background:#ff8010;}
.class li .tag9 {background:#f879f9;}
.yy_ihot {float:left;width:calc(25% - 20px);background:#fff;box-shadow:0 0 30px 0 rgba(65,67,70,.08);border-radius:5px;position:relative;margin:20px 10px 0 10px;}
.yy_ihot:hover {transform:translate(0,-8px);transition:all .3s ease-out;}
.yy_ihot h1 {float:left;width:100%;height:90px;font-size:20px;font-weight:bold;line-height:90px;text-align:center;color:#fff;border-radius:5px 5px 0 0;margin-bottom:10px;}
.yy_ihot:nth-of-type(1) h1 {background:url(../images/hot_bg_01.png) no-repeat;background-size:100%;}
.yy_ihot:nth-of-type(2) h1 {background:url(../images/hot_bg_02.png) no-repeat;background-size:100%;}
.yy_ihot:nth-of-type(3) h1 {background:url(../images/hot_bg_03.png) no-repeat;background-size:100%;}
.yy_ihot:nth-of-type(4) h1 {background:url(../images/hot_bg_04.png) no-repeat;background-size:100%;}
.yy_ihot li {float:left;width:calc(100% - 20px);height:40px;overflow:hidden;margin:5px 0;padding:0 10px;}
.yy_ihot li .num {float:left;width:30px;height:40px;font-size:18px;line-height:40px;color:#ccc;text-align:center;}
.yy_ihot li .num.sz_1 {background:url(../images/3b197f.png) center center no-repeat;background-size:80%;text-indent:-999em;}
.yy_ihot li .num.sz_2 {background:url(../images/e2e488.png) center center no-repeat;background-size:80%;text-indent:-999em;}
.yy_ihot li .num.sz_3 {background:url(../images/5a11c7.png) center center no-repeat;background-size:80%;text-indent:-999em;}
.yy_ihot li .name {float:right;width:calc(100% - 35px);height:40px;line-height:40px;overflow:hidden;}

.play_list {float:left;width:100%;margin:-5px 0;}
.play_list ul {margin-left: -10px;margin-right: -10px;}
.play_list li {float:left;width:calc(25% - 20px);background:#f6f6f6;margin:10px 10px 0 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;background-image: url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:100%;}
.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 .playtime{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;}
.play_list li .pic .icon {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 .icon {opacity:1;}
.play_list li .list_r {float:right;width:calc(100% - 80px);margin:5px 10px;}
.play_list li .list_so {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.time {float:left;display:inline-block;max-width:calc(100% - 120px);height:29px;line-height:29px;overflow:hidden;color:rgb(10,186,237);font-size:12px;}
.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:#3fa6fc;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:#888;overflow:hidden;}
.play_list li .singer {color:#888;}
.play_list li .time {margin:0 10px}

.music_list{float:left;width:100%;}
.music_list ul{margin-left:-10px;margin-right:-10px;}
.music_list li{float: left;width: calc(25% - 17.5px);padding: 2px 10px;border-radius: 4px;box-shadow: 0 0 5px #a0a0a0;margin: 6px 7px 6px 10px;}
.music_list li .name{float:left;max-width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden;}
.music_list li .mv{float:right;width:22px;height:18px;font-size:12px;text-align:center;line-height:18px;margin:6px 4px;}
.music_list li .mv a{display:block;background:#059adb;color:#fff;border-radius:3px;}
.music_list li .mv a:hover{opacity:0.4;}

.lkmusic_list{float:left;width:100%;margin:4px 0;}
.lkmusic_list ul{margin-left:0px;margin-right:0px;}
.lkmusic_list li{float:left;width:calc(50% - 11px);height:30px;line-height:30px;padding:5px;background:#fff;overflow:hidden;}
.lkmusic_list li:nth-of-type(2n){margin-left:1px;}
.lkmusic_list li:nth-of-type(4n+1){background:#f6fafd;}
.lkmusic_list li:nth-of-type(4n+2){background:#f6fafd;}
.lkmusic_list li .pic{float:left;width:30px;height:100%;position:relative;}
.lkmusic_list li .pic img{float:left;width:100%;height:100%;}
.lkmusic_list li .lei_name{float:right;width: 100%;height:30px;color:#666;overflow:hidden;}
.lkmusic_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;}

.song_list {float:left;width:100%;margin:-5px 0;}
.song_list ul {margin-left: -10px;margin-right: -10px;}
.song_list li {float:left;width:calc(33.33% - 20px);background:#f6f6f6;margin:10px;}
.song_list li .pic {float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.song_list li .pic img {float:left;width:100%;height:100%;transition:all 0.6s;background-image: url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:100%;}
.song_list li .pic a:hover img {transform:scale(1.1);}
.song_list li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.song_list li .pic a:hover .play {background:rgba(0,0,0,.5);}
.song_list li .pic .icon {position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.song_list li .pic a:hover .icon {opacity:1;}
.song_list li .list_r {float:right;width:calc(100% - 80px);margin:5px 10px;}
.song_list li .list_so {float:left;width:calc(100% - 20px);margin:5px 10px;}
.song_list li .name {float:left;width:100%;height:28px;overflow:hidden;}
.song_list li .name a.url {float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.song_list li .name a.mv {float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#3fa6fc;color:#fff;border-radius:3px;margin:5px;}
.song_list li .name a:hover.mv {opacity:0.4;}
.song_list li p {float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#888;overflow:hidden;}
.song_list li .singer {color:#888;}
.song_list li .size {margin:0 10px}
.song_list li .time {margin:0 10px}

.video_list {float:left;width:100%;margin:-5px 0;}
.video_list ul {margin-left:-10px;margin-right:-10px;overflow:hidden;}
.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:240px;height:135px;transition:all 0.6s;background-image: url(https://h5static.kuwo.cn/upload/image/9f86d32fb35b4385f2e6e19c95e1975cfe56d2e0fc1ddaf99c53ef6e369742b3.png);background-size:100%;}
.video_list 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;}
.video_list 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;}
.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;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);-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 .name {float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}
.dplayer-menu {display:none!important}

.singer_list {float:left;width:100%;margin:-5px 0;}
.singer_list ul {margin-left:-10px;margin-right:-10px;overflow:hidden;}
.singer_list li {float:left;width:calc(10% - 20px);position:relative;margin:10px;}
.singer_list li .pic {width:100%;overflow:hidden;position:relative;background-image:url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:cover;background-position:center;padding-bottom:100%;height:0;}
.singer_list li .pic img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.6s;display:block;}
.singer_list li .pic img.hide {display:none !important;}
.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:200px;height:100%;position:relative}
.singer_info .pic img {float:left;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% - 220px);}
.singer_info h1 {float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.singer_info .info {float:left;width:100%;height:120px;line-height:24px;font-size:13px;color:#666;overflow-y:auto}
.singer_info .play {float:right;position:relative;right:10px;background: linear-gradient(135deg,#36d1dc,#5b86e5)!important;border: none!important;color: #fff!important;font-weight: 400;text-align: center;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: .375rem .95rem;font-size: 1rem;line-height: 1.5;border-radius:2rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.page {float:left;width:100%;line-height:24px;margin:15px 0px 0 0;text-align:center}
.page a {display:inline-block;padding:0 5px;color:#888;margin:5px;border:1px #ececec solid;border-radius:4px;}
.page a:hover,.page a.current {background:#0abaed;color:#fff;border:1px #3fa6fc solid}
.container {width:calc(100% - 20px);margin:0 auto;}
.here {float:left;width:100%;line-height:24px;color:#666;margin:10px 0;}
.here a {color:#666;}
.here .icon {float:left;font-size:24px;color:#888;margin-right:3px;}
.list_menu {float:left;width:170px;padding:15px 25px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px;}
.list_menu li {float:left;width:100%;height:30px;line-height:30px;color:#666;text-indent:20px;margin:8px 0;}
.list_menu li a {display:block;color:#666;border-radius:0 20px 20px 0;}
.list_menu li a:hover,.list_menu li a.current {background:linear-gradient(to right,#1f7ecc,#04E1FE);color:#fff;}
.dance_right {float:right;width:calc(100% - 250px);}
.dance_right .dance_list li {width:calc(20% - 20px);}

.dance_list {float:left;width:100%;margin:-5px 0;}
.dance_list ul {margin-left:-10px;margin-right:-10px;overflow:hidden;}
.dance_list li {float:left;width:calc(12.5% - 20px);margin:10px;}
.dance_list li .pic {float:left;width:100%;height:100%;overflow:hidden;border-radius:5px;position:relative;}
.dance_list li .pic img {float:left;width:150px;height:150px;transition:all 0.6s;background-image: url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:100%;}
.dance_list li .pic a:hover img {transform:scale(1.1);}
.dance_list li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.dance_list li .pic a:hover .play {background:rgba(0,0,0,.5);}
.dance_list li .pic .icon {position:absolute;width:40px;height:40px;font-size:40px;color:#fff;top:calc(50% - 20px);left:calc(50% - 20px);opacity:0;}
.dance_list li .pic a:hover .icon {opacity:1;}
.dance_list li .pic a.mv {position:absolute;top:10px;left:10px;height:20px;font-size:10px;line-height:20px;padding:0 5px;background:#3fa6fc;color:#fff;border-radius:3px;}
.dance_list li .pic .time {position:absolute;bottom:8px;right:8px;color:#fff;background:#000;padding:0 8px;border-radius:15px;height:20px;font-size:10px;line-height:20px;opacity:0.7;filter:alpha(opacity=70);}
.dance_list li .pic a:hover .time {display:none;}
.dance_list li .name {float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:5px;}
.dance_list li .name a {display:block;}
.dance_list li .singer {float:left;width:100%;height:20px;line-height:20px;font-size:13px;color:#888;overflow:hidden;}
.dance_list li .singer a {color:#888;}
.dance_list li .singer .icon {float:left;font-size:14px;margin-right:3px;}

.row {float:left;margin-left:-10px;margin-right:-10px;}
.player {float:left;width:100%;height: 540px;background:#000;position:relative;}
#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}
.play_left {float:left;width:calc(100% - 320px);}
.play_right {float:right;width:300px;}
.sm {float:left;width:100%;line-height:24px;color:#666;margin-top:10px;}
.sm span {color:red;font-weight:bold;}

.play_singer {float:left;width:calc(100% - 22px);border:1px #f0f0f0 solid;padding:10px;}
.play_singer .pic {float:left;width:60px;height:60px;border-radius:50%;overflow:hidden;position:relative}
.play_singer .pic img {float:left;width:100%;height:100%;transition:all 0.6s;}
.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 .info span{color:#ff0000;font-weight: bold;}
.play_singer #mv {top:10px;left:10px;height:20px;font-size:10px;line-height:20px;padding:0 5px;background:#3fa6fc;color:#fff;border-radius:3px;}
.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,#4894e9,#3fa6fc);border-radius:20px;}
.play_singer .btn a:hover {background:linear-gradient(to left,#4894e9,#3fa6fc);}
.play_singer_info {float:left;width: calc(100% - 22px);border: 1px #f0f0f0 solid;padding:0px 10px 10px 10px;margin-top:5px;}
.dance_down {float:left;width:100%;}
.dance_down li {float:left;width:100%;height:36px;line-height:36px;font-size:12px;text-align:center;color:#fff;overflow:hidden;margin:5px 0;}
.dance_down li a {display:block;color:#fff;border-radius:5px;}
.dance_down li:first-child a {background:#fa4826;}
.dance_down li:nth-of-type(2) a {background:#0f95bc;}
.dance_down li:nth-of-type(3) a {background:#6cbdb4;}
.dance_down li a:hover {opacity:0.8;}
.dance_down li .icon-share {margin-right:4px;}
#jp_container_1 {float:left;width:calc(100% - 30px);padding:15px;box-shadow:0 0 5px 0 rgba(65,67,70,.1);}
.djpic {float:left;width:90px;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:#333;overflow:hidden;}
.djname a.mv {display:inline-block;padding:0 5px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#3fa6fc;color:#fff;border-radius:3px;margin:2px 0 0 5px;}
.jp_right {float:right;width:calc(100% - 110px);}
.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:12px 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;}
.lrc_geci,#lrc_content {float:left;width:100%;height:174px;background:#f3f8fa;overflow-y:auto;margin-top:10px;}
.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:red;font-weight:bold;}
.geci {float:left;width:calc(50% - 10px);}
.geci#txt {margin-left:20px;}
.geci h1 {float:left;width:100%;line-height:30px;font-size:16px;text-align:center;}
.geci .text {float:left;width:calc(100% - 20px);height:400px;line-height:24px;background:#fff;padding:10px;overflow-x:hidden;border:1px #ececec solid;margin-top:5px;}
.lrc_info {float:left;width:calc(100% - 20px);line-height:24px;padding:5px 10px;background:#f6f6f6;border-radius:5px;}
.lrc_info p {margin-top:5px;}
.lrc_info .down {float:left;width:100%;margin:5px 0;}
.lrc_info .down li {float:left;height:36px;line-height:36px;color:#fff;margin:5px 15px 5px 0;}
.lrc_info .down li a {display:block;color:#fff;background:#0f95bc;padding:0 10px;border-radius:5px;}
.lrc_info .down li a:hover {opacity:0.8;}
.lrc_info .down li a.copy {background:#fa4826;}
.lrc_info .down li:nth-of-type(2) a {background:#0f95bc;}
.lrc_info .down li:nth-of-type(3) a {background:#ff6428;}
.lrc_info .down li:nth-of-type(4) a {background:#6cbdb4;}
.lrc_info .down li .icon {margin-right:3px;}
.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-top: 5px;}
.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,#4894e9,#3fa6fc);border-radius:5px;margin:0 5px;}
.download li a:hover {background:linear-gradient(to left,#4894e9,#3fa6fc);}
.download li .icon {margin-right:3px;}
.hot_list {float:right;width:100%;}
.hot_list li {float:left;width:100%;height:24px;position:relative;margin:6px 0;overflow:hidden;}
.hot_list li em {position:absolute;left:0;top:0;width:20px;height:18px;font-size:13px;background:#cacaca;color:#fff;line-height:18px;font-style:normal;text-align:center;border-radius:3px;margin:3px 0;}
.hot_list li:nth-of-type(1) em {background:#d21313;}
.hot_list li:nth-of-type(2) em {background:#ff6428;}
.hot_list li:nth-of-type(3) em {background:#ff850b;}
.hot_list li .name {float:right;width:calc(100% - 25px);height:24px;line-height:24px;overflow:hidden;}
.link {float:left;width:100%;}
.link ul {margin-left:5px;margin-right:5px;overflow:hidden;}
.link li {float:left;height:20px;line-height:20px;color:#666;margin:5px 25px 5px 0}
.footer {float:left;width:100%;line-height:24px;font-size:13px;background:#333;color:#ccc;text-align:center;padding:20px 0;border-top:1px #ececec solid;}
.footer a {color:#ccc;}
@media screen and (max-width:767px) {
.play_list li,.song_list li,.music_list li{width:calc(100% - 20px);}
.lkmusic_list li{width:calc(100% - 10px);}
.lkmusic_list li:nth-of-type(odd){background:#f6fafd;}
.lkmusic_list li:nth-of-type(even){background:#fff;}
.video_list li {width:calc(50% - 20px);}
.video_list li .pic img {width:100%;height:100%;}
.play_left {width:100%;}
.play_right {width:100%;margin-top:20px;}
.play_list {width:100%;}
.djpic {width:50%;margin:0 25% 20px 25%;display:none}
.jp_right {width:100%;}
.yy_ihot {width:calc(100% - 20px);}
.singer_list li {width:calc(25% - 20px);}
.singer_info .pic {width:100%;display:none}
.singer_info .play{float:left;position:relative;left:0;}
.singer_info .list_r {width:100%;}
.player {height:15rem;}
.sm {width:100%}
.dance_down {width:100%}
.geci {width:100%;}
.geci#txt {margin-left:0;margin-top:10px;}
.geci .text {height:200px;}
.header .logo {height:36px;margin:12px 0;}
.header .icon-bar {float:left;width:30px;height:30px;font-size:24px;line-height:30px;text-align:center;color:#888;margin:15px 0;}
.header .nav {position:fixed;left:0;top:60px;height:calc(100% - 60px);left:-473px;width:180px;background:#fff;z-index:10001;margin:0;box-shadow:0 10px 5px rgba(153,153,153,.1);}
.header .nav li {width:100%;height:40px;line-height:40px;border-bottom:1px #ececec solid;}
.header .nav li a {display:block;}
.header .search .seh_v {width:120px;}
.header .search .seh_list{display:none}
.header .search_con .search_result {position:absolute;width:100%;left:0;right:auto;margin-top:17%;}
.header .search_box .list {margin-left:-5px;margin-right:5px;}
.dance_list li {width:calc(25% - 20px);}
.dance_list li .pic img{width:100%;height:100%;}
.list_menu {width:calc(100% - 10px);padding:5px;}
.list_menu li {width:auto;font-size:13px;margin:5px;text-indent:0;}
.list_menu li a {display:block;padding:0 10px;}
.dance_right {width:100%;margin-top:10px;}
.dance_right .dance_list li {width:calc(50% - 20px);}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.header .icon-bar {float:left;width:30px;height:30px;font-size:24px;line-height:30px;text-align:center;color:#888;margin:15px 0;}
.header .nav {position:fixed;left:0;top:60px;height:calc(100% - 60px);left:-473px;width:180px;background:#fff;z-index:10001;margin:0;box-shadow:0 10px 5px rgba(153,153,153,.1);}
.header .nav li {width:100%;height:40px;line-height:40px;border-bottom:1px #ececec solid;}
.header .nav li a {display:block;}
.header .search .seh_v {width:120px;}
.header .search .seh_list{display:none}
.dance_list li {width:calc(25% - 20px);}
.dance_list li .pic img{width:100%;height:100%;}
}
@media screen and (min-width:1366px) {
.container {width:1280px;}
.header .icon-bar {display:none;}
.player {height:540px;}
}
@font-face {font-family:"iconfont";src:url('../font/iconfont.woff2') format('woff2'),url('../fonticonfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.icon {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-download:before {content:"\e600";}
.icon-laba:before {content:"\e602";}
.icon-chage:before {content:"\e619";}
.icon-singer:before {content:"\e79f";}
.icon-here:before {content:"\e64b";}
.icon-play:before {content:"\e87e";}
.icon-phone:before {content:"\e601";}
.icon-look:before {content:"\e60a";}
.icon-search:before {content:"\e8ba";}
.icon-bar:before {content:"\e611";}
.icon-share:before {content:"\e608";}

.font-weight-bolder {font-weight:bolder!important;}
.list-group {display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem;margin:15px;}
.list-group-item+.list-group-item {border-top-width:0;}
.list-group-item:last-child {border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;}
.list-group-item {position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125);}
.badge {display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.badge-secondary {color: #fff;background-color: #6c757d;}
.badge-success {color:#fff;background-color:#28a745;}
.badge-dark {color: #fff;background-color: #343a40;}
.badge-purple {color: #fff;background-color: #9400d3;}
.badge-warning {color: #212529;background-color: #ffc107;}
.badge-info {color:#fff;background-color:#17a2b8;}
.badge-primary {color:#fff;background-color:#007bff;}
.badge-danger {color:#fff;background-color:#dc3545;}
.badge-red {color:#fff;background-color:#ff0000;}
.badge-orange {color:#fff;background-color:#ff4500;}

@media screen and (max-width:768px){
.dialogUrlBox {width:90vw;}
}
.dialogUrlBox {width:350px;border-radius:18px;}
.dialogUrlBox .dialogUrl {min-height:100px;}
.dialogUrlBox .dialogUrl .title {font-size:20px;font-weight:bold;text-align:center;color:#000;margin-bottom:5px;}
.dialogUrlBox .dialogUrl .title span {color:#0551FF;}
.dialogUrlBox .dialogUrl .tips {margin-top:12px;color:#666;font-size:14px;text-align:center;}
.dialogUrlBox .dialogUrl .qrcode {margin:15px auto 0;width:200px;height:200px;border:1.5px solid #e5e6e8;border-radius:4px;position:relative;}
.dialogUrlBox .dialogUrl .qrcode canvas {width:90%;height:90%;padding:10px;}
.dialogUrlBox .dialogUrl .qrcode .icon {width:44px;height:44px;background-color:#fff;border-radius:8px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;}
.dialogUrlBox .dialogUrl .qrcode .quark{ background-image: url(//customer-service.cos.tx.xmcdn.com/storages/24fa-customerservice/9D/4C/GKwRIJENnsZ2AAAHiwSBm0fn.png); background-position: center; background-size:36px; background-repeat: no-repeat;}
.dialogUrlBox .dialogUrl .nav {margin-top:15px;font-size:15px;}
.dialogUrlBox .dialogUrl .nav .item {color:#333;text-align:center;margin-top:5px;}
.dialogUrlBox .dialogUrl .nav .item .t {font-weight:600;}
.dialogUrlBox .dialogUrl .nav .item a {color:#0551FF;}
.dialogUrlBox .dialogUrl .statement {margin-top:24px;padding-top:15px;text-align:center;font-size:14px;border-top:1px dashed #e6e6e6;}
.dialogUrlBox .dialogUrl .statement .content {margin-bottom:8px;color:#666;line-height:1.6;text-align:center;}
.dialogUrlBox .dialogUrl .statement .content p {text-align:center;margin-top:5px;}
.dialogUrlBox .dialogUrl .statement .st-link,.dialogUrlBox .dialogUrl .statement .st-link strong {color:#0551FF;}
.dialogUrlBox .dialogUrl .statement .st-link:hover {opacity:.85;}
.dialogUrlBox .el-icon {font-size:20px;}
.dialogUrlBox .dialogUrl .nav .vbtn {display:inline-block;background-color:#0551FF;color:#ffffff;height:44px;line-height:44px;padding:0 18px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;margin-top:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:all .2s;width:auto;min-width:130px;max-width:200px;text-align:center;}
.dialogUrlBox .dialogUrl .nav .vbtn:hover {opacity:.9;transform:translateY(-1px);}
@media (max-width:640px){
.dialogUrlBox .dialogUrl .nav .vbtn {width:45%;min-width:140px;max-width:210px;padding:0 16px;border-radius:12px;height:50px;line-height:50px;}
}
.dialogUrlBox .dialogUrl .nav .item .vbtn,.dialogUrlBox .dialogUrl .nav .vbtn {color:#ffffff!important;}
.dialogUrlBox .dialogUrl .txt {font-size:13px;color:#e2e2e2;text-align:center;margin-top:8px;}
.dialogUrlBox .dialogUrl .txt a{color:#e2e2e2;}

.gdclass{float:left;width:100%;}
.gdclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#0abaed;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;}

.play_info{float:left;width:calc(100% - 40px);background:rgba(246 246 246);border-radius:5px;padding:10px 20px;margin-top:15px;}
.play_info li{float:left;width:33.3333%;height:24px;line-height:24px;color:#666;margin:5px 0;overflow:hidden;}
.play_info li a{color:#8e8b95;}
.play_down_info{float: left;width: calc(100% - 22px);background: rgba(100,100,100,0.1);padding: 10px;margin-top: 10px;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);}
.play_text{float:left;width:80%;line-height:24px;color:#666;margin-top:20px;}
.play_text span{color:red;font-weight:bold;}
.play_down{float:left;width:20%;margin:5px 0;}
.play_down li{float:left;width:100%;height:30px;line-height:30px;font-size:12px;text-align:center;color:#fff;overflow:hidden;margin:5px 0;}
.play_down li a{display:block;color:#fff;}
.play_down li a:hover{opacity:0.8;}
.play_down li a.left{background:#fa4826;border-radius:0 20px 20px 0;}
.play_down li a.right{background:#0f95bc;border-radius:0 20px 20px 0;}

.single_line {float: right;margin-right: 50%;}
.single_line span a.mv{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#0b37d9;color:#fff;border-radius:3px;margin:12px 3px 3px 3px;}
.single_line span a:hover.mv{opacity:0.4;}
.single_line span.kong{float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;color:#fff;border-radius:3px;margin:12px -17px 3px 3px;}
.single_line 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:12px 3px 3px 3px;}
.single_line 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:12px 3px 3px 3px;}
.single_line 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:12px 3px 3px 3px;}
.single_line 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:12px 3px 3px 3px;}

.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:#f6f6f6;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:#3fa6fc;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}
.lingku_plist{margin: 5px auto;position: relative;height: 210px;overflow: hidden;}
.lingku_plist .rowup{-webkit-animation: 10s rowup linear infinite normal;animation: 10s rowup linear infinite normal;position: relative;}
.lingku_splist{float:left;width:100%;}
.lingku_splist ul{margin-left:-10px;margin-right:-10px;}
.lingku_splist li{float:left;width:calc(100% - 20px);background:#f6f6f6;margin:10px;}
.lingku_splist li .pic{float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.lingku_splist li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.lingku_splist li .pic a:hover img{transform:scale(1.1);}
.lingku_splist li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.lingku_splist li .pic a:hover .play {background:rgba(0,0,0,.5);}
.lingku_splist li .pic .playtime{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;}
.lingku_splist li .pic .icon {position:absolute;width:30px;height:30px;font-size:30px;color:#fff;top:calc(50% - 15px);left:calc(50% - 15px);opacity:0;}
.lingku_splist li .pic a:hover .icon {opacity:1;}
.lingku_splist 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_splist li .pic a:hover .fa{opacity:1;}
.lingku_splist li .list_r{float:right;width:calc(100% - 80px);margin:5px 10px;}
.lingku_splist li .list_so{float:left;width:calc(100% - 20px);margin:5px 10px;}
.lingku_splist li .name{float:left;width:100%;height:28px;overflow:hidden;}
.lingku_splist li .name a.time {float:left;display:inline-block;max-width:calc(100% - 120px);height:29px;line-height:29px;overflow:hidden;color:rgb(10,186,237);font-size:12px;}
.lingku_splist li .name a.url{float:left;display:inline-block;max-width:calc(100% - 32px);height:28px;line-height:28px;overflow:hidden;}
.lingku_splist li .name a.mv{float:left;display:inline-block;width:22px;height:18px;font-size:12px;text-align:center;line-height:16px;background:#3fa6fc;color:#fff;border-radius:3px;margin:5px;}
.lingku_splist li .name a:hover.mv{opacity:0.4;}
.lingku_splist li p{float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#888;overflow:hidden;}
.lingku_splist li .singer{color:#888;}
.lingku_splist li .size{margin:0 10px}
.lingku_splist{margin: 5px auto;position: relative;height: 265px;overflow: hidden;}
.lingku_splist .rowup{-webkit-animation: 10s rowup linear infinite normal;animation: 10s rowup linear infinite normal;position: relative;}
@-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);}
}
.quote-warning {border-left:4px solid #ef4444;background-color:#fee2e2;padding:.5rem;margin:15px;color:#434343;}
.geci_left{float:left;width:49%;}
.geci_right{float:right;width:49%;padding-left:15px;border-left:1px #ececec dashed;}
.lk_geci{float:left;width:100%;height:400px;overflow-x:hidden;}
.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;}
.album-block {clear:both !important;width:100% !important;overflow:hidden !important;margin-top:20px;}
.gallery-wrap {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;min-height:120px;width:100%;}
.gallery-item {border-radius:6px;overflow:hidden;background:#eee;border:1px solid #e5e5e5;transition:all 0.2s;}
.gallery-item:hover {transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}
.gallery-item a {display:block;height:140px;}
.gallery-item img {width:100%;height:100%;object-fit:cover;}
.ilingku_fl {float: left;width: 100%;margin: 0 10px 10px 10px;}
.ilingku_fl ul{margin-left:-15px;margin-right:-15px;}
.ilingku_fl li {float:left;height:24px;font-size:13px;line-height:24px;margin:5px 7px;_width:99px;}
.ilingku_fl li a {display:block;color:#333;padding:0 13px;border-radius:5px;}
.ilingku_fl li a:hover,.ilingku_fl li a.current {color:#fff;background:#0abaed;}
.ilingku_lei {float:left;width:100%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:0px;}
.ilingku_lei .m_bor {border-bottom:1px #f1f1f1 solid;}
.ilingku_lei .menu {float:left;width:100%;height:35px;margin-top:8px;margin-left: 10px;padding:0;list-style:none;}
.ilingku_lei .menu li {float:left;height:26px;font:14px/25px "Microsoft Yahei";padding: 2px;}
.ilingku_lei .menu li a {display: block;color: #888;padding: 0 8px;border-radius: 4px;}
.ilingku_lei .menu li a:hover,.ilingku_lei .menu li a.current {background: linear-gradient(90deg, #00bfff, #0abaed); color: #fff; font-weight:bold;}
.ilingku_info {float:left;width:calc(100% - 22px);padding:10px;border:1px #e6f0ec solid;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.ilingku_info .pic {float:left;width:200px;height:200px;position:relative;background-image:url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:cover;background-repeat:no-repeat;background-position:center;}
.ilingku_info .pic img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;float:none;}
.ilingku_info .pic span {position:absolute;left:0;display:inline-block;width:100%}
.ilingku_info .pic span.play {top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.ilingku_info .malbum_info {float:left;width:650px;margin-left:20px}
.ilingku_info .singer_info {float:right;width:calc(100% - 230px);}
.ilingku_info .singer_info .lei_sclass {float:left;width:100%;height:24px;line-height:24px;margin:8px 0;}
.ilingku_info .singer_info .lei_sclass a {color:#999;}
.ilingku_info .malbum_info li,.ilingku_info .singer_info li {width:100%;height:30px;line-height:32px;}
.ilingku_info .down_pic {float:left;width:100%;position:relative}
.ilingku_info .down_pic img {float:left;width:100%;height:100%}
.ilingku_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;}
.ilingku_info .down_info {width:100%;}
.ilingku_info .down_info li {width:100%}
.ilingku_info .down_info li.lei_zy {width:100%;line-height:20px;height:40px;color:red;}
.ilingku_info h1 {float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#333;}
.ilingku_info li {float:left;margin-right:30px;height:28px;line-height:28px;color:#888}
.ilingku_info li a {color:#888}
.ilingku_info .info {float:left;width:100%;line-height:30px;color:#666;border-top:1px #e6f0ec dashed;margin:10px 0;padding-top:10px;}
.ilingku_info .hinfo {float:left;width:100%;line-height:30px;color:#666;border-top:1px #e6f0ec dashed;margin:10px 0;padding-top:10px;overflow-y: auto;height: 120px;}
.ilingku_info .downsm {float:left;width:calc(100% - 12px);font-size:13px;color:#666;line-height:24px;padding:5px;background:#f1f8f5;border:1px #e6f0ec solid;position:relative;}
.ilingku_info .downsm span,.ilingku_info .downsm a {color:#67b99a;font-weight:bold;}
.ilingku_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 #f1f8f5;z-index:10;}
.ilingku_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 #e6f0ec;z-index:9;}
.text_list{float:left;width:100%;background: #fff;margin: -5px 0;}
.text_list ul{margin-left:-10px;margin-right:-10px;}
.text_list li{float:left;width:calc(48.55% - 20px);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: 45px;width:100%;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:Blue;}
.m_footer_tall{display:none;}
.m_footer_menu{width:100%;height:44px;background:#fff;position:fixed;bottom:0;z-index:999;border-top:1px #ececec solid;display:none;}
.m_footer_menu li{float:left;width:14.2%;height:44px;color:#fff;text-align:center;}
.m_footer_menu li a{display:block;color:#333;}
.m_footer_menu li a.active{color:#3fa6fc;}
.m_footer_menu li .icon{float:left;width:100%;height:20px;line-height:20px;font-size:20px;margin-top:5px;}
.m_footer_menu li .icon-video,.m_footer_menu li .icon-singer{font-size:18px;}
.ilingku-fixbar {position:fixed;right:30px;bottom:150px;z-index:999999;}
.ilingku-fixbar .ilingku-fixbar-top {display:none;font-size:40px;}
.ilingku-fixbar li {width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#0abaed;color:#fff;border-radius:50%;opacity:.95;}
.art-fullscreen-web {position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:99999 !important;}
.quote-warnings {border-left: 4px solid #ef4444;background-color: #fee2e2;padding: .5rem;color: #434343;}
#loader-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff;z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s ease,visibility 0.5s ease}
.loader{width:40px;height:40px;border:4px solid rgba(30,159,255,0.15);border-top:4px solid #1e9fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.loaded #loader-wrapper{opacity:0;visibility:hidden}
.loading-box {padding:30px 0;text-align:center;}
.loading-spin {width:32px;height:32px;margin:0 auto 8px;border:3px solid #eee;border-top:#36f solid 3px;border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin {to {transform:rotate(360deg)}}
.loading-box p {color:#888;margin:0;font-size:13px;}
.loading-back{float: left;width: calc(100% - 20px); padding:30px 10px; margin-top:10px; border:1px solid #eee; text-align:center;font-weight:bold;border-radius:4px;color: #ff0000;}
.lkpc {}
.lkmobile {display:none;}
@media screen and (max-width:768px){
  .lkpc {display:none!important;}
  .lkmobile {display:block!important;}
  .art-control-fullscreenWeb {display:none!important;}
  .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;}
  .play_info li{width:100%}
  .play_text {width:100%; margin-top:0;}
  .play_down{margin:5px 0;width:100%}
  .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;}
  .ilingku_lei .menu {float:none;display:flex;flex-wrap:wrap;justify-content:space-between;height:auto;margin-top:10px;padding:0 10px;box-sizing:border-box;margin-left: 0px;}
  .ilingku_lei .menu li {float:none;width:23%;height:auto;margin:0 0 10px 0;text-align:center;}
  .ilingku_lei .menu li a {display:block;line-height:25px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;color:#333;font-size:14px;transition:all 0.2s;}
  .ilingku_lei .menu li a.current,.ilingku_lei .menu li a:hover {background-color:#00bfff;color:#fff;border-color:#00bfff;font-weight:bold;}
  .ilingku_info {float:left;}
  .ilingku_info .pic {float:left;width:120px;height:120px;position:relative;background-image:url(https://h5static.kuwo.cn/upload/image/4f768883f75b17a426c95b93692d98bec7d3ee9240f77f5ea68fc63870fdb050.png);background-size:cover;background-repeat:no-repeat;background-position:center;}
  .ilingku_info .pic img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;float:none;}
  .ilingku_info .pic span {position:absolute;left:0;display:inline-block;width:100%}
  .ilingku_info .pic span.play {top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
  .ilingku_info .malbum_info {float:right;width:calc(100% - 140px);}
  .ilingku_info .singer_info {float:right;width:calc(100% - 140px);padding: 0 10px;}
  .ilingku_info .malbum_info li,.ilingku_info .singer_info li {width:100%;height:20px;line-height:20px;}
  .ilingku_info h1 {float:left;width:100%;height:24px;font-size:14px;line-height:24px;overflow:hidden;color:#333;}
  .ilingku_info .wb li {width:50%;overflow:hidden;}
  .ilingku_info li {float:left;width:100%;height:20px;line-height:20px;color:#888}
  .ilingku_info li a {color:#888}
  .text_list li{width: calc(100% - 40px);}
  .m_footer_menu{display:block!important;}
  .m_footer_tall{float:left;width:100%;height:44px;display:block!important;}
  .ilingku-fixbar {right: 15px;bottom:55px;}
}