/*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;}
/*footer*/
#afooter{text-align:center; line-height:20px;color: #fff;background-color: #000000;padding: 20px 0;width: 100%;position: absolute;bottom:0;left: 0;}
#afooter a{ color: #fff;}
/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top: 0 !important;}
body,html{background-color: #131717;width: 100%;height: 100%;overflow: hidden;}
#_overlay_{height: 100%!important;}
a {text-decoration:none;}
/* a:hover {text-decoration:none;} */
:focus{outline: none;}
img{display: block;color: #fff;}
.container {width:1920px;margin:0 auto;}
a{transition: all .5s;}
a:hover{
    filter:brightness(1.1);
} 
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float: left;}
.fr{float: right;}
:focus{outline: none;}
.flex{display: flex; justify-content: space-between; align-items:center;}

.gray{filter: grayscale(1) !important;}

.fr-wrap{position: relative;width: 100%!important;height: 100%;overflow: hidden;}
.page-swiper{width: 100%;height: 100%;}
::-webkit-scrollbar{ width:0.04rem; height:0.01rem; background-color:#ffffff20; }
::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 0.06rem #ffffff20; border-radius:0.02rem; background-color:#ffffff20; }
::-webkit-scrollbar-thumb{ border-radius:0.01rem; -webkit-box-shadow:inset 0 0 0.06rem #ffffff20; background-color:#7facdc; }
* { /* 或针对特定元素如 'body', 'table' 等 */ -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; }
.swiper-container, .swiper-slide, .swiper-slide * { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; }


.bg1{background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/bg1.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.bg2{background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/bg2.jpg) no-repeat;width: 100%;height: 100%;position: absolute;left: 0;top: 0; background-size: 100% 100%;}

.login{ position: absolute;color: #a1f5ff;  right: 2%; top: 10px;  font-size: 20px; line-height: 1.2; z-index: 22; background: #1b5aa770; border-radius: 100px; box-sizing: border-box; padding:5px 14px 9px;}
.login a{color: #a1f5ff; border-bottom: 1px solid;line-height: 1;}




/* 0 */

.section-con0{position: relative; width:95%;  height:90%; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 0px solid red; }

.top_box1{width: 100%; height: auto; margin: 0 auto 6rem; z-index: 12; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.btn-gw{ width: 5.07rem; height: 1.15rem; background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/btn_gw.png) no-repeat; background-size: 100% 100%;}
.logo{width:12.77rem; height: auto; display: block; }

.conbot1{bottom: 0; left: 50%; transform: translateX(-50%);}
.g-btn-vid1{  width: 2.32rem; height: 2.32rem; margin: 0rem 0 0 0.3rem; background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/btn_vid.png) no-repeat; background-size: 100% auto;}
.g-btn-vid1:hover{transform:scale(1.1);}

.slg{width:37.34rem; height: auto; margin: 0 auto; display: block;z-index: 1;}
.btn-dl{ width: 6.02rem; height: 1.19rem; top: 4.7rem; right: .6rem; background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/btn_dl.png) no-repeat; background-size: 100% 100%;}

.down{width: 1.05rem; height: auto; margin: 0 auto; display: block;z-index: 2;}


.section-con{position: absolute; width: 30rem; height:17rem; border: 0px solid red;  top:50%; left:50%; transform: translate(-50%,-50%);z-index: 1;}

.tit1{width: 13.53rem; height: auto; margin: 0 0 0.2rem 0; display: block;z-index: 2;}
.p1pic1{width: 28.43rem; height: auto; margin: 0 0 0.2rem 0; display: block;z-index: 2;}
.p1pic2{width: 28.43rem; height: auto; margin: 0 0 0 0; display: block;z-index: 2;}

.btn-wc{ width: 4.39rem; height: 0.97rem;top: .3rem; left: 23.3rem; background: url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/btn_wc.png) no-repeat; background-size: 100% auto;}

.tit2{width: 11.17rem; height: auto; margin: 0 0 0.2rem 0; display: block;z-index: 2;}

.p2pic1{width: 13.89rem; height: auto; margin: 0 0 0 0; display: block;z-index: 2;}
.p2pic2{width: 13.89rem; height: auto; margin: 0 0 0 0; display: block;z-index: 2;}
.flex3{width: 94%; display: flex; justify-content: space-between; align-items: flex-start;}


.btn-wc:hover{transform:scale(1.05);}
.btn-dl:hover{transform:scale(1.05);}
.btn-gw:hover{transform:scale(1.05);}


/* 动画1 */
.btn1 { animation:btnA1 1.1s linear infinite alternate both; }
@keyframes btnA1 { 0% { transform:scale(1.04) } 100% { transform:scale(.95) } }

@keyframes plue { 0% { transform:scale(1.1) } 100% { transform:scale(.95) } }
.down{animation:pulse 1.7s ease-in-out both infinite;}
@keyframes pulse{
0%{transform:translateY(0.2rem);opacity:0.8;}
50%{transform:translateY(0rem);opacity:1;}
100%{transform:translateY(0.2rem);opacity:0.8;}
}

/*动画*/
@keyframes nextanim{0% {transform: translateY(-0.15rem);opacity: 0.3;}50% {transform: translateY(0.1rem);opacity: 1;}100% {transform: translateY(-0.15rem);opacity: 0.3;}}
@keyframes bounceInbot1 { /*淡下往上*/
	0% {opacity: 0;transform: translateY(1rem);}
	100% {transform: translateY(0);}}

@keyframes bounceIntop {/*上往下*/
	0% {opacity: 0;transform: translateY(0);}
	100% {transform: translateX(2rem);}
}

@keyframes bounceIntop2{
	0% {opacity: 0;transform: translateY(4rem);}
	100% {transform: translateY(0);}
}


@keyframes bounceInright{/*右左往*/
	0% {opacity: 0;transform: translateX(2rem);}
	100% {transform: translateX(0);}
}

@keyframes bounceIntop3 {/*上往下*/
	0% {opacity: 0;transform: translateY(-2rem);}
	100% {transform: translateX(0);}
}

@keyframes scaleIn {
    0%{opacity: 0;transform: scale(1.03);}
    100%{opacity: 1;transform: scale(1);}
}

.swiper-slide-active .top_box1 {animation: bounceIntop3 1.3s ease both;}
.swiper-slide-active .section-dh{animation: bounceInbot1 1s ease both;}


@keyframes bounceInleft {/*左往右*/
	0% {opacity: 0;transform: translateX(-3rem);}
	100% {transform: translateX(0);}
}
.swiper-slide-active .tit1{animation: bounceInleft 1s ease both;}
.swiper-slide-active .tit2{animation: bounceInleft 1s ease both;}

@keyframes bounceInleft2 {/*左往右*/
	0% {opacity: 0;transform: translateX(-7rem);}
	100% {transform: translateX(0);}
}
@keyframes bounceInleft3 {/*左往右*/
	0% {opacity: 0;transform: translateX(-9rem);}
	100% {transform: translateX(0);}
}
.swiper-slide-active .dh2{animation: bounceInleft2 1s ease both;}
.swiper-slide-active .dh3{animation: bounceInleft3 1.2s ease both;}

.swiper-slide-active .p2pic1{animation: bounceInright 1s ease both;}
.swiper-slide-active .p2pic2{animation: bounceInleft 1s ease both;}





/* 弹窗 */
.pop-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.pop-content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.ts{width:9.5rem;height:5.1rem;line-height:5.1rem; text-align: center; color: #fff;font-size: 0.24rem;}
#videoCon{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;}
.pop-vid {width:16rem;height:9.1rem;background-color:#333;outline:none;z-index:999; border-radius: 0.1rem;}
.pop-vid video{width:100%;height:9.1rem;background-color:#333;outline:none;z-index:999; border-radius: 0.1rem;}
.pop-close{width: 0.65rem; height: 0.65rem; top:-0.65rem; right: -0.65rem; background:url(//game.gtimg.cn/images/dfm/cp/a20260920welfare/close.png) no-repeat; position: absolute; background-size: 100% 100%;}


.popts{width: 10rem; height: auto; margin: 0 auto; display: block;z-index: 2;}