*{margin: 0;padding: 0;-webkit-tap-highlight-color: transparent;}
html, body{height: 100%;font-family:arial, Roboto Condensed;scroll-behavior:smooth;overflow: hidden;}
html{background: rgba(15, 32, 75, 0.6);}
body{margin: 0 auto;min-width: 360px;max-width: 450px;background: #000;}

#app{
	background: url('../image/spread-1/bg.webp?v=260331') no-repeat center top / 100% auto, linear-gradient(to bottom, transparent 0%, #0f1444 100%);background-size: 100% 100%;
	height: 100%;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;
}
.logobox{/* height: 46px; */padding: 25px 0 0 0;display: flex;justify-content: center;}
.logo{width: 145px;}

.mySwiper{
	flex: 1;width: 100%;padding-bottom: 40px;
	--swiper-pagination-bullet-width: 15px;
	--swiper-pagination-bullet-height: 2px;
	--swiper-pagination-bullet-inactive-color: #861da7;
	--swiper-pagination-color: #9000C9;
	--swiper-pagination-bottom: 15px;
	--swiper-pagination-bullet-border-radius: 2px;
}
.swiper-wrapper{height: 100%;}
.swiper-slide{text-align: center;display: flex;flex-direction: column;}
.slide-img-box{display: flex;overflow: hidden;flex: 1;}

.slide-img{height: 92%;width: 93%;margin: auto;background-size: contain;background-repeat: no-repeat;background-position: center;}
.s-img-1{background-image: url('../image/spread-1/slide-1.webp?v=260403');}
.s-img-2{background-image: url('../image/spread-1/slide-2.webp?v=260403');}
.s-img-3{background-image: url('../image/spread-1/slide-3.webp?v=260403');}
.s-img-4{background-image: url('../image/spread-1/slide-4.webp?v=260403');}

.img-font-box {width: 100%;display: flex;padding-bottom: 20px;}
.img-font {margin: auto;background-size: contain;background-repeat: no-repeat;background-position: center;}

.main-text{
	font-size: 22px;line-height: 1;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
	color: #6ADBFA;background-image: -webkit-linear-gradient(0deg, #6ADBFA, #6ADBFA);
}
.vice-text{
	font-size: 14px;line-height: 17px;height: 34px;color: #FFFFE7;
	margin-top: 4px;display: flex;align-items: center;justify-content: center;flex-direction: column;
}

.blocks-skin{width: 100%;box-sizing: border-box;padding: 10px 10px 0;}
.blocks-box{display: flex;justify-content: space-between;margin: 0 auto;max-width: 385px;}
.block-item{width: 64px;}
.img-box{width: 100%;border-radius: 10px;display: flex;background-color: #2F89FF26;}
.block-icon{margin: auto;}
.block-text{color: #618ED2;font-size: 12px;line-height: 14px;margin-top: 5px;}

.slide-1 .img-box, .slide-2 .img-box{height: 78px;}
.slide-3 .img-box, .slide-4 .img-box{height: 64px;}
.slide-1 .block-icon{height: 51px;}
.slide-2 .block-icon{height: 55px;}
/*.slide-3 .block-icon{height: 46px;}*/
.slide-4 .block-icon{height: 43px;}

.btns-box{padding-bottom: 8%;}
.btn{border-radius: 50px;height: 40px;line-height: 40px;width: 84%;cursor: pointer;color: #fff;font-size: 16px;text-align: center;margin: 0 auto;}
.sign_btn{background: linear-gradient(94.19deg, #AD88FF 5.72%, #763AFF 37.16%, #6327EF 94.28%);box-shadow: 0px 4px 4px 0px #1944C34A;}
.tg_btn{
	background: linear-gradient(94.19deg, #FF635E 5.72%, #FF6D67 37.16%, #FE2B2A 94.28%);
	margin-top: 15px;display: flex;align-items: center;justify-content: center;
}
.tg-icon{margin-right: 5px;width: 24px;height: 24px;}
.is-hidden {display: none !important;}