body,dl,dd,dt,p,ol,ul,li,h1,h2,h3,h4,h5,h6,b,strong,em,input,textarea,button,select {margin:0;padding:0}
html,body {height:100%;}
body {color:#666;font-family:PingFang,PingFang SC,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;font-size:14px;background:#f8f8f8;}
i,s,u,em {font-style:normal;text-decoration:none;}
h1,h2,h3,h4,h5,h6,b {font-weight:normal;}
input,textarea {-webkit-user-select:text;}
input,textarea,button,select {font-size:14px;font-family:PingFang,PingFang SC,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;outline:0 none;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;}
li {list-style:none;}
.picCenter {background:center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
a {text-decoration:none;transition:color .1s,background-color .1s,border .1s;color:#484848}
a:hover {text-decoration:none;transition:color .1s,background-color .1s,border .1s;color:#484848}
a:active {text-decoration:none;transition:color .1s,background-color .1s,border .1s;color:#484848}
img {border:none;vertical-align:top;}
.clickTab-bd > div {display:none;}
.clickTab-bd > div.on {display:block;}
.clearfix:before,.clearfix:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:" ";}
.single_line {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
svg {pointer-events:none;}
.page {position:relative;box-sizing:border-box;width:100%;height:100%;font-size:14px;}
.height_middle {line-height:normal;display:flex;justify-content:center;align-items:center;flex-direction:column;}
/*----------------PC端------------------*/
.wrap {width:1200px;position:relative;margin:auto;}
.body {position:relative;padding-top:10px;top:0;bottom:0;}
.header {height:74px;}
.header_container {background-color:#fff;position:fixed;width:100%;height:74px;left:0;top:0;z-index:9;}
.header_container .logo_col {padding-top:17px;}
.header_container .search_col {padding-top:15px;}
.header_container .link_col {padding-top:17px;}
.header_container .logo_con {box-sizing:border-box;}
.header_container .logo_con img {width:200px;height:auto;}
.header_container .search_con {width:100%;height:44px;box-sizing:border-box;/*z-index:99999999999999999;*/    position:relative;}
.header_container .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 .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 .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 .search_con .bt_search {width:44px;height:44px;position:absolute;right:0;top:0;box-sizing:border-box;text-align:center;padding-top:10px;cursor:pointer;background:url(../images/search.png) center center no-repeat;-webkit-background-size:60% auto;background-size:60% auto;}
/*
.header_container .search_con .bt_search svg {*//*width:50%;*//*height:50%;*//*position:absolute;*//*left:30%;*//*top:30%;*//*}
*/
.header_container .search_con .search_result {display:none;width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);box-sizing:border-box;position:absolute;left:0;top:44px;border-top:1px solid #eee;background-color:#fff;z-index:2;padding-bottom:5px;}
.header_container .search_con .search_result .search_bg {position:fixed;left:0;top:0;width:100%;height:100%;/*background-color:rgba(0,0,0,0.3);*/z-index:999;}
.header_container .search_con .search_list {display:none;position:relative;z-index:9999;}
.header_container .search_con .search_list .item {height:38px;line-height:48px;font-size:14px;color:#333;cursor:pointer;padding:0 20px;}
.header_container .search_con .search_list .item a {display:block;width:100%;height:100%;}
.header_container .search_con .search_list .item:hover {background-color:#fdfdfd;}
.header_container .search_box {position:relative;z-index:9999;background-color:#fff;}
.header_container .search_box .search_history {display:none;}
.header_container .search_box .title {height:30px;line-height:30px;font-size:13px;padding:0 20px;position:relative;}
.header_container .search_box .title .delete {height:30px;width:30px;position:absolute;right:5px;top:0;box-sizing:border-box;text-align:center;background:url(../images/delete.png) center center no-repeat;-webkit-background-size:80% auto;background-size:80% auto;cursor:pointer;opacity:0.5;}
.header_container .search_box .title .delete:hover {background:url(../images/delete_hover.png) center center no-repeat;-webkit-background-size:80% auto;background-size:80% auto;opacity:1;}
.header_container .search_box .list {margin-top:5px;}
.header_container .search_box .list .item {font-size:14px;color:#111;background-color:#f5f5f5;height:28px;line-height:28px;padding:0 10px;border-radius:15px;float:left;margin-left:20px;margin-bottom:8px;cursor:pointer;}
.header_container .search_box .list .item:hover {background-color:#eeeeee;}
.header_container .link_con {height:40px;position:relative;}
.header_container .link_con .wx {width:140px;line-height:40px;float:right;vertical-align:middle;text-align:center;font-size:16px;cursor:pointer;}
.header_container .link_con .wx:hover .follow {display:block;}
.header_container .link_con .wx .icon {width:auto;height:14px;vertical-align:middle;margin-right:5px;}
.header_container .link_con .wx .hot {width:auto;height:24px;vertical-align:top;}
.header_container .link_con .center {display:block;width:40px;height:40px;float:right;text-align:center;vertical-align:middle;background:url(../images/fox.png) center center no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.header_container .link_con .center img {width:40px;height:40px;}
.header_container .link_con .follow {display:none;position:absolute;right:-50px;top:60px;width:300px;height:auto;background-color:#fff;}
.header_container .link_con .follow img {width:100%;height:auto;}
.header .side_box {display:none;position:absolute;right:-70px;left:auto;top:300px;width:60px;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);}
.header .side_box .list .item {height:36px;line-height:36px;text-align:center;border-bottom:1px solid #eee;color:#888;cursor:pointer;}
.header .side_box .top {height:36px;line-height:36px;opacity:0.5;background:url(../images/arrow_top.png) center center no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;}
.footer {background-color:#fff;padding:20px 0;margin-top:30px;box-shadow:0 -8px 33px 0 rgba(30,35,42,0.02);text-align:center;font-size:14px;position:relative;}
.footer .link_list .item {line-height:30px;padding:0 25px;}
.footer .statement {line-height:28px;padding:10px 0;}
.footer .copyright {color:#666;margin-top:10px;}
.footer .copyright a {color:#333;}
.left_con {float:left;width:810px;overflow:hidden;margin-top:10px;}
.right_con {float:right;width:370px;overflow:hidden;margin-top:10px;}
.right_con .hot_box {background-color:#fff;}
.right_con .box_head {width:330px;margin:auto;height:50px;line-height:50px;color:#31c27c;font-weight:bolder;font-size:22px;border-bottom:1px dashed #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.right_con .hot_box .list {width:330px;margin:auto;padding-bottom:20px;}
.right_con .hot_box .item {/*line-height:14px;*/    font-size:14px;padding:0 10px;height:30px;border-radius:4px;float:left;margin-right:10px;margin-top:10px;background:#31c27c;color:#fff;cursor:pointer;}
.right_con .list_box {background-color:#fff;margin-top:20px;}
.right_con .list_box .list {width:330px;margin:auto;}
.right_con .list_box .item {display:block;height:50px;line-height:50px;position:relative;padding-right:75px;border-bottom:1px dashed #eee;font-size:14px;cursor:pointer;}
.right_con .list_box .item a {display:block;}
.right_con .list_box .item a:hover {color:#31c27c;}
.right_con .list_box .item:last-child {border-bottom:none;}
.right_con .list_box .size {width:70px;position:absolute;right:0;top:0;height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:right;}
.body .box {border-radius:8px;box-shadow:0 8px 33px 0 rgba(30,35,42,0.05);overflow:hidden;}
.page {}
.side_box {display:block;}
.body .hot_search_box {position:relative;padding:8px 20px 0 70px;box-sizing:border-box;width:1200px;height:124px;background-color:#fff;}
.body .hot_search_box .title {position:absolute;left:0;top:0;width:50px;height:100%;box-sizing:border-box;padding-top:15px;line-height:32px;text-align:center;color:#fff;font-size:22px;background-color:#31c27c;}
.body .hot_search_box .list {margin:0;}
.body .hot_search_box .list .col-sm-2 {display:block;}
.body .hot_search_box .item {display:block;line-height:36px;height:36px;font-size:14px;cursor:pointer;}
.body .hot_search_box .item:hover {color:#31c27c;}
.nav_box {text-align:center;}
.nav_box .nav_con {display:inline-block;padding:10px 0;}
.nav_box .text {display:inline-block;height:30px;line-height:30px;padding:0 5px;cursor:pointer;}
.nav_box .item {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px;cursor:pointer;}
.nav_box .item.on {display:inline-block;width:30px;height:30px;text-align:center;background:#31c27c;color:#fff;cursor:inherit;}
/*----------播放------------*/
.player_con {box-sizing:border-box;padding:10px;border:1px solid #eee;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%;/*transition:left,top,right,bottom,width,height 0.5s ease;*/}
.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 .s {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;/*padding:5px 0;*/}
.player_con .player .item {line-height:30px;font-size:15px;}
.player_con .player .item.on {color:#31c27c;}
.player_con .player .timer {height:30px;position:relative;padding-left:420px;line-height:30px;}
.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%;}
.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:360px;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 #31c27c;top:7px;background-color:#fff;transform:translateX(-50%);}
.player_con .list {margin-top:20px;}
.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:#31c27c;}
/*----------首页-----------*/
.page_index .body .list_box {margin-left:-10px;margin-right:-10px;}
.page_index .body .list_box .list_panel {background-color:#fff;margin-top:10px;}
.page_index .body .list_box .col-sm-4 {padding:0 10px;}
.page_index .body .list_box .panel_head {margin:auto 20px;border-bottom:1px dashed #eee;height:64px;line-height:64px;box-sizing:border-box;position:relative;color:#000;font-size:18px;}
.page_index .body .list_box .more {position:absolute;right:-5px;top:0;height:64px;padding:0 5px;font-size:16px;color:#666;}
.page_index .body .list_box .more:hover {color:#31c27c;}
.page_index .body .list_box .list {/*height:450px;*/    padding-bottom:10px;}
.page_index .body .list_box .list .item {display:block;height:44px;position:relative;margin:10px 20px auto 20px;box-sizing:border-box;padding-left:222px;font-size:16px;}
.page_index .body .list_box .list .item .music:hover a {color:#31c27c;}
.page_index .body .list_box .list .item .singer:hover a {color:#31c27c;}
.page_index .body .list_box .list .item .number {position:absolute;left:0;top:0;width:22px;height:38px;line-height:38px;font-size:16px;text-align:center;}
.page_index .body .list_box .list .item:nth-child(1) .number {background:url(../images/num1.png) center top no-repeat;-webkit-background-size:100% auto;background-size:100% auto;color:#fff;font-size:14px;}
.page_index .body .list_box .list .item:nth-child(2) .number {background:url(../images/num2.png) center top no-repeat;-webkit-background-size:100% auto;background-size:100% auto;color:#fff;font-size:14px;}
.page_index .body .list_box .list .item:nth-child(3) .number {background:url(../images/num3.png) center top no-repeat;-webkit-background-size:100% auto;background-size:100% auto;color:#fff;font-size:14px;}
.page_index .body .list_box .list .item .name {position:absolute;left:42px;top:0;width:180px;height:38px;line-height:22px;}
.page_index .body .list_box .list .item .music {height:22px;color:#333;}
.page_index .body .list_box .list .item .singer {height:22px;color:#999;font-size:14px;}
.page_index .body .list_box .list .item .times {color:#999;line-height:44px;font-size:14px;text-align:right;height:44px;overflow:hidden;}
/*------列表页-------*/
.page_list .left_con .list_box {padding:15px 0;box-sizing:border-box;background-color:#fff;}
.page_list .left_con .list_box .box_head {height:44px;line-height:44px;position:relative;width:770px;margin:auto;}
.page_list .left_con .list_box .box_head .title {height:20px;line-height:20px;font-size:20px;border-left:#31c27c solid 4px;padding-left:10px;position:relative;top:12px;}
.page_list .left_con .list_box .box_head .time {position:absolute;right:0;top:0;height:44px;line-height:44px;font-size:12px;color:#999;}
.page_list .left_con .list_box .box_head .time span {color:#e26452;}
.page_list .left_con .list_box .list {font-size:16px;color:#333;width:770px;margin:auto;}
.page_list .left_con .list_box .list .list_row {height:44px;line-height:44px;font-size:16px;color:#333;}
.page_list .left_con .list_box .list .list_row:before,.page_list .left_con .list_box .list .list_row:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:" ";}
.page_list .left_con .list_box .list.list_body .list_row {border-bottom:1px dashed #eee;}
.page_list .left_con .list_box .list.list_body .list_row:hover {background:#eee;}
.page_list .left_con .list_box .list .item {height:44px;line-height:44px;font-size:14px;color:#333;float:left;overflow:hidden;white-space:nowrap;box-sizing:border-box;}
.page_list .left_con .list_box .list.list_head {background:#fafafa;}
.page_list .left_con .list_box .list.list_head .item {color:#999;font-size:16px;}
.page_list .left_con .list_box .list .name {width:280px;padding-left:10px;padding-right:10px;}
.page_list .left_con .list_box .list .singer {width:200px;padding-left:10px;padding-right:10px;}
.page_list .left_con .list_box .list .time {width:80px;font-size:12px;}
.page_list .left_con .list_box .list .type {width:70px;text-align:center;position:relative;font-size:12px;}
.page_list .left_con .list_box .list .type .tag {/*color:#fff;*/    /*background:#6cbeb2;*/    border-radius:4px;text-align:center;height:30px;line-height:30px;width:100%;position:relative;top:7px;margin:auto;}
.page_list .left_con .list_box .list .type.flac .tag {background:#6e97b2;}
.page_list .left_con .list_box .list .type.wav .tag {background:#6cbeb2;}
.page_list .left_con .list_box .list .type.ape .tag {background:#d77a90;}
.page_list .left_con .list_box .list .size {width:70px;text-align:right;font-size:12px;}
.page_list .left_con .list_box .list .handle {width:68px;text-align:center;cursor:pointer;display:block;font-size:12px;}
.page_list .left_con .list_box .list .handle .handle_bt {color:#fff;background:#31c27c;border-radius:4px;text-align:center;height:30px;line-height:30px;width:50px;position:relative;top:7px;margin:auto;}
.page_list .left_con .list_box .list_body .handle:hover {color:#31c27c;}
.page_list .left_con .nav_box {margin-top:20px;}
/*------搜索页-------*/
.page_search .left_con .search_box {background-color:#fff;padding:30px;box-sizing:inherit;}
.page_search .left_con .search_box .nav .item {width:33.3%;float:left;text-align:center;height:40px;line-height:40px;color:#31c27c;font-size:18px;border-radius:4px;cursor:pointer;}
.page_search .left_con .search_box .nav .item:hover {/*color:#fff;*/ /*background:#31c27c;*/}
.page_search .left_con .search_box .nav .item.on {color:#fff;background:#31c27c;}
.page_search .left_con .search_box .input {margin-top:10px;}
.page_search .left_con .search_box .input input {display:block;outline:none;border:1px solid #31c27c;box-sizing:inherit;width:100%;height:44px;line-height:44px;padding:0 5px;}
.page_search .left_con .search_box .type {text-align:center;margin-top:10px;font-size:14px;}
.page_search .left_con .search_box .type .item {height:40px;line-height:40px;display:inline-block;padding-left:30px;padding-right:15px;position:relative;background:url(../images/uncheck.png) 7px center no-repeat;-webkit-background-size:16px;background-size:16px;cursor:pointer;}
.page_search .left_con .search_box .type .item.on {background:url(../images/check.png) 7px center no-repeat;-webkit-background-size:16px;background-size:16px;}
.page_search .left_con .search_box .bt_search {color:#fff;background:#31c27c;height:44px;border-radius:4px;cursor:pointer;user-select:none;}
.page_search .left_con .search_box .bt_search:active {background:#09c26c;}
.page_search .left_con .result {/*display:none;*/}
.page_search .left_con .result .detail .item {margin-top:10px;border:1px solid #ccc;background:#eee;position:relative;padding-left:55px;padding-right:50px;box-sizing:border-box;height:40px;line-height:40px;font-size:14px;}
.page_search .left_con .result .detail .item .icon {position:absolute;top:0;width:48px;height:40px;text-align:center;}
.page_search .left_con .result .detail .item .icon img {pointer-events:none;width:40%;height:auto;vertical-align:middle;opacity:0.6;}
.page_search .left_con .result .detail .item .item_type {left:0;border-right:1px solid #ccc;}
.page_search .left_con .result .detail .item .handle {right:0;border-left:1px solid #ccc;cursor:pointer;}
.page_search .left_con .help .title {font-size:16px;color:#666;font-weight:600;margin-top:20px;}
.page_search .left_con .help .underline {text-decoration:underline;}
.page_search .left_con .help .red {color:#fa4826;}
.page_search .left_con .help p {font-size:16px;padding:20px 0;}
.page_search .left_con .help li {position:relative;padding-left:30px;height:30px;line-height:30px;font-size:16px;}
.page_search .left_con .help li .circle {position:absolute;width:6px;height:6px;border-radius:50%;background-color:#666;left:12px;top:12px;}
.page_search .left_con .help .list {border-left:2px solid #eee;padding-left:10px;margin-top:10px;}
.page_search .left_con .help .list .item {line-height:20px;padding:5px 0;font-size:14px;}
/*------下载页-------*/
.page_download .left_con .search_box {background-color:#fff;padding:30px;}
.page_download .left_con .search_box .detail {position:relative;padding-left:170px;min-height:150px;}
.page_download .left_con .search_box .detail .pic {width:150px;height:150px;position:absolute;left:0;top:0;}
.page_download .left_con .search_box .detail .pic {width:150px;height:150px;position:absolute;left:0;top:0;}
.page_download .left_con .search_box .detail .name {font-size:22px;color:#000;font-weight:bold;height:34px;line-height:34px;}
.page_download .left_con .search_box .detail .date {font-size:14px;color:#000;height:20px;line-height:20px;}
.page_download .left_con .search_box .detail .date span {color:#fa4826;font-weight:bold;}
.page_download .left_con .search_box .detail .other {padding:10px 0;border-bottom:1px dashed #eee;}
.page_download .left_con .search_box .detail .other .item {margin-right:40px;font-size:14px;color:#666;height:30px;line-height:30px;float:left;}
.page_download .left_con .search_box .detail .other span {color:#000;}
.page_download .left_con .search_box .tips_con {margin-top:15px;line-height:30px;font-size:15px;font-weight:bold;color:#333;}
.page_download .left_con .search_box .copyright {font-size:14px;color:#111;line-height:20px;margin-top:5px;padding-bottom:10px;}
.page_download .left_con .search_box .result {/*display:none;*/}
.page_download .left_con .search_box .download .bt_con {margin-top:20px;position:relative;height:52px;}
.page_download .left_con .search_box .download .bt_con .bt {position:absolute;left:0;top:0;width:365px;height:52px;color:#fff;background-color:#fa4826;border-radius:4px;font-size:18px;cursor:pointer;}
.page_download .left_con .search_box .download .bt_con .web {left:auto;right:0;background-color:#31c27c;}
.page_download .left_con .search_box .download .qr_con {position:relative;padding-right:210px;margin-top:20px;}
.page_download .left_con .search_box .download .qr_con .qr_bg {position:absolute;right:30px;top:0;width:150px;/*height:150px;*/    background:url(../images/qrbg.png) center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;box-sizing:border-box;padding:15px;}
.page_download .left_con .search_box .download .qr_con .qr {width:120px;height:120px;}
.page_download .left_con .search_box .download .qr_con img {width:100%;height:100%;}
.page_download .left_con .search_box .download .qr_con .tag {height:40px;background-color:#31c27c;font-size:20px;font-weight:bold;color:#fff;border-radius:4px;}
.page_download .left_con .search_box .download .qr_con .title {font-size:30px;height:60px;line-height:60px;color:#000;margin-top:10px;font-weight:bold;}
.page_download .left_con .search_box .download .qr_con .title img {width:auto;height:30px;vertical-align:middle;/*transform:translateY(-5px);*/}
.page_download .left_con .search_box .download .qr_con .tips {color:#333;font-size:32px;height:40px;line-height:40px;}
.page_download .left_con .search_box .download .list {padding-top:20px;}
.page_download .left_con .search_box .download .list .item {position:relative;/*height:40px;*/ /*line-height:40px;*/    padding-left:110px;padding-right:100px;box-sizing:border-box;margin-top:10px;}
.page_download .left_con .search_box .download .list .title {position:absolute;left:0;top:0;width:110px;height:34px;line-height:34px;border:1px solid #ccc;box-sizing:border-box;background-color:#eee;text-align:center;}
.page_download .left_con .search_box .download .list .link {border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;height:34px;line-height:34px;padding:0 10px;}
.page_download .left_con .search_box .download .list .bt_download {position:absolute;right:0;top:0;width:100px;text-align:center;background-color:#31c27c;color:#fff;line-height:34px;height:34px;cursor:pointer;}
.page_download .left_con .search_box .lrc_con .title {font-size:24px;font-weight:bold;/*height:60px;*/    line-height:60px;border-top:1px solid #eee;color:#666;margin-top:20px;}
.page_download .left_con .search_box .lrc_con .item {font-size:14px;color:#333;padding:5px 0;line-height:20px;}
.page_download .left_con .search_box .nav_con {margin-top:30px;padding-top:20px;border-top:1px solid #eee;}
.page_download .left_con .search_box .nav_con .item {float:left;max-width:50%;box-sizing:border-box;height:30px;line-height:30px;cursor:pointer;}
.page_download .left_con .search_box .nav_con .item span {color:#999;}
.page_download .left_con .search_box .nav_con .right_item {text-align:right;float:right;}
/*----------------WEB端------------------*/
@media (max-width:767px){
.page {font-size:0.28rem;}
.wrap {width:100%;font-size:0.28rem;}
.header {height:104px;}
.header .header_container {height:104px;display:none;}
.header .logo_col {/*padding-top:11px;*/        padding-top:0;}
.header .logo_con {text-align:center;height:50px;display:block;width:150px;margin:auto;box-sizing:border-box;padding:11px 0;}
.header .logo_con img {width:150px;height:28px;}
.header .search_col {padding-top:0;}
.header .search_con .input {width:7.1rem;margin:auto;}
.header .search_con .search_result {/*display:block;*/        top:54px;}
.footer .link_list {width:7.1rem;margin:auto;text-align:center;}
.footer .link_list .item {width:1.7rem;padding:0;overflow:hidden;display:inline-block;font-size:0.24rem;}
.footer .statement {width:7.1rem;margin:auto;text-align:center;line-height:0.48rem;font-size:0.24rem;}
.footer .copyright {width:7.1rem;margin:auto;font-size:0.24rem;}
.body {padding-top:0;}
.body .hot_search_box {width:7.1rem;margin:auto;}
.page_index .body .list_box {width:7.1rem;margin:auto;}
.page_index .body .list_box .box_item {padding:0;}
.page_index .body .list_box .panel_head {font-size:0.34rem;height:1rem;line-height:1rem;}
.page_index .body .list_box .more {font-size:0.28rem;}
.page_index .body .list_box .list {/*height:8.2rem;*/}
.page_index .body .list_box .list .item {height:0.8rem;margin:0.2rem 0.4rem auto 0.4rem;box-sizing:border-box;padding-left:4rem;font-size:16px;}
.page_index .body .list_box .list .item .number {width:0.44rem;}
.page_index .body .list_box .list .item .name {width:3.5rem;left:0.6rem;}
.page_index .body .list_box .list .item .music {font-size:0.28rem;height:0.4rem;line-height:0.4rem;}
.page_index .body .list_box .list .item .singer {font-size:0.26rem;height:0.4rem;line-height:0.4rem;}
.page_index .body .list_box .list .item .times {font-size:0.26rem;text-align:right;}
.left_con {float:inherit;width:7.1rem;margin:auto;}
.right_con {float:inherit;width:7.1rem;margin:0.3rem auto auto auto;}
.right_con .box_head {width:6.6rem;font-size:0.34rem;padding-left:0;color:#31c27c;font-weight:bolder;height:0.88rem;line-height:0.88rem;}
.page_list .left_con .list_box {margin-top:0.2rem;padding:0;}
.right_con .hot_box .list {width:6.6rem;}
.right_con .hot_box .item {padding:0.1rem 0.2rem;height:0.6rem;margin-top:0.2rem;margin-right:0.2rem;font-size:0.28rem;}
.right_con .list_box .list {width:6.6rem;margin:auto;}
.right_con .list_box .item {height:1rem;line-height:1rem;padding-right:2rem;font-size:0.28rem;display:block;}
.right_con .list_box .size {width:2rem;color:#999;font-size:0.24rem;text-align:right;overflow:hidden;}
.page_list .left_con .list_box .box_head {width:6.6rem;margin:auto;height:0.88rem;line-height:0.88rem;}
.page_list .left_con .list_box .box_head .title {border-left:none;font-size:0.34rem;line-height:0.8rem;height:0.8rem;padding-left:0;color:#31c27c;font-weight:bolder;top:0;}
.page_list .left_con .list_box .list {width:6.6rem;margin:auto;}
.page_list .left_con .list_box .list .list_row {height:0.88rem;}
.page_list .left_con .list_box .list .item {overflow:hidden;height:0.88rem;line-height:0.88rem;}
.page_list .left_con .list_box .list .name {width:3.3rem;padding-left:10px;}
.page_list .left_con .list_box .list .singer {width:2.1rem;}
.page_list .left_con .list_box .list .time {display:none;}
.page_list .left_con .list_box .list .type {width:1rem;display:none;}
.page_list .left_con .list_box .list .size {width:1rem;display:none;}
.page_list .left_con .list_box .list .handle {width:1.2rem;}
.page_list .left_con .list_box .list.list_head .item {font-size:0.3rem;}
.page_list .left_con .list_box .list.list_body .item {font-size:0.24rem;}
.page_list .left_con .list_box .list .type .tag {width:100%;height:0.6rem;line-height:normal;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.page_list .left_con .list_box .list .handle .handle_bt {width:1.2rem;height:0.6rem;line-height:normal;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.nav_box .text {height:0.6rem;padding:0 0.1rem;}
.nav_box .item {width:0.6rem;height:0.6rem;line-height:0.6rem;}
.page_search .left_con .search_box {padding:0.2rem;margin-top:0.2rem;}
.page_search .left_con .search_box .nav .item {height:0.8rem;line-height:0.8rem;font-size:0.32rem;}
.page_search .left_con .search_box .bt_search {font-size:0.34rem;}
.page_search .left_con .search_box .input input {height:0.84rem;line-height:0.84rem;}
.page_search .left_con .search_box .type .item {padding-left:0.5rem;padding-right:0.2rem;}
.page_search .left_con .search_box .type .item {background:url(../images/uncheck.png) 0.14rem center no-repeat;-webkit-background-size:0.32rem 0.32rem;background-size:0.32rem 0.32rem;}
.page_search .left_con .search_box .type .item.on {background:url(../images/check.png) 0.14rem center no-repeat;-webkit-background-size:0.32rem 0.32rem;background-size:0.32rem 0.32rem;}
.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;}
.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 #31c27c}
.player_con .player .timer .ctr {/*display:none;*/        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;}
.page_search .left_con .help {margin-top:0.4rem;font-size:0.32rem;}
.page_search .left_con .help p {font-size:0.28rem;padding:0.1rem 0;}
.page_search .left_con .help li {line-height:0.48rem;font-size:0.28rem;}
.page_search .left_con .help .list {margin-top:0.4rem;}
.page_search .left_con .help .list .item {word-break:break-all;}
.page_download .left_con .search_box {padding:0.2rem;margin-top:0.2rem;}
.page_download .left_con .search_box .detail {padding-left:0;/*padding-left:2.2rem;*/        min-height:auto;}
.page_download .left_con .search_box .detail .pic {width:2rem;height:2rem;display:none;}
.page_download .left_con .search_box .detail .date {font-size:0.28rem;line-height:0.48rem;height:auto;}
.page_download .left_con .search_box .detail .other {padding:0;}
.page_download .left_con .search_box .detail .other .item {float:inherit;margin-right:auto;height:0.48rem;line-height:0.48rem;font-size:0.28rem;}
.page_download .left_con .search_box .tips_con {font-size:0.28rem;margin-top:0.2rem;line-height:0.48rem;}
.page_download .left_con .search_box .copyright {padding-bottom:0;font-size:0.28rem;line-height:0.32rem;}
.player_con .list {margin-top:0.2rem;}
.page_download .left_con .search_box .download .bt_con {height:0.8rem;margin-top:0.2rem;}
.page_download .left_con .search_box .download .bt_con .bt {width:3.2rem;height:0.8rem;font-size:0.32rem;}
.page_download .left_con .search_box .download .bt_con .bt.web_bt {width:100%;background:#31c27c;}
.page_download .left_con .search_box .download .qr_con .tag {font-size:0.32rem;height:0.8rem;margin-top:0.2rem;}
.page_download .left_con .search_box .download .qr_con .title {font-size:0.32rem;text-align:center;height:0.6rem;line-height:0.6rem;margin-top:0.2rem;}
.page_download .left_con .search_box .download .qr_con {padding-right:0;margin-top:0;}
.page_download .left_con .search_box .download .qr_con .qr_bg {position:static;margin:auto;}
.page_download .left_con .search_box .download .qr_con .tips {font-size:0.34rem;text-align:center;height:0.6rem;line-height:0.6rem;}
.page_download .left_con .search_box .download .list {padding-top:0;}
.page_download .left_con .search_box .download .list .item .title span {display:none;}
.page_download .left_con .search_box .download .list .item {padding-left:1rem;padding-right:1.6rem;font-size:0.28rem;}
.page_download .left_con .search_box .download .list .title {width:1rem;}
.page_download .left_con .search_box .download .list .bt_download {width:1.6rem;}
.page_download .left_con .search_box .lrc_con .title {font-size:0.36rem;/*height:0.8rem;*/        line-height:0.8rem;}
.page_download .left_con .search_box .lrc_con .item {padding:0.1rem 0;line-height:0.4rem;}
.page_download .left_con .search_box .nav_con {margin-top:0.2rem;padding-top:0.2rem;}
}
.navlist li {float:left;margin-top:10px;height:60px;display:flex;align-items:center;position:relative;}
.navlist ul li new {background-color:#f00;color:#fff;position:absolute;top:7px;right:0;height:14px;padding:0 2px;line-height:14px;font-size:12px;border-radius:5px;}
.navlist ul li a {height:40px;padding:0 10px;font-size:16px;display:flex;align-items:center;margin-left:8px;border-radius:3px;}
.navlist ul li a i{color:#999;font-size:18px;margin-right:3px;}


.navlist ul li a:hover, .navlist ul li a.active {color: #31c27c;background-color: rgba(0,0,0,0.1);}
.navlist ul li a:hover i,.navlist ul li a.active i {color:#31c27c;}

.navlist ul li .bin {height:60px;}
.navlist ul li.user {}
.navlist ul li.user img {width:25px;height:25px;margin-right:5px;}
.hangxian{border: 1px solid #eee;}
.ilingkuplay_list{float:left;width:100%;border-top: 1px dashed #eee;margin-bottom:10px;}
.ilingkuplay_list ul{margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;}
.ilingkuplay_list li{float: left;width: calc(25% - 17.5px);padding: 2px 10px;border-radius: 4px;box-shadow: 0 0 1px #999;margin: 6px 7px 6px 10px;}
.ilingkuplay_list li .name{float:left;max-width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden;}
.play_list{float:left;width:100%;padding-bottom: 14px;margin-top:0px;border-top: 1px dashed #eee;}
.play_list ul{margin-left:5px;margin-right:5px;margin-top:10px;margin-bottom:10px;}
.play_list li{float: left;width: calc(25% - 17.5px);padding: 2px 10px;border-radius: 4px;box-shadow: 0 0 1px #999;margin: 6px 7px 6px 10px;}
.play_list li .name{float:left;max-width:calc(100% - 30px);height:30px;line-height:30px;overflow:hidden;}
.play_list li .mv{float:right;width:22px;height:18px;font-size:12px;text-align:center;line-height:18px;margin:6px 4px;}
.play_list li .mv a{display:block;background:#3d8137;color:#fff;border-radius:3px;}
.play_list li .mv a:hover{opacity:0.4;}
.play_list li .singer{float:right;width:30%;height:18px;font-size:12px;text-align:right;line-height:18px;margin:6px 4px;white-space: nowrap;overflow: hidden; }
.play_list li .singer a{display:block;color:#fff;border-radius:3px;}
.play_list li .singer a:hover{opacity:0.4;}

.ranklist-tags {border:1px solid #eee;}
.ranklist-tags .pagedata {float:right;height:30px;font-size:15px;line-height:30px;color:#666;margin-top:10px;margin-right:20px;}
.ranklist-tags .ti,.side-con h3 {float:left;height:50px;line-height:50px;font-size:18px;font-weight:400;padding:0 15px;background:#fff;color:#000;clear:both;margin-top:0px;margin-bottom:0px;}
.rank_list{float:left;width:100%;background:#fff;_margin-top:15px;border-top: 1px dashed #eee;}
.rank_list .title{float:left;width:100%;height:50px;overflow:hidden;}
.rank_list .title h1{float:left;height:50px;font-size:16px;line-height:50px;color:#333;text-indent:12px;position:relative;margin-left:15px;}
.rank_list .title h1:after{content:"";display:inline-block;position:absolute;top:11px;left:0;width:5px;height:26px;border-radius:5px;background:#31c27c;}
.rank_list .title .pagedata{float:right;height:30px;font-size:15px;line-height:30px;color:#666;margin-top:10px;margin-right:20px;}
.rank_list .title .pagedata span{color:red;margin:0 3px;}
.rank_list ul{margin-left:5px;margin-right:5px;}
.rank_list ul, ol {list-style-type: none;padding-left: 0;}
.rank_list li{float:left;width:calc(10% - 20px);margin:10px;}
.rank_list li .pic{float:left;width:100%;height:100%;overflow:hidden;position:relative}
.rank_list li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.rank_list 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;}
.rank_list li .pic a:hover img{transform:scale(1.1);}
.rank_list li .pic .play{position:absolute;width:100%;height:100%;top:0;left:0;}
.rank_list li .pic a:hover .play{background:rgba(0,0,0,.5);}
.rank_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;}
.rank_list li .pic a:hover .fa{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.rank_list li .name{float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}

.rank_list-tags{border:1px solid #eee;}
.rank_list-tags .ti,.side-con h3 {float:left;height:50px;line-height:50px;font-size:18px;font-weight:400;padding:0 15px;color:#666;clear:both;margin-top:0px;margin-bottom:0px;}
.rank_list-tags .pagedata {float:right;margin-top:5px;margin-right:15px;}
.rank_list-tags .pagedata span{color:Lime;}
.rank_list-tags .pagedata select {padding:10px 15px;border:1px solid #31c27c;border-radius:5px;background-color:#31c27c;font-size:14px;color:#fff;width:100px;cursor:pointer;outline:none;transition:all 0.3s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba%28255,255,255%29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;}
.rank_list-tags .pagedata select:hover {border-color:#0c9c56;background-color:#1ca362;}
.rank_list-tags .pagedata select:focus {border-color:#4285f4;box-shadow:0 0 0 2px rgba(66,133,244,0.2);}
.rank_list-tags .pagedata select:disabled {opacity:0.6;cursor:not-allowed;}

.rank_info {float: left;width: 100%;padding: 10px;margin-bottom:5px;_margin-top:15px;}
.rank_info .pic{float:left;width:130px;height:100%;position:relative}
.rank_info .pic img{float:left;width:100%;height:100%}
.rank_info .pic span{position:absolute;left:0;display:inline-block;width:100%}
.rank_info .pic span.play{top:0;z-index:1;height:100%;background:url(../images/play_bg.png) 0 bottom repeat-x}
.rank_info .list_r{float:right;width:calc(100% - 140px);}
/*.rank_info h1{float:left;width:100%;height:30px;font-size:16px;line-height:30px;overflow:hidden;color:#fff;font-weight: bold;}*/
.rank_info .container {display:flex;justify-content:space-between;width:100%;}
.rank_info .container h1 {float:left;margin-left:-15px;width:100%;font-size:16px;line-height:30px;color:#666;font-weight:bold}
.rank_info .container span {margin-top:5px;float:right;white-space:nowrap;}
.rank_info .time{float:left;width:100%;line-height:24px;font-size:13px;color:#31c27c;}
.rank_info .info{float:left;width:100%;line-height:24px;font-size:13px;color:#666;}

.ilingku_fl{float:left;width:100%;padding:5px;}
.ilingku_fl li{float:left;height:24px;font-size:13px;line-height:24px;margin:5px 6px;}
.ilingku_fl li a{display:block;color:#666;padding:0 13px;border-radius:20px;border:1px solid #ccc;}
.ilingku_fl li a:hover,.ilingku_fl li a.current{color:#fff;background:#31c27c;}

.singer_list {float:left;width:100%;border-radius:10px;}
.singer_list ul {margin-left:5px;margin-right:5px;}
.singer_list li {float:left;width:calc(8.3333% - 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;background-image:url(https://imge.kugou.com/commendpic/20160923/20160923162707215688.png);background-size:100%;}
.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;}
.title_xuxian {border-bottom: 1px dashed #eee;margin-left: 10px;margin-right: 10px;}

.singer_info{float:left;padding:10px;}
.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:#333;}
.singer_info .info{float:left;width:100%;line-height:24px;font-size:13px;color:#666;height: 90px;    overflow: hidden;text-overflow: ellipsis;}

.ilingku_list {float:left;width:100%;margin-top:0px;}
.ilingku_list ul {margin-left:5px;margin-right:5px;}
.ilingku_list li {float:left;width:calc(10% - 20px);margin:10px;}
.ilingku_list li .pic {float:left;width:100%;height:100%;overflow:hidden;position:relative}
.ilingku_list li .pic img {float:left;width:100%;height:100%;transition:all 0.6s;background-image:url(https://imge.kugou.com/commendpic/20160923/20160923162707215688.png);background-size:100%;}
.ilingku_list 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_list li .pic a:hover img {transform:scale(1.1);}
.ilingku_list li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.ilingku_list li .pic a:hover .play {top:0;z-index:1;height:100%;/*background:url(../images/vplay.png) center center no-repeat;*/}
.ilingku_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;}
.ilingku_list li .pic a:hover .fa {-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg);opacity:1;}
.ilingku_list li .name {float:left;width:100%;height:24px;line-height:24px;overflow:hidden;margin-top:8px;}

.lkpc{}
.lkmobile{display: none;}
.visible-xs{display:none!important}

@media (max-width:767px) {
.lkpc {display:none!important;}
.lkmobile {display:block!important;}
.header .logo_col nav .logo_con {float:left;height:50px;display:block;width:150px;margin:0;margin-left:10px;box-sizing:border-box;padding:11px 0;}
.header .logo_col nav .nav-ilingku {float:right;margin-top:5px;margin-right:10px;}
.hidden-xs {display:none !important;}
.visible-xs{display:block!important}
.navbar-toggler {padding:0rem 0.2rem;font-size:0.25rem;height:0.7rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.1rem;}

.navbar-collapse {background:#fff;font-size:0.3rem;}
.navbar-collapse ul {}/*text-align:center;*/
.navbar-collapse ul li {position:relative;margin:0;list-style-type:none;padding:12px;}
.navbar-collapse ul li::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#dedfdf;}

.hot_search_list {margin-right:10px;margin-left:10px}
.index-tags .tags {padding:10px 0;}
.ilingkuplay_list li {width:calc(100% - 20px);}
.play_list li{width:calc(100% - 20px);}
.rank_list li{width:calc(33.333% - 20px);}
.rank_info .pic{width:100%;}
.rank_info .list_r{width:100%;}
.rank_info .pic img{display: none;}
.singer_list li {width:calc(33.33% - 20px);}
.ilingku_list li {width:calc(33.3333% - 20px);}
}
.hot_search_list {background-color:#fff;}
.index-tags {margin-top:10px;border:1px solid #eee;}
.index-tags .pagedata {float:right;height:30px;font-size:15px;line-height:30px;color:#666;margin-top:10px;margin-right:20px;}
.index-tags .pagedata span{color:#ff0000;font-weight:bold;}
.index-tags .ti,.side-con h3 {float:left;height:50px;line-height:50px;font-size:18px;font-weight:400;padding:0 15px;background:#fff;color:#000;clear:both;margin-top:0px;margin-bottom:0px;}
.index-tags .tags {float:left;padding:10px;border:1px solid #eee;width:100%;}
.index-tags .tags li {float:left;height:20px;font-size:13px;line-height:24px;margin:8px 3px;}
.index-tags .tags li a {display:block;color:#fff;padding:0 8px;border-radius:5px;text-decoration:none;}
.index-tags .tags li a:hover {color:#fff;background:#ef4993;}
.index-tags .tags li a .texttime {color:Lime;}
.index-tags .tags li {list-style-type:none;}
.index-tags .tags li .tag0 {background:#efac82;}
.index-tags .tags li .tag1 {background:#84c7cf;}
.index-tags .tags li .tag2 {background:#d69899;}
.index-tags .tags li .tag3 {background:#d59ad4;}
.index-tags .tags li .tag4 {background:#c9b070;}
.index-tags .tags li .tag5 {background:#b0d699;}
.index-tags .tags li .tag6 {background:#eda29e;}
.index-tags .tags li .tag7 {background:#1cbfff;}
.index-tags .tags li .tag8 {background:#ff8010;}
.index-tags .tags li .tag9 {background:#f879f9;}
.ilingku_singerlist {float:left;width:calc(100%);list-style-type:none;padding:10px;border: 1px dashed #eee;}
.ilingku_singerlist li {float:left;height:24px;font-size:13px;line-height:24px;margin:5px 5px;}
.ilingku_singerlist li a {display:block;color:#fff;padding:0 11.5px;border-radius:4px;text-decoration:none;background:#999;}
.ilingku_singerlist li a:hover {color:#fff;background:#059fa7;}

.ilingku_link {float:left;width:100%;list-style-type:none;padding:10px;border:1px solid #eee;}
.ilingku_link li {float:left;height:24px;font-size:13px;line-height:24px;margin:5px 5px;}
.ilingku_link li a {display:block;color:#000;border-radius:4px;text-decoration:none;}
.ilingku_link li a:hover {color:#ff0000;}

.lkpage{float:left;width:100%;line-height:24px;margin:15px 0;text-align:center}
.lkpage a{display:inline-block;padding:0 5px;color:#666;margin:5px;border:1px #ccc solid}
.lkpage a:hover,.lkpage a.current{background:#31c27c;color:#fff;border:1px #08a65a solid}

.alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.text-blue a{color:Blue;}

.pagination {width:100%;height:100%;text-align:center;margin-left:30%;margin-top:20px;}
.pagination a {text-decoration:none;border:1px solid #AAE;color:#31c27c;}
.pagination a,.pagination span {display:inline-block;padding:0.1em 0.4em;margin-right:5px;margin-bottom:5px;}
.pagination .current {background:#31c27c;color:#fff;border:1px solid #AAE;}
.pagination .current.prev,.pagination .current.next {color:#999;border-color:#999;background:#fff;}
.col-content {padding:.75rem;border-top:1px solid #dee2e6;}

.ilingku_lei {float:left;width:100%;margin:5px 0;list-style-type:none;margin-left:10px;}
.ilingku_lei li {float:left;height:28px;line-height:28px;margin:5px 20px 5px 0;height:30px;line-height:30px;}
.ilingku_lei li a {display:block;color:#888;padding:0 12px;border-radius:20px;text-decoration:none;}
.ilingku_lei li a:hover,.ilingku_lei li a.current {color:#fff;background:#31c27c;}
.ilingku_lei li.zm {margin-right:10px;}
@media screen and (max-width:767px) {
.pagination{margin-left:10%;margin-top:.2rem;margin-bottom:.2rem;}
.ilingku_lei {float:left;width:100%;padding:5px 0;}
.ilingku_lei li {font-size:13px;height:24px;line-height:24px;margin-right:10px;}
.ilingku_lei li a {padding:0 12px;}
}

.ranklist-tags {border:1px solid #eee;}
.ranklist-tags .pagedata {float:right;height:30px;font-size:15px;line-height:30px;color:#666;margin-top:10px;margin-right:20px;}
.ranklist-tags .ti,.side-con h3 {float:left;height:50px;line-height:50px;font-size:18px;font-weight:400;padding:0 15px;background:#fff;color:#000;clear:both;margin-top:0px;margin-bottom:0px;}
.lkclass{float:left;width:100%;margin-left:10px;}
.lkclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#31c27c;text-align:center;margin:8px 0;}
.lkclass ul{float:left;width:calc(100% - 100px);}
.lkclass li{float:left;width:calc(9.0909% - 16px);height:24px;line-height:24px;text-align:center;font-size:13px;overflow:hidden;margin:8px 0 8px 16px;}
.lkclass li a{display:block;}
.lkclass li a:hover,.lkclass li a.current{color:#ff0000;font-weight:bold;}

.lkmusic_list {float:left;width:100%;padding-bottom:10px;}
.lkmusic_list ul {margin-left:5px;margin-right:5px;margin-top:3px;}
.lkmusic_list li {float:left;width:calc(25% - 20px);background:#f6f6f6;margin:6px 10px;}
.lkmusic_list li .pic {float:left;width:60px;height:60px;overflow:hidden;position:relative;}
.lkmusic_list li .pic img {float:left;width:100%;height:100%;transition:all 0.6s;}
.lkmusic_list li .pic a:hover img {transform:scale(1.1);}
.lkmusic_list li .pic .play {position:absolute;width:100%;height:100%;top:0;left:0;}
.lkmusic_list li .pic a:hover .play {background:rgba(0,0,0,.5);}
.lkmusic_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;}
.lkmusic_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;}
.lkmusic_list li .pic a:hover .fa {opacity:1;}
.lkmusic_list li .list_r {float:right;width:calc(100% - 80px);margin:5px 10px;}
.lkmusic_list li .list_so {float:left;width:calc(100% - 20px);margin:5px 10px;}
.lkmusic_list li .name {float:left;width:100%;height:28px;margin-top:0px;overflow:hidden;}
.lkmusic_list li .name a.time {float:right;display:inline-block;max-width:calc(100% - 120px);height:29px;line-height:29px;overflow:hidden;color:rgb(0,0,255);font-size:12px;}
.lkmusic_list li .name a.url {float:left;display:inline-block;max-width:84%;height:28px;line-height:28px;overflow:hidden;}
.lkmusic_list li .name a.mv {float:left;display:inline-block;width:25px;height:18px;font-size:12px;text-align:center;line-height:18px;background:#3d8137;color:#fff;border-radius:3px;margin:5px;}
.lkmusic_list li .name a:hover.mv {opacity:0.4;}
.lkmusic_list li .name span {margin-top:5px;}
.lkmusic_list 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;}
.lkmusic_list 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;}
.lkmusic_list 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;}
.lkmusic_list 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;}
.lkmusic_list li p {float:left;width:100%;height:24px;line-height:24px;font-size:12px;color:#888;overflow:hidden;}
.lkmusic_list li .singer {color:#888;}

.layui-fixbar li{background-color: #31c27c;}
.alert-warning{margin-top: 10px;}
.layer-tc{float:left;margin:8px;}
.layer-tc .name{float:left;width:100%;line-height:24px;color:#333;font-size:16px;text-align:center;margin:15px 0;}
.layer-tc .qrcode{float:left;width:180px;height:180px;border:1px #ececec solid;padding:5px;margin:0 calc(50% - 90px);position: relative;}
.layer-tc .qrcode canvas{float:left;width:100%;}
.layer-tc .qrcode .quark {background-image: url(../images/kuake.png);background-position: center;background-size: 36px;background-repeat: no-repeat;}
.layer-tc .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;}
.layer-tc .sm{float:left;width:100%;line-height:24px;color:#000;text-align:center;margin:10px 0;font-size:14px;font-weight:600;border-bottom: 1px dashed #eee;}
.layer-tc span {color: #0d53ff;}
.play_sm {float: left;width:90%;line-height: 20px;padding: 5px 5px;border-color: #ccc;color: #ccc;background: #fff;position: relative;border-radius: 10px;}
.play_sm a{color:#ccc;}
.play_down {float: left;width:90%;line-height: 20px;padding: 5px 5px;border-color: #ccc;color: #31c27c;background: #fff;border: 1px #eee solid;position: relative;border-radius: 10px;}
.play_down a{color:#31c27c;}
.play_down a:hover {color:#ff0000;}
@media screen and (max-width:767px){
  .lkclass h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
  .lkclass ul{width:calc(100% - 20px);margin:3px 0;}
  .lkclass li{width:calc(25% - 20px);margin:3px 0 3px 10px;}
  .lkmusic_list li{width:calc(100% - 20px);}
  .lkmusic_list{width:100%;}
  .play_sm p{font-size:12px;}
  .play_down p{font-size:12px;}
}