.category-list{display:flex;align-items:center;gap:20px}.category-list .category-item{width:120px;height:150px;border-radius:10px;padding:20px;box-sizing:border-box;border:1px solid transparent;text-align:center}.category-list .category-item:hover{cursor:pointer;border:1px solid #303c5e}.category-list .category-item.active{border:1px solid #303c5e}.my-loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffb3;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.my-loading-mask .my-loading-spinner{width:40px;height:40px;border:4px solid #eee;border-top:4px solid #409eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.my-loading-mask .my-loading-text{font-size:16px;color:#333}