.foreground-header{padding-bottom:20px;margin:0 auto;max-width:930px;min-height:100px;color:#000}.foreground-header .header-top-div{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between}.foreground-header .logo-div{display:flex;align-items:center;justify-content:center}.foreground-header .logo-image{width:88px;cursor:pointer}.foreground-header .account-info-div,.foreground-header .login-div{display:flex;align-items:center;gap:20px}.foreground-header .login-item{font-size:16px;cursor:pointer}.foreground-header .account-info-item a,.foreground-header .login-item a{color:#000}.foreground-header .header-navigate-div{position:relative;width:100%;display:flex;align-items:center;padding:0;gap:5px}.foreground-header .navigate-item{font-weight:400;font-size:16px;cursor:pointer;padding:5px 10px 0}.foreground-header .navigate-item a{color:#000}.foreground-header .navigate-item.current{font-weight:700}.foreground-header .navigate-category{font-weight:400;font-size:16px;cursor:pointer;color:#000;padding:3px 0 0}.foreground-header .account-info-item{font-weight:700;display:flex;align-items:center}.foreground-header .account-info-item .el-dropdown{color:#000}.foreground-header .searchInput{position:absolute;right:0;top:0;width:160px}.foreground-header .account-info-icon{position:relative;font-size:0;cursor:pointer}.foreground-header .account-navigation-div{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;pointer-events:none}.foreground-header #account-navigation-body{position:absolute;top:70px;padding:16px 20px 5px;width:250px;height:auto;background-color:#fff;border-radius:4px;border:1px solid rgba(144,147,153,.5019607843137255);pointer-events:auto}.foreground-header #account-navigation-body .account-info{margin-bottom:10px;font-size:14px;font-weight:600;line-height:18px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.foreground-header #account-navigation-body .account-navigation-item{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.1)}.foreground-header #account-navigation-body .item-title{margin-bottom:4px;font-size:12px;color:#909399}.foreground-header #account-navigation-body .item-link{font-size:14px;padding:8px 0;display:flex;align-items:center;justify-content:flex-start;gap:5px;cursor:pointer}.foreground-header #account-navigation-body .item-icon{position:relative;top:-2px}.foreground-header #account-navigation-body .close-navigation-div{position:absolute;right:10px;top:10px;width:40px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center}.foreground-header .shoppingCartProductGroupNum{position:absolute;left:16px;top:-7px;padding:0 4px;min-width:14px;height:14px;font-size:10px;line-height:14px;text-align:center;color:#fff;background-color:#fa6400;border-radius:7px}@media screen and (max-width:930px){.foreground-header{padding:0 30px 20px}}@media screen and (max-width:500px){.foreground-header{padding:0 10px 20px}.foreground-header .navigate-item{padding:5px 5px 0}.foreground-header .searchInput{top:-32px}.foreground-header #account-navigation-body{top:0;left:0;bottom:0;width:100vw;border:0;overflow:auto}.foreground-header #account-navigation-body .close-navigation-div{display:flex}.foreground-header .navigate-aboutus{display:none}}@media screen and (max-width:320px){.foreground-header .account-info-div{flex-direction:column-reverse;align-items:flex-end;gap:10px}}