body{
    background: #f7f8f9;
}
.settled-header{
    position: static !important;
}
.settled-header .header-module .address_tag,.settled-header .header-module .search_input{
    display: none;
}
.jia_footer .footer_box{
    z-index: 86 !important;
}
.index_page{
    font-family: PingFang SC;
    position: relative;
    z-index: 30;
}
div {
    box-sizing:border-box;
    line-height:1;
}
img {
    object-fit:cover
}
.flx {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:-moz-box;
    display:-moz-flex;
    display:flex;
    align-items:center
}
.navbar {
    padding:.1rem 0 .12rem;
    height:.36rem;
    background: #f7f8f9;
    position: relative;
    z-index: 85;
}
.list-header {
    background:#f7f8f9;
    position: sticky;
    top: 0;
    transition: .3s all ease;
    z-index: 85;
}
.navbar .navbar-txt {
    color:#555;
    text-align:center;
    font-weight:500;
    font-size:.13rem;
    line-height:1;
    flex:1;
}
.navbar .navbar-txt.cur {
    position:relative;
    color:#ee2d1b;
    font-weight:500
}
.navbar .navbar-txt.cur::after {
    position:absolute;
    bottom:-.06rem;
    left:50%;
    width:.13rem;
    height:.03rem;
    border-radius:.03rem;
    background:linear-gradient(90deg,#ff5d32 0,#fe2b2b 100%);
    content:'';
    transform:translateX(-50%)
}
.category-list {
    overflow-x:auto;
    margin:0 .12rem;
    padding:.04rem 0 .06rem;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.category-list::-webkit-scrollbar {
    display:none
}
.category-list .slide-box {
    width:max-content
}
.category-list .category-txt {
    margin-right:.09rem;
    padding:0 .09rem;
    width:auto;
    height:.2rem;
    border-radius:.14rem;
    background:#f2f2f2;
    color:#333;
    text-align:center;
    font-weight:400;
    font-size:.1rem;
    line-height:.2rem
}
.category-list .category-txt.cur {
    background:#ffeded;
    color:#ee2d1b;
    font-weight:500
}
.list-content {
    background: #f7f8f9;
}
.overflow {
    overflow:hidden
}
.sku-card {
    overflow:hidden;
    border-radius:8px;
    box-shadow:0 0 .17rem 0 rgba(231,231,231,.5)
}
.sku-section {
    margin:0 -.045rem;
    flex-wrap:wrap
}
.sku-section .col2 {
    margin-bottom:.09rem;
    padding:0 .045rem;
    width:50%
}
.sku-card .sku-img {
    position:relative;
    overflow:hidden;
    padding-top:100%
}
.sku-card .sku-img img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.sku-card .sku-info {
    padding:.07rem .04rem .08rem;
    border-radius:.03rem;
    background:#fff
}
.sku-card .sku-name {
    display:-webkit-box;
    overflow:hidden;
    height:.32rem;
    color:#333;
    text-overflow:ellipsis;
    font-weight:500;
    font-size:.12rem;
    line-height:.16rem;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.sku-card .sku-store {
    overflow:hidden;
    margin:.05rem 0 .07rem;
    height:.14rem;
    color:#999;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
    font-size:.1rem;
    line-height:.1rem
}
.sku-card .willprice {
    color:#ee2d1b;
    font-weight:600;
    font-size:.09rem;
    line-height:1
}
.sku-card .willprice .txt {
    font-weight:500;
    font-size:.17rem
}
.sku-card .sale-num {
    color:#666;
    white-space:nowrap;
    font-weight:400;
    font-size:.09rem;
    line-height:1
}
.sku-card .sale-box {
    align-items:baseline
}
.coupon-card {
    margin-bottom:.09rem;
    padding:0 .1rem;
    border-radius:.04rem;
    background:#fff;
    box-shadow:0 0 .09rem 0 rgba(231,231,231,.6)
}
.coupon-detail {
    padding-top:.1rem;
    padding-bottom:.09rem
}
.coupon-card .store-info {
    padding:.1rem 0;
    border-bottom:1px dashed #ececec;
    align-items:flex-end;
    justify-content:space-between
}
.coupon-card .store-detail {
    display:flex;
    margin-left:.07rem;
    height:.24rem;
    flex:1;
    flex-direction:column;
    justify-content:space-between
}
.coupon-card .brand-img {
    overflow:hidden;
    width:.26rem;
    height:.26rem;
    border-radius:50%
}
.coupon-card .brand-img img {
    width:100%;
    height:100%
}
.coupon-card .store-name {
    color:#666;
    font-weight:500;
    font-size:.1rem
}
.coupon-card .store-rank {
    color:#ee2d1b;
    font-weight:400;
    font-size:.09rem
}
.coupon-card .store-distance {
    color:#666;
    font-weight:400;
    font-size:.1rem
}
.coupon {
    display:flex;
    width:100%;
    height:.67rem;
    border-radius:.08rem;
    background:#fff0e8;
    align-items:center
}
.coupon .coupon-left {
    position:relative;
    display:flex;
    width:.79rem;
    height:100%;
    justify-content:space-around;
    align-items:center
}
.coupon .coupon-left::after {
    position:absolute;
    top:20%;
    right:0;
    height:60%;
    border-right:1px dashed #ff6330;
    content:""
}
.coupon .coupon-left .willprice {
    overflow:hidden;
    width:100%;
    color:#ee2d1b;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:500;
    font-size:.1rem
}
.coupon .coupon-left .willprice .txt {
    font-weight:500;
    font-size:.2rem
}
.coupon .coupon-right {
    position:relative;
    display:flex;
    padding-left:.09rem;
    width:1.3rem;
    height:100%;
    flex-direction:column;
    justify-content:center
}
.coupon .coupon-right .face-price {
    overflow:hidden;
    margin-bottom:.08rem;
    color:#333;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:500;
    font-size:.12rem
}
.coupon .coupon-right .limit-txt {
    overflow:hidden;
    color:#666;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
    font-size:.1rem
}
.coupon .coupon-get {
    display:flex;
    width:calc(100% - .79rem - 1.3rem);
    height:100%;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.coupon .coupon-get .sale-num {
    overflow:hidden;
    margin-bottom:.03rem;
    width:100%;
    color:#666;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
    font-size:.09rem
}
.coupon .coupon-get .coupon-btn {
    width:.51rem;
    height:.22rem;
    border:1px solid #ee2d1b;
    border-radius:.11rem;
    background:#fff;
    color:#ee2d1b;
    text-align:center;
    font-size:.12rem;
    line-height:.22rem
}
.coupon .coupon-right::after,.coupon .coupon-right::before {
    position:absolute;
    left:-7px;
    width:13px;
    height:13px;
    border-radius:50%;
    background-color:#fff;
    content:""
}
.coupon .coupon-right::before {
    top:-7px
}
.coupon .coupon-right::after {
    bottom:-7px
}
.storeList .storeItem {
    box-shadow:0 0 .17rem 0 rgba(231,231,231,.5)
}
.new-store-list .filtration .filtNav {
    padding: .05rem .12rem;
    background: #f7f8f9;
}
.new-store-list .storeList {
    margin-top:0;
    padding:0 .12rem;
    background:#f7f8f9
}
.filtration .occupied {
    height:auto
}
body.fixed {
    overflow:hidden
}
.sku-img {
    position:relative
}
.sku-img .time-box {
    position:absolute;
    bottom:0;
    left:50%;
    overflow:hidden;
    padding:0 .05rem;
    height:.17rem;
    max-width:1.2rem;
    border-radius:.08rem .08rem 0 0;
    background:rgba(0,0,0,.6);
    color:#fff;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
    font-size:.08rem;
    line-height:.17rem;
    transform:translateX(-50%)
}
.sku-img .time-box .syb {
    font-size:.07rem
}
.sku-img .time-box .num {
    font-weight:500;
    font-size:.1rem
}
.sku-img .time-box .time-day {
    margin-left:.04rem
}
.recommend-no-result {
    display: none;
    padding:.2rem 0;
    padding-top:.23rem;
    background:#FBFBFB;
    text-align:center
}
.recommend-no-result .icon {
    width:1rem
}
.recommend-no-result .Rwords {
    margin-top:.1rem;
    padding:0 .3rem;
    color:#999;
    font-size:.11rem
}
.noMore {
    position:relative;
    padding:.1rem 0;
    text-align:center
}
.noMore span {
    color:#ccc;
    font-weight:400;
    font-size:.11rem
}
.noMore span::before {
    position:absolute;
    top:50%;
    left:.1rem;
    width:1.12rem;
    border-bottom:1px solid #eee;
    content:'';
    transform:translateY(-50%)
}
.noMore span::after {
    position:absolute;
    top:50%;
    right:.1rem;
    width:1.12rem;
    border-bottom:1px solid #eee;
    content:'';
    transform:translateY(-50%)
}
.headerzone {
    height:.37rem;
    padding: .05rem 12px;
    /*background: #fff;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*.nav-wrap.sticky{*/
/*    position: sticky;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    z-index: 90;*/
/*    background: #fff;*/
/*}*/
.headerzone .address{
    font-size: 0.12rem;
    font-weight: 400;
    color: #333333;
    padding: 0;
    text-align: left;
}
.headerzone .search-wrap{
    width: 2.47rem;
    height: 0.27rem;
    background: #fff;
    border-radius: 0.14rem;
    padding-left: .1rem;
    display: flex;
    align-items: center;
}
.headerzone .search-wrap .search-hint{
    height: .27rem;
    width: 100%;
    margin: 0;
}
.headerzone .search-wrap .search-p{
    font-size: 0.12rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.27rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.headerzone .search-wrap .search-icon{
    display: block;
    background: url(//mued2.jia.com/image/wangpu/index-search-icon.png) no-repeat;
    background-size: 100%;
    width: .15rem;
    height: .15rem;
    margin-right: .05rem;
    margin-top: 3px;
}
.loader-mask{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9010;
}
.loader-mask .loader-wrap{
    width: .8rem;
    height: .8rem;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader {
    position: relative;
    margin: 0 auto;
    width: .45rem;
}
.loader::before {
    content: '';
    display: block;
    padding-top: 100%;
}
.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #fff;
    stroke-linecap: round;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
.list-section {
    padding: 0.09rem 12px 0;
    align-items: flex-start;
}
.shop-section.list-section {
    padding: 0;
}
.new-shop-result-list {
    padding:0 .12rem
}
.filtNapeMain .allSaleBox {
    max-height:70vh;
    min-height:30vh
}
.filtNapeMain {
    height:auto;
    max-height:70vh;
    min-height:30vh
}
.storeItem .name {
    line-height: 1.5;
    font-weight: 600;
    font-size: .13rem;
}
.adSwiper {
    margin-top: .09rem;
    background: transparent;
}
.sold-out-pop {
    width: 100%;
    height: 100%;
    background: url(//mued2.jia.com/image/wangpu/sold-out.png) center center no-repeat;
    background-size: 70% 70%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    background-color: rgba(0,0,0,.6);
}
.loading-box {
    position:relative;
    position:fixed;
    top:50%;
    left:50%;
    display:flex;
    width:.7rem;
    height:.7rem;
    border-radius:10px;
    background:rgba(0,0,0,.75);
    transform:translate(-50%,-50%);
    justify-content:space-around;
    align-items:center
}
.loading-box .circle-box {
    position:relative;
    width:.5rem;
    height:.5rem
}
.loading-box .sk-circle {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.loading-box .sk-circle:before {
    display:block;
    margin:0 auto;
    width:17%;
    height:17%;
    border-radius:100%;
    background-color:#fff;
    content:'';
    animation:sk-circleFadeDelay 1.2s infinite ease-in-out both
}
.loading-box .sk-circle2 {
    transform:rotate(30deg)
}
.loading-box .sk-circle3 {
    transform:rotate(60deg)
}
.loading-box .sk-circle4 {
    transform:rotate(90deg)
}
.loading-box .sk-circle5 {
    transform:rotate(120deg)
}
.loading-box .sk-circle6 {
    transform:rotate(150deg)
}
.loading-box .sk-circle7 {
    transform:rotate(180deg)
}
.loading-box .sk-circle8 {
    transform:rotate(210deg)
}
.loading-box .sk-circle9 {
    transform:rotate(240deg)
}
.loading-box .sk-circle10 {
    transform:rotate(270deg)
}
.loading-box .sk-circle11 {
    transform:rotate(300deg)
}
.loading-box .sk-circle12 {
    transform:rotate(330deg)
}
.loading-box .sk-circle2:before {
    animation-delay:-1.1s
}
.loading-box .sk-circle3:before {
    animation-delay:-1s
}
.loading-box .sk-circle4:before {
    animation-delay:-.9s
}
.loading-box .sk-circle5:before {
    animation-delay:-.8s
}
.loading-box .sk-circle6:before {
    animation-delay:-.7s
}
.loading-box .sk-circle7:before {
    animation-delay:-.6s
}
.loading-box .sk-circle8:before {
    animation-delay:-.5s
}
.loading-box .sk-circle9:before {
    animation-delay:-.4s
}
.loading-box .sk-circle10:before {
    animation-delay:-.3s
}
.loading-box .sk-circle11:before {
    animation-delay:-.2s
}
.loading-box .sk-circle12:before {
    animation-delay:-.1s
}
.storeList::before {
    height:.32rem!important;
    background: transparent;
}
@-webkit-keyframes sk-circleFadeDelay {
    0%,100%,39% {
        opacity:0
    }
    40% {
        opacity:1
    }
}@keyframes sk-circleFadeDelay {
     0%,100%,39% {
         opacity:0
     }
     40% {
         opacity:1
     }
 }
.sku-info .market-price {
      flex:1;
      font-size:.09rem;
      font-weight:400;
      color:#999;
      margin-left:.02rem;
      text-decoration:line-through
}
.top-white .recommend-list-container .navbar{
    /*background: #fff;*/
    position: sticky;
    /*padding: 10px 10px calc(0.51rem + constant(safe-area-inset-bottom));*/
    /*padding: 10px 10px calc(0.51rem + env(safe-area-inset-bottom));*/
    top: 0.37rem;
    top: calc(0.37rem + constant(safe-area-inset-top));
    top: calc(0.37rem + env(safe-area-inset-top));
    z-index: 90;
}
.top-white .recommend-list-container .list-header, .top-white .new-store-list .filtration .filtNav{
    /*background: #fff;*/
}
.new-store-list .filtration{
    position: sticky;
    top: 0;
    z-index: 80;
    transition: .3s all ease;
}
.result_none{
    background: #f7f8f9 !important;
}
.index_page.up .list-header,.index_page.up .filtration{
    top: .7rem;
    top: calc(0.7rem + constant(safe-area-inset-top));
    top: calc(0.7rem + env(safe-area-inset-top));
}
.index_page .nav-box{
    /*height: calc(0.37rem + constant(safe-area-inset-top));*/
    /*height: calc(0.37rem + env(safe-area-inset-top));*/
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
    background: #f7f8f9;
}
.brand-category{
    display: flex;
    align-items: center;
    /*padding: 0 .1rem;*/
}
.brand-strategy{
    padding: 0;
    display: none;
}
.brand-strategy .col5 .brand-cate-item{
    padding: .06rem 0;
    background: #fff;
    border-radius: .14rem;
    font-size: .1rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
}
.brand-strategy .col5.cur .brand-cate-item{
    background: #FFEDED;
    color: #EE2D1B;
    font-weight: 800;
}
.brand-category .right{
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 -.04rem;
    flex-wrap: wrap;
    padding: 0 .1rem .13rem;
    z-index: 85;
    position: relative;
}
.brand-strategy .cate-list{
    display: flex;
    align-items: center;
    margin: 0 -.04rem;
    flex-wrap: wrap;
}
.brand-strategy .all-cates{
    background: #F7F8FA;
    padding: 0 .1rem .13rem;
    border-radius: 0px 0px 20px 20px;
    z-index: 85;
    position: relative;
}
.brand-strategy .close-cates{
    width: .14rem;
    height: .07rem;
    background: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.053 7.73a.983.983 0 0 1-1.353 0L8 2.228 2.3 7.729a.983.983 0 0 1-1.353 0 .9.9 0 0 1 0-1.306L7.324.27a.98.98 0 0 1 1.352 0l6.377 6.153a.901.901 0 0 1 0 1.306v.001z' fill='%23606275' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
    margin: .2rem auto 0;
}
.brand-category .right{
    padding: 0 0 0 .1rem;
}
.brand-category .left{
    margin-right: .1rem;
}
.brand-strategy .col5{
    width: 20%;
    padding: 0 .04rem;
    /*margin-bottom: .08rem;*/
}
.brand-strategy  .cate-list .col5{
    margin-bottom: .09rem;
}
.brand-category .left{
    margin-left: .04rem;
    width: .22rem;
    height: .22rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-category .left i{
    width: .1rem;
    height: .1rem;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.493 1.51h-8.9c-.488 0-.89.269-.89.836s.402.836.89.836h8.9c.489 0 .89-.269.89-.836-.002-.569-.401-.836-.89-.836zm0 3.744h-8.9c-.488 0-.89.269-.89.836s.402.836.89.836h8.9c.489 0 .89-.269.89-.836-.002-.569-.401-.836-.89-.836zm0 3.652h-8.9c-.488 0-.89.269-.89.836s.402.836.89.836h8.9c.489 0 .89-.27.89-.836-.002-.569-.401-.836-.89-.836z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
}
.cate-popmask{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    z-index: 80;
    display: none;
}
.brand-list{
    margin-top: .05rem;
    padding: 0 .1rem;
    background: #fff;
}
.brand-list .ppzq-card{
    padding: .13rem 0;
    border-bottom: 0.5px solid rgba(0, 0, 0, .12);
    display: block;
}
.brand-list .brand-card .title{
    font-size: .13rem;
    font-weight: 500;
    color: #333333;
    line-height: 1.4;
}
.brand-list .brand-card .content img{
    width: 100%;
    height: 1.55rem;
    object-fit: cover;
    margin: .1rem 0;
}
.brand-list .brand-card .content{
    position: relative;
}
.brand-list .brand-card .content .video-play{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: .39rem;
    height: .39rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAApVBMVEUAAAAAAAAAAAB1dXUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcHBwAAAAAAAAAAAAAAAD9/f0KCgrDw8OUlJT39/dQUFD6+vrNzc1dXV1AQEAvLy/09PTx8fHw8PDt7e3p6eni4uLe3t7c3NzT09OysrKfn5+NjY1/f39wcHBpaWnZ2dnJycm6urq2traqqqqFhYVDQ0M6Ojr////bBoWWAAAANnRSTlNmAASMY15WGFFGPDksKBVtW000M/xpvJ3zffjFg3hz7+zp5+Pa1tPLr6OZkouI0cK1s6qVeXYlEgXDAAACaUlEQVRo3u2aiXLTMBCGf1RZ8h03iXP0CLSlLS0tN3n/R6MwHakzxlmtjsEMfA+QbyxlV6td4VVi/gtiCUTbVEXeSTwhu7yomlbEE+h5LjFA5nMdQ6DLDKNkpQ4TiFqBQNXCWyAWGRzIFsJLIOoMjmS14Au0AgOlmQJRgkkpOIJWgY1q3QWNhAeycRVU8KRyEogC3hSCFohjBHAsCAH5+7SBEBQIpDgsqBBMdUjQIALNuKCViIBsxwRCIQpKjAhKRKL8vUAjGnogMAsUfZGsoEZE6qFAZIhIJgaCBaKysAL7AUk+AS478Lha3fdeu2AFCuOs909cvgcLZQRkDPSb/S8+bH1iAXQQn+2fWa5mzHC2gkNbfLQ3bO4Y2/xSoEEIDFcPjDWygjkpsNyew435C0FOCyzLz25bkVuBkC4Cy+s1HJDCCFoQggFvz0DTGkFDCoac7kDRGEHFEBhO3lHZozKCgiOwXHwlSiQjyHkCy/XB7JEbQecjoLNHZwSSLbC8GY87aQTgCyzXGCVIYJklFiz7xIJTjBJlk29mxCaz/qa8tNcFB9ry04wItLBUcfuNSBVhye7qCARVSLre3PWgaPgHDq+Aab2PzJst48jkH/oXjkVk7le2nHzpGWULv/D6uIMr2rV0fOAUE5bMufjdmrPlHj7FL71Gl89VxAwctPsF5HHzMyt/BwvFuULt1utzMKmTXwJTX2OTX8RTtxKSN0NSt3NSN6SSt9RSNwVTtzVTN2ZTt5aTN8dTt/f//IAiaMQylSGR75hrSoM6j1Hj9IalrHHvVAfWTiP36T8aGH/28Hc93PiXBT8AlLmjlskWbpoAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 100%;
    z-index: 1;
}
.brand-list .brand-card .content .video-time{
    width: .4rem;
    height: .15rem;
    background: rgba(0,0,0,0.6);
    border-radius: .08rem;
    text-align: center;
    font-size: .09rem;
    font-weight: 400;
    color: #fff;
    line-height: .15rem;
    position: absolute;
    bottom: .18rem;
    right: .09rem;
}
.brand-list .brand-card .footer{
    font-size: .09rem;
    font-weight: 400;
    color: #848494;
    display: flex;
    align-items: center;
}
.brand-list .brand-card .footer .label{
    padding: 0 .03rem;
    height: .15rem;
    line-height: .15rem;
    background: #FFF7F2;
    border-radius: .02rem;
    border: 1px solid #F7880F;
    font-size: .09rem;
    font-weight: 400;
    color: #FF7F24;
    margin-right: 5px;
}
.brand-list .hot-goods .title{
    font-size: .2rem;
    font-weight: 700;
    color: #000028;
}
.brand-list .hot-goods .hot-list{
    display: flex;
    align-items: center;
    margin: 15px -5px 0;
}
.brand-list .hot-goods .hot-list .col3{
    width: 33.3333%;
    padding: 0 5px;
}
.brand-list .hot-goods .hot-list .col3 .hot-card{
    overflow: hidden;
    border-radius: 8px;
    border: 1PX solid #e0e0e0;
    width: 100%;
    padding-bottom: 5px;
}
.brand-list .hot-goods .hot-list .col3 .hot-card .hot-img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}
.brand-list .hot-goods .hot-list .col3 .hot-card .hot-img  img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-list .hot-goods .hot-list .col3 .hot-card .hot-name{
    font-size: .1rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    line-height: 1.4;
}
.brand-rank .rank-card{
    background: #fff;
    margin-bottom: .09rem;
    border-radius: .05rem;
}
.brand-rank .rank-card .card-title{
    background: linear-gradient(180deg, #FFEDED 0%, #FFFFFF 100%);
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .1rem;
}
.brand-rank .rank-card .card-title .brand-cate{
    font-size: .14rem;
    font-weight: 500;
    color: #333333;
    line-height: .4rem;
    font-family: PingFang SC;
}
.brand-rank .rank-card .card-title .more-btn{
    font-size: .09rem;
    font-weight: 400;
    color: #848494;
    line-height: .4rem;
}
.brand-rank .rank-card .card-title .more-btn::after{
    content: '';
    width: .08rem;
    height: .08rem;
    background: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23999' stroke-width='.3' fill='%23999' fill-rule='nonzero'%3E%3Cpath d='M6.315 4.901a.4.4 0 0 0 .284-.684L2.989.609a.4.4 0 1 0-.566.567l3.609 3.608c.078.079.18.117.283.117z'/%3E%3Cpath d='M2.708 8.51a.4.4 0 0 0 .284-.118l3.607-3.608a.4.4 0 1 0-.567-.567L2.424 7.825a.4.4 0 0 0 .284.684z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 2px;
}
.brand-rank .rank-list{
    display: flex;
    margin: 0 -.03rem;
    padding: 0 .1rem .1rem;
}
.brand-rank .rank-list .col3{
    width: 33.3333%;
    padding: 0 .03rem;

}
.brand-rank .rank-list .col3 .rank-item{
    width: 100%;
    height: 1.1rem;
    background: #F7F8FA;
    position: relative;
    padding-top: .13rem;
    border-radius: .04rem;
}
.brand-rank .rank-list .col3 .rank-item .rank-index{
    width: .25rem;
    height: .25rem;
    position: absolute;
    top: 0;
    left: 0;
}
.brand-rank .rank-list .col3 .rank-item .brand-logo{
    width: .42rem;
    height: .42rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.brand-rank .rank-list .col3 .rank-item .brand-logo img{
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    position: absolute;
    top: 56%;
    left: 48%;
    transform: translate(-50%, -50%);
}
.brand-rank .rank-list .col3 .rank-item .brand-name{
    font-size: .12rem;
    font-weight: 500;
    color: #333333;
    line-height: 1;
    margin: .09rem auto;
    text-align: center;
}
.brand-rank .rank-list .col3 .rank-item .brand-shop-count{
    font-size: .09rem;
    font-weight: 400;
    color: #848494;
    line-height: 1;
    text-align: center;
}
.more-brand-cate .navbar{
    position: fixed;
    top: 0.37rem;
    width: 100%;
}
.more-brand-cate .navbar{
    position: fixed;
    top: 0.37rem;
    width: 100%;
}
.more-brand-cate .all-cates{
    position: fixed;
    top: 0.72rem;
}
.strategy-categorys{
    position: sticky;
    top: 0.37rem;
    top: calc(0.37rem + 1em + .2rem + constant(safe-area-inset-top));
    top: calc(0.37rem + 1em + .2rem + env(safe-area-inset-top));
    background: #F7F8FA;
    z-index: 82;
    padding: 0 0 5px;
}
.more-brand-cate .strategy-categorys{
    position: static;
    z-index: 80;
}