.x_top{background:#fff;height:44px;justify-content:space-between;padding:0 16px}.x_top,.x_top .x_top_c{align-items:center;display:flex}.x_top .x_top_c{justify-content:center}.x_top .x_top_c .logo{background:url(../favicon.ico) no-repeat 0;background-size:100%;text-indent:-100vw;width:28px}.x_top .x_top_c.btn a{align-items:center;border:1px solid #cad5e2;box-sizing:border-box;color:#314158;display:flex;font-size:12px;height:30px;justify-content:center;width:46px}.x_top .x_top_c.btn a:nth-of-type(n+2){border-left:0}.x_top .x_top_c.btn a:first-of-type{border-radius:6px 0 0 6px}.x_top .x_top_c.btn a:last-of-type{border-radius:0 6px 6px 0}.x_nav{background:var(--x-theme-color);display:flex;padding:0 16px}.x_nav li:nth-of-type(n+2){position:relative}.x_nav li:nth-of-type(n+2):before{background:#ffffff4d;content:"";height:12px;position:absolute;top:50%;transform:translateY(-50%);width:1px}.x_nav li a{color:#ffffffb3;display:block;height:44px;line-height:44px;text-align:center;width:60px}.x_nav li a.router-link-active{color:#fff;font-size:17px}@media(hover:hover){.x_nav>li>a:hover{color:#fff;font-size:17px}}@media(hover:none){.x_nav>li>a:active{color:#fff;font-size:17px}}.x_quick{background-color:#fff;display:flex;flex-wrap:wrap;font-size:14px;justify-content:center;padding:10px 16px}.x_quick a{align-items:center;display:flex;flex-direction:column;padding:0 20px}.x_quick a img{height:30px;margin-bottom:5px;width:30px}