@charset "UTF-8";
/* 基类：基于 最大屏幕 + 有侧边栏 下进行适配 */
@media (max-width: 1400px) {
  html .joe_vplayer {
    height: 450px; }
  html .joe_wallpaper__list {
    grid-template-columns: repeat(3, 1fr); }
  html .joe_video__list-item .item .thumb {
    height: 210px; }
  html .joe_video__detail-info .thumbnail {
    width: 165px;
    height: 235px; }
  html .joe_video__player-play {
    height: 480px; }
  html .joe_live__play-player {
    height: 500px; }
  html .joe_detail__article-video .play .box iframe {
    height: 500px; }
  html .joe_detail__leaving-list {
    height: 450px; }
  html .joe_detail__related-content .item img {
    height: 100px; }
  html .joe_owo__contain .box .scroll .item {
    width: calc(100% / 15); }
  html .joe_list__item.single .thumbnail {
    height: 250px; }
  html .joe_list__item.multiple .thumbnail {
    grid-template-rows: 160px; }
  html .joe_census__server-item .content #work,
  html .joe_census__server-item .content #flow {
    height: 300px; } }
@media (max-width: 1200px) {
  html .joe_vplayer {
    height: 430px; }
  html .joe_detail__friends {
    grid-template-columns: repeat(2, 1fr); }
  html .joe_detail__article-video .play .box iframe {
    height: 430px; }
  html .joe_detail__article-video .episodes .box {
    grid-template-columns: repeat(5, 1fr); }
  html .joe_detail__leaving-list {
    height: 400px; }
  html .joe_detail__related-content .item img {
    height: 90px; }
  html .joe_video__list-item {
    grid-template-columns: repeat(4, 1fr); }
    html .joe_video__list-item .item .title {
      height: 34px;
      line-height: 34px; }
  html .joe_video__detail-info .thumbnail {
    width: 155px;
    height: 220px; }
  html .joe_video__player-play {
    height: 450px; }
  html .joe_video__source-list {
    grid-template-columns: repeat(5, 1fr); }
  html .joe_owo__contain .box .scroll .item {
    width: calc(100% / 12); }
  html .joe_live__play-player {
    height: 430px; }
  html .joe_live__list {
    grid-template-columns: repeat(2, 1fr); }
  html .joe_list__item.single .thumbnail {
    height: 210px; }
  html .joe_list__item.multiple .thumbnail {
    grid-template-rows: 125px; }
  html .joe_list__item.default .thumbnail {
    width: 185px;
    height: 125px; }
  html .joe_index__ad-link .image {
    height: 180px; }
  html .joe_index__hot-list {
    column-gap: 10px; }
    html .joe_index__hot-list .item .link .inner .image {
      height: 90px; }
  html .joe_index__banner {
    display: block; }
    html .joe_index__banner-recommend {
      padding-top: 15px;
      width: 100%;
      margin-left: 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; }
      html .joe_index__banner-recommend.noswiper {
        padding-top: 0; }
      html .joe_index__banner-recommend .item {
        height: 145px;
        margin: 0 !important; }
  html .joe_census__basic-item.category #category {
    height: 220px; }
  html .joe_census__server {
    grid-template-columns: 45% 1fr; }
    html .joe_census__server-item .content #work,
    html .joe_census__server-item .content #flow {
      height: 280px; }
  html .joe_census__lately .content #lately {
    height: 280px; }
  html .swiper-container {
    height: 280px; }
    html .swiper-container .item {
      height: 280px; } }
@media (max-width: 992px) {
  html .joe_vplayer {
    height: 400px; }
  html .joe_aside {
    display: none; }
  html .joe_video__player-play {
    height: 400px; }
  html .joe_live__play-player {
    height: 400px; }
  html .joe_detail__article-video .play .box iframe {
    height: 400px; }
  html .joe_detail__article-video .episodes .box {
    grid-template-columns: repeat(5, 1fr); }
  html .joe_detail__leaving-list {
    height: 350px; }
  html .joe_detail__related-content .item img {
    height: 90px; }
  html .joe_index__hot-list .item .link .inner .image {
    height: 95px; }
  html .joe_index__banner-recommend .item {
    height: 135px;
    margin: 0 !important; }
  html .joe_header__above-logo {
    padding-right: 0; }
    html .joe_header__above-logo::after {
      display: none; }
  html .joe_header__above-search {
    display: none; }
  html .joe_header__above-searchicon {
    display: block; }
  html .joe_census__basic {
    grid-template-columns: unset; }
  html .joe_census__lately .content #lately {
    height: 265px; }
  html .joe_census__server {
    grid-template-columns: unset; }
    html .joe_census__server-item .content #work,
    html .joe_census__server-item .content #flow {
      height: 250px; }
  html .swiper-container {
    height: 250px; }
    html .swiper-container .item {
      height: 250px; } }
@media (min-width: 768px) {
  html .joe_header__avatar-logo {
    display: none; }
  html .joe_new-nav {
    display: none; } }
@media (max-width: 768px) {
  html .joe_comic_list__comic_item {
    width: calc((100% - 10px) / 2); }
  html .joe_comic_list__comic_item:nth-of-type(2n+0) {
    margin-right: 0; }
  html .joe_header__above-logo {
    display: none; }
  html .joe_vplayer {
    height: 225px; }
  html .joe_new-nav {
    padding-top: 15px; }
    html .joe_new-nav a {
      padding: .4rem .8rem;
      background: #f2f2f2;
      display: inline-block;
      color: #999999;
      border-radius: 1rem;
      margin-bottom: .8rem; }
      html .joe_new-nav a.active {
        background: #d0ff35;
        color: #333333; }
  html .joe_header__avatar-logo img {
    max-height: 36px; }
  html .joe_header__above .joe_container {
    justify-content: space-between; }
  html .joe_header__above-logo {
    height: 55px;
    margin-right: 0; }
    html .joe_header__above-logo img {
      max-height: 45px; }
  html .joe_header__above-searchicon {
    margin-left: 0; }
  html .joe_header__above-slideicon {
    display: block; }
  html .joe_header__below {
    display: none; }
  html .joe_header__searchout {
    top: 105px; }
  html .joe_index__banner-recommend {
    gap: 10px; }
    html .joe_index__banner-recommend .item {
      height: 100px; }
  html .joe_index__hot-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
  html .joe_index__ad-link .image {
    height: 120px; }
  html .joe_index__title-notice {
    display: none; }
  html .joe_index__title-title .item {
    display: none; }
    html .joe_index__title-title .item:nth-child(1), html .joe_index__title-title .item:nth-child(2) {
      display: block; }
  html .joe_list__item .information .title {
    font-size: 16px; }
  html .joe_list__item .information .abstract {
    display: none; }
  html .joe_list__item .meta .last {
    display: none !important; }
  html .joe_list__item.single .thumbnail {
    height: 130px;
    margin-bottom: 0; }
    html .joe_list__item.single .thumbnail time,
    html .joe_list__item.single .thumbnail svg {
      display: none; }
  html .joe_list__item.default .information .title {
    font-size: 15px; }
  html .joe_list__item.default .thumbnail {
    width: 145px;
    height: 95px;
    margin-right: 10px; }
    html .joe_list__item.default .thumbnail time,
    html .joe_list__item.default .thumbnail svg {
      display: none; }
  html .joe_list__item.default .title {
    margin-bottom: 0; }
  html .joe_list__item.default .meta .items {
    width: 100%; }
    html .joe_list__item.default .meta .items li {
      display: none; }
      html .joe_list__item.default .meta .items li:nth-child(1) {
        display: block; }
      html .joe_list__item.default .meta .items li:nth-child(2) {
        display: block;
        margin-left: auto; }
      html .joe_list__item.default .meta .items li::after {
        display: none; }
  html .joe_list__item.multiple .thumbnail {
    grid-template-rows: 70px;
    gap: 10px; }
  html .joe_list__item.none .information {
    height: 120px; }
  html .joe_list__item.none .abstract {
    display: -webkit-box;
    font-size: 13px; }
  html .joe_list__loading .item .thumbnail {
    width: 120px;
    height: 80px; }
  html .joe_list__loading .item .information .title {
    margin-bottom: 10px;
    height: 20px; }
  html .joe_list__loading .item .information .abstract p {
    height: 15px; }
  html .joe_wallpaper__list {
    grid-template-columns: repeat(2, 1fr); }
  html .joe_wallpaper__pagination {
    justify-content: center; }
  html .joe_detail__friends {
    grid-template-columns: repeat(1, 1fr); }
  html .joe_detail__title {
    font-size: 18px; }
  html .joe_detail__count-information {
    width: 100%; }
    html .joe_detail__count-information .avatar {
      display: none; }
    html .joe_detail__count-information .meta {
      width: 100%;
      height: unset; }
      html .joe_detail__count-information .meta .author {
        display: none; }
      html .joe_detail__count-information .meta .item {
        justify-content: flex-start; }
        html .joe_detail__count-information .meta .item span:nth-child(2),
        html .joe_detail__count-information .meta .item span:nth-child(3) {
          display: none; }
        html .joe_detail__count-information .meta .item a {
          color: var(--fa-style-family-classic); }
  html .joe_detail__count-created {
    display: none; }
  html .joe_detail__count::after {
    display: none; }
  html .joe_detail__overdue-wrapper {
    padding: 10px; }
    html .joe_detail__overdue-wrapper .title {
      margin-bottom: 5px;
      font-size: 14px; }
      html .joe_detail__overdue-wrapper .title .icon {
        margin-right: 5px; }
    html .joe_detail__overdue-wrapper .content {
      font-size: 13px;
      padding-left: 0; }
  html .joe_detail__article {
    font-size: 14px; }
    html .joe_detail__article pre[class*="language-"] {
      font-size: 13px; }
    html .joe_detail__article-video .play .box iframe {
      height: 225px; }
    html .joe_detail__article-video .episodes .box {
      grid-template-columns: repeat(3, 1fr);
      gap: 10px; }
  html .joe_detail__leaving-list {
    height: 300px; }
    html .joe_detail__leaving-list .item {
      font-size: 12px;
      width: 160px;
      min-height: unset; }
      html .joe_detail__leaving-list .item .user {
        padding: 0 8px;
        height: 35px; }
        html .joe_detail__leaving-list .item .user .avatar {
          width: 15px;
          height: 15px; }
      html .joe_detail__leaving-list .item .wrapper {
        padding: 8px; }
        html .joe_detail__leaving-list .item .wrapper .content {
          height: 109px;
          line-height: 18px; }
          html .joe_detail__leaving-list .item .wrapper .content .owo_image {
            max-height: 18px; }
  html .joe_detail__copyright .content .item {
    font-size: 13px; }
    html .joe_detail__copyright .content .item .icon {
      width: 16px;
      height: 16px; }
  html .joe_detail__related-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; }
    html .joe_detail__related-content .item img {
      height: 80px; }
    html .joe_detail__related-content .item h6 {
      font-size: 12px; }
  html .joe_video__list-item {
    grid-template-columns: repeat(2, 1fr); }
    html .joe_video__list-item .item .thumb {
      height: 200px; }
  html .joe_video__pagination {
    justify-content: center; }
  html .joe_video__detail-info .thumbnail {
    width: 125px;
    height: 180px; }
  html .joe_video__detail-info .description dt {
    font-size: 16px;
    margin-bottom: 8px; }
  html .joe_video__detail-info .description dd {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 20px;
    max-height: 40px; }
    html .joe_video__detail-info .description dd:not(:last-child) {
      -webkit-line-clamp: 1; }
  html .joe_video__player-play {
    height: 225px; }
  html .joe_video__source-list {
    grid-template-columns: repeat(3, 1fr); }
  html .joe_live__pagination {
    justify-content: center; }
  html .joe_live__list {
    grid-template-columns: repeat(1, 1fr); }
  html .joe_live__play-player {
    height: 185px; }
  html .joe_footer .joe_container {
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px; }
    html .joe_footer .joe_container > .item {
      padding: 5px 0; }
    html .joe_footer .joe_container .run {
      margin: 0; }
  html .joe_owo__contain .box .scroll .item {
    width: calc(100% / 6); }
  html .joe_owo__contain .box .scroll:nth-child(3) .item {
    width: calc(100% / 2); }
  html .joe_comment {
    position: relative; }
    html .joe_comment__title {
      font-size: 18px;
      line-height: 32px;
      text-align: left; }
    html .joe_comment__respond-type {
      position: absolute;
      top: 15px;
      right: 15px; }
      html .joe_comment__respond-type .item:first-child {
        border-bottom-left-radius: var(--radius-inner); }
      html .joe_comment__respond-type .item:last-child {
        border-bottom-right-radius: var(--radius-inner); }
    html .joe_comment__respond-form .head {
      display: block;
      border-bottom: none; }
      html .joe_comment__respond-form .head .list {
        border-bottom: 1px solid var(--classB); }
        html .joe_comment__respond-form .head .list:nth-child(2)::before, html .joe_comment__respond-form .head .list:nth-child(2)::after {
          display: none; }
    html .joe_comment__respond-form .body .text {
      height: 140px; }
    html .joe_comment .comment-list__item-contain .term .avatar {
      width: 34px;
      height: 34px;
      margin-right: 10px; }
    html .joe_comment .comment-list__item-contain .term .content .user .agent {
      display: none; }
    html .joe_comment .comment-list__item-children {
      padding-left: 0; }
    html .joe_comment .comment-list__item .joe_comment__respond {
      margin-left: 0; }
      html .joe_comment .comment-list__item .joe_comment__respond-type {
        position: static; }
        html .joe_comment .comment-list__item .joe_comment__respond-type .item:first-child {
          border-bottom-left-radius: 0; }
        html .joe_comment .comment-list__item .joe_comment__respond-type .item:last-child {
          border-bottom-right-radius: 0; }
  html .joe_census__basic-item.list .list {
    padding: 10px 15px; }
    html .joe_census__basic-item.list .list .count p {
      font-size: 22px; }
  html .joe_census__lately .content {
    padding: 5px; }
    html .joe_census__lately .content #lately {
      height: 240px; }
  html .joe_census__server {
    grid-template-columns: unset; }
    html .joe_census__server-item .content {
      padding: 5px; }
      html .joe_census__server-item .content #work,
      html .joe_census__server-item .content #flow {
        height: 240px; }
  html .swiper-container {
    height: 135px; }
    html .swiper-container .item {
      height: 100%; } }

/*# sourceMappingURL=joe.responsive.min.css.map */