@import url('font-family.css');
@import url('../fonts/iconfont/iconfont.css');
/*@import url('../fonts/ifsvg/iconfont.css');*/

/************************* * 在这里对主要的配色做出定义 ************************/ /* 圆角样式 */
:root { --border-radius-mini: .25rem; --border-radius-small: 16px; --border-radius-medium: 24px; --border-radius-large: 32px; --bs-purple: #926dde; --bs-purple-hover: #a282e3; --bs-pink: #f96197; --bs-pink-hover: #fa75a4; --bs-yellow: #fcc525; --bs-yellow-hover: #fdd04d; --bs-teal: #33cabb; --bs-teal-hover: #52d3c7; --bs-cyan: #57c7d4; --bs-cyan-hover: #77d2dc; --bs-brown: #8d6658; --bs-brown-hover: #9d7162; --bs-indigo: #6610f2; --bs-indigo-hover: #7516F4; --bs-primary: #ff6b00; --bs-primary-hover: #ea5800; --bs-success: #11b251; /* green */ --bs-success-hover: #16d17f; --bs-info: #48b0f7; /* blue */ --bs-info-hover: #65bdf8; --bs-warning: #faa64b; /* orange */ --bs-warning-hover: #fbb264; --bs-danger: #f44236; /* red */ --bs-danger-hover: #fa8181; --bs-dark: #212529; --bs-dark-hover: #393F45; --bs-secondary: #6c757d; --bs-secondary-hover: #7a838a; --bs-light: #fcfdfe; --bs-light-hover: #f9fafb; --bs-pre: #f8f9fa; --bs-pre-font: #2f6f9f; --bs-pure-black: #000000; --bs-primary-rgb: 255,107,0; --bs-success-rgb: 17,178, 81; --bs-info-rgb: 59,130,246; --bs-warning-rgb: 250, 166, 75; --bs-danger-rgb: 239,68,68; --bs-teal-rgb: 51, 202, 187; --bs-indigo-rgb: 102, 16, 242; --bs-purple-rgb: 146, 109, 222; --bs-pink-rgb: 249, 97, 151; --bs-yellow-rgb: 252, 197, 37; --bs-cyan-rgb: 87, 199, 212; --bs-brown-rgb: 141, 102, 88; --bs-dark-rgb: 33, 37, 41; --bs-secondary-rgb: 150, 155, 164; --bs-light-rgb: 240,244,247; --bs-body-color-rgb: 73, 80, 87; --bs-gray-rgb: 108, 117, 125; --bs-font-sans-serif: "Manrope","IBM Plex Sans","Poppins","HarmonyOS Sans","Barlow",sans-serif,system-ui,-apple-system, "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-body-font-size: 14px; --bs-body-line-height: 1.72; --bs-body-color: #495057; --bs-body-bg: #f4f5fa; --bs-border-color: #e9e9ef; --bs-border-rgb: 237, 237, 238; /* 侧边栏菜单宽度 */ --sidebar-width: 220px; /* header高度 */ --header-height: 68px; }

html, body { height: 100%; }
a { color: var(--bs-primary); text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
a:hover { color: var(--bs-primary-hover); }
a:hover, a:focus, a:active { text-decoration: none; outline: none }
a, button, a:focus, a:active, button:focus, button:active, .input-group-text:focus, .input-group-text:active { outline: none !important; }
hr { background-color: rgba(var(--bs-body-color-rgb), .1); opacity: 1; }
pre { background-color: var(--bs-pre); border: none; padding: 15px; border-radius: 3px; font-size: inherit; color: var(--bs-pre-font); }
img { max-width: 100%; }
/** ---------------------------------- * 演示新增样式，为了演示效果用，实际部署中用不到可以删除 -------------------------------------- */
.example-box .btn { margin-bottom: 10px; margin-right: 6px; }
.border-example, .border-example-row { padding: 1rem; margin: 1rem 0 0; border: .2rem solid var(--bs-pre); }
.border-example-row .row > .col, .border-example-row .row > [class^=col-] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(var(--bs-dark-rgb), 0.03); border: 1px solid rgba(var(--bs-dark-rgb), 0.1); }
.border-example-row .row + .row { margin-top: 1rem; }
.border-example + pre { border-left: none; }
.border-example-row .row + .row { margin-top: 1rem; }
.border-example::after { display: block; clear: both; content: ""; }
.border-example > :last-child { margin-bottom: 0; }
.border-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); }
.border-example > .form-control + .form-control { margin-top: 0.5rem; }
.border-highlight { background-color: rgba(var(--bs-purple-rgb), .15); border: 1px solid rgba(var(--bs-purple-rgb), .15); }
.border-example-toasts { min-height: 200px; }
.border-example-position-utils { position: relative; padding: 3em; }
.border-example-position-utils .position-relative { height: 200px; background-color: var(--bs-light-hover); }
.border-example-position-utils .position-absolute { width: 2em; height: 2em; background-color: var(--bs-dark); border-radius: 0.25rem; }
.border-example-ratios .ratio { display: inline-block; width: 10rem; color: var(--bs-secondary); background-color: var(--bs-pre); border: 1px solid var(--bs-gray-300); }
.border-example-ratios .ratio > div { display: flex; align-items: center; justify-content: center; }
.scrollspy-example { position: relative; height: 200px; margin-top: .5rem; overflow: auto; }
.scrollspy-example-2 { position: relative; height: 350px; overflow: auto; }
.border-example > .nav + .nav, .border-example > .alert + .alert, .border-example > .navbar + .navbar, .border-example > .progress + .progress { margin-top: 1rem; }
.border-example-offcanvas .offcanvas { position: static; display: block; height: 200px; visibility: visible; transform: translate(0); }
.border-example .fixed-bottom, .border-example .sticky-bottom { position: static; margin: 1rem -1rem -1rem; }
.border-example .fixed-top, .border-example .sticky-top { position: static; margin: -1rem -1rem 1rem; }
.border-example-modal .modal { position: static; display: block; }
.border-example > .dropdown-menu { position: static; display: block; }
.border-example-border-utils [class^="border"] { display: inline-block; width: 5rem; height: 5rem; margin: 0.25rem; background-color: var(--bs-gray-100); }
.border-example-border-utils-0 [class^="border"] { border: 1px solid var(--bs-gray-300); }
/** ---------------------------------- * 发现的一个问题 * flex的布局下，按钮里面的多个英文或中文不会在一行显示 * 这里强制其不换行 -------------------------------------- */
.d-flex .btn, .d-flex .nav-link { white-space: nowrap; }
/** ---------------------------------- * 通用辅助类 -------------------------------------- */ /* padding */
.p-2-5 { padding: 0.75rem !important; }
.px-2-5 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; }
.py-2-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.pt-2-5 { padding-top: 0.75rem !important; }
.pe-2-5 { padding-right: 0.75rem !important; }
.pb-2-5 { padding-bottom: 0.75rem !important; }
.ps-2-5 { padding-left: 0.75rem !important; }
.m-2-5 { margin: 0.75rem !important; }
.mx-2-5 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; }
.my-2-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.mt-2-5 { margin-top: 0.75rem !important; }
.mb-2-5 { margin-bottom: 0.75rem !important; }
.me-2-5 { margin-right: 0.75rem !important; }
.ms-2-5 { margin-left: 0.75rem !important; }
/* 垂直水平居中 */
.center-vh { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; }
/* 布局 */
.flex-box { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
/* 分割线 */
.lyear-divider { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 0; flex: 0 1; color: var(--bs-body-color); font-size: 14px; letter-spacing: .5px; margin: 2rem auto; width: 100%; }
.lyear-divider::before, .lyear-divider::after { content: ''; -webkit-box-flex: 1; flex-grow: 1; border-top: 1px solid var(--bs-border-color); }
.lyear-divider::before { margin-right: 15px; }
.lyear-divider::after { margin-left: 15px; }
/* 头像 */
.avatar-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.avatar-xs { height: 1rem; width: 1rem; }
.avatar-sm { height: 2rem; width: 2rem; }
.avatar-md { height: 2.3rem; width: 2.3rem; border: 1px solid #74788d; }
.avatar-lg { height: 4rem; width: 4rem; }
.avatar-xl { height: 5rem; width: 5rem; }
/* 其他 */
.rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.btn-close:focus { box-shadow: none; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
/** ---------------------------------- * 重置样式 -------------------------------------- */ /* 布局 */
.container-fluid { padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 1rem !important; padding-bottom: 0 !important; }
.navbar .container-fluid { padding: 0.5rem !important; }
/* 标题 */ /* 按钮 */
.btn { font-size: 14px; padding: 0.4695rem 0.75rem; -webkit-border-radius: 0.125rem; border-radius: .25rem; }
.btn-mini { padding: 6px 14px; }
.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: none; }
.btn-w-xs { width: 80px; }
.btn-w-sm { width: 100px; }
.btn-w-md { width: 120px; }
.btn-w-lg { width: 145px; }
.btn-w-xl { width: 180px; }
.btn-default { background-color: var(--bs-light); border-color: var(--bs-border-color); color: var(--bs-secondary) !important; }
.btn-default:hover { background-color: var(--bs-light-hover); border-color: var(--bs-border-color); color: var(--bs-body-color); }
.btn-default:focus, .btn-default.focus { background-color: var(--bs-light-hover) !important; border-color: var(--bs-border-color) !important; color: var(--bs-body-color); }
.btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active, .show > .btn-default.dropdown-toggle { background-color: var(--bs-light-hover) !important; border-color: var(--bs-border-color) !important; color: var(--bs-body-color); -webkit-box-shadow: none; box-shadow: none }
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: none; }
.btn-default.disabled, .btn-default:disabled { background-color: var(--bs-light); border-color: var(--bs-border-color); opacity: 0.5 }
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); -webkit-box-shadow: 0 2px 6px 0 rgb(255 107 0/ 50%); box-shadow: 0 2px 6px 0 rgb(255 107 0/ 50%); }
.btn-primary:hover { background-color: var(--bs-primary-hover); border-color: var(--bs-primary-hover); }
.btn-check:focus + .btn-primary, .btn-primary:focus { background-color: var(--bs-primary-hover); border-color: var(--bs-primary-hover); box-shadow: none; -webkit-box-shadow: 0 0 0 .15rem rgba(255,107,0,.5); box-shadow: 0 0 0 .15rem rgba(255,107,0,.5) }
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: var(--bs-primary-hover); border-color: var(--bs-primary-hover); }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary:disabled, .btn-primary.disabled { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-secondary:hover { background-color: var(--bs-secondary-hover); border-color: var(--bs-secondary-hover); }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { background-color: var(--bs-secondary-hover); border-color: var(--bs-secondary-hover); box-shadow: none; }
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { background-color: var(--bs-secondary-hover); border-color: var(--bs-secondary-hover); }
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: none; }
.btn-success { background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-success:hover { background-color: var(--bs-success-hover); border-color: var(--bs-success-hover); }
.btn-check:focus + .btn-success, .btn-success:focus { background-color: var(--bs-success-hover); border-color: var(--bs-success-hover); box-shadow: none; }
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: var(--bs-success-hover); border-color: var(--bs-success-hover); }
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: none; }
.btn-success:disabled, .btn-success.disabled { background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-info { color: var(--bs-white); background-color: var(--bs-info); border-color: var(--bs-info); }
.btn-info:hover { color: var(--bs-white); background-color: var(--bs-info-hover); border-color: var(--bs-info-hover); }
.btn-check:focus + .btn-info, .btn-info:focus { color: var(--bs-white); background-color: var(--bs-info-hover); border-color: var(--bs-info-hover); box-shadow: none; }
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-info-hover); border-color: var(--bs-info-hover); }
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: none; }
.btn-info:disabled, .btn-info.disabled { color: var(--bs-white); background-color: var(--bs-info); border-color: var(--bs-info); }
.btn-warning { color: var(--bs-white); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-warning:hover { color: var(--bs-white); background-color: var(--bs-warning-hover); border-color: var(--bs-warning-hover); }
.btn-check:focus + .btn-warning, .btn-warning:focus { color: var(--bs-white); background-color: var(--bs-warning-hover); border-color: var(--bs-warning-hover); box-shadow: none; }
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-warning-hover); border-color: var(--bs-warning-hover); }
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: none; }
.btn-warning:disabled, .btn-warning.disabled { color: var(--bs-white); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-danger { background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-danger:hover { background-color: var(--bs-danger-hover); border-color: var(--bs-danger-hover); }
.btn-check:focus + .btn-danger, .btn-danger:focus { background-color: var(--bs-danger-hover); border-color: var(--bs-danger-hover); box-shadow: none; }
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: var(--bs-danger-hover); border-color: var(--bs-danger-hover); }
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: none; }
.btn-danger:disabled, .btn-danger.disabled { background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-check:focus + .btn-light, .btn-light:focus { box-shadow: none; }
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: none; }
.btn-dark { color: var(--bs-white); background-color: var(--bs-dark); border-color: var(--bs-dark); }
.btn-dark:hover { background-color: var(--bs-dark-hover); border-color: var(--bs-dark-hover); }
.btn-check:focus + .btn-dark, .btn-dark:focus { background-color: var(--bs-dark-hover); border-color: var(--bs-dark-hover); box-shadow: none; }
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: var(--bs-dark-hover); border-color: var(--bs-dark-hover); }
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: none; }
.btn-purple { color: var(--bs-white); background-color: var(--bs-purple); border-color: var(--bs-purple); }
.btn-purple:hover { color: var(--bs-white); background-color: var(--bs-purple-hover); border-color: var(--bs-purple-hover); }
.btn-check:focus + .btn-purple, .btn-purple:focus { color: var(--bs-white); background-color: var(--bs-purple-hover); border-color: var(--bs-purple-hover); box-shadow: none; }
.btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-purple-hover); border-color: var(--bs-purple-hover); }
.btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: none; }
.btn-purple:disabled, .btn-purple.disabled { color: var(--bs-white); background-color: var(--bs-purple); border-color: var(--bs-purple); }
.btn-pink { color: var(--bs-white); background-color: var(--bs-pink); border-color: var(--bs-pink); }
.btn-pink:hover { color: var(--bs-white); background-color: var(--bs-pink-hover); border-color: var(--bs-pink-hover); }
.btn-check:focus + .btn-pink, .btn-pink:focus { color: var(--bs-white); background-color: var(--bs-pink-hover); border-color: var(--bs-pink-hover); box-shadow: none; }
.btn-check:checked + .btn-pink, .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-pink-hover); border-color: var(--bs-pink-hover); }
.btn-check:checked + .btn-pink:focus, .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: none; }
.btn-pink:disabled, .btn-pink.disabled { color: var(--bs-white); background-color: var(--bs-pink); border-color: var(--bs-pink); }
.btn-cyan { color: var(--bs-white); background-color: var(--bs-cyan); border-color: var(--bs-cyan); }
.btn-cyan:hover { color: var(--bs-white); background-color: var(--bs-cyan-hover); border-color: var(--bs-cyan-hover); }
.btn-check:focus + .btn-cyan, .btn-cyan:focus { color: var(--bs-white); background-color: var(--bs-cyan-hover); border-color: var(--bs-cyan-hover); box-shadow: none; }
.btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-cyan-hover); border-color: var(--bs-cyan-hover); }
.btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: none; }
.btn-cyan:disabled, .btn-cyan.disabled { color: var(--bs-white); background-color: var(--bs-cyan); border-color: var(--bs-cyan); }
.btn-yellow { color: var(--bs-white); background-color: var(--bs-yellow); border-color: var(--bs-yellow); }
.btn-yellow:hover { color: var(--bs-white); background-color: var(--bs-yellow-hover); border-color: var(--bs-yellow-hover); }
.btn-check:focus + .btn-yellow, .btn-yellow:focus { color: var(--bs-white); background-color: var(--bs-yellow-hover); border-color: var(--bs-yellow-hover); box-shadow: none; }
.btn-check:checked + .btn-yellow, .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active, .show > .btn-yellow.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-yellow-hover); border-color: var(--bs-yellow-hover); }
.btn-check:checked + .btn-yellow:focus, .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: none; }
.btn-yellow:disabled, .btn-yellow.disabled { color: var(--bs-white); background-color: var(--bs-yellow); border-color: var(--bs-yellow); }
.btn-indigo { color: var(--bs-white); background-color: var(--bs-indigo); border-color: var(--bs-indigo); }
.btn-indigo:hover { color: var(--bs-white); background-color: var(--bs-indigo-hover); border-color: var(--bs-indigo-hover); }
.btn-check:focus + .btn-indigo, .btn-indigo:focus { color: var(--bs-white); background-color: var(--bs-indigo-hover); border-color: var(--bs-indigo-hover); box-shadow: none; }
.btn-check:checked + .btn-indigo, .btn-check:active + .btn-indigo, .btn-indigo:active, .btn-indigo.active, .show > .btn-indigo.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-indigo-hover); border-color: var(--bs-indigo-hover); }
.btn-check:checked + .btn-indigo:focus, .btn-check:active + .btn-indigo:focus, .btn-indigo:active:focus, .btn-indigo.active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: none; }
.btn-indigo:disabled, .btn-indigo.disabled { color: var(--bs-white); background-color: var(--bs-indigo); border-color: var(--bs-indigo); }
.btn-brown { color: var(--bs-white); background-color: var(--bs-brown); border-color: var(--bs-brown); }
.btn-brown:hover { color: var(--bs-white); background-color: var(--bs-brown-hover); border-color: var(--bs-brown-hover); }
.btn-check:focus + .btn-brown, .btn-brown:focus { color: var(--bs-white); background-color: var(--bs-brown-hover); border-color: var(--bs-brown-hover); box-shadow: none; }
.btn-check:checked + .btn-brown, .btn-check:active + .btn-brown, .btn-brown:active, .btn-brown.active, .show > .btn-brown.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-brown-hover); border-color: var(--bs-brown-hover); }
.btn-check:checked + .btn-brown:focus, .btn-check:active + .btn-brown:focus, .btn-brown:active:focus, .btn-brown.active:focus, .show > .btn-brown.dropdown-toggle:focus { box-shadow: none; }
.btn-brown:disabled, .btn-brown.disabled { color: var(--bs-white); background-color: var(--bs-brown); border-color: var(--bs-brown); }
.btn-teal { color: var(--bs-white); background-color: var(--bs-teal); border-color: var(--bs-teal); }
.btn-teal:hover { color: var(--bs-white); background-color: var(--bs-teal-hover); border-color: var(--bs-teal-hover); }
.btn-check:focus + .btn-teal, .btn-teal:focus { color: var(--bs-white); background-color: var(--bs-teal-hover); border-color: var(--bs-teal-hover); box-shadow: none; }
.btn-check:checked + .btn-teal, .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active, .show > .btn-teal.dropdown-toggle { color: var(--bs-white); background-color: var(--bs-teal-hover); border-color: var(--bs-teal-hover); }
.btn-check:checked + .btn-teal:focus, .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: none; }
.btn-teal:disabled, .btn-teal.disabled { color: var(--bs-white); background-color: var(--bs-teal); border-color: var(--bs-teal); }
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--bs-primary); }
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-success { color: var(--bs-success); border-color: var(--bs-success); }
.btn-outline-success:hover { background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-success:disabled, .btn-outline-success.disabled { color: var(--bs-success); }
.btn-outline-info { color: var(--bs-info); border-color: var(--bs-info); }
.btn-outline-info:hover { color: var(--bs-white); background-color: var(--bs-info); border-color: var(--bs-info); }
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: var(--bs-white); background-color: var(--bs-info); border-color: var(--bs-info); }
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-info:disabled, .btn-outline-info.disabled { color: var(--bs-info); background-color: transparent; }
.btn-outline-warning { color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-outline-warning:hover { color: var(--bs-white); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: var(--bs-white); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.5); }
.btn-outline-warning:disabled, .btn-outline-warning.disabled { color: var(--bs-warning); }
.btn-outline-danger { color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-outline-danger:hover { background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-danger:disabled, .btn-outline-danger.disabled { color: var(--bs-danger); }
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: none; }
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-purple { color: var(--bs-purple); border-color: var(--bs-purple); }
.btn-outline-purple:hover { background-color: var(--bs-purple); border-color: var(--bs-purple); color: var(--bs-white); }
.btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show { background-color: var(--bs-purple); border-color: var(--bs-purple); }
.btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-purple:disabled, .btn-outline-purple.disabled { color: var(--bs-purple); }
.btn-outline-pink { color: var(--bs-pink); border-color: var(--bs-pink); }
.btn-outline-pink:hover { background-color: var(--bs-pink); border-color: var(--bs-pink); color: var(--bs-white); }
.btn-check:focus + .btn-outline-pink, .btn-outline-pink:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-pink, .btn-check:active + .btn-outline-pink, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.dropdown-toggle.show { background-color: var(--bs-pink); border-color: var(--bs-pink); }
.btn-check:checked + .btn-outline-pink:focus, .btn-check:active + .btn-outline-pink:focus, .btn-outline-pink:active:focus, .btn-outline-pink.active:focus, .btn-outline-pink.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-pink:disabled, .btn-outline-pink.disabled { color: var(--bs-pink); }
.btn-outline-cyan { color: var(--bs-cyan); border-color: var(--bs-cyan); }
.btn-outline-cyan:hover { background-color: var(--bs-cyan); border-color: var(--bs-cyan); color: var(--bs-white); }
.btn-check:focus + .btn-outline-cyan, .btn-outline-cyan:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-cyan, .btn-check:active + .btn-outline-cyan, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.dropdown-toggle.show { background-color: var(--bs-cyan); border-color: var(--bs-cyan); }
.btn-check:checked + .btn-outline-cyan:focus, .btn-check:active + .btn-outline-cyan:focus, .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus, .btn-outline-cyan.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-cyan:disabled, .btn-outline-cyan.disabled { color: var(--bs-cyan); }
.btn-outline-yellow { color: var(--bs-yellow); border-color: var(--bs-yellow); }
.btn-outline-yellow:hover { background-color: var(--bs-yellow); border-color: var(--bs-yellow); color: var(--bs-white); }
.btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-yellow, .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show { background-color: var(--bs-yellow); border-color: var(--bs-yellow); }
.btn-check:checked + .btn-outline-yellow:focus, .btn-check:active + .btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled { color: var(--bs-yellow); }
.btn-outline-brown { color: var(--bs-brown); border-color: var(--bs-brown); }
.btn-outline-brown:hover { background-color: var(--bs-brown); border-color: var(--bs-brown); color: var(--bs-white); }
.btn-check:focus + .btn-outline-brown, .btn-outline-brown:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-brown, .btn-check:active + .btn-outline-brown, .btn-outline-brown:active, .btn-outline-brown.active, .btn-outline-brown.dropdown-toggle.show { background-color: var(--bs-brown); border-color: var(--bs-brown); }
.btn-check:checked + .btn-outline-brown:focus, .btn-check:active + .btn-outline-brown:focus, .btn-outline-brown:active:focus, .btn-outline-brown.active:focus, .btn-outline-brown.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-brown:disabled, .btn-outline-brown.disabled { color: var(--bs-brown); }
.btn-outline-indigo { color: var(--bs-indigo); border-color: var(--bs-indigo); }
.btn-outline-indigo:hover { background-color: var(--bs-indigo); border-color: var(--bs-indigo); color: var(--bs-white); }
.btn-check:focus + .btn-outline-indigo, .btn-outline-indigo:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-indigo, .btn-check:active + .btn-outline-indigo, .btn-outline-indigo:active, .btn-outline-indigo.active, .btn-outline-indigo.dropdown-toggle.show { background-color: var(--bs-indigo); border-color: var(--bs-indigo); }
.btn-check:checked + .btn-outline-indigo:focus, .btn-check:active + .btn-outline-indigo:focus, .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus, .btn-outline-indigo.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-indigo:disabled, .btn-outline-indigo.disabled { color: var(--bs-indigo); }
.btn-outline-teal { color: var(--bs-teal); border-color: var(--bs-teal); }
.btn-outline-teal:hover { background-color: var(--bs-teal); border-color: var(--bs-teal); color: var(--bs-white); }
.btn-check:focus + .btn-outline-teal, .btn-outline-teal:focus { box-shadow: none; }
.btn-check:checked + .btn-outline-teal, .btn-check:active + .btn-outline-teal, .btn-outline-teal:active, .btn-outline-teal.active, .btn-outline-teal.dropdown-toggle.show { background-color: var(--bs-teal); border-color: var(--bs-teal); }
.btn-check:checked + .btn-outline-teal:focus, .btn-check:active + .btn-outline-teal:focus, .btn-outline-teal:active:focus, .btn-outline-teal.active:focus, .btn-outline-teal.dropdown-toggle.show:focus { box-shadow: none; }
.btn-outline-teal:disabled, .btn-outline-teal.disabled { color: var(--bs-teal); }
.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-round { -webkit-border-radius: 10rem; border-radius: 10rem; }
.btn-label { position: relative; padding-left: 52px; overflow: hidden; }
.btn-label label { position: absolute; left: 0; top: 0; bottom: 0; width: 36px; line-height: 1.5; padding-top: 4px; padding-bottom: 5px; background-color: rgba(var(--bs-dark-rgb), 0.1); cursor: pointer; margin-bottom: 0; }
.btn-label label i { font-size: 16px; }
/* 输入框 & 下拉选择 */
.form-control, .form-select { font-size: 0.875rem; color: var(--bs-body-color); border-color: var(--bs-gray-300); padding: 0.4695rem 0.75rem; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; }
.form-control-plaintext:focus { box-shadow: none; outline: none; }
.form-control:focus, .form-select:focus { color: var(--bs-body-color); border-color: var(--bs-primary); box-shadow: 0 0 transparent,0 0 .75rem 0 rgba(var(--bs-primary-rgb), 0.25); }
.form-control-lg, .form-select-lg { font-size: 1.125rem; }
.form-control-sm, .form-select-sm { font-size: 0.625rem; }
/* 复选框 */
.form-check { padding-left: 1.75em; }
.form-check .form-check-input { margin-left: -1.75em; }
.form-check-input[type=checkbox] { border-radius: 0.3em; }
/* 单选框 */
.form-check-input { width: 1.286em; height: 1.286em; }
/*.form-check-input:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); }
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); }*/
.form-check-input:focus { border-color: var(--bs-light); box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25); }
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-success); border-color: var(--bs-success); }
/* 开关 */
.form-switch { padding-left: 3em; vertical-align: middle; }
.form-switch .form-check-input { margin-left: -2.5em; }
.form-switch .form-check-input { border-radius: 2em; }
/* 遗留的问题，这类图像背景的颜色怎么替换成变量 */
.form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); }
.form-switch .form-check-blue.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2348b0f7'/%3e%3c/svg%3e"); }
.form-switch .form-check-indigo.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236610f2'/%3e%3c/svg%3e"); }
.form-switch .form-check-purple.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23926dde'/%3e%3c/svg%3e"); }
.form-switch .form-check-pink.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f96197'/%3e%3c/svg%3e"); }
.form-switch .form-check-red.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f44236'/%3e%3c/svg%3e"); }
.form-switch .form-check-orange.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23faa64b'/%3e%3c/svg%3e"); }
.form-switch .form-check-yellow.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fcc525'/%3e%3c/svg%3e"); }
.form-switch .form-check-green.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2315c377'/%3e%3c/svg%3e"); }
.form-switch .form-check-brown.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238d6658'/%3e%3c/svg%3e"); }
.form-switch .form-check-gray.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236c757d'/%3e%3c/svg%3e"); }
.form-switch .form-check-dark.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23212529'/%3e%3c/svg%3e"); }
.form-switch .form-check-teal.form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2333cabb'/%3e%3c/svg%3e") !important; }
.form-switch .form-check-input:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important; }

/* 滑块（范围） */
.form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); }
.form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); }
.form-range::-webkit-slider-thumb { background-color: var(--bs-primary); }
.form-range::-webkit-slider-thumb:active { background-color: rgba(var(--bs-primary-rgb), 0.375); }
.form-range::-webkit-slider-runnable-track { background-color: var(--bs-gray-300); }
.form-range::-moz-range-thumb { background-color: var(--bs-primary); }
.form-range::-moz-range-thumb:active { background-color: rgba(var(--bs-primary-rgb), 0.375); }
.form-range::-moz-range-track { background-color: var(--bs-gray-300); }
/* input其他着色 */
.form-check-blue.form-check-input:checked, .form-check-blue.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; }
.form-check-blue.form-check-input:focus { border-color: var(--bs-info); box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.25); }
.form-check-indigo.form-check-input:checked, .form-check-indigo.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-indigo) !important; border-color: var(--bs-indigo) !important; }
.form-check-indigo.form-check-input:focus { border-color: var(--bs-indigo); box-shadow: 0 0 0 0.25rem rgba(var(--bs-indigo-rgb), 0.25); }
.form-check-purple.form-check-input:checked, .form-check-purple.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-purple) !important; border-color: var(--bs-purple) !important; }
.form-check-purple.form-check-input:focus { border-color: var(--bs-purple); box-shadow: 0 0 0 0.25rem rgba(var(--bs-purple-rgb), 0.25); }
.form-check-pink.form-check-input:checked, .form-check-pink.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-pink) !important; border-color: var(--bs-pink) !important; }
.form-check-pink.form-check-input:focus { border-color: var(--bs-pink); box-shadow: 0 0 0 0.25rem rgba(var(--bs-pink-rgb), 0.25); }
.form-check-red.form-check-input:checked, .form-check-red.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }
.form-check-red.form-check-input:focus { border-color: var(--bs-danger); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); }
.form-check-orange.form-check-input:checked, .form-check-orange.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; }
.form-check-orange.form-check-input:focus { border-color: var(--bs-warning); box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25); }
.form-check-yellow.form-check-input:checked, .form-check-yellow.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-yellow) !important; border-color: var(--bs-yellow) !important; }
.form-check-yellow.form-check-input:focus { border-color: var(--bs-yellow); box-shadow: 0 0 0 0.25rem rgba(var(--bs-yellow-rgb), 0.25); }
.form-check-green.form-check-input:checked, .form-check-green.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; }
.form-check-green.form-check-input:focus { border-color: var(--bs-success); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); }
.form-check-cyan.form-check-input:checked, .form-check-cyan.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-cyan) !important; border-color: var(--bs-cyan) !important; }
.form-check-cyan.form-check-input:focus { border-color: var(--bs-cyan); box-shadow: 0 0 0 0.25rem rgba(var(--bs-cyan-rgb), 0.25); }
.form-check-brown.form-check-input:checked, .form-check-brown.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-brown) !important; border-color: var(--bs-brown) !important; }
.form-check-brown.form-check-input:focus { border-color: var(--bs-brown); box-shadow: 0 0 0 0.25rem rgba(var(--bs-brown-rgb), 0.25); }
.form-check-gray.form-check-input:checked, .form-check-gray.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-gray) !important; border-color: var(--bs-gray) !important; }
.form-check-gray.form-check-input:focus { border-color: var(--bs-gray); box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.25); }
.form-check-dark.form-check-input:checked, .form-check-dark.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important; }
.form-check-dark.form-check-input:focus { border-color: var(--bs-dark); box-shadow: 0 0 0 0.25rem rgba(var(--bs-dark-rgb), 0.25); }
.form-check-teal.form-check-input:checked, .form-check-teal.form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-teal) !important; border-color: var(--bs-teal) !important; }
.form-check-teal.form-check-input:focus { border-color: var(--bs-teal); box-shadow: 0 0 0 0.25rem rgba(var(--bs-teal-rgb), 0.25); }
/* 输入组 */
.input-group-text { color: var(--bs-body-color); border-color: var(--bs-gray-300); background-color: var(--bs-gray-100); border-radius: 0.125rem; font-size: 14px; }
/* file控件 */
.form-control::-webkit-file-upload-button, .form-control::file-selector-button { background-color: var(--bs-gray-100); padding-top: 0.55rem; padding-bottom: 0.55rem; margin-top: -0.55rem; margin-bottom: -0.55rem; }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-gray-200); }
.form-control-sm::-webkit-file-upload-button, .form-control-sm::file-selector-button { margin-left: -0.75rem; }
/* 引用 */
.blockquote { font-size: 1rem; }
/* 徽章 */
.badge { -webkit-border-radius: 0.125rem; border-radius: 0.125rem; font-weight: 600; }
[class*='badge-outline-'] { position: relative; border: 1px solid var(--bs-gray-300); color: var(--bs-body-color); font-size: 12px; }
[class*='badge-outline-']:before { content: ""; margin-right: 5px; width: 8px; height: 8px; display: inline-block; -wekit-border-radius: 50%; border-radius: 50%; }
.badge-outline-primary::before { background-color: var(--bs-primary); }
.badge-outline-secondary::before { background-color: var(--bs-secondary); }
.badge-outline-success::before { background-color: var(--bs-success); }
.badge-outline-danger::before { background-color: var(--bs-danger); }
.badge-outline-warning::before { background-color: var(--bs-warning); }
.badge-outline-info::before { background-color: var(--bs-info); }
.badge-outline-light::before { background-color: var(--bs-light); }
.badge-outline-dark::before { background-color: var(--bs-dark); }
.badge-outline-indigo::before { background-color: var(--bs-indigo); }
.badge-outline-purple::before { background-color: var(--bs-purple); }
.badge-outline-pink::before { background-color: var(--bs-pink); }
.badge-outline-cyan::before { background-color: var(--bs-cyan); }
.badge-outline-yellow::before { background-color: var(--bs-yellow); }
.badge-outline-brown::before { background-color: var(--bs-brown); }
.badge-outline-teal::before { background-color: var(--bs-teal); }
.bg-dark { background: rgba(var(--bs-dark-rgb),.1) !important; color: var(--bs-dark); /*border:1px solid var(--bs-dark);*/ }
.bg-success { background: rgba(var(--bs-success-rgb),.1) !important; color: var(--bs-success); /*border:1px solid var(--bs-success);*/ }
.bg-primary { background: rgba(var(--bs-primary-rgb),.1) !important; color: var(--bs-primary); /*border:1px solid var(--bs-primary);*/ }
.bg-info { background: rgba(var(--bs-info-rgb),.1) !important; color: var(--bs-info); /*border:1px solid var(--bs-info);*/ }
.bg-danger { background: rgba(var(--bs-danger-rgb),.1) !important; color: var(--bs-danger); /*border:1px solid var(--bs-danger);*/ }
.bg-warning { background: rgba(var(--bs-warning-rgb),.1) !important; color: var(--bs-warning); /*border:1px solid var(--bs-warning);*/ }
.bg-secondary { background: rgba(var(--bs-secondary-rgb),.1) !important; color: var(--bs-secondary); /*border:1px solid var(--bs-secondary);*/ }

[data-theme='dark'] .bg-dark { background: rgba(var(--bs-secondary-rgb),.1) !important; color: var(--bs-secondary); }





/* 表格 */
.table { --bs-table-striped-color: #495057; --bs-table-striped-bg: rgba(249, 250, 251, 0.75); --bs-table-active-color: #495057; --bs-table-active-bg: rgba(var(--bs-black-rgb), .0375); --bs-table-hover-color: #495057; --bs-table-hover-bg: #f6f6f6; color: var(--bs-body-color); border-color: var(--bs-border-color); font-size: 13px; }
.table > :not(:first-child) { border-top-color: var(--bs-border-color) !important; }
.table-primary { --bs-table-bg: #d5f5f3 !important; --bs-table-striped-bg: #cef3f1 !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #bdefec !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #c6f1ef !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-secondary { --bs-table-bg: #e2e3e5 !important; --bs-table-striped-bg: #dddee1 !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #d7d9dc !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #d0d3d6 !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-success { --bs-table-bg: #d4edda !important; --bs-table-striped-bg: #cdead4 !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #c5e6cd !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #bce2c5 !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-info { --bs-table-bg: #cce5ff !important; --bs-table-striped-bg: #c4e1ff !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #bbdcff !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #b1d6ff !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-warning { --bs-table-striped-bg: #fff1c5 !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #ffefbc !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #ffecb2 !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-danger { --bs-table-striped-bg: #f7d0d4 !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #f6c8cd !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #f4bfc5 !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-light { --bs-table-bg: #f7fafc !important; --bs-table-striped-bg: #f6f9fc !important; --bs-table-striped-color: #495057 !important; --bs-table-active-bg: #f4f8fc !important; --bs-table-active-color: #495057 !important; --bs-table-hover-bg: #f2f7fc !important; --bs-table-hover-color: #495057 !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important; }
.table-dark { --bs-table-striped-bg: #1c1f22 !important; --bs-table-striped-color: #fff !important; --bs-table-active-bg: #171a1c !important; --bs-table-active-color: #fff !important; --bs-table-hover-bg: #131617 !important; --bs-table-hover-color: #fff !important; color: var(--bs-white) !important; border-color: var(--bs-border-color) !important; }
.table-click tr.tr-active td, .table tr.odd td { background: rgba(81,86,190,.065) !important; }

/* 警告框 */
.alert { border-radius: 0.125rem; }
.alert .alert-link:hover { text-decoration: underline; }
.alert p:last-child { margin-bottom: 0px; }
.alert .mdi:before { vertical-align: middle; }
/* 标注 */
.callout { padding: 0.75rem 1rem; border: 1px solid var(--bs-border-color); border-left: 3px solid transparent; }
.callout-primary { border-left-color: var(--bs-primary); }
.callout-success { border-left-color: var(--bs-success); }
.callout-info { border-left-color: var(--bs-info); }
.callout-warning { border-left-color: var(--bs-warning); }
.callout-danger { border-left-color: var(--bs-danger); }
.callout p:last-child { margin-bottom: 0px; }
/* 背景色 */
.bg-indigo { --bs-bg-opacity: 1; background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important; }
.bg-purple { /*--bs-bg-opacity: 1; background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;*/ background: rgba(var(--bs-purple-rgb),.1) !important; color: var(--bs-purple); }
.bg-pink { --bs-bg-opacity: 1; background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important; }
.bg-yellow { --bs-bg-opacity: 1; background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important; }
.bg-cyan { --bs-bg-opacity: 1; background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important; }
.bg-brown { /* --bs-bg-opacity: 1; background-color: rgba(var(--bs-brown-rgb), var(--bs-bg-opacity)) !important;*/ background: rgba(var(--bs-brown-rgb),.1) !important; color: var(--bs-brown); }
.bg-teal { --bs-bg-opacity: 1; background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important; }
/* 链接颜色 */
.link-primary { color: var(--bs-primary) !important; }
.link-secondary { color: var(--bs-secondary) !important; }
.link-success { color: var(--bs-success) !important; }
.link-danger { color: var(--bs-danger) !important; }
.link-warning { color: var(--bs-warning) !important; }
.link-info { color: var(--bs-info) !important; }
.link-light { color: var(--bs-light) !important; }
.link-dark { color: var(--bs-dark) !important; }
/* 边框颜色 */
.border-primary { border-color: var(--bs-primary) !important; }
.border-success { border-color: var(--bs-success) !important; }
.border-info { border-color: var(--bs-info) !important; }
.border-warning { border-color: var(--bs-warning) !important; }
.border-danger { border-color: var(--bs-danger) !important; }
/* 文本颜色 */
.text-indigo { --bs-text-opacity: 1; color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important; }
.text-purple { --bs-text-opacity: 1; color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important; }
.text-pink { --bs-text-opacity: 1; color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important; }
.text-yellow { --bs-text-opacity: 1; color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important; }
.text-cyan { --bs-text-opacity: 1; color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important; }
.text-brown { --bs-text-opacity: 1; color: rgba(var(--bs-brown-rgb), var(--bs-text-opacity)) !important; }
.text-muted { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }
/* 列表组 */
.list-group-item { color: var(--bs-body-color); border-color: var(--bs-border-color); }
.list-group-item.active { border-color: var(--bs-primary); background-color: var(--bs-primary); }
/* 分页 */
.page-link { margin-right: 6px; border-radius: 0.125rem !important; color: var(--bs-gray); white-space: nowrap; }
.page-link:hover { color: var(--bs-body-color); background-color: var(--bs-light-hover); }
.page-link:focus { color: var(--bs-body-color); box-shadow: none; background-color: var(--bs-light-hover); }
.page-item.active .page-link { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.page-item.disabled .page-link { opacity: .6; }
.page-item:last-child .page-link { margin-right: 0px; }
.pagination-sm .page-item .page-link { border-radius: 0.1rem !important; }
.pagination-lg .page-item .page-link { border-radius: 0.15rem !important; }
/* offcanvas */
.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom { border-color: var(--bs-border-color) }
/* popover */
.popover { border-color: var(--bs-border-color); border-radius: .125rem; }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { border-top-color: var(--bs-border-color); }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { border-right-color: var(--bs-border-color); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { border-bottom-color: var(--bs-border-color); }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { border-left-color: var(--bs-border-color); }
.popover-header { background-color: var(--bs-light); border-bottom-color: var(--bs-border-color); }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { border-bottom-color: var(--bs-light); }
.popover-body { color: var(--bs-body-color); }
/* 下拉菜单 */
.dropdown-menu { font-size: 13px; padding: 0; border-radius: 0; border: none; -webkit-box-shadow: 0 3px 8px rgb(var(--bs-dark-rgb), .1), 0 0 1px rgb(var(--bs-dark-rgb), .15); box-shadow: 0 3px 8px rgb(--bs-dark-rgb), .1), 0 0 1px rgb(--bs-dark-rgb), .15); }
.dropdown-item, .dropdown-header, .dropdown-item-text { padding: 10px 15px; }
.dropleft .dropdown-toggle::before { vertical-align: 1px; }
.dropdown-item:hover, .dropdown-item:focus { background-color: #eee; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--bs-primary); }
.dropdown-item i { vertical-align: middle; position: relative; bottom: 1px; }
.dropdown-divider { margin: 0; }
.dropdown-divider { border-top-color: var(--bs-border-color); }
hr.dropdown-divider { background-color: var(--bs-border-color); border-top-color: var(--bs-border-color); }
/* 标签页 */
.nav-tabs { border-color: var(--bs-border-color); margin-bottom: 1rem; }
.nav-tabs .nav-link { color: var(--bs-body-color); border-top: 0px; border-left: 0px; border-right: 0px; border-radius: 0px; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: var(--bs-body-color); border-color: var(--bs-primary); }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: var(--bs-primary); }
.tab-content > .tab-pane { overflow: inherit !important; }
.mt-nav .nav-tabs .mt-move-left a, .mt-nav .nav-tabs .mt-move-right a { max-width: 45px; vertical-align: middle; }
.mt-nav .nav-tabs .mt-move-left i, .mt-nav .nav-tabs .mt-move-right i, .nk-menu i { font-size: 20px; position: relative; vertical-align: middle; }
/* 卡片 */
.card { border: none; border-radius: var(--border-radius-mini); margin-bottom: 1rem; -webkit-box-shadow: 0 2px 4px rgba(15,34,58,.1); -moz-box-shadow: 0 2px 4px rgba(15,34,58,.1); box-shadow: 0 2px 4px rgba(15,34,58,.1); }
.card[class*="border-"] { border-width: 1px; border-style: solid; }
.card-header { padding: 0.5rem 1.25rem; background-color: transparent; border-bottom: 1px solid var(--bs-border-color); }
.card-header .card-title { margin-bottom: 0; }
.card-header .card-opts a { display: inline-block; width: 30px; text-align: center; cursor: pointer; color: var(--bs-dark) }
.card-header .card-opts a:hover { color: var(--bs-primary) }
.card-header .card-opts a i { font-size: 18px; }
.card-header div.card-title { font-size: 16px; font-weight: 600; }
.card-header > *:last-child { margin-right: 0; }
.card > .card-header + .callout { background-color: var(--bs-light-hover); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; }
.card-body { padding: 1.05rem; }
.card-body > *:last-child { margin-bottom: 0; }
.card-body > p:last-child { margin-bottom: 0; }
.card-body .row { margin-right: calc(0 * var(--bs-gutter-x)); margin-left: calc(0 * var(--bs-gutter-x)); }
.card-bordered { border: 1px solid var(--bs-gray-200); }
.card-shadowed, .card-hover-shadow:hover { -webkit-box-shadow: 0 0 25px rgba(var(--bs-dark-rgb), 0.375); box-shadow: 0 0 25px rgba(var(--bs-dark-rgb), 0.375); }
.card-footer { background-color: var(--bs-light); border-top: 1px solid var(--bs-border-color); padding: 0.75rem 1rem; }
.card-footer:last-child { border-radius: 0 0 var(--border-radius-mini) var(--border-radius-mini); }
.card > .list-group { border-bottom: 1px solid var(--bs-border-color); }
.card-header-tabs { margin-bottom: -0.75rem; }
.card-actions { list-style-type: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.card-actions > li > a { display: inline-block; padding: 0 4px; margin: 0 4px; color: var(--bs-secondary); opacity: .8; -webkit-transition: 0.3s linear; transition: 0.3s linear; }
.card-actions > li:first-child > a { margin-right: 0; }
.card-actions > li > a > i { height: 20px; text-align: center; vertical-align: middle; cursor: pointer; line-height: 20px; }
.card-actions > li > a > .mdi { font-size: 18px; }
.card-actions > li.dropdown { line-height: 26px; }
.card-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin-bottom: 0 !important; z-index: 998; }
.card-fullscreen .card-btn-fullscreen { color: var(--bs-primary); }
/* 通用导航 */
.nav-link { color: var(--bs-primary); }
.nav-link:hover, .nav-link:focus { color: var(--bs-primary-hover); }
.nav-pills .nav-link { border-radius: 0.125rem; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--bs-primary); }
/* toast */
.toast { border-color: var(--bs-border-color); box-shadow: 0 0.125rem 0.75rem rgba(var(--bs-dark-rgb), .0375); border-radius: 0.125rem; }
.toast-header i { line-height: 1em; }
/* 模态框 */
.modal-content, .modal-header, .modal-footer { border-color: var(--bs-border-color); }
/* 进度条 */
.progress { height: .75rem; border-radius: .15rem; }
.progress-bar { background-color: var(--bs-primary); }
.progress-xs { height: .25rem; }
.progress-sm { height: .5rem; }
/* 工具提示 */
.tooltip-inner { border-radius: 0.125rem; }
/* 加载动画 */
.spinner-border { border-width: .125em; }
/* 手风琴折叠效果 */
.accordion-item { border-color: var(--bs-border-color); }
.accordion-button:focus { border-color: inherit; box-shadow: none; }
.accordion-button:not(.collapsed) { background-color: rgba(var(--bs-primary-rgb), .075); color: var(--bs-primary); box-shadow: inset 0 -1px 0 var(--bs-border-color); }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23007bff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
/* 图库 */
.gallery-grid { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.gallery-grid img { max-width: 100%; }
.gallery-item { display: block; -webkit-column-break-inside: avoid; break-inside: avoid; padding-bottom: 30px; }
.gallery-grid { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; }
.gallery-grid .gallery-item { padding-bottom: 16px; }
/** ---------------------------------- * 页面加载loading -------------------------------------- */
#lyear-loading { position: absolute; width: 100%; height: calc(100% - 48px); z-index: 9990; background: var(--bs-body-bg); display: flex; align-items: center; justify-content: center; }
/** ---------------------------------- * 步骤条 -------------------------------------- */
.nav-step { margin-bottom: 1rem; }
.nav-step .nav-item { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; -webkit-box-align: center; align-items: center; flex: 1 1; padding: 0 12px }
.nav-step .nav-item:first-child a::before { display: none }
.nav-step .nav-item.complete .nav-link, .nav-step .nav-item.complete .nav-link::before, .nav-step .nav-item .nav-link.active, .nav-step .nav-item .nav-link.active::before { background-color: rgba(var(--bs-primary-rgb), .2) }
.nav-step .nav-item.complete .nav-link::after, .nav-step .nav-item .nav-link.active::after { background-color: var(--bs-primary); width: 24px; height: 24px; -webkit-transform: translateX(0); transform: translateX(0); color: #fff }
.nav-step .nav-item.complete .nav-link::after { width: 29px; height: 29px; -webkit-transform: translateX(0); transform: translateX(0); color: #fff }
.nav-step .nav-item .nav-link.active::after { width: 13px; height: 13px; margin-top: 8px; -webkit-transform: translateX(8px); transform: translateX(8px); color: transparent }
.nav-step .nav-link { display: -webkit-inline-box; display: inline-flex; padding: 0; margin: 10px 0; width: 29px; height: 29px; max-height: 29px; border-radius: 50%; background-color: var(--bs-pre); -webkit-transition: .5s; transition: .5s; z-index: 1 }
.nav-step .nav-link::before { content: ''; position: absolute; left: calc(-50% + 14.5px); right: calc(50% + 14.5px); height: 10px; margin-top: 9.5px; background-color: var(--bs-pre); cursor: default; -webkit-transition: .5s; transition: .5s; }
.nav-step .nav-link::after { content: "\F012C"; font-family: "Material Design Icons"; width: 0; height: 0; text-align: center; font-size: 18px; position: absolute; border-radius: 50%; background-color: transparent; color: transparent; -webkit-transform: translate(14.5px, 14.5px); transform: translate(14.5px, 14.5px); -webkit-transition: .5s; transition: .5s; z-index: 1; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center }
.nav-step-pane.active { display: block !important; }
/* 上传 */
.lyear-uploads-pic { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; flex-direction: row; flex-wrap: wrap; margin-bottom: -10px; }
.lyear-uploads-pic li { position: relative; margin-bottom: 10px; }
.lyear-uploads-pic .list-images-item .progress { position: absolute; bottom: 0px; margin-bottom: 0px; left: 12px; right: 12px; }
.lyear-uploads-pic figure { position: relative; margin: 0px; background: #4d5259; overflow: hidden; text-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center; min-height: 165px; max-height: 165px; }
.lyear-uploads-pic figure img { position: relative; display: block; min-height: 100%; max-width: 100%; width: 100%; vertical-align: bottom; opacity: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.lyear-uploads-pic figure:hover img { opacity: 0.5; }
.lyear-uploads-pic figure figcaption, .lyear-uploads-pic figure figcaption > a:not(.btn) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lyear-uploads-pic figure figcaption { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-transform: none; padding: 2em; color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .35s; transition: .35s; }
.lyear-uploads-pic figure figcaption > a { position: static; z-index: auto; text-indent: 0; white-space: nowrap; opacity: 1; margin-left: 2px; margin-right: 2px }
.lyear-uploads-pic figure figcaption > *:first-child { margin-left: 0; }
.lyear-uploads-pic figure:hover figcaption { -webkit-transform: scale(1); transform: scale(1) }
.lyear-uploads-pic .success, .lyear-uploads-pic .error { position: absolute; top: 0px; background-color: rgba(0, 0, 0, .125); right: 12px; left: 12px; color: #fff; text-align: center; }
/* 时光轴 */ /* 时光轴 */
.lyear-timeline { margin: 0px; padding: 0px; list-style: none; }
.lyear-timeline .lyear-timeline-item { display: -webkit-box; display: flex; }
.lyear-timeline-date { position: relative; padding: 30px 0; text-align: center; }
.lyear-timeline-date time { font-size: 16px !important; color: #8b95a5; }
.lyear-timeline-item-dot { position: relative; flex-shrink: 0; -webkit-box-flex: 0; flex-grow: 0; -webkit-box-ordinal-group: 3; order: 2; width: 80px; padding-bottom: 30px; text-align: center; }
.lyear-timeline-item-dot .badge { display: inline-block; vertical-align: inherit; width: 11px; height: 11px; padding: 0px; -wekit-border-radius: 50%; border-radius: 50%; position: relative; z-index: 3; }
.lyear-timeline-item-dot::before { content: ''; position: absolute; top: 9px; left: 50%; bottom: -9px; width: 1px; margin-left: -1px; z-index: 1; background-color: #f2f3f3; }
.lyear-timeline-item-action { -webkit-box-flex: 1; flex: 1 1; padding-bottom: 30px; color: #8b95a5; }
.lyear-timeline-item-content { -webkit-box-flex: 1; flex: 1 1; margin-bottom: 50px; }
.lyear-timeline-item-content .card { margin-bottom: 0px; }
.lyear-timeline-item-content time { color: #8b95a5; }
.lyear-timeline-left .lyear-timeline-item .lyear-timeline-item-content { -webkit-box-ordinal-group: 4 !important; order: 3 !important; }
.lyear-timeline-right .lyear-timeline-item .lyear-timeline-item-content { text-align: right; -webkit-box-ordinal-group: 2 !important; order: 1 !important; }
.lyear-timeline-left .lyear-timeline-item-content, .lyear-timeline-right .lyear-timeline-item-content { margin-bottom: 10px; }
.lyear-timeline-left .lyear-timeline-item-dot, .lyear-timeline-right .lyear-timeline-item-dot { width: 40px; }
.lyear-timeline-left .lyear-timeline-item-dot::before, .lyear-timeline-right .lyear-timeline-item-dot::before { margin-left: 0px; }
.lyear-timeline-item.text-muted .badge { background-color: #8b95a5; }
/** ---------------------------------- * 滚动条插件样式 -------------------------------------- */
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }
.ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 6px; bottom: 2px; position: absolute; }
.ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 6px; right: 2px; position: absolute; }
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; }
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; }
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: var(--bs-gray-200); opacity: 0.9; }
.ps__thumb-x { background-color: var(--bs-gray-400); border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; }
.ps__thumb-y { background-color: var(--bs-gray-400); border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 3px; right: 0; position: absolute; }
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: var(--bs-gray-500); height: 6px; }
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: var(--bs-gray-500); width: 6px; }
@supports (-ms-overflow-style: none) {
    .ps { overflow: auto !important; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps { overflow: auto !important; }
}
/** ---------------------------------- * 网站布局 -------------------------------------- */
body { background-color: var(--bs-body-bg); }
body.lyear-index { background-color: var(--bs-body-bg); }
/** ---------------------------------- * 左侧导航 -------------------------------------- */
.lyear-layout-sidebar { position: fixed; top: 0; bottom: 0; z-index: 5; display: block; width: 220px; font-weight: 400; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.15s transform; transition: 0.15s transform; transform: translateX(0); -webkit-box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075); -moz-box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075); box-shadow: 0px 0px 5px rgba(var(--bs-dark-rgb), 0.075); }
.lyear-layout-sidebar-close .lyear-layout-sidebar { width: 60px; }
.lyear-layout-sidebar-close .lyear-layout-header, .lyear-layout-sidebar-close .lyear-layout-content { padding-left: 60px; }
.lyear-layout-sidebar-info { height: -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px); height: calc(100% - 60px); position: relative; background-color: var(--bs-white); }
/* logo */
.sidebar-header { position: relative; overflow: hidden; z-index: 999; background-color: var(--bs-white); width: 100%; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.08); box-shadow: 0px 0px 5px rgba(0,0,0,0.08); }
.sidebar-header:before, .sidebar-header:after { content: " "; display: table; }
.sidebar-header a { display: inline-block; width: 220px; height: 60px; line-height: 60px; overflow: hidden; }
.sidebar-header a img { height: 30px; width: auto; margin-left: 16px; }
.sidebar-header a span { font-weight: 800; font-size: 18px; }
.lyear-layout-sidebar-close #logo-path-txt { display: none; }



/* 菜单 */
.sidebar-main { -webkit-transform: translateZ(0); transform: translateZ(0); }
.nav-drawer { list-style: none; padding: 0px; margin: 12px 0 0 0; }
.nav-drawer > li { position: relative; display: block; }
.nav-drawer li a { position: relative; display: block; padding-right: 24px; padding: 7px 15px 7px 52.99999px; color: #302d36; white-space: nowrap; }
.nav-drawer > li > a { padding: 2.5px 10px !important }
.nav-drawer > li > a > span { white-space: nowrap; }
.nav-drawer > .active > a { background-color: rgba(var(--bs-dark-rgb), .0125); border-color: var(--bs-primary); }

.nav-drawer > .active > a:hover, .nav-drawer > .active > a:focus, .nav-drawer > .active > a:active { background-color: rgba(var(--bs-dark-rgb), .0125); border-color: var(--bs-primary); }
.nav-drawer .nav-subnav > li.active > a, .nav-drawer .nav-subnav > li > a:hover { color: var(--bs-primary); background-color: transparent; }
.nav-drawer > li > a > svg, .nav-drawer > li > a > i { position: absolute; left: 21px; top: 19px; font-size: 1.25em; height: 16px; width: 16px; color: #545a6d; fill: rgba(84,90,109,.2); margin-top: -3px; }
.nav-drawer > li > a > i { top: 10px; font-size: 20px; }
.nav-drawer > li.active > a { color: var(--bs-primary) }
.nav-drawer > li.active > a > svg, .nav-drawer > li.active > a > i { color: var(--bs-primary); fill: rgba(81,86,190,.2) !important; }
.nav-drawer ul li ul { padding-left: 15px; }
.nav-item-has-subnav > a:before { position: absolute; top: 11px; right: 14px; font-family: "iconfont" !important; content: "\eb05"; font-size: 10px; font-weight: 600; line-height: 2; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
.nav-item-has-subnav .nav-item-has-subnav > a:after { top: 10px; }
.nav-item-has-subnav.open > a:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav-item-has-subnav.open > .nav-subnav { display: block; }
.nav-subnav { display: none; margin-top: 8px; margin-bottom: 8px; }
.nav-subnav > li > a { position: relative; }


.ni-pre-a { padding: 0 10px !important; }
.ni-pre-a span { display: -webkit-box; display: flex !important; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 40px; padding: 10px; border-radius: 5px; /*color: #6B7280;*/ color: #000; }
.ni-pre-a > span > i { font-size: 22px; line-height: normal; }
.ni-pre-a > span > b { font-weight: 400; font-size: 13px; font-weight: 400; }


.nav-item.active .ni-pre-a > span { background: rgba(var(--bs-primary-rgb),.1); color: var(--bs-primary); }

.nav-drawer.ni-pre-a.active > li > a > span { background: rgba(var(--bs-primary-rgb),.1); color: var(--bs-primary); }



.nav-item-has-subnav > .nav-subnav > li > a { padding-left: 23px; }
.nav-item-has-subnav > .nav-subnav > li > a:before { font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; content: "\e632"; position: absolute; top: -.1rem; left: -3px; color: #ccc; }
.nav-item-has-subnav > .nav-subnav > li > a:after { background-color: #d7d7d7; content: ""; left: 9px; position: absolute; top: 0.15rem; transform: translateY(-50%); width: 0.0625rem; height: 4.75rem; }
.nav-item.nav-item-has-subnav > a > i { width: 18px; display: inline-block; font-size: 18px; margin-right: 5px; vertical-align: middle; position: relative; bottom: 2px; }


/*.sub-tag a { padding-left: 39px !important; }*/
.sub-tag a i { color: #000; font-size: 10px; position: absolute; top: 10px; right: 15px; font-weight: 600; display: none; }
/*.sub-tag a:before { font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; content: "\e632"; position: absolute; top: 0rem; left: 10px; color: #ccc; }
.sub-tag a:after { background-color: #d7d7d7; content: ""; left: 20px; position: absolute; top: 0.15rem; transform: translateY(-50%); width: 0.0625rem; height: 4.75rem; }
*/
.nav-item-has-subnav > .nav-subnav > li:last-child > a:after,
.nav-subnav .sub-tag:last-child a:after { height: 1.75rem; }




.nav-subnav > li.active > a:before { color: var(--bs-primary); }
/* 左侧底部Copyright */
.sidebar-footer { bottom: 0; width: 100%; height: 96px; border-top: 1px solid rgba(77, 82, 89, 0.1); margin-top: 24px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; font-size: 13px; line-height: 24px; }
/** ---------------------------------- * 头部导航 -------------------------------------- */
.lyear-layout-header { position: fixed; top: 0; right: 0; left: 0; z-index: 4; padding-left: 220px;; background-color: var(--bs-white); -webkit-transition: padding 0.3s; transition: padding 0.3s; -webkit-box-shadow: 0 1px 1px -1px rgb(var(--bs-dark-rgb), 0.25); -moz-box-shadow: 0 1px 1px -1px rgb(var(--bs-dark-rgb), 0.25); box-shadow: 0 1px 1px -1px rgb(var(--bs-dark-rgb), 0.25); }
.lyear-layout-header .navbar { min-height: 60px; padding: 0 1rem 0 0; margin-bottom: 0; border: 0px; background-color: transparent; }
/* 侧边栏开关 */
.lyear-aside-toggler { margin-right: .25rem; margin-left: .85rem; padding: .25rem .95rem .25rem .25rem; line-height: 1.5; cursor: pointer; }
.lyear-aside-toggler .lyear-toggler-bar { display: block; height: 2px; width: 20px; background-color: var(--bs-gray-700); margin: 4px 0px; -webkit-transition: 0.3s; transition: 0.3s; }
.lyear-aside-toggler .lyear-toggler-bar:nth-child(2) { width: 15px; }
.lyear-aside-toggler:hover .lyear-toggler-bar:nth-child(2) { width: 20px; }
.lyear-layout-sidebar-close .lyear-aside-toggler .lyear-toggler-bar { width: 20px; }
/* 头部右侧内容 */
.navbar-right { list-style: none; padding: 0px; margin: 0px; }
.navbar-right .icon-item { cursor: pointer; display: block; height: 60px; line-height: 60px; padding: 0 10px; width: 100%; }
/* 头像菜单 */
.navbar-right > li > a { position: relative; display: block; padding: 10px 0px 10px 15px; }
/* 消息列表 */
.dropdown-notice .dropdown-menu { min-width: 220px; max-width: 280px; }
.dropdown-notice .badge { font-size: .5em; top: 22px; padding: 0.25em 0.6em; box-shadow: 0 0 0 rgba(var(--bs-primary), 0.9); animation: pulse 2s infinite; -webkit-animation-name: pulse-secondary; animation-name: pulse-secondary; }
.dropdown-notice .dropdown-item { text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.dropdown-notice .lyear-notifications-title { padding: 5px 15px 10px 15px; border-bottom: 1px solid var(--bs-border-color); }
.dropdown-notice .lyear-notifications-info { position: relative; height: 220px;; max-height: 220px;; margin: 0; padding: 0; }
/* 主题配置选择 */
.dropdown-skin .dropdown-menu { width: 262px; -moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none; }
.lyear-skin-title p { padding: 5px 15px 0px 15px; }
.lyear-skin-li { padding: 0px 12px; }
.lyear-skin-li .form-check { padding: 0px; margin: 0px; }
.lyear-skin-li .form-check-input { display: none; }
.lyear-skin-li .form-check-input + label { display: inline-block; width: 20px; height: 20px; cursor: pointer; margin: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .1s ease; transition: all .1s ease; }
.lyear-skin-li .form-check-input:checked + label { position: relative; }
.lyear-skin-li .form-check-input:checked + label::after { content: "\F012C"; font-family: "Material Design Icons"; font-size: 1rem; display: block; color: var(--bs-white); width: 100%; text-align: center; line-height: 20px; position: absolute; top: 0px; -webkit-transition: .2s; transition: .2s; }
li.lyear-skin-li .form-check:first-child .form-check-input:checked + label::after { color: var(--bs-body-color); }
#header_bg_1 + label, #logo_bg_1 + label, #sidebar_bg_1 + label, #site_theme_1 + label { background-color: var(--bs-white); border: 1px solid var(--bs-border-color); }
#header_bg_2 + label, #logo_bg_2 + label, #sidebar_bg_2 + label { background-color: var(--bs-success); border: 1px solid var(--bs-success); }
#header_bg_3 + label, #logo_bg_3 + label, #sidebar_bg_3 + label { background-color: var(--bs-info); border: 1px solid var(--bs-info); }
#header_bg_4 + label, #logo_bg_4 + label, #sidebar_bg_4 + label { background-color: var(--bs-warning); border: 1px solid var(--bs-warning); }
#header_bg_5 + label, #logo_bg_5 + label, #sidebar_bg_5 + label { background-color: var(--bs-danger); border: 1px solid var(--bs-danger); }
#header_bg_6 + label, #logo_bg_6 + label, #sidebar_bg_6 + label { background-color: var(--bs-purple); border: 1px solid var(--bs-purple); }
#header_bg_7 + label, #logo_bg_7 + label, #sidebar_bg_7 + label { background-color: var(--bs-teal); border: 1px solid var(--bs-teal); }
#header_bg_8 + label, #logo_bg_8 + label, #sidebar_bg_8 + label, #site_theme_8 + label { background-color: var(--bs-dark); border: 1px solid var(--bs-dark); }
#site_theme_2 + label { background-image: -webkit-gradient(linear,left top,right top,from(#00cef9),to(#00e6af)); background-image: -webkit-linear-gradient(left,#00cef9,#00e6af); background-image: -moz-linear-gradient(left,#00cef9,#00e6af); background-image: -o-linear-gradient(left,#00cef9,#00e6af); background-image: linear-gradient(to right,#00cef9,#00e6af); background-repeat: repeat-x; }
#site_theme_3 + label { background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe)); background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe); background-image: -moz-linear-gradient(left,#9f78ff,#32cafe); background-image: -o-linear-gradient(left,#9f78ff,#32cafe); background-image: linear-gradient(to right,#9f78ff,#32cafe); background-repeat: repeat-x; }
#site_theme_4 + label { background-image: -webkit-gradient(linear,left top,right top,from(#ff8008),to(#ffc837)); background-image: -webkit-linear-gradient(left,#ff8008,#ffc837); background-image: -moz-linear-gradient(left,#ff8008,#ffc837); background-image: -o-linear-gradient(left,#ff8008,#ffc837); background-image: linear-gradient(to right,#ff8008,#ffc837); background-repeat: repeat-x; }
#site_theme_5 + label { background-image: -webkit-gradient(linear,left top,right top,from(#ff5858),to(#e888b7)); background-image: -webkit-linear-gradient(left,#ff5858,#e888b7); background-image: -moz-linear-gradient(left,#ff5858,#e888b7); background-image: -o-linear-gradient(left,#ff5858,#e888b7); background-image: linear-gradient(to right,#ff5858,#e888b7); background-repeat: repeat-x; }
#site_theme_6 + label { background-image: -webkit-gradient(linear,left top,right top,from(#a376fc),to(#f96f9b)); background-image: -webkit-linear-gradient(left,#a376fc,#f96f9b); background-image: -moz-linear-gradient(left,#a376fc,#f96f9b); background-image: -o-linear-gradient(left,#a376fc,#f96f9b); background-image: linear-gradient(to right,#a376fc,#f96f9b); background-repeat: repeat-x; }
#site_theme_7 + label { background-image: -webkit-gradient(linear,left top,right top,from(#514a9d),to(#24c6dc)); background-image: -webkit-linear-gradient(left,#514a9d,#24c6dc); background-image: -moz-linear-gradient(left,#514a9d,#24c6dc); background-image: -o-linear-gradient(left,#514a9d,#24c6dc); background-image: linear-gradient(to right,#514a9d,#24c6dc); background-repeat: repeat-x; }
/** ---------------------------------- * 主要内容 -------------------------------------- */
.lyear-layout-content { position: absolute; height: 100%; width: 100%; top: 0; padding-left: 220px; -webkit-transition: padding 0.3s; transition: padding 0.3s; overflow: hidden; }
.lyear-layout-content #iframe-content { height: 100%; }
/** ---------------------------------- * 响应式处理 -------------------------------------- */

@media (max-width: 1279.98px) {
    .table-responsive-xxl > .table > tbody > tr > td, .table-responsive-xxl > .table > tbody > tr > th, .table-responsive-xxl > .table > tfoot > tr > td, .table-responsive-xxl > .table > tfoot > tr > th, .table-responsive-xxl > .table > thead > tr > td, .table-responsive-xxl > .table > thead > tr > th { white-space: nowrap; }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl > .table > tbody > tr > td, .table-responsive-xl > .table > tbody > tr > th, .table-responsive-xl > .table > tfoot > tr > td, .table-responsive-xl > .table > tfoot > tr > th, .table-responsive-xl > .table > thead > tr > td, .table-responsive-xl > .table > thead > tr > th { white-space: nowrap; }
}

@media (max-width: 1024px) {
    .lyear-layout-sidebar { transform: translateX(-100%); }
    .lyear-layout-header, .lyear-layout-content { padding-left: 0; }
    .lyear-layout-sidebar { -webkit-box-shadow: none; -moz-webkit-box-shadow: none; box-shadow: none; }
    .lyear-layout-sidebar.lyear-aside-open { transform: translateX(0); }
    /* 遮罩层 */
    .lyear-mask-modal { background-color: rgba(var(--bs-dark-rgb), 0.5); height: 100%; left: 0; opacity: 1; top: 0; visibility: visible; width: 100%; z-index: 5; position: fixed; -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translateZ(0); transform: translateZ(0); }
    .lyear-layout-sidebar-close .lyear-layout-sidebar { width: 220px; }
    .lyear-layout-sidebar-close .lyear-layout-header, .lyear-layout-sidebar-close .lyear-layout-content { padding-left: 0px; }
}

@media (min-width: 1024px) {
    .lyear-layout-sidebar-close .nav-drawer > li > a { padding: 12px 28px 12px 29px; height: 48px; }
    .lyear-layout-sidebar-close .nav-drawer > li > a span { display: none; }
    .lyear-layout-sidebar-close .nav-drawer > li > a:before { content: ''; }
    .lyear-layout-sidebar-close .ps__rail-x, .lyear-layout-sidebar-close .ps__rail-y { pointer-events: none; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:not(:hover) .ps { overflow: visible !important; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:not(:hover) .nav-item-has-subnav > .nav-subnav { display: none !important; }
    .lyear-layout-sidebar-close .sidebar-footer { visibility: hidden; opacity: 0; }
    .lyear-layout-sidebar { -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover { width: 220px; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover #logo-path-txt { display: block; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a { padding-right: 24px; padding-left: 52.99999px; padding-top: 12px; padding-bottom: 12px; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a span { display: block; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer .nav-item-has-subnav > a:before { content: "\eb05"; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-footer { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out 0.15s; transition: opacity 0.3s ease-in-out 0.15s; }
    body:not(.lyear-layout-sidebar-close) .sidebar-footer { -webkit-transition: opacity 0.3s ease-in-out 0.15s; transition: opacity 0.3s ease-in-out 0.15s; }
    .gallery-grid { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
}

@media (min-width: 992px) {
    .lyear-timeline .lyear-timeline-item:nth-child(even) .lyear-timeline-item-action { -webkit-box-ordinal-group: 2; order: 1; text-align: right; }
    .lyear-timeline .lyear-timeline-item:nth-child(odd) .lyear-timeline-item-action { -webkit-box-ordinal-group: 4; order: 3; text-align: left; }
    .lyear-timeline .lyear-timeline-item:nth-child(even) .lyear-timeline-item-content { -webkit-box-ordinal-group: 4; order: 3; }
    .lyear-timeline .lyear-timeline-item:nth-child(odd) .lyear-timeline-item-content { -webkit-box-ordinal-group: 2; order: 1; }
}

@media (max-width: 991.98px) {
    .table-responsive-lg > .table > tbody > tr > td, .table-responsive-lg > .table > tbody > tr > th, .table-responsive-lg > .table > tfoot > tr > td, .table-responsive-lg > .table > tfoot > tr > th, .table-responsive-lg > .table > thead > tr > td, .table-responsive-lg > .table > thead > tr > th { white-space: nowrap; }
}

@media (max-width: 767.98px) {
    .table-responsive-md > .table > tbody > tr > td, .table-responsive-md > .table > tbody > tr > th, .table-responsive-md > .table > tfoot > tr > td, .table-responsive-md > .table > tfoot > tr > th, .table-responsive-md > .table > thead > tr > td, .table-responsive-md > .table > thead > tr > th { white-space: nowrap; }
    .gallery-grid { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}

@media (max-width: 575.98px) {
    .table-responsive-sm > .table > tbody > tr > td, .table-responsive-sm > .table > tbody > tr > th, .table-responsive-sm > .table > tfoot > tr > td, .table-responsive-sm > .table > tfoot > tr > th, .table-responsive-sm > .table > thead > tr > td, .table-responsive-sm > .table > thead > tr > th { white-space: nowrap; }
    .pagination .page-item { display: none; }
    .pagination .page-item:first-child, .pagination .page-item:last-child { display: block; }
    .lyear-timeline-center .lyear-timeline-item .lyear-timeline-item-action { display: none; }
}

@media screen and (max-width: 430px) {
    .dropdown-skin .dropdown-menu { left: -64px !important; }
    .dropdown-notice .dropdown-menu { left: -38px !important; }
    .nav-step .nav-step-item p { display: none; }
}
/* 配色 */
[data-headerbg='color_2'] .lyear-layout-header, [data-logobg='color_2'] .sidebar-header, [data-sidebarbg='color_2'] .lyear-layout-sidebar-info { background-color: var(--bs-success); }
[data-headerbg='color_3'] .lyear-layout-header, [data-logobg='color_3'] .sidebar-header, [data-sidebarbg='color_3'] .lyear-layout-sidebar-info { background-color: var(--bs-info); }
[data-headerbg='color_4'] .lyear-layout-header, [data-logobg='color_4'] .sidebar-header, [data-sidebarbg='color_4'] .lyear-layout-sidebar-info { background-color: var(--bs-warning); }
[data-headerbg='color_5'] .lyear-layout-header, [data-logobg='color_5'] .sidebar-header, [data-sidebarbg='color_5'] .lyear-layout-sidebar-info { background-color: var(--bs-danger); }
[data-headerbg='color_6'] .lyear-layout-header, [data-logobg='color_6'] .sidebar-header, [data-sidebarbg='color_6'] .lyear-layout-sidebar-info { background-color: var(--bs-purple); }
[data-headerbg='color_7'] .lyear-layout-header, [data-logobg='color_7'] .sidebar-header, [data-sidebarbg='color_7'] .lyear-layout-sidebar-info { background-color: var(--bs-teal); }
[data-headerbg='color_8'] .lyear-layout-header, [data-logobg='color_8'] .sidebar-header, [data-sidebarbg='color_8'] .lyear-layout-sidebar-info { background-color: var(--bs-dark); }
[data-logobg*='color_'] .sidebar-header img { position: relative; -webkit-filter: brightness(275%); -moz-filter: brightness(275%); -ms-filter: brightness(275%); -o-filter: brightness(275%); filter: brightness(275%); }
[data-headerbg*='color_'] .lyear-layout-header, [data-headerbg*='color_'] .lyear-layout-header .topbar-right > li > a, [data-sidebarbg*='color_'] .lyear-layout-sidebar-info a, [data-sidebarbg*='color_'] .sidebar-footer { color: rgba(val(--bs-white-rgb), .85); }
[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li.active > a, [data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li > a:hover { color: var(--bs-white); }
[data-headerbg*='color_'] .lyear-aside-toggler .lyear-toggler-bar { background-color: var(--bs-white); }
[data-sidebarbg*='color_'] .nav-drawer > .active > a { border-color: rgba(var(--bs-white-rgb), .35); background-color: rgba(var(--bs-white-rgb), .075) !important; }
[data-sidebarbg*='color_'] .nav > li > a:hover { background-color: rgba(var(--bs-white-rgb), .035); }
[data-sidebarbg*='color_'] .nav-drawer > .active > a:hover, [data-sidebarbg*='color_'] .nav-drawer > .active > a:focus, [data-sidebarbg*='color_'] .nav-drawer > .active > a:active { border-color: rgba(var(--bs-white-rgb), .35); }
[data-headerbg*='color_'] .navbar-right > li > a { color: var(--bs-white); }
/* 暗黑 */
body.lyear-index[data-theme='dark'], body[data-theme='dark'] .jconfirm .jconfirm-box, [data-theme='dark'] #lyear-loading { background-color: #0b0e11; color: var(--bs-white); }
body[data-theme='dark'] { color: var(--bs-gray-400); background-color: #0b0e11; }
[data-theme='dark'] .nav-tabs .nav-link, [data-theme='dark'] .lyear-notifications span, [data-theme='dark'] .lyear-skin-title p, [data-theme='dark'] .form-control, [data-theme='dark'] .form-control-plaintext, [data-theme='dark'] .form-control, [data-theme='dark'] .form-select, [data-theme='dark'] .input-group-text, [data-theme='dark'] .dropdown-item, [data-theme='dark'] .lyear-divider, [data-theme='dark'] [class*='badge-outline-'], [data-theme='dark'] .breadcrumb-item.active, [data-theme='dark'] .breadcrumb-item + .breadcrumb-item::before, [data-theme='dark'] .page-link, [data-theme='dark'] .popover-header, [data-theme='dark'] .popover-body, [data-theme='dark'] .toast-header, [data-theme|='translucent'] .bg-body { color: var(--bs-gray-400); }
[data-theme='dark'] .lyear-toggler-bar { background-color: var(--bs-gray-400); }

[data-theme='dark'] .sidebar-header, [data-theme='dark'] .lyear-layout-sidebar-info,
[data-theme='dark'] .lyear-layout-header, [data-theme='dark'] .card,
[data-theme='dark'] .mt-nav-bar .mt-nav { background-color: #181A20; }
[data-theme='dark'] .nav-tabs .nav-item.show .nav-link, [data-theme='dark'] .nav-tabs .nav-link.active { background-color: #0b0e11; color: var(--bs-primary); }


[data-theme='dark'] .lyear-dragging-tab > a, [data-theme|='translucent'] .lyear-dragging-tab > a { background-color: transparent !important; }
[data-theme='dark'] .lyear-layout-sidebar, [data-theme|='translucent'] .lyear-layout-sidebar { -webkit-box-shadow: 0px 0px 1px rgba(255,255,255,.2); -moz-box-shadow: 0px 0px 1px rgba(255,255,255,.2); box-shadow: 0px 0px 1px rgba(255,255,255,.2); }
[data-theme='dark'] .sidebar-header,
[data-theme='dark'] .lyear-layout-header,
[data-theme|='translucent'] .sidebar-header,
[data-theme|='translucent'] .lyear-layout-header { -webkit-box-shadow: 0 1px 1px -1px rgba(255,255,255,.2); -moz-box-shadow: 0 1px 1px -1px rgba(255,255,255,.2); box-shadow: 0 1px 1px -1px rgba(255,255,255,.2); }
[data-theme='dark'] .mt-nav-bar .nav-tabs, [data-theme='dark'] .card-header, [data-theme='dark'] .table > tbody > tr > td, [data-theme='dark'] .table > tbody > tr > th, [data-theme='dark'] .table > tfoot > tr > td, [data-theme='dark'] .table > tfoot > tr > th, [data-theme='dark'] .table > thead > tr > td, [data-theme='dark'] .table > thead > tr > th, [data-theme='dark'] .border-example, [data-theme='dark'] .border-example-row, [data-theme|='translucent'] .table > tbody > tr > td, [data-theme|='translucent'] .table > tbody > tr > th, [data-theme|='translucent'] .table > tfoot > tr > td, [data-theme|='translucent'] .table > tfoot > tr > th, [data-theme|='translucent'] .table > thead > tr > td, [data-theme|='translucent'] .table > thead > tr > th, [data-theme|='translucent'] .border-example, [data-theme|='translucent'] .border-example-row, [data-theme='dark'] .dropdown-notice .lyear-notifications-title, [data-theme='dark'] #header_bg_8 + label, [data-theme='dark'] #logo_bg_8 + label, [data-theme='dark'] #sidebar_bg_8 + label, [data-theme='dark'] #site_theme_8 + label, [data-theme='dark'] .lyear-divider::before, [data-theme='dark'] .lyear-divider::after, [data-theme='dark'] [class*='badge-outline-'], [data-theme='dark'] .card > .list-group, [data-theme='dark'] .list-group-item, [data-theme|='translucent'] .list-group-item, [data-theme='dark'] .card-footer, [data-theme='dark'] .modal-header, [data-theme='dark'] .modal-footer, [data-theme|='translucent'] .modal-header, [data-theme|='translucent'] .modal-footer, [data-theme='dark'] .offcanvas-start, [data-theme='dark'] .offcanvas-end, [data-theme='dark'] .offcanvas-top, [data-theme='dark'] .offcanvas-bottom, [data-theme='dark'] .popover-header, [data-theme='dark'] .sidebar-footer { border-color: rgba(255,255,255,.05); }
[data-theme='dark'] .table > :not(:first-child), [data-theme|='translucent'] .table > :not(:first-child) { border-top-color: rgba(var(--bs-white-rgb), 0.125) !important; }
[data-theme='dark'] .dropdown-menu, [data-theme='dark'] .modal-content, [data-theme='dark'] .popover { background-color: #181A20; border: 1px solid rgba(255,255,255,.1); }
[data-theme='dark'] .offcanvas-start, [data-theme='dark'] .offcanvas-end, [data-theme='dark'] .offcanvas-top, [data-theme='dark'] .offcanvas-bottom, [data-theme='dark'] .popover-header { background-color: #181A20; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, [data-theme='dark'] .bs-popover-end > .popover-arrow::after { border-right-color: #181A20; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, [data-theme='dark'] .bs-popover-top > .popover-arrow::after { border-top-color: #181A20; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, [data-theme='dark'] .bs-popover-bottom > .popover-arrow::after { border-bottom-color: #181A20; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, [data-theme='dark'] .bs-popover-start > .popover-arrow::after { border-left-color: #181A20; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, [data-theme='dark'] .bs-popover-end > .popover-arrow::before { border-right-color: #191924; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, [data-theme='dark'] .bs-popover-top > .popover-arrow::before { border-top-color: #191924; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, [data-theme='dark'] .bs-popover-bottom > .popover-arrow::before { border-bottom-color: #191924; }
[data-theme='dark'] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, [data-theme='dark'] .bs-popover-start > .popover-arrow::before { border-left-color: #191924; }
[data-theme='dark'] .dropdown-menu .dropdown-item:focus, [data-theme='dark'] .dropdown-menu .dropdown-item:hover, [data-theme='dark'] .dropdown-menu .dropdown-item.active, [data-theme='dark'] .dropdown-menu .dropdown-item.active:focus, [data-theme='dark'] .dropdown-menu .dropdown-item.active:hover, [data-theme|='translucent'] .dropdown-menu .dropdown-item:focus, [data-theme|='translucent'] .dropdown-menu .dropdown-item:hover, [data-theme|='translucent'] .dropdown-menu .dropdown-item.active, [data-theme|='translucent'] .dropdown-menu .dropdown-item.active:focus, [data-theme|='translucent'] .dropdown-menu .dropdown-item.active:hover, [data-theme='dark'] .progress, [data-theme|='translucent'] .progress, [data-theme='dark'] .border-example-position-utils .position-relative, [data-theme|='translucent'] .border-example-position-utils .position-relative, [data-theme='dark'] .card > .card-header + .callout { background-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .table { --bs-table-striped-color: var(--bs-gray-400); --bs-table-striped-bg: rgba(var(--bs-white-rgb), 0.075); --bs-table-active-color: var(--bs-gray-400); --bs-table-active-bg: rgba(var(--bs-black-rgb), .0375); --bs-table-hover-color: var(--bs-gray-400); --bs-table-hover-bg: rgba(var(--bs-white-rgb), 0.075); color: var(--bs-gray-400); border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .callout { background: rgba(var(--bs-white-rgb), 0.075); border-top-color: rgba(var(--bs-white-rgb), 0.125); border-right-color: rgba(var(--bs-white-rgb), 0.125); border-bottom-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] pre, [data-theme='dark'] .list-group-item { background: rgba(var(--bs-white-rgb), 0.075); color: var(--bs-gray-400); }
[data-theme='dark'] .border-example-row .row > .col, [data-theme='dark'] .border-example-row .row > [class^=col-], [data-theme='dark'] .img-thumbnail, [data-theme='dark'] .form-control, [data-theme='dark'] .form-check-input, [data-theme='dark'] .form-select, [data-theme='dark'] .input-group-text, [data-theme='dark'] .page-link, [data-theme='dark'] .border-example-border-utils [class^="border"], [data-theme='dark'] .border-example-ratios .ratio, [data-theme|='translucent'] .border-example-row .row > .col, [data-theme|='translucent'] .border-example-row .row > [class^=col-], [data-theme|='translucent'] .img-thumbnail, [data-theme|='translucent'] .form-control, [data-theme|='translucent'] .form-check-input, [data-theme|='translucent'] .form-select, [data-theme|='translucent'] .input-group-text, [data-theme|='translucent'] .page-link, [data-theme|='translucent'] .border-example-border-utils [class^="border"], [data-theme|='translucent'] .border-example-ratios .ratio, [data-theme='dark'] .sumbox span { background-color: rgba(var(--bs-white-rgb), 0.075); border: 1px solid rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .form-control:focus { border-color: rgba(var(--bs-white-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .form-check-input:checked, [data-theme='dark'] .form-check-input[type=checkbox]:indeterminate, [data-theme|='translucent'] .form-check-input:checked, [data-theme|='translucent'] .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); }
[data-theme='dark'] .form-select:disabled, [data-theme='dark'] .form-control:disabled, [data-theme='dark'] .form-control[readonly] { color: var(--bs-gray-600); background-color: rgba(var(--bs-white-rgb), .15); }
[data-theme='dark'] .form-select { background-color: #1e2023; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
[data-theme='dark'] .form-select:disabled { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
[data-theme='dark'] .form-range::-webkit-slider-runnable-track { background-color: rgba(var(--bs-white-rgb), 0.075); }
[data-theme='dark'] .form-range::-moz-range-track { background-color: rgba(var(--bs-white-rgb), 0.075); }
[data-theme|='translucent'] .form-range::-webkit-slider-runnable-track { background-color: rgba(var(--bs-white-rgb), 0.075); }
[data-theme|='translucent'] .form-range::-moz-range-track { background-color: rgba(var(--bs-white-rgb), 0.075); }
[data-theme='dark'] .dropdown-divider, [data-theme|='translucent'] .dropdown-divider { border-top-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] hr.dropdown-divider, [data-theme|='translucent'] hr.dropdown-divider, [data-theme='dark'] .card-footer { background-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .form-control.is-valid, [data-theme='dark'] .was-validated .form-control:valid, [data-theme='dark'] .form-select.is-valid, [data-theme='dark'] .was-validated .form-select:valid { border-color: var(--bs-success) }
[data-theme='dark'] .form-control.is-invalid, [data-theme='dark'] .was-validated .form-control:invalid, [data-theme='dark'] .form-select.is-invalid, [data-theme='dark'] .was-validated .form-select:invalid { border-color: var(--bs-danger) }
[data-theme='dark'] .form-select.is-invalid:not([multiple]):not([size]), [data-theme='dark'] .form-select.is-invalid:not([multiple])[size="1"], [data-theme='dark'] .was-validated .form-select:invalid:not([multiple]):not([size]), [data-theme='dark'] .was-validated .form-select:invalid:not([multiple])[size="1"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); }
[data-theme='dark'] .accordion-button { color: var(--bs-gray-400); background-color: transparent; }
[data-theme='dark'] .accordion-button:not(.collapsed), [data-theme|='translucent'] .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(var(--bs-white-rgb), 0.125); background-color: rgba(var(--bs-white-rgb), 0.075); }
[data-theme='dark'] .accordion-item, [data-theme|='translucent'] .accordion-item { background-color: rgba(var(--bs-white-rgb), 0.075); border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .accordion-button::after, [data-theme|='translucent'] .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") }
[data-theme='dark'] .btn-outline-dark { color: var(--bs-pure-black); border-color: var(--bs-pure-black); }
[data-theme='dark'] .border-dark { border-color: var(--bs-pure-black) !important; }
[data-theme='dark'] .text-dark { color: #fff !important; }
[data-theme='dark'] .btn-close, [data-theme|='translucent'] .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat }
[data-theme='dark'] .list-group-item.active, [data-theme|='translucent'] .list-group-item.active { border-color: rgba(var(--bs-white-rgb), 0.125); background-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .list-group-item.disabled, [data-theme='dark'] .list-group-item:disabled, [data-theme='dark'] .nav-tabs .nav-link.disabled { color: var(--bs-gray-600); }
[data-theme='dark'] .navbar.navbar-light.bg-light .form-control { border-color: var(--bs-gray-300); }
[data-theme='dark'] .page-link:hover, [data-theme='dark'] .page-link:focus { color: var(--bs-gray-200); background-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .page-link:focus { box-shadow: none; }
[data-theme='dark'] .page-item.disabled .page-link { background-color: rgba(var(--bs-white-rgb), 0.075); border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .toast { border: none; background-color: rgba(41, 47, 57, .85); }
[data-theme='dark'] .toast-header { background-color: rgba(41, 47, 57, .85); }
[data-theme='dark'] .border, [data-theme='dark'] .border-start, [data-theme='dark'] .border-top, [data-theme='dark'] .border-end, [data-theme='dark'] .border-bottom, [data-theme|='translucent'] .border, [data-theme|='translucent'] .border-start, [data-theme|='translucent'] .border-top, [data-theme|='translucent'] .border-end, [data-theme|='translucent'] .border-bottom, [data-theme='dark'] .auto-goup-list dl { border-color: rgba(var(--bs-white-rgb), 0.125) !important; }
[data-theme='dark'] .shadow-sm { box-shadow: 0 .125rem .25rem rgba(var(--bs-black-rgb), 1) !important; }
[data-theme='dark'] .shadow { box-shadow: 0 .5rem 1rem rgba(var(--bs-black-rgb), 1) !important; }
[data-theme='dark'] .shadow-lg { box-shadow: 0 1rem 3rem rgba(var(--bs-black-rgb), 1) !important; }
[data-theme='dark'] .card-shadowed, [data-theme='dark'] .card-hover-shadow:hover { box-shadow: 0 1rem 3rem rgba(var(--bs-black-rgb), 1) !important; }
[data-theme='dark'] .datepicker-dropdown:before, [data-theme='dark'] .datepicker-dropdown:after { border-bottom-color: #181A20; }
[data-theme='dark'] .datepicker-dropdown.datepicker-orient-top:before, [data-theme='dark'] .datepicker-dropdown.datepicker-orient-top:after { border-top-color: #181A20; }
[data-theme='dark'] .datepicker.datepicker-dropdown, [data-theme|='translucent'] .datepicker.datepicker-dropdown { color: var(--bs-white); }
[data-theme='dark'] .datepicker table tr td.day:hover, [data-theme='dark'] .datepicker table tr td.focused, [data-theme|='translucent'] .datepicker table tr td.day:hover, [data-theme|='translucent'] .datepicker table tr td.focused, [data-theme|='translucent'] .datepicker table tr td span.focused, [data-theme|='translucent'] .datepicker table tr td span:hover { background-color: rgba(var(--bs-white-rgb), .2); }
[data-theme='dark'] .datepicker table tr td.range:hover, [data-theme|='translucent'] .datepicker table tr td.range:hover { color: var(--bs-white); }
[data-theme='dark'] .form-control::-webkit-file-upload-button { color: #fff; background-color: rgba(var(--bs-white-rgb), .075); }
[data-theme='dark'] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: rgba(var(--bs-white-rgb), .125); }
[data-theme='dark'] .lyear-layout-header .navbar, [data-theme='dark'] .mt-nav-bar .mt-nav { background-color: #181A20 !important; }

[data-theme='dark'] .nav-drawer > li > a > svg, [data-theme='dark'] .nav-drawer > li > a > i { color: #a1acbb; fill: rgba(161,172,187,.2); }
.nav-drawer > li > a > i { color: #6B7280; fill: rgba(55, 65, 81,.9); }
[data-theme='dark'] .nav-drawer > li.active > a > svg, [data-theme='dark'] .nav-drawer > li.active > a > i { color: var(--bs-primary); fill: #fff !important; }
[data-theme='dark'] .card { border: 1px solid rgba(255,255,255,.075) }
[data-theme='dark'] .card-header .card-opts a { color: #fff; }
[data-theme='dark'] .btn-soft-secondary { color: #a1acbb; }
[data-theme='dark'] .btn-light { color: #fff; background-color: rgba(var(--bs-white-rgb), 0.075); border: 1px solid rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .condition-box { background: #0b0e11; border: 1px solid rgba(255,255,255,.2); }
[data-theme='dark'] .tdmoney, [data-theme='dark'] .paginationbox .spage-total, [data-theme='dark'] .paginationbox .spage-skip { color: #fff; }
[data-theme='dark'] .sumbox .tdmoney, [data-theme='dark'] .sumbox b { color: var(--bs-primary) }
[data-theme='dark'] .paginationbox .spage-number button, [data-theme='dark'] .paginationbox .btn, [data-theme='dark'] .searchable-select-holder { color: #fff; background-color: rgba(var(--bs-white-rgb), 0.075); border: 1px solid rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .paginationbox .spage-number button:not(.button-disabled):hover { background-color: rgba(var(--bs-white-rgb), 0.075); color: var(--bs-primary) }

[data-theme='dark'] .searchable-select-caret { border-color: #fff transparent transparent transparent }
[data-theme='dark'] .table-click tr.tr-active td { background: #0b0e11 !important }
[data-theme='dark'] { --bs-primary: #f0b90b !important; --bs-primary-hover: rgba(240,185,11,.75) !important; --bs-body-color: #ced4da !important; }
[data-theme='dark'] .btn-primary { color: #000; -webkit-box-shadow: 0 2px 6px 0 rgb(240 185 11/ 50%); box-shadow: 0 2px 6px 0 rgb(240 185 11/ 50%); }
.nav-tabs .nav-link { line-height: normal; height: 48px; border: none; }
[data-theme='dark'] .menu-title { color: rgba(234,236,239,.3); }

[data-theme='dark'] .btn-check:active + .btn-outline-primary,
[data-theme='dark'] .btn-check:checked + .btn-outline-primary,
[data-theme='dark'] .btn-outline-primary.active,
[data-theme='dark'] .btn-outline-primary.dropdown-toggle.show,
[data-theme='dark'] .btn-outline-primary:active { color: #000; }

[data-theme='dark'] .gametable .row { border-color: rgba(255,255,255,.1); }
[data-theme='dark'] .gametable .row:hover { background-color: #0b0e11; }


[data-theme='dark'] .layui-layer-loading { background: transparent !important; }
[data-theme='dark'] .langbox span { background: #0b0e11; border: 1px solid rgba(255,255,255,.2); }
[data-theme='dark'] fieldset { background: #181a20; border: 1px solid rgba(255,255,255,.1); }
[data-theme='dark'] .auto-goup-list dl { color: var(--bs-gray-400); background-color: #0b0e11; }
[data-theme='dark'] .auto-goup-list dl dt, [data-theme='dark'] .card .text-black { color: #fff !important; }

[data-theme='dark'] .summary-box .table { background-color: rgba(var(--bs-white-rgb), 0.075); border: 1px solid rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .summary-box .table tr td:not(:first-child) { color: #fff; }
[data-theme='dark'] .summary-box .table tr:hover { background-color: #181a20; }
[data-theme='dark'] .paginationbox .spage-number button.active { background: #f0b90b !important; color: #000 !important; border-color: #f0b90b !important; }
[data-theme='dark'] .fs-arrow { border-top-color: #fff; }
[data-theme='dark'] .fs-label-wrap, [data-theme='dark'] .layui-layer { background: #1e2023; }
[data-theme='dark'] .fs-label-wrap .fs-label { border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .fs-dropdown { background-color: #1e2023; border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .fs-option, [data-theme='dark'] .fs-search, [data-theme='dark'] .fs-optgroup-label { border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme='dark'] .fs-selectAll { background: transparent; border-color: transparent; }
[data-theme='dark'] .fs-wrap .fs-option:hover { background: #0b0e11; }
[data-theme='dark'] .xndatepicker .shortcut { color: #0b0e11; }
[data-theme='dark'] .uploadImgs .item { background: rgba(var(--bs-white-rgb), 0.075); border-color: rgba(255,255,255,.1); }

[data-theme='dark'] .nav-subnav > li > a:after, [data-theme='dark'] .nav-subnav > li > a:before { background: rgba(234,236,239,.3); }
[data-theme='dark'] .nav-subnav > li.active > a:before { background: var(--bs-primary) }
[data-theme='dark'] .layx-window.layx-skin-default .layx-control-bar { background: #181A20; color: #fff; }
[data-theme='dark'] .auto-tabs-box .auto-tabs-content, [data-theme='dark'] .layx-window { background: #181A20 !important; }
[data-theme='dark'] .auto-tabs { border: none; }
[data-theme='dark'] .auto-tabs span.active { color: var(--bs-primary) }
[data-theme='dark'] .auto-list-two .list, [data-theme='dark'] .span-nm { background: rgba(var(--bs-white-rgb), 0.075); }
[data-theme='dark'] .numColorCopy-box .nb-l b, [data-theme='dark'] .usdNumColorCopy-box .ub-l .item b { color: #fff; }
[data-theme='dark'] .bg-secondary { color: #e1e1e1; }

[data-theme='dark']::-webkit-scrollbar { width: 12px; }
[data-theme='dark']::-webkit-scrollbar-track { background: #0b0e11; }
[data-theme='dark']::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); }
[data-theme='dark'] .tipmark span { background: #181a20; border-color: #3d3e41; }
[data-theme='dark'] .tipmark span small { color: #fff; }
[data-theme='dark'] .btn-more { background: var(--bs-secondary) }
/* 半透明 */
body[data-theme|='translucent'], [data-theme|='translucent'] .card.card-fullscreen { color: rgba(var(--bs-white-rgb), .85); background-size: cover; background-attachment: fixed; }
body[data-theme|='translucent'] .jconfirm .jconfirm-box { background: rgba(var(--bs-black-rgb), .125); backdrop-filter: blur(10px); }
body[data-theme|='translucent'] caption, body[data-theme|='translucent'] .figure-caption, body[data-theme|='translucent'] .lyear-timeline-date time, body[data-theme|='translucent'] .lyear-timeline-item-action { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] .card.card-fullscreen { backdrop-filter: blur(10px); }
[data-theme|='translucent'] .modal-content { background: rgba(var(--bs-black-rgb), .125); backdrop-filter: blur(10px); }
body.lyear-index[data-theme='translucent-blue'], [data-theme='translucent-blue'] .popover, [data-theme='translucent-blue'] .dropdown-menu, [data-theme='translucent-blue'] .offcanvas, [data-theme='translucent-blue'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),to(#32cafe)); background-image: -webkit-linear-gradient(left,#9f78ff,#32cafe); background-image: -moz-linear-gradient(left,#9f78ff,#32cafe); background-image: -o-linear-gradient(left,#9f78ff,#32cafe); background-image: linear-gradient(to right,#9f78ff,#32cafe); background-repeat: repeat-x; }
body.lyear-index[data-theme='translucent-red'], [data-theme='translucent-red'] .popover, [data-theme='translucent-red'] .dropdown-menu, [data-theme='translucent-red'] .offcanvas, [data-theme='translucent-red'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#ff5858),to(#e888b7)); background-image: -webkit-linear-gradient(left,#ff5858,#e888b7); background-image: -moz-linear-gradient(left,#ff5858,#e888b7); background-image: -o-linear-gradient(left,#ff5858,#e888b7); background-image: linear-gradient(to right,#ff5858,#e888b7); background-repeat: repeat-x; }
body.lyear-index[data-theme='translucent-green'], [data-theme='translucent-green'] .popover, [data-theme='translucent-green'] .dropdown-menu, [data-theme='translucent-green'] .offcanvas, [data-theme='translucent-green'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#00cef9),to(#00e6af)); background-image: -webkit-linear-gradient(left,#00cef9,#00e6af); background-image: -moz-linear-gradient(left,#00cef9,#00e6af); background-image: -o-linear-gradient(left,#00cef9,#00e6af); background-image: linear-gradient(to right,#00cef9,#00e6af); background-repeat: repeat-x; }
body.lyear-index[data-theme='translucent-yellow'], [data-theme='translucent-yellow'] .popover, [data-theme='translucent-yellow'] .dropdown-menu, [data-theme='translucent-yellow'] .offcanvas, [data-theme='translucent-yellow'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#ff8008),to(#ffc837)); background-image: -webkit-linear-gradient(left,#ff8008,#ffc837); background-image: -moz-linear-gradient(left,#ff8008,#ffc837); background-image: -o-linear-gradient(left,#ff8008,#ffc837); background-image: linear-gradient(to right,#ff8008,#ffc837); background-repeat: repeat-x; }
body.lyear-index[data-theme='translucent-cyan'], [data-theme='translucent-cyan'] .popover, [data-theme='translucent-cyan'] .dropdown-menu, [data-theme='translucent-cyan'] .offcanvas, [data-theme='translucent-cyan'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#514a9d),to(#24c6dc)); background-image: -webkit-linear-gradient(left,#514a9d,#24c6dc); background-image: -moz-linear-gradient(left,#514a9d,#24c6dc); background-image: -o-linear-gradient(left,#514a9d,#24c6dc); background-image: linear-gradient(to right,#514a9d,#24c6dc); background-repeat: repeat-x; }
body.lyear-index[data-theme='translucent-pink'], [data-theme='translucent-pink'] .popover, [data-theme='translucent-pink'] .dropdown-menu, [data-theme='translucent-pink'] .offcanvas, [data-theme='translucent-pink'] #lyear-loading { background-image: -webkit-gradient(linear,left top,right top,from(#a376fc),to(#f96f9b)); background-image: -webkit-linear-gradient(left,#a376fc,#f96f9b); background-image: -moz-linear-gradient(left,#a376fc,#f96f9b); background-image: -o-linear-gradient(left,#a376fc,#f96f9b); background-image: linear-gradient(to right,#a376fc,#f96f9b); background-repeat: repeat-x; }
[data-theme|='translucent'] .datepicker-dropdown:before, [data-theme|='translucent'] .datepicker-dropdown:after { border-bottom-color: transparent; }
[data-theme|='translucent'] .datepicker-dropdown.datepicker-orient-top:before, [data-theme|='translucent'] .datepicker-dropdown.datepicker-orient-top:after { border-top-color: transparent; }
[data-theme|='translucent'] .sidebar-header, [data-theme|='translucent'] .nav-tabs .nav-link.active, [data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link { background-color: transparent; }
[data-theme|='translucent'] .lyear-layout-sidebar-info, [data-theme|='translucent'] .lyear-layout-header, [data-theme|='translucent'] .card, [data-theme|='translucent'] .mt-nav-bar .mt-nav, [data-theme|='translucent'] .card > .card-header + .callout { background-color: rgba(var(--bs-black-rgb), .175); }
[data-theme|='translucent'] ::-webkit-input-placeholder { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] :-moz-placeholder { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] ::-moz-placeholder { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] :-ms-input-placeholder { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] .sidebar-footer { border-color: rgba(var(--bs-white-rgb), .075); }
[data-theme|='translucent'] .lyear-aside-toggler .lyear-toggler-bar { background-color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] .mt-nav-bar { box-shadow: none; }
[data-theme|='translucent'] .mt-nav-bar .nav-tabs, [data-theme|='translucent'] .card-header, [data-theme|='translucent'] .card-footer, [data-theme|='translucent'] .lyear-divider::before, [data-theme|='translucent'] .lyear-divider::after, [data-theme|='translucent'] .card > .list-group, [data-theme|='translucent'] .lyear-notifications-title, [data-theme|='translucent'] .nav-tabs, [data-theme|='translucent'] .popover-header { border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme|='translucent'] .lyear-close-tab, [data-theme|='translucent'] .nav-tabs .nav-link, [data-theme|='translucent'] .nav-tabs .nav-link.active, [data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link[data-theme|='translucent'] .navbar-right a, [data-theme|='translucent'] .lyear-notifications span, [data-theme|='translucent'] .lyear-skin-title p, [data-theme|='translucent'] .form-control, [data-theme|='translucent'] .form-control-plaintext, [data-theme|='translucent'] .form-control, [data-theme|='translucent'] .form-select, [data-theme|='translucent'] .input-group-text, [data-theme|='translucent'] .dropdown-item, [data-theme|='translucent'] .lyear-divider, [data-theme|='translucent'] [class*='badge-outline-'], [data-theme|='translucent'] .breadcrumb-item.active, [data-theme|='translucent'] .breadcrumb-item + .breadcrumb-item::before, [data-theme|='translucent'] .page-link, [data-theme|='translucent'] .popover-header, [data-theme|='translucent'] .popover-body, [data-theme|='translucent'] .toast-header, [data-theme|='translucent'] pre, [data-theme|='translucent'] #lyear-loading, [data-theme|='translucent'] .list-group-item, [data-theme|='translucent'] .card-actions > li > a, [data-theme|='translucent'] .lyear-notifications-title a, [data-theme|='translucent'] .navbar-right a, [data-theme|='translucent'] .navbar-light .navbar-brand, [data-theme|='translucent'] .navbar-light .navbar-nav .nav-link.active, [data-theme|='translucent'] .navbar-light .navbar-nav .show > .nav-link, [data-theme|='translucent'] .navbar-light .navbar-nav .nav-link { color: rgba(var(--bs-white-rgb), .85); }
[data-theme|='translucent'] pre, [data-theme|='translucent'] .list-group-item { background-color: rgba(var(--bs-white-rgb), .075); }
[data-theme|='translucent'] .callout { border-top-color: rgba(var(--bs-white-rgb), .075); border-right-color: rgba(var(--bs-white-rgb), .075); border-bottom-color: rgba(var(--bs-white-rgb), .075); }
[data-theme|='translucent'] .card-footer { background-color: transparent; }
[data-theme|='translucent'] .form-control, [data-theme|='translucent'] .form-check-input, [data-theme|='translucent'] .form-select, [data-theme|='translucent'] .input-group-text, [data-theme|='translucent'] .page-link, [data-theme|='translucent'] .border-example-border-utils [class^="border"], [data-theme|='translucent'] div.tagsinput, [data-theme='dark'] div.tagsinput { background-color: rgba(var(--bs-white-rgb), 0.075); border: 1px solid rgba(var(--bs-white-rgb), 0.125); }
[data-theme|='translucent'] .table { --bs-table-striped-color: rgba(var(--bs-white-rgb), .85); --bs-table-striped-bg: rgba(var(--bs-white-rgb), 0.075); --bs-table-active-color: rgba(var(--bs-white-rgb), .85); --bs-table-active-bg: rgba(var(--bs-black-rgb), .0375); --bs-table-hover-color: rgba(var(--bs-white-rgb), .85); --bs-table-hover-bg: rgba(var(--bs-white-rgb), 0.075); color: rgba(var(--bs-white-rgb), .85); border-color: rgba(var(--bs-white-rgb), 0.125); }
[data-theme|='translucent'] .form-text, [data-theme|='translucent'] .blockquote-footer, [data-theme|='translucent'] .nav-tabs .nav-link.disabled, [data-theme|='translucent'] .nav-link.disabled, [data-theme|='translucent'] .list-group-item.disabled, [data-theme|='translucent'] .list-group-item:disabled, [data-theme|='translucent'] .nav-tabs .nav-link.disabled, [data-theme|='translucent'] .navbar-light .navbar-nav .nav-link.disabled { color: rgba(var(--bs-white-rgb), .65); }
[data-theme|='translucent'] .text-muted { color: rgba(var(--bs-white-rgb), .45) !important; }
[data-theme|='translucent'] .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f8f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
[data-theme|='translucent'] .form-select:disabled { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
[data-theme='dark'] .form-select[multiple], [data-theme='dark'] .form-select[size]:not([size="1"]), [data-theme|='translucent'] .form-select[multiple], [data-theme|='translucent'] .form-select[size]:not([size="1"]) { background-image: none; }
[data-theme|='translucent'] .form-select:not([multiple]) option { background-color: var(--bs-gray-500); }
[data-theme|='translucent'] .form-select[size]:not([size="1"]) option { background-color: transparent; }
[data-theme|='translucent'] .form-select.is-invalid:not([multiple]):not([size]), [data-theme|='translucent'] .form-select.is-invalid:not([multiple])[size="1"], [data-theme|='translucent'] .was-validated .form-select:invalid:not([multiple]):not([size]), [data-theme|='translucent'] .was-validated .form-select:invalid:not([multiple])[size="1"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); }
[data-theme|='translucent'] .accordion-button { color: rgba(var(--bs-white-rgb), .85); background-color: transparent; }
[data-theme|='translucent'] .modal-content, [data-theme|='translucent'] .popover, [data-theme|='translucent'] .dropdown-menu, [data-theme|='translucent'] .offcanvas { border: none; -webkit-box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175); -moz-box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175); box-shadow: 0 0 4px rgba(var(--bs-black-rgb), .175); }
[data-theme|='translucent'] .popover-header { background-color: transparent; }
[data-theme|='translucent'] .toast-header { background-color: rgb(var(--bs-white-rgb), .175); }
[data-theme|='translucent'] .toast { border: none; background-color: rgb(var(--bs-white-rgb), .175); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, [data-theme|='translucent'] .bs-popover-end > .popover-arrow::after { border-right-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, [data-theme|='translucent'] .bs-popover-top > .popover-arrow::after { border-top-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, [data-theme|='translucent'] .bs-popover-bottom > .popover-arrow::after { border-bottom-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, [data-theme|='translucent'] .bs-popover-start > .popover-arrow::after { border-left-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, [data-theme|='translucent'] .bs-popover-end > .popover-arrow::before { border-right-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, [data-theme|='translucent'] .bs-popover-top > .popover-arrow::before { border-top-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, [data-theme|='translucent'] .bs-popover-bottom > .popover-arrow::before, [data-theme|='translucent'] .bs-popover-bottom .popover-header::before, [data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { border-bottom-color: rgb(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, [data-theme|='translucent'] .bs-popover-start > .popover-arrow::before { border-left-color: rgb(var(--bs-white-rgb), .375); }
[data-theme='dark'] .list-group-item-primary, [data-theme|='translucent'] .list-group-item-primary { color: #084298; background-color: rgba(207, 226, 255, .375); }
[data-theme='dark'] .list-group-item-secondary, [data-theme|='translucent'] .list-group-item-secondary { color: #41464b; background-color: rgba(226, 227, 229, .375); }
[data-theme='dark'] .list-group-item-success, [data-theme|='translucent'] .list-group-item-success { color: #0f5132; background-color: rgba(209, 231, 221, .375); }
[data-theme='dark'] .list-group-item-danger, [data-theme|='translucent'] .list-group-item-danger { color: #842029; background-color: rgba(248, 215, 218, .375); }
[data-theme='dark'] .list-group-item-warning, [data-theme|='translucent'] .list-group-item-warning { color: #664d03; background-color: rgba(255, 243, 205, .375); }
[data-theme='dark'] .list-group-item-info, [data-theme|='translucent'] .list-group-item-info { color: #055160; background-color: rgba(207, 244, 252, .375); }
[data-theme='dark'] .list-group-item-light, [data-theme|='translucent'] .list-group-item-light { color: #636464; background-color: rgba(254, 254, 254, .375); }
[data-theme='dark'] .list-group-item-dark, [data-theme|='translucent'] .list-group-item-dark { color: #141619; background-color: rgba(211, 211, 212, .375); }
[data-theme='dark'] .bg-light, [data-theme|='translucent'] .bg-light { --bs-bg-opacity: 0.075; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important; }
[data-theme|='translucent'] .nav-drawer .nav-subnav > li.active > a, [data-theme|='translucent'] .nav-drawer .nav-subnav > li > a:hover { color: var(--bs-white); }
[data-theme|='translucent'] .nav-drawer > .active > a, [data-theme|='translucent'] .nav-tabs .nav-link.active, [data-theme|='translucent'] .nav-tabs .nav-item.show .nav-link, [data-theme|='translucent'] .nav-tabs .nav-link:hover, [data-theme|='translucent'] .nav-tabs .nav-link:focus { border-color: var(--bs-gray-300); }
[data-logobg*='color_'] .sidebar-header img, [data-theme='dark'] .sidebar-header img, [data-theme|='translucent'] .sidebar-header img { position: relative; -webkit-filter: brightness(275%); -moz-filter: brightness(275%); -ms-filter: brightness(275%); -o-filter: brightness(275%); filter: brightness(275%); }
[data-theme='dark'] .nav-step .nav-link, [data-theme='dark'] .nav-step .nav-link:before { background-color: rgba(var(--bs-gray-rgb), .3); }
[data-theme|='translucent'] .nav-step .nav-link, [data-theme|='translucent'] .nav-step .nav-link:before { background-color: rgba(var(--bs-white-rgb), .1); }
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link, [data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::before, [data-theme|='translucent'] .nav-step .nav-item .nav-link.active, [data-theme|='translucent'] .nav-step .nav-item .nav-link.active::before { background-color: rgba(var(--bs-white-rgb), .2); }
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::after, [data-theme|='translucent'] .nav-step .nav-item .nav-link.active::after { background-color: var(--bs-gray-300); }
[data-theme|='translucent'] .nav-step .nav-item.complete .nav-link::after { color: rgba(var(--bs-black-rgb), 1); }
[data-theme|='translucent'] div.tagsinput span.tag { background-color: rgba(var(--bs-black-rgb), .075); }
[data-theme|='translucent'] div.tagsinput input { color: var(--bs-white) !important; }
[data-theme|='translucent'] .form-control:focus, [data-theme|='translucent'] .form-select:focus { border-color: var(--bs-gray-300); box-shadow: 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25); }
[data-theme|='translucent'] a:not(.btn), [data-theme|='translucent'] .nav-link { color: var(--bs-gray-300); }
[data-theme|='translucent'] .nav-link:hover, [data-theme|='translucent'] .nav-link:focus { color: var(--bs-white); }
[data-theme|='translucent'] .nav-pills .nav-link.active, [data-theme|='translucent'] .nav-pills .show > .nav-link { background-color: rgba(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25); }
[data-theme|='translucent'] .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px var(--bs-white), 0 0 0 0.25rem rgba(var(--bs-white-rgb), 0.25); }
[data-theme|='translucent'] .form-range::-webkit-slider-thumb { background-color: var(--bs-gray-300); }
[data-theme|='translucent'] .form-range::-webkit-slider-thumb:active { background-color: rgba(var(--bs-white-rgb), 0.375); }
[data-theme|='translucent'] .form-range::-moz-range-thumb { background-color: var(--bs-gray-300); }
[data-theme|='translucent'] .form-range::-moz-range-thumb:active { background-color: rgba(var(--bs-white-rgb), 0.375); }
[data-theme|='translucent'] .datepicker table tr td.active:active, [data-theme|='translucent'] .datepicker table tr td.active.highlighted:active, [data-theme|='translucent'] .datepicker table tr td.active.active, [data-theme|='translucent'] .datepicker table tr td.active.highlighted.active, [data-theme|='translucent'] .datepicker table tr td span.active:active, [data-theme|='translucent'] .datepicker table tr td span.active:hover:active, [data-theme|='translucent'] .datepicker table tr td span.active.disabled:active, [data-theme|='translucent'] .datepicker table tr td span.active.disabled:hover:active, [data-theme|='translucent'] .datepicker table tr td span.active.active, [data-theme|='translucent'] .datepicker table tr td span.active:hover.active, [data-theme|='translucent'] .datepicker table tr td span.active.disabled.active, [data-theme|='translucent'] .datepicker table tr td span.active.disabled:hover.active { background-color: val(--bs-gray-300); border-color: val(--bs-gray-300); }
[data-theme|='translucent'] .datepicker table tr td.active:active:hover, [data-theme|='translucent'] .datepicker table tr td.active.highlighted:active:hover, [data-theme|='translucent'] .datepicker table tr td.active.active:hover, [data-theme|='translucent'] .datepicker table tr td.active.highlighted.active:hover, [data-theme|='translucent'] .datepicker table tr td.active:active:focus, [data-theme|='translucent'] .datepicker table tr td.active.highlighted:active:focus, [data-theme|='translucent'] .datepicker table tr td.active.active:focus, [data-theme|='translucent'] .datepicker table tr td.active.highlighted.active:focus, [data-theme|='translucent'] .datepicker table tr td.active:active.focus, [data-theme|='translucent'] .datepicker table tr td.active.highlighted:active.focus, [data-theme|='translucent'] .datepicker table tr td.active.active.focus, [data-theme|='translucent'] .datepicker table tr td.active.highlighted.active.focus { background-color: val(--bs-white-rgb); border-color: val(--bs-white-rgb); }
[data-theme|='translucent'] .bootstrap-datetimepicker-widget.dropdown-menu.top:before, [data-theme|='translucent'] .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-color: transparent; }
[data-theme|='translucent'] .bootstrap-datetimepicker-widget table td span:hover, [data-theme|='translucent'] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, [data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.day:hover, [data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.hour:hover, [data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.minute:hover, [data-theme|='translucent'] .bootstrap-datetimepicker-widget table td.second:hover { background: rgba(255,255,255,.375); }
[data-theme|='translucent'] .fc-unthemed th, [data-theme|='translucent'] .fc-unthemed td, [data-theme|='translucent'] .fc-unthemed thead, [data-theme|='translucent'] .fc-unthemed tbody, [data-theme|='translucent'] .fc-unthemed .fc-divider, [data-theme|='translucent'] .fc-unthemed .fc-row, [data-theme|='translucent'] .fc-unthemed .fc-content, [data-theme|='translucent'] .fc-unthemed .fc-popover, [data-theme|='translucent'] .fc-unthemed .fc-list-view, [data-theme|='translucent'] .fc-unthemed .fc-list-heading td, [data-theme|='translucent'] .card-bordered { border-color: rgba(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .fc-unthemed td.fc-today { background: rgba(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .form-control::-webkit-file-upload-button { color: #fff; background-color: rgba(var(--bs-black-rgb), .075); }
[data-theme|='translucent'] .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, [data-theme|='translucent'] .lyear-timeline-item-dot::before { background-color: rgba(var(--bs-black-rgb), .125); }
[data-theme|='translucent'] [class*='badge-outline-'] { border-color: rgba(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .lyear-timeline-item-content time { color: rgba(var(--bs-white-rgb), .375); }
[data-theme|='translucent'] .alert { backdrop-filter: blur(10px); }
[data-theme|='translucent'] .alert-primary { background-color: rgba(0, 123, 255, .45); border-color: rgba(0, 123, 255, .01); color: #00EFFF; }
[data-theme|='translucent'] .alert-secondary { background-color: rgba(108, 117, 125, .45); border-color: rgba(108, 117, 125, .01); color: #E9EAED; }
[data-theme|='translucent'] .alert-success { background-color: rgba(21, 195, 119, .45); border-color: rgba(21, 195, 119, .01); color: #C8F6EA; }
[data-theme|='translucent'] .alert-info { background-color: rgba(72, 176, 247, .45); border-color: rgba(72, 176, 247, .01); color: #DFF4FB; }
[data-theme|='translucent'] .alert-warning { background-color: rgba(250, 166, 75, .45); border-color: rgba(250, 166, 75, .01); color: #FBF4E4; }
[data-theme|='translucent'] .alert-danger { background-color: rgba(244, 66, 54, .45); border-color: rgba(244, 66, 54, .01); color: #fa8181; }
[data-theme|='translucent'] .alert-light { background-color: rgba(253,253,254, .45); border-color: rgba(253,253,254, .01); color: #FCFDFE; }
[data-theme|='translucent'] .alert-dark { background-color: rgba(33, 37, 41, .45); border-color: rgba(33, 37, 41, .01); color: #D5D9DA; }
.page-title-box { margin-bottom: 20px; }
.icon-lg { width: 1.25rem; height: 1.25rem; }
#cop-Key { color: var(--bs-primary); float: right; cursor: pointer; }
label { font-weight: 600; }
.noti-icon .badge { position: absolute; top: -2px; right: 4px; }
.bg-bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.bg-bubbles li { position: absolute; list-style: none; display: block; width: 40px; height: 40px; border-radius: 30px; background-color: rgba(255,255,255,.1); bottom: -50px; -webkit-animation: square 20s infinite; animation: square 20s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear }
.bg-bubbles li:nth-child(1) { left: 10% }
.bg-bubbles li:nth-child(2) { left: 20%; width: 120px; height: 120px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 17s; animation-duration: 17s }
.bg-bubbles li:nth-child(3) { left: 25%; -webkit-animation-delay: 4s; animation-delay: 4s }
.bg-bubbles li:nth-child(4) { left: 40%; width: 80px; height: 80px; -webkit-animation-duration: 22s; animation-duration: 22s }
.bg-bubbles li:nth-child(5) { left: 70%; width: 90px; height: 90px }
.bg-bubbles li:nth-child(6) { left: 70%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s }
.bg-bubbles li:nth-child(7) { left: 32%; width: 150px; height: 150px; -webkit-animation-delay: 7s; animation-delay: 7s }
.bg-bubbles li:nth-child(8) { left: 55%; width: 80px; height: 80px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s }
.bg-bubbles li:nth-child(9) { left: 25%; width: 50px; height: 50px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s }
.bg-bubbles li:nth-child(10) { left: 90%; width: 140px; height: 140px; -webkit-animation-delay: 11s; animation-delay: 11s }

@-webkit-keyframes square {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    100% { -webkit-transform: translateY(-1000px) rotate(600deg); transform: translateY(-1000px) rotate(600deg) }
}

@keyframes square {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    100% { -webkit-transform: translateY(-1000px) rotate(600deg); transform: translateY(-1000px) rotate(600deg) }
}

.bg-soft-primary { background-color: rgba(81,86,190,.25) !important }
.bg-soft-secondary { background-color: rgba(116,120,141,.25) !important }
.bg-soft-success { background-color: rgba(42,181,125,.25) !important }
.bg-soft-info { background-color: rgba(75,166,239,.25) !important }
.bg-soft-warning { background-color: rgba(255,191,83,.25) !important }
.bg-soft-danger { background-color: rgba(253,98,94,.25) !important }
.bg-soft-pink { background-color: rgba(232,62,140,.25) !important }
.bg-soft-light { background-color: rgba(233,233,239,.25) !important }
.bg-soft-dark { background-color: rgba(52,58,64,.25) !important }
.menu-title { padding: 12px 20px !important; pointer-events: none; cursor: default; font-size: 12px; color: #999; font-weight: 500; white-space: nowrap; }
/*右侧公告*/
.index-notice-list { list-style: none; margin: 0; padding: 0; }
.index-notice-list li { border-top: 1px solid #eee; padding: 10px; padding: 10px 5px; background: #fbfaff; border: 1px solid #e9e9ef; margin-bottom: .5rem; padding: 1rem; border-radius: .25rem; }
.index-notice-list li:hover { background-color: #e9e9ef; border: 1px solid #ced4da; }
.index-notice-list p { color: #999; text-align: right; margin: 0; }
.index-notice-list h3 { font-size: 14px; color: #000; font-weight: 400; }
.navbar-middle { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.navbar-middle .in-m { color: var(--bs-body-color); cursor: pointer; vertical-align: middle; }
/*分页*/
.paginationbox { text-align: center; /* margin-top: 20px; */ }
.paginationbox .spage-total, .paginationbox .spage-skip { display: inline-block; line-height: 32px; color: #666; font-size: 14px; margin-top: 20px; }
.paginationbox input{ display: inline-block; width: 40px; height: 32px; line-height: 32px; text-align: center; color: #666; font-size: 14px; padding-left: 2px; padding-right: 2px; }
.paginationbox .page-size-selector { display: inline-block;margin-left:20px; }
.paginationbox select {  vertical-align: middle; padding: .375rem .5rem ;}
.paginationbox .spage-number { display: inline-block; margin: 0 20px; }
.paginationbox .spage-number button { position: relative; display: inline-block; margin-left: -1px; padding: 0px 14px; line-height: 30px; border: 1px solid #bbb; text-align: center; transition: all .2s; cursor: pointer; outline: none; background: none; user-select: none; color: #666; border: 1px solid #BBB; margin: 0 5px 0 0; border-radius: 3px; background: #efefef; }
.paginationbox .spage-number button:not(.button-disabled):hover { background-color: #f0f3f4; border-color: #ddd; }
.paginationbox .spage-number button.active { background: #ff6b00 !important; color: #fff !important; border-color: #ff6b00 !important; }
.paginationbox .spage-number button.button-disabled { cursor: not-allowed; color: #ccc; }
.paginationbox .spage-number .spage-after, .paginationbox .spage-before { padding: 0px; min-width: 40px }
.paginationbox .btn { padding: 0px 14px; line-height: 30px; border: 1px solid #BBB; margin: 0 5px 0 0; border-radius: 3px; background: #efefef; vertical-align: middle; position: relative; bottom: 2px; }

.iplist span { display: inline-block; margin: 0 2px; padding: 2px; border-radius: 2px; margin-bottom: 2px; color: #74788d; border: 1px solid #74788d; color: #74788d; background-color: rgba(116,120,141,.1); }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
/*统计*/
.condition-box { --bs-gutter-x: 5px; padding: 10px 5px; background: var(--bs-body-bg); }
.ref-input-box input { display: inline-block !important; width: 50px; text-align: center; vertical-align: middle; font-weight: 600; color: #000; font-size: 14px; }
.sumbox b { color: #000; font-size: 14px; }
.sumbox label { font-weight: 400; }
.sumbox span { margin-right: 5px; padding: 5px 8px; border-radius: 2px; border: 1px solid #d7d7d7; font-size: 13px; vertical-align: middle; background: #fff; }
.sumbox span em { display: inline-block; padding: 0 5px 0 3px; color: rgba(var(--bs-secondary-rgb),.5); }
.sumbox .tamount { display: inline-block; }
.tamount { display: block; text-align: right; color: #28292A; font-size: 13px; font-weight: 600; }
.cus-tablebox { --bs-gutter-x: 5px; }
.cus-tablebox .table { }
.cus-tablebox .table > :not(caption) > * > * { padding: .5rem .3rem; }
/*.cus-tablebox th, .cus-tablebox td { white-space: nowrap !important; }*/
.cus-tablebox th { white-space: nowrap !important; }
.cus-tablebox a { cursor: pointer; display: inline-block; line-height: normal; }
.cus-timer span { color: #ff6b00; font-weight: 800; font-size: 16px; }
/*三角标*/
.urgentTag { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: #fd625e; color: #fff; font-size: 12px; clip-path: polygon(0 0,100% 0,100% 100%); }
.urgentTag span { display: inline-block; display: inline-block; position: absolute; top: 2px; right: 10px; width: 10px; height: 10px; line-height: 10px; transform: rotate(45deg); text-align: right; }
.uploadfiles-input { }
.uploadfiles-input .form-control { height: 41px; }
.uploadfiles-input .btn { border-radius: 0 .25rem .25rem 0; }
.cus-check-list { list-style: none; margin: 0; padding: 0; }
.cus-check-list li { padding: 7px 0; }
td.optbuttons { white-space: normal !important; word-break: break-all; overflow: hidden; }
.optbuttons a { cursor: pointer; }
.optbuttons a:not(:last-child) { margin-right: .5rem; }
.optbuttons.text-block a { display: block !important; margin: 0; }
td.timer label { font-weight: 800; font-size: 16px; color: #fd625e; }
.add-input-box { margin: 0; padding: 0; }
.add-input-box li { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.add-input-box li input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.add-input-box li button { margin-left: 10px; }
.add-input-box li:not(:first-child) { margin-top: 5px; }
#ucImgs .item { border: 2px solid #eee; width: 240px; text-align: center; }
#ucImgs .item p { background: #f3f3f9; padding: 5px; }
#ucImgs .item p a { cursor: pointer; color: #ff6b00; }
#ucImgs .item img { width: 100%; height: auto; }
.viewImgbox img { max-width: 100%; height: auto; }
.pre-wrap { display: inline-block; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; max-width: 220px; margin: 0; }
.w-auto { width: auto !important; max-width: inherit; }
.copybtn { cursor: pointer; }
.st-box { display: none; }
.mt-title { font-weight: 600; text-align: center; color: #000; font-size: 16px; margin-bottom: 5px; }
/*#t-RefreshTimes { position: relative; bottom: 5px; }*/
#cop-Key { color: #ea5800; float: right; cursor: pointer; }
.tdmoney { display: block; text-align: right; color: #333; font-size: 13px; font-weight: 700; }
.tdmoney.zo { color: #8796af; }
.sumbox .tdmoney { display: inline-block; color: #000; font-size: 14px; }
.card-h-100 { height: calc(100% - 20px) }


.lang-img img { width: 24px; height: 24px; margin-right: 4px; vertical-align: middle; border-radius: 24px; }
.lang-img .dropdown-menu a { padding: 10px 15px; }
.card-header .card-title i { vertical-align: middle; position: relative; bottom: 2px; }
.auth-pass-inputgroup input[type=input] + .btn .icon-xianshi:before { content: "\e677"; }
.btn i { position: relative; bottom: 2px; margin-right: 3px; vertical-align: middle; line-height: normal; font-size: 18px; }
.mt-dropdown ul { right: 18px !important; top: -3px !important; }
.mt-dropdown ul li a { line-height: initial; }
.menu-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.lyear-layout-sidebar-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#contextify-menu li a i { font-size: 17px; vertical-align: middle; margin-right: 5px; position: relative; bottom: 1px; }
.gametable { padding: 8px; }
.gametable .row { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-top: 10px; border: 1px solid #e8e8e8; padding: 11px 16px; border-radius: var(--border-radius-mini); }
.gametable:not(.nfs) .row:first-child { border: none; padding: 0 16px; margin-top: 0; --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }
.gametable .row:hover { background-color: var(--bs-body-bg); }
.form-check-label { font-weight: 400; width: 100%; }
.btn.btn-sm .iconfont { font-size: 18px }
.card-opts a:hover i, .card-header a:hover i { color: var(--bs-primary) !important }
.form-check { margin-bottom: 0 !important; }
.auth-pass-inputgroup input[type=input] + .btn .icon-yincang:before { content: "\e677"; }
.gameimgbox { display: inline-block; width: 80px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.xndatepicker { z-index: 9999; }
.xndatepicker .cur-date, .xndatepicker .hover.cur-date, .xndatepicker .dater > span.cur-date.hover,
.xndatepicker .xn-bottom > a.confirm-date,
.xndatepicker .dater > span.active-day:hover { background: var(--bs-primary) !important }
.xndatepicker .is-today:after { background: #000 !important; }
.accordion-button { font-weight: 600; }
.memberDetail-modal tbody:not(:first-child) { border-top: 5px solid var(--bs-border-color) !important }
.login-body { background-color: #fff; }
.langbox { display: flex; flex-wrap: wrap; }
.langbox span { flex: 0 0 45%; background: #f3f3f9; border: 1px solid #ccc; padding: 0 10px; margin: 5px; }
.table-dropdown-menu li a i { font-size: 18px; width: 23px; vertical-align: middle; position: relative; bottom: 1px; display: inline-block; }

/*.login-form { display: grid; grid-template-columns: 3.5fr 3.5fr 2fr; gap: 3px; }
.login-form .btn { height: 100%; }
.login-form .form-control { background: rgba(0,0,0,.6); border-color: rgba(255,255,255,.5); color: #fff; }
.login-form .form-floating label { color: rgba(255,255,255,.6); }
*/
.login-form .btn { height: 58px; }
.login-form .form-control { background: rgba(0,0,0,.6); border-color: rgba(255,255,255,.3); color: #fff; }
.login-form .form-floating label { color: rgba(255,255,255,.6); }
.login-form .shadow-none { background: rgba(0, 0, 0, .1); color: rgba(255, 255, 255, .6); border: none; border-left: 1px solid rgba(255, 255, 255, .3); }



.span-group { }
.span-group .item { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
.span-group .item .i-r a { display: inline-block; line-height: normal; }
.tdmoney i { font-weight: 400; }
.a-opt i { font-size: 18px; vertical-align: middle; position: relative; bottom: 1px; margin-left: 3px; color: var(--bs-brown); cursor: pointer; }
.a-opt i:hover { color: var(--bs-primary); }
.thirdicon-box img { width: 18px; height: auto; vertical-align: middle; position: relative; bottom: 2px; }
.user-td img { width: 40px; height: auto; vertical-align: middle; position: relative; bottom: 4px; }
.grade-img img { width: 30px; height: auto; vertical-align: middle; position: relative; bottom: 4px; }
.btn-smp { padding: 2px 5px; font-size: 12px; }
.btn-smp i { font-size: 16px; }
.span-nm { background: #f4f5fa; padding: 5px 10px; border-radius: 2px; margin-right: 10px; }
.span-nm b { color: var(--bs-dark); }
fieldset { border: 1px solid rgba(0, 0, 0, 0.1); font-size: 13px; margin: 0 0 5px 0; padding: revert; background: var(--bs-body-bg); }
legend { font-size: 14px !important; float: none; width: initial; font-weight: 600; }
.table .form-label { margin-bottom: 0; }
.form-label { margin-bottom: 0; }
.auto-goup-list { }
.auto-goup-list dl { margin-bottom: 10px; background-color: var(--bs-body-bg); }
.auto-goup-list dl dt { padding: 10px; color: var(--bs-pure-black) }
.auto-goup-list dl dd { padding: 6px 10px; }
.auto-goup-list dl:last-child, .auto-goup-list dl dd:last-child { margin-bottom: 0; }
.row-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.row-table .item { width: 25%; height: 117px; padding: 25px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.row-table .item i { font-size: 30px; }
.row-table .item .text-md { width: 66%; -webkit-box-flex: 0 0 66%; -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; text-align: right; font-size: 13px; }
.row-table .item .text-md b { font-size: 15px; display: block; font-weight: 500; }
.row-table .br-b { border-bottom: 1px solid rgba(255,255,255,.05) }
.row-table .br-r { border-right: 1px solid rgba(255,255,255,.05) }
.pf-table tr th:not(:first-child), .pf-table tr td:not(:first-child) { text-align: right }
.avator-box { height: 38px; width: 38px; flex: 0 0 38px; text-align: center; border-radius: 8px; }
.avator-box img { max-height: 22px; width: auto; }
.au-avatar-box { display: inline-block; height: 2.3rem; width: 2.3rem; line-height: 2.3rem; text-align: center; background: rgba(var(--bs-primary-rgb),.1); }

.auto-list-two .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.5rem !important; background: var(--bs-body-bg); margin-bottom: 10px; border-radius: 8px; }
.auto-list-two .list .avator-box { background: #fff }
.tbwrap { word-break: break-all; word-wrap: break-word; }
.auto-tabs-box { width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.auto-tabs { border: 1px solid var(--bs-border-color); -webkit-overflow-scrolling: touch; overflow-x: auto; white-space: nowrap; }
.auto-tabs span { display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; cursor: pointer; font-size: 13px; }
.auto-tabs span i { vertical-align: middle; margin-right: 2px; font-weight: 400 !important; position: relative; bottom: 1px; }
.auto-tabs span.active { color: var(--bs-dark); font-weight: 600; border-bottom: 2px solid var(--bs-primary) }
.auto-tabs-box .condition-box { margin: 0; }
.auto-tabs-box .auto-tabs-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #fff; padding: 15px; }
.auto-tabs-box .auto-tabs-content .tab-pane { display: none; }
.auto-tabs-box .auto-tabs-content .tab-pane.active { display: block; }
.fs-7 { font-size: 12px; }
.p-imgs { }
.p-imgs a { display: inline-block; height: 80px; width: 80px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 5px; }


.showImgs { }
.showImgs .item { display: inline-block; margin-right: 10px; position: relative; border: 1px solid var(--bs-gray-300); margin-bottom: 1rem; -webkit-box-shadow: 0 2px 4px rgba(15,34,58,.1); -moz-box-shadow: 0 2px 4px rgba(15,34,58,.1); box-shadow: 0 2px 4px rgba(15,34,58,.1); background: #fff; }
.showImgs .item img { display: inline-block; height: 80px; width: auto; min-width: 80px; }
.showImgs .item .i-buts { text-align: right; background: #f8f9fa; }
.showImgs .item .i-buts a { padding: 10px; cursor: pointer; }
.showImgs .item .i-buts a i { font-size: 22px; color: var(--bs-body-color); }
.showImgs .item .i-buts a:hover i { color: var(--bs-primary); }



.uploadImgs { margin-right: -10px; }
.uploadImgs .item { position: relative; margin-bottom: 10px; width: 16.66666%; width: calc(16.6666% - 10px); float: left; border: 2px dashed var(--bs-gray-300); background: #fff; margin-right: 10px; height: 100px; }
.uploadImgs .item .bg-box { height: 100%; width: 100%; }
.uploadImgs .item .bg-box.active { background: rgba(0,0,0,.3); }
.uploadImgs .item .bg-box i { font-size: 40px; color: var(--bs-gray-300); cursor: pointer; }
.uploadImgs .item .i-tag { position: absolute; top: 5px; right: 5px; font-weight: 400; }
.uploadImgs .item .i-opt { text-align: right; position: absolute; bottom: 0; width: 100%; }
.uploadImgs .item .i-opt a { padding: 5px; cursor: pointer; }
.uploadImgs .item .i-opt a i { font-size: 20px; color: var(--bs-white); }
.uploadImgs .item .i-opt a:hover i { color: var(--bs-primary); }
.uploadImgs .item input[type='file'] { position: absolute; height: 60px; width: 100%; top: 20px; left: 0; opacity: 0; cursor: pointer; }
.uploadImgs .item .i-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }

.flex-summary-box { position: fixed; top: 165px; right: 2px; width: 30px; }
.flex-summary-box .btn { padding: 0; text-align: center; width: 30px; text-align: center; height: 30px; line-height: 30px; margin-bottom: 5px; }
.flex-summary-box i { font-size: 20px; margin: 0; }
.flex-summary-box .btn.on { height: 50px; line-height: normal; padding: 5px 0; }
.flex-summary-box .btn.on span { font-size: 12px; font-weight: 600; font-family: DIN; }
.flex-summary-box .btn.on i { animation: spin 2s linear infinite; display: inline-block; }


.summary-box { /*padding: 0; margin-bottom: 0.25rem !important;*/ padding: 10px; }
.summary-box .table { margin: 0; background: #fefaf6; font-size: 12px; border: 1px solid var(--bs-gray-300); }
.summary-box .table td { padding: .2rem .5rem; }
.summary-box .table tr td:first-child { }
.summary-box .table tr td:not(:first-child) { text-align: right; font-weight: 600; color: #000; }
.summary-box .p-img { display: inline-block; width: 18px; height: 18px; background: #fff; border-radius: 4px; text-align: center; line-height: 18px; border: 1px solid #dee2e6; margin-right: 2px; }
.summary-box .p-img img { height: 12px; vertical-align: middle; position: relative; bottom: 2px; }
.summary-box .tdmoney { font-size: 12px; }
.summary-box .table tr:hover { background: #fff; }
.mw300 { display: inline-block; max-width: 300px; }
.numColorCopy-box { text-align: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.numColorCopy-box .nb-l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; line-height: normal; }
.numColorCopy-box .nb-l b { color: #333; font-size: 13px; font-weight: 700; }
.numColorCopy-box .nb-l b.zo { color: #8796af; }
.numColorCopy-box .nb-r a { cursor: pointer; vertical-align: top; }
.txt-sxf { display: inline-block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

.usdNumColorCopy-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.usdNumColorCopy-box .ub-l { }
.usdNumColorCopy-box .ub-r { }
.usdNumColorCopy-box .ub-r a { cursor: pointer; vertical-align: top; }
.usdNumColorCopy-box .ub-l .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.usdNumColorCopy-box .ub-l .item b { color: #333; font-size: 13px; font-weight: 700; padding-right: .3rem; }
.usdNumColorCopy-box .ub-l .item b.zo, .usdNumColorCopy-box .ub-l .item span.zo { color: #8796af; }
.usdNumColorCopy-box .ub-l .item small { font-size: 12px; vertical-align: middle; }
.usdNumColorCopy-box .ub-l .item span { font-size: 12px; padding-right: .3rem; }
.pf-table > :not(caption) > * > * { padding: .235rem .5rem; font-size: 12px; }
.pf-table .tdmoney { font-size: 12px; }
.data-statistics-box .card-body { padding: 1.75rem 1.25rem }
.data-statistics-box .card-body b { font-size: 14px !important; }

.tipmark { color: #000; margin-bottom: 10px; }
.tipmark span { background: #fff; padding: 5px 10px; border: 1px solid #ddd; display: inline-block; font-size: 12px; min-width: 143px; border-radius: 2px; }
.tipmark span b { display: block; color: #999; }
.tipmark span small { font-size: 12px; }
.btn-more { display: inline-block; width: 33.333%; margin: 0 auto; height: 40px; line-height: 40px !important; border: 1px dashed #999; text-align: center; background: #f3f3f9; }
.btn-more:hover { background: rgba(255,107,0,.1); font-weight: 600; }
.ex_tbody span { display: inline-block; width: 33.3333%; }
.ex_tbody span input { vertical-align: middle; position: relative; bottom: 1px; margin-right: 3px; }
.errorTr { background-color: #f2dede !important; }
.tb-currency { width: 18px; height: 18px; vertical-align: middle; }
.wl_warn { animation: shine 2s linear infinite; }
.wl_item { padding: 2px 5px; margin-bottom: 5px; }
.toast { background: #fff; border-color: #999; }

.dropdown-toggle.a_avatar:after { margin-left: -8px; margin-top: 22px; }
#topMenuTabs .dropdown-item a { background: #f2f2f2; font-weight: 600; border-radius: 4px; margin-right: 5px; }
#topMenuTabs .dropdown-item a img { width: 18px; margin-right: 3px; vertical-align: middle; position: relative; bottom: 2px; filter: grayscale(100%); }
#topMenuTabs .dropdown-item a.active { background: rgba(var(--bs-primary-rgb),.1); color: #000; }
#topMenuTabs .dropdown-item a.active img { filter: grayscale(0); }
.mt-nav-bar .mt-nav .nav-tabs li:first-child { position: relative; }
.mt-nav-bar .mt-nav .nav-tabs li:active i { color: #000 !important; }
.mt-nav-bar .mt-nav .nav-tabs li:first-child:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; border-left: 1px solid rgba(77, 82, 89, 0.05); }
.table p { margin: 0; }
.optsBtns a { cursor: pointer; }
.modal-title { font-size: 1rem; }
.modal-title i { font-size: 20px; margin-right: 5px; vertical-align: middle; position: relative; bottom: 2px; color: #7f7f7f; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }
.ta-l { text-align: left !important; }
.userinfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.userinfo .us-l { width: 40px; height: 40px; border-radius: 5px; overflow: hidden; margin-right: 5px; }
#tbList .userinfo .us-l img { width: 100%; height: 100%; object-fit: contain; }
.userinfo .us-r { }
.userinfo .us-r .r-a { color: #000; font-weight: 600; }
.userinfo .us-r .r-a p { margin: 0 !important; padding: 0 !important; line-height: normal; }
.userinfo .us-r .r-a span { display: inline-block; border-radius: 0 2px; line-height: 14px; height: 14px; padding: 0 5px; font-size: 10px; background: #666; color: #fff; }
.userinfo .us-r .r-b span { color: #8a6d3b; }
.form-group { margin-top: 5px; margin-bottom: 5px; }
.txtstatus i { vertical-align: middle; position: relative; bottom: 1px; }
.btn-xs { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; }
.sub-summary-row td { background: rgba(var(--bs-primary-rgb),.035) !important }

#tbList img { width: 80px; height: auto; }
.uploadImgBox { position: relative; width: 100%; height: 138px; text-align: center; }
.uploadImgBox img { width: 100%; height: 100%; margin: 0 auto; object-fit: contain; }
.uploadImgBox .bg-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.uploadImgBox .bg-box i { font-size: 40px; color: #fff; cursor: pointer; }
.uploadImgBox form { width: 100%; height: 100%; text-align: center; line-height: 138px; }
.uploadImgBox input[type='file'] { position: absolute; height: 100px; width: 100%; top: 10px; left: 0; opacity: 0; cursor: pointer; }
.uploadImgBox .i-opt { position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: linear-gradient(bottom, rgba(0, 0, 0, .2), transparent); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .2), transparent); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .2), transparent); background: -o-linear-gradient(bottom, rgba(0, 0, 0, .2), transparent); background: linear-gradient(bottom, rgba(0, 0, 0, .2), transparent); text-align: left; }
.uploadImgBox .i-opt i { font-size: 22px; color: #fff; margin-left: 15px; }


.radio-box { }
.radio-conts { }
.radio-conts .rc-cont { display: none; }
.radio-conts .rc-cont.active { display: block; }
.radio-tabs { display: inline-block; background: #fff; border-radius: 4px; border: 1px solid var(--bs-gray-300); padding: 4px; height: 40px; }
.radio-tabs span { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 4px; text-align: center; border: 1px solid transparent; cursor: pointer; }
.radio-tabs span i { vertical-align: middle; margin-right: 2px; position: relative; bottom: 1px; }
.radio-tabs span:hover { background: var(--bs-body-bg); }
.radio-tabs span.active { color: var(--bs-dark); font-weight: 600; background: rgba(var(--bs-primary-rgb),.1); border-color: rgba(var(--bs-primary-rgb),.15); }
.radio-tabs span.active i { font-weight: 400; }
.radio-tabs.commentStatus-box { font-size: 12px; }
.radio-tabs.commentStatus-box span:nth-child(2).active { color: var(--bs-success) }
.radio-tabs.commentStatus-box span:nth-child(3).active { color: var(--bs-danger) }

.bg-480, .bg-720, .bg-1080 { display: inline-block; padding: 0 2px; line-height: 13px; height: 14px; font-weight: 600; border-radius: 2px 0 0 2px; }
.bg-480 { background: #eee; }
.bg-720 { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#8899F5 0%",endColorstr="#5C6FE6 100%"); background: -webkit-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%); background: -moz-linear-gradient(246deg,#8899F5 0%,#5C6FE6 100%); background: -o-linear-gradient(246deg,#8899F5 0%,#5C6FE6 100%); background: linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%); color: #fff; }
.bg-1080 { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FED98F 0%",endColorstr="#FFCA63 100%"); background: -webkit-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%); background: -moz-linear-gradient(246deg,#FED98F 0%,#FFCA63 100%); background: -o-linear-gradient(246deg,#FED98F 0%,#FFCA63 100%); background: linear-gradient(246deg, #FED98F 0%, #FFCA63 100%); color: #4e2e03; }


.theme-box, .collection-box { height: auto; max-height: 300px; overflow-y: auto; overflow-x: hidden; position: absolute; top: 60px; left: 0; width: 100%; background: #fff; z-index: 9; }
.theme-box.hidden, .collection-box.hidden { display: none; }
.theme-box, .collection-box { border: 1px solid #ccc; }
.theme-box .pre_theme, .collection-box .pre_collection { color: #000; font-weight: 600; background: #f3f4f5; padding: 5px 10px; }
.theme-box .sub_theme, .collection-box .sub_collection { padding: 10px; }
.theme-box .sub_theme .custom-checkbox, .collection-box .sub_collection .custom-checkbox { width: 10%; margin-right: 0; font-size: 12px; cursor: pointer; }
.themeTxt-box, .collectionTxt-box { height: 36px; line-height: 36px; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); padding: 0 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.themeTxt-box span, .collectionTxt-box span { position: relative; display: inline-block; margin-right: 5px; background: #6c757d; color: #fff; border-radius: 2px; padding: 0 5px; font-size: 12px; height: 20px; line-height: 20px; vertical-align: middle; position: relative; bottom: 2px; }
.themeTxt-box span small, .collectionTxt-box span small { display: inline-block; width: 12px; height: 12px; line-height: 12px; background: #ed5565; color: #fff; position: absolute; top: -5px; text-align: center; border-radius: 12px; cursor: pointer; z-index: 1; }
.themeTxt-box span small i, .collectionTxt-box span small i { font-size: 10px; }
.collection-box .sub_collection .custom-checkbox { width: 16.6666%; }
.sub_theme .form-check:hover .form-check-label,
.collection-box .sub_collection .custom-checkbox:hover .form-check-label { color: var(--bs-primary) !important }

.ufile-box { position: relative; cursor: pointer; }
.ufile-box .uploadFormPlus input[type='file'] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 111; }
.ufile-box .btn { border-radius: .25rem 0 0 .25rem; }


.previewImg ul { list-style: none; display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 10px; margin: 0; padding: 0; }
.previewImg ul li { position: relative; margin: 0; list-style: none; background: #fff; border: 2px solid #fff; cursor: pointer; }
.previewImg ul li img { width: 100%; height: 100px; object-fit: cover; object-position: top center; }
.previewImg ul li .i-opt { position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); padding: 10px 10px 0 10px; z-index: 1; }
.previewImg ul li .i-opt a { color: #fff; margin-right: 10px; }
.previewImg ul li .i-cur { position: absolute; top: 0; width: 100%; height: 30px; line-height: 30px; background: linear-gradient(right, rgba(0, 0, 0, .32), transparent); background: -webkit-linear-gradient(right, rgba(0, 0, 0, .32), transparent); background: -moz-linear-gradient(right, rgba(0, 0, 0, .32), transparent); background: -o-linear-gradient(right, rgba(0, 0, 0, .32), transparent); background: linear-gradient(right, rgba(0, 0, 0, .32), transparent); text-align: right; display: none; }
.previewImg ul li .i-cur a { color: #f96518; margin-right: 10px; font-size: 12px; font-weight: 600; }
.previewImg ul li.cover { border-color: #f96518; }
.previewImg ul li.cover .i-cur { display: block; }







.preview-canvas { width: 100%; box-sizing: border-box; border: 1px solid #eceef1; position: relative; background: #fff; overflow: auto; }

.table-container { width: max-content; min-width: 100%; height: auto; overflow: visible !important; position: relative; }
.fzbTable { border-collapse: separate; border-spacing: 0; width: max-content; min-width: 100%; font-size: 13px; color: #495057; }
.fzbTable th, .fzbTable td { position: relative; padding: 8px; background-clip: padding-box; border: none; background: #fff; line-height: 20px; color: #495057; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 伪元素绘制右边和下边边框 */
.fzbTable th::before,
.fzbTable td::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-sizing: border-box; border-right: 1px solid #eceef1; border-bottom: 1px solid #eceef1; z-index: 1; }

/* 最右边普通单元格去掉伪元素右边框 */
.fzbTable th:last-child::before,
.fzbTable td:last-child::before { border-right: none; }
/* 最后一行普通单元格去掉伪元素下边框 */
.fzbTable tbody tr:last-child td::before { border-bottom: none; }

/* 最左冻结列伪元素调整，去掉左边框，保留右边框 */
.fzbTable th.sticky-left::before,
.fzbTable td.sticky-left::before { border-left: none; border-right: 1px solid #eceef1; }
/* 最右冻结列伪元素调整，去掉右边框，改为左边框 */
.fzbTable th.sticky-right::before,
.fzbTable td.sticky-right::before { border-right: none; border-left: 1px solid #eceef1; }

/* 最左冻结列真实边框取消左边框，避免重复 */
.fzbTable thead th.sticky-left,
.fzbTable tbody td.sticky-left { border-left: none; box-shadow: 1px 0 8px rgba(0,0,0,.08); z-index: 15; }

/* 最右冻结列真实边框取消右边框，避免重复 */
.fzbTable thead th.sticky-right,
.fzbTable tbody td.sticky-right { border-right: none; box-shadow: -1px 0 8px rgba(0,0,0,.08); z-index: 15; }

.fzbTable thead th { position: sticky; top: 0; z-index: 10; color: #000; font-weight: 600; background: #fff; }
.fzbTable tbody td { position: relative; z-index: 1; }
.fzbTable thead th[data-sortable="true"] { cursor: pointer; }
.fzbTable thead th.sticky { position: sticky; top: 0; color: #000; z-index: 10; background: #fff; }

/* 冻结左列 - 只显示右阴影 */
.fzbTable thead th.sticky-left,
.fzbTable tbody td.sticky-left { position: sticky; background: #fff; z-index: 15; /* box-shadow 见上方 */ }
/* 冻结右列 - 只显示左阴影 */
.fzbTable thead th.sticky-right,
.fzbTable tbody td.sticky-right { position: sticky; background: #fff; z-index: 15; /* box-shadow 见上方 */ }
.fzbTable thead th.sticky-left { top: 0; }
.fzbTable thead th.sticky-right { top: 0; }
.fzbTable thead th.sticky-left,
.fzbTable thead th.sticky-right { z-index: 16; }

/* 汇总行样式，底部固定 */
.summary-row td { background: var(--bs-body-bg); font-weight: 700; position: sticky; bottom: 0; z-index: 20; /* 高于普通单元格 */ border-top: 1px solid #eceef1; }
/* 汇总行冻结左列 */
.summary-row td.sticky-left { box-shadow: 1px 0 8px rgba(0,0,0,.05); z-index: 21; /* 最高优先级 */ border-left: none; }
/* 汇总行冻结右列 */
.summary-row td.sticky-right { box-shadow: -1px 0 8px rgba(0,0,0,.05); z-index: 21; border-right: none; }

.summary-row td::before { border-bottom: none !important; }


/* 新增：排序指示器样式 - 实心三角形 */
.fzbTable thead th[data-sortable="true"] .sort-indicator { display: inline-block; margin-left: 8px; margin-right: 8px; width: 0; height: 0; position: relative; }
.fzbTable thead th[data-sortable="true"] .sort-indicator::before,
.fzbTable thead th[data-sortable="true"] .sort-indicator::after { content: ""; position: absolute; left: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.fzbTable thead th[data-sortable="true"] .sort-indicator::before { top: -9px; border-bottom: 4px solid #ccc; }
.fzbTable thead th[data-sortable="true"] .sort-indicator::after { bottom: -1px; border-top: 4px solid #ccc; }
/* 升序时上箭头高亮 */
.fzbTable thead th.sort-asc .sort-indicator::before { border-bottom-color: #000; }
/* 降序时下箭头高亮 */
.fzbTable thead th.sort-desc .sort-indicator::after { border-top-color: #000; }
/* 新增：隔行换色 */
.row-alt tbody tr:nth-child(odd) td { background-color: #f9fafb; }
/* 新增：鼠标悬停整行高亮 */
.row-hover tbody tr:hover td { background-color: var(--bs-body-bg); }
.fzbTable td p { margin: 0; }
.fzbTable.thbg thead th, .fzbTable.thbg thead th { background: #f4f5fa; }



/*.dropdown-container { position: relative; display: inline-block; min-width: 100px; }
.dropdown-input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.dropdown-options { position: absolute; top: 100%; left: 0; min-width: 100px; max-width: 600px; max-height: 300px; overflow-y: auto; overflow-x: auto; border: 1px solid var(--bs-gray-300); border-top: none; background: #fff; display: none; z-index: 1000; box-sizing: border-box; padding: 0; white-space: nowrap; box-shadow: 0 0 transparent, 0 0 .75rem 0 rgba(0,0,0, 0.05); }
.optgroup { font-weight: bold; font-size: 14px; color: #555; background: #f9f9f9; padding: 4px 5px; margin: 0; width: 100%; box-sizing: border-box; position: sticky; top: 0; z-index: 20; }
.option-grid { display: grid; gap: 5px; margin: 5px; justify-content: start; }
.option { font-weight: normal; font-size: 13px; color: var(--bs-body-color); padding: 6px 4px; border: 1px solid var(--bs-gray-300); border-radius: 4px; text-align: center; cursor: pointer; background: #fff; white-space: nowrap; }
.option:hover, .option.focused { background-color: rgba(255,107,0,.1); border-color: rgba(255,107,0,.2); }
.option.disabled { color: #999; cursor: default; }
.highlight { background: yellow; font-weight: bold; }
.clear-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); cursor: pointer; font-weight: bold; color: #999; display: none; user-select: none; }
.clear-btn:hover { color: #333; }

 */


.dropdown-container { position: relative; display: inline-block; width: 100%; min-width: 100px; }
.dropdown-input { width: 100%; padding: 8px; padding-right: 24px; border: 1px solid var(--bs-gray-300); border-radius: 4px; box-sizing: border-box; }
.clear-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); cursor: pointer; font-weight: bold; color: #999; display: none; user-select: none; }
.clear-btn:hover { color: #333; }
.dropdown-options { position: absolute; top: 100%; left: 0; min-width: 100px; max-width: 600px; max-height: 250px; overflow-y: auto; overflow-x: auto; border: 1px solid var(--bs-gray-300); border-top: none; background: #fff; display: none; z-index: 1000; box-sizing: border-box; padding: 0; white-space: nowrap; box-shadow: 0 0 transparent, 0 0 .75rem 0 rgba(0,0,0, 0.05); }
.optgroup { font-weight: bold; font-size: 14px; color: #555; background: #f9f9f9; padding: 4px 5px; margin: 0; width: 100%; box-sizing: border-box; position: sticky; top: 0; z-index: 20; }
.option-grid { display: grid; gap: 5px; margin: 5px; justify-content: start; }
.option { font-weight: normal; font-size: 13px; color: var(--bs-body-color); padding: 6px 4px; border: 1px solid var(--bs-gray-300); border-radius: 4px; text-align: center; cursor: pointer; background: #fff; white-space: nowrap; }
.option:hover, .option.focused { background-color: rgba(255,107,0,.1); border-color: rgba(255,107,0,.2); }
.option.disabled { color: #999; cursor: default; }
.highlight { background: yellow; font-weight: bold; }












/*.nav-drawer .icon-user:before { content: "\e86b"; }
.nav-drawer .icon-dailishang:before { content: "\e671"; }
.nav-drawer .icon-spgl:before { content: "\e673"; }
.nav-drawer .icon-shequ:before { content: "\e67e"; }
.nav-drawer .icon-djgl:before { content: "\e676"; }

.nav-drawer .icon-xiaoshuo1:before { content: "\e66f"; }
.nav-drawer .icon-ysxsgl:before { content: "\e679"; }
.nav-drawer .icon-manhua:before { content: "\e672"; }
.nav-drawer .icon-hjgl:before { content: "\e702"; }
.nav-drawer .icon-ads:before { content: "\e678"; }
.nav-drawer .icon-tuiguang:before { content: "\e66e"; }

.nav-drawer .icon-bbgl:before { content: "\e66c"; }
.nav-drawer .icon-ymgl:before { content: "\e674"; }
.nav-drawer .icon-qxgl:before { content: "\e693"; }
.nav-drawer .icon-xtsz:before { content: "\e665"; }

*/

.dot { display: block; position: absolute; bottom: .2rem; left: -0.6rem; width: 7px; height: 7px; border-radius: 50%; background: #22c03c; cursor: pointer; box-shadow: 0 0 0 rgba(var(--bs-success-rgb), 0.9); animation: pulse-success 2s infinite; }

@-webkit-keyframes pulse-success {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.9); }
    70% { -webkit-box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); }
}

@keyframes pulse-success {
    0% { -moz-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.9); box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0.7); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0); box-shadow: 0 0 0 10px rgba(var(--bs-success-rgb), 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); }
}


@keyframes shine {
    0% { color: #333; }
    50% { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #f00, 0 0 4px #f00, 0 0 5px #f00; color: #f00; }
}

@-webkit-keyframes pulse-secondary {
    0% { -moz-box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); }
}

@-moz-keyframes pulse-secondary {
    0% { -moz-box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); }
}

@-o-keyframes pulse-secondary {
    0% { -moz-box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); }
}

@keyframes pulse-secondary {
    0% { -moz-box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); box-shadow: 0 0 0 rgba(250, 113, 59, 0.6); }
    70% { -moz-box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); box-shadow: 0 0 0 10px rgba(250, 113, 59, 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); box-shadow: 0 0 0 0 rgba(250, 113, 59, 0); }
}


@-webkit-keyframes spin {
    100% { transform: rotate(360deg); }
}

@-moz-keyframes spin {
    100% { transform: rotate(360deg); }
}

@-o-keyframes spin {
    100% { transform: rotate(360deg); }
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}