/* Vui Design 框架样式重写 */
.vui-menu-popup.vui-menu-light { padding:12px 0; line-height:40px; }
.vui-menu-popup.vui-menu-light .vui-menu-item:hover { background-color:#fafafa; }
.vui-menu-popup.vui-menu-light .vui-menu-item.vui-menu-item-selected { background-color:#f0faff; color:#2d8cf0; }

.vui-table {  }
.vui-table > .vui-table-header > .vui-table-header-scrollbar > table > thead > tr > th { padding:16px 16px; }
.vui-table > .vui-table-header > .vui-table-header-scrollbar > table > thead > tr > th .vui-table-column-tooltip { margin-left:4px; }
.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr > td { padding:12px 16px; }
.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr > td .vui-badge-status { white-space:nowrap; }
.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr > td .vui-badge-status .vui-badge-status-text { font-size:inherit; }

.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr.vui-table-row-primary td { color:#262626; font-weight:500; }
.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr.vui-table-row-error td { color:#ff4d4f; }
.vui-table > .vui-table-body > .vui-table-body-scrollbar > table > tbody > tr.vui-table-row-disabled td { text-decoration:line-through; opacity:0.6; }

.vui-table-compact .vui-table-wrapper-bordered:before,
.vui-table-compact .vui-table-wrapper-bordered:after { transition:border-color 0.2s; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection { height:40px; border:none; border-radius:0; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection-value { height:40px; padding:0 30px 0 10px; line-height:40px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection-placeholder { height:40px; padding:0 30px 0 10px; line-height:40px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection-input { height:40px; padding:0 30px 0 10px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection-arrow { top:19px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-cascader .vui-cascader-selection-btn-clear { top:14px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection { height:40px; border:none; border-radius:0; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection-item { height:40px; padding:0 28px 0 10px; line-height:40px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection-placeholder { height:40px; padding:0 28px 0 10px; line-height:40px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection-input { height:40px; padding:0 28px 0 10px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection-arrow { top:19px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-select .vui-select-selection-btn-clear { top:14px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-input-number { height:40px; border:none; border-radius:0; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-input-number .vui-input-number-input { padding:0 30px 0 10px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-input-number .vui-input-number-trigger { border-left-color:#f0f0f0; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .vui-input .vui-input-input input { height:40px; border:none; border-radius:0; padding:0 10px; }
.vui-table-compact .vui-table .vui-table-body .vui-table-body-scrollbar > table > tbody > tr > td .mx-datepicker-input { border:none; height:40px; }

.vui-form-item-error .vui-table-compact .vui-table-wrapper-bordered:before,
.vui-form-item-error .vui-table-compact .vui-table-wrapper-bordered:after { border-color:#ff4d4f; }

/* Viser 图表 tooltip 提示 */
.g2-tooltip { position:absolute; top:0; left:0; border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,0.1); background-color:rgba(255,255,255,0.95); padding:10px; color:#565656; font-size:12px; line-height:20px; }
.g2-tooltip .g2-tooltip-title { margin-bottom:4px; font-size:12px; }
.g2-tooltip .g2-tooltip-list { box-sizing:border-box; list-style:none; margin:0; padding:0; }
.g2-tooltip .g2-tooltip-list-item { display:flex; align-items:center; box-sizing:border-box; list-style:none; margin:0; padding:0; }
.g2-tooltip .g2-tooltip-list-item + .g2-tooltip-list-item { margin-top:4px; }
.g2-tooltip .g2-tooltip-list-item-marker { box-sizing:border-box; display:block; width:8px; height:8px; border:1px solid #fff; border-radius:50%; margin-right:8px; }
.g2-tooltip .g2-tooltip-list-item-key { flex:1; box-sizing:border-box; display:block; }
.g2-tooltip .g2-tooltip-list-item-value { box-sizing:border-box; display:block; margin-left:24px; }
.g2-tooltip .g2-tooltip-group {  }
.g2-tooltip .g2-tooltip-group + .g2-tooltip-group { margin-top:8px; }
.g2-tooltip .g2-tooltip-group-title { font-size:14px; }
.g2-tooltip .g2-tooltip-group-content { display:flex; align-items:center; margin-top:4px; }
.g2-tooltip .g2-tooltip-group-content-marker { display:block; width:6px; height:6px; border-radius:50%; margin-right:8px; }
.g2-tooltip .g2-tooltip-group-content-key { flex:1; display:block; }
.g2-tooltip .g2-tooltip-group-content-value { display:block; margin-left:24px; }

/* Viser 图表-饼状图 legend 提示 */
.g2-pie-legend { position:absolute; top:50% !important; left:unset !important; right:0 !important; width:unset !important; max-width:100px !important; height:unset !important; max-height:260px !important; overflow:auto !important; transform:translateY(-50%) !important; }
.g2-pie-legend-list { list-style:none; margin:0; padding:0; text-align:left; }
.g2-pie-legend-list-item { cursor:pointer; display:flex !important; align-items:center !important; margin:0 !important; font-size:12px !important; line-height:1 !important; }
.g2-pie-legend-list-item .g2-pie-legend-marker { display:block !important; width:6px !important; height:6px !important; border-radius:50% !important; margin-right:8px !important; }
.g2-pie-legend-list-item .g2-pie-legend-text { flex:1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.g2-pie-legend-list-item + .g2-pie-legend-list-item { margin-top:10px !important; }

.g2-pie-legend-horizontal { top:unset !important; bottom:20px !important; left:50% !important; right:unset !important; max-width:unset !important; transform:translateX(-50%) !important; }
.g2-pie-legend-horizontal .g2-pie-legend-list-item { float:left; }
.g2-pie-legend-horizontal .g2-pie-legend-list-item + .g2-pie-legend-list-item { margin-top:unset !important; margin-left:10px !important; }
html, body, #root { display:block; box-sizing:border-box; background-color:#fff; height: 100%;}

.document { color:#595959; font-size:14px; line-height:2; }
.document h1 { margin:32px 0; color:#262626; font-size:28px; font-weight:600; }
.document h2 { margin:28px 0; color:#262626; font-size:24px; font-weight:600; }
.document h3 { margin:24px 0; color:#262626; font-size:20px; font-weight:600; }
.document h4 { margin:20px 0; color:#262626; font-size:16px; font-weight:600; }
.document h5 { margin:16px 0; color:#262626; font-size:14px; font-weight:600; }
.document p { margin:16px 0; }
.document blockquote { border-left:4px solid #f0f0f0; margin:16px 0; padding-left:10px; color:rgba(0,0,0,0.45); }
.document blockquote p { margin-bottom:0; }
.document table { width:100%; margin:16px 0; }
.document table th { border:1px solid #f0f0f0; background-color:#fafafa; padding:12px 16px; color:#262626; font-weight:600; text-align:left; }
.document table td { border:1px solid #f0f0f0; padding:12px 16px; text-align:left; }
.document ul { list-style:disc; margin:16px 0; padding-left:18px; }
.document ul li p { margin-bottom:0; }
.document ol { list-style:disc; margin:16px 0; padding-left:18px; }
.document ol li p { margin-bottom:0; }
.document a { text-decoration:underline; }
.document b { color:#ff4d4f; font-weight:600; text-decoration:underline; }
.document img { display:block; max-width:100%; }
.document video { display:block; max-width:100%; }
.document code { box-sizing:border-box; border-radius:2px; border:1px solid #f0f0f0; background-color:#fafafa; margin:0; padding:2px 4px; color:#595959; font-size:12px; font-family:Consolas; }
.document pre { box-sizing:border-box; display:block; width:100%; margin:16px 0; }
.document pre code { display:block; width:100%; padding:24px; overflow-x:auto; overflow-y:hidden; font-size:14px; line-height:1.42857143; }

.document.mobile { color:#595959; font-size:14px; line-height:2; }
.document.mobile h1 { margin:16px 0; color:#262626; font-size:22px; font-weight:600; }
.document.mobile h2 { margin:16px 0; color:#262626; font-size:20px; font-weight:600; }
.document.mobile h3 { margin:16px 0; color:#262626; font-size:18px; font-weight:600; }
.document.mobile h4 { margin:16px 0; color:#262626; font-size:16px; font-weight:600; }
.document.mobile h5 { margin:16px 0; color:#262626; font-size:14px; font-weight:600; }
.document.mobile p { margin:16px 0; }
.document.mobile blockquote { border-left:4px solid #f0f0f0; margin:16px 0; padding-left:10px; color:rgba(0,0,0,0.45); }
.document.mobile blockquote p { margin-bottom:0; }
.document.mobile table { width:100%; margin:16px 0; }
.document.mobile table th { border:1px solid #f0f0f0; background-color:#fafafa; padding:12px 16px; color:#262626; font-weight:600; text-align:left; }
.document.mobile table td { border:1px solid #f0f0f0; padding:12px 16px; text-align:left; }
.document.mobile ul { list-style:disc; margin:16px 0; padding-left:18px; }
.document.mobile ul li p { margin-bottom:0; }
.document.mobile ol { list-style:disc; margin:16px 0; padding-left:18px; }
.document.mobile ol li p { margin-bottom:0; }
.document.mobile a { text-decoration:underline; }
.document.mobile b { color:#ff4d4f; font-weight:600; text-decoration:underline; }
.document.mobile img { display:block; max-width:100%; }
.document.mobile video { display:block; max-width:100%; }
.document.mobile code { box-sizing:border-box; border-radius:2px; border:1px solid #f0f0f0; background-color:#fafafa; margin:0; padding:2px 4px; color:#595959; font-size:12px; font-family:Consolas; }
.document.mobile pre { box-sizing:border-box; display:block; width:100%; margin:16px 0; }
.document.mobile pre code { display:block; width:100%; padding:24px; overflow-x:auto; overflow-y:hidden; font-size:14px; line-height:1.42857143; }

.tag-list { margin:-4px; }
.tag-list .vui-tag { margin:2px 4px; }

.log-descriptions.vui-descriptions-bordered .vui-descriptions-body > table > tbody > tr > th { background-color:unset; }
.log-descriptions.vui-descriptions-bordered .vui-descriptions-body > table > tbody > tr > td,
.log-descriptions.vui-descriptions-bordered .vui-descriptions-body > table > tbody > tr > th { border:none; }
.log-descriptions.vui-descriptions-bordered.vui-descriptions-small .vui-descriptions-body > table > tbody > tr > td,
.log-descriptions.vui-descriptions-bordered.vui-descriptions-small .vui-descriptions-body > table > tbody > tr > th { padding:8px 12px 8px 0; }

.vui-layout-page-mobile { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; width:100%; height:100%;
}
.vui-layout-page-mobile-header { position:relative; z-index:1; display:flex; justify-content:flex-start; align-items:center; border-bottom:0.5px solid #eaeaec; padding:16px;
}
.vui-layout-page-mobile-header .vui-avatar { margin-right:16px;
}
.vui-layout-page-mobile-header .title { flex:1; overflow:hidden; color:#262626; font-size:16px; font-weight:600;
}
.vui-layout-page-mobile-header .extra { display:flex; justify-content:center; align-items:center; margin-left:16px;
}
.vui-layout-page-mobile-header .extra a { display:block; color:#8c8c8c; font-size:14px;
}
.vui-layout-page-mobile-body { flex:1; overflow:auto;
}
.vui-layout-page-mobile-footer { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; height:64px; border-top:0.5px solid #eaeaec; background-color:#f2f1f6;
}
.vui-layout-page-mobile-footer a { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.vui-layout-page-mobile-footer a i { color:#262626; font-size:20px;
}
.vui-layout-page-mobile-footer a span { margin-top:8px; color:#79787d; font-size:10px;
}
.vui-layout-page-mobile-footer a.active {
}
.vui-layout-page-mobile-footer a.active i { color:#f4533f;
}
.vui-layout-page-mobile-footer a.active span { color:#f4533f;
}


.vui-layout-page { position:relative; z-index:1; min-width:1200px; min-height:100vh; padding-top:72px; overflow-x:hidden;
}
.vui-layout-page-header { position:fixed; top:0; left:0; right:0; z-index:3; background-color:#fff; box-shadow:0 -1px 0 0 #f0f0f0 inset; padding:0;
}
.vui-layout-page-header-content { position:relative; width:1200px; height:72px; margin:0 auto;
}
.vui-layout-page-header-content .logo { float:left; display:flex; margin:16px 0;
}
.vui-layout-page-header-content .logo a { display:block;
}
.vui-layout-page-header-content .logo a img { display:block; width:152px; height:40px;
}
.vui-layout-page-header-content .logo h1 { color:#262626; font-size:20px; font-weight:400; line-height:1;
}
.vui-layout-page-header-content .navbar { float:right;
}
.vui-layout-page-header-content .navbar-item { float:left; height:72px;
}
.vui-layout-page-header-content .navbar-item + .navbar-item { margin-left:4px;
}
.vui-layout-page-header-content .navbar .link { cursor:pointer; display:flex; align-items:center; height:72px; padding:0 12px; color:#595959; font-size:16px; transition:all 0.2s;
}
.vui-layout-page-header-content .navbar .link:hover { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-page-header-content .navbar .link.active { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-page-header-content .navbar .user { cursor:pointer; display:flex; align-items:center; height:72px; padding:0 12px; color:#595959; transition:all 0.2s;
}
.vui-layout-page-header-content .navbar .user label { cursor:pointer;
}
.vui-layout-page-header-content .navbar .user .vui-avatar { margin:0 4px;
}
.vui-layout-page-header-content .navbar .user .vui-icon { font-size:12px; transform:scale(0.85);
}
.vui-layout-page-header-content .navbar .user:hover { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-page-header-content .navbar .user:hover label { cursor:pointer;
}
.vui-layout-page-header-content .navbar .user:hover .vui-avatar {
}
.vui-layout-page-header-content .navbar .user:hover .vui-icon {
}
.vui-layout-page-header-content .navbar .user.active { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-page-header-content .navbar .user.active label { cursor:pointer;
}
.vui-layout-page-header-content .navbar .user.active .vui-avatar {
}
.vui-layout-page-header-content .navbar .user.active .vui-icon {
}
.vui-layout-page-body { position:relative; z-index:2; min-height:calc(100vh - 164px); background-color:#fff; overflow:hidden;
}
.vui-layout-page-body-content { display:flex; justify-content:flex-start; align-items:flex-start; width:1200px; margin:0 auto; padding:24px 0;
}
.vui-layout-page-body-content-sider { width:220px; margin-right:24px;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical { max-height:calc(100vh - 120px); overflow-x:hidden; overflow-y:auto;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item-group { border:1px solid #f0f0f0; border-radius:2px;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item-group + .vui-menu-item-group { margin-top:16px;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item-group .vui-menu-item-group-header { border-bottom:1px solid #f0f0f0;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item { border-left:2px solid transparent; background-color:#fff; color:#595959;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item + .vui-menu-item { border-top:1px solid #f0f0f0;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item:hover { background-color:#f9f9f9; color:#595959;
}
.vui-layout-page-body-content-sider .vui-menu.vui-menu-vertical .vui-menu-item.vui-menu-item-selected { border-left:2px solid #2d8cf0; background-color:#fff; color:#595959;
}
.vui-layout-page-body-content-main { flex:1; overflow:hidden;
}
.vui-layout-page-body-content-main .panel {
}
.vui-layout-page-body-content-main .panel-header { border-bottom:1px solid #f0f0f0; margin-bottom:24px; padding-bottom:24px; font-size:20px; font-weight:600; font-family:-webkit-pictograph; line-height:1;
}
.vui-layout-page-body-content-main .panel-body { display:flex; justify-content:flex-start; align-items:flex-start;
}
.vui-layout-page-footer { box-shadow:0 1px 0 0 #f0f0f0 inset; padding:32px 0;
}
.vui-layout-page-footer .links { text-align:center; line-height:2;
}
.vui-layout-page-footer .links a { display:block; color:#595959;
}
.vui-layout-page-footer .links a:hover { color:#f56553;
}
.vui-layout-page-footer .links a:focus { color:#f56553;
}
.vui-layout-page-footer .links a:active { color:#db4b39;
}
.vui-layout-page-footer .copyright { color:#8c8c8c; text-align:center; line-height:2;
}



































































































































































/* vui-layout-admin */
.vui-layout-admin { position:relative; z-index:1; min-height:100vh;
}

/* vui-layout-admin-sider */
.vui-layout-admin-sider { position:fixed; top:0; left:0; z-index:2; height:100%; box-shadow:0 0 6px rgba(0, 0, 0, 0.06);
}
.vui-layout-admin-sider .logo { position:relative; padding:20px; overflow:hidden;
}
.vui-layout-admin-sider .logo img { display:block; width:64px; height:64px; border-radius:50%; transition:all 0.2s;
}
.vui-layout-admin-sider .logo label { display:block; margin-top:16px; overflow:hidden; color:#dfe4ed; font-size:16px; line-height:1.42857143; white-space:nowrap; text-overflow:ellipsis;
}
.vui-layout-admin-sider .logo.collapsed {
}
.vui-layout-admin-sider .logo.collapsed a {
}
.vui-layout-admin-sider .logo.collapsed img { width:40px; height:40px;
}
.vui-layout-admin-sider .logo.collapsed label { display:none;
}

/* vui-layout-admin-main */
.vui-layout-admin-main { position:relative; z-index:1; min-height:100%; padding-left:220px; transition:all 0.2s;
}
.vui-layout-admin-main.collapsed { padding-left:80px;
}
.vui-layout-admin-main-header { position:relative; z-index:2; box-shadow:0 1px 0 #f3f3f3; padding:0 10px;
}
.vui-layout-admin-main-header .breadcrumb { display:flex; align-items:center; height:64px;
}
.vui-layout-admin-main-header .navbar {
}
.vui-layout-admin-main-header .navbar .navbar-item { float:left; height:64px;
}
.vui-layout-admin-main-header .link { cursor:pointer; display:flex; align-items:center; height:64px; padding:0 10px; color:#595959; transition:all 0.2s;
}
.vui-layout-admin-main-header .link:hover { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-admin-main-header .link.active { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-admin-main-header .user { cursor:pointer; display:flex; align-items:center; height:64px; padding:0 10px; color:#595959; transition:all 0.2s;
}
.vui-layout-admin-main-header .user label { cursor:pointer;
}
.vui-layout-admin-main-header .user .vui-avatar { margin:0 4px;
}
.vui-layout-admin-main-header .user .vui-icon { font-size:12px; transform:scale(0.85);
}
.vui-layout-admin-main-header .user:hover { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-admin-main-header .user:hover label { cursor:pointer;
}
.vui-layout-admin-main-header .user:hover .vui-avatar {
}
.vui-layout-admin-main-header .user:hover .vui-icon {
}
.vui-layout-admin-main-header .user.active { background-color:rgba(0, 0, 0, 0.02); color:#4298f2;
}
.vui-layout-admin-main-header .user.active label { cursor:pointer;
}
.vui-layout-admin-main-header .user.active .vui-avatar {
}
.vui-layout-admin-main-header .user.active .vui-icon {
}
.vui-layout-admin-main-body { position:relative; z-index:1; padding:20px;
}
.vui-layout-admin-main-footer { padding:20px; text-align:center;
}
.vui-layout-admin-main-footer .vui-space { margin-bottom:10px;
}
.vui-layout-admin-page { margin:-20px;
}
.vui-layout-admin-page-header {
}
.vui-layout-admin-page-body { padding:20px;
}