body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  blr: expression(this.onFocus=this.blur());
  cursor: pointer; }

a:active {
  outline: 0;
  opacity: .9;
  filter: alpha(opacity=90); }

a:hover {
  outline: 0;
  opacity: .9;
  filter: alpha(opacity=90); }

input, textarea, select {
  *font-size: 100%; }

body {
  font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif; }

html, body {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #35160d; }

.clearfix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

.clearfix {
  zoom: 1; }

body, html {
  height: 100%;
  background-color: #08112e; }

body {
  background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/bg_01.jpg") no-repeat center top;
  background-size: 10rem auto;
  position: relative;
  border-top: 1px solid transparent;
  width: 10rem;
  margin: 0 auto;
  overflow: hidden; }

.logo {
  top: 0.53333rem;
  left: 3.6rem;
  position: absolute;
  z-index: 1; }
  .logo img {
    width: 2.93333rem;
    height: auto; }

.slogan {
  background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/slogan.png") no-repeat center;
  width: 9.32rem;
  height: 4.32rem;
  background-size: 9.32rem auto;
  margin: 0 auto;
  margin-top: 17%; }

.video-box {
  background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/video.png") no-repeat center;
  background-size: 2.72rem auto;
  widows: 2.72rem;
  height: 2.12rem;
  margin: 0 auto;
  margin-top: -0.46667rem;
  display: block; }

.tab {
  height: 8rem;
  position: relative;
  overflow: hidden; }

.second-hero {
  position: absolute;
  display: inline-block; }

.hero1 {
  width: 5.04rem;
  height: 3.81333rem;
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/m-1.png) no-repeat center top;
  background-size: 5.04rem auto;
  top: -0.26667rem;
  left: -0.34667rem;
  z-index: 2; }

.hero2 {
  width: 6.45333rem;
  height: 3.97333rem;
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/m-2.png) no-repeat center top;
  background-size: 6.45333rem auto;
  top: -0.26667rem;
  right: 0.93333rem;
  z-index: 1; }

.hero3 {
  width: 4.44rem;
  height: 3.93333rem;
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/m-3.png) no-repeat center top;
  background-size: 4.44rem auto;
  top: 3.28rem;
  left: 1.46667rem; }

.hero4 {
  width: 5.17333rem;
  height: 4.88rem;
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/m-4.png) no-repeat center top;
  background-size: 5.17333rem auto;
  top: 2.34667rem;
  right: -0.53333rem; }

.hero1.on {
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/mr-1.png) no-repeat center top;
  background-size: 5.04rem auto; }

.hero2.on {
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/mr-2.png) no-repeat center top;
  background-size: 6.45333rem auto; }

.hero3.on {
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/mr-3.png) no-repeat center top;
  background-size: 4.44rem auto; }

.hero4.on {
  background: url(https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/mr-4.png) no-repeat center top;
  background-size: 5.17333rem auto; }

.footer {
  color: #be854e;
  font-size: 0.29333rem;
  height: 1.4rem;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.4rem; }

/*pop*/
.pop {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 50%;
  margin-left: -5rem;
  width: 10rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  font-size: 0.37333rem;
  color: #a5a091; }
  .pop .pop-box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/pop-bg.png") no-repeat center;
    background-size: 10rem auto; }
  .pop .p-tit {
    color: #ccba8f;
    font-size: 0.48rem;
    text-align: center;
    height: 0.4rem;
    font-weight: bold;
    background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/line.png) no-repeat center bottom;
    background-size: 9.50667rem auto;
    margin-top: -0.29333rem; }
  .pop .p-line {
    width: 9.50667rem;
    height: 0.32rem;
    background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/line.png) no-repeat center bottom;
    background-size: 9.50667rem auto;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    bottom: -0.16rem; }
  .pop .p-tab {
    width: 10rem;
    margin: 0 auto;
    margin-left: 0.4rem; }
    .pop .p-tab li {
      float: left;
      height: 0.86667rem;
      width: 2.24rem;
      text-align: center;
      line-height: 0.86667rem;
      position: relative; }
    .pop .p-tab a {
      color: #949088; }
    .pop .p-tab .on {
      background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/tab-on.png) no-repeat center bottom;
      background-size: 1.45333rem auto; }
  .pop .tab-con {
    width: 10rem;
    margin: 0 auto;
    padding-bottom: 1.88rem; }
  .pop .jn-acc-bar {
    width: 9.06667rem;
    margin: 0 auto;
    margin-top: 0.66667rem; }
  .pop .jn-acc {
    width: 2.30667rem;
    height: 2.30667rem;
    vertical-align: middle;
    display: inline-block; }
  .pop .jn {
    width: 5.33333rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.26667rem; }
    .pop .jn li {
      word-wrap: break-word; }
    .pop .jn li + li {
      margin-top: 0.13333rem; }
  .pop .jn-txt {
    width: 9.04rem;
    margin: 0.36rem auto 0.49333rem auto;
    overflow: auto;
    line-height: 0.56rem; }
  .pop .img-bar {
    width: 9.06667rem;
    margin: 0 auto;
    text-align: center; }
    .pop .img-bar img {
      width: 9.04rem;
      height: 5.12rem;
      border: 0.02667rem solid #ce9f6c;
      display: inline-block; }
      .pop .img-bar img + img {
        margin-left: 0.53333rem; }
  .pop .mr60 {
    margin-top: 0.8rem; }
  .pop .close {
    display: block;
    width: 1.18667rem;
    height: 1.18667rem;
    margin: 1.02667rem auto;
    background: url(https://img7.99.com/yhkd/2017/10/19/img/close.png) no-repeat center;
    background-size: 1.18667rem;
    position: absolute;
    top: -2.26667rem;
    right: 0.22667rem; }
  .pop .jn-txt-h {
    width: 9.04rem;
    margin: 0.76rem auto 0.26667rem auto;
    height: 2.29333rem;
    overflow: auto;
    line-height: 0.56rem; }
  .pop .sp-container {
    width: 100%;
    height: 5.66667rem;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000;
    max-width: 10rem; }
  .pop .close-sp {
    width: 0.93333rem;
    height: 0.93333rem;
    background-size: 0.93333rem;
    z-index: 1000; }
    .pop .close-sp iframe {
      width: 100%;
      height: 100%; }

.dn {
  display: none; }

.tips {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 99999;
  color: #fff;
  text-align: center;
  overflow: hidden; }
  .tips p {
    position: fixed;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

/*animation*/
@-webkit-keyframes mymove {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes mymove {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }
.pop .swiper-slide {
  width: 10rem; }

.lxl .sp-container1 {
  height: 5.66667rem;
  position: relative;
  width: 7.36rem;
  margin: 2rem auto;
  background: #000; }

.p-tab-con img {
  width: 7.36rem;
  height: 4.06667rem;
  display: block;
  margin: 0 auto;
  border: 1px solid #735d4d; }

.p-tab-con p span {
  color: #c4a445; }

#videoCon {
  width: 100%;
  height: 100%; }

.prev-btn {
  background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/prev-btn.png");
  left: 0.24rem; }

.next-btn {
  background: url("https://img4.99.com/yhkd/image/m/act/2018/adventure/ver/next-btn.png");
  right: 0.24rem; }

.prev-btn, .next-btn {
  position: absolute;
  width: 0.82667rem;
  height: 0.82667rem;
  display: block;
  background-size: 0.82667rem;
  z-index: 9;
  top: 50%;
  margin-top: -0.41333rem; }

.swiper-wrapper, .swiper-slide {
  height: auto !important; }

.n-p-btn-t {
  bottom: 3.48rem;
  top: auto;
  margin-top: 0.4rem; }

.mx {
  margin-top: 0.45333rem;
  margin-bottom: 0.22667rem; }
  .mx img {
    width: 2.06667rem;
    height: 0.49333rem;
    display: block;
    margin: 0 auto; }

/*# sourceMappingURL=style.css.map */