b {
font-weight: 500;
}                                                     .logo-left .mobile-box {
margin-left: 10px;
}
[class*="icon-fire-"] {
color: #c1c1c1;
}
.icon-talk-hot-1 {
color: #fa455f;
}
.icon-talk-hot-2 {
color: #f90;
}
.icon-talk-hot-3 {
color: #ff6000;
}
.icon-fire-1 {
color: #e20000;
}
.icon-fire-2{
color: #ff6000;
}
.icon-fire-3 {
color: #f90;
}
.post-list-cats a span {
border-radius: 4px;
} .jitheme-toggle i {
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
font-size: 24px;
}
.jitheme_logo{
background-image: var(--logo-url);
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
height: 34px;
width: 150px;
background-size: contain;
}
.jitheme_index_qx{
margin-top: 20px;
padding: 15px;
background-color: var(--main-bg-color);
}
.jitheme_index_qx .content-user-lv-login a{
background-color:var(--b2color);
color: #fff;
}
.ji-rank-archive-header .header-menus .menus,.ji-rank-archive-header .header-menus .join .cont-title small, .ji-rank-archive-header .header-menus .menus .cont-title small, .ji-rank-archive-header .header-menus .cats .item .txt {
color: var(--muted-color);
}
.ji-rank-archive-header .header-menus,.ji-rank-archive-header .header-menus .join, .ji-rank-archive-header .header-menus .menus ,.jitheme-rank-tab .mi-tab-wrap,.group-item .item-wrap,.trendInfo___3oCmt,.hot_num_pos {
background-color:var(--main-bg-color);
}
.ji-paih-title h5,.btn-pink,.ji-rank-archive-header .header-menus .cats .item .count,.ji-rank-archive-header .header-menus .cats .item:hover .jitheme,.jitheme-ranks .item-author .author-avatar:after,.ji-rank-archive-header .header-menus .pops .item .num{
color: #fff;
}
.site-content,.tax-info-item .fliter-button,.link-top h2,.top-user-box-drop p,.top-user-box-drop .top-user-info-box-count p,.top-user-info-box .user-w-gold a,.top-user-info-box-name h2,.login-out a,.bar-item i,.post-meta-right button,.post-style-2 .top-menu ul li.depth-0 > a,.post-style-2 .change-theme button,.post-style-2 .change-theme>div a,.document-cat-rot,.link-overlay,.link-overlay,.topic-name-data b,.comment-info span,.tags-page ul li h2,.shop-single-action-right .favorite-button,.insert-post h2, .file-down h2,.vip-allow.allow,#jitheme_header_top02 .header, #jitheme_header_top02 .header .wrapper,.home .ji_haeder .jitheme-toggle i,.home .ji_haeder .change-theme i,.item-ico i,.jitheme-zt .item-title,.message-content p,.jitheme-zt .item-desc,.close,.vip-login-title,.zt-title,.ji_haeder #jitheme_header_top02 .top-menu ul li.depth-0 > a,#jitheme_header_top01 .social-top .top-menu ul li.depth-0 > a,.mobile-footer-menu a{
color: var(--key-color);
}
.logo-left .login-button .b2-account-circle-line{
color: var(--key-color)!important;
}    
.user-w-logon::after{
background-image: linear-gradient(0deg, var(--main-bg-color) 0,rgba(247,248,249,0) 100%)!important;
}
.top-user-box-drop.show,.site .site-header-in {
box-shadow: var(--box-ty);
}
.jitheme-toggle i:before{
content: var(--content);
}
.b2-menu-3 .sub-menu-0 > li:hover > a, .b2-menu-3 .sub-menu-0 a:hover,.site, .widget-comment-contnet,.user-widget-content .user-w-rw,.widget .recommended-widget li.picked a,.po-ask button span,.po-topic-box-tips,.insert-post,.download-list,.content-ds,.download-rights,.download-info,.w-d-role.d-allow,.com-form-textarea textarea,.document-content .button,.pager-center,.homebk12 .homebk8-ctn li,.post-6-jiehsao,.post-tags-meat-onecad .tag-img i,.post-tags-meat-onecad .sub-nav span,.audio-wrapper,.site-terms,.topic-guess-box,.topic-card-box li,.file-list-item,.topic-vote-box,.user-money, .user-credit,#Onecad_vips .vip-faq-list p,.post-user-info,.jitheme-bqts,.jitheme_slide_d .mini-stats,.jitheme_slide_link ul li a,.topic-image-light,.info-po-attrs > div .info-po-input,.info-po-type-in,.po-attrs-buttons,.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type):before,.new-meta-left button,.infomation-list-top-l span,.document-cat-item:hover,.fancybox-thumbs,.w-d-list.gujia .w-d-meta p,.widget .widget-gujia-hot-circle .widget-circle-info h2,.post-tags-meat a,.post-tags-meat a .tag-img,.ji-downMain .categories,.tax-fliter-hot .order-items a:hover.ji-rank-archive-header .header-menus .pops .item .num.num_1,.footer-fav,#jitheme_ask .ask-bar,.jitheme-category .tax-info-item .fliter-button,.about-contact .c-menus,.about-contactus .ct-box,.topic-comment-form,.jitheme_links_post .site-desc,.single-link-rating button,.jitheme_links_post .site-list-cat a,.login-out a,.top-user-info-box .user-w-gold > div,.topic-meta-more-box ul,.topic-footer-left button,.item-ico,.post-1 .post-excerpt, .post-2 .post-excerpt, .post-4 .post-excerpt, .post-7 .post-excerpt,.bind-pass-info div,.user-social-box > div,.social-top .show-menu-box .header-logo{
background-color: var(--body-bg-color);
}
.widget-comment-contnet.jt:before, .widget-comment-contnet.jt:after {
border-bottom-color: var(--body-bg-color);
}
#public .my-circle-list button.picked:after,.widget-circle-info-desc:before{
border-bottom-color: var(--float-btn-bg)!important;
}
.post-list-cats a span,.collection-posts li span,.ajax-pager .button[disabled], .ajax-pager .button.selected,.post-3-li-dubble .post-list-cats a span{
background: var(--float-btn-bg);
}
.box,.header, .side-fixed,.side-fixed,i.b2-vrenzhengguanli,.credit-top-avatar,.next-jt i,.document-row,.link-in:hover,.bar-normal,.bar-footer,.post-3 .post-3-li .item-in,.po-topic-box-tips,.topic-answer-login ,.topic-loading-more-button,.newOneCAD_link,.Onecad-dongtai,.user-sidebar-count li,#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a,.com-form-input input,.jitheme-background-default,.jitheme_slide_d_m .mini-stats-desc,.collection-button,.info-po-type-in > div.picked,#b2-editor-box .tox .tox-toolbar,.tox .tox-edit-area__iframe,.top-user-info-box,.top-user-box-drop,.top-user-info-box .user-w-gold a i,.w-d-list.gujia .w-d-title,.post-content-footer .content-footer-poster button,.tax-fliter-hot,.jitheme-zt .item-wrapa,.ji-bg-white,.jitheme-zt-more,.jitheme_arc_b,.jitheme_baim,#jitheme_ask_list  .ask-item  ,.jitheme-cat .ask-cat-list .b-wrap,#jitheme_new.plate-news,#jitheme_ask input,.content-excerpt,#jitheme_ask .ask-bar .picked,.ask-widget-ul li:nth-child(odd),.about-honour,.b2-menu-3 .sub-menu-0>li>a:hover,.about-contact,.about-calture .c2,.about-calture .c1-items,.about-contactus .c-box,.about-contactus .intro-wrap .c-box,.ask-list-nav,.topic-comment-form.show textarea,.post-type-archive-links .inner-wrapper-sticky,.modal-content{
background: var(--main-bg-color)!important;
}
.widget-comment-contnet jt, .post-excerpt, .widget-comment-contnet p,.topic-content-text,.comment-author .user-title,.comment-content-text p,.document-row h3 a,.link-desc,.ask-desc,.ask-user-info,.tags-page ul li p,.post-list-cats a span,#jitheme_new .news-item a,#jitheme_new .news-item p,.one-home-title p,.user-panel-info p,.user-info-title,.user-sidebar-info p,.user-item-desc,.widget-comment-post,.widget-comment-user time,.shop-single-data-title,.post-breadcrumb,.user-w-tj p,.post-meta li span,.jitheme-category .data .ji-flex-1 span i.b2-upload-fill,.jitheme-category .data .ji-flex-1 span i.b2-hearts-line,.post-list-cat a,.item-author .author-info,.topic-more-menu button, .topic-more-menu a,.comment-content-text p,.shop-single-data li,.shop-single-data .shop-item-delete,.shop-single-data .shop-item-delete,.user-mission-info-left time,#footer_tsk .vip-login-countdown-row,.jitheme_avatar_data,.post-3 .post-list-meta,.ap-item-meta, .author-meta span,.home-authors .item-tobe-author .item-cont,.home-authors .item-tobe-author .item-cont .count span,.item-author .item-bottom-title,.post-list-cat a,.user-s-data,.user-s-info-desc,.user-s-data p,.jitheme-zt .item-desc{
color: var(--this-text)
}
.link-in,.ava-left img,.topic-comment-list,.ask-inv-box,.topic-ask-box,.com-form-input input,.info-po-type-in,.po-attrs-buttons label,.infomation-meta,.post-tags-meat a,.btn-gray,.collection-list-top-info{
border: 1px dashed var(--main-border-color);
}
.list-footer,.widget-mission-footer a,.circle-widget-button,.comment .comment-item,.document-row.b2-pd:nth-of-type(odd) ,.document-row + .document-row,.pager-center,.aside-bar > div > div + div,.none-comment,.w-d-role > div + div,.topic-lv1 + .topic-lv1,.topic-comments,.b2-widget-box .ask-widget-ul li,.jitheme_slide_tjmk,.po-infomation-footer,.infomation-vote,.custom-page-widget ul li + li,.b2-b-t,.coll-text,.social-top .header-banner-content .header-banner-left,.jitheme-cat .ask-cat-list .select-wrap,.vip-faq-list + .vip-faq-list,.ask-write-answer,.circle-topic-item,.post-gg-button{
border-top: 1px dashed var(--main-border-color);
}
.jitheme-widget-pl .b2-widget-title h2, .b2-widget-newsflashes .b2-widget-title h2 ,.b2-menu-4 .sub-menu-0 > li > a,.po-topic-textarea textarea:first-child, .content-show-roles  h2 , .content-show-roles  h1,.comments-title ,.pager-center ,.post-3 .post-3-li .item-in, .post-5 .post-modules-top,.topic-comment-list-header,.topic-vote-desc,.jitheme-widget-pl .b2-widget-title h2 ,.b2-widget-newsflashes .b2-widget-title h2,.info-po-attrs > div,.info-po-type,.info-po-attrs-row1,.li-line,.infomation-list-top,.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary,.message-list li,.dmsg-header,.jitheme-widget-post .b2-widget-title h2,.ji-downMain .data ul li>div, .post-5 .post-modules-top,.ask-answer-title,.entry-header,.shop-single-attr-title{
border-bottom: 1px dashed  var(--main-border-color);
}
.user-s-data div + div,.document-row.b2-pd:nth-of-type(even) ,.pager-center,.info-box,.ji-rank-archive-header .header-menus .pops{
border-left: 1px solid var(--main-border-color)!important;
}
.document-cat-item,.pager-center ,.ji-rank-archive-header .header-menus .pops{
border-right: 1px solid var(--main-border-color);
}
.post-tags-meat a,.content-excerpt,.login-form-item input,.bind-pass-info div {
border: 1px solid var(--main-border-color);
}
.document-cat-item:hover,.header .login-button button.empty{
color:#fff ;
background: var(--b2color); 
} .post-type-archive-circle .header ,.header,.header-banner{
background-color: var(--header-bg)!important;
color:  var(--key-color)!important;
} .circle-desc,.widget .tagcloud a,.credit-top-info-right span,.widget-circle-info-desc,.com-form > .b2-radius{
background-color:  var(--float-btn-bg);
color: var(--key-color);
}
.topic-more-menu button:hover, .topic-more-menu a:hover{
color:var(--b2color); 
}
.widget .tagcloud a:hover{
color: var(--body-bg-color);
}
.topic-type-menu,.post-5 .load-more, .post-5 .b2-pagenav {
border-top: 1px solid var(--main-bg-color);
background-color: var(--main-bg-color);
}
.b2-widget-hot-circle .b2-widget-title button.picked:before{
left: 45%;
}
.po-topic-textarea ,.b2-menu-4 ul ul li a img,.com-form-textarea,table td{
border: 1px solid  var(--main-border-color);
} .bar-normal,.bar-footer {
box-shadow:unset;
}
.ajax-pager .button {
background: unset; 
}cite,dfn,em,i {
font-style: unset;
}
.One-cad-lv0 {
color: #6f6f6f;
}
.One-cad-lv1 {
color: #4c4c4c;
}
.One-cad-lv2 {
color: #a560e8;
}
.One-cad-lv3 {
color: #8549ba;
}
.One-cad-lv4 {
color: #1cb0f6;
}
.One-cad-lv5 {
color: #e53838;
}
.One-cad-lv6 {
color: #d33131;
}
.One-cad-lv7 {
color: #f60;
}
.One-cad-lv8 {
color: #faa918;
}
.One-cad-lv9 {
color: #8ee000;
}
.One-cad-lv10 {
color: #7ac70c;
}
.slider-2,.slider-5,.slider-6 {
margin: auto;
}
.jitheme_baim {
padding: var(--ji--1item);
}
.onecad_slider .flickity-slider img {
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
.onecad_slider .flickity-enabled.is-draggable {
margin-top: -15px;
}
.html-box img {
display: flex;
width: 100%;
}
.slider-info-box {
position: absolute;
bottom: -100px;
z-index: 1;
display: flex;
box-sizing: border-box;
padding: 20px;
width: 100%;
border-radius: 0;
background: #000;
background: rgba(0,0,0,.6);
text-align: left;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
justify-content: flex-end;
flex-flow: column;
-ms-transition: all .3s ease;
}
.slider-info:hover .slider-info-box {
bottom: 0;
}
.slider-in h2 {
position: relative;
z-index: 2;
display: -webkit-box;
overflow: hidden;
margin: 0;
color: #fff;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.Onecad_title {
margin-top: 0;
}
.Onecad_title>div:nth-of-type(1) {
font-weight: 600;
}
.onecad_title .title {
overflow: hidden;
max-width: 650px;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (min-width:768px) {
.post-modules-top {
margin-bottom: 16px;
}
}
@media screen and (max-width:768px) {
.post-modules-top {
margin: 0;
margin-bottom: 0;
padding: 0 0 12px 0!important;
}
}
#home-row-onecad-search .search-module-form .search-button-action i {
font-size: 20px;
}
.home_row.module-search {
margin-bottom: -10px;
background-image: inherit;
}
#home-row-onecad-search .search-module-form .search-button-action {
position: absolute;
top: 0;
right: 0;
right: 7px;
right: 0;
width: 100px;
height: 46px;
color: initial;
color: #fff;
}
#home-row-onecad-search .search-module-form ul {
position: absolute;
top: 44px;
top: 45px;
left: 0;
left: 0;
z-index: 10;
padding: 0;
width: 92px;
border-top: 0;
background: #fff;
background-color: #fff;
box-shadow: 0 11px 0 5px rgba(255,255,255,.15);
}
#home-row-onecad-search .b2-radius {
border-radius: 0;
}
.search-module-key {
display: flex;
margin: 20px auto 0 auto;
width: 60%;
justify-content: center;
}
#home-row-onecad-search .picked-category {
display: grid;
box-sizing: border-box;
margin: 0;
padding: 12px;
width: 100px;
height: 46px;
background: #f1f1f1;
white-space: nowrap;
cursor: pointer;
align-items: center;
}
#home-row-onecad-search .search-module-form {
position: relative;
width: 60%;
background: #fff;
background-color: #fff;
box-shadow: 0 0 0 5px rgba(255,255,255,.15);
}
#home-row-onecad-search .search-module-key ul li {
margin-right: 8px;
margin-bottom: 8px;
opacity: 1;
}
#home-row-onecad-search .search-module-form input {
padding: 0 8px;
width: -webkit-fill-available;
height: 46px;
border: 0;
}
#home-row-onecad-search .picked-category,#home-row-onecad-search .search-module-form ul li {
font-size: 14px;
}
.gg-box .modal-content {
overflow: hidden;
margin-top: 0;
width: 28rem;
}
.gg-box-title .gg-title {
padding: 0!important;
width: 100%;
text-align: center;
}
.modal-content .gg-box-title h2 {
margin-bottom: 0;
text-align: center;
font-weight: 700;
font-size: 22px;
}
.gg-box-title .gg-title span {
color: rgba(255,255,255,.5);
font-size: 14px;
}
.title-bg {
border: 0;
}
.b2_gap>li .item-in,.home-collection .home-collection-content,.item-in,.post-3.post-3-li-dubble .b2_gap>li .item-in,.shop-list-item,.shop-normal-item-in,.user-search-list li>div {
overflow: hidden;
transition: all .3s ease-in-out;
}
.modal-content .gg-title {
padding: 20px 30px 0 30px;
}
.modal-content .gg-title a {
display: block;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
text-decoration: none;
font-size: 16px;
}
.modal-content .gg-desc {
padding: 20px 30px;
padding-bottom: 0;
letter-spacing: .5px;
font-size: 14px;
}
.modal-content .gg-desc p {
padding: 20px;
background: #f8f8f8;
color: #909399;
line-height: 24px;
}
.img-list-more li {
padding: 5px;
width: 25%;
}
.img-list-1 li {
width: 25%;
}
.download-info li {
margin-top: 15px;
width: 50%;
font-size: 12px;
}
.c-topic-list>div {
display: flex;
margin: 5px 0;
padding: 5px var(--ji--1item);
}
.cat-info {
position: relative;
top: 0;
left: 0;
text-align: left;
text-shadow: none;
}
.nu-badge {
position: absolute;
top: 18px;
right: 5px;
color: #939ba6;
font-weight: 400;
font-size: 13px;
line-height: var(--ji--1item);
}
.cat-info span a {
overflow: hidden;
margin-bottom: 0;
padding-right: 30px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
}
.cat-info .mr-1 {
display: block;
margin: 0!important;
padding: 15px 10px;
text-align: center;
}
.coll-3-bottom li {
width: 25%;
}
.coll-3-box-in {
overflow: hidden;
margin: 8px;
padding: 0;
transition: all .3s ease-in-out;
}
.coll-3-box-in:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.coll-3-bottom {
padding: 5px;
}
.coll-3-top span {
position: absolute;
top: 10px;
right: unset;
left: 10px;
display: block;
padding: 2px 12px;
border-radius: 14px;
background-color: var(--b2color)!important;
color: #494b4d;
color: #fff;
font-size: 12px;
}
#video-list ul li h2 {
padding: 24px;
font-weight: 600;
font-size: 18px;
}
.one_title>div:nth-of-type(1) {
color: #333;
font-weight: 600;
font-size: 28px;
line-height: 28px;
}
.one_title>div:nth-of-type(2) {
margin-top: var(--ji--1item);
margin-bottom: -10px;
color: #bbb;
font-size: 16px;
}
.post-list .b2_gap .post-list-item .item-in:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.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;
z-index: 1;
overflow: hidden;
height: 0;
background-color: var(--main-bg-color);
}
.picked.post-load-button span {
border-radius: 4px;
background-color: var(--b2color)!important;
color: #fff;
}
.list-footer {
padding-top: 0;
}
.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 {
box-shadow: 0 1rem 3rem rgba(31,45,61,.125);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.post-1 .post-excerpt,.post-2 .post-excerpt,.post-4 .post-excerpt,.post-7 .post-excerpt {
margin: 10px 0;
padding: 10px;
border-radius: 5px;
font-size: 13px;
}
.post-3 .post-excerpt {
border-radius: 5px;
font-size: 13px;
}
.post-3 .post-modules-top {
border-bottom: 0;
}
.post-3 .post-module-thumb>div {
position: unset;
}
.post-3 .item-in {
padding: var(--ji--1item)!important;
}
.item-post-style-3 .post-excerpt {
border-radius: 5px;
background-color: rgba(250,250,250,.1);
color: #fff;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.item-post-style-3 .post-info {
position: relative;
z-index: 2;
overflow: unset;
background: unset;
color: #fff;
}
.onecad_list_title {
display: flex;
margin-top: 0;
}
.login-button {
align-items: center;
}
.top-user-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 {
display: flex;
width: 61px;
height: auto;
max-width: 100%;
border: 0;
vertical-align: text-top;
object-fit: cover;
image-rendering: -webkit-optimize-contrast;
}
.uk-width-auto {
float: left;
padding-top: 20px;
padding-left: 10px;
}
.OneCAD-block .cut-next,.OneCAD-block .cut-prev {
position: absolute;
top: 63px;
width: 35px;
height: 35px;
border-radius: 50%;
background: #f3f4f7;
color: #ccc;
text-align: center;
font-size: 14px;
line-height: 35px;
cursor: pointer;
}
.OneCAD-block .cut-prev {
left: -55px;
display: none;
}
.OneCAD-block .cut-next {
right: -55px;
}
.OneCAD-block .cut-next:hover,.OneCAD-block .cut-prev:hover {
background: #f3f4f7;
color: #39aeff;
}
.OneCAD-circulation ul {
width: calc(100% + 10px);
}
.OneCAD-circulation ul li {
position: relative;
z-index: 1;
float: left;
margin-right: 10px;
width: calc(25% - 10px);
height: 100px;
}
.OneCAD-circulation ul li:last-child {
border-right: none;
}
.OneCAD-circulation ul li .OneCAD-content::before {
position: absolute;
top: 0;
right: 0;
width: 168px;
height: 100px;
content: '';
}
.OneCAD-circulation ul li .OneCAD-content {
position: relative;
overflow: hidden;
height: 100px;
font-size: 14px;
transition: .2s;
}
.OneCAD-content .OneCAD-top {
position: relative;
display: block;
overflow: hidden;
box-sizing: border-box;
padding: 20px 0 0 10px;
height: 100px;
border-radius: 10px;
}
.OneCAD-name {
color: #2d2d2d;
font-size: 18px;
line-height: 30px;
-webkit-transition: .3s;
transition: .3s;
}
.OneCAD-hint {
float: left;
color: var(--this-text);
font-size: 14px;
line-height: 22px;
}
.OneCAD-circulation ul li.off:hover .OneCAD-content {
height: 100px;
}
.OneCAD-circulation ul li:hover .OneCAD-content {
z-index: 10;
height: 218px;
box-shadow: 0 0 29px 0 rgba(185,185,185,.42);
}
.OneCAD-circulation .color .OneCAD-content {
background: #fff;
}
.OneCAD-circulation .color .OneCAD-top {
color: #c68686;
}
.OneCAD-block .OneCAD-content {
height: 100px;
}
.OneCAD-block .OneCAD-link {
text-align: center;
font-size: 14px;
line-height: 26px;
}
.OneCAD-block .OneCAD-link a {
display: inline-block;
margin: 5px;
width: calc(50% - 20px);
height: 26px;
background-color: #eee;
font-size: 13px;
}
.OneCAD-classify {
margin: -87px 0 0;
padding-bottom: 30px;
white-space: nowrap;
}
.OneCAD-classify li {
position: relative;
display: inline-block;
width: 10%;
}
.OneCAD-classify li::before {
position: absolute;
top: 2px;
right: -1px;
width: 2px;
height: var(--ji--1item);
background: #ddd;
content: '';
}
.OneCAD-classify li:nth-child(10)::before {
display: none;
}
.OneCAD-classify li .iconfont {
margin-right: 6px;
color: #39aeff;
font-size: 16px;
}
.OneCAD-classify li a {
margin-left: 6%;
color: var(--this-text);
font-size: 14px;
}
.OneCAD-classify li a:hover {
color: #2caeff;
}
.OneCAD-classify li.more {
display: none;
}
.OneCAD-classify li.more i {
margin-right: 4px;
vertical-align: -3px;
}
.OneCAD-circulation li.AnRotate .OneCAD-top i {
transform-origin: 76px 90%;
animation: AnRotate 1.2s ease-in-out infinite alternate;
}
@media screen and (max-width:768px) {
.OneCAD-circulation ul li {
position: relative;
z-index: 1;
float: left;
margin-top: 5px;
width: 100%;
height: 100px;
}
.OneCAD-circulation ul {
width: 100%;
}
}
.b2-rhythm-line {
display: inline-block;
margin-right: 4px;
width: 12px;
height: 10px;
background: url(https://static.yutu.cn/yutu/images/soft/play.gif);
background-size: 100% 100%;
}
.b2-rhythm-line:before {
content: "";
}
.collection-item {
position: relative;
z-index: 1;
overflow: hidden;
box-sizing: border-box;
width: 25%;
transition: all .3s ease-in-out;
}
.picked.post-load-button span {
position: relative;
z-index: 1;
}
.collection-item:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.collection-posts li a.post-link {
overflow: hidden;
margin-left: 12px;
color: var(--key-color);
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.collection-number.ar {
position: absolute;
top: 20px;
left: -5px;
z-index: 2;
padding: 8px 8px;
font-size: 13px;
}
.collection-number {
position: absolute;
z-index: 2;
display: inline-block;
padding: 8px var(--ji--1item);
background-color: #fff;
color: #ff3a55;
font-size: 12px;
}
.document-cat-item:hover {
border-radius: 4px;
}
.question_cat_text {
padding: 8px 0;
}
.entry-content strong {
font-weight: 700;
}
.entry-content .jitheme-hidden {
position: relative;
margin-top: 1rem;
margin-right: 0!important;
margin-bottom: 1rem;
margin-left: 0!important;
padding: 0px 1rem;
}
.entry-content .jitheme-hidden .content-see-lv .content-user-lv-login {
position: unset;
}
.entry-content .jitheme-hidden .content-user-lv-login {
align-self: unset;
}
.entry-content .jitheme-hidden .content-hidden-info {
background-color: unset!important;
}
.entry-content em {
color: var(--b2color);
font-weight: 700;
}
.document-cat-item {
position: relative;
display: flex;
box-sizing: border-box;
padding: 20px;
width: 20%;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
}
.document-cat-item:last-child {
border-right: none;
}
.user-s-info-desc {
display: -webkit-box;
overflow: hidden;
box-sizing: border-box;
margin-top: 10px;
padding: 10px;
width: 100%;
height: 45px;
border-top: 1px solid var(--body-bg-color);
background: var(--main-bg-color);
text-align: center;
font-size: 13px;
line-height: 20px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.lv-icon.user-vip i {
display: inline-block;
display: unset;
margin-right: 3px;
width: 100%;
height: 15px;
border: 0 solid var(--body-bg-color);
border-radius: 100%;
vertical-align: 0;
}
.lv-icon.user-lv i {
margin-left: 0;
padding: 0;
height: var(--ji--1item);
background-color: unset;
font-size: unset;
line-height: var(--ji--1item);
}
.jitheme-user-img {
margin-right: 5PX;
}
.w-a-info i img {
display: block;
margin-right: 8px;
width: unset;
height: unset;
}
.content-user-lv>span {
margin-right: 8px;
}
.w-a-info .picture img {
display: block;
margin-right: 8px;
width: 50px;
height: 50px;
}
.lv-icon {
margin-top: 0;
margin-right: 5px;
font-size: large;
}
.lv-icon.user-vip {
margin-right: 0;
}
.puxin-widget-catGrid .bottomcat .big-item {
position: relative;
display: flex;
overflow: hidden;
background: #000;
align-items: center;
justify-content: center;
}
.puxin-widget-catGrid .bottomcat .big-item:hover {
display: block;
}
.puxin-widget-catGrid .bottomcat .big-item .item-bg {
position: absolute;
top: -2px;
left: 0;
width: 100%;
opacity: .5;
}
.puxin-widget-catGrid .bottomcat .big-item .item-bg img {
height: 130%;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-bg {
display: none;
}
.puxin-widget-catGrid .bottomcat .big-item .item-warp {
position: relative;
padding: 20px;
color: #fff;
text-align: center;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp {
padding: 20px;
text-align: left;
-webkit-transition: all .5s;
transition: all .5s;
}
.datutext {
position: relative;
margin: 0;
margin-bottom: 10px;
padding-bottom: 15px;
color: #fff;
font-size: 22px;
flex: 1;
}
.desc p {
font-size: 13px;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp .datutext:after {
left: 0;
background: #fff;
}
.puxin-widget-catGrid .bottomcat .big-item i {
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
display: none;
margin: 20px;
width: 40px;
height: 40px;
background-image: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/toRight.png);
background-size: cover;
}
.puxin-widget-catGrid .bottomcat .big-item:hover i {
display: block;
}
.puxin-widget-catGrid .bottomcat .small-item {
position: relative;
display: block;
overflow: hidden;
height: 92px;
background: #000;
}
.puxin-widget-catGrid .bottomcat .small-item .title {
position: relative;
z-index: 1;
display: block;
color: #fff;
text-align: center;
font-size: 22px;
line-height: 95px;
}
.puxin-widget-catGrid .bottomcat .small-item .item-bg {
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 100%;
opacity: .5;
}
.puxin-widget-catGrid .bottomcat .small-item:hover .item-bg {
display: none;
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp {
position: relative;
height: 100%;
-webkit-transition: all .5s;
transition: all .3s!important;
transition: all .5s;
align-items: center;
}
.puxin-widget-catGrid .bottomcat .small-item:hover .item-warp {
display: flex;
padding: 0 15px;
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp .datutext:after {
position: absolute;
bottom: 0;
left: 0;
width: 2em;
height: 4px;
background: #fff;
content: '';
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp i {
display: block;
width: 48px;
height: 48px;
background-image: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/toRight.png);
background-size: cover;
}
.puxin-widget-catGrid {
width: calc(100% + var(--ji--1item));
}
.puxin-widget-catGrid .topCat .item {
position: relative;
display: block;
overflow: hidden;
line-height: 13px;
}
.puxin-widget-catGrid .topCat .item p {
line-height: 20px;
}
.puxin-widget-catGrid .topCat .item .item-bg {
height: 100%;
background: #000;
transition: all .3s;
}
.puxin-widget-catGrid .topCat .item:hover .item-bg {
transform: translateY(-60%);
}
.puxin-widget-catGrid .topCat .item .item-bg img {
height: 100%;
opacity: .6;
}
.puxin-widget-catGrid .topCat .item:hover .item-bg {
transform: translateY(-60%);
}
.wide-screen .row {
margin-right: -10px;
margin-left: -10px;
}
.title_puxin_center {
margin-bottom: 20px;
text-align: center;
}
.title_puxin_center>div:nth-of-type(1) {
font-weight: 600;
font-size: 40px;
}
.title_puxin_center>div:nth-of-type(2) {
margin-top: 10px;
color: #bbb;
font-weight: 400;
font-size: 16px;
}
.puxin-widget-catGrid .topCat .item .item-warp {
position: absolute;
top: 45%;
left: 0;
width: 100%;
text-align: center;
transition: all .3s;
}
.puxin-widget-catGrid .topCat .item .item-warp .datutext:after {
position: absolute;
top: 30px;
bottom: 0;
left: 50%;
width: 50px;
height: 4px;
background: 0 0;
content: '';
transition: all .3s;
transform: translate(-50%,-50%);
}
.puxin-widget-catGrid .topCat .item:hover .datutext:after {
background: #fff;
}
.puxin-widget-catGrid .topCat .item .item-warp i {
z-index: 10;
display: block;
margin: 0 auto;
margin-top: 20px;
width: 56px;
width: 40px;
height: 56px;
height: 40px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/toRight.png);
background-image: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/toRight.png);
background-size: cover;
opacity: 0;
transition: all .3s;
}
.entry-media img,.postlist-img-warp .item img {
overflow: hidden;
margin: 0 auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
object-fit: cover;
}
.postlist-img-warp .left-thumb {
position: relative;
overflow: hidden;
margin-right: 20px;
margin-bottom: 20px;
width: 3var(--ji--1item);
height: 528px;
}
.puxin-widget-catGrid .topCat .item:hover i {
opacity: 1;
}
.col-px-1a {
position: relative;
float: left;
margin-right: var(--ji--1item);
width: calc(25% - var(--ji--1item));
flex: 0 0 calc(25% - var(--ji--1item));
}
.col-px-2 {
float: left;
margin-right: var(--ji--1item);
margin-bottom: 0;
width: calc(25% - var(--ji--1item));
flex: 0 0 calc(25% - var(--ji--1item));
}
.col-px-1 {
float: left;
margin-right: var(--ji--1item);
margin-bottom: 0;
width: calc(25% - var(--ji--1item));
flex: 0 0 calc(25% - var(--ji--1item));
}
.puxin-widget-catGrid .bottomcat .big-item {
height: 200px;
}
@media screen and (min-width:1200px) {
.gold-list-row-5 {
padding: var(--ji--1item);
width: 60%;
border-right: 1px solid #f5f6f7;
border-bottom: 1px solid #f5f6f7;
font-size: 13px;
}
.gold-list-row-1,.gold-list-row-2,.gold-list-row-3,.gold-list-row-4 {
padding: var(--ji--1item);
width: 10%;
border-right: 1px solid #f5f6f7;
border-bottom: 1px solid #f5f6f7;
font-size: 13px;
}
}
.user-mission-info-left a {
line-height: 20px;
}
.onecad_box {
padding: 15px;
}
.jitheme-shop-normal-item-price {
display: flex;
justify-content: space-between;
}
.jitheme-shop-top {
display: flex;
box-sizing: border-box;
padding: 20px;
flex-flow: row nowrap;
justify-content: flex-start;
}
.sort-config {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sort-config-item a {
color: var(--key-color);
}
.main {
margin: 0 auto;
padding-bottom: 40px;
width: 1410px;
}
.ibanner-tips-float {
position: absolute;
top: -70px;
left: 1096px;
z-index: 24;
}
.quk_img {
margin-top: 5px;
margin-right: var(--ji--1item);
padding: 0;
width: 50px;
height: 50px;
}
.sort-config-item {
height: 100%;
}
.sort-config-item img {
margin-right: 12px;
width: 50px;
height: 50px;
text-align: center;
}
.item-ico {
display: flex;
margin-top: 5px;
padding: 5px;
width: 50px;
height: 50px;
flex-direction: row;
justify-content: center;
}
.sort-config li:hover .quk_img,.sort-config-item:hover .item-ico {
background-color: var(--b2color);
-webkit-transition: .3s;
transition: .3s;
}
.sort-config-item:hover .item-ico i {
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.sort-config-item:hover .sort-config-title {
color: var(--b2color);
}
.sort-config-desc {
float: left;
color: var(--this-text);
font-size: 14px;
line-height: 22px;
}
.sort-blocks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 35px;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sort-blocks-item {
position: relative;
overflow: hidden;
width: 214px;
height: 100%;
border-radius: 14px;
background: #f7f9fa;
}
.sort-blocks-item .blocks-item-wrap {
-webkit-transition: .3s;
transition: .3s;
-webkit-filter: none;
filter: none;
}
.sort-blocks-icon {
display: block;
margin: 18px auto 15px;
width: 60px;
height: 47px;
background-size: cover;
background-repeat: no-repeat;
}
.sort-blocks-title {
color: #2d2d2d;
text-align: center;
letter-spacing: 1px;
font-weight: 600;
font-size: 22px;
line-height: 22px;
}
.sort-mine-wrap img {
display: flex;
width: auto;
}
.sort-config-title .go {
position: absolute;
margin-top: 7px;
margin-left: 5px;
padding: 2px 5px;
border-radius: 4px;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
line-height: 15px;
cursor: pointer;
-webkit-transform: scale(.9);
transform: scale(.9);
-ms-transform: scale(.9);
}
.sort-blocks-item .blocks-hover,.sort-blocks-item .blocks-hover-title {
position: absolute;
top: 0;
width: 100%;
color: #fff;
text-align: center;
line-height: 22px;
}
.sort-blocks-item .blocks-hover {
left: 0;
padding-top: 22px;
height: 100%;
background: rgba(0,0,0,.4);
font-size: 14px;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.sort-blocks-item .blocks-hover-tit {
font-size: 18px;
line-height: 18px;
}
.sort-blocks-item .blocks-hover-line {
margin: 12px auto 8px;
width: 158px;
height: 1px;
background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(30%,hsla(0,0%,100%,.7)),color-stop(70%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.1)));
background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.1));
}
.srot-mine {
position: relative;
width: 376px;
height: 180px;
background-image: linear-gradient(to top,#9be15d 0,#00e3ae 100%);
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
}
.srot-mine-bg {
position: absolute;
top: 45px;
right: 0;
width: 118px;
height: 78px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/sort_zuanshi.png) no-repeat;
background-size: cover;
}
.sort-mine-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 12px var(--ji--1item) 15px;
width: 100%;
height: 100%;
}
.srot-mine-tit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 25px;
}
.srot-mine-ava {
width: 20px;
height: 20px;
border-radius: 50%;
}
.srot-mine-tit>span {
margin-left: 9px;
color: #613c14;
font-weight: 600;
font-size: 15px;
}
.srot-mine-vips {
display: flex;
margin: 15px 0 5px;
width: 337px;
-webkit-box-pack: justify;
justify-content: space-between;
}
.sort-vips-item {
display: block;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sort-vips-icon {
display: block;
margin: 0 auto;
margin-left: 30px;
width: 32px;
height: 36px;
-webkit-transition: .3s;
transition: .3s;
}
.sort-vips-tit {
margin: 15px 0;
margin-left: 10px;
color: #613c14;
font-size: 13px;
line-height: 12px;
}
.sort-vips-tit2-kt {
display: flex;
margin: 10px 0 0 9px;
margin-top: 10px;
margin-right: 10px;
height: 25px;
border-radius: 33px;
background-image: linear-gradient(90deg,#ffc046,#ff7d04);
color: #fff;
font-size: 14px;
line-height: 12px;
justify-content: center;
align-items: center;
}
.sort-vips-tit2-wk {
display: flex;
margin: 10px 0 0 9px;
margin-top: 10px;
margin-right: 10px;
height: 25px;
border-radius: 33px;
background: linear-gradient(to bottom,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(to top,rgba(255,255,255,.4) 0,rgba(0,0,0,.25) 200%);
color: #fff;
font-size: 14px;
line-height: 12px;
opacity: .5;
justify-content: center;
align-items: center;
background-blend-mode: multiply;
}
.bt-body {
margin: 0 -8px;
padding-bottom: 0;
width: calc(100% - 376px);
background: 0 0;
}
.b-boxs .video .s-pic {
height: 189px;
}
.b-boxs .video .video-view {
display: block;
overflow: hidden;
width: 337px;
height: 186px;
cursor: pointer;
}
.b-boxs .video:hover .video-view .img-none {
display: none;
}
.b-boxs .video .video-view video {
width: 337px;
}
.b-boxs .video:hover .video-view video {
display: block;
}
.b-boxs .video .mark {
display: none;
height: 189px;
}
.b-boxs .video:hover .mark {
display: none;
}
.b-boxs .video .v-down {
position: absolute;
top: 12px;
left: 57%;
z-index: 2;
margin-left: 65px;
padding-left: 21px;
width: 45px;
height: 31px;
border-radius: 2px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/video.png) -8px -77px no-repeat #007aff;
color: #fff;
font-size: 20px;
font-size: 14px;
line-height: 31px;
opacity: 0;
cursor: pointer;
-moz-opacity: 0;
-khtml-opacity: 0;
}
.b-boxs .video .v-collect {
position: absolute;
top: 12px;
left: 58%;
z-index: 2;
margin-left: 23px;
padding-left: 0;
width: 31px;
height: 31px;
border-radius: 2px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/video.png) -11px 5px no-repeat #fff;
color: #333;
letter-spacing: 7px;
font-size: 20px;
font-size: 17px;
line-height: 31px;
opacity: 0;
cursor: pointer;
ilter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
}
.b-boxs .video:hover .v-collect,.b-boxs .video:hover .v-down {
opacity: 1;
ilter: alpha(opacity=1);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.b-boxs .video .chosed {
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/video.png) -11px -36px no-repeat #fff;
}
.b-boxs .video .title {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
width: 3var(--ji--1item);
height: 30px;
background: #00000075;
background-color: #1677ff00;
background-image: linear-gradient(-90deg,#00000000,#000);
color: #fff;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 30px;
-o-text-overflow: ellipsis;
}
.b-box .audio-box {
position: relative;
float: left;
overflow: hidden;
margin-top: 0;
margin-right: var(--ji--1item);
margin-bottom: var(--ji--1item);
width: 340px;
height: 160px;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 9px rgba(0,0,0,.1);
box-shadow: 0 4px 10px rgba(0,0,0,.1);
}
.b-boxs .video:hover .title,.b-boxs .video:hover .video-bq {
display: none;
}
.b-boxs .video:hover .mc-bottom {
display: none;
}
.b-boxs .video .mc-bottom {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
height: 32%;
background: #000;
background: -moz-linear-gradient(bottom,rgba(0,0,0,.4) 0,transparent 100%);
background: -webkit-gradient(linear,bottom,top,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,transparent));
background: -webkit-linear-gradient(bottom,rgba(0,0,0,.4) 0,transparent 100%);
background: -o-linear-gradient(bottom,rgba(0,0,0,.4) 0,transparent 100%);
background: -ms-linear-gradient(bottom,rgba(0,0,0,.4) 0,transparent 100%);
background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(transparent));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),to(transparent));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),to(transparent));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),to(transparent));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),to(transparent));
background: linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 100%);
}
.good-ppt {
width: 100%;
}
.topic-title {
height: 41px;
color: #484747;
text-align: left;
}
.wlimits {
margin-right: -59px;
}
.topic-title .jptitle {
display: inline-block;
width: 280px;
color: #000;
letter-spacing: 2px;
font-size: 24px;
}
.topic-title .jptitle .shiping {
display: inline-block;
width: 87px;
height: 63px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/image/tb.png) 0 -345px no-repeat;
vertical-align: -23px;
}
.topic-title ul {
float: right;
display: inline-block;
}
.topic-title ul li {
display: inline-block;
}
.topic-title ul li a {
display: inline-block;
margin-right: 6px;
padding: 0 10px;
height: 35px;
color: #606060;
font-size: 14px;
line-height: 35px;
}
.topic-title ul li em {
display: inline-block;
width: 1px;
height: 14px;
background: #b7b7b7;
vertical-align: -2px;
}
.b-boxs {
overflow: hidden;
margin-right: -var(--ji--1item);
}
.b-boxs .s-box {
position: relative;
float: left;
overflow: hidden;
margin-right: 19px;
margin-bottom: 36px;
width: 337px;
height: auto;
background: #fff;
box-shadow: 0 3px 9px rgba(0,0,0,.1);
}
.b-boxs .s-box .s-pic {
width: 100%;
height: 407px;
}
@media screen and (max-width:768px) {
.flickity-enabled.is-draggable {
margin-top: 0;
}
}
.b2-menu-4 .sub-menu-0 li ul a:hover {
border-radius: 3px;
color: #ff416c;
font-weight: 500;
}
.b2-menu-4 .sub-menu-0 li ul a {
display: flex;
margin-top: 0;
padding: 10px 0;
font-weight: 400;
font-size: 14px;
align-items: center;
}
.b2-menu-4 .sub-menu-0 li ul a>picture {
display: none;
}
@media screen and (max-width:1366px) {
.srot-mine {
z-index: 2;
margin-right: -5px;
width: 355px;
}
}
.containerrr .itemss a {
display: inline-block;
margin-right: var(--ji--1item);
width: calc(20% - var(--ji--1item));
height: 180px;
text-align: center;
}
.card_gundong {
position: relative;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
margin: 0 8px;
padding: 0 0 var(--ji--1item) 0;
width: calc(100% - var(--ji--1item));
height: 180px;
background: #fff;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
vertical-align: top;
text-decoration: none;
white-space: normal;
cursor: pointer;
transition: all .3s;
}
.card_gundong:hover {
transform: translateY(-3px);
}
.card_img {
display: block;
height: 180px;
}
.card_gundong .title {
position: absolute;
display: block;
margin-top: -35px;
padding: 0 10px;
width: 100%;
height: 35px;
background-color: #ffffffd9;
color: #333;
text-align: center;
font-size: 14px;
line-height: 35px;
}
.card_gundong img {
width: 100%;
height: 180px;
}
.card_gundong .year-tag_3Iqeg {
position: absolute;
top: 6px;
left: 6px;
overflow: hidden;
box-sizing: border-box;
padding: 0 8px;
width: fit-content;
height: 19px;
max-width: 100%;
min-width: 52px;
border-radius: 10px;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 19px;
}
.huodong {
background: #0693e3;
}
.remen {
background: #fcb900;
}
.jingping {
background: #cf2e2e;
}
.guanggao {
background: #00d084;
}
.tuijain {
background: #ff6900;
}
.yuliu {
background: #0693e3;
}
.onecad-quk-carousel .itemss {
display: flex;
width: 100%;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-webkit-box-pack: justify;
-moz-box-pack: justify;
justify-content: space-between;
}
.onecad-quk-carousel .itemss::-webkit-scrollbar {
display: none;
}
#OneCAD .hotUser {
margin-top: 20px;
}
#OneCAD .hotUser .hotUser-title {
position: relative;
margin-bottom: 15px;
width: 1180px;
}
#Onecad_hotuser i.b2-vrenzhengguanli {
position: static;
right: -4px;
bottom: -4px;
display: inline-block;
width: 20PX;
height: 20px;
border-radius: 100%;
background: var(--main-bg-color);
color: #ff3a55!important;
font-weight: 400;
font-size: 20px;
line-height: 20px;
}
#OneCAD .hotUser h2 {
font-weight: 400;
font-size: 26px;
}
#OneCAD .hotUser-list {
display: flex;
margin-left: -15px;
flex-wrap: wrap;
}
#OneCAD .hotUser-list .itme {
position: relative;
margin-bottom: 15px;
padding-left: 15px;
width: 25%;
text-align: center;
}
#OneCAD .hotUser-list .itme .user-vip {
display: inline-block;
padding: 3px 6px;
height: auto;
border-radius: 3px;
background: linear-gradient(180.03deg,#393f68 0,#24263c 100%);
font-size: 11px;
line-height: 15px;
}
#OneCAD .hotUser-list .itme>div {
background-color: #fff;
transition: all .3s;
}
#OneCAD .hotUser-list .itme:nth-child(4n) {
margin-right: 0;
}
#OneCAD .hotUser-list .itme>div:hover {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
box-shadow: 0 0 10px rgba(0,0,0,.05);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-ms-transform: translateY(-3px);
}
#OneCAD .hotUser-list .i-banner {
position: relative;
height: 120px;
background: #ccc;
}
#OneCAD .hotUser-list .i-banner .i-cover {
width: 100%;
height: 100%;
object-fit: cover;
}
#OneCAD .hotUser-list .i-banner .avatar-wrap {
position: absolute;
bottom: 0;
left: 50%;
margin: -42px;
}
#OneCAD .hotUser-list .avatar-wrap img {
width: 84px;
height: 84px;
border-radius: 50%;
object-fit: cover;
}
#OneCAD .hotUser-list .itme .i-content {
padding: 54px 8px 8px 8px;
}
#OneCAD .hotUser-list .itme .i-inline {
overflow: hidden;
height: 28px;
white-space: nowrap;
line-height: 28px;
}
#OneCAD .hotUser-list .itme .i-username {
color: #333;
font-weight: 700;
font-size: 16px;
}
#OneCAD .hotUser-list .itme .i-desc {
display: inline-flex;
margin: 10px 0;
padding: 5px 6px;
background: #f3f3f3;
color: #606266;
font-size: 12px;
}
#OneCAD .hotUser-list .itme .i-follow {
margin-bottom: 10px;
font-size: 13px;
}
#OneCAD .hotUser-list .itme .i-follow span {
position: relative;
display: inline-block;
margin: 0 5px;
color: #909399;
}
#OneCAD .hotUser-list .itme .i-follow span b {
margin: 0 3px;
color: #333;
font-weight: 700;
}
#OneCAD .post-style-5-top {
margin-top: 0;
}
.one_sjs .one_itme {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 24px;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.one_sjs .one_itme .one_itme_sjs:hover .one_sjs_desc {
max-height: 400px;
}
.one_sjs .one_itme .one_itme_sjs {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: calc(20% - 10px);
height: 406px;
border-radius: 4px;
background-size: 100% 100%;
cursor: pointer;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_name {
position: absolute;
bottom: 21px;
left: 21px;
overflow: hidden;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_yw {
margin-bottom: 10px;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 25px;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_rq {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
color: #fff;
font-size: 16px;
line-height: var(--ji--1item);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_rq img {
margin-left: 2px;
width: 11px;
height: 14px;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_desc {
overflow: hidden;
margin-right: 21px;
max-height: 0;
color: #fff;
font-weight: 400;
line-height: 22px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_desc .one_sjs_desc_lin {
display: -webkit-box;
overflow: hidden;
margin-top: 8px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.one_sjs .one_itme .one_itme_sjs .one_sjs_desc .one_sjs_gz {
margin-top: 8px;
width: 100%;
height: 45px;
border-radius: 8px;
background-color: #cb0018;
color: #fff;
text-align: center;
line-height: 45px;
}
.one_sjs .one_itme .one_itme_sjs>img {
margin-top: 32px;
width: 199px;
height: 199px;
border-radius: 50%;
}
.one_sjs .one_itme .one_itme_sjs .concerned___BLy1I {
border: 1px solid #000;
color: #000;
}
.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4) {
display: -webkit-box;
overflow: hidden;
margin-top: 28px;
padding: 0 34px;
width: 342px;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-break: break-all;
}
.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4) span {
color: #1e1e1e;
font-size: 16px;
line-height: 27px;
}
.one_sjs .one_itme .one_itme_sjs>div:nth-of-type(4)>span:nth-of-type(1) {
font-weight: 700;
}
.software___2qnev {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.software___2qnev .title___1r231 {
margin-bottom: 32px;
}
.software___2qnev .title___1r231>div:nth-of-type(1) {
color: #333;
font-weight: 600;
font-size: 28px;
}
.software___2qnev .title___1r231>div:nth-of-type(2) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: var(--ji--1item);
color: #bbb;
font-size: 16px;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.software___2qnev .title___1r231>div:nth-of-type(2) a {
margin-left: 24px;
color: #333;
font-weight: 600;
font-size: 16px;
}
.software___2qnev .title___1r231>div:nth-of-type(2)>span:nth-of-type(1) {
cursor: auto;
}
.software___2qnev .softwareList___1Uqlo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 52px;
width: 985px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-team {
position: relative;
overflow: hidden;
padding: 20px 0 0;
width: 100%;
background: var(--main-bg-color);
text-align: center;
}
.demo .user-s-info-name {
display: flex;
margin-top: 0;
margin-left: 0;
flex-flow: column;
}
.our-team .pic {
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 20px;
width: 100px;
height: 100px;
}
.our-team .pic:before {
position: absolute;
right: 0;
bottom: 135%;
left: 0;
width: 100%;
height: 0;
border-radius: 50%;
content: "";
opacity: 1;
transition: all .3s linear 0s;
transform: scale(3);
}
.our-team:hover .pic:before {
height: 100%;
}
.our-team .pic:after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
}
.col-sm-6 {
position: relative;
float: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-right: var(--ji--1item);
border-radius: 4px;
background-size: 100% 100%;
cursor: pointer;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.our-team .pic img {
width: 100%;
height: auto;
border-radius: 50%;
transition: all .9s ease 0s;
transform: scale(1.05);
}
.our-team:hover .pic img {
box-shadow: 0 0 0 8px #f7f5ec;
transform: scale(.8);
}
.our-team .team-content {
margin-bottom: 30px;
}
.our-team .title {
margin-bottom: 10px;
color: var(--key-color);
text-transform: capitalize;
letter-spacing: 1px;
font-weight: 500;
font-weight: 700;
font-size: 18px;
}
.our-team .post {
display: block;
color: #4e5052;
text-transform: capitalize;
font-size: 15px;
}
.our-team .social {
position: absolute;
bottom: -100px;
left: 0;
margin: 0;
padding: 0;
width: 100%;
transition: all .5s ease 0s;
}
.our-team .user-s-info-name>div .topic-user-lv {
display: flex;
align-items: center;
justify-content: center;
}
.our-team:hover .social {
bottom: 0;
}
.our-team .social li {
display: inline-block;
}
.our-team .social li a {
display: block;
padding: 10px;
color: #fff;
font-size: 17px;
transition: all .3s ease 0s;
}
.our-team .social li a:hover {
background: #f7f5ec;
color: #eb1768;
}
.user-s-follow a {
position: relative;
margin: 0;
padding: 5px 10px;
border-radius: 4px;
border-radius: 5px;
color: #fff;
white-space: nowrap;
font-size: 12px;
line-height: 25px;
cursor: pointer;
transition: opacity .2s;
}
#biaoti.post-modules-top {
display: flex;
margin-bottom: 0;
line-height: 1;
align-items: center;
justify-content: space-between;
}
.modules-title-box .module-title {
margin-right: 10px;
text-align: left;
font-weight: 600;
font-size: 22px;
}
.wwwmodel-title {
padding: 30px 0 30px;
}
.clearfix {
zoom: 1;
}
.wwwmodel-title .wwwmodel-title-left {
float: left;
}
.wwwmodel-title .wwwmodel-title-left h3 {
color: #333;
font-size: 22px;
}
.wwwmodel-title .wwwmodel-title-right {
float: right;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active {
color: var(--this-text);
font-weight: 700;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item {
position: relative;
display: inline-block;
margin-left: 44px;
padding-bottom: 8px;
color: #999;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-more {
position: relative;
top: 3px;
display: inline-block;
margin-left: 40px;
padding: 0 2px;
padding-bottom: 8px;
color: #999;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: "";
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover {
color: var(--this-text);
font-weight: 700;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 0;
height: 1px;
background-color: #3bc66f;
content: '';
transition: all ease .4s;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover:after {
width: 100%;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active:after {
width: 100%;
}
.model-column {
margin: 0 auto;
}
.model-column .common-model-wrap .model-item:nth-of-type(6n) {
margin-right: 0;
}
.model-column .model-item {
margin: 0 var(--ji--1item) var(--ji--1item) 0;
width: 294px;
max-height: 331px;
border-radius: 5px;
transition: all .2s linear;
}
.model-column .model-item:hover {
box-shadow: 0 8px 15px 0 rgba(0,0,0,.15);
transform: translateY(-5px);
}
.model-column .model-item:hover .model-info>p {
color: #e80000;
}
.model-column .model-item:hover .model-info>div {
color: #e80000;
}
.model-column .model-item .model-cover {
display: block;
width: 100%;
height: 285px;
background-color: #fff;
}
.model-column .model-item .model-cover img {
width: 100%;
height: 100%;
border-radius: 5px 5px 0 0;
opacity: 0;
transition: opacity .5s linear;
}
.model-column .model-item .model-info {
display: flex;
padding: 0 14px;
height: 46px;
border-radius: 0 0 5px 5px;
background-color: #fff;
align-items: center;
justify-content: space-between;
}
.model-column .model-item .model-info .title {
overflow: hidden;
color: var(--this-text);
text-overflow: ellipsis;
white-space: nowrap;
}
.model-column .model-item .model-info>p {
overflow: hidden;
padding-right: 20px;
text-overflow: ellipsis;
white-space: nowrap;
flex: 2;
}
.model-column .irregular-wrap {
display: flex;
}
.model-column .irregular-wrap .irregular-left {
max-height: none;
flex-shrink: 0;
}
.model-column .irregular-wrap .irregular-left .model-cover {
height: 634px;
}
.model-column .irregular-wrap .irregular-center {
display: flex;
max-width: 909px;
flex-wrap: wrap;
}
.model-column .irregular-wrap .irregular-right .model-item {
margin-right: 0;
width: 590px;
}
@media screen and (max-width:1366px) {
.model-column .irregular-wrap .irregular-right .model-item {
margin-right: 0;
width: 496px;
}
.model-column .model-item {
margin: 0 var(--ji--1item) var(--ji--1item) 0;
width: 232px;
max-height: 331px;
border-radius: 5px;
transition: all .2s linear;
}
.model-column .model-item .model-cover {
display: block;
width: 100%;
height: 232px;
background-color: var(--main-bg-color);
}
.model-column .irregular-wrap .irregular-left .model-cover {
height: 528px;
}
}
.encyclopedias {
margin-top: 10px;
}
.encyclopedias ul {
box-sizing: border-box;
margin-top: 0;
margin-bottom: 30px;
padding: 20px;
width: 100%;
background: var(--main-bg-color);
}
.encyclopedias ul .px_item {
float: left;
width: 50%;
}
.px_item a i {
margin-right: 10px;
}
.px_item a:hover,.px_item a:hover i {
color: var(--b2color);
}
.encyclopedias ul .px_item:nth-child(2n+1) {
margin: 5px 0;
}
.encyclopedias ul .px_item:nth-child(2n) {
margin: 5px 0;
padding-left: 10px;
}
.encyclopedias ul .px_item a {
position: relative;
display: block;
overflow: hidden;
box-sizing: border-box;
padding-right: 120px;
width: 100%;
border-radius: 4px;
text-overflow: ellipsis;
white-space: nowrap;
}
.encyclopedias ul .px_item a .question {
position: absolute;
position: absolute;
top: 0;
right: 10px;
z-index: 1;
padding-left: 24px;
width: auto;
height: 50px;
line-height: 50px;
}
.encyclopedias ul .px_item a:hover .question {
width: auto;
}
@media screen and (max-width:768px) {
.encyclopedias ul .px_item {
float: left;
width: 100%;
}
.encyclopedias ul .px_item a .question {
display: none;
}
.encyclopedias ul .px_item:nth-child(2n) {
padding-left: 0;
}
.encyclopedias ul .px_item:nth-child(2n+1) {
padding-right: 10px;
}
}
.comment-text p strong {
padding: 0 5px;
color: var(--hover_color);
font-weight: 700;
}
.part-title {
display: flex;
align-items: center;
}
.puxin_sx {
position: relative;
letter-spacing: .8px;
font-size: 14px;
}
.part-title h3 {
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
font-weight: 600;
font-size: 22px;
flex: 1;
}
.part-title p {
letter-spacing: .5px;
}
.puxin_gd {
margin-left: 10px;
padding-bottom: 20px;
white-space: nowrap;
}
.puxin_gd .btn {
position: relative;
display: block;
display: flex;
padding: 0 13px;
height: 32px;
color: #8590a6;
color: #fff;
font-size: 14px;
line-height: 32px;
align-items: center;
}
.part-title .part-nav {
overflow-x: auto;
padding-bottom: 20px;
white-space: nowrap;
}
.part-title .part-nav .all {
background: var(--hover_color);
color: #fff;
}
.part-title i {
padding-left: 10px;
}
.part-title .part-nav a {
display: inline-block;
margin-left: 20px;
padding: 4px 10px;
color: #606266;
font-size: 13px;
transition: all .3s;
}
.title_puxin>div:nth-of-type(2) {
margin-top: 10px;
margin-bottom: 20px;
color: #999;
font-size: 16px;
}
.lv-icon.user-vip b {
padding: 1px 5px;
border-radius: 3px;
font-size: 12px;
}
.lv-icon.b2-vip0 b {
background: linear-gradient(90.34deg,#d7e5ff .27%,#b9cbff 99.7%);
color: #000!important;
}
.lv-icon.b2-vip1 b {
background: linear-gradient(90.34deg,#ffd2a2 .27%,#ffe2c2 99.7%);
color: #6c4a20!important;
}
.lv-icon.b2-vip2 b {
background: linear-gradient(90.34deg,#393f68 .27%,#24263c 99.7%);
color: #ffdbb1!important;
}
.lv-icon.b2-vip3 b {
background: linear-gradient(90.34deg,#e54b63 .27%,#e54b63 99.7%);
color: #fff!important;
}
@media (min-width:768px) {
.home-section-designs {
display: block;
margin-right: var(--ji--0item);
}
.home-section-designs .item-wrap {
float: left;
display: block;
display: flex;
margin-right: var(--ji--1item);
width: calc(50% - var(--ji--1item));
}
}
@media (min-width:1024px) {
.home-section-designs .items .item-wrap,.one-width-1 {
margin-right: var(--ji--1item);
width: calc(25% - var(--ji--1item));
}
.home-section-designs .items {
display: flex;
margin: 0;
margin-right: 0;
}
}
.home-section-designs .items .item {
overflow: hidden;
width: 100%;
background: #fff;
}
.home-section-designs .items .item-wrap {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.home-section-designs .items .item-wrap:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-ms-transform: translateY(-5px);
}
.home-section-designs .items .item-thumb .thumb {
padding-top: 100%;
}
.home-section-designs .items .item-thumb .thumb:hover {
opacity: .8;
}
.home-section-designs .items .item-main {
padding: 15px 0 0;
}
@media (min-width:768px) {
.home-section-designs .items .item-main {
padding: 10px;
}
}
.home-section-designs .items .item-main h2 {
overflow: hidden;
margin-bottom: 15px;
height: 20px;
color: #3c3c3c;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.home-section-designs .items .item-main h2 span {
margin-left: 5px;
color: #b2b2b2;
font-size: 13px;
}
.home-section-designs .items .item-main h2:hover {
color: #3385ff;
}
.home-section-designs .items .item-main h4 {
overflow: hidden;
margin: 0 -5px;
height: 22px;
font-weight: 400;
line-height: 22px;
}
.one_list_a {
display: -webkit-box;
overflow: hidden;
margin-top: 10px;
width: 100%;
background: #fff;
color: #bcbcbc;
font-size: 13px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.home-section-designs .items .item-main h4 span {
display: inline-block;
margin: 0 5px;
padding: 0 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #e5f0ff;
color: #3385ff;
white-space: nowrap;
font-size: 12px;
}
.home-section-designs .items .item-main h4 span:hover {
background: #3385ff;
color: #fff;
}
#colophon.fl {
float: left;
display: flex;
width: 40%;
justify-content: space-between;
}
.fla {
float: left;
}
.public-foot {
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background: #2d3237;
}
.public-foot .foot-cont {
display: table;
padding: 30px 0;
}
@media screen and (max-width:768px) {
.public-foot {
display: none;
}
}
.public-foot .foot-cont h4 {
margin-bottom: 20px;
color: #fff;
}
.public-foot .foot-cont-fl ul>li a {
color: #b2b2b2;
font-size: 13px;
}
.public-foot .foot-cont-fr .tel {
float: left;
margin-right: 55px;
padding-top: 6px;
}
.public-foot .tel-number {
display: table;
}
.public-foot .tel-icon .tel-icon-a {
margin-right: 8px;
padding: 10px;
width: 42px;
height: 42px;
background: #1e1f23;
color: #8b8b8b;
text-align: center;
line-height: 42px;
}
.public-foot .tel-number {
margin-top: 20px;
font-size: 24px;
}
.public-foot .ewm {
margin-top: 5px;
}
.public-foot .ewm span {
display: block;
padding-top: 5px;
color: #b2b2b2;
text-align: center;
}
.public-foot .ewm ul li {
float: left;
margin-left: 30px;
text-transform: uppercase;
}
.public-foot .ewm ul li img {
width: 100px;
}
.foot-copyright {
display: table;
padding: 0 0 10px;
width: 100%;
}
.footer-links {
padding: 10px;
}
.foot-copyright p {
width: 100%;
text-align: center;
font-size: 12px;
line-height: 30px;
}
.foot-copyright-fr ul li {
float: left;
margin-right: 5px;
}
.foot-copyright-fr ul li a {
display: block;
}
.fl ul li {
box-sizing: border-box;
padding: 5px 0;
font-size: 13px;
}
.fl .html-widget {
padding: 10px 0 0 0;
}
.fl h2 {
padding: 5px 0;
color: #fff;
font-size: 16px;
line-height: 1;
}
.tel>h2 {
padding-bottom: 22px;
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 1;
}
.content-link-application {
padding: 40px 40px;
width: 800px;
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0 7px 8px 0 rgba(0,0,0,.11);
box-shadow: 0 7px 8px 0 rgba(0,0,0,.11);
}
.content-link-application .form-control {
width: 100%;
height: 38px;
}
.content-link-application .captcha-img,.content-link-application .captcha-input {
display: inline-block;
vertical-align: middle;
}
.content-link-application .contact-form {
margin-right: auto;
margin-left: auto;
max-width: 600px;
}
.content-link-application .form-header {
margin-right: auto;
margin-left: auto;
padding-bottom: 40px;
max-width: 600px;
}
.content-link-application .form-header p {
margin: 0;
color: #999;
font-size: 12px;
}
.content-link-application h1 {
font-weight: 700;
font-size: 30px;
line-height: 44px;
}
.content-link-application .form-control {
width: 100%;
height: 38px;
}
.content-link-application .captcha-img,.content-link-application .captcha-input {
display: inline-block;
vertical-align: middle;
}
.content-link-application .contact-form {
margin-right: auto;
margin-left: auto;
max-width: 600px;
font-size: 15px;
}
.content-link-application .form-header {
margin-right: auto;
margin-left: auto;
padding-bottom: 40px;
max-width: 600px;
text-align: center;
}
.content-link-application .form-header p {
margin: 0;
color: #999;
font-size: 12px;
}
.content-link-application h1 {
font-weight: 700;
font-size: 30px;
line-height: 44px;
}
.red {
padding: 0 5px;
color: #f35;
}
.green {
padding: 0 5px;
color: green;
}
.form-group {
margin-bottom: 15px;
}
.content-link-application .form-control {
margin: 5px 0;
width: 100%;
height: 38px;
}
.btn.btn-default {
outline: 0;
border-color: #ccc;
background-color: #fff;
color: #333;
-webkit-transition: all .1s ease-out 0s;
-o-transition: all .1s ease-out 0s;
transition: all .1s ease-out 0s;
}
.container,.page-no-sidebar.member-lostpassword .member-lp-process {
padding-right: 10px;
padding-left: 10px;
}
.alert-warning {
border-color: #ffecb5;
background-color: #fff3cd;
color: #664d03;
}
.alert-dismissible {
padding-right: 3rem;
}
.alert {
position: relative;
margin-bottom: 1rem;
padding: 10px var(--ji--1item);
border: 1px solid transparent;
border-radius: .25rem;
font-size: 13px;
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none;
}
}
.fade {
transition: opacity .15s linear;
}
.bg-danger {
background-color: #dc3545!important;
}
.badge {
display: inline-block;
margin: 0 30px;
padding: 5px;
border-radius: .25rem;
color: #fff;
vertical-align: baseline;
text-align: center;
white-space: nowrap;
font-weight: 700;
font-size: 13px;
line-height: 1;
}
.bg-warning {
background-color: #ff6000!important;
}
.badge-warning {
background-color: #ffc107;
color: #fff;
}
.badge-hot {
background: linear-gradient(to right,#f35 0,#ff6780 100%);
color: #fff;
}
.text-dark {
color: #fff;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.btn-close {
box-sizing: content-box;
padding: .25em .25em;
width: 1em;
height: 1em;
border: 0;
border-radius: .25rem;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
color: #000;
opacity: .5;
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: currentColor;
vertical-align: -.125em;
opacity: 0;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow;
}
.small,small {
font-size: .875em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: .75;
}
sup.spinner-grow.spinner-grow-sm.ml-1.small {
margin-bottom: 4px;
margin-left: 4px;
}
.clearfix {
float: none;
clear: both;
display: block;
}
.video-back {
display: block;
margin-top: -100px;
padding: 0;
text-align: center;
}
.video-back h1 {
display: block;
color: #fff;
text-align: center;
text-shadow: 2px 2px 4px #000;
font-size: 50px;
}
.video-back p {
display: block;
margin: 0;
margin-bottom: 20px;
padding: 0;
color: #fff;
text-shadow: 2px 2px 1px #000;
}
.video-back img {
width: 150px;
}
.main-heading {
margin: 50px auto;
text-align: center;
font-size: 70px;
}
.main-para {
margin: 10px 100px;
text-align: center;
font-size: 20px;
}
.Onecad_title>div:nth-of-type(1) {
color: var(--key-color);
text-align: left;
font-weight: 600;
font-size: 20px;
line-height: 20px;
}
.Onecad_title>div:nth-of-type(2) {
margin-top: var(--ji--1item);
margin-bottom: 0;
color: #bbb;
font-size: 16px;
}
.home-authors .item-wrap,.item-author .item-wrap {
position: relative;
overflow: hidden;
background-color: var(--main-bg-color);
-webkit-transition: all .2s;
transition: all .2s;
}
.home-authors .group-item .item-images .img-item,.home-authors .item {
padding: 0 var(--ji--2item);
}
.b2_gap>li .item-in,.home-authors,.item-author .item-wrap {
padding: var(--ji--4item);
}
.item-author .author-btn .btn {
width: 100%;
background-color: var(--main-bg-color);
color: var(--key-color);
font-size: 13px;
line-height: 13px;
}
.home .item-author .author-btn,.jitheme-ranks .item-author .author-btn {
position: absolute;
top: 0;
right: 0;
display: none;
width: 100%;
height: 31px;
}
.item-author .author-btn .user-s-follow {
display: flex;
padding: 0;
text-align: center;
justify-content: center;
}
.home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn,.item-author .item-wrap:hover .item-top .author-btn {
display: block;
}
.home-authors .author-items {
display: flex;
margin: 0 var(--ji--3item);
margin: 0 var(--ji--3item);
flex-wrap: wrap;
}
.author-items .ap-item img {
width: -webkit-fill-available;
height: 100%;
}
.jitheme-button button {
display: flex;
}
.item-author .item-bg {
position: absolute;
top: 0;
right: 0;
left: 0;
overflow: hidden;
padding-top: 35%;
}
.item-author .item-bg .thumb {
position: absolute;
top: -31.25px;
right: -31.25px;
left: -31.25px;
padding-top: 50%;
width: auto;
}
.item-author .item-bg::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
content: '';
}
.item-author .item-bg::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
padding-top: 11%;
background-image: -webkit-linear-gradient(top,rgba(255,255,255,.7) 0,var(--main-bg-color) 70%);
background-image: linear-gradient(180deg,rgba(255,255,255,.7) 0,var(--main-bg-color) 70%);
content: '';
}
.item-author .item-top {
position: relative;
z-index: 1;
background-color: var(--main-bg-color);
box-shadow: 0 12.5px 25px 0 rgba(0,0,0,.02);
}
.item-author .item-bottom {
position: relative;
z-index: 1;
overflow: hidden;
box-sizing: border-box;
padding: 0 15px 15px 15px;
height: auto;
font-size: 8.75px;
}
.item-author .author-intro {
position: relative;
display: block;
padding-left: 50px;
min-height: 37.5px;
}
.item-author .author-intro {
padding-left: 60px;
}
.item-author .author-intro:hover .author-name {
color: var(--b2color);
}
.item-author .author-avatar {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
font-size: 37.5px;
}
.item-author .author-main {
display: flex;
padding-top: 0;
height: 50px;
flex-direction: column;
justify-content: space-between;
}
.item-author .author-avatar .avatar {
overflow: hidden;
box-sizing: border-box;
padding-top: 0;
border: 0 solid #ffbc00;
border-radius: 100%;
}
.item-author .author-info i {
display: inline-block;
margin-right: 5px;
transform: translateY(1px);
}
.author-name {
display: flex;
color: var(--key-color);
white-space: nowrap;
font-size: 15px;
}
.author-name .uname,.author-name b {
overflow: hidden;
max-width: 110px;
text-overflow: ellipsis;
font-weight: 700;
font-size: 15px;
}
.author-name .long-label {
display: flex;
justify-content: center;
align-items: center;
}
.topic-name>div {
display: flex;
flex-flow: column;
flex-direction: column;
justify-content: space-between;
}
.user-w-lv>div img {
display: block;
}
.topic-name {
height: 45px;
}
.item-author .author-name .long-label img,.topic-name .topic-user-lv img {
margin-right: 10px;
}
.item-author .author-xixi {
margin-bottom: 10px;
white-space: nowrap;
font-size: 13px;
}
#user-list .item-author .author-name .uname {
display: inline-block;
overflow: hidden;
margin-right: 10px;
max-width: 80px;
vertical-align: middle;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-author .author-name .short-label {
display: inline-block;
margin-left: 5px;
vertical-align: bottom;
}
.item-author .author-name .short-label img {
width: 8.75px;
height: auto;
}
.item-author .author-meta span:first-child:after {
position: absolute;
top: 50%;
right: 0;
display: none;
margin-top: -.4em;
width: 0;
height: .8em;
border-left: .625px solid #b5b5b5;
content: '';
opacity: .4;
}
.author-meta .red,.author-meta .red i,.author-meta .red span {
color: var(--b2color);
}
.ap-item-meta,.author-meta span {
margin-right: 5px;
font-size: 13px;
}
.ap-item-meta,.author-meta span i {
display: inline-block;
transform: translateY(1px);
}
.item-author .author-info {
position: relative;
overflow: hidden;
margin-top: 15px;
margin-right: -var(--ji--1item);
margin-left: -var(--ji--1item);
padding: 0 var(--ji--1item);
height: 30px;
border-radius: 4px;
text-align: center;
font-size: 14px;
line-height: 30px;
}
.item-author .author-info .ico {
margin-right: .5em;
}
.item-author .item-bottom-title {
margin-top: 20px;
margin-bottom: 0;
color: #b5b5b5;
font-weight: 400;
font-size: 15px;
}
.home .item-author .item-bottom-title {
margin-top: 0;
}
.item-author .ap-item {
margin: 15px 0 0;
font-size: 14px;
width: 100%;
}
.item-author .ap-item-wrap {
position: relative;
display: block;
}
.item-author .ap-item-wrap.has-thumb .ap-item-title {
overflow: hidden;
height: 45px;
font-weight: 400;
}
.item-author .ap-item-wrap.no-thumb .ap-item-thumb {
display: none;
}
.item-author .ap-item-wrap:hover .thumb {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.item-author .ap-item-wrap:hover .ap-item-title {
color: var(--b2color);
}
.item-author .ap-item-wrap .ap-item-thumb .thumb {
padding-top: 63.3333%;
border-radius: 2.5px;
-webkit-transition: all .2s;
transition: all .2s;
}
.item-author .ap-item-wrap .ap-item-title {
color: var(--key-color);
font-size: 7.5px;
line-height: 1.5em;
}
.item-author .ap-item-wrap .ap-item-title {
font-size: 14px;
}
.thumb {
display: block;
width: 100%;
height: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (min-width:990px) {
.home-authors .group-item .item-images .img-item,.home-authors .item {
margin-bottom: var(--ji--1item);
width: 25%;
}
}
.home-authors .group-item .item-images .img-item,.home-authors .item {
float: left;
box-sizing: border-box;
}
.item-author .author-name .short-label img {
width: 18px;
}
i.b2-vrenzhengguanli {
z-index: 2;
}
.item-author .author-avatar {
position: absolute;
top: 0;
left: 0;
}
.home-authors .item-tobe-author .tobe-author-wrap {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.home-authors .item-tobe-author .tobe-author {
position: relative;
box-sizing: border-box;
height: calc(100% - 20px);
background-color: var(--main-bg-color);
}
.home-authors .item-tobe-author .item-title {
margin-bottom: 10px;
color: var(--b2color);
font-weight: 700;
font-size: 28px;
}
.home-authors .item-tobe-author .item-title i {
margin-right: 10px;
}
.home-authors .item-wrap,.item-author .item-wrap {
height: 100%;
}
.home-authors .item-tobe-author .item-cont {
height: auto;
font-size: 15px;
line-height: 25px;
}
.post-5 .post-infoh2 a i,.post-6-title h2 a i {
margin-right: 5px;
}
.home-authors .item-tobe-author .lw-item-meta {
position: relative;
margin: 20px 0;
color: var(--this-text);
font-weight: 400;
font-size: 12px;
line-height: 24px;
}
.home-authors .item-tobe-author .meta-avatars {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
vertical-align: middle;
}
.home-authors .item-tobe-author .meta-avatars .avatar {
display: inline-block;
overflow: hidden;
overflow: hidden;
margin-left: -10px;
width: 30px;
border: 3px solid var(--main-bg-color);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border-radius: 50%;
transform: translateX(0);
}
.home-authors .item-tobe-author .meta-avatars .avatar .thumb {
padding-top: 100%;
}
.home-authors .item-tobe-author .item-cont .count {
margin-bottom: 15px;
}
.home-authors .item-tobe-author .item-cont .count strong {
color: var(--b2color);
font-weight: 700;
font-size: 35px;
}
.home-authors .item-tobe-author .item-cont .count span {
font-weight: 400;
font-size: 15px;
}
.home-authors .item-tobe-author .item-btns {
display: flex;
color: #fff;
text-align: center;
font-size: 14px;
}
.home-authors .item-tobe-author .item-btns .btn {
display: block;
line-height: 50px;
}
.htmleaf-container {
width: 100%;
height: 100%;
}
.htmleaf-container a {
display: inline-block;
overflow: hidden;
margin-right: var(--ji--1item);
width: 100%;
height: 100%;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 80px;
}
.htmleaf-container a p:hover {
background-color: var(--b2color);
opacity: .8;
}
.htmleaf-container p {
display: flex;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 60%);
color: #fff;
font-weight: 500;
font-size: 18px;
cursor: pointer;
transition: background-color .2s;
justify-content: center;
align-items: center;
}
.topic-sticky-info .topic-sticky-icon {
margin: 8px 0;
}
.topic-sticky-info .topic-sticky-title h2 a {
font-weight: 600;
line-height: 35px;
}
.topic-content-text br {
display: block!important;
margin-bottom: 5px!important;
content: "A"!important;
}
#onecad-circles.shop-box-title .modules-title-box h2 {
font-size: 26px;
}
#onecad-circles.home-section-bottom .container {
position: relative;
overflow: hidden;
margin-top: 10px;
margin-bottom: 20px;
padding: 20px 0 0 0;
width: 100%;
background-color: #fff;
zoom: 1;
}
#onecad-circles.home-section-bottom .container .items {
overflow: hidden;
}
#onecad-circles.home-section-bottom .container .item {
position: relative;
float: left;
margin-bottom: 20px;
padding: 0 5px 0 60px;
}
#onecad-circles.home-section-bottom .container .item {
padding: 0 0 0 70px;
}
#onecad-circles.home-section-bottom .container .item {
margin-right: 20px;
margin-left: 20px;
}
#onecad-circles.home-section-bottom .container .item h2 {
overflow: hidden;
height: 1.2em;
color: #0c253d;
font-size: 15px;
line-height: 1.2;
}
#onecad-circles.home-section-bottom .container .item h4 {
overflow: hidden;
height: 1.1em;
color: var(--this-text);
font-weight: 400;
font-size: 12px;
line-height: 1.1;
}
@media (min-width:768px) {
#onecad-circles.home-section-bottom .container .item h4 {
font-size: 14px;
}
}
#onecad-circles.home-section-bottom .container .item .item-thumb {
position: absolute;
top: 0;
left: 0;
display: block;
width: 65px;
height: 65px;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 22px;
line-height: 65px;
}
#onecad-circles.home-section-bottom .container .item .item-thumb img {
display: flex;
height: 100%;
border-radius: 5px;
}
.item-btnsa {
position: absolute;
top: 50%;
display: block;
margin-top: -30px;
padding: 0 7px;
border: 1px solid var(--b2color);
border-radius: 5px;
color: var(--b2color);
text-align: center;
font-size: 12px;
line-height: 2.25em;
line-height: inherit;
ackground-color: transparent;
}
#onecad-circles .circle-child-info {
overflow: hidden;
padding-left: 10px;
width: 100%;
font-size: 12px;
}
#onecad-circles .circle-child-admin {
display: flex;
margin: 7px 0;
margin-bottom: 8px;
line-height: 1;
align-items: center;
}
#onecad-circles .circle-child-meta {
margin: 7px 0;
}
.author-widget-content .w-a-info .w-a-name .w-a-lv {
display: flex;
justify-content: center;
}
#onecad-circles .author-widget-content .w-a-info .w-a-name .w-a-lv .user-vip {
margin-left: -10px;
}
#onecad-circles .all-circle-tags ul {
display: flex;
padding: 15px;
flex-flow: wrap;
}
#onecad-circles .all-circle-tags li {
margin: 5px;
}
#onecad-circles .all-circle-tags li span {
display: block;
height: 40px;
min-width: 80px;
text-align: center;
line-height: 40px;
cursor: pointer;
}
#onecad-circles .all-circles-tag-name {
display: flex;
margin-bottom: 10px;
margin-left: 20px;
height: 40px;
font-size: 17px;
line-height: 40px;
justify-content: space-between;
}
#onecad-circles .all-circles-tag-name span {
font-size: 13px;
cursor: pointer;
}
#onecad-circles .all-circles-item {
padding: 24px;
border-top: 1px solid #f5f6f7;
}
#onecad-circles .all-circles-item-list {
display: flex;
flex-flow: wrap;
}
#onecad-circles .all-circles-item-list li {
position: relative;
box-sizing: border-box;
width: 33.33333%;
height: 111px;
}
#onecad-circles .all-circles-item-list li>div {
display: block;
margin-right: 10px;
height: 100px;
background-color: #fff;
box-shadow: 0 0 0 1px #eee;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
}
#onecad-circles .all-circles-item-list li:hover>div {
background-color: #f9f9f9;
}
#onecad-circles .all-circles-item>ul>li+li {
margin-top: 30px;
}
#onecad-circles .all-circles h1 {
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
font-size: 17px;
}
#onecad-circles .circle-child-icon {
position: absolute;
top: var(--ji--1item);
left: var(--ji--1item);
overflow: hidden;
width: 40px;
height: 40px;
border: 1px solid rgba(0,0,0,.04);
border-radius: 10px;
}
#onecad-circles .circle-child-icon img {
width: 100%;
height: 100%;
}
#onecad-circles .circle-child-info h2 {
overflow: hidden;
margin-right: 8px;
color: initial;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
font-size: 15px;
}
#onecad-circles .circle-child-admin {
display: flex;
margin: 8px 0;
line-height: 1;
align-items: center;
}
#onecad-circles .single.single-circle .content-area {
max-width: 100%;
}
#onecad-circles .circle-child-admin span {
display: inline-block;
overflow: hidden;
max-width: 68px;
text-overflow: ellipsis;
white-space: nowrap;
}
#onecad-circles .circle-child-admin img {
margin-right: 3px;
width: 15px;
height: 15px;
border-radius: 100%;
}
#onecad-circles .all-circles-item-list li>div>div {
position: relative;
display: flex;
padding: var(--ji--1item);
}
#onecad-circles .circle-child-meta b {
font-weight: 400;
}
#onecad-circles .circle-child-meta i {
display: inline-block;
margin: 0 3px;
}
#onecad-circles .circlefree {
color: green;
white-space: nowrap;
}
#onecad-circles .circlemoney {
color: red;
white-space: nowrap;
}
#onecad-circles .circlelv {
overflow: hidden;
color: #9d87d2;
text-overflow: ellipsis;
white-space: nowrap;
}
.order-id {
margin-bottom: 0;
padding: 0 15px;
background-color: #ff5874;
color: #fff;
line-height: 35px;
}
.order-title div {
width: 100%;
line-height: 30px;
}
.buy-resout-box {
line-height: 30px;
}
.designer-list-box {
border-radius: 4px;
}
.designer-list-box {
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.card-designer-list-attention:not(:last-child),.card-designer-list:not(:last-child),.card-team-list:not(:last-child) {
border-bottom: 1px solid #eee;
}
.card-designer-list,.card-designer-list-attention {
overflow: hidden;
padding: 30px;
width: 100%;
background: #fff;
}
.avatar-container-80 {
position: relative;
width: 80px;
}
.avatar-container-80.wd120 {
width: 120px;
}
.avatar-container-80.center,.avatar-container-80.z-center {
position: relative;
margin: 0 auto;
}
.avatar-container-80.inline {
display: inline;
}
.avatar-container-80.inline-block {
display: inline-block;
margin-right: -4px;
}
.avatar-container-80 .company-honor {
position: absolute;
top: 59px;
right: -2px;
bottom: -2px;
width: 24px;
height: 24px;
line-height: initial;
}
.avatar-container-80 .company-honor.mt9 {
margin-top: 9px;
}
.avatar-container-80 .company-honor.mt22 {
margin-top: -22px;
}
.avatar-container-80 .company-honor.mt39 {
margin-top: 39px;
}
.avatar-container-80 .company-honor.mr8 {
margin-right: 8px;
}
.avatar-container-80 .company-honor.mr32 {
margin-right: -32px;
}
.avatar-container-80 .company-honor.mr12 {
margin-right: -12px;
}
.avatar-container-80 .company-honor>img {
width: 24px;
height: 24px;
}
.avatar-parent-48 {
position: relative;
padding-left: 68px;
height: 48px;
}
.avatar-container-48 {
position: relative;
width: 48px;
}
.avatar-container-48.absolute {
position: absolute;
top: 0;
left: 0;
}
.avatar-container-48.center {
position: inherit;
left: inherit;
margin: 0 auto;
-webkit-transform: inherit;
transform: inherit;
}
.avatar-container-48.inline {
display: inline;
}
.avatar-container-48.right {
display: right;
}
.avatar-container-48 .company-honor {
position: absolute;
top: 65px;
right: -2px;
bottom: -2px;
width: 20px;
height: 20px;
line-height: initial;
}
.avatar-container-48 .company-honor.at30 {
top: 30px;
}
.avatar-container-48 .company-honor.mt9 {
margin-top: 9px;
}
.avatar-container-48 .company-honor.mt19 {
margin-top: -19px;
}
.avatar-container-48 .company-honor.mt35 {
margin-top: -35px;
}
.avatar-container-48 .company-honor>img {
width: 20px;
height: 20px;
}
.avatar-container-40 {
position: relative;
width: 40px;
}
.avatar-container-40 .avatar-container_face>img {
width: 40px;
height: 40px;
}
.avatar-container-40 .company-honor {
position: absolute;
right: -2px;
bottom: 0;
width: 14px;
height: 14px;
}
.avatar-container-40 .company-honor>img {
width: 14px;
height: 14px;
}
.avatar-container-40 .company-honor.ab2 {
bottom: 2px;
}
.avatar-container-30 {
position: relative;
width: 30px;
}
.avatar-container-30 .avatar-container_face img {
width: 30px;
height: 30px;
}
.avatar-container-30.center {
position: inherit;
left: inherit;
margin: 0 auto;
-webkit-transform: inherit;
transform: inherit;
}
.avatar-container-30.inline {
display: inline;
}
.avatar-container-30.inline-block {
display: inline-block;
}
.avatar-container-30.inline-block.mr16 {
margin-right: var(--ji--1item);
}
.avatar-container-30.wd30 {
width: 30px!important;
}
.avatar-container-30>.company-honor {
position: absolute;
top: 11px;
right: -1px;
bottom: -2px;
width: 14px;
height: 14px;
line-height: initial;
}
.avatar-container-30 .company-honor.clear {
width: inherit!important;
height: initial!important;
border-radius: initial!important;
}
.avatar-container-30 .company-honor>img,.company-honor.top-fix>img {
width: 14px;
height: 14px;
}
.avatar-container-30 .company-honor.mt5 {
margin-top: 5px;
}
.avatar-container-30 .company-honor.mt7 {
margin-top: 7px;
}
.avatar-container-30 .company-honor.mt6 {
margin-top: 6px!important;
}
.avatar-container-30 .company-honor.mt9 {
margin-top: 9px;
}
.avatar-container-30 .company-honor.mt18 {
margin-top: 18px;
}
.avatar-container-30 .company-honor.mr16 {
margin-right: -var(--ji--1item)!important;
}
.avatar-container-30 .company-honor.mr19 {
margin-right: 19px;
}
.avatar-container-30 .company-honor.mr20 {
margin-right: 20px;
}
.avatar-container-45 {
position: relative;
}
.company-honor.top-fix {
position: absolute;
bottom: 13px;
left: 17px;
height: 14px;
line-height: initial;
}
.avatar-radius>img {
display: block;
border-radius: 50%;
}
.card-designer-list .avatar,.card-designer-list-attention .avatar,.card-team-list .avatar {
float: left;
margin-bottom: 10px;
}
.card-designer-list .avatar img,.card-designer-list-attention .avatar img,.card-team-list .avatar img {
width: 80px;
height: 80px;
border-radius: 50%;
}
.card-designer-list .author-info,.card-designer-list-attention .author-info,.card-team-list .author-info {
position: relative;
float: left;
margin-left: 20px;
width: 220px;
}
.card-designer-list .author-info .author-info-title-box,.card-designer-list-attention .author-info .author-info-title-box,.card-team-list .author-info .author-info-title-box {
overflow: hidden;
height: 26px;
line-height: 26px;
}
.card-designer-list .author-info .author-info-title-box .author-info-title,.card-designer-list-attention .author-info .author-info-title-box .author-info-title,.card-team-list .author-info .author-info-title-box .author-info-title {
float: left;
}
.card-designer-list .author-info .author-info-title-box .author-info-fire,.card-designer-list-attention .author-info .author-info-title-box .author-info-fire,.card-team-list .author-info .author-info-title-box .author-info-fire {
float: left;
margin-top: 3px;
margin-left: 4px;
}
.card-designer-list .author-info .author-info-title,.card-designer-list-attention .author-info .author-info-title,.card-team-list .author-info .author-info-title {
margin-bottom: 2px;
}
.card-designer-list .author-info .author-info-title .title-content,.card-designer-list-attention .author-info .author-info-title .title-content,.card-team-list .author-info .author-info-title .title-content {
color: #333;
vertical-align: middle;
font-weight: 600;
font-size: 16px;
}
.card-designer-list .author-info .author-info-title .title-content:hover,.card-designer-list-attention .author-info .author-info-title .title-content:hover,.card-team-list .author-info .author-info-title .title-content:hover {
color: #d36f16;
}
.card-designer-list .author-info .position-info,.card-designer-list-attention .author-info .position-info,.card-team-list .author-info .position-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 12px;
color: #bbb;
font-size: 12px;
}
.card-designer-list .author-info .position-info span,.card-designer-list-attention .author-info .position-info span,.card-team-list .author-info .position-info span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.card-designer-list .author-info .signature p,.card-designer-list-attention .author-info .signature p,.card-team-list .author-info .signature p {
display: inline-block;
overflow: hidden;
margin-top: 2px;
width: 220px;
color: #bbb;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.card-designer-list .author-info .info-num,.card-designer-list-attention .author-info .info-num,.card-team-list .author-info .info-num {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.card-designer-list .author-info .info-num .fans,.card-designer-list .author-info .info-num .work,.card-designer-list-attention .author-info .info-num .fans,.card-designer-list-attention .author-info .info-num .work,.card-team-list .author-info .info-num .fans,.card-team-list .author-info .info-num .work {
display: inline-block;
}
.card-designer-list .author-info .info-num .fans span,.card-designer-list .author-info .info-num .work span,.card-designer-list-attention .author-info .info-num .fans span,.card-designer-list-attention .author-info .info-num .work span,.card-team-list .author-info .info-num .fans span,.card-team-list .author-info .info-num .work span {
color: var(--this-text);
}
.card-designer-list .author-info .info-num .work i,.card-designer-list-attention .author-info .info-num .work i,.card-team-list .author-info .info-num .work i {
display: inline-block;
margin: 0 5px;
width: 1px;
height: 10px;
background: #333;
}
.card-designer-list .author-info .info-num a,.card-designer-list-attention .author-info .info-num a,.card-team-list .author-info .info-num a {
color: #333;
font-weight: 600;
}
.author-info-card .author-card_title-name:hover,.card-designer-list .author-info .info-num a:hover,.card-designer-list-attention .author-info .info-num a:hover,.card-team-list .author-info .info-num a:hover {
color: #d36f16;
}
.card-designer-list-attention:not(:last-child),.card-designer-list:not(:last-child),.card-team-list:not(:last-child) {
border-bottom: 1px solid #eee;
}
.card-media .more-leaveout img,.zcool-treetop img {
width: var(--ji--1item);
height: var(--ji--1item);
}
.work-show ul {
float: left;
}
.work-show ul li {
position: relative;
float: left;
margin-left: 10px;
}
.work-show .work-show-item a img,.work-show .work-show-more a img {
height: 160px;
vertical-align: middle;
}
.work-show .seize-box {
float: right;
margin-right: -10px;
margin-left: 20px;
width: 26px;
}
.zcool-treetop a {
float: left;
margin-right: 4px;
}
.card-designer-list .author-info .author-info-title .title-content,.card-designer-list-attention .author-info .author-info-title .title-content,.card-team-list .author-info .author-info-title .title-content {
color: #333;
vertical-align: middle;
font-weight: 600;
font-size: 16px;
}
.work-show .work-show-more .view-more {
position: relative;
display: block;
padding: 0 10px;
width: 6px;
height: 150px;
text-align: center;
line-height: 180px;
}
.work-show .work-show-more .view-more .more-icon {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
margin-top: -19px;
margin-left: -3px;
}
.work-show .work-show-more .view-more .more-icon span {
display: block;
margin: 5px 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ffe300;
}
.work-show .work-show-more .view-more:hover span {
background: #ffd100;
}
.card-designer-list .author-info .author-info-title,.card-designer-list-attention .author-info .author-info-title,.card-team-list .author-info .author-info-title {
margin-bottom: 2px;
}
.zcool-treetop {
display: inline-block;
height: var(--ji--1item);
vertical-align: middle;
zoom: 1;
}
.card-designer-list .author-info .btn-area,.card-designer-list-attention .author-info .btn-area {
margin-top: 15px;
}
.card-designer-list .author-info .btn-area .js-project-focus-btn,.card-designer-list-attention .author-info .btn-area .js-project-focus-btn {
height: 36px;
}
.card-designer-list .author-info .btn-area .btn-current,.card-designer-list-attention .author-info .btn-area .btn-current {
margin-right: 6px;
width: 100px;
height: 36px;
}
.card-designer-list .author-info .btn-area .btn-current,.card-designer-list-attention .author-info .btn-area .btn-current {
margin-right: 6px;
width: 100px;
height: 36px;
}
.btn-default-main {
border: 1px solid #ffe300;
border-radius: 4px;
background: #ffe300;
color: #444;
text-align: center;
cursor: pointer;
}
.shop-template-default .swiper-button-next:after {
content: 'next';
}
.shop-template-default .swiper-button-next:after,.swiper-button-prev:after {
text-transform: none!important;
text-transform: none;
letter-spacing: 0;
font-variant: initial;
font-size: var(--swiper-navigation-size);
font-family: swiper-icons;
line-height: 1;
}
.shop-normal-item-count {
padding-bottom: 0;
}
.shop-template-default .swiper-button-prev:after {
content: 'prev';
}
#onecad-single-content .extract-hh {
display: grid!important;
width: 100%;
list-style: none;
flex-flow: wrap;
grid-template-columns: repeat(auto-fill,minmax(calc(50% - 24px),1fr));
grid-gap: 24px;
}
#onecad-single-content .entry-header {
margin-bottom: 0;
border: 0;
}
#onecad-single-content .download-box .b2-single-content {
width: 100%!important;
max-width: 100%!important;
}
#onecad-single-content .download-box {
display: none;
}
.related-posts .related-posts-title {
padding: 12px;
font-size: 18px;
}
#onecad-single-content .mySwiper {
padding-top: 6px;
padding-right: 2px;
padding-left: 2px;
max-width: 100%!important;
}
#onecad-single-content .swiper {
width: 100%;
height: 100%;
}
#onecad-single-content .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
text-align: center;
font-size: 18px;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#onecad-single-content .swiper-slide {
background-position: center;
background-size: cover;
}
#onecad-single-content .mySwiper2 {
width: 100%;
height: 80%;
}
#onecad-single-content .mySwiper {
box-sizing: border-box;
padding: 10px 0;
height: 20%;
}
#onecad-single-content .mySwiper .swiper-slide {
height: 80px;
border: 2px solid #eee;
border-radius: 0;
opacity: 1;
}
#onecad-single-content .mySwiper .swiper-slide-thumb-active {
border: 2px solid var(--b2color);
opacity: 1;
}
.single-post #onecad-single-content .mySwiper .swiper-slide {
overflow: hidden;
height: 60px;
opacity: 1;
}
#onecad-single-content .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
#onecad-single-content .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#onecad-single-content .swiper-main {
padding: 0 24px;
}
#onecad-single-content .swiper-slide img {
max-width: 100%;
}
#onecad-single-content .b2-widget-download {
padding: 30px 20px;
}
.section-title h2>strong {
font-weight: 500;
}
.post-tags-meat-onecad .sub-nav {
display: inline-block;
overflow-x: auto;
max-width: 100%;
vertical-align: top;
white-space: nowrap;
font-size: .875rem;
}
.post-tags-meat-onecad .sub-nav a {
-webkit-border-radius: 5px;
border-radius: 5px;
color: var(--this-text);
vertical-align: top;
}
.post-tags-meat-onecad .sub-nav span {
display: inline-block;
margin-bottom: 0;
padding: 0 5px;
height: 25px;
line-height: 25px;
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
width: 10px;
height: 5px;
}
.post-tags-meat-onecad .tag-img i {
margin-right: 5px;
padding: 3px;
border-radius: 100%;
background-color: #fff;
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--b2color);
-webkit-box-shadow: inset 0 0 1px rgb(255 255 255);
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
width: 3px;
height: 3px;
background-color: rgb(255 255 255);
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-track {
border-radius: 10px;
background: #fff;
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
}
.hh_single_tagsa {
top: 0;
overflow: hidden;
margin: 0;
width: auto;
}
.post-tags-meat-onecad {    }
.hh_single_tagsa li {
float: left;
display: flex;
margin-top: 0;
margin-right: 10px;
padding: 0 5px;
border: none;
background-color: #f5f6f7;
color: #aaaeb3;
font-size: 12px;
line-height: 1;
transition: all .5s;
align-items: center;
}
.hh_single_tagsa .tag-img {
margin-right: 5px;
padding: 3px;
border-radius: 100%;
background-color: #fff;
}
.post-tags-meata .tag-img i {
color: #e62828;
}
.post-tags-meat-onecad .tag-img i {
color: var(--b2color);
}
.hh_single_tagsa a {
margin-top: 0;
padding: 0 8px;
border: none;
color: #4e5969;
line-height: 30px;
}
.single .entry-header .post-list-cat a {
background-color: var(--b2lightcolor);
color: var(--b2color)!important;
}
.ji-downBox .hot_num_pos {
position: absolute;
top: 0;
right: 0;
height: 36px;
min-width: 100px;
text-align: right;
font-size: 28px;
line-height: 36px;
}
.hot_num_pos {
position: absolute;
top: 10px;
right: 15px;
height: 36px;
min-width: 100px;
text-align: right;
font-size: 28px;
line-height: 36px;
}
.post-style-6 .hot_num_pos i {
font-size: 32px;
}
.post-style-6 .related-posts {
margin: 0 auto;
margin-top: 40px;
width: 100%;
max-width: 100%;
background: #fff;
}
.post-style-6 .related-posts .related-posts-in {
display: flex;
display: grid!important;
padding: 30px 60px;
list-style: none;
flex-flow: wrap;
grid-template-columns: repeat(auto-fill,minmax(222px,1fr));
grid-gap: 36px;
}
.post-style-6 .related-posts .related-posts-title {
padding: 24px 45px;
}
.widget-post:hover .b2-widget-post-title h2 {
text-decoration: auto;
}
.post-style-6 .related-posts .related-posts-item {
width: 100%;
}
.post-style-6 .related-posts-in h2 {
margin: 10px 0;
font-size: .875rem;
}
.post-style-6 .related-posts .related-posts-item {
padding: 0;
border: 0;
}
.related-posts .related-post-thumb {
border-radius: .42857143em;
}
.post-thumb {
background-color: unset!important;
}
.comment-user-info>div {
display: flex;
width: 100%;
height: 38px;
flex-direction: column;
justify-content: space-between;
}
.post-style-6 .w-d-title a {
position: absolute;
top: -5px;
right: 4px;
}
.post-style-6 .post-list-cat {
float: left;
display: flex;
margin-right: 0;
justify-content: space-between;
flex-flow: unset;
}
.single .post-list-cat a:first-child {
display: unset;
}
.single .post-list-cat a {
display: block!important;
}
.ava-left {
float: left;
overflow: hidden;
margin-right: 16px;
height: 100px;
width: 100%;
max-width: 180px;
}
.post-tags-meata a:hover {
color: var(--b2color);
}
.ava-left img {  }
.hh-title h1 {
overflow: auto;
height: 36px;
text-overflow: ellipsis;
font-weight: 600;
font-size: 22px;
}
.post-style-6 .onecad_title {
display: flex;
height: 36px;
text-overflow: ellipsis;
font-weight: 600;
font-size: 22px;
line-height: 36px;
}
.post-style-6 .onecad_title .biaoti {
overflow: hidden;
margin-right: 90px;
}
.ava-ava {
display: flex;
margin-bottom: 20px;
}
.hh-title {
padding-right: 0!important;
width: 100%!important;
}
.ava-left .link-block {
display: block;
width: 72px;
height: 72px;
}
.single-article-6 .entry-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-article-6 .single-button-download a {
display: flex;
padding: 8px var(--ji--1item);
background: #165dff;
color: #f9f9f9;
font-size: 14px;
align-items: center;
}
.single-article-6 .single-button-download a i {
margin-right: 8px;
}
.post-6-jiehsao .info6fwq {
display: grid!important;
list-style: none;
grid-template-columns: 50% 50%;
}
.post-6-jiehsao .info6fwq li {
padding: 8px;
width: 100%;
height: 35px;
font-size: .8125rem;
}
.post-style-6.post-list-cat a {
display: block!important;
}
.single .entry-header .post-list-cat a {
margin-right: 10px;
padding: 0 10px;
height: 25px;
border-radius: 4px;
font-weight: 500;
line-height: 25px;
}
.post-6-jiehsao .info6fwq li i {
float: left;
display: block;
margin: 0 5px 0 0;
padding: 5px 0;
}
.post-6-jiehsao .info6fwq li span {
width: 80px;
max-width: 100px;
font-weight: 400;
font-size: .8125rem;
}
.post-6-jiehsao .info6fwq li b {
display: inline-block;
overflow: hidden;
width: 290px;
height: 30px;
text-overflow: ellipsis;
font-weight: 400;
font-size: .8125rem;
}
.post-6-jiehsao .info6fwq li b a:hover {
color: #165dff;
}
.post-6-jiehsao {
margin-top: 10px;
margin-bottom: 0;
}
.widget .recommended-widget li a:before {
position: absolute;
right: 30px;
display: block;
width: 1rem;
height: 1rem;
content: "\eba3";
font-family: b2font;
line-height: 20px;
transition: .3s;
}
.widget .recommended-widget li:hover a {
color: var(--b2color);
}
.widget .recommended-widget li:hover a:before {
right: 24px;
color: var(--b2color);
transition: .3s;
}
.post-6-jiehsao .info6fwq li i {
margin-right: 8px;
color: var(--b2color);
}
.single-article-6 .post-list-cat a {
background: #f7f7f7!important;
color: #3d3d4e!important;
}
.single-article-6 .post-list-cat a:hover {
background: #ffeaee;
color: #ff3a55;
}
.single-article-6 .single-button-download a:hover {
background: #165DFF80;
}
.post-style-6-top img {
width: 100%;
}
.w-d-meta {
font-size: .75rem;
}
.sucai-jianjie li {
display: flex;
margin-right: 0;
height: 30px;
line-height: 30px;
align-items: center;
}
.sucai-jianjie li .file-styles {
display: flex;
}
.sucai-jianjie li .file-styles .file-style {
position: relative;
display: block;
margin-right: 10px;
width: 30px;
height: 30px;
border: 2px solid #f2f3f5;
border-radius: 50%;
background-color: #f2f3f5;
background-position: 60%;
background-size: cover;
transition: all ease .5s;
}
.sucai-jianjie li .file-styles .file-style-des {
position: absolute;
top: -150%;
left: 50%;
z-index: 10;
display: none;
padding: 0 10px;
height: 30px;
border-radius: .42857143em;
background: #333;
color: #fff;
white-space: nowrap;
font-size: 12px;
line-height: 30px;
transform: translateX(-50%);
}
.sucai-jianjie li .file-style:hover .file-style-des {
display: inline-block;
}
.sucai-jianjie li .file-style:hover {
border: 2px solid #165dff;
cursor: pointer;
}
.rank-banner {
overflow: hidden;
margin-bottom: -140px;
}
.filter-name {
width: auto;
color: #b2bac2;
text-align: left;
}
.rank-banner .wrap {
position: relative;
height: 300px;
}
.tax-fliter-hot {
position: absolute;
top: 60px;
left: 0;
z-index: 6;
padding: 5px;
background-color: #fff;
box-shadow: 0 12px 23px 0 rgba(51,51,51,.2);
}
.rank-banner .wrap .bg-img {
position: absolute;
top: 0;
left: 50%;
margin-left: -960px;
width: 1920px;
max-width: none;
}
.tax-header .tax-info {
margin: -20px 0 20px -20px;
padding: 10px 0 10px 20px;
}
.term-bar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
box-sizing: border-box;
padding-top: 25px;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.one_fl_lb {
margin: 0;
color: #eceef5;
font-size: 12px;
line-height: 24px;
}
.one_fl_lb:nth-last-child(1) {
display: none;
}
.term-bar p {
color: #fff;
}
.filter-items a {
margin-left: 5px;
}
.term-bar .term-bg:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,.3);
content: "";
}
.term-bar.lazyloaded:before {
opacity: .5;
}
.term-bar .term-title {
position: relative;
margin: 0;
color: #fff;
font-weight: 900;
font-size: 23px;
}
.filter-name {
color: #333;
}
.tax-search input {
background: #f8f9fa;
}
.onecad-fenlei .tax-search {
width: 100%;
}
.meta-post-type,.post-1 .tipss,.post-2 .tipss,.post-7 .tipss,.post-8 .tipss {
display: flex;
padding: 0 5px 0 5px;
width: fit-content;
font-size: 12px;
align-items: center;
}
.post-1 .tipss:last-child,.post-2 .tipss:last-child,.post-4 .tipss:last-child,.post-7 .tipss:last-child {
border-top-right-radius: var(--ji--radius);
}
.tipss {
background-color: rgba(0,0,0,.3);
color: #fff;
}
.post-1 .tipss:first-child,.post-2 .tipss:first-child,.post-4 .tipss:first-child,.post-7 .tipss:first-child {
border-bottom-left-radius: var(--ji--radius);
}
.tipss i {
margin-top: 2px;
margin-right: 5px;
font-size: 12px;
}
.yellow {
background-color: var(--b2color);
}
.search_360 {
background-color: #28bc5b;
color: #fff;
}
.search_baidu {
background-color: #4e6ef2;
color: #fff;
}
.search_bing {
background-color: #ffc20e;
color: #fff;
}
.search_toutiao {
background-color: #f04142;
color: #fff;
}
.search_zhihu {
background-color: #06f;
color: #fff;
}
.home-banner {
position: relative;
background-position: 0 100%;
animation: gradient 12s ease-in-out infinite;
}
.home-banner .section {
position: relative;
overflow: hidden;
width: 100%;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.home-banner .section .video-wrapper {
position: absolute;
z-index: 0;
display: flex;
overflow: hidden;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.home-banner .section .video-wrapper video {
position: absolute;
top: 50%;
left: 50%;
visibility: visible;
width: 100%;
height: 100%;
transform: translate(-50%,-50%);
pointer-events: none;
object-fit: cover;
}
.home-banner .section .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(45,47,54,.15);
}
.home-banner .corner {
position: absolute;
margin: 0;
width: 28px;
height: 21px;
border-radius: 4px;
}
.home-banner .home-menus {
margin-left: 70px;
}
.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
margin-right: 20px;
color: #fff;
font-size: 14px;
line-height: 60px;
}
.home-banner .home-menus .cus-dropbox-trigger a:hover,.home-banner .home-menus>a:hover {
color: var(--b2color);
}
.home-banner>.layout-center {
height: 100%;
}
.home-banner-content {
margin-bottom: 30px;
}
.home-banner-content .slogan-text p {
text-shadow: 0 2px 4px rgba(0,0,0,.25);
letter-spacing: 2px;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.home-banner-content .slogan-text p:nth-of-type(1) {
margin-bottom: 46px;
text-shadow: 0 2px 4px rgba(0,0,0,.25);
letter-spacing: 6px;
font-weight: 600;
font-size: 30px;
line-height: 46px;
}
.home-banner-search {
margin: auto;
width: 70%;
height: auto;
max-width: 900px;
}
.home-banner-search input,textarea {
border: 5px solid rgb(255 255 255 / 18%);
border-radius: 5px;
}
.home-banner-search .tag {
position: absolute;
z-index: -2;
display: flex;
padding: 20px 10px;
width: 100%;
font-size: 15px;
line-height: 35px;
justify-content: center;
}
.home-banner-search .tag a:hover {
background: var(--b2color);
color: #fff;
}
.home-banner-search .tag a {
display: inline;
margin: 5px;
padding: 0 8px;
height: 25px;
border-radius: 10px;
color: #fff;
line-height: 25px;
}
.home-banner-search form>input {
padding: 18px 22px;
width: 100%;
height: 50px;
background: #fff;
color: #333;
font-size: 14px;
}
.home-banner-search form>input::placeholder {
color: #979797;
}
.home-banner-search .hot-top {
position: absolute;
top: 13px;
right: 115px;
color: #000;
font-size: 13px;
}
.home-banner-search .hot-top i {
margin-right: 4px;
}
.home-banner-search .hot-words-container,.home-banner-search .rec-words-container {
top: 56px;
width: 100%;
}
.home-banner-links {
width: 80%;
height: 40px;
text-shadow: 0 2px 4px rgba(0,0,0,.27);
font-size: 14px;
line-height: 40px;
}
.home-banner-links a {
margin-right: 19px;
color: inherit;
}
.home-banner-links a:hover {
color: var(--b2color);
}
.home-banner .search-types-cycles {
position: absolute;
top: -125px;
right: 115px;
z-index: -1;
margin: 0;
width: 100px;
height: 290px;
background: linear-gradient(180deg,rgba(0,0,0,0) 0,var(--b2lightcolor) 51.04%,rgba(0,0,0,0) 100%);
text-align: center;
}
.home-banner .search-types-cycles .search-types-btn {
bottom: -20px;
left: 0;
z-index: 1;
width: 100%;
height: 20px;
line-height: 20px;
cursor: pointer;
user-select: none;
}
.home-banner .search-types-cycles .search-types-btn i {
color: #fff;
font-size: 12px;
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
top: -20px;
bottom: auto;
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
transform: rotate(180deg);
}
.home-banner .search-types-cycles .search-types-btn:hover i {
color: var(--b2color);
}
.home-banner .search-types-cycles ul {
padding-top: 5px;
width: 100%;
height: 100%;
}
.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
background: linear-gradient(0,transparent 0,var(--b2color) 50%,transparent 100%);
content: '';
}
.home-banner .search-types-cycles ul:after {
right: 0;
left: auto;
}
.home-banner .search-types-cycles ul li {
height: 40px!important;
text-align: center;
font-size: 16px;
line-height: 40px!important;
cursor: pointer;
user-select: none;
}
.home-banner .search-types-cycles ul li:hover {
color: var(--b2color);
}
.home-banner .search-types-cycles ul li:nth-of-type(4) {
height: 60px!important;
line-height: 60px!important;
}
.home-banner .search-types-cycles ul li a {
color: rgba(255,255,255,.6);
transition: none;
}
.home-banner .search-types-cycles ul li a:hover {
color: var(--b2color);
}
.home-banner .search-types-cycles button:hover {
background: #46dacf!important;
opacity: 1;
transition: opacity .2s;
}
.home-banner .search-types-cycles button i {
margin-right: 6px;
color: #fff;
font-size: 18px;
}
.home-banner .search-types-cycles button span {
color: #fff;
font-size: 16px;
}
.top-navs {
position: absolute;
bottom: 0;
left: 0;
padding-top: var(--ji--1item);
width: 100%;
backdrop-filter: blur(10px);
}
.top-navs .top-navs-l {
display: flex;
margin: 0 auto;
width: calc(100% - 180px);
border-right: 1px solid rgb(255 255 255 / 10%);
justify-content: center;
align-items: center;
}
.top-navs .top-navs-l-item {
display: flex;
margin: 0 18px;
width: 20%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top-navs .top-navs-l-item .top-navs-l-title .wz {
margin-bottom: 12px;
height: 25px;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
font-size: 18px;
line-height: 34px;
}
.top-navs .top-navs-l-item .top-navs-l-title a i {
margin-right: 8px;
vertical-align: -4px;
font-size: 34px;
}
.top-navs .top-navs-l-item .top-navs-l-title a img {
float: left;
margin-right: 8px;
width: 34px;
height: 34px;
}
.top-navs .top-navs-l-item .top-navs-l-title a:hover {
color: var(--b2color);
}
.top-navs .top-navs-l-item .top-navs-l-links {
display: flex;
margin: 0 -10px;
font-size: 14px;
line-height: 20px;
justify-content: space-around;
}
.top-navs .top-navs-l-item .top-navs-l-links a {
margin: 0 10px;
color: #fff;
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 {
display: none;
padding: 0 24px;
width: 176px;
height: 61px;
border-right: 1px solid rgba(255,255,255,.25);
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.top-navs .top-navs-m a,.top-navs .top-navs-m p,.top-navs .top-navs-m>div {
width: 50%;
color: #fff;
text-align: center;
text-shadow: 1px 1px 1px #000;
font-size: 14px;
line-height: 20px;
cursor: pointer;
user-select: none;
}
.top-navs .top-navs-m a:hover,.top-navs .top-navs-m p:hover,.top-navs .top-navs-m>div:hover {
color: var(--b2color);
}
.top-navs .top-navs-m div p,.top-navs .top-navs-m>a {
margin-bottom: 25px;
}
.top-navs .top-navs-m div p {
margin-top: -20px;
margin-bottom: 0;
width: 100%;
}
.top-navs .top-navs-m .top-navs-m-box {
top: -var(--ji--1item);
left: -72px;
display: none;
margin-top: -70px;
padding: 8px 14px 0;
width: 157px;
height: 66px;
border-radius: 8px;
background: #444;
}
.top-navs .top-navs-m .top-navs-m-box a {
margin-bottom: 9px;
}
.top-navs .top-navs-m .top-navs-m-box a:hover {
color: var(--b2color);
}
.top-navs .top-navs-r {
width: 176px;
}
.top-navs .top-navs-r a {
padding-left: 30px;
width: 50%;
text-align: center;
}
.top-navs .top-navs-r a i {
margin-bottom: 10px;
font-size: 36px;
}
.top-navs .top-navs-r img {
margin-top: -3px;
width: 40px;
height: 40px;
}
.top-navs .top-navs-r a p {
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 14px;
line-height: 40px;
}
.top-navs .top-navs-r a p:hover {
color: var(--b2color);
}
.por {
position: relative;
}
.poa {
position: absolute;
height: calc(100vh - 220px);
max-height: 400px;
}
.pof {
position: fixed;
}
.Onecad_clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: '';
font-size: 0;
line-height: 0;
}
.fl {
float: left;
}
.ovh {
overflow: hidden;
}
.block {
display: block;
}
.icon-rank {
display: inline-block;
overflow: hidden;
width: auto;
border: none;
vertical-align: -3px;
}
img.icon-rank {
margin-right: 0;
width: 20px;
height: 20px;
}
a.hot-top.text-notify:hover {
color: var(--b2color);
}
p.top-navs-l-title {
margin-bottom: 8px;
}
.top-navs-l-title i {
float: left;
width: 1em;
height: 1em;
}
.left-cont {
border: 5px solid rgb(255 255 255 / 18%);
border-radius: 10px;
}
.home-banner-search>form>button {
position: absolute;
top: 0;
right: 1px;
right: 0;
z-index: 1;
box-sizing: border-box;
margin-right: -7px;
padding: 0 15px;
padding-left: 25px;
width: 147px;
height: 56px;
min-width: 100px;
border: 1px solid #23d1c3;
border-radius: 0 8px 8px px 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
background: linear-gradient(90deg,#35eee3 0,#21cec0 100%);
text-align: center;
font-size: 15px;
transform: translateY(0);
}
.home-banner-search .search.hidden {
display: none;
}
.primary-menus .left-cont button {
position: absolute;
top: 10px;
right: 110px;
box-sizing: border-box;
margin-right: 5px;
padding: 0 15px;
height: 40px;
min-width: 100px;
border-radius: 5px;
color: #fff;
font-size: 15px;
line-height: 40px;
cursor: pointer;
transform: translateY(0);
}
.primary-menus .left-cont .jitheme_fbu a {
position: absolute;
top: 10px;
right: 10px;
box-sizing: border-box;
padding: 0 15px;
height: 40px;
min-width: 100px;
border: 1px solid #ffc20e;
border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #ffc20e;
color: #fff;
text-align: center;
font-size: 15px;
line-height: 40px;
cursor: pointer;
transform: translateY(0);
}
.slogan-text.por.fl {
margin-bottom: 10px;
width: 100%;
text-align: center;
}
@media screen and (max-width:768px) {
#page-wrapper {
display: none;
}
}
.Onecad_single_time {
display: flex;
margin-bottom: 30px;
color: #6c6e72;
text-align: center;
font-size: 12px;
}
.Onecad_single_time .left-stick-wp {
position: relative;
}
.Onecad_single_time a {
color: gray;
}
.Onecad_single_time .year {
font-size: 20px;
}
.Onecad_single_time .md,.Onecad_single_time .year {
color: #6c6e72;
}
.Onecad_single_time .md {
font-size: 25px;
line-height: 45px;
}
.Onecad_single_time .time {
margin-bottom: 25px;
color: #6c6e72;
font-size: 20px;
}
.Onecad_single_time .through {
position: relative;
}
.Onecad_single_time .through span {
display: inline-block;
padding: 0 5px;
background: #fff;
}
.Onecad_single_time .through:after {
position: absolute;
top: 50%;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 1px;
background: #e8e8e8;
content: "";
}
.Onecad_single_time .share-title {
margin-top: 100px;
margin-bottom: 18px;
}
.Onecad_single_time .comment-count-title {
margin: 54px auto 15px;
}
.Onecad_single_time .comment-count .text {
position: absolute;
top: -15px;
right: -10px;
display: inline-block;
width: 52px;
color: #ff2f2f;
text-align: center;
font-size: 28px;
line-height: 1;
}
.Onecad_single_time .comment-count .text i {
display: inline-block;
padding: 3px 5px;
background: #fff;
}
.Onecad_single_time .author {
display: inline-block;
color: #2291f7;
line-height: 18px;
}
.Onecad_single_time .author:hover {
color: #2291f7;
}
.Onecad_single_time .qiehao {
display: inline-block;
margin-top: 3px;
padding: 0 8px;
border-radius: var(--ji--1item);
background-color: #2291f7;
color: #fff;
line-height: 18px;
}
.left-stick-wp {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.post-content-footer .content-footer-poster button {
display: block;
margin: 0 auto var(--ji--1item) auto;
padding: 0;
width: 48px;
height: 48px;
border-radius: 100%;
background: #fff;
box-shadow: 0 4px var(--ji--1item) 0 rgb(13 39 91 / 6%);
color: inherit;
text-align: center;
line-height: 48px;
}
.Onecad_circles_ct {
margin: var(--ji--1item) 0;
}
.widget-area-left.widget-area {
margin-left: 0;
}
.topic-loading-more-button {
margin-top: 10px;
padding: 15px;
background-color: #fff;
color: #aaaeb3;
text-align: center;
font-size: 12px;
}
.b2-widget-hot-circle .b2-widget-title button.picked:before {
border-color: transparent transparent #fff!important;
}
@media screen and (max-width:768px) {
.newOneCAD_link {
display: block;
margin: 0 auto;
}
.OneCAD_link {
margin: 10px 0 10px 0;
padding: 10px;
}
.OneCAD_link dl dd {
float: left;
display: inline-block;
margin-top: 6px;
margin-bottom: 6px;
width: 20%;
}
.OneCAD_link dl dd a {
display: block;
}
.OneCAD_link dl dd.xu_link_1 i {
background: url(https://www.tukuv.com/wp-content/uploads/2022/03/1646971125-anli-02.svg) center no-repeat;
background-size: 45px;
}
.OneCAD_link dl dd a i {
display: block;
margin: 0 auto 5px;
width: 45px;
height: 45px;
}
.OneCAD_link dl dd a p {
overflow: hidden;
height: 20px;
text-align: center;
font-size: 13px;
line-height: 25px;
}
dl {
display: block;
overflow: hidden;
justify-content: center;
}
}
.justify a img {
float: left;
}
@media screen and (min-width:768px) {
#model_hdp_onecad,.newOneCAD_link {
display: none;
}
}
.erweima {
color: #fff;
font-style: normal;
font-size: 40px;
opacity: .3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tubiao {
color: #fff;
font-style: normal;
font-size: 16px;
opacity: .8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.home .site-content {
padding-bottom: 0;
}
.footer {
font-size: 13px;
}
@media(max-width:1329px) {
.hide_md {
display: none!important;
}
}
.btn {
display: block;
outline: 0;
border: 0;
text-align: center;
cursor: pointer;
}
.btn-orange-light {
border-radius: 3px;
background-color: #fe5b34;
}
.btn-group {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.btn-group>.btn {
border-radius: 0;
}
.btn-group>.btn:first-child {
border-radius: 3px 0 0 3px;
}
.btn-group>.btn:last-child {
border-radius: 0 3px 3px 0;
}
.footer-fav {
position: relative;
overflow: hidden;
width: 100%;
}
@media(min-width:768px) {
.footer-fav {
display: flex;
overflow: visible;
width: auto;
}
}
.footer-fav .footer-fav-top {
display: flex;
overflow: visible;
padding-top: 36px;
padding-bottom: 36px;
justify-content: space-between;
}
.footer-fav .site-info {
width: 60%;
}
@media(min-width:768px) {
.footer-fav .site-info {
width: auto;
}
}
.footer-fav .site-info h2 {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 20px;
line-height: 1.4;
}
@media(min-width:768px) {
.footer-fav .site-info h2 {
font-size: 26px;
}
}
.footer-fav .site-info h2 a {
color: #000;
}
.footer-fav .site-info .site-p {
margin-bottom: 10px;
}
.footer-fav .site-info .site-p p:first-child::after {
content: ',';
}
@media(min-width:768px) {
.footer-fav .site-info .site-p {
margin-bottom: 0;
}
.footer-fav .site-info .site-p p:first-child::after {
content: '';
}
}
.footer-fav .site-info p {
display: inline;
margin-bottom: 10px;
color: #797979;
font-size: 12px;
line-height: 1.8;
}
@media(min-width:768px) {
.footer-fav .site-info p {
display: block;
margin-bottom: 0;
font-size: 14px;
}
}
.footer-fav .site-fav {
padding-top: 5px;
}
@media(min-width:768px) {
.footer-fav .site-fav {
padding-top: 24px;
}
}
.footer-fav .site-fav .btn-orange {
padding: 0 1.2em;
border-radius: 8px;
background-color: var(--b2color);
color: #fff;
font-size: 14px;
line-height: 2.5;
}
@media(min-width:768px) {
.footer-fav .site-fav .btn-orange {
padding: 0 2em;
font-size: var(--ji--1item);
line-height: 3.5;
}
}
.footer-fav .site-girl {
position: absolute;
bottom: 0;
left: 50%;
}
.footer-fav .site-girl .girl {
position: absolute;
bottom: 0;
left: 0;
width: 180px;
transition: all .3s;
}
@media(min-width:768px) {
.footer-fav .site-girl .girl {
left: -50px;
}
}
.footer-fav .site-girl .girl::after {
position: absolute;
top: 40%;
left: 100%;
display: block;
visibility: hidden;
color: #a7a7a7;
content: 'Hi~';
font-size: 20px;
opacity: 0;
transition: all .2s;
transition: all .3s;
}
.footer-fav .site-girl .thumb {
padding-top: 116.667%;
}
.footer-fav .site-girl .girl-info {
margin-bottom: 55px;
margin-left: 150px;
}
.footer-fav .site-girl h4 {
color: #797979;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
}
.footer-fav .site-girl a {
color: #797979;
}
.footer-fav .site-girl a:hover {
color: #ff5c00;
}
@media(min-width:768px) {
.footer-fav:hover .site-girl .girl {
left: -80px;
}
.footer-fav:hover .site-girl .girl::after {
visibility: visible;
opacity: 1;
transition: all .2s;
}
}
@media(max-width:767px) {
.home .footer-fav {
display: none;
}
}
@media(max-width:767px) {
.footer-fav .btn-group>.btn:last-child {
border-radius: 3px;
}
}
.clearfix:after,.clearfix:before {
clear: both;
display: block;
visibility: none;
height: 0;
content: "";
line-height: 0;
}
.thumb {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 0;
background-color: transparent;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all .2s;
}
#Onecad_footer_ys2 .widget ul li {
box-sizing: border-box;
padding: 0;
max-width: 60px;
font-size: 13px;
}
.Onecad_footer_ico {
margin-bottom: 10px;
padding: 10px 0;
border-radius: 5px;
background-color: rgba(148,148,152,.15);
}
.Onecad_footer_ico i {
margin: auto;
width: 35px;
height: 35px;
}
.Onecad_hide {
visibility: hidden;
opacity: 0;
transition: all .2s;
}
@media(max-width:1023px) {
.hide_sm {
display: none!important;
}
}
.footer-navi {
position: relative;
display: none;
padding: 15px 0;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/bj.jpg) no-repeat;
background-size: cover;
color: #949498;
line-height: 1.9286;
}
@media(max-width:768px) {
.footer-navi {
padding: 0 5px;
}
.foot-copyright {
padding: 0 10px 30px 10px;
}
}
@media(min-width:768px) {
.footer-navi {
display: block;
}
}
@media(min-width:1024px) {
.footer-navi {
padding: 40px 0 20px 0;
}
}
@media(min-width:1310px) {
.footer-navi {
overflow: visible;
}
}
.footer-navi .wrapper {
display: flex;
justify-content: space-evenly;
}
.footer-navi a {
font-size: 14px;
}
.footer-navi a:hover {
color: #fff;
}
.footer-navi .title {
position: relative;
margin-bottom: 14px;
border-bottom: 0;
font-weight: 600;
font-size: 18px;
line-height: 1;
}
@media(min-width:1024px) {
.footer-navi .about {
width: 25%;
}
}
@media(min-width:1310px) {
.footer-navi .about {
padding-right: 20px;
font-size: 14px;
}
}
@media(min-width:768px) {
.footer-navi .wrapper-bq {
padding-top: 32px;
}
}
.footer-navi .navis {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
box-sizing: border-box;
margin-bottom: 30px;
width: 100%;
justify-content: space-between;
flex-wrap: nowrap;
justify-content: space-around;
}
@media(min-width:768px) {
.footer-navi .navis {
margin-bottom: 0;
width: 60%;
}
}
@media(min-width:1024px) {
.footer-navi .navis {
width: 40%;
}
}
.footer-navi .navis .navi {
text-align: center;
flex: 1;
}
@media(min-width:1310px) {
.footer-navi .navis {
display: flex;
width: 50%;
border-right: 1px solid #9e9e9e3b;
border-left: 1px solid #9e9e9e3b;
justify-content: space-evenly;
}
.footer-navi .navis .navi {
text-align: center;
}
}
.footer-navi .ewms {
margin: 0 auto;
}
@media(min-width:768px) {
.footer-navi .ewms {
padding-left: 50px;
width: 25%;
}
}
.footer-navi .ewms::after,.footer-navi .ewms::before {
right: auto;
left: 0;
}
.footer-navi .ewms::before {
left: 1px;
}
.footer-navi .ewms .like {
text-align: center;
}
.footer-navi .ewms .like strong {
background-image: linear-gradient(to right,#13adff 0,#3385ff 50%,#3385ff 100%);
color: #fe3d7d;
font-weight: 400;
font-size: 54px;
font-family: Impact;
line-height: 1.24;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: masked-animation 2s infinite linear;
}
.footer-navi .ewms .like h3 {
font-weight: 400;
font-size: 14px;
line-height: 1.1;
}
.footer_clearfix {
float: none;
display: block;
display: flex;
justify-content: space-between;
}
.footer-navi .ewms ul {
margin-bottom: 35px;
text-align: center;
}
.footer-navi .ewms li {
position: relative;
display: inline;
box-sizing: border-box;
margin-top: 0;
width: 33.333333%;
line-height: 1.3;
}
.footer-navi .ewms li:hover .ewm-content {
bottom: 90px;
visibility: visible;
opacity: 1;
}
.footer-navi .ewms .ico {
font-size: 46px;
cursor: pointer;
transition: all .2s;
}
.footer-navi .ewms .ico:hover {
color: #fff;
}
.footer-navi .ewms .ico i {
display: block;
}
.footer-navi .ewms h4 {
margin: 0;
font-weight: 400;
font-size: 12px;
}
.footer-navi .ewms .ewm-content {
position: absolute;
bottom: 95px;
left: 50%;
z-index: 10;
box-sizing: border-box;
width: 330px;
background: #fff;
box-shadow: 0 var(--ji--1item) 32px 0 rgba(0,0,0,.1);
transform: translate(-50%,0);
}
.footer-navi .ewms .ewm-content::before {
position: absolute;
top: 100%;
left: 50%;
display: block;
margin-left: -6px;
width: 0;
height: 0;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
content: '';
}
@media(max-width:1600px) {
.footer-navi .ewms .ewm-content.ewm-douyin,.footer-navi .ewms .ewm-content.ewm-wechat {
right: 0;
left: auto;
transform: translate(0,0);
}
.footer-navi .ewms .ewm-content.ewm-douyin::before,.footer-navi .ewms .ewm-content.ewm-wechat::before {
right: 30px;
left: auto;
}
.footer-navi .ewms .ewm-content.ewm-douyin {
transform: translate(70px,0);
}
.footer-navi .ewms .ewm-content.ewm-douyin::before {
right: 100px;
}
}
.footer-navi .ewms .ewm-content.ewm-douyin {
width: 400px;
}
.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div {
width: 160px;
}
.footer-navi .ewms .ewm-main {
display: flex;
padding: 10px;
text-align: left;
}
.footer-navi .Onecad_fl .footer-logo {
padding-bottom: var(--ji--1item);
height: 40px;
}
.footer-navi .ewms .ewm-main .fr {
float: right;
}
.footer-navi .ewms .ewm-main .thumb-div {
margin: 10px 10px 10px 10px;
width: 100px;
}
.footer-navi .ewms .ewm-main .thumb {
padding-top: 100%;
}
.footer-navi .ewms .ewm-main h4 {
margin-top: 7px;
color: #333;
font-weight: 400;
font-size: 14px;
line-height: 1.714;
}
.footer-navi .ewms .ewm-main h4 span {
color: #47c333;
}
.footer-navi .ewms .ewm-main a {
display: block;
margin: 10px 0;
color: var(--b2color);
}
.footer-navi .ewms .ewm-main a {
display: flex;
margin-top: 10px;
margin-right: 10px;
height: 25px;
max-width: 100px;
border-radius: 3px;
background-color: var(--b2color);
color: #fff;
font-size: 14px;
line-height: 12px;
justify-content: center;
align-items: center;
}
.footer-navi .ewms .ewm-main h5 {
color: #888;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
.footer-navi .ewms .ewm-douyin .ewm-main {
padding-right: 0;
padding-left: 0;
text-align: center;
}
.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div {
margin: 0 auto;
}
.footer-navi .ewms .ewm-douyin .ewm-douyin-1,.footer-navi .ewms .ewm-douyin .ewm-douyin-2 {
width: 50%;
}
.footer-navi .ewms .ewm-douyin .ewm-douyin-1 {
position: relative;
}
.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after {
position: absolute;
top: 10%;
right: 0;
display: block;
width: 1px;
height: 80%;
background: #f3f3f3;
content: '';
}
@media(min-width:768px) {
.footer-navi .bands {
display: flex;
width: 100%;
}
}
.footer-navi .bands ul {
display: flex;
margin: 0 -8px 0 -7px;
flex: 1;
align-content: space-between;
}
.footer-navi .bands ul li {
box-sizing: border-box;
padding: 0 8px 15px 7px;
width: 50%;
}
@media(min-width:768px) {
.footer-navi .bands ul li {
width: 20%;
}
}
.footer-navi .bands .band {
padding-top: 52px;
border-radius: 3px;
background-color: #42424d;
transition: all .2s;
}
.footer-navi .bands .band::after {
position: absolute;
top: 0;
right: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
content: '';
transition: all .2s;
}
.footer-navi .bands .band:hover {
background-color: #24242d;
}
.footer-navi .bands .band:hover::after {
background: 0 0;
}
.footer-navi .qqgroup {
width: 100%;
}
@media(min-width:1024px) {
.footer-navi .qqgroup {
width: auto;
}
}
.footer-navi .qqgroup a {
display: block;
margin: 0 auto;
width: 220px;
height: 52px;
border-radius: 3px;
background: #222228;
text-align: center;
line-height: 52px;
}
@media(max-width:1023px) {
.hide_sm {
display: none!important;
}
}
.footer .footer-colors {
width: 100%;
height: 4px;
background-color: #333;
background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
background-position: 0 0;
background-repeat: repeat;
animation: animate-colors 200s infinite linear;
animation-play-state: paused;
}
.footer .colors-shadow::after {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(to bottom,rgba(18,18,18,.8),#121212);
content: '';
}
.footer .friendlinks {
margin: 0 -.5em 20px;
color: #4f4f4f;
font-size: 12px;
line-height: 2;
word-break: keep-all;
}
.footer .friendlinks h6 {
display: inline;
margin: 0 .5em;
font-weight: 400;
font-size: 12px;
}
.footer .friendlinks ul {
display: inline;
}
.footer .friendlinks li {
display: inline;
margin: 0 .5em;
}
.footer .friendlinks a {
color: #4f4f4f;
}
.footer .friendlinks a:hover {
color: #acacac;
}
.footer .copyright {
text-align: center;
font-size: 12px;
line-height: 1.5;
}
.footer .copyright .asline {
display: block;
font-style: normal;
}
@media(min-width:768px) {
.footer .copyright .asline {
display: inline;
}
}
.footer .copyright p {
padding: .5em 0;
border-radius: 4px;
}
@media(min-width:768px) {
.footer .copyright p {
display: inline-block;
padding: .5em 1.5em;
background: #000;
}
}
.footer .copyright a:hover {
color: #acacac;
}
.footer .Onecad_fl h2 a {
font-size: 26px;
}
@media all {
.footer:hover .footer-colors {
animation-play-state: running;
}
}
@keyframes animate-colors {
0% {
background-position: 0 0;
}
100% {
background-position: 7000px 0;
}
}
.Onecad_benefitTag_benefits-wrapper {
position: relative;
display: flex;
margin-right: 5px;
height: 53px;
justify-content: center;
}
.benefitTag__benefits-icon___3aeab {
display: inline-block;
width: 32px;
height: 32px;
}
.benefitTag__benefits-text___5d19f {
position: absolute;
bottom: 0;
left: 50%;
color: #4d3626;
white-space: nowrap;
font-weight: 600;
font-size: 12px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.benefitTag__popover___fbaea {
z-index: 9;
max-width: 200px;
min-width: 0;
}
.Onecad_memberWrapper {
position: relative;
display: flex;
padding: 5px 20px 20px;
background-color: #ffffff87;
box-shadow: 0 5px 40px 0 rgba(17,58,93,.1);
cursor: pointer;
flex-direction: column;
backdrop-filter: blur(10px);
align-items: center;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header {
position: relative;
box-sizing: border-box;
margin-bottom: var(--ji--1item);
padding-top: 12px;
width: 300px;
text-align: center;
white-space: nowrap;
font-weight: 700;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
margin-bottom: 4px;
color: #663f32;
letter-spacing: 0;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
color: #663f32;
letter-spacing: 0;
font-weight: 400;
font-size: 12px;
line-height: 17px;
}
.Onecad_memberWrapper.Onecad_memberCard_none .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
margin-right: auto;
margin-left: auto;
width: 180px;
height: 25px;
}
.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header,.Onecad_memberWrapper.memberCard__will-expired___3128d .Onecad_memberCard_member-header {
padding: var(--ji--1item) 0;
border-radius: 8px;
background: hsla(0,0%,100%,.8);
}
.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;
overflow: hidden;
box-sizing: border-box;
margin-bottom: var(--ji--1item);
width: 100%;
border-radius: 8px;
background: hsla(0,0%,100%,.8);
white-space: nowrap;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits li {
float: left;
margin: 10px 0;
width: 25%;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
position: absolute;
top: 50%;
display: flex;
width: 12px;
height: 28px;
background-color: rgba(230,163,115,.2);
cursor: pointer;
transition: all .25s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
align-items: center;
justify-content: center;
}
.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;
display: flex;
width: 152px;
height: 32px;
border-radius: 5px;
background-image: linear-gradient(134deg,#4d5580,#3d4466);
color: #fff3eb;
font-weight: 600;
font-size: 14px;
cursor: pointer;
align-items: center;
justify-content: center;
}
.Onecad_memberWrapper>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 {
position: absolute;
top: -10px;
right: -15px;
padding: 2px 8px;
border-radius: 6px;
background-image: linear-gradient(90deg,#ff9580,#f36);
color: #fff;
text-align: center;
letter-spacing: 0;
font-weight: 100;
font-size: 12px;
}
.Onecad_memberCard_benefitsLiWrapper {
position: relative;
left: 0;
transition: left .3s linear;
}
.Onecad_header_vip_topi {
position: absolute;
right: 5px;
box-sizing: border-box;
padding: 0 3px;
border-radius: 4px;
color: #fff;
text-align: center;
white-space: nowrap;
font-size: 12px;
line-height: 15px;
}
.Onecad_header_vip {
position: relative;
margin-right: 20px;
padding: 0 20px;
width: 25px;
height: 25px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/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;
right: -14px;
z-index: 8000;
display: none;
margin-top: -23px;
padding-top: 70px;
}
.one-home-homevip {
padding: 20px 0;
background-position: center;
background-repeat: no-repeat;
}
.home-homevip-boxmk img {
display: block;
margin: 0 auto 10px auto;
height: 52px;
}
.home-homevip-boxmktitle {
position: relative;
padding-bottom: 20px;
text-align: center;
}
.home-homevip-boxmktitle .price {
margin-bottom: 15px;
color: var(--key-color);
font-size: 16px;
}
.home-homevip-boxmktitle .price strong {
margin: 0 5px;
font-weight: bolder!important;
font-size: 43px;
}
.home-homevip-boxmktitle p {
border-radius: 50px;
background-color: var(--body-bg-color);
color: var(--b2color);
font-size: 14px;
line-height: 27px;
}
.home-homevip-boxmk:hover a {
opacity: .8;
}
.home-homevip-boxmks {
padding: 20px 0;
}
.home-homevip-boxmks span {
display: flex;
margin-right: 3px;
margin-bottom: 0;
font-weight: 600;
font-size: 14px;
}
.home-homevip-boxmks li {
display: flex;
margin: 0 -20px;
padding: 0 15px;
color: var(--key-color);
font-size: 13px;
line-height: 45px;
align-items: center;
justify-content: space-between;
}
.home-homevip-boxmks li:last-child {
margin-bottom: 0;
}
.home-homevip-boxmks li em,.home-homevip-boxmks li em span p {
display: flex;
font-weight: 100;
font-size: 14px;
}
.home-homevip-boxmks li em {
margin-top: 0;
}
.home-homevip-boxmks li:nth-child(odd) {
background-color: var(--muted-bg-color);
}
.home-homevip2-boxmk {
padding: 30px;
}
.home-homevip2-boxmk .title i {
display: block;
width: 100px;
border-radius: 50px;
background-color: #f0506e17;
color: #f0506e;
text-align: center;
font-size: 14px;
line-height: 27px;
}
.home-homevip2-boxmk .title span {
display: block;
margin-top: 20px;
color: #333;
font-weight: 700;
font-size: 30px;
}
.home-homevip2-boxmk .i {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50px;
background: #fff;
box-shadow: 0 15px 60px rgba(54,127,255,.1);
text-align: center;
font-size: 30px!important;
line-height: 60px;
transition: box-shadow .2s;
}
.home-homevip2-boxmk:hover .i {
border-radius: 100%;
box-shadow: 0 0 0 10px rgba(198,209,255,.45),0 0 0 24px rgba(197,209,255,.22);
}
.home-homevip2-boxmk .an {
margin-top: 20px;
height: 33px;
line-height: 33px;
}
.home-homevip2-boxmk .an a {
display: inline-block;
width: 110px;
height: 33px;
border-radius: 4px;
background: var(--b2color);
color: #fff;
text-align: center;
font-size: 14px;
line-height: 33px;
}
.home-homevip2-boxmk .an .jg {
color: #333;
font-weight: 700;
font-size: 30px;
}
.one-grid-column-onecadsmls>*,.one-grid-onecadsmls>* {
padding-left: var(--ji--1item);
}
.home-homevip2-boxmk .an .jg em {
margin-left: 3px;
color: #777;
font-weight: 400;
font-size: 14px;
}
.home-homevip-boxmk {
position: relative;
overflow: hidden!important;
padding: 20px;
text-align: center;
}
.one-background-default {
background-color: var(--main-bg-color);
}
.one-home-title {
margin-bottom: 40px;
text-align: center;
}
.one-home-title span {
color: var(--key-color);
font-weight: 700;
font-size: 28px;
}
.one-home-title p {
margin-top: 20px;
font-weight: 400;
font-size: 16px;
line-height: 25px;
}
.one-grid {
display: flex;
margin: 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
}
.one-container>:last-child {
margin-bottom: 0;
}
.one-grid-column-onecadsmls,.one-grid-onecadsmls {
margin-left: -20px;
}
.one-container {
box-sizing: content-box;
margin-right: auto;
margin-left: auto;
}
.vip_tj {
position: absolute;
top: 15px;
right: -40px;
z-index: 1;
overflow: hidden!important;
width: 150px;
height: 30px;
background: var(--b2color);
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.vips_tj {
position: absolute;
top: 0;
right: 0;
z-index: 1;
overflow: hidden!important;
width: 120px;
height: 30px;
border-radius: 0 0 0 20px;
background: var(--b2color);
box-shadow: 0 0 10px rgb(255 51 85 / 47%);
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
}
.one-dongtai:hover {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
box-shadow: 0 0 10px rgba(0,0,0,.05);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-ms-transform: translateY(-3px);
}
.one-dongtai {
transition: all .3s ease 0s;
}
.vip-top>div p {
margin-top: 20px;
font-size: 16px;
}
#Onecad_vido.grid {
display: flex;
margin: 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
}
#Onecad_vido.grid-medium {
margin-left: -30px;
}
#Onecad_vido.grid-medium>*,.grid-column-medium>* {
padding-left: 30px;
}
#Onecad_vido.b-r-4 {
border-radius: 4px!important;
}
#Onecad_vido.overflow-hidden {
overflow: hidden;
}
#Onecad_vido.background-default {
background-color: #fff;
}
#Onecad_vido.post-audio {
position: relative;
display: block;
overflow: hidden;
background: #1a1a1a;
text-align: center;
}
#Onecad_vido.play-icon {
position: relative;
top: 12px;
z-index: 2;
padding: 10px 88px;
}
#Onecad_vido.play-dot {
position: absolute;
top: 15px;
right: 45px;
z-index: 3;
width: 20px!important;
height: 20px;
}
#Onecad_vido.play-zhen {
position: absolute;
top: 20px;
right: 57px;
z-index: 2;
width: auto!important;
height: 100px;
height: 50%!important;
transition: all .6s ease-in-out;
transform: rotate(-9deg);
transform-origin: right top;
}
#Onecad_vido.post-audio img {
height: auto;
}
#Onecad_vido.play-pan {
position: relative;
top: 50px;
margin-top: -80%;
padding: 10px 77px;
}
#Onecad_vido.title {
display: -webkit-box!important;
overflow: hidden;
padding: 10px;
max-width: 100%;
min-height: 15px;
text-overflow: ellipsis;
white-space: nowrap;
letter-spacing: .5px;
font-size: 15px;
transition: all .3s;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#Onecad_vido.padding-remove {
padding: 0;
}
#Onecad_vido canvas,#Onecad_vido img,#Onecad_vido video,#Onecad_vido.onecad_app_img {
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: calc(100% + 2px);
height: calc(100% + 2px);
max-width: none;
background-color: #000;
transform: translate(-50%,-50%);
}
#Onecad_vido.post-has-video {
position: relative;
}
#Onecad_vido.video {
margin-top: 0!important;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
#Onecad_vido.display-block {
display: block!important;
}
#Onecad_vido.overflow-hidden {
overflow: hidden;
}
#Onecad_vido.post-video,#Onecad_vido.post-video .show-image {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
#Onecad_vido {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
}
#Onecad_vido .post-has-video span {
position: absolute;
top: calc(100%/2 - 25px);
left: calc(100%/2 - 25px);
z-index: 1;
display: block;
width: 50px;
height: 50px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/play_cover.png) center no-repeat;
}
.post-1 .post-list-meta li,.post-2 .post-list-meta li,.post-7 .post-list-meta li {
margin: 0;
margin-right: 10px;
padding: 2px 5px 2px 5px;
border-radius: 20px;
background-color: var(--body-bg-color);
color: var(--key-color);
font-size: 12px;
align-items: center;
}
.post-list-cat {
z-index: 2;
}
.list-footera {
display: flex;
justify-content: space-between;
}
.post-module-thumb img {
-webkit-transition: all .3s;
transition: all .3s;
}
.post-info .post-excerpt p {
display: -webkit-box;
overflow: hidden;
line-height: 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.post-info span {
height: auto;
font-size: 12px;
}
.post-info .picture {
display: flex;
}
.item-in .post-info h2 {
margin: 10px 0 10px;
color: var(--key-color);
font-size: 15px;
line-height: 25px;
}
.post-2 .item-in .post-info h2 {
margin:10px;
}
.post-list-meta li:last-child {
margin-right: 0;
font-size: 12px;
align-items: center;
}
.post-list-meta li:first-child {
display: block!important;
}
.post-1 .post-list-meta-box,.post-2 .post-list-meta-box {
position: absolute;
top: 0;
left: 0;
margin: 10px 0;
margin: 10px;
padding: 0!important;
width: 100%;
color: #aaaeb3;
align-items: center;
justify-content: space-between;
}
.post-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 {
background-color: var(--body-bg-color);
color: var(--b2color);
}
.item-post-style-3 .list-footer {
color: #fff;
}
.item-post-style-3 .item-in .post-info h2,.item-post-style-3 .jitheme-post-info a,.item-post-style-3 .jitheme_avatar_data,.item-post-style-3 .jitheme_data {
color: #fff!important;
}
.post-3-jb {
margin-top: 2px;
margin-right: 0;
}
.post-3-title {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.post-3 .post-info>div:first-child {
padding-bottom: 10px;
justify-content: unset;
}
.post-3 .post-3-li .item-in {
margin: unset;
border-bottom: 1px solid #f5f6f7;
}
.post-3 .post-item-hip .post-excerpt {
line-height: 20px;
-webkit-line-clamp: 2!important;
}
.post-3 .post-excerpt {
-webkit-line-clamp: 2!important;
}
.post-3 .item-in .post-info h2 {
display: flex;
margin-top: 0;
margin-bottom: 0;
}
.post-3 .post-modules-top {
padding: var(--ji--1item) 0;
background-color: var(--body-bg-color);
}
.post-3-li-dubble .item-in .post-info h2 {
margin: var(--ji--1item) 0 var(--ji--1item);
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
font-weight: 700;
font-size: 18px;
font-size: 18px;
line-height: 25px;
}
.box:not(.post-3) {
background: var(--main-bg-color)!important;
}
.post-3 .tipss {
margin-right: 10px;
padding: 0 5px;
height: 20px;
min-width: 40px;
border-radius: 4px;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 20px;
}
.post-3 .post-list-cat {
position: unset;
top: 0;
z-index: 2;
margin: 0;
font-size: 12px;
}
.post-3 .load-more {
margin-top: var(--ji--1item);
}
.post-3 .post-list-cat {
margin-bottom: 0;
}
.post-3 .jitheme_cat .post-list-cat a:before {
margin-top: 3px!important;
}
.post-3 a.post-list-cat-item {
margin-right: 5px;
padding: 0 5px;
height: 20px;
border-radius: 4px;
line-height: 20px;
}
.post-3 .post-info {
padding: 0;
}
.post-3 .post-list-meta {
justify-content: unset;
}
.post-list .b2_gap .post-list-item:hover .post-list-cat {
display: block;
}
.post-info h2 {
margin: var(--ji--1item) 0 var(--ji--1item);
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
font-weight: unset;
font-size: 18px;
line-height: 25px;
}
.post-3 a.post-list-cat-item {
margin-bottom: 0;
}
.post-list-meta li span {
margin: 0 0 0 5px;
font-size: 15px;
opacity: .7;
-webkit-transform: scale(.8);
}
.post-8 .post-list-meta li span {
margin: 0 5px;
}
.post-8 .post-list-meta li+li {
padding-left: 5px;
}
.item-in:hover .post-module-thumb .jitheme_post_div {
top: 198px;
opacity: 1;
}
.post-module-thumb .jitheme_post_div {
position: absolute;
top: 275px;
left: 0;
z-index: 99;
display: flex;
box-sizing: border-box;
margin: 0 auto;
padding: 8px;
width: 100%;
background: rgba(0,0,0,.6);
color: #fff;
font-size: 10.67px;
opacity: 0;
transition: all .3s;
justify-content: space-between;
align-items: center;
}
.post-5 .post-info h2 {
display: flex;
margin: 0!important;
height: auto;
font-weight: 400;
font-size: 15px;
align-items: center;
}
.post-5 .post-info span {
width: 150px;
height: unset;
max-width: 150px;
text-align: right;
font-size: 14px;
line-height: 25px;
}
#Onecad_vips .vip-top {
border-bottom: 0 solid #ccc;
background: 0 0;
}
#Onecad_vips .Onecad_vip_pd img {
margin-top: 3px;
margin-left: 10px;
}
#Onecad_vips b {
font-weight: 100;
}
#Onecad_vips .vip-top>div {
padding: 0;
}
#Onecad_vips .onecad_vips_title {
margin: 0 -20px;
padding: 15px 0 15px 10px;
color: var(--key-color);
text-align: left;
}
#Onecad_vips .Onecad-grid {
display: flex;
margin: 0 var(--ji--3item);
padding: 0;
list-style: none;
}
#Onecad_vips .Onecad_vip_logo a {
display: block;
}
#Onecad_vips .Onecad_vip_logo a img {
height: 36px;
}
#Onecad_vips .Onecad_vip_top {
display: inline-block;
width: 100%;
height: 613px;
text-align: center;
}
#Onecad_vips .Onecad_vip_max {
padding-top: 100px;
}
#Onecad_vips .Onecad_vip_max h2 {
margin-top: 35px;
font-size: 22px;
line-height: 35px;
}
#Onecad_vips .Onecad_vip_privilege_list {
margin-top: 35px;
}
#Onecad_vips .Onecad_vip_privilege_list span {
display: inline-block;
margin-right: 10px;
padding: 0 18px;
height: 38px;
border-radius: 5px;
background-color: rgba(255,255,255,.2);
font-size: 14px;
line-height: 38px;
}
#Onecad_vips .Onecad_vip_privilege_list span:last-child {
margin-right: 0;
}
#Onecad_vips .Onecad_vip_privilege_list span i {
margin-right: 5px;
}
#Onecad_vips .vip-page {
margin-top: -260px;
}
#Onecad_vips .vip-item {
box-sizing: border-box;
padding: var(--ji--2item)!important;
width: 25%;
}
#Onecad_vips .vip-list {
margin: 0 var(--ji--3item)!important;
}
#Onecad_vips .button,#Onecad_vips button {
border: 0 solid #f35;
border-radius: 0;
background: 0 0;
}
#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 {
margin-top: 20px;
padding: 20px;
background-color: #9e9e9e29;
color: var(--key-color);
font-size: 14px;
line-height: 35px;
}
#Onecad_vips .vip-faq-list h2 {
display: flex;
overflow: hidden;
color: var(--key-color);
font-size: 1.25rem;
line-height: 1.4;
flex-direction: row;
align-items: center;
}
#Onecad_vips .box,#Onecad_vips .side-fixed {
position: relative;
overflow: hidden;
background-color: unset;
box-shadow: 0 0 0 rgb(98 124 153 / 10%);
}
#Onecad_vips .vip-faq-list {
padding: 20px;
background-color: var(--main-bg-color)!important;
font-size: 18px;
cursor: pointer;
}
#Onecad_vips .vip-faq-list h2 em {
display: inline-block;
margin-right: 10px;
width: 21px;
height: 21px;
border-radius: 4px;
background: var(--b2color);
color: #fff;
text-align: center;
font-weight: 400;
font-style: unset;
font-size: 14px;
line-height: 21px;
}
#Onecad_vips .vip-faq-list p em {
display: inline-block;
margin-right: 10px;
width: 21px;
height: 21px;
border-radius: 4px;
background: #ccc;
color: #fff;
text-align: center;
font-weight: 400;
font-style: italic;
font-style: unset;
font-size: 14px;
line-height: 21px;
}
.Onecad-vip2-qy {
padding: 20px 0;
}
.vip2-qy-title {
margin: 40px 0;
color: var(--key-color);
text-align: center;
}
.vip2-qy-title h2 {
margin-bottom: 20px;
color: var(--key-color);
font-weight: 700;
font-size: 28px;
}
.vip2-qy-title p {
font-size: var(--ji--1item);
}
.vip2-tqyc-box {
padding: 30px;
text-align: center;
}
.vip2-tqyc-box img {
display: block;
margin: 0 auto;
height: 52px;
}
.vip2-tqyc-box span {
display: block;
margin-top: 20px;
margin-bottom: 20px;
color: var(--key-color);
font-weight: 700;
font-size: 16px;
}
.vip2-tqyc-box p {
color: var(--key-color);
font-weight: 100;
font-size: 14px;
}
.Onecad-width-1-4\@s {
width: 25%;
background-color: #fff;
}
.Onecad-grid {
display: flex;
margin: auto;
padding: 0;
list-style: none;
flex-wrap: wrap;
}
.Onecad-dongtai {
transition: all .3s;
}
.Onecad-dongtai:hover {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
box-shadow: 0 0 10px rgba(0,0,0,.05);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
transform: translateY(-3px);
-ms-transform: translateY(-3px);
}
.Onecad-images img {
width: 100%;
height: 100%;
vertical-align: top;
-webkit-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
#onecad_xuk.onecad_xuk h3 {
font-weight: 600;
line-height: 35px;
}
#onecad_xuk.onecad_xuk .xuk_name {
line-height: 35px;
}
#onecad_xuk.onecad_xuk .xuk_name .td {
padding-right: 20px;
line-height: 35px;
}
#onecad_xuk.onecad_xuk .xuk_name .span {
padding: 0 5px;
background-color: #28a745;
color: #fff;
}
#onecad_xuk.onecad_xuk .xuk_id .td {
padding-right: 20px;
line-height: 35px;
}
#onecad_xuk.onecad_xuk .xuk_id .span {
padding: 0 5px;
background-color: #e91e63;
color: #fff;
}
.order-title div {
width: 100%;
}
#onecad_xuk .xuk_text {
color: #fb0505;
}
.Onecad-new-footer {
font-size: 12px;
}
.Onecad-new-footer p {
line-height: 35px;
}
.onecad_new_footer {
margin-top: 20px;
}
.Onecad-wrap {
margin: 0 auto;
}
.Onecad-new-footer .partner {
padding: 30px 0 15px;
}
.partlink .foot-blank span {
display: none;
border: 2px dotted var(--b2color);
}
.partlink .foot-blank:hover span {
position: absolute;
bottom: 80px;
left: 50%;
display: block!important;
padding: 5px;
width: 120px;
height: 120px;
border-radius: 2px;
background-color: var(--main-bg-color);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.partlink .foot-blank:hover span img {
width: 100%;
}
.partlink .foot-blank:hover span:after {
position: absolute;
bottom: -10px;
left: 50%;
width: 0;
height: 0;
border-color: var(--b2color) transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
content: "";
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.Onecad-new-footer .partner .title {
padding-bottom: 7px;
font-weight: 700;
font-size: 14px;
line-height: 19px;
}
.Onecad-new-footer .partner a {
float: left;
margin-right: 20px;
white-space: nowrap;
letter-spacing: 1px;
}
.Onecad-new-footer .partner a img {
margin: 15px 30px 15px 0;
height: 33px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.Onecad-new-footer .partner a:hover img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: unset;
}
.Onecad-new-footer .partner .hyth-link-apply {
color: var(--b2color);
cursor: pointer;
}
.Onecad-new-footer .partner .partner-first {
overflow: hidden;
padding-bottom: 10px;
height: auto;
line-height: 22px;
}
.Onecad-new-footer .partner .partner-second {
overflow: hidden;
padding-top: 15px;
height: auto;
line-height: 22px;
}
.Onecad-new-footer .partlink {
height: 96px;
background: var(--main-border-color);
}
.Onecad-new-footer .partlink .hyth-wrap {
position: relative;
height: 96px;
}
.Onecad-new-footer .partlink .mail .title {
padding-bottom: 7px;
letter-spacing: 1px;
line-height: 1;
}
.Onecad-new-footer .partlink .mail {
float: left;
padding: 18px 0;
height: 60px;
letter-spacing: .86px;
line-height: 20px;
}
.Onecad-new-footer .partlink .mail a {
margin-right: 30px;
padding-left: 2px;
vertical-align: unset;
}
.hyth-contact-mail i {
vertical-align: bottom;
}
.Onecad-new-footer .partlink .help-btn {
float: left;
padding: 18px 10px;
width: 200px;
height: 60px;
}
.Onecad-new-footer .partlink .help-btn .btn i {
margin-right: 2px;
font-size: var(--ji--1item);
}
.Onecad-new-footer a {
vertical-align: unset;
font-size: 13px;
}
.Onecad-new-footer .partlink .help-btn .btn {
display: inline-block;
width: auto;
height: 30px;
border-radius: 2px;
letter-spacing: 1px;
font-size: 14px;
line-height: 27px;
}
.Onecad-new-footer .partlink .help-btn .btn:hover {
border: 1px solid var(--body-bg-color);
}
.Onecad-new-footer .partlink .help-btn p {
margin-top: 13px;
letter-spacing: .86px;
}
.partlink .foot-blank {
position: relative;
float: right;
margin: 8px 25px;
width: 80px;
height: 80px;
cursor: pointer;
}
.partlink .foot-blank .imgbox {
position: relative;
float: left;
padding: 5px;
width: 80px;
height: 80px;
}
.partlink .foot-blank:hover .imgbox i {
color: var(--b2color);
}
.partlink .foot-blank p {
padding: 10px 0 10px 80px;
letter-spacing: 1px;
line-height: 1;
}
.partlink .foot-cell {
float: left;
display: block;
padding: 18px 20px;
border-left: 1px solid var(--body-bg-color);
}
.partlink .foot-blank .imgbox i {
color: #abb8c3;
font-size: 80px;
line-height: 80px;
opacity: .7;
}
.partlink .foot-cell .tit {
padding-bottom: 7px;
letter-spacing: 1px;
line-height: 1;
}
.partlink .foot-cell div {
letter-spacing: .86px;
line-height: 20px;
}
.partlink .foot-cell .im span,.partlink .foot-cell .link span {
cursor: pointer;
}
.partlink .foot-cell .im span:hover,.partlink .foot-cell .link span:hover {
color: var(--b2color);
}
.partlink .foot-cell .link i,.partlink .foot-cell .qq i,.partlink .foot-cell .tel i {
margin-right: 2px;
vertical-align: text-bottom;
font-size: 15px;
}
.partlink .foot-cell .email i,.partlink .foot-cell .im i {
margin-right: 2px;
vertical-align: bottom;
}
.Onecad-new-footer .copyright {
padding: 0;
text-align: center;
}
.Onecad-new-footer .copyright .links {
padding-top: 10px;
color: var(--key-color);
font-size: 13px;
line-height: 28px;
}
.Onecad-new-footer .copyright .links span:nth-last-child(1) {
display: none;
}
.Onecad-new-footer .copyright .links a,.Onecad-new-footer .copyright p a {
margin: 0 6px;
color: #000;
}
.Onecad-new-footer .copyright p span:nth-last-child(1) {
display: none;
}
.Onecad-new-footer .copyright p {
letter-spacing: 1px;
line-height: 23px;
}
.Onecad-new-footer .copyright .links a:hover,.Onecad-new-footer .copyright p a:hover,.Onecad-new-footer .partlink .mail a:hover,.Onecad-new-footer .partner a:hover {
color: var(--b2color);
}
.content-grey,.content-red {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 0;
text-align: center;
}
.content-grey h2,.content-grey h5,.content-red h2,.content-red h5 {
margin: 0 0 20px;
color: #fff;
font-weight: 600;
font-size: 48px;
line-height: 1.5;
}
.content-grey h6,.content-red h6 {
margin: 15px 0;
color: #fff;
font-size: 17px;
}
.content-grey .footer-btna,.content-red .footer-btna {
display: block;
margin: 50px auto 0;
width: 240px;
height: 56px;
border-radius: 6px;
background-color: #fff;
color: var(--b2color);
font-size: 16px;
line-height: 56px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.content-grey .footer-btna:hover,.content-red .footer-btna:hover {
opacity: .9;
}
.content-grey h5 {
color: #000;
}
.content-grey h6 {
color: #8c8889;
}
.Onecad-action-panel__main {
flex: 1;
-webkit-box-flex: 1;
}
.Onecad-action-panel {
padding: 0 20px;
background-size: cover;
background-repeat: no-repeat;
color: #fff;
-webkit-font-smoothing: antialiased;
}
.Onecad-action-panel__inner {
display: flex;
margin: 0 auto;
min-height: 160px;
align-items: center;
}
.Onecad-action-panel__desc {
display: -webkit-box;
overflow: hidden;
max-width: 700px;
max-height: 64px;
color: #fff;
font-weight: 400;
font-size: 24px;
line-height: 32px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Onecad-action-panel__qrcodes {
display: flex;
margin: 24px 0 8px;
white-space: nowrap;
}
.Onecad-action-panel .tpm1-qrcode:first-child {
margin-left: 0;
}
.tpm1-qrcode__img {
margin: 0 auto;
width: 100px;
height: 100px;
}
.tpm1-qrcode__text {
margin-top: 8px;
color: #fff;
}
.tpm1-qrcode {
color: #000;
text-align: center;
font-size: 12px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
}
.Onecad-action-panel__desc .tpm1-action-panel-text-subtit {
color: #fff;
font-size: 14px;
line-height: 50px;
}
.onecad_new_footer_sj {
padding: 0 10px 10px 10px;
padding-bottom: 100px;
text-align: center;
font-size: 12px;
line-height: 22px;
}
.onecad_new_footer.bg_img {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.grid-medium {
margin-left: -30px;
}
.grid-column-medium>*,.grid-medium>* {
padding-left: 30px;
}
.width-1-5 {
width: 20%;
}
.overflow-hidden {
position: absolute;
top: 0;
left: 0;
display: flex;
overflow: hidden;
width: 100%;
height: 100%;
}
.post-7 .background-default {
background-color: #fff;
}
.post-7 .background-default {
background-color: unset;
}
.post-audio {
position: relative;
display: block;
overflow: hidden;
text-align: center;
}
.play-icon {
position: absolute;
top: calc((100% - 60px)/ 2);
right: calc((100% - 60px)/ 2);
z-index: 1;
z-index: 2;
width: 60px;
height: 60px;
border: 5px solid #ffffff26;
border-radius: 60px;
}
.play-dot {
position: absolute;
top: 15px;
right: 55px;
z-index: 3;
width: 20px!important;
height: 20px;
}
.play-zhen {
position: absolute;
top: 20px;
right: 62px;
z-index: 2;
width: auto!important;
height: 100px;
height: 50%!important;
transition: all .6s ease-in-out;
transform: rotate(-9deg);
transform-origin: right top;
}
.audio-pan {
height: 100%;
}
.play-pan {
position: absolute;
top: calc((100% - 120px)/ 2);
right: calc((100% - 120px)/ 2);
z-index: 1;
width: 120px;
height: 120px;
border: 5px solid #00000017;
border-radius: 100%!important;
}
@-webkit-keyframes z {
from {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
}
to {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
}
}
.audio-wrapper {
margin-bottom: 20px;
padding: 20px;
flex-direction: column;
justify-content: center;
}
.audio-left {
display: flex;
justify-content: center;
align-items: center;
}
.audio-left img {
position: absolute;
z-index: 3;
display: initial;
margin: 0!important;
width: 80px;
height: 80px;
cursor: pointer;
}
.post-video>.video .meta-video-tag {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
width: 50px;
height: 50px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/mp3/play.svg) 50% no-repeat;
background-size: cover;
content: ' ';
}
@-webkit-keyframes z {
from {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
}
to {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
}
}
#jitheme_post_mp3 .cover-bg {
display: flex;
margin: 0 auto;
width: 200px;
height: 200px;
border-radius: 50%;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/Css/Center/Assets/images/mp3/pan.png) no-repeat;
background-color: #000;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
justify-content: center;
align-items: center;
-webkit-animation: z 5s linear 0s infinite;
-moz-animation: z 5s linear 0s infinite;
-ms-animation: z 5s linear 0s infinite;
animation: z 5s linear 0s infinite;
}
#jitheme_post_mp3 .audio-right {
margin-top: 20px;
margin-right: 0;
padding: 20px;
background-color: var(--body-bg-color);
box-shadow: 0 0 2px rgb(98 124 153 / 72%);
}
#jitheme_post_mp3 .audio-right h1 {
display: -webkit-box;
overflow: hidden;
margin-bottom: 10px;
padding-left: 0!important;
text-overflow: ellipsis;
text-overflow: ellipsis;
letter-spacing: .5px;
font-weight: 500;
font-size: 1.5em!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#jitheme_post_mp3 .audio-right h1:after {
position: absolute;
left: 0;
width: 0!important;
height: 100%;
border-radius: 2px;
background: #006eff;
box-shadow: 3px 0 10px -1px #006eff;
content: '';
}
#jitheme_post_mp3 .progress-bar-bg {
position: relative;
height: 15px;
background-color: #d9d9d9;
cursor: pointer;
}
#jitheme_post_mp3 .progress-yinfu {
position: absolute;
top: -1px;
left: -1px;
z-index: 3;
width: 101%;
height: 100%;
}
#jitheme_post_mp3 .progress-bar-bg span {
position: absolute;
width: 2px;
height: 100%;
background-image: linear-gradient(to top,#4481eb 0,#04befe 100%);
content: " ";
cursor: pointer;
}
#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;
color: #3e3e3e;
font-size: 14px;
}
#jitheme_post_mp3 .audio-length-total {
float: right;
color: #3e3e3e;
font-size: 14px;
}
#jitheme_post_mp3 .n-box fieldset {
padding: 10px;
border: 1px dashed #bdbdbd;
border-radius: 5px;
color: #bdbdbd;
text-align: center;
font-size: 12px;
line-height: 2em;
}
#jitheme_post_mp3 .audio-pan .play-icon {
position: relative;
top: 0;
z-index: 2;
padding: 10px 50px;
}
#jitheme_post_mp3 .audio-pan .play-zhen {
position: absolute;
top: 20px;
right: 24px;
z-index: 2;
width: auto!important;
height: 100px;
height: 50%!important;
transition: all .6s ease-in-out;
transform: rotate(-9deg);
transform-origin: right top;
}
#jitheme_post_mp3 .audio-pan .play-dot {
position: absolute;
top: 15px;
right: 17px;
z-index: 3;
width: 20px!important;
height: 20px;
}
#jitheme_post_mp3 .audio-pan .play-pan {
position: relative;
top: 0;
margin-top: -70%;
padding: 10px 50px;
}
@-webkit-keyframes z {
from {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
}
to {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
}
}
video {
box-sizing: border-box;
height: auto;
max-width: 100%;
}
#jitheme_post_mp3 .poster-footer {
font-size: 14px;
}
#jitheme_post_mp3 .poster-footer a {
margin-right: 24px;
color: #3e3e3e;
}
.jitheme_slide_ss {
display: flex;
margin-left: -20px;
padding: 0 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.jitheme_slide_jb {
position: relative;
width: 100%;
}
.jitheme_slide_n {
display: flex;
margin: 0 auto;
padding-top: 10px;
height: 60px;
color: #fff;
font-size: 14px;
justify-content: space-between;
}
.jitheme_slide_n .jitheme_slide_s {
position: relative;
display: inline-block;
padding: 0 30px;
height: 40px;
border-radius: 73px;
background: 0 0;
vertical-align: middle;
text-align: center;
line-height: 40px;
}
.jitheme_slide_n .jitheme_slide_s ul {
float: left;
margin: 0 auto;
}
.jitheme_slide_n .jitheme_slide_s li {
float: left;
margin-right: 40px;
}
.jitheme_slide_n .jitheme_slide_s li .first {
color: var(--b2color);
}
.jitheme_slide_n .jitheme_slide_s li a {
float: left;
color: #606075;
font-weight: 200;
font-size: 14px;
}
.jitheme_slide_n .jitheme_slide_y {
position: relative;
display: inline-block;
padding: 0 40px;
height: 40px;
background: 0 0;
vertical-align: middle;
text-align: center;
line-height: 40px;
}
.jitheme_slide_n .jitheme_slide_y a {
margin-left: 40px;
color: #f35;
}
.jitheme_slide_d {
box-sizing: border-box;
padding-left: 20px;
width: 100%;
max-width: 100%;
flex: 0 0 25%;
}
.jitheme-dt:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
transform: translateY(-3px);
-ms-transform: translateY(-3px);
}
.jitheme_slide_d .mini-stats {
position: relative;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-width: 0;
border: 1px solid rgba(0,0,0,.125);
border: none;
background-clip: border-box;
-webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
word-wrap: break-word;
transition: all .3s;
-ms-flex-direction: column;
flex-direction: column;
}
.jitheme_slide_d .mini-stats:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
transform: translateY(-3px);
-ms-transform: translateY(-3px);
}
.mini-stats .mini-stats-content {
padding: 10px 15px 15px 15px!important;
}
.jitheme_slide_d_mb4,.my-4 {
margin-bottom: 15px!important;
}
.jitheme_slide_d_right {
color: rgba(255,255,255,.5)!important;
text-align: right!important;
}
.jitheme_slide_d_right span {
display: inline-block;
margin-top: .5rem!important;
margin-bottom: .5rem!important;
padding: .25em .4em;
border-radius: .25rem;
background-color: #f8f9fa;
color: var(--b2color)!important;
vertical-align: baseline;
text-align: center;
white-space: nowrap;
font-weight: 700;
font-size: 75%;
line-height: 1;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.jitheme_slide_d_right p {
color: #fff;
}
.jitheme_slide_d_m {
margin-right: 15px!important;
margin-left: 15px!important;
}
.jitheme_slide_d_m .mini-stats-desc {
position: relative;
bottom: 22px;
display: inline-block;
display: flex;
padding: 10px!important;
height: 100%;
-webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.jitheme_slide_d_m .mini-stats-desc li {
float: left;
box-sizing: border-box;
width: 100%;
max-width: 100%;
flex: 0 0 33.33333%;
}
.jitheme_slide_d_m .mini-stats-desc a {
display: block;
}
.jitheme_slide_d_m .mini-stats-desc a:hover {
color: var(--primary-color)!important;
}
.jitheme_slide_d_m .mini-stats-desc a img {
display: block;
margin: 0 auto 5px;
width: 58px;
height: 45px;
}
.jitheme_slide_d_m .mini-stats-desc p {
display: block;
overflow: hidden;
height: 20px;
color: var(--this-text);
text-align: center;
font-size: 13px;
line-height: 20px;
}
.home .jitheme_slide_d_m li {
list-style: none;
}
.jitheme_slide_link {
padding: 20px 30px;
width: calc(100% + 30px);
}
.jitheme_slide_link ul {
display: flex;
margin-left: 0;
}
.jitheme_slide_link ul li {
float: left;
margin-bottom: 10px;
padding-right: 30px;
width: calc(100%/8);
}
.jitheme_slide_link ul li a {
display: flex;
border-radius: 4px;
color: #616161;
text-align: center;
font-size: 13px;
line-height: 28px;
justify-content: space-around;
}
.jitheme_slide_tjmk {
height: 50px;
}
.jitheme_slide_tjmk .jitheme_slide_tj {
padding: 15px 0 12px;
height: 20px;
text-align: center;
line-height: 20px;
}
.jitheme_slide_tjmk .jitheme_slide_tj li {
position: relative;
display: inline-block;
padding-right: 20px;
padding-left: 20px;
height: 20px;
color: var(--muted-color);
font-size: 13px;
line-height: 20px;
}
.jitheme_jishi_gg {
position: relative;
width: 376px;
}
.jitheme_jishi {
width: 376px;
height: 39px;
background-image: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/tip-l.png);
background-size: 376px 62px;
background-repeat: no-repeat;
}
.jitheme_jishi:before {
margin-right: 8px;
width: var(--ji--1item);
height: var(--ji--1item);
background-image: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/icon-clock.svg);
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
content: "";
}
.jitheme_jishi {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
color: #000;
text-align: center;
white-space: nowrap;
font-size: 14px;
line-height: 22px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.jitheme_jishi em {
display: inline-block;
margin: 0 5px;
padding-top: 1px;
width: 24px;
height: 24px;
border-radius: 5px;
background-color: var(--b2color);
color: #fff;
font-style: unset;
}
.jitheme_jishi_img {
width: 100%;
height: 180px;
}
.vsjs {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding: 0 5px;
height: 20px;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 20px;
}
.jitheme_wrapper {
margin: 0 auto;
padding: 0 50px;
width: 95%;
}
.Onecad_title,.module-title,.webfont,.widget-title {
font-style: normal;
font-size: 16px;
font-family: webfont!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tax-header {
margin-top: -15px;
}
.tax-info-item-jitheme {
display: flex;
margin-right: 0;
align-items: center;
}
.tax-header .tax-info { }
.tax-info-item-jitheme .fliter-button {
display: block;
padding: 7px var(--ji--1item);
border: 0;
border-color: #f8f9fa;
background-color: var(--float-btn-bg);
box-shadow: 0 0 2px rgb(98 124 153 / 10%);
color: var(--key-color);
font-size: 14px;
}
.fixed-right {
visibility: visible;
opacity: 1;
}
.fixed-right .item:hover {
background: var(--b2color);
color: #fff;
}
.fixed-right {
position: fixed;
bottom: var(--ji--1item);
z-index: 20;
display: block;
margin-left: 665px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.fixed-right span:hover .code-div {
display: block;
}
.fixed-right .drop {
margin-bottom: 10px;
}
.fixed-right .menus {
margin-bottom: 10px;
}
.fixed-right .menus .item:last-child {
border-bottom: none;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fixed-right .menus .item {
border-bottom: 1px solid #f2f2f2;
}
.fixed-right .item {
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50px;
height: 50px;
border-radius: 4px;
background: #fff;
box-shadow: 0 8px var(--ji--1item) rgba(0,0,0,.05);
color: #505050;
text-align: center;
font-size: 26px;
line-height: 50px;
cursor: pointer;
}
.fixed-right i {
font-size: 18px;
}
.fixed-right .code-div {
position: absolute;
right: 100%;
bottom: -50px;
display: none;
margin-right: -20px;
padding-right: 30px;
}
.fixed-right .code-div .ewmDiv {
padding: 15px 15px 0 15px;
border: 1px solid #e8e8e8;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.fixed-right .code-div .ewm-item {
overflow: hidden;
margin-bottom: 10px;
width: 200px;
border-bottom: 1px dashed #eaeaea;
}
.fixed-right .code-div .ewm-item:last-child {
border-bottom: 0 dashed #fff;
}
.fixed-right .code-div .ewm-item .code-wrap {
float: left;
width: 40%;
}
.fixed-right .code-div .code {
margin-bottom: 10px;
padding-top: 100%;
width: 100%;
height: 0;
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;
-webkit-background-size: contain;
}
.fixed-right .code-div .ewm-item .ewm-main {
margin-left: 45%;
text-align: center;
}
.fixed-right .code-div p {
margin: 5px 0 8px;
color: #bcbcbc;
font-size: 12px;
line-height: 1.3;
}
.fixed-right .code-div .ewm-weibo a h5 {
color: var(--b2color);
}
.fixed-right .code-div .wz {
color: var(--b2color);
font-size: 12px;
line-height: 22px;
}
.user-s-follow {
padding: 10px;
text-align: center;
}
.modules-title-box .module-title {
margin-right: 10px;
text-align: left;
font-weight: 600;
font-size: 26px;
}
.col-sm-6 {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: calc(20% - 12px);
border-radius: 4px;
background-size: 100% 100%;
cursor: pointer;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mb20 {
margin-bottom: var(--ji--1item);
}
.homebk8-ctn ul,.homebk9-ctn ul {
display: flex;
width: calc(100% + var(--ji--1item));
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
.homebk8-ctn li {
padding: 20px;
width: 14.28%;
border-radius: 5px;
text-align: center;
transition: .2s;
}
.whitebg-sm {
border-radius: 8px!important;
background: #fff;
}
.homebk12 .homebk6-btn {
flex-direction: column;
}
.homebk6-btn {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
opacity: 0;
transition: .2s;
justify-content: center;
align-items: center;
}
.homebk12 .homebk8-ctn li {
position: relative;
overflow: hidden;
margin-right: var(--ji--1item);
margin-bottom: var(--ji--1item);
}
.homebk12 .homebk8-ctn li:hover .homebk12-item {
filter: blur(15px);
}
.homebk12 .homebk8-ctn li:hover .homebk6-btn {
opacity: 1;
}
.homebk12 .homebk8-ctn li a {
height: 140px;
}
.homebk12 .homebk6-btn {
flex-direction: column;
}
.homebk12 .homebk8-ctn .homebk6-btn a {
margin-bottom: 10px;
height: 28px;
}
.homebk12 .homebk8-ctn .homebk6-btn a:hover {
margin-top: 0;
opacity: .9;
}
.homebk12 .homebk8-ctn li:hover img {
margin-top: 0;
}
.homebk12 .homebk8-ctn li .homebk12-img img {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
}
.homebk12 .homebk8-ctn li .homebk12-img {
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 6px;
width: 66px;
height: 66px;
border-radius: 50%;
background: #f4f4f4;
}
.homebk12-img .homebk12-imgbg {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 66px;
height: 66px;
background: #eee;
background-size: cover;
opacity: .2;
transform: translate(-50%,-50%);
filter: blur(8px);
}
.homebk12 .homebk8-ctn li p {
overflow: hidden;
text-align: center;
}
.homebk12 .homebk8-ctn .homebk6-btn a {
margin-bottom: 10px;
height: 28px;
}
.homebk12 .homebk8-ctn li a {
height: 140px;
}
.homebk6-btn a.ckxq {
background: #2dc5ff;
}
.homebk6-btn a.zdwz {
background: #47e193;
}
.homebk8-ctn li a {
display: block;
margin-right: auto;
margin-left: auto;
width: 86px;
height: 150px;
}
.homebk6-btn a {
display: block;
margin: 0 5px;
width: 80px;
height: 28px;
border-radius: 3px;
background: #999;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 28px;
transition: .3s;
}
.homebk12 .homebk8-ctn li p {
overflow: hidden;
text-align: center;
}
.homebk8-ctn li p {
overflow: hidden;
color: var(--this-text);
text-overflow: ellipsis;
font-size: 12px;
}
.homebk8-ctn li h3 {
overflow: hidden;
margin-top: 15px;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
font-size: 15px;
}
.sitesingle {
position: relative;
display: flex;
overflow: hidden;
justify-content: space-between;
align-items: stretch;
}
.whitebg {
border-radius: 5px;
background: #fff;
box-shadow: 0 0 10px rgba(54,138,179,.1);
}
.link-box,.mb20 {
margin-bottom: 20px;
}
.link-box {
padding: 0;
}
.sitesingle::after,.sitesingle::before {
position: absolute;
top: 280px;
left: 50%;
z-index: 0;
margin-left: -153vh;
width: 198vw;
height: 211vw;
border-radius: 43%;
background-color: #08f;
content: '';
opacity: .05;
transform-origin: 50% 49%;
animation: bgRotate 30s linear infinite;
animation-duration: 30s;
}
.sitesingle {
position: relative;
display: flex;
overflow: hidden;
margin: 0 auto;
margin-bottom: var(--ji--1item);
justify-content: space-between;
align-items: stretch;
}
.sitesingle::after,.sitesingle::before {
position: absolute;
top: 280px;
left: 50%;
z-index: 0;
margin-left: -153vh;
width: 198vw;
height: 211vw;
border-radius: 43%;
background-color: #08f;
content: '';
opacity: .05;
transform-origin: 50% 49%;
animation: bgRotate 30s linear infinite;
animation-duration: 30s;
}
.sitesingle::after {
border-radius: 45%;
opacity: .1;
}
.sitesingle-l {
position: relative;
z-index: 99;
display: flex;
padding: 35px 25px;
width: 100%;
justify-content: flex-start;
align-items: stretch;
}
.sitesingle-img {
margin-right: 30px;
padding: 10px;
width: 300px;
height: 240px;
background: rgba(0,0,0,.05);
box-shadow: 0 30px 20px -20px rgba(0,0,0,.15);
}
.sitesingle-img img {
width: 100%;
height: 100%;
}
.sitesingle-r {
position: relative;
z-index: 99;
padding: 45px 25px;
width: 35%;
text-align: right;
}
.sitesingle-r img {
width: 370px;
height: 220px;
border-radius: 5px;
}
.sitesingle-l .info {
margin-top: 10px;
margin-bottom: 15px;
}
.sitesingle-l .info p {
color: #6b7386;
line-height: 2;
}
.sitesingle-l .info p a {
margin-right: 10px;
color: #6b7386;
}
.sitesingle-l .info p a i {
margin-right: 3px;
}
.sitesingle-infopf {
display: flex;
color: #6b7386;
line-height: 2;
justify-content: flex-start;
align-items: center;
}
.appsingle .sitesingle-infopf p.star {
margin-bottom: 0;
width: 65px;
}
.appsingle .info {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.appsingle .info .sitesingle-infopf {
width: 100%;
}
.sitesingle-info {
width: calc(100% - 300px);
}
.appsingle .info p {
display: block;
margin-right: 25px;
width: 40%;
}
.sitesingle-btn a {
display: inline-block;
margin-right: 6px;
width: 90px;
height: 28px;
border-radius: 3px;
background: #999;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 28px;
transition: .3s;
}
.sitesingle-btn a i {
margin-right: 3px;
font-size: 12px;
transition: .2s;
}
.sitesingle-btn a.zdwz {
background: #2dc5ff;
}
.sitesingle-btn a.sjck {
position: relative;
background: #47e193;
}
.sitesingle-btn a.sjck .sjckimg {
position: absolute;
top: 50%;
left: 100px;
display: none;
padding: 6px;
width: 120px;
height: 120px;
border-radius: 5px;
background: #eee;
transform: translateY(-50%);
}
.sitesingle-btn a.sjck .sjckimg:before {
position: absolute;
top: 50%;
left: -19px;
width: 0;
height: 0;
border-top: 10px transparent solid;
border-right: 10px #eee solid;
border-bottom: 10px transparent solid;
border-left: 10px transparent solid;
content: "";
transform: translateY(-50%);
}
.sitesingle-btn a.sjck:hover .sjckimg {
display: block;
}
.sitesingle-btn a:hover i {
margin-right: 6px;
}
.sitesingle-btn a.sjck .sjckimg img {
width: 100%;
height: 100%;
}
.sitesingle-btn a:hover {
box-shadow: 0 0 10px rgb(54,138,179,.1);
color: #fff;
}
.booksingle .sitesingle-img {
width: 210px;
height: 290px;
}
.booksingle .sitesingle-l .info p {
line-height: 2.3;
}
.booksingle-tj .homebk9-ctn li img {
width: 140px;
height: 190px;
}
.appsingle .sitesingle-img {
width: 240px;
height: 240px;
}
.site-warp {
display: flex;
overflow: hidden;
height: 300px;
align-items: center;
}
.site-search {
max-width: 680px;
}
.site_tongji {
overflow: hidden;
padding: 0 5px;
color: #909399;
font-weight: 100;
}
.site-search h3 {
margin-bottom: 20px;
color: #fff;
text-align: center;
letter-spacing: .5px;
font-size: 26px;
}
.site-search form {
position: relative;
display: flex;
width: 100%;
border-radius: 4px 0 0 4px;
background: #fff;
}
.site-search input {
width: 100%;
height: 46px;
border: 0;
border-radius: 4px;
color: var(--this-text);
text-indent: 10px;
}
.site-search button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: inline-block;
margin: auto;
padding: 0;
width: 80px;
height: 36px;
outline: 0;
border: 0;
border-radius: 4px;
background: var(--b2color);
color: #fff;
text-align: center;
font-size: 14px;
line-height: 38px;
cursor: pointer;
transition: all .1s;
}
.jitheme_search_add {
top: 0;
right: 5px;
bottom: 0;
display: inline-block;
margin: auto;
padding: 0;
width: 80px;
height: 36px;
outline: 0;
border: 0;
border-radius: 4px;
background: #00ce41;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 38px;
cursor: pointer;
transition: all .1s;
}
.b2-links-yl a:hover {
color: #fff;
}
.site-search form i {
position: absolute;
top: 50%;
right: 0;
padding: 0 15px;
color: #999;
font-size: 22px;
transform: translateY(-50%);
}
.search-tmenu {
margin-bottom: 20px;
padding: 0;
text-align: center;
}
.search-tmenu li {
display: inline-block;
padding: 0 12px;
}
.search-tmenu li span {
display: inline-block;
padding-bottom: 10px;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.search-tmenu .active span {
position: relative;
display: inline-block;
color: #fff;
}
.search-tmenu .active span::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
border-radius: 3px;
background: #fff;
content: '';
}
.search-bmenu {
text-align: center;
}
.search-bmenu .on {
color: #fff;
opacity: 1;
}
.search-item {
display: inline-block;
margin: 0 10px;
color: #fff;
font-size: 14px;
opacity: .5;
cursor: pointer;
}
.subnav {
margin-top: 15px;
}
.subnav-item {
display: none;
}
.subnav .active {
display: block!important;
}
.sousk {
display: flex;
border: 5px solid rgb(255 255 255 / 18%);
}
.b2-links-yl {
right: 0;
padding: 5px;
border-radius: 0 4px 4px 0;
background: #fff;
text-align: center;
line-height: 26px;
}
.jitheme_search {
display: block;
width: 80px;
color: var(--b2color);
font-size: 14px;
flex: inherit;
}
.b2-tab-links {
width: 150px;
min-width: 150px;
}
.link-total-cat {
margin-right: 0;
margin-bottom: 0;
padding: 10px;
border-radius: 5px 5px 0 0;
background-color: var(--b2color);
color: #fff;
text-align: center;
font-size: 15px;
}
.b2-tab-links a.toc-link {
margin: 0;
}
.jitop_gif {
position: absolute;
top: 30px;
left: -65px;
padding: 0;
width: 55px;
height: auto;
border: 0;
background: 0 0;
}
.jitop_gif .icon-avatar {
position: relative;
z-index: 4;
display: inline-block;
width: 85px;
height: 150px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Center/Assets/images/th.gif) no-repeat 0 0;
vertical-align: top;
}
.search-form-document input {
padding: 15px;
border-radius: 0;
border-radius: 10px;
font-size: 15px;
}
.search-form-document button i {
margin-right: 5px;
font-size: 20px;
transform: translateY(2px);
}
.search-form-document button {
top: 0;
right: 8px;
bottom: 0;
left: unset;
display: flex;
margin: auto;
padding: 0;
width: 80px;
height: 36px;
outline: 0;
border: 0;
border-radius: 4px;
background: var(--b2color);
color: #fff;
text-align: center;
font-size: 15px;
line-height: 38px;
transition: all .1s;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
.search-form-document {
width: 800px;
}
.video-list-title {
display: flex;
}
.post-3 .post-module-thumb {
margin-right: var(--ji--1item);
height: auto;
}
.bar-middle {
bottom: 40px;
width: 100%;
}
.aside-bar {
width: 50px;
}
.bar-footer>div,.bar-normal>div {
position: relative;
padding: 10px;
}
.aside-bar .bar-item-desc {
border-radius: 0;
}
.bar-item-desc.bar-qrcode-box li {
padding: 10px;
}
.bar-footer,.bar-middle .bar-normal,.bar-top,.gdd-quick-link-buy-vip {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.gdd-quick-link-buy-vip__popover {
right: 10px;
}
.gdd-quick-link-buy-vip__hover-block {
width: 50px;
}
.gdd-quick-link-buy-vip__hover-block p {
margin-left: 11px;
width: 28px;
}
.post-breadcrumb a {
line-height: 24px;
}
.jitheme-bqts {
padding: 15px;
background: #eef7ff;
color: #121212;
}
.jitheme-bqts p {
font-size: 13px;
}
.jitheme-bqts1 {
display: flex;
margin-bottom: 10px;
font-size: 18px;
}
.jitheme-bqts2 {
font-size: 14px;
}
@media screen and (max-width:768px) {
.jitheme-bqts2 p {
margin-bottom: 0;
font-size: 12px;
}
.jitheme-bqts1 {
margin-bottom: 0;
}
}
#page-wrapper .slider-1 .carousel,#page-wrapper .slider-1 .flickity-viewport img {
border-radius: 0!important;
}
.slider-1.b2-radius {
border-radius: 0!important;
}
.home-section-first-menus {
position: absolute;
width: 260px;
background: #333333ab;
z-index: 3;
}
.home-section-first-menus .sub {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.home-section-first-menus .sub.fade-in {
opacity: 1;
}
.home-section-first-menus .main-menus {
height: 100%;
}
.home-section-first-menus .main-menus ul {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.home-section-first-menus .main-menus .li {
display: block;
}
.home-section-first-menus .main-menus .li.show a {
background: hsla(0,0%,100%,.3);
border-radius: var(--b2radius);
}
.home-section-first-menus .main-menus .li.show .menu {
color: #fff;
}
.home-section-first-menus .main-menus .li.show .sub {
visibility: visible;
opacity: 1;
}
.home-section-first-menus .main-menus .menu {
display: block;
padding: 10px 10px 10px 20px;
color: hsla(0,0%,100%,.8);
font-size: 18px;
display: flex; margin:8px;
font-size: 16px;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.home-section-first-menus .main-menus .menu img {
width: 30px;
height: 30px;  margin-right: 10px; }
.home-section-first-menus .main-menus .sub {
position: absolute;
top: 0;
bottom: 0;
visibility: hidden;
overflow-y: auto;
padding: 20px;
width: 480px;
background: var(--main-bg-color);
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.home-section-first-menus .main-menus .sub h2 {
margin-bottom: 18px;
font-size: 16px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 {
overflow: hidden;
margin: 0 -12px 0;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
float: left;
margin-bottom: 24px;
padding: 0 12px;
width: 50%;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
position: relative;
display: block;
padding: 15px 20px 12px 50px;
}
.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 {
position: absolute;
top: 22px;
left: 15px;
display: block;
width: 25px;
height: 25px;
color: var(--b2color);
text-align: center;
font-size: 25px;
line-height: 25px;
}
.home-section-first-menus .main-menus .menu p:before {
position: absolute;
top: 50%;
right: 4px;
width: 7px;
height: 7px;
border-top: 1px solid hsla(0,0%,100%,.8);
border-right: 1px solid hsla(0,0%,100%,.8);
content: '';
opacity: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: translate(20px,-50%) rotate(45deg);
transform: translate(20px,-50%) rotate(45deg);
}
.home-section-first-menus .main-menus .menu span {
position: relative;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.home-section-first-menus .main-menus .menu .b2flax{
width: 100%;    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
display: block;
overflow: hidden;
height: 1.5em;
font-weight: 400;
font-size: 16px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-023,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
display: inline-block;
margin-bottom: 3px;
color: #ffa300;
vertical-align: bottom;
font-size: 12px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
color: #ff2c58;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc {
display: block;
overflow: hidden;
height: 1.5em;
color: #bdbdbd;
font-size: 12px;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 {
margin: 0 -10px 0 0;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 0 10px 0 0;
width: 33.3333%;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
display: block;
overflow: hidden;
padding: 0 10px;
height: 36px;
white-space: nowrap;
font-size: 14px;
line-height: 36px;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
display: inline-block;
margin-right: 5px;
width: 25px;
height: 25px;
-webkit-border-radius: 100%;
border-radius: 100%;
text-align: center;
font-style: normal;
font-size: 12px;
line-height: 25px;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover {
background: var(--b2color);
color: #fff;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em {
background: #fff;
color: var(--b2color);
}
.thumb {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.timer {
z-index: 1;
color: #fff;
transform: translateY(0);
user-select: none;
}
@media screen and (max-width:512px) {
.timer {
transform: translateY(-10px);
}
}
.timer__content {
display: flex;
margin-top: 20px;
}
.timer__item {
position: relative;
display: flex;
padding: 0 10px;
width: 25%;
color: #f35;
transition: all 1s .2s ease;
flex-direction: column;
align-items: center;
justify-content: center;
animation: item .6s ease backwards;
}
.timer__item:hover {
transition: all .3s ease;
transform: translateY(0);
}
@media screen and (max-width:799px) {
.timer__item:hover {
transform: translateY(0);
}
}
.timer__item:nth-child(1) {
animation-delay: .2s;
}
.timer__item:nth-child(2) {
animation-delay: .4s;
}
.timer__item:nth-child(3) {
animation-delay: .6s;
}
.timer__item:nth-child(4) {
animation-delay: .8s;
}
@keyframes item {
0% {
opacity: 0;
transform: translateY(40px);
}
}
.timer__item:before {
position: absolute;
bottom: 0;
z-index: -1;
width: calc(100% - 20px);
height: 60px;
border-radius: 10px;
background-color: #ffffff87;
box-shadow: 0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 rgba(255,255,255,.08);
content: "";
backdrop-filter: blur(5px);
backdrop-filter: blur(10px);
align-items: center;
}
@media screen and (max-width:799px) {
.timer__item:before {
height: 80px;
}
}
@media screen and (max-width:512px) {
.timer__item:before {
width: calc(100% - 10px);
height: 60px;
border-radius: 5px;
}
}
.timer__name {
position: absolute;
right: 12px;
bottom: 0;
border: 3px solid #f5f6f71a;
border-radius: 50%;
color: #e91e63;
text-align: center;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 600;
font-size: 12px;
font-family: "Barlow Semi Condensed",sans-serif;
line-height: 13px;
}
@media screen and (max-width:799px) {
.timer__name {
font-size: 14px;
}
}
.timer__number {
display: flex;
width: 60px;
height: 60px;
text-align: center;
letter-spacing: 2px;
font-weight: 700;
font-size: 30px;
justify-content: center;
align-items: center;
animation: number .4s 1.4s ease backwards;
}
@media screen and (max-width:799px) {
.timer__number {
width: 80px;
height: 80px;
font-size: 40px;
}
}
@media screen and (max-width:512px) {
.timer__number {
width: 60px;
height: 60px;
font-size: 28px;
}
}
@keyframes number {
0% {
opacity: 0;
transform: scale(.5);
}
}
.timer__text {
padding-top: 20px;
padding-bottom: 20px;
color: #e91e63;
text-align: center;
font-weight: 400;
font-size: 20px;
line-height: 20px;
}
@media screen and (max-width:799px) {
.timer__text {
font-size: var(--ji--1item);
}
}
@media screen and (max-width:512px) {
.timer__text {
margin-top: 30px;
}
}
.timer_btn {
position: relative;
display: flex;
margin: 20px auto 0 auto;
margin-top: 20px;
width: 152px;
height: 32px;
background-image: linear-gradient(134deg,#4d5580,#3d4466);
color: #fff3eb;
font-weight: 600;
font-size: 14px;
cursor: pointer;
align-items: center;
justify-content: center;
}
.timer_btn {
border: 0!important;
}
.timer_btn:hover {
background-image: linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));
}
.timer_btn:active {
background-image: linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));
}
.timer_btn .timer_btn_jb {
position: absolute;
top: -14px;
right: -54px;
padding: 2px 8px;
border-radius: 6px;
background-image: linear-gradient(90deg,#ff9580,#f36);
color: #fff;
text-align: center;
letter-spacing: 0;
font-weight: 100;
font-size: 20px;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.document-content .box,.side-fixed {
display: table;
width: 100%;
height: 100%;
}
.b2-pagenav {
margin-top: 10px;
padding: 10px;
}
.jitheme_zt {
position: absolute;
box-sizing: border-box;
margin-top: 1px;
margin-left: 10px;
padding: 0 5px;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 12px;
}
.collection-button {
width: 40px;
height: 40px;
}
.collection-next .flickity-button-icon,.collection-previous .flickity-button-icon {
position: absolute;
top: 50%;
left: 50%;
width: 15px;
transform: translate(-50%,-50%);
}
.jitheme_color {
background: var(--b2color);
}
.jitheme_zt:after {
position: absolute;
top: 3px;
left: -4px;
display: block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid var(--b2color);
border-bottom: 5px solid transparent;
content: "";
}
.jitheme_soft {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 5;
padding-top: 5px;
width: 25px;
height: auto;
background-color: #ffffffed;
box-shadow: 0 5px 40px 0 rgba(17,58,93,.1);
text-align: center;
font-size: 8px;
backdrop-filter: blur(10px);
align-items: center;
}
.soft_ico img {
margin-bottom: 5px;
width: 15px;
height: 15px;
}
.jianma_btn {
display: inline-block;
padding: 3px 5px;
color: #fff!important;
vertical-align: middle;
text-align: center;
font-weight: 400;
font-size: 12px;
line-height: 20px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.entry-content a:hover {
text-decoration: none!important;
}
.jitheme {
transition: opacity .15s linear;
}
.btn-primary {
border-color: #536de6;
background-color: #536de6;
color: #fff!important;
}
.btn-primary:hover {
border-color: #2647e0;
background-color: #3251e1;
color: #fff!important;
}
.btn-secondary {
border-color: #6c757d;
background-color: #6c757d;
color: #fff!important;
}
.btn-secondary:hover {
border-color: #545b62;
background-color: #5a6268;
color: #fff!important;
}
.btn-success {
border-color: #10c469;
background-color: #10c469;
color: #fff!important;
}
.btn-success:hover {
border-color: #0c9550;
background-color: #0da156;
color: #fff!important;
}
.btn-info {
border-color: #35b8e0;
background-color: #35b8e0;
color: #fff!important;
}
.btn-info:hover {
border-color: #1e9dc4;
background-color: #20a6cf;
color: #fff!important;
}
.btn-info.focus,.btn-info:focus {
border-color: #1e9dc4;
background-color: #20a6cf;
box-shadow: 0 0 0 .2rem rgba(83,195,229,.5);
color: #fff!important;
}
.btn-warning {
border-color: #f9c851;
background-color: #f9c851;
color: #631c00;
}
.btn-warning:hover {
border-color: #f7b820;
background-color: #f8bc2c;
color: #631c00;
}
.btn-warning.focus,.btn-warning:focus {
border-color: #f7b820;
background-color: #f8bc2c;
box-shadow: 0 0 0 .2rem rgba(227,174,69,.5);
color: #631c00;
}
.btn-danger {
border-color: #ff5b5b;
background-color: #ff5b5b;
color: #fff!important;
}
.btn-danger:hover {
border-color: #ff2828;
background-color: #ff3535;
color: #fff!important;
}
.btn-danger.focus,.btn-danger:focus {
border-color: #ff2828;
background-color: #ff3535;
box-shadow: 0 0 0 .2rem rgba(255,116,116,.5);
color: #fff!important;
}
.btn-danger.disabled,.btn-danger:disabled {
border-color: #ff5b5b;
background-color: #ff5b5b;
color: #fff!important;
}
.btn-light {
border-color: #f35;
background-color: #f35;
color: #631c00;
}
.btn-light:hover {
border-color: #f35;
background-color: #f35;
color: #631c00;
}
.btn-dark {
border-color: #323a46;
background-color: #323a46;
color: #fff!important;
}
.btn-dark:hover {
border-color: #1d2128;
background-color: #222830;
color: #fff!important;
}
.collapse:not(.show) {
display: none;
}
.alert {
position: relative;
margin-top: 0;
margin-bottom: 10px;
padding: 10px;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-heading {
color: inherit;
}
.alert h4,.alert h5 {
margin: 0 0 15px;
margin-bottom: .875rem;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 4rem;
}
button.close {
padding: 0;
border: 0;
background-color: transparent;
}
.close {
float: right;
height: 100%;
text-shadow: 0 1px 0 #fff;
font-weight: 700;
font-size: 25px;
line-height: 25px;
opacity: .5;
}
.alert-dismissible .close {
position: absolute;
top: -3px;
right: 0;
z-index: 2;
padding: .4rem 1.25rem;
color: inherit;
}
.alert-primary {
border-color: #cfd6f8;
background-color: #dde2fa;
color: #2b3978;
}
.alert-primary hr {
border-top-color: #b9c3f5;
}
.alert-primary .alert-link {
color: #1e2752;
}
.alert-secondary {
border-color: #d6d8db;
background-color: #e2e3e5;
color: #383d41;
}
.alert-secondary hr {
border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
color: #202326;
}
.alert-success {
border-color: #bceed5;
background-color: #cff3e1;
color: #086637;
}
.alert-success hr {
border-top-color: #a8e9c8;
}
.alert-success .alert-link {
color: #04371e;
}
.alert-info {
border-color: #c6ebf6;
background-color: #d7f1f9;
color: #1c6074;
}
.alert-info hr {
border-top-color: #b0e3f3;
}
.alert-info .alert-link {
color: #123e4b;
}
.alert-warning {
border-color: #fdf0ce;
background-color: #fef4dc;
color: #81682a;
}
.alert-warning hr {
border-top-color: #fce9b6;
}
.alert-warning .alert-link {
color: #5b491d;
}
.alert-danger {
border-color: #ffd1d1;
background-color: #ffdede;
color: #852f2f;
}
.alert-danger hr {
border-top-color: #ffb8b8;
}
.alert-danger .alert-link {
color: #5f2222;
}
.alert-light {
border-color: #f5f9fc;
background-color: #f8fafd;
color: #73797f;
}
.alert-light hr {
border-top-color: #e1edf6;
}
.alert-light .alert-link {
color: #5b6064;
}
.alert-dark {
border-color: #c6c8cb;
background-color: #d6d8da;
color: #1a1e24;
}
.alert-dark hr {
border-top-color: #b9bbbf;
}
.alert-dark .alert-link {
color: #050506;
}
.m-1 {
margin: 5px!important;
}
.mt-1,.my-1 {
margin-top: 5px!important;
}
.mr-1,.mx-1 {
margin-right: 5px!important;
}
.mb-1,.my-1 {
margin-bottom: 5px!important;
}
.ml-1,.mx-1 {
margin-left: 5px!important;
}
.m-2 {
margin: 5px!important;
}
.mt-2,.my-2 {
margin-top: 5px!important;
}
.mr-2,.mx-2 {
margin-right: 5px!important;
}
.mb-2,.my-2 {
margin-bottom: 5px!important;
}
.ml-2,.mx-2 {
margin-left: 5px!important;
}
.m-3 {
margin: 10px!important;
}
.mt-3,.my-3 {
padding-top: 10px!important;
}
.mr-3,.mx-3 {
margin-right: 10px!important;
}
.mb-3,.my-3 {
margin-bottom: 10px!important;
}
.ml-3,.mx-3 {
margin-left: 10px!important;
}
.m-4 {
margin: 15px!important;
}
.mt-4,.my-4 {
margin-top: 15px!important;
}
.mr-4,.mx-4 {
margin-right: 15px!important;
}
.mb-4,.my-4 {
margin-bottom: 15px!important;
}
.accordion-button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1rem 1.25rem;
width: 100%;
border: 0;
border-radius: 0;
background-color: #fff;
color: #212529;
text-align: left;
font-size: 14px;
font-size: .9375rem;
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow-anchor: none;
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
-webkit-transition: none;
transition: none;
}
}
.accordion .accordion-button {
text-align: left;
}
.accordion.accordion-icon .accordion-header {
position: relative;
margin: 0;
}
.accordion.accordion-icon .accordion-header .accordion-button {
border: none;
background: 0 0;
font-size: 13px;
}
.accordion.accordion-icon .accordion-header .accordion-button:after {
position: absolute;
top: 47%;
right: 20px;
z-index: 9;
display: block;
width: 10px;
height: 2px;
background: #24292d!important;
content: "";
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(-50%);
-webkit-transform: rotateZ(0);
transform: translateY(-50%);
transform: rotateZ(0);
}
.accordion.accordion-icon .accordion-header .accordion-button:before {
position: absolute;
top: 47%;
right: 20px;
z-index: 9;
display: block;
width: 10px;
height: 2px;
background: #24292d!important;
content: "";
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(-50%);
-webkit-transform: rotateZ(0);
transform: translateY(-50%);
transform: rotateZ(0);
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
.accordion.accordion-icon .accordion-collapse {
border: none;
background-color: #f8fafd;
font-size: 13px;
}
.accordion.accordion-icon .accordion-body {
padding: .2rem .5rem .5rem 1rem;
}
.accordion.accordion-bg-light .accordion-item {
border: none;
background-color: transparent;
}
.accordion.accordion-bg-light .accordion-button {
padding: .65rem 1.25rem;
background-color: #cff3e1!important;
color: #086637!important;
}
.accordion.accordion-bg-light .accordion-button:after {
background: #24292d!important;
}
.accordion.accordion-bg-light .accordion-button:before {
background: #24292d!important;
}
.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
@media (max-width:575.98px) {
.accordion-icon .accordion-body {
padding: .6rem .5rem .5rem .5rem!important;
}
.accordion-header .accordion-button {
padding-left: 1.3rem!important;
}
}
.jitheme_meta {
padding-bottom: 20px;
justify-content: center;
}
.jitheme_meta a {
margin: 0;
padding: 0 15px;
height: 22px;
max-width: unset;
border: 0;
color: #5a5a5a;
font-size: 15px;
line-height: 22px;
}
.jitheme_meta a.current,.jitheme_meta a:hover {
border: none;
background: 0 0!important;
color: var(--b2color);
}
.jitheme_meta span {
display: flex;
margin-top: 0;
}
.jitheme_meta span i {
margin-right: 5px;
vertical-align: text-top;
font-size: 20px;
}
.jitheme_meta span img {
margin-right: 5px;
width: 20px;
height: auto;
}
.jitheme_meta a:hover {
border: none;
background: 0 0!important;
color: var(--b2color);
}
#jitheme_archive_swiper {
position: relative;
width: 100%;
}
#sence-box {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 80px;
max-width: 1920px;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-ms-transform: translateX(0);
}
#sence-box #sence-list-box {
position: relative;
width: 100%;
height: 100%;
}
#sence-box #sence-list-box #swiper1 {
z-index: 0!important;
overflow: hidden;
height: 100%;
}
.hottopic-next,.hottopic-prev {
margin-top: -25px;
}
.sence-list-next,.sence-list-prev {
right: 0;
margin-top: -80px;
}
.swiper-container {
position: relative;
z-index: 1;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
list-style: none;
}
.jitheme_swiper_jt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.jitheme_swiper_jt div {
display: flex;
width: 36px;
height: 36px;
border-radius: 18px;
background: rgba(255,255,255,.9);
box-shadow: rgb(0 0 0 / 15%) 0 4px 12px;
color: #000;
cursor: pointer;
transition: background-color .2s;
backdrop-filter: blur(6px);
justify-content: center;
align-items: center;
pointer-events: auto;
}
.jitheme_swiper_jt div img,.swiper-button-next img,.swiper-button-prev img {
width: 18px;
height: var(--ji--1item);
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide {
position: relative;
height: 80px;
transition: all .28s; }
.swiper-slide {
position: relative;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 80px;
display: flex;
align-items: center;
flex-direction: row;
align-content: center;
justify-content: space-around;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
float: left;
overflow: hidden;
margin-left: var(--ji--1item);
height: 100%;
background: 0 0;
text-align: left;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 36px; -moz-border-bottom-right-radius: 8px;  -moz-border-bottom-left-radius: 8px; background-color: #fff;
color: #333;
text-align: center;
font-weight: 400;
font-size: 14px;
font-family: PingFangSC-Regular,PingFang SC;
line-height: 45px;
border-top-width: 0;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-border-bottom-right-radius: 8px;
-ms-border-bottom-right-radius: 8px;
-o-border-bottom-left-radius: 8px;
-ms-border-bottom-left-radius: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name h6 {
display: block; color: var(--key-color);
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name span {
display: block;
margin-top: 4px;
color: var(--muted-color);
font-weight: 400;
font-size: 12px;
line-height: 17px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name { overflow: hidden; width: 98px;
height: 46px;
background: 0 0;
display: flex; flex-direction: column;
align-items: flex-end;
justify-content: center;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image {
float: right;
overflow: hidden;  width: 45px;
height: 45px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image img {
width: 100%;
border: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image .sence-diagram-normal {
width: 100%;
}
#sence-list-box .swiper-button-next,#sence-list-box .swiper-button-prev {
position: absolute;
top: unset;
z-index: 10;
width: 36px;
height: 80px;
background-position: center;
background-size: 27px 44px;
background-repeat: no-repeat;
cursor: pointer;
}
.swiper-container .swiper-notification {
position: absolute;
top: 0;
left: 0;
z-index: -1000;
opacity: 0;
pointer-events: none;
}
#sence-box #sence-list-box .swiper-button-next,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev {
right: -20px;
justify-content: flex-start;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
left: auto;
background-image: unset;
}
#sence-box #sence-list-box .swiper-button-next .iconfont,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev .iconfont {
outline: 0;
color: #000;
font-weight: 900;
font-size: 24px;
line-height: 40px;
}
#sence-box #sence-list-box .swiper-button-prev .iconfont,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next .iconfont {
outline: 0;
color: #000;
font-weight: 900;
font-size: 24px;
line-height: 40px;
}
#sence-box #sence-list-box .swiper-button-prev,#sence-box #sence-list-box .swiper-container-rtl .swiper-button-next {
left: -20px;
justify-content: flex-start;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: 1!important;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
right: auto;
left: -20px;
background-image: unset;
}
#jiheme_heml .swiper-button-prev {
left: 10px;
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
z-index: 5;
width: 35px;
height: 35px;
border-radius: 25px;
cursor: pointer;
}
.topic-title {
position: relative;
padding-left: 10px;
color: #3b3946;
font-weight: 600;
font-size: 22px;
font-family: PingFangSC-Semibold,PingFang SC;
line-height: 30px;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
box-sizing: content-box;
width: 100%;
height: 100%;
transition-property: transform,-webkit-transform;
}
.swiper-container .swiper-notification {
position: absolute;
top: 0;
left: 0;
z-index: -1000;
opacity: 0;
pointer-events: none;
}
#hottopic #swiper2 {
z-index: 0!important;
overflow: hidden;
height: 100%;
}
#hottopic #swiper2 .swiper-slide {
overflow: hidden;
overflow: hidden;
margin-right: 20px;
width: 292px;
height: 100%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-ms-transition: all .3s;
}
#hottopic #swiper2 .swiper-slide img {
display: block;
width: 100%;
height: 126px;
}
.swiper-container .swiper-notification {
position: absolute;
top: 0;
left: 0;
z-index: -1000;
opacity: 0;
pointer-events: none;
}
#hottopic .swiper-button-next,#hottopic .swiper-container-rtl .swiper-button-prev {
width: 40px;
height: 40px;
outline: 0;
border-radius: 50%;
text-align: center;
}
#hottopic .swiper-button-next .iconfont,#hottopic .swiper-container-rtl .swiper-button-prev .iconfont {
outline: 0;
color: #000;
font-weight: 900;
font-size: 24px;
line-height: 40px;
}
#hottopic .swiper-button-prev,#hottopic .swiper-container-rtl .swiper-button-next {
width: 40px;
height: 40px;
outline: 0;
border-radius: 50%;
text-align: center;
}
#hottopic .swiper-button-prev .iconfont,#hottopic .swiper-container-rtl .swiper-button-next .iconfont {
outline: 0;
color: #000;
font-weight: 900;
font-size: 24px;
line-height: 40px;
}
#Jitheme_diy_fla .jitheme_item img {
width: 100%;
}
.jitheme_item {
overflow: hidden;
width: 100%;
height: 100%;
}
.jitheme_mask {
position: absolute;
bottom: 0;
display: flex;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.384);
color: #fff;
font-size: 15px;
font-family: PingFangSC-Medium,PingFang SC;
cursor: pointer;
transition: background-color .2s;
justify-content: center;
align-items: center;
}
.jitheme_mask:hover {
background-color: var(--b2color);
}
.jitheme_mask:hover .jitheme_mask_badge {
background-color: #fff;
color: var(--b2color);
}
.jitheme_mask_badge {
position: absolute;
top: 10px;
right: 0;
margin: 0 .25em;
padding: 2px 3px 3px 3px;
border-radius: 4px;
background-color: var(--b2color);
background-clip: padding-box;
color: #fff;
text-align: center;
font-weight: 400;
font-size: .75em;
line-height: 1;
transform: translate(0,-50%);
}
.Jitheme_wrapper {
margin-bottom: var(--ji--1item);
background-color: var(--main-bg-color);
box-shadow: 0 5px 40px 0 rgba(17,58,93,.1);
}
.filter-name {
margin-right: 12px;
margin-right: 20px;
color: #999;
flex-shrink: 0;
}
#jitheme-filter-top {
overflow: hidden;
font-size: unset;
}
.jitheme_item .picture>img {
width: 100%;
height: 80px;
}
#filter-top a {
font-size: var(--ji--1item);
}
#jitheme-filter-top a {
font-size: 14px;
}
#jitheme-filter-top ul li {
display: flex;
align-items: stretch!important;
}
#filter-top ul li {
display: unset;
margin-bottom: 0;
padding: 0;
align-items: baseline;
}
#filter-top {
text-align: center;
}
.jitheme-items li {
margin-right: 35px;
font-size: 15!important;
}
.filter-item a {
display: inline-block;
margin: 10px 35px 0 0;
height: 20px;
line-height: 20px;
cursor: pointer;
}
.filter-item a:hover,.jitheme_fl a:hover {
color: var(--b2color);
font-weight: 400;
}
.filter-item .current {
color: var(--b2color);
font-weight: 600;
cursor: pointer;
}
.filter-item span img {
margin-top: 2px;
margin-right: 5px;
width: 15px;
height: 15px;
vertical-align: text-top;
}
.filter-item span {
display: flex;
}
.onecad-fenlei {
padding-top: 20px;
background-color: var(--main-bg-color);
}
.jitheme-fenlei {
margin-bottom: 20px;
padding: 0 20px;
background-color: var(--main-bg-color);
}
.jitheme-fenlei li,.onecad-fenlei li {
position: relative;
color: #424866;
line-height: 40px;
cursor: pointer;
}
.jitheme-items {
display: flex;
}
.archive_title {
position: absolute!important;
margin-top: -120px;
}
.onecad-fenlei li .current {
position: relative;
position: relative;
padding-bottom: 30px;
border-bottom: 3px solid var(--b2color);
color: var(--b2color)!important;
font-weight: 600;
}
.filter-item .current {
position: relative;
position: relative;
padding-bottom: 25px;
border-bottom: 2px solid var(--b2color);
color: var(--b2color)!important;
font-weight: 600;
}
.jitheme-items a {
padding: 8px 0;
line-height: 40px;
}
.jitheme-items li .current:after {
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: var(--b2color);
content: "";
}
.jitheme_ico_new {
position: absolute;
top: -7px;
right: -15px;
display: inline-block;
padding: 0 4px;
border-radius: 10px 2px 10px 2px;
background: var(--b2color);
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: var(--ji--1item);
}
#filter-top .filter-item {
justify-content: center;
}
.jitheme_ax_jb {
position: relative;
left: 20px;
margin-top: -40px;
color: var(--b2color)!important;
font-size: 12px;
}
.jitheme_xx {
padding-right: 25px;
color: var(--key-color);
line-height: 40px;
}
.filter-items span img,.jitheme_ico { }
.term-title {
position: relative;
display: inline-block;
margin-right: 25px;
padding: 8px 0;
width: 320px;
max-width: 320px;
border-radius: 3px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: var(--key-color);
text-align: center;
font-weight: 600;
font-size: 12px;
}
.filter-items span {
display: flex;
}
.filter-items span i {
font-size: 18px;
}
.tax-search button {
right: 0;
left: unset;
}
.tax-search button {
position: absolute;
top: 0;
right: 0;
display: flex;
width: 84px;
width: 64px;
height: 33px;
border-radius: 24px;
background: var(--body-bg-color);
color: #fff;
cursor: pointer;
flex-direction: row;
align-items: center;
justify-content: center;
}
.tax-search button i {
color: var(--key-color);
}
.tax-search input {
border-radius: 24px;
background: var(--body-bg-color);
}
.tax-info-item-jitheme .fliter-button {
margin-left: 20px;
}
.listygo-btn {
position: relative;
z-index: 1;
display: inline-flex;
overflow: hidden;
margin: 0 10px 0 0;
width: 100%;
font-weight: 600;
font-size: 15px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
-ms-transition: all .4s ease;
align-items: center;
}
.listygo-btn:last-child {
margin: 0;
}
.listygo-btn-bj {
border: 0;
background-color: var(--b2color);
color: #fff;
}
.listygo-btn-wbj {
border: 1px solid var(--b2color);
background-color: var(--main-bg-color);
color: var(--b2color);
}
.listygo-btn--style1:hover::before {
left: 0;
visibility: visible;
width: 100%;
opacity: 1;
transition: width .8s ease;
}
.listygo-btn--style1::before {
position: absolute;
left: 100%;
z-index: -1;
visibility: hidden;
width: 0%;
height: 100%;
background-color: var(--b2color);
content: "";
opacity: 0;
}
.listygo-btn__icon {
position: relative;
z-index: 1;
display: inline-grid;
min-width: 40px;
min-height: 40px;
border-radius: 40px;
place-content: center;
}
.listygo-btn--style1:hover .listygo-btn__icon i,.listygo-btn--style1:hover span {
color: #fff;
transition: all .4s ease;
}
.blog-block__figure::before,.event-wrapper::before,.listygo-btn__icon::before,.wh-100 {
width: 100%;
height: 100%;
}
.listygo-btn__icon i {
z-index: 1;
font-size: 20px;
transform: rotate(0);
}
.listygo-btn--style1:hover .listygo-btn__icon::before {
transform: scale(1) rotate(180deg);
}
.listygo-btn__icon::before {
position: absolute;
z-index: -1;
border-radius: 50%;
content: "";
}
.index-list .list-article,.index-list .list-nav,.index-list .list-soft {
margin-top: 30px;
}
.index-list .list-article-main,.index-list .list-nav-main,.index-list .list-soft-main {
box-sizing: border-box;
padding: 20px;
border-radius: 5px;
background: #fff;
}
.list-soft-main .layui-tab {
width: 910px;
}
.list-soft-main .layui-tab-brief>.layui-tab-title .layui-this {
color: #007bf5;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
border-bottom: 2px solid #007bf5;
}
.list-soft-main .layui-tab {
margin: 0;
}
.list-soft-main .layui-tab-title li {
margin: 0 30px 0 0;
padding: 0;
}
.list-soft-main .list-soft-tab {
width: 910px;
}
.list-article-tab .type,.list-nav-tab .type,.list-soft-tab .type {
border-bottom: 1px solid #f6f6f6;
}
.list-article-tab .type a,.list-nav-tab .type a,.list-soft-tab .type a {
display: inline-block;
margin: 0 30px 0 0;
padding: 0 5px;
height: 30px;
color: #ababab;
text-indent: 0;
font-size: 15px;
line-height: 35px;
cursor: pointer;
}
.list-article-tab .type .hover,.list-nav-tab .type .hover,.list-soft-tab .type .hover {
height: 40px;
border-bottom: 3px solid #007bf5;
color: #007bf5;
}
.list-soft-plate {
overflow: hidden;
height: 385px;
}
.article-plate,.soft-plate {
width: 10000px;
transition: .4s all;
}
.hot-soft {
width: 10000px;
transition: .5s all;
}
.soft-plate .plate-list {
float: left;
width: 910px;
height: 400px;
}
.article-plate .plate-list,.soft-plate .plate-list {
margin-right: 0;
}
.fl .list-soft-plate .plate-list,.list-nav-plate .plate-list {
display: none;
}
.list-article-plate .plate-list.ing,.list-nav-plate .plate-list.ing,.list-soft-plate .plate-list.ing {
display: block;
}
.list-nav-plate .plate-list ul {
margin: 5px 0 0 0;
width: 100%;
}
.list-nav-plate .plate-list ul li {
float: left;
overflow: hidden;
box-sizing: border-box;
margin: 10px 15px 0 0;
padding: 10px;
width: 197px;
line-height: 20px;
}
.list-nav-plate .plate-list ul li:nth-child(6n) {
float: right;
margin-right: 0;
}
.list-nav-plate .plate-list ul li a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-nav-plate .plate-list ul li img {
float: left;
display: block;
margin-right: 5px;
width: 20px;
height: 20px;
}
.list-soft-plate .plate-list ul {
margin: 5px 0 0 0;
width: 100%;
}
.list-soft-plate .plate-list ul:nth-child(3n) {
margin-right: 0;
}
.list-soft-plate .plate-list li {
float: left;
display: block;
box-sizing: initial;
padding: 15px 0;
width: 48%;
border-bottom: 1px solid #f6f6f6;
}
.list-soft-plate .plate-list li:nth-child(2n) {
float: right;
margin-right: 0;
}
.list-soft-plate .plate-list li .fl {
overflow: hidden;
width: 65px;
height: 65px;
border: 1px solid #f6f6f6;
border-radius: 15px;
}
.list-soft-plate .plate-list li .fl img {
width: 65px;
height: 65px;
}
.list-soft-plate .plate-list li .fr {
width: calc(100% - 80px);
}
.list-soft-plate .plate-list li .fr h3 {
position: relative;
overflow: hidden;
margin: 15px 0 0;
width: 75%;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
line-height: 18px;
}
.list-soft-plate .plate-list li .fr p {
color: #ababab;
font-size: 12px;
}
.list-soft-plate .plate-list li .fr p span {
padding: 0 10px;
color: #888;
font-size: 12px;
}
.list-soft-plate .plate-list li .fr p i {
margin-right: 5px;
color: #ffb80f;
font-style: initial;
font-size: 14px;
}
.list-soft-plate .plate-list li .fr .down {
float: right;
width: 50px;
}
.list-soft-plate .plate-list li .fr .down b {
display: block;
color: #888;
text-align: right;
font-weight: 100;
font-size: 13px;
line-height: 25px;
}
.list-soft-plate .plate-list li .fr .down a {
display: block;
margin-top: -30px;
padding: 5px 0;
border-radius: 5px;
background: #007bf5;
color: #fff;
color: #fff;
text-align: center;
font-size: 12px;
transition: all .3s;
}
.list-soft-plate .plate-list li .fr .down a:hover {
background: #1b8eff;
color: #fff;
}
.layui-clear:after {
clear: both;
display: block;
height: 0;
content: '\20';
}
@media screen and (min-width:960px) {
#post-item-jitheme-tj .post-modules-top {
display: unset;
align-items: center;
}
#post-item-jitheme-tj .Onecad_title>div:nth-of-type(1) {
margin-top: 25px;
margin-bottom: 10px;
height: 45px;
color: var(--key-color);
text-align: center;
font-weight: 500;
font-size: 32px;
line-height: 38px;
}
#post-item-jitheme-tj .Onecad_title>div:nth-of-type(1):before {
clear: both;
display: inline-block;
margin-right: 13px;
margin-bottom: 8px;
width: 6px;
height: 6px;
background: var(--key-color);
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#post-item-jitheme-tj .Onecad_title>div:nth-of-type(2) {
margin-bottom: 20px;
}
#post-item-jitheme-tj .Onecad_title>div:nth-of-type(2) {
text-align: center;
}
#post-item-jitheme-tj .Onecad_title>div:nth-of-type(1):after {
clear: both;
display: inline-block;
margin-bottom: 8px;
margin-left: 13px;
width: 6px;
height: 6px;
background: var(--key-color);
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#post-item-jitheme-tj .post-list-cats a+a {
margin-left: 20px;
}
#post-item-jitheme-tj .post-carts-list-row {
display: unset;
overflow: hidden;
margin: auto;
text-align: center;
white-space: nowrap;
justify-content: flex-end;
align-items: center;
align-items: center;
}
#post-item-jitheme-tj .post-list-cats {
margin-bottom: 20px;
text-align: center;
}
}
#jiheme_heml .swiper-button-next,#jiheme_heml .swiper-button-prev {
background: rgba(255,255,255,.9);
box-shadow: rgb(0 0 0 / 15%) 0 4px 12px;
color: #000;
text-align: center;
backdrop-filter: blur(6px);
}
#jiheme_heml .swiper-button-next img,#jiheme_heml .swiper-button-prev img {
margin-top: -2px;
}
#jiheme_heml .swiper-button-next,#jiheme_heml .swiper-container-rtl .swiper-button-prev {
right: 20px;
}
#jiheme_heml.swiper-button-next,#jiheme_heml.swiper-button-prev {
margin-top: -12px;
}
.post-7.post-list ul.b2_gap {
display: flex;
flex-flow: wrap;
align-items: stretch;
}
.post-7 .post-list-meta-box {
margin: 10px 0 0 0;
margin-bottom: 0;
}
.jitheme-post-info i.ico {
margin-right: 5px;
}
.post-7 .jitheme-post-info {
position: relative;
margin: 0;
margin-top: -20px;
border-radius: 0;
}
.post-module-thumb:hover .post-has-video span i {
display: none;
}
.post-7 .post-list-cat a {
margin-right: 5px;
padding: 0 8px 1px 8px;
width: fit-content;
border-radius: 20px;
font-size: 12px;
align-items: center;
}
.post-7 .item-in:hover {
box-shadow: unset;
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.post-7 .post-excerpt {
margin: 0;
}
.post-7 .post-excerpt {
padding: 8px;
}
.post-7 .post-list-meta li {
margin: 0;
margin-right: 5px;
border-radius: 20px;
background-color: var(--body-bg-color);
color: var(--footer-color);
font-size: 12px;
align-items: center;
}
.post-7 .post-list-meta-box li:hover {
background-color: var(--body-bg-color);
color: var(--b2color);
}
.post-7 .post-list-meta li span {
margin-left: 0;
font-size: 13px;
}
.post-7 .post-module-thumb i.b2-play-circle-line {
position: absolute;
color: rgba(255,255,255,.7);
font-size: 40px;
transition: color .5s;
}
.post-7 #Onecad_vido .post-has-video span {
position: absolute;
top: calc(100%/2 - 40px);
left: calc(100%/2 - 25px);
z-index: 1;
display: block;
width: 50px;
height: 50px;
background: unset;
}
.n_banner_inner {
position: relative;
}
.n_banner_inner .img-info {
position: absolute;
top: 9px;
right: 12px;
padding: 0;
color: #fff;
text-align: right;
}
.n_banner_inner .img-info i {
position: relative;
z-index: 9;
display: inline-block;
color: #007bff;
text-align: center;
font-style: inherit;
font-size: 20px;
line-height: 19px;
}
.n_banner_inner .img-info .info {
position: absolute;
right: 0;
bottom: 5px;
overflow: hidden;
padding: 5px 0;
width: 0;
border-radius: 10px;
background: #007bff;
color: #fff;
text-align: center;
white-space: nowrap;
font-size: 10px;
line-height: 10px;
-webkit-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-moz-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-o-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-ms-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
}
.n_banner_inner .img-info .info a {
color: #fff;
}
.n_banner_inner .tirr {
height: auto;
max-width: 100%;
transition: .5s;
}
.n_banner_inner:hover .info {
z-index: 1;
padding: 5px 23px 5px 12px;
width: auto;
font-size: 12px;
-webkit-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-moz-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-o-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
-ms-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
}
.n_banner_inner img:hover {
filter: brightness(50%);
}
.n_banner_inner .info:hover a {
color: red;
text-decoration: none;
}
.n_banner_inner .Banner-adTag {
position: absolute;
right: 5px;
bottom: 5px;
width: 50px;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
text-align: center;
font-size: 12px;
line-height: 20px;
opacity: .5;
}
@media screen and (max-width:768px) {
.n_banner_inner .img-info {
display: none;
}
}
.ji-downBox {
margin-bottom: var(--ji--1item)!important;
padding: 30px;
}
.ji-downMain {
display: flex;
}
.ji-downMain .thumb {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
max-width: 450px;
max-height: 250px;
}
.ji-downMain .thumb img {
min-width: 100%;
}
.ji-downMain .data .post-meta .data {
margin-left: 0;
}
.ji-downMain .data {
position: relative;
margin-left: 30px;
flex: 1;
}
.ji-downMain .data h1 {
margin-bottom: 20px;
font-size: 24px;
}
.ji-downMain .data ul {
margin-top: 10px;
}
.ji-downMain .data ul li {
list-style: none;
font-size: 14px;
line-height: 40px;
}
.ji-downMain .data ul li>div {
position: relative;
display: flex;
}
.ji-downMain .data ul li>div span:before {
position: relative;
display: block;
margin-top: 13px;
margin-right: 8px;
width: 12px;
height: 12px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/li-dian.svg);
content: "";
opacity: .65;
}
.ji-downMain .data ul li>div span {
display: flex;
flex: 1;
}
.ji-downMain .post-meta {
margin: 0;
flex: 1;
}
.ji-downMain .post-meta .post-author {
display: flex;
flex-direction: row;
align-items: center;
}
.ji-downMain .post-meta .post-author .ava {
display: inline-block;
overflow: hidden;
margin-right: 10px;
width: 24px;
height: 24px;
border-radius: 50%;
}
.ji-downMain .post-meta .post-author .ava img {
margin-right: 10px;
width: 100%;
}
.ji-downMain .jitheme_single_mate {
display: flex;
line-height: 35px;
}
.ji-downMain .categories {
display: inline-block;
margin-right: 20px;
padding: 0 5px 0 5px;
height: 30px;
border-radius: 5px;
color: var(--this-text);
line-height: 30px;
}
.ji-downMain .categories a {
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align: top;
}
.ji-downMain .categories i {
color: var(--b2color);
}
.ji-downMain .categories i {
padding: 3px;
border-radius: 100%;
}
.ji-downMain .single-button-download {
position: absolute;
bottom: 0;
display: flex;
margin-top: 13px;
width: 100%;
align-items: center;
justify-content: space-between;
}
.ji-downMain .down a {
display: inline-block;
padding: 5px 40px;
background-color: var(--b2color);
color: #fff;
letter-spacing: .5px;
font-size: 16px;
transition: all .3s;
}
.ji-downMain .down a i {
display: inline-block;
margin-right: 5px;
transform: translateY(-1px);
}
.ji-downMain .post-list-cat {
text-align: right;
flex: 1;
flex-direction: row-reverse;
}
.post_tag .box {
background: 0 0;
}
.ji-category-bg {
overflow: hidden;
margin-top: -217px;
margin-bottom: 20px;
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.ji-category-bg .title span {
margin-top: 30px;
color: #fff;
letter-spacing: 2px;
font-weight: 700;
font-size: 28px;
}
.ji-category-bg p {
margin-top: 15px;
color: #fff;
font-size: 15px;
}
.onecad-tax-title {
position: relative;
z-index: 1;  }
#jitheme_arc_b #filter-top .filter-items a:not(.current) {
background-color: unset;
}
#jitheme_arc_b .bg {
height: 230px; background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#jitheme_arc_b .bg::before {
display: block;
height: 100%;
background: rgb(0 0 0 / 35%);
content: "";
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.ji-catnav-wz {
position: relative;
z-index: 1;
padding: 10px 0;
color: #fff;
font-size: 15px;
}
.ji-catnav-wz a {
color: #fff;
font-size: 15px;
}
.ji-catnav-wz a:hover {
color: var(--b2color)!important;
}
#jitheme_arc_b .tax-info { margin: 0;
padding: 16px 16px 10px 16px;
background-color:  var(--main-bg-color);
justify-content: space-between;
}
#jitheme_arc_b #filter-top {
padding: 0;
text-align: center;
z-index: 3;
padding: 0 16px;
background-color: var(--main-bg-color);
}
#jitheme_arc_b #filter-top ul li {
display: flex;
margin-bottom: 0;
padding: 5px 0;
}
#jitheme_arc_b .filter-name {
margin-right: 12px;
padding: 0 10px;
border-radius: 5px;
color: #999;
color: var(--key-color);
font-size: 15px;
}
#jitheme_arc_b #filter-top a {
display: inline-block;
margin: 5px 5px 5px 0;
margin-right: 10px;
height: 30px;
border-radius: 5px;
font-size: 15px;
line-height: 15px;
line-height: 30px;
}
#jitheme_arc_b .tax-search input {
padding: 7px 10px 7px 15px;
border-radius: 5px;
background: var(--body-bg-color);
}
#jitheme_arc_b .tax-search button {
width: 33px;
}
#jitheme_arc_b .filter-items a:hover {
border: unset;
background-color: var(--b2color)!important;
color: #fff!important;
}
#jitheme_arc_b .filters-box>ul {
padding: 0 0 10px 0;
}
#jitheme_arc_b .filter-items a {
border: unset;
}
#jitheme_arc_b .button,#jitheme_arc_b button {
width: 120px;
max-width: 120px;
border-radius: unset;
color: var(--key-color);
}
#jitheme_arc_b .jithem_ac {
background-color: var(--main-bg-color);
box-shadow: 0 12px 23px 0 rgba(51,51,51,.082);
}
#jitheme_arc_b .jithem_ac .tax-info-item {
margin-right: 0px;
}
.jitheme-category,.jitheme-category i {
font-size: 14px;
}
.jitheme_arc_sous {
display: flex;
}
.jitheme-category .data span em {
margin-right: 5px;
color: var(--b2color);
font-weight: 700;
font-style: inherit;
}
.jitheme-category ul li {
display: inline-block;
margin-right: 20px;
line-height: 30px;
}
.jitheme-category .data span {
margin-right: 20px;
color: var(--key-color);
font-size: 14px;
}
.jitheme-category .data .ji-flex-1 span i.b2-hearts-line {
display: inline-block;
margin-right: 5px;
font-size: 15px!important;
transform: translateY(1px);
}
.jitheme-category .data .ji-flex-1 span i.b2-upload-fill {
display: inline-block;
margin-right: 5px;
font-size: 15px!important;
transform: translateY(1px);
}
.jitheme-category .data .ji-flex-1 span i.b2-arrow-up-line {
margin-left: 3px;
color: var(--b2color);
font-weight: 700;
}
.jitheme-category .jitheme_ac_vip a.vip {
display: inline-block;
width: 96px;
height: 35px;
background: #f6f6f6;
text-align: center;
line-height: 32px;
}
.jitheme-category .jitheme_ac_vip a.vip:hover {
background: var(--b2color);
color: #fff;
}
.jitheme-category .tax-info-item .fliter-button:hover {
background-color: var(--b2lightcolor);
color: var(--b2color);
}
.jitheme-category .jitheme_ac_vip a.upload {
display: inline-block;
margin-left: 10px;
width: 96px;
height: 35px;
border: 1px solid var(--b2color);
background: var(--b2color);
color: #fff;
text-align: center;
line-height: 33px;
}
.jitheme-category .tax-info-item .fliter-button {
padding: 6px var(--ji--1item) 7px 8px;
border-radius: 5px;
}
.jitheme-category .data {
margin-left: 20px;
}
.jitheme-category .ji-ac-tags .vip {
margin: 0 10px;
}
.jitheme-category i{
margin-right: 10px;
}
.jitheme-category .tax-info-item {
margin-left: 0;
}
.poa .soft-cat-logo {
display: flex;
margin-top: 130px;
text-align: center;
justify-content: center;
}
.poa .soft-cat-logo a {
position: relative;
display: flex;
padding: .5rem .8rem;
max-height: 60px;
color: #1d2129;
font-size: 12px;
flex-direction: column;
align-items: center;
}
.poa .soft-cat-logo a span {
position: relative;
display: inline-block;
margin-bottom: 5px;
width: 70px;
height: 40px;
border-radius: .42857143em;
background-size: contain;
background-repeat: no-repeat;
opacity: .8;
}
.poa .soft-cat-logo a:hover span:before {
opacity: 1;
}
.poa .soft-cat-logo a span:before {
position: absolute;
bottom: -6px;
left: 50%;
display: block;
width: 0;
height: 0;
border-right: 5px solid transparent;
border-bottom: 6px solid var(--b2color);
border-left: 5px solid transparent;
content: "";
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.poa .soft-cat-logo a em {
position: absolute;
bottom: -19px;
display: none;
padding: 4px 8px;
border-radius: 4px;
background: var(--b2color);
color: #fff;
font-size: 13px;
}
.poa .soft-cat-logo a:hover em {
display: inline-block;
}
.poa .soft-cat-logo a:hover span {
overflow: visible;
opacity: 1;
}
.jitheme_cat_jb {
position: absolute;
bottom: 0;
z-index: 2;
display: flex;
height: 20px;
line-height: 20px;
}
.item-post-style-3 .jitheme_cat_jb {
top: var(--ji--1item) !important;
}
.topic-avatar {
margin-top: 5px;
width: 40px;
height: 40px;
}
.user-w-name {
height: 40px;
}
.user-widget-info .user-w-lv {
margin-top: 5px;
}
.topic-footer-right button {
box-shadow: unset;
}
#jitheme_new.plate-news {
padding: var(--ji--1item) var(--ji--2item);
width: 100%;
}
#jitheme_new.plate-news .swiper-container {
margin: 0;
}
#jitheme_new.plate-news .swiper-container {
display: flex;
margin: 0 var(--ji--2item);
width: calc(33.33333% - var(--ji--1item));
height: 80px;
}
#jitheme_new .news-item {
float: left;
display: flex;
overflow: hidden;
padding: var(--ji--1item);
height: 80px!important;
border-radius: var(--b2radius);
}
#jitheme_new .news-item.orange {
background: rgba(230,125,97,.08);
}
#jitheme_new .news-item.blue {
background: rgba(63,140,255,.08);
}
#jitheme_new .news-item.green {
background: rgba(70,198,158,.08);
}
#jitheme_new .news-item .avatar {
width: 45px;
height: 45px;
}
#jitheme_new .news-item .new_fl {
display: flex;
margin-left: 10px;
height: 45px;
align-content: stretch;
flex-direction: column;
justify-content: space-between;
}
#jitheme_new .news-item h6 {
display: flex;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
#jitheme_new .news-item h6 .new_name {
margin-right: 10px;
}
#jitheme_new .news-item h6 em {
display: inline-block;
margin-left: 8px;
}
#jitheme_new .news-item.green h6 em {
margin-right: 35px;
}
#jitheme_new .news-item.orange h6 em {
color: #e67d61;
}
#jitheme_new .news-item.blue h6 em {
color: #3f8cff;
}
#jitheme_new .news-item.green h6 em {
color: #46c69e;
}
#jitheme_new .news-item h6 i {
position: absolute;
right: 20px;
color: #91929e;
font-size: 12px;
line-height: 22px;
}
#jitheme_new .news-item a,#jitheme_new .news-item p {
display: inline-block;
overflow: hidden;
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
line-height: 17px;
}
#jitheme_new .jitheme_text {
color: var(--b2color);
}
#jitheme_new .jitheme_text_sx {
margin: 0 5px;
font-size: 12px;
}
#jitheme_new .jitheme_text_sx i {
margin-right: 5px;
font-size: 12px;
}
#jitheme_new .news-item .num {
position: absolute;
right: 20px;
bottom: 15px;
z-index: 1;
display: inline-block;
box-sizing: content-box;
padding: 0 6px;
height: 18px;
border: 2px solid #fff;
border-radius: 12px;
color: #fff;
font-size: 12px;
line-height: 18px;
}
#jitheme_new .news-item.orange .num {
background: #e67d61;
}
#jitheme_new .news-item.blue .num {
background: #3f8cff;
}
#jitheme_new .news-item.green .num {
background: #46c69e;
}
.c-topic-list {
margin: var(--ji--1item) 0;
}
#Jitheme_message .swiper-wrapper {
position: relative;
z-index: 1;
display: flow-root;
box-sizing: content-box;
transition-property: transform;
}
#Jitheme_message.swiper {
position: fixed;
z-index: 6;
overflow: hidden;
height: 240px;
max-width: 100%;
}
#Jitheme_message .swiper-slide {
position: relative;
width: auto;
height: 32px;
transition-property: transform;
flex-shrink: 0;
}
#Jitheme_message li {
list-style-type: none;
}
#Jitheme_message li>div {
clear: both;
display: flex;
margin-right: 25px;
padding: 0 5px 0 5px;
height: 30px;
border-radius: 5px;
color: #fff;
font-size: 13px;
line-height: 30px;
justify-content: flex-end;
}
#Jitheme_message li i {
padding-right: 2px;
padding-left: 2px;
font-size: 13px;
}
#Jitheme_message .info_zianv {
color: #fff;
text-decoration: underline;
font-weight: 600;
}
#Jitheme_message .info_zianv:hover {
color: #fff!important;
}
#Jitheme_message .info_zianv_v {
overflow: hidden;
max-width: 120px;
color: #fff;
text-decoration: underline;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
}
#Jitheme_message li a:first-child {
margin-top: 5px;
margin-right: 3px;
}
#Jitheme_message li a {
color: #fff!important;
}
#Jitheme_message li .red {
padding: 0 5px;
color: #fff;
text-decoration: underline;
font-weight: 600;
}
#Jitheme_message li .green {
padding: 0 5px;
color: #fff;
font-weight: 600;
}
#Jitheme_message li a:last-child,#Jitheme_message li a:last-child font {
color: #fff!important;
}
#Jitheme_message li a:last-child n {
margin: 0 3px;
text-decoration: underline;
}
#Jitheme_message li img {
margin-top: 5px;
width: 20px;
height: 20px;
border-radius: 100%;
vertical-align: inherit;
}
#Jitheme_message.swiper {
right: 35px;
bottom: 30px;
}
#Jitheme_message li>div {
float: right;
}
@media screen and (max-width:768px) {
#Jitheme_message {
display: none;
}
}
#ji-footer-new.footer .footer-top {
position: relative;
padding: 30px 0;
text-align: center;
}
#ji-footer-new.footer .footer-top::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(63,81,181,.8);
content: "";
}
#ji-footer-new.footer .footer-top .wrapper {
position: relative;
}
#ji-footer-new.footer .footer-top h3 {
color: #fff;
font-size: 22px;
line-height: 1.8;
}
#ji-footer-new .wx-qr {
margin: 10px auto;
width: 80px;
height: auto;
}
#ji-footer-new.footer .footer-top p {
color: #fff;
font-size: 18px;
}
#ji-footer-new.footer .footer-top p a {
color: #fff;
text-decoration: underline;
}
#ji-footer-new.footer .footer-top .callto-action-btn a {
display: block;
margin: 15px auto;
padding: 10px 0;
width: 200px;
border-radius: 30px;
background: #fff;
color: var(--b2color);
font-weight: 600;
-webkit-transition: color ease .3s;
-moz-transition: color ease .3s;
-o-transition: color ease .3s;
transition: color ease .3s;
-ms-transition: color ease .3s;
}
#ji-footer-new .ji-footer {
padding: 40px 0 0;
}
#ji-footer-new .ji-footer>.wrapper {
padding-bottom: 30px;
border-bottom: 1px solid #9e9e9e3b;
}
#ji-footer-new .ji-footer .widget-title {
position: relative;
border-bottom: 0;
font-size: 18px;
}
#ji-footer-new .ji-footer .widget-title::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #9e9e9e3b;
content: '';
}
#ji-footer-new .ji-footer .textwidget {
padding: 10px 0;
line-height: 29px;
}
#ji-footer-new .ji-footer section:first-child {
width: 30%;
}
#ji-footer-new .ji-footer #nav_menu-1 li {
display: inline-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 {
position: relative;
padding: 9px 0 10px 10px;
}
#ji-footer-new .ji-footer .widget ul li:before {
position: absolute;
top: 5px;
left: -5px;
color: var(--b2color);
content: "\eba3";
font-size: 16px;
font-family: b2font;
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 {
padding: 0 var(--ji--1item);
width: 25%;
box-shadow: none;
}
#ji-footer-new .ji-footer section {
margin: 0;
margin-bottom: 0;
}
#ji-footer-new .ji-footer .ji-footer-widget-in {
margin: 0 -var(--ji--1item);
}
#ji-footer-new .ji-footer section:last-child .row {
display: inline-block;
display: flex;
width: 100%;
justify-content: space-between;
}
#ji-footer-new .ji-footer section:last-child .qr-tips {
margin-top: 8px;
max-width: 75px;
text-align: center;
font-size: 12px;
line-height: 1.2em;
}
#ji-footer-new a:hover {
color: var(--b2color)!important;
}
#ji-footer-new .footer-bottom {
height: 80px;
text-align: center;
line-height: 26px;
align-items: center;
justify-content: center;
}
@media screen and (max-width:768px) {
#ji-footer-new.footer .footer-top h3 {
font-size: var(--ji--1item);
}
#ji-footer-new .ji-footer .widget {
margin: 0 5px;
}
#ji-footer-new .ji-footer #nav_menu-2,.ji-footer section:first-child {
width: 100%;
}
#ji-footer-new .ji-footer #nav_menu-2 li {
display: inline-block;
width: 45%;
}
}
#jithemeid_box a {
display: flex;
margin-left: 5px;
}
#jithemeid_box .green {
padding: 0 5px 0 0;
}
#jithemeid_box .new_span {
display: inline-block;
overflow: hidden;
max-width: 450px;
text-overflow: ellipsis;
white-space: nowrap;
}
#jitheme_new_ht .swiper-dynamic {
display: flex;
padding: 10px;
width: 100%;
font-size: 14px;
justify-content: space-between;
flex-direction: row;
}
#jitheme_new_ht .float-right {
float: right!important;
width: 40%;
text-align: right;
line-height: 25px;
}
#jitheme_new_ht img {
width: 48px;
}
#jitheme_new_ht .badge {
display: inline-block;
margin: 0;
background-color: #f5f8fa;
color: #6c757d;
vertical-align: baseline;
text-align: center;
white-space: nowrap;
font-weight: 400;
font-size: 13px;
line-height: 1;
line-height: 15px;
}
#jitheme_new_ht .swiper-dynamic .scroll-dynamic {
display: flex;
overflow: hidden;
height: 25px;
max-width: 100%;
line-height: 25px;
}
#jitheme_new_ht .swiper-dynamic .scroll-dynamic ul {
margin: 0;
padding: 0;
list-style: none;
}
#jitheme_new_ht .badge-danger {
margin-right: 0;
padding: 0 5px;
height: 25px;
min-width: 90px;
border-radius: 5px;
background-color: var(--b2lightcolor);
color: var(--b2color);
line-height: 25px;
}
#jitheme_new_ht .swiper-dynamic .scroll-dynamic ul li {
display: block;
overflow: hidden;
padding-left: 0;
height: 25px;
list-style: none;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 25px;
line-height: 25px;
}
#jitheme_new_ht .jitheme_text {
color: var(--b2color);
}
#jitheme_new_ht .jitheme_text_sx {
margin: 0 5px;
font-size: 13px;
}
#jitheme_new_ht .jitheme_text_sx i {
margin-right: 5px;
font-size: 13px;
}
#jitheme_new_ht .jitheme-toggle i {
margin-right: var(--ji--1item);
background-position: 0 0;
background-repeat: no-repeat;
font-size: 25px;
line-height: 1;
cursor: pointer;
}
@media (max-width:768px) {
#jitheme_new_ht .swiper-dynamic .scroll-dynamic {
max-width: 100%;
font-size: 13px;
}
}
#jitheme_search .jitheme_cat_search {
display: flex;
background: #fff;
}
#jitheme_search select {
border: none;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/arrow.png) no-repeat 97% 20px;
box-shadow: none;
}
#jitheme_search #search_4 .jitheme_cat_search input {
padding: 18px 22px;
height: 50px;
border: none;
background: #fff;
color: #333;
font-size: 14px;
}
#jitheme_search #search_3 .jitheme_cat_search input {
padding: 18px 22px;
height: 50px;
border: none;
background: #fff;
color: #333;
font-size: 14px;
}
.user-w-qd {
margin: var(--ji--1item) 0 0 var(--ji--1item)!important;
height: 43px!important;
border-radius: 5px!important;
background-color: var(--b2color)!important;
background-image: url(//p1e.cn/wp-content/themes/b2/Assets/fontend/images/page-bg.svg)!important;
-webkit-background-clip: border-box!important;
-webkit-text-fill-color: #fff!important;
}
.user-w-qd div {
position: absolute;
top: 13px;
left: 41px;
}
.user-w-qd-list-title {
margin: unset;
border-bottom: 1px solid var(--b2lightcolor);
border-radius: 0;
background-color: #9e9e9e00!important;
background-image: none!important;
}
.user-w-qd-list-title {
margin-top: 10px;
}
.user-w-qd {
position: relative;
z-index: 1;
display: inline-block;
width: calc(100% - 32px);
height: 40px;
background: rgb(0 0 0 / 22%);
color: #fff;
text-transform: uppercase;
line-height: var(--ji--1item);
}
.user-w-qd:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 0%;
height: 100%;
border-radius: 4px;
content: '';
transition: all .4s ease;
}
.user-w-qd:before {
background: #ff5d8f94;
}
.user-w-qd:hover:before {
width: 100%;
}
.user-w-qd-list-title p span {
border-radius: 3px;
background-color: var(--b2lightcolor);
color: var(--b2color);
}
.user-w-qd-list-title p.picked span {
border-radius: 3px;
background-color: var(--b2color);
color: #fff;
}
.user-w-qd-list-title p {
margin: 0 var(--ji--1item);
}
.user-w-qd-list-title p.picked {
margin-bottom: -1px;
border: 1px solid var(--b2lightcolor);
border-bottom: 1px solid var(--main-bg-color);
}
.post-8 .post-thumb {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.post-8 .item-in {
position: relative;
}
.post-8 .post-module-thumb {
position: initial;
overflow: initial;
}
.post-8 .post-module-thumb:after {
position: absolute;
top: unset!important;
right: 0;
bottom: 0;
left: 0;
height: 200px;
background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgb(0 0 0 / 80%));
content: '';
}
.post-8 .post-excerpt {
display: none;
}
.post-8 h2 a {
top: 25px;
left: 25px;
color: #fff!important;
text-transform: uppercase;
font-weight: 600;
opacity: .9;
}
.post-8 .jitheme_avatar_data {
color: #fff!important;
}
.post-8 .jitheme_cat_jb {
position: absolute;
bottom: unset;
overflow: hidden;
margin-top: -25px;
height: 20px;
border-radius: 4px;
line-height: 20px;
}
.post-8.post-list ul.b2_gap {
display: flex;
flex-flow: wrap;
align-items: stretch;
}
.post-8 .post-list-meta {
position: absolute;
top: 10px;
right: 10px;
z-index: 100;
overflow: hidden;
border-radius: 5px;
font-size: 12px;
align-items: center;
}
.post-8 .post-list-cat {
position: absolute;
top: 10px;
left: 10px;
z-index: 100;
overflow: hidden;
border-radius: 5px;
font-size: 12px;
align-items: center;
}
.post-8 .post-list-cat a {
display: inline-flex;
padding: 10px;
width: 100%;
height: 25px;
background-color: #51515180;
color: #fff;
opacity: 0;
transition: background-color .3s ease 0s,color .3s ease 0s,opacity .3s ease 0s,transform .3s ease 0s;
transform: translate(10px,-10px);
align-items: center;
justify-content: center;
}
.post-8 .list-footer,.post-8 .list-footer a {
border-top: unset;
color: #fff;
}
.post-8 .item-in .post-info h2 {
margin:0px;
opacity: 0;
overflow: unset;
transition: background-color .3s ease 0s,color .3s ease 0s,opacity .3s ease 0s,transform .3s ease 0s;
transform: translate(10px,-10px);
}
.post-8 .post-list-meta li {
display: block;
height: 25px;
background-color: #51515180;
color: #fff;
opacity: 0;
transition: background-color .3s ease 0s,color .3s ease 0s,opacity .3s ease 0s,transform .3s ease 0s;
transform: translate(10px,-10px);
align-items: center;
justify-content: center;
}
.post-8 .post-list-meta li span {
height: 25px;
line-height: 25px;
}
.post-8 .item-in:hover .post-list-meta li ,.post-8 .item-in:hover .post-info h2 {
opacity: 1;
transform: translate(0,0);
}
.post-8 .item-in:hover .post-list-meta li span {
font-size: 15px;
opacity: .9;
-webkit-transform: scale(.8);
}
.post-8 .item-in:hover .post-list-cat a {
display: inline-flex;
color: #ffff!important;
opacity: 1;
transform: translate(0,0);
}
.post-8 .post-info span {
z-index: 0;
margin-left: 5px;
height: 17px;
}
.post-8 .item-in:hover .post-module-thumb img {
transform: scale(1.1);
}
.post-8 .item-in .list-footer {
padding: unset;
}
.post-list .b2_gap .post-list-item .item-in:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#Jitheme_vips_cs2 .choose-vip-item-top:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 51.4%;
border-radius: 4px;
content: "";
opacity: .16;
}
#Onecad_vips .Onecad_vip_max {
padding-top: 60px;
}
#Onecad_vips .vip-top h2,#Onecad_vips .vip-top>div {
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 {
display: flex;
margin: -20px;
margin-bottom: 17px;
height: 100%;
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
}
#Jitheme_vips_cs2 .tag {
position: absolute;
top: 15px;
right: -40px;
z-index: 1;
overflow: hidden!important;
width: 150px;
height: 30px;
background: #fa2323;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#Jitheme_vips_cs2 .vip-item-top-name em {
bottom: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 15px;
}
#Jitheme_vips_cs2 .vip-item-top-name {
margin-top: -80px;
}
#Jitheme_vips_cs2 .home-homevip-boxmk img {
display: block;
margin: 0 auto 10px auto;
height: 100%;
}
#Jitheme_vips_cs2 .vip-btn {
position: relative;
display: block;
height: 44px;
border-radius: 22px;
color: #fff;
text-align: center;
font-weight: 600;
font-size: 20px;
line-height: 44px;
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#Jitheme_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-weight: 110;
font-size: 20px;
}
#Jitheme_vips_cs2 .home-homevip-boxmktitle {
padding-bottom: 0;
}
#Jitheme_vips_cs2 .vip-item-top-name em::after {
position: absolute;
bottom: -18px;
left: -5%;
width: 110%;
height: 30px;
border-radius: 50%;
background-color: #fff;
content: '';
}
#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .choose-vip-item-prompt {
position: absolute;
top: 0;
left: 0;
width: 82px;
height: 24px;
border-radius: 5px 0;
background: linear-gradient(269.79deg,#ff4343 9.72%,#ff7a30 99.86%);
color: #fff;
text-align: center;
font-size: 14px;
line-height: 24px;
}
#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .vip-name {
margin-top: 10px;
margin-bottom: 0;
color: #000;
font-size: 22px;
}
#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name>p:nth-of-type(3) {
margin-top: 5px;
margin-bottom: 10px;
color: #949292;
font-size: 14px;
}
#Jitheme_vips_cs2 .buyOne-getOne {
position: absolute;
top: -2px;
right: 0;
display: block;
padding: 0 10px;
padding-right: 4px;
height: 24px;
border-radius: 0 12px 0 12px;
background: linear-gradient(90deg,var(--b2color),var(--b2color));
box-shadow: 0 2px var(--ji--1item) 0 rgba(0,0,0,.1);
color: #fff;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
#Jitheme_vips_cs2 .onecad_vips_title {
padding: 10px 0 10px 20px;
}
#Jitheme_vips_cs2 .home-homevip-boxmks li {
padding: 0 20px;
}
#Jitheme_vips_cs2 .home-homevip-boxmk {
padding: 20px 20px 0 20px;
}
#Jitheme_vips_cs2 .vip-faq-list h2 {
font-size: 18px;
line-height: var(--ji--1item);
}
#footer_tsk .vip-login-tip {
position: relative;
box-sizing: border-box;
padding: 18px 10px 22px 20px;
width: 400px;
height: 175px;
border-radius: 12px;
background-color: var(--main-bg-color);
background-position: right 50%;
background-size: 130px;
background-repeat: no-repeat;
box-shadow: 0 0 30px rgba(0,0,0,.1);
}
#footer_tsk .vip-login-countdown-row {
display: flex;
align-items: center;
}
#footer_tsk .vip-login-countdown-row i {
color: var(--b2color);
font-size: 18px;
}
#footer_tsk .vip-login-countdown-row .countdown-lable {
margin: 0 3px 0 4px;
font-size: 14px;
line-height: var(--ji--1item);
}
#footer_tsk .vip-login-countdown-row .counddown-wrap {
font-size: 14px;
}
#footer_tsk .vip-login-title {
display: -webkit-box;
overflow: hidden;
margin: 10px 0;
width: 218px;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
font-weight: 600;
font-size: 16px;
line-height: 22px;
-webkit-box-orient: vertical;
word-break: break-word!important;
word-break: break-all;
line-break: anywhere;
-webkit-line-clamp: 1;
}
#footer_tsk .vip-login-subtitle {
display: -webkit-box;
overflow: hidden;
width: 218px;
color: var(--text2);
color: var(--this-text);
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
font-size: 14px;
line-height: 20px;
-webkit-box-orient: vertical;
word-break: break-word!important;
word-break: break-all;
line-break: anywhere;
-webkit-line-clamp: 1;
}
#footer_tsk .vip-login-btn {
display: inline-block;
margin-top: 10px;
width: 160px;
height: 40px;
border-radius: 8px;
background-color: var(--b2color);
color: #fff;
text-align: center;
font-weight: 600;
line-height: 40px;
cursor: pointer;
transition: background-color .3s,color .3s;
}
#footer_tsk .close {
position: absolute;
top: 0;
right: 7px;
cursor: pointer;
}
#footer_tsk.Ji-row {
position: fixed;
right: 60px;
bottom: 30px;
z-index: 10;
display: flex;
justify-content: right;
}
#footer_tsk .vip-login-countdown-row .counddown-wrap span {
display: inline-block;
margin: 0 4px;
width: 20px;
height: 18px;
border-radius: 5px;
background: var(--b2lightcolor);
color: var(--b2color);
text-align: center;
font-weight: 500px;
font-size: 13px;
line-height: 18px;
}
.home .link-title h2 {
margin: 15px 0;
color: var(--key-color);
text-align: left;
font-weight: 600;
font-size: 20px;
line-height: 20px;
}
.home .link-title h2::before {
display: none;
}
.jitheme_qk {
position: relative;
z-index: 1;
padding: var(--ji--1item);
width: 100%;
}
.jitheme-config {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jitheme-config>li {
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer;
}
.ji-qk-item:hover .jitheme-config-title {
color: var(--b2color);
}
.jitheme-config-desc {
float: left;
color: var(--this-text);
font-size: 14px;
line-height: 22px;
}
.ji-qk-item {
display: flex;
height: 100%;
}
.jitheme_qk .item-ico {
margin-right: var(--ji--1item);
}
.item-ico i {
font-size: 35px;
line-height: 40px;
}
.jitheme_qk {
transition: opacity .15s linear;
}
.ji-qk-item a {
color: var(--key-color);
}
.jitheme-config-title {
font-weight: 600;
font-size: 18px;
line-height: 34px;
-webkit-transition: .3s;
transition: .3s;
}
.jitheme-config-title .go {
position: absolute;
margin-top: 7px;
margin-left: 5px;
padding: 2px 5px;
border-radius: 4px;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
line-height: 15px;
cursor: pointer;
-webkit-transform: scale(.9);
transform: scale(.9);
-ms-transform: scale(.9);
}
.ji-qk-item:hover .item-ico {
background-color: var(--b2color);
-webkit-transition: .3s;
transition: .3s;
}
.ji-qk-item:hover .item-ico i {
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.about-contact-item {
text-align: center;
}
.about-contact-item .ac-subtitle,.about-contact-item .ac-title {
font-weight: 400;
font-size: 85.71428571%;
line-height: 1.66666667em;
}
.about-contact-item .ac-title .clr_orange {
color: var(--b2color);
}
.about-contact-item .ac-title .clr_blue {
color: var(--b2color);
}
.about-contact-item .ac-subtitle {
color: var(--this-text);
}
.about-contact-item .ac-ewm {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: .71428571em;
}
.about-contact-item .ac-ewm img {
display: block;
}
.about-contact-item .ac-qq {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 1.42857143em;
padding: 1.07142857em;
-moz-border-radius: 100%;
}
.about-contact-item .ac-qq img {
display: block;
margin: 0 auto;
}
.about-contact-item .qq-btns {
margin-top: 1.07142857em;
}
.about-contact-item .btn {
padding: 0 2.28571429em;
line-height: 2.28571429em;
}
.about-contact-item .btns {
margin-top: 1.42857143em;
}
.about-section-title {
position: relative;
margin-bottom: .71428571em;
text-align: center;
font-weight: 400;
font-size: inherit;
}
.about-section-title .tt {
position: relative;
}
.about-section-title .txt {
position: relative;
font-weight: 700;
font-size: 220%;
line-height: 1.28571429em;
}
.about-section-subtitle {
color: var(--this-text);
text-align: center;
font-weight: 400;
font-size: inherit;
line-height: 1.28571429em;
}
.mini_about .btn-blue {
background-color: var(--b2color);
color: #fff;
}
.mini_about .btn-blue:hover {
background-color: #124cd2;
}
.about-contact {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2.14285714em 1.42857143em;
width: 22.85714286em;
-webkit-box-shadow: 0 1px 40px rgba(0,0,0,.08);
box-shadow: 0 1px 40px rgba(0,0,0,.08);
}
.about-contact .c-header {
margin-bottom: 1.07142857em;
}
.about-contact .c-header-in {
position: relative;
padding-left: 4.28571429em;
}
.about-calture .about-section-subtitle {
margin-bottom: 1.42857143em;
}
.about-calture .a-item,.about-calture .c2 {
margin-bottom: .71428571em;
}
.about-contact .c-avatar {
position: absolute;
top: 0;
left: 0;
width: 3em;
}
.about-contact .c-avatar .g-avatar {
background-color: #dcdde1;
}
.about-contact .c-title {
margin-bottom: .375em;
font-size: 157.14285714%;
line-height: 1.25em;
}
.about-contact .c-entry {
color: var(--this-text);
font-size: 85.71428571%;
line-height: 1.5em;
}
.about-contact .c-menus {
margin-bottom: 1.07142857em;
}
.about-contact .c-menu {
display: block;
padding: .57142857em 0;
width: 50%;
text-align: center;
cursor: pointer;
}
.about-contact .c-menu.active {
position: relative;
background: var(--b2color);
color: #fff;
cursor: default;
}
.about-contact .c-menu.active::after {
position: absolute;
top: 100%;
left: 50%;
display: block;
border: .41666667em solid transparent;
content: '';
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
border-top-color: var(--b2color);
-ms-transform: translate(-50%,0);
}
.about-contact .c-menu .jitheme {
margin-right: 5px;
padding: 3px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #fff;
color: var(--this-text);
}
.about-contact .c-menu.active .jitheme {
color: var(--b2color)!important;
}
.about-contact .c-toggles {
height: 17.14285714em;
}
.about-contact .ac-ewm {
width: 14.28571429em;
height: 14.28571429em;
}
.about-contact .ac-qq {
width: 5.71428571em;
}
.about-contact .about-contact-qq {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1.42857143em 2.14285714em 2.14285714em;
}
.about-header {
position: relative;
margin-top: -16px;
background-color: #8ddbff;
}
.about-header .bg-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.about-header .bg-img .wrapper {
height: 100%;
}
.about-header .bg-img .img {
display: block;
width: 100%;
height: 100%;
background-position: right center;
background-size: auto 100%;
background-repeat: no-repeat;
-webkit-background-size: auto 100%;
}
.about-header .main-container {
padding: 2.71428571em 0;
}
.about-honour {
position: relative;
z-index: 2;
background-color: #fff;
-webkit-box-shadow: 0 10px 60px rgba(14,79,209,.06);
box-shadow: 0 10px 60px rgba(14,79,209,.06);
}
.about-contactus {
margin-bottom: -50px;
padding: 3.57142857em 0;
background-color: #2a65ed;
}
.about-contactus .c-items {
margin: 0 -1.14285714em;
}
.about-contactus .c-item {
padding: 0 1.14285714em;
}
.about-contactus .intro-wrap .c-box {
background-position: right top;
background-size: cover;
background-repeat: no-repeat;
-webkit-background-size: cover;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.about-contactus .intro {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1.21428571em 1.78571429em 1.78571429em 46%;
height: 100%;
}
.about-contactus .intro .item-thumb {
position: absolute;
bottom: 0;
left: 0;
width: 42%;
}
.about-contactus .intro .item-thumb .thumb {
padding-top: 106.84210526%;
background-position: left bottom;
background-size: contain;
-webkit-background-size: contain;
}
.about-contactus .intro .item-thumb .hi {
position: absolute;
top: 1.42857143em;
right: 0;
width: 2.85714286em;
height: 2.85714286em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: var(--b2color);
color: #fff;
text-align: center;
font-weight: 700;
font-size: 200%;
line-height: 2.85714286em;
}
.about-contactus .intro .item-thumb .hi::before {
position: absolute;
bottom: 2%;
left: -5%;
display: block;
border: .64285714em solid transparent;
content: '';
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
border-top-color: var(--b2color);
-ms-transform: rotate(160deg);
}
.about-contactus .intro .item-title {
margin-bottom: .83333333em;
font-weight: 700;
font-size: 257.14285714%;
}
@media (min-width:1330px) and (max-width:1679.5px) {
.about-contactus .intro .item-title {
font-size: 30px;
}
}
.about-contactus .intro .item-desc {
margin-bottom: 3.125em;
color: var(--this-text);
font-size: 114.28571429%;
line-height: 1.4375em;
}
.about-contactus .intro .item-list ul {
overflow: hidden;
}
.about-contactus .intro .item-list li {
float: left;
margin-bottom: 1em;
width: 50%;
font-size: 114.28571429%;
line-height: 1.25em;
}
.about-contactus .intro .item-list li .ico {
display: inline-block;
margin-top: .25em;
width: 1.16666667em;
height: 1.16666667em;
color: #2cc87d;
vertical-align: top;
font-size: 75%;
line-height: 1.16666667em;
}
.about-contactus .contact-wrap .c-box {
padding: 1.78571429em;
}
.about-contactus .ct-items {
margin: 0 -1.07142857em;
}
.about-contactus .ct-item {
padding: 0 1.07142857em;
}
.about-contactus .ct-box {
padding: 1.07142857em;
}
.about-contactus .ct-title {
margin-bottom: .83333333em;
color: var(--b2color);
text-align: center;
font-weight: 700;
font-size: 108.57142857%;
line-height: 1.11111111em;
}
.about-contactus .ac-ewm,.about-contactus .ac-qq {
margin: 0 auto 1.07142857em;
padding: .71428571em;
width: 10.71428571em;
height: 10.71428571em;
}
.about-contactus .ac-qq {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about-contactus .ac-qq img {
display: block;
width: 3.14285714em;
}
.about-contactus .ac-qq .btn {
padding: 0 1.57142857em;
line-height: 2.28571429em;
}
@media (min-width:1024px) and (max-width:1329.5px) {
.about-contactus .intro {
padding: 3.21428571em;
}
.about-contactus .intro .item-thumb {
display: none;
}
}
@media (min-width:1920px) {
.about-contactus .intro {
padding-left: 50%;
}
.about-contactus .intro .item-thumb {
width: 47%;
}
.about-contactus .intro .item-thumb .hi {
top: .5em;
}
}
@media (max-width:1023.5px) {
.about-contactus {
padding: 2.14285714em 0 1.07142857em;
background: -webkit-gradient(linear,left top,left bottom,from(#f6f8fc00),to(#f6f8fc));
background: -webkit-linear-gradient(top,#f6f8fc00 0,#f6f8fc 100%);
background: -o-linear-gradient(top,#f6f8fc00 0,#f6f8fc 100%);
background: linear-gradient(180deg,#f6f8fc00 0,#f6f8fc 100%);
}
.about-contactus .c-items {
display: none;
}
}
.about-selection {
padding: 7.14285714em 0 0;
}
.about-section-subtitle {
margin-bottom: 2.85714286em;
}
.about-selection .details {
margin-bottom: 2.14285714em;
}
.about-selection .icons {
margin-bottom: 2.5em;
}
.Jitheme_about_main .about-selection .d-items {
margin: 0 var(--ji--0item) var(--ji--0item) 0;
}
.about-selection .i-item {
padding: 0 var(--ji--2item);
}
.Jitheme_about_main .about-selection .d-item {
margin-right: var(--ji--1item);
margin-bottom: var(--ji--1item);
}
.about-selection .detail {
display: block;
padding: 1.14285714em;
background-color: #fff;
-webkit-box-shadow: 0 1px 5px rgba(8,114,246,.04);
box-shadow: 0 1px 5px rgba(8,114,246,.04);
}
.about-selection .detail-in {
position: relative;
overflow: hidden;
padding-left: 5em;
}
.about-selection .detail-in .item-thumb {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 4.28571429em;
}
.about-selection .detail-in .item-thumb .thumb {
padding-top: 100%;
border-radius: 10px;
}
.about-selection .detail-in .item-title {
margin-bottom: .2em;
font-size: 114.28571429%;
line-height: 1.25em;
}
.about-selection .detail-in .item-desc {
color: var(--this-text);
font-size: 85.71428571%;
line-height: 1.5;
}
.about-selection .i-item {
width: 6.25%;
}
.about-selection .icon {
overflow: hidden;
}
.about-selection .icon .item-thumb {
width: 100%;
}
.about-selection .icon .thumb {
padding-top: 100%;
}
@media (min-width:1024px) and (max-width:1329.5px) {
.about-selection .detail-in {
padding-left: 5em;
}
.about-selection .detail-in .item-thumb {
width: 3.28571429em;
}
}
.about-calture {
padding: 3.71428571em 0;
}
.about-calture .about-section-subtitle {
margin-bottom: 3.57142857em;
}
.about-calture .a-items {
margin: 0 -1.07142857em -2.14285714em;
}
.about-calture .a-item {
margin-bottom: 2.14285714em;
padding: 0 1.07142857em;
}
.about-calture .item-label {
margin-bottom: 1.07142857em;
font-weight: 400;
font-size: inherit;
}
.about-calture .item-label .label {
display: inline-block;
padding: 0 .875em;
background-color: var(--b2color);
color: #fff;
font-weight: 700;
font-size: 114.28571429%;
line-height: 2em;
}
.about-calture .item-title {
margin-bottom: .25em;
font-size: 228.57142857%;
line-height: 1.40625em;
}
.about-calture .item-desc {
color: var(--this-text);
font-weight: 400;
font-size: inherit;
line-height: 1.28571429em;
}
.about-calture .item-thumb {
position: absolute;
top: 50%;
right: 0;
width: 7.14285714em;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
}
.about-calture .item-thumb .thumb {
padding-top: 100%;
}
.about-calture .c1,.about-calture .c2 {
overflow: hidden;
}
.about-calture .c1 {
padding: 3.21428571em 2.14285714em 2.14285714em;
background-color: #2a65ed;
background-image: url(https://image.uisdc.com/wp-content/uploads/2023/10/culture-bg.png);
background-position: right top;
background-size: contain;
background-repeat: no-repeat;
-webkit-background-size: contain;
}
.about-calture .c1 .label {
background-color: #fff;
color: var(--b2color);
}
.about-calture .c1 .item-desc,.about-calture .c1 .item-title {
color: #fff;
}
.about-calture .c1 .item-desc {
margin-bottom: 1.285714em;
}
.about-calture .c2 {
margin-bottom: 2.14285714em;
padding: 2.214286em 2.85714286em;
}
.about-calture .c2:last-child {
margin-bottom: 0;
}
.about-calture .c2 .c-in {
position: relative;
padding-right: 7.14285714em;
}
.about-calture .c1-items {
padding: 2.5em 0;
}
.about-calture .aa-in {
text-align: center;
}
.about-calture .it-thumb {
margin: 0 auto 1em;
width: 5em;
}
.about-calture .it-thumb .thumb {
padding-top: 100%;
}
.about-calture .it-title {
margin-bottom: .3em;
font-weight: 700;
font-size: 18px;
line-height: 1.3em;
}
.about-calture .it-desc {
color: var(--this-text);
font-weight: 400;
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-box-align: stretch;
-ms-flex-align: stretch;
}
.flex .f-box {
display: block;
width: 100%;
height: 100%;
}
.f-box,.f-item,.flex {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.g-thumb {
display: block;
overflow: hidden;
width: 100%;
height: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-background-size: cover;
-ms-transform: rotate(0);
}
.g-avatar {
display: block;
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-transform: rotate(0);
}
.g-avatar .g-thumb {
padding-top: 100%;
}
.about-header .wrapper {
position: relative;
}
@media (min-width:768px) {
.sm\:f-2>.f-item {
width: 50%;
}
}
@media (min-width:1024px) {
.f-3>.f-item {
width: 33.33333333%;
}
.about-contactus .f-2>.f-item {
width: 50%;
}
}
@media (min-width:1330px) {
.lg\:f-4>.f-item {
width: calc(25% - var(--ji--1item));
}
.lg\:f-2>.f-item {
width: 50%;
}
}
.btn-blue {
border-color: var(--b2color);
background: var(--b2color);
color: #fff;
}
.about-serve .boxlist {
display: flex;
margin-right: var(--ji--0item);
padding: 1rem 0;
justify-content: space-around;
align-items: center;
}
.about-serve .boxlist .serve_box {
margin: 0 var(--ji--1item) var(--ji--1item) 0;
padding: 1em;
width: calc(25% - var(--ji--1item));
background-color: #fff;
text-align: center;
}
.about-serve .boxlist .serve_box .icon {
display: block;
margin: 0 auto;
padding: .2rem;
width: 4rem;
border-radius: 50%;
background-color: #edf5ff;
}
.about-serve .boxlist .serve_box i {
display: none;
}
.about-serve .boxlist .serve_box h4 {
margin: .85rem auto .6rem;
font-weight: 500;
font-size: 1.2rem;
font-family: PingFangSC-Medium;
line-height: 1.4rem;
}
.about-serve .boxlist .serve_box p {
color: var(--this-text);
font-size: .9rem;
line-height: 25px;
}
.about-serve .boxlist .serve_box i {
display: none;
}
#Mini-quku .jitheme_qk {
margin-top: 0;
}
#Mini-quku .b-header .b-title {
margin-bottom: .3em;
font-weight: 600;
font-size: 20px;
line-height: 1.5;
}
#Mini-quku .b-header {
padding-right: 3.714286em;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
#Mini-quku .b-header .b-desc {
text-align: center;
}
#Mini-quku .jitheme_qk {
display: flex;
width: 100%;
align-items: center;
}
#Mini-quku .ji-qk-item {
padding-left: 20px;
}
#Mini-quku .jitheme-config-desc {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#Mini-quku .jitheme-config>li {
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer;
}
#Mini-quku .jitheme_qk {
padding-left: 0;
}
#Mini-quku .jitheme-config {
width: 100%;
}
.insert-post-content {
position: relative;
z-index: 1;
display: flex;
padding-left: 16px;
height: 100px;
flex: 1;
flex-direction: column;
justify-content: space-between;
}
.jitheme_tips.vip {
background-image: linear-gradient(90deg,#fee2b6,#fec86e);
color: #a26b0f;
}
.tips_text {
z-index: 1;
display: inline-block;
margin: 0 auto;
border-radius: 0;
color: #fff;
text-align: center;
font-style: normal;
font-size: 13px;
}
.jitheme_tips {
position: absolute;
top: 0;
left: 0;
padding: 0 10px;
}.widget ul li + li {
margin-top: -16px;
}
#jitheme_ask_b2 .ask-widget-title {
display: flex
}
#jitheme_ask_b2 .item-index i {
font-size: 20px;
padding-right: 10px;
margin-top: 5px
}
#jitheme_ask_b2 .jitheme_title {
font-size: 14px;
font-weight: normal;
line-height: 25px;
max-height: 55px;
overflow: hidden;
margin-bottom: 10px
}
#jitheme_ask_b2 .ask-widget-meta {
font-size: 12px;
color: var(--this-text);
font-weight: normal
}
#jitheme_ask_b2 .ask-widget-item:nth-child(1) .jitheme {
color: #e20000
}
#jitheme_ask_b2 .ask-widget-item:nth-child(2) .jitheme {
color: #ff6000
}
#jitheme_ask_b2 .ask-widget-item:nth-child(3) .jitheme {
color: #f90
}
#jitheme_ask_b2 .ask-widget-item:nth-child(n+4) .jitheme {
color: #c1c1c1
}
#jitheme_ask_b2 .ask-widget-item {
padding: 5px 16px!important
}
#jitheme_ask_b2 .ask-widget-item:hover {
color: var(--b2color)
}
.b2-widget-ask .jitheme-widget-title h2 {
padding: 0;
margin: 20px
}
.jitheme-widget-tjzt {
}
.jitheme-widget-title h2 {
padding: 16px 0px; font-size: 18px;
color: var(--key-color);
font-weight: 600;
line-height: 1
}
.jitheme_widget_padding {
padding: 10px 16px 16px 16px;
background-position: top center;
background-repeat: no-repeat;
background-size: contain
}
.jitheme-jb-btn {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 32px;
color: var(--key-color);
text-align: center;
padding: 5px 10px;
width: 100%;
border: 1px solid var(--main-border-color);
border-radius: 4px;
text-transform: uppercase;
z-index: 1
}
.jitheme-jb-btn:hover {
color: #fff
}
.jitheme-jb-btn:before {
position: absolute;
content: '';
width: 0%;
height: 100%;
left: 0px;
top: 0px;
border-radius: 4px;
z-index: -1;
transition: all 500ms ease
}
.jitheme-jb-btn:hover:before {
width: 100%
}
.jitheme-jb-btn:after {
position: absolute;
content: '';
height: 32px;
width: 26px;
right: 4px;
clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
opacity: 0.2;
z-index: -1
}
.jitheme-jb-btn:after {
background: var(--b2color)
}
.jitheme-jb-btn:before {
background: var(--b2color)
}
.jitheme-jb-btn:hover {
border-color: var(--b2color)
}
.jitheme-widget-btn a:hover {
}
#jitheme-widget-ask a:hover,#ji-widget-zt a:hover {
color: var(--b2color)
}
#ji-widget-zt .jitheme-jb-btn  a:hover {
color:#fff;
}
#jitheme-widget-ask .item-meta,#ji-widget-zt .item-meta {
font-size: 13px;
color: var(--this-text)
}
#ji-widget-zt .widget-post-small {
margin-bottom: 20px;
margin: 16px 0px;
overflow: hidden
}
#ji-widget-zt .widget ul li.widget-post-small h2 {
font-size: 14px
}
#ji-widget-zt .widget-post-small .b2-widget-post-thumb {
display: flex;
width: 100%;
flex-flow: row-reverse
}
#ji-widget-zt .b2-widget-post-thumb-img {
position: relative;
left: auto;
width: 120px;
height: 75px;
margin-left: 0px;
top: 0
}
#ji-widget-zt .widget-post-small .b2-widget-post-thumb-img {
-webkit-transition: all .3s;
transition: all .3s
}
#ji-widget-zt .widget-post-small:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-webkit-transition: all .3s;
transition: all .3s
}
#ji-widget-zt .widget-post-small .b2-widget-post-order {
display: none
}
#ji-widget-zt .widget-post-small .b2-widget-post-title {
flex: 1;
padding-left: 0;
font-size: 14px
}
#ji-widget-zt .index-num {
position: absolute;
left: 0;
top: 50%;
margin-top: -25px;
line-height: 25px;
margin-left: -25px;
font-size: 30px;
font-family: Impact;
color: var(--b2color)
}
#ji-widget-zt .widget-post-small .b2-widget-post-title {
padding-left: 10px;
display: flex;
flex-direction: column;
align-content: space-around;
justify-content: space-around;
}
#ji-widget-zt .widget-post-small .b2-widget-post-title time {
position: unset;
left: unset;
bottom: unset
}
#ji-widget-zt .widget-post-small h2 {
font-size: 15px;
-webkit-line-clamp: 1;
font-weight: 600; }
#ji-widget-zt .index-num {
margin-top: -15px;
line-height: 25px;
margin-left: 0px
}
#ji-widget-zt .widget-post-small .b2-widget-post-title {
font-size: 12px
}
#ji-widget-zt .b2-widget-post-thumb-img {
position: relative;
left: auto;
width: 90px;
height: 65px;
top: 0;
}
#ji-widget-zt .b2-widget-post-title {
padding-left: 93px;
height: 65px
}
#ji-widget-zt .widget-post:hover .b2-widget-post-title h2 {
text-decoration: unset
}
#ji-widget-zt .widget-post:hover .item-btn {
display: block;
text-decoration: none;
transition: all .2s
}
#ji-widget-zt .widget-post:hover .item-meta {
display: none;
}
#ji-widget-zt .item-btn {
height: 25px;
display: none;
max-width: 80px;
line-height: 25px;
text-align: center;  font-size: 12px;
padding: 0 10px;
font-weight: 500;
background-color: var(--b2color);
color: #fff !important
}
#ji-widget-zt ul li {
padding: 0px
}
#jitheme-widget-ask .t-item {
margin-bottom: 15px
}
#jitheme-widget-ask .item-widget {
display: block;
padding-left: 30px;
position: relative
}
#jitheme-widget-ask .item-index {
font-size: 128.57142857%;
position: absolute;
left: 0;
top: -0.14285714em;
display: block
}
#jitheme-widget-ask .item-title {
font-size: 14px;
font-weight: normal;
line-height: 25px;
max-height: 55px;
overflow: hidden;
margin-bottom: 10px
}
#jitheme-widget-ask .item-meta {
font-size: 12px;
color: var(--this-text);
font-weight: normal
}
#jitheme-widget-ask .t-item .jitheme {
font-size: 20px
}
#jitheme-widget-ask .t-item:nth-child(1) .jitheme {
color: #e20000
}
#jitheme-widget-ask .t-item:nth-child(2) .jitheme {
color: #ff6000
}
#jitheme-widget-ask .t-item:nth-child(3) .jitheme {
color: #f90
}
#jitheme-widget-ask .t-item:nth-child(n+4) .jitheme {
color: #c1c1c1
}
.ji-widget-author {
background-image: url(https://image.uisdc.com/wp-content/uploads/2021/05/uisdc-widget-news.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: contain
}
.ji-widget-author .w-a-info .avatar {
width: 80px;
height: 80px;
border-radius: 80px
}
.ji-widget-author .ji_author_btn {
border: none;
line-height: 30px;
font-size: 13px;
border-radius: 4px;
padding: 20px 0px 10px 0px;
margin: 0 -5px;
text-align: center;
justify-content: space-around;
display: flex
}
.ji-widget-author .button {
border: none;
width: calc(100% * 1 / 3.001 - 10px);
padding: 0px 5px
}
.ji-widget-author .button i {
vertical-align: -2px;
margin-right: 6px
}
.ji-widget-author .user-w-logon {
background-image: unset
}
.ji-widget-author .b2-widget-title h2,.ji-widget-author .widget > h2 {
font-size: 16px;
padding: 10px 0px 20px;
font-weight: 600;
line-height: 1
}
.ji-widget-author .author-widget-content {
padding: 0px
}
.ji-widget-author .w-a-info {
flex-flow: column
}
.ji-widget-author .w-a-info .picture img {
border-radius: 50%;
width: 54px;
height: 54px;
margin-bottom: 6px
}
.ji-widget-author .w-a-info p {
color: var(--key-color);
font-size: 18px;
margin-bottom: 8px;
margin-top: 8px
}
.ji-widget-author .w-a-info img {
margin-right: 0px
}
.ji-widget-author .w-a-name {
text-align: center
}
.ji-widget-author .w-a-count {
background: var(--body-bg-color)
}
.ji-widget-author .w-a-count div {
position: relative
}
.ji-widget-author .w-a-count div::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
border-right: 1px solid var(--body-bg-color);
opacity: .2
}
.ji-widget-author .w-a-count div:last-child::after {
display: none
}
.ji-widget-author .w-a-post-list a {
margin-bottom: 8px;
font-size: 13px
}
.ji-widget-author .w-a-post-list span {
opacity: 1
}
.ji-widget-author .widget-mission-footer a {
padding: 0;
border: none;
background: var(--b2color);
line-height: 30px;
color: #fff;
font-size: 14px;
width: 60%;
margin: 0 auto;
border-radius: 4px
}
.ji-widget-author .b2-widget-box {
position: relative;
padding-bottom: 0px
}
.ji-widget-post .widget-post:hover .b2-widget-post-title h2 {
text-decoration: none !important;
color: var(--b2color)
}
.ji-widget-post .b2-widget-hot ul .widget-post:hover {
background: var(--b2lightcolor);
cursor: pointer
}
.ji-widget-post .widget-area section {
margin-bottom: 0;
padding-bottom: 24px
}
.ji-widget-post .b2-widget-hot ul li:hover,.ji-widget-post .b2-widget-hot ul li:hover .b2-radius {
color: var(--b2color);
opacity: 1
}
.ji-widget-post .b2-widget-post-order {
left: unset
}
.ji-widget-post .widget-post-none .b2-widget-post-order {
background-color: rgba(0,0,0,0) !important
}
.ji-widget-post .b2-widget-post-order:after {
display: none
}
.ji-widget-post ul li:last-child {
margin-bottom: 0
}
.ji-widget-post .widget-post-big {
margin-top: 0px
}
.ji-widget-post .widget-post-big {
font-size: 14px;
padding: 0px 16px 16px 16px
}
.ji-widget-post .widget-post-big:first-child {
padding-top: 16px
}
.ji-widget-post .widget ul li h2 {
font-size: 15px
}
.ji-widget-post .b2-widget-post-title h2 {
line-height: 20px
}
.ji-widget-post .b2-widget-post-title .title {
line-height: 40px
}
.ji-widget-post .b2-widget-hot li.widget-post-none,.ji-widget-post .b2-widget-hot li.widget-post-small {
padding: 0;
height: auto;
margin-bottom: 20px
}
.ji-widget-post .widget-post-none span {
font-size: 36px;
width: auto;
opacity: .5;
font-size: 30px;
font-family: Impact
}
.ji-widget-post li:hover {
cursor: pointer
}
.ji-widget-post li:hover .b2-widget-post-order span {
color: var(--b2color);
opacity: 1
}
.ji-widget-post .widget-post-none {
font-size: 13px;
padding: 16px 16px 8px 16px;
box-sizing: border-box
}
.ji-widget-post .widget-post-none .b2-widget-post-title {
padding-left: 55px
}
.ji-widget-post .b2-widget-post-order {
top: 25px
}
.ji-widget-post .module-posts .b2-widget-hot ul li:hover,.ji-widget-post .module-posts .b2-widget-hot ul li:hover .b2-radius {
color: var(--b2color);
opacity: 1
}
.ji-widget-post .module-posts .widget-post-none .b2-widget-post-order {
background-color: rgba(0,0,0,0) !important
}
.ji-widget-post .module-posts .b2-widget-post-order:after {
display: none
}
.ji-widget-post .module-posts .widget-post-small .b2-widget-post-order {
display: none
}
.ji-widget-post .b2-widget-post-title time {
font-size: 12px;
color: #bcbcbc;
margin-top: 10px
}
.ji-widget-post .widget-post-small .b2-widget-post-title time {
}
.ji-widget-post .module-posts .widget ul li.widget-post-small + li.widget-post-small {
margin-top: 0
}
.ji-widget-post .widget ul li.widget-post-small h2 {
font-size: 14px
}
.ji-widget-post .widget-post-small .b2-widget-post-thumb {
display: flex;
width: 100%;
flex-flow: revert
}
.ji-widget-post .b2-widget-post-thumb-img {
position: relative;
left: auto;
width: 90px;
height: 64px;
margin-right: 12px;
top: 0
}
.ji-widget-post .widget-post-small .b2-widget-post-thumb-img {
-webkit-transition: all .3s;
transition: all .3s
}
.ji-widget-post .widget-post-small:hover {
color: var(--b2color);
cursor: pointer
}
.ji-widget-post .widget-post-small .b2-widget-post-order {
display: none
}
.ji-widget-post .widget-post-small .b2-widget-post-title { padding-left: 0;
font-size: 14px;
line-height: 22px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.ji-widget-post .widget-post-big .b2-widget-post-title {
position: absolute;
bottom: -64px;
left: 0;
width: 100%;
text-decoration: none;
padding: 0 10px;
height: 40px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-webkit-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
color: #fff;
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
}
.ji-widget-post .widget-post-big:hover .b2-widget-post-title {
bottom: 0
}
.ji-widget-post .widget-post-big:hover .b2-widget-post-title .b2timeago {
display: none
}
.ji-widget-user .user-w-announcement li {
padding: 8px 20px
}
.b2-widget-hot-circle .b2-widget-title button.picked {
color: var(--b2color);
background: #fff
}
.b2-widget-hot-circle .b2-widget-title button {
background: var(--main-border-color);
margin: 5px;
font-size: 14px;
}
.widget-area-left.widget-area {
margin-left: 0;
width: 280px!important;
max-width: 280px!important;
min-width: 280px!important;
}
.user-widget-info .user-w-avatar img {
width: 40px;
height: 40px;
min-width: 40px;
display: block;
}
.b2-widget-hot-circle .b2-widget-title button.picked:before {
display: none
}
.b2-widget-hot-circle .b2-widget-title h2 {
margin: 0
}
.b2-widget-circle-info .user-w-announcement li {
padding: 16px 8px;
border: 0
}
.circle .po-topic-textarea textarea:focus {
border: 1px solid #ff36570
}
.topic-image-box .img-list-more li > div {
padding-top: 64% !important
}
.img-list-more li {
width: 32%;
padding: 5px;
background: var(--fill-3);
margin-right: 1%
}
.jitheme-widget-pl,.jitheme-widget-user,.widget_tag_cloud,.b2-widget-newsflashes {
padding: 20px;
padding-top: 0px
}
.comment-widget-nav span {
background-color: var(--body-bg-color);
border-radius: 50%;
color: var(--b2color)
}
.comment-widget-nav span i {
font-size: 25px!important
}
.jitheme-widget-pl ul li:last-child {
padding-bottom: 0
}
.jitheme-widget-pl .comment-widget-nav {
right: 20px;
top: 15px
}
.jitheme-widget-pl .b2-widget-title h2,.b2-widget-newsflashes .b2-widget-title h2 {
padding: 0;
margin-bottom: 10px;
padding-bottom: 20px;
font-size: 20px
}
.jitheme-widget-pl ul li {
font-size: 13px;
padding: 0px 0px 16px 0px;
box-sizing: border-box
}
.jitheme-widget-pl .b2-widget-title h2,.widget > h2,.b2-widget-newsflashes .b2-widget-title h2 {
padding: 15px 0px
}
.b2-widget-hot-circle.box {
background-color: #fff;
box-shadow: 0px 0px 2px rgb(98 124 153 / 10%)
}
.user-money,.user-credit {
text-shadow: unset;
color: var(--key-color)
}
.widget_tag_cloud > div {
padding: 0px
}
.widget .tagcloud a {
padding: 6px
}
.b2-widget-newsflashes ul li {
font-size: 13px;
padding: 0px 0px 16px 0px;
padding-bottom: 16px;
box-sizing: border-box
}
.widget-newsflashes-box ul::before {
content: '';
width: 1px;
position: absolute;
left: 2px;
top: 26px;
bottom: 70px
}
.b2-widget-newsflashes {
padding-bottom: 0px
}
.user-sidebar-count li {
background-color: var(--body-bg-color);
border: 5px solid var(--body-bg-color);
color: var(--key-color)
} .jitheme-widget-wechat {
font-size: 14px
}
@media (min-width: 1330px) {
.jitheme-widget-wechat {
font-size:.14rem
}
}
.jitheme-widget-wechat .widget-wrap {   -moz-border-radius: .1rem; font-size: 16px;
overflow: hidden;
}
.jitheme-widget-wechat .wechat-group {
overflow: hidden
}
.jitheme-widget-wechat .wechat-group ul {
float: left;
width: 50%
}
.jitheme-widget-wechat .wechat-group li {  margin-bottom: 5px;
color: #525252; padding: 10px 0px 16px 0px;
}
.jitheme-widget-wechat .wechat-group li .count {
display: inline-block;
vertical-align: top;
width: 18px;
height: 18px;
text-align: center;
margin-right: .5em;
color: #8a8a8a;
border: 1px solid #ededed;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.jitheme-widget-wechat .wechat-group li .count .txt {
font-size: 13px;
}
.jitheme-widget-wechat .add-admin {
background-color: #effaf8;
padding: 15px;
-webkit-border-radius: .1rem;
-moz-border-radius: .1rem;
border-radius: .1rem
}
.jitheme-widget-wechat .add-admin .add-title {
font-size: 114.28571429%;
color: #37be9e;
line-height: 1.375em;
margin-bottom: .3125em
}
.jitheme-widget-wechat .add-admin h5 {
font-size: 86.714286%;
color: #525252;
font-weight: normal;
line-height: 2em;
}
.jitheme-widget-wechat .add-admin .add-wrap {
padding-right: 5em;
position: relative
}
.jitheme-widget-wechat .add-admin .add-thumb {
position: absolute;
right: 0;
top: 0;
width: 80px;
visibility: visible;
opacity: 1;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.jitheme-widget-wechat .add-admin .add-thumb .thumb {
padding-top: 100%;
-webkit-border-radius: .42857143em;
-moz-border-radius: .42857143em;
border-radius: .42857143em
}
.jitheme-widget-wechat .add-admin .add-avatar {
position: absolute;
right: 0;
bottom: -0.15rem;
width: 80px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.jitheme-widget-wechat .add-admin .add-avatar .thumb {
padding-top: 91.30434783%;
}
.jitheme-widget-wechat:hover .add-admin .add-thumb {
visibility: visible;
opacity: 1;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.jitheme-widget-wechat:hover .add-admin .add-avatar {
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.jitheme-widget-down .widget .w-d-current,.w-d-role > div span:last-child{
font-size: unset!important; 
}
.jitheme-widget-down .widget .w-d-current{
line-height: unset!important;
}
.jitheme-widget-down .downloadurl {
font-size: 18px;
padding: 0px 16px 16px 0px;
border-bottom: 1px dashed var(--main-border-color);
font-weight: 600;
line-height: 1;
width: 100%;
display: flex;
}
.jitheme-widget-down .downloadurl i {
color: var(--b2color);
font-size: 18px;
margin-right: 8px;
transform: translateY(1px);
}
.jitheme-widget-down .downloadurl:before{content: '';
position: absolute;
background: var(--body-bg-color);
width: 20px;
height: 20px;
top: 25px;
left: -30px;
border-radius: 50%;}
.jitheme-widget-down .downloadurl:after{content: '';
position: absolute;
background: var(--body-bg-color);
width: 20px;
height: 20px;
top: 25px;
right: -30px;
border-radius: 50%;}
.jitheme-widget-down .w-d-title {
justify-content: space-between;
}
.jitheme-widget-down .w-d-title .downloadurl-title {
font-size: 14px !important;
font-weight: 400;
margin-top: 12px;
line-height: 36px
}
.jitheme-widget-down .w-d-role > div > span:last-child b {
font-family: DIN;
font-style: normal;
font-weight: bold;
font-size: 20px;
}
.jitheme-widget-down .jitheme-down-qx span{
color: #FF3355!important;
}
.jitheme-widget-down .jitheme-down-user img {
vertical-align: bottom;
}
.jitheme-widget-down .jitheme-down-user{    
display: flex;
flex-direction: row;
align-items: center;
}
.jitheme-widget-down .w-d-meta {
background-color: rgba(87,165,255,.15);
}
.jitheme-widget-down .w-d-meta p {
position: relative;
display: flex;
line-height: 28px;
align-items: center;
padding-left: 10px;
}
.jitheme-widget-down .w-d-meta p:before {
position: relative;
display: block;
margin-right: 8px;
width: 12px;
height: 12px;
background: url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/li-dian.svg);
content: "";
opacity: .65;
}
.jitheme-widget-down .w-d-title {
font-size: 16px;
font-weight: 600;
display: flex;
padding: 0px 16px 16px 0px;
}
.jitheme-widget-down .w-d-role {
padding: 0 12px;
background: #fff9e4;
color:var(--key-color);
border: 2px dashed #ffdd65;
}
.jitheme-widget-down .cosbtn{
font-size: 12px;
padding-top: 20px;
display: flex;
margin-bottom: 20px;
flex-direction: row;
justify-content: space-between;
}
.jitheme-widget-down .cosbtn a{
color: var(--key-color);
}
.jitheme-widget-down .cosbtn a:hover{
color: var(--b2color);
}
.jitheme-widget-down .cosbtn a i{
font-size: 15px!important;
margin-right: 3px;
line-height: 1;
}
.jitheme-widget-down .cosbtn .desc{
position: relative;
cursor: pointer;
}
.jitheme-widget-down .cosbtn .desc span{
color: var(--this-text);
font-size: 13px;
}
.jitheme-widget-down .cosbtn .desc span i{
font-size: 14px!important;
margin-right: 3px;
line-height: 1;
}
.jitheme-widget-down .cosbtn .desc .banquan{
display: none;
position: absolute;
padding-top: 20px;
top: 8px;
right: 0;
z-index: 10;
}
.jitheme-widget-down .cosbtn .desc:hover .banquan{
display: block;
}
.jitheme-widget-down .cosbtn .desc .banquan:before {
content: " ";
position: absolute;
width: 0;
height: 0;
right: 14px;
top: 5px;
border: 10px solid transparent;
border-bottom-color: var(--main-bg-color);
}
.jitheme-widget-down .cosbtn .desc .banquan .boxtitle{
width: 450px;
height: 100%;
padding: 20px;
display: block;
border-radius: 6px;
background: var(--main-bg-color);
box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.1);
line-height: 1.5;
color: var(--this-text);
}
.jitheme-widget-down .cosbtn .desc .banquan .boxtitle span{
text-align: center;
font-size: 16px;
display: block;
margin-bottom: 10px;
}.red-color{
color: var(--this-red-color)!important;
background-color:var(--this-red-bg)!important ;
}
.blue-color{
color: var(--this-blue-color)!important;
background-color:var(--this-blue-bg)!important ;
}
.web-color{
color: var(--b2color)!important;
background-color:var(--b2lightcolor)!important ;
}
.jitheme-button button{
border: 0px;
}
.jitheme-button button i{
margin-right: 5px;
vertical-align: middle;
} .gdd-quick-link-buy-vip__popover--btn {
color: #fff;
}
.user-panel-info h1 span img {
margin-top: 3px;
} #author .user-panel-info h1{
display: flex;
}
#author .user-panel-info h1 span {
margin-right: 10px;
display: flex;
flex-direction: row;
align-items: center;
} .message-icon {
width: 52px;
flex: 0;
height: 40px;
min-width: 40px;
min-height: 40px;
line-height: 40px;
}
.message-list li .avatar {
width: 40px;
height: 40px;
}.header li:last-child .b2-arrow-down-s-line {
display: none
}
.home .action.ji_haeder #jitheme_header_top02 .onecad_search_box .top-search-select span, .home .action.ji_haeder #jitheme_header_top02 .onecad_search_box i ,.home .action.ji_haeder .top-search input,.home .action.ji_haeder .search-button-action i, .home .action.ji_haeder #jitheme_header_top02 .top-search input::placeholder{
color: var(--key-color);
}
.post-pay-type {
top: 10px;
bottom: unset
}
.jitheme_tags span {
position: absolute;
top: 0px;
left: 0px; padding: 2px 5PX;
font-size: 12px;
}
.tags_img {
width: 80px;
height: 80px;
margin-bottom: 10px;
margin: auto;
border-radius: 50%;
overflow: hidden
}
.jitheme_tags .tags_1 {
background-color: rgb(254 226 226/1);
color: rgb(153 27 27/1)
}
.jitheme_tags .tags_2 {
background-color: rgb(243 232 255/1);
color: rgb(107 33 168/1)
}
.jitheme_tags .tags_3 {
background-color: rgb(220 252 231/1);
color: rgb(22 101 52/1)
}
.jitheme_tags .tags_4 {
background-color: rgb(224 231 255 / 1);
color: rgb(55 48 163 / 1)
}
.jitheme_tags .tags_5 {
background-color: rgb(254 249 195/1);
color: rgb(133 77 14/1)
}
.jitheme_tags span:hover {
background-color: #1B1B1B;
color: #FFF
}
.tags-page ul li a {
border-radius: 20px
}
.tags-page ul li a {
display: block;
padding: 10px;
border-radius: 3px;
text-align: left;
}
.tags-page ul li a h2,.tags-page ul li a p {
margin-left: 35px;
}
.tags-page ul li a:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.05);
box-shadow: 0 0 30px rgba(0,0,0,0.05);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.tags-page ul li a:hover {
box-shadow: 0 3px 10px #ccc;
border: 0px solid #fff;
}
.tags-page ul li a {
background-color: #35bdc7;
border: 0px solid rgba(255, 255, 255, 0);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.jitheme_tags img {
width: 80px;
height: 80px;
margin-bottom: 10px;
border-radius: 50%
}
.jitheme-login.modal-content {
width: auto
}
.login-form-item input {
border: 1px solid var(--body-bg-color);
background-color: var(--body-bg-color)!important;
font-size: 14px
}
.login-social-button-bottom div:first-child {
margin-bottom: 0px
}
.login-social-button-bottom .css-jr78vv {
display: flex;
flex-wrap: unset
}
.login-form-item input:focus + span:after,.login-form-item input[class="active"] + span:after,.login-form-item input:valid + span:after {
content: '';
width: 100%;
height: 3px;
background: #fff;
top: 6px;
position: absolute;
left: 0;
z-index: 0;
opacity: 1
}
@media screen and (max-width: 768px) {
.signQr-leftContainer {
display:none
}
}
@media screen and (min-width: 768px) {
.login-box-content .login-box-top {
width:400px
}
.login-social-button-bottom {
padding: 10px 0px
}
.jitheme-login {
display: flex
}
}
.show-modal {
opacity: 1;
visibility: visible;
transform: perspective(1px) scale(1.0);
transition: visibility 0s linear 0s,opacity 0.15s 0s,transform 0.15s;
backdrop-filter: saturate(97%) blur(41px);
background-repeat: no-repeat;
background-size: cover;
-webkit-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1;
flex: 1 1;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
min-height: 688px
}
.signQr-leftContainer {
width: 332px
}
.SignFlowHomepage-logo {
height: 81px;
margin-bottom: 24px;
width: 128px
}
.Qrcode-container.smallVersion {
padding-top: 98px
}
.Qrcode-container {
position: relative;
text-align: center
}
.SignFlowHomepage-content {
-webkit-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1;
flex: 1 1;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 42px);
justify-content: center;
min-height: 688px
}
.css-ousx6v {
box-sizing: border-box;
margin: 0;
min-width: 0;
font-size: 14px;
color: #056DE8;
height: 60px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
margin: 26px 0 22px
}
.css-k49mnn {
box-sizing: border-box;
margin: 0;
min-width: 0;
color: #444444;
font-size: 16px;
font-weight: 600;
line-height: 23px
}
.css-qj3urb {
box-sizing: border-box;
margin: 0;
min-width: 0;
margin-top: 8px;
margin-bottom: 24px;
color: #444444;
font-size: 14px;
line-height: 20px
}
.Qrcode-content {
height: 210px
}
.Qrcode-container.smallVersion .Qrcode-img {
margin-bottom: 40px;
margin-top: 40px
}
.Qrcode-container.smallVersion .Qrcode-img {
height: 120px;
width: 120px
}
.Qrcode-container.smallVersion .Qrcode-qrcode {
border-radius: 6px;
height: 120px;
width: 120px
}
.Qrcode-container.smallVersion .Qrcode-qrcode {
border: 1px solid #ebebeb;
padding: 8px
}
.Qrcode-container {
position: relative;
text-align: center
}
.Qrcode-img {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 150px;
justify-content: center;
margin: 0 auto 24px;
position: relative;
width: 150px
}
.css-x9rxz4 {
box-sizing: border-box;
margin: 0;
min-width: 0;
margin-top: 24px;
color: #444444;
font-size: 14px;
font-weight: 600;
line-height: 20px
}
.css-1bdtll5:hover {
background: #F6F6F6
}
.css-1bdtll5 {
box-sizing: border-box;
margin: 0;
min-width: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
text-align: center;
line-height: inherit;
-webkit-text-decoration: none;
text-decoration: none;
font-size: inherit;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
color: white;
background-color: #056DE8;
border: 0;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
background-color: #056DE8;
border-radius: 4px;
background-color: unset;
font-weight: inherit;
margin-right: 8px;
padding: 4px 10px;
border: 1px solid #EBEBEB;
border-radius: 29px;
font-size: 12px;
color: #444444;
line-height: 19px;
display: inline-block
}
.css-jr78vv {
box-sizing: border-box;
margin: 0;
min-width: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.css-t703mf {
box-sizing: border-box;
margin: 0;
min-width: 0;
border-top: 1px solid;
border-color: #EBEBEB;
width: 134px
}
.css-daoszp {
box-sizing: border-box;
margin: 0;
min-width: 0;
color: #999999;
font-size: 12px;
margin: 0px 16px;
overflow: hidden;
line-height: 17px;
white-space: nowrap
}
.css-t703mf {
box-sizing: border-box;
margin: 0;
min-width: 0;
border-top: 1px solid;
border-color: #EBEBEB;
width: 134px
}
.login-social-button-bottom {
display: block;
border: unset
}
.login-social-button.show {
height: auto
}
.SignContainer-tip {
font-size: 12px;
line-height: 19px;
display: block!important
}
.SignContainer-tip {
color: #999;
padding-top: 15px;
text-align: center
}
.ji-shejiao span {
display: none
}
.ji-shejiao i {
font-size: 20px;
margin-right: 0
}
.ji-shejiao {
margin: auto;
margin-top: 20px;
justify-content: space-evenly;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.login-box-content .login-social-button-bottom a {
padding: 0 6px;
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: #f6f6f6;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 36px;
justify-content: center;
width: 36px
}
.b2-menu-3 .sub-menu-0 > li:hover > a,.b2-menu-3 .sub-menu-0 a:hover {
background: var(--b2lightcolor);
color: var(--b2color)
}
#jitheme_header_top01 .social-top .top-menu ul li.depth-0 > a {
opacity: 1;
display: flex
}
#jitheme_header_top01 .header-banner-left .menu li a {
font-size: 16px;
align-items: center;
position: relative
}
#jitheme_header_top01 .header-banner-left .menu li a span {
top: 0px
}
#jitheme_header_top01 .social-top .header-banner-left .menu li a {
font-size: 15px
}
#jitheme_header_top01 .header-user {
width: 100%;
z-index: 5;
}
#jitheme_header_top01 .top-user-info { }
#jitheme_header_top02 .top-user-info {
display: flex;
align-items: center;
}
#jitheme_header_top01 #onecad_btna {
display: none
}
#jitheme_header_top01 .top-menu-ul > li.depth-0:first-child > a {
padding-left: 0
}
#jitheme_header_top01 .top-menu ul li.depth-0 > a .hob {
height: 4px;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
text-align: center;
background: var(--b2color);
transform-origin: bottom center;
width: 20px;
bottom: 6px;
display: none;
}
#jitheme_header_top01 .social-top .top-submit {
display: flex
}
@media screen and (max-width: 768px) {
#jitheme_header_top01 .social-top .top-submit {
display:none
}
}
.social-top .header-login-button button.empty {
margin-right: 0px
}
#jitheme_header_top02 {
height: 70px
}
#jitheme_header_top02 .logo {
display: flex;
height: unset!important;
align-items: center
}
#jitheme_header_top02 .header-banner-content {
height: 30px
}
#jitheme_header_top02 .b2-menu-3 .sub-menu-0 a {
}
.home #jitheme_header_top02.mg-b {
margin-bottom: 0px;
}
#jitheme_header_top02 .header-search-select a {
text-align: center
}
#jitheme_header_top02 .top-search {
position: relative;
width: 100%
}
#jitheme_header_top02 .onecad_search {
padding: 18px 18px 19px 18px;
top: -70px;
z-index: 9;
display: flex;
width: 30%;
margin: auto
}
#jitheme_header_top02 .top-search input {
width: 100%
}
#jitheme_header_top02 .onecad-theme {
align-items: center;
display: flex;
margin-top: 18px
}
#jitheme_header_top02 .onecad-theme button {
padding: 5px;
border-radius: 100%;
width: 24px;
height: 24px;
line-height: 1;
padding: 0;
background: none;
border: 0;
color: inherit;
margin-right: 0px
}
#onecad_btnb.onecad_btn i {
font-size: 25px;
font-weight: 500;
color: var(--key-color);
top: 5px;
position: absolute
}
#jitheme_header_top02 .onecad_search_box {
position: absolute;
backdrop-filter: blur(5px);
z-index: 9;
top: 0px;
display: none;
width: 100%
}
.change-theme > div {
position: inherit;
}
#jitheme_header_top02 .onecad_btn {
height: 24px;
width: 24px;
text-align: center;
line-height: 30px;
border-radius: 100%;
position: relative;
line-height: 1;
border: 0;
background-color: #eee0;
margin-right: 0px;
}
#jitheme_header_top02 .change-theme > div a ,#jitheme_header_top01 .change-theme > div a {
width: 24px;
line-height: 24px;
}
#jitheme_header_top01.social-top .change-theme {
margin: 0  var(--ji--2item);
}
@media screen and (max-width: 768px) {
#jitheme_header_top02 .menu-center .mobile-box {
margin:0 auto;
display: block
}
}
@media screen and (min-width: 768px) {
#jitheme_header_top02 .menu-center .mobile-box {
margin:0 auto;
display: flex
}
}
#jitheme_header_top02 .header-user .margin_ico,#jitheme_header_top01  .header-user .margin_ico{
margin: 0px var(--ji--2item);
}
#jitheme_header_top02 .header-user {
position: absolute;
top: 0px;
display: flex;
border-radius: 12px;
padding: 0px; height: 100%;
}
#jitheme_header_top02 .header-login-button button {
margin-left: 0px;
padding: 7.5px 10px
}
#jitheme_header_top02 .sup {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff4a3b;
margin: 0 0 2px 3px;
position: absolute;
top: 19px;
right: 6px
}
#jitheme_header_top02 .site-header {
height: 100px
}
#jitheme_header_top02 .header,#jitheme_header_top02 .header .wrapper {
height: 70px
}
#jitheme_header_top02 .logo-center .top-style,.logo-left .top-style,.menu-center .top-style,.social-top .top-style-bottom,.logo-top {
border-top: 0px solid #f5f6f7
}
#jitheme_header_top02 .change-theme>div a {
height: unset; 
}
#jitheme_header_top02 .top-style-blur {
top: 0px;
border-top: 0px solid #f5f6f7
}
#jitheme_header_top01 .Onecad_header_vip_topi {
top: 3px;
}
#jitheme_header_top02 .Onecad_header_vip_topi {
top: 5px;
}
#jitheme_header_top02 .sub-menu {
top: 70px
}
.site.up #jitheme_header_top02 .site-header-in {
transform: translate(0,-70px)!important;
transition: transform .3s,background-color .3s ease-out
}
.site.up #jitheme_header_top01 .site-header-in {
transform: translate(0,-60px)!important;
transition: transform .3s,background-color .3s ease-out
}
#jitheme_header_top02 .b2-menu-4 .sub-menu-0 > li > a {
font-size: 14px
}
#jitheme_header_top02 .top-menu ul li.depth-0 > a {
font-size: 1rem;
align-items: center;
position: relative;
z-index: 2;
height: 70px;
padding: 0 12px
}
#jitheme_header_top02 .top-menu ul li.depth-0 > a:hover {
}
#jitheme_header_top02 .button.empty,#jitheme_header_top02 li.current-menu-item > a,#jitheme_header_top02 .top-menu-hide:hover .more,.header .top-menu ul li.depth-0:hover > a .b2-jt-block-down,#jitheme_header_top02 button.text {
color: var(--b2color);
}
#jitheme_header_top02 .top-menu ul li.depth-0 > a .hob {
height: 4px;
border-radius: 2px;
margin-left: auto;
bottom: 10px;
display: none;
margin-right: auto;
text-align: center;
background: var(--b2color);
left: 10px;
transform-origin: bottom center;
width: 20px
}
#jitheme_header_top02 .menu_jb {
display: inline-block;
width: 100px;
height: 15px;
background: #ff4a3b;
margin: 0 0 2px 3px;
position: absolute;
top: 19px
}
#jitheme_header_top02 .top-menu-ul > li.depth-0 + li.depth-0 > a .hob {
left: 10px;
right: 10px
}
#jitheme_header_top02 .b2-menu-1 .sub-menu-0 li a img {
width: 60px;
height: 60px;
border-radius: 100%;
margin: auto
}
#jitheme_header_top02 .to pic-footer-left button.picked,.single .post-list-cat a,.saf-z button.picked,.news-vote-up .isset,.news-vote-down .isset,.w-d-list.gujia button,.w-d-download span button {
vertical-align: middle;
text-align: center
}
#jitheme_header_top02 .slider-info-box {
padding: 10px
}
#jitheme_header_top02 .document-cat-item {
width: 20%
}
#jitheme_header_top02 .ym-menu img {
width: 18px;
height: 18px;
margin-right: 4px;
margin-top: -1px
}
#jitheme_header_top02 .fuid-vip-link {
text-align: center;
float: left;
margin-top: 2px
}
#jitheme_header_top02 .fuid-vip-link img {
width: 23px;
margin-top: -4px;
display: initial;
margin-right: 5px
}
#jitheme_header_top02 .fuid-vip-link a {
display: block;
position: relative;
overflow: hidden;
font-size: 12px;
margin-right: 10px;
margin-right: -20px;
margin-top: -1px;
font-weight: 500;
line-height: 20px;
border: 1px solid #0066ff;
padding: 5px 10px 5px 10px;
color: #fff
}
#jitheme_header_top02 .fuid-vip-link a:hover {
box-shadow: 0 6px 18px -6px rgb(255 199 115 / 38%);
-webkit-filter: brightness(1.2);
filter: brightness(1.2)
}
#jitheme_header_top02 .fuid-vip-link a:after {
content: "";
position: absolute;
top: -40px;
left: -120px;
width: 120px;
height: 120px;
background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.33%,hsla(0,0%,100%,.486726)),to(hsla(0,0%,100%,0)));
background: linear-gradient( 90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.486726) 51.33%,hsla(0,0%,100%,0));
display: block;
-webkit-transform: rotate( 10deg);
-ms-transform: rotate(10deg);
transform: rotate( 10deg);
-webkit-transition: left 0s;
transition: left 0s
}
#jitheme_header_top02 .fuid-vip-link a:hover:after {
left: 105%;
-webkit-transition: 1.8s;
transition: 1.8s
}
#jitheme_header_top02 .b2-menu-4 .sub-menu-0 li ul li {
width: 50%;
float: left
}
#jitheme_header_top02 .b2-menu-4 .sub-menu,.b2-menu-1 .sub-menu {
left: 50%;
transform: translateX(-50%) !important
}
#jitheme_header_top02 .header .button,.header .login-button button {
border: 0 var(--b2color);
color: #fff
}
@media screen and (max-width: 768px) {
#jitheme_header_top02 .top-menu ul li.depth-0 > a,.logo-top .top-menu ul li.depth-0 > a {
height:auto;
display: flex
}
#jitheme_header_top02 .change-theme {
display: flex;
}
}
.b2-menu-3 .sub-menu-0 a {
font-size: 14px;
display: flex;
padding: 10px 30px;
justify-content: space-between
}
.menu-post-box:hover a {
text-decoration: underline
}
.b2-menu-3 .sub-menu-0 > li:hover > a,.b2-menu-3 .sub-menu-0 a:hover {
background: #f2f2f2
}
.b2-menu-3 .sub-menu-0>li:after {
content: '';
position: absolute;
top: 14px;
left: 12px;
width: 0px;
height: 0px;
border-radius: 50%;
background: #fff;
border: 3px solid #f78da7
}
.sub-menu{
background-color: var(--main-bg-color)!important;
color: var(--key-color)!important; 
}
.b2-menu-3 .sub-menu-0>li:nth-child(2n+1):after {
border: 3px solid #cf2e2e
}
.b2-menu-3 .sub-menu-0>li:nth-child(3n+1):after {
border: 3px solid #ff6900
}
.b2-menu-3 .sub-menu-0>li:nth-child(4n+1):after {
border: 3px solid #fcb900
}
.b2-menu-3 .sub-menu-0>li:nth-child(5n+1):after {
border: 3px solid #7bdcb5
}
.b2-menu-3 .sub-menu-0>li:nth-child(6n+1):after {
border: 3px solid #00d084
} .jitheme-slider.slider-1.box {
background: none;
padding: var(--ji--1item) 0;
}
.jitheme-slider.slider-1 .slider-1-carousel {
margin-right: var(--ji--1item);
opacity: .3;
border-radius: 4px;
overflow: hidden;
}
.jitheme-slider.slider-1 .slider-1-carousel.is-selected {
opacity: 1;
}
.jitheme-slider.slider-1 .flickity-page-dots {
width: 160px;
text-align: center;
left: calc(50% - 80px);
bottom: 30px;
top: auto;
}
.jitheme-slider .flickity-prev-next-button .flickity-button-icon {
color: var(--this-text);
}
.jitheme-slider.slider-1 .slider-1-carousel:not(.is-selected):after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 6;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); opacity: 1;
pointer-events: none; }
.jitheme-slider button.flickity-button {
background-color: var(--body-bg-color);
}@media screen and (max-width:768px) {
#OneCAD .login-box-img,#Onecad_vips .Onecad_vip_privilege_list,#footer_tsk.Ji-row,#home-row-onecad-search,#home-row-slider,#home-row-zhuanti,#jitheme-ranks-ask .talk-item .zuijiadz,#jitheme_ask .ask-search-or,#jitheme_ask .ask-search-post,#jitheme_celan,#jitheme_header_top01 .Onecad_header_vip_topi,#jitheme_header_top02 .Onecad_header_vip,#jitheme_new,#onecad_5zuimg.swiper,#onecad_footer_db,#onecad_footer_ht,.Onecad_header_vip,.ava-left,.change-theme .mobile-show,.float-right,.footer-fav,.home .sort-config-desc,.ji-ac-tags,.ji-catnav-wz,.ji-downBox,.ji-downMain .thumb,.jitheme-cat,.jitheme-category .data,.jitheme-category .jitheme_ac_vip a.upload,.jitheme-ranks .header-menus .join,.jitheme-ranks .menus .pops,.jitheme_data,.jitheme_data_d,.jitheme_slide_link,.jitheme_slide_tjmk,.list-footera,.onecad-fenlei li .current:after,.post-3 .post-list-meta li,.post-3 .post-list-meta li+li,.post-6-jiehsao,.post-7 .post-list-meta,.post-breadcrumb,.post-tags-meat-onecad,.question_cat_text,.sort-blocks,.sort-config-title .go,.spinner-grow,.tax-search,.term-title {
display: none
}
.logo-center .login-button .b2-account-circle-line,.logo-left .login-button .b2-account-circle-line,.logo-top .login-button .b2-account-circle-line,.menu-center .login-button .b2-account-circle-line {
color: var(--key-color)!important
}
.button:active {
transform: translateY(0)!important
}
.change-theme > div:first-child {
display: block;
}
.site-content {
margin: 0 6px
}
.tax-header .wrapper {
padding: 0
}
.social-top .top-menu {
margin-top: 0
}
.b2-menu-3 .sub-menu-0 li:nth-child(odd) {
background-color: var(--muted-bg-color)
}
.b2-menu-3 .sub-menu-0 li {
position: relative;
margin: 5px 0
}
.b2-menu-3 .sub-menu-0 li a i,.b2-menu-4 .sub-menu-0 li a i {
padding: 5px 0
}
.top-menu-ul>li.depth-0>a i.b2-arrow-down-s-line {
top: unset
}
.post-3 .post-list-meta-box {
display: flex;
justify-content: space-between;
flex-flow: unset
}
.header-logo {
padding-top: 12px
}
.post-3-li-dubble .item-in .post-info h2 {
margin: 0 0 0;
margin-bottom: 0;
font-size: 14px;
line-height: 25px
}
.home-authors .item-tobe-author .tobe-author {
padding: 10px
}
.home-authors .group-item .item-images .img-item,.home-authors .item,.item-wrap {
margin-bottom: 8px
}
.one-width-1 {
float: left;
margin-right: 5px;
margin-bottom: 5px;
width: calc(100% - 5px)
}
.homebk12 .homebk8-ctn li {
width: calc(50% - 16px)!important
}
.post-3-title {
-webkit-line-clamp: 2
}
.post-3-jb {
position: absolute;
left: 10px;
z-index: 10
}
#jitheme_header_top01 .Onecad_header_vip_topi {
right: unset
}
#jitheme_header_top02 .sub-menu {
top: 0
}
#jitheme_header_top01 .top-menu ul li.depth-0>a,.logo-top .top-menu ul li.depth-0>a {
font-size: 15px
}
#jitheme_header_top02 .top-menu {
padding: 12px 12px 12px 0
}
#jitheme_header_top01 .social-top .mobile-box .header-logo {
position: inherit
}
.site.up #jitheme_header_top01 .site-header-in {
transition: transform .3s,background-color .3s ease-out;
transform: translate(0,-41px)!important
}
.home .jitheme-zt .item {
margin-bottom: 5px!important
}
#ji_coll,.ji-zt-soft {
margin: 0 -8px
}
.ji_zt {
margin-top: -30px;
margin-bottom: 8px
}
.home .change-theme i {
color: var(--key-color)
}
.collection-item {
padding: 0;
width: 100%
}
.post-list-meta-box {
display: flex!important;
flex-flow: unset;
justify-content: space-between
}
.category .wrapper {
width: 100%
}
.post-3.post-list .post-list-cat a {
margin-bottom: 5px;
height: 12px;
font-size: 12px;
line-height: 22px
}
.post-3 a.post-list-cat-item {
display: flex;
margin-right: 0;
flex: 1
}
.post-3-li-dubble .post-modules-top {
padding: 0 0 12px 0!important
}
.post-list-cats a span {
padding: 0 5px;
height: 25px;
font-size: 12px;
line-height: 25px
}
.post-list-cats a {
display: block
}
.modules-title-box {
padding: 5px 0
}
.post-carts-list-row {
justify-content: space-between;
flex-direction: row
}
.post-carts-list-row :nth-child(n+5) {
display: none
}
.post-carts-list-row a:nth-child(1) {
display: none
}
.post-list-cats a+a {
margin-left: 5px
}
.post-list-meta-avatar img {
display: block;
margin-right: 6px;
width: 16px;
height: 16px
}
.wrapper {
margin: 0 auto;
max-width: 100%
}
.OneCAD-circulation ul li {
position: relative;
z-index: 1;
float: left;
margin-top: 5px;
width: 100%;
height: 100px
}
#jitheme_arc_b .tax-info {
padding: 8px
}
.tax-fliter-cat {
z-index: 5
}
.ji-category-bg {
margin-bottom: 0
}
#jitheme_arc_b .bg {
height: 120px
}
.ji-category-bg {
margin-top: -100px;
padding: 10px;
text-align: center;
font-size: 14px
}
#jitheme_arc_b .ji-category-bg p {
margin-bottom: 5px;
color: #fff;
font-size: 14px
}
#jitheme_arc_b .ji-category-bg p {
margin-top: 5px
}
#jitheme_arc_b .ji-category-bg .desc {
margin: 0 5px
}
#jitheme_arc_b #filter-top {
padding: 0 6px 0 6px
}
#jitheme_arc_b .ji-category-bg .title span {
font-size: 20px
}
#jitheme_arc_b .tax-fliter-hot {
top: 50px;
left: 10px
}
#jitheme_arc_b .filter-items a {
border: 0 solid rgba(255,255,255,0)
}
#jitheme_arc_b .filter-items {
overflow-x: hidden
}
#jitheme_arc_b .ji-category-bg .title,#jitheme_arc_b .ji-catnav-wz {
padding: 5px
}
.tax-info-item.mobile-show { }
#jitheme_arc_b .filter-name,#jitheme_arc_b .ji-category-bg .title,.jitheme-category {
margin-top: 0
}
.Onecad_header_vip_topi {
top: 13px;
right: 10px
}
#jitheme_header_top02 .sup {
top: 16px;
right: 20px
}
#jitheme_arc_b #filter-top ul li {
display: block;
margin-bottom: 0;
padding: 0;
margin-right: 10px;
line-height: 0;
align-items: baseline
}
#jitheme_arc_b #filter-top a {
float: left;
display: block;
overflow: hidden;
margin: 2px 5px;
width: calc(20% - 10px);
height: 28px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #f6f6f6;
color: #8f8f8f;
text-align: center;
white-space: nowrap;
font-size: 13px;
line-height: 28px;
}
#jitheme_arc_b .filter-name {
margin: 10px;
margin-right: 0px;
padding: 5px;
color: var(--main-color); }
.filter-items a.current {
background-color: var(--b2lightcolor)!important;
color: var(--b2color)!important
}
#jitheme_arc_b .filter-items {
height: auto;
margin: 0px 5px;
}
.jitheme-category .jitheme_ac_vip a.vip {
height: 32px;
line-height: 32px
}
.jitheme-category .tax-info-item .fliter-button {
padding: 10px
}
.jitheme-category .tax-info-item .all_cat {
display: none
}
#jitheme_arc_b .jithem_ac {
margin-bottom: 5px
}
.ji-downBox {
margin: 0;
padding: 20px
}
.ji-downMain .data {
margin: 0
}
.ji-downMain .down a {
padding: 6px 10px;
font-size: 14px
}
.b2-menu-4 .sub-menu-0>li>a:hover {
background: var(--main-border-color)
}
.single-article {
padding: 20px
}
.b2-single-content {
margin: 0
}
.post-user-info {
margin-bottom: 12px
}
.jitheme_tags img {
width: 50px;
height: 50px
}
.post-style-6 .hot_num_pos {
right: 15px;
font-size: 20px
}
.post-meta-row {
margin-top: 10px;
margin-bottom: 0
}
.post-style-6 .onecad_title {
margin-right: 0;
font-size: 17px
}
.post-style-6 .hot_num_pos i {
font-size: 25px
}
#onecad-single-content .mySwiper .swiper-slide {
width: calc(25% - 9px)!important;
height: 50px
}
.post-3 .tipss {
margin-bottom: 5px;
height: 16px!important;
line-height: 16px!important
}
.post-3 .post-list-meta li+li {
margin-left: 5px
}
.post-7 .jitheme-post-info {
position: relative;
z-index: 2;
margin: 0;
padding: 10px;
border-radius: 0 0 5px 5px;
background-color: var(--main-bg-color)
}
.post-breadcrumb {
overflow-x: scroll
}
.site-header {
height: 95px
}
#filter-top a {
font-size: 15px
}
.home-authors .item-tobe-author .tobe-author-wrap {
position: static
}
.b2-menu-4 .sub-menu-0>li {
margin: 0 5px;
width: 100%
}
.col-sm-6 {
width: calc(50% - 16px)
}
.item-btnsa {
right: 40px
}
#onecad-circles.home-section-bottom .container .item {
width: 100%
}
.home-authors .group-item .item-images .img-item,.home-authors .item {
padding: 0
}
.item-author .items{
display: flex;
margin: 0 -8px;
}
.home-authors .item-tobe-author .tobe-author {
height: calc(100% - 15px);
height: 100%
}
.item-author .item-bottom {
padding: 0 15px 0px 15px;
}
.item-author .ap-item {
margin: 8px;
font-size: 14px;
width: 50%;
}
.item-author .ap-item-wrap .ap-item-thumb {
overflow: hidden;
height: 100px;
}
.item-author .ap-item-wrap .ap-item-main {
margin-top: 8px;
}
.b2-widget-hot li.widget-post-big {
padding: 5px
}
.widget ul li+li {
margin-top: -5px
}
.header-tools {
height: 60px
}
.header .close-button {
height: 50px;
font-size: 30px;
line-height: 50px
}
.logo img {
display: block;
margin-top: 5px;
margin-right: 45px;
height: 30px
}
.mobile-show .logo img {
display: block;
margin-top: 0;
height: 30px
}
.header {
z-index: 6;
margin: 0;
height: 70px!important
}
.logo {
display: flex;
height: 34px;
align-items: center
}
.jitheme-toggle i {
color: var(--key-color)
}
#jitheme_header_top02 .jitheme_logo {
margin-right: 0;
margin-left: 0;
width: 120px;
height: 30px;
background-image: var(--logo-url)
}
#jitheme_ask .ask-search-box {
width: 100%
}
.top-menu-ul>li.depth-0>a i.b2-arrow-down-s-line {
padding: 10px!important
}
#jitheme_header_top01 .header-banner-left,#jitheme_header_top01 .mobile-box,#jitheme_header_top02 .logo-left .mobile-box {
background: var(--body-bg-color)
}
.header-tools,.mobile-footer-menu,.top-menu ul li.depth-0>a,.top-menu-ul>li.depth-0>a i.b2-arrow-down-s-line {
background: var(--main-bg-color)
}
.header .close-button,.top-menu-ul>li.depth-0:first-child>a {
color: var(--key-color)!important
}
.header .wrapper {
height: 70px
}
.site #jitheme_header_top02 .onecad_search_box .top-search-select span,.site #jitheme_header_top02 .onecad_search_box i,.site .search-button-action i,.site .top-search input {
color: var(--key-color)!important
}
.action #jitheme_header_top02 .onecad_search_box .top-search-select span,.action #jitheme_header_top02 .onecad_search_box i,.action .search-button-action i,.action .top-search input {
color: var(--key-color)!important
}
#jitheme_header_top02 .header-login-button {
display: none
}
#jitheme_header_top02 .top-menu ul li.depth-0>a {
border-bottom: 1px solid var(--body-bg-color);
color: var(--key-color)
}
#jitheme_header_top02 .header-user {
right: 12px;
height: 70px
}
#jitheme_header_top02 .Onecad_header_vip_topi {
top: 17px;
right: 50px;
border-radius: 4px;
white-space: nowrap;
font-size: 12px;
-webkit-transform: scale(1)
}
#jitheme_header_top02 .menu-icon {
position: unset;
left: 0;
z-index: 2;
box-sizing: border-box;
margin-left: 12px;
padding: 6px 0;
padding: 5px 5px;
width: 25px;
height: 25px;
border-radius: 2px;
background: rgb(246 246 246 / 67%);
cursor: pointer
}
.OneCAD-circulation ul li {
position: relative;
z-index: 1;
float: left;
margin-top: 5px;
width: 100%;
height: 100px
}
.OneCAD-circulation ul {
width: 100%
}
.col-px-1 {
float: left;
margin-right: 5px;
margin-bottom: 0;
width: calc(50% - 10px);
flex: 0 0 calc(100% - 16px)
}
.col-px-1a {
position: relative;
float: left;
margin-right: 5px;
margin-bottom: 5px;
width: calc(50% - 10px);
flex: 0 0 calc(100% - 16px)
}
.col-px-2 {
float: left;
margin-right: 5px;
margin-bottom: 0;
width: calc(50% - 10px);
flex: 0 0 calc(100% - 16px)
}
.puxin-widget-catGrid .bottomcat .big-item,.puxin-widget-catGrid .bottomcat .small-item {
margin-bottom: 5px
}
.change-theme {
float: left;
display: flex;
margin: 0 5px;
margin-top: 2px;
align-items: center
}
.puxin-widget-catGrid .bottomcat .big-item {
height: 189px
}
.puxin-widget-catGrid .topCat .item {
height: 189px
}
.puxin-widget-catGrid .topCat .item .item-bg img {
width: 100%;
opacity: .6
}
.wrapper {
width: 100%!important
}
.post-style-6 .entry-header {
padding: 0
}
.post-style-6 .entry-content {
padding: 0
}
.post-tags-meat-onecad .sub-nav {
display: block;
margin-left: -5px;
padding-bottom: 10px
}
.tax-fliter-cat {
position: inherit;
top: 0px;
}
#post-meta .swiper {
margin-top: 0
}
.single-article {
padding: 10px
}
.header .wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start
}
.Onecad_title>div:nth-of-type(1) {
color: var(--key-color);
text-align: left;
font-size: 19px;
line-height: 25px
}
.Onecad_title>div:nth-of-type(2) {
margin-top: 13px;
margin-bottom: 0;
font-size: 13px
}
.ji-shop {
max-width: 100%
}
.jitheme-shop-top {
flex-direction: column
}
#jitheme_header_top02 .top-search form {
height: 35px
}
#jitheme_header_top02 .onecad_search_box {
background-color: #fff
}
#jitheme_header_top02 .onecad_search {
padding: 13px 18px;
width: 100%
}
#jitheme_header_top02 .mobile-hidden {
display: block
}
#jitheme_header_top02 .header-logo {
display: flex;
margin-left: 20px;
justify-content: flex-start
}
.m-open #jitheme_header_top02 .header-logo {
margin-left: 0!important
}
.change-theme button {
margin-right: 0
}
.header li:last-child .b2-arrow-down-s-line {
display: block
}
#OneCAD .login-box-content .login-box-top {
width: 100%
}
.home-section-designs .items .item-wrap {
width: 50%
}
.home-section-designs .items {
overflow: hidden;
margin: 0
}
.b2-page-bg {
display: unset
}
.play-pan {
position: absolute;
top: calc((100% - 70px)/ 2);
right: calc((100% - 70px)/ 2);
z-index: 1;
width: 70px;
height: 70px;
border-radius: 100%
}
.play-icon {
position: absolute;
top: calc((100% - 50px)/ 2);
right: calc((100% - 50px)/ 2);
z-index: 1;
z-index: 2;
width: 50px;
height: 50px;
border-radius: 50px
}
.post-list-meta li span {
margin-right: 0
}
.home-authors .group-item .item-images .img-item,.home-authors .item {
padding: 0;
width: 100%
}
.item-author .item-wrap {
padding: 10px
}
.post-3-li-dubble .b2_gap {
margin-right: -6px;
margin-bottom: 0
}
.home-authors .author-items {
margin: 0px
}
.home-section-designs .items .item-wrap {
float: left;
margin-bottom: 5px;
margin-left: 5px;
width: calc(100% - 5px)
}
.home-section-designs .items {
overflow: hidden;
margin: 0;
margin-left: 0;
margin-left: -5px
}
.onecad_new_footer_sj {
margin-top: 10px;
padding: 10px 10px 10px 10px!important
}
.one-width-1 {
float: left;
margin-right: 5px;
margin-bottom: 5px
}
.one-home-homevip {
padding-bottom: 0
}
#Onecad_vips .vip-item {
box-sizing: border-box;
margin: 6px 16px!important;
width: 100%
}
.one-grid {
margin-right: -5px
}
.our-team {
margin-bottom: 5px
}
.our-team .title {
font-weight: 500;
font-size: 16px
}
.our-team .pic {
margin-bottom: 5px;
width: 90px;
height: 90px
}
#Onecad_hotuser i.b2-vrenzhengguanli {
width: 20PX;
height: 20px;
font-size: 20px;
line-height: 20px
}
.home-homevip-boxmks li {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 40px
}
.home-homevip-boxmks span {
font-size: 17px
}
.home-homevip-boxmktitle {
padding-bottom: 10px
}
#Onecad_vips .onecad_vips_title {
margin: 0 -20px;
padding: 5px 0 5px 20px
}
.home-homevip-boxmktitle .price strong {
font-size: 30px
}
.encyclopedias ul {
padding: 10px
}
.title_puxin_center>div:nth-of-type(1) {
font-size: 25px
}
.title_puxin_center>div:nth-of-type(2) {
margin-top: 0;
font-size: 14px
}
#jitheme-filter-top {
margin-top: 0;
white-space: nowrap
}
.onecad-fenlei {
padding: 10px 10px 0 10px
}
.onecad-tax-title {
margin-top: 10px
}
.term-bar p {
padding-top: 10px;
color: var(--key-color)
}
#fliter-show.tax-fliter-cat {
display: block;
box-shadow: 0 0 0 0 rgb(0 0 0 / 8%)
}
.tax-info-item {
margin-right: 0
}
.filter-item .current,.filter-item a,.filter-name,.onecad-fenlei li,.onecad-fenlei li .current {
font-size: 14px
}
.onecad-fenlei li .current:after {
bottom: -5px
}
.filter-name {
margin-top: 15px;
line-height: 15px
}
.filter-item a {
margin: 10px 15px 10px 0
}
.jitheme-fenlei {
padding: 0
}
.jitheme-fenlei {
border: 0 solid var(--ji--neutral)!important
}
.jitheme-fenlei {
margin-bottom: 0;
padding: 0 10px
}
.jitheme-items {
margin-top: 60px
}
.jitheme-items li {
margin-right: 20px;
color: #424866;
line-height: 25px
}
.filter-item {
display: block;
overflow-x: scroll;
white-space: nowrap
}
.jitheme-items a {
font-size: 13px
}
.Jitheme_wrapper {
margin-bottom: -15px
}
.tax-info-item.mobile-show {
width: 100%
}
.fliter-button i {
line-height: 20px
}
.tax-info-item .fliter-button {
display: flex;
width: 100%;
background-color: #f8f9fa;
color: initial;
font-size: 14px;
justify-content: space-between
}
.onecad-fenlei .tax-search {
margin: 0 auto;
width: calc(100% - 20px)
}
.term-bar {
text-align: center
}
.term-bar .term-title {
font-size: 16px
}
.term-bar p {
margin: 0 20px;
color: #fff
}
.post-style-2 .content-area {
margin-top: 10px
}
#onecad_archive.swiper {
margin-top: 0;
margin-bottom: 10px;
width: 100%;
height: 80px
}
.jitheme_slide_d {
width: 100%;
max-width: 100%;
flex: 0 0 100%
}
.jitheme_slide_ss {
padding: 0
}
.user-s-info-name {
margin-right: 0
}
.item-in .post-info h2 {
margin-left: 0;
padding: 0;
font-size: 15px;
line-height: 20px
}
.post-1 .item-in .post-info h2,.post-2 .item-in .post-info h2,.post-7 .item-in .post-info h2,.shop-list-item h2 {
margin: 0 6px 6px 6px;
padding-top: 5px;
font-weight: 400;
font-size: 15px
}
.post-3-li-dubble .item-in .post-info h2 {
font-size: 14px
}
.list-footera {
margin-top: -6px;
padding: 6px
}
.post-3 .item-in {
padding: 6px!important
}
.post-7 .jitheme-post-info {
padding: 0!important
}
.encyclopedias ul .px_item a {
padding-right: unset!important
}
.post-1 .post-excerpt,.post-2 .post-excerpt,.post-7 .post-excerpt {
margin: 0 6px 6px 6px;
padding: 0 5px;
border-radius: 0;
font-size: 12px
}
.list-footer {
border-top: 0 dashed var(--body-bg-color)
}
.post-list-cat {
margin-bottom: 0
}
.encyclopedias ul .px_item a {
padding-right: unset!important
}
.list-footer {
margin-bottom: 0;
padding: 6px
}
.grid_author_bggo,.grid_author_bggoa {
top: 5px;
width: 20px;
height: 20px
}
.grid_author_avt:after {
top: 3px;
background-size: 100px 20px
}
.jitheme_ax_jb {
top: -15px
}
#filter-top .filter-item {
justify-content: left
}
#jitheme-filter-top {
box-shadow: rgba(17,58,93,.1) 0 5px 40px 0
}
.homebk12 .homebk8-ctn li {
width: calc(50% - 16px)!important
}
.link-list li {
width: 100%!important
}
#jitheme_new_ht .float-left {
display: flex;
width: 100%
}
.archive .content-area,.b2-content .content-area,.post-style-2 .content-area {
margin: 0 auto
}
.top-user-info {
margin-top: 0;
align-items: center
}
.b2-menu-3 .sub-menu-0 a {
font-weight: 400
}
.meta-post-type,.post-1 .tipss,.post-2 .tipss {
font-size: 12px
}
.post-module-thumb {
margin: 6px 6px 0 6px
}
.post-1 .post-list-cat a,.post-2 .post-list-cat a {
font-size: 12px
}
.post-1 .tipss:first-child,.post-2 .tipss:first-child,.post-4 .tipss:first-child,.post-7 .tipss:first-child {
border-bottom-left-radius: var(--ji--radius)
}
.post-7 .post-list-meta li {
margin: 0;
background-color: unset;
font-size: 12px;
line-height: 25px;
align-items: center
}
.post-7 .post-list-meta li {
padding: 0 0 0 5px;
font-size: 12px
}
.meta-post-type,.post-1 .tipss,.post-2 .tipss {
padding: 0 5px 0 5px
}
.post-5 ul.b2_gap>li {
padding: 5px 10px;
width: 100%!important
}
.item-in .post-info h2 {
max-width: 100%
}
.post-8 .item-post-style-1 .post-info,.post-8 .item-post-style-3 .post-info,.post-8 .item-post-style-6 .post-info {
padding: 10px
}
.post-1 .post-info h2 a,.post-2 .post-info h2 a,.post-3 .post-info h2 a,.post-4 .post-info h2 a,.post-6 .post-info h2 a,.post-7 .post-info h2 a,.post-8 .post-info h2 a {
font-weight: 600
}
.shop-list-item h2 {
margin: 5px 0
}
.post-8 h2 a {
font-size: 14px
}
.ji-zt-config li {
width: 100%
}
.ji-zt-config {
display: -webkit-inline-box;
display: -ms-flexbox;
overflow-x: auto;
padding: 10px;
flex: 1
}
.coll-3-box-in {
margin: 0 6px
}
.jitheme-zt-m {
display: flex;
margin: 0 10px;
padding: 15px 0
}
.jitheme-zt-more .zt-menus .sub-item {
width: 100%
}
.zt-menus {
overflow: auto;
max-height: 300px
}
#ji_coll .ji-colltione-header {
position: relative;
overflow: hidden;
margin-top: -10px;
padding-top: 20px;
padding-top: 5px;
padding-bottom: 20px;
padding-bottom: 39px;
height: 170px;
color: #fff;
color: #fff;
font-size: 16px;
font-size: 14px
}
.jitheme-zt-more {
padding: 10px
}
.single-date,.single-edit,.single-eye,.single-like {
position: relative;
top: 0;
left: 0;
display: flex;
margin-bottom: 0;
flex-flow: wrap
}
.content-show-roles h2,.entry-content h2 {
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
font-size: 17px;
line-height: 32px
}
.download-rights .mobile-show {
top: 19px
}
#jitheme_ask .ask-bar span {
margin-right: 0;
padding: 5px 15px;
font-size: 15px
}
.about-header {
margin-top: 0
}
#jitheme_ask i {
padding-right: 5px
}
#jitheme_ask .ask-bar {
padding: 0;
margin-top: 16px
}
#jitheme_ask .ask-bar .button {
margin: 3px 0;
padding: 5px 10px
}
.ask-top h1 {
margin-bottom: 3px;
font-weight: 700;
font-size: 24px
}
.search-types a {
padding: 0 8px 8px
}
.tax-search input {
padding: 12px 12px 12px 10px
}
.float-left {
overflow: hidden
}
.owl-dynamic {
padding: 5px
}
.home .home-authors .item-tobe-author .tobe-author,.home .item-author .item-top {
margin: 5px;
padding: 15px
}
.sort-config-item {
display: grid
}
.sort .item-ico {
margin: 0 auto
}
.puxin-widget-catGrid .topCat .item .item-warp p {
padding: 0 20px;
color: #fff;
letter-spacing: 0;
font-size: 13px;
line-height: 15px
}
.title_puxin_center {
margin: 10px 0;
text-align: center
}
#jitheme_arc_b .filter-name {
border: 0 solid #f6f6f6;
background-color: var(--body-bg-color);
}
.puxin-widget-catGrid .bottomcat .big-item .item-bg {
height: 100%
}
#hottopic {
overflow: hidden
}
#hottopic .swiper-button-next,#hottopic .swiper-container-rtl .swiper-button-prev {
right: 0
}
#hottopic .swiper-button-prev,#hottopic .swiper-container-rtl .swiper-button-next {
left: 0
}
.sort {
position: relative;
z-index: 1;
padding: 20px 10px;
background: var(--main-bg-color);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.sort-config-title {
padding-top: 10px;
font-weight: 400;
font-size: 14px;
-webkit-transition: .3s;
transition: .3s
}
.ji-rank-archive-header .header-menus .cats {
width: calc(100% - 16px)!important;
margin: 0 8px
}
.ji-rank-archive-header .header-menus .cats .item .jitheme,.ji-rank-archive-header .header-menus .cats .item .txt {
margin-right: auto;
margin-left: auto
}
.ji-rank-archive-header .header-menus .join,.ji-rank-archive-header .header-menus .menus {
padding: 10px
}
.jitheme-ranks .jitheme-rank-tab .header-tab-item:nth-child(n+2):nth-child(-n+4) {
display: none
}
.rank-ask-img-box .images_imagesWrap .moreImgeTip span {
height: 60px;
line-height: 60px
}
#jitheme-ranks-ask .hot_num_pos {
top: 0!important
}
.jitheme-rank-tab {
margin: 8px 0 0 0
}
.jitheme-ranking .jitheme-user-img img {
margin-top: 6px
}
#jitheme-ranks-ask.rank-list .item-wrap,.circle-tab.rank-list .item-wrap {
padding: 10px
}
#jitheme-ranks-ask .item-in .authorIconBox___2ZaXx,.rank-list #sucai_hot,.ranks_item .circle_bottom .bottomRight___YP91A {
display: none
}
.jitheme-list .circle_bottom {
margin: 10px 0
}
.jitheme-list .item-wrap {
margin-bottom: 0
}
.rank-ask-img-box .images_imagesWrap,.ranks_item .images_sl .images_imagesWrap {
width: calc(25% - 10px);
height: 60px
}
.jitheme-list.rank-list .jitheme-list-tips {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 4rem;
height: 4rem
}
.jitheme-list.rank-list .jitheme-list-tips .tips__text {
position: absolute;
top: 15px;
right: 15px;
width: 5.656rem;
height: 1.5rem;
background-color: var(--b2color);
color: #fff;
text-align: center;
font-size: .875rem;
line-height: 1.5rem;
-webkit-transform: translate(38px,-8px) rotate(45deg);
transform: translate(38px,-8px) rotate(41deg)
}
.talk-item .talk-title {
margin-bottom: 5px;
font-size: 16px
}
.jitheme-ranking .post-module-thumb {
width: unset;
min-width: unset
}
.ranks_circle_item {
margin-bottom: 8px
}
.ji-paih-title {
padding: 10px 0
}
.post-3 .post-list-meta li {
padding-top: 4px
}
.post-3 .post-3-li .item-in {
margin-right: 0!important
}
.encyclopedias ul .px_item a {
line-height: 30px
}
.ji-paih-title h5 {
margin: 0 0 10px;
font-size: 35px
}
#jitheme-ranks-ask .item-in .talk-title .title {
display: flex
}
#jitheme-ranks-ask .item-in .talk-title .title .mob {
display: flex;
margin-right: 10px;
color: var(--b2color)
}
.jitheme-rank-tab .header-tab-item {
margin: 0 10px
}
.item-ico i {
color: var(--b2color);
font-size: 34px;
line-height: 34px
}
.item-ico {
padding: 8px
}
.slider-1 .slider-1-carousel {
margin-right: 5px;
width: calc(100% - 0px)!important
}
.jitheme-rank-tab .header-tab-item a {
padding: 10px 5px
}
.ji-rank-archive-header .header-menus .cats .item .jitheme {
width: 50px;
height: 50px;
line-height: 50px
}
.ji-rank-archive-header .header-menus .cats .cont-main {
overflow: hidden;
margin: 0 -20px;
padding: 10px 0 0 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around
}
.ji-rank-archive-header .header-menus .join .cont-title,.ji-rank-archive-header .header-menus .menus .cont-title {
margin-bottom: 10px
}
#jitheme-ranks-ask .talk-item .item-title,#jitheme_ask_list .talk-item .item-title,.ranks_item .headerInfo,.ranks_item .pl60>h2 {
margin-bottom: 5px
}
#jitheme_ask_list .item-entry {
margin-top: 5px
}
#jitheme_ask_list .ask-desc {
margin: 8px 0
}
.group-item .item-entry .entry p {
margin-bottom: 5px;
line-height: 20px
}
.ranks_item .pl60>h2 {
font-size: 16px
}
#jitheme_ask_list .ask-desc,.group-item .item-entry .entry p,.ranks_item .middleTitle.middleContent,.talk-item .item-title .author-name {
font-size: 15px
}
.ranks_item .circle_bottom .bottomLeft___2cVLU .circleWrap____hhZ0 {
font-size: 13px
}
#jitheme_ask_list .ask-item {
padding: 10px;
width: 100%
}
.rank-ask-img-box .images_imagesWrap {
margin: 0 10px 10px 0
}
#ji-footer-new .ji-footer {
display: none
}
#jitheme_new_ht.home_row>div {
flex-flow: unset
}
#jithemeid_box .new_span {
max-width: 100px
}
.document-cat-item {
padding: 5px
}
.document-cat-item h2 {
margin: 10px 0 5px 0
}
.document-row h3 {
font-size: 14px
}
.post-style-2 .menu-icon>div {
background: #121212!important
}
.Jitheme_about_main .about-honour {
display: none
}
.Jitheme_about_main .about-selection {
padding: .85714286em 0 2.14285714em
}
.Jitheme_about_main .about-selection .about-section-subtitle {
margin-bottom: 1.42857143em
}
.Jitheme_about_main .about-selection .icons {
display: none
}
.Jitheme_about_main .about-selection .d-item {
width: calc(50% - var(--ji--1item))
}
.Jitheme_about_main .about-selection .detail {
padding: 1.42857143em .71428571em
}
.Jitheme_about_main .about-selection .detail-in {
padding-left: 0
}
.Jitheme_about_main .about-selection .detail-in .item-thumb {
position: relative;
top: auto;
left: auto;
margin: 0 auto .71428571em;
width: 3.57142857em
}
.Jitheme_about_main .about-selection .detail-in .item-title {
margin-bottom: .42857143em;
text-align: center;
font-size: inherit
}
.Jitheme_about_main .about-selection .detail-in .item-desc {
color: #9a9a9a;
text-align: center;
font-size: 85.71428571%
}
.Jitheme_about_main .about-contact {
width: calc(100% - 1em);
margin: 0 .5em
}
.Jitheme_about_main .about-header .main-container {
padding: .5em 0
}
.Jitheme_about_main .about-calture {
padding: 2.85714286em 0
}
.Jitheme_about_main .about-section .about-section-title .txt {
font-size: 164.28571429%
}
.Jitheme_about_main .about-section-title .txt::before {
position: absolute;
top: 60%;
right: 0;
bottom: 0;
left: 0;
display: block;
background-color: rgba(255,255,0,.7);
content: ''
}
.Jitheme_about_main .about-section .about-section-subtitle {
font-size: 85.71428571%
}
.about-calture .about-section-subtitle,.about-section-subtitle {
margin-bottom: 1.42857143em
}
.about-calture .aa-item {
padding: 0 .35714286em;
width: 33.33333%
}
.about-calture .it-thumb {
width: 3.57142857em;
margin: 0 auto .71428571em
}
.about-calture .it-desc {
font-size: 85.71428571%
}
.about-calture .it-title {
font-size: inherit
}
.about-calture .c1-items {
padding: .71428571em
}
.about-calture .a-item,.about-calture .c2 {
margin-bottom: .71428571em
}
.about-calture .c2 {
padding: 1.42857143em 1.07142857em
}
.about-calture .a-item,.about-calture .c2 {
margin-bottom: .71428571em
}
.about-calture .c1,.about-calture .c1-items,.about-calture .c2 {
-webkit-border-radius: .57142857em;
-moz-border-radius: .57142857em;
border-radius: .57142857em
}
.about-calture .item-label {
margin-bottom: .71428571em
}
.about-calture .item-title {
font-size: 100%
}
.about-calture .item-desc {
font-size: 85.71428571%;
margin-bottom: 0
}
.about-selection .detail {
padding: 1.42857143em .71428571em;
-webkit-border-radius: .57142857em;
-moz-border-radius: .57142857em;
border-radius: .57142857em
}
.about-selection .detail-in .item-thumb {
position: relative;
left: auto;
top: auto;
width: 3.57142857em;
-webkit-border-radius: .57142857em;
-moz-border-radius: .57142857em;
border-radius: .57142857em;
margin: 0 auto .71428571em
}
.about-calture .c1,.about-calture .c1-items,.about-calture .c2 {
-webkit-border-radius: .57142857em;
-moz-border-radius: .57142857em;
border-radius: .57142857em
}
.about-calture .c1 {
padding: 1.42857143em 1.07142857em
}
.about-serve .boxlist .serve_box {
width: calc(50% - 20px);
float: left
}
#jitheme_ask .ask-search-box {
padding: 0 10px
}
.jitheme-zt .item-main ul{
display: flex;
margin: 0px -8px;
}
#jitheme_arc_b .button, #jitheme_arc_b button {
width: 100%;
max-width: 100%;
}
}.collection-top{height:305px}
.collection-box{margin:0 !important}
.ji_coll_ls{display:flex}
.zt-title{line-height:25px;font-size:18px;font-weight:600;-webkit-transition:.3s;transition:.3s}
#ji_coll_ls .collection-zt-item{float:left;padding:0!important;margin-right:12px;width:45px;height:45px;overflow:hidden;border-radius:45px}
#ji_coll_ls img{height:-webkit-fill-available;width:-webkit-fill-available}
.ji_coll_ls:hover .zt-title{color:var(--b2color)}
.jitheme-zt .post-excerpt{margin:20px 0px;background:var(--main-shadow);padding:10px;font-size:13px;border-radius:5px}
.jitheme-zt .post-excerpt p{-webkit-line-clamp:2;overflow:hidden;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}
#ji_coll_ls .collection-zt-item i{font-size:25px;line-height:45px;padding:10px;text-align:center;color:#fff}
#zt_moves_hot .collection-zt-item  i{font-size:20px;line-height:35px;padding:7.5px;text-align:center;color:#fff}
#zt_moves_hot .collection-zt-item{float:left;padding:0!important;width:35px;height:35px;overflow:hidden;border-radius:35px}
.jitheme-zt-more .sub-item:nth-child(5n+2){background:-webkit-linear-gradient(top,#f4fafe 0%,#ffffff 100%);background:linear-gradient(180deg,#f4fafe 0%,#ffffff 100%)}
.jitheme-zt-more .sub-item:nth-child(5n+3){background:-webkit-linear-gradient(top,#fffaf0 0%,#ffffff 100%);background:linear-gradient(180deg,#fffaf0 0%,#ffffff 100%)}
.jitheme-zt-more .sub-item:nth-child(5n+4){background:-webkit-linear-gradient(top,#fff8f8 0%,#ffffff 100%);background:linear-gradient(180deg,#fff8f8 0%,#ffffff 100%)}
.jitheme-zt-more .sub-item:nth-child(5n+5){background:-webkit-linear-gradient(top,#f5f3ff 0%,#ffffff 100%);background:linear-gradient(180deg,#f5f3ff 0%,#ffffff 100%)}
.jitheme-zt-more .sub-item{background:-webkit-linear-gradient(top,#f0f6ff 0%,#ffffff 100%);background:linear-gradient(180deg,#f0f6ff 0%,#ffffff 100%);color:#323232}
.home-collection-info h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:16px 20px;font-size:20px;height:auto;font-weight:600}
.jitheme-zt-m .jitheme-zt-a{font-size:30px;width:36px;text-align:center;height:36px;line-height:18px;background-color:#f3f5f7;border-radius:36px}
.ji-zt-soft{position:relative;z-index:1;display:flex;background:var(--main-bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.jitheme-zt-m .jitheme-zt-a:hover{color:#ff6000}
.ji_zt .show{display:block;text-decoration:none;transition:all .4s}
.ji_zt .hidden{display:none}
#zt_moves{border:0;width:35px;height:35px;font-size:25px;background-repeat:no-repeat;border-radius:35px;background-repeat:no-repeat;background-position:center;background-size:cover}
.zt_btn_img{background-image:url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/dian.svg)!important;background-color:var(--body-bg-color);background-image:url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/hot_dain.svg)}
.zt_btn_hot_img{background-image:url(//p1e.cn/wp-content/themes/b2Jitheme/Render/img/hot_dain.svg)!important;background-color:var(--b2lightcolor);text-decoration:none;transition:all .4s}
.jitheme-zt-more{position:fixed;width:100%;-webkit-transition:.3s;transition:.3s;top:70px;right:0;box-shadow:0 0.16rem 0.32rem 0 rgba(0,0,0,0.06)}
.jitheme-zt{font-size:.26rem;color:#333333;margin-bottom:1em}
.jitheme-zt .part-title{position:relative;font-size:30px;margin-bottom:1em}
.jitheme-zt .more{font-size:14px;font-weight:normal;line-height:1.42857143em;color:#9a9a9a;position:absolute;right:0;top:50%;margin-top:-0.71428571em}
.item-wrapa{overflow:hidden}
.jitheme-zt .part-title .more:hover{color:#ff6000}
.jitheme-zt .item-thumb{position:relative;display:flex;z-index:0}
.jitheme-zt .item-thumb .thumb{padding-top:50%;background-position:center}
.item-wrapa:hover .item-thumb  img{transform:scale(1.1)}
.item-wrapa .item-thumb img{-webkit-transition:all .3s;transition:all .3s}
.jitheme-zt .thumb img{position:absolute;top:0;width:-webkit-fill-available}
.jitheme-zt .item-thumb .thumb-tag{position:absolute;font-size:14px;right:0px;top:15px;line-height:20px;padding:0 10px;color:#fff;background-color:var(--b2color);border-radius:.28571429em 0 0 .28571429em}
.jitheme-zt .item-thumb .thumb-views,.jitheme-zt .item-thumb .thumb-count{position:absolute;bottom:20px;color:#fff;font-size:13px;line-height:20px;z-index:2}
.jitheme-zt .item-thumb .thumb-views{left:10px}
.jitheme-zt .item-thumb .thumb-count{right:10px;text-align:right;display:block}
.jitheme-zt .item-main{padding:10px 16px 16px 16px}
.jitheme-zt .item-btns .btn{display:inline-block;font-size:inherit;line-height:35px;padding:0 10px}
.jitheme-zt .item-posts a:hover,.jitheme-zt .item-title a:hover{color:var(--b2color)}
.jitheme-zt .item-title{font-weight:600;font-size:18px;line-height:30px;height:30px;overflow:hidden;margin:0px 0px 10px 0px}
.jitheme-zt .item-desc{font-size:13px;line-height:1.42857143;height:1.42857143em;overflow:hidden;justify-content:space-between;display:flex;margin-bottom:1.64285714em;font-weight:normal}
.jitheme-zt .item-post{font-size:14px;line-height:20px;margin-bottom:20px}
.jitheme-zt .item-post-wrap{display:block;padding-left:42.42424242%;position:relative}
.jitheme-zt .item-post-thumb{position:absolute;left:0;width:100%;height:100%}
.jitheme-zt .item-post-thumb .thumb{padding-top:63.33333333%}
.jitheme-zt .item-post-title{font-size:inherit;height:44px;overflow:hidden;line-height:22px;margin-bottom:15px;font-weight:normal}
.jitheme-zt .item-post-meta{font-size:inherit;font-weight:normal;color:#000;opacity:.3;line-height:20px}
.jitheme-zt .item-post-title{margin-bottom:8px}
.jitheme-zt .item-btns .btn{display:block;background-color:var(--body-bg-color)}
.jitheme-zt .item-btns{margin-top:20px}
.jitheme-zt .item{margin-bottom:var(--ji--1item)}
.a_mask_light:hover::after{visibility:hidden;opacity:0}
.item-author:hover .btn-gray{background-color:var(--b2color);color:#fff}
.coll-info .read-more a{color:#fff}
.btn-gray{border-radius:5px;line-height:2.4;white-space:nowrap}
.jitheme-zt-more .zt-menus .sub-item a{display:block;-webkit-border-radius:4px;border-radius:4px;position:relative}
.jitheme-zt-more .zt-menus .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}
.jitheme-zt-more .zt-menus .sub-item .tit{font-size:14px;color:#3c3c3c;display:block;font-weight:600;height:19px;max-width:150px;overflow:hidden}
.jitheme-zt-more .zt-menus .sub-item .desc{font-size:12px;color:#bdbdbd;height:1.5em;display:flex;justify-content:space-between;overflow:hidden}
.jitheme-zt-more .zt-menus .sub-item{float:left;margin-right:15px;padding:10px;border-radius:5px;margin-bottom:15px}
.jitheme-zt-more .zt-move-thumb{float:left;padding:0!important;margin-right:12px;overflow:hidden;border-radius:5px}
.jitheme-zt-more .zt-move-thumb img{width:35px;height:35px;border-radius:35px}
.ji_jb_bg{height:calc(100% + 100px);position:absolute;left:0;top:0;margin-top:-16px;right:0;background-size:300%;background-repeat:no-repeat;background-position:center;overflow:hidden}
.ji_jb_bg::before{-webkit-filter:blur(50px);filter:blur(50px)}
.ji_jb_bg::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:inherit;-webkit-filter:blur(10px);filter:blur(10px)}
.ji_jb_bg::after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.4) 0%,#f3f5f7 100%);background-image:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,#f3f5f7 100%)}
.ji-bg-white{background:#fff}
.collection-list-top{height:180px;margin-top:-20px}
.collection-list-top-info{display:flex;margin-top:80px;margin-bottom:30px}
.tax-collection .b2-single-content.wrapper{width:100%}
.tax-collection .collection-list-top img{-webkit-filter:blur(50px);filter:blur(50px)}
.tax-collection .box.b2-radius{background:#f3f5f7}
.coll-img{position:relative;width:440px;margin-right:36px;overflow:hidden}
.col_thumb{padding-top:66%;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:0}
.coll-img img{max-height:440px;display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.coll-img .collection-number{position:absolute;right:24px;top:35px}
.coll-info{flex:1}
.coll-info h1{font-size:28px;margin-bottom:12px}
.coll-info .coll-num{color:#888;margin-top:8px;margin-bottom:12px}
.coll-info .coll-num b{font-size:32px;color:var(--b2color);margin:0 3px}
.collection-list-top-info p{-webkit-line-clamp:2;overflow:hidden;line-height:33px;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}
.coll-info .read-more{text-align:left;max-width:120px;border-radius:5px;width:100%;text-align:center;padding:8px;background-color:var(--b2color)}
#ji_coll .ji-colltione-header{font-size:14px;color:#ffffff;padding-top:34px;padding-bottom:39px;position:relative;overflow:hidden;margin-top:-20px}
#ji_coll .ji-colltione-header .bg{position:absolute;top:-50px;bottom:-50px;left:-50px;right:-50px;background-color:#000000\9;opacity:0.8}
#ji_coll .ji-colltione-header .bg .thumb{width:100%;height:100%;-webkit-transition:all 2s;transition:all 2s;display:none\9}
#ji_coll .ji-colltione-header .bg .thumb::after{content:'';position:absolute;display:block;left:0;right:0;top:0;bottom:0;background-color:#000000;opacity:.6}
#ji_coll .ji-colltione-header .cont{position:relative;color:#fff}
#ji_coll .ji-colltione-header .archive-title{text-align:center;font-size:30px;margin-bottom:20px;font-weight:600}
#ji_coll .ji-colltione-header .archive-title .num{font-size:16px;font-weight:normal;display:inline-block;line-height:20px;padding:0 5px;border-radius:10px 10px 10px 0;background-color:#ee3e31;vertical-align:text-top;margin-left:16px}
#ji_coll .ji-colltione-header .archive-subtitle{font-size:16px;line-height:16px;text-align:center;font-weight:normal}
.archive-crumbs,.news-crumbs{padding:0 42px}
.archive-crumbs,.news-crumbs{position:absolute;left:0;top:30px;z-index:2;padding:0 15px;display:none}
.archive-crumbs .part-crumbs,.news-crumbs .part-crumbs{color:rgba(255,255,255,0.8)}
.part-crumbs li{display:inline-block;position:relative}
.archive-crumbs .part-crumbs a,.news-crumbs .part-crumbs a{color:rgba(255,255,255,0.8)}
@media screen and (max-width:768px){.collection-box-3 .coll-3-box{width:100%;min-width:100%;height:auto;margin:0px}
.collection .b2-content{margin:0px}
.post-1.post-list ul.b2_gap{padding-right:2px}
.collection .site-content{margin:8px}
.collection-box-3-in{overflow-x:scroll;-webkit-overflow-scrolling:touch;margin:0px}
.jitheme-zt .item{margin-bottom:8px}
.collection .onecad_new_footer{margin-top:-17px}
.collection-list-top-info{display:flex;border-radius:12px;margin-top:-15px;margin-bottom:8px}
.coll-img{width:100%}
.coll-info h1{font-size:20px;margin-top:12px}
.coll-text{display:none}
.collection-list-top-info{padding:8px 8px}
.coll-info .read-more{text-align:left;max-width:100px;position:absolute;border-radius:5px;bottom:40px;right:8px;width:100%;text-align:center;padding:8px;background-color:var(--b2color)}
.ji_jb_bg::after{bottom:unset}
}