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

em {
  font-weight: bold;
}

img {
  width: 100%;
  height: auto;
}

@font-face {
  font-family: AlibabaB;
  src: url(../font/Alibaba-PuHuiTi-Bold.ttf);
}

@font-face {
  font-family: AlibabaM;
  src: url(../font/Alibaba-PuHuiTi-Medium.ttf);
}

@font-face {
  font-family: lMQYLSZRHT;
  src: url(../font/LianMengQiYiLuShuaiZhengRuiHeiTi.ttf);
}

.img {
  display: block;
}

.abs {
  position: absolute;
}

.hover {
  cursor: pointer;
}

/*.logo {
  margin-top: 64px;
  width: 767px !important;
}

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

body.bodyBg {
  background: url(../images/nsqtsg-theme-bg.png) no-repeat;
  background-size: 100% 100%;
}

.location {
  width: 32px;
  height: 48px;
  background-image: url(../images/location-sprites.png);
  background-size: 208px 68px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  z-index: 9;
}

.circle {
  width: 17px;
  height: 17px;
  background-image: url(../images/circle-sprites.png);
  background-size: 111px 37px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

.dot {
  width: 37px;
  height: 37px;
  min-width: 37px;
  min-height: 37px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

.tulist-sprites {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/tulist-sprites.png);
  background-size: 59px 139px;
}

.dot1 {
  background-image: url(../images/dot-sprites-1.png);
  background-size: 780px 39px;
}

.dot2 {
  background-image: url(../images/dot-sprites-2.png);
  background-size: 780px 39px;
}

.dot3 {
  background-image: url(../images/dot-sprites-3.png);
  background-size: 858px 39px;
}

.blue-location {
  background-position: -10px -10px;
}

.lemon-location {
  background-position: -62px -10px;
}

.purple-location {
  background-position: -114px -10px;
}

.red-location {
  background-position: -166px -10px;
}

.lemon-circle {
  background-position: -10px -10px;
}

.purple-circle {
  background-position: -47px -10px;
}

.red-circle {
  background-position: -84px -10px;
}

.dot-02 {
  background-position: -1px -1px
}

.dot-03 {
  background-position: -40px -1px
}

.dot-04 {
  background-position: -79px -1px
}

.dot-05 {
  background-position: -118px -1px
}

.dot-06 {
  background-position: -157px -1px
}

.dot-07 {
  background-position: -196px -1px
}

.dot-01 {
  background-position: -235px -1px
}

.dot-10 {
  background-position: -274px -1px
}

.dot-11 {
  background-position: -313px -1px
}

.dot-12 {
  background-position: -352px -1px
}

.dot-13 {
  background-position: -391px -1px
}

.dot-14 {
  background-position: -430px -1px
}

.dot-15 {
  background-position: -469px -1px
}

.dot-16 {
  background-position: -508px -1px
}

.dot-17 {
  background-position: -547px -1px
}

.dot-18 {
  background-position: -586px -1px
}

.dot-19 {
  background-position: -625px -1px
}

.dot-20 {
  background-position: -664px -1px
}

.dot-08 {
  background-position: -703px -1px
}

.dot-09 {
  background-position: -742px -1px
}

.dot-21 {
  background-position: -1px -1px
}

.dot-22 {
  background-position: -40px -1px
}

.dot-23 {
  background-position: -79px -1px
}

.dot-24 {
  background-position: -118px -1px
}

.dot-25 {
  background-position: -157px -1px
}

.dot-26 {
  background-position: -196px -1px
}

.dot-27 {
  background-position: -235px -1px
}

.dot-28 {
  background-position: -274px -1px
}

.dot-29 {
  background-position: -313px -1px
}

.dot-30 {
  background-position: -352px -1px
}

.dot-31 {
  background-position: -391px -1px
}

.dot-32 {
  background-position: -430px -1px
}

.dot-33 {
  background-position: -469px -1px
}

.dot-34 {
  background-position: -508px -1px
}

.dot-35 {
  background-position: -547px -1px
}

.dot-36 {
  background-position: -586px -1px
}

.dot-37 {
  background-position: -625px -1px
}

.dot-38 {
  background-position: -664px -1px
}

.dot-39 {
  background-position: -703px -1px
}

.dot-40 {
  background-position: -742px -1px
}

.dot-41 {
  background-position: -1px -1px
}

.dot-42 {
  background-position: -40px -1px
}

.dot-43 {
  background-position: -79px -1px
}

.dot-44 {
  background-position: -118px -1px
}

.dot-45 {
  background-position: -157px -1px
}

.dot-46 {
  background-position: -196px -1px
}

.dot-47 {
  background-position: -235px -1px
}

.dot-48 {
  background-position: -274px -1px
}

.dot-49 {
  background-position: -313px -1px
}

.dot-50 {
  background-position: -352px -1px
}

.dot-51 {
  background-position: -391px -1px
}

.dot-52 {
  background-position: -430px -1px
}

.dot-53 {
  background-position: -469px -1px
}

.dot-54 {
  background-position: -508px -1px
}

.dot-55 {
  background-position: -547px -1px
}

.dot-56 {
  background-position: -586px -1px
}

.dot-57 {
  background-position: -625px -1px
}

.dot-58 {
  background-position: -664px -1px
}

.dot-59 {
  background-position: -703px -1px
}

.dot-60 {
  background-position: -742px -1px
}

.dot-61 {
  background-position: -781px -1px
}

.null-dot {
  background-position: -820px -1px
}

.tulist-dot {
  width: 29px;
  height: 29px;
  background-image: url(../images/dot.png);
  background-size: 100% 100%;
  display: block;
}

.tulist .scenicSpot .fg i {
  width: 26px;
  height: 38px;
  background-position: -1px -60px
}

.tulist .scenicSpot .jd i {
  width: 26px;
  height: 38px;
  background-position: -29px -60px
}

.tulist .nssf {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 14px 0 0px;
  width: 30%;
}

.tulist .nssf i {
  width: 26px;
  height: 38px;
  background-position: -1px -100px;
  display: block;
  padding-bottom: 5px;
}

.tulist .scenicSpot .qjg i {
  width: 26px;
  height: 38px;
  background-position: -29px -100px
}

.common-text {
  font-size: 30px;
  font-family: "myFirstFont";
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  display: flex;
  align-items: center;
  height: 45px;
  line-height: 1;
  white-space: nowrap;
}

.common-area-text {
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  line-height: 1;
}

.common-area-text-1 {
  color: #793611;
  font-family: AlibabaB;
  font-weight: 700;
}

.common-area-text-2 {
  color: #BD7426;
  font-family: AlibabaM;
}

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

.contain {
  position: relative;
  width: 100%;
  height: 100%;
}

.mapBox .box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.mapBox .text {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
}

/* 内容区域 */
.mapBox .title {
  top: 34px;
  left: 52px;
  width: 668px;
  height: 583px;
}

.xqx {
  width: 308px;
  height: 165px;
  left: 1057px;
  top: 62px;
}

.xqx .text {
  width: 254px;
  height: 55px;
  background-image: url(../images/text/xqx-text.png);
  left: 2px;
  top: 182px;
}

.xqx .circle {
  left: 262px;
  top: 205px;
}

.xqx .location {
  left: 522px;
  top: 519px;
}

.tyx {
  width: 270px;
  height: 157px;
  left: 790px;
  top: 306px;
}

.tyx .text {
  width: 254px;
  height: 55px;
  background-image: url(../images/text/tyx-text.png);
  left: 180px;
  top: 159px;
}

.tyx .circle {
  left: 453px;
  top: 180px;
}

.tyx .location {
  left: 746px;
  top: 459px;
}

.ntgc {
  width: 365px;
  height: 209px;
  left: 1009px;
  top: 613px;
}

.ntgc .text {
  left: 199px;
  top: 213px;
  width: 147px;
  height: 55px;
  background-image: url(../images/text/ntgc-text.png);
}

.ntgc .location {
  left: 338px;
  top: 294px;
}

.nstsg {
  width: 483px;
  height: 292px;
  left: 476px;
  top: 662px;
}

.nstsg .circle {
  left: 490px;
  top: 259px;
}

.nstsg .location {
  left: 896px;
  top: 333px;
}

.ntjdfd {
  width: 215px;
  height: 260px;
  left: 138px;
  top: 862px;
}

.ntjdfd .text {
  width: 205px;
  height: 55px;
  background-image: url(../images/text/ntjdfg-text.png);
  left: 245px;
  top: 130px;
}

.ntjdfd .circle {
  left: 463px;
  top: 154px;
}

.ntjdfd .location {
  top: 159px;
  left: 1182px;
}

.nsjdfg {
  width: 282px;
  height: 174px;
  left: 434px;
  top: 1077px;
}

.nsjdfg .text {
  width: 205px;
  height: 55px;
  background-image: url(../images/text/nsjdfg-text.png);
  left: 291px;
  top: 92px;
}

.nsjdfg .circle {
  left: 505px;
  top: 111px;
}

.nsjdfg .location {
  left: 802px;
  top: -49px;
}

.yhjdfg {
  width: 355px;
  height: 134px;
  left: 254px;
  top: 1311px;
}

.yhjdfg .text {
  width: 205px;
  height: 55px;
  background-image: url(../images/text/yhjdfg-text.png);
  left: 354px;
  top: 30px;
}

.yhjdfg .circle {
  left: 573px;
  top: 50px;
}

.yhjdfg .location {
  left: 1184px;
  top: -165px;
}

.skycfg {
  width: 352px;
  height: 194px;
  left: 393px;
  top: 1585px;
}

.skycfg .text {
  left: 31px;
  top: -75px;
  width: 204px;
  height: 55px;
  background-image: url(../images/text/skycfg-text.png);
}

.skycfg .circle {
  left: 254px;
  top: -54px;
}

.skycfg .location {
  left: 967px;
  top: -251px;
}

.hssj {
  width: 478px;
  height: 202px;
  left: 944px;
  top: 1486px;
}

.hssj .text {
  width: 143px;
  height: 55px;
  left: 310px;
  top: 6px;
  background-image: url(../images/text/hssj-text.png);
}

.hssj .location {
  left: 388px;
  top: -70px;
}

.szwbhhxxd {
  width: 307px;
  height: 182px;
  left: 1691px;
  top: 1504px;
}

.szwbhhxxd .text {
  width: 261px;
  height: 55px;
  left: -133px;
  top: -63px;
  background-image: url(../images/text/szwbhxxd-text.png);
}

.szwbhhxxd .location {
  left: -168px;
  top: -104px;
}

.skjdfg {
  width: 275px;
  height: 194px;
  left: 2235px;
  top: 1580px;
}

.skjdfg .text {
  width: 204px;
  height: 55px;
  left: 117px;
  top: -60px;
  background-image: url(../images/text/skjdfg-text.png);
}

.skjdfg .circle {
  left: 94px;
  top: -43px;
}

.skjdfg .location {
  left: -754px;
  top: -248px;
}

.szrcgy {
  width: 502px;
  height: 172px;
  left: 1751px;
  top: 1230px;
}

.szrcgy .text {
  width: 205px;
  height: 55px;
  left: -180px;
  top: 29px;
  background-image: url(../images/text/szrcfg-text.png);
}

.szrcgy .location {
  top: -23px;
  left: -173px;
}

.pqx {
  width: 418px;
  height: 152px;
  left: 2357px;
  top: 1247px;
}

.pqx .text {
  width: 254px;
  height: 55px;
  left: 106px;
  top: -66px;
  background-image: url(../images/text/pqx-text.png);
}

.pqx .circle {
  left: 81px;
  top: -51px;
}

.pqx .location {
  left: -835px;
  top: -170px;
}

.hqccywhy {
  width: 224px;
  height: 175px;
  left: 1989px;
  top: 984px;
}

.hqccywhy .text {
  width: 253px;
  height: 55px;
  left: -229px;
  top: 48px;
  background-image: url(../images/text/hqccywhy-text.png);
}

.hqccywhy .location {
  left: -66px;
  top: -10px;
}

.xfg {
  width: 317px;
  height: 142px;
  left: 2563px;
  top: 916px;
}

.xfg .text {
  top: 4px;
  left: -262px;
  width: 250px;
  height: 55px;
  background-image: url(../images/text/xfg-text.png);
}

.xfg .circle {
  left: -293px;
  top: 21px;
}

.xfg .location {
  top: 8px;
  left: -695px;
}

.shjdfg {
  width: 399px;
  height: 182px;
  left: 2366px;
  top: 595px;
}

.shjdfg .text {
  width: 205px;
  height: 55px;
  left: 85px;
  top: 203px;
  background-image: url(../images/text/shjdfg-text.png);
}

.shjdfg .circle {
  left: 64px;
  top: 224px;
}

.shjdfg .location {
  left: -610px;
  top: 287px;
}

.tyfg {
  width: 394px;
  height: 116px;
  left: 2506px;
  top: 308px;
}

.tyfg .text {
  width: 141px;
  height: 55px;
  top: 9px;
  left: -149px;
  background-image: url(../images/text/tyfg-text.png);
}

.tyfg .circle {
  left: -181px;
  top: 29px;
}

.tyfg .location {
  left: -655px;
  top: 219px;
}

.bwxfg {
  width: 292px;
  height: 188px;
  left: 2180px;
  top: 60px;
}

.bwxfg .text {
  width: 176px;
  height: 55px;
  left: -203px;
  top: 81px;
  background-image: url(../images/text/bwxfg-text.png);
}

.bwxfg .circle {
  left: -229px;
  top: 103px;
}

.bwxfg .location {
  top: 150px;
  left: -670px;
}

.dshstzl {
  width: 309px;
  height: 167px;
  left: 1925px;
  top: 568px;
}

.dshstzl .text {
  width: 231px;
  height: 55px;
  background-image: url(../images/text/dshstzl-text.png);
  top: 119px;
  left: -231px;
}

.dshstzl .location {
  top: 135px;
  left: -294px;
}

.all-dot .dot-01 {
  left: 1422px;
  top: 1323px;
}

.all-dot .dot-02 {
  left: 1349px;
  top: 1370px;
}

.all-dot .dot-03 {
  left: 1463px;
  top: 1307px;
}

.all-dot .dot-04 {
  left: 1395px;
  top: 1297px;
}

.all-dot .dot-05 {
  left: 1414px;
  top: 1270px;
}

.all-dot .dot-06 {
  left: 1387px;
  top: 1335px;
}

.all-dot .dot-07 {
  left: 1328px;
  top: 1311px;
}

.all-dot .dot-08 {
  left: 1303px;
  top: 1277px;
}

.all-dot .dot-09 {
  left: 1109px;
  top: 1469px;
}

.all-dot .dot-10 {
  left: 1594px;
  top: 152px;
}

.all-dot .dot-11 {
  left: 1666px;
  top: 508px;
}

.all-dot .dot-12 {
  left: 1588px;
  top: 730px;
}

.all-dot .dot-13 {
  left: 1512px;
  top: 676px;
}

.all-dot .dot-14 {
  left: 1584px;
  top: 613px;
}

.all-dot .dot-15 {
  left: 1288px;
  top: 1087px;
}

.all-dot .dot-16 {
  left: 1355px;
  top: 1115px;
}

.all-dot .dot-17 {
  left: 1300px;
  top: 1146px;
}

.all-dot .dot-18 {
  left: 1342px;
  top: 1084px;
}

.all-dot .dot-19 {
  left: 1393px;
  top: 1082px;
}

.all-dot .dot-20 {
  left: 1111px;
  top: 1363px;
}

.all-dot .dot-21 {
  left: 1335px;
  top: 1141px;
}

.all-dot .dot-22 {
  left: 1301px;
  top: 1181px;
}

.all-dot .dot-23 {
  left: 1155px;
  top: 1289px;
}

.all-dot .dot-24 {
  left: 1305px;
  top: 1231px;
}

.all-dot .dot-25 {
  left: 1899px;
  top: 542px;
}

.all-dot .dot-26 {
  left: 1701px;
  top: 547px;
}

.all-dot .dot-27 {
  left: 1634px;
  top: 673px;
}

.all-dot .dot-28 {
  left: 1898px;
  top: 855px;
}

.all-dot .dot-29 {
  left: 1942px;
  top: 805px;
}

.all-dot .dot-30 {
  left: 2038px;
  top: 493px;
}

.all-dot .dot-31 {
  left: 1868px;
  top: 551px;
}

.all-dot .dot-32 {
  left: 1698px;
  top: 584px;
}

.all-dot .dot-33 {
  left: 1270px;
  top: 1006px;
}

.all-dot .dot-34 {
  left: 1295px;
  top: 974px;
}

.all-dot .dot-35 {
  left: 1359px;
  top: 837px;
}

.all-dot .dot-36 {
  left: 1331px;
  top: 975px;
}

.all-dot .dot-37 {
  left: 1383px;
  top: 760px;
}

.all-dot .dot-38 {
  left: 1258px;
  top: 883px;
}

.all-dot .dot-39 {
  left: 1858px;
  top: 988px;
}

.all-dot .dot-40 {
  left: 1727px;
  top: 921px;
}

.all-dot .dot-41 {
  left: 1707px;
  top: 873px;
}

.all-dot .dot-42 {
  left: 1715px;
  top: 1034px;
}

.all-dot .dot-43 {
  left: 1895px;
  top: 993px;
}

.all-dot .dot-44 {
  left: 1897px;
  top: 820px;
}

.all-dot .dot-45 {
  left: 1751px;
  top: 969px;
}

.all-dot .dot-46 {
  left: 1778px;
  top: 948px;
}

.all-dot .dot-47 {
  left: 1577px;
  top: 941px;
}

.all-dot .dot-48 {
  left: 1590px;
  top: 1052px;
}

.all-dot .dot-49 {
  left: 1577px;
  top: 875px;
}

.all-dot .dot-50 {
  left: 1424px;
  top: 1191px;
}

.all-dot .dot-51 {
  left: 1613px;
  top: 884px;
}

.all-dot .dot-52 {
  left: 1456px;
  top: 936px;
}

.all-dot .dot-53 {
  left: 1333px;
  top: 1049px;
}

.all-dot .dot-54 {
  left: 1437px;
  top: 1087px;
}

.all-dot .dot-55 {
  left: 1357px;
  top: 1409px;
}

.all-dot .dot-56 {
  left: 1523px;
  top: 1660px;
}

.all-dot .dot-57 {
  left: 1506px;
  top: 1280px;
}

.all-dot .dot-58 {
  left: 1528px;
  top: 1625px;
}

.all-dot .dot-59 {
  left: 1488px;
  top: 1619px;
}

.all-dot .dot-60 {
  left: 1388px;
  top: 1417px;
}

.all-dot .dot-61 {
  left: 1564px;
  top: 1635px;
}

.all-dot .null-dot {
  left: 1442px;
  top: 1379px;
}

.all-dot .magnifying {
  width: 294px;
  height: 405px;
  background-image: url(../images/magnifying-glass.png);
  background-size: 100% 100%;
  left: 1400px;
  top: 1394px;
}

.area .xlsk {
  left: 1586px;
  top: 472px;
}

.area .pntl {
  left: 1453px;
  top: 751px;
}

.area .clpsk {
  left: 2031px;
  top: 388px;
}

.area .clpsk span {
  transform: rotate(-28deg);
  position: absolute;
  display: block;
}

.area .clpsk .chang {
  left: 0;
}

.area .clpsk .ling {
  left: 8px;
  top: 13px;
}

.area .clpsk .pi {
  left: 16px;
  top: 27px;
}

.area .clpsk .shui {
  left: 24px;
  top: 39px;
}

.area .clpsk .ku {
  left: 33px;
  top: 51px;
}

.area .jgags {
  left: 1684px;
  top: 808px;
}

.area .jgags span {
  display: block;
  position: absolute;
  transform: rotate(14deg);
}

.area .jgags .gang {
  left: 17px;
  top: 3px;
}

.area .jgags .ao {
  left: 34px;
  top: 7px;
}

.area .jgags .gao {
  left: 51px;
  top: 10px;
}

.area .jgags .su {
  left: 69px;
  top: 13px;
}

.area .bhdd {
  left: 1386px;
  top: 873px;
}

.area .nhdd-2 {
  left: 1477px;
  top: 841px;
  width: 17px;
  line-height: 1.05;
}

.area .kybl {
  left: 1552px;
  top: 862px;
  width: 17px;
  line-height: 1.03;
}

.area .sndd {
  left: 1472px;
  top: 981px;
}

.area .bhdd-2 {
  left: 1532px;
  top: 1130px;
  letter-spacing: 2px;
}

.area .kydd {
  left: 1540px;
  top: 1184px;
}

.area .kydd span {
  display: block;
  position: absolute;
  transform: rotate(8deg);
}

.area .kydd .ke {
  left: 6px;
}

.area .kydd .yuan {
  left: 5px;
  top: 21px;
}

.area .kydd .da {
  left: 2px;
  top: 42px;
}

.area .kydd .dao {
  top: 62px;
  left: 1px;
}

.area .nhdd {
  left: 1300px;
  top: 1388px;
}

.area .nhdd span {
  position: absolute;
  display: block;
  transform: rotate(28deg);
}

.area .nhdd .nan {
  left: 26px;

}

.area .nhdd .hai {
  left: 18px;
  top: 17px;
}

.area .nhdd .da {
  left: 11px;
  top: 33px;
}

.area .nhdd .dao {
  left: 3px;
  top: 51px;
}

.area .pntl2 {
  left: 1137px;
  top: 1337px;
}

.area .pntl2 span {
  display: block;
  position: absolute;
  transform: rotate(-14deg);
}

.area .pntl2 .nan {
  left: 6px;
  top: 18px;
}

.area .pntl2 .tie {
  left: 10px;
  top: 34px;
}

.area .pntl2 .lu {
  left: 16px;
  top: 52px;
}

.area .tyjd {
  left: 1820px;
  top: 464px;
}

.area .xljd {
  left: 1495px;
  top: 657px;
}

.area .ntjd {
  left: 1387px;
  top: 903px;
}

.area .shjd {
  left: 1796px;
  top: 911px;
}

.area .nsjd {
  left: 1188px;
  top: 1141px;
}

.area .yhjd {
  left: 1410px;
  top: 1253px;
}

.area .skjd {
  left: 1516px;
  top: 1331px;
}

.area .zsjd {
  left: 1210px;
  top: 1442px;
}

.area .szw {
  left: 1742px;
  top: 1422px;
  color: rgb(129, 132, 147);
}

.area .szw span {
  position: absolute;
}

.area .szw .zhen {
  left: -80px;
  top: 79px;
}

.area .szw .wang {
  left: -104px;
  top: 98px;
}

.right-list {
  position: absolute;
  right: 65px;
  top: 40px;
  width: 619px;
}

.right-list .fwwdml {
  width: 100%;
  height: 1327px;
  position: relative;
  background-image: url(../images/mulu-bg.png);
  background-size: 100% 100%;
}

.fwwdml .head {
  padding: 29px 0 63px 90px;
  display: flex;
  align-items: center;
}

.fwwdml .head .icon {
  width: 74px;
  height: 54px;
  background-image: url(../images/fwwdnl-icon.png);
  background-size: 100% 100%;
  display: block;
}

.fwwdml .head .text {
  font-size: 45px;
  font-family: lMQYLSZRHT;
  font-weight: 400;
  color: #FFFFFF;
  width: fit-content;
  position: unset;
  padding-left: 1px;
  letter-spacing: 7px;
}

.fwwdml .content {
  width: 82%;
  height: calc(100% - 212px);
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 35px;
  font-family: AlibabaM;
  color: #4E001C;
  padding-top: 7px;
}

.fwwdml .content::-webkit-scrollbar {
  width: 16px;
}

.fwwdml .content::-webkit-scrollbar-thumb {
  width: 16px;

  background-image: linear-gradient(90deg,
      #bed3dc 0%,
      #8d98a7 100%);
  border-radius: 8px;
}

.fwwdml .content .content-li {
  display: flex;
  padding-bottom: 48px;
}

.fwwdml .content .dot {
  position: unset;
}

.fwwdml .content .detail {
  padding-left: 19px;
  letter-spacing: 1px;
}

.fwwdml .content .detail .name {
  font-family: AlibabaB;
  font-weight: 700;
  line-height: 1;
}

.fwwdml .content .detail .address {
  line-height: 1.3;
  padding-top: 6px;
  letter-spacing: 1px;
}

.fwwdml .content .detail .tel {
  padding-top: 1px;
}

.right-list .tulist {
  width: 100%;
  height: 392px;
  margin-top: 21px;
  position: relative;
  background-image: url(../images/tl.png);
  background-size: 100% 100%;
  font-size: 30px;
  font-family: AlibabaB;
  font-weight: bold;
  color: #4E001C;
  line-height: 1;
}

.tulist .tulist-title {
  font-family: lMQYLSZRHT;
  font-size: 50px;
  font-weight: 400;
  color: #4E001C;
  padding: 30px 0 20px 15px;
  width: fit-content;
  letter-spacing: 24px;
  padding-left: 248px;
}

.tulist .scenicSpot {
  height: 38px;
  display: flex;
  width: 89%;
  margin: 0 auto;
  align-items: center;
  padding-bottom: 42px;
}

.tulist .scenicSpot span {
  padding-left: 6px;
}

.tulist .scenicSpot .qjg,
.tulist .scenicSpot .fg,
.tulist .scenicSpot .fwwd,
.tulist .scenicSpot .jd {
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.tulist .scenicSpot .qjg {
  padding-right: 19px;
}

.tulist .scenicSpot .fg {
  padding-right: 22px;
}

.tulist .scenicSpot .fwwd {
  padding-right: 18px;
}

.tulist .content {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.tulist .lines {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.tulist .lines .bgc {
  width: 57px;
  height: 3px;
  display: block;
}

.tulist .one-line .bgc {
  background-color: rgb(131, 255, 125);
}

.tulist .seven-line .bgc {
  background-color: rgb(51, 133, 255);
}

.tulist .two-line .bgc {
  background-color: rgb(255, 151, 16);
}

.tulist .nine-line .bgc {
  background-color: rgb(180, 138, 89);
}

.tulist .five-line .bgc {
  background-color: rgb(157, 16, 255);
}

.tulist .eleven-line .bgc {
  background-color: rgb(162, 54, 54);
}

.tulist .lines .line {
  display: flex;
  align-items: center;
  padding-bottom: 33px;
  height: 29px;
}

.tulist .lines .line:nth-child(2n+1) {
  padding: 0 35px 0 9px;
}

.tulist .lines .line .name {
  padding-left: 18px;
}

.tulist .content .fwwd {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px 14px 0 10px;
}

.tulist .content .fwwd .name {
  padding-top: 15px;
}

.hover:hover .img,
.hover:hover .text,
.hover:hover .db,
.hover .dot:hover {
  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 .location {
  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);
  }
}

.center span:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -ms-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.Brn:hover {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}