.joe_index{overflow-y:hidden}.joe_index__banner{padding:15px 15px 5px;background:var(--background)}.joe_index__banner .swiper-container{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:400px;border-radius:5px;--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-row{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:10px 80px 10px 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;font-size:18px;color:#fff;background:rgba(0,0,0,.4)}.joe_index__banner .swiper-container .item .title-row .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:18px;color:#fff}.joe_index__banner .swiper-container .item .title-row .subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#b9b9b9}.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-horizontal .swiper-pagination-bullet{-webkit-transition:width .3s ease;transition:width .3s ease;border-radius:30px}.joe_index__banner .swiper-container.swiper-container-horizontal .swiper-pagination-bullet-active{width:14px}.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,.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,.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{opacity:0;right:-15px}.joe_index__banner .swiper-container .swiper-button-prev{opacity:0;left:-15px}.joe_index__banner .swiper-container:hover .swiper-button-next{opacity:1;right:10px}.joe_index__banner .swiper-container:hover .swiper-button-prev{opacity:1;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-empty img,.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;color:#fff;line-height:20px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(to bottom,transparent,rgba(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-empty p,.joe_index__banner-recommend .item .information,.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 p{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:10px;color:#fff;font-weight:400;font-size:15px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.45)));background:linear-gradient(to bottom,transparent,rgba(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,.25);border-radius:2px;pointer-events:none}.joe_index .joe_list__item{will-change:transform;background:var(--background)}