.index-container .main .components-container {
  margin-top: 0 !important;
}
.no-indexbanner-header {
  padding-bottom: 0 !important;
}
.my-am-popup-mask .am-popup-mask {
  opacity: 0.55 !important;
  background-color: #000 !important;
}
.my-am-popup-mask .am-popup-content {
  background-color: transparent !important;
}
.scenic-order-detail-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50rpx;
  margin-top: 300rpx;
}
.scenic-order-detail-details {
  background-color: #f5f5f5;
}
.scenic-order-detail-details .hr {
  padding-top: 24rpx;
  border-bottom: 1rpx solid #eee;
}
.scenic-order-detail-details .header-bj {
  height: 0;
}
.scenic-order-detail-details .content-body {
  padding-bottom: 124rpx;
}
.scenic-order-detail-details .title {
  padding: 0 24rpx;
}
.scenic-order-detail-details .title .status {
  padding-top: 24rpx;
  font-size: 48rpx;
  color: #fff;
  line-height: 66rpx;
}
.scenic-order-detail-details .title .desc {
  margin: 24rpx 0 30rpx 0;
  font-size: 30rpx;
  color: #fff;
  line-height: 42rpx;
}
.scenic-order-detail-details .body {
  margin: 0 24rpx;
  padding: 0 24rpx 24rpx 24rpx;
  border-radius: 16rpx;
  background: #fff;
}
.scenic-order-detail-details .body .mount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15rpx;
}
.scenic-order-detail-details .body .mount .mount-desc {
  font-size: 34rpx;
  color: #333;
  line-height: 48rpx;
}
.scenic-order-detail-details .body .mount .order-pay-amount {
  font-size: 36rpx;
  color: #ff3b30;
  line-height: 50rpx;
}
.scenic-order-detail-details .body .item-title {
  padding-top: 24rpx;
  font-size: 30rpx;
  color: #333;
  line-height: 42rpx;
}
.scenic-order-detail-details .body .item-details {
  display: flex;
  margin-top: 24rpx;
  line-height: 38rpx;
}
.scenic-order-detail-details .body .item-details .key {
  width: 104rpx;
  margin-right: 24rpx;
  font-size: 26rpx;
  color: #333;
}
.scenic-order-detail-details .body .item-details .value {
  flex: 1;
  font-size: 26rpx;
  color: #666;
}
.scenic-order-detail-details .body .item-details .value .tourist {
  margin-bottom: 10rpx;
}
.scenic-order-detail-details .body .item-details .user {
  padding-bottom: 16rpx;
}
.scenic-order-detail-details .actions {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100rpx;
  padding: 0 24rpx;
  box-shadow: -6rpx 0 10rpx #eee;
  background-color: #fff;
}
.scenic-order-detail-details .actions .left {
  display: flex;
  align-items: center;
}
.scenic-order-detail-details .actions .left .total {
  font-size: 26rpx;
  color: #333;
}
.scenic-order-detail-details .actions .left .value {
  font-size: 36rpx;
  color: #ff3b30;
}
.scenic-order-detail-details .actions .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.scenic-order-detail-details .actions .right .button {
  height: 50rpx;
  margin: 0 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-details .actions .right .button.primary {
  background-color: #1677FF;
  color: #fff;
}
.scenic-order-detail-details .refund {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 532rpx;
  padding: 0 24rpx;
  border-radius: 16rpx 16rpx 0 0;
  background-color: #fff;
}
.scenic-order-detail-details .refund .title {
  padding: 24rpx 0;
  text-align: center;
  line-height: 48rpx;
  font-size: 34rpx;
  color: #333;
}
.scenic-order-detail-details .refund .refund-amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50rpx;
  margin-top: 24rpx;
}
.scenic-order-detail-details .refund .refund-amount .left {
  font-size: 34rpx;
  color: #333;
}
.scenic-order-detail-details .refund .refund-amount .left .star {
  font-size: 30rpx;
  color: #ff3b30;
}
.scenic-order-detail-details .refund .refund-amount .right {
  font-size: 36rpx;
  color: #ff3b30;
}
.scenic-order-detail-details .refund .service-charge {
  margin-top: 10rpx;
  font-size: 24rpx;
  color: #ff6430;
}
.scenic-order-detail-details .refund .refund-actions {
  display: flex;
  padding: 40rpx 0;
}
.scenic-order-detail-details .refund .refund-actions .button {
  flex: 1;
  height: 98rpx;
  border: 2rpx solid #1677ff;
  border-radius: 8rpx;
  background-color: #fff;
  color: #1677ff;
  font-size: 36rpx;
  line-height: 96rpx;
}
.scenic-order-detail-details .refund .refund-actions .button.primary {
  background-color: #1677FF;
  color: #fff;
}
.hover-class {
  opacity: 0.7;
}
