* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*dark : 浅色*/
@media (prefers-color-scheme: light) {
    html{
        --bdbg-color1fix:#e9eef9;
        --bdbg-color2fix:#fff;
        --bdbg-color3fix:#e9eef9;
        --bdbg-color4fix:#fff;
        --bdbg-color5fix:#E0E7F5;
        --bdbg-color6fix:#e8eefa;
        --bdbg-color7fix:#fff;
        --bdbg-color8fix:#fff;
        --bdbg-color9fix:#ffffff;
        --bdbg-color10fix:#f5f8ff;
        --bdbg-color11fix: linear-gradient(270deg, #482BC9 0%, #5985DB 100%), rgba(0, 0, 0, 0.74);
        --bdbg-color12fix: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);
        --bdbg-color13fix: #48FF54;

        --bdtext-color1fix: #FFFFFFCC;
        --bdtext-color2fix: #849448;
        --bdtext-color3fix: #000000B2;
        --bdtext-color4fix: #333;
        --bdtext-color5fix: #6C7892;
        --bdtext-color6fix: #888888;
        --bdtext-color7fix: #000000CC;
        --bdtext-color8fix: #00000099;

        --bdtext-color9fix: #333333;
        --bdtext-color10fix: #000000E5;
        --bdtext-color11fix: #00000066;
        --bdtext-color12fix: #666;
        --bdtext-color13fix: #666;
        --bdtext-color14fix: #fff;
        --bdtext-color15fix: #48FF54;
        --bdtext-color16fix: #2AFF00;
    }

}
/*dark : 深色*/
@media (prefers-color-scheme: dark) {
    html {
        --bdbg-color1fix:#202023;
        --bdbg-color2fix:#282f4a;
        --bdbg-color3fix:#171B2A;
        --bdbg-color4fix:#2e313c;
        --bdbg-color5fix:#464B5C;
        --bdbg-color6fix:#3a3e4a;
        --bdbg-color7fix:#2e313c;
        --bdbg-color8fix:#2E313C;
        --bdbg-color9fix:#2e313c;
        --bdbg-color10fix:#323644;

        --bdtext-colorfix:#FFFFFFCC;
        --bdtext-color2fix:#CED8AB;
        --bdtext-color3fix:#FFFFFFCC;
        --bdtext-color4fix:#FFFFFF;
        --bdtext-color5fix:#B8C3EE;
        --bdtext-color6fix:#FFFFFF80;

        --bdtext-color8fix:#FFFFFF99;

        --bdtext-color9fix:#FFFFFFCC;
        --bdtext-color10fix:#FFFFFFE5;
        --bdtext-color11fix:  #FFFFFF66;
        --bdtext-color12fix: #FFFFFFB2;
        --bdtext-color13fix: #FFFFFFCC;
    }
}
/* .bddark-modefix{
    --bdbg-color1fix:#202023;
    --bdbg-color2fix:#282f4a;
    --bdbg-color3fix:#171B2A;
    --bdbg-color4fix:#2e313c;
    --bdbg-color5fix:#464B5C;
    --bdbg-color6fix:#3a3e4a;
    --bdbg-color7fix:#2e313c;
    --bdbg-color8fix:#2E313C;
    --bdbg-color9fix:#2e313c;

    --bdtext-colorfix:#FFFFFFCC;
    --bdtext-color2fix:#CED8AB;
    --bdtext-color3fix:#FFFFFFCC;
    --bdtext-color4fix:#FFFFFF;
    --bdtext-color5fix:#B8C3EE;
    --bdtext-color6fix:#FFFFFF80;

    --bdtext-color8fix:#FFFFFF99;

    --bdtext-color9fix:#FFFFFFCC;
    --bdtext-color10fix:#FFFFFFE5;
    --bdtext-color11fix:  #FFFFFF66;
    --bdtext-color12fix: #FFFFFFB2;
} */
.bdmy4fix {
    margin-top: .08rem;
    margin-bottom: .08rem;
}
html {
    width: 100%;
}

body {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    color: var(--bdtext-colorfix);
    overflow-y: auto;
    font-family: -apple-system, BlinkMacSystemFont, Microsoft YaHei, Arial, sans-serif;
}

#app {
    font-size: .24rem;
    background-color: var(--bdbg-color1fix);
    position: relative;
    height: 100%;
    min-height: 100vh;
}
.bdmy-stickyfix {
    position: sticky;
    top: 0;
    padding: 0 .16rem;
    background-color: var(--bdbg-color2fix);
    z-index: 10;
}
.bdmarquee-wrapfix {
    padding: .08rem 0;
}

.bdmarquee-boxfix {
    display: flex;
    align-items: center;
    height: .72rem;
    padding: .1rem;
    background-color: var(--bdbg-color3fix);
    color: #565961;
    border-radius: .35rem
}
.bdmarquee-boxfix .bdcontainer-mainfix {
    flex: 1;
    margin: 0 .15rem;
    font-size: .2rem;
    overflow: hidden
}

.bdmarquee-boxfix p {
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    font-size: .28rem;
    animation: bdvMarqueefix 10s linear infinite
}


@keyframes bdvMarqueefix {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

.bdnotiffix {
    margin-left: .28rem;
}

.bdhiddenfix {
    display: none;
}


.bdml12fix{
    margin-left:.24rem;
}
.bdflexfix {
    display: flex;
}

.bdflex-middlefix {
    align-items: center
}

.bdflex-centerfix {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bdflex-1fix {
    flex: 1;
}


a:hover,
a:focus,
a:active {
    text-decoration: none
}

a {
    text-decoration: none;
    color: var(--bdtext-color4fix);
}


.bdcoverfix {
    overflow: hidden
}



.bdmb-4fix {
    margin-bottom: .08rem;
}
.bdpb0fix{
    padding-bottom: 0 !important;
}


img {
    object-fit: cover;
}

.bdmb8fix {
    margin-bottom: 8px;
}



.nav-c {
    display: flex;
    justify-content: space-between;
    height: .88rem;
    align-items: center;
    z-index: 100;
}

.nav-c .item {
    font-size: .28rem;
    color: var(--bdtext-color3fix);
    font-weight: 600;
    height: .56rem;
    line-height: .56rem;
    padding: 0 .2rem;
    border-radius: .68rem;
}

.nav-c .item.active {
    font-weight: 700;
    background-image: url('../../img/abcd/tab-bg.png');
    background-position: center bottom; /* 距离底部0px */
    background-repeat: no-repeat;
    background-size: 28px 14px;
    /*background: linear-gradient(90deg, #F1FF2F 0%, #24DD6E 100%);*/
    color: #16291A;
}

.swiper-c,.swiper-container,.bdzp-swperfix{
    overflow: hidden;
}

.bdbody-containerfix {
    padding: 8px;
}
.bdad-item-wrapfix {
    border-radius: 10px;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
}
.bdad-item-conterfix{
    margin-top: 50px;
    border-radius: 10px;
    padding: 16px 8px;
    background-color: var(--bdbg-color4fix);
}

.bdgrid-cols-5fix {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    row-gap: 0.24rem;
    column-gap: 0.1rem;
}

.bdgrid-itemfix {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bdgrid-itemfix img {
    width: 1.28rem;
    min-height: 1.28rem;
    max-height: 1.28rem;
    border-radius: .2rem;
}

.bdgrid-itemfix .bdtextfix {
    text-align: center;
    font-size: .24rem;
}

.bdtextfix {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.bdjgg-loadfix {
    width: 1.08rem;
    height: .48rem;
    line-height: .48rem;
    background-color: var(--bdbg-color5fix);
    text-align: center;
    font-size: .28rem;
    border-radius: .24rem;
    color: var(--bdtext-color5fix);
}


.bdlf-g-loadfix{
    color: var(--bdtext-color6fix);
}






.bdad-text-wrapfix {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bdad-text-iconfix {
    margin-right: .05rem;
}
.bdad-text-itemfix {
    background-color: var(--bdbg-color8fix);
    color: var(--bdtext-color9fix);
    height: .64rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border-radius: 5px;
}
.bdad-text-itemfix.bdhfix{
    color: #FF4366;
}
.bdgrid-cols-2fix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
    column-gap: 16px;
}
.bdad2-itemfix {
    display: flex;
    align-items: center;
}
.bdad2-item-imgfix{
    width: .88rem;
    height: .88rem;
    margin-right: .16rem;
    border-radius: 5px;
}
.bdad2-item-infofix {
    flex: 1;
    max-width: 2.18rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}
.bdad2-namefix {
    color: var(--bdtext-color4fix);
    font-weight: 700;
    font-size: .28rem;

}
.bdad2-sub-textfix{
    color: var(--bdtext-color6fix);
}


.bds-wrapfix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .2rem;
    padding-top: .24rem;
    padding-bottom: .2rem;
}

.bds-wrapfix .bdlf-gfix {
    border-radius: .2rem;
    background-color: var(--bdbg-color4fix);
    display: flex;
    align-items: center;
    position: relative;
}
.bdlf-gfix .bdlf-g-imgfix {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem;
    margin-right: 0.16rem;
}
.bds-wrapfix .bdad-namefix {
    font-weight: 700;
    font-size: .28rem;
    color: var(--bdtext-color4fix);
}
.bdgo-iconfix {
    position: absolute;
    top: .24rem;
    right: 0;
}

.bdad3-itemfix {
    width: 3.04rem;
    margin-right: 4px;
    background-color: var(--bdbg-color6fix);
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 8px;
    display: block;
    position: relative;
}
.bdad3-item-imgfix {
    width: 3.04rem;
    height: 3.04rem;
}
.bdad3-item-afix {
    position: absolute;
    top: 2.86rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding: 0 2px;
    width: 100%;
}

.bdlike-wrapfix, .bdadd-wrapfix {
    width: 50%;
    height: .36rem;
    font-size: .2rem;
    padding: 0 .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}
.bdlike-wrapfix {
    background: url(../img/g-left.bdsvgfix) center / 100% 100% no-repeat;
}
.bdadd-wrapfix{
    background: url(../img/g-right.bdsvgfix) center/100% 100% no-repeat;
}


.bdzone-text-wrapfix {
    padding: .06rem .22rem .14rem .22rem;
}
.bdzone-itemfix .bdzone-text-wrapfix p {
    font-size: .2rem;
}


.bdzone-text-wrapfix .bdzone1-item-name-wrapfix span {
    font-size: .28rem;
    text-align: left;
}
.bdzone1-item-namefix {
    font-weight: 700;
}

.bdzone1-item-color1fix {
    color: #8996C7;
}

.bdzone1-item-color2fix {
    color: var(--bdtext-color8fix);
}
.bdzone-item-btn-wrapfix {
    padding: 0 8px;
}
.bdzone-item-btnfix {
    width: 100%;
    border-radius: .06rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    background: linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%);
    font-size: .26rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bditem-s4fix {
    padding: .22rem;
    margin-bottom: .2rem;
    background: var(--bdbg-color9fix);
    border-radius: .2rem
}

.bditem-s4fix .bdheaderfix {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bditem-s4fix .bdheaderfix .bdcoverfix {
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 50%
}

.bdcoverfix img {
    width: 100%;
    height: 100%;
}

.bditem-s4fix .bdheaderfix .bdnamefix {
    font-size: .4rem;
    font-weight: 600;
}

.bditem-s4fix .bdheaderfix .bdbtn-detailfix {
    width: 2rem;
    height: .68rem;
    line-height: .68rem;
    text-align: center;
    font-size: .28rem;
    color: #16291A;
    font-weight: 700;
    border-radius: .33rem;
    background: linear-gradient(90deg, #F1FF2F 0%, #24DD6E 100%);
}

.bditem-s4fix .bdtextfix {
    margin-top: .35rem;
    align-items: flex-start
}

.bditem-s4fix .bdmore-previewfix {
    display: grid;
    gap: .2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .28rem
}

.bditem-s4fix .bdmore-previewfix img {
    width: 2rem;
    height: 2.68rem;
    border-radius: .13rem
}
.bdaddressfix {
    border: 1px solid #39B09933;
    height: .44rem;
    border-radius: .14rem;
    padding: 0 10px;
    margin-top: 8px;
    white-space: nowrap;
    display: inline-flex;
}

.bdlive-wrapfix .bdlive-itemfix{
    width: 3.48rem;
}

.bdlive-itemfix {
    display: block;
    width: 3.04rem;
    position: relative;
}
.bdhot-iconfix{
    position: absolute;
    top: 0;
    left: 0;
}
.bdlive-wrapfix .bdlive-item-imgfix {
    width: 3.48rem;
    height: 5.2rem;
}
.bdlive-item-imgfix {
    width: 3.04rem;
    height: 4.54rem;
    min-height: 4.54rem;
    border-radius: 10px;
}
.bdcenter-iconfix {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    background: linear-gradient(270deg, rgba(45,122,255,.7) 0%, rgba(147,45,255,.7) 100%);
    border-radius: .62rem;
    height: .72rem;
    line-height: .72rem;
    color: #fff;
    padding: 0 .24rem;
    white-space:nowrap;
}
.bdbt-infofix {
    position: absolute;
    display:flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    height: .8rem;
    padding:0 4px;
    overflow: hidden;
    color: #fff;
    font-size: .24rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
}
.bdbt-infofix img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.08rem;
}
.bdbt-info-leftfix {
    color: #fff;
    display: flex;
    align-items: center;
}
.bdbt-info-leftfix .bddianfix {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: #48FF54;
    margin-right: .04rem;
}
.bdbt-info-leftfix .bdonline-numfix {
    color: #48FF54;
}
.bdbt-tfix {
    display: flex;
    align-items: center;
}


.bdqq-itemfix{
    display: block;
    width: 3.04rem;
    border-radius: 10px;
    padding: 6px;
    background-color:  var(--bdbg-color6fix);
}
.bdqq-imgfix{
    border-radius: 10px;
    width: 2.8rem;
    height: 2.8rem;
}
.bdqq-wrapfix .bdqq-itemfix{
    background-color: var(--bdbg-color7fix);
    width: 100%;
}
.bdqq-wrapfix .bdqq-imgfix {
    width: 3.24rem;
    height: 3.24rem;
}

.bdqq-livefix {
    position: relative;
    padding: 0;
}
.bdqq-livefix .bdqq-imgfix {
    display: block;
    width: 100%;
    height: 4.54rem;
}
.bdqq-livefix .bdqq-live-textfix {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: .72rem;
    line-height: .72rem;
    border-radius: .6rem;
    opacity: 0.8;
    background: var(--bdbg-color11fix);
    box-shadow: 0 0 10px 0 #20F;
    font-size: .24rem;
    color: var(--bdtext-color14fix);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bdqq-livefix .bdqq-live-bottomfix {
    position: absolute;
    width: 100%;
    height: .8rem;
    padding: 0 .1rem;
    bottom: 0;
    left: 0;
    color: var(--bdtext-color14fix);
    font-size: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .2rem;
    opacity: 0.8;
    background: var(--bdbg-color12fix);
    box-sizing: border-box;
}
.bdqq-livefix .bdqq-live-peoplefix {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: .12rem;
}
.bdqq-livefix .bdqq-live-peoplefix::after {
    content: '';
    position: absolute;
    top: .14rem;
    left: 0;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: var(--bdbg-color13fix);
}
.bdqq-livefix .bdqq-live-peoplefix span {
    font-size: .24rem;
    color: var(--bdtext-color15fix);
}
.bdqq-livefix .bdqq-live-iconfix {
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #FFFFFFCC;
}
.bdqq-livefix .bdqq-live-iconfix img {
    width: .2rem;
    height: .2rem;
    margin-right: .08rem;
}
.bdqq-titlefix{
    margin: 8px 0;
    font-size: .36rem;
    font-weight: 700;
    color: var(--bdtext-color8fix);
}
.bdlight-modefix .bdqq-titlefix {
    color: var(--bdtext-color7fix);
}
.bdqq-infofix{
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
}
.bdqq-picfix{
    font-size: .28rem;
    color: #FF2F00;
}

.bdqq-wrapfix,.bdlive-wrapfix,.bdzp-s-wrapfix{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .22rem;
}
.bdqq-wrapfix .bdqq-itemfix{
    background-color: var(--bdbg-color7fix);
}


.bdzp-menu-wrapfix {
    display: flex;
    margin-top: .2rem;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
}
.bdzp-menu-itemfix {
    flex: 1;
    margin-right: 5px;
    height: 1.46rem;
}
.bdzp-menu-itemfix:last-child {
    margin-right: 0;
}
.bdzp-menu-itemfix img {
    width: 100%;
}
.bdzp-s-wrapfix .bdzone-itemfix {
    width: 100%;
}
.bdzp-s-wrapfix .bdad3-item-imgfix {
    width: 3.48rem;
    height: 3.48rem;
}
.bdzp-s-wrapfix .bdad3-item-afix {
    top: 3.3rem;
}
.bdzp-s-wrapfix .bdzone-item-btnfix {
    background: linear-gradient(270deg, #2D7AFF 0%, #932DFF 100%);
}

.bdwaterfall-flowfix{
    columns:2;
    column-gap: 5px;
    column-gap: 5px;
}
.bdflow-itemfix {
    margin-bottom: 5px;
    display: block;
    width: 100%;
    border-radius: 10px;
    background-color: var(--bdbg-color7fix);
    break-inside:avoid;
}
.bdflow-text-wrapfix {
    padding: 8px;
}
.bdflow-img-wrapfix {
    position: relative;
}
.bdflow-abfix{
    position: absolute;
    width: 100%;
    padding: 0 8px;
    bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFFCC;
}
.bdsoundfix {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: .82rem;
    height: .4rem;
    display: flex;
    align-items: center;
    padding: 0 3px;
}
.bdpraisefix {
    border-radius: .82rem;
    height: .4rem;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0 3px;
}
.bdsoundfix img,.bdpraisefix img{
    margin-right: 3px;
}
.bdflow-imgfix {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 3.26rem;
}
.bdflow-text1fix{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bdflow-namefix {
    flex:  0 0 auto;
    width: 1.92rem;
    font-size: .28rem;
    font-weight: 700;
    color: var(--bdtext-color10fix);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bdflow-addfix{
    font-size: .2rem;
    color: var(--bdtext-color11fix);

}
.bdflow-tipsfix {
    width: 100%;
    display: flex;
}
.bdflow-tipsfix div{
    background-color: #00FF001A;
    color: #428942;
    border-radius: 30px;
    height: 16px;
    padding: 0 4px;
    margin: 6px  4px 6px 0;
}

.bdflow-tipsfix div:last-child{
    margin-right: 0;
}

.bdflow-text2fix{
    color: var(--bdtext-color12fix);
    line-height: 16px;
}

.bdlive-tabfix{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .14rem;
    margin-bottom: 8px;
}
.bdlive-tab-itemfix{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left;
    padding: .12rem;
    color: #FFFFFFCC;
    font-size: .2rem;
}
.bdlive-tab-titlefix {
    font-size: .24rem;
    font-weight: 700;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
}
.bdlive-tab-titlefix  span {
    max-width: .96rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 0 0 auto;
}
.bdavatar1fix{
    width: 1.22rem;
    height: .28rem;
}
.bdlive-countfix{
    color: var(--bdtext-color16fix);
}
.bdfc-textfix{
    margin-bottom: 8px;
}
.bdfc-itemfix{
    background-color: var(--bdbg-color10fix);
    color: var(--bdtext-color13fix);
    padding: 8px;
    margin-bottom: 4px;
    border-radius: 4px;

}
.bdfc-titlefix{
    color: #7E86A4;
    margin-right: 4px;
}
.bdfc-flexfix{
    display: flex;
    margin-bottom: 8px;
}
.bdfc-flexfix:last-child {
    margin-bottom: 0;
}
.bdfc-flexfix div{
    flex: 1;
    width: 100%;
    margin-right: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bdfc-flexfix div:last-child {
    margin-right: 0;
}
.bdno-wrapfix{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#ad6-swiper .swiper-slide{
    width: 4rem;
}
.bdkp-itemfix{
    display: block;
    width: 4rem;
    height: 3.28rem;
    border-radius: .2rem;
    background-color:  var(--bdbg-color7fix);
}
.bdkp-itemfix .bdkp-item-imgfix{
    display: block;
    width: 4rem;
    height: 2.4rem;
    border-radius: .2rem .2rem 0 0;
}
.bdkp-itemfix .bdkp-bottomfix{
    padding: .12rem .16rem;
    width: 100%;
    height: .92rem;
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: var(--bdtext-color4fix);
    font-weight: 600;
    background-color: var(--bdbg-color4fix);
    border-radius: 0 0 .2rem .2rem;
    box-sizing: border-box;
}
.bdkp-bottomfix .bdkp-bottom-imgfix {
    width: .6rem;
    height: .6rem;
    margin-right: 4px;
    border-radius: .16rem;
}
.bdkp-bottomfix .bdkp-bottom-textfix {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bdkp-bottomfix .bdkp-bottom-iconfix {
    width: .32rem;
    height: .32rem;
    margin-left: .08rem;
}
#ad7-swiper .swiper-slide{
    width: 2.3rem;
}
.bdlive-itemfix {
    display: block;
    width: 2.3rem;
    height: 1.2rem;
    border-radius: .2rem;
    overflow: hidden;
}
.bdlive-item-imgfix{
    display: block;
    width: 2.3rem;
    height: 1.2rem;
    border-radius: .2rem;
}
.bdlive-item-titlefix {
    position: absolute;
    top: .1rem;
    left: .1rem;
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
}
.bdlive-item-titlefix img {
    margin-left: .08rem;
}
.bdlive-item-numberfix {
    position: absolute;
    bottom: .1rem;
    left: .1rem;
    font-size: .2rem;
    color: #fff;
    display: flex;
    align-items: center;
}
.bdlive-item-numberfix span {
    color: #2AFF00;
}
.bdlive-wrapfix{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .22rem;
}
.bdlive-boxfix {
    width: 3.48rem;
}
.bdlive-boxfix .bdqq-livefix{
    width: 100%;
}

/* baoyang */
.bdprofile-cardfix {
    background: #fff;
    border-radius: 0.16rem;
    overflow: hidden;
    max-width: 7.5rem;
    margin: 0 auto .24rem;
}
.bdprofile-cardfix:first-of-type {
    margin-bottom: 0;
}

.bdprofile-headerfix {
    padding: 0.24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bdprofile-infofix {
    display: flex;
    align-items: center;
    gap: 0.16rem;
}

.bdavatarfix {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    object-fit: cover;
}

.bduser-detailsfix {
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
}

.bdusernamefix {
    font-size: 0.32rem;
    font-weight: 600;
    color: #333;
}

.bdlocationfix {
    display: flex;
    align-items: center;
    gap: 0.04rem;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .08rem .2rem;
    text-align: left;
    font-size: .2rem;
    color: #8996c7;
}
.bdlocationfix img {
    flex: 1;
    margin-right: 0.08rem;
}

.bdcontact-btnfix {
    background: linear-gradient(90deg, #f1ff2f, #24dd6e), linear-gradient(90deg, #ff512f, #f09819);
    color: #333;
    border: none;
    padding: 0.12rem 0.28rem;
    border-radius: 0.36rem;
    font-size: 0.24rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.bdbio-sectionfix {
    padding: 0.24rem;
}

.bdbio-textfix {
    font-size: 0.24rem;
    line-height: 1.6;
    color: #666;
}

.bdphotos-sectionfix {
    padding: 0 .24rem .24rem;
}

.bdphotos-gridfix {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.12rem;
}

.bdphoto-itemfix {
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 0.1rem;
    object-fit: cover;
    overflow: hidden;
}