.shortcut .icons {
		width: 48px;
		height: 48px;
		margin-right: 15px;
		display: inline-block;
	}

	.purchase-model {
		height: 600px;
		overflow: hidden;
		/* 		    background-image: url(https://public.whmall.com/static/www/assets/images/home/purchase-bg.png); */
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.w-1200 {
		width: 1200px;
		margin: 0 auto;
	}

	.relative {
		position: relative;
	}

	.model-title {
		font-weight: 600;
		font-size: 30px;
		color: #5c5c5c;
		text-align: center;
	}

	.model-sub-title {
		padding-top: 20px;
		font-size: 18px;
		line-height: 150%;
		color: #666;
		text-align: center;
	}

	.model-item12 {
		margin-top: 44px;
		width: 200px;
		height: 335px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.active1 {
		width: 399px;
	}

	.sub-title {
		padding-top: 20px;
		line-height: 150%;
		color: #5c5c5c;
		text-align: center;
		font-weight: 400;
		font-size: 18px;
	}

	.active2 {
		background-color: transparent;
		background: rgba(34, 168, 139, 0.7) !important;
		padding-top: 65px !important;
	}

	.active3 {
		display: -webkit-box !important;
		color: #fff !important;
		padding-left: 90px;
		padding-right: 80px;
		align-items: center;
		justify-content: center;
		margin-bottom: 30px;
		-webkit-box-orient: vertical;
		/* 设置盒子方向为垂直 */
		-webkit-line-clamp: 3;
		/* 显示的行数，这里设置为3行 */
		overflow: hidden;
		/* 隐藏溢出部分 */
		text-overflow: ellipsis;
		font-weight: 600;
	}

	/* 	.model-item:hover .desc {
		width: 213px;
		margin: 0 auto;
		font-weight: 600;
		font-size: 16px;
		color: #fff;
		line-height: 1.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	} */
	.none {
		display: none;
	}

	/* 	.model-item:hover .none{
		display: -webkit-box;
	} */
	/* 确保内部元素不影响放大效果 */
	.hfsja {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		justify-content: center;
		padding-top: 130px;
	}

	/* 如果有背景图片，确保它也会跟着放大 */
	/* 	.model-item:hover .hfsja {
		transform: scale(2.5);
		background-color: transparent;
		background: #0dbc97;
		opacity: 0.7;
	} */

	.model-item .hfsja::after {
		content: '我知道了';
		color: #fff;
		font-size: 18px;
		opacity: 0;
		transition: opacity 0.3s ease;
		position: absolute;
	}

	.icon {
		width: 40px;
		height: 40px;
		margin-top: 131px;
	}

	.svg-icon {
		vertical-align: -.15em;
		fill: currentColor;
		overflow: hidden;
	}

	.title {
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		margin-top: 15px;
	}

	.desc {
		font-size: 13px;
		margin-right: 6px;
		color: #9a9a9a;
	}

	.pinpais {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		color: #fff;
		/* font-weight: 900; */
	}

	.cont {
		width: 1200px;
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
		margin-bottom: 16px;
	}

	.list-product-item {
		display: inline-block;
		width: 384px;
		height: 251px;
		border: 1px solid #f2f2f2;
		box-sizing: border-box;
		border-radius: 4px;
		position: relative;
		padding: 20px;
		margin-bottom: 24px;
		vertical-align: top;
		background: #fff;
	}


	.text h6 {
		font-size: 20px;
		margin-bottom: 7px;
		display: unset;
		font-weight: 400;
	}

	.text {
		width: 200px;
	}

	.list-product-content span {
		font-weight: 700;
		background-image: linear-gradient(108.22deg, #ff5e5e 35.8%, #fe926f 99.34%);
		-webkit-background-clip: text;
		color: transparent;
		font-size: 22px;
		display: table-cell;
		vertical-align: bottom;
	}

	.price {
		display: flex;
	}

	.price p {
		padding: 2px 6px;
		background: rgba(46, 189, 159, .2);
		border-radius: 4px;
		color: #0ac1a4;
		/* line-height: 0px; */
		font-weight: 600;
		font-size: 12px;
		margin-right: 10px;
		display: flex;
		margin-bottom: 0;
		align-items: center;
		height: 24px;
		margin-top: 6px;
	}

	.shortcut-wrap {
		margin-top: 42px;
		width: 1200px;
		height: 120px;
		margin-left: -14px;
		display: flex;
	}

	.shortcut-wrap .shortcut {
		width: 386px;
		height: 108px;
		cursor: pointer;
		display: flex;
		align-items: center;
		background: #fff;
		border: 1px solid #f1f1f1;
		border-radius: 4px;
		padding: 30px 20px;
		margin-right: 13px;
	}

	.content .name {
		font-size: 18px;
		margin-right: 6px;
		margin-bottom: 12px;
		color: #333;
		display: flex;
		align-items: center;
	}

	.go-icon {
		/* border-radius: 15px; */
		text-align: center;
		background: #fff;
		font-size: 13px;
		padding: 1px 6px;
		margin-left: 6px;
		display: inline;
		line-height: 140%;
		border: 1px solid #0ac1a4;
		color: #0ac1a4;
	}

	.names {
		font-size: 18px;
		margin-right: 6px;
		margin-bottom: 12px;
		color: #333;
		display: flex;
		align-items: center;
	}

	.title-bg {
		background: url('https://jrhxwf.com/assets/img/title-bg.png') 50% no-repeat;
		background-size: cover;
		width: 230px;
		height: 95px;
		position: relative;
		left: 504px;
		top: 76px;
	}

	.name {
		color: #fff;
	}

	.view-more {
		width: 212px;
		height: 48px;
		line-height: 48px;
		display: block;
		margin: 20px auto;
		background: linear-gradient(103.22deg, #00c098 26.8%, #05dfab 90.49%);
		border: 1px solid #fff;
		box-sizing: border-box;
		border-radius: 26px;
		font-weight: 600;
		font-size: 14px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		box-shadow: 0 2px 10px rgba(10, 199, 154, .4);
		font-size: 18px;
		justify-content: center;
		align-items: center;
	}
	.view-more23 {
		width: 212px;
		height: 48px;
		line-height: 48px;
		margin: 20px auto;
		background: linear-gradient(103.22deg, #00c098 26.8%, #05dfab 90.49%);
		border: 1px solid #fff;
		box-sizing: border-box;
		border-radius: 26px;
		font-weight: 600;
		font-size: 14px;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		box-shadow: 0 2px 10px rgba(10, 199, 154, .4);
		font-size: 18px;
		justify-content: center;
		align-items: center;
	}
	.title-bgs {
		background: url('https://jrhxwf.com/assets/img/brand-title-bg.png') 50% no-repeat;
		background-size: cover;
		width: 244px;
		height: 95px;
		position: absolute;
		left: 678px;
		bottom: -1487px;
	}

	.model-sub-title1 {
		padding-top: 20px;
		font-size: 18px;
		line-height: 150%;
		color: #fff;
		font-weight: 600;
		text-align: center;
	}

	.news-model .news-model {
		width: 430px;
		height: 300px;
		background: #fff;
		border: 1px solid #f2f2f2;
		overflow: hidden;
		box-sizing: border-box;
		box-shadow: 0 4px 20px hsla(0, 0%, 60.4%, .2);
		cursor: pointer;
	}

	.news-model .news-model .date-wrap {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	.fr {
		float: right;
	}

	.news-model .news-model .date-wrap .right-arrow {
		width: 28px;
		height: 28px;
		cursor: pointer;
	}

	.fl {
		float: left;
	}

	.image {
		width: 430px;
		height: 162px;
		overflow: hidden;
	}

	.news-model .news-model .news-content {
		padding: 19px;
		height: 138px;
		box-sizing: border-box;
		background-color: #fff;
		position: relative;
	}

	.title-container {
		margin: 0 auto;
	}

	.model-titles {

		font-weight: 600;
		font-size: 30px;
		color: #5c5c5c;
		text-align: center;
	}

	.news-model .content {
		margin-top: 40px;
	}

	.news-model .model-list {
		font-size: 0;
		position: relative;
	}

	.news-model .model-list .category .category-item {
		display: inline-block;

		width: 94px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		background: hsla(0, 0%, 78%, .3);
		border-radius: 4px;
		font-size: 14px;
		color: #333;
		cursor: pointer;
	}

	.news-model .view-more,
	.relative view-more {
		width: 212px;
		height: 48px;
		line-height: 48px;
		display: block;
		margin: 18px 0 23px;
		box-sizing: border-box;
		border-radius: 26px;
		font-weight: 600;
		font-size: 14px;
		text-align: center;
		cursor: pointer;
		font-size: 18px;
		background: linear-gradient(103.22deg, #00c098 26.8%, #05dfab 90.49%);
		box-shadow: 0 2px 10px rgba(10, 199, 154, .4);
		color: #fff;
	}

	.news-model .model-list .news-list {
		width: 660px;
		margin-top: 54px;
	}

	.news-model .model-list .news-list .news-item {
		display: block;
		margin-top: 32px;
		font-size: 16px;
		color: #666;
	}



	/* .news-model .model-list .category .category-item:hover, */
	.news-model .model-list .category .category-item.active,
	.news-model .model-list .category .category-item:active {
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		background: linear-gradient(90.72deg, #2dbc9e 47.47%, #30c58f 97.98%);
	}

	.abc {
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		background: linear-gradient(90.72deg, #2dbc9e 47.47%, #30c58f 97.98%);
	}

	/* 	.news-model .model-list .category .category-item:hover a, */
	.news-model .model-list .category .category-item.active a,
	.news-model .model-list .category .category-item:active a {
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		background: linear-gradient(90.72deg, #2dbc9e 47.47%, #30c58f 97.98%);
	}

	.content-link {
		display: block;
		margin-top: 32px;
		font-size: 16px;
		color: #666;
	}

	.dhda {
		color: #fff;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 2px solid #fff;
		margin: auto;
	}

	.active4 {
		width: 60px !important;
		height: 60px !important;
		font-size: 30px !important;
	}

	.dgshk {
		font-size: 17px;
	}

	.active5 {
		font-size: 20px !important;
		padding-bottom: 30px;
	}

	.hover {
		display: none;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		background-color: #fff;
		position: absolute;
		left: 0;
		top: 0;
	}

	.list-product-item:hover .hover {
		display: block;
		/* 鼠标悬停时显示提示框 */
	}

	.hover .name {
		display: block;
		width: 100%;
		text-align: center;
	}

	h3[data-v-666cb53a] {
		font-size: 20px;
		color: #333;
		font-weight: normal;
	}

	.ellipsis {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
	}

	.cas {
		line-height: 0.5;
		text-align: center;
	}

	.cas {
		font-size: 13px;
		color: #999;
		margin-top: 8px;
	}

	.hover .buy-btn {
		text-align: center;
		padding: 9px 45px;
		height: 34px;
		background: linear-gradient(90.72deg, #2dbc9e 47.47%, #30c58f 97.98%);
		border-radius: 67px;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.juzho12 {
		width: 100%;
		display: flex;
		align-items: center;
		padding-top: 20px;
	}

	.body {
		padding: 10px 50px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		/* -webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden; */
		text-overflow: ellipsis;
	}

	.dgsjfc {
		width: 100%;
		height: 34px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 20px;
	}

	.cfgyuh {
		padding-top: 15px;
	}

	.fontsizea1 {
		font-size: 15px;
		color: #333;
		text-align: center;
	}
	.no-more12{
	    display: none;
	}
	.enabled-background {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6); /* 半透明白色覆盖层 */
    pointer-events: auto;
}