/* .container {
    max-width: 1200px;
} */

/* 顶部筛选 */
.selectWrap {
    padding-top: 31px;
    padding-bottom: 10px;

    background: #f8f8f8;
}

/* .tagWrap {
    margin-bottom: 16px;
} */

.selectTitle {
    color: var(--pc-999, #999);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 18px;
}

.allBtn {
    border-radius: 20px;
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 13px;
    cursor: pointer;
    width: max-content;
    margin-bottom: 18px;
}

.active_btn {
    background: var(--pc, #ff7450);
    color: var(--pc-white, #fff);
}

.tagBtn {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* width: 60px; */
    /* margin-right: 2%; */
    margin-bottom: 18px;
    cursor: pointer;
}

/* 顶部筛选结束 */

/* 主要内容 */

.main_content {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
}

.mainTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid #f0f0f0;
}

.main_titleClass {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.main_title_before {
    width: 2px;
    height: 16px;
    flex-shrink: 0;
    background: var(--pc, #ff7450);
    margin-right: 10px;
}

.main_title_text {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main_filterSort {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.filter_btn {
    color: var(--pc-black, #161616);
    text-align: center;
    font-family: PingFang SC;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    margin-left: 30px;
}

.main_filterSort .filter_btn:first-child {
    margin-left: 0;
}

.sort_active {
    color: var(--pc, #ff7450);
}

.advertisement {
    min-height: 440px;
    background-color: #f8f8f8;
    padding: 30px 0px;
    margin-bottom: 20px;
    border-radius: 12px;
}

.selfLogo {
    width: 153px;
    background-color: rgba(255, 110, 71, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
}

.logo_img {
    padding: 15%;
    width: 100%;
}

.star_wrap {
    width: 38px;
    position: absolute;
    top: 6px;
    right: -35px;
}

.star_img {
    width: 100%;
}

.welcome_wrap {
    border-top: 1px solid rgba(240, 240, 240, 1);
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    margin: 42px auto 0;
}

.welcome_text {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
    text-align: center;
}

.welcome_shu {
    width: 1px;
    height: 26px;
    background-color: #ddd;
    margin: 0 20px;
}

.welcome_icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 26px;
}

.welcome_icon > img {
    max-width: 20px;
    width: 100%;
}

.more_tag_wrap {
    margin-top: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.more_tag_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.more_tag {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px 15px;
}

.more_tag_point {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #161616;
    margin-right: 12px;
}

.more_tag_text {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.welcome_btn_wrap {
    margin-top: 24px;
}

.welcome_btn {
    height: 32px;
    flex-shrink: 0;
    background-color: #ff7450;
    border-radius: 6px;
    color: var(--pc-white, #fff);
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    cursor: pointer;
}
.welcome_btn>a{
    color: var(--pc-white, #fff);
}
.welcome_btn>a:hover{
    color: var(--pc-white, #fff);
    text-decoration: none;
}
.tips_top {
    color: var(--pc, #ff7450);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 20px;
}

.shopList_wrap_hot {
}

.shop_data {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

.msg_img_wrap {
    width: 100%;
    position: relative;
    height: 130px;
    border-radius: 5px;
    border: 1px solid var(--pcf-0-f-0-f-0, #f0f0f0);
}

.msg_img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.msg_img_type {
    position: absolute;
    top: 0;
    left: 0;
}

.shadow_icon {
    border-radius: 5px 0 0 0;
}

.praise_icon {
    position: absolute;
    top: 4px;
    left: 4px;
}

/* .msg_title {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 超出文本两行的部分不显示 */
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative; */
} */

.msg_evaluate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

.msg_evaluate_num {
    color: var(--pcf-53-b-3-b, #f53b3b);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.msg_evaluate_img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
}

.msg_evaluate_img > img {
    width: 16px;
    height: 16px;
}

.msg_evaluate_text {
    color: var(--pc-999, #999);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 575px) {
    .msg_evaluate_img {
        margin-right: 6px;
    }

    .msg_evaluate_text {
        /* 超出文本两行的部分不显示 */
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

.msg_type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;
}

.shopList_wrap_other .msg_type {
    margin-bottom: 38px;
}

.msg_type_text {
    color: var(--pc-999, #999);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.msg_type_shu {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ddd;
}

.msg_shopName {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 7px;
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.msg_shopName > span {
    /* 超出文本两行的部分不显示 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.msg_shopName > img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.msg_new_comment {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:20px;
    margin-bottom: 7px;
    color: #000;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.msg_new_comment > span {
    /* 超出文本两行的部分不显示 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.msg_new_comment > img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.fn_btn_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.fn_site_wrap {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.fn_site_wrap > img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.fn_details_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--pc, #ff7450);
    padding: 6px 22px;
    box-sizing: border-box;
    color: #fff;

    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: max-content;
    cursor: pointer;

    position: absolute;
    bottom: 0;
    right: 0;
}

.other_tips {
    color: var(--pc-999, #999);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 20px;
}

.page_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.page_wrap > img {
    width: 24px;
    height: 24px;
}

@media (max-width: 767px) {
    .page_wrap {
        margin-bottom: 30px;
    }
}

.page_num {
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_num_class {
    color: #000;
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 14px;
    cursor: pointer;
}

.page_num .page_num_class:last-child {
    margin-right: 0px;
}

.act_page {
    color: var(--pc, #ff7450);
}

.bottom_img {
    width: 100%;
    margin-top: 50px;
    flex-shrink: 0;
    border: 8px;
}

.bottom_img > img {
    border: 8px;
    width: 100%;
    height: 100%;
}

.about_news {
    min-height: 470px;
    background-color: #f8f8f8;
    padding: 15px 12px 36px;
    border-radius: 12px;
}

.model_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.model_title_shu {
    width: 2px;
    height: 16px;
    flex-shrink: 0;
    background: var(--pc, #ff7450);
    margin-right: 10px;
}

.model_title_text {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.about_news_wrap {
}

.about_news_item {
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.about_news_img {
    width: 100%;
    height: 90px;
    border-radius: 12px;
}

.about_news_img > img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.about_news_msg {
    position: relative;
    height: 100%;
    width: 100%;
}

.about_news_title {
    color: var(--pc-black, #161616);
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* 超出文本两行的部分不显示 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.about_news_num {
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    bottom: 0;
}

.other_img_wrap {
}

.other_img {
    margin-top: 20px;
    width: 100%;
    border-radius: 12px;
}

.other_img > img {
    width: 100%;
    border-radius: 12px;
}
.crumbs_a {
    color: var(--pc-999, #999);
    text-decoration: none;
    line-height: 20px;
}
/* 主要内容结束 */
.selectWrap {
    padding-top: 10px;
}

.row {
    display: flex;
    flex-wrap: wrap;

}

.row-item {
    margin-right: 25px;
}

.row-item a {
    color: var(--pc-black, #161616);
    text-decoration: none;
}

.allBtn {}

.allBtn a {
    text-decoration: none;
    color: var(--pc-black, #161616);
}

.active_btn a {
    color: #fff;
}

.tagBtn-active {
    color: #fff;
    background: var(--pc, #FF7450);
    border-radius: 20px;

    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 13px;
    cursor: pointer;
    white-space: nowrap;
}

.tagBtn-active a {
    color: #fff;
}

.pagination li {
    padding: 5px 5px;
    color: #000;
}

.pagination li a {
    color: #000;
}

.pagination .active {
    color: var(--pc, #FF7450);
}

.filter_btn a {
    color: #000;
}

.sort_active a {
    color: var(--pc, #FF7450);
}