body>.container{width:1200px;flex-direction:column}.body>.container>.custom-ad-container{width:1200px;max-height:130px;text-align:center;overflow:hidden;margin-bottom:12px}.main-container>.content{width:908px}.main-container>.content>.list-container{display:flex;width:956px;margin-top:12px}.main-container>.content>.list-container>.list{width:576px;min-height:100px;flex-direction:column;padding:24px;align-self:flex-start}.main-container>.content>.list-container>.list>.items{margin-top:12px}.main-container>.content>.list-container>.list>.items>.item{display:flex;flex-direction:column;padding:24px 0;background-color:rgba(15,15,15,0.85);border-radius:10px;margin-bottom:12px}.main-container>.content>.list-container>.list>.items>.item>.info{display:flex;align-items:center;justify-content:center}.main-container>.content>.list-container>.list>.items>.item>.info>.name{font-size:18px;font-weight:bold;color:#bd9b4e}.main-container>.content>.list-container>.list>.items>.item>.info>.grade,.main-container>.content>.list-container>.list>.items>.item>.info>.type{font-size:14px;font-weight:500;color:#888;margin-left:14px}.main-container>.content>.list-container>.list>.items>.item>.level-holes{display:flex;justify-content:center;align-items:center}.main-container>.content>.list-container>.list>.items>.item>.level-holes>.block{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px;width:100px;background-color:transparent}.main-container>.content>.list-container>.list>.items>.item>.level-holes>.block>.level{font-size:14px;font-weight:500;color:#999}.main-container>.content>.list-container>.list>.items>.item>.level-holes>.block>.level.magic{color:#84b7ff}.main-container>.content>.list-container>.list>.items>.item>.level-holes>.block>.holes{font-size:18px;font-weight:bold;color:#fff}.main-container>.content>.list-container>.filter{display:flex;flex-direction:column;width:320px;margin-left:12px}.main-container>.content>.list-container>.filter>.filter-search{width:272px;height:20px;padding:12px 24px;margin-bottom:12px}.main-container>.content>.list-container>.filter>.filter-search>.filter-search-input{width:100%;font-size:14px;border:0}.main-container>.content>.list-container>.filter>.filter-other{width:272px;padding:24px 24px 0 24px;margin-bottom:12px;display:flex;flex-direction:column}.main-container>.content>.list-container>.filter>.filter-other .label{font-size:14px;font-weight:500;color:#333}.main-container>.content>.list-container>.filter>.filter-other .filter-item{display:flex;padding:4px 0 24px 0;flex-wrap:wrap}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical{display:flex;flex-direction:column;padding:4px 0 24px 0}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag{height:16px;background:#fff;border:1px solid #f2f4fa;border-radius:20px;font-size:12px;font-weight:500;color:#999;opacity:1;padding:4px 12px;line-height:16px;margin-right:8px;margin-top:12px;cursor:pointer}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag:hover{color:#fff;border-color:#49a8fc;background:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-tag.active{color:#fff;border-color:#49a8fc;background:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio{display:flex;margin-right:16px;align-items:center;justify-items:center;font-size:14px;font-weight:500;color:#999;opacity:1;cursor:pointer;margin-top:12px}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio:hover{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item>.filter-item-radio.active{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio{display:flex;margin-right:16px;align-items:center;justify-items:center;font-size:14px;font-weight:500;color:#999;opacity:1;cursor:pointer;margin-top:12px}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio:hover{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.filter-other .filter-item-vertical>.filter-item-radio.active{color:#49a8fc;opacity:1}.main-container>.content>.list-container>.filter>.note{width:272px;padding:24px;margin-bottom:12px;display:flex;flex-direction:column}.main-container>.content>.list-container>.filter>.note>.txt{font-size:12px;font-weight:500;color:#999}