.yh_box{
    position: relative;
    padding: .6rem 1.2rem;
}
.yh_lr_box{
    position:relative;
    height: 3rem!important;
}
.yh_lr_box>*{
    position: absolute;
    line-height: 2rem;
    padding: 0 .6rem;
    margin: .5rem 0;
}
.yh_nav_top{
    margin: 10px;
}
.yh_nav_top li{
    border:none!important;
}
.yh_nav_top .mui-media-body{
    font-size:12px!important;
}
.m-home-grid{
    width: 20%;
    padding: 0!important;
    background-color: unset!important;
}
.yh_l_box{
    width:3rem;
}
.yh_r_box{
    margin-left: 10px;
}
.yh_r_box .notice_ct{
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crowd_li{
    margin: 1rem 6px;
    border: none;
    border-radius: .2rem;
    padding: .5rem;
}
.crowd_li .cr-face{
    height: auto;
    overflow: hidden;
    border-radius:5px;
}
.crowd_li .l_t_cat{
    color:linear-gradient(-125deg, #007072, #3bf0da);
    font-size: 16px;
    font-weight:300;
}
.crowd_li .l_t{
    line-height: 26px;
}
.crowd_li .c_fd{
    line-height:2rem;
    padding: .5rem 1rem;
    background: #f2f2f2;
}
.crowd_li .c_att{
    text-align:center;
}
.m-nt-box{
    display: flex;
}
.nt_bg{
    background-image: url(../../img/notice.png?v=0.2);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.h_m_ct li{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.h_m_ct .icon-img{
    height: auto;
    width: 100%;
    max-width: 4rem;
}
.card-double {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0.25rem 1.875rem 0 rgba(0,0,0,.08);
    box-shadow: 0 0.25rem 1.875rem 0 rgba(0,0,0,.08);
    border-radius: .25rem;
}

.card-double .card-item {
    margin-bottom: .625rem;
    width: 100%;
    border-radius: .25rem .25rem 0 0
}

.card-double .card-item .card-img {
    min-height: 5rem;
    position: relative
}

.card-double .card-item .card-img,.card-double .card-item img {
    width: 100%;
    border-radius: .25rem .25rem 0 0
}

.card-double .card-item .cover {
    width: 100%;
    height: 100%;
    border-radius: .25rem .25rem 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.1)
}

.card-double .card-item .label {
    position: absolute;
    top: 0;
    left: 0;
    background: #3bf0da;
    border-radius: .25rem .65625rem .65625rem 0;
    padding: .1875rem .5rem .1875rem .4375rem;
    font-size: .6875rem;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #333
}

.card-double .card-info {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: .75rem;
    padding-bottom: .625rem
}

.card-double .card-info .card-title {
    text-align: justify;
    line-height: 2rem;
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #21212d;
}

.card-double .card-info .card-desc {
    color: #888;
    font-size:1.2rem;
    line-height: 1.125rem;
    height: 1.0625rem;
    margin-top: .125rem;
    overflow: hidden
}

.card-double .card-info .card-desc .tag {
    margin-right: .625rem
}

.card-double .card-info .card-progress {
    margin-top: 1.375rem;
}

.card-double .card-info .card-progress .card-progress-top {
    position: relative;
    height: 1.125rem
}

.card-double .card-info .card-price {
    color: #ef4034;
    position: absolute;
    left: 0;
}

.card-double .card-info .card-price .price-num {
    font-size: 2rem;
    font-weight: bolder;
}

.card-double .card-info .card-price .price-num .unit {
    font-size: 10px;
}

.card-double .card-info .card-progress .card-progress-top .progress-num {
    padding-top: .3125rem;
    font-size:1.1rem;
    color: #e5e5e5;
    position: absolute;
    bottom: 0;
    right: 0
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank {
    display: inline-block;
    border-radius: .0625rem;
    padding-left: .3125rem;
    padding-right: .3125rem;
    padding-top: .15625rem;
    padding-bottom: .09375rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-top {
    color: #fff;
    background-color: #333;
    border-radius: 3.125rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-top:after {
    content: "";
    border-top: .3125rem solid #333;
    border-right: .3125rem solid transparent;
    border-bottom: .3125rem solid transparent;
    border-left: .3125rem solid transparent;
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    margin-left: -.3125rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-middle {
    color: #333;
    background-color: #3bf0da;
    border-radius: 3.125rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-middle:after {
    content: "";
    border-top: .3125rem solid #3bf0da;
    border-right: .3125rem solid transparent;
    border-bottom: .3125rem solid transparent;
    border-left: .3125rem solid transparent;
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    margin-left: -.3125rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-lower {
    color: #333;
    background-color: #e5e5e5;
    border-radius: 3.125rem
}

.card-double .card-info .card-progress .card-progress-top .progress-num .rank-lower:after {
    content: "";
    border-top: .3125rem solid #e5e5e5;
    border-right: .3125rem solid transparent;
    border-bottom: .3125rem solid transparent;
    border-left: .3125rem solid transparent;
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    margin-left: -.3125rem
}

.card-double .card-info .card-progress .card-progress-bottom {
    margin-top: 1rem;
}

.card-double .card-info .card-progress .card-progress-bottom .progressbar {
    position: relative;
    height: 100%
}

.card-double .card-info .card-progress .card-progress-bottom .progress-all {
    height: .125rem;
    background-color: #e5e5e5;
    overflow: hidden
}

.card-double .card-info .card-progress .card-progress-bottom .progress-all .progress-concrete {
    width: 100%;
    height: 100%;
    background-color: #3bf0da
}

.card-double .card-info .card-icons {
    margin-top: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 1.2rem;
    color: #555;
}

.card-double .card-info .card-icons .card-support {
    height: .9375rem;
    line-height: .9375rem
}

.card-double .card-info .card-icons .card-support .support-icon {
    font-size:1.1rem;
    color: #999
}

.card-double .card-info .card-icons .card-support .support-text {
    margin-left: .5rem;
    font-size:1.2rem;
    color: #666
}

.card-double .card-info .card-icons .card-raise {
    height: .9375rem;
    line-height: .9375rem;
    margin-left: .875rem
}

.card-double .card-info .card-icons .card-raise .raise-icon {
    font-size:1.2rem;
    color: #999
}

.card-double .card-info .card-icons .card-raise .raise-text {
    margin-left: .5rem;
    font-size:1.2rem;
    color: #666
}
.m-rec-item{
    width:50%!important;
    padding: 10px;
}

/* Home 推荐区：单行横向滑动，修复右侧贴边与卡片溢出 */
.home-rec-list {
    padding: 0 12px 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.home-rec-list .mui-slider-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px;
    width: auto !important;
    min-width: 100%;
    margin: 0;
    padding: 0 12px 2px 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    scrollbar-width: none;
}

.home-rec-list .mui-slider-group::-webkit-scrollbar {
    display: none;
}

.home-rec-list .m-rec-item {
    width: auto !important;
    flex: 0 0 clamp(220px, 70vw, 286px);
    max-width: 286px;
    padding: 0 !important;
}

.home-rec-list .card-double {
    width: 100%;
    height: 100%;
    margin: 0;
}

.home-rec-list .card-double .card-item .card-img,
.home-rec-list .card-double .card-item img {
    height: 150px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .home-rec-list .m-rec-item {
        flex-basis: min(78vw, 280px);
    }
}