html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#app {
  font-family: "微软雅黑";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  border: 1px solid var(--border);
  font-size: 14px;
}
#app.default {
  background-color: rgb(21,23,30);
  color: var(--text-color);
}
#app.white {
  background-color: #fff;
  color: var(--text-color);
}
#app > div{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.default {
  --text-color: #c2c4cd;
  --scrolltrack-color: #15171e;
  --strollthumb-color: #4e515d;
  --border: #1e2129;
  --head-color1: rgb(197,198,202);
  --head-color2: rgb(135,138,147);
  --head-background: rgb(33,36,44);
  --td-background: rgb(21,23,30);
  --th-color: rgb(135,138,147);
  --th-background: rgb(26,29,38);
  --inputbg: #2e333d;
  --input-color: #fff;
  --input-placeholder-color: #fff;
  --input-border-color: #2e333d;
  --selectbg: rgb(46,51,61);
  --selectHover: rgb(40,93,173);
  --selec-border-color: rgb(46,51,61);
  --button-color: #505050;
}
.white {
  --text-color: #222;
  --scrolltrack-color: #fff;
  --strollthumb-color: #aaa;
  --border: #e3e5eb;
  --head-color1: rgb(49,17,30);
  --head-color2: rgb(49,17,30);
  --head-background: rgb(245,246,248);
  --td-background: #fff;
  --th-color: rgb(21,24,27);
  --th-background: rgb(249,251,255);
  --inputbg: #fff;
  --input-color: #222222;
  --input-placeholder-color: #222;
  --input-border-color: #D9DBE2;
  --selectbg: #fff;
  --selectHover: rgb(210, 232, 255);
  --selec-border-color: #3096ff;
  --button-color: #c1c1c1;
}
/* 滚动条 */
::-webkit-scrollbar {
  position: fixed;
  z-index: 99999999;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-corner {
  display: none;
}
::-webkit-scrollbar-track {
  background-color: var(--scrolltrack-color);
}
::-webkit-scrollbar-thumb {
  background-color: var(--strollthumb-color);
  border-radius: 4px;
}
::-webkit-scrollbar-button:vertical:single-button:start {
  border: 4px solid;
  border-color: var(--scrolltrack-color) var(--scrolltrack-color)
    var(--strollthumb-color) var(--scrolltrack-color);
}
::-webkit-scrollbar-button:vertical:single-button:end {
  border: 4px solid;
  border-color: var(--strollthumb-color) var(--scrolltrack-color)
    var(--scrolltrack-color) var(--scrolltrack-color);
}
::-webkit-scrollbar-button:horizontal:single-button:start {
  border: 4px solid;
  border-color: var(--scrolltrack-color) var(--strollthumb-color)
    var(--scrolltrack-color) var(--scrolltrack-color);
}
::-webkit-scrollbar-button:horizontal:single-button:end {
  border: 4px solid;
  border-color: var(--scrolltrack-color) var(--scrolltrack-color)
    var(--scrolltrack-color) var(--strollthumb-color);
}
/* *************************** */

/*input 样式的重置 start*/
input {
  outline: none;
  border: 1px solid var(--input-border-color);
  background-color: var(--inputbg);
  color: var(--input-color);
}
input::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
input:focus{
  border: 1px solid #42A7FF!important;
  border-radius: 2px;
}
input[type="date"] {
  position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  display: inline-block;
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0px;
  background: transparent;
  opacity: 0;
  z-index: 10;
}
input[type="date"]::after {
  display: inline-block;
  top: 0px;
  padding: 0;
  width: 15px;
  height: 100%;
  position: absolute;
  right: 5px;
  background: #fff;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABAklEQVQoU42QPU7DQBCF38wiJFpOQEXBIfhpQUI2BWW0IATy5gJ0cQ6BnaSxg5QWGyTSQs5CTY2E7B20S4JshEym2X0z881oHmEZk+nDbiV0aHQ4WeXcm2blrRXM+pfBm9OUZoW2wI4TTNhj4ucmYMWeQJBEF+Gr66U0L19EKGEWF+eu2ARAMMJyRzURiAYegMhQlBKqa2o2K6WkQgVgA772A7RGdgu/QTHH173TRVdrcv90QNbG3zewjU3vbOH+kQ6OvDvTcvbx/nm1tb05d7lR/rgvkGEL6NrwJ5DmpUQ68IcneTE2OrxZ5X4BHJt/bmgBzta1jPK2ZoUG4XgtQDD/AoM3lW3XbHlDAAAAAElFTkSuQmCC") center center no-repeat;
}

input[type=date]::-webkit-inner-spin-button { 
  visibility: hidden;
}
input[type="date"]::-webkit-clear-button{
  display:none;
} 
/*input 样式的重置 end*/
