.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}@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}}@media screen and (max-width:320px){.foreground-header .account-info-div{flex-direction:column-reverse;align-items:flex-end;gap:10px}}.foreground-footer{padding:30px 20px 0;border-top:1px solid #d8d8d8}.foreground-footer .footer-div{margin:0 auto;max-width:930px;min-height:100px;color:#000;display:flex;align-items:center;justify-content:space-between}.foreground-footer .footer-image-div{width:400px}.foreground-footer .link-div{font-size:12px;line-height:24px}.foreground-footer .link-title a{color:#000}.foreground-footer .footer-logo-div{width:80px}.foreground-footer .footer-info{width:100%;text-align:center;padding:20px 0;color:#999;font-size:12px}.foreground-footer .beian-icon{position:relative;top:2px;margin:0 2px 0 20px;width:14px;height:14px}@media screen and (max-width:800px){.foreground-footer .footer-image-div{width:200px}}@media screen and (max-width:500px){.foreground-footer .footer-div{flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width:430px){.foreground-footer .footer-info{display:flex;flex-direction:column;align-items:center;justify-content:center}}