.preview_record_component {
  margin-top: 24rpx;
  background-color: white;
  border-radius: 15rpx;
}
.preview_record_component .top_container {
  padding: 24rpx 24rpx 0 24rpx;
  margin-bottom: 20rpx;
}
.preview_record_component .top_container .header {
  display: flex;
  line-height: 50rpx;
}
.preview_record_component .top_container .header .left {
  flex: 1;
}
.preview_record_component .top_container .header .left.success {
  color: #21B35E;
}
.preview_record_component .top_container .header .left.cancel {
  color: #FFA019;
}
.preview_record_component .top_container .header .right {
  color: #999;
  flex: 2;
  text-align: right;
}
.preview_record_component .top_container .main_title {
  color: #333;
  text-align: center;
  font-size: 36rpx;
  font-weight: bolder;
  line-height: 80rpx;
}
.preview_record_component .top_container .sub_title {
  color: #333;
  text-align: center;
  line-height: 60rpx;
}
.preview_record_component .top_container .info_section .item {
  display: flex;
  align-items: center;
}
.preview_record_component .top_container .info_section .item .left {
  flex: 1;
  line-height: 65rpx;
  color: #999;
}
.preview_record_component .top_container .info_section .item .right {
  flex: 1;
  text-align: right;
  line-height: 65rpx;
}
.preview_record_component .to_detail {
  margin-top: 15rpx;
  padding-top: 10rpx;
}
.preview_record_component .to_detail .detail_desc.am-title {
  font-size: inherit;
}
.preview_record_component .to_detail .detail_desc.am-title .am-title-text {
  font-weight: normal;
}
