:root {--vw:100vw;--vh:100vh;}

::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-track {background-color:#CCC;}
::-webkit-scrollbar-thumb {background-color:#AAA;}
::-webkit-scrollbar-thumb:hover{background-color:#888;}

html {scroll-behavior:smooth;}
* {-webkit-tap-highlight-color:#333;-webkit-touch-callout:none;margin:0;padding:0;}

@font-face {font-style:normal;font-display:swap;}
body {background:#FFF;color:#333;font:14px 'Helvetica Neue','PingFang SC',Roboto,Tahoma,Arial,sans-serif;min-height:var(--vh);overflow:hidden;}

a {color:#333;}
a:hover {color:#F60;}
th, td {/*white-space:nowrap;*/}
i, em {font-style:normal;}

input[type="number"] {appearance:none;-webkit-appearance:textfield;}
select {appearance:none;-webkit-appearance:none;padding:0 10px !important;padding-right:30px !important;background:#FFF url(arrow.png) right 10px center no-repeat;}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {appearance:none;-webkit-appearance:none;}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999 !important;}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {-webkit-text-fill-color:#333 !important;-webkit-box-shadow:0 0 0 1000px #FFF inset;background-color:transparent;transition:1000s ease-in-out 0s;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}

.bold {font-weight:600;}
.red {color:#F00;}
.blue {color:#00F;}
.highlight {color:#F60;}

.flex {display:flex;}
.flex-left {width:auto;}
.flex-right {flex-grow:1;}

.boxing {box-sizing:border-box;-webkit-box-sizing:border-box;}
.center {/*display:flex;align-items:center;justify-content:center;*/}
.center {display:box;box-pack:center;box-align:center;box-orient:horizontal;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:horizontal;}

.hidetext {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.iconfont {vertical-align:-2px;}
.material-symbols-outlined {vertical-align:-6px;}

.disabled , .disabled span {color:#AAA !important;cursor:not-allowed !important;}
.disabled input, .disabled input:hover {background-color:#FBFBFB !important;border-color:#EEE !important;color:#AAA !important;cursor:not-allowed !important;}
.layui-disabled, .layui-disabled:hover {background-color:#FBFBFB !important;border-color:#EEE !important;color:#AAA !important;cursor:not-allowed !important;}

.layui-header {z-index:auto;}
.admin-header {width:100%;color:#333;font-size:14px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);}

.layui-footer {z-index:1000;}
.admin-footer {background:#FFF !important;height:40px !important;line-height:40px !important;color:#333;font-size:14px;text-align:center;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);}

.admin-logo {position:absolute;top:16px;left:16px;font-size:22px;}
.admin-logo {color:#FFF;}
.admin-logo a {color:#FFF;}
.admin-text {float:right;line-height:60px;}
.admin-text {color:#CCC;}
.admin-text a {color:#CCC;}
.admin-text a:hover {color:#FFF;}

.admin-menu {float:right;}
.admin-menu .layui-nav {background:0 0;}
.admin-menu .layui-nav .layui-nav-bar {height:0;}
.admin-menu .layui-nav .layui-nav-child {top:65px;z-index:1111;}
.admin-menu .layui-nav .layui-nav-child a {color:#000;}
.admin-menu .layui-nav .layui-nav-child a {background:#FFF;}
.admin-menu .layui-nav .layui-nav-child a:hover {background:#EEE;}
.admin-menu .layui-nav .layui-nav-child .layui-this a {color:#000;}
.admin-menu .layui-nav .layui-nav-child .layui-this a {background:#FFF;}
.admin-menu .layui-nav .layui-nav-child .layui-this a:hover {background:#EEE;}

.admin-side {background:#393D49;}
.admin-side .layui-nav-tree .layui-nav-item {line-height:normal;}
.admin-side .layui-nav-tree .layui-nav-item a {height:40px;line-height:40px;}
.admin-side .layui-nav-tree .layui-nav-parent {background:#2B2E37;}
.admin-side .layui-nav-tree .layui-nav-parent:hover {background:#2B2E37;}
.admin-side .layui-nav-tree .layui-nav-child a {background:#393D49;}
.admin-side .layui-nav-tree .layui-nav-child a:hover {background:#009688;}
.admin-side .layui-nav-bar {display:none !important;}
.admin-side .layui-nav-tree .layui-this .layui-nav-side {display:block !important;}
.admin-side .layui-nav-tree .layui-nav-item .layui-nav-side {display:none;position:absolute;top:0;left:0;width:3px;height:40px;background-color:#009688;}

.layui-layout-admin {background:#FFFFFF;}
.layui-layout-admin .index-body {position:absolute;top:0;left:0;bottom:0;background:#EEE;overflow-y:auto;}
.layui-layout-admin .admin-body {position:absolute;top:40px;left:0;bottom:0;background:#EEE;overflow-y:auto;}
.layui-layout-admin .admin-content {position:relative;margin:15px;padding:15px;background:#FFF;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}

.layui-layout-panel {background:#F2F2F2;}
.layui-layout-panel .index-body {position:absolute;top:0;left:0;bottom:0;background:#EEE;overflow-y:auto;}
.layui-layout-panel .admin-body {position:absolute;top:40px;left:0;bottom:0;background:#EEE;overflow-y:auto;}
.layui-layout-panel .admin-content {position:relative;margin:15px;padding:15px;background:#FFF;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}

.layui-left-margin {margin-left:10px;}
.layui-right-margin {margin-right:10px;}
.layui-top-margin {margin-top:10px;}
.layui-bottom-margin {margin-bottom:10px;}
.layui-left-padding {padding-left:10px;}
.layui-right-padding {padding-right:10px;}
.layui-top-padding {padding-top:10px;}
.layui-bottom-padding {padding-bottom:10px;}

.layui-input {padding:0 10px;}
.layui-all-input {width:100% !important;}
.layui-date-input {width:110px !important;}
.layui-time-input {width:170px !important;}
.layui-text-input {width:280px !important;}
.layui-long-input {width:350px !important;}
.layui-text-select {width:135px !important;}
.layui-long-textarea {width:550px !important;}
.input-warnning, .input-warnning:hover, .input-warnning:focus {border-color:#FF5722 !important;}
.layui-laydate, .layui-form-select .layui-anim.layui-anim-upbit {animation-name:none !important;-webkit-animation-name:none !important;}

/* layui-tab */
.layui-tab {margin:15px 0;}
.layui-tab-content {padding:15px 0;}
.layui-tab+.layui-form {margin-top:15px;}
.opwindow .layui-tab-content, .admin-content .layui-tab-content {padding:15px 0 0;}
.opwindow .layui-tab:first-child, .admin-content .layui-tab:first-child {margin-top:-10px;}
/* layui-tab */

/* layui-btn */
.layui-btn {border:1px solid transparent;}
.layui-btn {line-height:36px;}
.layui-btn.layui-btn-sm {line-height:28px;}
.layui-btn.layui-btn-xs {line-height:20px;}
.layui-btn-warm {background-color:#FFB800;border-color:#FFB800;}
.layui-btn-danger {background-color:#FF5722;border-color:#FF5722;}
.layui-btn-normal {background-color:#1E9FFF;border-color:#1E9FFF;}
.layui-btn-primary {background-color:#FFFFFF;border-color:#D2D2D2;}
.layui-btn-disabled {cursor:not-allowed !important;background-color:#FBFBFB !important;border-color:#EEE !important;color:#AAA !important;}
/* layui-btn */

/* layer */
.layui-layer {position:fixed !important;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3) !important;}
.layui-layer-shade {/*backdrop-filter:blur(2px);opacity:1 !important;background-color:rgba(0, 0, 0, 0.5) !important;*/}
.layui-layer-dialog {min-width:400px !important;}
.layui-layer-hui {box-shadow:none !important;border-radius:2px !important;}
.layui-layer-hui {min-width:48px !important;min-height:48px !important;}
.layui-layer-hui .layui-layer-content {color:#FFF;padding:12px 20px !important;}
.layui-layer-loading {box-shadow:none !important;}
.layui-layer-loading .layui-layer-loading-1 {width:44px !important;height:44px !important;padding:15px !important;border-radius:5px !important;background:rgba(0, 0, 0, 0.5) !important;}
.layui-layer-window .layui-layer-content {margin:0;overflow:visible !important;word-break:break-all;}
.layui-layer-window .layui-layer-content .layui-tab {margin-top:-10px;}
.layui-layer-window .layui-layer-content .layui-table {margin-top:0;}
/* layer */

/* laydate */
.laydate-btns-clear, .laydate-btns-now, .laydate-btns-confirm {line-height:24px !important;}
/* laydate */

/* checkbox */
.check-slide {display:none;}
.check-slide:checked+.input-slide::after {left:18px;}
.check-slide:checked+.input-slide::before {background:#5CB85C;}
.input-slide {cursor:pointer;position:relative;display:inline-block;width:36px;height:20px;border-radius:10px;transition:all 0.25s;}
.input-slide::after {position:absolute;content:'';width:16px;height:16px;top:2px;left:2px;border-radius:50%;transition:all 0.25s;background:#EEE;}
.input-slide::before {position:absolute;content:'';width:36px;height:20px;top:0;left:0;border-radius:10px;transition:all 0.25s;background:#BBB;}
.check-radio {cursor:pointer;position:relative;display:inline-block;margin-right:10px;}
.radio {transition:all 0.3s;-webkit-transition:all 0.3s;vertical-align:-3px;cursor:pointer;width:16px;height:16px;background-color:#FFF;border-radius:100%;border:1px solid #D2D2D2;outline:none;-webkit-appearance:none;}
.radio+span {cursor:pointer;margin-left:5px;}
.radio:hover {border:1px solid #5CB85C;}
.radio:checked, .radio:checked:hover {border:1px solid #5CB85C;background-color:#FFF;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAfklEQVQokWMYOoAR2aUxO2JAlAMDA0MkAwODO1R4JwMDw3IGBoYDSzyWwNWyoHkRpKmHgYHBGEksDcovAWmGCTKhaYxE0wQDxlA5OEDX6I5FE1Y5dI1EA3SNO/FoRJFD1wgKvbNYNIHEQHJwgB6qoFADhR7W6CDXWwMJGBgYAJcNEtSDYn4EAAAAAElFTkSuQmCC);}
.checkbox {transition:all 0.3s;-webkit-transition:all 0.3s;vertical-align:-3px;cursor:pointer;width:16px;height:16px;background-color:#FFF;border-radius:2px;border:1px solid #D2D2D2;outline:none;-webkit-appearance:none;}
.checkbox+span {cursor:pointer;margin-left:5px;}
.checkbox:hover {border:1px solid #5CB85C;}
.checkbox:checked, .checkbox:checked:hover {border:1px solid #5CB85C;background-color:#5CB85C;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAhUlEQVQokdXQMQqDQBCF4RcLcwtvYFptUiVHsNNbSC5kYW0gZY6W8MuCJpMNu2glPhhYhv12h9E2AZbUGUjdPZdkxaStpFrS8dNZ8NuTb0of3oAqgl5AARwsbOyLAZTPfQsz4GHwBein89siH8515zcOnfzxQ8sZDP1DMeiqA66hLe8pkka8bTqn52Kg6AAAAABJRU5ErkJggg==);}
/* checkbox */

/* pnsize */
.pnsize {margin-left:5px;}
.pnsize dl {top:34px;}
.pnsize .layui-form-selectup dl {top:auto;bottom:34px;}
.pnsize dd {height:30px !important;line-height:30px !important;font-size:14px;text-align:left;}
.pnsize dd.layui-this {background-color:#AAA !important;}
.pnsize input.layui-input {border:1px solid #DDD !important;width:105px;height:30px;line-height:28px;font-size:14px;}
/* pnsize */

/* listpages */
.listpages {clear:both;}
.listpages i.layui-icon {display:inline-block;min-width:8px;line-height:0px;font-size:13px;}
.listpages ul {overflow:hidden;}
.listpages ul li {display:inline-block;background:#FFF;border:1px solid #DDD;border-radius:2px;line-height:28px;color:#333;text-align:center;cursor:pointer;}
.listpages ul li:not(:first-child) {margin-left:5px;}
.listpages ul li a, .listpages ul li span {display:inline-block;min-width:28px;min-height:28px;padding:0 10px;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;}
.listpages ul li:hover, .listpages ul li:active {border:1px solid #099;color:#099;}
.listpages ul li a {color:#333;font-size:14px;text-decoration:none;}
.listpages ul li a.thisclass, .listpages ul li a:hover, .listpages ul li a:active {color:#099;text-decoration:none;}
.listpages ul li.active {border:1px solid #099;color:#099;}
.listpages ul li.active a, .listpages ul li.active a:hover, .listpages ul li.active a:active {color:#099;text-decoration:none;}
.listpages ul li.disabled {cursor:not-allowed;}
.listpages ul li.disabled span {color:#333 !important;}
.listpages ul li.disabled:hover {border:1px solid #DDD;color:#333;}
.listpages ul li.disabled:hover a, .listpages ul li.disabled:hover span {color:#333;}
/* listpages */

/* Loader */
.full-layer {width:100%;height:100%;background:rgba(0, 0, 0, 0.15);position:absolute;top:0;left:0;z-index:99999999;display:flex;align-items:center;justify-content:center;}
.full-shade {background:rgba(0, 0, 0, 0.5);border-radius:5px;padding:20px;display:inline-block;text-align:center;}
.elem-layer {padding:30px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.spin-loader {position:absolute;left:50%;top:50%;right:0;bottom:0;transform:translate(-50%, -50%);width:100%;height:100%;background:rgba(255, 255, 255, 0.0);display:flex;align-items:center;justify-content:center;flex-direction:column;}
.spin-span {position:relative;width:1em;height:1em;display:inline-block;font-size:32px;transform:rotateZ(45deg);transition:transform .3s cubic-bezier(.78, .14, .15, .86);animation:spinRotate 1.2s infinite linear;}
.spin-span > i {position:absolute;width:14px;height:14px;display:block;background-color:#009688;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:spinLoader 1s infinite linear alternate;}
.spin-span :nth-child(1) {top:0;left:0;}
.spin-span :nth-child(2) {top:0;right:0;animation-delay:.4s;}
.spin-span :nth-child(3) {right:0;bottom:0;animation-delay:.8s;}
.spin-span :nth-child(4) {left:0;bottom:0;animation-delay:1.2s;}
.spin-loader>.spin-text {padding-top:6px;color:#009688;font-size:14px;text-shadow:0 1px 2px #FFF;font-variant:tabular-nums;font-feature-settings:'tnum';}
@keyframes spinLoader { to { opacity:1; } }
@keyframes spinRotate { to { transform:rotate(405deg); } }
/* Loader */

/* SideShow */
.side-loader {position:absolute;top:71px;right:12px;z-index:9999;}
.side-show {position:absolute;top:60px;right:0;z-index:9999;width:400px;background-color:#FFF;box-shadow:-3px -3px 8px rgba(0, 0, 0, 0.15);display:none;animation-name:fadeInRight;animation-duration:0.25s;animation-fill-mode:both;}
.side-show .side-head {height:40px;border-bottom:1px solid #DDD;}
.side-show .side-head h3 {padding:0 20px;line-height:40px;font-size:15px;}
.side-show .side-head .side-head-close {position:absolute;top:8px;right:20px;width:16px;height:16px;color:#999;font-size:22px;font-weight:bold;}
.side-show .side-head .side-head-close:hover {color:#333;}
.side-show .side-body {overflow:auto;padding:0 10px;}
@keyframes fadeInRight { from {transform:translate3d(100%, 0, 0);} to {transform:none;} }
@keyframes fadeOutRight { from {transform:translate3d(-100%, 0, 0);} to {transform:none;} }
/* SideShow */

/* autoComplete */
.input-autoComplete {}
.input-autoComplete .layui-edge {position:absolute;right:10px;top:50%;z-index:9999;margin-top:-3px;cursor:pointer;border-width:6px;border-top-style:solid;border-top-color:#C2C2C2;transition:all 0.3s;-webkit-transition:all 0.3s;}
.input-autoComplete .layui-input {padding-right:30px;}
.input-autoComplete.list-selected .layui-edge {margin-top:-9px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-autoComplete {position:absolute;top:0;left:0;z-index:9999;width:100%;background-color:#FFF;border:1px solid #D2D2D2;border-radius:2px;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;overflow-y:auto;max-height:192px;padding:5px 0;width:auto;min-width:100%;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15);}
.select-autoComplete dd {padding:0 10px;height:36px;line-height:36px;display:block;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.select-autoComplete dd:hover {color:#FFF;background-color:#1E90FF;}
.select-autoComplete dd.none {color:#999;text-align:center;}
.select-autoComplete dd.none:hover {background-color:#FFF;}
.select-autoComplete dd.selected {color:#FFF;background-color:#1E90FF;}
.select-autoComplete dd.selected:hover {color:#FFF;background-color:#1E90FF;}
.select-autoComplete dd span.layui-badge {margin-left:8px;padding:0 3px 0 2px;}
/* autoComplete */

/* opwindow */
.opwindow {padding:15px 0;}
.wcontent {padding:15px;}
.opwindow .layui-form-select dl {max-height:192px;}
.opwindow .layui-form-item .layui-col {padding:0 10px;}
.opwindow .layui-form-item .layui-col label {display:inline-block;padding-bottom:5px;}
.opwindow .layui-form-item .layui-row label {display:inline-block;padding-bottom:5px;}
/* opwindow */

/* layui-form */
.layui-form {}
.layui-form-item:first-child {margin-top:0;}
.layui-form-item:last-child {margin-bottom:0;}
.layui-form-item label+span {padding:9px 0;line-height:20px;display:inline-block;}
.layui-form-item input+span {padding:9px 0;line-height:20px;display:inline-block;}
.layui-form-text {padding:9px 0;line-height:20px;display:inline-block;}
.layui-form-button {margin:15px 0 0 0;padding-top:15px;border-top:1px solid #E6E6E6;}
.layui-form-label {width:120px;}
.layui-form-right {padding-left:150px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.layui-form-right:after{content:"";height:0;line-height:0;clear:both;display:block;visibility:hidden;}
/* layui-form */

/* layui-table */
.layui-table {margin:15px 0;color:#333;}
.layui-table:first-child {margin-top:0;}
.layui-table:last-child {margin-bottom:0;}
.layui-table .op {text-align:center;}
.layui-table .op .layui-btn+.layui-btn {margin-left:5px;}
.layui-table .radio, .layui-table .checkbox {margin-top:-3px;}
.layui-table .input-order {width:30px;height:20px;padding:0 2px;}
/* layui-table */

/* container */
.mainbody {position:absolute;top:60px;left:200px;right:0;bottom:40px;z-index:999;}
.position {position:absolute;left:0;right:0;padding:0 15px;z-index:999;background:#FFF;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15);}
.position h1 {height:40px;line-height:40px;font-size:15px;}
/* container */

.search {}
.search .layui-input-inline {margin-right:5px;}
.search+.layui-form, .search+.layui-table {margin-top:15px;}
.status {margin-top:15px;}
.status+.layui-table {margin-top:15px;}
.layui-elem-quote {padding:10px;margin-bottom:15px;}
.layui-form+.listpages, .layui-table+.listpages {margin-top:15px;}

/* select-h30 */
.select-h30 {min-width:90px;height:30px;margin:0 auto;}
.select-h30 .layui-input {height:30px;}
.select-h30 dl {top:34px;}
.select-h30 .layui-form-selectup dl {top:auto;bottom:34px;}
.select-h30 dd {height:30px !important;line-height:30px !important;}
/* select-h30 */

.layui-bg-status-0 {color:#666666;background-color:#DDDDDD;}
.layui-bg-status-1 {color:#FFFFFF;background-color:#009688;}
.layui-bg-status-2 {color:#FFFFFF;background-color:#FF5722;}
.layui-bg-status--1 {color:#FFFFFF;background-color:#FFB800;}
.data-trade span {display:block;font-size:24px;}
.data-trade {height:90px;line-height:30px;background-color:#1E9FFF;border-radius:2px;padding-left:20px;padding-top:30px;color:#FFFFFF;font-size:16px;}