<template>
	<view>
		<swiper class="card-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="false" :circular="true"
		 :autoplay="false" interval="5000" duration="500" @change="cardSwiper" indicator-color="#8799a3"
		 indicator-active-color="#0081ff">
			<swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''">
				<view class="swiper-item">
					<image :src="uni.getStorageSync('imagebase')+item.previewFile" mode="aspectFill" ></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cardCur: 0,
				swiperList: [
								{
									"id": "2031987306763653122",
									"orderNo": "HL101202603120133",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2031987302368022530",
									"bizId": "2031652790551449601",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428125708290",
									"directiveName": "轮椅防护",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/轮椅防护/轮椅防护(4)_1772784808001.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": "准备好安全带.坐垫..1小内将长者抬起..放松肌肉.",
									"timeoutDuration": "81",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 15:00:00",
									"endTime": "2026-03-12 15:15:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 14:55:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2031988565046464514",
									"orderNo": "HL101202603120136",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2031988560621473793",
									"bizId": "2031611722489401345",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428092153857",
									"directiveName": "躺下",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/调整坐卧/躺下(2)_1773035075572.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": "为老人调整床位180度角",
									"timeoutDuration": "73",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 15:05:00",
									"endTime": "2026-03-12 15:20:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 15:00:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2031989823346053122",
									"orderNo": "HL101202603120139",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2031989818946228225",
									"bizId": "2031650826958671873",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428058599426",
									"directiveName": "遗体穿衣",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "67",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 15:10:00",
									"endTime": "2026-03-12 15:25:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 15:05:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2031991081519812609",
									"orderNo": "HL101202603120141",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2031991077224845313",
									"bizId": "2031650023334219778",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428066988034",
									"directiveName": "遗体转移",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体转移(2)_1773035159478.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "68",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 15:15:00",
									"endTime": "2026-03-12 15:30:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 15:10:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2032003664444395522",
									"orderNo": "HL101202603120152",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032003660182982657",
									"bizId": "2031639905771196417",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428058599426",
									"directiveName": "遗体穿衣",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "67",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:05:00",
									"endTime": "2026-03-12 16:20:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:00:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2032003664595390465",
									"orderNo": "HL101202603120153",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032003660224925697",
									"bizId": "2031650056959954946",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428092153857",
									"directiveName": "躺下",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/调整坐卧/躺下(2)_1773035075572.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": "为老人调整床位180度角",
									"timeoutDuration": "73",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:05:00",
									"endTime": "2026-03-12 16:20:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:00:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2032004922723012609",
									"orderNo": "CK101202603120007",
									"orderType": "3",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032004918524514305",
									"bizId": "2031633183505649666",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428058599426",
									"directiveName": "遗体穿衣",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "67",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:10:00",
									"endTime": "2026-03-12 16:25:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:05:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": [],
									"chaoshitime": true
								},
								{
									"id": "2032006181010018305",
									"orderNo": "HL101202603120156",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032006176798937089",
									"bizId": "2031611671243395073",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428050210821",
									"directiveName": "遗体净身",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体净身(2)_1773035098789.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "66",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:15:00",
									"endTime": "2026-03-12 16:30:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:10:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": []
								},
								{
									"id": "2032007439301218305",
									"orderNo": "HL101202603120158",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032007435043999746",
									"bizId": "2031640287654187010",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428066988035",
									"directiveName": "床位消毒",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/床位消毒(2)_1773035361611.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": null,
									"timeoutDuration": "69",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:20:00",
									"endTime": "2026-03-12 16:35:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:15:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": []
								},
								{
									"id": "2032008194162692098",
									"orderNo": "HL101202603120159",
									"orderType": "1",
									"optType": "1",
									"optTypeName": null,
									"izTimeout": "N",
									"optIds": "2020688543455690753",
									"optNames": "滕昊达",
									"poolId": "2032008187313393666",
									"bizId": "2031640287654187010",
									"bizType": null,
									"nuId": "2512101009",
									"nuName": "护理单元09",
									"elderId": "101d827c99cf43b4266925996a0b872f261",
									"elderName": "王伟东",
									"employeeId": "2020688543455690753",
									"employeeName": "滕昊达",
									"directiveId": "2021428428171845635",
									"directiveName": "巡视",
									"cycleTypeId": "1",
									"cycleType": "日常",
									"cycleValue": null,
									"previewFile": "2026/03/directive/护理类/睡眠照料/巡视/巡视(3)_1772784456351.png",
									"previewFileSmall": null,
									"mp3File": null,
									"mp4File": null,
									"serviceDuration": "15",
									"serviceContent": "巡视中.避免说话.走路轻.",
									"timeoutDuration": "94",
									"packageId": null,
									"packageName": null,
									"izPackage": "N",
									"tollPrice": null,
									"comPrice": null,
									"realComPrice": null,
									"startTime": "2026-03-12 16:20:00",
									"endTime": "2026-03-12 16:35:00",
									"startTimeStr": null,
									"endTimeStr": null,
									"beginEmp": null,
									"beginTime": null,
									"finishEmp": null,
									"finishTime": null,
									"izStart": "N",
									"izFinish": "N",
									"initiatorId": null,
									"initiatorName": null,
									"createEmp": null,
									"createTime": "2026-03-12 16:18:01",
									"updateEmp": null,
									"updateTime": null,
									"delFlag": "0",
									"remarks": null,
									"workType": null,
									"triggerMode": null,
									"infoList": null,
									"executeStatus": null,
									"manuallyPicPath": null,
									"manuallyMp4Path": null,
									"immediateFile": null,
									"immediateFileFocus": null,
									"flag": false,
									"servebao": []
								}
							],
				dotStyle: false,
				towerStart: 0,
				direction: ''
			};
		},
		methods:{
			cardSwiper(e) {
				this.cardCur = e.detail.current
			},
		}
	}
</script>

<style lang="less" scoped>
swiper .a-swiper-dot {
	display: inline-block;
	width: 16upx;
	height: 16upx;
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	vertical-align: middle;
}

swiper[class*="-dot"] .wx-swiper-dots,
swiper[class*="-dot"] .a-swiper-dots,
swiper[class*="-dot"] .uni-swiper-dots {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}

swiper.square-dot .wx-swiper-dot,
swiper.square-dot .a-swiper-dot,
swiper.square-dot .uni-swiper-dot {
	background-color: #ffffff;
	opacity: 0.4;
	width: 10upx;
	height: 10upx;
	border-radius: 20upx;
	margin: 0 8upx !important;
}

swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
	opacity: 1;
	width: 30upx;
}

swiper.round-dot .wx-swiper-dot,
swiper.round-dot .a-swiper-dot,
swiper.round-dot .uni-swiper-dot {
	width: 10upx;
	height: 10upx;
	position: relative;
	margin: 4upx 8upx !important;
}

swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
	content: "";
	position: absolute;
	width: 10upx;
	height: 10upx;
	top: 0upx;
	left: 0upx;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #ffffff;
	border-radius: 20upx;
}

swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
	width: 18upx;
	height: 18upx;
}

.screen-swiper {
	min-height: 375upx;
}

.screen-swiper image,
.screen-swiper video,
.swiper-item image  {
	width: 100%;
	display: block;
	height: 100%;
	margin: 0;
	pointer-events: none;
}

.card-swiper {
	width: 38vw;
	height: 23.5vw !important;
}

.card-swiper swiper-item {
	width: 620upx !important;
	left: 100upx;
	box-sizing: border-box;
	overflow: initial;
}

.card-swiper swiper-item .swiper-item {
	width: 100%;
	display: block;
	height: 100%;
	border-radius: 20px;
	transform: scale(0.9);
	transition: all 0.2s ease-in 0s;
	overflow: hidden;
	background: #f6f9ff;
}

.card-swiper swiper-item.cur .swiper-item {
	transform: none;
	transition: all 0.2s ease-in 0s;
}


.tower-swiper {
	height: 420upx;
	position: relative;
	max-width: 750upx;
	overflow: hidden;
}

.tower-swiper .tower-item {
	position: absolute;
	width: 300upx;
	height: 380upx;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	transition: all 0.2s ease-in 0s;
	opacity: 1;
}

.tower-swiper .tower-item.none {
	opacity: 0;
}

.tower-swiper .tower-item .swiper-item {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
</style>
