@font-face {
  font-family: 'HarmonyOS Sans SC';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Medium.ttf');
}
@font-face {
  font-family: 'HarmonyOS Sans SC Lighter';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Light.ttf');
}
@font-face {
  font-family: 'HarmonyOS Sans SC Regular';  /* Project id 2442050 */
  src: url('/static/public/font/HarmonyOS_Sans_SC_Regular.ttf');
}
html{
    font-size: calc(100vw/19.2);
}
body{
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw;
  height: 100vh;
  /* overflow-y: auto; */
  font-family: 'HarmonyOS Sans SC', sans-serif;
  position: relative;
}
.screen_container{
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
}
.news_container::-webkit-scrollbar {
  width: 0; /* 隐藏垂直滚动条 */
  height: 0; /* 隐藏水平滚动条 */
}
.news_header-placeholder{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.new_box{
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 1rem 1rem 1.4rem 1rem;
  background-color: white;
  color: #1D1D1F;
  margin-top: 1rem;
  background-image: url(/static/public/img/news_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.news_bg{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}
.news_header{
  font-size: 0.5rem;
  line-height: 0.7rem;
}
.news_title{
  font-family: 'HarmonyOS Sans SC Lighter';
  font-size: 0.32rem;
  line-height: 0.7rem;
}
.news_list{
  width: 100%;
  height: 11.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.45rem;
}
.new_item{
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 0.16rem;
  box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}
.new_item:hover img{
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.new_item img{
  width: 100%;
  height: 2.8rem;
}
.new_item_info{
  width: 100%;
  height: 2.4rem;
  box-sizing: border-box;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new_item_time{
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.14rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: rgba(153, 153, 153, 1);
}
.new_item_title{
  font-family: HarmonyOS Sans SC;
  font-size: 0.2rem;
  color: rgba(51, 51, 51, 1);
  line-height: 160%;
  letter-spacing: 0%;
  /*margin-bottom: 0.6rem;*/
  margin-top: 0.15rem;
}
.new_item_link{
  width: 1.4rem;
  height: 0.43rem;
  line-height: 0.43rem;
  font-family: 'HarmonyOS Sans SC Regular';
  font-size: 0.14rem;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 0.28rem;
  background: linear-gradient(#fff,#fff) padding-box,
              linear-gradient(90deg, #1582BB 0%, #28D8D6 100%) border-box;
  border: 1px solid transparent; /* 使 border-box 渲染渐变 */
  cursor: pointer;
}
.new_item_link .grad-text{
  background: linear-gradient(90deg, #1582BB 0%, #28D8D6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; /* 保证跨浏览器空心文字呈现渐变 */
  color: transparent;
}

.news_pagination{
  width: 4rem;
  height: 0.4rem;
  display: flex;
  gap: 0.2rem;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 0.6rem;
  user-select: none;
  font-family: 'HarmonyOS Sans SC Regular';
}

.news_pagination button{
  width: 0.2rem;
  height: 0.2rem;
  background: white;
  border: none;
  font-size: 0.14rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news_pagination button.active{
  /* background: #1d1d1f; */
  /* color: #fff; */
  font-size: 0.20rem;
}

.news_pagination button:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}

.news_pagination .dots{
  width: 0.2rem;
  height: 0.2rem;
  font-size: 0.14rem;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news_pagination .nav-btn{
  width: 0.32rem;
  height: 0.32rem;
  /* background: transparent; */
  /* padding: 0.06rem 0.08rem; */
  font-size: 0.18rem;
  
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(153, 153, 153, 1);
}
.news_pagination .nav-btn:nth-of-type(1),.news_pagination .nav-btn:nth-last-of-type(1){
    background-color: white;
  border: 1px solid rgba(96, 96, 96, 0.2);
  border-radius: 50%;
}
.news_pagination .nav-btn:nth-of-type(1):hover,.news_pagination .nav-btn:nth-last-of-type(1):hover{
    background-color: rgba(17, 45, 54, 1);
    
}
.news_pagination .nav-btn .hover_icon {
    display: none;
}
.news_pagination .nav-btn:hover .hover_icon {
    display: block;
}
.news_pagination .nav-btn .def_icon {
    display: block;
}
.news_pagination .nav-btn:hover .def_icon {
    display: none;
}
.news_pagination .nav-btn:hover{
  /* background: transparent; */
  /* padding: 0.06rem 0.08rem; */
  font-size: 0.18rem;
  color: rgba(17, 45, 54, 1);
  cursor: pointer;
  transform: scale(1.2);
  /*transform: rotate(-180deg);*/
}