/* 要发版就删除 https://public-1259630247.cos.ap-shanghai.myqcloud.com */
#groupInfo {
    background-color: var(--gray2);
    --section0-imgUrl: url("https://public-1259630247.cos.ap-shanghai.myqcloud.com/website/www/images/groupInfo/s1_bg.webp");
    --section2-imgUrl: url("https://public-1259630247.cos.ap-shanghai.myqcloud.com/website/www/images/footer.webp");
}


#section0 {
    background-image: linear-gradient(128deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)), var(--section0-imgUrl);
    background-size: cover;
    height: 40vh;
    background-position: 20% 28%;
}

#section1 .content1 {
    gap: 1.875rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
}

#section1 .content1 .item {
    padding: 1.5625rem 2rem;
    background-color: #fff;
    transition: all 300ms linear;
    cursor: pointer;
}

#section1 .content1 .item:hover {
    box-shadow: 0px 7px 30px 1px rgba(0, 0, 0, 0.09);
}

#section1 .content1 .item>div {
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#section1 .content1 .item>div.date {
    margin-bottom: 1.5625rem;
}

#section1 .content1 .item>div.title {
    margin-bottom: 0.5rem;
}

#section1 .content1 .item>div.desc {
    margin-bottom: 1.125rem;
}

#section1 .content1 .item>div.link {
    margin-top: 2.875rem;
}

/* 指示器 */
#section1 .customPage .page-item .page-link {
    border: none;
    padding: 0;
    height: 2.375rem;
    line-height: 2.375rem;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.6);
    width: 2.375rem;
    background-color: transparent;
    text-align: center;
}

#section1 .customPage .page-item.disabled .page-link span {
    color: var(--black1);
    opacity: 0.6;
}

#section1 .customPage .page-item.active .page-link {
    z-index: 3;
    color: var(--orange);
    background-color: #FFF8F0;
    border-radius: 50%;
}

#section1 .customPage .page-link:focus {
    box-shadow: none;
}

#section2 {
    height: 16rem;
    width: 100%;
    background-image: linear-gradient(128deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), var(--section2-imgUrl);
    background-size: 100% 100%;
}

#section2 .top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#section2 .top .qrcode {
    width: 7rem;
    height: 7rem;
    background-color: #fff;
    border-radius: 0.375rem;
    padding: 1rem;
}





/* 移动端样式--------------------移动端样式--------移动端样式--------- */
.mobile-view #section1,
.mobile-view #section2 div.w-56 {
    width: 92%;
}

.mobile-view #section0 .header>div {
    font-size: 2rem !important;
}

.mobile-view #section1 .content1 .item .date,
.mobile-view #section1 .content1 .item .link,
.mobile-view #section1 .content1 .item .desc,
.mobile-view #section1 .customPage .page-item .page-link {
    font-size: 1.3rem !important;
}

.mobile-view #section1 .customPage .page-item:first-child .page-link,
.mobile-view #section1 .customPage .page-item:last-child .page-link,
.mobile-view #section1 .content1 .item .title {
    font-size: 1.5rem !important;
}

.mobile-view #section1 .content1 .item>div.link {
    margin-top: 1rem;
}

.mobile-view #section2 .top>div>img,
.mobile-view #section2 .top .jt_qrcode {
    display: none;
    margin: 0;
}

.mobile-view #section2 .top .qrcodeWarp {
    gap: 0;
}