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,d09GMgABAAAAAGQYAAsAAAAAw2gAAGPEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCdAAqCv3SB/XABNgIkA4ZoC4M2AAQgBYRtB5cNG+OfdYacxwEA9eYzEqHbAaXC+ZFZWS8oKTr7/09LKmNsu7DdEEVL04JkStgZyOKZ/ILQ2JzQooY+O2mlDm88cwprtIUJRYoVp8q1MEe1Ow/WIUjUNfnNH9HJV5m92kW8dnj/3pEhB8aSgR+4kj24yOevPzf/ix2t5Ij79FHJAsd5EFJ2EoByUZPNHtWZ1VUw8TCKNsPzc+v9/WVQI8dGjhpsRMkSRg/YRimMGiDhCBkIyggFLMAzAAsVA/BOjAJUrBMVFTk9PQUPK0D0ro1REM/4bck0GjGLMBKwOzEqMDrm/+DNvwEAhTsoAAkoYGpB7e4LMInq4Z7d2/lSHmrkiVCowgFOGC/4BjLdjqZBMK9fkWmEJpgKgx8EK9nAPEPOk30pNCLq0BlSKNLexDrvFnL/EBcKlB/2YPqlzm92rMBKbxWxIXacD0TdMTTllTdfbtWnkEtVgBUaVkW6e6oqLSvgq84luVauJUGaMQg240CPmETe+8e/tZabTzHZvWtZycoqHH//BQBFFJvYg6cSCAPK0P/lViVvbmTWIzDi0N0rLjdoVkyOXJIrXJMg1hJIpYJpuwL9q2rensSOdFq7rfav29kR3LEgWD1R08h27tjxMauRWqk1yAqQxIEnxwk/k9Xvp4mNJ5uJLShAeP9ebatUY0naCgW0UITh59azOqqoboMT35k+wU5MV6BC/qWqJ5UnA9vtHQlfnOYXH0EGqAuWT9o/uCI/R6qH5JFb21r+/3mKC2j3fzlyPaQSlCkmTghdBueFPOIgIuD/pjV7uSVUtRJH3r1Qi793yiERbvfPn1kmfye50j+ht+xRakKdXWpRyFaEW2p3vgqDx5kmUV5C/ceN8zDBBaE/Jw+cu0rV+oKmNmRq88X0i/W3q7b+l373+kzPkBYGICUCkGiCVIIo+wTKgQBlF0E6BXIjpfPl9IoRIB0I0nsFUA6kfAHcKG6W9/JrN1/Mz5Ce9/jc+327ryVoKss14vz/aVtEFGJxKA6zw9isAcvQsULlmCICMkSMr7y8H5v/3H7HKsRIsIE7JNR0v68Ola+NidPXgYK7d4y5/kTrx1YiH3ACHY721PpPEwB52aopNP+2724kpHhSAITxv1FDjHzpgDzZMsCCoCevzA4ZdNuGwWaub2JsOr5/+GfTAhbIQEXxzM4jWww363cwcBfD37CDtobhdX241wMioCayVW4+bY0NiYeueRB+9rkNjZPR3SzDmPy+DZuAipEDJ95srvX1+/VHZ73km/Ct/p2utNSVpqu82hqCBAuZNq+8ATmVfJVWWHeYbwS/04tPTM/uwnx5/WrZyVW5K5oTo3NVqPm14m2BMjTemmu9rddzuzLfe3tb7nMPuIeaD4waumN34v8dT1ljigt5jIEn4Cl4Bp6D5ra9AG3NcPfedF1NNsxLUJuXzqNjHXsFxnkN7h/femLnVG/A/n11YXjrmqOdt2C8CXIrtGdHJTfBu2Cm98D7IK87oI0PwYGTB7d/BKbooLKD+cRp72PwCfgUPJjtMzDN5ocTVRGvs6Za+Bx8Ab4ErbS26yswyKFJmhmlgAJ7RxhpsHpyne6mux7O9NRLF7310VdL/fQ3QBlk9lgsrTBPIVaoHNDQMdRZoDhTZtCYLJhDgOkttEgOhiVZjcuWr1i5qiSi1jWlrF23fsPGoarqPdJQmPaAzQefgK8sZ8+dH+jCxUuXr1y9dv3GzVu37zTWRAX+AgQKEixEKFdcbtx5AINyGjgWYHT9vvZfIDCqgylAED4WAqOAYHwChMSnQCh8BoTG50AYfAGExVaEw53C40sgAnYgIs4mEt4TGe+LgrOIij2IhtOIjiOJga+ATLA2kCnWATLD7TLH47LACcTEE7LE10BWOJGs8Q2QDT6QLZ6UHe4QC0/JHveIjTOIg2+BHPCgHPGAnLAukDNGALlgPSBX3Ccuzic37Eju+A7IAyeRJ04mL4wE4uF48sZc+eBu8bESkADfA/niByA/nEP++BEoAD8BBWI0UBB+BgrG9hSCX4BC8ZAW4WmF4WEJcZdE+BVIjNNJgp1JipWBZHhG4RgDFIFdSI6dKBK/AUXhd6Bo/AEUgw8Vi/MoDn8CxeNMUuA2JeAjJeIUSsIqQErsSirsRmrMoWRsTSn4CygVfwOl4R+gdGxLi7EdLcG9ysC/QJmPNw0eURZOpWxsSTk4lnIxDigPx5EW9yv/nFXgqND5XUthfaAiHEXFeFYl2JNKsRctw96kw3Mqwz5Ujn2pArtTJfaj5difqnAA6bENVeNAqsFBtAIHUy2WBarDeKCVWA5oFaYC1WNJIAMuoAZcSI2YANSEpYCaMRFoNVYEWoNJQC2YDNSKhYDacBGtxcW0DgsDrcciQBuwKNBGDAdqxxJAHVgcqBOLAW3CYKAfMARoM86lLbiEtuJS2oZhQD24TNtxuXZgKFAvrtAeXKk+XKX9uFoHcI0O4lodwtJA/RgLNIDrNIjrNYRlgI7iBh3DjTqDm3QWN2sYt2gUR9AvWBXoBR7VOzxmPozNgflIbAHMx82tPbwZJFOzvJzMNDmb6fIyM8Q3M5VgDlereV4PzAv63byo53AICxLwkgUqvGyBel5RqXlVOvOays3rWmHeUK15Uw3mLa0289Ri3labeUdrzbv6yczSFTNb/8MKwIAcGwADKmwIDOTORsozG0trNlG+2VQVZjNVmtVUY1bXCrOG1pk1tcEfawH4D2DQdYP/N20SmD0zvuG/kuhhSdB/fz0IEhYaHmrTyNGHgpHDaUQyEvylEiPhpvAsgAdcUqDhBAzjoxDBamWWHEXLRUk3zQIxJnRqcWaNC1AmhIpAAVyaA7hpHlAPTAEsEAikPkuF4ArAbE4NKENRV7oFAztaGpkyLioJfbF3cbQNo6FblBgH+xgUe1gRDVZjE0h+jmFKOA1ZH2aGqUo1CNuTLdrewl6g5gToj+dRS0ckZ5JyNwz5Vguh2Wa0tKjj/kJ0Pi8Q8yPlTocrnq4hEa3FCDocKYsubQ9jkix6OMlKQVSKzZhMfyUP+hh8LpsQPaxNgRhujI5YpMtinZ4414eSNeBbw1Ls6Gp2amgIjjunapxZgSPKLKeXY1BBiz3kxFjZLCmGrd20fav4lvWoCFiF0i7H/rBPPxcbTXmpffcEi0en9a4TrZ3b29250myHaYrEbXJ2IQIbKp61FYJT8MxSGdedJsFuVe2162qscnZbu93dHb9dtt/tHxOSmhwU4liXKB6sThZdbqZB68SUGFIUHO9hC4V931S2mW42m7B+S/EEgYKUJasluMCKgWG0syNq01mLLImeKX+CQedh0gE8PQ1oajBrg1UqguHfLBI4fLvEHTNqQ01rZq/1J39onmem5XFG2PmFXDN/f7C8Zl/Cq6X+CZJlshonJDsrE/AIu0EMC9sGlTQsLrgq4vVMLdh5NKgO4rC/QGaKWGIacOw8l5RuOgcchkMH1+90IOa/2N+azrACjLEvwNZsit0UF7BcoRWCbK67FLt24V0TPbgcxG39QNk1uUNKGPRZcS7Y7J5ktZljwx4ATLywmxph7hHqvPNfk+GdpPwQNMgQwXQYO54MZiiwuRQE2xAwOQgOAqGgE/RQl5+FfF7eDYfm2jFIhuuoz9XThdADbICBfGs1rTkfbCtCEhxC5FEhFdA8I68xxB3fDFU9JZjRqUMNKcPlXD7pCm4sIH8q20pngJRErVfT2Iahf+8X8Lvg3AOBsOtwuevJxeXm2SYvAbmlbDkExXPQNDIWTadUAEa98rqioP2RNAsLylBYAMEHqJgBVgaLpgzMHbjbBA2L39wEpEXjzCY7s00W1LgT1EwRxSjjxoJ/oFoKjHPON5aDfedhXl8dmckO1uIN10j1HFmyxd2SFOnC0Vh9kVKwrAGJr0OuGlYpYquJrxYtQ2mlzzGVcVCL8swKGkTQ6
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 支付宝,百度,头条小程序目前读取大的本地字体文件,导致无法显示图标,故用在线加载的方式-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;
|
|
|
|
|
}
|