This commit is contained in:
Teng 2025-03-03 17:43:20 +08:00
parent 9152f7ffce
commit cbfa86853b
3 changed files with 1050 additions and 998 deletions

View File

@ -255,28 +255,28 @@
<image class="time-people-img" <image class="time-people-img"
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" /> :src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"> <text :class="darkFans?`time-people-font-dark`:`time-people-font`">
医嘱:药品 医嘱类型:药品
</text> </text>
</view> </view>
<view class="time-people-thi"> <view class="time-people-thi">
<image class="time-people-img" <image class="time-people-img"
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" /> :src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"> <text :class="darkFans?`time-people-font-dark`:`time-people-font`">
处置:肌肉注射 处置方式:肌肉注射
</text> </text>
</view> </view>
<view class="time-people-thi"> <view class="time-people-thi">
<image class="time-people-img" <image class="time-people-img"
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" /> :src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"> <text :class="darkFans?`time-people-font-dark`:`time-people-font`">
用药:抗生素类 用药类型:抗生素类
</text> </text>
</view> </view>
<view class="time-people-thi"> <view class="time-people-thi">
<image class="time-people-img" <image class="time-people-img"
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" /> :src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"> <text :class="darkFans?`time-people-font-dark`:`time-people-font`">
执行:周期一日执行一次 执行方式:周期一日执行一次
</text> </text>
</view> </view>
<view class="time-people-thi"> <view class="time-people-thi">
@ -412,7 +412,7 @@
</view> </view>
</view> </view>
<!-- 弹出层左上角 --> <!-- 弹出层左上角 -->
<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup"> <view v-if="isPopupVisible" class="popup-overlay" @click="closePopup" :style="isPopupVisiblefiropen?{backdropFilter:`blur(5rpx)`}:`{}`">
<view class="popup-overlay-content" @click.stop <view class="popup-overlay-content" @click.stop
:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }"> :style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
<view class="right-container-fir-left-nav-open"> <view class="right-container-fir-left-nav-open">
@ -425,7 +425,7 @@
<view class="right-container-fir-left-card-main"> <view class="right-container-fir-left-card-main">
<swiper :current="firstcurrentIndexup" class="swiper savehundred" circular <swiper :current="firstcurrentIndexup" class="swiper savehundred" circular
:indicator-dots="false" :vertical="true" disable-touch> :indicator-dots="false" :vertical="true" disable-touch>
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index" style="margin-top: 30rpx;"> <swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
<view class="right-container-fir-left-card-flex"> <view class="right-container-fir-left-card-flex">
<view class="uni-margin-wrap-fir"> <view class="uni-margin-wrap-fir">
@ -435,20 +435,21 @@
disable-touch> disable-touch>
<swiper-item class="swiper-item-flex" <swiper-item class="swiper-item-flex"
v-for="(item,index) in [1,2 ,3]" :key="index"> v-for="(item,index) in [1,2 ,3]" :key="index">
<view class="right-container-fir-left-card-card"> <view class="right-container-fir-left-card-card"
style="margin-top: 100rpx;">
<view class="right-container-fir-left-card-zhixing" <view class="right-container-fir-left-card-zhixing"
:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`"> :style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
<div class="right-container-fir-left-card-zhixing-font" <div class="right-container-fir-left-card-zhixing-font"
:style="isPopupVisiblefiropen?{top:`43rpx`,left:`20rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`"> :style="isPopupVisiblefiropen?{top:`-60rpx`,left:`0rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
待执行 待执行
</div> </div>
</view> </view>
<image class="right-container-fir-left-card-img" <image class="right-container-fir-left-card-img"
:style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:`{}`" :style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:{marginTop:`90rpx`}"
:src="`/static/index/teeth.png`" @click="closePopup" /> :src="`/static/index/teeth.png`" @click="closePopup" />
<view class="right-container-fir-left-card-main-laba-video"> <view class="right-container-fir-left-card-main-laba-video">
<image class="right-container-fir-left-card-main-laba" <image class="right-container-fir-left-card-main-laba"
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`" :style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{}"
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" /> :src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
<text <text
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`" :style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
@ -456,14 +457,15 @@
准备洁具口腔 准备洁具口腔
</text> </text>
<image class="right-container-fir-left-card-main-video" <image class="right-container-fir-left-card-main-video"
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`" :style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{marginLeft:`-150rpx`}"
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" /> :src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
</view> </view>
</view> </view>
<view class="split-line" <!-- <view class="split-line" style="height: 300rpx;"
:style="isPopupVisiblefiropen?{height:`300rpx`}:`{}`"> >
</view> </view> -->
<view class="time-tra-fir"> <view class="time-tra-fir"
:style="isPopupVisiblefiropen?`{}`:{marginTop:`140rpx`,marginLeft:`20rpx`}">
<view :class="darkFans?`time-font-dark`:`time-font`" <view :class="darkFans?`time-font-dark`:`time-font`"
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`"> :style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
10:00 - 10:10 10:00 - 10:10
@ -523,17 +525,19 @@
<view class="right-huli-sec"> <view class="right-huli-sec">
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" /> <image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true" <scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`"> 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`}:`{}`"> <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" /> <image class="right-huli-img" :src="item.url" />
<text class="right-huli-text">{{item.name}}</text> <text class="right-huli-text">{{item.name}}</text>
</view> </view>
</scroll-view> </scroll-view>
<!-- 暗黑模式 --> <!-- 暗黑模式 -->
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true" <scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`" > class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
<view v-for="(item,index) in huliListDark" :key="index" <view v-for="(item,index) in huliListDark" :key="index"
class="right-huli-view-dis" :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`"> class="right-huli-view-dis"
:style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
<image class="right-huli-img" :src="item.url" /> <image class="right-huli-img" :src="item.url" />
<text class="right-huli-text-dark">{{item.name}}</text> <text class="right-huli-text-dark">{{item.name}}</text>
</view> </view>
@ -547,13 +551,15 @@
</view> </view>
<!-- 弹出层左上角结束 --> <!-- 弹出层左上角结束 -->
<!-- 弹出层左下角 --> <!-- 弹出层左下角 -->
<view v-if="isPopupVisiblesec" class="popup-overlay" @click="closePopupsec"> <view v-if="isPopupVisiblesec" class="popup-overlay" @click="closePopupsec" :style="isPopupVisiblefiropensec?{backdropFilter:`blur(5rpx)`}:`{}`">
<view class="popup-overlay-content" @click.stop <view class="popup-overlay-content" @click.stop
:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }"> :style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
<view :class="darkFans?`right-container-left-dark`:`right-container-left`"> <view :class="darkFans?`right-container-left-dark`:`right-container-left`">
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" /> <image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
<div class="right-container-left-font" @click="closePopupsec">医疗类</div> <div class="right-container-left-font" @click="closePopupsec">医疗类</div>
<image v-if="darkFans" class="card-upfaguang-down" :src="`/static/index/cardbgc/uplight.png`" /> <image v-if="darkFans" class="card-upfaguang-down"
:style="isPopupVisiblefiropensec?{left:`1000rpx`,top:`680rpx`}:`{}`"
:src="`/static/index/cardbgc/uplight.png`" />
<swiper class="swiper savehundred" circular :indicator-dots="false" :vertical="true" <swiper class="swiper savehundred" circular :indicator-dots="false" :vertical="true"
disable-touch> 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">
@ -623,7 +629,8 @@
赵宇 赵宇
</text> </text>
</view> </view>
<view class="time-button-view" :style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`"> <view class="time-button-view"
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
<view class="time-button-start" <view class="time-button-start"
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`"> :style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
开始服务 开始服务
@ -682,18 +689,19 @@
</view> </view>
<!-- 弹出层左下角结束 --> <!-- 弹出层左下角结束 -->
<!-- 弹出层右下角 --> <!-- 弹出层右下角 -->
<view v-if="isPopupVisiblethi" class="popup-overlay" @click="closePopupthi"> <view v-if="isPopupVisiblethi" class="popup-overlay" @click="closePopupthi" :style="isPopupVisiblefiropenthi?{backdropFilter:`blur(5rpx)`}:`{}`">
<view class="popup-overlay-content" @click.stop <view class="popup-overlay-content" @click.stop
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }"> :style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
<view class="right-container-right-father" <view class="right-container-right-father"
:style="darkFans ? { backgroundColor: 'rgb(17, 45, 74)', backgroundImage :`none` } : {backgroundImage:`url('/static/index/mountain.png')`,backgroundPosition: `60% 50%`}"> :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" > <view class="right-container-right-down-father">
<div class="right-container-fir-left-card-flex-sec" > <div class="right-container-fir-left-card-flex-sec">
<image class="right-container-fir-left-card-flex-sec-img" <image class="right-container-fir-left-card-flex-sec-img"
:src="`/static/index/baojielei.png`" /> :src="`/static/index/baojielei.png`" />
<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类 <div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
</div> </div>
<view class="uni-margin-wrap" :style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`"> <view class="uni-margin-wrap"
:style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`">
<div class="swiper" circular :indicator-dots="false" disable-touch> <div class="swiper" circular :indicator-dots="false" disable-touch>
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index"> <div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<view class="time-tra-thi-open" <view class="time-tra-thi-open"
@ -742,7 +750,8 @@
</view> </view>
<view <view
:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`"> :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;" <image class="time-tra-thi-photo-img"
style="margin-top: 150rpx;margin-left: -80rpx;"
:src="`/static/index/project3.png`" /> :src="`/static/index/project3.png`" />
<text <text
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`"> :class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
@ -951,7 +960,7 @@
topCom.value = 150; topCom.value = 150;
leftCom.value = 233; leftCom.value = 233;
isPopupVisiblefiropen.value = true; isPopupVisiblefiropen.value = true;
}, 100) }, 10)
} }
const closePopup = () => { const closePopup = () => {
widthCom.value = 1320; widthCom.value = 1320;
@ -971,7 +980,7 @@
topComsec.value = 400; topComsec.value = 400;
leftComsec.value = 233; leftComsec.value = 233;
isPopupVisiblefiropensec.value = true; isPopupVisiblefiropensec.value = true;
}, 100) }, 10)
} }
const closePopupsec = () => { const closePopupsec = () => {
widthComsec.value = 1150; widthComsec.value = 1150;
@ -991,7 +1000,7 @@
topComthi.value = 400; topComthi.value = 400;
leftComthi.value = 620; leftComthi.value = 620;
isPopupVisiblefiropenthi.value = true; isPopupVisiblefiropenthi.value = true;
}, 100) }, 10)
} }
const closePopupthi = () => { const closePopupthi = () => {
widthComthi.value = 880; widthComthi.value = 880;
@ -1757,6 +1766,7 @@
// margin-top: 80rpx; // margin-top: 80rpx;
margin-left: 0rpx; margin-left: 0rpx;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
.time-button-start { .time-button-start {
width: 230rpx; width: 230rpx;
height: 80rpx; height: 80rpx;
@ -2743,6 +2753,7 @@
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
.right-huli-img { .right-huli-img {
width: 90rpx; width: 90rpx;
height: 90rpx; height: 90rpx;
@ -3020,11 +3031,21 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.5); // background: rgba(0, 0, 0, 0.5);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
backdrop-filter: blur(3rpx); backdrop-filter: blur(1rpx);
transition: all 0.4s ease-in-out;
/* 关键:通过遮罩控制模糊的显示区域 */
// mask: radial-gradient(circle at center,
// rgba(0, 0, 0, 0) 0%,
// /* */
// rgba(0, 0, 0, 0.1) 30%,
// /* */
// rgba(0, 0, 0, 1) 70%
// /* */
// );
/* 添加毛玻璃效果 */ /* 添加毛玻璃效果 */
z-index: 999; z-index: 999;
@ -3042,7 +3063,7 @@
/* 圆角 */ /* 圆角 */
position: relative; position: relative;
/* 增加背景色确保视觉效果 */ /* 增加背景色确保视觉效果 */
background-color: rgba(255, 255, 255, 0.6); // background-color: rgba(255, 255, 255, 0.6);
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3); box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
/* 增强的阴影效果 */ /* 增强的阴影效果 */
@ -3150,6 +3171,7 @@
margin-top: 40rpx; margin-top: 40rpx;
margin-left: 30rpx; margin-left: 30rpx;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
.time-people-two { .time-people-two {
display: flex; display: flex;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
@ -3292,8 +3314,8 @@
.right-container-fir-left-card-zhixing-font { .right-container-fir-left-card-zhixing-font {
position: absolute; position: absolute;
top: 60rpx; top: 80rpx;
left: 10rpx; left: 0rpx;
width: 100rpx; width: 100rpx;
height: 40rpx; height: 40rpx;
font-size: 25rpx; font-size: 25rpx;
@ -3312,13 +3334,14 @@
.right-container-fir-left-card-main-font { .right-container-fir-left-card-main-font {
font-size: 34rpx; font-size: 34rpx;
font-weight: 350; font-weight: 350;
transition: all 0.4s ease-in-out;
} }
.right-container-fir-left-card-main-font-dark { .right-container-fir-left-card-main-font-dark {
font-size: 34rpx; font-size: 34rpx;
font-weight: 350; font-weight: 350;
color: #fff; color: #fff;
transition: all 0.4s ease-in-out;
} }
@ -3338,6 +3361,7 @@
.right-container-fir-left-card-main-video { .right-container-fir-left-card-main-video {
width: 45rpx; width: 45rpx;
height: 45rpx; height: 45rpx;
transition: all 0.4s ease-in-out;
} }
} }
@ -3556,6 +3580,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
.right-container-right-down-left { .right-container-right-down-left {
height: 50rpx; height: 50rpx;
width: 50rpx; width: 50rpx;

File diff suppressed because it is too large Load Diff

View File

@ -1667,12 +1667,13 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
-webkit-backdrop-filter: blur(0.09375rem); -webkit-backdrop-filter: blur(0.03125rem);
backdrop-filter: blur(0.09375rem); backdrop-filter: blur(0.03125rem);
transition: all 0.4s ease-in-out;
/* 关键:通过遮罩控制模糊的显示区域 */
/* 添加毛玻璃效果 */ /* 添加毛玻璃效果 */
z-index: 999; z-index: 999;
} }
@ -1690,7 +1691,6 @@
/* 圆角 */ /* 圆角 */
position: relative; position: relative;
/* 增加背景色确保视觉效果 */ /* 增加背景色确保视觉效果 */
background-color: rgba(255, 255, 255, 0.6);
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3); box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
/* 增强的阴影效果 */ /* 增强的阴影效果 */
/* 包括边框在内计算宽高 */ /* 包括边框在内计算宽高 */
@ -1898,8 +1898,8 @@
} }
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font[data-v-1cf27b2a] {
position: absolute; position: absolute;
top: 1.875rem; top: 2.5rem;
left: 0.3125rem; left: 0;
width: 3.125rem; width: 3.125rem;
height: 1.25rem; height: 1.25rem;
font-size: 0.78125rem; font-size: 0.78125rem;
@ -1915,11 +1915,13 @@
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font[data-v-1cf27b2a] {
font-size: 1.0625rem; font-size: 1.0625rem;
font-weight: 350; font-weight: 350;
transition: all 0.4s ease-in-out;
} }
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font-dark[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font-dark[data-v-1cf27b2a] {
font-size: 1.0625rem; font-size: 1.0625rem;
font-weight: 350; font-weight: 350;
color: #fff; color: #fff;
transition: all 0.4s ease-in-out;
} }
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video[data-v-1cf27b2a] {
width: 100%; width: 100%;
@ -1936,6 +1938,7 @@
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-video[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-video[data-v-1cf27b2a] {
width: 1.40625rem; width: 1.40625rem;
height: 1.40625rem; height: 1.40625rem;
transition: all 0.4s ease-in-out;
} }
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-img[data-v-1cf27b2a] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-img[data-v-1cf27b2a] {
width: 11.25rem; width: 11.25rem;