shuquAi/pages/index/index.scss

page {
		background: #ededed;
		overflow-x: hidden;
	}
::-webkit-scrollbar{
		  display: none;  
		        width: 0 !important;  
		        height: 0 !important;  
		        -webkit-appearance: none;  
		        background: transparent;  
		
	}
	.container::-webkit-scrollbar{
		  display: none;  
		        width: 0 !important;  
		        height: 0 !important;  
		        -webkit-appearance: none;  
		        background: transparent;  
		
	}
	.container::-webkit-scrollbar-track{
		background-color: #f7f7f7;
	}
	.container::-webkit-scrollbar-thumb{
		background-color: #f7f7f7;
	}
.container {
		// margin-top: 25%;
		
		padding-bottom: 130rpx;
			.content{
				padding: 0 30rpx;
				.scoreMainTitle{
					margin-top: 50rpx;
					font-size: 36rpx;
					font-weight: 600;
				}
				.scoreMainBox{
					margin-top: 30rpx;
					border-radius: 30rpx;
					background: #fff;
					.topImg{
						height: 350rpx;
						
						image{
							width: 100%;
							height: 100%;
							border-radius: 30rpx 30rpx 0 0;
							
						}
					}
					.bottom{
						padding: 30rpx;
						.labelAndPrice{
							display: flex;
							justify-content: space-between;
						// align-items: center;
							.label{
								font-size: 32rpx;
								// display: flex;
								// justify-content: space-between;
								// align-content: center;
							}
							.right{
								text-align: right;
								margin-bottom: 30rpx;
								.selOut{
									font-size: 26rpx;
								}
								.price{
									font-size: 32rpx;
									font-weight: 600;
								}
							}
							
						}
						.item{
							margin-bottom:10rpx;
						}
						.scoreDes{
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							margin-bottom:20rpx;
						}
						.stuBtn{
							height: 90rpx;
							background: #26B3A0;
							border-radius: 20rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 34rpx;
							color: #fff;
						}
						
						
						
					}
				}
				.taskTitle{
					margin-top: 50rpx;
					font-size: 36rpx;
					font-weight: 600;
				}
				ul,li{
					list-style: none;
					margin-left: 0;
					padding-left: 0;
				}
				ul{
					margin-top: 30rpx;
					li{
						background: #fff;
						border-radius: 20rpx;
						display: flex;
						align-items: center;
						padding: 30rpx;
						margin-bottom: 30rpx;
						height: 200rpx;
						
						// .leftPicBox{
						// 	width: 200rpx;
						// 	height: 200rpx;
						// 	border-radius: 20rpx;
						// 	height: 100%;
						// 	background: #eee;
						// 	flex-shrink: 0;
						// 	margin-right: 20rpx;
						// 	display: flex;
						// 	align-items: center;
						// 	image{
						// 		width: 200rpx;
						// 	}
						// }
						.leftPicBox{
							border-radius: 20rpx;
							flex-shrink: 0;
							margin-right: 20rpx;
							width: 200rpx;
							height: 200rpx;
							background: #eee;
							image{
								border-radius: 20rpx;
								width: 200rpx;
								height: 200rpx;
							}
						}
						
						.right{
							// width: 80%;
							.des2{
								width:415rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.mb30{
								margin-bottom: 10rpx;
							}
							
							.bottom{
								display: flex;
								align-items: center;
								margin-top: 20rpx;
									
								.money{
									font-size: 36rpx;
									font-weight: 600;
									margin-right: 0rpx;
								}
								.btn{
									background: #26B3A0;
									padding: 5rpx 15rpx;
									border-radius:25rpx;
									font-weight: 600;
									color: #fff;
									position: absolute;
									right: 50rpx;
								}
								
							}
						}
					}
				}
			}
		
		
	}