html,
body,
#map {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #00192e;
  font-family: Hiragino Sans GB;
  font-size: 0.15rem;
  overflow: auto;
}
body {
  overflow: hidden;
}
#map {
  width: 200%;
  height: 300%;
  left: -65%;
  left: -65%;
  left: -49%;
  top: -85%;
  top: -97%;
  /* width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  */
  /* right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  */
}
* {
  margin: 0;
  padding: 0;
}
.head {
  height: 0.5rem;
  font-size: 0.12rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  vertical-align: bottom;
}
.head > div {
  /* position: relative;
  */
}
.head span {
}
.tuAzi {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  border-left: 0.04rem solid #54aac1;
  border-right: 0.04rem solid #54aac1;
  background: rgba(0, 0, 0, 0.8);
  width: calc(31.97917vw);
  justify-content: space-around;
}
#threeP {
  position: absolute;
  bottom: calc(5.20833vw);
  left: calc(7.2916666667vw);
  z-index: 1000;
  color: white;
  padding: calc(0.52083vw);
  background: #322e358c;
  border-radius: calc(0.52083vw);
}
#threeP p {
  font-size: calc(1.5625vw);
}
#threeP span {
  color: #388be0;
  font-size: calc(1.5625vw);
  margin-right: calc(0.9375vw);
  display: inline-block;
}
#threeP p em:last-child {
  margin-right: calc(0.52083vw);
}
#threeP em {
  font-size: medium;
  color: #ccc;
  display: inline-block;
}
em {
  font-style: normal;
}
.sxzy,
.boder_bar {
  display: none;
}
.echarts_wp {
  width: fit-content;
  height: 1.5rem;
  margin: auto;
  position: fixed;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  display: flex;
  z-index: 1000;
  padding: 0 !important;
}
.echarts_wp > div {
  /* background: #ffffff8c;
  */
}
#id1 {
  width: 5.5rem;
  margin: 5px;
  background: #322e358c;
  /* height: 3rem;
  width: calc(13.54167vw);
  height: calc(8.85417vw);
  position: absolute !important;
  bottom: calc(5.20833vw);
  bottom: 0.1rem;
  right: calc(31.25vw);
  left: 1.4rem;
  left: 0.1rem;
  z-index: 1000;
  */
  border-radius: calc(0.52083vw);
}
#id2 {
  width: 5.5rem;
  margin: 5px;
  background: #322e358c;
  /* height: 3rem;
  width: calc(12.5vw);
  height: calc(18.22917vw);
  height: calc(7.8125vw);
  position: absolute;
  bottom: calc(15.10417vw);
  bottom: calc(5.20833vw);
  right: calc(31.25vw);
  right: 0.1rem;
  bottom: 0.1rem;
  z-index: 1000;
  padding: calc(0.52083vw);
  */
  color: white;
  border-radius: calc(0.52083vw);
}
#id3 {
  flex: 1;
  /* width: calc(26.04167vw);
  height: calc(18.22917vw);
  position: absolute !important;
  bottom: calc(5.20833vw);
  right: calc(0.52083vw);
  right: 0.3rem;
  z-index: 1000;
  background: #322e358c;
  border-radius: calc(0.52083vw);
  */
}
#echarts {
  width: calc(42.65625vw);
  height: calc(18.22917vw);
  position: absolute !important;
  bottom: calc(5.20833vw);
  right: calc(0.52083vw);
  z-index: 1000;
  border-radius: calc(0.52083vw);
}
.up,
.down,
.left,
.right {
  background: #191919;
}
.up {
  /*border-bottom: 2xp() solid #524c5f;
  */
  z-index: 1000;
  position: absolute;
  top: 0;
  height: calc(6.45833vw);
  width: 100%;
}
.down {
  /*border-top: 2xp() solid #524c5f;
  */
  z-index: 1000;
  position: absolute;
  bottom: 0;
  height: calc(3.33333vw);
  width: 100%;
}
.left {
  /*border-right: 2xp() solid #524c5f;
  */
  z-index: 1000;
  position: absolute;
  left: 0;
  height: 100%;
  width: 5%;
  /*display: none;
  */
}
.right {
  /*border-left: 2xp() solid #524c5f;
  */
  z-index: 1000;
  position: absolute;
  right: 0;
  height: 100%;
  width: 30%;
  /*display: none;
  */
}
.titleWj {
  position: relative;
  /* min-width: 300px; */
  text-align: center;
  padding: 0 !important;
}
.titleWj_in {
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
}
.titleWj span {
  font-size: calc(1.5625vw);

  color: white;

  line-height: 0.5rem;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.1rem;
  /* position: absolute;
  top: calc(0.52083vw);
  left: calc(3.4375vw);
  z-index: 1001;
  */
}
.titleWj em {
  width: 20px;
  height: 9px;
  background: url(../img/u1.svg) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  cursor: pointer;
  transform: rotate(180deg);
}
.titleWj em.active {
  transform: rotate(0deg);
}
.titleWj2 {
  display: none;
  position: absolute;
  padding: 5px;
  z-index: 10;
  height: 2.4rem;
  overflow-y: auto;
}
::-webkit-scrollbar {
  width: 5px;
}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #666;
}
.titleWj2 li {
  background-color: transparent;
  font-size: 0.26rem;
  padding-right: 0.5rem;
  color: white;
  line-height: 0.6rem;
  cursor: pointer;
  list-style: none;
  border-radius: 8px;
}
.titleWj2 li:hover {
  background-color: #666666;
}
.bar_1,
.bar_2,
.bar_3,
.bar_4,
.bar_5,
.bar_6,
.bar_7,
.bar_8 {
  background: #108ece;
  position: absolute;
  z-index: 1003;
}
.bar_1,
.bar_3,
.bar_5,
.bar_7 {
  height: calc(5.41667vw);
  width: calc(0.20833vw);
}
.bar_2,
.bar_4,
.bar_6,
.bar_8 {
  height: calc(0.20833vw);
  width: calc(5.41667vw);
}
.bar_1,
.bar_2 {
  top: calc(5.625vw);
  left: calc(4.16667vw);
}
.bar_3,
.bar_4 {
  top: calc(5.625vw);
  right: calc(29.16667vw);
}
.bar_5,
.bar_6 {
  bottom: calc(2.5vw);
  right: calc(29.16667vw);
}
.bar_7,
.bar_8 {
  bottom: calc(2.5vw);
  left: calc(4.16667vw);
}
.curTime {
  z-index: 1004;
  color: white;
  /* position: absolute;
  top: calc(3.02083vw);
  left: calc(5vw);
  */
}

.curTime1 {
  opacity: 0;
}

.curTime em {
  display: inline-block;
  width: calc(0.52083vw);
  height: calc(0.52083vw);
  border-radius: calc(0.26042vw);
  background: #272de8;
}
.curTime span {
  margin-left: calc(0.26042vw);
  line-height: 0.5rem;
}
.ziA1 {
  /* width: calc(11.97917vw); */
  height: calc(3.125vw);
  /* position: absolute;
  left: calc(20.20833vw);
  top: calc(1.5625vw);
  z-index: 1003;
  */
  color: white;
  display: flex;
}
.ziA2 {
  left: calc(41.66667vw);
}
.ziA2 em {
  font-size: calc(0.83333vw);
  color: white;
  margin-left: calc(0.52083vw);
}
.ziA1 span {
  display: block;
}
/* .fxsj {
  position: absolute;
  left: calc(2.08333vw);
} */
.flyTime {
  white-space: nowrap;
}
.ziA1_in,
.tuT {
  height: 100%;
}
.ziA1_in {
  margin-left: calc(0.625vw);
  color: #2a7ebc;
}
.ziA1 .ziZ {
  font-size: calc(1.04167vw);
}
.ziA1 .tuT,
.ziA1 .tuT img {
  width: calc(2.39583vw);
}
.ziA1 .tAz {
  font-size: calc(1.35417vw);
  line-height: calc(1.5625vw);
}
.left_wp {
  width: 2.8rem;
  /* width: 3.5rem; */
  position: fixed;
  left: 0.2rem;
  top: 0.6rem;
  z-index: 1000;
}

.left_wp > div {
  margin-bottom: 0.2rem;
}

.pro_infoWp {
  color: #fff;
}

.pro_info {
  padding: 0 0.2rem;
}

.pro_info > div {
  line-height: 0.3rem;
}

.left_wp_contain {
  height: 1.5rem;
  margin-bottom: 0.2rem;
}
.carouselBox {
  width: 80%;
  margin: 0 auto;
  display: flex;
  color: #fff;
  font-size: 0.14rem;
}
.carouselBox .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.carouselBox > .carouseLeft {
  width: 45%;
}
.carouselBox > .carouseLeft > div {
  margin: 0.23rem 0;
}
.carouselBox > .carouseLeft > div > span {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.carouselBox > .carouseRight {
  width: 55%;
}
.carouselBox > .carouseRight > div {
  margin: 0.1rem 0;
}
.carouselBox > .carouseRight > div > .carouseIcon {
  font-size: 0.18rem;
}
.carouselBox > .carouseRight > div > span {
  display: inline-block;
  width: 30%;
  text-align: center;
}
.leftImg {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.big_img {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #717171c7;
}

.big_img > div {
  width: 50%;
  margin: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  height: fit-content;
}

.big_img img {
  max-width: 100%;
}

.right_wp {
  width: 3rem;
  /* width: 3.5rem; */
  position: fixed;
  right: 0.2rem;
  top: 0.6rem;
  height: calc(100vh - 0.6rem);
  z-index: 1000;
}
.right_wp > div {
  margin-bottom: 0.2rem;
}
.slide_wp {
  right: calc(1.5625vw);
  top: calc(6.66667vw);
  top: 1rem;
  z-index: 10000;
  box-sizing: border-box;
  padding: 0.1rem 0;
  display: flex;
  flex-direction: column;
  height: 52vh;
}
.rightbtm {
  display: flex;
  flex-direction: column;
  height: 30vh;
}
.right_title {
  color: #fff;
  border-bottom: 0.02rem solid #717171;
  width: 80%;
  margin: auto;
  text-align: center;
  height: 0.35rem;
  line-height: 0.35rem;
  font-size: 0.19rem;
  margin-bottom: 0.1rem;
}
.border {
  padding: 0.1rem 0;
  border: 1px solid rgba(21, 255, 235, 0.5);
  background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#15ffeb),
        to(#15ffeb)
      )
      0 0 no-repeat,
    -webkit-gradient(linear, left top, left bottom, from(#15ffeb), to(#15ffeb)) 0
      0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#15ffeb), to(#15ffeb)) 100%
      0 no-repeat,
    -webkit-gradient(linear, left top, left bottom, from(#15ffeb), to(#15ffeb)) 100%
      0 no-repeat,
    -webkit-gradient(linear, right top, left top, from(#15ffeb), to(#15ffeb)) 0 100%
      no-repeat,
    -webkit-gradient(linear, left top, left bottom, from(#15ffeb), to(#15ffeb)) 0
      100% no-repeat,
    -webkit-gradient(linear, right top, left top, from(#15ffeb), to(#15ffeb)) 100%
      100% no-repeat,
    -webkit-gradient(linear, right top, left top, from(#15ffeb), to(#15ffeb)) 100%
      100% no-repeat;
  background: linear-gradient(270deg, #15ffeb, #15ffeb) 0 0 no-repeat,
    linear-gradient(180deg, #15ffeb, #15ffeb) 0 0 no-repeat,
    linear-gradient(270deg, #15ffeb, #15ffeb) 100% 0 no-repeat,
    linear-gradient(180deg, #15ffeb, #15ffeb) 100% 0 no-repeat,
    linear-gradient(270deg, #15ffeb, #15ffeb) 0 100% no-repeat,
    linear-gradient(180deg, #15ffeb, #15ffeb) 0 100% no-repeat,
    linear-gradient(270deg, #15ffeb, #15ffeb) 100% 100% no-repeat,
    linear-gradient(270deg, #15ffeb, #15ffeb) 100% 100% no-repeat;
  background-size: 0.02rem 0.1rem, 0.1rem 0.02rem, 0.02rem 0.1rem,
    0.1rem 0.02rem;
}
.slide_table_title {
  /* position: absolute;
  top: calc(5.20833vw);
  top: calc(7.8125vw);
  right: calc(1.5625vw);
  */
  z-index: 1003;
  /* width: calc(25vw);
  */
  color: white;
  display: flex;
  overflow: hidden;
  font-size: calc(0.83333vw);
  background: #3a63d6;
}
.slide_table_title>span {
  display: inline-block;
  width: 25%;
  text-align: center;
  cursor: pointer;
}
.slide_table_title:hover {
  background-color: #4e6bbb;
}
.slide_table_title .active {
  background-color: #0d3dc4;
}
.slide_table_title .select {
  width: 20px;
  position: relative;
  right: -8px;
}
#slide {
  /* position: absolute;
  right: calc(1.5625vw);
  top: calc(6.66667vw);
  top: calc(9.27083vw);
  */
  /* height: calc(18.22917vw); */
  flex: 1;
  /* width: calc(25vw);
  */
  color: #3ab0f5;
  overflow-y: scroll;
  z-index: 1000;
  font-size: calc(0.83333vw);
}
#slide p:nth-child(odd) {
  background: #03334ec9;
}
#slide p {
  height: calc(1.77083vw);
  line-height: calc(1.77083vw);
  /* overflow: hidden; */
  cursor: pointer;

  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
#slide span {
  /* float: right; */
  text-align: center;
  width: 25%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#slide span:nth-child(1) {
  width: 30%;
}
#slide span:nth-child(3) {
  width: 20%;
}
/* #slide span:last-child {
  margin-right: 5px;
  animation: 3s wordsLoop linear infinite;
}
@keyframes wordsLoop {
  0% {
      transform: translateX(0px);
  }
  25% {
      transform: translateX(0px);
  }
  75% {
      transform: translateX(calc(-100% + 10px));
  }
  100% {
      transform: translateX(calc(-100% + 10px));
  }
} */
#slide p:hover {
  color: white;
}
.query_box {
  /* position: absolute;
  top: calc(5.20833vw);
  top: 0.66rem;
  right: calc(1.5625vw);
  */
  z-index: 1003;
  color: white;
  display: flex;
  position: relative;
  width: fit-content;
}
.query_box input {
  position: relative;
  background: #191919;
  border: 1px solid #666;
  width: calc(11.45833vw);
  height: calc(1.30208vw);
  color: #fff;
  padding-left: calc(0.26042vw);
  padding-right: calc(1.30208vw);
}
.query_btn {
  position: relative;
  border: 1px solid #333;
  background: #322e358c;
  padding: 0 calc(0.26042vw);
  cursor: pointer;
  width: calc(2.29167vw);
  text-align: center;
  line-height: calc(1.30208vw);
  font-size: 0.16rem;
}
.query_x {
  position: absolute;
  right: calc(3.02083vw);
  cursor: pointer;
  font-size: calc(1.09375vw);
  width: calc(1.30208vw);
  height: calc(1.30208vw);
  text-align: center;
  line-height: calc(1.30208vw);
}
.polygon {
  height: 0.66rem;
  width: 85%;
  margin: auto;
  color: #fff;
  display: flex;
  font-size: 0.14rem;
}
.polygon .title {
  width: 0.4rem;
  height: 0.4rem;
  background: #00b83f;
  border-radius: 50%;
  text-align: center;
  padding: 0.06rem;
  margin-right: 0.1rem;
}
.polygon > div {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.leaflet-control {
  display: none;
}
.wj_BZ_table table tr td {
  word-wrap: break-word;
  display: inline-block;
  border: none;
}
.wj_BZ_table table tr td:first-child {
  width: calc(3.64583vw);
}
.wj_BZ_table table tr:last-child td:first-child {
  line-height: calc(2.1875vw);
}
.wj_BZ_table table tr:last-child td:last-child {
  max-width: calc(5.72917vw);
}
.baseMsg {
  display: flex;
  color: black;
  flex-direction: column;
  background: white;
}
.baseMsg div {
  float: left;
}
.baseMsg div:nth-child(1) {
  color: red;
  font-size: larger;
}
.baseMsg div:nth-child(2) {
  margin: calc(0.52083vw) 0;
}
.baseMsg div:nth-child(2) span {
  margin: 0 calc(0.3125vw);
}
.baseMsg div:nth-child(2) span:nth-child(1) em {
  color: blue;
}
.baseMsg div:nth-child(2) span:nth-child(2) em {
  color: #8c2801;
}
.baseMsg div:nth-child(2) span:nth-child(3) em {
  color: #00907c;
}
.baseMsg div:nth-child(3) {
  font-size: smaller;
}
.baseMsg div:nth-child(3) span {
  margin-right: calc(0.26042vw);
}
.leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}
@font-face {
  font-family: "iconfont";
  src: url("./font/iconfont.eot");
  src: url("./font/iconfont.eot?#iefix") format("embedded-opentype"),
    url("./font/iconfont.woff2") format("woff2"),
    url("./font/iconfont.woff") format("woff"),
    url("./font/iconfont.ttf") format("truetype"),
    url("./font/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: calc(0.83333vw);
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.image4 {
  width: calc(28.04167vw);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.leaflet-popup-content {
  width: auto !important;
}
.image4 img {
  display: block;
  width: calc(11.41667vw);
  margin: calc(0.52083vw);
}
.my-div-icon {
  font-size: calc(0.83333vw);
  /*background:red;
  */
  width: calc(5.20833vw) !important;
  color: #ffeb3b8c;
}
.my-div-icon2 {
  font-size: calc(0.9375vw);
  /*background:red;
  */
  width: calc(5.20833vw) !important;
  color: yellow;
}
/*# sourceMappingURL=css.css.map */

/* #id1 canvas,
#id2 canvas,
#id3 canvas{
  transform: scale(calc( 100% / 1029px ));
} */

.position {
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 1.1rem;
  top: -0.5rem;
  background: transparent !important;
  cursor: pointer;
}

.position img {
  width: 0.4rem;
}

.boundaryBtn {
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 0.6rem;
  top: -0.5rem;
  /* background: transparent!important; */
  background-color: rgba(0, 0, 255, 0.4);
  border-radius: 5px;
  cursor: pointer;
}

.boundaryBtn img {
  width: 0.4rem;
}

.messageBtn {
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 0.1rem;
  top: -0.5rem;
  /* background: transparent!important; */
  border-radius: 5px;
  cursor: pointer;
}

.messageBtn img {
  width: 0.4rem;
}

.messageWindow {
  transition: all 0.2s ease;
}
.btmshow {
  transform: translateY(115%);
}
.leftshow {
  transform: translateX(-110%);
}
.rightshow {
  transform: translateX(110%);
}