.switch-side[data-v-69227791] {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}


.uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}
.uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}
.el-color-dropdown__link-btn {
  display: none !important;
}


[data-v-5b2718f2] .el-color-picker {
  margin-left: 30px;
}
.uploader[data-v-5b2718f2] {
  margin-top: 5px;
}
.right[data-v-5b2718f2] {
  width: 300px;
  flex-shrink: 0;
  padding: 0 30px;
}
.right>p[data-v-5b2718f2] {
  margin-top: 20px;
}
.num[data-v-5b2718f2] {
  width: 100px;
}
.preview[data-v-5b2718f2],
.el-icon--upload[data-v-5b2718f2] {
  width: 236px;
  height: 116px;
}
.preview[data-v-5b2718f2] {
  position: relative;
}
.preview>img[data-v-5b2718f2] {
  width: 95%;
  max-height: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-icon--upload[data-v-5b2718f2] {
  font-size: 28px;
  color: #8c939d;
  text-align: center;
}


.npb[data-v-6d771dcb] {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}


.menu[data-v-c1d0aeb8] {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}


body {
  height: 100vh;
  user-select: none;
  cursor: default;
  font-size: 13px;
  overflow: hidden;
  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
#app {
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.root[data-v-099b2e23] {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.left[data-v-099b2e23] {
  width: 650px;
  background-color: #000f1e;
  flex-shrink: 0;
  position: relative;
}


.switch-side[data-v-f6a112a8] {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}


.uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}
.uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}
.el-color-dropdown__link-btn {
  display: none !important;
}


[data-v-6fc0ccdc] .el-color-picker {
  margin-left: 30px;
}
.uploader[data-v-6fc0ccdc] {
  margin-top: 5px;
}
.right[data-v-6fc0ccdc] {
  width: 300px;
  flex-shrink: 0;
  padding: 0 30px;
}
.right > p[data-v-6fc0ccdc] {
  margin-top: 20px;
}
.num[data-v-6fc0ccdc] {
  width: 65px;
}
.preview[data-v-6fc0ccdc],
.el-icon--upload[data-v-6fc0ccdc] {
  width: 236px;
  height: 116px;
}
.preview[data-v-6fc0ccdc] {
  position: relative;
}
.preview > img[data-v-6fc0ccdc] {
  width: 95%;
  max-height: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-icon--upload[data-v-6fc0ccdc] {
  font-size: 28px;
  color: #8c939d;
  text-align: center;
}


body {
  height: 100vh;
  user-select: none;
  cursor: default;
  font-size: 13px;
  overflow: hidden;
  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
#app {
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.root[data-v-f334de2c] {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.left[data-v-f334de2c] {
  width: 650px;
  background-color: #000f1e;
  flex-shrink: 0;
  position: relative;
}


.switch-side[data-v-567d5a2e] {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}


.uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}
.uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}
.el-color-dropdown__link-btn {
  display: none !important;
}


[data-v-6c2b6adc] .el-color-picker {
  margin-left: 30px;
}
.uploader[data-v-6c2b6adc] {
  margin-top: 5px;
}
.right[data-v-6c2b6adc] {
  width: 300px;
  flex-shrink: 0;
  padding: 0 30px;
}
.right > p[data-v-6c2b6adc] {
  margin-top: 5px;
}
.num[data-v-6c2b6adc] {
  width: 65px;
}
.preview[data-v-6c2b6adc],
.el-icon--upload[data-v-6c2b6adc] {
  width: 236px;
  height: 100px;
}
.preview[data-v-6c2b6adc] {
  position: relative;
}
.preview > img[data-v-6c2b6adc] {
  width: 95%;
  max-height: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.el-icon--upload[data-v-6c2b6adc] {
  font-size: 28px;
  color: #8c939d;
  text-align: center;
}


body {
  height: 100vh;
  user-select: none;
  cursor: default;
  font-size: 13px;
  overflow: hidden;
  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
#app {
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.root[data-v-0691209d] {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.left[data-v-0691209d] {
  width: 650px;
  background-color: #000f1e;
  flex-shrink: 0;
  position: relative;
}

@font-face {
  font-family: "restool"; /* Project id 3408449 */
  src: 
       url(data:font/ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8MUuAAAABjAAAAGBjbWFwhHmOAQAAAgQAAAHIZ2x5ZuQ2SZwAAAPcAAADRGhlYWQggTPFAAAA4AAAADZoaGVhB+cDfwAAALwAAAAkaG10eBgAAAAAAAHsAAAAGGxvY2EDXgJWAAADzAAAAA5tYXhwARUAZgAAARgAAAAgbmFtZRD2HFUAAAcgAAACW3Bvc3QCHMSaAAAJfAAAAFUAAQAAA4D/gABcBAAAAP/4BAgAAQAAAAAAAAAAAAAAAAAAAAYAAQAAAAEAACOPZhFfDzz1AAsEAAAAAADerPfkAAAAAN6s9+QAAP+ABAgDgAAAAAgAAgAAAAAAAAABAAAABgBaAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYc6LADgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAXwAAQAAAAAAdgADAAEAAAAsAAMACgAAAXwABABKAAAADAAIAAIABOYc5irmneeG6LD//wAA5hzmKuad54bosP//AAAAAAAAAAAAAAABAAwADAAMAAwADAAAAAIABAABAAUAAwAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAATAAAAAAAAAAFAADmHAAA5hwAAAACAADmKgAA5ioAAAAEAADmnQAA5p0AAAABAADnhgAA54YAAAAFAADosAAA6LAAAAADAAAAAABuAO4BTgFoAaIAAAABAAD/rgPCA1EASAAAASYnJicmJyYHBg8BNTQmIgYdARQWOwEyNjQmKwE3Njc2FhceAg4CBwYmJy4BJy4BIgcGBwYUFxYXFhcWMzI2NzY3Njc2NzYDoyA/QVJMXVtZaFIKFSkVFRT8EhgWFKgJQmZCmEdDZTcBP2lEQplGQ2UbBBcUCRAIAwMgP0FTWmQrViJVREUiIAICAihVQ0UjJQICICdSDnkSGBgS+xMXFScXCl4pGwUgH2mLmYllGxwGHyBoRQoSBQcQBxMHVUNFIykODSA/QVNgWl4AAAAABQAA/6AECANbAAsAFwA2AFEAWQAAJRE0JiIGFREUFjI2NxE0JiIGFREUFjI2EyIGFREUBiMhIiY1ETQmIgYVERQeATMhMj4BNRE0JjcjIi8BLgErASIGDwEOASsBIgYUFjMhMjY0JiE3NjsBMh8BAbQUIA8TIBDyFCETFCAUsw4WKR/+Nx4pFCAPJUAlAc4lQCYTdcUhFDIUOR5+HjkULQoeDsoNEhQQA60OFhr9gyMVIX4hFCS/AWsPFRUP/pUOFhUPAWsPFRMR/pUOFhYBmRQQ/gEeKioeAgMPFRUP/gElQCUlQCUB/w4Sixo7FxoaFz8KDBYdFRQfFSgbGygAAAMAAP+UA+wDbAAPAB8AQwAAASEyFhURFAYjISImNRE0NhciBhURFBYzITI2NRE0JiMDNDYyFh0BFAYjISImNRE0NjsBMhYUBisBIgYVERQWMyEyNjUBcgIfJjU1Jv3hJjU1JgYHBwYCHwYHBwb2FyAXNSb94SY1NSZaEBcXEFoGBwcGAh8GBwNsNSb94SY1NSYCHyY1TgcG/eEGBwcGAh8GB/0rEBcXEFomNTUmAh8mNRcgFwcG/eEGBwcGAAAAAAEAAP+ABAADgAALAAABIREjESEVIREzESEEAP4zZv4zAc1mAc0BswHN/jNm/jMBzQAAAAAEAAD/0APBAy8AAwAHABAAJAAAFxEhEQMhESEDESMVITUjESEHIxUjNycVIzUjFSM1IxEzFTM1M0ADgEX9CgL2RYr+qIoCbEVFRAFGRUVFRYrPiS8DXfyjAxn9LAJK/oWKigHARa2sAa2tra3+yYmJAAAAAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEABwATAAEAAAAAAAIABwAaAAEAAAAAAAMABwAhAAEAAAAAAAQABwAoAAEAAAAAAAUACwAvAAEAAAAAAAYABwA6AAEAAAAAAAoAKwBBAAEAAAAAAAsAEwBsAAMAAQQJAAAAJgB/AAMAAQQJAAEADgClAAMAAQQJAAIADgCzAAMAAQQJAAMADgDBAAMAAQQJAAQADgDPAAMAAQQJAAUAFgDdAAMAAQQJAAYADgDzAAMAAQQJAAoAVgEBAAMAAQQJAAsAJgFXQ3JlYXRlZCBieSBpY29uZm9udHJlc3Rvb2xSZWd1bGFycmVzdG9vbHJlc3Rvb2xWZXJzaW9uIDEuMHJlc3Rvb2xHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AHIAZQBzAHQAbwBvAGwAUgBlAGcAdQBsAGEAcgByAGUAcwB0AG8AbwBsAHIAZQBzAHQAbwBvAGwAVgBlAHIAcwBpAG8AbgAgADEALgAwAHIAZQBzAHQAbwBvAGwARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYBAgEDAQQBBQEGAQcACXh1YW56aHVhbgdzaGFuY2h1BWZ1emhpA2ppYQd3YW5na291AAAAAAA=) format('truetype');
}

.restool {
  font-family: "restool" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.restool-xuanzhuan:before {
  content: "\e69d";
}

.restool-shanchu:before {
  content: "\e61c";
}

.restool-fuzhi:before {
  content: "\e8b0";
}

.restool-jia:before {
  content: "\e62a";
}

.restool-wangkou:before {
  content: "\e786";
}