html,body{width: 100%;min-height: 100%;}
body{background-image: linear-gradient(to bottom right, #000000, #241f26);background-size: 100% auto;}
img{width: 100%;height: 100%;object-fit: cover;}
i,em{font-style: normal;}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-corner {background-color: transparent;}
::-webkit-scrollbar-thumb {background: transparent;border-radius: 4px;-webkit-transition: all 1s;transition: all 1s;width: 16px;}
::-webkit-scrollbar-track {background: transparent;width: 12px;}
::-webkit-scrollbar-thumb:hover, :hover::-webkit-scrollbar-thumb {background: #363741;}
.kg100{width: 100% !important;}
.m05{margin: 5px;}
.hidden{display: none;}
.box{max-width: 1200px;margin: 0 auto;position: relative;}
.head{width: 100%;height: 60px;background-image: linear-gradient(to bottom right, #000000, #241f26);position: fixed;z-index: 9999;box-shadow: 0 1px 5px rgb(52 49 53);}
.box .logo{width: 110px;height: 60px;line-height: 60px;display: inline-block;position: absolute;top: 0;left: 0;}
.head-h{width: 100%;height: 60px;}
.gotoTop{display: none;position: fixed;top: 75%;left: 50%;cursor: pointer;margin-top: -50px;margin-left: 620px;width: 64px;height: 64px;line-height: 64px;overflow: hidden;background: #3e3e3e;text-align: center;border-radius: 50%;}
.gotoTop i{font-size: 40px;color:#fff;}

/*分类*/
.head .box{position: relative;}
.head .box .ul{padding-left: 130px;}
.head .box .ul .li{display: inline-block;min-width: 71px;text-align: center;height: 60px;color: #aaa;font-size: 14px;line-height: 60px;padding: 0 5px;position: relative;}
.head .box .ul .layui-nav-item{position: relative;cursor: pointer;}
.head .box .ul .layui-nav-item .name{color: #aaa;}
.head .box .ul .layui-nav-item:hover .name{color: #fff;}
.head .box .ul .layui-nav-item:hover{background: #1d1d1d;}
.head .box .ul .layui-nav-child{display: none;position: absolute;top: 60px;left: 0;width: 150px;background-image: linear-gradient(to bottom right, #000000, #241f26);box-shadow: 0 2px 4px rgba(0,0,0,0.2);z-index: 9999;}
.head .box .ul .layui-nav-item:hover .layui-nav-child{display: block;}
.head .box .ul .layui-nav-child dd{height: 40px;line-height: 40px;text-align: left;padding: 0 15px;}
.head .box .ul .layui-nav-child dd:hover{background: #1d1d1d;}
.head .box .ul .layui-nav-child dd a{display: block;color: #aaa;}
.head .box .ul .layui-nav-child dd a:hover{color: #fff;}
.head .box .ul a:hover .li{color: #fff;background: #1d1d1d;}
.head .box .ul .on,.head .box .ul a:hover .on{background: linear-gradient(to bottom right, #565656, #464646);color:#fff;}
.head .box .classyc{display: none;}
.head .box .class{position: absolute;top: 15px;left: 120px;color:#aaa;cursor: pointer;}
.head .box .class i{font-size: 22px;}

/*搜索*/
.search{width: 20%;position: absolute;top: 15px;right: 0;}
.search .search-box{position:relative;height: 30px;background: #fff;width: 100%;}
.search .search-box .search-input{height: 30px;padding-left: 10px;padding-right: 70px;}
.search .search-box input{outline: none;border: 0;box-sizing: border-box;width: 100%;height: 100%;}
.search .search-box button{cursor: pointer;height: 30px;line-height: 30px;background-color: #ffbc60;color: #040404;border-style: none;outline: none;width: 70px;text-align: center;position:absolute;top:0;right:0;}
.search .search-box button:hover{background-color: #ffa325;}

/*搜索按钮*/
.head .box .soicoyc{display: none;}
.head .box .soico{position: absolute;top: 0;right: 0;color:#aaa;cursor: pointer;width: 50px;height: 50px;line-height: 50px;text-align: center;}
.head .box .soico i{font-size: 24px;}

.box .lunbotu{padding-top: 10px;margin:5px;}
.box .lunbotu .sjianjie{height: 318px !important;background: #141115;}
.box .remen{margin:5px;height: 318px;box-shadow: 0 1px 2px 0 rgb(246 244 255 / 48%);margin-top: 15px;}
.box .remen .title{width: 100%;height: 45px;background-image: linear-gradient(to bottom right, #000000, #241f26);}
.box .remen .title .name{font-size: 16px;color: #fff;padding-left: 10px;padding-top: 10px;font-weight: 600;}
.box .remen .neirong .li{width: 100%;margin: 10px 0;position: relative;}
.box .remen .neirong .li .name{width: 60%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;margin-left: 10px;}
.box .remen .neirong .li .singer{width: 20%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;margin-left: 10px;}
.box .remen .neirong .li .unm{color: #888;position: absolute;right: 5px;top: 0;text-align: right;}
.box .remen .title a{float: right;font-size: 12px;color:#cacaca;margin-right: 5px;}
.box .remen .title a:hover{color:#fff;}
.box .remen .title a i{margin-left: 2px;vertical-align: middle;font-size: 13px;font-weight: 400;}

.layui-card{background-image: linear-gradient(to bottom right, #000000, #241f26);box-shadow: 0 1px 2px 0 rgb(246 244 255 / 48%);}
.layui-card .layui-card-header{color: #fff;font-size: 16px;font-weight: 600;border-bottom: 0;background-image: linear-gradient(to bottom right, #000000, #241f26);max-height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layui-card .layui-card-header a{float: right;font-size: 12px;color:#cacaca;margin-right: -6px;}
.layui-card .layui-card-header a:hover{color:#fff;}
.layui-card .layui-card-header a i{margin-left: 2px;vertical-align: middle;font-size: 13px;font-weight: 400;}
.layui-card .layui-card-header span{font-weight: 400;font-size: 14px;display: inline-block;cursor: pointer;padding: 0 10px;height: 28px;line-height: 28px;color: #aaa; background-color: #292931;margin-right: 15px;border-radius: 4px;}
.layui-card .layui-card-header span.on{background: #C7302F;color: #fff;}
.play-tab{padding-left:5px;}

.layui-panel{background-image: linear-gradient(to bottom right, #1f1f1f, #241f26);}
.layui-breadcrumb{display: block;padding-left: 5px;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}

.box .m05 .layui-card-body{padding-top: 5px;}
.box .m05 .layui-card-body .li{width: 100%;margin-top: 10px;line-height: 20px;}
.box .m05 .layui-card-body .li a{display: block;padding: 0 5px;}
.box .m05 .layui-card-body .li .itm{color: #aaa;float: left;width: 10%;}
.box .m05 .layui-card-body .li .ztys{color: #999;}
.box .m05 .layui-card-body .li .name{width: 50%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.box .m05 .layui-card-body .li .singer{width: 20%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.box .m05 .layui-card-body .li .name em{display: inline-block;padding:0 5px;margin-right: 8px;border-radius: 2px;}
.box .m05 .layui-card-body .li .unm{color: #888;float: right;width:22%;text-align: right;}
.box .m05 .layui-card-body .li .ztbs{color: #aaa;}
.box .m05 .layui-card-body .li .rqys{color: #999;}
.h-1{background: #f90000;color:#fff;}
.h-2{background: #fc5100;color:#fff;}
.h-3{background: #ff8128;color:#fff;}

.box .m05 .djlist .li{position: relative;}
.box .m05 .djlist .li .left{padding-right: 140px;position: relative;}
.box .m05 .djlist .li .left .name{width: 45%;}
.box .m05 .djlist .li .left .singer{width: 20%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.box .m05 .djlist .li .left .unm{width: 20%;float: right;}
.box .m05 .djlist .li .yc{width:120px;position: absolute;top:0;right:0;}

/*歌手列表样式*/
.box .m05 .singerlist .layui-row{margin: 0 -5px;}
.box .m05 .singerlist .layui-col-md3{padding: 0 5px;}
.box .m05 .singerlist .li{position: relative;margin-bottom: 10px;}
.box .m05 .singerlist .li .name{width: 75%;color: #aaa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.box .m05 .singerlist .li .unm{color: #888;float: right;width:22%;text-align: right;}

/*热门歌手两列样式*/
.box .m05 .singertwo .layui-row{margin: 0 -5px;}
.box .m05 .singertwo .layui-col-md6{padding: 0 5px;}
.box .m05 .singertwo .li{position: relative;margin-bottom: 10px;}

.box .m05 .typelist{padding:10px 0;}
.box .m05 .typelist a{display: inline-block;margin: 5px 8px;color:#999;padding: 0 5px;}
.box .m05 .typelist a.on,.box .m05 .typelist a:hover{background-color: #ffbc60;color: #000;}

.box .zjlists .layui-card-body .li{width: 19.55%;display: inline-block;}
.box .zjlists .layui-card-body .li .pic{width: 90%;margin: 0 auto;}
.box .zjlists .layui-card-body .li .name{text-align: center;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #aaa;}

.box .zhuanji{font-size: 0;padding:0;padding-top: 10px;}
.box .zhuanji .li{display: inline-block;width: 12.5%;}
.box .zhuanji .li .pic{width: 85%;margin: 0 auto;height: 100px;}
.box .zhuanji .li .name{width: 85%;color: #aaa;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;margin-top: 5px;font-size: 14px;}

/* 通用间距样式 */
.mt-10{margin-top: 10px;}
.px-3{padding: 0 3px;}
.px-5{padding: 0 5px;}
.p-0{padding: 0;}
.text-aaa{color: #aaa;}
.text-white{color: #fff;}


.box .ads{width: 100%;height: 60px;padding: 5px;}
.box .ads2{width: 98%;padding: 5px;height: 220px;}

.bottom{width: 100%;background-image: linear-gradient(to bottom right, #000000, #241f26);padding-top: 10px;margin-top: 10px;padding-bottom: 20px;}
.bottom .box .txt{color: #aaa;text-align: center;margin-top: 10px;padding: 0 5px;}
.bottom .box .txt a{padding-left: 10px;color:#aaa;}

.layui-laypage a, .layui-laypage span{background-image: linear-gradient(to bottom right, #000000, #241f26);color: #999;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {border: 1px solid #000;}
.layui-laypage a:hover {color: #00df40;}
.box .albuminfo .layui-card{padding: 20px;}
.box .albuminfo .pic{width: 120px;display: inline-block;vertical-align: top;}
.box .albuminfo .pic .img {width: 100px;height: 100px;margin: 0 auto;}
.box .albuminfo .title{width: 60%;display: inline-block;vertical-align: top;}
.box .albuminfo .title .name{color: #aaa;margin-bottom: 10px;}
.box .albuminfo .title .itm{color: #999;margin-bottom: 5px;}
.box .albuminfo .title .unm{color: #999;}

/*手机端侧边分类*/
.head .clsslists{position: fixed;top: 0;left: 0;width: 100%;min-height: 100vh;background:rgb(0 0 0 / 67%);background-size: 100%;z-index: 999;overflow-x:hidden;}
.head .clsslists .bos{width: 110px;min-height: 100vh;background-image: linear-gradient(to bottom right, #000000, #241f26);margin-left: -110px;}
.head .clsslists .bos .waplogo{width: 90%;height: 40px;margin: 0 auto;margin-bottom: 10px;margin-top: 5px;}
.head .clsslists .bos .waplogo img{object-fit: contain;}
.head .clsslists .bos .li{width: 100%;height: 50px;text-align: center;color: #aaa;font-size: 14px;line-height: 50px;}
.head .clsslists .bos .layui-nav-item{position: relative;cursor: pointer;}
.head .clsslists .bos .layui-nav-item .name{color: #aaa;}
.head .clsslists .bos .layui-nav-item:hover .name{color: #fff;}
.head .clsslists .bos .layui-nav-child{display: none;position: relative;top: 0;left: 0;width: 100%;background-image: linear-gradient(to bottom right, #000000, #241f26);}
.head .clsslists .bos .layui-nav-item:hover .layui-nav-child{display: block;}
.head .clsslists .bos .layui-nav-child dd{height: 40px;line-height: 40px;text-align: center;padding: 0 15px;}
.head .clsslists .bos .layui-nav-child dd:hover{background: #1d1d1d;}
.head .clsslists .bos .layui-nav-child dd a{display: block;color: #aaa;}
.head .clsslists .bos .layui-nav-child dd a:hover{color: #fff;}
.head .clsslists .bos .on{background-image: linear-gradient(to bottom right, #565656, #464646);color:#fff;}
.head .clsslists .bos .li:hover{color:#fff;}
/*手机端头部搜索*/
.head .searchbox{position: fixed;top: 0;left: 0;width: 100%;min-height: 100vh;background:rgb(0 0 0 / 67%);background-size: 100%;z-index: 9999;overflow-x:hidden;}
.head .searchbox .bos{width: 100%;height: 60px;background-image: linear-gradient(to bottom right, #000000, #241f26);margin-top: -60px;}
.head .searchbox .bos .search{left: 3%;width: 94%;position:relative;right: auto;}
.head .searchbox .bos .search input{height: 40px;width: 94%;background: #fff;border-radius: 20px;border: 0;padding-left: 3%;}
.head .searchbox .bos .search button{height: 40px;border-radius: 0 20px 20px 0;position:absolute;top:0;right:0;width: 85px;border: 0;background-color: #ffbc60;color: #040404;}

/*排行*/
.classli{width: 100%;height: 60px;color: #aaa;font-size: 18px;line-height: 60px;text-align: center;}
.classli a{color: #aaa;}
.classon{background-image: linear-gradient(to bottom right, #080808, #2d2b2e);}

/*侧边专辑*/
.album{padding: 8px !important;}
.albumlist{padding: 20px !important;}
.albumlist .pic{min-width: 172px;min-height: 172px;background: linear-gradient(to bottom right, #000000, #241f26);}
.album .pic{min-width: 87px;min-height: 87px;background: linear-gradient(to bottom right, #000000, #241f26);}
.album .name,.albumlist .name{color:#aaa;text-align: center;width: 100%;height: 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.album .pic img,.albumlist .pic img{border-radius:5px;}
.pages{text-align: center;padding-top: 14px;width: 100%;}

/*播放页*/
.music-info-box{width:100%;background:url(../images/playbg.png) no-repeat 100% 100%;position:relative;color:#aaa;}
.music-info-box .cd-box{position:absolute;top:30px;left: 30px;width: 140px;height: 140px;background:url(../images/cd.png) no-repeat;background-size:100% 100%;}
.music-info-box .cd-box .pic{width: 40px;height: 40px;background: #862525;margin:0 auto;margin-top: 50px;border-radius:50%;position:relative;}
.music-info-box .cd-box .pic img{width:90px;height:90px;border-radius:50%;position:absolute;top:10px;left:10px}
.music-info-box .cd-box.on{animation:cdplay 5s linear 0s infinite;}
.music-info-box .playline{width: 57px;height: 140px;position: absolute;left: 125px;top: 4px;transform-origin: 66px 28px;transform: rotate(-20deg);transition: all 0.3s;background: url(../images/player-line.png) no-repeat 0 0;background-size: cover;}
.music-info-box .playline.on {transform: rotate(0deg);}
.music-info-box .num-box{position:absolute;bottom:30px;left:15px}
.music-info-box .num-box span{width: 80px;height:32px;line-height:32px;border-radius:2px;border: 1px solid #232323;display:inline-block;text-align:center;margin:0 5px;cursor:pointer;font-size: 12px;}
.music-info-box .num-box span:hover{border:1px solid #C7302F;}
.music-info-box .num-box span i{margin-right:5px;color:#C7302F;vertical-align:middle;}
.music-info-box .num-box span a{color:#aaa;}
.music-play-box{padding-left: 220px;padding-right: 20px;padding-top:20px;}
.music-play-box h3 .name{display:inline-block;width:70%;height:25px;overflow:hidden;}
.music-play-box h3 .right{float:right;font-size:14px;border:1px solid #333;padding:5px 10px;border-radius:2px;cursor:pointer;position:relative}
.music-play-box h3 .right i{margin-right: 3px;}
.music-play-item{width:100%;height:240px;position:relative}
.music-play-item .music-play-progress{width:100%;height:6px;background-color:rgb(46,47,58);overflow:hidden;position:absolute;top:25px;border-radius:3px;z-index:998}
.music-play-item .music-play-progress .music-play-progress-1{width:0%;height:6px;position:absolute;top:25px;top:0px;z-index:998;background-color:rgb(73 74 88);border-radius:3px}
.music-play-item .music-play-progress .music-play-progress-2{width:0%;height:6px;position:absolute;top:25px;top:0px;z-index:998;border-radius:3px;background-image:linear-gradient(to right,rgb(21,215,196),rgb(184,254,88))}
.music-play-item .music-play-slider{width:100%;height:6px;position:absolute;top:25px;cursor:pointer;border-radius:3px;z-index:999}
.music-play-item .music-play-slider .music-play-slider-1{left:0%;width:14px;height:14px;overflow:hidden;border-radius:50%;background-color:rgb(255,255,255);cursor:pointer;position:absolute;top:-4px;box-shadow:rgb(51,51,51) 0px 5px 8px;z-index:999}
.music-play-item .music-play-slider .music-play-slider-2{width:8px;height:8px;overflow:hidden;border-radius:50%;position:absolute;background-color:rgb(219,29,64);left:3px;top:3px}
.music-play-item .music-play-time{color:#aaa;font-size:16px;overflow:hidden;cursor:default;position:absolute;top:40px;left:0;width:100%}
.music-play-item .music-play-time .currenttime{display:inline-block}
.music-play-item .music-play-time .duration{float:right}
.music-play-item .play-btn{width:100%;position:absolute;top:60px;z-index:990}
.music-play-item .play-btn-span{display:inline-block}
.music-play-item .play-btn-span span{vertical-align:middle;display:inline-block}
.music-play-item .play-btn-span .play-btn-play,.music-play-item .play-btn-span .play-btn-pause{display:inline-block;width:40px;height:40px;background:rgb(253 253 253 / 57%);border-radius:50%;margin-top:10px;cursor:pointer}
.music-play-item .play-btn-span .play-btn-pause{display:none}
.music-play-item .play-btn-span .play-btn-play em{display:inline-block;width:20px;height:20px;background:url(../images/play.png) no-repeat;background-size:100% 100%;margin-top:10px;margin-left:10px}
.music-play-item .play-btn-span .play-btn-play i{color:#111;display:none;margin-top:8px;margin-left:12px;font-weight:700}
.music-play-item .play-btn-span .play-btn-pause em{display:inline-block;width:20px;height:20px;background:url(../images/pause.png) no-repeat;background-size:100% 100%;margin-top:10px;margin-left:10px}
.music-play-item .play-btn-span .play-btn-play:hover,.music-play-item .play-btn-span .play-btn-pause:hover{background:#C7302F}
.music-play-item .play-btn-span .play-btn-play:hover i{background:url(../images/play_on.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn-span .play-btn-pause:hover i{background:url(../images/pause_on.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn-span .text{padding-left:8px;padding-top:10px;color:#aaa}
.music-play-item .play-btn .play-btn-type{float:right;display:inline-block;width:100px;height:40px;text-align:right;margin-top:10px}
.music-play-item .play-btn .play-btn-type em{display:inline-block;width:30px;height:30px;cursor:pointer}
.music-play-item .play-btn .play-btn-type .t1{background:url(../images/type1.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn .play-btn-type .t2{background:url(../images/type2.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn .play-btn-type .t3{background:url(../images/type3.png) no-repeat;background-size:100% 100%}
.music-play-item .play-bottom{position:absolute;left:0;bottom:19px;width:100%;}
.music-play-item .play-bottom p{line-height:40px;height:40px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.music-play-item .play-bottom p a{color:#aaa;}
.dlist{width: 100%;height:360px;overflow-y: auto;}
.dlist li{width:100%;line-height: 35px;position: relative;}
.dlist li .name{padding-right: 100px;}
.dlist li a .name{display: block;color:#aaa;height:35px;line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.dlist li a .name em{margin-right: 10px;width: 52px;display: inline-block;text-align: center;}
.dlist li a:hover .name{color:#fff;}
.dlist li .right{position: absolute;top:0;right:10px;color:#999;}
.dlist li .right i{font-size: 22px;}
.dlist li .right.del{cursor: pointer;}
.dlist li.on{background-color: #292931;}
.dlist li.on a .name,.dlist li.on .right{color: #C7302F;}
.directory{padding: 7px;background: #1a171c;color: #aaa;font-size: 14px;}
.directory li{border-bottom: 1px dashed #252525;height: 27px;line-height: 27px;padding: 0 7px;letter-spacing: 1px;overflow: hidden;}
.directory li a{color:#999;padding:0 5px;}


.down-box{padding:10px;color:#aaa;}
.down-box p{padding:5px 0;}
.pages .layui-box a.on{background:#00df40!important;color:#ffffff;}

/*鼠标悬停颜色*/
a:hover .name,.music-play-item .play-bottom p a:hover{color: #fff !important;}
/*歌曲和歌手链接样式*/
.box .remen .neirong .li .name a,
.box .m05 .layui-card-body .li .name a,
.box .m05 .djlist .li .left .name a,
.box .m05 .singerlist .li .left .name a,
.box .remen .neirong .li .singer a,
.box .m05 .layui-card-body .li .singer a,
.box .m05 .djlist .li .left .singer a{
  color: inherit;
  text-decoration: none;
  display: inline;
}
.box .remen .neirong .li .name a:hover,
.box .m05 .layui-card-body .li .name a:hover,
.box .m05 .djlist .li .left .name a:hover,
.box .m05 .singerlist .li .left .name a:hover,
.box .remen .neirong .li .singer a:hover,
.box .m05 .layui-card-body .li .singer a:hover,
.box .m05 .djlist .li .left .singer a:hover{
  color: #fff;
  text-decoration: none;
}


@keyframes cdplay{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}

@media screen and (max-width: 1142px){
	.box .remen .neirong .li .name{width: 45%;}
	.box .remen .neirong .li .singer{width: 25%;}
	.box .m05 .layui-card-body .li .name{width: 45%;}
	.box .m05 .layui-card-body .li .singer{width: 27%;}
	.box .m05 .layui-card-body .li .unm{width: 28%;}
	.box .m05 .singerlist .li .name{width: 75%;}
	.box .m05 .singerlist .li .unm{width: 20%;}
	.box .m05 .layui-card-body .li .itm{display: none;}
	.box .zhuanji .li{width: 25%;}
	.box .zhuanji .li .pic{height: 120px;}
	.box .zjlists .layui-card-body .li .name{font-size: 18px;}
	.box .m05 .layui-card-body .li .yc{display: none;}
	.box .m05 .djlist .li .left{padding-right: 0px;}
	.search{width: 25%;right:5px;}
	.gotoTop{position: fixed;top: 75%;left:auto;right:20px;margin-top: 0;margin-left: 0;width:50px;height: 50px;line-height: 50px;}
	.gotoTop i{font-size: 34px;}
}

@media screen and (max-width: 1000px){
	.head{height: 50px;}
	.head-h{height: 50px;}
	.box .logo{width: 90px;height: 40px;line-height: 50px;margin-left: 10px;}
	.head .box .yc{display: none;}
	.head .box .classyc{display: block;}
	.search{width: 40%;right:5px;top: 10px;}
}

@media screen and (max-width: 768px){
	.box .ads2 {display: none;}
	.box .zjlists .layui-card-body .li{width: 19.29%;}
	.box .zjlists .layui-card-body .li .name{font-size: 15px;}
	.box .albuminfo .title{width: 50%;}
	.box .m05 .layui-card-body .li .yc{display: none;}
	.head .box .yc{display: none;}
	.head .box .searchyc{display: none;}
	.head .box .classyc{display: block;}
	.head .box .soicoyc{display: block;}
	.box .lunbotu{padding-top:0;margin-top: 10px;}
	.box .remen{margin-top: 10px;}
	.music-info-box .cd-box {display: none;}
	.music-play-box {padding-left: 20px;}
	.music-info-box .num-box {left: 75px;bottom: 95px;}
	.music-info-box .num-box span{height:28px;line-height: 27px;}
	.music-play-item .play-bottom{bottom:10px;}
}

@media screen and (max-width: 414px){
	.box .lunbotu{height: 180px;padding-top:0;}
	.box .lunbotu .sjianjie{height: 180px !important;}
	.box .remen{margin-top: 5px;}
	.box .remen .neirong .li .name{width: 45%;}
	.box .remen .neirong .li .singer{width: 25%;}
	.box .remen .neirong .li .unm{width: 25%;}
	.box .m05 .djlist .li .left{width: 100%;padding-right:0;}
	.box .m05 .layui-card-body .li .name{width: 45%;}
	.box .m05 .layui-card-body .li .singer{width: 30%;}
	.box .m05 .layui-card-body .li .unm{width: 25%;}
	.box .m05 .singerlist .li .name{width: 75%;}
	.box .m05 .singerlist .li .unm{width: 20%;}
	.box .m05 .layui-card-body .li .itm{display: none;}
	.box .zhuanji .li .pic{height: 60px;}
	.box .ads2 {display: none;}
	.box .zjlists .layui-card-body .li{width: 32.4%;}
	.box .albuminfo .title{width: 45%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.box .albuminfo .title .name{color: #aaa;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.box .albuminfo .title .itm{color: #999;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.box .albuminfo .title .unm{font-size: 12px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.box .albuminfo .title .itm .yc{display: none;}
	.box .m05 .layui-card-body .li .yc{display: none;}
	.head .box .yc{display: none;}
	.head .box .searchyc{display: none;}
	.head .box .soicoyc{display: block;}
	.layui-laypage .layui-laypage-spr,.music-info-box .playline{display: none;}
}

/*信息表格样式*/
.info-table{width: 100%; margin-bottom: 20px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
.info-header{background-image: linear-gradient(to bottom right, #2a2a2a, #1a171c); color: #fff; font-size: 16px; font-weight: 600; padding: 12px; text-align: center; border-bottom: 2px solid #666;}
.info-content{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background-color: #333;}
.info-item{background-color: #1a171c; display: flex;}
.info-item:nth-child(even){background-color: #221f25;}
.info-label{width: 80px; padding: 12px; background-color: rgba(0,0,0,0.2); color: #999; font-weight: 600; text-align: right; border-right: 1px solid #333;}
.info-value{flex: 1; padding: 12px 15px; color: #aaa;}
/*确保info-table中的链接不继承全局样式*/
.info-table a, .info-table a:hover{color: #aaa !important; text-decoration: none !important; display: inline !important;}

/*响应式设计*/
@media screen and (max-width: 768px){ .info-content{grid-template-columns: 1fr;} .info-label{width: 70px; padding: 10px;} .info-value{padding: 10px 12px;} }

/*标签页样式*/
.layui-tab-title li{color: #aaa !important; font-size: 14px !important; font-weight: normal !important;}
.layui-tab-title li:hover{color: #fff !important;}
.layui-tab-title .layui-this{color: #fff !important; background-color: rgba(0,0,0,0.2) !important;}
.layui-tab-title .layui-this:after{border-bottom-color: #666 !important;}

/*详细介绍样式*/
.layui-collapse{margin-top: 20px !important;}

/* 内联样式替代 */
.info-item.full-width{grid-column: 1 / -1;}
.info-value.no-border{border-right: none;}
.no-content-message{width: 100%; height: 50px; line-height: 50px; text-align: center;}
.song-item.header{background-color: rgba(0,0,0,0.2);}
.song-item.header .song-name, .song-item.header .song-singer, .song-item.header .song-hits{font-weight: 600; color: #fff;}
.layui-colla-item{border: 1px solid #333 !important; border-radius: 8px !important; overflow: hidden !important; margin-bottom: 10px !important;}
.layui-colla-title{background-image: linear-gradient(to bottom right, #2a2a2a, #1a171c) !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; padding: 12px !important; border-bottom: 1px solid #666 !important;}
.layui-colla-title:hover{background-image: linear-gradient(to bottom right, #333, #221f25) !important; color: #fff !important;}
.layui-colla-content{background-color: #1a171c !important; color: #aaa !important; padding: 20px !important; line-height: 1.6 !important;}
.layui-colla-content p{margin-bottom: 10px !important;}
.layui-colla-content img{max-width: 100% !important; height: auto !important; margin: 10px 0 !important;}

/*歌曲列表样式*/
.song-item{grid-column: 1 / -1;}
.song-value{border-right: none; display: flex; align-items: center; justify-content: space-between;}
.song-name{flex: 2;}
.song-singer{flex: 1;}
.song-hits{flex: 1; color: #888; text-align: right;}
.song-hits i{margin-left: 2px; font-size: 13px;}

/*链接样式*/
a{color: #aaa; text-decoration: none; font-size: 14px;}
a:hover{color: #fff; text-decoration: none;}
.layui-breadcrumb a{color: #aaa;}
.layui-breadcrumb a:hover{color: #fff;}
.layui-breadcrumb cite{color: #fff;}