diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9f30626..70cf0cf 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -226,7 +226,7 @@
 			<view class="right-container-sec">
 				<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
 					<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
-					<div class="right-container-left-font">医疗类</div>
+					<div class="right-container-left-font" @click="showPopupsec">医疗类</div>
 					<view class="right-container-fir-left-carousel">
 						<view class="carousel">
 							<view class="dots">
@@ -347,7 +347,7 @@
 						<div class="right-container-fir-left-card-flex-sec">
 							<image class="right-container-fir-left-card-flex-sec-img"
 								:src="`/static/index/baojielei.png`" />
-							<div class="right-container-fir-left-card-flex-sec-font">保洁类</div>
+							<div class="right-container-fir-left-card-flex-sec-font" @click="showPopupthi">保洁类</div>
 
 							<image class="right-container-fir-left-card-flex-sec-imgright-fir"
 								:src="`/static/index/baojieleft.png`" />
@@ -369,22 +369,17 @@
 												为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成
 											</view>
 											<view class="time-people-two">
-
 												<image class="time-people-img"
 													:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
 												<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
 													单人执行
 												</text>
-
-
 												<image class="time-people-img"
 													:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
 												<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
 													王金福 / 李贵田
 												</text>
-
 											</view>
-
 											<view class="time-button-view">
 												<view class="time-button-start">
 													开始服务
@@ -416,19 +411,21 @@
 					</view>
 				</view>
 			</view>
-			<!-- 弹出层 -->
-			<view v-show="isPopupVisible" class="popup-overlay" @click="closePopup">
+			<!-- 弹出层左上角 -->
+			<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup">
 				<view class="popup-overlay-content" @click.stop
 					:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
 					<view class="right-container-fir-left-nav-open">
 						<view :class="darkFans?`right-container-fir-left-card-dark`:`right-container-fir-left-card`">
 							<image class="right-container-fir-left-card-hulilei" :src="`/static/index/hulilei.png`" />
 							<div class="right-container-fir-left-card-hulilei-font" @click="closePopup">护理类</div>
-							<image v-if="darkFans" class="card-upfaguang" :style="isPopupVisiblefiropen?{top:`680rpx`}:`{}`" :src="`/static/index/cardbgc/uplight.png`" />
+							<image v-if="darkFans" class="card-upfaguang"
+								:style="isPopupVisiblefiropen?{top:`680rpx`}:`{}`"
+								:src="`/static/index/cardbgc/uplight.png`" />
 							<view class="right-container-fir-left-card-main">
 								<swiper :current="firstcurrentIndexup" class="swiper savehundred" circular
 									:indicator-dots="false" :vertical="true" disable-touch>
-									<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
+									<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index" style="margin-top: 30rpx;">
 										<view class="right-container-fir-left-card-flex">
 											<view class="uni-margin-wrap-fir">
 
@@ -442,24 +439,24 @@
 															<view class="right-container-fir-left-card-zhixing"
 																:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
 																<div class="right-container-fir-left-card-zhixing-font"
-																	:style="isPopupVisiblefiropen?{fontSize:`30rpx`}:`{}`">
+																	:style="isPopupVisiblefiropen?{top:`43rpx`,left:`20rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
 																	待执行
 																</div>
 															</view>
 															<image class="right-container-fir-left-card-img"
 																:style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:`{}`"
-																:src="`/static/index/teeth.png`"  @click="closePopup" />
+																:src="`/static/index/teeth.png`" @click="closePopup" />
 															<view class="right-container-fir-left-card-main-laba-video">
 																<image class="right-container-fir-left-card-main-laba"
-																	:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`"
+																	:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`"
 																	:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
 																<text
-																	:style="isPopupVisiblefiropen?{fontSize:`42rpx`}:`{}`"
+																	:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
 																	:class="darkFans?`right-container-fir-left-card-main-font-dark`:`right-container-fir-left-card-main-font`">
 																	准备洁具（口腔）
 																</text>
 																<image class="right-container-fir-left-card-main-video"
-																	:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`"
+																	:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`"
 																	:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
 															</view>
 														</view>
@@ -472,7 +469,7 @@
 																10:00 - 10:10
 															</view>
 															<view :class="darkFans?`time-text-dark`:`time-text`"
-																:style="isPopupVisiblefiropen?{fontSize:`60rpx`,lineHeight: `70rpx`,width: `800rpx`}:`{}`">
+																:style="isPopupVisiblefiropen?{fontSize:`45rpx`,lineHeight: `70rpx`,width: `800rpx`,marginTop:`50rpx`,marginBottom:`50rpx`}:`{}`">
 																为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成
 															</view>
 															<view class="time-people-two"
@@ -501,12 +498,12 @@
 
 															<view class="time-button-view">
 																<view class="time-button-start"
-																	:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`}:`{}`">
+																	:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
 																	开始服务
 																</view>
 																<view
 																	:class="darkFans?`time-button-end-dark`:`time-button-end`"
-																	:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`}:`{}`">
+																	:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
 																	服务结束
 																</view>
 															</view>
@@ -526,17 +523,17 @@
 								<view class="right-huli-sec">
 									<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
 									<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
-										class="right-huli-view">
-										<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis">
+										class="right-huli-view"  :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
+										<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis" :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
 											<image class="right-huli-img" :src="item.url" />
 											<text class="right-huli-text">{{item.name}}</text>
 										</view>
 									</scroll-view>
 									<!-- 暗黑模式 -->
 									<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
-										class="right-huli-view">
+										class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`" >
 										<view v-for="(item,index) in huliListDark" :key="index"
-											class="right-huli-view-dis">
+											class="right-huli-view-dis" :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
 											<image class="right-huli-img" :src="item.url" />
 											<text class="right-huli-text-dark">{{item.name}}</text>
 										</view>
@@ -548,6 +545,219 @@
 					</view>
 				</view>
 			</view>
+			<!-- 弹出层左上角结束 -->
+			<!-- 弹出层左下角 -->
+			<view v-if="isPopupVisiblesec" class="popup-overlay" @click="closePopupsec">
+				<view class="popup-overlay-content" @click.stop
+					:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
+					<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
+						<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
+						<div class="right-container-left-font" @click="closePopupsec">医疗类</div>
+						<image v-if="darkFans" class="card-upfaguang-down" :src="`/static/index/cardbgc/uplight.png`" />
+						<swiper class="swiper savehundred" circular :indicator-dots="false" :vertical="true"
+							disable-touch>
+							<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
+								<div class="right-container-fir-left-card-flex-sec">
+									<view class="uni-margin-wrap">
+										<swiper class="swiper" circular :indicator-dots="false" disable-touch>
+											<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]"
+												:key="index">
+												<div class="right-container-left-font-spec"
+													:style="isPopupVisiblefiropensec?{top:`100rpx`,left:`900rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
+													进行中
+												</div>
+												<view class="time-tra-sec"
+													:style="isPopupVisiblefiropensec?{width:`800rpx`,marginTop:`0`,marginLeft:`120rpx`}:`{}`">
+													<view :style="isPopupVisiblefiropensec?{fontSize:`120rpx`}:`{}`"
+														:class="darkFans?`time-font-dark`:`time-font`">
+														10:00 - 10:10
+													</view>
+													<view
+														:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															医嘱:药品
+														</text>
+													</view>
+													<view
+														:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															处置:肌肉注射
+														</text>
+													</view>
+													<view
+														:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															用药:抗生素类
+														</text>
+													</view>
+													<view
+														:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															执行:周期一日执行一次
+														</text>
+													</view>
+													<view
+														:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															单人执行
+														</text>
+														<image class="time-people-img"
+															:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
+														<text
+															:class="darkFans?`time-people-font-dark`:`time-people-font`">
+															赵宇
+														</text>
+													</view>
+													<view class="time-button-view" :style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
+														<view class="time-button-start"
+															:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
+															开始服务
+														</view>
+														<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
+															:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
+															服务结束
+														</view>
+													</view>
+												</view>
+												<view
+													:class="isPopupVisiblefiropensec?`right-container-photo-change`:`right-container-photo`">
+													<image class="right-container-photo-img"
+														:src="`/static/index/yiliao/project2.png`" />
+													<text
+														:class="darkFans?`right-container-photo-text-dark`:`right-container-photo-text`">
+														脑膜炎(1/2)
+													</text>
+												</view>
+											</swiper-item>
+										</swiper>
+									</view>
+								</div>
+							</swiper-item>
+						</swiper>
+						<view class="split-line-white-sec">
+							<image v-if="darkFans" class="split-line-white-img"
+								:src="`/static/index/cardbgc/leftlight.png`" />
+						</view>
+						<view class="right-huli-fir" :style="isPopupVisiblefiropensec?{width:`350rpx`}:`{}`">
+							<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
+							<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
+								class="right-huli-view">
+								<view v-for="(item,index) in mediumList" :key="index" class="right-huli-view-dis">
+									<image class="right-huli-img" :src="item.url" />
+									<text class="right-huli-text">{{item.name}}</text>
+									<div class="progress-bar-container" v-show="item.number !== 0">
+										<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
+									</div>
+								</view>
+							</scroll-view>
+							<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
+								class="right-huli-view">
+								<view v-for="(item,index) in mediumListdark" :key="index" class="right-huli-view-dis">
+									<image class="right-huli-img" :src="item.url" />
+									<text class="right-huli-text-dark">{{item.name}}</text>
+									<div class="progress-bar-container" v-show="item.number !== 0">
+										<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
+									</div>
+								</view>
+							</scroll-view>
+							<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 弹出层左下角结束 -->
+			<!-- 弹出层右下角 -->
+			<view v-if="isPopupVisiblethi" class="popup-overlay" @click="closePopupthi">
+				<view class="popup-overlay-content" @click.stop
+					:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
+					<view class="right-container-right-father"
+						:style="darkFans ? { backgroundColor: 'rgb(17, 45, 74)', backgroundImage :`none` } : {backgroundImage:`url('/static/index/mountain.png')`,backgroundPosition: `60% 50%`}">
+						<view class="right-container-right-down-father" >
+							<div class="right-container-fir-left-card-flex-sec" >
+								<image class="right-container-fir-left-card-flex-sec-img"
+									:src="`/static/index/baojielei.png`" />
+								<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
+								</div>
+								<view class="uni-margin-wrap" :style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`">
+									<div class="swiper" circular :indicator-dots="false" disable-touch>
+										<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
+											<view class="time-tra-thi-open"
+												:style="isPopupVisiblefiropenthi?{width:`800rpx`}:`{}`">
+												<view class="time-tra-thi-zhixing">
+													<div class="time-tra-thi-zhixing-font"
+														:style="isPopupVisiblefiropenthi?{top:`90rpx`,left:`200rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
+														待执行
+													</div>
+												</view>
+												<view :class="darkFans?`time-font-dark`:`time-font`"
+													:style="isPopupVisiblefiropenthi?{fontSize:`100rpx`}:`{}`">
+													10:00 - 10:10
+												</view>
+												<view :class="darkFans?`time-text-dark`:`time-text`"
+													:style="isPopupVisiblefiropenthi?{width:`800rpx`,fontSize:`45rpx`,marginTop:`100rpx`,lineHeight:`60rpx`}:`{}`">
+													为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成
+												</view>
+												<view class="time-people-two"
+													:style="isPopupVisiblefiropenthi?{marginTop:`100rpx`,marginBottom:`100rpx`}:`{}`">
+													<image class="time-people-img"
+														:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
+														:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
+													<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
+														:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
+														单人执行
+													</text>
+													<image class="time-people-img"
+														:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
+														:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
+													<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
+														:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
+														王金福 / 李贵田
+													</text>
+												</view>
+												<view class="time-button-view">
+													<view class="time-button-start"
+														:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
+														开始服务
+													</view>
+													<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
+														:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
+														服务结束
+													</view>
+												</view>
+											</view>
+											<view
+												:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`">
+												<image class="time-tra-thi-photo-img" style="margin-top: 150rpx;margin-left: -80rpx;"
+													:src="`/static/index/project3.png`" />
+												<text
+													:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
+													更换纸尿裤
+												</text>
+											</view>
+										</div>
+									</div>
+								</view>
+							</div>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 右下角结束 -->
 		</view>
 	</view>
 </template>
@@ -555,14 +765,29 @@
 <script setup lang="ts">
 	import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
 
-	//点击后动画效果
+	//点击后动画效果（左上角）
 	const isPopupVisible = ref(false);
 	const widthCom = ref(1320);
-	const heightCom = ref(530);
+	const heightCom = ref(540);
 	const topCom = ref(150);
 	const leftCom = ref(233);
 	const isPopupVisiblefiropen = ref(false);
 
+	//点击后动画效果（左下角）
+	const isPopupVisiblesec = ref(false);
+	const widthComsec = ref(1150);
+	const heightComsec = ref(630);
+	const topComsec = ref(730);
+	const leftComsec = ref(233);
+	const isPopupVisiblefiropensec = ref(false);
+
+	//点击后动画效果（右下角）
+	const isPopupVisiblethi = ref(false);
+	const widthComthi = ref(880);
+	const heightComthi = ref(630);
+	const topComthi = ref(730);
+	const leftComthi = ref(1420);
+	const isPopupVisiblefiropenthi = ref(false);
 	// 定义响应式数据现在时间
 	const currentTime = ref('');
 	const fullDate = ref('');
@@ -606,13 +831,13 @@
 	const huliList = ref<huliListType[]>([
 		{ url: '/static/index/hulilist/zhuandan.png', name: "转单执行" },
 		{ url: '/static/index/hulilist/xiezhu.png', name: "协助执行" },
-		// { url: '/static/index/hulilist/zhongdian.png', name: "重点追踪" },
+		{ url: '/static/index/hulilist/zhongdian.png', name: "重点追踪" },
 	]);
 	// 初始化第一个卡片列表 暗黑模式
 	const huliListDark = ref<huliListType[]>([
 		{ url: '/static/index/darkicon/zhuandandark.png', name: "转单执行" },
 		{ url: '/static/index/darkicon/xiezhudark.png', name: "协助执行" },
-		// { url: '/static/index/darkicon/zhongdiandark.png', name: "重点追踪" },
+		{ url: '/static/index/darkicon/zhongdiandark.png', name: "重点追踪" },
 	]);
 	// 初始化第二排第一个卡片列表
 	const mediumList = ref<medType[]>([
@@ -716,7 +941,7 @@
 	const gotoLogin = () => {
 	}
 
-	//动画的点击触发
+	//动画的点击触发（左上角）
 
 	const showPopup = () => {
 		isPopupVisible.value = true;
@@ -730,13 +955,52 @@
 	}
 	const closePopup = () => {
 		widthCom.value = 1320;
-		heightCom.value = 530;
+		heightCom.value = 540;
 		topCom.value = 150;
 		leftCom.value = 233;
 		isPopupVisiblefiropen.value = false;
 		isPopupVisible.value = false;
 	}
+	//动画的点击触发（左下角）
 
+	const showPopupsec = () => {
+		isPopupVisiblesec.value = true;
+		setTimeout(() => {
+			widthComsec.value = 1800;
+			heightComsec.value = 960;
+			topComsec.value = 400;
+			leftComsec.value = 233;
+			isPopupVisiblefiropensec.value = true;
+		}, 100)
+	}
+	const closePopupsec = () => {
+		widthComsec.value = 1150;
+		heightComsec.value = 630;
+		topComsec.value = 730;
+		leftComsec.value = 233;
+		isPopupVisiblefiropensec.value = false;
+		isPopupVisiblesec.value = false;
+	}
+	//动画的点击触发（右下角）
+
+	const showPopupthi = () => {
+		isPopupVisiblethi.value = true;
+		setTimeout(() => {
+			widthComthi.value = 1680;
+			heightComthi.value = 960;
+			topComthi.value = 400;
+			leftComthi.value = 620;
+			isPopupVisiblefiropenthi.value = true;
+		}, 100)
+	}
+	const closePopupthi = () => {
+		widthComthi.value = 880;
+		heightComthi.value = 630;
+		topComthi.value = 730;
+		leftComthi.value = 1420;
+		isPopupVisiblefiropenthi.value = false;
+		isPopupVisiblethi.value = false;
+	}
 	// 生命周期钩子
 	onMounted(() => {
 		updateTime();
@@ -778,6 +1042,7 @@
 		height: 100vh;
 
 		.right-container-sec {
+
 			width: 100%;
 			display: flex;
 			position: relative;
@@ -863,6 +1128,7 @@
 				// justify-content: center;
 				flex-direction: column;
 				box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
+				overflow: hidden;
 
 				.uni-margin-wrap {
 					margin-top: 200rpx;
@@ -907,6 +1173,7 @@
 							font-size: 32rpx;
 							margin-right: 25rpx;
 							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+							transition: all 0.4s ease-in-out;
 						}
 
 						.time-button-end {
@@ -919,6 +1186,7 @@
 							align-items: center;
 							font-size: 32rpx;
 							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+							transition: all 0.4s ease-in-out;
 						}
 
 						.time-button-end-dark {
@@ -931,6 +1199,7 @@
 							font-size: 32rpx;
 							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
 							background: linear-gradient(to top, #6B87BA, #FFFFFF);
+							transition: all 0.4s ease-in-out;
 							/* 渐变从下到上 */
 						}
 
@@ -1288,25 +1557,28 @@
 						align-items: center;
 						flex-direction: column;
 						width: 100%;
-						height: 150rpx;
+						height: 170rpx;
 
 						.right-huli-img {
-							width: 70rpx;
-							height: 70rpx;
+
+							width: 80rpx;
+							height: 80rpx;
 						}
 
 						.right-huli-text {
 							width: 100%;
 							height: 10rpx;
-							font-size: 25rpx;
+							font-size: 35rpx;
 							text-align: center;
+							margin-bottom: 5rpx;
 						}
 
 						.right-huli-text-dark {
 							width: 100%;
 							height: 10rpx;
-							font-size: 25rpx;
+							font-size: 35rpx;
 							text-align: center;
+							margin-bottom: 5rpx;
 							color: #fff;
 						}
 					}
@@ -1484,7 +1756,7 @@
 					display: flex;
 					// margin-top: 80rpx;
 					margin-left: 0rpx;
-
+					transition: all 0.4s ease-in-out;
 					.time-button-start {
 						width: 230rpx;
 						height: 80rpx;
@@ -1498,6 +1770,7 @@
 						font-size: 32rpx;
 						margin-right: 25rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
 					}
 
 					.time-button-end {
@@ -1510,6 +1783,7 @@
 						align-items: center;
 						font-size: 32rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
 					}
 
 					.time-button-end-dark {
@@ -1522,6 +1796,7 @@
 						font-size: 32rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
 						background: linear-gradient(to top, #6B87BA, #FFFFFF);
+						transition: all 0.4s ease-in-out;
 					}
 				}
 
@@ -1610,6 +1885,7 @@
 						font-size: 32rpx;
 						margin-right: 25rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
 					}
 
 					.time-button-end {
@@ -1622,6 +1898,7 @@
 						align-items: center;
 						font-size: 32rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
 					}
 
 					.time-button-end-dark {
@@ -1634,6 +1911,7 @@
 						font-size: 32rpx;
 						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
 						background: linear-gradient(to top, #6B87BA, #FFFFFF);
+						transition: all 0.4s ease-in-out;
 					}
 				}
 
@@ -1880,6 +2158,7 @@
 								font-size: 32rpx;
 								margin-right: 25rpx;
 								box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+								transition: all 0.4s ease-in-out;
 							}
 
 							.time-button-end {
@@ -1892,6 +2171,7 @@
 								align-items: center;
 								font-size: 32rpx;
 								box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+								transition: all 0.4s ease-in-out;
 							}
 
 							.time-button-end-dark {
@@ -1904,6 +2184,7 @@
 								font-size: 32rpx;
 								box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
 								background: linear-gradient(to top, #6B87BA, #FFFFFF);
+								transition: all 0.4s ease-in-out;
 								/* 渐变从下到上 */
 							}
 						}
@@ -1938,6 +2219,7 @@
 							-webkit-background-clip: text;
 							color: transparent;
 							font-weight: 700;
+							transition: all 0.4s ease-in-out;
 						}
 
 						.time-font-dark {
@@ -1948,6 +2230,7 @@
 							-webkit-background-clip: text;
 							color: transparent;
 							font-weight: 700;
+							transition: all 0.4s ease-in-out;
 						}
 
 						.time-text {
@@ -1957,6 +2240,7 @@
 							width: 530rpx;
 							margin-bottom: 40rpx;
 							line-height: 40rpx;
+							transition: all 0.4s ease-in-out;
 						}
 
 						.time-text-dark {
@@ -1966,6 +2250,7 @@
 							width: 530rpx;
 							margin-bottom: 40rpx;
 							line-height: 40rpx;
+							transition: all 0.4s ease-in-out;
 						}
 					}
 
@@ -2080,10 +2365,9 @@
 				height: 548rpx;
 				border-radius: 40rpx;
 				border: 1rpx solid #fff;
-
 				background: url(/static/index/rightbgi.png);
 				background-size: cover;
-				box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
+				background-color: rgba(99, 115, 157, 0.1);
 			}
 
 			.right-container-fir-right-dark {
@@ -2428,7 +2712,6 @@
 		width: 500rpx;
 	}
 
-	.right-container-fir {}
 
 	.right-huli-sec {
 		margin-left: 7rpx;
@@ -2438,7 +2721,7 @@
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
-		// margin-left: -60rpx;
+		transition: all 0.4s ease-in-out;
 
 
 		.right-huli-view {
@@ -2453,13 +2736,13 @@
 			height: 450rpx;
 
 			.right-huli-view-dis {
-				height: 220rpx;
+				height: 150rpx;
 				display: flex;
 				justify-content: center;
 				align-items: center;
 				flex-direction: column;
 				width: 100%;
-
+				transition: all 0.4s ease-in-out;
 				.right-huli-img {
 					width: 90rpx;
 					height: 90rpx;
@@ -2469,15 +2752,15 @@
 					width: 100%;
 					height: 15rpx;
 					text-align: center;
-					font-size: 25rpx;
-					margin-top: 10rpx;
+					font-size: 35rpx;
+					// margin-top: 10rpx;
 				}
 
 				.right-huli-text-dark {
 					width: 100%;
 					height: 15rpx;
 					text-align: center;
-					font-size: 25rpx;
+					font-size: 35rpx;
 					color: #fff;
 					margin-top: 10rpx;
 				}
@@ -2515,6 +2798,7 @@
 		height: 100%;
 		position: relative;
 
+
 		.right-container-fir-left-card-flex-sec-img {
 			position: absolute;
 			top: 42rpx;
@@ -2658,13 +2942,15 @@
 		// height: 100%;
 		flex-direction: column;
 		// margin-left: -100rpx;
+		transition: all 0.4s ease-in-out;
 
 		.time-tra-thi-photo-img {
 			width: 330rpx;
 			height: 330rpx;
 			margin-top: -100rpx;
 			margin-left: -50rpx;
-			// margin-top: 200rpx
+			
+			transition: all 0.4s ease-in-out;
 		}
 
 		.time-tra-thi-photo-font {
@@ -2673,6 +2959,7 @@
 			text-overflow: ellipsis;
 			white-space: nowrap;
 			overflow: hidden;
+			transition: all 0.4s ease-in-out;
 		}
 
 		.time-tra-thi-photo-font-dark {
@@ -2682,6 +2969,47 @@
 			text-overflow: ellipsis;
 			white-space: nowrap;
 			overflow: hidden;
+			transition: all 0.4s ease-in-out;
+		}
+
+	}
+
+	.time-tra-thi-photo-change {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 510rpx;
+		// height: 550rpx;
+		margin-left: 160rpx;
+		// height: 100%;
+		flex-direction: column;
+		transition: all 0.4s ease-in-out;
+
+		.time-tra-thi-photo-img {
+			width: 500rpx;
+			height: 500rpx;
+			margin-top: -100rpx;
+			margin-left: -50rpx;
+			transition: all 0.4s ease-in-out;
+		}
+
+		.time-tra-thi-photo-font {
+			font-size: 40rpx;
+			margin-right: 50rpx;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			overflow: hidden;
+			transition: all 0.4s ease-in-out;
+		}
+
+		.time-tra-thi-photo-font-dark {
+			color: #CDD6EA;
+			font-size: 40rpx;
+			margin-right: 50rpx;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			overflow: hidden;
+			transition: all 0.4s ease-in-out;
 		}
 
 	}
@@ -2702,11 +3030,11 @@
 
 		.popup-overlay-content {
 			position: absolute;
-			// background-color: rgba(255, 255, 255, 1);
+			background-color: rgba(255, 255, 255, 1);
 			border-radius: 50rpx;
 			transition: width 0.4s ease-in-out, height 0.4s ease-in-out, top 0.4s ease-in-out, left 0.4s ease-in-out;
 
-			/* 修正了 transition 语法 */
+			/* 修正了 transition 语法  左上角*/
 			.right-container-fir-left-nav-open {
 				width: 100%;
 				height: 100%;
@@ -2733,7 +3061,7 @@
 					height: 100%;
 					border-radius: 45rpx;
 					border: 1rpx solid #fff;
-					background-color: rgba(201, 221,244, 1);
+					background-color: rgba(201, 221, 244, 1);
 					/* 白色背景透明度为 10% */
 					// background-color: rgba(99, 115, 157, 1);
 					/* 白色背景透明度为 10% */
@@ -2795,7 +3123,7 @@
 
 							.swiper-item-flex {
 								display: flex;
-								margin-top: 30rpx;
+								// margin-top: 30rpx;
 								z-index: 10;
 							}
 
@@ -2821,7 +3149,7 @@
 					.time-tra-fir {
 						margin-top: 40rpx;
 						margin-left: 30rpx;
-
+						transition: all 0.4s ease-in-out;
 						.time-people-two {
 							display: flex;
 							transition: all 0.4s ease-in-out;
@@ -2880,7 +3208,7 @@
 						.time-people-fir {
 							display: flex;
 							margin-right: 20rpx;
-
+							
 							.time-people-img {
 								width: 42rpx;
 								height: 42rpx;
@@ -2948,8 +3276,8 @@
 
 					.right-container-fir-left-card-card {
 						display: flex;
-						justify-content: center;
-						align-items: center;
+						// justify-content: center;
+						// align-items: center;
 						flex-direction: column;
 						position: relative;
 						// margin-top: 20rpx;
@@ -3046,6 +3374,943 @@
 					z-index: 10;
 				}
 			}
+
+			//左下角
+
+
+			.right-container-left-font-spec {
+				position: absolute;
+				top: 180rpx;
+				left: 580rpx;
+				width: 100rpx;
+				height: 40rpx;
+				font-size: 25rpx;
+				border-radius: 5rpx;
+				color: #fff;
+				z-index: 10;
+				background-color: rgb(52, 198, 120);
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				transition: all 0.4s ease-in-out;
+			}
+
+			.right-container-right-father {
+
+				width: 100%;
+				height: 100%;
+				border-radius: 35rpx;
+				border: 1rpx solid #fff;
+				background-color: rgba(200, 216, 238, 0.8);
+				// background-image: url('/static/index/mountain.png');
+				background-position: 60% 50%;
+				/* 背景颜色 #f4f9ff，透明度 70% */
+				position: relative;
+				display: flex;
+				// justify-content: center;
+				flex-direction: column;
+				box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
+				overflow: hidden;
+
+				.uni-margin-wrap {
+					margin-top: 200rpx;
+					// width: 1200rpx;
+					width: 100%;
+
+					.swiper {
+						height: 900rpx;
+
+						.swiper-item-flex {
+							display: flex;
+						}
+
+						.swiper-item {
+							display: block;
+							height: 300rpx;
+							line-height: 300rpx;
+							text-align: center;
+						}
+					}
+				}
+
+				.time-tra-next {
+					height: 100%;
+					width: 700rpx;
+
+					.time-button-view-fin {
+						display: flex;
+						margin-top: 50rpx;
+						margin-left: -50rpx;
+
+						.time-button-start {
+							width: 220rpx;
+							height: 80rpx;
+							border-radius: 50rpx;
+							background: linear-gradient(to top, #047ADB, #0EA7DD);
+							border-left: 2rpx solid #fff;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							color: #fff;
+							font-size: 32rpx;
+							margin-right: 25rpx;
+							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						}
+
+						.time-button-end {
+							width: 220rpx;
+							height: 80rpx;
+							border-radius: 50rpx;
+							background-color: #fff;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							font-size: 32rpx;
+							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						}
+
+						.time-button-end-dark {
+							width: 220rpx;
+							height: 80rpx;
+							border-radius: 50rpx;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							font-size: 32rpx;
+							box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+							background: linear-gradient(to top, #6B87BA, #FFFFFF);
+							/* 渐变从下到上 */
+						}
+
+					}
+
+					.time-people {
+						display: flex;
+						margin-bottom: 20rpx;
+
+						.time-people-img {
+							width: 42rpx;
+							height: 42rpx;
+							margin-right: 5rpx;
+							// margin-left: 50rpx;
+						}
+
+						.time-people-font {
+							// color: #586787;
+							font-size: 30rpx;
+							margin-right: 90rpx;
+						}
+
+						.time-people-font-dark {
+							color: #CDD6EA;
+							font-size: 30rpx;
+							margin-right: 90rpx;
+						}
+					}
+
+					.time-font {
+						font-size: 65rpx;
+						margin-top: 50rpx;
+						margin-bottom: 10rpx;
+						font-weight: 700;
+						background: linear-gradient(to bottom, #7080A1, #263556);
+						-webkit-background-clip: text;
+						color: transparent;
+					}
+
+					.time-font-dark {
+						font-size: 65rpx;
+						margin-top: 50rpx;
+						margin-bottom: 10rpx;
+						background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+						-webkit-background-clip: text;
+						color: transparent;
+						font-weight: 700;
+					}
+
+					.time-text {
+						margin-left: 10rpx;
+						// color: #364464;
+						font-size: 70rpx;
+						font-weight: 700;
+						width: 800rpx;
+						margin-bottom: 50rpx;
+						line-height: 70rpx;
+						position: relative;
+
+						.time-text-img {
+							position: absolute;
+							top: 0;
+							left: 300rpx;
+							width: 80rpx;
+							height: 80rpx;
+						}
+					}
+				}
+
+				.right-container-right-down-father {
+					// margin-left: 5%;
+					width: 100%;
+					height: 560rpx;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					transition: all 0.4s ease-in-out;
+					.right-container-right-down-left {
+						height: 50rpx;
+						width: 50rpx;
+						margin-top: -150rpx;
+					}
+
+					.right-container-right-down-card-dark {
+						margin-left: 50rpx;
+						margin-top: 60rpx;
+						width: 763rpx;
+						height: 430rpx;
+						border-radius: 40rpx;
+						position: relative;
+						display: flex;
+						box-shadow: 2rpx 0 0 2rpx;
+						background-color: rgb(22, 48, 76);
+
+						// background-image: url('/static/index/cardbgc/newbgc.png');
+						// background-position: 50% 60%;
+						border: 2rpx solid #fff;
+
+
+						.right-container-right-down-card-line {
+							width: 1px;
+							/* 线条的宽度 */
+							height: 200rpx;
+							/* 高度占满父容器 */
+							background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
+							margin-left: -20rpx;
+							margin-right: 30rpx;
+							margin-top: 100rpx;
+						}
+
+						.right-container-right-down-card-card {
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							flex-direction: column;
+							width: 450rpx;
+							position: relative;
+
+							.right-container-right-down-card-card-type {
+								position: absolute;
+								top: 0rpx;
+								left: -25rpx;
+								width: 250rpx;
+								height: 80rpx;
+							}
+
+							.right-container-right-down-card-card-font {
+								position: absolute;
+								top: 15rpx;
+								left: 65rpx;
+								font-size: 35rpx;
+								color: #414F6E;
+							}
+
+							.right-container-right-down-card-card-font-dark {
+								position: absolute;
+								top: 15rpx;
+								left: 65rpx;
+								font-size: 35rpx;
+								color: #fff;
+							}
+
+							.right-container-right-down-card-img {
+								width: 230rpx;
+								height: 200rpx;
+								margin-top: 30rpx;
+							}
+
+							.right-container-right-down-card-font {
+								font-size: 35rpx;
+								margin-top: 30rpx;
+							}
+
+							.right-container-right-down-card-font-dark {
+								font-size: 35rpx;
+								color: #fff;
+								margin-top: 30rpx;
+							}
+						}
+					}
+
+					.right-container-right-down-card {
+						margin-left: 50rpx;
+						margin-top: 60rpx;
+						width: 763rpx;
+						height: 430rpx;
+						border-radius: 40rpx;
+						position: relative;
+						display: flex;
+						border: 1rpx solid black;
+						box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
+
+						.right-container-right-down-card-line {
+							width: 1px;
+							/* 线条的宽度 */
+							height: 200rpx;
+							/* 高度占满父容器 */
+							background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
+							margin-left: -20rpx;
+							margin-right: 30rpx;
+							margin-top: 100rpx;
+						}
+
+						.right-container-right-down-card-card {
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							flex-direction: column;
+							width: 450rpx;
+							position: relative;
+
+							.right-container-right-down-card-card-type {
+								position: absolute;
+								top: 0rpx;
+								left: -25rpx;
+								width: 250rpx;
+								height: 80rpx;
+							}
+
+							.right-container-right-down-card-card-font {
+								position: absolute;
+								top: 15rpx;
+								left: 65rpx;
+								font-size: 35rpx;
+								color: #414F6E;
+							}
+
+							.right-container-right-down-card-img {
+								width: 230rpx;
+								height: 200rpx;
+								margin-top: 30rpx;
+							}
+
+							.right-container-right-down-card-font {
+								font-size: 35rpx;
+								margin-top: 30rpx;
+							}
+
+							.right-container-right-down-card-font-dark {
+								font-size: 50rpx;
+								color: #fff;
+								margin-top: 30rpx;
+							}
+						}
+					}
+
+					.right-container-right-down-right {
+						height: 50rpx;
+						width: 50rpx;
+						margin-top: -150rpx;
+					}
+				}
+
+				// align-items: center;
+				.right-container-right-title {
+					width: 100%;
+					height: 170rpx;
+					position: relative;
+
+					.right-container-right-text {
+						line-height: 130rpx;
+						font-size: 40rpx;
+						font-weight: 600;
+						margin-left: 60rpx;
+					}
+
+					.right-container-right-text-dark {
+						line-height: 130rpx;
+						font-size: 40rpx;
+						font-weight: 600;
+						margin-left: 60rpx;
+						color: #fff;
+					}
+
+					.right-container-right-img {
+						position: absolute;
+						top: 60rpx;
+						right: 50rpx;
+						width: 50rpx;
+						height: 15rpx;
+					}
+				}
+			}
+
+			.right-container-left {
+				width: 100%;
+				height: 100%;
+				border-radius: 45rpx;
+				border: 1rpx solid #fff;
+				// background-color: rgba(203, 219, 238, 0.8);
+				/* 背景颜色 #f4f9ff，透明度 70% */
+				position: relative;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				background-color: rgba(201, 221, 244, 1);
+				/* 白色背景透明度为 10% */
+				background-image: url('/static/index/mountain.png');
+				background-position: 70% 45%;
+				overflow: hidden;
+				box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
+				// box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
+				/* 背景图片从左上角25%和30%的位置开始 */
+			}
+
+			.right-container-left-dark {
+				width: 100%;
+				height: 100%;
+				border-radius: 45rpx;
+				border: 1rpx solid #fff;
+				background-color: rgb(22, 48, 76);
+				/* 背景颜色 #f4f9ff，透明度 70% */
+				position: relative;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				overflow: hidden;
+			}
+
+			.uni-margin-wrap {
+				width: 100%;
+				transition: all 0.4s ease-in-out;
+				// width: 100%;
+
+				.swiper {
+					height: 800rpx;
+
+					.swiper-item-flex {
+						display: flex;
+						position: relative;
+					}
+
+					.swiper-item {
+						display: block;
+						height: 300rpx;
+						line-height: 300rpx;
+						text-align: center;
+					}
+				}
+			}
+
+			.right-container-fir-left-card-main-right {
+				height: 50rpx;
+				width: 50rpx;
+				margin-right: 10rpx;
+				// margin-left: 10rpx;
+				z-index: 11;
+			}
+
+			.right-huli-fir {
+				width: 250rpx;
+				height: 100%;
+				// background-color: #047ADB;
+				margin-top: 0rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				transition: all 0.4s ease-in-out;
+
+
+				.right-huli-view {
+					margin-left: 8rpx;
+					height: 750rpx;
+					// background-color: #047ADB;
+					overflow: auto;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					flex-direction: column;
+					box-sizing: border-box;
+
+					.right-huli-view-dis {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						flex-direction: column;
+						width: 100%;
+						height: 170rpx;
+
+						.right-huli-img {
+
+							width: 80rpx;
+							height: 80rpx;
+						}
+
+						.right-huli-text {
+							width: 100%;
+							height: 10rpx;
+							font-size: 35rpx;
+							text-align: center;
+							margin-bottom: 5rpx;
+						}
+
+						.right-huli-text-dark {
+							width: 100%;
+							height: 10rpx;
+							font-size: 35rpx;
+							text-align: center;
+							margin-bottom: 5rpx;
+							color: #fff;
+						}
+					}
+				}
+
+				.right-huli-shang {
+					margin-top: 40rpx;
+					width: 30rpx;
+					height: 30rpx;
+				}
+
+				.right-huli-xia {
+					margin-bottom: 40rpx;
+					width: 30rpx;
+					height: 30rpx;
+				}
+			}
+
+			.right-container-photo {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				margin-left: 50rpx;
+				transition: all 0.4s ease-in-out;
+
+				.right-container-photo-img {
+					width: 310rpx;
+					height: 350rpx;
+					margin-bottom: 10rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.right-container-photo-text {
+					font-size: 30rpx;
+					color: #324160;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.right-container-photo-text-dark {
+					font-size: 30rpx;
+					background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+					-webkit-background-clip: text;
+					color: transparent;
+					transition: all 0.4s ease-in-out;
+				}
+			}
+
+			.right-container-photo-change {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				margin-left: 90rpx;
+				transition: all 0.4s ease-in-out;
+
+				.right-container-photo-img {
+					width: 510rpx;
+					height: 550rpx;
+					margin-bottom: 10rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.right-container-photo-text {
+					font-size: 40rpx;
+					color: #324160;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.right-container-photo-text-dark {
+					font-size: 40rpx;
+					background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+					-webkit-background-clip: text;
+					color: transparent;
+					transition: all 0.4s ease-in-out;
+				}
+			}
+
+			.right-container-fir-left-card-main-left {
+				height: 50rpx;
+				width: 50rpx;
+				// margin-right: 22rpx;
+				margin-left: 30rpx;
+			}
+
+			.right-container-left-type {
+				position: absolute;
+				top: 42rpx;
+				left: -15rpx;
+				width: 235rpx;
+				height: 73rpx;
+				z-index: 10;
+			}
+
+			.right-container-left-font {
+				position: absolute;
+				top: 51rpx;
+				left: 50rpx;
+				font-size: 36rpx;
+				color: #fff;
+				z-index: 10;
+			}
+
+			.time-tra-thi-open {
+				margin-left: 80rpx;
+				margin-top: 70rpx;
+				height: 100%;
+				width: 550rpx;
+				position: relative;
+				transition: all 0.4s ease-in-out;
+
+				.time-text {
+					margin-left: 10rpx;
+					// color: #586787;
+					font-size: 35rpx;
+					width: 450rpx;
+					margin-bottom: 40rpx;
+					line-height: 40rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-text-dark {
+					margin-left: 10rpx;
+					color: #CDD6EA;
+					font-size: 35rpx;
+					width: 450rpx;
+					margin-bottom: 40rpx;
+					line-height: 40rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-tra-thi-zhixing {
+					position: absolute;
+					top: 75rpx;
+					left: 450rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-tra-thi-zhixing-font {
+					position: absolute;
+					top: 60rpx;
+					left: 10rpx;
+					width: 100rpx;
+					height: 40rpx;
+					font-size: 25rpx;
+					border-radius: 5rpx;
+					color: #fff;
+					z-index: 10;
+					background-color: rgb(243, 123, 91);
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-people-two {
+					display: flex;
+					margin-top: 40rpx;
+					margin-bottom: 40rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-people-img {
+					width: 42rpx;
+					height: 42rpx;
+					margin-right: 10rpx;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-people-font {
+					transition: all 0.4s ease-in-out;
+					font-size: 30rpx;
+					margin-right: 20rpx;
+				}
+
+				.time-people-font-dark {
+					transition: all 0.4s ease-in-out;
+					color: #CDD6EA;
+					font-size: 30rpx;
+					margin-right: 20rpx;
+				}
+
+				.time-people-thi {
+					display: flex;
+					// margin-bottom: 15rpx;
+
+					.time-people-img {
+						width: 42rpx;
+						height: 42rpx;
+						margin-right: 5rpx;
+						margin-left: 5rpx;
+					}
+
+					.time-people-font {
+						// color: #586787;
+						font-size: 30rpx;
+						margin-right: 20rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						// width: 300rpx;
+					}
+
+					.time-people-font-dark {
+						color: #CDD6EA;
+						font-size: 30rpx;
+						margin-right: 20rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+					}
+				}
+
+				.time-button-view {
+					display: flex;
+					// margin-top: 80rpx;
+					margin-left: 0rpx;
+					transition: all 0.4s ease-in-out;
+
+					.time-button-start {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
+						border-left: 2rpx solid #fff;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						color: #fff;
+						font-size: 32rpx;
+						margin-right: 25rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-button-end {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						background-color: #fff;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 32rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-button-end-dark {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 32rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						background: linear-gradient(to top, #6B87BA, #FFFFFF);
+						transition: all 0.4s ease-in-out;
+					}
+				}
+
+				.time-font {
+					font-size: 70rpx;
+					margin-top: 120rpx;
+					margin-bottom: 40rpx;
+					font-weight: 700;
+					background: linear-gradient(to bottom, #7080A1, #263556);
+					-webkit-background-clip: text;
+					color: transparent;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-font-dark {
+					font-size: 70rpx;
+					margin-top: 120rpx;
+					margin-bottom: 40rpx;
+					background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+					-webkit-background-clip: text;
+					color: transparent;
+					font-weight: 700;
+					transition: all 0.4s ease-in-out;
+				}
+
+				.time-text-img {
+					position: absolute;
+					top: 0;
+					left: 300rpx;
+					width: 80rpx;
+					height: 80rpx;
+				}
+			}
+
+			.time-tra-sec {
+				margin-left: 80rpx;
+				margin-top: 110rpx;
+				height: 100%;
+				width: 500rpx;
+				overflow: hidden;
+				transition: all 0.4s ease-in-out;
+
+				.time-people-thi {
+					display: flex;
+					margin-bottom: 15rpx;
+					transition: all 0.4s ease-in-out;
+
+					.time-people-img {
+						width: 42rpx;
+						height: 42rpx;
+						margin-right: 5rpx;
+						margin-left: 5rpx;
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-people-font {
+						font-size: 32rpx;
+						margin-right: 20rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-people-font-dark {
+						color: #CDD6EA;
+						font-size: 32rpx;
+						margin-right: 20rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						transition: all 0.4s ease-in-out;
+					}
+				}
+
+				.time-people-thi-change {
+					display: flex;
+					margin-bottom: 15rpx;
+					transition: all 0.4s ease-in-out;
+
+					.time-people-img {
+						width: 60rpx;
+						height: 60rpx;
+						margin-right: 8rpx;
+						margin-left: 8rpx;
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-people-font {
+						// color: #586787;
+						font-size: 45rpx;
+						margin-right: 30rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						// width: 300rpx;
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-people-font-dark {
+						color: #CDD6EA;
+						font-size: 45rpx;
+						margin-right: 30rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						transition: all 0.4s ease-in-out;
+					}
+				}
+
+				.time-button-view {
+					display: flex;
+					margin-top: 25rpx;
+					margin-left: 0rpx;
+					transition: all 0.4s ease-in-out;
+
+					.time-button-start {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						background: linear-gradient(to top, #0DA0B1, #04D3AF);
+						border-left: 2rpx solid #fff;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						color: #fff;
+						font-size: 32rpx;
+						margin-right: 25rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-button-end {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						background-color: #fff;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 32rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						transition: all 0.4s ease-in-out;
+					}
+
+					.time-button-end-dark {
+						width: 230rpx;
+						height: 80rpx;
+						border-radius: 40rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						font-size: 32rpx;
+						box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
+						background: linear-gradient(to top, #6B87BA, #FFFFFF);
+						transition: all 0.4s ease-in-out;
+					}
+				}
+
+				.time-font {
+					font-size: 75rpx;
+					margin-top: 30rpx;
+					margin-bottom: 10rpx;
+					font-weight: 700;
+					background: linear-gradient(to bottom, #7080A1, #263556);
+					-webkit-background-clip: text;
+					color: transparent;
+					transition: font-size 0.4s ease-in-out;
+				}
+
+				.time-font-dark {
+					font-size: 75rpx;
+					margin-top: 30rpx;
+					margin-bottom: 10rpx;
+					background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+					-webkit-background-clip: text;
+					color: transparent;
+					font-weight: 700;
+					transition: font-size 0.4s ease-in-out;
+				}
+
+				.time-text-img {
+					position: absolute;
+					top: 0;
+					left: 300rpx;
+					width: 80rpx;
+					height: 80rpx;
+				}
+				
+			}
+
+
+			//左下角结束
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/unpackage/dist/dev/app-plus/app-service.js b/unpackage/dist/dev/app-plus/app-service.js
index 73fad77..cf6430d 100644
--- a/unpackage/dist/dev/app-plus/app-service.js
+++ b/unpackage/dist/dev/app-plus/app-service.js
@@ -37,10 +37,22 @@ if (uni.restoreGlobal) {
       __expose();
       const isPopupVisible = vue.ref(false);
       const widthCom = vue.ref(1320);
-      const heightCom = vue.ref(530);
+      const heightCom = vue.ref(540);
       const topCom = vue.ref(150);
       const leftCom = vue.ref(233);
       const isPopupVisiblefiropen = vue.ref(false);
+      const isPopupVisiblesec = vue.ref(false);
+      const widthComsec = vue.ref(1150);
+      const heightComsec = vue.ref(630);
+      const topComsec = vue.ref(730);
+      const leftComsec = vue.ref(233);
+      const isPopupVisiblefiropensec = vue.ref(false);
+      const isPopupVisiblethi = vue.ref(false);
+      const widthComthi = vue.ref(880);
+      const heightComthi = vue.ref(630);
+      const topComthi = vue.ref(730);
+      const leftComthi = vue.ref(1420);
+      const isPopupVisiblefiropenthi = vue.ref(false);
       const currentTime = vue.ref("");
       const fullDate = vue.ref("");
       const weekDay = vue.ref("");
@@ -62,13 +74,13 @@ if (uni.restoreGlobal) {
       ]);
       const huliList = vue.ref([
         { url: "/static/index/hulilist/zhuandan.png", name: "转单执行" },
-        { url: "/static/index/hulilist/xiezhu.png", name: "协助执行" }
-        // { url: '/static/index/hulilist/zhongdian.png', name: "重点追踪" },
+        { url: "/static/index/hulilist/xiezhu.png", name: "协助执行" },
+        { url: "/static/index/hulilist/zhongdian.png", name: "重点追踪" }
       ]);
       const huliListDark = vue.ref([
         { url: "/static/index/darkicon/zhuandandark.png", name: "转单执行" },
-        { url: "/static/index/darkicon/xiezhudark.png", name: "协助执行" }
-        // { url: '/static/index/darkicon/zhongdiandark.png', name: "重点追踪" },
+        { url: "/static/index/darkicon/xiezhudark.png", name: "协助执行" },
+        { url: "/static/index/darkicon/zhongdiandark.png", name: "重点追踪" }
       ]);
       const mediumList = vue.ref([
         { url: "/static/index/medium/yaopin.png", name: "药品信息", number: 0 },
@@ -158,12 +170,48 @@ if (uni.restoreGlobal) {
       };
       const closePopup = () => {
         widthCom.value = 1320;
-        heightCom.value = 530;
+        heightCom.value = 540;
         topCom.value = 150;
         leftCom.value = 233;
         isPopupVisiblefiropen.value = false;
         isPopupVisible.value = false;
       };
+      const showPopupsec = () => {
+        isPopupVisiblesec.value = true;
+        setTimeout(() => {
+          widthComsec.value = 1800;
+          heightComsec.value = 960;
+          topComsec.value = 400;
+          leftComsec.value = 233;
+          isPopupVisiblefiropensec.value = true;
+        }, 100);
+      };
+      const closePopupsec = () => {
+        widthComsec.value = 1150;
+        heightComsec.value = 630;
+        topComsec.value = 730;
+        leftComsec.value = 233;
+        isPopupVisiblefiropensec.value = false;
+        isPopupVisiblesec.value = false;
+      };
+      const showPopupthi = () => {
+        isPopupVisiblethi.value = true;
+        setTimeout(() => {
+          widthComthi.value = 1680;
+          heightComthi.value = 960;
+          topComthi.value = 400;
+          leftComthi.value = 620;
+          isPopupVisiblefiropenthi.value = true;
+        }, 100);
+      };
+      const closePopupthi = () => {
+        widthComthi.value = 880;
+        heightComthi.value = 630;
+        topComthi.value = 730;
+        leftComthi.value = 1420;
+        isPopupVisiblefiropenthi.value = false;
+        isPopupVisiblethi.value = false;
+      };
       vue.onMounted(() => {
         updateTime();
         setInterval(updateTime, 1e3);
@@ -171,7 +219,7 @@ if (uni.restoreGlobal) {
       vue.onBeforeUnmount(() => {
         clearInterval(updateTime);
       });
-      const __returned__ = { isPopupVisible, widthCom, heightCom, topCom, leftCom, isPopupVisiblefiropen, currentTime, fullDate, weekDay, iconList, undericonList, huliList, huliListDark, mediumList, mediumListdark, roomBtttonList, roomBtttonListdark, menuIndex, undermenuIndex, darkFans, underFans, roomTar, firstcurrentIndex, firstcurrentIndexup, secondcurrentIndexup, secondcurrentIndex, thirdcurrentIndex, changeMenu, changeMenuUnder, saveItem, updateTime, onSwiperChange, onSwiperChangesec, gotoLogin, showPopup, closePopup };
+      const __returned__ = { isPopupVisible, widthCom, heightCom, topCom, leftCom, isPopupVisiblefiropen, isPopupVisiblesec, widthComsec, heightComsec, topComsec, leftComsec, isPopupVisiblefiropensec, isPopupVisiblethi, widthComthi, heightComthi, topComthi, leftComthi, isPopupVisiblefiropenthi, currentTime, fullDate, weekDay, iconList, undericonList, huliList, huliListDark, mediumList, mediumListdark, roomBtttonList, roomBtttonListdark, menuIndex, undermenuIndex, darkFans, underFans, roomTar, firstcurrentIndex, firstcurrentIndexup, secondcurrentIndexup, secondcurrentIndex, thirdcurrentIndex, changeMenu, changeMenuUnder, saveItem, updateTime, onSwiperChange, onSwiperChangesec, gotoLogin, showPopup, closePopup, showPopupsec, closePopupsec, showPopupthi, closePopupthi };
       Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
       return __returned__;
     }
@@ -789,7 +837,10 @@ if (uni.restoreGlobal) {
                   class: "right-container-left-type",
                   src: `/static/index/yiliao/yiliaolei.png`
                 }, null, 8, ["src"]),
-                vue.createElementVNode("div", { class: "right-container-left-font" }, "医疗类"),
+                vue.createElementVNode("div", {
+                  class: "right-container-left-font",
+                  onClick: $setup.showPopupsec
+                }, "医疗类"),
                 vue.createElementVNode("view", { class: "right-container-fir-left-carousel" }, [
                   vue.createElementVNode("view", { class: "carousel" }, [
                     vue.createElementVNode("view", { class: "dots" }, [
@@ -1134,7 +1185,10 @@ if (uni.restoreGlobal) {
                       class: "right-container-fir-left-card-flex-sec-img",
                       src: `/static/index/baojielei.png`
                     }, null, 8, ["src"]),
-                    vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec-font" }, "保洁类"),
+                    vue.createElementVNode("div", {
+                      class: "right-container-fir-left-card-flex-sec-font",
+                      onClick: $setup.showPopupthi
+                    }, "保洁类"),
                     vue.createElementVNode("image", {
                       class: "right-container-fir-left-card-flex-sec-imgright-fir",
                       src: `/static/index/baojieleft.png`
@@ -1285,341 +1339,999 @@ if (uni.restoreGlobal) {
               ))
             ])
           ]),
-          vue.createCommentVNode(" 弹出层 "),
-          vue.withDirectives(vue.createElementVNode(
-            "view",
-            {
-              class: "popup-overlay",
-              onClick: $setup.closePopup
-            },
-            [
-              vue.createElementVNode(
-                "view",
-                {
-                  class: "popup-overlay-content",
-                  onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-                  }, ["stop"])),
-                  style: vue.normalizeStyle({ width: $setup.widthCom + "rpx", height: $setup.heightCom + "rpx", top: $setup.topCom + "rpx", left: $setup.leftCom + "rpx" })
-                },
-                [
-                  vue.createElementVNode("view", { class: "right-container-fir-left-nav-open" }, [
-                    vue.createElementVNode(
-                      "view",
-                      {
-                        class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`)
-                      },
-                      [
-                        vue.createElementVNode("image", {
-                          class: "right-container-fir-left-card-hulilei",
-                          src: `/static/index/hulilei.png`
-                        }, null, 8, ["src"]),
-                        vue.createElementVNode("div", {
-                          class: "right-container-fir-left-card-hulilei-font",
-                          onClick: $setup.closePopup
-                        }, "护理类"),
-                        $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
-                          key: 0,
-                          class: "card-upfaguang",
-                          style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `680rpx` } : `{}`),
-                          src: `/static/index/cardbgc/uplight.png`
-                        }, null, 12, ["src"])) : vue.createCommentVNode("v-if", true),
-                        vue.createElementVNode("view", { class: "right-container-fir-left-card-main" }, [
-                          vue.createElementVNode("swiper", {
-                            current: $setup.firstcurrentIndexup,
-                            class: "swiper savehundred",
-                            circular: "",
-                            "indicator-dots": false,
-                            vertical: true,
-                            "disable-touch": ""
-                          }, [
-                            (vue.openBlock(), vue.createElementBlock(
-                              vue.Fragment,
-                              null,
-                              vue.renderList([1, 2, 3], (item, index) => {
-                                return vue.createElementVNode("swiper-item", {
-                                  class: "swiper-item-flex",
-                                  key: index
-                                }, [
-                                  vue.createElementVNode("view", { class: "right-container-fir-left-card-flex" }, [
-                                    vue.createElementVNode("view", { class: "uni-margin-wrap-fir" }, [
-                                      vue.createElementVNode("swiper", {
-                                        current: $setup.firstcurrentIndex,
-                                        class: "swiper",
-                                        circular: "",
-                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `700rpx` } : `{}`),
-                                        "indicator-dots": false,
-                                        interval: 4e3,
-                                        duration: 500,
-                                        "disable-touch": ""
-                                      }, [
-                                        (vue.openBlock(), vue.createElementBlock(
-                                          vue.Fragment,
-                                          null,
-                                          vue.renderList([1, 2, 3], (item2, index2) => {
-                                            return vue.createElementVNode("swiper-item", {
-                                              class: "swiper-item-flex",
-                                              key: index2
-                                            }, [
-                                              vue.createElementVNode("view", { class: "right-container-fir-left-card-card" }, [
-                                                vue.createElementVNode(
-                                                  "view",
-                                                  {
-                                                    class: "right-container-fir-left-card-zhixing",
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `40rpx`, left: `1300rpx` } : `{}`)
-                                                  },
-                                                  [
-                                                    vue.createElementVNode(
-                                                      "div",
-                                                      {
-                                                        class: "right-container-fir-left-card-zhixing-font",
-                                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `30rpx` } : `{}`)
-                                                      },
-                                                      " 待执行 ",
-                                                      4
-                                                      /* STYLE */
-                                                    )
-                                                  ],
-                                                  4
-                                                  /* STYLE */
-                                                ),
-                                                vue.createElementVNode("image", {
-                                                  class: "right-container-fir-left-card-img",
-                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `600rpx`, height: `500rpx` } : `{}`),
-                                                  src: `/static/index/teeth.png`,
-                                                  onClick: $setup.closePopup
-                                                }, null, 12, ["src"]),
-                                                vue.createElementVNode("view", { class: "right-container-fir-left-card-main-laba-video" }, [
-                                                  vue.createElementVNode("image", {
-                                                    class: "right-container-fir-left-card-main-laba",
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`),
-                                                    src: $setup.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`
-                                                  }, null, 12, ["src"]),
-                                                  vue.createElementVNode(
-                                                    "text",
-                                                    {
-                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx` } : `{}`),
-                                                      class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`)
-                                                    },
-                                                    " 准备洁具（口腔） ",
-                                                    6
-                                                    /* CLASS, STYLE */
-                                                  ),
-                                                  vue.createElementVNode("image", {
-                                                    class: "right-container-fir-left-card-main-video",
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`),
-                                                    src: $setup.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`
-                                                  }, null, 12, ["src"])
-                                                ])
-                                              ]),
+          vue.createCommentVNode(" 弹出层左上角 "),
+          $setup.isPopupVisible ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: "popup-overlay",
+            onClick: $setup.closePopup
+          }, [
+            vue.createElementVNode(
+              "view",
+              {
+                class: "popup-overlay-content",
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+                }, ["stop"])),
+                style: vue.normalizeStyle({ width: $setup.widthCom + "rpx", height: $setup.heightCom + "rpx", top: $setup.topCom + "rpx", left: $setup.leftCom + "rpx" })
+              },
+              [
+                vue.createElementVNode("view", { class: "right-container-fir-left-nav-open" }, [
+                  vue.createElementVNode(
+                    "view",
+                    {
+                      class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`)
+                    },
+                    [
+                      vue.createElementVNode("image", {
+                        class: "right-container-fir-left-card-hulilei",
+                        src: `/static/index/hulilei.png`
+                      }, null, 8, ["src"]),
+                      vue.createElementVNode("div", {
+                        class: "right-container-fir-left-card-hulilei-font",
+                        onClick: $setup.closePopup
+                      }, "护理类"),
+                      $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
+                        key: 0,
+                        class: "card-upfaguang",
+                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `680rpx` } : `{}`),
+                        src: `/static/index/cardbgc/uplight.png`
+                      }, null, 12, ["src"])) : vue.createCommentVNode("v-if", true),
+                      vue.createElementVNode("view", { class: "right-container-fir-left-card-main" }, [
+                        vue.createElementVNode("swiper", {
+                          current: $setup.firstcurrentIndexup,
+                          class: "swiper savehundred",
+                          circular: "",
+                          "indicator-dots": false,
+                          vertical: true,
+                          "disable-touch": ""
+                        }, [
+                          (vue.openBlock(), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList([1, 2, 3], (item, index) => {
+                              return vue.createElementVNode("swiper-item", {
+                                class: "swiper-item-flex",
+                                key: index,
+                                style: { "margin-top": "30rpx" }
+                              }, [
+                                vue.createElementVNode("view", { class: "right-container-fir-left-card-flex" }, [
+                                  vue.createElementVNode("view", { class: "uni-margin-wrap-fir" }, [
+                                    vue.createElementVNode("swiper", {
+                                      current: $setup.firstcurrentIndex,
+                                      class: "swiper",
+                                      circular: "",
+                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `700rpx` } : `{}`),
+                                      "indicator-dots": false,
+                                      interval: 4e3,
+                                      duration: 500,
+                                      "disable-touch": ""
+                                    }, [
+                                      (vue.openBlock(), vue.createElementBlock(
+                                        vue.Fragment,
+                                        null,
+                                        vue.renderList([1, 2, 3], (item2, index2) => {
+                                          return vue.createElementVNode("swiper-item", {
+                                            class: "swiper-item-flex",
+                                            key: index2
+                                          }, [
+                                            vue.createElementVNode("view", { class: "right-container-fir-left-card-card" }, [
                                               vue.createElementVNode(
                                                 "view",
                                                 {
-                                                  class: "split-line",
-                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `300rpx` } : `{}`)
+                                                  class: "right-container-fir-left-card-zhixing",
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `40rpx`, left: `1300rpx` } : `{}`)
                                                 },
-                                                null,
+                                                [
+                                                  vue.createElementVNode(
+                                                    "div",
+                                                    {
+                                                      class: "right-container-fir-left-card-zhixing-font",
+                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `43rpx`, left: `20rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`)
+                                                    },
+                                                    " 待执行 ",
+                                                    4
+                                                    /* STYLE */
+                                                  )
+                                                ],
                                                 4
                                                 /* STYLE */
                                               ),
-                                              vue.createElementVNode("view", { class: "time-tra-fir" }, [
+                                              vue.createElementVNode("image", {
+                                                class: "right-container-fir-left-card-img",
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `600rpx`, height: `500rpx` } : `{}`),
+                                                src: `/static/index/teeth.png`,
+                                                onClick: $setup.closePopup
+                                              }, null, 12, ["src"]),
+                                              vue.createElementVNode("view", { class: "right-container-fir-left-card-main-laba-video" }, [
+                                                vue.createElementVNode("image", {
+                                                  class: "right-container-fir-left-card-main-laba",
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : `{}`),
+                                                  src: $setup.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`
+                                                }, null, 12, ["src"]),
                                                 vue.createElementVNode(
-                                                  "view",
+                                                  "text",
                                                   {
-                                                    class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`),
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `100rpx` } : `{}`)
+                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `46rpx`, width: `400rpx` } : `{}`),
+                                                    class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`)
                                                   },
-                                                  " 10:00 - 10:10 ",
+                                                  " 准备洁具（口腔） ",
                                                   6
                                                   /* CLASS, STYLE */
                                                 ),
+                                                vue.createElementVNode("image", {
+                                                  class: "right-container-fir-left-card-main-video",
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : `{}`),
+                                                  src: $setup.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`
+                                                }, null, 12, ["src"])
+                                              ])
+                                            ]),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: "split-line",
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `300rpx` } : `{}`)
+                                              },
+                                              null,
+                                              4
+                                              /* STYLE */
+                                            ),
+                                            vue.createElementVNode("view", { class: "time-tra-fir" }, [
+                                              vue.createElementVNode(
+                                                "view",
+                                                {
+                                                  class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`),
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `100rpx` } : `{}`)
+                                                },
+                                                " 10:00 - 10:10 ",
+                                                6
+                                                /* CLASS, STYLE */
+                                              ),
+                                              vue.createElementVNode(
+                                                "view",
+                                                {
+                                                  class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`),
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `45rpx`, lineHeight: `70rpx`, width: `800rpx`, marginTop: `50rpx`, marginBottom: `50rpx` } : `{}`)
+                                                },
+                                                " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ",
+                                                6
+                                                /* CLASS, STYLE */
+                                              ),
+                                              vue.createElementVNode(
+                                                "view",
+                                                {
+                                                  class: "time-people-two",
+                                                  style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { marginBottom: "60rpx" } : `{}`)
+                                                },
+                                                [
+                                                  vue.createElementVNode("view", { class: "time-people-fir" }, [
+                                                    vue.createElementVNode("image", {
+                                                      class: "time-people-img",
+                                                      src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
+                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`)
+                                                    }, null, 12, ["src"]),
+                                                    vue.createElementVNode(
+                                                      "text",
+                                                      {
+                                                        class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
+                                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`)
+                                                      },
+                                                      " 单人执行 ",
+                                                      6
+                                                      /* CLASS, STYLE */
+                                                    )
+                                                  ]),
+                                                  vue.createElementVNode("view", { class: "time-people-sec" }, [
+                                                    vue.createElementVNode("image", {
+                                                      class: "time-people-img",
+                                                      src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
+                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`)
+                                                    }, null, 12, ["src"]),
+                                                    vue.createElementVNode(
+                                                      "text",
+                                                      {
+                                                        class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
+                                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx` } : `{}`)
+                                                      },
+                                                      " -- ",
+                                                      6
+                                                      /* CLASS, STYLE */
+                                                    )
+                                                  ])
+                                                ],
+                                                4
+                                                /* STYLE */
+                                              ),
+                                              vue.createElementVNode("view", { class: "time-button-view" }, [
                                                 vue.createElementVNode(
                                                   "view",
                                                   {
-                                                    class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`),
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `60rpx`, lineHeight: `70rpx`, width: `800rpx` } : `{}`)
+                                                    class: "time-button-start",
+                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
                                                   },
-                                                  " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ",
-                                                  6
-                                                  /* CLASS, STYLE */
-                                                ),
-                                                vue.createElementVNode(
-                                                  "view",
-                                                  {
-                                                    class: "time-people-two",
-                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { marginBottom: "60rpx" } : `{}`)
-                                                  },
-                                                  [
-                                                    vue.createElementVNode("view", { class: "time-people-fir" }, [
-                                                      vue.createElementVNode("image", {
-                                                        class: "time-people-img",
-                                                        src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
-                                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`)
-                                                      }, null, 12, ["src"]),
-                                                      vue.createElementVNode(
-                                                        "text",
-                                                        {
-                                                          class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
-                                                          style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`)
-                                                        },
-                                                        " 单人执行 ",
-                                                        6
-                                                        /* CLASS, STYLE */
-                                                      )
-                                                    ]),
-                                                    vue.createElementVNode("view", { class: "time-people-sec" }, [
-                                                      vue.createElementVNode("image", {
-                                                        class: "time-people-img",
-                                                        src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
-                                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`)
-                                                      }, null, 12, ["src"]),
-                                                      vue.createElementVNode(
-                                                        "text",
-                                                        {
-                                                          class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
-                                                          style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx` } : `{}`)
-                                                        },
-                                                        " -- ",
-                                                        6
-                                                        /* CLASS, STYLE */
-                                                      )
-                                                    ])
-                                                  ],
+                                                  " 开始服务 ",
                                                   4
                                                   /* STYLE */
                                                 ),
-                                                vue.createElementVNode("view", { class: "time-button-view" }, [
-                                                  vue.createElementVNode(
-                                                    "view",
-                                                    {
-                                                      class: "time-button-start",
-                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx` } : `{}`)
-                                                    },
-                                                    " 开始服务 ",
-                                                    4
-                                                    /* STYLE */
-                                                  ),
-                                                  vue.createElementVNode(
-                                                    "view",
-                                                    {
-                                                      class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`),
-                                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx` } : `{}`)
-                                                    },
-                                                    " 服务结束 ",
-                                                    6
-                                                    /* CLASS, STYLE */
-                                                  )
-                                                ])
+                                                vue.createElementVNode(
+                                                  "view",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`),
+                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
+                                                  },
+                                                  " 服务结束 ",
+                                                  6
+                                                  /* CLASS, STYLE */
+                                                )
                                               ])
-                                            ]);
-                                          }),
-                                          64
-                                          /* STABLE_FRAGMENT */
-                                        ))
-                                      ], 12, ["current"])
-                                    ]),
-                                    vue.createElementVNode("view", { class: "split-line-white-right-left" }, [
-                                      $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
-                                        key: 0,
-                                        class: "split-line-white-img",
-                                        src: `/static/index/cardbgc/leftlight.png`
-                                      }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true)
-                                    ])
+                                            ])
+                                          ]);
+                                        }),
+                                        64
+                                        /* STABLE_FRAGMENT */
+                                      ))
+                                    ], 12, ["current"])
+                                  ]),
+                                  vue.createElementVNode("view", { class: "split-line-white-right-left" }, [
+                                    $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
+                                      key: 0,
+                                      class: "split-line-white-img",
+                                      src: `/static/index/cardbgc/leftlight.png`
+                                    }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true)
                                   ])
-                                ]);
-                              }),
-                              64
-                              /* STABLE_FRAGMENT */
-                            ))
-                          ], 8, ["current"]),
-                          vue.createElementVNode("view", { class: "right-huli-sec" }, [
-                            vue.createElementVNode("image", {
-                              class: "right-huli-shang",
-                              src: `/static/index/hulilist/shang.png`
-                            }, null, 8, ["src"]),
-                            !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", {
+                                ])
+                              ]);
+                            }),
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
+                        ], 8, ["current"]),
+                        vue.createElementVNode("view", { class: "right-huli-sec" }, [
+                          vue.createElementVNode("image", {
+                            class: "right-huli-shang",
+                            src: `/static/index/hulilist/shang.png`
+                          }, null, 8, ["src"]),
+                          !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock(
+                            "scroll-view",
+                            {
                               key: 0,
                               "show-scrollbar": false,
                               "scroll-y": "true",
-                              class: "right-huli-view"
-                            }, [
+                              class: "right-huli-view",
+                              style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`)
+                            },
+                            [
                               (vue.openBlock(true), vue.createElementBlock(
                                 vue.Fragment,
                                 null,
                                 vue.renderList($setup.huliList, (item, index) => {
-                                  return vue.openBlock(), vue.createElementBlock("view", {
-                                    key: index,
-                                    class: "right-huli-view-dis"
-                                  }, [
-                                    vue.createElementVNode("image", {
-                                      class: "right-huli-img",
-                                      src: item.url
-                                    }, null, 8, ["src"]),
-                                    vue.createElementVNode(
-                                      "text",
-                                      { class: "right-huli-text" },
-                                      vue.toDisplayString(item.name),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ]);
+                                  return vue.openBlock(), vue.createElementBlock(
+                                    "view",
+                                    {
+                                      key: index,
+                                      class: "right-huli-view-dis",
+                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`)
+                                    },
+                                    [
+                                      vue.createElementVNode("image", {
+                                        class: "right-huli-img",
+                                        src: item.url
+                                      }, null, 8, ["src"]),
+                                      vue.createElementVNode(
+                                        "text",
+                                        { class: "right-huli-text" },
+                                        vue.toDisplayString(item.name),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ],
+                                    4
+                                    /* STYLE */
+                                  );
                                 }),
                                 128
                                 /* KEYED_FRAGMENT */
                               ))
-                            ])) : vue.createCommentVNode("v-if", true),
-                            vue.createCommentVNode(" 暗黑模式 "),
-                            $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", {
+                            ],
+                            4
+                            /* STYLE */
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.createCommentVNode(" 暗黑模式 "),
+                          $setup.darkFans ? (vue.openBlock(), vue.createElementBlock(
+                            "scroll-view",
+                            {
                               key: 1,
                               "show-scrollbar": false,
                               "scroll-y": "true",
-                              class: "right-huli-view"
-                            }, [
+                              class: "right-huli-view",
+                              style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`)
+                            },
+                            [
                               (vue.openBlock(true), vue.createElementBlock(
                                 vue.Fragment,
                                 null,
                                 vue.renderList($setup.huliListDark, (item, index) => {
-                                  return vue.openBlock(), vue.createElementBlock("view", {
-                                    key: index,
-                                    class: "right-huli-view-dis"
-                                  }, [
-                                    vue.createElementVNode("image", {
-                                      class: "right-huli-img",
-                                      src: item.url
-                                    }, null, 8, ["src"]),
-                                    vue.createElementVNode(
-                                      "text",
-                                      { class: "right-huli-text-dark" },
-                                      vue.toDisplayString(item.name),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ]);
+                                  return vue.openBlock(), vue.createElementBlock(
+                                    "view",
+                                    {
+                                      key: index,
+                                      class: "right-huli-view-dis",
+                                      style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`)
+                                    },
+                                    [
+                                      vue.createElementVNode("image", {
+                                        class: "right-huli-img",
+                                        src: item.url
+                                      }, null, 8, ["src"]),
+                                      vue.createElementVNode(
+                                        "text",
+                                        { class: "right-huli-text-dark" },
+                                        vue.toDisplayString(item.name),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ],
+                                    4
+                                    /* STYLE */
+                                  );
                                 }),
                                 128
                                 /* KEYED_FRAGMENT */
                               ))
-                            ])) : vue.createCommentVNode("v-if", true),
-                            vue.createElementVNode("image", {
-                              class: "right-huli-xia",
-                              src: `/static/index/hulilist/xia.png`
-                            }, null, 8, ["src"])
-                          ])
+                            ],
+                            4
+                            /* STYLE */
+                          )) : vue.createCommentVNode("v-if", true),
+                          vue.createElementVNode("image", {
+                            class: "right-huli-xia",
+                            src: `/static/index/hulilist/xia.png`
+                          }, null, 8, ["src"])
                         ])
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ],
+              4
+              /* STYLE */
+            )
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" 弹出层左上角结束 "),
+          vue.createCommentVNode(" 弹出层左下角 "),
+          $setup.isPopupVisiblesec ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 1,
+            class: "popup-overlay",
+            onClick: $setup.closePopupsec
+          }, [
+            vue.createElementVNode(
+              "view",
+              {
+                class: "popup-overlay-content",
+                onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+                }, ["stop"])),
+                style: vue.normalizeStyle({ width: $setup.widthComsec + "rpx", height: $setup.heightComsec + "rpx", top: $setup.topComsec + "rpx", left: $setup.leftComsec + "rpx" })
+              },
+              [
+                vue.createElementVNode(
+                  "view",
+                  {
+                    class: vue.normalizeClass($setup.darkFans ? `right-container-left-dark` : `right-container-left`)
+                  },
+                  [
+                    vue.createElementVNode("image", {
+                      class: "right-container-left-type",
+                      src: `/static/index/yiliao/yiliaolei.png`
+                    }, null, 8, ["src"]),
+                    vue.createElementVNode("div", {
+                      class: "right-container-left-font",
+                      onClick: $setup.closePopupsec
+                    }, "医疗类"),
+                    $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
+                      key: 0,
+                      class: "card-upfaguang-down",
+                      src: `/static/index/cardbgc/uplight.png`
+                    }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true),
+                    vue.createElementVNode("swiper", {
+                      class: "swiper savehundred",
+                      circular: "",
+                      "indicator-dots": false,
+                      vertical: true,
+                      "disable-touch": ""
+                    }, [
+                      (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        null,
+                        vue.renderList([1, 2, 3], (item, index) => {
+                          return vue.createElementVNode("swiper-item", {
+                            class: "swiper-item-flex",
+                            key: index
+                          }, [
+                            vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [
+                              vue.createElementVNode("view", { class: "uni-margin-wrap" }, [
+                                vue.createElementVNode("swiper", {
+                                  class: "swiper",
+                                  circular: "",
+                                  "indicator-dots": false,
+                                  "disable-touch": ""
+                                }, [
+                                  (vue.openBlock(), vue.createElementBlock(
+                                    vue.Fragment,
+                                    null,
+                                    vue.renderList([1, 2, 3], (item2, index2) => {
+                                      return vue.createElementVNode("swiper-item", {
+                                        class: "swiper-item-flex",
+                                        key: index2
+                                      }, [
+                                        vue.createElementVNode(
+                                          "div",
+                                          {
+                                            class: "right-container-left-font-spec",
+                                            style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { top: `100rpx`, left: `900rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`)
+                                          },
+                                          " 进行中 ",
+                                          4
+                                          /* STYLE */
+                                        ),
+                                        vue.createElementVNode(
+                                          "view",
+                                          {
+                                            class: "time-tra-sec",
+                                            style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `800rpx`, marginTop: `0`, marginLeft: `120rpx` } : `{}`)
+                                          },
+                                          [
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { fontSize: `120rpx` } : `{}`),
+                                                class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`)
+                                              },
+                                              " 10:00 - 10:10 ",
+                                              6
+                                              /* CLASS, STYLE */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`)
+                                              },
+                                              [
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 医嘱:药品 ",
+                                                  2
+                                                  /* CLASS */
+                                                )
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`)
+                                              },
+                                              [
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 处置:肌肉注射 ",
+                                                  2
+                                                  /* CLASS */
+                                                )
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`)
+                                              },
+                                              [
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 用药:抗生素类 ",
+                                                  2
+                                                  /* CLASS */
+                                                )
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`)
+                                              },
+                                              [
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 执行:周期一日执行一次 ",
+                                                  2
+                                                  /* CLASS */
+                                                )
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`)
+                                              },
+                                              [
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 单人执行 ",
+                                                  2
+                                                  /* CLASS */
+                                                ),
+                                                vue.createElementVNode("image", {
+                                                  class: "time-people-img",
+                                                  src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`
+                                                }, null, 8, ["src"]),
+                                                vue.createElementVNode(
+                                                  "text",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`)
+                                                  },
+                                                  " 赵宇 ",
+                                                  2
+                                                  /* CLASS */
+                                                )
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            ),
+                                            vue.createElementVNode(
+                                              "view",
+                                              {
+                                                class: "time-button-view",
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { marginTop: `50rpx` } : `{}`)
+                                              },
+                                              [
+                                                vue.createElementVNode(
+                                                  "view",
+                                                  {
+                                                    class: "time-button-start",
+                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
+                                                  },
+                                                  " 开始服务 ",
+                                                  4
+                                                  /* STYLE */
+                                                ),
+                                                vue.createElementVNode(
+                                                  "view",
+                                                  {
+                                                    class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`),
+                                                    style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
+                                                  },
+                                                  " 服务结束 ",
+                                                  6
+                                                  /* CLASS, STYLE */
+                                                )
+                                              ],
+                                              4
+                                              /* STYLE */
+                                            )
+                                          ],
+                                          4
+                                          /* STYLE */
+                                        ),
+                                        vue.createElementVNode(
+                                          "view",
+                                          {
+                                            class: vue.normalizeClass($setup.isPopupVisiblefiropensec ? `right-container-photo-change` : `right-container-photo`)
+                                          },
+                                          [
+                                            vue.createElementVNode("image", {
+                                              class: "right-container-photo-img",
+                                              src: `/static/index/yiliao/project2.png`
+                                            }, null, 8, ["src"]),
+                                            vue.createElementVNode(
+                                              "text",
+                                              {
+                                                class: vue.normalizeClass($setup.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`)
+                                              },
+                                              " 脑膜炎(1/2) ",
+                                              2
+                                              /* CLASS */
+                                            )
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        )
+                                      ]);
+                                    }),
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  ))
+                                ])
+                              ])
+                            ])
+                          ]);
+                        }),
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
+                    ]),
+                    vue.createElementVNode("view", { class: "split-line-white-sec" }, [
+                      $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", {
+                        key: 0,
+                        class: "split-line-white-img",
+                        src: `/static/index/cardbgc/leftlight.png`
+                      }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    vue.createElementVNode(
+                      "view",
+                      {
+                        class: "right-huli-fir",
+                        style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx` } : `{}`)
+                      },
+                      [
+                        vue.createElementVNode("image", {
+                          class: "right-huli-shang",
+                          src: `/static/index/hulilist/shang.png`
+                        }, null, 8, ["src"]),
+                        !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", {
+                          key: 0,
+                          "show-scrollbar": false,
+                          "scroll-y": "true",
+                          class: "right-huli-view"
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList($setup.mediumList, (item, index) => {
+                              return vue.openBlock(), vue.createElementBlock("view", {
+                                key: index,
+                                class: "right-huli-view-dis"
+                              }, [
+                                vue.createElementVNode("image", {
+                                  class: "right-huli-img",
+                                  src: item.url
+                                }, null, 8, ["src"]),
+                                vue.createElementVNode(
+                                  "text",
+                                  { class: "right-huli-text" },
+                                  vue.toDisplayString(item.name),
+                                  1
+                                  /* TEXT */
+                                ),
+                                vue.withDirectives(vue.createElementVNode(
+                                  "div",
+                                  { class: "progress-bar-container" },
+                                  [
+                                    vue.createElementVNode(
+                                      "div",
+                                      {
+                                        style: vue.normalizeStyle({ width: `${item.number}%` }),
+                                        class: "progress-bar"
+                                      },
+                                      null,
+                                      4
+                                      /* STYLE */
+                                    )
+                                  ],
+                                  512
+                                  /* NEED_PATCH */
+                                ), [
+                                  [vue.vShow, item.number !== 0]
+                                ])
+                              ]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])) : vue.createCommentVNode("v-if", true),
+                        $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", {
+                          key: 1,
+                          "show-scrollbar": false,
+                          "scroll-y": "true",
+                          class: "right-huli-view"
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList($setup.mediumListdark, (item, index) => {
+                              return vue.openBlock(), vue.createElementBlock("view", {
+                                key: index,
+                                class: "right-huli-view-dis"
+                              }, [
+                                vue.createElementVNode("image", {
+                                  class: "right-huli-img",
+                                  src: item.url
+                                }, null, 8, ["src"]),
+                                vue.createElementVNode(
+                                  "text",
+                                  { class: "right-huli-text-dark" },
+                                  vue.toDisplayString(item.name),
+                                  1
+                                  /* TEXT */
+                                ),
+                                vue.withDirectives(vue.createElementVNode(
+                                  "div",
+                                  { class: "progress-bar-container" },
+                                  [
+                                    vue.createElementVNode(
+                                      "div",
+                                      {
+                                        style: vue.normalizeStyle({ width: `${item.number}%` }),
+                                        class: "progress-bar"
+                                      },
+                                      null,
+                                      4
+                                      /* STYLE */
+                                    )
+                                  ],
+                                  512
+                                  /* NEED_PATCH */
+                                ), [
+                                  [vue.vShow, item.number !== 0]
+                                ])
+                              ]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])) : vue.createCommentVNode("v-if", true),
+                        vue.createElementVNode("image", {
+                          class: "right-huli-xia",
+                          src: `/static/index/hulilist/xia.png`
+                        }, null, 8, ["src"])
                       ],
-                      2
-                      /* CLASS */
+                      4
+                      /* STYLE */
                     )
-                  ])
-                ],
-                4
-                /* STYLE */
-              )
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [vue.vShow, $setup.isPopupVisible]
-          ])
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              4
+              /* STYLE */
+            )
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" 弹出层左下角结束 "),
+          vue.createCommentVNode(" 弹出层右下角 "),
+          $setup.isPopupVisiblethi ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 2,
+            class: "popup-overlay",
+            onClick: $setup.closePopupthi
+          }, [
+            vue.createElementVNode(
+              "view",
+              {
+                class: "popup-overlay-content",
+                onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+                }, ["stop"])),
+                style: vue.normalizeStyle({ width: $setup.widthComthi + "rpx", height: $setup.heightComthi + "rpx", top: $setup.topComthi + "rpx", left: $setup.leftComthi + "rpx" })
+              },
+              [
+                vue.createElementVNode(
+                  "view",
+                  {
+                    class: "right-container-right-father",
+                    style: vue.normalizeStyle($setup.darkFans ? { backgroundColor: "rgb(17, 45, 74)", backgroundImage: `none` } : { backgroundImage: `url('/static/index/mountain.png')`, backgroundPosition: `60% 50%` })
+                  },
+                  [
+                    vue.createElementVNode("view", { class: "right-container-right-down-father" }, [
+                      vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [
+                        vue.createElementVNode("image", {
+                          class: "right-container-fir-left-card-flex-sec-img",
+                          src: `/static/index/baojielei.png`
+                        }, null, 8, ["src"]),
+                        vue.createElementVNode("div", {
+                          class: "right-container-fir-left-card-flex-sec-font",
+                          onClick: $setup.closePopupthi
+                        }, "保洁类 "),
+                        vue.createElementVNode(
+                          "view",
+                          {
+                            class: "uni-margin-wrap",
+                            style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginLeft: `100rpx` } : `{}`)
+                          },
+                          [
+                            vue.createElementVNode("div", {
+                              class: "swiper",
+                              circular: "",
+                              "indicator-dots": false,
+                              "disable-touch": ""
+                            }, [
+                              (vue.openBlock(), vue.createElementBlock(
+                                vue.Fragment,
+                                null,
+                                vue.renderList([1], (item, index) => {
+                                  return vue.createElementVNode("div", {
+                                    class: "swiper-item-flex",
+                                    key: index
+                                  }, [
+                                    vue.createElementVNode(
+                                      "view",
+                                      {
+                                        class: "time-tra-thi-open",
+                                        style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx` } : `{}`)
+                                      },
+                                      [
+                                        vue.createElementVNode("view", { class: "time-tra-thi-zhixing" }, [
+                                          vue.createElementVNode(
+                                            "div",
+                                            {
+                                              class: "time-tra-thi-zhixing-font",
+                                              style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { top: `90rpx`, left: `200rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`)
+                                            },
+                                            " 待执行 ",
+                                            4
+                                            /* STYLE */
+                                          )
+                                        ]),
+                                        vue.createElementVNode(
+                                          "view",
+                                          {
+                                            class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`),
+                                            style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `100rpx` } : `{}`)
+                                          },
+                                          " 10:00 - 10:10 ",
+                                          6
+                                          /* CLASS, STYLE */
+                                        ),
+                                        vue.createElementVNode(
+                                          "view",
+                                          {
+                                            class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`),
+                                            style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx`, fontSize: `45rpx`, marginTop: `100rpx`, lineHeight: `60rpx` } : `{}`)
+                                          },
+                                          " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ",
+                                          6
+                                          /* CLASS, STYLE */
+                                        ),
+                                        vue.createElementVNode(
+                                          "view",
+                                          {
+                                            class: "time-people-two",
+                                            style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginTop: `100rpx`, marginBottom: `100rpx` } : `{}`)
+                                          },
+                                          [
+                                            vue.createElementVNode("image", {
+                                              class: "time-people-img",
+                                              style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`),
+                                              src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`
+                                            }, null, 12, ["src"]),
+                                            vue.createElementVNode(
+                                              "text",
+                                              {
+                                                class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`)
+                                              },
+                                              " 单人执行 ",
+                                              6
+                                              /* CLASS, STYLE */
+                                            ),
+                                            vue.createElementVNode("image", {
+                                              class: "time-people-img",
+                                              style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`),
+                                              src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`
+                                            }, null, 12, ["src"]),
+                                            vue.createElementVNode(
+                                              "text",
+                                              {
+                                                class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`),
+                                                style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`)
+                                              },
+                                              " 王金福 / 李贵田 ",
+                                              6
+                                              /* CLASS, STYLE */
+                                            )
+                                          ],
+                                          4
+                                          /* STYLE */
+                                        ),
+                                        vue.createElementVNode("view", { class: "time-button-view" }, [
+                                          vue.createElementVNode(
+                                            "view",
+                                            {
+                                              class: "time-button-start",
+                                              style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
+                                            },
+                                            " 开始服务 ",
+                                            4
+                                            /* STYLE */
+                                          ),
+                                          vue.createElementVNode(
+                                            "view",
+                                            {
+                                              class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`),
+                                              style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`)
+                                            },
+                                            " 服务结束 ",
+                                            6
+                                            /* CLASS, STYLE */
+                                          )
+                                        ])
+                                      ],
+                                      4
+                                      /* STYLE */
+                                    ),
+                                    vue.createElementVNode(
+                                      "view",
+                                      {
+                                        class: vue.normalizeClass($setup.isPopupVisiblefiropenthi ? `time-tra-thi-photo-change` : `time-tra-thi-photo`)
+                                      },
+                                      [
+                                        vue.createElementVNode("image", {
+                                          class: "time-tra-thi-photo-img",
+                                          style: { "margin-top": "150rpx", "margin-left": "-80rpx" },
+                                          src: `/static/index/project3.png`
+                                        }, null, 8, ["src"]),
+                                        vue.createElementVNode(
+                                          "text",
+                                          {
+                                            class: vue.normalizeClass($setup.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`)
+                                          },
+                                          " 更换纸尿裤 ",
+                                          2
+                                          /* CLASS */
+                                        )
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ]);
+                                }),
+                                64
+                                /* STABLE_FRAGMENT */
+                              ))
+                            ])
+                          ],
+                          4
+                          /* STYLE */
+                        )
+                      ])
+                    ])
+                  ],
+                  4
+                  /* STYLE */
+                )
+              ],
+              4
+              /* STYLE */
+            )
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" 右下角结束 ")
         ])
       ],
       2
diff --git a/unpackage/dist/dev/app-plus/pages/index/index.css b/unpackage/dist/dev/app-plus/pages/index/index.css
index ce62279..7f4d0b3 100644
--- a/unpackage/dist/dev/app-plus/pages/index/index.css
+++ b/unpackage/dist/dev/app-plus/pages/index/index.css
@@ -99,6 +99,7 @@
   display: flex;
   flex-direction: column;
   box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
+  overflow: hidden;
 }
 .right-container .right-container-sec .right-container-right-father .uni-margin-wrap[data-v-1cf27b2a] {
   margin-top: 6.25rem;
@@ -138,6 +139,7 @@
   font-size: 1rem;
   margin-right: 0.78125rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end[data-v-1cf27b2a] {
   width: 6.875rem;
@@ -149,6 +151,7 @@
   align-items: center;
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end-dark[data-v-1cf27b2a] {
   width: 6.875rem;
@@ -160,6 +163,7 @@
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
   background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
   /* 渐变从下到上 */
 }
 .right-container .right-container-sec .right-container-right-father .time-tra-next .time-people[data-v-1cf27b2a] {
@@ -456,23 +460,25 @@
   align-items: center;
   flex-direction: column;
   width: 100%;
-  height: 4.6875rem;
+  height: 5.3125rem;
 }
 .right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-img[data-v-1cf27b2a] {
-  width: 2.1875rem;
-  height: 2.1875rem;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text[data-v-1cf27b2a] {
   width: 100%;
   height: 0.3125rem;
-  font-size: 0.78125rem;
+  font-size: 1.09375rem;
   text-align: center;
+  margin-bottom: 0.15625rem;
 }
 .right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text-dark[data-v-1cf27b2a] {
   width: 100%;
   height: 0.3125rem;
-  font-size: 0.78125rem;
+  font-size: 1.09375rem;
   text-align: center;
+  margin-bottom: 0.15625rem;
   color: #fff;
 }
 .right-container .right-container-sec .right-huli-fir .right-huli-shang[data-v-1cf27b2a] {
@@ -616,6 +622,7 @@
 .right-container .right-container-sec .time-tra-thi .time-button-view[data-v-1cf27b2a] {
   display: flex;
   margin-left: 0;
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-thi .time-button-view .time-button-start[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -630,6 +637,7 @@
   font-size: 1rem;
   margin-right: 0.78125rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -641,6 +649,7 @@
   align-items: center;
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end-dark[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -652,6 +661,7 @@
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
   background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-thi .time-font[data-v-1cf27b2a] {
   font-size: 2.1875rem;
@@ -728,6 +738,7 @@
   font-size: 1rem;
   margin-right: 0.78125rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -739,6 +750,7 @@
   align-items: center;
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end-dark[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -750,6 +762,7 @@
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
   background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-sec .time-tra-sec .time-font[data-v-1cf27b2a] {
   font-size: 2.34375rem;
@@ -956,6 +969,7 @@
   font-size: 1rem;
   margin-right: 0.78125rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -967,6 +981,7 @@
   align-items: center;
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end-dark[data-v-1cf27b2a] {
   width: 7.1875rem;
@@ -978,6 +993,7 @@
   font-size: 1rem;
   box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
   background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
   /* 渐变从下到上 */
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-fir[data-v-1cf27b2a] {
@@ -1004,6 +1020,7 @@
   -webkit-background-clip: text;
   color: transparent;
   font-weight: 700;
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-font-dark[data-v-1cf27b2a] {
   font-size: 2.1875rem;
@@ -1012,6 +1029,7 @@
   -webkit-background-clip: text;
   color: transparent;
   font-weight: 700;
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-text[data-v-1cf27b2a] {
   margin-left: 0.3125rem;
@@ -1019,6 +1037,7 @@
   width: 16.5625rem;
   margin-bottom: 1.25rem;
   line-height: 1.25rem;
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-text-dark[data-v-1cf27b2a] {
   margin-left: 0.3125rem;
@@ -1027,6 +1046,7 @@
   width: 16.5625rem;
   margin-bottom: 1.25rem;
   line-height: 1.25rem;
+  transition: all 0.4s ease-in-out;
 }
 .right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card[data-v-1cf27b2a] {
   display: flex;
@@ -1120,7 +1140,7 @@
   border: 0.03125rem solid #fff;
   background: url(../../static/index/rightbgi.png);
   background-size: cover;
-  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
+  background-color: rgba(99, 115, 157, 0.1);
 }
 .right-container .right-container-fir .right-container-fir-right-dark[data-v-1cf27b2a] {
   margin-left: 2%;
@@ -1402,6 +1422,7 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
+  transition: all 0.4s ease-in-out;
 }
 .right-huli-sec .right-huli-view[data-v-1cf27b2a] {
   width: 100%;
@@ -1414,12 +1435,13 @@
   height: 14.0625rem;
 }
 .right-huli-sec .right-huli-view .right-huli-view-dis[data-v-1cf27b2a] {
-  height: 6.875rem;
+  height: 4.6875rem;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 100%;
+  transition: all 0.4s ease-in-out;
 }
 .right-huli-sec .right-huli-view .right-huli-view-dis .right-huli-img[data-v-1cf27b2a] {
   width: 2.8125rem;
@@ -1429,14 +1451,13 @@
   width: 100%;
   height: 0.46875rem;
   text-align: center;
-  font-size: 0.78125rem;
-  margin-top: 0.3125rem;
+  font-size: 1.09375rem;
 }
 .right-huli-sec .right-huli-view .right-huli-view-dis .right-huli-text-dark[data-v-1cf27b2a] {
   width: 100%;
   height: 0.46875rem;
   text-align: center;
-  font-size: 0.78125rem;
+  font-size: 1.09375rem;
   color: #fff;
   margin-top: 0.3125rem;
 }
@@ -1581,12 +1602,14 @@
   align-items: center;
   width: 9.375rem;
   flex-direction: column;
+  transition: all 0.4s ease-in-out;
 }
 .time-tra-thi-photo .time-tra-thi-photo-img[data-v-1cf27b2a] {
   width: 10.3125rem;
   height: 10.3125rem;
   margin-top: -3.125rem;
   margin-left: -1.5625rem;
+  transition: all 0.4s ease-in-out;
 }
 .time-tra-thi-photo .time-tra-thi-photo-font[data-v-1cf27b2a] {
   font-size: 0.9375rem;
@@ -1594,6 +1617,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  transition: all 0.4s ease-in-out;
 }
 .time-tra-thi-photo .time-tra-thi-photo-font-dark[data-v-1cf27b2a] {
   color: #CDD6EA;
@@ -1602,6 +1626,40 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.time-tra-thi-photo-change[data-v-1cf27b2a] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 15.9375rem;
+  margin-left: 5rem;
+  flex-direction: column;
+  transition: all 0.4s ease-in-out;
+}
+.time-tra-thi-photo-change .time-tra-thi-photo-img[data-v-1cf27b2a] {
+  width: 15.625rem;
+  height: 15.625rem;
+  margin-top: -3.125rem;
+  margin-left: -1.5625rem;
+  transition: all 0.4s ease-in-out;
+}
+.time-tra-thi-photo-change .time-tra-thi-photo-font[data-v-1cf27b2a] {
+  font-size: 1.25rem;
+  margin-right: 1.5625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.time-tra-thi-photo-change .time-tra-thi-photo-font-dark[data-v-1cf27b2a] {
+  color: #CDD6EA;
+  font-size: 1.25rem;
+  margin-right: 1.5625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
 }
 .popup-overlay[data-v-1cf27b2a] {
   position: fixed;
@@ -1620,9 +1678,10 @@
 }
 .popup-overlay .popup-overlay-content[data-v-1cf27b2a] {
   position: absolute;
+  background-color: #ffffff;
   border-radius: 1.5625rem;
   transition: width 0.4s ease-in-out, height 0.4s ease-in-out, top 0.4s ease-in-out, left 0.4s ease-in-out;
-  /* 修正了 transition 语法 */
+  /* 修正了 transition 语法  左上角*/
 }
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open[data-v-1cf27b2a] {
   width: 100%;
@@ -1701,7 +1760,6 @@
 }
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item-flex[data-v-1cf27b2a] {
   display: flex;
-  margin-top: 0.9375rem;
   z-index: 10;
 }
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item[data-v-1cf27b2a] {
@@ -1719,6 +1777,7 @@
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir[data-v-1cf27b2a] {
   margin-top: 1.25rem;
   margin-left: 0.9375rem;
+  transition: all 0.4s ease-in-out;
 }
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-two[data-v-1cf27b2a] {
   display: flex;
@@ -1827,8 +1886,6 @@
 }
 .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card[data-v-1cf27b2a] {
   display: flex;
-  justify-content: center;
-  align-items: center;
   flex-direction: column;
   position: relative;
   margin-left: 1.5625rem;
@@ -1907,3 +1964,799 @@
   color: #fff;
   z-index: 10;
 }
+.popup-overlay .popup-overlay-content .right-container-left-font-spec[data-v-1cf27b2a] {
+  position: absolute;
+  top: 5.625rem;
+  left: 18.125rem;
+  width: 3.125rem;
+  height: 1.25rem;
+  font-size: 0.78125rem;
+  border-radius: 0.15625rem;
+  color: #fff;
+  z-index: 10;
+  background-color: #34c678;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father[data-v-1cf27b2a] {
+  width: 100%;
+  height: 100%;
+  border-radius: 1.09375rem;
+  border: 0.03125rem solid #fff;
+  background-color: rgba(200, 216, 238, 0.8);
+  background-position: 60% 50%;
+  /* 背景颜色 #f4f9ff，透明度 70% */
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
+  overflow: hidden;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap[data-v-1cf27b2a] {
+  margin-top: 6.25rem;
+  width: 100%;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper[data-v-1cf27b2a] {
+  height: 28.125rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper .swiper-item-flex[data-v-1cf27b2a] {
+  display: flex;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper .swiper-item[data-v-1cf27b2a] {
+  display: block;
+  height: 9.375rem;
+  line-height: 9.375rem;
+  text-align: center;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next[data-v-1cf27b2a] {
+  height: 100%;
+  width: 21.875rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin[data-v-1cf27b2a] {
+  display: flex;
+  margin-top: 1.5625rem;
+  margin-left: -1.5625rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-start[data-v-1cf27b2a] {
+  width: 6.875rem;
+  height: 2.5rem;
+  border-radius: 1.5625rem;
+  background: linear-gradient(to top, #047ADB, #0EA7DD);
+  border-left: 0.0625rem solid #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 1rem;
+  margin-right: 0.78125rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end[data-v-1cf27b2a] {
+  width: 6.875rem;
+  height: 2.5rem;
+  border-radius: 1.5625rem;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end-dark[data-v-1cf27b2a] {
+  width: 6.875rem;
+  height: 2.5rem;
+  border-radius: 1.5625rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  /* 渐变从下到上 */
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people[data-v-1cf27b2a] {
+  display: flex;
+  margin-bottom: 0.625rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-img[data-v-1cf27b2a] {
+  width: 1.3125rem;
+  height: 1.3125rem;
+  margin-right: 0.15625rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-font[data-v-1cf27b2a] {
+  font-size: 0.9375rem;
+  margin-right: 2.8125rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-font-dark[data-v-1cf27b2a] {
+  color: #CDD6EA;
+  font-size: 0.9375rem;
+  margin-right: 2.8125rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-font[data-v-1cf27b2a] {
+  font-size: 2.03125rem;
+  margin-top: 1.5625rem;
+  margin-bottom: 0.3125rem;
+  font-weight: 700;
+  background: linear-gradient(to bottom, #7080A1, #263556);
+  -webkit-background-clip: text;
+  color: transparent;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-font-dark[data-v-1cf27b2a] {
+  font-size: 2.03125rem;
+  margin-top: 1.5625rem;
+  margin-bottom: 0.3125rem;
+  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+  -webkit-background-clip: text;
+  color: transparent;
+  font-weight: 700;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-text[data-v-1cf27b2a] {
+  margin-left: 0.3125rem;
+  font-size: 2.1875rem;
+  font-weight: 700;
+  width: 25rem;
+  margin-bottom: 1.5625rem;
+  line-height: 2.1875rem;
+  position: relative;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-text .time-text-img[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0;
+  left: 9.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father[data-v-1cf27b2a] {
+  width: 100%;
+  height: 17.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-left[data-v-1cf27b2a] {
+  height: 1.5625rem;
+  width: 1.5625rem;
+  margin-top: -4.6875rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark[data-v-1cf27b2a] {
+  margin-left: 1.5625rem;
+  margin-top: 1.875rem;
+  width: 23.84375rem;
+  height: 13.4375rem;
+  border-radius: 1.25rem;
+  position: relative;
+  display: flex;
+  box-shadow: 0.0625rem 0 0 0.0625rem;
+  background-color: #16304c;
+  border: 0.0625rem solid #fff;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-line[data-v-1cf27b2a] {
+  width: 1px;
+  /* 线条的宽度 */
+  height: 6.25rem;
+  /* 高度占满父容器 */
+  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
+  margin-left: -0.625rem;
+  margin-right: 0.9375rem;
+  margin-top: 3.125rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card[data-v-1cf27b2a] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 14.0625rem;
+  position: relative;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-type[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0;
+  left: -0.78125rem;
+  width: 7.8125rem;
+  height: 2.5rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0.46875rem;
+  left: 2.03125rem;
+  font-size: 1.09375rem;
+  color: #414F6E;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font-dark[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0.46875rem;
+  left: 2.03125rem;
+  font-size: 1.09375rem;
+  color: #fff;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-img[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 6.25rem;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font[data-v-1cf27b2a] {
+  font-size: 1.09375rem;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font-dark[data-v-1cf27b2a] {
+  font-size: 1.09375rem;
+  color: #fff;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card[data-v-1cf27b2a] {
+  margin-left: 1.5625rem;
+  margin-top: 1.875rem;
+  width: 23.84375rem;
+  height: 13.4375rem;
+  border-radius: 1.25rem;
+  position: relative;
+  display: flex;
+  border: 0.03125rem solid black;
+  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-line[data-v-1cf27b2a] {
+  width: 1px;
+  /* 线条的宽度 */
+  height: 6.25rem;
+  /* 高度占满父容器 */
+  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
+  margin-left: -0.625rem;
+  margin-right: 0.9375rem;
+  margin-top: 3.125rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card[data-v-1cf27b2a] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 14.0625rem;
+  position: relative;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-type[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0;
+  left: -0.78125rem;
+  width: 7.8125rem;
+  height: 2.5rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-font[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0.46875rem;
+  left: 2.03125rem;
+  font-size: 1.09375rem;
+  color: #414F6E;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-img[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 6.25rem;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font[data-v-1cf27b2a] {
+  font-size: 1.09375rem;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font-dark[data-v-1cf27b2a] {
+  font-size: 1.5625rem;
+  color: #fff;
+  margin-top: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-right[data-v-1cf27b2a] {
+  height: 1.5625rem;
+  width: 1.5625rem;
+  margin-top: -4.6875rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title[data-v-1cf27b2a] {
+  width: 100%;
+  height: 5.3125rem;
+  position: relative;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-text[data-v-1cf27b2a] {
+  line-height: 4.0625rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-left: 1.875rem;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-text-dark[data-v-1cf27b2a] {
+  line-height: 4.0625rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin-left: 1.875rem;
+  color: #fff;
+}
+.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-img[data-v-1cf27b2a] {
+  position: absolute;
+  top: 1.875rem;
+  right: 1.5625rem;
+  width: 1.5625rem;
+  height: 0.46875rem;
+}
+.popup-overlay .popup-overlay-content .right-container-left[data-v-1cf27b2a] {
+  width: 100%;
+  height: 100%;
+  border-radius: 1.40625rem;
+  border: 0.03125rem solid #fff;
+  /* 背景颜色 #f4f9ff，透明度 70% */
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #c9ddf4;
+  /* 白色背景透明度为 10% */
+  background-image: url('../../static/index/mountain.png');
+  background-position: 70% 45%;
+  overflow: hidden;
+  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
+  /* 背景图片从左上角25%和30%的位置开始 */
+}
+.popup-overlay .popup-overlay-content .right-container-left-dark[data-v-1cf27b2a] {
+  width: 100%;
+  height: 100%;
+  border-radius: 1.40625rem;
+  border: 0.03125rem solid #fff;
+  background-color: #16304c;
+  /* 背景颜色 #f4f9ff，透明度 70% */
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.popup-overlay .popup-overlay-content .uni-margin-wrap[data-v-1cf27b2a] {
+  width: 100%;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper[data-v-1cf27b2a] {
+  height: 25rem;
+}
+.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper .swiper-item-flex[data-v-1cf27b2a] {
+  display: flex;
+  position: relative;
+}
+.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper .swiper-item[data-v-1cf27b2a] {
+  display: block;
+  height: 9.375rem;
+  line-height: 9.375rem;
+  text-align: center;
+}
+.popup-overlay .popup-overlay-content .right-container-fir-left-card-main-right[data-v-1cf27b2a] {
+  height: 1.5625rem;
+  width: 1.5625rem;
+  margin-right: 0.3125rem;
+  z-index: 11;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir[data-v-1cf27b2a] {
+  width: 7.8125rem;
+  height: 100%;
+  margin-top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view[data-v-1cf27b2a] {
+  margin-left: 0.25rem;
+  height: 23.4375rem;
+  overflow: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis[data-v-1cf27b2a] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  height: 5.3125rem;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-img[data-v-1cf27b2a] {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text[data-v-1cf27b2a] {
+  width: 100%;
+  height: 0.3125rem;
+  font-size: 1.09375rem;
+  text-align: center;
+  margin-bottom: 0.15625rem;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text-dark[data-v-1cf27b2a] {
+  width: 100%;
+  height: 0.3125rem;
+  font-size: 1.09375rem;
+  text-align: center;
+  margin-bottom: 0.15625rem;
+  color: #fff;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-shang[data-v-1cf27b2a] {
+  margin-top: 1.25rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-xia[data-v-1cf27b2a] {
+  margin-bottom: 1.25rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-photo[data-v-1cf27b2a] {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-left: 1.5625rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-img[data-v-1cf27b2a] {
+  width: 9.6875rem;
+  height: 10.9375rem;
+  margin-bottom: 0.3125rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-text[data-v-1cf27b2a] {
+  font-size: 0.9375rem;
+  color: #324160;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-text-dark[data-v-1cf27b2a] {
+  font-size: 0.9375rem;
+  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+  -webkit-background-clip: text;
+  color: transparent;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo-change[data-v-1cf27b2a] {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-left: 2.8125rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-img[data-v-1cf27b2a] {
+  width: 15.9375rem;
+  height: 17.1875rem;
+  margin-bottom: 0.3125rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-text[data-v-1cf27b2a] {
+  font-size: 1.25rem;
+  color: #324160;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-text-dark[data-v-1cf27b2a] {
+  font-size: 1.25rem;
+  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+  -webkit-background-clip: text;
+  color: transparent;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .right-container-fir-left-card-main-left[data-v-1cf27b2a] {
+  height: 1.5625rem;
+  width: 1.5625rem;
+  margin-left: 0.9375rem;
+}
+.popup-overlay .popup-overlay-content .right-container-left-type[data-v-1cf27b2a] {
+  position: absolute;
+  top: 1.3125rem;
+  left: -0.46875rem;
+  width: 7.34375rem;
+  height: 2.28125rem;
+  z-index: 10;
+}
+.popup-overlay .popup-overlay-content .right-container-left-font[data-v-1cf27b2a] {
+  position: absolute;
+  top: 1.59375rem;
+  left: 1.5625rem;
+  font-size: 1.125rem;
+  color: #fff;
+  z-index: 10;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open[data-v-1cf27b2a] {
+  margin-left: 2.5rem;
+  margin-top: 2.1875rem;
+  height: 100%;
+  width: 17.1875rem;
+  position: relative;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text[data-v-1cf27b2a] {
+  margin-left: 0.3125rem;
+  font-size: 1.09375rem;
+  width: 14.0625rem;
+  margin-bottom: 1.25rem;
+  line-height: 1.25rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text-dark[data-v-1cf27b2a] {
+  margin-left: 0.3125rem;
+  color: #CDD6EA;
+  font-size: 1.09375rem;
+  width: 14.0625rem;
+  margin-bottom: 1.25rem;
+  line-height: 1.25rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-tra-thi-zhixing[data-v-1cf27b2a] {
+  position: absolute;
+  top: 2.34375rem;
+  left: 14.0625rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-tra-thi-zhixing-font[data-v-1cf27b2a] {
+  position: absolute;
+  top: 1.875rem;
+  left: 0.3125rem;
+  width: 3.125rem;
+  height: 1.25rem;
+  font-size: 0.78125rem;
+  border-radius: 0.15625rem;
+  color: #fff;
+  z-index: 10;
+  background-color: #f37b5b;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-two[data-v-1cf27b2a] {
+  display: flex;
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-img[data-v-1cf27b2a] {
+  width: 1.3125rem;
+  height: 1.3125rem;
+  margin-right: 0.3125rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-font[data-v-1cf27b2a] {
+  transition: all 0.4s ease-in-out;
+  font-size: 0.9375rem;
+  margin-right: 0.625rem;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-font-dark[data-v-1cf27b2a] {
+  transition: all 0.4s ease-in-out;
+  color: #CDD6EA;
+  font-size: 0.9375rem;
+  margin-right: 0.625rem;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi[data-v-1cf27b2a] {
+  display: flex;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-img[data-v-1cf27b2a] {
+  width: 1.3125rem;
+  height: 1.3125rem;
+  margin-right: 0.15625rem;
+  margin-left: 0.15625rem;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-font[data-v-1cf27b2a] {
+  font-size: 0.9375rem;
+  margin-right: 0.625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-font-dark[data-v-1cf27b2a] {
+  color: #CDD6EA;
+  font-size: 0.9375rem;
+  margin-right: 0.625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view[data-v-1cf27b2a] {
+  display: flex;
+  margin-left: 0;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-start[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
+  border-left: 0.0625rem solid #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 1rem;
+  margin-right: 0.78125rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-end[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-end-dark[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-font[data-v-1cf27b2a] {
+  font-size: 2.1875rem;
+  margin-top: 3.75rem;
+  margin-bottom: 1.25rem;
+  font-weight: 700;
+  background: linear-gradient(to bottom, #7080A1, #263556);
+  -webkit-background-clip: text;
+  color: transparent;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-font-dark[data-v-1cf27b2a] {
+  font-size: 2.1875rem;
+  margin-top: 3.75rem;
+  margin-bottom: 1.25rem;
+  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+  -webkit-background-clip: text;
+  color: transparent;
+  font-weight: 700;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text-img[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0;
+  left: 9.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec[data-v-1cf27b2a] {
+  margin-left: 2.5rem;
+  margin-top: 3.4375rem;
+  height: 100%;
+  width: 15.625rem;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi[data-v-1cf27b2a] {
+  display: flex;
+  margin-bottom: 0.46875rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-img[data-v-1cf27b2a] {
+  width: 1.3125rem;
+  height: 1.3125rem;
+  margin-right: 0.15625rem;
+  margin-left: 0.15625rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font[data-v-1cf27b2a] {
+  font-size: 1rem;
+  margin-right: 0.625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark[data-v-1cf27b2a] {
+  color: #CDD6EA;
+  font-size: 1rem;
+  margin-right: 0.625rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change[data-v-1cf27b2a] {
+  display: flex;
+  margin-bottom: 0.46875rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-img[data-v-1cf27b2a] {
+  width: 1.875rem;
+  height: 1.875rem;
+  margin-right: 0.25rem;
+  margin-left: 0.25rem;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-font[data-v-1cf27b2a] {
+  font-size: 1.40625rem;
+  margin-right: 0.9375rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-font-dark[data-v-1cf27b2a] {
+  color: #CDD6EA;
+  font-size: 1.40625rem;
+  margin-right: 0.9375rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view[data-v-1cf27b2a] {
+  display: flex;
+  margin-top: 0.78125rem;
+  margin-left: 0;
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-start[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  background: linear-gradient(to top, #0DA0B1, #04D3AF);
+  border-left: 0.0625rem solid #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 1rem;
+  margin-right: 0.78125rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-end[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-end-dark[data-v-1cf27b2a] {
+  width: 7.1875rem;
+  height: 2.5rem;
+  border-radius: 1.25rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  box-shadow: 0.09375rem 0.09375rem 0.3125rem rgba(0, 0, 0, 0.3);
+  background: linear-gradient(to top, #6B87BA, #FFFFFF);
+  transition: all 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-font[data-v-1cf27b2a] {
+  font-size: 2.34375rem;
+  margin-top: 0.9375rem;
+  margin-bottom: 0.3125rem;
+  font-weight: 700;
+  background: linear-gradient(to bottom, #7080A1, #263556);
+  -webkit-background-clip: text;
+  color: transparent;
+  transition: font-size 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-font-dark[data-v-1cf27b2a] {
+  font-size: 2.34375rem;
+  margin-top: 0.9375rem;
+  margin-bottom: 0.3125rem;
+  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
+  -webkit-background-clip: text;
+  color: transparent;
+  font-weight: 700;
+  transition: font-size 0.4s ease-in-out;
+}
+.popup-overlay .popup-overlay-content .time-tra-sec .time-text-img[data-v-1cf27b2a] {
+  position: absolute;
+  top: 0;
+  left: 9.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+}