.swiper-container{position: relative; overflow: hidden;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform; overflow: hidden;}
.swiper-invisible-blank-slide{visibility:hidden}

.wrapper,.wrapper *{box-sizing: border-box;}
.wrapper{background: #fffef8; font-size: 0; padding-top: 0;}

.org-cont-top { width: 100%; height: auto; padding-top: 1.4rem; max-height: 100%; line-height: 1.36rem; position: fixed; left: 0; top: 0; z-index: 5;}
.org-cont-top:before { content: ""; width: 100%; height: 2.76rem; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.org-cont-top-btn { width: 100%; height: 1.36rem; border-top: 1px solid #2f2f2f; position: relative; z-index: 2;}
.wrapper .nav { -webkit-backdrop-filter: none; backdrop-filter: none; background: none;}
.org-cont-top-btn p { margin-left: .36rem; float: left; color: #fff; font-size: .48rem;}
.org-cont-top-btn .top-arrow { display: block; float: right; margin-right: .28rem; transition: all .3s; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/jwss-top-arrow.png) no-repeat; width: 1.35rem; height: 1.38rem; background-size: cover;}
.top-arrow.on { transform: rotate(180deg);}
.org-cont-top-item { position: relative; top: -2px; width: 100%; height: 0; overflow-y: auto; transition: all .4s; background-color: rgba(0,0,0,0.6);}
.org-cont-top-item ul { padding-left: .68rem; background-color: #111112;}
.org-cont-top-item li { color: #e8e8e8; font-size: .4rem; width: 9.88rem; border-bottom: 1px solid #414141;}
.org-cont-top-item li a { color: #e8e8e8; display: block; width: 100%; height: 100%;}
.org-cont-top-item li.cur a { color: #ffb900;}
.org-cont-top-item li:last-of-type { border: none;}


@font-face {
 	font-family:"hyrys";
 	src: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/font/hyrys.ttf);
}

.hyrys{font-family:"hyrys";}


.jw-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/m/jw-spr.png); background-repeat:no-repeat; background-size:8.82rem 6.18rem;}
.jw-spr.btn-close{ width:3.69rem; height:1.19rem; background-position:97.66082% 0.6012%;}
.jw-spr.btn-next.gray,.jw-spr.btn-next.swiper-button-disabled{ width:1.05rem; height:0.18rem; background-position:0.3861% 0.5%;}
.jw-spr.btn-next{ width:1.05rem; height:0.18rem; background-position:14.15701% 0.5%;}
.jw-spr.btn-prev.gray,.jw-spr.btn-prev.swiper-button-disabled{ width:1.05rem; height:0.18rem; background-position:27.92793% 0.5%;}
.jw-spr.btn-prev{ width:1.05rem; height:0.18rem; background-position:41.69884% 0.5%;}
.jw-spr.i-next{ width:0.33rem; height:0.56rem; background-position:50.76561% 0.53381%;}
.jw-spr.i-prev{ width:0.33rem; height:0.56rem; background-position:54.8881% 0.53381%;}
.jw-spr.slogan{ width:8.76rem; height:2.11rem; background-position:50% 99.2629%;}
.jw-spr.t1{ width:8.52rem; height:1.23rem; background-position:10% 25.05051%;}
.jw-spr.t5{ width:8.49rem; height:1.53rem; background-position:9.09091% 53.54839%;}

.org-jwss{height: 16.64rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/jwss-bg1.jpg) no-repeat; background-size: 100% 100%; padding-top: 11.32rem;}
.org-jwss .slogan{display: block; margin: 0 auto;}
.org-jwss .org-info-text{font-size: 0; margin: -.4rem auto 0;}

.org-jwss-cont{background: #fffef8;}
.org-jwss-cont .page1{ color: #000; text-align: center; padding-top: 2.34rem; height: 28.26rem;}
.org-jwss-cont .page1 h1{font-size: .4rem; line-height: .5rem;}
.org-jwss-cont .page1 h2{font-size: 1.2rem; line-height: 1.5rem; margin-top: .32rem;}
.org-jwss-cont .page1 .dec{font-size: .4rem; line-height: .7rem; margin-top: .8rem; height: 2.1rem; padding: 0 .7rem;}
.org-jwss-cont .page1 .num{width: 1.4rem; border-top: .04rem solid #000; line-height: 1.12rem; font-size: .4rem; margin: 2.02rem auto 0; height: 2.18rem;}
.org-jwss-cont .page1 .cover{height: 13.43rem; margin: 0 auto; min-width: 1px;}

.page2{height: 16.1rem;}
.page2 .swiper-box{height: 13.44rem; width: 100%; overflow-x:scroll;}
.page2 .swiper-list{padding-left: .54rem; width: 141.4rem; font-size: 0; text-align: left; height: 100%; overflow: hidden;}
.page2 .swiper-slidebox{width: 20.1rem; padding: 0 .15rem; display: inline-block; vertical-align: top; height: 100%; overflow: hidden;}
.page2 .swiper-slide:nth-last-of-type(1){margin-right: 0;}
.page2 .sw-wrapper img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page2 .swiper-pagination{font-size: 0; text-align: left; margin-top: .24rem; padding-left: .69rem;}
.page2 .swiper-pagination li{display: inline-block; vertical-align: top; width: 1.56rem; height: 1.06rem; border: 1px solid #b2b1ad; margin-right: .12rem;}
.page2 .swiper-pagination li.on{ border-color: #000;}

.org-jwss-cont .btn-listen{display: block; height: 6.48rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/v5-jwss-add.png) 50% 0 no-repeat; background-size: 100% 100%; position: relative; margin-bottom: 4.73rem;}

.org-jwss-cont .page-titbox{position: absolute; pointer-events: none;}
.org-jwss-cont .page-titbox p{font-size: 1.2rem; line-height: 1.5rem;}
.org-jwss-cont .page-titbox span{ font-size: .48rem; line-height: .6rem; display: block; text-transform: uppercase; margin-top: .34rem;}

.page3{position: relative; padding-top: 2.15rem; height: 19.56rem;}
.page3 .page-titbox{left: .65rem; top: -1.36rem; z-index: 3;}
.page3 .sw-wrapper{padding-left: .445rem;}
.page3 .swiper-container{height: 13.4rem;}
.page3 .swiper-slide{width: 8.15rem; padding: 0 .305rem; font-weight: bold; color: #000;}
.page3 .swiper-slide .img-box{width: 100%; height: 10.26rem;}
.page3 .sw-wrapper img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page3 .name{font-size: .4rem; line-height: .6rem; margin-top: .36rem;}
.page3 .time{ font-size: .4rem; line-height: .5rem; margin-top: .02rem;}
.page3 .function-box{font-size: 0; text-align: left; padding-left: .26rem;}
.page3 .function-box a{display: inline-block; vertical-align: top;}
.page3 .function-box .btn-next{margin-left: .49rem;}
.page3 .swiper-pagination{display:flex; display:-webkit-flex; height: .04rem; width: 100%; background: #c8c7ba; margin-top: 1.06rem;}
.page3 .swiper-pagination span{flex: 1; background: #c8c7ba;}
.page3 .swiper-pagination span.swiper-pagination-bullet-active{ background: #000;}

.page4{padding-bottom: 1.5rem;}
.page4 .t5{margin: 0 auto; display: block;}
.page4 .dec-list{width: 9.32rem; margin: 1.42rem auto .72rem;}
.page4 .dec-list li{ font-size: .4rem; line-height: .8rem; color: #000; text-align: justify; padding-bottom: .8rem;}
.page4 .btn-box{font-size: 0; text-align: center; position: relative; height: .6rem;}
.page4 .btn-box:after{content: ''; position: absolute; height: .34rem; top: 50%; margin-top: -.17rem; background-color: #cccbc6; width: 2px; margin-left: -1px; left: 50%;}
.page4 .btn-box a{display: inline-block; vertical-align: top; width: 2rem; color: #000; font-size: .4rem; line-height: .6rem; height: .6rem; margin: 0 1.02rem;}

.dialog,.dialog *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.dialog{position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; padding-top: 1.4rem; background-size: cover; z-index: 8; transform: translateX(-110%); transition: .3s ease-out all;}
.dialog.show{transform: translateX(0);}
.dialog:after,.dialog:before{content: '';}
.dialog:after,.dialog:before,.dialog .dialog-mask{width: 100%; height: 12rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/jwss-lay.png) no-repeat; background-size: 100% 100%; left: 0; bottom:-6rem; position: absolute; pointer-events: none; z-index: 2;}
.dialog .dia-con{height: 100%; padding-bottom: 3rem; overflow-y: auto; background:#fffef8;}

.dialog .txt-box{width: 9.94rem; margin: 0 auto; font-weight: bold; color: #000; padding-top: 1.18rem;}
.dialog .txt-box dl{padding-bottom: 1.44rem;}
.dialog .txt-box dt{font-size: .64rem; line-height: .8rem; position: relative; height: 2.72rem;}
.dialog .txt-box dt:after{content: ''; position: absolute; left: 0; width: .9rem; height: .06rem; background: #000; top: 1.52rem;}
.dialog .txt-box dd{padding-bottom: .78rem; position: relative;}
.dialog .txt-box h4{font-size: .4rem; line-height: .5rem;}
.dialog .txt-box p{ color: #666; font-size: .4rem; line-height: .5rem; padding-top: .2rem;}
.dialog .txt-box .hot{width: 2.38rem; line-height: .96rem; border: 1px solid #000; font-size: .4rem; position: absolute; right: 0; top: .08rem; text-align: center;}
.dialog .txt-box em{display: block; width: 100%; height: 1px; background: #cccbc6; margin-top: .68rem;}
.dialog .btn-box{position: absolute; width: 100%; left: 0; bottom: 0; height: 1.76rem;  z-index: 3; padding: 0 .7rem;}

.dia-con .details-box{text-align: justify; height: 100%;}
.dia-con .details-box .swiper-slide{padding: 1.16rem .69rem 0; overflow-y: auto;}
.dia-con .details-box .hyrys{font-weight: bold; color: #000;}
.dia-con .details-box .num{font-size: .4rem; line-height: .5rem; text-align: center;}
.dia-con .details-box .tit{font-size: .8rem; line-height: 1rem; text-align: center; margin-top: .3rem; height: 1.62rem;}
.dia-con .details-box .note{font-size: .36rem; line-height: .8rem; color: #000; opacity: .5;}
.dia-con .details-box .fb{font-weight: bold;}
.dia-con .details-box img{display: block; width: 100%; height: auto; margin: .52rem 0;}
.dia-con .details-box h4{font-size: .64rem; line-height: .96rem; margin-top: 1.64rem;}
.dia-con .details-box h4.center{text-align: center;}
.dia-con .details-box h5{font-size: .48rem; line-height: .72rem; margin-top: .8rem;}
.dia-con .details-box .dec{font-size: .4rem; line-height: .8rem; color: #000; padding-top: .44rem;}

.dialog .btn-box .btn-close{display: block; font-size: .42rem; color: #000; line-height: 1.19rem; text-align: center;}
.dialog .btn-box .btn-cancel{ margin: 0 auto;}
.dialog .btn-swiper{height: 1.19rem; padding-top: .01rem; font-size: 0; text-align: center; position: absolute; right: .48rem; top: 0;}
.dialog .btn-box.hide-btn .btn-swiper{display: none;}
.dialog .btn-swiper a{display: inline-block; vertical-align: top; width: 1.17rem; height: 1.17rem; line-height: 1.15rem; border: 1px solid #111112; margin: 0 .22rem; position: relative; background: #fffef8;}
.dialog .btn-swiper i{position: absolute; left: 50%; top: 50%; margin-left: -.165rem; margin-top: -.28rem;}
.dialog .btn-swiper .swiper-button-disabled i{opacity: .6;}

.jw-tc2-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/m/jw-tc2-spr.png); background-repeat:no-repeat; background-size:17.65rem 1.59rem;}
.jw-tc2-spr.t1{ width:4.43rem; height:0.82rem; background-position:75.49168% 3.8961%;}
.jw-tc2-spr.t2{ width:5.31rem; height:1.53rem; background-position:0.24311% 50%;}
.jw-tc2-spr.t3{ width:3.19rem; height:1.49rem; background-position:99.79253% 30%;}
.jw-tc2-spr.t4{ width:4.6rem; height:1.53rem; background-position:41.0728% 50%;}


.dialog .tit-box{margin: 1.82rem auto .02rem;}
.dialog .tit-box.t1{margin: .48rem auto 1.14rem;}

@keyframes bounceInbot {
	0% {opacity: 0;transform: translateY(2rem);}
	100% {transform: translateX(0);opacity: 1;}
}

.org-jwss .slogan,.org-jwss .org-info-text,.page1 .txt-box,.page1 .cover,.page2 .sw-wrapper,.page3 .page-titbox,.page3 .sw-wrapper,.page4 .t5,.page4 .dec-list,.page4 .btn-box,.org-jwss-cont .btn-listen{opacity: 0;}

.org-jwss .slogan.gp-ani,.page1 .txt-box.gp-ani,.page1 .cover.gp-ani,.page2 .sw-wrapper.gp-ani,.page3 .page-titbox.gp-ani,.page3 .sw-wrapper.gp-ani,.page4 .t5.gp-ani,.page4 .dec-list.gp-ani,.page4 .btn-box{animation: bounceInbot .3s .1s ease-out both;}
.org-jwss .org-info-text.gp-ani,.org-jwss-cont .btn-listen.gp-ani{animation: bounceInbot .3s .2s ease-out both;}