/* pages/add_batch_serve/add_batch_serve.wxss */ /* pages/past_record/past_record.wxss */ @import '../../templates/loading/loading.wxss'; page{ /* background: #F8F8F8; */ } .pay{ height:66rpx; background:rgba(255,100,101,1); display: flex; justify-content: space-between; padding: 0 24rpx; color: #fff; font-size: 24rpx; } .li-shadow{ background:rgba(255,255,255,1); /* box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1); */ margin-bottom: 43rpx; } .header{ /* background: #fff; */ margin: 50rpx 42rpx 130rpx 42rpx; display: flex; justify-content: space-between; height:90rpx; line-height: 90rpx; } .header-imgs{ position: relative; } .header-img{ position: absolute; width:90rpx; height:90rpx; border-radius:50%; } .header-img-two{ left: 40rpx; z-index: 20; } .header-img-three{ left: 80rpx; z-index: 30; } .header-items{ font-size:30rpx; font-family:PingFang SC; font-weight:500; color:#666666; } .header-items-red{ font-size:36rpx; color:#FF6465; } .li{ padding: 37rpx 48rpx; background: #fff; margin-top: 20rpx; } .li-title{ color: #393939; font-size: 30rpx; border-left: 5rpx solid #FF6465; padding: 0 20rpx; font-weight: bold; } .li-items-header-look-img{ width: 27rpx; height: 19rpx; margin-left: 10rpx; } .li-items{ padding: 45rpx 0; border-bottom: 1rpx solid #E5E5E5; } .li-items-header{ display: flex; justify-content: space-between; color: #393939; font-size: 30rpx; margin-bottom: 31rpx; font-weight: bold; } .li-items-header-img{ width:30rpx; height:32rpx; margin-right: 20rpx; } .li-items-header-look{ color: #FF6465; font-size: 28rpx; } .scroll-view { width: 100%; } .scroll-view-items { display: flex; /* padding: 20rpx 0; */ } .scroll-view-item { margin-right: 20rpx; position: relative; } .scroll-view-image { width: 212rpx; height: 212rpx; background: #F1F3FA; border-radius: 10rpx; } .scroll-view-item:nth-last-child(1) { margin-right: 0rpx; } .li-items-nodata{ text-align: center; color: #393939; font-size: 30rpx; margin-top: 20%; } .record{ background: #fff; display: flex; justify-content: space-around; font-weight: bold; } .record-list{ font-weight: bold; color: #7C819D; font-size: 24rpx; padding: 50rpx 0; text-align: center; } .record-img{ width: 60rpx; height: 60rpx; margin-right: 25rpx; } .record-img-right{ width: 14rpx; height: 24rpx; margin: auto; } .bound-word{ color: #8489A3; font-size: 24rpx; margin-right: 20rpx; } .header-right-delete{ width: 44rpx; height: 44rpx; margin-right: 20rpx; } .add{ font-weight: bold; height:80rpx; background:linear-gradient(90deg,rgba(227,182,121,1),rgba(248,212,163,1)); border-radius:10rpx; line-height: 80rpx; color: #FFFFFF; font-size: 26rpx; display: flex; justify-content: space-between; padding: 0 24rpx; margin: 24rpx; } .add-img{ width: 29rpx; height: 29rpx; margin: auto 0; } .serve{ /* box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1); */ padding: 24rpx; } .serve-item{ padding: 23rpx 0; color: #E59B36; font-size: 26rpx; display: flex; justify-content: space-between; } .serve-item-img{ width: 34rpx; height: 29rpx; margin-right: 11rpx; } .serve-item-time{ color: #7C819D; font-size: 28rpx; margin: auto 0; } .type{ margin: 24rpx; } .type-title{ color: #393939; font-size: 30rpx; margin: 30rpx 0; font-family:PingFang SC; font-weight:bold; } .type-items{ background:rgba(255,255,255,1); box-shadow:0px 6rpx 30rpx 0px rgba(81,108,227,0.2); border-radius:16rpx; position: relative; margin-bottom: 20rpx; } .type-items-img{ width: 100rpx; height: 100rpx; position: absolute; top: 0; right: 0; } .type-items-title{ color: #393939; font-size: 30rpx; padding:36rpx 24rpx; font-family:Lantinghei SC; font-weight:600; } .type-items-title-img{ width: 34rpx; height: 29rpx; } .type-items-num{ color: #E3B679; font-size: 40rpx; padding:0 25rpx; font-family:PingFang SC; font-weight:bold; } .type-items-add{ display: flex; justify-content: space-between; padding: 68rpx 24rpx; color: #7C819D; font-size: 28rpx; font-family:Lantinghei SC; font-weight:600; } .type-items-add-img{ width: 34rpx; height: 34rpx; } .type-items-add-code{ font-size: 34rpx; margin: 0 54rpx; } .btn{ margin: 80rpx 24rpx; height:94rpx; text-align: center; line-height: 94rpx; background:rgba(255,100,101,1); border-radius:16rpx; color: #FFFFFF; font-size: 34rpx; } .serve-item-before{ background:rgba(255,100,101,0.2); border-radius:6rpx; display: inline-block; color: #FF6465; font-size: 20rpx; margin-left: 5rpx; padding: 3rpx 10rpx; } .clash{ background:rgba(241,243,250,1); border-radius:10rpx; font-size: 22rpx; color: #393939; } .clash-items{ display: flex; justify-content: space-between; padding: 15rpx 24rpx; } .header-items-name-yellow{ font-size: 22rpx; margin: auto 10rpx; } .header-items-img{ margin-left: 14rpx; width: 18rpx; height: 29rpx; }