duantuihe/pages/index/genRes/index.scss

	view {
		box-sizing: border-box;
	}
 
	.container {
 .mainBox{
	 margin-top: 24rpx;
	 padding: 0 40rpx;
	 padding-bottom: 384rpx;
	 .titleBox{
	 	background: #F0F1F4;
	 	background: linear-gradient(90deg,#DCEBFF,#fff);
	 	height: 62rpx;
	 	width: 80%;
	 	border-radius: 32rpx 0rpx 0rpx 0rpx;
	 	font-size: 32rpx;
	 	font-family: SourceHanSansCN, SourceHanSansCN;
	 	font-weight: bold;
	 	color: #333333;
	 	display: flex;
	 	align-items: center;
	 	padding-left: 32rpx;
	 }
	 
	 .contentBox{
		 min-height: 1004rpx;
		 
		 background: linear-gradient(180deg, #DCEBFF 0%, #FFFFFF 100%);
		 box-shadow: 0rpx 8rpx 16rpx -8rpx rgba(0,71,190,0.4);
		 border-radius:0 32rpx 32rpx 32rpx;
		 padding: 0 40rpx;
		 
		 .bgTag{
		 			 width: 434rpx;
		 			 height: 54rpx;
		 			 background: linear-gradient(132deg, #4FDDFF 0%, #5ECFFF 49%, #017AFF 100%);
		 			 // filter: blur(0.5px);
		 			 font-size: 36rpx;
		 			 font-family: SourceHanSansCN, SourceHanSansCN;
		 			 font-weight: bold;
		 			 color: #333333;
		 			 display: flex;
		 			 align-items: center;
		 			 justify-content: center;
		 			 
		 			 margin-left: 50%;
		 			 transform: translate(-50%,-50%);
		 }
		 
			 .storeBox{
		
			// overflow: hidden;
			position: relative;
			 overflow: auto; /* 清除float的影响 */
			
				 text{
					 font-size: 28rpx;
					 font-family: SourceHanSansCN, SourceHanSansCN;
					 font-weight: 500;
					 color: #333333;
					 line-height: 66rpx;
					 margin-top: 48rpx;
					  text-wrap: wrap;
					  
					   text-align: justify; 
					 // float: left;
				 }
				 .img1{
					 width: 256rpx;
					 height: 256rpx;
					 border-radius: 30rpx;
					 float: left;
					 margin-right: 24rpx;
					 clear: both;
					 
				 }
				 .img2{
					 width: 256rpx;
					 height: 356rpx;
					 border-radius: 30rpx;
					 float: right;
					 
					 clear: both;
					// margin-bottom: 1px;
					// margin-bottom: 500rpx;
					 
					 // position: absolute;
					 // bottom: 0;
					 // right: 0;
					 
					     // height: auto; /* 保持图片比例 */
				 }
		 }
	 }
	
		}
	}
	
	
	
	.btnBox{
		padding-top: 32rpx;
		padding-left: 40rpx;
		padding-right: 40rpx;
		padding-bottom: 40rpx;
		height: 312rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05);
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0;
		width: 100%;
		
		.btn{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.b1{
			// width: 670rpx;
			height: 108rpx;
			background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2);
			border-radius: 54rpx;
			font-size: 32rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: bold;
			color: #FFFFFF;
			margin-bottom: 24rpx;
		}
		.b2{
			// width: 670rpx;
			height: 108rpx;
			border-radius: 54rpx;
			border: 2rpx solid #017AFF;
			font-size: 32rpx;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: bold;
			color: #017AFF;
		}
	}
	
	
	.loadingBox{
		// background: red;
		.loadingImg{
			// width: 50%;
			margin-top: 40%;
			// transform: translateY(-50%);
			// margin-left: 50%;
			// transform: translate(-50%,-50%);
		}
	}