@media only screen and (max-width:800px) {
 

  .practice-head {
    padding: 20px 20px 0 30px;
  }

  .practice-head-date {
    display: none;
  }
  .practice-main {
    margin-top: 20px;
  }
  .practice-main .main-head {
    padding: 20px 30px 10px 30px;
  }
  .classify {
    flex-direction: column;
    justify-content: inherit;
    align-items: inherit;
  }
  .practice-main .main-head-search {
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-top: 10px;
  }

  .practice-main .mian-filter {
    position: relative;
  }

  .practice-main .mian-filter::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f2f2f2;
  }

  .practice-main .mian-filter .filter-item:not(:last-child) {
    margin-right: 10px;
  }

  .practice-main .mian-filter .filter-item {
    margin-bottom: 10px;
    width: 81px;
  }

  .practice-main .mian-filter .filter-item:last-of-type {
    margin-right: 0;
  }

  .practice-main .mian-filter .filter-item .yt-select-val {
    font-size: 14px;
  }

  .practice-main .mian-filter .filter-item .icon {
    margin-left: 6px;
    height: 13px;
    width: 10px;
  }

  .practice-main .main-list {
    margin: 10px 5px 5px 30px;
  }

  .practice-main .main-list .list-item.selected .item-title {
    color: #595bb2;
  }

  .practice-main .main-list .list-item .line_1 {
    padding-right: 20px;
  }

  .practice-main .main-list .list-item.selected .line_1 {
    color: #595bb2;
  }

  .practice-main .main-list .list-item .line_2,
  .practice-main .main-list .list-item .line_3 {
    display: none;
  }

  .practice-main .main-head::after {
    display: none;
  }
  .practice-head-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .practice-head-2 h3{
    font-size: 22px;
  
  }
  .practice-head-2 p{
    font-size: 14px;
  }
  .practice-head-date{
    font-size: 14px;
  }
  .practice-main .tips_head {
    margin-top: 0;
  }
  .practice-main .practice-main_bar{
    margin-bottom: 0;
  }
  .practice-main .main-list .list-item .line_1 .line_title{
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .practice-head-2 .fl{
display: flex;
  }
}