/**
 * Swiper 8.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 6, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/* 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{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}
i,em{font-style: normal;}
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
body {font:12px/1.5 'font1',simhei,Helvetica,'\9ED1\4F53',sans-serif;padding-top:0 !important;text-align:justify;background-color: #191a1b;}
.widget-header{min-width: 1000px;}
a {text-decoration:none;}
#actTitleWrap{top: 0 !important;}
a:hover {text-decoration:none;filter: brightness(1.06);}
.hide {display:block;width:0;height:0;overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float: left;}
.fr {float: right;}
.db {display:block;text-indent:-9999em;}
.last{margin-right: 0!important;}
/*footer*/
#afooter{line-height:.2rem;color: #ffffff;background-color: #0e0e0e;padding: .2rem 0;text-align: center;}
#afooter a{ color: #ffffff;}
#footer_ieg{width: 100%;}
.widget-header{z-index: 10;}
body,html{width: 100%;height: 100%;overflow: hidden;}
.wrap{width: 100%;height: 100%;position: relative;font-family:'font1';}
.sp{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/sp.png) no-repeat;background-size: 19.2rem auto;}
.gray{filter: grayscale(1) !important;pointer-events: none}

.sections{width: 100%;height: 100%;position: relative;overflow: hidden;}
.section_cn {position: absolute;top: 0;width: 100%;height: 100%;left: 0;}
.swiper-container,.swiper-slide{width: 100%;height: 100%;overflow: hidden;position: relative;}
/*.swiper-wrapper{transition-timing-function: linear !important;}*/
.foot_box{height: 1rem !important;}

@font-face {
	font-family:'font1';
	src:url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/font1.ttf);
}
@font-face {
	font-family:'font2';
	src:url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/font2.ttf);
}

.top_nav{position: absolute;top:0;left: 0;z-index: 999;width: 100%;pointer-events: none;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/top_bg1.png) no-repeat 50% 0;height: .62rem;background-size: 100% .73rem;}
.logo{background-position: 0 0;width:2.71rem;height:0.46rem;position: absolute;top: .08rem;left: .8rem;}
.rec{background-position: -2.98rem -0.11rem;width:0.57rem;height:0.15rem;position: absolute;top: .32rem;left: 4.3rem;}
.top_nav *{pointer-events: all;}
.nav_btn{width: 8.82rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: .62rem;}
.nav_btn a{font-size: .18rem;color: #666666;text-align: center;line-height: .62rem;width: 1.26rem;position: relative;}
.nav_btn a:after,.nav_btn a:before{content: '';background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/sp.png) -4.58rem -0.04rem;width:0.04rem;height:0.15rem;background-size: 19.2rem auto;position: absolute;right: 0;top: 50%;margin-top: -.08rem;}
.nav_btn a.on{color: #ffffff;}
.nav_btn a:before{background-position:-3.75rem -0.15rem;width:0.72rem;height:0.03rem;top: auto;right: 0;bottom: 0;left: 50%;margin-left: -.36rem;transform: scaleX(0);transition: .2s all linear;}
.nav_btn a.on:before,.nav_btn a:hover:before{transform: scaleX(1);}
.nav_btn a:last-child:after{display: none;}
.top_r{position: absolute;top: 0;right: .52rem;display: flex;justify-content: flex-start;align-items: center;height: .6rem;}
.btn_lb,.btn_dl{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/top_btn1.png) no-repeat 50% 0;width: .22rem;height: .22rem;margin-right: .24rem;width: 1.1rem;height: .37rem;background-size: 100% auto;font-size: .18rem;color: #2eb6c9;text-align: center;line-height: .37rem;transition: .4s all linear;display: block;}
.btn_lb:hover,.btn_dl:hover{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/top_btn2.png) no-repeat 50% 0;background-size: 100% auto;color: #000000;}



.logout_box{display: flex;justify-content: flex-start;align-items: center;}
.user_pic{width: .38rem;height: .38rem;background-size: 100% auto;display: flex;justify-content: center;align-items: center;margin-right: .1rem;}
.user_pic img{display: block;width: .38rem;height: .38rem;border-radius: 50%;object-fit: cover;}

.logout_ct{font-size: .18rem;color: #a9a9a9;text-align: center;line-height: .24rem;white-space: nowrap;}
.logout_ct a{color: #a9a9a9;}


.bg0{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp0.jpg) no-repeat 50% 50%;background-size: cover;}
.kv_video{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.s1_box{width: 100%;position: absolute;bottom: .1rem;left: 0;z-index: 2;}

.s1_gift{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/hd_gift.png) no-repeat 50% 0;width: 9.86rem;height: 1.66rem;background-size: 100% auto;margin: 0 auto;filter: drop-shadow(0 0 .2rem #000000);}
.btn_game{background-position: -7.6rem 0;width:2.98rem;height:0.75rem;font-family: 'font2';font-size: .32rem;color: #202031;text-align: center;line-height: .7rem;margin: .3rem auto 0;display: block;}
.s1_tisp{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/hd_tips.png) no-repeat 50% 0;width: 5.33rem;height: .82rem;background-size: 100% auto;margin: .24rem auto 0;display: block;}


.bg1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp1.jpg) no-repeat 50% 50%;background-size: cover;}
.s1_main{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_bg.png) no-repeat 50% 0;width: 15.08rem;height: 9.01rem;background-size: 100% auto;position: absolute;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-45%);}

.s1_lbox{width: 8.2rem;padding-left: .72rem;position: relative;padding-top: .18rem;}
.s1_tit1{background-position: 0 -0.67rem;width:7.54rem;height:1.27rem;margin: 0 auto;}
.list_s1qd{width: 8.2rem;margin: -.14rem auto 0;box-sizing: border-box;padding-right: 2.06rem;display: flex;justify-content: space-between;align-items: flex-start;position: relative;flex-wrap: wrap;}
.list_s1qd li:last-child{position: absolute;top: 0.02rem;right: 0;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_bg2.png) no-repeat 50% 0;width: 1.99rem;height: 6.88rem;background-size: 100% auto;margin: 0;box-sizing: border-box;padding-top: 3.45rem;}
.list_s1qd li{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_bg1.png) no-repeat 50% 0;width: 2.03rem;height: 3.44rem;background-size: 100% auto;margin-bottom: .04rem;}
.s1_qdtit{height: .52rem;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-top: .1rem;font-family: 'font2';font-size: .28rem;color: #2eb6c9;text-align: center;line-height: .32rem;}
.s1_qdtit em{color: #ffffff;}
.s1_qdtit i{background-position: -4.83rem -0.05rem;width:0.16rem;height:0.25rem;}
.s1_qdtit span{padding: 0 .1rem;}

.s1_djbox img{display: block;width: 1.82rem;margin: 0 auto;}
.s1_djbox span{margin: 0 auto;display: block;font-size: .18rem;color: #d7e2e4;text-align: center;line-height: .36rem;}
.btn_s1lq{background-position: -5.68rem 0;width:1.76rem;height:0.55rem;display: block;margin: .04rem auto 0;font-size: .26rem;color: #202031;text-align: center;line-height: .54rem;font-family: 'font2';}

.s1_rbox{width: 6.08rem;position: absolute;top: 0;right: 0;}
.s1_rtop{position: relative;height: 4.16rem;}
.s1_tit2{background-position: -5rem -3.67rem;width: 5.08rem;height: 1.27rem;margin: 0 auto;}

.s1_qbbox{width: 100%;height: 2rem;position: relative;}
.s1_qbbox img{display: block;width: 4.89rem;position: absolute;left: 50%;bottom: .18rem;transform: translateX(-50%);}
.s1_qbbox span{position: absolute;left: 0;bottom: 0;width: 100%;font-size: .24rem;color: #ffffff;text-align: center;line-height: .4rem;}
.s1_qbbox span em{font-size: .18rem;color: #d7e2e4;}
.btn_s1lq1{margin: .04rem auto 0;}

.s1_rbottom{position: relative;}
.s1_tit3{background-position: 0 -3.67rem;width:3.36rem;height:1.27rem;margin: 0 auto;}
.s1_rbct1{position: relative;margin: -.3rem auto 0;}
.s1_txt1{display: flex;justify-content: center;align-items: center;font-size: .18rem;color: #2cacbe;text-align: center;line-height: .3rem;}
.s1_txt1 i{background-position: -4.83rem -0.05rem;width:0.16rem;height:0.25rem;margin-right: .1rem;}

.s1_card1{width: 4.9rem;height: .6rem;position: relative;margin: .04rem auto 0;}
.s1_card1 p{position: absolute;top: 0;left: 0;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_bg4.png) no-repeat 50% 0;width: 4.9rem;height: .6rem;background-size: 100% auto;font-size: .24rem;color: #0d8087;text-align: center;line-height: .6rem;}
.s1_card1 p.s1_mask1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_bg3.png) no-repeat 50% 0;background-size: 100% auto;color: #ade6e9;cursor: pointer;z-index: 1;
  -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;}

.s1_show1 i{background-position: -8.01rem -0.94rem;width:0.64rem;height:0.67rem;position: absolute;left: .18rem;top: -.03rem;}
.s1_show1 span{padding-right: .8rem;}
.btn_s1lq3{background-position: -16.18rem 0;width:1.26rem;height:0.6rem;position: absolute;top: 0;right: 0;font-size: 202031;color: #202031;text-align: center;line-height: .6rem;font-family: 'font2';}

.s1_rbct2,.s1_rbct3{margin: .18rem auto 0;}

.s1_djs{background-position: -10.69rem 0;width:4.91rem;height:0.61rem;margin: .06rem auto 0;display: flex;justify-content: space-between;align-items: center;}
.s1_djs span{width: 1.32rem;font-size: .18rem;color: #d7e2e4;text-align: center;line-height: .22rem;}
.s1_djs p{width: 3.6rem;font-size: .26rem;color: #2eb6c9;text-align: center;line-height: .52rem;display: flex;justify-content: center;align-items: center;padding-bottom: .04rem;}
.s1_djs p em{font-size: .52rem;color: #dbd8a4;font-weight: bold;line-height: .52rem;padding: 0 .02rem;}

.btn_sel1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s1_btn1.png) no-repeat 50% 0;width: 3.04rem;height: .61rem;background-size: 100% auto;display: block;margin: .1rem auto 0;font-size: .26rem;color: #202031;text-align: center;line-height: .6rem;font-family: 'font2';}



.bg2{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp2.jpg) no-repeat 50% 50%;background-size: cover;}
.main{width: 14rem;height: 9rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-49%);}
.s2_lbox{position: absolute;top: 1.28rem;left: 0;width: 8.26rem;}
.s2_pic1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s2_pic1.png) no-repeat 50% 0;width: 4.21rem;height: 9.53rem;background-size: 100% auto;position: absolute;top: -.9rem;left: 2.62rem;}
.s2_cj{width: 7.95rem;height: 6.31rem;margin: 0 auto;position: relative;}
.s2_cj li{position: absolute;top: 0;left: 0;}
.s2_cj li img{display: block;width: 100%;}
.s2_cj li.li1{width: 1.47rem;height: 1.34rem;left: .85rem;top: 0;}
.s2_cj li.li2{width: 1.82rem;height: 1.68rem;left: .51rem;top: 1.44rem;}
.s2_cj li.li3{width: 1.82rem;height: 1.68rem;left: .51rem;top: 3.19rem;}
.s2_cj li.li4{width: 1.47rem;height: 1.34rem;left: 0;top: 4.97rem;}
.s2_cj li.li5{width: 1.47rem;height: 1.34rem;left: 1.62rem;top: 4.97rem;}
.s2_cj li.li6{width: 1.47rem;height: 1.34rem;left: 3.24rem;top: 4.97rem;}
.s2_cj li.li7{width: 1.47rem;height: 1.34rem;left: 4.86rem;top: 4.97rem;}
.s2_cj li.li8{width: 1.47rem;height: 1.34rem;left: 6.48rem;top: 4.97rem;}
.s2_cj li.li9{width: 1.82rem;height: 1.68rem;left: 5.78rem;top: 3.19rem;}
.s2_cj li.li10{width: 1.82rem;height: 1.68rem;left: 5.78rem;top: 1.44rem;}
.s2_cj li.li11{width: 1.47rem;height: 1.34rem;left: 5.75rem;top: 0;}

.s2_cjbtn{position: relative;margin: .54rem auto 0;height: .75rem;font-family: ''}
.btn_s2cj{background-position:  -8.93rem -0.91rem;width:2.98rem;height:0.75rem;display: block;margin: 0 auto;font-family: 'font2';font-size: .32rem;color: #202031;text-align: center;line-height: .7rem;}
.s2_cjnum{background-position: -14.39rem -0.94rem;width:2.23rem;height:0.37rem;position: absolute;bottom: 0;right: .1rem;font-size: .2rem;color: #cccfd0;text-align: center;line-height: .36rem;}
.s2_cjnum span{color: #2bbac2;}

.s2_rbox{position: absolute;right: 0;top: .16rem;width: 5.52rem;}
.s2_tit1{background-position: 0 -5.12rem;width:3.24rem;height:1.39rem;}
.list_s2rw{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s2_bg1.png) no-repeat 50% 0;width: 5.52rem;height: 7.55rem;background-size: 100% auto;margin: -.18rem auto 0;box-sizing: border-box;padding-top: .44rem;}
.list_s2rw li{width: 5.08rem;margin: 0 auto;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s2_line1.png) no-repeat 50% 100%;background-size: 100% auto;box-sizing: border-box;padding: 0 .24rem;display: flex;justify-content: space-between;align-items: center;height: .98rem;}
.list_s2rw li:last-child{background: none;}
.rw_txt i{background-position: -4.83rem -0.05rem;width:0.16rem;height:0.25rem;margin-right: .14rem;}
.rw_txt{font-size: .2rem;color: #68dee4;text-align: left;line-height: .3rem;display: flex;justify-content: center;align-items: center;}
.rw_num{padding-left: .3rem;font-size: .16rem;color: #c3c8c9;line-height: .26rem;margin-top: .06rem;}
.btn_s2lq{background-position: -12.27rem -0.92rem;width:1.76rem;height:0.55rem;font-size: .26rem;color: #202031;text-align: center;line-height: .55rem;font-family: 'font2';}

.bg3{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp3.jpg) no-repeat 50% 50%;background-size: cover;}
.qy_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;background-position: 50% 50%;}
.qy_bg0{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/zp.png);}
.qy_bg1{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/my.png);}
.qy_bg2{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/fx.png);}
.qy_bg3{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/bx.png);}
.qy_bg4{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/qx.png);}
.qy_bg5{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/sz.png);}
.qy_bg6{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/wl.png);}
.qy_bg7{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/cf.png);}
.qy_bg8{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/qm.png);}
.area_cont{left: 0;top: .74rem;width: 14rem;position: absolute;height: 100%;}
.area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: .4s all linear;}
.area.show{opacity: 1;pointer-events: all;}
.role_pic{width: 13.88rem;position: absolute;right: -13.53rem;top: -1.42rem;}
.role_cont{width: 5.9rem;position: relative;display: none;padding-top: 1px;}
.role_cont.show{display: block;}
.role_name{width:6.3rem;height: 2.36rem;position: relative;margin-top: -.7rem;}
.role_name img{display: block;width: 100%;position: relative;}
.role_audio{background:none;margin-top: .22rem;position: relative;padding-top: .6rem;}

.role_audio p{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/icon1.png) no-repeat 0 0;padding-left: 4.7rem;height: .3rem;background-size: 4.65rem auto;font-size: .24rem;color: #35a6b6;line-height: .3rem;}
.s5_audio{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/audio_icon.png) no-repeat 50% 0;width: .14rem;height: .2rem;background-size: 100% auto;position: absolute;left: .1rem;top: .02rem;z-index: 4;overflow: visible;}
.s5_audio span{width: .64rem;height: .29rem;position: absolute;background-size: 100% auto;    top: 0.58rem;left: .56rem;overflow: hidden;}
.s5_audio span:after,.s5_audio span:before{content: '';background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/icno2.png) no-repeat 50% 0;width: .64rem;height: .29rem;position: absolute;top: 0;left: 0;background-size: 100% auto;}
.s5_audio span:before{left: .64rem;}
.s5_audio.on span:after,.s5_audio.on span:before{animation: audioanim 1s linear infinite;}
@keyframes audioanim{
	from{transform: translateX(0);}
	to{transform: translateX(-100%);}
}
.role_audio p.role_atxt{font-size: .18rem;color: #ffffff;line-height: .26rem;position: relative;z-index: 2;padding: 0;background: none;padding-left: .34rem;position: absolute;top: 0;left: 0;}
.s5_line1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/line.png) no-repeat 50% 0;width:7.19rem;height: .19rem;background-size: 100% auto;display: block;margin: .12rem 0 0 -.52rem;}

.role_txt{height: 3rem;font-size: .16rem;color: #b8b9b9;line-height: .26rem;position: relative;z-index: 2;box-sizing: border-box;padding-top: .1rem;}
.role_audio p.role_txt span{color: #d2333c;}

.role_choose_box{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: -.52rem;}
.role_choose_box a{width: 1.15rem;height: 2.62rem;position: relative;margin: 0 .1rem;}
.role_choose_box a img{filter: grayscale(1);width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.role_choose_box a.on img{filter: grayscale(0);}

.area_nav{width: 1.79rem;height: 6.44rem;position: absolute;top: 50%;margin-top: -3.22rem;right: -1.38rem;z-index: 10;}
.area_nav a{display: block;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/btn1.png);background-size: 1.79rem auto;position: absolute;width: .7rem;height: .58rem;position: absolute;font-size: 0;}

.area_nav a.btn_area1{background-position: 0 0;top: 0;left: 0;}
.area_nav a.btn_area2{background-position: -.53rem -.73rem;top: .73rem;left: .53rem;}
.area_nav a.btn_area3{background-position: -.84rem -1.47rem;top: 1.47rem;left: .84rem;}
.area_nav a.btn_area4{background-position: -1.02rem -2.2rem;top: 2.2rem;left: 1.02rem;}
.area_nav a.btn_area5{background-position: -1.07rem -2.93rem;top: 2.93rem;left: 1.07rem;}
.area_nav a.btn_area6{background-position: -1.09rem -3.66rem;top: 3.66rem;left: 1.09rem;}
.area_nav a.btn_area7{background-position: -.91rem -4.41rem;top: 4.41rem;left: .91rem;}
.area_nav a.btn_area8{background-position: -.69rem -5.13rem;top: 5.13rem;left: .69rem;}
.area_nav a.btn_area9{background-position: -.4rem -5.85rem;top: 5.85rem;left: .3rem;}

.area_nav a.on,.area_nav a:hover{background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/role/btn2.png);}



.bg4,.bg5{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp4.jpg) no-repeat 50% 50%;background-size: cover;}

.bg4 .main,.bg5 .main{height: 8.76rem;position: absolute;width: 13.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-46%) scale(.98);}
.s5_left{width: 4.34rem;position: relative;height: 100%;}
.s5_pic1{width: 7.59rem;height: 9.52rem;position: absolute;top: -.35rem;left: -1.64rem;}
.s5_pic1 img{display: block;width: 100%;margin: 0 auto;}

.s5_right{width: 9.6rem;position: absolute;top: 0;right: 0;height: 100%;overflow-y: auto;}
.list_s5{width: 9.22rem;margin: 0 auto;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}

.list_s5 li{width: 4.5rem;margin: 0 .04rem .1rem;overflow: hidden;cursor: pointer;position: relative;border: .03rem solid transparent;transition: .4s all linear;box-sizing: border-box;}
.list_s5 li:hover{border-color: #ce3e57;}
.list_s5 li img{display: block;width:100%;object-fit: cover;transition: .4s all linear;}
.list_s5 li:hover img{transform: scale(1.1);}
.list_s5 li.s5_shu{width: 2.96rem;}

.s5_videobox p{position: absolute;width: 100%;bottom: 0;left: 0;background: rgba(0,0,0,.6);height: .36rem;font-size: .18rem;color: #ffffff;text-align: left;box-sizing: border-box;padding: 0 .1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: .36rem;}

.bg6{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/rp6.jpg) no-repeat 50% 50%;background-size: cover;}
.bg6 .main{padding-left:6rem;box-sizing: border-box;height: 8.5rem;width: 15rem;}
.s6_tit1{background-position: 0 -6.76rem;width:3.23rem;height:1.39rem;margin: 0 auto;}
.s6_ct{margin: 0 auto;position: relative;}
.s6_subtit1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s6_sub1.png) no-repeat 50% 0;width: 7.74rem;height: .64rem;background-size: 100% auto;margin: 0 auto;}
.s6_subtit2{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s6_sub2.png) no-repeat 50% 0;width: 6.29rem;height: 2.42rem;background-size: 100% auto;margin: .22rem auto 0;}
.s6_gift{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s6_gift.png) no-repeat 50% 0;width: 7.6rem;height: 2.32rem;background-size: 100% auto;margin: .24rem auto 0;}
.s6_lc{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/s6_lc.png) no-repeat 50% 0;width: 7.62rem;height: .9rem;background-size: 100% auto;margin: .08rem 0 0 .7rem;position: relative;}
.s6_lc a{position: absolute;width: 1.22rem;height: .28rem;position: absolute;top: .56rem;left: 5.75rem;}














::-webkit-scrollbar{width: .04rem;border-radius:0;}
::-webkit-scrollbar-track{width: .04rem;background-color: #0d1519;}
::-webkit-scrollbar-thumb{width: .04rem;background-color: #58bac0;}




.pop_box{width: 100%;height: 100%;position: fixed;z-index: -99999;background: rgba(0, 0, 0, 0.8);top: 0;left: -200%;opacity: 0;pointer-events: none;}
.pop_box.show{z-index: 99999;left: 0;opacity: 1;pointer-events: all;}

.pop{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.2);opacity: 0;transition: all 0.4s;box-sizing: border-box;}
.pop_box.show .pop{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.pop_close1{background-position:-17.06rem -.97rem;width: .33rem;height: .32rem;position: absolute;top: -.32rem;right: -.56rem;z-index: 99;}

.pop_s7pic{height: 90%;width: 80%;}
.pop_s7pic img{display: block;height: 100%;max-width: 100%;max-height: 100%;margin: 0 auto;}
.btn_picdown{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/pbtn_down.png) no-repeat 50% 0;width: 2.6rem;height: .82rem;background-size: 100% auto;position: absolute;bottom: 0;left: 50%;margin-left: -1.3rem;z-index: 2;}

.video_cont,.video_pop_box,.video_pop_box video{width: 10rem;display: block;height: 5.5rem;}

.pop1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/pop1.png) no-repeat 50% 0;width: 4.79rem;height: 6.06rem;background-size: 100% auto;padding-top: .16rem;}
.p_tit1{background-position: -5.61rem -2.34rem;width:2.72rem;height:0.86rem;margin: 0 auto;}
.pop_close{background-position: -17.76rem -0.27rem;width:0.89rem;height:0.65rem;position: absolute;top: -.32rem;right: -.52rem;}
.hm_box{margin: -.06rem auto 0;display: flex;justify-content: center;align-items: center;height: 4.9rem;}
.hm_table{width: 3.86rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/p_bg1.png) no-repeat 50% 0;background-size: 100% auto;margin: 0 auto;}
.hm_table p{font-size: .18rem;color: #cdcddc;text-align: center;line-height: .49rem;height: .49rem;}
.hm_table p:last-child{height: .5rem;}

.pop2{background: url(//wegame.gtimg.com/tgp_act/release/wegame/glc20240912/images/pop2.png) no-repeat 50% 0;width: 4.01rem;height: 4rem;background-size: 100% auto;padding-top: .16rem;}
.p_tit2{background-position:-9.43rem -2.37rem;width:2.72rem;height:0.86rem;margin: 0 auto;}
.pdj_box{width: 1.82rem;margin: 0.1rem auto;}
.pdj_box img{display: block;width: 100%;margin: 0 auto;}
.btn_pqr{background-position: -14.68rem -1.43rem;width:1.5rem;height:0.47rem;font-family: 'font2';font-size: .24rem;color: #202031;text-align: center;line-height: .47rem;margin: .3rem auto 0;letter-spacing: .1rem;display: block;}


.cn_active .s1_gift{animation: roleanim4 1s .2s ease both;}
.cn_active.bg0 .btn_game{animation: roleanim4 1s .4s ease both;}
.cn_active .s1_tisp{animation: roleanim4 1s .6s ease both;}


.cn_active .s1_lbox{animation: fade_left .8s .4s ease both;}
.cn_active .s1_rtop{animation: fade_up .8s .4s ease both;}
.cn_active .s1_rbottom{animation: fade_down .8s .4s ease both;}

.cn_active .s2_lbox{animation: fade_left .8s .4s ease both;}
.cn_active .s2_rbox{animation: fade_right .8s .4s ease both;}

.cn_active .s5_right{animation: fade_left .8s .4s ease both;}
.cn_active .s5_left{animation: fade_right .8s .4s ease both;}

.cn_active .area_cont{animation: fade_up .8s .4s ease both;}
.cn_active .s6_tit1,.cn_active .s6_ct {animation: fade_right .8s .4s ease both;}

.cn_active .area.show .role_pic{animation: roleanim1_1 0.4s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
.cn_active .area.show .role_name{animation: roleanim2 0.4s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
.cn_active .area.show .role_audio,
.cn_active .area.show .role_atxt,
.cn_active .area.show .s5_line1,
.cn_active .area.show .role_txt{animation: roleanim1 0.4s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
.cn_active .area.show .role_choose_box{animation: roleanim3 0.4s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}

@keyframes roleanim1_1{
	from{transform:scale(1.08) translateX(30%);opacity: 0;}
	to{transform:scale(1) translateX(0);opacity: 1;}
}
@keyframes roleanim1{
	from{transform:translateX(-20%);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes roleanim2{
	from{transform: translateY(-100%);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes roleanim3{
	from{transform: translateY(.8rem);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}

@keyframes fade_left{
	from{transform: translateX(-1rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes fade_right{
	from{transform: translateX(1rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes fade_up{
	from{transform: translateY(-1rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes fade_down{
	from{transform: translateY(1rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes roleanim4{
	from{transform: translateY(1.8rem);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}


[v-cloak]{
  visibility: hidden;
}