.container-grid {
  width: 100%;
  height: 1080px;
  background: url(../images/bg4.png) no-repeat left bottom, #010916;
  -o-background-size: 100% 100%;
  background-size: 100% 865px, 100% 100%;
}

.swiper-wrap {
  margin-top: 100px;
  margin-left: 164px;
  width: 922px;
  height: 660px;
  padding-top: 40px;
  padding-bottom: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-linear-gradient(
    314deg,
    rgba(24, 24, 61, 0.95) 0%,
    rgba(24, 24, 61, 0.7) 55%,
    rgba(24, 24, 61, 0.8) 100%
  );
  background: -moz-linear-gradient(
    314deg,
    rgba(24, 24, 61, 0.95) 0%,
    rgba(24, 24, 61, 0.7) 55%,
    rgba(24, 24, 61, 0.8) 100%
  );
  background: -o-linear-gradient(
    314deg,
    rgba(24, 24, 61, 0.95) 0%,
    rgba(24, 24, 61, 0.7) 55%,
    rgba(24, 24, 61, 0.8) 100%
  );
  background: linear-gradient(
    136deg,
    rgba(24, 24, 61, 0.95) 0%,
    rgba(24, 24, 61, 0.7) 55%,
    rgba(24, 24, 61, 0.8) 100%
  );
  border-radius: 4px;
}

.swiper-wrap ul {
  height: 100%;
  overflow-y: scroll;
}

.swiper-wrap ul::-webkit-scrollbar {
  display: none;
}

.swiper-wrap ul li {
  margin-top: 41px;
  margin-left: 42px;
  margin-right: 50px;
  padding-bottom: 33px;
  border-bottom: 2px solid #1e214b;
}

.swiper-wrap ul li:hover a .news-title {
  color: #45e2ff;
}

.swiper-wrap ul li:first-child {
  margin-top: 0;
}

.news-title {
  font-family: SourceHanSansCN-Medium;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
}

.news-content {
  display: none;
  margin-top: 32px;
  margin-right: 20px;
  /* height: 263px; */
  font-family: SourceHanSansCN-Regular;
  font-size: 16px;
  color: #bdbdde;
  line-height: 26px;
  overflow-y: scroll;
}

.news-content::-webkit-scrollbar {
  display: none;
}

/* 笔记本电脑 */
@media screen and (min-width: 1025px) and (max-width: 1600px) {
  .container-grid {
    width: 100%;
    height: 84.38rem;
    background: url(../images/notebook/bg4.png) no-repeat left bottom, #010916;
    -o-background-size: 100% 100%;
    background-size: 100% 67.58rem, 100% 100%;
  }

  .swiper-wrap {
    margin-top: 7.81rem;
    margin-left: 12.81rem;
    width: 72.03rem;
    height: 51.56rem;
    padding-top: 3.28rem;
    padding-bottom: 1.95rem;
    border-radius: 0.31rem;
  }

  .swiper-wrap ul li {
    margin-top: 3.2rem;
    margin-left: 3.28rem;
    margin-right: 3.91rem;
    padding-bottom: 2.58rem;
    border-bottom: 0.16rem solid #1e214b;
  }

  .news-title {
    font-size: 1.88rem;
    line-height: 2.81rem;
  }

  .news-content {
    display: none;
    margin-top: 2.5rem;
    margin-right: 1.56rem;
    /* height: 20.55rem; */
    font-size: 1.25rem;
    color: #bdbdde;
    line-height: 2.1rem;
    overflow-y: scroll;
  }

  .swiper-wrap ul li a {
    -webkit-tap-highlight-color: transparent;
  }

  .news-title{
    -webkit-tap-highlight-color: transparent;
  }
}

/* 平板样式 */
@media screen and (min-width: 601px) and (max-width: 1024px) {
    .container-grid {
    width: 100%;
    height: 100vh;
    background: url(../images/pad/bg4.png) no-repeat left bottom, #010916;
    -o-background-size: 100% 100%;
    background-size: 100% 112.63rem, 100% 100%;
  }

  .swiper-wrap {
    margin-top: 5.21rem;
    margin-left: 2.73rem;
    width: 94.66rem;
    height: 109.64rem;
    padding-top: 5.47rem;
    padding-bottom: 3.91rem;
    border-radius: 0.52rem;
  }

  .swiper-wrap ul li {
    margin-top: 4.3rem;
    margin-left: 5.47rem;
    margin-right: 6.51rem;
    padding-bottom: 4.17rem;
    border-bottom: 0.26rem solid #1e214b;
  }

  .news-title {
    font-size: 4.17rem;
    line-height: 7.03rem;
  }

  .news-content {
    display: none;
    margin-top: 4.17rem;
    margin-right: 2.6rem;
    /* height: 31.25rem; */
    font-size: 3.13rem;
    color: #bdbdde;
    line-height: 4.5rem;
    overflow-y: scroll;
  }

  .swiper-wrap ul li a {
    -webkit-tap-highlight-color: transparent;
  }
  
  .news-title{
    -webkit-tap-highlight-color: transparent;
  }
}

/* 手机样式 */
@media screen and (max-width: 600px) {
    .container-grid {
    width: 100%;
    height: 100vh;
    background: url(../images/mobile/bg4.png) no-repeat left bottom, #010916;
    -o-background-size: 100% 100%;
    background-size: 100% 135.16rem, 100% 100%;
  }

  .swiper-wrap {
    margin-top: 6.25rem;
    margin-left: 3.28rem;
    width: 93.91rem;
    height: 128.75rem;
    padding-top: 6.56rem;
    padding-bottom: 3.91rem;
    border-radius: 0.63rem;
  }

  .swiper-wrap ul li {
    margin-top: 5.16rem;
    margin-left: 6.56rem;
    margin-right: 7.81rem;
    padding-bottom: 5rem;
    border-bottom: 0.31rem solid #1e214b;
  }

  .news-title {
    font-size: 5rem;
    line-height: 8.44rem;
  }

  .news-content {
    display: none;
    margin-top: 5rem;
    margin-right: 3.13rem;
    /* height: 37.5rem; */
    font-size: 3.75rem;
    color: #bdbdde;
    line-height: 5.53rem;
    overflow-y: scroll;
  }

  .swiper-wrap ul li a {
    -webkit-tap-highlight-color: transparent;
  }

  .news-title{
    -webkit-tap-highlight-color: transparent;
  }
}