prsx-crm/prsx/tryOut/tryDetail/index.scss

.head {
	display: flex;
	align-items: center;
	width: 100vw;
	height: 120rpx;
	padding: 0 20rpx 0 30rpx;
	box-sizing: border-box;

	.count {
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		color: #333333;
	}

	.expand {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: flex-end;

		.but {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			width: 80rpx;
			height: 80rpx;
			background: #FFFFFF;
			border-radius: 8rpx;
			border: 2rpx solid #CCCCCC;
			margin-left: 20rpx;
			color: #666666;
		}
	}
}

.custom-class {
	--search-background-color: #fff !important;
	padding-right: 10rpx !important;
}

.product-item {
	background-color: #fff;
	box-sizing: border-box;
	border-bottom: 1rpx solid #DDDDDD;
	margin-bottom: 20rpx;

	.product {
		box-sizing: border-box;

		.mian {
			position: relative;
			display: flex;
			width: 100%;
			box-sizing: border-box;
			padding: 20rpx;

			.img {
				position: relative;
				flex-shrink: 0;
				width: 112rpx;
				height: 112rpx;
				border-radius: 16rpx;
				margin-right: 20rpx;

				.err {
					display: flex;
					width: 100%;
					height: 100%;
					align-items: center;
					justify-content: center;
					font-size: 22rpx;
					border: 1px solid #ddd;
					box-sizing: border-box;
					color: #666;
					border-radius: 16rpx;
				}

				.tag-box {
					display: flex;
					justify-content: center;
					width: 100%;
					position: absolute;
					top: 94rpx;

					.tag {
						max-width: 70rpx;
						font-family: PingFang SC, PingFang SC;
						font-size: 18rpx;
						color: #FFFFFF;
						line-height: 32rpx;
						border-radius: 16rpx;
						background-color: #52C41A;
						padding: 0 12rpx;
					}
        }
        
			}

			.dec {
				flex: 1;
				width: 0;
				min-height: 128rpx;
				height: 100%;
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				color: #999999;

				.title {
					display: flex;
					width: 90%;
					height: 40rpx;
					font-size: 28rpx;
					font-weight: 600;
					color: #333333;

					.line-1 {
						max-width: 380rpx;
					}

					.tag {
						display: inline-block;
						color: #fff;
						background-color: #F80700;
						padding: 0 20rpx;
						margin-left: 20rpx;
						border-radius: 20rpx;
						font-weight: normal;
						font-size: 22rpx;
						line-height: 40rpx;
					}
				}

				.subfield {
					display: flex;
					margin-top: 8rpx;
					height: 34rpx;
					line-height: 34rpx;

					text {
						display: inline-block;
						width: 48%;
					}
				}

				.price {
					font-size: 25rpx;
					color: #FF3B30;
				}

				.old-price {
					font-size: 24rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					color: #999999;
					margin-left: 8rpx;
					text-decoration-line: line-through;
        }
        
        .bottom {
          display: flex;
          align-items: center;
          height: 58rpx;
          font-family: PingFang SC, PingFang SC;
          font-size: 24rpx;
          color: #333333;
          width: 100%;
          margin-top: 8rpx;
          margin-left: -130rpx;
          padding-bottom: 2rpx;
    
          input {
            width: 440rpx;
            height: 58rpx;
            background: #FFFFFF;
            border-radius: 8rpx;
            border: 1rpx solid #CCCCCC;
            padding-left: 20rpx;
          }
    
        }
      
      }

			.iconfont-box {
				position: absolute;
				bottom: 0rpx;
				right: 0rpx;
				padding: 30rpx;
				color: #B5B5B5;
				border-radius: 8rpx;
      }
		}

	}
}