.club-card{width:322px;height:319px;overflow:hidden;border:1px solid #dfdfdf;background-color:#fff;border-radius:14px;position:relative;cursor:pointer}.club-card .bg-warpper{width:100%;height:157px;overflow:hidden}.club-card .bg{width:100%;height:100%;background-color:#b2b2b2;object-fit:cover;transition:all .5s ease}.club-card .bg:hover{transform:scale(1.07)}.club-card .icon{position:absolute;top:109px;left:16px;width:72px;height:72px;background-color:#b2b2b2;border:1px solid white;border-radius:8px}.club-card .title,.club-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-card .title{margin:32px 16px 0;display:block;font-size:18px;font-weight:600;line-height:22px;color:#000}.club-card p{margin:8px 16px 24px;font-size:16px;font-weight:400;line-height:20px;color:#565656}.club-card div.primary{display:block;position:absolute;background-color:#328fde1a;color:#328fde;border:none;left:16px;right:16px;bottom:16px}@media screen and (max-width: 1000px){.club-card{width:160px;height:240px;border-radius:14px;position:relative;font-size:0px}.club-card .bg-warpper{height:unset}.club-card .bg{height:78px}.club-card .icon{top:48px;left:8px;width:48px;height:48px}.club-card .title{margin:24px 8px 0;font-size:17px;font-weight:600;line-height:22px;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.club-card p{margin:4px 8px 0;font-size:13px;font-weight:400;line-height:18px;text-align:left;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.club-card div.primary{top:200px;left:8px;right:8px;bottom:8px;font-size:14px;font-weight:500;line-height:20px;text-align:center;padding:6px 0}}