/*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;} /* 适配 */ /* 设置根节点 font-size，基于设计稿 1920px */ html { font-size: calc(100 / 1920 * 100vw); } /* 设置最小宽度限制（可选） */ @media screen and (max-width: 1400px) { html { font-size: calc(100 / 1920 * 1400px); } } /* 设置最大宽度限制（可选） */ @media screen and (min-width: 1920px) { html { font-size: 100px; /* 设计稿宽度时，1rem = 100px */ } } /*页面样式*/ .c:before,.c:after {content:"";display:table;} .c:after {clear:both;} .c {zoom:1;} body {font:0.16rem/1.5 'hyqh',simhei;padding-top:0 !important;text-align:justify;background-color:#f6f6f5;} .widget-header {min-width:10rem;} a {text-decoration:none;} #actTitleWrap {top:0 !important;} .hide {display:block;width:0;height:0;overflow:hidden;} .pr {position:relative;} .pa {position:absolute;} .fl {float:left;} .fr {float:right;} .last {margin-right:0!important;} * { outline: none; webkit-focus-ring-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .fr-wrapper *{-webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none;} .widget-header {z-index:10;} /* body,html {width:100%;overflow-x:hidden;box-sizing: border-box;} */ body,html{width: 100%;height: 100%;overflow: hidden;} .stage{position: fixed;top: 0;left: 0;z-index: 999;pointer-events: none;} .db { text-indent: -9999em; display: block; overflow: hidden; } .sp{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/sp.png) no-repeat;background-size: 19.2rem auto;} .part a{transition: .2s transform linear;overflow: visible;} .part a:hover{transform: translateY(-.06rem);} @font-face { font-family:'hyqh'; src: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/hyqh.ttf); } @font-face { font-family:'hy1'; src: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/hy1.ttf); } @font-face { font-family:'hy2'; src: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/hy2.ttf); } @font-face { font-family:'gr'; src: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/gr.ttf); } /* 按钮置灰 不可点击 */ .g-btn--disable{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; } .gray{filter:grayscale(.5) !important;} .fr-wrapper{position: relative;width: 100%!important;height: 100%;overflow: hidden;} .fr-container{width: 100%!important;height: 100%;margin:0 auto;} .page-swiper{width: 100%;height: 100%;} .fr-wrapper .bg-1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg1.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; overflow: hidden; } .fr-wrapper .bg-1_wb{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg1_wb.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; overflow: hidden; } .fr-wrapper .bg-2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg2.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-3{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg3.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-4{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg4.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-5{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg5.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-6{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg6.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-7{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg7.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } .fr-wrapper .bg-8{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/bg8.jpg) 50% 0%/cover; width: 100%; height: 100%; position: absolute; left: 0;top: 0; } /* 导航 */ .fr-top-banner{position: fixed;top: 0;left: 0;z-index:2;width: 100%;height:0.9rem; transform: translateY(-0.8rem); transition: .4s transform ease;} .fr-top-banner.show{transform: translateY(0);} .fr-top-banner:hover{transform: translateY(0);} .fr-top-banner a{pointer-events: all;} .fr-nav-left{position: absolute;top: 0;left: 0;display: flex;justify-content: space-around;align-items: center;height:0.9rem;width: 2rem;} .fr-top-banner1 .g-btn-lb{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-lb.png) no-repeat; background-size: 100%; width:0.23rem;height:0.23rem;} .fr-top-banner1 .g-btn-dl{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-dl.png) no-repeat; background-size: 100%; width:0.24rem; height: 0.22rem;} .fr-top-banner1 .g-btn-zx{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-zx.png) no-repeat; background-size: 100%; width:0.35rem;height:0.46rem;} .fr-top-banner1 .g-btn-bgm{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-bgm.png) no-repeat; background-size: 100%; width: 0.23rem; height: 0.27rem;} .fr-top-banner1 .g-btn-fx{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-fx.png) no-repeat; background-size: 100%; width:0.2rem;height:0.22rem; margin-top: 0.04rem;} .g-btn-lb{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-lb1.png) no-repeat; background-size: 100%; width:0.23rem;height:0.23rem;} .g-btn-dl{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-dl1.png) no-repeat; background-size: 100%; width:0.24rem; height: 0.22rem;} .g-btn-zx{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-zx1.png) no-repeat; background-size: 100%; width:0.35rem;height:0.46rem;} .g-btn-bgm{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-bgm1.png) no-repeat; background-size: 100%; width: 0.23rem; height: 0.27rem;} .g-btn-fx{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-fx1.png) no-repeat; background-size: 100%; width:0.2rem;height:0.22rem; margin-top: 0.04rem;} .g-music-on{animation: bgmanim 10s linear infinite;} @keyframes bgmanim{ from{transform: rotate(0);} to{transform: rotate(360deg);} } .logineg_box{font-size: .2rem;color: #ffffff;text-align: center;line-height: .34rem;font-family: 'hy1';} .logineg_box a{color: #aeaeae;margin:0 .04rem;display: inline-block;vertical-align: middle;} .fr-nav-btn{width:10.2rem;position: absolute;top: 0;left: 2.8rem;display: flex;justify-content: space-between;align-items: center;font-family: 'hy1';height: 0.9rem;} /* .nav_btn{width: 13.2rem;position: absolute;top: 0;left: 2.24rem;display: flex;justify-content: space-between;align-items: center;font-family: 'hy1';height: .9rem;} */ .fr-nav-btn>a,.nav-last>a{font-size: .2rem;color: #7d859a;text-align: center;line-height: .6rem;box-sizing: border-box;position: relative;display: block;} .fr-nav-btn>a i,.nav-last>a i{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/navbtn_bg1.png) no-repeat 50% 0;width:1.3rem;height: .14rem;background-size: 100% auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;} .fr-nav-btn1>a i{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/navbtn_bg2.png) no-repeat 50% 0;width:1.29rem;height: .14rem;background-size: 100% auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;} .fr-nav-btn>a.on i,.fr-nav-btn>a:hover,.nav-last>a.on{color: #f77a00;} .fr-nav-btn1>a.on i,.fr-nav-btn1>a:hover{color: #f77a00;} .fr-nav-btn>a.on i,.fr-na-btn>a:hover i,.nav-last>a.on i{display: block;} .fr-nav-btn>a span,.nav-last>a span{position: relative;z-index: 3;} .fr-nav-btn>a.on,.nav-last>a.on{color: #f77a00;} .fr-nav-btn1>a.on{color: #f77a00;} .g-nav-icon1{ display:block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/icon1.png) no-repeat; background-size: 100%; width:0.5rem; height:0.23rem; position: absolute; right:-0.44rem; top:-0.04rem; } .nav-last{position: relative;} .nav-ct1{ width: 1.32rem; background: #171019; border: 1px solid rgba(255, 255, 255, 0.1); position: absolute;top: .6rem;left: 50%;transform: translateX(-50%) translateY(-.1rem);opacity: 0;transition: .2s all linear;pointer-events: none;} .nav-last:hover .nav-ct1{opacity: 1;transform:translateX(-50%) translateY(0);pointer-events: all;} .nav-ct1 a{display: block;text-align: center; font-size: .18rem;color: #8b888c;line-height: .34rem;white-space: nowrap;text-shadow: 0 0 .1rem #000000,0 0 .1rem #000000;position: relative;} /* .nav_ct1 a i{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/icon3.png) no-repeat 50% 0;width: .12rem;height: .12rem;position: absolute;left: -.18rem;top: 50%;margin-top: -.06rem;display: none;} */ .nav-ct1 a.on,.nav-ct1 a:hover{color: #dfcc9c;} .nav-ct1 a.on i,.nav-ct1 a:hover i{display: block;} @keyframes shake{ 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-0.04rem);} 20%, 40%, 60%, 80% {transform: translateX(0.04rem);} } @keyframes scale1{ from{transform: scale(1);} to{transform: scale(1.06);} } @keyframes scale2{ from{transform: scale(1);} to{transform: scale(1.06);} } .section-logo{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/logo.png) no-repeat;background-size:100%; width:2.09rem; height:0.92rem;position: absolute; right:0.4rem; top:0.24rem;z-index: 1; } .g-btn-jrsq{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/btn-jrsq.png) no-repeat; background-size: 100%; width: 2.43rem; height: 0.42rem; position: absolute; right:2.8rem; top:0.5rem; z-index:1; } .section-xh{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/xh-icon.png) no-repeat; background-size: 100%; width:1.3rem; height: 0.59rem; position: absolute;left:50%;margin-left:-0.65rem;bottom: 0.1rem;z-index: 10;} .section-xh{animation: nextanim 2s ease-in-out both infinite;} .section-box1{width:14rem;height:7.5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;} .section-box2{width:19.2rem;height:10.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;} /*首页*/ .section-video1{position:absolute;width:19.2rem;height: 10.8rem; top:0rem;left:50%;top: 50%; transform:translate(-50%,-50%); pointer-events: none;} .section-video-box{position: absolute;top: 0;left: 0;width: 100%;} .section-video-box video{display: block;width: 100%;} .con-video1{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;z-index: 2; } .con-video2{display: none;position:absolute;display: none;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;z-index: 2; } .section-slg{width:12rem;height: 3.57rem;position: absolute;top:3.58rem;left:50%;transform: translateX(-50%); background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/slogan.png) no-repeat 50% 0;background-size: 100% auto;} .section-p1btn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-btn.png) no-repeat; background-size: 100%; width:3.58rem; height:1.09rem; text-align: center; line-height: 1.09rem; font-size: 0.38rem; color: #924412; font-family: "font"; position: absolute; top:7.52rem; left: 50%; transform: translateX(-50%); } .g-btn-float2{ position: fixed;bottom:0.6rem;left:1.4rem;z-index: 99;width:2.51rem;height:3.04rem;animation: scale1 1.4s ease-in-out both infinite alternate;} .g-btn-float2:after{content: '';background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/float2.png) no-repeat 50% 0;width:2.54rem;height:3.04rem;background-size: 100% auto;position: absolute;bottom: 0;left: 0;pointer-events: none;} .g-btn-float2:hover{animation: scale2 1.4s ease-in-out both infinite alternate;} .g-btn-download{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_btn1.png) no-repeat; background-size: 100%; width:3.67rem;height:0.77rem; display: block;font-size: 0.34rem;color: #ffffff;text-align: center;line-height:0.77rem;font-family: 'hy1';position: absolute;top:7.3rem;left: 50%;margin-left: -1.83rem;} .g-btn-download:hover{ transform: scale(1.04); filter: brightness(1.1); } .g-icon-age{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/icon_age16.png) no-repeat; background-size: 100%; width: 0.64rem; height: 0.83rem; position: absolute; right:0.58rem; bottom:0.38rem; z-index: 2; } /* 网吧首屏 */ .section-slg_wb{ width:12rem;height:3.5rem; position: absolute; top:3.48rem;left:50%; transform: translateX(-50%); background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/slogan_wb.png) no-repeat 50% 0; background-size: 100% auto; } .head_wb_prop{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_wb_prop.png) no-repeat; background-size: 100%; width:6.54rem; height: 1.07rem; position: absolute; left: 50%; transform: translateX(-50%); top: 6.72rem; } .head_wb_btnbox{ display: flex; justify-content: center; position: absolute;top:7.9rem;left: 50%;transform: translateX(-50%); } .head_wb_btnbox a{ margin: 0 0.06rem; } .head_wb_btn1{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_wb_btn1.png) no-repeat; background-size: 100%; width: 1.84rem; height: 0.52rem; } .head_wb_btn2{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_wb_btn2.png) no-repeat; background-size: 100%; width: 1.84rem; height: 0.53rem; } .head_wb_btn2.dis{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_wb_btn2_dis.png) no-repeat; background-size: 100%; } .wb_sysm{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/head_wb_sysm.png) no-repeat; background-size: 100%; width:8.6rem; height:3.42rem; position: absolute; right:-2.5rem; top:5.02rem; } @keyframes nextanim{0% {transform: translateY(-0.04rem);opacity: 0.5;}50% {transform: translateY(0.04rem);opacity: 1;}100% {transform: translateY(-0.04rem);opacity: 0.5;}} /* 呼吸 */ @keyframes breathe { 50%{transform: scale(1.05);} } /* 上下浮动 */ @keyframes floatTopDown { 25%{transform: translateY(-20%);} 50%{transform: translateY(20%)} /* 75%{transform: translateY(10%);} */ } .g-btn-xa1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/icon-xhckgd.png) no-repeat; background-size: 100%; width:0.88rem; height:0.45rem;position: absolute;left:50%;margin-left: -0.44rem;bottom: 0.1rem;z-index: 10;} .g-btn-xa1{animation: nextanim 2s ease-in-out both infinite;} #page_swiper>.swiper-slide{ overflow: hidden; } /*section1*/ .section-p1tit{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-tit.png) no-repeat; background-size: 100%; width:6.1rem; height:0.98rem; position: absolute; left:0; top:1.2rem; } .section-p1-con{ width:18rem; position: relative; display: flex; justify-content: center; position: absolute; left: 50%; margin-left: -9rem; top: 2.48rem; } .section-p1-con-l{ width:11.4rem; } .section-p1-imgbox{ width:11.4rem; } .section-p1-imgbox img{ display: block; margin: 0 auto 0; width:11.4rem; } .section-p1-imgbox-tips{ height: 0.63rem; margin: 0 auto 0; } .section-p1-imgbox-tips.tips0{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt1.png) no-repeat; background-size: 100%; width:4.87rem; } .section-p1-imgbox-tips.tips1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt2.png) no-repeat; background-size: 100%; width:6.89rem; } .section-p1-imgbox-tips.tips2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt3.png) no-repeat; background-size: 100%; width:6.89rem; } .section-p1-imgbox-tips.tips3{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt4.png) no-repeat; background-size: 100%; width:4.31rem; } .section-p1-imgbox-tips.tips4{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt5.png) no-repeat; background-size: 100%; width:6.07rem; } .section-p1-imgbox-tips.tips5{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt6.png) no-repeat; background-size: 100%; width:6.07rem; } .section-p1-imgbox-tips.tips6{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1_txt7.png) no-repeat; background-size: 100%; width:6.87rem; } .section-p1-navbox{ width:5.26rem; margin-top: -0.4rem; } .section-p1-nav{ display:flex; flex-direction: column; justify-content: center; width:5.26rem; height:1rem; position: relative; } .section-p1-nav1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav1.png) no-repeat; background-size: 100%; width:6.11rem; height:1rem; } .section-p1-nav--on .section-p1-nav1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav1_on.png) no-repeat; background-size: 100%; width:6.11rem; height:1rem; } .section-p1-nav2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav2.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav2_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav3{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav3.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav3{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav3_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav4{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav4.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav4{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav4_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav5{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav5.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav5{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav5_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav6{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav6.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav6{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav6_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav7{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav7.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } .section-p1-nav--on .section-p1-nav7{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p1-nav7_on.png) no-repeat; background-size: 100%; width:5.26rem; height:1rem; } /* p7 */ .section-p7tit{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7_tit.png) no-repeat; background-size: 100%; width:5.5rem; height:0.98rem; position: absolute; left:0; top:1.2rem; } .section-p7-con{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7-box-bg.png) no-repeat; background-size: 100%; width:16.03rem; height:7.55rem; position: absolute; left:1.8rem; top:2.3rem; box-sizing: border-box; padding-left:0.94rem; padding-top:0.5rem; display: flex; } .g-btn-wdlb{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7-btn1.png) no-repeat; background-size: 100%; width:1.7rem; height:0.45rem; text-align: center; line-height:0.45rem; font-size:0.24rem; color: #42443f; font-family: "hy2"; position: absolute; right:1.2rem; top: -0.52rem; } .section-p7-con-left{ width:8.36rem; } .section-p7-littxt1{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7_lit_tit1.png) no-repeat; background-size: 100%; width: 2.25rem; height: 0.51rem; margin: 0 auto 0; } .section-p7-list{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0.18rem auto 0; } .section-p7-li{ width: 1.9rem; position: relative; margin:0.24rem 0.04rem 0; } .section-p7-li:nth-of-type(-n+4){ margin-top: 0; } .section-p7-li .section-p7-prop{ width: 1.9rem; margin: 0 auto 0; } .section-p7-li .section-p7-prop img{ display: block; margin: 0 auto 0; width: 1.9rem; } .section-p7btn1{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7-btn2.png) no-repeat; background-size: 100%; width:1.72rem; height:0.42rem; text-align: center; line-height: 0.42rem; font-size: 0.22rem; color: #ffffff; font-family: "hy1"; margin:0.04rem auto 0; margin-left: 0.12rem; } .section-p7-con-right{ width: 5.38rem; margin-left:0.16rem; margin-top:0.2rem; } .section-p7-littxt2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7_lit_tit2.png) no-repeat; background-size: 100%; width: 2.36rem; height: 0.51rem; margin: 0 auto 0; } .section-p7-img8{ display: block; margin:0.5rem auto 0; width:3.15rem; } .section-p7btn2{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p7-btn3.png) no-repeat; background-size: 100%; width:2.62rem; height:0.64rem; text-align: center; line-height: 0.64rem; font-size:0.3rem; color: #ffffff; font-family: "hy2"; margin: 0.4rem auto 0; } .section-p7-txt1{ text-align: center; font-size: 0.24rem; color: #484a44; font-family: "hy1"; margin:0.3rem auto 0; } /* section2 */ .section-p2txt{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2-tit.png) no-repeat; background-size: 100%; width:4.91rem; height:0.98rem; position: absolute; left:0; top:1.2rem; } .section-p2-con{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2-box-bg.png) no-repeat; background-size: 100%; width:12.74rem; height:7.6rem; position: absolute; left:1.9rem; top:2.36rem; box-sizing: border-box; padding-left:3.62rem; padding-top:0.26rem; } .g-btn-hdgz{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/g-btn-hdgz.png) no-repeat; background-size: 100%; width:1.7rem; height: 0.45rem; text-align: center; line-height: 0.45rem; font-size: 0.24rem; color: #42443f; font-family: "hy1"; position: absolute; right:1.5rem; top: -0.58rem; } .p2-swi{ width:7.5rem; overflow: hidden; margin-left:0.16rem; } .section-p2prop-box{ /* background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2-prop-bg.png) no-repeat; background-size: 100%; */ width:1.76rem; /* height: 2.9rem; */ box-sizing: border-box; } .section-p2prop-img{ display: block; width:1.76rem; height: 2.78rem; margin: 0 auto; } .section-p2con1{ margin-top:0.76rem; margin-left:0.2rem; display: flex; } .section-p2list-rw{ width: 5.3rem; } .section-p2rw-li{ width: 5.3rem; height:0.68rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d4c297; } .section-p2rw-li .p2rw-txt{ width: 3.58rem; display: flex; justify-content:space-between; align-items: center; font-size: 0.2rem; color: #3f413a; font-family: "hy1"; } .section-p2rw-li .p2rw-txt b{ color: #bb8a1e; font-weight: normal; font-family: "hy1"; } .section-p2rw-li .p2rw-icon-1{ display: inline-block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2_icon1.png) no-repeat; background-size: 100%; width:0.09rem; height: 0.09rem; vertical-align: middle; margin-top: -0.04rem; margin-right: 0.02rem; } .p2rw-btn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2_btn1.png) no-repeat; background-size: 100%; width:1.5rem; height: 0.45rem; text-align: center; line-height: 0.45rem; font-size: 0.22rem; color: #42443f; font-family: "hy1"; } .p2rw-btn:hover{ /* transform: scale(1.1); filter: brightness(1.3); */ } .section-p2lb{ width: 2.22rem; margin-left:0.24rem; margin-top: 0.06rem; } .section-p2lb .p2lb{ display: block; width: 1.49rem; margin: 0 auto 0; } .p2lb-txt{ text-align: center; font-size: 0.2rem; color: #fff8e8; font-family: "hy1"; margin: 0.08rem auto 0; } .p2lb-btn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2-btn2.png) no-repeat; background-size: 100%; width:2.04rem; height: 0.49rem; text-align: center; line-height: 0.49rem; font-size:0.26rem; color: #ffffff; font-family: "hy1"; margin:0.04rem auto 0; } .section-p2winner-list{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p2-hjmd.png) no-repeat; background-size: 100%; width:3.06rem; height:3.96rem; position: absolute; right:0.2rem; top: 0; box-sizing: border-box; padding-top:3.3rem; } .p2winner-list{ width: 1.76rem; } .p2winner-li{ height:0.54rem; display: flex; justify-content: center; align-items: center; } .p2winner-txt{ text-align: center; font-size: 0.2rem; line-height: 0.22rem; color: #ffffff; font-family: "hy1"; } .section-p2winner-box{ width: 1.76rem; height: 0.54rem; margin-left: 0.16rem; overflow: hidden; } .p2winner-list{animation: scroll1 5s linear infinite;} @keyframes scroll1{ 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } /* section3 */ .section-p3-con{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-box-bg.png) no-repeat; background-size: 100%; width:15.6rem; height:7.82rem; position: absolute; left:1.36rem; top:2.32rem; box-sizing: border-box; padding-left:2.36rem; padding-top:0.4rem; display: flex; } .section-p3-con .g-btn-hdgz{ right:0.4rem; top: -0.58rem; } .section-p3-left{ width: 6.1rem; } .section-p3list-card{ width: 6.1rem; display: flex; justify-content: center; flex-wrap: wrap; margin: 0.1rem auto 0; margin-left: 0.1rem; position: relative; z-index: 1; } .p3list-card-li{ width:1.88rem; margin:0.2rem 0.06rem 0; } .p3list-card-li:nth-of-type(-n+3){ margin-top: 0; } .p3-card-box{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-card-bg.png) no-repeat; background-size: 100%; width:1.88rem; height: 2.03rem; margin: 0 auto 0; } .p3-card-img{ display: block; width:1.88rem; margin: 0 auto 0; } .card-txtbox{ display: flex; justify-content: center; align-items: center; margin: -0.1rem auto 0; } .p3-card-txt{ font-size: 0.16rem; color: #343528; font-family: "hy1"; } .p3-card-btn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-btn1.png) no-repeat; background-size: 100%; width:0.88rem; height:0.36rem; text-align: center; line-height: 0.36rem; font-size: 0.16rem; color: #fee2a1; font-family: "hy1"; } .section-p3jdt-con{ margin-top:0.36rem; margin-left:0.04rem; display: flex; /* align-items: center; */ } .section-p3jdt-box{ position: relative; } .section-p3jdt{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-jdt-bg.png) no-repeat; background-size: 100%; width: 3.91rem; height:0.17rem; position: absolute; left: 0; top:0.48rem; } .section-p3jdt1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-jdt-on.png) no-repeat; background-size:auto 100%; width: 100%; height:0.17rem; position: absolute; left: 0; top: 0; } .section-p3jdt-list{ display: flex; justify-content: center; margin-left:0.14rem; position: relative; z-index: 1; } .section-p3jdt-li{ width:1.13rem; margin: 0 0.08rem; } .section-jn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-jn.png) no-repeat; background-size: 100%; width:1.13rem; height:1.13rem; margin: 0 auto; } .section-jn.section-jn--on{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-jn-on.png) no-repeat; background-size: 100%; } .section-jn.section-jn--dis{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-jn-dis.png) no-repeat; background-size: 100%; } .section-p3jdt-txtbox{ display: flex; align-items: center; margin-left:0.7rem; } .section-p3jdt-txt1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-txtbg.png) no-repeat; background-size: 100%; width:1.97rem; height:0.5rem; text-align: center; line-height: 0.5rem; font-size: 0.18rem; color: #484a44; font-family: "hy1"; margin-right: 0.1rem; } .section-p3jdt-txt2{ font-size: 0.2rem; color: #484a44; font-family: "hy1"; } .section-p3jdt-txt{ text-align: center; font-size: 0.24rem; line-height: 0.26rem; color: #45473d; font-family: "hy1"; margin-top:0.36rem; } .section-p3qq{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-qiuqian.png) no-repeat; background-size: 100%; width:3.34rem; height:2.71rem; /* margin-left: -30px; margin-top: -30px; */ position: absolute; left:6.82rem; top:5.16rem; animation: scale1 1.4s ease-in-out both infinite alternate; } .section-p3qq-btn{ display: block; width: 1.28rem; height: 1.94rem; position: absolute; left: 1rem; top: 0.3rem; } .section-p3qq-txt{ text-align: center; font-size:0.14rem; color: #efd8a4; font-family: "hy1"; width: 1.1rem; position: absolute; left:1.1rem; top:1.06rem; } .section-p3-right{ width:5.22rem; margin-left:1.42rem; margin-top:0.6rem; } .section-p3-rw{ width: 5.1rem; margin: 0 auto 0; } .section-p3rw-txt1{ display: flex; font-size: 0.24rem; color: #ffffff; font-family: "hy1"; align-items: center; } .p3rw-icon-2{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-icon1.png) no-repeat; background-size: 100%; width:0.12rem; height: 0.12rem; margin-right: 0.06rem; } .section-p3list-rw{ width: 5.1rem; margin: 0 auto 0; } .section-p3rw-li{ width: 5.1rem; height: 0.54rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #505249; } .section-p3rw-li .p3rw-txt{ width: 3.5rem; display: flex; justify-content:space-between; align-items: center; font-size: 0.2rem; color: #ffffff; font-family: "hy1"; } .section-p3rw-li .p3rw-txt b{ color: #ffffff; font-weight: normal; font-family: "hy1"; } .section-p3rw-li .p3rw-icon-1{ display: inline-block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-icon2.png) no-repeat; background-size: 100%; width:0.1rem; height: 0.1rem; vertical-align: middle; margin-top: -0.04rem; margin-right: 0.02rem; } .p3rw-btn{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-btn2.png) no-repeat; background-size: 100%; width:1.5rem; height: 0.45rem; text-align: center; line-height: 0.45rem; font-size: 0.22rem; color: #42443f; font-family: "hy1"; } .section-p3-rw2{ width: 5.1rem; margin:0.5rem auto 0; } .section-p3rw-txt2{ display: flex; font-size: 0.24rem; color: #3a3c35; font-family: "hy1"; align-items: center; } .p3rw-icon-3{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-icon3.png) no-repeat; background-size: 100%; width:0.12rem; height: 0.12rem; margin-right: 0.06rem; } .section-p3list-rw1{ width:4.8rem; margin: 0 auto 0; } .section-p3rw-li1{ width:4.8rem; height: 0.54rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6dabd; } .section-p3rw-li1 .p3rw-txt{ width: 3.1rem; display: flex; justify-content:space-between; align-items: center; font-size: 0.18rem; color: #484a44; font-family: "hy1"; } .section-p3rw-li1 .p3rw-txt b{ color: #484a44; font-weight: normal; font-family: "hy1"; } .section-p3rw-li1 .p3rw-icon-1{ display: inline-block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-icon2.png) no-repeat; background-size: 100%; width:0.1rem; height: 0.1rem; vertical-align: middle; margin-top: -0.04rem; margin-right: 0.02rem; } .p3rw-btn1{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-btn3.png) no-repeat; background-size: 100%; width:1.43rem; height: 0.44rem; text-align: center; line-height: 0.44rem; font-size: 0.22rem; color: #fee2a1; font-family: "hy1"; } .section-p3box1{ display: flex; justify-content: center; align-items: center; margin: 0.1rem auto 0; } .section-p3card-box{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-card-little1.png) no-repeat; background-size: 100%; width:1.94rem; height:2.21rem; position: relative; margin-right: 0.2rem; } .section-p3card-big{ display: none; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-card-big.png) no-repeat; background-size: 100%; width:3.53rem; height:4.6rem; position: absolute; right: -2.8rem; top: -3rem; } /* .section-p3card-box:hover .section-p3card-big{ display: block; } */ .section-p3-txtbox{ display: flex; align-items: center; justify-content: center; flex-direction: column; } .p3-txt2{ text-align: center; font-size: 0.2rem; color: #484a44; font-family: "hy1"; } .p3-btn2{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p3-btn4.png) no-repeat; background-size: 100%; width:2.18rem; height:0.53rem; text-align: center; line-height: 0.53rem; font-size: 0.28rem; color: #ffffff; font-family: "hy1"; margin: 0.1rem auto 0; } .section-p3-txtbox1{ margin: 0.1rem auto 0; display: flex; justify-content: center; } .section-p3-txtbox1 p{ font-size: 0.18rem; color: #484b42; margin: 0 0.1rem; } /* p4 */ .section-p4-conbox{ position: relative; width: 100%; height: 100%; /* overflow: hidden; */ } .section-p4-imgbox{ width: 100%; height: 100%; overflow: hidden; } .section-p4-imgbox img{ width: 19.2rem; height: 10.8rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .section-p4-name1{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-name2{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-name3{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-name4{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-name5{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-name6{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_name1.png) no-repeat; background-size: 100%; width:6.97rem; height:3.42rem; position: absolute; left: 0; top:1.54rem; } .section-p4-txt1{ width: 4rem; height: 1.2rem; overflow-x: hidden; font-size: 0.18rem; color: #494f3f; line-height: 0.32rem; font-family: "hy1"; position: absolute; left:2rem; top:6.78rem; } .section-p4-txt1::-webkit-scrollbar {width:0.04rem;} .section-p4-txt1::-webkit-scrollbar-track {width:0.04rem;background-color:#e5e5e3;} .section-p4-txt1::-webkit-scrollbar-thumb {width:0.04rem;background-color:#9d9e99;} .section-p4-txt2{ width:4.46rem; font-size: 0.14rem; color: #b0b1ae; line-height: 0.2rem; font-family: "hy1"; font-style: italic; position: absolute; left:2rem; top:8.2rem; } .section-p4-navbox{ position: absolute; right: 0.6rem; top: 3rem; display: flex; justify-content:right; flex-direction: column; align-items: end; } .section-p4nav{ width: 0.89rem; height: 0.89rem; margin-bottom: 0.1rem; } .section-p4nav:last-of-type{ margin-bottom: 0; } .section-p4nav.section-p4nav--on{ width: 1.53rem; border: 1px solid #f17700; } .section-p4nav1{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon1.png) no-repeat; background-size: 100%; } .section-p4nav1.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon1_on.png) no-repeat; background-size: 100%; } .section-p4nav2{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon2.png) no-repeat; background-size: 100%; } .section-p4nav2.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon2_on.png) no-repeat; background-size: 100%; } .section-p4nav3{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon3.png) no-repeat; background-size: 100%; } .section-p4nav3.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon3_on.png) no-repeat; background-size: 100%; } .section-p4nav4{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon4.png) no-repeat; background-size: 100%; } .section-p4nav4.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon4_on.png) no-repeat; background-size: 100%; } .section-p4nav5{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon5.png) no-repeat; background-size: 100%; } .section-p4nav5.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon5_on.png) no-repeat; background-size: 100%; } .section-p4nav6{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon6.png) no-repeat; background-size: 100%; } .section-p4nav6.section-p4nav--on{ background:url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p4_icon6_on.png) no-repeat; background-size: 100%; } /* p5 */ .section-p5tit{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p5-tit.png) no-repeat; background-size: 100%; width:4.91rem; height:0.98rem; position: absolute; left:0; top:1.2rem; } .section-p5-cont{ width: 100%; position: absolute; left: 0; top: 2.32rem; } .section-p5-swibox {position: relative;height:6.12rem; z-index: 3; overflow: hidden;margin-top: 0.2rem;} .section-p5-swibox .fe-swiper {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16rem;height:6.12rem;} .section-p5-swibox .fe-swiper .swiper-slide {opacity: 0; transition: .3s all;} .section-p5-swibox .fe-swiper .swiper-slide-active, .section-p5-swibox .fe-swiper .swiper-slide-prev, .section-p5-swibox .fe-swiper .swiper-slide-next {opacity:1;} .section-p5-swibox .fe-swiper .swiper-slide-active {filter: brightness(1);} .section-p5-swibox .fe-swiper img {display: block;position: relative;left: 50%;transform: translateX(-50%);width:11.42rem;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); } .swiper-3d .swiper-slide-shadow-right{ background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); } .section-p5-swibox .p5btn-prev{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p5-prev.png) no-repeat; background-size: 100%; width:0.31rem; height:0.56rem; top: 50%;left: 1rem; margin-top: -0.28rem; position: absolute; z-index: 1; } .section-p5-swibox .p5btn-next{ display: block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p5-next.png) no-repeat; background-size: 100%; width:0.31rem; height:0.56rem; top: 50%;right: 1rem; margin-top: -0.28rem; position: absolute; z-index: 1; } .section-p5-cont .p5pagination{ position: absolute; left: 50%; transform: translateX(-50%); top:6.44rem; } .section-p5-cont .swiper-pagination-bullet{ width: 0.3rem !important; height: 0.05rem !important; border-radius: 0 !important; background-color: #97cfff; opacity: 1; margin: 0 0.1rem; } .section-p5-cont .p5-dian{ display: inline-block; width: 0.23rem; height: 0.23rem; position: relative; margin:0 0.1rem; } .section-p5-cont .p5-dian{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p5-dian1.png) no-repeat; background-size: 100%; opacity: 0.5; } .section-p5-cont .p5-dian.dian-active{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p5-dian1_on.png) no-repeat; background-size: 100%; opacity: 1; } /* p6 */ .section-p6tit{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p6-tit.png) no-repeat; background-size: 100%; width:4.91rem; height:0.98rem; position: absolute; left:0; top:1.2rem; } .section-p6-cont{ width: 14rem; position: relative; position: absolute; left: 50%; margin-left:-7rem; top: 2.48rem; } .section-p6-pic1{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p6_bg1.png) no-repeat 50% 0;width:19.2rem;height:2.55rem;background-size: 100% auto;position: absolute;top: 0;left:-2.6rem;} .section-p6-pic2{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p6_bg2.png) no-repeat 50% 0;width: 19.2rem;height:2.75rem;background-size: 100% auto;position: absolute;left:-2.6rem;top:2.8rem;} .section-p6list-sq{width: 11rem;position: absolute;top:6.2rem;left: 50%;margin-left: -5.5rem;display: flex;justify-content: center;align-items: center;} .section-p6list-sq li{width: 1.8rem;transform: scale(1.02);transform-origin: 50% 0;} .section-p6list-sq li a{background-image: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/p6_icon.png);background-size:9.8rem auto;width:1.01rem;height:1.01rem;display: block;margin: 0 auto;position: relative;} .section-p6list-sq li a span{position: absolute;top: 50%;left: 50%;width: 2rem;height: 2rem;margin: -1rem 0 0 -1rem;opacity: 0;transform: translateY(.2rem);transition: .3s all linear} .section-p6list-sq li a:hover span{opacity: 1;transform: translateY(0);} .section-p6list-sq li a span img{display: block;width: 100%;} .section-p6-icon1{background-position:-8.79rem 0;} .section-p6-icon2{background-position:0 0;} .section-p6-icon3{background-position:-2.06rem 0;} .section-p6-icon4{background-position:-4.1rem 0;} .section-p6-icon5{background-position:-6.42rem 0;} .section-p6list-sq li p{font-size: .24rem;color: #4b513f;text-align: center;line-height: .3rem;font-family: 'hy2';} .section-p6list-sq li i{background-position: -11.46rem -8.89rem;width:0.11rem;height:0.17rem;display: block;margin: 0 auto;animation: s10anim 1s ease-in-out infinite alternate both;} @keyframes s10anim{ from{transform: translateY(0);} to{transform: translateY(.06rem);} } .mic_box { position: relative; width:.34rem } .radio { width: .26rem; height: .16rem; position: relative; cursor: pointer; } .radio .item { transition: all .5s linear; height: 0%; background: #fff3c7; position: absolute; transform: scaleX(.5) translate(-50%,-50%); top: 50%; width: .02rem; } .radio .item:nth-of-type(1) { left: 0 } .radio .item:nth-of-type(1).play { animation: play1 1s linear infinite } .radio .item:nth-of-type(2) { left: 25% } .radio .item:nth-of-type(2).play { animation: play2 1s linear infinite } .radio .item:nth-of-type(3) { left: 50% } .radio .item:nth-of-type(3).play { animation: play3 1s linear infinite } .radio .item:nth-of-type(4) { left: 75% } .radio .item:nth-of-type(4).play { animation: play4 1s linear infinite } .radio .item:nth-of-type(5) { left: 100% } .radio .item:nth-of-type(5).play { animation: play5 1s linear infinite } .radio .item.stop { animation-play-state: paused!important; -webkit-animation-play-state: paused!important } .radio:hover,.lan_box:hover { filter: brightness(.8); } @keyframes play1 { 0% { height: 33% } 50% { height: 88% } to { height: 33% } } @keyframes play2 { 0% { height: 66% } 50% { height: 22% } to { height: 66% } } @keyframes play3 { 0% { height: 100% } 50% { height: 33% } to { height: 100% } } @keyframes play4 { 0% { height: 66% } 50% { height: 100% } to { height: 66% } } @keyframes play5 { 0% { height: 33% } 50% { height: 66% } to { height: 33% } } .s6_swiper2{position: absolute;right: 0.5rem;top: 4.6rem;z-index: 12;width: 5.4rem;overflow: hidden;padding:0 .1rem 0 .9rem;clip-path: polygon(.88rem 0,100% 0,6rem 100%,0 100%)} .s6_swiper2 .swiper-slide{position: relative;width: 2.51rem;height: 1.83rem;display: block;position: relative;clip-path: polygon(.88rem 0,100% 0,1.64rem 100%,0 100%);margin-left: -.8rem;cursor: pointer;display: none;} .s6_swiper2 .swiper-slide:after{content: '';position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .s6_swiper2 .swiper-slide img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 2.51rem;} .s6_swiper2 .swiper-slide-active:after{opacity: 0;} .fr-popbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.85); z-index: 1; } .g-pop{ display: none; position: relative;box-sizing: border-box;} .g-pop-close{ background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/pop-close1.png) no-repeat; background-size: 100%; width: 0.31rem;height:0.33rem;position: absolute;top:0rem;right: -0.36rem;} .pop_video,.popvdbox {width:10rem;height:6rem;position:relative;} .pop_video1{width: 6.4rem;height: 3.6rem;} .pop_video1 .popvdbox{ width: 6.4rem;height: 3.6rem; } .popvdbox video{display: block;width: 100%;} .g-pop1{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/pop1.png) no-repeat 50% 0;width: 9.88rem;height:5.3rem;background-size: 100% auto;box-sizing: border-box;padding-top:0.44rem; position: absolute; left: 50%; top: 50%; margin-top: -2.65rem; margin-left: -4.94rem; } .g-pop-tit1{background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/pop1-tit.png) no-repeat 50% 0;width:1.57rem;height: 0.46rem;background-size: 100% auto;margin: 0 auto;} .g-pop-rule{width:8rem;margin:0.16rem auto 0;height:3.98rem;overflow-y: auto;padding:0 0.2rem;box-sizing: border-box;overflow-x: hidden;} .g-pop-rule li{width: 7.6rem;margin-bottom: .16rem;font-size: .18rem;color: #494f3f;line-height: .24rem;font-family: "hy1";} .g-pop-rule li span{color: #494f3f;letter-spacing: .02rem;font-size: 0.18rem;} .g-pop-rule li em{color: #bb5500;} .g-pop-rule li strong{color: #a21f1e;} .g-pop-rule li i{display: block;padding-left: .2rem;font-style: normal;} .g-pop-rule li .pop1-icon{ display: inline-block; background: url(//wegame.gtimg.com/tgp_act/release/online/eclx20260210/images/pop1-icon1.png) no-repeat; background-size: 100%; width: 0.13rem; height: 0.13rem; font-style: normal; } .g-pop-rule-tab1{width: 70%;margin: .1rem auto;border: 1px solid #cbb98f;font-size: .2rem;color: #494f3f;text-align: center;} .g-pop-rule-tab1 th{border: 1px solid #b9a27f;background-color: #ccba91; text-align: center;height: .4rem;padding:0.1rem;line-height: .26rem;} .g-pop-rule-tab1 td{border: 1px solid #b9a27f;background-color: #fdefca; text-align: center;height: .4rem;padding:0.1rem;line-height: .26rem;} .g-pop-rule-tab2 td:first-child{width: 60%;} .g-pop-rule::-webkit-scrollbar {width:0.04rem;border-radius:0.04rem;} .g-pop-rule::-webkit-scrollbar-track {width:0.04rem;background-color:#dddbd6;border-radius:0.04rem;} .g-pop-rule::-webkit-scrollbar-thumb {width:0.04rem;background-color:#999992;border-radius:0.04rem;} .g-pop2{ width: 2.34rem; height: 2.71rem; position: absolute; left: 50%; top: 50%; margin-top: -1.17rem; margin-left: -1.35rem; } .g-pop2-con img{ display: block; width: 2.34rem; margin: 0 auto; } /*animation In&Out*/ /* .toRight, .toRightSmall, .toLeft, .toLeftSmall, .toBottom, .toBottomSmall, .toTop, .toTopSmall, .scaleIn { transition: all .6s; opacity: 0; } */ .tit2.toBottomSmall{transition: transform .6s;} .toRight { transform: translate3d(-10rem, 0, 0); } .toRightSmall { transform: translate3d(-2rem, 0, 0); } .toLeft { transform: translate3d(10rem, 0, 0); } .toLeftSmall { transform: translate3d(2rem, 0, 0); } .toBottom { transform: translate3d(0, -10rem, 0); } .toBottomSmall { transform: translate3d(0, -2rem, 0); } .toTop { transform: translate3d(0, 10rem, 0); } .toTopSmall { transform: translate3d(0, 2rem, 0); } .scaleIn { transform: scale(1.4, 1.4); } .part{pointer-events: none;transform: scale(1);} .part3,.part10{transform: scale(.94)} /* .s6_box,.s7_box{transform: scale(.9);} */ /* .s6_box{transform: scale(.9);} */ .part.head, .part.show{pointer-events: all;} .part.show .toRight, .part.show .toRightSmall, .part.show .toLeft, .part.show .toLeftSmall, .part.show .toBottom, .part.show .toBottomSmall, .part.show .toTop, .part.show .toTopSmall { transform: translate3d(0, 0, 0); opacity: 1; } .part.show .scaleIn { transform: scale(1, 1); opacity: 1; } /*transition delay*/ .part.show .delay1 { transition-delay: .1s; } .part.show .delay2 { transition-delay: .2s; } .part.show .delay3 { transition-delay: .3s; } .part.show .delay4 { transition-delay: .4s; } .part.show .delay5 { transition-delay: .5s; } .part.show .delay6 { transition-delay: .6s; } .part.show .delay7 { transition-delay: .7s; } .part.show .delay8 { transition-delay: .8s; } .part.show .delay9 { transition-delay: .9s; } .part.show .delay10 { transition-delay: 1s; } /*::-webkit-scrollbar {width:0.06rem;border-radius:0.06rem;} ::-webkit-scrollbar-track {width:0.06rem;background-color:#75614c;border-radius:0.06rem;} ::-webkit-scrollbar-thumb {width:0.06rem;background-color:#ffe26e;border-radius:0.06rem;}*/ .s4_mdbox{width:11.79rem;height:0.3rem;margin: 0.1rem auto 0;display: flex;justify-content: center;align-items: center;font-size: .22rem;color: #000000;text-align: center;line-height: .3rem;} .s4_mdct{width:5.1rem;height: .3rem;overflow: hidden;color: #000000;} .s4_md_list{animation: scroll1 5s linear infinite;} @keyframes scroll1{ 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } .ptip_box{display: flex;justify-content: center;align-items: center;height:3.66rem;width: 100%;} .p_txt3{margin: .6rem auto;text-align: center;} .p_txt2 span{color: #5a4630;font-family: 'hy2';} .p_txt2 em{color: #5a4630;} /* body { padding-top: 50px !important; } */ #vue-container { width: 100%; height: 100%; }