.bar-box{z-index:99999;background:#0a3740b3;justify-content:space-between;align-items:center;width:100%;height:50px;display:flex;position:fixed}.bar-box .bar-left{box-sizing:border-box;color:#fff;cursor:pointer;align-items:center;min-width:50px;height:50px;padding-left:10px;display:flex}.bar-box .bar-left .unit{text-align:center;align-items:center;min-width:50px;height:50px;display:flex}.bar-box .bar-right{align-items:center;display:flex}.bar-box .bar-right .info-desc{cursor:pointer;color:#fff;padding:0 10px}.bar-box .bar-right .not-logged-in{padding:0 10px;display:flex}.bar-box .bar-right .not-logged-in div{cursor:pointer;height:100%;margin-left:10px;padding:5px}.bar-box .bar-content{flex-grow:1;display:flex}.bar-box .list{cursor:pointer;color:#eee;text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:50px;padding:0 10px;display:flex}.bar-box .list .search{color:#333;background:#fff;border:0;border-radius:50px;outline:none;width:500px;height:28px;padding:0 10px}.information{align-items:center;padding:0 10px;display:flex;position:relative}.information:hover .photo{transform:scale(2)translateY(16px)}.information:hover .innter-box{opacity:1;z-index:2;transform:translateY(12px)}.information .photo{cursor:pointer;z-index:2;background:red 0 0/cover;border-radius:50%;width:40px;height:40px;transition:all .5s;position:relative}.information .username{text-align:center;font-size:18px;font-weight:700}.information .innter-box{z-index:1;opacity:0;z-index:-1;background:#fff;border:1px solid #eee;border-radius:5px;width:200px;padding-top:50px;transition:all .5s;position:absolute;top:40px;right:14px}.information .innter-box .card-box{text-align:left;box-sizing:border-box;cursor:pointer;color:#666;padding:10px}.information .innter-box .card-box .card-list{justify-content:space-between;align-items:center;padding:10px;display:flex}.information .innter-box .card-box .card-list:hover{background:#eee;border-radius:5px}.footer{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;width:100%;padding:5px 0;position:fixed;bottom:0;left:0}.footer .footer-content{color:#fff;max-width:1200px;margin:0 auto;font-size:10px}@media (max-width:800px){.screen-size{display:none!important}.set-font-size{font-size:10px}.bar-box .list .search{width:180px}}