@charset "UTF-8";.page.page-battlecategory{margin:0 auto;min-height:100vh;min-height:calc(100vh - 170px);width:1550px}.page.page-battlecategory .error-state,.page.page-battlecategory .loading-state{padding:40px 0;text-align:center;width:100%}.page.page-battlecategory .error-state{color:#f56c6c}.page.page-battlecategory .category-choose{align-items:center;display:flex;justify-content:space-between;margin:30px auto 0;padding-top:40px;width:auto}.page.page-battlecategory .category-choose .view-mode{border-radius:4px;display:flex;margin-left:20px;margin-right:auto;overflow:hidden}.page.page-battlecategory .category-choose .view-mode .mode-btn{align-items:center;background:#f5f5f5;cursor:pointer;display:flex;height:41px;justify-content:center;padding:0 12px;transition:all .3s}.page.page-battlecategory .category-choose .view-mode .mode-btn:first-child{border-radius:4px 0 0 4px}.page.page-battlecategory .category-choose .view-mode .mode-btn:last-child{border-radius:0 4px 4px 0}.page.page-battlecategory .category-choose .view-mode .mode-btn .el-icon{margin-right:5px}.page.page-battlecategory .category-choose .view-mode .mode-btn.active{background:#bcf5ee;color:#11999e}.page.page-battlecategory .category-choose .view-mode .mode-btn:hover:not(.active){background:#e8e8e8}.page.page-battlecategory .category-choose .types{display:flex}.page.page-battlecategory .category-choose .types .active{background:#bcf5ee;color:#11999e;opacity:1}.page.page-battlecategory .category-choose .types .item{border-radius:4px;cursor:pointer;height:41px;line-height:41px;margin-right:20px;text-align:center;width:103px}.page.page-battlecategory .category-choose .code{background:linear-gradient(180deg,#11999e -11%,#30e3ca 137%);border-radius:23px;color:#fff;cursor:pointer;font-size:20px;height:46px;line-height:46px;opacity:1;text-align:center;width:168px}.page.page-battlecategory .category-choose .intro{color:#11999e;cursor:pointer}.page.page-battlecategory .hd{background:url(https://cdn1.ali.codinghou.cn/typing/pc/icons/turquoise.png) 50% no-repeat;background-size:100% 100%;height:66px;width:243px}.page.page-battlecategory .contestlist{display:flex;flex-wrap:wrap;height:auto;margin-top:30px}.page.page-battlecategory .contestlist.list{flex-direction:column}.page.page-battlecategory .contestlist.list .contest{display:flex;height:auto;margin-bottom:15px;margin-right:0;padding:15px;width:100%}.page.page-battlecategory .contestlist.list .contest .base-link{display:flex;width:100%}.page.page-battlecategory .contestlist.list .contest .avatar{background-color:#ccc;border-radius:10px;height:120px;margin-right:20px;min-width:220px;width:220px}.page.page-battlecategory .contestlist.list .contest .content-area{display:flex;flex:1;flex-direction:column;justify-content:space-between}.page.page-battlecategory .contestlist.list .contest .name{font-size:22px;margin-bottom:10px;margin-top:0}.page.page-battlecategory .contestlist.list .contest .name .tag{display:inline-block;font-size:14px;margin-left:10px;position:relative;right:auto;top:auto;vertical-align:middle}.page.page-battlecategory .contestlist.list .contest .info-lines{display:flex;flex-wrap:wrap}.page.page-battlecategory .contestlist.list .contest .info-lines .line{margin-right:30px;white-space:nowrap}.page.page-battlecategory .contestlist .contest{margin-bottom:20px;width:46rem;height:32.5rem;background:#fff;border-radius:20px;box-sizing:border-box;cursor:pointer;margin-right:30px;padding:20px}.page.page-battlecategory .contestlist .contest .avatar{background-size:100% 100%;border-radius:20px;height:364px}.page.page-battlecategory .contestlist .contest .name{font-size:28px;margin-bottom:15px;margin-top:24px;position:relative}.page.page-battlecategory .contestlist .contest .name .tag{border-radius:4px;color:#fff;font-size:20px;padding:4px 11px;position:absolute;right:0;top:0}.page.page-battlecategory .contestlist .contest .name .tag21{background:#30e3ca}.page.page-battlecategory .contestlist .contest .name .tag50{background:#aaa}.page.page-battlecategory .contestlist .contest .line{color:#767676;line-height:1.5}.page.page-battlecategory .btn-codeconfirm.disabled{cursor:not-allowed;opacity:.7}@media only screen and (max-width:1660px){.page.page-battlecategory{width:1100px}.page.page-battlecategory .contestlist .contest{height:358.67px;padding:10px;width:492px}.page.page-battlecategory .contestlist .contest .avatar{height:242.67px}.page.page-battlecategory .contestlist .contest .name{font-size:20px;margin-bottom:8px;margin-top:14px}}@media only screen and (max-width:1120px){.page.page-battlecategory{width:95%}.page.page-battlecategory .category-choose{flex-wrap:wrap}.page.page-battlecategory .category-choose .view-mode{margin-bottom:10px;margin-right:0}.page.page-battlecategory .category-choose .code,.page.page-battlecategory .category-choose .intro{margin-top:10px}.page.page-battlecategory .contestlist.list .contest{flex-direction:column}.page.page-battlecategory .contestlist.list .contest .avatar{height:180px;margin-bottom:15px;margin-right:0;width:100%}}