body,
html {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.home-page{
    background: var(--color-primary) url(../images/bg.jpg) center center no-repeat;
    background-size: cover;
}

.animated {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: ease-in-out;
    animation-fill-mode: ease-in-out;
}

.fullpage {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.show-menu .fullpage {
    z-index: 9;
}

img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.menu-toggle{
    position: fixed;
    right: var(--size-40);
    top: var(--size-20);
    width: var(--size-54);
    height: var(--size-54);
    z-index: 999;
    cursor: pointer;
    background: url(../images/menu.png) center center no-repeat;
    background-size: contain;
    transition: all .5s ease-in-out;
}
.menu-toggle img{
    width: 100%;
}
.show-menu-tc .menu-toggle{
    background: url(../images/menu-active.png) center center no-repeat;
    background-size: contain;
}

.logo {
    position: absolute;
    left: var(--size-54);
    top: var(--size-30);
    z-index: 99;
}

.logo img {
    width: calc(var(--size-100)*2.7);
}

.theme-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: calc(var(--size-100)*2.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--size-54);
    transition: all .6s ease-in-out 0s;
}
.theme-container .theme-flex{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.theme-container .th-logo {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.theme-container .th-logo img {
    width: calc(var(--size-100)*4.88);
}
.theme-container .th-logo-v2 img {
    width: calc(var(--size-100)*2.85);
}

.theme-container .text-box {
    margin-left: var(--size-24);
    position: relative;
    width: calc(50% + var(--size-100) * 1.67/2);
}

.theme-container .text-box .mark {
    width: unset;
    opacity: 1;
    transition: opacity 0s ease-in-out 0s;
}

.theme-container .text-box .mark img {
    width: calc(var(--size-100)*1.67);
}

.theme-container .text-box .text {
    text-shadow: 0px var(--size-2) var(--size-9) rgba(46, 0, 0, 0.6);
    line-height: 1.4;
    /* margin-top: var(--size-20); */
    color: var(--color-secondary);
    font-family: "Poppins";
    font-weight: 400;
}

.theme-container .text-box .slogan {
    margin-top: var(--size-16);
}

.theme-container .text-box .slogan img {
    width: calc(var(--size-100)*7.68);
    max-width: 100%;
    position: relative;
}
.theme-container .text-box .slogan-v2 img{
    width: calc(var(--size-100)*5.2);
    transform: translateX(-5%);
}

.theme-container .text-box .more {
    margin-top: var(--size-45);
}

.bg-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.year-swiper {
    position: absolute;
    left: var(--size-54);
    right: var(--size-54);
    top: 50%;
    transform: translateY(-30%);
    opacity: .15;

}

.year-swiper .swiper-container {
    overflow: unset;
}

.year-swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.year-swiper .num {
    font-size: calc(var(--size-100)*2.4);
    background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "DinPro";
    line-height: 1;
}

.year-swiper .swiper-slide {
    width: unset;
}

.year-swiper .swiper-slide+.swiper-slide {
    margin-left: calc(var(--size-100)*2);
}

.light {
    width: 266vw;
    height: 266vw;
    position: absolute;
    left: 100%;
    bottom: 100%;
    transform: translate(-47%, 47%);
    -webkit-animation: rotate 24s linear infinite;
    -o-animation: rotate 24s linear infinite;
    animation: rotate 24s linear infinite;
}

.light img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-47%, 47%) rotate(0deg);
        -ms-transform: translate(-47%, 47%) rotate(0deg);
        transform: translate(-47%, 47%) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(-47%, 47%) rotate(180deg);
        -ms-transform: translate(-47%, 47%) rotate(180deg);
        transform: translate(-47%, 47%) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(-47%, 47%) rotate(360deg);
        -ms-transform: translate(-47%, 47%) rotate(360deg);
        transform: translate(-47%, 47%) rotate(360deg);
    }
}

/* show-menu */
.show-menu .bg-foot,
.show-menu .year-swiper,
.show-menu .theme-container {
    -webkit-animation: fadeOut .4s linear forwards !important;
    -o-animation: fadeOut .4s linear forwards !important;
    animation: fadeOut .4s linear forwards !important;
}

.show-menu .theme-container .text-box .mark {
    opacity: 0!important;
}

/* show-menu END */

/* fullpage-head */
.fullpage-head {
    /* display: none; */
    width: calc(var(--size-100)*3.83);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0 var(--size-54);
}

.fullpage-head .mark {
    position: fixed;
    left: calc(50% - var(--size-100) * 2.85 - var(--size-100) * 1.67 / 2 - var(--size-24));
    transition: all .6s ease-in-out 0s;
    transform: unset;
    transform: translateY(-100%);
    width: calc(var(--size-100)*2.85);
}

.fullpage-head .mark img {
    width: 100%;
    margin: 0 auto;
    transform: width  .6s ease-in-out 0s;
}

.fullpage-head .slogan {
    position: absolute;
    left: var(--size-24);
    right: var(--size-24);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.fullpage-head .slogan img {
    width: 100%;
}

.fullpage-head .head-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--size-36) 0;
    color: #fff;
    background: url(../images/head-bg.png) center bottom var(--size-72) no-repeat;
    background-size: 100%;
    min-height: calc(var(--size-100)*3);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    opacity: 0;
}

.fullpage-head .count-down img {
    width: calc(var(--size-100)*1.3);
    margin: 0 auto;
    margin-bottom: calc(var(--size-54)*.35);
}

/* show-menu */

.show-menu .fullpage-head .mark {
    width: calc(var(--size-100)*2);
    left: calc((var(--size-100)*3.83 - var(--size-100)*2)/2);
}

.show-menu .fullpage-head .slogan {
    -webkit-animation: fadeIn 1s ease-in-out 0s forwards !important;
    -o-animation: fadeIn 1s ease-in-out 0s forwards !important;
    animation: fadeIn 1s ease-in-out 0s forwards !important;
}

.show-menu .fullpage-head .head-bottom {
    -webkit-animation: fadeIn 1s ease-in-out .6s forwards !important;
    -o-animation: fadeIn 1s ease-in-out .6s forwards !important;
    animation: fadeIn 1s ease-in-out .6s forwards !important;
}

/* show-menu END */

/* menu-tc */
.menu-tc{
    background: var(--color-primary) url(../images/bg.jpg) center center no-repeat;
    opacity: 0;
    transition: all .5s ease-in-out;
    z-index: 0!important;
    transform: translateY(-100%);
}
.menu-tc .fullpage-head{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.menu-tc .fullpage-head .slogan,
.menu-tc .fullpage-head .mark{
    position: static;
    transform: translateY(0);
}
.show-menu-tc .menu-tc{
    opacity: 1;
    z-index: 98!important;
    transform: translateY(0);
}
@media screen and (max-width: 767px) {
    .menu-tc .fullpage-head .mark{
        position: fixed;
    }
}
/* menu-tc END */

/* flipdown */
.flipdown {
    width: 100%;
    height: var(--size-60);
    margin-bottom: calc(var(--size-12) + var(--size-30));
    font-size: var(--size-30);
    white-space: nowrap;
}

.flipdown .rotor-group {
    position: relative;
    padding: 0;
    display: flex;
    width: var(--size-60);
    font-size: var(--size-30);
}

.flipdown .rotor-group+.rotor-group {
    margin-left: var(--size-9);
}

.flipdown .rotor-group-heading {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: var(--size-20);
}

.flipdown .rotor-group-heading:before {
    height: var(--size-20);
    line-height: 1;
    bottom: 0;
    transform: translateY(100%);
    padding-top: var(--size-12);
    font-weight: normal;
}

.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor-group-heading:before {
    transform: scale(.74074074) translateY(135%);
    transform-origin: 50% 0%;
}

.flipdown .rotor {
    margin-right: 0;
    overflow: hidden;
    border-radius: 0;
    flex: 1;
}

.flipdown .rotor-group .rotor:nth-of-type(2) {
    border-radius: var(--size-12) 0 0 var(--size-12);
    text-align: right;
}

.flipdown .rotor-group .rotor:nth-last-child(1) {
    border-radius: 0 var(--size-12) var(--size-12) 0;
    text-align: left;
}

.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom {
    /* width: calc(var(--size-54)/2); */
    width: 100%;
    height: calc(var(--size-60)/2);
    font-size: inherit;
    font-family: "Poppins";
    font-weight: 500;
    border-radius: 0;
}

.flipdown .rotor-leaf,
.flipdown .rotor {
    /* width: calc(var(--size-54)/2); */
    width: 100%;
    height: var(--size-60);
    font-size: inherit;
}

.flipdown .rotor-top,
.flipdown .rotor-leaf-front {
    line-height: var(--size-60);
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before {
    color: #fff;
}

.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before {
    content: '天';
}

.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before {
    content: '时';
}

.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before {
    content: '分';
}

.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
    content: '秒';
}

.flipdown .rotor:after {
    /* width: calc(var(--size-54)/2); */
    width: 100%;
    height: calc(var(--size-60)/2);
}

.flipdown.flipdown__theme-dark .rotor:after {
    border-top: solid var(--size-1) var(--color-primary)
}

.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
    background: linear-gradient(180deg, #CB2025 0%, rgba(113, 5, 8, 0.65) 100%);
}

.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
    background: linear-gradient(180deg, rgba(113, 5, 8, 0.66) 0%, #CB2025 100%);
}

.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) {
    transform: scale(1.35);
    transform-origin: 0% 100%;
}

.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) {
    margin-right: calc(var(--size-60)*.35);
}

.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor,
.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor-top,
.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor-leaf-front {
    background: linear-gradient(180deg, #D53B0A 0%, #EC9009 100%);
}

.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-group:nth-of-type(1) .rotor-leaf-rear {
    background: linear-gradient(180deg, #E7CA88 0%, #EC9009 100%);
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    left: calc(var(--size-60) + var(--size-9)/2);
    background-color: #fff;
    content: unset;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    bottom: unset;
    top: 40%;
    transform: translate(-50%, -50%);
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    bottom: 40%;
    transform: translate(-50%, 50%);
}

.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background-color: #fff;
}

@media screen and (max-width: 550px) {
    .flipdown .rotor-group-heading:before{
        font-size: var(--size-20);
    }
}

/* flipdown END */

/* fullpage-head END */

/* fullpage-middle */
.fullpage-middle {
    position: absolute;
    left: calc(var(--size-100)*3.83);
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

/* fullpage-middle END */

/* menu-list */
.menu-list {
    display: flex;
    height: 100%;
    width: 120vw;
    transition: width 1.4s ease-in-out .6s;
}

.menu-list .menu-item {
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    transition: all .6s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-top: calc(var(--size-100)*1.7); */
    justify-content: center;
    padding-bottom: var(--size-80);
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    opacity: 0;
    transform: scaleX(0);
    transition: transform .8s ease-in-out .3s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(1) {
    transition: all .8s ease-in-out .3s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(2) {
    transition: all .8s ease-in-out .4s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(3) {
    transition: all .8s ease-in-out .5s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(4) {
    transition: all .8s ease-in-out .6s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(5) {
    transition: all .8s ease-in-out .7s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(6) {
    transition: all .8s ease-in-out .8s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(7) {
    transition: all .8s ease-in-out .9s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item:nth-of-type(8) {
    transition: all .8s ease-in-out 1s, flex .4s ease-in-out 0s;
}

.menu-list .menu-item>* {
    position: relative;
}

.menu-list .menu-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/menu-bg.png) center top no-repeat;
    background-size: 100%;
    z-index: 0;
}

.menu-list .menu-item .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: all .6s ease-in-out 0s;
}

.menu-list .menu-item .title img {
    width: 1em;
    display: block;
}

.menu-list .menu-item .title {
    width: 1em;
}

.menu-list .menu-item .more {
    margin-top: var(--size-40);
    width: var(--size-60);
    height: var(--size-60);
    background-color: #fff;
    border-radius: 50%;
    color: var(--color-primary);
    text-align: center;
    line-height: var(--size-60);
    opacity: 0;
    transition: all .6s ease-in-out 0s;
    position: relative;
    font-weight: normal;
}

.menu-list .menu-item .more:after {
    content: "";
    position: absolute;
    left: var(--size-6-reverse);
    right: var(--size-6-reverse);
    top: var(--size-6-reverse);
    bottom: var(--size-6-reverse);
    border: var(--size-1) dashed #fff;
    border-radius: 50%;
}

.menu-list .menu-item:hover {
    flex: 2;
}

.menu-list .menu-item:hover .more,
.menu-list .menu-item:hover .bg {
    opacity: 1;
}

.menu-list .menu-item:hover .more:after {
    -webkit-animation: rotate1 15s linear infinite;
    -o-animation: rotate1 15s linear infinite;
    animation: rotate1 15s linear infinite;
}

.show-menu .menu-list {
    width: 100%;
}

.show-menu .menu-list .menu-item {
    opacity: 1;
    transform: scaleX(1);
}

/* menu-list END */

@-webkit-keyframes rotate1 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* secondary-page */
.secondary-page{
    background-color: #fff;
    background: url(../images/secondary-page-bg.jpg) center center no-repeat;
    background-size: cover;
}
.secondary-page .fullpage{
    z-index: 9;
}
.secondary-page .secondary-middle{
    background: url(../images/secondary-page-bg.jpg) center center no-repeat;
    background-size: cover;
}
/* secondary-page END */

/* secondary-head */
.secondary-head{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.secondary-head .lines{
    position: absolute;
    right: calc(var(--size-54) + var(--size-12));
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 1.2em;
}
.secondary-head .line{
    width: var(--size-1);
    height: 100%;
    background-color: rgba(216, 216, 216, .2);
    position: relative;
}
.secondary-head .line .dot{
    position: absolute;
    width: var(--size-4);
    height: var(--size-36);
    background-color: #7B7D8B;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: linear;
    animation-fill-mode: linear;
}
.secondary-head .line:nth-of-type(1) .dot:nth-of-type(1){
    top: 22%;
}
.secondary-head .line:nth-of-type(1) .dot:nth-of-type(2){
    top: 75%;
    height: var(--size-18);
}
.secondary-head .line:nth-of-type(2) .dot:nth-of-type(1){
    top: 18%;
    height: var(--size-18);
}
.secondary-head .line:nth-of-type(2) .dot:nth-of-type(2){
    top: 80%;
}
.secondary-head .line:nth-of-type(3) .dot:nth-of-type(1){
    top: 25%;
}
.secondary-head .line:nth-of-type(3) .dot:nth-of-type(2){
    top: 70%;
}
.secondary-head .page-title{
    width: 1.2em;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-right: var(--size-12);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.secondary-head .page-title span{
    opacity: 0;
    -webkit-animation: blurFadeIn .8s linear .8s forwards;
    -o-animation: blurFadeIn .8s linear .8s forwards;
    animation: blurFadeIn .8s linear .8s forwards;
}
.secondary-head .page-title em{
    color: var(--color-secondary);
    font-size: 1.5em;
    display: inline-block;
    font-style: normal;
    opacity: 0;
    -webkit-animation: blurFadeIn .8s linear 1.2s forwards;
    -o-animation: blurFadeIn .8s linear 1.2s forwards;
    animation: blurFadeIn .8s linear 1.2s forwards;
}
.secondary-head .page-title img{
    width: 2.3em;
    max-width: unset;
    display: inline-block;
    font-style: normal;
    opacity: 0;
    -webkit-animation: blurFadeIn .8s linear 1.2s forwards;
    -o-animation: blurFadeIn .8s linear 1.2s forwards;
    animation: blurFadeIn .8s linear 1.2s forwards;
}
.secondary-head .back-btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--size-54);
    text-align: center;
}
.secondary-head .more-btn.is-text{
    color: #fff;
}
.secondary-head .more-btn.is-text img{
    filter: brightness(100);
}
/* secondary-head END */

@-moz-keyframes blurFadeIn {
    0% {
        opacity: 0;
        filter: blur(.25em);
        -moz-transform: scale(2.5);
        transform: scale(2.5);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes blurFadeIn {
    0% {
        opacity: 0;
        filter: blur(.25em);
        -moz-transform: scale(2.5);
        transform: scale(2.5);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


/* post-list */
.post-list .post-item:first-child{
    border-top: var(--size-1) solid rgba(0, 0, 0, .1);
}
/* .sub-category-nav+.post-list .post-item:first-child{
    border-top: 0;
} */
.post-list .post-item{
    display: flex;
    padding: var(--size-40) 0;
    border-bottom: var(--size-1) solid rgba(0, 0, 0, .1);
    position: relative;
}
.post-list .post-item .post-item_head{
    margin-right: var(--size-40);
}
.post-list .post-item .post-item_body{
    flex: 1;
}
.post-list .post-item .post-item_body .title{
    transition: all .4s ease-in-out;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
}
.post-list .post-item .post-item_right{
    min-width: var(--size-60);
    margin-left: var(--size-40);
}
.post-list .post-item .post-item_head .date{
    font-family: "Poppins";
    color: var(--color-text-primary);
    line-height: 1.2;
}
.post-list .post-item .post-item_head .date .day{
    min-width: 3em;
    font-weight: 500;

}
.post-list .post-item:hover .title{
    color: var(--color-primary);
    /* text-decoration: underline; */
}
.post-list .post-item .time{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-18);
}
.post-list .post-item .desc{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-18);
    line-height: 1.8;
}
.post-list .post-item .ala-info{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-18);
}
.post-list .post-item .ala-info .item+.item{
    margin-top: var(--size-4);
}
.post-list .post-item .ala-icon{
    position: absolute;
    right: var(--size-15-reverse);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .4s ease-in-out;
}
.post-list .post-item:hover .ala-icon{
    opacity: 1;
    right: 0;
}
.post-list .post-item .post-item_img{
    width: calc(var(--size-100)*3);
    margin-left: var(--size-40);
}
.post-list .post-item .post-item_img .img-box{
    border-radius: var(--size-6);
    overflow: hidden;
}

.post-list .post-item .calendar{
    width: 2.8em;
    min-height: var(--size-80);
    height: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--size-6);
    line-height: 1;
    box-shadow: 0px var(--size-9) var(--size-9) 0px rgba(0,0,0,0.1);
    overflow: hidden;
    background-color: #fff;
    /* padding: var(--size-12) 0; */
}
.post-list .post-item .calendar .month{
    background-color: var(--color-primary);
    color: #fff;
    display: block;
    padding: var(--size-6) 0;
    width: 100%;
    text-align: center;
}
.post-list .post-item .calendar .day{
    color: var(--color-primary);
    padding: var(--size-12) 0;
    line-height: 1;
    flex: 1;
    font-weight: 600;
}
@media screen and (max-width: 991px) {
    .post-list .post-item .post-item_img{
        margin-left: var(--size-40);
    }
    .post-list .post-item .post-item_img{
        width: calc(var(--size-100)*2);
    }
}
@media screen and (max-width: 567px) {
    .post-list .post-item{
        flex-wrap: wrap;
    }
    .post-list .post-item .post-item_img{
        width: 100%;
        margin-left: 0;
    }
    .post-list .post-item .post-item_img .img-box{
        margin-top: var(--size-24);
    }
    .post-list .post-item .calendar{
        width: 1.2rem;
        min-height: 1.2rem;
    }
}
/* post-list END */

/* scrollbar-box */
.scrollbar-box{
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    position: relative;
    overflow: hidden;
}
.mCSB_inside > .mCSB_container{
    margin-right: 0;
}
.mCSB_scrollTools{
    width: var(--size-18);
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: var(--size-9);
    background-color: rgba(0, 0, 0, .1);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: var(--color-primary);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: var(--size-6);
}
/* scrollbar-box END */

/* tab-swiper-wrap */
.tab-swiper-wrap{
    position: relative;
    margin-bottom: var(--size-60);
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.tab-swiper-wrap .swiper-container{
    padding-bottom: 1px;
}
.tab-swiper-wrap .swiper-slide{
    width: auto;
    position: relative;
    cursor: pointer;
    color: var(--color-primary);
    transition: color .3s ease-in-out;
}
.tab-swiper-wrap .swiper-slide:last-child{
    border-right: 1px solid var(--color-primary);
}
.tab-swiper-wrap .swiper-slide a{
    display: block;
    width: 11.46vw;
    text-align: center;
    border: 1px solid var(--color-primary);
    padding: var(--size-18) 0;
    border-right:none;
    min-width: 100px;
    transition:all .3s ease-in-out;
    color: var(--color-primary);
}
.tab-swiper-wrap .swiper-slide a:hover{
    color: var(--color-primary)!important;
}
.year-tab-wrap {
    /* width: 100%; */
    overflow: hidden;
}
.year-tab-swiper-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;

}
.year-tab-swiper-wrap .swiper-container {
    width: 100%;
    overflow: visible;
}
.year-tab-swiper-wrap .swiper-wrapper {
    display: flex;
    align-items: center;
}


.year-tab-swiper-wrap .swiper-slide a{
    width: auto;
    min-width: auto;
    padding: var(--size-15) var(--size-30);
    color: var(--color-primary);
}
.tab-swiper-wrap.is-wide  .swiper-slide a{
    width: 21vw;
    min-width: 330px;
}
.tab-swiper-wrap.is-medium  .swiper-slide a{
    width: 17vw;
    min-width: 230px;
}
.tab-swiper-wrap .swiper-slide a:hover{
    color: var(--color-primary);
}
.tab-swiper-wrap .swiper-slide.active a{
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    font-family: 'PoppinsMedium';
}
.tab-swiper-wrap .swiper-slide.active a:hover{
    color: #fff!important;
}
.tab-swiper-wrap.is-small .swiper-slide a{
    font-weight: 400;
    width: 9.375vw;
    min-width: 130px;
}
@media screen and (max-width: 991px) {
    .tab-swiper-wrap.is-medium  .swiper-slide{
        flex: 1;
        height: unset;
    }
    .tab-swiper-wrap.is-medium  .swiper-slide a{
        width: unset;
        min-width: unset;
        height: 100%;
        padding: var(--size-18);
        line-height: 1.3;
    }
}
@media screen and (max-width: 767px){
    .has-tab-swiper{
        flex-direction: column;
    }
    .has-tab-swiper .year-tab-swiper-wrap{
        margin-top: var(--size-30);
    }
    .tab-swiper-wrap.is-medium  .swiper-slide a{
        width: unset;
        min-width: unset;
        height: 100%;
        padding: var(--size-15);
    }
}
@media(max-width: 567px){
    .tab-swiper-wrap .swiper-slide a{
        width: 3.2rem;
        min-width: 3.2rem;
        
    }
    .tab-swiper-wrap.is-wide  .swiper-slide a{
        width: 6rem;
        min-width: 6rem;
    }
    .year-tab-swiper-wrap .swiper-slide a{
        width: 2rem;
        min-width: 2rem;
    }
}

/* history-wrap */
.history-wrap{
    margin-top: var(--size-60);
    display: none;
}
.history-wrap.active{
    display: block;
}
.history-item .img-content{
    position: relative;
    width: 100%;
}

.history-item .img-content img{
    width: 100%;
}

.history-item .img-content .text-box{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #ffffff;
    padding: var(--size-40) var(--size-48) 0;
    width: 70%;
    
}
.history-item .last-img-content .text-box{
    width: 90%;
    background: linear-gradient( 270deg, rgba(0,0,0,0) 0%, #000000 100%, #000000 100%);
    top: 0;
    bottom: unset;
    padding: var(--size-36) var(--size-48) ;
    height: 100%;

}
.history-item .last-img-content .text-box .year{
    margin-bottom: var(--size-12);
}
.history-item .img-content .text-box .year{
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.history-item .img-content .text-box .desc{
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.history-list{
    margin-left: var(--size-48);
    border-left: 1px solid var(--border-color);
}
.history-list .item{
    position: relative;
    padding-top: var(--size-48) ;
    padding-left: var(--size-40);
}
.history-list .item:last-child {
    padding-bottom: var(--size-60);
}
.history-list .item .dot{
    position: absolute;
    top: var(--size-60);
    left: 0;
    width: var(--size-24);
    height: var(--size-24);
    border-radius: 50%;
    background: rgba(146, 33, 49, .2);
    transform: translateX(-50%);
}
.history-list .item .dot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--size-9);
    height: var(--size-9);
    border-radius: 50%;
    background: var(--color-primary);
    transform: translate(-50%,-50%);
    z-index: 3;
}
.history-list .item .time{
    /* font-family: 'MontserratSemiBold'; */
    margin-bottom: var(--size-9);
    font-weight: 500;
}
.history-list .item .desc{
    line-height: 1.4444em;
}
.history-list .item .img{
    width: 22.7vw;
    margin-top: var(--size-30);
    min-width: 280px;
}
.history-list .item .img img{
    width: 100%;
}
@media screen and (max-width: 1299px) {
    .history-list{
        margin-left: var(--size-24);
    }
    .history-item .img-content{
        height: 150px;
    }
    .history-item .img-content .img{
        height: 100%;
    }
    .history-item .img-content .img img{
        height: 100%;
        object-fit: cover;
    } 
    .history-item .img-content .text-box{
        width: 100%;
        padding: var(--size-20);
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    
}
  
/* history-wrap END */


/*layui-layer tc-sjtu*/
.layui-layer .layui-layer-setwin {
    top: 0px;
    right: 0px;
    margin-right: 0px;
    z-index: 99999;
}

.layui-layer .layui-layer-setwin .layui-layer-close2 {
    top: .9375vw;
    right: .9375vw;
    background: none;
    position: relative;
    text-align: center;
    line-height: 3.125vw;
    transition: all .3s;
    width: 3.125vw;
    height: 3.125vw;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 1.25vw;
    border: 0;
    background: rgba(0, 0, 0, .25);
    padding: 0;
}

.layui-layer .layui-layer-setwin .layui-layer-close2:after {
    content: "\e60b";
    font-family: 'iconfont';
    font-weight: bold;
    color: #fff;
}

.layui-layer .layui-layer-setwin .layui-layer-close2:before {
    content: unset;
}

.layui-layer .layui-layer-setwin .layui-layer-close2:hover {
    background: var(--color-primary);
}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover:after{
    color: #fff!important;
}

.layui-layer.tc-video,
.layui-layer.tc-sjtu {
    background: none;
    max-height: 95vh;
    max-width: 80vw;
    background: url(../images/secondary-page-bg.jpg) center center no-repeat;
    background-size: cover;
}

.layui-layer.tc-video .video-player {
    height: 100%;
}

.layui-layer.tc-video .video-js {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1399px) {
    .layui-layer .layui-layer-setwin .layui-layer-close2 {
        width: 45px;
        height: 45px;
        line-height: 45px;
        top: 10px;
        right: 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .layui-layer.tc-video {
        background: none;
        height: 100vh !important;
        width: 100vw !important;
        max-height: 100vh;
        max-width: 100vw;
    }
    .layui-layer.tc-video,
    .layui-layer.tc-sjtu{
        max-width: 95vw;
    }
}

/*layui-layer tc-sjtu END*/


/* article-container */
.article-container {
    margin: 0 auto;
    padding: 4.16667vw;
}
.article-container .mce-content-body img{
    max-width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    .article-container{
        max-width: 100%;
    }
    .article-container .mce-content-body img{
        max-width: 100%;
    }
}
/* article-container END */

/* article-title */
.article-title {
    line-height: 1.3;
    position: relative;
    flex: 1;
    padding-bottom: var(--size-40);
    margin-bottom: var(--size-45);
    border-bottom: var(--size-1) solid var(--border-color);
}
.article-title h3{
    font-family: "SourceHanSerifCN";
}
.article-title .tags {
    margin-bottom: var(--size-24);
}

.article-title .article-other {
    margin-top: var(--size-24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-secondary-grey);
}
.article-title .article-otherBase .iconfont {
    margin-right: var(--size-9);
    width: var(--size-20);
    text-align: center;
    display: inline-block;
}

.article-title .article-otherBase span+span {
    margin-left: var(--size-40);
}
.article-title .share-btn{
    display: flex;
    align-items: center;
}
.article-title .share-btn span+span{
    margin-left: var(--size-9);
}
.article-title .share-btn .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: var(--size-48);
    height: var(--size-48);
    border: var(--size-1) solid var(--border-color);
    border-radius: 50%;
}
.article-title .share-btn .iconfont:hover{
    color: var(--color-secondary);
}

.article-calendar {
    color: #fff;
    line-height: 1;
    padding-right: var(--size-45);
    margin-right: var(--size-45);
    border-right: var(--size-1) solid rgba(255, 255, 255, .75);
    text-align: right;
}

.article-calendar>* {
    line-height: 1 !important;
}
.article-calendar .date{
    font-weight: bold;
}
.article-calendar .year {
    margin-top: var(--size-12);
}

@media screen and (max-width: 767px) {
    .article-title .share-btn{
        display: none;
    }
    .article-title .article-otherBase>span{
        display: block;
    }
    .article-title .article-otherBase>span+span{
        margin-left: 0;
        margin-top: var(--size-15);
    }
}

/* article-title END */



/* event-container */
.event-container{
    display: flex;
    align-items: flex-start;
    max-width: 80vw;
    margin: 0 auto;
}
.event-content{
    flex: 1;
}
.event-content-right{
    margin-left: var(--size-20);
    width: 18.75vw;
    position: sticky;
    position: -webkit-sticky;
    top: var(--size-20);
    transition: all .3s ease-in-out;
}
.header-fixed.header-show .event-content-right {
    top: calc(8.33333vw + var(--size-20));
}
.event-content-right .side-item{
    background-color: #fff;
    padding: var(--size-30);
    border-radius: var(--size-9);
    overflow: hidden;
}
.event-content-right .side-item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-secondary);
}
.event-content-right .side-head{
    display: flex;
    align-items: center;
}
.event-content-right .side-head{
    padding-bottom: var(--size-20);
    margin-bottom: var(--size-24);
    border-bottom: var(--size-1) solid var(--border-color);
}
.event-content-right .side-head .iconfont{
    margin-right: var(--size-12);
}
.event-content-right .side-body .info span{
    display: flex;
}
.event-content-right .side-body .info .iconfont{
    margin-right: var(--size-12);
    color: var(--color-secondary);
}
.event-content-right .side-body .info span+span{
    margin-top: var(--size-18);
}
.event-content-right .side-body .more-btn{
    width: 100%;
    margin-top: var(--size-30);
    letter-spacing: var(--size-1);
}
.event-content-right .side-body .share-btn{
    display: flex;
    align-items: center;
    margin-top: var(--size-30);
    color: var(--color-text-secondary-grey);
}
.event-content-right .side-body .share-btn .icon i{
    cursor: pointer;
}
.event-content-right .side-body .share-btn .icon i:hover{
    /* color: var(--color-secondary); */
    color: var(--color-secondary);
}
.event-content-right .side-body .share-btn .icon i+i{
    margin-left: var(--size-6);
}
@media screen and (max-width: 1439px) {
    .event-content-right{
        width: 270px;
    }
    .header-fixed.header-show .event-content-right{
        top: calc(120px + var(--size-20));
    }
}
@media screen and (max-width: 1199px){
    .event-container{
        max-width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .header-fixed.header-show .event-content-right{
        top: calc(75px + var(--size-20));
    }
    .event-container{
        display: block;
    }
    .event-content-right{
        margin-left: 0;
        margin-top: var(--size-30);
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .inner-banner.article-banner .inner-banner-text{
        text-align: unset;
    }
}
@media screen and (max-width: 567px) {
    .event-detail-block{
        background-color: #fff!important;
    }
    .event-content{
        padding: 0;
        background-color: unset;
    }
    .event-content-right{
        margin-top: .6rem;
    }
    .event-content-right .side-item{
        background-color: var(--bg-grey);
    }
}
/* event-container END */

/* .event-content */
.event-content .event-banner img{
    max-width: 100%;
}
.event-content .ala-section .section-head{
    margin-bottom: var(--size-24);
    line-height: 1.5;
}
.event-content .ala-section .section-head .ala-icon{
    margin-right: var(--size-12);
}
.event-content .ala-section+.ala-section{
    margin-top: var(--size-60);
}
@media screen and (max-width: 991px) {
    .event-content .ala-section+.ala-section{
        margin-top: 30px;
    }
}
@media screen and (max-width: 567px) {
    .event-content .ala-section+.ala-section{
        margin-top: .6rem;
    }
}
/* .event-content END */

.tab-swiper-content .tab-swiper-item{
    display: none;
}
.tab-swiper-content .tab-swiper-item.active{
    display: block;
}


/* slide-card */
.slide-card{
    position: relative;
    box-shadow: unset;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}
.slide-card:hover{
    box-shadow: 0px var(--size-9) var(--size-20) 0px rgba(0,0,0,0.1);
}
.row-flex .slide-card{
    height: 100%;
}
.slide-card .img-box .ala-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.slide-card .img-box .img img{
    transform: scale(1);
    transition: all .3s ease-in-out;
}
.slide-card:hover .img-box .img img{
    transform: scale(1.1);
}
.slide-card .cover{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
}
.slide-card .cover img{
    height: 100%;
    width: unset;
}

.slide-card .text-box{
    padding: var(--size-30) var(--size-24);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slide-card .text-box .desc{
    color: var(--color-text-secondary-grey);
    margin-top: var(--size-20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slide-card .text-box .title{
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .3s ease-in-out;
}
.slide-card .text-box .tag{
    line-height: 1;
}
.slide-card .text-box .tag+.time{
    padding-left: var(--size-15);
    margin-left: var(--size-15);
    border-left: var(--size-1) solid rgba(0, 0, 0, .2);
}
.slide-card .text-box .time{
    color: var(--color-text-secondary);
    line-height: 1;
}
a.slide-card:hover .text-box .title{
    color: var(--color-primary);
    text-decoration: underline;
}
.slide-card .text-box .more-link{
    margin-top: var(--size-30);
}
.slide-card:hover .more-link .iconfont{
    transform: rotate(45deg);
}


.slide-card.no-bg{
    background-color: unset;
    border-radius: 0;
}
.slide-card.no-bg:hover{
    box-shadow: unset;
}
.slide-card.no-bg .text-box{
    padding: 0;
    padding-top: var(--size-15);
}
a.slide-card.no-bg:hover .text-box .title{
    color: var(--color-primary);
}


.slide-card .info-wrap{
    margin-top: var(--size-24);
    padding-left: var(--size-18);
    border-left: var(--size-1) solid var(--color-secondary);
    color: var(--color-secondary);
}
.slide-card .info-wrap .item{
    display: flex;
    align-items: center;
}
.slide-card .text-box .info-wrap .iconfont{
    margin-right: var(--size-9);
}
.slide-card .info-wrap .item .ala-icon{
    margin-right: var(--size-9);
}
.slide-card .info-wrap .item .ala-icon .iconfont{
    margin-right: 0;
}
.slide-card .info-wrap .item+.item{
    margin-top: var(--size-6);
}


.slide-card.no-img:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--size-4);
    background: var(--color-primary);
    opacity: 1;
    transition: all .3s ease-in-out;
}
.slide-card.no-img:hover:before{
    opacity: 1;
}

.slide-card .more-btn{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: var(--color-primary);
    overflow: hidden;
    width: var(--size-48);
    height: var(--size-48);
    display: flex;
    align-items: center;
    z-index: 9;
}

.slide-card .more-btn i{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.slide-card:hover .more-btn i{
    animation: arrowRight .8s ease;
    -webkit-animation: arrowRight .8s ease;
}

.color_white .slide-card .text-box .desc{
    color: #fff;
    opacity: .85;
}
.color_white .slide-card .text-box .info-wrap,
.color_white .slide-card .text-box .tag,
.color_white .slide-card .text-box .time,
.color_white .slide-card .text-box .title{
    color: #fff;
}

@-webkit-keyframes arrowRight{
    0%{
        opacity: 1;
        left: 50%;
    }
    47%{
        opacity: 0;
        left: 80%;
    }
    53%{
        opacity: 0;
        left: 20%;
    }
    100%{
        opacity: 1;
        left: 50%;
    }
}
@keyframes arrowRight{
    0%{
        opacity: 1;
        left: 50%;
    }
    47%{
        opacity: 0;
        left: 80%;
    }
    53%{
        opacity: 0;
        left: 20%;
    }
    100%{
        opacity: 1;
        left: 50%;
    }
}
/* slide-card END */

/* contact-list */
.contact-list .info{
    flex: 1;
    color: var(--color-text-secondary-grey);
}
/* contact-list END */


/* media-list */

.media-list {
    margin: 0 -.10417vw;
    position: relative;
    z-index: 9;
}

.media-list .media-item {
    display: inline-block;
    padding: 0 .10417vw;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.media-list .media-item:hover {
    z-index: 2;
}

.media-list .media-item a {
    display: block;
    text-align: center;
    width: 2.8vw;
    height: 2.8vw;
    line-height: 2.8vw;
    text-align: center;
    color: var(--color-primary);
    border-radius: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(113, 5, 8, 0.1);
}

.media-list .media-item a:hover {
    background: var(--color-primary);
    color: #fff;
    text-decoration: unset;
}

.media-list .media-item .tc-box {
    width: 6.25vw;
    height: 6.25vw;
    padding: .3125vw;
    border-radius: .20833vw;
    margin-top: .625vw;
    transform: translate(-50%, 1.25vw);
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .5s;
    opacity: 0;
}

.media-list .media-item .tc-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.media-list .media-item .tc-box:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -.625vw;
    width: 0;
    height: 0;
    border: .3125vw solid transparent;
    border-bottom: .3125vw solid rgba(255, 255, 255, 1);
    margin-left: -.3125vw;
}

.media-list .media-item a:hover+.tc-box {
    opacity: 1;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 1439px) {
    .media-list .media-item a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .media-list .media-item .tc-box {
        width: 90px;
        height: 90px;
        padding: 5px;
        border-radius: 4px;
    }

    .media-list .media-item .tc-box:after {
        top: -9px;
        border-width: 4.5px;
        margin-left: -4.5px;
    }
}

@media screen and (max-width: 767px) {
    .media-list .media-item a:hover {
        z-index: 9;
    }

    .media-list {
        min-height: unset;
    }
}

@media screen and (max-width: 567px) {
    .media-list .media-item a {
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
    }

    .media-list .media-item .tc-box {
        width: 1.8rem;
        height: 1.8rem;
        padding: .1rem;
        border-radius: .08rem;
        margin-top: .2rem;
    }

    .media-list .media-item .tc-box:after {
        top: -.24rem;
        border: .12rem solid transparent;
        border-bottom: .12rem solid #fff;
    }
}

/* media-list END */

/* file-list */
.file-list .file-item{
    display: block;
    background-color: #fff;
    transition: all .3s ease-in-out;
}
.file-list .file-item:hover{
    box-shadow: 0px var(--size-4) var(--size-20) 0px rgba(132,119,119,0.36);
}
.file-list .file-item .img-box-post{
    padding-bottom: 50%;
}
.file-list .file-item .img-box .img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.file-list .file-item .img-box img{
    width: 80%;
    height: 70%;
    object-fit: contain;
}
.file-list .file-item .text-box{
    text-align: center;
    padding: var(--size-48) var(--size-24) 0;
    position: relative;
    top: 0;
    transition: all .3s ease-in-out;
}
.file-list .file-item .text-box .iconfont{
    opacity: 0;
    transition: all .3s ease-in-out;
}
.file-list .file-item:hover .text-box{
    top: var(--size-20-reverse);
    color: var(--color-primary);
}
.file-list .file-item:hover .text-box .iconfont{
    opacity: 1;
}
/* file-list END */