<template>
	<div class="serveFooter">
		<div class="footerView">
			<div class="footer-left">
				<div class="common-header-logo">
					<img class="logo" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/xw_cloud/image/login_logo.png">
				</div>
			</div>
			<div class="footer-right">
				<div class="viewUl">
					<div class="line"><span>个人中心</span></div>
					<div class="line"><span>关于我们</span></div>
				</div>
				<div class="viewUl">
					<div class="line"><span>服务支持</span></div>
					<div class="line"><span>信息查询</span></div>
					<div class="line"><span>自助服务</span></div>
					<div class="line"><span>问题单</span></div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<div class="viewUl">
				<div class="line"><span>Copyright @2024象纬云科有限公司</span></div>
				<div class="line"><span>版权所有苏ICP备18028199号</span></div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "footerPage",
	data(){

	},
	mounted() {

	},
	methods:{

	}
}
</script>

<style lang="scss" scoped>
	.serveFooter{
		border-top: 1px solid #f6f6f6;
		background: #FFFFFF;
		padding: 12px 0;
		.footerView{
			padding: 0 20px;
			display: flex;
			align-items: flex-start;
			.footer-right{
				display: flex;
				align-items: flex-start;
				padding: 0 40px;
				.viewUl{
					margin: 0 50px;
					.line{
						padding:0 0 12px 0;
						font-size: 14px;
					}
				}
			}
		}
		.copyright{
			border-top: 1px solid #f6f6f6;
			padding: 15px 20px 0 20px;
			.viewUl{
				margin: 0;
				display: flex;
				.line{
					padding:0 40px 10px 0;
					font-size: 14px;
				}
			}
		}
	}
</style>
