hldy_app/unpackage/dist/dev/app-plus/pages/Warehousing/index.css

2801 lines
104 KiB
CSS
Raw Normal View History

2025-04-11 17:23:45 +08:00
/* 遮罩层样式 */
.overlay[data-v-40fcca19] {
2025-04-10 17:20:44 +08:00
position: fixed;
2025-04-11 17:23:45 +08:00
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
2025-04-10 17:20:44 +08:00
z-index: 999;
2025-04-11 17:23:45 +08:00
/* 确保遮罩层在抽屉下方 */
}
/* 抽屉样式 */
.drawer[data-v-40fcca19] {
position: fixed;
top: 0;
height: 100vh;
background: #fff;
z-index: 1000;
/* 确保抽屉在遮罩层上方 */
transition: right 0.5s ease;
border-top-left-radius: 2.5rem;
/* 设置左上角的圆角半径 */
border-bottom-left-radius: 2.5rem;
/* overflow: hidden; */
/* 设置左下角的圆角半径 */
}
/* 抽屉打开时的样式 */
.drawer-open[data-v-40fcca19] {
right: 0;
}
/* 抽屉内容样式 */
.drawer-content[data-v-40fcca19] {
position: relative;
}
.drawer-content .drawer-content-circle[data-v-40fcca19] {
position: absolute;
top: calc(50% - 1.71875rem);
left: -1.25rem;
width: 3.125rem;
height: 3.4375rem;
/* border-radius 的两个值分别代表水平和垂直半径 */
border-radius: 50%;
z-index: -1;
background: linear-gradient(to bottom, #dfecfa, #c9dbee);
2025-04-10 17:20:44 +08:00
display: flex;
align-items: center;
2025-04-11 17:23:45 +08:00
-webkit-clip-path: inset(0 60% 0 0);
clip-path: inset(0 60% 0 0);
/* 上 右 下 左,裁掉右半边 */
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.drawer-content .drawer-content-circle .drawer-img[data-v-40fcca19] {
width: 0.78125rem;
height: 0.78125rem;
margin-left: 0.3125rem;
transform: rotate(180deg);
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.draw-all[data-v-90d18535] {
width: 100%;
2025-04-10 17:20:44 +08:00
height: 100%;
2025-04-11 17:23:45 +08:00
display: flex;
flex-direction: column;
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.4);
background-blend-mode: screen;
isolation: isolate;
/* 白色背景透明度为 10% */
border-top-left-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
overflow: hidden;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.draw-all .draw-flex[data-v-90d18535] {
display: flex;
}
.draw-all .draw-title[data-v-90d18535] {
width: 100%;
height: 4.375rem;
display: flex;
justify-content: space-between;
padding-top: 2.125rem;
}
.draw-all .draw-title .draw-title-gun[data-v-90d18535] {
margin-left: 1.875rem;
margin-right: 0.625rem;
width: 0.40625rem;
height: 1.5625rem;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 0.3125rem;
}
.draw-all .draw-title .draw-title-font[data-v-90d18535] {
font-size: 1.25rem;
font-weight: 700;
}
.draw-all .draw-contain[data-v-90d18535] {
width: 100%;
height: calc(100vh - 4.375rem);
}
/* 弹窗遮罩层 */
.modal[data-v-90d18535] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* 半透明背景 */
2025-04-10 17:20:44 +08:00
display: flex;
align-items: center;
2025-04-11 17:23:45 +08:00
/* 垂直居中 */
justify-content: center;
/* 水平居中 */
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
/* 弹窗内容宽高占屏幕70% */
.modal-content[data-v-90d18535] {
width: 80vw;
height: 80vh;
background: #fff;
border-radius: 8px;
overflow: hidden;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.draw-blue[data-v-90d18535] {
color: #0090FF;
font-size: 0.9375rem;
margin-right: 1.40625rem;
margin-top: 0.46875rem;
}
.swiper-flex[data-v-90d18535] {
display: flex;
flex-wrap: wrap;
margin-left: 0;
}
.swiper-flex .swiper-card[data-v-90d18535] {
margin: 0 0 0.9375rem 0.9375rem;
width: 28.125rem;
height: 11.25rem;
border: 0.0625rem solid #fff;
border-radius: 0.9375rem;
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
isolation: isolate;
box-shadow: 0.15625rem 0.15625rem 0.3125rem 0 #839fcc;
overflow: hidden;
}
.swiper-flex .swiper-card .swiper-card-top[data-v-90d18535] {
width: 100%;
height: 8.4375rem;
2025-04-10 17:20:44 +08:00
display: flex;
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-img[data-v-90d18535] {
width: 7.8125rem;
height: 7.8125rem;
margin-top: 0.625rem;
margin-left: 0.9375rem;
margin-right: 0.3125rem;
}
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-90d18535] {
width: calc(100% - 8.125rem);
2025-04-10 17:20:44 +08:00
height: 100%;
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: space-between;
2025-04-11 17:23:45 +08:00
margin-top: 1.09375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
font-weight: 700;
2025-04-11 17:23:45 +08:00
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-90d18535] {
color: #FF6000;
font-weight: 500;
font-size: 0.9375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
justify-content: space-between;
margin-top: 0.46875rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-down[data-v-90d18535] {
width: 100%;
height: 2.8125rem;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
background: linear-gradient(to right, #ceddff, #f3effa, #d1dafe);
2025-04-10 17:20:44 +08:00
align-items: center;
2025-04-11 17:23:45 +08:00
justify-content: space-between;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-down .down-left[data-v-90d18535] {
display: flex;
margin-left: 1.5625rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-weight[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
font-weight: 700;
2025-04-11 17:23:45 +08:00
font-size: 0.78125rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-flex .swiper-card .swiper-card-down .down-left .down-left-font[data-v-90d18535] {
font-size: 0.78125rem;
}
.swiper-all-flex[data-v-90d18535] {
display: flex;
}
.swiper-gray[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
color: #596278;
2025-04-11 17:23:45 +08:00
font-size: 0.78125rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-black[data-v-90d18535] {
font-size: 0.875rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.delete-img[data-v-90d18535] {
width: 1.25rem;
height: 1.40625rem;
margin-right: 1.25rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.down-note[data-v-90d18535] {
width: 100%;
overflow: hidden;
height: 15%;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
align-items: center;
position: relative;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.downitems-center-says[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
color: #6F7FA3;
font-size: 0.9375rem;
margin-top: 0.78125rem;
margin-right: 1.875rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.downitems-center-father[data-v-90d18535] {
display: flex;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: #BAC5DE;
margin-right: 0.3125rem;
margin-top: 0;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.downitems-center-father .downitems-center-says-maike[data-v-90d18535] {
width: 0.9375rem;
height: 0.9375rem;
}
.down-note-title-input[data-v-90d18535] {
width: calc(100% - 3.125rem);
margin-left: 1.25rem;
margin-top: 0.6875rem;
height: 3.75rem;
font-size: 0.84375rem;
border: 0.0625rem #a0adc8 solid;
padding: 0.46875rem 0 0.46875rem 0.625rem;
background-color: rgba(234, 243, 254, 0.6);
border-radius: 0.9375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.down-button[data-v-90d18535] {
width: 100%;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
justify-content: center;
align-items: center;
height: 8%;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.down-button .swiper-left-button-blue[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: center;
align-items: center;
2025-04-11 17:23:45 +08:00
width: 5rem;
height: 2.1875rem;
2025-04-10 17:20:44 +08:00
border-radius: 0.625rem;
2025-04-11 17:23:45 +08:00
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
color: #fff;
2025-04-10 17:20:44 +08:00
border: 0.03125rem #fff solid;
2025-04-11 17:23:45 +08:00
margin-right: 0.625rem;
2025-04-10 17:20:44 +08:00
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
2025-04-11 17:23:45 +08:00
.down-button .swiper-left-button-orange[data-v-90d18535] {
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: center;
align-items: center;
2025-04-11 17:23:45 +08:00
width: 5rem;
height: 2.1875rem;
2025-04-10 17:20:44 +08:00
border-radius: 0.625rem;
2025-04-11 17:23:45 +08:00
background: linear-gradient(to right bottom, #FF9323, #FF5038);
2025-04-10 17:20:44 +08:00
color: #fff;
border: 0.03125rem #fff solid;
margin-right: 0.625rem;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
2025-04-11 17:23:45 +08:00
.char-count[data-v-90d18535] {
position: absolute;
bottom: 0.9375rem;
right: 2.1875rem;
color: #999;
font-size: 0.78125rem;
}
.scroll-view[data-v-90d18535] {
height: 75%;
width: calc(100% - 2.5rem);
margin-left: 1.25rem;
border-radius: 1.25rem;
border: 0.0625rem solid #fff;
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem #839fcc;
overflow: hidden;
}
2025-04-10 17:20:44 +08:00
2025-04-11 17:23:45 +08:00
.floating-ball[data-v-50fb1e51] {
position: fixed;
width: 4.375rem;
height: 4.375rem;
border-radius: 50%;
background: linear-gradient(to bottom right, #3FBBFE, #A541FF);
border: 0.0625rem solid #fff;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
/* 可根据需要添加阴影或其他样式 */
}
.floating-ball .floating-ball-img[data-v-50fb1e51] {
width: 2.1875rem;
height: 2.1875rem;
}
.popup-detail-left[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
height: 100%;
width: 45%;
}
2025-04-11 17:23:45 +08:00
.popup-detail-left .popup-detail-left-white[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
margin: 1.5625rem 0 0 1.5625rem;
width: 18.75rem;
height: 18.75rem;
background-color: rgba(255, 255, 255, 0.3);
display: flex;
border-radius: 0.9375rem;
justify-content: center;
align-items: center;
box-shadow: 0.15625rem 0.15625rem 0.3125rem rgba(0, 0, 0, 0.1);
}
2025-04-11 17:23:45 +08:00
.popup-detail-left .popup-detail-left-white .popup-detail-left-white-img[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
width: 17.1875rem;
height: 17.1875rem;
}
2025-04-11 17:23:45 +08:00
.popup-detail-left .popup-detail-left-bottom[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
width: calc(100% - 2.1875rem);
margin-left: 2.1875rem;
height: 7.1875rem;
display: flex;
}
2025-04-11 17:23:45 +08:00
.popup-detail-right[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
height: 100%;
width: 55%;
padding: 0 1.5625rem;
}
2025-04-11 17:23:45 +08:00
.popup-detail-right .popup-detail-title[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
margin-top: 2.1875rem;
display: flex;
justify-content: space-between;
}
2025-04-11 17:23:45 +08:00
.popup-detail-right .popup-detail-title .popup-detail-weight[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
font-size: 1.40625rem;
font-weight: 700;
}
2025-04-11 17:23:45 +08:00
.popup-detail-right .popup-detail-title .popup-detail-gray[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
padding: 0.3125rem 0.9375rem;
background-color: #ceddff;
border-radius: 0.9375rem;
}
2025-04-11 17:23:45 +08:00
.popup-small-card[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
width: 33%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
2025-04-11 17:23:45 +08:00
.popup-small-card .popup-small-circle[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
border: 0.09375rem solid #0FA2FF;
display: flex;
justify-content: center;
align-items: center;
}
2025-04-11 17:23:45 +08:00
.popup-small-card .popup-small-circle .popup-small-circle-img[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
width: 0.9375rem;
height: 0.9375rem;
margin-top: -0.09375rem;
}
2025-04-11 17:23:45 +08:00
.popup-small-card .popup-small-number[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
color: #596278;
font-weight: 700;
font-size: 1.09375rem;
2025-04-11 17:23:45 +08:00
margin-top: 0.3125rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-small-card .popup-small-font[data-v-9aaf76b2] {
color: #596278;
font-size: 0.625rem;
margin-top: 0.15625rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-small-shu[data-v-9aaf76b2] {
width: 0.0625rem;
2025-04-10 17:20:44 +08:00
height: 4.375rem;
2025-04-11 17:23:45 +08:00
margin-top: 1.5625rem;
background-color: rgba(255, 255, 255, 0.4);
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-weight[data-v-9aaf76b2] {
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
font-weight: 700;
2025-04-11 17:23:45 +08:00
margin: 0.46875rem 0;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-right-father[data-v-9aaf76b2] {
display: flex;
flex-wrap: wrap;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-right-father .popup-right-font-contain[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
width: 50%;
margin-bottom: 0.3125rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-right-father .popup-right-font-contain .popup-font-left[data-v-9aaf76b2] {
font-size: 1rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.popup-right-father .popup-right-font-contain .popup-font-right[data-v-9aaf76b2] {
font-size: 1rem;
color: #646464;
}
.swiper-left-buttons-big[data-v-9aaf76b2] {
display: flex;
margin-top: 0.9375rem;
2025-04-10 17:20:44 +08:00
font-size: 0.9375rem;
}
2025-04-11 17:23:45 +08:00
.swiper-left-buttons-big .swiper-left-button[data-v-9aaf76b2] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
justify-content: center;
align-items: center;
width: 7.1875rem;
height: 2.5rem;
border-radius: 0.625rem;
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
border: 0.03125rem #fff solid;
color: #364464;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.swiper-left-buttons-big .swiper-left-button-blue[data-v-9aaf76b2] {
display: flex;
justify-content: center;
align-items: center;
width: 7.1875rem;
height: 2.5rem;
border-radius: 0.625rem;
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
color: #fff;
border: 0.03125rem #fff solid;
margin-right: 0.625rem;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.plsbuy-contain[data-v-00391254] {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.plsbuy-contain .plsbuy-title[data-v-00391254] {
2025-04-10 17:20:44 +08:00
background: url("../../static/index/blueMountain.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
isolation: isolate;
2025-04-11 17:23:45 +08:00
width: 35rem;
height: 7.8125rem;
margin-top: 1.5625rem;
border-radius: 0.9375rem;
box-shadow: 0.0625rem 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.3);
2025-04-10 17:20:44 +08:00
display: flex;
}
2025-04-11 17:23:45 +08:00
.plsbuy-contain .plsbuy-title .plsbuy-title-img[data-v-00391254] {
height: 6.875rem;
width: 6.875rem;
margin-top: 0.3125rem;
margin-left: 0.625rem;
margin-right: 2.5rem;
}
.plsbuy-contain .plsbuy-card[data-v-00391254] {
2025-04-10 17:20:44 +08:00
margin-top: 0.625rem;
2025-04-11 17:23:45 +08:00
margin-left: 1.09375rem;
margin-right: 1.09375rem;
width: calc(100% - 2.1875rem);
border-radius: 0.9375rem;
position: relative;
height: 9.375rem;
/* 虚化覆盖层 */
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-contain .plsbuy-card .blur-overlay[data-v-00391254] {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1.25rem;
/* 背景模糊效果 */
backdrop-filter: blur(0.09375rem);
-webkit-backdrop-filter: blur(0.09375rem);
/* 可选:为了更明显的虚化效果,可加个半透明背景 */
/* 层级关系:确保覆盖在背景内容之上 */
z-index: 2;
/* 如果页面使用 flex 布局或其他定位方式,根据需要进行调整 */
pointer-events: none;
/* 如果不希望干扰下面内容的点击,可加上此属性 */
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-contain .plsbuy-card .plsbuy-card-heng[data-v-00391254] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
align-items: center;
height: 3.125rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-title-font[data-v-00391254] {
height: 100%;
width: 25.625rem;
}
.plsbuy-title-font .plsbuy-title-weight[data-v-00391254] {
2025-04-10 17:20:44 +08:00
font-size: 1.09375rem;
2025-04-11 17:23:45 +08:00
font-weight: 700;
width: 100%;
margin: 0.625rem 0;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-title-font .popup-right-font-contain[data-v-00391254] {
display: flex;
width: 50%;
align-items: center;
}
.plsbuy-title-font .popup-font-left[data-v-00391254] {
2025-04-10 17:20:44 +08:00
font-size: 0.9375rem;
2025-04-11 17:23:45 +08:00
line-height: 0.9375rem;
color: #646464;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-title-font .popup-font-right[data-v-00391254] {
font-size: 0.9375rem;
line-height: 0.9375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-title-flex[data-v-00391254] {
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
width: 100%;
margin-bottom: 0.625rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-weight[data-v-00391254] {
font-weight: 700;
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
margin-left: 1.5625rem;
}
2025-04-11 17:23:45 +08:00
.plsbuy-right-weight[data-v-00391254] {
2025-04-10 17:20:44 +08:00
font-weight: 700;
2025-04-11 17:23:45 +08:00
font-size: 1.09375rem;
margin-left: 4.375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-font-right[data-v-00391254] {
font-size: 0.9375rem;
line-height: 0.9375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-jian[data-v-00391254] {
background-color: #D3E7FF;
width: 2.1875rem;
height: 2.1875rem;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
justify-content: center;
align-items: center;
border-radius: 0.3125rem;
margin-left: 0.9375rem;
border: 0.03125rem solid #313A4E;
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-number[data-v-00391254] {
font-weight: 700;
margin: 0 0.625rem;
2025-04-10 17:20:44 +08:00
width: 1.25rem;
}
2025-04-11 17:23:45 +08:00
.plsbuy-jia[data-v-00391254] {
background-color: #D3E7FF;
width: 2.1875rem;
height: 2.1875rem;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
justify-content: center;
2025-04-10 17:20:44 +08:00
align-items: center;
2025-04-11 17:23:45 +08:00
border-radius: 0.3125rem;
border: 0.03125rem solid #313A4E;
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-amount[data-v-00391254] {
width: 100%;
justify-content: end;
2025-04-10 17:20:44 +08:00
display: flex;
2025-04-11 17:23:45 +08:00
font-size: 1.09375rem;
margin-top: 0.625rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-amount .plsbuy-amount-font[data-v-00391254] {
font-weight: 700;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-amount .plsbuy-amount-red[data-v-00391254] {
font-weight: 700;
color: red;
margin-right: 1.875rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-bottom[data-v-00391254] {
2025-04-10 17:20:44 +08:00
width: 100%;
2025-04-11 17:23:45 +08:00
margin-top: 0.9375rem;
height: 2.1875rem;
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: center;
2025-04-11 17:23:45 +08:00
font-size: 1.09375rem;
2025-04-10 17:20:44 +08:00
}
2025-04-11 17:23:45 +08:00
.plsbuy-bottom .plsbuy-bottom-blue[data-v-00391254] {
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: center;
align-items: center;
2025-04-11 17:23:45 +08:00
width: 7.1875rem;
height: 2.5rem;
2025-04-10 17:20:44 +08:00
border-radius: 0.625rem;
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
color: #fff;
border: 0.03125rem #fff solid;
margin-right: 0.625rem;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
2025-04-11 17:23:45 +08:00
.plsbuy-bottom .plsbuy-bottom-white[data-v-00391254] {
2025-04-10 17:20:44 +08:00
display: flex;
justify-content: center;
align-items: center;
2025-04-11 17:23:45 +08:00
width: 7.1875rem;
height: 2.5rem;
2025-04-10 17:20:44 +08:00
border-radius: 0.625rem;
2025-04-11 17:23:45 +08:00
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
2025-04-10 17:20:44 +08:00
border: 0.03125rem #fff solid;
margin-right: 0.625rem;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
2025-04-07 17:34:20 +08:00
.index-content-other[data-v-8856eb47] {
width: calc(100% - 5.3125rem);
2025-04-02 17:33:46 +08:00
height: 100%;
2025-04-08 17:33:14 +08:00
transition: opacity 1s ease;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.index-content-right[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: calc(100% - 3.125rem);
width: calc(100% - 1.875rem);
background-color: rgba(255, 255, 255, 0.5);
/* 白色背景透明度为 10% */
background-image: url('../../static/index/mountain.png');
background-position: 70% 45%;
border-radius: 1.5625rem;
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem rgba(0, 0, 0, 0.3);
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-height[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: 0.625rem;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
margin-left: 0.9375rem;
width: calc(100% - 1.875rem);
height: 3.75rem;
background: linear-gradient(to right, #C4E0FD, #D5CDFF, #D9ECFF);
border-radius: 1.09375rem;
border: 0.0625rem solid #fff;
display: flex;
align-items: center;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-name[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
margin-left: 0.625rem;
margin-right: 0.3125rem;
color: #19233B;
font-size: 0.9375rem;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-input[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
font-size: 0.84375rem;
2025-04-09 17:20:13 +08:00
width: 7.5rem;
2025-04-02 17:33:46 +08:00
border: 0.0625rem #a0adc8 solid;
padding: 0.46875rem 0 0.46875rem 0.625rem;
background-color: #eaf3fe;
border-radius: 0.3125rem;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-button-all[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: 100%;
margin-left: auto;
display: flex;
align-items: center;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-button-all .index-right-button[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: 2.1875rem;
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
color: #fff;
font-size: 0.9375rem;
display: flex;
align-items: center;
border-radius: 0.3125rem;
border: 0.03125rem solid #fff;
2025-04-09 17:20:13 +08:00
margin-right: 0.3125rem;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-img[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
width: 1.40625rem;
height: 1.40625rem;
margin: 0 0.15625rem 0 0.3125rem;
}
2025-04-07 17:34:20 +08:00
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-font[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
margin-right: 0.625rem;
}
2025-04-07 17:34:20 +08:00
.index-content-down[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
width: calc(100% - 1.875rem);
height: 3.125rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
2025-04-07 17:34:20 +08:00
.swiper-contain[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
width: 100%;
margin-left: 0.3125rem;
height: calc(100% - 4.375rem);
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
display: flex;
flex-wrap: wrap;
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
margin: 0.625rem 0 0 0.625rem;
2025-04-09 17:20:13 +08:00
width: 20.8125rem;
height: 10.78125rem;
2025-04-02 17:33:46 +08:00
border: 0.0625rem solid #fff;
border-radius: 0.9375rem;
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
isolation: isolate;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
display: flex;
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-left[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: 100%;
width: 12.5rem;
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-card-left-white[data-v-8856eb47] {
2025-04-09 17:20:13 +08:00
margin: 0.84375rem 0 0.625rem 0.9375rem;
width: 6.25rem;
height: 8.75rem;
2025-04-02 17:33:46 +08:00
background-color: rgba(255, 255, 255, 0.3);
display: flex;
border-radius: 0.9375rem;
justify-content: center;
align-items: center;
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-left .swiper-card-left-white .swiper-card-left-white-img[data-v-8856eb47] {
2025-04-09 17:20:13 +08:00
width: 6.25rem;
height: 6.25rem;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-right[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
height: 100%;
2025-04-09 17:20:13 +08:00
width: 18.75rem;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
margin-top: 1.09375rem;
2025-04-09 17:20:13 +08:00
width: 100%;
2025-04-02 17:33:46 +08:00
display: flex;
justify-content: space-between;
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-font[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
font-weight: 700;
2025-04-09 17:20:13 +08:00
font-size: 0.9375rem;
}
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-font-button[data-v-8856eb47] {
padding: 0.15625rem 0.46875rem;
background: linear-gradient(to right bottom, #0076ff, #00c9ff);
color: #fff;
border-radius: 0.3125rem;
margin-right: 0.625rem;
margin-top: -0.09375rem;
font-size: 0.78125rem;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-card-right .swiper-right-title .swiper-title-mark[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
background-color: #d6d4f5;
color: #19233B;
padding: 0.15625rem 0.78125rem;
font-size: 0.9375rem;
border-radius: 0.78125rem;
margin-right: 0.625rem;
}
2025-04-07 17:34:20 +08:00
.swiper-heng[data-v-8856eb47] {
2025-04-09 17:20:13 +08:00
width: 2.8125rem;
2025-04-02 17:33:46 +08:00
height: 0.3125rem;
border-radius: 0.9375rem;
2025-04-09 17:20:13 +08:00
margin-bottom: 0;
}
.swiper-font[data-v-8856eb47] {
color: #596278;
font-size: 0.8125rem;
margin-top: 0.46875rem;
display: flex;
}
.swiper-littlefont[data-v-8856eb47] {
color: #596278;
font-size: 0.8125rem;
margin-top: 0.46875rem;
display: flex;
width: 50%;
2025-04-02 17:33:46 +08:00
}
2025-04-07 17:34:20 +08:00
.popup-detail[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-backdrop-filter: blur(0.03125rem);
backdrop-filter: blur(0.03125rem);
background-color: rgba(89, 109, 154, 0.4);
/* 添加毛玻璃效果 */
z-index: 999;
}
2025-04-07 17:34:20 +08:00
.popup-detail .popup-detail-content[data-v-8856eb47] {
2025-04-02 17:33:46 +08:00
display: flex;
width: 46.875rem;
height: 28.125rem;
background: url("../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
border: 0.0625rem solid #fff;
/* 使用 screen 混合模式,让图像与白色混合变淡 */
border-radius: 0.9375rem;
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
transition: opacity 0.4s ease;
}
2025-04-11 17:23:45 +08:00
.popup-detail .popup-detail-content-plsbuy[data-v-8856eb47] {
display: flex;
width: 37.5rem;
height: 26.5625rem;
background: url("../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
border: 0.0625rem solid #fff;
/* 使用 screen 混合模式,让图像与白色混合变淡 */
border-radius: 0.9375rem;
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
transition: opacity 0.4s ease;
}
2025-04-09 17:20:13 +08:00
.blackfont[data-v-8856eb47] {
font-weight: 600;
color: red;
}
.swiper-left-buttons[data-v-8856eb47] {
display: flex;
margin-top: 0.3125rem;
}
.swiper-left-buttons .swiper-left-button[data-v-8856eb47] {
display: flex;
justify-content: center;
align-items: center;
2025-04-10 17:20:44 +08:00
width: 5rem;
height: 2.1875rem;
2025-04-09 17:20:13 +08:00
border-radius: 0.625rem;
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
border: 0.03125rem #fff solid;
color: #364464;
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.swiper-left-buttons .swiper-left-button-blue[data-v-8856eb47] {
display: flex;
justify-content: center;
align-items: center;
2025-04-10 17:20:44 +08:00
width: 5rem;
height: 2.1875rem;
2025-04-09 17:20:13 +08:00
border-radius: 0.625rem;
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
color: #fff;
border: 0.03125rem #fff solid;
2025-04-10 17:20:44 +08:00
margin-right: 0.625rem;
2025-04-09 17:20:13 +08:00
box-shadow: 0.0625rem 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.3);
}
.bgc-img[data-v-8856eb47] {
width: 1.5625rem;
height: 1.5625rem;
}
.first-bgc[data-v-8856eb47] {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right top, #fda64b, #ffcc80);
border-radius: 0.625rem;
border: 0.0625rem #fff solid;
margin-right: 0.3125rem;
}
.second-bgc[data-v-8856eb47] {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right top, #ffcc80, #fcb398);
border-radius: 0.625rem;
border: 0.0625rem #fff solid;
margin-right: 0.3125rem;
}
.third-bgc[data-v-8856eb47] {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right top, #869af3, #98abff);
border-radius: 0.625rem;
border: 0.0625rem #fff solid;
margin-right: 0.3125rem;
position: relative;
}
.bgc-white[data-v-8856eb47] {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 0.625rem;
border: 0.0625rem #fff solid;
margin-right: 0.3125rem;
position: relative;
}
.fourth-bgc[data-v-8856eb47] {
width: 5.3125rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right top, #869af3, #98abff);
border-radius: 0.625rem;
border: 0.0625rem #fff solid;
margin-right: 0.3125rem;
}
.fourth-bgc .fourth-bgc-img[data-v-8856eb47] {
width: 0.9375rem;
height: 1.25rem;
margin: 0 0.3125rem;
}
.fourth-bgc .fourth-bgc-font[data-v-8856eb47] {
color: #fff;
margin-right: 0.3125rem;
}
.swiper-double[data-v-8856eb47] {
width: 90%;
display: flex;
}
.red-pao[data-v-8856eb47] {
position: absolute;
top: -0.3125rem;
right: -0.3125rem;
padding: 0.09375rem 0.3125rem;
background-color: #FF4C4E;
color: #fff;
font-size: 0.625rem;
border-radius: 0.625rem;
z-index: 101;
}
2025-04-07 17:34:20 +08:00
2025-04-08 17:33:14 +08:00
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@font-face {
font-family: "uicon-iconfont";
font-weight: normal;
font-style: normal;
font-display: auto;
src: url('data:application/x-font-woff2;charset=utf-8;base64,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
}
/* 支付宝,百度,头条小程序目前读取大的本地字体文件,导致无法显示图标,故用在线加载的方式-2020-05-12 */
.u-iconfont[data-v-5de67484] {
position: relative;
display: flex;
font: normal normal normal 14px/1 "uicon-iconfont";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.u-iconfont[data-v-5de67484]::before {
display: flex;
align-items: center;
}
.uicon-en[data-v-5de67484]:before {
content: "\e70a";
}
.uicon-zh[data-v-5de67484]:before {
content: "\e692";
}
.uicon-level[data-v-5de67484]:before {
content: "\e693";
}
.uicon-woman[data-v-5de67484]:before {
content: "\e69c";
}
.uicon-man[data-v-5de67484]:before {
content: "\e697";
}
.uicon-column-line[data-v-5de67484]:before {
content: "\e68e";
}
.uicon-empty-page[data-v-5de67484]:before {
content: "\e627";
}
.uicon-empty-data[data-v-5de67484]:before {
content: "\e62f";
}
.uicon-empty-car[data-v-5de67484]:before {
content: "\e602";
}
.uicon-empty-order[data-v-5de67484]:before {
content: "\e639";
}
.uicon-empty-address[data-v-5de67484]:before {
content: "\e646";
}
.uicon-empty-message[data-v-5de67484]:before {
content: "\e6a9";
}
.uicon-empty-search[data-v-5de67484]:before {
content: "\e664";
}
.uicon-empty-favor[data-v-5de67484]:before {
content: "\e67c";
}
.uicon-empty-coupon[data-v-5de67484]:before {
content: "\e682";
}
.uicon-empty-history[data-v-5de67484]:before {
content: "\e684";
}
.uicon-empty-permission[data-v-5de67484]:before {
content: "\e686";
}
.uicon-empty-news[data-v-5de67484]:before {
content: "\e687";
}
.uicon-empty-wifi[data-v-5de67484]:before {
content: "\e688";
}
.uicon-empty-list[data-v-5de67484]:before {
content: "\e68b";
}
.uicon-arrow-left-double[data-v-5de67484]:before {
content: "\e68c";
}
.uicon-arrow-right-double[data-v-5de67484]:before {
content: "\e68d";
}
.uicon-red-packet[data-v-5de67484]:before {
content: "\e691";
}
.uicon-red-packet-fill[data-v-5de67484]:before {
content: "\e690";
}
.uicon-order[data-v-5de67484]:before {
content: "\e68f";
}
.uicon-nav-back-arrow[data-v-5de67484]:before {
content: "\e67f";
}
.uicon-nav-back[data-v-5de67484]:before {
content: "\e683";
}
.uicon-checkbox-mark[data-v-5de67484]:before {
content: "\e6a8";
}
.uicon-arrow-up-fill[data-v-5de67484]:before {
content: "\e6b0";
}
.uicon-arrow-down-fill[data-v-5de67484]:before {
content: "\e600";
}
.uicon-backspace[data-v-5de67484]:before {
content: "\e67b";
}
.uicon-android-circle-fill[data-v-5de67484]:before {
content: "\e67e";
}
.uicon-android-fill[data-v-5de67484]:before {
content: "\e67d";
}
.uicon-question[data-v-5de67484]:before {
content: "\e715";
}
.uicon-pause[data-v-5de67484]:before {
content: "\e8fa";
}
.uicon-close[data-v-5de67484]:before {
content: "\e685";
}
.uicon-volume-up[data-v-5de67484]:before {
content: "\e633";
}
.uicon-volume-off[data-v-5de67484]:before {
content: "\e644";
}
.uicon-info[data-v-5de67484]:before {
content: "\e653";
}
.uicon-error[data-v-5de67484]:before {
content: "\e6d3";
}
.uicon-lock-opened-fill[data-v-5de67484]:before {
content: "\e974";
}
.uicon-lock-fill[data-v-5de67484]:before {
content: "\e979";
}
.uicon-lock[data-v-5de67484]:before {
content: "\e97a";
}
.uicon-photo-fill[data-v-5de67484]:before {
content: "\e98b";
}
.uicon-photo[data-v-5de67484]:before {
content: "\e98d";
}
.uicon-account-fill[data-v-5de67484]:before {
content: "\e614";
}
.uicon-minus-people-fill[data-v-5de67484]:before {
content: "\e615";
}
.uicon-plus-people-fill[data-v-5de67484]:before {
content: "\e626";
}
.uicon-account[data-v-5de67484]:before {
content: "\e628";
}
.uicon-thumb-down-fill[data-v-5de67484]:before {
content: "\e726";
}
.uicon-thumb-down[data-v-5de67484]:before {
content: "\e727";
}
.uicon-thumb-up-fill[data-v-5de67484]:before {
content: "\e72f";
}
.uicon-thumb-up[data-v-5de67484]:before {
content: "\e733";
}
.uicon-person-delete-fill[data-v-5de67484]:before {
content: "\e66a";
}
.uicon-cut[data-v-5de67484]:before {
content: "\e948";
}
.uicon-fingerprint[data-v-5de67484]:before {
content: "\e955";
}
.uicon-home-fill[data-v-5de67484]:before {
content: "\e964";
}
.uicon-home[data-v-5de67484]:before {
content: "\e965";
}
.uicon-hourglass-half-fill[data-v-5de67484]:before {
content: "\e966";
}
.uicon-hourglass[data-v-5de67484]:before {
content: "\e967";
}
.uicon-lock-open[data-v-5de67484]:before {
content: "\e973";
}
.uicon-integral-fill[data-v-5de67484]:before {
content: "\e703";
}
.uicon-integral[data-v-5de67484]:before {
content: "\e704";
}
.uicon-coupon[data-v-5de67484]:before {
content: "\e8ae";
}
.uicon-coupon-fill[data-v-5de67484]:before {
content: "\e8c4";
}
.uicon-kefu-ermai[data-v-5de67484]:before {
content: "\e656";
}
.uicon-scan[data-v-5de67484]:before {
content: "\e662";
}
.uicon-rmb[data-v-5de67484]:before {
content: "\e608";
}
.uicon-rmb-circle-fill[data-v-5de67484]:before {
content: "\e657";
}
.uicon-rmb-circle[data-v-5de67484]:before {
content: "\e677";
}
.uicon-gift[data-v-5de67484]:before {
content: "\e65b";
}
.uicon-gift-fill[data-v-5de67484]:before {
content: "\e65c";
}
.uicon-bookmark-fill[data-v-5de67484]:before {
content: "\e63b";
}
.uicon-zhuanfa[data-v-5de67484]:before {
content: "\e60b";
}
.uicon-eye-off-outline[data-v-5de67484]:before {
content: "\e62b";
}
.uicon-eye-off[data-v-5de67484]:before {
content: "\e648";
}
.uicon-pause-circle[data-v-5de67484]:before {
content: "\e643";
}
.uicon-play-circle[data-v-5de67484]:before {
content: "\e647";
}
.uicon-pause-circle-fill[data-v-5de67484]:before {
content: "\e654";
}
.uicon-play-circle-fill[data-v-5de67484]:before {
content: "\e655";
}
.uicon-grid[data-v-5de67484]:before {
content: "\e673";
}
.uicon-play-right[data-v-5de67484]:before {
content: "\e610";
}
.uicon-play-left[data-v-5de67484]:before {
content: "\e66d";
}
.uicon-calendar[data-v-5de67484]:before {
content: "\e66e";
}
.uicon-rewind-right[data-v-5de67484]:before {
content: "\e66f";
}
.uicon-rewind-left[data-v-5de67484]:before {
content: "\e671";
}
.uicon-skip-forward-right[data-v-5de67484]:before {
content: "\e672";
}
.uicon-skip-back-left[data-v-5de67484]:before {
content: "\e674";
}
.uicon-play-left-fill[data-v-5de67484]:before {
content: "\e675";
}
.uicon-play-right-fill[data-v-5de67484]:before {
content: "\e676";
}
.uicon-grid-fill[data-v-5de67484]:before {
content: "\e678";
}
.uicon-rewind-left-fill[data-v-5de67484]:before {
content: "\e679";
}
.uicon-rewind-right-fill[data-v-5de67484]:before {
content: "\e67a";
}
.uicon-pushpin[data-v-5de67484]:before {
content: "\e7e3";
}
.uicon-star[data-v-5de67484]:before {
content: "\e65f";
}
.uicon-star-fill[data-v-5de67484]:before {
content: "\e669";
}
.uicon-server-fill[data-v-5de67484]:before {
content: "\e751";
}
.uicon-server-man[data-v-5de67484]:before {
content: "\e6bc";
}
.uicon-edit-pen[data-v-5de67484]:before {
content: "\e612";
}
.uicon-edit-pen-fill[data-v-5de67484]:before {
content: "\e66b";
}
.uicon-wifi[data-v-5de67484]:before {
content: "\e667";
}
.uicon-wifi-off[data-v-5de67484]:before {
content: "\e668";
}
.uicon-file-text[data-v-5de67484]:before {
content: "\e663";
}
.uicon-file-text-fill[data-v-5de67484]:before {
content: "\e665";
}
.uicon-more-dot-fill[data-v-5de67484]:before {
content: "\e630";
}
.uicon-minus[data-v-5de67484]:before {
content: "\e618";
}
.uicon-minus-circle[data-v-5de67484]:before {
content: "\e61b";
}
.uicon-plus[data-v-5de67484]:before {
content: "\e62d";
}
.uicon-plus-circle[data-v-5de67484]:before {
content: "\e62e";
}
.uicon-minus-circle-fill[data-v-5de67484]:before {
content: "\e652";
}
.uicon-plus-circle-fill[data-v-5de67484]:before {
content: "\e661";
}
.uicon-email[data-v-5de67484]:before {
content: "\e611";
}
.uicon-email-fill[data-v-5de67484]:before {
content: "\e642";
}
.uicon-phone[data-v-5de67484]:before {
content: "\e622";
}
.uicon-phone-fill[data-v-5de67484]:before {
content: "\e64f";
}
.uicon-clock[data-v-5de67484]:before {
content: "\e60f";
}
.uicon-car[data-v-5de67484]:before {
content: "\e60c";
}
.uicon-car-fill[data-v-5de67484]:before {
content: "\e636";
}
.uicon-warning[data-v-5de67484]:before {
content: "\e694";
}
.uicon-warning-fill[data-v-5de67484]:before {
content: "\e64d";
}
.uicon-search[data-v-5de67484]:before {
content: "\e62a";
}
.uicon-baidu-circle-fill[data-v-5de67484]:before {
content: "\e680";
}
.uicon-baidu[data-v-5de67484]:before {
content: "\e681";
}
.uicon-facebook[data-v-5de67484]:before {
content: "\e689";
}
.uicon-facebook-circle-fill[data-v-5de67484]:before {
content: "\e68a";
}
.uicon-qzone[data-v-5de67484]:before {
content: "\e695";
}
.uicon-qzone-circle-fill[data-v-5de67484]:before {
content: "\e696";
}
.uicon-moments-circel-fill[data-v-5de67484]:before {
content: "\e69a";
}
.uicon-moments[data-v-5de67484]:before {
content: "\e69b";
}
.uicon-qq-circle-fill[data-v-5de67484]:before {
content: "\e6a0";
}
.uicon-qq-fill[data-v-5de67484]:before {
content: "\e6a1";
}
.uicon-weibo[data-v-5de67484]:before {
content: "\e6a4";
}
.uicon-weibo-circle-fill[data-v-5de67484]:before {
content: "\e6a5";
}
.uicon-taobao[data-v-5de67484]:before {
content: "\e6a6";
}
.uicon-taobao-circle-fill[data-v-5de67484]:before {
content: "\e6a7";
}
.uicon-twitter[data-v-5de67484]:before {
content: "\e6aa";
}
.uicon-twitter-circle-fill[data-v-5de67484]:before {
content: "\e6ab";
}
.uicon-weixin-circle-fill[data-v-5de67484]:before {
content: "\e6b1";
}
.uicon-weixin-fill[data-v-5de67484]:before {
content: "\e6b2";
}
.uicon-zhifubao-circle-fill[data-v-5de67484]:before {
content: "\e6b8";
}
.uicon-zhifubao[data-v-5de67484]:before {
content: "\e6b9";
}
.uicon-zhihu[data-v-5de67484]:before {
content: "\e6ba";
}
.uicon-zhihu-circle-fill[data-v-5de67484]:before {
content: "\e709";
}
.uicon-list[data-v-5de67484]:before {
content: "\e650";
}
.uicon-list-dot[data-v-5de67484]:before {
content: "\e616";
}
.uicon-setting[data-v-5de67484]:before {
content: "\e61f";
}
.uicon-bell[data-v-5de67484]:before {
content: "\e609";
}
.uicon-bell-fill[data-v-5de67484]:before {
content: "\e640";
}
.uicon-attach[data-v-5de67484]:before {
content: "\e632";
}
.uicon-shopping-cart[data-v-5de67484]:before {
content: "\e621";
}
.uicon-shopping-cart-fill[data-v-5de67484]:before {
content: "\e65d";
}
.uicon-tags[data-v-5de67484]:before {
content: "\e629";
}
.uicon-share[data-v-5de67484]:before {
content: "\e631";
}
.uicon-question-circle-fill[data-v-5de67484]:before {
content: "\e666";
}
.uicon-question-circle[data-v-5de67484]:before {
content: "\e625";
}
.uicon-error-circle[data-v-5de67484]:before {
content: "\e624";
}
.uicon-checkmark-circle[data-v-5de67484]:before {
content: "\e63d";
}
.uicon-close-circle[data-v-5de67484]:before {
content: "\e63f";
}
.uicon-info-circle[data-v-5de67484]:before {
content: "\e660";
}
.uicon-md-person-add[data-v-5de67484]:before {
content: "\e6e4";
}
.uicon-md-person-fill[data-v-5de67484]:before {
content: "\e6ea";
}
.uicon-bag-fill[data-v-5de67484]:before {
content: "\e617";
}
.uicon-bag[data-v-5de67484]:before {
content: "\e619";
}
.uicon-chat-fill[data-v-5de67484]:before {
content: "\e61e";
}
.uicon-chat[data-v-5de67484]:before {
content: "\e620";
}
.uicon-more-circle[data-v-5de67484]:before {
content: "\e63e";
}
.uicon-more-circle-fill[data-v-5de67484]:before {
content: "\e645";
}
.uicon-volume[data-v-5de67484]:before {
content: "\e66c";
}
.uicon-volume-fill[data-v-5de67484]:before {
content: "\e670";
}
.uicon-reload[data-v-5de67484]:before {
content: "\e788";
}
.uicon-camera[data-v-5de67484]:before {
content: "\e7d7";
}
.uicon-heart[data-v-5de67484]:before {
content: "\e7df";
}
.uicon-heart-fill[data-v-5de67484]:before {
content: "\e851";
}
.uicon-minus-square-fill[data-v-5de67484]:before {
content: "\e855";
}
.uicon-plus-square-fill[data-v-5de67484]:before {
content: "\e856";
}
.uicon-pushpin-fill[data-v-5de67484]:before {
content: "\e86e";
}
.uicon-camera-fill[data-v-5de67484]:before {
content: "\e870";
}
.uicon-setting-fill[data-v-5de67484]:before {
content: "\e872";
}
.uicon-google[data-v-5de67484]:before {
content: "\e87a";
}
.uicon-ie[data-v-5de67484]:before {
content: "\e87b";
}
.uicon-apple-fill[data-v-5de67484]:before {
content: "\e881";
}
.uicon-chrome-circle-fill[data-v-5de67484]:before {
content: "\e885";
}
.uicon-github-circle-fill[data-v-5de67484]:before {
content: "\e887";
}
.uicon-IE-circle-fill[data-v-5de67484]:before {
content: "\e889";
}
.uicon-google-circle-fill[data-v-5de67484]:before {
content: "\e88a";
}
.uicon-arrow-down[data-v-5de67484]:before {
content: "\e60d";
}
.uicon-arrow-left[data-v-5de67484]:before {
content: "\e60e";
}
.uicon-map[data-v-5de67484]:before {
content: "\e61d";
}
.uicon-man-add-fill[data-v-5de67484]:before {
content: "\e64c";
}
.uicon-tags-fill[data-v-5de67484]:before {
content: "\e651";
}
.uicon-arrow-leftward[data-v-5de67484]:before {
content: "\e601";
}
.uicon-arrow-rightward[data-v-5de67484]:before {
content: "\e603";
}
.uicon-arrow-downward[data-v-5de67484]:before {
content: "\e604";
}
.uicon-arrow-right[data-v-5de67484]:before {
content: "\e605";
}
.uicon-arrow-up[data-v-5de67484]:before {
content: "\e606";
}
.uicon-arrow-upward[data-v-5de67484]:before {
content: "\e607";
}
.uicon-bookmark[data-v-5de67484]:before {
content: "\e60a";
}
.uicon-eye[data-v-5de67484]:before {
content: "\e613";
}
.uicon-man-delete[data-v-5de67484]:before {
content: "\e61a";
}
.uicon-man-add[data-v-5de67484]:before {
content: "\e61c";
}
.uicon-trash[data-v-5de67484]:before {
content: "\e623";
}
.uicon-error-circle-fill[data-v-5de67484]:before {
content: "\e62c";
}
.uicon-calendar-fill[data-v-5de67484]:before {
content: "\e634";
}
.uicon-checkmark-circle-fill[data-v-5de67484]:before {
content: "\e635";
}
.uicon-close-circle-fill[data-v-5de67484]:before {
content: "\e637";
}
.uicon-clock-fill[data-v-5de67484]:before {
content: "\e638";
}
.uicon-checkmark[data-v-5de67484]:before {
content: "\e63a";
}
.uicon-download[data-v-5de67484]:before {
content: "\e63c";
}
.uicon-eye-fill[data-v-5de67484]:before {
content: "\e641";
}
.uicon-mic-off[data-v-5de67484]:before {
content: "\e649";
}
.uicon-mic[data-v-5de67484]:before {
content: "\e64a";
}
.uicon-info-circle-fill[data-v-5de67484]:before {
content: "\e64b";
}
.uicon-map-fill[data-v-5de67484]:before {
content: "\e64e";
}
.uicon-trash-fill[data-v-5de67484]:before {
content: "\e658";
}
.uicon-volume-off-fill[data-v-5de67484]:before {
content: "\e659";
}
.uicon-volume-up-fill[data-v-5de67484]:before {
content: "\e65a";
}
.uicon-share-fill[data-v-5de67484]:before {
content: "\e65e";
}
.u-icon[data-v-5de67484] {
display: inline-flex;
align-items: center;
}
.u-icon--left[data-v-5de67484] {
flex-direction: row-reverse;
align-items: center;
}
.u-icon--right[data-v-5de67484] {
flex-direction: row;
align-items: center;
}
.u-icon--top[data-v-5de67484] {
flex-direction: column-reverse;
justify-content: center;
}
.u-icon--bottom[data-v-5de67484] {
flex-direction: column;
justify-content: center;
}
.u-icon__icon[data-v-5de67484] {
position: relative;
}
.u-icon__icon--primary[data-v-5de67484] {
color: #2979ff;
}
.u-icon__icon--success[data-v-5de67484] {
color: #19be6b;
}
.u-icon__icon--error[data-v-5de67484] {
color: #fa3534;
}
.u-icon__icon--warning[data-v-5de67484] {
color: #ff9900;
}
.u-icon__icon--info[data-v-5de67484] {
color: #909399;
}
.u-icon__decimal[data-v-5de67484] {
position: absolute;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
}
.u-icon__img[data-v-5de67484] {
height: auto;
will-change: transform;
}
.u-icon__label[data-v-5de67484] {
line-height: 1;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-btn[data-v-097def2b]::after {
border: none;
}
.u-btn[data-v-097def2b] {
position: relative;
border: 0;
display: inline-flex;
overflow: visible;
line-height: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0 1.25rem;
z-index: 1;
box-sizing: border-box;
transition: all 0.15s;
}
.u-btn--bold-border[data-v-097def2b] {
border: 1px solid #ffffff;
}
.u-btn--default[data-v-097def2b] {
color: #606266;
border-color: #c0c4cc;
background-color: #ffffff;
}
.u-btn--primary[data-v-097def2b] {
color: #ffffff;
border-color: #2979ff;
background-color: #2979ff;
}
.u-btn--success[data-v-097def2b] {
color: #ffffff;
border-color: #19be6b;
background-color: #19be6b;
}
.u-btn--error[data-v-097def2b] {
color: #ffffff;
border-color: #fa3534;
background-color: #fa3534;
}
.u-btn--warning[data-v-097def2b] {
color: #ffffff;
border-color: #ff9900;
background-color: #ff9900;
}
.u-btn--default--disabled[data-v-097def2b] {
color: #ffffff;
border-color: #e4e7ed;
background-color: #ffffff;
}
.u-btn--primary--disabled[data-v-097def2b] {
color: #ffffff !important;
border-color: #a0cfff !important;
background-color: #a0cfff !important;
}
.u-btn--success--disabled[data-v-097def2b] {
color: #ffffff !important;
border-color: #71d5a1 !important;
background-color: #71d5a1 !important;
}
.u-btn--error--disabled[data-v-097def2b] {
color: #ffffff !important;
border-color: #fab6b6 !important;
background-color: #fab6b6 !important;
}
.u-btn--warning--disabled[data-v-097def2b] {
color: #ffffff !important;
border-color: #fcbd71 !important;
background-color: #fcbd71 !important;
}
.u-btn--primary--plain[data-v-097def2b] {
color: #2979ff !important;
border-color: #a0cfff !important;
background-color: #ecf5ff !important;
}
.u-btn--success--plain[data-v-097def2b] {
color: #19be6b !important;
border-color: #71d5a1 !important;
background-color: #dbf1e1 !important;
}
.u-btn--error--plain[data-v-097def2b] {
color: #fa3534 !important;
border-color: #fab6b6 !important;
background-color: #fef0f0 !important;
}
.u-btn--warning--plain[data-v-097def2b] {
color: #ff9900 !important;
border-color: #fcbd71 !important;
background-color: #fdf6ec !important;
}
.u-btn--info[data-v-097def2b] {
color: #ffffff;
border-color: #909399;
background-color: #909399;
}
.u-btn--info--disabled[data-v-097def2b] {
color: #ffffff !important;
border-color: #c8c9cc !important;
background-color: #c8c9cc !important;
}
.u-btn--info--plain[data-v-097def2b] {
color: #909399 !important;
border-color: #c8c9cc !important;
background-color: #f4f4f5 !important;
}
.u-hairline-border[data-v-097def2b]:after {
content: " ";
position: absolute;
pointer-events: none;
box-sizing: border-box;
transform-origin: 0 0;
left: 0;
top: 0;
width: 199.8%;
height: 199.7%;
transform: scale(0.5, 0.5);
border: 1px solid currentColor;
z-index: 1;
}
.u-wave-ripple[data-v-097def2b] {
z-index: 0;
position: absolute;
border-radius: 100%;
background-clip: padding-box;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
transform: scale(0);
opacity: 1;
transform-origin: center;
}
.u-wave-ripple.u-wave-active[data-v-097def2b] {
opacity: 0;
transform: scale(2);
transition: opacity 1s linear, transform 0.4s linear;
}
.u-round-circle[data-v-097def2b] {
border-radius: 3.125rem;
}
.u-round-circle[data-v-097def2b]::after {
border-radius: 3.125rem;
}
.u-loading[data-v-097def2b]::after {
background-color: rgba(255, 255, 255, 0.35);
}
.u-size-default[data-v-097def2b] {
font-size: 0.9375rem;
height: 2.5rem;
line-height: 2.5rem;
}
.u-size-medium[data-v-097def2b] {
display: inline-flex;
width: auto;
font-size: 0.8125rem;
height: 2.1875rem;
line-height: 2.1875rem;
padding: 0 2.5rem;
}
.u-size-mini[data-v-097def2b] {
display: inline-flex;
width: auto;
font-size: 0.6875rem;
padding-top: 1px;
height: 1.5625rem;
line-height: 1.5625rem;
padding: 0 0.625rem;
}
.u-primary-plain-hover[data-v-097def2b] {
color: #ffffff !important;
background: #2b85e4 !important;
}
.u-default-plain-hover[data-v-097def2b] {
color: #2b85e4 !important;
background: #ecf5ff !important;
}
.u-success-plain-hover[data-v-097def2b] {
color: #ffffff !important;
background: #18b566 !important;
}
.u-warning-plain-hover[data-v-097def2b] {
color: #ffffff !important;
background: #f29100 !important;
}
.u-error-plain-hover[data-v-097def2b] {
color: #ffffff !important;
background: #dd6161 !important;
}
.u-info-plain-hover[data-v-097def2b] {
color: #ffffff !important;
background: #82848a !important;
}
.u-default-hover[data-v-097def2b] {
color: #2b85e4 !important;
border-color: #2b85e4 !important;
background-color: #ecf5ff !important;
}
.u-primary-hover[data-v-097def2b] {
background: #2b85e4 !important;
color: #fff;
}
.u-success-hover[data-v-097def2b] {
background: #18b566 !important;
color: #fff;
}
.u-info-hover[data-v-097def2b] {
background: #82848a !important;
color: #fff;
}
.u-warning-hover[data-v-097def2b] {
background: #f29100 !important;
color: #fff;
}
.u-error-hover[data-v-097def2b] {
background: #dd6161 !important;
color: #fff;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-mask[data-v-b3b508a8] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: transform 0.3s;
}
.u-mask-show[data-v-b3b508a8] {
opacity: 1;
}
.u-mask-zoom[data-v-b3b508a8] {
transform: scale(1.2, 1.2);
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-drawer[data-v-c93a8fd2] {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.u-drawer-content[data-v-c93a8fd2] {
display: block;
position: absolute;
z-index: 1003;
transition: all 0.25s linear;
}
.u-drawer__scroll-view[data-v-c93a8fd2] {
width: 100%;
height: 100%;
}
.u-drawer-left[data-v-c93a8fd2] {
top: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
}
.u-drawer-right[data-v-c93a8fd2] {
right: 0;
top: 0;
bottom: 0;
background-color: #ffffff;
}
.u-drawer-top[data-v-c93a8fd2] {
top: 0;
left: 0;
right: 0;
background-color: #ffffff;
}
.u-drawer-bottom[data-v-c93a8fd2] {
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
}
.u-drawer-center[data-v-c93a8fd2] {
display: flex;
flex-direction: row;
flex-direction: column;
bottom: 0;
left: 0;
right: 0;
top: 0;
justify-content: center;
align-items: center;
opacity: 0;
z-index: 99999;
}
.u-mode-center-box[data-v-c93a8fd2] {
min-width: 3.125rem;
min-height: 3.125rem;
display: block;
position: relative;
background-color: #ffffff;
}
.u-drawer-content-visible.u-drawer-center[data-v-c93a8fd2] {
transform: scale(1);
opacity: 1;
}
.u-animation-zoom[data-v-c93a8fd2] {
transform: scale(1.15);
}
.u-drawer-content-visible[data-v-c93a8fd2] {
transform: translate3D(0px, 0px, 0px) !important;
}
.u-close[data-v-c93a8fd2] {
position: absolute;
z-index: 3;
}
.u-close--top-left[data-v-c93a8fd2] {
top: 0.9375rem;
left: 0.9375rem;
}
.u-close--top-right[data-v-c93a8fd2] {
top: 0.9375rem;
right: 0.9375rem;
}
.u-close--bottom-left[data-v-c93a8fd2] {
bottom: 0.9375rem;
left: 0.9375rem;
}
.u-close--bottom-right[data-v-c93a8fd2] {
right: 0.9375rem;
bottom: 0.9375rem;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar[data-v-eedd27cf] {
color: #606266;
background: url("../../static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
}
.u-calendar__header[data-v-eedd27cf] {
width: 100%;
box-sizing: border-box;
font-size: 0.9375rem;
color: #303133;
}
.u-calendar__header__text[data-v-eedd27cf] {
margin-top: 0.9375rem;
padding: 0 1.875rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.u-calendar__action[data-v-eedd27cf] {
padding: 1.25rem 0 1.25rem 0;
}
.u-calendar__action__icon[data-v-eedd27cf] {
margin: 0 0.5rem;
}
.u-calendar__action__text[data-v-eedd27cf] {
padding: 0 0.5rem;
color: #303133;
font-size: 1rem;
line-height: 1rem;
font-weight: bold;
}
.u-calendar__week-day[data-v-eedd27cf] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 6px 0;
overflow: hidden;
}
.u-calendar__week-day__text[data-v-eedd27cf] {
flex: 1;
text-align: center;
}
.u-calendar__content[data-v-eedd27cf] {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 6px 0;
box-sizing: border-box;
position: relative;
}
.u-calendar__content--end-date[data-v-eedd27cf] {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.u-calendar__content--start-date[data-v-eedd27cf] {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.u-calendar__content__item[data-v-eedd27cf] {
width: 14.2857%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 6px 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.u-calendar__content__item__inner[data-v-eedd27cf] {
height: 2.625rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 1rem;
position: relative;
border-radius: 50%;
}
.u-calendar__content__item__inner__desc[data-v-eedd27cf] {
width: 100%;
font-size: 0.75rem;
line-height: 0.75rem;
transform: scale(0.75);
transform-origin: center center;
position: absolute;
left: 0;
text-align: center;
bottom: 0.0625rem;
}
.u-calendar__content__item__tips[data-v-eedd27cf] {
width: 100%;
font-size: 0.75rem;
line-height: 0.75rem;
position: absolute;
left: 0;
transform: scale(0.8);
transform-origin: center center;
text-align: center;
bottom: 0.25rem;
z-index: 2;
}
.u-calendar__content__bg-month[data-v-eedd27cf] {
position: absolute;
font-size: 130px;
line-height: 130px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #e4e7ed;
z-index: 1;
}
.u-calendar__bottom[data-v-eedd27cf] {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 1.25rem 0.9375rem;
box-sizing: border-box;
font-size: 0.75rem;
color: #909399;
}
.u-calendar__bottom__choose[data-v-eedd27cf] {
height: 1.5625rem;
}
.u-calendar__bottom__btn[data-v-eedd27cf] {
width: 100%;
}
2025-04-07 17:34:20 +08:00
.index-content-other[data-v-a2a18362] {
width: calc(100% - 5.3125rem);
height: 100%;
2025-04-08 17:33:14 +08:00
transition: opacity 1s ease;
2025-04-07 17:34:20 +08:00
}
.index-content-right[data-v-a2a18362] {
height: calc(100% - 3.125rem);
width: calc(100% - 1.875rem);
background-color: rgba(255, 255, 255, 0.5);
/* 白色背景透明度为 10% */
background-image: url('../../static/index/mountain.png');
background-position: 70% 45%;
border-radius: 1.5625rem;
box-shadow: 0.125rem 0.25rem 0.5rem 0.125rem rgba(0, 0, 0, 0.3);
border-radius: 0.03125rem solid #fff;
}
.index-content-right .index-right-height[data-v-a2a18362] {
height: 0.625rem;
}
.index-content-right .index-right-title[data-v-a2a18362] {
margin-left: 0.9375rem;
width: calc(100% - 1.875rem);
height: 3.75rem;
background: linear-gradient(to right, #C4E0FD, #D5CDFF, #D9ECFF);
border-radius: 1.09375rem;
border: 0.0625rem solid #fff;
display: flex;
align-items: center;
}
.index-content-right .index-right-title .index-right-name[data-v-a2a18362] {
margin-left: 0.625rem;
margin-right: 0.3125rem;
color: #19233B;
font-size: 0.9375rem;
}
.index-content-right .index-right-title .index-right-input[data-v-a2a18362] {
font-size: 0.71875rem;
width: 5.625rem;
border: 0.0625rem #a0adc8 solid;
padding: 0.46875rem 0 0.46875rem 0.3125rem;
background-color: rgba(234, 243, 254, 0.6);
border-radius: 0.3125rem;
}
.index-content-right .index-right-title .index-right-button-all[data-v-a2a18362] {
height: 100%;
margin-left: auto;
display: flex;
align-items: center;
}
.index-content-right .index-right-title .index-right-button-all .index-right-button[data-v-a2a18362] {
2025-04-09 17:20:13 +08:00
height: 2.34375rem;
background: linear-gradient(to right, #00c9ff, #0076ff);
2025-04-07 17:34:20 +08:00
color: #fff;
font-size: 0.9375rem;
display: flex;
align-items: center;
2025-04-09 17:20:13 +08:00
border-radius: 0.625rem;
2025-04-07 17:34:20 +08:00
border: 0.03125rem solid #fff;
margin-right: 0.625rem;
}
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-img[data-v-a2a18362] {
width: 1.40625rem;
height: 1.40625rem;
2025-04-09 17:20:13 +08:00
margin: 0 0.15625rem 0 0.46875rem;
2025-04-07 17:34:20 +08:00
}
.index-content-right .index-right-title .index-right-button-all .index-right-button .index-right-button-font[data-v-a2a18362] {
2025-04-09 17:20:13 +08:00
margin-right: 0.78125rem;
2025-04-07 17:34:20 +08:00
}
.index-content-down[data-v-a2a18362] {
width: calc(100% - 1.875rem);
height: 3.125rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.swiper-contain[data-v-a2a18362] {
width: 100%;
margin-left: 0.3125rem;
height: calc(100% - 4.375rem);
}
.swiper-contain .swiper-flex[data-v-a2a18362] {
display: flex;
flex-wrap: wrap;
}
.swiper-contain .swiper-flex .swiper-card[data-v-a2a18362] {
margin: 0.625rem 0 0 0.625rem;
width: 31.46875rem;
height: 16.5625rem;
2025-04-09 17:20:13 +08:00
border: 0.09375rem solid #fff;
2025-04-07 17:34:20 +08:00
border-radius: 0.9375rem;
/* 设置背景图和白色背景 */
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.5);
/* 使用 screen 混合模式,让图像与白色混合变淡 */
background-blend-mode: screen;
isolation: isolate;
2025-04-09 17:20:13 +08:00
box-shadow: 0.125rem 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.3);
2025-04-07 17:34:20 +08:00
display: flex;
position: relative;
overflow: hidden;
2025-04-09 17:20:13 +08:00
flex-direction: column;
2025-04-07 17:34:20 +08:00
}
2025-04-09 17:20:13 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect[data-v-a2a18362] {
2025-04-07 17:34:20 +08:00
margin-bottom: 0;
2025-04-09 17:20:13 +08:00
width: 100%;
2025-04-07 17:34:20 +08:00
height: 3.59375rem;
2025-04-09 17:20:13 +08:00
background: linear-gradient(to right, #CBD8FC, #F2EAFF, #E2EDFE, #BDCAE9);
2025-04-07 17:34:20 +08:00
border-top-right-radius: 0.9375rem;
border-top-left-radius: 0.9375rem;
display: flex;
justify-content: space-between;
align-items: center;
2025-04-09 17:20:13 +08:00
border-bottom: 0.09375rem solid;
/* 指定边框宽度 */
border-image: linear-gradient(to right, transparent, #fff, transparent) 1;
2025-04-07 17:34:20 +08:00
}
2025-04-09 17:20:13 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states[data-v-a2a18362] {
margin-left: 0.46875rem;
2025-04-07 17:34:20 +08:00
display: flex;
justify-content: space-between;
align-items: center;
width: 10.9375rem;
height: 100%;
position: relative;
}
2025-04-09 17:20:13 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-one[data-v-a2a18362] {
2025-04-07 17:34:20 +08:00
position: absolute;
top: 50%;
left: 2.5rem;
width: 3.125rem;
height: 0.3125rem;
background-color: #C6CBF6;
}
2025-04-09 17:20:13 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-one-green[data-v-a2a18362] {
position: absolute;
top: 50%;
left: 2.5rem;
width: 3.125rem;
height: 0.3125rem;
background: linear-gradient(to top, #ACE800, #55B718);
}
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-two[data-v-a2a18362] {
2025-04-07 17:34:20 +08:00
position: absolute;
top: 50%;
left: 5.625rem;
width: 3.125rem;
height: 0.3125rem;
background-color: #C6CBF6;
}
2025-04-09 17:20:13 +08:00
.swiper-contain .swiper-flex .swiper-card .swiper-title-contect .swiper-states .swiper-states-heng-two-green[data-v-a2a18362] {
position: absolute;
top: 50%;
left: 5.625rem;
width: 3.125rem;
height: 0.3125rem;
background: linear-gradient(to top, #ACE800, #55B718);
}
2025-04-07 17:34:20 +08:00
.swiper-heng[data-v-a2a18362] {
width: 3.125rem;
height: 0.3125rem;
background: linear-gradient(to right, #0EA7DD, #047ADB);
border-radius: 0.9375rem;
margin-top: 0.3125rem;
margin-bottom: 0.9375rem;
}
.popup-detail[data-v-a2a18362] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-backdrop-filter: blur(0.03125rem);
backdrop-filter: blur(0.03125rem);
background-color: rgba(89, 109, 154, 0.4);
/* 添加毛玻璃效果 */
z-index: 999;
}
.popup-detail .popup-detail-content[data-v-a2a18362] {
display: flex;
width: 46.875rem;
height: 28.125rem;
background: url("../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.5);
background-blend-mode: screen;
border: 0.0625rem solid #fff;
/* 使用 screen 混合模式,让图像与白色混合变淡 */
border-radius: 0.9375rem;
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
transition: opacity 0.4s ease;
}
.popup-detail .popup-detail-content .popup-detail-left[data-v-a2a18362] {
height: 100%;
width: 45%;
}
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-white[data-v-a2a18362] {
margin: 2.1875rem 0 0 2.1875rem;
width: 18.75rem;
height: 18.75rem;
background-color: rgba(255, 255, 255, 0.3);
display: flex;
border-radius: 0.9375rem;
justify-content: center;
align-items: center;
}
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-white .popup-detail-left-white-img[data-v-a2a18362] {
width: 17.1875rem;
height: 17.1875rem;
}
.popup-detail .popup-detail-content .popup-detail-left .popup-detail-left-bottom[data-v-a2a18362] {
width: calc(100% - 2.1875rem);
margin-left: 2.1875rem;
height: 7.1875rem;
2025-04-09 17:20:13 +08:00
display: flex;
2025-04-07 17:34:20 +08:00
}
.popup-detail .popup-detail-content .popup-detail-right[data-v-a2a18362] {
height: 100%;
width: 55%;
}
.ball-bgc[data-v-a2a18362] {
background-color: #fff;
width: 2.8125rem;
height: 2.8125rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-left: 0.625rem;
z-index: 1;
}
.ball-yellow[data-v-a2a18362] {
background: linear-gradient(to top right, #FF9F00, #FFDF2A);
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #A53600;
font-size: 0.78125rem;
}
2025-04-11 17:23:45 +08:00
.ball-yellow-big[data-v-a2a18362] {
background: linear-gradient(to top right, #FF9F00, #FFDF2A);
width: 3.125rem;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #A53600;
font-size: 1.09375rem;
}
2025-04-07 17:34:20 +08:00
.ball-red[data-v-a2a18362] {
background: #FF642F;
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
font-size: 0.78125rem;
}
.ball-white[data-v-a2a18362] {
2025-04-08 17:33:14 +08:00
background: linear-gradient(to bottom, #CBD9FD, #A2B7E0);
2025-04-07 17:34:20 +08:00
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 0.78125rem;
}
.ball-green[data-v-a2a18362] {
2025-04-09 17:20:13 +08:00
background: linear-gradient(to top, #ACE800, #55B718);
2025-04-07 17:34:20 +08:00
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
2025-04-08 17:33:14 +08:00
color: #fff;
2025-04-07 17:34:20 +08:00
font-size: 0.78125rem;
}
.ball-blue[data-v-a2a18362] {
2025-04-08 17:33:14 +08:00
background: linear-gradient(to top, #0076ff, #00c9ff);
2025-04-07 17:34:20 +08:00
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
2025-04-08 17:33:14 +08:00
color: #fff;
2025-04-07 17:34:20 +08:00
font-size: 0.78125rem;
}
.title-button[data-v-a2a18362] {
margin-right: 0.9375rem;
border: 0.0625rem solid #fff;
border-radius: 0.625rem;
2025-04-09 17:20:13 +08:00
background: #00AEFF;
2025-04-07 17:34:20 +08:00
color: #fff;
padding: 0.3125rem 0.625rem;
}
.title-button-red[data-v-a2a18362] {
margin-right: 0.9375rem;
border: 0.0625rem solid #fff;
border-radius: 0.625rem;
2025-04-09 17:20:13 +08:00
background: linear-gradient(to bottom, #FF8251, #F52E2C);
2025-04-07 17:34:20 +08:00
color: #fff;
padding: 0.3125rem 0.625rem;
}
2025-04-09 17:20:13 +08:00
.swiper-down[data-v-a2a18362] {
width: 100%;
height: calc(100% - 3.59375rem);
padding: 0 0.9375rem;
background-color: rgba(255, 255, 255, 0.5);
}
.swiper-down .swiper-flex[data-v-a2a18362] {
display: flex;
margin: 0.9375rem 0;
margin-left: 0.3125rem;
}
.swiper-down .swiper-down-title[data-v-a2a18362] {
font-weight: 500;
font-size: 0.9375rem;
}
.swiper-down .swiper-down-number[data-v-a2a18362] {
font-weight: 700;
font-size: 0.9375rem;
}
.swiper-down .swiper-down-card[data-v-a2a18362] {
width: 100%;
height: 6.25rem;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 0.625rem;
box-shadow: 0.0625rem 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
padding: 0.625rem 0;
padding-left: 0.625rem;
}
.swiper-down .swiper-down-card .swiper-down-text[data-v-a2a18362] {
width: 50%;
padding-left: 0.625rem;
display: flex;
align-items: center;
}
.swiper-down .swiper-down-card .swiper-down-text .swiper-down-text-left[data-v-a2a18362] {
color: #596278;
}
.swiper-down .swiper-button[data-v-a2a18362] {
width: 100%;
height: 3.4375rem;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-down .swiper-button .button-father[data-v-a2a18362] {
display: flex;
}
.swiper-down .swiper-button .swiper-button-white[data-v-a2a18362] {
background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
border: 0.0625rem solid #fff;
border-radius: 0.625rem;
width: 4.6875rem;
height: 2.1875rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.3125rem;
}
.swiper-down .swiper-button .swiper-button-blue[data-v-a2a18362] {
background: linear-gradient(to bottom, #00C9FF, #0076FF);
border: 0.0625rem solid #fff;
border-radius: 0.625rem;
width: 4.6875rem;
height: 2.1875rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.3125rem;
color: #fff;
}
.swiper-down .swiper-button .swiper-button-red[data-v-a2a18362] {
background: linear-gradient(to bottom, #FF8251, #F52E2C);
border: 0.0625rem solid #fff;
border-radius: 0.625rem;
width: 4.6875rem;
height: 2.1875rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.3125rem;
color: #fff;
}
2025-04-08 17:33:14 +08:00
2025-04-07 17:34:20 +08:00
.backgroundContainer[data-v-82a72f7e] {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.darkbackgroundContainer[data-v-82a72f7e] {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.index-title[data-v-82a72f7e] {
display: flex;
width: calc(100% - 3.4375rem);
height: 4.0625rem;
justify-content: space-between;
margin: 0.625rem 1.5625rem 0 1.875rem;
}
.index-title .index-title-left[data-v-82a72f7e] {
display: flex;
height: 100%;
align-items: center;
margin-top: 0.625rem;
}
.index-title .index-title-left .index-title-left-img[data-v-82a72f7e] {
width: 2.34375rem;
height: 2.34375rem;
}
.index-title .index-title-left .index-title-left-font[data-v-82a72f7e] {
margin-left: 0.625rem;
}
.index-title .index-title-left .index-title-left-wel[data-v-82a72f7e] {
margin-left: 1.25rem;
}
.index-title .index-title-left .index-title-left-weight[data-v-82a72f7e] {
font-weight: 700;
margin: 0 0.3125rem;
}
.index-title .index-title-right[data-v-82a72f7e] {
display: flex;
height: 100%;
align-items: center;
margin-top: 0.625rem;
}
.index-title .index-title-right .index-title-right-circle[data-v-82a72f7e] {
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
background-color: #cde0f8;
display: flex;
justify-content: center;
align-items: center;
}
.index-title .index-title-right .index-title-right-circle .index-title-right-circle-img[data-v-82a72f7e] {
width: 1.09375rem;
height: 1.09375rem;
}
.index-title .index-title-right .index-title-right-font[data-v-82a72f7e] {
margin-left: 0.625rem;
font-weight: 700;
}
.index-content[data-v-82a72f7e] {
width: 100%;
height: calc(100vh - 4.6875rem);
display: flex;
}
.index-content .index-content-leftMenus[data-v-82a72f7e] {
height: 100%;
width: 5.3125rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.index-content .index-content-leftMenus .left-img[data-v-82a72f7e] {
width: 2.90625rem;
height: 2.90625rem;
z-index: 100;
}
.index-content .index-content-leftMenus .left-img-font[data-v-82a72f7e] {
margin-top: 0.3125rem;
color: #fff;
}
.index-content .index-content-leftMenus .left-img-font-target[data-v-82a72f7e] {
margin-top: 0.3125rem;
color: #0174D3;
}
.index-content .index-content-leftMenus .blue-circle-pos[data-v-82a72f7e] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
2025-04-08 17:33:14 +08:00
height: 7.1875rem;
2025-04-07 17:34:20 +08:00
}
.index-content .index-content-leftMenus .blue-circle-pos .blue-circle[data-v-82a72f7e] {
position: absolute;
top: -1.5625rem;
left: -2.125rem;
}
.index-content .index-content-leftMenus .blue-circle-pos .blue-circle .blue-circle-size[data-v-82a72f7e] {
width: 5.3125rem;
height: 7.8125rem;
}
.red-pao[data-v-82a72f7e] {
position: absolute;
2025-04-08 17:33:14 +08:00
top: 1.25rem;
2025-04-07 17:34:20 +08:00
left: 1.875rem;
padding: 0.09375rem 0.3125rem;
background-color: #FF4C4E;
color: #fff;
font-size: 0.625rem;
border-radius: 0.625rem;
z-index: 101;
}