@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center} /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-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:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: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%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center} @charset "UTF-8"; ::-webkit-scrollbar { display: none; } .swiper { --swiper-theme-color: #252728; --swiper-pagination-bullet-inactive-color: #DCDDDF; --swiper-pagination-bullet-inactive-opacity: 1; } .swiper .swiper-operation .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; } .swiper .swiper-operation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; border-radius: 6px; } .el-select__popper { border-radius: 12px; overflow: hidden; } .configMedium[data-v-30d4b6b0] { width: 100%; height: 100%; position: relative; } .configMedium .medium-swiper[data-v-30d4b6b0] { position: absolute; width: 100%; height: 100%; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; opacity: 0; z-index: 1; cursor: pointer; pointer-events: none; } .configMedium .medium-swiper.appearIntoView[data-v-30d4b6b0] { -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; opacity: 1; z-index: 2; pointer-events: unset; } .configMedium .medium-swiper.initVersion[data-v-30d4b6b0] { -webkit-transition: unset; transition: unset; opacity: 1; } .configMedium .medium-swiper .medium-swiper-wrapper[data-v-30d4b6b0] { width: 100%; height: 100%; } .configMedium .medium-swiper .medium-swiper-wrapper .medium-swiper-slide[data-v-30d4b6b0] { width: 100%; height: 100%; } .configMedium .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture[data-v-30d4b6b0] { display: block; width: 100%; height: 100%; } .configMedium .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture img[data-v-30d4b6b0] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-30d4b6b0], .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-30d4b6b0] { width: 48px; height: 48px; border-radius: 50%; background-color: #EEEEEE; -webkit-transition: 0.2s; transition: 0.2s; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-30d4b6b0]:hover, .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-30d4b6b0]:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-30d4b6b0]::after, .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-30d4b6b0]::after { font-size: 12px; font-weight: 700; color: #000000; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-30d4b6b0], .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-30d4b6b0] { opacity: 0.4; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-30d4b6b0]:hover, .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-30d4b6b0]:hover { -webkit-transform: unset; transform: unset; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-30d4b6b0] { right: 30px; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-30d4b6b0] { left: 30px; } .configMedium .medium-swiper .medium-swiper-operation .medium-swiper-pagination[data-v-30d4b6b0] { bottom: calc(var(--controlPanelHeight) + 30px); z-index: 1; } .configMedium .medium-swiper .knowMoreButton[data-v-30d4b6b0] { width: 32px; height: 32px; position: absolute; bottom: calc(var(--controlPanelHeight) + 42px); right: 30px; background-color: #EEEEEE; border-radius: 50%; z-index: 1; -webkit-transition: 0.2s; transition: 0.2s; } .configMedium .medium-swiper .knowMoreButton picture[data-v-30d4b6b0] { display: block; width: 100%; } .configMedium .medium-swiper .knowMoreButton picture img[data-v-30d4b6b0] { display: block; width: 100%; }/*order-option*/ /*order-option*/ .configOptions[data-v-186e72ee] { width: 100%; height: 100%; padding: 40px 20px calc(var(--controlPanelHeight) + 12px); overflow-y: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .configOptions .car-title[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 40px; } .configOptions .car-title .car-firstTitle[data-v-186e72ee] { font-size: 32px; font-weight: 700; line-height: 40px; } .configOptions .car-title .car-subTitle[data-v-186e72ee] { color: #515253; font-size: 14px; font-weight: 600; line-height: 22px; } .configOptions .medium-swiper[data-v-186e72ee] { width: 100%; height: 100%; cursor: pointer; } .configOptions .medium-swiper .medium-swiper-wrapper[data-v-186e72ee] { width: 100%; height: 100%; } .configOptions .medium-swiper .medium-swiper-wrapper .medium-swiper-slide[data-v-186e72ee] { width: 100%; height: 100%; } .configOptions .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture[data-v-186e72ee] { display: block; width: 100%; height: 100%; } .configOptions .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture img[data-v-186e72ee] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-186e72ee], .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-186e72ee] { width: 48px; height: 48px; border-radius: 50%; background-color: #EEEEEE; -webkit-transition: 0.2s; transition: 0.2s; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-186e72ee]:hover, .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-186e72ee]:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-186e72ee]::after, .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-186e72ee]::after { font-size: 12px; font-weight: 700; color: #000000; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-186e72ee], .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-186e72ee] { opacity: 0.4; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-186e72ee]:hover, .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-186e72ee]:hover { -webkit-transform: unset; transform: unset; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-186e72ee] { right: 30px; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-186e72ee] { left: 30px; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-pagination[data-v-186e72ee] { bottom: calc(var(--controlPanelHeight) + 30px); z-index: 1; } .configOptions .car-version-container[data-v-186e72ee] { width: 100%; margin-bottom: 70px; } .configOptions .car-version-container .car-version-title[data-v-186e72ee] { width: 100%; margin-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 26px; } .configOptions .car-version-container .car-version-card[data-v-186e72ee] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .configOptions .car-version-container .car-version-card .car-version-item[data-v-186e72ee] { width: 100%; border: 2px solid #EAEBEC; border-radius: 10px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; cursor: pointer; } .configOptions .car-version-container .car-version-card .car-version-item.version-active[data-v-186e72ee] { border-color: #252728; -webkit-transition: border 0.2s; transition: border 0.2s; } .configOptions .car-version-container .car-version-card .car-version-item .version-name[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .configOptions .car-version-container .car-version-card .car-version-item .version-name .title-text[data-v-186e72ee] { font-size: 16px; font-weight: 600; line-height: 24px; } .configOptions .car-version-container .car-version-card .car-version-item .version-name .version-price[data-v-186e72ee] { font-size: 14px; font-weight: 500; line-height: 14px; } .configOptions .car-version-container .car-version-card .car-version-item .version-topic[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } .configOptions .car-version-container .car-version-card .car-version-item .version-topic .salesTopic[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; } .configOptions .car-version-container .car-version-card .car-version-item .version-topic .salesTopic .salesTopic-icon[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; } .configOptions .car-version-container .car-version-card .car-version-item .version-topic .salesTopic .salesTopic-text[data-v-186e72ee] { font-size: 14px; font-weight: 500; line-height: 22px; color: #515253; } .configOptions .car-version-container .version-compare[data-v-186e72ee] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .configOptions .car-version-container .version-compare .compare-text[data-v-186e72ee] { font-size: 14px; font-weight: 600; line-height: 24px; color: #3753B1; cursor: pointer; } .configOptions .car-version-container .version-compare svg[data-v-186e72ee] { cursor: pointer; } .configOptions .config-details .config-details-title[data-v-186e72ee] { margin-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 26px; } .configOptions .config-details .config-chooser .config-type[data-v-186e72ee] { margin-bottom: 40px; } .configOptions .config-details .config-chooser .config-type .type-title[data-v-186e72ee] { padding: 8px 10px; border-radius: 16px; font-size: 16px; font-weight: 600; line-height: 24px; background-color: #F7F7F7; } .configOptions .config-details .config-chooser .config-type .type-icons[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 28px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px 8px; } .configOptions .config-details .config-chooser .config-type .type-icons .type-icon-item[data-v-186e72ee] { position: relative; width: 40px; height: 40px; opacity: 0.5; pointer-events: none; } .configOptions .config-details .config-chooser .config-type .type-icons .type-icon-item.clickable[data-v-186e72ee] { opacity: 1; pointer-events: unset; cursor: pointer; } .configOptions .config-details .config-chooser .config-type .type-icons .type-icon-item[data-v-186e72ee]::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 3px solid #D9D9D9; border-radius: 50%; width: 52px; height: 52px; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.2s; transition: border 0.2s; } .configOptions .config-details .config-chooser .config-type .type-icons .type-icon-item.type-icon-item-active[data-v-186e72ee]::before { border-color: #252728; } .configOptions .config-details .config-chooser .config-type .type-icons .type-icon-item img[data-v-186e72ee] { display: block; width: 100%; } .configOptions .config-details .config-chooser .config-type .type-text[data-v-186e72ee] { padding: 10px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .configOptions .config-details .config-chooser .config-type .type-text .type-state[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .configOptions .config-details .config-chooser .config-type .type-text .type-state .state-name[data-v-186e72ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .configOptions .config-details .config-chooser .config-type .type-text .type-state .state-name .state-name-text[data-v-186e72ee] { font-size: 14px; font-weight: 600; line-height: 16px; } .configOptions .config-details .config-chooser .config-type .type-text .type-state .state-name img[data-v-186e72ee] { display: block; width: 13px; height: 13px; } .configOptions .config-details .config-chooser .config-type .type-text .type-state .state-price[data-v-186e72ee] { font-size: 12px; font-weight: 500; line-height: 16px; } .configOptions .config-details .config-chooser .config-type .type-text .type-desc[data-v-186e72ee] { font-size: 12px; font-weight: 500; line-height: 16px; color: #7C7D7E; } .configOptions .config-details .config-chooser .config-type .type-explore[data-v-186e72ee] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .configOptions .config-details .config-chooser .config-type .type-explore .type-explore-item[data-v-186e72ee] { font-size: 14px; font-weight: 600; line-height: 24px; color: #3753B1; cursor: pointer; } .configOptions .config-details .config-chooser .config-type .type-explore svg[data-v-186e72ee] { cursor: pointer; } @media screen and (max-width: 1023px) { .configOptions[data-v-186e72ee] { padding: unset; } .configOptions .car-title[data-v-186e72ee] { padding: 0 16px; } .configOptions .medium-swiper[data-v-186e72ee] { margin: 16px 0; padding: 0 16px; height: 70vw; } .configOptions .medium-swiper .medium-swiper-wrapper[data-v-186e72ee] { height: calc(100% - 24px); } .configOptions .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture img[data-v-186e72ee] { border-radius: 12px; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-186e72ee], .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-186e72ee] { display: none; } .configOptions .medium-swiper .medium-swiper-operation .medium-swiper-pagination[data-v-186e72ee] { bottom: 0; } .configOptions .medium-swiper .knowMoreButton[data-v-186e72ee] { width: 32px; height: 32px; background-color: #EEEEEE; border-radius: 50%; position: absolute; right: 28px; bottom: 36px; z-index: 1; } .configOptions .medium-swiper .knowMoreButton picture[data-v-186e72ee] { display: block; width: 100%; } .configOptions .medium-swiper .knowMoreButton picture img[data-v-186e72ee] { display: block; width: 100%; } .configOptions .car-version-container[data-v-186e72ee] { padding: 0 16px; } .configOptions .config-details .config-details-title[data-v-186e72ee] { padding: 0 16px; } .configOptions .config-details .config-chooser .config-type .type-title[data-v-186e72ee] { margin: 0 16px; } .configOptions .config-details .config-chooser .config-type .type-icons[data-v-186e72ee] { margin: 0 16px; } .configOptions .config-details .config-chooser .config-type .type-text[data-v-186e72ee] { margin: 0 16px; } .configOptions .config-details .config-chooser .config-type .type-explore[data-v-186e72ee] { margin: 0 16px; } } @media screen and (max-width: 767px) { .configOptions .car-title[data-v-186e72ee] { gap: 4px; margin-bottom: 20px; } .configOptions .car-title .car-firstTitle[data-v-186e72ee] { font-size: 24px; line-height: 28px; } .configOptions .car-title .car-subTitle[data-v-186e72ee] { font-size: 14px; font-weight: 500; } .configOptions .medium-swiper .knowMoreButton[data-v-186e72ee] { width: 24px; height: 24px; right: 28px; bottom: 36px; } .configOptions .medium-swiper .knowMoreButton picture[data-v-186e72ee] { display: block; width: 100%; } .configOptions .medium-swiper .knowMoreButton picture img[data-v-186e72ee] { display: block; width: 100%; } .configOptions .car-version-container .car-version-card .car-version-item .version-topic[data-v-186e72ee] { display: none; } .configOptions .car-version-container .car-version-card .car-version-item.version-active .version-topic[data-v-186e72ee] { display: block; } }/*order-option*/ /*order-option*/ .el-select-dropdown__item[data-v-511cba26] { font-size: 14px; font-weight: 500; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-select-dropdown__item.selected[data-v-511cba26] { color: #444444; font-weight: 700; } .el-select-dropdown__item.hover[data-v-511cba26], .el-select-dropdown__item[data-v-511cba26]:hover { background-color: #F7F7F7; } .rentingOptions[data-v-511cba26] { cursor: default; } .rentingOptions .advanced-payment .title-input[data-v-511cba26] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; margin-bottom: 24px; } .rentingOptions .advanced-payment .title-input .leasing-title[data-v-511cba26] { font-size: 16px; font-weight: 700; line-height: 28px; color: #252728; } .rentingOptions .advanced-payment .title-input .input-wrap[data-v-511cba26] { position: relative; } .rentingOptions .advanced-payment .title-input .input-wrap .input-left .advance-input[data-v-511cba26] { border-radius: 4px; border: unset; background-color: #EFEFEF; padding: 8px 53px 8px 8px; width: 115px; color: #252728; font-size: 14px; font-weight: 500; position: relative; } .rentingOptions .advanced-payment .title-input .input-wrap .input-left .advance-input[data-v-511cba26]::-webkit-inner-spin-button, .rentingOptions .advanced-payment .title-input .input-wrap .input-left .advance-input[data-v-511cba26]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .rentingOptions .advanced-payment .title-input .input-wrap .input-left .input-currency[data-v-511cba26] { position: absolute; font-weight: 500; font-size: 14px; right: 40px; top: 8px; cursor: default; } .rentingOptions .advanced-payment .title-input .input-wrap .input-left.priceUnitPrepositive .advance-input[data-v-511cba26] { padding: 8px 38px 8px 23px; } .rentingOptions .advanced-payment .title-input .input-wrap .input-left.priceUnitPrepositive .input-currency[data-v-511cba26] { left: 8px; right: unset; } .rentingOptions .advanced-payment .title-input .input-wrap .input-right[data-v-511cba26] { position: absolute; right: 8px; top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; cursor: default; } .rentingOptions .advanced-payment .title-input .input-wrap .input-right .dashed[data-v-511cba26] { display: inline-block; border-right: 1px dashed #C3C3C3; height: 19px; } .rentingOptions .advanced-payment .title-input .input-wrap .input-right img[data-v-511cba26] { cursor: pointer; } .rentingOptions .advanced-payment .title-input .input-wrap .input-right img.temporaryNoClick[data-v-511cba26] { cursor: not-allowed; } .rentingOptions .advanced-payment .ratio-percent[data-v-511cba26] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 12px; font-weight: 600; line-height: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: translateX(-10%); transform: translateX(-10%); background-color: #252728; color: #FFFFFF; padding: 8px; border-radius: 12px; } .rentingOptions .advanced-payment[data-v-511cba26] .el-slider .el-slider__bar { background-color: #000; } .rentingOptions .advanced-payment[data-v-511cba26] .el-slider .el-slider__button { border: solid 2px #000; } .rentingOptions .advanced-payment .min-max[data-v-511cba26] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 600; line-height: 12px; } .rentingOptions .advanced-month .downPayment-show[data-v-511cba26] { margin-top: 8px; margin-bottom: 24px; color: #252728; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rentingOptions .advanced-month .downPayment-show .leasing-title[data-v-511cba26] { font-size: 16px; font-weight: 700; line-height: 28px; } .rentingOptions .advanced-month .downPayment-show .tax-number[data-v-511cba26] { font-size: 14px; font-weight: 500; line-height: 28px; background-color: #EFEFEF; padding: 0 14px; border-radius: 4px; } .rentingOptions .advanced-month .month-select[data-v-511cba26] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rentingOptions .advanced-month .month-select[data-v-511cba26] .el-select .el-input .el-input__wrapper { border-radius: 12px; } .rentingOptions .advanced-month .month-select[data-v-511cba26] .el-select .el-input .el-input__wrapper .el-input__inner { font-size: 14px; font-weight: 600; line-height: 26px; color: #252728; } .rentingOptions .advanced-month .month-select[data-v-511cba26] .el-select .el-input .el-input__wrapper .el-select__caret { color: #252728; } .rentingOptions .advanced-month .month-select[data-v-511cba26] .el-select .el-input .el-input__wrapper.is-focus { -webkit-box-shadow: 0 0 0 1px #252728 inset !important; box-shadow: 0 0 0 1px #252728 inset !important; } .rentingOptions .advanced-month .month-select[data-v-511cba26] .el-select .el-input.is-focus .el-input__wrapper { -webkit-box-shadow: 0 0 0 1px #252728 inset !important; box-shadow: 0 0 0 1px #252728 inset !important; } .rentingOptions .advanced-month .month-select .month-txt[data-v-511cba26] { width: 25%; text-align: right; font-size: 14px; font-weight: 600; line-height: 20px; color: #252728; } .rentingOptions .btn-wrap .leasing-title[data-v-511cba26] { margin-top: 32px; margin-bottom: 24px; } .rentingOptions .btn-wrap .leasing-title[data-v-511cba26] { font-size: 16px; font-weight: 700; line-height: 28px; color: #252728; } .rentingOptions .btn-wrap .btn-list[data-v-511cba26] { display: grid; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; grid-template-columns: 23% 23% 23% 23%; row-gap: 15px; } @media screen and (max-width: 1023px) { .rentingOptions .btn-wrap .btn-list[data-v-511cba26] { grid-template-columns: 18% 18% 18% 18% 18%; } } @media screen and (max-width: 767px) { .rentingOptions .btn-wrap .btn-list[data-v-511cba26] { grid-template-columns: 23% 23% 23% 23%; } } @media screen and (max-width: 500px) { .rentingOptions .btn-wrap .btn-list[data-v-511cba26] { grid-template-columns: 31% 31% 31%; row-gap: 10px; } } .rentingOptions .btn-wrap .btn-list button[data-v-511cba26] { width: 100%; height: 40px; border: 2px solid #EAEBEC; color: #252728; background: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; border-radius: 16px; } .rentingOptions .btn-wrap .btn-list button.selected[data-v-511cba26] { background: #252728; border: 1px solid #252728; color: #fff; } .rentingOptions .btn-wrap .btn-list button.noClick[data-v-511cba26] { border: 2px solid #EAEBEC; color: #EAEBEC; cursor: not-allowed; } .rentingOptions .btn-wrap .btn-list button.temporaryNoClick[data-v-511cba26] { cursor: not-allowed; } .rentingOptions .legalNotice[data-v-511cba26] { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #62686B; font-size: 14px; font-weight: 400; line-height: 22px; }/*order-option*/ /*order-option*/ .configFinance[data-v-58e0f028] { width: 100%; height: 100%; padding: 40px 20px calc(var(--controlPanelHeight) + 12px); overflow-y: auto; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .configFinance .finance-title[data-v-58e0f028] { margin-bottom: 40px; font-size: 32px; font-weight: 700; line-height: 40px; } .configFinance .car-title[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 40px; } .configFinance .car-title .car-firstTitle[data-v-58e0f028] { font-size: 32px; font-weight: 700; line-height: 40px; } .configFinance .car-title .car-subTitle[data-v-58e0f028] { color: #515253; font-size: 14px; font-weight: 600; line-height: 22px; } .configFinance .medium-swiper[data-v-58e0f028] { width: 100%; height: 100%; cursor: pointer; } .configFinance .medium-swiper .medium-swiper-wrapper[data-v-58e0f028] { width: 100%; height: 100%; } .configFinance .medium-swiper .medium-swiper-wrapper .medium-swiper-slide[data-v-58e0f028] { width: 100%; height: 100%; } .configFinance .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture[data-v-58e0f028] { display: block; width: 100%; height: 100%; } .configFinance .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture img[data-v-58e0f028] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-58e0f028], .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-58e0f028] { width: 48px; height: 48px; border-radius: 50%; background-color: #EEEEEE; -webkit-transition: 0.2s; transition: 0.2s; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-58e0f028]:hover, .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-58e0f028]:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-58e0f028]::after, .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-58e0f028]::after { font-size: 12px; font-weight: 700; color: #000000; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-58e0f028], .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-58e0f028] { opacity: 0.4; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next.swiper-button-disabled[data-v-58e0f028]:hover, .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev.swiper-button-disabled[data-v-58e0f028]:hover { -webkit-transform: unset; transform: unset; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-58e0f028] { right: 30px; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-58e0f028] { left: 30px; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-pagination[data-v-58e0f028] { bottom: calc(var(--controlPanelHeight) + 30px); z-index: 1; } .configFinance .config-module[data-v-58e0f028] { margin-bottom: 70px; } .configFinance .config-module .config-title[data-v-58e0f028] { margin-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 26px; } .configFinance .config-module .config-overview-card[data-v-58e0f028] { padding: 20px 16px; background-color: #F7F7F7; border-radius: 12px; } .configFinance .config-module .config-overview-card .version-title[data-v-58e0f028] { font-size: 16px; font-weight: 600; line-height: 28px; } .configFinance .config-module .config-overview-card .config-details[data-v-58e0f028] { border-top: 1px solid #999A9D; border-bottom: 1px solid #999A9D; margin: 10px 0; padding: 20px 0; } .configFinance .config-module .config-overview-card .config-details .config-details-item[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 26px; color: #515253; } .configFinance .config-module .config-overview-card .config-details .config-details-item .details-item-right[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .configFinance .config-module .config-overview-card .config-details .config-details-item .details-item-right img[data-v-58e0f028] { display: block; width: 13px; height: 13px; cursor: pointer; } .configFinance .config-module .config-overview-card .total-price[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 600; line-height: 28px; } .configFinance .payment-module .payment-title[data-v-58e0f028] { margin-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 26px; } .configFinance .payment-module .payment-type[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 20px; } .configFinance .payment-module .payment-type .payment-type-title[data-v-58e0f028] { padding: 16px 10px; border-radius: 16px; font-size: 16px; font-weight: 600; line-height: 24px; background-color: #F7F7F7; } .configFinance .payment-module .payment-type .payment-type-card[data-v-58e0f028] { padding: 24px 16px; border: 2px solid #EAEBEC; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; cursor: pointer; -webkit-transition: border 0.2s; transition: border 0.2s; } .configFinance .payment-module .payment-type .payment-type-card.payment-type-active[data-v-58e0f028] { border-color: #252728; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-text[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; font-size: 16px; font-weight: 600; line-height: 28px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-text .price-detail[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; cursor: pointer; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-text .price-detail img[data-v-58e0f028] { display: block; width: 16px; height: 16px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-text .price-detail .price-detail-text[data-v-58e0f028] { font-size: 14px; font-weight: 600; line-height: 24px; color: #3753B1; text-decoration: underline; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-price[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-price .price-all[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-price .price-all .price-big[data-v-58e0f028] { font-size: 20px; font-weight: 600; line-height: 26px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-price .price-all .price-small[data-v-58e0f028] { font-size: 14px; font-weight: 500; line-height: 26px; text-decoration: line-through; } .configFinance .payment-module .payment-type .payment-type-card .type-card-top .type-card-price img[data-v-58e0f028] { display: block; width: 13px; height: 13px; } .configFinance .payment-module .payment-type .payment-type-card .type-card-bottom[data-v-58e0f028] { font-size: 14px; font-weight: 500; line-height: 22px; color: #62686B; } .configFinance .payment-module .renting-detailsList[data-v-58e0f028] { border-radius: 16px; padding: 18px; background-color: #F7F7F7; margin-bottom: 20px; } .configFinance .payment-module .renting-detailsList .legalNotice[data-v-58e0f028] { font-size: 12px; font-weight: 500; line-height: 16px; color: #515253; } .configFinance .back-to-config[data-v-58e0f028] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 40px; cursor: pointer; } .configFinance .back-to-config img[data-v-58e0f028] { display: block; width: 16px; height: 16px; } .configFinance .back-to-config .backText[data-v-58e0f028] { color: #3753B1; font-size: 14px; font-weight: 600; line-height: 24px; } @media screen and (max-width: 1023px) { .configFinance[data-v-58e0f028] { padding: unset; } .configFinance .finance-title[data-v-58e0f028] { padding: 0 16px; } .configFinance .car-title[data-v-58e0f028] { padding: 0 16px; } .configFinance .medium-swiper[data-v-58e0f028] { margin: 16px 0; padding: 0 16px; height: 70vw; } .configFinance .medium-swiper .medium-swiper-wrapper[data-v-58e0f028] { height: calc(100% - 24px); } .configFinance .medium-swiper .medium-swiper-wrapper .medium-swiper-slide picture img[data-v-58e0f028] { border-radius: 12px; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-next[data-v-58e0f028], .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-button-prev[data-v-58e0f028] { display: none; } .configFinance .medium-swiper .medium-swiper-operation .medium-swiper-pagination[data-v-58e0f028] { bottom: 0; } .configFinance .medium-swiper .knowMoreButton[data-v-58e0f028] { width: 32px; height: 32px; background-color: #EEEEEE; border-radius: 50%; position: absolute; right: 28px; bottom: 36px; z-index: 1; } .configFinance .medium-swiper .knowMoreButton picture[data-v-58e0f028] { display: block; width: 100%; } .configFinance .medium-swiper .knowMoreButton picture img[data-v-58e0f028] { display: block; width: 100%; } .configFinance .config-module[data-v-58e0f028] { padding: 0 16px; } .configFinance .payment-module[data-v-58e0f028] { padding: 0 16px; } .configFinance .back-to-config[data-v-58e0f028] { margin-left: 16px; margin-right: 16px; } } @media screen and (max-width: 767px) { .configFinance .finance-title[data-v-58e0f028] { margin-bottom: 20px; font-size: 24px; line-height: 28px; } .configFinance .car-title[data-v-58e0f028] { gap: 4px; margin-bottom: 20px; } .configFinance .car-title .car-firstTitle[data-v-58e0f028] { font-size: 20px; line-height: 26px; } .configFinance .car-title .car-subTitle[data-v-58e0f028] { font-size: 14px; font-weight: 500; } .configFinance .medium-swiper .knowMoreButton[data-v-58e0f028] { width: 24px; height: 24px; right: 28px; bottom: 36px; } .configFinance .medium-swiper .knowMoreButton picture[data-v-58e0f028] { display: block; width: 100%; } .configFinance .medium-swiper .knowMoreButton picture img[data-v-58e0f028] { display: block; width: 100%; } }/*order-option*/ /*order-option*/ .controlPanel[data-v-7578fb1d] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #F0F0F0; padding: 16px 40px; border-radius: 12px; -webkit-box-shadow: 10px 0px 200px 0px rgba(0, 0, 0, 0.08); box-shadow: 10px 0px 200px 0px rgba(0, 0, 0, 0.08); } .controlPanel .text-content .text-firsTitle[data-v-7578fb1d] { font-size: 24px; font-weight: 700; line-height: 28px; color: #252728; } .controlPanel .text-content .text-subTitle[data-v-7578fb1d] { font-size: 14px; font-weight: 500; line-height: 24px; color: #515253; } .controlPanel .control-content[data-v-7578fb1d] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; /*loading*/ } .controlPanel .control-content .control-price .price-number[data-v-7578fb1d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .controlPanel .control-content .control-price .price-number .price-all[data-v-7578fb1d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .controlPanel .control-content .control-price .price-number .price-all .price-big[data-v-7578fb1d] { font-size: 20px; font-weight: 600; line-height: 26px; } .controlPanel .control-content .control-price .price-number .price-all .price-small[data-v-7578fb1d] { font-size: 14px; font-weight: 500; line-height: 26px; text-decoration: line-through; } .controlPanel .control-content .control-price .price-number img[data-v-7578fb1d] { display: block; width: 13px; height: 13px; cursor: pointer; } .controlPanel .control-content .control-price .price-detail[data-v-7578fb1d] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; cursor: pointer; } .controlPanel .control-content .control-price .price-detail img[data-v-7578fb1d] { display: block; width: 16px; height: 16px; } .controlPanel .control-content .control-price .price-detail .price-detail-text[data-v-7578fb1d] { font-size: 14px; font-weight: 600; line-height: 24px; color: #3753B1; text-decoration: underline; } .controlPanel .control-content .control-desc[data-v-7578fb1d] { max-width: 300px; font-size: 12px; font-weight: 500; line-height: 16px; color: #7C7D7E; } .controlPanel .control-content .control-button[data-v-7578fb1d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 200px; background-color: #252728; color: #FFFFFF; border: 1px solid #252728; } .controlPanel .control-content .control-button[data-v-7578fb1d]:hover { background-color: transparent; color: #252728; } .controlPanel .control-content .submit_load_wrap[data-v-7578fb1d] { min-width: 150px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #010101; } @media screen and (max-width: 1023px) { .controlPanel .control-content .submit_load_wrap[data-v-7578fb1d] { width: 100%; height: 40px; } } .controlPanel .control-content .submit_load_wrap .submit_loading[data-v-7578fb1d] { border: 3px solid #fff; border-top: 3px solid #686868; border-radius: 50%; width: 18px; height: 18px; -webkit-animation: spin-7578fb1d 1.2s linear infinite; animation: spin-7578fb1d 1.2s linear infinite; } @-webkit-keyframes spin-7578fb1d { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-7578fb1d { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width: 990px) { .controlPanel .control-content .control-desc[data-v-7578fb1d] { max-width: unset; } } @media screen and (max-width: 767px) { .controlPanel[data-v-7578fb1d] { padding: 16px 20px; border-radius: 0; } .controlPanel .control-content[data-v-7578fb1d] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .controlPanel .control-content .control-price[data-v-7578fb1d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .controlPanel .control-content .control-desc[data-v-7578fb1d] { width: 100%; padding-bottom: 8px; border-bottom: 1px solid #999A9D; } .controlPanel .control-content .control-button[data-v-7578fb1d] { width: 100%; } } /*order-option*/ /*order-option*/ .saveConfigForm[data-v-589a2bca] { width: 100%; height: 100%; padding: 40px 20px calc(var(--controlPanelHeight) + 12px); overflow-y: auto; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; --el-fill-color-light: red; } .saveConfigForm[data-v-589a2bca] .a_telephone_valid { width: 100%; } .saveConfigForm[data-v-589a2bca] .a_telephone_valid .a_telephone_main .a_telephone_select .el-input__wrapper { border: 1px solid #DCDDDF; height: 44px; } .saveConfigForm[data-v-589a2bca] .a_telephone_valid .a_telephone_main > .el-input__wrapper { border: 1px solid #DCDDDF; } .saveConfigForm[data-v-589a2bca] .a_telephone_valid .a_telephone_main > .el-input__wrapper:hover { border: 1px solid #DCDDDF; -webkit-box-shadow: none; box-shadow: none; } .saveConfigForm[data-v-589a2bca] .el-select-dropdown__item.hover { background-color: #F7F7F7; } .saveConfigForm input[data-v-589a2bca] { outline: none; padding: 0; margin: 0; border-radius: 0; } .saveConfigForm .root_app_content .first-title[data-v-589a2bca] { font-size: 32px; font-weight: 700; line-height: 40px; margin-bottom: 40px; } .saveConfigForm .root_app_content .title[data-v-589a2bca] { font-size: 20px; font-weight: 700; line-height: 26px; margin-bottom: 30px; } .saveConfigForm .root_app_content .form-contant[data-v-589a2bca] { /* pc - 多选框和按钮 */ } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant[data-v-589a2bca] { width: 100%; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item[data-v-589a2bca] { width: 49%; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item.long[data-v-589a2bca] { width: 100%; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item.phoneNumber[data-v-589a2bca] { margin-bottom: 40px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca] { width: 100%; padding-right: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; text-overflow: ellipsis; border: 1px solid #DCDDDF; height: 44px; text-indent: 10px; color: #000; outline: none; font-family: inherit; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]::-webkit-input-placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]::-moz-placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]::-ms-input-placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]::-ms-input-placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]:-ms-input-placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item input[data-v-589a2bca]::placeholder { color: #7C7D7E; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select[data-v-589a2bca] { border: 1px solid #e3e3e4; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select input[type=text][data-v-589a2bca] { border: 0; outline: 0 !important; width: 100%; font-size: 16px; cursor: pointer; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .icon[data-v-589a2bca] { position: absolute; right: 12px; top: 23px; font-size: 12px; -webkit-transform: translateY(-50%) scale(0.6); transform: translateY(-50%) scale(0.6); -webkit-transition: 0.3s; transition: 0.3s; color: #aaa; cursor: pointer; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .icon[data-v-589a2bca]::before { display: block; font-size: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .icon.rotate[data-v-589a2bca] { top: 19px; -webkit-transform: translateY(-50%) rotate(180deg) !important; transform: translateY(-50%) rotate(180deg) !important; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .icon.rotate[data-v-589a2bca]::before { -webkit-transform: translateY(-50%) scale(0.6); transform: translateY(-50%) scale(0.6); -webkit-transition: 0.3s; transition: 0.3s; font-size: 12px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store[data-v-589a2bca] { list-style: none; position: absolute; width: 100%; height: 360px; left: -1px; top: calc(100% + 1px); background-color: #fff; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.05); border: 1px solid #fff; border-top: none; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; overflow-y: auto; z-index: 999; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; padding: 20px 0; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-title[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; padding: 0 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-title .adressTopText[data-v-589a2bca] { -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: #000; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-title .adress-close[data-v-589a2bca] { cursor: pointer; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-title .adress-close img[data-v-589a2bca] { width: 18px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list[data-v-589a2bca] { overflow-y: scroll; background: #fff; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list[data-v-589a2bca]::-webkit-scrollbar { width: 4px; opacity: 0; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list[data-v-589a2bca]::-webkit-scrollbar-thumb { width: 100%; border-radius: 999px; background-color: #DCDDDF; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item[data-v-589a2bca] { cursor: pointer; padding: 8px; position: relative; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item[data-v-589a2bca]:hover { background: #F7F7F7; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item:hover .select[data-v-589a2bca] { background: #000; color: #fff; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .text[data-v-589a2bca] { width: 100%; margin-bottom: 8px; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-family: Montserrat; font-style: normal; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .text .shop[data-v-589a2bca] { width: 100%; font-size: 14px; font-weight: 500; line-height: 22px; color: #000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .text .shop .distance-pc[data-v-589a2bca] { display: inline-block; padding-left: 6px; font-size: 12px; font-weight: 300; line-height: 20px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .text .position[data-v-589a2bca] { font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .select[data-v-589a2bca] { padding: 3px 16px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; margin-right: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-width: 95px; background: #fff; border: 1px solid #000; color: #000; -webkit-appearance: none; font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .list-wrap .item .select.is-active[data-v-589a2bca] { background: #000; color: #fff; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .list .nodata[data-v-589a2bca] { text-align: center; font-size: 16px; color: #252728; padding-top: 20px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .search-loading[data-v-589a2bca] { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .search-loading .loading-svg[data-v-589a2bca] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); width: 50px; height: 50px; display: none; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .J9九游会-choice-select .store .store-list .search-loading.loading .loading-svg[data-v-589a2bca] { display: inline-block; -webkit-animation: loading360-589a2bca 0.8s infinite linear; animation: loading360-589a2bca 0.8s infinite linear; /*给圆环添加旋转360度的动画，并且是无限次*/ } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .remind[data-v-589a2bca] { color: #D70C19; line-height: 1.6; padding: 0 0 0 10px; visibility: hidden; font-size: 12px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .input-item .remindActive[data-v-589a2bca] { visibility: visible; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant > ul .form-info[data-v-589a2bca] { color: #686868; font-size: 14px; font-weight: 400; line-height: 22px; overflow-wrap: break-word; width: 100%; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant .configForm-yourQuestion[data-v-589a2bca] { width: 100%; margin-bottom: 20px; } .saveConfigForm .root_app_content .form-contant .form-select-field .form-inp-contant .configForm-yourQuestion textarea[data-v-589a2bca] { resize: none; border: none; outline: none; border: 1px solid #DCDDDF; width: 100%; height: 128px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px; line-height: 1.6; font-family: inherit; } .saveConfigForm .root_app_content .form-contant .check-container[data-v-589a2bca] { margin: 20px 0; } .saveConfigForm .root_app_content .form-contant .check-container .check-item[data-v-589a2bca] { margin-top: 4px; font-size: 16px; color: #888888; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .checkLabel[data-v-589a2bca] { font-size: 12px; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .checkLabel i[data-v-589a2bca] { font-size: 12px; font-style: normal; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; color: rgba(255, 255, 255, 0); vertical-align: middle; margin: 2px 2px 1px 0px; border: 1px solid #d2d2d2; font-size: 12px; background-color: #fff; -webkit-transition: 0.1s linear; transition: 0.1s linear; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .checkLabel:hover i[data-v-589a2bca] { border: 1px solid #5fb878; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .checkLabel input[type=checkbox][data-v-589a2bca] { display: none; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .checkLabel input[type=checkbox]:checked + i[data-v-589a2bca] { background-color: rgba(51, 51, 51, 0.8); color: rgb(255, 255, 255); } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .check-item-text[data-v-589a2bca] { margin-left: 0.520833vw; color: #686868; font-size: 14px; font-weight: 400; line-height: 22px; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .check-item-wrap .check-item-text a[data-v-589a2bca] { text-decoration: underline; font-size: inherit; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .noCheckedTip[data-v-589a2bca] { color: #D70C19; font-size: 12px; line-height: 1.6; visibility: hidden; } .saveConfigForm .root_app_content .form-contant .check-container .check-item .noCheckedTip.isshow[data-v-589a2bca] { visibility: visible; } .saveConfigForm .root_app_content .overlay[data-v-589a2bca] { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3000; } .saveConfigForm .root_app_content .overlay.success[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; } .saveConfigForm .root_app_content .overlay .content[data-v-589a2bca] { width: 37.5vw; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3.125vw 0; position: relative; } .saveConfigForm .root_app_content .overlay .content.is_success[data-v-589a2bca] { width: 45.5vw; } .saveConfigForm .root_app_content .overlay .content .overlay-close[data-v-589a2bca] { width: 20px; position: absolute; top: 2vw; right: 2vw; cursor: pointer; } .saveConfigForm .root_app_content .overlay .content .title[data-v-589a2bca] { margin-top: 1.041667vw; font-size: 20px; font-weight: 600; text-align: center; width: 90%; } .saveConfigForm .root_app_content .overlay .content .fail-reason[data-v-589a2bca] { color: #4E5356; text-align: center; font-size: 14px; font-weight: 600; line-height: 22px; margin: 4px 0 32px 0; width: 90%; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap[data-v-589a2bca] { width: 90%; height: 250px; margin: 16px 0; overflow-y: scroll; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap[data-v-589a2bca]::-webkit-scrollbar { width: 4px; opacity: 0; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap[data-v-589a2bca]::-webkit-scrollbar-track { background: #fff; /* 轨道背景 */ } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap[data-v-589a2bca]::-webkit-scrollbar-thumb { width: 100%; border-radius: 999px; background-color: #DCDDDF; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap .choosed-info[data-v-589a2bca] { width: 100%; padding: 16px; background: #f7f7f7; text-align: left; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap .choosed-info.mb16[data-v-589a2bca] { margin-top: 16px; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap .choosed-info .info-wrap[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; line-height: 22px; color: #515253; font-weight: 400; white-space: normal; overflow-wrap: break-word; margin-bottom: 8px; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap .choosed-info .info-wrap .name[data-v-589a2bca] { color: #252728; font-weight: 600; } .saveConfigForm .root_app_content .overlay .content .choosed-info-wrap .choosed-info .info-wrap .submit_info[data-v-589a2bca] { color: #7C7D7E; font-size: 14px; font-weight: 400; line-height: 22px; } .saveConfigForm .root_app_content .overlay .content .submitBtn[data-v-589a2bca] { color: #FFF; -webkit-font-feature-settings: "clig" off, "liga" off; font-feature-settings: "clig" off, "liga" off; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase; background: #010101; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; width: 55%; height: 48px; border: 1px solid #010101; cursor: pointer; } .saveConfigForm .root_app_content .overlay .content .submitBtn[data-v-589a2bca]:hover { color: #010101; border: 1px solid #010101; background: #fff; -webkit-transition: 0.6s; transition: 0.6s; } .saveConfigForm .root_app_content .overlay .content .jump[data-v-589a2bca] { color: #7a8080; } .saveConfigForm .root_app_content .overlay .content .jump a[data-v-589a2bca] { text-decoration: underline; color: #7a8080; } .saveConfigForm .root_app_content .overlay .content .jump img[data-v-589a2bca] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 10px; } .saveConfigForm .J9九游会-page .btn-long + .btn-long[data-v-589a2bca] { margin-left: 0; } @-webkit-keyframes loading360-589a2bca { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loading360-589a2bca { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .saveConfigForm .back-to-config[data-v-589a2bca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 40px; cursor: pointer; } .saveConfigForm .back-to-config img[data-v-589a2bca] { display: block; width: 16px; height: 16px; } .saveConfigForm .back-to-config .backText[data-v-589a2bca] { color: #3753B1; font-size: 14px; font-weight: 600; line-height: 24px; } @media (max-width: 1023px) { .saveConfigForm[data-v-589a2bca] { padding: 0 16px; } .saveConfigForm .root_app_content .first-title[data-v-589a2bca] { margin-bottom: 20px; font-size: 24px; line-height: 28px; } .saveConfigForm .root_app_content .first-title .form-contant .form-select-field .form-inp-contant .input-item input[data-v-589a2bca] { font-size: 16px !important; border: 1.5px solid #DCDDDF; background: #fff; } .saveConfigForm .root_app_content .first-title .form-contant .form-select-field .form-inp-contant .input-item input[data-v-589a2bca]:focus { font-size: 16px !important; } .saveConfigForm .root_app_content .first-title .form-contant .form-select-field .form-inp-contant .input-item .J9九游会-choice-select[data-v-589a2bca] { display: block; } .saveConfigForm .root_app_content .first-title .form-contant .form-select-field .form-inp-contant .input-item .J9九游会-choice-select .icon.rotate[data-v-589a2bca] { top: 14px; } .saveConfigForm .root_app_content .first-title .form-contant .form-select-field .form-inp-contant .input-item .J9九游会-choice-select .store[data-v-589a2bca] { max-height: 360px; position: initial; } .saveConfigForm .root_app_content .first-title .form-contant .check-container .check-item .check-item-wrap[data-v-589a2bca] { font-size: 3.611111vw; display: -webkit-box; display: -ms-flexbox; display: flex; } .saveConfigForm .root_app_content .first-title .form-contant .check-container .check-item .check-item-wrap .check-item-text[data-v-589a2bca] { margin-left: 1.166667vw; font-size: 14px; font-weight: 400; line-height: 22px; } .saveConfigForm .root_app_content .overlay .content[data-v-589a2bca] { width: 90vw; } .saveConfigForm .root_app_content .overlay .content.is_success[data-v-589a2bca] { width: 90vw; } .saveConfigForm .root_app_content .overlay .content .submitBtn[data-v-589a2bca] { width: 85% !important; text-align: center; } .saveConfigForm .root_app_content .overlay .content .icon[data-v-589a2bca] { margin-top: 11.111111vw; width: 10.333333vw; } .saveConfigForm .root_app_content .overlay .content .title[data-v-589a2bca] { font-size: 4.444444vw; margin-top: 4.166667vw; } .saveConfigForm .root_app_content .overlay .content .jump[data-v-589a2bca] { margin-top: 8.333333vw; font-size: 3.333333vw; } } @media screen and (max-width: 767px) { .saveConfigForm .form-inp-contant ul[data-v-589a2bca] { display: block; } .saveConfigForm .form-inp-contant .input-item[data-v-589a2bca] { width: 100%; } } @media screen and (max-width: 440px) { .saveConfigForm div.submitBtn[data-v-589a2bca] { font-size: 14px; font-weight: 600; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 12px 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }/*order-option*/ /*order-option*/ .el-select-dropdown__item[data-v-74fce342] { font-size: 14px; font-weight: 500; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .el-select-dropdown__item.selected[data-v-74fce342] { color: #444444; font-weight: 700; } .el-select-dropdown__item.hover[data-v-74fce342], .el-select-dropdown__item[data-v-74fce342]:hover { background-color: #F7F7F7; } .versionCompare .compare-step1[data-v-74fce342] { margin-bottom: 32px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .versionCompare .compare-step1 .el-checkbox-group[data-v-74fce342] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .versionCompare .compare-step1 .el-checkbox-group .version-list[data-v-74fce342] { width: 50%; margin: 0 auto; } @media screen and (max-width: 767px) { .versionCompare .compare-step1 .el-checkbox-group .version-list[data-v-74fce342] { width: 100%; } } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox[data-v-74fce342] { width: 100%; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px; border: 2px solid #EAEBEC; border-radius: 10px; -webkit-transition: border 0.2s; transition: border 0.2s; --el-checkbox-input-width: 18px; --el-checkbox-input-height: 18px; --el-checkbox-checked-input-border-color: #252728; --el-checkbox-checked-bg-color: #252728; --el-checkbox-input-border-color-hover: #AAAAAA; } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox.is-checked[data-v-74fce342] { border-color: #252728; } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox[data-v-74fce342] .el-checkbox__input .el-checkbox__inner { border-radius: 50%; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox[data-v-74fce342] .el-checkbox__input .el-checkbox__inner::after { width: 4px; height: 8px; top: 2px; left: 5px; -webkit-transition: unset; transition: unset; } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox[data-v-74fce342] .el-checkbox__label { padding-left: 0; } .versionCompare .compare-step1 .el-checkbox-group .version-list .el-checkbox[data-v-74fce342] .el-checkbox__label .version-name { color: #252728; font-size: 16px; font-weight: 600; line-height: 28px; } .versionCompare .compare-step2[data-v-74fce342] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .versionCompare .compare-step2 .onlyDifferences[data-v-74fce342] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .versionCompare .compare-step2 .onlyDifferences .el-checkbox[data-v-74fce342] { line-height: 16px; --el-checkbox-text-color: #252728; --el-checkbox-font-size: 12px; --el-checkbox-font-weight: 500; --el-checkbox-checked-text-color: #252728; --el-checkbox-checked-bg-color: #252728; --el-checkbox-checked-input-border-color: #252728; --el-checkbox-input-border-color-hover: #252728; } .versionCompare .compare-step2 .onlyDifferences .el-checkbox[data-v-74fce342] .el-checkbox__input .el-checkbox__inner { -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .versionCompare .compare-step2 .onlyDifferences .el-checkbox[data-v-74fce342] .el-checkbox__input .el-checkbox__inner::after { -webkit-transition: unset; transition: unset; } .versionCompare .compare-step2 .compare-module[data-v-74fce342] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } @media screen and (max-width: 767px) { .versionCompare .compare-step2 .compare-module[data-v-74fce342] { gap: 4px; } } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] .el-select .el-input .el-input__wrapper { border-radius: 12px; } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] .el-select .el-input .el-input__wrapper .el-input__inner { font-size: 14px; font-weight: 600; line-height: 26px; color: #252728; } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] .el-select .el-input .el-input__wrapper .el-select__caret { color: #252728; } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] .el-select .el-input .el-input__wrapper.is-focus { -webkit-box-shadow: 0 0 0 1px #252728 inset !important; box-shadow: 0 0 0 1px #252728 inset !important; } .versionCompare .compare-step2 .compare-module .version-area[data-v-74fce342] .el-select .el-input.is-focus .el-input__wrapper { -webkit-box-shadow: 0 0 0 1px #252728 inset !important; box-shadow: 0 0 0 1px #252728 inset !important; } .versionCompare .compare-step2 .compare-module .version-area .version-card[data-v-74fce342] { background-color: #F7F7F7; border-radius: 12px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .versionCompare .compare-step2 .compare-module .version-area .version-card .card-item .parameter-title[data-v-74fce342] { margin-bottom: 20px; padding-bottom: 4px; font-size: 14px; font-weight: 600; line-height: 22px; color: #252728; border-bottom: 1px solid #999A9D; } .versionCompare .compare-step2 .compare-module .version-area .version-card .card-item .parameter-content[data-v-74fce342] { margin-bottom: -8px; } .versionCompare .compare-step2 .compare-module .version-area .version-card .card-item .parameter-content .parameter-item[data-v-74fce342] { margin-bottom: 8px; } .versionCompare .compare-step2 .compare-module .version-area .version-card .card-item .parameter-content .parameter-item .parameter-key[data-v-74fce342] { font-size: 14px; font-weight: 600; line-height: 22px; color: #7C7D7E; } .versionCompare .compare-step2 .compare-module .version-area .version-card .card-item .parameter-content .parameter-item .parameter-value[data-v-74fce342] { font-size: 14px; font-weight: 600; line-height: 22px; color: #252728; } .versionCompare .compare-step2 .compare-disclaimer[data-v-74fce342] { margin: 12px 0 20px; color: #7C7D7E; font-size: 12px; font-weight: 500; line-height: 16px; } @media screen and (max-width: 767px) { .versionCompare .compare-step2 .compare-disclaimer[data-v-74fce342] { margin-top: 2px; } }/*order-option*/ /*order-option*/ .priceDetailContent[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .priceDetailContent .priceDetailContent-left[data-v-539b63f4] { width: 50%; } .priceDetailContent .priceDetailContent-left picture[data-v-539b63f4] { display: block; width: 100%; height: 100%; } .priceDetailContent .priceDetailContent-left picture img[data-v-539b63f4] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 24px; } .priceDetailContent .priceDetailContent-right[data-v-539b63f4] { width: 50%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: #F7F7F7; border-radius: 24px; } .priceDetailContent .priceDetailContent-right picture[data-v-539b63f4] { display: block; width: 100%; height: 100%; } .priceDetailContent .priceDetailContent-right picture img[data-v-539b63f4] { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 24px 24px 0 0; } .priceDetailContent.rentingDetail .priceDetailContent-left .type-card-top[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #252728; margin-bottom: 16px; } .priceDetailContent.rentingDetail .priceDetailContent-left .type-card-top .type-card-text[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; font-size: 16px; font-weight: 600; line-height: 28px; } .priceDetailContent.rentingDetail .priceDetailContent-left .type-card-top .type-card-price .price-all .price-big[data-v-539b63f4] { font-size: 14px; font-weight: 600; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .priceDetailContent.rentingDetail .priceDetailContent-left .type-card-top .type-card-price .price-all .price-big .taxIncluded-part[data-v-539b63f4] { font-size: 12px; font-weight: 500; } .priceDetailContent.rentingDetail .priceDetailContent-left .type-card-bottom[data-v-539b63f4] { font-size: 14px; font-weight: 500; line-height: 22px; color: #62686B; } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList[data-v-539b63f4] { padding: 16px; } @media screen and (max-width: 1023px) { .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList[data-v-539b63f4] { padding: 16px 0; } } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList .renting-detailItems[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4px; } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList .renting-detailItems .renting-detailItem .item-wrap[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList .renting-detailItems .renting-detailItem .item-wrap .label[data-v-539b63f4] { font-size: 14px; font-weight: 500; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList .renting-detailItems .renting-detailItem .item-wrap .label .label-point[data-v-539b63f4] { font-size: 26px; font-weight: 600; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .priceDetailContent.rentingDetail .priceDetailContent-right .renting-detailsList .renting-detailItems .renting-detailItem .item-wrap .value[data-v-539b63f4] { color: #252728; font-size: 12px; font-weight: 500; line-height: 16px; max-width: 60%; text-align: right; } .cashDetail .priceDetailContent-left .config-desc[data-v-539b63f4] { padding: 20px 16px; font-size: 14px; font-weight: 500; line-height: 22px; color: #252728; } .cashDetail .priceDetailContent-left .config-overview-card[data-v-539b63f4] { padding: 20px 16px; } .cashDetail .priceDetailContent-left .config-overview-card .version-title[data-v-539b63f4] { font-size: 16px; font-weight: 600; line-height: 28px; color: #252728; } .cashDetail .priceDetailContent-left .config-overview-card .config-details[data-v-539b63f4] { border-top: 1px solid #999A9D; border-bottom: 1px solid #999A9D; margin: 10px 0; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .cashDetail .priceDetailContent-left .config-overview-card .config-details .config-details-item[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; line-height: 20px; color: #515253; } .cashDetail .priceDetailContent-left .config-overview-card .config-details .config-details-item .details-item-right[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .cashDetail .priceDetailContent-left .config-overview-card .config-details .config-details-item .details-item-right img[data-v-539b63f4] { display: block; width: 13px; height: 13px; } .cashDetail .priceDetailContent-left .config-overview-card .config-details .config-details-item.config-details-item_SubsidyAndDiscount .details-item-right[data-v-539b63f4] { color: #D70C19; } .cashDetail .priceDetailContent-left .config-overview-card .total-price[data-v-539b63f4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 600; line-height: 28px; color: #252728; } .cashDetail .priceDetailContent-right .legal-description[data-v-539b63f4] { padding: 20px 16px; color: #7C7D7E; font-size: 12px; font-weight: 500; line-height: 16px; } @media screen and (max-width: 1023px) { .priceDetailContent[data-v-539b63f4] { display: block; } .priceDetailContent .priceDetailContent-left[data-v-539b63f4] { width: 100%; } .priceDetailContent .priceDetailContent-left .config-overview-card[data-v-539b63f4] { border-radius: 12px; background-color: #F7F7F7; } .priceDetailContent .priceDetailContent-right[data-v-539b63f4] { width: 100%; background-color: unset; } .priceDetailContent .priceDetailContent-right .legal-description[data-v-539b63f4] { padding: 20px 0; } }/*order-option*/ /*order-option*/ .el-select-dropdown__item[data-v-47e5cdf2] { font-weight: 500; color: #252728; } .el-select-dropdown__item.selected[data-v-47e5cdf2] { font-weight: 700; } .el-select-dropdown__item.hover[data-v-47e5cdf2] { --el-fill-color-light: #252728; color: #FFFFFF; } @-webkit-keyframes popupScrollIntoView-47e5cdf2 { 0% { top: 100vh; } 100% { top: 0; } } @keyframes popupScrollIntoView-47e5cdf2 { 0% { top: 100vh; } 100% { top: 0; } } @-webkit-keyframes popupScrollOutofView-47e5cdf2 { 100% { top: 100vh; } } @keyframes popupScrollOutofView-47e5cdf2 { 100% { top: 100vh; } } .root_app[data-v-47e5cdf2] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; } .root_app .order-options_left[data-v-47e5cdf2] { width: 66.6667%; height: 100%; } .root_app .order-options_right[data-v-47e5cdf2] { width: 33.3333%; height: 100%; min-width: 480px; } .root_app .order-options_bottom[data-v-47e5cdf2] { width: calc(100% - 40px); position: fixed; left: 50%; bottom: 12px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog.popup-scrollIntoView { -webkit-animation: popupScrollIntoView-47e5cdf2 0.3s; animation: popupScrollIntoView-47e5cdf2 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog.popup-scrollOutofView { -webkit-animation: popupScrollOutofView-47e5cdf2 0.3s; animation: popupScrollOutofView-47e5cdf2 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { padding: 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; border-radius: 24px; } @media screen and (max-width: 1440px) { .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { width: 70%; } } @media screen and (max-width: 1023px) { .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { width: 85%; } } @media screen and (max-width: 767px) { .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { width: 90%; } } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header { margin-right: unset; padding: 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #252728; font-size: 16px; font-weight: 600; line-height: 48px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable { line-height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F7F7F7; border-radius: 24px; cursor: pointer; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable .priceDetailType { padding: 10px 20px; border-radius: 48px; -webkit-transition: 0.3s; transition: 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable .priceDetailType.priceDetailType-active { color: #FFFFFF; background-color: #252728; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop { line-height: 28px; display: block; background-color: #F7F7F7; border-radius: 24px; cursor: pointer; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop .priceDetailType { padding: 10px 20px; border-radius: 48px; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop .priceDetailType:hover { color: #FFFFFF; background-color: #252728; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop .priceDetailType div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop .priceDetailType div svg { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .dialog-header.selectable-drop .priceDetailType.svg-rotate div svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn { width: 48px; height: 48px; top: 20px; right: 20px; background-color: #EAEBEC; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn:hover { background-color: #CCCCCC; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: #000000; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover { color: #000000; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body { padding: 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .imgTxt-container .imgTxt-title { color: #252728; font-size: 14px; font-weight: 600; line-height: 22px; margin: 10px 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .imgTxt-container .imgTxt-text { color: #515253; font-size: 14px; font-weight: 500; line-height: 22px; margin: 10px 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .imgTxt-container picture { display: block; width: 100%; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .imgTxt-container picture .imgTxt-img { display: block; width: 100%; margin: 10px 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .dialog-content-title { color: #252728; font-size: 24px; font-weight: 700; line-height: 28px; margin-top: 56px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .dialog-content-subTitle { color: #515253; font-size: 16px; font-weight: 600; line-height: 24px; margin: 20px 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .dialog-content-description { color: #515253; font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 8px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card { background-color: #F7F7F7; border-radius: 12px; margin-top: 32px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card .card-item .parameter-title { margin-bottom: 20px; padding-bottom: 4px; font-size: 14px; font-weight: 600; line-height: 22px; color: #252728; border-bottom: 1px solid #999A9D; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card .card-item .parameter-content { margin-bottom: -8px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card .card-item .parameter-content .parameter-item { margin-bottom: 8px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card .card-item .parameter-content .parameter-item .parameter-key { font-size: 14px; font-weight: 600; line-height: 22px; color: #7C7D7E; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .dialog-content .info-card .card-item .parameter-content .parameter-item .parameter-value { font-size: 14px; font-weight: 600; line-height: 22px; color: #252728; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__footer { padding: 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__footer .dialog-footer .control-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 160px; background-color: #252728; color: #FFFFFF; border: 1px solid #252728; margin-bottom: 40px; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog .el-dialog__footer .dialog-footer .control-button:hover { background-color: transparent; color: #252728; } .root_app .all_popups.priceDetail-popuop[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { padding: 20px; } @media screen and (max-width: 1023px) { .root_app[data-v-47e5cdf2] { height: unset; display: block; } .root_app .order-options_left[data-v-47e5cdf2] { width: 100%; height: 70vw; max-height: 70%; padding-top: 40px; } .root_app .order-options_right[data-v-47e5cdf2] { width: 100%; height: unset; min-width: unset; padding: 40px 0 calc(var(--controlPanelHeight) + 12px); } .root_app .order-options_bottom[data-v-47e5cdf2] { width: calc(100% - 32px); } } @media screen and (max-width: 767px) { .root_app .order-options_right[data-v-47e5cdf2] { padding: 40px 0 var(--controlPanelHeight); } .root_app .order-options_bottom[data-v-47e5cdf2] { width: 100%; bottom: 0; } .root_app .all_popups[data-v-47e5cdf2] .el-overlay .el-overlay-dialog .el-dialog { padding: 20px; } }