.blocks-banner{position:relative}.blocks-banner .block-breadcrumbs{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;background-color:#f1f1f1;padding:32px 0;padding-left:calc((100vw - 1200px)/2);padding-right:20px;max-width:calc(100vw - (100vw - 1220px)/2) !important;border-radius:0 4px 0 0}.blocks-banner .block-breadcrumbs .title{margin-bottom:0;font-size:40px;font-weight:700;text-transform:uppercase;color:#444976}.blocks-banner .block-breadcrumbs .breadcrumb{margin-bottom:0;background:none;padding:0}.blocks-banner .block-breadcrumbs .breadcrumb .breadcrumbs ol{margin-top:0}.main-content{display:flex;grid-gap:0px}.main-content .menu-left{width:23%}.main-content .menu-left .list{position:relative;padding:20px 0;background-color:#fff;max-width:calc(100vw - (100vw - 1200px)/2) !important;margin-bottom:0}.main-content .menu-left .list::before{content:"";position:absolute;right:100%;top:0;background:#f1f1f1;height:100%;width:calc((100vw - 1200px)/2)}.main-content .menu-left .list li{position:relative;list-style:none;font-size:18px;padding-top:15px;padding-bottom:15px;padding-left:10px}.main-content .menu-left .list li:hover a{color:#f58220}.main-content .menu-left .list li a{display:block;text-transform:uppercase;font-size:14px;font-weight:600;color:#4b5082}.main-content .menu-left .list .active::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:#f5821e;width:24px;height:2px}.main-content .menu-left .list .active a{color:#f58220}.main-content .menu-left .sub-menu{margin-top:48px}.main-content .menu-left .sub-menu .sub{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 20px;color:#f5821e;border:solid 1.5px #f5821e;border-radius:4px;transition:.3s ease-in-out}.main-content .menu-left .sub-menu .sub span{font-size:14px;font-weight:600;text-transform:uppercase;line-height:normal}.main-content .menu-left .sub-menu .sub path{transition:inherit}.main-content .menu-left .sub-menu .sub:hover{flex-direction:row-reverse;justify-content:center;background-color:#f5821e;color:#fff}.main-content .menu-left .sub-menu .sub:first-child{margin-bottom:12px}.main-content .menu-sticky{position:sticky;top:50px}.main-content .content-right{width:77%}.main-content .content-right .tabs{position:sticky;top:50px;z-index:22;display:flex;border:none;background:#f8f8fb;padding-left:24px}.main-content .content-right .tabs::after{content:"";position:absolute;left:100%;top:0;background:#f8f8fb;height:100%;width:100%}.main-content .content-right .tabs a{color:#4b5082;text-transform:uppercase;font-weight:600;outline:none;box-shadow:none;border:none;background:none;padding:35px 0;margin:0px 24px}.main-content .content-right .tabs .active{color:#f5821e;position:relative}.main-content .content-right .tabs .active::after{content:"";display:block;width:100%;height:2px;background:#f5821e;position:absolute;bottom:0;left:0}.main-content .content-right .tab-content{padding:48px;padding-right:0}.main-content .content-right .tab-content .content__ h1{position:relative;font-size:30px;font-weight:700;color:#3f3f3f;text-transform:uppercase;margin-bottom:20px;text-align:center}.main-content .content-right .tab-content .content__ .club_introduce{font-size:16px;color:#5c5c5c}.main-content .content-right .tab-content .content__ .list_club{margin-top:40px;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:16px}.main-content .content-right .tab-content .content__ .list_club .item{border-radius:4px;position:relative}.main-content .content-right .tab-content .content__ .list_club .item .image img{width:100%;height:210px;object-fit:cover;border-radius:4px}.main-content .content-right .tab-content .content__ .list_club .item .content{position:absolute;bottom:0;background:#f8f8fb;opacity:.8;width:100%;padding:12px 16px}.main-content .content-right .tab-content .content__ .list_club .item .content .name{font-size:16px;font-weight:600;color:#5c5c5c;margin-bottom:0px}.main-content .content-right .tab-content .content__ .list_club .item .item_hover{opacity:0;position:absolute;bottom:0;left:0;width:100%;height:0;transition:.3s ease-in-out;padding:12px 16px;border-radius:4px}.main-content .content-right .tab-content .content__ .list_club .item .item_hover .name{font-size:16px;font-weight:600;color:#fff;margin-bottom:0px}.main-content .content-right .tab-content .content__ .list_club .item .item_hover span{font-size:14px;color:#f5821e}.main-content .content-right .tab-content .content__ .list_club .item:hover .image img{opacity:.3}.main-content .content-right .tab-content .content__ .list_club .item:hover .content{opacity:0}.main-content .content-right .tab-content .content__ .list_club .item:hover .item_hover{height:100%;opacity:.72;background:#4b5082;transition:.3s ease-in-out;display:flex;flex-direction:column;justify-content:end}@media(max-width: 1440px){.blocks-banner .block-breadcrumbs{padding-top:16px;padding-bottom:16px;padding-left:15px}.blocks-banner .block-breadcrumbs .title{font-size:30px}.main-content .menu-left .list::before{width:100%}}@media(max-width: 1024px){.blocks-banner .block-breadcrumbs{padding-left:15px}.blocks-banner .block-breadcrumbs .title{font-size:26px}.main-content .menu-left .sub-menu .sub{width:calc(100% - 10px);margin-left:auto;padding:10px}.main-content .content-right .tabs a{font-size:12px;padding:20px 0;margin:0px 10px}.main-content .content-right .tab-content{padding:24px}.main-content .content-right .tab-content .content__ .list_news .item{height:386px}.main-content .content-right .tab-content .content__ .list_news .item .content .name{font-size:14px}.main-content .content-right .tab-content .content__ .list_news .item .content .bottom .summary p{font-size:14px}.main-content .content-right .tab-content .content__ .list_news .item .content .bottom span{font-size:13px}.main-content .content-right .tab-content .content__ .list_news .item:hover .image img{height:156px}.main-content .content-right .tab-content .content__ .list_news .item .image img{height:224px}.main-content .content-right .tabs::after{display:none}.main-content .content-right .tab-content .content__ .list_club{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 960px){.blocks-banner .block-breadcrumbs{padding-top:10px;padding-bottom:10px}.blocks-banner .block-breadcrumbs .title{font-size:20px}.main-content .menu-left .sub-menu .sub span{font-size:12px}.main-content .content-right .tab-content .content__ .list_news .item{height:342px}.main-content .content-right .tab-content .content__ .list_news .item:hover .image img{height:112px}.main-content .content-right .tab-content .content__ .list_news .item .image img{height:180px}}@media(max-width: 769px){.blocks-banner .block-breadcrumbs{position:unset;border-radius:0;padding:15px !important;flex-direction:column;gap:10px}.blocks-banner .block-breadcrumbs .title{font-size:24px}.main-content{display:unset}.main-content .menu-left,.main-content .content-right{width:100%}.main-content .menu-left h1,.main-content .content-right h1{font-size:26px}.main-content .list{padding:10px 20px !important;margin:0 -15px}.main-content .list li{padding:10px !important}.main-content .active a{font-size:13px}.main-content .active::before{right:-20px !important}.main-content .sub-menu{margin-top:10px !important}.main-content .sub-menu .sub{width:max-content !important;margin:auto !important}.main-content .sub-menu .sub:first-child{margin-bottom:0 !important}.main-content .content-right{padding:30px 0 !important}.main-content .content-right .tabs{top:98px;padding-left:0;justify-content:center;margin:0 -15px}.main-content .content-right .tabs::after{display:none}.main-content .content-right .tab-content{padding:20px 10px}.main-content .content-right .tab-content .content__ h1{font-size:26px}.main-content .content-right .tab-content .content__ .list_club{grid-template-columns:repeat(3, 1fr);grid-gap:15px}}@media(max-width: 500px){.blocks-banner .block-breadcrumbs .breadcrumb{font-size:13px}.blocks-banner .block-breadcrumbs .title{font-size:18px}.main-content .content-right{width:100%}.main-content .content-right .tab-content{padding:30px 0 0}.main-content .content-right .tab-content .content__ h1{font-size:24px}.main-content .content-right .tab-content .content__ .club_introduce{font-size:15px}.main-content .content-right .tab-content .content__ .list_club{grid-template-columns:repeat(2, 1fr);grid-gap:10px}}/*# sourceMappingURL=club.css.map */