/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/css/main.less ***!
  \************************************************************************************************************/
@charset "utf-8";
#right-plane-coordinates-edit {
  z-index: 999;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend {
  position: relative;
  width: 480px;
  height: 100%;
  background: #FFFFFF;
  display: none;
  z-index: 999;
  justify-items: start;
  flex-direction: column;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend.on {
  display: flex;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend > * {
  pointer-events: auto;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-head {
  width: 100%;
  height: 8%;
  position: relative;
  text-align: center;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-head #plane-coordinates-edit-head-title {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-head #plane-coordinates-edit-close-button {
  position: absolute;
  top: 10%;
  right: 2%;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body {
  overflow: scroll;
  height: 80%;
  width: 92%;
  margin: 0 7% 0 7%;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item {
  width: 100%;
  height: 50px;
  position: relative;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item select[disabled],
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item input[disabled] {
  background: #EFEFF4;
  color: #6D7278;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-input {
  position: absolute;
  left: 24%;
  top: 50%;
  height: 75%;
  width: 60%;
  padding-left: 9px;
  border-radius: 9px;
  transform: translateY(-50%);
  border: 1px solid #D1D1D6;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item #plane-coordinates-type {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-type-triangle {
  display: none;
  position: absolute;
  left: 35%;
  top: 46%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  margin-left: 2%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-type-triangle.top {
  border-bottom: 5px solid #8E8E93;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-type-triangle.bottom {
  border-top: 5px solid #8E8E93;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .plane-coordinates-body-item .plane-coordinates-type-triangle.on {
  display: inline-block;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body #plane-coordinates-type-body {
  display: none;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body #plane-coordinates-type-body.on {
  display: block;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .design-formulas {
  color: #8E8E93;
  margin-top: 7%;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-edit-body .design-formulas .font-style2 {
  margin-top: 3%;
}
#right-plane-coordinates-edit #right-plane-coordinates-edit-extend #plane-coordinates-save {
  width: 84%;
  height: 4%;
  min-height: 40px;
  margin: auto;
  background: #007AFF;
  border-radius: 9px;
  color: white;
  border: none;
}
#lnglat-search-modal {
  z-index: 99;
  position: absolute;
  top: 50%;
  left: 37%;
  transform: translate(-50%, -50%);
  height: 422px;
  width: 360px;
  background: #FFFFFF;
  border-radius: 18px;
}
#lnglat-search-modal .search-text-one {
  position: relative;
  height: 16%;
  text-align: center;
}
#lnglat-search-modal .search-text-one .search-text-one-title {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 30%;
  margin: 0;
  top: 0;
}
#lnglat-search-modal .search-text-one .search-text-one-title.on {
  border-bottom-width: 30px;
  border-bottom-color: #007AFF;
}
#lnglat-search-modal .search-text-one .search-text-one-title.on span {
  color: #007AFF;
}
#lnglat-search-modal .search-text-one .search-text-one-title.on.on::after {
  transform: translate(-50%);
  left: 50%;
  position: absolute;
  bottom: 2px;
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  background-color: #007AFF;
}
#lnglat-search-modal .search-text-one .search-text-one-title .search-text-one-title-span {
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#lnglat-search-modal .search-text-two {
  display: none;
  height: 45%;
  margin: 5%;
}
#lnglat-search-modal .search-text-two input {
  background: #EFEFF4;
  border-radius: 6px;
  font-size: 14px;
  border: none;
  height: 100%;
}
#lnglat-search-modal .search-text-two.on {
  display: block;
}
#lnglat-search-modal .search-text-two .lnglat-input {
  display: none;
}
#lnglat-search-modal .search-text-two .lnglat-input.on {
  display: block;
}
#lnglat-search-modal .search-text-two .two-line {
  margin-bottom: 5%;
  position: relative;
}
#lnglat-search-modal .search-text-two .two-line[data-id="setxy"] {
  width: fit-content;
  cursor: pointer;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat {
  height: 38px;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat .lnglat-input-dfm {
  width: 264px;
  height: 100%;
  position: absolute;
  left: 18%;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat .lnglat-input-dfm .lnglat-input-df {
  width: 23%;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat .lnglat-input-dfm .lnglat-input-m {
  width: 28%;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat .lnglat-input-xsd {
  width: 264px;
  height: 100%;
  position: absolute;
  left: 18%;
}
#lnglat-search-modal .search-text-two .two-line.line-lnglat .lnglat-input-XY {
  width: 264px;
  position: absolute;
  left: 18%;
}
#lnglat-search-modal .search-text-two .two-line.hint {
  color: #8E8E93;
  margin-left: 18%;
}
#lnglat-search-modal .search-text-two .two-line span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#lnglat-search-modal .search-text-two .two-line .triangle {
  width: 0;
  height: 0;
  margin-left: 2%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #8E8E93;
}
#lnglat-search-modal .search-text-two .two-line#xy-select-content {
  color: #8E8E93;
}
#lnglat-search-modal .search-text-two .lnglat-format {
  display: none;
  color: #007AFF;
  cursor: pointer;
}
#lnglat-search-modal .search-text-two .lnglat-format.on {
  display: block;
}
#lnglat-search-modal .search-text-three {
  height: 26%;
  margin: 5%;
  position: relative;
}
#lnglat-search-modal .search-text-three .three-line {
  position: relative;
}
#lnglat-search-modal .search-text-three .three-line.coordinate {
  height: 38px;
}
#lnglat-search-modal .search-text-three .three-line .coordinate-selection {
  width: 64%;
  position: absolute;
  left: 18%;
  top: 50%;
  transform: translateY(-50%);
}
#lnglat-search-modal .search-text-three .three-line .coordinate-selection label {
  text-align: center;
  position: relative;
}
#lnglat-search-modal .search-text-three .three-line .coordinate-selection label:first-of-type {
  width: 42%;
  float: left;
}
#lnglat-search-modal .search-text-three .three-line .coordinate-selection label:nth-of-type(2) {
  width: 54%;
  float: right;
}
#lnglat-search-modal .search-text-three .three-line .coordinate-selection input {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#lnglat-search-modal .search-text-three button {
  border: none;
  position: absolute;
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  width: 60%;
  height: 32%;
  background: #007AFF;
  border-radius: 9px;
  color: white;
}
#lnglat-search-modal #lnglat-search-close {
  cursor: pointer;
  position: absolute;
  top: 2%;
  right: 2%;
}
.font-style1 {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 20px;
}
.font-style2 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
#center-window {
  width: 900px;
  height: 65%;
  background: #FFFFFF;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
}
#center-window #center-window-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  width: 100%;
}
#center-window #center-window-head #center-window-title {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
}
#center-window #center-window-body {
  overflow-y: scroll;
}
#center-window #center-window-body #update-log-center-window {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  margin-right: 30px;
  height: 100%;
}
#center-window #center-window-body #update-log-center-window #update-log-list {
  overflow-y: scroll;
  height: 60%;
}
#center-window #center-window-body #update-log-center-window #update-log-list .update-log {
  margin-top: 24px;
}
#center-window #center-window-body #update-log-center-window #update-log-list .update-log .update-log-title {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 22px;
}
#center-window #center-window-body #update-log-center-window #update-log-list .update-log .update-log-title .update-log-sequence {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 22px;
}
#center-window #center-window-body #update-log-center-window #update-log-list .update-log .update-log-desc {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6D7278;
  line-height: 20px;
  margin-top: 6px;
  margin-left: 28px;
  margin-right: 28px;
}
#center-window #center-window-body #feedback-center-window {
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list {
  margin-bottom: 18px;
  display: flex;
  flex-direction: row;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list #feedback-img-preview {
  display: flex;
  flex-direction: row;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list #feedback-img-preview .feedback-img-preview-extend {
  margin-right: 30px;
  border: 1px solid #EFEFF4;
  position: relative;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list #feedback-img-preview .feedback-img-preview-extend img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list #feedback-img-preview .feedback-img-preview-extend .img-delete {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -6px;
  top: -6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAB8hJREFUaEPlmwtwVNUZx38ngeAIKPigoONraq2jU12KVUzCQ5xGoUqLSm0AUynDI1AewWBDgOElKAQBdQBlLKCiyAhFRSeCI1ZIYpmKJKXYah1BfCBia4BIeWxynG/vLrt3793de+/eFWb2m8lM5u73+t/znXO+7zvnKjJEulu3szmruQC4AbgK+CnQGWgf/hPLR8J/XwEfAh8B73Est1bt2HE0E64pP5Xq/Os6oXIGAQPQdEeR50m/5gSKvwEb0C0vqLp/fO1Jj42QL4B1fteeqJZyUH2BVn45F9YTBF2Nzlmg6nZuTVd3WoB1YaA3mtlAYbqOOJSvQTFN1dT/1SG/hc0TYN2jWxdamhcAxYAnHV4dBjSwhpzccrVtx363elw7qwsDA9EsBzq4NeYzfyOKEaqm/iU3eh0D1tdem8e5rRehKD0No5oIk0azjEMny9Tu3SecAHcEWN905Tm0ar8BdB8nSn94HrWF4JEBavvHh1PZTgk4vNW8AXRNpew0/74T3XJ7qi0sKWBjZNvJinimg428650Em3onG+mEgENztkNe9ZkbxoniSW2h8UTfRHM6MeD8wBIUo09zmHozr1mq6urH2AnbAg5vPWvPoNXYLXCN4l67LcsCOJxUfHAG7LNuQcbzN5KTe018cmIFXBB4HpACwBn16w8nT8Kb1c740+HKbQXNQTcaXlC19YNjBUyAw7nxFkehrHJg9HgoLjH0NeyExfPgP1Ll+Uyt82BgMdxTDH8ohsZvnRqQ0O4Tm3ubARcEtjkuBPr9GipnmA03N8PLL8Gyx+DYMadOJefrUwSjxsFFFxt869bA4vkudOttqrahZ0TgFGCjxNPvuNAEdwyAiX+CvDZmsX17YdYU+LcsBR7pvPPhwWlQ2Cuq4H//hWkPQsP77pRq1StSWsYAvn4jSt3hThNw9TXw0ALo3MUsGgzCyqfguRXQ0uJO7a23wcQKODemPtlVb4D95qA7XcKt9WuqruFO+TcEOJw+fuG5eO/QER5eCD8LWJ3ZXgczKuCIdHNSUJs2UD4F+oZ8i9LL64z1QV6iNwqiWy6WtNMAXBCYACzypisslZcHU2aBjE48fb4PKspg7yeJTcgcnfMo/ERaX2GSyFiyENbKxpE2lana+sURwDJ3T01s76oVjBgDJcOsKo5+BzMqoc6mS9O9AKbPhfbnROX+fxRmVkKNu2Ulie9bVW19LxXqLrZp/tZzw83Owt2/g/GTICfH/Kus4lVz4LUN0ee/uQfKKiA3N/rsUCNMGgsf/NP7u4+XlMbg8dyOSudfX4RSm/zTHNZ0269g8gxoFdfT0xqeXgrP/BlGjYUhQ82mDx6AstHJw9+7s0VKFwQmA3O960giWdgbZs0Dmd/xtHcPXH6F+ennn8GEkfCV61aVU/crBfBK4H6nEq75uhfC3EftQccqk4Vt7HA46FsL2s7VVQK4DrjZNRA3Avk9YM4CkBTRjvZ9CuOGe9tj3fgB7yqdH9iD4nJ3ch64Zbua+Yi94Fubjb1a5ncmSbNXRlhSlwsyaQdJKKqegJ//IrGZV9ZD1UMZdQP4RgBLlh+XDPtoV8J43mK40cGsWfMsLEkv/0nh+fHMApa9dXYV9LzF7IekiPHbVYRDKq3nV/n4xk2qQoAzE9JKQeVMa14syUflRKMKuvMuKzCZx3OnQ/XGTIAOhbQkuHEbog+2xj4A9w6xKlr4CPxlrZFZyby2C3WJgPI/wnvbfXDEpGJPZralwfdD6Xirs+tfhEXzos/btoPlz8JlNu/7uyYoHQqffOwn6Hf9TzwkpZw6GySkY0lG64ExICEdS5dcCsufMxcOkd8P7Ifh94EU/v5QKPHwL7W84SYjTFu3Nru3/0sYNggOH7J3W6ql+Y9biw3h3r3LyMBOHPcDcii1/CWwOW1tV14FS1ZA27ZmVeKohOaH/0puYtgoGDrSnmdzNcyqTNtFoMif8rBTZ3jqGbiwk9UpKQdfWZfaWZkCi5aBRIkdPfkErF6RWk8ijkh5KL/rgoD3BkC79rBsJVzxY6upt980+lBO6fwLYNVa6HieVUK6HxUToE4aq57IaACEAXtr8UjZt3ApBLpZPfj6AJQMhCYHvaxY6ZsLjfkcv+gJj6zcI0rg0z1eEMe0eIzrRu6aeLKPSreyR2+rcUkeykq976PSnu1vk5SIpc/2wciSxAug/aswN/FCo5zvsk3728Ewrtxe/avrYX4ahcDZbWH1euj0I6t+WfFlAdvV4GKU9UZV29BfBLw34uWopXQcDPq92bD0jYfcBU1NLhyyYS3oZRQdsfT+32FqORxOebPBLGfXiA/PZedHLRGVcpg2aUq0uJ89FTa9nh7YiLTMZWkeCG3dAtMrjIM7d1SjauvDSuLuWLk6TIs1el1Xo40j4TbcJn9252CU+5LLYPU6eOdtmDnZmqWl1pv8MC08yu6OSyNGu1xkbCd+tlZFd1E/eGuTF7Ainfy4NATYuGWXPQfiIdDGbbvsuPIQiVCdTZdaQqOcbdeWQqCz6WJaNLRDaWd2XD08BTqbLpeeAp1N14djE5qsuSBuAp1NnwDEjXZ2fOQRn7OH7njRMgmlbvd8EyhxIRBE6zcgp+q0f8ZjBZ4lH2rZDY5xWSZYiFLS8DI+xdN0QdHO9CmepgmF3HH4QT7F+x6fZ8fNpmnAtgAAAABJRU5ErkJggg==);
  background-size: auto 100%;
}
#center-window #center-window-body #feedback-center-window #feedback-img-list #feedback-img-button {
  width: 210px;
  height: 118px;
}
#center-window #center-window-body #feedback-center-window #user-contact {
  margin-top: 18px;
}
#center-window #center-window-body #feedback-center-window #feedback-contact-us {
  margin-top: 36px;
}
#center-window #center-window-body #feedback-center-window #feedback-contact-us #feedback-contact-us-extend {
  margin-top: 7px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 22px;
}
#center-window #center-window-body #feedback-center-window #feedback-contact-us-extend {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 22px;
}
#center-window .center-window-bottom {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#center-window .center-window-bottom .center-window-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39%;
  height: 60px;
  background: #007AFF;
  border-radius: 9px;
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 30px;
}
.right-edit-position {
  position: absolute;
  right: 80px;
  top: 12px;
}
#right-mapping-edit {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
#right-mapping-edit-extend {
  width: 392px;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  justify-items: start;
  flex-direction: column;
  border-radius: 18px;
}
#right-mapping-edit-extend > * {
  pointer-events: auto;
}
#right-mapping-edit-extend .view-profile-map {
  width: 354px;
  height: 38px;
  line-height: 38px;
  background: rgba(0, 122, 255, 0.09);
  border-radius: 9px;
  text-align: center;
}
#right-mapping-edit-extend .mapping-checkbox-con {
  font-size: 14px;
  display: flex;
  padding: 0 20px;
  flex-wrap: wrap;
}
#right-mapping-edit-extend .mapping-checkbox-con label {
  margin-right: 40px;
  margin-bottom: 10px;
  width: 110px;
}
#right-mapping-edit-extend .mapping-checkbox-con input[type=checkbox] {
  width: 20px;
  height: 20px;
  position: relative;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAR9JREFUWEftl7FqwzAQhv+TydqSvV2zptBArL1TxvYh8gx5gjxDH6IZO3W3DQm0a9d2L/FqagVBskZ35kIQnNcTvz5/dwKJkMlHmXDCQLU7ZUbNqLYB7Tyb0asabZrPSd//r4HwBOBmIEwL0IdzxWo+f/jmZrBbf4SsgTDmhp9fR3/OFSUXlg1aVbs3IDwT4R0YLcty+jsEuK6/7oDuNQQsANp4//jCyRGAbvex3USj+6GQJ6AIG0L3A6D1fnarDRpioPcz9s+dA6iqrSiPvak0OGVJmmegZlTbgHaezagZ1TagnWczaka1DWjnSWY0l2teJhfnbJ4iceayeNylDsel6+zDdGmQVL6BpgxJ62ZUaiy13oymDEnrZlRqLLX+AL5G0isLMdjuAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 36px;
}
#right-mapping-edit-extend .mapping-checkbox-con input[type=checkbox]:checked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAhtJREFUWEftl01IVFEUx3+3BFtkIUi4ElESXQgJQrpQBEUErcRZGKHRIgjBvSgG6mJcuBNBM0gQBCMNqcCFHwgKGrgUtHbR0oU0IoyN+eJ4eSjCjHfG+2Z88O7qfZz7P7/3P+e+d5/CJ0P5hJMA1HalAkcDR207YFsv6NHMOtrrlKAYBhqAeynCRIBlHHoZVj9NNcxLryG3gFxT8SviDnCoMoU1B+1z5oE2S5CuzGfCKmSimQzon2uUOx5LhLC6bxvUMRFMOiasjMwyCjpL3udcC1QSPSvTj7Gwe+FxbgroLQWdj6CnFsoewMAKDK7eMNDSPPgQguoCkHrsH8GbhQw4Km6dxmmI7ioYaYLsLO3e6Ca8XYLDv5e62OvS38mCj88hegIv5+D4RAPcVjDaAl2P9flRDF7MwtcfcZaZl6A52fClA+qKdPJve9A2A/8cmArpnpS1HIlC8zRs/ErwLvAStL8OhuQjigaSMfEdYqcgJZdr0Rg0TsF6IkiZ6CWo6NcXw/hTeJinQd2Xl0DKcfssfNpJ4KR7y2tQySN9KqVuLz93ViDDa9C/bACZDkddDKn8u1Z4XamvbP2Gmkndr0YjHY66ILLSF19BbSFUjMHuvhGiDkonqOTLvwtPSuH9dhKQmQBNEu883ANHfbPN88nG2Te/ItJVvvi5S3m12JlovsO3ky9llQA0ZeviTAwcDRy17YBtvaBHbTv6H306piue51HkAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 36px;
  border: none;
}
#right-mapping-edit-extend .mapping-checkbox-con input[type=checkbox]:focus {
  outline: none;
}
#right-mapping-edit-extend .mapping-edit-other {
  font-size: 14px;
  display: flex;
  padding: 0 20px;
  margin: 5px 0 18px 0;
}
#right-mapping-edit-extend .mapping-edit-other .line-width-con {
  display: flex;
  align-items: center;
}
#right-mapping-edit-extend .mapping-edit-other .line-width-con .line-input-con {
  margin-right: 5px;
  position: relative;
}
#right-mapping-edit-extend .mapping-edit-other .line-width-con .line-input-con .small-triangle-top {
  position: absolute;
  top: 3px;
  right: 8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 8px solid rgba(16, 18, 24, 0.84);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#right-mapping-edit-extend .mapping-edit-other .line-width-con .line-input-con .small-triangle-bottom {
  position: absolute;
  bottom: 3px;
  right: 8px;
  width: 0;
  height: 0;
  border-top: 8px solid rgba(16, 18, 24, 0.84);
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#right-mapping-edit-extend .mapping-edit-other .line-width-con .line-input-con .line-width-input {
  margin-left: 10px;
  width: 72px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 0 7px;
  outline: none;
}
#right-mapping-edit-extend .mapping-edit-other .line-color-input {
  margin-right: 25px;
  margin-left: 15px;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 8px;
  display: inline-block;
}
#right-mapping-edit-extend .mapping-edit-other label {
  line-height: 48px;
}
#right-mapping-edit-extend .mapping-edit-item {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}
#right-mapping-edit-extend .mapping-edit-item #point-show-img {
  width: 100%;
}
#right-mapping-edit-extend .mapping-edit-item #point-show-img::after {
  content: "";
  /* 让伪元素显示 */
  display: block;
  /* 将伪元素转换为块级元素 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAQZJREFUSEvtk7FqAkEURd8bAgFJZZdSEASLraLFgMI2duYTtPFDtg8hkB8I+A8rIoqNLLtONr9i6ao4NywhzbDrjILdTn25Z+a8N0x3PnznfqoAVsOVotsVxfH3QGu0F4vwMwgCXdYURWlTCB7Vag8fnuftzFzpDOI4VQBemPE1n4eTIohSqnU68ZqZngGMpexMnQFJkva0phkRnoogm41qCfFXTsTLLKsPfb+ROQPy4Hb70z+fEZoQsxw4vEop90UarWtqQgDxBmD1f/NL5TnQCjBfQsQHIjzmWmzlzoACiFP5VYA8HEWqy8wD4Phe5vyqIVt/kUPAaQYOPaWRCmC1VymyKvoFabyMGRIOfkkAAAAASUVORK5CYII=);
  /* 图片的路径 */
  position: absolute;
  right: 0;
  top: 18px;
  width: 24px;
  height: 24px;
  /* 如果需要，可以设置其他样式，如位置、大小、重复方式等 */
}
#right-mapping-edit-extend .mapping-edit-item .mapping-edit-item-unfold {
  margin: 15px 0;
}
#right-mapping-edit-extend .mapping-edit-item .space {
  flex: 1;
}
#right-mapping-edit-extend .mapping-edit-item .html-icon {
  display: flex;
  align-items: center;
  color: #007AFF;
  font-size: 14px;
  cursor: pointer;
}
#right-mapping-edit-extend #show-img-list {
  max-height: 205px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px 10px 20px;
  row-gap: 6px;
  column-gap: 4px;
}
#right-mapping-edit-extend #show-img-list .img-item {
  position: relative;
  display: flex;
  width: 112px;
  height: 64px;
}
#right-mapping-edit-extend #show-img-list .img-item .img-el {
  width: 100%;
  height: 100%;
  border-radius: 9px;
  overflow: hidden;
}
#right-mapping-edit-extend #show-img-list .img-item .img-delete-icon {
  position: absolute;
  top: -3px;
  right: -2px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#right-mapping-edit-extend .html-model-entry {
  height: 46px;
  padding-top: 16px;
  justify-content: start;
}
#right-mapping-edit-extend .mapping-edit-text {
  width: 75px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-mapping-edit-extend .mapping-edit-input {
  width: 275px;
  flex: 1;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 0 5px;
  height: 38px;
}
#right-mapping-edit-extend #mapping-edit-folder-select {
  padding: 0 30px 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  width: 275px;
}
#right-mapping-edit-extend .edit-input-change-text {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-mapping-edit-extend #mapping-edit-head,
#right-mapping-edit-extend #mapping-edit-sub-head {
  width: 100%;
  height: 48px;
  margin: 0;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
#right-mapping-edit-extend #mapping-edit-body {
  max-height: 500px;
  overflow-y: scroll;
}
#right-mapping-edit-extend #mapping-edit-description-input {
  height: 60px;
  resize: none;
  word-break: break-all;
}
#right-mapping-edit-extend .input-color {
  width: 328px;
  height: 18px;
  margin-top: 16px;
}
#right-mapping-edit-extend .edit-tips {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}
#right-mapping-edit-extend .edit-title-top {
  margin-bottom: 14px;
}
#right-mapping-edit-extend .edit-title {
  padding-top: 14px;
  border-top: 1px solid rgba(192, 190, 190, 0.79);
  margin: 10px 20px 0 20px;
}
#right-mapping-edit-extend .mapping-edit-bottom {
  margin-bottom: 10px;
}
#right-mapping-edit-extend .mapping-edit-bottom .mapping-edit-bottom {
  width: 80%;
  height: 40px;
  margin-top: 5px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
}
#right-mapping-edit-extend .mapping-edit-bottom .mapping-edit-save {
  background: #007AFF;
}
#right-mapping-edit-extend .mapping-edit-bottom .mapping-edit-remove {
  width: 432px;
  height: 40px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  background: #FF3B30;
  color: #FFFFFF;
  line-height: 20px;
}
#right-mapping-edit-extend .mapping-edit-img-list {
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  cursor: auto;
}
#right-mapping-edit-extend .mapping-edit-img-list .mapping-edit-img-list-extend {
  margin-right: 10px;
  margin-top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#right-mapping-edit-extend .mapping-edit-img-list .popover-body {
  display: flex;
  flex-wrap: wrap;
  max-width: 266px;
  max-height: 320px;
  padding: 0 0 10px 10px;
  overflow-y: scroll;
}
#right-mapping-edit-extend #mapping-img-upload-button {
  width: 112px;
  height: 64px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
#right-mapping-edit-sub-extend {
  display: none;
  padding: 0 10px;
  position: absolute;
  left: -400px;
  top: 0;
  width: 390px;
  height: 337px;
  background: #ffffff;
  border-radius: 18px;
  pointer-events: auto;
}
#right-mapping-edit-sub-extend .small-triangle {
  position: absolute;
  top: 58px;
  right: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgba(255, 255, 255);
  border-right: 10px solid transparent;
}
#right-mapping-edit-sub-extend h3 {
  height: 40px;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  line-height: 40px;
  text-align: center;
}
#right-mapping-edit-sub-extend .altitude-source-con {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#right-mapping-edit-sub-extend .altitude-source-con .elevation-source-select {
  height: 38px;
  flex: 1;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
}
#right-mapping-edit-sub-extend #echarts-elevation {
  margin-bottom: 10px;
}
#right-mapping-edit-sub-extend.on {
  display: block;
}
#html-model-box {
  display: none;
}
#html-model-box .model-out-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  border-radius: 18px;
}
#html-model-box #html-model-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#html-model-box #html-show-content,
#html-model-box #html-edit-content {
  width: 100%;
  height: 300px;
  padding: 12px;
  overflow: scroll;
}
#html-model-box #html-edit-content {
  display: none;
  border-color: #D1D1D6;
  border-radius: 9px;
  resize: none;
  outline: none;
  overflow: hidden;
}
#html-model-box #save-html-btn {
  width: 240px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  background-color: #007AFF;
  border-radius: 9px;
  outline: none;
  border: none;
}
#view-profile-map {
  margin-left: 20px;
  color: #007AFF;
  font-size: 14px;
  cursor: pointer;
}
#view-profile-map:hover {
  text-decoration: underline;
}
#echarts-elevation-tips {
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
}
.mapping-edit-bottom-con {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 5px 20px 15px 20px;
}
.mapping-edit-bottom-con .mapping-bottom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  color: #007AFF;
  line-height: 20px;
  text-align: right;
  font-style: normal;
  margin: 0 10px;
}
.mapping-edit-bottom-con .re-mapping-btn {
  background: #FFFFFF;
  border: 1px solid #007AFF;
  flex: 1;
}
.mapping-edit-bottom-con .save-mapping-btn {
  background: #007AFF;
  color: #FFFFFF;
  flex: 1;
}
.mapping-edit-bottom-con .delete-mapping-btn {
  background: #FF3B30;
  color: #FFFFFF;
  flex: 1;
}
#right-scrawl-edit {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
#right-scrawl-edit-extend {
  width: 480px;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  justify-items: start;
  flex-direction: column;
}
#right-scrawl-edit-extend > * {
  pointer-events: auto;
}
#right-scrawl-edit-extend .scrawl-edit-item {
  display: flex;
  position: relative;
  align-items: start;
  margin-left: 24px;
  margin-right: 24px;
}
#right-scrawl-edit-extend .scrawl-edit-item .space {
  flex: 1;
}
#right-scrawl-edit-extend .scrawl-edit-text {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-scrawl-edit-extend .scrawl-edit-input {
  width: 328px;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  height: 30px;
  margin-top: 10px;
}
#right-scrawl-edit-extend .input-range {
  width: 270px;
  margin-top: 16px;
  margin-bottom: 16px;
}
#right-scrawl-edit-extend .edit-input-change-text {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-scrawl-edit-extend #scrawl-edit-head {
  margin: 0;
  width: 100%;
  height: 48px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
#right-scrawl-edit-extend #scrawl-edit-head #scrawl-edit-head-title {
  display: flex;
  height: 100%;
  align-items: center;
}
#right-scrawl-edit-extend #scrawl-edit-body {
  height: calc(100% - 48px);
  overflow-y: scroll;
}
#right-scrawl-edit-extend #scrawl-edit-description-input {
  height: 100px;
  resize: none;
}
#right-scrawl-edit-extend .input-color {
  width: 328px;
  margin-top: 8px;
  margin-left: 0;
  border: none;
}
#right-scrawl-edit-extend .input-color .pickr {
  display: flex;
}
#right-scrawl-edit-extend .input-color .pickr .pcr-button {
  width: 100%;
  height: 100%;
}
#right-scrawl-edit-extend .edit-tips {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 22px;
  display: flex;
  flex-direction: column;
}
#right-scrawl-edit-extend .scrawl-edit-bottom {
  margin-bottom: 20px;
  flex-direction: column;
}
#right-scrawl-edit-extend .scrawl-edit-bottom .scrawl-edit-bottom {
  width: 432px;
  height: 40px;
  margin-top: 24px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
}
#right-scrawl-edit-extend .scrawl-edit-bottom .scrawl-edit-save {
  background: #007AFF;
}
#right-scrawl-edit-extend .scrawl-edit-bottom .scrawl-edit-remove {
  width: 432px;
  height: 40px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  background: #FF3B30;
  color: #FFFFFF;
  ine-height: 20px;
}
#right-scrawl-edit-extend #scrawl-edit-img-list {
  width: 328px;
}
#right-scrawl-edit-extend #scrawl-edit-img-list .scrawl-edit-img-list-extend {
  margin-right: 10px;
  margin-top: 10px;
  width: 36px;
  height: 36px;
}
#right-scrawl-edit-extend #scrawl-edit-img-list .scrawl-edit-img-list-extend img {
  width: 36px;
  height: 36px;
}
#right-scrawl-edit-extend #scrawl-img-upload-button {
  width: 136px;
  height: 78px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
#right-route-plan-edit {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
#right-route-plan-edit-extend,
#right-route-plan-edit-sub-extend {
  width: 390px;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  justify-items: start;
  flex-direction: column;
  border-radius: 18px;
}
#right-route-plan-edit-extend > *,
#right-route-plan-edit-sub-extend > * {
  pointer-events: auto;
}
#right-route-plan-edit-extend .route-plan-checkbox-con,
#right-route-plan-edit-sub-extend .route-plan-checkbox-con {
  font-size: 14px;
  display: flex;
  padding: 0 20px;
  flex-wrap: wrap;
}
#right-route-plan-edit-extend .route-plan-checkbox-con label,
#right-route-plan-edit-sub-extend .route-plan-checkbox-con label {
  margin-right: 40px;
  margin-bottom: 10px;
  width: 110px;
}
#right-route-plan-edit-extend .route-plan-checkbox-con input[type=checkbox],
#right-route-plan-edit-sub-extend .route-plan-checkbox-con input[type=checkbox] {
  width: 15px;
  height: 15px;
  position: relative;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAR9JREFUWEftl7FqwzAQhv+TydqSvV2zptBArL1TxvYh8gx5gjxDH6IZO3W3DQm0a9d2L/FqagVBskZ35kIQnNcTvz5/dwKJkMlHmXDCQLU7ZUbNqLYB7Tyb0asabZrPSd//r4HwBOBmIEwL0IdzxWo+f/jmZrBbf4SsgTDmhp9fR3/OFSUXlg1aVbs3IDwT4R0YLcty+jsEuK6/7oDuNQQsANp4//jCyRGAbvex3USj+6GQJ6AIG0L3A6D1fnarDRpioPcz9s+dA6iqrSiPvak0OGVJmmegZlTbgHaezagZ1TagnWczaka1DWjnSWY0l2teJhfnbJ4iceayeNylDsel6+zDdGmQVL6BpgxJ62ZUaiy13oymDEnrZlRqLLX+AL5G0isLMdjuAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
}
#right-route-plan-edit-extend .route-plan-checkbox-con input[type=checkbox]:checked,
#right-route-plan-edit-sub-extend .route-plan-checkbox-con input[type=checkbox]:checked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAhtJREFUWEftl01IVFEUx3+3BFtkIUi4ElESXQgJQrpQBEUErcRZGKHRIgjBvSgG6mJcuBNBM0gQBCMNqcCFHwgKGrgUtHbR0oU0IoyN+eJ4eSjCjHfG+2Z88O7qfZz7P7/3P+e+d5/CJ0P5hJMA1HalAkcDR207YFsv6NHMOtrrlKAYBhqAeynCRIBlHHoZVj9NNcxLryG3gFxT8SviDnCoMoU1B+1z5oE2S5CuzGfCKmSimQzon2uUOx5LhLC6bxvUMRFMOiasjMwyCjpL3udcC1QSPSvTj7Gwe+FxbgroLQWdj6CnFsoewMAKDK7eMNDSPPgQguoCkHrsH8GbhQw4Km6dxmmI7ioYaYLsLO3e6Ca8XYLDv5e62OvS38mCj88hegIv5+D4RAPcVjDaAl2P9flRDF7MwtcfcZaZl6A52fClA+qKdPJve9A2A/8cmArpnpS1HIlC8zRs/ErwLvAStL8OhuQjigaSMfEdYqcgJZdr0Rg0TsF6IkiZ6CWo6NcXw/hTeJinQd2Xl0DKcfssfNpJ4KR7y2tQySN9KqVuLz93ViDDa9C/bACZDkddDKn8u1Z4XamvbP2Gmkndr0YjHY66ILLSF19BbSFUjMHuvhGiDkonqOTLvwtPSuH9dhKQmQBNEu883ANHfbPN88nG2Te/ItJVvvi5S3m12JlovsO3ky9llQA0ZeviTAwcDRy17YBtvaBHbTv6H306piue51HkAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
  border: none;
}
#right-route-plan-edit-extend .route-plan-checkbox-con input[type=checkbox]:focus,
#right-route-plan-edit-sub-extend .route-plan-checkbox-con input[type=checkbox]:focus {
  outline: none;
}
#right-route-plan-edit-extend .route-plan-edit-other,
#right-route-plan-edit-sub-extend .route-plan-edit-other {
  font-size: 14px;
  display: flex;
  padding: 0 20px;
  margin: 5px 0 18px 0;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-width-con,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-width-con {
  display: flex;
  align-items: center;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-width-con .line-input-con,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-width-con .line-input-con {
  margin-right: 5px;
  position: relative;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-width-con .line-input-con .small-triangle-top,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-width-con .line-input-con .small-triangle-top {
  position: absolute;
  top: 3px;
  right: 8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 8px solid rgba(16, 18, 24, 0.84);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-width-con .line-input-con .small-triangle-bottom,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-width-con .line-input-con .small-triangle-bottom {
  position: absolute;
  bottom: 3px;
  right: 8px;
  width: 0;
  height: 0;
  border-top: 8px solid rgba(16, 18, 24, 0.84);
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-width-con .line-input-con .line-width-input,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-width-con .line-input-con .line-width-input {
  margin-left: 10px;
  width: 72px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 0 7px;
  outline: none;
}
#right-route-plan-edit-extend .route-plan-edit-other .line-color-input,
#right-route-plan-edit-sub-extend .route-plan-edit-other .line-color-input {
  margin-right: 25px;
  margin-left: 15px;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 8px;
  display: inline-block;
}
#right-route-plan-edit-extend .route-plan-edit-other label,
#right-route-plan-edit-sub-extend .route-plan-edit-other label {
  line-height: 48px;
}
#right-route-plan-edit-extend .route-plan-edit-item,
#right-route-plan-edit-sub-extend .route-plan-edit-item {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
}
#right-route-plan-edit-extend .route-plan-edit-item .route-plan-edit-item-unfold,
#right-route-plan-edit-sub-extend .route-plan-edit-item .route-plan-edit-item-unfold {
  margin: 15px 0;
}
#right-route-plan-edit-extend .route-plan-edit-item .space,
#right-route-plan-edit-sub-extend .route-plan-edit-item .space {
  flex: 1;
}
#right-route-plan-edit-extend .route-plan-edit-item .html-icon,
#right-route-plan-edit-sub-extend .route-plan-edit-item .html-icon {
  display: flex;
  align-items: center;
  color: #007AFF;
  font-size: 14px;
  cursor: pointer;
}
#right-route-plan-edit-extend .html-model-entry,
#right-route-plan-edit-sub-extend .html-model-entry {
  height: 46px;
  padding-top: 16px;
  justify-content: start;
}
#right-route-plan-edit-extend .route-plan-edit-text,
#right-route-plan-edit-sub-extend .route-plan-edit-text {
  width: 75px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-route-plan-edit-extend .route-plan-edit-input,
#right-route-plan-edit-sub-extend .route-plan-edit-input {
  width: 275px;
  flex: 1;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  height: 30px;
  padding: 0 5px;
}
#right-route-plan-edit-extend .edit-input-change-text,
#right-route-plan-edit-sub-extend .edit-input-change-text {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
#right-route-plan-edit-extend #route-plan-edit-head,
#right-route-plan-edit-sub-extend #route-plan-edit-head {
  width: 100%;
  height: 48px;
  margin: 0;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
#right-route-plan-edit-extend #route-plan-edit-body,
#right-route-plan-edit-sub-extend #route-plan-edit-body {
  overflow-y: scroll;
}
#right-route-plan-edit-extend #route-plan-edit-description-input,
#right-route-plan-edit-sub-extend #route-plan-edit-description-input {
  height: 60px;
  resize: none;
  word-break: break-all;
}
#right-route-plan-edit-extend .input-color,
#right-route-plan-edit-sub-extend .input-color {
  width: 328px;
  height: 18px;
  margin-top: 16px;
}
#right-route-plan-edit-extend .route-plan-edit-bottom,
#right-route-plan-edit-sub-extend .route-plan-edit-bottom {
  margin-bottom: 10px;
}
#right-route-plan-edit-extend .route-plan-edit-bottom .route-plan-edit-bottom,
#right-route-plan-edit-sub-extend .route-plan-edit-bottom .route-plan-edit-bottom {
  width: 80%;
  height: 40px;
  margin-top: 5px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
}
#right-route-plan-edit-extend .route-plan-edit-bottom .route-plan-edit-save,
#right-route-plan-edit-sub-extend .route-plan-edit-bottom .route-plan-edit-save {
  background: #007AFF;
}
#right-route-plan-edit-extend .route-plan-edit-bottom .route-plan-edit-remove,
#right-route-plan-edit-sub-extend .route-plan-edit-bottom .route-plan-edit-remove {
  width: 432px;
  height: 40px;
  border-radius: 9px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  background: #FF3B30;
  color: #FFFFFF;
  line-height: 20px;
}
#route-plan-html-model-box {
  display: none;
}
#route-plan-html-model-box .model-out-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  border-radius: 18px;
}
#route-plan-html-model-box #route-plan-html-model-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#route-plan-html-model-box #route-plan-html-show-content,
#route-plan-html-model-box #route-plan-html-edit-content {
  width: 100%;
  height: 300px;
  padding: 12px;
  overflow: scroll;
}
#route-plan-html-model-box #route-plan-html-edit-content {
  display: none;
  border-color: #D1D1D6;
  border-radius: 9px;
  resize: none;
  outline: none;
  overflow: hidden;
}
#route-plan-html-model-box #route-plan-save-html-btn {
  width: 240px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  background-color: #007AFF;
  border-radius: 9px;
  outline: none;
  border: none;
}
.slide-button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 44px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.slide-button-checkbox {
  display: none;
}
.slide-button-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  justify-items: center;
  height: 24px;
  border-radius: 24px;
}
.slide-button-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.slide-button-inner:before,
.slide-button-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 19px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.slide-button-inner:before {
  content: "";
  padding-left: 15px;
  background-color: #007AFF;
}
.slide-button-inner:after {
  content: "";
  padding-right: 15px;
  background-color: #999;
  text-align: right;
}
.slide-button-switch {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.slide-button-checkbox:checked + .slide-button-label .slide-button-inner {
  margin-left: 0px;
}
.slide-button-checkbox:checked + .slide-button-label .slide-button-switch {
  right: 0;
}
.folder-model-out #new-folder-text-one,
.folder-model-out #edit-folder-text-one {
  margin: 18px 0px 18px 0px;
  width: 100%;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  text-align: center;
}
.folder-model-out #new-folder-text-two,
.folder-model-out #edit-folder-text-two {
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  text-align: center;
}
.folder-model-out #new-folder-three,
.folder-model-out #edit-folder-three {
  display: flex;
  width: 100%;
  margin: 18px 0px 10px 0px ;
}
.folder-model-out #new-folder-cancel,
.folder-model-out #edit-folder-cancel {
  padding-top: 10px;
  margin: 0px 36px 0px 36px;
  width: 126px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #007AFF;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 20px;
  text-align: center;
}
.folder-model-out #new-folder-confirm,
.folder-model-out #edit-folder-confirm {
  background: #007AFF;
  padding-top: 10px;
  width: 126px;
  height: 40px;
  border-radius: 9px;
  border: 1px solid #007AFF;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
}
.folder-model-out .new-folder-input {
  padding-left: 12px;
  width: 324px;
  height: 40px;
  background: #EDEDED;
  border-radius: 9px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
}
#kml-modal-set {
  position: absolute;
  z-index: 999999;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  width: 100px;
  height: 40px;
  border-radius: 8px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#kml-modal-set.hide {
  display: none !important;
}
#kml-modal-set.on {
  display: block !important;
}
#kml-modal-set ul {
  cursor: pointer;
  width: 100%;
  top: 20px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 40px;
}
#kml-modal-set ul li {
  cursor: pointer;
  align-items: center;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0px 8px 0px 8px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  padding: 1px;
}
#kml-modal-set ul li:hover {
  background-color: #00a3ef;
}
#manage-panel-set {
  position: relative;
}
#modal-set {
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 999;
  margin: 0;
  padding: 0;
  display: inline-block !important;
  background-color: #FFFFFF;
  width: 130px;
  height: 100px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#modal-set.hide {
  display: none !important;
}
#modal-set ul {
  cursor: pointer;
  width: 100%;
  top: 20px;
  position: absolute;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 60px;
}
#modal-set ul li {
  cursor: pointer;
  align-items: center;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0px 8px 0px 8px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  padding: 1px;
}
#modal-set ul li:hover {
  background-color: #00a3ef;
}
#kml-folder-manage-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 1rem 1rem 0;
}
#kml-folder-manage-head .head-cancel {
  cursor: pointer;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 26px;
}
#kml-folder-manage-head .head-manage {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
}
#kml-folder-manage-head .head-select {
  display: none;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
#kml-folder-manage-head .head-select img {
  width: 36px;
  height: 36px;
}
#kml-folder-manage-head .head-select .select {
  cursor: pointer;
}
#kml-folder-manage-head .head-select .select.show {
  position: absolute;
  display: block;
}
#kml-folder-manage-head .head-select .select.hide {
  display: none;
}
#graphsource-delete-modal .delete-text-one,
#delete-model-out .delete-text-one,
#import-model-out .delete-text-one,
#search-history-delete-model-out .delete-text-one,
#export-model-out .delete-text-one {
  margin: 18px 0px 18px 0px;
  width: 100%;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  text-align: center;
}
#graphsource-delete-modal .delete-text-two,
#delete-model-out .delete-text-two,
#import-model-out .delete-text-two,
#search-history-delete-model-out .delete-text-two,
#export-model-out .delete-text-two,
#graphsource-delete-modal .model-text-left,
#delete-model-out .model-text-left,
#import-model-out .model-text-left,
#search-history-delete-model-out .model-text-left,
#export-model-out .model-text-left {
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  text-align: center;
}
#graphsource-delete-modal .model-text-left,
#delete-model-out .model-text-left,
#import-model-out .model-text-left,
#search-history-delete-model-out .model-text-left,
#export-model-out .model-text-left {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
}
#graphsource-delete-modal .model-text-left label,
#delete-model-out .model-text-left label,
#import-model-out .model-text-left label,
#search-history-delete-model-out .model-text-left label,
#export-model-out .model-text-left label {
  width: 100%;
  height: 100%;
}
#graphsource-delete-modal .model-text-left input[name="import-coordinate"],
#delete-model-out .model-text-left input[name="import-coordinate"],
#import-model-out .model-text-left input[name="import-coordinate"],
#search-history-delete-model-out .model-text-left input[name="import-coordinate"],
#export-model-out .model-text-left input[name="import-coordinate"],
#graphsource-delete-modal .model-text-left input[name="export-filetype"],
#delete-model-out .model-text-left input[name="export-filetype"],
#import-model-out .model-text-left input[name="export-filetype"],
#search-history-delete-model-out .model-text-left input[name="export-filetype"],
#export-model-out .model-text-left input[name="export-filetype"],
#graphsource-delete-modal .model-text-left input[name="export-coordinate"],
#delete-model-out .model-text-left input[name="export-coordinate"],
#import-model-out .model-text-left input[name="export-coordinate"],
#search-history-delete-model-out .model-text-left input[name="export-coordinate"],
#export-model-out .model-text-left input[name="export-coordinate"] {
  margin: 7px 16px 7px 7px;
}
#graphsource-delete-modal .two-line[data-id="setxy"],
#delete-model-out .two-line[data-id="setxy"],
#import-model-out .two-line[data-id="setxy"],
#search-history-delete-model-out .two-line[data-id="setxy"],
#export-model-out .two-line[data-id="setxy"] {
  cursor: pointer;
}
#graphsource-delete-modal .triangle,
#delete-model-out .triangle,
#import-model-out .triangle,
#search-history-delete-model-out .triangle,
#export-model-out .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #8E8E93;
}
#graphsource-delete-modal .model-content,
#delete-model-out .model-content,
#import-model-out .model-content,
#search-history-delete-model-out .model-content,
#export-model-out .model-content {
  padding: 0 18px;
}
#graphsource-delete-modal .delete-three,
#delete-model-out .delete-three,
#import-model-out .delete-three,
#search-history-delete-model-out .delete-three,
#export-model-out .delete-three {
  display: flex!important;
  width: 100%;
  margin: 18px 0px 10px 0px ;
}
#graphsource-delete-modal .delete-cancel,
#delete-model-out .delete-cancel,
#import-model-out .delete-cancel,
#search-history-delete-model-out .delete-cancel,
#export-model-out .delete-cancel {
  padding-top: 10px;
  margin: 0px 36px 0px 36px;
  width: 126px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #007AFF;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 20px;
  text-align: center;
}
#graphsource-delete-modal .delete-confirm,
#delete-model-out .delete-confirm,
#import-model-out .delete-confirm,
#search-history-delete-model-out .delete-confirm,
#export-model-out .delete-confirm {
  background: #007AFF;
  padding-top: 10px;
  width: 126px;
  height: 40px;
  border-radius: 9px;
  border: 1px solid #007AFF;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
}
#graphsource-delete-modal .model-tips,
#delete-model-out .model-tips,
#import-model-out .model-tips,
#search-history-delete-model-out .model-tips,
#export-model-out .model-tips {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 20px;
}
#export-model-out .delete-text-two {
  display: flex;
  align-items: center;
  padding: 0 32px 0 18px;
}
#export-model-out .delete-text-two label {
  flex: 1;
  text-align: left;
}
#export-model-out .delete-text-two #export-name-input {
  flex: 3;
}
.kml-file-edit.show {
  display: block;
}
.kml-file-edit.hide {
  display: none;
}
#export-name-input {
  background: #EDEDED;
  border-radius: 9px;
  width: 322px;
  height: 42px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 22px;
  border: #FFFFFF;
}
@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
    /*从0度开始*/
  }
  100% {
    transform: rotateZ(360deg);
    /*360度结束*/
  }
}
#favorite-panel {
  height: 100%;
}
#favorite-panel hr {
  color: white;
}
#favorite-panel .search-box-container {
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#favorite-panel #favorite-search {
  display: inline-block;
}
#favorite-panel #favorite-search.hide {
  display: none;
}
#favorite-panel #favorite-panel-head {
  padding-top: 10px;
  height: 5%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
#favorite-panel #favorite-panel-head #cancel-manage {
  color: white;
  display: inline-block !important;
}
#favorite-panel #favorite-panel-head #cancel-manage.hide {
  display: none !important;
}
#favorite-panel #favorite-panel-head #favorite-head-right {
  display: none;
}
#favorite-panel #favorite-panel-head #favorite-head-right img {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#favorite-panel #favorite-panel-head #favorite-head-right img.show {
  display: flex;
}
#favorite-panel #favorite-panel-head #favorite-head-right img.hide {
  display: none;
}
#favorite-panel #favorite-panel-head #favorite-title-name {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
#favorite-panel #favorite-panel-head #favorite-title-name::after {
  content: '请您定期导出文件备份以防重要数据丢失';
  position: absolute;
  bottom: -16px;
  left: 7px;
  color: #fff;
  font-size: 10px;
}
#favorite-panel #favorite-panel-head #favorite-title-name.hide {
  display: none;
}
#favorite-panel #favorite-panel-head #manage-title-name {
  display: flex !important;
  color: white;
}
#favorite-panel #favorite-panel-head #manage-title-name.hide {
  display: none !important;
  align-items: center;
  margin: 0;
}
#favorite-panel #favorite-panel-head #favorite-head-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-panel-head #favorite-head-icon .icon {
  display: inline-block;
}
#favorite-panel #favorite-panel-head #favorite-head-icon img {
  cursor: pointer;
}
#favorite-panel #favorite-panel-head #favorite-head-icon #favorite-panel-set {
  position: relative;
}
#favorite-panel #favorite-panel-head #favorite-head-icon.hide {
  display: none;
}
#favorite-panel #favorite-panel-head #cancel-manage {
  cursor: pointer;
  display: none;
  align-items: center;
  margin: 0;
  font-size: 16px;
  padding-left: 7px;
  color: white;
}
#favorite-panel #favorite-panel-head #cancel-manage.hide {
  display: flex;
}
#favorite-panel #favorite-panel-head .nick-name {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 16px;
  padding-left: 7px;
  color: white;
  font-weight: bolder;
}
#favorite-panel #favorite-panel-head .nick-name.hide {
  display: none;
}
#favorite-panel .favorite-checkbox {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel .favorite-checkbox.hide {
  display: inline-block;
}
#favorite-panel #favorite-show {
  height: 80%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-content: center;
}
#favorite-panel #favorite-show #favorite-list {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}
#favorite-panel #favorite-show #favorite-list #collect-title {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-show #favorite-list #collect-title.hide {
  display: none;
}
#favorite-panel #favorite-show #favorite-list #favorite-list-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 8%;
}
#favorite-panel #favorite-show #favorite-list #favorite-search-style {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 80%;
  width: 100%;
}
#favorite-panel #favorite-show #favorite-list #favorite-search-style.hide {
  display: none;
}
#favorite-panel #favorite-show #favorite-list #favorite-search-style div {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
#favorite-panel #favorite-show #favorite-list #favorite-search-style div img {
  padding-bottom: 20px;
}
#favorite-panel #favorite-show #favorite-list #favorite-search-style div span {
  color: #8E8E93;
  font-size: 14px;
  display: flex;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point {
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  color: white;
  padding: 8px 0px 8px 0px;
  width: 100%;
  align-items: center;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point :nth-child(2) {
  margin: 0;
  padding: 0;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .label-content-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-top: 2px;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico {
  width: 100%;
  display: flex;
  align-items: center;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico .favorite-address {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 180px;
  color: rgba(142, 142, 147, 0.3);
  line-height: 15px;
  font-size: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico .favorite-point-name {
  line-height: 20px;
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico .favo-icon {
  margin-left: -7px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico img {
  width: 42px !important;
  height: 42px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico input {
  color: white;
  cursor: pointer;
  margin-top: 2px;
  outline: none;
  border: 0;
  padding-left: 2px;
  width: 100%;
  background-color: transparent;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point #select_ico input.open {
  background-color: #29292C;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .remove_editor_ico {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-label-select,
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-point-select {
  display: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-label-select img,
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-point-select img {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-label-select img.show,
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-point-select img.show {
  display: flex;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-label-select img.hide,
#favorite-panel #favorite-show #favorite-list .collection-label-point .favorite-point-select img.hide {
  display: none;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point:hover .remove_editor_ico {
  display: flex !important;
  flex-direction: row;
}
#favorite-panel #favorite-show #favorite-list .collection-label-point:hover .remove_editor_ico.hide {
  display: none !important;
}
#favorite-panel #favorite-show #collect-title {
  display: inline-block;
}
#favorite-panel #favorite-show #collect-title.hide {
  display: none;
}
#favorite-panel #favorite-show #favorite-empty {
  display: none;
  align-content: center;
}
#favorite-panel #favorite-show #favorite-empty #favorite-empty-img {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#favorite-panel #favorite-show #collect-title {
  font-size: 16px;
  color: white;
  font-weight: bolder;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-content: center;
  align-items: center;
  padding: 0;
  margin: 5px 0 0 0;
}
#favorite-panel #footer-button {
  display: none;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-direction: row;
  width: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  bottom: 50px;
  margin: 0;
  padding: 0;
  position: absolute;
}
#favorite-panel #footer-button div {
  flex-grow: 1;
}
#favorite-panel #footer-button.hide {
  display: none;
}
#favorite-panel #footer-button #sync {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#favorite-panel #footer-button #sync.hide {
  display: none;
}
#favorite-panel #footer-button #sync #sync-font {
  color: #FF3B30;
}
#favorite-panel #footer-button #syncing {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#favorite-panel #footer-button #syncing #syncing-font {
  color: #32C5FF;
}
#favorite-panel #footer-button #syncing.hide {
  display: none;
}
#favorite-panel #footer-button #syncing svg {
  overflow: hidden;
  animation: rotate 2s linear infinite;
}
#favorite-panel #favorite-foot {
  background-color: #242429;
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 50px;
  bottom: 0px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#favorite-panel #favorite-foot #manage-foot,
#favorite-panel #favorite-foot #admin-foot {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: flex !important;
  align-items: center;
  align-self: center;
  flex-direction: row;
  width: 100%;
}
#favorite-panel #favorite-foot #manage-foot.hide,
#favorite-panel #favorite-foot #admin-foot.hide {
  display: none !important;
}
#favorite-panel #favorite-foot #manage-foot div,
#favorite-panel #favorite-foot #admin-foot div {
  flex-grow: 1;
}
#favorite-panel #favorite-foot #manage-foot.hide,
#favorite-panel #favorite-foot #admin-foot.hide {
  display: flex;
}
#favorite-panel #favorite-foot #manage-foot button,
#favorite-panel #favorite-foot #admin-foot button {
  background-color: #242429;
  width: 100%;
  border: 0;
  color: white;
}
#favorite-panel #favorite-foot #manage-foot button span,
#favorite-panel #favorite-foot #admin-foot button span {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: center;
}
#favorite-panel #favorite-foot #export-foot {
  height: 100%;
  width: 100%;
  color: white;
  display: none;
  align-items: center;
  padding: 0 12px;
}
#favorite-panel #favorite-foot #export-foot #export-select-complete {
  color: #8E8E93;
  font-size: 12px;
  border-radius: 7px;
  position: absolute;
  right: 10px;
  width: 75px;
  height: 30px;
  border: none;
}
#favorite-panel #favorite-modal-set {
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 999;
  margin: 0;
  padding: 0;
  display: inline-block !important;
  background-color: #FFFFFF;
  width: 130px;
  height: 63px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#favorite-panel #favorite-modal-set.hide {
  display: none !important;
}
#favorite-panel #favorite-modal-set ul {
  cursor: pointer;
  width: 100%;
  top: 20px;
  position: absolute;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 53px;
}
#favorite-panel #favorite-modal-set ul li {
  cursor: pointer;
  align-items: center;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: -16px 7px 16px 8px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  padding: 1px;
}
#favorite-panel #favorite-modal-set ul li:hover {
  background-color: #00a3ef;
}
.favorite-panels-modal {
  display: none;
  position: absolute;
  right: 80px;
  top: 20px;
  width: 390px;
  background-color: #FFFFFF;
  z-index: 2;
  flex-direction: column;
  border-radius: 18px;
}
.favorite-panels-modal.open {
  display: flex;
}
.favorite-panels-modal #collect-point-set-panel {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}
.favorite-panels-modal #collect-point-set-panel #collect-set-modal-title {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  width: 100%;
}
.favorite-panels-modal #collect-point-set-panel #collect-set-modal-title #collect-modal-back {
  width: 36px;
  height: 36px;
  display: inline-block;
  cursor: pointer;
}
.favorite-panels-modal #collect-point-set-panel #collect-set-modal-title span {
  display: flex;
  display: -webkit-flex;
  margin-left: 20px;
  justify-content: center;
  font-size: 16px;
  color: black;
  font-weight: bolder;
  width: 100%;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box {
  width: 100%;
  padding: 5px 0px;
  display: flex;
  display: -webkit-flex;
  justify-content: start;
  align-items: center;
  align-content: center;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box span {
  font-size: 14px;
  width: 75px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input {
  display: flex;
  justify-content: space-between;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon {
  position: absolute;
  right: 15px;
  width: 44px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-checkbox {
  display: none;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  justify-items: center;
  height: 24px;
  border-radius: 24px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-inner:before,
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 19px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-inner:before {
  content: "";
  padding-left: 13px;
  background-color: #007AFF;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-inner:after {
  content: "";
  padding-right: 13px;
  background-color: #999;
  text-align: right;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-switch {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-checkbox:checked + .show-hide-icon-label .show-hide-icon-inner {
  margin-left: 0;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box.collect-set-input .show-hide-icon .show-hide-icon-checkbox:checked + .show-hide-icon-label .show-hide-icon-switch {
  right: 0px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box input,
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box .collect-set-input-text,
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box textarea {
  flex: 1;
  padding: 5px;
  border: 1px solid #D1D1D6;
  outline: none;
  border-radius: 9px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box textarea {
  height: 60px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box #collect-set-input-text {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  line-height: 24px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box #collect-set-input-text div {
  padding-left: 5px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box #collect-set-input-text div :nth-child(2) {
  color: #007AFF;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-modal-box #favorite-icons {
  display: inline-block;
  cursor: pointer;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input {
  line-height: 24px;
  font-size: 14px;
  padding: 10px 0px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favoriteLocation {
  flex: 1;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content {
  flex: 1;
  position: relative;
  cursor: pointer;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #collect-set-input-text {
  border: 1px solid #D1D1D6 !important;
  height: 30px;
  outline: 0;
  border-radius: 9px;
  width: 100%;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #collect-set-input-text div {
  width: 100%;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #favorite-pop-label {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0px;
  bottom: 2px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #tag-popup {
  z-index: 9;
  position: absolute;
  top: 35px;
  right: 0px;
  width: 100%;
  height: 252px;
  background-color: white;
  border: 1px solid #D1D1D6;
  border-radius: 5px;
  overflow-y: scroll;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #tag-popup div {
  width: 100%;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #collect-set-input-content #tag-popup.hide {
  display: none;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box {
  flex: 1;
  position: relative;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box img {
  width: 30px !important;
  height: 30px !important;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box .colloct-icons-list {
  width: 268px;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  cursor: auto;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box .colloct-icons-list .point-icons {
  margin-right: 10px;
  margin-top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box .popover-arrow {
  width: 1rem;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box .popover-body {
  max-width: 266px;
  width: 266px;
  max-height: 320px;
  padding: 0 0 10px 10px;
  overflow-y: scroll;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box .point-icons-wrapper {
  width: 240px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .collect-set-input #favorite-icons-box::after {
  content: "";
  /* 让伪元素显示 */
  display: block;
  /* 将伪元素转换为块级元素 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAQZJREFUSEvtk7FqAkEURd8bAgFJZZdSEASLraLFgMI2duYTtPFDtg8hkB8I+A8rIoqNLLtONr9i6ao4NywhzbDrjILdTn25Z+a8N0x3PnznfqoAVsOVotsVxfH3QGu0F4vwMwgCXdYURWlTCB7Vag8fnuftzFzpDOI4VQBemPE1n4eTIohSqnU68ZqZngGMpexMnQFJkva0phkRnoogm41qCfFXTsTLLKsPfb+ROQPy4Hb70z+fEZoQsxw4vEop90UarWtqQgDxBmD1f/NL5TnQCjBfQsQHIjzmWmzlzoACiFP5VYA8HEWqy8wD4Phe5vyqIVt/kUPAaQYOPaWRCmC1VymyKvoFabyMGRIOfkkAAAAASUVORK5CYII=);
  /* 图片的路径 */
  position: absolute;
  right: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  /* 如果需要，可以设置其他样式，如位置、大小、重复方式等 */
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .favorite-checkbox-con {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .favorite-checkbox-con label {
  margin-right: 40px;
  margin-bottom: 10px;
  width: 110px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .favorite-checkbox-con input[type=checkbox] {
  width: 15px;
  height: 15px;
  position: relative;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAR9JREFUWEftl7FqwzAQhv+TydqSvV2zptBArL1TxvYh8gx5gjxDH6IZO3W3DQm0a9d2L/FqagVBskZ35kIQnNcTvz5/dwKJkMlHmXDCQLU7ZUbNqLYB7Tyb0asabZrPSd//r4HwBOBmIEwL0IdzxWo+f/jmZrBbf4SsgTDmhp9fR3/OFSUXlg1aVbs3IDwT4R0YLcty+jsEuK6/7oDuNQQsANp4//jCyRGAbvex3USj+6GQJ6AIG0L3A6D1fnarDRpioPcz9s+dA6iqrSiPvak0OGVJmmegZlTbgHaezagZ1TagnWczaka1DWjnSWY0l2teJhfnbJ4iceayeNylDsel6+zDdGmQVL6BpgxJ62ZUaiy13oymDEnrZlRqLLX+AL5G0isLMdjuAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .favorite-checkbox-con input[type=checkbox]:checked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAhtJREFUWEftl01IVFEUx3+3BFtkIUi4ElESXQgJQrpQBEUErcRZGKHRIgjBvSgG6mJcuBNBM0gQBCMNqcCFHwgKGrgUtHbR0oU0IoyN+eJ4eSjCjHfG+2Z88O7qfZz7P7/3P+e+d5/CJ0P5hJMA1HalAkcDR207YFsv6NHMOtrrlKAYBhqAeynCRIBlHHoZVj9NNcxLryG3gFxT8SviDnCoMoU1B+1z5oE2S5CuzGfCKmSimQzon2uUOx5LhLC6bxvUMRFMOiasjMwyCjpL3udcC1QSPSvTj7Gwe+FxbgroLQWdj6CnFsoewMAKDK7eMNDSPPgQguoCkHrsH8GbhQw4Km6dxmmI7ioYaYLsLO3e6Ca8XYLDv5e62OvS38mCj88hegIv5+D4RAPcVjDaAl2P9flRDF7MwtcfcZaZl6A52fClA+qKdPJve9A2A/8cmArpnpS1HIlC8zRs/ErwLvAStL8OhuQjigaSMfEdYqcgJZdr0Rg0TsF6IkiZ6CWo6NcXw/hTeJinQd2Xl0DKcfssfNpJ4KR7y2tQySN9KqVuLz93ViDDa9C/bACZDkddDKn8u1Z4XamvbP2Gmkndr0YjHY66ILLSF19BbSFUjMHuvhGiDkonqOTLvwtPSuH9dhKQmQBNEu883ANHfbPN88nG2Te/ItJVvvi5S3m12JlovsO3ky9llQA0ZeviTAwcDRy17YBtvaBHbTv6H306piue51HkAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
  border: none;
}
.favorite-panels-modal #collect-point-set-panel #favorite-form .favorite-checkbox-con input[type=checkbox]:focus {
  outline: none;
}
.favorite-panels-modal #collect-point-set-panel .collect-set-modal-box {
  width: 100%;
  padding: 5px 0px;
  display: flex;
  display: -webkit-flex;
  justify-content: start;
  align-items: center;
  align-content: center;
}
.favorite-panels-modal #collect-point-set-panel .collect-set-modal-box .collect-set-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100% !important;
  margin-right: 12px;
}
.favorite-panels-modal #collect-point-set-panel .collect-set-modal-box .collect-set-btn #collect-set-save {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #007AFF !important;
  color: white;
}
.favorite-panels-modal #collect-point-set-panel .collect-set-modal-box .collect-set-btn #collect-set-remove {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #FF3B30 !important;
  color: white;
}
.favorite-panels-modal #collect-point-set-panel .collect-set-modal-box .collect-set-btn button {
  padding: 5px;
  margin: 10px;
  border-radius: 9px;
  width: 100%;
  border: 0;
}
.favorite-panels-modal #collect-point-set-panel.hide {
  display: none;
}
.favorite-panels-modal #collect-point-set-panel .favorite-edit-bottom-con {
  width: 350px;
  pointer-events: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 5px 20px 15px 20px;
}
.favorite-panels-modal #collect-point-set-panel .favorite-edit-bottom-con .favorite-bottom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  color: #007AFF;
  line-height: 20px;
  text-align: right;
  font-style: normal;
  margin: 0 10px;
}
.favorite-panels-modal #collect-point-set-panel .favorite-edit-bottom-con .save-favorite-btn {
  background: #007AFF;
  color: #FFFFFF;
  flex: 1;
}
.favorite-panels-modal #collect-point-set-panel .favorite-edit-bottom-con .delete-favorite-btn {
  background: #FF3B30;
  color: #FFFFFF;
  flex: 1;
}
#favorite-modal-add-modal {
  width: 360px;
  height: 140px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 10;
  border-radius: 9px;
}
#favorite-modal-add-modal.hide {
  display: none;
}
#favorite-modal-add-modal #label-add-modal {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
}
#favorite-modal-add-modal #label-add-modal #label-modal-title {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
#favorite-modal-add-modal #label-add-modal #label-modal-name {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
#favorite-modal-add-modal #label-add-modal #label-modal-name input {
  width: 80%;
  border-radius: 9px;
  border: 0;
  outline: 0;
  background-color: #EDEDED;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns {
  width: 100%;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns button {
  width: 30%;
  border-radius: 9px;
  border: 0;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns button span {
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: center;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns :nth-child(1) {
  z-index: 11;
  background-color: #ffffff;
  border: 1px solid #007AFF;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns :nth-child(1) span {
  border: 0;
  color: #007AFF;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns :nth-child(2) {
  background-color: #007AFF;
}
#favorite-modal-add-modal #label-add-modal #label-modal-btns :nth-child(2) span {
  background: transparent;
  border: 0;
  color: white;
}
#favorite-modal-remove-modal {
  width: 360px;
  height: 140px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 10;
  border-radius: 9px;
}
#favorite-modal-remove-modal.hide {
  display: none;
}
#favorite-modal-remove-modal #label-remove-modal {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
}
#favorite-modal-remove-modal #label-remove-modal #label-remove-title {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  font-weight: 700;
}
#favorite-modal-remove-modal #label-remove-modal #label-remove-name {
  width: 70%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns {
  width: 100%;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns button {
  width: 30%;
  border-radius: 9px;
  border: 0;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns button span {
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: center;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns :nth-child(1) {
  z-index: 11;
  background-color: #ffffff;
  border: 1px solid #007AFF;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns :nth-child(1) span {
  border: 0;
  color: #007AFF;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns :nth-child(2) {
  background-color: #007AFF;
}
#favorite-modal-remove-modal #label-remove-modal #label-modal-remove-btns :nth-child(2) span {
  background: transparent;
  border: 0;
  color: white;
}
.rashinban-box-compass {
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
  height: 1080px;
}
.rashinban-box-compass .compass-list {
  margin: 2px 0 0 3px;
  display: flex;
  flex-wrap: wrap;
}
.rashinban-box-compass .compass-li {
  margin: 0 0 0 32px;
  cursor: pointer;
}
.rashinban-box-compass .compass-li.on .compass-img {
  border: 4px solid #007AFF;
}
.rashinban-box-compass .compass-li.on p {
  color: #007AFF;
}
.rashinban-box-compass .compass-li .compass-img {
  position: relative;
  pointer-events: none;
  border-radius: 8px;
  color: white;
  background-color: white;
  width: 142px;
  height: 142px;
}
.rashinban-box-compass .compass-li .compass-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 123px;
  height: 123px;
}
.rashinban-box-compass .compass-li .compass-img .vip-compass {
  position: absolute;
  width: 42%;
  height: 16%;
  top: 12%;
  left: 74%;
}
.rashinban-box-compass .compass-li p {
  width: 142px;
  word-wrap: break-word;
  word-break: break-all;
  margin-top: 12px;
  text-align: center;
  color: white;
}
#compass-delete-model-out {
  display: none;
}
#rashinban-box-delete {
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 154px;
  background: #FFFFFF;
  border-radius: 9px;
}
#rashinban-box-delete .rashinban-box-delete-line {
  width: 100%;
  height: 30%;
  position: relative;
}
#rashinban-box-delete .rashinban-box-delete-line button {
  position: absolute;
  bottom: 0;
  height: 72%;
  width: 35%;
  border: 1px solid #007AFF;
  border-radius: 9px;
}
#rashinban-box-delete .rashinban-box-delete-line #rashinban-box-delete-no {
  left: 10%;
  color: #007AFF;
}
#rashinban-box-delete .rashinban-box-delete-line #rashinban-box-delete-yes {
  background-color: #FF3B30;
  right: 10%;
  color: white;
  border: none;
}
#rashinban-box-delete .rashinban-box-delete-content span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
#rashinban-box-delete .rashinban-box-delete-title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
#compass-rename-model-out {
  display: none;
}
#rashinban-box-rename {
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 174px;
  background: #FFFFFF;
  border-radius: 9px;
}
#rashinban-box-rename .rashinban-box-rename-line {
  width: 100%;
  height: 30%;
  position: relative;
}
#rashinban-box-rename .rashinban-box-rename-line input {
  position: absolute;
  width: 90%;
  height: 70%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background-color: #EDEDED;
  border-radius: 9px;
}
#rashinban-box-rename .rashinban-box-rename-line input::placeholder {
  color: #C7C7CC;
}
#rashinban-box-rename .rashinban-box-rename-line button {
  position: absolute;
  bottom: 0;
  height: 72%;
  width: 35%;
  border: 1px solid #007AFF;
  border-radius: 9px;
}
#rashinban-box-rename #rashinban-box-rename-no {
  left: 10%;
  color: #007AFF;
}
#rashinban-box-rename #rashinban-box-rename-yes {
  background-color: #007AFF;
  right: 10%;
  color: white;
}
#rashinban-box-rename .rashinban-box-rename-title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
#tr-rashinban {
  position: relative;
}
#top-right-two-elements {
  display: flex;
  justify-items: start;
  align-items: flex-end;
  flex-direction: column;
  position: absolute;
  top: 72px;
  right: 0;
}
#top-right-two-elements > * {
  pointer-events: auto;
}
#top-right-two-elements .top-right-elements-extend {
  display: flex;
  text-align: center;
  justify-content: flex-end;
}
#top-right-two-elements .top-right-elements-extend .top-right-button {
  width: 277px;
  height: 46px;
  margin-left: 12px;
  background: #161824;
  border-radius: 12px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button.cross {
  width: 360px;
  height: 108px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide {
  padding: 0 12px;
  margin-top: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  width: 100%;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #rashinban-cross-size-span {
  width: 40px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #rashinban-cross-size {
  width: 240px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line img {
  width: 20px;
  height: 20px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line img#cross-size-minus {
  margin-left: 10px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #cross-slide-spin-span {
  text-align: center;
  border: none;
  background: #FFFFFF;
  border-radius: 4px;
  width: 40px;
  height: 28px;
}
#top-right-two-elements .top-right-elements-extend #cross-spin-button {
  width: 43px;
  border-radius: 6px;
  background: #161824;
  border: 1px solid;
  color: #FFFFFF;
  height: 24px;
  margin-top: 6px;
  font-size: 13px;
}
#top-right-two-elements .top-right-elements-extend #cross-recover-button {
  width: 43px;
  border-radius: 6px;
  background: #161824;
  border: 1px solid;
  height: 24px;
  color: #007AFF;
  font-size: 13px;
}
#top-right-two-elements .tool {
  margin-top: 4px;
  width: 66px;
  height: 66px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
#top-right-two-elements .tool .slide-input {
  margin-left: 21px;
  margin-top: 16px;
  width: 230px;
  height: 6px;
}
#top-right-two-elements .tool .cross-slide-input {
  margin-left: 21px;
  margin-top: 16px;
  width: 110px;
  height: 6px;
}
.compass-above-img {
  display: none;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 240px);
  left: calc(50% - 240px);
  background-color: rgba(39, 60, 125, 0);
  z-index: 1;
}
.compass-above-img img {
  width: 480px;
  height: 480px;
}
.compass-skyHeart-img {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(39, 60, 125, 0);
  z-index: 1;
}
.rashinban-box-hr hr {
  color: white;
}
.rashinban-box-container {
  margin: 21px 0 0 27px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  color: #e8eaed;
}
.rashinban-box-container .rashinban-title {
  font-size: 18px;
}
.rashinban-box-container .rashinban-title p {
  margin: auto;
}
.rashinban-box-container .rashinban-box-button {
  cursor: pointer;
  margin-left: 50%;
}
.rashinban-box-container .rashinban-box-button button {
  color: white;
  background: #007AFF;
  width: 89px;
  height: 40px;
  border: none;
  border-radius: 10px;
}
.rashinban-box-container .rashinban-box-close {
  margin-left: 9px;
  cursor: pointer;
}
.cross-spin-button-div {
  margin-left: 12px;
}
.cross-recover-button-div {
  margin-left: 6px;
}
#addrchange-panel-body {
  width: 720px;
  height: 472px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 10;
  border-radius: 9px;
}
#addrchange-panel-body #addrchange-heard {
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
}
#addrchange-panel-body #addrchange-heard img {
  float: right;
  margin-top: 1%;
  margin-right: 1%;
  cursor: pointer;
}
#addrchange-panel-body #addrchange-body textarea {
  width: 600px;
  height: 300px;
  margin-left: 60px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  border-radius: 5px;
  resize: none;
  outline: none !important;
  border: 1px solid #9AA0A6;
}
#addrchange-panel-body #addrchange-body form {
  display: none;
  width: 600px;
  height: 300px;
  overflow: auto;
  margin-left: 60px;
  padding-left: 5px;
  border-radius: 5px;
  border: 1px solid #9AA0A6;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-title {
  visibility: hidden;
  display: flex;
  flex-direction: column;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-title span {
  margin-top: 10px;
  align-self: center;
  width: 600px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6D7278;
  line-height: 20px;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-button {
  text-align: center;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-button button {
  width: 160px;
  height: 40px;
  border-radius: 9px;
  margin: 20px 10px 0px 10px;
  border: none;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-button #addrchange-change {
  color: #FFFFFF;
  background: #007AFF;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-button #addrchange-download {
  color: #C7C7CC;
}
#addrchange-panel-body #addrchange-botton #addrchange-botton-button #addrchange-cat {
  color: #C7C7CC;
}
#kml-move-modal-out .model-out-content {
  top: 50%;
}
.kml-move-list {
  height: 360px;
  width: 360px;
  display: block;
  overflow-x: hidden;
  padding-bottom: 20px;
}
.kml-move-title {
  width: 100%;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  text-align: center;
  padding: 18px 0px 18px 0px;
}
.kml-move-item {
  display: flex;
  width: 360px;
  height: 58px;
  cursor: pointer;
}
.kml-move-item .kml-move-folder-img {
  height: 36px;
  width: 36px;
  margin: 12px 9px 10px 18px;
}
.kml-move-item .kml-move-name {
  width: 195px;
  height: 26px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 26px;
  margin: 17px 51px 15px 0;
}
.kml-move-item .kml-move-select {
  height: 42px;
  width: 42px;
  margin: 8px 9px 8px 0;
}
.kml-move-item .kml-move-select.hide {
  display: none;
}
.kml-move-item .kml-move-select.show {
  display: block;
}
.kml-move-btn {
  position: relative;
  display: flex;
}
.kml-move-btn .confirm-btn {
  width: 126px;
  height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  margin: 18px 36px 18px 0px;
  background: #007AFF;
  border-radius: 9px;
  text-align: center;
  padding-top: 10px;
}
.kml-move-btn .cancel-btn {
  width: 126px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #007AFF;
  margin: 18px 36px 18px 36px;
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 20px;
}
#right-tools {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  /* 按钮容器：自适应高度 */
  /* 右侧三角形 */
}
#right-tools #bottom-right-elements {
  display: flex;
  align-items: flex-end;
  justify-items: flex-end;
  flex-direction: column;
  margin-right: 24px;
  margin-bottom: 102px;
}
#right-tools #bottom-right-elements > * {
  pointer-events: auto;
}
#right-tools #bottom-right-elements .bottom-right-button {
  cursor: pointer;
  background: #161824;
  border-radius: 9px;
}
#right-tools #bottom-right-elements .bottom-right-button + .bottom-right-button {
  margin-top: 9px;
}
#right-tools #bottom-right-elements .screen-con {
  cursor: auto;
  position: relative;
}
#right-tools #bottom-right-elements .screen-con #screen-capture-btn {
  cursor: pointer;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left {
  display: none;
  top: 0;
  left: -235px;
  position: absolute;
  height: 60px;
  width: 225px;
  border-radius: 15px;
  background-color: rgba(16, 18, 24, 0.84);
  border: none;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-title {
  position: absolute;
  left: 20px;
  top: 5px;
  font-size: 12px;
  color: #C7C7CC;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options {
  position: absolute;
  bottom: 8px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #FFFFFF;
  align-content: center;
  padding: 0 8px;
  flex-wrap: wrap;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options label {
  margin: 2px 0;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options label.disabled {
  opacity: 0.45;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options input[type=checkbox] {
  width: 15px;
  height: 15px;
  position: relative;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAR9JREFUWEftl7FqwzAQhv+TydqSvV2zptBArL1TxvYh8gx5gjxDH6IZO3W3DQm0a9d2L/FqagVBskZ35kIQnNcTvz5/dwKJkMlHmXDCQLU7ZUbNqLYB7Tyb0asabZrPSd//r4HwBOBmIEwL0IdzxWo+f/jmZrBbf4SsgTDmhp9fR3/OFSUXlg1aVbs3IDwT4R0YLcty+jsEuK6/7oDuNQQsANp4//jCyRGAbvex3USj+6GQJ6AIG0L3A6D1fnarDRpioPcz9s+dA6iqrSiPvak0OGVJmmegZlTbgHaezagZ1TagnWczaka1DWjnSWY0l2teJhfnbJ4iceayeNylDsel6+zDdGmQVL6BpgxJ62ZUaiy13oymDEnrZlRqLLX+AL5G0isLMdjuAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options input[type=checkbox]:checked {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAhtJREFUWEftl01IVFEUx3+3BFtkIUi4ElESXQgJQrpQBEUErcRZGKHRIgjBvSgG6mJcuBNBM0gQBCMNqcCFHwgKGrgUtHbR0oU0IoyN+eJ4eSjCjHfG+2Z88O7qfZz7P7/3P+e+d5/CJ0P5hJMA1HalAkcDR207YFsv6NHMOtrrlKAYBhqAeynCRIBlHHoZVj9NNcxLryG3gFxT8SviDnCoMoU1B+1z5oE2S5CuzGfCKmSimQzon2uUOx5LhLC6bxvUMRFMOiasjMwyCjpL3udcC1QSPSvTj7Gwe+FxbgroLQWdj6CnFsoewMAKDK7eMNDSPPgQguoCkHrsH8GbhQw4Km6dxmmI7ioYaYLsLO3e6Ca8XYLDv5e62OvS38mCj88hegIv5+D4RAPcVjDaAl2P9flRDF7MwtcfcZaZl6A52fClA+qKdPJve9A2A/8cmArpnpS1HIlC8zRs/ErwLvAStL8OhuQjigaSMfEdYqcgJZdr0Rg0TsF6IkiZ6CWo6NcXw/hTeJinQd2Xl0DKcfssfNpJ4KR7y2tQySN9KqVuLz93ViDDa9C/bACZDkddDKn8u1Z4XamvbP2Gmkndr0YjHY66ILLSF19BbSFUjMHuvhGiDkonqOTLvwtPSuH9dhKQmQBNEu883ANHfbPN88nG2Te/ItJVvvi5S3m12JlovsO3ky9llQA0ZeviTAwcDRy17YBtvaBHbTv6H306piue51HkAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 28px;
  border: none;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .left-options input[type=checkbox]:focus {
  outline: none;
}
#right-tools #bottom-right-elements .screen-con .screen-con-left .small-triangle {
  position: absolute;
  top: 20px;
  right: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgba(16, 18, 24, 0.84);
  border-right: 10px solid transparent;
}
#right-tools #bottom-right-elements .screen-con:hover .screen-con-left {
  display: block;
}
#right-tools #bottom-right-elements #fullscreen-button.on .fullscreen-button-on {
  display: block;
}
#right-tools #bottom-right-elements #fullscreen-button.on .fullscreen-button-off {
  display: none;
}
#right-tools #bottom-right-elements #fullscreen-button .fullscreen-button-on {
  display: none;
}
#right-tools #bottom-right-elements #fullscreen-button .fullscreen-button-off {
  display: block;
}
#right-tools #bottom-right-elements #imagery-button.on .imagery-button-on {
  display: block;
}
#right-tools #bottom-right-elements #imagery-button.on .imagery-button-off {
  display: none;
}
#right-tools #bottom-right-elements #imagery-button .imagery-button-on {
  display: none;
}
#right-tools #bottom-right-elements #imagery-button .imagery-button-off {
  display: block;
}
#right-tools #bottom-right-elements #coordinate-button {
  position: relative;
  display: flex;
  background: none;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate {
  position: absolute;
  top: 0;
  left: -9px;
  transform: translateX(-100%);
  padding: 15px 0;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  background-color: #161824;
  opacity: 0.84;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-inline {
  display: flex;
  align-items: center;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-inline + .coordinate-inline {
  margin-top: 15px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-p {
  color: #FFFFFF;
  min-width: 40px;
  margin-left: 10px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-dfm {
  display: none;
  color: white;
  margin-right: 15px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-dfm .newinput {
  border: none;
  outline: medium;
  border-radius: 5px;
  height: 30px;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-dfm .newinput#coordinate-input-lonM {
  width: 70px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-dfm .newinput#coordinate-input-latM {
  width: 70px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-c button,
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-b button {
  width: 48px;
  height: 30px;
  margin-right: 10px;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  background-color: #FA6400;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .coordinate-b button {
  background-color: #007AFF;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate .ordinput {
  border: none;
  outline: medium;
  border-radius: 5px;
  height: 30px;
  width: 120px;
  margin-left: 5px;
  margin-right: 5px;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate label {
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}
#right-tools #bottom-right-elements #coordinate-button #coordinate input[name="search-coordinate"] {
  margin: 7px;
}
#right-tools #bottom-right-elements #streetview-button.on .streetview-icon-on {
  display: block;
}
#right-tools #bottom-right-elements #streetview-button.on .streetview-icon-off {
  display: none;
}
#right-tools #bottom-right-elements #streetview-button .streetview-icon-on {
  display: none;
}
#right-tools #bottom-right-elements #streetview-button .streetview-icon-off {
  display: block;
}
#right-tools #bottom-right-row {
  position: absolute;
  right: 0;
  bottom: 51px;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-items: flex-end;
  flex-direction: row;
  margin-right: 24px;
}
#right-tools #bottom-right-row > * {
  pointer-events: auto;
}
#right-tools #bottom-right-row .bottom-right-button {
  cursor: pointer;
  background: #161824;
  border-radius: 9px;
}
#right-tools #bottom-right-row .bottom-right-button + .bottom-right-button {
  margin-left: 9px;
}
#right-tools #bottom-right-row #coordinate-icon {
  background-color: #161824;
  opacity: 0.84;
  border-radius: 9px;
}
#right-tools #bottom-right-row #coordinate-icon.on #coordinate-icon-close {
  display: none;
}
#right-tools #bottom-right-row #coordinate-icon.on #coordinate-icon-open {
  display: block;
}
#right-tools #bottom-right-row #coordinate-icon #coordinate-icon-close {
  display: block;
}
#right-tools #bottom-right-row #coordinate-icon #coordinate-icon-open {
  display: none;
}
#right-tools #bottom-right-row #zoom-buttons {
  background: #161824;
  border-radius: 9px;
}
#right-tools #bottom-right-row #zoom-buttons #container {
  display: flex;
}
#right-tools #bottom-right-row #zoom-buttons #container #zoom-in {
  position: relative;
}
#right-tools #bottom-right-row #zoom-buttons #container #zoom-in::after {
  position: absolute;
  top: 50%;
  right: 0;
  border: 1px solid #000000;
  z-index: 12;
  content: '';
  width: 1px;
  height: 25px;
  transform: translateY(-50%);
}
#right-tools #bottom-right-row .moon-zoom-buttons {
  position: fixed;
  right: 22px;
  top: 300px;
}
#right-tools #top-right-elements {
  margin-right: 24px;
  margin-top: 10px;
  display: flex;
  justify-items: start;
  align-items: flex-end;
  flex-direction: column;
  top: 12px;
  right: 75px;
}
#right-tools #top-right-elements > * {
  pointer-events: auto;
}
#right-tools #top-right-elements .top-right-elements-extend {
  display: flex;
  text-align: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button {
  margin-left: 12px;
  background: #161824;
  border-radius: 12px;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-declination.on {
  background-color: #2B2C37;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-declination.on .rashinban-declination-on {
  display: inline-block;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-declination.on .rashinban-declination-off {
  display: none;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-declination .rashinban-declination-on {
  display: none;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-lock.on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-affixed.on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-change.on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-expand.on {
  background-color: #2B2C37;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-lock.on .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-affixed.on .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-change.on .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-expand.on .on {
  display: inline-block;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-lock.on .off,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-affixed.on .off,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-change.on .off,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-expand.on .off {
  display: none;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-lock .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-affixed .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-change .on,
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #rashinban-expand .on {
  display: none;
}
#right-tools #top-right-elements .top-right-elements-extend .top-right-button #mapping-tools {
  margin-left: 12px;
  margin-right: 12px;
}
#right-tools #top-right-elements .tool {
  margin-top: 4px;
  width: 60px;
  height: 60px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
}
#right-tools #switch-layer-button {
  /* 移除固定 height，改为最小高度 + 自适应 */
  width: 42px;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #161824;
  border-radius: 9px;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
}
#right-tools #switch-layer-button img {
  width: 42px;
  height: 36px;
  flex-shrink: 0;
}
#right-tools #switch-layer-button-span {
  display: block;
  width: 32px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  /* 允许换行，自动撑高 */
  white-space: normal;
  /* 允许换行 */
  word-break: break-word;
  /* 长单词也换行 */
  overflow: visible;
  /* 不隐藏溢出（可选） */
}
#right-tools #quick-layer-photo-time {
  display: inline-flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  background-color: #161824;
  border-radius: 9px;
  width: 200px;
  height: 42px;
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
}
#right-tools .quarterly-map-button {
  width: 42px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 垂直居中 */
  align-items: center;
  /* 水平居中 */
  text-align: center;
}
#right-tools .quarterly-map-button-span {
  display: block;
  width: 32px;
  height: 36px;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  text-align: center;
  font-style: normal;
}
#right-tools .quick-switch-layer {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  display: none;
  justify-content: center;
  align-items: center;
  height: 42px;
}
#right-tools .quick-switch-layer-group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 30px;
  gap: 10px;
  /* 可选：给图片和文字之间加点间距 */
}
#right-tools #quick-switch-layer.bottom-right-button {
  background: transparent none !important;
}
#right-tools #rashinban-toolbar::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* 垂直居中 */
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #000000;
  /* 关键：左边框为颜色，形成向右的三角形 */
  border-right: none;
}
#area-dropdown,
#left-date-dropdown,
#right-date-dropdown {
  display: none;
}
#area-dropdown .dropdown-menu,
#left-date-dropdown .dropdown-menu,
#right-date-dropdown .dropdown-menu {
  min-width: 120px;
  max-height: 250px;
  overflow-y: scroll;
  border: none;
  border-radius: 9px;
  background-color: rgba(0, 0, 0, 0.72);
}
#area-dropdown .dropdown-menu::-webkit-scrollbar,
#left-date-dropdown .dropdown-menu::-webkit-scrollbar,
#right-date-dropdown .dropdown-menu::-webkit-scrollbar {
  display: none;
}
#area-dropdown .dropdown-menu .dropdown-item,
#left-date-dropdown .dropdown-menu .dropdown-item,
#right-date-dropdown .dropdown-menu .dropdown-item {
  color: #fff;
  font-size: 12px;
}
#area-dropdown .dropdown-menu .dropdown-item.active,
#left-date-dropdown .dropdown-menu .dropdown-item.active,
#right-date-dropdown .dropdown-menu .dropdown-item.active,
#area-dropdown .dropdown-menu .dropdown-item:active,
#left-date-dropdown .dropdown-menu .dropdown-item:active,
#right-date-dropdown .dropdown-menu .dropdown-item:active {
  color: #007AFF;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.12);
}
#area-dropdown .dropdown-menu .dropdown-item:focus,
#left-date-dropdown .dropdown-menu .dropdown-item:focus,
#right-date-dropdown .dropdown-menu .dropdown-item:focus,
#area-dropdown .dropdown-menu .dropdown-item:hover,
#left-date-dropdown .dropdown-menu .dropdown-item:hover,
#right-date-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.radius-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 30px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.72);
  border: 0;
  outline: 0;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}
.center-top-left,
.center-top-right,
.center-bottom-left,
.center-bottom-right {
  z-index: 100;
  position: absolute !important;
  top: 12px;
  left: 50%;
  transform: translateX(-88px);
}
.center-top-left > .dropdown-menu,
.center-top-right > .dropdown-menu,
.center-bottom-left > .dropdown-menu,
.center-bottom-right > .dropdown-menu {
  min-width: 120px;
}
.center-bottom-left,
.center-bottom-right {
  top: auto;
  bottom: 46px;
}
.center-bottom-left > .dropdown-menu,
.center-bottom-right > .dropdown-menu {
  min-width: 82px !important;
}
.center-top-right,
.center-bottom-right {
  transform: translateX(12px);
}
#imagery-slider-line {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 6px;
  height: 100%;
  z-index: 99;
  background-color: #FFFFFF;
}
#imagery-slider-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  transform: translate(-50%, -50%);
  user-select: none;
  -webkit-user-select: none;
}
#imagery-slider-btn:hover {
  cursor: ew-resize;
}
#login-model-out {
  display: none;
}
#login-close {
  cursor: pointer;
  z-index: 999;
  position: absolute;
  top: 2%;
  right: 3%;
  width: 42px;
  height: 42px;
}
#login-box {
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
  height: 560px;
  background: #FFFFFF;
  border-radius: 18px;
}
#login-box a {
  text-decoration: none;
}
#login-box .login-center {
  display: none;
  position: absolute;
  height: 50%;
  width: 78%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#login-box .login-center.on {
  display: block;
}
#login-box .login-center .qrcode-model {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 100%;
  background: rgba(0, 0, 0, 0.72);
  z-index: 999;
}
#login-box .login-center .qrcode-model img {
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
}
#login-box .login-center .qrcode-model div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  width: 50%;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
}
#login-box .login-center .qrcode-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 100%;
}
#login-box .login-center .qrcode-img:hover #qrcode-img {
  opacity: 0;
}
#login-box .login-center .qrcode-img:hover #qrcode-hint-img {
  display: block;
}
#login-box .login-center .qrcode-img #qrcode-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#login-box .login-center .qrcode-img #qrcode-img canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#login-box .login-center .qrcode-img #qrcode-hint-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: none;
}
#login-box .login-center input {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 15%;
  background: #EFEFF4;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}
#login-box .login-center input#user-login-phone-input {
  color: #000000;
  top: 5%;
}
#login-box .login-center input#user-login-code-input {
  color: #000000;
  top: 25%;
}
#login-box .login-center #vcode-btn {
  position: absolute;
  width: 25%;
  height: 13%;
  right: 3%;
  top: 26%;
  background: rgba(0, 122, 255, 0.5);
  border-radius: 9px;
  border: none;
  line-height: 20px;
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
#login-box .login-center #vcode-btn.on {
  background: #007aff;
}
#login-box .login-center #vcode-btn.lock {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  width: 32%;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #007AFF;
}
#login-box .login-center #user-login-btn {
  position: absolute;
  width: 95%;
  height: 15%;
  left: 50%;
  bottom: 24%;
  transform: translateX(-50%);
  border-radius: 9px;
  border: none;
  background: rgba(0, 122, 255, 0.5);
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
}
#login-box .login-center #user-login-btn.on {
  background: #007AFF;
}
#login-box .login-center #user-login-hint {
  display: none;
  position: absolute;
  bottom: 50%;
  left: 3%;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #E02020;
  line-height: 20px;
}
#login-box .login-center #user-login-agreement {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 20px;
  text-align: center;
}
#login-box .login-center #user-login-agreement a {
  color: #007AFF;
}
#login-box .login-switch {
  cursor: pointer;
  position: absolute;
  top: 13%;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}
#login-box .login-switch.on {
  color: #007AFF;
}
#login-box .login-switch#phone-code-login {
  right: 15%;
}
#login-box .login-switch#app-qrcode-login {
  left: 15%;
}
#login-box .vertical {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 36px;
  background: #E5E5EA;
}
#login-box #app-download {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
#login-box #app-download a {
  color: #007AFF;
}
#purchase-guide-model-out {
  display: none;
}
#purchase-guide {
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 624px;
  height: 496px;
  position: relative;
}
#purchase-guide img {
  position: absolute;
}
#purchase-guide #purchase-guide-bg {
  width: 100%;
  height: 100%;
}
#purchase-guide #purchase-guide-close {
  cursor: pointer;
  position: absolute;
  top: 4%;
  right: 3%;
  width: 42px;
  height: 42px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
#unitconverter-panel .ConverterModalCon {
  width: 37.5%;
  max-width: 720px;
  min-width: 575px;
}
#unitconverter-panel .ConverterModalCon .modal-content {
  padding: 0 20px;
  height: 394px;
  background: #FFFFFF;
  border-radius: 18px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body {
  padding: 0;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .btn-close {
  position: absolute;
  right: 0;
  top: 10px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .btn-close:focus {
  box-shadow: none;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body #unitConverterModalNav .nav-link {
  color: #000;
  font-size: 1rem;
  margin: 5px 0;
  font-weight: 600;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body #unitConverterModalNav .nav-link.active {
  position: relative;
  color: #007AFF;
  background-color: unset;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body #unitConverterModalNav .nav-link.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30%;
  transform: translateX(-50%);
  border-bottom: 4px solid #007AFF;
  /* 设置虚拟边框样式 */
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body #unitConverterModalNav .nav-item {
  display: flex;
  justify-content: center;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content {
  position: relative;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .unit-btn {
  position: relative;
  width: 120px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #C7C7CC;
  font-size: 14px;
  color: #000;
  padding: 0 8px;
  text-align: left;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .unit-btn .unit-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .dropdown-menu {
  max-height: 400px;
  min-width: 120px;
  padding: 4px 8px 10px;
  border-radius: 14px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .dropdown-menu .dropdown-header {
  padding: 8px 0;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .dropdown-menu .unit-item {
  padding: 5px 7px;
  border-radius: 10px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .unitSelect .dropdown-menu .unit-item:hover {
  background: #e4eaf1;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  height: 48px;
  flex-wrap: nowrap;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .title {
  width: 40px;
  height: 20px;
  font-weight: 600;
  color: #524d4d;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .form-check {
  margin-left: 20px;
  margin-top: 4px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .form-check label {
  margin-left: 2px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .form-check:first-of-type {
  margin-left: 8px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .dtodfminput {
  flex: 1;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  outline: none;
  padding: 8px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .dtodfminputdu {
  display: inline-block;
  margin-left: 1px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .dfmtodinput {
  width: 100%;
  flex: 1;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  outline: none;
  padding: 8px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .longitudeBoxDu {
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 20px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .latitudeBoxDu {
  display: flex;
  flex: 1;
  align-items: center;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .longitudeBoxDFM {
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 20px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .longitudeBoxDFM .longitudeBoxDFMInputs {
  display: flex;
  flex: 1;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .latitudeBoxDFM {
  display: flex;
  flex: 1;
  align-items: center;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #latitudeAndLongitude-nav-con .convert-model .latitudeBoxDFM .latitudeBoxDFMInputs {
  display: flex;
  flex: 1;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  height: 100px;
  /*滚动条高宽度*/
  /*滚动条滑块*/
  /*滚动条里面轨道*/
  /*滚动条的小边角*/
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model label {
  text-align: center;
  flex: 1;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .unitSelect {
  margin: 0 20px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .unitSelect:last-child {
  margin-right: 0;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .dropdown-menu {
  overflow-y: scroll;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .dropdown-menu::-webkit-scrollbar {
  width: 4px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c7c4c4;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .dropdown-menu ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #areaConverter-nav-con .convert-model .dropdown-menu::-webkit-scrollbar-corner {
  background: transparent;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #lengthConverter-nav-con .convert-model {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  height: 100px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #lengthConverter-nav-con .convert-model label {
  text-align: center;
  flex: 1;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #lengthConverter-nav-con .convert-model .unitSelect {
  margin: 0 20px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content #lengthConverter-nav-con .convert-model .unitSelect:last-child {
  margin-right: 0;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .tab-content .numText {
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 8px;
  outline: none;
  width: 100%;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .converterResult {
  position: absolute;
  padding: 10px;
  top: 120px;
  width: 100%;
  height: 144px;
  background: #EFEFF4;
  border-radius: 9px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .converterResult .converterResultText {
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .converterResult .converterResultTip {
  color: #ff0000;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 75%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .toolbtn {
  top: 282px;
  width: 100%;
  position: absolute;
  text-align: center;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .toolbtn .clearBtn {
  width: 40%;
  height: 40px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #007AFF;
  font-size: 14px;
  text-align: center;
  color: #007AFF;
  padding: 0 30px;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .toolbtn .resultBtn {
  width: 40%;
  height: 40px;
  background: #9f9fac;
  border-radius: 9px;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 14px;
  margin-left: 20px;
  padding: 0 30px;
  border: none;
  pointer-events: none;
}
#unitconverter-panel .ConverterModalCon .modal-content .modal-body .toolbtn .resultBtnAble {
  background: #007AFF;
  pointer-events: auto;
}
#invoiceSlider {
  width: 420px;
}
#invoiceSlider p {
  margin: 0;
  padding: 0;
}
#invoiceSlider .head {
  padding: 5px 8px 5px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#invoiceSlider .head .title {
  flex: 1;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
}
#invoiceSlider .head .backImg,
#invoiceSlider .head .closeImg {
  width: 36px;
  height: 36px;
}
#invoiceSlider .head .backImgCon {
  width: 36px;
  height: 36px;
}
#invoiceSlider .head .backImgCon .backImg {
  display: none;
}
#invoiceSlider .content {
  display: flex;
  flex-direction: column;
}
#invoiceSlider .content .makeInvoiceIndex {
  width: 100%;
  /*滚动条高宽度*/
  /*滚动条滑块*/
  /*滚动条里面轨道*/
  /*滚动条的小边角*/
}
#invoiceSlider .content .makeInvoiceIndex .tip-line {
  text-align: left;
  padding-left: 13px;
}
#invoiceSlider .content .makeInvoiceIndex .tip-line .tip {
  font-size: 13px;
  color: #8E8E93;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#invoiceSlider .content .makeInvoiceIndex .tip-line .tip .serverEmail {
  color: #057DFF;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList {
  width: 100%;
  height: calc(100vh - 35px - 96px);
  overflow-y: scroll;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 12px;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont .conRowOne {
  padding: 0 6px 0 13px;
  display: flex;
  justify-content: center;
  margin-bottom: 9px;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont .conRowOne .time {
  height: 20px;
  line-height: 20px;
  color: #6D7278;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont .conRowOne .makeText {
  height: 20px;
  line-height: 20px;
  text-align: right;
  flex: 1;
  color: #48CC69;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont .conRowTwo {
  padding: 0 11px 0 7px;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 13px;
  border-left: 6px solid #007AFF;
  height: 12px;
  line-height: 12px;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList .invoiceCont .conRowThree {
  padding: 0 11px 0 13px;
  color: #6D7278;
  display: flex;
  justify-content: space-between;
  margin-bottom: 27px;
  height: 12px;
  line-height: 12px;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList::-webkit-scrollbar {
  width: 4px;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList::-webkit-scrollbar-thumb {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c7c4c4;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
#invoiceSlider .content .makeInvoiceIndex .invoiceList::-webkit-scrollbar-corner {
  background: transparent;
}
#invoiceSlider .content .noneInvoice,
#invoiceSlider .content .noneInvoiceLog {
  margin-top: 50%;
}
#invoiceSlider .content .noneInvoice img,
#invoiceSlider .content .noneInvoiceLog img {
  height: 100px;
  width: 100px;
  margin-bottom: 30px;
}
#invoiceSlider .content .noneInvoice .tip,
#invoiceSlider .content .noneInvoiceLog .tip {
  font-size: 20px;
  color: #6D7278;
}
#invoiceSlider .content .writeInvoice {
  display: none;
  text-align: left;
  /*滚动条高宽度*/
  /*滚动条滑块*/
  /*滚动条里面轨道*/
  /*滚动条的小边角*/
}
#invoiceSlider .content .writeInvoice .tip-line {
  text-align: left;
  padding-left: 13px;
}
#invoiceSlider .content .writeInvoice .tip-line .tip {
  font-size: 13px;
  color: #8E8E93;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#invoiceSlider .content .writeInvoice #addInvoiceForm {
  overflow-y: scroll;
  height: calc(100vh - 96px);
}
#invoiceSlider .content .writeInvoice #addInvoiceForm::-webkit-scrollbar {
  width: 4px;
}
#invoiceSlider .content .writeInvoice #addInvoiceForm::-webkit-scrollbar-thumb {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c7c4c4;
}
#invoiceSlider .content .writeInvoice #addInvoiceForm ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
#invoiceSlider .content .writeInvoice #addInvoiceForm::-webkit-scrollbar-corner {
  background: transparent;
}
#invoiceSlider .content .writeInvoice .form-title {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  padding-left: 13px;
  margin-bottom: 15px;
}
#invoiceSlider .content .writeInvoice .inputLine {
  font-size: 14px;
  display: flex;
  padding: 0 8px 0 13px;
  align-items: center;
  margin-bottom: 14px;
  /*滚动条高宽度*/
  /*滚动条滑块*/
  /*滚动条里面轨道*/
  /*滚动条的小边角*/
}
#invoiceSlider .content .writeInvoice .inputLine .input-lable {
  width: 100px;
}
#invoiceSlider .content .writeInvoice .inputLine input {
  width: 100%;
  flex: 1;
  padding: 4px 8px;
  outline: none;
  border-radius: 8px;
  border: 1px solid #D1D1D6;
  height: 32px;
}
#invoiceSlider .content .writeInvoice .inputLine input::placeholder {
  color: #C7C7CC;
}
#invoiceSlider .content .writeInvoice .inputLine .invoice-num {
  color: #007AFF;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line {
  height: 24px;
  flex: 1;
  display: flex;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line label {
  display: flex;
  align-items: center;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line label input {
  height: 18px;
  width: 18px;
  accent-color: #007AFF;
  padding: 3px;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line label span {
  margin-left: 5px;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line label:first-child {
  margin-left: 10px;
}
#invoiceSlider .content .writeInvoice .inputLine .radio-line label:last-child {
  margin-left: 30px;
}
#invoiceSlider .content .writeInvoice .inputLine .invoice_title_con {
  flex: 1;
  position: relative;
}
#invoiceSlider .content .writeInvoice .inputLine .borderChange {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon {
  display: none;
  top: 32px;
  left: 0;
  height: 130px;
  overflow-y: scroll;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #D1D1D6;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 4px 0px;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon .companyList {
  font-size: 12px;
  margin-bottom: 4px;
  padding: 0 6px;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon .companyList:hover {
  color: #fff;
  background: #007AFF;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon::-webkit-scrollbar {
  width: 4px;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon::-webkit-scrollbar-thumb {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c7c4c4;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
#invoiceSlider .content .writeInvoice .inputLine .searchCon::-webkit-scrollbar-corner {
  background: transparent;
}
#invoiceSlider .content .writeInvoice .notice {
  padding: 0 8px 0 13px;
  font-size: 14px;
  color: #8E8E93;
  margin-bottom: 20px;
}
#invoiceSlider .content .writeInvoice .submit-con {
  margin-bottom: 10px;
  width: 100%;
  padding: 0 8px 0 13px;
}
#invoiceSlider .content .writeInvoice .submit-con .submit-btn {
  outline: none;
  height: 40px;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  background: #007AFF;
  border: none;
  border-radius: 9px;
}
#invoiceSlider .content .writeInvoice .submit-con .disBtn {
  background: rgba(0, 122, 255, 0.3);
  pointer-events: none;
}
#invoiceSlider .content .writeResultSuccess,
#invoiceSlider .content .writeResultFail,
#invoiceSlider .content .detailsResultFail {
  display: none;
  position: absolute;
  width: 100%;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
#invoiceSlider .content .writeResultSuccess img,
#invoiceSlider .content .writeResultFail img,
#invoiceSlider .content .detailsResultFail img {
  height: 100px;
  width: 100px;
  margin-bottom: 30px;
}
#invoiceSlider .content .writeResultSuccess .tip,
#invoiceSlider .content .writeResultFail .tip,
#invoiceSlider .content .detailsResultFail .tip {
  font-size: 20px;
  color: #000000;
  margin-bottom: 30px;
}
#invoiceSlider .content .writeResultSuccess button,
#invoiceSlider .content .writeResultFail button,
#invoiceSlider .content .detailsResultFail button {
  border: none;
  width: 80%;
  height: 40px;
  background: #007AFF;
  border-radius: 9px;
  font-size: 14px;
  color: #FFFFFF;
}
#invoiceSlider .content .invoiceLog {
  display: none;
  width: 100%;
  /*滚动条高宽度*/
  /*滚动条滑块*/
  /*滚动条里面轨道*/
  /*滚动条的小边角*/
}
#invoiceSlider .content .invoiceLog .tip-line {
  text-align: left;
  padding-left: 13px;
}
#invoiceSlider .content .invoiceLog .tip-line .tip {
  font-size: 13px;
  color: #8E8E93;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#invoiceSlider .content .invoiceLog .tip-line .tip .serverEmail {
  color: #057DFF;
}
#invoiceSlider .content .invoiceLog .invoiceLogList {
  height: calc(100vh - 35px - 96px);
  overflow-y: scroll;
  width: 100%;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 12px;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOne {
  background: rgba(0, 122, 255, 0.06);
  height: 45px;
  padding: 0 6px 0 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 9px;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOne .time {
  margin-left: 7px;
  height: 20px;
  line-height: 20px;
  color: #6D7278;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOne .makeText {
  height: 20px;
  line-height: 20px;
  text-align: right;
  flex: 1;
  color: #48CC69;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOther {
  padding: 0 11px 0 13px;
  color: #6D7278;
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  height: 12px;
  line-height: 12px;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOther .invoice-num {
  color: #007AFF;
}
#invoiceSlider .content .invoiceLog .invoiceLogList .invoiceLogCont .conRowOther p:last-of-type {
  color: #000000;
}
#invoiceSlider .content .invoiceLog .invoiceLogList::-webkit-scrollbar {
  width: 4px;
}
#invoiceSlider .content .invoiceLog .invoiceLogList::-webkit-scrollbar-thumb {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c7c4c4;
}
#invoiceSlider .content .invoiceLog .invoiceLogList ::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}
#invoiceSlider .content .invoiceLog .invoiceLogList::-webkit-scrollbar-corner {
  background: transparent;
}
#invoiceSlider .content .invoiceDetails {
  display: none;
}
#invoiceSlider .content .invoiceDetails .detailCont {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 12px;
}
#invoiceSlider .content .invoiceDetails .detailCont .form-title-line {
  display: flex;
  padding: 10px 11px 10px 13px;
  justify-content: space-between;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}
#invoiceSlider .content .invoiceDetails .detailCont .form-title-line p:nth-of-type(2) {
  color: #34C759;
}
#invoiceSlider .content .invoiceDetails .detailCont .conRowOther {
  padding: 0 11px 0 13px;
  color: #6D7278;
  display: flex;
  height: 12px;
  line-height: 12px;
  text-align: left;
  margin-bottom: 30px;
}
#invoiceSlider .content .invoiceDetails .detailCont .conRowOther .invoice-num {
  color: #007AFF;
}
#invoiceSlider .content .invoiceDetails .detailCont .conRowOther p:first-of-type {
  width: 80px;
}
#invoiceSlider .content .invoiceDetails .detailCont .conRowOther p:last-of-type {
  color: #000000;
  width: 300px;
  word-wrap: break-word;
  word-break: normal;
}
#invoiceSlider .content .invoiceLoading {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#invoiceSlider .content .invoiceLoading img {
  height: 40px;
  width: 40px;
  margin-bottom: 36px;
}
#invoiceSlider .content .pageChange {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 35px;
  width: 100%;
  background: #8ca7c5;
  line-height: 40px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
#invoiceSlider .content .pageChange span {
  margin-left: 8px;
}
#invoiceSlider .content .pageChange:hover {
  background: #007AFF;
}
#invoiceSlider .invoicePopTips {
  display: none;
  height: 36px;
  line-height: 20px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  color: #fffdfd;
  background: rgba(117, 119, 122, 0.47);
  padding: 8px 20px;
  z-index: 10;
  border-radius: 14px;
}
#map-service-model-out textarea {
  resize: none;
}
#map-service-model-out .model-out-content {
  width: 720px;
  border-radius: 18px;
  top: 50%;
  transform: translate(-50%, -50%);
}
#map-service-model-out .model-out-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  line-height: 58px;
}
#map-service-model-out .model-out-header .tab-active {
  position: relative;
  color: #007AFF;
}
#map-service-model-out .model-out-header .tab-active::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  content: '';
  width: 30px;
  height: 4px;
  background: #007AFF;
}
#map-service-model-out .model-out-header .close-button {
  width: 42px;
  height: 42px;
  margin: 12px 12px 0 0;
}
#map-service-model-out .model-out-body {
  padding: 48px;
}
#map-service-model-out .model-out-body .col-form-label {
  text-align: right;
}
#map-service-model-out .model-out-body .required-sign {
  position: relative;
}
#map-service-model-out .model-out-body .required-sign::before {
  content: '*';
  position: absolute;
  left: 5px;
  top: 5px;
  color: #e02020;
  font-size: 18px;
}
#map-service-model-out .model-out-body .form-control {
  border-radius: 9px;
  border: 1px solid #D1D1D6;
}
#map-service-model-out .model-out-body #map-service-name {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#map-service-model-out .model-out-body #map-service-addr-tips {
  color: #6D7278;
  font-size: 14px;
  line-height: 20px;
  user-select: text;
}
#map-service-model-out .model-out-body #loading-tips {
  color: #6D7278;
  text-align: center;
}
#map-service-model-out .model-out-body #loading-tips span + span {
  margin-left: 5px;
}
#map-service-model-out .model-out-body #status-tips {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
#map-service-model-out .model-out-footer {
  text-align: center;
  padding-bottom: 18px;
}
#map-service-model-out .model-out-footer button {
  width: 240px;
  height: 40px;
  border-radius: 9px;
}
#map-service-model-out .model-out-footer button + button {
  margin-left: 24px;
}
#map-service-model-out .model-out-footer .btn-outline-danger {
  display: none;
  color: #ff3b30;
  border-color: #ff3b30;
}
#map-service-model-out .model-out-footer .btn-outline-danger:hover {
  color: #fff;
  background-color: #ff3b30;
  border-color: #ff3b30;
}
#map-service-model-out #map-service-form.edit button {
  width: 150px;
}
#map-service-model-out #map-service-form.edit .btn-outline-danger {
  display: inline-block;
}
.shortcut .shortcutModalCon {
  width: 37.5%;
  max-width: 720px;
  min-width: 575px;
}
.shortcut .shortcutModalCon .modal-content {
  padding: 0 20px;
  height: 394px;
  background: #FFFFFF;
  border-radius: 18px;
}
.shortcut .shortcutModalCon .modal-content .modal-body {
  padding: 0;
}
.shortcut .shortcutModalCon .modal-content .modal-body .head-line {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.shortcut .shortcutModalCon .modal-content .modal-body .head-line .modal-title {
  font-size: 16px;
}
.shortcut .shortcutModalCon .modal-content .modal-body .head-line .btn-close {
  position: absolute;
  right: 0;
  top: 15px;
}
.shortcut .shortcutModalCon .modal-content .modal-body .head-line .btn-close:focus {
  box-shadow: none;
}
.shortcut .shortcutModalCon .modal-content .modal-body .body-con {
  width: 100%;
  padding: 20px;
}
.shortcut .shortcutModalCon .modal-content .modal-body .body-con .con-item {
  list-style: none;
  font-size: 14px;
  line-height: 28px;
}
#import-model-out .model-tips {
  text-align: center;
}
#import-model-out #import-filelist {
  margin-bottom: 5px;
}
#import-model-out #import-filelist .file-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#import-model-out #data-show-container .model-text-left {
  display: flex;
  align-items: center;
  font-size: 16px;
}
#import-model-out #data-show-container .model-text-left label + label {
  margin-left: 16px;
}
#import-model-out #data-show-container label {
  width: fit-content;
  font-weight: 500;
}
#import-model-out #data-show-container label input {
  margin: 7px;
}
#import-model-out #import-label-color-box {
  margin-left: 6px;
}
#import-model-out #import-label-color-box .pickr {
  display: flex;
  font-size: 12px;
}
/*
 *   @Copyright: 2020-2024 www.thread0.com Inc. All rights reserved.
 */
#search-card {
  display: none;
  top: 18%;
  right: 6%;
  position: absolute;
  z-index: 2;
  user-select: none;
  -webkit-user-select: none;
  width: 390px;
  background: #161824;
  border-radius: 18px;
  color: #FFFFFF;
  padding: 18px 26px;
}
#search-card img {
  width: 24px;
  height: 24px;
}
#search-card .card-line {
  display: flex;
  align-items: center;
}
#search-card #search-card-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 4px;
}
#search-card #search-card-keyword {
  font-size: 16px;
  line-height: 22px;
}
#search-card #search-card-address {
  margin-top: 18px;
}
#search-card #search-card-location {
  margin-top: 9px;
}
#search-card .card-bottom {
  margin-top: 15px;
  display: flex;
  width: 222px;
  justify-content: space-between;
  cursor: pointer;
}
#search-card .card-bottom .card-button {
  width: 102px;
  height: 40px;
  background: #2B2D3D;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#search-card .card-bottom .card-button:hover {
  background: #007AFF;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}
#regionClose {
  display: none;
  top: 18%;
  right: 2%;
  position: absolute;
  z-index: 2;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
#declination-content {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 20px;
  left: 80px;
  z-index: 1;
  user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28px;
  text-shadow: 0px 0px 6px #000000;
}
#declination-content.on {
  display: block;
}
#crossMarkIco,
#zoomMarkToast,
#zoomMarkToast2 {
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
  user-select: none;
  -webkit-user-select: none;
}
#streetview-bubble {
  display: none;
  position: absolute;
  z-index: 1;
}
#streetview-bubble .preview-box {
  height: 110px;
  width: 110px;
  background-color: rgba(255, 255, 255, 0.84);
  border: none;
  border-radius: 7px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#streetview-bubble .preview-box img {
  display: block;
  height: 102px;
}
#streetview-bubble .preview-box .img-wrapper {
  position: relative;
  overflow: hidden;
  width: 102px;
  height: 102px;
}
#streetview-bubble .preview-box .img-wrapper .panorama-box {
  position: absolute;
  width: 102px;
  height: 102px;
  top: 0;
  left: 0;
}
#streetview-bubble .img-wrapper .move {
  animation: move linear 4s 0.5s infinite;
}
@keyframes move {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-102px);
  }
  100% {
    transform: translateX(0px);
  }
}
/*通用样式start*/
.flex1 {
  flex: 1;
}
.flex-right {
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.flex-left {
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
/*图片上传*/
.img-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #EFEFF4;
  border-radius: 9px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 22px;
}
/*关闭按钮*/
.close-button,
.back-button {
  width: 36px;
  height: 36px;
  border: #00a3ef;
  background-size: auto 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAmlJREFUeF7t2jtOw0AQBuAZE0jJCTgABaKEHu5AgShSuyEnCQi5RUiIgjtADyWi4ACcgDIJySKTRCAUe+3MYyPxp4296/n87/ghM+FXK8DwqRcAUCQhAAKQrIkgQUgQEiQTQIJkfuhBSBASJBNAgmR+6EFIEBIkE0CCZH7oQZ4JKopiZzSiIyJ67vfzN9m5a7f3YFDsEtHB1hY95nn+3m7v6q3VElTiDIfhlShsM/OYmc/Oz/N7rQOtG+fiojgJIdyGEDaJ+KPb5T0tJDWgy8ur3mRC14tCmHnCzKfWSHOcuxDCxs/cWa/fz280To4a0Czi4WV2Fmc/a6TlODwm4n2tJa4GVIJUHLBJkrzmUgXyQvLC+V4FGuv07xiWBViOvczCBMgqSd44ZglanAnNgjTHarNqzBKkiZQKxzxBGkgpcdyAVu1JqXFcgdoirQOOO1BTpHXBSQIUQyr/DyH8ebbyea5zvQ+KXUqrUjIH+vXgmQ4nWYLqrm6/Ya0fdmMnMTlQ1XLzeBPQBAdADZTM76TrjmFZH8ISmwugSddEp+4+599f5pvcBDbZpkH7UNnEtQe1KbzNtioSFYO4Aa1S8Cr7aGO5AEkKleyrgWUOpFGgxhirYpkCaRamOVYbLDMgi4IsxoxhmQBZFmI5tsvrDo8CPOZYYKkmyPPAveZSA8LHC5Fuhs9fIkD4gCp2PSSiEunzc3o8nWZPWt/nNJj2e5NyiWfZ9LDTyR60vi5bizeKTQFSbafWpFMVYD0vgCLCAAKQbBEiQUgQEiQTQIJkfuhBSBASJBNAgmR+6EFIEBIkE0CCZH7oQRG/LyLC8mfUsw1LAAAAAElFTkSuQmCC);
  cursor: pointer;
}
/*返回按钮*/
.back-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAMtJREFUWEft1sEJg0AQheFf0pLH1OAhR3tIB8lNG7ESG7AaGwiCwiKEwZ0nLjheR+XzzYxsRWFXVZiHAFkdiYQiISsBq36bGXoBDfAGZiuVtH5GQi0wAA+gBqYrQSnmA/RHMMu9yoTcGCVIglGBZBgFSIrxguQYD+gJjOtqZ23Tv+3L3bIU9AW6o+utBi3vS1smQ+UmtH2gHOUF7ZNyz5MCJEWpQDKUEiRBqUF71OXHj237ijqguf6RZ7QsQK4ErIejZZGQlYBVL26Gfo3zJCVSvnIMAAAAAElFTkSuQmCC);
}
/*下拉框*/
select {
  /*清除select默认样式*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  /*自定义箭头的样式，记得背景一定要加 白色或其他*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAQVJREFUSEvtk7FqAkEURd8bAoJY2aUUAoLFVsZiIAEbO/0EbfyRrUUC/kDAb9CIoKSRZXVcf8XSVXGuLCHNsOuMgt1Ofbln5rw3TE8+/OR+ygFWw7mixxWF4balNWrz+WTk+77OagqC6E0I7haLL1+e5+3NXOYMwjBSAOrM+J7NJv00iFKqej7zLzO9AuhJ+T52BqzX0YfW9EOEUhpktVJVIf7KiXgRx+V2s1mJnQFJcLPZfV4umJoQsxw4dqSUhzSN1jU1IYAYAFj+3/xWeQK0AsyXEPGRCIVEi63cGZACcSq/C5CEg0A1mLkFnIZZzu8asvUXOQScZuDQkxnJAVZ7uSKroitpjIwZSfnVLgAAAABJRU5ErkJggg==) no-repeat scroll right center #fff;
  /*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
  outline: none;
  padding-left: 9px;
}
/*横线*/
hr {
  height: 1px;
  width: 100%;
  color: #fafafa;
}
.hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 0;
}
.new-remind {
  background-color: #D81E06;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.event-auto > * {
  pointer-events: auto;
}
/*通用样式end*/
.sidebar {
  flex-direction: column;
  display: flex;
  position: absolute;
  width: 60px;
  height: 100%;
  background-color: #303235;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 100;
}
.sidebar #menu-custom-entry {
  display: none;
}
.sidebar .menu {
  width: 100%;
  height: 6%;
  padding: 7px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 24px;
}
.sidebar .menu .menu-wrapper {
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  transform: translate(-7px, -7px);
}
.sidebar .menu.on .menu-img-close {
  display: none;
}
.sidebar .menu.on .menu-img-open {
  display: block;
}
.sidebar .menu.on .sidebar-title-close {
  display: none;
}
.sidebar .menu.on .sidebar-title-open {
  display: block;
}
.sidebar .menu .menu-img-close {
  display: block;
}
.sidebar .menu .menu-img-open {
  display: none;
}
.sidebar .menu .sidebar-title-close {
  display: block;
}
.sidebar .menu .sidebar-title-open {
  display: none;
}
.sidebar .menu .sidebar-title-close,
.sidebar .menu .sidebar-title-open {
  width: 100%;
  font-size: 14px;
  color: #6D7278;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 90%;
  transform: scale(0.8);
}
.sidebar .menu .menu-img {
  width: 75%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 14%;
  margin: -1px;
}
.sidebar .menu .menu-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.sidebar .menu .menu-img img.head-portrait {
  width: 42px;
  height: 42px;
}
.sidebar .menu .background {
  position: absolute;
  top: 0;
  left: 14%;
  width: 75%;
  height: 100%;
  border-radius: 100%;
  cursor: pointer;
  transform: scale(0.8);
  opacity: 0;
  background-color: #5f6368;
  transition: transform 0.15s linear, opacity 0.15s linear;
  -webkit-transition: transform 0.15s linear, opacity 0.15s linear;
}
.sidebar .menu .background:hover {
  transform: scale(1);
  opacity: 0.3;
}
.sidebar #menu-toolbox {
  position: relative;
}
.sidebar #menu-toolbox .menu-toolbox_con {
  cursor: pointer;
  top: 0;
  left: 70px;
  position: absolute;
  height: 60px;
  border-radius: 15px;
  background-color: rgba(16, 18, 24, 0.84);
  border: none;
  display: none;
}
.sidebar #menu-toolbox .menu-toolbox_con .small-triangle {
  position: absolute;
  top: 20px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid rgba(16, 18, 24, 0.84);
}
.sidebar #menu-toolbox .tool-item {
  display: block;
  border: none;
  width: 60px;
  height: 60px;
}
.sidebar #menu-toolbox .tool-item .tool-item-text {
  top: 64%;
}
.sidebar #menu-toolbox .tool-item img {
  height: 80%;
}
.sidebar #menu-toolbox:hover .menu-toolbox_con {
  display: flex;
}
.sidebar #menu-toolbox:hover .menu-toolbox_con:hover {
  display: flex;
}
.sidebar .moon-entry {
  position: absolute;
  bottom: 0;
  left: 0;
}
.content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex !important;
}
.content #screen-capture-succeed {
  display: none;
  font-size: 12px;
  border-radius: 6px;
  pointer-events: none;
  width: 200px;
  height: 40px;
  position: absolute;
  left: 50%;
  bottom: 10%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
}
.content .bi {
  color: white;
}
.content .moon-switch-con {
  display: none;
  position: fixed;
  right: 22px;
  top: 10px;
  width: 66px;
  height: 66px;
  background: #161824;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.content .moon-switch-con .moon-switch-input {
  height: 18px;
  width: 33px;
  outline-style: none;
  margin: 0;
  padding: 0;
}
.content .moon-switch-con .moon-switch-label {
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin: 5px 0 0;
}
.content .moon-switch-con .moon-switch-input:focus {
  webkit-box-shadow: none;
  box-shadow: none;
}
.content .moon-switch-con .moon-switch-input:checked {
  background-color: #007AFF;
  border-color: #007AFF;
}
.content #view-status {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  color: #e8eaed;
  letter-spacing: 0.3px;
}
.content #view-status .spacer {
  margin: 0;
  flex: 1;
}
.content #view-status div {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.content #view-status #coordinates {
  height: 16px;
}
.content #view-status #coordinates span,
.content #view-status #coordinates #coordinates-switch {
  pointer-events: initial;
  cursor: pointer;
}
.content #view-status #coordinates #pointer-information {
  display: inline-block;
  width: 210px;
}
.content #view-status #figure-number,
.content #view-status #record-number {
  position: absolute;
  top: -16px;
  transform: scale(0.8);
}
.content #view-status #figure-number {
  left: 56px;
}
.content #view-status #record-number {
  display: flex;
  right: -32px;
}
.content #view-status #record-number a {
  color: #fff;
  text-decoration: none;
  pointer-events: auto;
}
.content #view-status #record-number a:hover {
  color: #007AFF;
}
.content #view-status #map-distance {
  margin-bottom: -4px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content #view-status #scale-bar {
  display: flex !important;
  justify-content: center;
}
.content .sidebar-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 81%;
  width: 60px;
  background: rgba(42, 44, 45, 0.7);
  z-index: 1000;
  display: none;
  margin-top: 81px;
}
.sidebar-panels,
.compass-sidebar-panels {
  display: block !important;
  position: absolute;
  width: 450px;
  height: 100%;
  background-color: #202124;
  z-index: 5;
  left: -393px;
  transition: left linear 0.3s;
}
.sidebar-panels.open,
.compass-sidebar-panels.open {
  left: 0;
  display: block;
}
.sidebar-panels.sideHideCompassShow,
.compass-sidebar-panels.sideHideCompassShow {
  left: -60px;
}
.sidebar-panels.sideHideCompassHide,
.compass-sidebar-panels.sideHideCompassHide {
  left: -450px;
}
.sidebar-panels .side_control,
.compass-sidebar-panels .side_control,
.sidebar-panels .side_control_compass,
.compass-sidebar-panels .side_control_compass {
  position: absolute;
  height: 86px;
  width: 18px;
  top: 50%;
  transform: translateY(-50%);
  right: -18px;
}
.sidebar-panels .side_control .side_hide,
.compass-sidebar-panels .side_control .side_hide,
.sidebar-panels .side_control_compass .side_hide,
.compass-sidebar-panels .side_control_compass .side_hide {
  position: absolute;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 1;
}
.sidebar-panels .side_control .side_show,
.compass-sidebar-panels .side_control .side_show,
.sidebar-panels .side_control_compass .side_show,
.compass-sidebar-panels .side_control_compass .side_show {
  position: absolute;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 0;
}
.sidebar-panels .side_control_compass,
.compass-sidebar-panels .side_control_compass {
  display: none;
}
.sidebar-panels .pages,
.compass-sidebar-panels .pages,
.sidebar-panels .compass-pages,
.compass-sidebar-panels .compass-pages {
  width: 100%;
  z-index: 10;
  margin-left: 30px;
}
.sidebar-panels .pages .panel,
.compass-sidebar-panels .pages .panel,
.sidebar-panels .compass-pages .panel,
.compass-sidebar-panels .compass-pages .panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 9;
  background-color: #202124;
}
.sidebar-panels .pages .panel .panel-head,
.compass-sidebar-panels .pages .panel .panel-head,
.sidebar-panels .compass-pages .panel .panel-head,
.compass-sidebar-panels .compass-pages .panel .panel-head {
  position: relative;
  flex-direction: row;
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.sidebar-panels .pages .panel.selected,
.compass-sidebar-panels .pages .panel.selected,
.sidebar-panels .compass-pages .panel.selected,
.compass-sidebar-panels .compass-pages .panel.selected {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: block;
  background-color: #1C1C1F;
  margin-left: 56px;
}
.le-60 {
  left: -60px !important;
}
.le-450 {
  left: -450px !important;
}
#user-info-panel hr {
  color: white;
}
#user-info-panel .nick-name {
  font-size: 16px;
  margin-left: 20px;
  color: white;
  font-weight: bolder;
}
#user-info-panel #user-info {
  display: flex;
  height: 100%;
  flex-direction: column;
}
#user-info-panel #user-info #user-info-head {
  height: 160px;
  margin-top: 18px;
}
#user-info-panel #user-info #user-info-head .user-info-top {
  padding-top: 6%;
  position: relative;
  height: 40%;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo {
  position: absolute;
  right: 6%;
  top: 0;
  height: 29px;
  width: 72px;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo img {
  width: 100%;
  height: 100%;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo.on .user-unvip-logo {
  display: none;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo.on .user-vip-logo {
  display: block;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo .user-unvip-logo {
  display: block;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-vip-logo .user-vip-logo {
  display: none;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-img {
  position: absolute;
  left: 6%;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-name {
  white-space: nowrap;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: absolute;
  left: 30%;
  top: 8%;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 28px;
}
#user-info-panel #user-info #user-info-head .user-info-top #user-id {
  position: absolute;
  left: 30%;
  top: 52%;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 20px;
}
#user-info-panel #user-info #user-info-head .user-info-bottom {
  position: relative;
  margin-top: 6%;
  height: 40%;
}
#user-info-panel #user-info #user-info-head .user-info-bottom.on #user-bg-unvip {
  display: none;
}
#user-info-panel #user-info #user-info-head .user-info-bottom.on #user-bg-vip {
  display: block;
}
#user-info-panel #user-info #user-info-head .user-info-bottom.on #user-vip-button {
  background: #FFFFFF;
  color: #382000;
}
#user-info-panel #user-info #user-info-head .user-info-bottom #user-bg-unvip {
  display: block;
}
#user-info-panel #user-info #user-info-head .user-info-bottom #user-bg-vip {
  display: none;
}
#user-info-panel #user-info #user-info-head .user-info-bottom .user-bg {
  position: absolute;
  height: 100%;
  width: 88%;
  left: 50%;
  transform: translateX(-50%);
}
#user-info-panel #user-info #user-info-head .user-info-bottom #user-vip-role {
  position: absolute;
  left: 12%;
  top: 20%;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
#user-info-panel #user-info #user-info-head .user-info-bottom #user-vip-title {
  position: absolute;
  left: 12%;
  top: 55%;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E8E93;
  line-height: 20px;
}
#user-info-panel #user-info #user-info-head .user-info-bottom #user-vip-button {
  position: absolute;
  width: 25%;
  height: 50%;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  background: linear-gradient(90deg, #333333 0%, #888B99 100%);
  border-radius: 19px;
  border: none;
}
#user-info-panel #user-info #user-info-head .user-info-left {
  float: left;
  margin-left: 18px;
}
#user-info-panel #user-info #user-info-head .user-info-right {
  float: left;
  margin-left: 18px;
}
#user-info-panel #user-info #user-info-head .user-info-right #user-name {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 28px;
}
#user-info-panel #user-info #user-info-head .user-info-right #user-grade {
  margin-top: 9px;
  margin-bottom: 9px;
}
#user-info-panel #user-info #user-info-head .user-info-right #user-id {
  font-size: 14px;
  font-weight: 400;
  color: #8E8E93;
  line-height: 20px;
}
#user-info-panel #user-info #user-info-body {
  display: flex;
  flex-direction: column;
}
#user-info-panel #user-info #user-info-bottom {
  flex: 1;
  position: relative;
}
#user-info-panel #user-info #user-info-bottom #user-login-out-a {
  display: none;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #D81E06;
}
#user-info-panel #user-info #user-info-bottom .earth-guide {
  width: 100%;
  left: 100%;
  position: absolute;
  padding-left: 12px;
  bottom: 30px;
}
#user-info-panel #user-info #user-info-bottom .earth-guide img {
  width: 150px;
  height: 150px;
}
#user-info-panel #user-info #user-info-bottom .earth-guide .guide-text {
  margin-top: 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
}
#user-info-panel #user-info #user-info-bottom .earth-guide .guide-text span {
  color: yellow;
}
#user-info-panel #user-info-body-skip {
  margin-top: 25px;
}
#user-info-panel #user-info-body-skip #skip-head {
  display: flex;
  align-items: center;
}
#user-info-panel #user-info-body-skip #skip-head #skip-text {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 26px;
}
#user-info-panel #user-info-body-skip #about-us-extend {
  display: flex;
  flex-direction: column;
}
#user-info-panel #user-info-body-skip #about-us-extend #earth-info {
  margin-top: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #8E8E93;
  line-height: 36px;
  margin-left: 18px;
}
#user-info-panel #user-info-body-skip #about-us-extend #earth-info .friendly-con {
  display: flex;
}
#user-info-panel #user-info-body-skip #about-us-extend #earth-info .friendly-con .friendly-links {
  padding: 0;
}
#user-info-panel #user-info-body-skip #about-us-extend #earth-info .friendly-con .friendly-links li {
  list-style: none;
}
#user-info-panel #user-info-body-skip #about-us-extend #earth-info .friendly-con .friendly-links li:nth-of-type(n+2) {
  line-height: 14px;
}
.right-click {
  display: flex;
  flex-direction: row;
  margin-top: 14px;
  margin-bottom: 14px;
  align-items: center;
}
.right-click .right-click-text {
  margin-left: 18px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
}
.right-click .right-click-button {
  margin-right: 10px;
}
#select-img-source-panel hr {
  color: white;
}
#select-img-source-panel .nick-name {
  font-size: 16px;
  margin-left: 20px;
  color: white;
  font-weight: bolder;
}
#select-img-source-panel #source-panel-close {
  margin-left: 9px;
  padding: 6px;
}
#select-img-source-panel .img-source-list-container,
#select-img-source-panel .map-service-list-container {
  position: relative;
  padding-left: 10px;
  height: 100%;
  overflow: hidden;
  padding-right: 5px;
}
#select-img-source-panel .img-source-list-container .items-container,
#select-img-source-panel .map-service-list-container .items-container {
  height: 100%;
  overflow-y: scroll;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap,
#select-img-source-panel .map-service-list-container .img-source-item-wrap {
  margin-bottom: 16px;
  display: block;
  position: relative;
  padding: 0 !important;
  color: #e8eaed;
  cursor: pointer;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap.checked .img-source-item,
#select-img-source-panel .map-service-list-container .img-source-item-wrap.checked .img-source-item {
  background-color: #394457;
  border: 1px solid #8ab4f8;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap.checked .icon-unselected,
#select-img-source-panel .map-service-list-container .img-source-item-wrap.checked .icon-unselected {
  display: none;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap.checked .icon-selected,
#select-img-source-panel .map-service-list-container .img-source-item-wrap.checked .icon-selected {
  display: block;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .icon-unselected,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .icon-unselected {
  display: block;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .icon-selected,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .icon-selected {
  display: none;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item {
  position: relative;
  display: block;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #5f6368;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item:hover .body .deleteico,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item:hover .body .deleteico {
  display: block;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item:hover .body .deleteico:hover,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item:hover .body .deleteico:hover {
  background-color: #5f6368;
  border-radius: 50%;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item::before,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body {
  flex-direction: row;
  display: flex;
  color: #e8eaed;
  position: relative;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .deleteico,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .deleteico {
  display: none;
  position: absolute;
  right: 0;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .icon,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .icon {
  margin-right: 16px;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .icon .img-source-icon,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .icon .img-source-icon {
  height: 40px;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .info,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .info {
  font-weight: 400;
  color: #e8eaed;
  overflow: hidden;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .info h3,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .info h3 {
  font-size: 18px;
}
#select-img-source-panel .img-source-list-container .img-source-item-wrap .img-source-item .body .info .desc,
#select-img-source-panel .map-service-list-container .img-source-item-wrap .img-source-item .body .info .desc {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#select-img-source-panel #imagery-service-wrapper {
  position: relative;
  height: 60%;
}
#select-img-source-panel #imagery-service-wrapper .layer-header {
  position: relative;
  margin-bottom: 16px;
}
#select-img-source-panel #imagery-service-wrapper.disabled-mask {
  cursor: not-allowed;
  pointer-events: none;
}
#select-img-source-panel #imagery-service-wrapper.disabled-mask::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '请先关闭【日期】功能再切换图源';
  color: #fff;
  font-size: 15px;
  background: rgba(28, 28, 30, 0.9);
}
#select-img-source-panel .img-coverage-list-container {
  height: calc(40% - 156px);
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: flex-start;
}
#select-img-source-panel .layer-header {
  height: 42px;
  margin-top: 20px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: 1px solid #36363A;
  display: flex;
  padding: 8px 24px;
  border-left: none;
  border-right: none;
  color: #e8eaed;
}
#select-img-source-panel .layer-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e8eaed;
  opacity: 0.05;
}
#select-img-source-panel .layer-header .layer-header-title {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 16px;
  color: #FFFFFF;
}
#select-img-source-panel .layer-top-header {
  height: 42px;
  margin-top: 20px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: 1px solid #36363A;
  display: flex;
  padding: 8px 24px;
  border-left: none;
  border-right: none;
  color: #e8eaed;
}
#select-img-source-panel .layer-top-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e8eaed;
  opacity: 0.05;
}
#select-img-source-panel .layer-top-header .layer-header-title {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: 16px;
  color: #FFFFFF;
}
#select-img-source-panel .layer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-top: 16px;
  color: #e8eaed;
}
#select-img-source-panel .layer-item.hide {
  display: none;
}
#select-img-source-panel .layer-item .item-icon {
  background: #394457;
  border: 3px solid #394457;
  border-radius: 11px;
}
#select-img-source-panel .layer-item .item-title {
  font-size: 14px;
  line-height: 28px;
}
#select-img-source-panel .layer-item .space {
  text-align: right;
  margin-left: 16px;
}
#select-img-source-panel .layer-item .toggle-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
#select-img-source-panel .layer-item .toggle-container.checked {
  color: #8AB4F8;
}
#select-img-source-panel .layer-item .toggle-container.checked .item-icon {
  border: 3px solid #8AB4F8;
}
#select-img-source-panel .layer-item .toggle-container.disabled {
  cursor: default;
  pointer-events: auto;
}
#select-img-source-panel .layer-item .toggle-container .toggle-bar {
  position: absolute;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0.4;
  background-color: #9aa0a6;
  height: 14px;
  width: 36px;
}
#select-img-source-panel .layer-item .toggle-container .toggle-button {
  position: absolute;
  top: -3px;
  left: 0;
  right: auto;
  border-radius: 50%;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
  transition: -webkit-transform linear 0.08s, background-color linear 0.08s;
  transition: transform linear 0.08s, background-color linear 0.08s;
  will-change: transform;
  background-color: #9AA0A6;
  height: 20px;
  width: 20px;
}
#select-img-source-panel .map-service-tips {
  display: none;
  position: absolute;
  bottom: -10px;
  left: -6px;
  color: #fff;
  font-size: 16px;
  scale: 0.625;
}
#select-img-source-panel .map-service-tips.top {
  left: 6px;
}
#select-img-source-panel .any {
  display: none;
}
#select-img-source-panel.selected #add-map-service,
#select-img-source-panel.selected #add-map-service-top {
  display: block;
  z-index: 0;
  color: #fff;
  border-radius: 9px;
  border-color: #007AFF;
  background-color: #007AFF;
}
#select-img-source-panel.selected .any {
  display: block;
}
#select-img-source-panel #add-map-service,
#select-img-source-panel #add-map-service-top {
  display: none;
}
#search-panel hr {
  color: white;
}
#search-panel .nick-name {
  font-size: 16px;
  margin-left: 20px;
  color: white;
  font-weight: bolder;
}
#kml-panel {
  color: white;
}
#kml-panel .panel-head {
  position: relative;
}
#kml-panel .panel-head::after {
  content: '请您定期导出文件备份以防重要数据丢失';
  position: absolute;
  bottom: -16px;
  left: calc(1rem + 20px);
  color: #fff;
  font-size: 10px;
}
#kml-panel #kml-folder-back-outer {
  position: relative;
  display: flex;
  align-items: center;
}
#kml-panel #kml-folder-back-outer .folder-back-button {
  height: 36px;
  width: 36px;
}
#kml-panel #folder-path-list {
  position: absolute;
  top: 5px;
  left: 50px;
  display: flex;
  overflow-x: scroll;
  width: 75%;
  /* 如果需要兼容 Firefox */
  scrollbar-width: none;
}
#kml-panel #folder-path-list::-webkit-scrollbar {
  display: none;
}
#kml-panel #folder-sort-con {
  right: 10px;
  top: 0;
  position: absolute;
  cursor: pointer;
}
#kml-panel #folder-sort-con .folder-sort-button {
  width: 36px;
  height: 36px;
  position: relative;
}
#kml-panel #folder-sort-con .folder-sort-select-con {
  display: none;
  z-index: 1000;
  position: absolute;
  width: 210px;
  background: #FFFFFF;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  border: 1px solid #D1D1D6;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-head {
  padding: 10px 6px 4px 6px ;
  margin: 0;
  font-size: 14px;
  color: #8E8E93;
  line-height: 20px;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list {
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li {
  padding: 5px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li p {
  margin: 0;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li .folder-sort-select-icon {
  display: none;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li.checked {
  color: #007AFF;
  background: #007aff1a;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li.checked .folder-sort-select-icon {
  display: block;
}
#kml-panel #folder-sort-con .folder-sort-select-con .folder-sort-list li:hover {
  background: #007aff1a;
}
#kml-panel #folder-sort-con .folder-sort-select-con.show {
  display: block;
}
#kml-panel .folder-path-item {
  display: inline-flex;
  max-width: 106px;
  height: 26px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 26px;
  cursor: pointer;
}
#kml-panel .folder-path-item.active {
  color: #007AFF;
}
#kml-panel .folder-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#kml-panel .kml-search-input-box {
  margin: 0px 0px 9px 13px;
  display: flex;
  align-items: center;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  color: #e8eaed;
  width: 94%;
  height: 44px;
  border-radius: 9px;
  background: rgba(216, 216, 216, 0);
  border: 1px solid #5D617A;
}
#kml-panel .kml-search-input-box .search-icon {
  height: 36px;
  width: 36px;
  margin: 4px 4px 4px 4px;
}
#kml-panel .kml-search-input-box .search-clear {
  display: none;
  cursor: pointer;
}
#kml-panel .kml-search-input-box .kml-search-input {
  flex: 1;
}
#kml-panel .kml-search-input-box .search-input {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: 'smoothingantialiased';
  color: #e8eaed;
  border: none;
  outline: none;
  box-sizing: border-box;
  background-color: transparent;
}
#kml-panel .kml-search-input-box #kml-search-btn {
  padding: 0 10px;
  color: #fff;
  border: none;
  border-left: 1px solid #82878e;
  outline: none;
  background-color: transparent;
}
#kml-panel .panel-head .manage-kml-button {
  margin-right: 9px;
}
#kml-panel #manage-kml-button {
  display: none;
}
#kml-panel #empty-import-kml {
  width: 120px;
  height: 40px;
  background: #007AFF;
  border-radius: 9px;
  border: 0px;
}
#kml-panel .nick-name {
  margin-left: 20px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
#kml-panel .kml-manage-operator-bar {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #FFFFFF;
  background: #242429;
}
#kml-panel .kml-manage-operator-bar .operator::after {
  position: absolute;
  top: -38px;
  width: 100%;
  height: 38px;
  content: '当前仅支持KML/KMZ/GPX/DXF/SHP(ZIP)格式';
  font-size: 14px;
  font-weight: 400;
  color: #8E8E93;
  line-height: 38px;
  text-align: center;
  background: #1C1C1F;
}
#kml-panel .kml-manage-operator-bar.operator-show .operator {
  display: flex;
  position: relative;
  width: 100%;
}
#kml-panel .kml-manage-operator-bar.operator-show .manage,
#kml-panel .kml-manage-operator-bar.operator-show .export {
  display: none;
}
#kml-panel .kml-manage-operator-bar.manage-show .manage {
  display: flex;
  width: 100%;
}
#kml-panel .kml-manage-operator-bar.manage-show .operator,
#kml-panel .kml-manage-operator-bar.manage-show .export {
  display: none;
}
#kml-panel .kml-manage-operator-bar.export-show .export {
  display: flex;
}
#kml-panel .kml-manage-operator-bar.export-show .operator,
#kml-panel .kml-manage-operator-bar.export-show .manage {
  display: none;
}
#kml-panel .kml-manage-operator-bar .export {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 1rem;
}
#kml-panel .kml-manage-operator-bar .export #export-selected {
  height: 32px;
  color: #fff;
  border: none;
  border-radius: 8px;
  outline: none;
  background-color: #007AFF;
}
#kml-panel .kml-manage-operator-bar .kml-manage-operator {
  position: relative;
  width: 25%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
#kml-panel .kml-manage-operator-bar .kml-manage-operator + .kml-manage-operator::after {
  position: absolute;
  top: 13px;
  left: 0;
  content: '';
  width: 1px;
  height: 24px;
  background: #000;
}
#kml-panel .kml-manage-operator-bar .manage-show .kml-manage-operator {
  width: 20%;
}
#kml-panel #kml-show {
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 257px);
}
#kml-panel #kml-show #kml-list .kml-file {
  height: 81px;
  position: relative;
  padding: 10px 0 10px 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#kml-panel #kml-show #kml-list .kml-file .kml-out-body {
  flex: 1;
  display: flex;
  align-items: center;
}
#kml-panel #kml-show #kml-list .kml-file .kml-out-body-point {
  display: flex;
  align-items: center;
}
#kml-panel #kml-show #kml-list .kml-file .txt-body {
  display: flex;
  flex-direction: column;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-count {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-img {
  margin-right: 8px;
  width: 36px;
  height: 36px;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-name {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 160px;
  overflow: hidden;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-info,
#kml-panel #kml-show #kml-list .kml-file .kml-file-create-time {
  margin: 0;
  font-size: 12px;
  color: #6D7278;
  width: 100%;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-description {
  font-size: 12px;
  font-weight: 400;
  color: #8E8E93;
  line-height: 17px;
  width: 160px;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate {
  right: 9px;
  display: flex;
  flex-direction: row;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate .view-switcher {
  width: 42px;
  height: 42px;
  cursor: pointer;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate img.on {
  display: none;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate img.off {
  display: block;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate.on img.on {
  display: block;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate.on img.off {
  display: none;
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate-edit,
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate-select {
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
  background-color: rgba(41, 41, 44, 0.9);
}
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate-edit.hide,
#kml-panel #kml-show #kml-list .kml-file .kml-file-operate-select.hide {
  display: none !important;
}
#kml-panel #kml-show #kml-list .kml-file:hover {
  background-color: #29292C;
}
#kml-panel #kml-show #kml-list .kml-file:hover .operator {
  display: block !important;
}
#kml-panel #kml-show #kml-empty {
  text-align: center;
  margin-top: 100px;
}
#kml-panel #kml-show #kml-empty #kml-empty-title {
  margin-top: 36px;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
}
#kml-panel #kml-show #kml-empty #kml-empty-description {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 36px;
}
#kml-panel #kml-show #search-kml-empty {
  display: none;
  text-align: center;
  margin-top: 100px;
}
#kml-panel #kml-show #search-kml-empty #search-kml-empty-title {
  margin-top: 36px;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
}
#kml-panel #kml-show #search-kml-empty #search-kml-empty-description {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 36px;
}
#kml-panel .panel-head {
  position: relative;
}
#kml-panel .panel-head::after {
  content: '请您定期导出文件备份以防重要数据丢失';
  position: absolute;
  bottom: -16px;
  left: calc(1rem + 20px);
  color: #fff;
  font-size: 10px;
}
.searchbox .search-box-switch {
  margin-top: 8px;
  width: 100%;
  height: 72px;
  position: relative;
}
.searchbox .search-box-switch #search-switch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border: 2px solid #007AFF;
  border-radius: 15px;
  display: flex;
  overflow: hidden;
}
.searchbox .search-box-switch #search-switch button {
  border: none;
  color: #FFFFFF;
  height: 100%;
  width: 50%;
  background: #1C1C1F;
}
.searchbox .search-box-switch #search-switch button.on {
  background: #007AFF;
}
.searchbox .search-box-switch .search-close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.searchbox .search-hint {
  color: #6D7278;
  font-size: 13px;
  transform: scale(0.88);
}
.searchbox .search-box-container {
  margin: 8px;
  border: 1px solid #5f6368;
  -webkit-border-radius: 9px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  color: #e8eaed;
}
.searchbox .search-box-container .search-icon {
  margin: 4px;
  padding: 7px;
  width: 40px;
  height: 40px;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  justify-content: center;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.searchbox .search-box-container .search-clear {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  padding: 7px;
  cursor: pointer;
  display: none;
}
.searchbox .search-box-container .search-shu {
  white-space: nowrap;
  color: #9aa0a6;
  line-height: 100%;
}
.searchbox .search-box-container .search-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  padding: 7px;
  cursor: pointer;
}
.searchbox .search-box-container .search-input-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  font-size: 16px;
  font-weight: 400;
  color: #e8eaed;
}
.searchbox .search-box-container .search-input-box .search-input {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: 'smoothingantialiased';
  color: #e8eaed;
  border: none;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
}
.searchbox .search-box-container .flex {
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1 1 0px;
  flex-basis: 0px;
  -webkit-flex-basis: 0px;
}
.searchbox .search-record {
  margin: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  letter-spacing: 0.1px;
  color: #e8eaed;
  padding-top: 5px;
}
.searchbox .search-record .search-record-title {
  display: flex;
  color: white;
  padding: 0 8px;
  font-size: 14px;
  margin-bottom: 8px;
  justify-content: space-between;
  vertical-align: center;
}
.searchbox .search-record .search-result-list,
.searchbox .search-record .search-positioning-list {
  display: none;
  height: calc(100vh - 180px);
  overflow: auto;
}
.searchbox .search-record .search-positioning-list {
  display: block;
  height: calc(100vh - 210px);
}
.searchbox .search-record .search-result-wrap,
.searchbox .search-record .search-cache-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  padding: 0px 0px 15px 5px;
}
.searchbox .search-record .search-result-wrap .icon-container,
.searchbox .search-record .search-cache-wrap .icon-container {
  width: 42px;
  height: 42px;
}
.searchbox .search-record .search-result-wrap .item-text,
.searchbox .search-record .search-cache-wrap .item-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  vertical-align: middle;
  margin-left: 10px;
}
.searchbox .search-record .search-result-wrap .item-text .title,
.searchbox .search-record .search-cache-wrap .item-text .title {
  color: #FFF;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  width: 225px;
  text-overflow: ellipsis;
}
.searchbox .search-record .search-result-wrap .item-text .subtitle,
.searchbox .search-record .search-cache-wrap .item-text .subtitle {
  color: #8e8e93;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  width: 225px;
  text-overflow: ellipsis;
}
.searchbox .search-record .search-result-wrap .icon-delete,
.searchbox .search-record .search-cache-wrap .icon-delete {
  width: 42px;
  height: 42px;
}
.searchbox .search-record .search-no-result {
  display: none;
}
.searchbox .search-record .search-no-result .no-result-con {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 34px;
}
.searchbox .search-record .search-no-result .no-result-con .no-result-txt {
  margin-top: 28px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
}
.searchbox .search-record .search-no-result .no-result-con .no-result-tip {
  font-size: 14px;
  font-weight: 400;
  color: #6D7278;
}
.searchbox .search-record .search-loading {
  display: block;
  text-align: center;
  margin-top: 50%;
}
.searchbox .search-record .search-loading p {
  color: #FFFFFF;
  font-size: 20px;
}
#cesiumContainer {
  background-color: black;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 0;
  transition: left 0.35s linear, right 0.35s linear;
  -webkit-transition: left 0.35s linear, right 0.35s linear;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-track {
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #545454;
  background-clip: padding-box;
  border: 4px solid transparent;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.index-bottom-logo {
  margin-left: 70px;
}
.index-bottom-logo a {
  text-decoration: none;
  color: white;
  pointer-events: initial;
}
.scale-container {
  contain: strict;
  height: 28px;
  width: 220px;
  text-align: left;
  margin-bottom: 30px;
  margin-left: 20px;
}
.scale-container .scale-bar {
  display: inline-block !important;
  overflow: visible !important;
  height: 8px;
  width: 50px;
  border: 1px solid #fff;
  border-top: none;
}
.scale-container .scale-bar .scale-label {
  display: block;
  overflow: auto;
  margin-right: 0px !important;
  margin-top: -8px;
  text-align: left;
  font-size: 12px;
}
.index-bottom-tip {
  pointer-events: initial;
  cursor: pointer;
}
/* 弹窗 (background) */
.modal {
  display: none;
  /* 默认隐藏 */
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 9px;
}
/* 弹窗内容 */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.model-out-wrapper,
.addrchange-model-out-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.model-out-wrapper .model-out-content,
.addrchange-model-out-wrapper .model-out-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  background: #FFFFFF;
  border-radius: 9px;
  transform: translate(-50%, -50%);
}
.model-out-wrapper .model-header,
.addrchange-model-out-wrapper .model-header {
  display: flex;
  height: 58px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.model-out-wrapper .model-header > .tab,
.addrchange-model-out-wrapper .model-header > .tab {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.model-out-wrapper .model-header > .active,
.addrchange-model-out-wrapper .model-header > .active {
  position: relative;
  color: #007AFF;
}
.model-out-wrapper .model-header > .active::after,
.addrchange-model-out-wrapper .model-header > .active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 4px;
  background-color: #007AFF;
  transform: translateX(-50%);
}
.model-out-wrapper .model-body,
.addrchange-model-out-wrapper .model-body {
  padding: 12px 48px 44px;
}
.model-out-wrapper .model-footer,
.addrchange-model-out-wrapper .model-footer {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
/* 添加动画 */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* 关闭按钮 */
.close {
  color: #888;
  float: right;
  font-size: 16px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 2px 16px;
  background-color: #FFF;
  color: #000;
  font-weight: bold;
  display: block !important;
  text-align: center;
}
#modal-header-tip {
  margin: 0 auto;
}
.modal-body {
  padding: 2px 16px;
}
.modal-footer {
  padding: 2px 16px;
  background-color: #FFF;
  color: white;
  margin: 0 auto;
}
.success-button {
  background-color: #007AFF;
  border: none;
  color: white;
  padding: 6px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 9px;
}
.cancel-button {
  background-color: white;
  border: 1px solid #007AFF;
  color: #007AFF;
  padding: 6px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 9px;
}
.relative-elements {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#trapeze-button {
  background-color: #161824;
  display: flex;
  position: absolute;
  width: 470px;
  right: 29px;
  bottom: 176px;
  z-index: 1;
  display: none;
}
#trapeze-button .trapeze-button-input {
  padding: 12px 0px 12px 0px;
}
#trapeze-button .trapeze-button-p {
  color: #FFFFFF;
  padding: 0px 6px 0px 12px;
  margin-top: auto;
}
#trapeze-button .trapeze-button-b {
  padding: 12px 0px 12px 24px;
}
#trapeze-button button {
  color: white;
  border: none;
  border-radius: 5px;
  background-color: #007AFF;
  width: 48px;
  height: 30px;
}
#trapeze-button input {
  border: none;
  outline: medium;
  border-radius: 5px;
  height: 30px;
  width: 120px;
  padding: 12px 12px 12px 12px;
}
#trapeze-button-icon {
  width: 28px;
  height: 24px;
  padding: 12px 0px 12px 24px;
  cursor: pointer;
}
#iframe-model {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
#iframe-model .streetview-head {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0px;
  top: 0;
  height: 80px;
  display: flex;
  flex-direction: row;
  padding-top: 15px;
  padding-left: 18px;
  vertical-align: middle;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0) 80%);
}
#iframe-model .streetview-head .back {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#iframe-model .streetview-head .title {
  color: white;
  position: relative;
  width: 100%;
  padding-top: 5px;
}
#iframe-model .streetview-head .title-url-divsion {
  margin: 0 10px;
}
#iframe-model #iframe-inboundary {
  width: 100%;
  height: 100%;
}
#iframe-model #iframe-outboundary {
  width: 100%;
  height: 100%;
}
.new-remind {
  background-color: #D81E06;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.right-menu-set {
  z-index: -1;
  box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.3), 0px -2px 2px rgba(0, 0, 0, 0.15), 2px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 2px rgba(0, 0, 0, 0.15);
  position: absolute;
  background-color: white;
  border-radius: 9px;
}
.right-menu-set .menu-set-box {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.right-menu-set .menu-set-box ul {
  width: 100%;
  height: 100%;
  padding: 8px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.right-menu-set .menu-set-box ul li {
  padding: 2px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
}
.right-menu-set .menu-set-box ul li:hover {
  background-color: #007AFF;
}
#compass-menu-set-box {
  display: none;
  width: 126px;
  z-index: 9;
}
#header-text.hide {
  display: none !important;
}
#resident-popup {
  position: absolute;
  top: 12px;
  left: 470px;
  z-index: 1;
  width: 380px;
  padding: 15px 12px;
  background: #FFFFFF;
  border-radius: 9px;
}
#resident-popup.login .resident-popup-login {
  display: block;
}
#resident-popup.login .resident-popup-unlogin {
  display: none;
}
#resident-popup .resident-popup-login {
  text-align: center;
  display: none;
}
#resident-popup .resident-popup-login .resident-popup-login-title1 {
  width: 78%;
  display: inline-block;
  font-size: 27px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 42px;
}
#resident-popup .resident-popup-login .resident-popup-login-title2 {
  margin-top: 15px;
  font-size: 15px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #007AFF;
  line-height: 28px;
  letter-spacing: 1px;
}
#resident-popup .resident-popup-top .resident-popup-qrcode-content {
  width: 150px;
  height: 150px;
  margin: 10px auto;
  position: relative;
}
#resident-popup .resident-popup-top .resident-popup-qrcode-content .resident-popup-qrcode-model {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.72);
  z-index: 999;
}
#resident-popup .resident-popup-top .resident-popup-qrcode-content .resident-popup-qrcode-model img {
  position: absolute;
  width: 30%;
  height: 30%;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
}
#resident-popup .resident-popup-top .resident-popup-qrcode-content .resident-popup-qrcode-model div {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  width: 50%;
  text-align: center;
  font-size: 10px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
#resident-popup .resident-popup-top .resident-popup-qrcode-content #resident-popup-qrcode {
  position: absolute;
  width: 100%;
  height: 100%;
}
#resident-popup .resident-popup-top .resident-popup-unlogin-title1 {
  text-align: center;
  font-size: 30px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
}
#resident-popup .resident-popup-top .resident-popup-unlogin-title2 {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  letter-spacing: 1px;
}
#resident-popup .resident-popup-bottom {
  margin-top: 15px;
  position: relative;
  width: 100%;
}
#resident-popup .resident-popup-bottom .terrain-bg {
  width: 100%;
}
#resident-popup .resident-popup-bottom .terrain-bg-vip {
  width: 30%;
  position: absolute;
  left: 10px;
  top: 10px;
}
#resident-popup #resident-popup-close {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 36px;
  height: 36px;
}
#terrain-exaggeration-out {
  position: absolute;
  top: 12px;
  left: 470px;
  z-index: 1;
  width: 336px;
  height: 50px;
  padding: 15px 12px;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  background: rgba(22, 24, 36, 0.84);
  border-radius: 9px;
}
#terrain-exaggeration-out .slide-bar {
  display: flex;
  align-items: center;
}
#terrain-exaggeration-out .slide-bar input {
  width: 180px;
  margin: 0 12px;
}
#terrain-exaggeration-out .slide-bar label {
  width: 36px;
  text-align: right;
}
#toastEl {
  z-index: -1;
  position: absolute;
  left: 50%;
  bottom: 50px;
  width: fit-content;
  transform: translate(calc(-50% + 30px));
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
#toastElNotAutoHide {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: fit-content;
  transform: translate(calc(-50% + 30px), -50%);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
#toastElMarginBottom {
  z-index: 1;
  position: fixed;
  /* 使用fixed相对于视口定位 */
  left: 50%;
  bottom: 110px;
  /* 距离底部110px */
  width: fit-content;
  transform: translateX(-50%);
  /* 仅水平居中 */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 8px 16px;
  /* 可选：添加内边距让内容更美观 */
}
.moon-Shortcut-text {
  display: none;
  position: fixed;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 12px;
}
.moon-Shortcut-text .shortcut-link {
  color: #007AFF;
  cursor: pointer;
  border-bottom: 1px solid #007AFF;
}
.pickr {
  border: 1px solid #D1D1D6;
}
.pcr-color-chooser {
  grid-area: 4/3/2/1 !important;
}
.input-color {
  margin-right: 25px;
  margin-left: 15px;
  border-radius: 9px;
  border: 1px solid #D1D1D6;
  padding: 8px;
  display: inline-block;
}
.loading-screen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(36, 33, 33, 0.8);
  /* 半透明背景 */
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  /* 阴影效果 */
  z-index: 9999;
  /* 确保在最上层 */
}
.loading-screen.on {
  display: flex;
}

/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/css/rashinban.less ***!
  \*****************************************************************************************************************/
.rashinban-box-compass {
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
  height: 1080px;
}
.rashinban-box-compass .compass-list {
  margin: 2px 0 0 3px;
  display: flex;
  flex-wrap: wrap;
}
.rashinban-box-compass .compass-li {
  margin: 0 0 0 32px;
  cursor: pointer;
}
.rashinban-box-compass .compass-li.on .compass-img {
  border: 4px solid #007AFF;
}
.rashinban-box-compass .compass-li.on p {
  color: #007AFF;
}
.rashinban-box-compass .compass-li .compass-img {
  position: relative;
  pointer-events: none;
  border-radius: 8px;
  color: white;
  background-color: white;
  width: 142px;
  height: 142px;
}
.rashinban-box-compass .compass-li .compass-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 123px;
  height: 123px;
}
.rashinban-box-compass .compass-li .compass-img .vip-compass {
  position: absolute;
  width: 42%;
  height: 16%;
  top: 12%;
  left: 74%;
}
.rashinban-box-compass .compass-li p {
  width: 142px;
  word-wrap: break-word;
  word-break: break-all;
  margin-top: 12px;
  text-align: center;
  color: white;
}
#compass-delete-model-out {
  display: none;
}
#rashinban-box-delete {
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 154px;
  background: #FFFFFF;
  border-radius: 9px;
}
#rashinban-box-delete .rashinban-box-delete-line {
  width: 100%;
  height: 30%;
  position: relative;
}
#rashinban-box-delete .rashinban-box-delete-line button {
  position: absolute;
  bottom: 0;
  height: 72%;
  width: 35%;
  border: 1px solid #007AFF;
  border-radius: 9px;
}
#rashinban-box-delete .rashinban-box-delete-line #rashinban-box-delete-no {
  left: 10%;
  color: #007AFF;
}
#rashinban-box-delete .rashinban-box-delete-line #rashinban-box-delete-yes {
  background-color: #FF3B30;
  right: 10%;
  color: white;
  border: none;
}
#rashinban-box-delete .rashinban-box-delete-content span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
#rashinban-box-delete .rashinban-box-delete-title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
#compass-rename-model-out {
  display: none;
}
#rashinban-box-rename {
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 360px;
  height: 174px;
  background: #FFFFFF;
  border-radius: 9px;
}
#rashinban-box-rename .rashinban-box-rename-line {
  width: 100%;
  height: 30%;
  position: relative;
}
#rashinban-box-rename .rashinban-box-rename-line input {
  position: absolute;
  width: 90%;
  height: 70%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background-color: #EDEDED;
  border-radius: 9px;
}
#rashinban-box-rename .rashinban-box-rename-line input::placeholder {
  color: #C7C7CC;
}
#rashinban-box-rename .rashinban-box-rename-line button {
  position: absolute;
  bottom: 0;
  height: 72%;
  width: 35%;
  border: 1px solid #007AFF;
  border-radius: 9px;
}
#rashinban-box-rename #rashinban-box-rename-no {
  left: 10%;
  color: #007AFF;
}
#rashinban-box-rename #rashinban-box-rename-yes {
  background-color: #007AFF;
  right: 10%;
  color: white;
}
#rashinban-box-rename .rashinban-box-rename-title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
#tr-rashinban {
  position: relative;
}
#top-right-two-elements {
  display: flex;
  justify-items: start;
  align-items: flex-end;
  flex-direction: column;
  position: absolute;
  top: 72px;
  right: 0;
}
#top-right-two-elements > * {
  pointer-events: auto;
}
#top-right-two-elements .top-right-elements-extend {
  display: flex;
  text-align: center;
  justify-content: flex-end;
}
#top-right-two-elements .top-right-elements-extend .top-right-button {
  width: 277px;
  height: 46px;
  margin-left: 12px;
  background: #161824;
  border-radius: 12px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button.cross {
  width: 360px;
  height: 108px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide {
  padding: 0 12px;
  margin-top: 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  width: 100%;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #rashinban-cross-size-span {
  width: 40px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #rashinban-cross-size {
  width: 240px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line img {
  width: 20px;
  height: 20px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line img#cross-size-minus {
  margin-left: 10px;
}
#top-right-two-elements .top-right-elements-extend .top-right-button #rashinban-cross-slide .rashinban-cross-slide-line #cross-slide-spin-span {
  text-align: center;
  border: none;
  background: #FFFFFF;
  border-radius: 4px;
  width: 40px;
  height: 28px;
}
#top-right-two-elements .top-right-elements-extend #cross-spin-button {
  width: 43px;
  border-radius: 6px;
  background: #161824;
  border: 1px solid;
  color: #FFFFFF;
  height: 24px;
  margin-top: 6px;
  font-size: 13px;
}
#top-right-two-elements .top-right-elements-extend #cross-recover-button {
  width: 43px;
  border-radius: 6px;
  background: #161824;
  border: 1px solid;
  height: 24px;
  color: #007AFF;
  font-size: 13px;
}
#top-right-two-elements .tool {
  margin-top: 4px;
  width: 66px;
  height: 66px;
  float: left;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
#top-right-two-elements .tool .slide-input {
  margin-left: 21px;
  margin-top: 16px;
  width: 230px;
  height: 6px;
}
#top-right-two-elements .tool .cross-slide-input {
  margin-left: 21px;
  margin-top: 16px;
  width: 110px;
  height: 6px;
}
.compass-above-img {
  display: none;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 240px);
  left: calc(50% - 240px);
  background-color: rgba(39, 60, 125, 0);
  z-index: 1;
}
.compass-above-img img {
  width: 480px;
  height: 480px;
}
.compass-skyHeart-img {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(39, 60, 125, 0);
  z-index: 1;
}
.rashinban-box-hr hr {
  color: white;
}
.rashinban-box-container {
  margin: 21px 0 0 27px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  color: #e8eaed;
}
.rashinban-box-container .rashinban-title {
  font-size: 18px;
}
.rashinban-box-container .rashinban-title p {
  margin: auto;
}
.rashinban-box-container .rashinban-box-button {
  cursor: pointer;
  margin-left: 50%;
}
.rashinban-box-container .rashinban-box-button button {
  color: white;
  background: #007AFF;
  width: 89px;
  height: 40px;
  border: none;
  border-radius: 10px;
}
.rashinban-box-container .rashinban-box-close {
  margin-left: 9px;
  cursor: pointer;
}
.cross-spin-button-div {
  margin-left: 12px;
}
.cross-recover-button-div {
  margin-left: 6px;
}