.joe_index{overflow-y:hidden}.joe_index__banner{padding:15px 15px 5px;background:var(--background);border-radius:var(--radius-wrap) var(--radius-wrap) 0 0}.joe_index__banner .swiper-container{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:400px;border-radius:var(--radius-inner);--swiper-theme-color:#fff}.joe_index__banner .swiper-container .swiper-slide{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);overflow:hidden}.joe_index__banner .swiper-container .item{cursor:default;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block;height:400px}.joe_index__banner .swiper-container .item.clickable{cursor:pointer}.joe_index__banner .swiper-container .item .thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity .35s;transition:opacity .35s}.joe_index__banner .swiper-container .item .thumbnail:hover{opacity:.85}.joe_index__banner .swiper-container .item .title{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:18px;text-align:center;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45))}.joe_index__banner .swiper-container .item .joe-font{position:absolute;top:10px;left:10px;z-index:1;color:#fff;font-size:20px;opacity:.5}.joe_index__banner .swiper-container.swiper-container-horizontal .swiper-pagination-bullets{top:unset;right:10px;bottom:10px;left:unset;width:auto}.joe_index__banner .swiper-container.swiper-container-vertical .swiper-button-next,.joe_index__banner .swiper-container.swiper-container-vertical .swiper-button-prev{display:none}.joe_index__banner .swiper-container .swiper-button-next,.joe_index__banner .swiper-container .swiper-button-prev{background:rgba(0,0,0,0.1);border-radius:2px;-webkit-transition:background .35s,right .35s,left .35s;transition:background .35s,right .35s,left .35s}.joe_index__banner .swiper-container .swiper-button-next:hover,.joe_index__banner .swiper-container .swiper-button-prev:hover{background:rgba(0,0,0,0.25)}.joe_index__banner .swiper-container .swiper-button-next::after,.joe_index__banner .swiper-container .swiper-button-prev::after{font-size:20px}.joe_index__banner .swiper-container .swiper-button-next{right:-27px}.joe_index__banner .swiper-container .swiper-button-prev{left:-27px}.joe_index__banner .swiper-container:hover .swiper-button-next{right:10px}.joe_index__banner .swiper-container:hover .swiper-button-prev{left:10px}.joe_index__banner-recommend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:270px;margin-left:15px}.joe_index__banner-recommend.noswiper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;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%;-o-object-fit:cover;object-fit:cover}.joe_index__banner-recommend .item .thumbnail.lazyload,.joe_index__banner-recommend .item .thumbnail.lazyloading{-o-object-fit:scale-down;object-fit:scale-down}.joe_index__banner-recommend .item .information{position:absolute;right:0;bottom:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;overflow:hidden;color:#fff;line-height:20px;white-space:nowrap;text-overflow:ellipsis;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));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:-webkit-gradient(linear, right top, left top, from(#986fee), color-stop(#8695e6), color-stop(#68b7dd), to(#18d7d3));background-image:linear-gradient(270deg, #986fee, #8695e6, #68b7dd, #18d7d3);border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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%;-o-object-fit:cover;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:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));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;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);-webkit-transition:opacity .35s;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{background:var(--background)}