page{
    background-color: #ffffff;
    font-size: 24upx;
}
.content{
	position: absolute;
	width: 100%;
	padding-bottom: calc(var(--window-bottom));
}
.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
	padding-top: 50upx;
}

.page-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 620rpx;
    z-index: 0;
}
.content {

}
.status-bar {
    width: 100%;
}

.btn-group {
    display: flex;
    margin-top: 30rpx;
}
.cancel-btn {
    flex: 1;
    margin-right: 20rpx;
    background-color: #f5f5f5;
}
.allow-btn {
    flex: 1;
    background-color: #007aff;
    color: white;
}
.search{
    position: fixed;
    left: 0;
    width: 100%;
    top: var(--status-bar-height);
    z-index: 9999;
    background: #fbf8f8;
    height: 110upx;
}
.search-v{
    width: 94%;
    margin-left: 3%;
    display: flex;
    height: 70upx;
    margin-top: 20upx;
    align-items: center;
    font-size: 24upx;
    justify-content: center;
    color: #9e9d9d;
    background-color: #ffffff;
    border-radius: 30upx;
}
.search-icon{
    width:  40upx;
    height: 40upx;
    margin-right: 20upx;
}
.banner{
    width: 94%;
    margin: 20upx auto 20upx;
}
.swiper, .swiper image{
    width: 100%;
    height: 400upx;
    border-radius: 16upx;
}
.cates{
    width: 100%;
    margin: 0;
	margin-top: 190rpx;
	border-top-right-radius: 30rpx;
	border-top-left-radius: 30rpx;
    background-color: #ffffff;
    padding: 0;
	display: flex;
	flex-wrap: wrap; /* 确保子元素换行 */
}
.cates-v{
    width: 190rpx;
    margin-bottom: 0upx;
	margin-left: 30rpx;
}
.cates-v:nth-child(1) {
	margin-left: 0;
}
.cates-v-icon{
    width: 140rpx;
    height: 140rpx;
    display: block;
    margin: 40upx auto 20upx;
    border-radius: 10upx;
}
.cates-v view{
    text-align: center;
    font-size: 24upx;
	color: #364153;
}
.goods-main{
    width: 94%;
    margin: 10upx auto 30upx;
    background-color: #ffffff;
    border-radius: 10upx;
}
.goods-main-title{
    padding: 20upx;
    display: flex;
    align-items: center;
    margin-bottom: 10upx;
}
.goods-main-icon{
    width: 70upx;
    height: 70upx;
    margin-right: 20upx;
    border-radius: 10upx;
}
.goods-main-title text{
    font-size: 30upx;
    color: #333333;
    font-weight: 700;
}
.goods-icon{
    width: auto;
    height: 340upx;
}
.goods-list{
    width: 96%;
    display: flex;
    margin-left: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.goods-item{
    width: 48%;
    border-radius: 18upx;
    background-color: #fbf8f8;
    margin-bottom: 30upx;
}
.goods-icon{
    width: 100%;
    border-radius: 10upx;
    margin-bottom: 20upx;
}
.goods-price{
    margin-top: 0upx;
    display: flex;
    align-items: center;
    color: #F75451;
    font-size: 26upx;
    padding: 0 14upx;
    padding-bottom: 20upx;
}
.goods-price .red{
    margin-left: 10upx;
    font-size: 24rpx !important;
    font-weight: 600;
}
.goods-title{
    padding: 0 14upx;
    font-size: 26upx;
    line-height: 42upx;
    font-weight: 700;
    color: #333;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.more{
    position: absolute;
    right: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more image{
    width: 36upx;
    height: 36upx;
    margin-right: 30rpx;
}

.lingqu{
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999;
}
.lingqu .msk{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
    left: 0;
    top: 0;
}

.lingquMain{
    width: 70%;
    height: auto;
    position: absolute;
    top: 35%;
    left: 15%;
}
.lingquMain image{
    width: 100%;
    border-radius: 20upx;
}

.auth{
    width: 94%;
    margin: 110upx auto 0;
    height: 240upx;
}
.auth image{
    width: 100%;
    height: 100%;
    border-radius: 20upx;
}

@keyframes floatUp {
    from {
        transform: translateY(100%); /* 从元素原始位置向下移动100% */
        opacity: 0; /* 初始透明度为0 */
    }
    to {
        transform: translateY(0); /* 移动到原始位置 */
        opacity: 1; /* 完全不透明 */
    }
}
.popup-content {
    animation: floatUp 1s ease-out; /* 应用动画，持续时间为1秒，缓动函数为ease-out */
}
.edu-view{
    padding: 40upx 0 10upx;
    width: 560upx;
    border-radius: 50upx;
    background-color: #ffffff;
    background-size: 100% 100%;
}
.edu-view2{
    border-radius: 30upx !important;
}
.edu-icon-succ{
    width: 140upx;
    height: 140upx;
    display: block;
    margin: 50upx auto;
}
.edu-icon-fail{
    width: 200upx;
    height: 100upx;
    display: block;
    margin: 50upx auto;
}
.edu-view-desc2{
    font-size: 36upx;
    font-weight: 700;
    text-align: center;
}
.edu-view-desc3{
    width: 80%;
    margin: 30upx auto;
    text-align: center;
    font-size: 26upx;
    color: #666666;
    line-height: 40upx;
}
.edu-btns{
    width: 94%;
    border-radius: 50upx;
    margin: 30upx auto 30upx;
    z-index: 99;
    height: 90upx;
    background-color: #37AA25;
    color: #ffffff;
    letter-spacing: 10upx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 28upx;
}
.hLogo{
	width: 96%;
	padding: 40upx 0;
	margin: 0 auto;
}
.hLogoView{
	display: flex;
	align-items: center;
}
.h-logo{
	width: 118rpx;
	height: 38rpx;
}
.hLogo-1{
	margin: 0 30upx;
	/* margin-bottom: 20rpx; */
}
.hLogo-2{
	position: relative;
	width: 100%;
	height: 72rpx;
	background-color: #ffffff;
	border-radius: 50rpx;
	/* background: url(@/static/imgs/input-bg.png) no-repeat;
	background-size: 100% 100%; */
}
.hLogo-2 .s-btn {
	position: absolute;
	right: 30rpx;
	top: 13rpx;
	text-align: center;
	width: 96rpx;
	height: 50rpx;
	line-height: 50rpx;
	border-radius: 25rpx;
	background-color: #37AA25;
	color: #ffffff;
}
.hLogo-2 .s-icon{
	position: absolute;
	left: 30rpx;
	top: 20rpx;
	width: 30rpx;
	height: 30rpx;
}
.hLogo-2 input{
	width: 83%;
	height: 70rpx;
	line-height: 70rpx;
	font-size: 28rpx;
	background: transparent;
	padding-left: 70rpx;
}
.xxhh-v{
	width: 96%;
	margin: 0 auto;
	padding: 10upx 0;
	height: 195rpx;
	position: relative;
}
.xxhh-v-icon{
	position: absolute;
	width: 100%;
	height: 100%;
}
.xxhh-title{
	display: flex;
	padding: 20upx;
	align-items: center;
}
.xxk-icon{
	width: 201rpx;
	height: 47rpx;
	margin-right: 23rpx;
}
.xxhh-title text{
	z-index: 99;
	font-size: 22rpx;
	color: #261B18;
}
.xxhh-edu{
	padding-top: 16upx;
	padding-bottom: 16upx;
	z-index: 99;
}
.xxhh-edu text{
	margin-left: 20upx;
	color: #AEA3A2;
	font-size: 24rpx;
}
.xxhh-money{
	padding-top: 0;
	margin-left: 10upx;
}
.xxhh-money text{
	font-size: 48rpx;
	color: #A18685;
	font-weight: 700;
}

.xxhf{
	width: 96%;
	margin: 0 auto 30upx;
	height: 325rpx;
	background: url(@/static/imgs/xxhf.png) no-repeat;
	background-size: 100%;
	border-radius: 20upx;
}
.xxhf-title{
	padding: 24upx 80upx;
	color: #5B2D2C;
	font-size: 32rpx;
	font-weight: 700;
}
.xxhf-v{
	width: 96%;
	height: 220rpx;
	margin: 0 auto 5%;
	display: flex;
	background-color: #ffffff;
	border-radius: 20upx;
}
.xxhv-v{
	flex: 1;
	height: 100%;
}
.deb-icon{
	width: 100%;
	height: 100%;
}
.xxhv-vv-1{
	width: 180rpx;
	height: 180rpx;
	margin: 20rpx 0 20rpx 12%;
	background: #EFEFEF;
	border-radius: 14rpx;
	border: 3px solid #FFABB5;
}
.xxhv-vv-2{
	width: 180rpx;
	height: 180rpx;
	margin: 20rpx 0 20rpx 4%;
	background: #EFEFEF;
	border-radius: 14rpx;
	border: 3px solid #FFABB5;
}
.xxhv-vv-t{
	width: 90%;
	height: 46rpx;
	margin: -3rpx auto;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 26rpx;
	color: #F8F9FD;
	line-height: 52rpx;
	background-size: 100%;
	text-align: center;
}
.xxhv-icon{
	width: 100%;
	height: 134rpx;
}
.xx-icon{
	width: 80upx;
	height: 80upx;
	display: block;
	margin: 27rpx auto;
	border-radius: 10rpx;
}
.notice{
	width: 96%;
	margin: 0 2% 20upx;
	background: #ffffff;
	height: 80upx;
	display: flex;
	border-radius: 20upx;
}
.n-icon{
	width: 50upx;
	height: 50upx;
	margin: 15upx 20upx;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
.marquee-content {
	height: 100%;
	line-height: 80upx;
	font-size: 28upx;
	color: #e36900;
	font-weight: 700;
    display: inline-block;
    padding-left: 100%; /* 初始偏移 */
    animation: marquee 10s linear infinite; /* 动画名称、持续时间、速度曲线、重复次数 */
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.kttv{
	width: 156rpx;
	height: 62rpx;
	background-size: 100%;
	position: absolute;
	right: 30upx;
	bottom: 10upx;
}
.kttv text{
	color: #ffffff;
	margin-left: 30upx;
	line-height: 62rpx;
}

.ad1{
	width: 96%;
	margin: 0 auto;
	margin-top: 30rpx;
	height: 214rpx;
}
.ad1 image{
	width: 100%;
	height: 100%;
}

.ad2{
	width: 96%;
	margin: 30upx auto 30upx;
	height: 240rpx;
}
.ad2 image{
	width: 100%;
	height: 100%;
}
.d3-wrap {
	width: 96%;
	margin: 10upx auto 20upx;
	height: 216rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20rpx;
}
.ad3{
	width: 50%;
	height: 216rpx;
}
.ad3 image{
	width: 100%;
	height: 100%;
}
.ad4 image{
	width: 100%;
	height: 100%;
}
.ad4 {
	width: 50%;
	height: 216rpx;
}

.ca-ad{
	width: 96%;
	margin: 10upx auto 20upx;
	height: 200rpx;
}
.ca-ad image{
	width: 100%;
	height: 100%;
}
.cGoods{
	width: 96%;
	margin: 0 auto 20upx;
	padding: 20rpx 0;
}
.scroll-view_H {
	white-space: nowrap;
	width: 100%;
}
.scroll-view-item_H {
	display: inline-block;
	width: 200rpx;
	padding-top: 20rpx;
	text-align: center;
	font-size: 36rpx;
	background-color: #ffffff;
	margin-right: 20rpx;
	border-radius: 20rpx;
}
.scroll-view-item_H image{
	width: 118rpx;
	height: 128rpx;
}

.login-desc{
	display: flex;
	align-items: center;
	width: 96%;
	position: fixed;
	left: 2%;
	bottom: calc(var(--window-bottom) + 20rpx);
	height: 100rpx;
	background: rgba(0,0,0,0.7);
	border-radius: 106rpx 106rpx 106rpx 106rpx;
}
.login-icon{
	margin-left: 20rpx;
	width: 90rpx;
	height: 90rpx;
	margin-right: 30rpx;
}
.login-font{
	width: 55%;
	font-size: 26rpx;
	color: #ffffff;
}
.login-btn{
	width: 156rpx;
	height: 54rpx;
	text-align: center;
	color: #ffffff;
	line-height: 54rpx;
	background: #37AA25;
	border-radius: 62rpx 62rpx 62rpx 62rpx;
}
.c-goods{
	background-color: #f5f5f5;
}