/* 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%}
a{text-decoration:none;transition:color 0.2s;cursor:pointer;outline:0;color:#000;}
/* a:hover{opacity:0.85;transition:0.2s all} */
body{background-color:#f1f5f1;overflow-x: hidden!important}
/* a:hover{filter:brightness(1.2);} */
q:before,q:after{content:''}
.tn{display:block;overflow:hidden;text-indent:-9999em;}
.hid{display:block;height:0;overflow:hidden;}
/* basic */
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
i{font-style: normal;}
.hide{display:none;}
.ft{text-indent:-999em;font-size: 0;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
fieldset,img,abbr,acronym{border:0}
input:focus{ outline:none;}
select:focus{ outline:none;}
textarea:focus{ outline:none;}
.bg{background-repeat:no-repeat;background-position:center 0;background-size: cover;}
.hd{display:none;}
html{-webkit-text-size-adjust:100%;}
/* body::-webkit-scrollbar{width:8px;height:100%;}  
body::-webkit-scrollbar-track{width:8px;background:#fff;}  
body::-webkit-scrollbar-thumb{width:8px;background:#c0bcbc;} */
#afooter { position: relative;padding: 30px 0;text-align: center;font: normal 12px / 19px Tahoma;z-index: 10;background-color: #191219;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

@font-face {font-family: 'TUNGSTEN-BOLD';src:url('./TUNGSTEN-BOLD.OTF')}
@font-face {font-family: 'Medium';src:url('./SourceHanSansCN-Medium.otf')}
@font-face {font-family: 'Bold';src:url('./SourceHanSansCN-Bold.otf')}
@font-face {font-family: 'Regular';src:url('./SourceHanSansCN-Regular.otf')}
@font-face {font-family: 'zzgf';src:url('./zzgf.TTF')}

.wrapper{margin: 0 auto;position: relative;}
.mobile-only{display: none !important;}

.dialog {outline:none;border:none}
.pop_Mark {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);position: fixed;top: 0;left: 0;display: none;z-index: 999;}   
.pop{position: fixed;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s;top: 50%;}
.pop1{width:650px;height:288px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop1.png) no-repeat center/cover;}
.pop2{width:650px;height:426px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop2.png) no-repeat center/cover;}
.pop3{width:650px;height:563px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop3.png) no-repeat center/cover;}
.pop5{width:650px;height:662px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop5.png) no-repeat center/cover;}
.pop6{width:650px;height:844px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop6.png) no-repeat center/cover;}
.dia-close{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/close.png) no-repeat center/cover;width: 37px;height: 37px;position: absolute;right: 0;top: -50px;overflow: hidden;transition: all .3s;z-index: 100;transition: all .3s;}
.dia-close:hover{transform: rotate(-180deg); transition: all .3s;}
.toast{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, .95);color: #fff;padding: 12px 24px;border-radius: 4px;z-index: 9999;opacity: 0;pointer-events: none;transition: all .3s;font-size: 20px;letter-spacing: 1px;box-shadow: 0 8px 24px rgba(0, 0, 0, .5);}
.toast.show{opacity: 1;}

.login-box2 {width: 100%; font-weight: bold;color: #fbfbfb;font-size: 18px;text-align: center;line-height: 20px;font-family: 'Regular';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display: flex;justify-content: center;align-items: center;}
.login-box2 a { color: #c5b174;}
.login-box2 a,.login-box span,.login-box strong{ display: inline;}




/* .page1 {width: 100%;height: auto;background: url(//game.gtimg.cn/images/codev/act/a20260814celebration/page1.jpg) no-repeat center / cover;overflow: hidden;position: relative;background-position: top;background-size: cover;}
.page1 .container{width: 100%;height: 100%;margin: 0 auto; position: relative;} */

/* .page_container{width: 100%;overflow-x: hidden !important;min-height: 100vh;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container.jpg) no-repeat center / cover;background-position: top center;position: relative;} */
.page_container{padding-top: 100px;box-sizing: border-box;}
.page_container .header_login{width: 100%; height: 100px; background-color: #000; border-bottom: 1px solid #c5b174; position: absolute; top: 0; left: 0; z-index: 5;}
.page_container .header_login .logo{width: 195px;height: 40px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/logo.png) no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}

.page_container .none_team{width: 100%;overflow-x: hidden !important;min-height: 3859px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/none_team_bg.jpg) no-repeat center / cover;background-position: top center;position: relative;}
.page_container .none_team .next{color: #fff;margin-top: 30px;text-align: center;font-size: 20px;}
.page_container .team_selected{width: 100%;overflow-x: hidden !important;min-height: 100vh;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container.jpg) no-repeat center / cover;background-position: top center;position: relative;}


.none_team .container{width: 1430px; height: 100%; margin: 0 auto; position: relative;}
/* .none_team .title{margin: 130px auto 0; width: 671px;height: 157px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_text.png) no-repeat center/contain; font-size: 0;} */
.none_team .title{margin: 30px auto 0; width: 671px;height: 157px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_text.png) no-repeat center/contain; font-size: 0;}
.none_team .top_tips{display: none; justify-content: center; align-items: center; margin: 160px auto 0;}
.none_team .top_tips span{font-size: 18px; color: #c5b174; font-family: Medium; position: relative;}
.none_team .top_tips span::before{content: '';position: absolute;right: -30px;top: 50%;width: 26px;height: 26px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_1.png) no-repeat center / contain;transform: translateY(-50%);}
.none_team .top_tips span::after{content: '';position: absolute;left: -40px;top: 50%;width: 26px;height: 26px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_1.png) no-repeat center / contain;transform: translateY(-50%)}
.none_team .team_list{width: 100%; display: flex; justify-content: space-around; align-items: center; margin: 50px auto 0;}
.none_team .team_list .l{display: flex; flex-direction: column;}
.none_team .team_list .c{ width: 156px;height: 397px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/zzkp.png) no-repeat center/contain; font-size: 0;}
.none_team .team_list .l .t{width: 525px; height: 511px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/none_team_bg.png) no-repeat center/contain; position: relative;box-sizing: border-box;padding: 30px;}
.none_team .team_list .l .t .icon{display: block; width: 47px; height: 48px;}
.none_team .team_list .l .t .fle{width: 62%;margin-top: 100px;}
.none_team .team_list .img_box{width: 227px;height: 428px; display: flex;align-items: center;justify-content: center; position: absolute; top: 0; right: 0;}
.none_team .team_list .img_box img{max-width: 100%;max-height: 100%;}
.none_team .team_list .title_t{position: relative; width: 100%; font-size: 54px; color: #fff; line-height: 1;margin: 43px auto 0;font-family: zzgf;}
.none_team .team_list .title_t::before{content: '';position: absolute;left: 0;bottom: -20px; width: 13px;height: 2px;background: #fff;}
.none_team .team_list .tips{width: 80%;font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 22px;margin-top: 30px;}
.none_team .team_list .tips span{color: #c5b174;}
.none_team .team_list .now_join{width: 465px;height: 55px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/now_join_btn.png) no-repeat center / contain;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;font-family: Bold;position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;}
.none_team .team_list .tips2{width: 100%;text-align: center;font-size: 14px;color: #c5b174;font-family: 'Medium';line-height: 20px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 10px;letter-spacing: 18px;}
.none_team .team_list .b{width: 525px; height: 15px; margin: 12px auto 0;background: linear-gradient(0deg,#000000 0%,#C5B174 100%);background: -webkit-linear-gradient(0deg,#000000 0%,#C5B174 100%);} 
.none_team .team_list .l:last-child .b{background: linear-gradient(0deg,#C5B174 0%,#000 100%);background: -webkit-linear-gradient(0deg,#C5B174 0%,#000 100%);}

.team_selected .container{width: 1430px; height: 100%; margin: 0 auto; position: relative;}
.team_selected .box{width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 200px auto 0;}
.team_selected .box .l{display: flex; flex-direction: column;}
.team_selected .box .icon{width: 45px;height: 45px; margin-top: 70px;}
.alpha .team_selected .box .icon{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_list_img3.png) no-repeat center/contain;}
.omega .team_selected .box .icon{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_list_img4.png) no-repeat center/contain;}
.team_selected .box .title{text-align: left; font-size: 51px; color: #fff; line-height: 1;margin-top: 84px;font-family: zzgf;}
.team_selected .box .tips{text-align: left; font-size: 16px; color: rgba(255, 255, 255, 0.8); font-family: 'Medium'; line-height: 1;margin-top: 20px;}
.team_selected .box .now_getin{display: block;margin-top: 20px; width: 225px;height: 55px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/now_getin.png) no-repeat center/contain;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;font-family: Bold;}
.team_selected .box .auto-jump{margin-top: 50px;width: min(510px, 100%);color: #c5b174;font-size: 16px;}
.team_selected .box .auto-jump em{color: #fff;}
.team_selected .box .auto-jump .auto-jump-bar {display: block;height: 8px;margin: 6px 0;background: #2f2f2f;overflow: hidden;border-radius: 4px;border: 1px solid #4d493d;}
.team_selected .box .auto-jump .auto-jump-bar i {display: block;height: 100%;width: 0;background: #c5b174;animation: autoFill 4.8s linear forwards;}
@keyframes identifier {100%{width: 100%;}}
.team_selected .box .bottom_icon{margin-top: 82px; width: 65px;height: 8px;}
.alpha .team_selected .box .bottom_icon{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_3.png) no-repeat center/contain;}
.omega .team_selected .box .bottom_icon{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_4.png) no-repeat center/contain;}
.team_selected .r{margin-top: 110px;}
.team_selected .domination_card{position: relative; width: 702px;height: 330px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/domination_card_bg.png) no-repeat center/contain;box-sizing: border-box; padding: 40px 45px 40px 200px;}
/* .team_selected .domination_card::before{content: '';position: absolute;right: 30px;top: 30px;width: 17px;height: 17px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_2.png) no-repeat center / contain;} */
/* .team_selected .domination_card::after{content: '';position: absolute;right: 30px;bottom: 30px;width: 17px;height: 17px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_2.png) no-repeat center / contain; transform: rotate(90deg);} */
.team_selected .domination_card .bottom_icon2{width: auto;height: 8px;position: absolute;top: -22px;right: 0; font-size: 14px; color: #c5b174;}
/* .alpha .team_selected .box .domination_card .bottom_icon2{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_3.png) no-repeat center/contain;} */
/* .omega .team_selected .box .domination_card .bottom_icon2{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_4.png) no-repeat center/contain;} */
.team_selected .domination_card .title2{font-size: 36px;color: #fff;font-family: Medium;line-height: 1;}
.team_selected .domination_card .tips2{ font-size: 19px; color: rgba(255, 255, 255, 0.8); font-family: 'Medium';margin-top: 17px;}
.team_selected .domination_card .tips_item{display: flex;flex-direction: column; align-items: flex-start;margin-top: 10px;}
.team_selected .domination_card .tips_item span{font-size: 18px;color: #fff;position: relative;opacity: .6;}
/* .team_selected .domination_card .tips_item span::before{content: '';position: absolute;left: 0;top: 50%;width: 20px;height: 20px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/page_container_icon_1.png) no-repeat center / contain;transform: translateY(-50%);} */
.team_selected .domination_card .tips_item span em{color: rgba(255, 255, 255, 0.6);}
.team_selected .domination_card .team_card{width: 470px;height: 740px;position: absolute;left: -290px;top: -170px;z-index: 10; animation: float 2s ease-in-out infinite;}
.alpha .team_selected .box .domination_card .team_card{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_card_1.png) no-repeat center/cover;}
.omega .team_selected .box .domination_card .team_card{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_card_2.png) no-repeat center/cover;}
@keyframes float {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0);}}
.team_selected canvas{pointer-events: none;position: fixed;top: 0;z-index: 1;}

/* .app_container{width: 100%; height: 4562px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/bg1.jpg) no-repeat center/cover; position: relative;padding-top: 100px;box-sizing: border-box;} */
/* .app_container {width: 100%;height: 3962px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/bg1.jpg) no-repeat center / cover;position: relative;padding-top: 100px;box-sizing: border-box;background-position: top;} */

.app_container{width: 100%; height: auto; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/bg2.jpg) no-repeat center/cover; position: relative;padding-top: 100px;box-sizing: border-box;}

.app_container .header{width: 100%; height: 100px; background-color: #000; border-bottom: 1px solid #c5b174; position: absolute; top: 0; left: 0; z-index: 5; display: flex; justify-content: center; align-items: center;}
.app_container .header .user_name{display: none !important;}
.app_container .header .nav_box{display: flex;}
.app_container .header .nav_box span{width: 150px; text-align: center; font-size: 22px; color: #a1a1a1;font-family: 'Regular'; cursor: pointer;}
/* .app_container .header .nav_box span.active{color: #c5b174;} */
.app_container .header .logo{width: 195px; height: 40px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/logo.png) no-repeat center/cover;  position: absolute; top: 50%; transform: translateY(-50%); left: 25px;}
.app_container .header .vulcan_btn{width: 150px; text-align: center; font-size: 22px; color: #c5b174 !important;font-family: 'Regular';}
.app_container .header .again_btn{display: block; width: 111px; height: 38px; background-color: rgba(197, 177, 116, .1); border: 1px solid #c5b174; font-size: 22px; color: #c5b174; font-family: 'Medium'; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); right: 25px;}

.hero{width: 1679px; margin: 103px auto 0;}
/* .hero .hero_grid{width: 1428px;margin: 0 auto;display: flex;justify-content: center;align-items: center;gap: 72px;} */
.hero .hero_grid{width: 1428px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.hero .hero_grid .info{max-width: 660px; position: relative;}
.hero .hero_grid .info::before{content: '';position: absolute;left: 0;bottom: -90px;width: 693px; height: 8px;}
.alpha .hero .hero_grid .info::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/hero_grid_icon.png) no-repeat center / contain;}
.omega .hero .hero_grid .info::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/hero_grid_icon2.png) no-repeat center / contain;}
.hero .hero_grid .info .user_name_box .fle{display: flex; align-items: center;}
.hero .hero_grid .info .user_name_box .user_icon{width: 45px; height: 45px; margin-right: 20px;}
.hero .hero_grid .info .user_name_box .user_icon em{display: block; width: 45px; height: 45px; }
.hero .hero_grid .info .user_name_box .user_name{font-size: 20px; color: #d0d0d0; font-family: 'Regular';}
.hero .hero_grid .info .user_name_box .user_name a{color: #c5b174;}
.hero .hero_grid .info .user_name_box .rule_btn{display: none;}
.hero .hero_grid .info .team_name{font-size: 76px;line-height: 86px;color: #fff;font-family: 'zzgf';position: relative;margin-top: 90px;background: linear-gradient(220deg, #fff 93%, #c5b174 51%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hero .hero_grid .info .team_name::before{content: '';position: absolute; top: -35px; left: 35px;}

/* .alpha .hero .hero_grid .info .user_name_box .user_icon em{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_list_img3.png) no-repeat center/contain;} */
/* .omega .hero .hero_grid .info .user_name_box .user_icon em{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_list_img4.png) no-repeat center/contain;} */
.hero .hero_grid .info .user_name_box .user_icon em{display: block; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_list_img5.png) no-repeat center/cover;}
/* .alpha .hero .hero_grid .info .team_name::before{ width: 672px;height: 85px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_name_icon.png) no-repeat center/contain;} */
/* .omega .hero .hero_grid .info .team_name::before{ width: 639px;height: 82px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_name_icon2.png) no-repeat center/contain;} */
.hero_grid .info .team_name::before{ width: 612px;height: 200px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/team_name_icon3.png) no-repeat center/contain;}
/* .alpha .hero .hero_grid .visual{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/visual_bg.png) no-repeat center/cover; width: 707px; height: 644px;} */
/* .omega .hero .hero_grid .visual{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/visual_bg2.png) no-repeat center/cover; width: 708px; height: 643px;} */
.hero_grid .visual{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/visual_bg3.png) no-repeat center/cover; width: 753px; height: 444px;}

.hero .hero_grid .info .lead{font-size: 22px; color: #fff; margin-top: 30px;}
.hero .hero_grid .info .cta_row{display: flex; gap: 20px; margin-top: 20px;}
.hero .hero_grid .info .cta_row .primary{width: 225px; height: 55px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/primary_btn.png) no-repeat center/contain; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #fff; font-family: 'Bold';}
.hero .hero_grid .info .cta_row .danger{width: 225px; height: 55px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/danger_btn.png) no-repeat center/contain; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #1f1f1d; font-family: 'Bold';}
.hero .next{width: 1679px;height: 152px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/next.png) no-repeat center/contain; margin: 50px auto 0;}

.status{width: 1428px; margin: 80px auto 0;}
.status .title{display: flex; justify-content: center; align-items: center;}
.status .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.status .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.status .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.status .status_content{width: 1428px; height: 467px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/status_bg.png) no-repeat center/cover; margin: 30px auto 20px;display: flex; justify-content: space-around}
.status .status_content .l{width: 295px; height: 100%; box-sizing: border-box; padding: 25px 65px 60px 20px; display: flex; flex-direction: column;}
.status .status_content .r{width: 1135px;height: 100%;box-sizing: border-box;padding: 48px 25px;position: relative;}
.status .status_content .l .title_text{font-size: 30px; color: #000; font-family: 'Bold';}
.status .status_content .l .tips{font-size: 20px; color: #000; font-family: 'Regular'; margin-top: 35px;}
.status .status_content .l .line1{width: 20px;height: 3px;font-size: 20px;color: transparent;background-color: #000;margin: 30px 0;}
.status .status_content .l .tips2{font-size: 20px; color: #000; font-family: 'Regular';margin-top: 15px;}
.status .status_content .l .points{font-size: 26px; color: #000; font-family: 'Bold';}
.status .status_content .l .points em{font-size: 80px; color: #000; line-height: 1; font-family: 'TUNGSTEN-BOLD';}
.status .status_content .l .line{width: 209px; height: 3px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/status_line.png) no-repeat center/cover; margin: 15px 0;}
.status .status_content .l .tips3{font-size: 16px; color: #000; font-family: 'Regular';}
.status .status_content .r .claimrecord_btn{position: absolute;bottom: 20px;left: -275px;font-size: 18px;color: #000;font-family: Bold;border-bottom: 1px solid #000;}
.status .status_content .prize_grid{display: flex; gap: 30px;}
.status .status_content .prize_grid li{position: relative; width: 166px;height: 400px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.status .status_content .prize_grid li .prize_img{width: 157px; height: 181px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/prize_grid_bg.png) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
.status .status_content .prize_grid li.task5{width: 230px;}
.status .status_content .prize_grid li.task6{width: 230px;}
.status .status_content .prize_grid li.task5 .name{margin-top: 0;}
.status .status_content .prize_grid li.task6 .name{margin-top: 0;}
.status .status_content .prize_grid li.task5 .prize_img{width: 175px;height: 266px;margin-top: -60px;background: none;}
.status .status_content .prize_grid li.task6 .prize_img{width: 153px;height: 266px;margin-top: -60px;background: none;}
.status .status_content .prize_grid li .prize_img img{display: block; max-width: 100%; max-height: 100%;}
.status .status_content .prize_grid li .name{height: 70px;font-size: 22px;color: #c5b174;font-family: 'Medium';text-align: center;margin-top: 25px;display: flex;justify-content: center;align-items: center;}
.status .status_content .prize_grid li .claim_btn{margin-top: 60px; width: 174px; height: 55px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/claim_btn.png) no-repeat center/contain; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; font-family: 'Bold';position: absolute;left: 50%;transform: translateX(-50%);bottom: 17px;}
.status .status_content .prize_grid li .claim_btn.gay{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/claim_btn_gay.png) no-repeat center/contain; pointer-events: none;}
.status .status_content .prize_grid li.task5 .tips_title{width: 34px; height: 228px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/prize_img_title1.png) no-repeat center/contain; position: absolute; top: -33px; left: 7px;}
.status .status_content .prize_grid li.task6 .tips_title{width: 195px; height: 34px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/prize_img_title2.png) no-repeat center/contain; position: absolute; left: 50%; transform: translateX(-50%); bottom: 96px;}
.status .status_content .prize_grid li .task_tips{width: 100%; position: absolute;left: 50%;transform: translateX(-50%);bottom: -7px; text-align: center; font-size: 15px; color: #c1c1c1;}
.status .status_content .reward_progress{position: absolute;left: 90px;bottom: 120px;}
.status .status_content .reward_progress .rp-bar{width: 650px;height: 2px;background: #c1c1c1;overflow: hidden;}
.status .status_content .reward_progress .rp-bar .rp-fill {height: 100%;background: #c5b174;transition: width .6s ease;}
.status .status_content .reward_progress .rp-dots{width: 100%;display: flex;justify-content: space-around;gap: 145px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
.status .status_content .reward_progress .rp-dots .rp-dot{width: 36px; height: 36px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/rp_dots.png) no-repeat center/contain;}
.status .status_content .reward_progress .rp-dots .rp-dot.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/rp_dots_active.png) no-repeat center/contain;}
.status .status_content .reward_progress .rp-dots .rp-dot:last-child{margin-right: -25px;}

.situation{width: 1428px;margin: 55px auto 0;}
.situation .title{display: flex; justify-content: center; align-items: center;}
.situation .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.situation .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.situation .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.situation .battle_situation{width: 1428px;margin: 0 auto; display: flex; justify-content: space-between;}
.situation .battle_situation .l{display: flex; align-items: baseline;}
.situation .battle_situation .l em:first-child{font-size: 30px; color: #fff; font-family: Bold;}
.situation .battle_situation .l em:last-child{font-size: 17px; color: #fff; font-family: Bold; margin-left: 10px;}
.situation .battle_situation .r{font-size: 16px; color: #c5b174; font-family: 'Regular'; display: flex; align-items: center;position: relative;}
.situation .battle_situation .r::before{content: ''; width: 368px; height: 132px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/battle.png) no-repeat center/cover; position: absolute; top: -20px; right: 0;}
.situation .battle_situation .r .time{display: flex;}
.situation .battle_situation .r span{line-height: 1;font-family: 'TUNGSTEN-BOLD';font-size: 22px;margin: 0 5px;display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;background-color: rgba(197, 177, 116, .2);}
.situation .battle_situation .r #days{background-color: transparent;width: 15px;height: 28px;}
/* .situation .battle_situation .r span:first-child{background-color: transparent;} */
.situation .battle_pk{margin: 20px auto 22px; display: flex; justify-content: center; align-items: center; gap: 150px;}
.situation .battle_pk span{width: 96px; height: 96px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/battle_pk_bg.png) no-repeat center/contain;display: flex; justify-content: center; align-items: center; font-family: 'TUNGSTEN-BOLD'; font-size: 78px; color: #fff; line-height: 1;}
.situation .battle_pk span img{display: block; width: 65px; height: 65px; object-fit: cover;}
.situation .battle_pk span:nth-of-type(2){background: none;}
.situation .battle_bar_box{width: 1428px;margin: 0 auto;}
.situation .battle_bar_box .battle_name{display: flex; justify-content: space-between;}
.situation .battle_bar_box .battle_name span{font-size: 18px; color: #fff; font-family: 'Regular';}
.situation .battle_bar_box .battle_bar{width: 100%; height: 36px; display: flex; margin-top: 10px; position: relative;}
.situation .battle_bar_box .battle_bar .left{height: 100%;background: linear-gradient(90deg, #c5b174 80%, #d4c589 100%);display: flex;align-items: center;justify-content: flex-start;position: relative;box-sizing: border-box;padding-left: 92px;}
.situation .battle_bar_box .battle_bar .right{height: 100%;background: linear-gradient(-90deg, #ef001a 70%, #ff6b7a 100%);display: flex;align-items: center;justify-content: flex-end;position: relative;box-sizing: border-box;padding-right: 100px;}
.situation .battle_bar_box .battle_bar .left .percent{background-color: #1c1c1b;color: #c5b174;font-size: 24px;font-family: 'TUNGSTEN-BOLD';padding: 1px 25px;position: relative;clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 100%, calc(100% - 0px) 100%, 0% 100%);position: absolute;left: 5px;}
.situation .battle_bar_box .battle_bar .right .percent{background-color: #1c1c1b;color: #ef001a;font-size: 24px;font-family: 'TUNGSTEN-BOLD';padding: 1px 25px;position: relative;clip-path: polygon(20px 0, 100% 0, 100% 100%, 20px 100%, 0 100%);position: absolute;right: 5px;}


/* .flow{width: 1428px; margin: 67px auto 0;} */
.flow{width: 1428px; margin: 0 auto 0;}
.flow .title{display: flex; justify-content: center; align-items: center;}
.flow .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.flow .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.flow .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
/* .flow .flow_list{margin: 35px auto 0; display: flex;}
.flow .flow_list li{width: 415px; height: 142px; display: flex; flex-direction: column;justify-content: space-around; position: relative;padding: 0 16px;box-sizing: border-box;}
.flow .flow_list li:first-child{width: 220px; padding: 0 0;}
.flow .flow_list li:first-child .top{width: 197px; height: 63px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_icon_1.png) no-repeat center/contain;}
.flow .flow_list li:first-child .info p{font-size: 24px;line-height: 30px;color: #fff;font-family: Bold;}
.flow .flow_list li::before{content: '';position: absolute; top: 0; right: 0; width: 1px; height: 142px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_line.png) no-repeat center/contain;}
.flow .flow_list li:last-child::before{display: none;}
.flow .flow_list li .top{position: relative;}
.flow .flow_list li .top em:nth-of-type(1){font-size: 75px;font-family: 'TUNGSTEN-BOLD'; color: rgba(197, 177, 116, .1);}
.flow .flow_list li .top em:nth-of-type(2){position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 13px;line-height: 1;color: #c5b174;background-color: #202020;box-sizing: border-box;padding: 5px;}
.flow .flow_list li .info{display: flex; justify-content: space-between; align-items: center;}
.flow .flow_list li .info p{font-size: 18px;color: #fff;font-family: Medium;}
.flow .flow_list li .info p:nth-of-type(2){font-size: 14px; opacity: .9;}
.flow .flow_list li .info .r{font-size: 18px; color: #c5b174;font-family: Medium;} */
.flow .flow_tasks{display: flex;flex-direction: column;margin: 19px auto 0;justify-content: space-between;width: 1428px;height: 250px;box-sizing: border-box;padding: 20px 15px;background-color: #f0f0f0;}
.flow .flow_tasks .task_title {width: 100%; display: flex;justify-content: space-between;align-items: baseline;}
.flow .flow_tasks .task_title span:first-child {font-size: 24px;font-family: Bold;color: #000;}
.flow .flow_tasks .task_title span:first-child em:last-child{font-size: 14px; margin-left: 10px;}
.flow .flow_tasks .task_title span:last-child {font-size: 18px;font-family: Medium;color: #000;cursor: pointer;}
.flow .flow_tasks .optional_list {width: 100%;margin: 10px auto 0;display: flex;justify-content: space-between;}
.flow .flow_tasks .optional_list li {width: 445px;height: 154px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_tasks_li_bg.png) no-repeat center/cover; display: flex;flex-direction: column;justify-content: space-around;position: relative;padding: 0 16px;box-sizing: border-box;}
/* .flow .flow_tasks .optional_list li::before {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 142px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_line.png) no-repeat center / contain;} */
/* .flow .flow_tasks .optional_list li:last-child::before{display: none;} */
.flow .flow_tasks .optional_list li .top {position: relative;display: flex;align-items: center;justify-content: space-between;}
.flow .flow_tasks .optional_list li .top em:nth-of-type(1) {font-size: 75px;line-height: 1;font-family: 'TUNGSTEN-BOLD';color:#e0e0df;}
.flow .flow_tasks .optional_list li .top em:nth-of-type(2) {position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 13px;line-height: 1;color: #434343;background-color: #f0f0f0;box-sizing: border-box;padding: 5px;}
.flow .flow_tasks .optional_list li .top span{font-size: 13px;color: #dbc787;font-family: Medium;}
.flow .flow_tasks .optional_list li .top .pill{width: 60px; height: 18px; border: 1px solid #b3b3b3; background-color: #dadada; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #a1a1a1;}
.flow .flow_tasks .optional_list li .top .pill.done{border: 1px solid #ef001a; background-color: #e7e6e1; color: #ef001a;}
.flow .flow_tasks .optional_list li .info {display: flex;justify-content: space-between;align-items: center;}
.flow .flow_tasks .optional_list li .info p {font-size: 18px;color: #000;font-family: Medium;}
.flow .flow_tasks .optional_list li .info p:nth-of-type(2) {font-size: 14px;color: #434343;}
.flow .flow_tasks .optional_list li .info .r {font-size: 18px;color: #000;font-family: Medium;}
/* .flow .slot_box{width: 1428px;height: 607px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/slot_box_bg.png) no-repeat center/cover;box-sizing: border-box; padding: 23px 18px;} */
.flow .slot_box{width: 1428px;height: 520px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/slot_box_bg.png) no-repeat center / cover;box-sizing: border-box;padding: 23px 18px;background-size: 100% 100%;}
.flow .slot_box .task_title {width: 100%; display: flex;justify-content: space-between;align-items: baseline;}
.flow .slot_box .task_title span:first-child {font-size: 24px;font-family: Bold;color: #fff;}
.flow .slot_box .task_title span:first-child em:last-child{font-size: 14px; margin-left: 10px;}
.flow .slot_box .task_title span:last-child {font-size: 18px;font-family: Medium;color: #fff;cursor: pointer;}
.flow .slot_box .completion_rate{margin-top: 20px;display: flex;align-items: center;gap: 210px;}
.flow .slot_box .completion_rate .completion_rate_item{display: flex; justify-content: center; align-items: center;position: relative;}
.flow .slot_box .completion_rate .completion_rate_item .l{margin-right: 10px;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate{width: 120px;height: 70px;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate svg{width: 100%; height: 60px; position: absolute; top: 0; left: 0;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate .rate-progress{transition: stroke-dashoffset 0.3s ease;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate .rate-text{position: absolute;top: 25px;font-size: 42px;color: #fff;font-family: 'TUNGSTEN-BOLD';line-height: 1;z-index: 2;display: flex;align-items: baseline;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate .rate-text .current{font-size: 42px;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate .rate-text .divider{font-size: 42px; color: #fff; font-family: 'TUNGSTEN-BOLD'; margin: 0 2px;}
.flow .slot_box .completion_rate .completion_rate_item .l .rate .rate-text .total{font-size: 42px; color: #fff; font-family: 'TUNGSTEN-BOLD';}
.flow .slot_box .completion_rate .completion_rate_item .r{position: relative;}
.flow .slot_box .completion_rate .completion_rate_item .r .t{display: flex;justify-content: space-between;align-items: center;}
.flow .slot_box .completion_rate .completion_rate_item .r .t span:nth-of-type(1){font-size: 18px; color: #fff; font-family: Bold;}
.flow .slot_box .completion_rate .completion_rate_item .r .t span:nth-of-type(1) em{color: #c5b174;}
.flow .slot_box .completion_rate .completion_rate_item .r .t span:nth-of-type(2){font-size: 16px;color: #1c1d18;font-family: Medium;background-color: #bba86f;box-sizing: border-box;padding: 0 10px 0 35px;margin-left: 30px;clip-path: polygon(25px 0, 100% 0, 100% 100%, 20px 100%, 0 100%);}
.flow .slot_box .completion_rate .completion_rate_item .r .b{font-size: 14px;color: #fff;font-family: Medium;background-color: #434343;box-sizing: border-box;padding: 2px 15px;margin-top: 5px;}
.flow .slot_box .completion_rate .completion_rate_item .r .yiwen{display: block;width: 19px;height: 19px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/yiwen.png) no-repeat center/cover;position: absolute; bottom: 0;right: -25px;}
.flow .slot_box .completion_rate .completion_rate_item .r .yiwen span{min-width: 150px;display: none;font-size: 12px;text-align: center;color: #000;padding: 10px;background-color: #c5b174;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);}
.flow .slot_box .completion_rate .completion_rate_item .r .yiwen:hover span{display: block;}
.flow .slot_box .completion_rate .completion_rate_item::before {content: '';position: absolute;top: 50%;transform: translateY(-50%); right: -80px;width: 1px;height: 59px;background-color: #434342;}
.flow .slot_box .completion_rate .completion_rate_item:last-child::before{display: none;}
.flow .slot_box .slot_task_grid{margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.flow .slot_box .slot_task_grid .slot_task_grid_item{width: 332px; height: 60px; background-color: #434343;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.flow .slot_box .slot_task_grid .slot_task_grid_item p{font-size: 15px;color: #fff;font-family: Medium;}
.flow .slot_box .slot_task_grid .slot_task_grid_item p:nth-of-type(2){font-size: 14px;color: #b2b2b2;}
.flow .slot_box .task_list{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px;}
.flow .slot_box .task_list .task_grid{width: 445px;height: 154px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_grid_bg.png) no-repeat center/cover;}
.flow .slot_box .task_list .task_grid.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_grid_bg_active.png) no-repeat center/cover;}
.flow .slot_box .task_grid{position: relative; display: flex;flex-direction: column;justify-content: space-around;box-sizing: border-box;padding: 10px 14px;}
.flow .slot_box .task_grid:last-child{border-bottom: none;}
.flow .slot_box .task_grid .t,.tasks .task_list .task_grid .b{display: flex; justify-content: space-between; align-items: center;}
.flow .slot_box .task_grid .t .l{display: flex; align-items: center;}
.flow .slot_box .task_grid .num{position: relative;width: 65px;}
.flow .slot_box .task_grid .num em:nth-of-type(1) {font-size: 65px;font-family: 'TUNGSTEN-BOLD';color: rgba(197, 177, 116, .1); line-height: 1;}
.flow .slot_box .task_grid .num em:nth-of-type(2) {width: 65px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 13px;line-height: 1;color: #c5b174;background-color: #202020;box-sizing: border-box;padding: 5px 4px;text-align: center;}
.flow .slot_box .task_grid.active .num em:nth-of-type(2){background-color: #343128;}
.flow .slot_box .task_grid .unlock_btn{display: block; width: 70px; height: 14px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/unlock_btn.png) no-repeat center/contain; margin-left: 25px;}
.flow .slot_box .task_grid .unlock_btn.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/unlock_btn_active.png) no-repeat center/contain;}
.flow .slot_box .task_grid .t .pill{width: 60px; height: 18px; border: 1px solid #a1a1a1; background-color: #444443; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #a1a1a1;}
.flow .slot_box .task_grid .t .pill.done{border: 1px solid #c5b174; background-color: #4f4936; color: #c5b174;}
.flow .slot_box .task_grid .b{display: flex; justify-content: space-between; align-items: center;}
.flow .slot_box .task_grid .b .desc p {font-size: 18px;color: #fff;font-family: Medium;padding-right: 0.3rem;}
.flow .slot_box .task_grid .b .desc p:nth-of-type(2) {font-size: 14px;color: #b2b2b2;}
.flow .slot_box .task_grid .b .pts {font-size: 18px;color: #c5b174;font-family: Medium;}
.flow .slot_box .task_grid .consume_btn{width: 147px;height: 36px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/consume_btn.png) no-repeat center / contain;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #1d1d1c;font-family: 'Bold';}
.flow .slot_box .task_grid .consume_btn.gay{filter: grayscale(1);}

.flow .optional_tasks{display: flex;flex-direction: column; margin:  19px auto 0; justify-content: space-between;width: 1428px; height: 229px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_list_bg2.png) no-repeat center/cover; box-sizing: border-box; padding: 20px 15px; position: relative;}
.flow .optional_tasks::before{content: '暂未开放';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);position: absolute;top: 0;left: 0;z-index: 10;font-size: 21px;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;}
.flow .optional_tasks.active::before{display: none;}
.flow .optional_tasks .task_title {width: 100%; display: flex;justify-content: space-between;align-items: baseline;}
.flow .optional_tasks .task_title span:first-child {font-size: 24px;font-family: Bold;color: #fff;}
.flow .optional_tasks .task_title span:first-child em:last-child{font-size: 14px; margin-left: 10px;}
.flow .optional_tasks .task_title span:last-child {font-size: 18px;font-family: Medium;color: #fff;cursor: pointer;}
.flow .optional_tasks .optional_list {width: 100%;margin: 10px auto 0;display: flex;justify-content: space-between;}
.flow .optional_tasks .optional_list li{width: 685px;height: 154px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/optional_tasks_bg.png) no-repeat center/cover; display: flex;flex-direction: column;justify-content: space-around;position: relative;padding: 13px 16px;box-sizing: border-box;}
.flow .optional_tasks .optional_list li.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/optional_tasks_bg_active.png) no-repeat center/cover;}
.flow .optional_tasks .optional_list li .top {position: relative;display: flex;align-items: center;justify-content: space-between;}
.flow .optional_tasks .optional_list li .top em:nth-of-type(1) {font-size: 75px;line-height: 1;font-family: 'TUNGSTEN-BOLD';color: rgba(197, 177, 116, .1); line-height: 1;}
.flow .optional_tasks .optional_list li .top em:nth-of-type(2) {position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 13px;line-height: 1;color: #c5b174;background-color: #202020;box-sizing: border-box;padding: 5px;}
.flow .optional_tasks .optional_list li.active .top em:nth-of-type(2){background-color: #343128;}
.flow .optional_tasks .optional_list li .top span{font-size: 13px;color: #dbc787;font-family: Medium;display: flex;}
.flow .optional_tasks .optional_list li .top .pill{width: 60px; height: 18px; border: 1px solid #a1a1a1; background-color: #444443; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #a1a1a1;margin-left: 20px;}
.flow .optional_tasks .optional_list li .top .pill.done{border: 1px solid #c5b174; background-color: #4f4936; color: #c5b174;}
.flow .optional_tasks .optional_list li .top .team_img{display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);left: 75px;width: 71px;height: 53px;background-color: rgba(228, 206, 137, .3);}
.flow .optional_tasks .optional_list li .top .team_img img{display: block;max-width: 36px;max-height: 36px;object-fit: cover;}
.flow .optional_tasks .optional_list li .info {display: flex;justify-content: space-between;align-items: flex-end;}
.flow .optional_tasks .optional_list li .info p {font-size: 18px;color: #fff;font-family: Medium;}
.flow .optional_tasks .optional_list li .info p:nth-of-type(2) {font-size: 14px;color: #b2b2b2;}
.flow .optional_tasks .optional_list li .info .r {font-size: 18px;color: #c5b174;font-family: Medium;}
.flow .optional_tasks .optional_list li .info .points_box{color: #fff;position: absolute;right: 16px;bottom: 8px;}
.flow .optional_tasks .optional_list li .info .points_box em{font-size: 81px;line-height: 1;color: #c5b174;font-family: 'TUNGSTEN-BOLD';position: relative;z-index: 1;margin-left: 10px;}
.flow .optional_tasks .optional_list li .info .points_box em::before{content: ''; width: 100%; height: 15px; background-color: #454131; position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px;z-index: -1; padding: 0 8px; border-right: 5px solid #c5b174;}
.flow .optional_tasks .optional_list li .info .select_btn {width: 147px;height: 36px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/consume_btn.png) no-repeat center / contain;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #1d1d1c;font-family: 'Bold';}
.flow .optional_tasks .optional_list li .team_selected.team_selecteds{display: none;}



.tasks{width: 1428px; margin: 67px auto 0;}
.tasks .title{display: flex; justify-content: center; align-items: center;}
.tasks .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.tasks .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.tasks .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.tasks .sec_head{margin: 30px auto 0; display: flex; justify-content: space-around; align-items: center; border: 20px solid #fff;}
.tasks .sec_head .sec_head_row{width: 335px;height: 60px;border-top: none;border-bottom: none;border-left: 10px solid #fff;border-right: 10px solid #fff;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.tasks .sec_head .sec_head_row:first-child{border-left: none;}
.tasks .sec_head .sec_head_row:last-child{border-right: none;}
.tasks .sec_head .sec_head_row p:first-child{font-size: 18px;color: #fff;font-family: Medium;}
.tasks .sec_head .sec_head_row p:last-child{font-size: 14px;color: #fff; opacity: .9;}
.tasks .task_list{display: flex; margin:  20px auto 0; justify-content: space-between;}
.tasks .task_list .mission{width: 462px; height: 535px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_list_bg.png) no-repeat center/cover; box-sizing: border-box; padding: 20px 15px;}
.tasks .task_list .mission .task_title{display: flex; justify-content: space-between; align-items: center;}
.tasks .task_list .mission .task_title span:first-child{font-size: 24px; font-family: Bold; color: #fff;}
.tasks .task_list .mission .task_title span:last-child{font-size: 18px; font-family: Medium; color: #fff;border-bottom: 1px solid #fff; cursor: pointer;display: flex; align-items: center;}
.tasks .task_list .mission .task_title span:last-child em{display: block; width: 18px; height: 15px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_title_icon.png) no-repeat center/cover; margin-right: 5px;}
.tasks .task_list .mission:first-child .task_title span:last-child{border-bottom: none;}
.tasks .task_list .task_grid{position: relative; display: flex;flex-direction: column;justify-content: space-around;}
.tasks .task_list .task_grid:last-child{border-bottom: none;}
.tasks .task_list .task_grid .t,.tasks .task_list .task_grid .b{display: flex; justify-content: space-between; align-items: center;}
.tasks .task_list .task_grid .t .l{display: flex; align-items: center;}
.tasks .task_list .task_grid .num{position: relative;width: 65px;}
.tasks .task_list .task_grid .num em:nth-of-type(1) {font-size: 75px;font-family: 'TUNGSTEN-BOLD';color: rgba(197, 177, 116, .1);}
.tasks .task_list .task_grid .num em:nth-of-type(2) {width: 65px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 13px;line-height: 1;color: #c5b174;background-color: #202020;box-sizing: border-box;padding: 5px 4px;text-align: center;}
.tasks .task_list .task_grid .unlock_btn{display: block; width: 70px; height: 14px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/unlock_btn.png) no-repeat center/contain; margin-left: 25px;}
.tasks .task_list .task_grid .unlock_btn.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/unlock_btn_active.png) no-repeat center/contain;}
.tasks .task_list .task_grid .t .pill{width: 60px; height: 18px; border: 1px solid #a1a1a1; background-color: #444443; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #a1a1a1;}
.tasks .task_list .task_grid .t .pill.done{border: 1px solid #c5b174; background-color: #4f4936; color: #c5b174;}
.tasks .task_list .task_grid .b .desc p {font-size: 18px;color: #fff;font-family: Medium;}
.tasks .task_list .task_grid .b .desc p:nth-of-type(2) {font-size: 14px;opacity: .9;}
.tasks .task_list .task_grid .b .pts {font-size: 18px;color: #c5b174;font-family: Medium;}
.tasks .optional_tasks{display: flex;flex-direction: column; margin:  19px auto 0; justify-content: space-between;width: 1428px; height: 229px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/task_list_bg2.png) no-repeat center/cover; box-sizing: border-box; padding: 20px 15px;}
.tasks .optional_tasks .task_title {width: 100%; display: flex;justify-content: space-between;align-items: baseline;}
.tasks .optional_tasks .task_title span:first-child {font-size: 24px;font-family: Bold;color: #fff;}
.tasks .optional_tasks .task_title span:first-child em{font-size: 14px; margin-left: 10px;}
.tasks .optional_tasks .task_title span:last-child {font-size: 18px;font-family: Medium;color: #fff;cursor: pointer;}
.tasks .optional_tasks .optional_list {width: 100%;margin: 10px auto 0;display: flex;}
.tasks .optional_tasks .optional_list li {width: 50%;height: 142px;display: flex;flex-direction: column;justify-content: space-around;position: relative;padding: 0 16px;box-sizing: border-box;}
.tasks .optional_tasks .optional_list li::before {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 142px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_line.png) no-repeat center / contain;}
.tasks .optional_tasks .optional_list li:last-child::before{display: none;}
.tasks .optional_tasks .optional_list li .top {position: relative;display: flex;align-items: center;justify-content: space-between;}
.tasks .optional_tasks .optional_list li .top em:nth-of-type(1) {font-size: 75px;line-height: 1;font-family: 'TUNGSTEN-BOLD';color: rgba(197, 177, 116, .1);}
.tasks .optional_tasks .optional_list li .top em:nth-of-type(2) {position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 13px;line-height: 1;color: #c5b174;background-color: #202020;box-sizing: border-box;padding: 5px;}
.tasks .optional_tasks .optional_list li .top span{font-size: 13px;color: #dbc787;font-family: Medium;}
.tasks .optional_tasks .optional_list li .info {display: flex;justify-content: space-between;}
.tasks .optional_tasks .optional_list li .info p {font-size: 18px;color: #fff;font-family: Medium;}
.tasks .optional_tasks .optional_list li .info p:nth-of-type(2) {font-size: 14px;opacity: .9;}
.tasks .optional_tasks .optional_list li .info .r {font-size: 18px;color: #c5b174;font-family: Medium;}


.situation{width: 1428px; margin: 67px auto 0;}
.situation .title{display: flex; justify-content: center; align-items: center;}
.situation .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.situation .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.situation .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.situation .left_title{display: none;}
.situation .timeline{margin: 30px auto 0; display: flex; justify-content: space-around; align-items: center;}
.situation .timeline .week{display: flex;flex-direction: column;justify-content: space-between;position: relative;width: 285px;height: 142px;box-sizing: border-box;padding: 0 10px;}
.situation .timeline .week::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 142px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/flow_line.png) no-repeat center / contain;}
.situation .timeline .week.active::after{content: ''; width: 285px; height: 77px; background-color: rgba(197, 177, 116, .1); position: absolute; bottom: 0; left: 0;}
.situation .timeline .week .week_title{display: flex; justify-content: space-between; align-items: center;}
.situation .timeline .week .week_title span:nth-of-type(1){font-size: 40px; line-height: 1; color: rgba(197, 177, 116, .1);font-family: 'TUNGSTEN-BOLD';font-weight: bold;}
.situation .timeline .week .week_title span:nth-of-type(2){color: #c5b174; font-size: 21px;font-family: 'TUNGSTEN-BOLD'; opacity: .5;}
.situation .timeline .week .week_desc{height: 66px;}
.situation .timeline .week .week_desc p:nth-of-type(1){font-size: 18px;color: #fff;font-family: Medium;}
.situation .timeline .week .week_desc p:nth-of-type(2){font-size: 14px;color: #fff;opacity: .9;}


.privilege{width: 1428px; margin: 55px auto 0;}
.privilege .title{display: flex; justify-content: center; align-items: center;}
.privilege .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.privilege .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.privilege .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.privilege .privilege_container{margin: 30px auto 0; display: flex; justify-content: space-between; align-items: center; width: 1428px; height: 90px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/privilege_bg.png) no-repeat center/contain; position: relative;}
.privilege .privilege_container::before{content: '暂未开放';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);position: absolute;top: 0;left: 0;z-index: 10;font-size: 21px;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;}
.privilege .privilege_container.active::before{display: none;}
.privilege .privilege_container .panel{width: 50%; box-sizing: border-box; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
.privilege .privilege_container .panel .l{display: flex; flex-direction: column;}
.privilege .privilege_container .panel .l span:nth-of-type(1){font-size: 24px;color: #1b1b1d;font-family: Bold; display: flex; align-items: baseline;}
.privilege .privilege_container .panel .l span:nth-of-type(1) em{font-size: 14px; margin-left: 10px;}
.privilege .privilege_container .panel .l span:nth-of-type(2){font-size: 14px;color: #1b1b1d;opacity: .9;}
.privilege .privilege_container .panel .go_now{width: 225px;height: 55px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/primary_btn.png) no-repeat center / contain;display: flex;justify-content: center;align-items: center;font-size: 22px;color: #fff;font-family: 'Bold';}
.privilege .privilege_container .panel:first-child .go_now{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/danger_btn2.png) no-repeat center / contain; color: #1d1d1c;}
.privilege .privilege_container .panel:last-child .l span:nth-of-type(1){color: #fff;}
.privilege .privilege_container .panel:last-child .l span:nth-of-type(2){color: #fff;}


.rewards{width: 1428px; margin: 55px auto 0;padding-bottom: 100px;}
.rewards .title{display: flex; justify-content: center; align-items: center;}
.rewards .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.rewards .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.rewards .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
/* .alpha .rewards .statue_plan{margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 1460px; height: 366px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/rewards_bg.png) no-repeat center/contain;position: relative;left: -32px; display: flex; justify-content: space-between;} */
.rewards .statue_plan{margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 1428px; height: 443px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/rewards_bg2.png) no-repeat center/contain;position: relative;left: 0; display: flex; justify-content: space-between;}
.rewards .statue_plan .cutoff{width: 925px;height: 365px;box-sizing: border-box;padding: 60px 20px 15px 480px;}
.rewards .statue_plan .statue_rules{width: 533px;height: 364px;box-sizing: border-box;padding: 20px;}
.rewards .statue_plan .cutoff .tips{font-size: 20px;color: #fff;font-family: 'Regular';display: flex;flex-direction: column;}
.rewards .statue_plan .cutoff .tips span:last-child{font-size: 16px; opacity: .6;}
.rewards .statue_plan .cutoff .line1 {width: 20px;height: 3px;font-size: 20px;color: transparent;background-color: #fff;margin: 15px 0;}
.rewards .statue_plan .cutoff .pts{width: 86%;display: flex;align-items: center;justify-content: space-between;}
.rewards .statue_plan .cutoff .tips2 {font-size: 20px;color: #fff;font-family: 'Regular';margin-top: 15px;}
.rewards .statue_plan .cutoff .points {font-size: 26px;color: #000;font-family: 'Bold';}
.rewards .statue_plan .cutoff .points em {font-size: 80px;color: #c5b174;line-height: 1;font-family: 'TUNGSTEN-BOLD';}
.rewards .statue_plan .cutoff .r .points em{font-size: 30px;color: #7d7d7d;line-height: 1;font-family: Bold;}
.rewards .statue_plan .cutoff .r .tips2{margin-bottom: 30px;}
.rewards .statue_plan .cutoff .line {width: 392px;height: 3px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/rewards_line.png) no-repeat center / cover;margin: 15px 0;}
.rewards .statue_plan .cutoff .tips3{font-size: 16px; color: #c5b174; font-family: 'Regular';margin-top: 30px;}
.rewards .statue_rules .statue_rules_title{font-size: 18px;color: #fff;font-family: 'Regular';margin: 10px auto 22px;text-align: center;}
.rewards .statue_rules .statue_rules_list{height: 80px;display: flex; align-items: center;border-bottom: 1px solid #3a3629;}
.rewards .statue_rules .statue_rules_list:last-child{border-bottom: none;}
.rewards .statue_rules .statue_rules_list em{font-size: 22px; color: rgba(255, 255, 255, .1);font-family: 'TUNGSTEN-BOLD';margin-right: 20px;}
.rewards .statue_rules .statue_rules_list .statue_rules_desc p:first-child{font-size: 16px; color: #fff;font-family: 'Medium';display: flex; align-items: center;}
.rewards .statue_rules .statue_rules_list .statue_rules_desc p:last-child{font-size: 12px; color: #c5b174;font-family: 'Regular';}
.rewards .statue_rules .statue_rules_list .statue_rules_desc p:first-child em{position: relative; cursor: pointer; display: block;width: 19px;height: 19px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/yiwen.png) no-repeat center / cover;}
.rewards .statue_rules .statue_rules_list .statue_rules_desc p:first-child em i{min-width: 355px;display: none;font-size: 12px;text-align: center;color: #000;padding: 10px;background-color: #c5b174;position: absolute;top: -96px;left: 50%;transform: translateX(-50%);}
.rewards .statue_rules .statue_rules_list .statue_rules_desc p:first-child em:hover i{display: block;}

/* vulcan页面 */
.vulcan_page .login-box2 {position: absolute;top: unset; bottom: 140px;left: 50%;transform: translateX(-50%);}
.vulcan_page .login-box2 a {color: #1ceff8;}
.vulcan_page .page1{width: 100%;height: 1220px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vulcan_bg.jpg) no-repeat center / cover;overflow: hidden;position: relative;background-position: top;background-size: cover;}
.vulcan_page .page2{width: 100%;height: 1247px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vulcan_bg2.jpg) no-repeat center / cover;overflow: hidden;position: relative;background-position: top;background-size: cover;}
.vulcan_page .page2 .container{width: 1450px; height: 100%; margin: 0 auto;}
.vulcan_page .page2 .title{margin: 0 auto 0; font-size: 0; width: 584px;height: 51px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vulcan_title.png) no-repeat center / cover;}

.vulcanMode{width: 1428px; margin: 55px auto 0;}
.vulcanMode .title{display: flex; justify-content: center; align-items: center;}
.vulcanMode .title span{font-size: 52px; color: #fff; font-family: 'Bold';position: relative;}
.vulcanMode .title span::after{content: '';position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.vulcanMode .title span::before{content: '';position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/title_icon.png) no-repeat center/contain;}
.vulcanMode .vulcan_grid{width: 100%;display: flex; justify-content: space-between; margin: 30px auto 0;}
.vulcanMode .vulcan_grid .l{width: 713px;height: 145px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vulcan_grid_1.png) no-repeat center / cover;box-sizing: border-box; padding: 0 27px; display: flex; justify-content: space-between; align-items: center;}
.vulcanMode .vulcan_grid .r{width: 695px;height: 145px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vulcan_grid_2.png) no-repeat center / cover;box-sizing: border-box; padding: 0 27px; display: flex; justify-content: space-between; align-items: center;}
.vulcanMode .vulcan_grid .info p:first-child{font-size: 30px; color: #ebd6ff; font-family: Bold;}
.vulcanMode .vulcan_grid .info p:last-child{font-size: 14px; color: #fff; font-family: Medium; opacity: .6;}
.vulcanMode .vulcan_grid .info p em{color: #fff;}
.vulcanMode .vulcan_grid .img_box{width: 64px; height: 101px; display: flex; justify-content: center; align-items: center;}
.vulcanMode .vulcan_grid .img_box img{display: block; width: 100%; height: 100%; object-fit: cover;}
.vulcanMode .vulcan_grid .pts{font-size: 18px; color: #1ceff8; font-family: Medium;}
.vulcanMode .vulcan_grid .pts .claim_btn{width: 255px;height: 55px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/primary_btn2.png) no-repeat center / contain;display: flex;justify-content: center;align-items: center;font-size: 22px;color: #472abb;font-family: 'Bold';}
.vulcanMode .vulcan_grid .pts .claim_btn.gay{filter: grayscale(1); color: #484848; pointer-events: none;}
.vulcanMode .mutation_progress{margin: 68px auto 0; display: flex; justify-content: space-between; align-items: center;}
.vulcanMode .mutation_progress .mutation_count{width: 195px; height: 195px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/mutation_count_bg.png) no-repeat center / contain; display: flex; justify-content: center; align-items: center;}
.vulcanMode .mutation_progress .mutation_count .count{width: 170px; height: 170px; background-color: transparent; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.vulcanMode .mutation_progress .mutation_count .count .count_num{font-size: 98px; color: #472abb; line-height: 1; font-family: 'TUNGSTEN-BOLD';}
.vulcanMode .mutation_progress .mutation_count .count p{font-size: 18px; color: #472abb; line-height: 1; font-family: 'Bold';}
.vulcanMode .mutation_progress .mutation_icon{width: 30px;height: 50px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/mutation_icon.png) no-repeat center / cover;}
.vulcanMode .mutation_progress .mutation_track{width: 1149px;height: 200px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/mutation_track.png) no-repeat center / contain; box-sizing: border-box; padding: 15px 20px 20px 20px;display: flex;flex-direction: column;justify-content: space-between;}
.vulcanMode .track_title{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.vulcanMode .track_title span:first-child {font-size: 24px;font-family: Bold;color: #ebd6ff;}
.vulcanMode .track_title span:last-child {font-size: 16px;color: #fff;opacity: .6;}
.vulcanMode .track_list {width: 100%;margin: 0 auto;display: flex;}
.vulcanMode .track_list li {width: 287px;display: flex;flex-direction: column;justify-content: space-around;position: relative;padding: 0 16px;box-sizing: border-box;}
.vulcanMode .track_list li::before {content: '';position: absolute;bottom: 0;right: 0;width: 1px;height: 115px;background-color: #6c55c9;}
.vulcanMode .track_list li:last-child::before {display: none;}
.vulcanMode .track_list li .top {position: relative;display: flex;align-items: center;justify-content: space-between;}
.vulcanMode .track_list li .top em:nth-of-type(1) {font-size: 75px;line-height: 1;font-family: 'TUNGSTEN-BOLD';color: rgba(255, 255, 255, .03);}
.vulcanMode .track_list li .info {display: flex;justify-content: space-between;}
.vulcanMode .track_list li .info p {font-size: 18px;color: #f3e7ff;font-family: Medium;}
.vulcanMode .track_list li .bottom_btn{display: flex; justify-content: space-between; align-items: center;margin-top: 5px;}
.vulcanMode .track_list li .bottom_btn .desc{font-size: 14px;color: #1ceff8;font-family: Medium;}
.vulcanMode .track_list li .bottom_btn .pill{width: 60px;height: 18px;border: 1px solid #aea3dd;background-color: #664ec5;display: flex;justify-content: center;align-items: center;font-size: 13px;color: #9c8dd7;}
.vulcanMode .track_list li .bottom_btn .pill.done {border: 1px solid #1ceff8;background-color: #3a65cd;color: #1ceff8;}
.vulcanMode .lottery_box{margin: 70px auto 0; display: flex; justify-content: space-between;}
.vulcanMode .lottery_box .reward_item{position: relative; width: 174px;height: 342px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/lottery_bg.png) no-repeat center / cover;z-index: 1;}
.vulcanMode .lottery_box .reward_item.highlight::before{content: '';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 205px; height: 518px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/lottery_bg_on.png) no-repeat center/cover;z-index: -1;}
.vulcanMode .lottery_box .reward_item .reward_img{width: auto;height: 245px;margin: 0 auto;display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.vulcanMode .lottery_box .reward_item .reward_img img{display: block;max-width: 100%;max-height: 100%;object-fit: cover;}
.vulcanMode .lottery_box .reward_item .reward_name{font-size: 22px;color: #fff;font-family: Medium;text-align: center;margin-top: 10px;line-height: 27px;}
.vulcanMode .lottery_btn_list{position: relative; margin: 70px auto 0; width: 1439px;height: 94px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/lottery_btn_bg.png) no-repeat center / cover; display: flex; justify-content: space-between; align-items: center;box-sizing: border-box;padding: 0 25px;}
.vulcanMode .lottery_btn_list .text{font-size: 16px; color: #ece8e1; font-family: 'Regular';}
.vulcanMode .lottery_btn_list .lottery_btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 300px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 26px; color: #472abb; font-family: Bold;box-sizing: border-box;padding-bottom: 20px;}
.vulcanMode .btn_list{width: 26%; display: flex; justify-content: space-between; align-items: center;}
.vulcanMode .btn_list a{font-size: 18px; color: #ece8e1; font-family: 'Regular'; position: relative; padding-left: 30px;font-weight: bold;}
.vulcanMode .btn_list .lottery_btn_rules::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 23px; height: 17px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/lottery_rule_icon.png) no-repeat center / contain;}
.vulcanMode .btn_list .lottery_btn_records::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 21px; background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/lottery_reccord_icon.png) no-repeat center / contain;}














/* #pop_common .pop1{height: auto; background-size: 100% 100%; background-position: top center;} */
#pop_common .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;display: flex;flex-direction: column;align-items: center;}
#pop_common .title{margin: 0 auto 50px; display: flex; justify-content: center; align-items: center;}
#pop_common .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_common .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_common .tips{font-size: 26px; color: #fff;margin: 0 auto; text-align: center;}

#pop_obtain .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_obtain .title{margin: 0 auto 50px; display: flex; justify-content: center; align-items: center;}
#pop_obtain .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_obtain .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_obtain .prize_box{margin: 10px auto 0; display: flex; flex-direction: column;justify-content: space-around; align-items: center;}
#pop_obtain .prize_box .img_box{width: 250px;height: 180px;display: flex;justify-content: center;align-items: center;margin-top: 10px;}
#pop_obtain .prize_box .img_box img{max-width: 100%;max-height: 100%;}
#pop_obtain .prize_box .name{font-size: 22px; color: #c5b174; text-align: center;font-family: Medium;}


#pop_login .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_login .title{margin: 0 auto 50px; display: flex; justify-content: center; align-items: center;}
#pop_login .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_login .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_login .signin_img {width: 85%;margin: 10px auto 0;display: flex;justify-content: space-between;align-items: center;gap: 30px;}
#pop_login .signin_img a {display: block;width: 212px;height: 212px;text-indent: -99.99rem;}
#pop_login .signin_img a.dia_signin_btn_qq {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/qq_icon.png) no-repeat center / cover;}
#pop_login .signin_img a.dia_signin_btn_wx {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vx_icon.png) no-repeat center / cover;}

.PopCreated .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
.PopCreated .title{margin: 0 auto 35px; display: flex; justify-content: center; align-items: center;}
.PopCreated .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.PopCreated .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
.PopCreated .tips{font-size: 18px; color: #fff; font-family: 'Medium'; text-align: center;}
.PopCreated .input_box{outline: none; border: none; background-color: #584f36; width: 530px; height: 57px; margin: 33px auto 0;font-size: 18px; color: #fff; font-family: 'Medium'; text-align: center;box-sizing: border-box; padding: 0 10px;}
.PopCreated .input_box::placeholder{font-size: 18px; color: #fff; font-family: 'Medium'; text-align: center;}
.PopCreated .created_btn{display: block;margin: 34px auto 0; width: 344px;height: 85px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center/contain;display: flex;align-items: center;justify-content: center;font-size: 29px;color: #000;font-family: Bold;}

#pop_claimrecord .pop_center{width: 90%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_claimrecord .title{margin: 0 auto 50px; display: flex; justify-content: center; align-items: center;}
#pop_claimrecord .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_claimrecord .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_claimrecord .record_title{margin: 20px auto 0; display: flex; justify-content: space-around; align-items: center; background-color: #c5b174;}
#pop_claimrecord .record_title span{width: 33.33%; height: 48px; font-size: 22px; color: #000; text-align: center; line-height: 48px; border-right: 1px solid #000;}
#pop_claimrecord .record_title span:last-child{border-right: none;}
#pop_claimrecord .record_list_box .record_list{border-left: 1px solid #c5b174; border-right: 1px solid #c5b174; border-top: none; border-bottom: none;}
#pop_claimrecord .record_list li{ width: 100%; height: 50px; display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #c5b174;}
/* .pop_record_box .record_list li:last-child{border-bottom: none;} */
#pop_claimrecord .record_list li span{width: 33.33%; height: 50px; text-align: center; line-height: 50px; font-size: 17px; color: #fff; box-sizing: border-box; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#pop_claimrecord .record_list li .thumbnail{display: flex; justify-content: center; align-items: center;}
#pop_claimrecord .record_list li .thumbnail img{display: none; width: 50px; height: 50px;}
#pop_claimrecord .record_list li .thumbnail.thumbnail_1 .thumbnail_img1{display: block;}
#pop_claimrecord .record_list li .thumbnail.thumbnail_2 .thumbnail_img2{display: block;}
#pop_claimrecord .record_list li .register_btn{color: #fff;pointer-events: none;}
#pop_claimrecord .record_list li .register_btn.active{color: #c5b174; border-bottom: 1px solid #c5b174;pointer-events: all;}

.pop_paginator{display: flex; justify-content: space-around; align-items: center; width: 80%; margin: 30px auto;}
.pop_paginator .my-page-group{display: flex; justify-content: space-around; align-items: center;}
.pop_paginator .my-page-group .my-page-cell,.pop_paginator .my-page-group .my-page-omit{width: 35px; height: 39px; display: flex; justify-content: center; align-items: center; color:#fff; font-size: 18px; font-family: Bold; margin: 0 10px; font-family: Bold;}
.pop_paginator .my-page-group .my-page-cell.my-page-checked{background-color: #4f4936; color: #fff;}
.pop_paginator .my-page-prev,.pop_paginator .my-page-next{width: 16px; height: 28px; cursor: pointer;}
.pop_paginator .my-page-prev{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/paginator_left.png) no-repeat center/cover;}
.pop_paginator .my-page-next{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/paginator_right.png) no-repeat center/cover;}

#pop_fill_it_out .pop_center{width: 90%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_fill_it_out .title{margin: 0 auto 50px; display: flex; justify-content: center; align-items: center;}
#pop_fill_it_out .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_fill_it_out .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_fill_it_out .input_box{height: 50px;margin: 10px auto 0; display: flex; flex-direction: column;justify-content: space-around; align-items: center; position: relative;}
#pop_fill_it_out .input_box span{font-size: 20px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 30px;}
#pop_fill_it_out .input_box input{width:100%;height: 50px;display: flex;justify-content: center;align-items: center;background-color: #584f36; border: none; font-size: 18px; color: #fff;box-sizing: border-box;padding-left: 140px;}
#pop_fill_it_out .input_box input::placeholder{text-align: left;font-size: 18px; color: rgba(255, 255, 255, 0.5);font-family: 'Medium';}
#pop_fill_it_out .tips{font-size: 18px; color: #fff;margin: 20px auto 0; }
#pop_fill_it_out .pop_btn{display: block;margin: 34px auto 0; width: 344px;height: 85px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center/contain;display: flex;align-items: center;justify-content: center;font-size: 29px;color: #000;font-family: Bold;}


#pop_PhoneBinding .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_PhoneBinding .title{margin: 0 auto 35px; display: flex; justify-content: center; align-items: center;}
#pop_PhoneBinding .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_PhoneBinding .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_PhoneBinding .tips{font-size: 18px; color: #fff; font-family: 'Medium'; text-align: center;margin-bottom: 30px;}
#pop_PhoneBinding .input_box{height: 50px;margin: 20px auto 0; display: flex; flex-direction: column;justify-content: space-around; align-items: center; position: relative;}
#pop_PhoneBinding .input_box span{font-size: 20px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 30px;}
#pop_PhoneBinding .input_box input{width:100%;height: 50px;display: flex;justify-content: center;align-items: center;background-color: #584f36; border: none; font-size: 18px; color: #fff;box-sizing: border-box;padding-left: 140px;}
#pop_PhoneBinding .input_box input::placeholder{text-align: left;font-size: 18px; color: rgba(255, 255, 255, 0.5);font-family: 'Medium';}
#pop_PhoneBinding .input_box2{align-items: flex-start;}
#pop_PhoneBinding .input_box2 input{width: 71%;}
#pop_PhoneBinding .input_box2 .get_code{width: 150px; height: 47px; background-color: #c5b174; font-size: 20px; color: #000; font-family: 'Medium'; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#pop_PhoneBinding .input_box2 .get_code.gay{filter: grayscale(1);}
#pop_PhoneBinding .binding_btn{display: block;margin: 34px auto 0; width: 344px;height: 85px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center/contain;display: flex;align-items: center;justify-content: center;font-size: 29px;color: #000;font-family: Bold;}
#pop_PhoneBinding .binding_desc{position: relative; margin: 20px auto 0;}
#pop_PhoneBinding .binding_desc p{font-size: 18px; line-height: 26px; color: rgba(201, 201, 201, .8);font-family: 'Regular';text-indent: 2em;}
#pop_PhoneBinding .binding_desc .agreed_btn{display: block; width: 22px; height: 21px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/agreed_btn.png) no-repeat center/cover;position: absolute;top: 2px;left: 3px;}
#pop_PhoneBinding .binding_desc .agreed_btn.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/agreed_btn_active.png) no-repeat center/cover;}


#pop_team .pop_center{width: 95%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_team .title{margin: 0 auto 30px; display: flex; justify-content: center; align-items: center;}
#pop_team .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_team .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_team .tips{font-size: 18px; color: #fff; font-family: 'Medium'; text-align: center;margin-bottom: 15px;}
#pop_team .team_card{margin: 15px auto 0;display: flex;flex-wrap: wrap;justify-content: space-around;gap: 12px;}
#pop_team .team_card li{width: 141px; height: 106px; background-color: rgba(228, 206, 137, .3);  display: flex; flex-direction: column; justify-content: center;align-items: center; position: relative; cursor: pointer;}
#pop_team .team_card li:hover{background-color: rgba(228, 206, 137, .7);}
#pop_team .team_card li.active{background-color: rgba(228, 206, 137, .7);}
#pop_team .team_card li.gay{filter: grayscale(1); pointer-events: none;}
#pop_team .team_card li img{display: block;width: 60px;height: 60px;object-fit: contain;}
#pop_team .team_card li span{position: absolute;left: 20px;bottom: 5px;font-size: 18px;color: #fff;opacity: .5;}
#pop_team .pop_btn{display: block;margin: 34px auto 0; width: 344px;height: 85px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center/contain;display: flex;align-items: center;justify-content: center;font-size: 29px;color: #000;font-family: Bold;}


#pop_rule .pop_center{width: 95%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;}
#pop_rule .title{margin: 0 auto 30px; display: flex; justify-content: center; align-items: center;}
#pop_rule .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_rule .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_rule ul {overflow-y: auto;overflow-x: hidden;height: 500px; padding-right: 15px;}
#pop_rule ul::-webkit-scrollbar{width:6px;background-color:#fff}
#pop_rule ul::-webkit-scrollbar-thumb{background:#abaaae}
#pop_rule ul::-webkit-scrollbar-track{background:transparent}
#pop_rule ul li {margin-bottom: 20px;line-height: 1.5;}
#pop_rule ul li p{font-size: 18px;color: #fff;margin: 10px 0;}
#pop_rule ul li strong {font-weight: 700;font-size: 18px;}
#pop_rule table tr td, #pop_rule table tr th { text-align: center; font-size: 18px; color: #fff;}
#pop_rule table tr th{color: #fff;}

#pop_confirm_join .pop_center{width: 88%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 60px 0;display: flex;flex-direction: column;align-items: center;}
#pop_confirm_join .title{margin: 0 auto 30px; display: flex; justify-content: center; align-items: center;}
#pop_confirm_join .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #c5b174 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#pop_confirm_join .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon.png) no-repeat center / contain;transform: translateX(-50%);}
#pop_confirm_join .tips{font-size: 19px; color: rgba(255, 255, 255, 0.9); text-align: center; font-family: 'Medium'; line-height: 1.5; margin-bottom: 30px;}
#pop_confirm_join .tips em{color: red;}
#pop_confirm_join .tips2{font-size: 18px; color: rgba(255, 255, 255, 0.6); text-align: center; font-family: 'Medium'; line-height: 1.5;}
#pop_confirm_join .reward_card{width: 280px; margin: 20px auto 0; display: flex; flex-direction: column; align-items: center;}
#pop_confirm_join .reward_card .card_img{width: 182px;height: 250px;display: flex;align-items: center;justify-content: center;}
#pop_confirm_join .reward_card .card_img img{max-width: 100%; max-height: 100%; object-fit: contain;}
#pop_confirm_join .reward_card .card_name{font-size: 20px; color: #c5b174; text-align: center; margin-top: 15px; font-family: 'Medium';}
#pop_confirm_join .btn_group{display: flex; gap: 20px; margin-top: 20px;}
#pop_confirm_join .cancel_btn{ display: block;margin: 0 auto;width: 240px;height: 65px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center / 100% 100%;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #000;font-family: Bold;filter: grayscale(1);}
#pop_confirm_join .confirm_btn{display: block;margin: 0 auto;width: 240px;height: 65px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn1.png) no-repeat center / 100% 100%;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #000;font-family: Bold;}


/* vulcan专属弹窗 */
.vulcan_page .pop1{width:650px;height:288px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop1_1.png) no-repeat center/cover;}
.vulcan_page .pop2{width:650px;height:426px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop2_2.png) no-repeat center/cover;}
.vulcan_page .pop3{width:650px;height:563px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop3_3.png) no-repeat center/100% 100%;}
.vulcan_page .pop5{width:650px;height:662px;background:url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop5_5.png) no-repeat center/cover;}
.vulcan_page .dia-close{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/close2.png) no-repeat center/cover;width: 37px;height: 37px;position: absolute;right: 0;top: -50px;overflow: hidden;transition: all .3s;z-index: 100;transition: all .3s;}

.vulcan_page #pop_common{z-index: 1000;}
.vulcan_page #pop_common .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_common .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}

.vulcan_page #pop_obtain .title{margin: 0 auto 30px;}
.vulcan_page #pop_obtain .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_obtain .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_obtain .prize_box .img_box {height: 165px;margin-top: 5px;}
.vulcan_page #pop_obtain .prize_box .name{color: #fff;}
.vulcan_page #pop_obtain .created_btn{display: none; width: 283px;height: 71px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center / 100% 100%; line-height: 71px; text-align: center; color: #472abb;font-size: 25px;font-family: Bold;margin: 10px auto 0;}
.vulcan_page #pop_obtain .prize_box {margin: 10px auto 0;height: 318px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.vulcan_page #pop_obtain .pop_center {width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 25px 0;}

.vulcan_page #pop_obtain2 .pop_center{width: 85%;height: 100%;margin: 0 auto;box-sizing: border-box;padding: 40px 0;}
.vulcan_page #pop_obtain2 .title{margin: 0 auto 30px; display: flex; justify-content: center; align-items: center;}
.vulcan_page #pop_obtain2 .title span{font-size: 47px;line-height: 1;color: #fff;font-family: 'zzgf';position: relative;background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_obtain2 .title span::before{content: '';position: absolute;bottom: -20px;left: 50%;width: 423px;height: 16px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;transform: translateX(-50%);}
.vulcan_page #pop_obtain2 .prize_box{margin: 10px auto 0; display: flex; flex-direction: column;justify-content: space-around; align-items: center;}
.vulcan_page #pop_obtain2 .prize_box .img_box{width: 250px;height: 165px;display: flex;justify-content: center;align-items: center;margin-top: 5px;}
.vulcan_page #pop_obtain2 .prize_box .img_box img{max-width: 100%;max-height: 100%;}
.vulcan_page #pop_obtain2 .prize_box .name{font-size: 22px; color: #fff; text-align: center;font-family: Medium;}
.vulcan_page #pop_obtain2 .input_box {margin: 30px auto 0;display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
.vulcan_page #pop_obtain2 .input_box input {width: 100%;height: 50px;display: flex;justify-content: center;align-items: center;margin-top: 10px;background-color: transparent;border: none;background-color: #8b62d8;color: #fff;font-size: 18px;text-align: center;}
.vulcan_page #pop_obtain2 .input_box input::placeholder{text-align: center;font-size: 18px; color: #fff;font-family: 'Medium';}
.vulcan_page #pop_obtain2 .created_btn{width: 354px;height: 94px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center / 100% 100%;color: #472abb;display: flex;align-items: center;justify-content: center;font-size: 29px;font-family: Bold;margin: 20px auto 0;}
.vulcan_page #pop_obtain2 .tips_text{font-size: 17px; text-align: center;margin: 5px auto 0;color: #472abb;font-family: 'Medium';}
.vulcan_page #pop_obtain2 .tips_text2{font-size: 17px; text-align: center;margin: 5px auto 0;color: #fff;font-family: 'Medium';}

.vulcan_page #pop_login .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_login .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_login .signin_img a.dia_signin_btn_qq {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/qq_icon2.png) no-repeat center / cover;}
.vulcan_page #pop_login .signin_img a.dia_signin_btn_wx {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/vx_icon2.png) no-repeat center / cover;}

.vulcan_page .PopCreated .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page .PopCreated .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page .PopCreated .input_box {background-color: #937cd9;}
.vulcan_page .PopCreated .created_btn{width: 354px;height: 94px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center/contain;color: #472abb;}

.vulcan_page #pop_claimrecord .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_claimrecord .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_claimrecord .record_title {background-color: #dfafff;}
.vulcan_page #pop_claimrecord .record_title span {color: #472abb;border-right: 1px solid #472abb;}
.vulcan_page #pop_claimrecord .record_list_box .record_list {border-left: 1px solid #dfafff;border-right: 1px solid #dfafff;}
.vulcan_page #pop_claimrecord .record_list li .register_btn.active {color: #dfafff;border-bottom: 1px solid #dfafff;}
/* .vulcan_page #pop_claimrecord .record_list li .register_btn{color: #dfafff;border-bottom: 1px solid #dfafff;} */

.vulcan_page .pop_paginator .my-page-group .my-page-cell.my-page-checked {background-color: #dfafff;color: #fff;}
.vulcan_page .pop_paginator .my-page-group .my-page-cell, .pop_paginator .my-page-group .my-page-omit {color: #fff;}
.vulcan_page .pop_paginator .my-page-prev {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/paginator_left2.png) no-repeat center / cover;}
.vulcan_page .pop_paginator .my-page-next {background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/paginator_right2.png) no-repeat center / cover;}

.vulcan_page #pop_fill_it_out .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_fill_it_out .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_fill_it_out .input_box input {background-color: #8b62d8;color: #cabcec;}
.vulcan_page #pop_PhoneBinding .input_box input::placeholder{color: #cabcec;}
.vulcan_page #pop_fill_it_out .pop_btn{width: 354px;height: 94px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center/contain;color: #472abb;}

.vulcan_page #pop_PhoneBinding .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_PhoneBinding .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_PhoneBinding .binding_btn{width: 354px;height: 94px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center/contain;color: #472abb;}
.vulcan_page #pop_PhoneBinding .input_box input {background-color: #907ad7;}
.vulcan_page #pop_PhoneBinding .input_box2 .get_code {background-color: #dfafff;color: #472abb;}
.vulcan_page #pop_PhoneBinding .binding_desc p {color: rgba(255, 255, 255, .8);}
.vulcan_page #pop_PhoneBinding .binding_desc .agreed_btn{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/agreed_btn2.png) no-repeat center/cover;}
.vulcan_page #pop_PhoneBinding .binding_desc .agreed_btn.active{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/agreed_btn_active2.png) no-repeat center/cover;}

.vulcan_page #pop_rule .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_rule .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_rule ul::-webkit-scrollbar{width:6px;background-color:transparent}
.vulcan_page #pop_rule ul::-webkit-scrollbar-thumb{background:#dfafff}
.vulcan_page #pop_rule ul::-webkit-scrollbar-track{background:transparent}

.vulcan_page #pop_confirm_join .title span{background: linear-gradient(to bottom, #fff 30%, #dca7ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vulcan_page #pop_confirm_join .title span::before{background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_title_icon2.png) no-repeat center / contain;}
.vulcan_page #pop_confirm_join .reward_card .card_name {color: #fff;}
.vulcan_page #pop_confirm_join .cancel_btn{width: 240px;height: 65px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center/100% 100%;color: #472abb;}
.vulcan_page #pop_confirm_join .confirm_btn{width: 240px;height: 65px;background: url(//game.gtimg.cn/images/val/act/a20260724factionclash/pop_btn2.png) no-repeat center/100% 100%;color: #472abb;}