.news_read_box{
  width: 100%;
  padding: calc(30px + 5rem) 0;
}
.news_read{
  max-width: 1480px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.news_read_detail{
  width: 66.2162%;
}
.news_read_title{
font-family: Century Gothic;
font-weight: bold;
font-size: calc(4px + 1.5rem);
color: #333333;
line-height: calc(5px + 1.5rem);
}
.news_read_time_box{
  display: flex;
  justify-content: flex-start;
  align-items:center;
  gap: calc(3px + 1.5rem);
  margin-top: calc(2px + 3rem);
}
.news_read_time{
font-family: OPPOSans-R;
font-weight: normal;
font-size: calc(6px + 0.5rem);
color: #666666;
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(1px + 0.5rem);

}
.news_read_time img{
  width: calc(9px + 0.5rem);
}

.news_read_visit{
  font-family: OPPOSans-R;
font-weight: normal;
font-size: calc(6px + 0.5rem);
color: #666666;
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(1px + 0.5rem);
}

.news_read_visit img{
  width: calc(2px + 1rem);
}
.news_read_main{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: calc(5px + 0.5rem);
  padding-top: calc(10px + 1.5rem);
  border-top: 1px #30333B20 solid ;
  margin-top: calc(3px + 1rem);
}
.news_read_main p{
font-family: Century Gothic;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #30333B;
line-height: calc(6px + 1.5rem);
opacity: 0.8;
}

.news_read_main p img{
 position: relative;
 left: 50%;
 top: calc(10px + 0.5rem);
 transform: translate(-50%);
}

.news_prev_next {
font-family: Century Gothic;
font-weight: bold;
font-size: calc(10px + 0.5rem);
color: #666666;
line-height: 40px;
}

.hot_spot_box{
  width: 25.6756%;
}

.hot_title{
font-family: Century Gothic;
font-weight: bold;
font-size: calc(6px + 1rem);
color: #333333;
}
.hot_news_box{
  margin-top: calc(10px + 2rem);
}
.hot_news{
  padding: calc(10px + 1.5rem) 0;
  border-top: 1px #30333B20 solid;
}
.hot_news p{
font-family: Century Gothic;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #30333B;
line-height: calc(10px + 1rem);
transition: .5s;
}
.hot_news:hover p{
  color: #00529D;
}
.hot_time{
font-family: OPPOSans-R;
font-weight: normal;
font-size: calc(6px + 0.5rem);
color: #666666;
display: flex;
justify-content: flex-start;
align-items: center;
gap: calc(4px + 0.25rem);
margin-top: calc(8px + 0.5rem);
}

.hot_time img{
  width: calc(9px + 0.5rem);
}


@media (max-width: 1100px) {
  .news_read{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 4rem);
  }
  .news_read_detail {
    width: 100%;
  }

  .news_read_title{
    font-size: calc(14px + 1rem);
    line-height: 1.5;
  }
  .news_read_time img {
    width: calc(9px + 2.5rem);
    
}
.news_read_time{
  font-size: calc(9px + 1rem);
}
.news_read_visit{
  font-size: calc(9px + 1rem);
}
.news_read_visit img {
  width: calc(2px + 5rem);
}
.news_read_main p{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.news_prev_next{
  font-size: calc(12px + 1rem);
}
.hot_spot_box {
  width: 100%;
}
.hot_title{
  font-size: calc(12px + 1rem);
}
.hot_news p{
  font-size: calc(10px + 1rem);
  line-height: 1.5;
}
.hot_time{
  font-size: calc(9px + 1rem);
}
.hot_time img{
  width: calc(9px + 1.5rem);
}
}