
.banners-chunk{background-color: #fff;}
.banners-chunk .banners-block{padding: 20px 0 0 0!important;}
.banners{width: 100%;height: 285px;}
.banners .banner-slide{width: 670px;height: 285px;border-radius: 5px;overflow: hidden;}
.banners .banner-slide img{display: block;width: inherit;height: inherit;object-fit: contain;}
.banners .banner-action-btn{width: 44px;height: 44px;background-image: none;}
.banners .banner-action-btn.next-btn .default{transform: rotate(0);display: block;}
.banners .banner-action-btn.next-btn .hover{transform: rotate(180deg);display: none;}
.banners .banner-action-btn.next-btn:hover .default{display: none;}
.banners .banner-action-btn.next-btn:hover .hover{display: block;}
.banners .banner-action-btn.prev-btn .default{transform: rotate(180deg);display: block;}
.banners .banner-action-btn.prev-btn .hover{transform: rotate(0);display: none;}
.banners .banner-action-btn.prev-btn:hover .default{display: none;}
.banners .banner-action-btn.prev-btn:hover .hover{display: block;}
.banners .banner-action-btn img{width: 44px;height: 44px;}
.banners .banner-action-btn::after{display: none;}
.banners .banner-pagination{display: flex;align-items: center;justify-content: center;position: relative;top: 10px;z-index: 9;}
.banners .banner-pagination .banner-pagination-item{background: url('../images/spot-default.png') no-repeat center center/cover;width: 20px;height: 20px;margin: 0 5px;}
.banners .banner-pagination .banner-pagination-item.active{background: url('../images/spot-active.png') no-repeat center center/cover;width: 20px;height: 20px;}

.tabs-chunk{background-color: #fff;}
.tabs-chunk .tabs-block{padding: 60px 0 15px 0!important;}
.tabs{display: flex;align-items: center;justify-content: flex-start;grid-gap: 45px;}
.tabs .tab-item{position: relative;}
.tabs .tab-item a{font-size: 15px;color: #333;}
.tabs .tab-item.active a{font-size: 17px;color: #333;font-weight: bold;}
.tabs .tab-item.active::after{content: '';width: 20px;height: 5px;background: linear-gradient(146deg, #EFA21B 0%, #FFBA42 100%);border-radius: 3px;position: absolute;bottom: -15px;left: 50%;transform: translate(-50%);}

.articles{padding: 0;}
.articles .article-lists{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
.articles .article-lists .article-list-item{border-radius: 5px;background-color: #fff;overflow: hidden;}
.articles .article-lists .article-list-item .list-item .item-image{width: 305px;height: 260px;position: relative;}
.articles .article-lists .article-list-item .list-item .item-image .image{width: inherit;height: inherit;}
.articles .article-lists .article-list-item .list-item .item-image .image img{width: inherit;height: inherit;object-fit: cover;}
.articles .article-lists .article-list-item .list-item .item-image .play-image{position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;transform: translate(-50%, -50%);}
.articles .article-lists .article-list-item .list-item .item-image .play-image img{width: inherit;height: inherit;object-fit: contain;}
.articles .article-lists .article-list-item .list-item .item-image .time-txt{position: absolute;top: auto;right: 10px;bottom: 10px;left: auto;background-color: rgba(0, 0, 0, .4);width: 48px;height: 20px;display: flex;align-items: center;justify-content: center;border-radius: 4px;font-size: 12px;color: #fff;}
.articles .article-lists .article-list-item .list-item .item-title{font-size: 17px;font-weight: bold;color: #333;padding: 15px;line-height: 1.5;}
.articles .article-lists .article-list-item .list-item .other-data{font-size: 13px;color: #999;display: flex;align-items: center;justify-content: space-between;padding: 20px 15px;}
.articles .article-lists .article-list-item .list-item .other-data .browse-laud{display: flex;align-items: center;justify-content: flex-start;grid-gap: 20px;}
.articles .article-lists .article-list-item .list-item .other-data .browse{display: flex;align-items: center;}
.articles .article-lists .article-list-item .list-item .other-data .browse img{width: 16px;height: 14px;object-fit: contain;margin-right: 5px;}
.articles .article-lists .article-list-item .list-item .other-data .laud{display: flex;align-items: center;}
.articles .article-lists .article-list-item .list-item .other-data .laud img{width: 16px;height: 14px;object-fit: contain;margin-right: 5px;}

