.index-top-chunk{background-color: #f9f9f9!important;position: relative;}
.index-top-chunk::before{content: '';background: url('../images/decorative-pattern-one.png') no-repeat center/cover;position: absolute;top: 0;right: auto;bottom: auto;left: 0;z-index: 1;width: 600px;height: 370px;}
.index-top-chunk::after{content: '';background: url('../images/decorative-pattern-one.png') no-repeat center/cover;position: absolute;top: 0;right: 0;bottom: auto;left: auto;z-index: 1;width: 600px;height: 370px;}
.index-top-chunk .chunk{position: relative;z-index: 2;}

.index-top-chunk .banner-link{display: grid;grid-template-columns: auto 1fr;grid-gap: 20px;}
.index-top-chunk .banner-link .banners{width: 1080px;height: 450px;background-color: #eee;}
.index-top-chunk .banner-link .banners .banner-slide img{width: inherit;height: inherit;object-fit: cover;}
.index-top-chunk .banner-link .banners .banner-action-btn{width: 44px;height: 44px;background-image: none;}
.index-top-chunk .banner-link .banners .banner-action-btn.next-btn .default{transform: rotate(0);display: block;}
.index-top-chunk .banner-link .banners .banner-action-btn.next-btn .hover{transform: rotate(180deg);display: none;}
.index-top-chunk .banner-link .banners .banner-action-btn.next-btn:hover .default{display: none;}
.index-top-chunk .banner-link .banners .banner-action-btn.next-btn:hover .hover{display: block;}
.index-top-chunk .banner-link .banners .banner-action-btn.prev-btn .default{transform: rotate(180deg);display: block;}
.index-top-chunk .banner-link .banners .banner-action-btn.prev-btn .hover{transform: rotate(0);display: none;}
.index-top-chunk .banner-link .banners .banner-action-btn.prev-btn:hover .default{display: none;}
.index-top-chunk .banner-link .banners .banner-action-btn.prev-btn:hover .hover{display: block;}
.index-top-chunk .banner-link .banners .banner-action-btn img{width: 44px;height: 44px;}
.index-top-chunk .banner-link .banners .banner-action-btn::after{display: none;}
.index-top-chunk .banner-link .banners .banner-pagination{display: flex;align-items: center;justify-content: center;position: relative;bottom: 40px;z-index: 9;}
.index-top-chunk .banner-link .banners .banner-pagination .banner-pagination-item{background: url('../images/spot-default.png') no-repeat center center/cover;width: 20px;height: 20px;margin: 0 5px;}
.index-top-chunk .banner-link .banners .banner-pagination .banner-pagination-item.active{background: url('../images/spot-active.png') no-repeat center center/cover;width: 20px;height: 20px;}

.index-top-chunk .banner-link .link-lists{height: 450px;display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr 1fr 1fr;grid-gap: 20px;}
.index-top-chunk .banner-link .link-lists .link-list-item{background-color: #fff;border-radius: 4px;display: flex;align-items: center;justify-content: center;position: relative;}
.index-top-chunk .banner-link .link-lists .link-list-item a{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-icon{display: flex;align-items: center;position: relative;z-index: 9;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-icon img{width: 60px;height: 60px;display: block;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-icon .item-icon{display: block;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-icon .active-icon{display: none;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-title{font-size: 16px;color: #333;font-weight: bold;position: relative;z-index: 9;margin-top: 12px;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-bg{position: absolute;top: auto;right: 0;bottom: 0;left: auto;z-index: 8;display: none;vertical-align: middle;}
.index-top-chunk .banner-link .link-lists .link-list-item a .link-list-item-bg img{height: 90px;}
.index-top-chunk .banner-link .link-lists .link-list-item:hover{background-image: linear-gradient(6deg, #EFA21B 0%, #FFBA42 100%);}
.index-top-chunk .banner-link .link-lists .link-list-item:hover a .link-list-item-bg{display: block;}
.index-top-chunk .banner-link .link-lists .link-list-item:hover a .link-list-item-icon .item-icon{display: none;}
.index-top-chunk .banner-link .link-lists .link-list-item:hover a .link-list-item-icon .active-icon{display: block;}
.index-top-chunk .banner-link .link-lists .link-list-item:hover a .link-list-item-title{color: #fff;}

.index-top-chunk .recommend{padding: 20px 0;}
.index-top-chunk .recommend .recommend-title{font-size: 20px;font-weight: bold;color: #333;display: flex;align-items: center;justify-content: flex-start;}
.index-top-chunk .recommend .recommend-title strong{color: #eea21c;}
.index-top-chunk .recommend .recommend-title img{width: 22px;height: 22px;margin-left: 8px;vertical-align: middle;position: relative;top: 1px;}
.index-top-chunk .recommend .recommend-lists{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;margin-top: 20px;}
.index-top-chunk .recommend .recommend-lists .list-item{border-radius: 5px;}
.index-top-chunk .recommend .recommend-lists .list-item:hover{box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.15);}
.index-top-chunk .recommend .recommend-lists .list-item a{display: grid;grid-template-columns: auto 1fr;grid-gap: 10px;background-color: #fff;border-radius: 5px;padding: 10px;box-sizing: border-box;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-image{width: 130px;height: 100px;background-color: #eee;border-radius: 5px;overflow: hidden;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-image img{width: 130px;height: 100px;object-fit: cover;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body{display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;padding: 5px 0;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-title{font-size: 17px;color: #333;font-weight: bold;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .item-userinfo{display: flex;align-items: center;justify-content: flex-start;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .item-userinfo .avatar{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;background-color: #eee;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .item-userinfo .username{font-size: 13px;color: #333;padding: 0 6px;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .item-userinfo .datetime{font-size: 13px;color: #999;padding: 0 6px;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .item-userinfo .avatar img{width: inherit;height: inherit;object-fit: contain;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .browse{font-size: 13px;color: #999;display: flex;align-items: center;justify-content: center;}
.index-top-chunk .recommend .recommend-lists .list-item a .item-body .item-other .browse img{width: 16px;height: 12px;object-fit: contain;margin-right: 6px;}


.featured-articles{position: relative;background-color: #fff;}
.featured-articles::before{content: '';background: url('../images/decorative-pattern-six.png') no-repeat center/cover;position: absolute;width: 165px;height: 306px;object-fit: contain;top: 150px;right: auto;bottom: auto;left: 0;}
.featured-articles::after{content: '';background: url('../images/decorative-pattern-three.png') no-repeat center/cover;position: absolute;width: 226px;height: 453px;object-fit: contain;top: auto;right: 0;bottom: 150px;left: auto;}
.featured-articles .featured-articles-title{font-size: 20px;font-weight: bold;color: #333;display: flex;align-items: center;justify-content: flex-start;position: relative;padding: 10px 0;}
.featured-articles .featured-articles-title strong{color: #eea21c;}
.featured-articles .featured-articles-title img{width: 22px;height: 22px;margin-left: 8px;vertical-align: middle;position: relative;top: 1px;}
.featured-articles .featured-articles-title .title-bg-icon{width: 330px;height: 70px;vertical-align: middle;position: absolute;top: 12px;left: -85px;}
.featured-articles .featured-articles-title .title-bg-icon img{width: 330px;height: 70px;object-fit: contain;}
.featured-articles .classify-list{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
.featured-articles .classify-list .classify-item-title{font-size: 20px;font-weight: bold;color: #333;display: flex;align-items: center;padding: 10px 10px 5px 10px;}
.featured-articles .classify-list .classify-item-title::before{content: '';width: 5px;height: 16px;background: linear-gradient(146deg, #EFA21B 0%, #FFBA42 100%);border-radius: 3px;display: inline-block;margin-right: 10px;}
.featured-articles .classify-list .classify-item-lists{margin-top: 0;}
.featured-articles .classify-list .classify-item-lists .list-item{position: relative;border-radius: 5px;margin-bottom: 10px;}
.featured-articles .classify-list .classify-item-lists .list-item:hover{box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);z-index: 9;}
.featured-articles .classify-list .classify-item-lists .list-item a{display: grid;grid-template-columns: auto 1fr;grid-gap: 10px;background-color: #fff;border-radius: 5px;padding: 10px;box-sizing: border-box;}
.featured-articles .classify-list .classify-item-lists .list-item.full-item a{display: block;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image{width: 130px;height: 100px;background-color: #eee;border-radius: 5px;overflow: hidden;position: relative;}
.featured-articles .classify-list .classify-item-lists .list-item.full-item a .item-image{width: 100%;height: 150px;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .image{width: inherit;height: inherit;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .image img{width: inherit;height: inherit;object-fit: cover;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .pay-btn{width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .pay-btn img{width: inherit;height: inherit;object-fit: contain;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .pay-btn img{width: inherit;height: inherit;object-fit: contain;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-image .time-text{position: absolute;top: auto;right: auto;bottom: 10px;left: 10px;width: 48px;height: 20px;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, .4);border-radius: 5px;color: #fff;font-size: 12px;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body{display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;padding: 5px 0;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-title{font-size: 17px;color: #333;font-weight: bold;}
.featured-articles .classify-list .classify-item-lists .list-item.full-item a .item-body .item-title{padding: 10px 0;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .datetime{font-size: 13px;color: #999;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .browse-laud{display: flex;align-items: center;grid-gap: 20px;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .browse-laud .browse{font-size: 13px;color: #999;display: flex;align-items: center;justify-content: center;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .browse{font-size: 13px;color: #999;display: flex;align-items: center;justify-content: center;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .browse img{width: 16px;height: 12px;object-fit: contain;margin-right: 6px;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .laud{font-size: 13px;color: #999;display: flex;align-items: center;justify-content: center;}
.featured-articles .classify-list .classify-item-lists .list-item a .item-body .item-other .laud img{width: 16px;height: 12px;object-fit: contain;margin-right: 6px;}