:root{
    --shy-vipbg: linear-gradient(-200deg, #ffefd9, #efcda3);
    --shy-vipbg-1: linear-gradient(-200deg,#3e467d,#24263c);
    --shy-vipbg-color:#6f4a12;
    --shy-vipbg-color-1:#324e90;
    /*shy-player-right的width*/
    --shy-player-right: 350px; 
    --shy-player-right-h: 400px; 
    --shy-player-epboxbg: #F1F2F3;
    --shy-btab-h: 6.25rem;
    --shy-btab-player-h:var(--shy-btab-h);
    
    --shy-bg-hover: rgb(242,243,245);
    --shy-header-hh: 60px;
    --shy-header-h: calc(var(--shy-header-hh) + var(--shy-header-h-more));
    
    --shy-header-left-h: 250px;
    --shy-body-left-h: var(--shy-header-left-h);
    /*--shy-body-left-h: calc(var(--shy-header-left-h) + 10px);*/
    --shy-border-bg: rgb(229,230,225);
    --uplaylist-header-h:200px;
    --shy-screen-lyric-fonts-def:22px;
    
    
    /*--shy-bg: #fff;*/
    --shy-bg-w: #fff;
    --shy-bg-header: #fff;
    --shy-bg-header-left: rgb(240, 240, 240);
    --shy-bg-comment-head: #474747;
    --shy-bg-comment: #0000000d;
    --shy-bg-btab: rgba(255,255,255,.9);
    --shy-batb-shadow-color: rgba(0,0,0,0.1);
    --shy-bg-playlist: rgba(255, 255, 255, 0.8);
    --shy-comment-color: var(--shy-text);
    
    
    --shy-border-color: #eee;
    --shy-tag-mv-color: #626262;
    --shy-text: #000;
    --shy-text-sub: #5f5f5f;
    
}
.shy-dark-theme > body{
    transition: .3s;
    --shy-bg: #121212;
    --shy-bg-w: var(--shy-bg);
    /*--shy-bg-header: #2e2f32cc;*/
    --shy-bg-header: var(--shy-bg);
    
    --shy-bg-header-left: #2a2a2d;
    --shy-bg-comment-head: rgb(255 255 255 / 85%);
    --shy-bg-comment: #ffffff33;
    /*--shy-bg-btab: #2e2f32cc;*/
    /*--shy-bg-btab: #232426cc;*/
    --shy-bg-btab: var(--shy-bg);
    --shy-batb-shadow-color: var(--shy-bg-comment);
    --shy-bg-playlist: rgba(0, 0, 0, 0.8);
    
    
    --shy-text: rgb(255 255 255 / 85%);
    --shy-text-1: #41464b;
    --shy-text-sub: var(--shy-bg-comment-head);
    --shy-comment-color: #ececec;
    
    /*--shy-border-color: #8A8A8A;*/
    --shy-border-color: #585757;
    
    /*--shy-bg-hover:#818181;*/
    --shy-bg-hover:#424141;
    
    --shy-tag-mv-color: #C6C6C6;
}

.shy-dark-theme a{
    color: var(--shy-text);
}
.shy-dark-theme a:hover{
    color: var(--shy-tag-mv-color);
}

.shy-dark-theme .shy-key{
    color: #EAF4FF!important;
}
.shy-dark-theme .layui-form-switch{
    background-color: var(--shy-bg-w);
}
.shy-dark-theme .layui-form-onswitch{
    background-color: #16b777!important;
}
.shy-dark-theme .layui-layer{
    box-shadow: 1px 1px 50px rgb(255 255 255 / 15%);
}
.shy-dark-theme .shy-backTop{
    border-color: var(--shy-border-color)!important;
}

.shy-dark-theme .layui-panel{
    box-shadow: 1px 1px 4px rgb(255 255 255 / 10%);
}
.layui-panel, .layui-menu,.shy-dark-theme .layui-menu>li, .layui-layer-title, .layui-layer-setwin span,.shy-dark-theme .layui-menu-body-title, .layui-flow-more a i, .layui-input, .layui-select, .layui-textarea, .layui-btn-primary,.shy-dark-theme .layui-layer-content, .layui-layer-btn,.layui-layer-input, .layui-layer-page:not(.layui-layer-photos)
{
    background-color: var(--shy-bg-w)!important;
    color: var(--shy-text)!important;
}
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea
,.shy-dark-theme .layui-layer-msg
{
    border-color: var(--shy-border-color)!important;
}
hr,.layui-menu-item-divider{
    border-bottom: 1px solid var(--shy-border-color)!important;
}
.shy-dark-theme .layui-layer-title
/*,.shy-dark-theme .layui-layer-input*/
{
    border-bottom: 1px solid var(--shy-bg-hover)!important;
}
.shy-dark-theme .layui-layer-input{
    border: 1px solid var(--shy-bg-hover)!important;
}
.shy-dark-theme img,.shy-dark-theme .music-cover{
    opacity: .8;
}


::-webkit-scrollbar {
    height: 4px;
    width: var(--shy-doc-scrollbar-w);
    background: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(185,185,185,.8);
}
html/*,.shy-playlist-box*/,.shy-screen-lyric,.shy-comment-itembox{
    scroll-behavior: smooth;
    background-color: var(--shy-bg);
}
.layui-dropdown{
    z-index: 1900 !important;
}
.shy-mode-video{
    --shy-header-left-h:0!important;
}
.shy-mode-video .header-left,.shy-mode-video .shy-btab,.shy-mode-video .shy-screen-play,.shy-mode-video-bottom .shy-btab,.shy-mode-video-bottom .shy-screen-play{
    display: none!important;
}
.shy-mode-video .main{
    margin-bottom: 0!important;
}

.shy-comment-itembox::-webkit-scrollbar-thumb,.shy-playlist-box::-webkit-scrollbar {
    height: 4px;
    width: 6px;
    background: transparent;
}
.shy-comment-itembox::-webkit-scrollbar-thumb,.shy-playlist-box::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: rgba(185,185,185,.8);
}
*{
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif!important;
}
.layui-layer-content:not(.noCustom){height:auto!important}
.shy-elip,
.shy-screen-playinfo-lyric>div{text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.shy-fade{
    transition: .3s;
}
.shy-fade-15{
    transition: .15s;
}
.shy-flex{display:flex;}
.shy-flex-ch{display:flex;align-items:center;}
.shy-flex-c{
    display: flex;
    justify-content: center;
    align-items: center;
}
.shy-noscroll{overflow:hidden}
.shy-opacity-1{
    opacity:1!important;
}


.shy-screen-min-btn{
    background-color: transparent;
}
.shy-screen-min-btn:hover{
    background-color: rgba(150,150,150,.26);
}
.shy-container-music{
    padding: 0 14px;
}
.bg .layui-nav,.bg{
    background-color: var(--shy-bg)!important;
    color: var(--shy-text)!important;
}
.shy-dark-theme .bg .layui-nav,.shy-dark-theme .bg{
    /*color: var(--shy-text)!important;*/
}
.layui-nav .layui-nav-item a{
    /* 你的样式 */
    /*color: rgba(0,0,0,.8)!important;*/
}
.header:after {
    background-color: var(--lay-color-border-1)
}
.header-list > div {
    position: absolute;
    line-height: var(--shy-header-hh);
    /*display: inline-block;*/
}
.shy-music-main{
    
}
.header-logo{
    left: 16px;
}
.header-logo a:hover,.header-logo h1{
    color: #000;
    font-size: 1.5rem;
}
.header-menu,.header-more{
    right: 16px;
    /*position: absolute;*/
}
.header{
    /*position: relative; */
    /*z-index: 1009!important;*/
    
    position: fixed!important;
    top: 0;
    right: 0;
    left: 0;
    height: var(--shy-header-h)!important;
    
    background-color: var(--shy-bg-header)!important;
    box-shadow: 0 1px 4px 0 var(--shy-batb-shadow-color);
}
.header-left{
    overflow: auto;
    width: var(--shy-header-left-h);
    position: fixed;
    /*background-color: rgb(242,243,245);*/
    background-color: var(--shy-bg-header-left);
    height: calc(100% - var(--shy-btab-h) - 5rem);
    top: 0;
    border: 0 solid var(--shy-border-color);
    border-right-width: 1px;
    
    padding-top: calc(var(--shy-header-h) + 10px);
    padding-bottom: var(--shy-btab-h);
}
.header-left-box{
    overflow: auto;height:100%
}
.header-left-item,.shy-usermin-item,.shy-usermin-uplaylist-item{
    padding: 5px 12px;
    height: auto;
    line-height: 40px;
    position: relative;
}
.header-left-item-title{
    /*color: #4e5969;*/
}
.header-left-child-item{
    padding-left: 10px;
}

.header-left-child-item:hover,.shy-lefthead-hover:hover{
    background-color: rgb(229, 229, 229);
    border-radius: 8px;
}
.shy-dark-theme .header-left-child-item:hover,.shy-dark-theme .shy-lefthead-hover:hover{
    background-color: var(--shy-bg-hover);
    /*border-right: 10px;*/
}
.shy-headleft-icon{
    position: absolute;
    right: 15px;
}
.shy-headleft-icon.open{
    transform: rotate(180deg);
}
/*.uplaylist-info-btn,.splaylist-info-btn{*/
/*    position: relative;*/
/*    bottom: -30px;*/
/*}*/
.uplaylist-info-btn-min,.splaylist-info-btn-min{
    display: none;
}
.uplaylist-info-btn > *,.splaylist-info-btn>*{
    margin-right: .5rem;
}
.uplaylist-info-btn-min > *,.splaylist-info-btn-min>*{
    margin-right: .5rem;
}
.shy-playlist-box{
    padding-right: 4px;overflow: auto;
    /*margin: 66px 0px 0px 8px;*/
}

.main{
    margin-top: calc(var(--shy-header-h) + 10px);
    /*margin-top: 4.6rem;*/
    margin-bottom: calc(var(--shy-btab-h) + 10px);
}
.header:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px; /* 控制边框高度 */
    background-color: var(--shy-text-1); /* 控制边框颜色 */
    content: ''; /* 伪元素必须有的内容 */
    bottom: -1px; /* 关键行：将伪元素定位到元素底部 */
}
.header-right{
    -webkit-transition: all .3s;
    
    /*top: 61px;*/
    /*z-index: 1002;*/
    /*position: fixed;*/
}
.header-top {
  position: fixed!important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}
.shy-video-show{
    /*width: 100%;*/
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.player {
    /*height: 100%;*/
    aspect-ratio: 16 / 9;
}
.shy-player-right{
    width: 100%;
    max-width: var(--shy-player-right);
    margin-left: 20px;
}
.header-right>.layui-menu{
    margin: 0px!important;
}
.shy-eplist{
    overflow-y: auto;
    overflow-x: auto;
    padding: 6px 10px 6px 16px;
    display: flex;
    flex-wrap: wrap;
    max-height: var(--shy-player-right-h);
    position: relative;
}
/*.shy-scrollbar::-webkit-scrollbar {*/
/*    height: 4px;*/
/*    width: 4px;*/
/*    background: transparent;*/
/*}*/
/*.shy-scrollbar::-webkit-scrollbar-thumb {*/
/*    border-radius: 4px;*/
/*    background: #d3d3d3;*/
/*}*/
/*.shy-eplist::-webkit-scrollbar {*/
/*    height: 4px;*/
/*    width: 4px;*/
/*    background: transparent;*/
/*}*/
/*.shy-eplist::-webkit-scrollbar-thumb {*/
/*    border-radius: 4px;*/
/*    background: #d3d3d3;*/
/*}*/
.shy-eplist-box{
    background-color: var(--shy-player-epboxbg);
}
.shy-eplistItem{
    box-sizing: border-box;
    display: flex;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-right: calc(20% - 56px);
    margin-bottom: calc(20% - 56px);
}
.shy-eplistItem:hover{
    background-color: #dff6fd;
    border: 1px solid #00aeec;
}
.shy-eplistItem.shy-eplistItem-select{
    background-color: #00a1d6;
}
.shy-eplistItem.shy-eplistItem-select a{
    color: #fff;
}
.shy-eplistItem a{
    width: 100%;
    height: 100%;
    line-height: 56px;
    text-align: center;
    font-size: 16px;
    text-overflow: ellipsis;
}

.shy-btab{
  z-index: 1011; 
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; 
  height: var(--shy-btab-h);
  transition: .3s;
  
  box-shadow: 0 -2px 5px var(--shy-batb-shadow-color);
  backdrop-filter: blur(0.4rem);
  will-change: backdrop-filter;
}
.shy-btab.immr{
    backdrop-filter: blur(0);
}
.shy-btab{
    
  /*background-color: var(--shy-bg-btab);*/
}
.shy-btab:not(.immr),.shy-btab.immr>div{
  background-color: var(--shy-bg-btab);
}
.shy-btab-box{
  height: var(--shy-btab-player-h);
  padding: 0 1.25rem; /* 内边距 */
  display: flex;
  align-items: center;
}
.shy-btab-box > div{
    display: flex;
    padding: 0 6px;
    align-items: center;
}
.music-img{
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
}
.music-img *{
    border-radius: 0.2rem;
}
.shy-screen-cover{
    transform: scale(0.8, 0.8);
}
.shy-screen-cover-content{
    border-radius: 1rem;box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);
}
.music-cover{
    background-color: rgb(235, 208, 194);
    background-size: cover;
    background-position: center;
}
.music-name,.download-name{
    font-weight: 700;
    font-size: 18px;
}
.music-avatar{
    font-size: 14px;
}

.shy-textnowrap{
     white-space: nowrap;
}
.shy-h{
    height: 100%;
}
.shy-w,.shy-album-tab-desc img{
    width: 100%;
}
.shy-wh{
    width: 100%;
    height: 100%;
}
.shy-wh-max{
    max-width: 100%;
    max-height: 100%;
}
.shy-h-min-0{
    min-height: 0;
}
.shy-t-l{text-align: left;}
.shy-t-c{text-align: center;}
.shy-t-r{text-align: right;}
.flex-grow {
    flex-grow: 1;
}

.shy-cursor,.mv-itembox>div,.shy-vip-toBuy,.shy-vip-toMe
{
    cursor: pointer;
}
/*shyfade*/
.shy-btn,.header-left-child-item,.shy-lefthead-hover{
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    cursor: pointer;
    color: var(--shy-text);
}
.shy-btn-def,.shy-btn-noh{
    border: 1px solid transparent;
    border: 0;
    height: 34px;
    padding: 0 14px;
    border-radius: 4px;
    /*background-color: #165dff;*/
    
    color: #fff;
}
.shy-btn-def:hover{
    /*background-color: #4080ff;*/
    opacity: .8;
}
.shy-btn-def:active{
    /*background-color: #0e42d2;*/
    opacity: 1;
}
.shy-morebtn,.shy-uplaylist-morebtn,.shy-albumList-morebtn,.shy-usersList-morebtn,.shy-screen-btn-control-more{
    background-color: transparent;
    padding: 0px 6px;
}
.shy-morebtn,.shy-uplaylist-morebtn:hover,.shy-albumList-morebtn:hover,.shy-usersList-morebtn:hover,.shy-screen-btn-control-more{
    border-radius: 30px;
    background-color: rgba(196,196,196,.16);
}

.shy-btn-bg-blue{
    background-color: #1e9fff;
    
}

.shy-playcontrol{
    flex-direction: column;flex: 0 0 37.5%;width: 37.5%;
}
.shy-playcontrol-btn{
    align-items: center;
    display: flex;
    height: 48px;
    width: 48px;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    transition: all .1s linear;
}
.shy-playcontrol-btn-text{
    background-color: transparent;
}
.shy-playcontrol-btn-text:hover{
    background-color: var(--shy-bg-hover);
}
.shy-playcontrol-btn svg{
    stroke: currentcolor;
    stroke-width: 5;
}

.shy-playcontrol-setting{
    flex: 1 1 0%;
}

.shy-progress-bar{
    transition: .15s;
}
.shy-progress,.shy-sound-progress{
    background: rgba(185,185,185,.8)!important;
}
.shy-progress:hover .shy-progress-bar-thumb-show{
    -webkit-transform: scale(1);
}
.shy-progress-bar-thumb{
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -4px;
    margin-right: -14px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
}
.music-now,.music-max{
    min-width: 2rem;
}
.shy-controlWrap-btn{
    align-items: center;
    display: flex;
    height: 44px;
    width: 44px;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    transition: all .1s linear;
}

.shy-blur{
    /*背景*/
    backdrop-filter: blur(0.4rem);
    -webkit-backdrop-filter: blur(0.4rem);
}
.shy-blur-30{
    filter: blur(30px);
}
.shy-blur-screenbg{
    filter: blur(40px) var(--shy-screenbg);
}
.shy-dark-theme .shy-blur-screenbg{
    filter: blur(40px) brightness(0.5);
}
.shy-fade-tips-active{
    transform-origin: 50% 100%;
    transition: opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)
}
.shy-fade-tips-hide{
    opacity: 0;
    transform: translateX(-50%) scale(.5)!important;
}
.shy-fade-tips-show{
    opacity: 1;
    transform: translateX(-50%) scale(1)!important;
}
.shy-tips-hide{
    opacity: 0;
    transform: scale(.5)!important;
}
.shy-tips-show{
    opacity: 1;
    transform: scale(1)!important;
}

.shy-playlistItem{
    border-radius: .375rem;
    padding:0 8px;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    
    transition-duration: .15s;
    transition-property: transform,background-color,border-color,color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.shy-playlistItem.moving {
 background: transparent;
 color: transparent;
 border: 1px dashed #ccc;
}
.shy-playlistItem:hover{
    background-color: var(--shy-bg-hover);
}
.shy-playlistItem div{
    box-sizing: border-box;
    overflow: hidden;
}
.shy-playlistItem-select,.shy-playlistItem-select .shy-playlistItem-morebtn{
    background-color: #3780ce;
    color: #fff;
}
.shy-playlistItem-select .shy-playlistItem-info-artist{
    color: rgba(255,255,255,0.9);
}
.shy-playlistItem-select:hover{
    background-color: #3780ce;
}
.shy-playlistItem-imgbox{
    flex: 0 0 auto;
    border-radius: .25rem;
    /*box-sizing: border-box;*/
    /*overflow: hidden;*/
    margin-right: 4px;
}
.shy-playlistItem-img{
    width: 32px;
    height: 32px;
}
.shy-playlistItem-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.shy-playlistItem-info{
    flex: 1 1 auto;
    /*overflow: hidden;*/
    margin-left: .5rem;
    /*box-sizing: border-box;*/
}
.shy-playlistItem-info div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shy-playlistItem-info-name,.shy-List-item-name,.musicList-item-name,.uplaylist-item-name{
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
}
.shy-List-item-desc,.shy-List-item-desc-min,.musicList-item-desc,.musicList-item-desc-min,.uplaylist-item-desc,.uplaylist-item-desc-min{
    font-size: 12px;
    font-weight: normal;
    margin-left: 2px;
}
.shy-List-item-desc-min,.musicList-item-desc-min,.uplaylist-item-desc-min{
    display: none;
}
.shy-List-item-artist-min,.shy-playlistItem-info-artist,.musicList-item-artist-min,.uplaylist-item-artist-min{
    font-size: .75rem;
    line-height: 1rem;
}
.shy-playlistItem-more{
    flex: 0 0 32px;
    /*box-sizing: border-box;*/
}
.shy-playlistItem-morebtn:hover,.shy-uplaylistItem-morebtn:hover,.shy-morebtn:hover{
    background-color: rgba(196,196,196,.16);
}

.shy-control-sound-progressBox{
    margin: 0 .5rem;
    width: 70px;
    display: flex;
}
.shy-shade{
    opacity: 0;
    transition: opacity .35s cubic-bezier(.34,.69,.1,1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    position: fixed;
    pointer-events: auto;
}
.shy-progressBox{
    display: flex;width: 100%;margin-top: .25rem;align-items: center;justify-content: center;
}
.shy-control-playpause-box{
    margin-right: 12px;align-items: center;display: flex;
}
.shy-menu-name{
    margin: 4px 8px;word-wrap: break-word;
}
.header-search svg,.header-search-min svg{
    width:1.5em;height:1.5em;top: 5px;position: relative;
}

.shy-input{
    height: 38px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    background-color: var(--shy-bg-w);
    color: var(--shy-text);
    border-radius: 20px;
    border-color: var(--shy-bg-hover);
    padding: 0 15px;
}

.musicList-box{
    /*padding: 0 4px;*/
}
.musicList-header{
    /*padding:0 .5rem;*/
    line-height: 2.5rem;
    height: 2.5rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
}
.shy-List-header>div,.shy-List-item>div,.musicList-header > div,.musicList-item > div, .uplaylist-item > div{
    padding: 0 6px;
    box-sizing: border-box;
}
.shy-List-item:hover,.musicList-item:hover,.uplaylist-item:hover{
    background-color: var(--shy-bg-hover);
    /*585757*/
}
.shy-List-item,.musicList-item,.uplaylist-item{
    border-radius: .375rem;
    display: flex;
    height: 3rem;
    align-items: center;
    
    transition-duration: .15s;
    transition-property: transform,background-color,border-color,color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    padding: 1px;
    /*border: 1px solid #00000000;*/
}
.shy-List-item{
    height: 4rem;
}
/*.uplaylist-item,.shy-List-item{*/
/*    padding: 1px;*/
/*}*/
.shy-List-h-3-item{
    height: 3rem;
}
.musicList-item > div,.uplaylist-item > div{
    /*padding: 0 6px;*/
}

.header-searchbox{
    height: var(--shy-header-h);position: fixed;width:100%;top: calc(var(--shy-header-h) + 2px);transition: .3s;z-index: 1009;background-color: #fff;box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%);
    /*display: none;*/
}

/*两个是列表中#类似id的头部css*/
.shy-List-header-top,.shy-List-item-top,.musicList-header-top,.musicList-item-top,.uplaylist-item-top{
    flex: 0 0 44px;
    text-align: center;
}
.shy-List-header-img,.shy-List-item-img{
    flex: 0 0 60px;
}

.shy-bwrap,.shy-comment-item,.shy-mv-item-img,.shy-lyric-repeat-start,.shy-lyric-repeat-end{
    position: relative;
}
.shy-bwrap:before,.shy-comment-item:before{
    background-color: var(--shy-border-color);
    bottom: 0;
    clear: both;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}
.shy-List-item-artist-min,.shy-playcontrol-circle,.musicList-item-artist-min,.uplaylist-item-artist-min{
    display: none;
}
.shy-musicTag{
    font-size: 10px;
    text-align: center;
    color: #ff5722;
    border-radius: 5px;
    border: 1px solid;
    line-height: 0.9rem;
    margin-left: 2px;
    border-color: #ff5722;
    padding: 0 1px;
}
.shy-musicTag-sq{
    color: #ff5722;border-color: #ff5722;
}
.shy-musicTag-hq,.shy-musicTag-singer,.shy-musicTag-vip{
    color: #00CC65;border-color: #00CC65;
    padding: 0 2px;
}
.shy-musicTag-singer{
    padding: 0 4px;
}
.shy-musicTag-vip,.shy-musicTag-singer{
    font-weight: bold;
}
.shy-musicTag-vip{
    color: var(--shy-bg-w);
    background: #00CC65;
    border: 0;
    padding: 0 3px;
}
.shy-musicTag-mv{
    color: var(--shy-tag-mv-color);border-color: var(--shy-tag-mv-color);
    padding: 0 2px;
}
.shy-musicTag-white-0{
    color: #eee;border-color: #eee;
    padding: 2px;
}
/*.download-mv a,.download-qn a{*/
/*    margin-right: 6px;*/
/*}*/
.shy-download-box a{
    margin-right: 6px;
}
.shy-download-box a:hover{
    text-decoration: underline;
    color: #0DA5D7;
}
/*.download-mv a:hover,.download-qn a:hover{*/
    /*text-decoration: underline;*/
    /*color: #0DA5D7;*/
/*}*/
.search-top{
    padding: 0 4px;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.shy-nav-chlid{
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    min-width: 100%;
    line-height: 36px;
    padding: 5px 0;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border: 1px solid var(--shy-border-color);
    background-color: var(--shy-bg-w);
    z-index: 100;
    border-radius: 2px;
    white-space: nowrap;
    box-sizing: border-box;
}
.shy-nav-chlid dd{
    margin: 1px 0;
    position: relative;
}
.shy-nav-chlid dd a:hover{
    color: rgba(0,0,0,.8)
}
.shy-nav-chlid dd a:hover{
    background-color: #f8f8f8!important;
}
.shy-dark-theme .layui-menu li:hover,.shy-dark-theme .layui-menu li>.layui-menu-body-title:hover,
.shy-dark-theme .shy-nav-chlid dd a:hover{
    background-color: var(--shy-bg-hover)!important;
    transition: .3s;
}
.shy-btn-playqn{
    position: absolute; margin-left: 52px; padding: 0 4px;border: 1px solid var(--shy-tag-mv-color); border-radius: 4px;
}
.shy-control-previous,.shy-control-next{
    padding: 6px;
}
.shy-tips-box{
    position: absolute;
    top: -155px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    padding: 16px;
    background-color: var(--shy-bg-w);
    border: 1px solid var(--shy-border-bg);
}
.shy-tips-box:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.shy-uplaylist-header,.shy-splaylist-header{
    min-height: var(--uplaylist-header-h);
    margin-bottom: .5rem;
}
.shy-uplaylist-header.card{
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 10%);background: rgb(255 255 255 / 80%);border-radius: 10px;
}
.uplaylist-cover,.splaylist-cover{
    background-position: center;
    background-size: cover;
    /*background-size: contain;*/
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
    width: var(--uplaylist-header-h);height: var(--uplaylist-header-h);
    /*width: 12.5rem;height: 12.5rem;*/
}
.uplaylist-info,.splaylist-info{
    width: 100%;
    display: flex;
    margin-left: 1rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.uplaylist-info > div,.splaylist-info>div{
    margin-bottom: 8px;width: 100%;
}
.uplaylist-info-title,.splaylist-info-title,.shy-album-name,.shy-users-name,.shy-radio-name{
    font-size: 26px;
    font-weight: bold;
}
.shy-tab-box{
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
}
.shy-tab-item-uPlaylist{
    /*padding-left: 10px;*/
}

.shy-lh-30{
    height: 30px;line-height: 30px;
}
.shy-control-playlistbtn{
    margin-left: 10px;
}
.shy-control-playlistbtn>svg{
    transition: .3s;
}
.shy-control-playlistbtn.open>svg{
    transform: scale(0.75, 0.75);
}
.shy-control-playlistbtn.open{
    background-color: var(--shy-bg-hover);
}

shy-control-playlistbtn

.shy-btab-itembox{
    /*display: flex;*/
    display: none;
    justify-content: center;
    align-content: center;
    height: calc(var(--shy-btab-h) - var(--shy-btab-player-h) - var(--shy-btab-h-more));
    align-items: center;
}
.shy-btab-item{
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.shy-menu-adduplaylistbox{
    overflow: auto;
    max-height: 250px;
}
.shy-usermin-uplaylistbox,.shy-usermin-ulikebox{
    overflow: auto;
    /*max-height: 350px;*/
}
.shy-usermin-item,.shy-usermin-uplaylist-item{
    line-height: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shy-uplaylist-bg,.shy-splaylist-bg{
    filter: blur(30px);
    z-index: -1;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    height: 320px;
    margin-left: var(--shy-header-left-h);
}
.shy-uplaylist-bg:after,.shy-splaylist-bg:after{
    background: linear-gradient(to top, var(--shy-bg-w), transparent);
    /*background: linear-gradient(to top, #fff, rgb(255 255 255 / 10%));*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.shy-uplaylist-bg > .shy-uplaylust-bg-content,.shy-splaylist-bg>.shy-splaylist-bg-content{
    background-color: transparent;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}
.shy-splaylist-bg.bg{
    filter: blur(0);
    height: 100%;
    position: fixed;
}
.shy-user-name{
    font-size: 16px;
}
.shy-user-cover{
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    border-radius: 30px;
    background-position: center;
    background-size: cover;
}

.shy-btab-item-box{
    transform: translateY(.5rem);
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    display:flex;flex-direction: column;align-items: center;justify-content: center;
}
.shy-btab-item-box>span{
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
}
.shy-btab-item-box.active{
    color: rgb(22,93,255);
    transform:none;
}
.shy-btab-item-box.active>span{
    opacity: 1;
}

.shy-screen-play{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    transition: transform .3s ease-out 0s;
    display: flex;
}
.shy-screen-play.open{
    transform: translate(0, 0)!important;
}
.shy-screen-playbox{
    position: absolute;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    height: calc(100% - var(--shy-btab-h));
    top: 0;
    /*height: calc(100% - var(--shy-header-h) - var(--shy-btab-h));*/
    /*top: var(--shy-header-h);*/
}
.shy-screen-play-item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.shy-screen-lyricItem{
    min-width: 0;max-width: 650px;
    /*justify-content: unset;*/
}
.shy-screen-playinfo{
    width: 340px;
    margin: 10px 0;
    margin-right: 1.5rem;
}
.shy-screen-lyric{
    -webkit-mask-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0));
    mask-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0));
    /*width: 100%;*/
    /*text-align: center;*/
    overflow: auto;
    /*overflow: hidden;*/
    /*scroll-behavior: smooth;*/
    max-height: 100%;
    /*max-height: calc(100% - 10%);*/
    background-color: transparent;
}
.shy-screen-lyricbox{
    /*line-height: 2rem;*/
    transform: translateY(0px);
    transition: transform 0.1s ease-out 0s;
    position: relative;
    padding: 150px 0;
}
.shy-screen-lyricbox>div:hover{
    background-color: #ffffff1a;
}
/*.shy-screen-lyricbox>div>div{*/
    /*transform: scaleX(.8) scaleY(.8);*/
/*    transition: transform .3s cubic-bezier(.4,0,.2,1);*/
/*}*/
.shy-screen-lyricbox>div{
    position: relative;
    margin-top: .35rem;
    padding: 10px 16px;
    opacity: .75;
    transition: .15s;
    color: #fff;
    /*padding-left: 16px;*/
    line-height: calc(var(--shy-screen-lyric-fonts) + 5px);
    font-size: var(--shy-screen-lyric-fonts);
}
.shy-screen-lyricbox>div.show{
    /*font-size: 24px;*/
    opacity: 1;
    box-shadow: var(--shy-screen-lyric-shadow);
    background-color: var(--shy-screen-lyric-bg);
}
/*.shy-screen-lyricbox>div.show>div{*/
/*    transform: scaleX(1) scaleY(1);*/
/*}*/
.shy-screen-lyricbox.noBoxShadow>div.show{
    background-color: unset;
    box-shadow: unset;
}


.shy-screen-lyricbox>div.nk{
    margin-bottom: var(--shy-screen-lyric-nk);
}
.shy-screen-lyricbox ._jy,.shy-screen-lyricbox ._bjy{
    display: none;
}
.shy-screen-lyricbox.showJy ._jy,.shy-screen-lyricbox.showJy ._bjy{
    display: inline-block;
}
.shy-screen-playinfo-lyric,.shy-screen-min-control{
    display: none;padding-top: 6px;
}
.shy-screen-progress-control{
    display: none;
}
.shy-screen-playinfo-lyric{
    min-height: 50px;
}
.shy-screen-playinfo-lyric>div{
    font-size: 16px;
    /*font-size: calc(var(--shy-screen-lyric-fonts-def) - 2px);*/
}

.shy-screen-bg{
    opacity: 0.75;
    z-index: -1;
}

.bg-sp{
    background-size: cover;
    background-position: center;
}
.shy-screen-lyric::-webkit-scrollbar,.shy-buyvip-itembox::-webkit-scrollbar{
    width: 0;height: 0;
}

.shy-tools-box{
    display: flex;
    flex-wrap: wrap;
}
.shy-tools-box>div{
    flex: 1 1 auto;
    height: 2.5rem;
}
.shy-screen-topbtn,.shy-screen-topbtn-min{
    position:absolute;width: 38px;height: 38px;padding: .5rem; right: 2rem;color: rgba(255,255,255,.8);border-radius: 10px;
}
.shy-screen-topbtn:hover{
    color: #fff;
    background-color: rgba(211,211,211,.6);
}
.layui-menu-body-panel{
    margin-left: 0!important;
}
.layui-menu-body-panel{
    margin-right: 0!important;
}
.layui-menu-body-panel:before{
    width: 0!important;
}
.shy-screen-lyric-controls-box>*{
    margin-left: 1.25rem;
}
.shy-open-download{
    min-width: 350px;
}

.shy-setting-item{
    padding: 1.25rem 0;
}
.shy-setting-item-head{
    padding-bottom: .75rem;
    font-size: 20px;
    font-weight: bold;
    
    flex: 0 0 33.33333333%;
    width: 33.33333333%;
}
.shy-setting-item-body{
    flex: 0 0 66.66666667%;
    width: 66.66666667%;
    flex-wrap: wrap;
}
.shy-setting-item-body>div{
    padding: 6px 0;
}
.shy-setting-item-body-head{
    flex-direction: column;
}
.shy-setting-item-body-head .layui-form-item{
    margin-bottom:0!important;
}

.layui-form-switch>i{
    height: 12px!important;
    width: 12px!important;
}
.layui-form-onswitch>i{
    margin-left: -16px!important;
}
.shy-key{
    border: 1px solid rgb(229, 230, 235);box-shadow: 0 1px rgba(39, 46, 59, .18);border-radius: 3px;color: rgb(134, 144, 156);padding: 0 4px;
}

.shy-setting-body-child{
    flex-direction: row;align-items: center;justify-content: space-between;
}

.shy-btn-h-34{
    line-height:normal!important;height:34px!important;
}

.shy-ctab-container::-webkit-scrollbar {height: 0px}
.shy-ctab-container{
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: .5rem;
    background-color: var(--shy-bg-w);
}.shy-underline{
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #007bff;
    width: 0;
    transition: width 0.3s, transform 0.3s;
}.shy-ctab>._it {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select:none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s;
}.shy-ctab>._it.active{
    color:#007bff;
}
.shy-ctab-p-min-0>._it{
    padding: 10px 10px;
}
.shy-ctab-p-min-1>._it{
    padding: 5px 10px;
}

.mv-itembox>.mv-item{
    flex: 0 0 25%;
}
.mv-itembox>.mv-item>.mv-item-content{
    padding: 6px;
}
.shy-mv-item-infoBox>div{
    padding: 2px 0;
}
.shy-mv-item-more{
    border-radius: 4px;
}
.shy-mv-item-more:hover{
    background-color: var(--shy-bg-hover);
}

.shy-item-select,.shy-downloadItem-select{
    /*border: 1px solid #919191;*/
    /*background-color: var(--shy-bg-hover)!important;*/
    border: 1px solid #16b777;
    background-color: rgb(22 183 119 / 10%) !important;
    padding:0!important;
}
.shy-comment-item-content-head{
    color: var(--shy-bg-comment-head);
}
.shy-comment-item-content-head>div{
    margin-bottom: .25rem;
}
.shy-comment-item{
    padding: .75rem 0;
}
.shy-comment-item-content{
    color: var(--shy-comment-color);
    margin: .5rem 0;
    line-height: 1.5rem;
}
.shy-comment-item-left{
    flex: 0 0 60px;height:48px
}
.shy-comment-item-right{
    flex: 1 1 auto;word-wrap: break-word;overflow:hidden;
}

.shy-mv-item-img-text{
    position: absolute;bottom: 0;width: 100%;background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 10%), rgb(0 0 0 / 50%));color: #fff;display: flex;justify-content: space-between;
}

.shy-lyric-repeat-start,.shy-lyric-repeat-end{
    background: rgba(22,183,119,.1);border: 2px solid #16b777;opacity: 1!important;
}
.shy-lyric-repeat-start::before {
    content: "A";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #16b777;
    color: white;
    padding: 4px;
}
.shy-lyric-repeat-end::after {
    content: "B";
    position: absolute;
    /*top: 0;*/
    bottom: 0;
    right: 0;
    background-color: #16b777;
    color: white;
    padding: 4px;
}
.shy-download-item{
    margin-bottom: .5rem;padding: 1px;
}
.shy-download-item-img{
    flex: 0 0 auto;
}
.shy-tab-artist-img,.shy-tab-album-img,.shy-tab-users-img,.shy-tab-radio-img{
    height: 200px;
    min-width: 200px;
    margin-right: 1rem;
}
.shy-tab-album-img,.shy-tab-radio-img{
    border-radius: .5rem
}
.shy-tab-artist-img,.shy-tab-users-img{
    border-radius: 100%;
}
.shy-user-vipwarp{
    margin-bottom: 6px;
    border-radius: .8rem;
    background: linear-gradient(-200deg, #ffe6c5, #efcda3);
    color: #6f4a12;
    height: 3.25rem;
}
.shy-user-vipwarp .item-divider{
    flex: 0 0 1px;background: #6f4a12;margin: 4px;height: 2rem;opacity: 0.4
}
.shy-user-vipwarp.svip{
    background: linear-gradient(50deg, rgb(230 181 252 / 85%), #ffd9a0);
    color: #40132d;
}
.shy-user-vipwarp.svip .item-divider{
    background: #40132d;
}

.shy-buyvip-itembox{
    overflow: auto;gap: 8px;padding: 0.5rem;
}
.shy-buyvip-item{
    width: 122px;height: 172px;border-width: .15em;border-radius: .5rem;background: #f7f7f7;flex: 0 0 auto;flex-direction: column;cursor: pointer;border-color: #00000000;transition: .15s;border-style: solid;
    background-origin: border-box!important;
}


.shy-vip-card{
    transition: .3s;
    position: relative;
    padding: 1.75rem 1rem;
    border-radius: 10px;
    background: #eee; 
    margin: 0 .5rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);
}
.shy-vip-card>.c{
    display: none;
}
.shy-vip-card.vip:not(.svip):not(.year) > .c-vip,
.shy-vip-card.svip:not(.year) > .c-svip,
.shy-vip-card.svip.year > .c-svip-year
{
    display: block;
}
.shy-vip-card.svip .shy-vip-reinfo{
    color: #ffcebf;
}
.shy-vip-card .shy-user-name{
    transition: .3s;
    line-height: 2rem;
    font-size: 1.15rem;
}
.shy-vip-card.vip{
    background: linear-gradient(-210deg, #ffe6c5, #ffca72);
    color: #6f4a12;
}
.shy-vip-card.vip .shy-user-sviptimeC{
    color: #b000ff;
}
.shy-vip-card.vip .shy-user-viptimeC{
    color: #8c560b;
}
.shy-vip-card.vip .shy-user-name{
    color: #6f4a12;
}

.shy-vip-card.svip{
    background: linear-gradient(-200deg, #3e467d, #24263c);
    color: #ffcebf;
}
.shy-user-viptimeC,.shy-user-sviptimeC{
    transition: .3s;
    font-weight: bold;
}
.shy-vip-card.svip .shy-user-viptimeC,.shy-vip-card.svip .shy-user-sviptimeC{
    /* -webkit-background-clip 和 -webkit-text-fill-color 用于WebKit浏览器 */
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
}
.shy-vip-card.svip .shy-user-sviptimeC{
    /* 设置线性渐变背景，方向从左到右 */
    background: linear-gradient(to right, #ffcebf, #e19eff);
    color: #ffcebf;
}
.shy-vip-card.svip .shy-user-viptimeC{
    /* 设置线性渐变背景，方向从左到右 */
    background: linear-gradient(to right, #fff0db, #fadeb7);
    color: #8c560b;
}
.shy-vip-card.svip .shy-user-name{
    color: #ffcebf;
}





.shy-dark-theme .shy-buyvip-item{
    background: var(--shy-bg-hover);
}
.shy-buyvip-item.active{
    background: linear-gradient(180deg,#fff0db,#fadeb7);
}
.shy-buyvip-item.svip{
    background: linear-gradient(50deg, rgb(230 181 252 / 80%), rgb(255 217 160 / 90%));
}
.shy-buyvip-item.svip,.shy-buyvip-item.svip .shy-buyvip-price{
    color: #40132d;
}
.shy-buyvip-item .desc{
    color: #d6964d;
    font-weight: bold;
    background: rgba(214, 150, 77, .16);
    border-radius: 6px;
    padding: 2px .5rem;
    margin-top: .25rem;
}
.shy-buyvip-item.svip .desc{
    /*color: #40132d;*/
    /*background: #0000;*/
    /*border: #40132d solid 1px;*/
    color: #ffcebf;
    background: linear-gradient(-200deg, #3e467d, #24263c);
    font-weight: normal;
    font-size: 12px;
    padding: .25rem .5rem;
}

.shy-buyvip-item.select{
    border-color: #f4a629;box-shadow: 0px 0px 6px 2px #0000001a;
    transform: scale(1.02);
}
.shy-buyvip-price{
    color:#8c560b;line-height: 2rem;font-weight:bold;font-size:1.25rem
}
.shy-buyvip-name{
    font-weight: bold;font-size: 1rem;text-align: center;
}


.uplaylist-content,.playlist-content,.musicList-content,.artistList-content{
    overflow-x: hidden;
}
.shyctab-search{
    /*position: absolute;*/
    /*background: var(--shy-bg-w);*/
    width: calc(100% - var(--shy-header-left-h) - 24px);
    z-index: 1;
}
.album-itembox>div{
    flex: 0 0 calc(20% - 1rem) !important;
    padding: .5rem;
    
}

.shy-artist-album-name{
    margin: .25rem 0;font-size: .9rem;font-weight: bold;
}
.shy-screen-play-typeicon{
    height: 42px;
    width: 42px;
}

.uplaylist-item-time,.musicList-item-time,.splaylist-item-time,.shy-List-item-time{
    display: var(--shy-musiclist-time-display);
}
.layui-elem-quote{
    background-color: var(--shy-bg-hover)!important;
}


.shyvideo-search-item > div{
    margin-bottom: 1rem;
    gap: 8px;
}
.shyvideo-search-item > div>img{
    width: 160px;
}
.shyvideo-change-list-box{padding-bottom:var(--shy-btab-h-more);}
.shyvideo-change-list-box .it:hover{
    background-color: var(--shy-bg-hover);
}
.shyvideo-change-list-box .it{
    padding: .6rem 0;
    transition: .3s;
}
.shyvideo-search-item .name{
    font-size: 16px;
}

.shy-btab.immr > .shy-btab-box, .shy-btab.immr > .shy-btab-box:not(.shy-control-cycle),.shy-btab.immr > .shy-btab-More-h{
    background-color: transparent;
    color: rgba(255,255,255,.9)!important;
    /*border-color: var(--shy-bg-w);*/
}
.shy-btab.immr button:not(.shy-control-cycle){
    /*background-color: var(--shy-batb-shadow-color);*/
    color: rgba(255,255,255,.8)!important;
}
.shy-btab.immr button:hover,.shy-btab.immr .shy-control-playlistbtn.open{
    background-color: var(--shy-batb-shadow-color);
}
.shy-btab.immr .shy-control-playqn{
    border-color: var(--shy-bg-w);
}

.header-lyric{
    font-size: .9rem;
    margin-left: 1rem;
    line-height: 1.25;
    flex-direction: column;
    justify-content: center;
}
.shyctab-pl{
    transition: .3s;
}
.shyvideo-change-list-box .it.active{
    color: #007bff;
    border: 1px solid #007bff;
    background: rgb(0 123 255 / 10%);
}


@media screen and (min-width: 1680px) {
    .shy-container {
        width:1630px!important
    }
    .shy-eplistItem{
        margin-right: calc(16.65% - 56px);
        margin-bottom: calc(16.65% - 56px);
        
    }
    :root{
        --shy-player-right: 411px;
    }
}

@media screen and (max-width: 1399.98px) { /** 1400px **/
    .layui-container {
        width:auto!important;
        padding: 0 10px;
    }
}
@media screen and (min-width: 1100px) { /** 大于 **/
    .shy-player-show{
        width: 100%;
    }
}
@media screen and (max-width: 1300px) {
    :root{
        --shy-header-left-h: 200px;
        /*--shy-body-left-h: calc(var(--shy-header-left-h));*/
    }
}
@media screen and (max-width: 1099.98px) { /** 小于 响应为手机版 **/

    .mv-itembox>.mv-item{
        flex: 0 0 50%;
    }
    .shy-player-show{
        width: 100%;
    }
    .shy-player-right{
        margin-top: 10px;
        max-width: 100%;
        margin-left: 0;
    }
    .shy-video-show {
        display: block;
    }
    .shy-eplist{
        overflow-x: auto;
        flex-wrap: nowrap;
        display: inline-flex;
    }
    .shy-eplistItem {
        display: inline-block;
        margin-right: .75rem;
        margin-bottom: 0;
    }
    .shy-eplist-box{
        overflow-x: auto;
    }
    
}
@media (max-width: 991.9px){
    .shy-btab-box {
        padding: 0 .2rem;
    }
    .shy-playcontrol{
        flex: 1 1 0%;
    }
    .album-itembox>div{
        flex: 0 0 calc(25% - 1rem) !important;
    }
}
@media screen and (max-width: 767.98px) { /** 手机版 **/
    :root{
        /*--shy-btab-h: 90px;*/
        /*--shy-btab-player-h:52px;*/
        /*--shy-btab-h: 100px;*/
        --shy-header-hh: 45px;
        --shy-btab-h: calc(105px + var(--shy-btab-h-more));
        --shy-btab-player-h:60px;
        --uplaylist-header-h:140px;
        --shy-screen-lyric-fonts-def:18px;
    }
    .header-logo a:hover, .header-logo h1{
        font-size: 1.25rem;
    }
    .header-lyric{
        /*display: none;*/
        margin-left: 5px;
        /*font-size: .75rem;*/
    }
    .mv-itembox>.mv-item{
        flex: 0 0 100%;
    }
    .mv-itembox>.mv-item>.mv-item-content{
        padding: 6px 0;
    }
    .shy-mv-item-img{
        flex: 0 0 35%;
    }
    .shy-mv-item-infoBox{
        flex: auto;
    }
    .shy-mv-item-infoBox{
        padding-left: 6px;
    }

    .header-menu{
        display: none!important;
    }
    .shy-control-playlistbtn{
        width: 40px;height: 40px;
        margin: 0;
    }
    .shy-playcontrol-setting{
        flex: 0 0 0%;
    }
    .music-img{
        width: 3rem;
        height: 3rem;
        margin-right: 0.5rem;
    }
    .shy-control-sound-progressBox,
    .musicList-header-artist,
    .musicList-header-album,
    .shy-List-header-pc,
    
    
    .shy-List-item-artist,
    .shy-List-item-album,
    .shy-List-item-desc,
    .shy-List-item-pc,
    
    .musicList-item-artist,
    .musicList-item-album,
    .musicList-item-desc,
    
    .uplaylist-item-artist,
    .uplaylist-item-album,
    .uplaylist-item-desc,
    
    .header-left,
    .uplaylist-info-btn,
    .splaylist-info-btn,
    .shy-screen-topbtn,
    
    .shy-backTop,
    .shy-List-header-total,
    .shy-List-item-total,
    
    .shy-List-item-top-none,
    .shy-List-header-top,
    .shy-searchPlaylist-header
    {
        display: none!important;
    }
    .music-name,.download-name{
        font-size: 16px;
    }
    .music-avatar,.shy-mv-item-img-text{
        font-size: 12px;
    }
    .shy-playcontrol{
        width: auto;
        flex: unset;
        padding: 0!important;
    }
    .shy-control-playpause-box{
        margin-right: 4px;
    }
    .shy-playcontrol-setting{
        margin-left: 0px!important;
        padding: 4px!important;
    }
    .shy-control-play,.shy-control-pause,.shy-control-next{
        height: 40px;
        width: 36px;
        padding: 2px;
    }
    .shy-container{
        padding: 0!important;
    }
    .shy-playcontrol-playpause:hover{
        background-color: transparent;
    }
    .shy-playcontrol-circle,
    .shy-List-item-desc-min,
    /*.musicList-item-artist-min,*/.musicList-item-desc-min,
    /**.uplaylist-item-artist-min),**/.uplaylist-item-desc-min,
    .shy-screen-playinfo-lyric,
    /*.shy-screen-min-control,*/
    .shy-screen-progress-control
    {
        display: block;
    }
    .shy-List-item,.musicList-item,.uplaylist-item{
        /*height: 3.275rem;*/
        height: 4.275rem;
    }
    .shy-List-albumList.xmla,.shy-List-item.min,
    .search-top{
        height: 3rem;
        /*height: auto;*/
    }
    .shy-List-item-top,.shy-List-header-top,.musicList-header-top,.musicList-item-top,.uplaylist-item-top{
        flex: 0 0 25px;
    }
    
    .shy-List-item-name,.musicList-item-name,.uplaylist-item-name{
        text-overflow: ellipsis;overflow: hidden;white-space: nowrap
    }
    .shy-music-main{
        margin-left: 0!important;
    }
    .shy-container-music{
        padding: 0 8px;
    }
    .shy-tab-item-uPlaylist{
        /*padding-left: 6px;*/
    }
    .mv-item-content,
    .shy-btab-itembox,
    .shy-List-item-artist-min,
    .uplaylist-item-artist-min,
    .musicList-item-artist-min,
    .shy-screen-min-control,
    .uplaylist-info-btn-min,
    .splaylist-info-btn-min
    {
        display: flex;
    }
    .uplaylist-info,.splaylist-info{
        margin-left: .5rem;
    }
    .uplaylist-info-title,.splaylist-info-title,.shy-album-name,.shy-users-name,.shy-radio-name{
        font-size: 20px;
    }
    .shy-uplaylist-bg,.shy-splaylist-bg{
        margin-left: 0;
    }
    .shy-screen-playinfo{
        max-width: 576px;
        /*margin-right: 0;*/
        width: 100%;
        margin: 0 20px;
        
    }
    .shy-control-cycle{
        color: #eee;
    }
    .shy-screen-playbox{
        width: 100%;
    }
    .shy-open-download{
        max-width: 350px;
    }
    .shy-setting-item-head,.shy-setting-item-body{
        flex: 0 0 100%;
        width: 100%;
    }
    .shy-setting-box,.shy-setting-item,.shy-wrap-min,.shy-artist-albumbox{
        flex-wrap: wrap;
    }
    .shy-setting-body-child{
        flex-direction:column;
        align-items: flex-start;
    }
    .shy-screen-cover{
        transform: scale(0.75, 0.75);
    }
    .shy-tab-artist-img,.shy-tab-album-img,.shy-tab-users-img,.shy-tab-radio-img{
        height: var(--uplaylist-header-h);
        min-width: var(--uplaylist-header-h);
    }
    .shy-artist-itembox{
        overflow: auto;
    }
    .shy-artist-itembox>div{
        flex: 0 0 auto!important;
    }
    .shy-buyvip-item{
        /*width: 30%;*/
        width: 120px;
        height: 162px;
    }
    .shyctab-search{
        width: calc(100% - 18px);
    }
    .album-itembox>div{
        flex: 0 0 100%!important;
        padding: .25rem 0;
        display: flex;
    }
    .album-itembox>div>.image{
        flex: 0 0 60px;
    }
    .album-itembox>div>.info{
        margin-left: .5rem;
    }
    .album-itembox>.shy-artist-album-item>.info>.shy-artist-album-name{
        margin: 0;margin-bottom: .2rem;
    }
    .shy-screen-play-typeicon{
        height: 30px;
        width: 30px;
    }
    .shy-user-viptimeC, .shy-user-sviptimeC{
        font-size: 12px;
    }
    .shyvideo-search-item > div>img{
        width: 100px;
    }
    .music-cover.min{
        border-radius: 100%!important;
    }
    .shy-btab.immr .shy-playcontrol-playpause:hover{
        background-color: transparent;
    }
    /*.shy-user-pic{*/
    /*    width: 0!important;*/
    /*}*/
}
@media screen and (min-width: 898px){
    .shy-screen-playinfo{
        width: auto;max-width: 500px;
    }
    .shy-screen-playbox{
        width: 75%;
    }
}
@media screen and (max-width: 600px){
    .shy-screen-playinfo{
        max-width: 400px;
    }
}
@media screen and (max-width: 420px){
    .shy-screen-playinfo{
        max-width: 340px;
    }
    .shy-user-pic{
        width: 0!important;
    }
    .shyctab-userminSwitchBtn{
        display: none;
    }
}
@media screen and (min-width: 767.98px) { /* 非手机版 */
    .header-right{
        display: none!important;
    }
    .header-more,.header-search-min,
    .shy-screen-lyric-controls,
    .shy-screen-topbtn-exit-min,
    .shy-mv-item-more
    /*.shy-hide-pc*/
    {
        display: none;
    }
    .shy-screen-playinfo{
        flex: 1 0 40%;
    }
    .shy-screen-lyricItem{
        flex: 1 0 60%;
    }
    .shy-screen-lyric{
        max-height: 100%;
    }
    .shy-mv-item-img{
        padding-top: 56.25%;position: relative;
    }
    .shy-mv-item-imgc{
        position: absolute;top:0;object-fit: cover;
    }
    .shy-artist-itembox{
        flex-wrap: wrap;
    }

    .shy-open-videoChangeList > div{
        padding: .5rem;
    }
}
@media (min-width: 1200px){
    .shy-playcontrol {
        flex: 0 0 41.66666667%;
        width: 41.66666667%;
    }
}

.shy-icon-zan{
    margin-right: 3px;
    height: 17px;
}



/*.shyvideo-player{*/
/*    display: flex;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    user-select: none;*/
/*    background-color: #000;*/
    
/*    --shyvideo-progress-h: 6px;*/
/*    --shyvideo-control-h: 40px;*/
/*    --shyvideo-btn-s:24px;*/
/*    --shyvideo-btn-wh:40px;*/
/*    --shyvideo-time-font:calc(100% - 1px);*/
/*    --shyvideo-color:rgb(255 255 255 / 80%);*/
/*}*/
/*.shyvideo-player.hideCursor{*/
/*    cursor: none!important;*/
/*}*/
/*.shyvideo-player.full{*/
/*    --shyvideo-control-h:60px;*/
    /*--shyvideo-btn-s:30px;*/
/*    --shyvideo-btn-wh:60px;*/
/*    --shyvideo-time-font:100%;*/
/*}*/
/*.shyvideo-player video{*/
/*    width: 100%;height: 100%;*/
/*}*/
/*.shyvideo-progress,.shyvideo-controls>div>.shyvideo-btn,.shyvideo-progress-tips,.shyvideo-loading,.shyvideo-centerIcon*/
/*,.shyvideo-btn>div{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.shyvideo-progress-played-icon{*/
/*    height: var(--shyvideo-progress-h);*/
/*}*/
/*.shyvideo-controls{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    height: var(--shyvideo-control-h);*/
/*    fill: var(--shyvideo-color);*/
/*    justify-content: space-between;*/
/*    color:rgba(255,255,255,.8);*/
/*}*/
/*.shyvideo-controls>div{*/
/*    height: 100%;display: flex;align-items: center;*/
/*}*/
/*.shyvideo-controls>div>.shyvideo-btn{*/
/*    height: 100%;*/
/*    width: var(--shyvideo-btn-wh);*/
/*    cursor: pointer;*/
/*}*/
/*.shyvideo-btn,.shyvideo-bottom{*/
/*    transition: .2s;*/
/*}*/
/*.shyvideo-btn>div{*/
/*    width: var(--shyvideo-btn-s);*/
/*    height: var(--shyvideo-btn-s);*/
/*    transform: scale(1.1);*/
/*}*/
/*.shyvideo-btn:hover{*/
/*    fill: #fff;color: #fff;*/
/*}*/
/*.shyvideo-player.full .shyvideo-btn>div{*/
/*    transform: scale(1.3);*/
/*}*/
/*.shyvideo-centerIcon,.shyvideo-loading{*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    cursor: pointer;*/
/*}*/
/*.shyvideo-centerIcon-state{*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    transform: scale(1);*/
/*    transition: 0.15s;*/
/*    opacity: .85;*/
/*    position: absolute;*/
/*    right: 30px;*/
/*    bottom: calc(var(--shyvideo-progress-h) + var(--shyvideo-control-h) + 12px);*/
/*}*/
/*.shyvideo-centerIcon-state.hide{*/
/*    transform: scale(2);*/
/*    opacity: 0;*/
/*}*/
/*.shyvideo-bottom{*/
/*    display: flex;*/
/*    position: absolute;*/
/*    justify-content: space-between;*/
/*    width: calc(100% - 20px);*/
/*    bottom: 0px;*/
/*    flex-direction: column;*/
/*    padding: 0px 10px;*/
/*    background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9));*/
/*    opacity: 1;*/
/*}*/
/*.shyvideo-progress{*/
/*    height: var(--shyvideo-progress-h);*/
/*    width:100%;*/
/*    margin-bottom: 6px;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*}*/
/*.shyvideo-progress-inner{*/
/*    height: 50%;*/
/*    flex: 1 1 0%;*/
/*    width: 100%;*/
/*    background-color: rgba(255, 255, 255, 0.2);*/
/*    transition: height 0.2s;*/
/*    display: flex;*/
/*    position: relative;*/
/*    align-items: center;*/
/*}*/
/*.shyvideo-progress-inner>div{*/
/*    position: absolute;*/
/*    height: 100%;*/
/*}*/
/*.shyvideo-controls-time{*/
/*    width:auto!important;*/
/*    gap:4px;*/
/*    margin-left:6px;*/
/*    font-size:var(--shyvideo-time-font);*/
/*}*/
/*.shyvideo-bottom-progressBar{*/
/*    position: absolute;*/
/*    height: 2px;*/
/*    bottom: 0;*/
/*    background-color: rgb(35, 173, 229);*/
/*    width: 11%;*/

/*}*/
.shy-drop-decodeMFlac{
    width: 100%;max-width: 480px;padding: 1.5rem;gap: .25rem;border: 1px #E2E8F0 solid;border-radius: 8px;flex-direction: column;transition:.5s;
}
.shy-drop-decodeMFlac:hover,.shy-drop-decodeMFlac.active{
    border-color: #A0AEC0;
    background: #F7FAFC;
}


/*table*/
.shy-admin-coutApi-table td,.shy-admin-coutApi-table th{
    padding: 0px 4px 0px 10px !important;
}
.shy-code-type-number,.shy-code-type-boolean{
    color: rgb(50 0 255);
}
.shy-code-type-string{
    color: rgb(170 17 17);
}
.shy-dark-theme .shy-code-type-number,.shy-dark-theme .shy-code-type-boolean{
    color: rgb(161 247 181)!important;
}
.shy-dark-theme .shy-code-type-string{
    color: rgb(242 139 84)!important;
}
.shy-dark-theme .layui-form-checkbox>div{
    color: var(--shy-text)!important;
}