<template>
	<view class="flex-col page">
	  <text class="self-center text">费用说明</text>
	  <view class="flex-col self-stretch group">
	    <text class="self-start font text_2">一、费用支付流程</text>
	    <text class="self-stretch font_2 text_3">
	      确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。
	      <br />
	      预约成功：预约成功后，您需前往店铺挑选对应等级的服装。
	      <br />
	    </text>
	    <text class="self-stretch font_2 text_4">
	      补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_2">
	    <text class="self-start font">二、尾款具体事项</text>
	    <text class="mt-18 self-stretch font_3 text_5">
	      租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。
	      <br />
	      购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。
	      <br />
	      定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_3">
	    <text class="self-start font text_6">三、定金与押金说明</text>
	    <text class="self-stretch font_3 text_7 mt-15">
	      定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。
	      <br />
	      押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。
	    </text>
	  </view>
	  <view class="flex-col self-stretch group_4">
	    <text class="self-start font text_8">四、特殊情况处理</text>
	    <text class="mt-18 self-stretch font_3 text_9">
	      若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。
	      <br />
	    </text>
	  </view>
	  <view class="flex-col justify-start items-center self-stretch text-wrapper">
	    <text class="text_10">我知道了</text>
	  </view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.mt-15 {
	  margin-top: 28.13rpx;
	}
	.page {
	  padding: 48.75rpx 33.75rpx 61.88rpx;
	  background-color: #fffef8;
	  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	}
	.text {
	  color: #323232;
	  font-size: 37.5rpx;
	  font-family: Open Sans;
	  line-height: 34.73rpx;
	}
	.group {
	  margin-right: 11.25rpx;
	  margin-top: 67.5rpx;
	}
	.font {
	  font-size: 30rpx;
	  font-family: Open Sans;
	  line-height: 27.71rpx;
	  color: #323232;
	}
	.text_2 {
	  line-height: 35.63rpx;
	}
	.font_2 {
	  font-size: 26.25rpx;
	  font-family: Inter;
	  line-height: 31.88rpx;
	  color: #323232;
	}
	.text_3 {
	  margin-left: 22.5rpx;
	  margin-top: 15rpx;
	}
	.text_4 {
	  margin-left: 18.75rpx;
	  margin-right: 15rpx;
	}
	.group_2 {
	  margin-right: 18.75rpx;
	  margin-top: 63.75rpx;
	}
	.font_3 {
	  font-size: 26.25rpx;
	  font-family: Open Sans;
	  line-height: 31.88rpx;
	  color: #323232;
	}
	.text_5 {
	  margin-left: 15rpx;
	}
	.group_3 {
	  margin-right: 18.75rpx;
	  margin-top: 63.75rpx;
	}
	.text_6 {
	  line-height: 27.84rpx;
	}
	.text_7 {
	  margin-left: 15rpx;
	}
	.group_4 {
	  margin-right: 22.5rpx;
	  margin-top: 56.25rpx;
	}
	.text_8 {
	  line-height: 27.75rpx;
	}
	.text_9 {
	  margin-left: 3.75rpx;
	}
	.text-wrapper {
	  margin: 75rpx 22.5rpx 0;
	  padding: 30rpx 0;
	  background-color: #fbb612;
	  border-radius: 75rpx;
	}
	.text_10 {
	  color: #ffffff;
	  font-size: 30rpx;
	  font-family: Inter;
	  line-height: 27.71rpx;
	}
</style>