* {
  padding: 0;
  margin: 0;
  user-select: none;
}

@font-face {
  font-family: HuXiaoBoFont;
  src: url(../../font/HuXiaoBoNanShenTi-2.otf);
}

ul li {
  list-style-type: none;
}

img {
  vertical-align: middle;
}

.img {
  position: absolute;
}

.opacity {
  opacity: 0;
}

.hover {
  cursor: pointer;
}

.common-text {
  background: #D7423C;
  border: 4px solid #FFFFFF;
  border-radius: 10px;
  font-size: 26px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  line-height: 1;
}

.common-gs-text {
  border-radius: 5px;
  font-size: 13px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
  position: absolute;
  line-height: 1;
}

.common-area-text {
  width: 29px;
  background: #4D3F39;
  border-radius: 10px;
  font-size: 30px;
  font-family: HuXiaoBoFont;
  font-weight: normal;
  color: #FDEE4C;
  position: absolute;
  padding: 11px 12px 15px 8px;
  line-height: 1.2;
}

.common-tl-text {
  font-size: 26px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #121414;
  line-height: 1;
}

.tl .db {
  width: 30px;
  height: 30px;
  background: #D7423C;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
}

.location {
  width: 26px;
  height: 34px;
  background: url(../images/location.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.red-star {
  width: 27px;
  height: 26px;
  background: url(../images/red-star.png) no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
}

.star .star-icon {
  width: 25px;
  height: 25px;
  background: url(../images/star.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

/*.logo {
  width: 953px !important;
  height: 160px !important;
  margin-top: 60px;
}

.logo img {
  height: 160px !important;
}*/

/* 内容 */
.mapBox {
  width: 3699px;
  height: 1804px;
  position: relative;
  margin: 0 auto;
  background: #ffee87;
  border: solid 3px #5f250d;
  padding: 8px;
  border-radius: 30px;
  /* overflow: hidden; */
}

.mapBox .box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.title .img {
  top: 33px;
  left: 0;
  width: 1061px;
  height: 526px;
}

.mslqgmlsly .img {
  width: 371px;
  height: 172px;
  left: 152px;
  top: 643px;
}

.mslqgmlsly .text {
  left: 208px;
  top: 819px;
  padding: 2px 10px 2px 11px;
}

.mslqgmlsly .db {
  left: 362px;
  top: 984px;
}

.mslqgmlsly .star {
  left: 178px;
  top: 823.7px;
}

.sszc .img {
  width: 249px;
  height: 131px;
  left: 0px;
  top: 878px;
}

.sszc .db {
  left: 307px;
  top: 959px;
}

.sszc .text {
  left: 249px;
  top: 920px;
  padding: 2px 10px 2px 12px;
}

.msbrq .img {
  width: 249px;
  height: 115px;
  left: 5px;
  top: 1127px;
}

.msbrq .db {
  left: 307px;
  top: 1001px;
}

.msbrq .text {
  left: 30px;
  top: 1049px;
  padding: 4px 6px 4px 5px;
  text-align: right;
  line-height: 1;
}

.msgmsg .img {
  width: 225px;
  height: 120px;
  left: 121px;
  top: 1284px;
}

.msgmsg .text {
  left: 154px;
  top: 1234px;
  padding: 2px 7px 2px 9px;
}

.msgmsg .db {
  left: 347px;
  top: 984px;
}

.msgmsg .star {
  left: 124px;
  top: 1239.7px;
}

.bpczjz .img {
  width: 238px;
  height: 97px;
  left: 340px;
  top: 1091px;
}

.bpczjz .db {
  left: 818px;
  top: 991px;
}

.bpczjz .text {
  left: 362px;
  top: 1052px;
  padding: 2px 8px 2px 8px;
}

.dysyz .img {
  width: 252px;
  height: 117px;
  left: 554px;
  top: 1328px;
}

.dysyz .db {
  left: 828px;
  top: 1078px;
}

.dysyz .text {
  left: 624px;
  top: 1287px;
  padding: 2px 9px 2px 11px;
}

.xdtsk .img {
  width: 292px;
  height: 234px;
  left: 643px;
  top: 1484px;
}

.xdtsk .db {
  left: 889px;
  top: 1242px;
}

.xdtsk .text {
  left: 739px;
  top: 1482px;
  padding: 3px 6px 1px 7px;
}

.csszb .img {
  width: 270px;
  height: 114px;
  left: 892px;
  top: 1346px;
}

.csszb .db {
  left: 913px;
  top: 1261px;
}

.csszb .text {
  left: 935px;
  top: 1285px;
  padding: 2px 5px 2px 5px;
}

.ycgmlsjnb .img {
  width: 309px;
  height: 190px;
  left: 1206px;
  top: 1180px;
}

.ycgmlsjnb .db {
  left: 972px;
  top: 1100px;
}

.ycgmlsjnb .text {
  left: 1084px;
  top: 1235px;
  padding: 2px 9px 2px 8px;
}

.ycgmlsjnb .star {
  left: 1054px;
  top: 1240.7px;
}

.tyhjsk .img {
  width: 441px;
  height: 144px;
  left: 1343px;
  top: 1330px;
}

.tyhjsk .db {
  left: 1618px;
  top: 1246px;
}

.tyhjsk .text {
  left: 1534px;
  top: 1279px;
  padding: 2px 7px 2px 11px;
}

.ylggq .img {
  width: 282px;
  height: 138px;
  left: 1807px;
  top: 1391px;
}

.ylggq .db {
  left: 2136px;
  top: 1307px;
}

.ylggq .text {
  left: 1897px;
  top: 1343px;
  padding: 2px 8px 2px 7px;
}

.xshzlsly .img {
  width: 225px;
  height: 171px;
  left: 2427px;
  top: 1540px;
}

.xshzlsly .db {
  left: 2436px;
  top: 1465px;
}

.xshzlsly .text {
  left: 2427px;
  top: 1502px;
  padding: 2px 5px 2px 8px;
}

.xshzlsly .star {
  left: 2397px;
  top: 1507.7px;
}

.ylwsqyz .img {
  width: 233px;
  height: 163px;
  left: 2742px;
  top: 1561px;
}

.ylwsqyz .db {
  left: 2839px;
  top: 1482px;
}

.ylwsqyz .text {
  left: 2730px;
  top: 1522px;
  padding: 2px 3px 2px 4px;
}

.ydyz .img {
  width: 224px;
  height: 120px;
  left: 3084px;
  top: 1316px;
}

.ydyz .text {
  left: 3095px;
  top: 1279px;
  padding: 2px 9px 2px 12px;
}

.ydyz .db {
  left: 3063px;
  top: 1279px;
}

.wrkjnb .img {
  width: 339px;
  height: 238px;
  left: 2627px;
  top: 1025px;
}

.wrkjnb .db {
  left: 2697px;
  top: 1302px;
}

.wrkjnb .text {
  left: 2658px;
  top: 1262px;
  padding: 2px 3px 2px 7px;
}

.wrkjnb .star {
  left: 2627px;
  top: 1267.7px;
}

.lbdyz .img {
  width: 261px;
  height: 110px;
  left: 2402px;
  top: 1014px;
}

.lbdyz .db {
  left: 2425px;
  top: 1127px;
}

.lbdyz .text {
  left: 2460px;
  top: 1128px;
  padding: 2px 7px 2px 8px;
}

.hhqzs .img {
  width: 300px;
  height: 235px;
  left: 2069px;
  top: 985px;
}

.hhqzs .db {
  left: 2040px;
  top: 1229px;
}

.hhqzs .text {
  left: 2071px;
  top: 1220px;
  padding: 2px 5px;
}

.ggjgjq .img {
  width: 192px;
  height: 101px;
  left: 1075px;
  top: 1049px;
}

.ggjgjq .db {
  left: 1005px;
  top: 1005px;
}

.ggjgjq .text {
  left: 1077px;
  top: 1009px;
  padding: 2px 4px 2px 5px;
}

.hblgj .img {
  width: 218px;
  height: 100px;
  left: 1312px;
  top: 894px;
}

.hblgj .db {
  left: 987px;
  top: 990px;
}

.hblgj .text {
  left: 1162px;
  top: 916px;
  padding: 3px 5px 1px 7px;
}

.sxyxxt .img {
  width: 156px;
  height: 156px;
  left: 1374px;
  top: 729px;
  z-index: 9;
}

.sxyxxt .db {
  left: 971px;
  top: 972px;
}

.sxyxxt .text {
  left: 1157px;
  top: 821px;
  padding: 3px 5px 3px 0px;
}

.mgqljzq .img {
  width: 220px;
  height: 137px;
  left: 1167px;
  top: 580px;
}

.mgqljzq .db {
  left: 961px;
  top: 953px;
}

.mgqljzq .text {
  left: 1137px;
  top: 732px;
  padding: 2px 3px 2px 7px;
}

.jjtrsc .img {
  width: 180px;
  height: 129px;
  left: 909px;
  top: 678px;
}

.jjtrsc .db {
  left: 926px;
  top: 897px;
}

.jjtrsc .text {
  left: 910px;
  top: 810px;
  padding: 2px 8px 2px 10px;
}

.ywt .img {
  width: 124px;
  height: 260px;
  left: 766px;
  top: 616px;
}

.ywt .db {
  left: 896px;
  top: 978px;
}

.ywt .text {
  left: 784px;
  top: 882px;
  padding: 2px 7px 2px 6px;
}

.sdt .img {
  width: 229px;
  height: 117px;
  left: 529px;
  top: 712px;
}

.sdt .db {
  left: 871px;
  top: 992px;
}

.sdt .text {
  left: 592px;
  top: 834px;
  padding: 2px 6px 2px 7px;
}

.nzmbl .img {
  width: 374px;
  height: 222px;
  left: 1444px;
  top: 1535px;
}

.nzmbl .db {
  left: 1754px;
  top: 1480px;
}

.nzmbl .text {
  left: 1480px;
  top: 1505px;
  padding: 2px 7px 2px 7px;
}

.ztlgmlsjnb .img {
  width: 141px;
  height: 251px;
  left: 3052px;
  top: 876px;
}

.ztlgmlsjnb .db {
  left: 3070px;
  top: 976px;
}

.ztlgmlsjnb .text {
  left: 2833px;
  top: 931px;
  padding: 2px 5px 2px 5px;
}

.ztlgmlsjnb .star {
  left: 2802px;
  top: 937.7px;
}

.tqmq .img {
  width: 109px;
  height: 136px;
  left: 3361px;
  top: 753px;
}

.tqmq .db {
  left: 3331px;
  top: 870px;
}

.tqmq .text {
  left: 3361px;
  top: 888px;
  padding: 2px 5px 2px 6px;
}

.nzmbl .star {
  left: 1449px;
  top: 1511.7px;
}

.star .star-1 {
  left: 965px;
  top: 1030px;
}

.star .star-2 {
  left: 2049px;
  top: 1267px;
}

.star .star-3 {
  width: 34px;
  height: 34px;
  left: 2288px;
  top: 1430px;
}

.star .star-4 {
  left: 2549px;
  top: 1311px;
}

.star .star-5 {
  left: 3214px;
  top: 857px;
}

.syszf {
  position: absolute;
  left: 2337px;
  top: 1357px;
  width: 35px;
  height: 180px;
  background: url(../images/syszf.png) no-repeat;
  background-size: 100% 100%;
}

/*坐标 */
.tl .db-01 {
  left: 769.4px;
  top: 993.5px;
  z-index: 2;
}

.tl .db-02 {
  left: 777.4px;
  top: 972.5px;
}

.tl .db-03 {
  left: 794.4px;
  top: 992.5px;
  z-index: 1;
}

.tl .db-04 {
  left: 916.4px;
  top: 971.5px;
  z-index: 2;
}

.tl .db-05 {
  left: 943.4px;
  top: 994.5px;
}

.tl .db-06 {
  left: 940.4px;
  top: 974.5px;
  z-index: 1;
}

.tl .db-07 {
  left: 973.4px;
  top: 1005.5px;
}

.tl .db-08 {
  left: 990.4px;
  top: 1030.5px;
}

.area .yzq {
  left: 908px;
  top: 1103.8px;
}

.area .tyq {
  left: 1723.9px;
  top: 883px;
}

.area .htq {
  left: 3159.2px;
  top: 775.5px;
}

.area .jyq {
  left: 2583.2px;
  top: 1294.6px;
}

/* 高速 */
.gs .G225 {
  background: #C7303E;
  padding: 3px 9px 4px 10px;
}

.gs .G225-1 {
  left: 484px;
  top: 985.7px;
}

.gs .G225-2 {
  left: 1500px;
  top: 1220.7px;
}

.gs .G225-3 {
  left: 2087px;
  top: 1283.7px;
}

.gs .G225-4 {
  left: 2194px;
  top: 1374.7px;
}

.gs .G224 {
  background: #C7303E;
  padding: 3px 9px 2px 10px;
}

.gs .G224-1 {
  left: 2508px;
  top: 1394.5px;
}

.gs .G224-2 {
  left: 2748px;
  top: 989.5px;
}

.gs .G223 {
  padding: 3px 10px 2px 10px;
  background: #C7303E;
}

.gs .G223-1 {
  left: 2279.7px;
  top: 1340.8px;
}

.gs .G223-2 {
  left: 2891px;
  top: 1353px;
}

.gs .G223-3 {
  left: 3020px;
  top: 1230px;
}

.gs .G98 {
  padding: 4px 9px 1px 8px;
  background: #1DBCA0;
}

.gs .G98-1 {
  left: 670px;
  top: 965px;
}

.gs .G98-2 {
  left: 995px;
  top: 1164px;
}

.gs .G98-3 {
  left: 1823px;
  top: 1180px;
}

.gs .G98-4 {
  left: 2471px;
  top: 1170px;
}

.gs .G98-5 {
  left: 2999px;
  top: 1093px;
}

.gs .S314 {
  padding: 4px 11px 4px 10px;
  background: #FFC41F;
  font-size: 12px;
  font-weight: normal;
  color: #1E1A1A;
  line-height: 1;
}

.gs .S314-1 {
  left: 1289.7px;
  top: 471.8px;
}

.gs .S314-2 {
  left: 1489.7px;
  top: 839.8px;
}

.common-river-text {
  font-size: 20px;
  font-family: myFirstFont;
  font-weight: normal;
  font-style: italic;
  color: #284786;
  position: absolute;
  line-height: 1;
}

.text .nh {
  font-size: 45px;
  left: 470px;
  top: 1222px;
  letter-spacing: 86px;
}

.text .htsk {
  left: 3084px;
  top: 759px;
}

.text .tlg {
  left: 2955px;
  top: 1331px;
}

.jc .text {
  position: absolute;
  left: 1851px;
  top: 1288px;
  font-size: 15px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #555452;
  letter-spacing: -1px;
}

.jc .img {
  width: 50px;
  height: 46px;
  left: 1884px;
  top: 1242px;
}

/* 图例 */
.tl {
  width: 1273px;
  height: 511px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  margin-top: -1809px;
  margin-left: 2407px;
}

.tl .common-circle {
  width: 33px;
  height: 33px;
  background: #D7423C;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 18px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
  font-style: normal;
  text-align: center;
}

.tl .tl-star {
  width: 27px;
  height: 26px;
}

.tl .ul {
  display: flex;
  flex-wrap: wrap;
}

.tl .ul .img {
  position: unset;
}

.tl .ul .bottom {
  display: flex;
  align-items: center;
}

.tl .ul .bpgmlsjnb {
  padding-left: 35px;
  padding-top: 19px;
}

.tl .ul .bpgmlsjnb .img {
  width: 269px;
  height: 169px;
}

.tl .ul .bottom {
  margin-left: -14px;
  padding-top: 2px;
}

.tl .ul .bpcmjd {
  padding-left: 70px;
  padding-top: 40px;
}

.tl .ul .bpcmjd .img {
  width: 259px;
  height: 143px;
}

.tl .ul .bpcmjd .bottom {
  padding-left: 33px;
  padding-top: 6px;
}

.tl .ul .bpcgmjjzq {
  padding-left: 58px;
  padding-top: 70px;
}

.tl .ul .bpcgmjjzq .img {
  width: 222px;
  height: 110px;
}

.tl .ul .bpcgmjjzq .bottom {
  margin-left: -34px;
  padding-top: 7px;
}

.tl .ul .ycgmjjzq {
  padding-left: 63px;
  padding-top: 53px;
}

.tl .ul .ycgmjjzq .img {
  width: 247px;
  height: 126px;
}

.tl .ul .ycgmjjzq .bottom {
  padding-top: 6px;
  padding-left: 16px;
}

.tl .ul .yzgc {
  padding-left: 28px;
  padding-top: 53px;
}

.tl .ul .yzgc .img {
  width: 269px;
  height: 117px;
}

.tl .ul .yzgc .bottom {
  padding-top: 6px;
  padding-left: 71px;
}

.tl .ul .ycxg {
  padding-left: 30px;
  padding-top: 30px;
}

.tl .ul .ycxg .img {
  width: 232px;
  height: 135px;
}

.tl .ul .ycxg .bottom {
  padding-top: 6px;
  padding-left: 19px;
}

.tl .ul .djzg {
  padding-left: 19px;
  padding-top: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tl .ul .djzg .img {
  width: 78px;
  height: 141px;
}

.tl .ul .djzg .bottom {
  padding-top: 9px;
  padding-left: 6px;
  display: flex;
  align-items: baseline;
}

.tl .ul .djzg .litter-letter {
  font-size: 22px;
}

.tl .ul .djzg .bottom .common-tl-text {
  text-align: center;
  margin-left: -12px;
  line-height: 1;
  letter-spacing: -1px;
}

.tl .ul .wdq {
  padding-left: 30px;
  padding-top: 30px;
}

.tl .ul .wdq .img {
  width: 176px;
  height: 141px;
}

.tl .ul .wdq .bottom {
  padding-top: 5px;
  padding-left: 22px;
}

.tl .ul .gsyz {
  padding-left: 27px;
  padding-top: 57px;
}

.tl .ul .gsyz .img {
  width: 139px;
  height: 120px;
}

.tl .ul .gsyz .bottom {
  padding-top: 1px;
  padding-left: 4px;
}

.tl .ul .hswh {
  display: flex;
  align-items: center;
  padding-left: 26px;
  padding-top: 18px;
}

.tl .ul .hswh .text {
  font-size: 33px;
  font-weight: bold;
  color: #18191A;
  padding-left: 13px;
  letter-spacing: 2px;
}

/* 地方区域 */
.common-conty-text {
  font-size: 47px;
  color: rgb(161, 123, 92);
  font-weight: bold;
  line-height: 1.2;
  position: absolute;
  z-index: 39;
}

.county .lgyzzzx {
  left: 1021px;
  top: 113px;
  letter-spacing: 16px;
}

.county .btyzmzzzx {
  left: 2424px;
  top: 657px;
  letter-spacing: 17px;
}

.county .lsyzzzx {
  left: 3546px;
  top: 537px;
  writing-mode: vertical-lr;
  letter-spacing: 8px;
}

.county .lstzzzx {
  right: 36px;
  top: 540px;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
}

.hover:hover .img,
.hover:hover .text,
.hover:hover .db,
.hover:hover .star {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.hover:hover .db {
  animation: float ease-in-out .4s infinite;
  -webkit-animation: float ease-in-out .4s infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
  }
}