dfn,cite,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: #ff6600
}

.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: 16px
}

.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;
    width: 100%;
    z-index: 1;
    text-align: left;
    box-sizing: border-box;
    justify-content: flex-end;
    display: flex;
    flex-flow: column;
    padding: 20px;
    border-radius: 0px;
    background: #000;
    background: rgba(0,0,0,0.6);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

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

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

.Onecad_title {
    margin-top: 0px
}

.Onecad_title >div:nth-of-type(1) {
    font-weight: 600
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.title-bg {
    border: 0
}

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

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

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

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

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

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

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

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

.c-topic-list > div {
    display: flex;
    margin: 5px 0px;
    padding: 5px 16px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-module-thumb {
    position: relative;
    height: 0;
    overflow: hidden;
    z-index: 1;
    background-color: var(--main-bg-color)
}

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

.list-footer {
    padding-top: 0px
}

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

.post-1 .post-excerpt,.post-2 .post-excerpt,.post-4 .post-excerpt,.post-7 .post-excerpt {
    margin: 10px 0px;
    background: var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px
}

.post-3 .post-excerpt {
    margin: 10px 0px;
    background: var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px
}

.post-3 .post-modules-top {
    border-bottom: 0
}

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

.post-3 .item-in {
    padding: 16px!important
}

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

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

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

.item-post-style-3 .list-footer {
}

.top-user-info {
    margin-top: 18px
}

.login-button {
    align-items: center
}

.top-user-info-box-name > div > div {
    display: flex;
    margin-top: 8px
}

.top-user-name {
    position: relative;
    margin-right: 40px;
    width: 100%
}

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

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

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

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

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

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

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

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

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

.OneCAD-circulation ul li {
}

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

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

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

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

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

.OneCAD-hint {
    float: left;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e
}

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

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

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

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

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

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

.OneCAD-classify li::before {
    content: '';
    position: absolute;
    right: -1px;
    top: 2px;
    width: 2px;
    height: 16px;
    background: #DDDDDD
}

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

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

.OneCAD-classify li a {
    margin-left: 6%;
    font-size: 14px;
    color: #666666
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.question_cat_text {
    padding: 8px 0
}

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

.entry-content em {
    font-weight: bold;
    color: var(--b2color)
}

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

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

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

.lv-icon.user-vip i {
    width: 100%;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    border: 0px solid var(--body-bg-color);
    border-radius: 100%;
    vertical-align: 0px;
    display: unset
}

.lv-icon.user-lv i {
    background-color: unset;
    font-size: unset;
    height: 16px;
    line-height: 16px;
    padding: 0px;
    margin-left: 0px
}

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

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

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

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

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

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

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

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

.puxin-widget-catGrid .bottomcat .big-item .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.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;
    color: #fff;
    text-align: center;
    padding: 20px
}

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

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

.desc p {
    font-size: 13px
}

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

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

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

.puxin-widget-catGrid .bottomcat {
}

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

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

.puxin-widget-catGrid .bottomcat .small-item:hover .title {
}

.puxin-widget-catGrid .bottomcat .small-item .item-bg {
    position: absolute;
    top: 0;
    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 {
    align-items: center;
    position: relative;
    height: 100%;
    transition: all .3s!important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

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

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

.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% + 16px)
}

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

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

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

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

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

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

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

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

.title_puxin_center >div:nth-of-type(1) {
    font-size: 40px;
    font-weight: 600
}

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

.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 {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 4px;
    width: 50px;
    top: 30px;
    background: none;
    transition: all .3s
}

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

.puxin-widget-catGrid .topCat .item .item-warp i {
    opacity: 0;
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    margin-top: 20px;
    background: url(../img/toRight.png);
    transition: all .3s;
    width: 40px;
    height: 40px;
    background-image: url(../img/toRight.png);
    background-size: cover;
    z-index: 10
}

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

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

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

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

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

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

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

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

    .gold-list-row-1,.gold-list-row-2,.gold-list-row-3,.gold-list-row-4 {
        width: 10%;
        border-right: 1px solid #F5F6F7;
        border-bottom: 1px solid #F5F6F7;
        font-size: 13px;
        padding: 16px
    }
}

.b2-widget-post-title h2 {
}

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

.onecad_box {
    padding: 15px
}

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

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

.sort-config-item a {
    color: var(--key-color)
}

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

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

.quk_img {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 16px
}

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

.sort-config-item img {
    height: 50px;
    width: 50px;
    text-align: center;
    margin-right: 12px
}

.item-ico {
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 5px;
    background-color: #f5f8fa
}

.sort-config-item:hover .item-ico,.sort-config li:hover .quk_img {
    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;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e
}

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

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

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

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

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

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

.sort-config-title .go {
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px
}

.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;
    height: 100%;
    padding-top: 22px;
    font-size: 14px;
    background: rgba(0,0,0,.4);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

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

.sort-blocks-item .blocks-hover-line {
    width: 158px;
    height: 1px;
    margin: 12px auto 8px;
    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;
    background-image: linear-gradient(to top,#9be15d 0%,#00e3ae 100%);
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%)
}

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

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

.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;
    font-size: 15px;
    font-weight: 600;
    color: #613c14
}

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

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

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

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

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

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

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

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

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

.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 {
    height: 189px;
    display: none
}

.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-down:hover {
    background: url() -5px -77px no-repeat #6e91e6
}

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

.b-boxs .video:hover .v-collect,.b-boxs .video:hover .v-down {
    filter: alpha(opacity=1);
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    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: 0px;
    left: 0px;
    width: 316px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    background: #00000075;
    background-color: #1677ff00;
    background-image: linear-gradient(-90deg,#00000000,#000000)
}

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

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

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

.b-boxs .video .mc-bottom {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 32%;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .4 \9 \0;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000,endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#000000,endColorstr=#ffffff)"
}

.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) 0px -345px no-repeat;
    vertical-align: -23px
}

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

.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;
    height: 14px;
    width: 1px;
    background: #b7b7b7;
    vertical-align: -2px
}

.b-boxs {
    margin-right: -16px;
    overflow: hidden
}

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

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

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

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

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

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

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

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

.card_gundong {
    height: 180px;
    width: calc(100% - 16px);
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 0px 0 16px 0;
    margin: 0px 8px;
    text-decoration: none;
    transition: all 0.3s
}

.card_gundong:hover {
    transform: translateY(-3px)
}

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

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

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

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

.huodong {
    background: #0693e3
}

.remen {
    background: #fcb900
}

.jingping {
    background: #cf2e2e
}

.guanggao {
    background: #00d084
}

.tuijain {
    background: #ff6900
}

.yuliu {
    background: #0693e3
}

.onecad-quk-carousel .itemss {
    white-space: nowrap;
    width: 100%;
    display: flex;
    -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;
    bottom: -4px;
    right: -4px;
    font-weight: 400;
    line-height: 20px;
    background: var(--main-bg-color);
    border-radius: 100%;
    width: 20PX;
    height: 20px;
    display: inline-block;
    font-size: 20px;
    color: #ff3a55!important
}

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

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

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

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

#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);
    -ms-transform: translateY(-3px);
    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;
    left: 50%;
    bottom: 0;
    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 {
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden
}

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

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

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

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

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

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

.one_sjs .one_itme {
    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;
    margin-top: 24px
}

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

.one_sjs .one_itme .one_itme_sjs {
    cursor: pointer;
    width: calc(20% - 10px);
    height: 406px;
    border-radius: 4px;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    position: relative
}

.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 {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 10px
}

.one_sjs .one_itme .one_itme_sjs .one_sjs_rq {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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 {
    width: 11px;
    height: 14px;
    margin-left: 2px
}

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

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

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

.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) {
    margin-top: 28px;
    padding: 0 34px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 342px;
    word-wrap: break-word
}

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

.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-size: 28px;
    font-weight: 600
}

.software___2qnev .title___1r231 >div:nth-of-type(2) {
    margin-top: 16px;
    color: #bbb;
    font-size: 16px;
    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 >div:nth-of-type(2) a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-left: 24px
}

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

.software___2qnev .softwareList___1Uqlo {
    width: 985px;
    margin-top: 52px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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 {
    padding: 20px 0 0px;
    background: var(--main-bg-color);
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

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

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

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

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

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

.row {
}

.col-sm-6 {
    cursor: pointer;
    margin-right: 16px;
    float: left;
    border-radius: 4px;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    position: relative
}

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

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

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

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

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

.our-team .social {
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.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;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s
}

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

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

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

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

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

.clearfix {
    zoom:1}

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

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

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

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active {
    color: #666;
    font-weight: bold
}

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

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

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

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover {
    color: #666;
    font-weight: bold
}

.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:after {
    content: '';
    width: 0px;
    height: 1px;
    background-color: #3BC66F;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all ease 0.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 {
    max-height: 331px;
    width: 294px;
    margin: 0 16px 16px 0;
    transition: all .2s linear;
    border-radius: 5px
}

.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%;
    opacity: 0;
    transition: opacity .5s linear;
    border-radius: 5px 5px 0 0
}

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

.model-column .model-item .model-info .title {
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

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

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

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

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

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

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

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

    .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 {
    margin-top: 10px
}

.encyclopedias ul {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: var(--main-bg-color);
    margin-bottom: 30px;
    margin-top: 0px
}

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

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

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

.encyclopedias ul .px_item:nth-child(2n+1) {
    margin: 5px 0px;
    border-right: 1px dotted var(--ji--neutral)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lv-icon.user-vip b {
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px
}

.lv-icon.b2-vip0 b {
    color: #000 !important;
    background: linear-gradient(90.34deg,#D7E5FF 0.27%,#B9CBFF 99.7%)
}

.lv-icon.b2-vip1 b {
    color: #6C4A20 !important;
    background: linear-gradient(90.34deg,#FFD2A2 0.27%,#FFE2C2 99.7%)
}

.lv-icon.b2-vip2 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg,#393f68 0.27%,#24263c 99.7%)
}

.lv-icon.b2-vip3 b {
    color: #ffffff !important;
    background: linear-gradient(90.34deg,#e54b63 0.27%,#e54b63 99.7%)
}

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

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

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

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

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

.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);
    -ms-transform: translateY(-5px);
    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 {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 15px
}

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

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

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

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

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

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

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

.fla {
    float: left
}

.fr {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-links {
    padding: 10px
}

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

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

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

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

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

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

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

.content-link-application {
    padding: 40px 40px;
    background-color: #fff;
    border-radius: 5px;
    width: 800px;
    -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 {
    height: 38px;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    -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-left: 10px;
    padding-right: 10px
}

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

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

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

.alert span {
}

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

.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;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    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;
    border-radius: .25rem;
    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;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    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-left: 4px;
    margin-bottom: 4px
}

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

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

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

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

.video-back img {
    width: 150px
}

.main-heading {
    text-align: center;
    margin: 50px auto;
    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);
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    font-size: 20px
}

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

.item-author .item-wrap,.home-authors .item-wrap {
    background-color: var(--main-bg-color);
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.home-authors .item,.home-authors .group-item .item-images .img-item {
    padding: 0 var(--ji--2item)
}

.item-author .item-wrap,.home-authors,.b2_gap>li .item-in {
    padding: var(--ji--4item)
}

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

.jitheme-ranks .item-author .author-btn {
    position: absolute;
    right: 0;
    top: 94px!important;
    display: none;
    width: 100%
}

.home .item-author .author-btn {
    position: absolute;
    right: 0;
    top: 90px;
    display: none;
    width: 100%
}

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

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

.home-authors .author-items {
    margin: 0 var(--ji--3item);
    margin: 0 var(--ji--3item);
    display: flex;
    flex-wrap: wrap
}

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

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

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

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

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

.item-author .item-top {
    position: relative;
    box-shadow: 0 12.5px 25px 0 rgba(0,0,0,0.02);
    background-color: var(--main-bg-color);
    z-index: 1
}

.item-author .item-bottom {
    font-size: 8.75px;
    position: relative;
    z-index: 1;
    padding: 0px 15px 15px 15px;
    height: auto;
    overflow: hidden;
    box-sizing: border-box
}

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

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

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

.item-post-style-6 .item-author .item-bg {
}

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

.item-author .author-main {
    padding-top: 5px
}

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

.item-author .author-info i {
    margin-right: 5px
}

.author-name {
    font-size: 15px;
    color: var(--key-color);
    margin-bottom: 5px;
    display: flex;
    white-space: nowrap
}

.author-name .uname,.author-name b {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis
}

.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 {
    font-size: 13px;
    margin-bottom: 10px;
    white-space: nowrap
}

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

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

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

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

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

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

.item-author .author-info {
    font-size: 14px;
    margin-top: 25px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0px 16px;
    color: #b5b5b5;
    text-align: center;
    line-height: 30px;
    background: var(--body-bg-color);
    height: 30px;
    border-radius: 4px;
    overflow: hidden
}

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

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

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

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

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

.item-author .ap-item-wrap.has-thumb {
    padding-left: 87.5px;
    min-height: 47.5px
}

.item-author .ap-item-wrap.has-thumb {
    padding-left: 120px
}

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

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

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

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

.item-author .ap-item-wrap .ap-item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    overflow: hidden
}

.item-author .ap-item-wrap .ap-item-thumb {
    width: 110px;
    height: 100%
}

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

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

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

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

@media only screen and (min-width: 990px) {
    .home-authors .item,.home-authors .group-item .item-images .img-item {
        margin-bottom:var(--ji--1item);
        width: 25%
    }
}

.home-authors .item,.home-authors .group-item .item-images .img-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;
    left: 0;
    top: 0
}

.home-authors .item-tobe-author .tobe-author-wrap {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.home-authors .item-tobe-author .tobe-author {
    background-color: var(--main-bg-color);
    height: calc(100% - 20px);
    box-sizing: border-box;
    position: relative
}

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

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

.home-authors .item-tobe-author .item-cont {
    font-size: 15px;
    color: #b5b5b5;
    height: auto;
    line-height: 30px
}

.home-authors .item-tobe-author .item-cont p {
}

.home-authors .item-tobe-author .lw-item-meta {
    font-weight: normal;
    font-size: 12px;
    position: relative;
    line-height: 24px;
    color: #8f8f8f;
    margin: 20px 0px
}

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

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

.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 {
    font-size: 35px;
    color: var(--b2color);
    font-weight: bold
}

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

.home-authors .item-tobe-author .item-btns {
    font-size: 14px;
    text-align: center;
    display: flex;
    color: #fff
}

.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;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    margin-right: 16px;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

#onecad-circles .all-circles-tag-name {
    display: flex;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    margin-bottom: 10px;
    margin-left: 20px;
    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 {
    width: 33.33333%;
    height: 111px;
    position: relative;
    box-sizing: border-box
}

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

#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 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 17px
}

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

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

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

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

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

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

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

#onecad-circles .all-circles-item-list li > div > div {
    display: flex;
    padding: 16px;
    position: relative
}

#onecad-circles .all-circles-item ul li {
}

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

#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 {
    color: #9d87d2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

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

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

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

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

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

.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 {
    width: 100%;
    padding: 30px;
    overflow: hidden;
    background: #fff
}

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

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

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

.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;
    bottom: -2px;
    right: -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 {
    height: 48px;
    position: relative;
    padding-left: 68px
}

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

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

.avatar-container-48.center {
    margin: 0 auto;
    position: inherit;
    left: inherit;
    -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;
    bottom: -2px;
    right: -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 {
    width: 40px;
    position: relative
}

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

.avatar-container-40 .company-honor {
    position: absolute;
    bottom: 0;
    right: -2px;
    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 {
    width: 30px;
    position: relative
}

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

.avatar-container-30.center {
    margin: 0 auto;
    position: inherit;
    left: inherit;
    -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: 16px
}

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

.avatar-container-30>.company-honor {
    position: absolute;
    top: 11px;
    bottom: -2px;
    right: -1px;
    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: -16px!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;
    left: 17px;
    bottom: 13px;
    height: 14px;
    line-height: initial
}

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

.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 {
    float: left;
    width: 220px;
    margin-left: 20px;
    position: relative
}

.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 {
    height: 26px;
    line-height: 26px;
    overflow: hidden
}

.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-left: 4px;
    margin-top: 3px
}

.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;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle
}

.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 {
    font-size: 12px;
    color: #bbb;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.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 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

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

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

.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;
    width: 1px;
    height: 10px;
    background: #333;
    margin: 0 5px
}

.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: 16px;
    height: 16px
}

.work-show ul {
    float: left
}

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

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

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

.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;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle
}

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

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

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

.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 {
    height: 16px;
    display: inline-block;
    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 {
    width: 100px;
    height: 36px;
    margin-right: 6px
}

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

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

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

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

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

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

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

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

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

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

#onecad-single-content .mySwiper {
    max-width: 100% !important;
    padding-top: 6px;
    padding-left: 2px;
    padding-right: 2px
}

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

#onecad-single-content .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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-size: cover;
    background-position: center
}

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

#onecad-single-content .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

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

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

#onecad-single-content .mySwiper .swiper-slide {
    width: calc(12.5% - 9px)!important;
    height: 60px;
    opacity: 1;
    overflow: hidden
}

#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;
    white-space: nowrap;
    font-size: 0.875rem;
    overflow-x: auto;
    max-width: 100%;
    vertical-align: top;
    line-height: 28px
}

.post-tags-meat-onecad .sub-nav a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #8f8f8f;
    vertical-align: top
}

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

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

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

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

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

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

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

.post-tags-meat-onecad {
    display: flex;
    flex-flow: nowrap;
    margin-top: 15px;
    position: relative
}

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

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

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

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

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

.w-d-meta p {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 28px
}

.w-d-meta p:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(../img/li-dian.svg);
    position: relative;
    margin-right: 8px;
    opacity: 0.65
}

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

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

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

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

.comment-content-text p {
    color: #4E5969
}

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

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

.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 {
    font-size: 0.875rem;
    margin: 10px 0
}

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

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

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

.post-style-6 .com-info {
    left: 60px
}

.post-style-6 .respond {
    padding: 24px 60px
}

.post-style-6 .comments-title {
    padding: 16px 60px
}

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

.post-style-6 .post-list-cat {
    margin-right: 0px;
    display: flex;
    float: left;
    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 {
    margin-right: 24px;
    height: 100px;
    float: left
}

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

.ava-left img {
    padding: 5px;
    position: relative;
    height: 100%
}

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

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

.ava-ava {
    display: flex;
    margin-bottom: 10px
}

.hh-title {
    width: 100% !important;
    padding-right: 0 !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 {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    background: #165DFF;
    color: #f9f9f9;
    font-size: 14px
}

.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 {
    width: 100%;
    padding: 8px;
    height: 35px;
    font-size: 0.8125rem
}

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

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

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

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

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

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

.post-6-jiehsao {
    margin-top: 10px;
    margin-bottom: 0px
}

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

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

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

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

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

.w-d-meta {
    font-size: 0.75rem
}

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

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

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

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

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

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

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

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

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

.tax-fliter-hot {
    position: absolute;
    left: 0px;
    top: 60px;
    background-color: #fff;
    z-index: 6;
    padding: 5px;
    box-shadow: 0px 12px 23px 0px 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 0px 20px -20px;
    padding: 10px 0px 10px 20px
}

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

.one_fl_lb {
    font-size: 12px;
    margin: 0px;
    color: #eceef5;
    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 {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3)
}

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

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

.filter-name {
    color: #333
}

.tax-search input {
    background: #f8f9fa
}

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

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

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

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

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

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

.yellow {
    background-color: var(--b2color)
}

.search_360 {
    color: #fff;
    background-color: #28bc5b
}

.search_baidu {
    color: #fff;
    background-color: #4E6EF2
}

.search_bing {
    color: #fff;
    background-color: #ffc20e
}

.search_toutiao {
    color: #fff;
    background-color: #f04142
}

.search_zhihu {
    color: #fff;
    background-color: #06f
}

.home-banner {
    position: relative;
    background-position: 0 100%;
    animation: gradient 12s ease-in-out infinite
}

.home-banner .section {
    position: relative;
    width: 100%;
    overflow: hidden
}

.home-banner .section .video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 0
}

.home-banner .section .video-wrapper video {
    visibility: visible;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    object-fit: cover
}

.home-banner .section .video-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(45,47,54,.15)
}

.home-banner .corner {
    width: 28px;
    height: 21px;
    position: absolute;
    border-radius: 4px;
    margin: 0px
}

.home-banner .home-menus {
    margin-left: 70px
}

.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    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 {
    margin-bottom: 30px
}

.home-banner-content .slogan-text p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,.25)
}

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

.home-banner-search {
    width: 70%;
    height: auto;
    margin: auto;
    max-width: 900px
}

.home-banner-search input,textarea {
    border-radius: 0px
}

.home-banner-search .tag {
    position: absolute;
    z-index: -2;
    justify-content: center;
    padding: 40px 10px;
    width: 100%;
    display: flex;
    font-size: 15px;
    line-height: 35px
}

.home-banner-search .tag a:hover {
    background: var(--b2color);
    color: #fff
}

.home-banner-search .tag a {
    display: inline;
    padding: 0px 8px;
    border-radius: 10px;
    margin: 5px;
    height: 25px;
    line-height: 25px;
    color: #fff
}

.home-banner-search form>input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: none;
    padding: 18px 22px;
    font-size: 14px;
    color: #333
}

.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 {
    width: 100%;
    top: 56px
}

.home-banner-links {
    width: 80%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-shadow: 0 2px 4px rgba(0,0,0,.27)
}

.home-banner-links a {
    margin-right: 19px;
    color: inherit
}

.home-banner-links a:hover {
    color: var(--b2color)
}

.home-banner .search-types-cycles {
    width: 100px;
    height: 290px;
    position: absolute;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,var(--b2lightcolor) 51.04%,rgba(0,0,0,0) 100%);
    right: 115px;
    top: -125px;
    text-align: center;
    z-index: -1;
    margin: 0px
}

.home-banner .search-types-cycles .search-types-btn {
    width: 100%;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
    left: 0;
    bottom: -20px;
    z-index: 1
}

.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) {
    bottom: auto;
    top: -20px
}

.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 {
    width: 100%;
    height: 100%;
    padding-top: 5px
}

.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0,transparent 0,var(--b2color) 50%,transparent 100%)
}

.home-banner .search-types-cycles ul:after {
    left: auto;
    right: 0
}

.home-banner .search-types-cycles ul li {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px;
    text-align: center;
    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 {
    font-size: 18px;
    color: #fff;
    margin-right: 6px
}

.home-banner .search-types-cycles button span {
    font-size: 16px;
    color: #fff
}

.top-navs {
    width: 100%;
    bottom: 0px;
    padding-top: 16px;
    left: 0;
    margin-top: -93px;
    backdrop-filter: blur(10px)
}

.top-navs .top-navs-l {
    width: calc(100% - 180px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-right: 1px solid rgb(255 255 255 / 10%)
}

.top-navs .top-navs-l-item {
    width: 20%;
    margin: 0 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.top-navs .top-navs-l-item .top-navs-l-title a {
}

.top-navs .top-navs-l-item .top-navs-l-title .wz {
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    height: 25px;
    margin-bottom: 12px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.top-navs .top-navs-l-item .top-navs-l-title a i {
    font-size: 34px;
    margin-right: 8px;
    vertical-align: -4px
}

.top-navs .top-navs-l-item .top-navs-l-title a img {
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 8px
}

.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 {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: space-around;
    margin: 0 -10px
}

.top-navs .top-navs-l-item .top-navs-l-links a {
    color: #fff;
    margin: 0 10px;
    text-shadow: 1px 1px 1px #000
}

.top-navs .top-navs-l-item .top-navs-l-links a:hover {
    color: var(--b2color)
}

.top-navs .top-navs-m {
    width: 176px;
    height: 61px;
    border-right: 1px solid rgba(255,255,255,.25);
    padding: 0 24px;
    display: none;
    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%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
    text-shadow: 1px 1px 1px #000
}

.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 {
    width: 100%;
    margin-bottom: 0;
    margin-top: -20px
}

.top-navs .top-navs-m .top-navs-m-box {
    top: -16px;
    left: -72px;
    width: 157px;
    height: 66px;
    background: #444;
    border-radius: 8px;
    padding: 8px 14px 0;
    display: none;
    margin-top: -70px
}

.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 {
    width: 50%;
    padding-left: 30px;
    text-align: center
}

.top-navs .top-navs-r a i {
    font-size: 36px;
    margin-bottom: 10px
}

.top-navs .top-navs-r img {
    height: 40px;
    width: 40px;
    margin-top: -3px
}

.top-navs .top-navs-r a p {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.top-navs .top-navs-r a p:hover {
    color: var(--b2color)
}

.por {
    position: relative
}

.poa {
    max-height: 500px;
    height: calc(100vh - 220px);
    margin-top: -500px
}

.pof {
    position: fixed
}

.Onecad_clearfix:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0
}

.fl {
    float: left
}

.ovh {
    overflow: hidden
}

.block {
    display: block
}

.icon-rank {
    width: auto;
    display: inline-block;
    border: none;
    overflow: hidden;
    vertical-align: -3px
}

img.icon-rank {
    width: 20px;
    height: 20px;
    margin-right: 0px
}

a.hot-top.text-notify:hover {
    color: var(--b2color)
}

p.top-navs-l-title {
    margin-bottom: 8px
}

.top-navs-l-title i {
    width: 1em;
    height: 1em;
    float: left
}

.left-cont {
    border: 5px solid rgb(255 255 255 / 18%)
}

.home-banner-search>form>button {
    box-sizing: border-box;
    min-width: 100px;
    transform: translateY(0px);
    font-size: 15px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 1;
    border: 1px solid #23d1c3;
    padding: 0 15px;
    width: 147px;
    height: 56px;
    background: linear-gradient(90deg,#35eee3 0,#21cec0 100%);
    border-radius: 0 8px 8px px 0;
    right: 0;
    text-align: center;
    padding-left: 25px;
    margin-right: -7px;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.home-banner-search .search.hidden {
    display: none
}

.primary-menus .left-cont button {
    height: 40px;
    box-sizing: border-box;
    min-width: 100px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    margin-right: 5px;
    position: absolute;
    right: 110px;
    top: 10px;
    padding: 0 15px;
    transform: translateY(0px)
}

.primary-menus .left-cont .jitheme_fbu a {
    height: 40px;
    box-sizing: border-box;
    min-width: 100px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 15px;
    transform: translateY(0px);
    background: #ffc20e;
    border: 1px solid #ffc20e;
    text-align: center;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}

.slogan-text.por.fl {
    text-align: center;
    width: 100%;
    margin-bottom: 50px
}

@media screen and (max-width: 768px) {
    #page-wrapper {
        display:none
    }
}

.Onecad_single_time {
    margin-bottom: 30px;
    text-align: center;
    display: flex;
    font-size: 12px;
    color: #6c6e72
}

.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 {
    font-size: 20px;
    color: #6c6e72;
    margin-bottom: 25px
}

.Onecad_single_time .through {
    position: relative
}

.Onecad_single_time .through span {
    display: inline-block;
    background: #fff;
    padding: 0 5px
}

.Onecad_single_time .through:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1
}

.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 {
    display: inline-block;
    font-size: 28px;
    line-height: 1;
    top: -15px;
    position: absolute;
    color: #ff2f2f;
    text-align: center;
    right: -10px;
    width: 52px
}

.Onecad_single_time .comment-count .text i {
    background: #fff;
    padding: 3px 5px;
    display: inline-block
}

.Onecad_single_time .author {
    display: inline-block;
    line-height: 18px;
    color: #2291f7
}

.Onecad_single_time .author:hover {
    color: #2291f7
}

.Onecad_single_time .qiehao {
    display: inline-block;
    margin-top: 3px;
    border-radius: 16px;
    line-height: 18px;
    padding: 0 8px;
    background-color: #2291f7;
    color: #fff
}

.left-stick-wp {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.post-content-footer .content-footer-poster button {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px auto;
    padding: 0;
    line-height: 48px;
    text-align: center;
    display: block;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgb(13 39 91 / 6%);
    background: #fff;
    color: inherit
}

.Onecad_circles_top {
    margin-bottom: 16px
}

.Onecad_circles_ct {
    margin: 16px 0px
}

.widget-area-left.widget-area {
    margin-left: 0
}

.topic-loading-more-button {
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: #AAAEB3;
    background-color: #fff;
    margin-top: 10px
}

.b2-widget-hot-circle .b2-widget-title button.picked:before {
    border-color: transparent transparent #ffffff!important
}

@media screen and (max-width: 768px) {
    .newOneCAD_link {
        margin:0 auto;
        display: block
    }

    .OneCAD_link {
        padding: 10px;
        margin: 10px 0px 10px 0px
    }

    .OneCAD_link dl dd {
        display: inline-block;
        width: 20%;
        margin-bottom: 6px;
        margin-top: 6px;
        float: left
    }

    .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;
        width: 45px;
        height: 45px;
        margin: 0 auto 5px
    }

    .OneCAD_link dl dd a p {
        height: 20px;
        line-height: 25px;
        font-size: 13px;
        text-align: center;
        overflow: hidden
    }

    dl {
        display: block;
        overflow: hidden;
        justify-content: center
    }
}

.justify a img {
    float: left
}

@media screen and (min-width: 768px) {
    .newOneCAD_link,#model_hdp_onecad {
        display:none
    }
}

.erweima {
    font-size: 40px;
    color: #fff;
    opacity: .3;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tubiao {
    font-size: 16px;
    color: #fff;
    opacity: .8;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.home .site-content {
    padding-bottom: 0
}

.footer {
    font-size: 13px
}

@media(max-width: 1329px) {
    .hide_md {
        display:none !important
    }
}

.btn {
    display: block;
    cursor: pointer;
    text-align: center;
    outline: 0;
    border: 0
}

.btn-orange-light {
    background-color: #fe5b34;
    border-radius: 3px
}

.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;
    width: 100%;
    overflow: hidden
}

@media(min-width: 768px) {
    .footer-fav {
        width:auto;
        overflow: visible;
        display: flex
    }
}

.footer-fav .footer-fav-top {
    padding-top: 36px;
    padding-bottom: 36px;
    overflow: visible;
    display: flex;
    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 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase
}

@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 {
    font-size: 12px;
    color: #797979;
    line-height: 1.8;
    margin-bottom: 10px;
    display: inline
}

@media(min-width: 768px) {
    .footer-fav .site-info p {
        font-size:14px;
        margin-bottom: 0;
        display: block
    }
}

.footer-fav .site-fav {
    padding-top: 5px
}

@media(min-width: 768px) {
    .footer-fav .site-fav {
        padding-top:24px
    }
}

.footer-fav .site-fav .btn-orange {
    font-size: 14px;
    line-height: 2.5;
    padding: 0 1.2em;
    background-color: var(--b2color);
    color: #fff;
    border-radius: 8px
}

@media(min-width: 768px) {
    .footer-fav .site-fav .btn-orange {
        font-size:16px;
        line-height: 3.5;
        padding: 0 2em
    }
}

.footer-fav .site-girl {
    position: absolute;
    left: 50%;
    bottom: 0
}

.footer-fav .site-girl .girl {
    width: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s
}

@media(min-width: 768px) {
    .footer-fav .site-girl .girl {
        left:-50px
    }
}

.footer-fav .site-girl .girl::after {
    content: 'Hi~';
    display: block;
    position: absolute;
    left: 100%;
    top: 40%;
    color: #a7a7a7;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    transition: all .3s
}

.footer-fav .site-girl .thumb {
    padding-top: 116.667%
}

.footer-fav .site-girl .girl-info {
    margin-left: 150px;
    margin-bottom: 55px
}

.footer-fav .site-girl h4 {
    font-size: 14px;
    font-weight: normal;
    color: #797979;
    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) {
    .home .footer-fav {
        display:none
    }
}

@media(max-width: 767px) {
    .footer-fav .btn-group>.btn:last-child {
        border-radius:3px
    }
}

.clearfix:before,.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both
}

.thumb {
    display: block;
    width: 100%;
    height: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transition: all .2s
}

#Onecad_footer_ys2 .widget ul li {
    font-size: 13px;
    padding: 0px;
    box-sizing: border-box;
    /* margin-left:16px; */
    max-width: 60px;
}

.Onecad_footer_ico {
    margin-bottom: 10px;
    background-color: rgba(148,148,152,0.15);
    padding: 10px 0;
    border-radius: 5px
}

.Onecad_footer_ico i {
    height: 35px;
    width: 35px;
    margin: auto
}

.Onecad_hide {
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media(max-width: 1023px) {
    .hide_sm {
        display:none !important
    }
}

.footer-navi {
    position: relative;
    color: #949498;
    line-height: 1.9286;
    padding: 15px 0;
    display: none;
    background: url(./Center/Assets/images/bj.jpg) no-repeat;
    background-size: cover
}

@media(max-width: 768px) {
    .footer-navi {
        padding:0px 5px
    }

    .foot-copyright {
        padding: 0px 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 {
    margin-bottom: 14px;
    border-bottom: 0;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.footer-navi .widget {
}

.footer-navi .about {
}

@media(min-width: 1024px) {
    .footer-navi .about {
        width:25%
    }
}

@media(min-width: 1310px) {
    .footer-navi .about {
        font-size:14px;
        padding-right: 20px
    }
}

@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;
    justify-content: space-between;
    flex-wrap: nowrap;
    justify-content: space-around;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 30px
}

@media(min-width: 768px) {
    .footer-navi .navis {
        width:60%;
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .footer-navi .navis {
        width:40%
    }
}

.footer-navi .navis .navi {
    flex: 1;
    text-align: center
}

@media(min-width: 1310px) {
    .footer-navi .navis {
        width:50%;
        display: flex;
        justify-content: space-evenly;
        border-left: 1px solid #9e9e9e3b;
        border-right: 1px solid #9e9e9e3b
    }

    .footer-navi .navis .navi {
        text-align: center
    }
}

.footer-navi .ewms {
    margin: 0 auto
}

@media(min-width: 768px) {
    .footer-navi .ewms {
        width:25%;
        padding-left: 50px;
    }
}

.footer-navi .ewms::before,.footer-navi .ewms::after {
    right: auto;
    left: 0
}

.footer-navi .ewms::before {
    left: 1px
}

.footer-navi .ewms .like {
    text-align: center
}

.footer-navi .ewms .like strong {
    color: #fe3d7d;
    font-size: 54px;
    line-height: 1.24;
    font-weight: 400;
    font-family: Impact;
    background-image: linear-gradient(to right,#13adff 0,#3385ff 50%,#3385ff 100%);
    -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-size: 14px;
    font-weight: normal;
    line-height: 1.1
}

.footer_clearfix {
    display: block;
    /* clear:both; */
    float: none;
    display: flex;
    justify-content: space-between;
}

.footer-navi .ewms ul {
    text-align: center;
    margin-bottom: 35px
}

.footer-navi .ewms li {
    /* float:left; */
    width: 33.333333%;
    box-sizing: border-box;
    display: inline;
    position: relative;
    line-height: 1.3;
    margin-top: 0
}

.footer-navi .ewms li:hover .ewm-content {
    visibility: visible;
    bottom: 90px;
    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 {
    font-size: 12px;
    font-weight: normal;
    margin: 0
}

.footer-navi .ewms .ewm-content {
    position: absolute;
    left: 50%;
    bottom: 95px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
    width: 330px;
    transform: translate(-50%,0);
    z-index: 10
}

.footer-navi .ewms .ewm-content::before {
    content: '';
    display: block;
    position: absolute;
    margin-left: -6px;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

@media(max-width: 1600px) {
    .footer-navi .ewms .ewm-content.ewm-douyin,.footer-navi .ewms .ewm-content.ewm-wechat {
        left:auto;
        right: 0;
        transform: translate(0,0)
    }

    .footer-navi .ewms .ewm-content.ewm-douyin::before,.footer-navi .ewms .ewm-content.ewm-wechat::before {
        left: auto;
        right: 30px
    }

    .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 {
    padding: 10px;
    text-align: left;
    display: flex
}

.footer-navi .Onecad_fl .footer-logo {
    height: 40px;
    padding-bottom: 16px
}

.footer-navi .ewms .ewm-main .fr {
    float: right
}

.footer-navi .ewms .ewm-main .thumb-div {
    width: 100px;
    /* margin-right: 20px; */
    margin: 10px 10px 10px 10px;
}

.footer-navi .ewms .ewm-main .thumb {
    padding-top: 100%;
}

.footer-navi .ewms .ewm-main h4 {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    line-height: 1.714;
    margin-top: 7px;
}

.footer-navi .ewms .ewm-main h4 span {
    color: #47c333
}

.footer-navi .ewms .ewm-main a {
    color: var(--b2color);
    margin: 10px 0px;
    display: block
}
.footer-navi .ewms .ewm-main a  {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    max-width: 100px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 14px;
    background-color: var(--b2color);
}
.footer-navi .ewms .ewm-main h5 {
    font-weight: normal;
    font-size: 12px;
    color: #888;
    line-height: 20px
}

.footer-navi .ewms .ewm-douyin .ewm-main {
    padding-left: 0;
    padding-right: 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 {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    background: #f3f3f3
}

@media(min-width: 768px) {
    .footer-navi .bands {
        display:flex;
        width: 100%
    }
}

.footer-navi .bands ul {
    margin: 0 -8px 0 -7px;
    display: flex;
    flex: 1;
    align-content: space-between
}

.footer-navi .bands ul li {
    padding: 0 8px 15px 7px;
    width: 50%;
    box-sizing: border-box
}

@media(min-width: 768px) {
    .footer-navi .bands ul li {
        width:20%
    }
}

.footer-navi .bands .band {
    background-color: #42424d;
    padding-top: 52px;
    border-radius: 3px;
    transition: all .2s
}

.footer-navi .bands .band::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: all .2s
}

.footer-navi .bands .band:hover {
    background-color: #24242d
}

.footer-navi .bands .band:hover::after {
    background: transparent
}

.footer-navi .qqgroup {
    width: 100%
}

@media(min-width: 1024px) {
    .footer-navi .qqgroup {
        width:auto
    }
}

.footer-navi .qqgroup a {
    display: block;
    width: 220px;
    height: 52px;
    line-height: 52px;
    background: #222228;
    border-radius: 3px;
    text-align: center;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .hide_sm {
        display:none !important
    }
}

.footer .footer-colors {
    width: 100%;
    height: 4px;
    background-color: #333;
    background-position: 0 0;
    background-repeat: repeat;
    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);
    animation: animate-colors 200s infinite linear;
    animation-play-state: paused
}

.footer .colors-shadow::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(18,18,18,0.8),#121212)
}

.footer .friendlinks {
    font-size: 12px;
    color: #4f4f4f;
    line-height: 2;
    margin: 0 -.5em 20px;
    word-break: keep-all
}

.footer .friendlinks h6 {
    font-size: 12px;
    font-weight: normal;
    display: inline;
    margin: 0 .5em
}

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

@media(min-width: 768px) {
    .footer .copyright {
    }
}

.footer .copyright .asline {
    font-style: normal;
    display: block
}

@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 {
        background:#000;
        display: inline-block;
        padding: .5em 1.5em
    }
}

.footer .copyright a {
}

@media(min-width: 768px) {
    .footer .copyright a {
    }
}

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

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

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

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

.benefitTag__popover___fbaea {
    min-width: 0;
    max-width: 200px;
    z-index: 9
}

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

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

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

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

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

.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header,.Onecad_memberWrapper.memberCard__will-expired___3128d .Onecad_memberCard_member-header {
    background: hsla(0,0%,100%,.8);
    padding: 16px 0;
    border-radius: 8px
}

.Onecad_memberWrapper.memberCard__expired___9de29 {
    background: #dadde0
}

.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
    color: #ff2b00
}

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

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

.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(230,163,115,.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 .memberCard__icon-font___9846a,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 .memberCard__icon-font___9846a {
    color: #4d3626;
    font-size: 12px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917:hover,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46:hover {
    background-color: rgba(230,163,115,.16)
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 {
    left: 0;
    border-radius: 0 4px 4px 0
}

.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
    right: 0;
    border-radius: 4px 0 0 4px
}

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

.Onecad_memberWrapper>button {
    border: 0!important
}

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

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

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

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

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

.Onecad_header_vip {
    padding: 0px 20px;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 20px;
    background: url(./Center/Assets/images/vipiconhover.svg) no-repeat 50%/25px
}

.Onecad_header_vip > i {
    position: absolute;
    top: -15px;
    font-size: 12px!important
}

.Onecad_header_vip:hover .Onecad_member_tip[data-status=true] {
    display: block
}

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

.one-home-homevip {
    padding: 20px 0;
    background-repeat: no-repeat;
    background-position: center
}

.home-homevip-boxmk img {
    height: 52px;
    display: block;
    margin: 0 auto 10px auto
}

.home-homevip-boxmktitle {
    text-align: center;
    position: relative;
    padding-bottom: 20px
}

.home-homevip-boxmktitle .price {
    font-size: 16px;
    color: var(--key-color);
    margin-bottom: 15px
}

.home-homevip-boxmktitle .price strong {
    font-size: 43px;
    margin: 0 5px;
    font-weight: bolder!important
}

.home-homevip-boxmktitle p {
    font-size: 14px;
    line-height: 27px;
    background-color: var(--body-bg-color);
    color: var(--b2color);
    border-radius: 50px
}

.home-homevip-boxmktitle p span {
}

.home-homevip-boxmk:hover a {
    opacity: .8
}

.home-homevip-boxmks {
    padding: 20px 0px
}

.home-homevip-boxmks span {
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    font-weight: 600;
    margin-right: 3px
}

.home-homevip-boxmks li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    margin: 0 -20px;
    line-height: 45px;
    padding: 0px 15px;
    color: var(--key-color)
}

.home-homevip-boxmks li:last-child {
    margin-bottom: 0px
}

.home-homevip-boxmks li em,.home-homevip-boxmks li em span p {
    display: flex;
    font-size: 14px;
    font-weight: 100
}

.home-homevip-boxmks li em {
    margin-top: 0px
}

.home-homevip-boxmks li:nth-child(odd) {
    background-color: var(--muted-bg-color)
}

.one-home-homevip2-box {
}

.home-homevip2-boxmk {
    padding: 30px
}

.home-homevip2-boxmk .title {
}

.home-homevip2-boxmk .title i {
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center
}

.home-homevip2-boxmk .title span {
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333
}

.home-homevip2-boxmk .title p {
}

.home-homevip2-boxmk .i {
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54,127,255,0.1);
    transition: box-shadow .2s
}

.home-homevip2-boxmk:hover .i {
    box-shadow: 0 0 0 10px rgba(198,209,255,0.45),0 0 0 24px rgba(197,209,255,0.22);
    border-radius: 100%
}

.home-homevip2-boxmk .an {
    margin-top: 20px;
    height: 33px;
    line-height: 33px
}

.home-homevip2-boxmk .an a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: var(--b2color)
}

.home-homevip2-boxmk .an .jg {
    font-size: 30px;
    font-weight: bold;
    color: #333
}

.one-grid-onecadsmls > *,.one-grid-column-onecadsmls > * {
    padding-left: 16px
}

.home-homevip2-boxmk .an .jg em {
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777
}

.home-homevip-boxmk {
    text-align: center;
    padding: 20px;
    overflow: hidden!important;
    position: relative
}

.one-background-default {
    background-color: var(--main-bg-color)
}

.one-home-title {
    text-align: center;
    margin-bottom: 40px
}

.one-home-title span {
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color)
}

.one-home-title p {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
    line-height: 25px
}

.one-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.one-container >:last-child {
    margin-bottom: 0
}

.one-grid-onecadsmls,.one-grid-column-onecadsmls {
    margin-left: -20px
}

.one-container {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto
}

.vip_tj {
    position: absolute;
    top: 15px;
    right: -40px;
    overflow: hidden!important;
    z-index: 1;
    width: 150px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 14px
}

.vips_tj {
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden!important;
    z-index: 1;
    width: 120px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 0px 0px 0px 20px;
    box-shadow: 0 0 10px rgb(255 51 85 / 47%)
}

.one-dongtai:hover {
    transform: translateY(-3px);
    -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);
    -ms-transform: translateY(-3px)
}

.one-dongtai {
    transition: all 0.3s ease 0s
}

.vip-top > div p {
    font-size: 16px;
    margin-top: 20px
}

#Onecad_vido.grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

#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 {
    display: block;
    overflow: hidden;
    background: #1a1a1a;
    text-align: center;
    position: relative
}

#Onecad_vido.play-icon {
    position: relative;
    top: 12px;
    padding: 10px 88px;
    z-index: 2
}

#Onecad_vido.play-dot {
    position: absolute;
    top: 15px;
    right: 45px;
    width: 20px !important;
    height: 20px;
    z-index: 3
}

#Onecad_vido.play-zhen {
    position: absolute;
    top: 20px;
    right: 57px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important
}

#Onecad_vido.post-audio img {
    height: auto
}

#Onecad_vido.play-pan {
    position: relative;
    top: 50px;
    padding: 10px 77px;
    margin-top: -80%
}

#Onecad_vido.title {
    padding: 10px;
    min-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-width: 100%;
    letter-spacing: 0.5px;
    font-size: 15px;
    transition: all .3s;
    display: -webkit-box !important;
    -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 {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    box-sizing: border-box;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #000
}

audio,canvas,iframe,img,svg,video {
}

#Onecad_vido.post-has-video {
    position: relative
}

#Onecad_vido.video {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin-top: 0!important
}

#Onecad_vido.display-block {
    display: block !important
}

#Onecad_vido.overflow-hidden {
    overflow: hidden
}

#Onecad_vido.post-video,#Onecad_vido.post-video .show-image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

#Onecad_vido {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#Onecad_vido .post-has-video span {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100%/2 - 25px);
    left: calc(100%/2 - 25px);
    background: url(../img/play_cover.png) center no-repeat;
    z-index: 1
}

.post-1 .post-list-meta li,.post-2 .post-list-meta li,.post-7 .post-list-meta li {
    font-size: 12px;
    align-items: center;
    margin: 0px;
    background-color: var(--body-bg-color);
    margin-right: 10px;
    padding: 2px 5px 2px 5px;
    border-radius: 20px;
    color: var(--key-color)
}

.post-list-cat {
    z-index: 2
}

.list-footera {
    display: flex;
    justify-content: space-between
}

.post-module-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s
}

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

.item-in .post-info h2 {
    font-size: 16px;
    margin: 10px 0 10px;
    line-height: 25px;
    color: var(--key-color)
}

.post-list-meta li:last-child {
    font-size: 12px;
    align-items: center;
    margin-right: 0px
}

.post-list-meta li:first-child {
    display: block!important
}

.post-1 .post-list-meta-box,.post-2 .post-list-meta-box {
    padding: 0px!important;
    margin: 10px 0px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    color: #AAAEB3
}

.post-1 .post-list-meta li,.post-2 .post-list-meta li {
    display: none
}

.post-1 .post-list-meta-box li:hover,.post-2 .post-list-meta-box li:hover {
    color: var(--b2color);
    background-color: var(--body-bg-color)
}

.item-post-style-3 .list-footer {
    color: #fff
}

.item-post-style-3 .jitheme-post-info a,.item-post-style-3 .item-in .post-info h2,.item-post-style-3 .jitheme_avatar_data,.item-post-style-3 .jitheme_data {
    color: #fff!important
}

.post-3-jb {
    margin-top: 2px;
    margin-right: 0px
}

.post-3-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.post-3 .post-info >div:first-child {
    justify-content: unset;
    padding-bottom: 10px
}

.post-3 .post-3-li .item-in {
    border-bottom: 1px solid #F5F6F7;
    margin: unset
}

.post-3 .post-item-hip .post-excerpt {
    -webkit-line-clamp: 2!important;
    line-height: 20px
}

.post-3 .post-excerpt {
    -webkit-line-clamp: 2!important
}

.post-3 .item-in .post-info h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex
}

.post-3 .post-modules-top {
    background-color: var(--body-bg-color);
    padding: 16px 0px
}

.post-3-li-dubble .item-in .post-info h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 16px 0 16px;
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0
}

.box:not(.post-3) {
    background: var(--main-bg-color)!important
}

.post-3 .tipss {
    padding: 0px 5px;
    height: 20px;
    color: #fff;
    margin-right: 10px;
    min-width: 40px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px
}

.post-3 .post-list-cat {
    font-size: 12px;
    margin: 0px;
    top: 0px;
    position: unset;
    z-index: 2
}

.post-3 .load-more {
    margin-top: 16px
}

.post-3 .post-list-cat {
    margin-bottom: 0px
}

.post-3 .jitheme_cat .post-list-cat a:before {
    margin-top: 3px!important
}

.post-3 a.post-list-cat-item {
    padding: 0px 5px;
    height: 20px;
    margin-right: 5px;
    line-height: 20px;
    border-radius: 4px
}

.post-3 .post-info {
    padding: 0px
}

.post-3 .post-list-meta {
    justify-content: unset
}

.post-list .b2_gap .post-list-item:hover .post-list-cat {
    display: block
}

.post-info h2 {
    font-weight: unset;
    margin: 16px 0 16px;
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0
}

.post-3 a.post-list-cat-item {
    margin-bottom: 0px
}

.post-list-meta li span {
    font-size: 15px;
    opacity: .7;
    -webkit-transform: scale(0.8);
    margin: 0px 5px
}

.post-8 .post-list-meta li span {
    margin: 0px 5px
}

.post-8 .post-list-meta li + li {
    padding-left: 5px
}

.item-in:hover .post-module-thumb .jitheme_post_div {
    opacity: 1;
    top: 198px
}

.post-module-thumb .jitheme_post_div {
    display: flex;
    opacity: 0;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 275px;
    z-index: 99;
    left: 0px;
    width: 100%;
    margin: 0 auto;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 8px;
    font-size: 10.67px;
    box-sizing: border-box;
    transition: all .3s
}

.post-5 .post-info h2 {
    font-size: 15px;
    height: auto;
    display: flex;
    align-items: center;
    margin: 0!important;
    font-weight: 400
}

.post-5 .post-info span {
    font-size: 14px;
    height: unset;
    line-height: 25px;
    max-width: 150px;
    width: 150px;
    text-align: right
}

#Onecad_vips .vip-top {
    background: none;
    border-bottom: 0px solid #ccc
}

#Onecad_vips .Onecad_vip_pd img {
    margin-top: 3px;
    margin-left: 10px
}

#Onecad_vips b {
    font-weight: 100
}

#Onecad_vips .vip-top > div {
    padding: 0px
}

#Onecad_vips .onecad_vips_title {
    margin: 0 -20px;
    padding: 15px 0px 15px 10px;
    text-align: left;
    color: var(--key-color)
}

#Onecad_vips .Onecad-grid {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

#Onecad_vips .Onecad_vip_logo {
}

#Onecad_vips .Onecad_vip_logo a {
    display: block
}

#Onecad_vips .Onecad_vip_logo a img {
    height: 36px
}

#Onecad_vips .Onecad_vip_top {
    text-align: center;
    width: 100%;
    height: 613px;
    display: inline-block
}

#Onecad_vips .Onecad_vip_max {
    padding-top: 100px
}

#Onecad_vips .Onecad_vip_max h2 {
    font-size: 22px;
    margin-top: 35px;
    line-height: 35px
}

#Onecad_vips .Onecad_vip_privilege_list {
    margin-top: 35px
}

#Onecad_vips .Onecad_vip_privilege_list span {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.2);
    margin-right: 10px;
    display: inline-block
}

#Onecad_vips .Onecad_vip_privilege_list span:last-child {
    margin-right: 0px
}

#Onecad_vips .Onecad_vip_privilege_list span i {
    margin-right: 5px
}

#Onecad_vips .vip-page {
    margin-top: -260px
}

#Onecad_vips .vip-item {
    width: 25%;
    padding: 8px!important;
    box-sizing: border-box
}

#Onecad_vips .vip-list {
    margin: 0px -8px!important
}

#Onecad_vips .button,#Onecad_vips button {
    background: none;
    border: 0px solid #ff3355;
    border-radius: 0px
}

#Onecad_vips.vip-buy span {
    color: #000!important
}

#Onecad_vips .home-homevip-boxmk:hover .vip-buy span {
    color: #fff
}

#Onecad_vips .vip-allow i {
    color: unset
}

#Onecad_vips button,#Onecad_vips .button {
    color: var(--key-color)
}

#Onecad_vips .vip-faq-list p {
    font-size: 14px;
    margin-top: 20px;
    background-color: #9e9e9e29;
    padding: 20px;
    line-height: 35px;
    color: var(--key-color)
}

#Onecad_vips .vip-faq-list h2 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: var(--key-color);
    overflow: hidden
}

#Onecad_vips .box,#Onecad_vips .side-fixed {
    background-color: unset;
    box-shadow: 0px 0px 0px rgb(98 124 153 / 10%);
    position: relative
}

#Onecad_vips .vip-faq-list {
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
    background-color: var(--main-bg-color)!important;
    border-radius: 5px
}

.Onecad-vip2-qy {
    padding: 20px 0
}

.vip2-qy-title {
    text-align: center;
    margin: 40px 0px;
    color: var(--key-color)
}

.vip2-qy-title h2 {
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color);
    margin-bottom: 20px
}

.vip2-qy-title p {
    font-size: 16px
}

.vip2-tqyc-box {
    text-align: center;
    padding: 30px
}

.vip2-tqyc-box img {
    height: 52px;
    display: block;
    margin: 0 auto
}

.vip2-tqyc-box span {
    font-size: 16px;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--key-color)
}

.vip2-tqyc-box p {
    font-size: 14px;
    color: var(--key-color);
    font-weight: 100
}

.Onecad-width-1-4\@s {
    width: 25%;
    background-color: #fff
}

.Onecad-grid {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 0;
    list-style: none
}

.Onecad-dongtai {
    transition: all .3s
}

.Onecad-dongtai:hover {
    transform: translateY(-3px);
    -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);
    -ms-transform: translateY(-3px);
    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 {
}

#onecad_xuk.onecad_xuk h3 {
    line-height: 35px;
    font-weight: 600
}

#onecad_xuk.onecad_xuk .xuk_name {
    line-height: 35px
}

#onecad_xuk.onecad_xuk .xuk_name .td {
    line-height: 35px;
    padding-right: 20px
}

#onecad_xuk.onecad_xuk .xuk_name .span {
    color: #fff;
    background-color: #28a745;
    padding: 0px 5px
}

#onecad_xuk.onecad_xuk .xuk_id .td {
    line-height: 35px;
    padding-right: 20px
}

#onecad_xuk.onecad_xuk .xuk_id .span {
    color: #fff;
    background-color: #E91E63;
    padding: 0px 5px
}

.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 {
    display: block!important;
    background-color: var(--main-bg-color);
    bottom: 80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 120px;
    height: 120px;
    left: 50%;
    padding: 5px;
    border-radius: 2px
}

.partlink .foot-blank:hover span img {
    width: 100%
}

.partlink .foot-blank:hover span:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border-color: var(--b2color) transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0
}

.Onecad-new-footer .partner .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 7px
}

.Onecad-new-footer .partner a {
    margin-right: 20px;
    letter-spacing: 1px;
    float: left;
    white-space: nowrap
}

.Onecad-new-footer .partner a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    margin: 15px 30px 15px 0px;
    height: 33px
}

.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 {
    cursor: pointer;
    color: var(--b2color)
}

.Onecad-new-footer .partner .partner-first {
    line-height: 22px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden
}

.Onecad-new-footer .partner .partner-second {
    padding-top: 15px;
    line-height: 22px;
    height: auto;
    overflow: hidden
}

.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 {
    letter-spacing: 1px;
    line-height: 1;
    padding-bottom: 7px
}

.Onecad-new-footer .partlink .mail {
    line-height: 20px;
    letter-spacing: .86px;
    padding: 18px 0;
    float: left;
    height: 60px
}

.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 {
    width: 200px;
    padding: 18px 10px;
    float: left;
    height: 60px
}

.Onecad-new-footer .partlink .help-btn .btn i {
    margin-right: 2px;
    font-size: 16px
}

.Onecad-new-footer a {
    font-size: 13px;
    vertical-align: unset
}

.Onecad-new-footer .partlink .help-btn .btn {
    width: auto;
    height: 30px;
    display: inline-block;
    line-height: 27px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 1px
}

.Onecad-new-footer .partlink .help-btn .btn:hover {
    border: 1px solid var(--body-bg-color)
}

.Onecad-new-footer .partlink .help-btn p {
    letter-spacing: .86px;
    margin-top: 13px
}

.partlink .foot-blank {
    height: 80px;
    margin: 8px 25px;
    width: 80px;
    float: right;
    position: relative;
    cursor: pointer
}

.partlink .foot-blank .imgbox {
    width: 80px;
    height: 80px;
    padding: 5px;
    position: relative;
    float: left
}

.partlink .foot-blank:hover .imgbox i {
    color: var(--b2color)
}

.partlink .foot-blank p {
    letter-spacing: 1px;
    padding: 10px 0 10px 80px;
    line-height: 1
}

.partlink .foot-cell {
    border-left: 1px solid var(--body-bg-color);
    float: left;
    padding: 18px 20px;
    display: block
}

.partlink .foot-blank .imgbox i {
    font-size: 80px;
    line-height: 80px;
    color: #abb8c3;
    opacity: .7
}

.partlink .foot-cell .tit {
    letter-spacing: 1px;
    line-height: 1;
    padding-bottom: 7px
}

.partlink .foot-cell div {
    line-height: 20px;
    letter-spacing: .86px
}

.partlink .foot-cell .link span,.partlink .foot-cell .im span {
    cursor: pointer
}

.partlink .foot-cell .link span:hover,.partlink .foot-cell .im span:hover {
    color: var(--b2color)
}

.partlink .foot-cell .link i,.partlink .foot-cell .qq i,.partlink .foot-cell .tel i {
    vertical-align: text-bottom;
    margin-right: 2px;
    font-size: 15px
}

.partlink .foot-cell .email i,.partlink .foot-cell .im i {
    vertical-align: bottom;
    margin-right: 2px
}

.Onecad-new-footer .copyright {
    text-align: center;
    padding: 0px
}

.Onecad-new-footer .copyright .links {
    color: var(--key-color);
    font-size: 13px;
    line-height: 28px;
    padding-top: 10px
}

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

.Onecad-new-footer .copyright .links a,.Onecad-new-footer .copyright p a {
    color: #000;
    margin: 0 6px
}

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

.Onecad-new-footer .copyright p {
    letter-spacing: 1px;
    line-height: 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-red,.content-grey {
    padding: 50px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.content-red h5,.content-grey h5,.content-red h2,.content-grey h2 {
    font-size: 48px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 20px
}

.content-red h6,.content-grey h6 {
    font-size: 17px;
    color: #ffffff;
    margin: 15px 0px
}

.content-red .footer-btna,.content-grey .footer-btna {
    display: block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    margin: 50px auto 0;
    font-size: 16px;
    color: var(--b2color);
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.content-red .footer-btna:hover,.content-grey .footer-btna:hover {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.content-grey h5 {
    color: #000000
}

.content-grey h6 {
    color: #8c8889
}

.Onecad-action-panel__main {
    flex: 1;
    -webkit-box-flex: 1
}

.Onecad-action-panel {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.Onecad-action-panel__inner {
    margin: 0 auto;
    min-height: 160px;
    display: flex;
    align-items: center
}

.Onecad-action-panel__desc {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    max-width: 700px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 64px;
    color: #fff
}

.Onecad-action-panel__qrcodes {
    display: flex;
    white-space: nowrap;
    margin: 24px 0 8px
}

.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 {
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.Onecad-action-panel__desc .tpm1-action-panel-text-subtit {
    font-size: 14px;
    line-height: 50px;
    color: #fff
}

.onecad_new_footer_sj {
    padding-bottom: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    padding: 0px 10px 10px 10px
}

.onecad_new_footer.bg_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.grid-medium {
    margin-left: -30px
}

.grid-medium > *,.grid-column-medium > * {
    padding-left: 30px
}

.width-1-5 {
    width: 20%
}

.overflow-hidden {
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.item-post-style-5 .overflow-hidden {
}

.post-7 .background-default {
    background-color: #fff
}

.post-7 .background-default {
    background-color: unset
}

.post-audio {
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative
}

.play-icon {
    position: absolute;
    height: 60px;
    width: 60px;
    right: calc((100% - 60px)/2);
    z-index: 1;
    top: calc((100% - 60px)/2);
    z-index: 2;
    border-radius: 60px;
    border: 5px solid #ffffff26
}

.play-dot {
    position: absolute;
    top: 15px;
    right: 55px;
    width: 20px !important;
    height: 20px;
    z-index: 3
}

.play-zhen {
    position: absolute;
    top: 20px;
    right: 62px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important
}

.post-audio img {
}

.audio-pan {
    height: 100%
}

.play-pan {
    position: absolute;
    height: 120px;
    width: 120px;
    right: calc((100% - 120px)/2);
    border-radius: 100%!important;
    z-index: 1;
    top: calc((100% - 120px)/2);
    border: 5px solid #00000017
}

audio,canvas,iframe,img,svg,video {
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

.audio-wrapper {
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-bottom: 20px
}

.audio-left {
    display: flex;
    justify-content: center;
    align-items: center
}

.audio-left img {
    width: 80px;
    margin: 0 !important;
    height: 80px;
    display: initial;
    cursor: pointer;
    position: absolute;
    z-index: 3
}

.post-video>.video .meta-video-tag {
    content: ' ';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    background: url(./Center/Assets/images/mp3/play.svg) 50% no-repeat;
    background-size: cover;
    z-index: 1
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

#jitheme_post_mp3 .cover-bg {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background: url(./Center/Assets/images/mp3/pan.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    border-radius: 50%;
    -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 .audio-right {
    margin-top: 20px;
    margin-right: 0px;
    background-color: var(--body-bg-color);
    padding: 20px;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 72%)
}

#jitheme_post_mp3 .audio-right h1 {
    padding-left: 0px!important;
    font-size: 1.5em!important;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

#jitheme_post_mp3 .audio-right h1:after {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 0px!important;
    background: #006eff;
    box-shadow: 3px 0px 10px -1px #006eff;
    border-radius: 2px
}

#jitheme_post_mp3 .progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 15px;
    cursor: pointer
}

#jitheme_post_mp3 .progress-yinfu {
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 3;
    width: 101%;
    height: 100%
}

#jitheme_post_mp3 .progress-bar-bg span {
    content: " ";
    width: 2px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    background-image: linear-gradient(to top,#4481eb 0%,#04befe 100%)
}

#jitheme_post_mp3 .progress-bar {
    width: 0;
    height: 100%;
    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;
    color: #3e3e3e
}

#jitheme_post_mp3 .audio-length-total {
    float: right;
    font-size: 14px;
    color: #3e3e3e
}

#jitheme_post_mp3 .n-box fieldset {
    border: 1px dashed #bdbdbd;
    padding: 10px;
    border-radius: 5px;
    line-height: 2em;
    font-size: 12px;
    color: #bdbdbd;
    text-align: center
}

#jitheme_post_mp3 .audio-pan .play-icon {
    position: relative;
    top: 0;
    padding: 10px 50px;
    z-index: 2
}

#jitheme_post_mp3 .audio-pan .play-zhen {
    position: absolute;
    top: 20px;
    right: 24px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important
}

#jitheme_post_mp3 .audio-pan .play-dot {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 20px !important;
    height: 20px;
    z-index: 3
}

#jitheme_post_mp3 .audio-pan .play-pan {
    position: relative;
    top: 0;
    padding: 10px 50px;
    margin-top: -70%
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
    }
}

video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

audio,canvas,iframe,img,svg,video {
}

#jitheme_post_mp3 .poster-footer {
    font-size: 14px
}

#jitheme_post_mp3 .poster-footer a {
    margin-right: 24px;
    color: #3e3e3e
}

.jitheme-container {
}

.jitheme_slide_ss {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
    margin-left: -20px
}

.jitheme_slide_jb {
    position: relative;
    margin-bottom: 30px!important
}

.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: none;
    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: none;
    vertical-align: middle;
    text-align: center;
    line-height: 40px
}

.jitheme_slide_n .jitheme_slide_y a {
    margin-left: 40px;
    color: #ff3355
}

.jitheme_slide_d {
    padding-left: 20px;
    flex: 0 0 25%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.jitheme-dt:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.jitheme_slide_d .mini-stats {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    transition: all .3s;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border: none;
    -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,0.1);
    box-shadow: 0 0 1.25rem rgba(108,118,134,0.1);
    overflow: hidden
}

.jitheme_slide_d .mini-stats:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    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 {
    text-align: right!important;
    color: rgba(255,255,255,.5)!important
}

.jitheme_slide_d_right span {
    margin-top: .5rem!important;
    background-color: #f8f9fa;
    margin-bottom: .5rem!important;
    color: var(--b2color) !important;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    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-left: 15px!important;
    margin-right: 15px!important
}

.jitheme_slide_d_m .mini-stats-desc {
    display: inline-block;
    position: relative;
    bottom: 22px;
    height: 100%;
    -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,0.1);
    box-shadow: 0 0 1.25rem rgba(108,118,134,0.1);
    padding: 10px!important;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jitheme_slide_d_m .mini-stats-desc li {
    float: left;
    flex: 0 0 33.33333%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.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;
    width: 58px;
    height: 45px;
    margin: 0 auto 5px
}

.jitheme_slide_d_m .mini-stats-desc p {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    text-align: center
}

.home .jitheme_slide_d_m li {
    list-style: none
}

.jitheme_slide_link {
    padding: 20px 30px;
    width: calc(100% + 30px)
}

.jitheme_slide_link ul {
    margin-left: 0px;
    display: flex
}

.jitheme_slide_link ul li {
    padding-right: 30px;
    margin-bottom: 10px;
    width: calc(100%/8);
    float: left
}

.jitheme_slide_link ul li a {
    font-size: 13px;
    display: flex;
    line-height: 28px;
    color: #616161;
    text-align: center;
    justify-content: space-around;
    border-radius: 4px
}

.jitheme_slide_tjmk {
    height: 50px
}

.jitheme_slide_tjmk .jitheme_slide_tj {
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 15px 0 12px
}

.jitheme_slide_tjmk .jitheme_slide_tj li {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    padding-left: 20px;
    position: relative;
    color: var(--muted-color);
    padding-right: 20px;
    font-size: 13px
}

.jitheme_jishi_gg {
    position: relative;
    width: 376px
}

.jitheme_jishi {
    height: 39px;
    width: 376px;
    background-size: 376px 62px;
    background-image: url(../img/tip-l.png);
    background-repeat: no-repeat
}

.jitheme_jishi:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/icon-clock.svg);
    margin-right: 8px
}

.jitheme_jishi {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jitheme_jishi em {
    display: inline-block;
    width: 24px;
    font-style: unset;
    height: 24px;
    background-color: var(--b2color);
    padding-top: 1px;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px
}

.jitheme_jishi_img {
    width: 100%;
    height: 180px
}

.vsjs {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    padding: 0px 5px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 13px
}

.jitheme_wrapper {
    width: 95%;
    padding: 0 50px;
    margin: 0 auto
}

.webfont,.module-title,.widget-title,.Onecad_title {
    font-family: "webfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tax-header {
    margin-top: -15px
}

.tax-info-item-jitheme {
    margin-right: 0px;
    display: flex;
    align-items: center
}

.tax-header .tax-info {
    z-index: unset
}

.tax-info-item-jitheme .fliter-button {
    border: 0;
    font-size: 14px;
    padding: 7px 16px;
    display: block;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    color: var(--key-color);
    background-color: var(--float-btn-bg);
    border-color: #f8f9fa
}

.fixed-right {
    opacity: 1;
    visibility: visible
}

.fixed-right .item:hover {
    color: #fff;
    background: var(--b2color)
}

.fixed-right {
    position: fixed;
    z-index: 20;
    bottom: 16px;
    margin-left: 665px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: block
}

.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-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fixed-right .menus .item {
    border-bottom: 1px solid #f2f2f2
}

.fixed-right .item {
    position: relative;
    display: block;
    width: 50px;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #505050;
    cursor: pointer;
    background: #fff;
    border-radius: 4px
}

.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 {
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 15px 0px 15px;
    border: 1px solid #e8e8e8
}

.fixed-right .code-div .ewm-item {
    width: 200px;
    overflow: hidden;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px
}

.fixed-right .code-div .ewm-item:last-child {
    border-bottom: 0px dashed #FFF
}

.fixed-right .code-div .ewm-item .code-wrap {
    width: 40%;
    float: left
}

.fixed-right .code-div .code {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 10px
}

.fixed-right .code-div .ewm-item .ewm-main {
    margin-left: 45%;
    text-align: center
}

.fixed-right .code-div p {
    font-size: 12px;
    line-height: 1.3;
    margin: 5px 0 8px;
    color: #bcbcbc
}

.fixed-right .code-div .ewm-weibo a h5 {
    color: var(--b2color)
}

.fixed-right .code-div .wz {
    font-size: 12px;
    color: var(--b2color);
    line-height: 22px
}

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

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

.col-sm-6 {
    cursor: pointer;
    width: calc(20% - 12px);
    border-radius: 4px;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    position: relative
}

.mb20 {
    margin-bottom: 16px
}

.homebk8-ctn ul,.homebk9-ctn ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 16px)
}

.homebk8-ctn li {
    width: 14.28%;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    transition: 0.2s
}

.whitebg-sm {
    background: #fff;
    border-radius: 8px!important
}

.homebk12 .homebk6-btn {
    flex-direction: column
}

.homebk6-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.2s
}

.homebk12 .homebk8-ctn li {
    margin-right: 16px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden
}

.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 {
    height: 28px;
    margin-bottom: 10px
}

.homebk12 .homebk8-ctn .homebk6-btn a:hover {
    margin-top: 0;
    opacity: 0.9
}

.homebk12 .homebk8-ctn li:hover img {
    margin-top: 0
}

.homebk12 .homebk8-ctn li .homebk12-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative
}

.homebk12 .homebk8-ctn li .homebk12-img {
    width: 66px;
    height: 66px;
    padding: 6px;
    border-radius: 50%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: #f4f4f4
}

.homebk12-img .homebk12-imgbg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 66px;
    height: 66px;
    background: #eee;
    display: block;
    background-size: cover;
    z-index: 1;
    filter: blur(8px);
    opacity: 0.2
}

.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center
}

.homebk12 .homebk8-ctn .homebk6-btn a {
    height: 28px;
    margin-bottom: 10px
}

.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;
    width: 86px;
    height: 150px;
    margin-left: auto;
    margin-right: auto
}

.homebk6-btn a {
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0 5px;
    background: #999;
    font-size: 12px;
    transition: 0.3s
}

.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center
}

.homebk8-ctn li p {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #abb0bd
}

.homebk8-ctn li h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.sitesingle {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    position: relative
}

.whitebg {
    background: #fff;
    box-shadow: 0 0 10px rgba(54,138,179,0.1);
    border-radius: 5px
}

.mb20,.link-box {
    margin-bottom: 20px
}

.link-box {
    padding: 0px
}

.sitesingle::before,.sitesingle::after {
    content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f
}

.sitesingle {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative
}

.sitesingle::before,.sitesingle::after {
    content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f
}

.sitesingle::after {
    border-radius: 45%;
    opacity: 0.1
}

.sitesingle-l {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 35px 25px;
    position: relative;
    z-index: 99
}

.sitesingle-img {
    width: 300px;
    height: 240px;
    padding: 10px;
    background: rgba(0,0,0,0.05);
    margin-right: 30px;
    box-shadow: 0 30px 20px -20px rgba(0,0,0,.15)
}

.sitesingle-img img {
    width: 100%;
    height: 100%
}

.sitesingle-r {
    width: 35%;
    padding: 45px 25px;
    text-align: right;
    position: relative;
    z-index: 99
}

.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 {
    color: #6b7386;
    margin-right: 10px
}

.sitesingle-l .info p a i {
    margin-right: 3px
}

.sitesingle-infopf {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #6b7386;
    line-height: 2
}

.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;
    width: 40%;
    margin-right: 25px
}

.sitesingle-btn a {
    display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right: 6px;
    background: #999;
    font-size: 12px;
    transition: 0.3s
}

.sitesingle-btn a i {
    font-size: 12px;
    margin-right: 3px;
    transition: 0.2s
}

.sitesingle-btn a.zdwz {
    background: #2dc5ff
}

.sitesingle-btn a.sjck {
    background: #47e193;
    position: relative
}

.sitesingle-btn a.sjck .sjckimg {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    width: 120px;
    height: 120px;
    padding: 6px;
    background: #eee;
    border-radius: 5px;
    display: none
}

.sitesingle-btn a.sjck .sjckimg:before {
    content: "";
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px transparent solid;
    border-left: 10px transparent solid;
    border-bottom: 10px transparent solid;
    border-right: 10px #eee solid
}

.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,0.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 {
    background-color: rgb(30,31,33);
    background-image: url(https://hao1.qhimg.com/dmfd/2500_420_75/t01da174e7d8b6c84d4.webp);
    margin-bottom: 20px;
    height: 380px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -16px
}

.site-search {
    max-width: 680px
}

.site_tongji {
    color: #909399;
    overflow: hidden;
    padding: 0 5px;
    font-weight: 100
}

.site-search h3 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.site-search form {
    position: relative;
    border-radius: 4px 0px 0px 4px;
    display: flex;
    width: 100%;
    background: #fff
}

.site-search input {
    border: 0;
    border-radius: 4px;
    height: 46px;
    text-indent: 10px;
    width: 100%;
    color: #666
}

.site-search button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: var(--b2color);
    border: 0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s
}

.jitheme_search_add {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: #00ce41;
    border: 0;
    border-radius: 4px;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s
}

.b2-links-yl a:hover {
    color: #fff
}

.site-search form i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #999;
    font-size: 22px;
    padding: 0 15px
}

.search-tmenu {
    padding: 0;
    margin-bottom: 20px;
    text-align: center
}

.search-tmenu li {
    display: inline-block;
    padding: 0 12px
}

.search-tmenu li span {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 14px
}

.search-tmenu .active span {
    display: inline-block;
    position: relative;
    color: #fff
}

.search-tmenu .active span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 3px
}

.search-bmenu {
    text-align: center
}

.search-bmenu .on {
    color: #fff;
    opacity: 1
}

.search-item {
    cursor: pointer;
    margin: 0 10px;
    opacity: .5;
    color: #fff;
    display: inline-block;
    font-size: 14px
}

.subnav {
    margin-top: 15px
}

.subnav-item {
    display: none
}

.subnav .active {
    display: block!important
}

.sousk {
    border: 5px solid rgb(255 255 255 / 18%);
    display: flex
}

.b2-links-yl {
    border-radius: 0px 4px 4px 0px;
    right: 0;
    padding: 5px;
    background: #fff;
    line-height: 26px;
    text-align: center
}

.jitheme_search {
    font-size: 14px;
    width: 80px;
    color: var(--b2color);
    display: block;
    flex: inherit
}

.b2-tab-links {
    width: 100px;
    border-radius: 8px;
    min-width: 100px;
    background-color: unset;
    padding-top: 0px;
    margin-left: -120px;
    position: absolute;
    box-shadow: unset
}

.link-total-cat {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
    margin-right: 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    color: #fff;
    background-color: var(--b2color)
}

.b2-tab-links a.toc-link {
    margin: 0px
}

.jitop_gif {
    position: absolute;
    top: 30px;
    left: -65px;
    border: 0;
    padding: 0;
    width: 55px;
    height: auto;
    background: none
}

.jitop_gif .icon-avatar {
    position: relative;
    z-index: 4;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    width: 85px;
    height: 150px;
    background: url(../../Center/Assets/images/th.gif) no-repeat 0 0
}

.search-form-document input {
    border-radius: 0px;
    font-size: 15px;
    padding: 15px
}

.search-form-document button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: var(--b2color);
    border: 0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
    left: unset
}

.search-form-document {
    width: 800px
}

.video-list-title {
    display: flex
}

.post-3 .post-module-thumb {
    height: auto;
    margin-right: 16px
}

.bar-middle {
    bottom: 40px;
    width: 100%
}

.aside-bar {
    width: 50px
}

.bar-normal > div,.bar-footer > div {
    position: relative;
    padding: 10px
}

.aside-bar .bar-item-desc {
    border-radius: 0px
}

.bar-middle .bar-normal,.bar-footer,.bar-top,.gdd-quick-link-buy-vip {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.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 {
    width: 28px;
    margin-left: 11px
}

.post-breadcrumb a {
    line-height: 24px
}

.jitheme-bqts {
    padding: 15px;
    color: #121212;
    background: #eef7ff
}

.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:0px;
        font-size: 12px
    }

    .jitheme-bqts1 {
        margin-bottom: 0px
    }
}

#page-wrapper .slider-1 .carousel,#page-wrapper .slider-1 .flickity-viewport img {
    border-radius: 0px!important
}

.home-section-first-menus {
    position: absolute;
    width: 230px;
    background: rgba(55,55,55,0.5);
    display: none
}

@media (min-width: 1330px) {
    .home-section-first-menus {
        display:block
    }
}

.home-section-first-menus .main-menus .li {
    display: block;
    margin: 8px
}

.home-section-first-menus .main-menus .li.show {
    background: hsla(0,0%,100%,0.1)
}

.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: 10px 10px 10px 20px;
    color: hsla(0,0%,100%,0.8);
    line-height: 32px;
    font-size: 14px
}

.home-section-first-menus .main-menus .menu i {
    text-align: center;
    margin-right: 15px
}

.home-section-first-menus .main-menus .menu img {
    border-radius: 35px;
    width: 35px;
    height: 35px;
    border: 3px solid #f5f6f71a;
    margin-top: -5px
}

.home-section-first-menus .main-menus .sub {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(55,55,55,0.5);
    padding: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
    width: 430px;
    overflow-y: auto
}

.home-section-first-menus .main-menus .sub h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 18px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 {
    margin: 0 -12px 0px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
    float: left;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
    display: block;
    background: rgba(245,245,248,0.97);
    padding: 15px 20px 12px 50px;
    position: relative
}

.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 .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 .ithumb,.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: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: var(--b2color);
    position: absolute;
    left: 15px;
    top: 22px;
    font-size: 25px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
    font-size: 16px;
    color: #3c3c3c;
    display: block;
    font-weight: 400;
    height: 1.5em;
    overflow: hidden
}

.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 {
    font-size: 12px;
    color: #ffa300;
    vertical-align: bottom;
    margin-bottom: 3px;
    display: inline-block
}

.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 {
    font-size: 12px;
    color: #bdbdbd;
    height: 1.5em;
    display: block;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 {
    margin: 0 -10px 0 0px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
    float: left;
    width: 33.3333%;
    padding: 0 10px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
    display: block;
    background: #f7fafa;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    color: #878990;
    white-space: nowrap;
    height: 36px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #9199a1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
    font-style: normal
}

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

.thumb {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.timer {
    z-index: 1;
    color: white;
    transform: translateY(0px);
    user-select: none
}

@media screen and (max-width: 512px) {
    .timer {
        transform:translateY(-10px)
    }
}

.timer__content {
    display: flex;
    margin-top: 20px
}

.timer__item {
    display: flex;
    width: 25%;
    color: #f35;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    animation: item 0.6s ease backwards;
    position: relative;
    transition: all 1s 0.2s ease
}

.timer__item:hover {
    transition: all 0.3s ease;
    transform: translateY(-0px)
}

@media screen and (max-width: 799px) {
    .timer__item:hover {
        transform:translateY(0px)
    }
}

.timer__item:nth-child(1) {
    animation-delay: 0.2s
}

.timer__item:nth-child(2) {
    animation-delay: 0.4s
}

.timer__item:nth-child(3) {
    animation-delay: 0.6s
}

.timer__item:nth-child(4) {
    animation-delay: 0.8s
}

@keyframes item {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
}

.timer__item:before {
    width: calc(100% - 20px);
    height: 60px;
    content: "";
    position: absolute;
    bottom: 0;
    backdrop-filter: blur(5px);
    z-index: -1;
    border-radius: 10px;
    background-color: #ffffff87;
    backdrop-filter: blur(10px);
    align-items: center;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08)
}

@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 {
    color: #E91E63;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    bottom: 0px;
    right: 12px;
    position: absolute;
    border: 3px solid #f5f6f71a;
    border-radius: 50%;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Barlow Semi Condensed",sans-serif
}

@media screen and (max-width: 799px) {
    .timer__name {
        font-size:14px
    }
}

.timer__number {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    animation: number 0.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(0.5)
    }
}

.timer__text {
    font-weight: 400;
    font-size: 20px;
    color: #E91E63;
    line-height: 20px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px
}

@media screen and (max-width: 799px) {
    .timer__text {
        font-size:16px
    }
}

@media screen and (max-width: 512px) {
    .timer__text {
        margin-top:30px
    }
}

.timer_btn {
    position: relative;
    width: 152px;
    height: 32px;
    background-image: linear-gradient(134deg,#4d5580,#3d4466);
    font-size: 14px;
    color: #fff3eb;
    font-weight: 600;
    margin-top: 20px;
    margin: 20px auto 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.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 {
    top: -14px;
    right: -54px;
    position: absolute;
    background-image: linear-gradient(90deg,#ff9580,#f36);
    border-radius: 6px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 100;
    padding: 2px 8px;
    font-size: 20px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.document-content .box,.side-fixed {
    height: 100%;
    width: 100%;
    display: table
}

.b2-pagenav {
    padding: 10px;
    margin-top: 10px
}

.jitheme_zt {
    padding: 0px 5px;
    margin-left: 10px;
    color: #fff;
    margin-top: 1px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px
}

.collection-button {
    width: 40px;
    height: 40px
}

.collection-previous .flickity-button-icon,.collection-next .flickity-button-icon {
    width: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%
}

.jitheme_color {
    background: var(--b2color)
}

.jitheme_zt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--b2color);
    position: absolute;
    left: -4px;
    top: 3px
}

.jitheme_soft {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-top: 5px;
    z-index: 5;
    width: 25px;
    height: auto;
    text-align: center;
    font-size: 8px;
    background-color: #ffffffed;
    backdrop-filter: blur(10px);
    align-items: center;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1)
}

.soft_ico img {
    width: 15px;
    height: 15px;
    margin-bottom: 5px
}

.jianma_btn {
    display: inline-block;
    font-weight: 400;
    color: #fff!important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 3px 5px;
    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
}

.entry-content a:hover {
    text-decoration: none!important
}

.jitheme {
    transition: opacity .15s linear
}

.btn-primary {
    color: #fff!important;
    background-color: #536de6;
    border-color: #536de6
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #3251e1;
    border-color: #2647e0
}

.btn-secondary {
    color: #fff!important;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff!important;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-success {
    color: #fff!important;
    background-color: #10c469;
    border-color: #10c469
}

.btn-success:hover {
    color: #fff!important;
    background-color: #0da156;
    border-color: #0c9550
}

.btn-info {
    color: #fff!important;
    background-color: #35b8e0;
    border-color: #35b8e0
}

.btn-info:hover {
    color: #fff!important;
    background-color: #20a6cf;
    border-color: #1e9dc4
}

.btn-info.focus,.btn-info:focus {
    color: #fff!important;
    background-color: #20a6cf;
    border-color: #1e9dc4;
    box-shadow: 0 0 0 .2rem rgba(83,195,229,.5)
}

.btn-warning {
    color: #631c00;
    background-color: #f9c851;
    border-color: #f9c851
}

.btn-warning:hover {
    color: #631c00;
    background-color: #f8bc2c;
    border-color: #f7b820
}

.btn-warning.focus,.btn-warning:focus {
    color: #631c00;
    background-color: #f8bc2c;
    border-color: #f7b820;
    box-shadow: 0 0 0 .2rem rgba(227,174,69,.5)
}

.btn-danger {
    color: #fff!important;
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.btn-danger:hover {
    color: #fff!important;
    background-color: #ff3535;
    border-color: #ff2828
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff!important;
    background-color: #ff3535;
    border-color: #ff2828;
    box-shadow: 0 0 0 .2rem rgba(255,116,116,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff!important;
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.btn-light {
    color: #631c00;
    background-color: #ff3355;
    border-color: #ff3355
}

.btn-light:hover {
    color: #631c00;
    background-color: #ff3355;
    border-color: #ff3355
}

.btn-dark {
    color: #fff!important;
    background-color: #323a46;
    border-color: #323a46
}

.btn-dark:hover {
    color: #fff!important;
    background-color: #222830;
    border-color: #1d2128
}

.collapse:not(.show) {
    display: none
}

.alert {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert h4,.alert h5 {
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .875rem
}

.alert-link {
    font-weight: 700
}

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

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

.close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    height: 100%;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.alert-dismissible .close {
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    padding: 0.4rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #2b3978;
    background-color: #dde2fa;
    border-color: #cfd6f8
}

.alert-primary hr {
    border-top-color: #b9c3f5
}

.alert-primary .alert-link {
    color: #1e2752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #086637;
    background-color: #cff3e1;
    border-color: #bceed5
}

.alert-success hr {
    border-top-color: #a8e9c8
}

.alert-success .alert-link {
    color: #04371e
}

.alert-info {
    color: #1c6074;
    background-color: #d7f1f9;
    border-color: #c6ebf6
}

.alert-info hr {
    border-top-color: #b0e3f3
}

.alert-info .alert-link {
    color: #123e4b
}

.alert-warning {
    color: #81682a;
    background-color: #fef4dc;
    border-color: #fdf0ce
}

.alert-warning hr {
    border-top-color: #fce9b6
}

.alert-warning .alert-link {
    color: #5b491d
}

.alert-danger {
    color: #852f2f;
    background-color: #ffdede;
    border-color: #ffd1d1
}

.alert-danger hr {
    border-top-color: #ffb8b8
}

.alert-danger .alert-link {
    color: #5f2222
}

.alert-light {
    color: #73797f;
    background-color: #f8fafd;
    border-color: #f5f9fc
}

.alert-light hr {
    border-top-color: #e1edf6
}

.alert-light .alert-link {
    color: #5b6064
}

.alert-dark {
    color: #1a1e24;
    background-color: #d6d8da;
    border-color: #c6c8cb
}

.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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-size: 14px;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 0.9375rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out
}

@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 {
    background: transparent;
    font-size: 13px;
    border: none
}

.accordion.accordion-icon .accordion-header .accordion-button:after {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9
}

.accordion.accordion-icon .accordion-header .accordion-button:before {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9
}

.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(0deg);
    transform: rotateZ(0deg)
}

.accordion.accordion-icon .accordion-collapse {
    border: none;
    background-color: #f8fafd;
    font-size: 13px
}

.accordion.accordion-icon .accordion-body {
    padding: 0.2rem 0.5rem 0.5rem 1rem
}

.accordion.accordion-bg-light .accordion-item {
    border: none;
    background-color: transparent
}

.accordion.accordion-bg-light .accordion-button {
    background-color: #cff3e1!important;
    color: #086637 !important;
    padding: .65rem 1.25rem
}

.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:0.6rem 0.5rem 0.5rem 0.5rem !important
    }

    .accordion-header .accordion-button {
        padding-left: 1.3rem !important
    }
}

.jitheme_meta {
    justify-content: center;
    padding-bottom: 20px
}

.jitheme_meta a {
    font-size: 15px;
    padding: 0 15px;
    margin: 0;
    max-width: unset;
    border: 0;
    height: 22px;
    line-height: 22px;
    color: #5a5a5a
}

.jitheme_meta a:hover,.jitheme_meta a.current {
    border: none;
    color: var(--b2color);
    background: none !important
}

.jitheme_meta span {
    margin-top: 0px;
    display: flex
}

.jitheme_meta span i {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: text-top
}

.jitheme_meta span img {
    margin-right: 5px;
    width: 20px;
    height: auto
}

.jitheme_meta a:hover {
    border: none;
    color: var(--b2color);
    background: none !important
}

.jitheme_filter_meta {
}

#jitheme_archive_swiper {
    position: relative;
    width: 100%
}

#sence-box {
    width: 100%;
    height: 60px;
    max-width: 1920px;
    margin: 14px auto 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#sence-box #sence-list-box {
    position: relative;
    width: 100%;
    height: 100%
}

#sence-box #sence-list-box #swiper1 {
    height: 100%;
    overflow: hidden;
    z-index: 0 !important
}

.hottopic-next,.hottopic-prev {
    margin-top: -25px
}

.sence-list-next,.sence-list-prev {
    margin-top: -60px;
    right: 0px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.jitheme_swiper_jt {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%
}

.jitheme_swiper_jt div {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    display: flex;
    color: #000;
    background: rgba(255,255,255,0.9);
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
    backdrop-filter: blur(6px);
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    cursor: pointer;
    pointer-events: auto
}

.jitheme_swiper_jt div img,.swiper-button-next img,.swiper-button-prev img {
    width: 18px;
    height: 16px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide {
    transition: all 0.28s;
    height: 60px;
    position: relative
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a {
    position: absolute;
    height: 60px;
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 16px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 100%;
    height: 36px;
    background-color: #FFF;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    text-align: center;
    border-top-width: 0;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--key-color);
    line-height: 22px;
    margin-top: 8px;
    display: block
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name span {
    font-size: 12px;
    font-weight: 400;
    color: var(--muted-color);
    line-height: 17px;
    margin-top: 4px;
    display: block
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 98px;
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 8px
}

#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image {
    width: 42px;
    height: 42px;
    overflow: hidden;
    float: right;
    margin-top: 8px;
    margin-right: 8px
}

#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;
    width: 36px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

#sence-box #sence-list-box .swiper-button-next,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev {
    justify-content: flex-start;
    right: -20px
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: unset;
    left: auto
}

#sence-box #sence-list-box .swiper-button-next .iconfont,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none
}

#sence-box #sence-list-box .swiper-button-prev .iconfont,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none
}

#sence-box #sence-list-box .swiper-button-prev,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next {
    justify-content: flex-start;
    left: -20px
}

.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 {
    background-image: unset;
    left: 20px;
    right: auto
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    z-index: 5;
    cursor: pointer
}

.topic-title {
    color: #3b3946;
    line-height: 30px;
    position: relative;
    padding-left: 10px;
    font-size: 22px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

#hottopic #swiper2 {
    height: 100%;
    overflow: hidden;
    z-index: 0 !important
}

#hottopic #swiper2 .swiper-slide {
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    height: 100%;
    width: 292px;
    overflow: hidden;
    margin-right: 20px
}

#hottopic #swiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 126px
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

#hottopic .swiper-button-next,#hottopic .swiper-container-rtl .swiper-button-prev {
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center
}

#hottopic .swiper-button-next .iconfont,#hottopic .swiper-container-rtl .swiper-button-prev .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900
}

#hottopic .swiper-button-prev,#hottopic .swiper-container-rtl .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    outline: none
}

#hottopic .swiper-button-prev .iconfont,#hottopic .swiper-container-rtl .swiper-button-next .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900
}

.jitheme_item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-right: 12px
}

.jitheme_mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.384);
    font-size: 15px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    bottom: 0px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .2s
}

.jitheme_mask:hover {
    background-color: var(--b2color)
}

.jitheme_mask:hover .jitheme_mask_badge {
    background-color: #fff;
    color: var(--b2color)
}

.jitheme_mask_badge {
    font-size: .75em;
    font-weight: 400;
    line-height: 1;
    margin: 0 .25em;
    color: #fff;
    background-color: var(--b2color);
    text-align: center;
    border-radius: 4px;
    padding: 2px 3px 3px 3px;
    right: 0;
    position: absolute;
    transform: translate(0,-50%);
    background-clip: padding-box;
    top: 10px
}

.Jitheme_wrapper {
    background-color: var(--main-bg-color);
    margin-bottom: 16px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1)
}

.filter-name {
    margin-right: 12px;
    color: #999;
    flex-shrink: 0;
    text-align-last: justify;
    max-width: 65px;
    width: 65px;
    margin-right: 20px
}

#jitheme-filter-top {
    font-size: unset;
    overflow: hidden
}

.jitheme_item .picture >img {
    height: 60px;
    width: 100%
}

#filter-top a {
    font-size: 16px
}

#jitheme-filter-top a {
    font-size: 14px
}

#jitheme-filter-top ul li {
    align-items: stretch!important;
    display: flex
}

#filter-top ul li {
    display: unset;
    padding: 0px;
    align-items: baseline;
    margin-bottom: 0px
}

#filter-top {
    text-align: center
}

.jitheme-items li {
    margin-right: 35px;
    font-size: 15!important
}

.filter-item a {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    margin: 10px 35px 0px 0px;
    cursor: pointer
}

.filter-item a:hover,.jitheme_fl a:hover {
    color: var(--b2color);
    font-weight: 400
}

.filter-item .current {
    color: var(--b2color);
    cursor: pointer;
    font-weight: 600
}

.filter-item span img {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: text-top
}

.filter-item span {
    display: flex
}

.onecad-fenlei {
    padding-top: 20px;
    background-color: var(--main-bg-color)
}

.jitheme-fenlei {
    padding: 0px 20px;
    background-color: var(--main-bg-color);
    margin-bottom: 20px
}

.onecad-fenlei li,.jitheme-fenlei li {
    color: #424866;
    line-height: 40px;
    position: relative;
    cursor: pointer
}

.jitheme-items {
    display: flex
}

.archive_title {
    position: absolute!important;
    margin-top: -120px
}

.onecad-fenlei li .current {
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 3px solid var(--b2color)
}

.filter-item .current {
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 2px solid var(--b2color)
}

.jitheme-items a {
    line-height: 40px;
    padding: 8px 0px
}

.jitheme-items li .current:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--b2color);
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5
}

.jitheme_ico_new {
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -7px;
    line-height: 16px;
    padding: 0 4px;
    background: var(--b2color);
    border-radius: 10px 2px 10px 2px;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

#filter-top .filter-item {
    justify-content: center
}

.jitheme_ax_jb {
    position: relative;
    margin-top: -40px;
    left: 20px;
    font-size: 12px;
    color: var(--b2color)!important
}

.jitheme_xx {
    color: var(--key-color);
    line-height: 40px;
    padding-right: 25px
}

.jitheme_ico,.filter-items span img {
    padding-right: 4px
}

.term-title {
    max-width: 320px;
    width: 320px;
    padding: 8px 0px;
    font-size: 12px;
    color: var(--key-color);
    text-align: center;
    font-weight: 600;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    margin-right: 25px;
    border-radius: 3px
}

.filter-items span {
    display: flex
}

.filter-items span i {
    font-size: 18px
}

.tax-search button {
    right: 0;
    left: unset
}

.tax-search button {
    width: 84px;
    height: 33px;
    background: var(--body-bg-color);
    border-radius: 24px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 64px;
    color: #fff;
    display: flex;
    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);
    border-radius: 24px
}

.tax-info-item-jitheme .fliter-button {
    margin-left: 20px
}

.listygo-btn {
    overflow: hidden;
    outline: 0;
    margin: 0 10px 0 0px;
    box-shadow: none;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    text-align: center;
    z-index: 1
}

.listygo-btn:last-child {
    margin: 0px
}

.listygo-btn-bj {
    color: #fff;
    border: 0;
    background-color: var(--b2color)
}

.listygo-btn-wbj {
    color: var(--b2color);
    border: 1px solid var(--b2color);
    background-color: var(--main-bg-color)
}

.listygo-btn--style1:hover::before {
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: width 0.8s ease
}

.listygo-btn--style1::before {
    position: absolute;
    content: "";
    left: 100%;
    width: 0%;
    height: 100%;
    background-color: var(--b2color);
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.listygo-btn__icon {
    min-width: 40px;
    min-height: 40px;
    display: inline-grid;
    place-content: center;
    border-radius: 40px;
    position: relative;
    z-index: 1
}

.listygo-btn--style1:hover .listygo-btn__icon i,.listygo-btn--style1:hover span {
    transition: all 0.4s ease;
    color: #fff
}

.wh-100,.listygo-btn__icon::before,.event-wrapper::before,.blog-block__figure::before {
    width: 100%;
    height: 100%
}

.listygo-btn__icon i {
    z-index: 1;
    font-size: 20px;
    transform: rotate(0deg)
}

.listygo-btn__text {
}

.listygo-btn--style1:hover .listygo-btn__icon::before {
    transform: scale(1) rotate(180deg)
}

.listygo-btn__icon::before {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%
}

.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 {
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    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 {
    color: #ababab;
    display: inline-block;
    cursor: pointer;
    text-indent: 0;
    margin: 0 30px 0 0;
    font-size: 15px;
    padding: 0 5px;
    height: 30px;
    line-height: 35px
}

.list-article-tab .type .hover,.list-nav-tab .type .hover,.list-soft-tab .type .hover {
    color: #007bf5;
    border-bottom: 3px solid #007bf5;
    height: 40px
}

.list-soft-plate {
    height: 385px;
    overflow: hidden
}

.article-plate,.soft-plate {
    transition: .4s all;
    width: 10000px
}

.hot-soft {
    transition: .5s all;
    width: 10000px
}

.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 {
    width: 100%;
    margin: 5px 0 0 0
}

.list-nav-plate .plate-list ul li {
    float: left;
    width: 197px;
    margin: 10px 15px 0 0;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    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;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.list-nav-plate .plate-list ul li img {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 5px
}

.list-soft-plate .plate-list ul {
    width: 100%;
    margin: 5px 0 0 0
}

.list-soft-plate .plate-list ul:nth-child(3n) {
    margin-right: 0
}

.list-soft-plate .plate-list li {
    display: block;
    padding: 15px 0;
    box-sizing: initial;
    float: left;
    width: 48%;
    border-bottom: 1px solid #f6f6f6
}

.list-soft-plate .plate-list li:nth-child(2n) {
    margin-right: 0;
    float: right
}

.list-soft-plate .plate-list li .fl {
    width: 65px;
    height: 65px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #f6f6f6
}

.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 {
    width: 75%;
    font-size: 15px;
    margin: 15px 0 0;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.list-soft-plate .plate-list li .fr p {
    font-size: 12px;
    color: #ababab
}

.list-soft-plate .plate-list li .fr p span {
    color: #888;
    font-size: 12px;
    padding: 0 10px
}

.list-soft-plate .plate-list li .fr p i {
    font-style: initial;
    color: #ffb80f;
    font-size: 14px;
    margin-right: 5px
}

.list-soft-plate .plate-list li .fr .down {
    width: 50px;
    float: right
}

.list-soft-plate .plate-list li .fr .down b {
    font-weight: 100;
    display: block;
    text-align: right;
    font-size: 13px;
    color: #888;
    line-height: 25px
}

.list-soft-plate .plate-list li .fr .down a {
    display: block;
    background: #007bf5;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    margin-top: -30px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    transition: all .3s
}

.list-soft-plate .plate-list li .fr .down a:hover {
    color: #fff;
    background: #1b8eff
}

.layui-clear:after {
    content: '\20';
    clear: both;
    *zoom:1;display: block;
    height: 0
}

@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) {
        height: 45px;
        font-size: 32px;
        font-weight: 500;
        color: var(--key-color);
        line-height: 38px;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 10px
    }

    #post-item-jitheme-tj .Onecad_title >div:nth-of-type(1):before {
        content: '';
        display: inline-block;
        clear: both;
        width: 6px;
        height: 6px;
        background: var(--key-color);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-right: 13px;
        margin-bottom: 8px
    }

    #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 {
        content: '';
        display: inline-block;
        clear: both;
        width: 6px;
        height: 6px;
        background: var(--key-color);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: 13px;
        margin-bottom: 8px
    }

    #post-item-jitheme-tj .post-list-cats a + a {
        margin-left: 20px
    }

    #post-item-jitheme-tj .post-carts-list-row {
        white-space: nowrap;
        display: unset;
        overflow: hidden;
        text-align: center;
        justify-content: flex-end;
        align-items: center;
        align-items: center;
        margin: auto
    }

    #post-item-jitheme-tj .post-list-cats {
        text-align: center;
        margin-bottom: 20px
    }
}

#jiheme_heml .swiper-button-prev,#jiheme_heml .swiper-button-next {
    text-align: center;
    color: #000;
    background: rgba(255,255,255,0.9);
    box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
    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 .jitheme_cat_jb {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: unset
}

.post-7 .post-list-meta-box {
    margin-bottom: 0px;
    margin: 10px 0px 0px 0px
}

.post-7 .jitheme-post-info {
    margin: 0px 0px 0px 0px;
    margin-top: -20px;
    position: relative;
    border-radius: 0px
}

.post-module-thumb:hover .post-has-video span i {
    display: none
}

.post-7 .post-list-cat a {
    font-size: 12px;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    margin-right: 5px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item)
}

.post-7 .tipss {
    font-size: 12px;
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item)
}

.post-7 .item-in:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    box-shadow: unset
}

.post-7 .post-excerpt {
    margin: 0px
}

.post-7 .post-excerpt {
    padding: 8px
}

.post-7 .post-list-meta li {
    font-size: 12px;
    align-items: center;
    margin: 0px;
    background-color: var(--body-bg-color);
    margin-right: 5px;
    border-radius: 20px;
    color: var(--footer-color)
}

.post-7 .post-list-meta-box li:hover {
    color: var(--b2color);
    background-color: var(--body-bg-color)
}

.post-7 .post-list-meta li span {
    margin-left: 0px;
    font-size: 13px
}

.post-7 .post-module-thumb i.b2-play-circle-line {
    position: absolute;
    color: rgba(255,255,255,0.7);
    font-size: 40px;
    transition: color .5s
}

.post-7 #Onecad_vido .post-has-video span {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100%/2 - 40px);
    left: calc(100%/2 - 25px);
    z-index: 1;
    background: unset
}

.n_banner_inner {
    position: relative
}

.n_banner_inner .img-info {
    position: absolute;
    right: 12px;
    top: 9px;
    padding: 0;
    text-align: right;
    color: #fff
}

.n_banner_inner .img-info i {
    position: relative;
    display: inline-block;
    color: #007bff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    z-index: 9;
    font-style: inherit
}

.n_banner_inner .img-info .info {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 0;
    padding: 5px 0;
    overflow: hidden;
    background: #007bff;
    border-radius: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important
}

.n_banner_inner .img-info .info a {
    color: #fff
}

.n_banner_inner .tirr {
    max-width: 100%;
    height: auto;
    transition: 0.5s
}

.n_banner_inner:hover .info {
    width: auto;
    padding: 5px 23px 5px 12px;
    -webkit-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    transition: all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;
    font-size: 12px;
    z-index: 1
}

.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 #ffffff;
    border-radius: 3px;
    color: #ffffff;
    opacity: 0.5;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .n_banner_inner .img-info {
        display:none
    }
}

.ji-downBox {
    padding: 30px;
    margin-bottom: 16px!important
}

.ji-downMain {
    display: flex
}

.ji-downMain .thumb {
    height: 300px;
    max-width: 450px;
    width: auto;
    overflow: hidden;
    position: relative
}

.ji-downMain .thumb img {
    min-width: 100%
}

.ji-downMain .data .post-meta .data {
    margin-left: 0
}

.ji-downMain .data {
    flex: 1;
    margin-left: 30px;
    position: relative
}

.ji-downMain .data h1 {
    margin-bottom: 20px;
    font-size: 24px
}

.ji-downMain .data ul {
    margin-top: 10px
}

.ji-downMain .data ul li {
    line-height: 40px;
    list-style: none;
    font-size: 14px
}

.ji-downMain .data ul li>div {
    display: flex;
    position: relative
}

.ji-downMain .data ul li>div span:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(../img/li-dian.svg);
    position: relative;
    margin-right: 8px;
    margin-top: 13px;
    opacity: 0.65
}

.ji-downMain .data ul li>div span {
    flex: 1;
    display: flex
}

.ji-downMain .post-meta {
    flex: 1;
    margin: 0
}

.ji-downMain .post-meta .post-author {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ji-downMain .post-meta .post-author .ava {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.ji-downMain .post-meta .post-author .ava img {
    width: 100%;
    margin-right: 10px
}

.ji-downMain .jitheme_single_mate {
    display: flex;
    line-height: 35px
}

.ji-downMain .categories {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    padding: 0 5px 0 5px;
    margin-right: 20px;
    border-radius: 5px
}

.ji-downMain .categories a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #8f8f8f;
    vertical-align: top
}

.ji-downMain .categories i {
    color: var(--b2color)
}

.ji-downMain .categories i {
    padding: 3px;
    border-radius: 100%
}

.ji-downMain .single-button-download {
    display: flex;
    align-items: center;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    margin-top: 33px;
    position: absolute
}

.ji-downMain .down a {
    display: inline-block;
    transition: all .3s;
    padding: 5px 40px;
    font-size: 16px;
    letter-spacing: .5px;
    background-color: var(--b2color);
    color: #fff
}

.ji-downMain .down a i {
    display: inline-block;
    transform: translateY(-1px);
    margin-right: 5px
}

.ji-downMain .post-list-cat {
    flex: 1;
    text-align: right;
    flex-direction: row-reverse
}

.post_tag .box {
    background: transparent
}

.ji-category-bg {
    margin-top: -217px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

.ji-category-bg .title span {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 2px
}

.ji-category-bg p {
    font-size: 15px;
    color: #fff;
    margin-top: 15px
}

.onecad-tax-title {
    overflow: hidden;
    position: relative;
    z-index: 1;
    overflow: hidden
}

#jitheme_arc_b #filter-top .filter-items a:not(.current) {
    background-color: unset
}

#jitheme_arc_b .bg {
    height: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(145deg,#20c3f2 0%,#7e39fb 100%)
}

#jitheme_arc_b .bg::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 35%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.ji-catnav-wz {
    z-index: 1;
    position: relative;
    color: #fff;
    padding: 10px 0;
    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 {
    z-index: unset;
    margin: 0px;
    padding: 20px 0px 10px 0px;
    justify-content: space-between
}

#jitheme_arc_b #filter-top {
    text-align: center;
    padding: 0px
}

#jitheme_arc_b #filter-top ul li {
    display: flex;
    padding: 5px 0px;
    margin-bottom: 0px
}

#jitheme_arc_b .filter-name {
    margin-right: 12px;
    border-radius: 5px;
    color: #999;
    text-align-last: justify;
    max-width: 90px;
    width: 90px;
    padding: 0px 10px;
    color: var(--key-color);
    font-size: 15px
}

#jitheme_arc_b #filter-top a {
    font-size: 15px;
    border-radius: 5px;
    line-height: 15px;
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 5px 0px
}

#jitheme_arc_b .tax-search input {
    background: var(--body-bg-color);
    border-radius: 5px;
    padding: 7px 10px 7px 15px
}

#jitheme_arc_b .tax-search button {
    width: 33px
}

#jitheme_arc_b .filter-items a:hover {
    color: #fff!important;
    background-color: var(--b2color)!important;
    border: unset
}

#jitheme_arc_b .filters-box > ul {
    padding: 0px 0 10px 0
}

#jitheme_arc_b .filter-items a {
    border: unset
}

#jitheme_arc_b .button,#jitheme_arc_b button {
    border-radius: unset
}

#jitheme_arc_b .jithem_ac {
    background-color: var(--main-bg-color);
    box-shadow: 0px 12px 23px 0px rgba(51,51,51,.082)
}

.jitheme-category,.jitheme-category i {
    font-size: 14px
}

.jitheme_arc_sous {
    display: flex
}

.jitheme-category .data span em {
    color: var(--b2color);
    font-weight: bold;
    font-style: inherit;
    margin-right: 5px
}

.jitheme-category ul li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px
}

.jitheme-category .data span {
    color: var(--key-color);
    font-size: 14px;
    margin-right: 20px
}

.jitheme-category .data .ji-flex-1 span i.b2-hearts-line {
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc
}

.jitheme-category .data .ji-flex-1 span i.b2-upload-fill {
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc
}

.jitheme-category .data .ji-flex-1 span i.b2-arrow-up-line {
    color: var(--b2color);
    margin-left: 3px;
    font-weight: bold
}

.jitheme-category .jitheme_ac_vip a.vip {
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    background: #f6f6f6
}

.jitheme-category .jitheme_ac_vip a.vip:hover {
    background: var(--b2color);
    color: #fff
}

.jitheme-category .tax-info-item .fliter-button:hover {
    color: var(--b2color);
    background-color: var(--b2lightcolor)
}

.jitheme-category .tax-info-item .fliter-button:hover i {
    color: var(--b2color)
}

.jitheme-category .jitheme_ac_vip a.upload {
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 33px;
    margin-left: 10px;
    text-align: center;
    border: 1px solid var(--b2color);
    background: var(--b2color);
    color: #fff
}

.jitheme-category .tax-info-item .fliter-button {
    background: #f6f6f6;
    padding: 7px 16px 7px 11px;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%)
}

.jitheme-category .data {
    margin-left: 20px
}

.jitheme-category .ji-ac-tags .vip {
    margin: 0px 10px
}

.jitheme-category i {
    margin: 0px 5px
}

.jitheme-category .tax-info-item {
    margin-left: 0px
}

.poa .soft-cat-logo {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 80px
}

.poa .soft-cat-logo a {
    display: flex;
    padding: 0.5rem 0.8rem;
    flex-direction: column;
    color: #1D2129;
    align-items: center;
    max-height: 60px;
    font-size: 12px;
    position: relative
}

.poa .soft-cat-logo a span {
    display: inline-block;
    width: 70px;
    height: 40px;
    border-radius: 0.42857143em;
    margin-bottom: 5px;
    background-size: contain;
    opacity: 0.8;
    position: relative;
    background-repeat: no-repeat
}

.poa .soft-cat-logo a:hover span:before {
    opacity: 1
}

.poa .soft-cat-logo a span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid var(--b2color);
    bottom: -6px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0
}

.poa .soft-cat-logo a em {
    display: none;
    position: absolute;
    bottom: -19px;
    padding: 4px 8px;
    font-size: 13px;
    color: #fff;
    background: var(--b2color);
    border-radius: 4px
}

.poa .soft-cat-logo a:hover em {
    display: inline-block
}

.poa .soft-cat-logo a:hover span {
    opacity: 1;
    overflow: visible
}

.jitheme_cat_jb {
    display: flex;
    line-height: 20px;
    margin-top: -20px;
    height: 20px;
    position: relative;
    z-index: 2
}

.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: 32px 10px
}

#jitheme_new.plate-news .swiper-container {
    margin: 0
}

#jitheme_new.plate-news .swiper-container {
    width: calc(33.33333% - 16px);
    height: 80px;
    margin: 0px 16px;
    display: flex
}

#jitheme_new .news-item {
    height: 80px !important;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    padding: 16px;
    float: left
}

#jitheme_new .news-item.orange {
    background: rgba(230,125,97,0.08)
}

#jitheme_new .news-item.blue {
    background: rgba(63,140,255,0.08)
}

#jitheme_new .news-item.green {
    background: rgba(70,198,158,0.08)
}

#jitheme_new .news-item .avatar {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    margin-right: 10px
}

#jitheme_new .news-item h6 {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    font-weight: normal
}

#jitheme_new .news-item h6 .new_name {
    margin-right: 10px
}

#jitheme_new .news-item h6 em {
    margin-left: 8px;
    display: inline-block
}

#jitheme_new .news-item.green h6 em {
    margin-right: 35px
}

#jitheme_new .news-item.orange h6 em {
    color: rgba(230,125,97,1)
}

#jitheme_new .news-item.blue h6 em {
    color: rgba(63,140,255,1)
}

#jitheme_new .news-item.green h6 em {
    color: rgba(70,198,158,1)
}

#jitheme_new .news-item h6 i {
    font-size: 12px;
    color: #91929E;
    line-height: 22px;
    right: 20px;
    position: absolute
}

#jitheme_new .news-item p,#jitheme_new .news-item a {
    font-size: 12px;
    color: #91929E;
    line-height: 17px;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

#jitheme_new .jitheme_text {
    color: var(--b2color)
}

#jitheme_new .jitheme_text_sx {
    font-size: 12px;
    margin: 0px 5px
}

#jitheme_new .jitheme_text_sx i {
    font-size: 12px;
    margin-right: 5px
}

#jitheme_new .news-item .num {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1;
    line-height: 18px;
    height: 18px;
    padding: 0 6px;
    border: 2px solid #fff;
    border-radius: 12px;
    display: inline-block;
    box-sizing: content-box
}

#jitheme_new .news-item.orange .num {
    background: rgba(230,125,97,1)
}

#jitheme_new .news-item.blue .num {
    background: rgba(63,140,255,1)
}

#jitheme_new .news-item.green .num {
    background: rgba(70,198,158,1)
}

.c-topic-list {
    margin: 16px 0px
}

#Jitheme_message .swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flow-root;
    transition-property: transform;
    box-sizing: content-box
}

#Jitheme_message.swiper {
    overflow: hidden;
    height: 240px;
    position: fixed;
    max-width: 100%;
    z-index: 6
}

#Jitheme_message .swiper-slide {
    flex-shrink: 0;
    width: auto;
    height: 32px;
    position: relative;
    transition-property: transform
}

#Jitheme_message li {
    list-style-type: none
}

#Jitheme_message li >div {
    display: flex;
    border-radius: 5px;
    color: #fff;
    margin-right: 25px;
    padding: 0px 5px 0px 5px;
    clear: both;
    font-size: 13px;
    justify-content: flex-end;
    height: 30px;
    line-height: 30px
}

#Jitheme_message li i {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px
}

#Jitheme_message .info_zianv {
    text-decoration: underline;
    font-weight: 600;
    color: #fff
}

#Jitheme_message .info_zianv:hover {
    color: #fff!important
}

#Jitheme_message .info_zianv_v {
    text-decoration: underline;
    font-weight: 600;
    color: #fff;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#Jitheme_message li a:first-child {
    margin-right: 3px;
    margin-top: 5px
}

#Jitheme_message li a {
    color: #fff !important
}

#Jitheme_message li .red {
    text-decoration: underline;
    font-weight: 600;
    color: #fff;
    padding: 0px 5px
}

#Jitheme_message li .green {
    font-weight: 600;
    color: #fff;
    padding: 0px 5px
}

#Jitheme_message li a:last-child,#Jitheme_message li a:last-child font {
    color: #fff !important
}

#Jitheme_message li a:last-child n {
    text-decoration: underline;
    margin: 0 3px
}

#Jitheme_message li img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: inherit;
    margin-top: 5px
}

#Jitheme_message.swiper {
    right: 35px;
    bottom: 30px
}

#Jitheme_message li >div {
    float: right
}

@media screen and (max-width: 768px) {
    #Jitheme_message {
        display:none
    }
}

.post-list-meta-avatar img {
    margin-top: 3px
}

#ji-footer-new.footer .footer-top {
    padding: 30px 0;
    position: relative;
    text-align: center
}

#ji-footer-new.footer .footer-top::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(63,81,181,.8)
}

#ji-footer-new.footer .footer-top .wrapper {
    position: relative
}

#ji-footer-new.footer .footer-top h3 {
    font-size: 22px;
    color: #fff;
    line-height: 1.8
}

#ji-footer-new .wx-qr {
    width: 80px;
    height: auto;
    margin: 10px auto
}

#ji-footer-new.footer .footer-top p {
    font-size: 18px;
    color: #fff
}

#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;
    width: 200px;
    margin: 15px auto;
    background: #fff;
    color: var(--b2color);
    font-weight: 600;
    padding: 10px 0;
    border-radius: 30px;
    transition: color ease 300ms;
    -moz-transition: color ease 300ms;
    -webkit-transition: color ease 300ms;
    -o-transition: color ease 300ms;
    -ms-transition: color ease 300ms
}

#ji-footer-new .ji-footer {
    padding: 40px 0 0
}

#ji-footer-new .ji-footer>.wrapper {
    border-bottom: 1px solid #9e9e9e3b;
    padding-bottom: 30px
}

#ji-footer-new .ji-footer .widget-title {
    border-bottom: 0;
    position: relative;
    font-size: 18px
}

#ji-footer-new .ji-footer .widget-title::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #9e9e9e3b
}

#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-block;
    width: 45%
}

#ji-footer-new .ji-footer #nav_menu-2 {
    width: 20%
}

#ji-footer-new .ji-footer .widget ul {
    padding: 8px 0
}

#ji-footer-new .ji-footer .widget ul li {
    padding: 9px 0 10px 10px;
    position: relative
}

#ji-footer-new .ji-footer .widget ul li:before {
    position: absolute;
    content: "\eba3";
    font-family: "b2font";
    left: -5px;
    top: 5px;
    color: var(--b2color);
    font-size: 16px;
    line-height: 28px
}

#ji-footer-new .ji-footer .ji-footer-widget-in {
    display: flex
}

#ji-footer-new .ji-footer section:first-child {
    width: 30%
}

#ji-footer-new .ji-footer .widget {
    box-shadow: none;
    padding: 0 16px;
    width: 25%
}

#ji-footer-new .ji-footer section {
    margin-bottom: 0;
    margin: 0
}

#ji-footer-new .ji-footer .ji-footer-widget-in {
    margin: 0 -16px
}

#ji-footer-new .ji-footer section:last-child .row {
    display: inline-block;
    width: 100%;
    display: flex;
    justify-content: space-between
}

#ji-footer-new .ji-footer section:last-child .qr-tips {
    margin-top: 8px;
    line-height: 1.2em;
    font-size: 12px;
    max-width: 75px;
    text-align: center
}

#ji-footer-new a:hover {
    color: var(--b2color)!important
}

#ji-footer-new .footer-bottom {
    height: 80px;
    line-height: 26px;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width: 768px) {
    #ji-footer-new.footer .footer-top h3 {
        font-size:16px
    }

    #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: 0px 5px 0px 0px
}

#jithemeid_box .new_span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 450px
}

#jitheme_new_ht.swiper-dynamic {
    margin-top: 16px;
    font-size: 14px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 16px
}

#jitheme_new_ht .float-right {
    float: right!important;
    line-height: 25px;
    width: 40%;
    text-align: right
}

#jitheme_new_ht img {
    width: 48px
}

#jitheme_new_ht .badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 0px;
    color: #6c757d;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 15px;
    background-color: #f5f8fa
}

#jitheme_new_ht .float-left {
    display: flex;
    width: 60%
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    display: flex;
    max-width: 100%
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#jitheme_new_ht .badge-danger {
    background-color: var(--b2lightcolor);
    color: var(--b2color);
    height: 25px;
    line-height: 25px;
    margin-right: 0px;
    padding: 0px 5px;
    border-radius: 5px;
    min-width: 90px
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic ul li {
    height: 25px;
    padding-left: 0;
    line-height: 25px;
    list-style: none;
    line-height: 25px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#jitheme_new_ht .jitheme_text {
    color: var(--b2color)
}

#jitheme_new_ht .jitheme_text_sx {
    font-size: 13px;
    margin: 0px 5px
}

#jitheme_new_ht .jitheme_text_sx i {
    font-size: 13px;
    margin-right: 5px
}

#jitheme_new_ht .jitheme-toggle i {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    margin-right: 16px
}

@media (max-width: 768px) {
    #jitheme_new_ht.swiper-dynamic .scroll-dynamic {
        max-width:100%;
        font-size: 13px
    }
}

#jitheme_search .jitheme_cat_search {
    background: #fff;
    display: flex
}

#jitheme_search select {
    background: url(../img/arrow.png) no-repeat 97% 20px;
    box-shadow: none;
    border: none
}

#jitheme_search #search_4 .jitheme_cat_search input {
    height: 50px;
    background: #fff;
    border: none;
    padding: 18px 22px;
    font-size: 14px;
    color: #333
}

#jitheme_search #search_3 .jitheme_cat_search input {
    height: 50px;
    background: #fff;
    border: none;
    padding: 18px 22px;
    font-size: 14px;
    color: #333
}

.user-w-qd {
    background-image: url(/wp-content/themes/b2/Assets/fontend/images/page-bg.svg)!important;
    height: 43px!important;
    background-color: var(--b2color)!important;
    margin: 16px 0px 0px 16px!important;
    border-radius: 5px!important;
    -webkit-background-clip: border-box!important;
    -webkit-text-fill-color: #fff!important
}

.user-w-qd div {
    position: absolute;
    left: 41px;
    top: 13px
}

.user-w-qd-list-title {
    background-image: none!important;
    background-color: #9e9e9e00!important;
    border-bottom: 1px solid var(--b2lightcolor);
    border-radius: 0px;
    margin: unset
}

.user-w-qd-list-title {
    margin-top: 10px
}

.user-w-qd {
    position: relative;
    display: inline-block;
    line-height: 16px;
    width: calc(100% - 32px);
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    background: rgb(0 0 0 / 22%)
}

.user-w-qd:before {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 4px;
    z-index: -1;
    transition: all 400ms ease
}

.user-w-qd:before {
    background: #ff5d8f94
}

.user-w-qd:hover:before {
    width: 100%
}

.user-w-qd-list-title p span {
    color: var(--b2color);
    background-color: var(--b2lightcolor);
    border-radius: 3px
}

.user-w-qd-list-title p.picked span {
    color: #fff;
    background-color: var(--b2color);
    border-radius: 3px
}

.user-w-qd-list-title p {
    margin: 0px 16px
}

.user-w-qd-list-title p.picked {
    border: 1px solid var(--b2lightcolor);
    border-bottom: 1px solid #fff;
    margin-bottom: -1px
}

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

.post-8 .item-in {
    position: relative
}

.post-8 .post-module-thumb {
    position: initial;
    overflow: initial
}

.post-8 .post-module-thumb:after {
    content: '';
    position: absolute;
    top: unset!important;
    left: 0;
    bottom: 0;
    right: 0;
    height: 200px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgb(0 0 0 / 80%))
}

.post-8 .post-excerpt {
    display: none
}

.post-8 h2 a {
    top: 25px;
    left: 25px;
    opacity: 0.9;
    text-transform: uppercase;
    color: #fff!important;
    font-weight: 600;
    font-size: 16px
}

.post-8 .jitheme_avatar_data{
    color: #fff!important
}

.post-8 .jitheme_cat_jb {
    position: absolute;
    border-radius: 4px;
    overflow: hidden;
    margin-top: -25px
}

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

.post-8 .post-list-meta {
    font-size: 12px;
    align-items: center;
    z-index: 100;
    position: absolute;
    top: 10px;
    border-radius: 5px;
    right: 10px;
    overflow: hidden
}

.post-8 .post-list-cat {
    font-size: 12px;
    align-items: center;
    z-index: 100;
    top: 10px;
    position: absolute;
    border-radius: 5px;
    left: 10px;
    overflow: hidden
}

.post-8 .post-list-cat a {
    background-color: #51515180;
    height: 25px;
    width: 100%;
    padding: 10px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease 0s,color .3s ease 0s,opacity .3s ease 0s,transform .3s ease 0s;
    opacity: 0;
    transform: translate(10px,-10px)
}

.post-8 .list-footer,.post-8 .list-footer a {
    border-top: unset;
    color: #fff
}

.post-8 .item-in .post-info h2 {
    margin: 10px 0 10px
}

.post-8 .post-list-meta li {
    background-color: #51515180;
    height: 25px;
    color: #fff;
    display: block;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease 0s,color .3s ease 0s,opacity .3s ease 0s,transform .3s ease 0s;
    opacity: 0;
    transform: translate(10px,-10px)
}

.post-8 .post-list-meta li span {
    height: 25px;
    line-height: 25px
}

.post-8 .item-in:hover .post-list-meta li {
    transform: translate(0px,0px);
    opacity: 1
}

.post-8 .item-in:hover .post-list-meta li span {
    font-size: 15px;
    opacity: .9;
    -webkit-transform: scale(0.8)
}

.post-8 .item-in:hover .post-list-cat a {
    opacity: 1;
    display: inline-flex;
    transform: translate(0px,0px);
    color: #ffff!important
}

.post-8 .post-info span {
    height: 17px;
    margin-left: 5px;
    z-index: 0
}

.post-8 .item-in:hover .post-module-thumb img {
    transform: scale(1.1)
}

.post-8 .item-in .list-footer {
    padding: unset
}

.post-list .b2_gap .post-list-item .item-in:hover {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px)
}

#Jitheme_vips_cs2 .choose-vip-item-top:before {
    content: "";
    width: 100%;
    height: 51.4%;
    opacity: .16;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0px
}

#Onecad_vips .Onecad_vip_max {
    padding-top: 60px
}

#Onecad_vips .vip-top > div,#Onecad_vips .vip-top h2 {
    color: #fff
}

#Jitheme_vips_cs2 .home-homevip-boxmk a {
    border: 0!important
}

#Jitheme_vips_cs2 .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_vips_cs2 .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_vips_cs2 .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_vips_cs2 .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_vips_cs2 .choose-vip-item-top {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -20px;
    flex-direction: column;
    margin-bottom: 17px
}

#Jitheme_vips_cs2 .vip-item-top-name em {
    width: 100%;
    height: 15px;
    overflow: hidden;
    bottom: 0;
    left: 0
}

#Jitheme_vips_cs2 .vip-item-top-name {
    margin-top: -80px
}

#Jitheme_vips_cs2 .home-homevip-boxmk img {
    height: 100%;
    display: block;
    margin: 0 auto 10px auto
}

#Jitheme_vips_cs2 .vip-btn {
    height: 44px;
    border-radius: 22px;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

#Jitheme_vips_cs2 .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_vips_cs2 .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_vips_cs2 .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_vips_cs2 .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_vips_cs2 .vip-btn button {
    margin: auto;
    color: #fff;
    font-size: 20px;
    font-weight: 110
}

#Jitheme_vips_cs2 .home-homevip-boxmktitle {
    padding-bottom: 0px
}

#Jitheme_vips_cs2 .vip-item-top-name em::after {
    content: '';
    position: absolute;
    width: 110%;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    bottom: -18px;
    left: -5%
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .choose-vip-item-prompt {
    position: absolute;
    width: 82px;
    height: 24px;
    background: linear-gradient(269.79deg,#ff4343 9.72%,#ff7a30 99.86%);
    border-radius: 5px 0;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    left: 0;
    top: 0
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .vip-name {
    color: #000;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0px
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name>p:nth-of-type(3) {
    color: #949292;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px
}

#Jitheme_vips_cs2 .buyOne-getOne {
    display: block;
    height: 24px;
    padding: 0px 10px;
    line-height: 24px;
    background: linear-gradient(90deg,var(--b2color),var(--b2color));
    border-radius: 0 12px 0 12px;
    position: absolute;
    top: -1px;
    right: 0px;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);
    color: #fff;
    font-weight: 500;
    padding-right: 4px
}

#Jitheme_vips_cs2 .onecad_vips_title {
    padding: 10px 0px 10px 20px
}

#Jitheme_vips_cs2 .home-homevip-boxmks li {
    padding: 0px 20px
}

#Jitheme_vips_cs2 .home-homevip-boxmk {
    padding: 20px 20px 0px 20px
}

#Jitheme_vips_cs2 .vip-faq-list h2 {
    font-size: 16px;
    line-height: 16px
}

#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-repeat: no-repeat;
    background-size: 130px;
    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: 16px
}

#footer_tsk .vip-login-countdown-row .counddown-wrap {
    font-size: 14px
}

#footer_tsk .vip-login-title {
    width: 218px;
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word!important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-subtitle {
    width: 218px;
    color: var(--text2);
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    color: #8e8e8e;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word!important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-btn {
    margin-top: 10px;
    display: inline-block;
    height: 40px;
    width: 160px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    background-color: var(--b2color);
    transition: background-color .3s,color .3s;
    font-weight: 600;
    cursor: pointer
}

#footer_tsk .close {
    position: absolute;
    top: 0px;
    right: 7px;
    cursor: pointer
}

#footer_tsk.Ji-row {
    position: fixed;
    bottom: 30px;
    right: 60px;
    z-index: 10;
    display: flex;
    justify-content: right
}

#footer_tsk .vip-login-countdown-row .counddown-wrap span {
    display: inline-block;
    margin: 0px 4px;
    width: 20px;
    font-size: 13px;
    height: 18px;
    color: var(--b2color);
    border-radius: 5px;
    text-align: center;
    line-height: 18px;
    font-weight: 500px;
    background: var(--b2lightcolor)
}

/** 认证金V**/
.vrnzhengss{
    position: absolute;
    background-image: url(/gold.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-animation: woo-icon-wooSprite 2.1s steps(15) infinite backwards;
}
.user-verify .vrnzhengss{
    position: initial;
    margin-bottom: -6px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.top-user-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
}
.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 20px;
    height: 20px;
}
.w-a-info .vrnzhengss{
    bottom: -5px;
    right: 200px;
    width: 20px;
    height: 20px;
}
@media (min-width:800px) {
.user-verify .vrnzhengss{
    position: initial;
    margin-bottom: -6px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.top-user-avatar .vrnzhengss,.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
}
.w-a-info .vrnzhengss{
    bottom: -5px;
    right: 200px;
    width: 20px;
    height: 20px;
}
}
@-webkit-keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}
@keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}



/*文章随机彩色标签开始*/
.post-tags-meat{
    margin-bottom: 10px
}
.post-tags-meat a{
    background-color: #19B5FE;
    color: white;
}
.post-tags-meat a:nth-child(5n){
    background-color: #4A4A4A;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+1){
    background-color: #ff5e5c;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+2){
    background-color: #ffbb50;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+3){
    background-color: #1ac756;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+4){
    background-color: #19B5FE;
    color: #FFF
}
.post-tags-meat a:hover{
    background-color: #1B1B1B;
    color: #FFF
}
.post-tags-meat span.tag-text{
    color: #FFF;
    z-index: 6;
}
/*文章随机彩色标签结束*/
/*首页标签鼠标移上去*/
.post-list-cats a span:hover {
    color: #2882c5;
    font-weight: 700;
}
/*页面a标签颜色*/
 .page-template .entry-content a {
    color: #2882c5 !important;
}

/*航菜单文字添加彩色渐变特效*/
.meihua {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@media (max-width:768px) {
	span.ua-info {
		display: none
	}
	.comment-author .user-title {
		width: 40% !important
	}
}
.comment-author .user-title {
	font-size: 13px;
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@keyframes text {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -150% 0
	}
}
.b2-qr-code-fill {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}





/*菜单角标*/
.tag-new {
    box-shadow: 0 4px 4px -2px rgba(255,0,122,.3);
    background: #ff71aa;
    display: inline-block;
    transform: translateY(-12px);
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #ffffff!important;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
}
.tag-vip {
    background: linear-gradient(to top,#a91ec1 0%,#d701fc 100%);
    box-shadow: 0 4px 4px -2px rgba(255,0,122,.3);
    display: inline-block;
    transform: translateY(-12px);
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
}
.new {
   display: inline-block;
   transform: translateY(-12px);
   font-size: .75rem;
   letter-spacing: 0.05em;
   background: linear-gradient(to top, #03a9f4 0%, #00bcd4 100%);
   color: #ffffff;
   border-radius: 1rem;
   padding: .15rem .275rem;
   line-height: 1;
   font-weight: bold;
}
.hot {
   display: inline-block;
   transform: translateY(-12px);
   font-size: .75rem;
   letter-spacing: 0.05em;
   background: linear-gradient(to top, #ec867e 0%, #ec6190 100%);
   color: #ffffff;
   border-radius: 1rem;
   padding: .15rem .275rem;
   line-height: 1;
   font-weight: bold;
}
.golden{
   display: inline-block;
   transform: translateY(-12px);
   font-size: .75rem;
   letter-spacing: 0.05em;
   background: #333b3e;
   border-radius: 1rem;
   padding: .15rem .275rem;
   line-height: 1;
   font-weight: bold;
   color: #fdd4a0;
}





























/**文章页面*/
.jitheme_cat_jb{
    display: flex;
    line-height: 25px;
    margin-top: -25px;
    height: 25px;
    position: relative;
    z-index: 2;
}




/*文章随机彩色标签开始*/
.post-tags-meat{
    margin-bottom: 10px
}
.post-tags-meat a{
    background-color: #19B5FE;
    color: white;
}
.post-tags-meat a:nth-child(5n){
    background-color: #4A4A4A;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+1){
    background-color: #ff5e5c;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+2){
    background-color: #ffbb50;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+3){
    background-color: #1ac756;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+4){
    background-color: #19B5FE;
    color: #FFF
}
.post-tags-meat a:hover{
    background-color: #1B1B1B;
    color: #FFF
}
.post-tags-meat span.tag-text{
    color: #FFF;
    z-index: 6;
}
/*文章随机彩色标签结束*/
/*首页标签鼠标移上去*/
.post-list-cats a span:hover {
    color: #2882c5;
    font-weight: 700;
}
/*页面a标签颜色*/
 .page-template .entry-content a {
    color: #2882c5 !important;
}

/*航菜单文字添加彩色渐变特效*/
.meihua {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@media (max-width:768px) {
	span.ua-info {
		display: none
	}
	.comment-author .user-title {
		width: 40% !important
	}
}
.comment-author .user-title {
	font-size: 13px;
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}
@keyframes text {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -150% 0
	}
}
.b2-qr-code-fill {
	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
	-webkit-background-clip: text;
	color: transparent !important;
	background-size: 300% 100%;
	animation: text 4s infinite linear
}




/*小图标*/
.icon {
    width: 1.2em; height: 1.2em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/*小图标结束*/
/*菜单角标*/
.tag-new {
    box-shadow: 0 4px 4px -2px rgba(255,0,122,.3);
    background: #ff71aa;
    display: inline-block;
    transform: translateY(-12px);
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #ffffff!important;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
}
.tag-vip {
    background: linear-gradient(to top,#a91ec1 0%,#d701fc 100%);
    box-shadow: 0 4px 4px -2px rgba(255,0,122,.3);
    display: inline-block;
    transform: translateY(-12px);
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
}

/*下面是您自己DIY的css样式代码*/





/*首页标题前套数样式*/
.h1_title_ys {
    font-size: 13px!important;
    color: #ff8bb5;
}
/*头像菜单*/
.top-user-info-box .user-w-rw{
    color: #ffffff;
    background: none;
    border: none; 
    margin: 10px 27px;
    height: 40px;
    text-shadow: none;
    background-size: cover;
    background-image: url(/wp-content/themes/b2Jitheme/img/vip/5y.webp);
}
.top-user-info-box .user-w-rw a span {
    font-size: 14px;
}








/**表情tabs**/
.bq-close {
top: 0;
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
.tabPanel ul li:hover {
background: #eaeaea;
}
.comt-smilies a:hover {
box-shadow: 0px 2px 5px #b5b5b5;
}
.tabPanel ul {
background: #fff;
display: flex;
height: 30px;
position: absolute;
bottom: 0;
}
.tabPanel ul li {
z-index: 5;
float: left;
margin: 0 2px 0 0;
font-size: 11px;
height: 29px;
line-height: 30px;
width: 88px;
text-align: center;
border-radius: 4px;
background: #fff;
}
.tabPanel .hit {
border-bottom: 1px solid #fff;
cursor: pointer;
color: black;
text-shadow: 0 1px 0 #fff;
background: #eaeaea;
}
.pane {
margin-left: 15px;
margin-top: 10px;
min-height: 100px;
background-color: #fff;
display: none;
}
.panes {
z-index: 4;
width: 347px;
height: 230px;
position: absolute;
overflow: scroll;
}
 
.wp-smiley{
max-height:50px!important;
width: 50px!important;
height: 50px!important;
}
.comt-smilies img {
width: 50px;
height: 50px;
}
.comt-smilies a {
list-style-type: none;
background: #f7f7f7;
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
font-size: 12px;
line-height: 14px;
margin: 0 10px 12px 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.comt-smilies1 {
box-shadow: 0px 2px 5px rgb(181 181 181 / 32%);
border: 1px solid #b7b7b780;
padding: 10px;
background: #ffffff;
z-index: 4;
display: none;
width: 350px;
height: 230px;
position: absolute;
margin-top: -240px;
overflow: scroll;
}
.comt-smilies {
border-radius: 4px;
height: 256px;
box-shadow: 0px 2px 5px rgb(181 181 181 / 32%);
border: 1px solid #b7b7b780;
background: #fff;
width: 350px;
margin-top: -260px;
z-index: 3;
position: absolute;
display: none;
overflow: hidden;
}
.comt-addsmilies {
margin-right: 20px;
color: #888;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
padding: 2px 15px;
height: 22px;
box-sizing: border-box;
z-index: 1;
}
.mrxu-item-xu-w {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-color: rgba(51,51,51,.2);
background-size: 50%;
position: absolute;
top: 0;
z-index: 2;
display: none;
}
.post-module-thumb:hover .mrxu-item-xu-w{
display: block;
}
.tt-slider {
height: 50px;
overflow: hidden;
}
.tt-slider .swiper-wrapper{
height: 50px; 
overflow: hidden;
}
.swiper-backface-hidden .swiper-slide {
transform: initial;
-webkit-backface-visibility: hidden;
backface-visibility: initial;
}
.swiper-button-prev:after, .swiper-button-next:after {
color: #fff;
font-size: 27px;
}
.swiper-button-prev, .swiper-button-next {
z-index: 6;
background: #8e8e8e63;
border-radius: 9px;
top: 37%;
width: 25px;
height: 38px;
}
/*小工具美化*/

/*
 * 签到按钮
 */
/*渐变文字*/
.user-w-qd {
  background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}
/*去除背景图片*/
.user-w-qd-list-title {
  background-image: none;
}
/*隐藏背景颜色*/
.user-w-qd-list-title {
  background-color: #f000 !important;
}
/*左边按钮*/
.user-w-qd-list-title p.picked span {
  background-image: linear-gradient(90deg, #10a5e8 0%, #00bcd4 100%);
  color: #fff;
  font-size: 15px;
}
/*右边按钮*/
.user-w-qd-list-title p span {
  border-radius: 3px;
  background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
  color: #fff;
  color: #fff;
  font-size: 15px;
}

/*下载工具栏*/

.w-d-download span button {
  padding: 9px 12px;
  color: #ffffff !important;
  font-weight: 400;
  text-align: center;
  font-size: 16px;
}


.w-d-download span:nth-child(1n) button {
  background-color: #ef1561;
}

.w-d-download span:nth-child(2n) button {
  background-color: #536de6;
}

.w-d-download span:nth-child(3n) button {
  background-color: #35b8e0;
}

.w-d-download span:nth-child(4n) button {
  background-color: #FF69B4;
}
.w-d-download span:nth-child(5n) button {
  background-color: #9932CC;
}


/*下载工具栏*/


/*边框*/
.txgj {
    top: -2px;
    transform: scale(1.7);
    width: 90px;
    position: absolute;
}
.top-user-info-box-name .txgj{
    left: -5px;
    transform: scale(1);
    top: 6px;
}
.post-meta-left .txgj{
    display: none;
}
.post-meta-left .avatar-parent .txgj{
    display: block;
    transform: scale(1.6);
    display: block;
    left: 0px!important;
}
.top-user-box-drop .avatar {
    border-radius: 50%;
}
.comment .gravatar img {
    border-radius: 50%;
}






/*评论*/
.comment-list .comment .gravatar {
    border-radius: 50%;
    left: 10px;
}
.comment-list {
    padding: 0 0 15px 0;
}
.comments-area-content li:nth-child(odd) .comment .comment-item {
    background-image: url(/wp-content/themes/b2Jitheme/img/shading_red.png);
    padding: 0 0 0 51px;
}
.comments-area-content li:nth-child(even) .comment .comment-item {
    background-image: url(/wp-content/themes/b2Jitheme/img/shading_blue.png);
    padding: 0 0 0 51px;
}
.comments-area-content li:nth-child(odd) .comment{
    border-color: #ff8bb5;
    background-color: #fff8fa;
}
.comments-area-content li:nth-child(even) .comment{
    border-color: #71baff80;
    background-color: #f8fdff;
}
.comment {
    overflow: hidden;
    border-radius: 5px;
    margin: 0 15px 15px;
    border: 1px solid;
    position: relative;
    display: flow-root;
    padding: 10px;
}
.comment-item:after {
    transition:all 0.3s;
    position: absolute;
    content: " ";
    right: -50px;
    top: 30px;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-position: center right;
    background-image: url(/wp-content/themes/b2Jitheme/img/decorate1.png);
    background-repeat: no-repeat;
}
.comment-item:hover:after  {
    transition:all 0.3s;
    right: 0;
}
.download-box > .b2-single-content {
    overflow: hidden;
    border-radius: 12px;
    color: #ff8bb5;
    border: 1px solid;
    border-color: #ff8bb5;
    background-image: url(/wp-content/themes/b2Jitheme/img/shading_red.png);
}

 /*小工具标题*/   
.b2-widget-title h2, .widget > h2 {
    padding: 15px 10px 15px 42px!important;
    background: url(/wp-content/themes/b2Jitheme/img/mao2.svg) 10px center no-repeat;
    background-size: 30px 20px;
    color: #566889;
}