/*pc绔牱寮?/
.content {
  /*width: calc(100% - 5rem);*/
  /*margin: 0 auto;*/

  width: 80%;
  max-width: 1248px;
  margin: 0 auto;
}

.container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

main {
  flex-grow: 1;
}

.banner {
  /*margin-top: 64px;*/
  width: 100vw;
  /* height: 40vh;
  background: url('../images/investor_bg.png') no-repeat center/cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
}

.banner-title {
  font-size: .6375rem;
  visibility: hidden;
  font-weight: bold;
  color: #FFFFFF;
}

.banner-content {
  margin-top: .375rem;
  font-size: .3375rem;
  visibility: hidden;
  font-weight: 400;
  color: #C7C7C7;
}
.banner-content-contact {
  margin-top: .4rem;
  font-size: .28rem;
  visibility: hidden;
  display: flex;
  align-items: center;
  gap: .375rem;
  font-weight: 400;
  color: #C7C7C7;
}
.news-container {
  display: none;
  /* height: 1367px; */
  background: #FFFFFF;
}

.news-header {
  height: 1.7125rem;
  padding-top: .8625rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(63, 63, 63, .15);
  position: relative;
}

.header-left {
  font-size: .375rem;
  font-weight: 500;
  color: #333333;
  display: flex;
}

.header-notice {
  border-bottom: .025rem solid #EC6519;
}

.header-notice, .header-report {
  cursor: pointer;
}

.header-line {
  width: .025rem;
  height: .425rem;
  background: #505050;
  margin: 1px .25rem 0;
}

.header-orange-line {
  width: .875rem;
  height: .0625rem;
  background: #EC6519;
  position: absolute;
  left: 0;
  bottom: 0;
}

.header-right {
  margin-top: .2125rem;
}

.header-right span {
  font-size: .225rem;
  font-weight: 500;
  color: #8B8B8B;
}

.header-right span:first-child {
  color: #393939;
}

.active {
  color: #afafaf;
}

.news-content {
  margin-top: .75rem;
}

.content-urlbox {
  display: block;
}

.content-item {
  /* height: 1.25rem; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .525rem 0 0;
  /* border-bottom: .025rem solid #E2E2E2; */
  color: #505050;
}

.content-item:hover {
  background: #FAFAFA;
  border-bottom: .025rem solid #1280D6;
  color: #1280D6;
}

.item-left {
  max-width: 80%;
  /* line-height: 1.25rem; */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .27rem;
  font-weight: 500;
}

.item-left img {
  width: 22px;
  height: 22px;
  padding-left: 6px;
}

.item-right {
  display: flex;
  box-sizing: border-box;
}

.item-time {
  font-size: 16px;

  /*font-weight: bold;*/
  color: #8B8B8B;
  display: flex;
  align-items: center;
  margin-right: .5375rem;
}

.item-downLoad {
  display: block;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  visibility: hidden;
  background: #F2F3F5 url(../images/downLoad-icon.png) no-repeat center/50%;;
}

.item-title {
  font-size: .3rem;

  font-weight: 500;
  color: #505050;
  margin-bottom: .3625rem;
}

.item-content {
  line-height: .375rem;
}

.active-item {
  background-color: #1280D6;
  color: #fff;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .header-right span {
    font-size: 0.28rem;
  }
  .item-left {
    font-size: .32rem;
  }
  .item-time {
    font-size: .28rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header-left {
    font-size: 18px;
  }
  .header-right {
    margin-top: 0;
  }
  .header-right span {
    font-size:14px;
  }
  .item-left {
    font-size: 14px;
  }
  .item-time {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .content {
    /* width: 9.2rem; */
    margin: 0 auto;
  }

  .banner {
    /*margin-top: 1.6rem;*/
    width: 100vw;
    /* height: 4.4rem;
    background: url('../images/investor_bg.png') no-repeat center/cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
  }

  .banner-title {
    font-size: .6rem;

    font-weight: bold;
    color: #FFFFFF;
  }

  .banner-content {
    margin-top: .266667rem;
    font-size: .38rem;

    font-weight: 400;
    color: #C7C7C7;
  }

  .news-container {
    /* height: 1665px; */
  }

  .news-header {
    height: 1.466667rem;
    padding-top: .573333rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(63, 63, 63, .15);
    position: relative;
  }

  .header-left {
    font-size: .466667rem;

    font-weight: 500;
    color: #333333;
  }

  .header-notice {
    border-bottom: .026667rem solid #EC6519;
  }

  .header-line {
    width: 2px;
    height: .453333rem;
    background: #505050;
    margin: 1px .28rem 0;
  }

  .header-orange-line {
    width: .933333rem;
    height: .066667rem;
    background: #EC6519;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .header-right {
    display: none;
    margin-top: 17px;
  }

  .header-right span {
    font-size: .325rem;
    font-weight: 500;
    color: #8B8B8B;
  }

  .header-right span:first-child {
    color: #393939;
  }

  .active {
    color: #afafaf;
  }

  .news-content {
    margin-top: .533333rem;
  }

  .content-item {
    /* height: 1.6rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    /* border-bottom: 1px solid #E2E2E2; */
    color: #505050;
  }

  .content-item:hover {
    background: #FAFAFA;
    border-bottom: 2px solid #1280D6;
    color: #1280D6;
  }

  .item-left {
    width: 100%;
    max-width: 100%;
    font-size: .42rem;
    font-weight: 500;
  }

  .item-left img {
    width: 18px;
    height: 18px;
  }

  .item-right {
    width: 100%;
    display: flex;
    box-sizing: border-box;
  }

  .item-time {
    font-size: .313333rem;

    /*font-weight: bold;*/
    color: #8B8B8B;
    display: flex;
    align-items: center;
    margin-right: 43px;
  }

  .item-downLoad {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    visibility: hidden;
    background: #F2F3F5 url(../images/downLoad-icon.png) no-repeat center/50%;;
  }

  .item-title {
    font-size: 24px;

    font-weight: 500;
    color: #505050;
    margin-bottom: 29px;
  }

  .item-content {
    line-height: 30px;
  }

  .active-item {
    background-color: #1280D6;
    color: #fff;
  }

  .spage-number button {
    /* width: .653333rem !important; */
    /* height: .64rem !important; */
    /* font-size: .253333rem !important; */
  }
}