body{background:#16151A;color:#d7d7d7}
a{color:#d7d7d7}
a:hover{color:#C7302F}
img{object-fit:cover}
.red{color:#C7302F!important}
/*
::-webkit-scrollbar-button,::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece{background-color:#1d1f24}
::-webkit-scrollbar-thumb{border-radius:6px;background:#999}
:-webkit-scrollbar-button,::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece{background-color:#1d1f24}
::-webkit-scrollbar-button,::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece{background-color:#1d1f24}
::-webkit-scrollbar{width:6px;height:6px}
*/
::-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;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
.layui-layer-msg,.layui-layer-padding{color:#333!important;}
.layui-input, .layui-select, .layui-textarea{background: #333;border: 0;color:#d9d9d9;}
.layui-form-select dl{background: #333;border:0;}
.layui-form-select dl dd:hover{background: #555;}
.layui-table{background-color:#232323;color:#d9d9d9;}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{border-color: #353535;}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {background-color: #1d1c1c;}
.hide{display:none}
.box{max-width:1620px;min-width:670px;width:calc(100% - 40px);margin:0 auto;position:relative}
.head{position:fixed;width:100%;height:66px;top:0;left:0;z-index:9999;background:#16151A;border-bottom:1px solid #222}
.head .menu-btn{position:absolute;top:0;left:245px;width:40px;height:66px;line-height:66px;cursor:pointer}
.head .menu-btn i{color:#fff}
.head .menu-btn .menu-left{display:none;}
.head .search-box{width:700px;margin:0 auto;padding-top:15px}
.head .search-box .search-input{width:360px;height:36px;background:#333;position:relative;padding:0 18px;border-radius:18px;display:inline-block}
.head .search-box .search-input input{width:100%;height:36px;line-height:36px;background:#333;border:0;color:#fff}
.head .search-box .search-input .icon-btn{position:absolute;top:0;right:0;text-align:center;cursor:pointer;width:92px;height:36px;line-height:36px;background:#C7302F;border-radius:17px;color:#fff}
.head .search-box .search-input .icon-btn i{color:#fff;vertical-align:middle;margin-right:5px}
.head .search-box .nav{display:inline-block;padding-left:20px}
.head .search-box .nav a{display:inline-block;margin-left:20px}
.head .search-box .nav a img{width:20px;margin-right:5px;vertical-align:middle}
.head .user-box{position:absolute;top:25px;right:44px;max-width:200px}
.head .user-box a{display:inline-block;margin-left:20px}
.head .user-box a i{vertical-align:middle;margin-right:3px}
.nav-box{position:fixed;top:0;left:0;width:220px;height:100%;background:#141414;border-radius:0px 15px 0px 0px;border-right:1px solid #222;z-index:9999}
.nav-box .logo a{display:block;width:100%}
.nav-box .logo img{width:75%;margin:13.5px auto;display:block}
.nav-box .logo img.min{width:50px;display:none}
.nav-box .logo .menu-btn{position:absolute;top:0;left:90px;width:40px;height:66px;line-height:66px;cursor:pointer;display: none;}
.nav-box .logo .menu-btn i{color:#fff}
.nav-box .logo .menu-btn .menu-left{display:none;}
.nav-box ul{width:100%;height:93%;overflow-y:auto;overflow-x:hidden;}
.nav-box li{height:46px;line-height:46px;padding-left:20px;position:relative}
.nav-box li .line{border-top:1px solid #222227;height:1px;width:90%;background:#000;margin-top:10px}
.nav-box li a{display:block}
.nav-box li a span{width:20px;height:20px;line-height:20px;border-radius:50%;display:inline-block;margin-right:5px}
.nav-box li a span img{width:100%;height:100%;border-radius:50%}
.nav-box li a span.home{background:#333;text-align:center}
.nav-box li a span.home i{font-size:12px}
.nav-box li.on{background:#16151A}
.nav-box li.on a{background:#16151A;position:absolute;width:100%;height:94%;left:0;top:3%;padding-left:20px}
.nav-box li a.on{color:#C7302F;}
.main-box{margin-left:220px;padding:86px 28px 20px}
.left-min-box .nav-box{width:100px;transition:width 0.2s}
.left-min-box .nav-box .max{display:none}
.left-min-box .nav-box .logo img.min{display:block}
.left-min-box .nav-box li{padding-left:0}
.left-min-box .nav-box li a{width:60px;height:100%;margin:0 auto;overflow:hidden;transition:width 0.2s}
.left-min-box .nav-box li.on a{padding-left:20px}
.left-min-box .head .menu-btn{left:120px}
.left-min-box .head .menu-btn .menu-left{display:inline-block}
.left-min-box .head .menu-btn .menu-right{display:none}
.left-min-box .main-box{margin-left:100px}
.banner{width:100%;height:380px;background:#25252B;border-radius:4px}
.banner img{width:100%;height:100%}
.music-box{width:100%;min-height:380px}
.music-header{width:100%;height:56px;line-height:56px;border-bottom:1px solid #38393e;position:relative}
.music-header em{position:absolute;top:14px;left:0;background:#C7302F;width:3px;height:28px}
.music-header span{display:inline-block;color:#ddd;cursor:pointer;padding:0 10px;height:28px;line-height:28px;color:#fff;background-color:#292931;margin-left:15px;border-radius:4px;margin-top:14px}
.music-header span.on{background:#C7302F;color:#fff}
.music-header a{float:right;margin-right:10px;color:#999;}
.music-header a i{vertical-align:middle;font-size:14px}
.music-body ul{padding:0px 5px}
.music-body li{width:100%;line-height:40px;height:40px;margin:5px 0;position:relative;border-radius:2px}
.music-body li:hover{background-color:#292931}
.music-body li span{display:inline-block}
.music-body li .user{position:absolute;top:5px;left:10px;width:30px;height:30px;line-height:30px}
.music-body li .user img{width:100%;height:100%;border-radius:50%}
.music-body li .name{padding-left:50px;width:77%;height:100%}
.music-body li .name a i{font-weight:500;margin-left:5px}
.music-body li .time{position:absolute;top:0;right:10px;color:#ddd}
.music-body li span a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%}
.music-body li .center{padding-left:50px;width:90%;height:100%}
.music-body li .center span{vertical-align:middle}
.music-body li .center .name{padding-left:0px}
.music-body li .center .name a{width:90%}
.music-body li .center .nickname a{width:90px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-body li .center .hits{max-width:90px;width:80%;height:100%;text-align:center}
.music-body li.tt{background-color:#16151a;font-weight:600}
.music-body li.tt .center{padding-left:20px}
.music-body li.tt .center .name{padding-right:30px}
.music-body li.tt .center .nickname{width:90px}
.user-box-list h2 a{float:right;font-size:14px;margin-top:5px;margin-right:12px}
.user-box-list h2 a i{display:inline-block}
.user-box-list ul{width:100%;margin-top:20px;overflow:hidden}
.user-box-list ul li{display:inline-block;width:78px;margin-right:20px;margin-bottom:20px;text-align:center}
.user-box-list ul li:last-child{margin-right:0px}
.user-box-list ul li img{width:60px;height:60px;border-radius:50%;margin-bottom:5px;opacity:.9}
.user-box-list ul li:hover img{opacity:1}
.user-box-list ul li p{width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.user-box-list ul li p.city{color:#999;font-size:12px}
.album-box{width:100%;min-height:380px}
.album-header{width:100%;height:56px;line-height:56px;border-bottom:1px solid #38393e;position:relative}
.album-header em{position:absolute;top:14px;left:0;background:#C7302F;width:3px;height:28px}
.album-header span{display:inline-block;color:#ddd;cursor:pointer;padding:0 10px;height:28px;line-height:28px;color:#fff;background-color:#292931;margin-left:15px;border-radius:4px}
.album-header span.on{background:#C7302F;color:#fff}
.album-header a{float:right;margin-right:10px}
.album-header a i{vertical-align:middle;font-size:14px}
.album-body .item{display:inline-block;width:50%;position:relative;height:90px;margin:10px 0;overflow:hidden}
.album-body{padding:0 8px}
.album-body .item .pic{position:absolute;top:10px;left:10px;width:90px;height:80px}
.album-body .item .pic img{width:100%;height:100%;border-radius:4px}
.album-body .item .list{padding-left:110px}
.album-body .item .list a{width:96%;display:block;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-body ul{display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.album-body ul li{display:inline-block;width:23%;margin-top:15px}
.album-body .user a{display:block;width:100%;overflow:hidden}
.album-body .user img{width:100%;max-height:110px;border-radius:4px}
.album-body .user .nickname{padding-top:5px;height:20px;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bottom{margin-top:20px;border-top:1px solid #222;padding-top:20px;color:#999}
.bottom a{color:#999}
.bottom .foot-nav{margin-bottom:15px}
.bottom .foot-nav a{display:inline-block;padding:0 20px;position:relative}
.bottom .foot-nav a:not(:last-child)::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#373b47;border-right:1px solid #232631}
.bottom p{padding-top:5px;padding-left:20px}
.bottom p a{margin-right:10px}
.bottom .icon1{background:url(../images/footer_ico.gif) -5px -8px no-repeat;padding-left:25px;overflow:hidden;text-indent:18px}
.bottom .icon2{background:url(../images/footer_ico.gif) -5px -73px no-repeat;padding-left:25px;overflow:hidden;text-indent:18px}

.bottom-icon{position:absolute;right:0;top:30px;}
.bottom-icon h3{padding-bottom: 20px;font-weight: 500;color:#999;font-size:14px;}
.bottom-icon .item{display: inline-block;margin-right: 20px;position: relative;cursor: pointer;}
.bottom-icon .item .icon{width: 40px;height: 40px;border-radius: 50%;}
.bottom-icon .item .img{width: 124px;height: 155px;background: white;position: absolute;top: -175px;left: -45px;text-align: center;display: none;z-index:99;}
.bottom-icon .item em{width: 0;height: 0;border: 10px solid transparent;border-top-color: white;display: block;position: absolute;bottom: -20px;left: 50%;margin-left: -10px;}
.bottom-icon .item .img p{padding: 0;margin: 0;}
.bottom-icon .item .img .qrcode{margin-top: 10px;width: 104px;height: 104px;}
.bottom-icon .item .img .title{padding-top:6px;color:#333;}

.login-pop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.62);z-index:99999;display:none;}
.login-item-box{position:absolute;top:50%;left:50%;width:560px;max-height:600px;transform:translate(-50%,-50%);background:#101010;border:1px solid rgb(85 85 85 / 45%)}
.login-item-box h2{height:60px;line-height:60px;font-size:16px;font-weight:600;text-align:center;color:#fff;border-bottom:1px solid rgb(85 85 85 / 32%);position:relative}
.login-item-box h2 .login-pop-close{position:absolute;right:0;width:60px;height:100%;line-height:60px;text-align:center;cursor:pointer}
.login-item-box h2 .login-pop-close i{font-size:20px}
.login-item-box .login-input{padding:50px 50px 20px;}
.login-item-box .login-input .input-row{position:relative;height:50px;background:#1f1f1f;align-items:center;margin-bottom:20px;padding:0 30px}
.login-item-box .login-input .input-row i{position:absolute;top:16px;left:12px;font-size:16px;color:#ddd}
.login-item-box .login-input .input-row input{background:none;border:none;color:#ddd;height:50px;line-height:50px}
.login-item-box .login-input .input-row .tel-code-btn{position:absolute;top:16px;right:12px;color:#ddd;cursor:pointer}
.login-item-box .login-input .login-btn{width:100%;height:52px;line-height:52px;font-size:16px;color:#fff;background-color:#C7302F;text-align:center;cursor:pointer}
.login-item-box .open-login-box{margin-top:40px}
.login-item-box .open-login-box .line{width:100%;height:1px;background-color:#212434;position:relative}
.login-item-box .open-login-box .line:before{content:"其他登录方式";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 20px;background-color:#101010;color:#777b86}
.login-item-box .open-login-box .open-login-btn{display:flex;justify-content:space-between;margin-top:45px}
.login-item-box .open-login-box .open-login-btn span{flex:1;height:50px;line-height:50px;display:flex;align-items:center;justify-content:center;background-color:#212121;cursor:pointer;color:#999}
.login-item-box .open-login-box .open-login-btn span:last-child{margin-left:20px}
.login-item-box .open-login-box .open-login-btn span:hover{color:#bbb}
.login-item-box .open-login-box .open-login-btn span i{font-size:30px;margin-right:5px}
.login-item-box .login-p{font-size:14px;line-height:50px}
.login-item-box .login-p a{color:#999}
.login-item-box .login-p a:hover{color:#C7302F}
.login-item-box .login-qrcode{display: inline-block;vertical-align: top;text-align: center;width: 36%;}
.login-item-box .login-qrcode h3{line-height: 50px;margin-top: 25px;}
.login-item-box .login-qrcode .qrcodeimg{margin:0 auto;margin-top: 10px;width: 180px;height: 180px;position:relative;}
.login-item-box .login-qrcode .qrcodeimg .msg{position: absolute;top:0;left:0;backdrop-filter: blur(5px);width: 100%;height: 100%;display: none;line-height: 180px;color:#fff;font-size: 12px;}
.login-item-box .login-qrcode .qrcodeimg img{width: 160px;height: 160px;margin: 0 auto;margin-top: 10px;}
.login-item-box .login-qrcode .qrcodeimg .s1{position: absolute;height: 16px;width: 16px;top: 0px;left: 0px;border-left: 3px solid rgb(91, 146, 225);border-top: 3px solid rgb(91, 146, 225);border-top-left-radius: 8px;}
.login-item-box .login-qrcode .qrcodeimg .s2{position: absolute;height: 16px;width: 16px;top: 0px;right: 0px;border-right: 3px solid rgb(91, 146, 225);border-top: 3px solid rgb(91, 146, 225);border-top-right-radius: 8px;}
.login-item-box .login-qrcode .qrcodeimg .s3{position: absolute;height: 16px;width: 16px;bottom: 0px;left: 0px;border-left: 3px solid rgb(91, 146, 225);border-bottom: 3px solid rgb(91, 146, 225);border-bottom-left-radius: 8px;}
.login-item-box .login-qrcode .qrcodeimg .s4{position: absolute;height: 16px;width: 16px;bottom: 0px;right: 0px;border-right: 3px solid rgb(91, 146, 225);border-bottom: 3px solid rgb(91, 146, 225);border-bottom-right-radius: 8px;}
.login-item-box .login-qrcode .tps{margin-top: 50px;}
.login-item-box .login-qrcode .tps p{font-size: 14px;color:#999;margin-top: 15px;}
.login-item-box .login-qrcode .tps p a{color: #f37c7c;}
.login-item-box .login-qrcode .tps p a img{width: 20px;height:20px;border-radius:5px;margin-right: 5px;}
.login-pop .login-item-box{width:760px;}
.login-pop .login-item-box .login-input{display: inline-block;vertical-align: top;}
.login-pop .login-item-box .login-input .input-row{width:300px;}

.sms-code{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:99999;background:rgba(0,0,0,.1)}
.sms-code-box{width:290px;height:260px;box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:2px;background:#1e1e1e;margin:0 auto;padding:15px 10px 0;font-size:14px;line-height:normal;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.sms-code-box .code-img{width:100%;margin-bottom:16px;position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;height:116px;vertical-align:middle;text-align:center}
.sms-code-box .code-img img{width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:100%;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sms-code-box .code-img .points-item{display:block;position:absolute;height:14px;line-height:14px;font-size:12px;text-align:center;width:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#C7302F;color:#fff}
.sms-code-box .code-img .refresh{cursor:pointer;height:30px;line-height:30px;width:30px;position:absolute;right:0;bottom:0;background-color:#000;background-color:rgba(0,0,0,.5);-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;text-align:center}
.sms-code-box .code-img .refresh i{font-weight:600;font-size:18px;color:#fff}
.sms-code-box .code-text{margin-bottom:16px;overflow:hidden}
.sms-code-box .code-text .sms-msg{width:160px;float:left}
.sms-code-box .code-text .sms-text{width:95px;float:right;height:45px;line-height:45px;text-align:center;font-size:24px;color:#c80000;background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,#ff8174),color-stop(77%,#ffce70));background:-webkit-linear-gradient(top,#ff8174 6%,#ffce70 77%);background:-moz- oldlinear-gradient(top,#ff8174 6%,#ffce70 77%);background:-o-linear-gradient(top,#ff8174 6%,#ffce70 77%);background:linear-gradient(-180deg,#ff8174 6%,#ffce70 77%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.sms-code-box .smspic-btn{cursor:pointer;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;height:45px;line-height:45px;background-color:#333333;color:#bbb;font-size:14px}
.sms-code-box .sms-code-close{position:absolute;right:-20px;top:-20px;width:30px;height:30px;line-height:30px;border-radius:50%;background:#0e0e0e;border:3px solid #1e1e1e;text-align:center;cursor:pointer}
.sms-code-box .sms-code-close i{color:#fff}
.login-reg-box{position:relative;width:600px;height:500px;padding:90px;margin:0 auto}
.login-reg-box .login-item-box{width:700px;border:0}
.login-reg-box .layui-form-checked[lay-skin=primary] i{border-color:#C7302F!important;background-color:#C7302F}
.login-reg-box .login-item-box .open-login-box{margin-top:20px}
.login-reg-box .login-item-box .open-login-box .open-login-btn{margin-top:30px}
.music-box-hot{width:100%;min-height:380px}
.music-box-hot .music-header em{top:18px;height:20px}
.music-box-hot .music-header span{background-color:#16151a;margin-left:5px}
.music-box-hot .music-header .tab{position:absolute;top:0;right:0}
.music-box-hot .music-header .tab a{float:none;margin-right:0;display:inline-block;color:#ddd;cursor:pointer;padding:0 10px;height:28px;line-height:28px;color:#fff;background-color:#292931;margin-left:10px;border-radius:4px}
.music-box-hot .music-header .tab a.on{background:#C7302F;color:#fff}
.pages-box{text-align:center}
.pages-box .layui-laypage a,.pages-box .layui-laypage span{background-color:#333;color:#d3d3d3}
.pages-box .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#c7302f}
.pages-box .layui-laypage a,.pages-box .layui-laypage button,.pages-box .layui-laypage input,.pages-box .layui-laypage select,.pages-box .layui-laypage span{border:1px solid #222}
.pages-box .layui-laypage a:hover{color:#c7302f}
.pages-box .layui-laypage .layui-laypage-count,.pages-box .layui-laypage .layui-laypage-limits,.pages-box .layui-laypage .layui-laypage-refresh,.pages-box .layui-laypage .layui-laypage-skip{margin-right:0px;margin-left:0px;padding:0 8px}
.pages-box .layui-laypage-refresh{margin-top:1px}
.pages-box .layui-laypage input{background-color:#16151a;color:#d3d3d3}
.pages-box .layui-laypage button{background-color:#c7302f;color:#d3d3d3}
.pages-box .layui-laypage-skip{padding-right:0!important}
.help-left{background:#25252B;padding:20px;border-radius:2px;margin-top:20px;min-height:700px}
.help-right{background:#25252B;padding:20px;border-radius:2px;margin-top:20px;min-height:700px}
.help-left li{padding:20px 0}
.help-left li a{display:block;padding-left:10px}
.help-left li.on{border-left:6px solid #C7302F;background-image:linear-gradient(to right,#ca4f4e,#4e4444 80%)}
.help-left li.on a{color:#fff}
.help-right h2{position:relative;padding-left:20px;font-weight:500}
.help-right h2 em{position:absolute;top:4px;left:0;width:4px;height:22px;background:#C7302F}
.help-right .help-text{margin-top:20px}
.help-right .help-text h3{padding:10px 0;font-weight:500}
.help-right .help-text p{color:#adadad;line-height:25px;font-weight:300}
.album-body .li{background-color:#25252B;padding:10px}
.album-body .li .pic{width:100%;height:225px;overflow:hidden;position:relative}
.album-body .li .pic img{width:100%;height:100%}
.album-body .li .pic .name{position:absolute;bottom:0;left:0;text-align:center;background:rgb(0 0 0 / 32%);width:100%;padding:5px 0;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.album-body .li .num{padding-top:10px}
.album-body .li .num span{display:inline-block;width:70%;overflow:hidden;height:25px;line-height:25px}
.album-body .li .num span img{width:25px;height:25px;border-radius:50%;vertical-align:middle;margin-right:5px}
.album-body .li .num span.right{width:30%;float:right;text-align:right}
.tablist{padding:10px;background:#25252B;border-radius:8px;margin-top:15px}
.tablist a{display:inline-block;margin:10px 5px;padding:5px 10px}
.tablist a.on{background:#C7302F;color:#fff;border-radius:4px;text-align:center}
.user-list-body{width:100%;margin-top:20px}
.user-list-body .item{position:relative;background:#25252B;border-radius:2px;padding:8px;height:80px;overflow:hidden}
.user-list-body .item .pic{position:absolute;width:75px;height:75px;top:10px;left:10px}
.user-list-body .item .pic img{width:100%;height:100%;border-radius:2px}
.user-list-body .item .box_list{padding-left:85px;height:100%}
.user-list-body .item .box_list .name{font-size:16px;padding-top:5px;display:inline-block;max-height: 20px;width: 80%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-list-body .item .box_list p{padding-top:6px;font-size:12px;color:#999}
.user-list-body .item .box_list p a{color:#999}
.user-list-body .item .box_list .text{width: 80%;height: 18px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-list-body .item .funco-btn{position:absolute;height:25px;width:75px;bottom:10px;right:10px;font-size:12px;text-align:right}
.user-list-body .item .distance{position:absolute;top:10px;right:10px;color:#999}
.user-list-body .item .distance i{font-size:12px;margin-right:3px;color:#d9d9d9}
.producer-list-body{width:100%;margin-top:20px}
.producer-list-body .item{position:relative;background:#25252B;border-radius:2px;padding:8px;overflow:hidden}
.producer-list-body .item .face{font-size:14px;text-align:center;margin-bottom:5px;height:170px}
.producer-list-body .item .face a{display:inline-block;width:100%;height:143px;margin-bottom:5px}
.producer-list-body .item .face a img{border:1px solid #3e3e48;width:100%;height:100%;border-radius:2px}
.producer-list-body .item .face span{display:inline-block;text-align:center;margin:0 auto;overflow:hidden;width: 100%;}
.producer-list-body .item .face span a{max-height: 20px;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;}
.producer-list-body .item .text{border-top:1px dashed #3e3e48;width:100%;padding-top:5px}
.producer-list-body .item .text span{display:block;width:100%;text-align:center;color:#979797;padding-top:4px}
.album-info-box{padding:10px;border-radius:4px;margin-top:10px;position:relative;height:180px;background:#25252B;border-radius:8px;overflow:hidden;}
.album-info-box .bg{position: absolute;border-radius: 8px;background-repeat: no-repeat;background-size: 100%;filter: blur(40px);width:100%;height:100%;}
.album-info-box .pic{position:absolute;top:21px;left:28px;width:160px;height:160px;z-index:1;}
.album-info-box .pic img{width:100%;height:100%;border-radius:50%;}
.album-info-box .info{padding-left:200px;position: relative;z-index:1;}
.album-info-box .info h3{padding-top:28px;font-weight:500;padding-bottom:20px;color:#fff;}
.album-info-box .info p{padding-top:8px;color:#eee;padding-right: 20px;}
.album-info-box .info p span{display: inline-block;margin-right: 40px;}
.album-info-box .info .funco-btn{position: absolute;top:48px;right:30px;width: 90px;height: 35px;line-height: 35px;text-align: center;background: #C7302F;color:#fff;cursor: pointer;border-radius:2px;}
.music-info-box{margin-top:20px;width:100%;height:300px;background:url(../images/playbg.png) no-repeat 100% 100%;position:relative}
.music-info-box .cd-box{position:absolute;top:30px;left:40px;width:180px;height:180px;background:url(../images/cd.png) no-repeat;background-size:100% 100%}
.music-info-box .cd-box .pic{width:110px;height:110px;background:rgba(15,15,15,0.8500);margin:0 auto;margin-top:35px;border-radius:50%;position:relative}
.music-info-box .cd-box .pic.on{animation:cdplay 5s linear 0s infinite}
.music-info-box .cd-box .pic img{width:90px;height:90px;border-radius:50%;position:absolute;top:10px;left:10px}
.music-info-box .num-box{position:absolute;bottom:30px;left:40px}
.music-info-box .num-box span{width:77px;height:32px;line-height:32px;border-radius:2px;border:1px solid #444444;display:inline-block;text-align:center;margin:0 5px;cursor:pointer}
.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-play-box{padding-left:250px;padding-right:40px;padding-top:25px}
.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 .qcode-box{display:none;width:116px;height:158px;padding-top:20px;border-radius:5px;position:absolute;top:-35px;right:calc(-100% - 40px);text-align:center;background:url(../images/qrcode-bg.png) no-repeat center center;color:#444444;z-index:400}
.music-play-box h3 .right .qcode-box .qrcode-img{width:78px;margin:0 auto;margin-top:10px}
.music-play-box h3 .right .qcode-box .qrcode-img img{width:78px;height:78px}
.music-play-box h3 .right .qcode-box h5{margin-top:15px;font-size:12px}
.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:980}
.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:990}
.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:#d1d1d1;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:12px;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:#d1d1d1}
.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:0;width:100%}
.music-play-item .play-bottom .left{margin-top:20px}
.music-play-item .play-bottom .left p{line-height:40px;color:#d1d1d1;height:40px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-play-item .play-bottom .right{background:rgba(15,15,15,0.8500)}
.music-play-item .play-bottom .right p{padding-top:12px;color:#aaa;padding-left:10px}
.music-play-item .play-bottom .right .down-btn{width:80%;height:40px;line-height:40px;text-align:center;color:#fff;background-image:linear-gradient(to right,#c7302f,#de706f);border-radius:5px;margin:0 auto;margin-top:5px;cursor:pointer}
.music-play-item .play-bottom .right .share-btn{width:80%;height:40px;line-height:40px;text-align:center;color:#fff;background:#333;border-radius:5px;margin:0 auto;margin-top:15px;cursor:pointer;position:relative}
.music-play-item .play-bottom .right div i{font-size:16px;margin-right:5px;vertical-align:middle}
.music-play-item .play-bottom .right .share-btn .share-pop{display:none;position:absolute;bottom:-160px;left:0;width:100%;background:#333;border-radius:0 0 5px 5px;padding-bottom:10px;z-index:999;}
.music-play-item .play-bottom .right .share-btn .share-pop span{display:block;width:100%;padding-top:10px;font-size:14px;text-align:left}
.music-play-item .play-bottom .right .share-btn .share-pop span i{font-size:28px;margin-left:25px;margin-right:6px}
.music-play-item .play-bottom .right .share-btn .share-pop span i.layui-icon-login-qq{color:#79b4fd}
.music-play-item .play-bottom .right .share-btn .share-pop span i.layui-icon-login-weibo{color:#c7302f}
.music-play-item .play-bottom .right .share-btn .share-pop span i.layui-icon-login-wechat{color:#2fc742}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:999;top:5px;left:-210px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;box-shadow:0 2px 10px #333}
.wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#333 !important}
.wechat-qrcode .qrcode-img{width:105px;margin:10px auto}
.wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0 !important;margin:0;color:#333 !important}
.wechat-qrcode:after{content:'';position:absolute;right:-13px;margin-left:-6px;bottom:10%;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent;transform:rotate(270deg)}
.music-info-bottom{margin-top:5px;position:relative}
.userinfo{width:130px;height:300px;position:absolute;top:10px;left:10px;background:rgb(41 41 49 / 23%);padding:10px;border-radius:4px}
.userinfo .upic{width:100%;height:130px;overflow:hidden;border-radius:4px}
.userinfo .upic img{width:100%;height:100%;border-radius:4px}
.userinfo h3{padding-top:10px;padding-bottom:5px;width: 100%;height: 20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.userinfo p{padding-top:5px;color:#999;}
.userinfo .funco-btn{width:80%;height:35px;line-height:35px;text-align:center;color:#fff;background:#5cb85c;border-radius:5px;margin-top:20px;cursor:pointer}
.userinfo .funco-btn:hover{background:#398439}
.userinfo .funco-btn.on{background:#313131}
.play-music-list{padding-left:180px}
.play-music-list .play-music-tab span{display:inline-block;color:#ddd;cursor:pointer;padding:0 10px;height:28px;line-height:28px;color:#fff;background-color:#292931;margin-right:15px;border-radius:4px}
.play-music-list .play-music-tab span.on{background:#C7302F;color:#fff}
.play-music-list .play-music-body{border-top:1px solid #333;margin-top:10px;background:rgb(41 41 49 / 23%)}
.play-music-list .play-music-body ul{width:100%;height:281px;overflow:hidden;overflow-y:auto}
.play-music-list .play-music-body ul li{width:100%;line-height:40px;height:40px;margin:5px 0;position:relative;border-radius:2px}
.play-music-list .play-music-body ul li.on,.play-music-list .play-music-body ul li:hover{background-color:#292931}
.play-music-list .play-music-body ul li.on a{color:#C7302F;white-space:nowrap;}
.play-music-list .play-music-body ul li a{display:block;width: 90%;overflow: hidden;height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.play-music-list .play-music-body ul li span{padding-left:12px;padding-right:5px}
.play-music-list .play-music-body ul li .del{position:absolute;top:0;right:0;width:70px;height:30px;display:inline-block;text-align:right;padding-right:10px}
.play-music-list .play-music-body ul li .del i{font-size:22px}
.music-comment{margin-top:10px}
.music-comment h3{height:25px;line-height:25px;border-bottom:1px solid #38393e;position:relative}
.music-comment h3 em{position:absolute;top:12px;left:0;height:20px;background:#C7302F;width:3px}
.comment-input{margin-top:10px;height:60px;background:#25252B;border-radius:5px}
.comment-input .textarea{width:100%;height:100%;position:relative}
.comment-input .textarea textarea{width:100%;height:100%;background:#25252b;border:0;color:#d7d7d7}
.comment-input .textarea .btn{position:absolute;bottom:10px;right:10px;width:80px;line-height:36px;height:36px;background:#C7302F;color:#fff;cursor:pointer;text-align:center;border-radius:5px}
.comment-input .textarea .textarea-mark{position:absolute;top:0;left:0;width:100%;height:100%;z-index:996;background:rgb(26 25 31 / 18%);cursor:pointer}
.music-comment ul{width:100%}
.music-comment ul .load{text-align:center;padding:60px}
.music-comment ul li{width:100%;border-top:1px solid hsla(234,7%,29%,.4);padding:15px 0;position:relative}
.music-comment ul li .user{width:50px;height:50px;line-height:50px;position:absolute;left:0;top:15px}
.music-comment ul li .user .pic{display:inline-block;width:100%;height:100%}
.music-comment ul li .user .pic img{width:100%;height:100%;vertical-align:middle;border-radius:50%}
.music-comment ul li .info{padding-left:60px}
.music-comment ul li .info .nickname{font-size:16px}
.music-comment ul li .info .nickname span{font-size:14px;margin-left:10px;color:#999}
.music-comment ul li .info .nickname span i{font-size:14px;margin-right:2px}
.music-comment ul li .info .nickname .comment-del{float:right;margin-right:10px;cursor:pointer}
.music-comment ul li .info .nickname .comment-del i{font-size:18px}
.music-comment ul li .info .text{width:100%;margin-top:10px;font-size:14px;font-weight:400;color:#d9d9d9;line-height:22px}
.music-comment ul li .info .info-bottom{margin-top:16px;width:100%;font-size:12px;font-weight:400;color:#999999;position:relative}
.music-comment ul li .info .info-bottom .right{position:absolute;top:0;right:0}
.music-comment ul li .info .info-bottom .right .item{display:inline-block;margin-left:10px;margin-right:10px;cursor:pointer}
.music-comment ul li .info .info-bottom .right .item i{margin-right:4px;vertical-align:middle}
.music-comment ul li .info .info-bottom .right .item.on{color:#C7302F}
.music-comment .comment-more{display:none;padding:12px 0;text-align:center;background:#1a191f;width:98%;margin:0 auto;margin-bottom:10px;cursor:pointer;color:#999}
.music-comment .comment-more:hover{background:#141414}
.music-comment .comment-more i{vertical-align:middle;margin-right:5px}
.layui-layer-content{color: #d9d9d9;}
.layui-del .layui-layer-content{color:#333 !important}
.music-down-bg{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.76);z-index:9999;display:none}
.music-down-box{position:absolute;top:50%;left:50%;min-width:565px;max-width:650px;max-height:600px;transform:translate(-50%,-50%);background:#101010;border:1px solid rgb(85 85 85 / 45%)}
.music-down-box h3{height:60px;line-height:60px;font-size:16px;font-weight:600;text-align:center;color:#fff;border-bottom:1px solid rgb(85 85 85 / 32%);position:relative}
.music-down-box h3 span{position:absolute;right:0;width:60px;height:100%;line-height:60px;text-align:center;cursor:pointer}
.music-down-box h3 span i{font-size:20px}
.music-down-box .music-down-info{padding:30px}
.music-down-box .music-down-info h4{font-weight:bolder;font-size:16px;line-height:20px;padding-left:15px;position:relative}
.music-down-box .music-down-info h4 em{position:absolute;left:0;top:0;width:4px;height:20px;border-radius:2px;background-color:#C7302F}
.music-down-box .music-down-info .music-down-item{position:relative;width:100%;height:100%;margin-top:15px}
.music-down-box .music-down-info .music-down-item .pic{position:absolute;top:0;left:0;width:120px;height:120px}
.music-down-box .music-down-info .music-down-item .pic img{width:100%;height:100%;border-radius:2px}
.music-down-box .music-down-info .music-down-item .span{padding-left:150px}
.music-down-box .music-down-info .music-down-item .span ul{width:100%}
.music-down-box .music-down-info .music-down-item ul li{display:inline-block;width:49%;line-height:30px}
.music-down-box .music-down-info .music-down-item ul li span{padding-right:10px;color:#999}
.music-down-box .music-down-info .music-down-url{margin:20px 0;padding:20px;background-color:#151419;position:relative}
.music-down-box .music-down-info .music-down-url .tt{color:#db1d40;font-size:18px;font-weight:bolder}
.music-down-box .music-down-info .music-down-url p{padding-top:5px}
.music-down-box .music-down-info .music-down-url .music-down-btn,.music-down-box .music-down-info .music-down-url .music-down-btn2{width:160px;background-image:linear-gradient(to right,#2aa146,#13d06c);color:#fff;font-size:16px;border-radius:5px;position:absolute;top:20px;right:15px;height:50px;line-height:50px;text-align:center;cursor:pointer}
.music-down-box .music-down-info .music-down-tps{margin-top:15px;width:100%;position:relative}
.music-down-box .music-down-info .music-down-tps .tps{padding-right:120px;color:#999}
.music-down-box .music-down-info .music-down-tps .tps p{line-height:24px}
.music-down-box .music-down-info .music-down-tps .img{position:absolute;top:0;right:0;width:110px;height:102px}
.music-down-box .music-down-info .music-down-tps .img img{width:90%;height:90%}
.home-fans-list{width: 100%;}
.home-fans-list ul{display:flex;flex-wrap:wrap;width:100%}
.home-fans-list ul li{display:inline-block;width:18%;margin:0 1%;margin-top:15px;}
.home-fans-list a{display:block;width:100%;overflow:hidden}
.home-fans-list img{width:100%;height:93px;border-radius:4px}
.home-fans-list .nickname{padding-top:5px;height:20px;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-info-span{padding:5px;}
.user-info-span .item{width: 100%;height: 38px;line-height: 38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-info-span .item span{width: 45px;text-align: right;display: inline-block;color:#999;margin-right: 8px;padding-left: 10px;}
.user-info-span .uppic{width: 80px;height: 80px;border-radius:50%;display: block;background: #1d1d23;margin: 20px auto;padding:20px;position: relative;}
.user-info-span .uppic img{width: 100%;height: 100%;border-radius:50%;}
.user-info-span .uppic .mark{display:none;position: absolute;line-height: 4;background: rgb(0 0 0 / 50%);width:100%;height: 100%;top:0;left:0;border-radius:50%;text-align: center;cursor: pointer;}
.user-info-span .uppic .mark i{font-size:30px;}
.user-info-span .uppic:hover .mark{display: block;}
.user-info-span .open{margin-top: 30px;}
.user-info-span .open p{width: 80%;max-width: 100px;padding:6px 0;text-align: center;border-radius:4px;margin-bottom:15px;cursor: pointer;}
.user-info-span .open p i{font-size:20px;margin-right: 5px;vertical-align:middle;}
.user-info-span .open p.qq{border:1px solid #4282b9;color:#4282b9;}
.user-info-span .open p.weixin{border:1px solid #2d9e49;color:#2d9e49;}
.user-info-span .open p.qq:hover{background: #333;color:#d9d9d9;}
.user-info-span .open p.weixin:hover{background: #333;color:#d9d9d9;}
.home-fans-list ul li.hide{display: none;}
.my-music li .center{width: 86%;}
.my-music li .time{position:absolute;top:0;right:80px;}
.my-music li .cmd{position:absolute;top:0;right:0;width: 80px;height: 100%;text-align: right;cursor: pointer;}
.my-music li .cmd span{display: inline-block;width: 30px;}
.my-music li .cion{width: 60px;text-align: center;}
.my-music li .name{width: 73%;}
.music-edit-box{padding: 20px;}
.music-edit-box .layui-input,.music-edit-box .layui-select,.music-edit-box .layui-textarea{background-color: #fff;border: 1px solid #D2D2D2;color: #333;}
.music-edit-box .layui-form-label{color:#333;}
.album-del-btn{position: absolute;top:5px;left:5px;}
.album-edit-box .input-row{padding-top: 10px;position: relative;}
.album-edit-box .input-row .uppic{position: absolute;top:8px;right:10px;}
.search-box-wap{width:90%;margin:0 auto;padding-top:76px;display: none;}
.search-box-wap .search-input{width:90%;height:36px;background:#333;position:relative;padding:0 18px;border-radius:18px;}
.search-box-wap .search-input input{width:100%;height:36px;line-height:36px;background:#333;border:0;color:#fff}
.search-box-wap .search-input .icon-btn{position:absolute;top:0;right:0;text-align:center;cursor:pointer;width:92px;height:36px;line-height:36px;background:#C7302F;border-radius:17px;color:#fff}
.search-box-wap .search-input .icon-btn i{color:#fff;vertical-align:middle;margin-right:5px}
.search-box-wap .nav{padding:10px 0;text-align: center;}
.search-box-wap .nav a{display:inline-block;margin:0 10px}
.search-box-wap .nav a img{width:20px;margin-right:5px;vertical-align:middle}
.down-tps-p2,.music-down-btn2,.appdown{display: none;}
.xiajia{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 997;}
.xiajia img{width: 100px;margin-top: 84px;margin-left: 400px;opacity: .6;}
.gotoTop{display: none;position: fixed;bottom: 10%;right: 50px;cursor: pointer;margin-top: -50px;width: 50px;height: 50px;line-height: 50px;overflow: hidden;background: #3e3e3e;text-align: center;border-radius: 50%;z-index:9;}
.gotoTop i{font-size: 40px;color:#fff;}
.article-body{overflow: hidden;margin-bottom: 15px;border-radius: 4px;}
.article-body ul li{overflow: hidden;color: #999;padding: 25px 0;border-bottom: 1px solid #27272a;position: relative;}
.article-body ul li .pic {position: absolute;top:12px;left:0;width: 192px;display: block;height: 135px;overflow: hidden;background-color: #333;border-radius: 6px;}
.article-body ul li .pic img{width: 100%;height: 135px;-o-object-fit: cover;object-fit: cover;}
.article-body ul li .info{padding-left: 212px;}
.article-body ul li .info h2{font-size: 18px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;max-height: 25px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;}
.article-body ul li .info p{margin: 15px 0 5px 0;line-height: 22px;overflow: hidden;text-overflow: ellipsis;height: 44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;}
.article-body ul li .info .postfoot{padding-top: 10px;display: block;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article-body ul li .info .postfoot span{margin-right: 16px;}
.article-body ul li .info .postfoot span i{vertical-align: middle;margin-right:3px;}
.article-info-body{margin-bottom: 15px;word-break: break-all;}
.article-info-body h1{font-size: 24px;font-weight: normal;padding: 20px 0 15px 0;}
.article-info-body .row{width: 100%;overflow: hidden;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #27272a;color: #999;}
.article-info-body .row span{margin-right:15px;}
.article-info-body .row span i{vertical-align: middle;margin-right: 3px;}
.article-info-body .text p{line-height: 2;font-size: 15px;margin-bottom: 15px;}
.article-info-body .text p img{max-width: 100%;height: auto;display: inline;border-radius: 4px;}
.article-info-body .nextinfo {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: baseline;align-items: baseline;padding: 20px 0;border-top: 1px solid #27272a;color:#999;margin-top: 20px;}
.article-info-body .nextinfo p {width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.article-info-body .nextinfo p span {font-size: 14px;}
.article-info-body .nextinfo p.prev {margin-left: 0;margin-right: 8px;text-align: left;}
.article-info-body .nextinfo p.next {margin-left: 8px;margin-right: 0;text-align: right;}
.article-right-body{width: 100%;margin-bottom: 15px;}
.article-right-body li{width: 100%;position: relative;height: 70px;margin-top: 10px;}
.article-right-body li .pic{position: absolute;top:0;left:0;width: 93px;height: 70px;border-radius: 4px;overflow: hidden;}
.article-right-body li .pic:hover{opacity: .8;}
.article-right-body li .pic img{width: 100%;height: 100%;object-fit: cover;}
.article-right-body li .info{padding-left: 106px;}
.article-right-body li .info .name{padding-top: 2px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;height: 42px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-right-body li .info .time{padding-top: 8px;color: #999;}
@keyframes cdplay{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}


.video-box ul{display: flex;flex-wrap: wrap;width: 100%;margin:10px 0;}
.video-box ul li{width:25%;margin-bottom: 5px;}
.video-box ul li .vod{margin: 8px;}
.video-box ul li .pic{width: 100%;position: relative;height: 140px;overflow: hidden;border-radius: 5px;background: #666;}
.video-box ul li .pic img{width: 100%;height:100%;}
.video-box ul li .pic:hover img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s; }
.video-box ul li .pic .state{position: absolute;padding:4px 6px;right:5px;top:5px;color:#fff;border-radius: 4px;font-size:12px;}
.video-box ul li .pic .good{position:absolute;top:0;left:10px;padding:0 4px;font-size:12px;height:36px;line-height:36px;background:#ff6600;color:#fff;border-radius:0 0 10px 10px;z-index:2;}
.video-box ul li .pic .ok{background: #080;}
.video-box ul li .pic .no{background: red;}
.video-box ul li .pic .num{display: flex;align-items: center;justify-content: space-between;position: absolute;left:0;bottom:0;width: 100%;color:#fff;font-size:12px;height: 38px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAACEBAMAAABWuNdhAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMtI0gRGjY/CAI+vRAXAAAA/UlEQVQoz62IMW7FIBAFHwU9SD4BBRfAkmsLDkBjHwDJXIDCvgE5dnY3345iKZG/lCl2dh4+BDzR8aqDQO9S/dh779gFUt+P/bv+VNsntNZeNU1S1GjT1FrAFNrXSE9DCC0EHgMlFfOGYghjiAgxxjFgvCqNEYm2MSGmRB/SyCAJMpLSuxqEWw0zMcAy8zlKWdh5sLO96rGMVdZQ8VWwxnApZbgUHWVgICiBS3EaQ4vs+MEtfyEDmk/OWfN7FaXOi9YL6C45g67WGotAY2a96rk24VYrs6Ey6zlKVdR1q2u96rFK9VK+eu9RSpEqhcu7UpyHYxcq75w7ywn/qk8K78I4GfQ69gAAAABJRU5ErkJggg==) repeat-x bottom;border-radius: 0 0 4px 4px;z-index: 10;}
.video-box ul li .pic .num .cion{padding-right: 6px;}
.video-box ul li .pic .num .cname{padding-left: 6px;}
.video-box ul li h3{font-size: 15px;font-weight: 500;padding-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-box ul li .end{display: flex;align-items: center;justify-content: space-between;padding-top: 3px;color:#aaa;}
.video-box ul li .end .cmd span{padding: 0 5px;cursor: pointer;}
.video-header em{top:18px;height:20px}
.video-header span{background-color:#16151a;margin-left:5px}
.video-header .tab{position:absolute;top:0;right:0}
.video-header .tab a{float:none;margin-right:0;display:inline-block;color:#ddd;cursor:pointer;padding:0 10px;height:28px;line-height:28px;color:#fff;background-color:#292931;margin-left:10px;border-radius:4px}
.video-header .tab a.on{background:#C7302F;color:#fff}

.czmv-clsss{background: #141414;padding: 10px;box-sizing: border-box;margin-top: 20px;padding-left: 0;}
.czmv-clsss .nav{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.czmv-clsss .nav a{height: 24px;line-height: 24px;margin: 5px 0;margin-right: 10px;display: block;color: #d7d7d7;padding: 0 12px;border-radius: 20px;}
.czmv-clsss .nav a.on{background: linear-gradient(15deg,rgba(239,85,48,0.9),rgba(199,48,47,0.9));color: #fff;}
.czmv-clsss .nav a:hover{background: linear-gradient(15deg,rgba(239,85,48,0.9),rgba(199,48,47,0.9));color: #fff;}

.mv-video{width: 100%;margin-top: 20px;display: flex;justify-content: space-between;}
.mv-video .left{width: calc(100% - 320px);height: auto;}
.mv-video .left video{width: 100%;height: auto;background: #000;max-height: 700px;}
.mv-video .left .control{width: 100%;display: flex;justify-content: flex-start;align-content: center;padding: 10px;background: #000;box-sizing: border-box;flex-wrap: wrap;}
.mv-video .left .control .text{font-size: 16px;color: #666;padding-right: 20px;line-height: 30px;}
.mv-video .left .control .tags span{padding: 0 12px;height: 30px;line-height: 30px;font-size: 14px;background: #333;display: inline-block;border-radius: 30px;margin-right: 10px;cursor: pointer;}
.mv-video .left .control .tags span i{padding-right: 5px;}
.mv-video .left .control .tags span:hover,.mv-video .left .control .tags span.on{background: #C7302F;}
.mv-video .left .tips{width: calc(100% - 22px);line-height: 24px;padding: 5px 10px;color: #666;background: #000000;border: 1px #292929 solid;position: relative;margin-top: 10px;}
.mv-video .left .tips p{margin-top: 5px;}
.mv-video .left .tips p span{color: #ff6363;font-weight: bold;}
.mv-video .left .mv-info{width: calc(100% - 20px);padding: 10px;background: #000;margin-top: 10px;display: flex;justify-content: space-between;}
.mv-video .left .mv-info .pic{width: 200px;height: 100%;position: relative;}
.mv-video .left .mv-info .pic img{width: 100%;max-height: 113px;}
.mv-video .left .mv-info .info{width: calc(100% - 210px);}
.mv-video .left .mv-info .info h1{width: 100%;height: 30px;font-size: 16px;line-height: 30px;overflow: hidden;color: #fff;}
.mv-video .left .mv-info .info ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.mv-video .left .mv-info .info li{height: 28px;line-height: 28px;color: #888;width: 33.3333%;display: inline-block;}
.mv-video .left .mv-info .info li.lei_zy{width: 100%;color: red;height: auto;font-size: 13px;}
.mv-video .right{width: 300px;}
.mv-video .right .upload a{width: 300px;height: 258px;display: block;}
.mv-video .right .upload a img{width: 100%;height: 100%;}
.mv-video .right .title{width: 100%;height: 30px;margin-top: 10px;}
.mv-video .right .title h1{height: 30px;font-size: 16px;line-height: 30px;color: #fff;text-indent: 10px;position: relative;}
.mv-video .right .title h1:after {content: "";display: inline-block;position: absolute;top: 7px;left: 0;width: 5px;height: 15px;border-radius: 5px;background: #e23230;}
.mv-video .right .play-xg{width: calc(100% - 20px);padding: 2px 10px;background: #000;}
.mv-video .right .play-xg ul li{width: 100%;margin: 10px 0;display: flex;justify-content: space-between;}
.mv-video .right .play-xg li .pic {width: 100px;height: 66px;overflow: hidden;position: relative;}
.mv-video .right .play-xg li .pic img{width: 100%;height: 100%;transition: all 0.6s;}
.mv-video .right .play-xg li:hover .pic img{transform:scale(1.1);}
.mv-video .right .play-xg li .name{width: calc(100% - 110px);}
.mv-video .right .play-xg li .name a{height: 44px;line-height: 22px;overflow: hidden;display: block;font-size: 13px;}
.mv-video .right .play-xg li .name .mv_p{padding-top: 5px;color: #999;font-size: 12px;display: flex;justify-content: space-between;}
.mv-video .right .play-xg li .name .mv_p span{display: flex;}
.mv-video .right .play-xg li .name .mv_p span i{padding-right: 3px;}
.mv-video .right .dj-list ul{width: calc(100% - 20px);padding: 2px 10px;background: #000;}
.mv-video .right .dj-list ul li{width: 100%;height: 24px;position: relative;margin: 9px 0;overflow: hidden;}
.mv-video .right .dj-list ul li em{position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: #cacaca;color: #fff;line-height: 20px;font-style: normal;text-align: center;border-radius: 3px;margin: 2px 0;}
.mv-video .right .dj-list ul li .name{width: calc(100% - 25px);height: 24px;line-height: 24px;overflow: hidden;padding-left: 25px;}
.mv-video .right .dj-list ul li:nth-of-type(1) em{background:#d21313;}
.mv-video .right .dj-list ul li:nth-of-type(2) em{background:#ff6428;}
.mv-video .right .dj-list ul li:nth-of-type(3) em{background:#ff850b;}

@media (max-width: 1300px){
    .mv-video .left .mv-info .info li.lei_zy{display: none;}
    .mv-video .left .mv-info .info li{width: 50%;}
}
@media (max-width: 1166px){
    .mv-video .left .mv-info .pic{display: none;}
    .mv-video .left .mv-info .info{width: 100%;}
    .mv-video .left .mv-info .info li{width: 33.333%;}
    .mv-video .left .mv-info .info li.lei_zy{display: block;}
}
@media (max-width: 1085px){
    .mv-video .left .mv-info .info li{width: 50%;}
}
@media (max-width: 770px){
    .mv-video{flex-direction: column;}
    .mv-video .left{width: 100%;}
    .mv-video .right{width: 100%;}
    .mv-video .right .upload{display: none;}
    .mv-video .right .play-xg li .pic{width: 200px;height: 100px;}
    .mv-video .right .play-xg li .name{width: calc(100% - 220px);}
    .mv-video .right .play-xg li .name .mv_p{display: block;font-size: 12px;}
}
@media (max-width: 538px){
    .mv-video .right .play-xg li .pic{width: 120px;height: 80px;}
    .mv-video .right .play-xg li .name{width: calc(100% - 130px);}
    .mv-video .left video{max-height: 300px;}
}


@media screen and (max-width: 1700px){
	.music-body li .name{width:72%}
	.my-music li .name{width:68%}
	.album-body .li .pic{height:180px}
	.user-list-body .layui-col-md4{width:50%}
	.producer-list-body .layui-col-md2{width:25%}
	.music-info-box .cd-box{width:150px;height:150px}
	.music-info-box .cd-box .pic{width:80px;height:80px}
	.music-info-box .cd-box .pic img{width:60px;height:60px}
	.music-info-box .num-box{bottom:45px;left:25px}
	.music-play-box{padding-left:225px}
	.music-play-item .play-bottom .right{margin-bottom:5px}
	.music-play-item .play-bottom .right .btn{height:36px;line-height:36px;margin-top:8px}
	.music-play-item .play-bottom .right p{font-size:13px}
	.music-play-item .play-bottom .right .share-btn .share-pop{bottom:-148px}
	.music-play-item .play-bottom .right .share-btn .share-pop span i{margin-left:17px;font-size:23px}
	.music-play-item .play-bottom .right .share-btn .share-pop span{font-size:12px}
	.home-fans-list img{height:82px}
	.user-info-span .uppic{width:60px;height:60px}
	.user-info-span .item{height:34px;line-height:34px}
	.user-box-list ul{overflow-x: auto;white-space:nowrap;}
}
@media screen and (max-width: 1600px){
    .music-body li .name{width:65%}
	.my-music li .name{width:54%}
	.album-body .li .pic{height:160px}
	.producer-list-body .layui-col-md2{width:33.333333%}
	.music-play-item .play-bottom .right p{font-size:12px}
	.home-fans-list img{height:66px}
	.user-info-span .item{height:30px;line-height:30px}
}
@media screen and (max-width: 1360px){
	.head .search-box .search-input{width:273px}
	.music-body li .name{width:60%}
	.my-music li .name{width:46%}
	.album-body .li .pic{height:120px}
	.music-info-box .cd-box{display:none}
	.music-play-box{padding-left:20px}
	.music-info-box .num-box{bottom:140px;left:167px;z-index:9999}
	.home-fans-list img{height:58px}
	.home-fans-list ul li.hide{display:inline-block}
	.user-info-span .item{height:38px;line-height:38px}
	.bottom-icon{position: relative;padding-bottom: 20px;top: 20px;left: 20px;}
}
@media screen and (max-width: 990px){
	.head .menu-btn{display:none}
	.head .search-box .search-input{width:240px}
	.banner{height:260px}
	.album-body .li .pic{height:100px}
}
@media only screen and (max-width: 768px) {
	body{overflow-x: hidden;}
    .search-box,.login-item-box .login-qrcode,.bottom-icon{display: none;}
    .search-box-wap{display: block;}
    .box{max-width: 100%;min-width: 100%;width: 100%;}
    .main-box {padding: 10px 16px;overflow-x: hidden;margin-left: 0;}
    .left-min-box .main-box{margin-left: 0;}
    .left-min-box .head .menu-btn {left: 90px;display: block;}
    .left-min-box .nav-box li a {width: 75%;}
    .left-min-box .nav-box {width: 0%;}
	.nav-box{z-index: 9999;width: 150px;}
	.nav-box ul {overflow-x: hidden;}
    .nav-box .logo img{margin-top: 10px;margin-left:10px;}
    .nav-box .logo .max{display: none;}
    .nav-box .logo img.min{display: block;}
    .nav-box .logo .menu-btn{display: block;}
    .left-min-box .nav-box .logo .menu-btn{display: none;}
    .head .user-box{right: 10px;}
    .nav-box .logo{border-bottom: none !important;}
    .banner {height: 160px;}
    .banner .layui-carousel{height: 160px !important;}
    .user-box-list{margin-top: 20px;}
    .user-box-list ul li {width: 25%;margin-right: 0;margin-bottom: 0;display: block;float: left;padding-top: 10px;padding-bottom: 10px;}
    .user-box-list h2{padding-left: 10px;font-size: 16px;}
    .music-body li .center span.nickname, .music-body li .center .hits{display:none;}
    .music-body li .name {width: 70%;}
    .layui-col-md8 .music-body li .name {width: 85%;}
    .user-box-list ul {overflow-y: auto;overflow-x: hide;height: 240px;}
    .album-body .item{width:100%;}
    .music-play-box h3 .right{display: none;}
    .music-play-item .play-bottom .left{display: none;}
    .music-play-item .play-bottom .right{width:100%;margin-bottom: -1px;float: none;position: relative;bottom: 12px;}
    .music-play-box {padding-left: 15px;padding-right: 15px;}
    .music-play-item .play-btn .play-btn-type{margin-top: -93px;}
    .userinfo {display: none;}
    .play-music-list {padding-left: 0;padding: 10px;}
    .play-music-list .play-music-body ul li a {overflow: hidden;width: 80%;height: 40px;text-overflow:ellipsis;white-space:nowrap;}
    .bottom{margin-top: 5px; padding-top: 12px;}
    .bottom .foot-nav{margin-bottom: 0;}
    .bottom.bhelp .foot-nav{margin-bottom: 10px;}
    .bottom .foot-nav a {margin-bottom: 10px;padding: 0;padding-right: 9px;}
    .bottom .foot-nav span{padding: 0!important;padding-right: 26px!important;}
    .bottom .foot-nav a:not(:last-child)::after{width: 0;}
    .bottom p{padding: 0;}
    .bottom p a {margin-right: 0px;display: block;margin-bottom: 10px;}
	.bottom .icon0{padding-left: 5px;}
	.bottom .icon1{padding-left: 10px;}
	.bottom .icon2{padding-left: 8px;}
    .login-pop .login-item-box {width: 90%;}
    .login-pop .login-item-box .login-input .input-row{width: 81%;}
    .login-pop .login-item-box .login-input{display: block;}
    .music-down-box {min-width: 90%;max-width: 90%;}
    .music-down-box .music-down-info .music-down-url .tt, .music-down-box .music-down-info .music-down-item .pic, .music-down-box .music-down-info .down-tps-p, .music-down-box .music-down-info .qrcode{display: none;}
    .music-down-url .btns {position: relative;top: 0;right: 0;left: 0;}
    .music-down-url .btn {width: 100%;}
    .music-down-box .music-down-info .music-down-item .span{    padding-left: 0;}
    .music-down-box .music-down-info {padding: 15px;}
    .user-box-list h2 a {margin-right: 12px;}
    .music-info-box .num-box{left: 163px;z-index: 999;}
    .music-box-hot .music-header .tab{width: 60%;height: 56px;overflow-x: auto;white-space:nowrap; }
    .menu-left, .menu-right{font-size:20px;}
    .login-item-box .login-input .input-row input{height:auto;line-height: normal;padding-top: 17px;}
    .user-list-body .layui-col-sm6{float:left;width: 100%;}    
    .user-list-body .item .pic {width: 45px;height: 45px;}
    .user-list-body .item .box_list {padding-left: 54px;height: 100%;}
    .user-list-body .item .box_list .text{display: none;}
    .user-list-body .item .box_list p {padding-top: 0;}
    .user-list-body .item {height: 48px;}
    .user-list-body .item .funco-btn{bottom:0;}
    .producer-list-body .item .face a {height: 146px;}
    .producer-list-body .item .face {height: 172px;}
    .album-info-box .pic {width: 85px;height: 85px;}
    .album-info-box .info {padding-left: 122px;}
    .album-info-box .info h3 {padding-bottom: 3px;padding-top: 22px;}
    .album-info-box .info p:nth-child(n+4) {display: none;}
    .album-info-box {height: 114px;}
    .login-reg-box {width: 100%;padding: 0;}   
    .login-reg-box .login-item-box{width: 100%;padding-bottom: 25px;}
    .login-item-box .login-input {padding: 18px 8px 18px;}    
    .login-input .input-row a{display: block;float: none;position: absolute;right: 15px;margin-top: -25px !important;}  
    .login-e{margin-bottom: -58px;}
    .login-e .login-item-box{top: 214px !important;}    
    .help-left li {float: left;width: 25%;}
    .help-left {padding: 10px;min-height: 115px;}
    .music-box-hot .layui-input-block {margin-left: 0;}
    .music-box-hot .layui-form-label {text-align: left;padding: 9px 0px;}
    .help-right {margin-top: 0;}
    .my-downmusic .name {width: 70% !important;padding-right: 0px !important;}
    .my-downmusic .time{display: none;}
    .my-downmusic li .center {width: 100%;}
    .my-downmusic li.tt .cion {padding-left: 30px;}
    .left-min-box .nav-box li:last-child{margin-bottom: 55px;}
    .pages-box .layui-laypage a,.layui-laypage .layui-laypage-spr,.pages-box .layui-laypage-skip{display: none;}
    .pages-box .layui-laypage .layui-laypage-first,.pages-box .layui-laypage .layui-laypage-prev,.pages-box .layui-laypage .layui-laypage-last,.pages-box .layui-laypage .layui-laypage-next{display: inline-block;}
    .music-box-hot{min-height: 100px;}
    .lists-box .layui-col-md4 .music-box-hot:first-child .music-header{margin-top: -20px;}
    .music-body li .user{left:0;}
    .music-body li .name{padding-left: 40px;}
    .music-comment {padding: 0 16px;}
	.music-comment ul li .user{width: 40px;height: 40px;line-height: 40px;}
	.music-comment ul li .info{padding-left: 50px;}
	.music-info-box .num-box span{width: 76px;}
	.music-down-box .music-down-info .music-down-url .music-down-btn2{top: 60px;right: 100px;height: 40px;line-height: 40px;font-size: 14px;}
	.down-tps-p2,.music-down-btn2{display: block;}
	.help-right{min-height: 100px;}
	.layui-col-sm3 {width: 50%;float: left;}
	.producer-list-body .layui-col-md2 {width: 50%;float: left;}
	.album-info-box .info p:nth-child(3),.layui-table td:nth-child(2),.layui-table th:nth-child(4),.layui-table td:nth-child(4),.layui-table th:nth-child(2){display: none;}
	.layui-input-inline{margin-top: 10px;float: none!important;}
	.album-info-box .info .funco-btn{top: 0;right: 0;}
	.music-body li .center{padding-left: 40px;}
	.album-body ul li {width: 31.5%;}
	.album-body .user img {max-height: 100px;}
	.tablist a{margin: 10px 0;padding: 5px 0;text-align: center;width: 25%;}
	.tablist a:nth-child(4n){margin-right:0;}
	.appdown{display:block;padding: 0px 6px;}
	.appdown img{width:100%;}
	body .app-down-play .layui-layer-content{color:#333;background-color:#f9f9f9;}
	body .app-down-play .layui-layer-btn{padding-top:10px;}
	.xiajia img{width: 70px;margin-top: 90px;margin-left: 90px;}
	.video-box ul li{width:50%;}
	.video-box ul li .pic{height: 110px;}
	.video-box ul li .end{font-size: 12px;}
}