.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-no-flexbox .swiper-slide{float:left;}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height;}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;}
.swiper-button-next,.swiper-button-prev{position:absolute;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}
.swiper-button-next{width:3.45rem;height:3.45rem;background-size:auto;background-size:100%;position:absolute;top:12.7rem;right:3%;z-index:100;}
.swiper-pagination{text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;width:100%;position:absolute;}
.swiper-pagination.swiper-pagination-hidden{opacity:0;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:27px;left:0;width:100%;}
.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;background:#fff;margin:0 .35rem;border-radius:100%;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{width:15px;height:15px;opacity:1;background:#135fab;border-radius:100%;}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000;}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0;}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0;}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5);}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff;}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000;}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px;}
.swiper-container-cube,.swiper-container-flip{overflow:visible;}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible;}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1);}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0;}
.swiper-scrollbar-cursor-drag{cursor:move;}
.swiper-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite;}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(/css/about:blank);background-attachment:fixed}html #layuicss-skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url() center center no-repeat #eee}.layui-layer-ico{}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layui-layer{border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:6px 6px 0;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:hidden}.layui-layer-page .layui-layer-content img{width:100%;}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url() no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url() no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url() no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url() no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}.product_list {
display: flex;
justify-content: space-between;
margin: 30px auto 0;
}
.product_list .left {
width: 20%;
margin-bottom: 3vw;
}
.product_list .left .sidebar {
border: 1px solid #efefef;
padding: 15px;
}
.product_list .right {
width: 78%;
} .center2.pruduct_src {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product_right-img {
display: flex;
justify-content: end;
margin: 5px 0;
position: relative;
}
.product_right-width {
display: flex;
justify-content: center;
}
.product_right-width img {
width: 100%;
max-width: 50px;
margin: 0 15px 0 5px;
max-height: 45px;
}
.product_right-width button {
background-color: #347471;
color: #fff;
border: none;
padding: 1px 7px;
cursor: pointer;
border-radius: 23px;
position: absolute;
top: 0;
right: 0;
}
.product_right-width button:hover {
background-color: #1c423f;
}
.product_right-width div {
height: 45px;
position: relative;
top: -5px;
margin-right: 5px;
}
.product_right-img .add i {
display: block;
width: 43px;
height: 43px;
line-height: 43px;
text-align: center;
background: #dbe2e0;
color: #547e79;
font-size: 43px;
}
.product_scr-all {
background: #2f736d;
color: #fff;
height: 45px;
margin-left: 15px;
line-height: 43px;
border-radius: 4px;
padding: 0 7px;
font-weight: 700;
cursor: pointer;
} .pro_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
position: relative;
}
.product_list img {
width: 100%;
} .product-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
padding: 16px;
display: flex;
flex-direction: column;
gap: 14px;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.product-card:hover {
box-shadow: 0 8px 32px rgba(52, 116, 113, 0.18);
transform: translateY(-3px);
} .card-gallery {
display: flex;
gap: 10px;
height: 280px;
min-height: 280px;
max-height: 280px;
overflow: hidden;
} .card-thumbs {
width: 60px;
height: 100%;
flex-shrink: 0;
overflow: hidden;
}
.thumb-swiper {
height: 100%;
width: 100%;
}
.thumb-swiper .swiper-wrapper {
display: flex;
flex-direction: column;
gap: 6px;
}
.thumb-swiper .swiper-slide {
width: 60px !important;
height: 60px !important;
border-radius: 8px;
overflow: hidden;
border: 2px solid #e8e8e8;
cursor: pointer;
transition: border-color 0.3s ease;
flex-shrink: 0;
}
.thumb-swiper .swiper-slide:hover,
.thumb-swiper .swiper-slide.cur,
.thumb-swiper .swiper-slide-thumb-active {
border-color: #347471;
}
.thumb-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.video-thumb-icon {
width: 100%;
height: 100%;
object-fit: contain;
padding: 12px;
box-sizing: border-box;
} .card-main-image {
flex: 1;
height: 100%;
border-radius: 10px;
overflow: hidden;
background: #f8f8f8;
position: relative;
min-width: 0;
}
.main-swiper {
width: 100%;
height: 100%;
}
.main-swiper .swiper-wrapper {
width: 100%;
height: 100%;
}
.main-swiper .swiper-slide {
width: 100% !important;
height: 100% !important;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
} .main-swiper:not(.swiper-container-initialized) .swiper-slide {
display: none;
}
.main-swiper:not(.swiper-container-initialized) .swiper-slide:first-child {
display: flex;
}
.main-swiper .swiper-slide a {
display: block;
width: 100%;
height: 100%;
position: relative;
line-height: 0;
}
.main-swiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .zoom-icon {
position: absolute;
top: 12px;
right: 12px;
width: 28px;
height: 28px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
z-index: 5;
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.zoom-icon::before {
content: "";
width: 12px;
height: 12px;
border: 2px solid #333;
border-radius: 50%;
}
.zoom-icon::after {
content: "";
width: 2px;
height: 6px;
background: #333;
position: absolute;
bottom: 5px;
right: 7px;
transform: rotate(-45deg);
}
.card-main-image:hover .zoom-icon {
opacity: 1;
} .slide-video {
background: #000;
position: relative;
}
.embed-container {
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrap {
background: #000;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.youtube-facade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10;
}
.youtube-facade img {
width: 100%;
height: 100%;
object-fit: cover;
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 42px;
background: rgba(255, 0, 0, 0.85);
border-radius: 10px;
z-index: 11;
pointer-events: none;
}
.play-btn::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent white;
}
.slide-video video,
.slide-video iframe {
width: 100%;
height: 100%;
object-fit: contain;
} .swiper-lazy-preloader {
width: 36px;
height: 36px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -18px;
margin-top: -18px;
z-index: 10;
animation: swiper-preloader-spin 1s infinite linear;
border: 3px solid #347471;
border-radius: 50%;
border-top-color: transparent;
box-sizing: border-box;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .card-info {
display: flex;
flex-direction: column;
gap: 10px;
} .card-title {
font-size: 15px;
font-weight: 600;
color: #333;
padding: 0 4px;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-title a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.card-title a:hover {
color: #347471;
} .card-actions {
display: flex;
gap: 8px;
padding: 0 4px;
}
.btn-quote {
flex: 1;
padding: 12px 18px;
background: #347471;
color: #fff;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
.btn-quote:hover {
background: #2a5f5c;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
}
.btn-detail {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: #e8f4f3;
color: #347471;
border: 2px solid #347471;
border-radius: 8px;
font-size: 22px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
line-height: 1;
}
.btn-detail:hover {
background: #347471;
color: #fff;
transform: translateY(-1px);
} .global-quote-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
align-items: center;
justify-content: center;
}
.global-quote-overlay.active {
display: flex;
}
.global-quote-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(3px);
}
.global-quote-modal {
position: relative;
background: #fff;
border-radius: 16px;
padding: 36px 30px;
max-width: 520px;
width: 90%;
max-height: 85vh;
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
animation: modalIn 0.3s ease;
}
@keyframes modalIn {
from {
opacity: 0;
transform: translateY(20px) scale(0.96);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.global-quote-close {
position: absolute;
top: 12px;
right: 16px;
width: 36px;
height: 36px;
border: none;
background: #f2f2f2;
border-radius: 50%;
font-size: 22px;
color: #666;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.global-quote-close:hover {
background: #e74c3c;
color: #fff;
}
.global-quote-product-name {
font-size: 16px;
font-weight: 700;
color: #347471;
margin-bottom: 20px;
padding-right: 40px;
line-height: 1.4;
} .Batch_form .batch_quote {
padding: 0;
width: 850px;
display: flex;
overflow: hidden;
}
.batch_quote .title {
font-size: 32px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
} .batch_quote::before {
content: '';
display: block;
width: 280px;
min-height: 100%;
background: linear-gradient(160deg, #347471, #245250);
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.batch_form {
padding: 40px;
flex: 1;
}
.batch_form .tow p {
display: flex;
flex-direction: column;
gap: 16px;
}
.batch_form > div,
.batch_form > p {
margin-top: 16px;
}
.batch_form .input-na {
width: 100%;
max-width: unset;
background: #fff;
padding: 13px 16px;
border-radius: 8px;
border: 1.5px solid #e2e8e8;
font-size: 14px;
transition: all 0.3s;
}
.batch_form .input-na:focus {
outline: none;
border-color: #347471;
box-shadow: 0 2px 8px rgba(52, 116, 113, 0.12);
}
.batch_form textarea {
width: 100%;
border-radius: 8px;
background: #fff;
padding: 13px 16px;
border: 1.5px solid #e2e8e8;
max-height: 100px;
font-size: 14px;
resize: none;
transition: all 0.3s;
}
.batch_form textarea:focus {
outline: none;
border-color: #347471;
box-shadow: 0 2px 8px rgba(52, 116, 113, 0.12);
}
.batch_form .sub {
width: 100%;
text-align: center;
margin: 24px 0 0;
display: block;
background: #347471;
color: #fff;
padding: 14px;
border-radius: 8px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
border: none;
transition: all 0.3s;
}
.batch_form .sub:hover {
background: #2a5f5d;
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
} .fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 900;
background: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
}
.fancybox-opened {
z-index: 900;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 900;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
border-radius: 4px;
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
}
.fancybox-inner,
.fancybox-outer {
position: relative;
}
#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
background: url(//www.gvpak.com/images/fancybox_sprite.png);
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-iframe,
.fancybox-image {
display: block;
width: 100%;
height: 100%;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(https://www.gvpak.com/images/blank.gif);
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-next {
right: 0;
} .pagenavi_list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 6px;
padding: 20px 0;
}
.pagenavi_list .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 14px;
border-radius: 8px;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: #347471;
background: #fff;
border: 2px solid #e0e8e8;
cursor: pointer;
transition: all 0.3s ease;
}
.pagenavi_list .page-numbers.current {
background: #347471;
color: #fff;
border-color: #347471;
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.35);
cursor: default;
}
.pagenavi_list a.page-numbers:hover {
background: #347471;
color: #fff;
border-color: #347471;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(52, 116, 113, 0.3);
}
.pagenavi_list a.prev.page-numbers,
.pagenavi_list a.next.page-numbers {
padding: 0 18px;
font-weight: 600;
}
.pagenavi_list .page-numbers.dots {
border-color: transparent;
background: transparent;
cursor: default;
min-width: 32px;
padding: 0;
color: #999;
}
.pagenavi_list .page-numbers.dots:hover {
background: transparent;
color: #999;
border-color: transparent;
transform: none;
box-shadow: none;
} button.facetwp-reset {
padding: 7px 20px;
border-radius: 4px;
box-shadow: 0 2px 1px 1px #c5c5c5;
cursor: pointer;
margin-top: 10px;
} @media (max-width: 1440px) {
.center2.pruduct_src {
width: 100%;
padding: 0 20px;
}
.product_list {
width: 100%;
padding: 0 25px;
}
}
@media (max-width: 1200px) {
.pro_list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.card-gallery {
height: 260px;
min-height: 260px;
max-height: 260px;
}
}
@media (max-width: 1000px) {
.product_list {
flex-wrap: wrap;
}
.product_list .left {
width: 100%;
}
.product_list .right {
width: 100%;
}
.Batch_form .batch_quote {
width: 100%;
}
.product_right-width {
display: grid;
gap: 10px;
grid-template-columns: repeat(5, 1fr);
}
.product_right-width img {
margin: 0;
}
}
@media (max-width: 768px) {
.pro_list {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.card-gallery {
height: 220px;
min-height: 220px;
max-height: 220px;
}
.product-card {
padding: 12px;
gap: 12px;
margin: 8px;
}
.card-thumbs {
width: 50px;
}
.thumb-swiper .swiper-slide {
width: 50px !important;
height: 50px !important;
}
.loca.pruduct_src-phone {
height: auto;
}
.product_right-img {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.product_scr-all {
margin: 10px 0;
}
.center2.pruduct_src {
flex-direction: column;
align-items: center;
align-content: flex-start;
}
}
@media (max-width: 480px) {
.pro_list {
grid-template-columns: 1fr;
gap: 14px;
}
.card-gallery {
height: 280px;
min-height: 280px;
max-height: 280px;
gap: 8px;
}
.card-thumbs {
width: 46px;
}
.thumb-swiper .swiper-slide {
width: 46px !important;
height: 46px !important;
border-radius: 6px;
}
.card-main-image {
border-radius: 8px;
}
.btn-quote {
padding: 10px 14px;
font-size: 13px;
}
.btn-detail {
width: 40px;
height: 40px;
font-size: 20px;
}
.pagenavi_list .page-numbers {
min-width: 36px;
height: 36px;
padding: 0 10px;
font-size: 13px;
}
} @media (min-width: 769px) {
.mobile-filter-wrapper {
display: none !important;
}
}
@media (max-width: 768px) {
.mobile-filter-wrapper {
display: block !important;
margin: 10px 0 20px 0;
}
#filter-switch {
display: none;
}
.filter-trigger-btn {
display: inline-flex;
align-items: center;
cursor: pointer;
padding: 5px 0;
}
.filter-trigger-btn img {
width: 25px;
height: auto;
margin-right: 8px;
vertical-align: middle;
}
.filter-trigger-btn .btn-text {
font-size: 19px;
font-weight: 600;
color: #333;
}
.sidebar-close-btn {
display: none;
position: fixed;
top: 15px;
left: 260px;
width: 35px;
height: 35px;
background: #f44336;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 33px;
font-size: 24px;
font-weight: bold;
cursor: pointer;
z-index: 100000;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.sidebar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 400px !important;
height: 100vh !important;
background: #fff !important;
z-index: 99999 !important;
overflow-y: auto !important;
padding: 20px !important;
box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1) !important;
transform: translateX(-100%) !important;
visibility: hidden !important;
opacity: 0 !important;
transition: all 0.3s ease !important;
display: block !important;
margin: 0 !important;
border: none !important;
}
.filter-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
body:has(#filter-switch:checked) .sidebar {
transform: translateX(0) !important;
visibility: visible !important;
opacity: 1 !important;
}
body:has(#filter-switch:checked) .filter-backdrop {
opacity: 1;
visibility: visible;
}
body:has(#filter-switch:checked) .sidebar-close-btn {
display: block;
}
body:has(#filter-switch:checked) {
overflow: hidden;
}
} h1.entry-title {
text-align: center;
color: #2c5e5c; font-size: 40px;
font-weight: 800;
letter-spacing: -1px; margin: 120px 0 40px;
position: relative;
padding-bottom: 20px;
}
@media (min-width: 769px) {
h1.entry-title {
font-size: 30px;}
} h1.entry-title::after {
content: "";
display: block;
width: 60px;
height: 3px;
background: #347471;
margin: 15px auto 0;
border-radius: 2px;
}