/* reset start */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:0.12rem/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b,i{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #f7efed;overflow-x: hidden;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}
/* reset end */
/***底部***/
#afooter {position: relative;padding: 0.3rem 0;text-align: center;font: normal 0.12rem/0.19rem Tahoma;z-index: 10;background-color: #000;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative;*zoom:1;margin:0 auto;overflow:hidden; width: 100%; opacity: 0;}
.wrapper img{display: block;}
.wrapper .part-main{width: 16rem; height: 100%; margin: 0 auto; position: relative; z-index: 2;}
.wrapper .hid{text-indent:-99.99rem;font-size:0rem;overflow:hidden;width:0rem;height:0rem;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}
.fl { float: left;}
.fr { float: right;}
.fbox { *zoom:1; }
.fbox::after,.fbox::before { content: ""; display: table;}
.fbox::after { clear: both;}

.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0; margin: 0;}
.wrapper-main { width: 11.16rem;overflow: hidden;margin: 0 auto;}
.wrapper-main .wrapper{width: 25.6rem;transform: scale(.6);transform-origin: 0 0; margin-left: -2.1rem;}
.neiqian .dia-scale{transform: scale(.6);}
.mob-show { display: none !important;}

html,body { width: 100%;}
.ost{min-width: 12rem !important;}
.hidd { overflow: hidden; }

/* spr S */
.spr{ background:url(//game.gtimg.cn/images/cf/web202410/spr.png?v=20241202) no-repeat;background-size: 10.20rem 5.88rem;}
.arr-down {width:0.28rem; height:0.15rem; background-position: -0.1rem -5.63rem}
.arr-left {width:0.95rem; height:0.41rem; background-position: -7.76rem -2.94rem}
.arr-left2 {width:0.06rem; height:0.11rem; background-position: -5.31rem -4.87rem}
.arr-right {width:0.95rem; height:0.41rem; background-position: -8.36rem -4.86rem}
.arr-right1 {width:0.95rem; height:0.41rem; background-position: -8.16rem -5.37rem}
.arr-right2 {width:0.36rem; height:0.25rem; background-position: -9.21rem -5.43rem}
.arr-right3 {width:0.28rem; height:0.18rem; background-position: -9.16rem -3.1rem}
.arr-right4 {width:0.32rem; height:0.21rem; background-position: -9.1rem -2.79rem}
.arr-right4.on {width:0.32rem; height:0.21rem; background-position: -9.67rem -5.43rem}
.btn-download {width:2.84rem; height:1.1rem; background-position: -5.74rem -0.1rem}
.btn-more {width:2.37rem; height:0.61rem; background-position: -7.54rem -3.45rem}
.btn-more2 {width:1.8rem; height:0.6rem; background-position: -7.54rem -4.16rem}
.btn-news-more {width:5.11rem; height:0.66rem; background-position: -0.1rem -4.87rem}
.i-bdss {width:0.72rem; height:0.29rem; background-position: -7.54rem -4.86rem}
.i-cdkdh {width:0.46rem; height:0.45rem; background-position: -8.59rem -1.67rem}
.i-cf {width:0.69rem; height:0.47rem; background-position: -9.41rem -4.86rem}
.i-cfvip {width:0.54rem; height:0.53rem; background-position: -9.44rem -4.16rem}
.i-cur {width:0.2rem; height:0.21rem; background-position: -9.52rem -2.79rem}
.i-djc {width:0.54rem; height:0.47rem; background-position: -9.39rem -1.17rem}
.i-download {width:0.25rem; height:0.23rem; background-position: -8.81rem -3.11rem}
.i-hot {width:0.24rem; height:0.31rem; background-position: -9.82rem -2.76rem}
.i-hot2 {width:0.38rem; height:0.51rem; background-position: -9.7rem -1.74rem}
.i-label1 {width:1.24rem; height:0.31rem; background-position: -8.68rem -0.1rem}
.i-label1.on {width:1.21rem; height:0.3rem; background-position: -8.68rem -0.51rem}
.i-label2 {width:2.06rem; height:0.38rem; background-position: -5.31rem -5.34rem}
.i-spxt {width:0.45rem; height:0.45rem; background-position: -8.59rem -2.22rem}
.i-wgjb {width:0.41rem; height:0.4rem; background-position: -9.14rem -2.29rem}
.i-xyzq {width:0.59rem; height:0.44rem; background-position: -7.47rem -5.34rem}
.i-yqmdh {width:0.61rem; height:0.4rem; background-position: -8.68rem -1.17rem}
.i-zscf {width:0.45rem; height:0.45rem; background-position: -9.15rem -1.74rem}
.news-nav-cur {width:1.02rem; height:0.16rem; background-position: -8.8rem -0.91rem}
.part1-btn1 {width:5.32rem; height:1.49rem; background-position: -0.1rem -3.28rem}
.part1-btn2 {width:5.54rem; height:1.49rem; background-position: -0.1rem -0.1rem}
.part1-btn3 {width:5.54rem; height:1.49rem; background-position: -0.1rem -1.69rem}
.part4-icon {width:0.19rem; height:0.24rem; background-position: -8.81rem -2.77rem}
.sw-left {width:1.92rem; height:1.92rem; background-position: -5.74rem -1.3rem}
.sw-left.on {width:0.73rem; height:0.72rem; background-position: -7.76rem -1.3rem}
.sw-right {width:1.92rem; height:1.92rem; background-position: -5.52rem -3.32rem}
.sw-right.on {width:0.73rem; height:0.72rem; background-position: -7.76rem -2.12rem}
.swiper-pagination-bullet-active {width:0.31rem; height:0.31rem; background-position: -9.65rem -2.35rem}
/* spr E */

/* 通用样式 S */

/* 动画 S */
@-webkit-keyframes e-icon{
	100% { -webkit-transform: rotateY(360deg); }
}
@keyframes e-icon{
	100% { transform: rotateY(360deg); }
}
@-webkit-keyframes l13 { 100% { -webkit-transform: rotate(1turn) } }
@keyframes l13 { 100% { transform: rotate(1turn) } }
/* 动画 E */

.fade-txt { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: linear-gradient(to top, #c2b9cf, #eae6ee); font-weight: bold; }

.part-title-box { width: 16rem; /*height: 0.95rem;*/ font-size: 0; text-align: left; margin: 0 auto; position: relative; }
.part-title-box .part-title p { width: auto; display: inline-block; vertical-align: bottom; font-size: 0.5rem; line-height: 0.95rem; font-weight: bold; color: #23334d; margin: 0 auto; }
.part-title-box .part-title i.spr { display: inline-block; vertical-align: bottom; margin: 0 0.3rem; position: relative; top: -0.25rem; }
.part-title-box .btn-box { width: 2.38rem; height: auto; position: absolute; bottom: 0.15rem; right: 0; }
.part-title-box .btn-box a { display: block; font-size: 0.18rem; line-height: 0.61rem; color: #fff; text-align: center; }
.part-title-box .btn-box i.spr { display: inline-block; vertical-align: middle; transition: all .3s; position: relative; left: 0rem; top: -0.02rem; }
.part-title-box .btn-box a:hover { filter: brightness(1.1); }
.part-title-box .btn-box a:hover i.spr { left: 0.1rem;}

/*.wrapper a { transform: filter .3s; }
.wrapper a:hover { filter: brightness(1.1); }*/
.wrapper a.gray { filter: grayscale(1); pointer-events: none; }
/* 通用样式 E */

/* 通头 S */
.header, .header * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.header { width: 100%; height: 1.22rem; position: fixed; top: 0; left: 0; z-index: 99; transform-origin: 0 0; opacity: 0; }
.header::after { content: ''; width: 100%; height: 1.46rem; background: url(//game.gtimg.cn/images/cf/web202410/header-bg.png) no-repeat 50% 0/100%; position: absolute; top: -0.24rem; left: 0; z-index: 1; pointer-events: none; }
.header .logo-box { width: 3.78rem; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; }
.header a.logo-cf { width: 2.44rem; height: 0.56rem; background: url(//game.gtimg.cn/images/cf/web202410/logo.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -0.28rem 0 0 -1.22rem; z-index: 9; pointer-events: all; }
.header .center-box { width: 17.6rem; height: 1.1rem; font-size: 0; text-align: right; position: absolute; top: 0; right: 3.24rem; z-index: 2; }
.header .center-box a { width: 2.2rem; height: 1.1rem; display: inline-block; vertical-align: top; padding-top: 0.3rem; position: relative; }
.header .header-btn span { width: 100%; height: 0.3rem; font-size: 0.22rem; line-height: 0.3rem; color: #fff; text-align: center; font-weight: bold; display: block; } 
.header .header-btn i { width: 100%; height: 0.2rem; font-size: 0.14rem; line-height: 0.2rem; color: #8a8a93; text-align: center; font-weight: bold; display: block; font-style: normal; margin-top: 0.02rem; text-transform: uppercase; }
/*.header .header-btn.on span { color: #fff; }
.header .header-btn.on i { color: #8a8a93; }*/

.header .right-box { width: 2.84rem; height: 1.1rem; position: absolute; top: 0; right: 0; z-index: 2; }
.header .right-box a.btn-download { display: block; text-align: center; padding-top: 0.22rem; position: relative; transform: filter .3s; }
.header .right-box a.btn-download:hover { filter: brightness(1.1); }
.header a.btn-download span { display: inline-block; vertical-align: top; font-size: 0.3rem; line-height: 0.4rem; color: #fff; position: relative; }
.header a.btn-download span::before { content: ''; width: 0.2rem; height: 0.02rem; background: rgba(255, 255, 255, .5); position: absolute; top: 50%; right: -0.36rem; margin-top: -0.01rem; pointer-events: none; }
.header a.btn-download span::after { content: ''; width: 0.2rem; height: 0.02rem; background: rgba(255, 255, 255, .5); position: absolute; top: 50%; left: -0.36rem; margin-top: -0.01rem; pointer-events: none; }
.header a.btn-download i.i-download { position: absolute; left: 50%; bottom: 0.2rem; margin-left: -0.125rem; }

.header .sub-nav { width: 100%; min-height: 4rem; background: rgba(0, 0, 0, .6); padding: 0.15rem 0 0.3rem 1.52rem; position: absolute; left: 0; top: -2rem; z-index: 0; pointer-events: none; opacity: 0; transition: all .3s; }
.header:hover .sub-nav { opacity: 1; pointer-events: all; top: 1.08rem; }
.header .navlist { width: 17.6rem; height: auto; font-size: 0; text-align: center; padding-left: 2.2rem; margin: 0 3.24rem 0 auto; }
.header .navlist dt { width: 2.2rem; height: 0; font-size: 0; overflow: hidden; display: none; }
.header .navlist dd { width: 2.2rem; height: auto; display: inline-block; vertical-align: top; }
.header .navlist ul { width: 100%; height: auto; }
.header .navlist li { font-size: 0.19rem; line-height: 0.45rem; color: #fff; position: relative; }
.header .navlist li.new::before { content: 'N'; width: 0.16rem; height: 0.16rem; background: #317ace; font-size: 0.12rem; line-height: 0.16rem; color: #fff; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 0.06rem; }
.header .navlist li.hot::before { content: 'H'; width: 0.16rem; height: 0.16rem; background: #db4718; font-size: 0.12rem; line-height: 0.16rem; color: #fff; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 0.06rem; }
.header .navlist a { font-size: 0.19rem; color: #fff; position: relative; }
.header .navlist a::after { content: ""; width: 0; height: 0.01rem; position: absolute; left: 50%; bottom: -0.03rem; background: #de4819; transition: all .3s; }
.header .navlist a:hover::after { width: 100%; left: 0; right: 0; }
/* 通头 S */

.head { width: 100%; height: 12rem; position: relative; z-index: 0; }
.head .img-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.head .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; }
.head .video-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.head .video-box video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 80%; pointer-events: none; }
.head a { width: 100%; height: 9.3rem; position: absolute; left: 0; top: 0; }

.part0 { width: 100%; height: 8.12rem; background: url(//game.gtimg.cn/images/cf/web202410/bg0.jpg) no-repeat 50% 1.82rem; margin-top: -1.8rem; position: relative; z-index: 1; }
.part0::before { content: ''; width: 100%; height: 1.82rem; background: url(//game.gtimg.cn/images/cf/web202410/bg0.png) no-repeat 50% 0; position: absolute; top: 0.01rem; left: 0; pointer-events: none; }
.part0 .part0-btn-box { width: 120%; font-size: 0; text-align: center; margin-left: -10%; position: relative; top: -0.74rem; }
.part0 .part0-btn-box a { font-size: 0.35rem; line-height: 1.48rem; color: #fff; text-align: center; display: inline-block; vertical-align: top; transition: filter .3s; }
.part0 .part0-btn-box a.part1-btn2 { margin: 0 -0.2rem; clip-path: polygon(4% 0, 100% 0, 100% 83%, 95% 100%, 0 100%, 4% 83%); position: relative; z-index: 1; }
.part0 .part0-btn-box a:hover { filter: brightness(1.2); }
.part0 .part0-cont { width: 100%; height: auto; font-size: 0; text-align: center; margin-top: 0.1rem; }
.part0 .banner-wrap { width: 10.6rem; height: auto; display: inline-block; vertical-align: top; margin-right: 0.3rem; position: relative; }
.part0 .banner-nav { width: 100%; height: auto; text-align: right; position: absolute; top: 0; right: 0; z-index: 9; pointer-events: none; cursor: pointer; }
.part0 .banner-nav .banner-btn { font-size: 0.17rem; line-height: 0.52rem; color: #797981; background: #23334d; display: inline-block; vertical-align: top; padding: 0 0.1rem; pointer-events: all; }
.part0 .banner-nav .banner-btn.cur { color: #fff; background: #e2581c; }
.part0 .banner-cont { width: 100%; height: 5.64rem; overflow: hidden; position: relative; }
.part0 .banner-cont .banner-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; z-index: -1; }
.part0 .banner-cont .banner-box.show { opacity: 1; pointer-events: all; z-index: 1; }
.part0 .banner-list { width: 100%; height: 5.24rem; }
.part0 .banner-list.gf-banner { height: 5.24rem; }
.part0 .banner-list li.swiper-slide { width: 10.6rem; height: 100%; overflow: hidden; position: relative; }
.part0 .banner-list li.swiper-slide a { width: 100%; height: 100%; display: block; }
.part0 .banner-list li.swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.part0 .banner-info { width: 100%; height: 0.36rem; font-size: 0; text-align: center; margin-top: 0.04rem; }
.part0 .banner-info ul { width: 100%; height: 0.36rem; font-size: 0; text-align: center; display: flex; background: #e2e3e5;  }
.part0 .banner-info li { flex: auto; height: 100%; display: inline-block; vertical-align: top; background: #e2e3e5; font-size: 0.15rem; line-height: 0.36rem; color: #2c3037; text-align: center; cursor: pointer; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.part0 .banner-info li.cur { background: #e2581c; color: #fafafa; }
.part0 .hz-pagin { width: 100%; height: 0; font-size: 0; text-align: center; position: absolute; right: 0; bottom: 0.52rem; z-index: 2; }
.part0 .hz-pagin span { width: 0.14rem; height: 0.14rem; display: inline-block; vertical-align: middle; border: 0.01rem solid #797981; transform: rotate(-45deg); border-radius: 0; background-color: transparent; opacity: 1; margin: 0 0.08rem; position: relative; }
.part0 .hz-pagin span.swiper-pagination-bullet-active { width: 0.31rem; height: 0.31rem; background-image: url(//game.gtimg.cn/images/cf/web202410/spr.png); border: none; transform: rotate(0); }
.part0 .hz-pagin span.swiper-pagination-bullet-active::before { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; left: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part0 .hz-pagin span.swiper-pagination-bullet-active::after { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; right: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part0 .hz-pagin span:nth-child(1)::before { opacity: 0; }
.part0 .hz-pagin span:last-of-type::after { opacity: 0; }
.part0 .hz-pagin span.swiper-pagination-bullet-active + span { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }
.part0 .hz-pagin span.pagination-prev { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }

.part0 .news-wrap { width: 5.1rem; height: auto; display: inline-block; vertical-align: top; }
.part0 .news-nav { width: 100%; height: 0.48rem; border-bottom: 0.01rem solid #e2e3e5; display: flex; justify-content: space-between; }
.part0 .news-nav li { width: 1.26rem; height: 100%; font-size: 0.2rem; line-height: 0.34rem; color: #8a8a93; text-align: center; position: relative; cursor: pointer; }
.part0 .news-nav li i.spr { position: absolute; left: 50%; bottom: -0.07rem; margin-left: -0.51rem; opacity: 0; }
.part0 .news-nav li.cur { color: #e2581c; }
.part0 .news-nav li.cur i.spr { opacity: 1; }
.part0 .news-cont { width: 100%; height: 4.4rem; overflow: hidden; position: relative; }
.part0 .news-cont .news-panel { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; z-index: -1; }
.part0 .news-cont .news-panel.show { opacity: 1; pointer-events: all; z-index: 1; }
.part0 .news-list { width: 100%; height: 4.28rem; position: relative; }
.part0 .news-list li { width: 100%; height: 0.55rem; font-size: 0.18rem; line-height: 0.5rem; color: #2c3037; position: relative; }
.part0 .news-list li.top-news { height: 0.98rem; font-size: 0.24rem; line-height: 0.98rem; color: #e2581c; font-weight: bold; background: url(//game.gtimg.cn/images/cf/web202410/news-bg.png) no-repeat 50% 0; background-size: 100%; }
.part0 .news-list li:not(.top-news) { border-top: 0.01rem solid #e2e3e5; }
.part0 .news-list li:not(.top-news)::before { content: ''; width: 0.02rem; height: 0.12rem; background: #e2e3e5; position: absolute; top: -0.06rem; left: 0; pointer-events: none; }
.part0 .news-list li:not(.top-news)::after { content: ''; width: 0.02rem; height: 0.12rem; background: #e2e3e5; position: absolute; top: -0.06rem; right: 0; pointer-events: none; }
.part0 .news-list li a { color: inherit; }
.part0 .news-list li p { width: 100%; height: 100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.part0 .news-list li:not(.top-news) p { width: 4.5rem; text-align: left; padding-left: 0.05rem; }
.part0 .news-list li span { height: 100%; color: #2c3037; position: absolute; right: 0; top: 0; }
.part0 .news-list li:not(.top-news):hover { color: #e2581c; }
.part0 .news-list li:not(.top-news):hover span { color: #e2581c; }
.part0 .news-wrap .btn-box { width: 100%; height: auto; margin-top: 0.1rem; }
.part0 .news-wrap .btn-box a { font-size: 0.25rem; line-height: 0.66rem; color: #f1f1f2; font-weight: bold; text-align: center; display: block; letter-spacing: 0.06rem; margin: 0 auto; }
.part0 .btn-box a span { display: inline-block; vertical-align: middle; }
.part0 .btn-box a em { color: #ff4520; }
.part0 .btn-box a i { display: inline-block; vertical-align: middle; position: relative; left: 0; transition: all .3s; }
.part0 .news-wrap .btn-box a:hover { filter: brightness(1.2); }
.part0 .news-wrap .btn-box a:hover i { left: 0.1rem; }
.part0 .news-list .empty-box { width: 100%; height: 80%; position: absolute; left: 0; top: 0; pointer-events: none; }
.part0 .news-list .empty-box .loader { width: 8%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 10%); top: 40%; }


.part1 { width: 100%; height: 7.05rem; background: url(//game.gtimg.cn/images/cf/web202410/bg1.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part1 .part-main { padding-top: 0.42rem; }
.part1 .part1-cont { width: 100%; height: auto; margin-top: 0.4rem; }
.part1 .ver-list { width: 16.4rem; height: 4rem; font-size: 0; text-align: left; margin-left: -0.2rem; position: relative; }
.part1 .ver-item { width: 3.72rem; display: inline-block; vertical-align: top; margin: 0 0.19rem; position: relative; }
.part1 .ver-item .img-box { width: 100%; height: 2.14rem; overflow: hidden; }
.part1 .ver-item .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part1 .ver-item:hover .img-box img { transform: scale(1.1); }
.part1 .ver-item .ver-info { width: 100%; height: 1.66rem; background: #fff; padding-top: 0.28rem; position: relative; }
.part1 .ver-item .ver-info::after { content: ''; width: 100%; height: 0.07rem; background: #265ec8; position: absolute; left: 0; bottom: 0; }
.part1 .ver-item .ver-info p { width: 100%; font-size: 0.16rem; line-height: 0.3rem; color: #23334d; text-align: left; padding: 0 0.23rem; position: relative;}
.part1 .ver-item .ver-info p.ver-tit { color: #e35d28; font-size: 0.22rem; margin-bottom: 0.04rem;}
.part1 .ver-item .ver-info p.ver-date { height: 0.38rem;}
.part1 .ver-item .ver-info p.ver-date::after { content: ""; width: 2.66rem; height: 0.02rem; background-color: #f2f2f3; position: absolute; left: 0.23rem; bottom: 0;}
.part1 .ver-item .ver-info span { width: 100%; display: block; font-size: 0.16rem; line-height: 0.2rem; color: #8a8a93; text-align: left; padding: 0 0.23rem; margin-top: 0.1rem; }
.part1 .ver-item:hover .ver-info { background: linear-gradient(to left, #f59e28, #e4601d); }
.part1 .ver-item:hover .ver-info:after { opacity: 0; }
.part1 .ver-item:hover .ver-info p { color: #fff; }
.part1 .ver-item:hover .ver-info span { color: #f3bca9; }
.part1 .ver-item .ver-time { display: none; width: 100%; height: 0.26rem; font-size: 0; text-align: center; position: absolute; bottom: -0.7rem; left: 0; pointer-events: none; }
.part1 .ver-item:nth-of-type(1) .ver-time::before { content: ''; width: 0.04rem; height: 0.12rem; background: #d2d2d6; position: absolute; top: 50%; left: -0.01rem; margin-top: -0.06rem; }
.part1 .ver-item:last-of-type .ver-time::after { content: ''; width: 0.17rem; height: 0.21rem; background: url(//game.gtimg.cn/images/cf/web202410/arr-right.png) no-repeat 0 0; background-size: 100%; position: absolute; top: 50%; right: 0; margin-top: -0.11rem; }
.part1 .ver-time p { width: auto; display: inline-block; vertical-align: top; padding: 0 0.1rem; position: relative; }
.part1 .ver-time p::before { content: ''; width: 1.9rem; height: 0.01rem; background: #c2c2c7; position: absolute; top: 50%; left: -100%; }
.part1 .ver-time p::after { content: ''; width: 1.9rem; height: 0.01rem; background: #c2c2c7; position: absolute; top: 50%; right: -100%; }
.part1 .ver-time span { display: inline-block; vertical-align: bottom; font-size: 0.16rem; line-height: 0.26rem; color: #c4c4c9; letter-spacing: 0.01rem; }
.part1 .ver-time i.spr { vertical-align: bottom; margin: -0.05rem 0 0 0.08rem; display: none; }
.part1 .ver-item.cur .ver-time span { color: #e2581c; }
.part1 .ver-item.cur .ver-time i.spr { display: inline-block; }
.part1 .ver-item.cur .ver-time p::before, .part1 .ver-item:nth-of-type(1) .ver-time p::before { width: 0.66rem; left: -0.66rem; }
.part1 .ver-item.cur .ver-time p::after { width: 1.2rem; right: -1.2rem; }
.part1 .ver-item:last-of-type .ver-time p::after { width: 0.82rem; right: -0.82rem; }
.part1 .ver-item:last-of-type.cur .ver-time p::after { width: 0.38rem; right: -0.38rem; }
.part1 .ver-list .empty-box { width: 100%; height: 80%; position: absolute; left: 0; top: 0; pointer-events: none; }
.part1 .ver-list .empty-box .loader { width: 8%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 5%); top: 34%; }


.part2 { width: 100%; height: 7.38rem; background: url(//game.gtimg.cn/images/cf/web202410/bg2.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part2 .part-main { padding-top: 0.56rem; }
.part2 .part2-cont { width: 100%; height: auto; margin-top: 0.35rem; }
.part2 .act-list { width: 16.4rem; height: 4rem; font-size: 0; text-align: left; margin-left: -0.2rem; position: relative; }
.part2 .act-item { width: 3.72rem; display: inline-block; vertical-align: top; margin: 0 0.19rem; }
.part2 .act-item .img-box { width: 100%; height: 2.06rem; overflow: hidden; }
.part2 .act-item .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part2 .act-item:hover .img-box img { transform: scale(1.1); }
.part2 .act-item .act-info { width: 100%; height: 1.38rem; background: #fff; padding-top: 0.3rem; position: relative; }
.part2 .act-item .act-info::after { content: ''; width: 100%; height: 0.07rem; background: #265ec8; position: absolute; left: 0; bottom: 0; }
.part2 .act-item .act-info p.act-tit { width: 70%; font-size: 0.22rem; line-height: 0.3rem; color: #23334d; text-align: left; padding: 0 0.23rem; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.part2 .act-item .act-info p.act-txt { width: 100%; display: block; font-size: 0.16rem; line-height: 0.2rem; color: #8a8a93; text-align: left; padding: 0 0.23rem; margin-top: 0.18rem; }
.part2 .act-item p.act-label { width: 1.24rem; height: 0.31rem; font-size: 0.14rem; line-height: 0.31rem; color: #e97938; text-align: center; position: absolute; top: 0.3rem; right: 0.1rem; }
.part2 .act-item p.act-label span { position: relative; z-index: 1; }
.part2 .act-item p.act-label i.spr { position: absolute; top: 0; left: 0; z-index: 0; transition: transform .3s; }
.part2 .act-item p.act-label i.spr.on { opacity: 0; }
.part2 .act-item.cur .act-info, .part2 .act-item:hover .act-info { background: linear-gradient(to left, #f59e28, #e4601d); }
.part2 .act-item.cur .act-info:after, .part2 .act-item:hover .act-info:after { opacity: 0; }
.part2 .act-item.cur p.act-tit, .part2 .act-item:hover p.act-tit { color: #fff; }
.part2 .act-item.cur p.act-txt, .part2 .act-item:hover p.act-txt { color: #f3bca9; }
.part2 .act-item.cur p.act-label, .part2 .act-item:hover p.act-label { color: #fff0e2; }
.part2 .act-item.cur p.act-label i.spr, .part2 .act-item:hover p.act-label i.spr { opacity: 0; }
.part2 .act-item.cur p.act-label i.spr.on, .part2 .act-item:hover p.act-label i.spr.on { opacity: 1; }
.part2 .act-list .empty-box { width: 100%; height: 80%; position: absolute; left: 0; top: 0; pointer-events: none; }
.part2 .act-list .empty-box .loader { width: 8%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 5%); top: 34%; }


.part3 { width: 100%; height: 10.2rem; background: url(//game.gtimg.cn/images/cf/web202410/bg3.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part3 .part-main { padding-top: 1rem; }
.part3 .part-title-box { width: 15.78rem; }
.part3 .part3-cont { width: 100%; height: auto; font-size: 0; text-align: center; margin-top: 0.37rem; }
.part3 .part3-box1 { width: 10.65rem; height: auto; display: inline-block; vertical-align: top; position: relative; }
.part3 .part3-box1::after { content: ''; width: 3.1rem; height: 0.6rem; background: #e2e3e5; position: absolute; right: 0; bottom: 0.04rem; z-index: 1; pointer-events: none; }
.part3 .part3-box1 .creator-list { width: 100%; height: 6.66rem; overflow: hidden; position: relative; z-index: 0; }
.part3 .creator-list li { width: 100%; height: 100%; position: relative; overflow: hidden; }
.part3 .creator-list li a { width: 100%; height: 100%; }
.part3 .creator-list li .wrap { height: 5.98rem;}
.part3 .creator-list li img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part3 .part3-box1 .creator-info { width: 100%; height: 0.68rem; text-align: left; background: #e2e3e5; padding-left: 0.4rem; }
.part3-box1 .creator-info i.spr { display: inline-block; vertical-align: middle; margin: -0.06rem 0.16rem 0; }
.part3-box1 .creator-info p { width: 6rem; font-size: 0.27rem; line-height: 0.68rem; color: #797981; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.part3-box1 .creator-pagin { width: 3.1rem; height: 0; font-size: 0; text-align: center; position: absolute; right: 0; bottom: 0.48rem; z-index: 6; }
.part3-box1 .creator-pagin span { width: 0.14rem; height: 0.14rem; display: inline-block; vertical-align: middle; border: 0.01rem solid #797981; transform: rotate(-45deg); border-radius: 0; background-color: transparent; opacity: 1; margin: 0 0.08rem; position: relative; }
.part3-box1 .creator-pagin span.swiper-pagination-bullet-active { width: 0.31rem; height: 0.31rem; background-image: url(//game.gtimg.cn/images/cf/web202410/spr.png); border: none; transform: rotate(0); }
.part3-box1 .creator-pagin span.swiper-pagination-bullet-active::before { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; left: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part3-box1 .creator-pagin span.swiper-pagination-bullet-active::after { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; right: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part3-box1 .creator-pagin span:nth-child(1)::before { opacity: 0; }
.part3-box1 .creator-pagin span:last-of-type::after { opacity: 0; }
.part3-box1 .creator-pagin span.swiper-pagination-bullet-active + span { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }
.part3-box1 .creator-pagin span.pagination-prev { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }
.part3 .part3-box2 { width: 4.83rem; height: auto; display: inline-block; vertical-align: top; margin-left: 0.32rem; }
.part3 .part3-box2 div { width: 100%; height: 100%; display: inline-block; vertical-align: top; position: relative; }
.part3 .part3-box2 .creator-more:first-child { margin-bottom: 0.48rem; }
.part3 .part3-box2 .img-box { width: 100%; height: 2.7rem; overflow: hidden; position: relative; }
.part3 .part3-box2 .img-box img { width: 100%; height: 100%; object-fit: cover; }
.part3 .part3-box2 .img-box:after { content: ''; width: 100%; height: 100%; background: #0000009e; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; opacity: 0; }
.part3 .part3-box2 .img-box:hover:after { opacity: 1; }
.part3 .part3-box2 .img-box li { width: 100%; height: 100%; transition: transform .3s; }
.part3 .part3-box2 .img-box li .vid-box { cursor: pointer; }
.part3 .part3-box2 .img-box li .vid-box span { display: none; width: 0.47rem; height: 0.47rem; background: teal; z-index: 9999; position: absolute; top: 50%; left: 50%; margin: -0.23rem 0 0 -0.23rem; background: url(//game.gtimg.cn/images/cf/cp/a20240924uccmap/home/spr.png) no-repeat; background-position: -17.48rem -1.83rem; }
/* .part3 .part3-box2 .img-box li .vid-box img { width: 100%; height: 2.74rem; } */
.part3 .part3-box2 .img-box li .vid-box:hover span { display: inline-block; }    
/* .part3 .part3-box2 div:hover li { transform: scale(1.1); } */
.part3-box2 a.creator-info { width: 100%; height: 0.38rem; display: inline-block; text-align: left; background: #e2e3e5; padding-left: 0.3rem; position: relative; }
.part3-box2 a.creator-info::after { content: ''; width: 100%; height: 0.07rem; position: absolute; bottom: 0; left: 0; pointer-events: none; }
.part3-box2 a.creator-info p { display: inline-block; vertical-align: middle; font-size: 0.16rem; line-height: 0.36rem; color: #797981; margin: 0 0.05rem; }
.part3-box2 a.creator-info i.spr { display: inline-block; vertical-align: middle; }
.part3-box2 a.creator-info i.spr.on { opacity: 0; position: relative; left: -0.32rem; transition: all .3s; }
.part3-box2 .creator-info:hover { background: linear-gradient(to left, #f59e28, #e4601d); }
.part3-box2 .creator-info:hover::after { opacity: 0; }
.part3-box2 .creator-info:hover p { color: #fff; }
.part3-box2 .creator-info:hover i.spr { opacity: 0; }
.part3-box2 .creator-info:hover i.spr.on { opacity: 1; left: -0.22rem; }


.part4 { width: 100%; height: 9.2rem; background: url(//game.gtimg.cn/images/cf/web202410/bg4.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part4 .part-main { padding-top: 0.1rem; }
.part4-cont { margin-top: 0.4rem; width: 100%; position: relative;}
.part4-cont .map-list { width: 9.78rem; height: 6.82rem; position: relative; margin: 0 auto;}
.part4-cont .map-list { width: 25.6rem; margin-left: -4.8rem; }
.part4-cont .map-list li { float: left; width: 9.78rem; height: 6.82rem; position: relative; padding: 0.15rem 0.13rem 0; }
.part4-cont .map-list a { display: block; width: 100%; height: 100%; position: relative; }
.part4 .map-list .img-box { width: 66%; height: 4.8rem; padding-bottom: 0.3rem; position: relative; top: 2.04rem; overflow: hidden; filter: brightness(.6); }
.part4 .map-list li:not(.swiper-slide-active) .img-box { margin: 0 auto 0 0; }
.part4 .map-list li.swiper-slide-prev .img-box { width: 70%; height: 4.8rem; top: 1.58rem; margin: 0 auto 0 0.36rem; }
.part4 .map-list li.swiper-slide-next .img-box { width: 70%; height: 4.8rem; top: 1.58rem; margin: 0 0.36rem 0 auto; }
.part4 .map-list li.swiper-slide-next+li .img-box { margin: 0 0 0 auto; }
.part4 .map-list img { display: block; width: 100%; height: 100%; position: relative; z-index: 1;}
.part4 .map-list .img-box::before { content: ''; width: 100%; height: 50%; background: linear-gradient(to top, #08112a, transparent); position: absolute; left: 0; bottom: 0.3rem; pointer-events: none; z-index: 2; opacity: 0; }
.part4 .map-list .text-box { width: 100%; height: 1.3rem; padding: 0 0.34rem; position: absolute; left: 0; bottom: 0.3rem; z-index: 3; opacity: 0; }
.part4 .map-list .text-box .map-name { font-size: 0.55rem; line-height: 0.73rem; color: #ffffff; font-weight: bold; }
.part4 .map-list .text-box .map-id { font-size: 0.18rem; line-height: 0.2rem; color: #98a1bb; margin-top: 0.04rem; }
.part4 .map-info { display: none; width: 100%; height: 0.62rem; line-height: 0.62rem; background-color: #e2e3e5; color: #797981; font-size: 0.24rem; text-align: center; position: relative; }
.part4-cont .map-list li.swiper-slide-active a::before { content: ''; width: 0.18rem; height: 0.22rem; background: transparent; border: 0.02rem solid #fc8b2c; border-bottom: none; border-right: none; position: absolute; left: -0.12rem; top: -0.14rem; pointer-events: none; }
.part4-cont .map-list li.swiper-slide-active a::after { content: ''; width: 0.18rem; height: 0.22rem; background: transparent; border: 0.02rem solid #fc8b2c; border-bottom: none; border-left: none; position: absolute; right: -0.14rem; top: -0.14rem; pointer-events: none; }
.part4 .map-info::before { content: ''; width: 0.18rem; height: 0.22rem; background: transparent; border: 0.02rem solid #fc8b2c; border-top: none; border-right: none; position: absolute; left: -0.12rem; bottom: -0.14rem; pointer-events: none; }
.part4 .map-info::after { content: ''; width: 0.18rem; height: 0.22rem; background: transparent; border: 0.02rem solid #fc8b2c; border-top: none; border-left: none; position: absolute; right: -0.14rem; bottom: -0.14rem; pointer-events: none; }
.part4 .map-info p { width: 100%; padding: 0 0.3rem; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.part4 .map-switch { width: 100%; height: 0; position: absolute; left: 0; top: 3.16rem; z-index: 10;}
.part4 .map-switch a { display: block; position: relative; transition: all .3s; left: 0;}
.part4 .map-switch a.arrow-left { float: left;}
.part4 .map-switch a.arrow-right { float: right;}
.part4 .map-switch a.arrow-left:hover { left: -0.2rem;}
.part4 .map-switch a.arrow-right:hover { left: 0.2rem;}
.part4-cont .map-list li.swiper-slide-active .img-box { top: 0; width: 100%; height: 5.92rem; margin: 0 auto; filter: brightness(1);}
.part4-cont .map-list li.swiper-slide-active .img-box:before { opacity: 1;}
.part4-cont .map-list li.swiper-slide-active .map-info { display: block;}
.part4 .map-list li.swiper-slide-active .text-box { opacity: 1; }
.part4 .map-list .empty-box { width: 9.78rem; height: 100%; margin: 0 auto; pointer-events: none; }
.part4 .map-list .empty-box .loader { width: 5%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 2%); top: 42%; }


.part5 { width: 100%; height: 6.68rem; background: url(//game.gtimg.cn/images/cf/web202410/bg5.jpg?v=241212) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part5 .part-main { padding-top: 0.62rem; position: relative; }
.part5 .part-main .part-main-loading { position: absolute; width: 100%; height: 100%; z-index: 999; display: none; }
.part5 .part-main .part-main-loading .loader { width: 5%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 2.5%); top: 53%; }
.part5 .part-title-box .part-title p { color: #fff; }
.part5 .part5-cont { width: 100%; height: auto; margin-top: 0.38rem; }
.part5 .player-nav { width: 100%; height: 0.58rem; position: relative; }
.part5 .player-nav .btn-more { font-size: 0.18rem; line-height: 0.61rem; color: #fff; text-align: center; position: absolute; top: 0; right: 0; }
.part5 .player-nav .btn-more i.spr { display: inline-block; vertical-align: middle; transition: all .3s; position: relative; left: 0rem; top: -0.02rem; }
.part5 .player-nav .btn-more2:hover i.spr { left: 0.1rem;}
.part5 .player-nav-list { width: 13.4rem; height: 100%; font-size: 0; text-align: center; display: flex; }
.part5 .player-nav-list li { /*width: 2.8rem;*/ height: 0.58rem; display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 0.58rem; color: #23334d; text-align: center; background: #fff; position: relative; cursor: pointer; }
.part5 .player-nav-list li:not(:first-of-type)::before { content: ''; width: 0.18rem; height: 0.02rem; background: #8a92a0; position: absolute; top: 50%; left: -0.09rem; margin-top: -0.01rem; pointer-events: none; }
.part5 .player-nav-list li::after { content: ''; width: 0.24rem; height: 0.12rem; background: #23334d; clip-path: polygon(0 0, 100% 0, 50% 100%); position: absolute; bottom: -0.1rem; left: 50%; margin-left: -0.12rem; pointer-events: none; opacity: 0; }
.part5 .player-nav-list li span { width: auto; height: 100%; display: inline-block; position: relative; }
.part5 .player-nav-list li span::before { content: ''; width: 0.18rem; height: 0.02rem; background: #98a0ac; position: absolute; top: 50%; left: -1rem; margin-top: -0.01rem; opacity: 0; transition: all .3s; pointer-events: none; }
.part5 .player-nav-list li span::after { content: ''; width: 0.18rem; height: 0.02rem; background: #98a0ac; position: absolute; top: 50%; right: -1rem; margin-top: -0.01rem; opacity: 0; transition: all .3s; pointer-events: none; }
.part5 .player-nav-list li:hover, .part5 .player-nav-list li.cur { background: #23334d; color: #fff; }
.part5 .player-nav-list li:hover::before, .part5 .player-nav-list li.cur::before { opacity: 0; }
.part5 .player-nav-list li:hover + li::before, .part5 .player-nav-list li.cur + li::before { opacity: 0; }
.part5 .player-nav-list li.cur::after { opacity: 1; }
.part5 .player-nav-list li.cur span::before { opacity: 1; left: -0.3rem; }
.part5 .player-nav-list li.cur span::after { opacity: 1; right: -0.3rem; }

.part5 .player-wrap { width: 100%; height: auto; margin-top: 0.45rem; position: relative; }
.part5 .player-wrap .player-box { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; z-index: -1; }
.part5 .player-wrap .player-box.show { opacity: 1; pointer-events: all; z-index: 1; }
.part5 .htxt { height: 0; font-size: 0; }
.part5 .part5-box { width: 100%; height: 6.4rem; margin-bottom: 0.26rem; }
.part5 .part5-sw { width: 10.54rem; height: 6.4rem; position: relative; }
.part5 .part5-sw .player-list { width: 100%; height: 6.4rem; overflow: hidden; }
.part5 .part5-sw .player-list li { width: 100%; height: 6.4rem; overflow: hidden; }
.part5 .part5-sw .player-list a { display: block; width: 100%; height: 100%; }
.part5 .part5-sw .player-list img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part5 .part5-more { width: 5.08rem; height: auto; }
.part5 .part5-more a { width: 100%; height: 3.07rem; display: block; position: relative; }
.part5 .part5-more a:first-of-type { margin-bottom: 0.26rem; }
.part5 .part5-more .img-box { width: 100%; height: 2.7rem; overflow: hidden; }

.part5 .more-box { width: 100%; height: auto; font-size: 0; text-align: left; }
.part5 .more-box a { width: 5.08rem; height: 3.22rem; display: inline-block; vertical-align: top; position: relative; }
.part5 .more-box a:nth-child(2) { margin: 0 0.38rem; }
.part5 .more-box .img-box { width: 100%; height: 2.84rem; overflow: hidden; }

.part5 a.player-more img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part5 a.player-more:hover img { transform: scale(1.1); }
.part5 .player-info { width: 100%; height: 0.36rem; text-align: left; background: #e2e3e5; padding-left: 0.3rem; position: relative; }
.part5 .player-info p { display: inline-block; vertical-align: middle; font-size: 0.16rem; line-height: 0.36rem; color: #797981; margin: 0 0.05rem; }
.part5 .player-info i.spr { display: inline-block; vertical-align: middle; }
.part5 .player-info i.spr.on { display: none; }
.part5 a:hover .player-info { background: linear-gradient(to left, #f59e28, #e4601d); }
.part5 a:hover .player-info p { color: #fff; }
.part5 a:hover .player-info i.spr { display: none; }
.part5 a:hover .player-info i.spr.on { display: inline-block; }

.part5 .player-pagin { width: 100%; height: 0; font-size: 0; text-align: center; position: absolute; right: 0; bottom: 0.52rem; z-index: 2; }
.part5 .player-pagin span { width: 0.14rem; height: 0.14rem; display: inline-block; vertical-align: middle; border: 0.01rem solid #797981; transform: rotate(-45deg); border-radius: 0; background-color: transparent; opacity: 1; margin: 0 0.08rem; position: relative; }
.part5 .player-pagin span.swiper-pagination-bullet-active { width: 0.31rem; height: 0.31rem; background-image: url(//game.gtimg.cn/images/cf/web202410/spr.png); border: none; transform: rotate(0); }
.part5 .player-pagin span.swiper-pagination-bullet-active::before { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; left: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part5 .player-pagin span.swiper-pagination-bullet-active::after { content: ''; width: 0.16rem; height: 0.02rem; background: #e2581c; position: absolute; top: 50%; right: -0.14rem; margin-top: -0.01rem; pointer-events: none; }
.part5 .player-pagin span:nth-child(1)::before { opacity: 0; }
.part5 .player-pagin span:last-of-type::after { opacity: 0; }
.part5 .player-pagin span.swiper-pagination-bullet-active + span { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }
.part5 .player-pagin span.pagination-prev { border: 0.01rem solid #e2581c; box-shadow: 0 0 0.01rem #e2581c; }

.part5 .part5-box2 { width: 100%; height: auto; }
.part5 .part5-list { width: 16.38rem; height: auto; font-size: 0; text-align: left; margin: 0 0 0 -0.19rem; }
.part5 .part5-list li { width: 5.1rem; height: 1.4rem; display: inline-block; vertical-align: top; background: #fdfdfd; box-shadow: 0 0 0.04rem rgba(0, 0, 0, .15); margin: 0 0.18rem 0.3rem; }
.part5 .part5-list li a { display: block; width: 100%; height: 100%; padding: 0.2rem 0.18rem; }
.part5 .part5-list .img-box { width: 1.6rem; height: 100%; overflow: hidden; }
.part5 .part5-list img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part5 .part5-list a:hover img { transform: scale(1.1); }
.part5 .part5-list .item-left { width: 3rem; height: 100%; position: relative; }
.part5 .part5-list .player-tit { width: 100%; height: 0.48rem; font-size: 0.18rem; line-height: 0.24rem; color: #23334d; text-align: left; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.part5 .part5-list .item-left:after { content: ''; width: 86%; height: 0.01rem; background: #e9ebed; position: absolute; left: 0; top: 0.6rem; pointer-events: none; }
.part5 .part5-list .player-desc { width: 100%; height: auto; font-size: 0; text-align: left; position: absolute; left: 0; bottom: 0; }
.part5 .part5-list .player-desc span { display: inline-block; vertical-align: top; font-size: 0.16rem; line-height: 0.2rem; color: #c3c3c8; }
.part5 .part5-list .player-desc span:first-of-type { margin-right: 0.22rem; }
.part5 .part5-list a:hover .player-tit { color: #e75c1f; }


.part6 { width: 100%; height: 7.82rem; background: url(//game.gtimg.cn/images/cf/web202410/bg6.jpg?v=241212) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part6 .part-main { padding-top: 0.12rem; }
.part6 .part6-cont { width: 100%; height: auto; margin-top: 0.21rem; }
.part6 .live-head { width: 110%; height: auto; font-size: 0; text-align: center; margin-left: -5%; }
.part6 .live-head a { width: 7.92rem; height: 3.28rem; display: inline-block; vertical-align: top; margin: 0 0.08rem; overflow: hidden; }
.part6 .live-head a img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part6 .live-head a:hover img { transform: scale(1.1); }
.part6 .live-cont { width: 110%; height: auto; font-size: 0; text-align: center; margin: 0.16rem 0 0 -5%; }
.part6 .live-cont a { width: 2.54rem; height: auto; display: inline-block; vertical-align: top; margin: 0 0.08rem; }
.part6 .live-cont .img-box { width: 100%; height: 1.78rem; overflow: hidden; }
.part6 .live-cont .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part6 .live-cont a:hover img { transform: scale(1.1); }
.part6 .live-info { width: 100%; height: 0.54rem; text-align: left; background: #fff; padding: 0 0.1rem; position: relative; }
/* .part6 .live-info::after { content: ''; width: 100%; height: 0.07rem; background: #265ec8; position: absolute; bottom: 0; left: 0; pointer-events: none; } */
.part6 .live-info p { width: auto; max-width: 1.9rem; height: 100%; display: inline-block; vertical-align: middle; color: #797981; margin-right: 0.12rem; position: relative; }
.part6 .live-info p span { width: 100%; font-size: 0.16rem; line-height: 0.2rem; display: block; text-align: justify; position: relative; left: 0; top: 50%; transform: translateY(-50%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.part6 .live-info i.spr { display: inline-block; vertical-align: middle; }
.part6 .live-info i.spr.on { display: none; }
.part6 a:hover .live-info { background: linear-gradient(to left, #f59e28, #e4601d); }
.part6 a:hover .live-info::after { opacity: 0; }
.part6 a:hover .live-info p { color: #fff; }
.part6 a:hover .live-info i.spr { display: none; }
.part6 a:hover .live-info i.spr.on { display: inline-block; }


.part7 { width: 100%; height: 13.58rem; background: url(//game.gtimg.cn/images/cf/web202410/bg7.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part7 .part-main { padding-top: 0.54rem; }
.part7 .part7-cont { width: 100%; height: auto; font-size: 0; text-align: center; margin-top: 0.42rem; position: relative; }
.part7 .match-nav { width: 3rem; height: 10.66rem; display: inline-block; vertical-align: top; margin-right: 0.2rem; }
.part7 .match-nav ul { width: 100%; height: 100%; display: flex; flex-direction: column;  }
.part7 .match-nav li { width: 100%; height: 1.33rem; background: #fdfdfd; position: relative; cursor: pointer; flex-grow: 1; }
.part7 .match-nav li:not(:nth-child(1))::before { content: ''; width: 0.02rem; height: 0.12rem; background: #c1c1cb; position: absolute; top: -0.06rem; left: 0; pointer-events: none; z-index: 1; }
.part7 .match-nav li:not(:nth-child(1))::after { content: ''; width: 0.02rem; height: 0.12rem; background: #c1c1cb; position: absolute; top: -0.06rem; right: 0; pointer-events: none; z-index: 1; }
.part7 .match-nav li p { width: 2.7rem; height: 100%; font-size: 0.2rem; line-height: 0.3rem; color: #8a8a93; border-top: 0.01rem solid #cbcdd2; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.part7 .match-nav li:nth-child(1) p { border-top: 0.01rem solid transparent; }
.part7 .match-nav li span { display: inline-block; vertical-align: middle; margin: 0 0.2rem; }
.part7 .match-nav li i.spr { display: none; vertical-align: middle; }
.part7 .match-nav li:hover, .part7 .match-nav li.cur { background: #e2581c; }
.part7 .match-nav li.cur i.spr { display: inline-block; }
.part7 .match-nav li:hover p, .part7 .match-nav li.cur p { font-size: 0.22rem; color: #f0f0f0; font-weight: bold; border-top: 0.01rem solid transparent; }
.part7 .match-nav li:hover + li p, .part7 .match-nav li.cur + li p { border-top: 0.01rem solid transparent; }
.part7 .match-nav li:hover::before, .part7 .match-nav li:hover::after,
.part7 .match-nav li:hover + li::before, .part7 .match-nav li:hover + li::after,
.part7 .match-nav li.cur::before, .part7 .match-nav li.cur::after,
.part7 .match-nav li.cur + li::before, .part7 .match-nav li.cur + li::after { opacity: 0; }

.part7 .match-more-box { width: 5.68rem; height: auto; background: #fdfdfd; padding-bottom: 0.14rem; position: absolute; left: 3.2rem; bottom: 0; z-index: 3; }
.part7 .match-more-box .btn-box { width: 100%; height: 0.36rem; background: #23334d; }
.part7 .match-more-box .btn-box a.btn-match-more { width: 100%; height: 100%; display: block; font-size: 0.16rem; line-height: 0.36rem; color: #f0f0f0; text-align: center; }
.part7 .match-more-box .btn-box a.btn-match-more:hover { filter: brightness(1.2); }
.part7 .match-more-box .match-list { width: 100%; height: 2.04rem; overflow: hidden; overflow-y: auto; margin-top: 0.08rem; }
.part7 .match-more-box .match-list>p { height: 100%; line-height: 2rem; font-size: 0.18rem; color: #8a8a93; }
.part7 .match-list::-webkit-scrollbar {width:0.05rem;height:0.05rem;background-color:transparent;}
.part7 .match-list::-webkit-scrollbar-thumb{background-color:#d9d9d9; border: none; border-radius:0.02rem;}
.part7 .match-list::-webkit-scrollbar-track{background: transparent; border: none;}
.part7 .match-list li { width: 4.8rem; height: 0.68rem; border-bottom: 0.01rem solid #d9d9d9; padding-top: 0.06rem; margin: 0 auto; }
.part7 .match-list .vs-box { width: 2.94rem; height: 0.6rem; display: flex; justify-content: space-between; align-items: center; }
.part7 .match-list .team-avatar { width: 0.6rem; height: 0.6rem;  }
.part7 .match-list .team-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.part7 .match-list .vs-time { width: 1.7rem; height: 0.6rem; font-size: 0; text-align: center; }
.part7 .match-list .vs-time p { font-size: 0.16rem; line-height: 0.6rem; color: #8a8a93; display: inline-block; vertical-align: middle; margin: 0 0.08rem; }
.part7 .match-list .vs-btn { width: 1.2rem; height: 0.6rem; padding-top: 0.15rem; }
.part7 .match-list .vs-btn a { width: 1.2rem; height: 0.3rem; font-size: 0.14rem; line-height: 0.3rem; color: #8a8a93; text-align: center; border: 0.01rem solid #cfcfd3; display: block; transition: all .3s; }
.part7 .match-list .vs-btn a:hover { color: #fff; background: #e2581c; border: 0.01rem solid #e2581c; }

.part7 .match-cont { width: 12.8rem; height: 10.66rem; display: inline-block; vertical-align: top; position: relative; }
.part7 .match-cont .match-box { width: 100%; height: 100%; position: relative; display: none; }
.part7 .match-cont .match-box.show { display: block; }
.part7 .match-banner { width: 100%; height: auto; }
.part7 .match-banner .img-box { width: 100%; height: 7.2rem; overflow: hidden; }
.part7 .match-banner .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part7 .match-banner:hover img { transform: scale(1.2); }
.part7 .match-info { width: 100%; height: 0.65rem; text-align: left; background: #e2e3e5; padding: 0 0.54rem; position: relative; }
.part7 .match-info i.spr { position: absolute; right: 0.46rem; top: 50%; margin-top: -0.23rem; pointer-events: none; }
.part7 .match-info p.match-tit { display: inline-block; vertical-align: top; }
.part7 .match-info span.match-name { height: 0.65rem; display: inline-block; vertical-align: middle; font-size: 0.24rem; line-height: 0.65rem; color: #23334d; }
.part7 .match-info span.match-status { width: auto; height: 0.3rem; background: #de4819; display: inline-block; vertical-align: middle; font-size: 0.2rem; line-height: 0.3rem; color: #fff; padding: 0 0.3rem; margin-left: 0.18rem; }
.part7 .match-info p.match-time { display: inline-block; vertical-align: top; font-size: 0.16rem; line-height: 0.65rem; color: #8a8a93; margin-left: 0.9rem; }
.part7 .match-box .match-news { width: 6.94rem; height: 2.62rem; background: #fdfdfd; padding: 0.1rem 0; position: absolute; right: 0; bottom: 0; }
.part7 .match-news ul { width: 100%; height: 2.42rem; overflow: hidden; overflow-y: auto; margin: 0 auto; position: relative; }
.part7 .match-news ul::-webkit-scrollbar {width:0.05rem;height:0.05rem;background-color:transparent;}
.part7 .match-news ul::-webkit-scrollbar-thumb{background-color:#d9d9d9; border: none; border-radius:0.02rem;}
.part7 .match-news ul::-webkit-scrollbar-track{background: transparent; border: none;}
.part7 .match-news li { width: 6.45rem; height: 0.5rem; color: #8a8a93; text-align: left; margin: 0 auto; position: relative; }
.part7 .match-news li:not(:first-of-type) { border-top: 0.01rem solid #e5e5e5; }
.part7 .match-news a { display: block; width: 100%; height: 100%; color: inherit; }
.part7 .match-news p.news-title { width: 5.5rem; font-size: 0.16rem; line-height: 0.48rem; color: #8a8a93; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; transition: all .3s; }
.part7 .match-news span.news-time { font-size: 0.16rem; line-height: 0.5rem; color: #c8c8cc; position: absolute; top: 0; right: 0; }
.part7 .match-news p.news-title:hover { color: #23334d; font-weight: bold; }
.part7 .match-news .empty-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; }
.part7 .match-news .empty-box .loader { width: 8%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 5%); top: 34%; }

.part8-spr {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/cf/web202410/250425/part8-spr.png);}
.part8-spr.part8-i-cur {width:0.2rem; height:0.21rem; background-position: -13.13rem -0.44rem}
.part8-spr.part8-i-next1 {width:2.52rem; height:1.16rem; background-position: -0.1rem -0.1rem}
.part8-spr.part8-i-next2 {width:2.74rem; height:1.14rem; background-position: -5.34rem -0.1rem}
.part8-spr.part8-i-prev1 {width:2.52rem; height:1.16rem; background-position: -2.72rem -0.1rem}
.part8-spr.part8-i-prev2 {width:2.74rem; height:1.14rem; background-position: -8.18rem -0.1rem}
.part8-spr.part8-iocn1 {width:0.19rem; height:0.18rem; background-position: -13.13rem -0.75rem}
.part8-spr.part8-iocn2 {width:0.19rem; height:0.18rem; background-position: -13.13rem -1.03rem}
.part8-spr.part8-iocn3 {width:2.31rem; height:0.24rem; background-position: -13.13rem -0.1rem}
.part8-spr.part8-tab-curbg {width:2.01rem; height:0.93rem; background-position: -11.02rem -0.1rem}

.part8 { width: 100%; height: 12.74rem; background: url(//game.gtimg.cn/images/cf/web202410/250425/bg8.jpg) no-repeat 50% 0; margin-top: -0.01rem; overflow: hidden; }
.part8 .part-main { padding-top: 0.86rem; }
.part8-top { position: relative; width: 100%; height: 1.26rem;}
.part8-iocn1 { position: absolute; bottom: 0.11rem; right: 0;}
.part8-iocn2 { position: absolute; bottom: 0.11rem; left: 0;}
.part8-arrow { width: 16rem; height: 0; position: absolute; left: 50%; margin-left: -8rem; top: 5.78rem; z-index: 9; }
.part8-arrow a { width: 2.52rem; height: 1.16rem; display: block; position: relative; left: 0; transition: all .3s;}
.part8-arrow a.part8-prev { float: left;}
.part8-arrow a.part8-next { float: right;}
.part8-arrow a.part8-next i.part8-spr { position: absolute; top: 50%; left: 0; transform: translateY(-50%); pointer-events: none; transition: all .3s; }
.part8-arrow a.part8-prev i.part8-spr { position: absolute; top: 50%; right: 0; transform: translateY(-50%); pointer-events: none; transition: all .3s; }
.part8-arrow a i:first-of-type { opacity: 1; }
.part8-arrow a i:last-of-type { opacity: 0; }
.part8-arrow a:hover i:first-of-type { opacity: 0; }
.part8-arrow a:hover i:last-of-type { opacity: 1; }
.part8-arrow a.swiper-button-disabled { pointer-events: none; filter: grayscale(1); opacity: .6; }
/* .part8-arrow a.part8-prev:hover { left: -0.2rem;}
.part8-arrow a.part8-next:hover { left: 0.2rem;} */
.part8-num { display: none; position: absolute; text-align: right; top: 9.55rem; right: 0.06rem; z-index: 6; line-height: 0.68rem;}
.part8-num span.sp1 { color: #8e8e97; font-size: 0.61rem;}
.part8-num span.sp2 { color: #8e8e97; font-size: 0.24rem;}
.part8-num span.sp3 { color: #8e8e97; font-size: 0.24rem;}
.part8-swiper-top { width: 100%; height: 7.6rem; overflow: hidden; position: relative; z-index: 8; margin-top: -1.1rem; }
.part8-swiper-top .arms-modal-loading { position: absolute; width: 100%; height: 100%; z-index: 999; }
.part8-swiper-top .arms-modal-loading .loader { width: 8%; min-width: 0.8rem; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E65C1E 94%, #0000) top / 0.08rem 0.08rem no-repeat, conic-gradient(#0000 30%, #E65C1E); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 0.08rem), #000 0); animation: l13 1s infinite linear; display: inline-block; position: absolute; left: calc(50% - 2.5%); top: 40%; }

.part8-swiper-top li { float: left; width: 100%; height: auto; position: relative ;}
.part8-swiper-top .part8-sw-pic.threed::after { content: ''; width: 1.08rem; height: 0.66rem; background: url(//game.gtimg.cn/images/cf/web202410/250425/i-360.png) no-repeat 0 0/100%; position: absolute; top: 0.68rem; right: -0.84rem; }
.part8-swiper-top .part8-sw-pic { width: 13.4rem; height: 5.86rem; margin: 0 auto; position: relative; }
.part8-swiper-top .part8-sw-pic img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -34%); }
.part8-sw-info { width: 100%; height: auto; min-height: 1.5rem; position: absolute; bottom: 0; left: 0; }
.part8-sw-info h5 { width: 100%; height: 0.8rem;}
.part8-sw-info h5 span { display: block; float: left; margin-right: 0.14rem;}
.part8-name { color: #e2581c; font-size: 0.65rem; line-height: 0.8rem;}
.part8-bullet { color: #8e8e97; font-size: 0.21rem; line-height: 0.38rem; text-align: center; margin-top: 0.34rem;}
.part8-sw-info p { color: #8e8e97; font-size: 0.21rem; line-height: 0.35rem; width: 90%; margin-top: 0.14rem;}
.part8-sw-info p span { font-weight: bold; }
.part8-swiper-bot-box { width: 15.96rem; height: 1.58rem; overflow: hidden; display: none; }
.part8-swiper-bot { width: 100%; height: 1.4rem; margin-bottom: 0.17rem;}
.part8-swiper-bot ul.center { justify-content: center; }
.part8-swiper-bot li { float: left; width: 2.66rem; height: 1.26rem; border: 0.01rem solid #e3e3e3; position: relative; cursor: pointer;}
.part8-swiper-bot .part8-sw-pic { position: relative; z-index: 2; width: 100%; height: 100%; padding: 6%;}
.part8-swiper-bot .part8-sw-pic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.part8-swiper-bot li p { position: absolute; z-index: 3; top: 0.88rem; right: 0.16rem; color: #9f9fa7; font-size: 0.16rem; line-height: 0.34rem;}
.part8-sw-cur { position: absolute; top: 0; left: 0; z-index: 1; display: none;}
.part8-swiper-bot li:hover .part8-sw-cur { display: block;}
.part8-swiper-bot li:hover p { color: #fff;}
.part8-swiper-bot li.cur .part8-sw-cur { display: block;}
.part8-swiper-bot li.cur p { color: #fff;}
.part8-tab-box { width: 100%; margin-top: 0.24rem; position: relative; z-index: 9; }
.part8-tab-box:before { content: ""; width: 0.05rem; height: 0.13rem; background-color: #5f6a7d; position: absolute; left: 0; top: 0.61rem;}
.part8-tab-box:after { content: ""; width: 0.05rem; height: 0.13rem; background-color: #5f6a7d; position: absolute; right: 0; top: 0.61rem;}
.part8-tab-box>ul { display: flex; width: 15.84rem; height: 0.68rem; margin: 0 auto; border-bottom: 0.01rem solid #c3c3c8;}
.part8-tab-box li { flex: auto; position: relative; cursor: pointer; height: 0.76rem;}
.part8-tab-box li .p8-tab-btn span { line-height: 0.72rem; display: block; width: 100%; text-align: center; color: #9f9fa7; font-size: 0.21rem;}
.part8-tab-box li .p8-tab-btn i { position: absolute; left: 50%; margin-left: -0.02rem; width: 0.04rem; height: 0.08rem; background-color: #23334d45; bottom: 0.12rem;}
.part8-tab-box li .p8-tab-btn em { display: none; position: absolute; width: 100%; top: -0.24rem; left: 0; background: url(//game.gtimg.cn/images/cf/web202410/part8-tab-curbg.png) repeat-x 0 0; pointer-events: none; }
.part8-tab-box li:hover .p8-tab-btn span { color: #23334d;}
.part8-tab-box li:hover .p8-tab-btn em { display: block;}
.part8-tab-box li.cur .p8-tab-btn span { color: #23334d;}
.part8-tab-box li.cur .p8-tab-btn em { display: block;}
.part8-tab-box li:hover .p8-tab-btn i { background-color: #d7582180; }
.part8-tab-box li.cur .p8-tab-btn i { background-color: #d7582180; }
.part8-tab-box .p8-tab-weapon { width: 100%; height: auto; background: #e8eaed; border-bottom: 0.02rem solid #e2581c; position: absolute; top: 0.7rem; left: 0; opacity: 0; pointer-events: none; transition: all .3s; }
.part8-tab-box li:hover .p8-tab-weapon { opacity: 1; pointer-events: all; }
/* .part8-tab-box li.cur .p8-tab-weapon.on { opacity: 1; pointer-events: all; } */
.part8-tab-box .p8-tab-weapon .weapon-list { width: 100%; height: auto; max-height: 2.5rem; overflow: hidden; overflow-y: auto; }
.part8-tab-box .p8-tab-weapon .weapon-list::-webkit-scrollbar { width: 0.04rem; height: 0.04rem; background-color: transparent; }
.part8-tab-box .p8-tab-weapon .weapon-list::-webkit-scrollbar-thumb { background-color:#23334d; border: none; border-radius: 0.02rem;}
.part8-tab-box .p8-tab-weapon .weapon-list::-webkit-scrollbar-track { background: #cdcdcd; border: none;}
.part8-tab-box .p8-tab-weapon .weapon-item { width: 100%; height: 0.55rem; color: #707887; display: block; position: relative; }
.part8-tab-box .p8-tab-weapon .weapon-item span { font-size: 0.21rem; line-height: 0.55rem; color: inherit; text-align: center; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.part8-tab-box .p8-tab-weapon .weapon-item:hover, .part8-tab-box .p8-tab-weapon .weapon-item.cur { background: linear-gradient(to left, #ee8323, #e4611d); color: #fff; }

.p8-skin-box { width: 100%; height: auto; position: relative; margin-top: 0.04rem; }
.p8-skin-box .part8-more { width: 100%; height: 0.34rem; line-height: 0.34rem; position: relative;}
.p8-skin-box .part8-more em { position: absolute; left: 0; top: 0.05rem; z-index: 1;}
.p8-skin-box .part8-more span { display: block; color: #23334d; font-size: 0.23rem; width: 1.08rem; text-align: center; position: relative; z-index: 2;}
.p8-skin-box .btn-box { width: 100%; height: auto; font-size: 0; text-align: left; margin-top: 0.18rem; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.p8-skin-box .btn-box::-webkit-scrollbar {width:0.05rem;height:0.05rem;background-color:transparent;}
.p8-skin-box .btn-box::-webkit-scrollbar-thumb{background-color:#d9d9d9; border: none; border-radius:0.02rem;}
.p8-skin-box .btn-box::-webkit-scrollbar-track{background: transparent; border: none;}
.p8-skin-box .skin-item { width: auto; min-width: 1.58rem; height: 0.48rem; background: transparent; border: 0.01rem solid #d3d3d6; display: inline-block; vertical-align: top; color: #8a8a93; text-align: center; padding: 0 0.2rem; margin: 0 0.1rem 0.1rem 0; }
.p8-skin-box .skin-item span { font-size: 0.2rem; line-height: 0.48rem; display: inline-block; vertical-align: middle; }
.p8-skin-box .skin-item i { display: none; margin-left: 0.1rem; }
.p8-skin-box .skin-item.cur { background: #e2581c; border: 0.01rem solid #e2581c; color: #fff; }
.p8-skin-box .skin-item.cur i { display: inline-block; vertical-align: middle; }
.p8-skin-box .skin-item:hover { background: #e2581c; border: 0.01rem solid #e2581c; color: #fff; }

.part9-spr { background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/cf/web202410/part9-spr.png);}

.part9-item1-icon1 {width:0.52rem; height:0.9rem; background-position: -2.71rem -2.79rem}
.part9-item1-icon2 {width:0.19rem; height:0.2rem; background-position: -3.91rem -3.52rem}
.part9-item1-icon3 {width:0.23rem; height:0.23rem; background-position: -3.27rem -3.46rem}
.part9-item1-layer1 {width:1.29rem; height:1.29rem; background-position: -2.82rem -1.46rem}
.part9-item1-layer2 {width:1.29rem; height:1.38rem; background-position: -2.82rem -0.04rem}
.part9-item1-next {width:0.27rem; height:0.18rem; background-position: -3.27rem -3.24rem}
.part9-item1-prev {width:0.27rem; height:0.18rem; background-position: -3.6rem -3.52rem}
.part9-item2-btn {width:2.63rem; height:0.76rem; background-position: -0.04rem -3.33rem}
.part9-item2-btn-hov {width:2.63rem; height:0.89rem; background-position: -0.04rem -2.4rem}
.part9-item2-icon1 {width:0.37rem; height:0.24rem; background-position: -3.6rem -3.24rem}
.part9-item2-icon2 {width:0.83rem; height:0.41rem; background-position: -3.27rem -2.79rem}
.part9-item2-icon3 {width:0.19rem; height:0.19rem; background-position: -3.6rem -3.74rem}
.part9-item2-next {width:0.4rem; height:0.28rem; background-position: -3.16rem -3.73rem}
.part9-item2-prev {width:0.41rem; height:0.29rem; background-position: -2.71rem -3.73rem}
.part9-item3-next {width:2.74rem; height:1.14rem; background-position: -0.04rem -0.04rem}
.part9-item3-prev {width:2.74rem; height:1.14rem; background-position: -0.04rem -1.22rem}

.part9 { width: 100%; height: 12.18rem; background: url(//game.gtimg.cn/images/cf/web202410/bg9.jpg) no-repeat 50% 0; margin-top: -0.01rem; position: relative; z-index: 1; }
.part9 .part-main { padding-top: 0.57rem; }
.part9 .part-title-box .btn-box { bottom: 0;}
.part9-tab-box { margin-top: 0.69rem; width: 100%; height: 0.5rem;}
.part9-tab-box a { display: block; float: left; width: 1.56rem; height: 0.48rem; line-height: 0.48rem; border: 0.02rem solid #d0d0d3; color: #8a8a93; font-size: 0.2rem; text-align: center; transition: all .3s; margin-right: 0.11rem;}
.part9-tab-box a i { display: inline-block; vertical-align: top; display: none; margin: 0.15rem 0.05rem 0;}
.part9-tab-box a:hover { border-color: #e2581c; background-color: #e2581c; font-size: 0.21rem; color: #f0f0f0;}
.part9-tab-box a:hover i { display: inline-block;}
.part9-tab-box a.cur { border-color: #e2581c; background-color: #e2581c; font-size: 0.21rem; color: #f0f0f0;}
.part9-tab-box a.cur i { display: inline-block;}
.part9-cont { width: 100%; height: 9.46rem;}
.part9-item { display: none; width: 100%; height: 100%; position: relative;}
.part9-item1 { padding-top: 6.1rem; position: relative;}
.part9-item1-cont { width: 100%; height: 100%;}
.part9-item1-list { width: 100%; height: 100%; display: none;}
.part9-item1-list.show { display: block;}
.part9-item1-name { position: relative; z-index: 3; margin-left: 0.08rem; margin-bottom: 0.5rem; height: 1.1rem; line-height: 1.1rem; color: #e2581c; font-size: 0.65rem; font-weight: bold;}
.part9-item1-icon1 { float: left; display: block; margin-top: 0.1rem; margin-right: 0.2rem;}
.part9-item1-info { position: relative; z-index: 3; width: 100%; max-height: 2.3rem;}
.part9-item1-info p { line-height: 0.44rem; height: 0.44rem; overflow: hidden;}
.part9-item1-info p em,.part9-item1-info p span { display: block; float: left;}
.part9-item1-info p em.part9-item1-icon2 { margin: 0.12rem 0.12rem 0 0.02rem;}
.part9-item1-info p em.part9-item1-icon3 { margin: 0.11rem 0.1rem 0 0;}
.part9-item1-info p span { font-size: 0.21rem;}
.part9-item1-info p span.sp1 {color: #de4819; margin-right: 0.22rem;}
.part9-item1-info p span.sp2 {color: #8e8e97;}
.part9-item1-txt { position: relative; z-index: 3; width: 13.92rem; color: #23334d; font-size: 0.2rem; line-height: 0.3rem;}
.part9-role-img { position: absolute; left: 0; bottom: -0.4rem; width: 100%; height: 6rem; pointer-events: none;}
.part9-item1-list .part9-role-img img { display: block; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; opacity: 0; transform: translateX(2rem); transition: all .3s; }
.part9-item1-list.show .part9-role-img img { opacity: 1; transform: translateX(0); }
.part9-item1-swiper { position: absolute; z-index: 9; width: 1.29rem; height: 7.5rem; top: 0.7rem; right: 0.1rem; overflow: hidden;}
.part9-item1-swiper li { width: 1.29rem; height: 1.5rem; position: relative; cursor: pointer;}
.part9-item1-pic { width: 1.25rem; height: 1.25rem; overflow: hidden; margin: 0 auto; position: relative; z-index: 1; top: 0.02rem;}
.part9-item1-swiper li img { display: block; width: 1.25rem; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.part9-item1-swiper li em { position: absolute; z-index: 2; top: 0; left: 0;}
.part9-item1-swiper li em.layer2 { opacity: 0;}
.part9-item1-swiper li:hover .part9-item1-pic { height: 1.18rem;}
.part9-item1-swiper li:hover em.layer1 { opacity: 0;}
.part9-item1-swiper li:hover em.layer2 { opacity: 1;}
.part9-item1-swiper li:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
.part9-item1-swiper li.swiper-slide-active .part9-item1-pic { height: 1.18rem;}
.part9-item1-swiper li.swiper-slide-active em.layer1 { opacity: 0;}
.part9-item1-swiper li.swiper-slide-active em.layer2 { opacity: 1;}
.part9-item1-swiper li.swiper-slide-active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
.part9-item1-arr { width: 0; height: 8.32rem; position: absolute; right: 1.39rem; top: 0.24rem;}
.part9-item1-arr a { display: block; width: 1.29rem; height: 0.38rem; padding-top: 0.1rem;}
.part9-item1-arr a em { display: block; margin: 0 auto;}
.part9-item1-arr a.part9-item1-next { position: absolute; left: 0; bottom: 0;}
.part9-item2 { padding-top: 0.42rem; position: relative;}
.part9-item2-cont { width: 100%; height: 100%;}
.part9-item2-list { width: 100%; height: 100%; display: none; position: relative;}
.part9-item2-list.show { display: block;}
.part9-item2-pic { width: 12.31rem; height: 6.63rem; position: relative; margin-left: 3.67rem;}
.part9-item2-pic img { display: block; width: 100%; position: relative; z-index: 1;}
.part9-item2-icon3 { position: absolute; top: 0.09rem; left: 0.09rem; z-index: 3;}
.part9-item2-info { width: 100%; position: relative; top: -0.49rem;}
.part9-item2-icon2 { display: block; margin-left: 0; margin-bottom: 0.12rem;}
.part9-item2-info h5 { line-height: 0.7rem; color: #23334d; font-size: 0.53rem; margin-bottom: 0.16rem;}
.part9-item2-info p { line-height: 0.26rem; color: #23334d; font-size: 0.2rem;}
.part9-item2-swiper { position: absolute; z-index: 9; width: 2.63rem; height: 5.2rem; top: 0.86rem; left: 0; overflow: hidden;}
.part9-item2-swiper li { width: 2.63rem; height: 1.04rem; position: relative; cursor: pointer;}
.part9-item2-swiper li span { display: block; position: relative; z-index: 3; width: 100%; height: 0.75rem; line-height: 0.75rem; color: #8a8a93; font-size: 0.2rem; text-align: center;}
.part9-item2-swiper li em { position: absolute; z-index: 2; top: 0; left: 0;}
.part9-item2-swiper li em.layer2 { opacity: 0;}
.part9-item2-swiper li:hover span { color: #fff;}
.part9-item2-swiper li:hover em.layer1 { opacity: 0;}
.part9-item2-swiper li:hover em.layer2 { opacity: 1;}
.part9-item2-swiper li.swiper-slide-active span { color: #fff;}
.part9-item2-swiper li.swiper-slide-active em.layer1 { opacity: 0;}
.part9-item2-swiper li.swiper-slide-active em.layer2 { opacity: 1;}
.part9-item2-arr { width: 0; height: 6.02rem; position: absolute; left: 0; top: 0.38rem;}
.part9-item2-arr a { display: block; width: 2.63rem; height: 0.48rem; padding-top: 0.1rem; transition: all .3s; position: relative; top: 0;}
.part9-item2-arr a em { display: block; margin: 0 auto;}
.part9-item2-arr a.part9-item2-next { position: absolute; left: 0; top: auto; bottom: 0;}
.part9-item2-arr a.part9-item2-prev:hover { top: -0.2rem;}
.part9-item2-arr a.part9-item2-next:hover { bottom: -0.2rem;}
.part9-item3 { padding-top: 0.53rem; position: relative;}
.part9-item3-cont { width: 100%; height: 100%;}
.part9-item3-list { width: 100%; height: 100%; display: none; position: relative;}
.part9-item3-list.show { display: block;}
.part9-item3-swiper { width: 13.3rem; height: 6rem; margin: 0 auto; overflow: hidden;}
.part9-item3-swiper li { width: 9.2rem; height: 6rem;}
.part9-item3-swiper li div { width: 9.1rem; height: 6rem; position: relative; margin: 0 auto; overflow: hidden;}
.part9-item3-swiper li div:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; z-index: 2;}
.part9-item3-swiper li img { display: block; width: 9.1rem; height: 6rem; position: relative; z-index: 1;}
.part9-item3-swiper li.swiper-slide-active div:before { display: none;}
.part9-item3-arr { width: 18.8rem; height: 0; position: absolute; left: 50%; margin-left: -9.4rem; top: 2.91rem;}
.part9-item3-arr a { display: block; transition: all .3s; position: relative; left: 0;}
.part9-item3-arr a.part9-item3-prev { float: left;}
.part9-item3-arr a.part9-item3-next { float: right;}
.part9-item3-arr a.part9-item3-prev:hover { left: -0.2rem;}
.part9-item3-arr a.part9-item3-next:hover { left: 0.2rem;}
.part9-item3-cont { width: 100%; height: auto; margin-top: 0.24rem;}
.part9-item3-list { width: 100%; height: 100%; display: none; position: relative;}
.part9-item3-list.show { display: block;}
.part9-item3-list h5 { color: #23334d; font-size: 0.53rem; line-height: 0.72rem; text-align: center; margin-bottom: 0.1rem;}
.part9-item3-list p { color: #23334d; font-size: 0.2rem; line-height: 0.26rem; text-align: center;}
.part9 .part9-pag { display: none; }

.part10 { width: 100%; height: auto; min-height: 7rem; background: url(//game.gtimg.cn/images/cf/web202410/bg10.jpg) no-repeat 50% 0.9rem; padding-top: 0.86rem; margin-top: -0.9rem; overflow: hidden; position: relative; z-index: 2; }
.part10::before { content: ''; width: 100%; height: 0.9rem; background: url(//game.gtimg.cn/images/cf/web202410/bg10.png) no-repeat 50% 0; position: absolute; top: 0.01rem; left: 0; pointer-events: none; }
.part10 .part-main { padding-top: 0.28rem; }
.part10 .part-title-box { text-align: right; }
.part10 .part10-cont { width: 100%; height: auto; font-size: 0; text-align: left; margin-top: 0.42rem; }
.part10 .brand-list { width: 6.16rem; height: auto; display: inline-block; vertical-align: top; }
.part10 .brand-list li { width: 100%; height: 1.77rem; margin-bottom: 0.18rem; }
.part10 .brand-list li a { width: 100%; height: 100%; display: block; overflow: hidden; }
.part10 .brand-list li img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .3s; }
.part10 .brand-list li:hover img { transform: scale(1.1); }
.part10 .code-list { width: 120%; height: auto; text-align: center; display: inline-block; vertical-align: top; margin-left: -10%; }
.part10 .code-list li { width: 2.85rem; height: 3.35rem; background: url(//game.gtimg.cn/images/cf/web202410/code-box.png) no-repeat 0 0/100%; display: inline-block; vertical-align: top; margin: 0 -0.05rem; position: relative; }
.part10 .code-list .code-box { width: 2.1rem; height: 2.26rem; position: absolute; top: 0.36rem; left: 50%; margin-left: -1.05rem;}
.part10 .code-list .code-box .card { width: 100%; height: 100%; transition: all .3s ease-in-out; }
.part10 .code-list .code-box:hover .card { transform: rotateY(180deg); }
.part10 .code-list .code-box img { width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.part10 .code-box .code-face { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; }
.part10 li:nth-child(1) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-wx.png) no-repeat 0 0/100%; }
.part10 li:nth-child(2) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-wb.png) no-repeat 0 0/100%; }
.part10 li:nth-child(3) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-dy.png) no-repeat 0 0/100%; }
.part10 li:nth-child(4) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-ks.png) no-repeat 0 0/100%; }
.part10 li:nth-child(5) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-bl.png) no-repeat 0 0/100%; }
.part10 li:nth-child(6) .code-box .code-face { background: url(//game.gtimg.cn/images/cf/web202410/code-zs.png) no-repeat 0 0/100%; }
.part10 .code-box:hover .code-face { opacity: 0; }
.part10 .code-box .code-back { width: 100%; height: 100%; transform: rotateY(180deg); opacity: 0; position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; }
.part10 li:not(:nth-child(3)) .code-box .code-back { background: #fff; }
.part10 .code-box:hover .code-back { opacity: 1; }
.part10 .code-list .code-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.part10 .code-list .code-info { width: 74%; height: 0.3rem; font-size: 0; text-align: center; display: flex; align-items: center; position: absolute; left: 13%; bottom: 0.24rem; }
.part10 .code-info span { flex: auto; width: auto; height: 0.3rem; font-size: 0.2rem; line-height: 0.3rem; color: #d1d1d1; display: inline-block; padding: 0 0.18rem; position: relative; white-space: nowrap; }
.part10 .code-info::before { content: ''; flex: auto; width: 0.56rem; height: 0.02rem; background: #707070; }
.part10 .code-info::after { content: ''; flex: auto; width: 0.56rem; height: 0.02rem; background: #707070; }
/* .part10 li:nth-child(1) .code-info span::before { width: 0.34rem; left: -0.34rem; }
.part10 li:nth-child(1) .code-info span::after { width: 0.34rem; right: -0.34rem; } */
.part10 .coop-list { width: 10.2rem; height: auto; display: inline-block; vertical-align: top; margin-top: 0.42rem; }
.part10 .coop-list li { width: 3.26rem; height: 1.1rem; background: url(//game.gtimg.cn/images/cf/web202410/i-cf.png) no-repeat 50% 50%; background-size: 1rem 0.67rem; border: 0.01rem solid #c4c4c9; display: inline-block; vertical-align: top; margin: 0 0.14rem 0.18rem 0; }
.part10 .media-box { width: 5.44rem; height: auto; display: inline-block; vertical-align: top; margin: 0.42rem 0 0 0.34rem; }
.part10 .media-box .pull-box { width: 100%; height: 0.68rem; position: relative; }
.part10 .pull-box .media-tit { width: 100%; height: 100%; cursor: pointer; }
.part10 .pull-box .media-tit p { width: 4.38rem; height: 100%; font-size: 0.24rem; line-height: 0.7rem; color: #23334d; text-align: center; font-weight: bold; background: #d5d7da; display: inline-block; vertical-align: top; }
.part10 .pull-box .media-tit span { width: 1.04rem; height: 0.68rem; display: inline-block; vertical-align: top; background: #d5d7da; margin-left: 0.02rem; position: relative; }
.part10 .pull-box .media-tit span i.spr { position: absolute; top: 50%; left: 50%; margin: -0.07rem 0 0 -0.14rem; }
.part10 .pull-box .media-list { width: 100%; height: 0; overflow-y: auto; background: #d5d7da; position: absolute; left: 0; top: 0.7rem; opacity: 0; pointer-events: none; transition: all .3s; }
.part10 .pull-box .media-list li { width: 100%; height: 0.36rem; padding-left: 0.28rem;}
.part10 .pull-box .media-list li a { color: #797981; display: block; width: 100%; line-height: 0.36rem; font-size: 0.16rem;}
.part10 .pull-box .media-list li a:hover { color: #000;}
.part10 .pull-box:hover .media-list { height: 2.52rem; opacity: 1; pointer-events: all; }
.part10 .media-box .tips-box { width: 100%; height: 0.68rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.3rem; }
.part10 .tips-box p { font-size: 0.16rem; line-height: 0.34rem; color: #797981; }
.part10 .tips-box p.tips-c { margin: 0 0.18rem; }


/* 浮窗 */
.side-box { width: 2.26rem; height: 4.7rem; background: url(//game.gtimg.cn/images/cf/web202410/side-bg.png?v=241220) no-repeat 0 0/100%; position: fixed; top: 50%; right: -2.24rem; margin-top: -2.5rem; z-index: 9; opacity: 0; transition: all .3s; transform-origin: 100% 50%; pointer-events: none; }
.side-box.show { right: 0; }
.side-box .side-cont { width: 100%; height: 100%; font-size: 0; text-align: center; box-sizing: border-box; padding-top: 2.15rem; }
.side-box .side-tit { width: 100%; height: auto; font-size: 0.18rem; line-height: 0.2rem; color: #fff; }
.side-box .qrcode-box { width: 1.74rem; height: 1.74rem; margin: 0.15rem auto; }
.side-box .qrcode-box img { width: 100%; height: auto; }
.side-box .qr-desc { width: auto; display: inline-block; padding: 0 0.28rem; position: relative; }
.side-box .qr-desc::before { content: ''; width: 0.02rem; height: 0.11rem; background: #e2e3e5; position: absolute; top: 50%; left: 0; margin-top: -0.04rem; pointer-events: none; }
.side-box .qr-desc::after { content: ''; width: 0.02rem; height: 0.11rem; background: #e2e3e5; position: absolute; top: 50%; right: 0; margin-top: -0.04rem; pointer-events: none; }
.side-box .qr-desc span { display: inline-block; font-size: 0.16rem; line-height: 0.2rem; color: #fff; position: relative; }
.side-box .qr-desc span::before { content: ''; width: 0.2rem; height: 0.01rem; background: #e2e3e5; position: absolute; top: 50%; left: -0.22rem; pointer-events: none; }
.side-box .qr-desc span::after { content: ''; width: 0.2rem; height: 0.01rem; background: #e2e3e5; position: absolute; top: 50%; right: -0.22rem; pointer-events: none; }
.side-box .btn-gflt { width: 2.22rem; height: 0.43rem; font-size: 0.18rem; line-height: 0.43rem; color: #fff; text-align: center; background: url(//game.gtimg.cn/images/cf/web202410/btn-gflt.png) no-repeat 0 0/100%; position: absolute; bottom: -0.52rem; right: 0; pointer-events: all; }
.side-box .btn-pull { width: 0.57rem; height: 1.03rem; background: url(//game.gtimg.cn/images/cf/web202410/btn-pull.png) no-repeat 0 0/100%; position: absolute; left: -0.5rem; top: 1.95rem; pointer-events: all; transform: rotate(180deg); }
.side-box.show .btn-pull { transform: rotate(0deg); }
.side-box a:hover { filter: brightness(1.1); }

/* 常用入口 */
.entrance-box { width: 100%; height: 1.96rem; background: url(//game.gtimg.cn/images/cf/web202410/entrance-bg.png) no-repeat 0 0/100%; position: fixed; left: 0; bottom: -1.96rem; z-index: 9; opacity: 0; transition: all .3s; transform-origin: 0 100%; }
.entrance-box.show { bottom: -0.01rem; opacity: 1; }
.entrance-box .entrance-cont { width: 18rem; height: 1.84rem; font-size: 0; text-align: center; box-sizing: border-box; padding-top: 0.11rem; margin: 0 auto; display: flex; }
.entrance-box .entrance-item { flex: auto; width: 2rem; height: 100%; display: inline-block; vertical-align: top; position: relative; }
.entrance-box .entrance-item:not(:first-of-type)::after { content: ''; width: 0.02rem; height: 1.32rem; background: rgba(148, 125, 131, .3); position: absolute; top: 50%; left: -0.01rem; margin-top: -0.66rem; pointer-events: none; z-index: 0; }
.entrance-box .btn-entr { width: 100%; height: 100%; display: block; position: relative; z-index: 1; }
.entrance-box .btn-entr:hover { background: linear-gradient(to left, #eb7721, #e35c1d); }
.entrance-box .btn-entr .icon-box { width: 0.7rem; height: 0.7rem; position: absolute; left: 50%; top: 50%; margin: -0.5rem 0 0 -0.35rem; }
.entrance-box .btn-entr .icon-box i.i-fkxt { width: 0.66rem; height: 0.49rem; background: url(//game.gtimg.cn/images/cf/web202410/i-fkxt.png) no-repeat 0 0/100%; }
.entrance-box .btn-entr .icon-box i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.entrance-box .btn-entr .icon-tit { width: 100%; font-size: 0.16rem; line-height: 0.2rem; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0.42rem; }

.entrance-box .hover-box { width: 2.56rem; height: 2.89rem; background: url(//game.gtimg.cn/images/cf/web202410/hover-bg.png) no-repeat 0 0/100%; box-sizing: border-box; padding-top: 0.18rem; position: absolute; top: -3rem; left: 50%; margin-left: -1.28rem; pointer-events: none; opacity: 0; transition: all .3s; z-index: 2; }
.entrance-box .hover-box .qr-box { width: 2rem; height: 2rem; margin: 0 auto; }
.entrance-box .hover-box .qr-box img { width: 100%; height: auto; }
.entrance-box .hover-box p { width: 100%; height: auto; font-size: 0.14rem; line-height: 0.2rem; color: #fafafa; text-align: center; margin-top: 0.12rem; }
.entrance-box a.btn-entr:hover+.hover-box { top: -2.3rem; opacity: 1; }
.entrance-box a.btn-entr:hover .icon-box { transform-style: preserve-3d; animation: e-icon 2s linear both infinite; }


/* 弹窗 */
.pop, .pop * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pop { position: relative; outline: none; display: none; }
.pop .pop-close { width: 0.5rem; height: 0.5rem; position: absolute; top: 0; right: -0.84rem; transition: transform .3s; }
.pop .pop-close::before { content: ''; width: 0.05rem; height: 0.56rem; background: #fff; position: absolute; top: 50%; left: 50%; margin: -0.28rem 0 0 -0.025rem; transform: rotate(45deg); pointer-events: none; }
.pop .pop-close::after { content: ''; width: 0.56rem; height: 0.05rem; background: #fff; position: absolute; top: 50%; left: 50%; margin: -0.025rem 0 0 -0.28rem; transform: rotate(45deg); pointer-events: none; }
.pop .pop-close:hover { transform: rotate(-180deg); }

/*视频弹窗*/
.pop_video { padding: 0.02rem; outline: none; position: relative; display: none;}
.pop-close {  position: absolute; right: -0.7rem; top: 0; z-index: 5; transition: all .3s;}
.pop-close:hover { transform: rotate(-180deg); }
.pop_video_cont { width: 12rem; height: 6.7rem; text-align: center; clear: both; background: #000;}
#popVideoCon { width: 100%; height: 100%;}

/* 被盗申诉弹窗 */
.pop1 { width: 5.19rem; height: 5.58rem; background: url(//game.gtimg.cn/images/cf/web202410/pop-ss-bg.png) no-repeat 0 0/100%; }
.pop1 .pop-cont { padding-top: 0.86rem; }
.pop1 .qrcode-box { width: 3.47rem; height: auto; margin: 0 auto; }
.pop1 .qrcode-box img { width: 100%; height: auto; }
.pop1 .pop-cont>p { width: 100%; height: auto; font-size: 0.26rem; line-height: 0.3rem; color: #fff; text-align: center; margin-top: 0.3rem; }


.unreal-bd{padding: 0.1rem 0;text-align: center;color: #fff;font-size: 0.12rem;background: #232222}
.unreal-logo{width:8rem;height: 1.1rem;background:url("//game.gtimg.cn/images/cf/web202410/PreOBT_EULA_Final.png");margin: 0 auto;display: inline-block;}
.cadpa{width:0.53rem;height: 0.68rem;background: url(https://game.gtimg.cn/images/cf/web201105/cadpa.png) no-repeat;display: inline-block;vertical-align: super;}
.unreal-txt{margin-bottom: 0.1rem;}

.v-cadpa{width: 8.2rem;height: 4.25rem;display: none}
.v-cadpa .pop-con{width: 8.2rem;height: 4.25rem;background: url(https://game.gtimg.cn/images/cf/web201105/cadpa_pop.png) no-repeat;}
.v-cadpa .vb-close{right: 0.06rem;top: 0.06rem;text-indent: -999em; width: 0.52rem;height: 0.52rem;position: absolute;}

.foot_dark{background-color: #232222 !important; color:#fff !important;}
.foot_dark a{color:#fff !important;}
.logo-smilegate{width:1.2rem !important;height:0.44rem !important;background:url('//game.gtimg.cn/images/cf/web201105/201809/foot_bg.jpg') top right;float:left;text-indent:-9999em;margin:0.1rem 0 0 0.1rem;overflow:hidden;background-position: -1.74rem -1.16rem;}
.foot_cpright {padding: 0.15rem 0;width: 10.4rem;margin: 0 auto;}

.pop_cfs,.pop_cfs .pop-cont,.pop_cfs .pop-cont img {
    width: 10rem;
    height:5.62rem;
    position: relative;
}

.nav-hover-box {
	width: 2.56rem;
	height: 2.89rem;
	background: url(//game.gtimg.cn/images/cf/web202410/hover-bg.png) no-repeat 0 0 / 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0.57rem;
	right: 0.5rem;
	margin-left: -1.28rem;
	text-align: center;
	color: #fff;
	pointer-events: none;
	opacity: 0;
	transition: all .3s;
	z-index: 2;
	line-height: 0.37rem;
	padding-top: 0.22rem;
}
.nav-hover-box-m{
	display: none;
}
.nav-hover-box  .qr-box { width: 2rem; height: 2rem; margin: 0 auto; }
.nav-hover-box  .qr-box img { width: 100%; height: auto; }