.player-panel[data-v-724d5736]{position:fixed;left:0;right:0;bottom:0;height:calc(100dvh - 44px);display:flex;flex-direction:column;background:var(--color-5);border-radius:20px 20px 0 0;z-index:10;will-change:transform}.panel-header[data-v-724d5736]{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.contentTab[data-v-724d5736]{display:flex;padding:8px;align-items:center;justify-content:center;background:var(--color-10);border-radius:20px 20px 0 0;overflow:hidden}.contentTab .menus[data-v-724d5736]{height:28px;line-height:28px;flex:1;text-align:center;background:var(--color-11);font-size:14px;color:var(--text-dark-color)}.contentTab .menus[data-v-724d5736]:first-child{border-radius:100px 0 0 100px}.contentTab .menus[data-v-724d5736]:last-child{border-radius:0 100px 100px 0}.contentTab .active[data-v-724d5736]{background:#f80000;color:#fff}.panel-content[data-v-724d5736]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:80px}.panel-content .loading-wrap[data-v-724d5736]{display:flex;justify-content:center;align-items:center;padding-top:80px}.mainContent[data-v-724d5736]{overflow:hidden;display:flex;flex-direction:column;padding:0;color:#131a3e;border-radius:8px;margin:8px;background:var(--color-5)}.mainContent .head[data-v-724d5736]{display:flex;align-items:center;height:40px;padding:0 16px;background:#fbfbfb;text-align:left;position:relative}.mainContent .head[data-v-724d5736]:before{content:" ";position:absolute;width:4px;left:0;top:20%;bottom:17.5%;border-radius:0 5px 5px 0;background:#f80000}.mainContent .head>div[data-v-724d5736]:first-child{flex:1;padding-left:23px}.mainContent .head>div[data-v-724d5736]:nth-child(2){width:100px}.mainContent .head>div[data-v-724d5736]:nth-child(3){width:48px}.mainContent .content[data-v-724d5736]{flex:1}.mainContent .content .row[data-v-724d5736]{display:flex;align-items:center;height:36px;padding:7px 16px!important;box-sizing:border-box;background:#fff;border-bottom:.5px solid #edeef1}.mainContent .content .row>div img[data-v-724d5736]{width:23px;height:23px;border-radius:50%}.mainContent .content .row>div[data-v-724d5736]:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainContent .content .row>div:first-child .imgWrap[data-v-724d5736]{display:inline-block;text-align:center;line-height:22px;border:1px solid #edeef1;overflow:hidden;border-radius:50%;margin:0 8px;width:24px;height:24px;vertical-align:middle}.mainContent .content .row>div:first-child .imgWrap .defaultHead[data-v-724d5736]{width:17.45px;height:17.45px}.mainContent .content .row>div:first-child>img[data-v-724d5736]{margin:0 8px}.mainContent .content .row>div:first-child span[data-v-724d5736]{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainContent .content .row>div:first-child .index[data-v-724d5736]{font-family:DIN;font-weight:700;font-size:12px;display:inline-block;vertical-align:middle;width:15px;text-align:center}.mainContent .content .row>div[data-v-724d5736]:nth-child(2){width:100px;overflow:hidden;white-space:nowrap;padding-right:10px;text-overflow:ellipsis}.mainContent .content .row>div[data-v-724d5736]:nth-child(3){width:48px}.mainContent .content .row[data-v-724d5736]:last-child{border-bottom:0}.dark .player-panel .contentTab{background:var(--color-10)}.dark .player-panel .contentTab .active{background:#f80000;color:#fff}.dark .player-panel .mainContent{color:#fff}.dark .player-panel .mainContent .head{background:none}.dark .player-panel .mainContent .content .row{background:var(--color-10);border-bottom:.5px solid #2b2c30}.dark .player-panel .mainContent .content .row>div:first-child .imgWrap{border:1px solid #2b2c30}