/* 官网统一头部/尾部，与 src/views/home/index.vue 的 .nav-bar、.footer 保持一致 */
body{padding-top:60px}
.nav-bar{height:60px;background:#ffffff;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;box-shadow:0px 1px 0px 0px rgba(41,85,210,0.05);display:flex;align-items:center;justify-content:space-between;padding-left:100px;padding-right:40px;z-index:1000;gap:24px}
.nav-bar .nav-logo{flex-shrink:0;line-height:0}
.nav-bar .nav-logo img{height:24px}
.nav-bar ul{display:flex;align-items:center;justify-content:center;gap:28px;padding:0;margin:0;flex:1;min-width:0;list-style:none}
.nav-bar ul li{list-style:none}
.nav-bar ul li a{color:#303659;text-decoration:none;white-space:nowrap;font-size:16px;font-weight:400;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;cursor:pointer}
.nav-bar ul li a:hover{color:#3464e0}
.nav-bar ul li a.active{color:#303659;font-weight:400}
.nav-bar .nav-account{display:flex;align-items:center;flex-shrink:0}
.nav-bar .nav-account a{display:inline-block;font-size:14px;line-height:1;border-radius:4px;cursor:pointer;text-decoration:none}
.nav-bar .btn-primary{background:#3464e0;border:1px solid #3464e0;color:#ffffff;padding:11px 20px;margin-right:40px}
.nav-bar .btn-primary:hover{background:#4a73e3;border-color:#4a73e3}
.nav-bar .btn-plain{background:#ffffff;border:1px solid #3464e0;color:#3464e0;padding:11px 20px}
.nav-bar .btn-plain:hover{background:#f2f5fe}

.footer{background:#ffffff}
.footer .footer-introduce{max-width:1080px;margin:0 auto;padding:0 40px;padding-top:60px;display:flex;gap:80px}
.footer .footer-left{width:300px;flex-shrink:0}
.footer .footer-left>img{width:280px;max-width:100%;height:auto}
.footer .left-qrcode{margin-top:20px;width:160px;text-align:center;font-size:14px;color:#666666}
.footer .left-qrcode img{width:160px;height:auto}
.footer .footer-right{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr)) minmax(220px,1.4fr);gap:24px 24px;flex:1;min-width:0}
.footer .right-item{min-width:90px;max-width:280px;flex:1 1 auto}
.footer .right-item:last-child{min-width:220px}
.footer .right-item .item-title{font-size:18px;line-height:32px;font-weight:500;margin-bottom:10px;color:#303659}
.footer .right-item a{display:block;line-height:42px;font-size:16px;color:#666666;text-decoration:none;cursor:pointer}
.footer .right-item p{line-height:42px;font-size:16px;color:#666666;cursor:pointer;white-space:nowrap;margin:0}
.footer .copyright{border-top:1px solid #d8d8d8;padding:10px 0;width:90%;margin:0 auto;margin-top:20px;display:flex;align-items:center;font-size:14px;justify-content:center;color:#666666}
.footer .copyright a{color:#666666;text-decoration:none}

@media screen and (max-width:1200px){
  .nav-bar{padding-left:32px;padding-right:32px;gap:18px}
  .nav-bar ul{gap:18px}
}
@media screen and (max-width:900px){
  .nav-bar ul{display:none}
}
@media screen and (max-width:640px){
  .nav-bar{padding-left:16px;padding-right:16px;gap:10px}
  .nav-bar .nav-logo img{max-width:170px;height:auto}
  .nav-bar .btn-primary{margin-right:8px;padding:9px 12px}
  .nav-bar .btn-plain{padding:9px 12px}
  .footer .footer-introduce{padding-left:20px;padding-right:20px}
  .footer .footer-right{grid-template-columns:1fr}
  .footer .copyright{flex-wrap:wrap;line-height:24px;text-align:center}
}