@charset "utf-8";

/* CSS Document */
.mapBox {
  width: 37.23rem;
  height: 18.28rem;
  font-family: myFirstFont;
}

.beijingBx {
  width: 5.55rem;
  height: 4.09rem;
  position: absolute;
  top: 0.3rem;
  left: 28rem;
  -webkit-animation: xuanzhuan 3s linear infinite;
  animation: xuanzhuan 3s linear infinite;
}

.jsCenterBx {
  width: 5.56rem;
  height: 4.09rem;
  background: url(../images/gznameBg.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 9
}

.jsCenterBx h3 {
  font-family: myFirstFont02;
  font-size: 0.58rem;
  color: #1C4860;
  width: 2.85rem;
  height: 0.84rem;
  line-height: 0.84rem;
  background: url(../images/province.png) no-repeat;
  background-size: 100%;
  text-align: center;
  margin-left: 0.36rem;
  margin-top: 0.3rem;
}

.jsPic {
  float: left;
  width: 2.64rem;
  height: 2.37rem;
  margin-left: 0.1rem
}

.minTop {
  width: 1.74rem;
  margin-left: 0.42rem;
}

.jsCenterBx p {
  font-size: 0.28rem;
  line-height: 0.46rem;
  white-space: nowrap;
}

.jsCenterBx p .fb {
  font-weight: bold;
  font-size: 0.3rem
}

/**河流**/
.riverBox a {
  position: absolute;
  font-size: 0.22rem;
  color: #2a5bab;
  font-weight: bold;
  line-height: 1;
  z-index: 4;
  cursor: default;
}

.riverBox a em {
  position: absolute
}

.dameix {
  top: 13.4rem;
  left: 17.22rem
}


/**城市**/
.cityBx a {
  position: absolute;
  font-size: 0.3rem;
  color: #333;
  font-weight: bold;
  line-height: 1;
  cursor: default;
}

.cityBx a em {
  position: absolute;
}

.cityBx .star {
  position: absolute;
  width: 0.53rem;
  height: 0.52rem;
  background: url(../images/star.png) no-repeat;
  background-size: 100%;
}

.cityBx a.ytxrmzg {
  color: #cc0000;
  top: 9.14rem;
  left: 21.1rem;
  text-align: right;
}

.ytxrmzg .star {
  top: -0.58rem;
  left: 1.3rem
}


/**路线**/
.lineBox a {
  position: absolute;
  font-size: 0.28rem;
  color: #872D1B;
  font-weight: bold;
  line-height: 1;
  z-index: 4;
  cursor: default;
}

.lineBox a em {
  position: absolute
}

.pygs {
  top: 9.9rem;
  left: 10.14rem;
  transform: rotate(66deg);
  -webkit-transform: rotate(66deg);
  -moz-transform: rotate(66deg);
  -o-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
}

.ywgs {
  top: 10.78rem;
  left: 21.16rem;
  transform: rotate(-46deg);
  -webkit-transform: rotate(-46deg);
  -moz-transform: rotate(-46deg);
  -o-transform: rotate(-46deg);
  -ms-transform: rotate(-46deg);
}

/**元素**/
.elementBox a {
  position: absolute;
  color: #333;
}

.elementBox a em {
  position: absolute;
  font-size: 0.24rem !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
}

.elementBox a em.em2 {
  background-color: rgba(255, 255, 255, .6);
  padding: 0.04rem 0.08rem;
}

.elementBox a span {
  display: block;
  height: 100%
}

.elementBox a i {
  position: absolute;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-style: normal;
  color: #c82938;
}

.db {
  position: absolute;
  width: 0.29rem;
  height: 0.39rem;
  background: url(../images/db.png) no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}

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

.elementBox a:hover span,
.elementBox a:hover em {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.zhongpuz {
  width: 3.58rem;
  height: 1.68rem;
  top: 5rem;
  left: 9.08rem
}

.zhongpuz .db {
  top: 1.62rem;
  left: 1.76rem;
}

.zhongpuz span {
  background: url(../images/ZGHDKO5FJKMW00047.png) no-repeat;
  background-size: 100%;
}

.zhongpuz em {
  top: 1.66rem;
  left: .7rem;
}

.guishet {
  width: 2.09rem;
  height: 1.99rem;
  top: 4.8rem;
  left: 13.26rem
}

.guishet .db {
  top: 1.76rem;
  left: 0.74rem;
}

.guishet span {
  background: url(../images/ZGHDK05FJKFZYT00005.png) no-repeat;
  background-size: 100%;
}

.guishet em {
  top: -0.34rem;
  left: 0.72rem;
}

.antins {
  width: 3.66rem;
  height: 1.72rem;
  top: 7.25rem;
  left: 7.94rem
}

.antins .db {
  top: 1.56rem;
  left: -0.32rem;
}

.antins span {
  background: url(../images/ZGHDK05FJKFZYT00030.png) no-repeat;
  background-size: 100%;
}

.antins em {
  top: 1.64rem;
  left: 0.1rem;
}

.cqxg {
  width: 3.01rem;
  height: 1.15rem;
  top: 7.96rem;
  left: 11.4rem
}

.cqxg .db {
  top: -0.2rem;
  left: 0.94rem;
}

.cqxg span {
  background: url(../images/ZGHDK05FJKFZYT00021.png) no-repeat;
  background-size: 100%;
}

.cqxg em {
  top: -0.3rem;
  left: 1.3rem;
}

.mingshans {
  width: 2.63rem;
  height: 1.72rem;
  top: 6.92rem;
  left: 16.24rem
}

.mingshans .db {
  top: 1.66rem;
  left: 2rem;
}

.mingshans span {
  background: url(../images/ZGHDK05FJKFZYT00025.png) no-repeat;
  background-size: 100%;
}

.mingshans em {
  top: 1.76rem;
  left: 0.1rem;
}

.gymj {
  width: 4.37rem;
  height: 1.9rem;
  top: 10.78rem;
  left: 6.96rem
}

.gymj .db {
  top: 0.38rem;
  left: 3.63rem;
}

.gymj span {
  background: url(../images/ZGHDK05FJKFZYT00055.png) no-repeat;
  background-size: 100%;
}

.gymj em {
  top: 0.04rem;
  left: 2.6rem;
}

.skgz {
  width: 3.16rem;
  height: 2.24rem;
  top: 9.82rem;
  left: 11.3rem
}

.skgz .db {
  top: 2.1rem;
  left: 0.3rem;
}

.skgz span {
  background: url(../images/ZGHDKO5FJKFZ00046.png) no-repeat;
  background-size: 100%;
}

.skgz em {
  top: 2.4rem;
  left: 0.58rem;
}

.jiudouz {
  width: 3.07rem;
  height: 1.57rem;
  top: 10.7rem;
  left: 15.12rem
}

.jiudouz .db {
  top: -0.84rem;
  left: 2.04rem;
}

.jiudouz span {
  background: url(../images/ZGHDK05FJKFZYT00035.png) no-repeat;
  background-size: 100%;
}

.jiudouz em {
  top: -0.32rem;
  left: 1rem;
}

.zszs {
  width: 2.42rem;
  height: 1rem;
  top: 10.96rem;
  left: 18.22rem
}

.zszs span {
  background: url(../images/ZGHDK05FJKFZYT00034.png) no-repeat;
  background-size: 100%;
}

.zszs em {
  top: -0.34rem;
  left: 0.7rem;
}

.donghj {
  width: 3.85rem;
  height: 1.75rem;
  top: 13.44rem;
  left: 8.5rem
}

.donghj .db {
  bottom: -0.16rem;
  left: 2.74rem;
}

.donghj span {
  background: url(../images/ZGHDK05FJKFZYT00032.png) no-repeat;
  background-size: 100%;
}

.donghj em {
  top: -0.26rem;
  left: 2.2rem;
}

.bjgjq {
  width: 2.95rem;
  height: 2.18rem;
  top: 11.95rem;
  left: 13.9rem
}

.bjgjq .db {
  top: -0.2rem;
  left: 0.66rem;
}

.bjgjq span {
  background: url(../images/ZGHDK05FJKFZYT00003.png) no-repeat;
  background-size: 100%;
}

.bjgjq em {
  top: 1rem;
  left: -1.7rem;
  text-align: right;
}

.stsmg {
  width: 2.28rem;
  height: 2.14rem;
  top: 14.8rem;
  left: 13.88rem
}

.stsmg .db {
  top: -0.18rem;
  left: 1.8rem;
}

.stsmg span {
  background: url(../images/ZGHDK05FJKFZYT00028.png) no-repeat;
  background-size: 100%;
}

.stsmg em {
  top: 0.9rem;
  left: -0.46rem;
}

.qysywq {
  width: 3.78rem;
  height: 2.13rem;
  top: 13.56rem;
  left: 18.3rem
}

.qysywq span {
  background: url(../images/ZGHDK05FJKFZYT00018.png) no-repeat;
  background-size: 100%;
}

.qysywq em {
  top: -0.14rem;
  left: 1rem;
}

.fhys {
  width: 3.9rem;
  height: 2.15rem;
  top: 3.5rem;
  left: 19.86rem
}

.fhys .db {
  top: 2.12rem;
  left: 2.6rem;
}

.fhys span {
  background: url(../images/ZGHDK05FJKFZYT00023.png) no-repeat;
  background-size: 100%;
}

.fhys em {
  top: 2.2rem;
  left: .7rem;
}

.liankuit {
  width: 1.26rem;
  height: 2.89rem;
  top: 4.1rem;
  left: 23.94rem
}

.liankuit span {
  background: url(../images/ZGHDK05FJKFZYT00006.png) no-repeat;
  background-size: 100%;
}

.liankuit em {
  top: 1.5rem;
  left: 1.3rem;
}

.cuiyunz {
  width: 2.17rem;
  height: 1.13rem;
  top: 3.68rem;
  left: 25.38rem
}

.cuiyunz .db {
  top: 1.26rem;
  left: 0.92rem;
}

.cuiyunz span {
  background: url(../images/ZGHDK05FJKFZYT00027.png) no-repeat;
  background-size: 100%;
}

.cuiyunz em {
  top: 0.96rem;
  left: 0.7rem;
}

.ytgzz {
  width: 3.88rem;
  height: 1.2rem;
  top: 7.6rem;
  left: 18.92rem
}

.ytgzz .db {
  top: 1.12rem;
  left: 2.38rem;
}

.ytgzz span {
  background: url(../images/ZGHDK05FJKFZYT00050.png) no-repeat;
  background-size: 100%;
}

.ytgzz em {
  top: -0.34rem;
  left: 1.3rem;
}

.tsgy {
  width: 2.68rem;
  height: 1.86rem;
  top: 7.1rem;
  left: 23rem
}

.tsgy .db {
  top: 1.89rem;
  left: 0.42rem;
}

.tsgy span {
  background: url(../images/ZGHDK05FJKFZYT00026.png) no-repeat;
  background-size: 100%;
}

.tsgy em {
  top: 0.3rem;
  left: 0.9rem;
}

.fanggy {
  width: 3.47rem;
  height: 2.47rem;
  top: 5.16rem;
  left: 26.9rem
}

.fanggy .db {
  top: 2.36rem;
  left: 1.34rem;
}

.fanggy span {
  background: url(../images/ZGHDK05FJKFZYT00019.png) no-repeat;
  background-size: 100%;
}

.fanggy em {
  top: 2.42rem;
  left: 0.18rem;
}

.tesfjq {
  width: 3.41rem;
  height: 2.12rem;
  top: 6.36rem;
  left: 30.74rem
}

.tesfjq .db {
  top: 1.37rem;
  left: -0.2rem;
}

.tesfjq span {
  background: url(../images/ZGHDK05FJKFZYT00001.png) no-repeat;
  background-size: 100%;
}

.tesfjq em {
  top: 0.58rem;
  left: 2.54rem;
}

.tmsxg {
  width: 3.13rem;
  height: 1.62rem;
  top: 8.74rem;
  left: 24.74rem
}

.tmsxg .db {
  top: 1.5rem;
  left: 0.7rem;
}

.tmsxg span {
  background: url(../images/ZGHDK05FJKFZYT00045.png) no-repeat;
  background-size: 100%;
}

.tmsxg em {
  top: 1.62rem;
  left: 1.04rem;
}

.lfcb {
  width: 2.03rem;
  height: 1.8rem;
  top: 9.3rem;
  left: 27.94rem
}

.lfcb .db {
  top: .25rem;
  left: .3rem;
}

.lfcb span {
  background: url(../images/ZGHDK05FJKFZYT00016.png) no-repeat;
  background-size: 100%;
}

.lfcb em {
  bottom: -0.3rem;
  left: 1.08rem;
}

.wjyxxnc {
  width: 3.89rem;
  height: 2.76rem;
  top: 8.44rem;
  left: 30.28rem
}

.wjyxxnc .db {
  top: 0.12rem;
  left: -0.11rem;
}

.wjyxxnc span {
  background: url(../images/ZGHDK05FJKFZYT00036.png) no-repeat;
  background-size: 100%;
}

.wjyxxnc em {
  top: 1.22rem;
  left: 3.74rem;
}

.qysjq {
  width: 3.68rem;
  height: 2.3rem;
  top: 11.4rem;
  left: 21.1rem
}

.qysjq .db {
  top: 0.48rem;
  left: 2.8rem;
}

.qysjq span {
  background: url(../images/ZGHDK05FJKFZYT00007.png) no-repeat;
  background-size: 100%;
}

.qysjq em {
  top: 0.08rem;
  left: 1.84rem;
}

.ydfjq {
  width: 3.75rem;
  height: 1.84rem;
  top: 10.88rem;
  left: 25.38rem
}

.ydfjq .db {
  top: 1.28rem;
  left: 0rem;
}

.ydfjq span {
  background: url(../images/ZGHDK05FJKFZYT00002.png) no-repeat;
  background-size: 100%;
}

.ydfjq em {
  top: 1.36rem;
  left: 0.32rem;
}


/**分类**/
.btnFont {
  position: absolute;
  overflow: hidden;
  width: 2.3rem;
  height: 0.67rem;
  line-height: 0.67rem;
  background: #B45E5F;
  border-radius: 0.1rem;
  color: #F5F5F5;
  font-family: myFirstFont;
  letter-spacing: 0.01rem;
  text-align: center;
  font-size: 0.38rem;
  font-weight: bold;
  box-shadow: 0.02rem 0.06rem 0.05rem #232323;
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  -ms-border-radius: 0.1rem;
  -o-border-radius: 0.1rem;
}

.fenleiBox a {
  position: absolute;
  color: #333;
}

.fenleiBox a em {
  position: absolute;
  font-size: 0.28rem !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
}

.fenleiBox a:hover,
.fenleiBox a:hover em {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

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

.artBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 0.8rem;
  left: 3.5rem;
}

.zyzgj {
  width: 4.47rem;
  height: 1.9rem;
  background: url(../images/ZGHDK05FJKFZYT00020.png) no-repeat;
  background-size: 100%;
  top: 2.48rem;
  left: -2.3rem;
  opacity: 0
}

.zyzgj em {
  top: -0.4rem;
  left: 1.22rem;
}

.fenghuangs {
  width: 3.46rem;
  height: 1.87rem;
  background: url(../images/ZGHDK05FJKFZYT00033.png) no-repeat;
  background-size: 100%;
  top: 2.36rem;
  left: 7.23rem;
  opacity: 0
}

.fenghuangs em {
  top: -0.4rem;
  left: 1.22rem;
}

.skyz {
  width: 3.73rem;
  height: 1.76rem;
  background: url(../images/ZGHDK05FJKFZYT00024.png) no-repeat;
  background-size: 100%;
  top: 5.4rem;
  left: -2.4rem;
  opacity: 0
}

.skyz em {
  top: -0.14rem;
  left: 1rem;
}

.xiabx {
  width: 4.03rem;
  height: 2.22rem;
  background: url(../images/ZGHDK05FJKFZYT00031.png) no-repeat;
  background-size: 100%;
  top: 4.94rem;
  left: 7.6rem;
  opacity: 0
}

.xiabx em {
  top: -0.07rem;
  left: 1.76rem;
}

.ytxtsg {
  width: 2.68rem;
  height: 2.2rem;
  background: url(../images/ZGHDK05FJKFZYT00015.png) no-repeat;
  background-size: 100%;
  top: 6.04rem;
  left: 2.12rem;
  opacity: 0
}

.ytxtsg em {
  top: -0.2rem;
  left: 0.86rem;
}

.foodBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 13.52rem;
  left: 2.5rem;
}

.dgsj {
  width: 0.96rem;
  height: 3.33rem;
  background: url(../images/ZGHDK05FJKFZYT00014.png) no-repeat;
  background-size: 100%;
  top: 11rem;
  left: -1.06rem;
  opacity: 0
}

.dgsj em {
  top: 1.1rem;
  left: 1.06rem;
}

.ytmz {
  width: 3.03rem;
  height: 2.1rem;
  background: url(../images/ZGHDK05FJKFZYT00013.png) no-repeat;
  background-size: 100%;
  top: 17.34rem;
  left: 0.52rem;
  opacity: 0
}

.ytmz em {
  top: -0.4rem;
  left: 0.92rem;
}

.ytfrl {
  width: 3.87rem;
  height: 2.94rem;
  background: url(../images/ZGHDK05FJKFZYT00012.png) no-repeat;
  background-size: 100%;
  top: 16.95rem;
  left: 4.3rem;
  opacity: 0
}

.ytfrl em {
  top: -0.2rem;
  left: 1.22rem;
}

.customBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 0.8rem;
  left: 17.5rem;
}

.zhih {
  width: 1.78rem;
  height: 2.45rem;
  background: url(../images/ZGHDK05FJKFZYT00010.png) no-repeat;
  background-size: 100%;
  top: -1.02rem;
  left: 11.82rem;
  opacity: 0
}

.zhih em {
  top: 1.14rem;
  left: -0.6rem;
}

.huzunq {
  width: 3.12rem;
  height: 4.61rem;
  background: url(../images/ZGHDK05FJKFZYT00011.png) no-repeat;
  background-size: 100%;
  top: -0.48rem;
  left: 14.3rem;
  opacity: 0
}

.huzunq em {
  top: 1rem;
  left: 0.16rem;
}

.celebrityBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 14.74rem;
  left: 24.1rem;
}

.chenjun {
  width: 2.37rem;
  height: 2.46rem;
  background: url(../images/ZGHDK05FJKFZYT00009.png) no-repeat;
  background-size: 100%;
  top: 17.3rem;
  left: 21.84rem;
  opacity: 0
}

.chenjun em {
  top: 0.64rem;
  left: -1.5rem;
}

.haunggn {
  width: 2.46rem;
  height: 3.17rem;
  background: url(../images/ZGHDK05FJKFZYT00008.png) no-repeat;
  background-size: 100%;
  top: 17.86rem;
  left: 26rem;
  opacity: 0
}

.haunggn em {
  top: 1rem;
  left: 2.22rem;
}

.gysdx {
  width: 2.83rem;
  height: 1.67rem;
  background: url(../images/ZGHDK05FJKFZYT00022.png) no-repeat;
  background-size: 100%;
  top: 10.48rem;
  left: 4rem;
  opacity: 0
}

.gysdx em {
  top: -0.08rem;
  left: 1.52rem;
}

.olbhysj {
  width: 3.21rem;
  height: 2.57rem;
  background: url(../images/ZGHDK05FJKFZYT00038.png) no-repeat;
  background-size: 100%;
  top: 3.76rem;
  left: 33.24rem;
  opacity: 0
}

.olbhysj em {
  top: 1rem;
  left: -2.2rem;
}

.tssjzrbhq {
  width: 2.94rem;
  height: 1.75rem;
  background: url(../images/ZGHDK05FJKFZYT00037.png) no-repeat;
  background-size: 100%;
  top: 10.64rem;
  left: 33.6rem;
  opacity: 0
}

.tssjzrbhq em {
  top: 0.7rem;
  left: -1.4rem;
  text-align: right;
}

.cbwqdjc {
  width: 4.22rem;
  height: 2.39rem;
  background: url(../images/ZGHDK05FJKFZYT00017.png) no-repeat;
  background-size: 100%;
  top: 12.98rem;
  left: 28.44rem;
  opacity: 0
}

.cbwqdjc em {
  top: -0.44rem;
  left: 0.82rem;
}