:root{--color-dark: #303030;--color-base: #606266;--color-light: #909399;--color-other: #f7f9fc;--color-active: #4399fc;--color-active-hover: #2785f1;--color-hover: #00a9bf;--color-error: #dd524d;--color-price: #ff7a00;--color-bg: #34495e;--color-module: #f7f9fc;--color-placeholder: #b4b4b4;--font-sm: 12px;--font-base: 14px;--font-lg: 16px;--sm-size: 12px;--base-size: 14px;--lg-size: 16px}body{background:var(--color-module)}*,body,div,span,h1,h2,h3,h4,h5,ul,li,ol,a{font-family:Open Sans,Arial;box-sizing:border-box;-webkit-box-sizing:border-box}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}img{max-width:100%}.container{width:1300px;margin:0 auto}.bg-module{width:100%;overflow:hidden;background:#f7f9fc}.red::after{content:"*";color:#ff4949;margin-left:2px;font-weight:800;font-size:18px;display:inline-block;height:10px;line-height:10px;vertical-align:bottom}.nav-round{color:#fff;font-size:12px;display:inline-block;background:linear-gradient(to right, #ff8500, red);height:16px;width:25px;line-height:14px;text-align:center;border-radius:7px;position:absolute;right:-25%;top:3px;padding:1px 5px}.nav-round-right{color:#fff;font-size:12px;display:inline-block;background:linear-gradient(to right, #ff8500, red);height:20px;width:20px;line-height:20px;text-align:center;border-radius:50%;position:absolute;right:5px}.fr{float:right}.fl{float:left}.hide{display:none}.layui-form-checkbox[lay-skin=primary] i{width:17px;height:17px;line-height:18px;border-radius:50%}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--color-active)}.layui-form-checked[lay-skin=primary] i{border-color:var(--color-active) !important;background-color:var(--color-active)}textarea:-moz-placeholder,input:-moz-placeholder{color:#b4b4b4 !important}textarea::-moz-placeholder,input::-moz-placeholder{color:#b4b4b4 !important}　　 textarea:-ms-input-placeholder,input:-ms-input-placeholder{color:#b4b4b4 !important}textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#b4b4b4 !important}.page-list{background:#fff;border-radius:6px;padding:20px;text-align:center;margin-top:10px;font-size:0}.page-list a{overflow:hidden;display:inline-block;padding:0 4px}.page-list span{height:28px;line-height:30px;min-width:30px;font-size:12px;border-radius:2px;color:var(--color-base);background:#f7f9fc;display:inline-block;text-align:center;cursor:pointer;transition:all .3s}.page-list span.active,.page-list span:hover{color:#fff;background:var(--color-active)}.window-fixed-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:all .3s}.window-fixed-popup::before{content:"";height:100%;width:100%;position:absolute;background:rgba(0,0,0,.6);transition:all .3s}.window-fixed-popup .window-content{background:#fff;z-index:99;border-radius:4px;width:500px;border:4px solid var(--color-active);text-align:center;padding:50px 30px 30px}.window-fixed-popup .window-content img{margin-bottom:30px}.window-fixed-popup .window-content h1{font-size:20px;margin-bottom:15px}.window-fixed-popup .window-content p{font-size:13px;text-align:left;color:var(--color-base);line-height:20px}.window-fixed-popup .window-content .btn{display:flex;justify-content:space-between;margin-top:50px}.window-fixed-popup .window-content .btn button{height:50px;line-height:52px;width:calc(50% - 15px);color:#fff;font-size:15px;background:var(--color-active);border:1px solid var(--color-active);cursor:pointer}.window-fixed-popup .window-content .btn button:last-child:hover{background:var(--color-active-hover)}.window-fixed-popup .window-content .btn button:first-child{cursor:unset;background:#fff;color:var(--color-active)}#Popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}#Popup .loading-box{width:80px;height:80px;z-index:999;transform:translateY(-20px);border-radius:12px}#Popup .loading{width:100%;height:100%;position:absolute;left:0;top:0}#Popup .loading::before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--color-active);border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}#Popup .loading2{transform:rotate(30deg)}#Popup .loading3{transform:rotate(60deg)}#Popup .loading4{transform:rotate(90deg)}#Popup .loading5{transform:rotate(120deg)}#Popup .loading6{transform:rotate(150deg)}#Popup .loading7{transform:rotate(180deg)}#Popup .loading8{transform:rotate(210deg)}#Popup .loading9{transform:rotate(240deg)}#Popup .loading10{transform:rotate(270deg)}#Popup .loading11{transform:rotate(300deg)}#Popup .loading12{transform:rotate(330deg)}#Popup .loading2::before{animation-delay:-1.1s}#Popup .loading3::before{animation-delay:-1s}#Popup .loading4::before{animation-delay:-0.9s}#Popup .loading5::before{animation-delay:-0.8s}#Popup .loading6::before{animation-delay:-0.7s}#Popup .loading7::before{animation-delay:-0.6s}#Popup .loading8::before{animation-delay:-0.5s}#Popup .loading9::before{animation-delay:-0.4s}#Popup .loading10::before{animation-delay:-0.3s}#Popup .loading11::before{animation-delay:-0.2s}#Popup .loading12::before{animation-delay:-0.1s}#Popup.loading{display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:1;visibility:visible}#Popup.loading.text{background:rgba(255,255,255,.95)}#Popup.loading.text .text{color:#303030;text-align:center}#Popup::before{content:"";height:100%;width:100%;position:absolute;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:all .3s}#Popup .popup-content{width:420px;min-height:240px;padding:40px 40px 22px;border-radius:10px;background:#fff;z-index:999;text-align:center;position:relative;box-shadow:0 1px 8px #bdbdbd;display:flex;align-items:center;flex-direction:column;justify-content:space-between;transition:all .3s;position:absolute;top:50%;transform:translateY(calc(-50% - 30px))}#Popup .popup-content img{width:100px}#Popup .popup-content[data-type=success] img{width:140px}#Popup .popup-content .text{padding:20px 0;line-height:20px;color:var(--color-light)}#Popup .popup-content .layui-icon-close{position:absolute;right:12px;top:12px;color:silver;cursor:pointer}#Popup .popup-content .layui-icon-close:hover{color:#333}#Popup .popup-content .btn{width:100%;margin-top:12px;display:flex;justify-content:center}#Popup .popup-content .btn button{background:var(--color-active);color:#fff;border-radius:50px;height:36px;display:inline-block;line-height:32px;font-size:14px;text-transform:uppercase;cursor:pointer;width:120px;text-align:center;margin:0 10px;transition:all .3s;border:none}#Popup .popup-content .btn button:hover{background:var(--color-active-hover)}#Popup .popup-content .btn button.cancel,#Popup .popup-content .btn button.error{background:#e93939}#Popup .popup-content .btn button.cancel:hover,#Popup .popup-content .btn button.error:hover{background:#f53030}#Popup .popup-content.show{opacity:1;animation:popup-show .3s}#Popup .popup-content.exit{opacity:0;animation:popup-hide .3s}#Popup.show{opacity:1;visibility:visible}#Popup.show::before{opacity:1;visibility:visible}@keyframes opacity-show{0%{opacity:0}100%{opacity:1}}@keyframes opacity-hide{0%{opacity:1}100%{opacity:0}}@keyframes popup-show{0%{opacity:0;transform:translateY(calc(-50% + 30px))}100%{opacity:1;transform:translateY(calc(-50% - 30px))}}@keyframes popup-hide{0%{opacity:1;transform:translateY(calc(-50% - 30px))}100%{opacity:0;transform:translateY(calc(-50% + 30px))}}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#message-container .message .icon-info{color:#0482f8}#message-container .message .icon-error{color:#f83504}#message-container .message .icon-success{color:#06a35a}#message-container .message .icon-warning{color:#ceca07}#message-container .message .icon-loading{color:#0482f8}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}#message-container .message.move-out{animation:message-move-out .3s ease-in-out;animation-fill-mode:forwards}.fixed-right{position:fixed;right:0;top:50%;padding:4px 0;margin-top:-110px;background:#fff;border-radius:6px 0 0 6px;z-index:9;box-shadow:0 2px 10px #d3eaff}.fixed-right li{display:block;position:relative;cursor:pointer}.fixed-right li span{position:absolute;right:0;top:10px;background:#9fcbff;color:#fff;font-size:13px;z-index:9999999;white-space:nowrap;padding:0 24px;height:30px;line-height:32px;margin-right:10px;border-radius:25px;z-index:1;opacity:0;visibility:hidden;transition:all .3s}.fixed-right li span::before{content:"";position:absolute;top:9px;right:-16px;border:9px solid transparent;border-left-color:#9fcbff;border-left-width:12px;border-bottom-width:3px}.fixed-right li:hover span{right:52px;opacity:1;visibility:visible}.fixed-right li a{width:50px;height:50px;line-height:50px;text-align:center;position:relative;display:block;background:#fff;z-index:9}.fixed-right li a::before{content:"";height:1px;width:22px;background:#edf0f5;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.fixed-right li a .layui-icon{font-size:22px;color:var(--color-light)}.fixed-right li a .layui-icon.layui-icon-top{font-size:34px;color:var(--color-base)}.fixed-right li a:hover .layui-icon{color:var(--color-active)}.fixed-right li a .shopping_cart_count{position:absolute;right:4px;top:8px;padding-right:1px;background:var(--color-active);height:16px;width:16px;text-align:center;line-height:18px;font-size:12px;color:#fff;border-radius:50%}.fixed-right li a span{font-size:12px}.fixed-right li:last-child a::before{display:none}header{background:#fff;position:relative}header .top-word{background:#333;text-align:center;height:40px;color:#fff;display:flex;justify-content:center;align-items:center}header .top-word span{font-size:20px;margin-right:8px}header .head{border-bottom:1px solid #efefef}header .center{padding:30px 0 18px}header .center .container{display:flex;align-items:flex-start;justify-content:space-between}header .center .container .logo{margin-left:5px}header .center .search-recommend{width:50%}header .center .search-recommend .search{width:100%;height:40px;display:flex;max-width:600px;border-radius:50px;border:1px solid #e6e7eb}header .center .search-recommend .search .layui-unselect .layui-input{width:140px;color:#b4b4b4;background:#f7f9fc;padding:0 20px;border-right:1px solid #e6e7eb;border-radius:50px 0 0 50px;height:38px;margin-left:1px}header .center .search-recommend .search .layui-unselect .layui-edge{right:8px;margin-top:-2px;border-width:5px;transform-origin:center}header .center .search-recommend .search .layui-unselect dl{font-size:13px;border-radius:4px;padding:10px 8px 8px;border-color:#eee}header .center .search-recommend .search .layui-unselect dl dd{color:#606266;line-height:30px;transition:.5s all}header .center .search-recommend .search .layui-unselect dl dd.layui-this{color:#fff;background:var(--color-active);border-radius:2px}header .center .search-recommend .search .layui-unselect.layui-form-selected .layui-edge{margin-top:-6px}header .center .search-recommend .search .layui-input{height:38px;border:none;font-size:12px;flex:1;background:none;border-radius:0}header .center .search-recommend .search .button{width:124px;height:36px;font-size:12px;line-height:34px;margin-top:1px;background:var(--color-active);color:#fff;padding-right:2px;border-radius:20px;margin-right:1px;cursor:pointer;text-transform:uppercase;border:2px solid #9fcbff;transition:all .3s;text-align:center}header .center .search-recommend .search .button i{font-size:16px;margin-right:4px;vertical-align:bottom}header .center .search-recommend .search .button:hover{background:var(--color-active-hover)}header .center .search-recommend .recommend-list{height:20px;margin-top:8px;margin-left:-12px;transform:scale(0.95);white-space:nowrap;overflow:hidden}header .center .search-recommend .recommend-list span{color:#ff8b87;font-weight:800;font-size:var(--font-base);margin-right:6px}header .center .search-recommend .recommend-list a{display:inline-block;font-size:12px;margin-right:12px;color:var(--color-placeholder);position:relative;transition:all .3s}header .center .search-recommend .recommend-list a::before,header .center .search-recommend .recommend-list a::after{content:"";height:8px;width:6px;border:1px solid #fff;position:absolute;left:-5px;top:0px;transition:all .3s}header .center .search-recommend .recommend-list a::before{border-right:none;border-bottom:none}header .center .search-recommend .recommend-list a::after{top:auto;left:auto;right:-5px;bottom:-1px;border-top:none;border-left:none}header .center .search-recommend .recommend-list a:hover{color:#ff8b87;font-size:12px;display:inline-block;position:relative}header .center .search-recommend .recommend-list a:hover::before,header .center .search-recommend .recommend-list a:hover::after{border-color:#ff8b87}header .center .search-right{display:flex;align-items:flex-start}header .center .search-right .item{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:38px;font-size:12px;margin-left:24px;position:relative;cursor:pointer}header .center .search-right .item.login-content{height:48px;padding-bottom:10px}header .center .search-right .item.login-content>a{text-align:center}header .center .search-right .item.login-content>a span{display:block}header .center .search-right .item.login-content .login-box{position:absolute;top:100%;left:-20px;width:220px;z-index:999;background:#fff;border-radius:6px;padding:20px 15px 15px;box-shadow:0 2px 10px #d3eaff;cursor:initial;color:var(--color-dark);transform:translateY(20px);opacity:0;visibility:hidden;transition:all .3s}header .center .search-right .item.login-content .login-box h2{font-size:14px;font-weight:600;color:var(--color-dark)}header .center .search-right .item.login-content .login-box .btn{display:block;background:var(--color-active);color:#fff;border-radius:4px;text-align:center;height:30px;margin:10px 0;line-height:30px;font-size:14px;transition:all .3s}header .center .search-right .item.login-content .login-box .btn:hover{background:var(--color-active-hover)}header .center .search-right .item.login-content .login-box p{margin-top:15px;padding:12px 0 0;border-top:1px dashed #eee}header .center .search-right .item.login-content .login-box p a{margin-left:2px;color:var(--color-active)}header .center .search-right .item.login-content .login-box p a:hover{color:var(--color-active-hover)}header .center .search-right .item .layui-icon{font-size:22px}header .center .search-right .item.cart i{position:absolute;right:-12px;top:-6px;background:var(--color-active);color:#fff;font-style:normal;border-radius:50%;height:20px;width:20px;text-align:center;line-height:20px;border:1px solid #fff}header .center .search-right .item.currencyToggle img{width:20px;height:20px}header .center .search-right .item .currency-box{position:absolute;z-index:1;top:100%;right:-50px;width:120px;font-size:13px;margin-top:48px;border-radius:4px;background:#fff;padding:14px 5px 12px;border:1px solid #eee;box-shadow:0 2px 4px rgba(0,0,0,.12);transition:all .3s;visibility:hidden;opacity:0}header .center .search-right .item .currency-box.toggle{margin-top:8px;opacity:1;visibility:visible}header .center .search-right .item .currency-box .currency-box-item{line-height:21px;margin-bottom:6px;padding-bottom:6px;cursor:pointer;color:var(--color-dark);border-bottom:1px dashed #eee}header .center .search-right .item .currency-box .currency-box-item img{width:24px;height:24px;margin:0 4px 0 8px;vertical-align:bottom}header .center .search-right .item .currency-box .currency-box-item:last-child{margin:0;padding:0;border:0}header .center .search-right .item .currency-box .currency-box-item:hover{color:var(--color-active)}header .center .search-right .item:hover .login-box{opacity:1;visibility:visible;transform:translateY(0)}header .center .search-right .item:hover>a,header .center .search-right .item:hover span{color:var(--color-active)}header .center .search-right .login{display:flex;align-items:center;margin-top:3px}header .center .search-right .login .layui-icon{font-size:30px;margin-right:8px}header .center .search-right .login .option{display:flex;flex-direction:column;font-size:12px}header .center .search-right .login .option a{margin:2px 0}header .center .search-right .login .option a:hover{color:var(--color-active)}header .center .search-right .login-success{display:flex;align-items:center;position:relative}header .center .search-right .login-success a{display:flex;align-items:flex-end;position:relative}header .center .search-right .login-success a .avatar{width:40px;height:40px;border-radius:50%;border:2px solid #eee}header .center .search-right .login-success a .grade{width:20px;position:absolute;left:44px;top:4px}header .center .search-right .login-success a span{font-size:12px;margin:0 0 2px 5px}header .center .search-right .login-success a:hover{color:var(--color-active)}header .center .search-right .login-success #logout{position:absolute;top:100%;padding:12px 10px 10px 18px;border-radius:4px;width:120px;margin-top:6px;opacity:0;visibility:hidden;transition:all .3s;cursor:pointer;box-shadow:0 1px 6px #b5d7ff;border-top:1px solid var(--color-active);text-transform:uppercase;font-size:12px;color:var(--color-active)}header .center .search-right .login-success #logout:hover{color:#fff;background:var(--color-active)}header .center .search-right .login-success:hover #logout{opacity:1;visibility:visible}header .christmas .logo img{height:100%}header nav{height:50px}header nav .nav-content{width:100%;height:50px;background:#fff;border-top:1px solid #e6e7eb;box-shadow:0 4px 4px #e6f0ff;z-index:999;top:-60px;transition:all .6s}header nav .container{height:100%;margin:auto;position:relative;font-size:0;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;font-weight:600}header nav .container>li{display:inline-block;margin-right:20px;white-space:normal}header nav .container>li.categories{width:240px;margin-right:18px;position:relative;z-index:10}header nav .container>li.categories i{font-size:12px}header nav .container>li.categories i.layui-icon-down{margin-left:10px;float:right}header nav .container>li.categories i.layui-icon-spread-left{margin-right:10px;font-size:16px;font-weight:200;color:var(--color-active)}header nav .container>li.categories:before{content:"";height:20px;width:1px;background:#e6e7eb;position:absolute;right:-1px;top:50%;transform:translateY(-50%);display:none}header nav .container>li.categories .title{height:49px;line-height:48px;padding:0 18px;font-weight:600;text-transform:uppercase;background:linear-gradient(180deg, #f7f9fc, #f5f5f7);background-color:#f5f5f5;z-index:999;cursor:pointer;position:relative;color:var(--color-active)}header nav .container>li.categories .title .layui-icon{transition:all .3s}header nav .container>li.categories .categories-content{position:absolute;left:0;top:100%;z-index:9;width:240px;background:#fff;border-top-color:#fff;padding-bottom:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);display:none;height:520px;border-radius:0 0 6px 6px;padding-top:20px}header nav .container>li.categories .categories-content h3{font-size:14px;font-weight:600;padding:20px 18px 12px;position:relative;text-transform:uppercase;color:var(--color-base);border-bottom:1px solid #f8f8f8;margin-bottom:5px}header nav .container>li.categories .categories-content h3 i{font-weight:400;margin-right:10px}header nav .container>li.categories .categories-content .first-category>a{height:40px;line-height:42px;padding:0 20px;font-size:13px;display:block;position:relative;color:var(--color-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}header nav .container>li.categories .categories-content .first-category>a span i{font-size:18px;margin-right:6px}header nav .container>li.categories .categories-content .first-category>a::before{content:"";background:#fff;height:40px;width:20px;display:block;z-index:999;position:absolute;right:-3px;display:none}header nav .container>li.categories .categories-content .first-category>a .layui-icon-right{float:right;color:#999;height:20px;line-height:20px;margin-top:11px;transition:all .3s}header nav .container>li.categories .categories-content .first-category .second-category{position:absolute;top:0;left:100%;width:630px;min-height:520px;padding:10px;border-radius:8px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.2);display:none}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item{display:inline-block;width:200px;height:30px;line-height:30px;padding:0 10px;position:relative}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item>a{display:block;font-size:13px;color:var(--color-base)}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item>a .layui-icon-right{float:right;color:#bfbfbf;height:20px;line-height:20px;margin-top:6px;transform:scale(0.8)}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item:hover>a,header nav .container>li.categories .categories-content .first-category .second-category .second-category-item:hover>a .layui-icon-right{color:var(--color-active);font-weight:600}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item:hover .third-category{display:block}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item .third-category{display:none;position:absolute;left:100%;top:0;width:450px;z-index:99;padding:10px;border-radius:8px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.2)}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item .third-category a{width:140px;padding:0 10px;font-size:13px;float:left;color:var(--color-base)}header nav .container>li.categories .categories-content .first-category .second-category .second-category-item .third-category a:hover{color:var(--color-active)}header nav .container>li.categories .categories-content .first-category:hover>a{color:var(--color-active);font-weight:600;box-shadow:-12px 2px 12px 0 rgba(0,0,0,.1)}header nav .container>li.categories .categories-content .first-category:hover>a .layui-icon-right{color:var(--color-active);transform:translateX(6px)}header nav .container>li.categories .categories-content .first-category:hover>a::before{display:block}header nav .container>li.categories .categories-content .first-category:hover .second-category{display:block}header nav .container>li.categories:hover .categories-content,header nav .container>li.categories.active .categories-content{display:block}header nav .container>li.categories:hover .title,header nav .container>li.categories.active .title{border-color:#e6e7eb;border-bottom-color:#fff;color:var(--color-active)}header nav .container>li.categories:hover .title .layui-icon,header nav .container>li.categories.active .title .layui-icon{color:var(--color-active)}header nav .container>li .nav-link{color:#333;font-size:15px;position:relative;transition:all .3s;height:50px;display:block;line-height:50px;white-space:nowrap}header nav .container>li .nav-link:hover{color:var(--color-active)}header nav .container>li .nav-link span{color:#fff;font-size:12px;padding:1px 5px;border-radius:2px;transform:scale(0.8);display:inline-block;background:linear-gradient(to right, #ff8500, #ff0000);height:20px;line-height:18px}header nav .container>li .nav-hide{position:absolute;top:100%;box-shadow:0 2px 10px #d3eaff;z-index:999;font-size:14px;width:170px;background:#fff;padding:10px 10px 8px;border-radius:6px;line-height:30px;transition:all .3s;transform:translateY(20px);opacity:0;visibility:hidden}header nav .container>li .nav-hide a{display:block;color:var(--color-base);transition:all .3s;padding:0 10px}header nav .container>li .nav-hide a:hover{color:#fff;border-radius:2px;background:var(--color-active)}header nav .container>li.nav-link-box:hover .nav-link{color:var(--color-active)}header nav .container>li.nav-link-box:hover .nav-hide{opacity:1;visibility:visible;transform:translateY(0)}header nav .container>li.ship-to{position:absolute;right:0;bottom:0;top:0;font-size:12px;color:#333;line-height:50px;display:flex;margin:0;text-transform:uppercase;cursor:pointer}header nav .container>li.ship-to img{width:20px;margin-left:5px}header nav .container>li.ship-to:hover{color:var(--color-active)}header.active .nav-content{position:fixed;top:0;left:0}header.active .categories-content{display:none}footer{background:#fff;border-top:60px solid #f7f9fc}footer .about{box-shadow:0 2px 10px #d3eaff;position:relative;display:flex;height:130px;transform:translateY(-40px);background:#fff;border-radius:6px;align-items:center}footer .about .about-item{width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;flex-direction:column;border-right:1px solid #eee;font-size:14px}footer .about .about-item:last-child{border:none}footer .about .about-item .iconfont,footer .about .about-item .layui-icon{font-size:30px;margin-bottom:10px}footer .foot-center{display:flex;padding:50px 0}footer .foot-center h4{font-size:14px;margin-bottom:24px;color:#34495e;position:relative;text-transform:uppercase}footer .foot-center h4:before,footer .foot-center h4:after{content:"";position:absolute;bottom:-8px;left:0;background:#c7e1ff;height:1px;width:40px}footer .foot-center h4:after{bottom:-12px;width:30px}footer .foot-center .link{width:65%;display:flex}footer .foot-center .link .link-item{width:23%;display:inline-block}footer .foot-center .link .link-item ul li{line-height:28px}footer .foot-center .link .link-item ul li a{font-size:12px;color:#909399}footer .foot-center .link .link-item ul li a:hover{color:var(--color-active)}footer .foot-center .subscibe-box{width:35%;padding:30px;margin-top:-34px;border-radius:4px;border-top:2px solid var(--color-active);box-shadow:0 2px 5px #d9ebff}footer .foot-center .subscibe-box h4{color:var(--color-active);font-weight:600}footer .foot-center .subscibe-box h4:before,footer .foot-center .subscibe-box h4:after{background:var(--color-active)}footer .foot-center .subscibe-box .icon{font-size:0}footer .foot-center .subscibe-box .icon a{width:32px;height:32px;background:url(/Public/images/other/icons.png) no-repeat;background-position:-128px -435px;display:inline-block;margin-right:8px;border-radius:50%;transition:all .3s}footer .foot-center .subscibe-box .icon a:hover{transform:translateY(-5px)}footer .foot-center .subscibe-box .icon a:nth-of-type(2){background-position:-180px -435px}footer .foot-center .subscibe-box .icon a:nth-of-type(3){background-position:-284px -435px}footer .foot-center .subscibe-box .icon a:nth-of-type(4){background-position:-336px -435px}footer .foot-center .subscibe-box h5{color:#606266;font-size:13px;margin:20px 0 12px}footer .foot-center .subscibe-box .subscibe{margin-top:15px;background:#f7f9fc;border-radius:50px;display:flex;position:relative;height:38px;width:95%}footer .foot-center .subscibe-box .subscibe .layui-input{background:#f7f9fc;border-radius:50px;font-size:12px;border:none;padding:0 20px;display:inline-block;width:calc(100% - 130px)}footer .foot-center .subscibe-box .subscibe .button{background:var(--color-active);color:#fff;border-radius:50px;height:36px;display:inline-block;line-height:34px;border:2px solid #9fcbff;font-size:12px;text-transform:uppercase;cursor:pointer;width:120px;text-align:center;position:absolute;right:2px;top:1px;transition:all .3s}footer .foot-center .subscibe-box .subscibe .button:hover{background:var(--color-active-hover)}footer .foot{text-align:center;font-size:12px;color:#999;border-top:1px solid #eee;padding:40px 0 20px}footer .foot .text{display:flex;justify-content:center;align-items:center;margin:0 0 15px}footer .foot .text p{margin:0 10px}footer .foot .text p a{color:#999}footer .foot .text p a:hover{color:#333}footer .foot .icon{margin-bottom:30px}footer .foot .icon span{width:113px;height:32px;display:inline-block;background:url(/Public/images/other/icons.png) no-repeat;background-position:-10px -627px;border:1px solid #eee;border-radius:4px;margin:5px}footer .foot .icon span:nth-of-type(2){background-position:-10px -689px}footer .foot .icon span:nth-of-type(3){background-position:-133px -689px}footer .foot .icon span:nth-of-type(4){background-position:-255px -689px}footer .foot .icon span:nth-of-type(5){background-position:-10px -740px}footer .foot .icon span:nth-of-type(6){background-position:-133px -740px}footer .foot .icon span:nth-of-type(7){background-position:-255px -740px}footer .foot .icon span:nth-of-type(8){background-position:-133px -627px}footer .foot .icon span:nth-of-type(9){background-position:-255px -627px}.breadcrumbs{margin:10px 2px}.breadcrumbs ul{height:40px;line-height:40px;overflow:hidden}.breadcrumbs ul li{height:40px;overflow:hidden;display:inline-block}.breadcrumbs ul li a{display:inline-block;color:#b4b4b4;font-size:12px;text-transform:capitalize}.breadcrumbs ul li a.active,.breadcrumbs ul li a:hover,.breadcrumbs ul li a:hover .layui-icon-home{color:var(--color-active);font-weight:600}.breadcrumbs ul li a .layui-icon-home{font-size:14px}.breadcrumbs ul li>span{color:#dadada;display:inline-block;margin:0 4px;font-size:14px}@media screen and (max-width: 1350px){.container{width:1160px}}@media screen and (max-width: 1240px){.container{width:1000px}header nav .container>li.categories,header nav .container>li.categories .categories-content{width:200px}header .center .search-right .item{margin-left:16px}}#mobile-nav{display:none}.mobile-show,.mobile-header{display:none}.tooltips{border-width:1px;border-style:solid;position:absolute;display:none;border-radius:3px;opacity:0;filter:alpha(opacity=0);z-index:999;font-size:12px}.tooltips p.content{padding:5px}.tooltips .triangle-front,.tooltips .triangle-back{width:0;height:0;overflow:hidden;border-width:8px;border-style:solid;position:absolute;border-color:transparent;top:100%;left:50%;margin-left:-8px}.tooltips .triangle-back{margin-top:-1px}.tips-bg{border-color:#fb6e7c;background-color:#fed9d9;color:#ff8181}.tips-bg .triangle-front{border-top-color:#fb6e7c}.tips-bg .triangle-back{border-top-color:#fed9d9}.caq-input{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;height:32px;padding:4px 11px;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.caq-input:focus,.caq-input:hover{border-color:#40a9ff;border-right-width:1px !important}/*# sourceMappingURL=base.css.map */