﻿  .about_content {
    padding-bottom: clamp(30px,2.6vw,50px);
    padding-top: clamp(30px,2.6vw,50px);
}

.app_view_title {
    padding-bottom: clamp(10px,1.04vw,20px);
    line-height: 42px;
    font-size: 34px;
    text-align: center;
    color: #333;

}
.publish_time_count {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    text-align: center;
}

.app_view_content {
    padding: clamp(10px,1.04vw,20px);
    line-height: 32px;
    font-size: 14px;
    color: #666;
    min-height: 400px;
}
.app_view_content img{
  max-width: 100%;

}

.prev_and_next {
    padding-top: clamp(20px,2.08vw,40px);
    padding-bottom: clamp(20px,2.08vw,40px);
    border-top: 1px solid #ddd;
}

.prev_next {
    width: 80%;
}
.prev_and_next_item{
  height: clamp(30px,2.1875vw,42px);
  display: flex;
  align-items: center;
}

.prev_and_next_item span{
    width:clamp(60px,3.125vw,100px);

      font-size: 16px;
      color: #999;
      font-weight: bold;
}
.prev_and_next_item a{
    flex:1;

      font-size: 16px;
      color: #999;
}







@media screen and (max-width:1000px ) {

    .app_view_title {
      line-height: 36px;
      font-size: 30px;
      
  }
  
}


@media screen and (max-width:800px ) {

    .app_view_title {
      line-height: 30px;
      font-size: 24px;
      
  }

  .prev_and_next_item span{

      font-size: 14px;
      
}
.prev_and_next_item a{

      font-size: 14px;
}

  
}

@media screen and (max-width:600px ) {
    .app_view_content {
    
    line-height: 24px;
    font-size: 12px;
}
    .app_view_title {
      line-height: 26px;
      font-size: 20px;
      
  }

    .prev_and_next_item span{
        width: 50px;
      font-size: 12px;
      
}
.prev_and_next_item a{

      font-size: 12px;
}
  
}