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;
		 			 // max-width:60vw;
		 			 min-height:54rpx;
					 
					 padding: 0 20rpx;
		 			 // 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%);
					 
					 background-size: 100% 100%;
					 background-repeat: no-repeat;
		 }
		 
			 .storeBox{
		
			// overflow: hidden;
			position: relative;
			 // overflow: auto; /* 清除float的影响 */
			 
			 .loading{
				 position: absolute;
				 top: 0;
				 left: 0;
				 width: 100%;
				 // height: 100%;
				 
				 display: flex;
				align-items: center;
				justify-content: space-around;
				flex-direction: column;
				 .loadingImg{
					 
					 margin-top: 50rpx;
				 	// position: absolute;
				 	// top: 150rpx;
				 	// left: 50%;
				 	width: 500rpx;
				 	height: 500rpx;
				 	// 				transform: translate(-50%,0%);
					
					
					
				 					
				 }
				.progress{
					 width: 100%;
					 
					 margin-top: 100rpx;
					 .tipTxt{
						 margin-top: 50rpx;
						 color: #017AFF;
					 }
				 }
			 }

				 
			
				 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;
		}
	}
	
	::v-deep .u-popup__content{
		border-radius: 30rpx!important;
	}
	
	.slot-content{
		
		// font-size: 28rpx;
		.txt1{
			margin-bottom: 10rpx;
		}
		.caidan{
			width: 100%;
			height: 30rpx;
			margin-top: 10rpx;
		}
	}