body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{font-size: 13.33333333vw;}
body { background-color: #111113;}
img{border: 0; -webkit-touch-callout: none;}
.wrapper{ background: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/guide/bg.jpg) no-repeat; background-size: cover; font-size: 0; text-align: center; padding-top: 1.32rem;}

.guide-spr,.wrapper .top-list a:after,.wrapper .title-box:after,.wrapper .title-box:before{ background-image:url(//game.gtimg.cn/images/gp/cp/a20250611gsz/guide/guide-spr.png); background-repeat:no-repeat; background-size:2.39rem 1.14rem;}
.guide-spr.btn-left{ width:0.32rem; height:0.32rem; background-position:1.44928% 50%;}
.guide-spr.btn-right{ width:0.32rem; height:0.32rem; background-position:17.8744% 50%;}
.guide-spr.label{ width:0.99rem; height:0.42rem; background-position:97.85714% 4.16667%;}
.guide-spr.sel{ width:1.32rem; height:0.36rem; background-position:2.80374% 3.84615%;}
.guide-spr.tlt-left,.wrapper .title-box:after{ width:1.89rem; height:0.17rem; background-position:6% 77.31959%;}
.guide-spr.tlt-right,.wrapper .title-box:before{ width:1.89rem; height:0.17rem; background-position:6% 96.90722%;}
.guide-spr.triangle,.wrapper .top-list a:after{ width:0.18rem; height:0.29rem; background-position:32.1267% 48.23529%;}

.wrapper .nav-con{width: 100%; height: 1.32rem; background: #000; display:flex; display:-webkit-flex; align-items:center; justify-content:center; position: fixed; left: 0; top: 0; z-index: 3;}
.wrapper .nav-con a{height: 100%; flex: 1; color: rgba(255,255,255,.5); font-size: .38rem; line-height: 1.32rem; text-align: center; position: relative;}
.wrapper .nav-con i{position: absolute; left: 50%; top: 50%; margin-left: -.66rem; margin-top: -.18rem; display: none;}
.wrapper .nav-con a.on{color: rgba(255,255,255,1);}
.wrapper .nav-con a.on i{display: block;}

.wrapper .top-list{width: 10.26rem; margin: .54rem auto 0; font-size: 0; text-align: left; height: 6.75rem;}
.wrapper .top-list a{display: inline-block; vertical-align: top; width: 4.74rem; height: 2.67rem; margin: 0 .195rem .39rem; position: relative; overflow: hidden;}
.wrapper .top-list a:after{content: '';position: absolute; right: .3rem; bottom: .32rem;}
.wrapper .top-list img{display: block; width: 100%; height: 100%; object-fit: cover;}
.wrapper .top-list .title{font-size: .4rem; position: absolute; left: .32rem; bottom: .7rem; line-height: .6rem; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width: 3.9rem;}
.wrapper .top-list .dec{left: .32rem; color: rgba(255,255,255,.7); position: absolute; font-size: .33rem; height: .44rem; line-height: .44rem; bottom: .26rem; width: 3.9rem; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}

.wrapper .title-box{font-size: .528rem; color: #fff; line-height: .89rem; height: .89rem; display: inline-block; vertical-align: top; position: relative;}
.wrapper .title-box:after,.wrapper .title-box:before{content: ''; position: absolute; top: .36rem;}
.wrapper .title-box:before{left: -2.2rem;}
.wrapper .title-box:after{right: -2.2rem;}

.sw-wrapper{padding-top: .53rem;}
.sw-wrapper a{width: 6.85rem; margin: 0 auto .39rem; position: relative; height: 1.7rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding-left: 3.02rem; background: #222;}
.sw-wrapper .thumb{position: absolute; height: 100%; left: 0; bottom: 0;width:3.02rem;text-align:center;}
.sw-wrapper .thumb img{position:absolute;left:0;top:0;height:100%;z-index:2;}
.sw-wrapper .thumb .cover_bg{width:100%;filter: blur(3px);z-index:1;}
.sw-wrapper .thumb .cover{display:block;margin:0 auto;z-index:2;position:relative;}
.sw-wrapper .label{position: absolute; left: -.01rem; bottom: -.01rem; z-index: 2; padding-right: .16rem; font-size: .3rem; text-align: center; box-sizing: border-box; color: #222; line-height: .42rem;}
.sw-wrapper .dec{ color: #feffff; font-size: .4rem; line-height: .64rem; text-align: justify; padding: 0 .38rem; display: block; width: 100%;}