<template>
	<view class="feedback">
		<view class="feedback-box">
			<view class="feedback-title">人工服务</view>
			<view class="feedback-itme">
				<view class="manual">
					<view class="service-phone">拨打官方客服电话：400-100-100</view>
					<view class="manual-time">周一至周五08:0-18:00</view>
				</view>
				<view class="suggestions">意见反馈</view>
			</view>
		</view>
		<view class="feedback-box">
			<view class="feedback-title">常见服务</view>
			<view class="feedback-itme">
				<view class="u-line-2">【账号问题】登录时需要验证码，手机号使用不了怎么办？</view>
				<view class="u-line-2">【账号问题】登录时需提示您的密码不安全，请重置？</view>
				<view class="u-line-2">【账号问题】登录密码忘记了怎么办？</view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {}
	}
};
</script>
<style lang="scss" scoped>
.feedback {
	min-height: calc(100vh - var(--window-top));
	background: #ECECEC;
	padding: 20rpx 30rpx;
	.feedback-box {
		width: 689rpx;
		background: rgba(255,255,255,1);
		border-radius: 10rpx;
		margin-bottom: 20rpx;
		padding: 30rpx;
		.feedback-title {
			position: relative;
			font-size: 30rpx;
			font-weight: 500;
			color: rgba(51,51,51,1);
			// margin-bottom: 30rpx;
			padding-left: 20rpx;
			&::after {
				position: absolute;
				content: '';
				width: 6rpx;
				height: 30rpx;
				background: rgba(255,120,15,1);
				top: 50%;
				left: 0;
				transform: translate(0, -50%);
			}
		}
		.feedback-itme {
			> view {
				position: relative;
				font-size: 26rpx;
				color: rgba(51,51,51,1);
				line-height: 42rpx;
				&:not(:last-child) {
					padding: 20rpx 0;
					&::after {
						position: absolute;
						content: '';
						width: 630rpx;
						height: 2rpx;
						background: rgba(236,236,236,1);
						bottom: 0;
						left: 50%;
						transform: translate(-50%, 0);
					}
				}
				&:last-child {
					padding-top: 20rpx;
				}
			}
			.manual {
				.service-phone {
					
				}
				.manual-time {
					font-size: 22rpx;
					color: rgba(153,153,153,1);
				}
			}
			.suggestions {
				font-size: 26rpx;
				font-weight: 500;
				color: rgba(102,102,102,1);
			}
		}
	}
}
</style>