body{
	font-family: "-apple-system","system-ui","BlinkMacSystemFont","SF Pro Text","Roboto","sans-serif";
	background-color: #FAFAFA;	
	font-size: 12px;

}
/* swiper */
.swiper-button-prev{
    background-image: url(../img/left.png);
    left: 10px;
    right: auto;
}
.swiper-button-next{
    background-image: url(../img/right.png);
}
.swiper-button-next, .swiper-button-prev{
	width: 14.48px !important;
	height: 25.61px !important;
    background-size: 14.48px 25.61px !important;
	top:50%;
	transform: translate(0%,-60%);
	bottom: 0;
	/*margin-top: 0 !important;*/
}

.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0px !important;

}
.swiper-pagination{
	position: relative !important;
}

.footer{
	margin: 0 0.64rem;
	padding-bottom: 1rem;
}
.image-switch img {
    display: none;
}

.image-switch img.active {
    display: block;
}
.imgSize{
min-width:246px ;
width:50% ;
height: inherit;
display: block;
margin: auto;
height: 100%;
margin-top: 12px;
}
.showContent{
display: block !important;

}
.swiper-pagination-bullet-active{
	background-color: #E50620 !important;
	
}

.bg{
background-color: #EDF6FF;
}
.stickyBox{
background-color: #fff;
padding:6px 12.99px ;
box-shadow: 0px 4px 5px 0px #2663BE2B;
position: sticky;
position: -webkit-sticky;
top:0;
z-index: 999;
}
.click{
	position: absolute;
	width:20px;
	height: 20px;
	/*background:red;*/
	z-index: 999;
	margin-top: -38%;
	z-index: 999;
}

ul.navbar{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	align-items: center;
	justify-content: center;
	row-gap: 4px;
	column-gap: 4px;
}
ul.navbar >a li {
	background: #F9EBDE;
	color: #AF6949;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	list-style-type: decimal;
	list-style-position: inside;
	padding:12px 7px;
	border-radius: 4px;
}
.modal{
position: relative;
background: #fff;
height: 100%;
width: 100%;
margin-top: 36px;
padding:36px 22px;
border-radius: 8px;
}
.titleBar{
position: absolute;
display: block;
margin: auto;
left:0;
right:0;
background-image: url(../img/titleBar.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding:7px 20px;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #fff;
width:75% ;
height: 6.2%;
/*min-height:39px;*/
min-width: 266px;
margin-top: -54px;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;

}
.swiper-pagination-fraction{
position: relative;
bottom: -15px !important;
}
.swiper-pagination2,.swiper-pagination3,.swiper-pagination4,.swiper-pagination5,.swiper-pagination6{
text-align: center;
}
.greyBox{
position: relative;
background: #F8F8F8;
border-radius: 4px;
font-size: 12px;
text-align: center;
padding: 8px;

}
.greyBox > div{
	position: relative;
	background: #F8F8F8;
	border-radius: 4px;
    text-wrap: balance;

	}
.greyContent{
color: #9E9E9E;
font-weight: 900;
margin-top: 4px;
}

.blueFont,.textGlow{
	color: transparent;
	background-image: linear-gradient(90deg,   #346dc2 50%,#9e9e9e 50%);
	
	background-size:200% 100%;
	background-clip:text;
	-webkit-background-clip:text;
	
	transition: background-position 2s ease ;
	animation: 3s textColor  forwards;
}
@keyframes textColor {
0%{
	background-position:100%;
}
100%{
	background-position:0;
}
}
.greyFont{
color: rgb(158, 158, 158);
}
.orangeFont{
color:rgba(190, 120, 38, 1);
}
.textC{
text-align: center;
}
section{
	margin:35px 13px !important;
}
/*
section  {
position: relative;
background-color: #fff;
padding:13px 16px 36px;
margin-top: 16px;
counter-increment: counter;
margin:13px 16px;
border-radius: 8px;
box-shadow: 0px 4px 9px 0px #7E0A191C;

}
section > .nums:before {
	content: counter(counter, decimal-leading-zero);
	background: linear-gradient(180deg, #D13036 0%, #AC2025 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 32px;
	font-weight: 700;

	
	
  }*/
.nums{
display: flex;
align-items: center;
justify-content: center;

}

  footer{
padding:0 26px 2rem;
  }
  .bold{
	font-weight: bolder !important;
  }
  .flex{
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .imgContainer{
	height:inherit
  }
  .btn{
	background-color: #FFFFFF;
	border-radius: 4px;
	padding:14px 38px;
	color:#989898 ;
	border: 1px solid #989898;
	margin-left: 12px;
	outline: 0;
	width: fit-content;
	height: 100%;
  }
  .btn.active{
	background-color: #C62B31;
	color: #fff;
	outline: 0;

	width: fit-content;
	height: 100%;
  }
  .numsLine{
position: relative;
height:32px;
margin: 0 12px;
  }
.numsLine::before{
	content:"";
position: absolute;
width: 0.5px;
height: 32px;
background: #C62B31;

bottom: 0;
  }
.red{
color:#C2292F;
}
/* font */
.font12{
font-size: 12px;
}
.font16{
font-size: 16px;
}
.font32{
font-size: 32px;
}

/* margin top */
.mt12{
	margin-top: 12px;
}
.mt16{
margin-top: 16px;
}
.mt18{
margin-top: 18px;
}
.mt24{
	margin-top: 24px;
}
.mt32{
margin-top: 32px;
}
.mt36{
margin-top: 36px !important;
}
.h36{
height: 36px;
}