/*全站字体替换*/
.circle-desc,.my-circle-list > div > button,.po-topic-box-tips p,.circle-admin-info>div,.topic-type-menu > ul li button{
    font-weight: 700;
}
.shop-normal-item-price span b{
    font-weight: 700;    
}
.shop-normal-item-count span {
    font-weight: 700;
    color: #333;
}
/*全站字体替换*/
.entry-content pre {
    white-space: revert;
    max-height: 500px;
    overflow: scroll;
}
.One-cad-lv0{
    color: #6f6f6f;
}
.One-cad-lv1{
    color: #4c4c4c;
}
.One-cad-lv2{
    color: #a560e8;
}
.One-cad-lv3{
    color: #8549ba;
}
.One-cad-lv4{
    color: #1cb0f6;
}
.One-cad-lv5{
    color: #e53838;
}
.One-cad-lv6{
    color: #d33131;
}
.One-cad-lv7{
    color: #ff6600;
}
.One-cad-lv8{
    color: #faa918;
}
.One-cad-lv9{
    color: #8ee000;
}
.One-cad-lv10{
    color: #7ac70c;
}
/*售卖站*/
.widget-area-left.widget-area {
  width: 280px;
  max-width: 280px;
  min-width: 280px;
}
.b2-page-bg {
    transform: unset;
}
/*幻灯片*/
.slider-2,.slider-5,.slider-6 {
    margin: auto;
}
/*网站统一样式CSS开始*/
.onecad_slider .flickity-slider img {
-webkit-filter: brightness(50%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
filter: brightness(50%);
}
.onecad_slider .flickity-enabled.is-draggable {
    margin-top: -15px;
}
.html-box img {
    display: flex;
    width: 100%;
    border-radius: 5px;
}
.slider-info-box{
    position: absolute;
    bottom: -100px;
    width: 100%;
    z-index: 1;
    text-align: left;
    box-sizing: border-box;
    justify-content: flex-end;
    display: flex;
    flex-flow: column;
    padding:20px;
    border-radius: 0px;
    background: linear-gradient(1turn,rgba(9,15,29,.4),transparent);
    background:#000;
	background:rgba(0,0,0,0.6);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.slider-info:hover .slider-info-box{
  bottom: 0px;  
}
.slider-in h2 {
    color: #fff;
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: normal;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.Onecad_title{
    margin-top: 0px;
}
.Onecad_title >div:nth-of-type(1) {
  font-weight: 600;
}
@media screen and (min-width:768px) {
.post-modules-top {
    margin-bottom: 24px;
}
}
@media screen and (max-width:768px) {
.post-modules-top {
    margin-bottom: 0px;
    padding: 0 0px 12px 0px!important;
    margin: 0;
}
}
/*网站统一样式CSS结束*/
/*搜索模块样式*/
#home-row-onecad-search .search-module-form .search-button-action i {
    font-size: 20px;
}
.home_row.module-search {
    background-image: inherit;
    margin-bottom: -10px;
}
#home-row-onecad-search .search-module-form .search-button-action {
    top: 0px;
    right: 0;
    right: 7px;
    color: initial;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 46px;
    color: #fff;
}
#home-row-onecad-search .search-module-form ul {
    position: absolute;
    top: 44px;
    left: 0px;
    top: 45px;
    left: 0px;
    width: 92px;
    background-color: #fff;
    border-top: 0;
    background: #fff;
    padding: 0px;
    z-index: 10;
    box-shadow: 0 11px 0 5px rgba(255, 255, 255, 0.15);
}
#home-row-onecad-search .b2-radius {
    border-radius: 0px; 
}
.search-module-key {
    width: 60%;
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: center;
}
#home-row-onecad-search .picked-category {
    display: grid;
    white-space: nowrap;
    align-items: center;
    padding: 12px;
    background: #f1f1f1;
    margin: 0px;
    height: 46px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100px;
}
#home-row-onecad-search .search-module-form {
    background: #fff;
    position: relative;
    width: 60%;
    background-color: #fff;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15);
}
#home-row-onecad-search .search-module-key ul li {
    margin-right: 8px;
    opacity: 1;
    margin-bottom: 8px;
}
#home-row-onecad-search .search-module-form input {
    border: 0;
    width: -webkit-fill-available;
    height: 46px;
    padding: 0 8px;
}
#home-row-onecad-search .search-module-form ul li,#home-row-onecad-search .picked-category{
    font-size: 14px;
}
/*搜索模块样式结束*/
/*公告弹窗*/
.gg-box .modal-content {
    width: 28rem;
    overflow: hidden;
    margin-top: 0;
}
.gg-box-title .gg-title {
    width: 100%;
    text-align: center;
    padding: 0!important;
}
.modal-content .gg-box-title h2 {
    font-size: 22px;
    margin-bottom: 0;
    text-align: center;
    font-weight:bold; 
}
.gg-box-title .gg-title span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}
.title-bg {
    border: 0;
}
.b2_gap>li .item-in, .shop-list-item, .shop-normal-item-in, .user-search-list li>div, .home-collection .home-collection-content, .post-3.post-3-li-dubble .b2_gap>li .item-in, .item-in{
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.modal-content .gg-title {
    padding: 20px 30px 0px 30px;
}
.modal-content .gg-title a {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    display: block;
    text-decoration:none
}
.modal-content .gg-desc {
    padding: 20px 30px;
    font-size: 14px;
    letter-spacing: .5px;
    padding-bottom: 0;
}
.modal-content .gg-desc p {
    color: #909399;
    background: #f8f8f8;
    padding: 20px;
    line-height: 24px;
}
/*圈子部分优化*/
	.img-list-more li {
	width: 25%;
	padding: 5px;
}
.img-list-1 li {
	width: 25%;
}
.download-info li {
    font-size: 12px;
    width: 50%;
    margin-top: 15px;
}
.c-topic-list > div{
    display: flex;
    margin:5px 0px;
    padding:5px;
}
.c-topic-list > div:nth-child(even){
    background-color: #fafafa;
}
.cat-info{
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    text-shadow: none;
}
.nu-badge {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #939ba6;
    top: 18px;
    right: 5px;
    position: absolute;
}
.cat-info span a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    padding-right: 30px;
}
.cat-info .mr-1 {
    margin: 0!important;
    padding: 15px 10px;
    display: block;
    text-align: center;
}
.coll-3-bottom li {
    width: 25%;
}
.coll-3-box-in {
    margin: 8px;
    padding: 0px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.coll-3-box-in:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}
.coll-3-bottom{
    padding: 5px;
}
.coll-3-top span {
    position: absolute;
    padding: 2px 12px;
    border-radius: 14px;
    left:10px;
    right: unset;
    top: 10px;
    color: #494B4D;
    display: block;
    font-size: 12px;
    color: #fff;
    background-color: var(--b2color)!important;
}
#video-list ul li h2 {
    font-size: 18px;
    padding: 24px;
    font-weight: 600;
}
/*主页标题*/
.one_title >div:nth-of-type(1) {
  color: #333;
  font-weight: 600;
  line-height: 28px;
  font-size: 28px;
}
.one_title >div:nth-of-type(2) {
  color: #bbb;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: -10px;
}
/*列表优化*/
.post-list .b2_gap .post-list-item .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.post-list .b2_gap .post-list-item .item-in:hover .post-list-meta-box li{
	display:block!important;
	transition: all .3s ease-in-out;
}
.item-post-style-3 .grid_author_bggoa {
    margin:0!important;
}
.post-module-thumb {
    position: relative;
    height: 0;
    overflow: hidden;
    z-index: 1;
    background-color: var(--main-bg-color);
}
.picked.post-load-button span {
    color: #fff;
    background-color: var(--b2color)!important;
    border-radius: 16px;
}
.list-footer {
    /* padding: 10px 0px; */
    /* border-top: 0px solid #F5F6F7; */
    padding-top: 0px;
}
/*.post-info span {*/
/*    font-size: 12px;*/
/*    height: 16px;*/
/*}*/
/*.picture img:hover{
-webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}*/
.post-1 .item-in:hover,.post-2 .item-in:hover,.post-3 .item-in:hover,.post-4 .item-in:hover,.post-7 .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
}
/*.category .wrapper {
	width: calc(100% - 140px);
}
.wrapper {
	width: calc(100% - 140px);
	max-width: 100%;
	margin: 0 auto;
}*/
.post-1 .post-excerpt ,.post-2 .post-excerpt ,.post-4 .post-excerpt{
    margin: 10px 0px;
    background:var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
}
.post-3 .post-excerpt {
    margin: 10px 0px;
    background: var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
}
.post-3 .post-module-thumb > div {
    position: unset;
}
.post-3 .item-in {
    padding: 16px!important;
}
.item-post-style-3 .post-excerpt {
    color: var(--key-color);
    background: var(--body-bg-color);
}
.item-post-style-3 .post-info {
    position: relative;
    z-index: 2;
    color: #fff;
    background: unset;
    overflow: unset;
}
.onecad_list_title{
    display: flex;
    margin-top: 0px;
}
.item-post-style-3 .list-footer {
  /* margin: -10px; */
  /* padding: 10px; */
}
/*用户中心*/
/*	.user-w-avatar img , .top-user-avatar img, .header-user .top-user-box, .user-link-block img, .credit-top-avatar img, .social-top .top-user-avatar img {*/
/*	border-radius: 12px;*/
/*}*/
.top-user-info {
    margin-top: 18px;
}
.login-button {
    align-items: center;
}
/*区块CSS*/
.OneCAD-block {
	position: relative;
	z-index: 6;
}
.uk-width-auto img {
    width: 61px;
    display: flex;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    border: 0;
    vertical-align: text-top;
}
.uk-width-auto{
float: left;
    padding-top: 20px;
    padding-left: 10px;
}
.OneCAD-block .cut-prev,.OneCAD-block .cut-next {
	position: absolute;
	font-size: 14px;
	top: 63px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #CCCCCC;
	background: #F3F4F7;
	border-radius: 50%;
	cursor: pointer;
}
.OneCAD-block .cut-prev {
	display: none;
	left: -55px;
}
.OneCAD-block .cut-next {
	right: -55px;
}
.OneCAD-block .cut-prev:hover,.OneCAD-block .cut-next:hover {
	color: #39AEFF;
	background: #F3F4F7;
}
.OneCAD-circulation ul {
	width:calc(100% + 10px);
}
.OneCAD-circulation ul li {
	float: left;
	position: relative;
	width: calc(25% - 10px);
	height: 100px;
	margin-right: 10px;
	z-index: 1;
}
.OneCAD-circulation ul li {
	/*border-right: 1px solid #f0f4f5;*/
}
.OneCAD-circulation ul li:last-child {
	border-right: none;
}
.OneCAD-circulation ul li .OneCAD-content::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 168px;
	height: 100px;
}
.OneCAD-circulation ul li .OneCAD-content {
	position: relative;
	height: 100px;
	font-size: 14px;
	transition: 0.2s;
	overflow: hidden;
}
.OneCAD-content .OneCAD-top {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 20px 0 0 10px;
	border-radius: 10px;
	overflow: hidden;
	height: 100px;
}
.OneCAD-name {
	line-height: 30px;
	font-size: 18px;
	color: #2d2d2d;
	-webkit-transition: .3s;
	transition: .3s;
}
.OneCAD-hint {
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: #8e8e8e;
}
.OneCAD-circulation ul li.off:hover .OneCAD-content {
	height: 100px;
}
.OneCAD-circulation ul li:hover .OneCAD-content {
	height: 218px;
	box-shadow: 0px 0px 29px 0px rgba(185, 185, 185, 0.42);
	z-index: 10;
}
/*一号*/
	.OneCAD-circulation .color .OneCAD-content {
	background: #fff;
}
.OneCAD-circulation .color .OneCAD-top {
	color: #C68686;
}
.OneCAD-block .OneCAD-content {
	height: 100px;
}
.OneCAD-block .OneCAD-link {
	text-align: center;
	line-height: 26px;
	font-size: 14px;
}
.OneCAD-block .OneCAD-link a {
	margin: 5px;
	display: inline-block;
	background-color: #eee;
	width: calc(50% - 20px);
	height: 26px;
	font-size: 13px;
}
.OneCAD-classify {
	margin: -87px 0 0;
	padding-bottom: 30px;
	white-space: nowrap;
}
.OneCAD-classify li {
	width: 10%;
	position: relative;
	display: inline-block;
}
.OneCAD-classify li::before {
	content: '';
	position: absolute;
	right: -1px;
	top: 2px;
	width: 2px;
	height: 16px;
	background: #DDDDDD;
}
.OneCAD-classify li:nth-child(10)::before {
	display: none;
}
.OneCAD-classify li .iconfont {
	font-size: 16px;
	color: #39AEFF;
	margin-right: 6px;
}
.OneCAD-classify li a {
	margin-left: 6%;
	font-size: 14px;
	color: #666666;
}
.OneCAD-classify li a:hover {
	color: #2CAEFF;
}
.OneCAD-classify li.more {
	display: none;
}
.OneCAD-classify li.more i {
	vertical-align: -3px;
	margin-right: 4px;
}
.OneCAD-circulation li.AnRotate .OneCAD-top i {
	animation: AnRotate 1.2s ease-in-out infinite alternate;
	transform-origin: 76px 90%;
}
@media screen and (max-width: 768px) {
	.OneCAD-circulation ul li {
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	margin-top: 5px;
	z-index: 1;
}
#home-row-qukuai {
	display: none;
}
.OneCAD-circulation ul {
	width: 100%;
}
}
/*视频播放页面*/
	.b2-rhythm-line {
	display: inline-block;
	width: 12px;
	height: 10px;
	margin-right: 4px;
	background: url(https://static.yutu.cn/yutu/images/soft/play.gif);
	background-size: 100% 100%;
}
.b2-rhythm-line:before {
	content: "";
}
/*专题页面*/
@media screen and (max-width: 768px) {
.collection-box-3 .coll-3-box {
    width: 100%;
    min-width:100%;
    height: auto;
    margin: 0px;
}
.b2-content {
    margin: 0 6px;
}
.post-1.post-list ul.b2_gap {
    padding-right: 2px;
}
.coll-3-box-in,.site-content {
    margin: 0px;
}
.collection-box-3-in {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0px;
}
}
.collection-item {
	width: 25%;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.picked.post-load-button span {
    position: relative;
    z-index: 1;
}
.collection-item:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.collection-posts li a.post-link {
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	margin-left: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
	color:var(--key-color);
}
.collection-number.ar {
	padding: 8px 8px;
	position: absolute;
	z-index: 2;
	left: -5px;
	top: 20px;
	font-size: 13px;
}
.collection-number {
	display: inline-block;
	color: #ff3a55;
	padding: 8px 16px;
	position: absolute;
	z-index: 2;
	background-color: #fff;
	font-size: 12px;
}
/*帮助页面*/
	.document-cat-item:hover {
	border-radius: 4px;
}
.question_cat_text {
	padding: 8px 0;
}
.entry-content strong {
	font-weight: bold;
}
.entry-content em {
	font-weight: bold;
	color: var(--b2color);
}
.document-cat-item {
	display:flex;
	flex-flow:column;
	position:relative;
	width:20%;
	justify-content:center;
	align-items:center;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
}
.document-cat-item:last-child {
	border-right: none;
}
/*所有用户显示*/
	.user-s-info-desc {
	font-size: 13px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
	background:  var(--main-bg-color);
	padding: 10px;
	color: #bcbcbc;
	height: 45px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	border-top: 1px solid var(--body-bg-color);
}
.lv-icon.user-vip i {
    width: 100%;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    border: 0px solid var(--body-bg-color);
    border-radius: 100%;
    vertical-align: 0px;
    display: unset;
}
.lv-icon.user-lv i {
    background-color: unset;
    font-size: unset;
    height: 16px;
    line-height: 16px;
    padding: 0px;
    margin-left: 0px;
}
/*.lv-icon.user-lv i img {*/
/*    margin-top: -4px;*/
/*}*/
.w-a-info i img {
    width: unset;
    height: unset;
    display: block;
    margin-right: 8px;
}
.content-user-lv > span {
    margin-right: 8px;
}
.w-a-info .picture img {
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 8px;
}
.lv-icon {
    margin-right:5px;
    margin-top: 0px;
    font-size: large;
}
.lv-icon.user-vip {
    margin-right: 0px;

}
/*大图片分类标签*/
.puxin-widget-catGrid .bottomcat .big-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	position: relative;
	overflow: hidden;
}
.puxin-widget-catGrid .bottomcat .big-item:hover {
	display: block;
}
.puxin-widget-catGrid .bottomcat .big-item .item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-bg {
	display: none;
}
.puxin-widget-catGrid .bottomcat .big-item .item-warp {
	position: relative;
	color: #fff;
	text-align: center;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp {
	padding: 30px;
	text-align: left;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.datutext {
	color: #fff;
	font-size: 22px;
	margin: 0;
	flex: 1;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.desc p{
    font-size: 13px;
}
.puxin-widget-catGrid .bottomcat .big-item:hover .item-warp .datutext:after {
	background: #fff;
	left: 0;
}
.puxin-widget-catGrid .bottomcat .big-item .item-warp .datutext:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 26%;
	width: 2em;
	height: 4px;
	background: none;
}
.puxin-widget-catGrid .bottomcat .big-item i {
    width: 40px;
    height: 40px;
    display: none;
    background-color: white;
    font-size: 30px;
    text-align: center;
    color: #18d631;
    z-index: 10;
    border-radius: 45px;
    margin: 0 auto;
    transition: all .3s;
    box-shadow: var(--box-ty);
}
.puxin-widget-catGrid .bottomcat .big-item:hover i {
	display: block;
}
.puxin-widget-catGrid .bottomcat {
	}
.puxin-widget-catGrid .bottomcat .small-item {
	height: calc(100px - var(--ji--2item-4x));
	display: block;
	background: #000;
	position: relative;
	overflow: hidden;
}
.puxin-widget-catGrid .bottomcat .small-item .title {
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	line-height: 95px;
	color: #fff;
	font-size: 22px;
}
.puxin-widget-catGrid .bottomcat .small-item:hover .title {
	display: none;
}
.puxin-widget-catGrid .bottomcat .small-item .item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
}
.puxin-widget-catGrid .bottomcat .small-item:hover .item-bg {
	display: none;
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp {
	align-items: center;
	z-index: 1;
	position: relative;
	height: 100%;
	transition: all .3s!important;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.puxin-widget-catGrid .bottomcat .small-item:hover .item-warp {
	display: flex;
	padding: 0 15px;
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp .datutext:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2em;
	height: 4px;
	background: #fff;
}
.puxin-widget-catGrid .bottomcat .small-item .item-warp i {
    width: 40px;
    height: 40px;
    background-color: white;
    font-size: 30px;
    text-align: center;
    color: #18d631;
    z-index: 10;
    border-radius: 45px;
    margin: 0 auto;
    transition: all .3s;
    box-shadow: var(--box-ty);
}
.puxin-widget-catGrid {
	width: calc(100% + var(--ji--1item));
}
.puxin-widget-catGrid .topCat .item {
	display: block;
	overflow: hidden;
	position: relative;
	line-height: 13px;
}
.puxin-widget-catGrid .topCat .item p {
	line-height: 20px;
}
.puxin-widget-catGrid .topCat .item .item-bg {
	transition: all .3s;
	background: #000;
	height: 100%;
}
.puxin-widget-catGrid .topCat .item:hover .item-bg {
	transform: translateY(-60%);
}
.puxin-widget-catGrid .topCat .item .item-bg img {
	height: -webkit-fill-available;
	opacity: .6;
}
.puxin-widget-catGrid .topCat .item:hover .item-bg {
	transform: translateY(-60%);
}
.wide-screen .row {
	margin-right: -10px;
	margin-left: -10px;
}
.title_puxin_center{
  text-align: center;
    margin-bottom: 20px;
}
.title_puxin_center >div:nth-of-type(1) {
  color: #333;
  font-size: 40px;
  font-weight: 600;
}
.title_puxin_center >div:nth-of-type(2) {
  color: #bbb;
  font-weight: 400;
  font-size: 16px;
  margin-top: 10px;
}
.puxin-widget-catGrid .topCat .item .item-warp {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	transition: all .3s;
	
}
.puxin-widget-catGrid .topCat .item .item-warp .datutext:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 4px;
    width: 50px;
    top: 30px;
    background: none;
    transition: all .3s;
}
.puxin-widget-catGrid .topCat .item:hover .datutext:after {
	background: #fff;
}
.puxin-widget-catGrid .topCat .item .item-warp p {
    padding: 0 20px;
    color: #fff;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: 1px;
}

.puxin-widget-catGrid .topCat .item .item-warp i {
	opacity: 0;
	display: block;
	width: 56px;
	height: 56px;
	background-color: white;
	font-size: 35px;
	line-height: 56px;
	color: #18d631;
	border-radius: 56px;
	margin: 0 auto;
	margin-top: 10px;
	/* background: url(./img/toRight.png); */
	transition: all .3s;
	box-shadow: var(--box-ty);
}

.postlist-img-warp .item img,.entry-media img {
	margin:0 auto;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	object-fit:cover;
}
.postlist-img-warp .left-thumb {
	width:316px;
	height:528px;
	overflow:hidden;
	margin-right:20px;
	position:relative;
	margin-bottom:20px;
}
.puxin-widget-catGrid .topCat .item:hover i {
	opacity: 1;
}
/*大图片分类标签结束*/
/*用户中心CSS*/
@media screen and (min-width: 1200px){
.gold-list-row-5 {
    width: 60%;
    border-right: 1px solid #F5F6F7;
    border-bottom: 1px solid #F5F6F7;
    font-size: 13px;
    padding: 16px;
}
.gold-list-row-1, .gold-list-row-2, .gold-list-row-3, .gold-list-row-4 {
    width: 10%;
    border-right: 1px solid #F5F6F7;
    border-bottom: 1px solid #F5F6F7;
    font-size: 13px;
    padding: 16px;
}
}
/*小工具*/
.b2-widget-post-title h2 {
  /*line-height: 19px;*/
}
.user-mission-info-left a{
   line-height: 20px;
}
/*大图片文章列表*/
.grid_author_avt {
    position: relative;
    z-index: 1;
    display: block;
    width: 100px;
    height: 20px;
    margin-top: -14px;
    margin-left: -10px;
    margin-bottom: 10px;
    transform: translateZ(0);
}
.w-a-info .lv-icon img {
    height: auto;
    display: block;
    margin-right: 0px;
    margin-top: 4px;
    padding-top: 1px;
}
.grid_author_avta {
    position: relative;
    display: block;
    width: 100px;
    height: 20px;
    margin-top: -14px;
    margin-left: 15px;
    margin-bottom: 5px;
    transform: translateZ(0);
}

.grid_author_avt:hover {
    opacity: 1 !important;
}
.grid_author_avta:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    background-image:none;
    top: -3px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;
}
.grid_author_avt:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
    top: -3px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;
}

.grid_author_bggo,.grid_author_bggoa {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
}
#Onecad_author img{
    border-radius: 50%;
}
.picked.post-load-button span{
    border-radius: 5px;
}
.post-list-cats a span {
    font-size: 14px;
    border-radius: 5px;
}
.dimensionalBox___2NwGr {
  margin-top: 48px;
}
.dimensionalBox___2NwGr .title___1r231 >div:nth-of-type(1) {
  color: #333;
  font-weight: 600;
  line-height: 28px;
  font-size: 28px;
}
.dimensionalBox___2NwGr .title___1r231 >div:nth-of-type(2) {
  color: #bbb;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz {
  background-color: rgba(216,216,216,0.3);
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(0);
          transform: translate3d(0);
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz .contentArea___z9EPF {
  position: absolute;
  padding: 0 32px;
  bottom: 0;
  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;
  width: 100%;
  height: 84px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23,23,23,0)), to(rgba(23,23,23,0.6)));
  background: linear-gradient(180deg, rgba(23,23,23,0) 0%, rgba(23,23,23,0.6) 100%);
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz .contentArea___z9EPF >span:nth-of-type(1) {
  font-size: 20px;
  color: #fff;
  line-height: 84px;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz .contentArea___z9EPF .contentCount___Marsv {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz .contentArea___z9EPF .contentCount___Marsv .modelIcon___1IzH1 {
  font-size: 20px;
  margin-right: 9px;
  font-weight: 400;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz:nth-of-type(1) {
  width: calc(70% - 16px);
  height: 452px;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz:nth-of-type(2) {
  width: 30%;
  height: 452px;
}
.dimensionalBox___2NwGr .dimensionalList___1pCgv .dimensionalInfo___2BKmz:nth-of-type(n+3) {
  margin-top: 16px;
  width: calc(33.3333% - 10px);
  height: 260px;
}
.picWindow___Myjv8 {
  margin-top: 96px;
  margin-bottom: 96px;
}
.picWindow___Myjv8 .title___1r231 >div:nth-of-type(1) {
  color: #333;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}
.picWindow___Myjv8 .title___1r231 >div:nth-of-type(2) {
  margin-top: 16px;
  color: #bbb;
  font-size: 16px;
}
.picWindow___Myjv8 .windowBanner___GgMuw {
  margin-top: 25px;
  width: 100%;
  height: 440px;
  position: relative;
  overflow: hidden;
}
.picWindow___Myjv8 .windowBanner___GgMuw:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.picWindow___Myjv8 .windowBanner___GgMuw img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  -webkit-transform: translate3d(0);
          transform: translate3d(0);
}
.picWindow___Myjv8 .windowBanner___GgMuw .bannerInfo___2_iPy {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 171px;
  background: rgba(30,30,30,0.21);
  cursor: pointer;
  top: 0;
}
.picWindow___Myjv8 .windowBanner___GgMuw .bannerInfo___2_iPy >div:nth-of-type(1) {
  font-size: 32px;
  color: #fff;
  font-weight: 600;
  line-height: 32px;
}
.picWindow___Myjv8 .windowBanner___GgMuw .bannerInfo___2_iPy >div:nth-of-type(2) {
  margin: 0 auto;
  margin-top: 18px;
  width: 216px;
  height: 24px;
  line-height: 24px;
  background-color: #fff;
  font-size: 18px;
  text-align: center;
  color: #333;
}
.picWindow___Myjv8 .windowBanner___GgMuw .bannerInfo___2_iPy >div:nth-of-type(3) {
  margin-top: 16px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
.picWindow___Myjv8 .drawingList___2oJeD {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
.picWindow___Myjv8 .drawingList___2oJeD >div {
  width: 408px;
  height: 284px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.picWindow___Myjv8 .drawingList___2oJeD >div img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(0);
          transform: translate3d(0);
}
.picWindow___Myjv8 .drawingList___2oJeD >div img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.picWindow___Myjv8 .drawingList___2oJeD >div div {
  font-size: 20px;
  color: #fff;
  padding: 0 32px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 76px;
  line-height: 76px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23,23,23,0)), to(rgba(23,23,23,0.6)));
  background: linear-gradient(180deg, rgba(23,23,23,0) 0%, rgba(23,23,23,0.6) 100%);
}
.picWindow___Myjv8 .windowList___3NKUw {
  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;
}
.picWindow___Myjv8 .windowList___3NKUw .listInfo___3wzPV {
  margin-top: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 408px;
  height: 284px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.picWindow___Myjv8 .windowList___3NKUw .listInfo___3wzPV img {
  width: 408px;
  height: 284px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.picWindow___Myjv8 .windowList___3NKUw .listInfo___3wzPV div {
  font-size: 20px;
  color: #fff;
  padding: 0 32px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 76px;
  line-height: 76px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23,23,23,0)), to(rgba(23,23,23,0.6)));
  background: linear-gradient(rgba(23,23,23,0) 0%, rgba(23,23,23,0.6) 100%);
}
/*大图片文章列表结束*/
/*商品内页CSS*/
.onecad_box{
    padding: 15px;
}
/*幻灯片下区块*/
.sort {
    position: relative;
    z-index: 1;
    padding: 26px;
    background:var(--main-bg-color);
    /* border: 1px solid #797c80; */
    /* -webkit-box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); */
    /* box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.sort-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sort-config-item a{
    color:var(--key-color);
}
.main {
    width: 1410px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.sort-config>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}
.ibanner-tips-float {
    position: absolute;
    top: -70px;
    left: 1096px;
    z-index: 24;
}
.quk_img{
	width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 16px;
}
.sort-config-item {
display: flex;
    height: 100%;
}
.sort-config-item img {
    /* width: 62px; */
    height: 50px; 
    /* height: 46px; */
    width: 50px;
    text-align: center;
    margin-right: 12px;
}
.item-ico {
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 10px;
    background-color: var(--body-bg-color);
    margin-right: 16px;
}
.sort-config-item:hover .item-ico,.sort-config :hover .quk_img {
    background-color:var(--b2color);
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-item:hover .item-ico i {
    color:#fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config :hover .sort-config-title {
    color:var(--b2color);
}
.item-ico i {
    font-size: 30px;
    line-height: 30px;
}
.sort-config-title {
    line-height: 34px;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-desc {
    float: left;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e;
}
.sort-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin-top: 35px;
}
.sort-blocks-item {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 100%;
    background: #f7f9fa;
    border-radius: 14px;
}
.sort-blocks-item .blocks-item-wrap {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: none;
    filter: none;
}
.sort-blocks-icon {
    display: block;
    width: 60px;
    height: 47px;
    margin: 18px auto 15px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sort-blocks-title {
    line-height: 22px;
    font-size: 22px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: 1px;
    text-align: center;
}
.sort-mine-wrap img {
    display: flex;
    width: auto;
}
.sort-config-title .go {
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px;
}
.sort-blocks-item .blocks-hover, .sort-blocks-item .blocks-hover-title {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px;
}
.sort-blocks-item .blocks-hover {
    left: 0;
    height: 100%;
    padding-top: 22px;
    font-size: 14px;
    background: rgba(0,0,0,.4);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.sort-blocks-item .blocks-hover-tit {
    line-height: 18px;
    font-size: 18px;
}
.sort-blocks-item .blocks-hover-line {
    width: 158px;
    height: 1px;
    margin: 12px auto 8px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(30%,hsla(0,0%,100%,.7)),color-stop(70%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.1)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.1));
}
.srot-mine {
    position: relative;
    width: 376px;
    background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
    /*background: -webkit-gradient(linear,left top,right top,from(#fdf8eb),to(#feeec3));*/
    /*background: linear-gradient(90deg,#fdf8eb,#feeec3);*/
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
}
.srot-mine-bg {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 118px;
    height: 78px;
    background: url(../img/sort_zuanshi.png) no-repeat;
    background-size: cover;
}
.sort-mine-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 12px 16px 15px;
}
.srot-mine-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
}
.srot-mine-ava {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.srot-mine-tit>span {
    margin-left: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #613c14;
}
.srot-mine-vips {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 337px;
    margin: 15px 0px 5px;
}
.sort-vips-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.sort-vips-icon {
    display: block;
    width: 32px;
    height: 36px;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 30px;
}
.sort-vips-tit {
    margin: 15px 0px;
    line-height: 12px;
    font-size: 13px;
    color: #613c14;
    margin-left: 10px;
}
.sort-vips-tit2-kt {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    background-image: linear-gradient(90deg,#ffc046,#ff7d04);
    margin: 10px 0px 0px 9px;

}
.sort-vips-tit2-wk {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    opacity: 0.5;
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%); background-blend-mode: multiply;
    margin: 10px 0px 0px 9px;
}
.bt-body {
    padding-bottom: 0px;
    background: transparent;
    width: calc(100% - 376px);
    margin: 0px -8px;
}
.b-boxs .video .s-pic{height: 189px;}
.b-boxs .video .video-view {height: 186px;width: 337px; overflow: hidden; cursor: pointer;display: block;}
.b-boxs .video:hover .video-view .img-none{display: none;}
.b-boxs .video .video-view video{width: 337px;}
.b-boxs .video:hover .video-view video{display: block;}
.b-boxs .video .mark{height: 189px; display: none;}
.b-boxs .video:hover .mark{display: none;}
.b-boxs .video .v-down{
    position: absolute;
    top: 12px;
    left: 57%;
    z-index: 2;
    margin-left: 65px;
    padding-left: 21px;
    width: 45px;
    height: 31px;
    border-radius: 2px;
    background: url(./Center/Assets/images/video.png) -8px -77px no-repeat #007aff;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.b-boxs .video .v-down:hover {
    background: url() -5px -77px no-repeat #6e91e6;
}
.b-boxs .video .v-collect{
    width: 31px;
    height: 31px;
    line-height: 31px;
    position: absolute;
    left: 58%;
    top: 12px;
    margin-left: 23px;
    color: #333;
    font-size: 20px;
    border-radius: 2px;
    z-index: 2;
    background: url(./Center/Assets/images/video.png) -11px 5px no-repeat #fff;
    padding-left: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    ilter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    font-size: 17px;
    letter-spacing: 7px;
}
.b-boxs .video:hover .v-collect,.b-boxs .video:hover .v-down{
    filter: alpha(opacity=1);
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.b-boxs .video .chosed{
    background: url(./Center/Assets/images/video.png) -11px -36px no-repeat #fff;
}
.b-boxs .video .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 316px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    background: #00000075;
    background-color: #1677ff00;
    background-image: linear-gradient(-90deg, #00000000, #000000);
}
.b-box .audio-box {
    width: 340px;
    height: 160px;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 9px rgba(0,0,0,.1);
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}
.b-boxs .video:hover  .video-bq,.b-boxs .video:hover .title{
    display: none;
}
.b-boxs .video:hover .mc-bottom{
    display:none;
}
.b-boxs .video .mc-bottom{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 32%;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .4 \9 \0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff)";
}
.good-ppt {
    width: 100%;
}
.topic-title {
    height: 41px;
    color: #484747;
    text-align: left;
}
.wlimits {
    margin-right: -59px;
}
.topic-title .jptitle {
    display: inline-block;
    width: 280px;
    color: #000;
    letter-spacing: 2px;
    font-size: 24px;
}
.topic-title .jptitle .shiping {
    display: inline-block;
    width: 87px;
    height: 63px;
    background: url(../image/tb.png) 0px -345px no-repeat;
    vertical-align: -23px;
}
.topic-title ul {
    display: inline-block;
    float: right;
}
.topic-title ul li {
    display: inline-block;
}
.topic-title ul li a {
    display: inline-block;
    margin-right: 6px;
    padding: 0 10px;
    height: 35px;
    /* border: 1px solid #e5e5e5; */
    /* background: #fff; */
    color: #606060;
    font-size: 14px;
    line-height: 35px;
}
.topic-title ul li em {
    display: inline-block;
    height: 14px;
    width: 1px;
    background: #b7b7b7;
    vertical-align: -2px;
}
.b-boxs {
    margin-right: -16px;
    overflow: hidden;
}
.b-boxs .s-box {
    width: 337px;
    height: auto;
    float: left;
    margin-right: 19px;
    margin-bottom: 36px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 9px rgba(0,0,0,.1);
    background: #ffffff;
}
.b-boxs .s-box .s-pic {
    width: 100%;
    height: 407px;
}
@media screen and (max-width: 768px){
.flickity-enabled.is-draggable {
    margin-top: 0px;
}
}
.b2-menu-4 .sub-menu-0 li ul a:hover {
    font-weight: 500; 
    border-radius: 3px;
    color: #ff416c;
}
.b2-menu-4 .sub-menu-0 li ul a {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
    display: flex;
    align-items: center;
    margin-top: 0px;
}
@media screen and (max-width: 1366px) {
.srot-mine {
    width: 355px;
    z-index: 2;
    margin-right: -5px;
    }
}
.containerrr .itemss a {
    display: inline-block;
    margin-right: 16px;
    width: calc(20% - 16px);
    height: 180px;
    text-align: center;
}
.card_ZQsT- {
    height: 180px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 0px 0 16px 0;
    margin: 0px 8px;
    text-decoration: none;
    transition: all 0.3s;
}
.card_ZQsT-:hover {
    transform: translateY(-3px);
}
.card_img{
    display: block;
    height: 180px;
}

.card_ZQsT- .title_3qCGt {
    font-size: 14px;
    color: #fff;
    height: 35px;
    text-align: center;
    background-color:var(--b2lightcolor);
    line-height: 35px;
    width: 100%;
    position: absolute;
    display: block;
    margin-top: -35px;
}
.card_ZQsT- img{
    height: 180px;
    width: 100%;
}
.card_ZQsT- .year-tag_3Iqeg {
    height: 19px;
    min-width: 52px;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 6px;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 0 8px;
    border-radius: 10px;
}
.huodong{background:#0693e3}
.remen{background:#fcb900}
.jingping{background:#cf2e2e}
.guanggao{background:#00d084}
.tuijain{background:#ff6900}
.yuliu{background:#0693e3}
.onecad-quk-carousel .itemss {
	white-space: nowrap;
	width: 100%;
	display: flex;
	-webkit-overflow-scrolling: touch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.onecad-quk-carousel .itemss::-webkit-scrollbar {
	display: none;
}
/*
 * b2主题热门用户
 * www.OneCAD.cn
 */
#OneCAD .hotUser {
	margin-top: 20px;
}
#OneCAD .hotUser .hotUser-title {
	position: relative;
	margin-bottom: 15px;
	width: 1180px;
}
#Onecad_hotuser i.b2-vrenzhengguanli {
    position: static;
    bottom: -4px;
    right: -4px;
    font-weight: 400;
    line-height: 20px;
    background: var(--main-bg-color);
    border-radius: 100%;
    width: 20PX;
    height: 20px;
    display: inline-block;
    font-size: 20px;
    color: #ff3a55!important;
}
#OneCAD .hotUser h2 {
    font-size: 26px;
    font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#OneCAD .post-style-5-top {
    margin-top: 0;
}
/*首页设计师列表*/
.one_sjs .one_itme {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.software___2qnev .softwareList___1Uqlo {
	width: 985px;
	margin-top: 52px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*首页设计师列表01*/
.our-team {
	padding: 20px 0 0px;
	background:var(--main-bg-color);
	text-align: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.demo .user-s-info-name {
    margin-top: 0px;
    display: flex;
    flex-flow: column;
    margin-left: 0px;
}
.our-team .pic {
	display: inline-block;
	width: 130px;
	height: 130px;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
}

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

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

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

}
.col-sm-6 {
	cursor: pointer;
	margin-right: 16px;
	float: left;
	border-radius: 4px;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.our-team .pic img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	transform: scale(1);
	transition: all 0.9s ease 0s;
}

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

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

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

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

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

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

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

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

.our-team .social li a:hover {
	color: #eb1768;
	background: #f7f5ec;
}
.user-s-follow a{
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    white-space: nowrap;
    border-radius: 5px;
}
/*首页模块标题*/
#biaoti.post-modules-top {
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}
.modules-title-box .module-title {
    font-size: 22px;
    text-align: left;
    margin-right: 10px;
    font-weight: 600;
}
.wwwmodel-title {
    padding: 30px 0px 30px;
}
.clearfix {
    zoom: 1;
}
.wwwmodel-title .wwwmodel-title-left {
    float: left;
}
.wwwmodel-title .wwwmodel-title-left h3 {
    color: #333333;
    font-size: 22px;
}
.wwwmodel-title .wwwmodel-title-right {
    float: right;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active {
    color: #666;
    font-weight: bold;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item {
    display: inline-block;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    margin-left: 44px;
    padding-bottom: 8px;
    transition: all ease 0.4s;
    position: relative;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-more {
    display: inline-block;
    padding: 0px 2px;
    font-size: 14px;
    color: #999;
    top: 3px;
    cursor: pointer;
    padding-bottom: 8px;
    margin-left: 40px;
    position: relative;
    transition: all ease 0.4s;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover {
    color: #666;
    font-weight: bold;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:after {
    content: '';
    width: 0px;
    height: 1px;
    background-color: #3BC66F;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transition: all ease 0.4s;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-item:hover:after {
    width: 100%;
}
.wwwmodel-title .wwwmodel-title-right .wwwmodel-title-active:after {
    width: 100%;
}

/*首页模块仿照OM*/
.model-column {
    margin: 0 auto;
}
.model-column .common-model-wrap .model-item:nth-of-type(6n) {
	margin-right: 0
}

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

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

.model-column .model-item:hover .model-info>p {
	color: #e80000
}
.model-column .model-item:hover .model-info>div {
	color: #e80000
}
.model-column .model-item .model-cover {
	display: block;
	width: 100%;
	height: 285px;
	background-color: #fff
}

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

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

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

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

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

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

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

.model-column .irregular-wrap .irregular-right .model-item {
	width: 590px;
	margin-right: 0
}
@media screen and (max-width: 1366px) {
.model-column .irregular-wrap .irregular-right .model-item {
	width: 496px;
	margin-right: 0
}
.model-column .model-item {
    max-height: 331px;
    width: 232px;
    margin: 0 16px 16px 0;
    transition: all .2s linear;
    border-radius: 5px;
}
.model-column .model-item .model-cover {
    display: block;
    width: 100%;
    height: 232px;
    background-color: var(--main-bg-color);
}
.model-column .irregular-wrap .irregular-left .model-cover {
    height: 528px;
}
}
/*首页问答列表*/
.encyclopedias {
	margin-top:10px;
}
.encyclopedias ul {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:var(--main-bg-color);
    margin-bottom:30px; 
    margin-top:0px; 
}
.encyclopedias ul .px_item {
	width:50%;
	float:left;
}
.px_item a i{
    margin-right: 10px;
}
.px_item a:hover i,.px_item a:hover{
    color: var(--b2color);
}
.encyclopedias ul .px_item:nth-child(2n+1) {
	margin: 5px 0px;
	border-right: 1px dotted var(--ji--neutral);
}
.encyclopedias ul .px_item:nth-child(2n) {
	padding-left:10px;
	margin: 5px 0px;
}
.encyclopedias ul .px_item a {
	display:block;
	width:100%;
	line-height:50px;
	box-sizing:border-box;
	position:relative;
	border-radius:4px;
	padding-right:120px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.encyclopedias ul .px_item a .question {
	position:absolute;
	height:50px;
	position:absolute;
	right:10px;
	top:0;
	z-index:1;
	/*background:url(./Center/Assets/images/zizhu/icon-q.png) left center no-repeat;*/
	width:auto;
	padding-left:24px;
	line-height:50px
}

.encyclopedias ul .px_item a:hover .question {
	/*background:url(./Center/Assets/images/zizhu/icon-q.png) left center no-repeat;*/
	width:auto
}
@media screen and (max-width: 768px){
.encyclopedias ul .px_item {
	width:100%;
	float:left;
}
.encyclopedias ul .px_item a .question {
    display: none;
}
.encyclopedias ul .px_item:nth-child(2n) {
	padding-left:0px
}
.encyclopedias ul .px_item:nth-child(2n+1) {
	padding-right:10px;
	/* border-right:1px dotted #fff; */
}
}
.comment-text p strong{
    font-weight: 700;
    padding: 0 5px;
    color: var(--hover_color);
}
.part-title {
    display: flex;
    align-items: center;
}
.puxin_sx{
    font-size: 14px;
    letter-spacing: .8px;
    position: relative;
}
.part-title h3 {
    flex: 1;
    font-size: 22px;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}
.part-title p {
	letter-spacing: .5px;
}
.puxin_gd{
    white-space: nowrap;
    margin-left: 10px;
    padding-bottom: 20px;
}
.puxin_gd .btn {
    position: relative;
    padding: 0 13px;
    display: block;
    color: #8590A6;
    height: 32px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    display: flex;
    align-items: center;
}
.part-title .part-nav{
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 20px;
}
.part-title .part-nav .all {
	background: var(--hover_color);
	color: #fff;
}
.part-title i {
    padding-left: 10px;
}
.part-title .part-nav a {
	color: #606266;
	font-size: 13px;
	padding: 4px 10px;
	display: inline-block;
	margin-left: 20px;
	transition: all .3s
}
.title_puxin >div:nth-of-type(2) {
    margin-top: 10px;
    color: #999;
    font-size: 16px;
    margin-bottom: 20px;
}
/* VIP头像CSS */
.lv-icon.user-vip b {
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px; 
}
.lv-icon.b2-vip0 b {
    color: #000 !important;
    background: linear-gradient(90.34deg, #D7E5FF 0.27%, #B9CBFF 99.7%);

}
.lv-icon.b2-vip1 b {
    color: #6C4A20 !important;
    background: linear-gradient(90.34deg, #FFD2A2 0.27%, #FFE2C2 99.7%);
}
.lv-icon.b2-vip2 b {
    color: #ffdbb1 !important;
    background: linear-gradient(90.34deg, #393f68 0.27%, #24263c 99.7%);
}
.lv-icon.b2-vip3 b {
    color: #ffffff !important;
    background: linear-gradient(90.34deg, #e54b63 0.27%, #e54b63 99.7%);
}
.user-w-lv {
    display: flex;
    height: 22px;
    flex-wrap: wrap;
    margin-top: 5px;
}
/* 图酷网会员列表 */

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


@media (min-width:1024px) {
	.home-section-designs .items .item-wrap,.one-width-1 {
		width: calc(25% - var(--ji--1item));
        margin-right: var(--ji--1item);
	}
	.home-section-designs .items {
        margin: 0px;
        margin-right: 0px;
        display: flex;
    }
}
.home-section-designs .items .item {
	background: #fff;
	width: 100%;
	overflow: hidden;
}
.home-section-designs .items .item-wrap {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.home-section-designs .items .item-wrap:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

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

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

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

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

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

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

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

.home-section-designs .items .item-main h4 {
	margin: 0 -5px;
	font-weight: 400;
	line-height: 22px;
	height: 22px;
	overflow: hidden
}
.one_list_a{
    font-size: 13px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    color: #bcbcbc;
}
.home-section-designs .items .item-main h4 span {
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #e5f0ff;
	font-size: 12px;
	color: #3385ff;
	padding: 0 5px;
	margin: 0 5px;
	white-space: nowrap
}

.home-section-designs .items .item-main h4 span:hover {
	background: #3385ff;
	color: #fff
}
/*自定义footer底部CSS*/
#colophon.fl{float:left;width: 40%;justify-content: space-between;display: flex;}
.fla{float:left;}
.fr{float:right;}
.public-foot{width:100%;background:#2d3237;display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.public-foot .foot-cont{padding:30px
0;display:table}
@media screen and (max-width: 768px){
.public-foot{
    display: none;
}
}
@media screen and (min-width: 768px){
.footer-bottom{
    display: none;
}
}
.public-foot .foot-cont
h4{color:#fff;margin-bottom:20px}
.public-foot .foot-cont-fl ul>li
a{color:#b2b2b2;font-size:13px}
.public-foot .foot-cont-fr
.tel{margin-right:55px;float: left; padding-top: 6px;}
.public-foot .tel-number{display:table;}
.public-foot .tel-icon
.tel-icon-a{width:42px;height:42px;line-height:42px;background:#1e1f23;color:#8b8b8b;text-align:center;margin-right:8px;padding: 10px;}
.public-foot .tel-number{font-size:24px;margin-top:20px}
.public-foot
.ewm{margin-top: 5px;}
.public-foot .ewm
span{display:block;text-align:center;color:#b2b2b2;padding-top: 5px;}
.public-foot .ewm ul
li{float:left;margin-left:30px;text-transform:uppercase}
.public-foot .ewm ul li
img{width:100px}
.foot-copyright{width:100%;color:#666;padding:20px
0 10px;display:table;}
.foot-copyright
p{font-size: 12px;
    line-height: 30px;
    width: 100%;
    text-align: center;}
.foot-copyright-fr ul
li{float:left;margin-right:5px}
.foot-copyright-fr ul li
a{display:block}
.fl ul li{
    font-size: 13px;
    padding: 5px 0px;
    box-sizing: border-box;
}
.fl .html-widget {
    padding: 10px 0px 0px 0px;
}
.fl h2{
    font-size: 16px;
    padding: 5px 0px;
    color: #fff;
    line-height: 1;
    
}
.tel > h2 {
    font-size: 16px;
    padding-bottom: 22px;
    color: #fff;
    line-height: 1;
    font-weight: 600;
}
/*自助申请友链,感谢徐天分享https://www.ahap.cn/6392.html*/
.content-link-application{
	padding: 40px 40px;
	background-color: #fff;
	border-radius: 5px;
	width: 800px;
	-webkit-box-shadow: 0 7px 8px 0 rgba(0,0,0,.11);
	box-shadow: 0 7px 8px 0 rgba(0,0,0,.11)
}
.content-link-application .form-control
{
	height: 38px;
	width: 100%
}
.content-link-application .captcha-img,.content-link-application .captcha-input
{
	display: inline-block;
	vertical-align: middle
}
.content-link-application .contact-form
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto
}
.content-link-application .form-header
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px
}
.content-link-application .form-header p
{
	color: #999;
	font-size: 12px;
	margin: 0;
}
.content-link-application h1
{
	font-size: 30px;
	line-height: 44px;
	font-weight: 700
}
 .content-link-application .form-control{height:38px;width:100%}
 .content-link-application .captcha-img,.content-link-application .captcha-input{display:inline-block;vertical-align:middle}
 .content-link-application .contact-form{max-width:600px;margin-left:auto;margin-right:auto;font-size: 15px;}
 .content-link-application .form-header{max-width:600px;margin-left:auto;margin-right:auto;padding-bottom:40px;text-align:center}
 .content-link-application .form-header p{color:#999;font-size: 12px;margin: 0;}
 .content-link-application h1{font-size:30px;line-height:44px;font-weight:700}
 .red{padding-right: 10px;color: #ff3355;}
 .form-group
{
	margin-bottom: 15px
}
.content-link-application .form-control
{
	height: 38px;
	width: 100%;
	margin: 5px 0px;
}
.btn.btn-default
{
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	outline: 0;
	-webkit-transition: all .1s ease-out 0s;
	-o-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s
}
.container,.page-no-sidebar.member-lostpassword .member-lp-process
{

	padding-left: 10px;
	padding-right: 10px
}
/*自助申请友链 end*/
/*提醒广告开始*/
.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-dismissible {
    padding-right: 3rem;
}
.alert {
    position: relative;
    padding: 10px 16px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 13px;
}
.alert span {
    /* line-height: 20px; */
}
@media (prefers-reduced-motion: reduce){
.fade {
    transition: none;
}
}
.fade {
    transition: opacity .15s linear;
    /* text-align: center; */
}
.bg-danger {
    background-color: #dc3545!important;
}.badge {
    display: inline-block;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin: 0px 30px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.bg-warning {
    background-color: #ff6000!important;
}
.badge-warning {
    color: #FFF;
    background-color: #ffc107;
}
.badge-hot {
    color: #FFF;
    background:linear-gradient(to right,#f35 0%,#ff6780 100%);
}
.text-dark {
    color: #fff!important;
}.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border-radius: .25rem;
    opacity: .5;
}

@media (prefers-reduced-motion: reduce){
.spinner-border, .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}.small, small {
    font-size: .875em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

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

sup.spinner-grow.spinner-grow-sm.ml-1.small {
  
    margin-left: 4px;
   
    margin-bottom: 4px;
}
/*提醒广告结束*/
/*背景视频CSS开始*/
.clearfix{display:block;clear:both;float:none;}
.video-back{display:block;padding:0px;text-align:center;margin-top: -100px;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}
.main-heading{text-align: center;margin: 50px auto;font-size: 70px;}
.main-para{margin: 10px 100px;text-align: center; font-size: 20px;}
/*背景视频CSS结束*/
.Onecad_title >div:nth-of-type(1) {
    color:var(--key-color);
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    font-size: 20px;
}
.Onecad_title >div:nth-of-type(2) {
    color: #bbb;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 0px;
}
/*重新定义会员列表css开始*/
.item-author .item-wrap,.home-authors .item-wrap {
	background-color:var(--main-bg-color);
	overflow:hidden;
	position:relative;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.home-authors .item, .home-authors .group-item .item-images .img-item {
    padding: 0 var(--ji--2item);
}
.item-author .item-wrap, .home-authors ,.b2_gap>li .item-in{
    padding: var(--ji--4item);
}
.item-author .author-btn .btn {
    line-height: 13px;
    font-size: 13px;
    width: 100%;
    color: var(--key-color);
    background-color: var(--main-bg-color);
}
.item-author .author-btn {
    position: absolute;
    right: 0;
    top: 85px;
    display: none;
    width: 100%;
}
.item-author .author-btn .user-s-follow {
    padding: 10px;
    text-align: center;
}
.item-author .item-wrap:hover .item-top .author-btn, .home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn {
    display: block;
}
.home-authors .author-items {
	margin: 0 var(--ji--3item);
	margin: 0 var(--ji--3item);
    display: flex;
    flex-wrap: wrap;
}
.author-items .ap-item img{
    height: 100%;
    width: -webkit-fill-available;
}
.item-author .item-bg {
	position:absolute;
	left:0;
	right:0;
	top:0;
	padding-top:35%;
	overflow:hidden;
}
.item-author .item-bg .thumb {
	padding-top: 50%;
	position:absolute;
	left:-31.25px;
	right:-31.25px;
	top:-31.25px;
	width:auto;
}
.item-author .item-bg::before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	/* padding-top: 58%; */
	/* background-color:#fff; */
	z-index:1;
}
.item-author .item-bg::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0%;
	padding-top:11%;
	background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,#FFFFFF 100%);
	background-image:linear-gradient(180deg,rgba(255,255,255,0.7) 0%,#FFFFFF 100%);
}
.item-author .item-top {
	position:relative;
	box-shadow:0 12.5px 25px 0 rgba(0,0,0,0.02);
	padding: 10px;
	background-color:var(--main-bg-color);
	z-index:1;
}

.item-author .item-bottom {
	font-size:8.75px;
	position:relative;
	z-index:1;
	padding: 15px;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
}
.item-author .author-intro {
	display:block;
	position:relative;
	min-height:37.5px;
	padding-left:50px;
}
.item-author .author-intro {
	padding-left:70px;
}
.item-author .author-intro:hover .author-name {
	color:var(--b2color);
}
.item-post-style-6 .item-author .item-bg {
	display:none;
}
.item-author .author-avatar {
	position:absolute;
	left:0;
	top:0;
	font-size:37.5px;
	width:60px;
	height:60px;
}
.item-author .author-main{
    padding-top: 5px;
}
.item-author .author-avatar .avatar {
	box-sizing:border-box;
	padding-top:0;
	height:60px;
	border:0px solid #ffbc00;
	border-radius:100%;
	overflow:hidden;
}

.item-author .author-info  i {
    margin-right: 5px;
}
.item-author .author-name {
	font-size: 18px;
	color:var(--key-color);
	margin-bottom: 5px;
	white-space:nowrap;
}
.item-author .author-xixi {
	font-size: 13px;
	margin-bottom: 10px;
	white-space:nowrap;
}
#user-list .item-author .author-name .uname {
    margin-right: 10px;
	display:inline-block;
	vertical-align:middle;
	max-width: 80px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.item-author .author-name .short-label {
	display:inline-block;
	vertical-align:bottom;
	margin-left: 5px;
}
.item-author .author-name .short-label img {
	width:8.75px;
	height:auto;
}
.item-author .author-meta span:first-child:after {
	content:'';
	display:none;
	height:.8em;
	width:0;
	border-left:0.625px solid #b5b5b5;
	opacity:.4;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-0.4em;
}
.author-meta span,.ap-item-meta{
    font-size: 13px;
    color: #b5b5b5;
    margin-right: 10px;
}
.item-author .author-info {
	font-size: 14px;
    margin-top: 25px;
    color: #b5b5b5;
    text-align: center;
    line-height: 30px;
    background: var(--body-bg-color);
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
}
.item-author .author-info .ico {
	margin-right:.5em;
}
.item-author .item-bottom-title {
	font-size: 15px;
	color:#b5b5b5;
	font-weight:normal;
	margin-bottom: 10px;
}
.item-author .ap-item {
	font-size: 14px;
	margin: 15px 0px 0px;
}
.item-author .ap-item-wrap {
	display:block;
	position:relative;
}
.item-author .ap-item-wrap.has-thumb {
	padding-left:87.5px;
	min-height:47.5px;
}
.item-author .ap-item-wrap.has-thumb {
	padding-left:120px;
}
.item-author .ap-item-wrap.has-thumb .ap-item-title {
	height: 45px;
	overflow:hidden;
	font-weight:normal;
}
.item-author .ap-item-wrap.no-thumb .ap-item-thumb {
	display:none;
}
.item-author .ap-item-wrap:hover .thumb {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.item-author .ap-item-wrap:hover .ap-item-title {
	color:var(--b2color);
}
.item-author .ap-item-wrap .ap-item-thumb {
	position:absolute;
	left:0;
	top:0;
	width:75px;
	overflow:hidden;
}
.item-author .ap-item-wrap .ap-item-thumb {
	width: 110px;
	height: 100%;
}
.item-author .ap-item-wrap .ap-item-thumb .thumb {
	-webkit-transition:all .2s;
	transition:all .2s;
	padding-top:63.3333%;
	border-radius:2.5px;
}
.item-author .ap-item-wrap .ap-item-title {
	font-size:7.5px;
	line-height:1.5em;
	color: var(--key-color);
	margin-bottom: 7px;
}
.item-author .ap-item-wrap .ap-item-title {
	font-size: 14px;
}
.thumb {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:0;
}
@media only screen and (min-width: 990px) {
	.home-authors .item, .home-authors .group-item .item-images .img-item {
  margin-bottom: var(--ji--1item);
  width: 25%;
}
}
.home-authors .item,.home-authors .group-item .item-images .img-item {
	float:left;
	box-sizing:border-box;
}
.item-author .author-name .short-label img {
	width: 18px;
}
i.b2-vrenzhengguanli {
    z-index: 2;
}
.item-author .author-avatar {
	position:absolute;
	left:0;
	top:0;

}
.home-authors .item-tobe-author .tobe-author-wrap {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-authors .item-tobe-author .tobe-author {
    background-color:var(--main-bg-color);
    height: calc(100% - 20px);
    box-sizing: border-box;
    position: relative;
}
.home-authors .item-tobe-author .item-title {
	color: var(--b2color);
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
}
.item-author .item-wrap, .home-authors .item-wrap {
     height: 100%;
}
.home-authors .item-tobe-author .item-cont {
    font-size: 15px;
    color: #b5b5b5;
    height: auto;
    line-height: 30px;
    margin-bottom: 50px;
}

.home-authors .item-tobe-author .item-cont p {
	/* margin-bottom: 10px; */
	/* height: 100%; */
}

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

.home-authors .item-tobe-author .item-cont .count strong {
	font-size: 45px;
	color: var(--b2color);
	font-weight: bold;
}
.home-authors .item-tobe-author .item-cont .count span {
font-size: 15px;
    font-weight: normal;
}
.home-authors .item-tobe-author .item-btns {

    font-size: 14px;
    /* width: 100%; */
    text-align: center;
    color: #fff;
}

.home-authors .item-tobe-author .item-btns .btn {
	display: block;
	line-height: 50px
}
/*重新定义会员列表css结束*/
/*重新做分类列表左右切换CSS开始*/
.htmleaf-container{
    width: 100%;
    height: 100%;
}
.htmleaf-container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    margin-right: 16px;
    overflow: hidden;
}
.htmleaf-container a p:hover {
    background-color:var(--b2color) ;
    opacity: .8;
}
.htmleaf-container p {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .2s;
}
/*重新做分类列表左右切换CSS结束*/
/*圈子页面列表CSS开始*/
.topic-sticky-info .topic-sticky-icon {
    margin: 8px 0px;
}
.topic-sticky-info .topic-sticky-title h2 a {
    line-height: 35px;
    font-weight: 600;
}
.topic-content-text br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 5px !important;
}
/*圈子列表CSS开始*/
#onecad-circles.shop-box-title .modules-title-box h2 {
    font-size: 26px;
}
#onecad-circles.home-section-bottom .container {
    margin-bottom: 20px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    background-color: #fff;
    zoom: 1;
}
#onecad-circles.home-section-bottom .container .items {
    overflow: hidden
}

#onecad-circles.home-section-bottom .container .item {
    float: left;
    position: relative;
    margin-bottom: 20px;
    padding: 0 5px 0 60px;
}
#onecad-circles.home-section-bottom .container .item {
        /* margin: 15px 0px; */
        padding: 0 0px 0 70px;
    }
#onecad-circles.home-section-bottom .container .item {
        margin-right: 20px;
        margin-left: 20px;
}
#onecad-circles.home-section-bottom .container .item h2 {
    font-size: 15px;
    color: #0c253d;
    /* margin-bottom: 10px; */
    line-height: 1.2;
    height: 1.2em;
    overflow: hidden;
}
#onecad-circles.home-section-bottom .container .item h4 {
    font-size: 12px;
    font-weight: 400;
    color: #8f8f8f;
    line-height: 1.1;
    height: 1.1em;
    overflow: hidden
}

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

#onecad-circles.home-section-bottom .container .item .item-thumb {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 65px;
    width: 65px;
    height: 65px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 22px;
}
#onecad-circles.home-section-bottom .container .item .item-thumb img {
    display: flex;
    height: 100%;
    border-radius: 5px;
}
.item-btnsa{position: absolute;top: 50%;margin-top: -30px;/* margin-right: 0px; *//* width: 100px; */line-height: 2.25em;display: block;ackground-color: transparent;color: var(--b2color);border: 1px solid var(--b2color);/* width: 100%; */text-align: center;padding: 0px 7px;border-radius: 5px;font-size: 12px;line-height: inherit;}

#onecad-circles .circle-child-info {
    font-size: 12px;
    padding-left: 10px;
    overflow: hidden;
    width: 100%;
}
#onecad-circles .circle-child-admin {
    margin: 7px 0;
    align-items: center;
    display: flex;
    /* margin-top: 12px; */
    margin-bottom: 8px;
    line-height: 1;
}
#onecad-circles .circle-child-meta{
    margin: 7px 0;
}
.author-widget-content .w-a-info .w-a-name .w-a-lv{
    display: flex;
}

#onecad-circles .author-widget-content .w-a-info .w-a-name .w-a-lv .user-vip {
    margin-left: -10px;
}
/*所有圈子*/
#onecad-circles .all-circle-tags ul{
    display: flex;
    padding:15px;
    flex-flow: wrap;
}
#onecad-circles .all-circle-tags li{
    margin:5px
}
#onecad-circles .all-circle-tags li span{
    display: block;
    height:40px;
    min-width:80px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
#onecad-circles .all-circles-tag-name{
    display: flex;
    height:40px;
    line-height: 40px;
    font-size: 17px;
    margin-bottom:10px;
    margin-left:20px;
    justify-content: space-between;
}
#onecad-circles .all-circles-tag-name span{
    font-size: 13px;
    cursor: pointer;
}
#onecad-circles .all-circles-item{
    padding:24px;
    border-top:1px solid #f5f6f7;
}
#onecad-circles .all-circles-item-list{
    display: flex;
    flex-flow: wrap;
}
#onecad-circles .all-circles-item-list li{
    width:33.33333%;
    height:111px;
    position: relative;
    box-sizing: border-box;
}
#onecad-circles .all-circles-item-list li > div{
    background-color: #fff;
    box-shadow: 0 0px 0px 1px #eee;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    display: block;
    margin-right:10px;
    height:100px
}
#onecad-circles .all-circles-item-list li:hover > div{
    background-color: #f9f9f9;
}
#onecad-circles .all-circles-item > ul > li + li{
    margin-top:30px
}
#onecad-circles .all-circles h1{
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 17px;
}
#onecad-circles .circle-child-icon{
    width:40px;
    height:40px;
    position: absolute;
    left:16px;
    top:16px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.04);
}
#onecad-circles .circle-child-icon img{
    height:100%;
    width:100%
}
#onecad-circles .circle-child-info h2{
    font-size: 15px;
    color: initial;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right:8px
}
#onecad-circles .circle-child-admin{
    margin:8px 0;
    align-items: center;
    display: flex;
    line-height: 1;
}
#onecad-circles .single.single-circle .content-area{
    max-width:100%
}
#onecad-circles .circle-child-admin span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 68px;
    display: inline-block;
}
#onecad-circles .circle-child-admin img{
    width:15px;
    height:15px;
    margin-right:3px;
    border-radius: 100%;
}
#onecad-circles .all-circles-item-list li > div > div{
    display: flex;
    padding:16px;
    position: relative;
}
#onecad-circles .all-circles-item ul li{

}
#onecad-circles .circle-child-meta b{
    font-weight: normal;
}
#onecad-circles .circle-child-meta i{
    display: inline-block;
    margin:0 3px
}
#onecad-circles .circlefree{
    color:green;
    white-space: nowrap;
}
#onecad-circles .circlemoney{
    color:red;
    white-space: nowrap;
}
#onecad-circles .circlelv{
    color:#9d87d2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*圈子列表CSS结束*/
/*QQ登录*/
/*.login-box-content .login-social-button-bottom a {*/
/*    background: rgba(0, 132, 255, 0.05);*/
/*    padding: 0 6px;*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    border-radius: 50%;*/
/*    font-size: 15px;*/
/*}*/
/*.login-social-button.show {*/
/*    margin-top: 10px;*/
/*    height: 100px;*/
/*    transition: all .3s ease-in-out;*/
/*}*/
/*.login-social-button-bottom {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    padding: 5px 5px 5px 10px;*/
/*    border: 0px solid #F5F6F7;*/
/*    position: relative;*/
/*}*/
/*.login-social-button-bottom > div {*/
/*    display: flex;*/
/*    font-size: 12px;*/
/*    color: #AAAEB3;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    margin-left: 34%;*/
/*}*/
/*设计师列表CSS开始*/
/*用户中心-订单*/
.order-id {
    margin-bottom: 0px;
    color: #fff;
    line-height: 35px;
    background-color: #ff5874;
    padding: 0px 15px;
}
.order-title div {
    width: 100%;
    line-height: 30px;
}
/*商城详细页*/
.buy-resout-box {
    line-height: 30px;
}
/*圈子列表CSS结束*/
.designer-list-box {
    border-radius: 4px;
}
.designer-list-box {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}
.card-designer-list-attention:not(:last-child), .card-designer-list:not(:last-child), .card-team-list:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.card-designer-list, .card-designer-list-attention {
    width: 100%;
    padding: 30px;
    overflow: hidden;
    background: #fff;
}
.avatar-container-80 {
	position: relative;
	width: 80px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.avatar-container-30.inline-block.mr16 {
	margin-right: 16px
}

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

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

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

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

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

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

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

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

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

.avatar-container-30 .company-honor.mr16 {
	margin-right: -16px!important
}

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

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

.avatar-container-45 {
	position: relative
}

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

.avatar-radius>img {
	border-radius: 50%;
	display: block
}
.card-designer-list .avatar,.card-designer-list-attention .avatar,.card-team-list .avatar {
	float: left;
	margin-bottom: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-designer-list .author-info .info-num .fans span,.card-designer-list .author-info .info-num .work span,.card-designer-list-attention .author-info .info-num .fans span,.card-designer-list-attention .author-info .info-num .work span,.card-team-list .author-info .info-num .fans span,.card-team-list .author-info .info-num .work span {
	color: #666
}

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

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

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

.card-designer-list-attention:not(:last-child),.card-designer-list:not(:last-child),.card-team-list:not(:last-child) {
	border-bottom: 1px solid #eee
}
.card-media .more-leaveout img,.zcool-treetop img {
	width: 16px;
	height: 16px
}

.work-show ul {
	float: left
}

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

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

.work-show .seize-box {
	width: 26px;
	margin-left: 20px;
	margin-right: -10px;
	float: right
}
.zcool-treetop a {
    float: left;
    margin-right: 4px;
}
.card-designer-list .author-info .author-info-title .title-content, .card-designer-list-attention .author-info .author-info-title .title-content, .card-team-list .author-info .author-info-title .title-content {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
}
.work-show .work-show-more .view-more {
	width: 6px;
	height: 150px;
	padding: 0 10px;
	display: block;
	text-align: center;
	line-height: 180px;
	position: relative
}

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

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

.work-show .work-show-more .view-more:hover span {
	background: #ffd100
}
.card-designer-list .author-info .author-info-title, .card-designer-list-attention .author-info .author-info-title, .card-team-list .author-info .author-info-title {
    margin-bottom: 2px;
}
.zcool-treetop {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}
.card-designer-list .author-info .btn-area, .card-designer-list-attention .author-info .btn-area {
    margin-top: 15px;
}
.card-designer-list .author-info .btn-area .js-project-focus-btn, .card-designer-list-attention .author-info .btn-area .js-project-focus-btn {
    height: 36px;
}
.card-designer-list .author-info .btn-area .btn-current, .card-designer-list-attention .author-info .btn-area .btn-current {
    width: 100px;
    height: 36px;
    margin-right: 6px;
}
.card-designer-list .author-info .btn-area .btn-current, .card-designer-list-attention .author-info .btn-area .btn-current {
    width: 100px;
    height: 36px;
    margin-right: 6px;
}
.btn-default-main {
    color: #444;
    background: #ffe300;
    border: 1px solid #ffe300;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
/*设计师列表CSS结束*/
/*style-6*/
.shop-template-default .swiper-button-next:after {
    content: 'next';
}
.shop-template-default .swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.shop-template-default .swiper-button-prev:after{
    content: 'prev';
}
#onecad-single-content .extract-hh {
    flex-flow: wrap;
    display: grid !important;
    list-style: none;
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 24px), 1fr));
    grid-gap: 24px;
    width: 100%;

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

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

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

.related-posts .related-posts-title {
    font-size: 18px;
    padding: 12px;
}
#onecad-single-content .mySwiper {
    max-width: 100% !important;
    padding-top: 6px;padding-left: 2px;
    padding-right: 2px;
}
#onecad-single-content .swiper {
	width: 100%;
	height: 100%;
}

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

#onecad-single-content .mySwiper2 {
	height: 80%;
	width: 100%;
}
#onecad-single-content .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
#onecad-single-content .mySwiper .swiper-slide {
    opacity: 1;
    height: 80px;
    border-radius: 0px;
    border: 2px solid #EEE;
}
#onecad-single-content .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid var(--b2color)
}
#onecad-single-content .mySwiper .swiper-slide {
	width: calc(12.5% - 9px)!important;
	height: 70px;
	opacity: 0.4;
	overflow: hidden;
}

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

#onecad-single-content .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#onecad-single-content .swiper-main{padding:0 24px}
#onecad-single-content .swiper-slide img {
    max-width: 100%
}

#onecad-single-content .b2-widget-download {
    padding: 30px 20px;
}
.section-title h2>strong {
    font-weight: 500;
}

.post-tags-meat-onecad .sub-nav {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875rem;
    overflow-x: auto;
    max-width: 100%;
    vertical-align: top;
    line-height: 28px;
}
.post-tags-meat-onecad .sub-nav a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #8f8f8f;
    vertical-align: top;
}
.post-tags-meat-onecad .sub-nav span {
    height: 25px;
    display: inline-block;
    line-height: 25px;
    padding: 0 5px 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
.post-tags-meat-onecad .tag-img i {
    padding: 3px;
    border-radius: 100%;
    background-color: #fff;
    margin-right: 5px;
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgb(255 255 255);
    background: var(--b2color);
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar {
    background-color: rgb(255 255 255);
    width: 3px;
    height: 3px;
}
.post-tags-meat-onecad .sub-nav::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #ffffff;
}

.hh_single_tagsa {
    margin: 0;
    top: 0;
    width: auto;
    overflow: hidden;
}
.post-tags-meat-onecad {
    display: flex;
    flex-flow: nowrap;
    margin-top: 15px;
    position: relative;
}
.hh_single_tagsa li {
    margin-top: 0px;
    margin-right: 10px;
    font-size: 12px;
    display: flex;
    float: left;
    background-color: #F5F6F7;
    color: #AAAEB3;
    align-items: center;
    transition: all .5s;
    line-height: 1;
    border: none;
    padding: 0px 5px;
    
}
.hh_single_tagsa .tag-img {
    padding: 3px;
    border-radius: 100%;
    background-color: #fff;
    margin-right: 5px;
}
.post-tags-meata .tag-img i {
    color: #e62828;
}
.post-tags-meat-onecad .tag-img i{
    color:var(--b2color);
}
.hh_single_tagsa a {
    padding: 0px 8px;
    margin-top: 0;
    line-height: 30px;
    color: #4E5969;
    border: none;
}
.w-d-meta p {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 28px;
}

.w-d-meta p:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(../img/li-dian.svg);
    position: relative;
    margin-right: 8px;
    opacity: 0.65;
}
.single .entry-header .post-list-cat a {
    background-color: var(--b2lightcolor);
    color:var(--b2color) !important;
}
.ji-downBox .hot_num_pos {
    position: absolute;
     top: 0px; 
    right: 0;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: right;
    font-size: 28px;
}
.hot_num_pos {
      position: absolute;
    top: 15px;
    right: 15px;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: right;
    font-size: 28px;
}
.post-style-6 .hot_num_pos i {
    font-size: 32px
}

.comment-content-text p {
    color: #4E5969
}
.post-style-6 .related-posts {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    margin-top: 40px
}

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

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

.widget-post:hover .b2-widget-post-title h2 {
    text-decoration: auto;
}
.post-style-6 .related-posts .related-posts-item {
    width: 100%
}

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

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

.related-posts .related-post-thumb {
    border-radius: 0.42857143em;
}
.post-thumb {
    background-color: unset!important;
}
.post-style-6 .com-info {
    left: 60px;
}

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

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

.post-style-6 .post-list-cat {
    margin-right: 0px;
    display: flex;
    float: left;
    justify-content: space-between;
    flex-flow:unset;
}
.single .post-list-cat a:first-child {
    display: unset;
}
.single .post-list-cat a{
    display: block!important;
}
.ava-left {
    margin-right: 24px;
    height: 100px;
    float:left;

}
.post-tags-meata a:hover {
    color: var(--b2color);
}
.ava-left img {
    padding: 5px;
    position: relative;
    height:100%;
}
.hh-title h1 {
    font-size: 22px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: auto;
    height: 36px;
}
.post-style-6 .onecad_title {
    font-size: 22px;
    font-weight: 600;
    text-overflow: ellipsis;
    height: 36px;
    display: flex;
    line-height: 36px;
}
.ava-ava{
    display: flex;
    margin-bottom: 10px;
}
.hh-title{
  width: 100% !important;
    padding-right: 0 !important;
}
.ava-left .link-block {
    display: block;
    width: 72px;
    height: 72px;
}

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

.single-article-6 .single-button-download a {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    background: #165DFF;
    color: #f9f9f9;
    font-size: 14px;
}

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

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

.post-6-jiehsao .info6fwq li {
    width: 100%;
    padding: 8px;
    height: 35px;
    font-size: 0.8125rem;
}
.post-style-6.post-list-cat a{
    display: block!important;
}
.single .entry-header .post-list-cat a {
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    font-weight: 500;
    border-radius: 4px;
}
.post-6-jiehsao .info6fwq li i {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 5px 0;
}

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

.post-6-jiehsao .info6fwq li b {
    font-size: 0.8125rem;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    height: 30px;
    width: 290px;
}
.post-6-jiehsao .info6fwq li b a:hover{color:#165DFF}
.post-6-jiehsao {
    padding: 12px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.widget .recommended-widget li a:before{
    content: "\eba3";
    font-family: 'b2font';
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    right: 30px;
    line-height: 20px;
    transition: .3s;
    
}
.widget .recommended-widget li:hover a{color:var(--b2color)}
.widget .recommended-widget li:hover a:before{color:var(--b2color);right:24px;transition: .3s;}
.post-6-jiehsao .info6fwq li i {
    color: var(--b2color);margin-right:8px;
}

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

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

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

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

.w-d-meta {
    font-size: 0.75rem
}
.sucai-jianjie li {
    display: flex;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 0
}

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

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

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

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

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

/*分类TOP展示CSS2*/
.rank-banner {
    overflow: hidden;
    margin-bottom: -140px;
}
.filter-name {
    color: #b2bac2;
    width: auto;
    text-align: left;
}
.rank-banner .wrap {
    position: relative;
    height: 300px;
}
.tax-fliter-hot {
    position: absolute;
    left: 0px;
    top: 60px;
    background-color: #fff;
    z-index: 6;
    padding: 5px;
    box-shadow: 0px 12px 23px 0px rgba(51,51,51,.2);
}
.rank-banner .wrap .bg-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    max-width: none;
}
.tax-header .tax-info {
    margin: -20px 0px 20px -20px;
    padding: 10px 0px 10px 20px;
}
/*分类TOP展示CSS1*/
.term-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 25px;
    box-sizing: border-box;
}
.one_fl_lb{
    font-size: 12px;
    margin: 0px;
    color: #eceef5;
    line-height: 24px;
}
.one_fl_lb:nth-last-child(1){
  display: none;
}
.term-bar p {
    color: #fff;
}
.filter-items a {
    margin-left: 5px;
}
.term-bar .term-bg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
}

.term-bar.lazyloaded:before {
    opacity: .5;
}
.term-bar .term-title {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    margin: 0;
    position: relative;
}
.filter-name {
    color: #333;
}
.tax-search input {
    background: #f8f9fa;
}
.onecad-fenlei .tax-search {
    width: 100%;
}
/*角标CSS*/
.post-1 .tipss,.meta-post-type,.post-2 .tipss{
    font-size: 13px;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 0px 8px;
    
}
.post-1 .tipss:last-child,.post-2 .tipss:last-child,.post-7 .tipss:last-child,.post-4 .tipss:last-child   {
    border-top-right-radius: var(--ji--radius);
}
.tipss{
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.post-1 .tipss:first-child,.post-2 .tipss:first-child,.post-7 .tipss:first-child,.post-4 .tipss:first-child{
    border-bottom-left-radius: var(--ji--radius);
}
.tipss i{
    margin-right: 5px;
    font-size: 13px;
    margin-top: 1px;
}
.yellow {
    background-color: var(--b2color);
}
/*首页动态大图开始*/
.search_360{
    color:#fff;
    background-color:#28bc5b;
}
.search_baidu{
    color:#fff;
    background-color:#4E6EF2;
}
.search_bing{
    color:#fff;
    background-color:#ffc20e;
}
.search_toutiao{
    color:#fff;
    background-color:#f04142;
}
.search_zhihu{
    color:#fff;
    background-color:#06f;
}
.home-banner {
	position:relative;
	/* z-index:1; */
	background-position:0 100%;
	animation:gradient 12s ease-in-out infinite;
}
.home-banner .section {
	position:relative;
	width:100%;
	overflow:hidden;
	/*max-height: 600px;*/
	/*height: calc(100vh - 220px);*/
}
.home-banner .section .video-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:0
}
.home-banner .section .video-wrapper video {
	visibility:visible;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:100%;
	object-fit:cover
}
.home-banner .section .video-overlay {
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	background:rgba(45,47,54,.15)
}
.home-banner .corner {
    width: 28px;
    height: 21px;
    position: absolute;
    border-radius: 4px;
    margin: 0px;
    /* left: 340px; */
    /* top: 10px; */
}
.home-banner .home-menus {
	margin-left:70px
}
.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
	color:#fff;
	font-size:14px;
	margin-right:20px;
	line-height:60px
}
.home-banner .home-menus .cus-dropbox-trigger a:hover,.home-banner .home-menus>a:hover {
	color:var(--b2color);
}
.home-banner>.layout-center {
	height:100%
}
.home-banner-content {
    /*margin-top: calc(100vh/2 - 600px);*/
    /* margin-left: 182px; */
    /* margin-bottom: 30px; */
}
.home-banner-content .slogan-text p {
	font-size:18px;
	line-height:24px;
	letter-spacing:2px;
	font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,.25);
}
.home-banner-content .slogan-text p:nth-of-type(1) {
	font-weight:600;
	font-size:30px;
	line-height:46px;
	letter-spacing:6px;
	text-shadow:0 2px 4px rgba(0,0,0,.25);
	margin-bottom:40px
}
.home-banner-search {
	width: 50%;
	height: auto;
    margin: auto;
    max-width: 900px;
}
.home-banner-search input, textarea {
    border-radius: 0px;
}
.home-banner-search .tag {
    position: absolute;
    /* right: 100px; */
    /* top: 0; */
    z-index: -2;
    justify-content: center;
    padding: 25px 10px;
    width: 100%;
    display: flex;
    font-size: 15px;
    line-height: 35px;
}
.home-banner-search .tag a:hover {
    background: var(--b2color);
    color: #fff;
}
.home-banner-search .tag a {
    display: inline;
    padding: 0px 8px;
    border-radius: 10px;
    margin: 5px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    
}
/*.home-banner-search form {*/
/*	margin-bottom:10px;*/

/*}*/
.home-banner-search form>input {
	width:100%;
	height: 50px;
	background:#fff;
	border:none;
	padding:18px 22px;
	font-size:14px;
	color:#333;
	border-radius: 55px;
}
.home-banner-search form>input::placeholder {
	color:#979797
}
.home-banner-search .hot-top {
	position:absolute;
	top:13px;
	right:115px;
	color: #000;
	font-size:13px
}
.home-banner-search .hot-top i {
	margin-right:4px
}
.home-banner-search .hot-words-container,.home-banner-search .rec-words-container {
	width:100%;
	top:56px
}
.home-banner-links {
    width: 80%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-shadow: 0 2px 4px rgba(0,0,0,.27);
}
.home-banner-links a {
	margin-right:19px;
	color:inherit
}
.home-banner-links a:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles {
	width:100px;
	height:290px;
	background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(255 96 0 / 17%) 51.04%,rgba(0,0,0,0) 100%);
	right: 115px;
	top: -125px;
	text-align:center;
	z-index:-1;
	margin: 0px;
}
.home-banner .search-types-cycles .search-types-btn {
	width:100%;
	height:20px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	left:0;
	bottom:-20px;
	z-index:1
}
.home-banner .search-types-cycles .search-types-btn i {
	color:#fff;
	font-size:12px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
	bottom:auto;
	top:-20px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
	transform:rotate(180deg)
}
.home-banner .search-types-cycles .search-types-btn:hover i {
	color:var(--b2color);
}
.home-banner .search-types-cycles ul {
	width:100%;
	height:100%;
	padding-top:5px
}
.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
	content:'';
	width:1px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(0,transparent 0,var(--b2color) 50%,transparent 100%)
}
.home-banner .search-types-cycles ul:after {
	left:auto;
	right:0
}
.home-banner .search-types-cycles ul li {
	height: 40px !important;
	line-height: 40px !important;
	font-size:16px;
	text-align:center;
	cursor:pointer;
	user-select:none;
}
.home-banner .search-types-cycles ul li:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles ul li:nth-of-type(4) {
	height:60px!important;
	line-height:60px!important;
}
.home-banner .search-types-cycles ul li a {
	color:rgba(255,255,255,.6);
	transition:none
}
.home-banner .search-types-cycles ul li a:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles button:hover {
	background:#46dacf !important;
	opacity:1;
	transition:opacity .2s
}
.home-banner .search-types-cycles button i {
	font-size:18px;
	color:#fff;
	margin-right:6px
}
.home-banner .search-types-cycles button span {
	font-size:16px;
	color:#fff
}

.top-navs {
	width:100%;
	/* height:70px; */
	bottom: 0px;
	padding-top: 16px;
	left:0;
	/* padding:12px 0; */
	/* z-index:1; */
	backdrop-filter: blur(10px);
}
.top-navs .top-navs-l {
	width: calc(100% - 180px);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	border-right:1px solid rgb(255 255 255 / 10%)
}
.top-navs .top-navs-l-item {
	width:20%;
	margin:0 18px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.top-navs .top-navs-l-item .top-navs-l-title a {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-title .wz {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-title a i {
	font-size:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a img {
	float:left;
	width:34px;
	height:34px;
	margin-right:8px;
	vertical-align:-4px;
	margin-top: -5px;
}
.top-navs .top-navs-l-item .top-navs-l-title a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-l-item .top-navs-l-links {
	font-size:14px;
	line-height:20px;
	display:flex;
	justify-content:space-around;
	margin:0 -10px
}
.top-navs .top-navs-l-item .top-navs-l-links a {
	color:#fff;
	margin:0 10px;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-links a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-m {
	width:176px;
	height:61px;
	border-right:1px solid rgba(255,255,255,.25);
	padding:0 24px;
	display:none;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center
}
.top-navs .top-navs-m a,.top-navs .top-navs-m p,.top-navs .top-navs-m>div {
	width:50%;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-m a:hover,.top-navs .top-navs-m p:hover,.top-navs .top-navs-m>div:hover {
	color:var(--b2color);
}
.top-navs .top-navs-m div p,.top-navs .top-navs-m>a {
	margin-bottom: 25px;
}
.top-navs .top-navs-m div p {
	width:100%;
	margin-bottom:0;
	margin-top:-20px
}
.top-navs .top-navs-m .top-navs-m-box {
	top:-16px;
	left:-72px;
	width:157px;
	height:66px;
	background:#444;
	border-radius:8px;
	padding:8px 14px 0;
	display:none;
	margin-top:-70px
}
.top-navs .top-navs-m .top-navs-m-box a {
	margin-bottom:9px
}
.top-navs .top-navs-m .top-navs-m-box a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-r {
	width:176px
}
.top-navs .top-navs-r a {
	width:50%;
	padding-left:30px;
	text-align:center;
}
.top-navs .top-navs-r a i {
	font-size:36px;
	margin-bottom:10px
}
.top-navs .top-navs-r img {
	height: 40px;
	width: 40px;
	margin-top: -3px;
}
.top-navs .top-navs-r a p {
	font-size:14px;
	line-height:40px;
	color:#fff;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-r a p:hover {
	color:var(--b2color);
}
.por {
	position:relative
}
.poa {
	position:absolute;
	margin: 0 auto;
    width: 100%;
}
.pof {
	position:fixed
}
.Onecad_clearfix:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0
}
.fl {
	float:left
}
.ovh {
	overflow:hidden
}
.block {
	display:block
}

.icon-rank {
	width:auto;
	display:inline-block;
	border:none;
	overflow:hidden;
	vertical-align:-3px
}
img.icon-rank {
	width:20px;
	height:20px;
	margin-right:0px
}
a.hot-top.text-notify:hover {
	color:var(--b2color);
}

p.top-navs-l-title {
	margin-bottom:8px
}
.top-navs-l-title i{
   	width:1em;
	height:1em;
	float: left;
}
.left-cont{
	border: 5px solid rgb(255 255 255 / 18%);
	border-radius: 55px;
}
.home-banner-search>form>button {
	box-sizing:border-box;
	min-width:100px;
	transform:translateY(0px);
	font-size:15px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;
	right:1px;
	top:0;
	z-index:1;
	border:1px solid #23d1c3;
	padding:0 15px;
	width:147px;
	height:56px;
	background:linear-gradient(90deg,#35eee3 0,#21cec0 100%);
	border-radius:0 8px 8px px 0;
	right:0;
	text-align:center;
	padding-left:25px;
	margin-right:-7px;
	border-bottom-left-radius:1px;
	border-top-left-radius:1px
}
.home-banner-search .search.hidden {
	display:none
}
.primary-menus .left-cont button {
	height: 40px;
	box-sizing:border-box;
	min-width: 100px;
	/* margin-left: 0px; */
	cursor:pointer;
	color:#fff;
	font-size:15px;
	/* border-radius: 55px; */
	/*border-bottom-left-radius: 55px;*/
	/*border-top-left-radius: 55px;*/
	line-height:40px;
	margin-right: 5px;
	position:absolute;
	right: 110px;
	top: 10px;
	/* border-radius:1px; */
	padding:0 15px;
	transform:translateY(0px);
}
.primary-menus .left-cont .jitheme_fbu a {
	height: 40px;
	box-sizing:border-box;
	min-width: 100px;
	/* margin-left: 0px; */
	cursor:pointer;
	color:#fff;
	font-size:15px;
	border-radius: 55px;
	line-height:40px;
	position:absolute;
	right: 10px;
	top: 10px;
	/* border-radius:1px; */
	padding:0 15px;
	transform:translateY(0px);
	background:#ffc20e;
	border:1px solid #ffc20e;
	text-align: center;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.slogan-text.por.fl {
    /* margin-left: 200px; */
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
@media screen and (max-width:768px) {
	#page-wrapper {
	display:none
}

}
/*首页动态大图结束*/
/*文章内页侧栏显示时间开始*/
.Onecad_single_time {
	/* padding-right: 30px; */
	margin-bottom: 30px;
	text-align: center;
	display: flex;
	font-size: 12px;
	color: #6c6e72;
}

.Onecad_single_time .left-stick-wp {
	position: relative
}
.Onecad_single_time a {
	color: gray
}

.Onecad_single_time .year {
	font-size: 20px
}

.Onecad_single_time .md,.Onecad_single_time .year {
	color: #6c6e72;
}

.Onecad_single_time .md {
	font-size: 25px;
	line-height: 45px;
}

.Onecad_single_time .time {
	font-size: 20px;
	color: #6c6e72;
	margin-bottom: 25px;
}

.Onecad_single_time .through {
	position: relative
}

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

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

.Onecad_single_time .share-title {
	margin-top: 100px;
	margin-bottom: 18px
}

.Onecad_single_time .comment-count-title {
	margin: 54px auto 15px
}
.Onecad_single_time .comment-count .text {
	display: inline-block;
	font-size: 28px;
	line-height: 1;
	top: -15px;
	position: absolute;
	color: #ff2f2f;
	text-align: center;
	right: -10px;
	width: 52px
}

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

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

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

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

.left-stick-wp {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.post-content-footer .content-footer-poster button {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px auto;
    padding: 0;
    line-height: 48px;
    text-align: center;
    display: block;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgb(13 39 91 / 6%);
    background: #fff;
    color: inherit;
}
/*圈子美化20220609 onecad.cn*/
.Onecad_circles_top{
  margin-bottom: 16px;
}
.Onecad_circles_ct{
  margin: 16px 0px;
}
.widget-area-left.widget-area {
    /* 父主题错位修复 */
    margin-left: 0;
}
.topic-loading-more-button {
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: #AAAEB3;
    background-color: #fff;
    margin-top: 10px;
}
.b2-widget-hot-circle .b2-widget-title button.picked:before {
    border-color: transparent transparent #ffffff!important;
}
/*首页手机导航美化20220609 onecad.cn  感谢tukuv.com分享*/
@media screen and (max-width:768px) {
.newOneCAD_link {
	margin:0 auto;
	display: block;
}
.OneCAD_link {
	padding:10px;
	margin: 10px 0px 10px 0px;
}
.OneCAD_link dl dd {
	display:inline-block;
	width:20%;
	margin-bottom:6px;
	margin-top:6px;
	float: left;
}
.OneCAD_link dl dd a {
	display:block;
}
.OneCAD_link dl dd.xu_link_1 i {
	background:url(https://www.tukuv.com/wp-content/uploads/2022/03/1646971125-anli-02.svg) center no-repeat;
	background-size:45px;
}
.OneCAD_link dl dd a i {
	display:block;
	width:45px;
	height:45px;
	margin:0 auto 5px;
}
.OneCAD_link dl dd a p {
	height:20px;
	line-height:25px;
	font-size:13px;
	text-align:center;
	overflow:hidden;
}
dl {
	display:block;
	overflow:hidden;
	justify-content:center;
}
}
.justify a img{
        float: left;
}
@media screen and (min-width:768px) {
.newOneCAD_link ,#model_hdp_onecad{
    display: none;
}
}
/*
/* 1989 */
.erweima {
	font-size: 40px;
	color: #fff;
	opacity: .3;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

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

/* 2022 */
.home .site-content {
	padding-bottom: 0
}
/* 6802 */
.footer {
	font-size: 13px
}

.footer a {
	/*font-size: 13px*/
}
/* ------------------------------------------ */

@media(min-width:768px) {
	.Onecad_fl {
		float: left
	}
}

a,a:active,a:visited {
	text-decoration: none;
	transition: all .2s
}
@media(max-width:1329px) {
	.hide_md {
		display: none !important
	}
}

.btn {
	display: block;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	line-height: 2.4;
	outline: 0;
	border: 0
}
.btn-orange-light {
	background-color: #fe5b34;
	border-radius: 3px
}

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

.btn-group>.btn {
	border-radius: 0
}

.btn-group>.btn:first-child {
	border-radius: 3px 0 0 3px
}

.btn-group>.btn:last-child {
	border-radius: 0 3px 3px 0
}
.footer-fav {
	position: relative;
	/* z-index: 20; */
	/* background: #f7fafc; */
	background: #edf3f9;
	width: 100%;
	overflow: hidden
}

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

.footer-fav .wrapper {
	padding-top: 36px;
	padding-bottom: 36px;
	overflow: visible
}

.footer-fav .site-info {
	width: 60%
}

@media(min-width:768px) {
	.footer-fav .site-info {
		width: auto
	}
}

.footer-fav .site-info h2 {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
	text-transform: uppercase
}

@media(min-width:768px) {
	.footer-fav .site-info h2 {
		font-size: 26px
	}
}

.footer-fav .site-info h2 a {
	color: #000
}

.footer-fav .site-info .site-p {
	margin-bottom: 10px
}

.footer-fav .site-info .site-p p:first-child::after {
	content: ','
}

@media(min-width:768px) {
	.footer-fav .site-info .site-p {
		margin-bottom: 0
	}

	.footer-fav .site-info .site-p p:first-child::after {
		content: ''
	}
}

.footer-fav .site-info p {
	font-size: 12px;
	color: #797979;
	line-height: 1.8;
	margin-bottom: 10px;
	display: inline
}

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

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

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

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

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

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

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

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

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

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

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

.footer-fav .site-girl h4 {
	font-size: 14px;
	font-weight: normal;
	color: #797979;
	line-height: 1.8
}

.footer-fav .site-girl a {
	color: #797979
}

.footer-fav .site-girl a:hover {
	color: #ff5c00
}

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

	.footer-fav:hover .site-girl .girl::after {
		visibility: visible;
		opacity: 1;
		transition: all .2s
	}
}

@media(max-width:767px) {
	.home .footer-fav {
		display: none
	}
}

@media(max-width:767px) {
	.footer-fav .btn-group>.btn:last-child {
		border-radius: 3px
	}
}
.clearfix:before,.clearfix:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

@media(min-width:768px) {
	.Onecad_fl {
		float: left
	}
}
.thumb {
	display: block;
	width: 100%;
	height: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s;
}
#Onecad_footer_ys2 .widget ul li {
    font-size: 13px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    /* margin: 16px; */
    margin-left: 16px;
    border-radius: 5px;
    background-color: #222228;
}
.Onecad_footer_ico{
    margin-bottom: 10px;
}
.Onecad_footer_ico i {
    height: 30px;
    width: 30px;
    margin: auto;
}
.Onecad_hide {
	visibility: hidden;
	opacity: 0;
	transition: all .2s
}
@media(max-width:1023px) {
	.hide_sm {
		display: none !important
	}
}.footer-navi {
	position: relative;
	background: #2a2a32;
	color: #949498;
	line-height: 1.9286;
	padding: 15px 0;
	/* z-index: 20; */
	display: none;
	background: url(./Center/Assets/images/bj.jpg) no-repeat;
	background-size: cover
}
@media(max-width:768px) {
.footer-navi {
  padding: 0px 5px;
}
.foot-copyright{
   padding: 0px 10px 60px 10px;
}
}
@media(min-width:768px) {
	.footer-navi {
		display: block
	}
}

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

@media(min-width:1310px) {
	.footer-navi {
		overflow: visible
	}
}

.footer-navi .wrapper {
	overflow: visible;
	display: flex;
}

.footer-navi a {
	font-size: 14px
}
.footer-navi a:hover {
	color: #fff
}

.footer-navi .title {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	line-height: 1.38889;
	margin-bottom: 14px
}

.footer-navi .widget {
	box-sizing: border-box;
	position: relative
}
.footer-navi .about {
	margin: 15px 0 30px
}

@media(min-width:1024px) {
	.footer-navi .about {
		width: 32.1538%;
		padding-right: 15px;
		margin: 0;
		font-size: 13px
	}
}

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

@media(min-width:768px) {
	.footer-navi .wrapper-bq {
		padding-top: 32px
	}
}

.footer-navi .navis {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	justify-content: space-around;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px
}

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

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

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

@media(min-width:1310px) {
	.footer-navi .navis {
		width: 50%;
        border-left: 1px solid #222229;
        border-right: 1px solid #222229;
	}

	.footer-navi .navis .navi {
		text-align: left;
		padding-left: 60px
	}
}

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

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

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

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

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

.footer-navi .ewms .like strong {
	color: #fe3d7d;
	font-size: 54px;
	line-height: 1.24;
	font-weight: 400;
	font-family: Impact;
	background-image: linear-gradient(to right,#13adff 0,#3385ff 50%,#3385ff 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 2s infinite linear
}

.footer-navi .ewms .like h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.1;
}
.footer_clearfix {
    display: block;
    clear: both;
    float: none;
    display: flex;
}
.footer-navi .ewms ul {
	text-align: center;
	margin-bottom: 35px
}

.footer-navi .ewms li {
    float: left;
    width: calc(33.333% - 16px);
    box-sizing: border-box;
    display: inline;
    position: relative;
    line-height: 1.3;
    margin-top: 0;
}

.footer-navi .ewms li:hover .ewm-content {
	visibility: visible;
	bottom: 100%;
	opacity: 1
}

.footer-navi .ewms .ico {
	font-size: 46px;
	cursor: pointer;
	transition: all .2s
}

.footer-navi .ewms .ico:hover {
	color: #fff
}

.footer-navi .ewms .ico i {
	display: block
}

.footer-navi .ewms h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}

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

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

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

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

	.footer-navi .ewms .ewm-content.ewm-douyin {
		transform: translate(70px,0)
	}

	.footer-navi .ewms .ewm-content.ewm-douyin::before {
		right: 100px
	}
}

.footer-navi .ewms .ewm-content.ewm-douyin {
	width: 400px
}

.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div {
	width: 160px
}

.footer-navi .ewms .ewm-main {
	padding: 20px;
	text-align: left;
    display: inline-block;
}

.footer-navi .ewms .ewm-main .Onecad_fl {
	float: left
}

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

.footer-navi .ewms .ewm-main .thumb-div {
	width: 120px;
	margin-right: 30px
}

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

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

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

.footer-navi .ewms .ewm-main a {
	color: #ff3401
}

.footer-navi .ewms .ewm-main a:hover {
	color: #ff5c00
}

.footer-navi .ewms .ewm-main h5 {
	font-weight: normal;
	font-size: 12px;
	color: #888;
	line-height: 20px;
}

.footer-navi .ewms .ewm-douyin .ewm-main {
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div {
	margin: 0 auto
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1,.footer-navi .ewms .ewm-douyin .ewm-douyin-2 {
	width: 50%
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1 {
	position: relative
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 10%;
	width: 1px;
	height: 80%;
	background: #f3f3f3
}

@media(min-width:768px) {
	.footer-navi .bands {
		display: flex;
		width: 100%
	}
}
.footer-navi .bands ul {
    margin: 0 -8px 0 -7px;
    display: flex;
    flex: 1;
    align-content: space-between;
}

.footer-navi .bands ul li {
	padding: 0 8px 15px 7px;
	width: 50%;
	box-sizing: border-box
}
@media(min-width:768px) {
	.footer-navi .bands ul li {
		width: 16.6667%
	}
}
.footer-navi .bands .band {
	background-color: #42424d;
	padding-top: 52px;
	border-radius: 3px;
	transition: all .2s
}

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

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

.footer-navi .bands .band:hover::after {
	background: transparent
}
.footer-navi .qqgroup {
	width: 100%
}

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

.footer-navi .qqgroup a {
	display: block;
	width: 220px;
	height: 52px;
	line-height: 52px;
	background: #222228;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto
}
@media(max-width:1023px) {
	.hide_sm {
		display: none !important
	}
}
.footer .footer-colors {
	width: 100%;
	height: 4px;
	background-color: #333;
	background-position: 0 0;
	background-repeat: repeat;
	background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	animation: animate-colors 200s infinite linear;
	animation-play-state: paused
}
.footer .colors-shadow::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,rgba(18,18,18,0.8),#121212)
}

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

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

.footer .friendlinks ul {
	display: inline
}

.footer .friendlinks li {
	display: inline;
	margin: 0 .5em
}

.footer .friendlinks a {
	color: #4f4f4f
}

.footer .friendlinks a:hover {
	color: #acacac
}

.footer .copyright {
	color: #7f7f7f;
	line-height: 1.5;
	font-size: 12px;
	text-align: center
}

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

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

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

.footer .copyright p {
	padding: .5em 0;
	border-radius: 4px
}

@media(min-width:768px) {
	.footer .copyright p {
		background: #000;
		display: inline-block;
		padding: .5em 1.5em
	}
}

.footer .copyright a {
	color: #7f7f7f
}

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

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

/* 头部VIP弹窗 */
.Onecad_benefitTag_benefits-wrapper {
	position:relative;
	margin-right: 5px;
	/* width:48px; */
	display:flex;
	justify-content:center;
	height:53px;
}
.benefitTag__benefits-icon___3aeab {
	display:inline-block;
	width:32px;
	height:32px;
}
.benefitTag__benefits-text___5d19f {
	font-size:12px;
	color:#4d3626;
	font-weight:600;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	white-space:nowrap;
}
.benefitTag__popover___fbaea {
	min-width:0;
	max-width:200px;
	z-index:9;
}

.Onecad_memberWrapper {
    position: relative;
    padding: 5px 20px 20px;
    /* background-image: linear-gradient(135deg,#f2d6c2,#f2c8aa); */
    cursor: pointer;
    display: flex;
    flex-direction: column;
    background-color: #ffffff87;
    backdrop-filter: blur(10px);
    align-items: center;
    border-radius:10px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
    
}
.Onecad_memberWrapper .Onecad_memberCard_member-header {
	position:relative;
	padding-top:12px;
	font-weight:700;
	white-space:nowrap;
	text-align:center;
	margin-bottom:16px;
	width: 300px;
	box-sizing:border-box;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
	font-size:16px;
	line-height:22px;
	color:#663f32;
	letter-spacing:0;
	font-weight:600;
	margin-bottom:4px;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
	font-size:12px;
	color:#663f32;
	letter-spacing:0;
	line-height:17px;
	font-weight:400;
}
.Onecad_memberWrapper.Onecad_memberCard_none .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
	height:25px;
	width:180px;
	margin-left:auto;
	margin-right:auto;
}
.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header,.Onecad_memberWrapper.memberCard__will-expired___3128d .Onecad_memberCard_member-header {
	background:hsla(0,0%,100%,.8);
	padding:16px 0;
	border-radius:8px;
}
.Onecad_memberWrapper.memberCard__expired___9de29 {
	background:#dadde0;
}
.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
	color:#ff2b00;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits {
	position:relative;
	width: 100%;
	box-sizing:border-box;
	/* padding:12px 16px; */
	background:hsla(0,0%,100%,.8);
	border-radius:8px;
	margin-bottom:16px;
	white-space:nowrap;
	overflow:hidden;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits li {
	/* display:inline-block; */
	float: left;
	width: 25%;
	margin: 10px 0;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
	position:absolute;
	top:50%;
	width:12px;
	height:28px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background-color:rgba(230,163,115,.2);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .25s;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 .memberCard__icon-font___9846a,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 .memberCard__icon-font___9846a {
	color:#4d3626;
	font-size:12px;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917:hover,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46:hover {
	background-color:rgba(230,163,115,.16);
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 {
	left:0;
	border-radius:0 4px 4px 0;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
	right:0;
	border-radius:4px 0 0 4px;
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1 {
	position:relative;
	width:152px;
	height:32px;
	background-image:linear-gradient(134deg,#4d5580,#3d4466);
	font-size:14px;
	color:#fff3eb;
	font-weight:600;
	display:flex;
	align-items:center;
	border-radius: 5px;
	justify-content:center;
	cursor:pointer;
}
.Onecad_memberWrapper>button{
    border: 0!important;
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1:hover {
	background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1:active {
	background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1 .memberCard__tips___3220a {
    top: -10px;
    right: -15px;
    position: absolute;
    background-image: linear-gradient(90deg,#ff9580,#f36);
    border-radius: 6px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 100;
    padding: 2px 8px;
    font-size: 12px;
}
.Onecad_memberCard_benefitsLiWrapper {
	position:relative;
	left:0;
	transition:left .3s linear;
}
.Onecad_header_vip_topi {
    padding: 0px 3px;
    right: 5px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    position: absolute;
    /* top: 5px; */
    box-sizing: border-box;
    border-radius: 4px 4px 4px 0;
    font-size: 10px;
    white-space: nowrap;
    -webkit-transform: scale(.9);
}
.Onecad_header_vip {
	padding: 0px 20px;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 20px;
	background:url(./Center/Assets/images/vipiconhover.svg) no-repeat 50%/25px;
}
.Onecad_header_vip>i {
    position: absolute;
    top: -20px;
}
.Onecad_header_vip:hover .Onecad_member_tip[data-status=true] {
	display:block;
}
.Onecad_member_tip {
position: absolute;
    padding-top: 70px;
    margin-top: -23px;
    right: -14px;
    display: none;
    z-index: 8000;
}
.Onecad_header_vip  i {
    font-style: normal;
    font-weight: 400!important;
    font-size: unset!important;
}
/*首页VIP模块CSS*/
.one-home-homevip{
    padding: 20px 0;
    background-repeat: no-repeat;
        background-position: center;
}
.home-homevip-boxmk img{
    height: 52px;
    display: block;
    margin: 0 auto 10px auto;
}
.home-homevip-boxmktitle{
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.home-homevip-boxmktitle .price{
    font-size: 16px;
    color: var(--key-color);
    margin-bottom: 15px;
}
.home-homevip-boxmktitle .price strong{
    font-size: 43px;
    margin: 0 5px;
    font-weight: bolder!important;
}
.home-homevip-boxmktitle p{
    font-size: 14px;
    line-height: 27px;
    background-color:var(--body-bg-color);
    color: var(--b2color);;
    border-radius: 50px;
}
.home-homevip-boxmktitle p span{
    
}
.home-homevip-boxmk:hover a{
    opacity: .8;
}
.home-homevip-boxmks{
    padding: 20px 0px;
}
.home-homevip-boxmks span{
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    font-weight: 600;
    margin-right: 3px;
}
.home-homevip-boxmks li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    margin: 0 -20px;
    line-height: 45px;
    padding: 0px 15px;
    color: var(--key-color);
    /* border-top: 1px solid #F5F6F7; */
}
.home-homevip-boxmks li:last-child{
    margin-bottom: 0px;
}
.home-homevip-boxmks li em, .home-homevip-boxmks li em span p {
    display: flex;
    font-size: 14px;
    font-weight: 100;
}
.home-homevip-boxmks li em{
	    margin-top: 0px;
}
.home-homevip-boxmks li:nth-child(odd){
background-color:var(--muted-bg-color)
}
.one-home-homevip2-box{
    
}
.home-homevip2-boxmk{
    padding: 30px;
}
.home-homevip2-boxmk .title{
    
}
.home-homevip2-boxmk .title i{
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center;
}
.home-homevip2-boxmk .title span{
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333;
}
.home-homevip2-boxmk .title p{
    
}
.home-homevip2-boxmk .i{
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54, 127, 255, 0.1);
    transition: box-shadow .2s;
}
.home-homevip2-boxmk:hover .i{
    box-shadow: 0 0 0 10px rgba(198, 209, 255, 0.45), 0 0 0 24px rgba(197, 209, 255, 0.22);
    border-radius: 100%;
}
.home-homevip2-boxmk .an{
    margin-top: 20px;
    height: 33px;
    line-height: 33px;
}
.home-homevip2-boxmk .an a{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: var(--b2color);
}
.home-homevip2-boxmk .an .jg{
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.one-grid-onecadsmls > *, .one-grid-column-onecadsmls > * {
    padding-left: 16px;
}
.home-homevip2-boxmk .an .jg em{
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777;
}
.home-homevip-boxmk {
    text-align: center;
    padding: 20px;
    overflow: hidden!important;
    position: relative;
}
.one-background-default {
    background-color: var(--main-bg-color);
}
.one-home-title{
    text-align: center;
    margin-bottom: 40px;
}
.one-home-title span{
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color);
}
.one-home-title p{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
    line-height: 25px;
}
.one-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.one-container >:last-child {
    margin-bottom: 0;
}
.one-grid-onecadsmls, .one-grid-column-onecadsmls {
    margin-left: -20px;
}
.one-container {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
.vip_tj {
    position: absolute;
    top: 15px;
    right: -40px;
    overflow: hidden!important;
    z-index: 1;
    width: 150px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 14px;
}
.vips_tj {
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden!important;
    z-index: 1;
    width: 120px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
    text-align: center;
    font-size: 14px;
    border-radius: 0px 0px 0px 20px;
    box-shadow: 0 0 10px rgb(255 51 85 / 47%);
}
.one-dongtai:hover {
    transform: translateY(-3px);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
}
.one-dongtai {
    transition: all 0.3s ease 0s;
}
.vip-top > div p {
    font-size: 16px;
    margin-top: 20px;
}

/*加载视频缩略图*/
#Onecad_vido.grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
#Onecad_vido.grid-medium{
    margin-left: -30px;
}
#Onecad_vido.grid-medium > *, .grid-column-medium > * {
    padding-left: 30px;
}
#Onecad_vido.b-r-4 {
    border-radius: 4px!important;
}
#Onecad_vido.overflow-hidden {
    overflow: hidden;
}
#Onecad_vido.background-default {
    background-color: #fff;
}
#Onecad_vido.post-audio {
    display: block;
    overflow: hidden;
    background: #1a1a1a;
    text-align: center;
    position: relative;
}
#Onecad_vido.play-icon {
    position: relative;
    top: 12px;
    padding: 10px 88px;
    z-index: 2;
}
#Onecad_vido.play-dot {
    position: absolute;
    top: 15px;
    right: 45px;
    width: 20px !important;
    height: 20px;
    z-index: 3;
}
#Onecad_vido.play-zhen {
    position: absolute;
    top: 20px;
    right: 57px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important;
}
#Onecad_vido.post-audio img {
    height: auto;
}
#Onecad_vido.play-pan {
    position: relative;
    top: 50px;
    padding: 10px 77px;
    margin-top: -80%;
}
#Onecad_vido.title {
    padding: 10px;
    min-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    max-width: 100%;
    letter-spacing: 0.5px;
    font-size: 15px;
    transition: all .3s;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#Onecad_vido.padding-remove {
    padding: 0;
}
#Onecad_vido canvas,#Onecad_vido img,#Onecad_vido video,#Onecad_vido.onecad_app_img {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    box-sizing: border-box;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #000;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
#Onecad_vido.post-has-video {
    position: relative;
}
#Onecad_vido.video {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin-top: 0!important;  
}
#Onecad_vido.display-block {
    display: block !important;
}
#Onecad_vido.overflow-hidden {
    overflow: hidden;
}
#Onecad_vido.post-video,#Onecad_vido.post-video .show-image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
#Onecad_vido{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#Onecad_vido .post-has-video span {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100%/2 - 25px);
    left: calc(100%/2 - 25px);
    background: url(../img/play_cover.png) center no-repeat;
    z-index: 1;
}
/*文章post-1列表CSS--------------------------------------------------------------------------------------------*/
.post-1 .post-list-meta li,.post-2 .post-list-meta li,.post-7 .post-list-meta li{
    font-size: 12px;
    align-items: center;
    margin: 0px;
    background-color:var(--body-bg-color);
    margin-right: 10px;
    padding: 2px 5px 2px 5px;
    border-radius: 20px;
    color: var(--key-color);
}
.post-list-cat {
    z-index: 2;
}
.list-footera{
	display:flex;
	justify-content: space-between;
}
/*.post-list-cat a ,.jitheme_cat_jb .tipss {*/
/*    border-top-right-radius: 10px;*/
/*}*/
.post-module-thumb img{
    -webkit-transition: all .3s;
    transition: all .3s;
}
.post-info .post-excerpt p {
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.item-in .post-info h2 {
    font-size: 16px;
    margin: 20px 0 20px;
    line-height: 25px;
    color: var(--key-color);
}
.post-list-meta li:last-child{
    font-size: 12px;
    align-items: center;
    margin-right: 0px;
}
.post-list-meta li:first-child{
    display: block!important;
}
.post-1 .post-list-meta-box ,.post-2 .post-list-meta-box {
    padding: 0px!important;
    margin: 10px 0px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    color: #AAAEB3;
}
.post-1 .post-list-meta li,.post-2 .post-list-meta li{
    display: none;
}
.post-1 .post-list-meta-box li:hover,.post-2 .post-list-meta-box li:hover{
    color: var(--b2color);
    background-color: var(--body-bg-color);
}
.item-post-style-3 .list-footer {
    color: #fff;
}
/*文章post-2列表CSS--------------------------------------------------------------------------------------------*/
.item-post-style-3 .jitheme-post-info a,.item-post-style-3 .item-in .post-info h2,.item-post-style-3 .jitheme_avatar_data,.item-post-style-3 .jitheme_data{
    color: #fff!important;
}
/*文章post-6列表CSS图集模式大图片模式*/
/*.item-post-style-6 .item-in{*/
/*    position: relative;*/
/*}*/
/*.item-post-style-6 .post-module-thumb{*/
/*    position: initial;*/
/*    overflow: initial;*/
/*}*/
/*.item-post-style-6 .post-info{*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    color:#fff;*/
/*}*/
/*.item-post-style-6 .post-info .post-list-meta-box{*/
/*    color:#fff*/
/*}*/
/*.item-post-style-6 .post-module-thumb a.thumb-link:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    opacity: .5;*/
/*}*/
/*.item-post-style-6 .list-footer{*/
/*    border-top: 1px solid rgba(255, 255, 255, 0.1);*/
/*}*/
/*.item-post-style-6 .jitheme-post-info a,.item-post-style-6 .item-in .post-info h2,.item-post-style-6 .jitheme_avatar_data,.item-post-style-6 .jitheme_data{*/
/*    color: #fff!important;*/
/*}*/
/*文章post-3列表CSS--------------------------------------------------------------------------------------------*/
.post-3-jb{
    margin-top: 2px;
    margin-right: 0px;
}
.post-3-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.post-3 .post-info >div:first-child{
    justify-content:unset;
        padding-bottom: 10px;
}
.post-3 .post-item-hip .post-excerpt {
    -webkit-line-clamp: 2!important;
    line-height: 20px;
}
.post-3 .post-excerpt{
    -webkit-line-clamp: 2!important;
}
.post-3 .item-in .post-info h2{
    margin-top:0px;
    margin-bottom: 0px;
    display: flex;
}
.post-3 .post-modules-top{
    background-color: var(--body-bg-color);
    padding: 16px 0px;
}
.post-3-li-dubble .item-in .post-info h2{
    font-size: 18px;
    font-weight: bold;
    margin: 16px 0 16px;
    line-height: 25px;
    margin-bottom:10px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0;
}
.box:not(.post-3){
    background: var(--main-bg-color)!important;
}
.post-3 .tipss{
    padding: 0px 5px;
    height: 20px;
    color: #fff;
    margin-right: 10px;
    min-width: 40px;
    line-height: 20px;
     /*-webkit-transform: rotate(45deg); */
     /*transform: rotate(45deg); */
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
}
.post-3 .post-list-cat {
    font-size: 12px;
    margin: 0px;
    top: 0px;
    position: unset;
    z-index: 2;
}
.post-3 .post-list-cat {
    margin-bottom: 0px;
}
.post-3 .jitheme_cat .post-list-cat a:before {
    margin-top: 3px!important;
}
.post-3 a.post-list-cat-item {
    padding: 0px 5px;
    height: 20px;
    margin-right: 5px;
    line-height: 20px;
    border-radius: 4px;
}
.post-3 .post-info {
    padding: 0px;
}
.post-3 .post-list-meta {
    justify-content: unset;
}
.post-list .b2_gap .post-list-item :hover .post-list-cat{
	display: block;
}
.post-info h2 {
    font-weight: unset;
    margin: 16px 0 16px;
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0;
}
.post-3 a.post-list-cat-item {
    margin-bottom: 0px;
}
.post-list-meta li span {
    margin-left: 0px;
    font-size: 15px;
    opacity: .7;
    -webkit-transform: scale(0.8);
}
.item-in:hover .post-module-thumb .jitheme_post_div{
	opacity: 1;
	top: 198px; 
}
.post-module-thumb .jitheme_post_div {
    display: flex;
    opacity: 0; 
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 275px;
    z-index: 99;
    left: 0px;
    width:100%;
    margin: 0 auto;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 8px;
    font-size: 10.67px;
    box-sizing: border-box;
    transition: all .3s;
}
/*文章post-5列表CSS--------------------------------------------------------------------------------------------*/
.post-5 .post-info h2 {
    font-size: 15px;
    height: auto;
    display: flex;
    align-items: center;
    margin: 0!important;
    font-weight: 400;
}
/*文章post-6列表CSS--------------------------------------------------------------------------------------------*/

/*VIP2*/
#Onecad_vips .vip-top {
    background: none;
    border-bottom: 0px solid #ccc;
}
#Onecad_vips b {
    font-weight: 100;
}
#Onecad_vips .vip-top > div {
    padding: 0px;
}
#Onecad_vips .onecad_vips_title{
    margin: 0 -20px;
    padding: 15px 0px 15px 10px;
    text-align: left;
    color: var(--key-color);
}
#Onecad_vips .Onecad-grid {
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0;
    padding: 0;
    list-style: none;
}
#Onecad_vips .Onecad_vip_logo {
	}#Onecad_vips .Onecad_vip_logo a {
	display:block
}
#Onecad_vips .Onecad_vip_logo a img {
	height:36px
}
#Onecad_vips .Onecad_vip_top {
	text-align:center;
	width:100%;
	height:613px;
	display:inline-block
}
#Onecad_vips .Onecad_vip_max {
    padding-top: 100px;
    /* padding-bottom: 50px; */
    /* position: absolute; */
    /* margin-top: -280px; */
}
#Onecad_vips .Onecad_vip_max h2 {
	font-size:22px;
	margin-top:35px;
	line-height: 35px;
}
#Onecad_vips .Onecad_vip_privilege_list {
	margin-top:35px
}
#Onecad_vips .Onecad_vip_privilege_list span {
	font-size:14px;
	height:38px;
	line-height:38px;
	padding:0 18px;
	border-radius:5px;
	background-color:rgba(255,255,255,0.2);
	margin-right:10px;
	display:inline-block
}
#Onecad_vips .Onecad_vip_privilege_list span:last-child {
	margin-right:0px
}
#Onecad_vips .Onecad_vip_privilege_list span i {
	margin-right:5px
}
#Onecad_vips .vip-page {
    margin-top: -260px;
}
#Onecad_vips .vip-item {
    width: 25%;
    padding: 8px!important;
    box-sizing: border-box;
}
#Onecad_vips .vip-list{margin:0px -8px!important}

#Onecad_vips .button,#Onecad_vips  button {
    background: none;
    border: 0px solid #ff3355;
    border-radius: 0px;
}
#Onecad_vips.vip-buy span{
    color: #000!important;
}
#Onecad_vips .home-homevip-boxmk:hover .vip-buy span{
    color: #fff;
}
#Onecad_vips .vip-allow i {
    color:unset;
}
#Onecad_vips button,#Onecad_vips .button {
    color:  var(--key-color);
}
#Onecad_vips .vip-faq-list p {
    font-size: 15px;
    margin-top: 20px;
    padding: 20px;
    line-height: 35px;
    color: var(--key-color);
}
#Onecad_vips .vip-faq-list h2 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: var(--key-color);
    overflow: hidden;
}
#Onecad_vips .box,#Onecad_vips .side-fixed {
    background-color: unset;
    box-shadow: 0px 0px 0px rgb(98 124 153 / 10%);
    position: relative;
}
#Onecad_vips .vip-faq-list {
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    background-color: var(--main-bg-color)!important;
    border-radius: 5px;
}
.Onecad-vip2-qy{
    padding: 20px 0;
}
.vip2-qy-title{
    text-align: center;
    margin: 40px 0px;
     color: var(--key-color);
}
.vip2-qy-title h2{
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color);
    margin-bottom: 20px;
}
.vip2-qy-title p{
    font-size: 16px;
}
.vip2-tqyc-box{
    text-align: center;
    padding: 30px;
}
.vip2-tqyc-box img{
    height: 52px;
    display: block;
    margin: 0 auto;
}
.vip2-tqyc-box span{
    font-size: 16px;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--key-color);
}
.vip2-tqyc-box p{
     font-size: 14px;
    color:var(--key-color);
    font-weight: 100;  
}
.Onecad-width-1-4\@s {
    width: 25%;
    background-color: #fff;
}
.Onecad-grid {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 0;
    list-style: none;
}
.Onecad-dongtai{
	transition: all .3s;
}
.Onecad-dongtai:hover {
	transform: translateY(-3px);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
	box-shadow: 0 0 10px rgba(0,0,0,.05);
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}
.Onecad-images img {
	width:100%;
	height:100%;
	vertical-align:top;
	-webkit-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}

/*购买订单CSS*/
#onecad_xuk .onecad_xuk{
}
#onecad_xuk.onecad_xuk h3{
	line-height: 35px;
    font-weight: 600;
}
#onecad_xuk.onecad_xuk .xuk_name{
	line-height: 35px;
	/* padding-right:20px; */
}
#onecad_xuk.onecad_xuk .xuk_name .td{
	line-height: 35px;
	padding-right:20px; 
}
#onecad_xuk.onecad_xuk .xuk_name .span{
    color: #fff;
    background-color: #28a745;
    padding:0px 5px
}
#onecad_xuk.onecad_xuk .xuk_id .td{
	line-height: 35px;
	padding-right:20px; 
}
#onecad_xuk.onecad_xuk .xuk_id .span{
    color: #fff;
    background-color: #E91E63;
    padding:0px 5px
}
.order-title div{
	width:100%;
}
#onecad_xuk .xuk_text
{
	color: #fb0505;
}
/*底部样式2*/
.Onecad-new-footer {
	background:var(--footer-bg);
	font-size:12px;
}
.onecad_new_footer {
	background:var(--footer-bg);
	margin-top:20px;
}
.Onecad-wrap {
	/* width:var(--jinsom-width);*/
    margin:0 auto;
}
.Onecad-new-footer .partner {
	padding:30px 0 15px;
}
.partlink .foot-blank span {
	display:none;
	border:2px dotted  var(--b2color);
}
.partlink .foot-blank:hover span {
	display:block!important;
	background-color:var(--main-bg-color);
	bottom:80px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	width:120px;
	height:120px;
	left:50%;
	padding:5px;
	border-radius:2px;
}
.partlink .foot-blank:hover span img {
	width:100%;
}
.partlink .foot-blank:hover span:after {
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	left:50%;
	bottom:-10px;
	content:"";
	width:0;
	height:0;
	border-color:var(--b2color) transparent transparent;
	border-style:solid;
	border-width:10px 10px 0;
}
.Onecad-new-footer .partner .title {
	font-weight:700;
	font-size:14px;
	line-height:19px;
	padding-bottom:7px;
}
.Onecad-new-footer .partner a {
	margin-right:20px;
	letter-spacing:1px;
	float:left;
	white-space:nowrap;
}
.Onecad-new-footer .partner a img {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
    margin: 15px 30px 15px 0px;
	height:33px;
}
.Onecad-new-footer .partner a:hover img {
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:unset;
}
.Onecad-new-footer .partner .hyth-link-apply {
	cursor:pointer;
	color:var(--b2color);
}
.Onecad-new-footer .partner .partner-first {
	border-bottom:1px dotted var(--main-bg-color);
	line-height:22px;
	padding-bottom:10px;
	height:auto;
	overflow:hidden;
}
.Onecad-new-footer .partner .partner-second {
	padding-top:15px;
	line-height:22px;
	height:auto;
	overflow:hidden;
}
.Onecad-new-footer .partlink {
	height:96px;
	background:var(--main-border-color);
}
.Onecad-new-footer .partlink .hyth-wrap {
	position:relative;
	height:96px;
}
.Onecad-new-footer .partlink .mail .title {
	letter-spacing:1px;
	line-height:1;
	padding-bottom:7px;
}
.Onecad-new-footer .partlink .mail {
	line-height:20px;
	letter-spacing:.86px;
	padding:18px 0;
	float:left;
	height:60px;
}
.Onecad-new-footer .partlink .mail a {
	margin-right:30px;
	padding-left:2px;
	vertical-align: unset;
}
.hyth-contact-mail i {
	vertical-align:bottom;
}
.Onecad-new-footer .partlink .help-btn {
	width:200px;
	padding:18px 10px;
	float:left;
	height:60px;
}
.Onecad-new-footer .partlink .help-btn .btn i {
	margin-right:2px;
	font-size:16px;
}
.Onecad-new-footer a {
    font-size:13px;
	vertical-align: unset;
}
.Onecad-new-footer .partlink .help-btn .btn {
	width:auto;
	height:30px;
	display:inline-block;
	line-height:27px;
	border:1px solid var(--main-bg-color);
	border-radius:2px;
	font-size:14px;
	letter-spacing:1px;
	padding:0px 5px;
}
.Onecad-new-footer .partlink .help-btn .btn:hover {
	border:1px solid var(--body-bg-color);
}
.Onecad-new-footer .partlink .help-btn p {
	letter-spacing:.86px;
	margin-top:13px;
}
.partlink .foot-blank {
	height:80px;
	margin:8px 25px;
	width:80px;
	float:right;
	position:relative;
	cursor:pointer;
}
.partlink .foot-blank .imgbox {
	width:80px;
	height:80px;
	padding:5px;
	position:relative;
	float:left;
}
.partlink .foot-blank:hover .imgbox i {
	color:var(--b2color);
}
.partlink .foot-blank p {
	letter-spacing:1px;
	padding:10px 0 10px 80px;
	line-height:1;
}
.partlink .foot-cell {
	border-left:1px solid var(--body-bg-color);
	float:left;
	padding:18px 20px;
	display:block;
}
.partlink .foot-blank .imgbox i {
	font-size:80px;
	line-height:80px;
	color:#abb8c3;
	opacity:.7;
}
.partlink .foot-cell .tit {
	letter-spacing:1px;
	line-height:1;
	padding-bottom:7px;
}
.partlink .foot-cell div {
	line-height:20px;
	letter-spacing:.86px;
}
.partlink .foot-cell .link span,.partlink .foot-cell .im span {
	cursor:pointer;
}
.partlink .foot-cell .link span:hover,.partlink .foot-cell .im span:hover {
	color:var(--b2color);
}
.partlink .foot-cell .link i,.partlink .foot-cell .qq i,.partlink .foot-cell .tel i {
	vertical-align:text-bottom;
	margin-right:2px;
	font-size:15px;
}
.partlink .foot-cell .email i,.partlink .foot-cell .im i {
	vertical-align:bottom;
	margin-right:2px;
}
.Onecad-new-footer .copyright {
	text-align:center;
	padding:0px;
}
.Onecad-new-footer .copyright .links {
	color:var(--key-color);
	font-size:13px;
	line-height:28px;
	margin-top:10px;
}
.Onecad-new-footer .copyright .links span:nth-last-child(1) {
	display:none;
}
.Onecad-new-footer .copyright .links a,.Onecad-new-footer .copyright p a {
	color:#000;
	margin:0 6px;
}
.Onecad-new-footer .copyright p span:nth-last-child(1) {
	display:none;
}
.Onecad-new-footer .copyright p {
	letter-spacing:1px;
	line-height:23px;
}
.Onecad-new-footer .copyright .links a:hover,.Onecad-new-footer .copyright p a:hover,.Onecad-new-footer .partlink .mail a:hover,.Onecad-new-footer .partner a:hover {
	color:var(--b2color);
}
.content-red {
	background-color:var(--b2color);
}
.content-red,.content-grey {
	padding:50px 0;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.content-red h5,.content-grey h5,.content-red h2,.content-grey h2 {
	font-size:48px;
	line-height:1.5;
	color:#ffffff;
	font-weight:600;
	margin:0 0 20px;
}
.content-red h6,.content-grey h6 {
	font-size:17px;
	color:#ffffff;
	margin:15px 0px;
}
.content-red .footer-btna,.content-grey .footer-btna {
	display:block;
	width:240px;
	height:56px;
	line-height:56px;
	margin:50px auto 0;
	font-size:16px;
	color:var(--b2color);
	background-color:#ffffff;
	border-radius:6px;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.content-red .footer-btna:hover,.content-grey .footer-btna:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
}
.content-grey h5 {
	color:#000000;
}
.content-grey h6 {
	color:#8c8889;
}
.Onecad-action-panel__main {
	flex:1;
	-webkit-box-flex:1;
}
.Onecad-action-panel {
	background-size:cover;
	background-repeat:no-repeat;
	padding:0 20px;
	color:#fff;
	-webkit-font-smoothing:antialiased;
}
.Onecad-action-panel__inner {
	margin:0 auto;
	min-height:160px;
	display:flex;
	align-items:center;
}
.Onecad-action-panel__desc {
	font-weight:400;
	font-size:24px;
	line-height:32px;
	max-width:700px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	max-height:64px;
	color: #fff;
}
.Onecad-action-panel__qrcodes {
	display:flex;
	white-space:nowrap;
	margin:24px 0 8px;
}
.Onecad-action-panel .tpm1-qrcode:first-child {
	margin-left:0;
}
.tpm1-qrcode__img {
	margin:0 auto;
	width:100px;
	height:100px;
}
.tpm1-qrcode__text {
	margin-top:8px;
	color:#fff;
}
.tpm1-qrcode {
	text-align:center;
	font-size:12px;
	color:#000;
	line-height:20px;
	-webkit-font-smoothing:antialiased;
}
.Onecad-action-panel__desc .tpm1-action-panel-text-subtit {
	font-size:14px;
	line-height:50px;
	color:#fff;
}
.onecad_new_footer_sj{
    padding-bottom: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    background-color:var(--footer-bg);
    padding: 0px 10px 10px 10px;
}
/*MP3音频列表*/
.grid-medium{
    margin-left: -30px;
}
.grid-medium > *, .grid-column-medium > * {
    padding-left: 30px;
}
.width-1-5 {
    width: 20%;
}
.overflow-hidden {
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.item-post-style-5 .overflow-hidden {
    /*background-color: #000;*/
}
.post-7 .background-default {
    background-color: #fff;
}
.post-7 .background-default {
    background-color: unset;
}
.post-audio {
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.play-icon {
    position: absolute;
    /* top: 12px; */
    height: 60px;
    width: 60px;
    right: calc((100% - 60px)/2);
    /* padding: 10px 88px; */
    z-index: 1;
    top: calc((100% - 60px)/2);
    /* padding: 10px 88px; */
    z-index: 2;
    border-radius: 60px;
    border: 5px solid #ffffff26;
}
.play-dot {
    position: absolute;
    top: 15px;
    right: 55px;
    width: 20px !important;
    height: 20px;
    z-index: 3;
}
.play-zhen {
    position: absolute;
    top: 20px;
    right: 62px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important;
}
.post-audio img {
    /*height: auto;*/
}
.audio-pan{
    height: 100%;
}
.play-pan {
    position: absolute;
    /* top: calc(-50% - 50px); */
    /* padding: 10px 77px; */
    /* position: relative; */
    /* top: 12px; */
    height: 120px;
    width: 120px;
    right: calc((100% - 120px)/2);
    border-radius: 100%!important;
    /* padding: 10px 88px; */
    z-index: 1;
    top: calc((100% - 120px)/2);
    border: 5px solid #00000017;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
@-webkit-keyframes z {
	from {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
}
to {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
}
}
/*MP3音频页面*/
.audio-wrapper {
	/*display:flex;*/
	flex-direction:column;
	justify-content:center;
	padding:20px;
	margin-bottom:20px;
}
/*.audio-info {*/
/*	display:flex*/
/*}*/
.audio-left {
	display:flex;
	justify-content:center;
	align-items:center
}
.audio-left img {
    width: 80px;
    margin: 0 !important;
    height: 80px;
    display: initial;
    cursor: pointer;
    position: absolute;
    z-index: 3;
}
.post-video>.video .meta-video-tag {
	content:' ';
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	height:50px;
	background:url(./Center/Assets/images/mp3/play.svg) 50% no-repeat;
	background-size:cover;
	z-index:1
}
@-webkit-keyframes z {
	from {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
}
to {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
}
}
#jitheme_post_mp3 .cover-bg {
	margin:0 auto;
	width:200px;
	height:200px;
	background:url(./Center/Assets/images/mp3/pan.png) no-repeat;
	display:flex;
	justify-content:center;
	align-items:center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
	border-radius:50%;
	-webkit-animation:z 5s linear 0s infinite;
	-moz-animation:z 5s linear 0s infinite;
	-ms-animation:z 5s linear 0s infinite;
	animation:z 5s linear 0s infinite
}
#jitheme_post_mp3 .audio-right {
	/* margin:20px; */
	margin-top: 20px;
	margin-right: 0px;
	background-color: var(--body-bg-color);
	padding: 20px;
	box-shadow: 0px 0px 2px rgb(98 124 153 / 72%);
}
#jitheme_post_mp3 .audio-right h1 {
	padding-left:0px!important;
	font-size:1.5em!important;
	font-weight:500;
	letter-spacing:0.5px;
	margin-bottom:10px;
	/* color:#eee; */
	text-overflow:ellipsis;
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
#jitheme_post_mp3 .audio-right h1:after {
	content:'';
	position:absolute;
	left:0;
	height:100%;
	width:0px!important;
	background:#006eff;
	box-shadow:3px 0px 10px -1px #006eff;
	border-radius:2px
}
#jitheme_post_mp3 .progress-bar-bg {
	background-color:#d9d9d9;
	position:relative;
	height: 15px;
	cursor:pointer;
}
#jitheme_post_mp3 .progress-yinfu {
	position:absolute;
	left:-1px;
	top:-1px;
	z-index:3;
	width:101%;
	height:100%;
	/* background:url(./Center/Assets/images/mp3/audio-s-b.svg) repeat-x */
}
#jitheme_post_mp3 .progress-bar-bg span {
	content:" ";
	width:2px;
	height:100%;
	/* background:linear-gradient(45deg,#b18f6a,#fdd1a1); */
	position:absolute;
	cursor:pointer;
	background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
	/* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
}
#jitheme_post_mp3 .progress-bar {
	/* background:linear-gradient(45deg,#b18f6a,#fdd1a1); */
	width:0;
	/* background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); */
	height:100%;
	background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
#jitheme_post_mp3 .audio-time {
	overflow:hidden;
	margin-top:10px;
	color:#eee
}
#jitheme_post_mp3 .audio-length-current {
	float:left;
	font-size:14px;
	color: #3e3e3e;
}
#jitheme_post_mp3 .audio-length-total {
	float:right;
	font-size:14px;
	color: #3e3e3e;
}
#jitheme_post_mp3 .n-box fieldset {
	border:1px dashed #bdbdbd;
	padding:10px;
	border-radius:5px;
	line-height:2em;
	font-size:12px;
	color:#bdbdbd;
	text-align:center
}
#jitheme_post_mp3 .audio-pan .play-icon {
	position:relative;
	top:0;
	padding:10px 50px;
	z-index:2
}
#jitheme_post_mp3 .audio-pan .play-zhen {
	position:absolute;
	top:20px;
	right:24px;
	width:auto !important;
	height:100px;
	z-index:2;
	transform:rotate(-9deg);
	transition:all .6s ease-in-out;
	transform-origin:right top;
	height:50% !important
}
#jitheme_post_mp3 .audio-pan .play-dot {
	position:absolute;
	top:15px;
	right:17px;
	width:20px !important;
	height:20px;
	z-index:3
}
#jitheme_post_mp3 .audio-pan .play-pan {
	position:relative;
	top:0;
	padding:10px 50px;
	margin-top:-70%
}
@-webkit-keyframes z {
	from {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)
}
to {
	-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)
}
}
video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
#jitheme_post_mp3 .poster-footer {
    /* margin-bottom: 16px; */
    font-size: 14px;
}
#jitheme_post_mp3 .poster-footer a {
  margin-right: 24px;
  color: #3e3e3e;
}
/*首页快速导航*/
.jitheme-container {
    /* margin-top: 0px!important; */
}
.jitheme_slide_ss {
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding: 0 30px;
    margin-left: -20px;
}
.jitheme_slide_jb {
	position:relative;
	margin-bottom:30px!important;
}
.jitheme_slide_n {
	display:flex;
	margin:0 auto;
	padding-top: 10px;
	height: 60px;
	color:#fff;
	font-size:14px;
	justify-content:space-between;
}
.jitheme_slide_n .jitheme_slide_s {
	position:relative;
	display:inline-block;
	padding:0 30px;
	height:40px;
	border-radius:73px;
	background:none;
	vertical-align:middle;
	text-align:center;
	line-height:40px
}
.jitheme_slide_n .jitheme_slide_s ul {
	float:left;
	margin:0 auto
}
.jitheme_slide_n .jitheme_slide_s li {
	float:left;
	margin-right:40px
}
.jitheme_slide_n .jitheme_slide_s li .first {
	color:var(--b2color)
}
.jitheme_slide_n .jitheme_slide_s li a {
	float:left;
	color:#606075;
	font-weight: 200;
	font-size: 14px;
}
.jitheme_slide_n .jitheme_slide_y {
	/* font-weight:600; */
	position:relative;
	display:inline-block;
	padding:0 40px;
	height:40px;
	background:none;
	vertical-align:middle;
	text-align:center;
	line-height:40px;
}
.jitheme_slide_n .jitheme_slide_y a {
	margin-left:40px;
	color: #ff3355;
}
.jitheme_slide_d {
	padding-left:20px;
	flex:0 0 25%;
	box-sizing:border-box;
	width:100%;
	max-width:100%
}
.jitheme-dt:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.jitheme_slide_d .mini-stats {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	transition: all .3s;
	background-clip:border-box;
	border:1px solid rgba(0,0,0,.125);
	border:none;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	overflow:hidden
}
.jitheme_slide_d .mini-stats:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.mini-stats .mini-stats-content {
	padding:10px 15px 15px 15px!important
}
.jitheme_slide_d_mb4,.my-4 {
	margin-bottom:15px!important
}
.jitheme_slide_d_right {
	text-align:right!important;
	color:rgba(255,255,255,.5)!important
}
.jitheme_slide_d_right span {
	margin-top:.5rem!important;
	background-color:#f8f9fa;
	margin-bottom:.5rem!important;
	color:var(--b2color) !important;
	display:inline-block;
	padding:.25em .4em;
	font-size:75%;
	font-weight:700;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.jitheme_slide_d_right p {
	color:#fff
}
.jitheme_slide_d_m {
	margin-left: 15px!important;
	margin-right: 15px!important;
}
.jitheme_slide_d_m .mini-stats-desc {
	display:inline-block;
	position:relative;
	bottom:22px;
	height:100%;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	padding: 10px!important;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.jitheme_slide_d_m .mini-stats-desc li {
	float:left;
	flex:0 0 33.33333%;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
}
.jitheme_slide_d_m .mini-stats-desc a {
	display:block;
	/* height:60px; */
	/* padding:12px 15px 15px 15px; */
}
.jitheme_slide_d_m .mini-stats-desc a:hover {
	color:var(--primary-color)!important
}
.jitheme_slide_d_m .mini-stats-desc a img {
	display:block;
	width:58px;
	height:45px;
	margin:0 auto 5px
}
.jitheme_slide_d_m .mini-stats-desc p {
	display:block;
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size: 13px;
	color:#666;
	text-align:center;
}
.home .jitheme_slide_d_m li {
    list-style: none;
}
.jitheme_slide_link {
    padding: 20px 30px;
    width: calc(100% + 30px);
}
.jitheme_slide_link ul {
	margin-left: 0px;
	display: flex;
}
.jitheme_slide_link ul li {
	padding-right: 30px;
	margin-bottom: 10px;
	width: calc(100%/8);
	float:left;
}
.jitheme_slide_link ul li a {
	font-size:13px;
	display:flex;
	line-height:28px;
	color:#616161;
	text-align:center;
	justify-content:space-around;
	border-radius:4px
}
.jitheme_slide_tjmk {
	height:50px;
}
.jitheme_slide_tjmk .jitheme_slide_tj {
	height:20px;
	line-height:20px;
	text-align:center;
	padding:15px 0 12px
}
.jitheme_slide_tjmk .jitheme_slide_tj li {
	display:inline-block;
	line-height:20px;
	height:20px;
	padding-left:20px;
	position:relative;
	color: var(--muted-color);
	padding-right:20px;
	font-size:13px;
}
/*极主题广告倒计时*/
.jitheme_jishi_gg {
    position: relative;
    width: 376px;
}
.jitheme_jishi {
    height: 39px;
    width: 376px;
    background-size: 376px 62px;
    background-image: url(../img/tip-l.png);
    background-repeat: no-repeat;
}
.jitheme_jishi:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/icon-clock.svg);
    margin-right: 8px;
}
.jitheme_jishi {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jitheme_jishi em {
    display: inline-block;
    width: 24px;
    font-style: unset;
    height: 24px;
    background-color:var(--b2color);
    padding-top: 1px;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px;
}
.jitheme_jishi_img{
    width: 100%;
    height: 180px;
}
/*极主题视频集数*/
.vsjs {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    padding: 0px 5px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
    text-align: center;
    font-size: 13px;
}
/*全局CSS*/
.jitheme_wrapper{
    width: 95%;
    padding: 0 50px;
    margin: 0 auto;
}
.webfont, .module-title, .widget-title, .Onecad_title {
    font-family: "webfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*分类页CSS*/
.tax-info-item-jitheme {
    margin-right: 0px;
    display: flex;
    align-items: center;
}
.tax-header .tax-info {
    z-index:unset; 
}
.tax-info-item-jitheme .fliter-button {
    border: 0;
    font-size: 14px;
    padding:7px 16px;
    display: block;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    color: var(--key-color);
    background-color: var(--float-btn-bg);
    border-color: #f8f9fa;
}
/*侧边栏,感谢图酷网*/
.fixed-right {
    opacity: 1;
    visibility: visible;
}
.fixed-right .item:hover {
    color: #fff;
    background:  var(--b2color);
}
.fixed-right {
    position: fixed;
    z-index: 20;
    /* left: 55%; */
    bottom: 16px;
    margin-left: 665px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    display: block;
}
.fixed-right span:hover .code-div {
    display: block;
}
.fixed-right .drop {
    margin-bottom: 10px;
}
.fixed-right .menus {
    margin-bottom: 10px;
}
.fixed-right .menus .item:last-child {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.fixed-right .menus .item {
    border-bottom: 1px solid #f2f2f2;
}
.fixed-right .item {
    position: relative;
    display: block;
    width: 50px;
    box-shadow: 0 8px 16px rgba(0,0,0,.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #505050;
    cursor: pointer;
    background: #fff;
    border-radius: 4px;
}
.fixed-right i {
    font-size: 18px;
}
.fixed-right .code-div {
    position: absolute;
    right: 100%;
    bottom: -50px;
    display: none;
    margin-right: -20px;
    padding-right: 30px;
}
.fixed-right .code-div .ewmDiv {
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 15px 0px 15px;
    border: 1px solid #e8e8e8;
}
.fixed-right .code-div .ewm-item {
    width: 200px;
    overflow: hidden;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px;
}
.fixed-right .code-div .ewm-item:last-child {
    border-bottom: 0px dashed #FFF;
}
.fixed-right .code-div .ewm-item .code-wrap {
    width: 40%;
    float: left;
}
.fixed-right .code-div .code {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 10px;
}
.fixed-right .code-div .ewm-item .ewm-main {
    margin-left: 45%;
    text-align: center;
}
.fixed-right .code-div p {
    font-size: 12px;
    line-height: 1.3;
    margin: 5px 0 8px;
    color: #bcbcbc;
}
.fixed-right .code-div .ewm-weibo a h5 {
    color:  var(--b2color);
}

.fixed-right .code-div .wz {
    font-size: 12px;
    color:  var(--b2color);
    line-height: 22px;
}
.user-s-follow {
    padding: 10px;
    text-align: center;
    /*background:  var(--b2color);*/
}
.modules-title-box .module-title {
    font-size: 26px;
    text-align: left;
    margin-right: 10px;
    font-weight: 600;
}
.col-sm-6 {
    cursor: pointer;
    width: calc(20% - 12px);
    border-radius: 4px;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
/*自定义链接位置*/
.mb20 {
    /* margin-bottom: 20px; */
    margin-bottom:16px;
}
.homebk8-ctn ul, .homebk9-ctn ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 16px);
}
.homebk8-ctn li {
    width: 14.28%;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    transition: 0.2s;
}
.whitebg-sm {
    background: #fff;
    border-radius: 8px!important;
}
.homebk12 .homebk6-btn {
    flex-direction: column;
}
.homebk6-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.2s;
}
.homebk12 .homebk8-ctn li{
    margin-right: 16px;
    margin-bottom: 16px;
    position:relative;
    overflow:hidden;
}
.homebk12 .homebk8-ctn li:hover .homebk12-item{
    filter:blur(15px);
}
.homebk12 .homebk8-ctn li:hover .homebk6-btn{
    opacity:1;
}
.homebk12 .homebk8-ctn li a{
    height:140px;
}
.homebk12 .homebk6-btn{
    flex-direction:column;
}
.homebk12 .homebk8-ctn .homebk6-btn a{
    height:28px;
    margin-bottom:10px;
}
.homebk12 .homebk8-ctn .homebk6-btn a:hover{
    margin-top:0;
    opacity:0.9;
}
.homebk12 .homebk8-ctn li:hover img{
    margin-top:0;
}
.homebk12 .homebk8-ctn li .homebk12-img img{
    all:initial;
    width:100%;
    height:100%;
    border-radius:50%;
    position:relative;
}
.homebk12 .homebk8-ctn li .homebk12-img{
    width:66px;
    height:66px;
    padding:6px;
    border-radius:50%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background:#f4f4f4;
}
.homebk12-img .homebk12-imgbg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:66px;
    height:66px;
    background:#eee;
    display:block;
    background-size:cover;
    z-index:1;
    filter:blur(8px);
    opacity:0.2;
}
.homebk12 .homebk8-ctn li p{
    overflow: hidden;
   /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    white-space: normal;*/
    text-align: center;
}
.homebk12 .homebk8-ctn .homebk6-btn a {
    height: 28px;
    margin-bottom: 10px;
}
.homebk12 .homebk8-ctn li a {
    height: 140px;
}
.homebk6-btn a.ckxq {
    background: #2dc5ff;
}
.homebk6-btn a.zdwz {
    background: #47e193;
}
.homebk8-ctn li a {
    display: block;
    width: 86px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}
.homebk6-btn a {
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0 5px;
    background: #999;
    font-size: 12px;
    transition: 0.3s;
}
.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center;
}
.homebk8-ctn li p {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #abb0bd;
}
.homebk8-ctn li h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*网址导航内容页*/
.sitesingle {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    position: relative;
}
.whitebg {
    background: #fff;
    box-shadow: 0 0 10px rgba(54,138,179,0.1);
    border-radius: 5px;
}
.mb20,.link-box {
    margin-bottom: 20px;
}
.link-box {
    padding: 0px;
}
.sitesingle::before, .sitesingle::after {
    content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f;
}
/*网址详情*/
.sitesingle{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative;
}
.sitesingle::before,.sitesingle::after{
	content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f;
}
.sitesingle::after {
    border-radius: 45%;
	opacity:0.1;
}
.sitesingle-l{
	width: 100%;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	padding:35px 25px;
	position:relative;
	z-index:99;
}
.sitesingle-img{
	width:300px;
	height:240px;
	padding:10px;
	background:rgba(0,0,0,0.05);
	margin-right:30px;
	box-shadow: 0 30px 20px -20px rgba(0,0,0,.15);
}
.sitesingle-img img {
	width:100%;
	height:100%;
}
.sitesingle-r{
	width:35%;
	padding:45px 25px;
	text-align:right;
	position:relative;
	z-index:99;
}
.sitesingle-r img{
	width:370px;
	height:220px;
	border-radius:5px;
}
.sitesingle-l .info{
	margin-top:10px;
	margin-bottom:15px;
}
.sitesingle-l .info p{
	color:#6b7386;
	line-height:2;
}
.sitesingle-l .info p a{
	color:#6b7386;
	margin-right:10px;
}
.sitesingle-l .info p a i{
	margin-right:3px;
}
.sitesingle-infopf{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	color: #6b7386;
    line-height: 2;
}
.appsingle .sitesingle-infopf p.star{
	margin-bottom:0;
	width:65px;
}
.appsingle .info{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
}
.appsingle .info .sitesingle-infopf{
	width:100%;
}
.sitesingle-info{
	width:calc(100% - 300px);
}
.appsingle .info p{
	display:block;
	width:40%;
	margin-right:25px;
}

.sitesingle-btn a{
	display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right:6px;
    background: #999;
    font-size: 12px;
    transition: 0.3s;
}
.sitesingle-btn a i{
	font-size:12px;
	margin-right:3px;
	transition: 0.2s;
}
.sitesingle-btn a.zdwz{
	background:#2dc5ff;
}
.sitesingle-btn a.sjck{
	background:#47e193;
	position:relative;
}
.sitesingle-btn a.sjck .sjckimg{
	position:absolute;
	top:50%;
	left:100px;
	transform:translateY(-50%);
	width:120px;
	height:120px;
	padding:6px;
	background:#eee;
	border-radius:5px;
	display:none;
}
.sitesingle-btn a.sjck .sjckimg:before{
	content:"";
	position:absolute;
	left:-19px;
	top:50%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-top:10px transparent solid;
	border-left:10px transparent solid;
	border-bottom:10px transparent solid;
	border-right:10px #eee solid;
}
.sitesingle-btn a.sjck:hover .sjckimg{
	display:block;
}
.sitesingle-btn a:hover i{
	margin-right:6px;
}
.sitesingle-btn a.sjck .sjckimg img{
	width:100%;
	height:100%;
}
.sitesingle-btn a:hover{
	box-shadow:0 0 10px rgb(54,138,179,0.1);
	color:#fff;
}

.booksingle .sitesingle-img {
    width: 210px;
    height: 290px;
}
.booksingle .sitesingle-l .info p{
	line-height: 2.3;
}
.booksingle-tj .homebk9-ctn li img {
    width: 140px;
    height: 190px;
}
.appsingle .sitesingle-img{
	width: 240px;
    height: 240px;
}
/* 网址导航搜索样式  background: url() no-repeat;*/
.site-warp {
    background-color: rgb(30, 31, 33);
    background-image: url(https://hao1.qhimg.com/dmfd/2500_420_75/t01da174e7d8b6c84d4.webp);
    margin-bottom: 20px;
    height: 380px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -16px;
}
.site-search {
    max-width: 680px;
}
.site_tongji{
    color: #909399;
    /* font-size: 13px; */
    overflow: hidden;
    padding: 0 5px;
    font-weight: 100;
}
.site-search h3 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 20px;
}
.site-search form {
    position: relative;
    border-radius: 4px 0px 0px 4px;
    display: flex;
    width: 100%;
    background: #fff;
}
.site-search input {
	border: 0;
	border-radius: 4px;
	height: 46px;
	text-indent: 10px;
	width: 100%;
	color: #666;
}
.site-search button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: var(--b2color);
    border: 0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
}
.jitheme_search_add {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: #00ce41;
    border: 0;
    border-radius: 4px;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
}
.b2-links-yl a:hover {
 color: #fff;
}
.site-search form i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #999;
    font-size: 22px;
    padding: 0 15px;
}
.search-tmenu {
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
}
.search-tmenu li {
    display: inline-block;
    padding: 0 12px;
}
.search-tmenu li span {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 14px;
}
.search-tmenu .active span {
    display: inline-block;
    position: relative;
    color: #fff;
}
.search-tmenu .active span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:4px;
    background: #fff;
    border-radius: 3px;
}
.search-bmenu {
    text-align: center;
}
.search-bmenu .on {
    color: #fff;
}
.search-item {
    cursor: pointer;
    margin: 0 10px;
    color:#fff;
    display: inline-block;
    font-size: 14px;
}
.subnav {
    margin-top: 15px;
}
.subnav-item {
    display: none;
}
.subnav .active {
    display: block!important;
}
.sousk{
    border: 5px solid rgb(255 255 255 / 18%);
    display: flex;
    
}
.b2-links-yl{
    border-radius: 0px 4px 4px 0px;
    right: 0;
    padding: 5px;
    /* margin-left: 10px; */
    background:#fff;
    line-height: 26px;
    text-align: center;
}
.jitheme_search{
    font-size: 14px;
    width: 80px;
    color: var(--b2color);
    display: block;
    flex: inherit; 
}
.b2-tab-links {
    width: 100px;
    border-radius: 8px;
    min-width: 100px;
    background-color: unset;
    padding-top: 0px;
    margin-left: -120px;
    position: absolute;
    box-shadow:unset;
}
.link-total-cat {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
    margin-right: 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    color: #fff;
    background-color: var(--b2color);
}
.b2-tab-links a.toc-link{
    margin: 0px;
}
/*网址导航侧栏图片*/
.jitop_gif {
    /*position: absolute;*/
    /*top: -50px;*/
    /*left: 25px;*/
    /*border: 0;*/
    /*padding: 0;*/
    /*width: 55px;*/
    /*height: auto;*/
    /*background: none;*/
    position: absolute;
    top: 30px;
    left: -65px;
    border: 0;
    padding: 0;
    width: 55px;
    height: auto;
    background: none;
}
.jitop_gif .icon-avatar {
    position: relative;
    z-index: 4;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 85px;
    height: 150px;
    background: url(../../Center/Assets/images/th.gif) no-repeat 0 0;
}
/*文档页面CSS*/
.search-form-document input {
    border-radius: 0px;
    font-size: 15px;
    padding: 15px;
}
.search-form-document button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: var(--b2color);
    border: 0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
    left:unset;
}
.search-form-document {
    width: 800px;
}
/*视频页面CSS*/
.video-list-title {

    display: flex;
}
/*用户中心发布文章*/
.post-3 .post-module-thumb {
    height: auto;
    margin-right: 16px;
    width: 190px;
    min-width: 190px;
}
/*B2原生侧栏CSS*/
.bar-middle {
    bottom: 40px;
    width: 100%;
}
.aside-bar {
    width: 50px;
}
.bar-normal > div, .bar-footer > div {
    position: relative;
    padding:10px;
}
.aside-bar .bar-item-desc {
    border-radius: 0px;
}
.bar-middle .bar-normal, .bar-footer, .bar-top, .gdd-quick-link-buy-vip {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.gdd-quick-link-buy-vip__popover {
    right: 10px;
}
.gdd-quick-link-buy-vip__hover-block {
    width: 50px;
}
.gdd-quick-link-buy-vip__hover-block p {
    width: 28px;
    margin-left: 11px;
}
/*文章面包屑功能*/
.post-breadcrumb a {
    line-height: 24px;
}
/*文章底部提示 开始*/
.jitheme-bqts {
	padding: 15px;
	color: #121212;
    background: #eef7ff;
}
.jitheme-bqts p {
    font-size: 13px;
}
.jitheme-bqts1 {
	display: flex;
	margin-bottom: 10px;
	font-size: 18px;
}
.jitheme-bqts2 {
    font-size: 14px;
	/*padding-left: 28px;*/
}
@media screen and (max-width: 768px){
.jitheme-bqts2 p {
    margin-bottom: 0px;
    font-size: 12px;
}
.jitheme-bqts1{
    margin-bottom: 0px;
}
}
/*自定义*/
#page-wrapper .slider-1 .carousel,#page-wrapper .slider-1 .flickity-viewport img{
    border-radius: 0px!important;
}
/*列表*/
.home-section-first-menus {
  position: absolute;
  width: 230px;
  -webkit-border-radius: 6px;
  background: rgba(55, 55, 55, 0.5);
  display: none;
}
@media (min-width: 1330px) {
  .home-section-first-menus {
    display: block;
  }
}
.home-section-first-menus .main-menus .li {
  display: block;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  margin: 8px;
}
.home-section-first-menus .main-menus .li.show {
  background: hsla(0, 0%, 100%, 0.1);
}
.home-section-first-menus .main-menus .li.show .menu {
  color: #fff;
}
.home-section-first-menus .main-menus .li.show .sub {
  visibility: visible;
  opacity: 1;
}
.home-section-first-menus .main-menus .menu {
  display: block;
  padding: 10px 10px 10px 20px;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 32px;
  font-size: 14px;
}
.home-section-first-menus .main-menus .menu i {
  /* font-size: 12px; */
  /* width: 30px; */
  /* height: 30px; */
  /* display: inline-block; */
  /* vertical-align: top; */
  /* line-height: 30px; */
  text-align: center;
  margin-right: 15px;
  /* background: rgb(241 235 235 / 42%); */
  /* -webkit-border-radius: 32px; */
  /* border-radius: 30px; */
}
.home-section-first-menus .main-menus .menu img{
    border-radius: 35px;
    width: 35px;
    height: 35px;
    border: 3px solid #f5f6f71a;
    margin-top: -5px;
  }
.home-section-first-menus .main-menus .sub {
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(55, 55, 55, 0.5);
  padding: 20px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  width: 430px;
  overflow-y: auto;
}
.home-section-first-menus .main-menus .sub h2 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 18px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 {
  margin: 0 -12px 0px;
  overflow: hidden;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
  float: left;
  width: 50%;
  padding: 0 12px;
  margin-bottom: 24px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
  display: block;
  background: rgba(245, 245, 248, 0.97);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 20px 12px 50px;
  position: relative;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover {
  background: var(--b2color);
  color: #fff;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .desc,.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  a:hover  .icon-023,.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  a:hover  .icon-024,.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  a:hover  .ithumb,.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .tit {
  color: #fff;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: var(--b2color);
    position: absolute;
    left: 15px;
    top: 22px;
    font-size: 25px;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
  font-size: 16px;
  color: #3c3c3c;
  display: block;
  font-weight: 400;
  height: 1.5em;
  overflow: hidden;
}
.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  .tit  .icon-023,.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  .tit  .icon-024 {
  font-size: 12px;
  color: #ffa300;
  vertical-align: bottom;
  margin-bottom: 3px;
  display: inline-block;
}
.home-section-first-menus  .main-menus  .sub  .sub-menus-1  .sub-item  .tit  .icon-024 {
  color: #ff2c58;
}
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc {
  font-size: 12px;
  color: #bdbdbd;
  height: 1.5em;
  display: block;
  overflow: hidden;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 {
  margin: 0 -10px 0 0px;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
float: left;
    width: 33.3333%;
    padding: 0 10px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
  display: block;
  background: #f7fafa;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 14px;
  color: #878990;
  white-space: nowrap;
  height: 36px;
  overflow: hidden;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #9199a1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
    font-style: normal;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover {
  background: var(--b2color);
  color: #fff;
}
.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em {
  background: #fff;
  color: #3385ff;
}
/*动画*/
.thumb{
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/*倒计时开始*/
 .timer {
    z-index: 1;
    color: white;
    transform: translateY(0px);
    user-select: none;
  }
  @media screen and (max-width: 512px) {
    .timer {
      transform: translateY(-10px);
    }
  }
  .timer__content {
    display: flex;
        margin-top: 20px;
  }
  .timer__item {
    display: flex;
    width: 25%;
    color: #f35;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    animation: item 0.6s ease backwards;
    position: relative;
    transition: all 1s 0.2s ease;
  }
  .timer__item:hover {
    transition: all 0.3s ease;
    transform: translateY(-0px);
  }
  @media screen and (max-width: 799px) {
    .timer__item:hover {
      transform: translateY(0px);
    }
  }
  .timer__item:nth-child(1) {
    animation-delay: 0.2s;
  }
  .timer__item:nth-child(2) {
    animation-delay: 0.4s;
  }
  .timer__item:nth-child(3) {
    animation-delay: 0.6s;
  }
  .timer__item:nth-child(4) {
    animation-delay: 0.8s;
  }
  @keyframes item {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
  }
  .timer__item:before {
    width: calc(100% - 20px);
    height: 60px;
    content: "";
    position: absolute;
    /* color: #009688; */
    bottom: 0;
    backdrop-filter: blur(5px);
    z-index: -1;
    border-radius: 10px;
    background-color: #ffffff87;
    backdrop-filter: blur(10px);
    align-items: center;
    /* border-radius: 0px 0px 10px 10px; */
    /* box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1); */
    /* background-color: #F44336; */
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  }
  @media screen and (max-width: 799px) {
    .timer__item:before {
      height: 80px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__item:before {
      width: calc(100% - 10px);
      height: 60px;
      border-radius: 5px;
    }
  }
  .timer__name {
    /* margin-bottom: 10px; */
    color: #E91E63;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    /* width: 30px; */
    /* height: 30px; */
    bottom: 0px;
    /* background-color: #fff; */
    right: 12px;
    /* box-shadow: 0 3px 4px 0 rgb(0 0 0 / 24%), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); */
    position: absolute;
    border: 3px solid #f5f6f71a;
    border-radius: 50%;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  @media screen and (max-width: 799px) {
    .timer__name {
      font-size: 14px;
    }
  }
  .timer__number {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    animation: number 0.4s 1.4s ease backwards;
  }
  @media screen and (max-width: 799px) {
    .timer__number {
      width: 80px;
      height: 80px;
      font-size: 40px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__number {
      width: 60px;
      height: 60px;
      font-size: 28px;
    }
  }
  @keyframes number {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }
  }
  .timer__text {
    font-weight: 400;
    font-size: 20px;
    color: #E91E63;
    line-height: 20px;
    /* letter-spacing: 0.3em; */
    text-align: center;
padding-bottom: 20px;
    padding-top: 20px;
  }
  @media screen and (max-width: 799px) {
    .timer__text {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__text {
      margin-top: 30px;
    }
  }
  .timer_btn {
    position: relative;
    width: 152px;
    height: 32px;
    background-image: linear-gradient(134deg,#4d5580,#3d4466);
    font-size: 14px;
    color: #fff3eb;
    font-weight: 600;
    margin-top: 20px;
    margin: 20px auto 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.timer_btn{
    border: 0!important;
}
.timer_btn:hover {
	background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));
}
.timer_btn:active {
	background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));
}
.timer_btn .timer_btn_jb {
	top:-14px;
	right:-54px;
	position:absolute;
	background-image:linear-gradient(90deg,#ff9580,#f36);
	border-radius:6px;
	color:#fff;
	letter-spacing:0;
	text-align:center;
	font-weight:100;
	padding:2px 8px;
	font-size:20px;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}
/*问答社区页面CSS*/
.document-row {
    display: flex;
    width: 50%;
    float: left;
    justify-content: space-between;
    align-items: flex-end;
}
.document-content .box, .side-fixed {
    height: 100%;
    width: 100%;
    display: table;
}
.b2-pagenav {
    padding: 10px;
    margin-top: 10px;
}
.document-row h3 {
    font-size: 17px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*专题CSS*/
.jitheme_zt {
    padding: 0px 5px;
    margin-left: 10px;
    color: #fff;
    margin-top: 1px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
}
.collection-button {
    width: 40px;
    height: 40px;
}
.collection-previous .flickity-button-icon, .collection-next .flickity-button-icon {
    width: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.jitheme_color {
    background:  var(--b2color);
}
.jitheme_zt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--b2color);
    position: absolute;
    left: -4px;
    top: 3px;
}
/*列表软件系统图标图标*/
.jitheme_soft {
    position: absolute;
    bottom: 10px;
    /* padding-top: 75%; */
    right:10px;
    padding-top: 5px;
    z-index: 5;
    width: 25px;
    height: auto;
    text-align: center;
    font-size: 8px;
    background-color: #ffffffed;
    backdrop-filter: blur(10px);
    align-items: center;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
}
.soft_ico img{
	width: 15px;
	height: 15px;
	margin-bottom: 5px;
}
/*极主题简码*/
.jianma_btn {
	display:inline-block;
	font-weight:400;
	color:#fff!important;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 20px;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.entry-content a:hover{
	text-decoration: none!important;
}
.jitheme {
    transition: opacity .15s linear;
}
.btn-primary {
	color:#fff!important;
	background-color:#536de6;
	border-color:#536de6;
}
.btn-primary:hover {
	color:#fff!important;
	background-color:#3251e1;
	border-color:#2647e0;
}
.btn-secondary {
	color:#fff!important;
	background-color:#6c757d;
	border-color:#6c757d;
}
.btn-secondary:hover {
	color:#fff!important;
	background-color:#5a6268;
	border-color:#545b62;
}
.btn-success {
	color:#fff!important;
	background-color:#10c469;
	border-color:#10c469;
}
.btn-success:hover {
	color:#fff!important;
	background-color:#0da156;
	border-color:#0c9550;
}
.btn-info {
	color:#fff!important;
	background-color:#35b8e0;
	border-color:#35b8e0;
}
.btn-info:hover {
	color:#fff!important;
	background-color:#20a6cf;
	border-color:#1e9dc4;
}
.btn-info.focus,.btn-info:focus {
	color:#fff!important;
	background-color:#20a6cf;
	border-color:#1e9dc4;
	box-shadow:0 0 0 .2rem rgba(83,195,229,.5);
}
.btn-warning {
	color:#631c00;
	background-color:#f9c851;
	border-color:#f9c851;
}
.btn-warning:hover {
	color:#631c00;
	background-color:#f8bc2c;
	border-color:#f7b820;
}
.btn-warning.focus,.btn-warning:focus {
	color:#631c00;
	background-color:#f8bc2c;
	border-color:#f7b820;
	box-shadow:0 0 0 .2rem rgba(227,174,69,.5);
}
.btn-danger {
	color:#fff!important;
	background-color:#ff5b5b;
	border-color:#ff5b5b;
}
.btn-danger:hover {
	color:#fff!important;
	background-color:#ff3535;
	border-color:#ff2828;
}
.btn-danger.focus,.btn-danger:focus {
	color:#fff!important;
	background-color:#ff3535;
	border-color:#ff2828;
	box-shadow:0 0 0 .2rem rgba(255,116,116,.5);
}
.btn-danger.disabled,.btn-danger:disabled {
	color:#fff!important;
	background-color:#ff5b5b;
	border-color:#ff5b5b;
}
.btn-light {
	color:#631c00;
	background-color:#ff3355;
	border-color:#ff3355;
}
.btn-light:hover {
	color:#631c00;
	background-color:#ff3355;
	border-color:#ff3355;
}
.btn-dark {
	color:#fff!important;
	background-color:#323a46;
	border-color:#323a46;
}
.btn-dark:hover {
	color:#fff!important;
	background-color:#222830;
	border-color:#1d2128;
}
.collapse:not(.show) {
	display:none;
}
.alert {
	position:relative;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid transparent;
	border-radius:.25rem;
}
.alert-heading {
	color:inherit;
}
.alert h4, .alert h5 {
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .875rem;
}
.alert-link {
	font-weight:700;
}
.alert-dismissible {
	padding-right:4rem;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    height: 100%;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.alert-dismissible .close {
	position:absolute;
	top: -3px;
	right:0;
	z-index:2;
	padding: 0.4rem 1.25rem;
	color:inherit;
}
.alert-primary {
	color:#2b3978;
	background-color:#dde2fa;
	border-color:#cfd6f8;
}
.alert-primary hr {
	border-top-color:#b9c3f5;
}
.alert-primary .alert-link {
	color:#1e2752;
}
.alert-secondary {
	color:#383d41;
	background-color:#e2e3e5;
	border-color:#d6d8db;
}
.alert-secondary hr {
	border-top-color:#c8cbcf;
}
.alert-secondary .alert-link {
	color:#202326;
}
.alert-success {
	color:#086637;
	background-color:#cff3e1;
	border-color:#bceed5;
}
.alert-success hr {
	border-top-color:#a8e9c8;
}
.alert-success .alert-link {
	color:#04371e;
}
.alert-info {
	color:#1c6074;
	background-color:#d7f1f9;
	border-color:#c6ebf6;
}
.alert-info hr {
	border-top-color:#b0e3f3;
}
.alert-info .alert-link {
	color:#123e4b;
}
.alert-warning {
	color:#81682a;
	background-color:#fef4dc;
	border-color:#fdf0ce;
	/* display: flex; */
	/* justify-content: space-between; */
}
.alert-warning hr {
	border-top-color:#fce9b6;
}
.alert-warning .alert-link {
	color:#5b491d;
}
.alert-danger {
	color:#852f2f;
	background-color:#ffdede;
	border-color:#ffd1d1;
}
.alert-danger hr {
	border-top-color:#ffb8b8;
}
.alert-danger .alert-link {
	color:#5f2222;
}
.alert-light {
	color:#73797f;
	background-color:#f8fafd;
	border-color:#f5f9fc;
}
.alert-light hr {
	border-top-color:#e1edf6;
}
.alert-light .alert-link {
	color:#5b6064;
}
.alert-dark {
	color:#1a1e24;
	background-color:#d6d8da;
	border-color:#c6c8cb;
}
.alert-dark hr {
	border-top-color:#b9bbbf;
}
.alert-dark .alert-link {
	color:#050506;
}

.m-1 {
	margin:5px!important;
}
.mt-1,.my-1 {
	margin-top:5px!important;
}
.mr-1,.mx-1 {
	margin-right:5px!important;
}
.mb-1,.my-1 {
	margin-bottom:5px!important;
}
.ml-1,.mx-1 {
	margin-left:5px!important;
}
.m-2 {
	margin:5px!important;
}
.mt-2,.my-2 {
	margin-top:5px!important;
}
.mr-2,.mx-2 {
	margin-right:5px!important;
}
.mb-2,.my-2 {
	margin-bottom:5px!important;
}
.ml-2,.mx-2 {
	margin-left:5px!important;
}
.m-3 {
	margin:10px!important;
}
.mt-3,.my-3 {
	padding-top: 10px!important;
}
.mr-3,.mx-3 {
	margin-right:10px!important;
}
.mb-3,.my-3 {
	margin-bottom:10px!important;
}
.ml-3,.mx-3 {
	margin-left:10px!important;
}
.m-4 {
	margin:15px!important;
}
.mt-4,.my-4 {
	margin-top:15px!important;
}
.mr-4,.mx-4 {
	margin-right:15px!important;
}
.mb-4,.my-4 {
	margin-bottom:15px!important;
}
.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-size: 14px;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 0.9375rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none;
    }
}

.accordion .accordion-button {
    text-align: left;
}

.accordion.accordion-icon .accordion-header {
    position: relative;
    margin: 0;
}

.accordion.accordion-icon .accordion-header .accordion-button {
    background: transparent;
    font-size: 13px;
    border: none;
}

.accordion.accordion-icon .accordion-header .accordion-button:after {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9;
}

.accordion.accordion-icon .accordion-header .accordion-button:before {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9;
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.accordion.accordion-icon .accordion-collapse {
    border: none;
    background-color: #f8fafd;
    font-size: 13px;
}

.accordion.accordion-icon .accordion-body {
    padding: 0.2rem 0.5rem 0.5rem 1rem;
    /* background-color: #fee; */
}

.accordion.accordion-bg-light .accordion-item {
    border: none;
    background-color: transparent;
}

.accordion.accordion-bg-light .accordion-button {
    background-color: #cff3e1!important;
    color: #086637 !important;
    padding: .65rem 1.25rem;
}

.accordion.accordion-bg-light .accordion-button:after {
    background: #24292d !important;
}

.accordion.accordion-bg-light .accordion-button:before {
    background: #24292d !important;
}

.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media (max-width: 575.98px) {
    .accordion-icon .accordion-body {
        padding: 0.6rem 0.5rem 0.5rem 0.5rem !important;
    }

    .accordion-header .accordion-button {
        padding-left: 1.3rem !important;
    }
}
.jitheme_meta{
    justify-content: center;
    padding-bottom: 20px;
}
.jitheme_meta a{
    font-size: 15px;
    padding: 0 15px;
    margin: 0;
    max-width: unset;
    border: 0;
    height: 22px;
    line-height: 22px;
    color: #5a5a5a;
}
.jitheme_meta a:hover,.jitheme_meta a.current {
    border: none;
    color: var(--b2color);
    background: none !important;
}
.jitheme_meta span {
    margin-top: 0px;
    display: flex;
}
.jitheme_meta span i{
    margin-right: 5px;
    font-size: 20px;
    vertical-align: text-top;
}
.jitheme_meta span img{
    margin-right: 5px;
    width: 20px;
    height: auto;
    /* margin-top: 4px; */
}
.jitheme_meta a:hover {
    border: none;
    color: var(--b2color);
    background: none !important;
}
.jitheme_filter_meta{
    
}
/*SW*/
#jitheme_archive_swiper {
    position: relative;
    width:100%;
}
#sence-box {
    width: 100%;
    height: 60px;
    max-width: 1920px;
    margin: 14px auto 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#sence-box #sence-list-box {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding-left: 10px; */
}
#sence-box #sence-list-box #swiper1 {
    height: 100%;
    overflow: hidden;
    z-index: 0 !important;
}
.hottopic-next ,.hottopic-prev{
    margin-top: -25px;
}
.sence-list-next,.sence-list-prev{
    margin-top: -60px;
    right: 0px;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.jitheme_swiper_jt{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}

.jitheme_swiper_jt div {
    width: 36px;
    height: 36px;
    background-color: rgba(0,0,0,.4);
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    cursor: pointer;
    pointer-events: auto;
}
.jitheme_swiper_jt div img , .swiper-button-next img , .swiper-button-prev img {
    width: 18px;
    height: 16px;
    
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide {
    transition: all 0.28s;
    height: 60px;
    position: relative;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a {
    position: absolute;
    height: 60px;
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 16px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 100%;
    height: 36px;
    background-color: #FFF;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    text-align: center;
    border-top-width: 0;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--key-color);
    line-height: 22px;
    margin-top: 8px;
    display: block;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name span {
    font-size: 12px;
    font-weight: 400;
    color:var(--muted-color);
    line-height: 17px;
    margin-top: 4px;
    display: block;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 98px;
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image {
    width: 42px;
    height: 42px;
    overflow: hidden;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image img {
    width: 100%;
    border: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image .sence-diagram-normal {
    width: 100%;
}
#sence-list-box .swiper-button-next,#sence-list-box .swiper-button-prev {
    position: absolute;
    top: unset;
    width: 36px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
#sence-box #sence-list-box .swiper-button-next, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev {
    justify-content: flex-start;
    right: -65px;
}
/*#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide:hover {*/
/*    transform: translateY(-5px);*/
/*    -webkit-transform: translateY(-5px);*/
/*    -moz-transform: translateY(-5px);*/
/*}*/
#hottopic #swiper2 .swiper-slide:hover {
   transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: unset;
    left: auto;
}
#sence-box #sence-list-box .swiper-button-next .iconfont, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none;
}
#sence-box #sence-list-box .swiper-button-prev .iconfont, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-next .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none;
}
#sence-box #sence-list-box .swiper-button-prev, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-next {
    justify-content: flex-start;
    left: -65px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1!important;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: unset;
    left: 20px;
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    z-index: 5;
    cursor: pointer;
}
/*SW02*/
#hottopic {
    position: relative;
    width: 100%;
    margin-top: 8px;
}
.topic-title {
    color: #3b3946;
    line-height: 30px;
    position: relative;
    padding-left: 10px;
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
#hottopic #swiper2 {
    /* width: 100%; */
    height: 100%;
    padding-top: 19px;
    padding-bottom: 35px;
    overflow: hidden;
    z-index: 0 !important;
}
#hottopic #swiper2 .swiper-slide {
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    height: 100%;
    width: 292px;
    overflow: hidden;
    margin-right: 20px;
}
#hottopic #swiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 126px;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
#hottopic .swiper-button-next, #hottopic .swiper-container-rtl .swiper-button-prev {
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    right: -65px;
}
#hottopic .swiper-button-next .iconfont, #hottopic .swiper-container-rtl .swiper-button-prev .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
}
#hottopic .swiper-button-prev, #hottopic .swiper-container-rtl .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    outline: none;
    left: -65px;
}
#hottopic .swiper-button-prev .iconfont, #hottopic .swiper-container-rtl .swiper-button-next .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
}
/*自定义分类*/
.jitheme_item {
    width:100%;
    height: 100%;
    overflow: hidden;
    margin-right: 12px;
}
.jitheme_mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.384);
    font-size: 15px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    bottom: 0px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .2s;
}
.jitheme_mask:hover {
    background-color:var(--b2color);
}
.jitheme_mask:hover .jitheme_mask_badge {
    background-color: #fff;
    color: var(--b2color);
}
.jitheme_mask_badge {
    font-size: .75em;
    font-weight: 400;
    line-height: 1;
    margin: 0 .25em;
    color: #fff;
    background-color: var(--b2color);
    text-align: center;
    border-radius: 4px;
    padding: 2px 3px 3px 3px;
    right: 0;
    position: absolute;
    transform: translate(0,-50%);
    background-clip: padding-box;
    top: 10px;
}
/*极主题分类样式*/
.Jitheme_wrapper{
    background-color: var(--main-bg-color);
    margin-bottom: 16px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
}
.filter-name{
	margin-right: 12px;
	color: #999;
	flex-shrink: 0;
	text-align-last: justify;
	max-width: 65px;
	width: 65px;
	margin-right: 20px;
}
#jitheme-filter-top {
    font-size: unset;
    overflow: hidden;
}
.jitheme_item .picture >img {
    height: 60px;
    width:100%;
}
#filter-top a{
   font-size: 16px; 
}
#jitheme-filter-top a{
   font-size: 14px; 
}
#jitheme-filter-top ul li {
    align-items: stretch!important;
    display: flex;
}
#filter-top ul li {
    display: unset;
    padding: 0px;
    align-items: baseline;
    margin-bottom: 0px;
}
#filter-top {
    text-align: center;
}
.jitheme-items li{
    margin-right: 35px;
    font-size: 15!important;
}
.filter-item a{
	display: inline-block;
	line-height: 20px;
	height: 20px;
	margin: 10px 35px 0px 0px;
	cursor: pointer;
}
.filter-item a:hover,.jitheme_fl a:hover{
    color:var(--b2color);
    font-weight: 400;
}
.filter-item .current{
    color:var(--b2color);
    cursor: pointer;
    font-weight: 600;
}
.filter-item span img{
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: text-top;
}
.filter-item span{
    display: flex;
}
.onecad-fenlei {
    padding-top: 20px;
    background-color: var(--main-bg-color);
    
}
.jitheme-fenlei {
    padding: 0px 20px;
    background-color: var(--main-bg-color);
    margin-bottom: 20px;
}
.onecad-fenlei li,.jitheme-fenlei li{
    /* padding-right: 40px; */
    color: #424866;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}
.jitheme-items{
    display: flex;
}
.archive_title {
    position: absolute!important;
    margin-top: -120px;
}
/*.onecad-tax-title .bg:before {*/
/*    content: '';*/
/*    background-image: url(https://ritheme.com/wp-content/themes/ritheme-v2/assets/img/pattern.png);*/
/*    height:120px;*/
/*    width: 100%;*/
/*    opacity: .3;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);*/
/*}*/
.onecad-fenlei li .current{
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 3px solid var(--b2color);
}
.filter-item .current{
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 2px solid var(--b2color);
}
/*.onecad-fenlei li .current:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    display: block;*/
/*    width: 15px;*/
/*    height: 2px;*/
/*    background: var(--b2color);*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
.jitheme-items a{
    line-height: 40px;
    padding: 8px 0px;
}
.jitheme-items li .current:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--b2color);
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}
.jitheme_ico_new{
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -7px;
    line-height: 16px;
    padding: 0 4px;
    background: var(--b2color);
    border-radius: 10px 2px 10px 2px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}
#filter-top .filter-item{
    justify-content: center;
}
.jitheme_ax_jb{
    position: relative;
    margin-top: -40px;
    left: 20px;
    font-size: 12px;
    color:  var(--b2color)!important;
}
.jitheme_xx{
    color:var(--key-color);
    line-height: 40px;
    padding-right: 25px;
}
/*.filter-items {*/
/*    justify-content: center;*/
/*}*/
.jitheme_ico ,.filter-items span img{
    padding-right: 4px;
}
.term-title{
    max-width:320px;
    width: 320px;
    padding: 8px 0px;
    font-size: 12px;
    color:  var(--key-color);
    text-align: center;
    font-weight: 600;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    margin-right: 25px;
    border-radius: 3px;
}
.filter-items span{
    display: flex;
}
.filter-items span i{
    font-size: 18px;
}
.tax-search button {
    right: 0;
    left:unset ;
}
.tax-search button{
    width: 84px;
    height: 33px;
    background:var(--body-bg-color);
    border-radius: 24px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 64px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.tax-search button i {
    color:  var(--key-color);
}
.tax-search input {
    background: var(--body-bg-color);
    border-radius: 24px;
}
.tax-info-item-jitheme .fliter-button {
    margin-left: 20px;
}
/*重构推荐用户发稿按钮*/
.listygo-btn {
    color: #fff;
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: var(--b2color);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
    border-radius:  var(--ji--radius);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    text-align: center;
    z-index: 1;
}

.listygo-btn--style1:hover::before {
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: width 0.8s ease;
}
.listygo-btn--style1::before {
    position: absolute;
    content: "";
    left: 100%;
    width: 0%;
    height: 100%;
    background-color: #00d084;
    border-radius: var(--ji--radius);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease;
    z-index: -1;
}
.listygo-btn__icon {
    min-width: 40px;
    min-height: 40px;
    display: inline-grid;
    background-color: var(--color-secondary);
    place-content: center;
    border-radius: 40px;
    transition: all 0.8s ease;
    position: relative;
    z-index: 1;
}
.listygo-btn--style1:hover .listygo-btn__icon i {
    transform: rotate(180deg);
    transition: all 0.8s ease;
}
.wh-100, .listygo-btn__icon::before, .event-wrapper::before, .blog-block__figure::before {
    width: 100%;
    height: 100%;
}
.listygo-btn__icon i {
    z-index: 1;
    font-size: 20px;
    transition: all 0.8s ease;
    transform: rotate(0deg);
}
.listygo-btn__text {
    padding: 0 30px 0 12px;
    margin: 0 auto;
}
.listygo-btn--style1:hover .listygo-btn__icon::before {
    transform: scale(1) rotate(180deg);
    transition: all 0.8s ease;
}
.listygo-btn__icon::before {
    position: absolute;
    content: "";
    /* background-color: #ff3c56; */
    z-index: -1;
    border-radius: 50%;
    /* transform: scale(0) rotate(0deg); */
    transition: all 0.8s ease;
}
/*自定义内容*/
.index-list .list-article,.index-list .list-nav,.index-list .list-soft{margin-top:30px}
.index-list .list-article-main,.index-list .list-nav-main,.index-list .list-soft-main{border-radius:5px;padding:20px;box-sizing:border-box;background:#fff}
.list-soft-main .layui-tab{width:910px}
.list-soft-main .layui-tab-brief>.layui-tab-title .layui-this{color:#007bf5}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #007bf5}
.list-soft-main .layui-tab{margin:0}
.list-soft-main .layui-tab-title li{margin:0 30px 0 0;padding:0}
.list-soft-main .list-soft-tab{width:910px}
.list-article-tab .type,.list-nav-tab .type,.list-soft-tab .type{border-bottom:1px solid #f6f6f6}
.list-article-tab .type a,.list-nav-tab .type a,.list-soft-tab .type a{color:#ababab;display:inline-block;cursor:pointer;text-indent:0;margin:0 30px 0 0;font-size:15px;padding:0 5px;height:30px;line-height:35px}
.list-article-tab .type .hover,.list-nav-tab .type .hover,.list-soft-tab .type .hover{color:#007bf5;border-bottom:3px solid #007bf5;height:40px}
.list-soft-plate{height:385px;overflow:hidden}
.article-plate,.soft-plate{transition:.4s all;width:10000px}
.hot-soft{transition:.5s all;width:10000px}
.soft-plate .plate-list{float:left;width:910px;height:400px}
.article-plate .plate-list,.soft-plate .plate-list{margin-right:0}
.fl .list-soft-plate .plate-list,.list-nav-plate .plate-list{display:none}
.list-article-plate .plate-list.ing,.list-nav-plate .plate-list.ing,.list-soft-plate .plate-list.ing{display:block}
.list-nav-plate .plate-list ul{width:100%;margin:5px 0 0 0}
.list-nav-plate .plate-list ul li{float:left;width:197px;margin:10px 15px 0 0;overflow:hidden;padding:10px;box-sizing:border-box;line-height:20px}
.list-nav-plate .plate-list ul li:nth-child(6n){float:right;margin-right:0}
.list-nav-plate .plate-list ul li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list-nav-plate .plate-list ul li img{display:block;height:20px;width:20px;float:left;margin-right:5px}
.list-soft-plate .plate-list ul{width:100%;margin:5px 0 0 0}
.list-soft-plate .plate-list ul:nth-child(3n){margin-right:0}
.list-soft-plate .plate-list li{display:block;padding:15px 0;box-sizing:initial;float:left;width:48%;border-bottom:1px solid #f6f6f6}
.list-soft-plate .plate-list li:nth-child(2n){margin-right:0;float:right}
.list-soft-plate .plate-list li .fl{width:65px;height:65px;border-radius:15px;overflow:hidden;border:1px solid #f6f6f6}
.list-soft-plate .plate-list li .fl img{width:65px;height:65px}
.list-soft-plate .plate-list li .fr{width:calc(100% - 80px)}
.list-soft-plate .plate-list li .fr h3{width:75%;font-size:15px;margin:15px 0 0;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}
.list-soft-plate .plate-list li .fr p{font-size:12px;color:#ababab}
.list-soft-plate .plate-list li .fr p span{color:#888;font-size:12px;padding:0 10px}
.list-soft-plate .plate-list li .fr p i{font-style:initial;color:#ffb80f;font-size:14px;margin-right:5px}
.list-soft-plate .plate-list li .fr .down{width:50px;float:right}
.list-soft-plate .plate-list li .fr .down b{font-weight:100;display:block;text-align:right;font-size:13px;color:#888;line-height:25px}
.list-soft-plate .plate-list li .fr .down a{display:block;background:#007bf5;padding:5px 0;text-align:center;color:#fff;margin-top:-30px;border-radius:5px;color:#fff;font-size:12px;transition:all .3s}
.list-soft-plate .plate-list li .fr .down a:hover{color:#fff;background:#1b8eff}
.layui-clear:after {
    content: '\20';
    clear: both;
    *zoom: 1;
    display: block;
    height: 0;
}
/*幻灯片按钮*/
/*.slider-1 .flickity-page-dots {*/
/*    bottom: 90px;*/
/*    top: auto;*/
/*    padding: 0 12px;*/
/*    margin-right: 5px;*/
/*    top: auto;*/
/*    display: block;*/
/*    height: 25px;*/
/*    border-radius: .3rem;*/
/*    right: 24vw;*/
/*    background-color: rgba(51, 51, 51, 0.3);*/
/*}*/
 
/*.slider-1 .flickity-page-dots li {*/
/*    margin-top: 13px;*/
/*    border-radius: 10px;*/
/*}*/
 
/*.slider-1:hover .flickity-page-dots {*/
/*    background-color: rgba(51, 51, 51, 0.3)*/
/*}*/
 
/*.slider-1 .flickity-page-dots li.is-selected {*/
/*    width: 1rem;*/
/*}*/
 
/*.slider-1 .flickity-prev-next-button.previous,*/
/*.slider-1 .flickity-prev-next-button.next {*/
/*    bottom: 80px;*/
/*    top: auto;*/
/*    left: auto;*/
/*}*/
 
/*.slider-1 .flickity-prev-next-button.previous {*/
/*    right: calc(25vw + 145px);*/
/*}*/
 
/*.slider-1 .flickity-prev-next-button.next {*/
/*    right: calc(25vw + 115px);*/
/*}*/
 
/*.slider-1 .flickity-button {*/
/*    width: 28px;*/
/*}*/

/*首页推荐*/
@media screen and (min-width:960px){
#post-item-jitheme-tj .post-modules-top{
  display: unset;  
  align-items: center;
}
#post-item-jitheme-tj .Onecad_title >div:nth-of-type(1)  {
    height: 45px;
    font-size: 32px;
    font-weight: 500;
    color:  var(--key-color);
    line-height: 38px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}
#post-item-jitheme-tj .Onecad_title >div:nth-of-type(1):before {
    content: '';
    display: inline-block;
    clear: both;
    width: 6px;
    height: 6px;
    background: var(--key-color);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 13px;
    margin-bottom: 8px;
}
#post-item-jitheme-tj .Onecad_title >div:nth-of-type(2) {
    margin-bottom: 20px;
}
#post-item-jitheme-tj .Onecad_title >div:nth-of-type(2) {
    text-align: center;
}
#post-item-jitheme-tj .Onecad_title >div:nth-of-type(1):after {
    content: '';
    display: inline-block;
    clear: both;
    width: 6px;
    height: 6px;
    background:  var(--key-color);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 13px;
    margin-bottom: 8px;
}
#post-item-jitheme-tj .post-list-cats a + a {
    margin-left: 20px;
}
#post-item-jitheme-tj .post-carts-list-row {
    white-space: nowrap;
    display: unset;
    overflow: hidden;
    text-align: center;
    justify-content: flex-end;
    align-items: center;
    align-items: center;
    margin: auto;
}
#post-item-jitheme-tj .post-list-cats {
    text-align: center;
    margin-bottom: 20px;
}
}

 /*首页区块切换*/
#jiheme_heml .swiper-button-prev,#jiheme_heml .swiper-button-next{
    text-align: center;
    outline: none;
    background-color: var(--b2color);
}
#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-7.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
}
.post-7 .jitheme_cat_jb {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: unset;
}
.post-7 .post-excerpt {
    margin: 10px 0px;
    background: var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
}
.post-7 .post-list-meta-box{
    margin-bottom: 0px;
    margin:10px 0px 0px 0px;
}
.post-7 .jitheme-post-info {
    margin: 0px 0px 0px 0px;
    background-color: var(--main-bg-color);
    margin-top: -20px;
    position: relative;
    border-radius: 0px;
    /*错位样式*/
    /*padding: 10px 10px 10px 10px;*/
    /*margin: 0px 20px 0px 0px;*/
    /*background-color:var(--main-bg-color);*/
    /*margin-top: -30px;*/
    /*position: relative;*/
    /*z-index: 2;*/
    /*border-radius: 0px 20px 20px 20px;*/
}
.post-module-thumb:hover .post-has-video span i{display:none;}
.post-7 .post-list-cat a{
    font-size: 12px;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    margin-right: 5px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item);
}
.post-7 .tipss {
    font-size: 12px;
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item);
}
.post-7 .item-in:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    box-shadow:unset;
}
.post-7  .post-excerpt {
    margin: 0px; 
}
.post-7 .post-excerpt{
    padding: 8px;
}
.post-7 .post-list-meta li{
    font-size: 12px;
    align-items: center;
    margin: 0px;
    background-color: var(--body-bg-color);
    margin-right: 5px;
    border-radius: 20px;
    color: var(--footer-color);
}
.post-7 .post-list-meta-box li:hover{
    color: var(--b2color);
    background-color: var(--body-bg-color);
}
.post-7 .post-list-meta li span {
    margin-left: 0px;
    font-size: 13px;
}
.post-7 .post-module-thumb i.b2-play-circle-line {
    position: absolute;
    color: rgba(255, 255, 255, 0.7);
    font-size: 40px;
    transition: color .5s;
}
.post-7  #Onecad_vido .post-has-video span {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100%/2 - 40px);
    left: calc(100%/2 - 25px);
    z-index: 1;
    background: unset;
}
/*创意广告*/
.n_banner_inner {
    position: relative;
}
.n_banner_inner .img-info {
    position: absolute;
    right: 12px;
    top: 9px;
    padding: 0;
    text-align: right;
    color: #fff;
}

.n_banner_inner .img-info i {
    position: relative;
    display: inline-block;
    color: #007bff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    z-index: 9;
    font-style: inherit;
}

.n_banner_inner .img-info .info {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 0;
    padding: 5px 0;
    overflow: hidden;
    background: #007bff;
    border-radius: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    white-space: nowrap;

    -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
}

.n_banner_inner .img-info .info a {
    color: #fff;
}

.n_banner_inner .tirr {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
    border-radius: 5px;
}
/*触发Hover*/
.n_banner_inner:hover .info {
    width: auto;
    padding: 5px 23px 5px 12px;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    font-size: 12px;
    z-index: 1;
}
.n_banner_inner img:hover {
    filter: brightness(50%);
}
/*出发声明hover*/
.n_banner_inner .info:hover a {
    color: red;
    text-decoration: none;
}
/*左下角广告*/
.n_banner_inner .Banner-adTag {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 50px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    opacity: 0.5;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .n_banner_inner .img-info {
        display: none;
    }
}
/*
 * B2主题文章页头部下载模块美化
 * 
*/
.ji-downBox {
    padding: 30px;
    margin-bottom: 16px!important;
}
.ji-downMain {
   display: flex;
}
.ji-downMain .thumb {
    height: 300px;
    max-width: 450px;
    width: auto;
    overflow: hidden;
    position: relative;
}
.ji-downMain .thumb img {
    min-width: 100%;

}
.ji-downMain .data .post-meta .data {
    margin-left: 0;
}
.ji-downMain .data {
    flex: 1;
    margin-left: 30px;

    position: relative;
}
.ji-downMain .data h1 {
    margin-bottom: 20px;
    font-size: 24px;
}
.ji-downMain .data ul {
    margin-top: 10px;
}
.ji-downMain .data ul li {
    line-height: 40px;
    list-style: none;
    font-size: 14px;
}

.ji-downMain .data ul li>div {
    display: flex;
    position: relative;
}
.ji-downMain .data ul li>div span:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(../img/li-dian.svg);
    position: relative;
    margin-right: 8px;
    margin-top: 13px;
    opacity: 0.65;
}
.ji-downMain .data ul li>div span {
    flex: 1;
    display: flex;
}
.ji-downMain .post-meta {
    flex: 1;
    margin: 0;
}
.ji-downMain .post-meta .post-author {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ji-downMain .post-meta .post-author .ava {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.ji-downMain .post-meta .post-author .ava img {
    width: 100%;
    margin-right:10px;
   
}
.ji-downMain .jitheme_single_mate{
    display: flex;
    line-height: 35px;
}
.ji-downMain .categories{
    height: 30px;
    display: inline-block;
    line-height: 30px;
    padding: 0 5px 0 5px;
    margin-right: 20px;
    border-radius: 5px;
}
.ji-downMain .categories a {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #8f8f8f;
    vertical-align: top;
}
.ji-downMain .categories i {
    color: var(--b2color);
}
.ji-downMain .categories i {
    padding: 3px;
    border-radius: 100%;
}
/*.ji-downMain .post-meta .post-author span {*/
/*    font-size: 14px;*/
/*    margin-left: 10px;*/
/*}*/
.ji-downMain .single-button-download {
    display: flex;
    /* flex-direction: row; */
    align-items: center;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    margin-top: 33px;
    position: absolute;
}
.ji-downMain .down a {
    display: inline-block;
    transition: all .3s;
    padding: 5px 40px;
    font-size: 16px;
    letter-spacing: .5px;
    background-color: var(--b2color);
    color: #fff;
}
.ji-downMain .down a i {
    display: inline-block;
    transform: translateY(-1px);
    margin-right: 5px;
}
.ji-downMain .post-list-cat {
    flex: 1;
    text-align: right;
    flex-direction: row-reverse;
}

.post_tag .box {
    background: transparent;
}
/*列表菜单样式2*/
.ji-category-bg{
    margin-top: -217px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.ji-category-bg .title span{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 2px;
}
.ji-category-bg p{
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    letter-spacing: 2px;
}
.onecad-tax-title{
    overflow: hidden;
}
#jitheme_arc_b .bg{
    height: 220px;
    /*background-repeat: no-repeat;*/
    /*background-position: 50% center;*/
    /*overflow: hidden;*/
    /*background-size: 150%;*/
    /*-webkit-filter: blur(30px);*/
    /*filter: blur(30px);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(145deg, #20c3f2 0%, #7e39fb 100%);
}
.ji-catnav-wz {
    z-index: 1;
    position: relative;
    color: #fff;
    padding: 10px 0;
}
.ji-catnav-wz a{
    color: #fff;
    font-size: 15px;
}
.ji-catnav-wz a:hover{
    color: var(--b2color)!important;
}
#jitheme_arc_b .tax-info {
    z-index: unset;
    /*background-color:var(--main-bg-color);*/
    margin: 0px;
    padding: 20px 0px 20px 0px;
    justify-content: space-between;
}
#jitheme_arc_b  #filter-top {
    text-align: center;
    padding: 0px;
}

#jitheme_arc_b  #filter-top ul li {
    display: flex;
    padding: 0px;
    margin-bottom: 0px;
}
#jitheme_arc_b .filter-name {
    margin-right: 12px;
    color: #999;
    flex-shrink: 0;
    text-align-last: justify;
    max-width: 65px;
    width: 65px;
    margin-right: 10px;
    font-weight: bold;
    color: var(--key-color);
}
#jitheme_arc_b  #filter-top a {
    font-size:14px;
    border-radius: 5px;
    line-height:15px;
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 5px 0px;
}
#jitheme_arc_b  .tax-search input {
    background: var(--body-bg-color);
    border-radius: 5px;
    padding: 7px 10px 7px 15px;
}
#jitheme_arc_b  .tax-search button {
    width: 33px;
}
#jitheme_arc_b .filter-items a:hover {
    border: 1px solid var(--main-bg-color);
    color: var(--b2color);
    background-color: var(--b2lightcolor);
}
#jitheme_arc_b .button, #jitheme_arc_b button {
    border-radius: unset;
}
#jitheme_arc_b .jithem_ac {
    background-color: var(--main-bg-color);
    box-shadow: 0px 12px 23px 0px rgba(51,51,51,.082);
}
/*分类样式列表2菜单*/
.jitheme-category{
    font-size: 14px;
}
.jitheme_arc_sous {
    display: flex;
}
.jitheme-category .data span em{
    color: var(--b2color);
    font-weight: bold;
    font-style: inherit;
    margin-right: 5px;
}
.jitheme-category ul li{
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
}
.jitheme-category .data span {
    color: var(--key-color);
    font-size: 12px;
    margin-right: 20px;
}
.jitheme-category .data .ji-flex-1 span i.b2-hearts-line{
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc;
}
.jitheme-category .data .ji-flex-1 span i.b2-upload-fill{
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc;
}
.jitheme-category .data .ji-flex-1 span i.b2-arrow-up-line{
    color:var(--b2color);
    margin-left: 3px;
    font-weight: bold;
}
.jitheme-category .jitheme_ac_vip a.vip{
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border: 1px solid var(--b2color);
    color: var(--b2color);
}
.jitheme-category .jitheme_ac_vip a.vip:hover{
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .tax-info-item .fliter-button:hover{
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .jitheme_ac_vip a.upload{
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 33px;
    margin-left: 10px;
    text-align: center;
    border: 1px solid var(--b2color);
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .tax-info-item .fliter-button {
    border: 1px solid var(--b2color);
    color: var(--b2color);
    background-color: unset;
    padding: 7px 16px;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
}
.jitheme-category .data {
    margin-left:20px;
}

/*搜索栏下方分类20230225*/
.poa .soft-cat-logo {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 80px;
}
.poa .soft-cat-logo a {
        display: flex;
    padding: 0.5rem 0.8rem;
    flex-direction: column;
    color: #1D2129;
    align-items: center;
    max-height: 60px;
    font-size: 12px;
    position: relative;
}
.poa .soft-cat-logo a span {
    display: inline-block;
    width: 70px;
    height: 40px;
    border-radius: 0.42857143em;
    margin-bottom: 5px;
    background-size: contain;
    opacity: 0.8;
    position: relative;
    background-repeat: no-repeat;
}
.poa .soft-cat-logo a:hover span:before {
    opacity: 1;
}

.poa .soft-cat-logo a span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid var(--b2color);
    bottom: -6px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.poa .soft-cat-logo a em {
    display: none;
    position: absolute;
    bottom: -19px;
    padding: 4px 8px;
    font-size: 13px;
    color: #fff;
    background: var(--b2color);
    border-radius: 4px;
}

.poa .soft-cat-logo a:hover em {
    display: inline-block;
}

.poa .soft-cat-logo a:hover span {
    opacity: 1;
    overflow: visible;
}