/* 设置页面背景颜色 */
	body {
		margin: 0;
		padding: 0;
	}
	
	.marquee-se{
	    width: 470px;
	    background-color: white;
	    margin: auto;
	}
	
	.marquee {
		position: fixed;
		top: 0;
		max-height: 80%;
		overflow: hidden;
		color: white;
		padding: 0.3rem 0;
		font-size: clamp(0.5rem, 3vw, 1rem);
		white-space: nowrap;
		z-index: 999;
		background-color: #1d87e7;
		width: 470px;
	}
	
	.anuamn{
	    font-weight: 800;
		font-size: 1.3em;
		display: block;
	    text-align: left;
	}
	
	.marquee span {
		display: inline-block;
		padding-left: 100%;
		animation: marquee 10s linear infinite;
	}

	@keyframes marquee {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-100%);
		}
	}

    .info-boxtop {
		width: 470px;
		margin: 0 auto;
		margin-top: 0px;
		padding: 1.5rem;
		padding-bottom: 30px;
		background: linear-gradient(to bottom, #1d87e7, #0370ff);
		color: white;
		text-align: center;
		font-size: clamp(1.8rem, 4vw, 1.5rem);
		box-sizing: border-box;
	}
	
	.info-boxtop span{
	    font-size: 1.4rem;
	    margin-top: 1rem;
        display: inline-block;
        letter-spacing: 0.4rem;
	}
	
	.info-boxtop p{
        letter-spacing: 0.5rem;
	}
	
	.info-box {
		width: 470px;
		margin: 0 auto;
		margin-top: 22px;
		padding: 1.5rem;
		padding-bottom: 30px;
		background: linear-gradient(to bottom, #1d87e7, #0370ff);
		color: white;
		text-align: center;
		font-size: clamp(1.8rem, 4vw, 1.5rem);
		box-sizing: border-box;
	}
	
	.info-box span{
	    font-size: 1.4rem;
	    margin-top: 1rem;
        display: inline-block;
        letter-spacing: 0.4rem;
	}
	
	.info-box p{
        letter-spacing: 0.5rem;
	}
	

	.full-width-box {
		width: 100%;
		margin: -1.25rem auto 0.9375rem;
		padding: 0.9375rem 1.25rem;
		background: #ffffff;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -0.75rem;
		border-radius: 5px/5px;
		border: 1px solid #e0e0e0;
	}


	/* 大盒子容器 */
	.container-box {
		background: #0370ff;
		width: 470px;
		margin: -2rem auto;
		height: auto;
		padding: 20px 23px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		flex-wrap: wrap;
		gap: 15px;
		box-sizing: border-box;
	}
	
	.container-box2 {
		background: #0370ff;
		width: 470px;
		margin: -2rem auto;
		height: auto;
		padding: 1px 1px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		flex-wrap: wrap;
		gap: 15px;
		box-sizing: border-box;
	}

	/* 内部小盒子 */
	.small-box {
		background: #ffffff;
		/*flex: 1 1 28%;*/
		width: 100%;
		margin-left: -0.8rem;
		margin-top: 1rem;
		min-height: 100px;
		/*margin: auto;*/
		border: 1px solid #e7e9eb;
		border-radius: 10px;
		padding: 0.75rem;
		text-align: center;
	}

	.anual-te {
		color: #3290e8;
		position: relative;
		font-weight: 700;
		font-size: 1.3em;
		letter-spacing: 1px;
	}

    .form-group {
        display: flex; 
        align-items: center; 
        margin-top: 20px;
    }
    
    .form-group label {
        flex: 0 0 auto; 
        margin-right: 1rem; 
        white-space: nowrap; 
        font-weight: 530;
        font-size: clamp(0.9rem, 3vw, 1rem);
        min-width: 80px; 
        text-align: right; 
    }
    
    .form-group input {
        flex: 1; 
        border: none;
        border-bottom: 1px solid #e0e0e0;
        outline: none;
        padding: 0.5rem 0;
        font-size: clamp(0.9rem, 3vw, 1rem);
        box-sizing: border-box;
        margin-left: auto; 
    }

	/* 提交按钮样式 */
	.submit-btn {
		background-color: #1d87e7;
		width: 100%;
		border: none;
		color: #ffffff;
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: clamp(1rem, 4vw, 1rem);
		margin: 20px 0;
		cursor: pointer;
		border-radius: 50px;
		transition: background-color 0.3s ease-in-out;
	}

	.submit-btn:hover {
		background-color: #1d87e7;
	}

	.anuale-te {
		color: #999999;
		position: relative;
		font-weight: 500;
		margin: 0 0 5px 0;
		font-size: 1em;
		letter-spacing: 1px;
		white-space: normal;
		text-align: left;
		overflow-wrap: break-word;
		display: block;
		width: 100%;
		line-height: 1.6;
	}

	.anua {
		/*margin: 6px;*/
		font-weight: 800;
		font-size: 1.3em;
		display: block;
	}

	.anualee-te {
		color: #ffffff;
		position: relative;
		top: -30px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 0.8em;
		letter-spacing: 1px;
	}

	.anualee-te a {
		color: white;
		text-decoration: none;
	}

	.form-group label {
		font-size: clamp(1rem, 3vw, 1rem);
	}

	.form-group select {
		width: 100%;
		padding: 8px;
		background-color: transparent;
		font-size: clamp(0.9rem, 3vw, 1rem);
		box-sizing: border-box;
	}

	.form-group select:focus {
		outline: none;
	}

	.form-up label {
		font-size: clamp(0.1rem, 3vw, 1rem);
	}

	.al-te a {
		color: white;
		text-decoration: none;
	}

	.ann-te {
		display: block;
		color: #ffffff;
		font-weight: 500;
		margin: 0.9rem auto 1.8rem auto;
		width: fit-content;
		text-align: center;
		position: relative;
		top: auto;
		font-size: 0.8em;
		letter-spacing: 1px;
	}
	
    .mar {
        position: fixed; 
        bottom: 0;
        left: 0;
        width: 100%; 
        background-color: #fff; 
        padding: 10px 0; 
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); 
        z-index: 999;
        display: flex;
        height: 28px;
        justify-content: space-around; /* 调整为均匀分布 */
        align-items: center;
    }
    
    .mar > div {
        display: flex;
        flex-direction: column;
        align-items: center; 
        justify-content: center; 
        flex-grow: 1; 
    }
    
    .mar img {
        width: 20px; 
        height: 20px; 
        margin-bottom: 5px; 
    }
    
    .mar span {
        font-size: 12px;
        color: #666; 
    }
    
    .cardBox1 {
      margin-top: 10px;
    }

   .cardBox1 h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 15px;
      text-align: left;
    }

   .cardBox1 p {
      margin-top: 0px;
      text-align: left;
      color: #999999;
    }
    
	@media (max-width: 1024px) {
		.container-box {
			width: 100%;
			box-sizing: border-box;
		}
		.full-width-box {
			width: 100%;
		}
		.marquee-se{
    	    width: 100%;
    	    background-color: white;
    	    margin: auto;
    	}
		
    	.container-box {
    		width: 100%;
    	}

		.info-box {
    		width: 100%;
    	}
    	
        .info-box span{
            letter-spacing: 0.4rem;
    	}
    	
    	.info-box p{
            letter-spacing: 0.1rem;
    	}
    	
    	.info-boxtop {
    		width: 100%;
    	}
    	
        .info-boxtop span{
            letter-spacing: 0.4rem;
    	}
    	
    	.info-boxtop p{
            letter-spacing: 0.1rem;
    	}
		
		.mar {
            padding: 5px 0; 
            height: 2rem;
            }
    
        .mar img {
            margin-bottom: 1.5px;
        }
    
        .mar span {
            font-size: 10px; 
        }
        .marquee{
            left: 0;
        }
        
    	.anuale-te {
    		color: #999999;
    		position: relative;
    		font-weight: 400;
    		margin: 0 0 5px 0;
    		font-size: 0.9rem;
    		letter-spacing: 1px;
    		white-space: normal;
    		text-align: left;
    		overflow-wrap: break-word;
    		display: block;
    		width: 100%;
    		line-height: 1.6;
    	}
        
        .anua {
    		/*margin: 6px;*/
    		font-size: 1.2rem;
    		/*display: block;*/
    	}
		
	}