@charset "UTF-8";
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form {
  margin: 0; }


/* body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif} */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

em, b1, i {
  font-style: normal; }

a {
  text-decoration: none;
  outline: none; }

a:hover {
  text-decoration: none; }

img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%;
  outline: none; }

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

td, th, ul, ol {
  padding: 0;
  list-style: none; }

body {
  background-color: #0d0d0e; }

.pa {
  position: absolute; }

.pr {
  position: relative; }

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

.c {
  *zoom: 1; }

.hide {
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  display: none; }

body {
  font-family: "微软雅黑", sans-serif !important; }

.clear {
  clear: both; }

body, html, .ost_box, #actTitleWrap, .container, #footer_ied, .white-footer, .warp {
  min-width: 1300px !important;
  width: 100% !important;
  _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1302?'1300px':'') !important; }

.warp {
  width: 100%;
  position: relative; }

.bg {
  width: 100%; }
  .bg .bg1 {
    width: 100%;
    height: 816px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg1.jpg") no-repeat center; }
  .bg .bg2 {
    width: 100%;
    height: 636px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg2.jpg") no-repeat center; }
  .bg .bg3 {
    width: 100%;
    height: 638px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg3.jpg") no-repeat center; }
  .bg .bg4 {
    width: 100%;
    height: 701px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg4.jpg") no-repeat center; }
  .bg .bg5 {
    width: 100%;
    height: 1081px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg5.jpg") no-repeat center; }
  .bg .bg6 {
    width: 100%;
    height: 1336px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/bg6.jpg") no-repeat center; }

.container {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.main {
  width: 1200px;
  margin: 0 auto;
  padding-top: 818px;
  position: relative; }
  .main .logo {
    width: 181px;
    height: 85px;
    display: block;
    position: absolute;
    top: 9px;
    left: 5px; }

.content1 {
  width: 1237px;
  height: 355px;
  /* background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/content1.png") no-repeat center; */
  margin: 0 0 0 -37px;
  padding-top: 120px; 
  box-sizing: content-box!important;}
  .content1 .list1 {
    width: 950px;
    height: 276px;
    margin: 0 0 0 134px; }
    .content1 .list1 li {
      width: 298px;
      height: 276px;
      float: left; }
      .content1 .list1 li img {
        display: block;
        width: 100%;
        height: 100%; }
    .content1 .list1 .li2 {
      margin-left: 50px; }
    .content1 .list1 .li3 {
      float: right;
      margin-right: -50px; }
      .content1 .list1 li{
        position: relative;
      }
      .content1 .list1 li p{
        font-size: 18px;
        color: #333333;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 0px;
      }
  .content1 .btn {
    width: 438px;
    height: 120px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/btn1.png") no-repeat center;
    display: block;
    position: relative;
    z-index: 999;
    margin: 90px 0 0 420px; }
  .content1 .btn:hover {
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/btn2.png") no-repeat center; }

.content2 {
  width: 1262px;
    height: 888px;
    margin: 216px 0 0 -31px;
    padding-top: 95px;
    position: relative;
    box-sizing: content-box!important;}
  .content2 .title {
    padding-left: 132px;
    width: 1130px;
    color: #333333;
    font-size: 16px; }
  .content2 .day {
    width: 246px;
    height: 213px;
    position: absolute; }
    .content2 .day img {
      display: block;
      width: 100%;
      height: 100%; }
    .content2 .day p {
      position: absolute;
      width: 105%;
      top: 160px;
      left: 0;
      text-align: center;
      line-height: 17px;
      color: #333333;
      font-size: 14px; }
    .content2 .day .receive_mask {
      width: 219px;
      height: 190px;
      background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/receive1.png") no-repeat center;
      position: absolute;
      top: 11px;
      left: 14px;
      display: none; }
  .content2 .day.active .receive_mask {
    display: block; }
  .content2 .day_center {
    width: 388px;
    height: 352px;
    position: absolute;
    top: 349px;
    left: 438px; }
    .content2 .day_center img {
      display: block;
      width: 246px;
      height: 213px;
      position: absolute;
      top: 72px;
      left: 50%;
      margin-left: -123px; }
    .content2 .day_center p {
      position: absolute;
      width: 100%;
      top: 286px;
      left: 0;
      text-align: center;
      line-height: 17px;
      color: #333333;
      font-size: 16px; }
    .content2 .day_center .mask {
      width: 379px;
      height: 329px;
      background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/mask.png") no-repeat center;
      position: absolute;
      top: 12px;
      left: 5px;
      display: none; }
  .content2 .day_center.active .mask {
    display: block; }
  .content2 .day1 {
    top: 222px;
    left: 225px; }
  .content2 .day2 {
    top: 136px;
    left: 1px; }
  .content2 .day3 {
    top: 619px;
    left: 225px; }
  .content2 .day4 {
    top: 704px;
    left: 1px; }
  .content2 .day5 {
    top: 222px;
    left: 789px; }
  .content2 .day6 {
    top: 136px;
    left: 1015px; }
  .content2 .day7 {
    top: 619px;
    left: 789px; }
  .content2 .day8 {
    top: 704px;
    left: 1015px; }
  .content2 .btn {
    display: block;
    width: 438px;
    height: 120px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/content2_btn1.png") no-repeat center;
    margin: 750px auto 0; }
  .content2 .btn:hover {
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/content2_btn2.png") no-repeat center; }
  .content2 .btn.active {
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/content2_btn3.png") no-repeat center; }

.content3 {
  width: 100%;
  height: 180px;
  margin: 103px auto 0;
  box-sizing: content-box!important;}
  .content3 .title {
    width: 327px;
    height: 80px;
    margin-left: 17px;
    margin-bottom: 35px; }
  .content3 p {
    width: 967px;
    height: 28px;
    position: relative;
    padding-left: 33px;
    color: #333333;
    font-size: 16px;
    line-height: 17px; }
    .content3 p i {
      display: block;
      width: 20px;
      height: 20px;
      background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/i.png") no-repeat center;
      position: absolute;
      top: 0;
      left: 5px; }
    .content3 p span {
      margin-right: 5px; }

.content4 {
  width: 1241px;
  height: 738px;
  /* background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/content4.png") no-repeat center; */
  margin: 214px 0 0 -41px;
  position: relative;
  box-sizing: content-box!important; }
  .content4 .video {
    width: 1115px;
    height: 625px;
    position: absolute;
    top: 72px;
    left: 84px; 
    background: url('//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/video_default.png');
    background-size:100% 100%;
  }
  .content4 .play {
    display: block;
    width: 195px;
    height: 179px;
    background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/play.png") no-repeat center;
    position: absolute;
    top: 284px;
    left: 570px; }

#test1 {
  width: 606px;
  height: 367px;
  background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/test1.png") no-repeat center; }
  #test1 .dia-con {
    width: 526px;
    height: 220px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -263px; }
    #test1 .dia-con p {
      width: 100%;
      height: 38px;
      text-align: center;
      line-height: 38px;
      color: #000000;
      font-size: 40px; }
    #test1 .dia-con .btn {
      display: block;
      width: 218px;
      height: 61px;
      background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/test_btn.png") no-repeat center;
      margin: 60px auto 0; }

#test2 {
  width: 917px;
  height: 500px;
  background: url("//wegame.gtimg.com/tgp_act/release/xjzj/xjzj20190213/images/test2.png") no-repeat center;
  padding-top: 87px;
  padding-left: 55px; }
  #test2 .dia-close {
    display: block;
    width: 96px;
    height: 45px;
    position: absolute;
    top: 38px;
    right: 15px; }
  #test2 .dia-con {
    width: 900px;
    height: 430px;
    padding-top: 55px;
    position: relative; }
    #test2 .dia-con ul {
      width: 700px;
      margin: 0 auto; }
      #test2 .dia-con ul li {
        width: 100%;
        height: 27px; }
        #test2 .dia-con ul li .p1 {
          width: 122px;
          height: 27px;
          text-align: center;
          line-height: 27px;
          float: left;
          color: #000000;
          font-size: 16px; }
        #test2 .dia-con ul li .p2 {
          width: 200px;
          height: 27px;
          text-align: center;
          line-height: 27px;
          float: right;
          color: #000000;
          font-size: 16px; }
      #test2 .dia-con ul .first {
        height: 30px;
        margin-bottom: 10px; }
        #test2 .dia-con ul .first .p1 {
          width: 122px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          float: left;
          color: #000000;
          font-size: 30px; }
        #test2 .dia-con ul .first .p2 {
          width: 200px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          float: right;
          color: #000000;
          font-size: 30px; }
    #test2 .dia-con .btn_warp {
      width: 100%;
      height: 18px;
      margin-top: 79px;
      text-align: center; }
      #test2 .dia-con .btn_warp a {
        display: inline-block;
        width: 60px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        color: #000000;
        font-size: 16px; }
      #test2 .dia-con .btn_warp p {
        display: inline-block;
        height: 18px;
        text-align: center;
        line-height: 18px;
        color: #000000;
        font-size: 16px;
        margin: 0 10px; }
    #test2 .dia-con .text {
      width: 100%;
      color: #000000;
      font-size: 16px;
      text-align: center;
      line-height: 18px;
      height: 18px;
      position: absolute;
      bottom: 35px;
      left: 0; }

#afooter {
  width: 100%;
  height: 70px;
  min-width: 1200px;
  position: relative;
  margin-top: -160px;
  z-index: 999; }
  #afooter .wrap_ieg {
    width: 1200px;
    margin: 0 auto;
    line-height: 20px;
    height: 53px;
    text-align: center;
    color: #999999;
    font-size: 12px; }
  #afooter a {
    color: #999999; }

    .content1_1{
      padding-top: 284px;
      position: relative;
    }
    .p1{
      position: absolute;
      left: 373px;
      top: 220px;
    }
    .content1_1 .list1 li {
      width: 302px;
      height: 276px;
      float: left; }
      .content1_1 .list1 li img {
        display: block;
        width: 100%;
        height: 100%; }
    .content1_2{
      padding-top: 284px;
      position: relative;
    }
    .porp-box{
      width: 100%;
      height: 293px;
      position: relative;
    }
    .porp{
      width: 274px;
      height: 175px;
      position: absolute;
    }
    .porp img{
      width: 100%;
      height: 155px;
    }
    .porp p{
      width: 100%;
      position: absolute;
      left: 0px;
      bottom: 0px;
      text-align: center;
    }
    .porp1 p,.porp2 p,.porp3 p{
      width: 100%;
      position: absolute;
      left: 0px;
      bottom: 25px;
      text-align: center;
    }
    .porp1{
      left: 124px;
      top: -44px;
    }
    .porp2{
      left: 500px;
      top: -44px;
    }
    .porp3{
      left: 909px;
      top: -44px;
    }
    .porp4{
      left: 354px;
      top: 144px;
    }
    .porp5{
      left: 709px;
      top: 144px;
    }