/* 公共滚动条样式 */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #fff rgba(0, 18, 36, 0.1);
}

.custom-scrollbar::-webkit-scrollbar-button {
  background-color: blue;
  color: #20a375;
}

.custom-scrollbar::-webkit-scrollbar {
  color: aqua;
  -webkit-box-shadow: inset 0 0 2px #20a375;
  border-radius: 4px;
  width: 5px;
}

.custom-scrollbar::-webkit-scrollbar-arrow-color {
  background: green;
  border-radius: 50%;
}

/* 划入动画*/
@keyframes slide {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideleft {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

/* 定义弹窗从左向右进入效果 */
.moveL-enter-active,
.moveL-leave-active {
  transition: all 3s linear;
  transform: translateX(0%);
}

.moveL-enter,
.moveL-leave {
  transform: translateX(-100%);
}

.moveL-leave-to {
  transform: translateX(-100%);
}

/* 弹窗从右向左进入 */
.moveR-enter-active,
.moveR-leave-active {
  transition: all 3s linear;
  transform: translateX(0);
}

.moveR-enter,
.moveR-leave {
  transform: translateX(100%);
}

.moveR-leave-to {
  transform: translateX(100%);
}

/* 总览界面无人机飞行广告牌 */
#uavPopup1,
#uavPopup2,
#uavPopup3 {
  position: absolute;
  z-index: 2;
  user-select: none;
  /* visibility: hidden; */
}

.tip-card {
  width: 275px;
  height: 155px;
  color: #fff;
  text-align: left;
  position: relative;
  /* position: absolute; */
}

.tip-card.normal {
  /* 正常 */
  background-image: url('static/img/alram-tip-blue.png');
}

.tip-card.warning {
  /* 异常 */
  background-image: url('static/img/alram-tip-red.png');
}

.tip-card.noPoliceStation p{
  font-size: 13px;
  line-height: 22px;
}

.tip-card-header {
  font-weight: bold;
  margin-bottom: 6px;
  position: absolute;
  top: 10px;
  left: 30px;
}

.tip-card-body {
  position: absolute;
  top: 40px;
  left: 30px;
  font-size: 12px;
}

.tip-card-body p {
  margin: 4px 0;
}

.tip-card-status {
  display: flex;
  justify-content: center;
}

.warning-icon {
  width: 74px;
  height: 18px;
  background-image: url('static/img/alram-notice.png');
  color: red;
  font-weight: bold;
  margin-left: 6px;
  cursor: pointer;
}

.problem {
  --content: '无飞行计划';
  width: 19px;
  height: 19px;
  margin-left: 5px;
  background-image: url('static/img/alram-problem.png');
  cursor: pointer;
}

.problem.show::after {
  content: var(--content);
  width: 85px;
  /* height: 25px; */
  line-height: 25px;
  /* 与 height 相同 */
  text-align: center;
  /* 水平居中 */
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: -5px;
  bottom: -4px;
  border-radius: 6px;
}

.footer {
  text-align: center;
  margin-top: 10px;
}

.warning-button {
  background-color: red;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

/* 单机界面无人机广告牌 */
#uavPopupSingle {
  position: absolute;
  height: 240px;
  width: 237px;
  margin-top: 30px;
  background-image: url('static/img/singlePopup2.png');
  pointer-events: none;
  user-select: none;
  z-index: 2;
}

.singlecard-header {
  font-weight: bold;
  margin-bottom: 6px;
  font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular;
  color: #ffffff;
  text-shadow: 0px 0px 6px rgba(16, 173, 255, 0.91);
}
.singlecard-header h3 {
  margin-top: 32px;
  padding-top: 2pxs;
  line-height: 20px;
  font-size: 19px;
  text-align: center;
}

.singlecard-status {
  display: flex;
  justify-content: center;
  align-items: center;
}

.singlecard-body {
  font-family:
    Microsoft YaHei,
    Microsoft YaHei-Regular;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
}
.singlecard-body p {
  width: 210px;
  margin-left: 16px;
}
.singlecard-body p:first-child {
  display: none;
}
.singlecard-body span {
  text-align: right;
  display: inline-block;
  width: 72px;
  margin-right: 8px;
  color: #ffffff;
  line-height: 26px;
  text-shadow: 0px 0px 6px rgba(16, 173, 255, 0.91);
}

.problem2 {
  --content: '无飞行计划';
  width: 19px;
  height: 19px;
  margin-left: 5px;
  background-image: url('static/img/alram-problem.png');
  cursor: pointer;
}

.problem2.show::after {
  content: var(--content);
  width: 85px;
  line-height: 25px;
  /* 与 height 相同 */
  text-align: center;
  /* 水平居中 */
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 5px;
  top: 90px;
  border-radius: 6px;
}

/* 地球滚动时的自定义光标 */
.scroll-cursor {
  /* cursor: url('static/img/circle.png') 16 16, auto; 自定义光标图片路径 */
  cursor:
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 38.375 38.375"><g id="group_4736" data-name="组 4736" transform="translate(-0.625 -0.625)"><path id="path_1933" data-name="路径 1933" d="M148.253,120.522h-2.182a16.009,16.009,0,0,0-14.884-14.884v-2.182a1.055,1.055,0,0,0-1.055-1.055h-.021a1.055,1.055,0,0,0-1.055,1.055v2.182a16.009,16.009,0,0,0-14.884,14.884h-2.182a1.055,1.055,0,0,0-1.055,1.055v.021a1.055,1.055,0,0,0,1.055,1.055h2.182a16.009,16.009,0,0,0,14.884,14.884v2.182a1.055,1.055,0,0,0,1.055,1.055h.021a1.055,1.055,0,0,0,1.055-1.055v-2.182a16.009,16.009,0,0,0,14.884-14.884h2.182a1.055,1.055,0,0,0,1.055-1.055v-.021A1.055,1.055,0,0,0,148.253,120.522Zm-5.389,0h-1.872a10.943,10.943,0,0,0-9.807-9.807v-1.871A12.808,12.808,0,0,1,142.865,120.522Zm-3.482,2.132h0a9.34,9.34,0,0,1-8.2,8.2h0a1.055,1.055,0,0,0-1.055-1.055h-.021a1.055,1.055,0,0,0-1.055,1.055h0a9.34,9.34,0,0,1-8.2-8.2h0a1.055,1.055,0,0,0,1.055-1.055v-.021a1.055,1.055,0,0,0-1.055-1.055h0a9.34,9.34,0,0,1,8.2-8.2h0a1.055,1.055,0,0,0,1.055,1.055h.021a1.055,1.055,0,0,0,1.055-1.055h0a9.34,9.34,0,0,1,8.2,8.2h0a1.055,1.055,0,0,0-1.055,1.055v.021A1.055,1.055,0,0,0,139.383,122.654Zm-10.328-13.81v1.872a10.942,10.942,0,0,0-9.807,9.806h-1.871A12.808,12.808,0,0,1,129.055,108.844Zm-11.678,13.81h1.872a10.943,10.943,0,0,0,9.807,9.807v1.872A12.809,12.809,0,0,1,117.377,122.654Zm13.81,11.678V132.46a10.942,10.942,0,0,0,9.807-9.806h1.872A12.809,12.809,0,0,1,131.187,134.332Z" transform="translate(-110.308 -101.775)" fill="%23c8eeff"/></g></svg>')
      16 16,
    auto;
}

/* 全局移除所有el-form-item必填项的红色星号 */
.el-form-item__label::before {
  content: none !important;
  margin-right: 0px !important;
}

/* 测量距离和面积的tooltip样式 */
body {
  overflow: hidden;
}

.measure-area {
  background-color: rgba(28, 32, 25, 0.8);
  padding: 5px;
  color: white;
}

.measure-area::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  /* 设置上边框透明 */
  border-bottom: 7px solid transparent;
  /* 设置下边框透明 */
  border-right: 7px solid rgba(28, 32, 25, 0.8);
  /* 左边框红色，形成三角形 */
}

ul {
  list-style-type: none;
  /* 移除默认的项目符号 */
  padding: 0;
  /* 移除默认的内边距 */
  margin: 0;
  /* 移除默认的外边距 */
}

li {
  padding: 0;
  /* 移除li元素的内边距 */
  margin: 0;
  /* 移除li元素的外边距 */
}