/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before, q:after {
    content: ''
}
fieldset, img, abbr, acronym {
    border: 0;
}
.c:before, .c:after {
    content: "";
    display: table;
}
.c:after {
    clear: both;
}
.c {
    zoom: 1;
}
:focus{outline:0;}
body, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}
body {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
    overflow-x: hidden;
    background-color: #161616;
    padding-top: 0 !important;
}
a {
    text-decoration: none;
    transition: .2s filter linear;
}
a:hover {
    filter: brightness(1.14);
}
.btn-zhih {
    filter: grayscale(1)!important;
}

body, #afooter, .ost_bn, .ost_box {
    width: 100%;
    overflow-x: hidden;
}
.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px;
}
.hide {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
.t {
    text-indent: -9999em;
    font-size: 0;
    display: block;
}
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;-webkit-flex:1;}
.flex-center{justify-content:center;-webkit-justify-content:center;}
.flex-middle{align-items:center;}
.flex-between{justify-content:space-between;-webkit-justify-content:space-between;}
.flex-cm{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;}
.t-c{text-align:center;}
.bg,.pop{background-size:100% auto;background-position:top center;background-repeat:no-repeat;}
input[type=tel]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:textfield;
}
.full-img img,
.full-img {
    display:block;
}
.full-img img{
    width:100%;
    height: auto;
}
.filter{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%)
}
/* footer */
#afooter {
    text-align: center;
    line-height: 20px;
    color: #6a6a6a;
    background-color: #0e0e0e;
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#afooter a {
    color: #6a6a6a;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes sloganAni {
    0% {
        transform: scale(1.8);
        opacity: 0;
    }
    60% {
        transform: scale(1);
        opacity: 1;
    }
    65% {
        transform: translate(-4px, -4px);
    }
    70% {
        transform: translate(0, 0);
    }
    75% {
        transform: translate(4px, 4px);
    }
    80% {
        transform: translate(0, 0);
    }
    85% {
        transform: translate(-4px, 4px);
    }
    90% {
        transform: translate(0, 0);
    }
    95% {
        transform: translate(4px, -4px);
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes -webkit-sloganAni {
    0% {
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    65% {
        -webkit-transform: translate(-4px, -4px);
    }
    70% {
        -webkit-transform: translate(0, 0);
    }
    75% {
        -webkit-transform: translate(4px, 4px);
    }
    80% {
        -webkit-transform: translate(0, 0);
    }
    85% {
        -webkit-transform: translate(-4px, 4px);
    }
    90% {
        -webkit-transform: translate(0, 0);
    }
    95% {
        -webkit-transform: translate(4px, -4px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@font-face {
    font-family: "font1";
    src: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/font/font.TTF) format('opentype');
    font-display: swap;
}

/** top **/
.top_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .8rem;
    background-color: #1c1c1c;
    z-index: 99;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.icon_logo {
    width: auto;
    height: .6rem;
    position: absolute;
    left: .2rem;
}
.icon_logo img {
    width: auto;
    height: .6rem;
}
.wegame_logo {
    width: 1.56rem;
    height: .37rem;
    position: absolute;
    left: 1.58rem;
}
.nav-box {
    font-family: 'font1';
    width: 15.24rem;
    height: .8rem;
    margin: 0 auto;
    padding-left:1.6rem;
    box-sizing: border-box;
}
.nav_list {
    height: .8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav_list .nav_item:last-child {
    display: none;
}
.nav_item,
.sd_item {
    width: auto;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 .14rem;
}
.nav_cname,
.sd_cname {
    display: block;
    font-size: 0.18rem;
    color: #fff;
    padding:0 .04rem;
    position: relative;
}

.nav_item.swiper-pagination-bullet:hover .nav_cname,
.swiper-pagination-bullet-active  .nav_cname,
.sd_cname:hover {
    background-color: #3d3b3b;
}
.nav_item.swiper-pagination-bullet:hover .nav_cname:after,
.swiper-pagination-bullet-active  .nav_cname:after,
.sd_cname:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #dcb062;
    z-index: -1;
    bottom: -.12rem;
    left: 0;
}
.nav_item.swiper-pagination-bullet,
.sd_item {
    display: flex;
    height: 100%;
    position: relative;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
}
.nav_item.swiper-pagination-bullet:first-child:after {
    display: none;
}
.login_wrap {
    text-align: center;
    font-size: 0.2rem;
    color: #ffffffb3;;
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
}
.login_wrap a {
    color:#ffffffb3;
    text-decoration: none;
    transition: inherit;
}
.login_wrap a:hover {
    filter: brightness(1);
    color: #fff;
}
.login_wrap {
    font-size: .16rem;
    line-height: .24rem;
}
.login_ed .user-icon {
    width: .3rem;
    height: .3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right:.04rem;
    margin-top: .03rem;
    border-radius: 50%;
}
.login_ed .user-icon img {
    width: 100%;
    height: auto;
    display: block;
}
.login_wrap .user-name {
    max-width: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

    /** page **/
.spr {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/spr.png) no-repeat;
    background-size: 12rem auto;
    display: block;
}
.slogan {
    -webkit-animation: sloganAni .4s 0s linear both;
    animation: sloganAni .4s 0s linear both;
    width: 6.9rem;
    height: 2.7rem;
    position: absolute;
    left: 50%;
    margin-left: -3.45rem;
    bottom: 2.72rem;
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/slg.png) no-repeat center;
    background-size: 100% auto;
}
.wrapper {
    position: relative;
    height: 100%;
}
.global-swiper-container {
    position: relative;
    height: 100%;
}

.page {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.page0 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg0.jpg);
}
.page1 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg1.jpg);
}
.page2 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg2.jpg);
}
.page3 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg3.jpg);
}
.page4 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg4.jpg);
}
.page5 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg5.jpg);
}
.page6 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg6.jpg);
}
.page7 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg7.jpg);
}
.page8 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/bg8.jpg);
}
.page_cont {
    font-family: "font1";
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 2;
    color: #fff6e6;
    box-sizing: border-box;
    padding-top: 1rem;
    font-size: .2rem;
    line-height: .3rem;
}
.area-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: start;
    align-items: flex-start;
    overflow: hidden;
}
.scroll-down {
    background-image: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/arrow1.png);
    background-size: .31rem auto;
    width: .32rem;
    height: .32rem;
    position: absolute;
    left: 50%;
    margin-left: -.16rem;
    bottom: .36rem;
}
.scroll-down .arrow-box {
    width: .09rem;
    height: .05rem;
    margin: 0 auto;
    box-sizing: border-box;
}
.scroll-down .arrow-box img {
    width: .09rem;
    padding: .03rem 0;
    position: absolute;
    -webkit-animation: arrowDown 1s linear infinite;
    -moz-animation: arrowDown 1s linear infinite;
    animation: arrowDown 1s linear infinite;
}
@-webkit-keyframes arrowDown {
    0% {
        top: 0
    }
    40% {
        top: 23%
    }
    50% {
        top: 23%
    }
    60% {
        top: 23%
    }
    to {
        top: 40%
    }
}
@-moz-keyframes arrowDown {
    0% {
        top: 0
    }
    40% {
        top: 23%
    }
    50% {
        top: 23%
    }
    60% {
        top: 23%
    }
    to {
        top: 40%
    }
}
@keyframes arrowDown  {
    0% {
        top: 0
    }
    40% {
        top: 23%
    }
    50% {
        top: 23%
    }
    60% {
        top: 23%
    }
    to {
        top: 40%
    }
}

.video-box {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
}
.video-box video {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    object-position: center center;
}
.yy-box {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 1.26rem;
}
.btn-comm {
    width: 2.53rem;
    height: .65rem;
    line-height: .65rem;
    text-align: center;
    font-size: .22rem;
    color: #161616;
    margin: 0 auto;
    background-position: 0 -7.91rem;
}
.btn-comm.btn-zhih {
    background-position: 0 -7.22rem;
}
.yy-box .djyy-btn {
  margin-bottom: .08rem;

  width: 2.53rem;
  height: .65rem;
  background: url("//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/btn-yuy.png") no-repeat 0 0 / cover;
  text-indent: -999em;
}
.yy-box .djyy-btn.btn-zhih {
  background: url("//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/spr.png") no-repeat 0 -.69rem / 12rem auto;
}
.tit-box,
.tit {
    width: 6.66rem;
    height: .96rem;
    position: relative;
}
.tit-box {
    height: 1.08rem;
}
.page .page_cont {
    width: 15.24rem;
    margin: 0 auto;
    position: relative;
}
.page1 .tit {
    background-position: -5.13rem 0;
}
.page2 .tit {
    background-position: -5.13rem -1.09rem;
}
.page3 .tit {
    background-position: -5.13rem -2.16rem;
}
.page4 .tit {
    background-position: -5.13rem -3.28rem;
}
.page5 .tit {
    background-position: -5.13rem -4.45rem;;
}
.page6 .tit {
    background-position: -5.13rem -5.6rem;;
}
.page7 .tit {
    background-position: -5.13rem -6.77rem;;
}
.page8 .tit {
    background-position: -5.13rem -8.01rem;;
}
.border {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    height: 1px;
    overflow: hidden;
    background-color: #665b3b;
    width: 100%;
}
.border-on {
    position: absolute;
    left: 0;
    width: 57%;
    height: 100%;
    background-color: #ffdda0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.page2 .border-on {
    width: 70%;
}
.page3 .border-on {
    width: 88%;
}

.page3 .page_cont {
    width: 100%;
}
.page3 .tit-box {
    margin-left: 2rem;
}
.team-accordion {
    width: 100%;
    height: 6.47rem;
    position: relative;
    margin-top: .3rem;
}
.team-accordion ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    -webkit-transition: width 1s ease .3s;
    -moz-transition: width 1s ease .3s;
    transition: width 1s ease .3s;
}
.team-accordion ul li {
    position: relative;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    width: 1.94rem;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}
.team-accordion li .t-before {
    width: 100%;
    height: 100%;
}
.team-accordion li .t-before img {
    width: 100%;
    height: auto;
    display: block;
}
.team-accordion ul .t-after {
    width: 12.96rem;
    height: 6.47rem;
    position: absolute;
    left:2.06rem;
    top:0;
    opacity: 0;
}
.team-accordion ul li.curr {
    width: 15.02rem;
    height: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
    -webkit-transition: width .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: width .5s cubic-bezier(.23, 1, .32, 1);
    transition: width .5s cubic-bezier(.23, 1, .32, 1);
    cursor: pointer;
}

.team-accordion ul li.curr:before {
    content: "";
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p3-arrow-ico.png) no-repeat;
    width: .29rem;
    height: .29rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.team-accordion ul li.curr .t-after {
    opacity: 1;
}
.team-accordion ul li.curr .t-before {
    width: 1.94rem;
}
.team-accordion ul li.curr  {
    border: 1px solid #ffed8c;
    box-sizing: border-box;
}

.team-accordion .t-detail {
    width: 3.15rem;
    height: 6.46rem;
    margin-right: .12rem;
    position: relative;
    overflow: hidden;
}
.team-accordion .t-detail:last-child {
    margin-right: 0;
}
.team-accordion .t-detail img {
    width: 100%;
    height: auto;
    display: block;
}
.team-accordion .t-detail .t-info {
    font-size: .26rem;
    color: #fff;
    line-height: .34rem;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: auto;
    bottom: .36rem;
}
.team-accordion .t-detail .t-star {
    width: .9rem;
    height: .2rem;
    background-position: -2.63rem -6.41rem;
    margin: 0 auto;
}

.team-accordion .t-detail .t-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(255, 222, 160, .212)), to(rgba(255, 222, 160, .212)));
    background: -moz-linear-gradient(top, transparent 0, rgba(255, 222, 160, .212) 80%, rgba(255, 222, 160, .212));
    background: linear-gradient(180deg, transparent 0, rgba(255, 222, 160, .212) 80%, rgba(255, 222, 160, .212));
    opacity: 0;
    z-index: 9;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.team-accordion .t-detail img {
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease
}
.team-accordion .t-detail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .12rem;
    background-color: #ffdda0;
    left: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}
.team-accordion .t-detail:hover:before,
.team-accordion .t-detail:hover .t-mask {
    opacity: 1;
}
.team-accordion .t-detail:hover img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02)
}


.page4 .border-on {
    width: 80%;
}
.page5 .border-on {
    width: 74%;
}
.page6 .border-on {
    width: 35%;
}
.page0 .page_cont {
   align-items: center;
}
.yuy-box {
    margin-top: .4rem;
    margin-left: -.18rem;
}
.yuy-box .yuy-tit {
    margin-left: .18rem;
}
.yuy-list {
    margin-top: .2rem;
}
.yuy-list li {
    position: relative;
    width: 2.76rem;
    text-align: center;
    font-size: .16rem;
    line-height: .2rem;
    color: #d0d0d0;
    margin: 0 .18rem;
}
.yuy-list li .prize-bg {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p1-prize-bg1.png) top center /2.76rem auto no-repeat;
    width: 2.76rem;
    height: 3.32rem;
    padding-top: .2rem;
    box-sizing: border-box;
    margin-bottom: .18rem;
}
.yuy-list li img {
    width: auto;
    height: 2.3rem;
    margin: 0 auto;
    display: block;
}
.yuy-list .y-num {
    width: 100%;
    font-size: .28rem;
    line-height: .34rem;
    position: relative;
}
.yuy-list .y-num:before {
    content: "";
    position: absolute;
    width: .92rem;
    height: 1px;
    background: rgba(76,75,74,.6);
    left: .18rem;
    top: 50%;
    transform: translate(0,-50%);
}
.yuy-list .y-num:after {
    content: "";
    position: absolute;
    width: .92rem;
    height: 1px;
    background: rgba(76,75,74,.6);
    right: .18rem;
    top: 50%;
    transform: translate(0,-50%);
}
.yuy-list li:nth-child(1) .y-num:before,
.yuy-list li:nth-child(1) .y-num:after {
    content: "";
    width: 0;
    height: 0;
    display: none;
}
.yuy-list li.on .prize-bg {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p1-prize-bg2.png) top center /2.76rem auto no-repeat;
}
.yuy-box .border-w,
.yuy-box .border-ing {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/pro1.png) top center no-repeat;
    background-size: 15.24rem auto;
    width: 15.24rem;
    height: .07rem;
    margin: 0 auto;
    display: block;
}
.yuy-box .border-ing {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/pro2.png) top left no-repeat;
    background-size: 15.24rem auto;
    width: 18%;
    margin: 0;
}
.yuy-box .border-w {
    margin-top: -.17rem;
}

.yuy-list li .border-ico {
    width: .3rem;
    height: .7rem;
    background-position: -3.04rem 0;
    margin: 0 auto;
}
.yuy-list li.on {
    color: #1f1b18;
}
.yuy-list li.on .border-ico {
    background-position: -2.66rem 0;
}
.page1 .djyy-btn {
    margin-top: .24rem;
}

.tab-wrap {
    margin-top: .34rem;
}
.tab-wrap .tab-nav {
    width: .81rem;
}
.tab-wrap .tab-nav a {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p2-tab1.png) top center /.81rem auto no-repeat;
    width: .81rem;
    height: 1.62rem;
    margin-bottom: .06rem;
    display: block;
    text-indent: -9999em;
    font-size: 0;
    position: relative;
}
.tab-wrap .tab-nav a.on {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p2-tab2.png) top center /.81rem auto no-repeat;
}
.tab-wrap .tab-nav .nav1,
.tab-wrap .tab-nav .nav1.on {
    background-position: 0 0;
}
.tab-wrap .tab-nav .nav2,
.tab-wrap .tab-nav .nav2.on {
    background-position: 0 -1.67rem;
}
.tab-wrap .tab-nav .nav3,
.tab-wrap .tab-nav .nav3.on{
    background-position: 0 -3.33rem;
}
.tab-wrap .tab-nav .nav4,
.tab-wrap .tab-nav .nav4.on{
    background-position: 0 -5rem;
}
.tab-wrap .tab-nav a.on:after {
    content: "";
    width: .31rem;
    height: 1px;
    background: #bf9956;
    position: absolute;
    left: -.31rem;
    top: 50%;
    margin-top: 0;
}
.tab-wrap .tab-con-box {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p2-vid-bg.png) top center /11.57rem auto no-repeat;
    width: 11.57rem;
    height: 6.62rem;
    position: relative;
    display: block;
    margin-right: .31rem;
}
.tab-wrap .tab-con {
    width: 11.31rem;
    height: 6.36rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.tab-wrap .tab-con .tab-img,
.tab-wrap .tab-con .tab-img img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.tab-wrap .tab-con .tab-img:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.65);
    position: absolute;
    left: 0;
    top: 0;
}
.tab-wrap .play-btn {
    width: 1.26rem;
    height: 1.26rem;
    background-position: -3.27rem -1.69rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
}
.tab-wrap .tab-vid-con {
    width: 100%;
    height: 100%;
    display: block;
}
.tab-wrap .tab-vid-con video {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}


.wq-box {
    width: 100%;
    margin-top: .32rem;
    position: relative;
}
.wq-top {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p4-wq-pro1.png) -.15rem 0 /7.87rem auto no-repeat;
    width: 8rem;
    height: 1.46rem;
    margin-bottom: .2rem;
    margin-left: -.14rem;
    position: relative;
    z-index: 2;
}
.wq-top a {
    width: .6rem;
    height: .74rem;
    display: block;
    margin: 0 -.01rem;
    text-align: center;
    position: relative;
}
.wq-icon-box {
    width: 100%;
    display: block;
}
.wq-top .wq-name {
    font-size: .14rem;
    color:#808080;
    line-height: .18rem;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: .12rem;
}
.wq-top .w-icon {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p4-wq-icon.png) top center /8rem auto no-repeat;
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
    display: block;
}
.w-nav1 .w-icon {
    background-position: -.1rem 0;
}
.w-nav2 .w-icon {
    background-position: -.7rem 0;
}
.w-nav3 .w-icon {
    background-position: -1.3rem 0;
}
.w-nav4 .w-icon {
    background-position: -1.9rem 0;
}
.w-nav5 .w-icon {
    background-position: -2.5rem 0;
}
.w-nav6 .w-icon {
    background-position: -3.08rem 0;
}
.w-nav7 .w-icon {
    background-position: -3.66rem 0;
}
.w-nav8 .w-icon {
    background-position: -4.28rem 0;
}
.w-nav9 .w-icon {
    background-position: -4.9rem 0;
}
.w-nav10 .w-icon {
    background-position: -5.48rem 0;
}
.w-nav11 .w-icon {
    background-position: -6.05rem 0;
}
.w-nav12 .w-icon {
    background-position: -6.65rem 0;
}
.w-nav13 .w-icon {
    background-position: -7.26rem 0;
}
.wq-top a.on .wq-icon-box:after {
    content: "";
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/spr.png) no-repeat;
    background-size: 12rem auto;
    background-position: -3.53rem 0;
    width: .74rem;
    height: .74rem;
    position: absolute;
    left: 50%;
    margin-left: -.37rem;
    top: -.02rem;
}
.wq-top a .wq-cur {
    width: .32rem;
    height: .54rem;
    background-position: -3.74rem -.95rem;
    margin: 0.04rem auto 0;
    display: none;
}
.wq-top a.on .wq-cur {
    display: block;
}
.wq-box .w-nav10 .wq-cur,
.wq-box .w-nav11 .wq-cur,
.wq-box .w-nav12 .wq-cur,
.wq-box .w-nav13 .wq-cur {
    margin-left: .15rem;
}
.wq-top a {
    transition:.1s all;
    -webkit-transition:.1s all;
}
.wq-top a:hover .wq-name {
    color: #fff;
}
.wq-top a:hover .w-icon {
    transform:scale(1.08);
    -webkit-transform:scale(1.08)
}
.wq-box  .wq-con {
    width: 11.34rem;
    height: auto;
    position: absolute;
    right: -2.4rem;
    bottom: -.8rem;
}
.wq-box .wq-img {
    width: 100%;
    height: auto;
    display: block;
}
.wq-box .video-box {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p4-k.png) top center /7.48rem auto no-repeat;
    width: 7.48rem;
    height: 4.38rem;
    padding: .17rem;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
}
.wq-box .video-box video {
    width: 7.15rem;
    height: 4.13rem;
    position: relative;
    object-fit: cover;
}

/*.wq-con {*/
/*    opacity: 0;filter:alpha(opacity=0);display:none\9;-webkit-transition:all 0.5s linear;*/
/*}*/
/*.wq-con.show {*/
/*    opacity: 1;filter:alpha(opacity=100);display:block\9;*/
/*}*/
.wq-con {
    display: none;
}
.wq-con.show {
    display: block;
}

.tips-comm,
.page5 .tips {
    font-size: .16rem;
    line-height: .22rem;
    color: #f9e0b7;
    margin-top: .1rem;
    font-family: tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}
.gift-list {
    margin: .4rem auto;
}
.gift-list li {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p5-prop-bg.png) top center /5.98rem auto no-repeat;
    width: 5.98rem;
    height: 3.9rem;
    margin-left: .63rem;
    margin-right: .63rem;
    padding-top: .22rem;
    box-sizing: border-box;
    text-align: center;
}
.gift-list .g-tit {
    width: 1.7rem;
    height: .32rem;
    background-position:-2.65rem -5.37rem;
    margin: 0 auto;
}
.gift-list .g-tit2 {
    background-position:-2.65rem -5.88rem;
}
.gift-list li img {
    width: auto;
    height: 2.28rem;
    margin: .04rem auto 0;
    display: block;
}
.gift-list li .g-name {
    font-size: .16rem;
    color: #d0d0d0;
    line-height: .24rem;
    margin-top: -.4rem;
}
.gift-list li .btn-comm {
    margin: .16rem auto 0;
}
.page5 .yqhy-box {
   width: 100%;
    margin: 0 auto;
}
.page5 .g-tips {
    width: 100%;
    margin-top: .1rem;
    color: #fff6e6;
    font-size: .2rem;
}

.page6 .luck-wrap {
    width: 100%;
    margin-top: .3rem;
    position: relative;
}
.page6 .luck-box {
    width: 9.46rem;
    height: 6.21rem;
}
.page6 .luck-wrap .luck-txt {
    width: 3rem;
    left: 3.25rem;
    top: 3.36rem;
    text-align: center;
    font-size: .16rem;
    line-height: .24rem;
    position: absolute;
    color: #202020;
    z-index: 10;
}
.luck-right {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p6-k.png) top center /5.47rem auto no-repeat;
    width: 5.47rem;
    height: 5.6rem;
    padding-top: .4rem;
    box-sizing: border-box;
    text-align: center;
}
.luck-right .r-tit {
    width: 3.62rem;
    height: .32rem;
    margin: 0 auto;
    background-position: -5.13rem -11.4rem;
}
.luck-right .task-list {
    width: 4.8rem;
    font-size: .18rem;
    line-height: .24rem;
    color: #bebebe;
    margin: .2rem auto 0;
}
.luck-right .task-list li {
    height: .8rem;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    justify-content: space-between;
    position: relative;
}
.luck-right .task-list li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(125,113,99,.3);
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
}
.luck-right .task-list li:last-child:after {
    content: "";
    background: transparent;
    width: 0;
    height: 0;
}
.luck-right .task-list .btn-comm {
    width: 1.48rem;
    height: .44rem;
    background-position: -1.52rem -4.39rem;
    color: #161616;
    line-height: .44rem;
    font-size: .18rem;
    margin: 0;
}
.luck-right .task-list .btn-comm.btn-zhih {
    background-position: -1.52rem -3.91rem;
}
.luck-right .task-list .p1 {
    width: 2.06rem;
    text-align: left;
}
.page6 .btns-box {
    margin-top: .54rem;
}
.page6 .btns-box .btn-comm {
    width: 2.28rem;
    height: .59rem;
    line-height: .59rem;
    font-size: .18rem;
    background-position: 0 -6.6rem;
    margin-left: .12rem;
    margin-right: .12rem;
}
.p7-txt-box {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p7-txt-bg.png) top center /9.49rem auto no-repeat;
    width: 9.49rem;
    height: 4.6rem;
    margin-top: .3rem;
}
.p7-txt-box .p7-txt {
    padding: .56rem .6rem;
    font-size: .16rem;
    line-height: .28rem;
    color: #bebebe;
}
.p7-txt-box .p7-txt p {
    margin-bottom: .1rem;
}
.page8 .btn-comm:hover {
    filter: brightness(1);
    cursor:inherit;
}
.page8 .gf-list {
    width: 100%;
    margin-top: .78rem;
}
.page8 .gf-list li {
    margin: 0 53px;
}
.gf-icon {
    background: url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/p8-list.png) 0 0 /13.48rem auto no-repeat;
    width: 2.58rem;
    height: 3.04rem;
    margin: 0 auto .2rem;
}
.gf-list .dy {
    background-position: -3.64rem 0;
}
.gf-list .bz {
    background-position: -7.28rem 0;
}
.gf-list .qq {
    background-position: -10.9rem 0;
}

.page9 {
    height:100px !important;
    background: #0e0e0e;
    color: #b2b2b2;
    font-size: 14px;
}
@media screen and (max-width: 1921px) {
    .page2 .tit-box {
        margin-top: .34rem;
    }
    .page2 .tab-wrap {
        margin-top: 0;
        transform: scale(.9);
        transform-origin: left center;
    }
}


/*animation In&Out*/
.toRight,
.toRightSmall,
.toLeft,
.toLeftSmall,
.toBottom,
.toBottomSmall,
.toTop,
.toTopSmall,
.scaleIn{-webkit-transition: all .6s;opacity: 0;}
.toRight{-webkit-transform: translate3d(-100%, 0, 0);}
.toRightSmall{-webkit-transform: translate3d(-20%, 0, 0);}
.toLeft{-webkit-transform: translate3d(100%, 0, 0);}
.toLeftSmall{-webkit-transform: translate3d(20%, 0, 0);}
.toBottom{-webkit-transform: translate3d(0, -100%, 0);}
.toBottomSmall{-webkit-transform: translate3d(0, -30%, 0);}
.toTop{-webkit-transform: translate3d(0, 100%, 0);}
.toTopSmall{-webkit-transform: translate3d(0, 10%, 0);}
.scaleIn{-webkit-transform: scale(1.4,1.4);}

.page.swiper-slide-active .toRight,
.page.swiper-slide-active .toRightSmall,
.page.swiper-slide-active .toLeft,
.page.swiper-slide-active .toLeftSmall,
.page.swiper-slide-active .toBottom,
.page.swiper-slide-active .toBottomSmall,
.page.swiper-slide-active .toTop,
.page.swiper-slide-active .toTopSmall{-webkit-transform: translate3d(0, 0 ,0);opacity: 1;}
.page.swiper-slide-active .scaleIn{-webkit-transform: scale(1, 1);opacity: 1;}

/*transition delay*/
.page.swiper-slide-active .delay1{-webkit-transition-delay: .1s;}
.page.swiper-slide-active .delay2{-webkit-transition-delay: .2s;}
.page.swiper-slide-active .delay3{-webkit-transition-delay: .3s;}
.page.swiper-slide-active .delay4{-webkit-transition-delay: .4s;}
.page.swiper-slide-active .delay5{-webkit-transition-delay: .5s;}
.page.swiper-slide-active .delay6{-webkit-transition-delay: .6s;}
.page.swiper-slide-active .delay7{-webkit-transition-delay: .7s;}
.page.swiper-slide-active .delay8{-webkit-transition-delay: .8s;}
.page.swiper-slide-active .delay9{-webkit-transition-delay: .9s;}
.page.swiper-slide-active .delay10{-webkit-transition-delay: 1s;}




 /*** pop ***/
.pop {
    display: none;
    outline: none;
    position: relative;
    box-sizing: border-box;
}
.pop-close {
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: 0.4rem;
    height: 0.4rem;
    background-position: -3.22rem -3.04rem;
    z-index: 9999;
}
.pop{
    font-family: "font1";
    background-image:url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/pop1.png);
    width: 5.98rem;
    height: 3.9rem;
    font-size: .16rem;
    line-height: .24rem;
    color: #d0d0d0;
    box-sizing: border-box;
}
.pop-comm {
    font-size: .2rem;
    line-height: .28rem;
}
.pop-comm .pop-txt {
    min-height: 1.8rem;
    align-items: center;
}
.pop .pop-con {
    padding: .34rem .15rem;
    box-sizing: border-box;
}
.pop-copy,
.pop-rule,
.pop-gift {
    background-image:url(//wegame.gtimg.com/tgp_act/release/online/zy20240826/images/pop2.png);
    height: 4.8rem;
}
.pop-tit {
    width: 4.54rem;
    height: .36rem;
    margin: 0 auto .2rem;
    background-position: -5.08rem -9.36rem;
}
.pop-copy .pop-tit {
    background-position: -5.08rem -9.86rem;
}
.pop-rule .pop-tit {
    background-position: -5.08rem -10.38rem;
}
.pop-gift .pop-tit {
    background-position: -5.08rem -10.84rem;
}
.pop .link-list {
    width: 4.6rem;
    margin: 0 auto;
}
.pop .link-list h3 {
    font-size: .2rem;
    line-height: .34rem;
}
.pop .link-list li {
    margin-bottom: .12rem;
}
.pop .link-list input {
    width: 4.3rem;
    height: .6rem;
    background: #493a33;
    border: 0;
    outline: none;
    margin: .1rem auto .2rem;
    color: #fff;
    padding: 0 .1rem;
    box-sizing: border-box;
}
.pop .gx-ico {
    width: .28rem;
    height: .28rem;
    background-position: -3.89rem -3.11rem;
    margin-right: .04rem;
}
.pop .num-ico {
    width: .28rem;
    height: .28rem;
    background-position: -4.55rem -3.13rem;
    font-size: .16rem;
    line-height: .28rem;
    text-align: center;
    color: #7c6948;
}
.pop-rule ul {
    width: 5rem;
    margin: .34rem auto 0;
}
.pop-rule ul li {
    color: #d0d0d0;
    display: flex;
    align-items: center;
    margin-bottom: .1rem;
}
.pop-rule ul li p {
    width: 4.5rem;
    margin-left: .1rem;
}
.pop-table {
    width: 5rem;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    font-size: .18rem;
    margin: 0 auto .28rem;
}
.pop-table td {
    font-size: .16rem;
    width: 50%;
    border: 1px solid #816742;
    box-sizing: border-box;
    color: #1c1d1d;
    background: #f6dfb6;
    line-height: .35rem;
    height: .35rem;
}
.pop-table tr:nth-child(1) {
    color: #fff;
    font-weight: bold;
}
.pop-table tr:nth-child(1) td {
    background-color: #cba25a;
    color: #1c1d1d;
    line-height: .38rem;
}
.feny-box {
    font-size: .2rem;
    line-height: .28rem;
    color: #d0d0d0;
    justify-content: space-around;
}
.feny-box a {
    color: #d0d0d0;
    display: block;
}
.feny-box .fenye {
    margin: 0 .8rem;
}
.yy-box .tips  {
  font-family: tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}
#vue-container {
  position: relative;
  height: 100%;
}

.btn-zhih {
  pointer-events: none;
}