/********** 公共样式 start **********/
@media (max-width: 480px) {
  .main-box {
    width: 100%;
  }
  .page_box a,
  .page_box strong {
    margin: 0;
  }
  .footer .foot-top {
    padding: 0;
  }
  .footer .foot-box > * {
    margin: 5px;
  }
  .footer .foot-top .foot-box,
  .footer .foot-bottom .foot-box {
    padding: 10px;
  }
  .footer .foot-top .foot-box .text {
    margin: 0 0 10px 0;
    font-size: 14px;
  }
  .footer .foot-top .img-box {
    justify-content: center;
  }
  .footer .foot-top .foot-box img {
    width: 120px;
    margin: 5px;
  }
  .footer .foot-top .foot-box img:not(:last-child) {
    margin-right: 5px;
  }
  .footer .foot-top .foot-box .left-box,
  .footer .foot-top .foot-box .right-box {
    flex-direction: column;
    flex: 100%;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .main-box {
    max-width: 440px;
  }
  .footer .foot-top {
    padding: 0;
  }
  .footer .foot-top .foot-box .text {
    font-size: 14px;
  }
  .footer .foot-top .foot-box img {
    width: 120px;
    margin: 5px;
  }
  .footer .foot-top .foot-box img:not(:last-child) {
    margin-right: 5px;
  }
  .footer .foot-top .foot-box,
  .footer .foot-bottom .foot-box {
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer .foot-top {
    padding: 20px 0;
  }
  .footer .foot-top .img-box img {
    margin: 5px;
  }
  .footer .foot-top .foot-box img:not(:last-child) {
    margin-right: 5px;
  }
  .footer .foot-top .foot-box {
    padding: 0 80px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .footer .foot-top {
    padding: 20px 0;
  }
  .footer .foot-top .foot-box {
    padding: 0 80px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .page-list .list-box {
    margin: 0;
  }
  .page-list .list-box li {
    width: 15%;
    margin: 10px 0.8%;
  }
  .page-list .list-box .user-img {
    height: 18vw;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .main-box {
    max-width: 1130px;
  }
  .footer .foot-top {
    padding: 20px 0;
  }
  .footer .foot-top .foot-box {
    padding: 0 80px;
  }
  .page-list .list-box {
    width: 1130px;
    margin: 0;
  }
  .page-list .list-box li {
    width: 168px;
    margin: 10px;
  }
  .page-list .list-box .user-img {
    height: 210px;
  }
}
@media (min-width: 1400px) {
  .main-box {
    max-width: 1360px;
  }
}

@media (max-width: 1360px) {
  .banner {
    height: 18vw;
    max-height: 264px;
  }
  .banner .img {
    width: 134vw;
    margin-left: -67vw;
  }
  .footer .foot-top .foot-box,
  .footer .foot-bottom .foot-box {
    flex-wrap: wrap;
  }
  .footer .foot-top .foot-box .left-box,
  .footer .foot-top .foot-box .right-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    flex: auto;
  }
  .footer .foot-top .img-box {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 550px) {
  .eject .confirm-modal {
    padding: 10px 15px;
    width: 350px;
  }
}

@media (max-width: 600px) {
  .page_box .ellipsis,
  .page_box .num {
    display: none;
  }
}

/********** 公共样式  end  **********/
/********** 列表页 start **********/

@media (max-width: 767px) {
  .search-box {
    max-width: 100%;
  }
}

@media (max-width: 620px) {
  .search-box {
    flex-direction: column;
  }

  .page-list .search .form-select {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

@media (max-width: 500px) {
  .page-list .list-box li {
    width: 48%;
    margin: 10px 1%;
  }

  .page-list .list-box {
    margin: 0;
  }

  .page-list .list-box .user-img {
    height: 55vw;
    overflow: hidden;
    max-height: 230px;
  }
}

/********** 列表页  end  **********/
/********** 详情页 start **********/


@media (max-width: 1400px) {

  .page-details .code-box .code-left,
  .page-details .code-box .code-right {
    padding: 20px 15px;
  }

  .page-details .code-box .code-img {
    padding-right: 15px;
  }
}

@media (max-width: 1000px) {
  .page-details .user-img .empty {
    min-width: 226px;
  }
}

@media (max-width: 1000px) {
  .page-details {
    max-width: none;
    width: 98%;
  }

  .page-details .code-box .code-left,
  .page-details .code-box .code-right {
    flex-direction: column;
  }

  .page-details .code-box .code-img {
    padding-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 860px) {
  .page-details {
    flex-direction: column;
  }

  .page-details .user-img {
    width: 50%;
    margin: 0 auto;
    padding: 0;
  }

  .page-details .user-info {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 600px) {
  .page-details .user-content li {
    width: 100%;
  }

  .page-details .code-box {
    flex-direction: column;
  }

  .page-details .code-box .code-left {
    margin-bottom: 20px;
  }

  .page-details .code-box .code-left,
  .page-details .code-box .code-right {
    width: 100%;
  }
}

@media (max-width: 510px) {
  .page-details .user-img {
    width: auto;
    margin-bottom: 10px;
  }
  .page-details .user-img .empty {
    height: 300px;
  }
}

@media (max-width: 600px) and (min-width: 510px) {

  .page-details .code-box .code-left,
  .page-details .code-box .code-right {
    flex-direction: row;
  }

  .page-details .code-box .code-img {
    padding-right: 45px;
    margin-bottom: 0;
  }
}

/********** 详情页  end  **********/