2025-05-13 17:18:07 +08:00
|
|
|
.overlay[data-v-8cdafce2]{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:999;will-change:opacity;transition:opacity .3s ease;opacity:0;display:block}.overlay-show[data-v-8cdafce2]{opacity:1}.drawer[data-v-8cdafce2]{position:fixed;top:0;right:0;height:100vh;background:#fff;z-index:1000;border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;transform:translate(100%);transition:transform .4s ease;will-change:transform}.drawer-open[data-v-8cdafce2]{transform:translate(0)}.drawer-content[data-v-8cdafce2]{position:relative;width:100%;height:100%}.drawer-content-circle[data-v-8cdafce2]{position:absolute;top:calc(50% - 1.71875rem);left:-1.25rem;width:3.125rem;height:3.4375rem;border-radius:50%;z-index:-1;background:linear-gradient(to bottom,#dfecfa,#c9dbee);display:flex;align-items:center;-webkit-clip-path:inset(0 60% 0 0);clip-path:inset(0 60% 0 0)}.drawer-img[data-v-8cdafce2]{width:.78125rem;height:.78125rem;margin-left:.3125rem;transform:rotate(180deg)}.draw-all[data-v-e15809eb]{width:100%;height:100%;display:flex;flex-direction:column;background:url(../../static/index/clearmountain.png) center / cover,rgba(255,255,255,.4);background-blend-mode:screen;isolation:isolate;border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;overflow:hidden}.draw-all .draw-flex[data-v-e15809eb]{display:flex}.draw-all .draw-title[data-v-e15809eb]{width:100%;height:4.375rem;display:flex;justify-content:space-between;padding-top:2.125rem}.draw-all .draw-title .draw-title-gun[data-v-e15809eb]{margin-left:1.875rem;margin-right:.625rem;width:.40625rem;height:1.5625rem;background:linear-gradient(to bottom,#04bced,#0160ce);border-radius:.3125rem}.draw-all .draw-title .draw-title-font[data-v-e15809eb]{font-size:1.25rem;font-weight:700}.draw-all .draw-contain[data-v-e15809eb]{width:100%;height:calc(100vh - 4.375rem)}.modal[data-v-e15809eb]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal-content[data-v-e15809eb]{width:80vw;height:80vh;background:#fff;border-radius:8px;overflow:hidden}.draw-blue[data-v-e15809eb]{color:#0090ff;font-size:.9375rem;margin-right:1.40625rem;margin-top:.46875rem}.swiper-flex[data-v-e15809eb]{display:flex;flex-wrap:wrap;margin-left:0}.swiper-flex .swiper-card[data-v-e15809eb]{margin:0 0 .9375rem .9375rem;width:28.125rem;height:11.25rem;border:.0625rem solid #fff;border-radius:.9375rem;background:url(../../static/index/blueMountain.png) center / cover,rgba(255,255,255,.5);background-blend-mode:screen;isolation:isolate;box-shadow:.15625rem .15625rem .3125rem #839fcc;overflow:hidden}.swiper-flex .swiper-card .swiper-card-top[data-v-e15809eb]{width:100%;height:8.4375rem;display:flex}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-img[data-v-e15809eb]{width:7.8125rem;height:7.8125rem;margin-top:.625rem;margin-left:.9375rem;margin-right:.3125rem}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card[data-v-e15809eb]{width:calc(100% - 8.125rem);height:100%}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight[data-v-e15809eb]{display:flex;justify-content:space-between;margin-top:1.09375rem}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-left[data-v-e15809eb]{font-weight:700;font-size:1.09375rem}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-weight .weight-right[data-v-e15809eb]{color:#ff6000;font-weight:500;font-size:.9375rem}.swiper-flex .swiper-card .swiper-card-top .swiper-card-top-card .swiper-card-top-card-noral[data-v-e15809eb]{display:flex;justify-content:space-between;margin-top:.46875rem}.swiper-flex .swiper-card .swiper-card-down[data-v-e15809eb]{width:100%;height:2.8125rem;display:flex;background:linear-gradient(to right,#ceddff,#f3effa,#d1dafe);align-items:center;justify-content:space-between}.swiper-flex .swiper-card .swiper-card-down .down-left[data-v-e15809eb]{display:flex;margin-left:1.5625rem}.swiper-flex .swiper-card .swip
|
