.fade-enter-active, .fade-leave-active { -webkit-transition: opacity .28s; transition: opacity .28s } .fade-enter, .fade-leave-active { opacity: 0 } .fade-transform-enter-active, .fade-transform-leave-active { -webkit-transition: all .5s; transition: all .5s } .fade-transform-enter { opacity: 0; -webkit-transform: translateX(-30px); transform: translateX(-30px) } .fade-transform-leave-to { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px) } .breadcrumb-enter-active, .breadcrumb-leave-active { -webkit-transition: all .5s; transition: all .5s } .breadcrumb-enter, .breadcrumb-leave-active { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } .breadcrumb-move { -webkit-transition: all .5s; transition: all .5s } .breadcrumb-leave-active { position: absolute } .el-breadcrumb__inner, .el-breadcrumb__inner a { font-weight: 400!important } .el-upload input[type=file] { display: none!important } .el-upload__input { display: none } .el-dialog { -webkit-transform: none; transform: none; left: 0; position: relative; margin: 0 auto } .upload-container .el-upload { width: 100% } .upload-container .el-upload .el-upload-dragger { width: 100%; height: 200px } .el-dropdown-menu a { display: block } #app .main-container { min-height: 100%; -webkit-transition: margin-left .28s; transition: margin-left .28s; margin-left: 210px; position: relative } #app .sidebar-container { -webkit-transition: width .28s; transition: width .28s; width: 210px!important; background-color: #14928a; height: 100%; position: fixed; font-size: 0; top: 0; bottom: 0; left: 0; z-index: 1001; overflow: hidden } #app .sidebar-container .horizontal-collapse-transition { -webkit-transition: width 0s ease-in-out, padding-left 0s ease-in-out, padding-right 0s ease-in-out; transition: width 0s ease-in-out, padding-left 0s ease-in-out, padding-right 0s ease-in-out } #app .sidebar-container .scrollbar-wrapper { overflow-x: hidden!important } #app .sidebar-container .el-scrollbar__bar.is-vertical { right: 0 } #app .sidebar-container .el-scrollbar { height: 100% } #app .sidebar-container.has-logo .el-scrollbar { height: calc(100% - 50px) } #app .sidebar-container .is-horizontal { display: none } #app .sidebar-container a { display: inline-block; width: 100%; overflow: hidden } #app .sidebar-container .svg-icon { margin-right: 16px } #app .sidebar-container .el-menu { border: none; height: 100%; width: 100%!important } #app .sidebar-container .el-submenu__title:hover, #app .sidebar-container .submenu-title-noDropdown:hover { background-color: #14928a!important } #app .sidebar-container .is-active>.el-submenu__title { color: #f4f4f5!important } #app .sidebar-container .el-submenu .el-menu-item, #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title { min-width: 210px!important; background-color: #1f2d3d!important } #app .sidebar-container .el-submenu .el-menu-item:hover, #app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover { background-color: #001528!important } #app .hideSidebar .sidebar-container { width: 54px!important } #app .hideSidebar .main-container { margin-left: 54px } #app .hideSidebar .submenu-title-noDropdown { padding: 0!important; position: relative } #app .hideSidebar .submenu-title-noDropdown .el-tooltip { padding: 0!important } #app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon { margin-left: 20px } #app .hideSidebar .el-submenu { overflow: hidden } #app .hideSidebar .el-submenu>.el-submenu__title { padding: 0!important } #app .hideSidebar .el-submenu>.el-submenu__title .svg-icon { margin-left: 20px } #app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow { display: none } #app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block } #app .el-menu--collapse .el-menu .el-submenu { min-width: 210px!important } #app .mobile .main-container { margin-left: 0 } #app .mobile .sidebar-container { -webkit-transition: -webkit-transform .28s; transition: -webkit-transform .28s; transition: transform .28s; transition: transform .28s, -webkit-transform .28s; width: 210px!important } #app .mobile.hideSidebar .sidebar-container { pointer-events: none; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate3d(-210px, 0, 0); transform: translate3d(-210px, 0, 0) } #app .withoutAnimation .main-container, #app .withoutAnimation .sidebar-container { -webkit-transition: none; transition: none } .el-menu--vertical>.el-menu .svg-icon { margin-right: 16px } .el-menu--vertical .el-menu-item:hover, .el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover { background-color: #14928a!important } .el-menu--vertical>.el-menu--popup { max-height: 100vh; overflow-y: auto } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece { background: #d3dce6 } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar { width: 6px } .el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb { background: #99a9bf; border-radius: 20px } body { height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif } label { font-weight: 700 } html { -webkit-box-sizing: border-box; box-sizing: border-box } #app, html { height: 100% } *, :after, :before { -webkit-box-sizing: inherit; box-sizing: inherit } a:active, a:focus { outline: none } a, a:focus, a:hover { cursor: pointer; color: inherit; text-decoration: none } div:focus { outline: none } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .app-container { padding: 20px } .app-breadcrumb.el-breadcrumb[data-v-51103416] { display: inline-block; font-size: 14px; line-height: 50px; margin-left: 8px } .app-breadcrumb.el-breadcrumb .no-redirect[data-v-51103416] { color: #97a8be; cursor: text } .hamburger[data-v-7a082f33] { display: inline-block; vertical-align: middle; width: 20px; height: 20px } .hamburger.is-active[data-v-7a082f33] { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .navbar[data-v-7d05bc5c] { height: 50px; overflow: hidden; position: relative; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, .08); box-shadow: 0 1px 4px rgba(0, 21, 41, .08) } .navbar .hamburger-container[data-v-7d05bc5c] { line-height: 46px; height: 100%; float: left; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; -webkit-tap-highlight-color: transparent } .navbar .hamburger-container[data-v-7d05bc5c]:hover { background: rgba(0, 0, 0, .025) } .navbar .breadcrumb-container[data-v-7d05bc5c] { float: left } .navbar .right-menu[data-v-7d05bc5c] { float: right; height: 100%; line-height: 50px } .navbar .right-menu[data-v-7d05bc5c]:focus { outline: none } .navbar .right-menu .right-menu-item[data-v-7d05bc5c] { display: inline-block; padding: 0 8px; height: 100%; font-size: 18px; color: #5a5e66; vertical-align: text-bottom } .navbar .right-menu .right-menu-item.hover-effect[data-v-7d05bc5c] { cursor: pointer; -webkit-transition: background .3s; transition: background .3s } .navbar .right-menu .right-menu-item.hover-effect[data-v-7d05bc5c]:hover { background: rgba(0, 0, 0, .025) } .navbar .right-menu .avatar-container[data-v-7d05bc5c] { margin-right: 30px } .navbar .right-menu .avatar-container .avatar-wrapper[data-v-7d05bc5c] { margin-top: 5px; position: relative } .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-7d05bc5c] { cursor: pointer; width: 40px; height: 40px; border-radius: 10px } .navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-7d05bc5c] { cursor: pointer; position: absolute; right: -20px; top: 25px; font-size: 12px } .sidebarLogoFade-enter-active[data-v-23e8d81a] { -webkit-transition: opacity 1.5s; transition: opacity 1.5s } .sidebarLogoFade-enter[data-v-23e8d81a], .sidebarLogoFade-leave-to[data-v-23e8d81a] { opacity: 0 } .sidebar-logo-container[data-v-23e8d81a] { position: relative; width: 100%; height: 50px; line-height: 50px; background: #2b2f3a; text-align: center; overflow: hidden } .sidebar-logo-container .sidebar-logo-link[data-v-23e8d81a] { height: 100%; width: 100% } .sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-23e8d81a] { width: 32px; height: 32px; vertical-align: middle; margin-right: 12px } .sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-23e8d81a] { display: inline-block; margin: 0; color: #fff; font-weight: 600; line-height: 50px; font-size: 14px; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; vertical-align: middle } .sidebar-logo-container.collapse .sidebar-logo[data-v-23e8d81a] { margin-right: 0 } .app-main[data-v-161d9343] { min-height: calc(100vh - 50px); width: 100%; position: relative; overflow: hidden } .fixed-header+.app-main[data-v-161d9343] { padding-top: 50px } .el-popup-parent--hidden .fixed-header { padding-right: 15px } [data-v-586b9b74]:export { menuText: #fff; menuActiveText: #ffc10d; subMenuActiveText: #f4f4f5; menuBg: #14928a; menuHover: #14928a; subMenuBg: #1f2d3d; subMenuHover: #001528; sideBarWidth: 210px } .app-wrapper[data-v-586b9b74] { position: relative; height: 100%; width: 100% } .app-wrapper[data-v-586b9b74]:after { content: ""; display: table; clear: both } .app-wrapper.mobile.openSidebar[data-v-586b9b74] { position: fixed; top: 0 } .drawer-bg[data-v-586b9b74] { background: #000; opacity: .3; width: 100%; top: 0; height: 100%; position: absolute; z-index: 999 } .fixed-header[data-v-586b9b74] { position: fixed; top: 0; right: 0; z-index: 9; width: calc(100% - 210px); -webkit-transition: width .28s; transition: width .28s } .hideSidebar .fixed-header[data-v-586b9b74] { width: calc(100% - 54px) } .mobile .fixed-header[data-v-586b9b74] { width: 100% } .dashboard-container[data-v-6b05f86d] { padding-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .dashboard-container .left[data-v-6b05f86d] { width: 200px; min-height: 100vh; padding-top: 15px; border-right: 1px solid #ccc } .dashboard-container .left h2[data-v-6b05f86d] { margin-top: 15px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; margin: 0; padding: 0; color: #333 } .dashboard-container .right[data-v-6b05f86d] { padding: 15px 0; width: calc(100% - 200px) } .topWrap[data-v-6b05f86d] { margin-left: 40px } .fade-enter-active[data-v-6b05f86d], .fade-leave-active[data-v-6b05f86d] { -webkit-transition: opacity .5s; transition: opacity .5s } .fade-enter[data-v-6b05f86d], .fade-leave-to[data-v-6b05f86d] { opacity: 0 } .left ul[data-v-6b05f86d] { margin: 0; padding: 0 } .left li[data-v-6b05f86d] { display: block; text-align: center; list-style: none; color: #333; font-size: 14px; line-height: 70px; cursor: pointer } .left li.active[data-v-6b05f86d] { color: #ffc10d } .paginationWrap[data-v-6b05f86d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .pagination[data-v-6b05f86d] { margin-top: 20px } .joinBtn[data-v-6b05f86d] { position: fixed; right: 30px; top: 700px; z-index: 100 } .sectionForm[data-v-6b05f86d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .subMsg[data-v-6b05f86d] { width: 100%; text-align: center; font-size: 14px; color: #ccc; margin-top: 100px } .wrap[data-v-6b05f86d] { width: 100%; 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 } .container { padding: 30px } .container .paginationWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .container .pagination { margin-top: 20px } .svg-icon[data-v-68ef0854] { width: 1em; height: 1em; vertical-align: -.15em; fill: currentColor; overflow: hidden } .svg-external-icon[data-v-68ef0854] { background-color: currentColor; -webkit-mask-size: cover!important; mask-size: cover!important; display: inline-block }