body {
  font-family: '思源黑体', 'Noto Sans SC', 'Source Han Sans', -apple-system, sans-serif;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}


.grid-card .right-box {
    margin-left: 8px;
}

.grid-card .right-box .top-title {
    font-size: 20px;
    line-height: 26px;
}


.grid-card .right-box .bottom-title {
    font-size: 14px;
    margin-top: 5px;
}

.grid-card .des {
    margin-top: 10px;
    color: #cccccc;
}


.gradient-text {
  font-weight: bold;
  background: linear-gradient(
    45deg, 
    #15b8b7, 
    #5875f0,
    #15b8b7
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientFlow 3s linear infinite;
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.swiper{
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #FFFFFF;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
 }

.checkmark-circle {
  width: 20px;
  height: 20px;
  background-color: #07bc0c; /* 绿色背景 */
  border-radius: 50%;        /* 圆形效果 */
  position: relative;
  margin: 5px;
}

.checkmark {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%) rotate(45deg); /* 定位+旋转 */
  width: 8px;
  height: 15px;
}

.checkmark::after {
  content: "";
  display: block;
  width: 8px;              /* 勾宽 */
  height: 15px;            /* 勾高 */
  border: solid white;     /* 白色勾线 */
  border-width: 0 3px 3px 0;
}


@media screen and (min-width: 500px){
    .center-part .box {
    	  transform: translateX(-30px);
    	  height: 350px;
    }
    .center-part .t1 {
    	  margin-top: 10px;
    	  margin-bottom: 10px;
    }
    .center-part .t2 {
    	  font-size: 20px;
    	  margin-top: 10px;
    }
    .center-part .img-box{
    	 transform: translateX(-10px);
    }
    
    .center-part .but-groud {
    	  margin-top: 10px;
    	  display: flex;
    	  justify-content: center;
       align-items: center;  
    }

    .center-part .but-groud button {
        width: 350px;
        height: 38px;	
    }
    .ios-title{
    	  display: flex;
    	  justify-content: center;
       align-items: center; 
    }
}