<template>
  <view class="detail-container">
    <!-- 可滚动内容区 -->
    <view class="scroll-content">
      <!-- 问题标题 -->
      <view class="question-title">
        包月停车、临时停车的办理流程及收费标准
        <view class="title-underline"></view>
      </view>
      <!-- 内容区 -->
      <view class="question-content">
        <view class="question-desc">
          您好:本项目只有8组团为包月停车，办理流程为:业主携带身份证至物业客户中心前台办理，租户带租赁合同和身份证到前台办理即可;5,6,7,9,10,11组团无包月停车，无需办理包月停车手续;临时停车无需办理。5,6组团为私家车位，无需收费。8组团包月停车的收费标准为:500元/8组团临时停车的收费标准为:小区内9,10,11组团临时停车的收费标准为:二轮车:每小时1元，12小时内5元/次，24小时内10元/次;小型车:每小时3元，12小时内10元/次，24小时内20元/次;大型车:每小时4元，12小时内15元/次，24小时内25元/次
        </view>
        <image src="/static/ic_q_d_01.png" class="question-img" mode="widthFix" />
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    
  }
}
</script>

<style scoped>
.detail-container {
  height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.detail-back {
  position: absolute;
  left: 37rpx;
  width: 15rpx;
  height: 33rpx;
}
.detail-title {
  font-size: 36rpx;
  color: #000;
}
.scroll-content {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 40rpx;
}
.question-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #000000;
  margin: 40rpx 32rpx 0 64rpx;
  position: relative;
  line-height: 1.4;
}
.title-underline {
  width: 120rpx;
  height: 6rpx;
  background: #3B8BFF;
  border-radius: 3rpx;
  margin-top: 8rpx;
}
.question-content {
  margin: 34rpx 24rpx 0 24rpx;
  background: #EDF6FF;
  border-radius: 12rpx;
  border: 2rpx dashed #bfc8d6;
  padding: 32rpx 24rpx 24rpx 24rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.question-desc {
  font-size: 28rpx;
  color: #4A4A4A;
  line-height: 1.8;
  margin-bottom: 24rpx;
}
.question-img {
  width: 100%;
  border-radius: 8rpx;
}
</style>