@charset "utf-8";
/***********************reset***********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, object, iframe {
  padding: 0;
  margin: 0; }

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

fieldset, img {
  border: 0; }

ol, ul {
  list-style: none; }

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

body {
  font: 12px/1.6 "Microsoft YaHei"; }

a {
  text-decoration: none;
  -webkit-transition: color 0.4s;
  transition: color 0.4s; }

a:active {
  outline: 0; }

img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b9b9b9; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b9b9b9; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b9b9b9; }

input {
  outline: 0;
  border: 0;
  font-family: "Microsoft YaHei"; }

textarea {
  overflow: auto;
  resize: none; }

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

.clearfix {
  zoom: 1; }

.hide {
  display: none !important; }

.show {
  display: block !important;
  z-index: 9999999999; }

.fl {
  float: left; }

.fr {
  float: right; }

* {
  box-sizing: border-box; }

/* CSS Document */
/*
 * Author: lyc(818017)
 * Version: 0.1.0
 * Compile Date: 2021-12-09 15:34
*/
body {
  background: #fff; }

.full-bg {
  position: relative;
  max-width: 1920px;
  height: 930px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .full-bg .swiper-full {
    width: 1920px;
    height: 930px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    overflow: hidden;
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/bg1.jpg") no-repeat center top;
    -webkit-transition: background 0.5s;
    transition: background 0.5s; }
    .full-bg .swiper-full.slide {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/bg2.jpg") no-repeat center top; }
  .full-bg .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .full-bg .swiper-slide .wrapper::before {
      content: "";
      display: block;
      width: 728px;
      height: 131px;
      opacity: 0;
      margin: 100px 0 0 280px;
      -webkit-transform: translateY(-10%);
              transform: translateY(-10%); }
    .full-bg .swiper-slide.swiper-slide-active .wrapper::before {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: all 1.5s;
      transition: all 1.5s; }
  .full-bg a {
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.contain {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  bottom: 0; }

.logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50; }

.wrapper {
  position: relative;
  width: 1200px;
  height: 100%;
  padding-top: 15px;
  margin: 0 auto;
  z-index: 5; }
  .wrapper .con {
    position: relative;
    width: 830px;
    height: 525px;
    padding-top: 1px;
    margin-left: 230px;
    margin-top: 40px; }

.scroll {
  position: absolute;
  overflow: hidden; }
  .scroll img {
    cursor: pointer; }

.sign {
  position: absolute;
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/btn-log.png");
  width: 155px;
  height: 50px;
  top: 15px;
  right: 10px;
  z-index: 50; }
  .sign.out {
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/btn-out.png"); }
  .sign:hover {
    -webkit-filter: brightness(1.2);
    /* Chrome, Safari, Opera */
    filter: brightness(1.2); }

.sign-txt {
  position: absolute;
  top: 40px;
  right: 100px;
  font-size: 20px;
  color: #fff;
  background-color: #cd4c4a;
  padding: 5px 20px;
  border: 2px solid #e8d87f;
  font-weight: bold;
  z-index: 50; direction:rtl  }

.sign-txt a { color:#fff}
.page-home .wrapper::before {
  display: none; }
.page-home .slogan {
  display: none; }
.page-home .time {display: none;
  position: absolute;
  top: 530px;
  left: 440px;
  color: #91f0c6;
  font-size: 28px;
  font-weight: bold;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg); }
.page-home .tab {
  position: absolute;
  bottom: 95px;
  left: 0;
  width: 100%;
  text-align: center; direction:rtl;font-family:Arial, Helvetica, sans-serif  }
  .page-home .tab a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0 50px;
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/tab.png") no-repeat center;
    width: 203px;
    height: 207px;
    padding-top: 80px;
    text-align: center;
    color: #fafbff;
    font-weight: bold;
    font-size: 38px; line-height:60px}
	.page-home .tab a.tab2, .page-home .tab a.tab3{ line-height:30px; padding-top:80px;}
    .page-home .tab a:nth-of-type(1)::after {
      content: "01";
      display: block;
      font-size: 35px;
      font-weight: bold;
      margin: 5px 0 15px 0;
      color: #ffcbc2; }
    .page-home .tab a:nth-of-type(2)::after {
      content: "02";
      display: block;
      font-size: 35px;
      font-weight: bold;
      margin: 20px 0 15px 0;
      color: #ffcbc2; }
    .page-home .tab a:nth-of-type(3)::after {
      content: "03";
      display: block;
      font-size: 35px;
      font-weight: bold;
      margin: 20px 0 15px 0;
      color: #ffcbc2; }
    .page-home .tab a:hover {
      -webkit-filter: brightness(1.2);
      /* Chrome, Safari, Opera */
      filter: brightness(1.2); }

.s-tab {
  position: absolute;
  top: 280px;
  left: 325px;
  z-index: 0;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 160px;
  height: 555px; font-family:Arial, Helvetica, sans-serif}
  .s-tab a {
    display: block;
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/nav.png");
    width: 98px;
    height: 107px;
    padding: 25px 0;
    margin: 0 auto 20px;
    font-size: 20px;
    line-height: 29px;
    color: #fffae5;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
	.s-tab a.stab1{ font-size:20px; line-height:57px}
	
    .s-tab a:nth-of-type(odd) {
      margin-left: 100px; }
    .s-tab a:hover, .s-tab a.on {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/nav-on.png"); }
  .s-tab.on {
    z-index: 10;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.s1 .wrapper::before {
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/tit1.png"); }
.s1 table {
  width: 99%;
  table-layout: fixed; direction:rtl  }
  .s1 table thead {
    background-color: rgba(167, 49, 44, 0.8); }
  .s1 table tbody tr {
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/td-bg.png") no-repeat center; }
  .s1 table th, .s1 table td {
    text-align: center;
    color: #ffeceb; }
  .s1 table th {
    font-weight: bold;
    font-size: 18px;
    height: 55px; }
  .s1 table td {
    font-size: 16px;
    min-width: 100px;
    height: 40px; }
    .s1 table td:nth-of-type(1) {
      background: url("../img/num.png") no-repeat center; }
    .s1 table td.num1 {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/num-top1.png") no-repeat center;
      font-size: 0;
      margin: 0 auto; }
    .s1 table td.num2 {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/num-top2.png") no-repeat center;
      font-size: 0;
      margin: 0 auto; }
    .s1 table td.num3 {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/num-top3.png") no-repeat center;
      font-size: 0;
      margin: 0 auto; }
    .s1 table td p {
      max-width: 210px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 auto; }
    .s1 table td.jp-td {
      position: relative;
      overflow: visible; }
      .s1 table td.jp-td .box {
        background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/box.png") no-repeat center;
        width: 26px;
        height: 30px;
        display: block;
        margin: 0 auto; }
      .s1 table td.jp-td .h-pop {
        display: none;
        position: absolute;
        white-space: normal;
        top: -30px;
        left: 80px;
        padding: 15px;
        color: #6b4836;
        background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/pop2.png");
        width: 247px;
        height: auto;
        font-size: 18px; direction: rtl; }
        .s1 table td.jp-td .h-pop::before {
          content: "";
          position: absolute;
          left: 0;
          top: -25px;
          background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/pop1.png");
          width: 247px;
          height: 43px; }
        .s1 table td.jp-td .h-pop::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -27px;
          background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/pop3.png");
          width: 247px;
          height: 42px; }
      .s1 table td.jp-td:hover .h-pop {
        display: block;
        z-index: 50; }
    .s1 table td .btn {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/btn-get.png");
      width: 83px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      display: block;
      margin: 0 auto;
      color: #f0fff6;
      font-size: 15px;
      font-weight: bold; }
      .s1 table td .btn.has {
        background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/btn-get-has.png");
        color: gray;
        cursor: default; }
.s1 .tip {
  position: absolute;
  color: #e7382d;
  font-size: 14px;
  right: 35px;
  bottom: -25px; direction:rtl }
.s1 .page {
  font-size: 12px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px; direction:rtl  }

.s2 .wrapper::before {
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/tit2.png"); }
.s2 .detail {
  display: block;
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/detail.png");
  width: 633px;
  height: 20px;
  margin: 10px 0 0 100px;
  opacity: 0;
  filter: Alpha(Opacity=0);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.s2 .scroll {
  width: 830px;
  height: 450px;
  text-align: center;
  font-size: 0;
  margin-top: 35px;direction: rtl; }
  .s2 .scroll .txt-bg {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 10px 5px;
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/txt-bg.png");
    width: 249px;
    height: 415px; }
    .s2 .scroll .txt-bg p {
      font-size: 14px;
      width: 90%;
      margin: 0 auto; }
      .s2 .scroll .txt-bg p.txt {
        font-weight: bold;
        font-size: 18px;
        line-height: 50px;
        margin: 15px auto 0;
        width: 236px;
        height: 50px;
        color: #dc4d4a; }
      .s2 .scroll .txt-bg p.txt2 {
        text-align: right;
        line-height: 25px;
        font-size: 17px;
        color: #987453; }
.s2.swiper-slide-active h3.tit {
  -webkit-transition: all 0.8s 0.5s;
  transition: all 0.8s 0.5s; }
.s2.swiper-slide-active .detail {
  -webkit-transition: all 0.8s 1s;
  transition: all 0.8s 1s; }
.s2.swiper-slide-active h3.tit, .s2.swiper-slide-active .detail {
  opacity: 1;
  filter: Alpha(Opacity=100);
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.s3 .wrapper::before {
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/tit3.png"); }
.s3 .scroll {
  width: 99%;
  height: 455px;
  margin: 65px auto 0;
  text-align: center;
  font-size: 0; }
  .s3 .scroll .prize-bg {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/prize-bg.png") no-repeat center;
    width: 300px;
    height: 400px;
    margin: 10px 30px;
    text-align: center;
    padding-top: 57px;direction:rtl  }
    .s3 .scroll .prize-bg img {
      width: 230px;
      height: 230px;
      border-radius: 50%;
      margin: 43px auto 5px; }
    .s3 .scroll .prize-bg p {
      font-size: 18px;
      color: #ffdfb6; }
      .s3 .scroll .prize-bg p.tj {
        width: 100%;
        color: #e6fff7;
        font-size: 16px; }
.s3 .tip {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -15px;
  text-align: center;
  font-size: 12px;
  color: #744114;direction:rtl  }
.s3.swiper-slide-active h3.tit {
  opacity: 1;
  filter: Alpha(Opacity=100);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.8s 0.5s;
  transition: all 0.8s 0.5s; }

.footer {
  padding: 15px 0;
  background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/footer-bg.png") repeat;
  color: black;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 66666; direction:rtl }
  .footer a {
    color: black; }
  .footer.hide {
    bottom: -200%; }

.page {
  text-align: center;
  font-size: 12px; direction:rtl }
  .page a { display:inline-block;
    padding: 3px 6px;
    color: #ff8e87;
    border: 1px solid #ff8e87;
    border-radius: 5px;
    margin: 0 3px; }
  .page span {
    color: #ffeceb;
    background-color: #ff8e87;
    padding: 5px 10px;
    border-radius: 5px; }

.pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.8); }
  .pop .close {
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/close.png");
    width: 26px;
    height: 26px;
    position: absolute;
    top: 13px;
    left: 13px; }
  .pop .spop {
    background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/pop-con.png");
    width: 382px;
    height: 229px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -114.5px 0 0 -191px; }
    .pop .spop .con {
      width: 90%;
      height: 150px;
      line-height: 150px;
      margin: 20px auto 0;direction:rtl  }
      .pop .spop .con p {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        line-height: 20px;
        text-align: center;
        color: #6b4836;
        font-size: 20px; }
  .pop .img-pop {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }
    .pop .img-pop .close {
      top: 0;
      left: -50px; }
    .pop .img-pop img {
      width: 100%;
      height: 100%; }
  .pop .video-pop {
    width: 940px;
    height: 539px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -269.5px 0 0 -470px; }
    .pop .video-pop .video-bg {
      width: 844px;
      height: 479px;
      margin: 51px auto 0; }
  .pop .btn-box {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    text-align: center;
    font-size: 0; }
    .pop .btn-box a {
      background: url("https://hw.99.com/uploads/wtop/jinglebells/ar/img/pop-btn.png");
      width: 111px;
      height: 29px;
      line-height: 29px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px;
      font-size: 20px;
      color: #fff; }


.topbar .topmenu{height:31px !important}
.topbar .topmenu .games{width:140px !important}
.topbar .topmenu .games > ul li{width:140px !important}

/*pop box*/
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1112;}
.msg_form_class, .bugs_form_class, .suggest_form_class { display:none; width: 100%; height: 100%; position: fixed; left: 0; top: 36%; }
.msg_form_class { z-index:1114; }
.bugs_form_class, .suggest_form_class { z-index:1112; }
.commonbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.tipbox{direction:rtl ;position: relative; z-index: 1113; color: #a76127!important; background: #fcf5e8!important;  margin: 0 auto;border:2px solid #d4a986!important }
.box1{width: 440px;}
.box2{width: 680px;}
.box3{width: 460px;}
.box4{width: 800px;}
.box5{ width: 416px; }
.box6{ width: 600px; }

.tip_t{ position: relative; z-index: 2; height: 50px; text-align: center; }
.tip_t a.close{display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 0; left: 10px; width: 44px; height: 44px; color:#a76127!important; font-size: 50px;background: none;line-height: 50px;}
.tip_t a.close:hover{ color:#d4a986!important; }
.tip_t h2{ color:#a76127!important; line-height: 48px; font-size: 30px; text-align: center; padding-top:17px;direction: rtl;}
.tip_c{ position: relative; z-index: 1; font-family: Arial;}
.tip_con{width: 88%; margin: 0 auto; padding: 10px 0 5px 0; position: relative;}
.tip_con.sp{width: 96%;}
.tip_con span{color: #a91918!important;}
.tip_con p{ padding: 7px 0; line-height: 16px;}
.tip_con table{width: 100%; margin:0 auto;}
.tip_con table td, .tip_con table th{text-align: center; border: 1px solid #db823c!important; line-height: 25px;color:#000!important;font-size: 16px}
.tip_con table th{background: #e7c887!important;}
.tip_con table td{background: #faebd0!important;}
.tip_con div ul{padding: 0 20px;}
.tip_con div ul li{padding: 3px;}
.tip_con div label{font-size: 16px; text-transform: capitalize; width: 100px; display: inline-block;  *display: inline; *zoom: 1;text-align: right; padding-right: 3px;}
.tip_con div input.ipt, .tip_con div select.slt { width: 200px; padding-left: 2px; color: #000; border: 1px solid #666; height: 24px; line-height: 24px; }
.tip_con div input.code{width: 120px;}
.tip_con textarea{ font-family: Arial; font-size: 14px; width: 100%; height:160px; border: 1px solid #fecf9b; border-right-color: #fff6ed; border-bottom-color: #fff6ed; }
.tip_db{padding-bottom: 10px; text-align: center;}
.tip_db ul{margin: 0 auto; width: 380px;}
.tip_db li{float: right!important; width: 190px;}
.tip_db p a{color: #4b320d!important; font-family: Arial;}
.tip_db p a:hover{text-decoration: underline;}
.tip_db a.btn_tip{ display:block; width:137px; height:43px; line-height: 43px; font-weight: bold; margin: 10px auto; background: #d08a57!important; color: #fff!important;font-size: 17px !important}
.tip_db a.btn_tip:hover{background: #ab734a!important; color:#fad461!important;}

	  
.txtlimit{max-width:200px}
.txtlimit,.txtlimit1{direction:rtl;zoom:1;*display:inline;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.txtlimit1{max-width:140px}