:root {
    --left-width: 450px;
    --heap-height: 60px;
    --li-width: 200.8px;
    --li-height: 110px;
    --dClicked-height: 66px;
}
a:hover{color: initial}
body{user-select: none;}
li{list-style-type: none;}
i, em{font-style: normal;}
.clearfix {zoom: 1;}
.clearfix::after {content: "\20";display: block;height: 0;clear: both;}
.empty-box{text-align: center;font-size: 20px;color: #fff;padding: 5% 0;width: 100%;}

.aio-music{position: relative;height: 100%;overflow: hidden;}
.aio-m-left{width: 0;background-color: #1e2034;position: absolute;left: 0;top: 0;bottom: 0;z-index: 101;}
.aio-m-right{padding-left: var(--left-width);box-sizing: border-box;height: 100vh;position: relative;background-repeat: no-repeat;background-image:url(../images/music/right-bg.jpg);background-size: contain;background-attachment: fixed;background-color: #0f0818;}
/* .aio-music::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(26, 20, 51, .7);} */

.play-screen-title{max-width: 150px;position: relative;text-align: right;width: 76px;cursor: pointer;}
/* .play-screen-title span{text-align: left;width: 100%;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;color: #91929e;font-size: 16px;height: 100%;display: inline-block;} */
/* .play-screen-title span:hover{color: #fff;} */
.play-screen-title::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;background-image: url(../images/music/icon/screen-casting.png);background-repeat: no-repeat;background-size: cover;}
.play-screen-title.active::after{content: '';background-image: url(../images/music/icon/wave.gif);width: 20px;height: 20px;}
.play-screen-title.active{position: relative;/*background: linear-gradient(217.41deg, rgba(95, 27, 204, 1) 0%, rgba(160, 87, 255, 1) 45.82%, rgba(80, 9, 125, 0.73) 100%);*/}
.play-screen-title.active span{color: #fff;}
/* .play-screen-title span.active::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(217.41deg, rgba(95, 27, 204, 1) 0%, rgba(160, 87, 255, 1) 45.82%, rgba(80, 9, 125, 0.73) 100%);z-index: -1;} */
/* .play-screen-title span.active::after{background-image: url(../images/music/icon/currentSong.png);} */
.aio-ml-menu{margin-right: 12px;margin-right: 12px;width: 100%;max-width: 430px;overflow: hidden;overflow-x: auto;display: flex;justify-content: space-between;}

.aio-ml-menu::-webkit-scrollbar{width: 100%;height: 2px;cursor: pointer;}
.aio-ml-menu:hover::-webkit-scrollbar{height: 7px;cursor: pointer;}
.aio-ml-menu::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, .2);}
.aio-ml-menu::-webkit-scrollbar-thumb{background-color: #fff;}



.aio-ml-menu a{text-align: center;color: #91929e;cursor: pointer;line-height: var(--heap-height);padding: 0 12px;display: block;float: left;white-space: nowrap;}
.aio-ml-menu a:hover{color: #fff;}
.aio-ml-menu a span{background-repeat: no-repeat;background-size: 15px;background-position: left center;padding-left: 20px;line-height: var(--heap-height);display: inline-block;font-size: 16px;}
.aio-ml-menu a.active span{position: relative;z-index: 1;}
.aio-ml-menu a.active{position: relative;color: #fff;z-index: 1;}
.aio-ml-menu a.active::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(217.41deg, rgba(95, 27, 204, 1) 0%, rgba(160, 87, 255, 1) 45.82%, rgba(80, 9, 125, 0.73) 100%);z-index: 1;}
/* .aio-ml-menu a.active::after{content: '';position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: url(../images/music/starlight.png) no-repeat;background-size: 60px;z-index: 10;background-position: center;transform: rotateZ(45deg);} */
.aio-ml-menu a.recommend span{background-image: url(../images/music/icon/recommend.png);}
.aio-ml-menu a.recommend.active span{background-image: url(../images/music/icon/recommend-c.png);}
.aio-ml-menu a.popStar span{background-image: url(../images/music/icon/popStar.png);}
.aio-ml-menu a.popStar.active span{background-image: url(../images/music/icon/popStar-c.png);}
.aio-ml-menu a.classification span{background-image: url(../images/music/icon/classification.png);background-size: 13px;}
.aio-ml-menu a.classification.active span{background-image: url(../images/music/icon/classification-c.png);}
.aio-ml-menu a.songSheet span{background-image: url(../images/music/icon/songSheet.png);}
.aio-ml-menu a.songSheet.active span{background-image: url(../images/music/icon/songSheet-c.png);}
.aio-ml-menu a.self span{background-image: url(../images/music/icon/self.png);}
.aio-ml-menu a.self.active span{background-image: url(../images/music/icon/self-c.png);}
.aio-ml-menu a.selfSheet span{background-image: url(../images/music/icon/selfSheet.png);background-size: 13px;}
.aio-ml-menu a.selfSheet.active span{background-image: url(../images/music/icon/selfSheet-c.png);}
.aio-ml-menu a.selfCollect span{background-image: url(../images/music/icon/selfCollect.png);}
.aio-ml-menu a.selfCollect.active span{background-image: url(../images/music/icon/selfCollect-c.png);}

.aio-ml-menu a.system-settings span{background-image: url(../images/music/icon/systemSetting.png);}
.aio-ml-menu a.system-settings.active span{background-image: url(../images/music/icon/systemSetting-c.png);}

.aio-ml-menu a.singStar span{background-image: url(../images/music/icon/singStar.png);}
.aio-ml-menu a.singStar.active span{background-image: url(../images/music/icon/singStar-c.png);}

.aio-ml-menu a.concert span{background-image: url(../images/music/icon/concert.png);}
.aio-ml-menu a.concert.active span{background-image: url(../images/music/icon/concert-c.png);}


.aio-ml-menu a span{background-image: initial !important; padding-left: 0;}

.aio-public-head{background: rgba(45, 38, 72, 1);padding: 0;height: var(--heap-height);display: flex;}
.aio-public-head .go-back{width: 35px;height: 35px;background: url(../images/music/icon/go-back.png) no-repeat;background-size: cover;cursor: pointer;float: left;}

/* 下拉选项 */
/* .aio-public-head .select-type{margin-left: 15px;float: left;}
.aio-public-head .select-type select{background:transparent;color: #9495a1;height: 35px;border-radius: 5px;padding: 0 5px;cursor: pointer;} */
/*
    PC端
*/
.aio-public-head .search{/*margin-left: 15px;float: left;*/background: rgba(58, 51, 87, 1);border: 1px solid rgba(126, 121, 145, 1);padding: 2px 5px 2px 9px;border-radius: 30px;background-image: url(../images/music/icon/search.png);background-repeat: no-repeat;background-size: 20px;background-position: 150px center;width: 30%;max-width: 180px;position: relative;height: 36px;margin-top: 12px;}
/* .aio-public-head .search.focus-pc{background-image: initial !important;} */
.aio-public-head .search .input{width: 57%;}
.aio-public-head .search input[name="input"]{line-height: 30px;border: 0;width: 100%;padding: 0;background-color: transparent;color: #fff;}
.aio-public-head .search input[name="input"]::placeholder{font-size: 13px;}
.aio-public-head .search-abs{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);display: none;line-height: 0;}
.aio-public-head .search-abs a{display: inline-block;vertical-align: middle;background-size: 100% auto;background-repeat: no-repeat;cursor: pointer;}
.aio-public-head .search-abs a.reset{width: 20px;height: 20px;background-image: url(../images/music/icon/reset.png);}
.aio-public-head .search-abs a.sumbit{width: 45px;height: 25px;background: url(../images/music/icon/submit.png) no-repeat center center;margin-left: 2px;background-size: contain;}
.aio-public-head .right{float: right;}
.aio-public-head .right a{background-repeat: no-repeat;background-size: cover;width: 23px;height: 23px;display: inline-block;vertical-align: text-top;cursor: pointer;}
.aio-public-head .right a.close{background-image: url(../images/music/icon/logout.png);}

/* 
    H5端
*/
.aio-public-head .aio-search-h5{}
.aio-public-head .aio-search-h5 .icon-search{width: 30px;height: var(--heap-height);background: url(../images/music/icon/search-h5.png) no-repeat;background-size: 80%;background-position: center center;}
.aio-public-head .aio-search-h5 .form{position: absolute;left: 50%;top: 95%;width: 97%;border: 1px solid #9f85cc;transform: translateX(-50%);border-radius: 5px;z-index: 10;}


.aio-mr-puStyle{padding: 10px;height: calc(100% - var(--dClicked-height) - var(--heap-height));overflow: hidden;overflow-y: auto;min-height: calc(100% - var(--dClicked-height) - var(--heap-height));width: 100%;}
.aio-mr-puStyle::-webkit-scrollbar {width: 5px;height: 5px;background-color:transparent;}
.aio-mr-puStyle:hover::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(0,0,0,0.3);}

.aio-mr-content .content-list{padding-top: 40px;}
.public-ulist>ul.list{position: relative;padding: 20px 0;}
.public-ulist>ul.list:not(:last-of-type){border-bottom: 1px solid rgba(255, 255, 255, .05)}
.public-ulist>ul.list>li{float: left;width: var(--li-width);height: var(--li-height);margin-bottom: 10px;margin-right: 10px;cursor: pointer;box-sizing: border-box;border-width: 1px;border-style: solid;border-color: transparent;position: relative;border-radius: 10px;overflow: hidden;}
.public-ulist>ul.list>li:hover{border-color:rgba(123, 103, 249, 1);}

.public-ulist >ul.list>li:not(.first){background: rgba(56, 46, 84, 1) ;padding: 5px;}
.public-ulist >ul.list>li:not(.first)::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 90%;opacity: .6;background: linear-gradient(90deg, rgba(60, 39, 169, 1) 0%, rgba(96, 133, 235, 0.83) 100%);filter: blur(50px);}
.public-ulist >ul.list>li.first img{width: 100%;object-fit: cover;/*position: absolute;top: -50%;*/}
.public-ulist >ul.list>li.active{position: relative;}
/* .public-ulist >ul.list>li.active::before{content: '';position: absolute;top: -1px;left: -1px;width: 20px;height: 20px;background: url(../images/music/icon/sign.png) no-repeat;background-size: 100% 100%;} */
/* .public-ulist >ul.list>li.active .more-playQueue[data-action="playQueue"]{opacity: 1;background-image: url(../images/music/icon/icon-selected-h.png);} */
.public-ulist >ul.list>li.action .more-playQueue[data-action="playQueue"]{opacity: 1;background-image: url(../images/music/icon/icon-selected-h.png);}
.public-ulist >ul.list .number{color: rgba(255, 255, 255, .5);font-size: 14px;display: inline-block;vertical-align: top;width: 23px;}
.public-ulist >ul.list .info{display: inline-block;color: #fff;width: 85%;}
.public-ulist >ul.list .title{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.public-ulist >ul.list .name{font-size: 14px;color: rgba(255, 255, 255, .5);display: flex;align-items: center;}
.public-ulist >ul.list .name.hasType{padding-left: 15px;}
.public-ulist >ul.list .name em{display: inline-block;background: rgba(184, 180, 177, .5);width: .5px;height: 10px;margin: 0 4px;}
.public-ulist >ul.list .name span{max-width: 57%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 10;}
/* .public-ulist >ul.list .operate{height: 27px;} */
.public-ulist >ul.list .operate{height: 37px;margin-top: 5px;}
.public-ulist >ul.list .status{font-size: 10px;border-radius: 2px;text-align: center;border-width: 0;border-style: solid;padding: 0 0;border-color: transparent;position: absolute;top: 38px;;left: 8px;line-height: 15px;background: #000;}
.public-ulist >ul.list .status[data-type="情节"]{color: #0fbf93;padding: 0 3px;}
.public-ulist >ul.list .status[data-type="Live"]{color: #d39b04;padding: 0 3px;}
.public-ulist >ul.list .status[data-type="人物"]{color: #388cf9;padding: 0 3px;}
.public-ulist >ul.list .status[data-type="Movie"],
.public-ulist >ul.list .status[data-type="流行"]{color: #db3e3e;padding: 0 3px;}
.public-ulist >ul.list .status[data-type="Flash"],
.public-ulist >ul.list .status[data-type="风景"]{color: #a629bf;padding: 0 3px;}
.public-ulist >ul.list>li.first{/*position: absolute;top: 20px;left: 0;width: var(--li-width);margin-right: 0;height: calc(50% - 20px);*/overflow: hidden;overflow: hidden;height: 40px;position: absolute;z-index: 2;top: -25px;}

/* .aio-mr-content .public-ulist >ul.list>li:nth-child(2){margin-left: var(--li-height);} */
/* .public-ulist .operate .rl{float: right;} */
.public-ulist .operate .rl{width: 100%;display: flex;justify-content: space-between;position: absolute;bottom: 0;left: 0;padding: 0 7px;z-index: 1;}
.public-ulist .operate .more{text-align: right;position: relative;opacity: 0;display: inline-block;}
.public-ulist .operate .more span{color: #9697aa;font-size: 15px;display: inline-block;transform: translateY(-3px);font-weight: bold;}

/* .public-ulist .operate .rl .more{width: 15px;height: 15px;font-size: 0;background-size: cover;background-repeat: no-repeat;margin-left: 5px;} */
.public-ulist .operate .rl .more,
.public-ulist .operate .likes{/*width: 15px;height: 15px;*/font-size: 0;background-size: 18px;background-repeat: no-repeat;background-position-x: center;position: relative;color:#fff;padding-top: 15px;width: 40px;}
.public-ulist .operate .more-playNow{background-image: url(../images/music/icon/icon-play.png);}
.public-ulist .operate .more-playQueue{background-image: url(../images/music/icon/icon-selected.png);}
.public-ulist .operate .more-addPlayList{background-image: url(../images/music/icon/icon-songSheet.png);}

.public-ulist .operate .rl .more:hover{color: #ff8b33;font-size: 10px;}
.public-ulist .operate .more-playNow:hover{background-image: url(../images/music/icon/icon-play-h.png);}
.public-ulist .operate .more-playQueue:hover{background-image: url(../images/music/icon/icon-selected-h.png);}
.public-ulist .operate .more-addPlayList:hover{background-image: url(../images/music/icon/icon-songSheet-h.png);}
.public-ulist >ul.list>li[data-issheet="1"] .operate .more-addPlayList{opacity: 1;background-image: url(../images/music/icon/icon-songSheet-h.png);}

/* .public-ulist .operate .likes{width: 15px;height: 15px;display: inline-block;background-image: url(../images/music/icon/likes.png);background-repeat: no-repeat;background-size: 100% 100%;margin-left: 5px;opacity: 0;display: inline-block;vertical-align: middle;} */
.public-ulist .operate .likes{opacity: 0;display: inline-block;vertical-align: middle;background-image: url(../images/music/icon/likes.png);}
.public-ulist .operate .likes.active{background-image: url(../images/music/icon/likes-c.png);opacity: 1;}
.public-ulist >ul.list>li:hover .more,
.public-ulist >ul.list>li:hover .likes{opacity: 1;display: inline-block;font-size: 10px;}
.public-ulist .operate ul{position: absolute;top: 100%;left: 0%;transform: translateX(-25%);background-image: linear-gradient(90deg, rgba(43, 46, 70, 1), rgba(43, 46, 71, .7));border-radius: 5px;width: 150px;z-index: 10;box-shadow: 0 0 5px 0px rgba(0, 0, 0, .5);display: none;}
.public-ulist .operate ul.active{display: block;}
.public-ulist .operate ul::before{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 10px 14px 10px;border-color: transparent transparent #2a2d45 transparent;position: absolute;top: -13px;left: 30%;transform: translateX(-50%);}
.public-ulist .operate li{padding: 10px 0;position: relative;}
.public-ulist .operate li:not(:last-of-type)::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 90%;height: 1px;background-color: #9697aa;}
.public-ulist .operate li a{display: block;text-align: left;font-size: 12px;line-height: 35px;padding: 0 10px;color: #8d96a2;}
.public-ulist .operate li a:hover,
.public-ulist .operate ul .singer em:hover{background-color: #33364e;}
.public-ulist .operate li a.arrow{background-image: url(../images/music/icon/arrow.png);background-repeat: no-repeat;background-size: 18px;background-position: right center;}
.public-ulist .operate ul.rls{right: 0;left: auto;transform: translateX(25%);}
.public-ulist .operate ul.rls::before{left: auto;right: 17%}
.public-ulist .operate ul.bts{top: auto;bottom: 100%;margin-bottom: 5px;}
.public-ulist .operate ul.bts::before{top: auto;bottom: -13px;transform: translateX(-50%) rotateX(180deg);}
.public-ulist .operate ul .singer{position: absolute;left: 100%;bottom: 0;width: 150px;background-image: linear-gradient(90deg, rgba(43, 46, 70, 1), rgba(43, 46, 71, .7));border-radius: 5px;padding: 8px 0;display: none;}
.public-ulist .operate ul .singer em{padding: 3px 10px;line-height: 30px;display: block;font-weight: initial;font-size: 12px;color: #c6c5ce;}
.public-ulist .operate li a.arrow:hover .singer{display: block;}
.public-ulist .operate ul.rls .singer{right: 100%;left: auto;}

/* .aio-mr-play{height: 70px;box-sizing: border-box;background-color: #352f4e;position: relative;z-index: 10;} */
.aio-mr-play{height: 70px;box-sizing: border-box;background-color: #352f4e;z-index: 1001;position: absolute;left: 0;bottom: 0;width: 100%;}
.aio-mr-play .mr-play-box{height: 100%;}
.video-box{height: 100%;position: relative;z-index: 1002;}
.video-part{height: 100%;overflow: hidden;display: flex;flex: 1;color: #fff;max-width: 200px;}
/* .videos{position: absolute;width: 7vw;height: calc(100% - 20px);cursor: pointer;float: left;z-index: 1002;display: flex;align-items: center;left: 10px;top: 50%;overflow: hidden;transform: translateY(-50%);background: #000;border-radius: 5px;} */
.video-hover .hoverClass{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);z-index: 99999;background-image: url(../images/music/icon/enlarge.png);background-repeat: no-repeat;background-position: center center;background-size: 40%;display: none;}
.videos video{width: 100%;height: 100%;}
.video-hover{position: absolute;left: -110px;top: 50%;transform: translateY(-50%);width: 100px;height: 60px;z-index: 10;cursor: pointer;}
#videoHide{width:0;height:0}
.fsActive-video video{object-fit: fill;}
.video-part .info{flex: 2;display: flex;flex-direction: column;}
.video-part .info .title{font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;max-width: 200px;}
.video-part .info .name{color: rgba(255, 255, 255, .5);display: block;}

.control-part{position: relative;height: 100%;display: flex;justify-content: space-between;align-items: center;padding: 10px 10px;box-sizing: border-box;padding-left: 10px;}
.progress{height: 2px;background-color: #65636d;position: absolute;top: 0;left: 0;width: 100%;cursor: pointer;}
.time-bar{position: absolute;top: 0;left: 0;height: 2px;background:linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%);;width: 0;text-align: right;color: #000;z-index: 111;display: none;}
.time-bar::before{content: "";position: absolute;top: 50%;right: -30px;transform: translateY(-50%);width: 55px;height: 25px;border-radius: 15px;background-color: #fff;}
.time-bar::after{content: attr(data-time);position: absolute;top: 50%;right: -30px;transform: translateY(-50%);height: 30px;line-height: 30px;color: #000;width: 55px;text-align: center;}

.control-part .switch{display: flex;align-items: center;flex: 1;margin-left: 15px;}
.control-part .switch .prev{width: 28px;height: 28px;background-image:url(../images/music/icon/prev.png);background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: inline-block;}
.control-part .switch .next{transform: rotate(180deg);}
.control-part .play{width: 56px;height: 56px;background-image: url(../images/music/icon/play.png);background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: inline-block;margin: 0 20px;}
.control-part .play.pause,
.control-part .play.paused{background-image: url(../images/music/icon/pause.png);}
.control-part .play:hover{background-image: url(../images/music/icon/play-h.png);}
.control-part .play.pause:hover,
.control-part .play.paused:hover{background-image: url(../images/music/icon/pause-h.png);}
.control-part .switch .prev:hover{background-image:url(../images/music/icon/prev-h.png);}

.control-part .h5-menu-taggle{background: url(../images/music/icon/h5MuenTaggle.png) no-repeat;background-size: 100% 100%;width: 30px;height: 30px;}
.control-part .volume{flex: 1;max-width: 190px;display: flex;align-items: center;position: relative;margin-left: 50px;}
.control-part .volume .icon{width: 25px;height: 25px;background-image: url(../images/music/icon/sound.png);background-size: contain;cursor: pointer;background-repeat: no-repeat;background-position-y: center;display: none;}
.control-part .volume .icon.mute{background-image: url(../images/music/icon/mute.png);}
.control-part .volume .sound-box{overflow: hidden;width: 160px;height: 7px;border-radius: 5px;background-color: #3e3c48;margin-left: 10px;margin-right:30px;cursor: pointer;position: relative;}
.control-part .volume::after{content: attr(data-sound);position: absolute;top: 50%;right: -5px;transform: translateY(-50%);color: #fff;}
.control-part .volume .sound-bar{width: 0;height: 7px;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(179, 179, 179, 1);position: relative;}
.control-part .controls-f{flex: 2;display: flex;align-items: center;margin-left: 0;justify-content: center;}
.control-part .controls-f a{background-size: 28px;background-repeat: no-repeat;padding-top: 30px;cursor: pointer;color: rgba(255,255,255,.8);margin-left: 8%;position: relative;}
.control-part .controls-f a:hover{color: #B278FF;}
.control-part .controls-f a.repeatPart{background-image: url(../images/music/icon/repeatPart.png);}
.control-part .controls-f a.repeatPart:hover{background-image: url(../images/music/icon/repeatPart-h.png);}

.control-part .volume-control{color: #fff;white-space: nowrap;position: absolute;top: 50%;left: -25px;transform: translateY(-50%);cursor: pointer;font-size: 0;background-repeat: no-repeat;background-size: contain;width: 25px;height: 25px;background-position-y: center;}
.control-part .volume-control:last-child{right: -40px;left: auto;}
.control-part .volume-control[data-type="add"]{background-image: url(../images/music/icon/v-add.png);}
.control-part .volume-control[data-type="add"]:hover{background-image: url(../images/music/icon/v-add-h.png);}
.control-part .volume-control[data-type="reduce"]{background-image: url(../images/music/icon/v-reduce.png);}
.control-part .volume-control[data-type="reduce"]:hover{background-image: url(../images/music/icon/v-reduce-h.png);}

.control-part .controls-f a.collect{background-image: url(../images/music/icon/collect.png);}
.control-part .controls-f a.collect:hover{background-image: url(../images/music/icon/collect-h.png);}
.control-part .controls-f a.collect.active{background-image: url(../images/music/icon/collect-c.png);}
.control-part .timeBar-bg{position: absolute;left: 0px;top: 0px;height: 100%;background-image: linear-gradient(to right, rgba(62, 33, 37, .2), rgba(62, 33, 37, .7));z-index: -1;display: none;}

/* 顺序 */
.control-part .controls-f a.order{background-image: url(../images/music/icon/order.png);}
.control-part .controls-f a.order:hover{background-image: url(../images/music/icon/order-h.png);}
/* 随机 */
.control-part .controls-f a.random{background-image: url(../images/music/icon/random.png);}
.control-part .controls-f a.random:hover{background-image: url(../images/music/icon/random-h.png);}
/* 单曲 */
.control-part .controls-f a.circulate{background-image: url(../images/music/icon/circulate.png);}
.control-part .controls-f a.circulate:hover{background-image: url(../images/music/icon/circulate-h.png);}
/* 已点 */
.control-part .controls-f a.selectedItem{background-image: url(../images/music/icon/selectedItem.png);}
.control-part .controls-f a.selectedItem:hover{background-image: url(../images/music/icon/selectedItem-h.png);}
.control-part .controls-f a.selectedItem::before{content: attr(data-number);position: absolute;top: -10px;right: -15px;border-radius: 100%;color: #fff;background-color: #ff4b4b;text-align: center;font-size: 14px;padding: 0 7px;max-width: 20px;min-width: 12px;}
/* 画中画 */
.control-part .controls-f a.pictureIn{background-image: url(../images/music/icon/entry.png);background-position-x: center}
.control-part .controls-f a.pictureIn:hover{background-image: url(../images/music/icon/entry-h.png);}
.control-part .controls-f a.out{background-image: url(../images/music/icon/out.png);background-position-x: center}
.control-part .controls-f a.out:hover{background-image: url(../images/music/icon/out-h.png);}

.control-part .controls-f .controls-f_option{position: absolute;bottom: 100%;left: 50%;width: 200%;transform: translateX(-50%);background-color: rgba(57, 46, 86, .8);text-align: center;border-radius: 5px;display: none;}
.control-part .controls-f .pictureIn:hover .controls-f_option{display: block;}
.control-part .controls-f .controls-f_option span{display: block;color: #fff;line-height: 50px;}
.control-part .controls-f .controls-f_option span:hover{background-color: #7b67f9;}

.aio-mr-play .video-parts{width: 120px;height: 70px;float: left;overflow: hidden;padding: 5px 10px;position: relative;}
.aio-mr-play .video-right-control{display: none;}
.aio-mr-play .video-parts video{object-fit: fill;background-color: #000;}

/* switch */
.chorus-tab{display: flex;align-items: center;color: #b3b2b7;font-size: 16px;}
.bs_switch:checked{background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);}
.bs_switch{-webkit-appearance: none;-moz-appearance: none;appearance: none;text-align: center;position: relative;width: 60px;height: 25px;outline: 0;border-radius: 16px;box-sizing: border-box;background: linear-gradient(138.85deg, rgb(199 199 199) 0%, rgb(102 102 102) 100%), rgba(204, 204, 204, 1);cursor: pointer;margin-right: 10px;}
.bs_switch:active, .bs_switch:visited {outline: none}
.bs_switch:before {content: '';position: absolute;top: 0;left: 0;padding-left: 24px;border-radius: 15px;background-color: #CCCCCC;color: #fff;}
.bs_switch:after {content: " ";position: absolute;top: 3px;left: 4px;width: 20px;height: 20px;border-radius: 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);transition: transform .3s;transform: translateX(34px);}
.bs_switch:checked:after {transform: translateX(0);}
.bs_switch:checked:before {content: '';padding-left: 0px;background-color: transparent;color: #fff;width: 31px;}

/* 操作后： */
.duration{position: absolute;right: 5px;top: 0px;font-size: 14px;color: #fff;}

/* 弹窗：已点的歌曲 */
/* .dialog-clicked{position: fixed;right: 0;bottom: 10vh;height: calc(90vh - 55px);background: rgba(42, 45, 69, .95);width: 420px;border: 1px solid #3d3e4d;border-radius: 5px;display: none;z-index: 1;} */
.dialog-clicked{position: fixed;left: 0;bottom: 0;top:0;height: 100%;background: rgba(61, 52, 97, .3);width: var(--left-width);border: 1px solid #3d3e4d;/*border-radius: 5px;*/display: none;z-index: 1001;}
.dialog-clicked.active{display: block;}
/* .dialog-clicked::before{content: '';position: absolute;top: 100%;left: 65%;width: 0;height: 0;border: 10px solid transparent;border-top-color: #2a2d43;z-index: 11;} */
.dialog-clicked .switch{text-align: center;/*margin-top: 0 auto;background: #635c80;border-radius: 30px;margin-top: 10px;/*overflow: hidden;display: flex;justify-content: space-between;*/position: relative;padding: 0 5px;max-height: 70px;overflow: hidden;overflow-y: auto;}

.dialog-clicked .switch span{text-align: center;line-height: 30px;float: left;color: rgba(255,255,255,.5);cursor: pointer;font-size: 14px;/*flex: 1;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 30px;padding: 0 10px;min-width: 75px;margin-top: 5px;margin-right: 5px;background: #635c80;}
.dialog-clicked .switch span.active{background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);color: #fff;}
.dialog-clicked .tab{display: none;height: 100%;}
.dialog-clicked .tab.active{display: block;}

.dialog-clicked .tab[data-key="本地"] .name{flex: 2;}
.dialog-clicked .tab[data-key="本地"] .control_1{display: none;}

/* .dialog-clicked .switch .switch-common_more{position: absolute;top: 100%;right: 0;width: 50%;background: #635c80;z-index: 10;border-radius: 3px;display: none;}
.dialog-clicked .switch .switch-common_more a{display: block;color: rgba(255,255,255,.5);padding: 0 10px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-size: 13px;}
.dialog-clicked .switch .switch-common_more a:hover{background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);color: #fff;}
.dialog-clicked .switch span.switch-common:hover .switch-common_more{display: block !important;} */

.dialog-clicked .dialog-close{position: absolute;top: 4%;right: 5%;width: 20px;height: 20px;background: url(../images/music/icon/close.png) no-repeat;background-size: cover;display: block;cursor: pointer;}
.deposit-playlist{display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;border-bottom: 1px solid #3d3e4d;position: relative;}
/* .deposit-playlist .save-list{border: 1px solid #a7a8b2;border-radius: 30px;padding: 5px 15px 5px 35px;color: #a7a8b2;cursor: pointer;background-image: url(../images/music/icon/icon-play.png);background-repeat: no-repeat;background-size: 22px;background-position-x: 10px;background-position-y:center;opacity: .4;cursor: auto;} */
.deposit-playlist .save-list,
.deposit-playlist a{color: #a7a8b2;cursor: pointer;background-image: url(../images/music/icon/icon-play.png);background-repeat: no-repeat;background-size: contain;background-position-y:center;opacity: 1;cursor: pointer;width: 30px;height: 30px;position: relative;}
.deposit-playlist a::after{content: attr(title);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);color: #8d87a1;font-size: 14px;white-space: nowrap;margin-left: 5px;}
.dialog-clicked .upload-local{position: absolute !important;left: 40px;top: 50%;transform: translateY(-50%);display: none !important;}

.deposit-playlist .save-list.hasData{opacity: 1;}
.deposit-playlist .save-list.hasData:hover,
.deposit-playlist .playing-video:hover{background-image: url(../images/music/icon/icon-play-h.png);color: #fff;opacity: 1;cursor: pointer;}
/* .deposit-playlist .playing-video:hover::after{color: #b278ff;} */
.deposit-playlist a:hover::after{color: #b278ff;}
.deposit-playlist .icon-delete{width: 20px;height: 20px;background: url(../images/music/icon/delete.png) no-repeat;background-size: 100% 100%;display: block;cursor: pointer;}
.deposit-playlist .dt-btn{display: none;}
.deposit-playlist .dt-btn em{color: #c0c0c6;cursor: pointer;line-height: 30px;}
.deposit-playlist .dt-btn em:hover{color: #b278ff;}
.deposit-playlist .dt-btn em:last-child{padding-left: 20px;position: relative;}
.deposit-playlist .dt-btn em:last-child::before{content: '';position: absolute;left: 8px;top: 0;height: 100%;width:1px;background-color: rgba(255,255,255,.8);}

.deposit-playlist .upload-local {color: #a7a8b2;cursor: pointer;background-image: url(../images/music/icon/upload-local.png);background-repeat: no-repeat;background-size: 17px;background-position-y: center;opacity: 1;cursor: pointer;width: 21px;height: 21px;position: relative;display: inline-block;margin-left: 80px;}
.deposit-playlist .upload-local:hover{background-image: url(../images/music/icon/upload-local-h.png);color: #fff;opacity: 1;cursor: pointer;}
.deposit-playlist .upload-local::after{margin-left: 0;}

/* .div-toggle{position: absolute;top: 50%;left: 100%;transform: translateY(-50%);width: 25px;height: 80px;background: rgba(42, 45, 69, .7);z-index: 1001;border-top-right-radius: 10px;border-bottom-right-radius: 10px;cursor: pointer;display: none;} */
.div-toggle{position: absolute;top: 40%;left: 100%;transform: translateY(-50%);width: 30px;height: 80px;background: rgba(42, 45, 69, .7);z-index: 1001;border-top-right-radius: 10px;border-bottom-right-radius: 10px;cursor: pointer;display: none;}
.div-toggle::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(180deg);width: 20px;height: 20px;background-image: url(../images/music/icon/arrow.png);background-repeat: no-repeat;background-size: cover;}
.dialog-clicked.isToggle .div-toggle::after{transform: translate(-50%, -50%);}
.dialog-clicked.isToggle{width: 0;}
.dialog-clicked.isToggle .tabClicked,
.dialog-clicked.isToggle .tabSung{width: 0;overflow: hidden;}
.dialog-clicked.isToggle .switch{width: 0;overflow: hidden;padding: 0 0;}

.set-fontSize{position: absolute;top: 55%;left: 100%;transform: translateY(-50%);width: 30px;height: 100px;background: rgba(42, 45, 69, .7);z-index: 1001;border-top-right-radius: 10px;border-bottom-right-radius: 10px;cursor: pointer;display: block;font-size: 0;overflow: hidden;display: none;}
.set-fontSize span{width: 100%;height: 50%;display: block;background-repeat: no-repeat;background-size: 80%;background-position: center;}
.set-fontSize span[data-type="amplify"]{background-image: url(../images/music/icon/fs-amplify.png);}
.set-fontSize span[data-type="amplify"]:hover{background-image: url(../images/music/icon/fs-amplify-h.png);background-color: #fff;}
.set-fontSize span[data-type="reduce"]{background-image: url(../images/music/icon/fs-reduce.png);}
.set-fontSize span[data-type="reduce"]:hover{background-image: url(../images/music/icon/fs-reduce-h.png);background-color: #fff;}
.fsActive-mr-play .set-fontSize{display: block;}

.roll-toggle{position: absolute;top: 50%;left: 100%;transform: translateY(-50%);width: 25px;height: 80px;background: rgba(42, 45, 69, .7);z-index: 1001;border-top-right-radius: 10px;border-bottom-right-radius: 10px;cursor: pointer;}
.roll-toggle::after{content: attr(data-type);position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #bbbbbb;font-size: 14px;text-align: center;}

/* 已点 */
.tabItemBox .list{height: calc(100% - 50px);overflow: hidden;overflow-y: auto;}
.tabItemBox .list::-webkit-scrollbar,
.aio-mr-search::-webkit-scrollbar,
.dialog-clicked .switch::-webkit-scrollbar{width: 2px;height: 2px;}

.dialog-clicked .switch:hover::-webkit-scrollbar{width: 8px;}

.tabItemBox .list::-webkit-scrollbar-track,
.aio-mr-search::-webkit-scrollbar-track,
.dialog-clicked .switch::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, .2);}
.tabItemBox .list::-webkit-scrollbar-thumb,
.aio-mr-search::-webkit-scrollbar-thumb,
.dialog-clicked .switch::-webkit-scrollbar-thumb{background-color: #fff;}
/* .dialog-clicked .popup-close{position: absolute;top: 10px;right: 5px;width: 20px;height: 20px;background: url(../images/music/icon/icon-close.png) no-repeat;background-size: cover;} */
.dialog-clicked .popup-close{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);display: none;}
.tabItemBox .list li{border-bottom: 1px solid #30354d;display: flex;align-items: center;justify-content: space-between;padding: 8px;cursor: pointer;font-size: 14px;color: #fff;position: relative;/*backdrop-filter: blur(80px);*/}
.tabItemBox .list li:nth-child(odd) {background: rgba(56, 46, 84, .3);}
.tabItemBox .list li.no-data{border-bottom: 0;text-align:center;color:#93929e;justify-content: center;}
.tabItemBox .list .number{font-weight: bold;color: #7c7f8f;width: 25px;text-align: right;}
.tabItemBox .list li.active .number{font-size: 0;position: relative;}
.tabItemBox .list li.active .number::after{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 15px;background: url(../images/music/icon/wave.gif) no-repeat;background-size: 100% 100%;}
.tabItemBox .list .flex1{flex: 1;}
.tabItemBox .list .title{position: relative;flex: 3;max-width: 70%;margin-left: 3px;font-size: 15px;}
.tabItemBox .list .name{font-size: 12px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tabItemBox .list .title span{position: relative;}
.fsActive-mr-play .tabItemBox .list .title{font-weight: bold;-webkit-text-stroke: 1px black;line-height: 30px;}
.fsActive-mr-play .tabItemBox .list .title span::after{display: none;}

.tabItemBox .list .control_2{text-align: right;opacity: .4;}
.tabSung .list .control_2{max-width: 55px;font-size: 12px;}
.tabItemBox .control_1{display: flex;align-items: center;height: 22px;justify-content: center;}
.tabItemBox .control_1 span{background-repeat: no-repeat;background-size: 90%;width: 20px;height:20px;line-height: 13px;}
.tabItemBox .control_1 .likes{background-image: url(../images/music/icon/likes.png);display: none;font-size: 0;width: auto;height: auto;background-size: 18px;background-position: center top;padding-top: 20px;color: #fff;width: 50px;text-align: center;}
.tabItemBox .control_1 .likes.active{background-image: url(../images/music/icon/likes-c.png);display: block;}
.tabItemBox .control_1 .topUp{background-image: url(../images/music/icon/topUp.png);margin-left: 20px;display: none;}
.tabItemBox .control_2 .delete{width: 22px;height: 22px;background: url(../images/music/icon/delete-2.png) no-repeat;background-size: 90%;display: inline-block;vertical-align: bottom;display: none;margin-right: 12%;}
.tabItemBox .list li:first-child .control_1 .topUp{display: none;}
.tabItemBox .list li:hover{background-color: rgba(255, 255, 255, .1);}
.tabItemBox .list li:hover::before{content: "";position: absolute;left: 0;top:0;width: 3px;height: 100%;background-color: #c03efe;}
.tabItemBox .list li:hover .likes,
.tabItemBox .list li:hover .topUp{display: block;font-size: 11px;}
.tabItemBox .list li:hover .control_2 .delete{display: inline-block;}
.tabItemBox .list li:hover .control_2 .time{display: none;}
.fsActive-mr-play .tabItemBox .control_1,
.fsActive-mr-play .tabItemBox .list .control_2,
.fsActive-mr-play .tabItemBox .list .name{display: none;}
.fsActive-mr-play .tabItemBox .list .title{max-width: 100%;}
.fsActive-mr-play .tabItemBox .list .number{font-size: 16px;color: #fff;}

/* .tabCommonUse ul.list{padding-top: 15px;} */
.tabCommonUse ul.list li.no-data{background: transparent;backdrop-filter:initial;}
/* .tabCommonUse .deposit-playlist{justify-content: right;} */
.tabCommonUse .deposit-playlist .delete{height: 25px;}

/* .tabItemBox .list li:hover .title span::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;box-shadow: 0 0 30px 30px rgba(250, 124, 66, .4);z-index: 0;border-radius: 100%;} */
.tabItemBox .list .title span::after{content: attr(data-type);position: absolute;bottom: 0;left: 100%;font-size: 10px;border-radius: 2px;text-align: center;border-width: 1px;border-style: solid;border-color: transparent;line-height: 15px;margin-left: 3px;white-space: nowrap;background: rgba(0, 0, 0, .5);}
.tabItemBox .list .title span[data-type="情节"]::after{color: #0fbf93;padding: 0 3px;}
.tabItemBox .list .title span[data-type="Live"]::after{color: #d39b04;padding: 0 3px;}
.tabItemBox .list .title span[data-type="人物"]::after{color: #388cf9;padding: 0 3px;}
.tabItemBox .list .title span[data-type="Movie"]::after,
.tabItemBox .list .title span[data-type="流行"]::after{color: #db3e3e;padding: 0 3px;}
.tabItemBox .list .title span[data-type="Flash"]::after,
.tabItemBox .list .title span[data-type="风景"]::after{color: #a629bf;padding: 0 3px;}

.tabItemBox.roll-ul{overflow: hidden;}
.tabItemBox.roll-ul .list{overflow-y: hidden;}


/* 已唱 */
.tabSung .deposit-playlist{justify-content: right;}
.tabSungStyle .time{display: block !important;line-height: 15px;}
.tabSungStyle .control_1 span{display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat;background-size: 100% auto;position: relative;}
.tabSungStyle .control_1 span.joined{background-image: url(../images/music/icon/not-joined.png);}
.tabSungStyle .control_1 span.as-times{background-image: url(../images/music/icon/as-times.png);display: none;}
.tabSungStyle .control_1 span.as-times::before{content: attr(data-times);position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%);font-size: 14px;color: #b278ff;}
.tabSungStyle li:hover .control_1 span.as-times{background-image: url(../images/music/icon/as-times-n.png);}
.tabSungStyle li:hover .control_1 span.as-times::before{color: #8c8e9c;display: none;}
.tabSungStyle .control_1 span.onPlay{background-image: url(../images/music/icon/onPlay_03.png);margin-left: 10px;}
.tabSungStyle .again-box{display: none;}
.tabSungStyle .again-box a{color: #bcbdc4;font-size: 12px;line-height: 28px;}
.tabSungStyle .again-box a.calce{margin-left: 10px;color: #7e7f8d;position: relative;}
.tabSungStyle .again-box a.calce::before{content: '';position: absolute;top: 0;left: -7px;width: 1px;height: 100%;background-color: #5b5e71;}
.tabSungStyle .again-box a:hover{color: #e88137}

/* 选择歌单 */
.app-dialog-window{position:fixed;display:none;top: 0;right: 0;bottom: 0;left: 0;z-index: 10003;text-align: center;max-height: 100vh;}
.app-dialog-window.active,
.app-dialog-window[data-ai-vis="1"]{display:block;}
.app-dialog-window:before{content:'';position:fixed;position: absolute;z-index: -1;top:0;left:0;width:100%;height:100%;background-color: rgb(0 0 0 / 50%);}
.app-dialog {min-height: 200px;background-color: #fff;border-radius: 20px;overflow: hidden;position: fixed;bottom: 50%;left: 50%;max-width: 550px;width: 94%;-webkit-transform: translate(-50%,50%);transform: translate(-50%,50%);z-index: 2001;box-shadow: 0 0 0 3px rgb(0 0 0 / 15%);}
.app-dialog .c-content {padding: 30px;color: #fff;font-size: 16px;line-height: 35px;text-align: center;}
.app-dialog .c-content .aio-strong {color: red;font-size: 130%}
.app-dialog .c-footer-button {display: flex;font-size: 16px}
.app-dialog .c-footer-button .aio-bt {flex: 1;text-align: center;border-radius: 0;line-height: 50px;display: block;padding: 0 15px}
.app-dialog.auto-size {min-height: 0;max-width: 96%}

/* 选择歌单、新建歌单 */
.ceate-sheet-public .app-dialog{background-color: #24263c;border-radius: 5px;}
.ceate-sheet-public .c-content{padding: 0;}
.ceate-sheet-public .top{padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;background-color: #2a2d45;}
.ceate-sheet-public .top a.close{cursor: pointer;width: 15px;height: 15px;background: url(../images/music/icon/close.png) no-repeat;background-size: 100% 100%;}

.choose-create-sheet .list{text-align: left;padding: 10px 0;max-height: 500px;overflow: hidden;overflow-y: auto;}

.choose-create-sheet .list::-webkit-scrollbar{width: 2px;height: 2px;}
.choose-create-sheet .list::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, .2);}
.choose-create-sheet .list::-webkit-scrollbar-thumb{background-color: #fff;}

.choose-create-sheet .list li{padding: 10px 20px;cursor: pointer;}
.choose-create-sheet .list li:hover{background-color: rgba(255, 255, 255, .1);}
.choose-create-sheet .list li.create a{color: #ff912d;position: relative;padding-left: 60px;line-height: 50px;}
.choose-create-sheet .list li.create a::before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 50px;height: 50px;background: url(../images/music/create.png) no-repeat;background-size: 100% 100%;}

.choose-create-sheet .list li:not(.create){display: flex;align-items: center;justify-content: space-between;}
.choose-create-sheet .list .cover{width: 50px;height: 50px;border-radius: 5px;background-repeat: no-repeat;background-size: cover;}
.choose-create-sheet .list .info{padding: 0 10px;flex: 2;}
.choose-create-sheet .list .info span{display:block;line-height: 25px;}
.choose-create-sheet .list .info span.number{font-size: 14px}

.choose-create-sheet .list .btn a{border: 1px solid #fff;border-radius: 5px;cursor: pointer;color: #fff;width: 60px;text-align: center;line-height: 30px;display: inline-block;font-size: 14px;}
.choose-create-sheet .list .btn a.cancel-join,
.choose-create-sheet .list .btn.active a.join{display: none;}
.choose-create-sheet .list .btn.active a.cancel-join{display: inline-block;background: #787878;border-color: #787878;}

.dialog-create-sheet .footer{background-color: #2a2d45;text-align: right;padding: 10px 20px;}
.dialog-create-sheet .footer a{border: 1px solid #ff8042;border-radius: 30px;padding: 8px 20px;color: #ef892e;cursor: pointer;font-size: 14px;}
.dialog-create-sheet .footer a.save{background-image: linear-gradient(to right, #ff6e57, #ffb604);color: #333;padding: 8px 30px;margin-left: 15px;}
.dialog-create-sheet .content{padding: 30px 0;}
.dialog-create-sheet .content .form{width: 90%;border: 1px solid #828691;margin: 0 auto;border-radius: 5px;}
.dialog-create-sheet .form input{width: 85%;height: 40px;line-height: 40px;background-color: transparent;border: 0;color: #fff;font-size: 16px;}
.dialog-create-sheet .form.noVal{border: 1px solid red;}
.dialog-create-sheet .form.noVal input::input-placeholder{color:red;}
.dialog-create-sheet .form.noVal input::-webkit-input-placeholder{color:red;}
.dialog-create-sheet .form .num{color: #828691}
.payLoading{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;display: none;}
.payLoading.active,
.dialog-import-load.action .payLoading{display: block}
.payLoading::after{content: '';width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(200, 200, 200, 0.5);border-top: 2px solid transparent;animation: rotate-loading 1s linear infinite;display: flex;}

.dialog-import-loa{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .5);}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        /* 顺时针旋转360度 */
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        /* 顺时针旋转360度 */
        transform: rotate(360deg);
    }
}
/* 全屏样式 */
.fsActive{position: fixed;bottom: 0;left: 0;width: 100%;height: 70px;background: #1a1433;opacity: 0;transition: opacity .3s ease;}
.fsActive:hover{opacity: 1;}
.fsActive .progress{z-index: 2}
.fsActive .item{position: relative;z-index: 101;}
.fsActive .hoverClass,
.fsActive .control-part .timeBar-bg{z-index: 10}
.video-module{display: none;width: 100%;height: 100%;position: relative;z-index: 11;}
.fsActive .video-module{display: block;}
.fsActive .video-module img{width: 100%;height: 100%;}
.fsActive .video-hover{width: 6vw}
.fsActive .hoverClass{background-image: url(../images/music/icon/enlarge-close.png);background-size: 65%;z-index: 101;}
.fsActive .video-hover{width: 110px;height: 63px;z-index: 1;}
.fsActive .video-part{max-width: 400px;}
.fsActive .control-part .controls-f{margin-left: 50px;}
.fsActive-mr-play{height: 0;}
.fsActive-mr-play .video-parts{position: fixed;left: 0;right: 0;top: 0;width: 100%;height: 100%;padding: 0 0;}
.fsActive-video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;transform: initial;z-index: 1;}
.exit-full-screen{position: fixed;top:20px;right:40px;width: 40px;height:40px;z-index: 1002;display:none;background: url(../images/music/icon/narrow.png) no-repeat;background-size: contain;cursor: pointer;}
.fsActive-video .exit-full-screen{display:block;}
.enter-full-screen{background-image: url(../images/music/icon/enlarge.png);}
.video-right-control .pip-enter-full-screen{background-image: url(../images/music/icon/enlarge.png);display: none;}
/* .video-parts:hover .enter-full-screen{display: block;} */
/* .fsActive-video:hover .enter-full-screen{display: none;} */
.video-right-control{position: absolute;right:30px;top:30px;display: flex;align-items: center;z-index: 10001;}
.video-right-control a{display: inline-block;background-size: cover;background-repeat: no-repeat;background-position: center;cursor: pointer;margin-left: 15px;width: 40px;height: 40px;}
.video-right-control a,
.video-right-control a:hover{color: #fff;}
.video-right-control a.pictureIn{background: url(../images/music/icon/entry.png) no-repeat;background-size: cover;font-size: 0;}
.fsActive-video .video-right-control{display: none}
/* 分类板块 */
/* .aio-mr-bgStyle{background: rgba(26, 20, 51, .7);border-top: 1px solid rgba(255,255,255,.3);} */
.aio-mr-class .menu{display: flex;align-items: center;}
.aio-mr-class .option{position: relative;}
.aio-mr-class .select{border-radius: 30px;position: relative;padding: 8px 0;font-size: 16px;width: 100px;border-width: 1px;border-style: solid;border-color: transparent;background-color: rgba(56, 46, 84, 1);}
.aio-mr-class .select:hover{    background-color: rgba(56, 46, 84, 1);color: rgba(255, 255, 255, .8);border-color: rgba(123, 103, 249, 1);box-shadow: inset 0px 0px 30px rgba(97, 34, 191, 1);}
.aio-mr-class .select span{display: block;width: 65%;text-align: center;color: #fff;position: relative;font-weight: bold;cursor: pointer;}
.aio-mr-class .select span::after{content: '';position: absolute;top: 50%; right: 0;transform: translateY(-50%);width: 1px;height: 50%;background: rgba(236,234,239,1)}
.aio-mr-class .select em{width: 35%;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/music/icon/search-jiantou.png) no-repeat;background-size: 20px;background-position: 40% center;cursor: pointer;}
.aio-mr-class .select em.active{transform: rotate(180deg);background-position: 55% center;}

.aio-mr-class .select-li{position: absolute;top: 100%;left: 0;background: rgba(57, 48, 82, 1);border-radius: 10px;width: 120px;z-index: 10;padding: 10px 0;margin-top: 5px;box-shadow: 0px 0px 14px  rgba(9, 8, 41, 0.6);;display: none;}
.aio-mr-class .select-li.active{display: block;}
.aio-mr-class .select-li a{color: rgba(157, 151, 173, 1);cursor: pointer;display: block;padding: 5px 20px;/*background-repeat: no-repeat;background-size: 15px;padding-left: 50px;background-position: 15% center;*/font-size: 16px;}
.aio-mr-class .select-li a:hover{color: #fff;}
.aio-mr-class .select-li a.active{position: relative;color: #fff;}
.aio-mr-class .select-li a.active::after{content: '';position: absolute;right: 20%;top: 50%;transform: translateY(-50%);background: url(../images/music/icon/search-gx.png) no-repeat;background-size: 20px;width: 20px;height: 20px;}

.aio-mr-class .menu-list{margin-left: 2%;display: flex;align-items: center;width: 90%;}
.aio-mr-class .menu-list a{border-radius: 30px;background-color: rgba(56, 46, 84, 1);color: #afa8aa;padding: 5px 15px;cursor: pointer;border-width: 1px;border-style: solid;border-color: transparent;}
.aio-mr-class .menu-list a:not(:last-child){margin-right: 1%;}
.aio-mr-class .menu-list a:hover,
.aio-mr-class .menu-list a.active{background-color: rgba(56, 46, 84, 1);color: rgba(255, 255, 255, .8);border-color: rgba(123, 103, 249, 1);box-shadow:inset 0px 0px 30px  rgba(97, 34, 191, 1);}

.aio-mr-class .controls{position: relative;}
.aio-mr-class .play-now{position: absolute;left: 10%;bottom: 0;border-bottom: 0;}

.display-method{width: 130px;border-radius: 30px;background: rgba(74, 67, 102, 1);display: flex;justify-content: space-between;overflow: hidden;}
.display-method a{width:50%;text-align: center;cursor: pointer;height: 45px;background-repeat: no-repeat;background-size: 35%;background-position: center center;}
.display-method a[data-type="line"]{background-image: url(../images/music/icon/class_line.png);}
.display-method a[data-type="columns"]{background-image: url(../images/music/icon/class_columns.png);}
.display-method a.active{background-color: rgba(92, 84, 125, 1);}

.controls-public .controls{/*border-bottom: 1px solid rgba(255, 255, 255, .2);*/display: flex;justify-content: space-between;align-items: center;padding: 15px 0 0 15px;}
.controls-public .controls .title{color: #fff;font-size: 18px;font-weight: bold;}
.controls-public .result >ul.list>li{background-color: rgba(98, 100, 107, .4);}

.controls-public .result >ul.list>li:nth-child(2){margin-left: 0 !important;}

.controls-public .result >ul.list .name i{font-style: normal;}
.mr-class-loading{text-align: center;color: #fff;font-size: 18px;font-weight: bold;padding-top: 10px;display: none;}

.result >ul.list .total-time{position: absolute;right:0;top:0;display: none;}
.result.line >ul.list>li{display:flex;align-items: center;padding: 15px 7px 10px;height: auto;}
.result.line >ul.list>li:nth-child(even){background-color: rgba(0, 0, 0, .2);}
.result.line >ul.list>li{width: 100%;}
.result.line >ul.list .info{width: 100%;zoom: 1;position: relative;}
.result.line >ul.list .info::after{content: "\20";display: block;height: 0;clear: both;}
.result.line >ul.list .title{float: left;max-width: 20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 20px 0 10px;}
.result.line >ul.list .name{float: left;margin-right: 0;width: 30%;padding-left: 20%;white-space: nowrap;position: relative;}
.result.line >ul.list .name span{margin-right: 0;position: absolute;left: 12%;top: 0;width: 55%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: initial;text-align: left;}
.result.line >ul.list .name em{display: none;}
.result.line >ul.list .operate{float: left;width: 13%;margin-top: 0;height:40px;position: absolute;left: 22%;top: 50%;transform: translateY(-50%);width: 4%;}
.result.line >ul.list .status{vertical-align: bottom;position: initial;line-height: inherit;vertical-align: sub;}
.result.line >ul.list .total-time{display: block;}
.result.line >ul.list .operate .rl{position: absolute;top: -5px;left: 630%;width: 310px;max-width: 310px;}
.line.public-ulist >ul.list{padding-bottom: 0;}
.result.line >ul.list .operate .rl .more,
.result.line >ul.list .operate .rl .likes{background-size: 28px;padding-top: 25px;width: 70px;text-align: center;}
.result.line >ul.list>li:hover .more, 
.result.line >ul.list>li:hover .likes{font-size: 12px;}

.result.line >ul.list>li:nth-child(odd) {background: rgba(56, 46, 84, 0.9);}
.result.line >ul.list>li:nth-child(even) {background: transparent;}
.result.line >ul.list>li::after{content: '';display: none;}
.result.line >ul.list>li:hover{box-shadow:inset 0px 0px 30px  rgba(97, 34, 191, 1);background: rgba(56, 46, 84, 0.9);}
.result.line >ul.list>li:nth-child(odd)::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 50%;height: 100%;opacity: 0.2;background: linear-gradient(90deg, rgba(60, 39, 169, 1) 0%, rgba(138, 71, 220, 1) 100%);filter: blur(50px);}
.result.line >ul.list .name{color: #fff}

.fsActive-mr-play .tabItemBox .list li{backdrop-filter: blur(5px);}
.fsActive-mr-play .tabItemBox .list li:nth-child(odd){background: rgba(56, 46, 84, .1);}
.fsActive-mr-play .dialog-clicked{background: rgba(61, 52, 97, .1);border: 1px solid rgba(61, 62, 77, .1);}
/* end */

/* 弹窗：再次点播 */
.dialog-vod-again .app-dialog{background-color: rgba(3, 3, 3, 0.7);padding: 10px 0 30px;}
.dialog-vod-again .top{background: transparent;justify-content: right;}
.dialog-vod-again .content span{display: block;line-height: 30px;color: #b5b5b8;font-size: 18px;font-weight: bold;}
.dialog-vod-again .footer{margin-top: 20px;}
.dialog-vod-again .footer a{border-width: 1px;border-style: solid;padding: 10px 30px;border-radius: 30px;font-size: 14px;font-weight: bold;cursor: pointer;}
.dialog-vod-again .footer .cancel{border-color: #707070;color: #707070;margin-right: 10px;}
.dialog-vod-again .footer .cancel:hover{background: rgba(220, 120, 48, .2);color: #dc7830;border-color: rgba(220, 120, 48, .3);}
.dialog-vod-again .footer .save{border-color: transparent;background-image: linear-gradient(133deg, #ff744e, #ffb308);}
.dialog-vod-again .footer .save:hover{color: #333;background-image: linear-gradient(133deg, rgb(248, 168, 146), rgba(255, 179, 8, .9));}
/* end */

/* 搜索板块 */
.aio-mr-search{position: absolute;top: var(--heap-height);left: 0;width: 100%;background: url(../images/music/right-bg.jpg) no-repeat;padding: 0 0 0 var(--left-width);background-size: cover;height: calc(100% - var(--dClicked-height) - var(--heap-height));overflow: hidden;overflow-y: auto;min-height: calc(90vh - var(--heap-height));display: none;z-index: 10;}
.aio-mr-search .box{background: rgba(26, 20, 51, .7);min-height: 100%;}
.aio-mr-search .container{display: none; padding: 0 20px;}
.aio-mr-search .container .prev{background-position: left center;}
.aio-mr-search .container .multi-singer span.name{font-size: 18px;}
.aio-mr-search .historical{padding: 20px 30px;}
.aio-mr-search .historical .top{position: relative;}
.aio-mr-search .historical .prev{position: absolute;left:0;top: 50%;transform: translateY(-50%);}
.aio-mr-search .historical h6.title{color: #fff;font-size: 20px;padding-left: 50px;display: inline-block}
.aio-mr-search .historical .delete-historical{display: inline-block;width: 22px;height: 22px;background: url(../images/music/icon/delete.png) no-repeat;background-size: 100% 100%;vertical-align: sub;margin-left: 30px;cursor: pointer;}

.aio-mr-search h6.title{color: #fff;font-size: 20px;}
.aio-singer-style{display: flex;align-items: center;flex-wrap: wrap;}
/* .aio-singer-style a{color: #fff;width: 18%;margin-right: 2%;box-sizing: border-box;background: rgba(74, 67, 102, 1);border-radius: 30px;padding: 8px 3%;line-height: 20px;margin-top: 20px;cursor: pointer;border-width: 1px;border-style: solid;border-color: transparent;position: relative;} */
.aio-singer-style a{float: left;color: #fff;width: 18%;margin-right: 10px;box-sizing: border-box;background: rgba(74, 67, 102, 1);border-radius: 30px;padding: 8px 40px 8px 15px;line-height: 20px;margin-top: 20px;cursor: pointer;border-width: 1px;border-style: solid;border-color: transparent;position: relative;max-width: 160px;}
/* .aio-singer-style a:nth-child(5n){margin-right: 0 !important;} */
.aio-singer-style span.name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aio-singer-style span.time,
.aio-singer-style span.remarks{display: block;color: #fff;font-size: 12px;white-space: nowrap;}

.aio-singer-style a .likes{opacity: 0;display: inline-block;vertical-align: middle;background-image: url(../images/music/icon/likes.png);width: 22px;height: 22px;background-size: cover;cursor: pointer;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.aio-singer-style a:hover .likes{opacity: 1;}
.aio-singer-style a .likes.active{background-image: url(../images/music/icon/likes-c.png);opacity: 1;}

.aio-singer-style a:hover{border-color: rgba(123, 103, 249, 1);color: #fff;box-shadow:inset 0px 0px 30px  rgba(97, 34, 191, 1);}
/* .aio-singer-style a:hover::before{content: '';position: absolute;left: 27%;top:50%;transform: translate(-50%, -50%);width: 0;height: 0;box-shadow: 0 0 20px 25px rgba(203, 93, 55, .5);border-radius: 100%;} */
.multi-singer{border-bottom: 1px solid rgba(255,255,255,.3);padding-bottom: 20px;}
.multi-singer .more{text-align: center;margin-top: 20px;}
.multi-singer .more a{display:inline-block;color: #afafbc;border: 1px solid #afafbc;border-radius: 30px;cursor: pointer;padding: 2px 35px 2px 15px;background: url(../images/music/icon/form-more.png) no-repeat;background-size: 15px;background-position: 78% 40%;}
.multi-singer .list a:nth-child(n+11){display:none}
.multi-song .total-time{display: none}

.aio-mr-search .offering{display:none;padding: 20px 0;}
.aio-mr-search .offering .head{position: relative;}
.aio-mr-search .offering .head .prev{position: absolute;top:50%;left:0;transform: translateY(-50%);z-index: 1;}
.aio-mr-search .offering .head .name{padding-left: 50px;color: #fff;font-size: 22px;position: relative;display: inline-block;font-weight: bold;}
.aio-mr-search .offering .head .name::before{content: attr(data-type);position: absolute;bottom: 0;left: 100%;color: #ff8042;background: rgba(255, 128, 66, .3);padding: 0 8px;font-size: 14px;white-space: nowrap;border-radius: 2px;margin-left: 10px;line-height: 22px;}
.aio-mr-search .offering .head .display-method{position: absolute;top: 50%;right: 0;transform: translateY(-50%)}
.aio-mr-search .offering .head .play-now{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);border-bottom: 0;margin-left: 55px;}
.aio-mr-search .offering ul.list li.active .number{position: relative;}
.icon-goBack{background-image: url(../images/music/icon/form-backTo.png);background-size: 70%;background-repeat: no-repeat;background-position: center;cursor: pointer;display: inline-block;width: 40px;height:40px;}

.aio-mr-search .offering .number{position: relative;}
.aio-mr-search .offering .number input{-webkit-appearance: none;-moz-appearance: none;width: 22px;height: 22px;cursor: pointer;background-image: url(../images/music/icon/checkbox-selet.png);background-repeat: no-repeat;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);}
.aio-mr-search .offering .number input:checked{background-image: url(../images/music/icon/checkbox-selet-h.png);}

.aio-mr-search .offering .select-all{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);margin-left: 180px;}
.aio-mr-search .offering .select-all a{background-image: url(../images/music/icon/select-all.png);background-repeat: no-repeat;background-size: 90%;background-position-y: center;cursor: pointer;width: 25px;height: 25px;display: block;position: relative;}
.aio-mr-search .offering .select-all a::after{content: attr(data-title);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);color: #8d87a1;font-size: 14px;white-space: nowrap;margin-left: 5px;font-weight: bold;}
.aio-mr-search .offering .select-all a:hover{background-image: url(../images/music/icon/select-all-h.png);}
.aio-mr-search .offering .select-all a:hover::after{color: #b278ff;}
/* .aio-mr-search .offering .select-all .selectAll-btn{position: absolute;top: 0;left: 50%;width: 120px;background: rgba(74, 67, 102, 1);transform: translateX(-50%);color: #fff;border-radius: 5px;overflow: hidden;display: none;} */
.aio-mr-search .offering .select-all .selectAll-btn{display: none;}
.aio-mr-search .offering .select-all .selectAll-btn input{position: absolute;top: 50%;left: 5px;transform: translateY(-50%);-webkit-appearance: none;-moz-appearance: none;width: 25px;height: 25px;cursor: pointer;background-image: url(../images/music/icon/checkbox-selet.png);background-repeat: no-repeat;background-size: cover;}
.aio-mr-search .offering .select-all .selectAll-btn input:checked{background-image: url(../images/music/icon/checkbox-selet-h.png);}

.aio-mr-search .offering .select-all .selectAll-btn .btn {width: 110px;background: rgba(74, 67, 102, 1);color: #fff;border-radius: 5px;overflow: hidden;font-size: 14px;margin-left: 40px;}
.aio-mr-search .offering .select-all .selectAll-btn em{width: 50%;display: block;text-align: center;line-height: 30px;cursor: pointer;float: left;}
.aio-mr-search .offering .select-all .selectAll-btn em:hover{background: #b278ff;}

.aio-mr-search .search-goTop{position: fixed;bottom: 30%;right: 2%;z-index: 1001;width: 50px;height: 50px;cursor: pointer;background-image: url(../images/music/icon/go-top.png);background-size: cover;background-repeat: no-repeat;display: none;transition: all .3s ease-in;}
.aio-mr-search .search-goTop:hover{background-image: url(../images/music/icon/go-top-h.png);}

/* .mr-search-h5Form{position: relative;} */
.mr-search-h5Form .form{width: 90%;margin: 0 auto;background: rgba(58, 51, 87, 1);border: 1px solid rgba(126, 121, 145, 1);display: block;border-radius: 30px;position: relative;height: 40px;overflow: hidden;margin-top: 45px;}
.mr-search-h5Form .input{width: 75%;}
.mr-search-h5Form input{line-height: 38px;border: 0;width: 100%;padding: 0 0 0 20px;background-color: transparent;color: #fff;font-size: 14px;}
.mr-search-h5Form .search-abs{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.mr-search-h5Form .search-abs a{display: inline-block;vertical-align: middle;background-size: 100% auto;background-repeat: no-repeat;cursor: pointer;}
.mr-search-h5Form .search-abs a.reset{width: 21px;height: 21px;background-image: url(../images/music/icon/reset.png);}
.mr-search-h5Form .search-abs a.sumbit{width: 45px;height: 25px;background-image: url(../images/music/icon/submit.png);margin-left: 4px;}
.mr-search-h5Form .icon-goBack{margin-left: 1%;}
/* end */

/* 歌单模块 */
.aio-mr-songSheet{backdrop-filter: saturate(100%) blur(20px);background: rgba(26, 20, 51, .9);padding: 10px 0;}
.aio-mr-songSheet h6.title{color: #fff;font-size: 20px;padding: 5px 0 10px 20px;}
.aio-mr-songSheet .songSheet-defalut{padding-top: 0;}
.songSheet-list li{width: 210px;height: 270px;cursor: pointer;float: left;margin-left: 21px;margin-bottom: 20px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);border-width: 1px;border-style: solid;border-color: transparent;}
.songSheet-list li .cover{height: 75%;overflow: hidden;}
.songSheet-list li .cover img{object-fit: cover;width: 100%;height: 100%;}
.songSheet-list li .info{height: 25%;background: rgba(36, 32, 47, .4);padding: 5px 15px 5px;}
.songSheet-list li .info .title{color: #fff;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px}
.songSheet-list li .info .bot{position:relative;height: 26px;}
.songSheet-list li .info .likes{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url(../images/music/icon/likes.png);background-repeat: no-repeat;background-size: 100% 100%;opacity: 0;display: inline-block;z-index: 10;}
.songSheet-list li .info .likes.active{background-image: url(../images/music/icon/likes-c.png);opacity: 1;}
.songSheet-list li .info .tag em{color: #df5a3d;font-size: 11px;background-color: rgba(223, 90, 61, .3);padding: 2px 5px;border-radius: 2px;margin-right: 5px;}
.songSheet-list li:hover .info .likes{opacity: 1;}
.songSheet-list li:hover .info{background-color: #000;}
.songSheet-list li:hover{border-color: rgba(123, 103, 249, 1);}

.songSheet-defalut{padding: 10px 20px;display: none;}
.sheet-default-info{position: relative;display: flex;align-items: center;border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: 20px;}
.sheet-default-info .cover{width: 150px;height: 150px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.sheet-default-info .info{margin-left: 15px;color: #b6b6c0;position: relative;}
.sheet-default-info .info .title{color: #fff;font-size: 20px;position: relative;}
.sheet-default-info .info .title::after{content: attr(data-type);position: absolute;bottom: 0;left: 100%;color: #ff8042;background: rgba(255, 128, 66, .3);padding: 0 5px;font-size: 11px;white-space: nowrap;border-radius: 2px;margin-left: 10px;line-height: 15px;}
.sheet-default-info .info .tag{margin-top: 25px;}
.sheet-default-info .info .tag em{color: #df5a3d;font-size: 11px;background-color: rgba(223, 90, 61, .3);padding: 2px 5px;border-radius: 2px;margin-right: 5px;}
.sheet-default-info .number{position: absolute;right: 0;top: 0;color: #fff;}
.sheet-default-info .number span{padding: 0 15px;}
.sheet-default-info .number span:last-child{border-left: 1px solid rgba(255, 255, 255, .3);padding-right: 0;}

.songSheet-defalut .controls{display: flex;align-items: center;justify-content: space-between;padding-top: 15px;}
.songSheet-defalut .controls .title{color:#cbcbcd;font-size: 18px;}
.songSheet-defalut .controls .title em{color: #a2a1a8;}
.aio-mr-songSheet .sheet-default-info .info .tag{margin-top: 10px;}
.aio-mr-songSheet .deposit-playlist{padding: 10px 0 0;border-bottom: 0;}

.aio-mr-songSheet .songSheet-defalut .result li.active .number,
.aio-mr-mineCollect .song li.active .number,
.aio-mr-search .offering ul.list li.active .number,
.aio-mr-class .result ul.list li.active .number {font-size: 0;position: relative;}
.aio-mr-songSheet .songSheet-defalut .result li.active .number::after,
.aio-mr-mineCollect .song li.active .number::after,
.aio-mr-search .offering ul.list li.active .number::after,
.aio-mr-class .result ul.list li.active .number::after{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 15px;background: url(../images/music/icon/wave.gif) no-repeat;background-size: 100% 100%;}
.dialog-clicked.isToggle .deposit-playlist{padding: 0 0;overflow: hidden;}

.songSheet-concert-menu{display: none;align-items: center;padding: 0 15px 10px;margin-top: 10px;overflow: hidden;overflow-x: auto;}
.songSheet-concert-menu.active{display: flex;}
.songSheet-concert-menu::-webkit-scrollbar {width: 12px; height: 5px;}
.songSheet-concert-menu::-webkit-scrollbar-track {background: rgba(255, 255, 255, .2); /* 滚动条轨道的颜色 */}
.songSheet-concert-menu::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, .5); cursor: pointer;/* 滚动条滑块的颜色 */}

.songSheet-concert-menu span{color: #cbcbcd;font-size: 14px;background: #635c80;padding: 3px 13px;border-radius: 30px;cursor: pointer;white-space: nowrap;}
.songSheet-concert-menu span:not(:last-child){margin-right: 5px;}
.songSheet-concert-menu span.active{color: #fff;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);}

.aio-mr-songSheet .result[data-key]{display:none}
.aio-mr-songSheet .result.active[data-key]{display: block;}
.aio-mr-songSheet .result[data-key] .mr-class-loading{display: none !important;}
/* end */

/* 榜单详细 */
.aio-mr-content .list-details{display: none;}
.aio-mr-content .list-details .head{border-bottom: 1px solid rgba(255, 255, 255, .2);color: #e1e1e3;padding: 0 0 20px;display: flex;}.aio-mr-content .list-details .head .img{width: 120px;height: 120px;background-color: #000;}
.aio-mr-content .list-details .head .img img{height: 100%;object-fit: contain;}
.aio-mr-content .list-details .head .fr{margin-left: 15px;color: #b6b6c1;}
.aio-mr-content .list-details .head .time span{margin-right: 10px;position: relative;}
.aio-mr-content .list-details .head .time{display: inline-block;position: relative;}
.aio-mr-content .list-details .head .time::after{content: attr(data-type);position: absolute;bottom: 3px;left: 100%;color: #388cff;background: rgba(56, 140, 255, .3);padding: 0px 4px;font-size: 11px;white-space: nowrap;border-radius: 2px;margin-left: 10px;line-height: 19px;}
.aio-mr-content .list-details .head .title{font-size: 22px;position: relative;color: #fff;}
.aio-mr-content .list-details .head .title span{position: relative;}
.aio-mr-content .list-details .head .title span::before{content: attr(data-type);position: absolute;bottom: 0;left: 100%;color: #ff8042;background: rgba(255, 128, 66, .3);padding: 0 8px;font-size: 14px;white-space: nowrap;border-radius: 2px;margin-left: 10px;line-height: 22px;}
.aio-mr-content .list-details .stat{margin-top: 25px;}
.aio-mr-content .list-details .stat span{display: block;line-height: 20px;}
/* end */

/* 我的 */
.aio-mr-mine .menu{padding: 20px 30px 0;}
.aio-mr-mine .menu li{display: inline-block;width: 150px;color: #c1bbc1;text-align: center;background-color: rgba(255, 142, 49, .1);line-height: 50px;font-size: 18px;cursor: pointer;position: relative;}
.aio-mr-mine .menu a{background-image: url(../images/music/icon/mine-selectedItem.png);background-repeat: no-repeat;background-size: 20px 100%;color: #fff;padding-left: 28px;opacity: 0.6;}
.aio-mr-mine .menu li.collect a{background-image: url(../images/music/icon/mine-like.png);padding-left: 28px;}
.aio-mr-mine .menu li:hover a{opacity: 1;}
.aio-mr-mine .menu li.active{background-color: rgba(255, 142, 49, .3);}
.aio-mr-mine .menu li.active a{color: #e68831;opacity: 1;}
.aio-mr-mine .menu li.sheet.active a{background-image: url(../images/music/icon/selectedItem-h.png)}
.aio-mr-mine .menu li.collect.active a{background-image: url(../images/music/icon/mine-like-h.png)}

.aio-mr-mine .songSheet-lists .pack-ul li{width: 23%;max-width: 250px;cursor: pointer;margin-top: 15px;border-width: 2px;border-style: solid;border-color: transparent;border-radius: 5px;float: left;margin-left: 15px;}
.aio-mr-mine .songSheet-lists .pack-ul .cover{width: 100%;height: 80%;max-height: 224px;overflow:hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.aio-mr-mine .songSheet-lists .pack-ul .cover img{object-fit: cover;height: 224px;width: 100%;}
.aio-mr-mine .songSheet-lists .pack-ul .info{padding: 10px 20px 40px;color: #fff;font-size: 20px;position: relative;box-shadow: 0 0 15px rgba(0, 0, 0, 1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;z-index: 10;}
.aio-mr-mine .songSheet-lists .pack-ul .info .title{display:inline-block;}
.aio-mr-mine .songSheet-lists .pack-ul .delete-playlist{width:20px;height: 20px;position: absolute;right: 20px;bottom: 15px;background-image: url(../images/music/icon/delete-2.png);background-repeat: no-repeat;background-size: cover;display: none;}
.aio-mr-mine .songSheet-lists .pack-ul .delete-playlist:hover{background-image: url(../images/music/icon/mine-delete-2.png);}

.aio-mr-mine .songSheet-lists .pack-ul .set-switchMenu{position: absolute;left: 20px;bottom: 10px;font-size: 14px;    border-radius: 30px;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);padding: 0 10px;color: rgba(255, 255, 255, 1);opacity: .7;display: none;}
.aio-mr-mine .songSheet-lists .pack-ul .set-switchMenu[data-chooseStatus="0"]:after{content: '设置常用'}
.aio-mr-mine .songSheet-lists .pack-ul .set-switchMenu[data-chooseStatus="1"]{display: block;opacity: 1;}
.aio-mr-mine .songSheet-lists .pack-ul .set-switchMenu[data-chooseStatus="1"]:after{content: '取消常用'}
.aio-mr-mine .songSheet-lists .pack-ul .set-switchMenu:hover{opacity: 1;}

.aio-mr-mine .songSheet-lists .pack-ul li:hover{border-color: rgba(123, 103, 249, 1);}
.aio-mr-mine .songSheet-lists .pack-ul li:hover .info{background-color: #0c0c1b;}
.aio-mr-mine .songSheet-lists .pack-ul li:hover .delete-playlist{display: block;}
.aio-mr-mine .songSheet-lists .pack-ul li:hover .set-switchMenu{display: block;}
.aio-mr-mine .songSheet-lists .pack-ul li.empty-box{width: 100%;margin-left: 0;margin-top: 0;max-width: 100%;box-shadow: initial;}
.aio-mr-mine .songSheet-lists .pack-ul li.empty-box:hover{border-color: transparent;}

.aio-mr-mine .songSheet-lists .pack-ul li.add{border: 1px solid rgba(123, 103, 249, 1);height: 304px;background: url(../images/music/icon/add.png) no-repeat;background-size: 40px;background-position: center center;}

.aio-mr-mine .songSheet-lists .default{padding: 0 20px;display: none;}
.aio-mr-mine .songSheet-lists .default .controls{display: flex;justify-content: space-between;align-items: center;padding: 15px 0 0;}
.aio-mr-mine .songSheet-lists .default .controls .title{color: #fff;font-size: 18px;font-weight: bold;}
.aio-mr-mine .songSheet-lists .default .sheet-default-info{align-items: normal;}

.aio-mr-mine .like-list{padding: 0 0;position: relative;}
.aio-mr-mine .like-menu{display: flex;align-items: center;}
.aio-mr-mine .like-menu a{display:inline-block;color: rgba(255, 255, 255, .6);font-size: 16px;padding: 10px 0;cursor: pointer;position: relative;}
.aio-mr-mine .like-menu a.active,
.aio-mr-mine .like-menu a:hover{color: rgba(255,255,255, 1)}
.aio-mr-mine .like-menu a.active::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;border-radius: 10px;background: rgba(112, 90, 249, 1);}
.aio-mr-mine .like-menu a:not(:last-child){margin-right: 50px;}

.aio-mr-mine .like-menu a.playing-video{color: #a7a8b2;cursor: pointer;background-image: url(../images/music/icon/icon-play.png);background-repeat: no-repeat;background-size: contain;background-position-y: center;opacity: 1;cursor: pointer;width: 30px;height: 30px;position: relative;}
.aio-mr-mine .like-menu a.playing-video::after {content: attr(title);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);color: #8d87a1;font-size: 14px;white-space: nowrap;margin-left: 5px;}
.aio-mr-mine .like-menu a.playing-video:hover{background-image: url(../images/music/icon/icon-play-h.png);color: #fff;opacity: 1;cursor: pointer;}
.aio-mr-mine .like-menu a.playing-video:hover::after{color: #b278ff;}

.aio-mr-mine .like-list .controls{position: absolute;right:0;top:0}
.aio-mr-mine .like-list .box .sheet.tab-item,
.aio-mr-mine .like-list .box .star.tab-item{display:none}
.aio-mr-mine .like-list ul.list{padding-top: 20px;}
.aio-mr-mine .like-list ul.list li{margin-left: 0;}
.aio-mr-mine .like-list ul.songSheet-list li{margin-right: 20px;}
.aio-mr-mineSheet{padding: 0 0 10px;}
.aio-mr-mineSheet .upload-local{display: none;}
.aio-mr-mineCollect{padding: 10px 10px}
.aio-mr-mine .deposit-playlist{padding: 0 0;border-bottom: initial;position: absolute;bottom: 5px;left: 0;}

.aio-mr-mine .star-list{padding-top: 0 !important;}
.aio-mr-mine .star-list li{float: left;color: #fff;width: 18%;margin-right: 10px;box-sizing: border-box;background: rgba(74, 67, 102, 1);border-radius: 30px;padding: 8px 40px 8px 15px;line-height: 20px;margin-top: 20px;cursor: pointer;border-width: 1px;border-style: solid;border-color: transparent;position: relative;max-width: 160px;}
.aio-mr-mine .star-list li:hover{border-color: rgba(123, 103, 249, 1);color: #fff;box-shadow: inset 0px 0px 30px rgba(97, 34, 191,1)}
.aio-mr-mine .star-list .likes{opacity: 0;display: inline-block;vertical-align: middle;background-image: url(../images/music/icon/likes.png);width: 22px;height: 22px;background-size: cover;cursor: pointer;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.aio-mr-mine .star-list li:hover .likes{opacity: 1;}
.aio-mr-mine .star-list .likes.active{background-image: url(../images/music/icon/likes-c.png);opacity: 1;}
.aio-mr-mine .star-list .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.aio-mr-mine .star-list li .no-data{width: 100%;background: transparent;border-radius: inherit;margin-right: 0;max-width: 100%;text-align: center;font-size: 20px;padding: 30px 0;}
/* end */

/* 画中画模式 */
.pip-class{position: relative;height: 100%;}
.pip-class .videos{width: 100%;height:100%;position: initial;border-radius: 0;transform: initial;}
.pip-class .videos video{object-fit: fill;}
.pip-class .video-box{position: fixed;bottom: 0;left:0;height: 20%;width: 100%;opacity: 0;background-color: rgba(26, 20, 51, .4);}
.pip-class .video-box:hover{opacity: 1;}
.pip-class .control-part{padding: 10px;}
.pip-class .control-part .switch .prev{width: 18px;height: 18px;}
.pip-class .control-part .play{width: 40px;height: 40px;margin: 0 10px;}
.pip-class .control-part .volume{max-width: 160px;}
.pip-class .control-part .volume .icon{width: 30px;height:30px;}
.pip-class .control-part .volume .sound-box{margin-left: 8px;}
.pip-class .control-part .controls-f a.pictureIn{display: none;}
.pip-class .video-part .info .title{font-size: 18px;margin-top: 5px;}
.pip-class .video-part .info .name{font-size: 14px;margin-top: 5px;}
.pip-class .bs_switch{width: 50px;height:20px;margin-right: 5px;}
.pip-class .bs_switch::after{width: 15px;height: 15px;top: 2.5px;}
.pip-class .chorus-tab{font-size: 14px;}
.pip-class .duration{top: 15px;font-size: 14px}
.pip-class .bs_switch:checked::after{transform: translateX(28px);}
.pip-class .control-part .controls-f a.order,
.pip-class .video-hover{display: none;}
.pip-class .control-part .controls-f{flex: 1 1 0%;}
.pip-class .video-right-control .vrc,
.pip-class .video-right-control .scc,
.video-right-control a.scc{display: none;}
.pip-class .video-right-control .pip-enter-full-screen{display: block;}
/* end */

/* 播放页面 */
.aio-mr-playScreen{position: relative;padding: 0 0;display: none;overflow: hidden;}
.aio-mr-playScreen .video-parts{width: 100%;height: 100%;}
/* end */

/* 设置页面 */
.aio-mr-systemSettings{position: relative;}
.aio-mr-systemSettings .btn{display: flex;align-items:center;justify-content: center;flex-wrap: wrap;padding: 20px 0;/*position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);*/}
.aio-mr-systemSettings .btn a{background: #f56c6c;color: #fff;border-radius: 10px;padding: 8px 30px;font-size: 16px;cursor: pointer;}
.aio-mr-systemSettings .btn a.success{background: #409eff;margin-left: 15px;}
.aio-mr-systemSettings .btn .gd-tips{min-width: 100%;color: #fff;text-align: center;font-size: 20px;font-weight: bold;padding: 0 0 5px;}

.systemSettings-dialog{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, .7);border-radius: 10px;min-width: 300px;-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);padding: 20px;display: none;overflow: hidden;}
.systemSettings-dialog.active{display: block;}
.dialog-export{color: #0b0b0b;}
.dialog-export .tips{font-size: 20px;font-weight: bold;line-height: 60px;}
.systemSettings-dialog .public-btn{margin-top: 15px;}
.systemSettings-dialog .public-btn a{font-size: 16px;color: #fff;display: inline-block;padding: 3px 20px;background: #787878;border-radius: 5px;cursor: pointer;}
.systemSettings-dialog .public-btn a.sure{background: #000000;margin-left: 20px;}
.dialog-import #fileInput{color: #fff;}

.aio-mr-systemSettings .guide-diagram{text-align: center;color: #fff;display: none;/*position: absolute;top: 0;left: 50%;transform: translateX(-50%);*/width: 100%;padding: 0 25px;}
.aio-mr-systemSettings .guide-diagram .gd-set{margin-top: 20px;}
.aio-mr-systemSettings .guide-diagram .gd-set a{font-size: 14px;background: #787878;border-radius: 5px;cursor: pointer;padding: 10px 20px;color: #fff;}
.aio-mr-systemSettings .guide-diagram .gd-set a:hover{color:#fff}
.aio-mr-systemSettings .guide-diagram .title,
.aio-mr-systemSettings .guide-diagram .gd-img{text-align: left;padding: 5px 0;}
.aio-mr-systemSettings .guide-diagram .title em{color: #528bda;padding: 0 2px;cursor: pointer;}

.aio-mr-systemSettings .voclumn-diagram{color: #fff;font-size: 16px;}
.aio-mr-systemSettings .voclumn-diagram .title{padding: 5px 0;}
.aio-mr-systemSettings .voclumn-diagram .window-fill{width: 20px;height: 20px;background: url(../images/music/icon/windows-fill.png) no-repeat;background-size: cover;display: inline-block;vertical-align: middle;margin: 0 10px;}
.aio-mr-systemSettings .voclumn-diagram .window-set{width: 20px;height: 20px;background: url(../images/music/icon/windows-set.png) no-repeat;background-size: cover;display: inline-block;vertical-align: middle;margin: 0 10px;}
.aio-mr-systemSettings .voclumn-diagram img{max-width: 100%;}

.aio-mr-systemSettings .marquee-mode{width: 100%;padding-top: 50px;}
.aio-mr-systemSettings .marquee-checkbox{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.aio-mr-systemSettings .marquee-checkbox .item:not(:last-child){margin-bottom: 50px;}
.aio-mr-systemSettings .gd-tips{font-size: 20px;font-weight: bold;padding: 20px 0 5px;text-align: center;color: #fff;}
.aio-mr-systemSettings .marquee-mode .lt{position: relative;height: 25px;}
.aio-mr-systemSettings .marquee-mode .state{color: #fff;position: absolute;top: 50%;left: 115px;transform: translateY(-50%);font-size: 16px;}

/* .aio-mr-systemSettings .marquee-mode .switch{-webkit-appearance: none;-moz-appearance: none;appearance: none;text-align: center;position: relative;width: 60px;height: 25px;outline: 0;border-radius: 16px;box-sizing: border-box;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);cursor: pointer;margin-right: 10px;margin-left: 45px;}
.aio-mr-systemSettings .marquee-mode .switch:active, .aio-mr-systemSettings .marquee-mode .switch:visited {outline: none}
.aio-mr-systemSettings .marquee-mode .switch:before {content: '';position: absolute;top: 0;left: 0;padding-left: 24px;border-radius: 15px;background-color: #CCCCCC;color: #fff;}
.aio-mr-systemSettings .marquee-mode .switch:after {content: " ";position: absolute;top: 3px;left: 4px;width: 20px;height: 20px;border-radius: 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);transition: transform .3s;}

.aio-mr-systemSettings .marquee-mode .switch:checked{background: linear-gradient(138.85deg, rgb(199 199 199) 0%, rgb(102 102 102) 100%), rgba(204, 204, 204, 1);}
.aio-mr-systemSettings .marquee-mode .switch:checked:after {transform: translateX(34px);}
.aio-mr-systemSettings .marquee-mode .switch:checked:before {content: '';padding-left: 0px;background-color: transparent;color: #fff;width: 31px;} */

.aio-mr-systemSettings .marquee-mode .switch{-webkit-appearance: none;-moz-appearance: none;appearance: none;text-align: center;position: relative;width: 60px;height: 25px;outline: 0;border-radius: 16px;box-sizing: border-box;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);cursor: pointer;margin-right: 10px;margin-left: 45px;}
.aio-mr-systemSettings .marquee-mode .switch:active, .aio-mr-systemSettings .marquee-mode .switch:visited {outline: none}
.aio-mr-systemSettings .marquee-mode .switch:before {content: '';position: absolute;top: 0;left: 0;padding-left: 24px;border-radius: 15px;background-color: #CCCCCC;color: #fff;}
.aio-mr-systemSettings .marquee-mode .switch:after {content: " ";position: absolute;top: 3px;left: 4px;width: 20px;height: 20px;border-radius: 15px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);transition: transform .3s;}

.aio-mr-systemSettings .marquee-mode .switch{background: linear-gradient(138.85deg, rgb(199 199 199) 0%, rgb(102 102 102) 100%), rgba(204, 204, 204, 1);}

.aio-mr-systemSettings .marquee-mode .switch:checked{background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);}
.aio-mr-systemSettings .marquee-mode .switch:checked:after {transform: translateX(34px);}
.aio-mr-systemSettings .marquee-mode .switch:checked:before {content: '';padding-left: 0px;background-color: transparent;color: #fff;width: 31px;}

.aio-mr-systemSettings .marquee-mode .change-lamp-text{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);color: #fff;width: 90px;text-align: center;border-radius: 10px;padding: 8px 10px;/*background-color: #409eff;*/cursor: pointer;color: #409eff;text-decoration: underline;padding: 0 10px;}
.aio-mr-systemSettings .marquee-mode .change-lamp-fontSize{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);color: #fff;width: 105px;text-align: center;border-radius: 10px;padding: 8px 10px;/*background-color: #409eff;*/cursor: pointer;margin-left: 100px;color: #409eff;text-decoration: underline;padding: 0 10px;}
/* end */

/* 弹窗的公共修改 */
.app-dialog-windows{position: fixed;display: none;top: 0;right: 0;bottom: 0;left: 0;z-index: 10003;text-align: center;max-height: 100vh;}
.app-dialog-windows:before{content: '';position: fixed;position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 50%);}
.app-dialog-windows.active{display:block}
/* end */

/* 修改歌单名字 */
.dialog-modify-name .c-content{padding: 15px 10px;}
.dialog-modify-name .c-content .title{font-size: 20px;font-weight: bold;}
.dialog-modify-name .mForm{padding: 20px 0;}
.dialog-modify-name .mForm input{background: transparent;border: 1px solid #fff;padding: 0px 10px;border-radius: 5px;line-height: 40px;width: 70%;color: #fff;}
.dialog-modify-name .btn a{color: #fff;cursor: pointer;font-size: 18px;}
.dialog-modify-name .btn a:last-child{margin-left: 50px;}
/* end */

/* 伴唱||原唱：不支持 */
.dialog-guide-diagram .c-content{padding: 20px 10px;}
.dialog-guide-diagram .btn{margin-top: 20px;}
.dialog-guide-diagram .btn a{font-size: 16px;color: #fff;display: inline-block;padding: 3px 20px;background: #787878;border-radius: 5px;cursor: pointer;}
.dialog-guide-diagram .btn a.sure{background: #000000;margin-left: 20px;}
/* end */

/* 投屏页面 */
.neWind-screen-casting{background: #000;display: flex;justify-content: center;align-items: center;max-height: 100%;overflow: hidden;}
.neWind-screen-casting .vrc{display: none;}
.neWind-screen-casting .scc-out{background-image: url(../images/music/icon/narrow.png);}
.neWind-screen-casting  video{object-fit: fill;}
.neWind-screen-casting a.scc{display: block;}
/* end */

/* 歌星推荐 */
.aio-mr-singStar{display: none;}
.aio-mr-singStar .menu{color: #fff;}
.aio-mr-singStar .menu-type{display: flex;align-items: center;}
.aio-mr-singStar .menu-type span{cursor: pointer;flex: 1;text-align: center;position: relative;max-width: 110px;}
.aio-mr-singStar .menu-type span{background-color: rgba(56, 46, 84, 1);clip-path:polygon( 15px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 30px), calc(100% - 15px) 100%, 0px 100%, 0 calc(100% - 2px), 0 30px);height: 30px;line-height: 30px;color: #afa8aa;}
.aio-mr-singStar .menu-type span:first-child{clip-path:polygon( 0 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 30px), calc(100% - 15px) 100%, 0px 100%, 0 calc(100% - 1px), 0 0px)}
.aio-mr-singStar .menu-type span:last-child{clip-path:polygon( 15px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 1px), 0 30px)}
.aio-mr-singStar .menu-type span.active{background: rgba(97, 34, 191, 1);color: #fff;}
.aio-mr-singStar .menu-type span:hover{color: #fff;}
.aio-mr-singStar .menu-letter{margin-top: 15px;}
.aio-mr-singStar .menu-letter span{padding: 3px 8px;font-size: 16px;cursor: pointer;border-radius: 5px;color: #afa8aa;}
.aio-mr-singStar .menu-letter span.active{background-color: rgba(97, 34, 191, 1);color: #fff;}
.aio-mr-singStar .menu-letter span:hover{color: #fff;}

.aio-mr-singStar .list li{float: left;color: #fff;width: 18%;margin-right: 10px;box-sizing: border-box;background: rgba(74, 67, 102, 1);border-radius: 30px;padding: 8px 40px 8px 15px;line-height: 20px;margin-top: 20px;cursor: pointer;border-width: 1px;border-style: solid;border-color: transparent;position: relative;max-width: 160px;}
.aio-mr-singStar .list li:hover{border-color: rgba(123, 103, 249, 1);color: #fff;box-shadow: inset 0px 0px 30px rgba(97, 34, 191,1)}
.aio-mr-singStar .list li .likes{opacity: 0;display: inline-block;vertical-align: middle;background-image: url(../images/music/icon/likes.png);width: 22px;height: 22px;background-size: cover;cursor: pointer;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.aio-mr-singStar .list li:hover .likes{opacity: 1;}
.aio-mr-singStar .list li .likes.active{background-image: url(../images/music/icon/likes-c.png);opacity: 1;}
.aio-mr-singStar .list li .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.aio-mr-singStar .list li.no-data{width: 100%;background: transparent;border-radius: inherit;margin-right: 0;max-width: 100%;text-align: center;font-size: 20px;padding: 30px 0;}
/* end */

/* 弹窗：上传本地歌曲 */
.dialog-upload-local .c-content{padding: 20px 10px;}
.dialog-upload-local .c-content input{cursor: pointer;width: 100%;}
.dialog-upload-local .btn{margin-top: 20px;}
.dialog-upload-local .btn a{font-size: 16px;color: #fff;display: inline-block;padding: 3px 20px;background: #787878;border-radius: 5px;cursor: pointer;line-height: 30px;}
.dialog-upload-local .btn a.sure{background: #000000;margin-left: 20px;}
.dialog-upload-local .dialog-import-load.action{width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: absolute;top: 0;left: 0;}
.dialog-upload-local .i-type,
.dialog-upload-local .i-desc{display: none;}
.dialog-upload-local .i-remove{cursor: pointer;}

.dialog-upload-local .i-target{position: relative;overflow: hidden;margin-bottom: 10px;}
.dialog-upload-local .i-target .file-upload{position: absolute;font-size: 100px;opacity: 0;right: 0;top: 0;height: 100%;}
.dialog-upload-local .i-target .file-upload-trigger {background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(179, 179, 179, 1);color: white;padding: 0 10px;border: none;border-radius: 5px;cursor: pointer;display: inline-block;text-align: center;font-size: 14px;}

.dialog-upload-local .i-files ol{zoom: 1;max-height: 140px;overflow-y: auto;}
.dialog-upload-local .i-files ol::-webkit-scrollbar{width: 2px;height: 2px;}
.dialog-upload-local .i-files ol::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, .2);}
.dialog-upload-local .i-files ol::-webkit-scrollbar-thumb{background-color: #fff;}

.dialog-upload-local .i-files ol::after{content: "\20";display: block;height: 0;clear: both;}
.dialog-upload-local .i-files li{padding: 0 5px;float: left;}
.dialog-upload-local .i-files li .i-title{max-width: 115px;white-space: nowrap;}
/* end */

/* 歌星名多个弹窗 */
.more-start-dialog{position: absolute !important;right: 0;top: 50%;transform: translateY(-50%);width: 33%;display: block;text-align: center;background: #555081;box-shadow: 0 0 10px rgba(0, 0, 0, .1);padding: 5px 0;z-index: 1;display: none;border-radius: 5px;max-height: 62px;overflow: hidden;overflow-y: auto !important;}
.more-start-dialog::-webkit-scrollbar{width: 2px;height: 2px;}
.more-start-dialog::-webkit-scrollbar-track{background-color: rgba(255, 255, 255, .2);}
.more-start-dialog::-webkit-scrollbar-thumb{background-color: #fff;}
.more-start-dialog.active{display: block;}
.more-start-dialog i{display: block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: inherit;color: rgba(255, 255, 255, .5);}
.more-start-dialog i:hover{color: #fff;}
.result.line >ul.list .more-start-dialog{width: 25% !important;text-align: center !important;right: auto !important;left: 55% !important;top: 10px !important;}
.dialog-clicked .more-start-dialog{width: 20%;left: 68%;}
/* end */

/* 上传 */
.dialog-upload-locals .simulateUpload{position: absolute;right: 0;top: 0;color: #fff;background: red;padding: 10px 30px;cursor: pointer;}
.dialog-upload-locals .btn a{color: #fff;padding: 10px 20px;cursor: pointer;background-color: red;}
/* end */

/* 横向跑马灯 */
.aio-lamp{color: #fff;background: rgba(255,255,255,.15);width: 100%;overflow: hidden;position: relative;font-size: 18px;}
.aio-landscape{height: auto;position: absolute !important;top: 0;left:0;z-index: 101;opacity: 0;font-size: 50px;font-weight: bold;-webkit-text-stroke: 1px black;line-height: 80px;}
.aio-landscape span{white-space: nowrap;display: inline-block;/*padding: 10px 0;*/}
/* 竖向跑马灯 */
.aio-vertical{position: absolute !important;right: 0;top: 0;min-width: 120px;width: 120px;height: 100%;text-align: center;opacity: 0;/*padding: 0 10px;*/z-index: 1001;}
/* .aio-vertical span{writing-mode: vertical-rl;white-space: nowrap;} */
.aio-vertical span{font-size: 50px;display: block;line-height: 50px;font-weight: bold;-webkit-text-stroke: 1px black;}
.aio-vertical span em{display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0;}

.aio-mr-play .aio-landscape,
.aio-mr-play .aio-vertical{opacity: 0 !important;}
.fsActive-video .aio-landscape.active,
.fsActive-video .aio-vertical.active{opacity: 1 !important;}
/* end */

/* 跑马灯弹窗 */
.dialog-horse-raceLamp .c-content{padding: 15px 10px;}
.dialog-horse-raceLamp .c-content .title{font-size: 20px;font-weight: bold;}
.dialog-horse-raceLamp .c-content .mForm{padding: 20px 0;}
.dialog-horse-raceLamp .c-content .mForm input{background: transparent;border: 1px solid #fff;padding: 0px 10px;border-radius: 5px;line-height: 40px;width: 90%;color: #fff;}
.dialog-horse-raceLamp .c-content .mForm textarea{background: transparent;border: 1px solid #fff;padding: 5px 10px;border-radius: 5px;color: #fff;}
.dialog-horse-raceLamp .btn a{color: #fff;cursor: pointer;font-size: 18px;}
.dialog-horse-raceLamp .btn a:last-child{margin-left: 50px;}
.dialog-horse-raceLamp .verticalInput-tips{text-align: left;color: red;font-size: 14px;width: 90%;margin: 0 auto;}
/* end */

/* 可移动的跑马灯 */
.mobile-horserRace-lamp {position: fixed !important;top: 10%;left: 7%;background: linear-gradient(45deg, #6b0afe, rgb(130 0 227));z-index: 9999;color: #fff;width: 310px;height: 80px;line-height: 80px;box-shadow: inset 0px 0px 9px 2px #ff00f5, 0px 0px 10px 8px rgb(167 0 241);text-align: center;border-radius: 5px;font-size: 50px;font-weight: bold;text-shadow: 0px 0px 2px white;cursor: pointer;display: block;overflow: visible;}
.mobile-horserRace-lamp .content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;text-shadow: 0 0 6px #6300f8, 2px 2px 20px #11f3c3;}
.mobile-horserRace-lamp:before,
.mobile-horserRace-lamp .content:before,
.mobile-horserRace-lamp .content:after{content:'';position: absolute;left: 0;top: 0px;bottom: 0;right: 0;border-radius: 5px;box-shadow: inset 0px 0px 4px 1px #ffffff;}
.mobile-horserRace-lamp .content:after{box-shadow: 0px 0px 4px 2px #ffffff;}
.mobile-horserRace-lamp:before{ box-shadow: none;border: dotted 4px white;left: -2px;top: -2px;right: -2px;bottom: -2px;border-radius: 7px;}
.mobile-horserRace-lamp span {position: absolute;left: 0;top: 0;user-select: none;white-space: nowrap;}
.mobile-horserRace-lamp .over-hide{overflow: hidden;width: 100%;height: 100%;position: relative;}
.fsActive-mr-play .mobile-horserRace-lamp {display: block;}
/* end */

/* 元素的伸缩 */
/* .widthHeightTransition {transition: width 0.2s, height 0.2s;} */
.resizable-edge {position: absolute;width: 10px; /* 边缘宽度 */height: 100%;background-color: transparent;cursor: e-resize; /* 水平调整的鼠标样式 */z-index: 1001;}
.resizable-edge.vertical {width: 100%;height: 10px; /* 垂直调整的边缘宽度 */cursor: n-resize; /* 垂直调整的鼠标样式 */}
.aio-vertical .ui-resizable-n, .aio-vertical .ui-resizable-s {height: 15px !important;}
.aio-vertical .ui-resizable-w, .aio-vertical .ui-resizable-w {width: 10px !important;}
/* end */

/* 登录弹窗 */
.music-login{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10001;background-color: #fff;max-width: 500px;width: 90%;text-align: center;padding: 45px 30px 30px;border-radius: 5px;display: none;}
.music-login.active{display: block;}
.music-login .close{position: absolute;right: 10px;top: 10px;background: url(../images/music/icon/icon-close.png) no-repeat center center;background-size: 20px;width: 40px;height: 40px;cursor: pointer;}
.music-login .form{margin: 20px 0;}
.music-login .form-item:not(.submit){height: 62px;background-color: #fff;padding: 0 46px;position: relative;border-bottom: 1px solid #e0dddd;}
.music-login .form-item .icon{position: absolute;left: 0;top: 0;width: 46px;height: 100%;background: no-repeat 20px center;background-size: auto 20px;}
.music-login .form-item .icon-userid{background-image:url(../images/music/icon/icon-user.png)}
.music-login .form-item .icon-password{background-image:url(../images/music/icon/icon-password.png)}
.music-login .form-item input{display: block;width: 100%;height: 100%;border: 0;font-size: 17px;}
.music-login .form-item.submit button{display: block;width: 100%;height: 50px;border-radius: 3px;background-color: #5e46f8;border: 0;color: #fff;font-size: 18px;margin-top: 20px;cursor: pointer;}
.music-login .head{font-size: 22px;font-weight: bold;padding: 5px 0;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);}
.music-login .tips{text-align: center;margin-top: 20px;font-size: 14px;color: rgba(0, 0, 0, .5);}
.music-login .tips span{display: inline-block;cursor: pointer;border: 1px solid #5e46f8;color: #5e46f8;border-radius: 15px;padding: 0px 12px;margin-top: 5px;line-height: 30px;opacity: .7;min-width: 82px;}
.music-login .tips span:hover{opacity: 1;}

.music-login .tips.login{display: none;}

.public-loginBtn{text-align: center;padding-top: 15%;}
.public-loginBtn a{display: inline-block;color: #fff;font-size: 20px;font-weight: bold;padding: 15px 50px;background: linear-gradient(138.85deg, rgba(94, 70, 248, 1) 0%, rgba(192, 62, 254, 1) 100%), rgba(204, 204, 204, 1);border-radius: 5px;cursor: pointer;opacity: .7;}
.public-loginBtn a:hover{color: #fff;opacity: 1;}
/* end */

/* 退出登录 */
.systemSettings-out-login{text-align: center;}
.systemSettings-out-login span{display: inline-block;cursor: pointer;background-color: red;color: #fff;border-radius: 5px;text-align: center;margin: 30px 0 20px;padding: 12px 20px;font-size: 20px;font-weight: bold;}
/* end */



/* 优化进度条滑动 */
.progress{height: 25px;top: -12px;background-color: transparent;z-index: 1001;}
.progress::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #65636d;
    transform: translateY(-50%);
}
.duration{
    top: 20px;
}
.time-bar{
    top: 13px;
}
.control-part{
    padding: 15px 10px 5px;
}
.control-part .play{
    width: 50px;
    height: 50px;
}
.mouseControl.progress{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mouseControl.progress::before{
    top: auto;
    transform: initial;
    bottom: 68px;
}
.mouseControl .time-bar{
    top: auto;
    bottom: 67px;
}
.mouseControl .duration{
    top: auto;
    bottom: 36px;
}

/* end */

/* 演唱会模块 */
.aio-mr-concert .result.line >ul.list .title{max-width: 45%;}
.aio-mr-concert .result.line >ul.list .operate .rl{left: 900%;}
.aio-mr-concert .controls{display: flex;justify-content: space-between;border-bottom: 1px solid #3d3e4d;padding-bottom: 10px;}
.aio-mr-concert .deposit-playlist{border-bottom: 0;}
.aio-mr-concert .display-method{height: 45px;}