.page-home-banner[data-v-727f26e6] {
    position: relative;
    height: calc(100vh - 72px);
    overflow: hidden
}

.page-home-banner .banner-video[data-v-727f26e6] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
    border: 0
}

.page-home-banner .title[data-v-727f26e6] {
    color: #000;
    font-weight: 600;
    font-size: 68px;
    line-height: 95px;
    letter-spacing: 4px
}

.page-home-banner .slogan[data-v-727f26e6] {
    max-width: 32vw;
    margin-top: 16px;
    color: #000;
    font-weight: 500;
    font-size: 46px;
    line-height: 65px
}

.page-home-banner .see-more[data-v-727f26e6] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 200px;
    height: 56px;
    margin-top: 76px;
    color: #1180ff;
    font-weight: 400;
    font-size: 16px;
    background: rgba(17, 128, 255, .2);
    border-radius: 28px;
    cursor: pointer
}

.page-home-banner .see-more-text[data-v-727f26e6] {
    display: block;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    text-align: center
}

.page-home-banner .see-more-icon[data-v-727f26e6] {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.page-home-banner .banner-btn[data-v-727f26e6] {
    position: absolute;
    z-index: 1
}

@media (max-width: 1250px) {
    .page-home-banner .banner-btn[data-v-727f26e6] {
        display: none
    }
}

@media (min-width: 1250px) and (max-width: 1450px) {
    .page-home-banner .banner-btn[data-v-727f26e6]:nth-last-child(1) {
        top: 75% !important;
        left: 83% !important
    }

    .page-home-banner .banner-btn[data-v-727f26e6]:nth-last-child(2) {
        left: 84% !important
    }
}

.page-home-banner .plus-icon[data-v-727f26e6] {
    width: 40px;
    height: 40px;
    vertical-align: top;
    border-radius: 50%;
    transition: all .3s
}

.page-home-banner .banner-text[data-v-727f26e6] {
    position: absolute;
    top: 50%;
    left: -8px;
    z-index: 1;
    display: inline-block;
    height: 56px;
    padding-right: 28px;
    padding-left: 61px;
    overflow: hidden;
    color: #1180ff;
    font-weight: 400;
    font-size: 16px;
    line-height: 56px;
    white-space: nowrap;
    background: rgba(17, 128, 255, .2);
    border-radius: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.info[data-v-da06f2e6] {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.info-box[data-v-da06f2e6] {
    width: 1360px;
    height: calc(100vh - 64px);
    margin: 0 auto;
    padding: 32px 0
}

.info-logo[data-v-da06f2e6] {
    width: 100%;
    height: calc(100vh - 248px);
    background: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/info-logo-cca1a4b3.png) no-repeat;
    background-position: center;
    background-size: auto 100%
}

.info-message[data-v-da06f2e6] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 58px 103px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 20px 100px rgba(0, 0, 0, .06)
}

.piece[data-v-da06f2e6] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 68px
}

.piece img[data-v-da06f2e6] {
    width: 68px;
    height: 68px;
    margin-right: 16px
}

.number[data-v-da06f2e6] {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 40px
}

.message[data-v-da06f2e6] {
    color: #2d2d2d;
    font-weight: 400;
    font-size: 16px
}

.description[data-v-da06f2e6] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%
}

h3[data-v-ef551db1] {
    margin-bottom: 8px;
    color: #2d2d2d;
    font-weight: 400;
    font-size: 24px;
    text-align: center
}

.about-message[data-v-ef551db1] {
    margin: 0;
    color: #2d2d2d;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-indent: 2em
}

h3[data-v-2c26c9dc] {
    margin-bottom: 16px;
    color: #2d2d2d;
    font-weight: 400;
    font-size: 24px
}

.wills-message[data-v-2c26c9dc] {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 32px;
    line-height: 60px
}

.template-modal[data-v-078a9a01] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1360px;
    height: calc(100vh - 216px);
    padding-top: 32px;
    background-color: rgba(255, 255, 255, .4)
}

.template-box[data-v-078a9a01] {
    width: 684px;
    height: 276px;
    padding: 60px 56px;
    background: linear-gradient(45deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);
    border: 2px solid;
    border-radius: 4px;
    border-image: linear-gradient(225deg, rgb(0, 129, 255), rgba(0, 129, 255, 0), rgba(0, 129, 255, 0), rgb(0, 129, 255)) 2 2;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.page-home-scroll-box[data-v-ad93a084] {
    position: relative;
    z-index: -1;
    height: 200vh
}

.page-home-scroll-box.show .second-screen[data-v-ad93a084] {
    z-index: 10;
    opacity: 1
}

.scroll-screen[data-v-ad93a084] {
    z-index: -1;
    width: 100%;
    height: 100%
}

.second-screen[data-v-ad93a084] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s
}

.show .first-screen[data-v-ad93a084] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s
}

.navigate-btn[data-v-1bc30fa0] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #1180ff;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none
}

.navigate-btn.left[data-v-1bc30fa0] {
    -webkit-justify-content: left;
    justify-content: left
}

.navigate-btn.center[data-v-1bc30fa0] {
    -webkit-justify-content: center;
    justify-content: center
}

.navigate-btn.right[data-v-1bc30fa0] {
    -webkit-justify-content: right;
    justify-content: right
}

.navigate-btn img[data-v-1bc30fa0] {
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.navigate-btn .handle-btn[data-v-1bc30fa0] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer
}

.navigate-btn .button-name[data-v-1bc30fa0] {
    line-height: 1
}

.page-home-explore-projects[data-v-0efe3e42] {
    padding-bottom: 112px;
    background-color: #fff;
    box-shadow: 0 -20px 30px rgba(0, 0, 0, .05)
}

.page-home-explore-projects h2[data-v-0efe3e42] {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 50px;
    line-height: 70px;
    text-align: center
}

.page-home-explore-projects .all-project[data-v-0efe3e42] {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    text-align: center
}

.page-home-explore-projects .explore-list[data-v-0efe3e42] {
    width: 1360px;
}

.page-home-explore-projects .explore-list .explore-bg[data-v-0efe3e42] {
    position: absolute;
    width: 300px;
    height: 300px;
    -webkit-transform: translate(-190px, -212px);
    transform: translate(-190px, -212px)
}

.page-home-explore-projects .explore-list .piece[data-v-0efe3e42] {
    position: relative;
    z-index: 0;
    width: 320px;
    height: 160px;
    margin-left: 32px;
    padding: 24px 32px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    transition: box-shadow .2s
}

/*.page-home-explore-projects .explore-list .piece[data-v-0efe3e42]:nth-child(4n+1) {
    margin-left: 0
}*/

.page-home-explore-projects .explore-list .piece[data-v-0efe3e42]{
    margin-top: 32px
}

.page-home-explore-projects .explore-list .piece[data-v-0efe3e42]:hover {
    box-shadow: 0 0 20px rgba(17, 128, 255, .3)
}

.page-home-explore-projects .explore-list .piece[data-v-0efe3e42]:hover:after {
    opacity: 1
}

.page-home-explore-projects .explore-list .piece:hover .title[data-v-0efe3e42] {
    color: #1180ff
}

.page-home-explore-projects .explore-list .piece[data-v-0efe3e42]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    background: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/explore-list-bg-427f3488.png) no-repeat;
    background-position: bottom right;
    background-size: 67px 102px;
    opacity: 0;
    transition: opacity .3s;
    content: ""
}

.page-home-explore-projects .explore-list .piece .piece-name[data-v-0efe3e42] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.page-home-explore-projects .explore-list .piece .piece-name .title[data-v-0efe3e42] {
    margin-right: 8px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 20px
}

.page-home-explore-projects .explore-list .piece .piece-name .desc[data-v-0efe3e42] {
    height: 16px;
    padding-right: 5px;
    padding-left: 5px;
    color: #fe7300;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    word-break: keep-all;
    border: 1px solid #fe7300;
    border-radius: 4px
}

.page-home-explore-projects .explore-list .piece .piece-desc[data-v-0efe3e42] {
    margin: 8px 0 16px;
    color: #9a9ea6;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    height: 80px;
    overflow: hidden;
}

.page-home-explore-projects .explore-list .piece .tags-piece[data-v-0efe3e42] {
    box-sizing: border-box;
    min-width: 64px;
    max-width: 68px;
    height: 24px;
    color: #ffffff;
    background-color: rgb(13, 110, 253);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-color: rgb(13, 110, 253);
    border-radius: 4px
}
.page-home-explore-projects .explore-list .piece .tags-piece-y[data-v-0efe3e42] {
    box-sizing: border-box;
    min-width: 64px;
    max-width: 100px;
    height: 24px;
    color: #ffffff;
    background-color: rgb(255, 193, 7);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-color: rgb(255, 193, 7);
    border-radius: 4px
}
.page-home-explore-projects .explore-list .piece .tags-piece-g[data-v-0efe3e42] {
    box-sizing: border-box;
    min-width: 64px;
    max-width: 100px;
    height: 24px;
    color: #ffffff;
    background-color: #28a745;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-color: #28a745;
    border-radius: 4px
}

.page-home-explore-projects .explore-list .piece .tags-piece-i[data-v-0efe3e42] {
    box-sizing: border-box;
    min-width: 64px;
    max-width: 100px;
    height: 24px;
    color: #ffffff;
    background-color: #17a2b8;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-color: #17a2b8;
    border-radius: 4px
}
/*.page-home-explore-projects .explore-list .piece .tags-piece[data-v-0efe3e42] {*/
    /*box-sizing: border-box;*/
    /*min-width: 64px;*/
    /*max-width: 68px;*/
    /*height: 24px;*/
    /*color: rgba(134, 144, 156, .6);*/
    /*font-weight: 400;*/
    /*font-size: 12px;*/
    /*line-height: 24px;*/
    /*text-align: center;*/
    /*border: 1px solid rgba(75, 86, 102, .1);*/
    /*border-radius: 4px*/
/*}*/
.page-home-explore-projects .explore-list .piece .tags-piece + .tags-piece[data-v-0efe3e42] {
    margin-left: 8px
}

.page-home-explore-projects .explore-marquee[data-v-0efe3e42] {
    width: 1360px;
    margin-top: 104px
}

.page-home-explore-projects .explore-marquee[data-v-0efe3e42]:before, .page-home-explore-projects .explore-marquee[data-v-0efe3e42]:after {
    position: absolute;
    z-index: 2;
    width: 250px;
    height: 100%;
    content: "";
    pointer-events: none
}

.page-home-explore-projects .explore-marquee[data-v-0efe3e42]:before {
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}

.page-home-explore-projects .explore-marquee[data-v-0efe3e42]:after {
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.page-home-explore-projects .marquee[data-v-0efe3e42] {
    --gap: 24px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    gap: var(--gap);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden
}

.page-home-explore-projects .marquee + .marquee[data-v-0efe3e42] {
    margin-top: 24px
}

.page-home-explore-projects .marquee .marquee__content[data-v-0efe3e42] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    gap: var(--gap);
    -webkit-justify-content: space-around;
    justify-content: space-around;
    min-width: 100%;
    -webkit-animation: scroll-0efe3e42 40s linear infinite;
    animation: scroll-0efe3e42 40s linear infinite;
    will-change: transform
}

.page-home-explore-projects .marquee .marquee__content .marquee-card[data-v-0efe3e42] {
    box-sizing: border-box;
    width: 280px;
    height: 72px;
    font-size: 20px;
    line-height: 72px;
    text-align: center;
    background: linear-gradient(180deg, rgba(39, 183, 255, .05) 0%, rgba(17, 128, 255, .1) 100%);
    border-radius: 4px
}

.page-home-explore-projects .marquee .marquee__content .marquee-card a[data-v-0efe3e42] {
    padding-right: 20px;
    padding-left: 20px;
    color: #2d2d2d
}

.page-home-explore-projects .marquee.marquee--reverse .marquee__content[data-v-0efe3e42] {
    animation-direction: reverse
}

.page-home-explore-projects .marquee:hover .marquee__content[data-v-0efe3e42] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes scroll-0efe3e42 {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translate(calc(-100% - var(--gap)))
    }
}

@keyframes scroll-0efe3e42 {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translate(calc(-100% - var(--gap)))
    }
}

.page-home-opensource-service[data-v-2d0f797e] {
    height: 600px;
    background: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/openservice-bg-dea22f06.jpg) no-repeat;
    background-color: #fff;
    background-size: cover
}

.page-home-opensource-service h2[data-v-2d0f797e] {
    margin-bottom: 16px;
    padding-top: 102px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 50px;
    text-align: center
}

.page-home-opensource-service .open-list[data-v-2d0f797e] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 1360px;
    margin: 48px auto 0
}

.page-home-opensource-service .piece[data-v-2d0f797e] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 328px;
    height: 240px;
    background: linear-gradient(135deg, #edf6ff 0%, #fff 100%);
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.page-home-opensource-service .piece img[data-v-2d0f797e] {
    width: 104px;
    height: 104px;
    margin-top: 44px;
    margin-bottom: 16px;
    transition: all .7s .2s
}

.page-home-opensource-service .piece .description[data-v-2d0f797e] {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 24px
}

.page-home-opensource-service .piece[data-v-2d0f797e]:hover {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
}

.page-home-opensource-service .piece:hover img[data-v-2d0f797e] {
    width: 120px;
    height: 120px;
    margin-bottom: 0
}

.page-home-welfare[data-v-67735b96] {
    width: 100%;
    background-color: #fff
}

.page-home-welfare .welfare-container[data-v-67735b96] {
    width: 1360px;
    padding-top: 53px;
    padding-bottom: 68px
}

.welfare-top[data-v-67735b96] {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.welfare-top.active[data-v-67735b96] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.welfare-top[data-v-67735b96]:before {
    position: absolute;
    top: 12px;
    left: 560px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #0081ff;
    border-radius: 50%;
    opacity: .5;
    content: ""
}

.welfare-title[data-v-67735b96] {
    -webkit-flex: 1;
    flex: 1;
    margin-top: 187px
}

.welfare-title h2[data-v-67735b96] {
    position: relative;
    margin-bottom: 32px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 50px;
    line-height: 70px
}

.welfare-title h2[data-v-67735b96]:before {
    position: absolute;
    top: -85px;
    left: -100px;
    display: inline-block;
    width: 200px;
    height: 200px;
    background-color: #0081ff;
    border-radius: 50%;
    opacity: .3;
    content: ""
}

.welfare-content[data-v-67735b96] {
    width: 876px;
    height: 559px;
    margin-right: -50px;
    background: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/welfare-content-e8d0768b.svg) no-repeat;
    background-size: 100% 100%
}

.welfare-content .school[data-v-67735b96] {
    margin-top: 63px;
    margin-left: 186px
}

.welfare-content .competition[data-v-67735b96] {
    margin-top: 48px;
    margin-left: 130px
}

.welfare-content .content-title[data-v-67735b96] {
    width: 560px;
    margin-bottom: 16px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px
}

.welfare-content .content-description[data-v-67735b96] {
    width: 560px;
    color: #3d3d3d;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.welfare-content .description-title[data-v-67735b96] {
    font-weight: 600
}

.welfare-bottom[data-v-67735b96] {
    position: relative;
    margin-top: -22px;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.welfare-bottom.active[data-v-67735b96] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.welfare-bottom .open-law[data-v-67735b96] {
    position: absolute;
    top: -51px;
    left: 458px;
    width: 101px;
    height: 90px
}

.welfare-bottom h3[data-v-67735b96] {
    margin-bottom: 48px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 32px;
    text-align: center
}

.welfare-bottom h3 .header-title[data-v-67735b96] {
    color: #1180ff
}

.law-list[data-v-67735b96] {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.law-piece[data-v-67735b96] {
    position: relative;
    width: 400px;
    height: 328px
}

.law-piece:nth-child(1) .law-piece-title[data-v-67735b96] {
    background: linear-gradient(296deg, #f7ad00 0%, #fe7300 100%)
}

.law-piece:nth-child(1) .law-piece-card[data-v-67735b96] {
    background: linear-gradient(45deg, rgb(255, 156, 73) 0%, rgb(255, 194, 53) 100%)
}

.law-piece:nth-child(2) .law-piece-title[data-v-67735b96] {
    background: linear-gradient(296deg, #5be6ff 0%, #1180ff 100%)
}

.law-piece:nth-child(2) .law-piece-card[data-v-67735b96] {
    background: linear-gradient(45deg, rgb(79, 161, 255) 0%, rgb(114, 234, 255) 100%)
}

.law-piece:nth-child(3) .law-piece-title[data-v-67735b96] {
    background: linear-gradient(119deg, #ff0018 0%, #ff7784 100%)
}

.law-piece:nth-child(3) .law-piece-card[data-v-67735b96] {
    background: linear-gradient(45deg, rgb(255, 97, 112) 0%, rgb(255, 150, 160) 100%)
}

.law-piece:hover .law-piece-title[data-v-67735b96] {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
}

.law-piece-content[data-v-67735b96]:before {
    position: absolute;
    top: -2px;
    right: 0;
    width: 0;
    height: 2px;
    transition: width .3s;
    content: ""
}

.law-piece:hover .law-piece-content[data-v-67735b96]:before {
    width: 100%
}

.law-piece-content[data-v-67735b96]:after {
    position: absolute;
    top: 0;
    right: -1px;
    width: 2px;
    height: 0;
    transition: height .3s;
    content: ""
}

.law-piece:hover .law-piece-content[data-v-67735b96]:after {
    height: 100%
}

.law-piece-border[data-v-67735b96]:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    transition: width .3s;
    content: ""
}

.law-piece:hover .law-piece-border[data-v-67735b96]:before {
    width: 100%
}

.law-piece-border[data-v-67735b96]:after {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 2px;
    height: 0;
    transition: height .3s;
    content: ""
}

.law-piece:hover .law-piece-border[data-v-67735b96]:after {
    height: 100%
}

.law-piece:nth-child(1) .law-piece-content[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgba(254, 115, 0, 0) 30%, rgb(254, 115, 0) 100%)
}

.law-piece:nth-child(1) .law-piece-content[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgba(254, 115, 0, 0) 30%, rgb(254, 115, 0) 100%)
}

.law-piece:nth-child(1) .law-piece-border[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgb(254, 115, 0), rgba(254, 115, 0, 0) 70%)
}

.law-piece:nth-child(1) .law-piece-border[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgb(254, 115, 0), rgba(254, 115, 0, 0) 70%)
}

.law-piece:nth-child(2) .law-piece-content[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgba(0, 129, 255, 0) 30%, rgb(0, 129, 255) 100%)
}

.law-piece:nth-child(2) .law-piece-content[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgba(0, 129, 255, 0) 30%, rgb(0, 129, 255) 100%)
}

.law-piece:nth-child(2) .law-piece-border[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgb(0, 129, 255), rgba(0, 129, 255, 0) 70%)
}

.law-piece:nth-child(2) .law-piece-border[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgb(0, 129, 255), rgba(0, 129, 255, 0) 70%)
}

.law-piece:nth-child(3) .law-piece-content[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgba(255, 0, 24, 0) 30%, rgb(255, 0, 24) 100%)
}

.law-piece:nth-child(3) .law-piece-content[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgba(255, 0, 24, 0) 30%, rgb(255, 0, 24) 100%)
}

.law-piece:nth-child(3) .law-piece-border[data-v-67735b96]:before {
    background: linear-gradient(90deg, rgb(255, 0, 24), rgba(255, 0, 24, 0) 70%)
}

.law-piece:nth-child(3) .law-piece-border[data-v-67735b96]:after {
    background: linear-gradient(0deg, rgb(255, 0, 24), rgba(255, 0, 24, 0) 70%)
}

.law-piece-border[data-v-67735b96] {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.law-piece-title[data-v-67735b96] {
    position: relative;
    width: 272px;
    height: 150px;
    padding-top: 10px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    border-radius: 8px;
    transition: all .3s ease-in-out
}

.law-piece-card[data-v-67735b96] {
    position: absolute;
    top: 48px;
    left: 50%;
    width: 200px;
    height: 40px;
    border-radius: 4px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.law-piece-content[data-v-67735b96] {
    position: absolute;
    top: 48px;
    width: 400px;
    height: 280px;
    background: linear-gradient(45deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.law-piece-img[data-v-67735b96] {
    width: 100px;
    height: 100px;
    margin-top: 40px;
    margin-bottom: 16px
}

.law-piece-name[data-v-67735b96] {
    margin-bottom: 8px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.law-piece-description[data-v-67735b96] {
    width: 320px;
    color: #3d3d3d;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

@media (min-width: 1250px) and (max-width: 1450px) {
    .welfare-content[data-v-67735b96] {
        margin-right: 0 !important
    }
}

*[data-v-2d88064d] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    will-change: height
}

.transition-expand-enter-active[data-v-2d88064d], .transition-expand-leave-active[data-v-2d88064d] {
    overflow: hidden;
    opacity: 1;
    transition: height .4s, opacity .5s
}

.transition-expand-enter[data-v-2d88064d], .transition-expand-leave-to[data-v-2d88064d] {
    height: 0;
    opacity: 0
}

.vc-base-icon {
    display: inline-block;
    stroke: currentColor;
    stroke-width: 2;
    fill: none
}

.vc-header {
    display: grid;
    grid-gap: 4px;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.vc-header.is-lg {
    font-size: var(--vc-text-lg)
}

.vc-header.is-xl {
    font-size: var(--vc-text-xl)
}

.vc-header.is-2xl {
    font-size: var(--vc-text-2xl)
}

.vc-header .vc-title, .vc-header .vc-prev, .vc-header .vc-next {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    grid-row: 1;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.vc-header .vc-title {
    grid-column: title;
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px
}

.vc-header .vc-title:hover {
    opacity: .75
}

.vc-header .vc-arrow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0
}

.vc-header .vc-arrow:hover {
    background: var(--vc-header-arrow-hover-bg)
}

.vc-header .vc-arrow:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-header .vc-prev {
    grid-column: prev
}

.vc-header .vc-next {
    grid-column: next
}

.vc-day {
    position: relative;
    min-height: 32px;
    z-index: 1
}

.vc-monthly .is-not-in-month * {
    opacity: 0;
    pointer-events: none
}

.vc-day-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.vc-day-box-center-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.vc-day-box-left-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.vc-day-box-right-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vc-day-box-center-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.vc-day-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-medium);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: var(--vc-rounded-full);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg)
}

.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color)
}

.vc-content:not(.vc-base) {
    font-weight: var(--vc-font-bold);
    color: var(--vc-content-color)
}

.vc-highlights {
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.vc-highlight {
    width: 28px;
    height: 28px
}

.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important
}

.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important
}

.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px
}

.vc-highlight-bg-outline, .vc-highlight-bg-none {
    background-color: var(--vc-highlight-outline-bg);
    border: 2px solid;
    border-color: var(--vc-highlight-outline-border);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-light {
    background-color: var(--vc-highlight-light-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-solid {
    background-color: var(--vc-highlight-solid-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-content-outline, .vc-highlight-content-none {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-outline-content-color)
}

.vc-highlight-content-light {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-light-content-color)
}

.vc-highlight-content-solid {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-solid-content-color)
}

.vc-dots {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.vc-dot {
    width: 5px;
    height: 5px;
    border-radius: 9999px;
    transition: var(--vc-day-content-transition)
}

.vc-dot:not(:last-child) {
    margin-right: 3px
}

.vc-bars {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 75%
}

.vc-bar {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 3px;
    transition: var(--vc-day-content-transition)
}

.vc-dot {
    background-color: var(--vc-dot-bg)
}

.vc-bar {
    background-color: var(--vc-bar-bg)
}

.vc-pane {
    min-width: 250px
}

.vc-weeknumber {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute
}

.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1)
}

.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1)
}

.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1)
}

.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1)
}

.vc-weeknumber-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-medium);
    font-style: italic;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    color: var(--vc-weeknumber-color);
    -webkit-user-select: none;
    user-select: none
}

.vc-weeks {
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding: 6px;
    min-width: 232px
}

.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside)
}

.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside)
}

.vc-weekday {
    text-align: center;
    color: var(--vc-weekday-color);
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-bold);
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 8px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.vc-week, .vc-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    position: relative
}

.vc-popover-content-wrapper {
    --popover-horizontal-content-offset: 8px;
    --popover-vertical-content-offset: 10px;
    --popover-caret-horizontal-offset: 18px;
    --popover-caret-vertical-offset: 8px;
    position: absolute;
    display: block;
    outline: none;
    z-index: 10
}

.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none
}

.vc-popover-content {
    position: relative;
    color: var(--vc-popover-content-color);
    font-weight: var(--vc-font-medium);
    background-color: var(--vc-popover-content-bg);
    border: 1px solid;
    border-color: var(--vc-popover-content-border);
    border-radius: var(--vc-rounded-lg);
    padding: 4px;
    outline: none;
    z-index: 10;
    box-shadow: var(--vc-shadow-lg)
}

.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset)
}

.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset)
}

.vc-popover-caret {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border-top: inherit;
    border-left: inherit;
    background-color: inherit;
    z-index: -1
}

.vc-popover-caret.direction-bottom {
    top: 0
}

.vc-popover-caret.direction-bottom.align-left {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translate(-50%) translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-right {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-top {
    top: 100%
}

.vc-popover-caret.direction-top.align-left {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translate(-50%) translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-right {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-left {
    left: 100%
}

.vc-popover-caret.direction-left.align-top {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
    transform: translateY(-50%) translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-bottom {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-right {
    left: 0
}

.vc-popover-caret.direction-right.align-top {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-bottom {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-center {
    left: 50%
}

.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset)
}

.vc-popover-caret.align-middle {
    top: 50%
}

.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset)
}

.vc-nav-header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.vc-nav-title, .vc-nav-arrow, .vc-nav-item {
    font-size: var(--vc-text-sm);
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
    border-radius: var(--vc-rounded);
    white-space: nowrap
}

.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg)
}

.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-nav-title {
    color: var(--vc-nav-title-color);
    font-weight: var(--vc-font-bold);
    line-height: var(--vc-leading-snug);
    height: 30px;
    padding: 0 6px
}

.vc-nav-arrow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 26px;
    height: 30px;
    padding: 0
}

.vc-nav-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2px;
    grid-column-gap: 5px;
    margin-top: 2px
}

.vc-nav-item {
    width: 48px;
    text-align: center;
    font-weight: var(--vc-font-semibold);
    line-height: var(--vc-leading-snug);
    padding: 6px 0
}

.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold)
}

.vc-nav-item.is-active:not(:focus) {
    box-shadow: var(--vc-nav-item-active-box-shadow)
}

.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color)
}

.vc-day-popover-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-indicator {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 15px
}

.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: none;
    flex-wrap: none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: -webkit-max-content;
    width: max-content;
    margin-left: 4px;
    margin-right: 4px;
    font-size: var(--vc-text-xs);
    line-height: var(--vc-leading-normal)
}

.vc-day-popover-row-highlight {
    width: 8px;
    height: 5px;
    border-radius: 3px
}

.vc-day-popover-row-bar {
    width: 10px;
    height: 3px
}

.vc-pane-container {
    width: 100%;
    position: relative
}

.vc-pane-container.in-transition {
    overflow: hidden
}

.vc-pane-layout {
    display: grid
}

.vc-pane-header-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none
}

.vc-day-popover-container {
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-medium)
}

.vc-day-popover-header {
    font-size: var(--vc-text-xs);
    color: var(--vc-day-popover-header-color);
    font-weight: var(--vc-font-semibold);
    text-align: center
}

.vc-base-select {
    position: relative
}

.vc-base-select select {
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 4px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center
}

.vc-base-select select:hover {
    background-color: var(--vc-select-hover-bg)
}

.vc-base-select select.vc-has-icon {
    padding: 0 24px 0 10px
}

.vc-base-select select.vc-small {
    font-size: var(--vc-text-sm)
}

.vc-base-select select.vc-small.vc-has-icon {
    padding: 0 20px 0 8px
}

.vc-base-select select.vc-align-left {
    text-align: left
}

.vc-base-select select.vc-align-right {
    text-align: right
}

.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: .6;
    pointer-events: none
}

.vc-time-picker {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    padding: 8px 4px
}

.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: .5
}

.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border)
}

.vc-time-picker > * + * {
    margin-top: 4px
}

.vc-time-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-semibold);
    text-transform: uppercase;
    margin-top: -4px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 21px
}

.vc-time-select-group {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 4px;
    background: var(--vc-time-select-group-bg);
    border-radius: var(--vc-rounded-md);
    border: 1px solid var(--vc-time-select-group-border)
}

.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color)
}

.vc-time-weekday {
    color: var(--vc-time-weekday-color);
    letter-spacing: var(--tracking-wide)
}

.vc-time-month {
    color: var(--vc-time-month-color);
    margin-left: 8px
}

.vc-time-day {
    color: var(--vc-time-day-color);
    margin-left: 4px
}

.vc-time-year {
    color: var(--vc-time-year-color);
    margin-left: 8px
}

.vc-time-colon {
    margin: 0 1px 2px 2px
}

.vc-time-decimal {
    margin: 0 0 0 1px
}

.vc-none-enter-active, .vc-none-leave-active {
    transition-duration: 0s
}

.vc-fade-enter-active, .vc-fade-leave-active, .vc-slide-left-enter-active, .vc-slide-left-leave-active, .vc-slide-right-enter-active, .vc-slide-right-leave-active, .vc-slide-up-enter-active, .vc-slide-up-leave-active, .vc-slide-down-enter-active, .vc-slide-down-leave-active, .vc-slide-fade-enter-active, .vc-slide-fade-leave-active {
    transition: opacity var(--vc-slide-duration) var(--vc-slide-timing), -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
    transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing);
    transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing), -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

.vc-none-leave-active, .vc-fade-leave-active, .vc-slide-left-leave-active, .vc-slide-right-leave-active, .vc-slide-up-leave-active, .vc-slide-down-leave-active {
    position: absolute !important;
    width: 100%
}

.vc-none-enter-from, .vc-none-leave-to, .vc-fade-enter-from, .vc-fade-leave-to, .vc-slide-left-enter-from, .vc-slide-left-leave-to, .vc-slide-right-enter-from, .vc-slide-right-leave-to, .vc-slide-up-enter-from, .vc-slide-up-leave-to, .vc-slide-down-enter-from, .vc-slide-down-leave-to, .vc-slide-fade-enter-from, .vc-slide-fade-leave-to {
    opacity: 0
}

.vc-slide-left-enter-from, .vc-slide-right-leave-to, .vc-slide-fade-enter-from.direction-left, .vc-slide-fade-leave-to.direction-left {
    -webkit-transform: translateX(var(--vc-slide-translate));
    transform: translate(var(--vc-slide-translate))
}

.vc-slide-right-enter-from, .vc-slide-left-leave-to, .vc-slide-fade-enter-from.direction-right, .vc-slide-fade-leave-to.direction-right {
    -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
    transform: translate(calc(-1 * var(--vc-slide-translate)))
}

.vc-slide-up-enter-from, .vc-slide-down-leave-to, .vc-slide-fade-enter-from.direction-top, .vc-slide-fade-leave-to.direction-top {
    -webkit-transform: translateY(var(--vc-slide-translate));
    transform: translateY(var(--vc-slide-translate))
}

.vc-slide-down-enter-from, .vc-slide-up-leave-to, .vc-slide-fade-enter-from.direction-bottom, .vc-slide-fade-leave-to.direction-bottom {
    -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
    transform: translateY(calc(-1 * var(--vc-slide-translate)))
}

:root {
    --vc-white: #ffffff;
    --vc-black: #000000;
    --vc-gray-50: #f8fafc;
    --vc-gray-100: #f1f5f9;
    --vc-gray-200: #e2e8f0;
    --vc-gray-300: #cbd5e1;
    --vc-gray-400: #94a3b8;
    --vc-gray-500: #64748b;
    --vc-gray-600: #475569;
    --vc-gray-700: #334155;
    --vc-gray-800: #1e293b;
    --vc-gray-900: #0f172a;
    --vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --vc-font-normal: 400;
    --vc-font-medium: 500;
    --vc-font-semibold: 600;
    --vc-font-bold: 700;
    --vc-text-2xs: 10px;
    --vc-text-xs: 12px;
    --vc-text-sm: 14px;
    --vc-text-base: 16px;
    --vc-text-lg: 18px;
    --vc-text-xl: 20px;
    --vc-text-2xl: 24px;
    --vc-leading-none: 1;
    --vc-leading-tight: 1.25;
    --vc-leading-snug: 1.375;
    --vc-leading-normal: 1.5;
    --vc-rounded: .25rem;
    --vc-rounded-md: .375rem;
    --vc-rounded-lg: .5rem;
    --vc-rounded-full: 9999px;
    --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    --vc-slide-translate: 22px;
    --vc-slide-duration: .15s;
    --vc-slide-timing: ease;
    --vc-day-content-transition: all .13s ease-in;
    --vc-weeknumber-offset-inside: 26px;
    --vc-weeknumber-offset-outside: 34px
}

.vc-gray {
    --vc-accent-50: var(--vc-gray-50);
    --vc-accent-100: var(--vc-gray-100);
    --vc-accent-200: var(--vc-gray-200);
    --vc-accent-300: var(--vc-gray-300);
    --vc-accent-400: var(--vc-gray-400);
    --vc-accent-500: var(--vc-gray-500);
    --vc-accent-600: var(--vc-gray-600);
    --vc-accent-700: var(--vc-gray-700);
    --vc-accent-800: var(--vc-gray-800);
    --vc-accent-900: var(--vc-gray-900)
}

.vc-red {
    --vc-accent-50: #fef2f2;
    --vc-accent-100: #fee2e2;
    --vc-accent-200: #fecaca;
    --vc-accent-300: #fca5a5;
    --vc-accent-400: #f87171;
    --vc-accent-500: #ef4444;
    --vc-accent-600: #dc2626;
    --vc-accent-700: #b91c1c;
    --vc-accent-800: #991b1b;
    --vc-accent-900: #7f1d1d
}

.vc-orange {
    --vc-accent-50: #fff7ed;
    --vc-accent-100: #ffedd5;
    --vc-accent-200: #fed7aa;
    --vc-accent-300: #fdba74;
    --vc-accent-400: #fb923c;
    --vc-accent-500: #f97316;
    --vc-accent-600: #ea580c;
    --vc-accent-700: #c2410c;
    --vc-accent-800: #9a3412;
    --vc-accent-900: #7c2d12
}

.vc-yellow {
    --vc-accent-50: #fefce8;
    --vc-accent-100: #fef9c3;
    --vc-accent-200: #fef08a;
    --vc-accent-300: #fde047;
    --vc-accent-400: #facc15;
    --vc-accent-500: #eab308;
    --vc-accent-600: #ca8a04;
    --vc-accent-700: #a16207;
    --vc-accent-800: #854d0e;
    --vc-accent-900: #713f12
}

.vc-green {
    --vc-accent-50: #f0fdf4;
    --vc-accent-100: #dcfce7;
    --vc-accent-200: #bbf7d0;
    --vc-accent-300: #86efac;
    --vc-accent-400: #4ade80;
    --vc-accent-500: #22c55e;
    --vc-accent-600: #16a34a;
    --vc-accent-700: #15803d;
    --vc-accent-800: #166534;
    --vc-accent-900: #14532d
}

.vc-teal {
    --vc-accent-50: #f0fdfa;
    --vc-accent-100: #ccfbf1;
    --vc-accent-200: #99f6e4;
    --vc-accent-300: #5eead4;
    --vc-accent-400: #2dd4bf;
    --vc-accent-500: #14b8a6;
    --vc-accent-600: #0d9488;
    --vc-accent-700: #0f766e;
    --vc-accent-800: #115e59;
    --vc-accent-900: #134e4a
}

.vc-blue {
    --vc-accent-50: #eff6ff;
    --vc-accent-100: #dbeafe;
    --vc-accent-200: #bfdbfe;
    --vc-accent-300: #93c5fd;
    --vc-accent-400: #60a5fa;
    --vc-accent-500: #3b82f6;
    --vc-accent-600: #2563eb;
    --vc-accent-700: #1d4ed8;
    --vc-accent-800: #1e40af;
    --vc-accent-900: #1e3a8a
}

.vc-indigo {
    --vc-accent-50: #eef2ff;
    --vc-accent-100: #e0e7ff;
    --vc-accent-200: #c7d2fe;
    --vc-accent-300: #a5b4fc;
    --vc-accent-400: #818cf8;
    --vc-accent-500: #6366f1;
    --vc-accent-600: #4f46e5;
    --vc-accent-700: #4338ca;
    --vc-accent-800: #3730a3;
    --vc-accent-900: #312e81
}

.vc-purple {
    --vc-accent-50: #faf5ff;
    --vc-accent-100: #f3e8ff;
    --vc-accent-200: #e9d5ff;
    --vc-accent-300: #d8b4fe;
    --vc-accent-400: #c084fc;
    --vc-accent-500: #a855f7;
    --vc-accent-600: #9333ea;
    --vc-accent-700: #7e22ce;
    --vc-accent-800: #6b21a8;
    --vc-accent-900: #581c87
}

.vc-pink {
    --vc-accent-50: #fdf2f8;
    --vc-accent-100: #fce7f3;
    --vc-accent-200: #fbcfe8;
    --vc-accent-300: #f9a8d4;
    --vc-accent-400: #f472b6;
    --vc-accent-500: #ec4899;
    --vc-accent-600: #db2777;
    --vc-accent-700: #be185d;
    --vc-accent-800: #9d174d;
    --vc-accent-900: #831843
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring)
}

.vc-light {
    --vc-color: var(--vc-gray-900);
    --vc-bg: var(--vc-white);
    --vc-border: var(--vc-gray-300);
    --vc-hover-bg: hsla(211, 25%, 84%, .3);
    --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, .4);
    --vc-header-arrow-color: var(--vc-gray-500);
    --vc-header-arrow-hover-bg: var(--vc-gray-200);
    --vc-header-title-color: var(--vc-gray-900);
    --vc-weekday-color: var(--vc-gray-500);
    --vc-weeknumber-color: var(--vc-gray-400);
    --vc-nav-hover-bg: var(--vc-gray-200);
    --vc-nav-title-color: var(--vc-gray-900);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: var(--vc-shadow);
    --vc-nav-item-current-color: var(--vc-accent-600);
    --vc-day-popover-container-color: var(--vc-white);
    --vc-day-popover-container-bg: var(--vc-gray-800);
    --vc-day-popover-container-border: var(--vc-gray-700);
    --vc-day-popover-header-color: var(--vc-gray-700);
    --vc-popover-content-color: var(--vc-gray-900);
    --vc-popover-content-bg: var(--vc-gray-50);
    --vc-popover-content-border: var(--vc-gray-300);
    --vc-time-picker-border: var(--vc-gray-300);
    --vc-time-weekday-color: var(--vc-gray-700);
    --vc-time-month-color: var(--vc-accent-600);
    --vc-time-day-color: var(--vc-accent-600);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-50);
    --vc-time-select-group-border: var(--vc-gray-300);
    --vc-time-select-group-icon-color: var(--vc-accent-500);
    --vc-select-color: var(--vc-gray-900);
    --vc-select-bg: var(--vg-gray-50);
    --vc-select-hover-bg: var(--vc-gray-100);
    --vc-select-border: var(--vc-gray-300);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-400)
}

.vc-light.vc-attr, .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600)
}

.vc-dark {
    --vc-color: var(--vc-white);
    --vc-bg: var(--vc-gray-900);
    --vc-border: var(--vc-gray-700);
    --vc-hover-bg: hsla(216, 15%, 52%, .3);
    --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / .7);
    --vc-header-arrow-color: var(--vc-gray-300);
    --vc-header-arrow-hover-bg: var(--vc-gray-800);
    --vc-header-title-color: var(--vc-gray-100);
    --vc-weekday-color: var(--vc-accent-200);
    --vc-weeknumber-color: var(--vc-gray-500);
    --vc-nav-hover-bg: var(--vc-gray-700);
    --vc-nav-title-color: var(--vc-gray-100);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: none;
    --vc-nav-item-current-color: var(--vc-accent-400);
    --vc-day-popover-container-color: var(--vc-gray-800);
    --vc-day-popover-container-bg: var(--vc-white);
    --vc-day-popover-container-border: var(--vc-gray-100);
    --vc-day-popover-header-color: var(--vc-gray-300);
    --vc-popover-content-color: var(--vc-white);
    --vc-popover-content-bg: var(--vc-gray-800);
    --vc-popover-content-border: var(--vc-gray-700);
    --vc-time-picker-border: var(--vc-gray-700);
    --vc-time-weekday-color: var(--vc-gray-400);
    --vc-time-month-color: var(--vc-accent-400);
    --vc-time-day-color: var(--vc-accent-400);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-700);
    --vc-time-select-group-border: var(--vc-gray-500);
    --vc-time-select-group-icon-color: var(--vc-accent-400);
    --vc-select-color: var(--vc-gray-200);
    --vc-select-bg: var(--vc-gray-700);
    --vc-select-hover-bg: var(--vc-gray-600);
    --vc-select-border: var(--vc-gray-500);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-600)
}

.vc-dark.vc-attr, .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500)
}

.vc-container {
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: -webkit-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: max-content;
    font-family: var(--vc-font-family);
    color: var(--vc-color);
    background-color: var(--vc-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.vc-container, .vc-container * {
    box-sizing: border-box
}

.vc-container:focus, .vc-container *:focus {
    outline: none
}

.vc-container .vc-container {
    border: none
}

.vc-bordered {
    border: 1px solid;
    border-color: var(--vc-border);
    border-radius: var(--vc-rounded-lg)
}

.vc-expanded {
    min-width: 100%
}

.vc-transparent {
    background-color: transparent
}

.vc-date-picker-content {
    padding: 0;
    background-color: var(--vc-bg)
}

.vc-date-picker-content .vc-container {
    border: 0
}

.page-home-journalism[data-v-6c056524] {
    width: 100%;
    color: #2d2d2d;
    background-color: #fff
}

.page-home-journalism .journalism-container[data-v-6c056524] {
    max-width: 1360px;
    padding-top: 106px;
    padding-bottom: 106px
}

.page-home-journalism h2[data-v-6c056524] {
    font-size: 50px
}

.page-home-journalism h3[data-v-6c056524] {
    font-size: 20px
}

.page-home-journalism .more[data-v-6c056524] {
    margin-top: 16px
}

.page-home-journalism .journalism-box[data-v-6c056524] {
    margin-top: 48px
}

.page-home-journalism .journalism-box .primary[data-v-6c056524] {
    width: 944px;
    border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .1)
}

.page-home-journalism .journalism-box .primary .pic a[data-v-6c056524]:after {
    height: 161px;
    background: linear-gradient(to bottom, rgba(17, 128, 255, 0) 0%, rgb(17, 128, 255) 100%)
}

.page-home-journalism .journalism-box .primary .pic img[data-v-6c056524] {
    width: 100%;
    height: 424px;
    border-radius: 4px 4px 0 0
}

.page-home-journalism .journalism-box .primary .pic h3[data-v-6c056524] {
    right: 48px;
    bottom: 16px;
    left: 48px;
    color: #fff;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .2)
}

.page-home-journalism .journalism-box .primary .listing[data-v-6c056524] {
    min-height: 260px
}

.page-home-journalism .journalism-box .primary .listing ul[data-v-6c056524] {
    margin-right: 48px;
    margin-left: 48px;
    padding-top: 32px
}

.page-home-journalism .journalism-box .primary .listing ul li + li[data-v-6c056524] {
    margin-top: 32px
}

.page-home-journalism .journalism-box .primary .listing ul li .pic[data-v-6c056524] {
    border-radius: 0
}

.page-home-journalism .journalism-box .primary .listing ul li .pic img[data-v-6c056524] {
    width: 136px;
    height: 96px;
    border-radius: 4px
}

.page-home-journalism .journalism-box .primary .listing ul li .text[data-v-6c056524] {
    margin-left: 16px;
    font-size: 20px
}

.page-home-journalism .journalism-box .primary .listing ul li .text p[data-v-6c056524] {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: #9a9ea6;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.page-home-journalism .journalism-box .primary .listing ul li .text small[data-v-6c056524] {
    margin-top: 4px;
    color: #adb1ba;
    font-size: 14px
}

.page-home-journalism .journalism-box .primary .listing ul li .text h3[data-v-6c056524] {
    color: #2d2d2d
}

.page-home-journalism .journalism-box .secondary[data-v-6c056524] {
    width: 384px;
    height: 718px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .1)
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] {
    height: 416px;
    overflow: hidden;
    border-bottom: 2px solid rgba(154, 158, 166, .08);
    transition: height .4s
}

.page-home-journalism .journalism-box .secondary .calendar.off[data-v-6c056524] {
    height: 62px
}

.page-home-journalism .journalism-box .secondary .calendar .collapse-btn[data-v-6c056524] {
    top: 31px;
    left: 40px;
    color: #9a9ea6
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container {
    padding: 24px
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-header {
    margin-top: 0;
    margin-left: 20px
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-header .vc-focus:focus-within {
    box-shadow: none
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-header .vc-title {
    color: #2d2d2d;
    font-weight: 500;
    font-size: 16px;
    background-color: #fff;
    cursor: default
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-header .vc-title:hover {
    opacity: 1
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-arrow {
    color: rgba(0, 0, 0, .2);
    background-color: transparent
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks {
    padding: 0
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-weekdays {
    margin-top: 24px
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-weekdays .vc-weekday {
    color: #2d2d2d;
    font-weight: 400
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-day-content {
    width: 48px;
    height: 48px;
    color: #2d2d2d;
    font-weight: 400;
    border-radius: 3px
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-day-content.vc-focus:focus-within {
    box-shadow: none
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-day-content:hover {
    background-color: transparent
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-dots {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-dots .vc-dot {
    width: 4px;
    height: 4px;
    background-color: #1180ff
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-highlight {
    width: 48px;
    height: 48px;
    border-radius: 3px
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-highlight.today {
    background-color: transparent;
    border: 1px solid #1180ff
}

.page-home-journalism .journalism-box .secondary .calendar[data-v-6c056524] .calendar-container .vc-weeks .vc-day .vc-highlight.selected {
    background-color: rgba(17, 128, 255, .1)
}

.page-home-journalism .journalism-box .secondary .listing[data-v-6c056524] {
    margin: 16px 4px 16px 16px;
    padding-right: 12px;
    overflow: auto;
    color: #2d2d2d;
    font-size: 16px;
    -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 4px, black 4px);
    mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 4px, black 4px);
    -webkit-mask-size: 100% 20000px;
    mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    mask-position: left bottom;
    transition: -webkit-mask-position .3s;
    transition: mask-position .3s;
    transition: mask-position .3s, -webkit-mask-position .3s
}

.page-home-journalism .journalism-box .secondary .listing[data-v-6c056524]::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(83, 85, 89, .08)
}

.page-home-journalism .journalism-box .secondary .listing[data-v-6c056524]::-webkit-scrollbar-thumb {
    background-color: rgba(83, 85, 89, .15)
}

.page-home-journalism .journalism-box .secondary .listing[data-v-6c056524]:hover {
    -webkit-mask-position: left top;
    mask-position: left top
}

.page-home-journalism .journalism-box .secondary .listing li + li[data-v-6c056524] {
    margin-top: 8px
}

.page-home-journalism .journalism-box .secondary .listing .listing-journalism a[data-v-6c056524] {
    padding: 8px 16px
}

.page-home-journalism .journalism-box .secondary .listing .listing-journalism a[data-v-6c056524]:hover {
    background-color: #f8f8f9
}

.page-home-journalism .journalism-box .secondary .listing .listing-journalism a span[data-v-6c056524] {
    display: -webkit-box;
    overflow: hidden;
    color: #2d2d2d;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.page-home-journalism .journalism-box .secondary .ft[data-v-6c056524] {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px
}

.page-home-journalism .journalism-box .secondary .ft li + li[data-v-6c056524] {
    margin-left: 24px
}

.page-home-journalism .journalism-box .secondary .ft .mark-today[data-v-6c056524] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border: 1px solid #1180ff
}

.page-home-journalism .journalism-box .secondary .ft .mark-selected[data-v-6c056524] {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    background-color: rgba(17, 128, 255, .1)
}

.page-home-journalism .journalism-box .secondary .ft .mark-current[data-v-6c056524] {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    background-color: #1180ff;
    border-radius: 50%
}

.page-home-contributors[data-v-a27aef4f] {
    width: 100%;
    color: #2d2d2d;
    background-color: rgba(45, 45, 45, .02)
}

.page-home-contributors .contributors-container[data-v-a27aef4f] {
    max-width: 1360px;
    padding-top: 90px;
    padding-bottom: 90px
}

.page-home-contributors .contributors-container .title-image[data-v-a27aef4f] {
    width: 144px;
    height: 144px
}

.page-home-contributors .contributors-container .title[data-v-a27aef4f] {
    padding-bottom: 5px
}

.page-home-contributors .contributors-container h2[data-v-a27aef4f] {
    font-size: 50px
}

.page-home-contributors .contributors-container h2[data-v-a27aef4f]:after {
    right: -25px;
    bottom: -5px;
    left: -25px;
    height: 20px;
    background: linear-gradient(90deg, #1180ff 0%, #5be6ff 100%);
    border-radius: 10px;
    opacity: .2
}

.page-home-contributors .contributors-container .more[data-v-a27aef4f] {
    margin-top: 16px
}

.page-home-contributors .contributors-container .contribution-methods[data-v-a27aef4f] {
    margin-top: 48px
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item[data-v-a27aef4f] {
    width: 664px;
    height: 200px;
    background-image: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/contributor-icon-2-2a1f9199.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .text[data-v-a27aef4f] {
    margin-left: 46px
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .text h3[data-v-a27aef4f] {
    margin-top: 10px;
    color: #1180ff;
    font-size: 24px
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .text small[data-v-a27aef4f] {
    display: block;
    margin-top: 12px;
    font-size: 16px
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .text p[data-v-a27aef4f] {
    margin-top: 16px;
    color: #3d3d3d;
    line-height: 1.6
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .pic[data-v-a27aef4f] {
    width: 184px
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item .pic img[data-v-a27aef4f] {
    width: 144px;
    height: 144px;
    transition: all .2s
}

.page-home-contributors .contributors-container .contribution-methods .contribution-methods__item:hover .pic img[data-v-a27aef4f] {
    width: 154px;
    height: 154px
}

.page-home-contributors .contributors-container .platinum-title[data-v-a27aef4f] {
    margin-top: 66px
}

.page-home-contributors .contributors-container .platinum-contributors[data-v-a27aef4f] {
    margin-top: 48px
}

.page-home-contributors .contributors-container .platinum-contributors li[data-v-a27aef4f] {
    width: 213px;
    height: 78px;
    margin-left: 16px;
    background-color: #fff;
    box-shadow: 0 2px 14px rgba(8, 56, 107, .08), inset 0 1px #fff;
    transition: all .3s
}

.page-home-contributors .contributors-container .platinum-contributors li[data-v-a27aef4f]:nth-child(n+7) {
    margin-top: 16px
}

.page-home-contributors .contributors-container .platinum-contributors li[data-v-a27aef4f]:nth-child(6n+1) {
    margin-left: 0
}

.page-home-contributors .contributors-container .platinum-contributors li[data-v-a27aef4f]:hover {
    box-shadow: 0 2px 14px rgba(8, 56, 107, .2), inset 0 1px #fff
}

.page-home-contributors .contributors-container .platinum-contributors li img[data-v-a27aef4f] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.page-home-bottom-banner[data-v-2223a9f0] {
    width: 100%;
    background-color: #e8f1f8
}

.page-home-bottom-banner .bottom-banner-container[data-v-2223a9f0] {
    height: 290px;
    background-image: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/bottom-banner-bg-6a660fa2.jpg)
}

.page-home-bottom-banner .bottom-banner-container h2[data-v-2223a9f0] {
    padding-top: 100px;
    color: #1180ff;
    font-size: 40px
}

.page-home-bottom-banner .bottom-banner-container .btn[data-v-2223a9f0] {
    width: 144px;
    margin-top: 15px;
    padding-top: 9px;
    padding-bottom: 16px;
    color: #097bff;
    font-size: 18px;
    background-image: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/bottom-banner-button-81dc3569.svg);
    background-size: 100% 100%
}

.page-home-research-report[data-v-d3354fd8] {
    width: 100%;
    background-color: rgba(45, 45, 45, .02)
}

.page-home-research-report .research-report-container[data-v-d3354fd8] {
    width: 1360px;
    padding-top: 122px;
    padding-bottom: 122px
}

.page-home-research-report .research-report-container h2[data-v-d3354fd8] {
    color: #2d2d2d;
    font-size: 50px
}

.page-home-research-report .research-report-container .more[data-v-d3354fd8] {
    margin-top: 13px
}

.page-home-research-report .research-report-container .report-box[data-v-d3354fd8] {
    margin-top: 48px;
    padding: 64px 80px;
    background: #fff;
    border: 1px solid rgba(154, 158, 166, .2);
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(17, 128, 255, .05)
}

.page-home-research-report .research-report-container .report-box .report-box__cover .pic[data-v-d3354fd8] {
    width: 441px;
    height: 512px;
    background-image: url(https://res.oafimg.cn/openatom-www/ssr/home/assets/open-book-e915e8ba.png)
}

.page-home-research-report .research-report-container .report-box .report-box__cover .pic .btn[data-v-d3354fd8] {
    top: 43%;
    left: 25%;
    padding: 10px 28px;
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 10000px
}

.page-home-research-report .research-report-container .report-box .report-box__content[data-v-d3354fd8] {
    margin-left: 87px
}

.page-home-research-report .research-report-container .report-box .report-box__content h3[data-v-d3354fd8] {
    margin-top: 34px;
    color: #fff;
    font-size: 24px;
    background: linear-gradient(225.99deg, #5be6ff 0%, #1180ff 100%);
    border-radius: 4px 4px 0 0
}

.page-home-research-report .research-report-container .report-box .report-box__content h3 span[data-v-d3354fd8] {
    padding: 14px 14px 22px
}

.page-home-research-report .research-report-container .report-box .report-box__content h3[data-v-d3354fd8]:after {
    height: 8px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%)
}

.page-home-research-report .research-report-container .report-box .report-box__content h4[data-v-d3354fd8] {
    margin-top: 8px;
    color: #1180ff;
    font-size: 20px
}

.page-home-research-report .research-report-container .report-box .report-box__content h4 span[data-v-d3354fd8] {
    padding: 0 10px;
    background-color: #fff
}

.page-home-research-report .research-report-container .report-box .report-box__content h4[data-v-d3354fd8]:after {
    top: 50%;
    height: 2px;
    background-color: #1180ff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-home-research-report .research-report-container .report-box .report-box__content .report-box__content__text[data-v-d3354fd8] {
    margin-top: 15px;
    color: #000;
    font-size: 20px;
    line-height: 1.6
}

.page-home-research-report .research-report-container .report-box .report-box__content .report-box__content__text[data-v-d3354fd8] ul {
    padding-left: 1.2em
}