@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes recordRotate{to{transform:rotate(360deg)}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif;font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}section{display:block}audio{display:inline-block}audio:not([controls]){display:none;height:0}a{background-color:#fff0}a:active,a:hover{outline-width:0}strong{font-weight:bolder}img{height:auto;max-width:100%;opacity:1;transition:opacity 1s;display:inline-block;vertical-align:middle;border:0}svg:not(:root){overflow:hidden}button,input{font:inherit;overflow:visible}button{text-transform:none;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}*,:after,:before,html{box-sizing:border-box}html{-webkit-tap-highlight-color:#fff0;background-attachment:fixed;background-color:#5b5b5b}a,button,input{touch-action:manipulation}.col,.col-inner{position:relative;width:100%}.col{margin:0;padding:0 15px 30px}.col-inner{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;flex:1 0 auto;margin-left:auto;margin-right:auto}@media screen and (min-width:850px){.col:first-child .col-inner{margin-left:auto;margin-right:0}.col+.col .col-inner{margin-left:0;margin-right:auto}}@media screen and (max-width:849px){.col{padding-bottom:30px}}@media screen and (min-width:850px){.col-divided{border-right:1px solid #ececec;padding-right:30px}.col-divided+.col{padding-left:30px}}.align-equal>.col{display:flex}.align-middle{align-items:center!important;align-self:center!important;vertical-align:middle!important}.align-center{justify-content:center!important}.small-6,.small-columns-2>.col{flex-basis:50%;max-width:50%}.small-12{flex-basis:100%;max-width:100%}@media screen and (min-width:550px){.medium-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.medium-3{flex-basis:25%;max-width:25%}.medium-4,.medium-columns-3>.col{flex-basis:33.3333333333%;max-width:33.3333333333%}.medium-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.medium-6{flex-basis:50%;max-width:50%}.medium-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.medium-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:850px){.large-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.large-3,.large-columns-4>.col{flex-basis:25%;max-width:25%}.large-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.large-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.large-6{flex-basis:50%;max-width:50%}.large-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.large-9{flex-basis:75%;max-width:75%}.large-12{flex-basis:100%;max-width:100%}}.container{width:100%}.container,.row{margin-left:auto;margin-right:auto}.container{padding-left:15px;padding-right:15px;max-width:1080px}.row{max-width:1080px;flex-flow:row wrap;width:100%}.row.row-collapse{max-width:1050px}.row.row-small{max-width:1065px}.container .row:not(.row-collapse),.row .row:not(.row-collapse){margin-left:-15px;margin-right:-15px;padding-left:0;padding-right:0;width:auto}.row .container{padding-left:0;padding-right:0}.row-full-width{max-width:100%!important}.row-collapse{padding:0}.row-collapse>.col{padding:0!important}.container .row-small:not(.row-collapse),.row .row-small:not(.row-collapse){margin-bottom:0;margin-left:-10px;margin-right:-10px}.row-small>.col{margin-bottom:0;padding:0 9.8px 19.6px}.section{align-items:center;display:flex;flex-flow:row;min-height:auto;padding:30px 0;position:relative;width:100%}.section-bg{overflow:hidden;width:100%}.nav-vertical>li ul,.section-content{width:100%}.section-content{z-index:1}.nav,.nav ul:not(.nav-dropdown){margin:0;padding:0}.nav,.nav>li{position:relative}.nav{display:flex;flex-flow:row wrap;width:100%}.nav>li{list-style:none;margin:0 7px;padding:0;transition:background-color .3s}.box a,.nav,.nav>li,.nav>li>a{display:inline-block}.nav,.nav>li>a{align-items:center}.nav>li>a{display:inline-flex;flex-wrap:wrap;padding:10px 0;color:hsl(0 0% 40%/.85);transition:all .2s}.nav>li>a:hover{color:hsl(0 0% 7%/.85)}.nav li:first-child{margin-left:0!important}.nav li:last-child{margin-right:0!important}.nav-uppercase>li>a{font-weight:bolder;letter-spacing:.02em;text-transform:uppercase}.nav:hover>li:not(:hover)>a:before{opacity:0}.nav.nav-vertical{flex-flow:column}.nav.nav-vertical li{list-style:none;margin:0;width:100%}.nav-vertical li li{font-size:1em;padding-left:.5em}.nav-vertical>li{align-items:center;display:flex;flex-flow:row wrap}.nav-vertical li li.menu-item-has-children{margin-bottom:1em}.nav-vertical li li.menu-item-has-children:not(:first-child){margin-top:1em}.nav-vertical>li>a,.nav-vertical>li>ul>li a{align-items:center;display:flex;flex-grow:1;width:auto}.nav-vertical li li.menu-item-has-children>a{color:#000;font-size:.8em;font-weight:bolder;text-transform:uppercase}.nav-vertical>li.html{padding-bottom:1em;padding-top:1em}.nav-vertical>li>ul li a{color:#666;transition:color .2s}.nav-vertical>li>ul li a:hover{color:#111;opacity:1}.nav-vertical>li>ul{margin:0 0 2em;padding-left:1em}.nav .children{left:-99999px;opacity:0;position:fixed;transform:translateX(-10px);transition:background-color .6s,transform .3s,opacity .3s}@media (prefers-reduced-motion){.nav .children{opacity:1;transform:none}}.nav-sidebar.nav-vertical>li.menu-item:hover{background-color:rgb(0 0 0/.05)}.nav-sidebar.nav-vertical>li+li,.nav-vertical>li+li{border-top:1px solid #ececec}.nav-vertical .social-icons{display:block;width:100%}.box{margin:0 auto;position:relative;width:100%}.box,.box-image,.box-text{transition:opacity .3s,transform .3s,background-color .3s}.box-image>a,.box-image>div>a{display:block}.box-image>a:focus-visible,.box-image>div>a:focus-visible{outline-offset:-2px}.box-text{font-size:.9em;padding-bottom:1.4em;padding-top:.7em;position:relative;width:100%}@media (max-width:549px){.box-text{font-size:85%}}.box-image{height:auto;margin:0 auto;overflow:hidden;position:relative}.box-text.text-center{padding-left:10px;padding-right:10px}.box-image img{margin:0 auto;max-width:100%;width:100%}.box-push .box-text{background-color:hsl(0 0% 100%/.95);margin:-15%auto 0;max-width:85%;padding:15px 20px}.button{text-rendering:optimizeLegibility;border:1px solid #fff0;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.97em;font-weight:bolder;letter-spacing:.03em;line-height:2.4em;margin-right:1em;margin-top:0;max-width:100%;min-height:2.5em;padding:0 1.2em;position:relative;text-align:center;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;vertical-align:middle;background-color:#446084;background-color:var(--primary-color);border-color:rgb(0 0 0/.05);color:#fff}.button span{display:inline-block;line-height:1.6}.button.is-outline{line-height:2.19em;background-color:#fff0;border:2px solid}.button:hover{box-shadow:inset 0 0 0 100px rgb(0 0 0/.2);color:#fff;opacity:1;outline:0}.button.is-underline{background-color:transparent!important;border-color:transparent!important;padding-left:.15em;padding-right:.15em}.button.is-underline:before{background-color:currentColor;bottom:0;content:"";height:2px;left:20%;opacity:.3;position:absolute;transition:all .3s;width:60%}.button.is-underline:hover:before{left:0;opacity:1;width:100%}.is-underline{color:#666}.button.is-underline:hover{box-shadow:none;color:#333}.dark .button{color:#fff}.is-outline{color:silver}.is-outline:hover{box-shadow:none!important}.primary{background-color:#446084}.primary.is-outline,.primary.is-underline{color:#446084}.is-outline:hover,.primary.is-outline:hover{background-color:#446084;border-color:#446084;color:#fff}.white{background-color:#fff!important;color:#666!important}.white.button.is-outline{background-color:#fff0;color:currentColor!important}.white.is-outline{background-color:transparent!important;color:#fff!important}.white.is-outline:hover{background-color:#fff!important;border-color:#fff;color:#666!important}.text-center .button:first-of-type{margin-left:0!important}.text-center .button:last-of-type{margin-right:0!important}i[class^=icon-]{speak:none!important;display:inline-block;font-display:block;font-family:fl-icons!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:1.2;margin:0;padding:0;position:relative;text-transform:none!important}.button i,button i{top:-1.5px;vertical-align:middle}.button.icon{display:inline-block;margin-left:.12em;margin-right:.12em;min-width:2.5em;padding-left:.6em;padding-right:.6em}.button.icon i{font-size:1.2em}.button.icon.circle{padding-left:0;padding-right:0}.button.icon.circle>i{margin:0 8px}.button.icon.circle>i:only-child{margin:0}.button:not(.icon)>i{margin-left:-.15em;margin-right:.4em}.button:not(.icon)>span+i{margin-left:.4em;margin-right:-.15em}.img,.img .img-inner{position:relative}.img .img-inner{overflow:hidden}.img,.img img{width:100%}.image-cover{background-position:50% 50%;background-size:cover;height:auto;overflow:hidden;padding-top:100%;position:relative}.image-cover img{bottom:0;font-family:"object-fit: cover;";height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;right:0;top:0;width:100%}.image-tools{padding:10px;position:absolute}.image-tools a:last-child{margin-bottom:0}.image-tools.top.right{padding-bottom:0;padding-left:0}@media only screen and (max-device-width:1024px){.image-tools{opacity:1!important;padding:5px}}.loading-spin{position:relative;-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;border-bottom:3px solid rgb(0 0 0/.1)!important;border-left:3px solid #446084;border-right:3px solid rgb(0 0 0/.1)!important;border-top:3px solid rgb(0 0 0/.1)!important;content:"";font-size:10px;margin:0 auto;opacity:.8;pointer-events:none;text-indent:-9999em;border-radius:50%;height:30px;width:30px}.dark.loading-spin{border:3px solid rgb(0 0 0/.1)!important;border-left-color:#fff!important}.loading-spin.centered{left:50%;margin-left:-15px;margin-top:-15px;position:absolute;top:50%;z-index:99}.off-canvas .nav-vertical>li>a{padding-bottom:15px;padding-top:15px}.off-canvas .nav-vertical li li>a{padding-bottom:5px;padding-top:5px}.off-canvas .sidebar-menu{padding:30px 0}.off-canvas:not(.off-canvas-center) .nav-vertical li>a{padding-left:20px}.off-canvas:not(.off-canvas-center) li.html{padding:20px}.slider,.slider-wrapper{position:relative}.slider>.img{margin-bottom:0}.slider{scrollbar-width:none}.slider:not(.flickity-enabled){-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;width:auto}.slider::-webkit-scrollbar{height:0!important;width:0!important}.slider:not(.flickity-enabled)>*{display:inline-block!important;vertical-align:top;white-space:normal!important}.slider>div:not(.col){width:100%}.slider-style-shadow .flickity-slider>:before{background-image:url(/wp-content/themes/b2b/assets/img/shadow@2x.png.webp);background-size:100% 100%;bottom:-6px;content:"";height:100px;left:-10%;position:absolute;right:-10%;z-index:-2}.button:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.primary:focus-visible{outline-color:#446084}.dark a{color:currentColor}.dark a:hover{color:#fff}ul{list-style:disc;margin-top:0;padding:0}ul ul{margin:1.5em 0 1.5em 3em}li{list-style:none}h2,h4{text-rendering:optimizeSpeed;color:#555;width:100%}h2{line-height:1.3;font-size:1.6em}h4{font-size:1.125em}@media (max-width:549px){h2{font-size:1.2em}}p{margin:0}.is-small,.nav>li>a{font-size:.8em}.is-xsmall{font-size:.7em}.box-text a:not(.button),.box-text h2,.box-text h4{line-height:1.3;margin-bottom:.1em;margin-top:.1em}.box-text p{margin-bottom:.1em;margin-top:.1em}.box-text .button{margin-top:1em}.nav>li.html{font-size:.85em}.clearfix:after,.container:after,.row:after{clear:both;content:"";display:table}@media (max-width:549px){.hide-for-small{display:none!important}}.expand{display:block;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.ml-0{margin-left:0!important}.last-reset :last-child{margin-bottom:0}.text-center{text-align:center}.text-center>div,.text-center>div>div{margin-left:auto;margin-right:auto}.relative{position:relative!important}.absolute{position:absolute!important}.top{top:0}.right{right:0}.left{left:0}.bottom,.fill{bottom:0}.fill{height:100%;left:0;margin:0!important;padding:0!important;position:absolute;right:0;top:0}.bg-fill{background-position:50% 50%;background-repeat:no-repeat!important;background-size:cover!important}.circle{border-radius:999px!important;-o-object-fit:cover;object-fit:cover}.no-click{pointer-events:none}.no-scrollbar{-ms-overflow-style:-ms-autohiding-scrollbar}.no-scrollbar::-webkit-scrollbar{height:0!important;width:0!important}@media screen and (max-width:549px){.x50{left:50%;transform:translateX(-50%)}.y50{top:50.3%;transform:translateY(-50%)}.y50.x50{transform:translate(-50%,-50%)}}@media screen and (min-width:550px) and (max-width:849px){.md-x50{left:50%;transform:translateX(-50%)!important}.md-y50{top:50%;transform:translateY(-50%)!important}.md-x50.md-y50{transform:translate(-50%,-50%)!important}}@media screen and (min-width:850px){.lg-x50{left:50%;transform:translateX(-50%)!important}.lg-y50{top:50%;transform:translateY(-50%)!important}.lg-x50.lg-y50{transform:translate(-50%,-50%)!important}}@media (prefers-reduced-motion:no-preference){[data-animate]{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-backface-visibility:hidden;opacity:0!important;transition:filter 1.3s,transform 1.6s,opacity .7s ease-in;will-change:filter,transform,opacity}[data-animate=fadeInLeft]{transform:translate3d(-70px,0,0)}[data-animate]:hover{transition-delay:0s!important}}.is-border{border:1px solid #ececec;border-radius:0;bottom:0;left:0;margin:0;pointer-events:none;position:absolute;right:0;top:0}.box-shadow-1-hover,.box-shadow-2{transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s}.box-shadow-1-hover:hover{box-shadow:0 1px 3px -2px rgb(0 0 0/.12),0 1px 2px rgb(0 0 0/.24)}.box-shadow-2{box-shadow:0 3px 6px -4px rgb(0 0 0/.16),0 3px 6px rgb(0 0 0/.23)}.text-shadow-1{text-shadow:1px 1px 1px rgb(0 0 0/.3)}.has-hover:hover .image-zoom img{transform:scale(1.1)}.has-hover .image-zoom-long img{transition:transform 5s!important}.has-hover:hover .image-zoom-long img{transform:scale(1.3)}.hover-slide-in,.show-on-hover{filter:blur(0);opacity:0;pointer-events:none;transition:opacity .5s,transform .3s,max-height .6s,filter .6s}.hover-slide-in{transform:translateY(100%) translateZ(0)}.has-hover .box-image:focus-within .show-on-hover,.has-hover:hover .hover-slide-in,.has-hover:hover .show-on-hover{opacity:1;pointer-events:inherit;transform:scale(1) translateZ(0) translateY(0)!important}@media (prefers-reduced-motion){.has-hover:hover .hover-slide-in,.has-hover:hover .show-on-hover,.hover-slide-in{transform:translateZ(0)}}.dark,.dark p{color:#f1f1f1}@media (max-width:849px){body{overflow-x:hidden}}.message-box{background-color:#f1f1f1;padding-left:30px;padding-right:30px}.message-box.dark{background-color:#333}.message-box .col,.message-box .col-inner,.message-box .row{padding-bottom:0!important;padding-top:0!important}.icon-shopping-basket:before{content:""}.icon-angle-right:before{content:""}.social-icons{color:#999;display:inline-block;font-size:.85em;vertical-align:middle}.html .social-icons{font-size:1em}.grid-tools{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;margin-bottom:-1px;padding:0!important;white-space:nowrap;width:100%}.grid-tools a{background-color:#446084;color:#f1f1f1;display:block;font-size:.85em;font-weight:700;opacity:.95;padding:.4em 0 .5em;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.grid-tools a.quick-view:focus-visible{outline-offset:-4px}.grid-tools a:hover{color:#fff;opacity:1}.title-wrapper .product-title a{color:#333;height:2.8em;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.title-wrapper{margin-bottom:4px}.add-to-basket-btn{right:.7em;bottom:0}.price-box{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:18px;margin-bottom:4px}.price-box .fob-price{font-size:14px;font-weight:600;color:#2d2d2d;line-height:18px}.price-box .unit{font-size:12px;color:#999;font-style:normal;font-weight:400}.box-text-products{padding-bottom:1.4em;padding-left:.7em;padding-right:.7em;border-radius:0 0 8px 8px;background:#fff}.product-small .box-image{border-radius:8px 8px 0 0}i{font-style:normal}a:link{text-decoration:none}:root{--mian-max-width:1200px;--posts-card-scale:70%;--posts-list-scale:70%;--single-cover-scale:35%;--theme-color:#f04494;--focus-shadow-color:rgba(253, 83, 161, 0.4);--key-color:#333;--main-color:#4e5358;--main-shadow:rgba(116, 116, 116, 0.08);--muted-color:#777;--muted-2-color:#999;--muted-3-color:#b1b1b1;--body-bg-color:#f5f6f7;--main-bg-color:#fff;--muted-bg-color:#eee;--main-border-color:rgba(50, 50, 50, 0.06);--muted-border-color:rgba(0, 0, 0, 0.03);--main-radius:8px;--blur-bg:rgba(255, 255, 255, 0.8);--float-btn-bg:rgba(200, 200, 200, 0.4);--header-bg:var(--blur-bg);--header-color:var(--main-color);--footer-bg:var(--main-bg-color);--footer-color:var(--muted-2-color)}a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}[href]{cursor:pointer}.no-scrollbar{-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}.progress{transition:.3s}.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:400;font-family:"Font Awesome 5 Free"}.fa-align-right:before{content:""}.fa-angle-down:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-comment:before{content:""}.fa-music:before{content:""}.fa-play:before{content:""}.fa-question-circle:before{content:""}.fa-thumbs-up:before{content:""}@font-face{font-display:swap;font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.eot);src:url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.woff2)format("woff2"),url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.woff)format("woff"),url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.ttf)format("truetype"),url(/wp-content/themes/b2b/assets/webfonts/fa-brands-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.eot);src:url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.eot?#iefix)format("embedded-opentype"),url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.woff2)format("woff2"),url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.woff)format("woff"),url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.ttf)format("truetype"),url(/wp-content/themes/b2b/assets/webfonts/fa-regular-400.svg#fontawesome)format("svg")}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.eot);src:url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.eot?#iefix)format("embedded-opentype"),url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.woff2)format("woff2"),url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.woff)format("woff"),url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.ttf)format("truetype"),url(/wp-content/themes/b2b/assets/webfonts/fa-solid-900.svg#fontawesome)format("svg")}.fas{font-weight:900}a:active,a:hover{outline:0}button,input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body{color:rgb(0 0 0/.85);font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0;color:#000;font-size:4vw;line-height:1.4;background:#fff;overflow:hidden;-webkit-text-size-adjust:none}a:hover{color:#777}@font-face{font-display:swap;font-family:layui-icon;src:url(/wp-content/themes/b2b/assets/layui/font/iconfont.eot?v=256);src:url(/wp-content/themes/b2b/assets/layui/font/iconfont.eot?v=256#iefix)format("embedded-opentype"),url(/wp-content/themes/b2b/assets/layui/font/iconfont.woff2?v=256)format("woff2"),url(/wp-content/themes/b2b/assets/layui/font/iconfont.woff?v=256)format("woff"),url(/wp-content/themes/b2b/assets/layui/font/iconfont.ttf?v=256)format("truetype"),url(/wp-content/themes/b2b/assets/layui/font/iconfont.svg?v=256#layui-icon)format("svg")}body,html{position:relative;height:100%;width:100%;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,button,input{outline:0}a{text-decoration:none;color:#333}.row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row>[class*=col-]{box-sizing:border-box}.view,.views{position:relative;height:100%;z-index:5000}.pages,.view,.views{overflow:hidden}.pages,.view{width:100%}.view{box-sizing:border-box}.pages{position:relative;height:100%;background:#000}.page,.page-content{box-sizing:border-box;height:100%}.page{position:absolute;left:0;top:0;width:100%;background:#eee;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page-content{padding-bottom:12vw;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.navbar-inner{position:absolute;height:100%;padding:0 4vw;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.login-screen,.navbar,.navbar-inner,.popup{left:0;top:0;width:100%;box-sizing:border-box}.navbar,.navbar .center{margin:0;position:relative}.navbar,.navbar:after{backface-visibility:hidden}.navbar{height:12vw;z-index:500;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar,.navbar a{color:#fff}.navbar .center a{display:block}.navbar a.link{text-decoration:none;position:relative}.navbar a.icon-only{min-width:8vw;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0}.navbar:after{content:"";position:absolute;left:0;bottom:0;right:auto;top:auto;height:.9px;width:100%;background:var(--onesite-navbar-border-color);display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.navbar .center{font-size:4vw;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:11vw;height:11vw;-webkit-flex-shrink:10;-ms-flex:0 10 auto;flex-shrink:10;text-align:center;display:flex;justify-content:center;align-items:center}.navbar .left,.navbar .right,.navbar a.icon-only{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .left{margin-right:3vw}.navbar .right{margin-left:3vw}.page>.navbar,.view>.navbar{position:absolute}.navbar-through .page-content{padding-top:12vw}.page.no-tabbar .page-content{padding-bottom:0}.login-screen,.popup{position:absolute;height:100%;z-index:11000;background:#fff;display:none;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.panel,.panel-overlay{position:absolute;top:0;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:.4s;transition-duration:.4s}.panel-overlay{left:0;width:100%;background:0 0;opacity:0;z-index:5999;display:none}.panel{z-index:1000;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;width:260px}.panel.panel-left{left:0}.panel,.tabs .tab{display:none}.tabs .tab.active{display:block}.login-screen-content,.panel{background:#fff}:root{--primary-color:black;--onesite-navbar-bg-color:#ffffff;--onesite-navbar-text-color:#3d3d3d;--onesite-content-bg-color:#f7f7f7;--onesite-navbar-border-color:#efefef;--onesite-toolbar-border-color:#efefef}.fas,.onesite-icon{font-size:4vw}.pages>div:last-child{transform:translate3d(0,0,0)!important}input{-webkit-appearance:none;font-size:4vw}h2,h4{margin:0}.rotate-fast{animation:recordRotate 4s linear 1s infinite}.navbar a.link{line-height:11vw;height:11vw}.page-content{background:var(--onesite-content-bg-color)}.onesite-login-form{background-size:cover;background-repeat:no-repeat;background-position:center}.onesite-login-input-form{position:absolute;top:22%;left:0;right:0;width:90%;margin:auto;padding-bottom:20vw}.onesite-login-input-form p input{width:100%;outline:0;padding:2vw 4vw 2vw 12vw;cursor:pointer;color:#000;border-radius:10vw;box-sizing:border-box;border:0;font-size:4vw;height:11vw;background-color:#fff}.onesite-login-input-form p{position:relative;margin:0 0 5vw;opacity:.8}.onesite-mobile-login-form-btn>div{position:relative;background-color:#46c47c;box-sizing:border-box!important;color:#fff;text-align:center;font-size:4vw;margin-bottom:5vw;line-height:11vw;border-radius:10vw;opacity:.9}.login-forgot-pass{color:#fff;font-weight:500;font-size:3vw;display:flex}.login-forgot-pass i{margin-right:5px}.onesite-mobile-login-form-btn{display:flex}.onesite-mobile-login-form-btn .onesite-login-btn{flex:4}.onesite-login-input-form p.name:before,.onesite-login-input-form p.pass:before{content:"";font-family:"Font Awesome 5 Free"!important;position:absolute;top:1.6vw;left:3vw;font-size:5vw;margin-left:1vw;color:#000;font-weight:600}.onesite-login-input-form p.pass:before{content:"";top:2.5vw;left:3.5vw;font-size:4.5vw}.onesite-video-img{height:50vw;background-size:cover;background-position:center;position:relative;border-radius:2vw;margin:5vw 4vw 0;background-color:#4d4d4d}.onesite-video-img.custom{margin:0 0 3vw}.onesite-video-img i{background:rgb(0 0 0/.4);top:50%;left:50%;position:absolute;color:#fff;border-radius:50%;width:15vw;height:15vw;text-align:center;line-height:15vw;margin-top:-7.5vw;margin-left:-7.5vw;font-size:7vw}.onesite-bofang-:before{content:"";margin-left:1.5vw}.onesite-music-player{background:rgb(0 0 0/.5);overflow:hidden}.onesite-player-content{box-sizing:border-box;width:100%;height:50%;overflow:hidden;margin-top:15%}.onesite-music-player-close{position:absolute;color:#fff;opacity:.7;width:18vw;height:18vw;text-align:center;line-height:18vw}.onesite-music-player-close i,.onesite-player-footer-btn>div i{font-size:8vw}.onesite-player-lyrics,.onesite-player-record{position:relative;width:100%;height:100%}.onesite-player-record .record-bg,.onesite-player-record .record-pic{border-radius:50%;overflow:hidden;border:2vw solid rgb(245 245 245/.2)}.onesite-player-record .record-bg{width:60vw;height:60vw;background-repeat:no-repeat;background-size:100% 100%}.onesite-player-record .record-pic{width:40vw;height:40vw}.onesite-player-record .record-pic no-img{display:flex;align-items:center;justify-content:center;height:100%}.onesite-player-record .record-pic no-img i{font-size:18vw;color:#647076}.onesite-player-record .record-bg,.onesite-player-record .record-pic{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.onesite-player-lyrics{overflow:hidden;padding:10vw 10vw 5vw;box-sizing:border-box;color:#fff;font-size:4.8vw;line-height:8vw;overflow-y:auto;word-wrap:break-word}.onesite-player-bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:linear-gradient(#393939,#5e727c)}.onesite-player-progress{height:15%;margin-top:15%}.onesite-player-progress .progress-bar{position:relative;height:.7vw;width:75vw;border-radius:1vw;background:rgb(255 255 255/.4);margin:6vw auto}.onesite-player-progress .progress{height:100%;width:0%;background:#ff5722;border-radius:1vw}.onesite-player-progress .progress-btn{position:absolute;left:0;top:-2vw;width:1vw;height:1vw;margin-left:-1vw;background:#ff5722;border-radius:100%;border:2vw solid #fff}.onesite-player-footer-btn{color:#bbb;display:flex;padding:0 9vw;width:100%;box-sizing:border-box;bottom:0;height:15%}.onesite-player-footer-btn>div{flex:1;text-align:center}.onesite-player-footer-btn .comment{position:relative}.onesite-player-footer-btn .play{flex:3}.onesite-player-footer-btn .comment m{position:absolute;right:-5px;top:-10px;display:inline-block;width:30px}.onesite-login-navbar.navbar:after,.onesite-pop-music-player{display:none}.onesite-right-bar{position:fixed;right:2vw;top:0;bottom:0;z-index:9999;transition-duration:.2s;transform:translate3d(0,0,0);margin:auto}.onesite-right-bar li{width:12vw;height:12vw;background-color:rgb(0 0 0/.2);text-align:center;line-height:12vw;border-radius:100%;margin-bottom:5vw;color:#fff}.onesite-mobile-login-form-btn .onesite-login-btn{background:var(--primary-color)}.navbar-inner{background:var(--onesite-navbar-bg-color)}.navbar-inner>div,.navbar-inner>div>a{color:var(--onesite-navbar-text-color)}.panel-overlay{background:rgb(0 0 0/.4)}.page{background:var(--onesite-content-bg-color)}.onesite-login-navbar .navbar-inner>div,.onesite-login-navbar .navbar-inner>div>a{color:#fff}.onesite-login-navbar .navbar-inner{background-color:#fff0;position:absolute}.panel-left{background-color:#f6f6f6}.button,button,input,li,p,ul{margin-bottom:0}.navbar .nav-center-title{display:flex;align-items:center;justify-content:center}.nav-center-title img{width:100%;height:7vw}.page-content{background-color:#f7f7f7}.add-to-basket-btn{bottom:.3vw;right:1vw}