.dropdown.more-dropup.pull-right{
  
  top:-10px;
}
.ying-dmyblogtitle {
    font-size: 60px;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
    text-shadow: 11px 10px 1px rgba(0, 0, 0, .25)
}

.ying-dmyblog-typewriter {
    margin-top: 20px
}

.dmy-up-font {
    font-size: 2rem !important;
    padding-top: 120px
}

.ying-dmyblog-typewriter-title {
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    color: #fff;
    text-shadow: 7px 14px 4px rgba(0, 0, 0, .25)
}

.ying-dmyblog-typewriter-title {
    box-sizing: border-box;
    padding: 1rem;
    font-size: 3rem
}

.ying-dmyblog-typewriter-title::after {
    content: '|';
    animation: type .6s infinite
}

@keyframes type {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.dmy-up-arrow {
    width: 90px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, -50%)
}

.dmy-up-arrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.dmy-up-arrow span {
    color: #fff
}

.dmy-up-arrow svg {
    width: 25px;
    height: 25px
}

.dmy-up-font {
    text-align: center;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 700
}

.dmy-up-icon {
    display: flex;
    justify-content: center
}

.dmy-up-icon2 {
    margin-top: 10px;
    text-align: center;
    animation: home-animation .5s ease-in-out infinite alternate;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 12px;
    background-image: url(https://dmyblog.cn/wp-content/uploads/2024/01/2024010914342989.png)
}

@-webkit-keyframes home-animation {
    to {
        transform: translateY(100%)
    }
}

.header-slider-search .line-form {
    border-radius: 5px
}

.tengfei_search_frame {
    border: 5px solid rgb(255 255 255 / 30%);
    border-radius: 8px;
    padding: 0;
    font-size: 15px
}

.tengfei-search-button-red {
    background: #ff1856;
    right: 106%;
    position: absolute
}

.tengfei-search-button-blue {
    background: #08f;
    border: 1px solid #3af;
    color: #fff;
    border-radius: 4px;
    margin-right: -17px
}

#fps-counter {
    position: fixed;
    top: 71px;
    left: 2px;
    background-color: rgb(255 122 122 / 70%);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 99999999
}

@media (max-width:800px) {
    #fps-counter {
        display: none
    }
}

a.disabled {
    pointer-events: none;
    -moz-opacity: 0.5;
    opacity: .5
}

.avatar,
.radius-cover {
    border-radius: 100px;
    display: inline-block;
    transition: all .2s ease
}

.avatar:hover {
    border-radius: 10px;
    transition-delay: 0s
}

.item-meta.muted-2-color.flex.jsb.ac {
    margin-bottom: 1px !important
}

.app-info-section {
    padding: 30px 0;
    margin: 5px 0 0 0
}

.app-info-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.app-left {
    display: flex;
    align-items: center;
    gap: 15px
}

.app-thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px
}

.app-meta {
    margin: auto auto auto auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.app-title {
    font-size: 25px;
    margin: 12px .5px
}

.app-subtitle {
    color: #999;
    margin: 5px 0 0;
    font-size: 19px
}

.app-right {
    margin: auto auto;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #999
}

.app-item {
    display: flex;
    flex-direction: column;
    text-align: center
}

.app-item span:first-child {
    font-size: 17px;
    opacity: .7;
    margin-bottom: 3px
}

.app-divider {
    color: #999;
    border-left: 1.2px solid #999;
    height: 40px;
    margin: 0 1px;
    vertical-align: middle
}

.app-thumb {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 8px
}

@media (max-width:768px) {
    .app-info-section {
        padding: 20px 15px;
        margin: 0
    }

    .app-info-inner {
        flex-direction: column;
        align-items: center
    }

    .app-left {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px
    }

    .app-meta {
        margin: 0;
        text-align: center
    }

    .app-title {
        font-size: 20px
    }

    .app-subtitle {
        font-size: 16px
    }

    .app-right {
        margin: 0;
        gap: 15px
    }

    .app-item {
        font-size: 14px;
        min-width: 60px
    }

    .app-item span:first-child {
        font-size: 14px
    }

    .app-thumb {
        width: 80px;
        height: 80px
    }
}

.but.jb-blue,
.but.jb-green,
.but.jb-purple,
.but.jb-red,
.but.jb-yellow {
    color: #fff !important
}

.item-meta.muted-2-color.flex.jsb.ac {
    margin-top: 5px
}

.dark-theme .posts-item.card .item-title {
    color: #fff
}

.posts-item.card .item-title {
    margin: 0 0 -5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    height: 1.5em
}

@media screen and (max-width:768px) {
    .posts-item.card .item-title {
        text-align: center !important;
        margin: 0 auto -5px auto !important;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.dark-theme .item-excerpt.muted-color.mt {
    color: #b4b6bb
}

.item-excerpt.muted-color.mt {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 9.5px;
    color: #fff;
    line-height: 1.2;
    height: 1.2em;
    word-break: break-all;
    white-space: normal !important;
    text-indent: 0 !important;
    max-height: 1.2em !important
}

.daixbu-quote-q {
    background-color: var(--body-bg-color);
    border-radius: 6px;
    position: relative;
    padding: .75em .85em;
    margin-top: 0 !important;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box
}

.daixbu-quote-q::before {
    padding: 4px;
    content: '';
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--quote-color);
    opacity: .04;
    z-index: 0
}

.daixbu-quote-q a,
.daixbu-quote-q span {
    font-weight: 590;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13.5px;
    color: #8a8a8a;
    line-height: 1.6;
    height: 3.2em;
    word-break: break-all;
    white-space: normal !important;
    text-indent: 0 !important
}

.daixbu-quote-q a:hover {
    color: #6a6a6a;
    text-decoration: none
}

.posts-item.card .item-heading {
    position: relative;
    margin: -4px auto;
    padding: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

@media (max-width:480px) {
    .avatar-mini.avatar-with-status {
        display: none
    }
}

@media (max-width:768px) {
    .posts-item.card.ajax-item.style3 {
        width: calc(50% - 16px) !important
    }

    .posts-item.card.ajax-item.style3 .item-heading>a {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .home-tab-content {
        text-align: center
    }

    .posts-item {
        text-align: left !important
    }
}

.title-theme:before {
    display: none
}

.item-meta.muted-2-color.flex.jsb.ac {
    bottom: 5px
}

.posts-item.card .item-heading a {
    font-size: 16px !important;
    line-height: 1.4em
}

.posts-item.list.ajax-item.flex .icon-circle::before {
    display: none !important
}

.item-meta {
    display: flex;
    align-items: center;
    width: 100%
}

.meta-right {
    margin-left: auto;
    margin-left: 8px
}

.widget-ajaxpager.lazyloaded.lazyloadafter .posts-item.card.ajax-item.style3.z42bfcf79 .n-collect-item-bottom {
    display: none
}

.posts-item.list.ajax-item.flex .item-heading {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    max-width: 30ch;
    width: 30ch;
    position: relative;
    padding-right: 1.5em
}

@media (max-width:768px) {
    .posts-item.list.ajax-item.flex .item-heading {
        max-width: none;
        width: auto;
        padding-right: 0;
        white-space: normal;
        -webkit-line-clamp: unset;
        display: block
    }

    .posts-item.list.ajax-item.flex .item-heading::after {
        display: none
    }
}

.posts-item.list.ajax-item.flex .icon-circle::before {
    display: none !important
}

.item-excerpt.muted-color.text-ellipsis.mb6 {
    background-color: var(--body-bg-color);
    border-radius: 6px;
    position: relative;
    padding: 1.2em .85em;
    margin-top: 8px !important;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.item-excerpt.muted-color.text-ellipsis.mb6::before {
    padding: 6px;
    content: '';
    border-radius: 6px;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--quote-color);
    opacity: .04;
    z-index: 0
}

.item-excerpt.muted-color.text-ellipsis.mb6 a:hover {
    color: #6a6a6a;
    text-decoration: none
}

@media (max-width:768px) {
    .item-excerpt.muted-color.text-ellipsis.mb6 {
        background-color: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-all
    }

    .item-excerpt.muted-color.text-ellipsis.mb6::before {
        display: none !important
    }

    .item-excerpt.muted-color.text-ellipsis.mb6 a:hover {
        color: inherit;
        text-decoration: underline
    }
}

.posts-item.list.ajax-item.flex .item-tags.scroll-x.no-scrollbar.mb6 {
    display: none
}

.title.mt10.text-ellipsis {
    color: #000 !important
}

.menu-graphic-card-item:hover .title.mt10.text-ellipsis {
    color: #fff !important
}

.menu-graphic-card-item {
    padding: 10px 30px;
    background-color: rgba(239, 0, 83, .08);
    border-radius: 10px;
    width: auto;
    height: auto
}

@media screen and (max-width:768px) {
    .menu-graphic-card-item {
        height: 90%
    }
}

.menu-graphic-card-item:hover {
    border-radius: 10px;
    width: auto;
    height: auto;
    background-color: rgba(239, 0, 83, .6)
}

.Onecad_header_vip {
    background: url(https://img.dmguo.cn/2025/03/20250319172047784.png) no-repeat 50%/120px;
    display: block;
    position: absolute;
    margin-right: 5px;
    padding: 0 70px;
    width: 25px;
    height: 40px;
    bottom: -4.5px;
    right: 28vh
}

.Onecad_header_vip_topi {
    position: absolute;
    right: 5px;
    box-sizing: border-box;
    padding: 0 3px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 15px
}

.jiaobiao_color6 {
    color: #fff;
    background-color: #ff3a6f
}

.Onecad_member_tip {
    position: absolute;
    right: -14px;
    z-index: 8000;
    display: none;
    margin-top: -23px;
    padding-top: 70px
}

.Onecad_memberWrapper {
    position: relative;
    display: flex;
    padding: 5px 20px 20px;
    background-color: #ffffff87;
    box-shadow: 0 5px 40px 0 rgba(17, 58, 93, .1);
    cursor: pointer;
    flex-direction: column;
    backdrop-filter: blur(10px);
    align-items: center;
    border-radius: 8px
}

.Onecad_memberWrapper .Onecad_memberCard_member-header {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding-top: 12px;
    width: 300px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700
}

.Onecad_memberWrapper.Onecad_memberCard_none .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
    margin-right: auto;
    margin-left: auto;
    width: 180px;
    height: 25px
}

.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
    margin-bottom: 4px;
    color: #663f32;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
    color: #663f32;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .8);
    white-space: nowrap
}

.Onecad_memberCard_benefitsLiWrapper {
    position: relative;
    left: 0;
    transition: left .3s linear
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits li {
    float: left;
    margin: 10px 0;
    width: 25%
}

.Onecad_benefitTag_benefits-wrapper {
    position: relative;
    display: flex;
    margin-right: 5px;
    height: 53px;
    justify-content: center
}

.benefitTag__benefits-icon___3aeab {
    display: inline-block;
    width: 32px;
    height: 32px
}

.benefitTag__benefits-text___5d19f {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #4d3626;
    white-space: nowrap;
    font-weight: 600;
    font-size: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Onecad_memberWrapper .memberCard__joinBtn___a50c1 {
    position: relative;
    display: flex;
    width: 152px;
    height: 32px;
    border-radius: 5px;
    background-image: linear-gradient(134deg, #4d5580, #3d4466);
    color: #fff3eb;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.Onecad_header_vip:hover .Onecad_member_tip[data-status=true] {
    display: block;
    animation: scale-down .4s ease-in-out
}

@keyframes scale-down {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.Onecad_memberWrapper .memberCard__joinBtn___a50c1:hover {
    background-image: linear-gradient(134deg, rgba(77, 85, 128, .9), rgba(61, 68, 102, .9))
}

.Onecad_memberWrapper .memberCard__joinBtn___a50c1 {
    position: relative;
    display: flex;
    width: 152px;
    height: 32px;
    border-radius: 5px;
    background-image: linear-gradient(134deg, #4d5580, #3d4466);
    color: #fff3eb;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.Onecad_memberWrapper .memberCard__joinBtn___a50c1 .memberCard__tips___3220a {
    position: absolute;
    top: -15px;
    right: -15px;
    padding: 2px 8px;
    border-radius: 6px;
    background-image: linear-gradient(90deg, #ff9580, #f36);
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    font-weight: 100;
    font-size: 12px
}

.navbar-top li .navbar-avatar::after {
    content: '';
    position: absolute;
    top: -29%;
    left: 18%;
    width: 80%;
    height: 80%;
    background: #ff6ac324;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    pointer-events: none;
    box-shadow: transparent 0 0 0 0;
    transform: scale(1);
    transform-origin: 17px 17px
}

.navbar-top li:hover>.navbar-avatar::after {
    transform: scale(2);
    transform-origin: 17px 0px;
    animation: wave-splashing-avatar-31ce2e23 .4s cubic-bezier(.25, .46, .45, .94)
}

@keyframes wave-splashing-avatar-31ce2e23 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(2)
    }
}

.navbar-form {
    position: relative
}

.avatar-img-diy {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 30px;
    width: var(--this-size);
    height: var(--this-size)
}

@media screen and (max-width:768px) {
    .mobile-hide-dot {
        display: none !important
    }
}

@media screen and (min-width:769px) {
    .mobile-hide-dot {
        display: inline !important
    }
}

.zib-widget.widget-tag-cloud.author-tag {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgb(255 17 0/8%), var(--main-bg-color) 30%) !important
}

.graphic-thumb-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.graphic-thumb-container .graphic-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .2s ease;
    border-radius: 8px
}

.graphic-thumb-container:hover .graphic-hover-overlay {
    opacity: 1
}

.graphic-hover-content {
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    min-width: 200px;
    max-width: 80%;
    transform: translateY(20px);
    transition: transform .2s ease
}

.graphic-thumb-container:hover .graphic-hover-content {
    transform: translateY(0)
}

.graphic-hover-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.graphic-hover-line {
    height: 1px;
    background: #e0e0e0;
    margin: 12px 0
}

.graphic-hover-info {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 12.5px;
    color: #fff
}

.graphic-hover-info .image-count,
.graphic-hover-info .resolution {
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 510
}

.posts-item.card.style3 .item-body {
    position: relative;
    z-index: 2
}

/* 核心优化：统一所有场景下的隐藏样式，覆盖原有重复代码 */
.graphic-thumb-container.has-image-resolution:hover ~ .item-body .item-heading.has-image-resolution,
.graphic-thumb-container.has-image-resolution:hover ~ .item-heading.has-image-resolution {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden; /* 新增：确保内容完全隐藏，无残留 */
    transition: opacity .2s ease, visibility .2s ease, height .2s ease, margin .2s ease;
}

/* 新增：触碰.item-thumbnail.graphic-thumb-container.has-image-resolution时隐藏.zd309ccca */
.item-thumbnail.graphic-thumb-container.has-image-resolution:hover ~ .zd309ccca,
.item-thumbnail.graphic-thumb-container.has-image-resolution:hover .zd309ccca {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden;
    transition: opacity .2s ease, visibility .2s ease, height .2s ease, margin .2s ease;
}

/* 非card类型单独调整（仅透明度变化） */
.posts-item:not(.card) .graphic-thumb-container.has-image-resolution:hover ~ .item-body .item-heading.has-image-resolution {
    opacity: .5;
    visibility: visible; /* 恢复可见性 */
    height: auto; /* 恢复高度 */
    margin: initial; /* 恢复边距 */
}

/* 非card类型下.zd309ccca仅调整透明度，不彻底隐藏（和原有逻辑对齐） */
.posts-item:not(.card) .item-thumbnail.graphic-thumb-container.has-image-resolution:hover ~ .zd309ccca,
.posts-item:not(.card) .item-thumbnail.graphic-thumb-container.has-image-resolution:hover .zd309ccca {
    opacity: .5;
    visibility: visible;
    height: auto;
    margin: initial;
}

@media (max-width:768px) {
    .graphic-thumb-container .graphic-hover-overlay {
        display: none !important
    }

    /* 移动端全部恢复标题显示，覆盖所有隐藏样式 */
    .graphic-thumb-container.has-image-resolution:hover ~ .item-body .item-heading.has-image-resolution,
    .graphic-thumb-container.has-image-resolution:hover ~ .item-heading.has-image-resolution {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        margin: initial !important;
        overflow: visible !important;
    }

    /* 移动端恢复.zd309ccca显示，覆盖隐藏样式 */
    .item-thumbnail.graphic-thumb-container.has-image-resolution:hover ~ .zd309ccca,
    .item-thumbnail.graphic-thumb-container.has-image-resolution:hover .zd309ccca {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        margin: initial !important;
        overflow: visible !important;
    }
}

.posts-item.card:last-child {
    margin-bottom: 8px !important
}

.training-camp__wrapper .header__title-wrapper {
    font-size: 16px
}

.sec-wrapper {
    margin-bottom: 10px
}

.training-camp__wrapper .header__title-wrapper {
    color: #22ab80
}

.training-camp__wrapper {
    background-image: linear-gradient(150deg, #cff0fb 20%, #cbf4e4 40%);
    padding: 0 12px 12px;
    border-radius: 16px
}

button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {
    background: #ffffff00;
    border: 1px solid #fc3c2d00;
    border-radius: 0
}

.training-camp__wrapper .training-camp__header {
    padding: 24px 0 24px 12px;
    display: -webkit-flex;
    display: flex;
    background: url(/wp-content/themes/Adele/img/kuangwenlu.png) 100% 0/433px 126px no-repeat
}

.training-camp__wrapper .header__title-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.training-camp__wrapper .title__img-wrapper {
    height: 20px
}

.training-camp__wrapper .header__btn-wrapper {
    margin-left: auto;
    display: -webkit-flex;
    display: flex
}

.training-camp__wrapper .header__btn-wrapper button[class*=button---] {
    height: 20px;
    line-height: 20px;
    padding: 0 12px
}

.training-camp__wrapper .header__btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    color: #22ab80
}

.medium---OGt5iw {
    height: 36px;
    padding: 8px 24px;
    font-size: 14px
}

.outlined---BKvHAe,
.text---pn4pHz {
    background-color: initial;
    color: #3e454d
}

.button---AUM5ZP {
    position: relative;
    display: inline-block;
    height: 36px;
    padding: 8px 24px;
    border-radius: 22px;
    cursor: pointer;
    border: unset;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ke-icon---zeGrGg+i {
    display: inline-block;
    vertical-align: middle
}

.training-camp__wrapper>div.sec-bd {
    background-color: var(--body-bg-color)
}

.sec-wrapper .sec-bd {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.training-camp__wrapper .sec-bd {
    padding: 12px;
    border-radius: 16px
}

img.title-macyingyong {
    height: 50px
}

.bili-dyn-item__ornament {
    position: sticky;
    top: 18px;
    margin-top: -10px;
    float: right
}

.bili-dyn-ornament__type--3 {
    height: 44px;
    width: 146px
}

.bili-dyn-ornament img {
    height: 100%;
    width: 100%
}

.bili-dyn-ornament__type--3 span {
    font-family: num !important;
    font-size: 12px;
    position: absolute;
    right: 54px;
    top: 15px;
    transform: scale(.88);
    transform-origin: right
}

@font-face {
    font-family: num;
    src: url('data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMlfu6qkAAACsAAAAYGNtYXAZKRS8AAABDAAAAVpnbHlmPpOLigAAAmgAAAI0aGVhZA1ca6UAAAScAAAANmhoZWEGkALDAAAE1AAAACRobXR4JmQFBgAABPgAAAA4bG9jYQPqA14AAAUwAAAAHm1heHAAEgAOAAAFUAAAACBuYW1ly5ItMwAABXAAAAagcG9zdADLALIAAAwQAAAAPgAEAvQBkAAFAAgCAAIAAAAAAAIAAgAAAAIAADMBCQAAAgEGBAAAAAAAAIAAAAEQAAAAAAAAAAAAAABKQkhHAEAALgBPA3D/NAB0A3AAzAAEAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAAAAABUAAMAAQAAABwABAA4AAAACgAIAAIAAgAuADkAT/////8AAAAuADAATv//////0//S/74AAQABAAAAAAAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAIDBAUGBwgJCgsAAAAAAAAAAAAAAAAAAAAAAAAAAAwNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABALgABAF0ALAAAwAAJTUjFQF0vASsrAACAFoABAKwAtwAAwAHAAA3ESERFxEhEfYBHpz9qpABvv5CjALY/SgAAQBMAAQBWALcAAUAACURIRUzEQFY/vRwBALYjP20AAABAF4ABAK+AtwACwAAJTUhNSERIRUhFSERAr7+OgHG/agBvv46BIqeAbCMmP5MAAABAF4ABAK+AtwACwAAJREhFSEVIRUhFSEVAr79oAHG/oQBfP46BALYjpSMnowAAAABAGIABAK0AtwACQAAJREjESERIxEhFQK0mP7gmgG6BALY/oQBfP340AAAAAEAXAAEArgC3AALAAABFSEVIREhNSE1IRECHv4+Alz+PgHC/aQBLqKIAbKciv5SAAIAXAAEArgC3AADAAsAACUhNSElNSE1IREhEQIe/tgBKP7YAcL9pAJcjKqKkor9KAG8AAABAF4ABALOAtwABQAAASEVIQEzAs79kAGO/uaiAtyM/bQAAAADAGAABAK+AtwAAwAHAAsAABM1IR0CITUBESER+gEq/tYBxP2iAbqYmIqmpv7UAtj9KAAAAgBcAAQCvALcAAMACwAAEzUhHQIhFSERIRH2ASz+OgJg/aABpqysipCIAtj+QAAAAQBcAAQC0gLuAAkAACURIxEBIxEzEQEC0pT+tJaUAVwEAur+HgHi/RYB9v4KAAAAAgBcAAQCzALuAAMABwAAJREhESUhESECzP2QAdj+wAFABALq/RaOAc4AAAABAAAAAQAAMO4Tq18PPPUAAgQAAAAAANHSZDkAAAAA2VbDfQBMAAQC0gLuAAAACAACAAAAAAAAAAEAAANw/zQAAAMuAEwAUgLSAAEAAAAAAAAAAAAAAAAAAAAOAAAAAAIoALgDCgBaAgwATAMYAF4DIgBeAxgAYgMUAFwDEgBcAyAAXgMiAGADGABcAy4AXAMmAFwAAAAAAAwAIAAwAEgAYAB2AI4AqAC6ANQA7AEEARoAAAABAAAADgAMAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEADGAAEAAAAAAAAArgAAAAEAAAAAAAEAGQCuAAEAAAAAAAIABwDHAAEAAAAAAAMAGQDOAAEAAAAAAAQAGQDnAAEAAAAAAAUARAEAAAEAAAAAAAYAHAFEAAEAAAAAAAcArgFgAAMAAQQJAAABRgIOAAMAAQQJAAEAJgNUAAMAAQQJAAIADgN6AAMAAQQJAAMAJgOIAAMAAQQJAAQAJgOuAAMAAQQJAAUAiAPUAAMAAQQJAAYAOARcAAMAAQQJAAcBRgSUQ29weXJpZ2h0KGMpIDIwMTUgUkVFSkkgwpUQW1ddw6ViPw0KU2hhbmcgaGFpIFJ1aSBYaWFuIENyZWF0aXZlIERlc2lnbiBDby4gTHRkLsO/DA0KTgptd8KVEH7Cv1IbYQ/Ci8K+wovCoWcJwpZQUWxTw7gNCnd3dy5yZWVqaS5jb20NClFROjI3NzA4NTE3MzMNCk1haWw6UmVlamlmb250QG91dGxvb2suY29twpUQW1fClRB+wr9gEmU+wp7DkXvCgDEuMFJlZ3VsYXLClRBbV8KVEH7Cv2ASZT7CnsORe8KAMS4wwpUQW1fClRB+wr9gEmU+wp7DkXvCgDEuMFZlcnNpb24gMS4wICB3d3cucmVlamkuY29tIFFROjI3NzA4NTE3MzMgIE1haWw6UmVlamlmb250QG91dGxvb2suY29tUmVlSmktQmlnUnVpeGFpbi1CbGFja0dCVjEuMENvcHlyaWdodChjKSAyMDE1IFJFRUpJIMKVEFtXXcOlYj8NClNoYW5nIGhhaSBSdWkgWGlhbiBDcmVhdGl2ZSBEZXNpZ24gQ28uIEx0ZC7DvwwNCk4KbXfClRB+wr9SG2EPwovCvsKLwqFnCcKWUFFsU8O4DQp3d3cucmVlamkuY29tDQpRUToyNzcwODUxNzMzDQpNYWlsOlJlZWppZm9udEBvdXRsb29rLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAoAGMAKQAgADIAMAAxADUAIABSAEUARQBKAEkAIACVABAAWwBXAF0A5QBiAD8ADQAKAFMAaABhAG4AZwAgAGgAYQBpACAAUgB1AGkAIABYAGkAYQBuACAAQwByAGUAYQB0AGkAdgBlACAARABlAHMAaQBnAG4AIABDAG8ALgAgAEwAdABkAC4A/wAMAA0ACgBOAAoAbQB3AJUAEAB+AL8AUgAbAGEADwCLAL4AiwChAGcACQCWAFAAUQBsAFMA+AANAAoAdwB3AHcALgByAGUAZQBqAGkALgBjAG8AbQANAAoAUQBRADoAMgA3ADcAMAA4ADUAMQA3ADMAMwANAAoATQBhAGkAbAA6AFIAZQBlAGoAaQBmAG8AbgB0AEAAbwB1AHQAbABvAG8AawAuAGMAbwBtAJUAEABbAFcAlQAQAH4AvwBgABIAZQA+AJ4A0QB7AIAAMQAuADAAUgBlAGcAdQBsAGEAcgCVABAAWwBXAJUAEAB+AL8AYAASAGUAPgCeANEAewCAADEALgAwAJUAEABbAFcAlQAQAH4AvwBgABIAZQA+AJ4A0QB7AIAAMQAuADAAVgBlAHIAcwBpAG8AbgAgADEALgAwACAAIAB3AHcAdwAuAHIAZQBlAGoAaQAuAGMAbwBtACAAUQBRADoAMgA3ADcAMAA4ADUAMQA3ADMAMwAgACAATQBhAGkAbAA6AFIAZQBlAGoAaQBmAG8AbgB0AEAAbwB1AHQAbABvAG8AawAuAGMAbwBtAFIAZQBlAEoAaQAtAEIAaQBnAFIAdQBpAHgAYQBpAG4ALQBCAGwAYQBjAGsARwBCAFYAMQAuADAAQwBvAHAAeQByAGkAZwBoAHQAKABjACkAIAAyADAAMQA1ACAAUgBFAEUASgBJACAAlQAQAFsAVwBdAOUAYgA/AA0ACgBTAGgAYQBuAGcAIABoAGEAaQAgAFIAdQBpACAAWABpAGEAbgAgAEMAcgBlAGEAdABpAHYAZQAgAEQAZQBzAGkAZwBuACAAQwBvAC4AIABMAHQAZAAuAP8ADAANAAoATgAKAG0AdwCVABAAfgC/AFIAGwBhAA8AiwC+AIsAoQBnAAkAlgBQAFEAbABTAPgADQAKAHcAdwB3AC4AcgBlAGUAagBpAC4AYwBvAG0ADQAKAFEAUQA6ADIANwA3ADAAOAA1ADEANwAzADMADQAKAE0AYQBpAGwAOgBSAGUAZQBqAGkAZgBvAG4AdABAAG8AdQB0AGwAbwBvAGsALgBjAG8AbQACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAARABMAFAAVABYAFwAYABkAGgAbABwAMQAyAAA=')
}

@media (max-width:420px) {
    .bili-dyn-ornament__type--3 {
        width: 11rem !important
    }
}

span.px12.muted-3-color.text-ellipsis {
    position: absolute;
    padding: 3px 8px;
    font-size: 10px;
    top: 27px;
    color: var(--this-color);
    left: 33px;
    border-radius: 99px;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --this-color: #fff
}

.col-sm-4.col-xs-12 .px12.muted-3-color.text-ellipsis {
    position: absolute;
    padding: 3px 8px;
    font-size: 10px;
    top: 27px;
    color: var(--this-color);
    left: 33px;
    border-radius: 99px;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --this-color: #fff
}

.hfw-custom-widget {
    background: 0 0;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-bottom: 20px
}

.hfw-posts-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    --columns: 5;
    --column-width: 20%
}

.hfw-layout-vertical .hfw-post-list-item-vertical {
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 1px;
    position: relative;
    flex: 1 1 calc(var(--column-width) - 10px);
    width: auto;
    height: 340px
}

@media screen and (max-width:768px) {
    .hfw-layout-vertical .hfw-post-list-item-vertical {
        flex: 1 1 calc(50% - 10px);
        height: 215px
    }
}

.hfw-layout-horizontal .hfw-post-list-item-horizontal {
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    flex: 1 1 calc(var(--column-width) - 10px);
    width: auto;
    height: 180px
}

@media screen and (max-width:768px) {
    .hfw-layout-horizontal .hfw-post-list-item-horizontal {
        flex: 1 1 calc(50% - 10px);
        padding-bottom: 56.25%
    }
}

.hfw-post-module-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hfw-post-module-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: transform .3s ease
}

.hfw-post-module-thumb img:hover {
    transform: scale(1.1)
}

.hfw-post-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-align: center;
    padding: 8px 0
}

.hfw-post-info h2 {
    font-size: 1em;
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hfw-post-info a {
    text-decoration: none;
    color: #fff
}

.hfw-post-meta {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: #fff
}

.hfw-post-meta .hfw-post-views {
    padding: 2px 5px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity .3s ease
}

.hfw-post-module-thumb:hover .hfw-post-meta .hfw-post-views {
    opacity: 1
}

.hfw-post-meta .hfw-post-images {
    padding: 2px 5px;
    border-radius: 3px
}

.hfw-widget-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hfw-widget-title-wrapper h2 {
    background: url(https://bu.dusays.com/2025/08/15/689e397ddfeda.png) 0 -110px no-repeat;
    position: relative;
    margin-left: -10px;
    margin-right: 20px;
    height: 37px;
    padding-left: 45px;
    padding-top: 2px;
    font-size: 22px;
    margin-bottom: 10px
}

.hfw-more-link {
    text-decoration: none;
    margin-top: 15px
}

.hfw-more-link:hover {
    text-decoration: none
}

.but.jb-blue.radius {
    background-color: #4a6cf7;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    transition: all .3s ease
}

.but.jb-blue.radius:hover {
    background-color: #3a5ce7;
    color: #fff
}

.em12 {
    font-size: 1.2em
}

.qmsg.qmsg-wrapper {
    position: fixed;
    top: 20px;
    left: 0;
    z-index: 12012;
    width: 100%;
    pointer-events: none;
    color: rgba(0, 0, 0, .55);
    font-size: 1.375rem;
    font-weight: 500;
    font-variant: tabular-nums;
    font-feature-settings: "tnum"
}

.qmsg .qmsg-item {
    padding: 8px;
    text-align: center;
    animation-duration: .3s;
    will-change: transform
}

.qmsg .qmsg-item .qmsg-content {
    text-align: left;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: all;
    max-width: 80%;
    min-width: 80px
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 12px;
    border-radius: 8px
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon {
    display: flex;
    align-items: center;
    height: 16px
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon:first-child {
    margin-right: 8px
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close {
    cursor: pointer;
    color: rgba(0, 0, 0, .45);
    transition: color .3s;
    margin-left: 6px
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close:hover>svg path {
    stroke: #555
}

.qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-count {
    display: inline-block;
    position: absolute;
    left: -6px;
    top: -6px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 99px;
    min-width: 16px;
    animation-duration: .3s
}

.qmsg .qmsg-item .qmsg-content-info {
    color: #fff;
    background: linear-gradient(135deg, #635bff, #539bff)
}

.qmsg .qmsg-item .qmsg-content-info .qmsg-count {
    background-color: #539bff
}

.qmsg .qmsg-item .qmsg-content-warning {
    color: #fff;
    background: linear-gradient(135deg, #f57f32, #eeac27)
}

.qmsg .qmsg-item .qmsg-content-warning .qmsg-count {
    background-color: #eeac27
}

.qmsg .qmsg-item .qmsg-content-error {
    color: #fff;
    background: linear-gradient(135deg, #ff4d49, #f85071)
}

.qmsg .qmsg-item .qmsg-content-error .qmsg-count {
    background-color: #f85071
}

.qmsg .qmsg-item .qmsg-content-success {
    color: #fff;
    background: linear-gradient(135deg, #0cd20f, #6ad22e)
}

.qmsg .qmsg-item .qmsg-content-success .qmsg-count {
    background-color: #09bb07
}

.qmsg .qmsg-item .qmsg-content-loading {
    color: #fff;
    background: linear-gradient(135deg, #6c66cc, #66ccb9)
}

.qmsg .qmsg-item .qmsg-content-loading .qmsg-count {
    background-color: #66ccb9
}

.qmsg .animate-turn {
    animation: MessageTurn 1s linear infinite
}

@keyframes MessageTurn {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

@keyframes MessageMoveIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes MessageShake {

    0%,
    100% {
        transform: translateX(0);
        opacity: 1
    }

    25%,
    75% {
        transform: translateX(-4px);
        opacity: .75
    }

    50% {
        transform: translateX(4px);
        opacity: .25
    }
}

a.item-category {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 6px;
    font-size: 1rem;
    line-height: 1;
    color: var(--this-color);
    background: var(--this-bg);
    border-radius: 6px
}

a.item-category-app {
    position: absolute;
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle, #3783ff, #3783ffbf);
    color: var(--this-color);
    font-size: 12px;
    border-radius: 0 0 10px 10px
}

a.item-category-app-b {
    position: absolute;
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle, #ff5631, #ff5631ba);
    color: var(--this-color);
    font-size: 12px;
    border-radius: 0 0 10px 10px
}

a.item-category-app-c {
    position: absolute;
    height: 24px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle, #464242, #464242ad);
    color: var(--this-color);
    font-size: 12px;
    border-radius: 0 0 10px 10px
}

span.bottom-l {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.n-collect-item-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 25px;
    background: var(--this-bg);
    border-radius: 0 10px 0 10px;
    font-size: 12px;
    color: var(--this-color);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    z-index: 5;
    justify-content: center
}

@media screen and (max-width:768px) {
    .n-collect-item-bottom {
        width: 35%;
        height: calc(2.8vw + 8px);
        min-height: 20px;
        max-height: 30px;
        font-size: clamp(10px, 1.1vw, 12px);
        border-radius: 0 8px 0 8px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .16);
        box-sizing: border-box;
        user-select: none
    }
}

@media screen and (max-width:480px) {
    .n-collect-item-bottom {
        width: 40%
    }
}

.jiaobiao2 {
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 1;
    width: 140px;
    height: 20px;
    background: var(--this-bg);
    color: var(--this-color);
    line-height: 20px;
    transform: rotate(45deg);
    text-align: center;
    font-size: 12px;
    left: auto;
    border-radius: 0 50px 50px 0
}

span.tengfei-title-badge {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    padding: 0 3px;
    height: 16px;
    font-size: 13px;
    margin-right: 2px
}

span.tengfei-title-badge::before {
    position: absolute;
    content: " ";
    display: block;
    left: -100%;
    top: -5px;
    width: 15px;
    height: 145%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    animation: shine 3s ease-in-out infinite;
    transform: rotate(28deg)
}

@keyframes shine {
    0% {
        left: -100%
    }

    100% {
        left: 200%
    }
}

#zibpay_modal,
.modal-open .modal {
    background: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01sHaYCQ1QbIkXDzSVg_!!2210123621994.png);
    backdrop-filter: blur(10px) !important
}

:root {
    --key-color: #091E42;
    --main-color: #4e5358;
    --main-shadow: rgba(116, 116, 116, 0.08);
    --this-text: #626F86;
    --body-bg-color: #f4f6f7;
    --main-bg-color: #FFF;
    --muted-border-color: rgba(0, 0, 0, 0.03);
    --main-border-color: #F1F2F4;
    --float-btn-bg: var(--main-bg-color);
    --box-ty: 0px 5px 40px 0px rgba(17, 58, 93, .1);
    --blur-bg: rgba(255, 255, 255, 1);
    --header-bg: var(--blur-bg);
    --header-color: var(--main-color);
    --footer-bg: var(--main-bg-color);
    --footer-color: var(--muted-2-color);
    --content: "\e690";
    --logo-url: url(https://www.sluyu.com/wp-content/uploads/2024/04/2024041402050513.svg);
    --ji--neutral: rgba(55, 65, 81, .8);
    --main-bg-color: #fff;
    --ji--1item: 15px
}

.user-s-data {
    color: #626f86
}

@media (min-width:1024px) {

    .home-section-designs .items .item-wrap,
    .one-width-1 {
        margin-right: var(--ji--1item);
        width: calc(25% - var(--ji--1item))
    }
}

@media (min-width:768px) {
    .home-section-designs .item-wrap {
        float: left;
        display: block;
        display: flex;
        margin-right: var(--ji--1item);
        width: calc(50% - var(--ji--1item))
    }
}

@media (min-width:768px) {
    .home-section-designs {
        display: block;
        margin-right: -15px
    }
}

@media (min-width:1024px) {
    .home-section-designs .items {
        display: flex;
        margin: 0;
        margin-right: 0
    }
}

.user-s-follow {
    padding: 10px;
    text-align: center
}

.user-s-follow a {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    border-radius: 4px;
    border-radius: 5px;
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    transition: opacity .2s
}

.user-s-data {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0 20px;
    font-size: 12px;
    color: #bcbcbc;
    text-align: center;
    margin-top: 20px
}

.user-s-info-desc {
    display: -webkit-box;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    height: 45px;
    border-top: 1px solid var(--body-bg-color);
    background: var(--main-bg-color);
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.our-team {
    position: relative;
    overflow: hidden;
    padding: 20px 0 0;
    width: 100%;
    background: var(--main-bg-color);
    text-align: center
}

.b2-radius {
    border-radius: 10px
}

our-team {
    position: relative;
    overflow: hidden;
    padding: 20px 0 0;
    width: 100%;
    background: var(--main-bg-color);
    text-align: center
}

.demo .user-s-info-name {
    display: flex;
    margin-top: 0;
    margin-left: 0;
    flex-flow: column
}

.our-team .pic {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 20px;
    width: 100px;
    height: 100px
}

.our-team .pic:before {
    position: absolute;
    right: 0;
    bottom: 135%;
    left: 0;
    width: 100%;
    height: 0;
    border-radius: 50%;
    content: "";
    opacity: 1;
    transition: all .3s linear 0s;
    transform: scale(3)
}

.our-team:hover .pic:before {
    height: 100%
}

.our-team .pic:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: ""
}


.our-team .pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    transition: all .9s ease 0s;
    transform: scale(1.05)
}

.our-team:hover .pic img {
    box-shadow: 0 0 0 8px #f7f5ec;
    transform: scale(.8)
}

.our-team .team-content {
    margin-bottom: 30px
}

.our-team .title {
    margin-bottom: 10px;
    color: var(--key-color);
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    font-weight: 700;
    font-size: 18px
}

.our-team .post {
    display: block;
    color: #4e5052;
    text-transform: capitalize;
    font-size: 15px
}

.our-team .social {
    position: absolute;
    bottom: -100px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    transition: all .5s ease 0s
}

.our-team .user-s-info-name>div .topic-user-lv {
    display: flex;
    align-items: center;
    justify-content: center
}

.our-team:hover .social {
    bottom: 0
}

.our-team .social li {
    display: inline-block
}

.our-team .social li a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    transition: all .3s ease 0s
}

.our-team .social li a:hover {
    background: #f7f5ec;
    color: #eb1768
}

#vips .vip-in .empty,
#vips .vip-list .vip-item .vip-list-in:hover .vip-buy button,
.Mrxu-block .Mrxu-link a:hover,
.cat-info span a::after,
.our-team .pic:after,
.our-team .pic:before,
.our-team .social,
.public-foot .tel-icon .tel-icon-a:hover,
.puxin_gd .btn {
    background: #ef0053;
    color: #fff
}

.our-team:hover .pic img {
    box-shadow: 0 0 0 8px #f7f5ec;
    transform: scale(.8)
}

.our-team .pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    transition: all .9s ease 0s;
    transform: scale(1.05)
}
















.xinsua .cai {
    width: 6em;
    height: 1.1em;
    color: #747474;
}
.ztjca .cai, .pczsa .cai {
    width: 5em;
    height: 1.1em;
    color: #747474;
}
.tyma .cai {
    width: 7em;
    height: 1.1em;
    color: #747474;
}
.scsya .cai {
    width: 7em;
    height: 1.14em;
    color: #747474;
}
.gqbza .cai {
    width: 5em;
    height: 1.12em;
    color: #747474;
}
.jcgja .cai {
    width: 6em;
    height: 1.12em;
    color: #747474;
}
.jxda .cai {
    width: 10em;
    height: 1.1em;
    color: #747474;
}
.common-button {
	box-shadow: 0 4px 8px 0 rgba(110, 192, 245, .5);
	border-radius: 25px;
	background: #6ec0f5;
	border: 1px solid #67baf0;
	font-size: 16px;
	padding: 8px 22px;
	transition: all .2s;
	color: #fff;
}

.common-button:hover {
    color: #fff;
	box-shadow: 0 4px 8px 0 rgba(110, 192, 245, 1);
}

.ind_tit {
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px !important;
	-ms-flex-direction: column;
	flex-direction: column;
}

.ind_h2 {
	font-size: 36px;
	position: relative;
	width: auto;
	text-align: center;
	display: inline-block;
	margin: auto;
}

.ind_hs {
	font-size: 16px;
	line-height: 1.5;
	color: #787d85;
	margin: 10px auto 20px;
	text-align: center;
}

ul.cd-tabs-navigation {
	padding: 0 10px;
}

.cd-tabs-navigation li {
	float: left;
	margin-right: 30px;
	list-style: none;
}

.cd-tabs-navigation a {
	position: relative;
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: Pointer;
	font-size: 17px;
	color: #646a73;
}

.cd-tabs-navigation i {
	font-size: 17px;
	margin-right: 3px;
}

.cd-tabs-navigation a.selected {
	color: #ff8936;
	padding: 5px 0 5px 0;
	border-bottom: 2px solid #ff8936;
}

.cd-tabs-navigation a:hover {
	color: #0dce9e;
	border-bottom: 2px solid #0dce9e;
}

nav .course-sort {
	position: absolute !important;
	right: 10px;
	top: 0;
	float: right;
}

.course-sort {
	position: relative;
	float: left;
	font-size: 16px;
	color: #646a73;
}

.course-sort a {
	margin-left: 10px;
}

a.ind_jc_lian:hover, .course-sort a:hover {
	color: #0dce9e;
}

.post-item-1 ul.b2_gap > li {
	width: 25%;
}

.ind_jc {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 20px;
}

.ind_jc .ind_too_bg {
	position: absolute;
	top: 0;
	right: 50px;
	left: 0;
	height: 100%;
	border-radius: 0 380px 380px 0;
	background: #f8f9fa;
}

.ind_jc .ind_too_bg2 {
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	height: 100%;
	border-radius: 380px 0 0 380px;
	background: #f8f9fa;
}

.ind_jc .ind_jc_tit {
	font-size: 32px;
	margin: 0;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #6d7074;
}

.ind_jc .ind_jc_box {
	width: 1200px;
	display: inline-flex;
	flex-wrap: wrap;
	text-align: left;
	position: relative;
	z-index: 1;
}

.ind_jc .ind_jc_box .ind_jc_itm {
	flex: 0 0 auto;
	position: relative;
	display: inline-block;
	width: calc(50% - 40px);
	margin-top: 20px;
	padding: 0 0 30px 108px;
}

.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
	margin-right: 80px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_mg {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 0;
	top: 0;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_itmTitle {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_neu {
	color: #646a73;
	margin: 12px 0 20px;
	font-size: 15px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_lian {
	display: inline-block;
	line-height: 26px;
	margin-right: 28px;
}

.ind_jc_h {
	transform: translateY(-150px);
	left: -150px;
	position: absolute;
	height: 300px;
	width: 300px;
	background: url(/wp-content/plugins/DearLicy/assets/img/jc_left.svg);
}

.ind_jc_h2 {
	transform: translateY(-150px);
	right: -150px;
	position: absolute;
	height: 300px;
	width: 300px;
	background: url(/wp-content/plugins/DearLicy/assets/img/jc_left.svg);
}

.plus-toy {
	z-index: 0;
	position: absolute
}

.plus-toy1 {
	width: 47px;
	height: 47px;
	left: -75px;
	top: -30px
}

.plus-toy2 {
	width: 40px;
	height: 40px;
	right: -50px
}

.plus-toy3 {
	width: 100px;
	height: 59px;
	right: -180px;
	top: -55px;
}

.plus-toy4 {
	width: 90px;
	height: 55px;
	left: -125px;
	top: -35px;
}

.plus-toy5 {
	width: 37px;
	height: 37px;
	right: -66px;
	top: -12px
}

.plus-toy6 {
	width: 45px;
	height: 45px;
	left: -185px;
	top: -50px
}

.plus-toy7 {
	width: 37px;
	height: 37px;
	left: -106px;
	top: 0
}

.plus-toy8 {
	width: 181px;
	height: 107px;
	right: -254px;
	top: -65px
}

.plus-toy9 {
	width: 47px;
	height: 47px;
	left: -60px;
	top: -20px
}

.plus-toy10 {
	width: 40px;
	height: 40px;
	right: -60px;
	top: 10px
}


.listt{
    margin-left: 8px;
}
.zuidfg {
    text-align: center;
    margin: 30px;
}
.zuidfg h1{
    font-size: 36px;
}
.zuidfg span{
    font-size: 17px;
    margin-top: 10px;
    display: block;
}

.bg-cover {
    background-size: cover;
    background-position: 50% 50%;
}

.rxcerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #bbb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-justify: inter-ideograph;
    word-break: break-all;
    margin-top: 8px;
}
.remlm {
    text-align: center;
    padding: 10px 0 25px;
    display: block !important;
}
.remlm a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 3px;
    width: 96px;
    height: 32px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.remlm a:hover, .remlm a.on {
    color: #fff;
    background: #6ec0f5;
    border: 1px solid #67baf0;
}


.jcgj {

}
.jcgj ul li {
    width: 33.333%;
    float: left;
display: inline-block;
padding: 10px;
}
.gjysl  {
    padding: 8px 8px 4px 130px;
    position: relative;
    height: 90px;
  
}
.jcgj ul li .img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jcgj ul li img {
	width: 120px;
	height: 89px;
	transition: all .3s ease-out 0s;
	border-radius: 6px 0 0 6px;
	object-fit: cover;
	background: #f0f0f0;
	display: block;
	font-size: 0;
}

.jcgj ul li h3 {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: normal;
}

.jcgj ul li h3 a {
	line-height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 20px;
}

.jcgj ul li .excerpt {
	color: #AAB2BD;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	list-style-type: none;
}

.jcgj ul li .list-meta {
	color: #8a92a9;
	font-size: 13px;
	position: absolute;
	bottom: 3px;
	left: 130px;
	max-height: 24px;
	overflow: hidden;
}

.jcgj ul li .list-meta a {
	color: #8a92a9;
	font-size: 13px;
}

.jcgj ul li .list-meta span {
	margin-right: 10px;
}

.jcgj ul li .list-meta i {
	font-size: 14px;
}




.hr_line4.black {
    height: 1px;
    width: 100%;
    border-top: 1px solid #030303;
    background-color: #242424;
    margin: 0;
}

.site-footer-nav {
    background-color: #191919!important;
        border-bottom: 1px solid #111;
}
.yqlj {
    border-top: 1px solid #444;
     background-color: #1a1a1a;
	font-size: 14px; color: #666;
	    padding: 20px 0;
}
.yqlj i {
	font-size: 12px; color: #666;
}
.yqlj a {
    font-size: 14px!important;color: #666; margin-right: 10px;
}
.ekbQhl {
	fill: rgb(248, 249, 251);
	transition: fill 400ms ease-in-out 0s;
}

.ek-bg {
	background-color: rgb(248, 249, 251);
	margin-top: -5px;
}

.ek-bg #primary-home {
	margin-top: -60px;
}

.home .foosvg {
	background-color: #f8f9fb;
}

.st000 {
	fill: #50CEFB;
}

.st111 {
	fill: #303646;
}

.st222 {
	fill: #FFFFFF;
}

.st333 {
	fill: #0dce9e;
}

.st444 {
	fill: #FFCC00;
}

.st0561 {
	fill: #FFCC00;
}

.st1654 {
	fill: #0dce9e;
}

.st2678 {
	fill: #303646;
}

.st3967 {
	fill: #50CEFB;
}

.st065 {
	fill: #303646;
}

.st175 {
	fill: #FFCC00;
}

.st268 {
	fill: #0dce9e;
}

.st015 {
	fill: #FFFFFF;
}

.st123, .st96548 {
	fill: #303646;
}

.st249 {
	fill: #0dce9e;
}

.st365 {
	fill: #FFCC00;
}

.st483 {
	fill: #50CEFB;
}

.st095 {
	fill: #303646;
}

.st183 {
	fill: #0dce9e;
}
.inyl {
    background-color: rgb(251, 251, 252);
    color: rgb(76, 86, 106);
}
.inyl .wrapper {
    padding: 0 20px 30px;
}
.inyl a {
    color: rgb(123, 136, 161);
    margin-right: 12px;
}
.inyl a:hover {
    color: #0dce9e;
}
@media screen and (max-width: 1600px) {

	.ind_jc .ind_jc_box {
		width: 1100px;
		display: inline-flex;
		flex-wrap: wrap;
		text-align: left;
		position: relative;
		z-index: 1;
	}

	.ind_jc .ind_jc_box .ind_jc_itm {
		margin-top: 40px;
	}

	.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
		margin-right: 40px;
	}

}

@media screen and (max-width: 768px) {
	.ind_content-wrapper {
		width: 100%;
	}

	.ind_content {
		padding-top: 80px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image: none;
	}

	.ind_title {
		font-size: x-large;
	}

	.plus-toy, .remlm, .grid_author_avt, .ind_quan {
		display: none !important;
	}

	.ind_content .common-button {
		margin-top: 30px;
	}

	.common-button {
		font-size: large;
	}

	.index-header {
		width: 100%;
		height: 300px;
		margin-top: -75px;
		/*background-image: url(/wp-content/plugins/DearLicy/assets/img/header-bg.svg);*/
		background-size: auto 378px;
	}

	.ind_h2 {
		font-size: xx-large;
		margin-bottom: 20px;
	}

	.ind_hs {
		display: none;
	}

	nav .course-sort {
		display: none;
	}

	.cd-tabs-navigation {
		display: none;
	}

	.ind_jc {
		margin: 0;
	}

	.ind_jc .ind_jc_tit {
		font-size: xx-large;
	}

	.ind_jc .ind_too_bg, .ind_too_bg2, .ind_jc_h, .ind_jc_h2 {
		display: none;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_mg {
		height: 50px;
		width: 50px;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_itmTitle {
		font-size: larger;
		line-height: 1.6;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_neu {
		display: none;
	}

	.ind_jc .ind_jc_box {
		width: 100%;
		display: block;
	}

	.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
		margin-right: 0;
	}

	.ind_jc .ind_jc_box .ind_jc_itm {
		width: 100%;
		padding: 0 15px 0 68px;
		margin-left: 15px;
		margin-top: 30px;
	}

	.jcgj li:nth-child(n+6), .b2_gap li:nth-child(n+7), .putu .b2_gap > li:nth-child(n+3), .pptu .b2_gap > li:nth-child(n+3) {
		display: none;
	}

	.jcgj ul li {
		width: 100%;
	}

	.jcgj ul li h3 {
		font-size: larger;
		margin-top: 8px;
	}

	.jcgj ul li .excerpt {
		display: none;
	}

	.jcgj ul li .list-meta, .jcgj ul li .list-meta a, .jcgj ul li .list-meta i {
		font-size: 14px;
	}
	.jcgj ul li .list-meta{
		bottom: 10px;
		left: 133px;
	}
}

.yj {
	border-radius:var(--main-radius);
}
.wbrr {
	width:1500px;
	max-width:100%;
	margin:0 auto;
	margin-bottom: 20px;
}
@media screen and (min-width:1800px) {
	}.jingrig li .post-module-thumb {
	height:214px;
}
.jx-post {
	opacity:0;
	position:absolute;
	position:absolute;
	left:0;
	bottom:0;
	font-size:14px;
	padding-top:48px;
	text-align:center;
	transition:all 0.3s ease-in-out;
	opacity:0;
	color:#999;
	background:linear-gradient( to bottom,transparent,rgba(0,0,0,0.6) 100% );
	line-height:42px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	width:100%;
	padding:12px 15px 0;
	border-radius: var(--main-radius);
}
.jx-post span {
	color:#FFF;
	font-size:15px;
	text-shadow:#666 1px 1px 3px;
	max-width:280px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.jingrig li:hover .jx-post {
	opacity:1;
}
.post-module-thumb img {
	width:100%;
	height:100%;
	border-radius: var(--main-radius);
}
.item-in {
	margin:10px;
}
.post-thumb {
	-webkit-transition:all 400ms ease;
	transition:all 400ms ease;
}
.post-module-thumb:hover .post-thumb {
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
	border-radius: var(--main-radius);
}
.post-list-item {
    margin-left: 10px;
	position:relative;
	overflow:hidden;
	transition:all .15s ease;
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	-ms-transition:all .15s ease;
	-o-transition:all .15s ease;
}
.post-list-item:hover {
	opacity:.8;
}
.post-list-item {
    margin-left: 10px;
}

/* 媒体查询 */
@media screen and (max-width: 767px) { /* 手机端屏幕宽度小于等于 767px */
    .post-list-item {
        margin-left: 0px;
    }
}

@media screen and (max-width:1600px) {
	.wbrr {
	width:92%;
}
}
@media screen and (max-width:1300px) {
	.item-in {
	margin:5px;
}
.wbrr {
	width:94%;
}
}
@media screen and (max-width:1200px) {
.jingrig li .post-module-thumb {
	height:200px;
}
}
@media screen and (max-width:1000px) {
	.jingrig li:nth-child(n+1) {
	width:50%;
}
}
@media screen and (max-width:800px) {
.wbrr {
	width:100%;
	padding:0 5px;
}
.wbrr {
	width:auto;
	margin:0 10px;
}
.item-in {
	margin:5px;
}
}@media screen and (max-width:600px) {
	ul.b2_gap>li {
	width:100%!important;
}
}
.post-1.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
}
.post-list ul.b2_gap {
    padding: 0;
}
ol, ul {
    list-style: none;
}
.jingrig li:nth-child(n+1) {
    width: 32%;
    border-radius: var(--main-radius);
}
.shud.du {
    background-color: #ff8936;
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}
.shud {
    position: absolute;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    top: 8px;
    left: 8px;
    z-index: 1;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    padding: 0 8px;
}





.dahai_footer-colors-wrapper{
 margin-bottom:15px;
}


/* 底部链接容器 - 对齐核心样式 */
.dahai_footer-links {
  font-size: 12px;
  line-height: 2;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 30px !important;
  word-break: keep-all;
  border: 1px solid #3a3a42 !important;
  border-radius: 8px;
  padding: 12px 20px !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  background: #23232a;
  width: 100% !important; /* 强制继承100%宽度 */
  max-width: 100vw !important; /* 统一为100vw，和下方容器一致 */
  box-sizing: border-box !important; /* 确保padding不撑宽容器 */
}

/* 下方参考容器 - 保留原有样式，补充盒模型确保对齐 */
.dahai_footer-colors-wrapper,
.dahai_site-footer-nav {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  max-width: 100vw !important;
  box-sizing: border-box !important; /* 新增：统一盒模型 */
  margin-left: 0 !important; /* 重置默认边距 */
  margin-right: 0 !important;
}

.dahai_footer-navi > .dahai_container,
.dahai_site-footer-nav > .dahai_wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important; /* 新增：子容器也统一 */
}



/*文章列表标题文字大小美化*/
.posts-item .item-heading {
    font-size: 17px;
}








/*汇聚访：www.huijuf.com*/
.zibbox-clock-item {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10;
}
.zibbox-clock_box svg {
    height: 50px;
    width: 50px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 15px 20px -5px rgb(0 0 0 / 5%), 0 6px 8px -5px rgb(0 0 0 / 5%);
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.03);
}

.circle {
    fill: #fff;
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 80px;
    stroke-miterlimit: 10;
}

.hour-marks {
    fill: none;
    stroke: #75758a;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.mid-circle {
    fill: #000;
}

.ete_clock_hour, .ete_clock_minute, .ete_clock_second {
    transform-origin: 300px 300px;
    transition: transform .5s ease-in-out;
}
.hour-hand {
    fill: none;
    stroke: #ff7e00;
    stroke-width: 17;
    stroke-miterlimit: 10;
}

.sizing-box {
    fill: none;
}
.minute-hand {
    fill: none;
    stroke: #ff7e00;
    stroke-width: 11;
    stroke-miterlimit: 10;
}
.sizing-box {
    fill: none;
}

.second-hand {
    fill: none;
    stroke: #75758a;
    stroke-width: 15px;
    stroke-miterlimit: 10;
}

.ete_clock_txt:not(.site-welcome .ete_clock_txt) {
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 0.75rem;
    margin-top: 3px;
    font-size:10px;
    color:black;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
}
/*汇聚访：www.huijuf.com*/





.jb-yellow{
  color: #ffffff;
    --this-color: #ffffff;
    
    background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%);
}


.dropdown-smilie .smilie-icon {
          width: 38px !important;
          }
          .smilie-icon {
          width: 38px !important;
          }