body {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body input {
  outline: 0px;
  -webkit-appearance: none !important;
  border-radius: 0;
}
body textarea {
  outline: 0px;
  -webkit-appearance: none !important;
  border-radius: 0;
}

#loading {
  background: url(//p0.ifengimg.com/l/2019/5/5200b4e138f0419/loading_bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.load_slogn {
  width: 268px;
  height: 211px;
  left: 50%;
  margin-left: -134px;
  position: absolute;
  top: 22%;
}

.jdt {
  width: 80%;
  height: 1px;
  border-top: solid 1px #dc796e;
  overflow: hidden;
  position: absolute;
  top: 60%;
  left: 10%;
}
.jd {
  width: 0%;
  background: #dc796e;
  height: 1px;
  display: block;
  -webkit-animation: jdAnmation 3s both ease-in-out;
}

@-webkit-keyframes jdAnmation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.loading_travel {
  position: absolute;
  width: 106px;
  height: 17.5px;
  right: 15%;
  bottom: 5%;
}
.loading_khd {
  position: absolute;
  width: 134px;
  height: 16.5px;
  left: 15%;
  bottom: 5%;
}
.load_slogn img,
.loading_travel img,
.loading_khd img {
  width: 100%;
  height: 100%;
}

/*loading end*/
@-webkit-keyframes hint-move {
  0% {
    opacity: 0;
    bottom: 24px;
  }
  70% {
    opacity: 1;
    bottom: 18px;
  }
  100% {
    opacity: 0;
    bottom: 3px;
  }
}

#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

  /* Prevent native touch events on Windows */
  -ms-touch-action: none;

  /* Prevent the callout on tap-hold and text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* Prevent text resize on orientation change, useful for web-apps */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

#scroller {
  width: 100%;
  overflow: hidden;
  /* Prevent elements to be highlighted on tap */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /* Put the scroller into the HW Compositing layer right from the start */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/*第一屏*/
.s1 {
  width: 100%;
  background: #fff;
  background: url(//p1.ifengimg.com/l/2019/5/5200b4e138f0419/bj.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.tit {
  background: url(../images/p1.png) no-repeat;
  width: 3.17rem;
  height: 0.29rem;
  left: 0.24rem;
  top: 0.26rem;
}

.logo_khd0 {
  width: 2.68rem;
  height: 0.33rem;
  left: 1.14rem;
  bottom: 0.62rem;
  position: absolute;
  background: url(//p3.ifengimg.com/l/2019/5/5200b4e138f0419/logo_khd.png) no-repeat center center;
  background-size: 100%;
}
.logo_travel0 {
  width: 2.11rem;
  height: 0.35rem;
  left: 4.13rem;
  bottom: 0.6rem;
  position: absolute;
  background: url(//p3.ifengimg.com/l/2019/5/5200b4e138f0419/logo_travel.png) no-repeat center center;
  background-size: 100%;
}

.bottom {
  background: url(http://p1.ifengimg.com/12fengxin/20171228/bottom.png)
    no-repeat;
  width: 0.72rem;
  height: 0.28rem;
  left: 50%;
  margin-left: -0.36rem;
  bottom: 0.41rem;
  -webkit-animation: hint-move 1.2s infinite ease;
  animation: hint-move 1.2s infinite ease;
}
@-webkit-keyframes hint-move {
  0% {
    opacity: 0;
    bottom: 24px;
  }
  70% {
    opacity: 1;
    bottom: 18px;
  }
  100% {
    opacity: 0;
    bottom: 3px;
  }
}
@keyframes hint-move {
  0% {
    opacity: 0;
    bottom: 24px;
  }
  70% {
    opacity: 1;
    bottom: 18px;
  }
  100% {
    opacity: 0;
    bottom: 3px;
  }
}

/*slogn1*/
@-webkit-keyframes slogn1 {
  0% {
    opacity: 0;
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slogn2 {
  0% {
    opacity: 0;
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slogn3 {
  0% {
    opacity: 0;
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.com {
  background-size: 100% 100%;
  position: absolute;
}
.xin {
  width: 100%;
  margin: 0.4rem auto 0;
  position: relative;
}
.xin_con {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.xin_con p {
  width: 5.36rem;
  margin: 0 auto;
  line-height: 0.6rem;
  font-size: 0.26rem;
  color: #333333;
  background: url(//p3.ifengimg.com/l/2019/5/5200b4e138f0419/xian.png) repeat left top;
  background-size: 5.34rem 0.6rem;
  text-align: justify;
  text-indent: 0.52rem;
}

.icon_xiangji {
  width: 1rem;
  height: 1.72rem;
  position: absolute;
  top: 2.5rem;
  right: -0.25rem;
}

.icon_erji {
  width: 0.72rem;
  height: 1.33rem;
  position: absolute;
  top: 6.8rem;
  left: -0.25rem;
}

.icon_xiangji img,
.icon_erji img {
  width: 100%;
}

.c_img {
  width: 100%;
  height: 3.68rem;
  background: url(//p2.ifengimg.com/l/2019/5/5200b4e138f0419/c_bg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
  margin: 0.5rem auto;
}

.c_img img {
  width: 5.36rem;
  height: 3.12rem;
  display: block;
  margin: 0.24rem auto 0;
}

.space60 {
  height: 0.6rem;
  text-align: justify;
}

.click_B {
  height: 2.04rem;
  width: 100%;
  margin-top: 0.45rem;
}
.click_B ul li {
  float: left;
}
.click_B ul li:nth-child(1) {
  width: 2.3rem;
  height: 2.27rem;
  background: url(//p0.ifengimg.com/l/2019/5/5200b4e138f0419/cyf.png) no-repeat;
  background-size: 100%;
  margin-left: 1.06rem;
}

.click_B ul li:nth-child(2) {
  width: 2.5rem;
  height: 2.3rem;
  background: url(//p3.ifengimg.com/l/2019/5/5200b4e138f0419/share.png) no-repeat;
  background-size: 100%;
  margin-left: 0.74rem;
}

.pop_img {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
}

.pop_bg,
.pop_bg img {
  width: 100%;
  height: 100%;
}

.logo_khd3 {
  width: 2.49rem;
  height: 0.3rem;
  position: absolute;
  left: 0.5rem;
  top: 0.38rem;
}
.logo_travel3 {
  width: 1.86rem;
  height: 0.31rem;
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
}
.ewm {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 1.8rem;
  top: 8rem;
}

.ewm_txt {
  width: 2.09rem;
  height: 1.31rem;
  position: absolute;
  left: 3.58rem;
  top: 8rem;
}

.jiantou {
  width: 1.58rem;
  height: 2.04rem;
  position: absolute;
  left: 0.35rem;
  bottom: 0.9rem;
  display: none;
  z-index: 9999;
}

.r_txt {
  width: 6rem;
  height: 3.96rem;
  position: absolute;
  left: 50%;
  top: 4rem;
  margin-left: -3rem;
}

.logo_khd3 img,
.logo_travel3 img,
.ewm img,
.ewm_txt img,
.jiantou img,
.r_txt img {
  width: 100%;
}

.nr {
  width: 100%;
}
.gain {
  font-size: 0.26rem;
  color: #333333;
  width: 100%;
  position: absolute;
  width: 5.46rem;
  left: 0.43rem;
  top: 1.72rem;
  line-height: 0.62rem;
  z-index: 10;
}
.qm1 {
  text-align: right;
  line-height: 0.6rem;
  font-size: 0.26rem;
  color: #333333;
  height: 0.6rem;
}
.tit_x {
  color: #333333;
  height: 1rem;
  font-size: 0.44rem;
  font-weight: bold;
  line-height: 1rem;
  position: absolute;
  z-index: 8;
  left: 0.43rem;
  top: 0.7rem;
}
#name {
  float: left;
}
.tit_x span {
  float: left;
}
#name_qm {
  background: url(http://p1.ifengimg.com/12fengxin/20171228/xian_ming.png)
    no-repeat left center;
  padding-left: 0.73rem;
  background-size: 0.66rem 0.03rem;
  font-size: 0.32rem;
  color: #333333;
  height: 0.6rem;
  display: inline-block;
}
.yz3 {
  width: 2.39rem;
  height: 1.78rem;
  position: absolute;
  top: 0.3rem;
  right: 0rem;
  z-index: 9;
}
.yz3 img {
  width: 100%;
}
.logo_ent {
  position: absolute;
  width: 1.55rem;
  height: 0.54rem;
  left: 0.46rem;
  bottom: 0.46rem;
}
.logo_ent img {
  width: 100%;
}
.yy_wei {
  width: 3.68rem;
  height: 0.74rem;
  position: absolute;
  bottom: 0.25rem;
  left: 2.17rem;
}
.yy_wei img {
  width: 100%;
  height: 100%;
}
.erwei {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  bottom: 0.3rem;
  right: 0.4rem;
}
.erwei img {
  width: 100%;
  height: 100%;
}
#hq_text {
  line-height: 0.62rem;
}
.con {
  width: 6.2rem;
  position: relative;
  margin: 0.92rem auto 0;
  height: 9.7rem;
  overflow: hidden;
}
.tu {
  width: 6.2rem;
  height: 9.7rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
}
.tu img {
  width: 100%;
}
.ts {
  position: absolute;
  left: 0px;
  color: #f54343;
  font-size: 0.24rem;
  bottom: -0.4rem;
}
.share_con {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0px;
  background: rgba(0, 0, 0, 0.9);
  display: none;
}
.share_img img {
  width: 100%;
  height: 100%;
}
.share_img {
  width: 1.94rem;
  height: 4.31rem;
  position: absolute;
  right: 0rem;
  top: 0.32rem;
}
.chang {
  width: 3.36rem;
  height: 1.3rem;
  position: absolute;
  left: 0.28rem;
  top: 0.29rem;
  display: none;
  z-index: 1000;
}
.chang img {
  width: 100%;
}
.s2 {
  background: url(//p0.ifengimg.com/l/2019/5/5200b4e138f0419/b_bg.jpg) repeat-y left top;
  background-size: 100%;
}
.s2_top_bg {
  background: url(//p1.ifengimg.com/l/2019/5/5200b4e138f0419/b_top_bg.png) no-repeat left top;
  background-size: 100%;
  padding-top: 0.6rem;
}
.s2_bot_bg {
  background: url(//p1.ifengimg.com/l/2019/5/5200b4e138f0419/b_bot_bg.png) no-repeat left bottom;
  background-size: 100%;
  padding-bottom: 1.6rem;
}
.video_box {
  width: 100%;
  height: 3.32rem;
  margin: 0 auto;
  position: relative;
}
.video_bg {
  width: 5.36rem;
  height: 3.12rem;
  background: rgba(209, 192, 165, 0.5);
  position: absolute;
  left: 0.95rem;
  top: 0;
}
.video {
  width: 5.34rem;
  height: 3.11rem;
  position: absolute;
  left: 1.14rem;
  top: 0.2rem;
}
video {
  width: 5.34rem;
  height: 3.1rem;
  border: 1px solid #000;
}

.more {
  position: absolute;
  background: url(../images/more.png) no-repeat;
  width: 0.54rem;
  height: 0.56rem;
  background-size: 100%;
  bottom: 0.6rem;
  right: 0.9rem;
  z-index: 9;
  display: none;
}
.more a {
  display: block;
  width: 100%;
  height: 100%;
}