.wrap[data-v-582c3369]{height:100vh;display:flex;align-items:stretch;min-width:1440px}.menu[data-v-582c3369]{width:245px;background:#111827;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;overflow-y:auto}.menu[data-v-582c3369]::-webkit-scrollbar{width:10px}.menu[data-v-582c3369]::-webkit-scrollbar-button,.menu[data-v-582c3369]::-webkit-scrollbar-track{display:none}.menu[data-v-582c3369]::-webkit-scrollbar-track-piece{display:none}.menu[data-v-582c3369]::-webkit-scrollbar-thumb{border-radius:5px;background:hsla(0,0%,100%,.2)}.menu__top[data-v-582c3369]{padding-bottom:30px}.menu .logo[data-v-582c3369]{width:202px;margin:20px 0 38px 0}.menu .logo img[data-v-582c3369]{display:block;width:100%;height:100%}.menu .new[data-v-582c3369]{width:202px;height:36px;background:#705cf6;color:#fff;border-radius:10px;text-align:center;line-height:36px;margin-bottom:88px;cursor:pointer;font-size:14px}.menu .new span[data-v-582c3369]{margin-left:5px}.menu .nav .li[data-v-582c3369]{color:#6b7280;width:170px;height:44px;margin:0 auto;display:flex;align-items:center;margin-top:10px;position:relative;padding:0 15px;cursor:pointer;font-weight:700;transition:all .3s;font-size:14px}.menu .nav .li[data-v-582c3369]:before{content:"";display:none;width:2px;height:48px;background-image:linear-gradient(#f273e3,#33a3fc);position:absolute;top:50%;left:-20px;transform:translateY(-50%);border-radius:0 2px 2px 0}.menu .nav .li[data-v-582c3369]:first-child{margin-top:0}.menu .nav .li img[data-v-582c3369]{display:block;width:18px;height:14px;margin-right:10px}.menu .nav .li[data-v-582c3369]:hover{color:#fff}.menu .nav .li-click[data-v-582c3369]{background:#181f2e;color:#fff;border-radius:12px}.menu .nav .li-click[data-v-582c3369]:before{display:block}.menu .number[data-v-582c3369]{width:200px;border:1px solid #374151;padding:12px 0;border-radius:14px}.menu .number .one[data-v-582c3369],.menu .number .three[data-v-582c3369],.menu .number .two[data-v-582c3369]{width:88%;margin:0 auto}.menu .number .one[data-v-582c3369]{display:flex;align-items:center;justify-content:space-between}.menu .number .one span[data-v-582c3369]{font-size:12px;color:#9ca3af}.menu .number .two[data-v-582c3369]{display:flex;align-items:center;margin:17px auto}.menu .number .two img[data-v-582c3369]{display:block;width:30px;height:30px;border-radius:50%;margin-right:15px}.menu .number .three[data-v-582c3369],.menu .number .two span[data-v-582c3369]{color:#fff;font-size:14px;font-weight:700}.menu .number .three[data-v-582c3369]{height:36px;background:#374151;border-radius:10px;text-align:center;line-height:36px;position:relative;cursor:pointer}.menu .number .three .pos[data-v-582c3369]{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.menu .number .three .popup[data-v-582c3369]{position:absolute;top:46px;left:0;right:0;background:#fff;color:#000;border-radius:10px;overflow:hidden}.menu .number .three .popup .po-item-li[data-v-582c3369]{display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-weight:400}.menu .number .three .popup .po-item-li .el-icon-check[data-v-582c3369]{color:#705cf6;font-weight:700}.menu .number .three .popup .po-item-li[data-v-582c3369]:hover{background:#705cf6;color:#fff}.menu .number .three .popup .po-item-li:hover .el-icon-check[data-v-582c3369]{color:#fff}.menu .upgrade[data-v-582c3369]{cursor:pointer;width:202px;height:36px;color:#fff;text-align:center;line-height:36px;background-image:linear-gradient(90deg,#30a7fc,#f373e2);border-radius:10px;margin:32px auto}.menu .upgrade span[data-v-582c3369]{font-size:14px;font-weight:700;margin-right:6px}.menu .txt[data-v-582c3369]{padding:20px 0 40px 0}.menu .txt .lis[data-v-582c3369]{margin-top:20px;cursor:pointer;color:#6b7280;font-weight:700;transition:all .3s}.menu .txt .lis span[data-v-582c3369]{margin-left:10px;font-size:14px}.menu .txt .lis[data-v-582c3369]:first-child{margin-top:0}.menu .txt .lis[data-v-582c3369]:hover{color:#fff}.cont[data-v-582c3369]{flex:1;padding-left:20px;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.cont__top[data-v-582c3369]{width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.cont__top .left[data-v-582c3369]{font-size:30px;font-weight:700}.cont__top .right[data-v-582c3369]{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:20px;cursor:pointer}.cont__top .right img[data-v-582c3369]{display:block;width:100%;height:100%}.cont__top .my-popup[data-v-582c3369]{background:#fff;box-shadow:0 0 10px #ccc;position:absolute;top:-50px;right:-70px;padding:20px;border-radius:14px 0 14px 14px;min-width:200px;transition:all .2s;transform:scale(0);z-index:999}.cont__top .my-popup .t[data-v-582c3369]{display:flex;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px}.cont__top .my-popup .t .l[data-v-582c3369]{width:32px;height:32px;border-radius:6px;overflow:hidden;margin-right:10px}.cont__top .my-popup .t .r div[data-v-582c3369]{font-size:16px;font-weight:700}.cont__top .my-popup .t .r span[data-v-582c3369]{font-size:14px}.cont__top .my-popup .b .li[data-v-582c3369]{display:flex;align-items:center;margin-top:20px;font-size:16px;cursor:pointer}.cont__top .my-popup .b .li .icon[data-v-582c3369]{font-size:20px;color:#999;margin-right:5px}.cont__top .my-style[data-v-582c3369]{top:60px;right:50px;transform:scale(1)}.cont__view[data-v-582c3369]{flex:1;margin-bottom:10px;overflow:hidden;overflow-y:auto;padding-right:20px}