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: 0.9;
  filter: alpha(opacity=90); }

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

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

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

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

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.clearfix {
  zoom: 1; }

.eli {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dis, .new-produce .accordion li, .new-produce .accordion .tit, .new-produce .accordion .hot-content, .wjbd .right li, .g-s1 .btn-bar a, .new-produce .skill-nav, .new-produce .skill-con.show, .advent-reform .btn-bar a, .act .btn-bar a, ul.list li i, .act .lxlgl .left, .act .lxlgl .right, .act .wjbd .left, .act .wjbd .right, .act .qmxyj .left, .act .qmxyj .right {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

body {
  max-width: 1334px;
  margin: 0 auto; }

body, html {
  height: 100%;
  max-height: 750px; }

.g-s1 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/s1-bg.jpg") no-repeat center top; }
  .g-s1 .slg {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/hor-slg.png") no-repeat center top;
    height: 386px;
    bottom: 142px; }
  .g-s1 .share-btn {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/share-btn.png?__sprite") no-repeat center;
    width: 307px;
    height: 90px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -154px;
    text-align: center;
    line-height: 82px;
    color: #e9cdac;
    text-shadow: 0 0 1px #360b01, 0 0 1px #360b01, 0 0 1px #360b01, 0 0 1px #360b01, 0 0 1px #360b01, 0 0 1px #360b01;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    bottom: 40px;
    z-index: 3; }
    .g-s1 .share-btn:active {
      background: red; }
  .g-s1 .share-btn.receive {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/lin-qu.png?__sprite") no-repeat center; }
  .g-s1 .share-btn.disabled {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/yi-lin-qu.png?__sprite") no-repeat center; }
  .g-s1 .tip {
    position: absolute;
    bottom: 50px;
    right: 1px;
    width: 500px; }

.g-s2 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/s2-bg.jpg") no-repeat center top;
  overflow: hidden; }

.nav-right {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/nav-right.png") no-repeat center;
  height: 100%;
  width: 86px;
  background-size: 86px 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3; }
  .nav-right li {
    position: relative;
    height: 25%; }
    .nav-right li p {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 62px;
      margin-top: -31px; }
  .nav-right li.on {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/nav-right-on.png") no-repeat center;
    background-size: 86px 100%; }

.new-produce h5 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/new-porduce-tit.png?__sprite") no-repeat center;
  width: 778px; }
.new-produce .accordion {
  width: 1200px;
  height: 525px;
  margin-left: 20px;
  font-size: 0; }
  .new-produce .accordion li {
    font-size: 0;
    height: 100%;
    width: 88px;
    overflow-x: hidden;
    white-space: nowrap;
    -webkit-transition: width linear 0.5s;
    transition: width linear 0.5s; }
  .new-produce .accordion li.on {
    width: 1002px; }
  .new-produce .accordion li + li {
    margin-left: 8px; }
  .new-produce .accordion .jz.wrap {
    display: table;
    overflow: hidden;
    width: 88px;
    height: 100%; }
  .new-produce .accordion .jz.wrap .subwrap {
    vertical-align: middle;
    display: table-cell; }
  .new-produce .accordion .jz.wrap .content {
    position: relative;
    margin: 0 auto; }
  .new-produce .accordion .jz.wrap .content p {
    font-size: 18px;
    color: #f6c83b; }
  .new-produce .accordion .item-01 .jz.wrap, .new-produce .accordion .item-03 .jz.wrap {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/new-produce-short.png") no-repeat center; }
  .new-produce .accordion .item-01.on .jz.wrap, .new-produce .accordion .item-03.on .jz.wrap {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/new-produce-short-hov.png") no-repeat center; }
  .new-produce .accordion .item-02 .jz.wrap {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/new-produce-long.png") no-repeat center; }
  .new-produce .accordion .item-02.on .jz.wrap {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/new-produce-long-hov.png") no-repeat center; }
  .new-produce .accordion .tit, .new-produce .accordion .hot-content {
    vertical-align: top;
    height: 485px;
    margin-top: 40px; }
  .new-produce .accordion .tit {
    position: relative;
    z-index: 1;
    text-align: center; }
  .new-produce .accordion .hot-content {
    width: 912px;
    background-color: rgba(65, 39, 53, 0.42);
    position: relative;
    margin-left: 8px; }
  .new-produce .accordion .skill-nav {
    margin-left: 271px;
    height: 100%; }
  .new-produce .accordion .hero {
    position: absolute;
    left: -88px;
    top: -39px;
    z-index: 0; }
    .new-produce .accordion .hero img {
      width: 865px;
      height: 531px; }
  .new-produce .accordion .skill-con {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/skill-border.png") no-repeat center; }
    .new-produce .accordion .skill-con h6 {
      margin-top: -7px; }

.advent-reform .btn-bar a + a, .act .btn-bar a + a {
  margin-left: 55px; }
.advent-reform .hero-name, .advent-reform .time-acc, .act .hero-name, .act .time-acc {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/hero-name-bg.png") no-repeat center;
  width: 182px;
  height: 24px;
  line-height: 24px;
  font-size: 13px; }

.advent-reform .heroic-awake {
  height: 515px;
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/yhjx.png") no-repeat left center; }
  .advent-reform .heroic-awake .container {
    margin-left: 700px;
    width: 461px; }
.advent-reform .copy-optimizate {
  height: 515px;
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/fbyh.png") no-repeat 66px center; }
  .advent-reform .copy-optimizate .container {
    width: 537px;
    margin-left: 110px; }
.advent-reform .five-start-hero {
  height: 589px;
  margin-top: -78px;
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/wxyx.png") no-repeat 114px center; }
  .advent-reform .five-start-hero .container {
    margin-left: 110px;
    width: 537px;
    margin-top: 109px; }
  .advent-reform .five-start-hero em {
    width: 440px;
    height: 250px; }

.act .lxlgl, .act .wjbd, .act .qmxyj {
  width: 1200px;
  height: calc(100% - 130px);
  margin-left: 18px; }
.act .container {
  height: 93%;
  margin-top: 0 !important; }
.act .right {
  margin-left: 53px; }
.act .qmxyj h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/qmxyj.png?__sprite") no-repeat center bottom;
  width: 452px;
  height: 124px; }
.act .qmxyj .time-acc {
  margin-top: 71px; }
.act .qmxyj .right {
  width: 508px;
  height: 338px; }

.lxlgl table {
  width: 478px;
  margin: 0 auto;
  color: #fffbc2;
  font-size: 14px; }
  .lxlgl table tr {
    height: 30px; }
  .lxlgl table th, .lxlgl table td {
    text-align: center;
    border: solid 1px #8d7d5a; }
  .lxlgl table th {
    background-color: rgba(255, 242, 153, 0.1); }
  .lxlgl table td {
    background-color: rgba(255, 242, 153, 0.04); }

.wjbd .right {
  border: 1px solid #4d3b31;
  text-align: left;
  padding-bottom: 18px;
  width: 506px; }
  .wjbd .right li {
    margin-left: 22px;
    margin-top: 18px;
    border: 1px solid #d9b87a; }
    .wjbd .right li img {
      display: block;
      height: 93px; }
    .wjbd .right li p {
      height: 24px;
      line-height: 24px;
      text-align: center;
      background: #514232;
      color: #fffbc2;
      font-size: 14px; }

ul.list {
  height: 328px; }
  ul.list li {
    font-size: 16px;
    line-height: 30px; }
  ul.list i {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/dot.png") no-repeat center; }

.portrait {
  position: fixed;
  z-index: 99999;
  background: #000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }

.portrait p {
  color: #fff;
  font-size: 34px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

@media screen and (orientation: portrait) {
  .portrait {
    display: block; }
 }

@media screen and (orientation: landscape) {
  .portrait {
    display: none; }
 }

/***creat by cqp 2018/8/27 0027  acc:hor ***/
.g-swiper {
  height: 100%; }
  .g-swiper .swiper-slide {
    height: 100%; }

.g-s1 {
  position: relative; }
  .g-s1 .slg {
    position: absolute;
    width: 100%;
    left: 0; }
  .g-s1 .btn-bar {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 146px; }
    .g-s1 .btn-bar a {
      background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/g-btn.png?__sprite") no-repeat center;
      width: 284px;
      height: 106px;
      font-size: 30px;
      color: #f6c83b;
      text-shadow: 0 1px 5px #333, 0 1px 10px #333, 0 0 5px #333;
      line-height: 94px;
      letter-spacing: 2px;
      font-weight: bold; }
    .g-s1 .btn-bar a + a {
      margin-left: 40px; }

.nav-right li {
  color: #7e6b5a; }
  .nav-right li p {
    text-align: center;
    font-size: 24px; }
.nav-right li.on {
  color: #fffbc2; }

.new-produce h5 {
  font-size: 0;
  color: transparent;
  height: 38px;
  margin: 0 auto;
  margin-top: 30px; }
.new-produce .item-01.on p, .new-produce .item-02.on p, .new-produce .item-03.on p {
  color: #ffffc2 !important; }
.new-produce .skill-nav {
  width: 124px;
  vertical-align: top;
  margin-top: 24px;
  position: relative;
  z-index: 2; }
.new-produce .skill-nav li {
  position: relative;
  border-radius: 100%;
  width: 100%;
  height: 116px;
  display: block; }
  .new-produce .skill-nav li i, .new-produce .skill-nav li em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute; }
  .new-produce .skill-nav li em {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/skill-mask.png") no-repeat 3px center; }
  .new-produce .skill-nav li i {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/jntb-ts.png") no-repeat left center; }
.new-produce .skill-nav li.cur em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/jntb-xz.png") no-repeat -7px center; }
.new-produce .skill-nav li + li {
  margin-left: 0; }
.new-produce .skill-con {
  display: none;
  width: 500px;
  height: 438px;
  position: relative;
  margin-top: 32px;
  margin-right: 12px; }
  .new-produce .skill-con h6 {
    position: absolute;
    width: 100%;
    height: 26px; }
  .new-produce .skill-con p {
    width: 459px;
    height: 138px;
    margin: 0 auto;
    margin-top: 22px;
    color: #ffffc2;
    font-size: 18px;
    white-space: normal;
    word-break: break-all;
    line-height: 36px;
    overflow: hidden;
    text-align: left; }
  .new-produce .skill-con em {
    margin: 0 auto;
    margin-top: 5px;
    display: block;
    width: 460px;
    height: 260px;
    text-align: center;
    line-height: 260px;
    position: relative; }
    .new-produce .skill-con em img {
      width: 460px;
      height: 260px;
      display: block; }
  .new-produce .skill-con .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    font-weight: bold; }
.new-produce .skill-con.show {
  vertical-align: top; }
.new-produce .item-01 .skill-nav li.nav-01, .new-produce .item-02 .skill-nav li.nav-01 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/smy1.png") no-repeat 3px center; }
.new-produce .item-01 .skill-nav li.nav-02, .new-produce .item-02 .skill-nav li.nav-02 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/smy2.png") no-repeat 3px center; }
.new-produce .item-01 .skill-nav li.nav-03, .new-produce .item-02 .skill-nav li.nav-03 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/smy3.png") no-repeat 3px center; }
.new-produce .item-01 .skill-nav li.nav-04, .new-produce .item-02 .skill-nav li.nav-04 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/smy4.png") no-repeat 3px center; }
.new-produce .item-01 .skill-con-01 h6, .new-produce .item-02 .skill-con-01 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/yjb.png") no-repeat center; }
.new-produce .item-01 .skill-con-02 h6, .new-produce .item-02 .skill-con-02 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/hyy.png") no-repeat center; }
.new-produce .item-01 .skill-con-03 h6, .new-produce .item-02 .skill-con-03 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/xl.png") no-repeat center; }
.new-produce .item-01 .skill-con-04 h6, .new-produce .item-02 .skill-con-04 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/yth.png") no-repeat center; }
.new-produce .item-03 .skill-nav li.nav-01 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/ydn1.png") no-repeat 3px center; }
.new-produce .item-03 .skill-nav li.nav-02 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/ydn2.png") no-repeat 3px center; }
.new-produce .item-03 .skill-nav li.nav-03 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/ydn3.png") no-repeat 3px center; }
.new-produce .item-03 .skill-nav li.nav-04 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/ydn4.png") no-repeat 3px center; }
.new-produce .item-03 .skill-con-01 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/jzzm.png") no-repeat center; }
.new-produce .item-03 .skill-con-02 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/sysy.png") no-repeat center; }
.new-produce .item-03 .skill-con-03 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/nscj.png") no-repeat center; }
.new-produce .item-03 .skill-con-04 h6 {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/jzcj.png") no-repeat center; }
.new-produce .item-01 .skill-con-01 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smy-2.jpg?v1") no-repeat center; }
.new-produce .item-01 .skill-con-02 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smy-1.jpg?v1") no-repeat center; }
.new-produce .item-01 .skill-con-03 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smy-3.jpg?v1") no-repeat center; }
.new-produce .item-01 .skill-con-04 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smy-4.jpg?v1") no-repeat center; }
.new-produce .item-02 .skill-con-01 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smypf-1.jpg?v1") no-repeat center; }
.new-produce .item-02 .skill-con-02 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smypf-2.jpg?v1") no-repeat center; }
.new-produce .item-02 .skill-con-03 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smypf-3.jpg?v1") no-repeat center; }
.new-produce .item-02 .skill-con-04 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/smypf-4.jpg?v1") no-repeat center; }
.new-produce .item-03 .skill-con-01 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/ydn-1.jpg?v1") no-repeat center; }
.new-produce .item-03 .skill-con-02 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/ydn-2.jpg?v1") no-repeat center; }
.new-produce .item-03 .skill-con-03 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/ydn-3.jpg?v1") no-repeat center; }
.new-produce .item-03 .skill-con-04 em {
  background: url("https://img5.99.com/yhkd/image/act/2018/907/skin/ydn-4.jpg?v1") no-repeat center; }

.advent-reform .btn-bar, .act .btn-bar {
  font-size: 0;
  text-align: center;
  margin-top: 12px;
  position: relative;
  z-index: 1; }
  .advent-reform .btn-bar a, .act .btn-bar a {
    text-shadow: 0 1px 5px #333, 0 1px 10px #333, 0 0 5px #333;
    color: #f6c83b;
    font-size: 30px;
    font-weight: bold;
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/adv-nav.png") no-repeat center;
    width: 218px;
    height: 79px;
    line-height: 71px;
    margin-bottom: 10px; }
  .advent-reform .btn-bar a.on, .act .btn-bar a.on {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/common/adv-nav-hov.png") no-repeat center; }
.advent-reform .hero-name, .advent-reform .time-acc, .act .hero-name, .act .time-acc {
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #1c1117;
  margin-top: 20px;
  font-weight: bold; }

ul.list {
  margin-top: 23px;
  overflow: auto;
  text-align: left; }
  ul.list li {
    color: #ffffc2; }
    ul.list li i {
      width: 24px;
      height: 24px;
      font-style: normal;
      text-align: center;
      line-height: 24px;
      color: #2c1a24;
      margin-right: 6px; }
  ul.list li + li {
    margin-top: 23px; }

.advent-reform .hero-tab .container {
  overflow: hidden; }
.advent-reform .hero-tab h6 {
  height: 104px;
  font-size: 0;
  color: transparent;
  margin: 0 auto;
  margin-top: 29px; }
.advent-reform .heroic-awake h6 {
  width: 405px;
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/awake.png?__sprite") no-repeat center; }
.advent-reform .copy-optimizate h6 {
  width: 451px;
  background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/copy.png?__sprite") no-repeat center; }
.advent-reform .five-start-hero {
  overflow: hidden; }
  .advent-reform .five-start-hero h6 {
    width: 451px;
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/star.png?__sprite") no-repeat center; }
  .advent-reform .five-start-hero em {
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    border: 1px solid #a7865d;
    text-align: center; }
    .advent-reform .five-start-hero em img {
      max-width: 100%;
      max-height: 100%; }

.act {
  overflow: hidden;
  height: 100%; }
  .act .lxlgl, .act .wjbd, .act .qmxyj {
    background-color: rgba(65, 39, 53, 0.42);
    overflow: hidden;
    padding-top: 30px; }
    .act .lxlgl h6, .act .wjbd h6, .act .qmxyj h6 {
      margin: 0 auto;
      font-size: 0;
      color: transparent; }
    .act .lxlgl .container, .act .wjbd .container, .act .qmxyj .container {
      text-align: center;
      overflow: hidden;
      margin-top: 23px;
      position: relative;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      padding-bottom: 1px; }
    .act .lxlgl .left, .act .lxlgl .right, .act .wjbd .left, .act .wjbd .right, .act .qmxyj .left, .act .qmxyj .right {
      width: 548px;
      vertical-align: top;
      margin-bottom: 32px; }
    .act .lxlgl .list, .act .wjbd .list, .act .qmxyj .list {
      height: auto;
      margin-top: 0; }
    .act .lxlgl .time, .act .wjbd .time, .act .qmxyj .time {
      margin: 22px auto 8px auto;
      color: #cfa972;
      font-size: 18px;
      text-align: left;
      width: 474px; }
  .act .qmxyj .container {
    height: auto; }
  .act .qmxyj .left, .act .qmxyj .right {
    vertical-align: middle; }
  .act .qmxyj h6 {
    margin: 0 auto;
    overflow: hidden; }
    .act .qmxyj h6 .time-acc {
      margin-top: 71px; }
  .act .qmxyj ul.list {
    width: 465px;
    margin: 0 auto;
    margin-top: 14px; }
  .act .qmxyj .right {
    border: 1px solid #a7865d; }
    .act .qmxyj .right img {
      width: 100%;
      height: 100%; }
  .act .lxlgl h6 {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/lxl.png?__sprite") no-repeat center bottom;
    height: 60px;
    width: 255px; }
  .act .wjbd h6 {
    background: url("https://img5.99.com/yhkd/image/act/2018/907/img/hor/wjbd.png?__sprite") no-repeat center;
    width: 255px;
    height: 60px; }
  .act .mt22 {
    margin-top: 22px !important; }
  .act .list1 li {
    text-indent: 35px; }

.btn-bar, .heroic-awake, .copy-optimizate, .five-start-hero {
  -webkit-transform-origin: center top;
  transform-origin: center top; }

@media screen and (max-height: 616px) {
  .new-produce {
    -webkit-transform-origin: center top;
    transform-origin: center top; }

  .advent-reform .btn-bar, .advent-reform .heroic-awake, .advent-reform .copy-optimizate, .advent-reform .five-start-hero {
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  .advent-reform .five-start-hero {
    -webkit-transform-origin: center top;
    transform-origin: center top; }

  .g-s1 .slg, .g-s1 .btn-bar, .g-s1 .share-btn {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
 }

@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .act .lxlgl, .act .wjbd {
    margin-left: 30px; }

  body, html, .g-swiper {
    min-height: 315px; }
 }

.main {
  display: none; }

.main.show {
  display: block; }

.sub-tab {
  display: none; }

.sub-tab.show {
  display: block; }

.dn {
  display: none; }

.slide-bar {
  background: #000;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }
  .slide-bar .scroller-vertical {
    background: #4a442e;
    width: 100%;
    height: 20px;
    right: 0;
    position: absolute; }

.usual-pop .pop-con {
  max-height: 400px;
  font-size: 28px;
  color: #e8c676;
  border: 1px solid #ba8734;
  padding: 60px 0;
  overflow-y: auto; }

.pop-box .pop-con {
  text-align: center; }

.pop-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.pop-box.show {
  display: block; }

.usual-pop .pop1 {
  width: 365px;
  background: #131c31;
  padding: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto; }

.pop-box .pop1 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3; }

.pop-box .close {
  position: absolute;
  right: 20px;
  top: 10px;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 2;
  background: url("https://img8.99.com/yhkd/image/act/2018/deer/common/btn-close.png") no-repeat center center !important; }

.next {
  width: 138px;
  height: 52px;
  background: url(https://img5.99.com/yhkd/image/act/2018/907/img/common/arrow.png) no-repeat center;
  display: block;
  bottom: 0px;
  left: 50%;
  margin-left: -69px;
  position: absolute;
  -webkit-animation: next ease-in-out infinite 1s;
  animation: next ease-in-out infinite 1s; }

@-webkit-keyframes next {
  0% {
    bottom: 0px; }

  100% {
    bottom: -5px; } }

@keyframes next {
  0% {
    bottom: 0px; }

  100% {
    bottom: -5px; } }