a{text-decoration: none;}
a:hover, a:visited, a:active, a:focus {text-decoration: none;}
.reddot:after {content:"";background:#de4437;border:1px solid #de4437;border-radius:50%;padding:3px;position:absolute}
.badge-light-red {background-color:#ef233c;color:#fff}
.badge-light-pink {background-color:#ff43a4;color:#fff}
.badge-light-orange {background-color:#ff6b21;color:#fff}
.badge-light-blue {background-color:#3299ff;color:#fff}
.badge-light-orange2 {background-color:#ff715b;color:#fff}
.badge-light-yellow {background-color:#ffb700;color:#fff}
.badge-light-grey {background-color:#b3b3b3;color:#fff}
.badge-light-success {background-color:#02c39a;color:#fff}
.badge-light-green {background-color:#2a9d8f;color:#fff}
.quote-warning {border-left:4px solid #ef4444;background-color:#fee2e2;padding:.5rem;color:#434343}
.quote-notice {border-left:4px solid #16baaa;background-color:#fafafa;padding:.5rem;color:#434343}
.text-shadow {text-shadow:2px 2px 4px rgba(0,0,0,.2)}
.search-img {background:url(../images/chicken.gif) no-repeat scroll left top transparent;display:block;height:0;left:39%;margin-left:-12px;position:absolute;top:0;width:24px}
.content-lrc {max-height:4rem;overflow:hidden}
.expand {text-align:center;cursor:pointer;color:#009688}
.height-auto {max-height:unset}
.nowrap-hidden {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aplayer-notice {z-index:2}
.col-content {padding:.75rem;border-top:1px solid #dee2e6}
.text-jade {color:#42b983}
.music-title {display:block;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}
.music-link:hover {text-decoration:none;font-size:1.05rem}
.product-info-text {font-weight:bolder;color:#ff5722}
.required:before {content:"* ";color:red}
.product-content img {max-width:100%;height:auto}
.div-quote {margin-bottom:10px;padding:12px;line-height:1.6;border-left:5px solid #5FB878;border-radius:0 2px 2px 0;background-color:#fafafa;color:#2f4056}

.ilingku_lei {float:left;width:100%;margin:5px 0;list-style-type:none;}
.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;}

.ilingku_solist{float:left;width:calc(100%);list-style-type: none;}
.ilingku_solist li{float:left;height:24px;font-size:13px;line-height:24px;margin:5px 5px;}
.ilingku_solist li a{display:block;color:#fff;padding:0 11.5px;border-radius:4px;text-decoration: none;}
.ilingku_solist li a:hover{color:#fff;background:#059fa7;}
.ilingku_solist li .tag0{background:#efac82;}
.ilingku_solist li .tag1{background:#84c7cf;}
.ilingku_solist li .tag2{background:#d69899;}
.ilingku_solist li .tag3{background:#d59ad4;}
.ilingku_solist li .tag4{background:#c9b070;}
.ilingku_solist li .tag5{background:#b0d699;}
.ilingku_solist li .tag6{background:#eda29e;}
.ilingku_solist li .tag7{background:#1cbfff;}
.ilingku_solist li .tag8{background:#ff8010;}
.ilingku_solist li .tag9{background:#f879f9;}

.lkmusic_list{float:left;width:100%;}
.lkmusic_list ul{margin-left:5px;margin-right:5px;}
.lkmusic_list li{float:left;width:calc(25% - 20px);background:#f6f6f6;margin: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;overflow:hidden;}
.lkmusic_list li .name a.time{float:left;display:inline-block;max-width:calc(100% - 120px);height:28px;line-height:28px;overflow:hidden;}
.lkmusic_list li .name a.url{float:left;display:inline-block;max-width:calc(100% - 120px);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:#31c27c;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;}

.rank_list{float:left;width:100%;background:#fff;_margin-top:15px;}
.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;}

.lkclass{float:left;width:100%;margin-left:20px;margin-bottom:0px;margin-top:0px;}
.lkclass h1{float:left;width:80px;font-size:14px;color:#fff;line-height:24px;border-radius:4px;background:#05a081;text-align:center;margin:8px 0;}
.lkclass ul{float:left;width:calc(100% - 100px);margin-left:-40px;margin-bottom:0px;}
.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;}

.col-content {padding:.75rem;border-top:1px solid #dee2e6;}
.footer{line-height:30px;clear:both;background:#181818;margin-top:20px;color:#fff;text-align:center;padding:20px;}
.footer a{color:#fff;text-decoration:none}
.mfooter{line-height:30px;clear:both;background:#181818;color:#fff;text-align:center;padding:20px;}
.mfooter a{color:#fff;text-decoration:none}
.search-img {background:url("../images/chicken.gif") no-repeat scroll left top transparent;display:block;height:0;left:39%;margin-left:-12px;position:absolute;top:0;width:24px;}
.div-quote {margin-bottom:10px;padding:12px;line-height:1.6;border-left:5px solid #5FB878;border-radius:0 2px 2px 0;background-color:#fafafa;color:#2f4056}
.lkcol-md {position: relative;width: 492px;padding-right: 0px;padding-left: 15px;margin-bottom:10px;}
.text-primary{color: #333!important;}
.btn-primary {color: #fff;background-color: #31c27c;border-color: #31c27c;}
.card-body {padding: 0.9rem;}
.card{border-radius: .5rem;}
.lkpc{display: block;}
.lkmobile{display: none;}
.logleft{width:79%}
.logright{width:21%;}
@media screen and (max-width:767px) {
.lkcol-md {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.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;}
.lkmusic_list li{width:calc(100% - 20px);}
.lkmusic_list{width:100%;}
.lkclass h1{width:20px;font-size:12px;line-height:20px;padding:3px 0;margin:5px 0;}
.lkclass ul{width:calc(100% - 20px);}
.lkclass li{width:calc(25% - 20px);margin:3px 0 3px 10px;}
.rank_list li{width:calc(33.333% - 20px);}
.lkpc{display: none!important;}
.lkmobile{display: block!important;}
.logleft{width:70%}
.logright{width:30%;}
}

.table .thead-light th {
    color: #31c27c;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}


.btn-custom {
    background-color: #31c27c;
    border-color: #31c27c;
    color: white;
    border-radius: 0 0.25rem 0.25rem 0 !important;
    height: 40px;
}
.btn-custom:hover {
    background-color: #31c27c; 
    border-color: #31c27c;    
}

.reddot:after {
    content: "";
    background: #31c27c;
    border: 1px solid #31c27c;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
}
a {
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

.btn-info {
    background-color: #31c27c;
    border-color: #31c27c;
    color: white;
    border-radius: 0 0.25rem 0.25rem 0 !important;
    height: 40px;
}
.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
}
.form-control {
    border: 1px solid #31c27c;
}
.table {
    width: 100%;
    margin-bottom: 0rem;
    color: #212529;
}
.navbar-h1 {
	display: inline;
    font-size: 1.5rem;
    font-weight: 700;

}
.text-white {
    color: #999 !important;
}
footer .text-white {
    font-size: 14px !important;
}
footer .nav-link {
    font-size: 13px !important;
}

a:hover {
    color: #333;
    text-decoration: none;
}


.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #31c27c;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.badge-primary {
    color: #fff;
    background-color: #31c27c;
}