.top-bar[data-v-337e7f0d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.4rem 0 0.35rem;
}
.top-bar-left[data-v-337e7f0d] {
  display: flex;
  align-items: center;
}
.top-logo[data-v-337e7f0d] {
  width: 2.18rem;
  height: 0.6rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.top-bar-right[data-v-337e7f0d] {
  display: flex;
  align-items: center;
  gap: 0;
}
.top-bar-divider[data-v-337e7f0d] {
  width: 0.01rem;
  height: 0.14rem;
  flex-shrink: 0;
  margin: 0 0.2rem;
  background: #6e7178;
  opacity: 0.92;
  align-self: center;
}
.top-select[data-v-337e7f0d] {
  flex-shrink: 0;
  box-sizing: border-box;
  vertical-align: middle;
}
.top-select[data-v-337e7f0d] .el-input {
    width: 100%;
}
.top-select[data-v-337e7f0d] .el-input__inner {
    width: 100%;
    min-width: 0;
    height: 0.28rem;
    line-height: 0.28rem;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 0.16rem;
    padding-left: 0;
    padding-right: 0.23rem;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box;
}
.top-select[data-v-337e7f0d] .el-select__caret {
    width: 0.16rem;
    height: 0.16rem;
    margin-top: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    border: none !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABiElEQVR4AeyUjVHCQBCFxQqwArUTqcBQgVCBUgF0oB1gB9KBJWgH2IF2EL8vXjLJcPlVRscJc2/2bm/3vTebhNOTX/6NBsYJjBP4OxNI03Qqjv23oIbIdYoJTCaTD5IJlxfEo6zAnQStTKMw4ImLR+Kawg34MSNwOd0N3LdBg+3XqhgwRcGSeA6eafyWEfpz4T1813CviJV1YCDcWugjWXN+gegJLEDrVKhR9Ia4pVdhOd7Yz8DBihrAqeI2vNIxBQnICCHeA6ejqXv2Yks0p+A7tT7KBdFexeeBk1R1RQ1YEhrm7CUgFMspXHHS1B1RKGbOO1LFsncGl7FIlje1BiwKjU6ilsC6GtjTKG5fowELBproJC5/qwGLSiZ8N0w1wRqfuSaa6rK7Tgas7GhCccfuy2tbKzobkAkTEvtOeIxhGWpid9FcLwMyBAH/rDyWofiunOiy721AUkz4neefqGNfhZzXvTDIgAoI7sAlOAMP5oZgsIEhYrGe0cA4gXEC/38CsW+/nPsEAAD//6/7GZUAAAAGSURBVAMABDKUQQoZ898AAAAASUVORK5CYII=) no-repeat center center;
    background-size: contain;
    transform: rotateZ(0deg) !important;
    transition: transform 0.3s !important;
}
.top-select[data-v-337e7f0d] .el-select__caret::before {
      display: none !important;
}
.top-select[data-v-337e7f0d] .el-select__caret.is-reverse {
      transform: rotateZ(180deg) !important;
}
.top-select[data-v-337e7f0d] .el-input__suffix {
    right: 0.02rem;
    top: 0;
    height: 0.28rem;
    display: flex;
    align-items: center;
}
.top-select[data-v-337e7f0d] .el-input__suffix-inner {
    display: flex;
    align-items: center;
    line-height: 1;
}