:root {
    --left-width: 0;
    --heap-height: 40px
}
.aio-sys-body, .aio-sys-main{height: 100%;}
.dialog-clicked{height: 0;width: 100%;top: auto;border-top: 0;background: rgba(61, 52, 97, 1);border-top-left-radius: 5px;border-top-right-radius: 5px;transition: height .3s ease;}
.dialog-clicked.active{z-index: 10001;}
.dialog-clicked.h5Active{height: 50%;}
.dialog-clicked .switch{max-height: 40px;padding: 0 0 0 5px;display: flex;overflow: hidden;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;margin-top: 10px;}
.dialog-clicked .switch span{font-size: 13px;min-width: 65px;padding: 0 10px;flex: 0 0 auto;}
.deposit-playlist{padding: 10px;}
.deposit-playlist .save-list, .deposit-playlist a{width: 23px;height: 23px;}
.deposit-playlist .dt-btn em{line-height: inherit;}
.deposit-playlist .delete{height: 20px;}

.dialog-clicked .tab.active{max-height: calc(100% - 70px) !important;}
.tabItemBox .list .title{font-size: 14px;}
.tabItemBox .control_1 .likes{display: block;padding-top: 3px;}
.tabItemBox .list li .likes, .tabItemBox .list li .topUp{font-size: 0 !important;}

.aio-m-right{background-image: url(../images/music/h5-bg-fil.png);position: relative;padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.aio-m-right::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;box-shadow: 0px 0px 300px 280px rgba(146, 90, 242, 0.3);border-radius: 100%;}


.aio-public-head{background: transparent;}
.aio-ml-menu{margin-right: 0;padding: 0 10px;display: flex;justify-content: space-between;width: 100%;position: relative;}
.aio-ml-menu a{padding: 0 0;line-height: var(--heap-height);color: #fff;}
.aio-ml-menu a span{background-image: inherit !important;padding-left: 0;line-height: inherit;}
.aio-ml-menu a.active::before{content: '';position: absolute;top: 85%;left: 50%;width: 60%;height: 3px;z-index: 1;border-radius: 5px;transform: translateX(-50%);}
.aio-ml-menu.clearfix::after{display: none;}

.public-ulist>ul.list>li{width: 100%;border-radius: 0;}
.public-ulist >ul.list>li:not(.first){background:initial;height: auto;position: relative;margin-right: 0;padding: 5px 0;margin-bottom: 3px;}
.public-ulist >ul.list>li:not(.first)::after{display: none;}
.public-ulist >ul.list>li.first{height: 30px;top: -15px;}
.public-ulist >ul.list>li.first::after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: url(../images/music/icon/h5-right.png) no-repeat;background-size: cover;width: 6px;height: 12px;}
.public-ulist >ul.list>li.first a{display: block;width: 40%;}
.public-ulist >ul.list .info{width: 48%;}
.public-ulist .operate .rl{width: 45%;bottom: initial;top: 50%;right: 0;transform: translateY(-50%);left: initial;}
.public-ulist .operate .rl .more, .public-ulist .operate .likes{font-size: 0;opacity: 1;padding-top: 0;background-position-y: center;background-size: 23px;}
.public-ulist >ul.list .title{font-size: 14px;line-height: 20px;}
.public-ulist >ul.list .operate{height: 0;margin-top: 0;}
.public-ulist >ul.list .name{font-size: 12px;}
.public-ulist >ul.list .name.hasType{padding-left: 10px;}
.public-ulist >ul.list .status{top: 30px;left: 0;}
.public-ulist .operate .rl .more:hover,
.public-ulist >ul.list>li:hover .more, 
.public-ulist >ul.list>li:hover .likes{font-size: 0;}
.public-ulist>ul.list:not(:last-of-type){border-bottom: 0;}
.public-ulist>ul.list>li:hover{border-color: transparent;}
.aio-mr-content .content-list{padding-top: 15px;}
.aio-mr-content .public-ulist>ul.list{padding: 20px 0;}
/* .aio-mr-content .public-ulist>ul.list:last-child{padding-bottom: 50px;} */
.aio-mr-content .public-ulist >ul.list .status{left: 10px;}
.aio-mr-content .public-ulist >ul.list .info{width: 48% !important;position: initial;}

.aio-mr-content .list-details .head .title span{font-size: 14px;}
.aio-mr-content .list-details .head .img{display: none;}
.aio-mr-content .list-details .head .title span::before,
.aio-mr-content .list-details .head .time::after{line-height: 15px;margin-left: 5px;font-size: 10px;padding: 0 4px;}
.aio-mr-content .list-details .head .time{font-size: 11px;line-height: 15px;}
.aio-mr-content .list-details .stat{margin-top: 10px;font-size: 11px;}
.aio-mr-content .list-details .stat span{line-height: 15px;}

.tabItemBox .list .title span::after{display: none;}
.aio-mr-play{background-color: transparent;position: fixed;}
.aio-mr-play .mr-play-box{width: 95%;margin: 0 auto;background-color: rgba(56, 46, 84, 1);border: 1px solid rgba(159, 133, 204, 1);box-shadow: inset 0px 0px 30px rgba(97, 34, 191, 1);border-radius: 8px;box-sizing: border-box;height: 54px;}
.aio-mr-content .public-ulist >ul.list>li.first{margin-right: 0;}
.aio-mr-play .video-parts{width: 45px;height: 42px;border-radius: 4px;padding: 0 0;margin-left: 15px;margin-top: 6px;}
.progress{display: none;}
.control-part .switch .prev,
.control-part .volume,
.control-part .controls-f,
.chorus-tab{display: none;}
.video-part{flex: 3;align-items: center;}
.control-part{padding: 0 4px 0 10px;}
.control-part .play{margin: 0 0;width: 30px;height: 30px;}
.video-part .info .title{font-size: 14px;min-width: 200px;}
.video-hover{width: 45px;height: 44px;left: -45px;}
.video-part .info{line-height: 20px;}
.video-part .info .name{font-size: 12px;}
.control-part .switch{flex: 0;margin: 0 10px;}


/* .aio-mr-search .box{padding-top: 20px;} */
.aio-mr-search{background: #0f0818 url(../images/music/h5-bg-fil.png);}
.aio-mr-search::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;box-shadow: 0px 0px 300px 280px rgba(146, 90, 242, 0.3);border-radius: 100%;}
.aio-mr-search .historical{padding: 20px 0;position: relative;}
.aio-mr-search .historical h6.title{padding-left: 0;font-size: 16px;}
.aio-mr-search .historical .delete-historical{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.aio-mr-search .historical .aio-singer-style a{max-width: 50%;width: auto;padding: 5px 15px;margin-top: 10px;font-size: 12px;line-height: 18px;}
.aio-singer-style span.time, .aio-singer-style span.remarks{font-size: 11px;}
.aio-mr-search .historical .top{margin: 20px 5% 0;}
.aio-mr-search .menu{margin: 0 5%;}

.aio-mr-search h6.title{font-size: 16px;}
.aio-mr-search .container{padding: 0 0;}
.aio-mr-search .container .multi-singer{padding-left: 10px;padding-right: 10px;}
.aio-mr-search .container .multi-singer span.name{font-size: 14px;}
.aio-mr-search .search-goTop{width: 35px;height: 35px;}
.aio-singer-style a .likes{opacity: 1;}
.aio-singer-style a{max-width: 150px;padding: 2px 50px 2px 15px;width: auto;line-height: 18px;margin-top: 5px;}
.aio-mr-search .container .aio-singer-style a .likes{width: 18px;height: 18px;}

.aio-mr-search .offering .head .name{padding-left: 50px;font-size: 16px;position: initial;}
.aio-mr-search .offering .head .name::before{bottom: 4px;padding: 0 4px;font-size: 10px;margin-left: 5px;line-height: 15px;position: initial;float: right;margin-top: 5px;}
.aio-mr-search .offering .line.public-ulist >ul.list{margin-top: 50px;padding-top: 0;}
/* .aio-mr-search .offering .head .display-method{display: none;} */
.display-method{display: none;}
/* .aio-mr-search .offering .total-time,
.aio-mr-search .offering .result.line >ul.list .name span{font-size: 12px;} */
.total-time,
.result.line >ul.list .name span{font-size: 12px;}
/* .aio-mr-search .offering .total-time,
.aio-mr-search .offering .result.line >ul.list .name i{display: none;} */
.aio-mr-search .offering .total-time,
.result.line >ul.list .name i{display: none;}
/* .aio-mr-search .offering .result.line >ul.list .operate .rl{top: 0;transform: initial;width: 140px;height: 100%;padding: 0 0;left: 650%;} */
.result.line >ul.list .operate .rl{top: 0;transform: initial;width: 130px;height: 100%;padding: 0 0;left: 650%;}
.result.line >ul.list .operate .rl .more, 
.result.line >ul.list .operate .rl .likes{padding-top: 0;background-size: 23px;}
.result.line >ul.list>li:hover .more, .result.line >ul.list>li:hover .likes{font-size: 0;}

.aio-mr-search .offering .head .play-now{left: 0;margin-left: 0;top: 55px;}
.aio-mr-search .offering .select-all{left: auto;right: 10px;top: 55px;margin-left: 0;}
/* .aio-mr-search .offering .result.line >ul.list .name span{width: 45%;} */
.result.line >ul.list .name span{width: 45%;}
/* .aio-mr-search .offering .result.line >ul.list .status{white-space: nowrap;} */
.result.line >ul.list .status{white-space: nowrap;}
/* .aio-mr-search .offering .result.line >ul.list .title{width: 24%;max-width: 24%;margin: 0 20px 0 0;} */
.result.line >ul.list .title{width: 24%;max-width: 24%;margin: 0 20px 0 0;}
.aio-mr-search .offering .select-all a{background-size: 20px;width: 80px;}
.aio-mr-search .offering .select-all a::after{position: absolute;right: 0;left: auto;}
.aio-mr-search .offering .select-all .selectAll-btn em{height: 25px;line-height: 25px;}
.aio-mr-search .offering .select-all .selectAll-btn .btn{font-size: 14px;}
.aio-mr-search .container .prev{margin-left: 10px;}
/* .aio-mr-search .multi .public-ulist>ul.list{padding: 0 10px;} */
.public-ulist>ul.list{padding: 0 10px 50px;}
.public-ulist >ul.list>li:not(.first){padding-left: 5px;padding-right: 5px;}
.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{width: 12px;height: 12px;}
.aio-mr-search .container .multi .public-ulist >ul.list .info{width: 48%;position: initial;}
.aio-mr-search .container .public-ulist >ul.list .status{left: 8px;}

.choose-create-sheet .c-content .name{font-size: 14px;}
.choose-create-sheet .list .info span.number{font-size: 12px;}

/* 歌星 */
/* .aio-mr-singStar{padding-bottom: 70px;} */
.aio-mr-singStar .menu-type span:first-child,
.aio-mr-singStar .menu-type span,
.aio-mr-singStar .menu-type span:last-child{clip-path: initial;border-radius: 15px;display: inline-block;padding: 0 10px;font-size: 14px;margin-right: 10px;margin-bottom: 10px;}
.aio-mr-singStar .menu-type{display: block;}
.aio-mr-singStar .menu-letter{margin-top: 0;position: fixed;right: 5px;top: 50%;transform: translateY(-50%);text-align: center;z-index: 1;height: 85%;writing-mode: vertical-lr;}
.aio-mr-singStar .menu-letter span{font-size: 12px;cursor: pointer;border-radius: 5px;color: #afa8aa;writing-mode: rl-tb;line-height: 18px;width: 20px;padding: 0 0;height: 16px;color: #fff;}
.aio-mr-singStar .menu-letter span.active{background-color: #fff;color: #333;}
.aio-mr-singStar .content{padding-right: 25px;}
.aio-mr-singStar .list li{float: initial;width: 100%;margin-right: 0;background: transparent;border-radius: 0;padding: 15px 0;margin-top: 0;max-width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .3);border-top: 0;border-left: 0;border-right: 0;}

.aio-mr-singStar .list li:hover{box-shadow: initial;border:initial;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.aio-mr-singStar .list li .remarks{display: none;}
.aio-mr-singStar .list li .likes{opacity: 1;right: 5px;background-image: initial;width: 60px;height: 23px;}
.aio-mr-singStar .list li .likes::before{content: '关注';position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 23px;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 15px;text-align: center;}
.aio-mr-singStar .list li .likes.active::before {content: '已关注';color: #bf94ff;border-color: #bf94ff;}
.aio-mr-singStar .list li .likes.active{background-image: initial;}

/* 分类 */
.aio-mr-class{padding: 10px 0;}
.controls-public .controls .title{font-size: 16px;}
.aio-mr-class .controls{padding: 15px 0 15px 10px;}
.aio-mr-class .select{width: 75px;font-size: 14px;padding: 3px 0;}
.aio-mr-class .select em{width: 35%;background-size: 15px;}
.aio-mr-class .menu{padding: 0 10px;overflow: hidden;overflow-x: auto;}
.aio-mr-class .menu-list a{padding: 3px 15px;white-space: nowrap;}

.aio-mr-class .deposit-playlist{left: auto;right: 70px;top: 0;padding: 0;}
.public-ulist >ul.list .info{width: 100%;zoom: 1;position: relative;}

/* 广场 */
.aio-mr-songSheet h6.title{font-size: 16px;padding: 5px 0 10px 10px;}

.aio-mr-songSheet .songSheet-list,
.aio-mr-mineCollect .songSheet-list{padding: 0 10px;}
.aio-mr-songSheet .songSheet-list li,
.aio-mr-mineCollect .songSheet-list li{margin-left: 0;margin-bottom: 10px;width: 49%;height: 212px;margin-right: 6px;}
.aio-mr-songSheet .songSheet-list li:nth-child(2n),
.aio-mr-mineCollect .songSheet-list li:nth-child(2n){margin-right: 0 !important;}
.songSheet-list li .info,
.aio-mr-mineCollect .songSheet-list li .info{padding: 3px 10px;}
.songSheet-list li .info .title,
.aio-mr-mineCollect .songSheet-list li .info .title{font-size: 13px;line-height: 22px;}
.songSheet-list li .info .likes,
.aio-mr-mineCollect .songSheet-list li .info .likes{opacity: 1;}
.songSheet-list li:hover,
.aio-mr-mineCollect .songSheet-list li:hover{border-color: transparent;}
.songSheet-list li .info .tag em,
.aio-mr-mineCollect .songSheet-list li .info .tag em{font-size: 10px;}

.songSheet-defalut{padding: 10px 0;}
.songSheet-defalut .icon-goBack{margin-left: 0;}
.sheet-default-info{padding: 0 10px 10px;}
.sheet-default-info .info{margin-left: 0;}
.sheet-default-info .info .title{font-size: 14px;}
.sheet-default-info .info .title::after{line-height: 15px;margin-left: 5px;font-size: 10px;padding: 0 4px;}
.sheet-default-info .number{right: 10px;font-size: 12px;}
.sheet-default-info .number span{padding: 0 5px;}
.sheet-default-info .number span:last-child{padding-left: 10px;}

.sheet-default-info .create-time{font-size: 11px;line-height: 15px;}
.sheet-default-info .tag{margin-top: 0 !important;font-size: 11px;line-height: 20px;}
.sheet-default-info .description{font-size: 11px;line-height: 15px;}
.sheet-default-info .cover{display: none;}
.songSheet-defalut .controls{padding: 10px;}

/* 歌单 */
.aio-mr-mine{position: relative;z-index: 1;}
.aio-mr-mine .songSheet-lists .pack-ul{padding: 0 10px;}
.aio-mr-mine .songSheet-lists .pack-ul li{width: 49%;max-width: initial;margin-left: 0;margin-right: 6px;margin-top: 10px;}
.aio-mr-mine .songSheet-lists .pack-ul li:nth-child(2n){margin-right: 0 !important;}
.aio-mr-mine .songSheet-lists .pack-ul .cover{max-height: initial;height: 160px;}
.aio-mr-mine .songSheet-lists .pack-ul .cover img{height: 100%;}
.aio-mr-mine .songSheet-lists .pack-ul .info{padding: 8px 10px 28px;font-size: 14px;line-height: 18px;}
.aio-mr-mine .songSheet-lists .pack-ul .delete-playlist{display: block;bottom: 10px;width: 16px;height: 16px;right: 15px;}
.aio-mr-mine .songSheet-lists .pack-ul li.add{height: 215px;}

.aio-mr-mine .songSheet-lists .default{padding: 0 0;}
.aio-mr-mine .songSheet-lists .default .deposit-playlist{position: initial;margin-top: 10px;}
.aio-mr-mine .songSheet-lists .default .controls .title{padding: 0 10px 10px;font-size: 16px;}


/* 收藏 */
.aio-mr-mineCollect{padding: 10px 0;}
.aio-mr-mineCollect .like-menu{padding: 0 10px;}
.aio-mr-mineCollect .like-menu a{font-size: 14px;padding: 5px 0;}
.aio-mr-mineCollect .like-menu a:not(:last-child){margin-right: 10%;}
.aio-mr-mine .like-menu a.playing-video{width: 23px;height: 23px;}

.aio-mr-mine .like-list .box .star.tab-item{padding: 0 10px;}
.aio-mr-mine .star-list li{float: initial;width: 100%;margin-right: 0;background: transparent;border-radius: 0;padding: 15px 0;margin-top: 0;max-width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .3);border-top: 0;border-left: 0;border-right: 0;}

.aio-mr-mine .star-list li:hover{box-shadow: initial;border:initial;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.aio-mr-mine .star-list li .remarks{display: none;}
.aio-mr-mine .star-list li .likes{opacity: 1;right: 5px;background-image: initial;width: 60px;height: 23px;}
.aio-mr-mine .star-list li .likes::before{content: '关注';position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 23px;font-size: 12px;color: #fff;border: 1px solid #fff;border-radius: 15px;text-align: center;}
.aio-mr-mine .star-list li .likes.active::before {content: '已关注';color: #bf94ff;border-color: #bf94ff;}
.aio-mr-mine .star-list li .likes.active{background-image: initial;}

/* 设置 */
.aio-mr-systemSettings .btn{padding-top: 10px;}
.aio-mr-systemSettings .btn .gd-tips{font-size: 16px;padding-bottom: 10px;}
.aio-mr-systemSettings .btn a{padding: 5px 15px;font-size: 14px;}
.aio-mr-systemSettings .marquee-mode{padding-bottom: 10px;}
.aio-mr-systemSettings .marquee-mode .lt{height: auto;}
.aio-mr-systemSettings .marquee-mode .state{top: -4px;transform: initial;font-size: 14px;left: 105px;white-space: nowrap;}
.aio-mr-systemSettings .marquee-mode .change-lamp-fontSize{left: 0;transform: initial;top: 33px;padding: 5px 7px;}
.aio-mr-systemSettings .marquee-mode .switch{width: 50px;height: 20px;}
.aio-mr-systemSettings .marquee-mode .switch:after{width: 14px;height: 14px;}
.aio-mr-systemSettings .marquee-mode .switch:checked:after{transform: translateX(27px);}
.aio-mr-systemSettings .marquee-mode .change-lamp-text{position: initial;transform: initial;padding: 5px 7px;margin-top: 5px;}

.voclumn-diagram{display: none;}
.systemSettings-out-login span{font-size: 16px;padding: 10px 20px;}

.systemSettings-dialog{padding-top: 0;}
.dialog-export .tips{font-size: 16px;}
.systemSettings-dialog .public-btn a{font-size: 14px;}
.aio-mr-puStyle{padding-bottom: 60px;}
.dialog-horse-raceLamp{max-width: 400px;width: 100% !important;}
.dialog-horse-raceLamp .c-content .mForm textarea{box-sizing: border-box;max-width: 100%;}

/* 全屏模式 */
.fsActive-mr-play .video-parts{width: 100%;height: 100%;margin-left: 0;margin-top: 0;border-radius: 0;}
.fsActive-mr-play .progress{display: block;}
.fsActive-mr-play .fsActive .video-hover{display: none;}
.fsActive-mr-play .control-part .switch .prev, 
.fsActive-mr-play .control-part .volume,
.fsActive-mr-play .control-part .controls-f, 
.fsActive-mr-play .chorus-tab{display: block;}
.fsActive-mr-play .control-part .switch .prev{width: 16px;height: 16px;}
.fsActive-mr-play .control-part .play{margin: 0 12px;}
.fsActive-mr-play .control-part .controls-f a.pictureIn{display: none;}

.fsActive-mr-play .control-part .volume{max-width: 110px;}
.fsActive-mr-play .control-part .volume-control{width: 22px;height: 22px;}
.fsActive-mr-play .control-part .volume .sound-box{width: 100px;height: 5px;}
.fsActive-mr-play .control-part .volume .sound-bar{height: 5px;}
.fsActive-mr-play .control-part .volume-control:last-child{right: -35px;}
.fsActive-mr-play .control-part .volume::after{right: auto;left: 50%;font-size: 11px;}

.fsActive-mr-play .control-part .controls-f{flex: 1;display: flex;margin-right: 10px;min-width: 100px;}
.fsActive-mr-play .control-part .controls-f a{background-position-x: center;font-size: 12px;padding-top: 22px;background-size: 22px;white-space: nowrap;}
.fsActive-mr-play .control-part .controls-f a.repeatPart{background-size: 25px;flex: 1;text-align: center;}
.fsActive-mr-play .control-part .controls-f a.order{flex: 1;text-align: center;}
.fsActive-mr-play .chorus-tab{display: flex;flex: 1;margin: 0 15px;white-space: nowrap;}
.fsActive-mr-play .bs_switch{width: 56px;height: 21px;}
.fsActive-mr-play .bs_switch:after{width: 15px;height: 15px;}
.fsActive-mr-play .chorus-tab .text{font-size: 12px;}
.fsActive-mr-play .h5-menu-taggle{position: relative;padding-bottom: 48px;background-size: 22px;}
.fsActive-mr-play .h5-menu-taggle::after{content: '菜单';position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;font-size: 12px;}
.fsActive-mr-play .duration{top: 12px;font-size: 12px;}
.fsActive-mr-play .video-part .info .title{max-width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;min-width: auto;}
.fsActive-mr-play .dialog-clicked.h5Active{height: 70%;}
.fsActive-mr-play .tabItemBox .list .title{font-size: 14px !important;line-height: 20px;-webkit-text-stroke: inherit;}
.fsActive-mr-play .tabItemBox .list .number{font-size: 14px;}
.fsActive-mr-play .tabItemBox .list li.active .number::after{left: auto;right: 0;}
.fsActive-mr-play .dialog-clicked .tab.active{max-height: calc(100% - 45px) !important;}
.fsActive-mr-play .tabItemBox .list{height: calc(100% - 44px);}

/* 演唱会 */
.aio-mr-concert .controls{padding-bottom: 0;}
.aio-mr-concert .result.line >ul.list .info{overflow: hidden;}
.aio-mr-concert .line.public-ulist >ul.list{padding: 10px 0 50px;}
.aio-mr-concert .result.line >ul.list .operate .rl{left: 670%;}
.aio-mr-concert .result.line >ul.list .title{margin-right: 0;}
.aio-mr-concert .result.line >ul.list .title{width: 31%;}
.aio-mr-concert .deposit-playlist{padding: 5px;}