<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
p,
select,
span,
strong,
textarea,
ul {
	margin: 0;
	padding: 0
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 400;
}

html {
	max-width: 750px;
	height: 100%;
	margin: 0 auto;
	background: #f7f9fa;
}

body {
	background: url(../img/bg.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
	font-family: "microsoft yahei", Arial;
	font-size: .26rem;
	min-height: 100vh;
}
.logo{
	width: 10rem;
	margin: 5rem 0 5rem calc(50% - 5rem);
}
 .swiper {
      margin: 0 auto;
      width: 100%;
      position: relative;
    }
    
.zhu{
	width: 76%;
	margin-left: 12%;
}
.text{
	width: 80%;
	margin-left: 10%;
	position: absolute;
	left: 0;
	top: 40rem;
}
.pg_bottom{
	width:100%;
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.swiper-button-next, .swiper-button-prev{
	top: 40% !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 2.5rem !important;
}
.swiper-pagination-bullet{
	border-radius: 5px !important;
	background: rgb(177,213,239) !important;
	width: 1.5rem !important;
}
.swiper-pagination-bullet-active{
	background: #0D9DFF !important;
	width: 3rem !important;
}
.btn_group img{
	float: left;
	width: 26%;
	margin-left: 5.5%;
}
.swiper-creative .swiper-slide{
	background: rgb(236,250,255);
}
.clear{
	clear: both;
}
</pre></body></html>