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