[data-v-171e184a]{padding:0;margin:0}.clearfix[data-v-171e184a]:after{display:block;content:"";clear:both}.paging[data-v-171e184a]{vertical-align:middle;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 4px;color:#f0e6d2;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-size[data-v-171e184a]{line-height:28px;padding:0 6px;color:gold;font-weight:600;white-space:nowrap}.page-list[data-v-171e184a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;list-style:none;margin:0;padding:0;vertical-align:middle}.page-jump[data-v-171e184a]{line-height:28px;padding:0 6px;vertical-align:middle;color:#f0e6d2;white-space:nowrap}.page-jump .select[data-v-171e184a]{width:56px;height:26px;padding:0 4px;border-radius:4px;border:1px solid #d4a574;background:#fff8f0;color:#3d3250;margin:0 4px;text-align:center;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:none}.page-jump .select option[data-v-171e184a]{background:#fff8f0;color:#3d3250}ul li[data-v-171e184a]{color:#f0e6d2;background:-webkit-gradient(linear,left top,left bottom,from(#4a3f5c),to(#3d3250));background:linear-gradient(180deg,#4a3f5c,#3d3250);border:1px solid #5a4f6c;padding:3px 10px;cursor:pointer;border-radius:4px;font-size:13px;min-width:28px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul li[data-v-171e184a]:hover{background:-webkit-gradient(linear,left top,left bottom,from(#5a4f6c),to(#4a3f5c));background:linear-gradient(180deg,#5a4f6c,#4a3f5c);border-color:#d4a574}ul>li.active[data-v-171e184a]{background:-webkit-gradient(linear,left top,left bottom,from(#7b1fa2),to(#4a148c));background:linear-gradient(180deg,#7b1fa2,#4a148c);color:#fff;border-color:#e0a0ff;font-weight:600}ul>li.active[data-v-171e184a]:hover{background:-webkit-gradient(linear,left top,left bottom,from(#8e24aa),to(#6a1b9a));background:linear-gradient(180deg,#8e24aa,#6a1b9a)}@media (max-width:768px){.paging[data-v-171e184a]{padding:8px 2px}.page-jump[data-v-171e184a],.page-size[data-v-171e184a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px}.page-jump .select[data-v-171e184a]{width:46px;height:22px;font-size:12px}.page-list[data-v-171e184a]{gap:6px}.page-next[data-v-171e184a],.page-prev[data-v-171e184a]{font-size:0;min-width:34px;padding:4px 8px}.page-prev[data-v-171e184a]:before{content:"‹";font-size:18px;font-weight:600;line-height:1}.page-next[data-v-171e184a]:before{content:"›";font-size:18px;font-weight:600;line-height:1}ul li[data-v-171e184a]{min-width:32px;padding:4px 10px}}.detailwrap{margin:auto;width:80%}.el-dialog{background:#fdffea}.title{font-size:20px;line-height:40px}.noTreasureList{padding:3px 5px;font-size:12px;font-weight:700;letter-spacing:5px;text-align:center;height:100px;line-height:100px}.detailwrap .nickName{width:100px}.detailwrap hr{margin-top:5px;margin-bottom:5px}.detailLine{line-height:30px}.detailwrap .password{width:150px}@media (max-width:768px){.detailwrap{width:auto!important;margin:0!important}.detailwrap .el-dialog__body{min-height:50vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.detailbg{width:100%;text-align:center}.detailbg .title{font-size:18px;line-height:36px}.noTreasureList{height:auto;line-height:1.8;padding:24px 20px;font-size:14px;letter-spacing:2px}.detailLine{line-height:28px;font-size:13px;text-align:left}.detailLabel{display:inline-block;min-width:70px}}.wangdu-map-dialog .el-dialog__body{height:calc(86vh - 54px);padding:0;overflow:hidden}@media (max-width:768px){.el-dialog__wrapper .el-dialog.wangdu-map-dialog{height:80vh;height:80dvh;max-height:80dvh}.el-dialog__wrapper .el-dialog.wangdu-map-dialog .el-dialog__body{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-height:0;height:auto;padding:0;overflow:hidden}}.navgb,.topbar{position:relative;height:100%}.navgb{width:100%;background-color:#4c0a51;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.triangle-left-bottom{display:none}.rollerMessage{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:29px;line-height:29px;font-size:16px;color:bisque;overflow:hidden}.roll-text{position:absolute;top:0;left:0;margin:0;padding:0;display:inline-block;white-space:nowrap;will-change:transform;-webkit-animation-name:roll;animation-name:roll;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes roll{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes roll{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.nav{list-style-type:none;margin:0 0 0 1%;padding:0;text-align:center;font-size:14px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav li{width:auto;padding:6px}.nav li a{color:#fff;cursor:pointer;display:block;text-decoration:none}.nav li a:hover{text-decoration:underline;color:red}.wrap{margin:auto}.npcbg{width:100%;height:600px}.npcbg .npctitle{padding:3px 5px;background-color:#72b653;font-size:16px;font-weight:700;color:#fff;letter-spacing:5px;text-align:center}.npcbg .npclist{padding:5px;text-align:center}.npcbg .noNpc{padding:3px 5px;font-weight:700;letter-spacing:5px;height:100px;line-height:100px}.npcbg .noNpc,.npcSearch{font-size:16px;text-align:center}.npcSearch{margin:5px}.npcSearch,.npcSearch input{height:26px;line-height:26px;vertical-align:middle}.npcSearch input{text-align:center}.npclist .el-row{font-size:16px}.npclist .el-col{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.npclist .el-col span{height:40px;line-height:40px;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npclist .el-col img{height:40px;line-height:40px;display:block;margin:0 auto;max-width:100%}.pageDiv{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.slide-enter-active,.slide-leave-active{-webkit-transition:all 3s ease-in;transition:all 3s ease-in}.slide-leave-to{-webkit-transform:translateX(0);transform:translateX(0)}.slide-enter{-webkit-transform:translateX(300px);transform:translateX(300px)}@media (max-width:768px){.topbar{height:var(--mobile-header-h)}.hamburger{display:block;position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:20px;cursor:pointer;z-index:101;line-height:1;padding:4px 8px}.navgb{height:var(--mobile-header-h);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.nav{display:none}.rollerMessage{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;float:none;width:100%;height:var(--mobile-header-h);line-height:var(--mobile-header-h);text-align:center;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.rollerMessage .roll-text{font-size:12px;line-height:var(--mobile-header-h)}.triangle-left-bottom{display:none}.el-dialog__wrapper{z-index:600!important}.v-modal{z-index:595!important}.npcbg{height:auto;max-height:none;overflow:visible}.npclist{padding:4px}.npclist .el-row{font-size:13px}.npclist .el-col{padding:0 2px!important}.npclist .el-col span{height:36px;line-height:36px;font-size:13px}.npclist .el-col img{height:36px;width:auto;max-width:100%}.npcSearch{font-size:13px;height:auto;line-height:1.5}.npcSearch input{height:28px;font-size:13px}.npcbg .npctitle{font-size:14px;letter-spacing:3px;padding:4px 6px}}@media (min-width:769px){.hamburger{display:none}}*{margin:0;padding:0;list-style:none}#chatWrap{width:100%;height:100%;background:#2d2340;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.searchdiv{margin:0 auto;text-align:center;padding:8px 0;background:transparent;border-bottom:1px solid #5a4f6c}a{cursor:pointer;color:#00f}.searchdiv a{cursor:pointer;margin:0 6px;padding:4px 10px;color:#d4a574;font-size:12px;text-decoration:none;border:1px solid #5a4f6c;border-radius:5px;-webkit-transition:all .15s;transition:all .15s;display:inline-block}.searchdiv a:hover{color:#fff;border-color:#d4a574}#con{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;margin:5px auto;width:100%;max-width:255px}#con li{display:none;height:100%;width:100%;background:#3d3250;border:1px solid #2d2340;border-radius:4px;font-size:14px;line-height:20px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}#con li.show{display:block}#con li span.city{color:#ccc}#con li span.world{color:#00a4ea}#con li span.trade{color:#45ea35}#con li span.whisper{color:#c74dea}#con li span.system{color:#ff0}#tit{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}#tit,#tit span{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#tit span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:22px;line-height:22px;min-width:22px;font-size:11px;text-align:center;color:#a89bb8;background:#3d3250;border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;padding:0 4px;-webkit-transition:all .15s;transition:all .15s;float:none;margin:0}#tit span.select{background:#6a1b9a;color:#fff;border-color:#9c27b0}#tit span:hover{color:#fff;background:#4a3f5c}#chatWrap div.func{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}#chatWrap div.func,#chatWrap div.func span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:none}#chatWrap div.func span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:22px;line-height:22px;min-width:22px;font-size:11px;text-align:center;color:#a89bb8;background:#3d3250;border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;margin:0;padding:0 4px}#chatWrap div.func span.select{background:#6a1b9a;color:#fff;border-color:#9c27b0}#chatWrap div.func span:hover{color:#fff;background:#4a3f5c}#chatWrap div.func select{float:none;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:22px;padding:0 18px 0 6px;font-size:11px;color:#f0e6d2;background-color:#3d3250;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23d4a574'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;outline:none}#chatWrap div.func select:focus{border-color:#d4a574}#chatWrap div.func button.mv-help{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:22px;line-height:22px;min-width:22px;padding:0 5px;font-size:11px;font-weight:700;font-family:inherit;text-align:center;color:#d4a574;background:#3d3250;border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:none}#chatWrap div.func button.mv-help:focus,#chatWrap div.func button.mv-help:hover{color:#fff;background:#6a1b9a;border-color:#9c27b0}#text{height:24px;font-size:12px}span.nickname{color:#00a4ea;position:relative}#chatWrap .nickname .opts{position:absolute;display:none;background-color:#aaa;z-index:10;width:50px;border:1px solid red;bottom:10px;left:10px}#chatWrap .nickname .opts a{display:block;padding:5px;margin:auto;text-decoration:none}#chatWrap .nickname .opts a:hover{text-decoration:underline;background-color:#666;color:#fff}#chatWrap .nickname:hover .opts{display:block}@media (hover:none){#chatWrap .nickname:hover .opts{display:none}#chatWrap .nickname .opts{bottom:auto;top:22px;left:0;width:64px;padding:2px}#chatWrap .nickname .opts a{padding:8px 4px;font-size:13px;text-align:center}}.searchUserbg{width:100%;max-height:85vh;overflow-y:auto}.searchUserbg .searchUserTitle{padding:3px 5px;background-color:#72b653;font-size:16px;font-weight:700;color:#fff;letter-spacing:5px;text-align:center}.searchUserbg .fantasyUserBOList{padding:5px;text-align:center}.searchUserbg .noUser{padding:3px 5px;font-size:16px;font-weight:700;letter-spacing:5px;text-align:center;height:100px;line-height:100px}.userSearch{font-size:16px;margin:5px}.userSearch,.userSearch input{height:26px;line-height:26px;vertical-align:middle;text-align:center}.userSearch input{width:100px}.fantasyUserBOList .el-row{font-size:16px}.fantasyUserBOList .el-col img,.fantasyUserBOList .el-col span{height:40px;line-height:40px}#chatWrap .detailwrap{width:50%}.detailbg{background:#fdffea}.mv-dialog.el-dialog{border-radius:10px;overflow:hidden}.mv-dialog .el-dialog__body{padding:0 14px 14px;background:#f0f2f5}.mv-panel{max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mv-title{margin:0 0 12px;padding:5px 10px;background-color:#72b653;border-radius:0 0 6px 6px;font-size:15px;font-weight:700;color:#fff;letter-spacing:5px;text-align:center}.mv-tip{padding:8px 10px;background:#fff;border-left:3px solid #72b653;border-radius:6px;font-size:12px;line-height:1.85;color:#606266;margin-bottom:8px}.mv-tip code{background:#f5f7fa;border:1px solid #ebeef5;border-radius:4px;padding:0 4px;font-family:Consolas,Menlo,monospace;font-size:11.5px;color:#b5610a}.mv-roles{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:12px;color:#606266;margin-bottom:8px}.mv-roles,.mv-roles label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mv-roles label{gap:5px}.mv-roles input{width:88px;padding:3px 8px;border:1px solid #dcdfe6;border-radius:6px;font-size:12px;color:#303133;background:#fff;outline:none}.mv-roles input:focus{border-color:#409eff}.mv-roles .mv-note{margin-left:auto;color:#c0c4cc;font-size:11px}.mv-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px;margin:0 2px 10px;font-size:12px;color:#909399}.mv-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.detailTitle{color:#70afbe}.detailLabel{color:#7d7a75}.detailValue{color:#92655f}#sangForm{-ms-flex-wrap:wrap;flex-wrap:wrap}#sangForm,.chat-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.chat-controls{width:100%;-ms-flex-negative:0;flex-shrink:0}#text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:32px;font-size:13px;margin:0;padding:4px 8px;color:#f0e6d2;background:#3d3250;border:1px solid #5a4f6c;border-radius:4px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}#text:focus{border-color:#d4a574}#sangForm .button{-ms-flex-negative:0;flex-shrink:0;height:32px;width:48px;font-size:12px;margin:0;color:#fff;background:#6a1b9a;border:1px solid #9c27b0;border-radius:4px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}#sangForm .button:hover{background:#7b1fa2}#header_div{width:64px;height:80px;background-size:64px 80px;-moz-background-size:64px 80px;position:relative}#header_div #eye_type,#header_div #hair_type,#header_div #header_type,#header_div #mouth_type{width:64px;height:80px;background-size:64px 80px;background-repeat:no-repeat;position:absolute}@media (max-width:768px){#chatWrap{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}#con li{width:100%;height:100%;font-size:12px;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box}#con{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;margin:2px 0!important}#tit span{font-size:10px;height:20px;line-height:20px;min-width:18px;padding:0 3px}#sangForm{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.chat-controls{gap:2px}#text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:30px;font-size:11px;color:#f0e6d2;background:#3d3250;border:1px solid #5a4f6c;border-radius:4px;padding:4px 6px;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}#sangForm .button{-ms-flex-negative:0;flex-shrink:0;height:30px;width:48px;font-size:12px;color:#fff;background:#6a1b9a;border:1px solid #9c27b0;border-radius:4px;cursor:pointer;font-weight:700}#chatWrap div.func select{max-width:62px;font-size:10px;height:20px;padding:0 14px 0 4px}#chatWrap div.func span{height:20px;line-height:20px;min-width:18px;font-size:10px;padding:0 3px}.searchdiv{background:transparent;border-bottom-color:#5a4f6c}.searchdiv a{font-size:11px;margin:2px 3px;padding:3px 8px;color:#d4a574;border:1px solid #5a4f6c;border-radius:4px;display:inline-block}.searchdiv a:hover{color:#fff;border-color:#d4a574}#sangForm{-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;overflow:hidden}#sangForm,#sangForm .func{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}#sangForm .func,#tit{width:auto;-ms-flex-negative:0;flex-shrink:0}#tit{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1px}#sangForm .func select{max-width:70px;font-size:11px}.searchUserbg{height:auto;max-height:60vh;overflow-y:auto}.searchUserbg .fantasyUserBOList{height:auto;overflow-y:visible}.searchUserbg .fantasyUserBOList .el-row{font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.searchUserbg .fantasyUserBOList .el-row .el-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.searchUserbg .fantasyUserBOList .el-col span{height:auto;line-height:1.4;padding:4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.searchUserbg .fantasyUserBOList .el-col:nth-child(3) span{white-space:normal}.userSearch{height:auto;line-height:1.4;font-size:13px;padding:6px 4px}.userSearch input{height:24px;width:80px;line-height:24px;font-size:13px}.mv-panel{max-height:none;overflow-y:visible}.mv-title{font-size:14px}.mv-tip{font-size:11.5px;line-height:1.75}.mv-roles .mv-note{margin-left:0;width:100%}.mv-legend{gap:10px;font-size:11px}}#compass[data-v-9cab76f2]{width:120px;height:126px;float:left;background-image:url(/oss/action.gif);background-size:120px 126px;-moz-background-size:120px 126px;position:relative}#compass div div[data-v-9cab76f2]{width:40px;height:42px;position:absolute;display:none;cursor:pointer;background:url(/oss/action2.gif) no-repeat;background-size:120px 126px;-moz-background-size:120px 126px;overflow:hidden}#compass #northwest[data-v-9cab76f2]{top:0;left:0;background-position:0 0}#compass #north[data-v-9cab76f2]{top:0;left:40px;background-position:-40px 0}#compass #northeast[data-v-9cab76f2]{top:0;left:80px;background-position:-80px 0}#compass #west[data-v-9cab76f2]{top:42px;left:0;background-position:0 -42px}#compass #east[data-v-9cab76f2]{top:42px;left:80px;background-position:-80px -42px}#compass #southwest[data-v-9cab76f2]{top:84px;left:0;background-position:0 -84px}#compass #south[data-v-9cab76f2]{top:84px;left:40px;background-position:-40px -84px}#compass #southeast[data-v-9cab76f2]{top:84px;left:80px;background-position:-80px -84px}@media (max-width:768px){#compass[data-v-9cab76f2]{position:absolute;top:50%;left:50%;margin-left:-60px;margin-top:-76px;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:center center;transform-origin:center center;float:none;z-index:3}}.mobile-bottom-bar[data-v-c3150c12]{position:fixed;bottom:14px;left:0;width:100%;height:calc(var(--mobile-footer-h) - 14px);display:grid;grid-template-columns:1fr 84px 1fr;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.bar-left[data-v-c3150c12]{grid-column:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;min-width:0;overflow:hidden;padding:4px 6px;margin-right:8px;background:rgba(148,103,189,.3);border:1px solid rgba(148,103,189,.2);border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.bar-center[data-v-c3150c12],.bar-left[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:auto}.bar-center[data-v-c3150c12]{grid-column:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;position:relative;z-index:2}.bar-right[data-v-c3150c12]{grid-column:3;position:relative;z-index:1;pointer-events:none}.bar-left-top[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.name-area[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.name-line[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:2px}.bar-left-mid[data-v-c3150c12],.tag-line[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.bar-left-mid[data-v-c3150c12]{overflow:hidden}.user-avatar[data-v-c3150c12]{width:50px;height:66px;border-radius:4px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;position:relative}.user-avatar.placeholder[data-v-c3150c12]{background:rgba(123,31,162,.3);border-radius:4px}.avatar-layer[data-v-c3150c12]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:50px 66px;-moz-background-size:50px 66px;background-repeat:no-repeat;background-position:50%}.user-nickname[data-v-c3150c12]{color:#42a5f5;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account[data-v-c3150c12]{color:#999;font-size:9px;white-space:nowrap}.tag[data-v-c3150c12]{font-size:9px;padding:0 3px;border-radius:2px;white-space:nowrap}.tag.lv[data-v-c3150c12]{color:#b8860b;background:rgba(184,134,11,.12)}.tag.money[data-v-c3150c12]{color:#4fc3f7}.bar-wrap[data-v-c3150c12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.bar-bg[data-v-c3150c12]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:14px;border-radius:3px;position:relative;min-width:30px;overflow:hidden}.bar-fill[data-v-c3150c12]{height:100%;border-radius:3px;-webkit-transition:width .3s;transition:width .3s}.bar-text[data-v-c3150c12]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:9px;color:#fff;text-shadow:0 0 2px #000;white-space:nowrap}.bar-stamina[data-v-c3150c12]{background:rgba(244,67,54,.25)}.bar-stamina .bar-fill[data-v-c3150c12]{background:#f44336}.bar-fatigue[data-v-c3150c12]{background:rgba(255,193,7,.25)}.bar-fatigue .bar-fill[data-v-c3150c12]{background:#ffc107}.exp-bar-outer[data-v-c3150c12]{position:fixed;bottom:0;left:0;width:100%;height:14px;padding:1px 4px;padding-bottom:var(--safe-area-bottom);z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box}.bar-exp[data-v-c3150c12]{background:rgba(76,175,80,.25)}.bar-exp .bar-fill[data-v-c3150c12]{background:#4caf50}@media (min-width:769px){.exp-bar-outer[data-v-c3150c12],.mobile-bottom-bar[data-v-c3150c12]{display:none}}.slide-drawer[data-v-ff024724]{pointer-events:none}.drawer-overlay[data-v-ff024724]{left:0;width:100vw;background:rgba(0,0,0,.5);z-index:400}.drawer-overlay[data-v-ff024724],.drawer-panel[data-v-ff024724]{position:fixed;top:0;height:100vh;height:100dvh;pointer-events:auto}.drawer-panel[data-v-ff024724]{left:-100%;width:320px;max-width:90vw;background:#1a0a2e;z-index:500;-webkit-transition:left .3s ease;transition:left .3s ease;-webkit-box-shadow:2px 0 12px rgba(0,0,0,.6);box-shadow:2px 0 12px rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.drawer-panel.open[data-v-ff024724]{left:0}.drawer-header[data-v-ff024724]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 14px;background:#2a1542;border-bottom:1px solid #4a148c}.drawer-header h3[data-v-ff024724]{margin:0;color:#e0a0ff;font-size:14px;font-weight:600}.drawer-header .close-btn[data-v-ff024724]{color:#ddd;font-size:22px;line-height:1;padding:4px 10px;cursor:pointer;background:hsla(0,0%,100%,.06);border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drawer-header .close-btn[data-v-ff024724]:active{background:rgba(123,31,162,.5)}.drawer-content[data-v-ff024724]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.drawer-quick-actions[data-v-ff024724]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 12px;background:#1a0a2e;border-bottom:1px solid hsla(0,0%,100%,.08)}.action-item[data-v-ff024724]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px 4px;color:#f0e6d2;font-size:12px;background:-webkit-gradient(linear,left top,left bottom,from(#4a3f5c),to(#3d3250));background:linear-gradient(180deg,#4a3f5c,#3d3250);border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;text-align:center;min-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:.5px}.action-item[data-v-ff024724]:active{background:-webkit-gradient(linear,left top,left bottom,from(#5a4f6c),to(#4a3f5c));background:linear-gradient(180deg,#5a4f6c,#4a3f5c);border-color:#d4a574}.drawer-ext-links[data-v-ff024724]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:6px 12px 4px;background:#1a0a2e;border-bottom:1px solid hsla(0,0%,100%,.08);overflow-x:auto;-webkit-overflow-scrolling:touch}.ext-link[data-v-ff024724]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:6px 10px;color:#f0e6d2;text-decoration:none;font-size:12px;line-height:1.4;background:-webkit-gradient(linear,left top,left bottom,from(#4a3f5c),to(#3d3250));background:linear-gradient(180deg,#4a3f5c,#3d3250);border:1px solid #5a4f6c;border-radius:4px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ext-link[data-v-ff024724]:active{background:-webkit-gradient(linear,left top,left bottom,from(#5a4f6c),to(#4a3f5c));background:linear-gradient(180deg,#5a4f6c,#4a3f5c);border-color:#d4a574}.drawer-scene[data-v-ff024724]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-height:100px;max-height:50vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:4px 8px 8px 8px;background:#1a0a2e;border-bottom:1px solid hsla(0,0%,100%,.06)}.drawer-scene[data-v-ff024724] .user-row{display:none!important}.drawer-scene[data-v-ff024724] .warp{display:block!important;width:100%!important;padding:0!important;color:#ddd}.drawer-scene[data-v-ff024724] .warp .el-row{margin-bottom:0!important;padding:0!important;display:block!important}.drawer-scene[data-v-ff024724] .warp .el-col{padding:0!important;min-height:0!important;height:auto!important}.drawer-scene[data-v-ff024724] .left{display:block!important;height:auto!important;width:100%!important;padding:0!important}.drawer-scene[data-v-ff024724] .userface{display:none!important}.drawer-scene[data-v-ff024724] .userdetails{display:block!important;width:100%!important;padding:6px 8px!important;color:#e0a0ff!important}.drawer-scene[data-v-ff024724] .userdetails .name{color:#fff!important;font-size:13px!important;margin-bottom:4px}.drawer-scene[data-v-ff024724] .userdetails .labelname{color:#b39ddb!important;font-size:11px!important;padding:0!important;display:inline-block;width:38%!important;text-align:left}.drawer-scene[data-v-ff024724] .userdetails .value{color:#fff!important;font-size:11px!important;padding:0!important;display:inline-block;width:60%!important;text-align:right}.drawer-scene[data-v-ff024724] .userdetails .el-row{margin-bottom:1px!important;line-height:16px}.drawer-scene[data-v-ff024724] #functions{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:5px!important;padding:6px 0!important;width:100%!important;border-top:1px dashed hsla(0,0%,100%,.15);margin-top:6px}.drawer-scene[data-v-ff024724] #functions a{display:inline-block;padding:5px 8px;background:#4a148c;color:#fff!important;font-size:11px;border-radius:4px;text-decoration:none;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.drawer-scene[data-v-ff024724] #functions a:active{background:#6a1b9a}.drawer-scene[data-v-ff024724] .links,.drawer-scene[data-v-ff024724] a{color:#ddd!important;text-decoration:none}.drawer-scene[data-v-ff024724] hr{border:none;border-top:1px dashed hsla(0,0%,100%,.15);margin:4px 0}.drawer-chat[data-v-ff024724]{-ms-flex:1 1 0px;flex:1 1 0;min-height:200px;max-height:60vh;-ms-flex-direction:column;flex-direction:column;background:#0d1a2e;border-top:1px solid #03a9f4}.drawer-chat-body[data-v-ff024724],.drawer-chat[data-v-ff024724]{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;overflow:hidden}.drawer-chat-body[data-v-ff024724]{-ms-flex:1;flex:1;min-height:0;-ms-flex-direction:column;flex-direction:column}.drawer-content[data-v-ff024724] #chatWrap{height:100%!important;border:none!important;padding:4px 6px!important;margin:0!important}.drawer-content[data-v-ff024724] #chatWrap,.drawer-content[data-v-ff024724] #con{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%!important;max-height:none!important}.drawer-content[data-v-ff024724] #con{max-width:none!important;height:auto!important;overflow:hidden;margin:0 auto!important}.drawer-content[data-v-ff024724] #con li{max-width:100%!important;width:100%!important;height:100%!important;max-height:none!important;font-size:11px!important;line-height:1.6;margin:0!important;padding:4px!important;text-align:left}.drawer-content[data-v-ff024724] .searchdiv{width:100%}.drawer-content[data-v-ff024724] #sangForm,.drawer-content[data-v-ff024724] #tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.drawer-content[data-v-ff024724] #sangForm .button{font-weight:700;letter-spacing:1px}body.drawer-open[data-v-ff024724]{overflow:hidden!important;position:fixed!important;width:100%!important}.fade-enter-active[data-v-ff024724],.fade-leave-active[data-v-ff024724]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.fade-enter[data-v-ff024724],.fade-leave-to[data-v-ff024724]{opacity:0}@media (min-width:769px){.slide-drawer[data-v-ff024724]{display:none}}.aplayer{background:#fff;font-family:Arial,Helvetica,sans-serif;margin:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}.aplayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic{height:66px;width:66px}.aplayer.aplayer-fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;overflow:visible;max-width:400px;-webkit-box-shadow:none;box-shadow:none}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:65px;border:1px solid #eee;border-bottom:none}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;background:#fff;padding-right:18px;-webkit-transition:all .3s ease;transition:all .3s ease;max-width:400px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before{display:none}.aplayer.aplayer-fixed .aplayer-info{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:none;border-top:1px solid #e9e9e9}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;-webkit-transform:scaleX(0);transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{-webkit-transform:rotateY(0);transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:50%;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.aplayer .aplayer-pic:hover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;-webkit-box-sizing:border-box;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;-webkit-box-flex:1;-ms-flex:1;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" "}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.8)));background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden;margin:0}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:#e6e6e6;width:18px;border-radius:0 2px 2px 0}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path{fill:#000}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.child-view{position:absolute;width:100%;-webkit-transition:all .5s;transition:all .5s}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{will-change:transform;-webkit-transition:all .5s;transition:all .5s;position:absolute}.slide-right-enter{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.slide-left-enter,.slide-right-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.slide-left-leave-to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.el-container{height:100vh;height:100dvh;position:relative;overflow:hidden}.el-header{height:60px!important;padding:0!important}.el-main{background:#fff;height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;padding:0!important;overflow:hidden}.container{width:100%;min-width:100%}.left1{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-height:40%}.left1,.left2{overflow-y:auto;padding:0 6px 0 6px}.left2{-webkit-box-flex:1;-ms-flex:1 1 60%;flex:1 1 60%;min-height:60%}#content{position:relative;height:100%;width:100%;overflow:hidden;padding:4px}.main-middle{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.middlebottom{position:absolute;right:5px;bottom:5px;width:100px;height:30px}.main-left{height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#2d2340}.row-bg{padding:0!important}.container>.el-main>.el-row{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.container>.el-main>.el-row:after,.container>.el-main>.el-row:before{display:none}@media (max-width:768px){.el-header{height:var(--mobile-header-h)!important}.el-main{height:calc(100dvh - var(--mobile-header-h) - var(--mobile-footer-h))!important}.el-row{display:block}.main-left,.main-middle{width:100%;height:auto}.main-middle{height:100%}#content{padding:0;overflow-y:auto}.middlebottom{display:none}}#aplayer.aplayer.aplayer-fixed{z-index:300!important}.aplayer.aplayer-fixed .aplayer-miniswitcher{-webkit-transform:scaleX(-1)!important;transform:scaleX(-1)!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body,.aplayer.aplayer-fixed:not(.aplayer-narrow) .aplayer-body{position:fixed!important;bottom:var(--ap-bottom,20px)!important;right:var(--ap-right,20px)!important;left:auto!important}.aplayer.aplayer-fixed:not(.aplayer-narrow) .aplayer-body{width:360px!important}.aplayer.aplayer-fixed .aplayer-list{position:fixed!important;bottom:calc(var(--ap-bottom, 20px) + 66px)!important;left:auto!important;right:var(--ap-right,20px)!important;width:360px!important;max-height:350px!important;overflow-y:auto!important;margin-bottom:0!important;z-index:100!important}.aplayer.aplayer-fixed .aplayer-list ol{max-height:340px!important}@media (max-width:768px){#aplayer.aplayer.aplayer-fixed{z-index:300!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{right:var(--ap-m-right,4px)!important;left:auto!important;width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body,.aplayer.aplayer-fixed:not(.aplayer-narrow) .aplayer-body{position:fixed!important;bottom:var(--ap-m-bottom,70px)!important;z-index:300!important;background:#fff!important}.aplayer.aplayer-fixed:not(.aplayer-narrow) .aplayer-body{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.2)!important;box-shadow:0 -2px 8px rgba(0,0,0,.2)!important;padding-right:18px!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}.aplayer.aplayer-fixed:not(.aplayer-narrow) .aplayer-info{max-width:calc(100vw - 84px)!important;display:block!important;-webkit-transform:scaleX(1)!important;transform:scaleX(1)!important}.aplayer.aplayer-fixed .aplayer-miniswitcher{z-index:310!important;pointer-events:auto!important}.aplayer.aplayer-fixed .aplayer-pic{pointer-events:auto!important}.aplayer.aplayer-fixed .aplayer-list{position:fixed!important;bottom:calc(var(--ap-m-bottom, 70px) + 66px)!important;left:0!important;right:0!important;width:100vw!important;max-height:40vh!important;z-index:310!important;background:#fff!important;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.2)!important;box-shadow:0 -2px 8px rgba(0,0,0,.2)!important;border:none!important;border-radius:0!important;margin:0!important;margin-bottom:0!important}}