* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.content li:hover {
  cursor: pointer;
}
#search_btn:hover {
  cursor: pointer;
}
.app_page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.3rem;
}
.app_page span {
  border: 0.01rem #bcbcbc solid;
  margin: 0.6rem;
  font-size: 0.16rem;
  padding: 0.12rem 0.2rem;
}
.pages .active {
  background-color: #999999;
}
/* PC适配 */
@media screen and (min-width: 1100px) {
  .app_page {
    display: none;
  }
  .content {
    position: relative;
    margin-top: 0.23rem;
    margin-bottom: 0.5rem;
  }
  .search {
    position: absolute;
    right: 2rem;
  }
  .search .tips {
    color: #245e80;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
  }
  .search .tips div {
    display: inline-block;
  }
  .search input {
    width: 1.38rem;
    height: 0.34rem;
    border-radius: 0.06rem;
    border: 0.01rem solid #999999;
    padding-left: 0.1rem;
    margin-top: 0.3rem;
    font-size: 0.16rem;
  }
  #search_btn {
    width: 1.5rem;
    height: 0.36rem;
    border-radius: 0.06rem;
    border: 0;
    background-color: #245e80;
    color: #ffffff;
    font-size: 0.22rem;
  }
  .news {
    border-top: 0.01rem solid #e6e6e6;
    margin: 0 auto;
    width: 10rem;
  }
  .news_content li {
    height: 3rem;
    border-bottom: 0.01rem solid #e6e6e6;
  }
  .news_content li:hover {
    color: #245e80;
    background-color: #f2f2f2;
  }
  .news_content .left {
    font-family: Source Han Sans SC;
    font-weight: 400;
    width: 4rem;
    color: #000000;
    text-align: center;
    height: inherit;
    float: left;
    display: flex;
    align-items: center;
    margin-left: 0.27rem;
    font-size: 0.18rem;
  }
  .news_content .right {
    height: inherit;
    width: 4rem;
    float: left;
    margin-left: 0.8rem;
  }
  .news_content .right .title {
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news_content .right .msg {
    font-size: 0.14rem;
    color: #999999;
    overflow: hidden;
    width: 6.25rem;
    margin-top: 0.09rem;
    /*限制行数 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .pages {
    margin-top: 0.4rem;
    position: relative;
    height: 0.38rem;
    display: flex;
    justify-content: center;
  }
  .pages li {
    border: 0.01rem solid #999999;
    color: #333333;
    float: left;
    font-size: 0.18rem;
    width: 0.38rem;
    height: 0.38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0.065rem;
  }
  .pages input {
    border: 0.01rem solid #999999;
    height: 0.36rem;
    width: 0.55rem;
    border-radius: 0.05rem;
    padding-left: 0.1rem;
    padding-right: 0.38rem;
    font-size: 0.16rem;
  }
  .skip {
    margin-left: 0.065rem;
    height: 0.38rem;
    display: flex;
    align-items: center;
  }
  .skip span {
    font-size: 0.18rem;
    position: relative;
    width: 0.3rem;
    right: 0.33rem;
  }
  .line {
    height: 0.01rem;
    width: 0.56rem;
    background-color: #245e80;
    margin-left: 0.16rem;
  }
}
/* ipad 竖屏 */
@media only screen and (min-width: 751px) and (max-width: 1100px) {
  .app_page {
    display: none;
  }
  .content {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0rem;
  }
  .search {
    width: 1.05rem;
    position: absolute;
    right: 0.05rem;
  }
  .search .tips {
    color: #245e80;
    font-size: 0.12rem;
    display: flex;
    align-items: center;
  }
  .search .tips div {
    display: inline-block;
  }
  .search input {
    width: 0.8rem;
    height: 0.1575rem;
    border-radius: 0.0315rem;
    border: 0.01rem solid #999999;
    padding-left: 0.1rem;
    margin-top: 0.14rem;
    font-size: 0.1rem;
  }
  #search_btn {
    width: 0.92rem;
    height: 0.19rem;
    border-radius: 0.035rem;
    border: 0;
    background-color: #245e80;
    color: #ffffff;
    font-size: 0.082rem;
    margin-top: 0.092rem;
  }
  .news {
    border-top: 0.01rem solid #e6e6e6;
    margin: 0 auto;
    width: 5.5rem;
  }
  .news_content li {
    height: 0.8rem;
    border-bottom: 0.01rem solid #e6e6e6;
  }
  .news_content li:hover {
    color: #245e80;
    background-color: #f2f2f2;
  }
  .news_content .left {
    text-align: center;
    width: 3rem;
    height: inherit;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.12rem;
  }
  .news_content .right {
    padding: 0 0.5rem 0 0.1rem;
    height: inherit;
    width: 3rem;
    float: left;
  }
  .news_content .right .title {
    font-size: 0.13rem;
    display: flex;
    align-items: center;
    margin-top: 0.133rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news_content .right .msg {
    font-size: 0.062rem;
    color: #999999;
    overflow: hidden;
    margin-top: 0.035rem;
    font-size: 0.12rem;
    /*限制行数 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .pages {
    margin-top: 0.4rem;
    position: relative;
    height: 0.192rem;
    display: flex;
    justify-content: center;
  }
  .pages li {
    border: 0.01rem solid #999999;
    color: #333333;
    float: left;
    width: 0.19rem;
    height: 0.19rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0.022rem;
    font-size: 0.12rem;
  }
  .pages li:active {
    background-color: #999999;
  }
  .pages a {
    /* float: left; */
  }
  .pages input {
    margin-left: 0.1rem;
    border: 0.01rem solid #999999;
    height: 0.192rem;
    width: 0.2rem;
    border-radius: 0.028rem;
    padding-left: 0.1rem;
    padding-right: 0.3rem;
    font-size: 0.072rem;
  }
  .skip {
    height: 0.192rem;
    height: 0.192rem;
    display: flex;
    align-items: center;
  }
  .skip span {
    font-size: 0.12rem;
    position: relative;
    width: 0.152rem;
    right: 0.21rem;
  }
  .line {
    height: 0.01rem;
    width: 0.272rem;
    background-color: #245e80;
    margin-left: 0.16rem;
  }
}
/* app适配 */
@media only screen and (max-width: 751px) {
  .content {
    padding: 0 0.3rem;
    margin-bottom: 0.5rem;
  }
  .search {
  }
  .tips {
    font-size: 0.17rem;
    color: #000000;
  }
  .tips .line {
    display: none;
  }
  .search input {
    margin-top: 0.15rem;
    padding: 0 0.1rem;
    height: 0.6rem;
    width: 6.6rem;
    border: 0.01rem #333333 solid;
  }
  #search_btn {
    margin-top: 0.25rem;
    height: 0.6rem;
    width: 6.82rem;
    border: 0;
    background-color: #245e80;
  }
  .news_content {
    margin-top: 0.6rem;
  }
  .news_content li {
    padding: 0.25rem 0 0.25rem 0;
    border-bottom: 0.01rem solid #e6e6e6;
  }
  .right .msg {
    display: none;
  }
  .news_content .right {
    width: 5.4rem;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news_content .left {
    display: none;
    float: right;
    font-size: 0.15rem;
    height: 0.15rem;
    color: #999999;
  }
  .pages {
    display: none;
  }
}

/* ipad 竖屏 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* .content{
          padding: 0 0.3rem;
          margin-top: 0.6rem;
          margin-bottom: 0.5rem;
      }
      .search{
              
      }
      .tips{
          font-size: 0.17rem;
          color: #000000;
      }
      .tips .line{
          display: none;
      }
      .search input{
          margin-top: 0.15rem;
          padding: 0 0.1rem;
          height: 0.6rem;
          width: 6.6rem;
      }
      #search_btn{
          margin-top: 0.15rem;
          height: 0.6rem;
          width: 6.9rem;
          border: 0;
          background-color: #245E80;
      }
      .news_content{
          margin-top: 0.6rem;
      }
      .news_content li{
          padding: 0.25rem 0 0.25rem 0;
          border-bottom: 0.01rem solid #e6e6e6;
      }
      .right .msg{
          display: none;
      }
      .news_content .right{
          width: 5.4rem;
          font-size: 0.15rem;
          overflow: hidden;
          text-overflow: ellipsis;
          -ms-text-overflow: ellipsis;
          display: box;
          display: -webkit-box;
          line-clamp: 1;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
      }
      .news_content .left{
          float: right;
          font-size: 0.15rem;
          height: 0.15rem;
          color: #999999;
      }
      .pages{
          display: none;
      } */
}