@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 31.3 kB
CSS
.poster-swiper-pagination{position:relative;z-index:100;bottom:0;left:0;width:100%;text-align:center}.poster-swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.3}.poster-swiper-pagination .swiper-pagination-bullet-active{opacity:1}#poster_next,#poster_prev{position:absolute;top:46%;width:4.8rem;height:5.2rem;z-index:10;cursor:pointer;background-size:10px 16px;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:hsla(0,0%,100%,.1);border-radius:50%}#poster_next:after,#poster_prev:after{display:none}#poster_next{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUzQThERjQyOUQwODExRTc4NUY4OEUzM0FCOUZDRUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUzQThERjQzOUQwODExRTc4NUY4OEUzM0FCOUZDRUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTNBOERGNDA5RDA4MTFFNzg1Rjg4RTMzQUI5RkNFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTNBOERGNDE5RDA4MTFFNzg1Rjg4RTMzQUI5RkNFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4c2wuJAAABxUlEQVR42qyXTyhEURTG36AhEVFE+RelWEnY2GBjQazszEbsZjlZmSV2rIyykA0rG1lgJcmKkgUljVmQokQxZRqe7+hOTdM703jfPfWbxZv6fq/33j3nXsd1XQc0gUMQBzPmmhXkp8YEZ1fEpmDa9a4FW4JO8KlIFm0IhJE8khUQYAXCIHhXJGt+JbkXBsCrItkExaxA6AEvimQblLACoRs8KZJdEGQFma/rQZHsgzJWILSBe0VyBMpZgdAMbhXJCahkBUIDuFYkZ6CaFQh14FKRXIBaVpBpjOeK5ArUswKhCpwqkhvQyAqECnCsSO5ACytwzCd6oEgSoJ0VCKVgT5E8yjqyMbWCZmV7VazI4asD9Cr/xdm7z9d5d6S9M+H9hcwOv+H5pl8se/r5CR8GH4XO7/+Gj4KkEr7E9qJJ8KWER9luOgVSSniEnQchkPYI/gFhdqLNgW+PcLk2y87ksLnL3Eqb/Sy1q5hXnnfKvA9qXxRVwuULmmB3dstKeNKsAd97U1l9q0q4rNohdne9roS/mb5DnQ/GlHDplH02DiDjHuHPptdbOULJ89/ICpdddZetQ+Bfa0UFQAi0gi2QcCzVrwADADWnn2ysV3SkAAAAAElFTkSuQmCC);right:-2.5rem;background-position:10px}#poster_next:after{display:none}#poster_prev{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAApCAYAAAAvUenwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMjBGQjAzOUQwOTExRTdBMzZEQURGOUIxNEI4MUI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGMjBGQjA0OUQwOTExRTdBMzZEQURGOUIxNEI4MUI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEYyMEZCMDE5RDA5MTFFN0EzNkRBREY5QjE0QjgxQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEYyMEZCMDI5RDA5MTFFN0EzNkRBREY5QjE0QjgxQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ByvpdAAABKklEQVR42rSXsQrCMBCGLQgKoksHZx/B13AUdxfBh/EZ3HwGKzgp6qivoaCbe/yvUCwlSS+5y8EvmpTvM63tmcwY01GsPrJAPkhRjpBAKQPkZP61Kb98InhVs5RwqlVK+BXppYSPJNeABY8VsOExAoKfufBQQTA8ROCDX1xwriAazhGI4G0CMdwnUIG7BGpwm0AV3hSow+uCJPC64OCBDyWP9AwvY3TOp6W/fpEJ8hZ1aQhIcnOsYE9NQ7KC6k2OPFJI6h+SSJoD6hLboKrENaEm8U2qSNoO8EkKjoSzTJGEe7GiJSE/uShJ6I0TLIm5/YMksQ8xtkTy75olke4P2iTdTGETmCNHZGqZW2oIfJK55i6TTte9doq21C21VlDVEFkjL2RHHfknwABlUxVKVPnjCwAAAABJRU5ErkJggg==);left:-2.5rem;background-position:30px}#poster_prev:after{display:none}.picture_box[data-v-541fa1e5]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.qrCodeContainer[data-v-541fa1e5]{width:240px;height:486px}.qrCodeContainer .qrCode[data-v-541fa1e5]{width:240px;height:240px;border-radius:12px;border:2px solid #e0e4e7;background:#fff}.qrCodeContainer .qrCode img[data-v-541fa1e5]{width:188px;height:188px}.tab[data-v-541fa1e5]{height:4rem;color:#323232;font-size:1.5rem;line-height:4rem;padding-left:1.5rem;border-bottom:1px solid #e6e6e6}.product_poster[data-v-541fa1e5]{background:#fff;margin-top:1.5rem}.poster_wrap[data-v-541fa1e5]{padding:2rem 0 2.8rem 1.35rem}.more_poster[data-v-541fa1e5]{text-align:right;padding-right:1.5rem;font-size:1.2rem;color:#646464}a[data-v-541fa1e5]{display:block}.layer[data-v-541fa1e5]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0 auto;max-width:750px;background-color:rgba(0,0,0,.7);z-index:2000;overflow:hidden}.layer.active[data-v-541fa1e5]{display:block}.btn_save[data-v-541fa1e5]{width:26.75rem;height:3.6rem;line-height:3.6rem;color:#fff;font-size:1.4rem;background-color:#f05a4b;border-radius:.2rem;margin:1rem auto;text-align:center}.long_save[data-v-541fa1e5]{width:23rem;height:4.4rem;line-height:4.4rem;font-size:1.5rem;border-radius:.6rem;margin:2.1rem auto;text-align:center;color:#fff;border:.1rem dashed #fff}.poster_wrap img[data-v-541fa1e5]{width:10rem;max-height:100%;border-radius:.2rem}.picture[data-v-541fa1e5]{position:absolute;top:50%;left:50%;z-index:100;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.show-btn-container[data-v-541fa1e5]{width:264px;margin:21px auto}.show-btn-container .btn[data-v-541fa1e5]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.show-btn-container .btn>span[data-v-541fa1e5]{display:inline-block}.show-btn-container .right-btn[data-v-541fa1e5]{width:20px;height:20px;margin-right:9px}.show-btn-container .right-btn img[data-v-541fa1e5]{width:100%;height:100%}.show-btn-container .tit[data-v-541fa1e5]{color:#fff;font-size:15px}.picture_item[data-v-541fa1e5]{background-color:#fff;color:#333;text-align:left;border-radius:.3rem;width:26.85rem;line-height:1.4}.picture_hd[data-v-541fa1e5]{position:relative;width:100%;text-align:center;background:#fff;height:40rem}.picture_hd>img[data-v-541fa1e5]{max-width:100%;max-height:100%;z-index:10}.appBtn[data-v-541fa1e5]{width:152px;margin:21px auto 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.appBtn .cir[data-v-541fa1e5]{width:50px;height:50px;border-radius:50%;margin-bottom:9px}.appBtn .cir img[data-v-541fa1e5]{width:100%;height:100%}.appBtn .tit[data-v-541fa1e5]{color:#fff;font-size:13px;text-align:center}.tips[data-v-541fa1e5]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.7);padding-top:5px}.poster[data-v-f6089d6c]{height:496px;width:240px;overflow:hidden;border-radius:0;position:relative}.poster .scroll-tip[data-v-f6089d6c]{position:absolute;top:15px;left:65px;width:110px;height:24px;background:rgba(0,0,0,.6);border-radius:3px;text-align:center;z-index:5}.poster .scroll-tip img[data-v-f6089d6c]{width:13px;height:13px;margin-right:3px}.poster .scroll-tip .tip-tit[data-v-f6089d6c]{font-size:13px;color:#fff}.poster .img-container[data-v-f6089d6c]{max-height:427px;overflow:hidden;position:relative}.poster .img-container .posterImg[data-v-f6089d6c],.poster .img-container[data-v-f6089d6c]{border-top-left-radius:9px;border-top-right-radius:9px}.poster .img-container .posterGenerImg[data-v-f6089d6c]{position:absolute;width:100%;z-index:10;left:0;top:0;opacity:0}.poster .img-container img[data-v-f6089d6c]{width:100%;height:auto}.poster .loadingContainer[data-v-f6089d6c]{position:absolute;top:0;left:0;height:496px;width:240px;z-index:5}.card-container[data-v-f6089d6c]{background:#fff;border-bottom-left-radius:9px;border-bottom-right-radius:9px}.card-container.padding_0[data-v-f6089d6c]{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.card-container .card-left[data-v-f6089d6c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;padding:0 6px}.card-container .card-left .left-section[data-v-f6089d6c]{height:40px;width:100%}.card-container .card-left .left-section .c_center[data-v-f6089d6c]{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.card-container .card-left .left-section .avatar[data-v-f6089d6c]{margin-right:4px;border-radius:50%;width:30px;height:30px;background:-webkit-linear-gradient(bottom,#fff,#eaecf5);background:linear-gradient(1turn,#fff,#eaecf5);overflow:hidden;-webkit-flex-shrink:0;flex-shrink:0}.card-container .card-left .left-section .avatar img[data-v-f6089d6c]{width:100%;height:100%}.card-container .card-left .left-section .info[data-v-f6089d6c]{-webkit-justify-content:space-around;justify-content:space-around}.card-container .card-left .left-section .info .info-name[data-v-f6089d6c]{height:1.8rem;line-height:1.8rem}.card-container .card-left .left-section .info .info-name .tit[data-v-f6089d6c]{font-size:12px;color:#333;margin-right:5px}.card-container .card-left .left-section .info .info-name .tag[data-v-f6089d6c]{font-size:10px;color:#8f93a0}.card-container .card-left .left-section .info .info-mobile[data-v-f6089d6c]{margin-top:1px;color:#666;height:14px;line-height:14px;word-break:break-all}.card-container .card-left .left-section .info .info-mobile .img-icon[data-v-f6089d6c]{width:9px;vertical-align:middle}.card-container .card-left .left-section .info .info-mobile span[data-v-f6089d6c]{padding-left:3px;font-size:10px}.card-container .card-left .left-section .info .info-card[data-v-f6089d6c]{margin-top:3px;font-size:8px;color:#999;word-break:break-all;display:-webkit-box;display:-webkit-flex;display:flex}.card-container .card-left .left-section .info .info-card .label[data-v-f6089d6c]{-webkit-flex-shrink:0;flex-shrink:0}.card-container .card-left .left-section .info .info-card .num[data-v-f6089d6c]{padding-right:9px}.card-container .card-left .left-section .info .info-card .img-icon[data-v-f6089d6c]{width:14px}.card-container .card-left .left-section .info .info-card .text[data-v-f6089d6c]{padding-left:3px}.card-container .info-card4[data-v-f6089d6c]{width:100%;font-size:8px;padding-left:0;background:#f7f7f7;border-radius:0 0 9px 9px;margin-top:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:17px;line-height:17px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.card-container .card-right[data-v-f6089d6c]{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;border:1px solid;border-color:#ffdbd7;box-sizing:border-box;padding:3px;border-radius:3px}.card-container .card-right img[data-v-f6089d6c]{width:28px;height:28px}.posterGenter[data-v-f6089d6c]{width:240px;overflow:hidden}.posterGenter .img-container img[data-v-f6089d6c]{width:100%}.posterGenter.poster-generate[data-v-f6089d6c]{width:auto}.posterGenter.poster-generate .card-left[data-v-f6089d6c]{padding:0 1.8em}.posterGenter.poster-generate .card-left .left-section[data-v-f6089d6c]{height:14em}.posterGenter.poster-generate .card-left .info-name[data-v-f6089d6c]{height:3.6em;line-height:3.6em}.posterGenter.poster-generate .card-left .info-name .tit[data-v-f6089d6c]{font-size:3.6em}.posterGenter.poster-generate .card-left .info-name .tag[data-v-f6089d6c]{font-size:2.7em}.posterGenter.poster-generate .card-left .avatar[data-v-f6089d6c]{margin-right:1.2em;width:11em;height:11em}.posterGenter.poster-generate .card-left .info-mobile[data-v-f6089d6c]{height:4.4em;line-height:4.4em}.posterGenter.poster-generate .card-left .info-mobile span[data-v-f6089d6c]{font-size:3.6em}.posterGenter.poster-generate .card-left .info-mobile .img-icon[data-v-f6089d6c]{width:3.8em}.posterGenter.poster-generate .info-card4[data-v-f6089d6c]{width:100%;margin-top:4.5px;font-size:12px;height:26px;line-height:26px}.posterGenter.poster-generate .card-right[data-v-f6089d6c]{width:11em;height:11em}.posterGenter.poster-generate .card-right img[data-v-f6089d6c]{width:10em;height:10em}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:-o-linear-gradient(top,rgba(0,0,0,.5),transparent);background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:opacity .3s;-o-transition:.3s opacity;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s top;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s left;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-o-transition:.2s transform,.2s right;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}