*,html{margin: 0;padding: 0;box-sizing: border-box;}
body {
	background: linear-gradient(100deg, rgba(186, 224, 250, 0.7), rgba(195, 212, 255, 0.6), rgba(223, 221, 255, 0.6));
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0; /* 去掉默认 body 边距 */  
    padding: 0;
}
#app{
	max-width: 750px; /* 最大宽度限制 */  
    width: 100%; /* 小屏幕时自适应 */  
    margin: 0 auto; /* 水平居中 */  
    
    box-sizing: border-box; /* 确保 padding 不影响最大宽度 */  
	position: relative;
}  

.text-right{text-align: right;}
.text-center{text-align: center;}
.flex-left{display: flex;justify-content: left;align-items: center;}
.flex-right{display: flex;justify-content: flex-end;align-items: center;}
.flex-center{display: flex;justify-content: center;align-items: center;}
.flex-between{display: flex;justify-content:space-between;align-items: center;}
.flex-around{display: flex;justify-content: space-around; align-items: center;}
a.a-none{text-decoration: none;color:black;}
a.a-none:visited{color:black;}
.login-box{position: absolute;top: 10px;right: 10px;}
.login-box .login-btn{border-radius: 15px;padding: 5px 10px;background: #5190c9;color: #fff;font-size: 12px;}
.card{background: linear-gradient(to bottom,rgba(255, 255, 255, .8),transparent);padding:32px 20px 10px;}
.logo{width: 84px;height: 84px;border-radius: 42px;border: 1px solid  rgba(186, 224, 250, .7);}
.logo img {width: 84px;height: 84px;border-radius: 42px;}
.logo-2{width: 94px;height: 94px;border-radius: 47px;border: 1px solid  rgba(186, 224, 250, 0.6);}
.logo-3{width: 104px;height: 104px;border-radius: 52px;border: 1px solid  rgba(186, 224, 250, 0.3);}  
.introduction{line-height: 1.5;margin: 10px 0px 0;color: #555;}

.swiper{height: 87px;}
.function .label{position: absolute;top: 0;left: 0;background: linear-gradient(105deg,rgba(81, 144, 201,.3),rgba(81, 144, 201,1)) ;color: #fff;font-size: 10px; padding: 3px 5px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;}
.function{margin:0 10px;background: rgba(255,255,255,.3);border-radius: 8px;position: relative;}
.function .fn{text-align: center; padding: 10px 0;}
.function .fn i{font-size: 28px;margin-bottom: 10px;color: #555 !important}
.function .fn > div{font-size: 13px;}

.versions > div{width: 33.33%;}

.help{background: rgba(255,255,255,.3);margin:10px;border-radius: 8px;}
.help .list{margin-top: 5px;}
.help .list a{border-bottom: 1px solid rgba(255, 255, 255, .5);padding: 15px 10px;color: #555;display: block;text-decoration: none;}
.help .list a:last-child{border-bottom: none;}

.foot-bar{position: fixed;bottom: 0;background: rgba(250, 250, 250, .8);width: 100%;border-top: 1px solid #ddd;max-width: 750px;}
.foot-bar .nav-item {width: 33.33%;text-align: center;display: block;padding: 5px 0;}
.foot-bar .nav-item > i{font-size: 22px;margin-bottom: 3px;}
.foot-bar .nav-item > div{font-size: 13px;}
.foot-bar .on > div{color: #5190c9;}
.foot-bar .on > i{color: #5190c9;}
.foot-bar .pay-button{background: #3280fc; padding: 8px 0; width: 66.66%;color: white; margin-right: 10px;border-radius: 30px; }

.rr{position: fixed;width: 300px;height: 300px;background: rgba(0, 255, 0, .06);top: -50px;left:-150px;border-radius: 150px;z-index: -1;}
.bb{position: fixed;width: 300px;height: 300px;background: rgba(255, 0, 100, .02);bottom: 0;right:-150px;border-radius: 150px;z-index: -1;}
.hh{position: fixed;width: 300px;height: 5px;background: rgba(255, 0, 0, .03);top: 100px;right:0;transform: rotate(-45deg);z-index: -1;}
.hh2{position: fixed;width: 500px;height: 3px;background: rgba(0 ,255, 0, .05);top: 280px;right:0;transform: rotate(-45deg);z-index: -1;}
.horizontal-line{display: block;width: 100%;background-color: rgba(255,255,0255,.7);height: 1px;}

.version-info{margin: 10px 10px;}
.version-info table{
	border: 1px solid #e7c589;
	border-collapse: separate;  
    border-spacing: 0; 
	width: 100%;  
	table-layout: fixed; /* 固定表格布局 */
	border-radius: 8px;  
	overflow: hidden;  
}
.version-info table th,.version-info table td{border: 1px solid #e7c589;text-align: center; padding: 5px;font-size: 12px;}
.version-info table thead{background: rgb(230, 230, 230);}
.version-info table td{background: white;}
.version-info table td:first-child {  
	width: 40%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}  
.version-info table td:not(:first-child) {  
	width: 20%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}  
button[type='primary']{color: #fff;background-color: #3280fc;border-color: #1970fc; border: none; padding: 5px 8px;border-radius: 5px;font-size: 12px; }

.kefu-box-shade{position: fixed; z-index: 88; background: rgba(0, 0, 0, 0.7); width: 100%;height: 100%; top: 0;left: 0;}
.kefu-box-popup{position: fixed; z-index: 99;top: 0;left: 0;width: 100%;height: 100%;}
/* 弹窗加微信的框 */
.kefu-box-popup .weixin {position: relative;  background: #fff ; padding:30px; border-radius: 5px;overflow: hidden; text-align: center; }
.kefu-box-popup .weixin .close{ position: absolute;top: 0;right: 0;color: #fff;padding: 3px 5px; border-bottom-left-radius: 5px;font-size: 12px;}
.kefu-box-popup .weixin image{ width: 200px;height: 246px}
.kefu-box-popup .weixin .title{text-align: center; margin-bottom: 10px;font-size: 13px;}
.kefu-box-popup .weixin .kf-title{text-align: center; margin-top: 10px;font-size: 13px;}
.kefu-box-popup .weixin .kl{text-align: center; color: red;padding:5px 0 30px 0; font-size: 14px;}
.kefu-box-popup .weixin .copy{position: absolute;bottom: 0;left: 0;color: #fff;text-align: center;width: 100%;height: 46px;line-height: 46px}

.d-title{margin: 10px;text-align: center;font-weight: bold;font-size: 18px;}
.d-date{text-align: center;color: grey;font-size: 12px;}
.d-content{padding: 10px 10px;background: rgba(255,255,255,.5); margin: 10px 10px;line-height: 1.5;border-radius: 8px;}
.d-content .video{width: 100%;text-align: center;}
.d-content .video channel-video{width: 100%;}

.products{margin: 0 10px;}

.swiper-slide .product {
	position: relative;
	background: linear-gradient(-45deg,#5247ee,#1572F9);
	border-radius: 8px;
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.swiper-slide .product label{position: absolute;top: 0;left: 0;color: #e7c589;background: black;padding: 1px 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;font-size: 12px;}
.swiper-slide .product .duration{color: white;text-align: center;}
.swiper-slide .product .amount{margin-top: 5px;display: flex;justify-content: center; align-items: center;}
.swiper-slide .product .money{color: white;margin-right: 2px;}
.swiper-slide .product .yuan{color: white;font-size: 12px;}
.swiper-slide .product .highlight{margin-top: 5px; padding: 2px 8px; text-align: center; border-radius: 10px; display: inline-block;color: white; background: linear-gradient(-90deg,#1572F9,#5247ee);font-size: 10px;}
.swiper-slide .product .welfare{margin-top: 5px;color: white;text-align: center;font-size: 12px;}

.swiper-slide .product-on{background: linear-gradient(90deg,#fefefe,transparent);}
.swiper-slide .product-on label{color: #e7c589;background: black;}
.swiper-slide .product-on .duration{color: #5e4011;}
.swiper-slide .product-on .money{color: black;}
.swiper-slide .product-on .yuan{color: black;}
.swiper-slide .product-on .highlight{color: white; background: linear-gradient(-90deg,#5247ee,#1572F9);}
.swiper-slide .product-on .welfare{color: black;}