.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background:none;
border: none;
color: #fff;
}
.flickity-button:hover {
background: none;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
margin-top:-22px
}
.flickity-prev-next-button.previous { left: 50px; }
.flickity-prev-next-button.next { right: 50px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 60px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 60px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: 20px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 5px;
background: #fff;
border-radius: 50%;
opacity: 0.5;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
} #nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
} #nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0%   { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0%   { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.toasted{padding:0 20px}.toasted.rounded{border-radius:24px}.toasted.primary{border-radius:2px;min-height:38px;line-height:1.1em;background-color:#353535;padding:0 20px;font-size:15px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted.primary.success{background:#4caf50}.toasted.primary.error{background:#f44336}.toasted.primary.info{background:#3f51b5}.toasted.primary .action{color:#a1c2fa}.toasted.bubble{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#ff7043;padding:0 20px;font-size:15px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted.bubble.success{background:#4caf50}.toasted.bubble.error{background:#f44336}.toasted.bubble.info{background:#3f51b5}.toasted.bubble .action{color:#8e2b0c}.toasted.outline{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#fff;border:1px solid #676767;padding:0 20px;font-size:15px;color:#676767;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);font-weight:700}.toasted.outline.success{color:#4caf50;border-color:#4caf50}.toasted.outline.error{color:#f44336;border-color:#f44336}.toasted.outline.info{color:#3f51b5;border-color:#3f51b5}.toasted.outline .action{color:#607d8b}.toasted-container{position:fixed;z-index:10000}.toasted-container,.toasted-container.full-width{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.toasted-container.full-width{max-width:86%;width:100%}.toasted-container.full-width.fit-to-screen{min-width:100%}.toasted-container.full-width.fit-to-screen .toasted:first-child{margin-top:0}.toasted-container.full-width.fit-to-screen.top-right{top:0;right:0}.toasted-container.full-width.fit-to-screen.top-left{top:0;left:0}.toasted-container.full-width.fit-to-screen.top-center{top:0;left:0;transform:translateX(0)}.toasted-container.full-width.fit-to-screen.bottom-right{right:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-left{left:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-center{left:0;bottom:0;transform:translateX(0)}.toasted-container.top-right{top:10%;right:7%}.toasted-container.top-left{top:10%;left:7%}.toasted-container.top-center{top:10%;left:50%;transform:translateX(-50%)}.toasted-container.bottom-right{right:5%;bottom:7%}.toasted-container.bottom-left{left:5%;bottom:7%}.toasted-container.bottom-center{left:50%;transform:translateX(-50%);bottom:7%}.toasted-container.bottom-left .toasted,.toasted-container.top-left .toasted{float:left}.toasted-container.bottom-right .toasted,.toasted-container.top-right .toasted{float:right}.toasted-container .toasted{top:35px;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:auto;word-break:normal;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;box-sizing:inherit}.toasted-container .toasted .fa,.toasted-container .toasted .material-icons,.toasted-container .toasted .mdi{margin-right:.5rem;margin-left:-.4rem}.toasted-container .toasted .fa.after,.toasted-container .toasted .material-icons.after,.toasted-container .toasted .mdi.after{margin-left:.5rem;margin-right:-.4rem}.toasted-container .toasted .action{text-decoration:none;font-size:.8rem;padding:8px;margin:5px -7px 5px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;cursor:pointer}.toasted-container .toasted .action.icon{padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.toasted-container .toasted .action.icon .fa,.toasted-container .toasted .action.icon .material-icons,.toasted-container .toasted .action.icon .mdi{margin-right:0;margin-left:4px}.toasted-container .toasted .action.icon:hover{text-decoration:none}.toasted-container .toasted .action:hover{text-decoration:underline}@media only screen and (max-width:600px){#toasted-container{min-width:100%}#toasted-container .toasted:first-child{margin-top:0}#toasted-container.top-right{top:0;right:0}#toasted-container.top-left{top:0;left:0}#toasted-container.top-center{top:0;left:0;transform:translateX(0)}#toasted-container.bottom-right{right:0;bottom:0}#toasted-container.bottom-left{left:0;bottom:0}#toasted-container.bottom-center{left:0;bottom:0;transform:translateX(0)}#toasted-container.bottom-center,#toasted-container.top-center{-ms-flex-align:stretch!important;align-items:stretch!important}#toasted-container.bottom-left .toasted,#toasted-container.bottom-right .toasted,#toasted-container.top-left .toasted,#toasted-container.top-right .toasted{float:none}#toasted-container .toasted{border-radius:0}}@media screen and (max-width:768px){
.site-content{
margin:0 5px;
padding-bottom:5px
}
.home .site-content{
margin:0;
}
.mg-b{
margin-bottom:8px
}
.mg-t{
margin-top:8px
}
.modal-content{
margin-top:0;
max-width: 95%
}
.ds-box .modal-content{
width:21rem
}
.btn-group button{
display: none
}
.mobile-show{
display: block
}
.mobile-hidden{
display: none
}
.about-widget .footer-logo{
margin-top:10px
}
.post-style-2 .single-article{
margin-top:0
}
.post-list-meta-avatar::after{
top: -4px;
left: -20px;
height: 19px;
background-size: 66px;
}
.post-list-meta-avatar img{
margin-top:-2px
}
.post-tags-meat{
margin-bottom:8px;
padding: 10px 10px 0;
}
.home-collection-title{
font-size: 14px;
padding:8px 0
}
.home-collection .flickity-prev-next-button.next{
right:8px;
}
.home-row-left .flickity-page-dots{
display: none;
}
.flickity-prev-next-button .flickity-button-icon{
width:16px;
height:10px
}
.flickity-prev-next-button{
width:16px;
height:10px
}
.flickity-prev-next-button .flickity-button-icon{
left:0;
top:29%
}
.post-list-cats button .flickity-button-icon{
top:29%
} .download-item{
flex-flow: column;
margin:0 -12px
}
.download-thumb{
width:100%;
opacity: .2;
}
.download-rights{
width:100%
}
.download-info{
padding:10px
}
.download-info li{
width:100%
}
.download-button-box button{
display: inline-block;
margin-bottom:10px;
}
.download-rights ul li{
border-color:#fff;
padding:5px 0
}
.download-info h2{
font-size: 16px
}
.download-rights .mobile-show{
position: absolute;
right:10px;
top:10px
}
.download-page-box{
margin:40px 10px
}
.download-middle-ads{
max-width: 100%;
margin-bottom:20px
}
.download-page-box .download-meta li{
width:100%
}
.download-page-box .download-meta{
padding-right:10px
}
.download-page-info{
flex-flow: column-reverse
}
.download-page-button button{
margin:0 auto;
display: block;
}
.download-page-box h1{
font-weight: bold;
font-size: 16px
}
.download-page-button .tqma{
flex-flow: column
}
.tqma .fuzhi{
margin:0;
margin-bottom:10px
}
.pay-type li > div{
font-size: 12px
}
.ds-price{
padding:0
} .header{
height:52px!important;
z-index: 6;
}
.header .wrapper{
height:52px;
position: unset;
display: flex;
width:100%;
align-items: center;
position: relative;
flex-flow: inherit;
}
.mobile-box{
position: fixed;
padding: 0;
background: #fff;
left: 0;
top: 0;
bottom:0;
overflow-y: auto;
display: none;
overflow-x: hidden;
z-index: 4;
width:100%
}
.top-menu ul li.depth-0.has_children>a .hob{
left:0;
right:0
}
.mobile-box.show-menu-box{
display: block;
}
.header .top-style.animateIn, .header .top-style.animateOut{
left:0;
}
.header .animateIn{
transform: initial;
}
.header .close-button{
color:initial;
height: 55px;
line-height: 52px;
}
.header-user{
position: absolute;
top: 0;
right: 0;
padding: 13px 8px;
z-index: 2;
}
.login-button .mobile-show{
padding:0;
margin:0
}
.login-button .b2-user{
font-size: 27px;
line-height: 1;
margin:0!important;
color:#333
}
.top-user-avatar img{
width:27px;
height:27px
}
.header-banner-content{
padding:0 8px;
height:33px
}
.ads-tips{
font-size: 10px
}
.login-button{
padding:0;
}
.mobile-show .header-logo{
padding:0
}
.header-logo{
margin:0;
padding: 10px 0 10px 43px;
}
.logo img{
display: block;
height: 24px;
}
.top-menu{
padding: 64px 8px 8px!important;
}
.logo-top .header-logo{
height: auto;
position: unset;
}
.logo-center .header-logo,.menu-center .header-logo{
position: unset
}
.user-panel-editor-button .user-follow{
width:auto;
justify-content: center
}
.user-follow button{
margin:0
}
.user-follow button + button{
margin-left:10px
}
.mobile-row2{
padding:5px 8px;
border-top:1px solid #efefef
}
.mission-page-list li{
padding:8px
} .menu_2-item ul>li{
margin:0;
}
.menu-post-box{
margin:2px
}
.menu_2-item li h2{
margin-top:5px
}
.site-title{
font-size: 18px
}
.top-menu-ul > li.depth-0:first-child > a{
color:#333!important
}
.post-style-2 .top-menu ul li.depth-0 > a{
color:#333!important
}
.top-menu .top-menu-ul{
display: block
}
.logo-top .header-top{
margin:10px auto
}
.top-menu ul li.depth-0 > a,.logo-top .top-menu ul li.depth-0 > a{
display: inline-block;
background: #f5f5f5;
padding: 5px 10px;
font-size: 13px;
margin-bottom:16px
}
.top-menu-ul > li.depth-0:first-child > a{
padding:5px 10px
}
.top-menu ul li.depth-0.has_children > a{
margin:0
}
.b2-menu-3 .sub-menu-0 a{
font-size: 13px;
margin-bottom:5px
}
.top-menu ul li.depth-0{
display: block
}
.has_children .sub-menu{
position: relative;
opacity: 1;
visibility: visible;
top:0;
width: 100%;
padding:10px;
justify-content: flex-start
}
.b2-menu-4 .sub-menu-0{
display: block;
padding:10px 10px 0
}
.b2-menu-4 .sub-menu-0 > li > a{
border:0;
justify-content: space-between;
}
.b2-menu-4 .sub-menu-0 li ul{
display: flex;
flex-grow: auto;
flex-flow: wrap;
}
.b2-menu-4.has_children .sub-menu-0 li ul a{
padding-right:10px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 3px;
overflow: hidden;
}
.b2-menu-4 ul ul li a img{
width:30px;
height:30px
}
.b2-menu-1 .sub-menu-0 li{
width: 25%;
margin: 0;
min-width: auto;
}
.b2-menu-1 .sub-menu-0 li a{
padding: 5px;
height: auto;
display: block;
text-align: center;
}
.logo-left .mobile-box{
padding:0;
margin:0
}
.b2-menu-1 .sub-menu-0 li span{
font-size: 11px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-bottom:3px
}
.b2-menu-1 .sub-menu-0 li a img{
max-width: 100%;
max-height: 100%;
}
.b2-menu-2 .sub-menu-0 > li{
display: block;
width:100%
}
.b2-menu-2 .menu_2-item{
position: relative;
left: 0;
top:0;
margin:-2px
}
.b2-menu-3.has_children .sub-menu{
padding:10px 0
}
.b2-menu-2 .sub-menu-0 > li > a{
width:100%;
padding-bottom:5px;
color:#999;
display: flex;
justify-content: space-between;
font-size: 12px;
}
.b2-menu-2 .sub-menu-0 > li > a:after{
content:'全部';
}
.menu_2-item ul{
flex-flow: wrap;
margin:0
}
.b2-menu-2 .sub-menu-0>li>a{
border-bottom: 1px dashed #ebeef5;
}
.top-menu ul li.depth-0 > a .hob{
display: none
}
.top-menu ul li.depth-0.has_children > a .hob{
display: block;
transform: scale(1);
top:inherit;
bottom:0;
height:1px
}
.b2-menu-4 .sub-menu-0 li a i,.b2-menu-3 .sub-menu-0 li a i{
position: absolute;
right: 0;
top: 0;
padding: 6px 10px;
width: 100px;
text-align: right;
}
.logo-top .header-user{
top: 0;
bottom: inherit;
display: block
}
.b2-menu-3 .sub-menu-0 li ul{
position: relative;
display: flex;
opacity: 1;
visibility: visible;
left: 10px;
}
.b2-menu-3 .sub-menu-0 li ul + ul{
margin-top:10px
}
.b2-menu-3 .sub-menu-0 li ul li{
box-shadow: none
}
.b2-menu-3 .sub-menu-0 li ul.m-show-sub,.b2-menu-4 .sub-menu-0 li ul.m-show-sub{
display: block;
margin:0;
width:100%;
padding:0
}
.b2-menu-4 .sub-menu-0 > li > a:hover{
background: #f5f5f5
}
.b2-menu-4 .sub-menu-0 > li > a{
padding:6px 0;
margin: 0;
width:100%;
font-size: 13px;
}
.b2-menu-4 .sub-menu-0 > li{
margin:0;
margin-bottom:5px
}
.b2-menu-1 .sub-menu-0{
padding:5px;
flex-flow: wrap;
}
.b2-menu-3 .sub-menu-0 li:hover ul{
box-shadow: none;
}
.has_children .sub-menu-0 li ul a{
font-size: 14px;
-webkit-line-clamp: 2;
margin-right: 5px;
margin-bottom: 5px;
background: #f5f6f7;
height: auto;
margin-top: 0;
}
.b2-menu-2.has_children .sub-menu-0 li ul a{
border:0;
margin:0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
background: none;
font-size: 12px;
}
.has_children .sub-menu{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
margin-bottom:20px;
box-shadow: none;
border: 1px solid #ebeef5;
}
.has_children:hover .sub-menu{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.logo-top .header-user{
bottom:unset
}
.top-user-box-drop{
right:0;
top:37px
}
.top-user-box-drop.jt::before, .top-user-box-drop.jt::after{
right:5px
}
.top-user-box-drop p span.top-user-link-des{
font-size: 10px
}
.top-my-home b{
font-size: 12px
}
.logo-top .b2-menu-3 > .sub-menu{
top:0
}
.header-tools{
display: flex;
justify-content: space-between;
align-items: center;
height: 56px;
border-bottom: 1px solid #ccc;
padding: 10px;
position: fixed;
z-index: 3;
background: #fff;
width: 100%;
}
.tax-title h1{
font-size: 17px;
font-weight: 700;
}
.user-search-list li{
width:50%;
padding-right: 8px;
padding-bottom: 8px;
}
.user-search-list {
margin-right: -8px;
margin-bottom: -8px;
}
.user-s-follow button{
padding:5px 10px
}
.user-s-info-avatar{
height:40px;
width:40px;
margin:0
}
.user-s-info{
flex-flow: column;
align-items: center;
margin-top:-20px
}
.user-s-info-name{
margin: 10px;
text-align: center;
}
.user-search-list li .avatar{
border-radius: 100%;
}
.user-s-data{
padding:0;
margin-top:0
}
.user-s-follow{
padding:10px
}
.user-s-info-desc{
padding: 8px;
height: 49px;
line-height: 1.6;
} .picked.post-load-button:after{
right:1px
}
.home_row_0.module-sliders{
margin-top:-8px;
}
.home_row{
padding:5px!important;
}
.slider-info:after{
display: none;
}
.flickity-prev-next-button.previous{
left:10px
}
.flickity-prev-next-button.next{
right:10px
}
.slider-2-right-item h2, .slider-2-carousel h2, .slider-3-item h2, .slider-3-carousel h2, .slider-4-item h2, .slider-4-carousel h2, .slider-5-item h2, .slider-5-carousel h2, .slider-6-item h2, .slider-6-carousel h2{
display: none
}
.slider-user-info{
display: none;
}
.slider-info-in h2{
font-size: 14px;
font-weight: 700;
}
.slider-2-bottom > div + div{
margin-top:5px!important;
}
.slider-2 .slider-in-out{
margin-right:5px!important;
}
.slider-3 .carousel{
margin-bottom:5px!important;
}
.slider-3-item + .slider-3-item{
margin-left:5px!important;
}
.slider-4 .slider-row-2{
margin-top:5px!important;
}
.slider-4 .slider-row-2 .slider-4-item + .slider-4-item .slider-in,.slider-4 .slider-row-1 .slider-4-item .slider-in{
margin-left:5px!important;
}
.slider-5 .slider-in-out{
margin-right:5px!important;
}
.slider-5 .slider-5-bottom .slider-in:nth-child(1), .slider-5-1 .slider-5-bottom .slider-in:nth-child(2){
margin-bottom: 5px!important;
}
.slider-5 .slider-5-bottom .slider-height{
margin-right: 5px!important;
}
.slider-5 .slider-5-bottom{
margin-right: -5px!important;
}
.slider-6-middle{
margin:0 5px!important;
}
.slider-6-item + .slider-6-item{
margin-top:5px!important;
}
.home-collection{
overflow: hidden;
}
.home-collection-in > a {
display: block;
position: absolute;
height: 60px!important;
width: 100%;
padding: 0!important;
}
.home-collection-in > a::after{
content:'';
background: rgba(0, 0, 0, 0.3);
position: absolute;
left:0;
top:0;
height:100%;
width:100%
}
.home-collection-row-2 img{
display: none;
}
.home-collection-row-2{
border:0;
margin:0;
padding:13px 0 0;
font-size: 11px;
}
.home-collection-info{
position: relative;
color:#fff
}
.home-collection-row-1{
color:#fff;
opacity: .7;
font-size: 11px;
}
.home-collection-box-1 ul li{
width:40%!important;
margin-right:8px
}
.collection-out>ul{
margin-right:0
}
.slider-5 h2, .slider-3 h2,.slider-6 h2{
display: none;
}
.home-collection .flickity-button{
display: none;
}
.home-collection-box-1 .home-collection-content{
margin-bottom:0;
margin-right: 0;
}
.home-collection-row-2 a{
font-size: 12px;
color:initial
}
.mobile-footer-menu.footer-fixed{
position: fixed;
bottom:0
}
.top-slider.home_row{
margin: -8px -8px 0!important;
padding:0!important;
}
.post-carts-list-row button{
width:20px
}
.comment-author a{
font-size: 14px;
}
.comment-author .user-title{
font-size: 10px;
} .post-modules-top{
flex-flow: column;
}
.post-list-cats{
width:100%;
}
.post-list-cats a{
padding:16px 10px 14px 10px;
}
.post-carts-list-row .flickity-prev-next-button{
display: none;
}
.modules-title-box{
flex-flow: wrap;
align-items: flex-start;
padding: 8px;
}
.post-info{
padding:10px
}
.item-in{
margin:4px
}
.b2_gap.grid li.grid-item{
width:calc(50% - 4px)!important
}
.post-list .module-title{
font-size: 20px;
}
.post-style-2 .post-list-cat{
left:0
}
.post-style-2 .single-article h1{
margin-bottom:0
}
.post-list .module-desc{
margin:0;
text-align: center;
line-height: 1.5;
font-size: 14px;
}
.home-collection-info h2{
font-size: 14px;
font-weight: 700;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 30px;
line-height: 1.8;
}
.home-collection-in{
margin-bottom:0
}
.post-list-cat{
top:10px;
left:10px
}
.mobile-hidden.widget{
display: none
}
.content-area{
width:100%
}
.b2-content{
display: block
}
.post-excerpt{
font-size: 12px;
height:33px;
margin:6px 0 10px
}
.post-3 ul.b2_gap li.post-3-li{
width:100%!important
}
.post-3 ul.b2_gap li.post-3-li .post-module-thumb{
margin:0;
width:34%;
}
.post-3 ul.b2_gap>li+li{
margin-top:8px;
}
.post-3 .post-module-thumb a{
height:100%
}
.post-list-meta-box .post-list-meta{
font-size: 11px;
margin: 0 -16px -8px;
}
.post-3 .post-excerpt{
display: none
}
.post-3 .post-list-meta-avatar img{
height:18px;
width:18px
}
.post-3 .post-list-meta-avatar .Zi{
height:12px;
width:12px
}
.post-3 .post-info h2{
font-size: 16px;
margin: 5px 0;
height:44px;
font-weight: 400;
}
.post-info h2{
-webkit-line-clamp: 2;
line-height: 1.4;
}
.post-3 .item-in{
flex-direction: row-reverse;
}
.post-3 .post-list-cat{
margin-bottom:0
}
.post-3 .post-info{
margin-right:10px;
min-width: 180px;
margin-left:0
}
.post-3 .post-list-meta{
font-size: 10px;
margin: 0;
margin-top: 10px;
}
.post-list-meta li:nth-child(1){
margin:0
}
.post-list-meta-box i{
font-size: 12px!important
}
.post-list-meta-comment,.post-list-meta-views,.post-list-meta-like{
padding-left:5px
}
.post-list .post-list-cat a{
font-size: 10px;
margin-right:5px;
height:16px;
line-height: 17px;
padding:0 3px;
}
.post-3 .post-list-cat a{
opacity: .4;
}
.post-meta-right button{
padding:5px 10px;
}
.comment_at{
margin:0 5px
}
.sidebar-innter section{
margin-top:8px
}
ul.b2_gap{
margin:-4px
}
.home_row > div{
flex-flow: column;
}
.custom-page-row{
padding:8px
} .header-search-select a{
padding: 6px 16px;
font-size: 13px;
}
.search-box-content .search-title{
font-size: 15px;
margin: 18px 20px;
}
.search-box-content.modal-content{
width: 21rem;
padding: 40px 10px 10px;
}
.search-box-content .search-input{
padding:10px
}
.mobile-search{
padding:0 8px 8px;
}
.mobile-search-input input{
background-color: #fff;
font-size: 13px;
border-radius: 50px;
padding:8px;
text-align: center;
width:100%;
border:0
} .m-open .header-banner{
z-index: 2
}
.insert-post-desc{
font-size: 12px;
display: none;
} .b2-single-content{
display: block
}
.widget-area{
width:100%;
padding:0
}
.post-list-meta-avatar .Zi{
left:23px
} .comment-author{
font-size: 12px
}
.comment .comment-item{
padding: 8px 8px 8px 46px;
}
.comment .gravatar {
width: 30px;
height: 30px;
left: 8px;
top: 8px;
flex-flow: column;
}
.comment-content-text{
margin:0
}
.comment-content-text p{
line-height: 1.6;
font-size: 15px
}
.comment-list .children article .comment-item{
margin-left: 0;
padding: 8px 8px 8px 44px;
}
.comment-list .children article .gravatar{
left:8px
}
.comment-list .children article .gravatar img{
width:30px;
height:30px;
border-radius: 3px;
display: block;
margin: 0;
}
.comment-item-hidden{
visibility: visible;
top:4px
}
.comment-footer{
position: relative;
}
.comment-footer-tools button{
margin-right:0;
margin-left:10px
}
.comment-footer-tools .comment-vote-hidden button{
margin-left:0;
margin-right:8px
}
.gravatar .user-vip{
font-size: 10px;
margin-top:2px
}
.comment-tips{
display: none
}
.comments-title{
padding:8px
}
.comment-nav .ajax-pager{
padding:8px
}
.single-article{
margin-bottom:8px
}
.pager-center{
display: block
}
.respond{
padding:8px
}
.com-info{
display: none
}
.com-form{
margin:0
}
.ajax-pager .btn-group > a{
display: none;
} .content-hidden-before{
top:-7px;
}
.content-hidden-before i{
font-size: 16px;
}
.post-meta li{
margin-right:8px
}
.single-article{
padding:10px
}
.post-meta .post-meta-right button {
margin-left: 5px;
padding: 5px 10px;
font-size: 10px;
display: flex;
align-items: center;
}
.post-meta .post-meta-right div{
display: flex
}
.single-article h1{
margin-bottom:10px;
font-size: 20px;
text-align: left;
line-height: 28px;
}
.entry-header{
margin-bottom:30px
}
.content-ds-users{
max-width:100%
}
.entry-content video{margin:0 auto;max-width:100%;min-height: 192px;display:block}
pre{
margin:0;
margin-bottom:16px;
padding:16px
}
.entry-content > p{
margin-bottom:16px;
}
.entry-content p{
font-size: 16px;
}
blockquote{
padding:16px;
}
blockquote:before{
margin-bottom:8px
}
.entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6{
font-size: 18px;
margin: 0 0 16px;
}
.entry-content > ul, .entry-content > ol {
margin: 0 0 30px 0em;
}
.entry-content > li {
margin: 0 0 .8em 2em;
}
.insert-post-thumb img{
height: 100%;
width: 100%;
object-fit: cover;
}
.content-ds{
margin-top:30px
}
.content-excerpt{
line-height: 24px;
padding:16px;
margin-bottom:16px
}
.file-down-icon{
display: none
}
.file-down-box{
padding-left: 0;
}
.file-down-icon img{
width:30px;
height:30px
}
.file-down-box h2{
margin-bottom:5px;
font-size: 15px
}
.insert-post-thumb{
height: 62px;
}
.entry-content .insert-post-content h2{
font-size: 13px;
font-weight: 400;
margin-bottom:5px;
line-height: 1.5
}
.insert-post h2, .file-down h2{
-webkit-line-clamp: 2;
}
.entry-content .insert-post{
padding:10px;
flex-direction: row-reverse;
}
.insert-post-content{
padding-left:0;
position: unset;
margin-right:10px
}
.content-show-roles{
padding:8px;
min-height:120px
}
.content-user-lv{
margin-bottom:16px
}
.content-cap-title{
margin-bottom:16px
}
.poster-content{
flex-flow: column
}
.poster-image{
min-height: 300px
}
.poster-share{
width:auto;
flex-flow: wrap;
justify-content: space-between;
}
.poster-share div{
flex-flow: wrap;
display: block
}
.poster-content button, .poster-content .button{
width: 64px;
display: inline-block;
padding: 5px;
}
.poster-box .modal-content {
width: 100%;
padding: 24px;
margin: 16px;
}
.file-down-pass code{
font-size: 12px
} .site-footer .wrapper{
flex-flow: wrap;
}
.site-footer .widget{
padding:0;
width:100%
}
.site-footer .widget + .widget{
margin-top:24px
}
.site-footer{
padding:20px 16px
}
.site-footer .widget-title{
padding-bottom:10px
}
.footer a{
font-size: 12px
}
.footer-links {
padding: 10px;
margin: 16px;
}
.widget ul.team-widget li{
border: 2px solid #454545;
}
.about-widget{
margin-top:0
}
.widget ul.team-widget{
margin-top:10px
}
.widget ul.team-widget li{
width:10%
}
.mobile-footer-menu{
position: fixed;
bottom:-56px;
width:100%;
box-shadow: 0 -1px 3px 0 rgba(26,26,26,.1);
background: #fff;
padding:8px;
z-index: 5;
flex-flow: nowrap;
display: flex;
justify-content: space-between;
}
.mobile-footer-center{
margin:0 auto;
width:55px
}
.mobile-footer-center a{
width:100%
}
.mobile-footer-center i{
font-size: 24px;
color: #fff;
height: 39px!important;
display: block;
text-align: center;
line-height: 39px!important;
}
.mobile-footer-menu img{
height:23px
}
.mobile-footer-menu a{
padding:0 10px;
display: block;
text-align: center;
line-height: 1;
}
.mobile-footer-menu a i{
font-size: 23px;
line-height: 28px;
}
.mobile-footer-menu a span{
display: block;
height:23px;
}
.mobile-footer-menu a b{
font-size: 12px;
display: block;
margin-top:5px
}
.mobile-footer-left,.mobile-footer-right{
display: flex;
flex-flow: wrap;
}
.mobile-footer-menu.animateOut,.mobile-footer-menu.animateIn{
transition: transform .3s;
}
.m-open .animateOut{
transform: initial;
} .collection-item{
width:100%;
margin-bottom: -14px;
}
.search-page-title p{
margin-bottom:12px
}
.post-tags-meat{
margin: -9px;
margin-top:8px
}
.post-style-2-top-header{
margin:-16px -16px 16px -16px
}
.post-style-2-top-header{
height:196px!important
}
.post-style-2 .user-tools i{
color:initial
}
.post-style-2 .login-button button.empty{
border-color: initial;
color:initial
}
.post-style-2 .entry-header-meta{
padding:16px
}
.footer-bottom{
flex-flow: column;
font-size: 12px;
padding: 10px;
height: auto;
}
.footer-bottom-left{
flex-flow: column
}
.beian > span:nth-child(1){
display: none
}
.footer-bottom-left .beian{
margin:10px 0;
display: flex;
align-items: center
}
.post-style-3-top{
height: 300px!important;
margin: -16px -16px -90px;
}
.post-style-3-title{
padding:0 16px;
text-align: left;
}
.entry-header .post-meta{
margin-bottom:10px
}
.post-style-3-top .wrapper{
padding-bottom: 100px;
}
.post-style-3-title h1{
font-size: 18px
}
.post-style-3-title .mg-b{
margin:0
}
.post-list-cat{
margin-bottom: 10px;
}
.post-style-4-top{
margin: -16px -16px -40px;
}
.post-style-5-video-box{
width:auto
}
.post-style-5-top .wrapper{
flex-flow: column
}
.post-video-list{
margin: 0!important;
width: auto!important;
max-height: 133px;
}
.post-style-5-top{
margin:-8px 0 8px
}
.post-style-2 i.b2-user{
color:#fff
}
.post-list-meta-avatar span{
margin-top:10px
}
.post-list-meta-avatar{
margin-top:-20px
}
.post-list-meta-avatar img{
border-width: 2px;
width:26px;
height:26px
}
ul.b2_gap>li{
width:50%!important
} .mobile-filter{
display:flex;
margin-bottom:8px;
justify-content: space-between;
padding:8px;
position: relative;
font-size: 12px;
align-items: center;
}
.filters-box.b2-show{
display: block;
}
.filter-box-top{
padding: 8px 0;
border-bottom: 1px solid #efefef;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
position: fixed;
background: #fff;
width: 100%;
left: 0;
top: 0;
padding: 10px 8px;
}
.filter-close{
font-size: 30px;
display: block;
line-height: 34px;
text-align: center;
cursor: pointer;
color: #b2bac2;
}
.tax-image{
display: none
}
.filters-box{
padding:10px;
padding: 10px;
display: none;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 10;
border-radius: 0;
height: 100%;
overflow: auto;
}
.filters-box ul{
height:101%;
padding-top: 60px;
}
.filters-box ul li{
flex-flow: column
}
.filter-name{
text-align: left
}
.filter-items{
margin-top:5px
}
.tax-header{
margin: 0 0 8px;
height:auto
}
.tax-header .wrapper.box{
padding:8px
}
.tax-search button i{
font-size: 19px;
}
.tax-search button{
left:0;
top:0
}
.tax-search input{
font-size: 12px;
padding-left:50px
}
.tax-search form{
padding:2px
}
.filter-items a{
font-size: 12px;
margin-left:0;
margin-right:5px
}
.filters-box ul li + li{
margin-top:0
}
.post-style-2 .header .button.mobile-show{
background: none
}
.b2-pagenav{
margin-top:8px
}
trix-toolbar .trix-button span{
display: none!important;
} .toasted-container .toasted.primary{
display: block;
padding:8px
} .user-cover-button{
right:10px;
top:10px
}
.user-panel{
padding:10px;
margin:0;
flex-flow: column;
align-items: center;
margin-top: -46px;
}
.user-panel .avatar{
border:0;
width:80px;
height:80px;
max-width: 80px;
min-width: 80px;
border-radius: 100%;
border: 3px solid #fff;
cursor: pointer;
}
.user-panel .avatar:hover .editor-avatar{
border-radius: 100%;
}
.user-panel .avatar:hover .editor-avatar span{
display: none
}
.user-panel-info{
margin:0;
padding:0;
margin-top: 14px;
}
.user-cover-button label.empty{
padding:4px 6px;
font-size: 12px
}
.user-panel-info{
font-size: 17px;
text-align: center;
display: block;
}
.user-panel-info p{
margin-bottom:20px
}
.user-panel-info .user-page-lv{
position: absolute;
left: 16px;
top: 55px;
display: flex;
flex-flow: column;
margin: 0;
}
.user-panel-info .lv-icon{
margin: 5px 0 0;
text-align: left;
padding:0;
font-size: 10px;
}
.duk{
display: none
}
.comment-author .lv-icon{
font-size: 11px
}
.user-eidt-button{
position: absolute;
right:10px;
top:56px
}
.mask-wrapper{
padding-top:40%
}
.user-panel-editor-button{
text-align: center
}
.author-page-right{
width:100%;
margin:0;
}
.user-sidebar{
margin-bottom:8px
}
.author-page-left{
width:100%;
z-index: 2;
}
.author-table{
flex-flow: column-reverse;
}
.author-page{
padding:10px
}
.collections-menu ul{
margin:-10px;
margin-bottom:10px;
padding:0 10px
}
.following-avatar{
width:60px;
height:60px;
max-width: 60px;
min-width: 60px;
}
.collections-post-list .following-avatar {
max-width: 60px;
min-width: 60px;
width: 60px;
height: 36px;
margin-right: 8px;
display: none
}
.following-name a{
font-weight: 400;
font-size: 14px;
}
.following-cancel{
width: 80px;
flex-grow: 0;
max-width: 80px;
min-width: 80px;
}
.following-cancel button{
padding:4px 6px
}
.author-edit-page .author-edit-list > li{
flex-flow: column
}
.user-edit-button{
opacity: 1;
visibility: visible
}
.author-edit-page .edit-name{
margin-bottom:10px
}
.user-avatar-chose li{
width:78px;
height:78px
}
.user-open-list{
display: block
}
.user-open-list li{
margin-bottom:10px;
width:100%
}
.author-edit-page{
padding:10px
}
.user-panel-editor-button button,.user-panel-editor-button .button{
font-size: 12px;
padding:4px 6px;
font-weight: 400
}
table td{
min-width: auto;
}
.tab-mobile-hidden{
display: none
} .vip-count ul li .vip-in{
margin:8px
}
.vip-count ul li{
width:50%
}
.vip-top>div p{
font-size: 16px;
margin: 16px;
}
.vip-count{
margin-top:20px
}
.vip-item {
width: 50%;
padding: 8px;
margin-bottom:20px
}
.gold-list-row-1,.gold-list-row-2,.gold-list-row-3,.gold-list-row-4{
width:25%
}
.gold-list-row-5{
display: none
}
.vip-footer{
margin-top:20px
} .menu-icon {
width: 19px;
height: 27px;
padding: 6px 0;
margin-left: 10px;
cursor: pointer;
position: absolute;
left:0;
z-index: 2;
top:13px
}
.menu-icon .line-1,
.menu-icon .line-2,
.menu-icon .line-3 {
height: 2px;
width: 100%;
border-radius: 1px;
transition: background-color .2s ease-in-out;
background-color: #333
}
.menu-icon .line-1 {
-webkit-animation: animate-line-1-rev .7s ease-in-out;
animation: animate-line-1-rev .7s ease-in-out;
}
.menu-icon .line-2 {
margin: 4px 0;
-webkit-animation: animate-line-2-rev .7s ease-in-out;
animation: animate-line-2-rev .7s ease-in-out;
}
.menu-icon .line-3 {
-webkit-animation: animate-line-3-rev .7s ease-in-out;
animation: animate-line-3-rev .7s ease-in-out;
}
.menu-icon.active .line-1 {
-webkit-animation: animate-line-1 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
animation: animate-line-1 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}
.menu-icon.active .line-2 {
-webkit-animation: animate-line-2 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
animation: animate-line-2 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}
.menu-icon.active .line-3 {
-webkit-animation: animate-line-3 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
animation: animate-line-3 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}
.b2-menu-4 ul ul li a img{
margin-right:10px
}
.no-animation {
-webkit-animation: none !important;
animation: none !important;
}
.go-top{
bottom:20px;
right:20px
}
.dmsg-to-box li{
padding:10px
}
.dmsg-to-box{
padding:0
}
.my-dmsg-content{
font-size: 14px
}
.dmsg-list li{
padding:10px
}
.verify-users-title{
display: flex;
flex-flow: column
}
.verify-users-title:before, .verify-users-title:after{
margin: 0 auto;
}
.verify-users-title span{
margin: 16px 40px;
}
.verify-users ul{
padding:10px
}
.verify-users ul li{
width:25%;
padding:1px
}
.verify-box-desc{
font-size: 12px;
}
.verify-box-name{
font-size: 14px;
}
.verify-desc{
padding:20px
}
.verify-step-2{
padding:0;
padding-bottom:30px
}
.verify-button{
margin-bottom:30px
}
.verify-step-2 h2{
margin-left:20px
}
.verify-chenghao h2{
margin-left:0
}
.verify-mp{
flex-flow: column;
}
.verify-mp-left{
margin-left:0
}
.verify-mp-right{
width:100%;
min-width: 100%;
text-align: center;
}
.task-box{
padding:10px
} .aside-container{
display: none;
width:100%;
z-index: 8;
}
.bar-footer{
display: none;
}
.aside-container .bar-user-info{
padding:10px 0 0!important;
width:100%
}
.bar-box{
width:auto
}
.aside-bar .bar-item-desc{
position: initial;
right: initial;
top: initial;
padding: 0;
display: none!important;
width: initial;
background: initial;
color: initial;
}
.bar-middle{
top: inherit;
bottom: 27%;
}
.aside-container.aside-show{
display: flex;
flex-flow: row-reverse;
}
.bar-top{
left: initial;
right: 3px;
top: initial;
bottom: 10%;
}
.mobile-footer-menu a b.footer-new-msg{
position: absolute;
width: 12px;
height: 12px;
background: #e90005;
top: 5px;
right: 15px;
border-radius: 100%;
border: 1px solid #fff;
color: #fff;
font-size: 8px;
line-height: 12px;
}
@-webkit-keyframes animate-line-1 {
0% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
-webkit-transform: translate3d(0, 6px, 0) rotate(0);
transform: translate3d(0, 6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
transform: translate3d(0, 6px, 0) rotate(45deg);
}
}
@keyframes animate-line-1 {
0% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
-webkit-transform: translate3d(0, 6px, 0) rotate(0);
transform: translate3d(0, 6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
transform: translate3d(0, 6px, 0) rotate(45deg);
}
}
@-webkit-keyframes animate-line-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@keyframes animate-line-2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes animate-line-3 {
0% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
-webkit-transform: translate3d(0, -6px, 0) rotate(0);
transform: translate3d(0, -6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
transform: translate3d(0, -6px, 0) rotate(135deg);
}
}
@keyframes animate-line-3 {
0% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
50% {
-webkit-transform: translate3d(0, -6px, 0) rotate(0);
transform: translate3d(0, -6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
transform: translate3d(0, -6px, 0) rotate(135deg);
}
}
@-webkit-keyframes animate-line-1-rev {
0% {
-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
transform: translate3d(0, 6px, 0) rotate(45deg);
}
50% {
-webkit-transform: translate3d(0, 6px, 0) rotate(0);
transform: translate3d(0, 6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
}
@keyframes animate-line-1-rev {
0% {
-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
transform: translate3d(0, 6px, 0) rotate(45deg);
}
50% {
-webkit-transform: translate3d(0, 6px, 0) rotate(0);
transform: translate3d(0, 6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
}
@-webkit-keyframes animate-line-2-rev {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes animate-line-2-rev {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes animate-line-3-rev {
0% {
-webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
transform: translate3d(0, -6px, 0) rotate(135deg);
}
50% {
-webkit-transform: translate3d(0, -6px, 0) rotate(0);
transform: translate3d(0, -6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
}
@keyframes animate-line-3-rev {
0% {
-webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
transform: translate3d(0, -6px, 0) rotate(135deg);
}
50% {
-webkit-transform: translate3d(0, -6px, 0) rotate(0);
transform: translate3d(0, -6px, 0) rotate(0);
}
100% {
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}
}
}