@keyframes fadeInOut {
    0% {
        top: 20%;
        opacity: 0
    }

    100% {
        top: 22%;
        opacity: 1
    }
}

.Toast {
    background: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 28px;
    left: 50%;
    max-width: 62.6%;
    padding: 10px 20px;
    position: fixed;
    text-align: center;
    top: 20%;
    transform: translate(-50%);
    z-index: 9999999999;
    display: flex;
    animation: fadeInOut .1s linear forwards
}

.Toast>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.Toast .disabled {
    display: none
}

.Toast p {
    font-size: 14px;
    opacity: .9
}

.Toast i {
    background-size: 100% 100%;
    display: block;
    height: 18px;
    width: 18px;
    margin-right: 10px
}

.Toast i.toast-icon-success {
    background-image: url("data:image/png;base64,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")
}

.ptb-70 {
    padding-top: 30px;
    padding-bottom: 30px
}

.plain-btn {
    border: 1.5px solid var(--primary-color);
    border-radius: 30px;
    height: 36px;
    min-width: 88px;
    font-size: 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--primary-color);
    cursor: pointer;
    padding: 0 18px
}

.plain-btn:hover {
    background: var(--button-bg);
    color: #fff;
    border: none
}

.primary-btn {
    border-radius: 30px;
    font-size: 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    height: 36px;
    min-width: 88px;
    padding: 0 18px;
    background: var(--button-bg);
    box-shadow: var(--button-shadow);
    outline: none;
    border: none
}

.section-title {
    text-align: center;
    width: 1200px;
    margin: 0 auto
}

.section-title .section-title-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.section-title .section-title-wrap .section-title-left,
.section-title .section-title-wrap .section-title-right {
    display: block;
    height: 10px;
    flex: 1;
    background-size: contain;
    background-repeat: no-repeat
}

.section-title .section-title-wrap .section-title-left {
    background-position: right;
    background-image: var(--section-title-left)
}

.section-title .section-title-wrap .section-title-right {
    background-position: left;
    background-image: var(--section-title-right)
}

.section-title .section-title-wrap h1,
.section-title .section-title-wrap h2 {
    margin: 0 20px;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: var(--section-title-color)
}

.section-title .section-title-subtitle {
    color: var(--desc-color);
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px
}

.section-title .section-title-breadcrumb {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-title .section-title-breadcrumb li {
    position: relative;
    color: var(--desc-color)
}

.section-title .section-title-breadcrumb li a {
    color: var(--desc-color)
}

.section-title .section-title-breadcrumb li a:hover {
    color: var(--primary-color)
}

.section-title .section-title-breadcrumb li::before {
    content: "·";
    margin: 0 4px
}

.section-title .section-title-breadcrumb li:first-child::before {
    display: none
}

.text-title-wrapper {
    display: flex;
    align-items: center
}

.text-title-wrapper .text-title-main-title {
    height: 44px;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    -webkit-transform: matrix(1, 0, -0.18, 0.98, 0, 0);
    transform: matrix(1, 0, -0.18, 0.98, 0, 0);
    color: var(--text-title-color)
}

.text-title-wrapper .text-title-sub-title {
    position: relative;
    top: -3px;
    margin-left: 6px;
    margin-bottom: 0 !important;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: hsla(0, 0%, 100%, .9);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .1em;
    text-transform: uppercase;
    -webkit-transform: matrix(1, 0, -0.22, 0.98, 0, 0);
    transform: matrix(1, 0, -0.22, 0.98, 0, 0);
    opacity: .8;
    text-shadow: var(--text-title-color-shadow)
}

.page-main {
    height: auto;
    min-height: calc(100vh - 80px)
}

.page-footer {
    width: 100%;
    font-family: "PingFang SC";
    padding: 40px 0;
    background: var(--footer-bg-color)
}

.page-footer .footer-container {
    display: flex;
    justify-content: center;
    width: 1200px;
    margin: 0 auto
}

.page-footer .footer-container .footer-info {
    width: 440px;
    color: var(--footer-desc);
    padding-right: 20px
}

.page-footer .footer-container .footer-info .footer-info-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -10px
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-logo {
    height: auto;
    width: 220px;
    margin-bottom: 10px
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-info-desc {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    text-align: justify
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-info-desc.empty {
    margin-top: 0
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list .footer-follow-nav-item {
    position: relative
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list .footer-follow-nav-item .img {
    width: 26px;
    height: 26px;
    background-size: cover;
    background-repeat: no-repeat
}

.page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list .footer-follow-nav-item .footer-follow-nav-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    display: block
}

.page-footer .footer-container .footer-navigation {
    padding-left: 80px;
    flex: 1 1;
    height: 100%;
    display: flex;
    flex-direction: column
}

.page-footer .footer-container .footer-navigation .footer-navigation-item {
    margin-top: 24px
}

.page-footer .footer-container .footer-navigation .footer-navigation-item>p {
    margin-bottom: 0
}

.page-footer .footer-container .footer-navigation .footer-navigation-item:nth-child(1) {
    margin-top: 0
}

.page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list {
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item {
    width: 120px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 12px;
    text-align: center;
    border-radius: 2px;
    text-align: left
}

.page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item a {
    display: block;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    color: var(--footer-link)
}

.page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item a:hover {
    color: var(--primary-color)
}

.page-footer .footer-copyright-wrapper {
    margin-top: 20px;
    color: var(--footer-desc);
    border-top: 1px dashed var(--footer-border-color);
    padding-top: 20px
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list {
    display: flex;
    justify-content: center;
    align-items: center
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item:first-child::before {
    content: none
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item::before {
    content: "|";
    color: var(--footer-link);
    margin-left: 10px;
    margin-right: 10px
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item .footer-sitemap {
    margin-top: 10px;
    font-size: 14px;
    color: var(--footer-link)
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item .footer-sitemap:hover {
    color: var(--primary-color)
}

.page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-line {
    display: none
}

.page-footer .footer-copyright-wrapper .footer-copyright-desc {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin-top: 10px;
    color: var(--dark-text-color)
}

.page-footer .footer-copyright-wrapper a {
    color: var(--dark-text-color)
}

.page-header {
    width: 100%;
    height: 80px;
    top: 0;
    position: sticky;
    z-index: 999;
}

.page-header .header-container {
    min-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "PingFang SC";
    font-style: normal;
    background: var(--header-gradient);
    backdrop-filter: blur(27.1828px);
    -webkit-backdrop-filter: blur(27.1828px);
    height: 80px;
    box-shadow: var(--header-shadow)
}

.page-header .header-wrapper {
    width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-header .header-wrapper .header-logo {
    display: flex;
    margin-right: auto
}

.page-header .header-wrapper .header-logo img {
    height: 61px;
    width: auto
}

.page-header .header-wrapper .header-mobile-menu-icon {
    display: none
}

.page-header .header-wrapper .page-nav {
    display: flex;
    justify-content: flex-end;
    max-width: 900px;
    height: 100%;
    flex: 1
}

.page-header .header-wrapper .page-nav .nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: max-content;
    margin-right: 50px;
}

.page-header .header-wrapper .page-nav .nav-list span {
    cursor: pointer
}

.page-header .header-wrapper .page-nav .nav-list .menu-item {
    margin-right: var(--header-item-right);
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.page-header .header-wrapper .page-nav .nav-list .menu-item.should-hide {
    display: none
}

.page-header .header-wrapper .page-nav .nav-list .menu-item.active,
.page-header .header-wrapper .page-nav .nav-list .menu-item:hover {
    overflow: visible
}

.page-header .header-wrapper .page-nav .nav-list .menu-item.active>a,
.page-header .header-wrapper .page-nav .nav-list .menu-item.active span,
.page-header .header-wrapper .page-nav .nav-list .menu-item:hover>a,
.page-header .header-wrapper .page-nav .nav-list .menu-item:hover span {
    overflow: visible;
    color: var(--primary-color)
}

.page-header .header-wrapper .page-nav .nav-list .menu-item.active>a .sub-menu-icon .sub-menu-icon-arrow,
.page-header .header-wrapper .page-nav .nav-list .menu-item.active span .sub-menu-icon .sub-menu-icon-arrow,
.page-header .header-wrapper .page-nav .nav-list .menu-item:hover>a .sub-menu-icon .sub-menu-icon-arrow,
.page-header .header-wrapper .page-nav .nav-list .menu-item:hover span .sub-menu-icon .sub-menu-icon-arrow {
    border-color: var(--primary-color) !important
}

.page-header .header-wrapper .page-nav .nav-list .menu-item>a,
.page-header .header-wrapper .page-nav .nav-list .menu-item span {
    color: #5B5B5B;
    display: flex;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 12px 0
}

.page-header .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu,
.page-header .header-wrapper .page-nav .nav-list .menu-item span.has-sub-menu {
    padding-right: 14px
}

.page-header .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu .sub-menu-icon,
.page-header .header-wrapper .page-nav .nav-list .menu-item span.has-sub-menu .sub-menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform: rotate(135deg);
    right: 2px;
    top: 16px
}

.page-header .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu .sub-menu-icon .sub-menu-icon-arrow,
.page-header .header-wrapper .page-nav .nav-list .menu-item span.has-sub-menu .sub-menu-icon .sub-menu-icon-arrow {
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--title-color);
    border-right: 1px solid var(--title-color)
}

.page-header .header-wrapper .page-nav .nav-list .menu-item:hover .sub-menu-wrapper {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    pointer-events: auto
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper {
    padding-top: 30px;
    max-width: 200px;
    min-width: 100px;
    width: max-content;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-out 0s;
    transform: translateY(-20px);
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 32px;
    pointer-events: none
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu {
    background: var(--header-menu-bg);
    box-shadow: var(--module-shadow);
    padding: 5px 0;
    border-radius: 4px;
    position: relative;
    width: 100%
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid var(--header-menu-bg);
    top: -8px;
    left: 20px
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li {
    padding: 5px 10px
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li a,
.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--header-title-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li a.active,
.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li a:hover,
.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li span.active,
.page-header .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li span:hover {
    color: var(--primary-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn {
    display: none;
    position: relative;
    margin-right: 20px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn:hover .nav-view-more-btn-text {
    color: var(--primary-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn:hover .nav-view-more-btn-text .nav-view-more-btn-icon .sub-menu-icon-arrow {
    border-color: var(--primary-color) !important
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn:hover .nav-view-more-btn-list-wrapper {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    pointer-events: auto
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn:hover .nav-view-more-btn-list-wrapper .nav-view-more-btn-list {
    display: block !important;
    box-shadow: var(--module-shadow)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn:hover .nav-view-more-btn-list-wrapper .nav-view-more-btn-list li .sub-menu-wrapper {
    pointer-events: auto
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-text {
    color: var(--title-color);
    font-size: 14px;
    font-weight: 500;
    padding-right: 14px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-text:hover {
    cursor: pointer
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-text .nav-view-more-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform: rotate(135deg);
    right: 0;
    top: 4px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-text .nav-view-more-btn-icon .sub-menu-icon-arrow {
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--title-color);
    border-right: 1px solid var(--title-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper {
    padding-top: 30px;
    max-width: 200px;
    min-width: 100px;
    width: max-content;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-out 0s;
    transform: translateY(-20px);
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 42px;
    pointer-events: none
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list {
    background: var(--header-menu-bg);
    padding: 5px 0;
    border-radius: 4px;
    position: relative;
    width: 100%
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid var(--header-menu-bg);
    top: -8px;
    left: 20px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li {
    position: relative;
    padding: 5px 10px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li.active>a,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li.active>span,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li:hover>a,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li:hover>span {
    color: var(--primary-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li>a,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li>span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 20px;
    color: var(--header-title-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li:hover .sub-menu-wrapper {
    display: block
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    max-width: 200px;
    min-width: 100px;
    width: max-content;
    pointer-events: none;
    padding-left: 10px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu {
    background: var(--header-menu-bg);
    box-shadow: var(--module-shadow);
    padding: 5px 0;
    border-radius: 4px;
    position: relative;
    width: 100%;
    font-size: 14px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu>li {
    padding: 5px 10px
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu>li a,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu>li span {
    font-weight: 500;
    font-size: 13px;
    color: var(--header-title-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu>li a:hover,
.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu>li span:hover {
    color: var(--primary-color)
}

.page-header .header-wrapper .page-nav .nav-list .nav-view-more-btn .nav-view-more-btn-list-wrapper .nav-view-more-btn-list>li .sub-menu-wrapper .sub-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid var(--header-menu-bg);
    left: -8px;
    top: 10px
}

.page-header .header-wrapper .header-download-btn {
    margin-left: 0;
    color: #fff;
    width: 112px;
    height: 38px;
    border-radius: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    background: var(--button-bg);
    box-shadow: var(--button-shadow);
}

.page-header .header-wrapper .header-download-btn .header-download-btn-icon {
    width: 20px;
    height: 20px;
    font-size: 22px;
    margin-right: 4px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center
}

.posts-item-wrap {
    width: 377px;
    height: 216px;
    background: hsla(0, 0%, 100%, .88);
    border: 1px solid #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s ease;
    overflow: hidden;
    position: relative;
    padding: 28px 24px;
    margin-bottom: 20px;
    margin-right: 20px;
    box-shadow: var(--module-light-shadow)
}

.posts-item-wrap:hover {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    box-shadow: none
}

.posts-item-wrap:hover .posts-cover,
.posts-item-wrap:hover .posts-logo {
    opacity: 1
}

.posts-item-wrap:hover .posts-title a {
    color: #fff
}

.posts-item-wrap:hover .posts-time,
.posts-item-wrap:hover .posts-sub-title {
    color: hsla(0, 0%, 100%, .8)
}

.posts-item-wrap:hover .posts-more-wrapper .posts-tags li a {
    background-color: #fff;
    color: var(--title-color)
}

.posts-item-wrap:hover .posts-more-wrapper .posts-more {
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(111, 157, 200, .35)
}

.posts-item-wrap .posts-cover {
    transition: all .3s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(57, 56, 55, .7)
}

.posts-item-wrap .posts-logo {
    opacity: .04;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.posts-item-wrap .posts-logo .logo {
    width: 100%;
    height: 74px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.posts-item-wrap .posts-logo .image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.posts-item-wrap .posts-time {
    z-index: 3;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: var(--desc-color)
}

.posts-item-wrap .posts-date {
    display: none
}

.posts-item-wrap .posts-title {
    z-index: 3;
    position: relative;
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.posts-item-wrap .posts-title a {
    color: var(--title-color)
}

.posts-item-wrap .posts-sub-title {
    z-index: 3;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-top: 8px;
    color: var(--desc-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.posts-item-wrap .posts-more-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    position: relative;
    z-index: 3;
    width: 100%;
    height: auto
}

.posts-item-wrap .posts-more-wrapper.posts-more-wrapper-with-tags {
    display: flex
}

.posts-item-wrap .posts-more-wrapper .posts-tags {
    display: flex;
    align-items: center
}

.posts-item-wrap .posts-more-wrapper .posts-tags li:last-child {
    margin-right: 0
}

.posts-item-wrap .posts-more-wrapper .posts-tags li a {
    display: block;
    font-size: 11px;
    line-height: 16px;
    margin-right: 4px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .04);
    color: var(--desc-color)
}

.posts-item-wrap .posts-more-wrapper .posts-tags li a:hover {
    color: var(--primary-color)
}

.posts-item-wrap .posts-more-wrapper .posts-more {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--primary-color);
    height: 24px;
    width: auto;
    transition: all .3s ease;
    width: 85px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 24px;
    font-size: 11px;
    margin-left: -10px
}

.posts-item-wrap .posts-more-wrapper .posts-more i {
    margin-left: 4px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: var(--icon-directup);
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 1200px) {
    .plain-btn {
        border-width: 1px;
        border-radius: .48rem;
        height: .5rem;
        min-width: .92rem;
        font-size: .24rem;
        padding: 0 .16rem
    }

    .plain-btn:hover {
        background: rgba(0, 0, 0, 0);
        color: var(--primary-color);
        border: 1px solid var(--primary-color)
    }

    .primary-btn {
        border-width: 1px;
        border-radius: .48rem;
        font-size: .24rem;
        height: .5rem;
        min-width: .92rem;
        padding: 0 .2rem
    }

    .section-title {
        width: 100%;
        text-align: center
    }

    .section-title .section-title-wrap .section-title-left,
    .section-title .section-title-wrap .section-title-right {
        display: block;
        height: .12rem;
        width: 2rem;
        flex: initial;
        background-size: contain
    }

    .section-title .section-title-wrap .section-title-left {
        background-position: right;
        margin-right: 0
    }

    .section-title .section-title-wrap .section-title-right {
        background-position: left;
        margin-left: 0
    }

    .section-title .section-title-wrap h1,
    .section-title .section-title-wrap h2 {
        margin: 0 .16rem;
        font-weight: 700;
        font-size: .4rem;
        line-height: 1.5;
        color: var(--text-title-color)
    }

    .section-title .section-title-subtitle {
        font-size: .24rem;
        line-height: .36rem;
        margin-top: .08rem
    }

    .section-title .section-title-breadcrumb {
        font-size: .24rem;
        line-height: .36rem;
        margin-top: .08rem
    }

    .section-title .section-title-breadcrumb li::before {
        margin: 0 .04rem
    }

    .text-title-wrapper {
        display: flex;
        align-items: center
    }

    .text-title-wrapper .text-title-main-title {
        height: .68rem;
        font-size: .36rem;
        line-height: .68rem
    }

    .text-title-wrapper .text-title-sub-title {
        font-size: .24rem;
        line-height: .4rem;
        top: -0.08rem
    }

    .page-main {
        min-height: calc(100vh - .88rem)
    }

    .page-footer {
        padding: 0;
        position: relative
    }

    .page-footer .footer-container {
        width: 100%;
        display: block
    }

    .page-footer .footer-container .footer-info {
        border-right: none;
        width: auto;
        padding-right: 0
    }

    .page-footer .footer-container .footer-info .footer-info-wrapper {
        background: var(--h5-footer-copyright-bg-color);
        padding: .2rem .4rem;
        align-items: center;
        margin-top: 0
    }

    .page-footer .footer-container .footer-info .footer-info-wrapper .footer-logo {
        display: none
    }

    .page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list {
        margin-top: 0;
        gap: .2rem
    }

    .page-footer .footer-container .footer-info .footer-info-wrapper .footer-follow-nav-list .footer-follow-nav-item .img {
        width: .52rem;
        height: .52rem
    }

    .page-footer .footer-container .footer-info .footer-info-wrapper .footer-info-desc {
        font-size: .26rem;
        line-height: .36rem;
        margin-top: 0;
        margin-bottom: .2rem;
        text-align: justify
    }

    .page-footer .footer-container .footer-navigation {
        padding-left: 0
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item {
        margin-top: 0
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-title {
        text-align: center;
        padding-top: .48rem;
        font-size: .28rem
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list {
        margin-top: 0;
        padding: .32rem .4rem .32rem .4rem;
        margin-left: 0
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item {
        margin-top: 0;
        margin-bottom: 1.5%;
        width: 32%;
        margin-right: 1.5%;
        height: .6rem;
        line-height: .6rem;
        background: var(--h5-footer-nav-item-bg-color);
        overflow: hidden;
        border-radius: .04rem;
        margin-left: 0
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item:nth-child(3n) {
        margin-right: 0
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item a {
        color: var(--footer-link);
        height: 100%;
        text-align: center;
        font-size: .28rem;
        line-height: .6rem
    }

    .page-footer .footer-container .footer-navigation .footer-navigation-item .footer-navigation-url-list .footer-navigation-url-item a:hover {
        color: var(--footer-link)
    }

    .page-footer .footer-copyright-wrapper {
        padding: .4rem 0;
        margin-top: 0
    }

    .page-footer .footer-copyright-wrapper .footer-sitemap-list {
        margin-top: 0;
        flex-wrap: wrap;
        padding: 0 .4rem
    }

    .page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item::before {
        margin-left: .2rem;
        margin-right: .2rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item .footer-sitemap {
        font-size: .26rem
    }

    .page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-line {
        display: block;
        width: 100%
    }

    .page-footer .footer-copyright-wrapper .footer-sitemap-list .footer-sitemap-item-visible:before {
        content: none
    }

    .page-footer .footer-copyright-wrapper .footer-copyright-desc {
        font-size: .24rem;
        margin-top: .16rem
    }

    .page-header {
        height: .88rem
    }

    .page-header .header-container {
        height: .88rem;
        min-width: auto;
        z-index: 9999;
        position: relative;
        background: #FFFFFF8C;
        box-shadow: none
    }

    .page-header .header-container .header-mobile-menu-icon {
        display: block;
        width: .4rem;
        height: .4rem;
        margin-left: .24rem;
        position: relative;
        padding: .02rem;
        color: var(--primary-color);
        font-size: .36rem
    }

    .page-header .header-container .header-mobile-menu-icon.header-mobile-menu-show .header-mobile-menu-show-icon {
        display: none
    }

    .page-header .header-container .header-mobile-menu-icon.header-mobile-menu-show .header-mobile-menu-close-icon {
        display: block
    }

    .page-header .header-container .header-mobile-menu-icon.header-mobile-menu-close .header-mobile-menu-show-icon {
        display: block
    }

    .page-header .header-container .header-mobile-menu-icon.header-mobile-menu-close .header-mobile-menu-close-icon {
        display: none
    }

    .page-header .header-container .header-logo img {
        height: .64rem;
        width: auto;
        cursor: pointer
    }

    .page-header .header-container .header-wrapper {
        padding: 0 .4rem;
        min-width: 310px
    }

    .page-header .header-container .header-wrapper .page-nav {
        position: absolute;
        z-index: 99;
        top: .88rem;
        width: 100%;
        background: var(--h5-header-gradient);
        height: 0;
        overflow: hidden;
        transition: all .2s ease-out 0s;
        max-width: initial
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list {
        display: block;
        width: 100%;
        padding-top: .18rem;
        height: max-content
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .nav-view-more-btn {
        display: none !important
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item {
        height: .84rem;
        line-height: .84rem;
        margin-right: 0;
        display: block !important;
        padding: 0
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:has(.sub-menu-wrapper) {
        height: auto
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover>a,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover span,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active>a,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active span {
        color: var(--header-title-color)
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover>a:after,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover span:after,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active>a:after,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active span:after {
        content: none
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover>a .sub-menu-icon .sub-menu-icon-arrow,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item:hover span .sub-menu-icon .sub-menu-icon-arrow,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active>a .sub-menu-icon .sub-menu-icon-arrow,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active span .sub-menu-icon .sub-menu-icon-arrow {
        border-color: var(--header-title-color) !important
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active>a,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active span {
        color: var(--primary-color)
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active>a::before,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item.active span::before {
        content: " ";
        position: absolute;
        width: .06rem;
        height: .28rem;
        left: 0;
        top: .28rem;
        background: var(--primary-color);
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>a,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>span {
        font-size: .28rem;
        padding-left: .4rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu .sub-menu-icon,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>span.has-sub-menu .sub-menu-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .2rem;
        position: absolute;
        transform: rotate(45deg);
        right: .2rem;
        top: .16rem;
        transition: all .3s ease-out 0s
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu .sub-menu-icon .sub-menu-icon-arrow,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>span.has-sub-menu .sub-menu-icon .sub-menu-icon-arrow {
        display: block;
        width: .12rem;
        height: .12rem;
        border-top: 1px solid var(--title-color);
        border-right: 1px solid var(--title-color)
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>a.has-sub-menu .sub-menu-icon.active,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item>span.has-sub-menu .sub-menu-icon.active {
        transform: rotate(135deg)
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper {
        position: relative;
        top: 0rem;
        padding-top: 0rem;
        max-width: 100%;
        height: 0;
        width: 100%;
        overflow: hidden;
        transition: none;
        transform: translateY(0) !important;
        opacity: 1 !important;
        z-index: 1 !important
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu {
        position: relative;
        background: rgba(0, 0, 0, 0);
        top: 0;
        padding: 0
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu::before {
        content: none
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li {
        padding: .1rem 0
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li a,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li span {
        display: block;
        padding: 0rem 0 0rem .72rem;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .26rem;
        height: .4rem;
        line-height: .4rem
    }

    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li a:hover,
    .page-header .header-container .header-wrapper .page-nav .nav-list .menu-item .sub-menu-wrapper .sub-menu li span:hover {
        color: var(--title-color)
    }

    .page-header .header-container .header-download-btn {
        width: 1.72rem;
        height: .52rem;
        line-height: .52rem;
        font-size: .24rem
    }

    .page-header .header-container .header-download-btn .header-download-btn-icon {
        width: .32rem;
        height: .32rem;
        font-size: .36rem;
        position: initial;
        margin-right: .04rem
    }

    .page-header .header-cover-click {
        width: 100%;
        position: fixed;
        z-index: 89;
        display: none;
        inset: .8rem 0 0 0;
        overflow: hidden;
        background-color: rgba(0, 0, 0, .2)
    }

    .posts-item-wrap {
        width: 100%;
        height: 3.8rem;
        background: hsla(0, 0%, 100%, .88);
        border: 1px solid #fff;
        border-radius: .4rem;
        transition: none;
        padding: .32rem .24rem;
        margin-bottom: .24rem;
        margin-right: .24rem
    }

    .posts-item-wrap:hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: var(--module-light-shadow)
    }

    .posts-item-wrap:hover .posts-title a {
        color: var(--title-color)
    }

    .posts-item-wrap:hover .posts-time,
    .posts-item-wrap:hover .posts-sub-title {
        color: var(--desc-color)
    }

    .posts-item-wrap:hover .posts-logo {
        opacity: .04
    }

    .posts-item-wrap:hover .posts-more-wrapper .posts-tags li a {
        background-color: #fff;
        color: var(--title-color)
    }

    .posts-item-wrap:hover .posts-more-wrapper .posts-more {
        margin-left: -0.2rem;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }

    .posts-item-wrap .posts-cover {
        display: none
    }

    .posts-item-wrap .posts-logo {
        opacity: .04
    }

    .posts-item-wrap .posts-logo .logo {
        height: 1.48rem
    }

    .posts-item-wrap .posts-time {
        z-index: 3;
        position: relative;
        font-size: .28rem;
        line-height: .4rem;
        color: var(--desc-color)
    }

    .posts-item-wrap .posts-date {
        display: none
    }

    .posts-item-wrap .posts-title {
        z-index: 3;
        position: relative;
        margin-top: .16rem;
        font-weight: 500;
        font-size: .32rem;
        line-height: .44rem;
        height: .88rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .posts-item-wrap .posts-title a {
        color: var(--title-color)
    }

    .posts-item-wrap .posts-sub-title {
        z-index: 3;
        position: relative;
        font-weight: 400;
        font-size: .26rem;
        line-height: .4rem;
        height: .8rem;
        margin-top: .12rem;
        color: var(--desc-color)
    }

    .posts-item-wrap .posts-more-wrapper {
        margin-top: .08rem
    }

    .posts-item-wrap .posts-more-wrapper .posts-tags {
        display: flex;
        align-items: center
    }

    .posts-item-wrap .posts-more-wrapper .posts-tags li:last-child {
        margin-right: 0
    }

    .posts-item-wrap .posts-more-wrapper .posts-tags li a {
        display: block;
        font-size: .22rem;
        line-height: .32rem;
        margin-right: .08rem;
        padding: .04rem .12rem;
        border-radius: .08rem
    }

    .posts-item-wrap .posts-more-wrapper .posts-more {
        margin-left: -0.2rem;
        background-color: rgba(0, 0, 0, 0);
        width: auto;
        height: .48rem;
        font-size: .24rem
    }

    .posts-item-wrap-copy {
        width: 100%;
        height: auto;
        border-radius: .4rem;
        position: relative;
        box-shadow: var(--module-light-shadow);
        border: 1px solid #fff;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
        margin-bottom: .24rem
    }

    .posts-item-wrap-copy:hover {
        transform: none;
        box-shadow: var(--module-light-shadow)
    }

    .posts-item-wrap-copy:hover .posts-cover,
    .posts-item-wrap-copy:hover .posts-logo {
        opacity: 1
    }

    .posts-item-wrap-copy:hover .posts-title a {
        color: var(--title-color)
    }

    .posts-item-wrap-copy:hover .posts-time,
    .posts-item-wrap-copy:hover .posts-subTitle {
        color: var(--desc-color)
    }

    .posts-item-wrap-copy:hover .posts-more-wrapper .posts-tags li a {
        background: rgba(0, 0, 0, .04);
        color: var(--title-color)
    }

    .posts-item-wrap-copy:hover .posts-more-wrapper .posts-more {
        width: auto;
        background-color: rgba(0, 0, 0, 0);
        border-radius: none;
        box-shadow: none;
        color: var(--primary-color)
    }

    .posts-item-wrap-copy .posts-cover {
        display: none
    }

    .posts-item-wrap-copy .posts-logo {
        opacity: 1;
        position: initial;
        background-color: var(--hot-game-title-bg);
        width: 100%;
        height: 2.54rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .posts-item-wrap-copy .posts-logo .logo {
        height: 1.48rem
    }

    .posts-item-wrap-copy .posts-time {
        display: none
    }

    .posts-item-wrap-copy .posts-date {
        display: block;
        position: absolute;
        top: 2.54rem;
        left: .08rem;
        width: 1.24rem;
        height: 1.3rem;
        padding-top: .32rem
    }

    .posts-item-wrap-copy .posts-date span {
        display: block;
        text-align: center
    }

    .posts-item-wrap-copy .posts-date span:first-child {
        font-size: .36rem;
        line-height: .48rem;
        color: var(--primary-color);
        font-weight: 700
    }

    .posts-item-wrap-copy .posts-date span:last-child {
        font-size: .2rem;
        line-height: .28rem;
        color: var(--desc-color)
    }

    .posts-item-wrap-copy .posts-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-size: .28rem;
        line-height: .384rem;
        color: var(--title-color);
        margin-top: 0
    }

    .posts-item-wrap-copy .posts-subTitle {
        font-size: .24rem;
        line-height: .34rem;
        color: var(--desc-color);
        margin-top: .08rem
    }

    .posts-item-wrap-copy .posts-info-wrap {
        padding: .26rem .2rem;
        width: 80%;
        position: relative;
        margin-left: 20%
    }

    .posts-item-wrap-copy .posts-info-wrap.posts-info-wrap-with-tags {
        padding: .26rem .2rem .12rem
    }

    .posts-item-wrap-copy .posts-info-wrap::after {
        content: "";
        position: absolute;
        top: .48rem;
        left: -0.04rem;
        width: 1px;
        height: .4rem;
        background: var(--border-theme-color)
    }

    .posts-item-wrap-copy .posts-more-wrapper {
        position: relative;
        z-index: 3;
        margin-top: .2rem;
        padding: .16rem .2rem .16rem .2rem;
        border-top: 1px dashed var(--border-theme-color);
        display: none;
        justify-content: flex-end;
        margin-top: 0;
        bottom: 0
    }

    .posts-item-wrap-copy .posts-more-wrapper:has(.posts-tags) {
        display: flex;
        justify-content: space-between
    }

    .posts-item-wrap-copy .posts-more-wrapper .posts-more {
        width: auto;
        height: auto;
        padding: 0
    }

    .posts-item-wrap-copy .posts-more-wrapper .posts-more i {
        width: .24rem;
        height: .24rem
    }
}