body {
  --sk-text: #111626;
  --sk-sub: #414654;
  --sk-light: #fcf2e8;
  --sk-line: #dbbc9d;
  --sk-primary: #905600;
  --sk-hover: #a67833;
  --sk-btn: linear-gradient(180deg, #d88700, #593200);
  --sk-dis: #bfae9d;
  --sk-search: linear-gradient(0deg, #fdf2e7, #ecd8c4);
  --sk-def: linear-gradient(180deg, #fef8f2, #f0d1b4 99%);
  --sk-def-line: #d8ae85;
  --sk-def-text: #645a4c;
  --sk-dlg-line: #e8d6c5;
  --sk-page: #f9f5f5;
  --sk-shadow: rgba(91, 51, 0, .15);
  --sk-link: #012cf9;
}
body.theme-default, body.theme-dark, body.theme-green, body.theme-deepblue { --sk-link: #2f86f6; }
body.theme-default, body.theme-dark {
  --sk-light: #eef0f8; --sk-line: #cdd4e5; --sk-primary: #1594f5; --sk-hover: #44a9f7;
  --sk-btn: linear-gradient(180deg, #36afff, #1594f5); --sk-dis: #c5cad5;
  --sk-search: linear-gradient(0deg, #f2f4fa, #dde2ef);
  --sk-def: linear-gradient(180deg, #f3f5f8, #d5dbe5); --sk-def-line: #cdd2de; --sk-def-text: #656b7b;
  --sk-dlg-line: #e0e4f0; --sk-page: #f5f6fa; --sk-shadow: rgba(0, 51, 120, .15);
}
body.theme-green {
  --sk-light: #edf3ec; --sk-line: #c4d4c0; --sk-primary: #528843; --sk-hover: #5cd1a1;
  --sk-btn: linear-gradient(180deg, #7ac665 1%, #2d5125 99%); --sk-dis: #d7e6d3;
  --sk-search: linear-gradient(0deg, #f1f6f0, #d8e6d3);
  --sk-def: linear-gradient(180deg, #dcf1d7 1%, #c2dcba 99%); --sk-def-line: #99be8f; --sk-def-text: #528843;
  --sk-dlg-line: #d7e6d3; --sk-page: #f5f8f4; --sk-shadow: rgba(40, 80, 30, .15);
}
body.theme-deepblue {
  --sk-light: #eef0f8; --sk-line: #a6c0dd; --sk-primary: #134c8f; --sk-hover: #1963b7;
  --sk-btn: linear-gradient(180deg, #1963b7, #023f77); --sk-dis: #bfc9d6;
  --sk-search: linear-gradient(0deg, #f2f4fa, #d6e0ee);
  --sk-def: linear-gradient(180deg, #f3f5f8, #d5dbe5); --sk-def-line: #5aa6ff; --sk-def-text: #134c8f;
  --sk-dlg-line: #a6c0dd; --sk-page: #f5f6fa; --sk-shadow: rgba(0, 40, 90, .15);
}



body, .main-content { background-color: var(--sk-page) !important; }
.main-content { padding: 0 0 20px; color: var(--sk-text); }
.companyList > .tab-area:not(:empty) { margin: 0 0 0; }
.immediatelyBill > .cz-area:not(:empty) { margin: 0; }



.main-content .search-area {
  background: transparent !important; border-radius: 0 !important; box-shadow: none; padding: 0 !important;
  margin: 3px 0 0 !important; border-bottom: none !important;
}

.main-content .x8-filter, .main-content .search-area.x8-sa-head > .x8-filter {
  min-height: 40px; box-sizing: border-box; margin: 0; padding: 0 3px; gap: 0 20px;
  background: var(--sk-light) var(--sk-search); border: none; border-radius: 0; box-shadow: none;
  border-top: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line);
}
.main-content .x8-filter-item { gap: 0; margin: 6px 0; }
.main-content .x8-filter-lbl { font-size: 14px; color: var(--sk-text); padding-right: 10px; line-height: normal; }
.main-content .x8-filter-ops { margin: 6px 0 6px 0; gap: 10px; flex: 1; }


.main-content .x8-filter .x8-ipt, .main-content .x8-filter .x8-sel,
.main-content .search-area select, .main-content .search-area input {
  height: 26px !important; line-height: normal; border: 1px solid var(--sk-line) !important; border-radius: 2px !important;
  font-size: 14px; color: var(--sk-text); padding: 0 10px; box-shadow: none;
}
.main-content .x8-filter .x8-sel { padding: 0 30px 0 10px; min-width: 160px; }
.main-content .x8-filter input.x8-ipt { width: 160px; }
.main-content .x8-ipt:focus, .main-content .x8-sel.on { border-color: var(--sk-primary) !important; box-shadow: none; }
.main-content .x8-ipt::placeholder { color: var(--sk-dis) !important; }
.x8-sel-arrow { border-top-color: var(--sk-dis); }


.main-content .layui-btn { border-radius: 2px; font-size: 14px; font-weight: 500; }
.main-content .x8-filter .layui-btn { height: 27px; line-height: 27px; padding: 0 6px; min-width: 60px; }
.main-content .theme-btn-main { background-image: var(--sk-btn); border: none; color: #fff; }
.main-content .theme-btn-main:hover { opacity: 1; filter: brightness(1.12); }




.main-content .table-area { background: transparent; border-radius: 0; box-shadow: none; padding: 3px 3px 7px; }
.main-content .x8-tb-wrap, .layui-layer-content .x8-tb-wrap { border: none; border-radius: 0; box-shadow: none; background: #fff; }
.main-content .x8-tb, .layui-layer-content .x8-tb { font-size: 14px; color: var(--sk-text); border-collapse: collapse; border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }
.main-content .x8-tb th, .main-content .x8-tb td, .layui-layer-content .x8-tb th, .layui-layer-content .x8-tb td {
  padding: 3px 5px; line-height: 23px; font-size: 14px; color: var(--sk-text);
  border-right: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line);
}
.main-content .x8-tb th, .layui-layer-content .x8-tb th { background: var(--sk-light); font-weight: 700; }
.main-content .x8-tb thead tr + tr th, .layui-layer-content .x8-tb thead tr + tr th { font-weight: 700; }
.main-content .x8-tb tbody tr:last-child td, .layui-layer-content .x8-tb tbody tr:last-child td { border-bottom: 1px solid var(--sk-line); }
.main-content .x8-tb tbody tr:nth-child(even), .layui-layer-content .x8-tb tbody tr:nth-child(even) { background: transparent; }
.main-content .x8-tb tbody tr:hover, .layui-layer-content .x8-tb tbody tr:hover { background: var(--sk-light); }
.main-content .x8-tb tbody tr.x8-sum td { background: var(--sk-light); }
.main-content .x8-tb td.x8-cell-drill { padding: 0; }
.main-content .x8-tb td.x8-cell-drill > span { padding: 3px 5px; }


.main-content .x8-tb td [data-action]:not(.x8-ro), .main-content .x8-tb .x8-op:not(.x8-ro) { color: var(--sk-link); font-weight: 500; }
.main-content .x8-tb td [data-action]:hover, .main-content .x8-tb .x8-op:hover { opacity: 1; text-decoration: underline; }

.main-content .x8-tb td .x8-op > .layui-icon, .main-content .x8-tb td [data-action] > .layui-icon { display: none; }
.main-content .x8-tb td > span, .main-content .x8-tb td > a, .main-content .x8-tb td > i { vertical-align: top; }
.x8-ops { display: flex; justify-content: center; white-space: nowrap; }
.x8-ops > span { cursor: pointer; }
.x8-ops > span + span { margin-left: 4.6px; }


.main-content .layui-table { color: var(--sk-text); }
.main-content .layui-table th, .main-content .layui-table td {
  border: 1px solid var(--sk-line) !important; padding: 3px 5px !important; line-height: 23px; font-size: 14px; min-height: 0;
}
.main-content .layui-table thead th { background: var(--sk-light); font-weight: 700; color: var(--sk-text); border-bottom-width: 1px !important; }
.main-content .layui-table tbody tr:nth-child(even) { background: transparent; }
.main-content .layui-table tbody tr:hover { background: var(--sk-light) !important; }
.main-content .layui-table tbody tr:last-child td { border-bottom: 1px solid var(--sk-line) !important; }



.x8-pager { justify-content: center; gap: 0; padding: 14px 3px 11px; font-size: 14px; color: var(--sk-sub); line-height: 22px; }
.x8-pager .x8-pg-total { margin-right: 10px; }
.x8-pager select { width: 88px; height: 22px; margin: 0 20px 0 5px; padding: 0 8px; border: 1px solid var(--sk-line); border-radius: 3px; color: var(--sk-text); font-size: 14px; }
.x8-pager button { height: 22px; min-width: 22px; margin: 0 5px; padding: 0 4px; border: 1px solid transparent; border-radius: 2px;
  background: transparent; color: var(--sk-text); font-size: 13px; line-height: 20px; }
.x8-pager button:hover:not(:disabled) { border-color: transparent; color: var(--sk-primary); }
.x8-pager button:not(.x8-pg-num) { padding: 0; }
.x8-pager button:disabled { background: transparent; color: var(--sk-dis); }
.x8-pager button.x8-pg-num { font-size: 14px; border-color: var(--sk-line); background: #fff; }
.x8-pager button.x8-pg-num.cur { background: var(--sk-primary); border-color: var(--sk-primary); color: #fff; cursor: default; font-weight: 400; }
.x8-pager .x8-pg-more { margin: 0 5px; color: var(--sk-text); }



.footer-bar { height: 27px; background: var(--sk-light) !important; border-top: none !important; box-shadow: var(--sk-shadow) 0 0 6px; padding-left: 10px; font-size: 14px; color: var(--sk-sub); }
.footer-bar #btn-more-toggle { font-size: 12px; color: var(--sk-sub) !important; margin: 0 10px 0 16px !important; }
.footer-bar .f-bg { height: 27px; line-height: 27px; font-size: 12px; color: #f6f7fb; background: var(--sk-btn) !important; border-radius: 0 !important; padding: 0 10px !important; }
.footer-bar #btn-msg-toggle { border-top-left-radius: 25px 100% !important; padding-left: 25px !important; }




.layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog { border-radius: 2px !important; box-shadow: rgba(0, 0, 0, .3) 0 1px 3px !important; }
.layui-layer-page .layui-layer-title, .layui-layer-dialog .layui-layer-title {
  padding: 8px 60px 8px 20px; line-height: 24px; font-size: 16px; font-weight: 700 !important; color: var(--sk-text) !important;
  background: #fff !important; border-bottom: 1px solid var(--sk-dlg-line) !important; border-radius: 0 !important;
}
.layui-layer-page .layui-layer-setwin, .layui-layer-dialog .layui-layer-setwin { top: 11px; right: 20px; }
.layui-layer-setwin .layui-layer-close1 { font-size: 18px; color: #909399; }
.layui-layer-setwin .layui-layer-close1:hover { color: var(--sk-primary); }

.layui-layer .layui-layer-content .layui-btn, .layui-layer .layui-layer-btn a {
  height: 34px; line-height: 34px; padding: 0 15px; min-width: 100px; border-radius: 2px !important; font-size: 14px; font-weight: 500;
  background: var(--sk-primary) var(--sk-btn) !important; border: none !important; color: #fff !important;
}
.layui-layer .layui-layer-content .layui-btn-primary, .layui-layer .layui-layer-content .fd-cancel,
.layui-layer .layui-layer-btn a:not(.layui-layer-btn0) {
  background: #fff var(--sk-def) !important; border: 1px solid var(--sk-def-line) !important; color: var(--sk-def-text) !important;
}
.layui-layer .layui-layer-content .layui-btn-sm, .layui-layer .layui-layer-content .layui-btn-xs { height: 27px; line-height: 27px; min-width: 0; padding: 0 6px; }
.layui-layer .layui-layer-content .layui-btn > .layui-icon { display: none; }
.layui-layer .layui-layer-btn { border-top: none; padding: 10px 20px 20px !important; text-align: center; }



.main-content > div:not(.immediatelyBill):not(.home):not(.companyList) { background: transparent; box-shadow: none; overflow: visible; }
.main-content > div:not(.immediatelyBill):not(.home):not(.companyList) > *:not(.x8-tip) { border-bottom: none; }
.main-content > div:not(.immediatelyBill):not(.home):not(.companyList) .x8-filter,
.main-content > div:not(.immediatelyBill):not(.home):not(.companyList) > .search-area > .x8-filter {
  padding: 0 3px; margin: 0; background: var(--sk-light) var(--sk-search);
  border: none; border-top: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line);
}
.main-content > div:not(.immediatelyBill):not(.home):not(.companyList) > .search-area { margin-top: 3px !important; }
.main-content .x8-tb { background: #fff; }


.main-content .layui-btn-primary { background: #fff var(--sk-def) !important; border: 1px solid var(--sk-def-line) !important; color: var(--sk-def-text) !important; }
.main-content .layui-btn-primary:hover { filter: brightness(1.04); }


.main-content .x8-quick .layui-btn { height: 24px; line-height: 22px; padding: 0 8px; min-width: 0; margin: 0 5px 0 0; font-weight: 400; }
.main-content .x8-quick .layui-btn-primary { color: #000 !important; }
.main-content .x8-quick .theme-btn-main { border: 1px solid var(--sk-def-line); }



.main-content .reportForms .agents-area, .main-content .reportForms .category-area { padding: 3px !important; }
.x8-sec-hd { display: flex; justify-content: space-between; align-items: center; height: 36px; margin-bottom: 3px; font-size: 14px; font-weight: 700; color: var(--sk-sub); }
.x8-sec-hd b { color: var(--sk-sub); }
.x8-sum-line { padding: 10px 0; background: #fff; font-size: 14px; font-weight: 700; color: #000; text-align: center; line-height: 18px; }
.x8-sum-line i { font-style: normal; padding: 0 20px; }

.main-content .x8-tb tbody tr.x8-sum td, .main-content .x8-tb tbody tr.x8-sum td * { color: #000 !important; font-weight: 700; }




.x8-fi > .x8-lbl { color: var(--sk-text); font-size: 14px; padding-right: 12px; }
.x8-fi > .x8-lbl::after { content: '：'; }
.x8-radio, .x8-check-item { color: var(--sk-text); font-size: 14px; font-weight: 500; }
.x8-radio input, .x8-check-item input, .main-content input[type=checkbox], .main-content input[type=radio],
.layui-layer-content input[type=checkbox], .layui-layer-content input[type=radio] { accent-color: var(--sk-primary); }
.main-content .x8-ipt, .main-content .x8-sel, .layui-layer-content .x8-ipt, .layui-layer-content .x8-sel,
.main-content textarea, .layui-layer-content textarea {
  border-color: var(--sk-line) !important; border-radius: 2px !important; color: var(--sk-text); font-size: 14px; box-shadow: none;
}
.x8-sw { width: 40px; height: 22px; }
.x8-sw .track { background: #dcdfe6; border-radius: 11px; }
.x8-sw .track:before { width: 18px; height: 18px; left: 2px; top: 2px; box-shadow: none; }
.x8-sw input:checked + .track { background: var(--sk-primary); }
.x8-sw input:checked + .track:before { transform: translateX(18px); }


.main-content .x8-card { border: none; border-radius: 0; box-shadow: none; margin-bottom: 3px; background: #fff; }
.main-content .x8-card-hd { height: 36px; box-sizing: border-box; padding: 0 10px; line-height: 35px; border-radius: 0;
  background: var(--sk-light) var(--sk-search); border-top: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line);
  font-size: 14px; font-weight: 700; color: var(--sk-text); }
.main-content .x8-card-hd .mode-tag { top: 0; line-height: 35px; }

.officialSet .play-cell { border-radius: 2px; border-color: var(--sk-line); background: #fff; }
.officialSet .play-cell .pn { font-size: 14px; font-weight: 700; color: var(--sk-text); }
.main-content .x8-card-bd { background: #fff; }
.main-content > div > .x8-card:first-child { margin-top: 3px; }
.main-content .x8-card-hd .mode-tag { top: 0 !important; transform: none !important; }



body .x8-link:not(.x8-ro) { color: var(--sk-link); font-weight: 500; }
body .x8-link:hover { opacity: 1; text-decoration: underline; }
.oddsSetting .os-detail { font-size: 14px; font-weight: 500; color: var(--sk-link); }
.oddsSetting .os-play { font-size: 14px; font-weight: 700; color: var(--sk-text); }
.main-content > div:not(.immediatelyBill) .x8-tb td .x8-ipt { height: 32px !important; line-height: 32px !important; }
.main-content .x8-tb td .x8-ipt[disabled] { background: #fff; color: var(--sk-text); }


.main-content .bm-switch { display: flex; margin: 0 !important; padding: 0 3px; height: 36px; background: var(--sk-light) var(--sk-search); border-bottom: 1px solid var(--sk-line); }
.main-content .bm-switch .layui-btn { height: 37px; line-height: 19px; padding: 9px 26px; margin: 0; border: none !important; border-radius: 0 !important;
  background: transparent !important; color: var(--sk-text) !important; font-size: 14px; font-weight: 500; filter: none; }
.main-content .bm-switch .layui-btn.theme-btn-main { background: #fff !important; color: var(--sk-primary) !important; }


.op-modules { flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 0 10px; margin: 0 0 6px; }
.op-mod { height: 26px; box-sizing: border-box; padding: 0 6px; line-height: 24px; border-radius: 2px; cursor: pointer; font-size: 14px; font-weight: 500;
  background: #fff var(--sk-def); border: 1px solid var(--sk-def-line); color: #444141; }
.op-mod.on { background: var(--sk-primary) var(--sk-btn); color: #fff; }

.main-content .x8-tb td .layui-badge { background: transparent !important; color: var(--sk-text) !important; padding: 0; height: auto; line-height: inherit; font-size: 14px; border-radius: 0; }





body { --sk-tab: linear-gradient(180deg, #f6e7d9, #e3c7ad); }
body.theme-default, body.theme-dark, body.theme-green, body.theme-deepblue { --sk-tab: var(--sk-def); }

body .bd-panel { border: none; margin-top: 0 !important; background: transparent; }
body .bd-panel > .play-area:not(:empty) { padding: 3px !important; background: #fff; border-bottom: 1px solid var(--sk-line); }

body .bd-panel .x8-tabs { gap: 5px 6px; flex-wrap: wrap; }
body .bd-panel .x8-tabs .x8-tab { height: 29px; min-width: 72px; box-sizing: border-box; padding: 0 10px; line-height: 29px; text-align: center;
  border: none !important; border-radius: 0; font-size: 15px; font-weight: 400; color: var(--sk-text); background: var(--sk-tab) !important; }
body .bd-panel .x8-tabs .x8-tab:hover { color: var(--sk-primary); }
body .bd-panel .x8-tabs .x8-tab.on { background: var(--sk-primary) var(--sk-btn) !important; color: #fff; }

body .bd-panel > .bd-bar { border-bottom: none; }
body .bd-panel .x8-bd-bar { height: 35px; min-height: 0; box-sizing: border-box; padding: 0 3px 0 12px !important; gap: 0;
  border: none; border-bottom: 1px solid var(--sk-line); border-radius: 0; flex-wrap: nowrap; }
body .bd-panel .x8-bd-bar-l { gap: 0 14px; font-size: 13px; font-weight: 700; color: var(--sk-sub); flex-wrap: nowrap; }
body .bd-panel .x8-bd-play, body .bd-panel .x8-bd-issue { font-size: 14px; font-weight: 700; color: #000; }
body .bd-panel .x8-bd-play + .x8-bd-issue { margin-left: -10px; }
body .bd-panel .x8-bd-cd, body .bd-panel .x8-bd-cd.x8-bd-cd-off { background: none; padding: 0; font-size: 13px; font-weight: 700; color: var(--sk-sub); }
body .bd-panel .x8-bd-cd .x8-bd-cd-close { color: #e11b1b; }
body .bd-panel .x8-bd-today b, body .bd-panel .x8-bd-today .x8-bd-up { color: var(--sk-sub); font-weight: 700; }
body .bd-panel .x8-bd-draw { gap: 0; }
body .bd-panel .x8-bd-draw .x8-ball-zodiac { gap: 1px; margin: 0 2px; }
body .bd-panel .x8-bd-draw .x8-ball-zodiac em { font-size: 13px; font-weight: 700; color: var(--sk-text); }
body .bd-panel .x8-bd-draw .x8-ball-plus { font-size: 18px; font-weight: 700; color: #afb7c1; }


body .bd-panel .x8-bd-tools { gap: 0 3px; }
body .bd-panel .x8-bd-step-box { gap: 0 2px; }
body .bd-panel .x8-bd-step-box .lbl { font-size: 14px; color: var(--sk-sub); margin-right: 1px; }
body .bd-panel .x8-bd-step-box .x8-ipt { width: 50px !important; height: 26px !important; padding: 0 4px; text-align: center; }
body .bd-panel .x8-bd-tools .x8-bd-quick { width: 47.6px; min-width: 0; height: 25.6px; padding: 0; line-height: 24px; font-size: 14px; color: var(--sk-text);
  background: #fff var(--sk-def); border: 1px solid var(--sk-def-line); border-radius: 2px; }
body .bd-panel .x8-bd-tools .x8-bd-apply { width: 41px; height: 26.8px; padding: 0; margin-left: 1px; font-size: 14px; font-weight: 500; border-radius: 2px;
  background: var(--sk-primary) var(--sk-btn); color: #fff; }
body .bd-panel .x8-bd-tools .x8-bd-step-box::after { content: ""; width: 1px; height: 18px; margin-left: 3px; background: var(--sk-line); }
body .bd-panel .x8-bd-tools .x8-sel { height: 26px !important; min-width: 0; width: 55px; padding: 0 18px 0 4px; }
body .bd-panel .x8-bd-tools .x8-sel + .x8-sel { width: 50px; }
body .bd-panel .x8-bd-tools .x8-sel-arrow { right: 6px; }


body .bd-panel > .bd-main { padding: 3px 0 0 !important; gap: 0; }
body .bd-panel .x8-bd-smgrid { gap: 0 1px; }
body .bd-panel .x8-bd-smcol { border: none; border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); border-radius: 0; margin: 0 0 0 1px; }
body .bd-panel .x8-bd-smcol + .x8-bd-smcol { border-left: 1px solid var(--sk-line); }
body .bd-panel .x8-bd-smcol .x8-tb { border: none; }
body .bd-panel .x8-bd-smcol .x8-tb th, body .bd-panel .x8-bd-smcol .x8-tb td {
  padding: 0 !important; font-size: 14px; color: var(--sk-text); text-align: center;
  border-right: 1px solid var(--sk-line) !important; border-bottom: 1px solid var(--sk-line) !important; }
body .bd-panel .x8-bd-smcol .x8-tb th:last-child, body .bd-panel .x8-bd-smcol .x8-tb td:last-child { border-right: 1px solid var(--sk-line) !important; }
body .bd-panel .x8-bd-smcol .x8-tb th { line-height: 30px; font-weight: 700; background: var(--sk-light) !important; }
body .bd-panel .x8-bd-smcol .x8-tb td { line-height: 26px; height: 26px; font-weight: 400; background: #fff; }
body .bd-panel .x8-bd-smcol .x8-tb td.x8-bd-seq, body .bd-panel .x8-bd-smcol .x8-tb td.x8-bd-td-item { background: var(--sk-light) !important; color: var(--sk-text); }
body .bd-panel .x8-bd-smcol .x8-bd-seq { width: 40px; }
body .bd-panel .x8-bd-smcol .x8-bd-td-item { width: 48px; }
body .bd-panel .x8-bd-smcol .x8-bd-smodds-h { width: 130px; }
body .bd-panel .x8-bd-smcol .x8-tb tbody tr:hover td { background: #fff; }
body .bd-panel .x8-bd-smcol .x8-tb tbody tr:hover td.x8-bd-seq, body .bd-panel .x8-bd-smcol .x8-tb tbody tr:hover td.x8-bd-td-item { background: var(--sk-light) !important; }


.main-content .x8-ball { width: 24px; height: 24px; font-size: 14px; font-weight: 700; line-height: 24px; margin: 0 1px; }
.main-content .x8-ball-red { background: #f82525; }
.main-content .x8-ball-blue { background: #028aff; }
.main-content .x8-ball-green { background: #1fc26b; }
.main-content .x8-ball-sm { width: 22px; height: 22px; font-size: 12px; }
.main-content .x8-ball-xs { width: 18px; height: 18px; font-size: 10px; }


body .bd-panel .x8-bd-oddsbox { padding: 0 10px; height: 26px; }
body .bd-panel .x8-bd-odds { font-size: 13px; font-weight: 700; color: var(--sk-link); }
body .bd-panel .x8-bd-step { width: 16px; height: 16px; zoom: 1; background: no-repeat center / 16px 16px; opacity: 1; }
body .bd-panel .x8-bd-step::before, body .bd-panel .x8-bd-step::after { content: none; }
body .bd-panel .x8-bd-step[data-bd$="odds-up"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvUlEQVR4AayOMQoCMRREfz54A9FCrDyBjZVgLYI3sLaycs/hFlbWNmppYy1Y2XgCK7VQvIFFZIqBhWU/+yGBYZKfvMnoIc8m+zx77lbL6BEYsBpFNoPRuDWdLcQjMGA1xthpd3sNcS4wYNXJlZ6bAd/+UKASVRiYAYV3ldv0AahM8Vue4ZzR0zdo3i5C8Ree4ZzR0zdgcl03G6AyZIWZARbIOw0hvN6P+4+Dug4GrAaR+fV8+hy3a/EIDNg/AAAA//8iQlxKAAAABklEQVQDAEm7gRHRXeTQAAAAAElFTkSuQmCC"); }
body .bd-panel .x8-bd-step[data-bd$="odds-down"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoElEQVR4AdzQoQoCQRAG4H8HTHZFxOQ7WMUogm9gNpm85/CCyWxRo8UoVt/BpHLc9UsX5vjrHtwycFdu4Q/D7LezjNziaHWNo9/lsFdLaGhFgdNsvhysNztYQkMrqjoeTqY9GA8NrRhd5XoXH+gvRqiLv4Tmd5A/E9Sl/R/4E0J18zsITfT74pz7p99P4TdCNQ2tOGD7fj2y+/kIS2hoSwAAAP//Ryk+XAAAAAZJREFUAwDhE4ERjunZ4gAAAABJRU5ErkJggg=="); }
body .bd-panel .x8-bd-step-off, body .bd-panel .x8-bd-step[disabled] { opacity: .3; cursor: default; }


body .bd-panel .x8-bd-num { color: var(--sk-text); }
body .bd-panel .x8-bd-num .x8-bd-up { color: #2f86f6; font-weight: 400; }
body .bd-panel .x8-bd-num .x8-bd-down { color: #f82525; font-weight: 400; }
body .bd-panel .x8-bd-num .x8-bd-flat { color: var(--sk-text); }


body .bd-panel .x8-bd-extremes { padding: 6px 0 5px; gap: 0; font-size: 14px; font-weight: 700; color: var(--sk-text); border: none; background: none; }

body .bd-panel .x8-bd-ex-i { min-width: 150px; white-space: nowrap; }
.x8-bd-ex-i.up .x8-bd-flat, .x8-bd-ex-i.up .x8-bd-up, .x8-bd-ex-i.up .x8-bd-down { color: #08ad6a !important; font-weight: 700; }
.x8-bd-ex-i.down .x8-bd-flat, .x8-bd-ex-i.down .x8-bd-up, .x8-bd-ex-i.down .x8-bd-down { color: #e11b1b !important; font-weight: 700; }
body .bd-panel .x8-bd-note { font-size: 14px; color: #656b7b; padding: 0 0 10px; }


body .bdside-area .x8-bd-side { width: 180px; margin: 0 2px; background: transparent; border-radius: 0; overflow: visible; }
body .bdside-area .x8-bd-sd-hd { height: 26.8px; justify-content: center; gap: 4px; padding: 0; font-size: 14px; font-weight: 500;
  background: var(--sk-primary) var(--sk-btn); border-radius: 2px; }
body .bdside-area .x8-bd-sd-bd { border: none; border-right: 1px solid var(--sk-line); border-radius: 0; background: #fff; }
body .bdside-area .x8-bd-sd-row { height: 26.8px; padding: 0; gap: 0; border-bottom: none; font-size: 14px; color: var(--sk-text); }
body .bdside-area .x8-bd-sd-row > * { flex: 1 1 50%; height: 100%; box-sizing: border-box; line-height: 26px; text-align: center; font-weight: 400;
  border-left: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); }
body .bdside-area .x8-bd-sd-row:hover { background: transparent; color: var(--sk-primary); }
body .bdside-area .x8-bd-sd-row.on { background: var(--sk-tab); color: var(--sk-text); }
body .bd-panel .bdside-area { width: 184px; flex: none; }



body .bd-panel .x8-bd-tbwrap { border: none; border-radius: 0 !important; margin: 0 1px; }
body .bd-panel .x8-bd-card .x8-card-hd + .x8-card-bd .x8-tb-wrap { border-radius: 0; }
body .bd-panel .x8-bd-tbwrap .x8-tb { border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }
body .bd-panel .x8-bd-tbwrap .x8-tb th, body .bd-panel .x8-bd-tbwrap .x8-tb td {
  padding: 0 !important; font-size: 14px; color: var(--sk-text); text-align: center;
  border-right: 1px solid var(--sk-line) !important; border-bottom: 1px solid var(--sk-line) !important; }
body .bd-panel .x8-bd-tbwrap .x8-tb th { line-height: 30px; font-weight: 700; background: var(--sk-light) !important; }
body .bd-panel .x8-bd-tbwrap .x8-tb td { line-height: 26px; height: 26px; font-weight: 400; background: #fff; }
body .bd-panel .x8-bd-tbwrap .x8-tb td.x8-bd-td-item, body .bd-panel .x8-bd-tbwrap .x8-tb td.x8-bd-seq { background: var(--sk-light) !important; }

body .bd-panel .x8-bd-tbwrap .x8-tb td.x8-bd-td-nums { height: auto; }
body .bd-panel .x8-bd-tbwrap .x8-tb tbody tr:hover td { background: #fff; }
body .bd-panel .x8-bd-tbwrap .x8-tb tbody tr:hover td.x8-bd-td-item { background: var(--sk-light) !important; }
body .bd-panel .x8-bd-td-nums .x8-ball { margin: 0 3px 0 0; }
body .bd-panel .x8-bd-label { font-size: 14px; font-weight: 700; color: var(--sk-text); }
body .bd-panel .x8-c-red { color: #f82525; }
body .bd-panel .x8-c-blue { color: #028aff; }
body .bd-panel .x8-c-green { color: #1fc26b; }




body .bd-panel .x8-bd-split { gap: 0 2px; }
body .bd-panel .x8-bd-split > .x8-bd-aside { flex: 0 0 467px; max-width: 467px; }
body .bd-panel .x8-bd-subhost:not(:empty) { margin-bottom: 0; }


body .bd-panel .x8-bd-tiers { box-shadow: none; overflow: visible; flex-wrap: wrap; box-sizing: border-box;
  border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }


body .bd-panel .x8-bd-tiertab { flex: 1 1 0; min-width: 131px; height: 30px; box-sizing: border-box;
  border: 1px solid var(--sk-line); border-top: none; border-left: none;
  border-radius: 0 !important; box-shadow: none; }
body .bd-panel .x8-bd-tier, body .bd-panel .x8-bd-tiern { padding: 0; line-height: 28px; font-size: 14px; }


body .bd-panel .x8-bd-tiertab .x8-bd-tier { flex: 0 0 62px; text-align: center; font-weight: 700; color: var(--sk-text); background: var(--sk-light) !important; }
body .bd-panel .x8-bd-tiertab:hover .x8-bd-tier { color: var(--sk-primary); }
body .bd-panel .x8-bd-tiertab.on .x8-bd-tier { background: var(--sk-primary) var(--sk-btn) !important; color: #fff; }
body .bd-panel .x8-bd-tiertab .x8-bd-tiern, body .bd-panel .x8-bd-tiertab.on .x8-bd-tiern { flex: 1 1 0; min-width: 76px; font-weight: 400; color: #000;
  background: #fff !important; border-left: 1px solid var(--sk-line); }

body .bd-panel .x8-bd-grid { gap: 0 1px; padding-top: 3px; }
body .bd-panel .x8-bd-gcol { border: none; border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); margin-left: 1px; }
body .bd-panel .x8-bd-gcol .x8-tb th, body .bd-panel .x8-bd-gcol .x8-tb td {
  padding: 0 !important; font-size: 14px; color: var(--sk-text); text-align: center;
  border-right: 1px solid var(--sk-line) !important; border-bottom: 1px solid var(--sk-line) !important; }
body .bd-panel .x8-bd-gcol .x8-tb th { line-height: 30px; font-weight: 700; background: var(--sk-light) !important; }
body .bd-panel .x8-bd-gcol .x8-tb td { line-height: 26px; height: 26px; background: #fff; }
body .bd-panel .x8-bd-gcol .x8-tb td.x8-bd-td-item { width: 45.7px; background: var(--sk-light) !important; }
body .bd-panel .x8-bd-gcol .x8-tb tbody tr:hover td { background: #fff; }
body .bd-panel .x8-bd-gcol .x8-tb tbody tr:hover td.x8-bd-td-item { background: var(--sk-light) !important; }
body .bd-panel .x8-bd-gcell .x8-bd-oddsbox { height: 24px; padding: 0 10px; }

body .bd-panel .x8-bd-cbtabs { margin-bottom: 3px; align-items: center; }

body .bd-panel .x8-bd-cbtabs .x8-bd-cbtabgrp, body .bd-panel .x8-bd-cbtabs .x8-bd-cbquick { flex: none; white-space: nowrap; }
body .bd-panel .x8-bd-cbkw { flex: 1 1 auto; min-width: 80px; height: 24.6px; margin: 0 4px 0 8px; padding: 0 6px; box-sizing: border-box; font-size: 13px; }
body .bd-panel .x8-bd-cbtabs .x8-bd-cbsearch { margin: 0 8px 0 0; }
body .bd-panel .x8-bd-cbtab { width: 101.6px; height: 24.6px; line-height: 23px; font-size: 14px; font-weight: 400; border: 1px solid var(--sk-line);
  border-radius: 0 !important; background: #fff !important; color: var(--sk-text); }
body .bd-panel .x8-bd-cbtab + .x8-bd-cbtab { border-left: none; }
body .bd-panel .x8-bd-cbtab.on { background: var(--sk-primary) var(--sk-btn) !important; color: #fff; }

body .bd-panel .x8-bd-cbquick { height: 24.6px; line-height: 23px; padding: 0 14px; border: none; border-radius: 2px !important;
  background: var(--sk-primary) var(--sk-btn) !important; color: #fff; font-size: 14px; font-weight: 500; }
body .bd-panel .x8-bd-cbquick:hover { background: var(--sk-primary) var(--sk-btn) !important; color: #fff; filter: brightness(1.12); }

body .bd-panel .x8-bd-rank .x8-tb { border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }
body .bd-panel .x8-bd-rank .x8-tb th, body .bd-panel .x8-bd-rank .x8-tb td {
  padding: 0 !important; font-size: 14px; color: var(--sk-text); text-align: center;
  border-right: 1px solid var(--sk-line) !important; border-bottom: 1px solid var(--sk-line) !important; }
body .bd-panel .x8-bd-rank .x8-tb th { line-height: 23px; font-weight: 700; background: var(--sk-light) !important; }
body .bd-panel .x8-bd-rank .x8-tb td { line-height: 29px; background: #fff; }
body .bd-panel .x8-bd-rank .x8-card-hd { background: var(--sk-light) !important; color: var(--sk-text); font-weight: 700; border-color: var(--sk-line) !important; }

body .bd-panel .x8-bd-card .x8-card-hd { height: 22.8px; padding: 0; line-height: 22px; text-align: center; font-size: 14px; font-weight: 700; color: var(--sk-text);
  background: var(--sk-light) !important; border: 1px solid var(--sk-line); border-bottom: none; border-radius: 0 !important; }
body .bd-panel .x8-bd-gcol .x8-tb td.x8-bd-td-item .x8-bd-label, body .bd-panel .x8-bd-gcol .x8-tb td.x8-bd-td-item { font-weight: 700; }
body .bd-panel .x8-bd-sechd { height: 22.8px; box-sizing: border-box; padding: 0; line-height: 22px; text-align: center; font-size: 14px; font-weight: 700; color: var(--sk-text);
  background: var(--sk-light) !important; border-bottom: none; }
body .bd-panel .x8-bd-secrow { gap: 0 1px; }
body .bd-panel .x8-bd-seccol { border: 1px solid var(--sk-line); border-bottom: none; margin-left: 1px; }
body .bd-panel .x8-bd-seccol .x8-bd-gcol { border-left: none; margin-left: 0; }
body .bd-panel .x8-bd-seccol .x8-bd-grid { padding-top: 0; }

body .bd-panel .x8-bd-tbwrap .x8-tb th.x8-bd-td-item { width: 124px; }
body .bd-panel .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums { width: 299px; }
body .bd-panel .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums + th.x8-bd-num { width: 336px; }
body .bd-panel .x8-bd-tbwrap .x8-tb td.x8-bd-td-item { font-weight: 700; }
body .bd-panel .x8-bd-extremes { height: 30px; box-sizing: border-box; padding: 0; line-height: 30px; }



body .bd-panel .x8-bd-split-ranking > .x8-bd-aside { flex: 0 0 400px; max-width: 400px; }
body .bd-panel .x8-bd-rank .x8-card-hd { height: 30px; line-height: 30px; font-size: 14px; font-weight: 700; color: #e11b1b !important; text-align: center; }
body .bd-panel .x8-bd-rank .x8-tb td { line-height: 21.6px; height: 21.6px; }
body .bd-panel .x8-bd-rank .x8-tb td.x8-bd-seq { width: 33px; }
body .bd-panel .x8-bd-rank .x8-tb td.x8-bd-td-item { width: 31px; }
body .bd-panel .x8-bd-rank .x8-tb td.x8-bd-oddstd { width: 121px; }

body .bd-panel .x8-bd-rank .x8-tb td:nth-child(n+4) { white-space: nowrap; }
body .bd-panel .x8-bd-rank .x8-bd-oddsbox { height: 21px; padding: 0 10px !important; }
body .bd-panel .x8-bd-rank .x8-bd-rknum { font-size: 14px; font-weight: 700; }
body .bd-panel .x8-bd-rank .x8-tb { table-layout: fixed; width: 100%; }

body .bd-panel .x8-bd-rank-pick .x8-tb td.x8-bd-seq { width: 50px; }


body .bd-panel .x8-bd-rank-pick .x8-tb td.x8-bd-seq .x8-bd-cbpick { display: flex; margin-left: 5px; }

body .bd-panel .x8-bd-rank .x8-bd-rkhd { display: flex; align-items: center; padding: 0 6px !important; }
body .bd-panel .x8-bd-rkside { flex: 1 1 0; display: flex; align-items: center; min-width: 0; color: var(--sk-text); font-weight: 400; }
body .bd-panel .x8-bd-rkside-r { justify-content: flex-end; }
body .bd-panel .x8-bd-rkside .x8-bd-cbquick { margin-left: 0; }

body .bd-panel .x8-bd-split-ranking .x8-bd-gcol .x8-tb td.x8-bd-td-item { width: 57.5px; }



body .bd-panel[data-play="yixiao"] .x8-bd-tbwrap .x8-tb td.x8-bd-td-item,
body .bd-panel[data-play="weishu"] .x8-bd-tbwrap .x8-tb td.x8-bd-td-item,
body .bd-panel[data-play="yixiao"] .x8-bd-tbwrap .x8-tb tbody tr:hover td.x8-bd-td-item,
body .bd-panel[data-play="weishu"] .x8-bd-tbwrap .x8-tb tbody tr:hover td.x8-bd-td-item { background: #fff !important; }
body .bd-panel[data-play="yixiao"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-item,
body .bd-panel[data-play="weishu"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-item { width: 66px; }
body .bd-panel[data-play="yixiao"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums,
body .bd-panel[data-play="weishu"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums { width: 180px; }
body .bd-panel[data-play="yixiao"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums + th.x8-bd-num,
body .bd-panel[data-play="weishu"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-nums + th.x8-bd-num { width: 156px; }

body .bd-panel .x8-bd-sectab { height: 30px; box-sizing: border-box; border-bottom: 1px solid var(--sk-line); border-radius: 0 !important; box-shadow: none; }
body .bd-panel .x8-bd-sectab .x8-bd-tier { padding: 0; line-height: 29px; font-size: 14px; font-weight: 700; color: var(--sk-text); background: var(--sk-light) !important; }
body .bd-panel .x8-bd-sectab.on .x8-bd-tier { background: var(--sk-primary) var(--sk-btn) !important; color: #fff; }
body .bd-panel .x8-bd-sectab .x8-bd-tiern, body .bd-panel .x8-bd-sectab.on .x8-bd-tiern { padding: 0; line-height: 29px; font-size: 14px; font-weight: 400; color: #000;
  background: #fff !important; border-left: 1px solid var(--sk-line); }

body .bd-panel[data-play^="lianxiao"] .x8-bd-gcol .x8-tb td.x8-bd-td-item, body .bd-panel[data-play^="lianwei"] .x8-bd-gcol .x8-tb td.x8-bd-td-item { width: 82.9px; }
body .bd-panel[data-play^="lianxiao"] .x8-bd-gcell .x8-bd-oddsbox, body .bd-panel[data-play^="lianwei"] .x8-bd-gcell .x8-bd-oddsbox { height: 22px; }
body .bd-panel[data-play^="lianxiao"] .x8-bd-sectab .x8-bd-tier, body .bd-panel[data-play^="lianwei"] .x8-bd-sectab .x8-bd-tier { flex: 0 0 82.9px; }
body .bd-panel .x8-bd-seccol .x8-bd-tbwrap { margin: 0; }

body .bd-panel[data-play="hetexiao"] .x8-bd-tiertab .x8-bd-tier { flex: 0 0 130px; }

body .bd-panel[data-play="zm2"] .x8-bd-gcol .x8-tb td.x8-bd-td-item { width: 65.7px; }

body .bd-panel[data-play="zm2"] .x8-bd-seccol { flex: 0 0 calc((100% - 5px) / 3); box-sizing: border-box; }




html { overflow-y: hidden; height: 100%; }
body { height: 100%; min-height: 0 !important; box-sizing: border-box; padding-bottom: 27px !important; }
.main-content { flex: 1 1 0; min-height: 0; overflow-y: auto; padding: 0 !important; }
body .header, body .tabs { position: relative; top: 0; }



body .header .header-box { padding: 0 13px 0 10px !important; align-items: flex-start; }
.logo-area { padding-top: 8px; align-items: flex-start; gap: 5px; }
.brand-name { line-height: normal; margin-top: 2px; }
.header-right { padding-top: 9px; align-items: flex-start; font-size: 12px; line-height: normal; }
.header-right, .header-right .dropdown-base1, .header-right .header-user { color: #fff !important; }
.header-right .hu-name { margin-left: 5px; }
.theme-switcher { gap: 5px; margin: 0 !important; }
.hd-split { display: block; width: 1px; height: 12px; margin: 2px 10px 0; background: #dbbc9d; }
.hd-drop { position: relative; display: flex; align-items: flex-start; padding: 0 0 10px; cursor: pointer; }
.hd-caret { width: 12px; height: 12px; margin: 1.2px 0 0 5px; position: relative; top: .8px; }
.hd-caret::before { content: ''; position: absolute; left: 2px; top: 4px; border: 4px solid transparent; border-top: 5px solid #fff; border-bottom: 0; }

.hd-pop { display: none; position: absolute; right: 0; top: 25px; z-index: 999; width: 120px; background: #fff;
  box-shadow: rgba(34, 34, 34, .2) 0 2px 10px; font-size: 14px; color: var(--sk-sub); cursor: default; }
.hd-drop:hover .hd-pop { display: block; }
.hd-pop p { margin: 0; padding: 10px 15px; line-height: normal; white-space: nowrap; }
.hd-pop p[id] { cursor: pointer; }
.hd-pop p[id]:hover { color: var(--sk-primary); }

body .tabs .menu-item, body .tabs .layui-tab-title li { box-sizing: border-box; }


.layui-layer-shade { background-color: #000 !important; }


.footer-bar #btn-more-toggle { font-weight: 500; margin: 0 10px 0 16px !important; padding: 0; }
.footer-bar #btn-more-toggle .layui-icon { font-size: 12px !important; color: #a88e73; margin-left: 1px; }
.footer-bar #btn-msg-toggle { padding: 0 10px 0 35px !important; }
.footer-bar .f-bg .layui-icon { font-size: 12px !important; margin-right: 8px; }
.footer-bar #btn-msg-toggle + #btn-feedback-toggle { position: relative; padding-left: 10px !important; margin-left: 1px; }
.footer-bar #btn-msg-toggle + #btn-feedback-toggle::before { content: ''; position: absolute; left: -1px; top: 7.7px; width: 1px; height: 12px; background: #dbbc9d; }


.main-content .x8-filter .x8-filter-right { flex: none; margin: 3px 0 3px auto; justify-content: flex-end; gap: 10px; }
.main-content .x8-filter .layui-btn.x8-btn-add { height: 32.8px; line-height: 32.8px; padding: 0 15px; min-width: 0; font-size: 14px; font-weight: 500; }
.main-content .x8-filter .layui-btn.x8-btn-add > .layui-icon { display: inline-block; width: 14.5px; overflow: visible; text-align: center; font-size: 14px; font-weight: 700; margin-right: 5px; vertical-align: top; }



.main-content > .companyList, .main-content > .noticeList, .main-content > .oddsSetting,
.main-content > .operationLog, .main-content > .messageList, .main-content > .billsManage { border-bottom: 1px solid var(--sk-line); }
.main-content > .messageList, .main-content > .billsManage { background: #fff !important; }
.main-content > .noticeList { background: #fff !important; }
.main-content > .historyOpen, .main-content > .systemSetting, .main-content > .changePassword { background: #fff !important; min-height: 100%; box-sizing: border-box; }


.noticeList .x8-tb { table-layout: fixed; }
.noticeList .x8-tb td { padding: 3px 0 !important; text-align: center; }
.noticeList .x8-tb th { padding: 3px 0 !important; }
.noticeList .nt-clip { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; }
.noticeList .nt-st { display: inline-flex; align-items: center; color: var(--sk-text) !important; }
.noticeList .nt-st > i { width: 12px; height: 12px; margin-right: 5px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABAElEQVR4AYyQvUpDQRSEZ08hiBBBbbS0kmAjKX2B+wQ2KmmtFHwOEbRKG9TGJ7gvkHQhTUiZMmmSQAIhkOJuzpxwLntJk4XDDjPfsD+CZH3/PtYaeX7Z6H7c2KimlyCwQr2OI4Lt67sr1AanJaCaHjP3rHD8mZ9XQE9916KXxI5UwzOE4g0xdmyoPVCGrLQvnk/cM7jACxDPbKiTElmpXKUID2XZRerpKfYGzw7ZBcvbRQlK/C+1i9RTVprTn5VniPKlH90CwtxG0DIPu0VWXp/+lpVTWArhHhzqHQsyZO0N6/dsRsOzvV2v0suyCX0rDIfY0GiO+uNKUUF6zAhztgAAAP//iwXhUQAAAAZJREFUAwDdkW0pDGxVawAAAABJRU5ErkJggg==") no-repeat; }
.noticeList .nt-st.x8-muted > i { filter: grayscale(1); opacity: .6; }
.noticeList .x8-tb .x8-op { margin: 0 2.3px; }



.main-content > .historyOpen { padding: 3px !important; }
.main-content > .historyOpen.historyOpen.historyOpen > .search-area.x8-sa-head { margin: 0 !important; }
.main-content > .historyOpen .x8-filter { min-height: 42.8px; padding: 0 !important; background: #fff !important; border: none !important; gap: 0 20px; }
.historyOpen .ho-title { margin-right: auto; font-size: 16px; font-weight: 700; color: var(--sk-text); line-height: normal; }
.historyOpen .x8-filter-item { margin: 6.4px 0; }
.main-content .historyOpen .x8-filter .x8-sel { height: 30px !important; width: 193px; }
.historyOpen .table-area { padding: 3px 0 7px !important; }
.main-content .historyOpen .x8-tb th, .main-content .historyOpen .x8-tb td { padding: 3px 2px; line-height: 24px; box-sizing: border-box; }
.main-content .historyOpen .x8-ball { font-weight: 600; margin: 0; }
.historyOpen .x8-ball-zodiac { gap: 5px; margin: 0 5px; }
.historyOpen .x8-ball-zodiac em { color: var(--sk-text); }
.historyOpen .x8-dw-b { color: #116ce1; }
.historyOpen .x8-dw-r { color: #f82525; }



.main-content input[type=checkbox], .layui-layer-content input[type=checkbox],
.main-content input[type=radio], .layui-layer-content input[type=radio] {
  -webkit-appearance: none; appearance: none; flex: none; width: 16px !important; height: 16px !important; margin: 0; padding: 0;
  box-sizing: border-box; border: 1px solid #a88e73; background: #fff no-repeat center; cursor: pointer; vertical-align: middle; }
.main-content input[type=checkbox], .layui-layer-content input[type=checkbox] { border-radius: 2px; }
.main-content input[type=radio], .layui-layer-content input[type=radio] { border-radius: 50%; }
.main-content input[type=checkbox]:checked, .layui-layer-content input[type=checkbox]:checked {
  border-color: var(--sk-primary); background-color: var(--sk-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.2 8.2l2.6 2.6 5-5.4' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E"); }
.main-content input[type=radio]:checked, .layui-layer-content input[type=radio]:checked {
  border-color: var(--sk-primary); background-image: radial-gradient(circle, var(--sk-primary) 0 3px, transparent 3.5px); }
.main-content input[type=checkbox]:disabled, .layui-layer-content input[type=checkbox]:disabled,
.main-content input[type=radio]:disabled, .layui-layer-content input[type=radio]:disabled { cursor: not-allowed; opacity: .6; }
.x8-check-item, .x8-radio { gap: 8px; font-size: 14px; font-weight: 500; color: var(--sk-text); }

.main-content .form-area input[type=checkbox] { border-radius: 2px !important; }
.main-content .form-area input[type=radio] { border-radius: 50% !important; }



.nt-form { padding: 20px 20px 0; }
.nt-form .x8-fi { padding: 0; margin-bottom: 8px; align-items: flex-start; }
.nt-form .x8-fi[data-x8-row="content"], .nt-form .x8-fi[data-x8-row="audience"], .nt-form .x8-fi[data-x8-row="endAt"] { margin-bottom: 15px; }
.nt-form .x8-fi > .x8-lbl { width: 160px; padding-right: 12px; box-sizing: border-box; line-height: 26px; color: var(--sk-text); font-size: 14px; }
.nt-form .x8-fi > .x8-lbl::after { content: ':'; }
.nt-form .x8-req::before { content: none; }
.nt-form .x8-val { flex: none; }
.nt-form .x8-val > .x8-ipt { width: 400px; height: 26px; line-height: 26px; padding: 0 10px; color: #414654; box-sizing: border-box; }
.nt-form .x8-val > textarea.x8-ipt { height: 135.8px !important; line-height: 1.5 !important; padding: 5px 10px !important; resize: vertical; }
.nt-form .x8-val > input[data-x8-date] { width: 232.8px; padding-left: 30px;
  background: #fff no-repeat 6px center / 13px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Ccircle cx='6.5' cy='6.5' r='5.7' fill='none' stroke='%23a88e73' stroke-width='1.1'/%3E%3Cpath d='M6.5 3.3v3.4l2.3 1.4' fill='none' stroke='%23a88e73' stroke-width='1.1'/%3E%3C/svg%3E"); }
.nt-form .x8-fi[data-x8-row="audience"] .x8-val { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.nt-form .x8-checks { gap: 8px 30px; }
.nt-form .nt-all, .nt-form .x8-checks .x8-check-item { line-height: 26px; }



.msg-pop { position: fixed; bottom: 30px; z-index: 1000; width: 336px; height: 528px; display: flex; flex-direction: column;
  background: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: rgba(0, 0, 0, .1) 0 2px 12px;
  font-size: 14px; color: var(--sk-text); line-height: normal; }
.msg-pop-hd { flex: none; box-sizing: border-box; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #f7f3ef; user-select: none; }
.msg-pop-bd { flex: 1; min-height: 0; overflow: hidden auto; }
.msg-pop .msg-item { height: 88px; box-sizing: border-box; padding: 12px 5px 12px 24px; border-bottom: 1px solid #f7f3ef; cursor: pointer; }
.msg-pop .msg-item:hover { background: var(--sk-light) !important; }

.msg-pop .msg-item.readed { opacity: .72; }
.msg-pop .msg-item-box { display: flex; align-items: flex-start; }
.msg-pop .msg-item-c { width: 268px; height: 40px; margin-right: 5px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.msg-pop .msg-del { width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; color: #a29a92; font-size: 16px; }
.msg-pop .msg-del:hover { background: var(--sk-light); color: #f82525; }
.msg-pop .msg-item-t { margin-top: 10px; font-size: 12px; color: #a29a92; }
.msg-pop .msg-empty { height: 100%; box-sizing: border-box; padding: 24px; display: flex; flex-direction: column; justify-content: center; }
.msg-pop .msg-empty-img { width: 85px; height: 83px; margin: 0 auto 15px;
  background: no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABTCAYAAADurEtHAAAFJ0lEQVR4Ae2cA5QkSRPH8/vOtm3btm3btm3btm37MrJnzYzqmTUza3pt9lWcO6YWM42qmovfe/mqXbn/SYRyVUtptHofh7qtt3oUXem5ElR5glpd5K0MYQUamSSiQ3N1GHafl670nF5XLUOgKU8ikqD0nK70nF5XrRMZqbKmCrL7C4IgCIIgCEKxWPyfR7jJWxgcXQdE7VJVHoKz5lTutXk0B6uWI3gLHzR1h+FZJbR46v/fW/0zF9Vb/SEtC2omkfXT5nbzgbnTIfzwV3gxrnmE4d7CN6HVt4b1entVihD2brOkC8w1DqEXCdaS5lEHUbtkJNYtomrM0J7tlqc/MA0CutLzBEdm99lDhKuchTEtFTNuBIdozotG/SyqRpCQJX2IniczOvO5bR0CzkCkfh71197Cyx7hHo/6vqi96i18G10HTVdcqzs2WrNxLbMg1BLLfoRoTvAWJsaLAR08mouHNOTWVjPA5+s2CBGudBa6x4qLMNbn4cBWP1I96htjBaAgN5r9WmolhIE53CF0jVkOpjgLF7baNZW8oZhpOskH5vJKmEi0jobW3EJC8vuEAZysWhthAHvyf6xHPdBj3VaqwpBZ5iwMYQ7DBI+wtco0fHogDGf/yCFs3awohTxs3nQDAcdNrsxCOzYTdHSh3myhqgyN2CYbIuqHVdZpDOo29QhTmagXqhpBaywbrRPDnrnVMj5K4QtuMtXSMC/27j2nt7oHswheU1llVA+9uEc9uaTYIsjtVPtNUh/KZsqY4qB2c6ss4gNzJtvteyYRXSoW283mUDeWmljm8KxuUF+zaXd9crVf5iFmu76psgj3z9mOX+tYw95M1G4qa9Caxb2aYb07LqgSwte3XZmvq9kz+K1elxveSWcRHOrxpRWK7ZbKln2KZke2nnZOgXk3gEWx1lNZwuVhF7bzd0qBqP1L+hTk1ldZwtebXUXUCuMxt7uIWoVQn4haHbtQRPUW6it80EJEpRtV0KTa7z8tKo3QkptVYMS6IHdAhUWVkeotHCSiVnhNpXJHEbXK+X2P8Gvyta5g/90nKjnKkKCwB4/4U24/BUHzO9nsmVwI9M4q7VBSzVs9jAUuPKVWVMIMQ7OiRxjBsqthlCpfVqWVqHPz8ylGFShpqh91gdk/JrubowrEVBbsOoSPeWCayhrTut4zM/KJNPr6p8QUh72kiKwMgLzZK22bU2cmaHvKuae4FGkBjzrP1v4fEzdH2Y9OZH/1I0Y1dFgszY2n0CmNnbzjxH40640sg2RdfIZDKGRfVJ1P1Uj1Fq7LvKiBOSsVayqLoR7pLLzlrP6sOY1vcn/Vzc/oe7SxxJW5t+D+r5P9qloThXqzFnMYhs5MzVWxoWEO7g6T56aEeHEKeb1Z8/NgMFwJJV4OMIHemfG5VfiG2ZmfKKGkhvSkpi6uvi2uQJj8dB+Yx/jn2bookHgeoV3MAbOu3uqz6YRgI8IOLoALvIWGmI3tWyVMK2wIrtnmEELvQh6WUUI8dAzIow5mVlA6QzA8qFtJTR+h6DrP4xFu4sFuHlymc6lkOaiZRyj2h7n+SM2YG6Lrk97qx8lzoxRIOoLKgiAIgiAIgiAIgiCM6A8LN2JuEypXp7goHU+nY+Ie9atUehO1HyhZF10xar3/OHkNQ6I22qEeR0UalGqhojJq9Jheo/foM/RZ+g59N2r452/9QL9N96B70T3p3tQH6gv1KYv/ecIxDuFTFhtNVaO+UR+pr9kRlVK/KReV+pgRUWX6E78BQ2NTMs6lxJsAAAAASUVORK5CYII="); }
.msg-pop .msg-empty-t { color: #656b7b; text-align: center; line-height: 20px; margin-bottom: 5px; }
.msg-pop .msg-empty-d { line-height: 15.6px; font-size: 12px; color: #858b9c; text-align: center; margin-bottom: 30px; }


.lg-wrap { padding: 10px 20px 20px; }
.lg-tabs { display: flex; gap: 10px; margin-bottom: 13.8px; }
.lg-tab { width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: var(--sk-text); cursor: pointer;
  background: #fff var(--sk-def); }
.lg-tab.on { background: var(--sk-primary) var(--sk-btn); color: #fff; }
.lg-wrap .x8-tb-wrap { margin: 0 3.8px; border: none; border-radius: 0; box-shadow: none; background: #fff; }
.lg-wrap .x8-tb { table-layout: fixed; width: 100%; font-size: 14px; color: var(--sk-text); border-collapse: collapse; border-top: 1px solid var(--sk-line); border-left: 1px solid var(--sk-line); }
.lg-wrap .x8-tb th, .lg-wrap .x8-tb td { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; padding: 3px 0; line-height: 23px; font-size: 14px; color: var(--sk-text); text-align: center;
  border-right: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); }
.lg-wrap .x8-tb th { background: var(--sk-light) !important; font-weight: 700; }
.lg-wrap .x8-tb td[style*="left"] { padding-left: 5px; }
.lg-wrap .x8-tb tbody tr:nth-child(even) { background: transparent; }

.layui-layer-page .layui-layer-btn .layui-layer-btn0 { background: var(--sk-primary) var(--sk-btn) !important; border-color: transparent !important; }

.nt-form { padding: 4px 0 0; }
.layui-layer-content .nt-form .x8-ipt, .layui-layer-content .nt-form textarea.x8-ipt { border-radius: 2px !important; }
.nt-form .x8-fi[data-x8-row="audience"] .x8-val { width: 530px; }
.nt-form .x8-checks { flex-wrap: wrap; }

.layui-layer-page .layui-layer-content input.x8-ipt, .layui-layer-page .layui-layer-content textarea.x8-ipt,
.layui-layer-page .layui-layer-content select.x8-ipt { border-radius: 2px !important; }



.x8-sel > select { width: 0 !important; height: 0 !important; }




body .bd-panel .x8-bd-bar-l { gap: 0; }
body .bd-panel .x8-bd-seg { flex: 0 0 auto; min-width: 405px; display: flex; align-items: center; white-space: nowrap; }
body .bd-panel .x8-bd-today { padding-right: 12px; }
body .bd-panel .x8-bd-title { flex: none; padding-right: 10px; white-space: nowrap; }
body .bd-panel .x8-bd-play + .x8-bd-issue { margin-left: 4px; }
body .bd-panel .x8-bd-time { flex: 0 0 128px; display: flex; align-items: center; }
body .bd-panel .x8-bd-cd2 { display: none !important; }
body .bd-panel .x8-bd-draw { gap: 0; font-size: 13px; font-weight: 700; color: var(--sk-sub); }
body .bd-panel .x8-bd-draw .x8-ball { width: 28px; height: 28px; line-height: 28px; font-size: 14px; font-weight: 700; margin: 0; }
body .bd-panel .x8-bd-draw .x8-ball-zodiac { gap: 0; margin: 0; }
body .bd-panel .x8-bd-draw .x8-ball-zodiac em { width: 16px; margin: 0 2px; text-align: center; font-size: 14px; font-weight: 400; color: var(--sk-text); }
body .bd-panel .x8-bd-draw .x8-ball-plus { width: 14.7px; margin: 0 2px; text-align: center; }


body .bd-panel .x8-bd-tools .x8-sel-arrow { width: 5px; height: 5px; border: solid #a88e73; border-width: 0 1px 1px 0; transform: rotate(45deg); margin-top: -3px; right: 9px; }
body .bd-panel .x8-bd-tools .x8-sel.on .x8-sel-arrow { transform: rotate(225deg); margin-top: 3px; }

body .bdside-area .x8-bd-sd-hd .layui-icon { font-size: 14px; line-height: 14px; font-weight: 700; }


body .bd-panel.x8-bd-closed .x8-tb td:not(.x8-bd-seq):not(.x8-bd-td-item) { background: #f6f7fb !important; }
body .bd-panel.x8-bd-closed .x8-bd-tiern, body .bd-panel.x8-bd-closed .x8-bd-tiertab.on .x8-bd-tiern { background: #f6f7fb !important; }
body .bd-panel.x8-bd-closed .bdside-area .x8-bd-sd-row:not(.on) > * { background: #f6f7fb; }

body .bd-panel .x8-bd-oddsbox { padding-left: 10px; padding-right: 10px;
  padding-left: max(10px, calc(50% - 90px)); padding-right: max(10px, calc(50% - 90px)); }


body .bd-panel .x8-bd-tiertab { height: 29.6px; }
body .bd-panel .x8-bd-tiertab .x8-bd-tier { flex: 0 0 62px; padding: 0 3px; box-sizing: border-box; line-height: 27.6px; }
body .bd-panel .x8-bd-tiertab .x8-bd-tiern { line-height: 27.6px; }





body .bd-panel .x8-bd-tiertab:nth-last-child(n+5),
body .bd-panel .x8-bd-tiertab:nth-last-child(n+5) ~ .x8-bd-tiertab { flex: 0 0 25%; }

body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(5),
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(5) ~ .x8-bd-tiertab,
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(6),
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(6) ~ .x8-bd-tiertab { flex: 0 0 33.3333%; }

body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(7),
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(7) ~ .x8-bd-tiertab,
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(8),
body .bd-panel .x8-bd-tiertab:first-child:nth-last-child(8) ~ .x8-bd-tiertab { flex: 0 0 25%; }



body .bd-panel .x8-bd-smcol .x8-tb { table-layout: fixed; width: 100%; }
body .bd-panel .x8-bd-smcol .x8-tb.x8-bd-smx td { height: 25.6px; line-height: 25.6px; }
body .bd-panel .x8-bd-smx .x8-bd-label { font-weight: 400; }


body .bd-panel[data-play="zongliang"] .x8-bd-tbwrap .x8-tb { table-layout: fixed; }
body .bd-panel[data-play="zongliang"] .x8-bd-tbwrap .x8-tb th.x8-bd-td-item { width: 120px; }
body .bd-panel[data-play="zongliang"] .x8-bd-tbwrap .x8-tb th:nth-child(2) { width: 306.4px; }
body .bd-panel[data-play="zongliang"] .x8-bd-tbwrap .x8-tb th:nth-child(n+3) { width: 120px; }
body .bd-panel .x8-bd-ex-i.total { color: var(--sk-text); }


.main-content .x8-filter .layui-btn > .layui-icon { display: inline-block; width: 14.5px !important; overflow: visible; text-align: center; font-size: 14px; font-weight: 700; margin-right: 4px; vertical-align: top; }
.main-content .x8-filter .layui-btn.x8-btn-add > .layui-icon { margin-right: 5px; }

.main-content .x8-filter .layui-btn.x8-btn-blue { background: #2e71a3 linear-gradient(180deg, #52b0ff, #2e71a3) !important; }

.x8-online { display: inline-block; width: 12px; height: 12px; vertical-align: middle;
  background: no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAzElEQVR4AXyLsQ3CMBBFzy6ACiPEDhRU0NBAzQyZgAnoGAQYIIwAEi1BQqkhck8ZGgo6cuRs53RSlFg6n/3ffxrEsdaOkjSLk/T59pPFlIkKsEAg//wsYBEB4tBPEVFGrJJYeOXfrStVpNql7Fj4s9DrdJchqy3JWKi1GgIWsMBDQwckY2Exn+xB6WNNKjPHAmDhdLmtAHAccrFw7JmPnHC9P9Z9Y86AOPOxuMuMGHUo1WQrBTv6tA11qKuNGWzaipJRV6OCqQzb3tT9AwAA//8KfcjCAAAABklEQVQDANNJWp0zIpFxAAAAAElFTkSuQmCC"); }
.x8-online.on { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAyElEQVR4AXyQvQrCMBSFb9JZBDffQong5Oi7iLuDi6ugqz8dfJDiKuIq1tdwcXCzMec2vV5oaSHNzfnOByGW1OeyrO9um6O7bl+8MIdMVUgElKmTP6mgGZHv8cIcMmbREoG6jxWXIvhvQWZWJiJ478dlVP9rJkK91pyIUHyLU3OFSDMR7pPlITxBWpMspcwiEGGU76b6rpETMrDqzMLgsp779+dsvBlWoNqRgaGDzMJObLLHoW2hg64N9qKtqBm64UrG6bB9Nu4HAAD//weRLLgAAAAGSURBVAMAfUVUAx64le4AAAAASUVORK5CYII="); }




.main-content .x8-tb td > i.x8-online { display: block; margin: 0 auto; }

.main-content > .companyList, .main-content > .oddsSetting, .main-content > .operationLog { background: #fff !important; }

.x8-pager select { -webkit-appearance: none; appearance: none; padding: 0 22px 0 8px !important; cursor: pointer;
  background: #fff no-repeat right 8px center / 8px 5px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M.5.5l3.5 3.5L7.5.5' fill='none' stroke='%23a88e73'/%3E%3C/svg%3E"); }

.main-content .x8-filter .layui-btn.x8-btn-add.x8-btn-rs { height: 26.8px; line-height: 26.8px; padding: 0 6px; }

.main-content .x8-filter input[data-x8-date] { padding-left: 30px !important;
  background: #fff no-repeat 8px center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect x='.5' y='1.5' width='11' height='10' rx='1' fill='none' stroke='%23a88e73'/%3E%3Cpath d='M.5 4.5h11M3.5 0v3M8.5 0v3' stroke='%23a88e73'/%3E%3C/svg%3E"); }

.main-content .reportForms > .rf-kind { margin: 0 0 3px !important; }


.main-content .oddsSetting .os-play, .main-content .sk-type { font-size: 14px; font-weight: 700; color: var(--sk-text); }
.main-content .oddsSetting .os-detail { font-size: 14px; font-weight: 500; color: var(--sk-link); }
.main-content > .oddsSetting .x8-tb td .x8-ipt.os-in { width: 180px !important; height: 26px !important; line-height: 26px !important; padding: 0 10px !important; }
.main-content > .oddsDiff .x8-tb td .x8-ipt.dif-in { width: 180px !important; height: 28px !important; line-height: 28px !important; }
.main-content > .autoReplenish .x8-tb td .x8-ipt.f-th { width: 180px !important; height: 30px !important; line-height: 30px !important; }
.main-content > .autoReplenish .x8-tb td { padding-top: 3px; padding-bottom: 3px; }

.main-content > .oddsSetting .x8-tb tbody tr { height: 33.8px; }
.main-content > .oddsDiff .x8-tb tbody tr { height: 35.2px; }



.layui-layer-content .sk-fd { display: inline-flex; align-items: center; vertical-align: top; height: 32px; gap: 8px; font-size: 14px; font-weight: 500; color: var(--sk-text); }
.layui-layer-content .sk-fd-ck input[type=checkbox] { border-color: var(--sk-line); }
.layui-layer-content .sk-fd-ck input[type=checkbox] { position: relative; }
.layui-layer-content .sk-fd-ck input[type=checkbox]:checked { border-color: var(--sk-line); background: var(--sk-light); }
.layui-layer-content .sk-fd-ck input[type=checkbox]:checked::after { content: ''; position: absolute; left: 4.4px; top: 1.2px; width: 3px; height: 7px;
  border: solid var(--sk-primary); border-width: 0 1.6px 1.6px 0; transform: rotate(45deg); }
.layui-layer-page .layui-layer-content td input.x8-ipt:not([type=checkbox]):not([type=radio]) { border-radius: 2px !important; padding-left: 10px; padding-right: 10px; }
.layui-layer-content .x8-ro-tip { font-size: 14px; color: var(--sk-text); }



.dp-wrap { width: 1199px; max-width: 100%; margin: 0 auto; }
.dp-wrap .dp-bar { display: flex; align-items: center; justify-content: center; height: 50px; margin: -15.6px 0 9.6px; font-size: 14px; color: #000; white-space: nowrap; }
.dp-wrap .dp-bar > span { margin-left: 10px; }
.dp-wrap .dp-bar > span:first-child { margin-left: 0; }

.dp-wrap .dp-bar select { -webkit-appearance: auto; appearance: auto; flex: none; height: 30px; box-sizing: border-box; padding: 0 6px;
  border: 1px solid var(--sk-line); border-radius: 2px !important; background: #fff; color: var(--sk-text); font-size: 14px; outline: none; cursor: pointer; }
.layui-layer-page .layui-layer-content .dp-bar input.x8-ipt:not([type=checkbox]):not([type=radio]) { height: 30px !important; line-height: 30px; border-radius: 2px !important; padding: 0 10px; font-size: 14px; }
.dp-wrap .dp-bar .layui-btn { height: 32.8px; line-height: 32.8px; min-width: 80px; margin: 0 0 0 10px; padding: 0 15px; font-size: 14px; }
.dp-wrap .dp-bar #dp-batch { min-width: 100px; }
.dp-wrap .x8-tb-wrap { border: 0; border-radius: 0; box-shadow: none; }
.dp-wrap .x8-tb { border-collapse: collapse; }
.dp-wrap .x8-tb th { height: 22.8px; line-height: 20px; box-sizing: border-box; padding: 1px; font-size: 14px; font-weight: 700; color: #000; background: transparent; border: 1px solid var(--sk-line); }
.dp-wrap .x8-tb thead tr { background: var(--sk-search); }
.dp-wrap .x8-tb td { padding: 1px 4px; font-size: 14px; border: 1px solid var(--sk-line); }


.sk-dlg-hot .layui-layer-title { background: var(--sk-btn) !important; color: #fff !important; }
.sk-dlg-hot .layui-layer-setwin .layui-layer-close, .sk-dlg-hot .layui-layer-setwin .layui-layer-close .layui-icon { color: #fff !important; font-weight: 700; }
.layui-layer-content .bd-detail .x8-tb td, .layui-layer-content .x8-ol .x8-tb td { padding: 2px 0; line-height: 15px; height: 30px; }
.layui-layer-content .bd-detail .x8-tb th, .layui-layer-content .x8-ol .x8-tb th { padding: 3px 0; }



.layui-layer-content .rb-tb, .layui-layer-content .rb-qk { font-size: 14px !important; color: var(--sk-text); }
.layui-layer-content .rb-tb th, .layui-layer-content .rb-qk th { border-color: var(--sk-line) !important; background: var(--sk-light) !important;
  color: var(--sk-text) !important; font-weight: 700 !important; font-size: 14px; padding: 3px 5px !important; height: 30.8px; box-sizing: border-box; }
.layui-layer-content .rb-tb td, .layui-layer-content .rb-qk td { border-color: var(--sk-line) !important; padding: 3px 5px !important; height: 33.8px; box-sizing: border-box; }
.layui-layer-content .rb-tb tbody td:first-child { font-weight: 700; }
.layui-layer-content .rb-tb td input { height: 26px !important; border-radius: 2px !important; font-size: 14px; }
.layui-layer-content .rb-tb td input:not([style*="danger"]) { border-color: var(--sk-line) !important; }
.layui-layer-content .rb-qk td .x8-ipt { height: 30px !important; line-height: 30px !important; }
.main-content .x8-tb .x8-ops .x8-op { margin: 0; }
.main-content .x8-tb .x8-ops .x8-op + .x8-op { margin-left: 4.6px; }



.x8-odpop:not(.x8-rppop) { width: 186px; border: 1px solid #ebeef5; border-radius: 2px; box-shadow: 0 2px 10px rgba(17, 22, 38, .2);
  font-size: 14px; color: var(--sk-text); box-sizing: border-box; }
.x8-odpop:not(.x8-rppop) .x8-odpop-arw { top: -5.6px; margin-left: -5.6px; border-width: 0 5.6px 5.6px; border-bottom-color: #ebeef5; }
.x8-odpop:not(.x8-rppop) .x8-odpop-arw::after { content: ''; position: absolute; left: -4.6px; top: 1px; border: 4.6px solid transparent; border-top-width: 0; border-bottom-color: #fff; }
.x8-odpop.x8-odpop-up:not(.x8-rppop) .x8-odpop-arw { top: auto; bottom: -5.6px; border-width: 5.6px 5.6px 0; border-top-color: #ebeef5; border-bottom-color: transparent; }
.x8-odpop.x8-odpop-up:not(.x8-rppop) .x8-odpop-arw::after { top: auto; bottom: 1px; border-width: 4.6px 4.6px 0; border-top-color: #fff; border-bottom-color: transparent; }
.x8-odpop:not(.x8-rppop) .x8-odpop-hd { height: 30px; line-height: 30px; padding: 0; border-radius: 0; background: var(--sk-primary); font-size: 14px; font-weight: 400; }
.x8-odpop:not(.x8-rppop) .x8-odpop-bd { padding: 4px 0 0; }
.x8-odpop:not(.x8-rppop) .x8-odpop-ball { width: 44px; height: 44px; line-height: 44px; margin: 0 auto 4px; border-radius: 50%; background: var(--sk-light);
  color: var(--sk-primary); font-size: 20px; text-align: center; }
.x8-odpop:not(.x8-rppop) .x8-odpop-nm { height: 44px; line-height: 44px; margin: 0 0 4px; font-size: 14px; color: var(--sk-text); }
.x8-odpop:not(.x8-rppop) .x8-odpop-row { display: flex; align-items: stretch; gap: 0; height: 30.8px; margin: 0; color: var(--sk-text); box-sizing: border-box; }
.x8-odpop:not(.x8-rppop) .x8-odpop-row > span { flex: 0 0 79.8px; min-width: 0; box-sizing: border-box; padding-right: 10px; white-space: nowrap; line-height: 30px; text-align: right;
  background: var(--sk-light); border-top: 1px solid var(--sk-def-line); }
.x8-odpop:not(.x8-rppop) .x8-odpop-row > b, .x8-odpop:not(.x8-rppop) .x8-odpop-row > i { flex: 1; display: flex; align-items: center; justify-content: center;
  font-weight: 400; font-style: normal; color: var(--sk-text); border-top: 1px solid var(--sk-def-line); border-left: 1px solid var(--sk-def-line); }
.x8-odpop:not(.x8-rppop) .x8-odpop-in { flex: none; box-sizing: border-box; width: 93px; height: 26px; padding: 0 10px; border: 1px solid var(--sk-line); border-radius: 2px;
  font-size: 14px; font-weight: 400; color: var(--sk-text); box-shadow: none; }
.x8-odpop:not(.x8-rppop) .x8-odpop-in:focus { border-color: var(--sk-primary); box-shadow: none; }
.x8-odpop:not(.x8-rppop) .x8-odpop-ops { gap: 3px; margin: 0; padding: 3px 2px 0; height: 35.8px; box-sizing: border-box; border-top: 1px solid var(--sk-def-line); align-items: flex-start; }
.x8-odpop:not(.x8-rppop) .x8-odpop-ops button { height: 32.8px; border-radius: 2px; font-size: 14px; font-weight: 500; }
.x8-odpop:not(.x8-rppop) .x8-odpop-ok { background: var(--sk-btn) !important; border: 0 !important; }
.x8-odpop:not(.x8-rppop) .x8-odpop-no { height: 31.6px !important; margin-top: .6px; background: var(--sk-def); border: 1px solid var(--sk-def-line); color: var(--sk-def-text); }
.x8-odpop:not(.x8-rppop) .x8-odpop-no:hover { border-color: var(--sk-def-line); color: var(--sk-def-text); }

.x8-odpop:not(.x8-rppop) .x8-odpop-row > span.x8-odpop-lg { padding-right: 4px; }



.x8-rppop { width: 201.6px; border: 1px solid #ebeef5; border-radius: 2px; box-shadow: 0 2px 10px rgba(17, 22, 38, .2); font-size: 14px; color: var(--sk-text); box-sizing: border-box; }
.x8-rppop .x8-odpop-arw { top: -5.6px; margin-left: -5.6px; border-width: 0 5.6px 5.6px; border-bottom-color: #ebeef5; }
.x8-rppop .x8-odpop-arw::after { content: ''; position: absolute; left: -4.6px; top: 1px; border: 4.6px solid transparent; border-top-width: 0; border-bottom-color: #fff; }
.x8-rppop.x8-odpop-up .x8-odpop-arw { top: auto; bottom: -5.6px; border-width: 5.6px 5.6px 0; border-top-color: #ebeef5; border-bottom-color: transparent; }
.x8-rppop.x8-odpop-up .x8-odpop-arw::after { top: auto; bottom: 1px; border-width: 4.6px 4.6px 0; border-top-color: #fff; border-bottom-color: transparent; }
.x8-rppop .x8-odpop-hd { height: 30px; line-height: 30px; padding: 0; border-radius: 0; background: var(--sk-primary); font-size: 14px; font-weight: 400; }
.x8-rppop .x8-odpop-bd { padding: 0; border-top: 1px solid var(--sk-def-line); }
.x8-rppop .x8-odpop-row { display: flex; align-items: stretch; height: 31px; margin: 0; gap: 0; color: var(--sk-text); }
.x8-rppop .x8-odpop-row > span { flex: 0 0 69px; min-width: 0; box-sizing: border-box; padding-right: 6px; line-height: 30px; text-align: right; white-space: nowrap; background: var(--sk-light); }
.x8-rppop .x8-odpop-row > b, .x8-rppop .x8-odpop-row > .x8-odpop-in { margin: 2.1px 10px 2.9px; }
.x8-rppop .x8-odpop-row > b { flex: 1; display: flex; align-items: center; justify-content: center; margin: 0 10px; font-weight: 400; color: var(--sk-text); }

.x8-rppop .x8-odpop-row.x8-rp-name { height: auto; min-height: 31px; }
.x8-rppop .x8-odpop-row.x8-rp-name > b { display: block; max-height: 72px; overflow-y: auto; margin: 6px 10px; line-height: 18px; text-align: center; word-break: break-all; }
.x8-rppop .x8-odpop-in { flex: 1; width: 0; box-sizing: border-box; height: 26px; padding: 0 5px; border: 1px solid var(--sk-line); border-radius: 2px;
  text-align: center; font-size: 14px; font-weight: 400; color: var(--sk-text); box-shadow: none; }
.x8-rppop .x8-odpop-in:focus { border-color: var(--sk-primary); box-shadow: none; }
.x8-rppop .x8-rp-max { color: var(--sk-text); }
.x8-rppop .x8-rp-msg { margin: 4px 10px; }
.x8-rppop .x8-odpop-ops { gap: 0; margin: 0; padding: 1px; height: 32px; box-sizing: border-box; }
.x8-rppop .x8-odpop-ops button { height: 30px; border-radius: 2px; font-size: 14px; font-weight: 500; }
.x8-rppop .x8-odpop-ok { background: var(--sk-btn) !important; border: 0 !important; margin-right: 3px; box-shadow: 1px 0 0 #fff, 2px 0 0 var(--sk-def-line); }
.x8-rppop .x8-odpop-no { background: var(--sk-def); border: 1px solid var(--sk-def-line); color: var(--sk-def-text); }
.x8-rppop .x8-odpop-no:hover { border-color: var(--sk-def-line); color: var(--sk-def-text); }
.dp-wrap.mo-wrap { width: 898.5px; }
.dp-wrap.mo-wrap .dp-bar { justify-content: flex-start; padding-left: 16px; }
.dp-wrap.mo-wrap .dp-bar .mo-go { min-width: 100px; }

.main-content > div > .bm-switch.bm-switch.bm-switch.bm-switch.bm-switch { background: var(--sk-light) var(--sk-search) !important; }


body .bd-panel .x8-bd-sd-hd.x8-bd-sd-plain { height: 30px; line-height: 30px; background: var(--sk-light) !important; color: var(--sk-text) !important;
  font-size: 14px; font-weight: 700; border-bottom: 1px solid var(--sk-line); cursor: default; }
body .bd-panel #bd-fast-rp { width: auto !important; min-width: 70px; padding: 0 6px !important; white-space: nowrap; }
body .bd-panel .x8-bd-sd-hd.x8-bd-sd-plain { box-sizing: border-box; }

body .bd-panel #bd-fast-rp { position: relative; overflow: visible; margin-right: 11px !important; }
body .bd-panel #bd-fast-rp::after { content: ''; position: absolute; right: -11px; top: 4.4px; width: 8px; height: 18px; box-sizing: border-box;
  border-left: 1px solid var(--sk-line); border-right: 1px solid var(--sk-line); }

.main-content .x8-tb td .x8-ro-tip { font-size: 14px; color: var(--sk-text); }


.main-content .reportForms .x8-tb td.sk-num { text-align: right; padding-right: 5px; }
.main-content .reportForms .x8-sum-line { padding: 0 !important; line-height: 39px; border: 1px solid var(--sk-line); border-top: 0; box-sizing: border-box; }

.footer-bar #btn-msg-toggle > .layui-icon, .footer-bar #btn-feedback-toggle > .layui-icon { display: inline-block; width: 12px; height: 12px; vertical-align: -1px;
  background: no-repeat center / 12px 12px; }
.footer-bar #btn-msg-toggle > .layui-icon::before, .footer-bar #btn-feedback-toggle > .layui-icon::before { content: none; }
.footer-bar #btn-msg-toggle > .layui-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA9UlEQVR4AWxQMQrCQBC8C6lMJQiCD0ilYKGFjxBfoE/xB9ba+gIjKtj4AwVRm6RXkyZWpgrEmcslnHBhh53MzLLJOsJ44jjtFUURAE+NgJoREfUAAuN2u3mEuckyMSTIqdEDV6UGwjBs4W0FzKSUa8+TL4KcGrDSmXKD7/sjiFcETuh/pbWrzpQDSPTzPL+jW0t7fZrqk0hc1/2y22B69YAtaNPUAFZ6NtPUqoyzO78aWDlNkk9gBkxOjxlm1QaYKe59w72tRQ8Z9Y/OeNDJcLoeICHOgQc5Ab4F5uSAz2y1AboQ+8t7AdLFmgPAM0+iKFpCq+sHAAD//3MOHfwAAAAGSURBVAMAvVd+oSDkAhoAAAAASUVORK5CYII="); }
.footer-bar #btn-feedback-toggle > .layui-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA3UlEQVR4AZSPMQrCQBBFY5AU6awC24qkSiMewE5QcgaRNHocu5wgF1ALi5xAbGyE7VKIQcQuNmFZ/yyZYIQEXGaY2f/nZbK29ecxgNY6RN6QXUF+aAAsiZHrXschHxkzIDC7g9AalS8YaB38NRoAHnDgAe65st4AsHbBBvdcWW8ALHZVBjKsXub5KygKLb4BupNOPvSMgags1crzBonrWielVALTQt3ifiWdfGiRAfCfqeP0p6jB/nwfKaUFviht2x5LKYekV35qAJB1hBPxPl4ecwgbwDPf95/o6/gAAAD//wAy9KYAAAAGSURBVAMA2fx4Nw67QTgAAAAASUVORK5CYII="); }



.sk-fast .layui-layer-content { overflow-y: auto; }
.bd-fast { padding: 12px 20px 20px; font-size: 14px; color: var(--sk-text); }
.bd-fast-hd { display: flex; align-items: center; height: 30px; }
.bd-fast-lbl { width: 84px; margin-right: 10px; white-space: nowrap; }
.bd-fast-grp { display: flex; width: 130px; height: 30px; }
.bd-fast-grp > i { flex: 0 0 32px; box-sizing: border-box; border: 1px solid var(--sk-line); border-right: 0; border-radius: 4px 0 0 4px;
  background: var(--sk-light); font-style: normal; font-weight: 700; color: #111; text-align: center; line-height: 28px; }
.layui-layer-page .layui-layer-content .bd-fast-grp input.x8-ipt:not([type=checkbox]):not([type=radio]) { flex: 1; width: 0; height: 30px !important; line-height: 30px;
  border-radius: 0 2px 2px 0 !important; padding: 0 10px 0 5px; font-size: 14px; }
.layui-layer-content .bd-fast-hd .layui-btn.theme-btn-main { min-width: 0 !important; width: 80px !important; height: 30px !important; line-height: 30px !important; margin-left: 20px; padding: 0 6px !important; font-size: 14px; }
.bd-fast .bd-fast-tb { margin-top: 10px; border: 1px solid var(--sk-line) !important; }
.bd-fast .bd-fast-tb .x8-tb { border: 0; table-layout: fixed; width: 100%; }
.bd-fast .bd-fast-tb .x8-tb th { height: 29.8px; box-sizing: border-box; padding: 3px 0; }
.bd-fast .bd-fast-tb .x8-tb th:last-child, .bd-fast .bd-fast-tb .x8-tb td:last-child { border-right: 0; }
.bd-fast .bd-fast-tb tr.bd-fast-empty td { height: 392px; box-sizing: border-box; padding: 0 !important; text-align: center; vertical-align: middle; border: 0; background: #fff; }
.bd-fast .bd-fast-tb tbody tr.bd-fast-empty:hover { background: #fff; }
.sk-fast .layui-layer-btn { text-align: center; padding: 10px 0 12px; }
.sk-fast .layui-layer-btn a { min-width: 80px; height: 30px; line-height: 30px; margin: 0 10px; padding: 0 6px; font-size: 14px; box-sizing: border-box; }