shuquAi/pages/user/work/index.scss

page {
		// background: #ededed;
	}
	.container{
		.ct_tab{
			    width: 698upx;
				height: 100rpx;
			    margin: 0 auto;
			    font-size: 32upx;
			    color: #999;
			    white-space: nowrap;
			    display: flex;
			    overflow: hidden;
				position: sticky;
				top: 0rpx;
				// top: 80rpx;
				z-index: 999;
				background: #fff;
				// border-bottom: 2rpx  solid #eee;
				margin-left: 60rpx;
			}
			.ct_item{
			    // width: 150upx;    
			    width: 150upx;    
			    padding: 30upx 0;
			    display: inline-block;
				
				// background: red;
			}
			.ct_item text{
			    padding: 30upx 0;
				// display: inline-block;
				// width: 150rpx;
			}
			.ct_active{
			    color:#26B3A0;
			}
			.ct_active text{
			    border-bottom: 2px solid #26B3A0;
			}
			swiper{
			    width:100%;
			}
			
			swiper-item{
			    width: 180upx !important;
			}
			
			.record-list {
				background: #ffffff;
				margin: 30rpx;
				padding: 30rpx;
				border-radius: 20rpx;
				.record-title{
					font-size: 32rpx;
					margin-bottom: 10rpx;
				}
				.time{
					color: black;
				}
				.quantity{
					font-weight: bold;
					font-size: 34rpx;
				}
			}
			
			.line{
				height: 2rpx;
				border-bottom: 2rpx  solid #eee;
			}
			.itemBox{
				padding: 30rpx;
				position: relative;
				z-index: 0;
				.tuskitem{
					padding: 30rpx;
					background: #eee;
					border-radius: 30rpx;
					margin-bottom: 30rpx;
					.title{
						font-size: 32rpx;
						font-weight: 600;
						margin-bottom: 20rpx;
					}
					
					.center{
						// background: #fff;
						border-radius: 20rpx;
						display: flex;
						align-items: center;
						margin-bottom: 30rpx;
						image{
							width: 200rpx;
							height: 200rpx;
							border-radius: 30rpx;
							flex-shrink: 0;
							margin-right: 20rpx;
						}
						.right{
							// width: 80%;
							.label{
								font-size: 30rpx;
								font-weight: 600;
							}
							.des{
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
								font-size: 28rpx;
								margin-top: 10rpx;
								word-break: break-all;
								word-wrap: break-word;
								width: 410rpx;
							}
							.mb30{
								margin-bottom: 10rpx;
							}
							
							.bottom{
								width: 100%;
								display: flex;
								align-items: center;
								margin-top: 20rpx;
								justify-content: space-between;
									
								.money{
									font-size: 36rpx;
									font-weight: 600;
									// margin-right: 60rpx;
								}
								.btn{
									background: #26B3A0;
									padding: 5rpx 15rpx;
									border-radius:25rpx;
									font-weight: 500;
									color: #fff;
									position: absolute;
									right: 60rpx;
								}
								
							}
						}
					}
					
					
					.btnB{
						width: 100%;
						background: #26B3A0;
						height:100rpx;
						border-radius: 20rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 32rpx;
						color: white;
					}
					.btnB2{
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 100rpx;
						.lBtn{
							width: 50%;
							height: 100rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 2rpx solid #26B3A0;
							border-radius: 20rpx;
							font-size: 32rpx;
							color: #26B3A0;
						}
						.rBtn{
							width: 45%;
							height: 100rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							background: #26B3A0;
							border-radius: 20rpx;
							font-size: 32rpx;
							color: white;
						}
					}
					.btnB3{
						width: 100%;
						// background: #26B3A0;
						height:100rpx;
						border-radius: 20rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 32rpx;
						color: white;
						border: 2rpx solid #26B3A0;
						color: #26B3A0;
					}
					
				}
			}
			
		
				
	}


uni-swiper .uni-swiper-wrapper{
	background: red!important;
}

.yongjin{
	color: #666;
	font-size: 28rpx;
}