.page{
    background-color: #f8f8f8;
 }
/* 顶部 */
.header-section {
    height: 1.50rem;
    position: relative;
}

.header-section .header {
    padding: 0.39rem 0.34rem;
    background-color: #10848f;
    height: 1.50rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.header-section .image {
    width: 2.99rem;
    height: 0.72rem;
}

.header-section .menuImg {
    margin-right: 0.05rem;
    align-self: center;
    width: 0.50rem;
    height: 0.40rem;
}

.header-section .closeImg {
    margin-right: 0.05rem;
    align-self: center;
    width: 0.40rem;
    height: 0.40rem;
    display: none;
}
.menu-section{
    position: fixed;
    left: 0;
    top:0;
    transform: translateX(-100%);
    z-index: 5;
    width: 100%;
    height: 100vh;
    background:rgba(0,0,0,.6);
    padding-top: 1.80rem;
    transition: transform 0.4s linear;
}
.menu-section .menu{
    color:#fff;
    font-size: 0.30rem;
    height: 0.90rem;
    line-height: 0.90rem;
    text-align: center;
}
/* 底部 */
.bom-section.group_28 {
    padding: 0.30rem 0.41rem 0.30rem 0.60rem;
    border-bottom: solid 1px #ffffff;
    background-color: #10848F;
    height: 5.70rem;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
}
.bom-section .equal-division-item {
    margin-left: 0.30rem;
    flex: 1 1 1.90rem;
    width: 1.90rem;
    height: 1.90rem;
}

.bom-section .text_77 {
    align-self: flex-start;
    color: #ffffff;
    font-size: 0.30rem;
    font-family: PingFang;
    line-height: 0.28rem;
}

.bom-section .equal-division {
    margin-right: 0.19rem;
    margin-top: 0.21rem;
}

.bom-section .text_78 {
    color: #ffffff;
    font-size: 0.24rem;
    font-family: PingFang;
    line-height: 0.40rem;
}

.bom-section .text_79 {
    color: #ffffff;
    font-size: 0.24rem;
    font-family: PingFang;
    line-height: 0.40rem;
}

.bom-section .text_80 {
    color: #ffffff;
    font-size: 0.24rem;
    font-family: PingFang;
    line-height: 0.40rem;
}

.bom-section .image_24 {
    margin-left: 0;
}

.bom-section .group_29 {
    margin-top: 0.23rem;
}
.p-pagination{
    margin:0 auto 0.25rem;
}
.p-pagination .pagination{
    display: flex;
    flex-wrap: wrap;
}
.p-pagination li{
    padding: 0 9px;
    margin: 5px 2px;
    background: #ddd;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-size: 14px;
}
.p-pagination li.disabled{
    cursor:not-allowed;
}
.p-pagination li.active{
    background-color: #10848F;
    color:#fff;
}

/* 播放器弹层 */
.p-player{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,.6);
    z-index: 10;
}
.p-player .player-wrap{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80vw;
    height: 60vh;
    background-color: #000;
    z-index: 11;

}
.p-player .cancel{
    position: absolute;
    right: -0.20rem;
    top: -0.20rem;
    width: 0.54rem;
    height: 0.54rem;
    z-index: 2;
    cursor: pointer;
}
.p-player video{
    width: 100%;
    height: 100%;
}