.xqbj-main .noticeImg {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 1.5rem;
    margin-right: 0.6rem;
}
#xqbj-container {
    position: relative;
}

.notice {
    width: 100%;
    height: 4rem;
    background: var(--notice-background);
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0rem;
    align-items: center;
    border-radius: 1.0rem;
}

.notice-text {
    font-size: 1.3rem;
    font-weight: 500;
    margin-right: 1rem;
    color: var(--notice-text-color);
    padding-right: 1rem;
    border-right: 1px solid rgb(236 236 236 / 10%);
}

.notice-data {
    flex: 1;
    font-size: 1.3rem;
    color: #807f8d;
}
/* #xqbj-container .banner {
    border-radius: 0.8rem;
    margin: 1rem 0 0;
    overflow: hidden;
}
#xqbj-container .banner .banner-swiper .swiper-slide {
    height: var(--bannner-detail-top-height);
}
#xqbj-container .banner .banner-swiper .swiper-pagination-bullet {
    background-color: #111118;
}
#xqbj-container .banner .banner-swiper .swiper-pagination-bullet-active {
    background-color: var(--primary-text-color);
} */

.tags-d  {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.0rem 0 0;
}

.tags-d .tag {
    color: #e56e43;
    font-size: 1.2rem;
    background-color: #e56e4319;
    height: 2.8rem;
    margin: 0 1.2rem 1.0rem 0;
    padding: 0 1.5rem;
    display: flex;
    border-radius: 0.5rem;
    align-items: center;
}


.first-activity-box {
    padding: 1.2rem 1.3rem 1.5rem 1.4rem;
    border-radius: .8rem;
    background-color: var(--list-background);
    /* margin-top: 1.5rem; */
}
.location {
    display: flex;
    align-items: center;
    padding: .6rem 1.1rem .6rem .8rem;
    border-radius: 1.5rem;
    background-color: var(--center-list-background);
    width: 14.7rem;
}
.location img {
    width: 1.6rem;
    height: 1.6rem;
}
.list {
    display: flex;
    color: var(--title-p-color);
    font-size: 1.2rem;
}
.yellow {
    color: var(--primary-text-color);
}
.profile {
    display: flex;
    margin-top: 1.5rem;
}
.profile-icon img {
    width: 4.4rem;
    height: 4.4rem;
}
.name {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    color: var(--p-text-color);
}
.name img {
    width: 1.4rem;
    height: 1.4rem;
}
.txt {
    color: var(--title-text-color);
    font-size: 1.4rem;
}
.text {
    font-size: 1.2rem;
    color: var(--title-p-color);
}
.item {
    margin: 0 .3rem 0 0;
}
.profile-info {
    margin-left: 1.5rem;
}
.title {
    color: var(--title-text-color);
    font-size: 1.6rem;
    margin-top: 1.5rem;
}
.desc {
    margin-top: 2rem;
}
.descc {
    color: var(--title-text-color);
    font-size: 1.4rem;
    margin-bottom: .5rem;
}
.data {
    padding: .5rem;
}
.abc p {
    color: #807f8d;
    font-size: 1.2rem;
    line-height: 1.2;
}
.content-img img {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.d1 , .d2 {
    color: #a5a5a7;
    font-size: 1.2rem;
    margin-top: 1.2rem;
}
.t-1 {
    color: var(--title-text-color);
    font-size: 1.4rem;
    margin-top: 2rem;
}
.search {
    margin-top: 1.5rem;
}
#search-wrapper {
    display: flex;
    align-items: stretch;
    border-radius: .4rem;
    overflow: hidden;
    width: 100%;
    height: 3.6rem;
}

#search {
    border: none;
    width: 100%;
    font-size: 1.5rem;
    border: solid 1px var(--primary-text-color);
    background-color: var(--list-background);
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    padding: 0 1rem;
    color: var(--primary-text-color);
    /* border-radius: 4px; */
}

#search:focus {
    outline: none;
}

.search-icon {
    margin: 1rem;
    color: rgba(0, 0, 0, 0.564);
}

#search-button {
    border: none;
    cursor: pointer;
    color: var(--p-text-color);
    background-color: var(--primary-text-color);
    padding: 0 1rem;
    width: 20%;
}
.a-2 {
    color: #807f8d;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}
.b-1 {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}
.b-1 img {
    width: 1.6rem;
    height: 1.6rem;
}
.b-3 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.0rem -1.0rem 0 0;
}
.b-4 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.0rem -1.0rem 0 0;
}
.b-5 {
    font-size: 1.2rem;
    text-align: center;
    color: #807f8d;
    margin: 2.25rem auto 0 auto;
}
.b-4-1 {
    color: #ffffff;
    font-size: 1.1rem;
    background-color: #31323e;
    padding: .5rem;
    margin: 0 .7rem .5rem 0;
    border-radius: 0.5rem;
}
.b-2 {
    color: #807f8d;
    font-size: 1.2rem;
}
.c-1 {
    display: flex;
    background-color: var(--list-background-video-text2);
    border-radius: .5rem;
    padding: .5rem;
    align-items: center;
    margin: 0 .7rem .5rem 0;
}
.c-1 img {
    width: 1.4rem;
    height: 1.4rem;
}
.c-t-1 {
    color: var(--primary-text-color);
    font-size: 1rem;
}
.c-t-2 {
    color: var(--primary-text-color);
    font-size: 1rem;
    background-color: var(--list-background-video-text2);
    border-radius: .5rem;
    padding: .5rem;
    margin: 0 .7rem .5rem 0;
}
.social-icon {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem 0rem;
}
.icons {
    text-align: center;
}
.icons .icon-small, .icons img {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 auto .5rem;
}
.icon-txt {
    color: #a5a5a7;
    font-size: 1.2rem;
}
.second-activity-list {
    margin-top: 2rem;
}
.arrows {
    display: flex;
    justify-content: space-between;
}
.arrow-l , .arrow-r {
    display: flex;
    align-items: center;
    border-radius: .4rem;
    background-color: var(--list-background-video-text2);
    padding: .5rem .8rem;
}
.arrow-l img , .arrow-r img{
    width: 2.2rem;
    height: 2.2rem;
}
.arrow-t {
    color: var(--primary-text-color);
    font-size: 1.2rem;
}
.image-row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.row-l , .row-r {
    max-width: 42.5rem;
    flex: 1;
    position: relative;
    border-radius: 1.0rem;
    /* overflow: hidden; */
}
.row-l {
    margin-right: 1rem;
}
.row-t {
    padding-top: 0.5rem;
    /* position: absolute; */
    /* bottom: .5rem; */
    font-size: 1.2rem;
    color: var(--p-text-color);
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */

    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rowimg{
    /* max-width: 42.5rem; */
    /* height: 10rem; */
    width: 17.0rem;
    height: 9.5625rem;
    border-radius: 0.8rem;
    overflow: hidden;
}

.rowimg2{
    /* max-width: 42.5rem; */
    /* height: 10rem; */
    width: 17.0rem;
    height: 21.5019rem;
    border-radius: 0.8rem;
    overflow: hidden;
}
.rowimg3{
    /* max-width: 42.5rem; */
    /* height: 10rem; */
    width: 17.0rem;
    height: 25.5rem;
    border-radius: 0.8rem;
    overflow: hidden;
}
/* .defaultimg{
    max-width: 42.5rem;
    min-width: 17rem;
    height: 10rem;
} */
/* .defaultimg img{
    border-radius: 0.8rem;
} */
.i-img {
    height: var(--bannner-detail-bottom-height);
    border-radius: 1.0rem;
    text-align: center;
    margin-top: 1.2rem;
    overflow: hidden;
}

.third-activity-list {
    padding: 1.2rem 1.3rem 1.5rem 1.4rem;
    border-radius: .8rem;
    background-color: var(--list-background);
    margin-top: 1.5rem;
}
.d-1 {
    color: var(--p-text-color);
    font-size: 1.6rem;
}
.user {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.user-l {
    display: flex;
    align-items: center;
}
.user-l img {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
}
.f-1 , .f-2{
    display: flex;
    align-items: center;
}
.f-1 {
    margin-right: 2rem;
}
.m-1 {
    color: var(--title-text-color);
    font-size: 1.2rem;
    margin-bottom: .5rem;
}
.m-2 {
    color: var(--title-p-color);
    font-size: 1rem;
}
.user-name {
    margin-left: 1rem;
}
.user-r {
    display: flex;
}
.f-1 .icon-small , .f-2 .icon-small {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .2rem;
}
.amount {
    color: #807f8d;
    font-size: 1rem;
}
.comment-users {
    color: var(--title-text-color);
    font-size: 1.4rem;
    margin-top: 1.5rem;
    margin-left: 4.5rem;
    word-break: break-all;
}
.write-txt {
    margin-top: 1rem;
    border-radius: .8rem;
    background-color: var(--pl-background);
    padding: 1.5rem;
}

.footer-part {
    display: flex;
    align-items: center;
    padding: 1.5rem;
}
/* .xqbj-footer {
    position: fixed;
    background-color: var(--list-background);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0;
    width: 100%;
    height: 9.6rem !important;
    max-width: var(--default-screen-max-width);
    min-width: var(--default-screen-min-width);
    margin: 0 auto;
} */
#inputfooter {
    width: 100%;
    border-radius: 1.9rem 0 0 1.9rem;
    background-color: var(--center-list-background);
    height: 3.8rem;
    border: none;
    padding: 1rem;
}
.inputicon {
    display: flex;
}

.third-activity-list {
    margin-bottom: 12rem;
}
.m-1 {
    color: #a5a5a7;
    font-size: 1.2rem;
}
.inputbox {
    flex: 1;
    display: flex;
    align-items: center;
}
.sendbox {
    color: #ffffff;
    font-size: 1.2rem;
    background-color: var(--primary-text-color);
    padding: 0.8rem 1.0rem;
    margin: 0;
    width: 6.3rem;
    text-align: center;
    border-radius: 0 1.9rem 1.9rem 0;
}
.s-1 , .s-2 {
    text-align: center;
    margin-left: 2rem;
}
.s-1 img , .s-2 img {
    width: 2.2rem;
    height: 2.2rem;
}
.n-1 {
    color: #807f8d;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.n-2 {
    color: var(--pl-text-color);
    font-size: 1.4rem;
}
.k-1 {
    color: var(--primary-text-color);
}
.backtop {
    width: 2.73rem ;
    height: 2.73rem;
}

/* 播放器 start */
.videocontent {
    position: relative;
    margin: 0.5rem 0 0 0;
    border-radius: 1.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.videocontent .videoplayer{
    width: 100%;
}

.videocontent .videotips {
    display: none;
}

.videocontent.permissions .videotips {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    display: flex;
    align-items: center;

}

.videocontent.permissions .videotips .mask {
    width: 100%;
    height: 6.5rem;
}

.videocontent.permissions .videotips .headler {
    color: #ffffff;
    font-size: 1.2rem;
}

.videocontent.permissions .videotips .buttom {
    color: #ffffff;
    font-size: 1.2rem;
    background-color: #e56e43;
    width: 17.0rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 2.0rem auto 2.0rem auto;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
}


/* desktop */
@media (min-width: 768px) {
    .xqbj-main-panel {
        /* width:96% !important; */
    }
    .notice-text , .notice-data {
        font-size: 1.4rem;
    }

    #xqbj-container .banner {
        margin: 0;
    }
    #xqbj-container .banner .banner-swiper .swiper-slide {
        height: var(--bannner-detail-top-height);
    }
    .float-icon .icon {
        width: 3.2rem;
        height: 3.2rem;
        margin-bottom: .5rem;
        cursor: pointer;
    }
    .cover-d {
        text-align: center;
    }
    .cover-d img {
        width: 100%;
    }

    .tags-d  {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -2.0rem 0 0;
    }

    .tags-d .tag {
        color: #e56e43;
        font-size: 1.4rem;
        background-color: #e56e4319;
        height: 2.8rem;
        margin: 2.0rem 2.0rem 0 0;
        padding: 0 1.7rem;
        display: flex;
        border-radius: 0.5rem;
        align-items: center;
    }

    .location-d {
        display: flex;
        margin: 2rem 0;
        align-items: center
    }
    .l-img {
        text-align: center;
    }
    .l-img img {
        width: 1.6rem;
        height: 1.6rem;
    }
    .l-t {
        text-align: center;
        color: var(--title-p-color);
        font-size: 1.4rem;
        margin-left: .5rem;
    }
    .yellow {
        color: var(--primary-text-color);
    }
    .b-d-1 {
        border-radius: .8rem;
        background-color: var(--list-background);
        padding: 2.7rem 3rem;
    }
    .b-d-2 {
        border-radius: .8rem;
        background-color: var(--list-background);
        padding: 2.7rem 2.5rem;
        margin-top: 2rem;
    }
    .b-d-t-1 {
        color: var(--title-text-color);
        font-size: 2.4rem;
    }
    .b-p-1 {
        display: flex;
        align-items: center;
        margin-top: 1rem;
    }
    .b-p-i {
        width: 4.8rem;
        height: 4.8rem;
        border-radius: 50%;
        overflow: hidden;
    }
    .b-p-info-t-1 {
        display: flex;
        align-items: center;
    }
    .b-p-info-t-1 img {
        width: 1.4rem;
        height: 1.4rem;
        margin-left: .7rem;
    }
    .b-p-info-t-name-1 {
        color: var(--title-text-color);
        font-size: 1.6rem;
    }
    .b-p-info-t-2 {
        font-size: 1.4rem;
        color: var(--title-p-color);
    }
    .b-p-info {
        margin-left: 1rem;
    }
    .b-i-1 {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2rem;
        justify-content: space-between;
    }
    .b-i-list-item {
        margin: .5rem 0 1.5rem 0;
    }
    .b-i-list-item img {
        width: 26rem;
        height: 32rem;
    }
    .b-t-s {
        color: var(--title-text-color);
        font-size: 1.6rem;
        margin-top: 2rem;
    }
    .b-d-txt-1 {
        color: #807f8d;
        font-size: 1.2rem;
        margin-top: 1rem;
    }
    .b-d-txt-2 {
        display: flex;
        align-items: center;
    }
    .b-d-txt-2 img {
        width: 1.6rem;
        height: 1.6rem;
    }
    .b-d-text {
        color: #807f8d;
        font-size: 1.2rem;
    }
    .b-d-txt-3 {
        display: flex;
        margin-top: 1rem;
    }
    .b-d-box-1 {
        display: flex;
        align-items: center;
        background-color: var(--list-background-video-text2);
        padding: .1rem .5rem;
        border-radius: .5rem;
        margin-right: .5rem;
    }
    .b-d-box-1 img {
        width: 1.4rem;
        height: 1.4rem;
    }
    .txt-yellow {
        color: var(--primary-text-color);
        font-size: 1rem;
    }
    .b-d-reminder-1 {
        text-align: center;
        color: #807f8d;
        font-size: 1.2rem;
        margin-top: 3rem;
    }
    .b-d-social-1 {
        display: flex;
        justify-content: center;
    }
    .b-d-like , .b-d-share, .b-d-fav{
        text-align: center;
        color: #a5a5a7;
        font-size: 1.2rem;
        margin: 1rem 4rem;
    }
    .b-d-like .icon-small ,
    .b-d-share .icon-small ,
    .b-d-fav .icon-small {
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 auto;
    }
    .b-text-2 {
        color: #a5a5a7;
        font-size: 1.6rem;
    }
    .b-text-2 p {
        margin-top: 2rem;
    }
    .b-d-video-2 {
        margin-top: 1rem;
        color: var(--user-box-color);
    }

    .spacing {
        margin: 3.0rem 0 0 0;
    }

    .name-2 {
        color: var(--title-text-color);
        font-size: 1.4rem;
    }
    .date-2 {
        color: var(--title-p-color);
        font-size: 1.2rem;
    }

    #search-button {
        width: 10%;
    }
    .rowimg{
        /* height: 12rem; */
        width: 42.5rem;
        height: 23.9rem;
    }
    .rowimg2{
        /* height: 12rem; */
        width: 42.5rem;
        height: 53.7549rem;
    }
    .rowimg3{
        /* height: 12rem; */
        width: 42.5rem;
        height: 63.75rem;
    }
    /* .defaultimg{
        height: 12rem;
    } */
    /* .row-l {
        margin-right: 3.2rem;
    } */
    .row-t {
        -webkit-line-clamp: 1;
    }

    video {
        min-height: 54.0rem;
    }

    /* 播放器 start */
    .videocontent {
        position: relative;
        margin: 0.5rem 0 0 0;
        border-radius: 1.5rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
    }

    .videocontent .videotips {
        display: none;
    }

    .videocontent.permissions .videotips {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00000080;
        display: flex;
        align-items: center;

    }

    .videocontent.permissions .videotips .mask {
        width: 100%;
        height: 6.5rem;
    }

    .videocontent.permissions .videotips .headler {
        color: #ffffff;
        font-size: 2.0rem;
    }

    .videocontent.permissions .videotips .buttom {
        color: #ffffff;
        font-size: 1.8rem;
        background-color: #e56e43;
        width: 26.7rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 2.0rem auto 2.0rem auto;
        padding: 1.5rem 0;
        border-radius: 0.5rem;
    }


}