cite,
dfn,
em,
i {
    font-style: unset;
}
.show-xs{
    display: none;
}
.One-cad-lv0 {
    color: #6f6f6f
}

.One-cad-lv1 {
    color: #4c4c4c
}

.One-cad-lv2 {
    color: #a560e8
}

.One-cad-lv3 {
    color: #8549ba
}

.One-cad-lv4 {
    color: #1cb0f6
}

.One-cad-lv5 {
    color: #e53838
}

.One-cad-lv6 {
    color: #d33131
}

.One-cad-lv7 {
    color: #f60
}

.One-cad-lv8 {
    color: #faa918
}

.One-cad-lv9 {
    color: #8ee000
}

.One-cad-lv10 {
    color: #7ac70c
}

.slider-2,
.slider-5,
.slider-6 {
    margin: auto
}

.jitheme_baim {
    padding: var(--ji--margin)
}

.onecad_slider .flickity-slider img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.onecad_slider .flickity-enabled.is-draggable {
    margin-top: -15px
}

.html-box img {
    display: flex;
    width: 100%
}

.slider-info-box {
    position: absolute;
    bottom: -100px;
    z-index: 1;
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    border-radius: 0;
    background: #000;
    background: rgba(0, 0, 0, .6);
    text-align: left;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    justify-content: flex-end;
    flex-flow: column;
    -ms-transition: all .3s ease
}

.slider-info:hover .slider-info-box {
    bottom: 0
}

.slider-in h2 {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #fff;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.Onecad_title {
    margin-top: 0
}

.onecad_title .title {
    overflow: hidden;
    max-width: 650px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .post-modules-top {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 768px) {
    .post-modules-top {
        margin: 0;
        margin-bottom: 0;
        padding: 0 0 12px 0 !important
    }
}

#home-row-onecad-search .search-module-form .search-button-action i {
    font-size: 20px
}

.home_row.module-search {
    margin-bottom: -10px;
    background-image: inherit
}

#home-row-onecad-search .search-module-form .search-button-action {
    position: absolute;
    top: 0;
    right: 0;
    right: 7px;
    right: 0;
    width: 100px;
    height: 46px;
    color: initial;
    color: #fff
}

#home-row-onecad-search .search-module-form ul {
    position: absolute;
    top: 44px;
    top: 45px;
    left: 0;
    left: 0;
    z-index: 10;
    padding: 0;
    width: 92px;
    border-top: 0;
    background: #fff;
    background-color: #fff;
    box-shadow: 0 11px 0 5px rgba(255, 255, 255, .15)
}

#home-row-onecad-search .b2-radius {
    border-radius: 0
}

.search-module-key {
    display: flex;
    margin: 20px auto 0 auto;
    width: 60%;
    justify-content: center
}

#home-row-onecad-search .picked-category {
    display: grid;
    box-sizing: border-box;
    margin: 0;
    padding: 12px;
    width: 100px;
    height: 46px;
    background: #f1f1f1;
    white-space: nowrap;
    cursor: pointer;
    align-items: center
}

#home-row-onecad-search .search-module-form {
    position: relative;
    width: 60%;
    background: #fff;
    background-color: #fff;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .15)
}

#home-row-onecad-search .search-module-key ul li {
    margin-right: 8px;
    margin-bottom: 8px;
    opacity: 1
}

#home-row-onecad-search .search-module-form input {
    padding: 0 8px;
    width: -webkit-fill-available;
    height: 46px;
    border: 0
}

#home-row-onecad-search .picked-category,
#home-row-onecad-search .search-module-form ul li {
    font-size: 14px
}

.gg-box .modal-content {
    overflow: hidden;
    margin-top: 0;
    width: 28rem
}

.gg-box-title .gg-title {
    padding: 0 !important;
    width: 100%;
    text-align: center
}

.modal-content .gg-box-title h2 {
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
    font-size: 22px
}

.gg-box-title .gg-title span {
    color: rgba(255, 255, 255, .5);
    font-size: 14px
}

.title-bg {
    border: 0
}

.b2_gap>li .item-in,
.home-collection .home-collection-content,
.item-in,
.post-3.post-3-li-dubble .b2_gap>li .item-in,
.shop-list-item,
.shop-normal-item-in,
.user-search-list li>div {
    overflow: hidden;
    transition: all .3s ease-in-out
}

.modal-content .gg-title {
    padding: 20px 30px 0 30px
}

.modal-content .gg-title a {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    font-size: 16px
}

.modal-content .gg-desc {
    padding: 20px 30px;
    padding-bottom: 0;
    letter-spacing: .5px;
    font-size: 14px
}

.modal-content .gg-desc p {
    padding: 20px;
    background: #f8f8f8;
    color: #909399;
    line-height: 24px
}

.img-list-more li {
    padding: 5px;
    width: 25%
}

.img-list-1 li {
    width: 25%
}

.download-info li {
    margin-top: 15px;
    width: 50%;
    font-size: 12px
}

.c-topic-list>div {
    display: flex;
    margin: 5px 0;
    padding: 5px var(--ji--margin)
}

.cat-info {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    text-shadow: none
}

.nu-badge {
    position: absolute;
    top: 18px;
    right: 5px;
    color: #939ba6;
    font-weight: 400;
    font-size: 13px;
    line-height: var(--ji--margin)
}

.cat-info span a {
    overflow: hidden;
    margin-bottom: 0;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.cat-info .mr-1 {
    display: block;
    margin: 0 !important;
    padding: 15px 10px;
    text-align: center
}

.coll-3-bottom li {
    width: 25%
}

.coll-3-box-in {
    overflow: hidden;
    margin: 8px;
    padding: 0;
    transition: all .3s ease-in-out
}

.coll-3-box-in:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

.coll-3-bottom {
    padding: 5px
}

.coll-3-top span {
    position: absolute;
    top: 10px;
    right: unset;
    left: 10px;
    display: block;
    padding: 2px 12px;
    border-radius: 14px;
    background-color: var(--b2color) !important;
    color: #494b4d;
    color: #fff;
    font-size: 12px
}

#video-list ul li h2 {
    padding: 24px;
    font-weight: 600;
    font-size: 18px
}

.one_title>div:nth-of-type(1) {
    color: #333;
    font-weight: 600;
    font-size: 28px;
    line-height: 28px
}

.one_title>div:nth-of-type(2) {
    margin-top: var(--ji--margin);
    margin-bottom: -10px;
    color: #bbb;
    font-size: 16px
}

.post-list .b2_gap .post-list-item .item-in:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    z-index: 3;
}

.post-list .b2_gap .post-list-item .item-in:hover .jitheme-post-info h2 {
    color: var(--b2color) !important;
}

.post-list .b2_gap .post-list-item .item-in:hover .post-list-meta-box li {
    transition: all .3s ease-in-out
}

.item-post-style-3 .grid_author_bggoa {
    margin: 0 !important
}

.post-11 .post-module-thumb {
    margin: 5px;
}

.post-module-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 0;
    background-color: var(--main-bg-color)
}

.picked.post-load-button span {
    border-radius: 4px;
    background-color: var(--b2color) !important;
    color: #fff
}

.post-9 .item-in .jitheme_cat_jb {
    position: absolute;
    bottom: 0;
    z-index: 2;
    display: flex;
    height: 20px;
    line-height: 20px
}

.post-9 .item-post-style-3 .item-in .jitheme_cat_jb {
    position: absolute;
    z-index: 2;
    display: flex;
    top: 10px;
    left: 10px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    border-radius: 4px
}

.post-10 .item-in:hover,
.post-3 .item-in:hover,
.post-4 .item-in:hover,
.post-7 .item-in:hover,
.post-9 .item-in:hover {
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

.post-9.post-list ul.b2_gap,
.post-11.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch
}

.post-info .post-excerpt {
    -webkit-line-clamp: 2
}

.post-info .post-excerpt {
    overflow: hidden;
    line-height: 25px;
    padding: 5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.post-3 .post-excerpt {
    border-radius: 5px;
    font-size: 13px
}

.post-3 .post-module-thumb>div {
    position: unset
}

.post-5 .post-modules-top {
    border-bottom: 0 solid #f5f6f7;
    padding: 16px 20px;
}

.post-3 .post-modules-top {
    border-bottom: 0 solid #f5f6f7;
    padding: 16px 0px;
}

.post-3 .item-in {
    padding: var(--ji--padding) !important
}

.post-6-item {
    padding: 10px var(--ji--margin)
}

.post-6 .post-modules-top {
    padding: 10px var(--ji--margin)
}

.item-post-style-3 .post-excerpt {
    border-radius: 5px;
    background-color: rgba(250, 250, 250, .1);
    color: #fff;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.item-post-style-3 .post-info {
    position: relative;
    z-index: 2;
    overflow: unset;
    background: unset;
    color: #fff
}

.onecad_list_title {
    display: flex;
    margin-top: 0
}

.login-button {
    align-items: center
}

.top-user-name {
    display: flex;
    height: 47px;
    flex-direction: column;
    padding-top: 0;
    justify-content: space-between;
    align-items: flex-start
}

.top-user-box-drop .avatar {
    width: 45px;
    height: 45px;
    border: 0 solid #fff;
    margin-right: 8px
}

.OneCAD-block {
    position: relative;
    z-index: 6
}

.uk-width-auto img {
    display: flex;
    width: 61px;
    height: auto;
    max-width: 100%;
    border: 0;
    vertical-align: text-top;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast
}

.uk-width-auto {
    float: left;
    padding-top: 20px;
    padding-left: 10px
}

.OneCAD-block .cut-next,
.OneCAD-block .cut-prev {
    position: absolute;
    top: 63px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f3f4f7;
    color: #ccc;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer
}

.OneCAD-block .cut-prev {
    left: -55px;
    display: none
}

.OneCAD-block .cut-next {
    right: -55px
}

.OneCAD-block .cut-next:hover,
.OneCAD-block .cut-prev:hover {
    background: #f3f4f7;
    color: #39aeff
}

.OneCAD-circulation ul {
    width: calc(100% + 10px)
}

.OneCAD-circulation ul li {
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 10px;
    width: calc(25% - 10px);
    height: 100px
}

.OneCAD-circulation ul li:last-child {
    border-right: none
}

.OneCAD-circulation ul li .OneCAD-content::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 168px;
    height: 100px;
    content: ''
}

.OneCAD-circulation ul li .OneCAD-content {
    position: relative;
    overflow: hidden;
    height: 100px;
    font-size: 14px;
    transition: .2s
}

.OneCAD-content .OneCAD-top {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 0 0 10px;
    height: 100px;
    border-radius: 10px
}

.OneCAD-name {
    color: #2d2d2d;
    font-size: 18px;
    line-height: 30px;
    -webkit-transition: .3s;
    transition: .3s
}

.OneCAD-hint {
    float: left;
    color: var(--this-text);
    font-size: 14px;
    line-height: 22px
}

.OneCAD-circulation ul li.off:hover .OneCAD-content {
    height: 100px
}

.OneCAD-circulation ul li:hover .OneCAD-content {
    z-index: 10;
    height: 218px;
    box-shadow: 0 0 29px 0 rgba(185, 185, 185, .42)
}

.OneCAD-circulation .color .OneCAD-content {
    background: #fff
}

.OneCAD-circulation .color .OneCAD-top {
    color: #c68686
}

.OneCAD-block .OneCAD-content {
    height: 100px
}

.OneCAD-block .OneCAD-link {
    text-align: center;
    font-size: 14px;
    line-height: 26px
}

.OneCAD-block .OneCAD-link a {
    display: inline-block;
    margin: 5px;
    width: calc(50% - 20px);
    height: 26px;
    background-color: #eee;
    font-size: 13px
}

.OneCAD-classify {
    margin: -87px 0 0;
    padding-bottom: 30px;
    white-space: nowrap
}

.OneCAD-classify li {
    position: relative;
    display: inline-block;
    width: 10%
}

.OneCAD-classify li::before {
    position: absolute;
    top: 2px;
    right: -1px;
    width: 2px;
    height: var(--ji--margin);
    background: #ddd;
    content: ''
}

.OneCAD-classify li:nth-child(10)::before {
    display: none
}

.OneCAD-classify li .iconfont {
    margin-right: 6px;
    color: #39aeff;
    font-size: 16px
}

.OneCAD-classify li a {
    margin-left: 6%;
    color: var(--this-text);
    font-size: 14px
}

.OneCAD-classify li a:hover {
    color: #2caeff
}

.OneCAD-classify li.more {
    display: none
}

.OneCAD-classify li.more i {
    margin-right: 4px;
    vertical-align: -3px
}

.OneCAD-circulation li.AnRotate .OneCAD-top i {
    transform-origin: 76px 90%;
    animation: AnRotate 1.2s ease-in-out infinite alternate
}

@media screen and (max-width: 768px) {
    .OneCAD-circulation ul li {
        position: relative;
        z-index: 1;
        float: left;
        margin-top: 5px;
        width: 100%;
        height: 100px
    }

    .OneCAD-circulation ul {
        width: 100%
    }
}

.b2-rhythm-line {
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 10px;
    background: url(https://static.yutu.cn/yutu/images/soft/play.gif);
    background-size: 100% 100%
}

.b2-rhythm-line:before {
    content: ""
}

.collection-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
    width: 25%;
    transition: all .3s ease-in-out
}

.picked.post-load-button span {
    position: relative;
    z-index: 1
}

.collection-item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px)
}

.collection-posts li a.post-link {
    overflow: hidden;
    margin-left: 12px;
    color: var(--key-color);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.collection-number.ar {
    position: absolute;
    top: 20px;
    left: -5px;
    z-index: 2;
    padding: 8px 8px;
    font-size: 13px
}

.collection-number {
    position: absolute;
    z-index: 2;
    display: inline-block;
    padding: 8px var(--ji--margin);
    background-color: #fff;
    color: #ff3a55;
    font-size: 12px
}

.document-cat-item:hover {
    border-radius: 4px
}

.question_cat_text {
    padding: 8px 0
}

.entry-content strong {
    font-weight: 700
}

.entry-content .jitheme-hidden {
    position: relative;
    margin-top: 1rem;
    margin-right: 0 !important;
    margin-bottom: 1rem;
    margin-left: 0 !important;
    padding: 0 1rem
}

.entry-content .jitheme-hidden .content-see-lv .content-user-lv-login {
    position: unset
}

.entry-content .jitheme-hidden .content-user-lv-login {
    align-self: unset
}

.entry-content .jitheme-hidden .content-hidden-info {
    background-color: unset !important
}

.entry-content em {
    color: #fff;
    font-weight: 700
}

.document-cat-item {
    position: relative;
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    width: 20%;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.document-cat-item:last-child {
    border-right: none
}

.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
}

.jitheme-user-img {
    margin-right: 5PX
}

.w-a-info i img {
    display: block;
    margin-right: 8px;
    width: unset;
    height: unset
}

.content-user-lv>span {
    margin-right: 8px
}

.w-a-info .picture img {
    display: block;
    margin-right: 8px;
    width: 50px;
    height: 50px
}

.Mini-icon.lv-icon em {
    /* font-size: 12px; */
}

.Mini-icon.lv-icon.user-vip em {
    display: inline-block;
    /* font-size: 12px; */
    color: #250000;
    color: #a26b0f;
    transform: translateY(0);
    font-style: inherit
}

.Mini-icon.lv-icon.user-vip i {
    display: inline-block;
    border: 0;
    vertical-align: 0;
    display: unset;
    transform: scale(1);
    font-size: 12px !important
}

.Mini-icon.lv-icon.user-lv i {
    padding: 0 3px 0 0px;
    border-radius: 2px;
    margin-left: 0px;
    text-transform: capitalize;
}

.Mini-icon .top-user-info-box-name>div>div {
    margin-top: 8px
}

.Mini-icon.lv-icon.user-vip {
    overflow: hidden;
    background-image: linear-gradient(90deg, #fee2b6, #fec86e)
}

.Mini-icon.lv-icon.user-vip {
    height: 18px;
    line-height: 18px;
    padding: 0;
    overflow: hidden
}

.Mini-icon.lv-icon {
    padding: 0 5px !important;
}

.Mini-icon .top-user-info-box-name h2 {
    margin-top: -8px !important
}

.Mini-icon.lv-icon {
    color: #fff;
    font-weight: 400;
    width: fit-content;
    height: 18px;
    line-height: 18px;
}

.Mini-icon .user-lv {
    color: #fff !important;
    font-weight: 700
}

.Mini-icon.lv-icon.user-lv.b2-lv0,
.Mini-icon.lv-icon.user-lv.b2-lv1 {
    background-color: #bfbfbf
}

.Mini-icon.lv-icon.user-lv.b2-lv2 {
    background-color: #95ddb2
}

.Mini-icon.lv-icon.user-lv.b2-lv3 {
    background-color: #92d1e5
}

.Mini-icon.lv-icon.user-lv.b2-lv4 {
    background-color: #ffb37c
}

.Mini-icon.lv-icon.user-lv.b2-lv5 {
    background-color: #ff6c00
}

.Mini-icon.lv-icon.user-lv.b2-lv6,
.Mini-icon.lv-icon.user-lv.b2-lv7 {
    background-color: red
}

.jitheme_lv_icon .lv-icon {
    margin-top: 0;
    margin-right: 5px;
    font-size: large
}

.jitheme_lv_icon .lv-icon.user-vip {
    margin-right: 0
}

.jitheme_lv_icon {
    height: 16px !important;
    display: contents
}

.puxin-widget-catGrid .bottomcat .big-item {
    position: relative;
    display: flex;
    overflow: hidden;
    background: #000;
    align-items: center;
    justify-content: center
}

.puxin-widget-catGrid .bottomcat .big-item:hover {
    display: block
}

.puxin-widget-catGrid .bottomcat .big-item .item-bg {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    opacity: .5
}

.puxin-widget-catGrid .bottomcat .big-item .item-bg img {
    height: 130%
}

.puxin-widget-catGrid .bottomcat .big-item:hover .item-bg {
    display: none
}

.puxin-widget-catGrid .bottomcat .big-item .item-warp {
    position: relative;
    padding: 20px;
    color: #fff;
    text-align: center
}

.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp {
    padding: 20px;
    text-align: left;
    -webkit-transition: all .5s;
    transition: all .5s
}

.datutext {
    position: relative;
    margin: 0;
    margin-bottom: 10px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 22px;
    flex: 1
}

.desc p {
    font-size: 14px;
    line-height: 30px;
}

.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp .datutext:after {
    left: 0;
    background: #fff
}

.puxin-widget-catGrid .bottomcat .big-item i {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    margin: 20px;
    width: 40px;
    height: 40px;
    background-image: url(../img/toRight.png);
    background-size: cover
}

.puxin-widget-catGrid .bottomcat .big-item:hover i {
    display: block
}

.puxin-widget-catGrid .bottomcat .small-item {
    position: relative;
    display: block;
    overflow: hidden;
    height: 92px;
    background: #fff
}

.puxin-widget-catGrid .bottomcat .small-item:hover .title{
    color: #fff !important;
}

.puxin-widget-catGrid .bottomcat .small-item .title {
    position: relative;
    z-index: 1;
    display: block;
    color: #000;
    padding-left:24px;
    text-align: left;
    font-size: 22px;
    line-height: 92px
}

.puxin-widget-catGrid .bottomcat .small-item .item-bg {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.puxin-widget-catGrid .bottomcat .small-item:hover .item-bg {
    display: none
}

.puxin-widget-catGrid .bottomcat .small-item .item-warp {
    position: relative;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .3s !important;
    transition: all .5s;
    align-items: center
}

.puxin-widget-catGrid .bottomcat .small-item:hover .item-warp {
    display: flex;
    padding: 0 15px
}

.puxin-widget-catGrid .bottomcat .small-item .item-warp .datutext:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2em;
    height: 4px;
    background: #fff;
    content: ''
}

.puxin-widget-catGrid .bottomcat .small-item .item-warp i {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../img/toRight.png);
    background-size: cover
}

.puxin-widget-catGrid {
    /* width: calc(100% + var(--ji--margin)); */
}

.puxin-widget-catGrid .topCat .item {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 13px
}

.puxin-widget-catGrid .topCat .item p {
    line-height: 20px
}

.puxin-widget-catGrid .topCat .item .item-bg {
    height: 100%;
    background: #fff;
    transition: all .3s
}

.puxin-widget-catGrid .topCat .item:hover .item-bg {
    transform: translateY(-60%)
}

.puxin-widget-catGrid .topCat .item .item-bg img {
    height: 100%;
    opacity: 1;
    width: 100%;
}

.puxin-widget-catGrid .topCat .item:hover .item-bg {
    transform: translateY(-60%)
}

.wide-screen .row {
    margin-right: -10px;
    margin-left: -10px
}

.title_puxin_center {
    margin-bottom: 20px;
    text-align: center;
}

#home-row-fenlei .topCat,
#home-row-fenlei .bottomcat {
    margin-right: var(--ji--margin-0);
}

#home-row-fenlei {
    width: 100%;
}

.title_puxin_center>div:nth-of-type(1),.b-title,
.jitheme-widget-title h2{
    font-weight: 600;
    font-size: 36px;
    background: -moz-linear-gradient(12deg,#3b91ff -3.23%,#0d5eff 51.11%,#c069ff 98.65%);
    background: linear-gradient(78deg, #3b91ff -3.23%, #0d5eff 51.11%, #c069ff 98.65%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
}

.title_puxin_center>div:nth-of-type(2) {
    margin-top: 10px;
    color: #000;
    font-weight: 400;
    font-size: 18px
}

.puxin-widget-catGrid .topCat .item .item-warp {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all .3s
}

.puxin-widget-catGrid .topCat .item .item-warp .datutext:after {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 4px;
    background: 0 0;
    content: '';
    transition: all .3s;
    transform: translate(-50%, -50%)
}

.puxin-widget-catGrid .topCat .item:hover .datutext:after {
    background: #fff
}

.puxin-widget-catGrid .topCat .item .item-warp i {
    z-index: 10;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    /* width: 56px; */
    width: 40px;
    /* height: 56px; */
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #F44336;
    border-radius: 40px;
    height: 40px;
    background-color: #fff;
    /* background: url(../img/toRight.png); */
    /* background-image: url(../img/toRight.png); */
    background-size: cover;
    opacity: 0;
    transition: all .3s
}

.entry-media img,
.postlist-img-warp .item img {
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    object-fit: cover
}

.postlist-img-warp .left-thumb {
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    width: var(--ji--margin);
    height: 528px
}

.puxin-widget-catGrid .topCat .item:hover i {
    opacity: 1
}

.col-px-1a {
    position: relative;
    float: left;
    margin-right: var(--ji--margin);
    width: calc(25% - var(--ji--margin));
    flex: 0 0 calc(25% - var(--ji--margin))
}

.col-px-2 {
    float: left;
    margin-right: var(--ji--margin);
    margin-bottom: 0;
    width: calc(25% - var(--ji--margin));
    flex: 0 0 calc(25% - var(--ji--margin))
}

.col-px-1 {
    float: left;
    margin-right: var(--ji--margin);
    margin-bottom: 0;
    width: calc(25% - var(--ji--margin));
    flex: 0 0 calc(25% - var(--ji--margin))
}

.puxin-widget-catGrid .bottomcat .big-item {
    height: 200px
}

@media screen and (min-width: 1200px) {
    .gold-list-row-5 {
        padding: var(--ji--margin);
        width: 60%;
        border-right: 1px solid #f5f6f7;
        border-bottom: 1px solid #f5f6f7;
        font-size: 13px
    }

    .gold-list-row-1,
    .gold-list-row-2,
    .gold-list-row-3,
    .gold-list-row-4 {
        padding: var(--ji--margin);
        width: 10%;
        border-right: 1px solid #f5f6f7;
        border-bottom: 1px solid #f5f6f7;
        font-size: 13px
    }
}

.user-mission-info-left a {
    line-height: 20px
}

.onecad_box {
    padding: 15px
}

.jitheme-shop-normal-item-price {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.jitheme-shop-normal-item-price .shop-jitheme-left {
    display: flex;
    flex-direction: column
}

.jitheme-shop-normal-item-price .shop-jitheme-left .delete-line {
    margin-top: -4px
}

.jitheme-shop-top {
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.sort-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sort-config-item a {
    color: var(--key-color);
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-content: space-between
}

.main {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 1410px
}

.ibanner-tips-float {
    position: absolute;
    top: -70px;
    left: 1096px;
    z-index: 24
}

.sort-config-item {
    height: 100%
}

.sort-config-item img {

    width: 40px;
    height: 40px;
    text-align: center;
    max-width: unset;
    padding: 5px;
}

.item-ico {
    display: flex;
    padding: 5px;
    width: 50px;
    height: 50px;
    border-radius: var(--ji--radius);
    flex-direction: row;
    justify-content: center;
    background-color: #f5f8fa;
}

.sort-config li:hover .quk_img img,
.sort-config-item:hover .item-ico {
    background-color: var(--b2color);
    -webkit-transition: .3s;
    transition: .3s
}

.sort-config-item:hover .item-ico i {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.sort-config-item:hover .sort-config-title {
    color: var(--b2color)
}

.sort-config-desc {
    float: left;
    color: var(--this-text);
    font-size: 14px;
    line-height: 20px
}

.sort-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sort-blocks-item {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 100%;
    border-radius: 14px;
    background: #f7f9fa
}

.sort-blocks-item .blocks-item-wrap {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: none;
    filter: none
}

.sort-blocks-icon {
    display: block;
    margin: 18px auto 15px;
    width: 60px;
    height: 47px;
    background-size: cover;
    background-repeat: no-repeat
}

.sort-blocks-title {
    color: #2d2d2d;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px
}

.sort-mine-wrap img {
    display: flex;
    width: auto
}

.sort-config-title .go {
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -ms-transform: scale(.9)
}

.sort-blocks-item .blocks-hover,
.sort-blocks-item .blocks-hover-title {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px
}

.sort-blocks-item .blocks-hover {
    left: 0;
    padding-top: 22px;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    font-size: 14px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.sort-blocks-item .blocks-hover-tit {
    font-size: 18px;
    line-height: 18px
}

.sort-blocks-item .blocks-hover-line {
    margin: 12px auto 8px;
    width: 158px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(30%, hsla(0, 0%, 100%, .7)), color-stop(70%, hsla(0, 0%, 100%, .7)), to(hsla(0, 0%, 100%, .1)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7) 30%, hsla(0, 0%, 100%, .7) 70%, hsla(0, 0%, 100%, .1))
}

.srot-mine {
    position: relative;
    width: 376px;
    height: 200px;
    /* background-image: linear-gradient(to top,#9be15d 0,#00e3ae 100%); */
    /* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%); */
}

.srot-mine-bg {
    position: absolute;
    top: 45px;
    right: 0;
    width: 118px;
    height: 78px;
    background: url(../img/sort_zuanshi.png) no-repeat;
    background-size: cover
}

.sort-mine-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 12px var(--ji--margin) 15px;
    width: 100%;
    height: 100%
}

.srot-mine-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px
}

.srot-mine-ava {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.srot-mine-tit>span {
    margin-left: 9px;
    color: #613c14;
    font-weight: 600;
    font-size: 15px
}

.srot-mine-vips {
    display: flex;
    margin: 15px 0 5px;
    width: 337px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.sort-vips-item {
    display: block;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sort-vips-icon {
    display: block;
    margin: 0 auto;
    margin-left: 30px;
    width: 32px;
    height: 36px;
    -webkit-transition: .3s;
    transition: .3s
}

.sort-vips-tit {
    margin: 15px 0;
    margin-left: 10px;
    color: #613c14;
    font-size: 13px;
    line-height: 12px
}

.sort-vips-tit2-kt {
    display: flex;
    margin: 10px 0 0 9px;
    margin-top: 10px;
    margin-right: 10px;
    height: 25px;
    border-radius: 33px;
    background-image: linear-gradient(90deg, #ffc046, #ff7d04);
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    justify-content: center;
    align-items: center
}

.sort-vips-tit2-wk {
    display: flex;
    margin: 10px 0 0 9px;
    margin-top: 10px;
    margin-right: 10px;
    height: 25px;
    border-radius: 33px;
    background: linear-gradient(to bottom, #323232 0, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, .4) 0, rgba(0, 0, 0, .25) 200%);
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    opacity: .5;
    justify-content: center;
    align-items: center;
    background-blend-mode: multiply
}

.bt-body {
    /* margin: 0 -8px; */
    padding-bottom: 0;
    width: calc(100% - 376px);
    background: 0 0
}

.b-boxs .video .s-pic {
    height: 189px
}

.b-boxs .video .video-view {
    display: block;
    overflow: hidden;
    width: 337px;
    height: 186px;
    cursor: pointer
}

.b-boxs .video:hover .video-view .img-none {
    display: none
}

.b-boxs .video .video-view video {
    width: 337px
}

.b-boxs .video:hover .video-view video {
    display: block
}

.b-boxs .video .mark {
    display: none;
    height: 189px
}

.b-boxs .video:hover .mark {
    display: none
}

.b-boxs .video .v-down {
    position: absolute;
    top: 12px;
    left: 57%;
    z-index: 2;
    margin-left: 65px;
    padding-left: 21px;
    width: 45px;
    height: 31px;
    border-radius: 2px;
    background: url(Center/Assets/images/video.png) -8px -77px no-repeat #007aff;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-boxs .video .v-collect {
    position: absolute;
    top: 12px;
    left: 58%;
    z-index: 2;
    margin-left: 23px;
    padding-left: 0;
    width: 31px;
    height: 31px;
    border-radius: 2px;
    background: url(Center/Assets/images/video.png) -11px 5px no-repeat #fff;
    color: #333;
    letter-spacing: 7px;
    font-size: 20px;
    font-size: 17px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    ilter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.b-boxs .video:hover .v-collect,
.b-boxs .video:hover .v-down {
    opacity: 1;
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.b-boxs .video .chosed {
    background: url(Center/Assets/images/video.png) -11px -36px no-repeat #fff
}

.b-boxs .video .title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 3var(--ji--margin);
    height: 30px;
    background: #00000075;
    background-color: #1677ff00;
    background-image: linear-gradient(-90deg, #00000000, #000);
    color: #fff;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 30px;
    -o-text-overflow: ellipsis
}

.b-box .audio-box {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 0;
    margin-right: var(--ji--margin);
    margin-bottom: var(--ji--margin);
    width: 340px;
    height: 160px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.b-boxs .video:hover .title,
.b-boxs .video:hover .video-bq {
    display: none
}

.b-boxs .video:hover .mc-bottom {
    display: none
}

.b-boxs .video .mc-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 32%;
    background: #000;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%)
}

.good-ppt {
    width: 100%
}

.topic-title {
    height: 41px;
    color: #484747;
    text-align: left
}

.wlimits {
    margin-right: -59px
}

.topic-title .jptitle {
    display: inline-block;
    width: 280px;
    color: #000;
    letter-spacing: 2px;
    font-size: 24px
}

.topic-title .jptitle .shiping {
    display: inline-block;
    width: 87px;
    height: 63px;
    background: url(../image/tb.png) 0 -345px no-repeat;
    vertical-align: -23px
}

.topic-title ul {
    float: right;
    display: inline-block
}

.topic-title ul li {
    display: inline-block
}

.topic-title ul li a {
    display: inline-block;
    margin-right: 6px;
    padding: 0 10px;
    height: 35px;
    color: #606060;
    font-size: 14px;
    line-height: 35px
}

.topic-title ul li em {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #b7b7b7;
    vertical-align: -2px
}

.b-boxs {
    overflow: hidden;
    margin-right: -var(--ji--margin)
}

.b-boxs .s-box {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 19px;
    margin-bottom: 36px;
    width: 337px;
    height: auto;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1)
}

.b-boxs .s-box .s-pic {
    width: 100%;
    height: 407px
}

@media screen and (max-width: 768px) {
    .flickity-enabled.is-draggable {
        margin-top: 0
    }
}

.b2-menu-4 .sub-menu-0 li ul a:hover {
    border-radius: 3px;
    color: #ff416c;
    font-weight: 500
}

.b2-menu-4 .sub-menu-0 li ul a {
    display: flex;
    margin-top: 0;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.b2-menu-4 .sub-menu-0 li ul a>picture {
    display: none
}

.b2-menu-4.ji_menu .sub-menu-0 li ul a>picture {
    display: block
}

.b2-menu-4.ji_menu ul ul li a img,
.com-form-textarea {
    border: 0 solid var(--main-border-color);
    margin: 0 5px 0 10px
}

@media screen and (max-width: 1366px) {
    .srot-mine {
        z-index: 2;
        margin-right: -5px;
        width: 355px
    }
}

.containerrr .itemss a {
    display: inline-block;
    margin-right: var(--ji--margin);
    width: calc(20% - var(--ji--margin));
    height: 180px;
    text-align: center
}

.card_gundong {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    /* margin: 0 8px; */
    padding: 0 0 var(--ji--margin) 0;
    width: calc(100% - 16px);
    height: 200px;
    background: #fff;
    vertical-align: top;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    transition: all .3s
}

.card_img {
    display: block;
    height: 180px
}

.card_gundong .title {
    position: absolute;
    display: block;
    margin-top: 0px;
    padding: 0 10px;
    width: 100%;
    height: 35px;
    background-color: #fafafa;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 35px
}

.card_gundong img {
    width: 100%;
    height: 165px;
}

.card_gundong .year-tag_3Iqeg {
    position: absolute;
    top: 6px;
    left: 6px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 8px;
    width: fit-content;
    height: 19px;
    max-width: 100%;
    min-width: 52px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 19px
}

.huodong {
    background: #0693e3
}

.remen {
    background: #fcb900
}

.jingping {
    background: #cf2e2e
}

.guanggao {
    background: #00d084
}

.tuijain {
    background: #ff6900
}

.yuliu {
    background: #0693e3
}

.onecad-quk-carousel .itemss {
    display: flex;
    width: 100%;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between
}

.onecad-quk-carousel .itemss::-webkit-scrollbar {
    display: none
}

#OneCAD .hotUser {
    margin-top: 20px
}

#OneCAD .hotUser .hotUser-title {
    position: relative;
    margin-bottom: 15px;
    width: 1180px
}

#Onecad_hotuser i.b2-vrenzhengguanli {
    position: static;
    right: -4px;
    bottom: -4px;
    display: inline-block;
    width: 20PX;
    height: 20px;
    border-radius: 100%;
    background: var(--main-bg-color);
    color: #ff3a55 !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

#Onecad_hotuser {
    width: 100%;
}

#Onecad_hotuser #user-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#OneCAD .hotUser h2 {
    font-weight: 400;
    font-size: 26px
}

#OneCAD .hotUser-list {
    display: flex;
    margin-left: -15px;
    flex-wrap: wrap
}

#OneCAD .hotUser-list .itme {
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    width: 25%;
    text-align: center
}

#OneCAD .hotUser-list .itme .user-vip {
    display: inline-block;
    padding: 3px 6px;
    height: auto;
    border-radius: 3px;
    background: linear-gradient(180.03deg, #393f68 0, #24263c 100%);
    font-size: 11px;
    line-height: 15px
}

#OneCAD .hotUser-list .itme>div {
    background-color: #fff;
    transition: all .3s
}

#OneCAD .hotUser-list .itme:nth-child(4n) {
    margin-right: 0
}

#OneCAD .hotUser-list .itme>div:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

#OneCAD .hotUser-list .i-banner {
    position: relative;
    height: 120px;
    background: #ccc
}

#OneCAD .hotUser-list .i-banner .i-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#OneCAD .hotUser-list .i-banner .avatar-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: -42px
}

#OneCAD .hotUser-list .avatar-wrap img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover
}

#OneCAD .hotUser-list .itme .i-content {
    padding: 54px 8px 8px 8px
}

#OneCAD .hotUser-list .itme .i-inline {
    overflow: hidden;
    height: 28px;
    white-space: nowrap;
    line-height: 28px
}

#OneCAD .hotUser-list .itme .i-username {
    color: #333;
    font-weight: 700;
    font-size: 16px
}

#OneCAD .hotUser-list .itme .i-desc {
    display: inline-flex;
    margin: 10px 0;
    padding: 5px 6px;
    background: #f3f3f3;
    color: #606266;
    font-size: 12px
}

#OneCAD .hotUser-list .itme .i-follow {
    margin-bottom: 10px;
    font-size: 13px
}

#OneCAD .hotUser-list .itme .i-follow span {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    color: #909399
}

#OneCAD .hotUser-list .itme .i-follow span b {
    margin: 0 3px;
    color: #333;
    font-weight: 700
}

#OneCAD .post-style-5-top {
    margin-top: 0
}

.one_sjs .one_itme {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.one_sjs .one_itme .one_itme_sjs:hover .one_sjs_desc {
    max-height: 400px
}

.one_sjs .one_itme .one_itme_sjs {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(20% - 10px);
    height: 406px;
    border-radius: 4px;
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_name {
    position: absolute;
    bottom: 21px;
    left: 21px;
    overflow: hidden
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_yw {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_rq {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 16px;
    line-height: var(--ji--margin);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_rq img {
    margin-left: 2px;
    width: 11px;
    height: 14px
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_desc {
    overflow: hidden;
    margin-right: 21px;
    max-height: 0;
    color: #fff;
    font-weight: 400;
    line-height: 22px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_desc .one_sjs_desc_lin {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 8px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_desc .one_sjs_gz {
    margin-top: 8px;
    width: 100%;
    height: 45px;
    border-radius: 8px;
    background-color: #cb0018;
    color: #fff;
    text-align: center;
    line-height: 45px
}

.one_sjs .one_itme .one_itme_sjs>img {
    margin-top: 32px;
    width: 199px;
    height: 199px;
    border-radius: 50%
}

.one_sjs .one_itme .one_itme_sjs .concerned___BLy1I {
    border: 1px solid #000;
    color: #000
}

.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4) {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 28px;
    padding: 0 34px;
    width: 342px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4) span {
    color: #1e1e1e;
    font-size: 16px;
    line-height: 27px
}

.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4)>span:nth-of-type(1) {
    font-weight: 700
}

.software___2qnev {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.software___2qnev .title___1r231 {
    margin-bottom: 32px
}

.software___2qnev .title___1r231>div:nth-of-type(1) {
    color: #333;
    font-weight: 600;
    font-size: 28px
}

.software___2qnev .title___1r231>div:nth-of-type(2) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--ji--margin);
    color: #bbb;
    font-size: 16px;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.software___2qnev .title___1r231>div:nth-of-type(2) a {
    margin-left: 24px;
    color: #333;
    font-weight: 600;
    font-size: 16px
}

.software___2qnev .title___1r231>div:nth-of-type(2)>span:nth-of-type(1) {
    cursor: auto
}

.software___2qnev .softwareList___1Uqlo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 52px;
    width: 985px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.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: ""
}

.col-sm-6 {
    position: relative;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: var(--ji--margin);
    border-radius: 4px;
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.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
}

.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
}

#biaoti.post-modules-top {
    display: flex;
    margin-bottom: 0;
    line-height: 1;
    align-items: center;
    justify-content: space-between
}

.modules-title-box .module-title {
    margin-right: 10px;
    text-align: left;
    font-weight: 600;
    font-size: 22px
}

.wwwmodel-title {
    padding: 30px 0 30px
}

.clearfix {
    zoom: 1
}

.wwwmodel-title .wwwmodel-title-left {
    float: left
}

.wwwmodel-title .wwwmodel-title-left h3 {
    color: #333;
    font-size: 22px
}

.wwwmodel-title .wwwmodel-title-right {
    float: right
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active {
    color: var(--this-text);
    font-weight: 700
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item {
    position: relative;
    display: inline-block;
    margin-left: 44px;
    padding-bottom: 8px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    transition: all ease .4s
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-more {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 40px;
    padding: 0 2px;
    padding-bottom: 8px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    transition: all ease .4s
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover {
    color: var(--this-text);
    font-weight: 700
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background-color: #3bc66f;
    content: '';
    transition: all ease .4s
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover:after {
    width: 100%
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active:after {
    width: 100%
}

.model-column {
    margin: 0 auto
}

.model-column .common-model-wrap .model-item:nth-of-type(6n) {
    margin-right: 0
}

.model-column .model-item {
    margin: 0 var(--ji--margin) var(--ji--margin) 0;
    width: 294px;
    max-height: 331px;
    border-radius: 5px;
    transition: all .2s linear
}

.model-column .model-item:hover {
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15);
    transform: translateY(-5px)
}

.model-column .model-item:hover .model-info>p {
    color: #e80000
}

.model-column .model-item:hover .model-info>div {
    color: #e80000
}

.model-column .model-item .model-cover {
    display: block;
    width: 100%;
    height: 285px;
    background-color: #fff
}

.model-column .model-item .model-cover img {
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 0 0;
    opacity: 0;
    transition: opacity .5s linear
}

.model-column .model-item .model-info {
    display: flex;
    padding: 0 14px;
    height: 46px;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    align-items: center;
    justify-content: space-between
}

.model-column .model-item .model-info .title {
    overflow: hidden;
    color: var(--this-text);
    text-overflow: ellipsis;
    white-space: nowrap
}

.model-column .model-item .model-info>p {
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 2
}

.model-column .irregular-wrap {
    display: flex
}

.model-column .irregular-wrap .irregular-left {
    max-height: none;
    flex-shrink: 0
}

.model-column .irregular-wrap .irregular-left .model-cover {
    height: 634px
}

.model-column .irregular-wrap .irregular-center {
    display: flex;
    max-width: 909px;
    flex-wrap: wrap
}

.model-column .irregular-wrap .irregular-right .model-item {
    margin-right: 0;
    width: 590px
}

@media screen and (max-width: 1366px) {
    .model-column .irregular-wrap .irregular-right .model-item {
        margin-right: 0;
        width: 496px
    }

    .model-column .model-item {
        margin: 0 var(--ji--margin) var(--ji--margin) 0;
        width: 232px;
        max-height: 331px;
        border-radius: 5px;
        transition: all .2s linear
    }

    .model-column .model-item .model-cover {
        display: block;
        width: 100%;
        height: 232px;
        background-color: var(--main-bg-color)
    }

    .model-column .irregular-wrap .irregular-left .model-cover {
        height: 528px
    }
}

.encyclopedias ul {
    padding: var(--ji--margin);
    width: 100%;
    background: var(--main-bg-color)
}

.encyclopedias ul .px_item {
    float: left;
    width: 50%
}

.px_item a i {
    margin-right: 10px
}

.px_item a:hover,
.px_item a:hover i {
    color: var(--b2color)
}

.encyclopedias ul .px_item:nth-child(2n+1) {
    margin: 5px 0
}

.encyclopedias ul .px_item:nth-child(2n) {
    margin: 5px 0;
    padding-left: 10px
}

.encyclopedias ul .px_item a {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 120px;
    width: 100%;
    border-radius: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.encyclopedias ul .px_item a .question {
    position: absolute;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
    padding-left: 24px;
    width: auto;
    height: 50px;
    line-height: 50px
}

.encyclopedias ul .px_item a:hover .question {
    width: auto
}

@media screen and (max-width: 768px) {
    .encyclopedias ul .px_item {
        float: left;
        width: 100%
    }

    .encyclopedias ul .px_item a .question {
        display: none
    }

    .encyclopedias ul .px_item:nth-child(2n) {
        padding-left: 0
    }

    .encyclopedias ul .px_item:nth-child(2n+1) {
        padding-right: 10px
    }
}

.comment-text p strong {
    padding: 0 5px;
    color: var(--hover_color);
    font-weight: 700
}

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

.puxin_sx {
    position: relative;
    letter-spacing: .8px;
    font-size: 14px
}

.part-title h3 {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    flex: 1
}

.part-title p {
    letter-spacing: .5px
}

.puxin_gd {
    margin-left: 10px;
    padding-bottom: 20px;
    white-space: nowrap
}

.puxin_gd .btn {
    position: relative;
    display: block;
    display: flex;
    padding: 0 13px;
    height: 32px;
    color: #8590a6;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    align-items: center
}

.part-title .part-nav {
    overflow-x: auto;
    padding-bottom: 20px;
    white-space: nowrap
}

.part-title .part-nav .all {
    background: var(--hover_color);
    color: #fff
}

.part-title i {
    padding-left: 10px
}

.part-title .part-nav a {
    display: inline-block;
    margin-left: 20px;
    padding: 4px 10px;
    color: #606266;
    font-size: 13px;
    transition: all .3s
}

.title_puxin>div:nth-of-type(2) {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #999;
    font-size: 16px
}

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

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

@media (min-width: 1024px) {

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

    .home-section-designs .items {
        display: flex;
        margin: 0;
        margin-right: 0
    }
}

.home-section-designs .items .item {
    overflow: hidden;
    width: 100%;
    background: #fff
}

.home-section-designs .items .item-wrap {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.home-section-designs .items .item-wrap:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -ms-transform: translateY(-5px)
}

.home-section-designs .items .item-thumb .thumb {
    padding-top: 100%
}

.home-section-designs .items .item-thumb .thumb:hover {
    opacity: .8
}

.home-section-designs .items .item-main {
    padding: 15px 0 0
}

@media (min-width: 768px) {
    .home-section-designs .items .item-main {
        padding: 10px
    }
}

.home-section-designs .items .item-main h2 {
    overflow: hidden;
    margin-bottom: 15px;
    height: 20px;
    color: #3c3c3c;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.home-section-designs .items .item-main h2 span {
    margin-left: 5px;
    font-size: 13px
}

.home-section-designs .items .item-main h2:hover {
    color: #3385ff
}

.home-section-designs .items .item-main h4 {
    overflow: hidden;
    margin: 0 -5px;
    height: 22px;
    font-weight: 400;
    line-height: 22px
}

.one_list_a {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    background: #fff;
    color: #bcbcbc;
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.home-section-designs .items .item-main h4 span {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e5f0ff;
    color: #3385ff;
    white-space: nowrap;
    font-size: 12px
}

.home-section-designs .items .item-main h4 span:hover {
    background: #3385ff;
    color: #fff
}

#colophon.fl {
    float: left;
    display: flex;
    width: 40%;
    justify-content: space-between
}

.fla {
    float: left
}

.public-foot {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #2d3237
}

.public-foot .foot-cont {
    display: table;
    padding: 30px 0
}

@media screen and (max-width: 768px) {
    .public-foot {
        display: none
    }
}

.public-foot .foot-cont h4 {
    margin-bottom: 20px;
    color: #fff
}

.public-foot .foot-cont-fl ul>li a {
    color: #b2b2b2;
    font-size: 13px
}

.public-foot .foot-cont-fr .tel {
    float: left;
    margin-right: 55px;
    padding-top: 6px
}

.public-foot .tel-number {
    display: table
}

.public-foot .tel-icon .tel-icon-a {
    margin-right: 8px;
    padding: 10px;
    width: 42px;
    height: 42px;
    background: #1e1f23;
    color: #8b8b8b;
    text-align: center;
    line-height: 42px
}

.public-foot .tel-number {
    margin-top: 20px;
    font-size: 24px
}

.public-foot .ewm {
    margin-top: 5px
}

.public-foot .ewm span {
    display: block;
    padding-top: 5px;
    color: #b2b2b2;
    text-align: center
}

.public-foot .ewm ul li {
    float: left;
    margin-left: 30px;
    text-transform: uppercase
}

.public-foot .ewm ul li img {
    width: 100px
}

.foot-copyright {
    display: table;
    padding: 0 0 10px;
    width: 100%
}

.footer-links {
    padding: 10px
}

.foot-copyright p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 28px
}

.foot-copyright-fr ul li {
    float: left;
    margin-right: 5px
}

.foot-copyright-fr ul li a {
    display: block
}

.fl ul li {
    box-sizing: border-box;
    padding: 5px 0;
    font-size: 13px
}

.fl .html-widget {
    padding: 10px 0 0 0
}

.fl h2 {
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1
}

.tel>h2 {
    padding-bottom: 22px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 1
}

.content-link-application {
    padding: 40px 40px;
    width: 800px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .11)
}

.content-link-application .form-control {
    width: 100%;
    height: 38px
}

.content-link-application .captcha-img,
.content-link-application .captcha-input {
    display: inline-block;
    vertical-align: middle
}

.content-link-application .contact-form {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px
}

.content-link-application .form-header {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    max-width: 600px
}

.content-link-application .form-header p {
    margin: 0;
    color: #999;
    font-size: 12px
}

.content-link-application h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 44px
}

.content-link-application .form-control {
    width: 100%;
    height: 38px
}

.content-link-application .captcha-img,
.content-link-application .captcha-input {
    display: inline-block;
    vertical-align: middle
}

.content-link-application .contact-form {
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    font-size: 15px
}

.content-link-application .form-header {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 40px;
    max-width: 600px;
    text-align: center
}

.content-link-application .form-header p {
    margin: 0;
    color: #999;
    font-size: 12px
}

.content-link-application h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 44px
}

.red {
    padding: 0 5px;
    color: #f35
}

.green {
    padding: 0 5px;
    color: green
}

.form-group {
    margin-bottom: 15px
}

.content-link-application .form-control {
    margin: 5px 0;
    width: 100%;
    height: 38px
}

.btn.btn-default {
    outline: 0;
    border-color: #ccc;
    background-color: #fff;
    color: #333;
    -webkit-transition: all .1s ease-out 0s;
    -o-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.container,
.page-no-sidebar.member-lostpassword .member-lp-process {
    padding-right: 10px;
    padding-left: 10px
}

.alert-warning {
    border-color: #ffecb5;
    background-color: #fff3cd;
    color: #664d03
}

.alert-dismissible {
    padding-right: 3rem
}

.alert {
    position: relative;
    margin-bottom: 1rem;
    padding: 10px var(--ji--margin);
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 13px
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade {
    transition: opacity .15s linear
}

.bg-danger {
    background-color: #dc3545 !important
}

.badge {
    display: inline-block;
    margin: 0 30px;
    padding: 5px;
    border-radius: .25rem;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    line-height: 1
}

.bg-warning {
    background-color: #ff6000 !important
}

.badge-warning {
    background-color: #ffc107;
    color: #fff
}

.badge-hot {
    background: linear-gradient(to right, #f35 0, #ff6780 100%);
    color: #fff
}

.text-dark {
    color: #fff
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.btn-close {
    box-sizing: content-box;
    padding: .25em .25em;
    width: 1em;
    height: 1em;
    border: 0;
    border-radius: .25rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: #000;
    opacity: .5
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: -.125em;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.small,
small {
    font-size: .875em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

sup.spinner-grow.spinner-grow-sm.ml-1.small {
    margin-bottom: 4px;
    margin-left: 4px
}

.clearfix {
    float: none;
    clear: both;
    display: block
}

.video-back {
    display: block;
    margin-top: -100px;
    padding: 0;
    text-align: center
}

.video-back h1 {
    display: block;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 4px #000;
    font-size: 50px
}

.video-back p {
    display: block;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    color: #fff;
    text-shadow: 2px 2px 1px #000
}

.video-back img {
    width: 150px
}

.main-heading {
    margin: 50px auto;
    text-align: center;
    font-size: 70px
}

.main-para {
    margin: 10px 100px;
    text-align: center;
    font-size: 20px
}

.Onecad_title>div:nth-of-type(1) {
    color: var(--key-color);
    text-align: left;
    font-weight: 600;
    font-size: 25px
}

.Onecad_title>div:nth-of-type(2) {
    color: #bbb;
    font-size: 15px;
    margin-left: 10px
}

.home-authors .item-wrap,
.item-author .item-wrap {
    /* position: relative; */
    display: flex;
    overflow: hidden;
    background-color: var(--main-bg-color);
    -webkit-transition: all .2s;
    transition: all .2s;
    flex-direction: column;
    justify-content: flex-start;
}

.home-authors .group-item .item-images .img-item,
.home-authors .item {
    margin-bottom: var(--box-margin, var(--ji--margin));
    margin-right: var(--box-margin, var(--ji--margin));
}

.item-author .author-btn .btn {
    width: 100%;
    background-color: var(--main-bg-color);
    color: var(--key-color);
    font-size: 13px;
    line-height: 13px
}

.jiheme_home .home .item-author .author-btn,
.jitheme-ranks .item-author .author-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 31px
}

.item-author .author-btn .user-s-follow {
    display: flex;
    padding: 0;
    text-align: center;
    justify-content: center
}

.home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn,
.item-author .item-wrap:hover .item-top .author-btn {
    display: block
}

.home-authors .author-items,
.index-circle-box ul {
    display: flex;
    margin-bottom: var(--b2-gap, var(--ji--margin-0));
    margin-right: var(--b2-gap, var(--ji--margin-0));
    flex-wrap: wrap;
}

.author-items .ap-item img {
    width: -webkit-fill-available;
    height: 100%;
}

.jitheme-button button {
    display: flex
}

.item-author .item-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    padding-top: 35%
}

.index-circle-box ul {
    margin-left: 0px;
}

.item-author .item-bg .thumb {
    position: absolute;
    top: -31.25px;
    right: -31.25px;
    left: -31.25px;
    padding-top: 50%;
    width: auto
}

.item-author .item-bg::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: ''
}

.item-author .item-bg::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding-top: 11%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 0, var(--main-bg-color) 70%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .7) 0, var(--main-bg-color) 70%);
    content: ''
}

.item-author .item-top {
    position: relative;
    z-index: 1;
    background-color: var(--main-bg-color);
}

.item-author .item-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px var(--ji--margin) var(--ji--margin) var(--ji--margin);
    height: 100%;
    font-size: 8.75px;
    flex-direction: column;
    justify-content: space-between;
}

.item-author .author-intro {
    position: relative;
    display: block;
    padding-left: 50px;
    min-height: 37.5px
}

.item-author .author-intro {
    padding-left: 60px
}

.item-author .author-intro:hover .author-name {
    color: var(--b2color)
}

.item-author .author-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 37.5px
}

.item-author .author-main {
    display: flex;
    padding-top: 0;
    height: 50px;
    flex-direction: column;
    justify-content: space-between
}

.item-author .author-avatar .avatar {
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 0;
    border: 0 solid #ffbc00;
    border-radius: 100%
}

.item-author .author-info i {
    display: inline-block;
    margin-right: 5px;
    transform: translateY(1px)
}

.author-name {
    display: flex;
    color: var(--key-color);
    white-space: nowrap;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.author-name .uname {
    overflow: hidden;
    max-width: 110px;
    text-overflow: ellipsis;
    font-weight: 700;
    /* font-size: 15px; */
    margin-right: 5px
}

.author-name .long-label {
    display: flex;
    justify-content: center;
    align-items: center
}

.topic-name>div {
    display: flex;
    flex-flow: column;
    flex-direction: column;
    justify-content: space-between
}

.user-w-lv>div img {
    display: block
}

.topic-name {
    height: 45px;
    margin-left: 55px;
}

.item-author .author-name .long-label img,
.topic-name .topic-user-lv img {
    margin-right: 10px
}

.item-author .author-xixi {
    margin-bottom: 10px;
    white-space: nowrap;
    font-size: 13px
}

#user-list .item-author .author-name .uname {
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    max-width: 80px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-author .author-name .short-label {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom
}

.item-author .author-name .short-label img {
    width: 8.75px;
    height: auto
}

.item-author .author-meta span:first-child:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    margin-top: -.4em;
    width: 0;
    height: .8em;
    border-left: .625px solid #b5b5b5;
    content: '';
    opacity: .4
}

.author-meta .red,
.author-meta .red i,
.author-meta .red span {
    color: var(--b2color)
}

.ap-item-meta,
.author-meta span {
    margin-right: 5px;
    font-size: 13px
}

.ap-item-meta,
.author-meta span i {
    display: inline-block;
    transform: translateY(1px)
}

.item-author .author-info {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    margin-right: -var(--ji--margin);
    margin-left: -var(--ji--margin);
    height: 30px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px
}

.item-author .author-info .ico {
    margin-right: .5em
}

.item-author .item-bottom-title {
    margin-top: 20px;
    margin-bottom: 0;
    color: #b5b5b5;
    font-weight: 400;
    font-size: 15px
}

.jiheme_home .home .item-author .item-bottom-title {
    margin-top: 0
}

.item-author .ap-item {
    margin: 15px 0 0;
    font-size: 14px;
    width: 100%
}

.item-author .ap-item-wrap {
    position: relative;
    display: block
}

.item-author .ap-item-wrap.has-thumb .ap-item-title {
    overflow: hidden;
    height: 45px;
    font-weight: 400
}

.item-author .ap-item-wrap.no-thumb .ap-item-thumb {
    display: none
}

.item-author .ap-item-wrap:hover .thumb {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.item-author .ap-item-wrap:hover .ap-item-title {
    color: var(--b2color)
}

.item-author .ap-item-wrap .ap-item-thumb .thumb {
    padding-top: 63.3333%;
    border-radius: 2.5px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.item-author .ap-item-wrap .ap-item-title {
    color: var(--key-color);
    /* font-size: 7.5px; */
    /* line-height: 1.5em; */
}

.item-author .ap-item-wrap .ap-item-title {
    /* font-size: 14px; */
}

.thumb {
    display: block;
    width: 100%;
    height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.home-authors .group-item .item-images .img-item,
.home-authors .item {
    float: left;
    box-sizing: border-box
}

.item-author .author-name .short-label img {
    width: 18px
}

i.b2-vrenzhengguanli {
    z-index: 2
}

.item-author .author-avatar {
    position: absolute;
    top: 0;
    left: 0
}

.home-authors .item-tobe-author .tobe-author-wrap {
    height: 100%
}

.home-authors .item-tobe-author .tobe-author {
    position: relative;
    box-sizing: border-box;
    display: flex;
    height: calc(100% - 25px - var(--ji--margin));
    background-color: var(--main-bg-color);
    flex-direction: column;
    justify-content: space-between;
}

.home-authors .item-tobe-author .item-title {
    margin-bottom: 10px;
    color: var(--b2color);
    font-weight: 700;
    font-size: 28px
}

.home-authors .item-tobe-author .item-title i {
    margin-right: 10px;
    color: var(--b2color);
    font-weight: 700;
    font-size: 28px
}

.home-authors .item-wrap,
.item-author .item-wrap {
    height: 100%;
}

.home-authors .item-tobe-author .item-cont {
    height: auto;
    font-size: 15px;
    line-height: 25px
}

.post-5 .post-info h2 a i,
.post-6-title h2 a i {
    margin-right: 5px
}

.home-authors .item-tobe-author .lw-item-meta {
    position: relative;
    margin: 20px 0;
    color: var(--this-text);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px
}

.home-authors .item-tobe-author .meta-avatars {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle
}

.home-authors .item-tobe-author .meta-avatars .avatar {
    display: inline-block;
    overflow: hidden;
    overflow: hidden;
    margin-left: -10px;
    width: 30px;
    border: 3px solid var(--main-bg-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border-radius: 50%;
    transform: translateX(0)
}

.home-authors .item-tobe-author .meta-avatars .avatar .thumb {
    padding-top: 100%
}

.home-authors .item-tobe-author .item-cont .count {
    margin-bottom: 15px
}

.home-authors .item-tobe-author .item-cont .count strong {
    color: var(--b2color);
    font-weight: 700;
    font-size: 35px
}

.home-authors .item-tobe-author .item-cont .count span {
    font-weight: 400;
    font-size: 15px
}

.home-authors .item-tobe-author .item-btns,
.item-author-banks {
    display: flex;
    margin: 0px -15px;
}

.home-authors .item-tobe-author .item-btns .btn {
    display: block;
    line-height: 50px
}

.htmleaf-container {
    width: 100%;
    height: 100%
}

.htmleaf-container a {
    display: inline-block;
    overflow: hidden;
    margin-right: var(--ji--margin);
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 80px
}

.htmleaf-container a p:hover {
    background-color: var(--b2color);
    opacity: .8
}

.htmleaf-container p {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    transition: background-color .2s;
    justify-content: center;
    align-items: center
}

.topic-sticky-info .topic-sticky-icon {
    margin: 8px 0
}

.topic-sticky-info .topic-sticky-title h2 a {
    font-weight: 600;
    line-height: 35px
}

.topic-content-text br {
    display: block !important;
    margin-bottom: 5px !important;
    content: "A" !important
}

#onecad-circles.shop-box-title .modules-title-box h2 {
    font-size: 26px
}

#onecad-circles.home-section-bottom .container {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
    width: 100%;
    background-color: #fff;
    zoom: 1
}

#onecad-circles.home-section-bottom .container .items {
    overflow: hidden
}

#onecad-circles.home-section-bottom .container .item {
    position: relative;
    float: left;
    margin-bottom: 20px;
    padding: 0 5px 0 60px
}

#onecad-circles.home-section-bottom .container .item {
    padding: 0 0 0 70px
}

#onecad-circles.home-section-bottom .container .item {
    margin-right: 20px;
    margin-left: 20px
}

#onecad-circles.home-section-bottom .container .item h2 {
    overflow: hidden;
    height: 1.2em;
    color: #0c253d;
    font-size: 15px;
    line-height: 1.2
}

#onecad-circles.home-section-bottom .container .item h4 {
    overflow: hidden;
    height: 1.1em;
    color: var(--this-text);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1
}

@media (min-width: 768px) {
    #onecad-circles.home-section-bottom .container .item h4 {
        font-size: 14px
    }
}

#onecad-circles.home-section-bottom .container .item .item-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 65px
}

#onecad-circles.home-section-bottom .container .item .item-thumb img {
    display: flex;
    height: 100%;
    border-radius: 5px
}

.item-btnsa {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -30px;
    padding: 0 7px;
    border: 1px solid var(--b2color);
    border-radius: 5px;
    color: var(--b2color);
    text-align: center;
    font-size: 12px;
    line-height: 2.25em;
    line-height: inherit;
    ackground-color: transparent
}

#onecad-circles .circle-child-info {
    overflow: hidden;
    padding-left: 10px;
    width: 100%;
    font-size: 12px
}

#onecad-circles .circle-child-admin {
    display: flex;
    margin: 7px 0;
    margin-bottom: 8px;
    line-height: 1;
    align-items: center
}

#onecad-circles .circle-child-meta {
    margin: 7px 0
}

.author-widget-content .w-a-info .w-a-name .w-a-lv {
    display: flex;
    justify-content: center
}

#onecad-circles .author-widget-content .w-a-info .w-a-name .w-a-lv .user-vip {
    margin-left: -10px
}

#onecad-circles .all-circle-tags ul {
    display: flex;
    padding: 15px;
    flex-flow: wrap
}

#onecad-circles .all-circle-tags li {
    margin: 5px
}

#onecad-circles .all-circle-tags li span {
    display: block;
    height: 40px;
    min-width: 80px;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

#onecad-circles .all-circles-tag-name {
    display: flex;
    margin-bottom: 10px;
    margin-left: 20px;
    height: 40px;
    font-size: 17px;
    line-height: 40px;
    justify-content: space-between
}

#onecad-circles .all-circles-tag-name span {
    font-size: 13px;
    cursor: pointer
}

#onecad-circles .all-circles-item {
    padding: 24px;
    border-top: 1px solid #f5f6f7
}

#onecad-circles .all-circles-item-list {
    display: flex;
    flex-flow: wrap
}

#onecad-circles .all-circles-item-list li {
    position: relative;
    box-sizing: border-box;
    width: 33.33333%;
    height: 111px
}

#onecad-circles .all-circles-item-list li>div {
    display: block;
    margin-right: 10px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #eee;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

#onecad-circles .all-circles-item-list li:hover>div {
    background-color: #f9f9f9
}

#onecad-circles .all-circles-item>ul>li+li {
    margin-top: 30px
}

#onecad-circles .all-circles h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 17px
}

#onecad-circles .circle-child-icon {
    position: absolute;
    top: var(--ji--margin);
    left: var(--ji--margin);
    overflow: hidden;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 10px
}

#onecad-circles .circle-child-icon img {
    width: 100%;
    height: 100%
}

#onecad-circles .circle-child-info h2 {
    overflow: hidden;
    margin-right: 8px;
    color: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 15px
}

#onecad-circles .circle-child-admin {
    display: flex;
    margin: 8px 0;
    line-height: 1;
    align-items: center
}

#onecad-circles .single.single-circle .content-area {
    max-width: 100%
}

#onecad-circles .circle-child-admin span {
    display: inline-block;
    overflow: hidden;
    max-width: 68px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#onecad-circles .circle-child-admin img {
    margin-right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 100%
}

#onecad-circles .all-circles-item-list li>div>div {
    position: relative;
    display: flex;
    padding: var(--ji--margin)
}

#onecad-circles .circle-child-meta b {
    font-weight: 400
}

#onecad-circles .circle-child-meta i {
    display: inline-block;
    margin: 0 3px
}

#onecad-circles .circlefree {
    color: green;
    white-space: nowrap
}

#onecad-circles .circlemoney {
    color: red;
    white-space: nowrap
}

#onecad-circles .circlelv {
    overflow: hidden;
    color: #9d87d2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order-id {
    margin-bottom: 0;
    padding: 0 15px;
    background-color: #ff5874;
    color: #fff;
    line-height: 35px
}

.order-title div {
    width: 100%;
    line-height: 30px
}

.buy-resout-box {
    line-height: 30px
}

.designer-list-box {
    border-radius: 4px
}

.designer-list-box {
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.card-designer-list-attention:not(:last-child),
.card-designer-list:not(:last-child),
.card-team-list:not(:last-child) {
    border-bottom: 1px solid #eee
}

.card-designer-list,
.card-designer-list-attention {
    overflow: hidden;
    padding: 30px;
    width: 100%;
    background: #fff
}

.avatar-container-80 {
    position: relative;
    width: 80px
}

.avatar-container-80.wd120 {
    width: 120px
}

.avatar-container-80.center,
.avatar-container-80.z-center {
    position: relative;
    margin: 0 auto
}

.avatar-container-80.inline {
    display: inline
}

.avatar-container-80.inline-block {
    display: inline-block;
    margin-right: -4px
}

.avatar-container-80 .company-honor {
    position: absolute;
    top: 59px;
    right: -2px;
    bottom: -2px;
    width: 24px;
    height: 24px;
    line-height: initial
}

.avatar-container-80 .company-honor.mt9 {
    margin-top: 9px
}

.avatar-container-80 .company-honor.mt22 {
    margin-top: -22px
}

.avatar-container-80 .company-honor.mt39 {
    margin-top: 39px
}

.avatar-container-80 .company-honor.mr8 {
    margin-right: 8px
}

.avatar-container-80 .company-honor.mr32 {
    margin-right: -32px
}

.avatar-container-80 .company-honor.mr12 {
    margin-right: -12px
}

.avatar-container-80 .company-honor>img {
    width: 24px;
    height: 24px
}

.avatar-parent-48 {
    position: relative;
    padding-left: 68px;
    height: 48px
}

.avatar-container-48 {
    position: relative;
    width: 48px
}

.avatar-container-48.absolute {
    position: absolute;
    top: 0;
    left: 0
}

.avatar-container-48.center {
    position: inherit;
    left: inherit;
    margin: 0 auto;
    -webkit-transform: inherit;
    transform: inherit
}

.avatar-container-48.inline {
    display: inline
}

.avatar-container-48.right {
    display: right
}

.avatar-container-48 .company-honor {
    position: absolute;
    top: 65px;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    line-height: initial
}

.avatar-container-48 .company-honor.at30 {
    top: 30px
}

.avatar-container-48 .company-honor.mt9 {
    margin-top: 9px
}

.avatar-container-48 .company-honor.mt19 {
    margin-top: -19px
}

.avatar-container-48 .company-honor.mt35 {
    margin-top: -35px
}

.avatar-container-48 .company-honor>img {
    width: 20px;
    height: 20px
}

.avatar-container-40 {
    position: relative;
    width: 40px
}

.avatar-container-40 .avatar-container_face>img {
    width: 40px;
    height: 40px
}

.avatar-container-40 .company-honor {
    position: absolute;
    right: -2px;
    bottom: 0;
    width: 14px;
    height: 14px
}

.avatar-container-40 .company-honor>img {
    width: 14px;
    height: 14px
}

.avatar-container-40 .company-honor.ab2 {
    bottom: 2px
}

.avatar-container-30 {
    position: relative;
    width: 30px
}

.avatar-container-30 .avatar-container_face img {
    width: 30px;
    height: 30px
}

.avatar-container-30.center {
    position: inherit;
    left: inherit;
    margin: 0 auto;
    -webkit-transform: inherit;
    transform: inherit
}

.avatar-container-30.inline {
    display: inline
}

.avatar-container-30.inline-block {
    display: inline-block
}

.avatar-container-30.inline-block.mr16 {
    margin-right: var(--ji--margin)
}

.avatar-container-30.wd30 {
    width: 30px !important
}

.avatar-container-30>.company-honor {
    position: absolute;
    top: 11px;
    right: -1px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    line-height: initial
}

.avatar-container-30 .company-honor.clear {
    width: inherit !important;
    height: initial !important;
    border-radius: initial !important
}

.avatar-container-30 .company-honor>img,
.company-honor.top-fix>img {
    width: 14px;
    height: 14px
}

.avatar-container-30 .company-honor.mt5 {
    margin-top: 5px
}

.avatar-container-30 .company-honor.mt7 {
    margin-top: 7px
}

.avatar-container-30 .company-honor.mt6 {
    margin-top: 6px !important
}

.avatar-container-30 .company-honor.mt9 {
    margin-top: 9px
}

.avatar-container-30 .company-honor.mt18 {
    margin-top: 18px
}

.avatar-container-30 .company-honor.mr16 {
    margin-right: -var(--ji--margin) !important
}

.avatar-container-30 .company-honor.mr19 {
    margin-right: 19px
}

.avatar-container-30 .company-honor.mr20 {
    margin-right: 20px
}

.avatar-container-45 {
    position: relative
}

.company-honor.top-fix {
    position: absolute;
    bottom: 13px;
    left: 17px;
    height: 14px;
    line-height: initial
}

.avatar-radius>img {
    display: block;
    border-radius: 50%
}

.card-designer-list .avatar,
.card-designer-list-attention .avatar,
.card-team-list .avatar {
    float: left;
    margin-bottom: 10px
}

.card-designer-list .avatar img,
.card-designer-list-attention .avatar img,
.card-team-list .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.card-designer-list .author-info,
.card-designer-list-attention .author-info,
.card-team-list .author-info {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 220px
}

.card-designer-list .author-info .author-info-title-box,
.card-designer-list-attention .author-info .author-info-title-box,
.card-team-list .author-info .author-info-title-box {
    overflow: hidden;
    height: 26px;
    line-height: 26px
}

.card-designer-list .author-info .author-info-title-box .author-info-title,
.card-designer-list-attention .author-info .author-info-title-box .author-info-title,
.card-team-list .author-info .author-info-title-box .author-info-title {
    float: left
}

.card-designer-list .author-info .author-info-title-box .author-info-fire,
.card-designer-list-attention .author-info .author-info-title-box .author-info-fire,
.card-team-list .author-info .author-info-title-box .author-info-fire {
    float: left;
    margin-top: 3px;
    margin-left: 4px
}

.card-designer-list .author-info .author-info-title,
.card-designer-list-attention .author-info .author-info-title,
.card-team-list .author-info .author-info-title {
    margin-bottom: 2px
}

.card-designer-list .author-info .author-info-title .title-content,
.card-designer-list-attention .author-info .author-info-title .title-content,
.card-team-list .author-info .author-info-title .title-content {
    color: #333;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px
}

.card-designer-list .author-info .author-info-title .title-content:hover,
.card-designer-list-attention .author-info .author-info-title .title-content:hover,
.card-team-list .author-info .author-info-title .title-content:hover {
    color: #d36f16
}

.card-designer-list .author-info .position-info,
.card-designer-list-attention .author-info .position-info,
.card-team-list .author-info .position-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    color: #bbb;
    font-size: 12px
}

.card-designer-list .author-info .position-info span,
.card-designer-list-attention .author-info .position-info span,
.card-team-list .author-info .position-info span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-designer-list .author-info .signature p,
.card-designer-list-attention .author-info .signature p,
.card-team-list .author-info .signature p {
    display: inline-block;
    overflow: hidden;
    margin-top: 2px;
    width: 220px;
    color: #bbb;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.card-designer-list .author-info .info-num,
.card-designer-list-attention .author-info .info-num,
.card-team-list .author-info .info-num {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.card-designer-list .author-info .info-num .fans,
.card-designer-list .author-info .info-num .work,
.card-designer-list-attention .author-info .info-num .fans,
.card-designer-list-attention .author-info .info-num .work,
.card-team-list .author-info .info-num .fans,
.card-team-list .author-info .info-num .work {
    display: inline-block
}

.card-designer-list .author-info .info-num .fans span,
.card-designer-list .author-info .info-num .work span,
.card-designer-list-attention .author-info .info-num .fans span,
.card-designer-list-attention .author-info .info-num .work span,
.card-team-list .author-info .info-num .fans span,
.card-team-list .author-info .info-num .work span {
    color: var(--this-text)
}

.card-designer-list .author-info .info-num .work i,
.card-designer-list-attention .author-info .info-num .work i,
.card-team-list .author-info .info-num .work i {
    display: inline-block;
    margin: 0 5px;
    width: 1px;
    height: 10px;
    background: #333
}

.card-designer-list .author-info .info-num a,
.card-designer-list-attention .author-info .info-num a,
.card-team-list .author-info .info-num a {
    color: #333;
    font-weight: 600
}

.author-info-card .author-card_title-name:hover,
.card-designer-list .author-info .info-num a:hover,
.card-designer-list-attention .author-info .info-num a:hover,
.card-team-list .author-info .info-num a:hover {
    color: #d36f16
}

.card-designer-list-attention:not(:last-child),
.card-designer-list:not(:last-child),
.card-team-list:not(:last-child) {
    border-bottom: 1px solid #eee
}

.card-media .more-leaveout img,
.zcool-treetop img {
    width: var(--ji--margin);
    height: var(--ji--margin)
}

.work-show ul {
    float: left
}

.work-show ul li {
    position: relative;
    float: left;
    margin-left: 10px
}

.work-show .work-show-item a img,
.work-show .work-show-more a img {
    height: 160px;
    vertical-align: middle
}

.work-show .seize-box {
    float: right;
    margin-right: -10px;
    margin-left: 20px;
    width: 26px
}

.zcool-treetop a {
    float: left;
    margin-right: 4px
}

.card-designer-list .author-info .author-info-title .title-content,
.card-designer-list-attention .author-info .author-info-title .title-content,
.card-team-list .author-info .author-info-title .title-content {
    color: #333;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px
}

.work-show .work-show-more .view-more {
    position: relative;
    display: block;
    padding: 0 10px;
    width: 6px;
    height: 150px;
    text-align: center;
    line-height: 180px
}

.work-show .work-show-more .view-more .more-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin-top: -19px;
    margin-left: -3px
}

.work-show .work-show-more .view-more .more-icon span {
    display: block;
    margin: 5px 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffe300
}

.work-show .work-show-more .view-more:hover span {
    background: #ffd100
}

.card-designer-list .author-info .author-info-title,
.card-designer-list-attention .author-info .author-info-title,
.card-team-list .author-info .author-info-title {
    margin-bottom: 2px
}

.zcool-treetop {
    display: inline-block;
    height: var(--ji--margin);
    vertical-align: middle;
    zoom: 1
}

.card-designer-list .author-info .btn-area,
.card-designer-list-attention .author-info .btn-area {
    margin-top: 15px
}

.card-designer-list .author-info .btn-area .js-project-focus-btn,
.card-designer-list-attention .author-info .btn-area .js-project-focus-btn {
    height: 36px
}

.card-designer-list .author-info .btn-area .btn-current,
.card-designer-list-attention .author-info .btn-area .btn-current {
    margin-right: 6px;
    width: 100px;
    height: 36px
}

.card-designer-list .author-info .btn-area .btn-current,
.card-designer-list-attention .author-info .btn-area .btn-current {
    margin-right: 6px;
    width: 100px;
    height: 36px
}

.btn-default-main {
    border: 1px solid #ffe300;
    border-radius: 4px;
    background: #ffe300;
    color: #444;
    text-align: center;
    cursor: pointer
}

.shop-template-default .swiper-button-next:after {
    content: 'next'
}

.shop-template-default .swiper-button-next:after,
.swiper-button-prev:after {
    text-transform: none !important;
    text-transform: none;
    letter-spacing: 0;
    font-variant: initial;
    font-size: var(--swiper-navigation-size);
    font-family: swiper-icons;
    line-height: 1
}

.shop-template-default .swiper-button-prev:after {
    content: 'prev'
}

#onecad-single-content .extract-hh {
    display: grid !important;
    width: 100%;
    list-style: none;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 24px), 1fr));
    grid-gap: 24px
}

#onecad-single-content .entry-header {
    margin-bottom: 0;
    border: 0
}

#onecad-single-content .download-box .b2-single-content {
    width: 100% !important;
    max-width: 100% !important
}

#onecad-single-content .download-box {
    display: none
}

.related-posts .related-posts-title {
    padding: 12px;
    font-size: 18px
}

#onecad-single-content .mySwiper {
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
}

#onecad-single-content .swiper {
    width: 100%;
    height: 100%
}

#onecad-single-content .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

#onecad-single-content .swiper-slide {
    background-position: center;
    background-size: cover
}

#onecad-single-content .mySwiper2 {
    width: 100%;
    height: 80%;
    margin: 20px 0px;
}

#onecad-single-content .mySwiper {
    box-sizing: border-box;
    padding: 10px;
    height: 20%;
    width: 100%;
    height: 120px;
    background: rgb(232, 232, 232);

}

#onecad-single-content .mySwiper .swiper-slide {
    height: 80px;
    border: 2px solid #eee;
    border-radius: 10px;
    opacity: 1
}

#onecad-single-content .mySwiper .swiper-slide-thumb-active {
    border: 2px solid var(--b2color);
    opacity: 1
}

#onecad-single-content .mySwiper .swiper-slide-thumb-active {
    opacity: 1
}

#onecad-single-content .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#onecad-single-content .swiper-main {
    padding: 0 24px
}

#onecad-single-content .swiper-slide img {
    max-width: 100%
}

#onecad-single-content .b2-widget-download {
    padding: 30px 20px
}

.section-title h2>strong {
    font-weight: 500
}

.post-tags-meat-onecad .sub-nav {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    white-space: nowrap;
    font-size: .875rem
}

.post-tags-meat-onecad .sub-nav a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: var(--this-text);
    vertical-align: top
}

.post-tags-meat-onecad .sub-nav span {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 8px;
    padding: 0 5px;
    height: 25px;
    line-height: 25px
}

.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
    width: 10px;
    height: 5px
}

.post-tags-meat-onecad .tag-img i {
    margin-right: 5px;
    padding: 3px;
    border-radius: 100%;
    background-color: #fff
}

.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--b2color);
    -webkit-box-shadow: inset 0 0 1px rgb(255 255 255)
}

.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: rgb(255 255 255)
}

.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .2)
}

.hh_single_tagsa {
    top: 0;
    overflow: hidden;
    margin: 0;
    width: auto
}

.hh_single_tagsa li {
    float: left;
    display: flex;
    margin-top: 0;
    margin-right: 10px;
    padding: 0 5px;
    border: none;
    background-color: #f5f6f7;
    color: #aaaeb3;
    font-size: 12px;
    line-height: 1;
    transition: all .5s;
    align-items: center
}

.hh_single_tagsa .tag-img {
    margin-right: 5px;
    padding: 3px;
    border-radius: 100%;
    background-color: #fff
}

.post-tags-meata .tag-img i {
    color: #e62828
}

.post-tags-meat-onecad .tag-img i {
    color: var(--b2color)
}

.hh_single_tagsa a {
    margin-top: 0;
    padding: 0 8px;
    border: none;
    color: #4e5969;
    line-height: 30px
}

.single .entry-header .post-list-cat a {
    background-color: var(--b2lightcolor);
    color: var(--b2color) !important
}

.ji-downBox .hot_num_pos {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    min-width: 100px;
    text-align: right;
    font-size: 28px;
    line-height: 36px
}

.hot_num_pos {
    position: absolute;
    right: 26px;
    height: 36px;
    min-width: 100px;
    text-align: right;
    font-size: 35px;
    line-height: 36px
}

.post-style-6 .hot_num_pos i {
    font-size: 32px
}

.post-style-6 .related-posts {
    margin: 0 auto;
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
    background: #fff
}

.post-style-6 .related-posts .related-posts-in {
    display: flex;
    display: grid !important;
    padding: 30px 60px;
    list-style: none;
    flex-flow: wrap;
    grid-template-columns: repeat(auto-fill, minmax(222px, 1fr));
    grid-gap: 36px
}

.post-style-6 .related-posts .related-posts-title {
    padding: 24px 45px
}

.widget-post:hover .b2-widget-post-title h2 {
    text-decoration: auto
}

.post-style-6 .related-posts .related-posts-item {
    width: 100%
}

.post-style-6 .related-posts-in h2 {
    margin: 10px 0;
    font-size: .875rem
}

.post-style-6 .related-posts .related-posts-item {
    padding: 0;
    border: 0
}

.related-posts .related-post-thumb {
    border-radius: .42857143em
}

.post-thumb {
    background-color: unset !important
}

.comment-user-info>div {
    display: flex;
    width: 100%;
    height: 38px;
    flex-direction: column;
    justify-content: space-between
}

.post-style-6 .w-d-title a {
    position: absolute;
    top: -5px;
    right: 4px
}

.post-style-6 .post-list-cat {
    float: left;
    display: flex;
    margin-right: 0;
    justify-content: space-between;
    flex-flow: unset
}

.single .post-list-cat a:first-child {
    display: unset
}

.single .post-list-cat a {
    display: block !important
}

.ava-left {
    float: left;
    overflow: hidden;
    margin-right: 16px;
    height: 100px
}

.post-tags-meata a:hover {
    color: var(--b2color)
}

.ava-left img {
    height: 100%
}

.hh-title h1 {
    overflow: auto;
    height: 36px;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 22px
}

.post-style-6 .onecad_title {
    display: flex;
    height: 36px;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 22px;
    line-height: 36px
}

.post-style-6 .onecad_title .biaoti {
    overflow: hidden;
    margin-right: 90px
}

.hh-title {
    padding-right: 0 !important;
    width: 100% !important
}

.ava-left .link-block {
    display: block;
    width: 72px;
    height: 72px
}

.single-article-6 .entry-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.single-article-6 .single-button-download a {
    display: flex;
    padding: 8px var(--ji--margin);
    background: #165dff;
    color: #f9f9f9;
    font-size: 14px;
    align-items: center
}

.single-article-6 .single-button-download a i {
    margin-right: 8px
}

.post-6-jiehsao .info6fwq {
    display: grid !important;
    list-style: none;
    grid-template-columns: 50% 50%
}

.post-6-jiehsao .info6fwq li {
    padding: 8px;
    width: 100%;
    height: 35px;
    font-size: .8125rem
}

.post-style-6.post-list-cat a {
    display: block !important
}

.single .entry-header .post-list-cat a {
    margin-right: 10px;
    padding: 0 10px;
    height: 25px;
    border-radius: 4px;
    font-weight: 500;
    line-height: 25px
}

.post-6-jiehsao .info6fwq li i {
    float: left;
    display: block;
    margin: 0 5px 0 0;
    padding: 5px 0
}

.post-6-jiehsao .info6fwq li span {
    width: 80px;
    max-width: 100px;
    font-weight: 400;
    font-size: .8125rem
}

.post-6-jiehsao .info6fwq li b {
    display: inline-block;
    overflow: hidden;
    width: 290px;
    height: 30px;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: .8125rem
}

.post-6-jiehsao .info6fwq li b a:hover {
    color: #165dff
}

.post-6-jiehsao {
    margin-top: 10px;
    margin-bottom: 10px !important;
    background: rgb(245, 245, 245);
    border-radius: 8px;
}

.widget .recommended-widget li a:before {
    position: absolute;
    right: 30px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "\eba3";
    font-family: b2font;
    line-height: 20px;
    transition: .3s
}

.widget .recommended-widget li:hover a {
    color: var(--b2color)
}

.widget .recommended-widget li:hover a:before {
    right: 24px;
    color: var(--b2color);
    transition: .3s
}

.post-6-jiehsao .info6fwq li i {
    margin-right: 8px;
    color: var(--b2color)
}

.single-article-6 .post-list-cat a {
    background: #f7f7f7 !important;
    color: #3d3d4e !important
}

.single-article-6 .post-list-cat a:hover {
    background: #ffeaee;
    color: #ff3a55
}

.single-article-6 .single-button-download a:hover {
    background: #165DFF80
}

.post-style-6-top img {
    width: 100%
}


.sucai-jianjie li {
    display: flex;
    margin-right: 0;
    height: 30px;
    line-height: 30px;
    align-items: center
}

.sucai-jianjie li .file-styles {
    display: flex
}

.sucai-jianjie li .file-styles .file-style {
    position: relative;
    display: block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 2px solid #f2f3f5;
    border-radius: 50%;
    background-color: #f2f3f5;
    background-position: 60%;
    background-size: cover;
    transition: all ease .5s
}

.sucai-jianjie li .file-styles .file-style-des {
    position: absolute;
    top: -150%;
    left: 50%;
    z-index: 10;
    display: none;
    padding: 0 10px;
    height: 30px;
    border-radius: .42857143em;
    background: #333;
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
    line-height: 30px;
    transform: translateX(-50%)
}

.sucai-jianjie li .file-style:hover .file-style-des {
    display: inline-block
}

.sucai-jianjie li .file-style:hover {
    border: 2px solid #165dff;
    cursor: pointer
}

.rank-banner {
    overflow: hidden;
    margin-bottom: -140px
}

.filter-name {
    width: auto;
    color: #b2bac2;
    text-align: left
}

.rank-banner .wrap {
    position: relative;
    height: 300px
}

.tax-fliter-hot {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 6;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 12px 23px 0 rgba(51, 51, 51, .2)
}

.rank-banner .wrap .bg-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    max-width: none
}

.tax-header .tax-info {
    margin: -20px 0 20px -20px;
    padding: 10px 0 10px 20px
}

.term-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 25px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.one_fl_lb {
    margin: 0;
    color: #eceef5;
    font-size: 12px;
    line-height: 24px
}

.one_fl_lb:nth-last-child(1) {
    display: none
}

.term-bar p {
    color: #fff
}

.filter-items a {
    margin-left: 5px;
    max-width: 100%;
}

.term-bar .term-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    content: ""
}

.term-bar.lazyloaded:before {
    opacity: .5
}

.term-bar .term-title {
    position: relative;
    margin: 0;
    color: #fff;
    font-weight: 900;
    font-size: 23px
}

.filter-name {
    color: #333
}

.tax-search input {
    background: #f8f9fa
}

.onecad-fenlei .tax-search {
    width: 100%
}

.meta-post-type,
.post-10 .tipss,
.post-7 .tipss,
.post-8 .tipss,
.post-9 .tipss {
    display: flex;
    padding: 0 5px 0 5px;
    width: fit-content;
    font-size: 12px;
    align-items: center
}

.post-10 .tipss:last-child,
.post-4 .tipss:last-child,
.post-7 .tipss:last-child,
.post-9 .tipss:last-child {
    border-top-right-radius: var(--ji--radius)
}

.tipss {
    background-color: rgba(0, 0, 0, .3);
    color: #fff
}

.post-10 .tipss:first-child,
.post-4 .tipss:first-child,
.post-7 .tipss:first-child,
.post-9 .tipss:first-child {
    border-bottom-left-radius: var(--ji--radius)
}

.tipss i {
    margin-top: 2px;
    margin-right: 5px;
    font-size: 13px
}

.yellow {
    background-color: var(--b2color)
}

.search_360 {
    background-color: #28bc5b;
    color: #fff
}

.search_baidu {
    background-color: #4e6ef2;
    color: #fff
}

.search_bing {
    background-color: #ffc20e;
    color: #fff
}

.search_toutiao {
    background-color: #f04142;
    color: #fff
}

.search_zhihu {
    background-color: #06f;
    color: #fff
}

.home-banner {
    position: relative;
    background-position: 0 100%;
    animation: gradient 12s ease-in-out infinite
}

.home-banner .section {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home-banner .section .video-wrapper {
    position: absolute;
    z-index: 0;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.home-banner .section .video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: visible;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    object-fit: cover
}

/*.home-banner .section .video-overlay {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(45, 47, 54, .15)*/
/*}*/

.home-banner .corner {
    position: absolute;
    margin: 0;
    width: 28px;
    height: 21px;
    border-radius: 4px
}

.home-banner .home-menus {
    margin-left: 70px
}

.home-banner .home-menus .cus-dropbox-trigger a,
.home-banner .home-menus>a {
    margin-right: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 60px
}

.home-banner .home-menus .cus-dropbox-trigger a:hover,
.home-banner .home-menus>a:hover {
    color: var(--b2color)
}

.home-banner>.layout-center {
    height: 100%
}

.home-banner-content .slogan-text p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    letter-spacing: 2px;
    font-weight: 600;
    color: #1c2633;
    font-size: 24px;
    line-height: 24px
}

.home-banner-content .slogan-text p:nth-of-type(1) {
    margin: 15px 0 25px 0; 
    letter-spacing: 6px;
    font-weight: 600;
    font-size: 48px;
    line-height: 50px;
    color: #1c2633;
}

.home-banner-search {
    width: 100%;
    max-width: 500px;
}

.home-banner-search .jitheme_fbu{
    display: none;
}

.home-banner-search input,
textarea {
    border: 5px solid rgb(255 255 255 / 18%);
    border-radius: 5px
}

.home-banner-search .tag {
    position: absolute;
    z-index: -2;
    display: flex;
    padding: 20px 10px;
    width: 100%;
    font-size: 15px;
    line-height: 35px;
    justify-content: center
}

.home-banner-search .tag a:hover {
    background: var(--b2color);
    color: #fff
}

.home-banner-search .tag a {
    display: inline;
    margin: 5px;
    padding: 0 8px;
    height: 25px;
    border-radius: 5px;
    color: #fff;
    line-height: 25px
}

.home-banner-search form>input {
    padding: 18px 22px;
    border-radius: 50px;
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 14px
}

.home-banner-search form>input::placeholder {
    color: #979797
}

.home-banner-search .hot-top {
    position: absolute;
    top: 13px;
    right: 115px;
    color: #000;
    font-size: 13px
}

.home-banner-search .hot-top i {
    margin-right: 4px
}

.home-banner-search .hot-words-container,
.home-banner-search .rec-words-container {
    top: 56px;
    width: 100%
}

.home-banner-links {
    width: 80%;
    height: 40px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .27);
    font-size: 14px;
    line-height: 40px
}

.home-banner-links a {
    margin-right: 19px;
    color: inherit
}

.home-banner-links a:hover {
    color: var(--b2color)
}

.home-banner .search-types-cycles {
    position: absolute;
    top: -125px;
    right: 115px;
    z-index: -1;
    margin: 0;
    width: 100px;
    height: 290px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, var(--b2lightcolor) 51.04%, rgba(0, 0, 0, 0) 100%);
    text-align: center
}

.home-banner .search-types-cycles .search-types-btn {
    bottom: -20px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    user-select: none
}

.home-banner .search-types-cycles .search-types-btn i {
    color: #fff;
    font-size: 12px
}

.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
    top: -20px;
    bottom: auto
}

.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
    transform: rotate(180deg)
}

.home-banner .search-types-cycles .search-types-btn:hover i {
    color: var(--b2color)
}

.home-banner .search-types-cycles ul {
    padding-top: 5px;
    width: 100%;
    height: 100%
}

.home-banner .search-types-cycles ul:after,
.home-banner .search-types-cycles ul:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: linear-gradient(0, transparent 0, var(--b2color) 50%, transparent 100%);
    content: ''
}

.home-banner .search-types-cycles ul:after {
    right: 0;
    left: auto
}

.home-banner .search-types-cycles ul li {
    height: 40px !important;
    text-align: center;
    font-size: 16px;
    line-height: 40px !important;
    cursor: pointer;
    user-select: none
}

.home-banner .search-types-cycles ul li:hover {
    color: var(--b2color)
}

.home-banner .search-types-cycles ul li:nth-of-type(4) {
    height: 60px !important;
    line-height: 60px !important
}

.home-banner .search-types-cycles ul li a {
    color: rgba(255, 255, 255, .6);
    transition: none
}

.home-banner .search-types-cycles ul li a:hover {
    color: var(--b2color)
}

.home-banner .search-types-cycles button:hover {
    background: #46dacf !important;
    opacity: 1;
    transition: opacity .2s
}

.home-banner .search-types-cycles button i {
    margin-right: 6px;
    color: #fff;
    font-size: 18px
}

.home-banner .search-types-cycles button span {
    color: #fff;
    font-size: 16px
}

.top-navs {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 0;
    width: 100%;
    backdrop-filter: blur(10px);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: scroll
}

.top-navs .top-navs-l {
    display: flex;
    height: 70px;
    width: calc(100% - 180px);
    border-right: 1px solid rgb(255 255 255 / 10%);
    justify-content: space-between
}

.top-navs .top-navs-l-item {
    display: flex;
    margin-right: 15px;
    width: 20%;
    flex-direction: column;
    justify-content: space-between
}

.top-navs .top-navs-l-item .top-navs-l-title .wz {
    margin-bottom: 12px;
    height: 25px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px
}

.top-navs .top-navs-l-item .top-navs-l-title a i {
    margin-right: 8px;
    vertical-align: -4px;
    font-size: 34px
}

.top-navs .top-navs-l-item .top-navs-l-title a img {
    float: left;
    margin-right: 8px;
    width: 25px;
    padding: 4px;
    height: 25px;
    border-radius: 4px;
    background-color: #eeeeee21
}

.top-navs .top-navs-l-item .top-navs-l-title a:hover {
    color: var(--b2color)
}

.top-navs .top-navs-l-item .top-navs-l-links {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.top-navs .top-navs-l-item .top-navs-l-links a {
    margin-right: 15px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 14px
}

.top-navs .top-navs-l-item .top-navs-l-links a:hover {
    color: var(--b2color)
}

.top-navs .top-navs-m {
    display: none;
    padding: 0 24px;
    width: 176px;
    height: 61px;
    border-right: 1px solid rgba(255, 255, 255, .25);
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center
}

.top-navs .top-navs-m a,
.top-navs .top-navs-m p,
.top-navs .top-navs-m>div {
    width: 50%;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    user-select: none
}

.top-navs .top-navs-m a:hover,
.top-navs .top-navs-m p:hover,
.top-navs .top-navs-m>div:hover {
    color: var(--b2color)
}

.top-navs .top-navs-m div p,
.top-navs .top-navs-m>a {
    margin-bottom: 25px
}

.top-navs .top-navs-m div p {
    margin-top: -20px;
    margin-bottom: 0;
    width: 100%
}

.top-navs .top-navs-m .top-navs-m-box {
    top: -var(--ji--margin);
    left: -72px;
    display: none;
    margin-top: -70px;
    padding: 8px 14px 0;
    width: 157px;
    height: 66px;
    border-radius: 8px;
    background: #444
}

.top-navs .top-navs-m .top-navs-m-box a {
    margin-bottom: 9px
}

.top-navs .top-navs-m .top-navs-m-box a:hover {
    color: var(--b2color)
}

.top-navs .top-navs-r {
    width: 176px
}

.top-navs .top-navs-r a {
    padding-left: 30px;
    width: 50%;
    text-align: center
}

.top-navs .top-navs-r a i {
    margin-bottom: 10px;
    font-size: 36px
}

.top-navs .top-navs-r img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.top-navs .top-navs-r a p {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 14px
}

.top-navs .top-navs-r a p:hover {
    color: var(--b2color)
}

.por {
    position: relative
}

.poa {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: space-evenly
}

.poa_sos_box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.poa_sos_box .Onecad_clearfix {
    margin-bottom: 25px;
}

.pof {
    position: fixed
}

.Onecad_clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: '';
    font-size: 0;
    line-height: 0
}

.fl {
    float: left
}

.ovh {
    overflow: hidden
}

.block {
    display: block
}

.icon-rank {
    display: inline-block;
    overflow: hidden;
    width: auto;
    border: none;
    vertical-align: -3px
}

img.icon-rank {
    margin-right: 0;
    width: 20px;
    height: 20px
}

a.hot-top.text-notify:hover {
    color: var(--b2color)
}

.top-navs-l-title i {
    float: left;
    width: 1em;
    height: 1em
}

.left-cont {
    border: 5px solid rgb(255 255 255 / 18%);
    border-radius: 50px
}

.home-banner-search>form>button {
    position: absolute;
    top: 0;
    right: 1px;
    right: 0;
    z-index: 1;
    box-sizing: border-box;
    margin-right: -7px;
    padding: 0 15px;
    padding-left: 25px;
    width: 147px;
    height: 56px;
    min-width: 100px;
    border: 1px solid #23d1c3;
    border-radius: 0 8px 8px px 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
    background: linear-gradient(90deg, #35eee3 0, #21cec0 100%);
    text-align: center;
    font-size: 15px;
    transform: translateY(0)
}

.home-banner-search .search.hidden {
    display: none
}

.primary-menus .left-cont button {
    position: absolute;
    top: 10px;
    right: 6px;
    box-sizing: border-box;
    margin-right: 5px;
    padding: 0 15px;
    height: 40px;
    min-width: 100px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    transform: translateY(0)
}

.primary-menus .left-cont .jitheme_fbu a {
    position: absolute;
    top: 10px;
    right: 10px;
    box-sizing: border-box;
    padding: 0 15px;
    height: 40px;
    min-width: 100px;
    border: 1px solid #ffc20e;
    border-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ffc20e;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    transform: translateY(0)
}

.slogan-text.por.fl {
    width: 100%;
    text-align: center
}

@media screen and (max-width: 768px) {
    #page-wrapper {
        display: none
    }
}

.Onecad_single_time {
    display: flex;
    margin-bottom: 30px;
    color: #6c6e72;
    text-align: center;
    font-size: 12px
}

.Onecad_single_time .left-stick-wp {
    position: relative
}

.Onecad_single_time a {
    color: gray
}

.Onecad_single_time .year {
    font-size: 20px
}

.Onecad_single_time .md,
.Onecad_single_time .year {
    color: #6c6e72
}

.Onecad_single_time .md {
    font-size: 25px;
    line-height: 45px
}

.Onecad_single_time .time {
    margin-bottom: 25px;
    color: #6c6e72;
    font-size: 20px
}

.Onecad_single_time .through {
    position: relative
}

.Onecad_single_time .through span {
    display: inline-block;
    padding: 0 5px;
    background: #fff
}

.Onecad_single_time .through:after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    content: ""
}

.Onecad_single_time .share-title {
    margin-top: 100px;
    margin-bottom: 18px
}

.Onecad_single_time .comment-count-title {
    margin: 54px auto 15px
}

.Onecad_single_time .comment-count .text {
    position: absolute;
    top: -15px;
    right: -10px;
    display: inline-block;
    width: 52px;
    color: #ff2f2f;
    text-align: center;
    font-size: 28px;
    line-height: 1
}

.Onecad_single_time .comment-count .text i {
    display: inline-block;
    padding: 3px 5px;
    background: #fff
}

.Onecad_single_time .author {
    display: inline-block;
    color: #2291f7;
    line-height: 18px
}

.Onecad_single_time .author:hover {
    color: #2291f7
}

.Onecad_single_time .qiehao {
    display: inline-block;
    margin-top: 3px;
    padding: 0 8px;
    border-radius: var(--ji--margin);
    background-color: #2291f7;
    color: #fff;
    line-height: 18px
}

.left-stick-wp {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.post-content-footer .content-footer-poster button {
    display: block;
    margin: 0 auto var(--ji--margin) auto;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 4px var(--ji--margin) 0 rgb(13 39 91 / 6%);
    color: inherit;
    text-align: center;
    line-height: 48px;
    font-weight: 100;
}

.Onecad_circles_ct {
    margin: var(--ji--margin) 0
}

.widget-area-left.widget-area {
    margin-left: 0
}

.topic-loading-more-button {
    margin-top: 10px;
    padding: 15px;
    background-color: #fff;
    color: #aaaeb3;
    text-align: center;
    font-size: 12px
}
.b2-widget-title{
    flex-direction: row !important;
}

.b2-widget-hot-circle .b2-widget-title button.picked:before {
    border-color: transparent transparent #fff !important
}

@media screen and (max-width: 768px) {
    .newOneCAD_link {
        display: block;
        margin: 0 auto
    }

    .OneCAD_link {
        margin: 10px 0 10px 0;
        padding: 10px
    }

    .OneCAD_link dl dd {
        float: left;
        display: inline-block;
        margin-top: 6px;
        margin-bottom: 6px;
        width: 20%
    }

    .OneCAD_link dl dd a {
        display: block
    }

    .OneCAD_link dl dd.xu_link_1 i {
        background: url(https://www.tukuv.com/wp-content/uploads/2022/03/1646971125-anli-02.svg) center no-repeat;
        background-size: 45px
    }

    .OneCAD_link dl dd a i {
        display: block;
        margin: 0 auto 5px;
        width: 45px;
        height: 45px
    }

    .OneCAD_link dl dd a p {
        overflow: hidden;
        height: 20px;
        text-align: center;
        font-size: 13px;
        line-height: 25px
    }

    dl {
        display: block;
        overflow: hidden;
        justify-content: center
    }
}

.justify a img {
    float: left
}

@media screen and (min-width: 768px) {

    #model_hdp_onecad,
    .newOneCAD_link {
        display: none
    }
}

.erweima {
    color: #fff;
    font-style: normal;
    font-size: 40px;
    opacity: .3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tubiao {
    color: #fff;
    font-style: normal;
    font-size: 16px;
    opacity: .8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jiheme_home .home .site-content {
    padding-bottom: 0
}

.footer {
    font-size: 13px
}

@media(max-width: 1329px) {
    .hide_md {
        display: none !important
    }
}

.btn {
    display: block;
    outline: 0;
    border: 0;
    text-align: center;
    cursor: pointer
}

.btn-orange-light {
    border-radius: 3px;
    background-color: #fe5b34
}

.btn-group {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.btn-group>.btn {
    border-radius: 0
}

.btn-group>.btn:first-child {
    border-radius: 3px 0 0 3px
}

.btn-group>.btn:last-child {
    border-radius: 0 3px 3px 0
}

.footer-fav {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media(min-width: 768px) {
    .footer-fav {
        display: flex;
        overflow: visible;
        width: auto
    }
}

.footer-fav .footer-fav-top {
    display: flex;
    overflow: visible;
    padding-top: 36px;
    padding-bottom: 36px;
    justify-content: space-between
}

.footer-fav .site-info {
    width: 60%
}

@media(min-width: 768px) {
    .footer-fav .site-info {
        width: auto
    }
}

.footer-fav .site-info h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4
}

@media(min-width: 768px) {
    .footer-fav .site-info h2 {
        font-size: 26px
    }
}

.footer-fav .site-info h2 a {
    color: #000
}

.footer-fav .site-info .site-p {
    margin-bottom: 10px
}

.footer-fav .site-info .site-p p:first-child::after {
    content: ','
}

@media(min-width: 768px) {
    .footer-fav .site-info .site-p {
        margin-bottom: 0
    }

    .footer-fav .site-info .site-p p:first-child::after {
        content: ''
    }
}

.footer-fav .site-info p {
    display: inline;
    margin-bottom: 10px;
    color: #797979;
    font-size: 12px;
    line-height: 1.8
}

@media(min-width: 768px) {
    .footer-fav .site-info p {
        display: block;
        margin-bottom: 0;
        font-size: 14px
    }
}

.footer-fav .site-fav {
    padding-top: 5px
}

@media(min-width: 768px) {
    .footer-fav .site-fav {
        padding-top: 24px
    }
}

.footer-fav .site-fav .btn-orange {
    padding: 0 1.2em;
    border-radius: 8px;
    background-color: var(--b2color);
    color: #fff;
    font-size: 14px;
    line-height: 2.5
}

@media(min-width: 768px) {
    .footer-fav .site-fav .btn-orange {
        padding: 0 2em;
        font-size: var(--ji--margin);
        line-height: 3.5
    }
}

.footer-fav .site-girl {
    position: absolute;
    bottom: 0;
    left: 50%
}

.footer-fav .site-girl .girl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    transition: all .3s
}

@media(min-width: 768px) {
    .footer-fav .site-girl .girl {
        left: -50px
    }
}

.footer-fav .site-girl .girl::after {
    position: absolute;
    top: 40%;
    left: 100%;
    display: block;
    visibility: hidden;
    color: #a7a7a7;
    content: 'Hi~';
    font-size: 20px;
    opacity: 0;
    transition: all .2s;
    transition: all .3s
}

.footer-fav .site-girl .thumb {
    padding-top: 116.667%
}

.footer-fav .site-girl .girl-info {
    margin-bottom: 55px;
    margin-left: 150px
}

.footer-fav .site-girl h4 {
    color: #797979;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8
}

.footer-fav .site-girl a {
    color: #797979
}

.footer-fav .site-girl a:hover {
    color: #ff5c00
}

@media(min-width: 768px) {
    .footer-fav:hover .site-girl .girl {
        left: -80px
    }

    .footer-fav:hover .site-girl .girl::after {
        visibility: visible;
        opacity: 1;
        transition: all .2s
    }
}

@media(max-width: 767px) {
    .jiheme_home .home .footer-fav {
        display: none
    }
}

@media(max-width: 767px) {
    .footer-fav .btn-group>.btn:last-child {
        border-radius: 3px
    }
}

.clearfix:after,
.clearfix:before {
    clear: both;
    display: block;
    visibility: none;
    height: 0;
    content: "";
    line-height: 0
}

.thumb {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .2s
}

#Onecad_footer_ys2 .widget ul li {
    box-sizing: border-box;
    padding: 0;
    max-width: 60px;
    font-size: 13px
}

.Onecad_footer_ico {
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 5px;
    background-color: rgba(148, 148, 152, .15)
}

.Onecad_footer_ico i {
    margin: auto;
    width: 35px;
    height: 35px
}

.Onecad_hide {
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media(max-width: 1023px) {
    .hide_sm {
        display: none !important
    }
}

.footer-navi {
    position: relative;
    display: none;
    padding: 15px 0;
    /*background: url(Center/Assets/images/bj.jpg) no-repeat;*/
    background-size: cover;
    color: #949498;
    line-height: 1.9286
}

@media(max-width: 768px) {
    .footer-navi {
        padding: 0 5px
    }

    .foot-copyright {
        padding: 0 10px 30px 10px
    }
}

@media(min-width: 768px) {
    .footer-navi {
        display: block
    }
}

@media(min-width: 1024px) {
    .footer-navi {
        padding: 40px 0 40px 0
    }
}

@media(min-width: 1310px) {
    .footer-navi {
        overflow: visible
    }
}

.footer-navi .wrapper {
    display: flex;
    justify-content: space-evenly
}

.footer-navi a {
    font-size: 14px
}

.footer-navi a:hover {
    color: #fff
}

.footer-navi .title {
    position: relative;
    margin-bottom: 14px;
    border-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 1
}

@media(min-width: 1024px) {
    .footer-navi .about {
        width: 25%
    }
}

@media(min-width: 1310px) {
    .footer-navi .about {
        padding-right: 20px;
        font-size: 14px
    }
}

@media(min-width: 768px) {
    .footer-navi .wrapper-bq {
        padding-top: 32px
    }
}

.footer-navi .navis {
    padding-top:40px;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    justify-content: space-around
}

@media(min-width: 768px) {
    .footer-navi .navis {
        margin-bottom: 0;
        width: 60%
    }
}

@media(min-width: 1024px) {
    .footer-navi .navis {
        width: 40%
    }
}

.footer-navi .navis .navi {
    text-align: center;
    flex: 1
}

@media(min-width: 1310px) {
    .footer-navi .navis {
        display: flex;
        width: 50%;
        border-right: 1px solid #9e9e9e3b;
        border-left: 1px solid #9e9e9e3b;
        justify-content: space-evenly
    }

    .footer-navi .navis .navi {
        text-align: center
    }
}

.footer-navi .ewms {
    margin: 0 auto;
    padding-top:40px;
}

@media(min-width: 768px) {
    .footer-navi .ewms {
        padding-left: 50px;
        width: 25%
    }
}

.footer-navi .ewms::after,
.footer-navi .ewms::before {
    right: auto;
    left: 0
}

.footer-navi .ewms::before {
    left: 1px
}

.footer-navi .ewms .like {
    text-align: center
}

.footer-navi .ewms .like strong {
    background-image: linear-gradient(78deg, #3b91ff -3.23%, #0d5eff 51.11%, #c069ff 98.65%);
    color: #fe3d7d;
    font-weight: 400;
    font-size: 54px;
    font-family: Impact;
    line-height: 1.24;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; 
    -webkit-animation: masked-animation 2s infinite linear
}

.footer-navi .ewms .like h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1
}

.footer_clearfix {
    float: none;
    display: block;
    display: flex;
    justify-content: space-between
}

.footer-navi .ewms ul { 
    text-align: center
}

.footer-navi .ewms li {
    position: relative;
    display: inline;
    box-sizing: border-box;
    margin-top: 0;
    width: 33.333333%;
    line-height: 1.3
}

.footer-navi .ewms li:hover .ewm-content {
    bottom: 90px;
    visibility: visible;
    opacity: 1
}

.footer-navi .ewms .ico {
    font-size: 46px;
    cursor: pointer;
    transition: all .2s
}

.footer-navi .ewms .ico:hover {
    color: #fff
}

.footer-navi .ewms .ico i {
    display: block
}

.footer-navi .ewms h4 {
    margin: 0;
    font-weight: 400;
    font-size: 12px
}

.footer-navi .ewms .ewm-content {
    position: absolute;
    bottom: 95px;
    left: 50%;
    z-index: 10;
    box-sizing: border-box;
    width: 330px;
    background: #fff;
    box-shadow: 0 var(--ji--margin) 32px 0 rgba(0, 0, 0, .1);
    transform: translate(-50%, 0)
}

.footer-navi .ewms .ewm-content::before {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: ''
}

@media(max-width: 1600px) {

    .footer-navi .ewms .ewm-content.ewm-douyin,
    .footer-navi .ewms .ewm-content.ewm-wechat {
        right: 0;
        left: auto;
        transform: translate(0, 0)
    }

    .footer-navi .ewms .ewm-content.ewm-douyin::before,
    .footer-navi .ewms .ewm-content.ewm-wechat::before {
        right: 30px;
        left: auto
    }

    .footer-navi .ewms .ewm-content.ewm-douyin {
        transform: translate(70px, 0)
    }

    .footer-navi .ewms .ewm-content.ewm-douyin::before {
        right: 100px
    }
}

.footer-navi .ewms .ewm-content.ewm-douyin {
    width: 400px
}

.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div {
    width: 160px
}

.footer-navi .ewms .ewm-main {
    display: flex;
    padding: 10px;
    text-align: left
}

.footer-navi .Onecad_fl .footer-logo {
    padding-bottom: var(--ji--margin);
    height: 40px
}

.footer-navi .ewms .ewm-main .fr {
    float: right
}

.footer-navi .ewms .ewm-main .thumb-div {
    margin: 10px 10px 10px 10px;
    width: 100px
}

.footer-navi .ewms .ewm-main .thumb {
    padding-top: 100%
}

.footer-navi .ewms .ewm-main h4 {
    margin-top: 7px;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.714
}

.footer-navi .ewms .ewm-main h4 span {
    color: #47c333
}

.footer-navi .ewms .ewm-main a {
    display: block;
    margin: 10px 0;
    color: var(--b2color)
}

.footer-navi .ewms .ewm-main a {
    display: flex;
    margin-top: 10px;
    margin-right: 10px;
    height: 25px;
    max-width: 100px;
    border-radius: 3px;
    background-color: var(--b2color);
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    justify-content: center;
    align-items: center
}

.footer-navi .ewms .ewm-main h5 {
    color: #888;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.footer-navi .ewms .ewm-douyin .ewm-main {
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div {
    margin: 0 auto
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1,
.footer-navi .ewms .ewm-douyin .ewm-douyin-2 {
    width: 50%
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1 {
    position: relative
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after {
    position: absolute;
    top: 10%;
    right: 0;
    display: block;
    width: 1px;
    height: 80%;
    background: #f3f3f3;
    content: ''
}

@media(min-width: 768px) {
    .footer-navi .bands {
        display: flex;
        width: 100%
    }
}

.footer-navi .bands ul {
    display: flex;
    margin: 0 -8px 0 -7px;
    flex: 1;
    align-content: space-between
}

.footer-navi .bands ul li {
    box-sizing: border-box;
    padding: 0 8px 15px 7px;
    width: 50%
}

@media(min-width: 768px) {
    .footer-navi .bands ul li {
        width: 20%
    }
}

.footer-navi .bands .band {
    padding-top: 52px;
    border-radius: 3px;
    background-color: #42424d;
    transition: all .2s
}

.footer-navi .bands .band::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
    transition: all .2s
}

.footer-navi .bands .band:hover {
    background-color: #24242d
}

.footer-navi .bands .band:hover::after {
    background: 0 0
}

.footer-navi .qqgroup {
    width: 100%
}

@media(min-width: 1024px) {
    .footer-navi .qqgroup {
        width: auto
    }
}

.footer-navi .qqgroup a {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 52px;
    border-radius: 3px;
    background: #222228;
    text-align: center;
    line-height: 52px
}

@media(max-width: 1023px) {
    .hide_sm {
        display: none !important
    }
}

.footer .footer-colors {
    width: 100%;
    height: 4px;
    background-color: #333;
    background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-position: 0 0;
    background-repeat: repeat;
    animation: animate-colors 200s infinite linear;
    animation-play-state: paused
}

.footer .colors-shadow::after {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(18, 18, 18, .8), #121212);
    content: ''
}

.footer .friendlinks {
    margin: 0 -.5em 20px;
    color: #4f4f4f;
    font-size: 12px;
    line-height: 2;
    word-break: keep-all
}

.footer .friendlinks h6 {
    display: inline;
    margin: 0 .5em;
    font-weight: 400;
    font-size: 12px
}

.footer .friendlinks ul {
    display: inline
}

.footer .friendlinks li {
    display: inline;
    margin: 0 .5em
}

.footer .friendlinks a {
    color: #4f4f4f
}

.footer .friendlinks a:hover {
    color: #acacac
}

.footer .copyright {
    text-align: center;
    font-size: 12px;
    line-height: 1.5
}

.footer .copyright .asline {
    display: block;
    font-style: normal
}

@media(min-width: 768px) {
    .footer .copyright .asline {
        display: inline
    }
}

.footer .copyright p {
    padding: .5em 0;
    border-radius: 4px
}

@media(min-width: 768px) {
    .footer .copyright p {
        display: inline-block;
        padding: .5em 1.5em;
        background: #000
    }
}

.footer .copyright a:hover {
    color: #acacac
}

.footer .Onecad_fl h2 a {
    font-size: 26px
}

@media all {
    .footer:hover .footer-colors {
        animation-play-state: running
    }
}

@keyframes animate-colors {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 7000px 0
    }
}

.one-home-homevip {
    padding: 20px 0;
    background-position: center;
    background-repeat: no-repeat
}

.home-homevip-boxmk img {
    display: block;
    margin: 0 auto 40px auto;
    height: 80px
}

.home-homevip-boxmktitle {
    position: relative;
    padding-bottom: 20px;
    text-align: center
}

.home-homevip-boxmktitle .price {
    margin-bottom: 15px;
    color: var(--key-color);
    font-size: 16px
}

.home-homevip-boxmktitle .price strong {
    margin: 0 5px;
    font-weight: bolder !important;
    font-size: 43px
}

.home-homevip-boxmktitle p {
    border-radius: 50px;
    background-color: var(--body-bg-color);
    color: var(--b2color);
    font-size: 14px;
    line-height: 27px
}

.home-homevip-boxmk:hover a {
    opacity: .8
}

.home-homevip-boxmks {
    padding: 20px 0
}

.home-homevip-boxmks span {
    display: flex;
    margin-right: 3px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px
}

.home-homevip-boxmks li {
    display: flex;
    margin: 0 -20px;
    padding: 0 15px;
    color: var(--key-color);
    font-size: 13px;
    line-height: 45px;
    align-items: center;
    justify-content: space-between
}

.home-homevip-boxmks li:last-child {
    margin-bottom: 0
}

.home-homevip-boxmks li em,
.home-homevip-boxmks li em span p {
    display: flex;
    font-weight: 100;
    font-size: 14px
}

.home-homevip-boxmks li em {
    margin-top: 0
}

.home-homevip-boxmks li:nth-child(odd) {
    background-color: var(--muted-bg-color)
}

.home-homevip2-boxmk {
    padding: 30px
}

.home-homevip2-boxmk .title i {
    display: block;
    width: 100px;
    border-radius: 50px;
    background-color: #f0506e17;
    color: #f0506e;
    text-align: center;
    font-size: 14px;
    line-height: 27px
}

.home-homevip2-boxmk .title span {
    display: block;
    margin-top: 20px;
    color: #333;
    font-weight: 700;
    font-size: 30px
}

.home-homevip2-boxmk .i {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 15px 60px rgba(54, 127, 255, .1);
    text-align: center;
    font-size: 30px !important;
    line-height: 60px;
    transition: box-shadow .2s
}

.home-homevip2-boxmk:hover .i {
    border-radius: 100%;
    box-shadow: 0 0 0 10px rgba(198, 209, 255, .45), 0 0 0 24px rgba(197, 209, 255, .22)
}

.home-homevip2-boxmk .an {
    margin-top: 20px;
    height: 33px;
    line-height: 33px
}

.home-homevip2-boxmk .an a {
    display: inline-block;
    width: 110px;
    height: 33px;
    border-radius: 4px;
    background: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 33px
}

.home-homevip2-boxmk .an .jg {
    color: #333;
    font-weight: 700;
    font-size: 30px
}

.one-grid-column-onecadsmls>*,
.one-grid-onecadsmls>* {
    padding-left: var(--ji--margin)
}

.home-homevip2-boxmk .an .jg em {
    margin-left: 3px;
    color: #777;
    font-weight: 400;
    font-size: 14px
}

.home-homevip-boxmk {
    position: relative;
    overflow: hidden !important;
    padding: var(--ji--margin);
    text-align: center
}

.one-background-default {
    background-color: var(--main-bg-color)
}

.one-home-title {
    margin-bottom: 40px;
    text-align: center;
}

.one-home-title span {
    color: var(--key-color);
    font-weight: 700;
    font-size: 28px
}

.one-home-title p {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px
}

.one-grid {
    display: flex;
    margin: 0;
    padding: 0;
    width: calc(100% + var(--ji--margin));
    list-style: none;
    flex-wrap: wrap
}

.one-container>:last-child {
    margin-bottom: 0;
    /* width: calc(100% + var(--ji--margin)); */
}

.one-grid-column-onecadsmls,
.one-grid-onecadsmls {
    margin-left: -20px
}

.one-container {
    box-sizing: content-box;
    margin-right: auto;
    margin-left: auto
}

.vip_tj {
    position: absolute;
    top: 15px;
    right: -40px;
    z-index: 1;
    overflow: hidden !important;
    width: 150px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vips_tj {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    overflow: hidden !important;
    width: 120px;
    height: 30px;
    border-radius: 0 0 0 10px;
    background: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px
}

.one-dongtai:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

.one-dongtai {
    transition: all .3s ease 0s
}

.vip-top>div p {
    margin-top: 20px;
    font-size: 16px
}

#Onecad_vido.grid {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap
}

#Onecad_vido.grid-medium {
    margin-left: -30px
}

#Onecad_vido.grid-medium>*,
.grid-column-medium>* {
    padding-left: 30px
}

#Onecad_vido.b-r-4 {
    border-radius: 4px !important
}

#Onecad_vido.overflow-hidden {
    overflow: hidden
}

#Onecad_vido.background-default {
    background-color: #fff
}

#Onecad_vido.post-audio {
    position: relative;
    display: block;
    overflow: hidden;
    background: #1a1a1a;
    text-align: center
}

#Onecad_vido.play-icon {
    position: relative;
    top: 12px;
    z-index: 2;
    padding: 10px 88px
}

#Onecad_vido.play-dot {
    position: absolute;
    top: 15px;
    right: 45px;
    z-index: 3;
    width: 20px !important;
    height: 20px
}

#Onecad_vido.play-zhen {
    position: absolute;
    top: 20px;
    right: 57px;
    z-index: 2;
    width: auto !important;
    height: 100px;
    height: 50% !important;
    transition: all .6s ease-in-out;
    transform: rotate(-9deg);
    transform-origin: right top
}

#Onecad_vido.post-audio img {
    height: auto
}

#Onecad_vido.play-pan {
    position: relative;
    top: 50px;
    margin-top: -80%;
    padding: 10px 77px
}

#Onecad_vido.title {
    display: -webkit-box !important;
    overflow: hidden;
    padding: 10px;
    max-width: 100%;
    min-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .5px;
    font-size: 15px;
    transition: all .3s;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#Onecad_vido.padding-remove {
    padding: 0
}

#Onecad_vido canvas,
#Onecad_vido img,
#Onecad_vido video,
#Onecad_vido.onecad_app_img {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    background-color: #000;
    transform: translate(-50%, -50%)
}

#Onecad_vido.post-has-video {
    position: relative
}

#Onecad_vido.video {
    margin-top: 0 !important;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

#Onecad_vido.display-block {
    display: block !important
}

#Onecad_vido.overflow-hidden {
    overflow: hidden
}

#Onecad_vido.post-video,
#Onecad_vido.post-video .show-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

#Onecad_vido {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

#Onecad_vido .post-has-video span {
    position: absolute;
    top: calc(100%/2 - 25px);
    left: calc(100%/2 - 25px);
    z-index: 1;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/play_cover.png) center no-repeat
}

.post-10 .post-list-meta li,
.post-7 .post-list-meta li,
.post-9 .post-list-meta li {
    margin: 0;
    margin-right: 10px;
    padding: 2px 5px 2px 5px;
    border-radius: 20px;
    background-color: var(--body-bg-color);
    color: var(--key-color);
    font-size: 12px;
    align-items: center
}

.post-list-cat {
    z-index: 2
}

.list-footera {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.post-module-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s
}

.post-info span {
    height: auto;
    font-size: 12px;
    align-items: center;
    /* color: #F44336; */
}

.post-info .picture {
    display: flex
}

.item-in .post-info h2 {
    color: var(--key-color);
    font-size: 16px;
    line-height: 25px;
    font-weight: 600
}

.post-list-meta li:last-child {
    margin-right: 0;
    font-size: 12px;
    align-items: center
}

.post-list-meta li {
    display: flex;
    align-items: center
}

.post-10 .post-list-meta-box,
.post-9 .post-list-meta-box {
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px 0;
    margin: 10px;
    padding: 0 !important;
    width: 100%;
    color: #aaaeb3;
    align-items: center;
    justify-content: space-between
}

.post-10 .post-list-meta li,
.post-9 .post-list-meta li {
    display: none
}

.post-10 .post-list-meta-box li:hover,
.post-9 .post-list-meta-box li:hover {
    background-color: var(--body-bg-color);
    color: var(--b2color)
}

.item-post-style-3 .list-footer {
    color: #fff
}

.item-post-style-3 .item-in .post-info h2,
.item-post-style-3 .jitheme-post-info a,
.item-post-style-3 .jitheme_avatar_data,
.item-post-style-3 .jitheme_data {
    color: #fff !important
}

.post-3-jb {
    /* margin-top: 2px; */
    /* margin-right: 0; */
}

.post-3 .b2_gap>li .item-in{
    display: flex;
}

.post-3-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}

.post-3 .post-info{
    max-width: 175px;
}

.post-3 .post-info>div:first-child {
    padding-bottom: 10px;
    justify-content: unset
}

.post-3 .post-3-li .item-in {
    margin: unset;
    border-bottom: unset
}

.post-3 .post-item-hip .post-excerpt {
    line-height: 20px;
    -webkit-line-clamp: 2 !important
}

.post-3 .post-list-meta li{
    padding-top:0 !important;
}

.post-3 .post-excerpt {
    -webkit-line-clamp: 4 !important
}

.post-3 .item-in .post-info h2 {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    align-items: center;
    align-content: center;
}

.post-3-li-dubble .item-in .post-info h2 {
    margin: var(--ji--margin) 0 var(--ji--margin);
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    font-weight: 700;
    font-size: 18px;
    font-size: 18px;
    line-height: 25px
}

.box:not(.post-3, .header-text__wrapper) {
    background: rgba(255,255,255,1) !important;
    transition:all .3s;
}

.box:not(.post-3, .header-text__wrapper):hover{
    background: #fff !important;
}

.post-3 .tipss {
    margin-right: 6px;
    padding: 0 5px;
    height: 20px;
    min-width: 40px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.post-3 .post-list-cat {
    position: unset;
    top: 0;
    z-index: 2;
    margin: 0;
    font-size: 12px
}

.post-3 .post-list-cat {
    margin-bottom: 0
}

.jithene_post_avatar {
    display: flex;
    align-items: center
}

.post-3 .jitheme_cat .post-list-cat a:before {
    margin-top: 3px !important
}

.post-3 a.post-list-cat-item {
    margin-right: 5px;
    padding: 0 5px;
    height: 20px;
    border-radius: 4px;
    line-height: 20px
}

.post-3 .post-list-meta {
    justify-content: unset
}

.post-list .b2_gap .post-list-item:hover .post-list-cat {
    display: block
}

.post-3 a.post-list-cat-item {
    margin-bottom: 0
}

.post-list-meta li span {
    margin: 0 0 0 5px;
    font-size: 15px;
    opacity: .7;
    -webkit-transform: scale(.8)
}

.post-8 .post-list-meta li span {
    margin: 0 5px
}

.post-8 .post-list-meta li+li {
    padding-left: 5px
}

.item-in:hover .post-module-thumb .jitheme_post_div {
    top: 198px;
    opacity: 1
}

.post-module-thumb .jitheme_post_div {
    position: absolute;
    top: 275px;
    left: 0;
    z-index: 99;
    display: flex;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 8px;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 10.67px;
    opacity: 0;
    transition: all .3s;
    justify-content: space-between;
    align-items: center
}

.post-5 .post-info h2 {
    display: flex;
    margin: 0 !important;
    height: auto;
    font-weight: 400;
    font-size: 15px;
    align-items: center
}

.post-5 .post-info span {
    width: 150px;
    height: unset;
    max-width: 150px;
    text-align: right;
    font-size: 14px;
    line-height: 25px
}

.Onecad-vip2-qy {
    padding: 20px 0
}

.vip2-qy-title {
    margin: 40px 0;
    color: var(--key-color);
    text-align: center
}

.vip2-qy-title h2 {
    margin-bottom: 20px;
    color: var(--key-color);
    font-weight: 700;
    font-size: 28px
}

.vip2-qy-title p {
    font-size: var(--ji--margin)
}

.vip2-tqyc-box {
    padding: 30px;
    text-align: center
}

.vip2-tqyc-box img {
    display: block;
    margin: 0 auto;
    height: 52px
}

.vip2-tqyc-box span {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--key-color);
    font-weight: 700;
    font-size: 16px
}

.vip2-tqyc-box p {
    color: var(--key-color);
    font-weight: 100;
    font-size: 14px
}

.Onecad-width-1-4\@s {
    width: 25%;
    background-color: #fff
}

.Onecad-grid {
    display: flex;
    margin: auto;
    padding: 0;
    list-style: none;
    flex-wrap: wrap
}

.Onecad-dongtai {
    transition: all .3s
}

.Onecad-dongtai:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

.Onecad-images img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

#onecad_xuk.onecad_xuk h3 {
    font-weight: 600;
    line-height: 35px
}

#onecad_xuk.onecad_xuk .xuk_name {
    line-height: 35px
}

#onecad_xuk.onecad_xuk .xuk_name .td {
    padding-right: 20px;
    line-height: 35px
}

#onecad_xuk.onecad_xuk .xuk_name .span {
    padding: 0 5px;
    background-color: #28a745;
    color: #fff
}

#onecad_xuk.onecad_xuk .xuk_id .td {
    padding-right: 20px;
    line-height: 35px
}

#onecad_xuk.onecad_xuk .xuk_id .span {
    padding: 0 5px;
    background-color: #e91e63;
    color: #fff
}

.order-title div {
    width: 100%
}

#onecad_xuk .xuk_text {
    color: #fb0505
}

.Onecad-new-footer {
    font-size: 12px
}

.Onecad-new-footer p {
    line-height: 35px
}

.onecad_new_footer {
    margin-top: 20px
}

.Onecad-wrap {
    margin: 0 auto;
    font-size: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-bottom: 1px solid #dde2e9;
    padding: 60px 0;
}

.Onecad-new-footer .partner {
    padding: 30px 0 15px
}

.partlink .foot-blank span {
    display: none;
    border: 2px dotted var(--b2color)
}

.partlink .foot-blank:hover span {
    position: absolute;
    bottom: 80px;
    left: 50%;
    display: block !important;
    padding: 5px;
    width: 120px;
    height: 120px;
    border-radius: 2px;
    background-color: var(--main-bg-color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.partlink .foot-blank:hover span img {
    width: 100%
}

.partlink .foot-blank:hover span:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-color: var(--b2color) transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Onecad-new-footer .partner .title {
    padding-bottom: 7px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.Onecad-new-footer .partner a {
    float: left;
    margin-right: 20px;
    white-space: nowrap;
    letter-spacing: 1px
}

.Onecad-new-footer .partner a img {
    margin: 15px 30px 15px 0;
    height: 33px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.Onecad-new-footer .partner a:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: unset
}

.Onecad-new-footer .partner .hyth-link-apply {
    color: var(--b2color);
    cursor: pointer
}

.Onecad-new-footer .partner .partner-first {
    overflow: hidden;
    padding-bottom: 10px;
    height: auto;
    line-height: 22px
}

.Onecad-new-footer .partner .partner-second {
    overflow: hidden;
    padding-top: 15px;
    height: auto;
    line-height: 22px
}
 

.Onecad-new-footer .partlink .hyth-wrap {
    position: relative;
    height: auto
}

.Onecad-new-footer .partlink .mail .title {
    padding-bottom: 7px;
    letter-spacing: 1px;
    line-height: 1
}

.Onecad-new-footer .partlink .mail { 
    padding: 18px 0;  
    letter-spacing: .86px;
    line-height: 20px
}

.Onecad-new-footer .partlink .mail a {
    margin-right: 30px;
    padding-left: 2px;
    vertical-align: unset
}

.hyth-contact-mail i {
    vertical-align: bottom
}

.Onecad-new-footer .partlink .help-btn {
    float: left;
    padding: 18px 10px;
    width: 200px;
    height: 60px
}

.Onecad-new-footer .partlink .help-btn .btn i {
    margin-right: 2px;
    font-size: var(--ji--margin)
}

.Onecad-new-footer a {
    vertical-align: unset;
    font-size: 13px
}

.Onecad-new-footer .partlink .help-btn .btn {
    display: inline-block;
    width: auto;
    height: 30px;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 27px
}

.Onecad-new-footer .partlink .help-btn .btn:hover {
    border: 1px solid var(--body-bg-color)
}

.Onecad-new-footer .partlink .help-btn p {
    margin-top: 13px;
    letter-spacing: .86px
}

.partlink .foot-blank {
    position: relative;
    text-align: center;
    margin: 8px 25px;
    width: 90px;
    height: 80px;
    cursor: pointer
}

.partlink .foot-blank .imgbox {
    position: relative; 
    padding: 5px;
    width: 100%;
    height: 80px
}

.partlink .foot-blank:hover .imgbox i {
    color: var(--b2color)
}

.partlink .foot-blank p {
    padding: 10px 0 10px 80px;
    letter-spacing: 1px;
    line-height: 1
}

.partlink .foot-cell {
    float: left;
    display: block;
    padding: 18px 20px;
    border-left: 1px solid var(--body-bg-color)
}

.partlink .foot-blank .imgbox i {
    color: #abb8c3;
    font-size: 80px;
    line-height: 80px;
    opacity: .7
}

.partlink .foot-cell .tit {
    padding-bottom: 7px;
    letter-spacing: 1px;
    line-height: 1
}

.partlink .foot-cell div {
    letter-spacing: .86px;
    line-height: 28px
}
.hyth-contact-mail{
    line-height: 28px;
}
.partlink .foot-cell .im span,
.partlink .foot-cell .link span {
    cursor: pointer
}

.partlink .foot-cell .im span:hover,
.partlink .foot-cell .link span:hover {
    color: var(--b2color)
}

.partlink .foot-cell .link i,
.partlink .foot-cell .qq i,
.partlink .foot-cell .tel i {
    margin-right: 2px;
    vertical-align: text-bottom;
    font-size: 15px
}

.partlink .foot-cell .email i,
.partlink .foot-cell .im i {
    margin-right: 2px;
    vertical-align: bottom
}

.Onecad-new-footer .copyright {
    padding-top: 32px;
    text-align: center
}

.Onecad-new-footer .copyright .links {
    padding-top: 10px;
    color: var(--key-color);
    font-size: 13px;
    line-height: 28px
}

.Onecad-new-footer .copyright .links span:nth-last-child(1) {
    display: none
}

.Onecad-new-footer .copyright .links a,
.Onecad-new-footer .copyright p a {
    margin: 0 6px;
}

.Onecad-new-footer .copyright p span:nth-last-child(1) {
    display: none
}

.Onecad-new-footer .copyright p {
    letter-spacing: 1px;
    line-height: 28px;
    font-size: 14px;
}

.Onecad-new-footer .copyright .links a:hover,
.Onecad-new-footer .copyright p a:hover,
.Onecad-new-footer .partlink .mail a:hover,
.Onecad-new-footer .partner a:hover {
    color: var(--b2color)
}

.content-grey,
.content-red {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 0;
    text-align: center
}

.content-grey h2,
.content-grey h5,
.content-red h2,
.content-red h5 {
    margin: 0 0 20px;
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.5
}

.content-grey h6,
.content-red h6 {
    margin: 15px 0;
    color: #fff;
    font-size: 17px
}

.content-grey .footer-btna,
.content-red .footer-btna {
    display: block;
    margin: 50px auto 0;
    width: 240px;
    height: 56px;
    border-radius: 6px;
    background-color: #fff;
    color: var(--b2color);
    font-size: 16px;
    line-height: 56px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.content-grey .footer-btna:hover,
.content-red .footer-btna:hover {
    opacity: .9
}

.content-grey h5 {
    color: #000
}

.content-grey h6 {
    color: #8c8889
}

.Onecad-action-panel__main {
    flex: 1;
    -webkit-box-flex: 1
}

.Onecad-action-panel {
    padding: 0 20px;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.Onecad-action-panel__inner {
    display: flex;
    margin: 0 auto;
    min-height: 160px;
    align-items: center
}

.Onecad-action-panel__desc {
    display: -webkit-box;
    overflow: hidden;
    max-width: 700px;
    max-height: 64px;
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000 !important;
}
.Onecad-action-panel__desc .tpm1-action-panel-text-tit,
.Onecad-action-panel__desc .tpm1-action-panel-text-subtit p{
    color: #000;
}

.Onecad-action-panel__qrcodes {
    display: flex;
    margin: 24px 0 8px;
    white-space: nowrap
}

.Onecad-action-panel .tpm1-qrcode:first-child {
    margin-left: 0
}

.tpm1-qrcode__img {
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.tpm1-qrcode__text {
    margin-top: 8px;
    color: #fff
}

.tpm1-qrcode {
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.Onecad-action-panel__desc .tpm1-action-panel-text-subtit {
    color: #fff;
    font-size: 14px;
    line-height: 50px
}

.onecad_new_footer_sj {
    padding: 0 10px 32px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 28px
}

.onecad_new_footer.bg_img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.grid-medium {
    margin-left: -30px
}

.grid-column-medium>*,
.grid-medium>* {
    padding-left: 30px
}

.width-1-5 {
    width: 20%
}

.overflow-hidden {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.post-audio {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center
}

.post-audio:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    filter: blur(5px);
    backdrop-filter: saturate(150%) blur(32px);
    background-color: rgb(0 0 0 / 20%);
    overflow: hidden
}

.audio-box:after {
    content: "";
    width: 100%;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(10px);
    backdrop-filter: saturate(150%) blur(32px)
}

.play-icon {
    position: absolute;
    top: calc((100% - 60px)/ 2);
    right: calc((100% - 60px)/ 2);
    z-index: 1;
    z-index: 2;
    width: 60px;
    height: 60px;
    border: 5px solid #ffffff9e;
    border-radius: 60px
}

.play-dot {
    position: absolute;
    top: 15px;
    right: 55px;
    z-index: 3;
    width: 20px !important;
    height: 20px
}

.play-zhen {
    position: absolute;
    top: 20px;
    right: 62px;
    z-index: 2;
    width: auto !important;
    height: 100px;
    height: 50% !important;
    transition: all .6s ease-in-out;
    transform: rotate(-9deg);
    transform-origin: right top
}

.audio-pan {
    height: 100%
}

.play-pan {
    position: absolute;
    top: calc((100% - 130px)/ 2);
    right: calc((100% - 130px)/ 2);
    z-index: 1;
    width: 120px;
    height: 120px;
    border: 10px solid #f5f6f766;
    border-radius: 100% !important;
    box-shadow: rgb(0 0 0 / 15%) 0 4px 12px
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

.audio-wrapper {
    margin-bottom: 20px;
    padding: 20px;
    flex-direction: column;
    justify-content: center
}

.audio-left {
    display: flex;
    z-index: 1;
    padding: 20px;
    border-radius: 50%;
    width: 190px;
    height: 190px;
    align-items: center;
    justify-content: center;
    background: #00000057;
    flex-direction: column
}

.audio-left img {
    position: absolute;
    z-index: 3;
    display: initial;
    margin: 0 !important;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.post-video>.video .meta-video-tag {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: url(../Center/Assets/images/mp3/play.svg) 50% no-repeat;
    background-size: cover;
    content: ' '
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

#jitheme_post_mp3 .cover-bg {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: url(Center/Assets/images/mp3/pan.png) no-repeat;
    background-color: #000;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    -webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite
}

#jitheme_post_mp3 {
    margin-bottom: 20px
}

#jitheme_post_mp3 .audio-right {
    margin-left: 20px;
    margin-right: 0;
    padding: 20px;
    z-index: 1;
    border-radius: 24px;
    background: #00000057;
    width: 100%;
    color: var(--key-color)
}

#jitheme_post_mp3 .audio-box {
    display: flex;
    padding: 20px;
    background: #000
}

#jitheme_post_mp3 .audio-right h1 {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 0 !important;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 500;
    font-size: 1.5em !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#jitheme_post_mp3 .audio-right .b2timeago {
    color: #fff
}

#jitheme_post_mp3 .audio-right h1:after {
    position: absolute;
    left: 0;
    width: 0 !important;
    height: 100%;
    border-radius: 2px;
    content: ''
}

#jitheme_post_mp3 .progress-bar-bg {
    position: relative;
    height: 10px;
    background-color: #d9d9d9;
    border-radius: 20px;
    cursor: pointer
}

#jitheme_post_mp3 .progress-yinfu {
    position: absolute;
    border-radius: 150px;
    width: 101%;
    height: 100%
}

#jitheme_post_mp3 .progress-bar-bg span {
    position: absolute;
    width: 2px;
    height: 100%;
    content: " ";
    cursor: pointer
}

#jitheme_post_mp3 .progress-bar {
    width: 0;
    height: 100%;
    border-radius: 20px;
    background-image: linear-gradient(to top, #4481eb 0, #04befe 100%)
}

#jitheme_post_mp3 .audio-time {
    overflow: hidden;
    margin-top: 10px;
    color: #eee
}

#jitheme_post_mp3 .audio-length-current {
    float: left;
    font-size: 14px
}

#jitheme_post_mp3 .audio-length-total {
    float: right;
    font-size: 14px
}

#jitheme_post_mp3 .n-box fieldset {
    padding: 10px;
    border: 1px dashed #bdbdbd;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 2em
}

#jitheme_post_mp3 .audio-pan .play-icon {
    position: relative;
    top: 0;
    z-index: 2;
    padding: 10px 50px
}

#jitheme_post_mp3 .audio-pan .play-zhen {
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 2;
    width: auto !important;
    height: 100px;
    height: 50% !important;
    transition: all .6s ease-in-out;
    transform: rotate(-9deg);
    transform-origin: right top
}

#jitheme_post_mp3 .audio-pan .play-dot {
    position: absolute;
    top: 15px;
    right: 17px;
    z-index: 3;
    width: 20px !important;
    height: 20px
}

#jitheme_post_mp3 .audio-pan .play-pan {
    position: relative;
    top: 0;
    margin-top: -70%;
    padding: 10px 50px
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

video {
    box-sizing: border-box;
    height: auto;
    max-width: 100%
}

#jitheme_post_mp3 .poster-footer {
    font-size: 14px;
    padding: 16px 0;
    border-top: unset
}

#jitheme_post_mp3 .poster-footer a {
    margin-right: 24px
}

.jitheme_slide_ss {
    display: flex;
    margin-left: -20px;
    padding: 0 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jitheme_slide_jb {
    position: relative;
    width: 100%
}

.jitheme_slide_n {
    display: flex;
    margin: 0 auto;
    padding-top: 10px;
    height: 60px;
    color: #fff;
    font-size: 14px;
    justify-content: space-between
}

.jitheme_slide_n .jitheme_slide_s {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    border-radius: 73px;
    background: 0 0;
    vertical-align: middle;
    text-align: center;
    line-height: 40px
}

.jitheme_slide_n .jitheme_slide_s ul {
    float: left;
    margin: 0 auto
}

.jitheme_slide_n .jitheme_slide_s li {
    float: left;
    margin-right: 40px
}

.jitheme_slide_n .jitheme_slide_s li .first {
    color: var(--b2color)
}

.jitheme_slide_n .jitheme_slide_s li a {
    float: left;
    color: #606075;
    font-weight: 200;
    font-size: 14px
}

.jitheme_slide_n .jitheme_slide_y {
    position: relative;
    display: inline-block;
    padding: 0 40px;
    height: 40px;
    background: 0 0;
    vertical-align: middle;
    text-align: center;
    line-height: 40px
}

.jitheme_slide_n .jitheme_slide_y a {
    margin-left: 40px;
    color: #f35
}

.jitheme_slide_d {
    box-sizing: border-box;
    padding-left: 20px;
    width: 100%;
    max-width: 100%;
    flex: 0 0 25%
}

.jitheme-dt:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

.jitheme_slide_d .mini-stats {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(0, 0, 0, .125);
    border: none;
    background-clip: border-box;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    word-wrap: break-word;
    transition: all .3s;
    -ms-flex-direction: column;
    flex-direction: column
}

.jitheme_slide_d .mini-stats:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

.mini-stats .mini-stats-content {
    padding: 10px 15px 15px 15px !important
}

.jitheme_slide_d_mb4,
.my-4 {
    margin-bottom: 15px !important
}

.jitheme_slide_d_right {
    color: rgba(255, 255, 255, .5) !important;
    text-align: right !important
}

.jitheme_slide_d_right span {
    display: inline-block;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    padding: .25em .4em;
    border-radius: .25rem;
    background-color: #f8f9fa;
    color: var(--b2color) !important;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-size: 75%;
    line-height: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.jitheme_slide_d_right p {
    color: #fff
}

.jitheme_slide_d_m {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.jitheme_slide_d_m .mini-stats-desc {
    position: relative;
    bottom: 22px;
    display: inline-block;
    display: flex;
    padding: 10px !important;
    height: 100%;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jitheme_slide_d_m .mini-stats-desc li {
    float: left;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    flex: 0 0 33.33333%
}

.jitheme_slide_d_m .mini-stats-desc a {
    display: block
}

.jitheme_slide_d_m .mini-stats-desc a:hover {
    color: var(--primary-color) !important
}

.jitheme_slide_d_m .mini-stats-desc a img {
    display: block;
    margin: 0 auto 10px;
    width: 40px;
    height: 40px
}

.jitheme_slide_d_m .mini-stats-desc p {
    display: block;
    overflow: hidden;
    height: 20px;
    color: var(--this-text);
    text-align: center;
    font-size: 13px;
    line-height: 20px
}

.jiheme_home .home .jitheme_slide_d_m li {
    list-style: none
}

.jitheme_slide_link {
    padding: 20px 30px;
    width: calc(100% + 30px)
}

.jitheme_slide_link ul {
    display: flex;
    margin-left: 0
}

.jitheme_slide_link ul li {
    float: left;
    margin-bottom: 10px;
    padding-right: 30px;
    width: calc(100%/8)
}

.jitheme_slide_link ul li a {
    display: flex;
    border-radius: 4px;
    color: #616161;
    text-align: center;
    font-size: 13px;
    line-height: 28px;
    justify-content: space-around
}

.jitheme_slide_tjmk {
    height: 50px
}

.jitheme_slide_tjmk .jitheme_slide_tj {
    padding: 15px 0 12px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.jitheme_slide_tjmk .jitheme_slide_tj li {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    height: 20px;
    color: var(--muted-color);
    font-size: 13px;
    line-height: 20px
}

.jitheme_jishi_gg {
    position: relative;
    width: 376px
}

.jitheme_jishi {
    width: 376px;
    height: 39px;
    background-image: url(../img/tip-l.png);
    background-size: 376px 62px;
    background-repeat: no-repeat
}

.jitheme_jishi:before {
    margin-right: 8px;
    width: var(--ji--margin);
    height: var(--ji--margin);
    background-image: url(../img/icon-clock.svg);
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    content: ""
}

.jitheme_jishi {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    color: #000;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    line-height: 22px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jitheme_jishi em {
    display: inline-block;
    margin: 0 5px;
    padding-top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background-color: var(--b2color);
    color: #fff;
    font-style: unset
}

.jitheme_jishi_img {
    width: 100%;
    height: 180px
}

.vsjs {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0 5px;
    height: 20px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 20px
}

.jitheme_wrapper {
    margin: 0 auto;
    padding: 0 50px;
    width: 95%
}

.Onecad_title,
.module-title,
.webfont,
.widget-title {
    font-style: normal;
    font-size: 16px;
    font-family: webfont !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tax-header {
    margin-top: -16px
}

.tax-info-item-jitheme {
    display: flex;
    margin-right: 0;
    align-items: center
}

.tax-info-item-jitheme .fliter-button {
    display: block;
    padding: 7px var(--ji--margin);
    border: 0;
    border-color: #f8f9fa;
    background-color: var(--float-btn-bg);
    box-shadow: 0 0 2px rgb(98 124 153 / 10%);
    color: var(--key-color);
    font-size: 14px
}

.fixed-right {
    visibility: visible;
    opacity: 1
}

.fixed-right .item:hover {
    background: var(--b2color);
    color: #fff
}

.fixed-right {
    position: fixed;
    bottom: var(--ji--margin);
    z-index: 20;
    display: block;
    margin-left: 665px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.fixed-right span:hover .code-div {
    display: block
}

.fixed-right .drop {
    margin-bottom: 10px
}

.fixed-right .menus {
    margin-bottom: 10px
}

.fixed-right .menus .item:last-child {
    border-bottom: none;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fixed-right .menus .item {
    border-bottom: 1px solid #f2f2f2
}

.fixed-right .item {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 8px var(--ji--margin) rgba(0, 0, 0, .05);
    color: #505050;
    text-align: center;
    font-size: 26px;
    line-height: 50px;
    cursor: pointer
}

.fixed-right i {
    font-size: 18px
}

.fixed-right .code-div {
    position: absolute;
    right: 100%;
    bottom: -50px;
    display: none;
    margin-right: -20px;
    padding-right: 30px
}

.fixed-right .code-div .ewmDiv {
    padding: 15px 15px 0 15px;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.fixed-right .code-div .ewm-item {
    overflow: hidden;
    margin-bottom: 10px;
    width: 200px;
    border-bottom: 1px dashed #eaeaea
}

.fixed-right .code-div .ewm-item:last-child {
    border-bottom: 0 dashed #fff
}

.fixed-right .code-div .ewm-item .code-wrap {
    float: left;
    width: 40%
}

.fixed-right .code-div .code {
    margin-bottom: 10px;
    padding-top: 100%;
    width: 100%;
    height: 0;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: contain
}

.fixed-right .code-div .ewm-item .ewm-main {
    margin-left: 45%;
    text-align: center
}

.fixed-right .code-div p {
    margin: 5px 0 8px;
    color: #bcbcbc;
    font-size: 12px;
    line-height: 1.3
}

.fixed-right .code-div .ewm-weibo a h5 {
    color: var(--b2color)
}

.fixed-right .code-div .wz {
    color: var(--b2color);
    font-size: 12px;
    line-height: 22px
}

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

.modules-title-box .module-title {
    margin-right: 10px;
    text-align: left;
    font-weight: 600;
    font-size: 26px
}

.col-sm-6 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(20% - 12px);
    border-radius: 4px;
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mb20 {
    margin-bottom: var(--ji--margin)
}

.homebk8-ctn ul,
.homebk9-ctn ul {
    display: flex;
    width: calc(100% + var(--ji--margin));
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap
}

.homebk8-ctn li {
    padding: 20px;
    width: 14.28%;
    border-radius: 5px;
    text-align: center;
    transition: .2s
}

.whitebg-sm {
    border-radius: 8px !important;
    background: #fff
}

.homebk12 .homebk6-btn {
    flex-direction: column
}

.homebk6-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s;
    justify-content: center;
    align-items: center
}

.homebk12 .homebk8-ctn li {
    position: relative;
    overflow: hidden;
    margin-right: var(--ji--margin);
    margin-bottom: var(--ji--margin)
}

.homebk12 .homebk8-ctn li:hover .homebk12-item {
    filter: blur(15px)
}

.homebk12 .homebk8-ctn li:hover .homebk6-btn {
    opacity: 1
}

.homebk12 .homebk8-ctn li a {
    height: 140px
}

.homebk12 .homebk6-btn {
    flex-direction: column
}

.homebk12 .homebk8-ctn .homebk6-btn a {
    margin-bottom: 10px;
    height: 28px
}

.homebk12 .homebk8-ctn .homebk6-btn a:hover {
    margin-top: 0;
    opacity: .9
}

.homebk12 .homebk8-ctn li:hover img {
    margin-top: 0
}

.homebk12 .homebk8-ctn li .homebk12-img img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.homebk12 .homebk8-ctn li .homebk12-img {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding: 6px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: #f4f4f4
}

.homebk12-img .homebk12-imgbg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 66px;
    height: 66px;
    background: #eee;
    background-size: cover;
    opacity: .2;
    transform: translate(-50%, -50%);
    filter: blur(8px)
}

.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center
}

.homebk12 .homebk8-ctn .homebk6-btn a {
    margin-bottom: 10px;
    height: 28px
}

.homebk12 .homebk8-ctn li a {
    height: 140px
}

.homebk6-btn a.ckxq {
    background: #2dc5ff
}

.homebk6-btn a.zdwz {
    background: #47e193
}

.homebk8-ctn li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 86px;
    height: 150px
}

.homebk6-btn a {
    display: block;
    margin: 0 5px;
    width: 80px;
    height: 28px;
    border-radius: 3px;
    background: #999;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    transition: .3s
}

.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center
}

.homebk8-ctn li p {
    overflow: hidden;
    color: var(--this-text);
    text-overflow: ellipsis;
    font-size: 12px
}

.homebk8-ctn li h3 {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 15px
}

.sitesingle {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: stretch
}

.whitebg {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px rgba(54, 138, 179, .1)
}

.link-box,
.mb20 {
    margin-bottom: 20px
}

.link-box {
    padding: 0
}

.sitesingle::after,
.sitesingle::before {
    position: absolute;
    top: 280px;
    left: 50%;
    z-index: 0;
    margin-left: -153vh;
    width: 198vw;
    height: 211vw;
    border-radius: 43%;
    background-color: #08f;
    content: '';
    opacity: .05;
    transform-origin: 50% 49%;
    animation: bgRotate 30s linear infinite;
    animation-duration: 30s
}

.sitesingle {
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: var(--ji--margin);
    justify-content: space-between;
    align-items: stretch
}

.sitesingle::after,
.sitesingle::before {
    position: absolute;
    top: 280px;
    left: 50%;
    z-index: 0;
    margin-left: -153vh;
    width: 198vw;
    height: 211vw;
    border-radius: 43%;
    background-color: #08f;
    content: '';
    opacity: .05;
    transform-origin: 50% 49%;
    animation: bgRotate 30s linear infinite;
    animation-duration: 30s
}

.sitesingle::after {
    border-radius: 45%;
    opacity: .1
}

.sitesingle-l {
    position: relative;
    z-index: 99;
    display: flex;
    padding: 35px 25px;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch
}

.sitesingle-img {
    margin-right: 30px;
    padding: 10px;
    width: 300px;
    height: 240px;
    background: rgba(0, 0, 0, .05);
    box-shadow: 0 30px 20px -20px rgba(0, 0, 0, .15)
}

.sitesingle-img img {
    width: 100%;
    height: 100%
}

.sitesingle-r {
    position: relative;
    z-index: 99;
    padding: 45px 25px;
    width: 35%;
    text-align: right
}

.sitesingle-r img {
    width: 370px;
    height: 220px;
    border-radius: 5px
}

.sitesingle-l .info {
    margin-top: 10px;
    margin-bottom: 15px
}

.sitesingle-l .info p {
    color: #6b7386;
    line-height: 2
}

.sitesingle-l .info p a {
    margin-right: 10px;
    color: #6b7386
}

.sitesingle-l .info p a i {
    margin-right: 3px
}

.sitesingle-infopf {
    display: flex;
    color: #6b7386;
    line-height: 2;
    justify-content: flex-start;
    align-items: center
}

.appsingle .sitesingle-infopf p.star {
    margin-bottom: 0;
    width: 65px
}

.appsingle .info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center
}

.appsingle .info .sitesingle-infopf {
    width: 100%
}

.sitesingle-info {
    width: calc(100% - 300px)
}

.appsingle .info p {
    display: block;
    margin-right: 25px;
    width: 40%
}

.sitesingle-btn a {
    display: inline-block;
    margin-right: 6px;
    width: 90px;
    height: 28px;
    border-radius: 3px;
    background: #999;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    transition: .3s
}

.sitesingle-btn a i {
    margin-right: 3px;
    font-size: 12px;
    transition: .2s
}

.sitesingle-btn a.zdwz {
    background: #2dc5ff
}

.sitesingle-btn a.sjck {
    position: relative;
    background: #47e193
}

.sitesingle-btn a.sjck .sjckimg {
    position: absolute;
    top: 50%;
    left: 100px;
    display: none;
    padding: 6px;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    background: #eee;
    transform: translateY(-50%)
}

.sitesingle-btn a.sjck .sjckimg:before {
    position: absolute;
    top: 50%;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 10px transparent solid;
    border-right: 10px #eee solid;
    border-bottom: 10px transparent solid;
    border-left: 10px transparent solid;
    content: "";
    transform: translateY(-50%)
}

.sitesingle-btn a.sjck:hover .sjckimg {
    display: block
}

.sitesingle-btn a:hover i {
    margin-right: 6px
}

.sitesingle-btn a.sjck .sjckimg img {
    width: 100%;
    height: 100%
}

.sitesingle-btn a:hover {
    box-shadow: 0 0 10px rgb(54, 138, 179, .1);
    color: #fff
}

.booksingle .sitesingle-img {
    width: 210px;
    height: 290px
}

.booksingle .sitesingle-l .info p {
    line-height: 2.3
}

.booksingle-tj .homebk9-ctn li img {
    width: 140px;
    height: 190px
}

.appsingle .sitesingle-img {
    width: 240px;
    height: 240px
}

.site-warp {
    display: flex;
    overflow: hidden;
    height: 300px;
    align-items: center;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat !important
}

.site-search {
    max-width: 680px
}

.site_tongji {
    overflow: hidden;
    padding: 0 5px;
    color: #909399;
    font-weight: 100
}

.site-search h3 {
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    font-size: 26px
}

.site-search form {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: 4px 0 0 4px;
    background: #fff
}

.site-search input {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 4px;
    color: var(--this-text);
    text-indent: 10px
}

.site-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 80px;
    height: 36px;
    outline: 0;
    border: 0;
    border-radius: 4px;
    background: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    transition: all .1s
}

.jitheme_search_add {
    top: 0;
    right: 5px;
    bottom: 0;
    display: inline-block;
    margin: auto;
    padding: 0;
    width: 80px;
    height: 36px;
    outline: 0;
    border: 0;
    border-radius: 4px;
    background: #00ce41;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    transition: all .1s
}

.b2-links-yl a:hover {
    color: #fff
}

.site-search form i {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 15px;
    color: #999;
    font-size: 22px;
    transform: translateY(-50%)
}

.search-tmenu {
    margin-bottom: 20px;
    padding: 0;
    text-align: center
}

.search-tmenu li {
    display: inline-block;
    padding: 0 12px
}

.search-tmenu li span {
    display: inline-block;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.search-tmenu .active span {
    position: relative;
    display: inline-block;
    color: #fff
}

.search-tmenu .active span::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background: #fff;
    content: ''
}

.search-bmenu {
    text-align: center
}

.search-bmenu .on {
    color: #fff;
    opacity: 1
}

.search-item {
    display: inline-block;
    margin: 0 10px;
    color: #fff;
    font-size: 14px;
    opacity: .5;
    cursor: pointer
}

.subnav {
    margin-top: 15px
}

.subnav-item {
    display: none
}

.subnav .active {
    display: block !important
}

.sousk {
    display: flex;
    border: 5px solid rgb(255 255 255 / 18%)
}

.b2-links-yl {
    right: 0;
    padding: 5px;
    border-radius: 0 4px 4px 0;
    background: #fff;
    text-align: center;
    line-height: 26px
}

.jitheme_search {
    display: block;
    width: 80px;
    color: var(--b2color);
    font-size: 14px;
    flex: inherit
}

.b2-tab-links {
    width: 150px;
    min-width: 150px
}

.link-total-cat {
    margin-right: 0;
    margin-bottom: 0;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    background-color: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 15px
}

.b2-tab-links a.toc-link {
    margin: 0
}

.jitop_gif {
    position: absolute;
    top: 30px;
    left: -65px;
    padding: 0;
    width: 55px;
    height: auto;
    border: 0;
    background: 0 0
}

.jitop_gif .icon-avatar {
    position: relative;
    z-index: 4;
    display: inline-block;
    width: 85px;
    height: 150px;
    background: url(../../Center/Assets/images/th.gif) no-repeat 0 0;
    vertical-align: top
}

.search-form-document input {
    padding: 15px;
    border-radius: 0;
    border-radius: 10px;
    font-size: 15px
}

.search-form-document button i {
    margin-right: 5px;
    font-size: 20px;
    transform: translateY(2px)
}

.search-form-document button {
    top: 0;
    right: 8px;
    bottom: 0;
    left: unset;
    display: flex;
    margin: auto;
    padding: 0;
    width: 80px;
    height: 36px;
    outline: 0;
    border: 0;
    border-radius: 4px;
    background: var(--b2color);
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 38px;
    transition: all .1s;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center
}

.search-form-document {
    width: 800px
}

.video-list-title {
    display: flex
}

.bar-middle {
    bottom: 40px;
    width: 100%
}

.aside-bar {
    width: 50px
}

.bar-footer>div,
.bar-normal>div {
    position: relative;
    padding: 10px
}

.aside-bar .bar-item-desc {
    border-radius: 0
}

.bar-item-desc.bar-qrcode-box li {
    padding: 10px
}

.bar-footer,
.bar-middle .bar-normal,
.bar-top,
.gdd-quick-link-buy-vip {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.gdd-quick-link-buy-vip__popover {
    right: 10px
}

.gdd-quick-link-buy-vip__hover-block {
    width: 50px
}

.gdd-quick-link-buy-vip__hover-block p {
    margin-left: 11px;
    width: 28px
}

.post-breadcrumb a {
    line-height: 24px
}

.jitheme-bqts {
    padding: 15px;
    background: #eef7ff;
    color: #121212
}

.jitheme-bqts p {
    font-size: 13px
}

.jitheme-bqts1 {
    display: flex;
    margin-bottom: 10px;
    font-size: 18px
}

.jitheme-bqts2 {
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .jitheme-bqts2 p {
        margin-bottom: 0;
        font-size: 12px
    }

    .jitheme-bqts1 {
        margin-bottom: 0
    }
}

#page-wrapper .slider-1 .carousel,
#page-wrapper .slider-1 .flickity-viewport img {
    border-radius: 0 !important
}

.slider-1.b2-radius {
    border-radius: 0 !important
}

.home-section-first-menus {
    position: absolute;
    width: 260px;
    background: #333333ab;
    height: 100%;
    z-index: 3
}

.home-section-first-menus .sub {
    display: none;
    opacity: 0;
    transition: opacity .3s ease
}

.home-section-first-menus .sub.fade-in {
    opacity: 1
}

.home-section-first-menus .main-menus {
    height: 100%
}

.home-section-first-menus .main-menus ul {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.home-section-first-menus .main-menus .li {
    display: block
}

.home-section-first-menus .main-menus .li.show a {
    background: hsla(0, 0%, 100%, .3);
    border-radius: var(--b2radius)
}

.home-section-first-menus .main-menus .li.show .menu {
    color: #fff
}

.home-section-first-menus .main-menus .li.show .sub {
    visibility: visible;
    opacity: 1
}

.home-section-first-menus .main-menus .menu {
    display: block;
    padding: 0.7rem;
    color: hsla(0, 0%, 100%, .8);
    font-size: 18px;
    display: flex;
    margin: 0.4rem;
    font-size: 16px;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

.home-section-first-menus .main-menus .menu img {
    width: 30px;
    height: 30px;
    background-color: #ffffff54;
    border-radius: 30px;
    margin-right: 10px;
    padding: 5px;
}

.home-section-first-menus .main-menus .sub {
    position: absolute;
    top: 0;
    bottom: 0;
    visibility: hidden;
    overflow-y: auto;
    padding: 20px;
    width: 480px;
    background: var(--main-bg-color);
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.home-section-first-menus .main-menus .sub h2 {
    margin-bottom: 18px;
    font-size: 16px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 {
    overflow: hidden;
    margin: 0 -12px 0
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
    float: left;
    margin-bottom: 24px;
    padding: 0 12px;
    width: 50%
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
    /* position: fixed; */
    display: flex;
    padding: 10px;
    flex-direction: row;
    border-radius: var(--ji--radius);
    justify-content: flex-start;
    background-color: var(--ji-btcolor);
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover {
    background: var(--b2color);
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover i {
    color: var(--b2color)
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .desc,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-024,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .tit {
    color: #fff;
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb {
    display: block;
    width: 50px;
    height: 50px;
    color: var(--key-color);
    text-align: center;
    font-size: 35px;
    line-height: 50px;
    margin-right: 10px;
    border-radius: var(--ji--radius);
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .sub-item-fl {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-section-first-menus .main-menus .menu p:before {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 7px;
    height: 7px;
    border-top: 1px solid hsla(0, 0%, 100%, .8);
    border-right: 1px solid hsla(0, 0%, 100%, .8);
    content: '';
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translate(20px, -50%) rotate(45deg);
    transform: translate(20px, -50%) rotate(45deg)
}

.home-section-first-menus .main-menus .menu span {
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.home-section-first-menus .main-menus .menu .b2flax {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
    display: block;
    overflow: hidden;
    height: 1.5em;
    font-weight: 400;
    font-size: 16px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    display: inline-block;
    margin-bottom: 3px;
    color: #ffa300;
    vertical-align: bottom;
    font-size: 12px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    color: #ff2c58
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc {
    display: block;
    overflow: hidden;
    height: 1.5em;
    color: #bdbdbd;
    font-size: 12px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 {
    margin: 0 -10px 0 0
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    width: 33.3333%
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    height: 36px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 36px;
    background-color: var(--ji-btcolor);
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    line-height: 25px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover {
    background: var(--b2color);
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em {
    background: #fff;
    color: var(--b2color)
}

.thumb {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.timer {
    z-index: 1;
    color: #fff;
    transform: translateY(0);
    user-select: none
}

@media screen and (max-width: 512px) {
    .timer {
        transform: translateY(-10px)
    }
}

.timer__content {
    display: flex;
    margin-top: 20px
}

.timer__item {
    position: relative;
    display: flex;
    padding: 0 10px;
    width: 25%;
    color: #f35;
    transition: all 1s .2s ease;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: item .6s ease backwards
}

.timer__item:hover {
    transition: all .3s ease;
    transform: translateY(0)
}

@media screen and (max-width: 799px) {
    .timer__item:hover {
        transform: translateY(0)
    }
}

.timer__item:nth-child(1) {
    animation-delay: .2s
}

.timer__item:nth-child(2) {
    animation-delay: .4s
}

.timer__item:nth-child(3) {
    animation-delay: .6s
}

.timer__item:nth-child(4) {
    animation-delay: .8s
}

@keyframes item {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
}

.timer__item:before {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: calc(100% - 20px);
    height: 60px;
    border-radius: 10px;
    background-color: #ffffff87;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2), inset 2px 4px 0 0 rgba(255, 255, 255, .08);
    content: "";
    backdrop-filter: blur(5px);
    backdrop-filter: blur(10px);
    align-items: center
}

@media screen and (max-width: 799px) {
    .timer__item:before {
        height: 80px
    }
}

@media screen and (max-width: 512px) {
    .timer__item:before {
        width: calc(100% - 10px);
        height: 60px;
        border-radius: 5px
    }
}

.timer__name {
    position: absolute;
    right: 12px;
    bottom: 0;
    border: 3px solid #f5f6f71a;
    border-radius: 50%;
    color: #e91e63;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 12px;
    font-family: "Barlow Semi Condensed", sans-serif;
    line-height: 13px
}

@media screen and (max-width: 799px) {
    .timer__name {
        font-size: 14px
    }
}

.timer__number {
    display: flex;
    width: 60px;
    height: 60px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 30px;
    justify-content: center;
    align-items: center;
    animation: number .4s 1.4s ease backwards
}

@media screen and (max-width: 799px) {
    .timer__number {
        width: 80px;
        height: 80px;
        font-size: 40px
    }
}

@media screen and (max-width: 512px) {
    .timer__number {
        width: 60px;
        height: 60px;
        font-size: 28px
    }
}

@keyframes number {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
}

.timer__text {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #e91e63;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

@media screen and (max-width: 799px) {
    .timer__text {
        font-size: var(--ji--margin)
    }
}

@media screen and (max-width: 512px) {
    .timer__text {
        margin-top: 30px
    }
}

.timer_btn {
    position: relative;
    display: flex;
    margin: 20px auto 0 auto;
    margin-top: 20px;
    width: 152px;
    height: 32px;
    background-image: linear-gradient(134deg, #4d5580, #3d4466);
    color: #fff3eb;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.timer_btn {
    border: 0 !important
}

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

.timer_btn:active {
    background-image: linear-gradient(134deg, rgba(77, 85, 128, .8), rgba(61, 68, 102, .8))
}

.timer_btn .timer_btn_jb {
    position: absolute;
    top: -14px;
    right: -54px;
    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: 20px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.document-content .box,
.side-fixed {
    display: table;
    width: 100%;
    height: 100%
}

.b2-pagenav {
    margin-top: 10px;
    padding: 10px
}

.jitheme_zt {
    position: absolute;
    box-sizing: border-box;
    margin-top: 1px;
    margin-left: 10px;
    padding: 0 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.collection-button {
    width: 40px;
    height: 40px
}

.collection-next .flickity-button-icon,
.collection-previous .flickity-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    transform: translate(-50%, -50%)
}

.jitheme_color {
    background: var(--b2color)
}

.jitheme_zt:after {
    position: absolute;
    top: 3px;
    left: -4px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid var(--b2color);
    border-bottom: 5px solid transparent;
    content: ""
}

.jitheme_soft {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    padding-top: 5px;
    width: 25px;
    height: auto;
    background-color: #ffffffed;
    box-shadow: 0 5px 40px 0 rgba(17, 58, 93, .1);
    text-align: center;
    font-size: 8px;
    backdrop-filter: blur(10px);
    align-items: center
}

.soft_ico img {
    margin-bottom: 5px;
    width: 15px;
    height: 15px
}

.jianma_btn {
    display: inline-block;
    padding: 3px 5px;
    color: #fff !important;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.entry-content a:hover {
    text-decoration: none !important
}

.jitheme {
    transition: opacity .15s linear
}

.btn-primary {
    border-color: #536de6;
    background-color: #536de6;
    color: #fff !important
}

.btn-primary:hover {
    border-color: #2647e0;
    background-color: #3251e1;
    color: #fff !important
}

.btn-secondary {
    border-color: #6c757d;
    background-color: #6c757d;
    color: #fff !important
}

.btn-secondary:hover {
    border-color: #545b62;
    background-color: #5a6268;
    color: #fff !important
}

.btn-success {
    border-color: #10c469;
    background-color: #10c469;
    color: #fff !important
}

.btn-success:hover {
    border-color: #0c9550;
    background-color: #0da156;
    color: #fff !important
}

.btn-info {
    border-color: #35b8e0;
    background-color: #35b8e0;
    color: #fff !important
}

.btn-info:hover {
    border-color: #1e9dc4;
    background-color: #20a6cf;
    color: #fff !important
}

.btn-info.focus,
.btn-info:focus {
    border-color: #1e9dc4;
    background-color: #20a6cf;
    box-shadow: 0 0 0 .2rem rgba(83, 195, 229, .5);
    color: #fff !important
}

.btn-warning {
    border-color: #f9c851;
    background-color: #f9c851;
    color: #631c00
}

.btn-warning:hover {
    border-color: #f7b820;
    background-color: #f8bc2c;
    color: #631c00
}

.btn-warning.focus,
.btn-warning:focus {
    border-color: #f7b820;
    background-color: #f8bc2c;
    box-shadow: 0 0 0 .2rem rgba(227, 174, 69, .5);
    color: #631c00
}

.btn-danger {
    border-color: #ff5b5b;
    background-color: #ff5b5b;
    color: #fff !important
}

.btn-danger:hover {
    border-color: #ff2828;
    background-color: #ff3535;
    color: #fff !important
}

.btn-danger.focus,
.btn-danger:focus {
    border-color: #ff2828;
    background-color: #ff3535;
    box-shadow: 0 0 0 .2rem rgba(255, 116, 116, .5);
    color: #fff !important
}

.btn-danger.disabled,
.btn-danger:disabled {
    border-color: #ff5b5b;
    background-color: #ff5b5b;
    color: #fff !important
}

.btn-light {
    border-color: #f35;
    background-color: #f35;
    color: #631c00
}

.btn-light:hover {
    border-color: #f35;
    background-color: #f35;
    color: #631c00
}

.btn-dark {
    border-color: #323a46;
    background-color: #323a46;
    color: #fff !important
}

.btn-dark:hover {
    border-color: #1d2128;
    background-color: #222830;
    color: #fff !important
}

.collapse:not(.show) {
    display: none
}

.alert {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert h4,
.alert h5 {
    margin: 0 0 15px;
    margin-bottom: .875rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

button.close {
    padding: 0;
    border: 0;
    background-color: transparent
}

.close {
    float: right;
    height: 100%;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    opacity: .5
}

.alert-dismissible .close {
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    padding: .4rem 1.25rem;
    color: inherit
}

.alert-primary {
    border-color: #cfd6f8;
    background-color: #dde2fa;
    color: #2b3978
}

.alert-primary hr {
    border-top-color: #b9c3f5
}

.alert-primary .alert-link {
    color: #1e2752
}

.alert-secondary {
    border-color: #d6d8db;
    background-color: #e2e3e5;
    color: #383d41
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    border-color: #bceed5;
    background-color: #cff3e1;
    color: #086637
}

.alert-success hr {
    border-top-color: #a8e9c8
}

.alert-success .alert-link {
    color: #04371e
}

.alert-info {
    border-color: #c6ebf6;
    background-color: #d7f1f9;
    color: #1c6074
}

.alert-info hr {
    border-top-color: #b0e3f3
}

.alert-info .alert-link {
    color: #123e4b
}

.alert-warning {
    border-color: #fdf0ce;
    background-color: #fef4dc;
    color: #81682a
}

.alert-warning hr {
    border-top-color: #fce9b6
}

.alert-warning .alert-link {
    color: #5b491d
}

.alert-danger {
    border-color: #ffd1d1;
    background-color: #ffdede;
    color: #852f2f
}

.alert-danger hr {
    border-top-color: #ffb8b8
}

.alert-danger .alert-link {
    color: #5f2222
}

.alert-light {
    border-color: #f5f9fc;
    background-color: #f8fafd;
    color: #73797f
}

.alert-light hr {
    border-top-color: #e1edf6
}

.alert-light .alert-link {
    color: #5b6064
}

.alert-dark {
    border-color: #c6c8cb;
    background-color: #d6d8da;
    color: #1a1e24
}

.alert-dark hr {
    border-top-color: #b9bbbf
}

.alert-dark .alert-link {
    color: #050506
}

.m-1 {
    margin: 5px !important
}

.mt-1,
.my-1 {
    margin-top: 5px !important
}

.mr-1,
.mx-1 {
    margin-right: 5px !important
}

.mb-1,
.my-1 {
    margin-bottom: 5px !important
}

.ml-1,
.mx-1 {
    margin-left: 5px !important
}

.m-2 {
    margin: 5px !important
}

.mt-2,
.my-2 {
    margin-top: 5px !important
}

.mr-2,
.mx-2 {
    margin-right: 5px !important
}

.mb-2,
.my-2 {
    margin-bottom: 5px !important
}

.ml-2,
.mx-2 {
    margin-left: 5px !important
}

.m-3 {
    margin: 10px !important
}

.mt-3,
.my-3 {
    padding-top: 10px !important
}

.mr-3,
.mx-3 {
    margin-right: 10px !important
}

.mb-3,
.my-3 {
    margin-bottom: 10px !important
}

.ml-3,
.mx-3 {
    margin-left: 10px !important
}

.m-4 {
    margin: 15px !important
}

.mt-4,
.my-4 {
    margin-top: 15px !important
}

.mr-4,
.mx-4 {
    margin-right: 15px !important
}

.mb-4,
.my-4 {
    margin-bottom: 15px !important
}

.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1.25rem;
    width: 100%;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    color: #212529;
    text-align: left;
    font-size: 14px;
    font-size: .9375rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-anchor: none
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none
    }
}

.accordion .accordion-button {
    text-align: left
}

.accordion.accordion-icon .accordion-header {
    position: relative;
    margin: 0
}

.accordion.accordion-icon .accordion-header .accordion-button {
    border: none;
    background: 0 0;
    font-size: 13px
}

.accordion.accordion-icon .accordion-header .accordion-button:after {
    position: absolute;
    top: 47%;
    right: 20px;
    z-index: 9;
    display: block;
    width: 10px;
    height: 2px;
    background: #24292d !important;
    content: "";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -webkit-transform: rotateZ(0);
    transform: translateY(-50%);
    transform: rotateZ(0)
}

.accordion.accordion-icon .accordion-header .accordion-button:before {
    position: absolute;
    top: 47%;
    right: 20px;
    z-index: 9;
    display: block;
    width: 10px;
    height: 2px;
    background: #24292d !important;
    content: "";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -webkit-transform: rotateZ(0);
    transform: translateY(-50%);
    transform: rotateZ(0)
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0)
}

.accordion.accordion-icon .accordion-collapse {
    border: none;
    background-color: #f8fafd;
    font-size: 13px
}

.accordion.accordion-icon .accordion-body {
    padding: .2rem .5rem .5rem 1rem
}

.accordion.accordion-bg-light .accordion-item {
    border: none;
    background-color: transparent
}

.accordion.accordion-bg-light .accordion-button {
    padding: .65rem 1.25rem;
    background-color: #cff3e1 !important;
    color: #086637 !important
}

.accordion.accordion-bg-light .accordion-button:after {
    background: #24292d !important
}

.accordion.accordion-bg-light .accordion-button:before {
    background: #24292d !important
}

.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media (max-width: 575.98px) {
    .accordion-icon .accordion-body {
        padding: .6rem .5rem .5rem .5rem !important
    }

    .accordion-header .accordion-button {
        padding-left: 1.3rem !important
    }
}

.jitheme_meta {
    padding-bottom: 20px;
    justify-content: center
}

.jitheme_meta a {
    margin: 0;
    padding: 0 15px;
    height: 22px;
    max-width: unset;
    border: 0;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 22px
}

.jitheme_meta a.current,
.jitheme_meta a:hover {
    border: none;
    background: 0 0 !important;
    color: var(--b2color)
}

.jitheme_meta span {
    display: flex;
    margin-top: 0
}

.jitheme_meta span i {
    margin-right: 5px;
    vertical-align: text-top;
    font-size: 20px
}

.jitheme_meta span img {
    margin-right: 5px;
    width: 20px;
    height: auto
}

.jitheme_meta a:hover {
    border: none;
    background: 0 0 !important;
    color: var(--b2color)
}

#jitheme_archive_swiper {
    position: relative;
    width: 100%
}

#sence-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -ms-transform: translateX(0)
}

#sence-box #sence-list-box {
    position: relative;
    width: 100%;
    height: 100%
}

#sence-box #sence-list-box #swiper1 {
    z-index: 0 !important;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.jitheme_index_gg {
    width: 100%;
}

.hottopic-next,
.hottopic-prev {
    margin-top: -25px
}

.sence-list-next,
.sence-list-prev {
    right: 0;
    margin-top: -80px
}

.swiper-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    list-style: none
}

.jitheme_swiper_jt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.jitheme_swiper_jt div {
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background: var(--body-bg-color);
    box-shadow: unset;
    color: var(--key-color);
    cursor: pointer;
    transition: background-color .2s;
    backdrop-filter: blur(6px);
    justify-content: center;
    align-items: center;
    pointer-events: auto
}

.jitheme_swiper_jt .b2font {
    font-size: 25px
}

.jitheme_swiper_jt div img,
.swiper-button-next img,
.swiper-button-prev img {
    width: 18px;
    height: var(--ji--margin)
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide {
    position: relative;
    height: 80px;
    transition: all .28s
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: space-around
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    float: left;
    overflow: hidden;
    margin-left: var(--ji--margin);
    height: 100%;
    background: 0 0;
    text-align: left
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    -moz-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 45px;
    border-top-width: 0;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name h6 {
    display: block;
    color: var(--key-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name span {
    display: block;
    margin-top: 4px;
    color: var(--muted-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 17px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    overflow: hidden;
    width: 98px;
    height: 46px;
    background: 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image {
    float: right;
    overflow: hidden;
    width: 45px;
    height: 45px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image img {
    width: 100%;
    border: 0
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image .sence-diagram-normal {
    width: 100%
}

#sence-list-box .swiper-button-next,
#sence-list-box .swiper-button-prev {
    position: absolute;
    top: unset;
    z-index: 10;
    width: 36px;
    height: 80px;
    background-position: center;
    background-size: 27px 44px;
    background-repeat: no-repeat;
    cursor: pointer
}

.swiper-container .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    pointer-events: none
}

#sence-box #sence-list-box .swiper-button-next,
#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev {
    right: -20px;
    justify-content: flex-start
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: auto;
    background-image: unset
}

#sence-box #sence-list-box .swiper-button-next .iconfont,
#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev .iconfont {
    outline: 0;
    color: #000;
    font-weight: 900;
    font-size: 24px;
    line-height: 40px
}

#sence-box #sence-list-box .swiper-button-prev .iconfont,
#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next .iconfont {
    outline: 0;
    color: #000;
    font-weight: 900;
    font-size: 24px;
    line-height: 40px
}

#sence-box #sence-list-box .swiper-button-prev,
#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next {
    left: -20px;
    justify-content: flex-start
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    right: auto;
    left: -20px;
    background-image: unset
}

#jiheme_heml .swiper-button-prev {
    left: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    z-index: 5;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    cursor: pointer
}

.topic-title {
    position: relative;
    padding-left: 10px;
    color: #3b3946;
    font-weight: 600;
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    line-height: 30px
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: transform, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    pointer-events: none
}

#hottopic #swiper2 {
    z-index: 0 !important;
    overflow: hidden;
    height: 100%
}

#hottopic #swiper2 .swiper-slide {
    overflow: hidden;
    overflow: hidden;
    margin-right: 20px;
    width: 292px;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-transition: all .3s
}

#hottopic #swiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 126px
}

.swiper-container .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    pointer-events: none
}

#hottopic .swiper-button-next,
#hottopic .swiper-container-rtl .swiper-button-prev {
    width: 40px;
    height: 40px;
    outline: 0;
    border-radius: 50%;
    text-align: center
}

#hottopic .swiper-button-next .iconfont,
#hottopic .swiper-container-rtl .swiper-button-prev .iconfont {
    outline: 0;
    color: #000;
    font-weight: 900;
    font-size: 24px;
    line-height: 40px
}

#hottopic .swiper-button-prev,
#hottopic .swiper-container-rtl .swiper-button-next {
    width: 40px;
    height: 40px;
    outline: 0;
    border-radius: 50%;
    text-align: center
}

#hottopic .swiper-button-prev .iconfont,
#hottopic .swiper-container-rtl .swiper-button-next .iconfont {
    outline: 0;
    color: #000;
    font-weight: 900;
    font-size: 24px;
    line-height: 40px
}

#Jitheme_diy_fla .jitheme_item img {
    width: 100%
}

.jitheme_item {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.jitheme_mask {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .384);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: PingFangSC-Medium, PingFang SC;
    cursor: pointer;
    transition: background-color .2s;
    justify-content: center;
    align-items: center
}

.jitheme_mask:hover {
    background-color: var(--b2color)
}

.jitheme_mask:hover .jitheme_mask_badge {
    background-color: #fff;
    color: var(--b2color)
}

.jitheme_mask_badge {
    /* position: absolute; */
    position: absolute;
    top: 3px;
    right: 3px;
    /* margin: 0 .25em; */
    padding: 3px;
    border-radius: 4px;
    background-color: var(--b2color);
    background-clip: padding-box;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: .75em;
    line-height: 1;
    /* transform: translate(0,-50%); */
}

.Jitheme_wrapper {
    margin-bottom: var(--ji--margin);
    background-color: var(--main-bg-color);
    box-shadow: 0 5px 40px 0 rgba(17, 58, 93, .1)
}

.filter-name {
    margin-right: 12px;
    margin-right: 20px;
    color: #999;
    flex-shrink: 0
}

#jitheme-filter-top {
    overflow: hidden;
    font-size: unset
}

.jitheme_item .picture>img {
    width: 100%;
    height: 80px
}

#filter-top a {
    font-size: var(--ji--margin)
}

#jitheme-filter-top a {
    font-size: 14px
}

#jitheme-filter-top ul li {
    display: flex;
    align-items: stretch !important
}

#filter-top ul li {
    display: unset;
    margin-bottom: 0;
    padding: 0;
    align-items: baseline
}

#filter-top {
    text-align: center
}

.jitheme-items li {
    margin-right: 35px;
    font-size: 15 !important
}

.filter-item a {
    display: inline-block;
    margin: 10px 35px 0 0;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.filter-item a:hover,
.jitheme_fl a:hover {
    color: var(--b2color);
    font-weight: 400
}

.filter-item .current {
    color: var(--b2color);
    font-weight: 600;
    cursor: pointer
}

.filter-item span img {
    margin-top: 2px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    vertical-align: text-top
}

.filter-item span {
    display: flex
}

.onecad-fenlei {
    padding-top: 20px;
    background-color: var(--main-bg-color)
}

.jitheme-fenlei {
    margin-bottom: 20px;
    padding: 0 20px;
    background-color: var(--main-bg-color)
}

.jitheme-fenlei li,
.onecad-fenlei li {
    position: relative;
    color: #424866;
    line-height: 40px;
    cursor: pointer
}

.jitheme-items {
    display: flex
}

.archive_title {
    position: absolute !important;
    margin-top: -120px
}

.onecad-fenlei li .current {
    position: relative;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 3px solid var(--b2color);
    color: var(--b2color) !important;
    font-weight: 600
}

.filter-item .current {
    position: relative;
    position: relative;
    padding-bottom: 25px;
    border-bottom: 2px solid var(--b2color);
    color: var(--b2color) !important;
    font-weight: 600
}

.jitheme-items a {
    padding: 8px 0;
    line-height: 40px
}

.jitheme-items li .current:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--b2color);
    content: ""
}

.jitheme_ico_new {
    position: absolute;
    top: -7px;
    right: -15px;
    display: inline-block;
    padding: 0 4px;
    border-radius: 10px 2px 10px 2px;
    background: var(--b2color);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: var(--ji--margin)
}

#filter-top .filter-item {
    justify-content: center
}

.jitheme_ax_jb {
    position: relative;
    left: 20px;
    margin-top: -40px;
    color: var(--b2color) !important;
    font-size: 12px
}

.jitheme_xx {
    padding-right: 25px;
    color: var(--key-color);
    line-height: 40px
}

.term-title {
    position: relative;
    display: inline-block;
    margin-right: 25px;
    padding: 8px 0;
    width: 320px;
    max-width: 320px;
    border-radius: 3px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--key-color);
    text-align: center;
    font-weight: 600;
    font-size: 12px
}

.filter-items span {
    display: flex
}

.filter-items span i {
    font-size: 18px
}

.tax-search button {
    right: 0;
    left: unset
}

.tax-search button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: 84px;
    width: 64px;
    height: 33px;
    background: var(--body-bg-color);
    color: #fff;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.tax-search button i {
    color: var(--key-color)
}

.tax-search input {
    background: var(--body-bg-color)
}

.tax-info-item-jitheme .fliter-button {
    margin-left: 20px
}

.listygo-btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    overflow: hidden;
    margin: 0 10px 0 0;
    width: 100%;
    font-weight: 600;
    border-radius: var(--ji--radius);
    font-size: 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -ms-transition: all .4s ease;
    align-items: center
}

.listygo-btn:last-child {
    margin: 0
}

.listygo-btn-bj {
    border: 0;
    background: var(--b2color);
    color: #fff;
}

.listygo-btn-wbj {
    border: 1px solid var(--main-border-color);
    background-color: var(--main-bg-color);
    color: var(--b2color)
}

.listygo-btn--style1:hover::before {
    left: 0;
    visibility: visible;
    width: 100%;
    opacity: 1;
    transition: width .8s ease
}

.listygo-btn--style1::before {
    position: absolute;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    width: 0%;
    height: 100%;
    background: var(--b2color);
    content: "";
    opacity: 0
}

.listygo-btn__icon {
    position: relative;
    z-index: 1;
    display: inline-grid;
    min-width: 40px;
    min-height: 40px;
    border-radius: 40px;
    place-content: center
}

.listygo-btn--style1:hover .listygo-btn__icon i,
.listygo-btn--style1:hover span {
    color: #fff;
    transition: all .4s ease
}

.blog-block__figure::before,
.event-wrapper::before,
.listygo-btn__icon::before,
.wh-100 {
    width: 100%;
    height: 100%
}

.listygo-btn__icon i {
    z-index: 1;
    font-size: 20px;
    transform: rotate(0)
}

.listygo-btn--style1:hover .listygo-btn__icon::before {
    transform: scale(1) rotate(180deg)
}

.listygo-btn__icon::before {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    content: ""
}

.index-list .list-article,
.index-list .list-nav,
.index-list .list-soft {
    margin-top: 30px
}

.index-list .list-article-main,
.index-list .list-nav-main,
.index-list .list-soft-main {
    box-sizing: border-box;
    padding: 20px;
    border-radius: 5px;
    background: #fff
}

.list-soft-main .layui-tab {
    width: 910px
}

.list-soft-main .layui-tab-brief>.layui-tab-title .layui-this {
    color: #007bf5
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #007bf5
}

.list-soft-main .layui-tab {
    margin: 0
}

.list-soft-main .layui-tab-title li {
    margin: 0 30px 0 0;
    padding: 0
}

.list-soft-main .list-soft-tab {
    width: 910px
}

.list-article-tab .type,
.list-nav-tab .type,
.list-soft-tab .type {
    border-bottom: 1px solid #f6f6f6
}

.list-article-tab .type a,
.list-nav-tab .type a,
.list-soft-tab .type a {
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 0 5px;
    height: 30px;
    color: #ababab;
    text-indent: 0;
    font-size: 15px;
    line-height: 35px;
    cursor: pointer
}

.list-article-tab .type .hover,
.list-nav-tab .type .hover,
.list-soft-tab .type .hover {
    height: 40px;
    border-bottom: 3px solid #007bf5;
    color: #007bf5
}

.list-soft-plate {
    overflow: hidden;
    height: 385px
}

.article-plate,
.soft-plate {
    width: 10000px;
    transition: .4s all
}

.hot-soft {
    width: 10000px;
    transition: .5s all
}

.soft-plate .plate-list {
    float: left;
    width: 910px;
    height: 400px
}

.article-plate .plate-list,
.soft-plate .plate-list {
    margin-right: 0
}

.fl .list-soft-plate .plate-list,
.list-nav-plate .plate-list {
    display: none
}

.list-article-plate .plate-list.ing,
.list-nav-plate .plate-list.ing,
.list-soft-plate .plate-list.ing {
    display: block
}

.list-nav-plate .plate-list ul {
    margin: 5px 0 0 0;
    width: 100%
}

.list-nav-plate .plate-list ul li {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 10px 15px 0 0;
    padding: 10px;
    width: 197px;
    line-height: 20px
}

.list-nav-plate .plate-list ul li:nth-child(6n) {
    float: right;
    margin-right: 0
}

.list-nav-plate .plate-list ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-nav-plate .plate-list ul li img {
    float: left;
    display: block;
    margin-right: 5px;
    width: 20px;
    height: 20px
}

.list-soft-plate .plate-list ul {
    margin: 5px 0 0 0;
    width: 100%
}

.list-soft-plate .plate-list ul:nth-child(3n) {
    margin-right: 0
}

.list-soft-plate .plate-list li {
    float: left;
    display: block;
    box-sizing: initial;
    padding: 15px 0;
    width: 48%;
    border-bottom: 1px solid #f6f6f6
}

.list-soft-plate .plate-list li:nth-child(2n) {
    float: right;
    margin-right: 0
}

.list-soft-plate .plate-list li .fl {
    overflow: hidden;
    width: 65px;
    height: 65px;
    border: 1px solid #f6f6f6;
    border-radius: 15px
}

.list-soft-plate .plate-list li .fl img {
    width: 65px;
    height: 65px
}

.list-soft-plate .plate-list li .fr {
    width: calc(100% - 80px)
}

.list-soft-plate .plate-list li .fr h3 {
    position: relative;
    overflow: hidden;
    margin: 15px 0 0;
    width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    line-height: 18px
}

.list-soft-plate .plate-list li .fr p {
    color: #ababab;
    font-size: 12px
}

.list-soft-plate .plate-list li .fr p span {
    padding: 0 10px;
    color: #888;
    font-size: 12px
}

.list-soft-plate .plate-list li .fr p i {
    margin-right: 5px;
    color: #ffb80f;
    font-style: initial;
    font-size: 14px
}

.list-soft-plate .plate-list li .fr .down {
    float: right;
    width: 50px
}

.list-soft-plate .plate-list li .fr .down b {
    display: block;
    color: #888;
    text-align: right;
    font-weight: 100;
    font-size: 13px;
    line-height: 25px
}

.list-soft-plate .plate-list li .fr .down a {
    display: block;
    margin-top: -30px;
    padding: 5px 0;
    border-radius: 5px;
    background: #007bf5;
    color: #fff;
    color: #fff;
    text-align: center;
    font-size: 12px;
    transition: all .3s
}

.list-soft-plate .plate-list li .fr .down a:hover {
    background: #1b8eff;
    color: #fff
}

.layui-clear:after {
    clear: both;
    display: block;
    height: 0;
    content: '\20'
}

@media screen and (min-width: 960px) {
    #post-item-jitheme-tj .post-modules-top {
        display: unset;
        align-items: center
    }

    #post-item-jitheme-tj .Onecad_title>div:nth-of-type(1) {
        margin-top: 25px;
        margin-bottom: 10px;
        height: 45px;
        color: var(--key-color);
        text-align: center;
        font-weight: 500;
        font-size: 32px;
        line-height: 38px
    }

    #post-item-jitheme-tj .Onecad_title>div:nth-of-type(1):before {
        clear: both;
        display: inline-block;
        margin-right: 13px;
        margin-bottom: 8px;
        width: 6px;
        height: 6px;
        background: var(--key-color);
        content: '';
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #post-item-jitheme-tj .Onecad_title>div:nth-of-type(2) {
        margin-bottom: 20px
    }

    #post-item-jitheme-tj .Onecad_title>div:nth-of-type(2) {
        text-align: center
    }

    #post-item-jitheme-tj .Onecad_title>div:nth-of-type(1):after {
        clear: both;
        display: inline-block;
        margin-bottom: 8px;
        margin-left: 13px;
        width: 6px;
        height: 6px;
        background: var(--key-color);
        content: '';
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #post-item-jitheme-tj .post-list-cats a+a {
        margin-left: 20px
    }

    #post-item-jitheme-tj .post-carts-list-row {
        display: unset;
        overflow: hidden;
        margin: auto;
        text-align: center;
        white-space: nowrap;
        justify-content: flex-end;
        align-items: center;
        align-items: center
    }

    #post-item-jitheme-tj .post-list-cats {
        margin-bottom: 20px;
        text-align: center
    }
}

#jiheme_heml .swiper-button-next,
#jiheme_heml .swiper-button-prev {
    background: rgba(255, 255, 255, .9);
    box-shadow: rgb(0 0 0 / 15%) 0 4px 12px;
    color: #000;
    text-align: center;
    backdrop-filter: blur(6px)
}

#jiheme_heml .swiper-button-next img,
#jiheme_heml .swiper-button-prev img {
    margin-top: -2px
}

#jiheme_heml .swiper-button-next,
#jiheme_heml .swiper-container-rtl .swiper-button-prev {
    right: 20px;
}

#jiheme_heml.swiper-button-next,
#jiheme_heml.swiper-button-prev {
    margin-top: -12px
}

.post-7.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch
}

.post-7 .post-module-thumb a.thumb-link {
    display: flex;
    align-items: unset;
    justify-content: unset
}

.jitheme-post-info i.ico {
    margin-right: 5px
}

.post-module-thumb:hover .post-has-video span i {
    display: none
}

.post-7 .post-list-cat a {
    padding: 0 0px 1px 8px;
    width: fit-content;
    border-radius: 20px;
    font-size: 12px;
    align-items: center
}

.post-7 .post-list-meta li {
    margin: 0;
    margin-right: 5px;
    border-radius: 4px;
    background-color: var(--b2color);
    color: #fff;
    font-size: 12px;
    align-items: center
}

.post-7 .post-list-meta-box li:hover {
    background-color: var(--body-bg-color);
    color: var(--b2color)
}

.post-7 .post-list-meta li span {
    margin-left: 0;
    font-size: 13px;
    opacity: 1;
    -webkit-transform: scale(1)
}

.post-7 .post-module-thumb i.b2-play-circle-line {
    position: absolute;
    color: rgba(255, 255, 255, .7);
    font-size: 40px;
    transition: color .5s
}

.post-7 .background-default {
    background-color: #fff
}

.post-7 .list-footera {
    display: block;
    align-items: center;
    position: absolute;
    bottom: 0;
    flex-direction: row;
    justify-content: space-between
}

.post-7 .background-default {
    background-color: unset
}



.post-7 .item-in:hover .post-list-meta {
    top: 5px
}

.post-7 .post-list-meta {
    display: flex;
    font-size: 12px;
    align-items: center;
    width: 100%;
    top: -25px;
    -webkit-transition: all .4s !important;
    -o-transition: all .4s !important;
    transition: all .4s !important;
    transition-delay: .3s;
    position: absolute;
    flex-direction: row;
    justify-content: flex-end
}

.post-7 #Onecad_vido .post-has-video span {
    position: absolute;
    top: calc(100%/2 - 40px);
    left: calc(100%/2 - 25px);
    z-index: 1;
    display: block;
    width: 50px;
    height: 50px;
    background: unset
}

.n_banner_inner {
    position: relative
}

.n_banner_inner .img-info {
    position: absolute;
    top: 9px;
    right: 12px;
    padding: 0;
    color: #fff;
    text-align: right
}

.n_banner_inner .img-info i {
    position: relative;
    z-index: 9;
    display: inline-block;
    color: #007bff;
    text-align: center;
    font-style: inherit;
    font-size: 20px;
    line-height: 19px
}

.n_banner_inner .img-info .info {
    position: absolute;
    right: 0;
    bottom: 5px;
    overflow: hidden;
    padding: 5px 0;
    width: 0;
    border-radius: 10px;
    background: #007bff;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-size: 10px;
    line-height: 10px;
    -webkit-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -moz-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -o-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -ms-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important
}

.n_banner_inner .img-info .info a {
    color: #fff
}

.n_banner_inner .tirr {
    height: auto;
    max-width: 100%;
    transition: .5s
}

.n_banner_inner:hover .info {
    z-index: 1;
    padding: 5px 23px 5px 12px;
    width: auto;
    font-size: 12px;
    -webkit-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -moz-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -o-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important;
    -ms-transition: all .2s cubic-bezier(0, .34, .71, 1.26) !important
}

.n_banner_inner img:hover {
    filter: brightness(50%)
}

.n_banner_inner .info:hover a {
    color: red;
    text-decoration: none
}

.n_banner_inner .Banner-adTag {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 50px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    opacity: .5
}

@media screen and (max-width: 768px) {
    .n_banner_inner .img-info {
        display: none
    }
}

.ji-downBox {
    margin-bottom: var(--ji--margin) !important;
    padding: 30px
}

.ji-downMain {
    display: flex
}

.ji-downMain .thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 450px;
    max-height: 250px
}

.ji-downMain .thumb img {
    min-width: 100%
}

.ji-downMain .data .post-meta .data {
    margin-left: 0
}

.ji-downMain .data {
    position: relative;
    margin-left: 30px;
    flex: 1
}

.ji-downMain .data h1 {
    margin-bottom: 20px;
    font-size: 24px
}

.ji-downMain .data ul {
    margin-top: 10px
}

.ji-downMain .data ul li {
    list-style: none;
    font-size: 14px;
    line-height: 40px
}

.ji-downMain .data ul li>div {
    position: relative;
    display: flex
}

.ji-downMain .data ul li>div span:before {
    position: relative;
    display: block;
    margin-top: 13px;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    background: url(../img/li-dian.svg);
    content: "";
    opacity: .65
}

.ji-downMain .data ul li>div span {
    display: flex;
    flex: 1
}

.ji-downMain .post-meta {
    margin: 0;
    flex: 1
}

.ji-downMain .post-meta .post-author {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ji-downMain .post-meta .post-author .ava {
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.ji-downMain .post-meta .post-author .ava img {
    margin-right: 10px;
    width: 100%
}

.ji-downMain .jitheme_single_mate {
    display: flex;
    line-height: 35px
}

.ji-downMain .categories {
    display: inline-block;
    margin-right: 20px;
    padding: 0 5px 0 5px;
    height: 30px;
    border-radius: 5px;
    color: var(--this-text);
    line-height: 30px
}

.ji-downMain .categories a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top
}

.ji-downMain .categories i {
    color: var(--b2color)
}

.ji-downMain .categories i {
    padding: 3px;
    border-radius: 100%
}

.ji-downMain .single-button-download {
    position: absolute;
    bottom: 0;
    display: flex;
    margin-top: 13px;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.ji-downMain .down a {
    display: inline-block;
    padding: 5px 40px;
    background-color: var(--b2color);
    color: #fff;
    letter-spacing: .5px;
    font-size: 16px;
    transition: all .3s
}

.ji-downMain .down a i {
    display: inline-block;
    margin-right: 5px;
    transform: translateY(-1px)
}

.ji-downMain .post-list-cat {
    text-align: right;
    flex: 1;
    flex-direction: row-reverse
}

.post_tag .box {
    background: 0 0
}

.ji-category-bg {
    overflow: hidden;
    margin-top: -217px;
    margin-bottom: 20px;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.ji-category-bg .title span {
    margin-top: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 28px
}

.ji-category-bg p {
    margin-top: 15px;
    color: #fff;
    font-size: 15px
}

.onecad-tax-title {
    position: relative;
    z-index: 1;
    overflow: hidden
}

#jitheme_arc_b {
    overflow: hidden
}

#jitheme_arc_b #filter-top .filter-items a:not(.current) {
    background-color: unset
}

#jitheme_arc_b .bg {
    height: 230px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

#jitheme_arc_b .bg::before {
    display: block;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    content: "";
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.ji-catnav-wz {
    position: relative;
    z-index: 1;
    padding: 10px 0;
    color: #fff;
    font-size: 15px
}

.ji-catnav-wz a {
    color: #fff;
    font-size: 15px
}

.ji-catnav-wz a:hover {
    color: var(--b2color) !important
}

#jitheme_arc_b .tax-info {
    margin: 0;
    padding: 16px 0;
    background-color: var(--main-bg-color);
    justify-content: space-between
}

#jitheme_arc_b #filter-top {
    padding: 0;
    text-align: center;
    z-index: 3;
    background-color: var(--main-bg-color)
}

#jitheme_arc_b #filter-top ul li {
    display: flex;
    margin-bottom: 0;
    align-items: self-start;
    padding: 0 0 10px 0
}

.cat-parent {
    position: relative;
    height: 30px;
    margin-right: 24px;
}

.cat-children {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    padding: 10px 0;
}

#jitheme_arc_b #filter-top .cat-children a:first-child {
    display: none;
}

.cat-parent:hover .cat-children {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}

#jitheme_arc_b #filter-top .cat-children a {
    padding: 0 12px !important;
}

#jitheme_arc_b .filter-name {
    margin-right: 12px;
    padding: 0 10px;
    border-radius: 5px;
    color: #999;
    color: var(--key-color);
    font-size: 15px
}

#jitheme_arc_b #filter-top a {
    display: inline-block;
    margin: 0 12px 0 0;
    height: 30px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 15px;
    line-height: 30px
}
 

#jitheme_arc_b .tax-search input {
    padding: 7px 10px 7px 15px;
    border-radius: 5px;
    /* background: var(--body-bg-color); */
    background: var(--ji-single-header);
}

#jitheme_arc_b .tax-search button {
    width: 33px;
    background: var(--ji-single-header);
}

#jitheme_arc_b .filter-items a:hover {
    border: unset;
    background-color: var(--b2color) !important;
    color: #fff !important
}

#jitheme_arc_b .filters-box>ul {
    padding: 0 0 10px 0
}

#jitheme_arc_b .filter-items a {
    border: unset
}

#jitheme_arc_b .button,
#jitheme_arc_b button {
    width: 120px;
    max-width: 120px;
    border-radius: unset;
    color: var(--key-color)
}

#jitheme_arc_b .jithem_ac {
    background-color: var(--main-bg-color);
    box-shadow: 0 2px 12px 0 rgba(51, 51, 51, .082)
}

#jitheme_arc_b .jithem_ac .tax-info-item {
    margin-right: 0
}

.jitheme-category,
.jitheme-category i {
    font-size: 14px
}

.jitheme_arc_sous {
    display: flex
}

.jitheme-category .data span em {
    color: var(--b2color);
    font-weight: 700;
    font-style: inherit
}

.jitheme-category ul li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px
}

.jitheme-category .data span {
    margin-right: 20px;
    color: var(--key-color);
    font-size: 14px
}

.jitheme-category .data .ji-flex-1 span i.b2-hearts-line {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px !important;
    transform: translateY(1px)
}

.jitheme-category .data .ji-flex-1 span i.b2-upload-fill {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px !important;
    transform: translateY(1px)
}

.jitheme-category .data .ji-flex-1 span i.b2-arrow-up-line {
    margin-left: 3px;
    color: var(--b2color);
    font-weight: 700
}

.jitheme-category .jitheme_ac_vip a.vip {
    display: inline-block;
    width: 96px;
    height: 35px;
    background: #f6f6f6;
    text-align: center;
    line-height: 32px
}

.jitheme-category .jitheme_ac_vip a.vip:hover {
    background: var(--b2color);
    color: #fff
}

.jitheme-category .tax-info-item .fliter-button:hover {
    background-color: var(--b2lightcolor);
    color: var(--b2color)
}

.jitheme-category .jitheme_ac_vip a.upload {
    display: inline-block;
    margin-left: 10px;
    width: 96px;
    height: 35px;
    border: 1px solid var(--b2color);
    background: var(--b2color);
    color: #fff;
    text-align: center;
    line-height: 33px
}

.jitheme-category .tax-info-item .fliter-button {
    padding: 6px var(--ji--margin) 7px 8px;
    border-radius: 5px
}

.jitheme-category .data {
    margin-left: 20px
}

.jitheme-category .ji-ac-tags .vip {
    margin: 0 10px
}

.jitheme-category i {
    margin-right: 10px
}

.jitheme-category .tax-info-item {
    margin-left: 0
}

.poa .soft-cat-logo {
    display: flex;
    text-align: center;
    justify-content: center
}

.poa .soft-cat-logo a {
    position: relative;
    display: flex;
    padding: .5rem .8rem;
    max-height: 60px;
    color: #1d2129;
    font-size: 12px;
    flex-direction: column;
    align-items: center
}

.poa .soft-cat-logo a span {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    width: 70px;
    height: 40px;
    border-radius: .42857143em;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .8
}

.poa .soft-cat-logo a:hover span:before {
    opacity: 1
}

.poa .soft-cat-logo a span:before {
    position: absolute;
    bottom: -6px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 6px solid var(--b2color);
    border-left: 5px solid transparent;
    content: "";
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.poa .soft-cat-logo a em {
    position: absolute;
    bottom: -19px;
    display: none;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--b2color);
    color: #fff;
    font-size: 13px
}

.poa .soft-cat-logo a:hover em {
    display: inline-block
}

.poa .soft-cat-logo a:hover span {
    overflow: visible;
    opacity: 1
}

.topic-avatar {
    /* margin-top: 5px; */
    width: 45px;
    height: 45px;
}

.user-w-name {
    height: 40px
}

.user-widget-info .user-w-lv {
    /*margin-top: 5px*/
}

.topic-footer-right button {
    box-shadow: unset
}

#jitheme_new.plate-news {
    padding: var(--ji--margin);
    width: 100%
}

#jitheme_new.author-name .uname {
    margin-right: 10px
}

#jitheme_new.plate-news .swiper-container {
    margin: 0
}

#jitheme_new.plate-news .swiper-container {
    display: flex;
    margin: 0 0;
    width: calc(33.33333% - 16px);
    height: 80px
}

#jitheme_new .news-item {
    display: flex;
    overflow: hidden;
    padding: 0 20px;
    height: 80px !important;
    border-radius: var(--b2radius);
    align-items: center
}

#jitheme_new .news-item.orange {
    background: rgba(230, 125, 97, .08)
}

#jitheme_new .news-item.blue {
    background: rgba(63, 140, 255, .08)
}

#jitheme_new .news-item.green {
    background: rgba(70, 198, 158, .08)
}

#jitheme_new .news-item .avatar {
    width: 45px;
    height: 45px;
    max-width: max-content;
}

#jitheme_new .news-item .new_fl {
    display: flex;
    margin-left: 10px;
    height: 45px;
    width: 100%;
    align-content: stretch;
    flex-direction: column;
    justify-content: space-between
}

#jitheme_new .news-item h6 {
    display: flex;
    font-weight: 400;
    font-size: 16px
}

#jitheme_new .news-item h6 .new_name {
    margin-right: 10px
}

#jitheme_new .news-item h6 .red {
    display: inline-block;
    margin-left: 8px
}

#jitheme_new .news-item.green h6 .red {
    margin-right: 35px
}

#jitheme_new .news-item.orange h6 .red {
    color: #e67d61
}

#jitheme_new .news-item.blue h6 .red {
    color: #3f8cff
}

#jitheme_new .news-item.green h6 .red {
    color: #46c69e
}

#jitheme_new .news-item h6 .fr {
    position: absolute;
    right: 20px;
    color: #91929e;
    font-size: 12px;
    line-height: 22px
}

#jitheme_new .news-item a,
#jitheme_new .news-item p {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 17px;
    max-width: 90%;
}

#jitheme_new .jitheme_text {
    color: var(--b2color)
}

#jitheme_new .jitheme_text_sx {
    margin: 0 5px;
    font-size: 12px
}

#jitheme_new .jitheme_text_sx i {
    margin-right: 5px;
    font-size: 12px
}

#jitheme_new .news-item .num {
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 6px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

#jitheme_new .news-item.orange .num {
    background: #e67d61
}

#jitheme_new .news-item.blue .num {
    background: #3f8cff
}

#jitheme_new .news-item.green .num {
    background: #46c69e
}

.c-topic-list {
    margin: var(--ji--margin-2) 0;
    z-index: 3;
}

#Jitheme_message .swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flow-root;
    box-sizing: content-box;
    transition-property: transform
}

#Jitheme_message.swiper {
    position: fixed;
    z-index: 6;
    overflow: hidden;
    height: 240px;
    max-width: 100%
}

#Jitheme_message .swiper-slide {
    position: relative;
    width: auto;
    height: 32px;
    transition-property: transform;
    flex-shrink: 0
}

#Jitheme_message li {
    list-style-type: none
}

#Jitheme_message li>div {
    clear: both;
    display: flex;
    margin-right: 25px;
    padding: 0 5px 0 5px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    justify-content: flex-end
}

#Jitheme_message li i {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 13px
}

#Jitheme_message .info_zianv {
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

#Jitheme_message .info_zianv:hover {
    color: #fff !important
}

#Jitheme_message .info_zianv_v {
    overflow: hidden;
    max-width: 120px;
    color: #fff;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

#Jitheme_message li a:first-child {
    margin-top: 5px;
    margin-right: 3px
}

#Jitheme_message li a {
    color: #fff !important
}

#Jitheme_message li .red {
    padding: 0 5px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

#Jitheme_message li .green {
    padding: 0 5px;
    color: #fff;
    font-weight: 600
}

#Jitheme_message li a:last-child,
#Jitheme_message li a:last-child font {
    color: #fff !important
}

#Jitheme_message li a:last-child n {
    margin: 0 3px;
    text-decoration: underline
}

#Jitheme_message li img {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: inherit
}

#Jitheme_message.swiper {
    right: 35px;
    bottom: 30px
}

#Jitheme_message li>div {
    float: right
}

@media screen and (max-width: 768px) {
    #Jitheme_message {
        display: none
    }
}

#ji-footer-new.footer .footer-top {
    position: relative;
    padding: 30px 0;
    text-align: center
}

#ji-footer-new.footer .footer-top::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(63, 81, 181, .8);
    content: ""
}

#ji-footer-new.footer .footer-top .wrapper {
    position: relative
}

#ji-footer-new.footer .footer-top h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1.8
}

#ji-footer-new .wx-qr {
    margin: 10px auto;
    width: 80px;
    height: auto
}

#ji-footer-new.footer .footer-top p {
    color: #fff;
    font-size: 18px
}

#ji-footer-new.footer .footer-top p a {
    color: #fff;
    text-decoration: underline
}

#ji-footer-new.footer .footer-top .callto-action-btn a {
    display: block;
    margin: 15px auto;
    padding: 10px 0;
    width: 200px;
    border-radius: 30px;
    background: #fff;
    color: var(--b2color);
    font-weight: 600;
    -webkit-transition: color ease .3s;
    -moz-transition: color ease .3s;
    -o-transition: color ease .3s;
    transition: color ease .3s;
    -ms-transition: color ease .3s
}

#ji-footer-new .ji-footer {
    padding: 15px 0 0
}

#ji-footer-new .ji-footer>.wrapper {
    padding-bottom: 30px
}

#ji-footer-new .ji-footer .widget-title {
    position: relative;
    border-bottom: 0;
    font-size: 18px
}

#ji-footer-new .ji-footer .widget-title::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #9e9e9e3b;
    content: ''
}

#ji-footer-new .ji-footer .textwidget {
    padding: 10px 0;
    line-height: 29px
}

#ji-footer-new .ji-footer section:first-child {
    /* width: 30%; */
}

#ji-footer-new .ji-footer #nav_menu-1 li {
    display: inline-flex;
    width: 45%;
}

#ji-footer-new .ji-footer #nav_menu-2 {
    width: 100%;
}

#ji-footer-new .ji-footer .widget ul {
    padding: 8px 0
}

#ji-footer-new .ji-footer .widget ul li {
    position: relative;
    padding: 9px 0 10px 10px;
    margin-top: unset;
    /* display: flex; */
    align-items: center;
}

#ji-footer-new .ji-footer .widget ul li:before {
    position: absolute;
    left: -5px;
    color: var(--b2color);
    content: "\eba3";
    font-size: 15px;
    font-family: b2font;
    line-height: 15px
}

#ji-footer-new .ji-footer .ji-footer-widget-in {
    display: grid;
    gap: var(--box-margin, var(--ji--margin));
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#ji-footer-new .ji-footer section:first-child {
    /* width: 30%; */
}

#ji-footer-new .ji-footer .widget {
    /* padding: 0 var(--ji--margin); */
    /* width: 25%; */
    box-shadow: none
}

#ji-footer-new .ji-footer section {
    margin: 0;
    margin-bottom: 0
}

#ji-footer-new .ji-footer section:last-child .row {
    display: inline-block;
    display: flex;
    width: 100%;
    justify-content: space-between
}

#ji-footer-new .ji-footer section:last-child .qr-tips {
    margin-top: 8px;
    max-width: 75px;
    text-align: center;
    font-size: 12px;
    line-height: 1.2em
}

#ji-footer-new a:hover {
    color: var(--b2color) !important
}

#ji-footer-new .footer-bottom {
    height: 80px;
    text-align: center;
    line-height: 26px;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    #ji-footer-new.footer .footer-top h3 {
        font-size: var(--ji--margin)
    }

    #ji-footer-new .ji-footer .widget {
        margin: 0 5px
    }

    #ji-footer-new .ji-footer #nav_menu-2,
    .ji-footer section:first-child {
        width: 100%
    }

    #ji-footer-new .ji-footer #nav_menu-2 li {
        display: inline-block;
        width: 45%
    }
}

#jithemeid_box a {
    display: flex;
    margin-left: 5px
}

#jithemeid_box .green {
    padding: 0 5px 0 0
}

#jithemeid_box .new_span {
    display: inline-block;
    overflow: hidden;
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#jitheme_new_ht {
    width: 100%
}

#jitheme_new_ht .swiper-dynamic {
    display: flex;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
    flex-direction: row
}

#jitheme_new_ht .float-right {
    float: right !important;
    width: 40%;
    text-align: right;
    line-height: 25px
}

#jitheme_new_ht img {
    width: 48px
}

#jitheme_new_ht .badge {
    display: inline-block;
    margin: 0;
    background-color: #f5f8fa;
    color: #6c757d;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    line-height: 15px
}

#jitheme_new_ht .swiper-dynamic .scroll-dynamic {
    display: flex;
    overflow: hidden;
    height: 25px;
    max-width: 100%;
    line-height: 25px
}

#jitheme_new_ht .swiper-dynamic .scroll-dynamic ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#jitheme_new_ht .badge-danger {
    margin-right: 0;
    padding: 0 5px;
    height: 25px;
    min-width: 90px;
    border-radius: 5px;
    background-color: var(--b2lightcolor);
    color: var(--b2color);
    line-height: 25px
}

#jitheme_new_ht .swiper-dynamic .scroll-dynamic ul li {
    display: block;
    overflow: hidden;
    padding-left: 0;
    height: 25px;
    list-style: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    line-height: 25px
}

#jitheme_new_ht .jitheme_text {
    color: var(--b2color)
}

#jitheme_new_ht .jitheme_text_sx {
    margin: 0 5px;
    font-size: 13px
}

#jitheme_new_ht .jitheme_text_sx i {
    margin-right: 5px;
    font-size: 13px
}

#jitheme_new_ht .jitheme-toggle i {
    margin-right: var(--ji--margin);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 25px;
    line-height: 1;
    cursor: pointer
}

@media (max-width: 768px) {
    #jitheme_new_ht .swiper-dynamic .scroll-dynamic {
        max-width: 100%;
        font-size: 13px
    }
}

#jitheme_search .jitheme_cat_search {
    display: flex;
    background: #fff
}

#jitheme_search select {
    border: none;
    background: url(../img/arrow.png) no-repeat 97% 20px;
    box-shadow: none
}

#jitheme_search #search_4 .jitheme_cat_search input {
    padding: 18px 22px;
    height: 50px;
    border: none;
    background: #fff;
    color: #333;
    font-size: 14px
}

#jitheme_search #search_3 .jitheme_cat_search input {
    padding: 18px 22px;
    height: 50px;
    border: none;
    background: #fff;
    color: #333;
    font-size: 14px
}

.user-w-qd {
    margin: var(--ji--margin) 0 0 var(--ji--margin) !important;
    height: 43px !important;
    border-radius: 5px !important;
    background-color: var(--b2color) !important;
    background-image: url(/wp-content/themes/b2/Assets/fontend/images/page-bg.svg) !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important
}

.user-w-qd div {
    position: absolute;
    top: 13px;
    left: 41px
}

.user-w-qd-list-title {
    margin: unset;
    border-bottom: 1px solid var(--b2lightcolor);
    border-radius: 0;
    background-color: #9e9e9e00 !important;
    background-image: none !important
}

.user-w-qd-list-title {
    margin-top: 10px
}

.user-w-qd {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: calc(100% - 32px);
    height: 40px;
    background: rgb(0 0 0 / 22%);
    color: #fff;
    text-transform: uppercase;
    line-height: var(--ji--margin)
}

.user-w-qd:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0%;
    height: 100%;
    border-radius: 4px;
    content: '';
    transition: all .4s ease
}

.user-w-qd:before {
    background: #ff5d8f94
}

.user-w-qd:hover:before {
    width: 100%
}

.user-w-qd-list-title p span {
    border-radius: 3px;
    background-color: var(--b2lightcolor);
    color: var(--b2color)
}

.user-w-qd-list-title p.picked span {
    border-radius: 3px;
    background-color: var(--b2color);
    color: #fff
}

.user-w-qd-list-title p {
    margin: 0 var(--ji--margin-2)
}

.user-w-qd-list-title p.picked {
    margin-bottom: -1px;
    border: 1px solid var(--b2lightcolor);
    border-bottom: 1px solid var(--main-bg-color)
}

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

.post-8 .item-in {
    position: relative
}

.post-8 .post-module-thumb {
    position: initial;
    overflow: initial
}

.post-8 .post-module-thumb:after {
    /* position: absolute; */
    /* top: unset!important; */
    /* right: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* height: 200px; */
    /* background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgb(0 0 0 / 80%)); */
    /* content: ''; */
}

.post-8 .post-excerpt,
.post-8 .list-footer {
    display: none
}

.post-8 h2 a {
    top: 25px;
    left: 25px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    opacity: .9
}

.post-8 .jitheme_avatar_data {
    color: #fff !important
}

.post-8 .jitheme_cat_jb {
    position: absolute;
    bottom: unset;
    overflow: hidden;
    margin-top: -25px;
    height: 20px;
    border-radius: 4px;
    line-height: 20px
}

.post-8.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch
}

.post-8 .post-list-meta {
    position: absolute;
    top: var(--ji--margin-2);
    right: var(--ji--margin-2);
    z-index: 100;
    overflow: hidden;
    border-radius: 5px;
    font-size: 12px;
    align-items: center
}

.post-8 .post-list-cat {
    position: absolute;
    top: var(--ji--margin-2);
    left: var(--ji--margin-2);
    z-index: 100;
    overflow: hidden;
    border-radius: 5px;
    font-size: 12px;
    align-items: center
}

.post-8 .post-list-cat a {
    display: inline-flex;
    padding: 10px;
    width: 100%;
    height: 25px;
    background-color: #51515180;
    color: #fff;
    opacity: 0;
    transition: background-color .3s ease 0s, color .3s ease 0s, opacity .3s ease 0s, transform .3s ease 0s;
    transform: translate(10px, -10px);
    align-items: center;
    justify-content: center
}

.post-8 .list-footer,
.post-8 .list-footer a {
    border-top: unset;
    color: #fff
}

.post-8 .item-in .post-info h2 {
    opacity: 0;
    transition: background-color .3s ease 0s, color .3s ease 0s, opacity .3s ease 0s, transform .3s ease 0s;
    transform: translate(10px, -10px)
}

.post-8 .post-list-meta li {
    display: block;
    height: 25px;
    background-color: #51515180;
    color: #fff;
    opacity: 0;
    transition: background-color .3s ease 0s, color .3s ease 0s, opacity .3s ease 0s, transform .3s ease 0s;
    transform: translate(10px, -10px);
    align-items: center;
    justify-content: center
}

.post-8 .post-list-meta li span {
    height: 25px;
    line-height: 25px
}

.post-8 .item-in:hover .post-info h2,
.post-8 .item-in:hover .post-list-meta li {
    opacity: 1;
    transform: translate(0, 0)
}

.post-8 .item-in:hover .post-list-meta li span {
    font-size: 15px;
    opacity: .9;
    -webkit-transform: scale(.8)
}

.post-8 .item-in:hover .post-list-cat a {
    display: inline-flex;
    color: #ffff !important;
    opacity: 1;
    transform: translate(0, 0)
}

.post-8 .post-info span {
    z-index: 0;
    margin-left: 5px;
    height: 17px
}

.post-8 .item-in:hover .post-module-thumb img {
    transform: scale(1.1)
}

.jitheme_vip2 .choose-vip-item-top:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51.4%;
    border-radius: 4px;
    content: "";
    opacity: .16
}

#Onecad_vips .Onecad_vip_max {
    padding-top: 60px
}

#Onecad_vips {
    width: 100%;
}

#Onecad_vips .vip-top h2,
#Onecad_vips .vip-top>div {
    color: #fff
}

.jitheme_vip2 .vip-btn button {
    margin: auto;
    color: #fff;
    font-weight: 110;
    font-size: 20px;
    border: 0 solid #f35;
    border-radius: 0;
    background: 0 0
}

.jitheme_vip2 .home-homevip-boxmk a {
    border: 0 !important
}

.jitheme_vip2 .vip-buy {
    margin-top: 0
}

.jitheme_vip2 .vip-item:nth-child(1) .vip-btn {
    background: -webkit-gradient(linear, left top, right top, from(#9bacc3), to(#5c697f));
    background: linear-gradient(90deg, #9bacc3, #5c697f);
    -webkit-box-shadow: 0 10px 30px 0 rgba(94, 107, 129, .47);
    box-shadow: 0 10px 30px 0 rgba(94, 107, 129, .47)
}

.jitheme_vip2 .vip-item:nth-child(2) .vip-btn {
    background: -webkit-gradient(linear, left top, right top, from(#ffdf5e), to(#ffb73b));
    background: linear-gradient(90deg, #ffdf5e, #ffb73b);
    -webkit-box-shadow: 0 10px 30px 0 rgba(255, 177, 53, .47);
    box-shadow: 0 10px 30px 0 rgba(255, 177, 53, .47)
}

.jitheme_vip2 .vip-item:nth-child(3) .vip-btn {
    background: -webkit-gradient(linear, left top, right top, from(#ffce60), to(#ff6f33));
    background: linear-gradient(90deg, #ffce60, #ff6f33);
    -webkit-box-shadow: 0 10px 30px 0 rgba(255, 134, 53, .47);
    box-shadow: 0 10px 30px 0 rgba(255, 134, 53, .47)
}

.jitheme_vip2 .vip-item:nth-child(4) .vip-btn {
    background: -webkit-gradient(linear, left top, right top, from(#ff766d), to(#fa4b39));
    background: linear-gradient(90deg, #ff766d, #fa4b39);
    -webkit-box-shadow: 0 10px 30px 0 rgba(242, 53, 33, .47);
    box-shadow: 0 10px 30px 0 rgba(242, 53, 33, .47)
}

.jitheme_vip2 .vip-item:nth-child(1) .choose-vip-item-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#8e9bab));
    background: linear-gradient(0deg, #fff, #8e9bab)
}

.jitheme_vip2 .vip-item:nth-child(2) .choose-vip-item-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ffe05f));
    background: linear-gradient(0deg, #fff, #ffe05f)
}

.jitheme_vip2 .vip-item:nth-child(3) .choose-vip-item-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ffae5f));
    background: linear-gradient(0deg, #fff, #ffae5f)
}

.jitheme_vip2 .vip-item:nth-child(4) .choose-vip-item-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ff635f));
    background: linear-gradient(0deg, #fff, #ff635f)
}

.jitheme_vip2 .choose-vip-item-top {
    display: flex;
    margin: -20px;
    margin-bottom: 17px;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.jitheme_vip2 .tag {
    position: absolute;
    top: 15px;
    right: -40px;
    z-index: 1;
    overflow: hidden !important;
    width: 150px;
    height: 30px;
    background: #fa2323;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jitheme_vip2 .vip-item-top-name em {
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 15px
}

.jitheme_vip2 .vip-item-top-name {
    margin-top: -80px
}

.jitheme_vip2 .home-homevip-boxmk img {
    display: block;
    margin: 0 auto 10px auto;
    height: 100%
}

.jitheme_vip2 .vip-btn {
    position: relative;
    display: block;
    height: 44px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 44px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.jitheme_vip2 .vip-btn button {
    margin: auto;
    color: #fff;
    font-weight: 110;
    font-size: 20px
}

.jitheme_vip2 .home-homevip-boxmktitle {
    padding-bottom: 0
}

.jitheme_vip2 .vip-item-top-name em::after {
    position: absolute;
    bottom: -18px;
    left: -5%;
    width: 110%;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    content: ''
}

.jitheme_vip2 .choose-vip-item-top .vip-item-top-name .choose-vip-item-prompt {
    position: absolute;
    top: 0;
    left: 0;
    width: 82px;
    height: 24px;
    border-radius: 5px 0;
    background: linear-gradient(269.79deg, #ff4343 9.72%, #ff7a30 99.86%);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 24px
}

.jitheme_vip2 .choose-vip-item-top .vip-item-top-name .vip-name {
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
    font-size: 22px
}

.jitheme_vip2 .choose-vip-item-top .vip-item-top-name>p:nth-of-type(3) {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #949292;
    font-size: 14px
}

.jitheme_vip2 .buyOne-getOne {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    padding: 0 10px;
    padding-right: 4px;
    height: 24px;
    border-radius: 0 12px 0 12px;
    background: linear-gradient(90deg, var(--b2color), var(--b2color));
    box-shadow: 0 2px var(--ji--margin) 0 rgba(0, 0, 0, .1);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.jitheme_vip2 .home-homevip-boxmks li {
    padding: 0 20px
}

.jitheme_vip2 .home-homevip-boxmk {
    padding: 20px 20px 0 20px
}

.jitheme_vip2 .vip-faq-list h2 {
    font-size: 18px;
    line-height: var(--ji--margin)
}

#footer_tsk .vip-login-tip {
    position: relative;
    box-sizing: border-box;
    padding: 18px 10px 22px 20px;
    width: 400px;
    height: 175px;
    border-radius: 12px;
    background-color: var(--main-bg-color);
    background-position: right 50%;
    background-size: 175px;
    background-repeat: no-repeat;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

#footer_tsk .vip-login-countdown-row {
    display: flex;
    align-items: center
}

#footer_tsk .vip-login-countdown-row i {
    color: var(--b2color);
    font-size: 18px
}

#footer_tsk .vip-login-countdown-row .countdown-lable {
    margin: 0 3px 0 4px;
    font-size: 14px;
    line-height: var(--ji--margin)
}

#footer_tsk .vip-login-countdown-row .counddown-wrap {
    font-size: 14px
}

#footer_tsk .vip-login-title {
    display: -webkit-box;
    overflow: hidden;
    margin: 10px 0;
    width: 218px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    word-break: break-word !important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-subtitle {
    display: -webkit-box;
    overflow: hidden;
    width: 218px;
    color: var(--text2);
    color: var(--this-text);
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    word-break: break-word !important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-btn {
    display: inline-block;
    margin-top: 10px;
    width: 160px;
    height: 40px;
    border-radius: 8px;
    background-color: var(--b2color);
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 40px;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

#footer_tsk .close {
    position: absolute;
    top: 0;
    right: 7px;
    cursor: pointer
}

#footer_tsk.Ji-row {
    position: fixed;
    right: 60px;
    bottom: 30px;
    z-index: 10;
    display: flex;
    justify-content: right
}

#footer_tsk .vip-login-countdown-row .counddown-wrap span {
    display: inline-block;
    margin: 0 4px;
    width: 20px;
    height: 18px;
    border-radius: 5px;
    background: var(--b2lightcolor);
    color: var(--b2color);
    text-align: center;
    font-weight: 500px;
    font-size: 13px;
    line-height: 18px
}

.jiheme_home .home .link-title h2 {
    margin: 15px 0;
    color: var(--key-color);
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px
}

.jiheme_home .home .link-title h2::before {
    display: none
}

.jitheme_qk {
    position: relative;
    z-index: 1;
    padding: var(--ji--margin);
    width: 100%
}

.jitheme-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jitheme-config>li {
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.ji-qk-item:hover .jitheme-config-title {
    color: var(--b2color)
}

.jitheme-config-desc {
    float: left;
    color: var(--this-text);
    font-size: 14px;
    line-height: 22px
}

.ji-qk-item {
    display: flex;
    height: 100%
}

.jitheme_qk .item-ico {
    margin-right: var(--ji--margin)
}

.item-ico i {
    font-size: 35px;
    width: 50px;
    text-align: center
}

.jitheme_qk {
    transition: opacity .15s linear
}

.ji-qk-item a {
    color: var(--key-color)
}

.jitheme-config-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    -webkit-transition: .3s;
    transition: .3s
}

.jitheme-config-title .go {
    position: absolute;
    margin-top: 7px;
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -ms-transform: scale(.9)
}

.ji-qk-item:hover .item-ico {
    background-color: var(--b2color);
    -webkit-transition: .3s;
    transition: .3s
}

.ji-qk-item:hover .item-ico i {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.about-contact-item {
    text-align: center
}

.about-contact-item .ac-subtitle,
.about-contact-item .ac-title {
    font-weight: 400;
    font-size: 85.71428571%;
    line-height: 1.66666667em
}

.about-contact-item .ac-title .clr_orange {
    color: var(--b2color)
}

.about-contact-item .ac-title .clr_blue {
    color: var(--b2color)
}

.about-contact-item .ac-subtitle {
    color: var(--this-text)
}

.about-contact-item .ac-ewm {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: .71428571em
}

.about-contact-item .ac-ewm img {
    display: block
}

.about-contact-item .ac-qq {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 1.42857143em;
    padding: 1.07142857em;
    -moz-border-radius: 100%
}

.about-contact-item .ac-qq img {
    display: block;
    margin: 0 auto
}

.about-contact-item .qq-btns {
    margin-top: 1.07142857em
}

.about-contact-item .btn {
    padding: 0 2.28571429em;
    line-height: 2.28571429em
}

.about-contact-item .btns {
    margin-top: 1.42857143em
}

.about-section-title {
    position: relative;
    margin-bottom: .71428571em;
    text-align: center;
    font-weight: 400;
    font-size: inherit
}

.about-section-title .tt {
    position: relative
}

.about-section-title .txt {
    position: relative;
    font-weight: 700;
    font-size: 220%;
    line-height: 1.28571429em
}

.about-section-subtitle {
    color: var(--this-text);
    text-align: center;
    font-weight: 400;
    font-size: inherit;
    line-height: 1.28571429em
}

.mini_about .btn-blue {
    background-color: var(--b2color);
    color: #fff
}

.mini_about .btn-blue:hover {
    background-color: #124cd2
}

.about-contact {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.14285714em 1.42857143em;
    width: 22.85714286em;
    -webkit-box-shadow: 0 1px 40px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 40px rgba(0, 0, 0, .08)
}

.about-contact .c-header {
    margin-bottom: 1.07142857em
}

.about-contact .c-header-in {
    position: relative;
    padding-left: 4.28571429em
}

.about-calture .about-section-subtitle {
    margin-bottom: 1.42857143em
}

.about-calture .a-item,
.about-calture .c2 {
    margin-bottom: .71428571em
}

.about-contact .c-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 3em
}

.about-contact .c-avatar .g-avatar {
    background-color: #dcdde1
}

.about-contact .c-title {
    margin-bottom: .375em;
    font-size: 157.14285714%;
    line-height: 1.25em
}

.about-contact .c-entry {
    color: var(--this-text);
    font-size: 85.71428571%;
    line-height: 1.5em
}

.about-contact .c-menus {
    margin-bottom: 1.07142857em
}

.about-contact .c-menu {
    display: block;
    padding: .57142857em 0;
    width: 50%;
    text-align: center;
    cursor: pointer
}

.about-contact .c-menu.active {
    position: relative;
    background: var(--b2color);
    color: #fff;
    cursor: default
}

.about-contact .c-menu.active::after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    border: .41666667em solid transparent;
    content: '';
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top-color: var(--b2color);
    -ms-transform: translate(-50%, 0)
}

.about-contact .c-menu .jitheme {
    margin-right: 5px;
    padding: 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    color: var(--this-text)
}

.about-contact .c-menu.active .jitheme {
    color: var(--b2color) !important
}

.about-contact .c-toggles {
    height: 17.14285714em
}

.about-contact .ac-ewm {
    width: 14.28571429em;
    height: 14.28571429em
}

.about-contact .ac-qq {
    width: 5.71428571em
}

.about-contact .about-contact-qq {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.42857143em 2.14285714em 2.14285714em
}

.about-header {
    position: relative;
    margin-top: -16px;
    background-color: #8ddbff
}

.about-header .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.about-header .bg-img .wrapper {
    height: 100%
}

.about-header .bg-img .img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%
}

.about-header .main-container {
    padding: 2.71428571em 0
}

.about-honour {
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 60px rgba(14, 79, 209, .06);
    box-shadow: 0 10px 60px rgba(14, 79, 209, .06)
}

.about-contactus {
    margin-bottom: -50px;
    padding: 3.57142857em 0;
    background-color: #2a65ed
}

.about-contactus .c-items {
    margin: 0 -1.14285714em
}

.about-contactus .c-item {
    padding: 0 1.14285714em
}

.about-contactus .intro-wrap .c-box {
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.about-contactus .intro {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.21428571em 1.78571429em 1.78571429em 46%;
    height: 100%
}

.about-contactus .intro .item-thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42%
}

.about-contactus .intro .item-thumb .thumb {
    padding-top: 106.84210526%;
    background-position: left bottom;
    background-size: contain;
    -webkit-background-size: contain
}

.about-contactus .intro .item-thumb .hi {
    position: absolute;
    top: 1.42857143em;
    right: 0;
    width: 2.85714286em;
    height: 2.85714286em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: var(--b2color);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 200%;
    line-height: 2.85714286em
}

.about-contactus .intro .item-thumb .hi::before {
    position: absolute;
    bottom: 2%;
    left: -5%;
    display: block;
    border: .64285714em solid transparent;
    content: '';
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
    border-top-color: var(--b2color);
    -ms-transform: rotate(160deg)
}

.about-contactus .intro .item-title {
    margin-bottom: .83333333em;
    font-weight: 700;
    font-size: 257.14285714%
}

@media (min-width: 1330px) and (max-width:1679.5px) {
    .about-contactus .intro .item-title {
        font-size: 30px
    }
}

.about-contactus .intro .item-desc {
    margin-bottom: 3.125em;
    color: var(--this-text);
    font-size: 114.28571429%;
    line-height: 1.4375em
}

.about-contactus .intro .item-list ul {
    overflow: hidden
}

.about-contactus .intro .item-list li {
    float: left;
    margin-bottom: 1em;
    width: 50%;
    font-size: 114.28571429%;
    line-height: 1.25em
}

.about-contactus .intro .item-list li .Jifont {
    display: inline-block;
    margin-top: .25em;
    width: 1.16666667em;
    height: 1.16666667em;
    color: #2cc87d;
    vertical-align: top;
    font-size: 75%;
    line-height: 1.16666667em
}

.about-contactus .contact-wrap .c-box {
    padding: 1.78571429em
}

.about-contactus .ct-items {
    margin: 0 -1.07142857em
}

.about-contactus .ct-item {
    padding: 0 1.07142857em
}

.about-contactus .ct-box {
    padding: 1.07142857em
}

.about-contactus .ct-title {
    margin-bottom: .83333333em;
    color: var(--b2color);
    text-align: center;
    font-weight: 700;
    font-size: 108.57142857%;
    line-height: 1.11111111em
}

.about-contactus .ac-ewm,
.about-contactus .ac-qq {
    margin: 0 auto 1.07142857em;
    padding: .71428571em;
    width: 10.71428571em;
    height: 10.71428571em
}

.about-contactus .ac-qq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.about-contactus .ac-qq img {
    display: block;
    width: 3.14285714em
}

.about-contactus .ac-qq .btn {
    padding: 0 1.57142857em;
    line-height: 2.28571429em
}

@media (min-width: 1024px) and (max-width:1329.5px) {
    .about-contactus .intro {
        padding: 3.21428571em
    }

    .about-contactus .intro .item-thumb {
        display: none
    }
}

@media (min-width: 1920px) {
    .about-contactus .intro {
        padding-left: 50%
    }

    .about-contactus .intro .item-thumb {
        width: 47%
    }

    .about-contactus .intro .item-thumb .hi {
        top: .5em
    }
}

@media (max-width: 1023.5px) {
    .about-contactus {
        padding: 2.14285714em 0 1.07142857em;
        background: -webkit-gradient(linear, left top, left bottom, from(#f6f8fc00), to(#f6f8fc));
        background: -webkit-linear-gradient(top, #f6f8fc00 0, #f6f8fc 100%);
        background: -o-linear-gradient(top, #f6f8fc00 0, #f6f8fc 100%);
        background: linear-gradient(180deg, #f6f8fc00 0, #f6f8fc 100%)
    }

    .about-contactus .c-items {
        display: none
    }
}

.about-selection {
    padding: 7.14285714em 0 0
}

.about-section-subtitle {
    margin-bottom: 2.85714286em
}

.about-selection .details {
    margin-bottom: 2.14285714em
}

.about-selection .icons {
    margin-bottom: 2.5em
}

.Jitheme_about_main .about-selection .d-items {
    margin: 0 var(--ji--margin-0) var(--ji--margin-0) 0
}

.about-selection .i-item {
    padding: 0 var(--ji--margin-2)
}

.Jitheme_about_main .about-selection .d-item {
    margin-right: var(--ji--margin);
    margin-bottom: var(--ji--margin)
}

.about-selection .detail {
    display: block;
    padding: 1.14285714em;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(8, 114, 246, .04);
    box-shadow: 0 1px 5px rgba(8, 114, 246, .04)
}

.about-selection .detail-in {
    /* position: relative; */
    /* overflow: hidden; */
    /* padding-left: 5em; */
    display: flex;
    flex-direction: row;
    align-items: center;
}

.about-selection .detail-in .item-thumb {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    width: 60px;
    /* overflow: hidden; */
    /* width: 4.28571429em; */
    margin-right: 16px;
    height: 60px;
}

.about-selection .detail-in .detail-in-list {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-selection .detail-in .item-thumb .thumb {
    padding-top: 100%;
    border-radius: 10px
}

.about-selection .detail-in .item-title {
    margin-bottom: .2em;
    font-size: 114.28571429%;
    line-height: 1.25em
}

.about-selection .detail-in .item-desc {
    color: var(--this-text);
    font-size: 85.71428571%;
    line-height: 1.5
}

.about-selection .i-item {
    width: 6.25%
}

.about-selection .icon {
    overflow: hidden
}

.about-selection .icon .item-thumb {
    width: 100%
}

.about-selection .icon .thumb {
    padding-top: 100%
}

@media (min-width: 1024px) and (max-width:1329.5px) {
    .about-selection .detail-in {
        padding-left: 5em
    }

    .about-selection .detail-in .item-thumb {
        width: 3.28571429em
    }
}

.about-calture {
    padding: 3.71428571em 0
}

.about-calture .about-section-subtitle {
    margin-bottom: 3.57142857em
}

.about-calture .a-items {
    margin: 0 -1.07142857em -2.14285714em
}

.about-calture .a-item {
    margin-bottom: 2.14285714em;
    padding: 0 1.07142857em
}

.about-calture .item-label {
    margin-bottom: 1.07142857em;
    font-weight: 400;
    font-size: inherit
}

.about-calture .item-label .label {
    display: inline-block;
    padding: 0 .875em;
    background-color: var(--b2color);
    color: #fff;
    font-weight: 700;
    font-size: 114.28571429%;
    line-height: 2em
}

.about-calture .item-title {
    margin-bottom: .25em;
    font-size: 228.57142857%;
    line-height: 1.40625em
}

.about-calture .item-desc {
    color: var(--this-text);
    font-weight: 400;
    font-size: inherit;
    line-height: 1.28571429em
}

.about-calture .item-thumb {
    position: absolute;
    top: 50%;
    right: 0;
    width: 7.14285714em;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.about-calture .item-thumb .thumb {
    padding-top: 100%
}

.about-calture .c1,
.about-calture .c2 {
    overflow: hidden
}

.about-calture .c1 {
    padding: 3.21428571em 2.14285714em 2.14285714em;
    background-color: #2a65ed;
    background-image: url(https://image.uisdc.com/wp-content/uploads/2023/10/culture-bg.png);
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-background-size: contain
}

.about-calture .c1 .label {
    background-color: #fff;
    color: var(--b2color)
}

.about-calture .c1 .item-desc,
.about-calture .c1 .item-title {
    color: #fff
}

.about-calture .c1 .item-desc {
    margin-bottom: 1.285714em
}

.about-calture .c2 {
    margin-bottom: 2.14285714em;
    padding: 2.214286em 2.85714286em
}

.about-calture .c2:last-child {
    margin-bottom: 0
}

.about-calture .c2 .c-in {
    position: relative;
    padding-right: 7.14285714em
}

.about-calture .c1-items {
    padding: 2.5em 0
}

.about-calture .aa-in {
    text-align: center
}

.about-calture .it-thumb {
    margin: 0 auto 1em;
    width: 5em
}

.about-calture .it-thumb .thumb {
    padding-top: 100%;
    border-radius: 20px;
}

.about-calture .it-title {
    margin-bottom: .3em;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3em
}

.about-calture .it-desc {
    color: var(--this-text);
    font-weight: 400
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-box-align: stretch;
    -ms-flex-align: stretch
}

.flex .f-box {
    display: block;
    width: 100%;
    height: 100%
}

.f-box,
.f-item,
.flex {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.g-thumb {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-background-size: cover;
    -ms-transform: rotate(0)
}

.g-avatar {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0)
}

.g-avatar .g-thumb {
    padding-top: 100%
}

.about-header .wrapper {
    position: relative
}

@media (min-width: 768px) {
    .sm\:f-2>.f-item {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .f-3>.f-item {
        width: 25%
    }

    .about-contactus .f-2>.f-item {
        width: 50%
    }
}

@media (min-width: 1330px) {
    .lg\:f-4>.f-item {
        width: calc(25% - var(--ji--margin))
    }

    .lg\:f-2>.f-item {
        width: 50%
    }
}

.btn-blue {
    border-color: var(--b2color);
    background: var(--b2color);
    color: #fff
}

.about-serve .boxlist {
    display: flex;
    margin-right: var(--ji--margin-0);
    padding: 1rem 0;
    justify-content: space-around;
    align-items: center
}

.about-serve .boxlist .serve_box {
    margin: 0 var(--ji--margin) var(--ji--margin) 0;
    padding: 1em;
    width: calc(25% - var(--ji--margin));
    background-color: #fff;
    text-align: center
}

.about-serve .boxlist .serve_box .icon {
    display: block;
    margin: 0 auto;
    padding: .2rem;
    width: 4rem;
    border-radius: 50%;
    background-color: #edf5ff
}

.about-serve .boxlist .serve_box i {
    display: none
}

.about-serve .boxlist .serve_box h4 {
    margin: .85rem auto .6rem;
    font-weight: 500;
    font-size: 1.2rem;
    font-family: PingFangSC-Medium;
    line-height: 1.4rem
}

.about-serve .boxlist .serve_box p {
    color: var(--this-text);
    font-size: .9rem;
    line-height: 25px
}

.about-serve .boxlist .serve_box i {
    display: none
}

#Mini-quku .jitheme_qk {
    margin-top: 0
}

#Mini-quku .b-header .b-title {
    margin-bottom: .3em;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5
}

#Mini-quku .b-header {
    padding-right: 3.714286em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

#Mini-quku .b-header .b-desc {
    text-align: center
}

#Mini-quku .jitheme_qk {
    display: flex;
    width: 100%;
    align-items: center
}

#Mini-quku .ji-qk-item {
    padding-left: 20px
}

#Mini-quku .jitheme-config-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#Mini-quku .jitheme-config>li {
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer
}

#Mini-quku .jitheme_qk {
    padding-left: 0
}

#Mini-quku .jitheme-config {
    width: 100%
}

.insert-post-content {
    position: relative;
    z-index: 1;
    display: flex;
    padding-left: 16px;
    height: 100px;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

.jitheme_tips.vip {
    background-image: linear-gradient(90deg, #fee2b6, #fec86e);
    color: #a26b0f
}

/*.post-style-6 .entry-content {*/
/*    overflow: hidden*/
/*}*/

.tips_text {
    z-index: 1;
    display: inline-block;
    margin: 0 auto;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-size: 13px
}

.jitheme_tips {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px
}

.post-2 .ji-post-2-mate {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px)
}

.jitheme-comment-list .author-lv,
.jitheme-comment-list .author-vip {
    background: unset;
    opacity: 1;
    padding: 0
}

.jitheme-btn {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: var(--key-color);
    text-align: center;
    padding: 5px 10px;
    border-radius: var(--ji--radius);
    width: 100%;
    border: 1px solid var(--main-border-color);
    text-transform: uppercase;
    z-index: 1
}

.jitheme-btn i {
    margin-right: 5px
}

.jitheme-btn:hover {
    color: #fff
}

.jitheme-btn:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s ease
}

.jitheme-btn:hover:before {
    width: 100%
}

.jitheme-btn:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 26px;
    right: 4px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 60% 0);
    opacity: .2;
    z-index: -1
}

.jitheme-btn:after {
    background: var(--b2color)
}

.jitheme-btn:before {
    background: var(--ji-bg-color);
    color: #fff;
    border-radius: var(--ji--radius);
}

.jitheme-btn:hover {
    /* border-color: var(--b2color); */
    border: 1px solid var(--main-border-color);
    /* background: var(--ji-bg-color); */
    /* color: var(--b2color); */
}

.search .tax-search {
    margin-bottom: 16px;
}



/*新增内容*/

.category-grand-children-list{
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.category-grand-children-list.five{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.category-grand-child-item.column .category-grand-child-meta {
    font-size: 14px;
    color:rgba(0,0,0,0.6);
}
.category-grand-child-item{
    background: #fff;
    border-radius: 4px;
    display: flex;
    
    padding:24px;
    box-shadow: rgba(22, 23, 47, 0.08) 0px 4px 16px 0px;
}
.category-grand-child-item img{
    margin-right:16px;
    border-radius: 8px;
}
.category-grand-child-item.column{
    flex-direction: column;
}

.category-grand-child-item.column a{
    line-height: 36px;
    color: rgb(51, 51, 51);
}

.category-grand-child-meta{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: space-around; 
}

.category-grand-child-meta span{
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: bold;
}

.module-title-common.new-title-common{
    align-items: center;
}

.module-title-common.new-title-common .title_puxin_center{
    flex: 1;
}

.title_puxin_center{
    margin-bottom: 48px;
}
.module-title-common.new-title-common .title_puxin_center > div:nth-of-type(1){
    line-height: 1.4;
}
 

.scroll-container { 
         padding:12px 24px;
            width: 100%;
            overflow: hidden;
            position: relative; 
            border-radius: 8px; 
            padding: 20px 0;
        }
        
        .scroll-wrapper {
            display: flex;
            flex-wrap: nowrap;
            will-change: transform;
        }
        
        .scroll-item {
            flex: 0 0 auto; 
            height: 83px;
            margin: 0 15px; 
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            font-weight: bold; 
            transition: all 0.9s ease;
        }
.scroll-img{width:auto;height:100%;border-radius:12px}

 
.home-page-container .company-logo-box .company-logo .company-bg {
  width: 180px;
  height: 258px;
  background-image: url(https://www.chuangkit.com/distweb/img/company-bg.a3a77d0d.png);
  background-size: cover;
  background-position: -100px 0;
  position: absolute;
}
.home-page-container .company-logo-box .company-logo .second-row {
    width: 100%;
    height: 83px;
}
.home-page-container .small-des {
  font-size: 16px !important;
}
.home-page-container .small-des {
  font-size: 15px;
  font-weight: 400;
  color: #505a71;
  margin-top: 32px;
  margin-bottom: 32px;
}
.home-page-container .sub-title {
  font-size: 2.3vw;
  font-weight: 400;
}
.home-page-container .company-logo-box .sub-title {
  margin-top: 110px;
}
.home-page-container .sub-title {
  font-size: 48px !important;
}
.home-page-container .company-logo-box {
  width: 100%;
  height: 470px; 
  display: flex;
  flex-direction: column;
  align-items: center
}
.home-page-container .company-logo-box .sub-title {
  margin-top: 40px;
}
.home-page-container .company-logo-box .company-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
}
.home-page-container .company-logo-box .company-logo .logo-box {
  width: 12.5%;
  height: 83px;
  margin: 5px 10px;
  background-color: #fff;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 32px;
  border: 1px solid rgba(0,0,0,.03);
  box-shadow: 0 5px 10px 0 rgba(112,130,193,.1);
}
.home-page-container .company-logo-box .company-logo .row {
  display: flex;
  justify-content: space-between
}
.home-page-container .company-logo-box .company-logo .first-row {
  width:100%;
  height: 83px;
  margin-bottom: 32px
}
.home-page-container .company-logo-box .company-logo .left {
  top: 0;
  left: 0
}
.home-page-container .company-logo-box .company-logo .right {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.home-page-container .data-box {
  width: 100%;
  height: 561px;
  background-color: #f5f7fd;
  position: relative
}
.home-page-container .data-box .rotate-container-res .block-3 {
  position: absolute;
  top: -130%;
  left: -10%
}
.home-page-container .data-box .rotate-container-res .block-1 {
  position: absolute;
  top: 30%;
  left: 70%
}
.home-page-container .data-box .content-box {
  width: 100%;
  height: 100%;
  padding: 130px 136px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-around
}
.home-page-container .data-box .content-box .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.home-page-container .data-box .content-box .left .small-des {
  margin-bottom: 80px
}
.home-page-container .data-box .content-box .right {
  width: 53%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}
.home-page-container .data-box .content-box .right .num-container:not(:first-child) {
  margin-left: 40px
}
.home-page-container .data-box .content-box .right .num-container .number {
  color: var(--1,#1b2337);
  font-family: PingFang SC;
  font-size: 3.5vw;
  font-weight: 400
}
.home-page-container .data-box .content-box .right .num-container .unit {
  color: var(--1,#1b2337);
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400
}
.home-page-container .data-box .content-box .right .num-container .number-title {
  color: var(--2,#505a71);
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  margin-top: 24px
} 


/*Post - Page*/
.new-breadcrumb .post-breadcrumb{
    line-height: 64px;
    font-size: 16px;
    height: 64px;
}

.no-padding{
    padding:0 !important;
}


.pd20{
    padding:28px;
}

.mb-20{
    margin-bottom: 24px;
}


.b-title,
.jitheme-widget-title h2{
    font-size: 24px !important;
}


.my-carousel{
    background: #fff;
    width: 100%; 
    height: 590px;
    overflow: hidden;
    border-radius: 8px;
}

.my-carousel .carousel-cell{
    width: 100%;
    height: 100%;
}

.my-carousel .carousel-cell img{
    width: 100%;
    height: 100%;
}

.wrap{
    -webkit-flex-wrap: unset;
    -ms-flex-wrap: unset;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: flex-start;
}

.flex-item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.download-list,
.download-item,
.download-rights,
.download-info{
    background: none !important;
}


.rom-bg{
    border-radius: 4px;
    overflow: hidden; 
    background-image: url('https://www.uurom.com/wp-content/uploads/2025/09/rom-box1.jpg') !important;
    background-size: 100% 100% !important;
}

.left-reviews{
        width: 320px;
        padding:24px; 
        border-radius: 8px 0  0 8px;
        overflow: hidden;
}

.bge{
    padding:55px 60px 28px 60px;
}

.new-down{
    padding:24px 36px;
}
.new-down .download-rights-title{
    font-size: 30px;
    font-weight: 500;
    color: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.sun-title{
    color: #0c0d0e;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin: 24px 0 20px;
}


.new-down .download-button-box .button{
    font-size: 16px;
    line-height: 48px;
    padding: 0 ;
    margin-right: 0;
    min-width: 158px;
    text-align: center;
}

.new-down .download-info{
    padding: 0 20px;
}

.new-down .download-info ul{
    background: none;
    padding:0;
}

.single-post .new-down  .download-info li{
    width: 100%;
    padding: 6px 0 6px 24px;
    margin: 0;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px dashed #f0f0f0;
}

.single-post .new-down  .download-info li::before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 20px;
    height: 20px;
    background: url(https://www.uurom.com/wp-content/uploads/2025/09/tos_04bdc03ee3578da39daf90f761ced4e3.png);
    background-size: 100% 100%;
}
.new-text-style{
    font-size: 14px;
    line-height: 21px;
}

.new-down .download-button-box{
    margin-top:0;
    text-align: center;
}

.no-bg-btn{
    border-radius: 4px; 
    display:inline-block; 
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    width: 158px; 
    border: 1px solid #dde2e9; 
    font-size: 16px; 
}


/**/
.soft-scrool{
    height: 540px;
    overflow-y: scroll;
}

.soft-carousel{
    height: 416px;
}

.soft-carousel .carousel-cell{
    width: 100%;
    height: 416px;
}

.soft-carousel .carousel-cell,
.soft-carousel .carousel-cell img{
    width: 100%;
    height: 100%;
}

.soft-left{
    width: 300px; 
    border-radius: 12px;
    margin-right: var(--ji--margin);
}
 

.soft-left .download-box,
.soft-center{
    background: #fff;
}

.soft-left .new-down{
    padding: 24px 0;
}

.soft-center{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.soft-center .download-rights-title{
    padding:32px 20px 0;
}

.soft-center img{
    max-width: 150px;
}


.soft-left .sun-title{
    margin-top: 0;
}

.my-comment-wrapper{
    margin-left:316px;
}

.yarpp-related{
    display: none;
}


.related-posts .related-posts-item{
    border:none;
    width: 100%;
}

.related-posts-item div:first-child{
    display: flex;
    align-content: center;
}

.related-posts .related-post-thumb{
    width: 100px;
    height: 100px;
    display: block;
    margin-right: 12px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
}

.related-posts-in h2{
    height: 28px;
    line-height: 28px;
}

.related-posts .related-posts-title{
    border:none;
    padding: 32px 20px 0;
}