.index-container .main .components-container {
  margin-top: 0 !important;
}
.no-indexbanner-header {
  padding-bottom: 0 !important;
}
.scenic-order-detail .scenic-order-detail-tabs {
  position: fixed;
  left: 0;
  right: 0;
}
.scenic-order-detail .scenic-order-detail-tabs .am-tabs-bar-tab-mainTitle {
  font-weight: normal !important;
  font-size: 34rpx;
}
.scenic-order-detail .scenic-order-detail-tabs .am-tabs-bar {
  border: none;
}
.scenic-order-detail .scroll-fetch-list {
  padding: 106rpx 24rpx 24rpx 24rpx;
  background-color: #f5f5f5;
}
.scenic-order-detail .item-box {
  margin-bottom: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
  background-color: #fff;
}
.scenic-order-detail .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38rpx;
  margin-bottom: 24rpx;
  font-size: 26rpx;
  color: #999;
}
.scenic-order-detail .body {
  display: flex;
}
.scenic-order-detail .body .img {
  width: 180rpx;
  height: 180rpx;
  border-radius: 8rpx;
  overflow: hidden;
}
.scenic-order-detail .body .img image {
  width: 180rpx;
  height: 180rpx;
}
.scenic-order-detail .body .desc {
  margin-left: 24rpx;
  flex: 1;
}
.scenic-order-detail .body .desc .title {
  height: 84rpx;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  color: #333;
  line-height: 42rpx;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.scenic-order-detail .body .desc .product-type {
  margin-bottom: 10rpx;
  font-size: 26rpx;
  color: #999;
}
.scenic-order-detail .body .desc .plan-date-time {
  font-size: 26rpx;
  color: #999;
}
.scenic-order-detail .body .total {
  margin-left: 60rpx;
}
.scenic-order-detail .body .total .product-price {
  margin-bottom: 10rpx;
  font-size: 26rpx;
  color: #333;
}
.scenic-order-detail .body .total .quantity {
  font-size: 26rpx;
  color: #999;
}
.scenic-order-detail .footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 42rpx;
  margin-top: 24rpx;
}
.scenic-order-detail .footer .quantity {
  margin-right: 10rpx;
  font-size: 24rpx;
  color: #333;
}
.scenic-order-detail .footer .order-pay-amount {
  font-size: 30rpx;
  color: #333;
}
.scenic-order-detail .actions {
  display: flex;
  justify-content: flex-end;
}
.scenic-order-detail .actions .button {
  height: 50rpx;
  margin: 24rpx 0 0 24rpx;
  padding: 0 24rpx;
  border: 2rpx solid #1677ff;
  border-radius: 8rpx;
  background-color: #fff;
  color: #1677ff;
  font-size: 24rpx;
  line-height: 48rpx;
}
.scenic-order-detail .actions .button.primary {
  background-color: #1677FF;
  color: #fff;
}
.hover-class {
  opacity: 0.7;
}
