.forum-wrapper {
    background-color: #fff;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 50px 0;
    align-items: flex-start;
    position: relative;
    margin: 60px 3vw;
}

.swiper-box {
    position: relative;
}

.vacation-swiper {
    width: 19.8vw;
    height: 34.8vw;
    overflow: hidden;
    margin-right: 6.8vw;
}

.vacation-swiper .swiper-slide {
    width: 100%;
    height: 11vw;
    padding: 1px;
    border: solid 1px #cccccc;
}

.vacation-swiper-btn {
    position: absolute;
    right: 3vw;
    bottom: 0;
}

.vacation-swiper-btn a {
    width: 1.9vw;
    height: 1.9vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.vacation-swiper-btn .btn-top {
    background-color: #a90b0b;
}

.vacation-swiper-btn .btn-bottom {
    margin-top: 0.7vw;
    background-color: #282828;
}

.forum-wrapper .base-intro {
    width: 37.6vw;
    height: 32.4vw;
    line-height: 2;
    font-size: 15px;
    overflow-y: auto;
    margin-left: 6.8vw;
    margin-top: 3.6vw;
}

/* .forum-wrapper .base-intro h1 {
    margin-bottom: 20px;
} */

.forum-wrapper .base-intro .base-intro-text p {
    text-indent: 2em;
}

.forum-wrapper .left-wrap {
    flex: 1;
    padding-left: 130px;
}

.base-intro-title {
    width: 31vw;
    padding-bottom: 1.8vw;
    margin-bottom: 2.4vw;
    border-bottom: 1px solid #ececec;
}

.base-intro-title h1 {
    font-size: 1.3vw;
    line-height: 1.8vw;
}

.base-intro-title p {
    font-size: 1vw;
}

.forum-wrapper .left-wrap a {
    display: block;
    width: 31.1vw;
    padding: 50px 0 40px;
    border-bottom: 1px solid #ddd;
    transition: .3s;
}



.forum-wrapper .left-wrap a h4.text-ellipsis {
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    transition: .3s;
}



.forum-wrapper .left-wrap a:hover {
    border-color: var(--hover-color);
}



.forum-wrapper .left-wrap a:hover h4 {
    color: var(--hover-color);
}



.forum-wrapper .left-wrap a .date {
    display: inline-block;
    margin: 8px 0 12px;
    text-transform: uppercase;
    opacity: 0.8;
}



.forum-wrapper .left-wrap a p {
    color: #0e0e0e;
    line-height: 2;
}



.forum-wrapper .right-wrap {
    flex-shrink: 0;
}



.forum-wrapper .right-wrap .image {
    width: 48vw;
    position: absolute;
    top: 6.7vw;
    right: 0;
    overflow: hidden;
    /* height: 37.3vw;
    overflow: hidden;
    margin-right: 6.1vw;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #ddd; */
}



.forum-wrapper .right-wrap .image img {
    border-radius: 4px;
    display: block;
    transition: .5s;
}



.forum-wrapper .right-wrap .image:hover img {
    transform: scale(1.05);
}



.forum-wrapper .right-wrap .vertical-lr {
    margin-right: 5.3vw;
}



.young-wrapper {
    position: relative;
    margin-right: 60px;
    padding-right: 100px;
    background-color: #fff;
}



.young-wrapper .margin-top {
    margin-top: 140px;
}



.young-wrapper .left-wrap {
    position: relative;
    width: 78.9vw;
    padding-left: 90px;
    align-items: flex-end;
    background: url("../images/activity/young-bg.png") no-repeat center;
    background-size: cover;
    padding-right: 58px;
}



.young-wrapper .left-wrap .switch-control {
    padding-bottom: 18px;
}



.young-wrapper .left-wrap .switch-control img {
    display: inline-block;
    padding: 36px 0 0;
    margin-left: 5px;
}



.young-wrapper .left-wrap .swiper-container {
    width: 64.2vw;
    margin-left: 0;
}



.young-wrapper .left-wrap .swiper-container a {
    display: block;
    color: #fff;
}



.young-wrapper .left-wrap .swiper-container a .content {
    padding-bottom: 160px;
    padding-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    transition: border-color 0.3s;
}



.young-wrapper .left-wrap .swiper-container a .date {
    margin-top: 40px;
}



.young-wrapper .left-wrap .swiper-container a .date span {
    text-transform: uppercase;
    writing-mode: vertical-lr;
    display: inline-block;
    margin-right: 2px;
    opacity: 0.8;
}



.young-wrapper .left-wrap .swiper-container a .date b {
    font-size: 36px;
}



.young-wrapper .left-wrap .swiper-container a .thumb {
    width: 20.7vw;
    height: 13vw;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 2px;
}



.young-wrapper .left-wrap .swiper-container a .thumb img {
    width: 100%;
    display: block;
    transition: 0.3s;
}



.young-wrapper .left-wrap .swiper-container a .title {
    margin: 25px 0 30px;
    font-size: 18px;
    font-weight: normal;
}



.young-wrapper .left-wrap .swiper-container a p,
.young-wrapper .left-wrap .swiper-container a .more {
    color: rgba(255, 255, 255, 0.65);
}



.young-wrapper .left-wrap .swiper-container a p {
    margin-bottom: 40px;
    line-height: 24px;
    height: 45px;
    overflow: hidden;
}



.young-wrapper .left-wrap .swiper-container a:hover .content {
    border-color: var(--hover-color);
}



.young-wrapper .left-wrap .swiper-container a:hover .thumb img {
    transform: scale(1.05);
}



.building {
    margin-top: 60px;
    margin-right: 60px;
    background-color: #fff;
}



.building .left-wrap {
    width: 48.4vw;
    height: 42.6vw;
    padding: 3px 3px 3px 0;
    border-radius: 3px 3px 3px 0;
    border: 1px solid #ddd;
    border-left: 0;
}



.building .left-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 3px 0;
}



.building .right-wrap {
    flex: 1;
}



.building .right-wrap .intro-head {
    margin-top: 90px;
    margin-left: 8.8vw;
    margin-right: 5.4vw;
}



.building .right-wrap .item {
    position: relative;
    display: block;
    width: 120px;
    padding-top: 90px;
    background: transparent;
    border: 1px solid transparent;
    transition: 0.3s;
}



.building .right-wrap .item+.item {
    margin-left: 30px;
}



.building .right-wrap .item .date {
    width: 42px;
    white-space: nowrap;
    text-align: right;
    margin: 0 auto 20px;
    color: #1b1b1b;
    line-height: 1.5;
    transition: color 0.3s;
}



.building .right-wrap .item .date i {
    font-style: normal;
    font-size: 16px;
}



.building .right-wrap .item .text {
    margin: 0 auto;
    justify-content: center;
}



.building .right-wrap .item h5,
.building .right-wrap .item p {
    /* width: 1em; */
    height: 28.4vw;
    line-height: 1.3;
    letter-spacing: 3px;
}



.building .right-wrap .item h5 {
    width: 20px;
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    word-break: break-all;
    text-indent: 5px;
    transition: .3s;
}



.building .right-wrap .item h5 span {
    display: inline-block;
    writing-mode: vertical-lr;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: -webkit-auto;
    height: 27.2vw;
}



.building .right-wrap .item p {
    color: #999;
    writing-mode: vertical-lr;
    text-indent: 1.8em;
    transition: color 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.building .right-wrap .item:hover h5 {
    color: var(--hover-color);
}



.building .right-wrap .item:hover::after {
    border-color: var(--hover-color);
}