html #layuicss-layer{display:none;position:absolute;width:1989px}

@-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-00{-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}
}
.
@-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-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@font-face{font-family:Radnika-Medium;src:url(../font/Radnika-Medium.ttf) format('truetype'),url(../font/Radnika-Medium.eot),url(../font/Radnika-Medium.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Radnika-Bold;src:url(../font/Radnika-Bold.ttf) format('truetype'),url(../font/Radnika-Bold.eot),url(../font/Radnika-Bold.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:MyriadPro;src:url(../font/MyriadPro.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lettown;src:url(../font/Lettown-Hills-italic.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:kansas;src:url(../font/DEAD-KANSAS.TTF);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:impact;src:url(../font/IMPACT.ttf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Akrobat-Bold;src:url(../font/Akrobat-Bold.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Akrobat-Black;src:url(../font/Akrobat-Black.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:yahei;src:url(../font/MSYHBD.TTC);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CAI978;src:url(../font/535-CAI978.ttf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HEY-AUGUST;src:url(../font/HEY-AUGUST.OTF);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:rexliarg;src:url(../font/rexliarg.ttf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NewYork;src:url(../font/NewYork.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rubik-Medium;src:url(../font/Rubik-Medium.ttf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Radinte-Italic;src:url(../font/Radinte-Italic.TTF);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Metropolis-Bold;src:url(../font/Metropolis-Bold.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Metropolis-Black;src:url(../font/Metropolis-Black.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Metropolis-Light;src:url(../font/Metropolis-Light.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Metropolis-Medium;src:url(../font/Metropolis-Medium.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Metropolis-Regular;src:url(../font/Metropolis-Regular.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ashfort-Brush-Script-Regular;src:url(../font/Ashfort-Brush-Script-Regular.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:JOYRIDE-REGULAR;src:url(../font/JOYRIDE-REGULAR.OTF);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:BOXING;src:url(../font/BOXING.otf);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:iconfont;src:url(../fonts/font_1701371_mgzdo9vfaml.woff2?t=1770432277250) format('woff2'),url(../fonts/font_1701371_mgzdo9vfaml.woff?t=1770432277250) format('woff'),url(../fonts/font_1701371_mgzdo9vfaml.ttf?t=1770432277250) format('truetype')}
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(../font/Font-Awesome/fontawesome-webfont.eot);src:url(../font/Font-Awesome/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../font/Font-Awesome/fontawesome-webfont.woff2) format("woff2"),url(../font/Font-Awesome/fontawesome-webfont.woff) format("woff"),url(../font/Font-Awesome/fontawesome-webfont.ttf) format("truetype"),url(../font/Font-Awesome/fontawesome-webfont.svg#fontawesomeBold) format("svg");font-display:fallback}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-fuzhi:before{content:"\e63d"}
.icon-jinrujiantouxiao:before{content:"\e8b9"}
.icon-guanbi1:before{content:"\e84d"}
.icon-daohang:before{content:"\e634"}
.icon-13:before{content:"\e60d"}
.icon-gengduo:before{content:"\e600"}
.icon-more:before{content:"\e679"}
.icon-jiantou1:before{content:"\e870"}
.icon-twiter:before{content:"\e75c"}
.icon-direction-full:before{content:"\ea0d"}
.icon-direction:before{content:"\ea0c"}
.icon-guanbi:before{content:"\e647"}
.icon-plus-circle-fill:before{content:"\e70b"}
.icon-jiantou-copy:before{content:"\e623"}
.icon-bofang1:before{content:"\e610"}
.icon-bofang:before{content:"\e63a"}
.icon-jiantou:before{content:"\e84f"}
.icon-you:before{content:"\e60c"}
.icon-you1:before{content:"\e77d"}
.icon-vk:before{content:"\e863"}
.icon-tiktok:before{content:"\ecdc"}
.icon-troubleshooting:before{content:"\e606"}
.icon-position:before{content:"\e648"}
.icon-hotline:before{content:"\e605"}
/*.icon-email:before{content:"\e62a"}*/
.icon-tel:before{content:"\e60b"}
.icon-folder:before{content:"\e6ac"}
.icon-verify:before{content:"\e7a2"}
.icon-service:before{content:"\e70d"}
.icon-faq:before{content:"\e60a"}
.icon-play:before{content:"\e737"}
.icon-download:before{content:"\e689"}
.icon-factory:before{content:"\e802"}
.icon-design:before{content:"\e644"}
.icon-tech:before{content:"\e715"}
.icon-x:before{content:"\e6a4"}
.icon-user:before{content:"\e60e"}
.icon-arrow-b:before{content:"\e791"}
.icon-arrow-t:before{content:"\e692"}
.icon-arrow-l:before{content:"\e792";color:#ffffff;}
.icon-arrow-r:before{content:"\e794";color:#ffffff;}
.icon-menu:before{content:"\e790"}
.icon-tuite:before{content:"\e652"}
.icon-youtube:before{content:"\e711"}
.icon-instagram:before{content:"\e736"}
.icon-facebook:before{content:"\e601"}
.icon-shop:before{content:"\e604"}
.icon-home:before{content:"\e672"}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

.flex-container{width:100%;padding:0 122px;max-width:none}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;min-height:1px;padding-right:20px;padding-left:20px}
.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media only screen and (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media only screen and (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media only screen and (min-width:1600px){.col-xxl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xxl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.col-xxl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.col-xxl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xxl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.col-xxl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.col-xxl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xxl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.col-xxl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.col-xxl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xxl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.col-xxl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.col-xxl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.drop-left{position:relative}
.drop-left::after{content:'';display:block;position:absolute;bottom:-2px;left:0;height:1px;width:30px;background-color:#000}
.drop-left:hover::after{width:100%;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.vp-common-banner{text-align:center;color:#fff;position:relative}
.vp-common-banner .bg{width:100%}
.vp-common-banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}
.vp-common-banner .text h1,.vp-common-banner .text h4{font-size:50px;font-family:Metropolis-Medium;text-transform:uppercase;margin-bottom:40px;line-height:50px;white-space:nowrap}
.vp-common-banner .text p{font-size:16px}
.vp-common-desc{text-align:center;padding:6% 20% 8%}
.vp-common-desc h4{font-size:30px;margin-bottom:30px}
.vp-common-desc p{font-size:16px;line-height:24px}
.vp-row-tag{position:relative;display:inline-block}
.vp-row-tag::after{content:'';display:block;position:absolute;width:18px;height:18px;bottom:0;right:-50px;background:url(../images/2025/corner.png) no-repeat}
.vp-common-tab{margin-bottom:36px}
.vp-common-tab.swiper-pagination-bullets{position:static;margin-bottom:40px;text-align:left}
.vp-common-tab.white .tab{color:#fff}
.vp-common-tab .tab{font-size:20px;font-family:Metropolis-Medium;color:#000;line-height:30px;margin-right:60px;text-transform:none}
.vp-common-tab .tab.swiper-pagination-bullet{display:inline-block;width:auto;height:auto;background:0 0;margin:0 30px 0 0!important;cursor:pointer}
.vp-common-tab .tab.active,.vp-common-tab .tab.swiper-pagination-bullet-active{color:#ffcd14}
.vp-common-tab .tab.active::after,.vp-common-tab .tab.swiper-pagination-bullet-active::after{width:100%;background-color:#ffcd14}
.vp-common-pop{display:none;position:fixed;left:50%;top:50%;width:54%;min-height:700px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f6f6f6;z-index:99999}
.vp-common-pop .pop-content{padding:50px 60px}
.vp-common-pop .vp-common-close{position:absolute;top:25px;right:25px;z-index:10;cursor:pointer;-webkit-transition:.3s ease 0s;transition:.3s ease 0s}
.vp-common-pop .vp-common-close:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.Validform_checktip{margin-left:8px;overflow:hidden;color:#999;font-size:14px}
.Validform_right{color:#71b83d;padding-left:6px;margin-left:0}
.Validform_wrong{display:block!important;line-height:24px;height:24px;color:#f04848;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px}
#Validform_msg{color:#7d8289;font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;width:280px;-webkit-box-shadow:2px 2px 3px #aaa;-moz-box-shadow:2px 2px 3px #aaa;background:#fff;position:absolute;top:0;right:50px;z-index:99999;display:none}
#Validform_msg .iframe{position:absolute;left:0;top:-1px;z-index:-1}
#Validform_msg .Validform_title{line-height:25px;height:25px;text-align:left;font-weight:700;padding:0 8px;color:#fff;position:relative;background-color:#000}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px;position:absolute;right:8px;top:0;color:#fff;text-decoration:none}
#Validform_msg a.Validform_close:hover{color:#cc0}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000;border-top:none;text-align:left}
body .layui-layer-msg .layui-layer-content{background-color:#fff;border-radius:4px;z-index:3;word-break:break-word!important}
.layui-layer-page .layui-layer-content{line-height:0;z-index:3}
body .layui-layer-dialog .layui-layer-content{color:#333;z-index:3}
body .layer-loading{background:rgba(0,0,0,.8);border-radius:4px;padding:10px}
body .layer-loading .layui-layer-loading2{width:auto;background:0 0;text-align:center;font-size:16px;color:#ffcd14;display:inline-block;padding-top:0;height:auto}
body .layui-layer-btn .layui-layer-btn0{border-color:#ffcd14;background-color:#ffcd14}
body .layer-loading .layui-layer-loading2::before{content:'';vertical-align:middle}
.vp-loading{display:none;width:100%;text-align:center;padding:50px 0;font-size:20px;color:#ffcd14;display:inline-block;height:26px!important}
.vp-loading span,body .layer-loading .layui-layer-loading2::before{display:inline-block;height:20px;width:20px;border-radius:100%;margin:0 14px 0 0;border:2px solid #ffcd14;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:loadingRotate .75s linear infinite;animation:loadingRotate .75s linear infinite}
@-webkit-keyframes loadingRotate{0%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes loadingRotate{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
.nopad{padding:0!important}
.flex-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center}
.flex-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.layui-layer-msg::after{background-color:rgba(0,0,0,.8);content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}
.moreBtnIcon{position:absolute;bottom:25px;right:20px;z-index:3;width:28px;height:28px;border-radius:5px;background-color:#ffcd14}
.moreBtnIcon.nops{right:0;bottom:0}
.moreBtnIcon .jian{width:100%;height:100%;background-image:url(/www-voopoo/static/dist/images/2025/jian-double.png);background-position:-28px 0;transition:all .5s;display:block}
.moreBtnIcon .jian.w{background-image:url(/www-voopoo/static/dist/images/2025/jian-double-w.png)}
.moreBtnIcon .jian.h{background-image:url(/www-voopoo/static/dist/images/2025/jian-double-h.png);background-position:-28px -1px}
.moreBtnIcon:hover{opacity:.9}
.moreBtnIcon:hover .jian{background-position:-56px 0}
.moreBtnIcon:hover .jian.h{background-image:url(/www-voopoo/static/dist/images/2025/jian-double.png);background-position:-56px -1px}
.swiper-button-next-wrap,.swiper-button-prev-wrap{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:140px;z-index:20;background-color:rgba(0,0,0,0);opacity:0;visibility:hidden;transition:all .5s}
.swiper-button-next-wrap:hover,.swiper-button-prev-wrap:hover{background-color:rgba(0,0,0,.3)}
.swiper-button-next-wrap .swiper-button-next,.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-prev{background:0 0;width:100%;height:100%;cursor:pointer;z-index:21}
.swiper-button-next-wrap .swiper-button-next:hover:before,.swiper-button-next-wrap .swiper-button-prev:hover:before,.swiper-button-prev-wrap .swiper-button-next:hover:before,.swiper-button-prev-wrap .swiper-button-prev:hover:before{color:#ffcd14}
.swiper-button-next-wrap .swiper-button-next,.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-prev{margin-top:0;top:0;display:flex;justify-content:center;align-items:center}
.swiper-button-next-wrap .swiper-button-next.black:before,.swiper-button-next-wrap .swiper-button-prev.black:before,.swiper-button-prev-wrap .swiper-button-next.black:before,.swiper-button-prev-wrap .swiper-button-prev.black:before{color:#000}
.swiper-button-next-wrap .swiper-button-next:before,.swiper-button-next-wrap .swiper-button-prev:before,.swiper-button-prev-wrap .swiper-button-next:before,.swiper-button-prev-wrap .swiper-button-prev:before{font-size:32px}
.swiper-button-next-wrap .swiper-button-next,.swiper-button-prev-wrap .swiper-button-next{right:0}
.swiper-button-next-wrap .swiper-button-prev,.swiper-button-prev-wrap .swiper-button-prev{left:0}
.swiper-button-next-wrap{right:0}
.swiper-button-prev-wrap{left:0}
.swiper-pagination.schedule{bottom:30px;top:initial;left:50%;transform:translateX(-50%);width:620px;height:4px}
.swiper-pagination.schedule .swiper-pagination-bullet{width:50px;height:100%;background-color:rgba(255,255,255,.6);border-radius:4px;position:relative}
.swiper-pagination.schedule .swiper-pagination-bullet::after{content:'';display:block;position:absolute;bottom:0;left:-1px;height:100%;width:0;background-color:#ffcd14;border-radius:4px}
.swiper-pagination.schedule .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width:calc(100% + 2px);transition:all 5s}

@media (max-width:768px){
 .swiper-pagination.schedule .swiper-pagination-bullet{width:30px;}
}

@media only screen and (max-width:1600px){.fullW{margin:0 40px!important}
.fullW .footerBg::after{width:calc(100% + 40px);left:-40px}
}
@-webkit-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}
50%{-webkit-transform:rotate(15deg)}
}
@-moz-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}
50%{-webkit-transform:rotate(15deg)}
}
@-o-keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}
50%{-webkit-transform:rotate(15deg)}
}
@keyframes roundRule{0%,100%{-webkit-transform:rotate(-15deg)}
50%{-webkit-transform:rotate(15deg)}
}
@-moz-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}
30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}
40%,60%,80%{-webkit-transform:rotate(-1.5deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-webkit-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}
30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}
40%,60%,80%{-webkit-transform:rotate(-1.5deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-o-keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}
30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}
40%,60%,80%{-webkit-transform:rotate(-1.5deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes tada{10%,20%{-webkit-transform:rotate(-1.5deg)}
30%,50%,70%,90%{-webkit-transform:rotate(1.5deg)}
40%,60%,80%{-webkit-transform:rotate(-1.5deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes swing{0%{transform:rotate(0)}
50%{transform:rotate(15deg)}
100%{transform:rotate(-15deg)}
}
@keyframes score{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}


.livechat_button{width:48px;height:48px;position:fixed;right:20px;bottom:130px;z-index:998;background:url(../images/loading-2.gif) center center no-repeat}
.livechat_button img{border-radius:50%;box-shadow:0 0 6px #f6f6f6}
.ask-a{position:fixed;right:17px;bottom:120px;z-index:999}
.ask-a img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 6px #f6f6f6}
.goto_top{position:fixed;right:20px;bottom:195px;width:48px;height:48px;background:url(../images/go-top.png) no-repeat;background-size:100%;z-index:9999;cursor:pointer;display:none;border-radius:50%;box-shadow:0 0 6px #f6f6f6}
.shop-online{position:fixed;right:20px;bottom:65px;width:48px;height:48px;background-size:100%;z-index:9999;cursor:pointer}
.shop-online img{width:100%;border-radius:50%;box-shadow:0 0 6px #f6f6f6}
.ball_img{position:fixed;right:20px;bottom:330px;width:48px;height:48px;z-index:9999;cursor:pointer}
.ball_img img{width:100%;animation:score 5s infinite linear}
.closeBoxSide{position:fixed;z-index:9999}
.closeBoxSide .closeBtn{width:50px;height:50px;display:inline-block;background:url(../images/closeBtn.png) no-repeat;background-position:center;position:absolute;right:-22px;top:-35px;z-index:10001;cursor:pointer}
.closeBoxSide.event{right:20px;bottom:250px;width:160px;height:200px;z-index:10000}
.closeBoxSide.event .event_ico{margin-top:10px;width:160px;animation:tada 2s ease-in-out infinite;border-radius:20px;box-shadow:0 0 6px #f6f6f6}
.closeBoxSide.pnpx{right:20px;bottom:300px;width:150px;height:184px}
.closeBoxSide.pnpx .flip-front{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flip-front;animation-name:flip-front}
.closeBoxSide.pnpx .flip-back,.closeBoxSide.pnpx .flip-front{-webkit-animation-duration:5s;animation-duration:5s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;display:block;position:absolute;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.closeBoxSide.pnpx .flip-back{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flip-back;animation-name:flip-back}
.closeBoxSide.pnpx .front{-webkit-transform:rotateX(0) rotateY(0);-moz-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.closeBoxSide.pnpx .back{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.event_ico{position:fixed;width:120px;z-index:9999;transform-origin:top center}
.event_ico img{width:100%}
@keyframes scaleLoop{0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.blackFriday{position:fixed;bottom:500px;width:170px;right:20px;z-index:9999}
.blackFriday .closeBtn{width:50px;height:50px;display:inline-block;background:url(../images/closeBtn.png) no-repeat;background-position:center;position:absolute;right:-22px;top:-30px;z-index:10001;cursor:pointer}
.blackFriday img{width:100%;animation:scaleLoop 3s linear infinite}
.container-fluid{position:relative}
.container-fluid::after{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:'';left:0;width:100%;display:block;height:calc(100% - 60px);z-index:99;top:60px;visibility:hidden}
.container-fluid.active::after{visibility:visible;position:absolute}
.container-fluid.fixed::after{position:absolute}
.container-fluid .page-404-wrap{margin-top:150px;padding:250px 0}
.product-tabs{position:absolute;top:0;left:0;width:100%;height:60px;z-index:999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;flex-direction:row;justify-content:space-between}
.product-tabs.fixed{top:0}
.product-tabs .product-tabs-title{font-size:30px;font-family:Metropolis-Medium}
.product-tabs .product-tabs-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.product-tabs .product-tabs-link ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.product-tabs .product-tabs-link ul li{position:relative;margin-right:50px;color:#6f6f6f}
.product-tabs .product-tabs-link ul li:first-child{display:none}
.product-tabs .product-tabs-link ul li a{font-size:16px;color:#6f6f6f}
.product-tabs .product-tabs-link ul li a::after{content:'';display:block;position:absolute;bottom:-2px;left:0;height:1px;width:0;background-color:#6f6f6f}
.product-tabs .product-tabs-link ul li a:hover{color:#ffcd14}
.product-tabs .product-tabs-link ul li a:hover::after{width:100%;background-color:#ffcd14;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.product-tabs .product-tabs-link ul li a.active{color:#ffcd14}
.product-tabs .product-tabs-link ul li a.active::after{width:100%;background-color:#ffcd14}
.product-tabs .product-tabs-link .buy{position:relative;text-align:center;color:#ffcd14}
.product-tabs .product-tabs-link .buy:hover dt{background:0 0;color:#000;background-color:#ffcd14}
.product-tabs .product-tabs-link .buy:hover dt a{color:#000}
.product-tabs .product-tabs-link .buy:hover dd{display:block}
.product-tabs .product-tabs-link .buy dt{width:99px;height:33px;text-align:center;line-height:33px;cursor:pointer;background:url(../images/buy.png) no-repeat}
.product-tabs .product-tabs-link .buy dt a{color:#ffcd14;display:block}
.product-tabs .product-tabs-link .buy dd{display:none;position:absolute;top:32px;left:0;width:100%}
.product-tabs .product-tabs-link .buy dd a{display:block;line-height:30px;font-size:14px;background-color:#1e1e1e;margin-bottom:1px}
.product-tabs .product-tabs-link .buy dd a:hover{color:#ffcd14}
.product-tabs.fixed{position:fixed;background-color:#000;z-index:1001}
.platform-slide{padding-bottom:50px!important}
.platform-slide .swiper-slide{position:relative}
.platform-slide .swiper-slide img{width:30%}
.platform-slide .swiper-slide p{height:116px;margin-top:-16%;font-size:16px;line-height:30px;overflow:hidden;padding-right:20px}
.platform-slide .swiper-slide a{display:block;width:0;height:0;margin-top:10px;border-left:6px solid transparent;border-right:8px solid transparent;border-top:10px solid #6a6a6a}
.platform-slide .swiper-slide a:hover{border-top:10px solid #ffcd14}
.platform-slide .swiper-slide a.active{border-left:6px solid transparent;border-right:8px solid transparent;border-top:none;border-bottom:10px solid #ffcd14}
.platform-slide .swiper-pagination{bottom:0}
.platform-slide .swiper-pagination .swiper-pagination-bullet{width:30px;height:5px;border-radius:0;background-color:#6f6f6f;margin:0 15px}
.platform-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ffcd14}
.pagination-content.number .pagination{margin:40px 0 20px}
.pagination-content.number .pagination li a,.pagination-content.number .pagination li span{border:1px solid #ffcd14;display:inline-block;font-family:raleway;font-size:14px;font-weight:500;height:27px;line-height:24px;margin:0 5px;width:26px;padding:0}
.pagination li{display:inline}
.pagination li.disabled span{color:#ccc}
.pagination-content.number .pagination li.active span{color:#000;background-color:#ffcd14}
.pagination-content.number .pagination li a i{font-size:20px;line-height:25px}
.pagination-content.number .pagination li a:hover,.pagination-content.number .pagination li.current a{box-shadow:2px 0 20px rgba(34,30,31,.2)}
.pagination-content.number .pagination li:first-child a:hover,.pagination-content.number .pagination li:last-child a:hover{color:#2d3e50}
.product-area .pagination-content.number .pagination{margin:80px 0 20px}
.pagination-content .pagination{border-radius:0;margin:20px 0 17px}
.pagination-content{display:block;line-height:0;text-align:center}
.pagination-content .pagination>li:first-child>a,.pagination-content .pagination>li:first-child>span,.pagination-content .pagination>li:last-child>a,.pagination-content .pagination>li:last-child>span{border-radius:0}
.pagination-content .pagination li a{border:0 none;color:#000;font-size:28px;height:41px;margin:0 14px;padding:0;width:48px}
.pagination-content .pagination li a:hover,.pagination-content .pagination li.current>a{color:#ffcd14}
.pagination-content .pagination li:first-child a{margin-left:0}
.pagination-content .pagination li:last-child a{margin-right:0}
.pagination-content .pagination li span.total{width:auto;padding:0 5px;color:#ffcd14}
.pr{position:relative}
.wz{width:100%;vertical-align:top}
.img_w{width:100%}
.tc{text-align:center}
.tl{text-align:left}
.videoBtn{position:absolute;display:inline-block;top:10px;right:10%;margin-right:-44px;padding:0;border:0;width:44px;height:44px;line-height:44px;background:0 0;color:#ddd;border-radius:0;outline:0;cursor:pointer}
.videoBtn:after,.videoBtn:before{content:"";display:inline-block;position:absolute;background-color:#fff;height:2px;width:16px;top:calc(49.99%);left:calc(49.92%);transform:rotate(45deg)}
.videoBtn:after{transform:rotate(-45deg)}
@media only screen and (max-width:1600px){.flex-container{padding:0 40px}
}
@media only screen and (max-width:1440px){footer .footer-link .newsletter .subscribe .email input[type=text]{width:40%}
footer .footer-link .newsletter .subscribe .email input[type=button]{width:20%}
}
@media only screen and (max-width:1300px){#header .grid-flex nav .nav-list li .subnav{height:calc(310px + 210px)}
}
@media only screen and (max-width:1366px){header .grid-flex nav .nav-list li .subnav{padding:50px 0 20px}
header .grid-flex nav .nav-list li .subnav .pro-list-wrap .pro-list .list .image-wrapper{padding:3% 0}
header .grid-flex nav .nav-list li .subnav .pro-list-wrap .pro-list .last-list .image-wrapper{padding:0}
header .grid-flex nav .nav-list li .subnav .news .n-list .news-box .news-content{bottom:-182px}
.vp-common-pop .pop-content{overflow-y:auto}
.vp-common-pop .pop-content::-webkit-scrollbar{width:6px;height:1px}
.vp-common-pop .pop-content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d4d4d4}
.vp-common-pop .pop-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#f6f6f6}
}
.snowbg{width:100%;height:100vh;clear:both;margin:0 auto;position:fixed;left:0;top:0;z-index:99990;pointer-events:none;overflow:hidden}
.common-attention{background:#f7f7f7;padding-top:115px;padding-bottom:100px}
.common-attention .attention-btn{text-align:center;margin-bottom:40px;cursor:pointer}
.common-attention .attention-btn:hover span{color:#c06d38;border-color:#c06d38}
.common-attention .attention-btn span{display:inline-block;width:262px;height:80px;border-radius:40px;border:5px solid #d8d8d8;line-height:70px;font-size:35.63px;color:#848484;font-family:Metropolis-Medium;text-align:center;margin-bottom:8px;cursor:pointer}
.common-attention .attention-btn p{color:#b9b9b9;font-size:15.73px;text-align:center}
.common-attention .attention-con{border-radius:30px;padding:80px 135px;background-color:#ebebeb;display:none}
.common-attention .attention-con p{color:#6e6d6d;font-size:18px;line-height:35px;margin-bottom:35px}
.common-attention .attention-con p:last-child{margin-bottom:0}
@keyframes flip-front{0%{-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}
50%{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}
to{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
}
@keyframes flip-back{0%{-webkit-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}
50%{-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}
to{-webkit-transform:rotateY(-1turn);-ms-transform:rotateY(-1turn);transform:rotateY(-1turn)}
}