.app-breadcrumb.el-breadcrumb[data-v-b50ef614] { display: inline-block; font-size: 14px; line-height: 50px; margin-left: 8px; } .app-breadcrumb.el-breadcrumb .no-redirect[data-v-b50ef614] { color: #97a8be; cursor: text; } .hamburger[data-v-4e6f274c] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .hamburger.is-active[data-v-4e6f274c] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navbar[data-v-d16d6306] { height: 50px; overflow: hidden; position: relative; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); } .navbar .hamburger-container[data-v-d16d6306] { line-height: 46px; height: 100%; float: left; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-tap-highlight-color: transparent; } .navbar .hamburger-container[data-v-d16d6306]:hover { background: rgba(0, 0, 0, 0.025); } .navbar .breadcrumb-container[data-v-d16d6306] { float: left; } .navbar .right-menu[data-v-d16d6306] { float: right; height: 100%; line-height: 50px; } .navbar .right-menu[data-v-d16d6306]:focus { outline: none; } .navbar .right-menu .right-menu-item[data-v-d16d6306] { 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-d16d6306] { cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .navbar .right-menu .right-menu-item.hover-effect[data-v-d16d6306]:hover { background: rgba(0, 0, 0, 0.025); } .navbar .right-menu .avatar-container[data-v-d16d6306] { margin-right: 30px; } .navbar .right-menu .avatar-container .avatar-wrapper[data-v-d16d6306] { margin-top: 5px; position: relative; } .navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-d16d6306] { cursor: pointer; width: 40px; height: 40px; border-radius: 10px; } .navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-d16d6306] { cursor: pointer; position: absolute; right: -20px; top: 25px; font-size: 12px; } .sidebarLogoFade-enter-active[data-v-6494804b] { -webkit-transition: opacity 1.5s; transition: opacity 1.5s; } .sidebarLogoFade-enter[data-v-6494804b], .sidebarLogoFade-leave-to[data-v-6494804b] { opacity: 0; } .sidebar-logo-container[data-v-6494804b] { position: relative; width: 100%; height: 50px; line-height: 50px; background: #2b2f3a; text-align: center; overflow: hidden; } .sidebar-logo-container .sidebar-logo-link[data-v-6494804b] { height: 100%; width: 100%; } .sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-6494804b] { width: 32px; height: 32px; vertical-align: middle; margin-right: 12px; } .sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-6494804b] { 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-6494804b] { margin-right: 0px; } .sub-el-icon[data-v-31ea41b3] { color: currentColor; width: 1em; height: 1em; } .title[data-v-31ea41b3]{ font-size: 18px; } .app-main[data-v-078753dd] { /*50 = navbar */ min-height: calc(100vh - 50px); width: 100%; position: relative; overflow: hidden; } .fixed-header+.app-main[data-v-078753dd] { padding-top: 50px; } .el-popup-parent--hidden .fixed-header { padding-right: 15px; } [data-v-13877386]:export { menuText: #bfcbd9; menuActiveText: #409EFF; subMenuActiveText: #409EFF; menuBg: #304156; menuHover: #263445; subMenuBg: #1f2d3d; subMenuHover: #001528; sideBarWidth: 210px; } .app-wrapper[data-v-13877386] { position: relative; height: 100%; width: 100%; } .app-wrapper[data-v-13877386]:after { content: ""; display: table; clear: both; } .app-wrapper.mobile.openSidebar[data-v-13877386] { position: fixed; top: 0; } .drawer-bg[data-v-13877386] { background: #000; opacity: 0.3; width: 100%; top: 0; height: 100%; position: absolute; z-index: 999; } .fixed-header[data-v-13877386] { position: fixed; top: 0; right: 0; z-index: 9; width: calc(100% - 210px); -webkit-transition: width 0.28s; transition: width 0.28s; } .hideSidebar .fixed-header[data-v-13877386] { width: calc(100% - 54px); } .mobile .fixed-header[data-v-13877386] { width: 100%; } .el-button[data-v-104c9309] { margin-left: 10px; } .box-view[data-v-36287377] { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: white; } .login-left[data-v-36287377] { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjM5NSIgaGVpZ2h0PSIxMDc5IiB2aWV3Qm94PSIwIDAgNjM5NSAxMDc5Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgIHdpZHRoPSI2Mzk1IiBoZWlnaHQ9IjEwNzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MzkxKSIgZmlsbD0iI2ZmZiIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMC43NDciIHkxPSIwLjIyMiIgeDI9IjAuOTczIiB5Mj0iMC44MDciIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMmM0MWI0Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFiNGZhYiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcgaWQ9Ik1hc2tfR3JvdXBfMSIgZGF0YS1uYW1lPSJNYXNrIEdyb3VwIDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUzOTEpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8ZyBpZD0iR3JvdXBfMTE4IiBkYXRhLW5hbWU9Ikdyb3VwIDExOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQxOS4zMzMgLTEuMTI2KSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzE0MiIgZGF0YS1uYW1lPSJQYXRoIDE0MiIgZD0iTTYyNzEuNzM0LTYuMTc2cy0yMjIuNDc4LDE4Ny44MDktNTUuMzQ5LDU4My4yNTRjNDQuOTU3LDEwNi4zNzUsODEuNTE0LDIwNS45NjQsODQuNTIxLDI3Nyw4LjE2NCwxOTIuNzY0LTE1Ni4wNDYsMjY4LjU2NC0xNTYuMDQ2LDI2OC41NjRsLTY1My41My0yNi44TDU0NzUuMDY1LTIxLjYyNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODc2LjM4MyAwKSIgZmlsbD0iI2YxZjVmOCIvPgogICAgICA8cGF0aCBpZD0iVW5pb25fNiIgZGF0YS1uYW1lPSJVbmlvbiA2IiBkPSJNLTI2MzEuMSwxMDgxLjh2LTEuNkgtODIzMC45Vi4wMjJILTI2MzEuMVYwSC0xODcxLjRzLTE4Ny44NDUsMTk3LjQ0OC05MS42MjYsNDg4Ljg0NGM0OS4xNjcsMTQ4LjksOTYuMzA5LDI1Ni4yODksMTA0LjY4MywzNjIuMTE4LDcuOTc5LDEwMC44NTItNTcuOTgsMjAxLjcxMS0xNjguNjQ0LDI1NC4yODYtNjUuODU4LDMxLjI5LTE0NC41NTIsNDIuMzgyLTIyMy4wMjgsNDIuMzgzQy0yNDQxLjIsMTE0Ny42MzItMjYzMS4xLDEwODEuOC0yNjMxLjEsMTA4MS44WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI1OS41MjQgMC44MDMpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); background-position: 100%; background-repeat: no-repeat; } .iv-login-box[data-v-36287377] { width: 450px; height: 300px; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iYTYyMmU2OGUtN2E2NS00NmU5LTk0YTktZDQ1NWRlNTE5YWZjIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI5NzEuNDQiIGhlaWdodD0iNTAyIiB2aWV3Qm94PSIwIDAgOTcxLjQ0IDUwMiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSIzNDFiMGU1ZS1hMjFmLTQ0ZGItYjg1Zi03NjE4MGYzM2YwZDMiIHgxPSI1OTkuNSIgeTE9IjY2OC4wNSIgeDI9IjU5OS41IiB5Mj0iMTk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJncmF5IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjAuNTQiIHN0b3AtY29sb3I9ImdyYXkiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iZ3JheSIgc3RvcC1vcGFjaXR5PSIwLjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iOWMxOWQxYmEtMGMxZC00Y2NhLThjMTUtZTZmMzgzMWE1ZTY3IiB4MT0iNDg1LjcyIiB5MT0iMjU4Ljg4IiB4Mj0iNDg1LjcyIiB5Mj0iNzEuMTIiIHhsaW5rOmhyZWY9IiMzNDFiMGU1ZS1hMjFmLTQ0ZGItYjg1Zi03NjE4MGYzM2YwZDMiLz48bGluZWFyR3JhZGllbnQgaWQ9ImZlNzZmN2M3LTIxMjYtNGU0OC05MjBkLTIxMTQzYTIyZDM0MCIgeDE9IjEzMiIgeTE9IjUxNSIgeDI9IjMwMyIgeTI9IjUxNSIgeGxpbms6aHJlZj0iIzM0MWIwZTVlLWEyMWYtNDRkYi1iODVmLTc2MTgwZjMzZjBkMyIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMmNmODlhMDQtNWEwNS00MTNiLTk4M2EtZDJiYzI5NmNiYjVlIiB4MT0iOTMzIiB5MT0iNTY4LjI4IiB4Mj0iMTAzMSIgeTI9IjU2OC4yOCIgeGxpbms6aHJlZj0iIzM0MWIwZTVlLWEyMWYtNDRkYi1iODVmLTc2MTgwZjMzZjBkMyIvPjwvZGVmcz48dGl0bGU+cmVzcG9uc2l2ZTwvdGl0bGU+PGcgb3BhY2l0eT0iMC43Ij48cGF0aCBkPSJNODUyLjY5LDE5OUgzNDYuMzFBMTYuMzcsMTYuMzcsMCwwLDAsMzMwLDIxNS40MlY1NjMuOTRhMTYuMzcsMTYuMzcsMCwwLDAsMTYuMzEsMTYuNDJINTIwLjQ3djYwLjE2aC03Ljk0YTguMyw4LjMsMCwwLDAtOC4yNyw4LjMzdjEyLjA3aDE2LjIxdjcuMTRINjc4LjUzdi03LjE0aDE2LjIxVjY0OC44NWE4LjMsOC4zLDAsMCwwLTguMjctOC4zM0g2NzlWNjQwaC0uNTFWNTgwLjM2SDg1Mi42OUExNi4zNywxNi4zNywwLDAsMCw4NjksNTYzLjk0VjIxNS40MkExNi4zNywxNi4zNywwLDAsMCw4NTIuNjksMTk5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0idXJsKCMzNDFiMGU1ZS1hMjFmLTQ0ZGItYjg1Zi03NjE4MGYzM2YwZDMpIi8+PC9nPjxyZWN0IHg9IjQwNy43MiIgeT0iMzcxIiB3aWR0aD0iMTU2IiBoZWlnaHQ9IjkyIiBmaWxsPSIjYmRiZGJkIi8+PGcgb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNNTI1LjA3LDU3OUg2NzUuMjRjMS44MS03Ljg3LDMuMjYtMTMsMy4yNi0xM2gtMTU3UzUyMy4xMSw1NzEuMTEsNTI1LjA3LDU3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiLz48L2c+PHBhdGggZD0iTTIzNS44MiwzaDQ5OS44YTE2LjEsMTYuMSwwLDAsMSwxNi4xLDE2LjFWMzI3YTAsMCwwLDAsMSwwLDBoLTUzMmEwLDAsMCwwLDEsMCwwVjE5LjFBMTYuMSwxNi4xLDAsMCwxLDIzNS44MiwzWiIgZmlsbD0iIzUzNTQ2MSIvPjxwYXRoIGQ9Ik04NDkuOSw1NzZIMzUwLjFBMTYuMSwxNi4xLDAsMCwxLDMzNCw1NTkuOVY1MjZIODY2djMzLjlBMTYuMSwxNi4xLDAsMCwxLDg0OS45LDU3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiIGZpbGw9IiNiZGJkYmQiLz48Y2lyY2xlIGN4PSI0ODUuNzIiIGN5PSIzNTIiIHI9IjkiIGZpbGw9IiM1MzU0NjEiLz48cGF0aCBkPSJNMzk5Ljg5LDQzNkg1NzEuNTVhOC4xNyw4LjE3LDAsMCwxLDguMTcsOC4xN1Y0NTZhMCwwLDAsMCwxLDAsMGgtMTg4YTAsMCwwLDAsMSwwLDBWNDQ0LjE3QTguMTcsOC4xNywwLDAsMSwzOTkuODksNDM2WiIgZmlsbD0iI2JkYmRiZCIvPjxnIG9wYWNpdHk9IjAuNSI+PHJlY3QgeD0iMzIwLjcyIiB5PSI3MS4xMiIgd2lkdGg9IjMzMCIgaGVpZ2h0PSIxODcuNzYiIHJ4PSI0LjUiIHJ5PSI0LjUiIGZpbGw9InVybCgjOWMxOWQxYmEtMGMxZC00Y2NhLThjMTUtZTZmMzgzMWE1ZTY3KSIvPjwvZz48cmVjdCB4PSIzMjQuOTUiIHk9IjcyLjUiIHdpZHRoPSIzMjEuNTQiIGhlaWdodD0iMTgzLjk2IiByeD0iNC41IiByeT0iNC41IiBmaWxsPSIjZmZmIi8+PGcgb3BhY2l0eT0iMC41Ij48cmVjdCB4PSI0MTQuNTIiIHk9Ijk4LjkxIiB3aWR0aD0iMzUuNDQiIGhlaWdodD0iMzEuOSIgcng9IjQuNSIgcnk9IjQuNSIgZmlsbD0iIzA5NjBiZCIvPjwvZz48cmVjdCB4PSI0NjAuNTkiIHk9Ijk4LjkxIiB3aWR0aD0iOTUuNjkiIGhlaWdodD0iMy41NCIgcng9IjEuNzciIHJ5PSIxLjc3IiBmaWxsPSIjZTBlMGUwIi8+PHJlY3QgeD0iNDYwLjU5IiB5PSIxMDkuNTUiIHdpZHRoPSI3OS41NCIgaGVpZ2h0PSIzLjU0IiByeD0iMS43NyIgcnk9IjEuNzciIGZpbGw9IiNlMGUwZTAiLz48ZyBvcGFjaXR5PSIwLjUiPjxyZWN0IHg9IjQxNC41MiIgeT0iMTQ4LjUzIiB3aWR0aD0iMzUuNDQiIGhlaWdodD0iMzEuOSIgcng9IjQuNSIgcnk9IjQuNSIgZmlsbD0iIzA5NjBiZCIvPjwvZz48cmVjdCB4PSI0NjAuNTkiIHk9IjE0OC41MyIgd2lkdGg9Ijk1LjY5IiBoZWlnaHQ9IjMuNTQiIHJ4PSIxLjc3IiByeT0iMS43NyIgZmlsbD0iI2UwZTBlMCIvPjxyZWN0IHg9IjQ2MC41OSIgeT0iMTU5LjE2IiB3aWR0aD0iOTUuNjkiIGhlaWdodD0iMy41NCIgcng9IjEuNzciIHJ5PSIxLjc3IiBmaWxsPSIjZTBlMGUwIi8+PGcgb3BhY2l0eT0iMC41Ij48cmVjdCB4PSI0MTQuNTIiIHk9IjE5OC4xNSIgd2lkdGg9IjM1LjQ0IiBoZWlnaHQ9IjMxLjkiIHJ4PSI0LjUiIHJ5PSI0LjUiIGZpbGw9IiMwOTYwYmQiLz48L2c+PHJlY3QgeD0iNDYwLjU5IiB5PSIxOTguMTUiIHdpZHRoPSI5NS42OSIgaGVpZ2h0PSIzLjU0IiByeD0iMS43NyIgcnk9IjEuNzciIGZpbGw9IiNlMGUwZTAiLz48cmVjdCB4PSI0NjAuNTkiIHk9IjIwOC43OCIgd2lkdGg9Ijk2LjMzIiBoZWlnaHQ9IjMuNTQiIHJ4PSIxLjU5IiByeT0iMS41OSIgZmlsbD0iI2UwZTBlMCIvPjxsaW5lIHgxPSI0ODUuNzIiIHkxPSI0MiIgeDI9IjQ4NS43MiIgeTI9IjIwIiBzdHJva2U9IiMwOTYwYmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjQ4NS43MiIgeTE9Ijc5IiB4Mj0iNDg1LjcyIiB5Mj0iNTAuMTMiIHN0cm9rZT0iIzA5NjBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI0ODUuNzIiIGN5PSI3OSIgcj0iNCIgZmlsbD0iIzA5NjBiZCIvPjxjaXJjbGUgY3g9IjQ4NS43MiIgY3k9IjQ2IiByPSI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxsaW5lIHgxPSI0ODUuNzIiIHkxPSI0MiIgeDI9IjQ4NS43MiIgeTI9IjIwIiBzdHJva2U9IiMwOTYwYmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjQ4NS43MiIgeTE9Ijc5IiB4Mj0iNDg1LjcyIiB5Mj0iNTAuMTMiIHN0cm9rZT0iIzA5NjBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI0ODUuNzIiIGN5PSI3OSIgcj0iNCIgZmlsbD0iIzA5NjBiZCIvPjxjaXJjbGUgY3g9IjQ4NS43MiIgY3k9IjQ2IiByPSI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxsaW5lIHgxPSI0ODUuNzIiIHkxPSIyNzkiIHgyPSI0ODUuNzIiIHkyPSIzMTAiIHN0cm9rZT0iIzA5NjBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNDg1LjcyIiB5MT0iMjUxIiB4Mj0iNDg1LjcyIiB5Mj0iMjc5Ljg3IiBzdHJva2U9IiMwOTYwYmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iNDg1LjcyIiBjeT0iMjUxIiByPSI0IiBmaWxsPSIjMDk2MGJkIi8+PGxpbmUgeDE9IjMwNS43MiIgeTE9IjE2OC41IiB4Mj0iMjc0LjIyIiB5Mj0iMTY4LjUiIHN0cm9rZT0iIzA5NjBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iMzMzLjIyIiB5MT0iMTY4LjUiIHgyPSIzMDQuMzUiIHkyPSIxNjguNSIgc3Ryb2tlPSIjMDk2MGJkIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxjaXJjbGUgY3g9IjMzMy4yMiIgY3k9IjE2OC41IiByPSI0IiBmaWxsPSIjMDk2MGJkIi8+PGcgb3BhY2l0eT0iMC4xIj48cmVjdCB4PSI0MDguMjIiIHk9IjQzNS41IiB3aWR0aD0iMTU2IiBoZWlnaHQ9IjMiLz48L2c+PGcgb3BhY2l0eT0iMC43Ij48cGF0aCBkPSJNMjkzLjQ4LDU2Ni4wNkgyMjEuMDhsMS04LjE0YzIwLjQ2LTE4LjM3LDMzLjY5LTY3LjMxLDMzLjY5LTY3LjMxYTYuNzgsNi43OCwwLDAsMC0uODcuMThjLTEyLDIuNDItMjAuNTQsNy4zNS0yNi41MSwxMy4yOGwyLjU0LTIxLjY2YzM3LjgtOC4xNCw1Mi43OS01OC4xNCw1Mi43OS01OC4xNC0yNC4xMiw1LjM1LTM5LjE2LDEzLjYzLTQ4LjUsMjEuNDlsMy43Mi0zMS44MmMyNS41Niw4Ljc3LDUyLTM3LjgyLDUyLTM3LjgybC0xLS4yMS41LS4zMi0uNzYuMjdjLTI4LjI1LTYuMDktNDMuMzUsMTAuMDYtNDguMjUsMTYuNzdsLjM3LTMuMTJxLTEuMTIsMy0yLjE4LDUuODhoMGwwLC4wOHEtMyw4LjEzLTUuNDksMTYuMDZsMCwwaDBxLTIuMTcsNi43Ny00LjA2LDEzLjRsMC0uMDZzLTEuMTctMjguNDYtMzEuMTgtMzUuOTVjMCwwLDMuMTUsNjIuMDcsMjYuOTMsNTEuOTFoMGMtMi4yLDktNCwxNy42Ni01LjU2LDI2LjA3aDBxLTEuNDksOC4yMS0yLjYsMTZsLS4xNC4xNi4xNC0uMTItLjA2LjQxdjBoMHEtMSw3LjA3LTEuNywxMy43OGMuNDYtOC42Mi0xLjExLTMzLjUyLTMwLjQ1LTU2LjkyLDAsMC0zOSw2OC41NCwyNy41LDgyLC4xNS4xMy4zLjI2LjQ0LjM4bC0uMS0uMzEuNi4xMy4yNy0zLjUyYTM2OS4zOSwzNjkuMzksMCwwLDAsLjIzLDQ0LjFoMGMuMDcsMSwuMTQsMiwuMjEsMi45NUgxNDEuMzdjLTI3Ljk0LDU3Ljc5LDE1LjUyLDg5LjQ2LDE1LjUyLDg5LjQ2aDEyMEMzMjMuNDksNTk2LjY2LDI5My40OCw1NjYuMDYsMjkzLjQ4LDU2Ni4wNlptLTc4LTY1LjY4aDB2MFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiIGZpbGw9InVybCgjZmU3NmY3YzctMjEyNi00ZTQ4LTkyMGQtMjExNDNhMjJkMzQwKSIvPjwvZz48cGF0aCBkPSJNMjE3LDU4OHMtMTktODMsMjMtMTkwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0LjI4IC0xOTkpIiBmaWxsPSJub25lIiBzdHJva2U9IiM1MzU0NjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzIiBvcGFjaXR5PSIwLjYiLz48cGF0aCBkPSJNMTQzLDU2M0gyOTBzMjksMzctMTYsOTJIMTU4UzExNiw2MTcsMTQzLDU2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiIGZpbGw9IiMwOTYwYmQiLz48cGF0aCBkPSJNMjM3Ljg5LDQwMy41czE0LjYxLTI2LDQ5LjYxLTE4YzAsMC0yOC45Myw0OS4yNi01NSwzMy4xM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiIGZpbGw9IiM0ZGI2YWMiLz48cGF0aCBkPSJNMjI4LjYzLDQzMS4wOVMyMjcuNSw0MDQuNSwxOTguNSwzOTcuNWMwLDAsMyw1OCwyNiw0OC41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0iIzRkYjZhYyIvPjxwYXRoIGQ9Ik0yMTkuMTUsNDcwLjM2czUuMzUtMjcuODYsNjEuMzUtMzkuODZjMCwwLTE3Ljg2LDU3LjYyLTYzLjkzLDU1LjMxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0iIzRkYjZhYyIvPjxwYXRoIGQ9Ik0yMTQuNjEsNTAxLjYzczUuODktMjkuMTMtMjkuMTEtNTYuMTNjMCwwLTM4LDY0LjY3LDI3LjQ4LDc2LjgzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0iIzRkYjZhYyIvPjxwYXRoIGQ9Ik0yMTMuNTYsNTQxLjY3UzIwOS41LDUwMC41LDI1My41LDQ5Mi41YzAsMC0xNi4wNyw1Ny40OS00MCw2Ny43NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiIGZpbGw9IiM0ZGI2YWMiLz48cGF0aCBkPSJNMjMzLDQxOXMzOC0yOSw1NC0zNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM1NDYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIG9wYWNpdHk9IjAuMyIvPjxwYXRoIGQ9Ik0yMTYuNSw0ODUuNXM0Ni00OSw2NC01NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM1NDYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIG9wYWNpdHk9IjAuMyIvPjxwYXRoIGQ9Ik0xOTguNSwzOTcuNXMyOCwzOCwyNiw0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM1NDYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIG9wYWNpdHk9IjAuMyIvPjxwYXRoIGQ9Ik0xODUuNSw0NDUuNXMxNSw2OCwyNyw3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM1NDYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIG9wYWNpdHk9IjAuMyIvPjxwYXRoIGQ9Ik0yMTMuNSw1NjAuNXMyNC02Niw0MC02OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNC4yOCAtMTk5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM1NDYxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIG9wYWNpdHk9IjAuMyIvPjxnIG9wYWNpdHk9IjAuMSI+PHBhdGggZD0iTTI5MCw1NjNIMTQzYy0uMzMuNjctLjY1LDEuMzQtMSwySDI4NXMyOC4yOSwzNi4xMS0xNC40LDkwSDI3NEMzMTksNjAwLDI5MCw1NjMsMjkwLDU2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTQuMjggLTE5OSkiLz48L2c+PHJlY3QgeT0iNDU1LjYiIHdpZHRoPSI5NzEuNDQiIGhlaWdodD0iMzIuOTMiIGZpbGw9IiNlMGUwZTAiLz48cmVjdCB4PSI0MS4xNiIgeT0iNDg4LjUzIiB3aWR0aD0iODg5LjExIiBoZWlnaHQ9IjEzLjQ3IiBmaWxsPSIjZTBlMGUwIi8+PHJlY3QgeD0iNDEuMTYiIHk9IjQ4OC41MyIgd2lkdGg9Ijg4OS4xMSIgaGVpZ2h0PSI0LjQ5IiBvcGFjaXR5PSIwLjEiLz48bGluZSB4MT0iNjkwLjIyIiB5MT0iMTY4LjUiIHgyPSI2OTYuMjIiIHkyPSIxNjguNSIgc3Ryb2tlPSIjMDk2MGJkIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI2MzcuMjIiIHkxPSIxNjguNSIgeDI9IjY4Mi4xIiB5Mj0iMTY4LjUiIHN0cm9rZT0iIzA5NjBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI2MzcuMjIiIGN5PSIxNjguNSIgcj0iNCIgZmlsbD0iIzA5NjBiZCIvPjxjaXJjbGUgY3g9IjY4Ni4yMiIgY3k9IjE2OC41IiByPSI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxnIG9wYWNpdHk9IjAuNyI+PHBhdGggZD0iTTEwMjcsNjQzLjg4bC4xLS4xNXEuMzEtLjQ4LjYxLTFsLjExLS4xOXEuMjktLjQ5LjU1LTFsLjA5LS4xN2MuMi0uMzkuMzktLjc4LjU2LTEuMTloMGEyMy43OSwyMy43OSwwLDAsMCwuOTQtMi41MWwuMS0uMzNjLjA5LS4zMS4xOC0uNjIuMjYtLjkzbC4xLS40NHEuMS0uNDIuMTgtLjg1YzAtLjE2LjA2LS4zMi4wOS0uNDhzLjA5LS41Ni4xMy0uODUsMC0uMzMuMDYtLjQ5LjA2LS42MS4wOC0uOTJjMC0uMTQsMC0uMjksMC0uNDMsMC0uNDUsMC0uOTEsMC0xLjM2VjU0OGgtMTMuODVWNTA3LjUyaC0xN1Y1NDhIOTg4LjM5VjQ4OS44NmgtMTdWNTQ4SDk2NVY0ODEuNTVoLTE3VjU0OEg5MzNWNjMwLjZjMCwxMy40OCwxMS4yMSwyNC40LDI1LDI0LjRIMTAwNmEyNS4xOSwyNS4xOSwwLDAsMCwyMC4yNC0xMC4wNmwwLDBRMTAyNi42MSw2NDQuNDEsMTAyNyw2NDMuODhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0LjI4IC0xOTkpIiBmaWxsPSJ1cmwoIzJjZjg5YTA0LTVhMDUtNDEzYi05ODNhLWQyYmMyOTZjYmI1ZSkiLz48L2c+PHJlY3QgeD0iODM1LjcyIiB5PSIzMjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMDAiIGZpbGw9IiM1MzU0NjEiLz48cmVjdCB4PSI4MzUuNzIiIHk9IjI4OCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjMzIiBmaWxsPSIjM2FkMjlmIi8+PHJlY3QgeD0iODU3LjcyIiB5PSIzMjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMDAiIGZpbGw9IiM1MzU0NjEiLz48cmVjdCB4PSI4NTcuNzIiIHk9IjI5NiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjMzIiBmaWxsPSIjNGQ4YWYwIi8+PHJlY3QgeD0iODg0LjcyIiB5PSIzNDYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMDAiIGZpbGw9IiM1MzU0NjEiLz48cmVjdCB4PSI4ODQuNzIiIHk9IjMxMyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjMzIiBmaWxsPSIjZjU1ZjQ0Ii8+PHBhdGggZD0iTTgyMS43MiwzNTJoOTJhMCwwLDAsMCwxLDAsMHY3OS41YTIzLjUsMjMuNSwwLDAsMS0yMy41LDIzLjVoLTQ1YTIzLjUsMjMuNSwwLDAsMS0yMy41LTIzLjVWMzUyQTAsMCwwLDAsMSw4MjEuNzIsMzUyWiIgZmlsbD0iIzA5NjBiZCIvPjxnIG9wYWNpdHk9IjAuMSI+PHBhdGggZD0iTTkzNiw1NTF2NGg4OHY3OS41YTIzLjM5LDIzLjM5LDAsMCwxLTUsMTQuNDksMjMuNDUsMjMuNDUsMCwwLDAsOS0xOC40OVY1NTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0LjI4IC0xOTkpIi8+PC9nPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 100% auto; } .login-right[data-v-36287377] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .login-container[data-v-36287377] { min-height: 100%; width: 100%; overflow: hidden; } .login-container .login-form[data-v-36287377] { width: 100%; margin: 0 auto; overflow: hidden; } .wscn-http404-container[data-v-6b3aeb0e] { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 40%; left: 50%; } .wscn-http404[data-v-6b3aeb0e] { position: relative; width: 1200px; padding: 0 50px; overflow: hidden; } .wscn-http404 .pic-404[data-v-6b3aeb0e] { position: relative; float: left; width: 600px; overflow: hidden; } .wscn-http404 .pic-404__parent[data-v-6b3aeb0e] { width: 100%; } .wscn-http404 .pic-404__child[data-v-6b3aeb0e] { position: absolute; } .wscn-http404 .pic-404__child.left[data-v-6b3aeb0e] { width: 80px; top: 17px; left: 220px; opacity: 0; -webkit-animation-name: cloudLeft-6b3aeb0e; animation-name: cloudLeft-6b3aeb0e; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } .wscn-http404 .pic-404__child.mid[data-v-6b3aeb0e] { width: 46px; top: 10px; left: 420px; opacity: 0; -webkit-animation-name: cloudMid-6b3aeb0e; animation-name: cloudMid-6b3aeb0e; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .wscn-http404 .pic-404__child.right[data-v-6b3aeb0e] { width: 62px; top: 100px; left: 500px; opacity: 0; -webkit-animation-name: cloudRight-6b3aeb0e; animation-name: cloudRight-6b3aeb0e; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes cloudLeft-6b3aeb0e { 0% { top: 17px; left: 220px; opacity: 0; } 20% { top: 33px; left: 188px; opacity: 1; } 80% { top: 81px; left: 92px; opacity: 1; } 100% { top: 97px; left: 60px; opacity: 0; } } @keyframes cloudLeft-6b3aeb0e { 0% { top: 17px; left: 220px; opacity: 0; } 20% { top: 33px; left: 188px; opacity: 1; } 80% { top: 81px; left: 92px; opacity: 1; } 100% { top: 97px; left: 60px; opacity: 0; } } @-webkit-keyframes cloudMid-6b3aeb0e { 0% { top: 10px; left: 420px; opacity: 0; } 20% { top: 40px; left: 360px; opacity: 1; } 70% { top: 130px; left: 180px; opacity: 1; } 100% { top: 160px; left: 120px; opacity: 0; } } @keyframes cloudMid-6b3aeb0e { 0% { top: 10px; left: 420px; opacity: 0; } 20% { top: 40px; left: 360px; opacity: 1; } 70% { top: 130px; left: 180px; opacity: 1; } 100% { top: 160px; left: 120px; opacity: 0; } } @-webkit-keyframes cloudRight-6b3aeb0e { 0% { top: 100px; left: 500px; opacity: 0; } 20% { top: 120px; left: 460px; opacity: 1; } 80% { top: 180px; left: 340px; opacity: 1; } 100% { top: 200px; left: 300px; opacity: 0; } } @keyframes cloudRight-6b3aeb0e { 0% { top: 100px; left: 500px; opacity: 0; } 20% { top: 120px; left: 460px; opacity: 1; } 80% { top: 180px; left: 340px; opacity: 1; } 100% { top: 200px; left: 300px; opacity: 0; } } .wscn-http404 .bullshit[data-v-6b3aeb0e] { position: relative; float: left; width: 300px; padding: 30px 0; overflow: hidden; } .wscn-http404 .bullshit__oops[data-v-6b3aeb0e] { font-size: 32px; font-weight: bold; line-height: 40px; color: #1482f0; opacity: 0; margin-bottom: 20px; -webkit-animation-name: slideUp-6b3aeb0e; animation-name: slideUp-6b3aeb0e; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wscn-http404 .bullshit__headline[data-v-6b3aeb0e] { font-size: 20px; line-height: 24px; color: #222; font-weight: bold; opacity: 0; margin-bottom: 10px; -webkit-animation-name: slideUp-6b3aeb0e; animation-name: slideUp-6b3aeb0e; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wscn-http404 .bullshit__info[data-v-6b3aeb0e] { font-size: 13px; line-height: 21px; color: grey; opacity: 0; margin-bottom: 30px; -webkit-animation-name: slideUp-6b3aeb0e; animation-name: slideUp-6b3aeb0e; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .wscn-http404 .bullshit__return-home[data-v-6b3aeb0e] { display: block; float: left; width: 110px; height: 36px; background: #1482f0; border-radius: 100px; text-align: center; color: #ffffff; opacity: 0; font-size: 14px; line-height: 36px; cursor: pointer; -webkit-animation-name: slideUp-6b3aeb0e; animation-name: slideUp-6b3aeb0e; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slideUp-6b3aeb0e { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slideUp-6b3aeb0e { 0% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @charset "UTF-8"; .main[data-v-71f192c6] { width: 1200px; margin: 0 auto; padding: 15px; border-radius: 10px; background-color: #eeeeee; } .page[data-v-71f192c6] { width: 100%; padding: 15px; background: white; border-radius: 10px; } .simulate-a4[data-v-71f192c6] { /* A4 纸在 96DPI 下的像素宽度约为 794px */ /* 设置为 fixed width，强制内容按 A4 宽度换行 */ width: 794px !important; /* 也可以限制最小高度，模拟一张纸的样子 */ min-height: 1123px; /* 稍微调整下内边距，模拟打印页边距 */ padding: 30px 40px !important; /* 确保背景白底 */ background: #ffffff !important; /* 必须保证文字颜色是黑的，防止打印看不清 */ color: #000 !important; /* 甚至可以把这一块居中，或者脱离文档流，避免影响页面其他元素 */ margin: 0 auto; } /* fade */ .fade-enter-active, .fade-leave-active { -webkit-transition: opacity 0.28s; transition: opacity 0.28s; } .fade-enter, .fade-leave-active { opacity: 0; } /* fade-transform */ .fade-transform-leave-active, .fade-transform-enter-active { -webkit-transition: all 0.5s; transition: all 0.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 transition */ .breadcrumb-enter-active, .breadcrumb-leave-active { -webkit-transition: all 0.5s; transition: all 0.5s; } .breadcrumb-enter, .breadcrumb-leave-active { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .breadcrumb-move { -webkit-transition: all 0.5s; transition: all 0.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; } .el-range-separator { -webkit-box-sizing: content-box; box-sizing: content-box; } #app .main-container { background-color: #f4f7f9; min-height: 100%; -webkit-transition: margin-left 0.28s; transition: margin-left 0.28s; margin-left: 210px; position: relative; } #app .sidebar-container { -webkit-transition: width 0.28s; transition: width 0.28s; width: 210px !important; background-color: #304156; height: 100%; position: fixed; font-size: 0px; top: 0; bottom: 0; left: 0; z-index: 1001; overflow: hidden; } #app .sidebar-container .horizontal-collapse-transition { -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out; } #app .sidebar-container .scrollbar-wrapper { overflow-x: hidden !important; } #app .sidebar-container .el-scrollbar__bar.is-vertical { right: 0px; } #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 .sub-el-icon { margin-right: 12px; margin-left: -2px; } #app .sidebar-container .el-menu { border: none; height: 100%; width: 100% !important; } #app .sidebar-container .submenu-title-noDropdown:hover, #app .sidebar-container .el-submenu__title:hover { background-color: #263445 !important; } #app .sidebar-container .is-active > .el-submenu__title { color: #409EFF !important; } #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item { min-width: 210px !important; background-color: #1f2d3d !important; } #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item: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 .submenu-title-noDropdown .el-tooltip .sub-el-icon { margin-left: 19px; } #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 .sub-el-icon { margin-left: 19px; } #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: 0px; } #app .mobile .sidebar-container { -webkit-transition: -webkit-transform 0.28s; transition: -webkit-transform 0.28s; transition: transform 0.28s; transition: transform 0.28s, -webkit-transform 0.28s; width: 210px !important; } #app .mobile.hideSidebar .sidebar-container { pointer-events: none; -webkit-transition-duration: 0.3s; transition-duration: 0.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 .sub-el-icon { margin-right: 12px; margin-left: -2px; } .el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover, .el-menu--vertical .el-menu-item:hover { background-color: #263445 !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; } .row-view { 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-align: center; -ms-flex-align: center; align-items: center; } .row-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 320px; } .column-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .center-view { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .white-block-view { background: #ffffff; border-radius: 10px; } .default-title-15-23 { font-size: 1.5em; color: #232323; } .default-title-15-99 { font-size: 1.5em; color: #999999; } .default-text-15-white { font-size: 15px; color: white; } .default-title-13-23 { font-size: 1.3em; color: #232323; } .default-title-13-99 { font-size: 1.3em; color: #999999; } .default-text-13-white { font-size: 1.3em; color: white; } .default-title-14-23 { font-size: 1.4em; color: #232323; } .default-title-14-99 { font-size: 1.4em; color: #999999; } .default-text-14-white { font-size: 1.4em; color: white; } .money { color: #E4393C; } .a-color-blue { color: #20a0ff; } .common-title { color: #20a0ff; font-weight: bold; } .table-item { background-color: #f5f5f5; border-bottom: #ffffff 1px solid; padding: 10px 50px; height: 70px; } .goods-item-des { margin-left: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .line-e6 { height: 1px; border-top: #E6E6E6 1px solid; } .padding-15 { padding: 15px; } .margin-15 { margin: 15px 15px 0 15px; } .padding-30 { padding: 30px; } .margin-30 { margin: 30px 30px 0 30px; } .image-head-view { display: block; width: 50px; height: 50px; border-radius: 50%; } .el-table thead { color: #000; font-weight: 500; } .el-form-item__label { color: #000; } .el-table { color: #000; } .el-dialog__header { text-align: left; } 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; } .all-view { height: 100%; min-height: 650px; min-width: 1100px; overflow-x: scroll; } .scroll-y { overflow-y: scroll; } ::-webkit-scrollbar { width: 5px; height: 10px; } ::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px; } label { font-weight: 700; } html { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #app { height: 100%; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a:focus, a:active { 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; } .white-block-view { background: #ffffff; border-radius: 10px; border: 1px #e5e7eb solid; } .white-block-view-0 { background: #ffffff; border: 1px #e5e7eb solid; } .white-block-view-5px { background: #ffffff; border-radius: 5px; border: 1px #e5e7eb solid; } .default-title-15-23 { font-size: 15px; color: #232323; } .default-title-15-99 { font-size: 15px; color: #999999; } .default-text-15-white { font-size: 15px; color: white; } .default-title-13-23 { font-size: 13px; color: #232323; } .default-title-13-99 { font-size: 13px; color: #999999; } .default-text-13-white { font-size: 13px; color: white; } .default-title-14-23 { font-size: 14px; color: #232323; } .default-title-14-99 { font-size: 14px; color: #999999; } .default-text-14-white { font-size: 14px; color: white; } .money { color: #E4393C; } .padding-5 { padding: 5px; } .padding-10 { padding: 10px; } .margin-10 { margin: 10px 10px 0 10px; } .padding-15 { padding: 15px; } .margin-15 { margin: 15px 15px 0 15px; } .padding-30 { padding: 30px; } .margin-30 { margin: 30px 30px 0 30px; } .padding-20 { padding: 20px; } .margin-20 { margin: 20px 20px 0 20px; } .small-img { width: 50px; height: 50px; } .order-router { color: #20a0ff; cursor: pointer; } .order-router:hover { color: red; border-bottom: 1px solid red; } .padding-0 { padding: 0; } .padding-top-10 { padding-top: 10px; } .padding-top-12 { padding-top: 12px; } .padding-top-15 { padding-top: 15px; } .padding-top-20 { padding-top: 20px; } .padding-top-30 { padding-top: 30px; } .padding-bottom-0 { padding-bottom: 0px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-12 { padding-bottom: 12px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-left-10 { padding-left: 10px; } .padding-left-20 { padding-left: 20px; } .padding-left-30 { padding-left: 30px; } .padding-right-10 { padding-right: 10px; } .padding-right-20 { padding-right: 20px; } .padding-right-30 { padding-right: 30px; } .margin-0 { margin: 0; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-left-10 { margin-left: 10px; } .margin-left-15 { margin-left: 15px; } .margin-left-20 { margin-left: 20px; } .margin-left-30 { margin-left: 30px; } .margin-right-10 { margin-right: 10px; } .margin-right-15 { margin-right: 15px; } .margin-right-20 { margin-right: 20px; } .margin-right-30 { margin-right: 30px; } .font-weight-400 { font-weight: 400; } .font-weight-700 { font-weight: 700; } .table-title { font-weight: 700; font-size: 16px; } .font-size-14 { font-size: 14px; } .font-size-16 { font-size: 16px; } .font-size-18 { font-size: 18px; } .font-size-20 { font-size: 20px; } .font-size-22 { font-size: 22px; } .font-size-24 { font-size: 24px; } .bottom-option-view-bg { 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-align: center; -ms-flex-align: center; align-items: center; background: white; -webkit-box-shadow: 0 0px 5px #888888; box-shadow: 0 0px 5px #888888; min-height: 60px; border-radius: 5px; padding: 10px; } .color-red { color: red; } .color-green { color: green; } .color-blue { color: #409eff; } .cursor-pointer { cursor: pointer; } .position-absolute { position: absolute; } .position-relative { position: relative; } .position-fixed { position: fixed; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .z-index-1 { z-index: 1; } .z-index-3 { z-index: 3; } .display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .justify-content-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .align-content-flex-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-center { -ms-flex-line-pack: center; align-content: center; } .align-content-flex-end { -ms-flex-line-pack: end; align-content: flex-end; } .display-inline { display: inline; } .display-inline-block { display: inline-block; } .line-height-16 { line-height: 16px; } .line-height-30 { line-height: 30px; } .line-height-40 { line-height: 40px; } .line-height-50 { line-height: 50px; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .fix-bottom { text-align: right; width: 100%; padding: 10px 10px 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; -webkit-box-shadow: -10px 0px 5px #888888; box-shadow: -10px 0px 5px #888888; } .border-radius-5 { border-radius: 5px; } .border-radius-10 { border-radius: 10px; } .border-radius-15 { border-radius: 15px; } .svg-icon[data-v-c8a70580] { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .svg-external-icon[data-v-c8a70580] { background-color: currentColor; -webkit-mask-size: cover!important; mask-size: cover!important; display: inline-block; }