.biBanner{
    width:100%;
}

.blogsIPage{
    width:100%;
    background-color:#FFFFFF;
}

.binfoTop{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* ===== 标题 / 时间 ===== */
.bitoptitle{
    font-size:5.5rem;
    color:#FFFFFF;
    position:absolute;
    top:18rem;
    width:76%;
    text-align:center;
    font-family: OPPOSans-B;
}

.bitoptime{
    position:absolute;
    color:#FFFFFF;
    font-size:2.4rem;
    top:41rem;
}

/* ===== 内容区 ===== */
.binfoTxt{
    background-color:#FFFFFF;
    width:100%;
    min-height:30rem;
    display:flex;
    justify-content:center;
    align-items:center;
}

.bitxtfoot{
    position:relative;
    width:130rem;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    padding:3rem;
}

/* ===== TAG ===== */
.tagPanel{
    position:relative;
}

.bittitle2{
    font-family:OPPOSans-B;
    font-size:2.4rem;
    color:#000000;
    margin-top:3rem;
    width:12rem;
    margin-left:3rem;
}

.bittags{
    margin-left:11rem;
    margin-top:-4rem;
}

.bittags li{
    float:left;
    margin-left:2rem;
}

.bittags p{
    height:4rem;
    background-color:#EEEEEE;
    color:#959595;
    text-align:center;
    line-height:3rem;
    font-size:1.8rem;
    border-radius:4%;
    font-family:OPPOSans-B;
    padding:5px;
    margin-top:1rem;
}

/* ===== 内容 ===== */
.bicontentP{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2.4rem;
}

.bicontent{
    width:132rem;
    margin-top:6rem;
}

/* Word 导入图片 */
.bicontent .MsoNormal img{
    width:132rem !important;
}

/* 列表样式 */
.bicontent ul li{
    margin-left:3rem;
    list-style:disc !important;
}

.bicontent ol li{
    margin-left:3rem;
    list-style:decimal;
}

/* ===== 推荐区域 ===== */
.bilike{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:5rem;
    width:100%;
    position:relative;
}

.biltitle{
    font-size:3.6rem;
    color:#000000;
    text-align:center;
    width:100%;
}

.bilikep{
    width:100%;
}

.bilike ul{
    margin-top:7rem;
}

.bi-li{
    width:64rem;
}

/* 卡片 */
.bilike .blogimg{
    position:relative;
    display:block;
    z-index:1;
    width:64rem;
    height:41.2rem;
}

.bilike .bloginfo{
    position:relative;
    height:50rem;
}

/* 遮罩 */
.bloginfo::before{
    content:'';
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.4);
    pointer-events:none;
    height:50rem;
}

/* 文本 */
.biliketxtp{
    position:absolute;
    z-index:3;
    top:18rem;
    width:92%;
    margin-left:4%;
}

.bilike-title{
    font-size:3.6rem;
    color:#FFFFFF;
    font-family: OPPOSans-B;
}

.bilike-line{
    width:10rem;
    height:2px;
    background-color:#FFFFFF;
    margin-top:1rem;
}

.bilike-time{
    font-size:2.4rem;
    color:#FFFFFF;
    margin-top:3rem;
}

/* swiper 按钮 */
.bilike .prevs{
    position:absolute;
    left:0;
    z-index:99;
    top:11rem;
}

.bilike .nexts{
    position:absolute;
    right:0;
    z-index:99;
    top:11rem;
}