.premium-news-panel{margin-top: 1.5rem;}
.premium-news-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;margin-bottom: 1rem;}
.premium-news-panel .premium-news-list { display: flex;flex-wrap: wrap;gap: 1rem;}
.premium-news-panel .premium-news-list a:nth-child(1) { flex: 0 0 calc(50% - 1rem);max-width: calc(50% - 1rem);max-height: 21rem;}
.premium-news-panel .premium-news-list a:nth-child(2) { flex: 0 0 calc(50% - 1rem);max-width: calc(50% - 1rem);max-height: 21rem;}
.premium-news-panel .premium-news-list a {width: 100%; height: 100%;position: relative;box-shadow: 0px 2px 4px 0px #11135B26;border-radius: 1.25rem;flex: 0 0 calc(33.33333% - 1rem);max-width: calc(33.33333% - 1rem);max-height: 18.5rem;}
.premium-news-panel .premium-news-list a img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.63rem;max-height: 18.5rem;}
.premium-news-panel .premium-news-list a:nth-child(1) img, .premium-news-panel .premium-news-list a:nth-child(2) img{max-height: 21rem;}
.premium-news-panel .premium-news-list a .overlay{position: absolute;width: 100%;height: 100%;border-radius: 0.63rem;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%); }
.premium-news-panel .premium-news-list a .bottomWrap{position: absolute;margin: 1rem;bottom: 0;left: 0;}
.premium-news-panel .premium-news-list a .bottomWrap .gameType{background-color: #6938EF;border-radius: 0.31rem;width: 2.5rem;height: 1.625rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.5rem;}
.premium-news-panel .premium-news-list a .bottomWrap .gameType i{font-size: 1.25rem;color: #ffffff;}
.premium-news-panel .premium-news-list a .bottomWrap p.title{font-size: 1.25rem;color: #ffffff;font-weight: 500;line-height: 1.5rem;width: 100%;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.bottomListing{margin-top: 4rem;}
.bottomListing .container{display: flex;justify-content: space-between;column-gap: 4rem;}

.tutorial-listing-panel{flex: 0 0 73.125rem;max-width: 73.125rem;position: relative;height: max-content;}
.tutorial-listing-panel .title-action-panel{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem;}
.tutorial-listing-panel .title-action-panel h2{font-size: 1.25rem;font-weight: 500;color: #364152;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation{display: flex;align-items: center;column-gap: 1.5rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div{display: flex;column-gap: 0.5rem;padding: 0 1rem 0.5rem 0.5rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div i{font-size: 1.5rem;color: #697586;line-height: 24px;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div p{color: #697586;font-size: 1rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div p a{color: #697586;font-size: 1rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active{border-bottom: 2px solid #6938EF;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active i{color: #6938EF;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active p{font-weight: 600;color: #6938EF;}
.tutorial-listing-panel .tutorial-list{display: flex;flex-direction: column;row-gap: 1rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item{background-color: #ffffff;box-shadow: 0px 2px 4px 0px #11135B26; border-radius: 1rem;padding: 1rem 1.5rem;display: flex;column-gap: 2rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item > img{width: 17rem;height: 9.5rem;border-radius: 0.63rem;object-fit: cover;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap{display: flex;flex-direction: column;overflow: hidden;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 0.5rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top .date{color: #364152;font-size: 0.75rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap h3{font-size: 1.25rem;font-weight: 600;color: #364152;margin-bottom: 1rem;overflow: hidden;line-height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap p.content{font-size: 0.875rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .viewMore{margin-top: auto;font-size: 1rem;color: #6938EF;text-decoration: underline;}

.tutorial-listing-panel .pagination{margin-top: 3rem;display: flex;justify-content: center;align-items: center;column-gap: 1rem;position: relative;z-index: 1;}
.tutorial-listing-panel .pagination .first-page{padding: 0 .75rem;}
.tutorial-listing-panel .pagination .last-page{padding: 0 .75rem;}
.tutorial-listing-panel .pagination a{background-color: #ffffff;border-radius: 0.25rem;border: 1px solid #CDD5DF;min-width: 2.5rem;min-height: 2.5rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #364152;column-gap: 0.5rem;line-height: 1.25rem;cursor: pointer;}
.tutorial-listing-panel .pagination a:disabled{opacity: 0.5;cursor: no-drop;}
.tutorial-listing-panel .pagination a i{font-size: 1rem;}
.tutorial-listing-panel .pagination a.active{background-color: #EEEDFC;border-color: #6938EF;}

.tutorial-listing-panel .bottomAction{position: absolute;bottom: 0;display: flex;justify-content: space-between;width: 100%;}
.tutorial-listing-panel .bottomAction > p{font-size: 1rem;color: #364152;}
.tutorial-listing-panel .bottomAction .goPage{display: flex;align-items: center;column-gap: 0.5rem;position: relative;z-index: 1;}
.tutorial-listing-panel .bottomAction .goPage > p{font-size: 0.875rem;color: #364152;}
.tutorial-listing-panel .bottomAction .goPage input{width: 3.125rem;height: 2.5rem;border-radius: 0.25rem;background-color: #ffffff;border: 1px solid #CDD5DF;text-align: center;font-size: 1rem;}
.tutorial-listing-panel .bottomAction .goPage a{margin-left: 0.5rem;font-weight: 700;font-size: 0.875rem;color: #364152;padding-right: 0.5rem;}
.tutorial-listing-panel .bottomAction .goPage input::-webkit-inner-spin-button, .bottomAction .goPage input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.bottomListing .side-listing{display: flex;flex-direction: column;row-gap: 2rem;padding-left: 2rem;border-left: 1px solid #CDD0DF;height: max-content;flex: 0 0 24.875rem;max-width: 24.875rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing{width: 100%;display: flex;flex-direction: column;row-gap: 1.5rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing a{display: flex;align-items: flex-start;column-gap: 1rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing a img{width: 8.375rem;height: 5rem;flex: 0 0 8.375rem;border-radius: 0.31rem;box-shadow: 0px 2px 4px 0px #11135B26; }
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap{display: flex;flex-direction: column;row-gap: 0.5rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap .topWrap{display: flex;align-items: center;column-gap: 0.5rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap .topWrap .newType{font-size: 0.75rem;color: #6938EF;}
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap .topWrap span{width: 0.25rem;height: 0.25rem;background-color: #9B8AFB;border-radius: 50%;}
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap .topWrap .date{color: #364152;font-size: 0.75rem;}
.bottomListing .side-listing .recommend-news-panel .new-listing a .infoWrap .content{font-size: 0.875rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.bottomListing .side-listing .new-live-panel .item-listing{display: flex;column-gap: 3.125rem;row-gap: 1.5rem;flex-wrap: wrap;}
.bottomListing .side-listing .new-live-panel .item-listing a{flex: 0 0 5.5rem;max-width: 5.5rem;display: flex;flex-direction: column;row-gap: 0.5rem;}
.bottomListing .side-listing .new-live-panel .item-listing a img{width: 100%;height: auto;display: block;border-radius: 0.63rem;}
.bottomListing .side-listing .new-live-panel .item-listing a h4{font-size: 1rem;font-weight: 500;color: #364152;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bottomListing .side-listing .new-live-panel .item-listing a .rating{display: flex;align-items: center;column-gap: 0.125rem;font-size: 0.875rem;color: #364152;}
.bottomListing .side-listing .new-live-panel .item-listing a .rating i{font-size: 0.75rem;color: #6938EF;}