.root-loading-mask{z-index:1500;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.3);height:100%}.base-loading{display:flex;width:200px;min-width:200px;height:200px;min-height:200px;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;border-radius:12px;transform:translate(-50%,-50%)}.base-dialog-loading{width:100px;height:100px;position:relative;margin:0}.base-dialog-loading span{display:inline-block;width:30px;height:10px;border-radius:5px;background:#fff;position:absolute;animation:load 1.04s ease infinite;-webkit-animation:load 1.04s ease infinite}@keyframes load{0%{opacity:1}to{opacity:.2}}@-webkit-keyframes load{0%{opacity:1}to{opacity:.2}}.base-dialog-loading span:first-child{left:0;top:50%;margin-top:-5px;animation-delay:.13s;-webkit-animation-delay:.13s}.base-dialog-loading span:nth-child(2){left:10px;top:20px;transform:rotate(45deg);animation-delay:.26s;-webkit-transform:rotate(45deg);-webkit-animation-delay:.26s}.base-dialog-loading span:nth-child(3){left:50%;top:10px;margin-left:-15px;transform:rotate(90deg);animation-delay:.39s;-webkit-transform:rotate(90deg);-webkit-animation-delay:.39s}.base-dialog-loading span:nth-child(4){top:20px;right:10px;transform:rotate(135deg);animation-delay:.52s;-webkit-transform:rotate(135deg);-webkit-animation-delay:.52s}.base-dialog-loading span:nth-child(5){right:0;top:50%;margin-top:-5px;transform:rotate(180deg);animation-delay:.65s;-webkit-transform:rotate(180deg);-webkit-animation-delay:.65s}.base-dialog-loading span:nth-child(6){right:10px;bottom:20px;transform:rotate(225deg);animation-delay:.78s;-webkit-transform:rotate(225deg);-webkit-animation-delay:.78s}.base-dialog-loading span:nth-child(7){bottom:10px;left:50%;margin-left:-15px;transform:rotate(270deg);animation-delay:.91s;-webkit-transform:rotate(270deg);-webkit-animation-delay:.91s}.base-dialog-loading span:nth-child(8){bottom:20px;left:10px;transform:rotate(315deg);animation-delay:1.04s;-webkit-transform:rotate(315deg);-webkit-animation-delay:1.04s}.dialog-mask[data-v-368fabd2]{display:flex;justify-content:center;align-items:center;z-index:1000;position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(27,28,35,.2)}.dialog-window[data-v-368fabd2]{display:flex;flex-direction:column;align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:480px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.dialog-title[data-v-368fabd2]{color:#333;font-weight:700;font-size:20px;padding-left:32px;padding-right:32px;display:flex;align-items:center;text-align:left;width:100%;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.1);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 1px 7px rgba(0,0,0,.06);background:#f3f3f3;background:linear-gradient(#fbfbfb,#ececec);height:72px;min-height:72px}.dialog-content[data-v-368fabd2]{color:#333;font-size:16px;font-weight:500;width:calc(100% - 64px);text-align:left;margin-top:32px;margin-left:32px;margin-right:32px}.dialog-button-root[data-v-368fabd2]{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:32px;margin-top:32px;padding:0 32px;box-sizing:border-box}.dialog-button-cancel[data-v-368fabd2]{height:40px;flex:1;display:flex;align-items:center;justify-content:center;margin-right:22px;border:1px solid #e1e1e1!important;color:#646464!important;background-color:#f9f9f9!important;background-image:linear-gradient(180deg,#fff,#f9f9f9)!important;cursor:pointer}.dialog-button-cancel[data-v-368fabd2]:hover{border:1px solid #b2b2b2!important;background-color:#e9e9e9!important;background-image:linear-gradient(180deg,#fff,#e9e9e9)!important}.dialog-button-sure[data-v-368fabd2]{height:40px;display:flex;justify-content:center;text-align:center;flex:1;line-height:40px;font-size:16px;font-weight:700;border:1px solid #5c81e3;border-radius:4px;color:#fff;background-color:#678ee7;background-image:linear-gradient(180deg,#678ee7,#5078df);cursor:pointer}.dialog-button-sure[data-v-368fabd2]:hover{background-color:#5781e4!important;background-image:linear-gradient(180deg,#678ee7,#20439b)!important}.nav-root{height:100px;min-height:100px;background:#1a1a1a;background-image:linear-gradient(#6a8fe6,#6a8fe6);width:100%;justify-content:center;align-items:center;z-index:1000;position:-webkit-sticky;position:sticky;left:0;top:0}.nav-logout-popup,.nav-root{display:flex;flex-direction:column}.nav-logout-popup{box-shadow:0 0 12px rgba(0,0,0,.25);border-radius:4px;background-color:#fff;position:absolute;overflow:hidden;width:160px}.btn-nav-popup-item{color:#333;font-size:16px;height:52px;min-height:52px;width:100%;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;border-top:1px solid #efefef}.btn-nav-popup-item:hover{background-color:#fafafa}.home-search{display:flex;align-items:center;justify-content:center;width:1250px;max-width:1250px;min-width:1250px;height:60px;min-height:60px}.home-logo{height:80px;margin-right:16px}.home-logo,.link-home{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center}.link-home{height:60px;min-height:60px;text-decoration:none}.link-home,.link-home img{-o-object-fit:contain;object-fit:contain}.link-home img{height:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:40px}.home-logo span{color:#e5e5e5;font-weight:700;font-size:22px;white-space:nowrap}.nav-flex{flex:1}.nav-cart{height:60px;position:relative}.nav-cart,.nav-cart-img{display:flex;justify-content:center;align-items:center}.nav-cart-img{margin-left:8px;margin-right:8px}.nav-cart-img img{height:40px;width:40px}.nav-login{display:flex;align-items:center;height:40px;margin-left:32px;cursor:pointer;text-decoration:none}.nav-desc-div{display:flex;flex-direction:column;margin-left:12px}.nav-sign-span{font-size:14px}.nav-sign-span,.nav-sign-tip-span{text-align:left;font-weight:500;white-space:nowrap;color:#e5e5e5}.nav-sign-tip-span{font-size:12px;margin-top:4px}.nav-btn{height:40px;display:flex;align-items:center;justify-content:center;padding:0 20px;flex-direction:column;cursor:pointer;text-decoration:none}.nav-btn-join{margin-right:60px}.nav-btn img{height:30px;width:30px}.nav-img,.nav-img img{height:24px;width:24px}.nav-img-login,.nav-img-login img{height:30px!important;width:30px!important}.span-btn-text{color:#e5e5e5;font-size:20px;font-weight:600;margin-top:4px}.span-cart-num{position:absolute;right:-10px;top:-2px;padding-left:6px;padding-right:6px;border-radius:10px;background:#eb746b;background-image:linear-gradient(#eb746b,#e25147);box-shadow:inset 0 0 1px hsla(0,0%,100%,.15),0 1px 2px hsla(0,0%,100%,.15);color:#fff;font-weight:500;font-size:14px}.search-bar{justify-items:center;margin-right:100px;height:36px;background-image:none;border-radius:4px;border:1px solid #bfcbd9;box-sizing:border-box;color:#1f2d3d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative}.search-bar,.search-type-switch{display:flex;background-color:#fff}.search-type-switch{height:100%;padding:0 0;cursor:pointer;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 12px rgba(0,0,0,.25);color:#e5e5e5;font-size:14px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:-40px;left:0;min-width:80px}.search-type-switch:hover{color:var(--theme-color)}.search-type{border-right:1px solid #e9e9e9;display:flex;align-items:center;height:100%;padding:0 12px;cursor:pointer}.search-type span{color:var(--text-main-color);font-size:14px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.search-type img{height:8px;width:8px;margin-left:6px}.input-search{flex:1;padding-left:8px;padding-right:8px}.input-search,.input-search:focus{background-color:transparent;border:none;outline:none}.search-bar-btn{display:flex;justify-content:center;align-items:center;height:100%;width:36px;min-width:40px;cursor:pointer}.search-bar-btn img{height:14px;width:14px}body,html{margin:0;padding:0;-webkit-tap-highlight-color:transparent;background-color:#ededed}#app,body,html{width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.app-root{width:100%;height:100%}#nav{padding:30px}.toast-container{position:fixed;left:50%;top:30%;z-index:1000}.mm-toast{z-index:1300;padding:14px 26px;font-size:16px;color:#333;font-weight:500;transform:translate(-50%);background-color:#333;color:#fff;padding:10px;border-radius:5px}.fade-enter-active,.fade-leave-active,.mm-toast{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.div-error-page{height:100%;width:100%;left:0;top:0;position:absolute;background-color:#fff}.div-error-content,.div-error-page{display:flex;flex-direction:column;align-items:center}.div-error-content{margin-top:36px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:32px 56px}.img-404{height:360px}.div-error-msg{margin-top:12px;display:flex;flex-direction:column}.error-msg{font-size:16px;font-weight:700;color:#333}.btn-refresh{margin-top:22px;width:140px;cursor:pointer;height:50px;line-height:50px;font-size:18px;font-weight:700;border:1px solid #5c81e3;border-radius:4px;color:#fff;background-color:#678ee7;background-image:linear-gradient(180deg,#678ee7,#5078df)}.btn-refresh:hover{background-color:#5781e4!important;background-image:linear-gradient(180deg,#678ee7,#20439b)!important}.err-flex{flex:1;width:100%}*,:after,:before{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--theme-color:#5079d9;--text-theme-color:#c83732;--text-main-color:#333;--text-content-color:#666;--text-second-color:#999;--text-price-color:#d44d44;--line-color:#e8e8e8;--border-color:#e9e9e9}.dialog-content-show-anim{-webkit-animation:anim-open .1s ease!important;animation:anim-open .1s ease!important}@-webkit-keyframes anim-open{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes anim-open{0%{transform:scale(0)}to{transform:scale(1)}}