@charset "utf-8";

/* CSS Document */
/* 晋安区 */
.mapBox {
  width: 37.23rem;
  height: 18.28rem;
  font-family: myFirstFont;
  padding: .05rem;
  background-color: rgb(255, 238, 135);
  border: .06rem solid;
}

.beijingBx {
  width: 5.55rem;
  height: 4.09rem;
  position: absolute;
  top: 0.9rem;
  left: 21.8rem;
  -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
}


/**城市**/
.cityBx a {
  position: absolute;
  font-size: 0.3rem;
  color: #cc0000;
  font-weight: bold;
  line-height: 1;
  cursor: default;
}

.cityBx a em {
  position: absolute;
}

.cityBx a:hover {
  color: khaki;
}

.cityBx .star {
  position: absolute;
  width: 0.53rem;
  height: 0.52rem;
  background: url(../images/star.png) no-repeat;
  background-size: 100%;
}

.jaqrmzf {
  color: #8d7b7b;
  top: 14.9rem;
  left: 18.6rem;
}

.jaqrmzf .star {
  top: 0.36rem;
  left: 0.78rem
}

/**路线**/
.lineBox a {
  position: absolute;
  font-size: 0.28rem;
  color: #705951;
  font-weight: bold;
  line-height: 1;
  z-index: 4;
  cursor: default;
}

.lineBox a em {
  position: absolute
}

.fzrcgs {
  top: 9.22rem;
  left: 20.56rem
}

.fzrcgs .zhou {
  top: 0.35rem;
  left: -0.18rem
}

.fzrcgs .rao {
  top: 0.7rem;
  left: -0.2rem
}

.fzrcgs .cheng {
  top: 1.1rem;
  left: -0.31rem
}

.fzrcgs .gao {
  top: 1.5rem;
  left: -0.46rem
}

.fzrcgs .su {
  top: 1.9rem;
  left: -0.54rem
}

.shks {
  top: 13.62rem;
  left: 19.52rem
}

.shks .huan {
  top: 0.2rem;
  left: 0.36rem
}

.shks .kuai {
  top: 0.3rem;
  left: 0.7rem
}

.shks .su {
  top: 0.4rem;
  left: 1.1rem
}

/**元素**/
.elementBox a {
  position: absolute
}

.elementBox a em {
  position: absolute;
  font-size: 0.24rem;
  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;
  z-index: 5;
  background-size: 100% 100%;
}

.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.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.ywwszm {
  width: 2.72rem;
  height: 1.48rem;
  top: 13.58rem;
  left: 13.62rem;
}

.ywwszm .db {
  top: -0.13rem;
  left: 5.41rem;
}

.ywwszm span {
  background: url(../images/ZGHDKO5FJKFZJA00033.png) no-repeat;
  background-size: 100%;
}

.ywwszm em {
  bottom: -0.47rem;
  left: -0.1rem;
}

.gsmysk {
  width: 3rem;
  height: 2.94rem;
  bottom: 0.1rem;
  left: 24.11rem;
}

.gsmysk span {
  background: url(../images/ZGHDKO5FJKFZJA00032.png) no-repeat;
  background-size: 100%;
}

.gsmysk em {
  top: 0.91rem;
  left: -1.86rem;
}

.gsmysk .db {
  left: -1.83rem;
  top: 0.54rem;
}

.hdddxg {
  width: 3.48rem;
  height: 2.44rem;
  top: 0.52rem;
  left: 14.3rem
}

.hdddxg .db {
  bottom: 0.35rem;
  left: 2.92rem;
}

.hdddxg span {
  background: url(../images/ZGHDKO5FJKFZJA00004.png) no-repeat;
  background-size: 100%;
}

.hdddxg em {
  top: 0.64rem;
  left: -1.3rem;
}

.rflys {
  width: 3.9rem;
  height: 2.53rem;
  top: 4.4rem;
  left: 13.32rem;
}

.rflys .db {
  top: 0.24rem;
  right: -1.18rem;
}

.rflys span {
  background: url(../images/ZGHDKO5FJKFZJA00014.png) no-repeat;
  background-size: 100%;
}

.rflys em {
  top: -0.05rem;
  right: -0.87rem;
}

.yufoy {
  width: 3.42rem;
  height: 1.99rem;
  top: 6.7rem;
  left: 16.52rem
}

.yufoy .db {
  top: -1.16rem;
  left: 1.66rem;
}

.yufoy span {
  background: url(../images/ZGHDKO5FJKFZJA00005.png) no-repeat;
  background-size: 100%;
}

.yufoy em {
  top: -0.4rem;
  left: 1.25rem;
}

.efengs {
  width: 4.17rem;
  height: 2.12rem;
  top: 6.7rem;
  left: 20.2rem
}

.efengs .db {
  top: 3.72rem;
  left: 1.56rem;
}

.efengs span {
  background: url(../images/ZGHDKO5FJKFZJA00029.png) no-repeat;
  background-size: 100%;
}

.efengs em {
  top: -0.38rem;
  left: 1rem;
}

.gmlsly {
  width: 3.4rem;
  height: 1.64rem;
  top: 9.3rem;
  left: 13.86rem;
}

.gmlsly .db {
  top: -1.25rem;
  left: 2.67rem;
}

.gmlsly span {
  background: url(../images/ZGHDKO5FJKFZJA00015.png) no-repeat;
  background-size: 100%;
}

.gmlsly em {
  top: -0.4rem;
  left: 0.1rem;
  background-color: rgba(255, 255, 255, .6);
}

.fzgjslgy {
  width: 2.28rem;
  height: 1.07rem;
  top: 10.64rem;
  left: 17.4rem
}

.fzgjslgy .db {
  top: -0.9rem;
  left: -0.12rem;
}

.fzgjslgy span {
  background: url(../images/ZGHDKO5FJKFZJA00023.png) no-repeat;
  background-size: 100%;
}

.fzgjslgy em {
  top: -0.5rem;
  left: -0.2rem;
}

.hxzylgd {
  width: 1.85rem;
  height: 1.51rem;
  top: 8.88rem;
  left: 20.64rem;
}

.hxzylgd .db {
  top: 1.68rem;
  left: -0.11rem;
}

.hxzylgd span {
  background: url(../images/ZGHDKO5FJKFZJA00028.png) no-repeat;
  background-size: 100%;
}

.hxzylgd em {
  top: 0.48rem;
  left: 2.03rem;
}

/* 
hxzylgd xfcfs */

.xfcfs {
  width: 2.26rem;
  height: 1.46rem;
  top: 10.62rem;
  left: 21.57rem;
}

.xfcfs .db {
  top: 0.67rem;
  left: -0.9rem;
}

.xfcfs span {
  background: url(../images/ZGHDKO5FJKFZJA00021.png) no-repeat;
  background-size: 100%;
}

.xfcfs em {
  left: 0.51rem;
  bottom: -0.4rem
}

.xdgcyz {
  width: 1.02rem;
  height: 1.69rem;
  top: 11.85rem;
  left: 16.94rem;
}

.xdgcyz .db {
  top: 0.78rem;
  left: 1.09rem;
}

.xdgcyz span {
  background: url(../images/ZGHDKO5FJKFZJA00010.png) no-repeat;
  background-size: 100%;
}

.xdgcyz em {
  top: 0.58rem;
  left: -2.5rem;
}

.guling {
  width: 2.5rem;
  height: 1.83rem;
  top: 12.28rem;
  left: 20.7rem
}

.guling .db {
  top: 2.06rem;
  left: 1.79rem;
}

.guling span {
  background: url(../images/ZGHDKO5FJKFZJA00007.png) no-repeat;
  background-size: 100%;
}

.guling em {
  top: 0.7rem;
  left: -0.57rem;
}

.jinjisgy {
  width: 2.72rem;
  height: 1.73rem;
  top: 13.36rem;
  left: 16.82rem
}

.jinjisgy .db {
  top: 0.93rem;
  left: 2.36rem;
}

.jinjisgy span {
  background: url(../images/ZGHDKO5FJKFZJA00008.png) no-repeat;
  background-size: 100%;
}

.jinjisgy em {
  bottom: -0.39rem;
  left: -0.3rem;
}

.jaqtsg {
  width: 3.11rem;
  height: 2.45rem;
  top: 15.38rem;
  left: 16.76rem
}

.jaqtsg .db {
  top: -0.58rem;
  left: 4.12rem;
}

.jaqtsg span {
  background: url(../images/ZGHDKO5FJKFZJA00019.png) no-repeat;
  background-size: 100%;
}

.jaqtsg em {
  top: 1.04rem;
  left: -1.4rem;
}

.gsfjq {
  width: 3.88rem;
  height: 2.22rem;
  top: 15.24rem;
  right: 2.73rem;
}

.gsfjq span {
  background: url(../images/ZGHDKO5FJKFZ00017.png) no-repeat;
  background-size: 100%;
}

.gsfjq em {
  top: -0.4rem;
  left: 1.4rem;
}

.gsfjq .db {
  top: 2.4rem;
  left: -5.44rem;
}

.gsfjq em.em2 {
  top: 2.4rem;
  left: -6.88rem;
}

.fjsgmlsjnb {
  width: 2.67rem;
  height: 1.2rem;
  top: 13.32rem;
  right: 10.06rem;
}

.fjsgmlsjnb span {
  background: url(../images/ZGHDKO5FJK00161.png) no-repeat;
  background-size: 100%;
}

.fjsgmlsjnb em {
  bottom: -0.56rem;
  left: 0.11rem;
}

.fjsgmlsjnb .db {
  top: 1.1rem;
  left: -2.9rem;
}

.fjsgmlsjnb em.em2 {
  top: 0.7rem;
  left: -4.04rem;
}

.yongquans {
  width: 3.54rem;
  height: 1.48rem;
  top: 11.93rem;
  right: 4.92rem;
}

.yongquans span {
  background: url(../images/ZGHDKO5FJKFZJA00003.png) no-repeat;
  background-size: 100%;
}

.yongquans em {
  bottom: -0.45rem;
  left: 1.2rem;
}

.yongquans .db {
  top: -1.3rem;
  left: -7.16rem;
}

.yongquans em.em {
  top: -0.49rem;
  left: -6.63rem;
}

.shibaj {
  width: 3.54rem;
  height: 2.27rem;
  top: 15.85rem;
  right: 7.31rem;
}

.shibaj span {
  background: url(../images/ZGHDKO5FJKFZJA00026.png) no-repeat;
  background-size: 100%;
}

.shibaj .db {
  top: 0.6rem;
  left: -10.94rem;
}

.shibaj em {
  top: -0.24rem;
  left: 1.4rem;
}

.shibaj em.em2 {
  top: 0.6rem;
  left: -10.6rem;
}



/**分类**/
.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;
}

.fenleiBox a {
  position: absolute
}

.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.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-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;
  -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;
}

.celebrityBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 3.85rem;
  left: 4.34rem;
}

.huangdaoz {
  width: 2.7rem;
  height: 4.63rem;
  background: url(../images/ZGHDKO5FJKFZFQ00003.png) no-repeat;
  background-size: 100%;
  top: 4.1rem;
  left: 2.74rem;
  opacity: 0
}

.huangdaoz em {
  top: 1.4rem;
  left: 2.24rem;
}

.dengjiah {
  width: 2.88rem;
  height: 3.55rem;
  background: url(../images/ZGHDKO5FJKFZJA00012.png) no-repeat;
  background-size: 100%;
  top: 5rem;
  left: 5.04rem;
  opacity: 0
}

.dengjiah em {
  top: 1.3rem;
  left: 2.2rem;
}

.travelBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 12.44rem;
  left: 6rem;
}

.jfcjq {
  width: 4.25rem;
  height: 1.98rem;
  background: url(../images/ZGHDKO5FJKFZJA00017.png) no-repeat;
  background-size: 100%;
  top: 12.44rem;
  left: 6rem;
  opacity: 0
}

.jfcjq em {
  top: -0.4rem;
  left: 1.4rem;
}

.hlstgy {
  width: 3.21rem;
  height: 2.18rem;
  background: url(../images/ZGHDKO5FJKFZJA00002.png) no-repeat;
  background-size: 100%;
  top: 12.44rem;
  left: 7.82rem;
  opacity: 0
}

.hlstgy em {
  bottom: 0.72rem;
  right: -1.91rem;
}

.lingyuand {
  width: 2.94rem;
  height: 3.43rem;
  background: url(../images/ZGHDKO5FJKFZJA00025.png) no-repeat;
  background-size: 100%;
  top: 12.44rem;
  left: 6rem;
  opacity: 0
}

.lingyuand em {
  top: 1.4rem;
  left: 3.1rem;
}

.taoyuanx {
  width: 3.49rem;
  height: 2.74rem;
  background: url(../images/ZGHDKO5FJKFZJA00020.png) no-repeat;
  background-size: 100%;
  top: 12.44rem;
  left: 6rem;
  opacity: 0
}

.taoyuanx em {
  top: -0.7rem;
  left: 1.37rem;
}

.fqhl {
  width: 3rem;
  height: 1.35rem;
  background: url(../images/ZGHDKO5FJKFZJA00043.png) no-repeat;
  background-size: 100%;
  top: 7.44rem;
  left: 9.16rem;
  opacity: 0
}

.fqhl em {
  top: -0.34rem;
  left: 1.4rem;
}

.sssmysk {
  width: 3rem;
  height: 1.58rem;
  background: url(../images/ZGHDKO5FJKFZJA00046.png) no-repeat;
  background-size: 100%;
  top: 8.75rem;
  left: 4.06rem;
  opacity: 0
}

.sssmysk em {
  bottom: -0.65rem;
  left: 0.63rem;
}

.jinfj {
  width: 3rem;
  height: 1.94rem;
  background: url(../images/ZGHDKO5FJKFZJA00051.png) no-repeat;
  background-size: 100%;
  top: 6.42rem;
  left: 9.31rem;
  opacity: 0
}

.jinfj em {
  bottom: -0.63rem;
  left: 1.08rem;
}

.fzdwy {
  width: 3rem;
  height: 1.8rem;
  background: url(../images/ZGHDKO5FJKFZ00018.png) no-repeat;
  background-size: 100%;
  top: 16.2rem;
  left: 9rem;
  opacity: 0
}

.fzdwy em {
  top: -0.4rem;
  left: 0.84rem;
}

.fzsetgy {
  width: 4.1rem;
  height: 1.64rem;
  background: url(../images/ZGHDKO5FJKFZJA00049.png) no-repeat;
  background-size: 100%;
  top: 0.5rem;
  left: 4.64rem;
  opacity: 1
}

.fzsetgy em {
  bottom: -0.53rem;
  left: 0.84rem;
}

.altBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 0.4rem;
  right: 1.9rem;
}

.ltmkrlsb {
  width: 0.87rem;
  height: 3.98rem;
  background: url(../images/ZGHDKO5FJKFZJA00054.png) no-repeat;
  background-size: 100%;
  top: 0.3rem;
  right: 6.5rem;
  opacity: 0
}

.ltmkrlsb em {
  top: 1.5rem;
  left: 1rem;
}

.jgzyz {
  width: 2.72rem;
  height: 2.25rem;
  background: url(../images/ZGHDKO5FJKFZJA00030.png) no-repeat;
  background-size: 100%;
  top: 0.4rem;
  right: 1.48rem;
  opacity: 0
}

.jgzyz em {
  top: -0.4rem;
  left: 0.8rem;
}

.ghesghjnb {
  width: 3.73rem;
  height: 2.24rem;
  background: url(../images/ZGHDKO5FJKFZJA00018.png) no-repeat;
  background-size: 100%;
  top: 5.9rem;
  right: 8.9rem;
  opacity: 0
}

.ghesghjnb em {
  top: -0.4rem;
  left: 0.6rem;
}

.hongjunm {
  width: 3.55rem;
  height: 2.79rem;
  background: url(../images/ZGHDKO5FJKFZJA00027.png) no-repeat;
  background-size: 100%;
  top: 5.9rem;
  right: 0rem;
  opacity: 0
}

.hongjunm em {
  top: -0.4rem;
  left: 0.6rem;
}

.sszc {
  width: 4.44rem;
  height: 2.76rem;
  background: url(../images/ZGHDKO5FJKFZJA00016.png) no-repeat;
  background-size: 100%;
  top: 8.88rem;
  right: 10.88rem;
  opacity: 0
}

.sszc em {
  top: -0.4rem;
  left: 1.86rem;
}

.qjbnlf {
  width: 2.96rem;
  height: 2.99rem;
  background: url(../images/ZGHDKO5FJKFZJA00024.png) no-repeat;
  background-size: 100%;
  top: 9.74rem;
  right: -1rem;
  opacity: 0
}

.qjbnlf em {
  top: -0.4rem;
  left: 0.6rem;
}

.wjjfg {
  width: 3rem;
  height: 2.69rem;
  background: url(../images/ZGHDKO5FJKFZJA00052.png) no-repeat;
  background-size: 100%;
  top: 6.3rem;
  right: 9.6rem;
  opacity: 1
}

.wjjfg em {
  top: 2.74rem;
  left: 0.8rem;
}

.yxbs {
  width: 3rem;
  height: 1.93rem;
  background: url(../images/ZGHDKO5FJKFZJA00053.png) no-repeat;
  background-size: 100%;
  top: 12.85rem;
  right: 1.92rem;
  opacity: 1
}

.yxbs em {
  top: 0.77rem;
  right: -1.28rem;
}