@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; }

* {
  -webkit-text-size-adjust: auto;
  -moz-text-size-adjust: auto;
  -ms-text-size-adjust: auto;
  text-size-adjust: auto; }

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; }

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

.clearfix {
  zoom: 1; }

.main {
  width: 100%;
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/bg.jpg") no-repeat center top;
  overflow: hidden;
  padding-bottom: 35px; }

.wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.logo {
  position: absolute;
  top: 31px;
  left: 50%;
  margin-left: -184px; }
  .logo img {
    width: 367px;
    height: auto; }

.item {
  width: 100%;
  position: relative;
  height: 662px;
  margin-top: 662px;
  overflow: hidden; }
  .item em {
    display: block;
    position: absolute;
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/pvp_bg.png") no-repeat center;
    width: 520px;
    height: 518px;
    z-index: 1; }
  .item .item_01, .item .item_03 {
    position: absolute;
    display: block; }

.item_01,
.item_03 {
  width: 520px;
  height: 518px;
  z-index: 1; }

.item_01 {
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/pvp.png") no-repeat center;
  z-index: 3; }
  .item_01:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/pvp_on.png") no-repeat center;
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }

.item_03 {
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/adv.png") no-repeat center;
  z-index: 3; }
  .item_03:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/adv_on.png") no-repeat center;
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }

.item_01, em.b_01 {
  top: 72px;
  left: 0; }

.item_02 {
  position: relative;
  width: 662px;
  height: 662px;
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/shipin.png") no-repeat center;
  top: 0;
  left: 50%;
  margin-left: -331px;
  z-index: 2;
  overflow: hidden; }
  .item_02 a {
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/video.png") no-repeat center;
    width: 251px;
    height: 251px;
    display: block;
    margin: 0 auto;
    margin-top: 320px;
    overflow: hidden; }
    .item_02 a:hover {
      -webkit-transform: scale(1.02);
      transform: scale(1.02); }

.item_03, em.b_02 {
  top: 72px;
  right: 0; }

.footer {
  background: #131928;
  padding: 40px 0;
  margin-top: 60px; }
  .footer a, .footer td {
    color: #fff;
    font-size: 18px; }

@-webkit-keyframes video-ani {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25%, 75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes video-ani {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25%, 75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
.pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999; }
  .pop .mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .pop .close {
    position: absolute;
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/close.png") no-repeat center;
    width: 45px;
    height: 45px;
    top: 20px;
    right: 10px; }
    .pop .close:hover {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 1s;
      transition: all 1s; }
  .pop .container {
    position: relative;
    background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/pop-bg.png") no-repeat center;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    top: 50%;
    margin-top: -300px;
    z-index: 999; }
    .pop .container .center {
      margin: 0 auto;
      position: relative;
      text-align: center; }
      .pop .container .center .nav, .pop .container .center .account {
        display: inline-block;
        vertical-align: middle; }
      .pop .container .center .nav {
        width: 210px;
        margin-left: 21px;
        height: 90%; }
        .pop .container .center .nav em {
          height: 100%;
          background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/v.png") no-repeat center;
          width: 2px; }
        .pop .container .center .nav em, .pop .container .center .nav ul, .pop .container .center .nav i, .pop .container .center .nav span {
          display: inline-block;
          *dislpay: inline;
          *zoom: 1;
          vertical-align: middle; }
        .pop .container .center .nav ul {
          margin-left: -21px; }
          .pop .container .center .nav ul li {
            cursor: pointer; }
          .pop .container .center .nav ul i {
            background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/dot.png") no-repeat center;
            width: 32px;
            height: 32px; }
          .pop .container .center .nav ul span {
            width: 162px;
            height: 38px;
            font-size: 24px;
            color: #969caa;
            line-height: 38px;
            text-align: center;
            margin-left: 14px; }
          .pop .container .center .nav ul .on span {
            border: solid 1px #979dab;
            color: #ffffff; }
          .pop .container .center .nav ul li + li {
            margin-top: 46px; }
      .pop .container .center .account {
        width: 930px;
        position: relative;
        margin-left: 31px;
        margin-top: 25px; }
        .pop .container .center .account h6 {
          font-size: 40px;
          color: #c9bb89;
          text-align: center;
          margin-top: 14px; }
        .pop .container .center .account .img_container {
          height: 364px;
          width: 698px;
          position: relative;
          margin: 0 auto;
          margin-top: 20px;
          border: solid 1px #c9bc89;
          overflow: hidden; }
          .pop .container .center .account .img_container img {
            width: 698px;
            height: 384px; }
          .pop .container .center .account .img_container .pop-video {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.5;
            filter: alpha(opacity=50);
            top: 0;
            left: 0;
            z-index: 1;
            cursor: pointer;
            -webkit-transition: all 0.5s;
            transition: all 0.5s; }
            .pop .container .center .account .img_container .pop-video:hover {
              opacity: 0.35;
              filter: alpha(opacity=35);
              -webkit-transition: all 0.5s;
              transition: all 0.5s; }
          .pop .container .center .account .img_container .video-btn {
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 50%;
            margin-left: -19px;
            margin-top: -32px; }
        .pop .container .center .account .swiper-container {
          width: 702px;
          margin: 0 auto; }
        .pop .container .center .account .swiper-slide, .pop .container .center .account .swiper-wrapper {
          height: 563px !important;
        

 }
        .pop .container .center .account .swiper-slide {
          position: relative; }
        .pop .container .center .account .txt {
          color: #ffffff;
          font-size: 20px;
          text-align: justify;
          margin: 0 auto;
          margin-top: 10px;
          width: 698px;
          line-height: 32px; }

.next, .prev {
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  display: block; }

.next.disable, .prev.disable {
  opacity: 0.1;
  filter: alpha(opacity=10); }

.next {
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/next.png") no-repeat center;
  right: 0;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .next:hover {
    right: -5px;
    -webkit-transition: all .5s;
    transition: all .5s; }

.prev {
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/prev.png") no-repeat center;
  left: 0;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .prev:hover {
    left: -5px;
    -webkit-transition: all .5s;
    transition: all .5s; }

.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
  height: 10px; }

.swiper-pagination-switch {
  display: inline-block;
  width: 60px;
  height: 8px;
  background: #484b51;
  margin: 0 5px;
  cursor: pointer;
  border: 1px solid #4d4c4c; }

.swiper-active-switch {
  background: #fff;
  border: 1px solid #fff; }

#mjtz {
  width: 698px;
  margin-top: 24px; }

.dn {
  display: none; }

.pop.show {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  z-index: 999;
  visibility: visible;
  opacity: 1; }

.pop {
  position: fixed;
  z-index: 999;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.pop.pop-wait .pop-main {
  margin-left: -380px;
  margin-top: -220px;
  width: 755px;
  height: 300px;
  padding: 140px 0 0;
  font-size: 30px;
  color: #f1d388;
  font-weight: bold;
  text-align: center;
  line-height: 60px; }

.pop.pop-sm .pop-main {
  background: #000; }

.pop.show .pop-main {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.pop .pop-main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0, 200%);
  transform: translate(0, 200%);
  -webkit-transition: all 0.3s 0.1s;
  transition: all 0.3s 0.1s; }

.wait {
  padding: 165px 0 0;
  font-size: 30px;
  color: #f1d388;
  font-weight: bold;
  text-align: center;
  line-height: 60px; }

.jq {
  font-size: 30px;
  color: #f1d388;
  font-weight: bold;
  text-align: center;
  line-height: 60px; }

.gl {
  display: block;
  width: 182px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  border: 1px solid #c9bc89;
  font-size: 10px;
  color: #ffffff; }

.video-btn {
  display: block;
  background: url("https://img6.99.com/yhkd/image/m/act/2018/doublehero/hor/video_btn.png") no-repeat center;
  width: 38px;
  height: 44px;
  margin-left: 116px;
  margin-top: 104px;
  -webkit-animation: video-ani linear infinite 4s;
  animation: video-ani linear infinite 4s; }

.hero-video-btn img {
  width: 0 !important;
  height: 0 !important; }

.hero-video-btn .hero {
  width: 698px !important;
  height: 384px !important; }

.img_container video {
  height: 102.2% !important; }

.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%;
  text-align: center; }

@media screen and (orientation: portrait) {
  /*竖屏 css*/
  .portrait {
    display: block; } }
@media screen and (orientation: landscape) {
  /*横屏 css*/
  .portrait {
    display: none; } }

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