.index-content[data-v-f43edff4] {
    background-color: #f8f8f8
}

@media screen and (min-width:600px) {
    .index-content[data-v-f43edff4] {
        position: relative;
        min-width: var(--container-width)
    }
}

.news-group[data-v-f43edff4] {
    position: relative;
    overflow: hidden
}

.news-group .container[data-v-f43edff4] {
    min-width: var(--container-width);
    display: flex;
    padding: 2.083333rem 4.583333rem 2.083333rem;
}

.news-group .container-title[data-v-f43edff4] {
    position: absolute;
    top: -4.166667rem;
    right: 0;
    left: -3.4375rem;
    display: flex;
    justify-content: space-between
}

.news-group .container-title .title-left[data-v-f43edff4] {
    font-weight: 700;
    font-size: 1.354167rem;
    color: #364c9b;
    white-space: nowrap
}

.news-group .container-title .title-right[data-v-f43edff4] {
    white-space: nowrap;
    font-weight: 500;
    font-size: .833333rem;
    color: #8f8f8f;
    cursor: pointer
}

.news-group .headlines-container[data-v-f43edff4] {
    width: 37.5rem;
    padding-top: 1.5625rem;
    padding-left: 3.4375rem;
    margin-right: 1.041667rem;
    flex-shrink: 0;
    z-index: 1;
    position: relative
}

.news-group .headlines-container[data-v-f43edff4] .blueImage {
    /*display: none;*/
}
.news-group .headlines-container[data-v-f43edff4] .blueImage .right {
    display: none;
}

.news-group .headlines-container .headlines-banner[data-v-f43edff4] {
    width: 34.375rem;
    height: 20.66406rem;
    position: absolute;
    top: 4.583333rem;
    left: 0;
    /*z-index: 2*/
}

.news-group .headlines-container .headlines-banner .swiper-container[data-v-f43edff4] {
    height: 100%;
    border-radius: .416667rem
}

.news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper[data-v-f43edff4] {
    height: 100%
}

.news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper .swiper-slide:hover img[data-v-f43edff4] {
    transform: scale(1.2)
}

.news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper .swiper-slide img[data-v-f43edff4] {
    transition: transform .33s;
    width: 100%;
    height: 100%
}

.news-group .headlines-container .headlines-banner .swiper-pagination-box[data-v-f43edff4] {
    width: 4.739583rem;
    min-height: 2.083333rem;
    background: linear-gradient(90deg, rgba(42, 67, 137, .8), rgba(54, 76, 155, .8));
    border-radius: .416667rem;
    position: absolute;
    right: .833333rem;
    bottom: .833333rem;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

.news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box[data-v-f43edff4] {
    width: 1.145833rem;
    transform: translateY(-.104167rem);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box span[data-v-f43edff4] {
    font-size: .833333rem;
    color: #fff
}

.news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-prev[data-v-f43edff4] {
    transform: rotate(180deg)
}

.news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-next[data-v-f43edff4],
.news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-prev[data-v-f43edff4] {
    padding: .520833rem .625rem;
    width: unset;
    height: unset;
    margin: 0;
    background-image: unset;
    position: static;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    color: #fff;
    font-size: .625rem
}

.news-group .headlines-container .headlines-info[data-v-f43edff4] {
    position: absolute;
    top: 25.67708rem;
    left: 5.052083rem;
    right: 2.447917rem
}

.news-group .headlines-container .headlines-info .headlines-time[data-v-f43edff4] {
    display: flex;
    align-items: flex-end
}

.news-group .headlines-container .headlines-info .headlines-time .day-month[data-v-f43edff4] {
    font-weight: 700;
    font-size: 1.041667rem;
    color: #364c9b
}

.news-group .headlines-container .headlines-info .headlines-time .headlines-year[data-v-f43edff4] {
    margin-left: .208333rem;
    display: flex;
    align-items: flex-end;
    font-weight: 500;
    font-size: .729167rem;
    color: #333;
    transform: translateY(-.15625rem)
}

@media screen and (min-width: 600px) {
    .news-group .headlines-container .headlines-info .headlines-time[data-v-f43edff4] {
        position:absolute;
        top: -.41667rem;
        left: -5.052083rem;
        right: .625rem;
        padding-top: 3.177083rem;
        padding-bottom: 1.197917rem;
        padding-left: .885417rem;
        transform: translateY(-100%);
        background: linear-gradient(0deg,#000,transparent);
        border-radius: .416667rem;
        z-index: 2
    }

    .news-group .headlines-container .headlines-info .headlines-time .day-month[data-v-f43edff4],.news-group .headlines-container .headlines-info .headlines-time .headlines-year[data-v-f43edff4] {
        color: #fff
    }
}
.news-group .headlines-container .headlines-info .headlines-title[data-v-f43edff4] {
    margin-top: .208333rem;
    font-weight: 500;
    font-size: .9375rem;
    color: #000;
    line-height: 1.354167rem
}

.news-group .headlines-container .background-box[data-v-f43edff4] {
    position: absolute;
    top: 0;
    left: 3.4375rem;
    right: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 1px .208333rem 0 rgba(0, 0, 0, .08);
    border-radius: .416667rem;
    z-index: -1
}

.news-group .headlines-container .float-box[data-v-f43edff4] {
    position: absolute;
    top: -5.78125rem;
    bottom: -6.145833rem;
    left: -104.166667rem;
    right: 70%;
    background: linear-gradient(90deg, #2a4389, #364c9b);
    z-index: -1
}

/*.news-group .headlines-container[data-v-f43edff4]:before {
    content: "厚德笃行";
    top: .46875rem;
    right: calc(100% + 5.83333rem)
}

.news-group .headlines-container[data-v-f43edff4]:after,
.news-group .headlines-container[data-v-f43edff4]:before {
    width: 1em;
    position: absolute;
    font-weight: 700;
    font-size: 3.333333rem;
    color: hsla(0, 0%, 100%, .15);
    line-height: 3.90625rem;
    letter-spacing: .15625rem;
    font-family: SourceHanSerifCN-Bold, system-ui;
    z-index: 1
}

.news-group .headlines-container[data-v-f43edff4]:after {
    content: "弘商致远";
    top: 6.979167rem;
    right: 100%
}
*/
.news-group .college-news-container[data-v-f43edff4] {
    padding-top: 1.5625rem;
    flex-grow: 1;
    z-index: 2;
    position: relative
}
.news-group .college-news-container[data-v-f43edff4] .whiteImage {
   justify-content: flex-end;
   color:#fff;
}
.news-group .college-news-container[data-v-f43edff4] .left {
   visibility: hidden;
}


.news-group .college-news-container span[data-v-f43edff4] {
    color: #fff
}

.news-group .college-news-container[data-v-f43edff4]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -17.083333rem;
    z-index: -1;
    background-image: url(../../static/img/college-news-background.a80e3650.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.news-group .college-news-container .college-news-group[data-v-f43edff4] {
    margin-top: 1.041667rem;
    display: flex
}

.news-group .college-news-container .college-news-group .college-news-col[data-v-f43edff4] {
    width: 50%;
    display: flex;
    flex-direction: column
}

.news-group .college-news-container .college-news-group .college-news-col[data-v-f43edff4]:first-child {
    margin-right: 1.5625rem;
    margin-left: 1.041667rem
}

/*.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one[data-v-f43edff4]:first-child{height:75%}*/
.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box[data-v-f43edff4] {
    height: 10.604167rem;
    width: 100%;
    border-radius: .416667rem;
    overflow: hidden
}

.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box:hover .college-news-image[data-v-f43edff4] {
    transform: scale(1.2)
}

.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box .college-news-image[data-v-f43edff4] {
    height: 100%;
    width: 100%;
    transition: transform .33s
}

.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-title[data-v-f43edff4] {
    /*margin-top:.625rem*/
}

/*.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-date[data-v-f43edff4]{margin-top:.416667rem;font-size:.989583rem}*/
.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-text[data-v-f43edff4] {
    margin-top: .625rem;
    font-weight: 400;
    font-size: .833333rem;
    color: hsla(0, 0%, 100%, .59);
    line-height: 1.145833rem;
    display: -webkit-box
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4] {
    height: 5.5rem;
    padding-bottom: .9375rem;
    position: relative
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:not(:first-child) {
    margin-top: .9375rem
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-title[data-v-f43edff4] {
    margin-top: 0;
    font-weight: 600;
    font-size: .9875rem;
    color: #fff;
    line-height: 1.145833rem
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-date[data-v-f43edff4] {
    margin-top: .833333rem;
    font-weight: 400;
    font-size: .9375rem;
    color: #fff
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:last-child:after {
    display: none
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed hsla(0, 0%, 100%, .59)
}

.news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-text[data-v-f43edff4] {
    display: none
}

@media screen and (max-width:600px) {
    .news-group[data-v-f43edff4] {
        padding-top: 0
    }

    .news-group .container[data-v-f43edff4] {
        min-width: var(--container-width);
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .news-group .container-title[data-v-f43edff4] {
        display: none
    }

    .news-group .headlines-container[data-v-f43edff4] {
        width: 100%;
        height: unset;
        padding-left: 0;
        margin-right: 0
    }

    .news-group .headlines-container[data-v-f43edff4] .blueImage {
        display: flex;
    }

    .news-group .headlines-container .background-box[data-v-f43edff4],
    .news-group .headlines-container .float-box[data-v-f43edff4],
    .news-group .headlines-container[data-v-f43edff4]:after,
    .news-group .headlines-container[data-v-f43edff4]:before {
        display: none
    }

    .news-group .headlines-container .headlines-banner[data-v-f43edff4] {
        margin: 1.041667rem .833333rem 1.041667rem;
        width: calc(100% - 1.66667rem);
        height: 11.302083rem;
        position: relative;
        top: 0;
        /*z-index: 2*/
    }

    .news-group .headlines-container .headlines-banner .swiper-container[data-v-f43edff4] {
        height: 100%;
        border-radius: .364583rem
    }

    .news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper[data-v-f43edff4] {
        height: 100%
    }

    .news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper .swiper-slide:hover img[data-v-f43edff4] {
        transform: scale(1.2)
    }

    .news-group .headlines-container .headlines-banner .swiper-container .swiper-wrapper .swiper-slide img[data-v-f43edff4] {
        transition: transform .33s;
        width: 100%;
        height: 100%
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box[data-v-f43edff4] {
        width: unset;
        min-height: unset;
        background: unset;
        border-radius: .416667rem;
        position: absolute;
        right: .833333rem;
        bottom: .104167rem;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box[data-v-f43edff4] {
        width: 1.666667rem;
        height: 1.666667rem;
        transform: unset;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        display: flex;
        justify-content: space-between
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box[data-v-f43edff4]:after {
        content: "";
        width: 1.25rem;
        height: 1px;
        background-color: #fff;
        position: absolute;
        transform: translate(.104167rem, .729167rem) rotate(135deg)
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box span[data-v-f43edff4] {
        font-size: .833333rem;
        color: #fff
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box span[data-v-f43edff4]:first-child {
        align-self: flex-start;
        font-size: .729167rem;
        color: #fff;
        font-family: "Alibaba PuHuiTi 3.0 Regular", system-ui
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box span[data-v-f43edff4]:nth-child(2) {
        display: none
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-pagination-count-box span[data-v-f43edff4]:nth-child(3) {
        align-self: flex-end;
        font-size: .9375rem;
        color: #fff;
        font-family: "Alibaba PuHuiTi 3.0 Regular", system-ui
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-next[data-v-f43edff4],
    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-prev[data-v-f43edff4] {
        padding: .520833rem .625rem;
        width: unset;
        height: unset;
        margin: 0;
        background-image: unset;
        position: absolute;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        color: #fff;
        font-size: .9375rem
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-next[data-v-f43edff4]:active,
    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-prev[data-v-f43edff4]:active {
        color: #354b9a;
        background-color: unset
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-prev[data-v-f43edff4] {
        transform: rotate(180deg);
        position: absolute;
        top: -4.739583rem;
        left: -15.3125rem
    }

    .news-group .headlines-container .headlines-banner .swiper-pagination-box .swiper-button-next[data-v-f43edff4] {
        position: absolute;
        top: -4.739583rem;
        left: .3125rem
    }

    .news-group .headlines-container .headlines-info[data-v-f43edff4] {
        position: absolute;
        padding-left: .729167rem;
        padding-right: 4.166667rem;
        /*height:1.875rem;*/
        height: 2.5rem;
        background: rgba(0, 0, 0, .2);
        left: .833333rem;
        right: .833333rem;
        top: unset;
        bottom: 1.041667rem;
        z-index: 3;
        display: flex;
        align-items: center
    }

    .news-group .headlines-container .headlines-info .headlines-time[data-v-f43edff4] {
        display: none
    }

    .news-group .headlines-container .headlines-info .headlines-title[data-v-f43edff4] {
        margin-top: 0;
        font-weight: 500;
        font-size: .729167rem;
        color: #fff;
        line-height: 1.197917rem
    }

    .news-group .college-news-container[data-v-f43edff4] {
        padding-top: 1.302083rem;
        flex-grow: 1;
        z-index: 2;
        position: relative
    }

    .news-group .college-news-container span[data-v-f43edff4] {
        color: #fff
    }

    .news-group .college-news-container[data-v-f43edff4]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background-image: url(../../static/img/college-news-background-mobile.a9905cc1.png);
        background-repeat: no-repeat;
        background-position: 40%, 0;
        background-size: 100% 100%
    }

    .news-group .college-news-container .college-news-group[data-v-f43edff4] {
        margin-top: 1.041667rem;
        display: flex;
        flex-direction: column
    }

    .news-group .college-news-container .college-news-group .college-news-col[data-v-f43edff4] {
        padding: 0 .833333rem;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .news-group .college-news-container .college-news-group .college-news-col[data-v-f43edff4]:first-child {
        margin-right: 0;
        margin-left: 0
    }

    /*.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one[data-v-f43edff4]:first-child{height:unset}*/
    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box[data-v-f43edff4] {
        height: 11.302083rem;
        width: 100%;
        border-radius: .416667rem;
        overflow: hidden
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box:hover .college-news-image[data-v-f43edff4] {
        transform: scale(1.2)
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-image-box .college-news-image[data-v-f43edff4] {
        height: 100%;
        width: 100%;
        transition: transform .33s
    }

    /*.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-title[data-v-f43edff4]{margin-top:.625rem;font-size:.729167rem;line-height:.833333rem}.news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-date[data-v-f43edff4]{margin-top:.416667rem;font-size:.729167rem;line-height:.833333rem}*/
    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:first-child .college-news-text[data-v-f43edff4] {
        margin-top: .416667rem;
        font-weight: 400;
        font-size: .729167rem;
        color: hsla(0, 0%, 100%, .59);
        line-height: .833333rem
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one[data-v-f43edff4]:not(:first-child),
    .news-group .college-news-container .college-news-group .college-news-col:not(:first-child) .college-news-one[data-v-f43edff4] {
        position: relative
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one[data-v-f43edff4]:not(:first-child):after,
    .news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:after {
        display: none
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:not(:first-child) .college-news-title[data-v-f43edff4],
    .news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-title[data-v-f43edff4] {
        padding-right: 3.125rem;
        -webkit-line-clamp: 1
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one .college-news-date[data-v-f43edff4],
    .news-group .college-news-container .college-news-group .college-news-col:not(:first-child) .college-news-one .college-news-date[data-v-f43edff4] {
        font-size: .572917rem;
        color: #fff;
        font-family: "Alibaba PuHuiTi 3.0 Regular", system-ui;
        position: absolute;
        right: 0;
        top: -.729167rem
    }

    .news-group .college-news-container .college-news-group .college-news-col:first-child .college-news-one:not(:first-child) .college-news-text[data-v-f43edff4],
    .news-group .college-news-container .college-news-group .college-news-col:not(:first-child) .college-news-one .college-news-text[data-v-f43edff4] {
        margin-top: .416667rem;
        font-size: .572917rem;
        color: #fff;
        display: -webkit-box;
        font-family: "Alibaba PuHuiTi 3.0 Regular", system-ui
    }

    .news-group .college-news-container .college-news-group .college-news-col:not(:first-child) .college-news-one[data-v-f43edff4]:not(:first-child) {
        margin-top: 0
    }

    .news-group .college-news-container .college-news-group .college-news-col:not(:first-child) .college-news-one[data-v-f43edff4]:nth-child(n+3) {
        display: none
    }

    .news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4] {
        height: 25%;
        padding-bottom: .9375rem;
        position: relative
    }

    .news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:not(:first-child) {
        margin-top: 0
    }

    .news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-title[data-v-f43edff4] {
        margin-top: 0;
        font-weight: 400;
        font-size: .625rem;
        color: #fff;
        line-height: .729167rem
    }

    .news-group .college-news-container .college-news-group .college-news-col .college-news-one .college-news-date[data-v-f43edff4] {
        margin-top: .833333rem;
        font-weight: 400;
        font-size: .833333rem;
        color: #fff
    }

    .news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:last-child:after {
        display: none
    }
   .news-group .college-news-container[data-v-f43edff4] .whiteImage {display:none;}
   .news-group .headlines-container[data-v-f43edff4] .blueImage .right {display: block;}
    /*.news-group .college-news-container .college-news-group .college-news-col .college-news-one[data-v-f43edff4]:after{content:"";position:absolute;left:0;right:0;bottom:0;border:1px solid hsla(0,0%,100%,.2)}*/
}

.notice-group[data-v-f43edff4] {
    background-image: url(../../static/img/notice-background.745ef36d.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.notice-group .container[data-v-f43edff4] {
    min-width: var(--container-width);
    display: flex;
    padding: 2.083333rem 4.583333rem 2.083333rem
}

.notice-group .notice-container[data-v-f43edff4] {
    width: 55%;
    padding: 1.354167rem 0 .625rem 0;
    background: #fff;
    box-shadow: 0 .208333rem 1.041667rem 0 rgba(0, 0, 0, .08);
    border-radius: .416667rem
}

.notice-group .notice-container .notice-box[data-v-f43edff4] {
    padding: .3125rem .520833rem .625rem 1.041667rem;
    display: flex
}

.notice-group .notice-container .notice-box .notice-tab-box[data-v-f43edff4] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    border-radius: .208333rem;
    border: 1px solid hsla(0, 0%, 100%, .2);
    overflow: hidden
}

.notice-group .notice-container .notice-box .notice-tab-box .notice-tab[data-v-f43edff4] {
    width: 9.375rem;
   height: 3.020833rem;
    padding: .9375rem 0;
    display: flex;
    background: #f8f8f8;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.notice-group .notice-container .notice-box .notice-tab-box .notice-tab.active[data-v-f43edff4] {
    background: linear-gradient(90deg, rgba(42, 67, 137, .2), rgba(54, 76, 155, .2))
}

.notice-group .notice-container .notice-box .notice-tab-box .notice-tab .notice-label[data-v-f43edff4] {
    font-weight: 600;
    font-size: 1.041667rem;
    line-height: 1.25rem;
    color: #003279
}

.notice-group .notice-container .notice-box .notice-list-box[data-v-f43edff4] {
    margin-left: .208333rem;
    flex-grow: 1
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4] a {
    padding: 1.041667rem .520833rem 1.041667rem 1.5625rem;
    display: flex;
    position: relative
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:not(:last-child) a {
    border-bottom: 1px dashed #c8c8c8
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:not(:first-child) a {
    margin-top: .260417rem
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4] a:after {
    content: "";
    width: .3125rem;
    height: .3125rem;
    background: linear-gradient(90deg, #2a4389, #364c9b);
    position: absolute;
    border-radius: 50%;
    left: .416667rem;
    top: 50%;
    transform: translateY(-50%)
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:hover {
    background: linear-gradient(90deg, #2a4389, #364c9b);
    box-shadow: 0 .208333rem 1.041667rem 0 rgba(0, 0, 0, .25);
    border-bottom-color: transparent
}


.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4] a:hover:after {background:#fff;}


.notice-group .notice-container .notice-box .notice-list-box .notice-one:hover .notice-date[data-v-f43edff4],
.notice-group .notice-container .notice-box .notice-list-box .notice-one:hover .notice-title[data-v-f43edff4] {
    color: #fff
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:hover:after {
    background: #fff
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one .notice-title[data-v-f43edff4] {
    font-weight: 500;
    font-size: 1.045833rem;
    color: #1b1c1e;
    flex-grow: 1
}

.notice-group .notice-container .notice-box .notice-list-box .notice-one .notice-date[data-v-f43edff4] {
    margin-left: 1.5625rem;
    flex-shrink: 0;
    font-weight: 400;
    font-size: .9375rem;
    color: #7a89ac
}

.notice-group .meeting-container[data-v-f43edff4] {
    width: 45%;
    margin-left: 2.083333rem;
    padding: 1.354167rem 0 .208333rem 0;
    background: #fff;
    box-shadow: 0 .208333rem 1.041667rem 0 rgba(0, 0, 0, .08);
    border-radius: .416667rem
}

.notice-group .meeting-container .meeting-box[data-v-f43edff4] {
    padding: .260417rem 1.041667rem
}

.notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4] {
     margin-top: .625rem;
    margin-bottom: .625rem;
    min-height: 2.5rem;
    padding: 0 .416667rem 0 1.979167rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4]:after {
    content: "";
    width: .3125rem;
    height: .3125rem;
    background: linear-gradient(90deg,#2a4389,#364c9b);
    position: absolute;
    top: 50%;
    left: .833333rem;
    border-radius: 50%;
    transform: translateY(-50%)
}
.notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4] {
    border-bottom: 1px dashed rgba(0,0,0,.1)
}

.notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4]:hover {
    background: linear-gradient(90deg,#2a4389,#364c9b);
    box-shadow: 0 .208333rem 1.041667rem 0 rgba(0,0,0,.25)
}

.notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4]:hover:after {
    background: #fff
}

.notice-group .meeting-container .meeting-box .meeting-one:hover .meeting-title[data-v-f43edff4] {
   -webkit-line-clamp:2;
    color: #fff
}

.notice-group .meeting-container .meeting-box .meeting-one:hover .meeting-time[data-v-f43edff4] {
    border-color: #fff
}

.notice-group .meeting-container .meeting-box .meeting-one:hover .meeting-time .meeting-date[data-v-f43edff4],
.notice-group .meeting-container .meeting-box .meeting-one:hover .meeting-time .meeting-weekday[data-v-f43edff4] {
    color: #fff
}

.notice-group .meeting-container .meeting-box .meeting-one .meeting-title[data-v-f43edff4] {
    font-weight: 500;
    font-size: 1.045833rem;
    color: #1b1c1e;
}

.notice-group .meeting-container .meeting-box .meeting-one .meeting-time[data-v-f43edff4] {
    margin-left: .885417rem;
    padding: .104167rem .625rem;
    border-radius: .260417rem;
    text-align: center;
    flex-shrink: 0
}

.notice-group .meeting-container .meeting-box .meeting-one .meeting-time .meeting-date[data-v-f43edff4] {
    font-size: .9375rem;
    color: #7a89ac
}

.notice-group .meeting-container .meeting-box .meeting-one .meeting-time .meeting-weekday[data-v-f43edff4] {
    font-size: .625rem;
    color: #194d97
}

@media screen and (max-width:600px) {
    .notice-group[data-v-f43edff4] {
        margin-top: 0;
        background-image: url(../../static/img/notice-background-mobile.e36b3442.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .notice-group .container[data-v-f43edff4] {
        min-width: var(--container-width);
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .notice-group .notice-container[data-v-f43edff4] {
        width: 100%;
        padding: 1.354167rem 0 0 0;
        background: unset;
        box-shadow: unset;
        border-radius: unset
    }

    .notice-group .notice-container .notice-box[data-v-f43edff4] {
        padding: .3125rem .520833rem 0 .833333rem;
        display: flex;
        flex-direction: column
    }

    .notice-group .notice-container .notice-box .notice-tab-box[data-v-f43edff4] {
        margin-top: .625rem;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-shrink: 0;
        border-radius: .208333rem;
        border: 1px solid hsla(0, 0%, 100%, .2);
        overflow: hidden
    }

    .notice-group .notice-container .notice-box .notice-tab-box .notice-tab[data-v-f43edff4] {
        width: unset;
        padding: .208333rem .46875rem;
        display: flex;
        background: #fff;
        border-radius: .104167rem;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-right: .416667rem;
        margin-bottom: .625rem
    }

    .notice-group .notice-container .notice-box .notice-tab-box .notice-tab.active[data-v-f43edff4] {
        background: #2d4387
    }

    .notice-group .notice-container .notice-box .notice-tab-box .notice-tab.active .notice-label[data-v-f43edff4] {
        color: #fff
    }

    .notice-group .notice-container .notice-box .notice-tab-box .notice-tab .notice-label[data-v-f43edff4] {
        font-weight: 400;
        font-size: .729167rem;
        line-height: unset;
        color: #003279;
    }

    .notice-group .notice-container .notice-box .notice-list-box[data-v-f43edff4] {
        margin-left: 0;
        flex-grow: 1
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4] a {
        padding: .572917rem 0 .572917rem .833333rem;
        display: flex;
        position: relative;
        border-bottom: 1px solid #e4e4e4 !important
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4] a:after {
        content: "";
        width: .208333rem;
        height: .208333rem;
        background: #000;
        position: absolute;
        border-radius: 50%;
        left: .208333rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:hover {
        background: linear-gradient(90deg, #2a4389, #364c9b);
        box-shadow: 0 .208333rem 1.041667rem 0 rgba(0, 0, 0, .25);
        border-bottom-color: transparent
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one:hover .notice-date[data-v-f43edff4],
    .notice-group .notice-container .notice-box .notice-list-box .notice-one:hover .notice-title[data-v-f43edff4] {
        color: #fff
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one[data-v-f43edff4]:hover:after {
        background: #fff
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one .notice-title[data-v-f43edff4] {
        font-weight: 400;
        font-size: .625rem;
        color: #000;
        line-height: unset;
        flex-grow: 1
    }

    .notice-group .notice-container .notice-box .notice-list-box .notice-one .notice-date[data-v-f43edff4] {
        margin-left: 1.041667rem;
        font-size: .572917rem
    }

    .notice-group .meeting-container[data-v-f43edff4] {
        width: 100%;
        margin-left: 0;
        padding: 1.041667rem 0 .625rem 0;
        background: unset;
        box-shadow: unset;
        border-radius: unset
    }

    .notice-group .meeting-container .meeting-box[data-v-f43edff4] {
        padding: .520833rem 1.041667rem
    }

    .notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4] {
        padding: .729167rem 0 .729167rem .625rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        border-bottom: 1px dashed rgba(0, 0, 0, .1)
    }

    .notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4]:nth-child(n+5) {
        display: none
    }

    .notice-group .meeting-container .meeting-box .meeting-one[data-v-f43edff4]:after {
        content: "";
        width: .3125rem;
        height: .3125rem;
        background: linear-gradient(90deg, #2a4389, #364c9b);
        position: absolute;
        top: 50%;
        left: 0;
        border-radius: 50%;
        transform: translateY(-50%)
    }

    .notice-group .meeting-container .meeting-box .meeting-one .meeting-title[data-v-f43edff4] {
        font-weight: 500;
        font-size: .729167rem;
        color: #1b1c1e;
        line-height: unset;
        -webkit-line-clamp: 1
    }

    .notice-group .meeting-container .meeting-box .meeting-one .meeting-time[data-v-f43edff4] {
        margin-left: .885417rem;
        padding: .104167rem .625rem;
        border-radius: .260417rem;
        text-align: center;
        flex-shrink: 0;
        transform: scale(.83)
    }

    .notice-group .meeting-container .meeting-box .meeting-one .meeting-time .meeting-date[data-v-f43edff4],
    .notice-group .meeting-container .meeting-box .meeting-one .meeting-time .meeting-weekday[data-v-f43edff4] {
        font-size: .625rem;
        color: #194d97
    }
}

.elegant-group {
    padding-top: 6.145833rem;
    height: 35.260417rem;
    background-image: url(../../static/img/elegant-background.1f8c87d7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.elegant-group .container {
    min-width: var(--container-width);
    display: flex;
    padding: 0 4.583333rem 0
}

.elegant-group .split-line {
    display: none
}

.elegant-group .teacher-box {
    width: calc(50% - 1.30208rem);
    min-height: 20.3125rem;
    margin-right: 2.604167rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.elegant-group .teacher-box .title-view {
    flex-shrink: 0
}

.elegant-group .teacher-box .teacher-container {
    width: 100%;
    flex-grow: 1;
    margin-right: .989583rem;
    margin-top: .989583rem;
    position: relative;
    background: #fff;
    border-radius: .416667rem;
    overflow: hidden
}

.elegant-group .teacher-box .teacher-container .teacher-banner {
    width: calc(100% - 6.25rem);
    height: 100%;
    margin: 0 3.125rem;
    overflow: hidden
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper {
    display: flex;
    align-items: center
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-top {
    width: 8.625rem;
    height: 11.75rem
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-name {
    margin-top: 1.354167rem;
    font-weight: 400;
    font-size: 1.458333rem;
    color: #000
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-image {
    width: 100%;
    height: 100%
}

.elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-image img {
    width: 100%;
    height: 100%;
    transform: skewY(1.5deg);
    border-radius: .625rem
}

.elegant-group .teacher-box .teacher-container .pagination-box .teacher-next,.elegant-group .teacher-box .teacher-container .pagination-box .teacher-prev {
    flex-shrink: 0;
    width: 1.354167rem;
    height: 1.354167rem;
    background: linear-gradient(90deg,#2a4389,#364c9b);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 1.041667rem;
    transform: translateY(-50%) rotate(180deg)
}

.elegant-group .teacher-box .teacher-container .pagination-box .teacher-next {
    left: unset;
    right: 1.041667rem;
    transform: translateY(-50%)
}

.elegant-group .student-box {
    width: calc(50% - 1.30208rem);
    min-height: 20.3125rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.elegant-group .student-box .title-view {
    flex-shrink: 0
}

.elegant-group .student-box .student-container {
    width: 100%;
    flex-grow: 1;
    margin-right: .989583rem;
    margin-top: .989583rem;
    position: relative;
    background: #fff;
    border-radius: .416667rem;
    overflow: hidden
}

.elegant-group .student-box .student-container .student-banner {
    width: calc(100% - 6.25rem);
    height: 100%;
    margin: 0 3.125rem;
    overflow: hidden
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper {
    display: flex;
    align-items: center
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-top {
    width: 8.625rem;
    height: 11.75rem
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-name {
    margin-top: 1.354167rem;
    font-weight: 400;
    font-size: 1.458333rem;
    color: #000;
    text-align: center;
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-image {
    width: 100%;
    height: 100%
}

.elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-image img {
    width: 100%;
    height: 100%;
    border-radius: .625rem;
     transform: skewY(1.5deg)
}

.elegant-group .student-box .student-container .pagination-box .student-next,.elegant-group .student-box .student-container .pagination-box .student-prev {
    flex-shrink: 0;
    width: 1.354167rem;
    height: 1.354167rem;
    background: linear-gradient(90deg,#2a4389,#364c9b);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 1.041667rem;
    transform: translateY(-50%) rotate(180deg)
}

.elegant-group .student-box .student-container .pagination-box .student-next {
    left: unset;
    right: 1.041667rem;
    transform: translateY(-50%)
}

@media screen and (max-width: 600px) {
    .elegant-group {
        height:unset;
        background-image: unset;
        background-color: #354b91;
        padding-top: 2.135417rem;
        margin-bottom: 1.354167rem;
        padding-bottom: 2.8125rem;
        clip-path: polygon(0 0,100% 1.041667rem,100% 1.041667rem,100% 100%,100% 100%,0 calc(100% - 1.04167rem),0 calc(100% - 1.04167rem),0 0)
    }

    .elegant-group .container {
        padding: 0;
        flex-direction: column
    }

    .elegant-group .split-line {
        display: block;
        height: 6.822917rem;
        position: relative;
        overflow: hidden
    }

    .elegant-group .split-line:after {
        content: "";
        position: absolute;
        height: .104167rem;
        background-color: #fff;
        left: -5.208333rem;
        right: -5.208333rem;
        top: 50%;
        transform: translateY(-50%) rotate(-3.75deg)
    }

    .elegant-group .teacher-box {
        width: 100%;
        min-height: unset;
        margin-right: 0
    }

    .elegant-group .teacher-box .teacher-container {
        width: 100%;
        flex-grow: 1;
        margin-right: .989583rem;
        margin-top: .989583rem;
        position: relative;
        background: #fff;
        border-radius: 0;
        overflow: hidden
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner {
        width: calc(100% - 4.16667rem);
        height: 100%;
        margin: 1.041667rem 2.083333rem;
        overflow: hidden
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper {
        display: flex;
        align-items: center
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-top {
        width: 5.75rem;
        height: 7.83333rem
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-name {
        margin-top: .677083rem;
        font-weight: 400;
        font-size: 1.041667rem;
        color: #000
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-image {
        width: 100%;
        height: 100%
    }

    .elegant-group .teacher-box .teacher-container .teacher-banner .teacher-banner-wrapper .teacher-one .teacher-image img {
        width: 100%;
        height: 100%;
        transform: skewY(1.5deg);
        border-radius: .625rem
    }

    .elegant-group .teacher-box .teacher-container .pagination-box .teacher-next,.elegant-group .teacher-box .teacher-container .pagination-box .teacher-prev {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        background: linear-gradient(90deg,#2a4389,#364c9b);
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: .729167rem;
        transform: translateY(-50%) rotate(180deg)
    }

    .elegant-group .teacher-box .teacher-container .pagination-box .teacher-next {
        left: unset;
        right: .729167rem;
        transform: translateY(-50%)
    }

    .elegant-group .student-box {
        min-height: unset;
        width: 100%
    }

    .elegant-group .student-box .student-container {
        width: 100%;
        flex-grow: 1;
        margin-right: .989583rem;
        margin-top: .989583rem;
        position: relative;
        background: #fff;
        border-radius: 0;
        overflow: hidden
    }

    .elegant-group .student-box .student-container .student-banner {
        width: calc(100% - 4.16667rem);
        height: 100%;
        margin: 1.041667rem 2.083333rem;
        overflow: hidden
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper {
        display: flex;
        align-items: center
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-top {
        width: 5.75rem;
        height: 7.83333rem
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-name {
        margin-top: .677083rem;
        font-weight: 600;
        font-size: 1.041667rem;
        color: #000
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-image {
        width: 100%;
        height: 100%
    }

    .elegant-group .student-box .student-container .student-banner .student-banner-wrapper .student-one .student-image img {
        width: 100%;
        height: 100%;
        border-radius: .625rem;
        transform: skewY(1.5deg)
    }

    .elegant-group .student-box .student-container .pagination-box .student-next,.elegant-group .student-box .student-container .pagination-box .student-prev {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        background: linear-gradient(90deg,#2a4389,#364c9b);
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: .729167rem;
        transform: translateY(-50%) rotate(180deg)
    }

    .elegant-group .student-box .student-container .pagination-box .student-next {
        left: unset;
        right: .729167rem;
        transform: translateY(-50%)
    }
}


.website-group[data-v-f43edff4] {
    padding-top: .416667rem;
    background-image: url(../../static/img/website-background.560d355f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.website-group .container[data-v-f43edff4] {
    height: 100%;
    min-width: var(--container-width);
    display: flex;
    flex-direction: column;
    padding: 0 4.583333rem 0
}

.website-group .website-grid[data-v-f43edff4] {
    padding: 1.5625rem .78125rem 1.770833rem;
    flex-grow: 1;
    height: 100%
}

.website-group .website-grid .website-one[data-v-f43edff4] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
    padding-right: 1.25rem;
    padding-top: 2rem
}


.website-group .website-grid .website-one[data-v-f43edff4]:after {
    content: "";
    position: absolute;
    left: .416667rem;
    top: .416667rem;
    width: 3.90625rem;
    height: 3.90625rem;
    background-image: url(../../static/img/shadow-logo.677064d6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}


.website-group .website-grid .website-one:nth-child(odd) .website-image[data-v-f43edff4] {
    position: absolute;
    left: 0;
    top: .625rem;
    right: 0
}

.website-group .website-grid .website-one:nth-child(2n) .website-image[data-v-f43edff4] {
    position: absolute;
    left: 0;
    bottom: .677083rem;
    right: 0
}

.website-group .website-grid .website-one:hover .website-image img[data-v-f43edff4] {
    transform: scale(1.2)
}

.website-group .website-grid .website-one .website-image[data-v-f43edff4] {
    height: 62%;
    overflow: hidden
}

.website-group .website-grid .website-one .website-image img[data-v-f43edff4] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .33s
}

.website-group .website-grid .website-one .website-en[data-v-f43edff4] {
    font-weight: 700;
    font-size: 1.875rem;
    color: rgba(0, 0, 0, .29);
    line-height: 2.1875rem
}

.website-group .website-grid .website-one .website-cn[data-v-f43edff4] {
    margin-top: .208333rem;
    font-family: SourceHanSerifCN-Bold, system-ui;
    font-weight: 700;
    font-size: 1.25rem;
    color: #2d4aaf
}

@media screen and (max-width:600px) {
    .website-group[data-v-f43edff4] {
        padding-top: 0;
        padding-bottom: 2.604167rem;
        height: unset;
        background-image: url(../../static/img/website-background.02656a20.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .website-group .container[data-v-f43edff4] {
        height: 100%;
        min-width: var(--container-width);
        display: flex;
        flex-direction: column;
        padding: 0
    }

    .website-group .website-grid[data-v-f43edff4] {
        padding: .78125rem 0 0;
        flex-grow: 1;
        height: 100%
    }

    .website-group .website-grid .website-one[data-v-f43edff4] {
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0 0 .572917rem;
        flex-shrink: 0;
        margin-left: .833333rem;
        width: 9.791667rem !important;
        height: 11.40625rem !important
    }

    .website-group .website-grid .website-one .website-image[data-v-f43edff4] {
        display: none
    }

    .website-group .website-grid .website-one .website-en[data-v-f43edff4] {
        padding-left: .677083rem;
        font-size: .9375rem;
        line-height: 1.09375rem
    }

    .website-group .website-grid .website-one .website-cn[data-v-f43edff4] {
        font-size: .9375rem;
        color: #2d4aaf;
        line-height: 1.09375rem;
        padding-left: .677083rem;
        margin-top: 0
    }
}

[data-v-f43edff4] .footer-view {
    margin-top: 0 !important
}

.fade-enter-active[data-v-f43edff4],
.fade-leave-active[data-v-f43edff4] {
    transition: opacity .33s
}

.fade-enter[data-v-f43edff4],
.fade-leave-to[data-v-f43edff4] {
    opacity: 0
}

/* .website-group[data-v-f43edff4] {
    padding-top: .416667rem;
    background-image: url(../../static/img/website-background.02656a20.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.website-group .container[data-v-f43edff4] {
    height: 100%;
    min-width: var(--container-width);
    display: flex;
    flex-direction: column;
    padding: 0 4.583333rem 0
} */

.website-group .website-grid[data-v-f43edff4] {
    padding: 1.5625rem .78125rem 1.770833rem;
    flex-grow: 1;
    height: 100%
}

.website-group .website-grid .website-content[data-v-f43edff4] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-column-gap: .833333rem;
    grid-row-gap: 1.666667rem;
    grid-template-columns: repeat(4,calc(25% - .625rem))
}

.website-group .website-grid .website-one[data-v-f43edff4] {
    height: 4.6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1.458333rem;
    background: #fff;
    box-shadow: 0 .208333rem 1.041667rem 0 rgba(0, 0, 0, .12);
    border-radius: .416667rem
}

.website-group .website-grid .website-one:first-child .website-en[data-v-f43edff4] {
    color: #1a68d8
}

.website-group .website-grid .website-one:nth-child(2) .website-en[data-v-f43edff4] {
    color: #d83c1a
}

.website-group .website-grid .website-one:nth-child(3) .website-en[data-v-f43edff4] {
    color: #d88c1a
}
.website-group .website-grid .website-one:nth-child(4) .website-en[data-v-f43edff4] {
    color: #e500b2
}
.website-group .website-grid .website-one:nth-child(5) .website-en[data-v-f43edff4] {
    color: #0fbd7f
}

.website-group .website-grid .website-one:nth-child(6) .website-en[data-v-f43edff4] {
    color: #2da4bf
}

.website-group .website-grid .website-one:nth-child(7) .website-en[data-v-f43edff4] {
    color: #ab00e5
}
.website-group .website-grid .website-one:nth-child(8) .website-en[data-v-f43edff4] {
    color: #dfe500
}
.website-group .website-grid .website-one:hover .icon-long-right[data-v-f43edff4] {
    font-size: 2.604167rem
}

.website-group .website-grid .website-one .website-image[data-v-f43edff4] {
    height: 62%;
    overflow: hidden
}

.website-group .website-grid .website-one .website-image img[data-v-f43edff4] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .33s
}

.website-group .website-grid .website-one .website-en[data-v-f43edff4] {
    font-weight: 700;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, .29);
    line-height: 2.1875rem
}

.website-group .website-grid .website-one .website-cn[data-v-f43edff4] {
    margin-top: .208333rem;
    font-family: SourceHanSerifCN-Bold, system-ui;
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
    white-space: pre-wrap
}
.website-group .website-grid .website-one[data-v-f43edff4] > div {
    font-size: 1.4rem;
    font-family: SourceHanSerifCN-Bold, system-ui;
}
/*.website-group .website-grid .website-one .icon-long-right[data-v-f43edff4] {
    position: absolute;
    font-size: 1.40625rem;
    color: #000;
    opacity: .1;
    right: 1.302083rem;
    top: 50%;
    transform: translateY(-50%);
    transition: font-size .33s
}*/

@media screen and (max-width: 600px) {
    /* .website-group[data-v-f43edff4] {
        padding-top:0;
        padding-bottom: 2.604167rem;
        height: unset;
        background-image: url(../../static/img/website-background.02656a20.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .website-group .container[data-v-f43edff4] {
        height: 100%;
        min-width: var(--container-width);
        display: flex;
        flex-direction: column;
        padding: 0
    } */

    .website-group .website-grid[data-v-f43edff4] {
        padding: .78125rem 0 0;
        flex-grow: 1;
        height: 100%
    }

    .website-group .website-grid .website-content[data-v-f43edff4] {
        width: 100%;
        height: 100%;
        padding-bottom: .260417rem;
        background-image: unset;
        display: flex;
        overflow-x: auto
    }

    .website-group .website-grid .website-one[data-v-f43edff4] {
        position: relative;
        display: flex;
        flex-direction: column;
        padding-top: 1.041667rem;
        padding-bottom: 1.041667rem;
        padding-left: .833333rem;
        flex-shrink: 0;
        width: 11.979167rem !important;
        height: 4.6rem!important;
        overflow: hidden;
    }

    .website-group .website-grid .website-one[data-v-f43edff4]:first-child {
        margin-left: .833333rem
    }

    .website-group .website-grid .website-one:hover .icon-long-right[data-v-f43edff4] {
        font-size: 2.291667rem
    }

    .website-group .website-grid .website-one .website-image[data-v-f43edff4] {
        display: none
    }

    .website-group .website-grid .website-one .website-en[data-v-f43edff4] {
        padding-left: .677083rem;
        font-size: .9375rem;
        line-height: 1.09375rem
    }

    .website-group .website-grid .website-one .website-cn[data-v-f43edff4] {
        font-size: .9375rem;
        color: #2d4aaf;
        line-height: 1.09375rem;
        padding-left: .677083rem;
        margin-top: 0
    }

    /*.website-group .website-grid .website-one .icon-long-right[data-v-f43edff4] {
        font-size: 1.145833rem
    }*/
}