fanyunAi/pages/index/index.scss

.outer{
	position: relative;
	.leadBg{
		position: absolute;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, .69);
		// padding-left: 38rpx;
		// padding-right: 38rpx;
		
		display: flex;
		justify-content: center;
		.leadBox1{
			// margin-bottom: 138rpx;
			width: 646rpx;
			height: 842rpx;
			// background-image: url(@/static/index_lead1.png);
			background-size: cover;
			margin-top: 280rpx;
			position: relative;
			
			.nextBtn{
				width: 350rpx;
				height: 140rpx;
				// background: red;
				
				position: absolute;
				right: 0;
				bottom: 0rpx;
			}
		}
		.leadBox2{
			width: 634rpx;
			// width: 100%;
			height: 1226rpx;
			// background-image: url(@/static/index_lead2.png);
			background-size: cover;
			// margin-top: 400rpx;
			// position: relative;
			
			margin-left: -60rpx;
			position: absolute;
			
			bottom: 0;
			
			.nextBtn{
				width: 350rpx;
				height: 140rpx;
				// background: green;
				position: absolute;
				right: 0;
				bottom:330rpx;
			}
		}
	}
}


.subsection {
		margin: 0rpx 25rpx 0;
		position: fixed;
		width: 93.8%;
		top: 30rpx;
		// top: 30rpx;
		z-index: 9999;
	}

	/* 瀑布流*/
	.product__item {
		background-color: #FFFFFF;
		overflow: hidden;
		margin: 0 10rpx;
		margin-bottom: 20rpx;
		position: relative;
		// box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);

		.item {

			/* 图片 start */
			&__image {
				width: 100%;
				height: auto;
				background-color: #FFFFFF;
				border: 1rpx solid #F8F7F8;
				// border-radius: 20rpx;
				overflow: hidden;
			
			}
	&__btn{
		padding: 8px 12px;
					position: absolute;
					bottom: 16px;
					right: 10px;
					color: white;
					background-color: rgba(0, 0, 0, .5);
					border-radius: 20px;
					
				}
			/* 图片 end */

			/* 内容 start */
			&__data {
				padding: 14rpx 0rpx;
			}

			/* 标题 start */
			&__title-container {
				text-align: justify;
				line-height: 38rpx;
				vertical-align: middle;
			}

			&__store-type {
				height: 28rpx;
				font-size: 20rpx;
				position: relative;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				padding: 4rpx;
				border-radius: 6rpx;
				white-space: nowrap;
				text-align: center;
				top: -2rpx;
				margin-right: 6rpx;
			}

			&__title {
				font-size: 30rpx;
			}

			/* 标题 end */

			/* 标签 start */
			&__tags-container {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: flex-start;
			}

			&__tag {
				margin: 10rpx;
				color: #7C8191;
				background-color: #F3F2F7;
				padding: 4rpx 14rpx 6rpx;
				border-radius: 10rpx;
				font-size: 20rpx;

				&:first-child {
					margin-left: 0rpx !important;
				}
			}

			/* 标签 end */
			/* 内容 end */
		}
	}

	.suspension {
		background: linear-gradient(to right, #549DFF,#207CF7,);
		color: #fff;
		position: fixed;
		left: 50%;;
		bottom: 180rpx;
		width: 648rpx;
		height: 96rpx;
		border-radius: 48rpx 12rpx 48rpx 12rpx;
		transform: translateX(-50%);
		
		box-shadow: 0 3px 14px -2px  rgba(4, 89, 202,.6);
	}

	.wike_ad {
		margin: 0 6px 11px;
	}

	.db {
		height: 83px;
	}