line-height: 30px;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: 80px;text-align: center;height: 60px;color: #aaa;font-size: 16px;line-height: 60px;padding: 0 5px;}
.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: 30%;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: 75%;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: 78%;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-0{background: #f90000;color:#fff;}
.h-1{background: #fc5100;color:#fff;}
.h-2{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: 70%;}
.box .m05 .djlist .li .left .unm{width: 20%;float: right;}
.box .m05 .djlist .li .yc{width:120px;position: absolute;top:0;right:0;}


.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;}
.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 .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;}
.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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/play_on.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn-span .play-btn-pause:hover i{background:url(../img/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(../img/type1.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn .play-btn-type .t2{background:url(../img/type2.png) no-repeat;background-size:100% 100%}
.music-play-item .play-btn .play-btn-type .t3{background:url(../img/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: 36px;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;}

/*鼠标悬停颜色*/
a:hover .name,.music-play-item .play-bottom p a:hover{color: #fff !important;}


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

@media screen and (max-width: 1142px){
	.box .remen .neirong .li .name{width: 70%;}
	.box .m05 .layui-card-body .li .name{width: 72%;}
	.box .m05 .layui-card-body .li .unm{width: 28%;}
	.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;}
	.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,.music-info-box .playline {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: 75%;}
	.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: 75%;}
	.box .m05 .layui-card-body .li .unm{width: 25%;}
	.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{display: none;}
}