* {
	font-family: 'Source Han Sans', 'Noto Sans CJK SC', 'HanHei SC', 'Microsoft YaHei', 'sans-serif';
}
/* 隐藏原生的单选按钮 */
  .radio-input {
	display: none;
  }
 
  /* 自定义外观的单选按钮 */
  .radio-button {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	/* margin: 5px; */
	cursor: pointer;
	border: 2px solid #8975f4;
	border-radius: 50%;
	margin-right: 10px;
  }
 
  /* 选中的单选按钮样式 */
  .radio-button:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: #8975f4;
	border-radius: 50%;
	visibility: hidden;
  }
 
  /* 选中的单选按钮 :after 伪元素显示 */
  .radio-input:checked + .radio-button:after {
	visibility: visible;
  }
 
  /* 自定义文本样式 */
  .radio-label {
	/* margin-left: 10px; */
	font-family: Arial, sans-serif;
	font-size: 16px;
	user-select: none;
  }
  
  /* 自定义select样式 */
  .custom-select {
    width: 200px; /* 设置宽度 */
    padding: 5px; /* 内填充 */
    font-size: 16px; /* 字体大小 */
    border: 1px solid #8975f4; /* 边框 */
    border-radius: 4px; /* 圆角 */
    -webkit-appearance: none; /* 移除iOS默认样式 */
    -moz-appearance: none; /* 移除Firefox默认样式 */
    appearance: none; /* 移除标准浏览器默认样式 */
	position: relative;       /* 相对定位 */
  }
   
  /* 当鼠标悬停时的样式 */
  .custom-select:hover {
    /* border-color: #bbb; */
  }
   
  /* 当选择框被激活（比如鼠标点击）时的样式 */
  .custom-select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 130, 246, 0.6); /* 蓝色阴影，可以根据需要修改颜色和大小 */
  }
   
  /* 向下箭头的自定义样式 */
  .custom-select::-ms-expand {
    display: none;
	/* 移除Windows上默认下拉箭头 */
  }
   
  .custom-select::-moz-arrow {
    color: #8975f4; /* Firefox特有，箭头颜色 */
  }
   
  .custom-select::-webkit-search-decoration,
  .custom-select::-webkit-inner-spin-button,
  .custom-select::-webkit-outer-spin-button {
    -webkit-appearance: none; /* 移除Chrome特有的装饰 */
    margin: 0; /* 移除默认边距 */
  }
   
  /* 选项的样式 */
  .custom-select option {
    background-color: #fff; /* 选项的背景色 */
    color: #333; /* 选项的文字颜色 */
  }
  .nav-btn {
	  background-color: #fff;
	  border:1px solid #ccc;
	  padding:2px;
	  border-radius: 5px;
	  margin-left: 10px;
	  display: none;
  }
  
  /* banner图片start */
  .banner-box {
  	width: 100%;
  	max-width: 100hv;
  	overflow: hidden;
  }
  .banner-img {
  	position: relative;
  }
  
  .banner-img .banner-img-item {
  	height: 630px;
  	background-repeat: no-repeat;
  	background-size: 100%;
  	background-size: cover;
  	background-position: center;
  }
  
  .banner-img .wenzi-box {
  	display: flex;
  	height: 100%;
  	align-items: center;
  	justify-content: space-between;
	max-width: 890px;
	width: 100%;
  }
  
  .banner-img .wenzi-box .wenzi-left {
  	color: #fff;
  }
  
  .banner-img .wenzi-box .wenzi-1 {
	font-size: 50px;
	font-weight: bold;
  }
  
  .banner-img .wenzi-box .wenzi-2 {
  	font-size: 29px;
  	margin-top: 30px;
  	opacity: 0.8;
	font-weight: 300;
  }
  
  .banner-img .wenzi-box .wenzi-btn {
  	font-size: 19px;
  	width: 200px;
  	height: 50px;
  	line-height: 50px;
  	text-align: center;
  	border: 1px solid #fff;
  	color: #fff;
  	border-radius: 8px;
  	display: block;
  	text-decoration: none;
  	margin-top: 80px;
	font-weight: 400;
  }
  .banner-img .wenzi-box .wenzi-btn.buy-btn {
	  background-color: #2b91ff;
	  border:0;
  }
  .swiper-pagination {
  	bottom: 30px!important;
  }
  .swiper-pagination-bullet {
  		width: 35px;
  		height: 4px;
  		background-color: #000;
  		border-radius: 0;
  		margin:0 30px;
  		opacity: 1;
  }
  .swiper-pagination-bullet-active {
  	background-color: #fff;
  }
  /* banner end */
@media only screen and (max-width:678px ) {
	.nav-btn {
		  display: block;
	}
	.header .header-list .nav.nav-wrap {
		position: fixed;
		top: 59px;
		display: none;
		width: 100%;
		background: #fff;
	}
	.header .header-list .nav a.nav-item {
		color: #000;
		font-size: 16px;
		width: 100%;
		padding: 10px 25px;
		display: block;
	}
	.header .header-list .login-regist-box {
		width: 60% !important;
		margin: 0 20px;
	}
	.banner-img .wenzi-box .wenzi-1 {
		font-size: 24px;
	}
	.banner-img .wenzi-box .wenzi-2 {
		font-size: 20px;
	}
	.banner-img .banner-img-item {
		height: 430px;
	}
	.wenzi-right {
		max-width: 100px;
	}
	.wenzi-right img{
		width: 100%;
	}
	.body-box .part1{
		margin-top: 30px!important;
	}
	.part1 .part1-nav a {
		font-size: 18px!important;
		padding: 15px!important;
	}
	.part1 .part1-nav i {
		padding: 0!important;
	}
	.fwb {
		margin-top: 0px!important;
		
	}
	.fwb p{
		margin-top: 10px!important;
		
	}
	.part-title {
		margin-top: 10px!important;
	}
	
	.form-box .form-item .item-label {
		font-size: 16px!important;
		width: 20%!important;
	}
	
	.form-box .form-item .item-content {
		font-size: 18px!important;
		width: 80%!important;
		padding-left: 10px;
	}
	.form-box .form-item .item-content.number-select .number-select-box{
		margin-right: 10px;
	}
	.select-desc {
		font-size: 14px;
	}
	.form-box .form-item .item-content {
	}
	.form-box4 .form-box-item a {
		word-break: break-word;
	}
	.use-app {
		gap: 0px!important;
		padding-left: 0;
		flex-wrap: wrap;
	}
	.use-app li{
		width: 50%!important;
		padding: 25px;
	}
	.part-4-title1 {
		font-size: 22px!important;
		font-weight: 400!important;
	}
	.part-4-title2 {
	    font-size: 16px!important;
	}
	.part-title1 {
	    font-size: 30px!important;
	    font-weight: 400!important;
	}
	.part3-title {
	    font-size: 30px!important;
	}
	.body-box2  {
		padding: 90px 20px 30px 20px!important;
	}
}
@media only screen and (max-width: 520px){
	
}