/* 针对桌面设备 */

@media screen and (min-width: 1024px) {


  body {


    /* background-color: lightblue; */

    background-color: #212529;


  }


}


/* 针对平板设备 */


@media screen and (min-width: 768px) and (max-width: 1023px) {


  body {


    background-color: #212529;


  }


}


/* 针对移动设备 */


@media screen and (max-width: 767px) {


  body {


    /* background-color: lightpink; */
    background-color: #212529;

  }

  .container {
    width: 100%;
    padding: 0 .2667rem;
    box-sizing: border-box;
      --bs-gutter-x: .2667rem;
    overflow: hidden;
  }

}

@media (min-width: 768px)and (max-width: 992px) {
  .container {
    max-width: 720px;
    margin: auto;
    padding: 0 .2667rem;
    box-sizing: border-box;
      --bs-gutter-x: .2667rem;

  }
}

@media (min-width: 992px)and (max-width: 1200px) {
  .container {
    max-width: 960px;
    margin: auto;
    padding: 0 .2667rem;
    box-sizing: border-box;
      --bs-gutter-x: .2667rem;

  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
    margin: auto;
    padding: 0 .2667rem;
    box-sizing: border-box;
      --bs-gutter-x: .2667rem;

  }
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;

}

a {
  text-align: none;
  color: #fff
}

ul li {
  list-style: none;
}

a:hover {
  text-decoration: none !important;
}
/* 头部 */
.headerBox {
    width: 100%;
    font-size: 0.2667rem;
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;


  }

  /* IE 10+ */
  .headerBox  .collapseBox {
    display: flex;
  }

  .headerBox  .header {
    width: 100%;
    position: fixed;
    background: #212529;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 9999;
  }

  .headerBox  .navbar {
    padding: 0 0.2667rem;
    height: 1.3rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .headerBox  .navbar .header_left {
    display: flex;
    align-items: center;
  }

  .headerBox  .navbar .header_left .iconfont {
    color: #fff;
    cursor: pointer;
  }

  .headerBox  .navbar .header_left .icon-gengduo {
    color: #fff;
  }

  .headerBox  .navbar .header_left .icon-shanchu {
    display: none;
  }

  .headerBox  .navbar .navbar-toggler-icon {
    width: 2em;
    height: 2em;
    cursor: pointer;
  }

  .headerBox  .navbar #navbarScroll {
    /* flex: 1; */
    margin-left: 0.2667rem;
  }

  .headerBox  .navbar .navbar-nav {
    display: flex;
    flex-direction: row;
  }

  .headerBox  .navbar .nav-item .nav-link {
    padding: 0.3rem;
    box-sizing: border-box;
  }

  .headerBox  .navbar .logoBox {
    /* margin-left: .4rem; */
  }

  .headerBox  .navbar .reader_right {
    display: flex;
    align-items: center;
  }

  .headerBox  .navbar .reader_right .search {
    display: flex;
    align-items: center;
    margin-right: 0.2667rem;
  }

  .headerBox  .navbar .reader_right .search .icon-sousuo {
    color: #fff;
    margin-right: 0.1333rem;
    cursor: pointer;
  }

  .headerBox  .navbar .reader_right .search input {
    width: 0;
    opacity: 0;
    background: none;
    border-radius: 5px;
    border: none;
    transition: width 0.3s ease, opacity 0.3s ease;
  }

  .headerBox  .navbar .reader_right .search.show {
    margin-right: 0.1333rem;
  }

  .headerBox  .navbar .reader_right .search.show input {
    width: 3.5rem;
    background: #fff;
    height: 0.7rem;
    padding: 0.0133rem 0 0.0133rem 0.1333rem;
    box-sizing: border-box;
    opacity: 1;
  }

  .headerBox  .navbar .reader_right .search .btn {
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: 5px;
    /*border: 1px solid #7193f1;*/
    background-color: #ff3fb9;
  }

  .navbar .reader_right .lang img {
    border-radius: 0.35rem;
  }

  .navbar .reader_right .settings {
    margin-left: 0.2667rem;
  }

  .navbar .reader_right .settings a {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #fff;
  }

  .navbar .reader_right .settings a .ml-2 {
    margin-left: 0.1333rem;
  }

  .navbar .reader_right .settings a img {
    width: 0.5333rem;
    height: 0.5333rem;
    border-radius: 50%;
  }

  .navbar .reader_right .settings a:hover {
    text-decoration: none;
  }

  .headerBox  .moreBox {
    z-index: 999;
    position: fixed;
    background: rgba(17, 21, 32, 0.98);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 1.3333rem 0.2667rem 0.2667rem;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
    -webkit-transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: 0.2133rem;
  }

  .headerBox  .moreBox .list_item {
    margin-bottom: 0.4rem;
  }

  /* transition: height 0.3s ease, opacity .5s ease; */
  .headerBox  .moreBox .title-box {
    color: #fff;
    font-size: 0.4667rem;
  }

  .headerBox  .moreBox .gutter_Item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.2667rem;
  }

  .headerBox  .moreBox .gutter_Item .gutter {
    width: 25%;
    margin-bottom: 0.2667rem;
  }

  .headerBox  .moreBox .gutter_Item .gutter a {
    font-size: 0.3333rem;
    cursor: pointer;
  }

  .headerBox  .moreBox .gutter_Item .gutter a:hover {
    text-decoration: none;
  }

  .headerBox  .moreBox .list_item2 .gutter a:before {
    content: '#';
    color: #6190c9;
    font-weight: 400;
    margin-right: 1px;
  }

  .headerBox  .moreBoxActive {
    /* height: 100vh; */
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }