book-hi/unpackage/dist/dev/mp-weixin/pages-mine/components/order-timeline.wxss

@charset "UTF-8";
/** 
 * 主题色配置
 * 默认在 uni.scss 全局引入：@import '@/theme.scss';
 * <script> 下使用主题变量：import x from '@/theme.scss';
 */
.page.data-v-1941e5f4 {
  background-color: #f8f8f8;
  font-family: PingFangSC;
}
.safeAreaPad.data-v-1941e5f4 {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
}
.data-v-1941e5f4:export {
  appThemeColor: #38C148;
  appThemeBgColor: #ffffff;
  appThemeBgGrayColor: #fafafa;
  appThemeBgGrayDeppColor: #f8f8f8;
  appThemeSearchBgColor: #F4F5F8;
  appThemeBorderColor: #efefef;
  appThemeTextColor: #333333;
  appThemeTextGrayColor: #8f92a1;
  appThemeTextGrayLightColor: #cccccc;
  appThemeTextGrayDeepColor: #696969;
  appThemeTextWhiteColor: #ffffff;
  appThemeTextBlackColor: #171717;
  appThemeTextBlackDeepColor: #16162e;
  appThemeTextMoneyColor: #f00;
  appThemeTextGrayWhiteColor: #c3c6cb;
  appThemeSkuGrayColor: #f5f5f8;
  appThemeCardGrayColor: #8f92a1;
  appThemeShopGrayColor: #888e98;
  appThemePointsSignBgColor: #f0f0f0;
  appThemePointsSignLabelColor: #dfdfdf;
  appThemePointsSignValueColor: #696969;
  appThemePointsSignYellowColor: #f9a906;
  appThemePointsSignBlueColor: #22ac38;
  appThemeNavbarTabColor: #696969;
  appThemeNavbarTabColorActive: #333333;
  appThemeShadow: 0px 2px 8px 0px rgba(27, 25, 86, 0.06);
  appZIndexDeep: 0;
  appZIndexNormal: 19;
  appZIndexAbsolute: 99;
  appZIndexFixed: 199;
  appZIndexPage: 999;
  appThemeBuyBtnBgColor: #ed3f14;
}
.timeline-section.data-v-1941e5f4 {
  position: relative;
}
.timeline-section .time-info.data-v-1941e5f4 {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #333333;
  position: absolute;
  top: 40rpx;
  right: 40rpx;
  z-index: 9;
}
.timeline-section .time-info .u-icon.data-v-1941e5f4 {
  margin-left: 4rpx;
}
.timeline-section .time-info-expanded.data-v-1941e5f4 {
  position: absolute;
  bottom: 40rpx;
  right: 40rpx;
  z-index: 9;
}
.timeline-section .timeline-content.data-v-1941e5f4 {
  position: relative;
  padding: 30rpx;
}
.timeline-section .timeline-content.collapsed.data-v-1941e5f4 {
  max-height: 180rpx;
  overflow: hidden;
}
.timeline-section .timeline-content.collapsed.data-v-1941e5f4::after {
  content: "";
  position: absolute;
  left: -30rpx;
  right: 0;
  bottom: 0;
  height: 80rpx;
  width: calc(100% + 60rpx);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none;
}
.timeline-section .timeline-content .timeline-list.data-v-1941e5f4 {
  position: relative;
}
.timeline-section .timeline-content .timeline-list.data-v-1941e5f4::before {
  content: "";
  position: absolute;
  left: 6rpx;
  top: 0;
  bottom: 0;
  width: 2rpx;
  height: calc(100% - 60rpx);
  background: #38c148;
}
.timeline-section .timeline-content .timeline-list .timeline-item.data-v-1941e5f4 {
  display: flex;
  position: relative;
  padding-bottom: 40rpx;
}
.timeline-section .timeline-content .timeline-list .timeline-item.data-v-1941e5f4:last-child {
  padding-bottom: 0;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-dot.data-v-1941e5f4 {
  width: 14rpx;
  height: 14rpx;
  border-radius: 50%;
  background: #38c148;
  margin-right: 20rpx;
  flex-shrink: 0;
  z-index: 1;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info.data-v-1941e5f4 {
  flex: 1;
  margin-top: -10rpx;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .status.data-v-1941e5f4 {
  font-size: 28rpx;
  color: #38c148;
  margin-bottom: 8rpx;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .time.data-v-1941e5f4,
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .desc.data-v-1941e5f4 {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  line-height: 36rpx;
  white-space: pre-wrap;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .express-no.data-v-1941e5f4 {
  display: flex;
  align-items: center;
  font-size: 26rpx;
  color: #888888;
  margin: 8rpx 0;
  width: 100%;
  height: 88rpx;
  line-height: 88rpx;
  background: #cdcdcd;
  border-radius: 10rpx;
  padding-left: 30rpx;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .express-no .u-icon.data-v-1941e5f4 {
  margin-left: 10rpx;
}
.timeline-section .timeline-content .timeline-list .timeline-item .timeline-info .express-info.data-v-1941e5f4 {
  font-size: 24rpx;
  color: #999;
  padding: 20rpx;
  background: #dcdcdc;
  border-radius: 8rpx;
  margin-top: 12rpx;
}