.home-head .main_area {
     height: 1.17rem;
     padding: 0 0.45rem;
     background-color: #fff;
 }

 .home-head img {
     width: 3.6rem;
     height: 0.69rem;
 }

 .classification-main .classification-search-bar {
     padding: 0.32rem 0.27rem;
     gap: 0.21rem;
 }
 .classification-main .classification-search-back {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 0.69rem;
     height: 0.69rem;
     border-radius: 3px;
     background: linear-gradient(to right,#A0D4FF,#0277EF);
 }
 .classification-main .classification-search-back img {
     width: 0.24rem;
     height: 0.45rem;
 }
 .classification-main .classification-search {
     flex: 1;
     min-width: 0;
     height: 0.96rem;
     border-radius: 0.48rem;
     background: #EFF5FF;
     padding: 0.16rem;
     padding-left: 0.32rem;
     margin: 0;
 }

 .classification-main .classification-search .search-city {
     color: #000000;
     text-align: center;
     font-size: 0.37rem;
     font-style: normal;
     font-weight: 400;
     line-height: 0.53rem;
     margin-left: 0.37rem;
     border-right: 1px solid #E8E8E8;
     padding-right: 0.1rem;
 }

 .classification-main .classification-search .ss {
     width: 0.48rem;
     height: 0.48rem;
     margin-left: 0.32rem;
 }

 .classification-main .classification-search .search-city img {
     width: 0.53rem;
     height: 0.53rem;
 }

 .classification-main .classification-search .input-item {
     flex: 1;
     min-width: 0;
     margin-left: 0;
     width: auto;
     height: 100%;
     border: none;
     background: transparent;
     border-radius: 0;
 }
 .classification-main .classification-search-btn {
     flex-shrink: 0;
     border: none;
     height: 0.75rem;
     min-width: 1.33rem;
     padding: 0 0.32rem;
     border-radius: 0.48rem;
     background: linear-gradient(180deg, #A0D4FF 0%, #0277EF 100%);
     color: #fff;
     font-size: 0.32rem;
     line-height: 0.75rem;
 }

 .classification {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
     background:#fff;
     min-height: 100dvh;
 }
 .classification-main {
     flex: 1;
     display: flex;
     flex-direction: column;
     min-height: 0;
     overflow: hidden;
 }
 .classification-list {
     flex: 1;
     min-height: 0;
     overflow: hidden;
 }
 .classification-list .classification-list-left {
     width: 2.67rem;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     background: #f6f7fb;
 }
 .classification-list .classification-list-right {
     width: 7.33rem;
     flex-shrink: 0;
     background: #FFF;
     border-radius: 0.21rem;
     padding-left: 0.64rem;
     overflow: auto;
     padding-top: 0.32rem;
     -webkit-overflow-scrolling: touch;
 }


 .classification-list .classification-list-left .list-left-item {
    display: block;
    width: 2.67rem;
    padding: 0.53rem 0.27rem;
    color: #1e2222;
    font-size: 0.37rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.56rem;
    letter-spacing: -0.01rem;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }

 .classification-list .classification-list-left .list-left-item--all {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0.08rem;
     text-align: left;
 }
 .classification-list .classification-list-left .list-left-item__icon {
     width: 0.37rem;
     height: 0.37rem;
     flex-shrink: 0;
     background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23125AAF'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") center / contain no-repeat;
 }
 .classification-list .classification-list-left .list-left-item__text {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .classification-list .classification-list-left .active {
     background: #FFF;
     color: #0277EF;
 }
 .classification-list .classification-list-right .classification-right-anchor {
     height: 0;
     overflow: hidden;
 }

 .classification-list .classification-list-right .right-head {
     margin-bottom: 0.32rem;
     padding-top: 0.32rem;
 }

 .classification-list .classification-list-right .right-head .head-solid {
     width: 0.11rem;
     height: 0.37rem;
     border-radius: 0.4rem;
     background: #0277EF;
     margin-right: 0.16rem;
 }

 .classification-list .classification-list-right .right-head .right-head-title {
     margin: 0;
     padding: 0;
     color: #1e2222;
     font-size: 0.4rem;
     font-weight: 500;
     line-height: 0.56rem;
 }
 .classification-list .classification-list-right .right-head .right-head-title a {
     color: inherit;
     text-decoration: none;
 }

 .classification-list .classification-list-right .right-content {
     align-content: flex-start;
     gap: 15px;
 }

 .classification-list .classification-list-right .right-content .right-content-item {
     width: 1.81rem;
     height: 2.29rem;
     flex-shrink: 0;
     border-radius: 0.21rem;
     background: #F2F3F7;
     /* margin-right: 0.35rem; */
     margin-bottom: 0.35rem;
     text-align: center;
     display: block;
     color: inherit;
     text-decoration: none;
 }

 .classification-list .classification-list-right .right-content .right-content-item img {
     width: 1.33rem;
     height: 1.33rem;
     flex-shrink: 0;
     margin: 0.21rem;
 }
 .classification-list .classification-list-right .right-content .right-content-item div{
    width: 1.28rem;
    color: #1e2222;
    text-align: center;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.32rem;
    margin: 0.03rem 0.27rem 0 0.27rem;
 }