page{
	font-family: PingFangSC, PingFang SC;
}
body {
	background-color: #f1f1f1;
	font-size: 28upx;
	color: #333333;
	font-family: Helvetica Neue, Helvetica, sans-serif;
}
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

/* 隐藏滚动条（通用方案） */
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
	
.text-center {
	text-align: center;
}

.font-13 {
	font-size: 13px;
}

.font-12 {
	font-size: 12px;
}

.font-11 {
	font-size: 11px;
}

.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}

.list-cell-arrow::before {
	content: ' ';
	height: 10px;
	width: 10px;
	border-width: 2px 2px 0 0;
	border-color: #c0c0c0;
	border-style: solid;
	-webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
	transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 30rpx;
}

.list-cell {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	color: #333;
	padding: 26rpx 30rpx;
}

.list-cell:first-child {
	border-radius: 8rpx 8rpx 0 0;
}

.list-cell:last-child {
	border-radius: 0 0 8rpx 8rpx;
}

.list-cell::after {
	content: '';
	position: absolute;
	border-bottom: 1px solid #eaeef1;
	-webkit-transform: scaleY(0.5) translateZ(0);
	transform: scaleY(0.5) translateZ(0);
	transform-origin: 0 100%;
	bottom: 0;
	right: 0;
	left: 0;
	pointer-events: none;
}


.menu-list {
	margin: 15px 15px;

	.menu-item-box {
		width: 100%;
		display: flex;
		align-items: center;

		.menu-icon {
			color: #007AFF;
			font-size: 16px;
			margin-right: 5px;
		}
		
		.text-right {
			margin-left: auto;
			margin-right: 34rpx;
			color: #999;
		}
	}
}

.tags-row{
	overflow-x: auto;
	width: 100%;
	.tags {
		width: 690rpx;
		overflow-x: auto;
		padding: 24rpx 0;
		display: flex;
	
		.tag {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 28rpx;
			padding: 10rpx 24rpx;
			font-size: 28rpx;
			font-weight: 400;
			border: 1rpx solid #BBBBBB;
			color: #999999;
			background: transparent;
			margin-right: 20rpx;
			white-space: nowrap;
		}
		.mg0{
			margin: 0;
		}
	
		.active {
			border: 1rpx solid #FDD00A;
			background: #FDD00A;
			color: #333333;
			font-weight: 500;
		}
	}
}
.header-section {
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.fixed-top {
	position: sticky !important;
	top: 0;
	z-index: 90;
}
	
.tab-bar {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 710rpx;
	height: 90rpx;
	background-color: #fff;
	position: relative;

	.tab-bar-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-right: 50rpx;
		position: relative;
		height: 100%;

		.tab-name {
			font-weight: 400;
			font-size: 32rpx;
			color: #999999;
			line-height: 45rpx;
			font-family: PingFangSC, PingFang SC;
		}

		.active {
			font-weight: 500 !important;
			color: #333333 !important;
		}

		.active_line {
			width: 50rpx;
			height: 6rpx;
			background: #FDD00A;
			border-radius: 3rpx;
			position: absolute;
			bottom: 0;
		}

		.normal_line {
			width: 50rpx;
			height: 6rpx;
			// background: #ffffff;
			border-radius: 3rpx;
			position: absolute;
			bottom: 0;
		}
	}
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-2-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-mini {
	font-weight: 400;
	font-size: 22rpx;
	color: #333333;
	line-height: 30rpx;
}

.text {
	font-weight: 400;
	font-size: 32rpx;
	color: #333333;
	line-height: 45rpx;
}

.text-blod {
	font-weight: 500;
	font-size: 32rpx;
	color: #333333;
	line-height: 45rpx;
}

.text-small {
	font-weight: 400;
	font-size: 26rpx;
	color: #333333;
	line-height: 37rpx;
}
.text-small-gray{
	font-weight: 400;
	font-size: 26rpx;
	color: #999999;
	line-height: 37rpx;
}
.text-small-blod {
	font-weight: 500;
	font-size: 26rpx;
	color: #333333;
	line-height: 37rpx;
}
.text-18{
	font-weight: 400;
	font-size: 18rpx;
	color: #333333;
	line-height: 25rpx;
}
.text-18-b{
	font-weight: 500;
	font-size: 18rpx;
	color: #333333;
	line-height: 25rpx;
}
.text-20{
	font-weight: 400;
	font-size: 20rpx;
	color: #333333;
	line-height: 26rpx;
}
.text-22{
	font-weight: 400;
	font-size: 22rpx;
	color: #333333;
	line-height: 30rpx;
}
.text-24 {
	font-weight: 400;
	font-size: 24rpx;
	color: #333333;
	line-height: 33rpx;
}
.text-26{
	font-weight: 400;
	font-size: 26rpx;
	color: #333333;
	line-height: 37rpx;
}
.text-26-b {
	font-weight: 500;
	font-size: 26rpx;
	color: #333333;
	line-height: 37rpx;
}
.text-28 {
	font-weight: 400;
	font-size: 28rpx;
	color: #333333;
	line-height: 40rpx;
}
.text-28-b {
	font-weight: 500;
	font-size: 28rpx;
	color: #333333;
	line-height: 40rpx;
}
.text-30 {
	font-weight: 400;
	font-size: 30rpx;
	color: #333333;
	line-height: 42rpx;
}
.text-30-b {
	font-weight: 500;
	font-size: 30rpx;
	color: #333333;
	line-height: 42rpx;
}
.text-32{
	font-weight: 400;
	font-size: 32rpx;
	color: #333333;
	line-height: 46rpx;
}
.text-32-b{
	font-weight: 500;
	font-size: 32rpx;
	color: #333333;
	line-height: 46rpx;
}
.text-36-b{
	font-weight: 500;
	font-size: 36rpx;
	color: #333333;
	line-height: 50rpx;
}
.text-48-b{
	font-weight: 500;
	font-size: 48rpx;
	color: #333333;
	line-height: 68rpx;
}
.text-120-b{
	font-weight: 600;
	font-size: 120rpx;
	color: #333333;
	line-height: 100rpx;
}
.red {
	color: #fa2a46 !important;
}
.gray{
	color: #999999 !important;
}
.green{
	color: #14BC18 !important;
}
.blue{
	color: #2D6FFB !important;
}
.blue2{
	color: #00c2f8 !important;
}
.orange{
	color: #FDD00A !important;
}
.gray666{
	color: #666666 !important;
}
.link-txt {
	font-size: 26rpx;
	color: #2D6FFB;
	line-height: 37rpx;
}
.under-line{
	text-decoration-line: underline;
}
.mgtp24{
	margin-top: 24rpx;
}
.mgtp40{
	margin-top: 40rpx;
}
.mgbt80{
	margin-bottom: 80rpx;
}
.mgbt60{
	margin-bottom: 60rpx;
}
.mgbt50{
	margin-bottom: 50rpx;
}
.mgbt30{
	margin-bottom: 30rpx;
}
.mgbt24{
	margin-bottom: 24rpx;
}
.mgbt20{
	margin-bottom: 20rpx;
}
.mgbt16 {
	margin-bottom: 16rpx;
}
.mgbt15{
	margin-bottom: 15rpx;
}
.mgbt12{
	margin-bottom: 12rpx;
}
.mgbt8{
	margin-bottom: 8rpx;
}
.mgbt4{
	margin-bottom: 4rpx;
}
.mglt10{
	margin-left:10rpx;
}
.mglt20{
	margin-left:20rpx;
}
.mglt40{
	margin-left:40rpx;
}
.mgtp30{
	margin-top:30rpx;
}
.mgtp20{
	margin-top:20rpx;
}
.mgtp12{
	margin-top:12rpx;
}
.mgrt10{
	margin-right:10rpx;
}
.mgrt20{
	margin-right:20rpx;
}
.mgrt40 {
	margin-right: 40rpx;
}


.empty-data {
	width: 460rpx;
	height: 249rpx;
	margin-top: 100rpx;
}
.empty-txt {
	font-weight: 400;
	font-size: 30rpx;
	color: #666666;
	line-height: 45rpx;
}
.no-more {
	width: 100%;
	font-size: 24rpx;
	color: #666666;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 30rpx;
}

.split-solid{
	width: 100%;
	height: 1rpx;
	border-bottom:solid 1rpx #F4f4f4;
	margin: 24rpx 0;
}
.red {
	color: #FD0A0A !important;
}
.gray-666{
	color: #666666 !important;
}
.gray{
	color: #999999 !important;
}
.green{
	color: #14BC18 !important;
}
.blue{
	color: #2D6FFB !important;
}
.orange{
	color: #FDD00A !important;
}

.popup-view {
	width: 560rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40rpx;

	.pop-title {
		width: 100%;
		font-weight: 500;
		font-size: 36rpx;
		color: #333333;
		margin-bottom: 20rpx;
		text-align: center;
	}

	.pop-body {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 40rpx;
		margin-bottom: 30rpx;

		.pop-input {
			width: 100%;
			height: 56rpx;
			border-radius: 4rpx;
			border: 1rpx solid #AAAAAA;
			padding: 8rpx 24rpx;
			font-size: 28rpx;
			color: #333;
		}

	}

	.pop-footer {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-top: 1rpx solid #E5E5E5;
		height: 98rpx;


		.cancel-btn {
			height: 100%;
			width: 49%;
			font-size: 36rpx;
			color: #999999;
			justify-content: center;
		}

		.confirm-btn {
			height: 100%;
			width: 49%;
			font-size: 36rpx;
			color: #333333;
			justify-content: center;
		}

		.split {
			height: 100%;
			width: 1rpx;
			border-left: 1rpx solid #E5E5E5;
		}

	}
}
