body {
	margin: 0;
	padding: 0;

}

	.marquee-se{
	    background-color: #0370ff;
	    width: 470px;
	    height: auto;
	    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: 32.2rem;
	}
    
    .marquee span {
    	display: inline-block;
    	padding-left: 100%;
    	animation: marquee 10s linear infinite;
    }

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

	.info-box {
		width: 32.2rem;
		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{
	    font-size: 1.8rem;
        letter-spacing: 0.5rem;
        line-height: 0.5;
        
	}

    /*.full-width-box {*/
    /*	width: 105%;*/
    /*	height: 5%;*/
    /*	margin: auto;*/
    	/*margin-top: -1.25rem;*/
    	/*margin-bottom: 1.3rem;*/
    	/*padding: 0.9375rem 1.25rem;*/
    /*	background: #ffffff;*/
    /*	box-sizing: border-box;*/
    /*	text-align: center;*/
    /*	position: relative;*/
    /*	margin-left: 0.9rem;*/
    /*	top: -2.6rem;*/
    /*	border-radius: 6px;*/
    	/*border: 1px solid #e0e0e0;*/
    /*}*/

    .left-btn {
    	width: 45%;
    	/* 设置按钮宽度 */
    	padding: 15px;
    	margin-bottom: 0;
    	/* 移除底部外边距以避免不必要的间距 */
    	border: none;
    	display: inline-block;
    	margin: 0.6rem 5px;
    	border-radius: 5px;
    	cursor: pointer;
    	font-size: 20px;
    	transition: all 0.3s;
    	background: #0e62ff;
    	color: white;
    }
    
    .left-btn a {
    	color: white;
    	text-decoration: none;
    	display: block;
    	/* 确保链接占据整个按钮区域 */
    	height: 100%;
    	width: 100%;
    	text-align: center;
    	line-height: normal;
    	/* 根据需要调整行高 */
    }

    .right-btn {
    	width: 45%;
    	padding: 15px;
    	margin-bottom: 0;
    	border: none;
    	border-radius: 5px;
    	cursor: pointer;
    	font-size: 20px;
    	transition: all 0.3s;
    }
    
    .right-btn {
    	background: #0e62ff;
    	color: white;
    }
    
    button:hover {
    	opacity: 0.9;
    	transform: translateY(-2px);
    }
    
    .container-box {
    	background: #0370ff;
    	width: 470px;
    	height: 95%;
    	margin: -70px auto;
    	/*margin: -50px auto;*/
    	padding: 20px 23px;
    	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    	/*flex-wrap: wrap;*/
    	gap: 15px;
    }
    
 	.small-box {
		background: #ffffff;
		/*flex: 1 1 28%;*/
		width: 100%;
		margin-left: -0.8rem;
		margin-top: 1rem;
		min-height: 10px;
		/*margin: auto;*/
		border: 1px solid #e7e9eb;
		border-radius: 10px;
		padding: 0.75rem;
		text-align: center;
	}
    
    .img-group {
    	display: flex;
    	justify-content: space-around;
    	margin: 40px 0 15px 0;
    }
    
    .img-item {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	margin: 0 20px;
    }
    
    .img-item img {
    	max-width: 100%;
    	height: auto;
    	width: 50px;
    	margin: -5px;
    }
    
    .annual-title {
    	display: block;
    	color: #0370ff;
    	font-weight: 700;
    	margin: 10px 0 -15px 0;
    	font-size: 1.2em;
    	letter-spacing: 1px;
    }
    
    .annual-tle {
    	display: block;
    	font-weight: 700;
    	margin: 10px 0 -15px 0;
    	font-size: 1.2em;
    	letter-spacing: 1px;
    }
    
    .annual-les {
     	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;
    }
    
    .annual-le {
    	color: #088cff;
    	font-size: 1em;
    	display: block;
    	margin: 18px 0 0 13px;
    	width: calc(100% - 20px);
    	word-break: break-word;
    	overflow-wrap: break-word;
    	text-align: left;
    }
    
    .al-te a {
    	color: white;
    	text-decoration: none;
    }
    
    .ann-te {
    	display: block;
    	color: #ffffff;
    	font-weight: 500;
    	margin: 20px auto;
    	width: fit-content;
    	text-align: center;
    	position: relative;
    	top: auto;
    	font-size: 0.8em;
    	letter-spacing: 1px;
    }
    
    .annual-te {
    	display: block;
    	color: #ffffff;
    	font-weight: 700;
    	margin: 50px auto -30px;
    	width: fit-content;
    	text-align: center;
    	position: relative;
    	top: -30px;
    	/*font-size: 1.2em;*/
    	letter-spacing: 1px;
    }
    
    .sma-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;
    }
    
    .sma-box img {
        max-width: 100%;
        height: auto; 
        display: inline-block;
        vertical-align: middle;
        border: none;
    }
            .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;
            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: 30px; 
            height: 30px; 
            margin-bottom: 5px; 
        }
        
        .mar span {
            font-size: 12px; 
            color: #666; 
        }
    
    @media (max-width: 1024px) {
		.container-box {
			width: 100%;
			box-sizing: border-box;
		}
		.full-width-box {
        	width: 95%;
        	font-size: 2.5rem;
        	margin: -2rem auto 2rem auto;
        }
		.marquee-se{
    	    width: 100%;
    	    background-color: #0370ff;
    	    height: auto;
    	    margin: auto;
    	}
		
    	.container-box {
    		width: 100%;
    	}

		.info-box {
    		width: 100%;
    	}
    	
        .info-box span{
            letter-spacing: 0.4rem;
    	}
    	
    	.info-box 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;
        }
        
        .ann-te {
        	display: block;
        	color: #ffffff;
        	font-weight: 500;
        	margin: 20px auto;
        	width: fit-content;
        	text-align: center;
        	position: relative;
        	top: auto;
        	font-size: 0.8em;
        	letter-spacing: 1px;
        }
        
    	.anuale-te {
    		color: #999999;
    		position: relative;
    		font-weight: 400;
    		margin: 0 0 5px 0;
    		font-size: 0.6em;
    		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: 1em;
    		/*display: block;*/
    	}
    	
    }