.content[data-v-0c7a9533]{height:100vh;width:100vw;background:url(../img/back.f82a9783.png);background-size:100vw 100vh}.content .top-bar[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;background-color:#fff;border-bottom:1px solid #eee}.content .top-bar .logo[data-v-0c7a9533]{font-size:18px;font-weight:700}.content .top-bar .logo img[data-v-0c7a9533]{width:40px;height:40px;margin-right:5px}.content .main-content[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex}.content .main-content .sidebar[data-v-0c7a9533]{width:200px;padding:20px;background-color:#fff;border-right:1px solid #eee;height:calc(100vh - 70px)}.content .main-content .sidebar .sidebar-item[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.content .main-content .sidebar .sidebar-item img[data-v-0c7a9533]{width:20px;height:20px;margin-right:10px}.content .main-content .sidebar .sidebar-item[data-v-0c7a9533]:hover{color:#3377fe;border-radius:5px;background-color:#f1f7ff}.content .main-content .sidebar .sidebar-item-all[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.content .main-content .sidebar .sidebar-item-all img[data-v-0c7a9533]{width:20px;height:20px;margin-right:10px}.content .main-content .sidebar .active[data-v-0c7a9533]{color:#3377fe}.content .main-content .menu-content[data-v-0c7a9533]{-webkit-box-flex:1;-ms-flex:1;flex:1}.content .main-content .menu-content .title-box[data-v-0c7a9533]{text-align:center;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;height:180px}.content .main-content .menu-content .title-box .title[data-v-0c7a9533]{font-size:24px;font-weight:700;color:#3377fe;margin-bottom:16px}.content .main-content .menu-content .title-box .desc[data-v-0c7a9533]{font-size:16px;color:#171a1d}.content .main-content .menu-content-wrapper[data-v-0c7a9533]{padding:20px;height:calc(100vh - 255px);overflow:auto}.content .title[data-v-0c7a9533]{font-size:18px;font-weight:700;margin-bottom:20px}.content .menu-box .menu-title-box[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.content .menu-box .menu-title-box .menu-title[data-v-0c7a9533]{font-size:20px;font-weight:700;margin-bottom:35px;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.content .menu-box .menu-title-box .menu-title[data-v-0c7a9533]:before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:140%;height:5px;border-radius:2px;background:-webkit-gradient(linear,left top,right top,from(rgba(199,51,254,.2)),to(rgba(0,86,255,.2)));background:linear-gradient(90deg,rgba(199,51,254,.2),rgba(0,86,255,.2));bottom:4px}.content .menu-box .menu-list[data-v-0c7a9533]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.content .menu-box .menu-list .menu-item[data-v-0c7a9533]{padding:10px;border:1px solid #eee;border-radius:8px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(25% - 10px);margin-right:10px;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease}.content .menu-box .menu-list .menu-item img[data-v-0c7a9533]{width:50px;height:50px;margin-right:10px}.content .menu-box .menu-list .menu-item .menu-desc .menu-name[data-v-0c7a9533]{font-size:14px;font-weight:700;margin-bottom:5px}.content .menu-box .menu-list .menu-item .menu-desc .menu-intro[data-v-0c7a9533]{font-size:12px;color:#999}.content .menu-box .menu-list .menu-item[data-v-0c7a9533]:hover{cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.search-box[data-v-0c7a9533]{margin-top:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:9999px;padding:0 30px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-box .search-input[data-v-0c7a9533]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;outline:none;font-size:16px;padding:10px;color:#333;min-width:350px}.no-data[data-v-0c7a9533]{text-align:center;margin-top:20px;font-size:20px;color:#999}