cite,dfn,em,i {
    font-style: unset;
}

.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: #000
}

.puxin-widget-catGrid .bottomcat .small-item .title {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 95px
}

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

.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: #000;
    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: .6;
    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) {
    font-weight: 600;
    font-size: 40px
}

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

.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: 3var(--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-evenly;
}

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

.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% - var(--ji--margin));
    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: 12px;
    line-height: 30px
}

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

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

.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;
    font-size: 18px;
    line-height: 24px
}

.home-banner-content .slogan-text p:nth-of-type(1) {
    margin: 15px 0 25px 0;
    text-shadow: 0 2px 4px rgba(0,0,0,.25);
    letter-spacing: 6px;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px
}

.home-banner-search {
    width: 70%
}

.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;
    width: 100%;
    height: 50px;
    background: #fff;
    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: 10px
}

.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: 110px;
    box-sizing: border-box;
    margin-right: 5px;
    padding: 0 15px;
    height: 40px;
    min-width: 100px;
    border-radius: 5px;
    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-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 20px 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 {
    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
}

@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(to right,#13adff 0,#3385ff 50%,#3385ff 100%);
    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-background-size: 200% 100%;
    -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 {
    margin-bottom: 35px;
    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-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.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-excerpt {
    -webkit-line-clamp: 2!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: var(--main-bg-color)!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
}

.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 {
    height: 96px;
    background: var(--main-border-color)
}

.Onecad-new-footer .partlink .hyth-wrap {
    position: relative;
    height: 96px
}

.Onecad-new-footer .partlink .mail .title {
    padding-bottom: 7px;
    letter-spacing: 1px;
    line-height: 1
}

.Onecad-new-footer .partlink .mail {
    float: left;
    padding: 18px 0;
    height: 60px;
    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;
    float: right;
    margin: 8px 25px;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.partlink .foot-blank .imgbox {
    position: relative;
    float: left;
    padding: 5px;
    width: 80px;
    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: 20px
}

.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: 0;
    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;
    color: #000
}

.Onecad-new-footer .copyright p span:nth-last-child(1) {
    display: none
}

.Onecad-new-footer .copyright p {
    letter-spacing: 1px;
    line-height: 23px
}

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

.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 10px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 22px
}

.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(--ji-bg-color), 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(--ji-bg-color), 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;
    padding: 0 0 10px 0
}

#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;
    margin-right: 10px;
    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: 40px;
    height: 40px
}

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