.header-fixed{position:fixed;background-color:hsla(0,0%,93%,.4)}.sub-title{position:relative;padding-bottom:12px;margin-bottom:15px}.sub-title:after{content:"";width:100px;height:1px;background-color:#fff;position:absolute;bottom:0;left:0}.icon-arrowright{position:relative}.icon-arrowright:after{content:"";display:block;height:2px;background-color:#fff;position:absolute;top:9px;left:-8px}@keyframes arrowLine{0%{width:0}50%{width:8px}to{width:15px}}.container{margin:0 auto;padding:20px 0}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1244px}}.widget{background-color:#f7f7f7;margin-bottom:30px;position:relative;padding:2rem}button:disabled{color:#ccc;background-color:#eee;border:none;cursor:not-allowed}.btn{display:inline-block;min-width:146px;color:var(--theme-color);position:relative;vertical-align:middle;border:0;text-transform:uppercase;text-align:center;background-color:var(--theme-color4);font-size:14px;font-weight:700;line-height:1;padding:16px 28px;border-radius:0;box-sizing:border-box;z-index:2;overflow:hidden}.btn,.btn-parmary:hover{color:#fff}.btn-parmary:hover:after,.btn-parmary:hover:before{border-width:60px 300px}.btn-parmary:after,.btn-parmary:before{box-sizing:border-box;bottom:0;left:0;border:0 solid transparent;border-left-color:#161921;transform:rotate(1turn);width:0;height:0;content:"";position:absolute;transition:.7s ease;z-index:-1}.btn-parmary:before{top:0;right:0;left:auto;transform:rotate(180deg);border-color:transparent transparent transparent #161921}.btn .btn-parmary-2{background-color:var(--theme-color2)}.form-box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.form-box .form-item{width:100%;margin-bottom:15px}.form-box .form-item::last-child{margin-bottom:0}.form-box input,.form-box select,.form-box textarea{width:100%;height:60px;border:1px solid #e1e1e1;border-radius:20px;border-bottom-right-radius:0;margin-top:10px;padding:20px;outline:none!important}.form-box input:focus,.form-box select:focus,.form-box textarea:focus{border:1px solid var(--theme-color)!important}.form-box .input-radio{width:20px;height:20px;margin:unset;margin-right:10px}.form-box .react-tel-input{border-radius:20px;border-bottom-right-radius:0}.form-box .react-tel-input .form-control{width:100%;height:60px;background-color:rgba(14,113,185,.1);padding-left:72px;border:0;border-radius:20px;border-bottom-right-radius:0}.form-box .react-tel-input .flag-dropdown{width:60px;border:none;background-color:rgba(14,113,185,.1)!important;border-top-left-radius:20px;border-bottom-left-radius:20px}.form-box .react-tel-input .flag-dropdown .selected-flag{padding-left:17px}.form-box .react-tel-input .flag-dropdown .selected-flag:hover{border-top-left-radius:20px!important;border-bottom-left-radius:20px!important;background-color:unset}.form-box .react-tel-input .flag-dropdown .open{background-color:unset!important;border-radius:20px 0 20px 0!important}.form-box .react-tel-input .flag-dropdown .search-box{width:unset;height:unset}.form-box .react-tel-input .open{border-radius:20px 0 0 20px!important}.form-box textarea{min-height:150px}.form-box a{color:var(--links-normal-color)}.form-box .form-btn{margin-top:20px;width:100%;position:relative;overflow:hidden;vertical-align:middle;font-size:18px;line-height:28px;font-weight:600;text-align:center;padding:16px 40px;text-transform:capitalize;border-radius:35px 35px 0 35px;z-index:1;transition:all .5s ease;background-color:#005ca5;color:#fff}.form-box .form-btn:before{position:absolute;content:"";width:100%;height:100%;transform:scale(0);transform-origin:right bottom;right:0;bottom:0;z-index:-1;transition:all .5s ease;background-color:#000}.form-box .form-btn:hover:before{transform:scale(1)}.form-box .tip{font-size:14px;color:var(--tip-color)}.form-box1{background-color:var(--theme-color3);border-radius:35px 35px 0 35px;color:#fff}.form-box1 input{background-color:#fff!important;color:var(--title-color)}.form-box1 .form-btn{background-color:var(--theme-color4)}.pagination{display:flex;margin-top:30px;justify-content:center}.pagination li{width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;background-color:#f7f7f7;margin:0 5px;cursor:pointer}.pagination li span{font-size:18px;font-weight:600}.pagination .active,.pagination li:hover{background-color:var(--theme-color);color:#fff}.pagination .iconfont{font-size:42px}.hoverAni{animation:moveLeft .75s forwards}.hoverAni:hover{animation:moveRight .75s forwards}@keyframes moveLeft{0%{margin-left:10px}to{margin-left:0}}@keyframes moveRight{to{margin-left:10px}}.mask{width:100vw;height:100%;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:100;transition:all .8s ease}.mask .content-box{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;color:#333}.mask .content-box .name{font-size:20px;font-weight:500;margin-bottom:5px}.mask .content-box .sub{margin:20px 0}.mask .content-box .icon-closeempty{position:absolute;top:10px;right:15px;font-size:28px}.mask .content-box .btns{display:flex;justify-content:flex-end}.mask .content-box .btns .btn{margin-right:10px}.mask .content-box .btns .btn-default{background-color:#fff;color:var(--theme-color);border:1px solid #ddd}.not-found{font-size:6em}.not-found span{animation:shink 1s linear infinite;margin:0 20px}.not-found span:first-child{animation-delay:.1s}.not-found span:nth-child(2){animation-delay:.3s}.not-found span:nth-child(3){animation-delay:.6s}@keyframes shink{0%,80%{color:#333;box-shadow:none}to{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff,0 0 160px #fff}}.input-box{border:none;outline:none}.input-d{min-width:260px;height:46px;border:1px solid var(--light-color);padding:0 10px}.number-box{width:180px;padding:14px 10px;border:2px solid var(--light-color);display:flex}.number-box input[type=number]{-moz-appearance:textfield}.number-box input[type=number]::-webkit-inner-spin-button,.number-box input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-box input{width:125px;text-align:center;padding:0 10px;border:0;outline:none}.number-box .iconfont{cursor:pointer;font-weight:700}.number-box-s{width:138px}.number-box-s input{width:80px}.autocomplete-container{background-color:#fff;padding:20px;display:flex;align-items:center}.autocomplete-container .input-b{width:200px;height:40px;border:1px solid var(--light-color);padding:0 10px;font-size:14px;margin-right:10px}.autocomplete-container .btn{min-width:80px;padding:13px 10px}.req{position:relative}.req:before{content:"*";position:absolute;top:-6px;right:-10px}.req-tip,.req:before{color:var(--tip-color2)}.req-tip{font-size:14px}.loding-box{width:100%;height:100%;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.7);z-index:900;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.loding-box .loading{margin:unset}.loading{text-align:center;margin-top:50px}.loading .circle{animation:circle 2s linear infinite}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.singe-line{word-break:break-all;white-space:nowrap}.singe-line,.two-line{text-overflow:ellipsis;overflow:hidden}.two-line{word-wrap:break-word;white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.icon-kongkongruy{font-size:8rem}.cookie-tip{width:100vw;padding:20px 0;background-color:#fff;position:fixed;bottom:0;left:0;box-shadow:0 5px 15px rgba(0,0,0,.35);z-index:11;align-items:center;justify-content:center}.cookie-tip p{font-weight:700;font-size:18px}.upload-box{width:100%;background-color:rgba(14,113,185,.1);border-radius:20px;border-bottom-right-radius:0;margin-top:10px;padding:20px;border:0;position:relative;text-align:center}.upload-input{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;z-index:5}.br{border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.sub-form .form-item{width:100%;height:40px;padding:10px;background-color:#fff;border-radius:5px;margin-bottom:20px}.sub-form .form-item input,.sub-form .form-item select{width:100%;border:none;outline:none}.blog-title{font-size:24px;font-weight:700;line-height:1rem;margin-bottom:30px}.widget ul li{margin-bottom:15px;background-color:#fff}.widget ul li:last-child{margin:unset}.widget ul a{font-size:16px;color:#525960;line-height:1rem;padding:17.5px 25px;font-weight:500;display:flex;justify-content:space-between}.widget ul .active,.widget ul a:hover{background-color:var(--theme-color4);color:#fff}.widget ul .active a{color:#fff}.widget ul p{padding:17.5px 45px;margin:unset;line-height:1rem}.widget ul p:hover{background-color:var(--theme-color4);color:#fff}.widget ul .category-child a{padding-left:45px}.relateds a{display:flex;margin-bottom:25px}.relateds a:last-child{margin:unset}.related-box{display:flex;align-items:center}.related-box .img-box{width:95px;height:95px;overflow:hidden}.related-box .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-box .dec-box{width:68%;color:#333;margin-left:15px;overflow:hidden}.related-box .dec-box p{word-wrap:break-word;white-space:normal!important;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.related-box .dec-box .time{font-size:14px;font-weight:400}.related-box .dec-box .time .iconfont{margin-right:5px;font-weight:700}.related-box .dec-box .title{font-weight:600;font-size:18px;line-height:1.25}.blog-box{margin-bottom:40px}.blog-box .img{width:100%;max-height:500px;-o-object-fit:cover;object-fit:cover}.blog-box .desc-box{position:relative;text-wrap:wrap}.blog-box .desc-box h4{min-height:70px;font-size:22px;font-weight:700;line-height:40px;margin-bottom:15px}.blog-box .desc-box table td{border:1px solid #eee;padding:0 10px}.blog-box .date{text-align:center;width:70px;height:70px;position:absolute;top:0;right:12px;background-color:#fff;box-shadow:0 10px 40px rgba(1,19,60,.06);border-bottom:2px solid var(--theme-color2);font-weight:600;padding-top:10px}.blog-box .date-m{display:none}@media(max-width:1250px){.blog-box-m{width:100%;background-color:#f8f8f8;min-height:470px}.blog-box-m .img{height:180px}.blog-box-m .date{display:none}.blog-box-m .desc-box{padding:10px}.blog-box-m .desc-box h4{width:100%;font-size:18px;line-height:28px;margin-bottom:5px}.blog-box-m .desc-box .date-m{display:block;color:var(--tip-color);margin-bottom:5px}}.blog-container{display:flex;flex-wrap:wrap;justify-content:space-between}.blog-container a{width:49%}.share-box{width:100%;border-top:1px solid #ddd;padding-top:15px;padding-left:5px;margin-top:30px;display:flex;align-items:center}.share-box span{margin-right:10px;font-weight:500}.share-box .iconfont{margin-right:10px;font-size:24px}.share-box .icon-facebook3{color:#3b5998}.share-box .icon-twitter3{color:#00acee}.share-box .icon-pinterest{color:#c8232c}.text-omitted{word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.product-tab{border-bottom:3px solid var(--smoke-color4);margin:50px 0 30px;display:flex}.product-tab li{margin-right:40px;color:var(--title-color);font-size:18px;font-weight:700;display:inline-block;position:relative;line-height:1;padding:0 0 23px;text-transform:uppercase}.product-tab li:before{content:"";position:absolute;left:0;bottom:-3px;height:3px;width:0;background-color:var(--theme-color4);transition:all .4s ease}.product-tab .active:before{width:100%}.order-detail{border:1px solid #ddd;padding:20px;border-radius:5px;display:flex;flex-wrap:wrap}.order-detail .order-info{width:100%;margin:10px 10px 10px 0;border-bottom:1px solid #ddd;padding-bottom:10px}.order-detail .order-info .name{font-size:18px;font-weight:500}.order-detail .order-info p{text-wrap:nowrap}.order-detail .order-info .gray{color:var(--tip-color)}.order-detail .order-info:last-child{border-bottom:none;padding-bottom:0}.order-detail .order-info .pro-info{min-height:56px;margin-bottom:20px}.order-detail .order-info .pro-info:last-child{margin-bottom:0}.order-detail .order-item{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width:350px)and (max-width:768px){.order-detail .order-info .address{flex:wrap}.order-detail .order-info .text-wrap{text-wrap:wrap}}.facebook{background:url(/static/images/facebook.png) no-repeat;background-size:100%;margin-right:10px}.facebook,.google{width:25px;height:25px}.google{background:url(/static/images/google.png) no-repeat;background-size:100%}.avatar-box:hover:before{content:"";width:25px;height:25px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(/static/images/upload.png) no-repeat;background-size:100%;z-index:2}.avatar-box:hover:after{content:"";width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1;position:absolute;left:0;top:0}.drawer-box{background-color:#fff;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.drawer-box .drawer-nav{display:flex;justify-content:center}.drawer-box .drawer-nav li{text-wrap:nowrap;margin:0 20px;font-size:16px;font-weight:500;color:#424242;cursor:pointer}.drawer-box .drawer-nav li:hover{color:var(--theme-color4)}.drawer-box .drawer-nav2{max-width:200px}.drawer-box .drawer-nav2 li{text-wrap:nowrap;margin:0 20px;font-size:16px;font-weight:500;color:#424242;cursor:pointer}.drawer-box .drawer-nav2 li:hover{color:var(--theme-color4)}.drawer-active{display:block}.drawer-hidden{display:none}.dropdown-box{position:relative;font-size:18px}.dropdown-box .dropdown-menu{width:260px;position:absolute;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-size:16px}.dropdown-box .dropdown-menu li{padding:15px 20px;animation:moveLeft .75s forwards}.dropdown-box .dropdown-menu li:hover{color:var(--theme-color4);animation:moveRight .75s forwards}.dropdown-box .cart-icon{position:relative}.dropdown-box .cart-icon .cart-num{position:absolute;top:15px;right:-10px;font-size:12px}.dropdown-box .cart-icon span{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;font-size:12px;color:#fff}.dropdown-title{line-height:80px;cursor:pointer}.pro-box{font-size:18px}.pro-box .pro-menu{width:100vw;max-height:60vh;position:absolute;display:flex;justify-content:center;left:0;background-color:#fff;font-size:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:999}.pro-box .pro-category{margin-right:20px;min-width:280px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.pro-box .pro-category::-webkit-scrollbar{display:none}.pro-box .pro-category li{padding:10px;margin:10px 0;border-left:3px solid transparent;cursor:pointer}.pro-box .pro-category .active,.pro-box .pro-category li:hover{border-left:3px solid var(--theme-color4);color:var(--theme-color4);animation:moveRight .75s forwards}.pro-box .pro-content{width:60%;display:flex;text-align:center;flex-wrap:wrap;font-size:14px;margin-bottom:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.pro-box .pro-content::-webkit-scrollbar{display:none}.pro-box .pro-content .item{width:250px;height:254px;color:#050505;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.16);margin:0 10px 20px;padding:10px 15px;position:relative}.pro-box .pro-content .new{position:absolute;top:-14px;left:0;font-size:54px;color:var(--tip-color2)}.pro-box .pro-content .hot{position:absolute;top:20px;right:10px;font-size:42px}.pro-box .pro-content .img-box{width:150px;height:150px;margin:0 auto;overflow:hidden}.cart-menu{left:-220px;width:450px;box-sizing:border-box;padding:20px 30px;position:absolute;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.cart-menu ul{max-height:50vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.cart-menu ul::-webkit-scrollbar{display:none}.cart-menu .cart-item{display:flex;align-items:center;font-size:16px;border-bottom:1px solid var(--light-color);padding:15px 0;position:relative}.cart-menu .cart-item img{width:100px;height:100px;background-color:var(--light-color)}.cart-menu .cart-item .pro-info{max-width:264px;height:100px;position:relative}.cart-menu .cart-item .pro-info .title{font-weight:500;margin-bottom:5px}.cart-menu .cart-item .pro-info .prices{position:absolute;bottom:0}.cart-menu .cart-item .icon-closeempty{position:absolute;right:0}.cart-menu .cart-item .icon-closeempty:hover{color:var(--tip-color2)}.cart-menu .btns{display:flex;justify-content:space-between}.dropdown-active{display:block;animation:bounceinB .75s forwards}.dropdown-hidden{animation:bounceinB .75s forwards;display:none!important}@keyframes fadeinT{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceinT{0%{transform:translateY(-100px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceinB{0%{transform:translateY(30px)}60%{transform:translateY(-5px)}80%{transform:translateY(5px)}to{transform:translateY(0)}}.menu-box{width:65%;height:100%;background-color:#fff;padding:20px;position:relative;overflow-y:scroll}.menu-box .icon-shibai2{position:absolute;top:20px;right:20px}.menu-box .menu-item{padding:10px 0;font-size:18px;border-bottom:1px solid #fdedf1}.menu-box .menu-item .info{padding:10px 20px}.menu-box .menu-item .info li{padding:10px 0}@media screen and (min-width:1027px)and (max-width:1562px){.dropdown-box{position:unset}.dropdown-box .cart-menu{top:80px;left:unset;right:40px}}@media screen and (min-width:350px)and (max-width:1027px){.dropdown-box{position:unset}.dropdown-box .cart-menu{top:80px;left:0;width:100%}}h1{margin-bottom:10px;font-size:2.25rem;font-weight:700}h2{font-size:1.5rem}h2,h3{margin:10px 0;font-weight:700}h3{color:#333;font-size:1.15rem}.text-box p{line-height:1.75rem}section p{margin:12px 0}section ul{margin:0 18px}section ul li{margin:10px 0;list-style-type:circle}.breadcrumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9}.swiper-pagination-bullet{background-color:hsla(0,0%,100%,.7)}.swiper-pagination-bullet-active{background:#fff}.swiper-content{position:relative}.swiper-content .slide-box{width:45px;height:45px;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);color:var(--theme-color2);cursor:pointer;z-index:9;border:2px solid var(--theme-color2);text-align:center}.swiper-content .slide-box:hover{color:#fff;background-color:var(--theme-color2);transition-duration:.5s}.swiper-content .iconfont{font-size:2rem;line-height:50px}