.joe_index{overflow:hidden}.joe_index__banner{padding:15px 15px 5px;background:var(--background)}.joe_index__banner .swiper{flex:1;min-width:0;height:400px;border-radius:5px;--swiper-theme-color:#fff}.joe_index__banner .swiper .swiper-slide{transform:translate3d(0, 0, 0);overflow:hidden}.joe_index__banner .swiper .item{cursor:default;transform:translate3d(0, 0, 0);display:block;height:400px}.joe_index__banner .swiper .item.clickable{cursor:pointer}.joe_index__banner .swiper .item .thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .35s}.joe_index__banner .swiper .item .thumbnail:hover{opacity:.85}.joe_index__banner .swiper .item .title-row{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:10px 80px 10px 14px;user-select:none;text-align:left;font-size:18px;color:#fff;background:rgba(0,0,0,0.4)}.joe_index__banner .swiper .item .title-row .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;font-size:18px;color:#fff}.joe_index__banner .swiper .item .title-row .subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#b9b9b9}.joe_index__banner .swiper .item .joe-font{position:absolute;top:10px;left:10px;z-index:1;color:#fff;font-size:20px;opacity:.5}.joe_index__banner .swiper.swiper-horizontal .swiper-pagination-bullets{top:unset;right:10px;bottom:10px;left:unset;width:auto}.joe_index__banner .swiper.swiper-horizontal .swiper-pagination-bullet{transition:width .3s ease;border-radius:30px}.joe_index__banner .swiper.swiper-horizontal .swiper-pagination-bullet-active{width:14px}.joe_index__banner .swiper.swiper-vertical .swiper-button-next,.joe_index__banner .swiper.swiper-vertical .swiper-button-prev{display:none}.joe_index__banner .swiper .swiper-button-next,.joe_index__banner .swiper .swiper-button-prev{background:rgba(0,0,0,0.1);border-radius:2px;transition:background .35s,right .35s,left .35s}.joe_index__banner .swiper .swiper-button-next:hover,.joe_index__banner .swiper .swiper-button-prev:hover{background:rgba(0,0,0,0.25)}.joe_index__banner .swiper .swiper-button-next::after,.joe_index__banner .swiper .swiper-button-prev::after{font-size:20px}.joe_index__banner .swiper .swiper-button-next{opacity:0;right:-15px}.joe_index__banner .swiper .swiper-button-prev{opacity:0;left:-15px}.joe_index__banner .swiper:hover .swiper-button-next{opacity:1;right:10px}.joe_index__banner .swiper:hover .swiper-button-prev{opacity:1;left:10px}.joe_index__banner-recommend{display:flex;flex-direction:column;width:270px;margin-left:15px}.joe_index__banner-recommend.noswiper{flex-direction:row;width:100%;margin-left:0}.joe_index__banner-recommend.noswiper .item:first-child{margin-right:7.5px;margin-bottom:0}.joe_index__banner-recommend.noswiper .item:last-child{margin-left:7.5px}.joe_index__banner-recommend .item{position:relative;width:100%;height:160px;margin-bottom:15px;overflow:hidden;border-radius:var(--radius-inner)}.joe_index__banner-recommend .item:last-child{margin-bottom:0}.joe_index__banner-recommend .item .thumbnail{display:block;width:100%;height:100%;object-fit:cover}.joe_index__banner-recommend .item .thumbnail.lazyload,.joe_index__banner-recommend .item .thumbnail.lazyloading{object-fit:scale-down}.joe_index__banner-recommend .item .information{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;padding:8px;overflow:hidden;color:#fff;line-height:20px;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))}.joe_index__banner-recommend .item .information .type{z-index:2;height:20px;margin-right:5px;padding:0 8px;color:#fff;font-size:12px;text-align:center;background-color:#8695e6;background-image:linear-gradient(270deg, #986fee, #8695e6, #68b7dd, #18d7d3);border-radius:2px;user-select:none}.joe_index__banner-recommend .item .information .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.joe_index__banner-empty{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-inner)}.joe_index__banner-empty img{display:block;width:100%;height:100%;object-fit:cover}.joe_index__banner-empty p{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:normal;font-size:15px;text-align:center;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45))}.joe_index__article{padding:0 15px}.joe_index__ad{padding-top:15px}.joe_index__ad-link{position:relative;display:block}.joe_index__ad-link .image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-inner);transition:opacity .35s}.joe_index__ad-link .image:hover{opacity:.85}.joe_index__ad-link .icon{position:absolute;top:10px;right:10px;z-index:1;padding:2px 5px;color:#ebebeb;font-size:12px;background:rgba(0,0,0,0.25);border-radius:2px;pointer-events:none}.joe_index .joe_list__item{will-change:transform;background:var(--background)}