@charset "UTF-8";
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; }

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

.swiper-container-vertical {
  width: 100%;
  height: 100%;
  display: block; }

.slide {
  width: 10rem !important;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.slide1 {
  background: url("https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/bg_01.jpg") no-repeat center top;
  background-size: 10rem auto; }

.slide2 {
  background: url("https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/bg_02.jpg") no-repeat center;
  background-size: 10rem auto; }

.hero {
  width: 8.96rem;
  height: 11.25333rem;
  margin: 0 auto;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/hero.png) no-repeat center top;
  background-size: 8.96rem auto;
  margin-top: 0.8rem; }

.video-box {
  display: inline-block; }

.hero-bar {
  margin-top: -0.98667rem; }
  .hero-bar li {
    float: left; }
  .hero-bar .icon-left {
    width: 3.77333rem;
    height: 4.06667rem;
    background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/new-hero.png) no-repeat center top;
    background-size: 3.77333rem auto;
    margin-left: 1.2rem; }
  .hero-bar .icon-right {
    width: 4.24rem;
    height: 4.02667rem;
    background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/new-skin.png) no-repeat center top;
    background-size: 4.24rem auto;
    margin-left: 0.16rem; }

.video-top {
  margin-top: 6.26667rem;
  margin-left: 51%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.06667rem;
  height: 1.06667rem; }

.video-left {
  margin-top: 1.64rem;
  margin-left: 1.65333rem;
  width: 0.93333rem;
  height: 0.93333rem; }

.video-right {
  margin-top: 1.64rem;
  margin-left: 0.89333rem;
  width: 0.93333rem;
  height: 0.93333rem; }

.to-next {
  display: inline-block;
  /*	position: absolute;*/
  width: 2.16rem;
  height: 0.58667rem;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/zy.png) no-repeat center;
  margin-left: 3.92rem;
  background-size: 2.16rem auto;
  bottom: 0.29333rem;
  margin-top: 0.08rem;
  -webkit-animation: mymove 1s infinite linear;
  animation: mymove 1s infinite linear; }

/*第二屏*/
.second-hero {
  position: absolute;
  display: inline-block; }

.hero1 {
  width: 3.82667rem;
  height: 4.85333rem;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/img1.png) no-repeat center top;
  background-size: 3.82667rem auto;
  top: 1.04rem;
  left: 0.66667rem; }

.hero2 {
  width: 5.46667rem;
  height: 5.68rem;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/img2.png) no-repeat center top;
  background-size: 5.46667rem auto;
  top: 2.37333rem;
  right: 0rem; }

.hero3 {
  width: 5.05333rem;
  height: 5.88rem;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/img3.png) no-repeat center top;
  background-size: 5.05333rem auto;
  top: 6.25333rem;
  left: 0rem; }

.hero4 {
  width: 4.2rem;
  height: 5.61333rem;
  background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/img4.png) no-repeat center top;
  background-size: 4.2rem auto;
  top: 8.4rem;
  right: 0.8rem; }

.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: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  font-size: 0.37333rem;
  color: #a5a091; }
  .pop .p-tit {
    color: #ccba8f;
    font-size: 0.48rem;
    text-align: center;
    height: 1.96rem;
    line-height: 1.96rem;
    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; }
  .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; }
  .pop .p-tab {
    width: 9.04rem;
    margin: 0 auto;
margin-top:0.24rem;
   }
    .pop .p-tab li {
      float: left;
      height: 0.96667rem;
      width: 1.84rem;
      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; }
  .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.76rem auto 0.26667rem auto;
    height: 2.70667rem;
    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://img4.99.com/yhkd/2017/10/19/lxlphoneimg/close.png) no-repeat center;
    background-size: 1.18667rem; }
  .pop .jn-txt-h {
    width: 9.04rem;
    margin: 0.76rem auto 0.26667rem auto;
    height: 2.29333rem;
    overflow: auto;
    line-height: 0.56rem; }
  .pop .jqqd {
    color: #a37848;
    font-size: 0.24rem;
    display: inline-block;
    width: 1.25333rem;
    height: 0.48rem;
    background: url(https://img4.99.com/yhkd/2017/10/19/lxlphoneimg/jqqd.png) no-repeat center;
    background-size: 1.25333rem;
    line-height: 0.48rem; }
  .pop .yyy-jqqd {
    position: absolute;
    top: 10%;
    right: -50%; }
  .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%; }
  .pop #videoCon {
    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); } }

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