/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
iframe{position: absolute;}
:focus{outline: none;}
/*页面样式*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font-size: 12px;padding-top:42px;text-align:justify;background-color: #181919;overflow-x: hidden;}
#comm_act_wrap{height: 44px;}
a {text-decoration:none;}
/*a:hover{text-decoration:none;animation: Light 0s linear both;}
@keyframes Light{0%{filter:brightness(100%);}100%{filter:brightness(110%);}}*/
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.sp{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/sp.png) no-repeat;}
.fl{float: left;}
.fr{float: right;}
img{display: block;}
/*footer*/
#footer_ieg{text-align:center;font-size:12px;line-height:19px;min-width:1000px;color:#fff;background: #000;z-index: 10;position: relative;}
.wrap_ieg a{color:#FFFFFF;}
.wrap,#footer_ied {min-width:1400px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1402?'1400px':''); overflow: hidden;}
#afooter{font-size: 18px;color: #FFFFFF;text-align: center;padding: 25px 0;position: relative; background-color: #000000;}
body,html,#_overlay_{min-width: 1400px;}
.ost_box{min-width: 1400px !important;}
/*container*/
.container{width: 1400px;position: relative; margin: 0 auto;height: auto;}
/*.fz_font{font-family: 'fz';}
	@font-face {
    font-family: 'fz';
    src: url(//game.gtimg.cn/images/fo4/cp/a20251202room/fz.ttf);
    font-display: swap;
}*/
/*.wrap{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/bg1.jpg) no-repeat 50% 0;position: relative; overflow: hidden;}*/
/*.head*/
.btn_logo{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/logo.png) no-repeat;width: 368px;height: 64px;position: absolute;left: 99px; top: 59px;transition: all .3s;animation:bounceInDown 1s 0.1s ease both;}
.btn_logo:hover{top: 60px;}
.head{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/head.jpg) no-repeat 50% 0; height: 1074px; position: relative;}

.head_btn{width: 604px; display: flex; justify-content: space-between; position: absolute; top: 57px; right: 98px;}
.head_btn a{margin: 0 -3px; transition: .2s all;}
.head_btn a:hover{transform: translateY(6px);}
.btn_down{background-position: 0 0; width: 198px; height: 53px;}
.btn_downyd{background-position: -240px 0; width: 208px; height: 53px;}
.btn_open{background-position: -490px 0; width: 207px; height: 53px;}

.head_btnxz{width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 975px;}
.head_btnxz a{margin: 0 -6px;}
.head_btnxz a:nth-child(1){background-position: 0 -121px; width: 308px; height: 81px;}
.head_btnxz a:nth-child(2){background-position: 0 -270px; width: 308px; height: 81px;}
.head_btnxz a:nth-child(3){background-position: 0 -419px; width: 308px; height: 81px;}
.head_btnxz a:nth-child(4){background-position: 0 -568px; width: 308px; height: 81px;}

.head_btnxz a:nth-child(1).on,.head_btnxz a:nth-child(1):hover{background-position: -346px -121px;}
.head_btnxz a:nth-child(2).on,.head_btnxz a:nth-child(2):hover{background-position: -346px -270px;}
.head_btnxz a:nth-child(3).on,.head_btnxz a:nth-child(3):hover{background-position: -346px -419px;}
.head_btnxz a:nth-child(4).on,.head_btnxz a:nth-child(4):hover{background-position: -346px -568px;}

.content{height: auto; position: relative; display: none;}
.content.main{display: block;}
/*玩法亮点*/
.p1{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/content.jpg) no-repeat 50% 0; height: 1806px;}
.p1 .container{padding-top: 35px;}
/*section1*/
.p1 .section1{height: 847px;}
.p1 .s1tit{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_s1tit.png) no-repeat; width: 1138px; height: 59px; margin: 0 auto 28px;}
.p1 .s1box{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_s1boxbg.png) no-repeat; width: 1156px; height: 625px; margin: 0 auto 0; display: flex; justify-content: flex-start;}
.p1 .s1_livideo{width: 705px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 11px; padding-top: 12px;}
.p1 .s1_livideo li{width: 705px; height: 600px; position: relative;}
.p1 .s1_livideo li a{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_play.png) no-repeat; width: 84px; height: 99px; position: absolute; top: 251px; left: 322px; transition: .3s all;}
.p1 .s1_livideo li a:hover{transform: scale(1.1);}
.p1 .s1_livideo li p{width: 100%; font-size: 18px; line-height: 20px; text-align: center; color: #ffffff; position: absolute; top: 570px;}
.p1 .s1_livideo li video{position: absolute; width: 705px; height: 560px;left: 0; right: 0;top: 0px; margin: 0 auto; z-index: 99; background-color: #000000;}

.p1 .s1boxr{width: 400px; margin:12px 0 0 26px;}
.s1litx{width: 370px; margin-left: 16px;}
.s1litx li{width: 100%; display: flex; justify-content: space-between; margin: 10px 0 17px;}
.s1litx li img{width: 66px; height: 66px;}
.s1litx li div{width: 293px;}
.s1litx li b{font-size: 18px; line-height: 20px; color: #ffffff; font-weight: normal; margin-bottom: 6px; display: block;} 
.s1litx li p{width: 293px; font-size: 15px; line-height: 30px; color: #ffffff; background-color: rgba(52,52,52,.7); border-radius: 15px; padding: 6px 14px; box-sizing: border-box; font-weight: normal;}
.s1litx li i{font-style: normal; color: #00f757; font-weight: bold;}


.sw-pm{width: 400px; height: 600px !important; overflow: hidden !important; position: relative; cursor: -webkit-grab;}
.sw-pm .swiper-wrapper{transition-timing-function: linear; -webkit-transition-timing-function: linear; 
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;}
.sw-pm .swiper-slide{height: auto;}
.ss-pm{width: 2px !important; height: 520px !important; position: absolute; top: 50% !important; margin-top: -260px; right: 2px !important; background-color: #ffffff; border-radius: 0;}
.ss-pm .swiper-scrollbar-drag{background: #00f757; width: 2px !important; border-radius: 0;}


/*section3*/
.p1 .section3{height: 952px;}
.p1 .s3tit{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_s3tit.png) no-repeat; width: 1135px; height: 58px; margin: 0 auto 20px;}
.p1 .s3box{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_s3boxbg.png) no-repeat; width: 1156px; height: 706px; margin: 0 auto; position: relative; box-sizing: border-box; padding-top: 12px;}
.p1 .sc-root{width: 1132px; height: 623px; position: relative; margin-left: 13px;}
.p1 .sc-root .swiper-slide{width: 100%; height: 100%;}
.p1 .sc-root .swiper-slide img{width: 1132px; height: 623px;}
.p1 .sbp-root{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_sw_l.png) no-repeat; width: 55px; height: 39px; margin-top: 0; position: absolute; left: 443px; top: 650px; opacity: 1 !important;}
.p1 .sbn-root{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_sw_r.png) no-repeat; width: 55px; height: 39px; margin-top: 0; position: absolute; right: 443px; top: 650px; opacity: 1 !important;}
.p1 .sbp-root.swiper-button-disabled{filter: grayscale(100%);}
.p1 .sbn-root.swiper-button-disabled{filter: grayscale(100%);}
.p1 .sc-rootnum{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p1_s3boxbg_numbg.png) no-repeat; width: 140px; height: 25px; position: absolute; top: 658px; left: 50%; margin-left: -70px;}
.p1 .spa-root{width: 100%; height: 25px; display: flex; justify-content: center; font-size: 18px; line-height: 22px; font-weight: bold;}
.p1 .spa-root span{margin: 0 2px;}
/*直播观赛*/
.p2{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/content2.jpg) no-repeat 50% 0; height: 1026px;}
.p2 .container{padding-top: 75px;}
.p2box{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p2_s1boxbg.png) no-repeat; width: 1158px; height: 788px; position: relative; margin: 0 auto; padding-top: 185px; box-sizing: border-box;}
.p2boxzb{width: 100%; display: flex; justify-content: center;}
.p2boxzbjs{width: 536px; position: relative; margin: 0 13px;}
.p2lizbjs{width: 536px;}
.p2lizbjs .li1{width: 536px; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #ffffff; margin-bottom: 23px; line-height: 30px;}
.p2lizbjs .txt1{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 250px; box-sizing: border-box; text-align: center;}
.p2lizbjs .li2{width: 536px; height: 85px;  margin-bottom: 16px; display: flex; justify-content: flex-start; align-items: center; font-size: 22px; color: #ffffff; border: 2px #878787 solid; border-top-left-radius: 17px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-right-radius: 30px; padding: 0 35px; box-sizing: border-box;}
.p2lizbjs .li2 a{color: #07f468;}
.p2lizbjs .li2 span{font-size: 18px;}
.p2lizbjs .li3{white-space:nowrap;}
.p2lizbjs li b{white-space:nowrap;}
.p2lizbjs li i{width: 370px; font-style: normal;}
.p2lizbjs .txt3{display: flex; justify-content: flex-start;}

.p2boxzbtx{width: 132px; height: 132px; position: absolute; top: -144px; left: 50%; margin-left: -66px; display: flex; justify-content: center; align-items: center;}
.p2boxzbtx img{width: 132px; height: 132px;}
/*房间匹配*/
.p3{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/content3.jpg) no-repeat 50% 0; height: 1326px;}
.p3 .container{padding-top: 66px;}
.p3tit1{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p3_tit1.png) no-repeat; width: 1138px; height: 102px; margin: 0 auto 39px;}
.p3libtn{width: 100%; margin: 0 auto 0;}
.p3libtn li{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.p3libtn li:nth-child(3){margin-bottom: 41px;}
.p3libtn p{width: 157px; height: 40px; font-size: 16px; line-height: 40px; color: #151616; background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p3_txtbg.png) no-repeat; font-weight: bold; box-sizing: border-box; padding-left: 35px; margin-right: -5px;}
.p3libtn .dl1{width: 986px; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl1 dd{margin: 0 -3px; width: 146px;}
.p3libtn .dl1 a{background-position: -854px -71px; width: 146px; height: 40px; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl1 dd.on a{background-position: -854px -389px; width: 146px; height: 40px; color: #151616;}

.p3libtn .dl2{width: 986px; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl2 dd{margin: 0 -3px; width: 252px;}
.p3libtn .dl2 a{background-position: -748px -144px; width: 252px; height: 40px; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl2 dd.on a{background-position: -748px -480px; width: 252px; height: 40px; color: #151616;}

.p3libtn .dl3{width: 986px; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl3 dd{margin: 0 -3px; width: 252px;}
.p3libtn .dl3 a{background-position: -748px -144px; width: 252px; height: 40px; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center;}
.p3libtn .dl3 dd.on a{background-position: -748px -480px; width: 252px; height: 40px; color: #151616;}

.p3libtn li:nth-child(3) p{margin-right: -6px;}

.p3_btnrefresh{background-position: -863px -217px; width: 137px; height: 28px; margin-left: 1129px;}

.p3box{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p3_boxbg.png) no-repeat; width: 1156px; height: 534px; margin: 0 auto 17px; position: relative; box-sizing: border-box; padding: 58px 18px 0;}
.p3boxcont{width: 1110px; height: 422px; overflow-y: auto;}
.p3boxli{width: 1102px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.p3boxli li{width: 345px; margin: 0 11px 26px;}
.p3boxli li .p3boxroom{width: 345px; height: 198px; background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/p3_roombg.png) no-repeat; box-sizing: border-box; position: relative; padding-top: 6px;}
.p3boxli li .box1{width: 340px; font-size: 30px; font-weight: bold; color: #151616; text-align: center; display: flex; justify-content: center; align-items: center;}
.p3boxli li .p3_btncopy{background-position: -977px -338px; width: 23px; height: 27px; margin: 5px 10px 0;}
.p3boxli li .txt1{font-size: 18px; text-align: center; padding: 3px 5px; border: 2px solid #2c3333; border-radius: 5px; position: absolute; top: 57px; left: 16px;}
.p3boxli li .txt2{font-size: 18px; text-align: center; padding: 3px 5px; border: 2px solid #2c3333; border-radius: 5px; position: absolute; top: 97px; left: 16px;}
.p3boxli li .txt3{font-size: 18px; text-align: left; color: #151616; position: absolute; top: 140px; left: 16px; line-height: 18px;}
.p3boxli li .txt4{font-size: 18px; line-height: 18px; color: #151616; text-align: right; position: absolute; top: 169px; right: 13px;}
.p3boxli li .img1{width: 119px; height: 118px; position: absolute; top: 48px; left: 208px;}

.p3_btnpublish{background-position: -861px -265px; width: 139px; height: 29px; margin-left: 1129px;}

.p3_btnpublishnum{background-position: 0 -717px; width: 415px; height: 111px; margin: 9px auto 0; display: block; position: relative;}
.p3_btnpublishnum span{width: 510px; font-size: 25px; color: #ffffff; position: absolute; top: 130px; left: 50%; margin-left: -255px; text-align: center;}

.loginbox{position: absolute; top: 24px; right: 128px;}
.login{font-size: 24px;line-height: 24px;color: #ffffff;}
.login a{color: #02f639;}

.p3boxcont::-webkit-scrollbar {
    width: 4px;    
}
.p3boxcont::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #10e65a;
}
.p3boxcont::-webkit-scrollbar-track {
    border-radius: 0;
    background: #d7d7d7;
}

body::-webkit-scrollbar {
    width: 7px;    
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(7,244,104,1);
    background: rgba(7,244,104,1);
}
body::-webkit-scrollbar-track {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 5px rgba(131,131,131,1);
    background: rgba(131,131,131,1);
}

/*pop1*/
.dia-con1{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/pop_bg1.png) no-repeat; width: 827px; height: 844px; box-sizing: border-box; padding-top: 154px;}
.dia-close{background-position: -970px -969px; width: 30px; height: 31px; top: 39px; right: 44px; transition: .3s all;}
.dia-close:hover{transform: rotate(180deg);}
.pop1_li{width: 100%; margin: 0 auto;}
.pop1_li li{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.pop1_li li:nth-child(7){margin-bottom: 35px;}
.pop1_li li span{width: 138px; font-size: 24px; line-height: 30px; color: #ffffff;}
.pop1_li li input{background-position: -527px -793px; width: 473px; height: 56px; font-size: 24px; line-height: 56px; color: #14e65b; border: none; box-sizing: border-box; padding: 0 30px;}
.pop1_li li select{background-position: -527px -717px; width: 473px; height: 56px; font-size: 24px; line-height: 56px; color: #14e65b; border: none; box-sizing: border-box; padding: 0 40px 0 30px; appearance: none;}
.btn_qrfb{background-position: -709px -565px; width: 291px; height: 78px; margin: 0 auto 17px;}
.pop1_ts{width: 100%; font-size: 20px; line-height: 24px; color: #ffffff; text-align: center;}


/*pop2*/
.dia-con2{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/pop_bg2.png) no-repeat; width: 1164px; height: 744px; box-sizing: border-box; padding-top: 148px;}
.pop2_tab{width: 1060px; margin: 0 auto; border: 1px solid #bababa;}
.pop2_tab th{height: 55px; font-size: 24px; color: #14e65b; text-align: center; border-bottom: 1px solid #bababa;}
.pop2_tab th:nth-child(1){width: 250px;}
.pop2_tab th:nth-child(2){width: 126px;}
.pop2_tab th:nth-child(3){width: 150px;}
.pop2_tab th:nth-child(4){width: 150px;}
.pop2_tab th:nth-child(5){width: 140px;}
.pop2_tab th:nth-child(6){width: 244px;}
.pop2_tab td{height: 54px; font-size: 22px; color: #ffffff; text-align: center;}
.pop2_tab tr:nth-child(odd){background: rgba(215,215,215,.1);}
.pop2_tab tr:nth-child(1){background: none;}
.pop2_btn{width: 100%; display: flex; justify-content: center; align-items: center; font-size: 22px; line-height: 24px; text-align: center; color: #ffffff; margin-top: 30px;}
.pop2_btn a{color: #ffffff; text-decoration: underline;}
.pop2_btn p{margin: 0 35px;}
.btn-stop{color: #ffffff;}

/*pop3*/
.dialog-pop{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: fixed;left: 50%;top: 50%;z-index: 9999; transform: translate3d(0,0,0) translateX(-50%) translateY(-50%);}
.mask_pop{width: 100%;height: 100%; position: absolute;left: 50%;top: 50%; background-color: rgba(0,0,0,.5); transform: translateX(-50%) translateY(-50%); pointer-events: none;}
.dia-close-pop{background-position: -970px -969px; width: 30px; height: 31px; top: 39px; right: 44px; transition: .3s all;}
.dia-close-pop:hover{transform: rotate(180deg);}
.dia-pop3{background: url(//game.gtimg.cn/images/fo4/cp/a20251202room/pop_bg3.png) no-repeat; width: 827px; height: 294px; box-sizing: border-box; padding-top: 50px;}
.pop3_txt{width: 640px; height: 120px; font-size: 20px; line-height: 24px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.pop3_btn{width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.pop3_btn a{margin: 0 35px;}
.btn1_pop3{background-position: 0 -874px; width: 291px; height: 78px;}
.btn2_pop3{background-position: -362px -874px; width: 291px; height: 78px;}

#__milo_loader_layer__{height: 100% !important;}

#milo-dialog{z-index: 99999 !important;}

.dia-conrwn{width: 200px; height: 200px;}
.dia-conrwn img{width: 200px; height: 200px;}
.dia-closerwm{top: 214px; left: 50%; margin-left: -15px;}
