@charset "UTF-8";

@font-face {
font-family: "DIN-Medium";
src: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/fonts/DIN.woff) format("woff"),
url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/fonts/DIN.ttf) format("truetype"),
url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/fonts/DIN.eot) format("embedded-opentype"),
url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/fonts/DIN.svg) format("svg");
}
img.lazy:not(.loaded) {opacity: 0;}
img.lazy.error {filter: none;}
img:not([src]):not([srcset]) {
visibility: hidden;
}
img.lazy.loaded{
opacity: 1;
transition: opacity 400ms;
}
@keyframes yellow-twinkle{
0% {
background: rgba(255,255,0,0);
}
50% {
background: rgba(255,255,0,1);
}
100% {
background: rgba(255,255,0,0);
}
}
.b2flex{
display: flex;
align-items: center;
}
.site{
display: flex;
min-height: 100vh;
flex-flow: column; }
.post-style-5 .b2-page-bg{
display: none;
}
.topshory .site-content{
margin-top: -70px;
}
.topshory .header-banner{
background: none;
}
.topshory-box{
background: #01bffb;
height: 266px;
margin-top: -136px;
display: flex;
align-items: flex-end;
padding-bottom: 40px;
}
.topshory .top-style-blur{
display: none;
}
.site.topshory .site-header-in{
box-shadow: none;
}
.site.up .top-style-blur{ }
.b2-page-bg{
position: absolute;
top: 0;
width: 100%;
left: 0;
filter: blur(10px);
transform: scale(1.08);
opacity: .5;
pointer-events: none;
}
.b2-page-bg::before{
content: '';
width: 100%;
height: 100%;
bottom: 0;
left: 0;
position: absolute;
z-index: 1;
}
.b2-page-bg img{
width:100%
}
.site-header{
height:121px
}
.site-header-in{
position: fixed;
width:100%;
z-index: 7;
}
.home:not(.page-template) .site-content {
padding-bottom: 0;
}
.site-content{
flex: 1;
padding-bottom:30px;
}
.wrapper{
margin:0 auto;
max-width: 100%;
}
.content-area{
width:100%;
max-width: 100%;
}
.b2-content .content-area,.post-style-2 .content-area,.archive .content-area{
margin:0 auto;
}
.user-none{
color:#bcbcbc
} .site .site-header-in{
transform: translate(0);
transition: transform .3s;
box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
}
.m-open .site-header-in{
height:100%
}
.site.up .site-header-in{
transform: translate(0,-65px);
transition: transform .3s,background-color .3s ease-out;
}
.m-open .action.up .site-header-in{
transform: translate(0);
}
.header-banner-left{
opacity: 1;
transition: opacity .3s;
}
.header-banner-left.hidden{
opacity: 0;
transition: opacity .3s;
}
.post-style-2 .site .site-header-in{
transition: transform .5s,background-color .3s ease-out;
background-color: rgba(255, 255, 255, 0);;
}
.post-style-2 .site.action .site-header-in{
background-color: rgba(0, 0, 0, 0.58);
}
.post-style-2 .site.up .site-header-in{
background-color: rgba(0, 0, 0, 0.58);
}
.social-top .top-search{
margin-right:16px
}
.top-style .b2small,.top-style-bottom .b2small{
right: 10px;
top: 15px;
}
.header-banner-content .b2small{
right: -3px;
top: 15px;
}
.b2small{
position: absolute;
display: block;
right: -3px;
top: -5px;
font-size: 10px;
font-weight: 400;
padding: 0 7px;
line-height: 17px;
color: #ffffff;
background: #188ef4;
background: linear-gradient(to right, #0056f3 0%, #2b76ff 100%);
border-radius: 4px 4px 4px 0;
transform: translate(50%, -75%);
height: 18px;
}
.b2small.vip-tips{
color: #bf7648;
background: #f9e1be;
background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%);
}
.b2small.shop-tips{
background: #f35;
background: linear-gradient(to right,#f35 0%,#ff6780 100%);
}
.post-style-2 .social-top .header-banner-left .menu li.current-menu-item a{
color:#fff;
}
.post-style-2  .social-top .header-banner-left .menu > li.current-menu-item > a:after{
background:#fff
}
.header-banner-left .menu > li.current-menu-item > a:after{
content: '';
width: 10px;
height: 2px;
border-radius: 5px;
bottom: 12px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
.post-style-2 .header-banner .ym-menu a{
color:#fff
}
.post-style-2 .top-submit button{
color:#fff;
border-color:#fff
}
.post-style-2 .change-theme button{
color:#fff
}
.header-banner{
width: 100%;
position: relative;
z-index: 6;
}
.header-banner-content{
height:64px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px
}
.header-banner-content div.mobile-show{
display: none;
}
.header-banner-content .b2-hidden{
display: none
}
.header-banner-content > div{
display: flex;
align-items: center;
line-height: 1
}
.header-banner-left ul{
display: flex;
align-items: center;
white-space: nowrap;
}
.header-banner-left .menu li{
margin-right:26px
}
.post-style-2 .header-search-select a{
color:#333!important
}
.top-menu ul li.current-menu-item.depth-0 > a .hob{
transform: scale(1,1);
visibility: visible;
opacity: 1;
}
.header-banner-left .menu li a{
display: flex;
align-items: center;
transition: opacity .2s ease-out;
padding:21px 0;
position: relative;
}
.header-banner-left .menu li:has(.sub-menu){
color:red
}
.post-style-2 .header-banner-left .menu li.current-menu-item a{
color:#fff
}
.post-style-2 .header-banner-left .menu li.current-menu-item a:after{
background-color: #fff;
}
.header-banner-left .menu li a i{
font-size: 16px;
}
.header-banner-left .menu li a:hover{
opacity: 1;
transition: opacity .2s ease-out;
}
.announcement-icon{
height:18px
}
.logo-top.header{
height:121px
}
.header{
position: relative;
z-index: 5;
height:58px;
width:100%;
}
.header .top-style.animateIn,.header .top-style.animateOut{
position: fixed;
background-color: #fff;
transition: transform .3s;
width:100%;
top:0;
box-shadow:0 2px 3px rgba(51,51,51,0.2);
}
.post-style-2 .header .top-style.animateIn,.post-style-2 .top-style.animateOut{
background: rgba(51,51,51,.56);
}
.animateIn{
transform: translateY(0px);
}
.animateOut{
transform: translateY(-100%);
}
.header .wrapper{
display: flex;
height:58px;
align-items: center;
position: relative;
z-index: 2;
}
.header-user{
position: absolute;
right:0;
top: 12px;
}
.header-login-button{
display: flex;
align-items: center
}
.header-login-button button{
margin-left:10px;
padding: 8px 15px;
}
.header li{
list-style: none
}
.top-menu .top-menu-ul{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.top-menu-ul > li.depth-0:first-child > a{
padding-left:0
}
.top-menu ul li.depth-0{
display: flex;
line-height: 1;
}
.top-menu ul.sub-menu li i{
line-height: 1;
}
.b2-menu-3{
position: relative;
}
.top-menu ul li.depth-0:hover > a .hob{
transform: scale(1,1);
visibility: visible;
opacity: 1;
}
.top-menu ul li.depth-0 > a .hob{
visibility: hidden;
opacity: 0;
height: 3px;
position: absolute;
top: auto;
right: 12px;
bottom: 0;
left: 0;
-webkit-transform: scale(1,0);
-moz-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: transform .2s ease-out;
-moz-transition: transform .2s ease-out;
transition: transform .2s ease-out;
}
.top-menu-ul > li.depth-0 + li.depth-0 > a .hob{
left:12px;
right:12px;
}
.top-menu ul li.depth-0.has_children > a .hob{
right:28px
}
.top-menu ul li.depth-0 > a{
font-size: 14px;
display: flex;
align-items: center;
padding:0 12px;
line-height: 57px;
position: relative;
z-index: 2;
height: 57px;
}
.top-menu a{
display: block;
position: relative;
box-sizing: border-box;
}
.site-title{
font-size: 22px;
letter-spacing: 3px;
}
.logo{
display: flex;
height:34px;
align-items: center;
}
.logo img{
display: block;
height:34px
}
.logo a{
margin: 0 auto;
display: flex;
}
.register-button{
margin-left:12px
}
.top-style-blur{
position: absolute;
width:100%;
height:100%;
left:0;
top:1px;  }
.post-style-2 .top-style-blur{
display: none;
}
.single.post-style-2 .entry-header .post-list-cat a{
color:#fff
}
.social-top .header-banner{
height:64px;
z-index: 6;
}
.post-style-2 .social-top .header-banner{
background: rgba(51, 51, 51, 0.4);
}
.post-style-2 .social-top .header-banner{
border-bottom:0
}
.post-style-2 .social-top .header{
border:0;
background: rgba(51, 51, 51, 0.42);
}
.post-style-2 .social-top .top-submit .button,.post-style-2 .social-top .top-submit button{
color:#fff;
border-color: inherit;
}
.social-top .header{
height:55px;
}
.site-header.social-top{
height:119px
}
.site-header.social-top.social-no-sub{
height:58px
}
.social-top .header-banner-content{
height:auto;
position: relative;
}
.social-top .header-logo{
padding:15px 0
}
.social-top .header-logo{
margin-right:30px
}
.social-top .header-banner-left .menu li a{
opacity: 1;
font-size: 16px;
position: relative;
}
.post-style-2.social-top .header-banner-left .sub-menu li a{
color:#fff
}
.post-style-2.social-top .header-banner-left .ym-menu ul li ul.sub-menu li a{
color:initial
}
.social-top .header .wrapper{
height: 55px;
}
.social-top .header-user{
position: initial;
right: 0;
display: flex;
width: 138px;
justify-content: flex-end;
}
.social-top .top-menu ul li.depth-0 > a{
height: 55px;
opacity: .8;
box-sizing: border-box;
}
.ym-menu .menu-item-has-children{
position: relative;
}
.ym-menu .sub-menu{
top:54px;
display: block;
overflow: hidden;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%);
padding:10px 0;
border-radius: 4px;
left:-50px;
display: none;
}
.ym-menu .sub-menu li{
margin:0;
}
.ym-menu > ul > li:hover .sub-menu{
display: block;
}
.ym-menu .sub-menu li a{
padding:10px 16px;
font-size: 14px!important;
display: block;
}
.ym-menu .sub-menu li a:hover{
background-color: #f5f6f7;
}
.header .sub-menu{
color: initial;
}
.change-theme>div a{
display: block;
height: 24px;
width: 35px;
text-align: center;
line-height: 30px;
border-radius: 100%;
position: relative;
line-height: 1;
}
.social-top .change-theme>div a{
margin-right:16px
}
.change-theme button {
margin-right: 16px;
padding: 5px;
border-radius: 100%;
width: 24px;
height: 24px;
line-height: 1;
padding:0;
background: none;
border:0;
color:inherit;
margin-right:10px
}
.change-theme button .b2-search{
font-size:16px;
}
.post-style-2 .mobile-show .change-theme button{
background-color:#787878
}
.change-theme a i{
font-size: 22px;
font-weight: 500;
}
.change-theme b{
position: absolute;
width: 9px;
height: 9px;
background: #ff3a55;
top: 0px;
right: 6px;
border-radius: 100%;
border: 1px solid #fff;
z-index: 3;
}
.change-theme > div{
position: relative;
}
.social-top .top-user-avatar img{
height: 100%;
width: 100%;
}
.top-user-avatar img{
background: none;
}
.social-top .mobile-box{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.top-search{
position: relative;
}
.top-search input{
padding: 8px 37px 8px 8px;
width: 150px;
background: none;
border:0
}
.top-search .header-search-select{
position: absolute;
display: flex;
flex-flow: column;
top: 37px;
background: #fff;
left: 0;
border: 1px solid #F5F6F7;
padding:5px
}
.top-search form{
display: flex;
background-color: rgb(204 204 204/21%);
}
.top-search-button{
display: flex;
white-space: nowrap;
align-items: center;
font-size: 12px;
}
.top-search-button button{
background:none;
padding:5px 10px 5px 16px;
border:0;
color:inherit
}
.search-button-action{
background: none;
border: 0;
position: absolute;
right: -5px;
top:0;
color:inherit
}
.post-style-2 .search-button-action{
color:#fff
}
.top-search-select{
cursor: pointer;
display: block;
padding: 0 7px 0 16px;
height: 19px;
line-height: 19px;
color:initial;
border-right: 1px solid #ffffff29;
color: inherit;
}
.post-style-2 .top-search-select{
color:#fff
}
.top-search-select i{
font-size: 13px;
margin-left:2px;
}
.top-submit .button,.social-top .top-submit button{
padding:5px 10px;
border: 1px solid #e2e8f04d;
color:inherit;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
border-radius: 5px;
display: flex;
align-items: center;
}
.social-top .change-theme{
margin:0;
}
.social-top .header-login-button button{
margin-left:0;
background: none;
border: 0;
color:inherit;
background: rgb(204 204 204 / 21%);
}
.social-top .header-login-button button.empty{
margin-right:10px;
}
.change-theme{
display: flex;
margin:0 18px;
align-items: center;
}
.change-theme button i{
font-size: 22px;
}
.normal-banner-right .top-search-button button{
padding:5px 9px 5px 16px;
}
.normal-banner-right .change-theme{
margin-right:0;
width: 74px;
justify-content: flex-end;
} .shop-box-list ul{
display: flex;
flex-flow: wrap;
list-style-type: none!important;
}
.shop-box-list li{
position: relative;
max-width:25%;
width:100%;
}
.shop-coupon-box{
display: flex;
flex-flow: wrap;
}
.stamp {position: relative;display: flex;position: relative;}
.stamp i.coupon-bg{position: absolute;left: 20%;top: 45px;height: 190px;width: 390px;background-color: rgba(255,255,255,.15);transform: rotate(-30deg);display: none;}
.stamp .par{padding:10px;width: 60%;border-right:2px dashed rgba(255,255,255,.3);text-align: left;}
.stamp .par p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 12px;
color:rgba(255, 255, 255, 0.66);
margin-bottom:10px;
line-height: 1;
}
.stamp .par span{font-size: 22px;color:#fff;margin-right: 5px;font-family: Impact;}
.stamp .par sub{position: relative;color:rgba(255,255,255,.8);font-size: 12px;}
.stamp .par sub.sign{font-size: 17px;}
.stamp .copy{padding: 5px;
width: 40%;
vertical-align: text-bottom;
font-size: 16px;
color: #fff;
z-index: 2;
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.stamp .copy button{
padding: 5px 12px;
background: #fff;
color: #000;
opacity: .8;
border: 0;
}
.stamp .copy button.text{
background: none;
color:#fff;
display: flex;
align-items: center;
}
.copy-date{
font-size: 12px;
margin-bottom: 10px;
}
.shop-box-price{
color: #f44336;
font-size: 15px;
padding: 0;
background: #f8fbff;
border-top: 1px solid #F5F6F7;
border-bottom: 1px solid #F5F6F7;
padding: 5px 16px;
}
.shop-box-price .delete-line{
font-size: 12px;
color:#AAAEB3;
}
.shop-box-price.shop-box-credit{
color:green
}
.shop-title-box{
margin-bottom:10px;
font-size: 13px;
font-weight: bold;
}
.stamp .copy p + p{margin-top:15px}
.stamp01{background: #ffa41b;}
.stamp01:before{background-color:#ffa41b;}
.stamp02{background: #f35;}
.stamp02:before{background-color:#f35;}
.stamp03{background: #1a85ff;}
.stamp03:before{background-color:#1a85ff;}
.stamp04{background: #8a8a8a;}
.stamp04:before{background-color:#50ADD3;}
.coupon-info{
position: absolute;
width:100%;
min-height: 141px;
background: #259349;
color:#fff;
left:0;
top:0;
font-size: 14px;
text-align: left;
line-height: 1.4;
z-index: 3;
}
.coupon-info a{
font-size: 12px;
}
.coupon-info .shop-coupon-title{
padding: 5px 10px;
background: rgba(255, 255, 255, 0.3);
line-height: 1;
}
.shop-box-row{
display: flex;
flex-flow: column;
}
.shop-box-title{
display: flex;
justify-content: space-between;
line-height: 1;
align-items: center;
}
.shop-module-top-right{
display: flex;
align-items: center;
}
.shop-box-links{
margin-right:10px
}
.shop-box-none-coupon .shop-box-list{
width:100%
}
.shop-box-none-coupon .shop-box-list li{
max-width:20%;
width:100%;
}
.shop-list-thumb-in-info{
position: absolute;
top:0;
left:0;
width:100%;
height:100%
}
.shop-list-thumb-in-info img{
width:100%;
height:100%;
display: block;
}
.shop-box.shop-box-none-product .shop-coupon-item{
width:25%
}
.coupon-desc{
opacity: .5;
margin-bottom:5px
}
.coupon-title{
font-size: 12px;
}
.coupon-id{
font-family: Impact;
}
.coupon-info{
display: none;
}
.coupon-info > div{
padding:9px 10px
}
.coupon-info > div img{
width:20px;
border-radius: 100%;
}
.coupon-roles div{
font-size: 12px;
}
.coupon-roles-desc span{
color:#fff;
display: inline-block;
}
.coupon-info div:last-child{
padding-top:0
}
.coupon-info div .coupon-title{
opacity: .7;
}
.coupon-box > div{
display: flex;
justify-content: center;
}
.coupon-box .shop-coupon-item{
width:322px;
line-height: 1.4;
height:141px
}
.stamp .par .coupon-date span{
font-size: 12px;
}
.coupon-box .shop-coupon-item+.shop-coupon-item .stamp{
margin-top:0
}
.coupon-box .flickity-prev-next-button.next{
right:-45px
}
.coupon-box .flickity-prev-next-button.previous{
left:-45px
}
.shortcode-coupon.shop-coupon-item{
display: flex;
justify-content: center;
}
.shortcode-coupon.shop-coupon-item .stamp{
margin-right:0;
width:320px
}
.shop-coupon-item .stamp{
height:141px
}
.coupon-box .flickity-prev-next-button .flickity-button-icon{
color:#ccc
}
.shop-coupon-title{
display: flex;
justify-content: space-between;
align-items: center;
}
.close-coupon-info{
font-size: 20px;
cursor: pointer;
}
.shop-box-title .module-title{
font-size: 18px;
text-align: left;
margin-right: 10px;
font-weight: 600;
}
.shop-box-title .module-desc{
font-size: 13px;
color: #bcbcbc;
}
.shop-coupon-item{
flex:0 0 33.3333%
}
.shop-list-item{
position: relative;
}
.shop-list-item h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 16px;
height: 42px;
margin:16px
}
.shop-list-item .delete-line{
text-decoration: line-through
}
.coupon-date{
font-size: 12px;
color:#fff;
margin-top:10px
}
.shop-list-thumb{
position: relative;
}
.shop-list-thumb-in{
height:0;
padding-top:100%
}
.shop-list-thumb span.shop-box-type{
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
background: #fbff00;
padding: 2px 5px;
border-radius: 3px;
}
.shop-normal-tips {
position: absolute;
right: 10px;
bottom: 10px;
line-height: 20px;
height: 20px;
font-size: 12px;
background-color: #fdd6d3;
color: #f44336;
padding: 0 4px;
border-radius: 3px;
}
.shop-box .shop-normal-item-count{
color:#ccc;
}
.shop-normal-item-count b{
font-weight: normal;
}
.shop-normal-item-count {
display: flex;
padding:16px
}
.shop-normal-item-count span{
font-size: 12px;
white-space:nowrap;
}
.shop-normal-item-count span + span{
margin-left:8px
}
.shop-normal-item-count span:last-child{
flex: 1;
text-align: right;
}
.b2-widget-products .b2-widget-post-thumb .b2-widget-post-thumb-product-img{
height:0;
padding-top:100%;
position: relative;
width:100%
}
.b2-widget-products .b2-widget-post-thumb .b2-widget-post-thumb-product-img img{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.html-widget{
padding:16px
}
.coupon-widget-content > div + div{
margin-top:10px
} .logo-left .mobile-box{
margin-left:30px
} .logo-center .top-style,.logo-left .top-style,.menu-center .top-style,.social-top .top-style-bottom,.logo-top{
border-top: 1px solid #f5f6f752;
}
.post-style-2 .top-style,.post-style-2 .top-style-bottom,.post-style-2 .logo-top{
border-color: rgb(245 246 247 / 14%);
}
.logo-top .top-style-blur{
top:0
}
.logo-center .header-logo{
position: absolute;
right: 0;
left: 0;
text-align: center;
display: flex;
justify-content: center;
} .menu-center .header-logo{
position: absolute;
left:0;
}
.menu-center .mobile-box{
margin:0 auto
} .logo-top .logo-top .wrapper{
flex-direction: column;
align-items: inherit;
height: auto;
}
.header-logo{
padding:14px 0
}
.logo-top .sub-menu{
top:120px
}
.logo-top .b2-menu-3 > .sub-menu{
top:56px
}
.logo-top .logo{
justify-content: center;
}
.logo-top .top-menu{
}
.logo-top .site-header{
height:169px
} .top-user-info{
display: flex
}
.login-button{
display: flex;
align-items: center
}
.login-button .text{
font-size: 15px;
margin-right:10px;
color:#333
}
.sub-menu{
position: absolute;
top:54px;
width:200px;
z-index: 2;
background: #fff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.has_children .sub-menu{
border-top-left-radius: 0;
border-top-right-radius: 0;
box-sizing: border-box;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%);
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(0) translateY(20px);
transform: translateX(0) translateY(20px);
-webkit-transform-origin: top;
transform-origin: top;
}
.has_children .sub-menu a{
display: flex;
align-items: center
}
.has_children:hover a i.b2-arrow-down-s-line{
transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-moz-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
}
.has_children:hover a i.b2-arrow-down-s-line{
transform: rotateX(180deg);
}
.has_children:hover .sub-menu{
opacity: 1;
visibility: visible;
z-index: 1;
transform: translateY(0);
-webkit-transition: all .25s;
transition: all .25s; }  .b2-menu-3 .sub-menu-0{
padding:12px 0;
}
.b2-menu-3 .sub-menu-0 li:hover ul{
box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
}
.b2-menu-3 .sub-menu-0 a{
font-size: 14px;
display: flex;
padding:10px 14px;
justify-content: space-between
}
.menu-post-box:hover a{
text-decoration: underline;
}
.b2-menu-3 .sub-menu-0 > li:hover > a,.b2-menu-3 .sub-menu-0 a:hover{
background: #f2f2f2
}
.b2-menu-3 .sub-menu-0 li{
position: relative;
}
.b2-menu-3 .sub-menu-0 li ul{
position: absolute;
left: 100%;
top: 0;
width: fit-content;
width: -moz-fit-content;
min-width: 200px;
padding-left: 0;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;
}
.b2-menu-3 .sub-menu-0 li ul li{
background: #fff;
}
.b2-menu-3 .sub-menu-0 li:hover ul{
opacity: 1;
visibility: visible;
transform-origin:top
} .b2-menu-1 .sub-menu-0{
width:100%;
left:0;
display: flex;
padding:16px;
flex-flow: row wrap;
}
.b2-menu-1 .sub-menu-0 li{
width: 16.666667%;
box-sizing: border-box;
padding:8px
}
.b2-menu-1 .sub-menu-0 li a{
display: flex;
flex-direction: column;
height:100%;
border-radius: 4px;
padding:16px;
transition: all .2s;
}
.b2-menu-1 .sub-menu-0 li a p{
font-size: 12px;
margin-top:16px;
color:#999;
transition: all .2s;
}
.b2-menu-1 .sub-menu-0 li:hover a p{
color:#fff
}
.b2-menu-1 .sub-menu-0 li a img{
width:40px;
height:40px;
border-radius: 100%;
}
.b2-menu-1 .sub-menu-0 li span{
display: block;
font-size: 15px;
margin-top: 16px;
font-weight: bold;
} .b2-menu-4 .sub-menu-0{
width:100%;
left:0;
display: flex;
padding:20px;
flex-flow: wrap;
}
.b2-menu-4 ul ul li a img{
width:22px;
height:22px;
margin-right:5px;
border:1px solid #fff
}
.b2-menu-4 .sub-menu-0 li ul{
margin-top:5px;
}
.b2-menu-4 .sub-menu-0 li ul a{
font-size: 14px;
font-weight: 400;
color: #797C80;
padding: 4px 0;
display: flex;
align-items: center;
margin-top: 10px;
}
.b2-menu-4 .sub-menu-0 li ul a:hover{
font-weight: 600;
border-radius: 3px;
}
.b2-menu-4 .sub-menu-0 li a{
font-size: 12px;
display: flex;
position: relative;
align-items: baseline;
line-height: 1;
padding: 5px 0;
}
.b2-menu-4 .sub-menu-0 > li{
margin: 0 10px;
min-width: 18%;
}
.b2-menu-4 .sub-menu-0 > li > a{
border-bottom:1px solid #f5f6f7;
font-size: 15px;
font-weight: 600;
padding-bottom:10px;
} .top-menu-ul .box{
transition:initial;
box-shadow: 0 3px 3px rgba(26,26,26,.1);
transform: translateY(10px);
box-sizing: border-box;
}
.b2-menu-2 .sub-menu-0{
width:100%;
left:0;
display: flex;
justify-content: center;
padding:10px 20px 20px;
flex-flow: wrap;
justify-content: space-between;
}
.has_children .sub-menu-0 h2 a{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 21px;
}
.b2-menu-2 .sub-menu-0 > li{
display: flex;
flex-flow: column;
width: calc(50% - 14px);
}
.b2-menu-2 .sub-menu-0 > li > a{
display: flex;
font-size: 15px;
margin-bottom: 10px;
padding: 14px 0 10px;
border-bottom: 1px dashed #ccc;
justify-content: space-between;
font-size: 13px;
}
.b2-menu-2 .sub-menu-0 > li > a::after{
content:"全部";
}
.menu_2-item ul{
display: flex;
margin:-5px;
flex-flow: wrap;
}
.menu_2-item ul > li{
width:25%;
}
.menu-post-box{
margin:5px
}
.menu_2-item li .menu-post-thumb{
width:100%;
height:100%;
position: absolute;
top:0;
left:0
}
.menu-post-box-img{
position: relative;
height:0;
padding-top:68%;
}
.menu_2-item li h2{
font-size: 13px;
line-height: 1.5;
margin-top:10px;
}
.top-menu .menu-post-box-img a{
position: initial
}  .modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transform: perspective(1px) scale(1.1);
transition: visibility 0s linear 0.15s, opacity 0.15s 0s, transform 0.15s;
z-index: 9999999;
display: flex;
align-items: center;
}
.modal-content {
background-color: white;
width: 350px;
max-width: 100%;
padding: 40px 24px 24px 24px;
margin: 0 auto;
position: relative;
background-repeat: no-repeat;
background-size: 100%;
box-sizing: border-box;
overflow: hidden;
background-repeat: no-repeat;
}
.close-button {
position: absolute;
right: 0;
top: 0;
line-height: 1;
font-size: 18px;
height: 43px;
display: block;
line-height: 34px;
width: 43px;
text-align: center;
cursor: pointer;
color: #b2bac2;
z-index: 6;
display: flex;
align-items: center;
justify-content: center;
}
.close-button:hover{
color:initial
}
.show-modal {
opacity: 1;
visibility: visible;
transform: perspective(1px) scale(1.0);
transition: visibility 0s linear 0s, opacity 0.15s 0s, transform 0.15s;
backdrop-filter: saturate(97%) blur(41px);
}
.modal.poster-box .modal-content h2{
text-align: left;
} .repass-tips{
color:green
}
.login-box-des{
font-size: 12px;
color: #ccc;
text-align: right;
display: block;
width: 100%;
margin-top: 5px;
}
.login-logo img{
display: block;
height:33px;
}
.login-logo{
align-items: center;
display: flex;
justify-content: center;
font-size: 27px;
}
.login-title{
color:#b2bac2;
font-size: 13px;
margin-bottom:20px;
text-align: center
}
.login-title span{
display: inline-block;
padding:10px;
}
.login-form-item{
display: flex;
position: relative;
align-items: center;
flex-wrap: wrap;
}
.login-form-item + .login-form-item{
margin-top: 20px;
}
.login-form-item input{
width: 100%;
padding: 10px;
transition: .3s;
border: 1px solid #e8e8e8;
font-size: 20px;
height:48px;
padding-right:46px
}
.login-form-item span{
position: absolute;
left: 12px;
top: -8px;
font-size: 15px;
color: #b2bac2;
cursor: text;
display: block;
line-height: 1;
padding: 0 7px;
}
.login-form-item span:after{
content: '';
opacity: 0;
}
.login-form-item input:focus + span,.login-form-item input[class="active"] + span,.login-form-item input:valid + span{
left: 10px;
cursor: default;
}
.login-form-item input:focus + span:after,.login-form-item input[class="active"] + span:after,.login-form-item input:valid + span:after{
content: '';
width: 100%;
height: 3px;
background: #fff;
top: 6px;
position: absolute;
left: 0;
z-index: 0;
opacity: 1;
}
.login-form-item span b{
position: relative;
z-index: 1;
}
.login-bottom{
margin-top:10px
}
.login-bottom button{
width: 100%;
padding: 12px;
font-size: 14px;
font-weight: 400;
display: block
}
.forget-pass{
text-align: right;
width:100%;
margin-top:5px;
}
.oauth-login-button{
font-size: 12px;
display: flex;
border-top: 1px dashed #f5f6f7;
border-bottom: 1px dashed #f5f6f7;
background: #f7f8fa30;
overflow: hidden;
line-height: 43px;
padding: 0 18px;
flex-wrap: wrap;
}
.oauth-login-button a{
display: block;
margin-right:14px
}
.oauth-login-button a.login-qq::before{
background-color: #2D89EF
}
.oauth-login-button a.login-weibo::before{
background-color: #FF3E3E
}
.oauth-login-button a.login-weixin::before{
background-color: #7BB32E
}
.oauth-login-button a.login-wx:before{
background-color: #7BB32E
}
.oauth-login-button a.login-juheqq::before{
background-color: #44a5e9
}
.oauth-login-button a.login-sina::before{
background-color: #FF3E3E
}
.oauth-login-button a.login-alipay::before{
background-color: #00A0E9
}
.oauth-login-button a.login-juhebaidu:before{
background-color: #3385FF
}
.oauth-login-button a.login-huawei::before{
background-color: #FF0000
}
.oauth-login-button a.login-xiaomi::before{
background-color: #FF6900
}
.oauth-login-button a.login-google::before{
background-color: #4285F4
}
.oauth-login-button a.login-facebook::before{
background-color: #1877F2
}
.oauth-login-button a.login-twitter::before{
background-color: #1DA1F2
}
.oauth-login-button a.login-microsoft::before{
background-color: #F25022
}
.oauth-login-button a.login-dingtalk::before{
background-color: #FF4081
}
.oauth-login-button a.login-github::before{
background-color: #181717
}
.oauth-login-button a.login-gitee::before{
background-color: #C71D23
}
.oauth-login-button a::before{
content: '';
width: 10px;
height: 10px;
border-radius: 100%;
display: inline-block;
margin-right: 3px;
}
.login-social-button{
margin-top:0;
display: flex;
}
.login-social-button.show{
margin-top:10px;
}
.login-social-button .button{
display: flex;
justify-content: center;
align-items: center;
background: none;
border-radius: 3px;
border:0;
padding:0
}
.login-social-button-bottom{
display: flex;
width: 100%;
align-items: left;
padding: 5px 5px 5px 10px;
border: 1px solid #F5F6F7;
position: relative;
flex-direction: column;
}
.login-social-button-bottom::after{
content:'';
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.login-social-button-bottom > div{
display: flex;
font-size: 12px;
color:#AAAEB3;
position: relative;
z-index: 2;
flex-wrap: wrap;
gap: 10px;
}
.login-social-button-bottom div:first-child{
margin-bottom:6px
}
.site-terms{
margin-top: 10px;
padding: 10px 0;
font-size: 14px;
text-align: center;
background: #f9f9f9;
position: relative;
z-index: 2;
}
.site-terms label{
display: flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
}
.site-terms label a{
font-size: 14px;
}
.login-box-content .login-social-button-bottom a{
background: rgba(0, 132, 255, 0.05);
display: flex;
align-items: center;
height:30px;
line-height: 30px;
padding:0 10px;
}
.login-social-button i{
font-size: 14px;
margin-right:4px;
}
.login-tk{
margin-top:16px;
text-align: center;
font-size: 12px;
}
.login-tk p{
display: flex;
justify-content: space-between;
}
.login-tk p.login-p{
display: flex;
justify-content: space-between
}
.login-tk-forget{
display: flex;
justify-content: space-between
}
.login-box-content{
padding:0
}
.login-box-content a{
font-size: 12px;
}
.login-box-content .login-box-top{
padding: 30px 24px 24px;
background-repeat: no-repeat;
background-size: 100%;
background: none;
}
.login-social-button .login-qq{
color:#4cc0f2
}
.login-social-button .login-weibo{
color:#eb623b;
} .login-social-button .login-qq{
color: #057db1;
}
.login-social-button .login-weibo{
color: #b13410;
}
.login-social-button .login-weixin{
color: #17b31e;
}
.login-eye{
position: absolute;
right: 1px;
background: none;
border: 0;
color: inherit;
padding:6px 10px;
display: flex;
top:1px
}
.login-eye i{
font-size: 18px;
padding:5px 0
}
.button.login-eye:active{
transform: none;
}
.check-code-img{
position: absolute;
right: 5px;
cursor: pointer;
}
.check-code-img img{
display: block;
height: 38px;
border-radius: 5px;
}
.login-check-input input{
text-transform:uppercase;
}
.login-check-input .login-eye.button{
padding:15px 10px
}
.login-form-item.login-check-input{
height:0;
opacity: 0;
transition: all .3s ease-in-out;
margin-top:0;
visibility: hidden;
}
.login-form-item.login-check-input.show{
height:48px;
opacity: 1;
transition: all .3s ease-in-out;
margin-top:20px;
visibility: visible;
}
.forget-pass-info{
font-size: 12px;
line-height: 1.5;
background: #f8f8f8;
margin-top: 20px;
padding: 10px;
display: flex;
align-items: center;
color: #b2bac2;
border: 1px dashed #F5F6F7;
}
.login-box-content b{
font-weight:normal
}
.check-code-luo{
width:100%
}
.login-box-content .recaptcha-load{
width: 141px;
height: 38px;
} .shop-category .empty-page{
margin-right:20px
}
.search .tax-search input{
background-color: #F5F6F7;
border-radius: 50px;
}
.search .tax-search{
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding:0 16px
}
.search .tax-search form{
width:260px
}
.search-types{
display: flex;
flex-flow: wrap;
}
.search-types a{
display: block;
padding: 16px 10px;
position: relative;
}
.search-types a.picked:after{
content:'';
height:2px;
width:calc(100% - 20px);
position: absolute;
right:0;
left:0;
bottom:0;
background-color:#FF3355;
margin:0 auto
}
.search-box-content.modal-content{
width: 633px;
padding: 40px 40px 20px
}
.search-box-content .search-title{
font-size:18px;
text-align: center;
margin:30px 20px;
font-weight: 200;
color:#bcbcbc
}
.search-box-content .search-input{
width:100%;
padding:16px;
font-size: 16px;
background: #F5F6F7;
border:0;
display: block;
margin:0
}
.search-box-content .search-button{
margin:20px 40px;
text-align: center
}
.search-box-content .search-button button{
font-size: 16px;
padding: 10px 40px;
}
.header-search-select a{
padding:9px 14px;
color:#333;
margin-bottom:5px
}
.header-search-select .select{
background: #F5F6F7
}
.header-search-select a:hover{
background: #F5F6F7
} .search #primary-home.wrapper{
flex-flow: column;
}
.circle-search .document-row h3{
font-weight: 400;
}
.search .news-item ul{
padding:0
}
.search-page-title{
padding: 10px 16px;
display: flex;
align-items: center;
}
.search-page-title h2{
font-size: 16px;
font-weight: 600;
}
.search-page-title p{
font-size: 14px;
color:#AAAEB3;
border-left:1px solid red;
padding-left:8px;
margin-left:8px;
}
.user-search-list{
display: flex;
flex-flow: wrap;
margin-right:-1px;
margin-bottom:-1px
}
.user-search-list li{
width:25%;
position: relative;
}
.user-s-info-avatar{
position: relative;
}
.user-search-list li .avatar{
display: block;
border: 1px solid #fff;
}
.user-s-info{
display: flex;
flex-flow: wrap;
margin-top: -14px;
position: relative;
}
.user-s-info-avatar{
width:56px;
height:56px;
margin-left:20px
}
.user-s-info-name{
margin-top: 19px;
display: flex;
flex-flow: column;
margin-left:14px
}
.user-s-info h2{
font-size: 16px;
font-weight: 600;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
max-width:110px
}
.user-s-cover{
position: relative;
height: 0;
padding-top: 38%;
overflow: hidden;
}
.user-s-cover img{
position: absolute;
top:0;
left:0;
height:100%;
width:100%
}
.user-s-info-desc{
font-size: 12px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
width: 100%;
background: #f9f9f9;
padding:10px;
color: #bcbcbc;
height: 50px;
box-sizing: border-box;
}
.user-s-data{
display: flex;
flex-flow: wrap;
justify-content: space-between;
padding: 0 20px;
font-size: 12px;
color: #bcbcbc;
text-align: center;
margin-top:20px
}
.user-s-data p{
color:#333
}
.user-s-data div{
width:24%
}
.user-s-data div + div{
border-left:1px solid #F5F6F7
}
.user-s-follow{
padding:20px;
text-align: center;
}
.user-s-follow button + button{
margin-left:10px
}
.user-s-follow button{
padding:5px 10px
} .recaptcha-load{
width:186px;
height:50px;
display: block;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/loading-empty.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 13px;
border-radius: 3px;
background-color: #F5F6F7;
}
.recaptcha-form .modal-content{
width: 266px;
padding:0;
}
.check-code-luo .close-icon{
position: absolute;
right:10px;
top:10px
}
.check-code-luo .close-icon i{
font-size: 24px
}
.recaptcha-form .check-code-luo h2{
text-align: center;
margin-bottom:20px;
margin-top:0
}
.modal-content-innter{
padding:30px 20px 20px 20px
}
.recaptcha-img{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center
}
.recaptcha-img img{
border-radius: 3px;
width:186px;
height:50px;
cursor: pointer;
}
.recaptcha-img p{
color: #b2bac2;
font-size: 13px;
line-height: 1.5;
margin: 10px 0 20px 0;
}
.recaptcha-form input{
padding: 10px;
font-size: 30px;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: pictograph;
}
.recaptcha-form h2{
margin-top:16px;
font-size: 18px;
font-weight: 600
}
.input-align-center{
letter-spacing: 10px;
text-indent: 10px;
}
.input-align-center{
letter-spacing: 10px;
text-indent:10px
}
.recaptcha-button{
border-top:1px solid #F5F6F7;
display: flex
}
.recaptcha-button .button{
width:50%;
background: none;
padding:15px 0;
border:0;
font-size: 15px;
color:#b2bac2;
text-align: center
}
.recaptcha-button .recaptcha-send{
color:royalblue;
border-left:1px solid #F5F6F7
}
.recaptcha-button .recaptcha-send:disabled{
color:#bcbcbc
}
.recaptcha-button .recaptcha-send:after{
background-size: 13%;
}
.invitation-box{
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
margin-top:40px
}
.invitation-box .b2-gift-2-line{
line-height: 1;
font-size: 50px;
color: #fb7979;
}
.invitation-button{
display: flex;
justify-content: space-between;
width:100%;
align-items: center;
}
.login-box-content .invitation-button a{
color:#FF3355
}
.invitation-box a{
display: block
}
.invitation-box .invitation-des{
margin:16px 0 5px 0
}
.invitation-tips{
color:#b2bac2;
margin-bottom:10px
}
.invitation-input{
margin-bottom:20px;
width:100%
}
.invitation-input input{
border: 1px solid #e2e2e2;
font-size: 20px;
padding: 13px;
text-align: center;
width:100%
}
.invitation-button button{
margin-left:10px
}
.top-user-avatar img{
display: block;
cursor: pointer;
width:34px;
height:34px
}
.top-user-avatar.avatar-parent{
cursor: pointer;
height: 34px;
width: 34px;
}
.top-user-box{
display: flex;
align-items: center;
position: relative;
z-index: 3;
}
.social-top .top-user-box-drop{
top:43px
}
.top-user-box-drop{
position: absolute;
top:43px;
right:-22px;
width:308px;
background: #fbfdff;
z-index: 2;
visibility: hidden;
transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
transform: perspective(1px) scale(0.7);
transform-origin: center top;
opacity: 0;
box-shadow: 0 3px 3px rgba(26,26,26,.1);
}
.top-user-box-drop .avatar{
width: 43px;
height: 43px;
border: 2px solid #fff;
margin-right:8px;
}
.top-user-box-drop ul{
display: flex;
flex-flow: wrap;
padding: 0 20px 12px
}
.top-user-box-drop ul li{
width:50%;
position: relative;
}
.top-user-name{
position: relative;
margin-right: 47px;
width:100%;
padding-top:4px
}
.top-user-box-drop i{
font-size: 20px
}
.top-user-box-drop.show{
visibility: visible;
opacity: 1;
transform: perspective(1px) scale(1);
transition-duration: 0s,0.2s,0.2s;
}
.top-user-box-drop li a{
display: flex;
width: 100%;
font-size: 15px;
padding: 10px 0;
overflow: hidden;
height:100%;
color:initial;
box-sizing: border-box;
}
.top-user-box-drop li a i.b2font{
display: block;
padding:0;
line-height: 1;
margin-top:1px
}
.top-user-box-drop li a:hover{
font-weight: 600;
}
.top-user-info-box{
background: #f4faff;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/model-bg.png);
}
.top-user-info-box-name{
display: flex;
position: relative;
padding: 16px 16px 8px 16px;
align-items: center;
}
.login-out{
position: absolute;
right:20px;
top:20px;
z-index: 3;
}
.login-out a{
display: block;
width:37px;
height: 37px;
line-height: 37px;
text-align: center;
display: block;
background: rgb(0 0 0/3%);
border-radius: 4px;
color:#333;
}
.login-out a:hover{
background-color: #333;
color:#fff
}
.top-user-info-box-name h2{
font-size: 17px;
font-weight: 600;
color: #121212;
margin-bottom: 2px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-justify: inter-ideograph;
word-break: break-all;
height: 20px;
margin-top: 2px;
}
.top-user-info-box-name h2 span{
font-size: 13px;
margin-left:10px;
color:#999
}
.top-user-info-box-name > div > div{
display: flex;
}
.top-user-info-box-count{
display: flex;
padding:8px;
flex-flow: wrap;
position: relative;
}
.top-user-info-box .user-w-rw a span{
font-size: 12px;
}
.top-user-info-box .user-w-rw a:hover{
background: none
}
.top-user-info-box .user-w-gold a{
padding: 0;
border: 0;
display: inline-block;
width: auto;
font-size: 13px;
color:#121212;
display: flex;
align-items: center;
}
.top-user-info-box .user-w-rw{
color:#121212;
background: rgb(0 0 0 / 3%);
border: 1px solid rgb(0 0 0/5%);
margin:10px 20px
}
.top-user-info-box .user-w-gold{
display: flex;
justify-content: space-between;
margin: 8px 20px 16px 20px;
}
.top-user-info-box .user-w-gold > div{
width: 38%;
height: 35px;
line-height: 35px;
background: rgb(0 0 0/3%);
}
.top-user-info-box .user-w-gold a i{
width: 23px;
height: 23px;
display: block;
background: #fff;
line-height: 23px;
text-align: center;
border-radius: 100%;
font-style: normal;
font-size: 14px;
margin-right:6px
}
.top-user-info-box-count p{
width:25%;
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
font-size: 12px;
}
.top-user-box-drop .top-user-info-box-count p{
margin:0;
color:#121212
}
.top-my-home b{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
font-size: 17px;
}
.top-my-home .avatar{
width:48px;
height:48px;
border-radius: 100%;
display: block;
position: relative;
border: 2px solid #fff;
}
.top-user-box-drop .top-my-home p{
position: relative;
}
.top-user-box-drop p{
margin-left:8px;
line-height: 1.5;
font-size: 14px;
}
.top-user-box-drop p span.top-user-link-des{
display: block;
color:#b2bac2;
font-size: 12px;
color:#ccc
}
.user-tools{
display: block;
width: 34px;
height: 34px;
}
.header-user .top-user-box{
width:34px;
height:34px
}
.top-search input::-webkit-input-placeholder{
opacity: .5;
}
.post-style-2 .top-search input{
color:#fff
}
.post-style-2 .top-search input::placeholder{
color:#fff;
}
.post-style-2 .change-theme>div a{
color:#fff
}
.user-tools .menu-new{
font-size: 12px!important;
background:#FF3355;
color: #fff;
position: absolute;
right: 12px;
line-height: 1;
padding: 2px 4px;
border-radius: 2px;
margin-top: 2px;
transform-origin:top top;
transform: perspective(1px) scale(.74);
font-style:inherit
}
.top-user-box-drop.jt::before,.top-user-box-drop.jt::after{
right:28px;
left:initial;
border-bottom: 8px solid #F5F6F7;
z-index: 2;
top:-8px
}
.user-tab-myinv{
display: none
}
.slider-in-out.box{
background: none;
}
.module-sliders .flickity-page-dots .dot{
width: 16px;
height: 4px;
margin: 0 4px;
border-radius: 0;
}
.module-sliders .flickity-page-dots{
top: 12px;
bottom: initial;
right: 20px;
width: auto;
}
.slider-in.box,.slider-in .box{
background: none;
}
.slider-in.carousel > div,.shop-slider-box > div{
opacity: 0;
}
.slider-in.carousel > div:first-child,.shop-slider-box > div:first-child{
opacity: 1;
} .slider-info{
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.slider-info .slider-info-box::after{
display: none;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.slider-info-box{
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
text-align: left;
box-sizing: border-box;
justify-content: flex-end;
display: flex;
flex-flow: column;
padding:20px;
background: linear-gradient( 
1turn
,rgba(9,15,29,.4),transparent);
}
.slider-cat span {
font-size: 12px;
display: inline-block;
line-height: 1;
color: #fff;
padding-left: 10px;
position: relative;
}
.slider-cat span b{
width: 4px;
height: 12px;
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
}
.slider-user{
display: flex;
color: #fff;
align-items: center;
font-size: 14px;
position: relative;
z-index: 2;
}
.slider-user span{
margin-left:6px;
font-size: 12px;
}
.slider-user img{
width:24px;
height:24px;
border-radius: 100%;
display: block;
} .slider-1{
overflow: hidden;
white-space: nowrap;
}
.slider-1.slider-type-width .slider-info-box{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.entry-content .slider-1.slider-type-width .slider-info-box{
border-radius: inherit;
}
.entry-content .content-cap-title a.button{color:#fff}
.slider-img{
width:100%;
height:100%!important;
object-fit: cover;
display: block;
position: absolute;
top:0;
left:0
}
button.flickity-button{
transform: none;
padding:0;
margin:0;
margin-top:-16px
}
.slider-in{
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.slider-1 .slider-1-carousel{
margin:0 auto;
display: inline-block;
vertical-align: bottom;
}
.homw-row-full .box{
border:0;
border-radius: 0;
}
.homw-row-full .box .slider-img{
border-radius: 0;
}
.homw-row-full{
padding:0!important
}
.slider-in .slider-info{
position: absolute;
width: 100%;
text-align: center;
overflow: hidden;
background-color: #fff;
}
.slider-in h2{
font-size: 22px;
color: #fff;
margin: 10px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
white-space: normal;
position: relative;
z-index: 2;
overflow: hidden;
}
.slider-user-info-name{
font-size: 18px;
color: rgba(242,242,242,1);
margin:20px 0
}
.slider-user-info-name span{
color:rgba(255,255,255,1);
}
.slider-user-info .avatar{
width:48px;
height:48px;
display: inline-block;
border-radius: 100%
}
.show-title-none .slider-info::after{
display: none;
} .slider-2{
display: flex;
flex-flow: nowrap;
height: 100%;
}
.slider-2 .slider-in{
position: relative;
}
.slider-2 .slider-2-bottom{
max-width: 100%;
}
.slider-2 .slider-2-right-item{
position: relative;
width:100%
}
.slider-2 .slider-in-out .slider-in{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
overflow: hidden;
}
.slider-2-carousel{
width:100%;
height:100%;
position: absolute;
top:0;
left:0
}
.slider-2 .flickity-viewport{
width:100%;
height:100%!important
}
.slider-2-right-item h2{
font-size: 14px;
} .slider-3{
max-width: 100%;
margin-right:auto;
margin-left:auto;
}
.slider-3 .carousel{
margin:0;
width:100%;
position: relative;
overflow: hidden;
}
.slider-3-item{
position: relative;
overflow: hidden;
}
.slider-3-item h2,.slider-4-item h2,.slider-5-right-item h2,.slider-6-item h2{
font-size: 14px;
}
.slider-3-item .slider-user,.slider-4-item .slider-user,.slider-5-right-item .slider-user,.slider-6-item .slider-user{
font-size: 12px;
}
.slider-3-item .slider-user img,.slider-4-item .slider-user img,.slider-5-right-item .slider-user img,.slider-6-item .slider-user img{
width:16px;
height:16px
}
.slider-3-bottom{
display: flex;
}
.slider-3 .flickity-viewport{
position: absolute;
top:0;
width:100%;
height:100%!important
}
.slider-3-carousel{
height:100%
} .slider-4{
max-width: 100%;
margin:0 auto
}
.slider-4-carousel,.slider-2-carousel,.slider-3-carousel,.slider-5-carousel,.slider-6-carousel{
width:100%;
}
.slider-4 .carousel{
margin:0;
width:100%;
max-width: 100%;
position: absolute;
top:0;
height:100%
}
.slider-4 .slider-in{
position: relative;
overflow: hidden;
}
.slider-4 .flickity-viewport{
position: absolute;
height:100%!important;
width:100%
}
.slider-4-carousel{
height:100%
}
.slider-4-item{
position: relative;
object-fit: cover
}
.slider-row-1{
display: flex;
}
.slider-row-2{
display: flex;
}
.slider-4-box1 .slider-in{
height:100%
} .slider-5{
display: flex;
flex-flow: nowrap;
}
.slider-5 .slider-in{
position: relative;
overflow: hidden;
width:50%
}
.slider-5 .slider-5-bottom{
max-width: 100%;
display: flex;
flex-flow: wrap;
}
.slider-5 .slider-5-right-item{
position: relative;
width:100%
}
.slider-5 .slider-in-out .slider-in{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
overflow: hidden;
}
.slider-in-out{
position: relative;
}
.slider-5-carousel{
width:100%;
height:100%;
position: absolute;
top:0;
left:0
}
.slider-5 .flickity-viewport{
width:100%;
height:100%!important
}
.slider-5 .flickity-page-dots{
top: 20px;
bottom: initial;
right: 20px;
width: auto;
} .slider-6{
display: flex;
max-width: 100%;
}
.slider-6 .carousel{
margin: 0;
width: 100%;
max-width: 100%;
position: absolute;
top: 0;
height: 100%;
}
.slider-6-in{
position: relative;
overflow: hidden;
}
.slider-6-item{
position: relative;
overflow: hidden;
}
.slider-6-carousel{
height:100%
}
.slider-6 .flickity-viewport {
position: absolute;
height: 100%!important;
width: 100%;
} .home_row{
position: relative;
margin-bottom:24px }
.home_row > div{
display: flex;
margin:0 auto;
max-width: 100%;
position: relative;
}
.home_row.home_row_bg_img{
background-position: center center;
background-size: cover;
background-repeat: no-repeat; } .have-widget.home_row_0.homw-row-full.module-sliders{
margin-top:0
} .ads-tips{
position: absolute;
right: 10px;
bottom: 10px;
font-size: 12px;
color: #F4F6F9;
background-color: rgba(0,0,0,.6);
padding: 4px 8px;
line-height: 1
}
.html-box{
position: relative;
}
.html-box img{
display: flex;
width:100%
} .b2-content{
display: flex;
flex-flow: row;
}
.post-list-meta-box{
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 16px;
color:#AAAEB3
}
.post-excerpt{
font-size: 12px;
color: #797C80;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-justify: inter-ideograph;
word-break: break-all;
margin:0 16px 13px;
margin-top:-6px
}
.post-list ul.b2_gap{
padding: 0;
}
.b2_gap > li{
width:100%;
box-sizing: border-box;
}
.post-list .load-more button{
width: 100%;
border-color: rgba(255, 255, 255, 0);
padding:14px;
border:0
}
.post-list .load-more button span{
display: block;
}
.post-list .load-more button.b2-loading{
color:#fff
}
.post-list .module-title{
font-size: 22px;
text-align: left;
margin-right:10px;
font-weight: 600;
}
.post-list .module-desc{
font-size: 13px;
color: #bcbcbc;
}
.index-title-box {
padding:10px
}
.b2timeago{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.post-list-cats{
overflow: hidden;
margin-left:auto
}
p.module-desc{
border-left: 1px solid #fb5f3c;
padding-left: 10px;
}
.post-modules-top{
display: flex;
line-height: 1;
align-items: center;
justify-content: space-between;
margin-bottom:16px
}
.post-modules-top.title-none .post-list-cats{
background:0
}
.home_row.top-slider{
padding:0
}
.post-modules-top.b2-hidden{
display: none;
}
.shop-box-title .modules-title-box{
display: flex;
justify-content: space-between;
width:100%;
margin-bottom:16px;
align-items: center;
}
.shop-box-title .modules-title-box h2{
font-size: 22px;
} .post-pay-type{
position: absolute;
bottom: 10px;
color: #fff;
left: 15px;
font-size: 12px;
}
.post-pay-type > div{
margin-bottom:5px;
white-space: nowrap;
}
.post-3 .post-pay-type>div{
display: flex;
margin:0
}
.post-pay-type .post-pay-type-icon{
background: #fff;
border-radius: 50px;
color:#333;
margin-right: 5px;
padding-right: 5px;
text-shadow:none;
display: inline-flex;
}
.post-pay-type .post-pay-type-icon b{
font-weight: normal;
}
.post-3-li .post-pay-type .post-pay-type-icon b{
display: none;
}
.post-3-li .post-pay-type span{
display: flex;
align-items: center;
margin:0;
padding:0;
margin-right:5px
}
.post-pay-type span{
line-height: 16px;
height: 16px;
}
.item-post-style-3 .post-pay-type{
bottom: inherit;
top:15px
}
.post-3 .post-pay-type{
top: 0;
left:0;
right:0;
display: flex;
bottom: inherit;
padding-top: 14px;
padding-left: 12px;
width: 100%;
background: linear-gradient(
.5turn
,rgb(9 15 29 / 15%),transparent);
z-index: 2;
}
.post-3 .post-pay-type .post-pay-type-icon{
background: #fff;
width: 19px;
display: block;
height: 19px;
overflow: hidden;
border-radius: 100%;
display: flex;
justify-content: center;
}
.post-3 .post-pay-type>div i{
color: #333;
font-size: 20px;
background: rgb(255 255 255 / 17%);
width: 21px;
height: 21px;
line-height: 22px;
border-radius: 100%;
}
.post-pay-type > div i{
color:#ff3355
} .post-1.post-list ul.b2_gap{
display: flex;
flex-flow: wrap;
align-items: stretch;
}
.post-thumb{
display: block;
max-width:100%;
max-height: 100%;
background-color: #F5F6F7;
width:100%;
height:100%;
position: absolute;
left:0;
top:0
}
.post-info h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin: 11px 16px;
font-size: 15px;
}
.post-info i.b2-vrenzhengguanli{
position: inherit;
}
.post-3 .post-info >div:first-child{
display: flex;
align-items: center;
justify-content: space-between;
}
.post-module-thumb{
position: relative;
height: 0;
overflow: hidden;
}
.post-module-thumb a.thumb-link{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left:0;
width:100%;
height:100%
}
.post-3-li .post-module-thumb i.b2-play-circle-line{
bottom: 5px;
left: 10px;
}
.post-3-li .post-pay-type > div span:last-child{
display: none;
}
.post-module-thumb i.b2-play-circle-line{
position: absolute;
color:rgba(255, 255, 255, 0.4);
font-size: 30px;
transition: color .5s;
}
.post-list-item:hover .post-module-thumb i.b2-play-circle-line{
transition: color .5s;
color:#fff
}
.post-meta li span b{
font-weight: normal;
}
.post-list-meta li span{
height: 19px;
display: inline-block;
line-height: 19px;
margin-left:10px
}
.post-list-meta li span i{
font-size: 12px;
margin-right:2px
}
.post-meta li span{
margin-left:0;
margin-right:10px;
display: flex;
line-height: 1;
}
.post-meta li span i{
font-size: 14px;
margin-right:3px
}
.post-list-cat{
font-size: 12px;
}
.post-list-meta{
display: flex;
font-size: 12px;
align-items: center;
}
.post-list-meta-avatar{
display: flex;
align-items: center;
text-overflow: ellipsis;
overflow: hidden;
}
.post-list-meta-avatar img{
width: 20px;
height: 20px;
display: inline-block;
border-radius: 100%;
margin-right: 4px;
position: relative;
}
.post-list-meta li + li{
padding-left:5px
}
.list-footer{
display: flex;
font-size: 12px;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
border-top:1px solid #F5F6F7;
color:#797C80
}
.list-footer div{
display: flex;
align-items: center;
}
.list-footer span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
max-width: 100px;
}
.post-info .Zi{
opacity: .5;
}
.load-more{
text-align: center;
}
.load-more.b2-hidden{
display: none;
}
.load-more.load-more-hidden{
display: none;
}
.post-carts-list-row{
white-space: nowrap;
display: flex;
overflow: hidden;
justify-content: flex-end;
}
.post-carts-list-row .flickity-prev-next-button.previous{
margin-right:5px;
left:initial;
order: -1;
}
.post-carts-list-row .flickity-prev-next-button.next{
margin-left:5px;
right:0;
order: 0;
}
.post-carts-list-row button{
width: 24px;
height: auto;
background: #F5F6F7;
border-radius: 0;
margin-top: 0;
top: 0;
}
.post-carts-list-row button[disabled]{
display: none;
}
.post-carts-list-row .flickity-viewport{
width:100%;
order: 0;
}
.post-carts-list-row .flickity-button{
position: relative;
}
.post-carts-list-row button:hover{
opacity: 1;
}
.post-carts-list-row .flickity-prev-next-button.next,.post-carts-list-row .flickity-prev-next-button.next:hover{
background: #fff;
width:24px;
}
.post-carts-list-row .flickity-prev-next-button.previous,.post-carts-list-row .flickity-prev-next-button.previous:hover{
background: #fff;
width:24px
}
.post-carts-list-row .flickity-prev-next-button.next .flickity-button-icon{
left:initial;
right:6px;
width:15px
}
.post-carts-list-row .flickity-prev-next-button.previous .flickity-button-icon{
right:initial;
left:6px;
width:15px
}
.post-list-cats button .flickity-button-icon{
width:15px;
top:23%
}
.post-list-cats a{
display: inline-block;
font-size: 12px;
}
.post-list-cats a + a{
margin-left:10px
}
.post-list-cats a span{
position: relative;
padding: 0 16px;
display: block;
border-radius: 20px;
color: #8590A6;
background-color: #fff;
height: 32px;
line-height: 32px;
display: flex;
align-items: center;
}
.post-list-cats .flickity-enabled.is-draggable .flickity-viewport{
cursor: default;
}
.post-list-cats .flickity-prev-next-button .flickity-button-icon{
left: initial;
top: 50%; 
width: initial; 
height: initial;
margin-top: -7px;
}
.modules-title-box.b2-hidden{
display: none;
}
.post-load-button.b2-hidden{
display: none;
}
.picked.post-load-button{
font-weight: 600;
}
.picked.post-load-button:before{
opacity: .15;
}
.picked.post-load-button span{
position: relative;
z-index: 2;
}
.picked.post-load-button:after{
content: '';
width: 0;
height: 0px;
border-width: 6px;
border-style: solid;
position: absolute;
bottom: -12px;
right: 0;
left: 0;
margin: 0 auto;
opacity: .15;
display: none;
}
.post-module-thumb .post-status{
position: absolute;
right: 10px;
top: 10px;
font-size: 12px;
background:#FF3355;
color: #fff;
padding: 2px 5px;
} .post-2 ul.b2_gap.grid{
display: flex;
position: relative;
flex-flow: wrap;
padding:0
}
.post-2 .post-info h2{
height:auto;
-webkit-line-clamp: inherit;
}
a.post-list-cat-item{
height: 19px;
display: inline-block;
line-height: 19px;
}
.item-post-style-3 .post-list-cat a{
color: #fff!important;
}
.post-6-table h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.post-6-table table{
width:100%
} .post-3-li-dubble .item-in .post-info h2{
font-weight: 500;
margin-bottom:5px
}
.post-3 .post-modules-top,.post-5 .post-modules-top{
border-bottom:1px solid #f5f6f7;
padding:16px 20px;
margin-bottom:0;
}
.post-3 .post-list-cats a span,.post-6 .post-list-cats a span,.post-5 .post-list-cats a span{
background-color: #f5f6f7;
}
.post-6 .post-modules-top{
padding:16px;
margin:0
}
.post-3-li-dubble .post-modules-top{
border:0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
}
.post-3-li-dubble .post-list-cats a span{
background-color: #fff;
}
.item-post-style-3 .post-thumb{
position: absolute;
height:100%;
left:0;
top:0
}
.item-post-style-3 .item-in{
position: relative;
}
.item-post-style-3 .post-module-thumb{
position: initial;
overflow: initial;
}
.item-post-style-3 .post-info{
position: relative;
z-index: 2;
color:#fff;
background: linear-gradient( 
1turn
,rgba(9,15,29,.65),transparent);
overflow: hidden;
}
.item-post-style-3 .post-info .post-list-meta-box{
color:#fff
}
.item-post-style-3 .post-module-thumb a.thumb-link:after{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .5;
background: linear-gradient(
1turn
,rgba(9,15,29,.65),transparent);
}
.item-post-style-3 .list-footer{
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.item-post-style-3 .post-excerpt{
color: rgba(255, 255, 255, 0.78);
}
.post-3 .b2_gap{
display: flex;
flex-flow: wrap;
}
.post-3 .item-in{
display: flex;
position: relative;
padding:16px;
align-items: stretch;
}
.post-3 .post-info h2{
font-size: 18px;
margin-left:0;
margin-top:0;
margin-right:0;
}
.post-3 .post-module-thumb{
height:auto;
margin-right:16px
}
.post-3 .post-module-thumb > div{
position: relative;
}
.post-3 .post-info{
width:100%;
display: flex;
flex-flow: column;
padding:4px 0
}
.post-3 .post-list-meta{
padding:0;
margin:0;
border:0;
width:100%;
color:#bcbcbc
}
.post-3 .post-list-meta-box {
margin:0;
margin-top:auto
}
.post-3 .post-excerpt{
margin:0;
margin-bottom:10px;
font-size: 14px;
-webkit-line-clamp: 2;
}
.post-3-li-dubble .post-excerpt{
font-size: 12px;
}
.post-3 a.post-list-cat-item{
display: inline-block;
margin-right:10px;
letter-spacing: 1px;
margin-bottom:2px;
white-space: nowrap;
}
.post-3 .post-list-cat{
margin-bottom:4px
}
.post-3 .post-list-meta{
justify-content: flex-end;
}
.post-3 .post-list-meta li:nth-child(1) {
flex: 1;
padding: 0;
}
.post-3 .post-list-meta li:nth-child(1) span{
margin-left:0
}
.post-3 .post-list-meta li{
padding-right:0
}
.post-3 .post-list-meta li + li{
margin-left:5px
} .post-5 .b2_gap>li .item-in{
margin-bottom:0;
margin-right:-1px;
width:100%
}
.post-5 .load-more,.post-5 .b2-pagenav{
border-top:1px solid #f0f0f0
}
.post-3 .post-3-li .item-in {
border-bottom:1px solid #F5F6F7;
margin:0;
}
.post-3.post-3-li-dubble .post-3-li .item-in{
border:0;
padding:10px
}
.post-3-li-dubble.post-3 .post-module-thumb i.b2-play-circle-line{
display: none;
}
.post-3-li-dubble.post-3 .post-pay-type{
padding-top:10px;
padding-left:8px
}
.post-3 .post-module-thumb .b2-radius{
overflow: hidden;
}
.post-3 .b2_gap,.post-5 .b2_gap{
margin:0
}
.post-5 .b2_gap{
display: flex;
flex-flow: wrap;
}
.post-5 .post-info h2{
font-size: 15px;
height:auto;
display: flex;
align-items: center;
margin:0;
font-weight: 400;
}
.post-5 .post-info{
display: flex;
justify-content: space-between;
align-items: center;
}
.post-5 .post-info a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-right: 10px;
max-width: 100%;
}
.post-info span{
font-size: 12px;
height: 14px;
}
.post-5 .post-info h2::before{
content:'';
width:4px;
height:4px;
border-radius: 100%;
display: inline-block;
margin-right:10px;
min-width: 4px;
}
.post-5 ul.b2_gap > li{
padding:10px 16px;
}
.post-5 .hidden-line{
overflow: hidden;
}
#post-5-list{
height:100%;
display: none;
}
#video-list ul li h2{
font-size: 18px;
padding:24px 24px;
}
#video-list ul li > div{
font-size: 16px;
margin: 18px 24px 18px 24px;
cursor: pointer;
position: relative;
padding: 20px;
background: #f5f6f7;
border-radius: 10px;
}
#video-list ul li > div > div:last-child{
padding-left:30px
}
#video-list ul li .video-list-play-icon {
left: 27px;
top: 18px;
}
#video-list{
overflow: hidden;
}
.post-6.post-list .b2_gap {
margin:0
}
.post-6-item{
flex:1;
padding:10px 16px;
font-size: 14px;
word-break: inherit;
white-space: inherit;
max-width: 200px;
}
.post-6-date{
width: 10%;
}
.post-6-title{
width: 50%;
}
.post-6-category{
width: 10%;
}
.post-6-author{
width: 10%;
}
.grid-item.post-list-item > td:first-child{
border-left:0
}
.grid-item.post-list-item > td:last-child{
border-right:0
}
.post-list-meta-user i.b2-vrenzhengguanli{position: inherit;} #cat-group.wrapper{
display: block;
}
.cat-group-page{
margin:0 auto;
position: relative
}
.cat-group-page h1{
font-size: 30px;
font-weight: 600;
}
.cat-group-page > div:first-child p{
margin-bottom:20px
}
.cg-bg a.button{
position: absolute;
right:24px;
top:24px;
background: #fff;
border:0
}
.site-content .cat-group{
display: flex;
flex-flow: wrap;
margin:-8px;
align-items: stretch;
}
.cat-group-box{
width:50%;
padding:8px
}
.cg-box-out{
height:100%
}
.cat-group-box .box{
overflow: hidden;
}
.cg-header{
position: relative;
}
.cg-bg{
height:0;
padding-top:40%;
position: relative;
overflow: hidden;
}
.cg-bg-in{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cg-bg img{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.cg-title{
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
padding:24px;
background: linear-gradient(
0.12turn
,rgb(252 166 30 / 100%),transparent);
display: flex;
flex-flow: column;
justify-content: flex-end;
color:#fff
}
.cg-title h2{
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 600;
}
.cg-title p{
font-size: 14px;
margin-top:12px
}
.cg-content{
padding:20px 24px
}
.cg-content li{
font-size: 15px;
}
.cat-group-box:nth-child(7n+2) .cg-title{
background: linear-gradient(
0.12turn
,rgb(53 189 199 / 100%),transparent);
}
.cat-group-box:nth-child(7n+3) .cg-title{
background: linear-gradient(
0.12turn
,rgb(230 90 79 / 100%),transparent);
}
.cat-group-box:nth-child(7n+4) .cg-title{
background: linear-gradient(
0.12turn
,rgb(161 193 92 / 100%),transparent);
}
.cat-group-box:nth-child(7n+5) .cg-title{
background: linear-gradient(
0.12turn
,rgb(118 203 162 / 100%),transparent);
}
.cat-group-box:nth-child(7n+6) .cg-title{
background: linear-gradient(
0.12turn
,rgb(143 130 188 / 100%),transparent);
}
.cat-group-box:nth-child(7n+7) .cg-title{
background: linear-gradient(
0.12turn
,rgb(242 156 159 / 100%),transparent);
}
.cg-p-title{
font-weight: 600;
}
.cg-p-title a:hover{
text-decoration: underline;
}
.cg-p-desc,.cg-p-title,.cg-title p{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cg-p-desc{
color:#444;
margin-top:4px
}
.cg-content li + li{
margin-top:20px
}
.cg-p-meta{
font-size: 12px;
color:#999;
margin-top:12px
}
.cg-p-meta span{
margin-right:8px
}
.cg-p-meta .cg-p-view{
background-color: #f6f6f6;
padding: 2px 8px;
} .home-collection .home-collection-content{
margin-bottom:0!important
}
.home-collection{
position: relative;
}
.home-collection-silder li{
white-space: initial;
}
.home-collection-image{
position: relative;
width:34%;
}
.home-collection-image .collection-number.ar{
top:10px;
left:10px;
padding:6px 10px;
font-size: 12px;
background-color: #fff;
}
.home-collection .flickity-viewport{
white-space: initial;
}
.collection-out > ul{
white-space: nowrap;
}
.collection-out > ul li{
display: inline-block;
vertical-align: bottom;
width:50%
}
.home-collection-in .home-collection-thumb{
display: block;
position: absolute;
left:0;
top:0;
width:100%;
height:100%
}
.home-collection .flickity-button[disabled]{
display: none;
}
.collection-previous .flickity-button-icon,.collection-next .flickity-button-icon{
width: 20px;
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
}
.collection-out-row{
position: relative;
overflow: hidden;
}
.collection-button{
position: absolute;
top: 50%;
width: 48px;
height: 48px;
margin-top: -30px;
background: #ffffff;
border-radius: 100%;
box-shadow: 0 4px 16px 0 rgb(13 39 91 / 6%);
z-index: 2;
}
.collection-previous{
left: -65px;
}
.collection-next{
right:-65px
} .post-4 ul.b2_gap{
display: flex;
flex-flow: wrap;
}
.post-4-parent-li .item-in{
position: relative;
} .post-4-parent-li .post-excerpt{
height:auto; }
.post-4-parent-li .post-info h2{
height:auto;
font-size: 23px;
margin-bottom:10px  } .home-collection .flickity-prev-next-button.next{
right:-34px
}
.home-collection .flickity-prev-next-button .flickity-button-icon{
width:20px;
height:20px
}
.home-collection .flickity-prev-next-button .flickity-button-icon{
left:0
}
.home-collection .flickity-prev-next-button.previous{
left:-34px
}
.home-collection-row-1{
display: flex;
justify-content: space-between;
font-size: 12px;
color:#bcbcbc;
margin:0 20px 0 20px;
border-bottom:1px solid #F5F6F7;
padding-bottom:16px
}
.home-collection-info{
width:66%
}
.home-collection-info h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin:16px 20px;
font-size: 20px;
height:60px;
font-weight: 600;
}
.home-collection-content > div > div{
margin-bottom:0;
overflow: hidden;
display: flex;
align-items: stretch;
}
.home-collection-row-2{
padding:16px 0;
font-size: 14px;
overflow: hidden;
}
.home-collection-row-2 img{
width:20px;
height:20px;
min-width: 20px;
margin-right:5px;
display: block;
}
.home-collection-row-2 > div{
display: flex;
align-items: center;
padding:0 20px;
}
.home-collection-row-2 > div + div{
margin-top:16px
}
.home-collection-row-2 a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.home-collection .collection-out{
overflow: hidden;
margin-bottom:0!important
}
.home-collection-2 ul{
display: flex;
white-space: nowrap;
overflow: hidden;
}
.home-collection-2 ul li{
position: relative;
width:33.333333%;
min-width: 33.333333%;
}
.home-collection-2 ul li > div{
height:0;
padding-top:32%;
}
.home-collection-2in-box{
position: absolute;
width:100%;
left:0;
top:0;
height:100%;
display: flex;
border-right:1px solid #F5F6F7;
white-space: initial;
padding:5px
}
.home-collection-2in-left{
width:60%;
flex:1;
padding: 5px 10px 10px 4px;
}
.home-collection-2in-right{
width:40%;
}
.home-collection-2in-right img{
width:100%;
height:100%
}
.zt-title{
font-size: 12px;
color:#AAAEB3;
}
.home-collection-2in-left .title{
margin:13px 0 5px;
position: relative;
}
.home-collection-2in-left .title h2{
height: 62px;
font-size: 14px;
padding: 0 20px;
background-color: #f2f3ff;
border-radius: 6px;
display: flex;
align-items: center;
}
.zt-title b{
margin:0 2px
}
.home-collection-2in-right .info{
font-size: 12px;
display: flex;
justify-content: space-between;
color:#ccc;
position: absolute;
}
.home-collection-2in-left i{
position: absolute;
font-size: 30px;
color: #fb5f3c;
line-height: 1;
}
.home-collection-2in-left .copy-before{
top: -13px;
left: -6px;
}
.home-collection-2in-left .copy-after{
bottom: -13px;
right: -12px;
}
.home-collection-2in-left .title h2 span{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}   .empty-page{
display: flex;
align-items: center;
justify-content: center;
min-height: 300px;
flex-flow: column;
color:#ccc;
width:100%;
box-sizing: border-box;
}
.empty-page img{
width:280px;
margin-bottom:16px
}
.empty-page i{
font-size: 100px;
display: block
}
.empty-page h2{
font-size: 21px
}
.empty-page .button.text.empty{
background: none
}
.empty-page.b2-loading::after{
background-size: 20px;
} .post-type-archive-announcement .page.wrapper{
display: flex;
}
.announcement-show-more{
display: flex;
justify-content: space-between;
padding: 10px 16px;
font-size: 12px;
margin-bottom:16px;
align-items: center;
}
.announcement-show-more span:first-child{
font-weight: 700;
font-size: 18px;
}
.announcement-box{
margin:0 auto
}
.announcement-box h2.title{
font-weight:600;
font-size: 20px
}
.announcement-date{
font-size: 12px;
color:#AAAEB3
}
.announcement-read-more{
font-size: 13px;
margin-bottom:0!important
}
.announcement-read-more a{
border-bottom:1px solid red
}
.announcement-des{
color:#666;
line-height: 1.7
}
.announcement-des{
font-size: 15px
}
.entry-content img.post-thumb{
height:100%
} .entry-content .coupon-info{
background-color: #f44336
}
.entry-content .post-list-item h2 a,.entry-content .post-list-item .list-footer a{
color:inherit
}
.entry-content strong{
font-weight: bold;
}
.entry-content > p a.button,.content-show-roles > p a.button{
color:#fff
}
.entry-content figure{
margin-right:0;
margin-left:0;
margin-bottom:1.2em;
}
.entry-content .box{
box-shadow:none;
background: #fafafa;
}
.entry-content:after{
content:".";
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}
.entry-content .aligncenter{
text-align: center;
}
.entry-content .wp-block-audio audio{
width:100%
}
.entry-content .wp-block-gallery ul{
margin:-5px
}
.entry-content .blocks-gallery-item figure img{
object-fit: cover;
}
.entry-content dl.gallery-item{
margin-bottom:0
}
.content-img-box {
margin-bottom:26px
}
.entry-content .attachment{
text-align: center;
margin-bottom:26px
}
.entry-content > div,.content-show-roles > div{
margin-bottom:26px
}
.entry-content figcaption{
color:#bcbcbc;
text-align: center;
margin-top:5px;
font-size: 14px;
}
.entry-content > ul ul li::before,.content-show-roles > ul ul li::before{
background-color: #bcbcbc;
border-radius:0;
}
.entry-content > hr{
border: 0; 
height: 1px; 
background-image: -webkit-linear-gradient(left, #F5F6F7, #8c8b8b, #F5F6F7);
background-image: -moz-linear-gradient(left, #F5F6F7, #8c8b8b, #F5F6F7);
background-image: -ms-linear-gradient(left, #F5F6F7, #8c8b8b, #F5F6F7);
background-image: -o-linear-gradient(left, #F5F6F7, #8c8b8b, #F5F6F7); 
margin:40px 0
}
.entry-content > img,.content-show-roles > img{
object-fit: unset
}
.entry-content .insert-post-content a{
color:inherit;
border:inherit
}
.entry-content > strong,.content-show-roles > strong{
font-weight:600
}
.entry-content video{max-width:100%}
.b2-audio-content{
display: flex;
align-items: center;
font-size: 13px;
color:#b2bac2;
line-height: 1;
margin-bottom:40px;
background: #fafafa;
padding: 10px;
}
.b2-audio-button{
color:#4285f4;
border-radius: 5px;
height:42px;
width:42px;
}
.b2-audio-button i{
display: block;
font-size: 20px;
padding:10px;
cursor: pointer;
}
.b2-audio-progress{
width:100%;
padding: 0 0 0 20px;
flex: 1
}
.b2-audio-progress-bar{
display: flex;
align-items: center;
margin-top:10px
}
.b2-audio-start-bar-box{
height:2px;
background: #F5F6F7;
flex: 1 1 auto;
position: relative;
overflow: hidden;
}
.b2-audio-start-time{
padding-right:10px;
}
.b2-audio-end-time{
padding-left:10px
}
.b2-audio-progress-box{
position: absolute;
height:100%;
left:0;
background: #aaa;
transition:width 1s;
}
.b2-audio-progress-box.remove{
transition:unset
}
.post-user-name b{
font-size: 15px;
font-weight: 600;
}
.avatar-parent{
position: relative;
display: block;
}
i.b2-vrenzhengguanli{
position: absolute;
bottom: -5px;
right: -5px;
font-weight: 400;
line-height: 16px;
background: #fff;
border-radius: 100%;
width: 16px;
height: 16px;
display: block;
font-size: 17px;
color: #ff3a55!important;
}
.post-user-info{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 -28px 0 -28px;
padding: 10px 28px;
background: #f7f8fa;
margin-top:20px;
display: none;
} .entry-content p > a.button:hover,.entry-content .post-links a:hover{
text-decoration: none;
}
.post-links{
text-align: center
}
.post-links .current button{
border-color:#ccc;
color:#bcbcbc;
cursor: default
}
.b2-single-content{
display: flex;
}
.single .post-list-cat {
position: relative;
left: 0;
top: 0;
display: flex;
flex-flow: wrap;
}
.single .entry-header .post-list-cat a {
height: 30px;
line-height: 30px;
padding: 0 16px;
font-weight: 500;
}
.single .post-meta li span{
margin:0
}
.single .post-style-2 .entry-header .post-list-cat a{
color:#fff
}
.single .post-style-3-title .entry-header .post-list-cat a {
color:#fff
}
.single .post-list-cat a{
display: none;
}
.single .post-list-cat a:first-child{
display: block;
}
.post-pre-next{
display: flex;
flex-flow: wrap;
margin-right: -10px;
margin-left: -10px;
}
.post-pre-next > div{
width:50%;
}
.post-pre-next-info,.post-pre-next-jt{
position: relative;
z-index: 2;
}
.post-pre-next-in{
display: flex;
position: relative;
padding:0 10px
}
.post-pre-next-in p{
font-size: 12px;
position: relative;
z-index: 2;
color:#AAAEB3
}
.post-pre-next-in h2{
font-size: 15px;
font-weight: 400;
margin: 10px 0;
height: 43px;
overflow: hidden;
}
.post-pre-next-in > div{
overflow: hidden;
}
.post-per-next-cats{
font-size: 12px;
position: relative;
z-index: 2;
color:#AAAEB3
}
.post-per-next-cats a{
display: inline-block;
padding:0 
}
.post-pre-next-info{
width:100%
}
.post-next .post-pre-next-info{
text-align: right;
padding-right:60px
}
.post-pre-next-info .post-per-next-cats a{
margin-right:5px
}
.post-next .post-pre-next-info .post-per-next-cats a{
margin-left:5px;
margin-right:0
}
.post-pre .post-pre-next-info{
padding-left:60px
}
.post-pre .next-jt{
left:0
}
.post-next .next-jt{
right:20px
}
.next-jt{
position: absolute;
top:calc(50% - 15px);
color:#ccc
}
.next-jt i{
font-size: 50px;
background-color: rgba(255, 255, 255, 0.45);
line-height: 34px;
height: 30px;
width: 30px;
display: block;
}
.single-article h1{
font-size: 26px;
font-weight: 600;
line-height: 36px;
margin-bottom:12px
}
.post-meta-left .avatar-parent svg{
bottom:-5px
}
.post-meta-left{
position: relative;
}
.post-meta,.post-meta-left{
display: flex;
align-items: center;
font-size: 12px;
color:#666;
}
.post-meta-left .avatar{
width:36px;
height:36px;
}
.post-meta-left .post-user-name{
display: flex;
flex-flow: column;
}
.post-meta{
justify-content: space-between;
}
.post-meta .post-meta-right button{
margin-left:10px
}
.post-meta .post-meta-right button span{
display: flex;
align-items: center
}
.post-meta-right i{
font-size: 12px
}
.post-meta-right > div{
display: flex;
}
.post-meta-right button{
padding:5px 10px;
margin-left:16px
}
.post-user-name .user-title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.post-meta-left .avatar-parent{
width:36px;
height:36px;
min-width: 36px;
margin-right:10px
}
.entry-header{
margin-bottom:20px;
border-bottom:1px solid #f5f6f7;
padding-bottom:20px
}
.entry-header .post-meta{
justify-content: initial;
}
.post-meta li{
margin-right:24px;
list-style: none
}
.post-meta li span{
color:#8590A6
}
.post-meta .avatar{
width:40px;
height:40px;
margin-right:10px;
}
.post-meta-row{
display: flex;
justify-content: space-between;
}
.single-button-download button{
padding:5px 10px;
display: flex;
align-items: center;
}
.single-button-download button i{
margin-right:3px
}
.single-author a{
display: flex;
align-items: center;
color:initial
}
.page .home-row-left.content-area {
max-width:100%
}
.home-row-left.content-area {
max-width: 100%;
}
.entry-content{
font-size: 16px;
position: relative;
}
.entry-content p,.content-show-roles > p, .entry-content > pre,.content-show-roles > pre, .entry-content > ul,.content-show-roles > ul, .entry-content > ol,.content-show-roles > ol, .entry-content > dl,.content-show-roles > dl, .entry-content > form,.content-show-roles > form, .entry-content > table,.content-show-roles > table,.entry-content > blockquote,.content-show-roles > blockquote,.entry-content > div,.content-show-roles > div {
margin-bottom: 1.7em;
}
.entry-content blockquote:after,.entry-content blockquote:before,q:after,q:before {
content: ""
}
.entry-content blockquote,q {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none
}
.entry-content blockquote {
margin:0;
box-sizing: border-box;
font-family: 思源宋体 CN SemiBold;
font-size: 16px;
line-height: 29px;
color: #797C80;
background: #F5F6F7;
border-radius: 4px;
width: 100%;
margin-bottom: 1.2em;
padding:1em!important
}
.entry-content blockquote:before{
content: "";
display: block;
width: 24px;
height: 16px;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/quote-icon-red.svg);
margin-bottom: 16px;
}
.entry-content blockquote p{
margin:0
}
.entry-content blockquote p + p{
margin-top:1.2em;
}
.entry-content blockquote small {
float: right;
margin-top: 25px;
color: rgba(0,0,0,.44);
font-style: italic
}
.entry-content > ol,.content-show-roles > ol,.entry-content > ul,.content-show-roles > ul{
padding:0;
margin-bottom: 1.2em;
margin-left: 2em;
line-height: 1.8;
}
.entry-content pre{
white-space: revert; overflow-y: hidden;
}
.entry-content pre code,.content-show-roles pre code{
background:none;
white-space: pre;
}
.entry-content p > code{
color: #d63200;
background-color: #f8f8f8;
}
.has-text-align-center{
text-align: center;
}
.entry-content > pre ol li,.content-show-roles > pre ol li{
margin:0!important
}
.entry-content > ol,.content-show-roles > ol{
list-style: decimal;
}
.entry-content > ol li + li,.content-show-roles > ol li + li,.entry-content > ul li + li,.content-show-roles > ul li + li{
margin-top:5px
}
.entry-content > ol li::marker,.entry-content > ul li::marker{
color:#999;
font-family: 'DIN-Medium';
}
.entry-content > ul,.content-show-roles > ul{
list-style: disc;
}
.entry-content .download-rights ul{
margin-left:0
}
.entry-content > li ul,.content-show-roles > li ul {
list-style: circle;
margin-bottom: 0.8em;
margin-left: 2em;
}
.entry-content > p,.content-show-roles > p{
word-wrap:break-word; 
word-break:normal;
line-height: 1.5;
}
.entry-content img{
max-width: 100%;
height:auto
}
.entry-content > p a,.content-show-roles > p a{
text-decoration: none;
cursor: pointer;
}
.entry-content > h2,.entry-content > h3,.entry-content > h4,.entry-content > h5,.entry-content > h6{
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.35;
font-weight: 400;
}
.entry-content > h1{
font-size: 28px;
font-weight: 600;
line-height: 36px;
margin-top: 0;
margin-bottom: 20px;
}
.entry-content > h2,.content-show-roles > h2{
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin-top: 0;
margin-bottom: 20px;
}
.entry-content h2::before{
display: none;
}
.entry-content > h3{
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-top: 0;
margin-bottom: 20px;
}
.entry-content > h4{
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-top: 0;
margin-bottom: 18px;
}
.entry-content > h5{
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-top: 0;
margin-bottom: 18px;
}
.entry-content > h6{
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin-top: 0;
margin-bottom: 16px;
}
.entry-content > h1{
font-size: 1.6em;
}
.entry-content p > a:hover{
text-decoration: underline;
}
.content-excerpt{
margin-bottom: 40px;
padding: 20px;
background: #F5F6F7;
position: relative;
font-size: 16px;
font-family: 思源宋体 CN SemiBold,SimSun,fangsong;
color: #797C80;
}
.single-article{
padding:28px;
width:100%;
margin:0 auto;
max-width: 100%;
position: relative;
box-sizing: border-box;
}
.post-breadcrumb{
font-size: 13px;
color: #AAAEB3;
padding: 5px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
overflow: hidden;
height: 25px;
}
.post-style-3-title .post-breadcrumb{
color:#fff;
opacity: .7;
}
.post-style-3-title .post-breadcrumb a{
color:#fff;
}
.post-breadcrumb span{
margin:0 5px
}
.post-breadcrumb a{
color:#AAAEB3
}
.content-excerpt::before{
background: #fff
}
.entry-content .dplayer{
margin-bottom: 1.2em;
height: 0;
padding-top: 56.2%;
}
.entry-content .dplayer-video-wrap{
position: absolute!important;
background: #000;
font-size: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
} .insert-post-content .post-meta li{
list-style: none
}
.entry-content .insert-post-content  p{
margin:0
}
.insert-post-meta{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px
}
.entry-content .insert-post-meta ul,.entry-content .insert-post-meta ul li{
margin:0;
padding:0;
font-size: 13px
}
.entry-content .insert-post-meta ul li{
margin-left:10px
}
.insert-post-meta .avatar{
width:20px;
height:20px;
border-radius: 100%;
margin-right:5px
}
.insert-post-meta-avatar{
display: flex;
align-items: center
}
.insert-post{
max-width: 440px;
margin-bottom: 26px;
display: flex;
padding: 14px;
background: #f5f6f7;
color: #666;
position: relative;
align-items: center;
overflow: hidden;
margin:0 auto;
border-radius: 12px;
}
.insert-post.circle_tags .insert-post-thumb{
width:56px;
height:56px;
box-shadow: 0 0px 4px #dadada;
}
.insert-post.page .insert-post-bg,.insert-post.page .insert-post-thumb,.insert-post.circle .insert-post-bg, .insert-post.circle .insert-post-thumb{
display: none;
}
.insert-post.page .insert-post-content{
padding:0
}
.insert-post.circle .insert-post-content{
padding:0
}
.insert-post.circle .insert-post-content p{
margin-bottom:10px
}
.insert-post.page .insert-post-desc{
margin:0
}
.insert-post.shop .post-meta li{
margin-left:0;
}
.insert-post.shop .post-meta li + li{
margin-left:10px
}
.insert-post.shop .post-meta{
display: flex;
justify-content: flex-end;
width:100%
}
.insert-post.shop .post-meta li:nth-child(1){
flex: 1;
padding: 0;
}
.insert-post.newsflashes .insert-post-thumb{
display: none;
}
.insert-post.newsflashes .insert-post-content{
padding:0
}
.insert-post.newsflashes .insert-post-meta-avatar img{
width:100px;
height:100px
}
.insert-post.newsflashes{
border:1px solid #f5f6f7
}
.insert-post.newsflashes .insert-post-bg{
display: none;
}
.entry-content .insert-post a{
border-bottom:0
}
.insert-shop-price .price{
font-size: 22px;
color:#e62828
}
.insert-shop-price{
display: flex;
align-items: center;
margin-bottom:10px
}
.insert-shop-price .delete{
text-decoration: line-through;
margin-left:10px
}
.document.insert-post .insert-post-bg{
display: none;
}
.document.insert-post .insert-post-desc{
margin-bottom:0
}
.document.insert-post .insert-post-content{
padding:0
}
.document.insert-post .document-icon{
position: absolute;
right: -26px;
top: -54px;
color: #f0f0f0;
}
.document.insert-post .document-icon i{
font-size: 88px;
}
.document.insert-post .insert-post-thumb{
display: none;
}
.insert-post-bg{
position: absolute;
width:100%;
height:100%;
left:0;
top:0;
overflow: hidden;
opacity: .2;
z-index: 0;
}
.insert-post-bg img{
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(20px);
transform: scale(1.1);
opacity: .5;
}
.insert-post h2,.file-down h2{
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color:#333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top:0;
margin-bottom:8px
}
.insert-post h2::before,.file-down h2::before{
display: none
}
.insert-post-thumb{
width: 100px;
height: 100px;
display: block;
position: relative;
z-index: 1;
}
.insert-post-thumb img{
display: block;
width:100%;
height:100%;
object-fit: cover;
}
.insert-post-desc{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom:5px
}
.insert-post-content{
padding-left:16px;
flex: 1;
position: relative;
z-index: 1;
}
.insert-post-content h2{
margin-right:12px
}
.insert-post-content h2 span{
font-size: 12px;
color:#FF3355;
display: inline-block;
}
.insert-post.shop .insert-post-desc{
font-size: 14px;
}
.insert-post.shop .insert-post-meta{
flex-flow: column;
align-items: flex-start;
}
.insert-post.shop .insert-post-thumb{
width:120px;
height:120px
}
.file-down{
margin-bottom:1.2em;
border:1px solid #f5f6f7;
padding:14px;
position: relative;
overflow: hidden;
max-width: 440px;
margin:0 auto
}
.file-down-box{
display: flex;
justify-content: space-between;
flex: 1;
}
.entry-content .file-down-box a:hover{
opacity: .5;
}
.file-down-icon{
position: absolute;
right: -20px;
top: -12px;
color: #f0f0f0;
}
.file-down-icon i{
font-size: 70px;
line-height: 1;
}
.file-down-code{
font-size: 13px;
}
.file-down-pass code{
padding:2px 5px;
font-size: 14px
}
.file-down-code-button a{
font-size: 13px;
display: block;
line-height:1
}
.file-down-code-button{
display: flex;
flex-direction: column-reverse;
}
.file-down-pass span{
margin-left:10px;
font-size: 12px;
color:#FF5722;
cursor: pointer;
}
.file-down-pass span input{
z-index: -2;
position: absolute;
left: -2000px;
}
.file-down-pass span:hover{
color:#333;
text-decoration: underline
} .download-box > .b2-single-content{
display: block;
padding:0
}
.download-rights{
background: #f6f6f6;
}
.download-rights i{
font-weight: normal;
}
.download-list{
background: none;
}
.item-name-box{
display: flex;
position: relative;
z-index: 1;
padding-bottom:12px;
}
#item-name b{
position:absolute;
width:100%;
height:100%;
background-color: #d8d8d8;
text-align: center;
line-height: 40px;
font-weight: normal;
color: #000;
opacity: .3;
}
#item-name .n-thumb{
font-family: 'DIN-Medium';
font-size: 20px;
position: absolute;
left:14px;
top:10px;
width:40px;
height:40px;
border-radius: 5px;
overflow: hidden;
}
#item-name .n-thumb img{
position: absolute;
width:100%;
height:100%;
left:0;
top:0
}
#item-name{
width: 190px;
display: flex;
padding: 0 16px 0 64px;
box-sizing: border-box;
font-size: 12px;
height:60px;
cursor: pointer;
align-items: center;
position: relative;
background-color: #fafafa;
flex-flow: nowrap;
flex: none;
}
#item-name span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#item-name + #item-name{
margin-left:10px
}
.download-list{
background-color: #fff;
}
.download-list.gujia .gujia-bg{
background-color: #f0f0f0;
display: block;
height: 16px;
width: 100%;
}
.download-list.gujia .download-info ul{
height:80px
}
.download-list.gujia .download-current{
height:50px
}
.download-list.gujia .download-info .gujia-bg{
height:30px
}
.download-list.gujia .download-rights ul li{
border:0
}
.download-list.gujia .download-button-box{
display: flex;
}
.download-list.gujia .download-rights span{
background-color: #f1eded
}
.download-list.gujia .download-button-box div{
margin-right: 10px;
background-color: #f0f0f0;
width: 70px;
height: 26px;
margin-bottom: 10px;
}
.download-box{
position: relative;
overflow: hidden;
clear: both;
} .download-box h2::before{
display: none;
}
.entry-content .download-box .download-rights-title{
margin-top:10px;
word-break: break-all;
}
.download-item{
display: flex;
overflow: hidden;
}
.download-thumb{
position: absolute;
right:0;
top:0;
width:100%;
height:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: .3;
filter: blur(100px);
transform: scale(.8);
z-index: 0;
background-color: #ccc;
} .download-rights .download-rights-title{
font-size: 12px;
font-weight: 600;
margin-bottom:5px;
display: flex;
align-items: center;
}
.download-rights ul li{
display: flex;
font-size: 12px;
justify-content: space-between;
align-items: center;
padding:7px 0;
margin:0!important
}
.download-info{
flex: 1;
padding:20px;
position: relative;
z-index: 1;
background: #fbfbfb;
}
.download-rights{
padding: 20px;
width: 220px;
position: relative;
z-index: 2;
font-size: 14px;
box-sizing: border-box;
background: #fafafa;
}
.download-info h2{
font-size: 22px;
margin-bottom:15px;
justify-content: space-between;
display: flex;
}
.download-info h2 span{
flex: 1;
width:100%;
padding-right:20px
}
.download-view{
font-size: 12px;
height:34px;
display: flex;
align-items: center;
padding:0!important
}
.download-attr-name{
color:#bcbcbc
}
.download-info ul{
display: flex;
flex-flow: wrap;
background: rgb(167 167 167 / 6%);
padding: 10px;
margin:0;
list-style: none;
}
.download-info li{
font-size: 12px;
width:50%;
margin-top:5px
}
.download-button-box{
margin-top:20px
}
.download-button-box button{
margin-right: 10px;
padding: 7px 10px;
margin-bottom:10px
}
.download-current{
margin: 16px 0;
padding: 10px;
background: rgba(66, 133, 244, 0.076);
font-size: 12px;
}
.download-current > div{
margin-top:5px;
font-size:14px;
}
.download-current > span{
margin-right:5px
}
.download-current a{
color:green;
margin-left:10px;
vertical-align: baseline;
}
.post-carts-list-row button{
color:#ccc
}
.download-current>div span b{
font-weight: normal;
margin:0 5px;
color:#FF3355
}
.download-current>div span i{
font-style: normal;
}
.not-allow-down .download-current{
background: rgb(244 67 54 / 4%);
border: 2px dashed rgb(255 0 0 / 26%);
}
.allow-down .download-current{
background: rgb(139 195 74 / 5%);
border: 2px dashed rgb(0 128 0 / 28%);
} .w-d-list.gujia .w-d-title{
height:24px;
background-color: #f5f6f7;
}
.w-d-title h2{
white-space: normal;
width: 100%;
}
.b2-widget-download{
padding:20px
}
.w-d-list.gujia .w-d-meta p{
height:20px;
background-color: #f5f6f7;
margin-bottom:5px;
width:60%
}
.w-d-list.gujia .w-d-role{
background: #11B868;
opacity: 0.06;
height:84px
}
.w-d-meta{
margin:8px 0
}
.w-d-list.gujia button{
width:100%;
border:0;
height:34px;
}
.widget .w-d-role ul li{
display: flex;
padding:10px 0;
font-size: 12px;
justify-content: space-between;
}
.w-d-title{
font-size: 16px;
font-weight: 600;
display: flex;
}
.w-d-title a{
font-weight: normal;
}
.w-d-role{
padding:0 12px;
background: #fff3f5;
}
.w-d-role.d-allow{
background: #f1fbf6;
}
.w-d-role > div{
display: flex;
justify-content: space-between;
font-size: 13px;
font-weight: 600;
padding:10px 0
}
.w-d-role > div span:last-child{
font-size: 12px;
color:#797C80;
font-weight: normal;
cursor: pointer;
}
.w-d-meta{
font-size: 12px;
color: #8590A6;
}
.w-d-meta p{
margin:3px 0
}
.w-d-role > div + div{
border-top:1px solid #ececec; 
}
.wdlist{
display: none;
}
.w-d-list + .w-d-list{
padding-top:16px;
margin-top:16px;
border-top:1px solid #f5f6f7
}
.w-d-role ul{
border-bottom:1px solid rgb(0 0 0 / 4%);
border-top:1px solid rgb(0 0 0 / 4%)
}
.w-d-download{
margin-top:16px;
}
.w-d-download span{
display: block;
}
.w-d-download span + span{
margin-top:10px
}
.w-d-download span button{
width:100%;
border:0;
word-wrap: break-word;
white-space: break-spaces;
text-align: left;
}
.widget .w-d-current{
font-family: DIN;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 20px;
display: flex;
align-items: center;
}
.w-d-current{
display: flex;
justify-content: space-between;
}
.w-d-current i{
font-style: normal;
}
.w-d-role > div.w-d-current.can-down span{
font-weight: 600;
font-size: 13px;
color: #11B868;
}
.w-d-role > div.w-d-current > span{
color: #FF3355;
}
.w-d-role > div.w-d-current > span:last-child b{
font-family: DIN;
font-style: normal;
font-weight: bold;
font-size: 20px;
} .smartideo{
background: none;
}
.entry-content .smartideo iframe{
height:100%;
min-height: 465px;
}
.content-video-box .smartideo{
position: absolute;
width:100%;
height:100%;
top:0;
left:0
}
.smartideo .player{
height:auto!important
}
.content-video-box{
position: relative;
display: flex;
margin-bottom:1.2em;
flex-direction: column;
height:0;
padding-top:60%
}
.content-video-box .video-title:empty{
display: none;
}
.content-video-box .video-title{
margin: 10px 0;
font-size: 13px;
font-weight: 600;
border-left: 2px solid #f70404;
padding-left: 20px;
}
.content-video-box .img-bg{
object-fit: cover;
display: block;
width:100%;
overflow: hidden;
position: relative;
cursor: pointer;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.content-video-box .img-bg:hover::before{
opacity: .5;
}
.content-video-box .img-bg::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/play.svg) no-repeat rgba(0, 0, 0, 0.2);
background-size: 8%;
background-position: center;
z-index: 1;
opacity:1;
transition: opacity .2s ease-out;
}
.content-video-box .img-bg img{
display: block;
width: 100%;
filter: blur(12px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .content-hidden{
position: relative;
min-height:85px;
margin-right:-28px;
margin-left:-28px
}
.entry-content .content-cap{
height: 100%;
margin:20px 0
}
.content-hidden .content-show-roles{
height:100%
}
.content-hidden-info{
position: relative; background-repeat: no-repeat;
background-position: bottom right;
background-color: #fafcff;
height:100%;
box-sizing: border-box;
padding:16px 28px;
min-height: 168px;
}
.entry-content p:empty:before{
display: none;
}
.content-cap-title i{
color: #0468fd;
border-radius: 100%;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
line-height: 20px;
margin-right: 16px;
font-size: 25px;
}
.content-cap-title span:first-child{
display: flex;
align-items: center;
}
.content-cap{
display: flex;
justify-content: space-between;
align-items: center;
}
.content-cap-info{
display: flex;
align-items: center;
flex-flow: column;
}
.content-cap-info button{
font-size: 12px;
margin:0 5px
}
.content-cap-title{
display: flex;
font-size: 18px;
}
.content-buy-count{
font-size: 12px;
margin-top:10px
}
.content-cap-comment span{
font-size: 13px;
}
.content-see-lv .content-user-lv-login{
position: absolute;
right:24px;
top:16px
}
.content-user-lv-login{
align-self: flex-start;
}
.post-links a{
border:0
}
.entry-content .post-links a{
border:0
}
.content-user-lv{
display: flex;
flex-flow: wrap;
margin-left:37px;
margin-top:10px
}
.content-buy-count,.content-user-money{
margin-left:37px;
margin-top:10px
}
.hidden-tips{
font-size:12px;
margin-left:10px;
align-self: center;
}
.content-user-lv-login a.button{
margin-left:10px;
display: inline-block;
color:#fff
}
.entry-content .content-cap-title a.button{
color:#fff
}
.content-user-lv > span{
font-size: 14px;
color:#121212;
margin-right:16px
}
.content-user-money{
display: flex;
flex-flow: row;
align-items: baseline;
}
.content-user-money span{
display: inline-block;
padding:0;
background: none!important;
}
.content-ds{
display: flex;
justify-content: center;
flex-flow: column;
margin-top: 20px;
padding: 20px;
border-radius: 3px;
position: relative;
background: #fffcf7;
}
.content-ds-button button{
background: -webkit-linear-gradient(top,#ff557f,#f16b6f);
border:0;
font-size: 15px;
border-radius: 3px;
}
.content-ds-users{
max-width: 50%;
display: flex;
margin:0;
flex-wrap: wrap;
}
.content-ds-users li{
margin:0;
padding:0;
border:0;
}
.content-ds-users li img{
display: block;
width: 32px;
height:32px;
object-fit: cover;
border-radius: 3px;
}
.content-ds-users li{
margin:2px;
position: unset
}
.content-ds-users li::before{
display: none
}
.content-ds-button{
position: absolute;
right: 20px;
top: 8px;
}
#con {
width: 320px;
height: 85px;
position: relative;
border-radius: 4px; } #TA-con {
width: 122px;
height: 45px;
background-color: #f25d8e;
position: absolute;
top: 50%;
left: 14%;
transform: translateY(-50%);
border-radius: 4px;
cursor: pointer;
z-index: 2;
} #text-con {
width: 100px;
height: 100%;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
}
#text-con i{
font-size: 26px;
color:#fff
} #TA {
float: right;
line-height: 45px;
font-size: 15px;
color: #fff;
}
#TA-con:hover {
background-color: #ff6b9a;
} #tube-con {
width: 157px;
height: 55px;
position: absolute;
right: -5px;
top: 15px;
} .content-ds-button svg {
width: 100%;
height: 100%;
} #mask {
width: 0px;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
transition:all 0.5s;
} #mask svg {
width: 157px;
height: 55px;
} #TA-con:hover+#tube-con>#mask{
width:157px;
} #TA-con:hover+#tube-con>#orange-mask{
animation: move1 0.5s linear 0.2s infinite;
}
#TA-con:hover+#tube-con>#orange-mask svg{
animation: movetwo 0.5s linear 0.2s infinite;
} #orange-mask{
width: 18px;
height: 100%;
overflow: hidden;
position:absolute;
left:-15px;
top:0px;
} #orange-mask svg {
position: absolute;;
top:0;
left:15px;
width: 157px;
height: 55px;
}
@keyframes move1 {
0%{
left:-15px;
}
100%{
left:140px;
}
}
@keyframes movetwo {
0%{
left:15px;
}
100%{
left:-140px;
}
}
#people{
position:absolute;
right:10px;
top:18px;
font-size:12px;
font-family:"雅黑";
color:#aaa;
}
#people>b{
color:#777;
}
.entry-content .gallery {
margin: 0 -1.1666667% 1.75em;
}
.entry-content > p br,.entry-content .content-hidden p br{
height:0
}
.wp-block-gallery,.wp-block-gallery figure{
margin-right:0;
margin-left:0
}
.wp-block-gallery ul{
list-style: none;
display: flex;
flex-flow: wrap;
}
.wp-block-gallery ul li{
list-style: none;
margin:0;
padding:0;
width:33.33333%;
margin: 0!important;
}
.entry-content.mce-content-body{
padding:0 10px!important
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 14px;
}
.wp-block-gallery ul li figure{
height: 100%;
display:flex;
border: 5px solid #fff;
margin: 0!important;
}
.entry-content .gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.wp-block-gallery.columns-1 li{
width:100%
}
.wp-block-gallery.columns-2 li{
width:50%
}
.wp-block-gallery.columns-3 li{
width:33.33333%
}
.wp-block-gallery.columns-4 li{
width:24%
}
.wp-block-gallery.columns-5 li{
width:24%
}
.entry-content .gallery-columns-1 .gallery-item {
max-width: 100%;
}
.entry-content .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.entry-content .gallery-columns-4 .gallery-item {
max-width: 25%;
box-sizing: border-box;
}
.entry-content .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.entry-content .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.entry-content .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.entry-content .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.entry-content .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.entry-content .gallery-icon img {
margin: 0 auto;
}
.entry-content .gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.entry-content .gallery-columns-6 .gallery-caption,
.entry-content .gallery-columns-7 .gallery-caption,
.entry-content .gallery-columns-8 .gallery-caption,
.entry-content .gallery-columns-9 .gallery-caption {
display: none;
} .tooltip-custom.vue-tooltip{
background: #4D70FF;
padding: 5px 8px;
border-radius: 2px;
font-size: 12px
}
.tooltip-custom.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
border-bottom-color: #4D70FF;
}
.tooltip-custom.vue-tooltip[x-placement^=bottom] .tip-box{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center
}
.tooltip-custom.vue-tooltip[x-placement^=bottom] .tip-box b{
font-weight: normal;
color:#F5F6F7
}
.content-ds-count{
font-size: 12px;
margin:17px 0 5px;
color:#515A6E
} .post-po-box{
width:0;
height:0;
position: absolute;
}
.post-box-content{
position: fixed;
bottom:0;
left:0;
height:100%;
width:100%;
transform: translate(0,100%);
visibility: hidden;
z-index: 10;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background: rgba(255, 255, 255, 0.95);
transition: transform 0.1s;
}
.post-box-content.show{
visibility: visible;
transform: translate(0,0);
transition: transform 0.1s;
}
.po-post-icons{
display: flex;
flex-flow: wrap;
width:100%;
position: relative;
}
.po-post-icons > div{
width:50%;
}
.po-post-icons button{
background: none;
border:0;
display: flex;
color:#333;
align-items: center;
}
.po-post-icons .po-verify button{
opacity: .5;
}
.po-post-icons > div:hover{
background-color: #f5f6f7;
border-radius: 5px;
}
.po-post-icon{
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
background: #ccc;
border-radius: 100%;
background-color: #35bdc7;
color:#fff;
margin-right:12px
}
.po-post-icon i{
font-size: 22px;
}
.po-post-icons > div:nth-child(2) .po-post-icon{
background-color: #fca61e;
}
.po-post-icons > div:nth-child(3) .po-post-icon{
background-color: #e65a4f
}
.po-post-icons > div:nth-child(4) .po-post-icon{
background-color: #a1c15c
}
.po-post-icons > div:nth-child(5) .po-post-icon{
background-color: #87EE94
}
.po-post-icons > div:nth-child(6) .po-post-icon{
background-color: #B325DC
}
.po-post-icons > div:nth-child(7) .po-post-icon{
background-color: #FC712C
}
.po-close-button{
position: absolute;
top: 40px;
right: 40px;
}
.po-close-button button{
background: none;
border: 0;
color: #000;
font-size: 20px;
}
.po-close-button button i{
font-size: 27px;
}
.po-verify{
position: absolute;
bottom: -87px;
width: auto!important;
right: 0;
left: 0;
margin: 0 auto;
display: flex;
justify-content: center;
}
.po-post-in{
width:20em;
background: #fff;
box-shadow: 0 0 26px #ccc;
padding:20px
}
.content-footer{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 30px;
font-size: 13px;
}
.content-footer-poster{
display: flex;
flex-flow: row
}
.content-footer-poster button{
margin-right:15px;
border:0;
}
.content-footer-poster button b{
font-weight: normal
}
.content-footer-poster button.poster-span{
background: linear-gradient(40deg,#e0c3fc,#8ec5fc);
color: #fff;
border-radius: 3px;
padding:5px 10px;
display: flex;
align-items: center;
}
.content-footer-poster button i{
margin-right:3px
}
.content-footer-poster button.text{
padding:0;
color:inherit;
display: flex;
align-items: center
}
.content-footer-poster .favorite-button.sc,.content-footer-poster .favorite-button.sc i{
color:green
}
.content-footer-zan-cai{
display: flex;
flex-flow: row;
color:#b2bac2
}
.content-footer-zan-cai span{
display: flex;
align-items: center;
margin-left: 15px;
cursor: pointer;
height: 19px;
color: #d0d0d0;
background: #f6f6f6;
padding: 0 6px;
border-radius: 3px;
height:20px;
line-height: 20px;
}
.content-footer-zan-cai span b{
font-weight: normal
}
.content-footer-zan-cai span.picked,.content-footer-zan-cai span.picked i{
color:#f96078!important
}
.content-footer-zan-cai i{
font-size: 19px
}
.post-content-footer{
position: absolute!important;
left:-80px;
flex-flow: column;
top:80px;
padding-top:0;
width:49px
}
.post-content-footer .content-footer-poster button{
margin-right:0;
margin-bottom:20px;
width:48px;
height:48px;
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;
}
.post-content-footer .favorite-button{
background-color: #fff;
}
.action .post-content-footer-in{
transform: translate(0,130px);
transition: transform .3s;
}
.action.up .post-content-footer-in{
transform: translate(0,74px);
transition: transform .3s;
}
.post-content-footer .content-footer-poster{
flex-flow: column;
}
.post-content-footer .content-footer-zan-cai span:last-child{
display: none;
}
.post-content-footer button i,.post-content-footer .content-footer-zan-cai i{
margin:0;
font-size: 24px;
display: block;
color: #6c6e72
}
.post-content-footer .content-footer-zan-cai{
display: flex;
color: inherit;
margin-top: 6px;
justify-content: center;
align-items: center;
}
.post-content-footer .content-footer-zan-cai span{
margin:0;
display: block;
text-align: center;
background: none;
color:inherit
}
.beian{
display: flex;
align-items: center
}
.post-tags-meat{
display: flex;
flex-flow: wrap;
margin-top: 14px;
position: relative;
}
.post-tags-meat a{
margin-right: 10px;
font-size: 12px;
display: flex;
background-color: #F5F6F7;
color: #AAAEB3;
align-items: center;
transition: all .5s;
margin-top:10px;
line-height: 1;
border-radius: 20px;
border:1px solid #F5F6F7;
padding-right:5px
}
.post-tags-meat .tag-img i{
color:#e62828
}
.post-tags-meat a span.tag-text{
padding:0 5px 0 2px
}
.post-tags-meat a .tag-img{
padding: 3px;
border-radius: 100%;
background-color: #fff;
margin-right:5px
}
.tag-img b{
width:16px;
height:16px;
display: block;
border-radius: 100%
}
.post-tags-meat a img{
width: 16px;
height: 16px;
border-radius: 100%;
}
.post-tags-meat a:hover{
color:inherit;
transition: color .5s;
border-color:#bcbcbc
}   .single-normal{
margin-right:30px
} .post-style-2 .single-article{
margin-top:52px
}
.post-style-2 .site-title{
color:#fff!important
}
.post-style-2-top-header{
margin:-28px -28px 20px -28px;
display: flex;
align-items: flex-end;
justify-content: center;
background-size: cover
}
.post-style-2-top-header h1{
color:#fff;
padding-top: 24px;
margin-top: 24px;
position: relative;
}
.post-style-2 .top-user-box-drop a i.b2font{
color:inherit
}
.post-style-2-top-img{
width:100%;
height:100%;
background-position: 50% 50%;
background-size: cover;
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.post-style-2-top{
height:596px;
position: absolute;
top:0;
left:0;
right:0;
overflow: hidden;
transform: scale(1.08);
}
.post-style-2-top::after{
content: '';
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/pattern.png);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
opacity:0;
}
.post-style-2 .header-banner{
background: rgba(51, 51, 51, 0.5);
}
.post-style-2 .menu-icon .line-1,.post-style-2 .menu-icon .line-2,.post-style-2 .menu-icon .line-3{
background-color: #fff;
box-shadow: none;
}
.post-style-2 .header,.post-style-2 .header .top-style{
background:none;
box-shadow: none
}
.post-style-2 .top-menu ul li.depth-0 > a{
color:#fff
} 
.post-style-2 .user-tools i{
color:#fff
}
.post-style-2 .user-tools button.none i{
color:#333
}
.post-style-2 .login-button .b2-more{
color:#fff
}
.post-style-2 .login-button button{
color:#fff!important;
}
.post-style-2 .search-form-normal{
background: none;
border:0
}
.post-style-2 .header .top-menu ul li.depth-0:hover > a .b2-jt-block-down{
color:#fff
}
.post-style-2 .block-logo{
display: none;
}
.post-style-2 .mobile-box .block-logo{
display: block;
}
.post-style-2 .mobile-box .light-logo{
display: none;
}
.post-style-2 .entry-header-meta{
text-align: left;
padding: 25px;
width:100%;
background: linear-gradient( 
1turn
,rgba(9,15,29,.65),transparent);
} .post-style-3-top{
position: relative;
margin-top: -20px;
margin-bottom:20px;
max-height: 320px;
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
}
.post-style-3-top .wrapper::after{
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
bottom: 0;    left: 0;
background: #ffffff00;
backdrop-filter: blur(10px);
}
.post-style-3-top .img-fliter{
width: 100%;
height: 100%;
}
.post-style-3 .single-sidebar-show .single-article{
width: auto;
}
.post-style-3-title{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding:24px;
letter-spacing: .06rem;
position: relative;
z-index: 2;
}
.post-style-3-top .wrapper{
position: absolute;
z-index: 2;
height: 100%;
overflow: hidden;
}
.post-style-3-title h1{
font-size: 36px;
font-weight: bold;
padding: 0 40px;
color:#fff;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
} .post-style-4-top,.post-style-2-top-header{
overflow: hidden;
}
.post-style-4-top img{
display: block;
width:100%
} .post-style-5 .comments-box{
display: none;
height:100%
}
.post-style-5 .comment-span{
display: none!important;
}
.post-style-5 header{
padding-top:24px;
box-sizing: border-box;
flex-flow: column;
}
.post-style-5 header .post-user-info{
border: 0;
margin: 0;
padding: 10px;
margin-top: 20px;
}
.post-style-5 header h1{
font-size: 24px;
margin-bottom:10px
}
.post-style-5-top{
background-color:#282828;
}
.post-style-5-top > div{
display: flex;
}
.post-style-5-video-box{
flex: 1;
width: 0;
position: relative;
z-index: 0;
}
#post-style-5-player{
position: absolute;
left:0;
top:0;
width:100%;
height:100%
}
#post-style-5-player iframe{
position: absolute;
width:100%;
height:100%
}
.post-style-5-video-box-in{
position: relative;
height:0;
padding-top:56.39925%;
background-color: #262626;
}
.post-style-5-video-box-player{
position: absolute;
width:100%;
height:100%;
left:0;
top:0
}
.post-style-5 .single-article{
width:auto;
}
.post-video-list li > div{
display: flex;
font-size: 14px;
align-items: center;
padding:5px;
margin-bottom:5px
}
.post-video-list li:hover .post-video-list-link,.post-video-list li.picked .post-video-list-link{
background-color: #3c3c3c;
cursor: pointer;
}
.post-video-list li:hover .video-list-play-icon span{
display: block!important;
}
.dplayer-video-wrap .dplayer-video-current{
object-fit: cover;
}
.dplayer-video-wrap .dplayer-video{
background-color: #000;
}
.dplayer-video-wrap{
background-color: #262626!important;
}
.post-video-list-title{
color:#fff;
display: flex;
align-items: center;
padding: 20px 0 10px 5px;
}
.post-video-list-title span{
font-size: 12px;
margin-left:10px;
color:#AAAEB3
}
.post-video-list li .post-video-list-link{
position: relative;
padding-left:30px
}
.video-list-play-icon{
position: absolute;
left: 5px;
top: 4px;
}
.video-list-play-icon i{
font-size: 14px;
}
.post-video-list ul{
color: #fff;
padding: 10px 20px 0 0;
overflow-y: auto;
height: calc(100% - 62px);
}
.post-video-list ul::-webkit-scrollbar {
width: 8px;
background-color: rgba(238, 238, 238, 0.24);
}
.post-video-list ul::-webkit-scrollbar-track {
background-color: rgba(238, 238, 238, 0.24);
}
.post-video-list{
overflow: hidden;
}
.post-video-list ul::-webkit-scrollbar-thumb {
background: #555;
}
.video-list-title{
flex:1
}
.post-video-list li.picked .video-list-title span,.post-video-list li:hover .video-list-title span{
color:#fff
}
.video-list-title span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.post-style-5 .widget-area,.post-style-5 .content-area{
margin-top:16px!important
}
.video-role-title{
position: absolute;
z-index:9999;
top: 21px;
left: 27px;
}
.video-view{
font-size: 12px;
background: rgba(255, 0, 0, 0.67);
color: #fff;
padding: 4px 10px;
display: flex;
align-items: center;
cursor: pointer;
}
.video-view.b2-radius i{
margin-right: 2px;
line-height: 1;
}
.video-view.b2-radius span{
line-height: 1.8
}
.video-role-info{
position: absolute;
z-index: 9999;
background: rgba(0, 0, 0, 0.93);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
visibility: hidden;
transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
transform: perspective(1px) scale(0.7);
transform-origin: center center;
opacity: 0;
color: #efd696;
}
.video-view-button{
display: flex;
align-items: center;
justify-content: center;
}
.video-view-button button + button{
margin-left:16px
}
.video-view-button a{
margin-right:10px
}
.video-role-info button,.video-role-info a.button{
color: #623A0C!important;
text-align: center;
background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);
border:0;
transition: none!important;
height:37px;
border-radius: 3px;
display: block;
box-sizing: border-box;
}
.video-role-info .lv-icon.user-vip{
height: 22px;
line-height: 22px;
display: inline-block;
}
.video-role-info button.video-views i{
margin-right:5px
}
.video-tips{
right: 10px;
top: 10px;
position: absolute;
z-index: 1;
font-weight: 500;
margin: 10px;
background: rgba(255, 255, 255, 0.5);
color: #000000;
padding: 5px 10px;
font-size: 14px;
border-radius: 20px;
}
.video-tips b{
font-weight: 400;
}
.video-creidt span{
padding: 4px 18px;
background-color: rgba(0, 0, 0, 0.5);
color: #efd696;
line-height: 1;
border-radius: 20px;
font-size: 13px;
border: 1px solid #f3dfa1;
}
.video-role-info.b2-show{
visibility: visible;
opacity: 1;
transform: perspective(1px) scale(1);
transition-duration: 0s,0.2s,0.2s;
}
.video-role-list,.video-creidt{
margin: 20px 0;
}
.video-role-list ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.video-role-list li + li{
margin-left:16px
}
.video-role-list li b{
color:#fff
}
.video-role-close{
position: absolute;
right: 28px;
top: 18px;
font-size: 38px;
line-height: 1;
cursor: pointer;
}
.vip-video.video-view{
position: absolute;
z-index: 2;
top: 15px;
left: 15px;
background: rgba(255,255,255,.5);
color: #000;
border-radius: 23px;
}
.video-role-login p{
margin-bottom:10px
}
.video-role-login button + button{
margin-left:10px
}
.post-video-table ul{
display: flex;
margin-top:30px;
}
.post-video-table ul li{
margin-right:40px;
padding-bottom:20px;
color:#666;
cursor: pointer;
font-size: 18px;
}
.post-video-table ul li.picked{
font-weight: 600;
} .b2-widget-empty{
padding:20px
}
.widget-area{
will-change: min-height;
}
.sidebar-innter{
transform: translate(0, 0); transform: translate3d(0, 0, 0);
will-change: position, transform;
}
.b2-widget-user{
overflow: hidden;
}
.b2-widget-coupon .b2-widget-box{
padding:10px;
}
.b2-widget-box-first,.b2-widget-box{
position: relative;
}
.b2-widget-post-thumb .post-list-cat{
display: flex;
align-items: center
}
.b2-widget-post-thumb .b2-widget-post-title{
padding-left:93px;
height:60px
}
.b2-widget-box-first .b2-widget-title{
position: absolute;
bottom:0;
}
.widget-title i{
margin-right:3px
}
.textwidget{
padding:10px
}
.b2-widget-post-thumb-img{
position: absolute;
left:16px;
top:16px;
width:83px;
height:60px
}
.b2-widget-post-thumb-img img{
width:100%;
height:100%
}
.widget ul li{
font-size: 13px;
padding:16px;
box-sizing: border-box;
}
.widget ul li + li{
margin-top:-8px
}
.b2-widget-hot ul li,.b2-widget-mission ul li{
display: flex;
}
.widget-post:hover .b2-widget-post-title h2{
text-decoration: underline;
}
.b2-widget-post-order{
position: absolute;
border-radius: 0 10px 10px 0;
left:-4px;
top:16px;
z-index: 2;
}
.b2-widget-hot li.widget-post-none,.b2-widget-hot li.widget-post-small{
height:92px;
position: relative;
}
.b2-widget-hot li.widget-post-small .b2-widget-post-order span{
font-size: 12px;
line-height: 24px;
font-style: italic;
}
.b2-widget-hot li.widget-post-none:nth-child(1) .b2-widget-post-order,.b2-widget-hot li.widget-post-small:nth-child(1) .b2-widget-post-order{
background-color: #ff3355;
color:#fff
}
.b2-widget-hot li.widget-post-none:nth-child(1) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-small:nth-child(1) .b2-widget-post-order::after{
border-bottom: 4px solid #ff3355;
}
.b2-widget-hot li.widget-post-none:nth-child(2) .b2-widget-post-order,.b2-widget-hot li.widget-post-small:nth-child(2) .b2-widget-post-order{
background-color: #ffa41b;
color:#fff
}
.b2-widget-hot li.widget-post-none:nth-child(2) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-small:nth-child(2) .b2-widget-post-order::after{
border-bottom: 4px solid #ffa41b;
}
.b2-widget-hot li.widget-post-none:nth-child(3) .b2-widget-post-order,.b2-widget-hot li.widget-post-small:nth-child(3) .b2-widget-post-order{
background-color: #1a85ff;
color:#fff
}
.b2-widget-hot li.widget-post-none:nth-child(3) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-small:nth-child(3) .b2-widget-post-order::after{
border-bottom: 4px solid #1a85ff;
}
.b2-widget-hot li.widget-post-none:nth-child(1) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-none:nth-child(2) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-none:nth-child(3) .b2-widget-post-order::after,
.b2-widget-hot li.widget-post-small:nth-child(1) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-small:nth-child(2) .b2-widget-post-order::after,.b2-widget-hot li.widget-post-small:nth-child(3) .b2-widget-post-order::after
{
content: '';
bottom: -2px;
left: 1px;
height: 0;
width: 0;
border-right: 2px solid transparent;
border-left: 2px solid transparent;
position: absolute;
transform: rotate(34deg);
}
.widget-post-none .b2-widget-post-title{
padding-left:28px
}
.b2-widget-hot li.widget-post-big{
height:185px;
padding:16px
}
.widget-post-big .b2-widget-post-thumb{
width:100%
}
.widget ul li h2{
font-size: 13px
}
.b2-widget-mission.widget{
padding:0
}
.b2-widget-title{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.b2-widget-post-title h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom:8px;
word-break: break-all;
}
.b2-widget-post-title time{
font-size: 12px;
color:#bcbcbc;
margin-top:5px
}
.b2-widget-title h2,.widget > h2{
font-size: 16px;
padding:20px 16px 8px;
font-weight: 600;
line-height: 1;
}
.b2-widget-post-order span{
display: block;
padding: 0;
font-size: 16px;
margin-right: 6px;
line-height: 22px;
height: 22px;
width: 34px;
text-align: right;
}
.widget-post-big .b2-widget-post-thumb{
overflow: hidden;
position: relative;
}
.widget-post-big .b2-widget-post-title{
padding:16px;
position: absolute;
background: linear-gradient( 1turn,rgba(9,15,29,.65),transparent);
bottom:0;
color:#fff;
left:0;
right:0;
height: auto;
}
.widget-post-big .b2-widget-post-thumb img{
display: block;
height:100%;
width:100%
}
.widget-post-big .b2-widget-title h2{
font-size: 16px;
height:20px;
-webkit-line-clamp: 1;
}
.comment-widget-nav{
position: absolute;
right:10px;
top:20px;
font-size: 12px;
display: flex;
align-items: center;
}
.comment-widget-nav span{
margin-left: 16px;
cursor: pointer;
color: green;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-items: center;
display: inline-flex;
line-height: 1;
}
.comment-widget-nav span.locked{
color:#bcbcbc
}
.b2-widget-comment{
position: relative;
}
.no-social{
padding: 5px 20px 6px;
}
.widget .calendar_wrap thead tr{
border-right:1px solid #dddfe2;
border-left:1px solid #dddfe2;
}
.widget .calendar_wrap thead tr th{
text-align: center;
}
.widget .calendar_wrap a{
color:#00a0e9
}
.tag-link-count{
color:#AAAEB3
}
.widget .tagcloud a{
font-size: 12px!important;
display: inline-block;
padding: 3px 6px;
background: rgba(243, 243, 243, 0.68);
margin-bottom: 5px;
}
.widget .tagcloud a:hover{
color:#000
}
.tag-link-count{
color:#bcbcbc
}
.widget .gallery .gallery-item{
margin:0!important
}
.widget .gallery .gallery-item img{
border:0!important
}
.widget .gallery-icon{
border:2px solid #fff
} .user-w-avatar{
position: relative;
}
.user-w-avatar img{
width:48px;
height:48px;
min-width: 48px;
display: block;
}
.user-widget-info{
position: relative;
display: flex;
padding: 20px;
align-items: center;
}
.user-widget{
width:100%;
}
.user-w-rw{
background: #f7f8fa;
font-size: 12px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
position: relative;
height: 25px;
margin-top:16px
}
.user-w-rw a{
display: flex;
justify-content: center;
align-items: center;
border:0
}
.user-w-rw a b{
font-weight: 400;
}
.user-w-rw-bg{
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: rgb(0 0 0 / 5%);
}
.user-widget-content .user-w-rw{
position: absolute;
right: 16px;
top: 16px;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
background: #ebecec;
border-radius: 100%;
color:inherit
}
.user-widget-content .user-w-rw a{
font-size: 12px;
}
.user-widget-content .user-w-rw-bg{
position: relative;
background: 0 0;
line-height: 30px;
text-align: center;
}
.user-w-loading{
display: flex;
align-items: center;
justify-content: center
}
.user-w-loading button{
display: block;
width:100%;
height:50px;
border-top:1px solid #F5F6F7
}
.user-w-name{
margin-left:12px;
height: 40px;
box-sizing: border-box;
}
.user-w-name a{
display: flex;
align-items: center;
line-height: 1;
}
.user-w-name h2{
font-size: 16px;
font-weight: 600;
line-height: 20px;
max-width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height:20px
}
.user-w-name .b2-vrenzhengguanli{
position: initial
}
.shop-item-desc{
font-size: 12px;
margin-top:5px;
}
.user-w-tj{
display: flex;
justify-content: space-between;
padding: 10px 20px;
height:56px;
box-shadow: inset -13px -48px 80px -35px rgb(17 58 93 / 5%);
overflow: hidden;
}
.user-w-tj > div{
display: flex;
flex-flow: column;
align-items: center;
position: relative;
}
.widget-gujia-user .user-w-tj{
background-color: #f6f6f6;
margin: 10px 20px;
border: 0;
height: 35px;
}
.widget-gujia-user .user-w-announcement > div{
height:33px;
margin:10px 20px;
background: #f6f6f6;
}
.mission-gujia .user-credit{
width:57px;
height:26px;
display: block;
}
.mission-gujia .avatar-parent{
background-color: #f6f6f6;
}
.mission-gujia .user-mission-info-left{
width:80px;
height:27px;
background-color: #f6f6f6;
}
.mission-gujia .user-w-qd >div{
width:200px;
height:22px;
background-color: #f6f6f6;
margin: 0 auto;
}
.mission-gujia .user-w-qd-list-title p span{
height:26px;
width:78px;
display: block;
margin: 0 auto;
}
.widget-mission-footer a{
padding: 10px;
font-size: 12px;
text-align: center;
display: block;
border-top: 1px solid #F5F6F7;
font-weight: 600;
}
.comment-gujia li{
padding:14px!important
}
.comment-gujia .widget-comment-user-left span,.comment-gujia .user-mission-info-left p{
height:25px;
background-color: #f6f6f6;
}
.comment-gujia .widget-comment-contnet{
height:18px
}
.widget-comment-contnet p{
word-wrap: break-word;
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.comment-gujia .widget-comment-post{
height:20px;
background-color: #f6f6f6;
}
.comment-gujia .widget-comment-user time{
height: 16px;
width: 46px;
background: #f6f6f6;
}
.user-w-tj p{
font-size: 12px;
color:#bcbcbc
}
.user-w-desc{
background-color: #f9f9f9;
font-size: 13px;
padding:10px
}
.user-w-logon{
font-size: 13px;
padding:24px 20px;
background-image: -webkit-gradient(linear,left top,right top,from(#fff2ec),color-stop(42%,#f0f1f6),to(#e1f0ff));
background-image: linear-gradient(90deg,#fff2ec 0,#f0f1f6 42%,#e1f0ff 100%);
position: relative;
}
.user-w-logon::after{
content:'';
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(247,248,249,0)));
background-image: linear-gradient(
0deg
,#fff 0,rgba(247,248,249,0) 100%);
}
.user-w-logon p{
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
z-index: 2;
}
.user-w-logon-title{
margin-bottom:10px;
}
.user-w-lv{
display: flex;
height:22px
}
.b2-widget-mission.mg-b{
padding:0;
overflow: hidden;
}
.user-w-qd{
font-size: 13px;
padding: 16px 16px 0;
text-align: center;
background-image: linear-gradient(90deg, #673AB7 0%, #E91E63 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.user-w-qd i{
color:#FF3355;
margin-right:5px
}
.user-w-qd.cur{
cursor: pointer;
}
.user-w-qd-list{
overflow: hidden;
}
.user-w-qd-list-title{
display: flex;
justify-content: space-between;
margin-top:16px;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/page-bg.svg);
height:43px;
background-color: #fff4f4;
margin: 16px 16px 6px;
}
.user-w-qd-list-title p{
font-size: 13px;
padding:8px;
width:50%;
text-align: center;
cursor: pointer;
}
.user-w-qd-list-title p span{
display: inline-block;
padding: 7px 15px;
border-radius: 43px;
line-height: 1;
font-size: 12px;
color:#fff
}
.user-w-qd-list-title p.picked span{
background-color: rgba(255, 255, 255, 0.4);
}
.user-w-announcement{
padding: 10px 0;
}
.user-w-announcement li a{
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
position: relative;
padding-left: 17px;
}
.user-w-announcement li a b{
font-weight: normal;
}
.widget .user-w-announcement li{
padding:16px 20px
}
.user-w-announcement li a::before{
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 5px;
border-radius: 10px;
}
.user-mission-info-left time{
font-size: 12px;
color:#bcbcbc
}
.widget .mission-today-list li{
padding:16px;
border:0;
height:68px
}
.widget .mission-today-list li > a{
position: absolute;
}
.mission-today-list .user-mission-info{
padding-left:45px
}
.user-mission-info{
display: flex;
justify-content: space-between;
width:100%;
align-items: center;
flex: 1
}
.user-mission-info-right span,.user-mission-info-right{
font-size: 12px
}
.user-link-block{
display: block;
margin-right: 8px;
width: 36px;
height: 36px;
}
.mission-today-list img{
height:100%;
display: block;
}
.widget-comment-user{
display: flex;
justify-content: space-between;
align-items: center;
}
.widget-comment-user time{
color:#bcbcbc;
font-size: 12px;
}
.widget-comment-user-left img{
width:25px;
height:25px;
margin-right:5px
}
.widget-comment-user-left{
display: flex;
align-items: center;
position: relative;
}
.widget-comment-user-left span,.user-mission-info-left p{
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
max-width:111px
}
.widget-comment-contnet{
padding: 10px;
position: relative;
margin: 10px 0;
background-color: #f8f8f8;
}
.widget-comment-contnet .comment-img{
margin-top:10px
}
.widget-comment-post{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 12px;
color:#bcbcbc
}
.widget-comment-post b{
margin-right:2px;
opacity: .5;
}
.comment-widget li + li{
padding-top:16px;
}
.widget-comment-contnet.jt:before, .widget-comment-contnet.jt:after{
border-bottom-color: #F5F6F7;
}
.author-widget-content{
padding:10px 16px
}
.b2-widget-author h2{
display: flex;
align-items: center;
justify-content: space-between;
}
.b2-widget-author h2 i{
font-size: 12px;
}
.b2-widget-author h2 button{
padding:0;
margin-left:8px
}
.w-a-info{
display: flex;
position: relative;
align-items: center;
}
.w-a-info p{
font-size:17px;
font-weight: 600;
}
.w-a-info p i{
position: inherit;
display: inline-block;
}
.w-a-info img{
width:50px;
height:50px;
display: block;
margin-right:8px
}
.w-a-count{
display: flex;
flex-flow: wrap;
margin: 16px -16px 8px;
background: #f5f6f7;
}
.w-a-count > div{
width:25%;
text-align: center;
margin:10px 0;
font-size: 12px;
}
.w-a-count > div span{
font-size: 16px;
font-weight: 600;
}
.w-a-post-list > div{
padding: 0 2px;
font-size: 12px;
position: relative;
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 20px;
box-sizing: border-box;
line-height: 20px;
margin: 12px 0;
}
.w-a-post-list span{
opacity: .5;
margin-right:2px
} .searchform{
display: flex
}
.searchform .screen-reader-text{
display: none
}
.searchform div{
width:100%;
display:flex;
padding:10px
}
.searchform div input[type="text"] {
margin-right: 10px;
width: 100%;
}
.widget_tag_cloud > div{
padding:10px
}
.widget_media_gallery > div{
padding:0 10px 10px
} .archive .b2-single-content.single-sidebar-show .single-article{
width:auto;
max-width: 100%;
margin:0
}
.archive .b2-single-content{
position: relative;
}  #filter-top{
position: relative;
}
.tax-header .tax-info{
position: relative;
z-index: 1;
padding:20px 0 16px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.b2-light-dark-outside-box{
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.b2-light-dark-outside{
position: absolute;
width: 100%;
height: 100%;
transform: scale(1.08);
}
.b2-light-dark{
position: relative;
}
.b2-light-dark-bg{
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
filter: blur(25px);
-webkit-filter: blur(25px);
-moz-filter: blur(25px);
-ms-filter: blur(25px);
-o-filter: blur(25px);
}
.tax-title{
flex: 1;
text-align: right;
}
.tax-title h1{
padding: 8px 10px;
font-size: 12px;
color: #fff;
font-weight: 600;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
position: relative;
border-radius: 3px;
}
.tax-title h1 span{
position: relative;
z-index: 2;
}
.tax-title h1::after{
content:'';
position: absolute;
width:100%;
height:100%;
background-color: rgba(0, 0, 0, 0.26);
left:0;
top:0;
border-radius: 3px;
}
.tax-info-item .fliter-button{
background-color: #fff;
border: 0;
color: #121212;
font-size: 14px;
padding:7px 16px;
display: block;
box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
}
.fliter-button i{
font-size: 12px;
}
.tax-info-item .fliter-button:hover{
color:initial
}
.tax-info-item{
margin-right:14px;
display: flex;
align-items: center;
}
.tax-info-item.mobile-show{
display: none;
}
.tax-header .tax-image{
position: absolute;
right:20px;
top:20px
}
.tax-image img{
display: block;
width:50px;
height:50px
}
.tax-search{
position: relative;
width:220px
}
.tax-search form{
width:100%;
position: relative;
display: flex;
flex-flow: column;
}
.tax-search input{
width:100%;
font-size: 14px;
border:0;
background:#fff;
padding: 7px 10px 7px 38px;
box-sizing: border-box;
}
.tax-search button{
position: absolute;
left: 0;
top: 0;
padding: 8px 10px;
background: none;
}
.tax-search button i{
font-size: 20px;
color:#121212
}
#filter-top{
font-size: 14px;
overflow: hidden;
}
.tax-info-item.tag-list a{
margin-right: 10px;
font-size: 12px;
display: block;
padding: 5px 10px;
background: #fff;
border-radius: 10px;
}
.tax-info-item.tag-list a:hover{
text-decoration: underline;
}
.filter-items a:hover{
border: 1px dashed #ccc;
background: #F5F6F7;
border-radius: 3px;
}
.filter-items a.current{
border-radius: 3px;
}
#filter-top ul li{
display: flex;
padding: 8px 16px;
align-items: baseline;
margin-bottom:-10px
}
.filter-name{
color: #b2bac2;
width:88px;
text-align: right;
}
.filter-items{
display: flex;
flex-wrap: wrap;
flex: 1;
}
.filters-box > ul{
padding: 10px 0;
}
.filter-items a{
padding: 0 10px;
margin-right: 5px;
border: 1px solid rgba(255,255,255,0);
max-width: 120px;
height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 24px;
font-size: 13px;
margin-bottom:10px;
background: #f6f7f8;
border-radius: 3px;
}
.tax-header .wrapper{
position: relative;
box-sizing: border-box;
flex-flow: wrap;
}
.tax-fliter-hot{
position: absolute;
left: 0;
top: 60px;
background-color: #fff;
z-index: 6;
padding:5px;
box-shadow: 0px 12px 23px 0px rgba(51,51,51,.2)
}
.tax-fliter-hot .order-items a{
display: block;
font-size: 14px;
padding: 5px 10px;
}
.tax-fliter-hot .order-items a:hover{
background-color: #F5F6F7;
}
.tax-fliter-cat{
z-index: 3;
width: 100%;
left:0
} .b2-pagenav{
font-size: 13px;
}
.b2-pagenav.comment-nav{
padding:0
}
.ajax-pager .button.bordernone{
border:0;
color:#b2bac2;
cursor: default;
font-weight: 300;
padding:6px;
background: none;
}
.ajax-pager .button{
margin-right:5px;
font-weight: 600;
padding:10px 13px;
border:0;
background: #f4f5f6;
font-size:12px;
}
.ajax-pager > div{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.ask-answer-list .ajax-pager > div{
border-top: 1px solid rgb(69 96 201/9%);
padding:10px
}
.ajax-pager .button[disabled],.ajax-pager .button.selected{
border-color:#ccc0;
color:#ccc;
cursor: default
}
.b2-pagenav .btn-pager{
justify-content: flex-end;
display: flex;
flex: 1 0 auto;
}
.b2-pagenav{
padding:10px
}
.jump-page input{
width:100%;
border-radius: 3px
}
.pager-center{
border:1px solid #ccc;
display: flex;
align-items: center;
border-radius: 3px;
box-shadow: 0px 1px 1px rgba(0,0,0,.1) inset;
color:#b2bac2;
cursor: pointer;
font-size: 12px;
background-color: #fff;
padding: 0 8px 0 5px;
height:36px;
line-height: 36px;
overflow: hidden;
}
.pager-center input{
width: 40px;
border: 0;
padding: 0;
padding: 9px 5px;
background: #F5F6F7;
border-radius: 3px;
margin-right:2px;
background: none;
}
.ajax-pager .button.b2-loading:after{
background-color: #f4f4f5;
}
.ajax-pager .btn-pager .button{
margin-right:0;
margin-left:5px
}
.btn-group{
display: flex
}
.ajax-more{
justify-content: space-between;
}
.ajax-more .pager-center{
padding-right:0
}
.pager-center button{
padding:0 10px
}
.ajax-pager .ajax-more button{
margin-right:0;
margin-left: 10px;
} .gdd-quick-link-buy-vip{
position: absolute;
right: 0;
bottom: 12px;
height: 108px;
box-shadow: 0 2px 8px rgba(0,0,0,.1);
color: #fff;
z-index: 1;
}
.gdd-quick-link-buy-vip__hover-block{
border: none !important;
position: absolute !important;
right: 0;
z-index: 100;
padding: 0 !important; width: 40px;
height: 108px; border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
}
.gdd-quick-link-buy-vip__hover-block img{
margin-top: 10px;
margin-bottom:5px
}
.gdd-quick-link-buy-vip__hover-block p{
width: 28px;
margin-left: 6px;
font-size: 12px;
text-align: center;
}
.gdd-quick-link-buy-vip__popover{
position: absolute !important;
right: 0;
top: 0;
width: 200px !important;
height: 108px !important;
padding: 8px !important;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
border-bottom: none !important;
transform: translateX(200px);
-ms-transform: translateX(-00px); 
-webkit-transform: translateX(200px); 
transition: all .3s;
}
.gdd-quick-link-buy-vip__popover>div{
padding: 10px !important;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/arc_ea0c94d2.png);
background-size: 170px 100%;
background-repeat: no-repeat;
width: auto !important;
border-bottom: none !important;
text-align: initial !important;
margin: 2px;
}
.gdd-quick-link-buy-vip__popover--title{
margin: 0;
font-size: 14px;
font-weight: 500;
color: #121212;
}
.gdd-quick-link-buy-vip__popover--desc{
margin-bottom: 8px;
font-size: 12px;
color: #8590A6;
}
.gdd-quick-link-buy-vip__popover--btn{
margin: 0;
width: 60px;
height: 24px;
line-height: 23px;
text-align: center;
font-size: 12px;
font-weight: 500;
border-radius: 4px;
cursor: pointer;
}
.gdd-quick-link-buy-vip:hover .gdd-quick-link-buy-vip__popover{
display: block;
transform: translateX(0px);
-ms-transform: translateX(0px); 
-webkit-transform: translateX(0px); 
transition: all .3s;
}
.site-footer{
padding:20px 0 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.site-footer .wrapper{
display: block;
}
.site-footer section{
margin-bottom:0;
margin: 0;
}
.site-footer .widget{
box-shadow: none;
padding:0;
width:25%;
}
.footer{
font-size: 13px;
}
.footer a{
font-size: 13px
}
.site-footer time{
opacity: .6;
}
.site-footer .widget-title{
border-bottom:1px solid rgba(255, 255, 255, 0.3);
padding:16px 0
}
.site-footer .widget ul li{
border:0;
padding:16px 0
}
.site-footer .b2-widget-hot ul li{
padding:16px
}
.site-footer .site-footer-widget-in{
display: flex;
}
.b2-widget-about .about-widget{
margin-top:16px
}
.b2-widget-about .b2-widget-title{
display: none;
}
.about-widget-content{
margin-top:10px
}
.about-widget{
font-size: 14px;
}
.about-widget p{
margin-bottom:10px;
font-size: 14px;
line-height: 1.5;
word-wrap: break-word;
}
.about-widget .footer-logo{
height: 50px;
object-fit: contain;
}
.links-widget li{
display: flex;
align-items: center;
position: relative
}
.links-widget .links-icon{
background-color: #fff;
width:40px;
height:40px;
border-radius: 5px;
display: block;
margin-right:10px;
opacity: .8;
}
.links-widget h2{
font-weight: 600
}
.team-widget{
display: flex;
flex-wrap: wrap;
}
.widget ul.team-widget li{
margin:0;
border: 4px solid rgba(69, 69, 69, 0);
width:46px;
height:46px;
padding:0
}
.widget ul.team-widget li img{
display: block;
width:100%;
height:100%
}
.widget ul.team-widget{
padding:8px 16px 16px
}
.site-footer .widget ul.team-widget{
padding: 0;
margin: -4px;
margin-top: 0px;
}
.footer-links{
text-align: center;
display: flex;
justify-content: center;
padding: 20px;
border-radius: 3px;
position: relative;
background: rgb(0 0 0 / 3%)
}
.footer-links ul{
display: flex;
flex-wrap: wrap;
}
.footer-links ul li{
padding: 5px 8px;
}
.footer-links ul li a{
border-bottom:1px solid rgba(255, 255, 255, 0)
}
.footer-links ul li a:hover{
border-bottom:1px solid #ccc
}
.footer-bottom{
display: flex;
height:60px;
align-items: center;
justify-content: space-between;
}
.links-widget p{
font-size: 12px;
color: #777;
}
.site-footer-nav{
display: flex;
}
.site-footer-nav .footer-bottom{
width:100%
}
.site-footer-nav .wrapper .footer-links{
margin:20px 0;
}
.footer-bottom-left{
display: flex;
align-items: center
}
.footer-bottom-left img{
width:20px;
height:20px;
margin-right:5px
} .lv-icon{
font-size: 12px;
font-weight: 400;
color: #797C80;
height: 18px;
line-height: 18px;
border-radius: 3px;
margin-right:6px
}
.lv-icon.user-vip{
height: 18px;
line-height: 18px;
padding:0
}
.lv-icon.user-lv i{
font-size: 12px;
font-style: normal;
display: inline-block;
background-color: rgb(173 173 173 / 16%);
transform: scale(1);
height: 17px;
line-height: 17px;
padding: 0 6px;
border-radius: 2px;
margin-left: 3px;
text-transform: capitalize;
}
.coupon-roles-desc .lv-icon.user-lv i{
background: none;
margin-left:0
}
.lv-icon b{
font-weight: 400;
}
.lv-icon.user-vip i{
width: 5px;
height: 5px;
display: inline-block;
margin-right: 3px;
border: 2px solid #1e73be;
border-radius: 100%;
vertical-align: 0px;
display: none;
} .poster-box .modal-content{
width:590px;
padding:24px;
}
.poster-content{
display: flex;
flex-flow: row
}
.poster-share{
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
width: 248px;
}
.poster-share .fuzhi,.poster-share .fuzhi input{
cursor: pointer;
}
.share-text{
padding:10px;
text-align: center;
color:#FF3355;
width:100%
}
.poster-share div{
display: flex;
align-items: center;
flex-flow: column;
font-size: 14px;
}
.poster-box-left{
flex:1;
background-repeat: no-repeat;
background-position: center;
width:100%;
height:100%;
background-color:#fafafa;
overflow: hidden;
}
.poster-image{
height:0;
padding-top: 117%;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.poster-image img{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.poster-box-left .poster-info h2{
font-size: 17px;
font-weight: 600;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2; 
-webkit-box-orient:vertical;
}
.poster-box-left .poster-info p{
margin-top: 10px;
font-size: 12px;
line-height: 18px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3; 
-webkit-box-orient:vertical;
text-align: left;
}
.poster-info{
padding:16px;
}
.poster-footer{
padding:16px;
border-top:1px dashed #cecece;
position: relative;
}
#poster-box .poster-content .poster-loading{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(251, 251, 251, 0.95);
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
}
.poster-footer-left img{
width:90px
}
.poster-footer-left{
font-size: 12px;
padding-right:40%
}
.poster-footer-right{
position: absolute;
right: 16px;
top: 12px;
}
.poster-footer-right img{
width:64px;
border: 1px solid #e4e4e4;
}
.poster-content .poster-footer p{
margin-top: 5px;
margin-bottom: 0;
font-size: 12px;
height: 32px;
overflow: hidden;
line-height: 1.2;
text-align: left;
}
.poster-content button,.poster-content .button{
margin-bottom: 10px;
background: none;
padding: 7px 10px;
font-size: 12px;
border: 0;
width: 150px;
text-align: center;
box-sizing: border-box;
}
.poster-content p{
font-size: 14px;
margin-bottom:5px;
margin-top:10px
}
.poster-content button.poster-share-weibo{
background-color: #e24040
}
.poster-content button.poster-share-qq{
background-color: #4f9ddd
}
.poster-content button.poster-share-qq-k{
background-color:#f9c740
}
.poster-content button.poster-share-weixin{
background-color: #9ed874
}
.poster-content .poster-share-download{
background-color: #333
}
.poster-date{
position: absolute;
left: 16px;
bottom: 16px;
background: rgba(0, 0, 0, 0.27);
text-align: center;
color: #fff;
line-height: 1;
}
.poster-date-day{
font-size: 30px;
height: 48px;
width:65px;
text-align: center;
line-height: 48px;
padding:0 12px
}
.poster-date-year{
font-size: 13px;
font-weight: bold;
border-top: 1px solid #fff;
height:30px;
text-align: center;
line-height: 30px;
}
.single-top-html{
margin-bottom:10px;
position: relative;
}
.single-bottom-html{
margin: 0 auto;
max-width: 100%;
position: relative;
z-index: 2;
overflow: hidden;
} .comment-type{
position: absolute;
bottom:7px;
right:10px;
}
.comment-type button{
margin-left:12px
}
.comment-type i{
font-size: 20px;
}
.b2-c-d{
max-width: 60%;
max-height: 100px;
object-fit: contain;
}
.com-form > .b2-radius{
position: relative;
background-color: #fff;
}
#drawing-box.com-form-textarea{
padding-top:38px
}
#drawing-box{
background-color: #fafafa;
}
.drawing-tools{
display: flex;
justify-content: space-between;
left: 0;
top: 7px;
position: absolute;
padding: 0 10px;
right: 0;
}
.drawing-tools > div{
display: flex;
align-items: center;
}
.drawing-tools > div > div{
display: flex;
align-items: center;
margin-right: 24px;
}
.d-replay button{
margin-left:12px
}
.d-replay button i{
font-size: 20px;
}
.d-weight button{
margin-right:12px;
}
.d-weight button.text,.d-replay button i,.comment-type button i{
color:#8590A6
}
.d-color button.picked{
box-shadow: 0 4px 10px rgb(0 0 0 / 35%);
}
.d-color button{
width: 12px;
height: 12px;
border-radius: 3px;
background-color: #121212;
margin-right: 12px;
}
.d-color .d-red{
background-color: #FF3355;
}
.d-color .d-yellow{
background-color: #ff9900;
}
.d-color .d-green{
background-color: #71a257;
}
#toolopt{
opacity: 0;
visibility: hidden;
}
#sketchpad{
display: block;
margin: 0 10px;
background: #fff;
touch-action: none;
}
.comment-count{
font-weight: 600;
font-size: 18px;
color: initial;
}
.sticky-comment{
padding:16px;
font-size: 12px
}
.comment-list{
margin:0 24px
}
.comment-list .comment-footer button.text{
color:#8590A6;
padding:0
}
.comment-list .comment-footer button.text i{
font-size: 14px
}
.single-sidebar-show .comments-area{
width:100%;
font-size: 13px
}
.comment-info span{
margin-right:10px
}
.comment-info{
display: flex;
align-items: center;
}
.comment-info span{
display: flex;
align-items: center
}
.comment-auth-mod{
line-height: 15px;
font-size: 12px;
border: 1px solid;
font-weight: 400;
width: 15px;
display: inline-block;
height: 15px;
text-align: center;
margin-left: 3px;
border-radius: 3px;
font-size: 12px;
}
.comment-info span i{
display: inline-block;
font-style:normal;
margin-left:3px
}
.comment-auth{
border: 1px solid rgba(244,53,71,.09);
color: rgba(244,55,72,.41);
}
.comment-mod{
border: 1px solid rgba(102,162,222,.19);
color: rgba(102,162,222,.41);
}
.comments-title{
display: flex;
justify-content: space-between;
padding-bottom:16px;
font-size: 12px;
padding:16px 24px;
color: #bcbcbc;
align-items: center;
border-bottom:1px solid #f5f6f7
}
.comments-area{
margin: 0 auto;
max-width: 100%;
position: relative;
}
.comments-area-content{
padding: 0;
}
.comment{
position: relative;
display: flow-root;
}
.comment .gravatar{
width:40px;
height:40px;
position: absolute;
left:0px;
top:20px;
text-align: center;
}
.comment-list .children article .gravatar{
display: flex;
flex-flow: column;
align-items: center;
left: 54px;
top:17px
}
.comment .gravatar img{
border-radius: 3px;
display: block;
height:100%
}
.comment .comment-item{
padding: 20px 0 20px 52px;
border-top: 1px solid #F5F6F7;
}
.comment-meta{
display: flex;
justify-content: space-between;
justify-content: baseline;
}
.comment-user-info{
font-size: 12px;
display: flex;
align-items: baseline;
width:100%
}
.comment-user-info > div{
width:100%
}
.comment-user-info time{
margin:0 10px;
color:#ccc
}
.duk{
color:#ddd;
margin-left:10px;
font-size: 12px;
font-weight: 400
}
.comment-footer{
display: flex;
justify-content: space-between;
font-size: 13px;
align-items: center;
color:#b2bac2;
position: relative;
min-height: 30px;
}
.comment-content-text{
margin:10px 0 20px;
line-height: 30px;
color:#000
}
.comment-content-text p{
margin: 6px 0;
word-wrap: break-word;
border-radius: 3px;
line-height: 1.5;
}
.comment-author .lv-icon{
padding: 2px 4px;
margin-left:3px;
text-shadow: 0 0 1px #fff;
}
.comment-author a,.comment-author{
font-size: 12px;
font-weight: 600;
}
.comment-floor{
font-size: 12px;
color:#8590A6
} .comment-list .children article .comment-item {
margin-left: 58px;
padding: 16px 0 16px 44px;
}
.comment-list .children article .comment-item .comment-content-text p{
font-size: 16px;
}
.comment-list .children article .gravatar img {
width: 40px;
height: 40px;
display: block;
}
.comment_at{
color:#ccc;
margin:0 10px
}
.comment-footer-tools{
display: flex;
}
.comment-footer-tools button{
display: flex;
align-items: center;
margin-left:16px
}
.comment-footer-tools .comment-vote-hidden button{
margin-left:0;
margin-right:20px;
}
ul.children .comment-list .comment-footer button.text{
background-color: #fff;
}
.single-sidebar-show .comment-form{
width:100%
}
.com-form-input{
display: none;
}
.com-form-input.b2-show{
display: flex
}
.com-form-input input{
width:50%;
padding:10px;
border:1px solid #EBEBEB;
border-radius: 0;
margin-bottom:-1px
}
.com-form-input input:last-child{
border-left:0
}
.com-form-textarea{
position: relative;
border: 1px solid #EBEBEB;
padding-bottom: 38px;
}
.com-form-textarea textarea{
padding:10px;
width:100%;
min-height: 100px;
display: block;
max-width: 100%;
min-width: 100%;
border:0;
background-color: #fff;
border-radius: 0;
}
.comment-form{
position: relative;
}
.com-info{
position: absolute;
left:24px;
top:24px;
width:40px;
height:40px
}
.com-info img{
width:100%;
height:100%;
border-radius: 3px
}
.com-form{
margin-left:50px
}
.com-form > .b2-radius{
overflow: hidden
}
.com-form-button{
display: flex;
justify-content: space-between;
align-items: center;
}
.com-form-button-l i{
font-size: 24px;
line-height: 1;
}
.com-form-title{
display: none;
justify-content: space-between;
padding: 0 0 8px;
font-size: 15px;
} .com-form-title.b2-show{
display: flex
} .comment-author .user-title{
font-size: 12px;
margin-left:10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
width:50%;
color: rgb(0 0 0 / 31%);
}
#com-form-title.com-form-title.b2-show div{
display: flex
}
.com-form .text{
padding:0
}
.b2-smilies {
height: 20px !important;
width: 20px !important;
display: inline-block;
border: 0!important;
margin: 0!important;
vertical-align: text-bottom;
}
.com-form-button{
margin-top:16px
}
.com-form-button-l{
display: flex;
flex-flow: row;
position: relative;
}
.com-form-button-l span{
margin-right:20px;
cursor: pointer;
}
.comment-author{
display: flex;
align-items: center;
line-height: 1;
margin-bottom:5px
}
.comment-smile-box,.comment-image-box{
position: absolute;
width: 230px;
height: 102px;
top: 36px;
left: -14px;
padding: 2px;
box-shadow: 0 2px 10px 2px rgba(0,0,0,.11);
background-color: #fff;
z-index: 2;
display: none
}
#bigTriangleColor {
display: block;
}
.comment-smile-box:before,.comment-image-box:before {
content: "";
position: absolute;
border-style: solid;
border-color: transparent transparent #c7c7c7;
border-width: 7px;
top: -14px;
right: 15px;
z-index: 1;
}
.comment-smile-box:before, .comment-smile-box:after {
left: 18px;
right: inherit;
}
.comment-image-box:before,.comment-image-box:after{
left: 62px;
right: inherit;
}
.comment-smile-box.b2-show{
display: flex;
align-items: center;
justify-items: center;
z-index: 3;
flex-flow: wrap;
}
.comment-smile-box.b2-show > button{
width: 14.2857%;
height: 33px;
background: #F5F6F7;
border: 1px solid #fff;
font-size: 19px;
line-height: 33px;
padding:0
}
.comment-image-box.b2-show{
display: flex;
justify-content: center;
align-items: center;
}
.comment-smile-box img{
background: #F5F6F7;
padding: 5px;
cursor: pointer;
}
.comment-image-box button.text{
width:100%;
height:100%
}
.comment-img-box{
margin-bottom:16px;
}
.comment-img-box img{
display: block;
max-width: 30%
}
.comment-nav .ajax-pager{
padding:20px 24px;
margin:0
}
.comment-nav{
box-shadow:inset 0 23px 68px 0 rgba(195, 195, 195, 0.1)
}
.none-comment{
font-size: 13px;
color:#b2bac2;
text-align: center;
padding:30px;
border-top:1px solid #F5F6F7;
}
.comment-tips{
max-width: 50%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.comment-nav .pager-center{
padding: 1px 5px;
}
.comment-list .comment-footer button.text.voted{
color:#f96078
}
.comment-item-hidden{
display: flex;
visibility: hidden;
position: absolute;
right: 0;
}
.comment-item:hover .comment-item-hidden{
visibility: visible
}
.comment-footer-tools button.comment-zd{
display: none
}
.sticky-icon{
font-size: 12px;
color: #ff3a55;
background: rgb(255 58 85/16%);
height: 18px;
display: inline-block;
line-height: 18px;
padding: 0 5px 0px 5px;
margin-right: 5px;
border-radius: 3px;
}
.respond{
padding: 24px;
margin: 0 auto;
max-width: 100%;
position: relative; }
.comment .respond{
margin-top:16px;
background: #f5f6f7;
box-shadow: none
}
.com-form-button-r .mg-r{
display: none
}
.comment .com-form-button-r .mg-r{
display: block
}
.com-form-button-r{
display: flex
}
#comment-img{
display: none
}
.comment-img-button{
cursor: pointer;
}
.comment-sub-img{
width:100%;
height:100%;
position: absolute;
left:0;
top:0;
}
.comment-sub-img-button{
display: none;
flex-flow: row
}
.comment-sub-img-button label{
display: block;
position: relative;
color: #fff;
background: rgba(0, 0, 0, 0.4);
font-size: 12px;
padding: 5px 10px;
border-radius: 3px;
margin-right:10px;
cursor: pointer;
}
.comment-sub-img-button .text{
margin-left:10px;
}
.comment-image-box:hover .comment-sub-img-button{
display: flex
}
.comment-sub-img-msg{
font-size: 12px
}
.comment-overlay{
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(247 247 247 / 59%);
z-index: 2;
backdrop-filter: saturate(48%) blur(10px);
}
.comment-overlay-login{
text-align: center;
font-size: 14px
}
.comment-overlay-login p{
margin-bottom:20px
}
.comment-overlay-hidden{
display: none
}
.comment-footer-tools .comment-vote-hidden{
display: flex
} .social-loading.button{
margin-top:30px
}
.social-loading.button:after{
background-size: 24px;
}
.social-box .invitation-box{
width:300px;
font-weight: normal;
color:initial;
padding:40px 20px
}
.social-box .invitation-box p{
margin-bottom:20px
}
.social-box .invitation-box input{
width:100%;
padding:10px;
margin-bottom:30px
}
.social-box .invitation-box-button{
display: flex;
justify-content: space-between;
align-items: center;
width:100%;
}
.social-box .invitation-box-button a{
font-weight: normal
}
.invitation-error .red{
margin-bottom:20px;
color:#FF3355
}
.invitation-error  p{
text-align: center
} .mask-wrapper{
position: relative;
display: flex;
align-items: flex-end;
background-color: #ccc
}
.mask-wrapper{
width:100%;
height:0;
padding-top:20%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.user-page-lv span{
margin-left:5px;
margin-right:0
}
.user-cover{
position: absolute
}
.user-panel{
position: relative;
width: 100%;
margin-top: -73px;
padding: 0 20px 20px 20px;
display: flex;
box-sizing: border-box;
}
.user-panel .avatar{
border:4px solid #fff;
background: #ccc;
width:152px;
height:152px;
flex-grow: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
max-width: 152px;
min-width: 152px;
border-radius: 4px;
}
.user-panel .avatar .Zi{
position: absolute;
bottom: 0;
right: 0;
}
.user-cover-button{
position: absolute;
top:20px;
right:20px
}
.user-cover-button label.empty{
background: none;
color: #fff;
border-color: #fff;
font-size: 14px;
display: flex;
align-items: center;
line-height: 1;
padding: 7px 10px;
}
.user-panel-info{
font-size: 24px;
font-weight: 600;
padding-top: 45px;
padding-left: 20px;
display: flex;
justify-content: space-between;
flex-grow: 1;
align-items: flex-end;
}
.user-panel-info p{
align-items: center;
font-size: 13px;
color: #797C80;
font-weight: 400;
margin-top:15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-justify: inter-ideograph;
word-break: break-all;
margin-right:300px;
}
.user-panel-info p i{
position: initial;
}
.user-panel-info p svg{
margin-right:5px
}
.user-panel-info h1 span{
margin-right:10px
}
.user-panel-editor-button{
text-align: center;
position: absolute;
right: 24px;
top: 115px;
}
.user-panel-editor-button .button{
display: inline-block;
cursor: pointer;
}
.user-panel-editor-button .user-follow{
width:220px;
justify-content: flex-end;
}
.author.wrapper{
flex-flow: column;
}
.author-header{
overflow: hidden;
}
.author-table{
display: flex;
}
.author-page-right-in{
padding:16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.user-sidebar > div:hover{
background-color:rgba(0, 102, 255, 0.04);
border-radius:3px
}
.author-page-right{
width:240px;
}
.author-page-left{
flex: 1;
width:100%;
}
.post-info .list-footer .text{
padding:0;
color:#FF3355;
margin-left:10px
}
.user-sidebar-info p i{
border-radius: 100%;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
line-height: 20px;
margin-right:10px;
font-size: 24px;
}
.user-sidebar-info p{
display: flex;
align-items: center;
color:#8590A6
}
.author-links{
display: flex;
padding:10px;
}
.author-page ul.b2_gap{
padding:0;
}
#myorders .b2-pagenav{
border:0
}
#myorders .ajax-pager{
padding:16px 0
}
.author-links li{
margin-right:16px
}
.author-links a, .collections-menu ul li a{
font-size: 14px;
line-height: 16px;
padding: 7px 12px;
color: #8590A6;
display: block;
}
.user-follow button.empty{
background-color: #fff;
}
.editor-avatar{
display: flex;
align-items: center;
flex-flow: column;
height: 100%;
position: absolute;
width: 100%;
justify-content: center;
background: rgba(41,44,47,.4);
color: #fff;
font-size: 13px;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.user-panel .avatar:hover .editor-avatar{
opacity: 1;
visibility: visible
}
.author-comment-content .author-comment-content-text{
display: inline-block;
background: #F5F6F7;
font-size: 15px;
padding:5px 10px;
}
.author-comment-date{
font-size: 12px;
color:#bcbcbc;
margin-bottom:10px
}
.author-comment-list li{
padding:16px 0
}
.author-comment-list li + li{
border-top:1px solid #F5F6F7;
}
.author-comment-post i{
color:#FF3355;
margin-right:3px
}
.author-comment-post a{
font-size: 12px;
margin-top: 10px;
display: flex;
align-items: center;
}
.author-comment-content .comment-img{
max-width: 160px;
margin-bottom:5px
}
.author-comment-content .comment-img-box{
margin-bottom:0
}
.author-follow ul li{
display: flex;
justify-content: space-between;
padding-bottom:16px
}
.following-avatar{
width:100px;
flex-grow: 0;
max-width: 100px;
min-width: 100px
}
.following-avatar{
height:100px
}
.following-avatar img{
width:100%;
height:100%;
display: block
}
.following-info{
flex-grow: 1;
width:100%;
margin-left:16px;
}
.following-cancel{
text-align: right;
width:100px;
flex-grow: 0;
max-width: 100px;
min-width: 100px
}
.following-info-count span{
font-size: 12px;
margin-top:16px;
margin-right:16px
}
.following-name{
margin-bottom:10px
}
.following-name a{
font-weight: normal;
font-size: 18px;
}
.allow-edit-time{
position: absolute;
top: -39px;
color: #fff;
right: 10px;
text-shadow: 0 0 1px rgb(0 0 0 / 51%);
}
.author .post-info{
position: relative;
}
.author .post-list{
overflow: hidden;
}
.following-info-desc{
display: inline-block;
background-color: #F5F6F7;
padding: 5px 10px;
font-size: 12px;
margin-bottom:10px
}
.collection-top{
height: 255px;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-end;
flex-flow: column;
color: #fff;
background: #113c4a;
margin-top: -136px;
padding-bottom: 60px;
}
.logo-top .collection-top{
margin-top: -186px;
}
.collection-top h1{
font-size: 30px;
margin-bottom:20px;
font-weight: 600;
}
.collections-post-list li{
display: flex;
align-items: center
}
.collections-post-list .following-info{
margin:0;
}
.collections-post-list .following-avatar{
max-width: 76px;
min-width: 76px;
width:76px;
height:58px;
margin-right:16px
}
.collections-post-list .following-name{
margin:0
}
.collections-menu ul{
display: flex;
padding:10px
}
.collections-menu ul li{
margin-right:16px
} .following-info-type{
color:#bcbcbc;
font-size: 13px;
margin-bottom:10px
}
.user-sidebar{
font-size: 14px
}
.user-count{
padding-top:16px;
margin-top:16px;
}
.user-sidebar-info{
padding:14px;
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
position: relative;
}
.user-sidebar-count{
display: flex;
flex-flow: wrap;
padding:15px
}
#author-index{
overflow: hidden;
}
#author-index .user-info{
padding:6px 20px
}
#author-index .user-info p{
position: relative;
padding:14px 0
}
#author-index .user-info p span{
display: inline-block;
margin-right:24px
}
.user-info-title{
color:#8590A6;
font-size: 15px;
line-height: 22px;
}
#author-index .user-info p a{
font-size: 12px;
position: absolute;
right:0;
top:17px
}
.user-verify span b{
margin-right:3px
}
.user-verify span b i.b2-vrenzhengguanli{
position: initial;
display: inline-block;
}
.user-sidebar.h0{
display: none;
}
.user-sidebar.h0.show{
display: block;
}
.user-sidebar-count li{
width:25%;
padding:20px;
position: relative;
box-sizing: border-box;
background-color: #F7F9FA;
border:5px solid #fff
}
.user-sidebar-count li i{
position: absolute;
font-size: 81px;
color: rgba(209, 233, 255, 0.28);
right: 0;
top: -13px;
}
.user-sidebar-count li > div{
position: relative;
}
.user-item-desc{
font-size: 12px;
color:#AAAEB3
}
.user-sidebar-count li p{
font-size: 24px;
font-weight: 600;
margin:10px 0
}
.sidebar-invitation-box{
margin-top:26px;
padding:16px
}
.user-money-and-credit > div{
margin-right:20px;
width:50%;
overflow: hidden;
position: relative;
}
.user-money-and-credit > div:hover .user-money,.user-money-and-credit > div:hover .user-credit{
background: #f5f6f7;
}
.user-money-and-credit > div span{
width:100%;
display: block;
padding:0 20px;
font-size: 24px;
height: 68px;
line-height: 68px;
}
.user-sidebar-gold h2{
font-size: 20px;
padding:20px;
font-weight: 600;
}
.user-money-and-credit{
display: flex;
padding:0 0px 20px 20px
}
.user-money,.user-credit{
background: #f7f9fa;
padding: 0 10px;
border-radius: 5px;
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
line-height: 33px;
height: 33px;
display: inline-block
}
.user-money b,.user-credit b{
font-weight: 400
}
.user-money b{
font-size: 30px;
}
.author-edit-page{
padding:20px 32px;
}
.author-edit-page .author-edit-list {
margin-top:20px
}
.author-edit-page .author-edit-list > li{
padding:20px 0
}
.author-edit-page .edit-name{
font-weight: 600;
font-size: 17px
}
.author-edit-page .author-edit-list > li{
display: flex;
font-size: 18px;
}
.author-edit-page .author-edit-list > li{
border-bottom: 1px solid #F5F6F7;
}
.edit-name{
width:200px;
flex-grow: 0;
min-width: 200px;
max-width: 200px
}
.author-edit-page h2{
color:#bcbcbc
}
.edit-value ul li .user-address-info{
font-size: 16px;
border:1px dashed #ccc;
padding:5px 10px
}
.edit-value ul li .user-address-info .pos-a{
display: inline-block
}
.edit-value ul li .user-address-info .pos-a button{
color:#bcbcbc
}
.user-address-title{
font-size: 12px;
color:#bcbcbc;
margin-bottom:5px
}
.setting-des-add i{
margin-right:5px
}
.setting-des-add{
display: flex;
margin-top:10px
}
.setting-des{
font-size: 12px;
color:#bcbcbc;
margin-top:10px
}
.user-follow{
margin-top:10px;
display: flex
}
.user-follow button{
display: flex;
margin-left:10px
}
.user-edit-button{
font-size: 14px;
margin-left:10px;
cursor: pointer;
}
.edit-input input[type="text"],.edit-input input[type="password"]{
width:260px;
padding:10px;
font-size: 16px
}
.edit-button{
text-align: left
}
.edit-button button{
margin-right:10px
}
.setting-sex button{
margin-top:10px
}
.setting-sex span{
margin-right:16px
}
.edit-button{
margin-top:10px
}
.author-edit-page .author-edit-list > li:hover .user-edit-button{
opacity: 1;
visibility: visible
}
.user-edit-button{
opacity: 0;
visibility: hidden;
}
.author-edit-list{
margin-bottom:40px
}
.address-input{
margin:10px 0;
background: #F5F6F7;
padding:10px
}
.address-input.edit-input input{
display: block;
width:100%
}
.user-address-list li{
padding:5px 0
}
.edit-value ul li span{
margin-right:10px
}
.edit-input.address-input input + input{
margin-top:10px
}
.user-open-list{
display: flex;
flex-flow: wrap;
gap: 10px;
}
.user-setting-password .user-edit-button{
opacity: 1;
visibility: visible
}
.user-open-list{
display: flex
}
.user-open-list li{
width:30%;
display: flex
}
.user-open-list{
margin:20px 0 40px
}
.user-open-avatar{
width:100px;
height:100px;
background: #F5F6F7;
margin-right:10px
}
.user-open-name{
font-size: 18px;
font-weight: 600
}
.user-open-bind{
margin:10px 0
}
.user-avatar-chose{
margin:20px 0 40px;
display: flex
}
.user-avatar-chose li{
width:100px;
height:100px;
position: relative;
border:1px solid #F5F6F7;
margin-right:16px;
cursor: pointer;
}
.user-avatar-chose li img{
display: block;
width:100%;
height:100%
}
.avatar-set{
position: absolute;
top: 10px;
right: 10px;
width: 19px;
height: 19px;
border-radius: 100%;
background-color: green;
color: #fff;
line-height: 19px;
text-align: center;
}
.user-open-avatar img{
width:100%;
height:100%;
object-fit: cover
}
.author-edit-list .edit-item{
width:100%
}
.user-qrcode{
display: flex;
margin:20px 0 40px;
align-items: flex-end;
}
.user-qrcode img{
width:100%;
display: block;
}
.user-qrcode div{
width:150px;
min-height: 150px;
background-color: #F5F6F7;
margin-right:20px;
position: relative;
border: 1px solid #c0c0c0;
}
.user-qrcode div label{
top:0;
left:0;
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute
}
.user-qrcode input{
display: none
}
.user-qrcode i{
font-style: normal;
background-color: #0000008f;
color: #fff;
font-size: 12px;
padding: 5px 10px;
display: none
}
.user-qrcode div:hover i{
display: block
}
.address-default{
margin-bottom:20px
}
.user-settings-code{
margin-top:10px;
width:260px;
display: flex
}
.user-settings-code button{
display: block;
width: 182px;
margin-left: 10px;
}
.edit-input .user-settings-code input{
width:100%
}
.reset-pass input{
margin-bottom:10px;
display: block
}
.order-title,.order-money,.order-status,.tracking-number,.g-list{
background-color: rgba(53, 73, 94, 0.05);
padding:16px;
border-bottom:1px solid #fff
}
.g-list-item{
display: flex;
}
.g-list-item .g-thumb{
width:40px;
height:40px;
display: block;
margin-right:10px;
border-radius: 5px;
min-width: 40px
}
.g-list{
display:flex;
flex-direction: column;
gap:10px
}
.g-list .dot{
margin:0 10px;
opacity: .5;
}
.order-status{
display: flex;
flex-flow: row
}
.order-list li + li{
margin-top:20px
}
.order-money > div,.order-status > div{
width:33.3333%;
padding:16px;
border-left:1px solid #fff
}
.order-money,.order-status{
display: flex;
flex-flow: row;
padding:0;
margin-left:-1px
}
.order-money > div p,.order-status > div p,.tracking-number > div p{
margin-bottom:5px;
font-size: 12px;
color:#AAAEB3
}
.order-money button.text{
padding:0
}
.order-id{
margin-bottom:5px;
color:#bcbcbc
}
.order-list{
font-size: 13px
}
.order-content{
word-break: break-all;
white-space: break-spaces;
}
.order-content a{
color:blue
}
.order-id,.tracking-number,.order-status{
display: flex;
justify-content: space-between;
align-items: center
}
.order-title-thumb{
width:30px;
height:30px;
display: block;
margin-right:10px
}
.order-title-thumb img{
height:30px;
width:30px;
min-width: 30px
}
.order-title{
display: flex;
align-items: center
}
.order-title a.order-title-name{
flex: 1;
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.order_state_desc{
font-size: 12px;
color:#ccc;
}
.order-back{
text-align: center;
}
.order_state_desc.red{
color:red;
cursor: pointer;
}
.p-title-row{
display: flex;
justify-content: space-between;
width:100%;
align-items: center;
}
.author-page .news-item{
padding:16px 0
}
.author-page .news-item-header{
display: flex;
justify-content: space-between;
}
.news-item-header i{
font-style: normal;
}
.author-page .news-item ul li{
margin-top:16px;
position: relative;
z-index: 2;
}
.author-page .news-item ul{
position: relative;
}
.author-page .news-item ul::after{
content:'';
position: absolute;
left:26px;
top:0;
width: 1px;
border-left:1px dashed #ddd;
height:100%
}
.author-page .news-item-header b{
font-size: 12px;
background-color: #F5F6F7;
padding:4px 10px;
border-radius: 20px;
}
.author-page .news-item-content{
margin-left:45px;
margin-top:16px
}
.author-page .new-tag{
font-size: 12px;
color:#AAAEB3
}
.user-social-box{
justify-content: space-between;
gap: 10px;
padding:20px;
padding-top:0
}
.user-social-box > div{
width:100%;
background: #f5f6f7;
padding:20px 40px;
border-radius: 5px
}
.user-social-box > div{
display: flex;
align-items: center;
position: relative;
}
.user-social-box > div i{
font-size:20px;
margin-right:4px;
}
.user-social-box > div:hover{
background: #f2f3f4;
}
.user-social-box > div i.b2-donut-chart-fill{
color:#e65a4f;
}
.user-social-box > div i.b2-ask{
color:#B325DC;
}
.user-social-box > div i.b2-document1196064easyiconnet{
color:#87EE94;
} .page .page{
padding:20px;
margin-bottom: 24px;
}
.page .page h1{
font-size: 24px;
font-weight: 600
}
.error-404{
display: flex;
align-items: center;
justify-content: center;
width:100%
}
.error-404 h1{
font-size: 20px;
margin:26px 0 16px;
font-weight: 600;
text-align: center
}
.error-404 p{
text-align: center;
margin-bottom:5px
} .single-announcement .post-meta-row .post-meta li:first-child{
display: none;
}
.announcement-template-default h1{
margin-bottom:20px
}
.announcement-template-default .entry-header > .mg-b{
display: none;
}
.gong-box .modal-content{
padding:0
}
.gong-box .gg-box-title{
height:110px;
display: flex;
position: relative;
align-items: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.gg-box-title h2{
font-size: 28px;
color: #fff;
}
.gg-box-title .gg-title{
padding-left:20px;
color:#fff;
position: relative;
z-index: 2;
}
.modal-content .gg-box-title h2{
text-align: left;
}
.title-bg{
width: 100%;
height: 100%;
background: linear-gradient( 
1turn
,rgb(9 15 29 / 35%),transparent);
position: absolute;
top: 0;
left: 0;
border:4px solid #fff;
box-sizing: border-box;
}
.gong-box .close-button{
color: #fff;
z-index: 2;
}
.gg-title{
padding:20px
}
.gg-title a{
font-size: 20px;
}
.gg-desc{
padding:0 20px 20px;
font-size: 14px
}
.gg-title a:hover{
text-decoration: underline
}
.gg-button{
padding:20px;
text-align: center;
}
.gg-desc p{
color:#bcbcbc;
word-wrap: break-word;
word-break: break-all;
} .have-widget .collection-box-3{
position: relative;
}
.collection-box{
display: flex;
flex-flow: wrap;
align-items: stretch;
}
.have-widget .collection-box-3 .collection-previous{
left: 32px;
}
.have-widget .collection-box-3 .collection-next{
right: 32px;
}
.collection-box.box{
margin:0
}
.collection-thumb{
width: 100%;
height: 0;
padding-top:40%;
position: relative;
overflow: hidden;
}
.collection-thumb a{
position: absolute;
top:0;
left:0;
width:100%
}
.collection-thumb img{
width:100%;
height:100%;
display: block;
}
.collection-item{
width:50%;
position: relative;
z-index: 2;
box-sizing: border-box;
}
.collection-item > div{
overflow: hidden;
height:100%
}
.collection-info h2{
font-size: 20px;
font-weight: 600;
}
.collection-desc{
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.collection-count{
font-size: 12px;
color:#AAAEB3;
margin-top:5px
}
.collection-posts{
padding-bottom:20px
}
.collection-posts li{
padding: 5px 15px;
font-size: 15px;
display: flex;
line-height: 1.4;
align-items: center;
}
.collection-posts li span{
flex-shrink: 0;
padding: 0 8px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #8590a6;
background-color: #f6f6f6;
border-radius: 5px;
}
.collection-posts li a:hover{
text-decoration: underline
}
.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;
color:#444
}
.collection-number.ar{
padding: 8px 18px;
position: absolute;
z-index: 2;
left: 10px;
top: 10px;
font-size: 13px;
border-radius: 5px;
}
.collection-number.ar b{
font-size: inherit;
}
.collection-number{
display: inline-block;
color: #8590a6;
padding: 8px 16px;
position: absolute;
z-index: 2;
background-color: #f5f6f7;
font-size: 12px;
}
.collection-list-top{
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
position: relative;
overflow: hidden;
color:#fff
}
.collection-list-top-bg{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index: 2;
}
.collection-list-top img{
position: absolute;
left:0;
top:0;
width:100%;
height:100%
}
.collection-list-top .content-area{
display: flex;
justify-content: center;
height: 376px;
flex-flow: column;
position: relative;
z-index: 2;
padding: 0 24px;
background: rgb(255 255 255 / 45%);
box-sizing: border-box;
backdrop-filter: saturate(97%) blur(41px);
}
.collection-list-top .content-area h1{
font-size: 30px;
margin-bottom:10px;
font-weight: 600;
}
.collection-list-top .content-area p{
font-size: 14px;
line-height: 22px;
}
.collection-header{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #F5F6F7;
}
.collection-header .collection-number{
position: unset;
}
.collection-header b{
margin:0 3px;
}
.tax-collection .box.b2-radius{
overflow: hidden;
}
.collection-list-top-info{
position: relative;
z-index: 3;
padding:24px
}
.collection-list-top-info p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-justify: inter-ideograph;
word-break: break-all;
font-size: 14px;
margin-top: 24px;
}
.collection-list-top-info h1{
font-size: 24px;
font-weight: 700;
}
.read-more{
text-align: right;
font-size: 14px;
}
.collection-box-3-in{
display: flex;
flex-flow: nowrap;
overflow: hidden;
width:100%;
white-space: nowrap;
}
.collection-box-3 .coll-3-box{
width: 25%;
min-width: 25%;
height:auto
}
.coll-3-bottom li h2{
display: none;
}
.coll-3-box-in{
margin:8px;
padding:8px
}
.coll-3-box-in li,.coll-3-top{
position: relative;
list-style: none;
}
.coll-3-top{
height:0;
padding-top:54%
}
.coll-3-box-in:hover .coll-3-top span{
display: block
}
.coll-3-top span{
position: absolute;
padding: 2px 12px;
border-radius: 14px;
right: 10px;
top:10px;
color: #494B4D;
display: none;
font-size: 12px;
background-color: #fff;
}
.coll-3-top img{
display: block;
position: absolute;
left:0;
top:0;
height:100%;
width:100%
}
.coll-3-bottom ul{
display: flex;
flex-flow: wrap;
margin:4px -2px 0 -2px
}
.coll-3-bottom li{
width:33.333333%
}
.coll-3-bottom li img{
display: block;
position: absolute;
left:0;
top:0;
width:100%;
height:100%
}
.coll-3-bottom li > div{
margin:0 2px;
height:0;
padding-top:76%;
position: relative;
}
.collection-box-3-in .flickity-viewport{
width:100%
}
.collection-box-3-in a{
display: block;
} .dmsg-box .modal-content{
padding:10px
}
.modal-content .close-button{
font-size: 18px;
}
.dmsg-box-header{
display: flex;
align-items: center
}
.dmsg-box-header img{
width:30px;
height:30px;
border-radius: 100%;
margin-right:5px;
}
.dmsg-textarea{
width: 100%;
min-height: 120px;
max-width: 100%;
margin-top: 10px;
padding: 10px;
min-width: 100%;
}
.dmsg-button{
margin: 10px 0;
display: flex;
justify-content: flex-end;
}
.dmsg-button button{
margin-left:10px
} .dmsg-header{
display: flex;
justify-content: space-between;
padding:16px;
align-items: center;
border-bottom: 1px solid #F5F6F7;
}
.dmsg-header.to h2{
font-size: 13px;
font-weight: normal;
}
.dmsg-list li img{
margin-right:10px;
width:40px;
height:40px
}
.dmsg-list li{
display: flex;
padding:16px;
border-bottom: 1px solid #F5F6F7;
}
.dmsg-list{
min-height: 300px
}
.dmsg-row-top{
display: flex;
justify-content: space-between
}
.dmsg-row{
width:100%
}
.dmsg-row-top{
font-size: 14px;
}
.dmsg-row-top a{
font-weight: 600
}
.dmsg-content{
margin:5px 0;
font-size: 14px;
color:#AAAEB3;
}
.dmsg-tools{
font-size: 12px;
color:#bcbcbc;
display: flex;
justify-content: space-between;
}
.dmsg-tools .unread{
color:#FF3355
}
.dmsg-self{
text-align: right;
}
.my-dmsg-info{
display: inline-block
}
.dmsg-self .dmsg-meta{
justify-content: flex-end
}
.dmsg-content p{
display: inline-block;
background-color: #f9f9f9;
padding:5px 10px;
border-radius: 3px;
word-break: break-all;
}
.dmsg-select{
margin-top:10px;
position: relative;
}
.dmsg-select p{
font-size: 12px;
color:#bcbcbc;
margin-bottom:10px
}
.dmsg-select input{
width:100%;
font-size: 16px;
padding:10px
}
.dmsg-user-list{
position: absolute;
top: 79px;
width: 100%;
background: #f9f9f9;
z-index: 2;
overflow-y: auto;
max-height: 300px;
border: 1px solid #F5F6F7;
}
.dmsg-user-list::-webkit-scrollbar-track{
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F6F7;
}
.dmsg-user-list::-webkit-scrollbar{
width: 8px;
background-color: #F5F6F7;
}
.dmsg-user-list::-webkit-scrollbar-thumb{
background-color: rgba(51, 51, 51, 0.2);
}
.dmsg-user-list li{
display: flex;
padding:10px;
cursor: pointer;
}
.dmsg-user-list li:hover{
background: #fff
}
.dmsg-user-list li + li{
border-top:1px solid #F5F6F7;
}
.dmsg-user-list img{
width:45px;
height:45px;
margin-right:10px
}
.dmsg-edit-user{
margin-left:20px;
font-size: 12px;
color:#FF3355;
cursor: pointer;
}
.dmsg-list li:hover{
background-color: #fafafa;
cursor: pointer;
}
.dmsg-row-top a:hover{
text-decoration: underline
}
.dmsg-page .ajax-pager{
padding:16px
}
.dmsg-header .avatar{
width:28px;
height:28px;
border-radius: 100%;
margin:0 5px
}
.dmsg-header h2{
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
}
.dmsg-meta{
display: flex;
align-items: center;
font-size: 14px
}
.my-dmsg-list .avatar{
width:30px;
height:30px;
border-radius: 100%;
position: absolute;
left:0;
top:0
}
.dmsg-self .avatar{
left:initial;
right:0
}
.my-dmsg-list{
position: relative;
}
.my-dmsg-content{
background-color: #f3faff;
display: inline-block;
padding: 5px 10px;
margin-top: 5px;
text-align: left;
word-break: break-all;
}
.dmsg-to .my-dmsg-info{
margin-left:40px;
}
.dmsg-self .my-dmsg-info{
margin-right:40px
}
.my-dmsg-info time{
font-size: 12px;
color:#bcbcbc;
margin:0 10px
}
.dmsg-header a{
font-size: 12px;
}
.dmsg-to-box{
padding:20px 0;
min-height: 300px
}
.dmsg-to-box li{
padding:10px 20px
}
.dmsg-self .my-dmsg-content{
background-color: #F5F6F7
}
.dmsg-to-textarea{
margin-top:20px;
padding:20px
}
.dmsg-to-textarea-button{
display: flex;
justify-content: flex-end;
margin-top:5px
}
.dmsg-to-textarea-button button{
margin-left:10px
}
.dmsg-page-to .ajax-pager{
padding:20px;
border-top: 1px solid #F5F6F7;
}
.message-list li.message-li{
display: block;
}
.message-li .message-content p a{
color:gray
}
.message-li .b2dot{
margin:0 6px
}
.msg-date{
margin-bottom:16px;
font-size: 13px;
color:gray
} .ds-box .modal-content{
width:370px;
padding:0
}
.ds-box .pay-box-content{
padding:0
}
.ds-box .modal-content ul.ds-money{
display: flex;
flex-flow: wrap;
}
.ds-box .modal-content ul.ds-money li{
width:33.333%
}
.ds-box .modal-content .ds-item{
cursor: pointer;
height:50px;
word-break: initial;
}
.ds-item i.b2-edit-2-line{
font-size: 20px
}
.ds-item{
padding: 10px;
font-size: 10px;
margin: 5px;
border: 1px solid #ddd;
text-align: center;
line-height: 1;
display: flex;
justify-content: center;
align-items: flex-end;
border-radius: 3px;
box-sizing: border-box;
}
.ds-item i{
font-size: 30px
}
.ds-item span{
font-size: 30px
}
.ds-item input{
width: 100%;
border: 0;
font-size: 25px;
padding: 0;
color:#f16b6f
}
.ds-textarea textarea{
padding:10px;
width:100%;
min-height: 80px;
box-shadow: inset 0px 0px 1px #000;
min-width: 100%;
max-width: 100%;
border:5px solid #fff
}
.ds-box .modal-content .picked .ds-item{
border-color:#f16b6f;
color:#f16b6f
}
.ds-item input::-webkit-inner-spin-button { 
-webkit-appearance: none; 
}
.ds-item input[type="number"]{
-moz-appearance: textfield; 
}
.ds-current-money{
font-size: 40px;
color:green;
display: flex;
justify-content: center;
padding-right:10px
}
.ds-current-money i{
font-size: 21px;
font-style: normal;
top: 6px;
position: relative;
}
.ds-price{
padding:20px 0
}
.ds-msg{
text-align: center;
padding: 10px;
font-size: 14px;
margin: 5px;
margin-bottom:10px
}
.ds-item-custom{
font-size: 15px;
align-items: center;
} .order-paybutton{
display: flex;
justify-content: space-between;
}
.pay-box-title{
display: flex;
justify-content: space-between;
align-items: center;
padding:10px 20px;
}
.pay-close{
line-height: 1;
font-size: 30px;
cursor: pointer;
color: #b2bac2;
}
.pay-close:hover{
color:initial
}
.pay-box-content{
padding:10px
}
.pay-my-money{
text-align: center;
margin-bottom:10px
}
.pay-my-money a{
margin-left:10px
}
.pay-my-money p{
margin-top: 20px;
font-size: 12px;
color: green;
}
.pay-my-money span{
display: inline-block;
font-size: 12px;
text-shadow: 0 0 1px #fff;
box-shadow: inset 0 0 10px #e0e0e0;
padding:5px 10px
}
.pay-button{
margin:0 5px
}
.pay-button > div{
margin:6px 10px 20px
}
.pay-button button,.pay-button .button{
width: 100%;
font-size: 15px;
padding: 15px 0;
text-align: center;
line-height: 1;
display: block;
}
.pay-box-left.ds-pay-title{
display: flex
}
.pay-box-left{
display: block;
align-items: center;
width:80%;
overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;
font-size: 16px;
}
.pay-box-left img{
width:22px;
height:22px;
border-radius: 100%;
margin-right:5px
}
.pay-type{
padding:10px;
height:68px;
box-sizing: border-box;
}
.pay-type i{
font-size: 20px;
margin-right:3px
}
.pay-type li > button{
display: flex;
align-items: center;
margin: 5px;
justify-content: center;
border: 1px solid #F5F6F7;
height: 38px;
font-size: 12px;
line-height: 1;
background: none;
color: #333;
width: 100%;
padding:0
}
.pay-type li > button.picked{
border-color: #f16b6f;
color: #f16b6f;
}
.pay-type li > button.picked i{
color: #f16b6f;
}
.pay-type li > button.picked i.ds-pay-yue{
color:#fff
}
.pay-type .ds-pay-yue{
font-style: normal;
width: 17px;
height: 17px;
color: #fff;
background: #f16b6f;
font-size: 13px;
display: inline-block;
border-radius: 3px;
text-align: center;
line-height: 17px
}
.pay-type ul{
display: flex;
flex-flow: nowrap;
align-items: center;
justify-content: center;
} .pay-type ul li{
width:100%;
display: flex;
}
.pay-type i.b2-alipay-fill{
color:#00a0e9
} 
.pay-type i.b2-wechat-pay-fill{
color:#00c800
}
.pay-type i.b2-paypal-fill{
color:#003087
}
.pay-check{
text-align: center;
height: 222px;
display: flex;
flex-flow: column;
justify-content: center;
padding-bottom: 20px;
}
.pay-check h2{
font-size: 22px;
margin: 5px 0 10px 0;
}
.pay-check i{
font-size:34px;
}
.pay-check .red i{ 
color:#FF3355;
font-size: 46px
}
.pay-check .green i{
color:green;
font-size: 46px
}
.pay-check-button{
margin-top:20px;
}
.pay-check-button button{
width:200px
}
.pay-resout-hidden{
display: none
}
.pay-return h2{
margin-bottom: 10px;
}
.pay-return p{
color:initial
}
.payres-button {
margin-top:40px
}
.payres-button a + a{
margin-left:20px
}
.payres-button a{
color:blue;
text-decoration: underline;
font-size: 14px;
}
.empty-page.pay-return{
margin:0 20px;
width: auto;
text-align: center;
}
.qrcode-img{
width:186px;
height:186px;
background-color: #F5F6F7;
background-image: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/loading-empty.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
padding:10px;
border: 1px solid #ddd;
}
.scan-box .pay-box-content .scan-info{
display: flex;
justify-content: center;
flex-flow: column;
align-items: center;
padding:20px
}
.qrcode-money{
margin:20px 0
}
.qrcode-money span{
display: inline-block;
color: #fff;
background-color: green;
padding: 5px 14px;
border-radius: 3px;
font-size: 15px;
line-height: 1;
}
.qrcode-desc{
font-size: 15px;
display: flex;
align-items: center;
color:#777
}
.qrcode-time{
margin:10px 0;
font-size: 13px
}
.qrcode-time span{
margin:0 5px;
}
.qrcode-time span b{
font-weight: normal;
margin: 0 2px;
}
.ds-box.scan-box .modal-content{
width:300px
}
.pay-box-desc{
text-align: center;
margin-top: 20px;
margin-bottom:10px
}
.ds-price.mar0{
padding:0
}
.credit-tips{
font-size: 12px;
text-align: center;
} .download-page-box{
padding:20px;
margin: 40px;
}
.download-page-box h1{
font-size: 27px;
margin:20px 0
}
.download-page-box .download-meta{
display: flex;
padding-right: 40px;
flex-flow: column;
width: 100%;
}
.download-page-box .download-meta li{
display: flex;
width:50%;
margin-bottom: 10px;
font-size: 12px;
}
.download-page-info{
display: flex;
margin-bottom:20px
}
.download-page-title{
margin-top:40px
}
.download-page-button{
position: relative;
}
.download-page-button .empty-page{
min-height: 100px;
background: rgba(66, 133, 244, 0.076)
}
.download-page-button .download-current{
padding:20px
}
.download-page-button .button{
padding:10px 20px;
margin-top:16px;
display: inline-block;
}
.download-page-button .tqma{
display: flex
}
.tqma{
display: flex
}
.tqma .fuzhi{
background-color: #f0f2f5;
padding:8px 20px;
font-size: 12px;
margin-right:10px;
cursor: pointer;
}
.tqma .fuzhi:hover{
background-color: #F5F6F7
}
.tqma .fuzhi:active{
background-color: #e8e8e8
}
.page.page-template-page-shortcode .content-area{
max-width: 100%;
}
.page.page-template-page-shortcode .single-article{
padding:0
}
.wp-block-table table{
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
.b2-table-box{
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
margin-right: 0;
flex-flow: nowrap;
} .custom-page-row{
padding:16px;
}
.gold-info{
display: flex;
justify-content: space-between;
}
.gold-row{
display: flex;
justify-content: space-between;
align-items: center;
}
.gold-row button{
margin-left:10px
}
.gold-header{
display: flex;
justify-content: space-between;
align-items: center;
}
.gold-page-list{
border-top: 1px solid #F5F6F7;
border-left: 1px solid #F5F6F7;
}
.gold-page-list li{
display: flex;
}
.gold-page-list li:nth-child(odd) {
background: #F7F9FA;
}
.custom-page-row.gold-row{
display: flex;
width:50%;
background-color: #F5F6F7;
}
.custom-page-row.gold-row .user-money,.custom-page-row.gold-row .user-credit{
background:none;
padding:0;
color:initial
}
.custom-page-row.gold-row .user-money b,.custom-page-row.gold-row .user-credit b{
font-size: 24px;
padding:0
}
.custom-page-row.gold-row + .custom-page-row.gold-row{
border-left:10px solid #fff
}
.custom-page-row.gold-row > div:first-child{
display: flex;
flex-flow: column;
font-size: 15px;
color: #8590A6;
}
.gold-list-row-1,.gold-list-row-2,.gold-list-row-3,.gold-list-row-4{
width:15%;
border-right: 1px solid #F5F6F7;
border-bottom: 1px solid #F5F6F7;
font-size: 13px;
padding:16px
}
.gold-list-row-5{
width:40%;
border-right: 1px solid #F5F6F7;
border-bottom: 1px solid #F5F6F7;
font-size: 13px;
padding:16px
}
.gold-list-row-5 a{
opacity: .5;
}
.gold-list-row-5 p code{
font-size: 12px;
padding:5px
}
.gold-list-row-5 p{
margin-top:10px
}
.gold-list-row-5 .gold-users{
color:#bcbcbc
}
.gold-list-row-5 .gold-users a{
color: #696969;
font-weight: 600;
margin-right:5px
}
.gold-list-row-5 .gold-title a{
color:#bcbcbc;
margin:0 5px
}
.gold-header-title{
font-size: 20px;
font-weight: 600;
}
.gold-more{
color:#8590A6
}
.gold-list-row-5 .gold-title a:hover{
text-decoration: underline
}
.gold-list-row-5 .gold-and{
color:initial
}
.gold-page-table{
display: flex;
margin-bottom:10px
}
.gold-table{
font-size: 14px;
cursor: pointer;
padding:10px;
position: relative;
margin-left: 20px;
}
.gold-table.picked::after{
content: '';
width: 3px;
height: 3px;
border: 2px solid #ccc;
position: absolute;
border-radius: 100%;
right: calc(50% - 3px);
bottom: 0px;
}
.custom-page-content .ajax-pager{
margin-top:10px
}
.gold-bor{
border:1px solid #F5F6F7!important;
}
.pay-box-content.cz,.pay-box-content.cg{
display: flex;
flex-flow: column;
justify-content: center;
margin-bottom: 20px;
align-items: center
}
.pay-box-content.cz input,.pay-box-content.cg input{
padding: 10px;
margin-top: 10px;
max-width: 200px;
width: 100%;
}
.pay-type i.b2-bank-card-fill{
color:green
}
.pay-box-content.card{
display: flex;
flex-flow: column;
justify-content: center;
align-items: center
}
.pay-box-content.card input{
margin-top: 10px;
max-width: 264px;
width: 100%;
padding: 8px 10px;
font-size: 16px;
}
.card-text{
margin-top:10px;
max-width:264px;
width:100%;
padding:10px;
font-size: 13px;
background-color: #f6f6f6
}
.card-text a{
color:blue;
margin:0 5px
}
.card-number{
color:#bcbcbc
}
.cg-info{
text-shadow: white 0px 1px 0px;
font-size: 14px;
padding:10px;
text-align: center
}
.gold-top-list li{
padding:16px;
position: relative;
}
#gold-top .custom-page-title{
border-bottom:1px solid #f5f6f7
}
.gold-top-list li + li{
border-top:1px solid #F5F6F7
}
.gold-top-list .gold-top-avatar{
width:47px;
height:47px;
position: absolute;
top:16px;
left:16px
}
.gold-top-list .gold-top-avatar img{
width:100%;
height:100%
}
.gold-top-list .gold-top-info{
display: flex;
justify-content: space-between;
margin-left:62px;
align-items: center;
height: 53px;
}
.gold-top-info h2 span{
font-size: 14px;
color:#AAAEB3;
margin-right:10px
}
.gold-top-info-left h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.gold-top-info-left b{
font-size: 12px;
background: #FFC107;
border-radius: 3px;
height: 18px;
display: inline-block;
line-height: 18px;
padding: 0 5px;
margin-left: 5px;
}
.gold-top-desc{
font-size: 14px;
margin-top:5px;
color:#AAAEB3;
padding-right:10px
}
.gold-top-desc{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.gold-top-num{
display: flex;
align-items: center;
justify-content: center;
border-top:1px solid #F5F6F7;
padding:10px;
font-size: 12px;
}
.gold-box .pay-content{
padding:0 20px 20px;
text-align: center;
}
.tx-title{
background: rgba(185, 185, 185, 0.1);
font-size: 13px;
padding: 10px;
}
.tx-ye{
margin:20px 0
}
.gold-box input{
width:200px;
padding:10px;
margin-bottom:10px
}
.tx-submit{
margin-top:20px;
}
.tx-desc{
font-size: 12px;
color:#AAAEB3
} .credit-pay-title{
text-align: center;
margin:20px;
color:#bcbcbc
}
.credit-pay-box .modal-content{
padding:0
}
.pay-credit{
text-align: center;
font-size: 34px;
margin-bottom:20px
}
.credit-pay-box .pay-button{
margin-top:20px
} .vip-top{
background:url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/vip-bg.svg);
margin-top:-24px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.vip-top .header-logo{
position: relative!important;
}
.social-top .vip-top .header-logo{
margin:0
}
.vip-top > div{
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.vip-top > div h1{
font-size: 40px;
font-weight: 600;
letter-spacing: 15px;
}
.vip-top > div p{
font-size: 22px;
margin-top:20px
}
.vip-count{
width:100%;
margin-top:40px
}
.vip-count ul{
display: flex;
justify-content: center;
flex-flow: wrap;
}
.vip-count ul li{
width:25%
}
.vip-count ul li .vip-in{
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
margin:20px;
background: #fff;
padding:30px 0;
box-shadow: rgb(0 0 0 / 10%) -4px 9px 25px -6px;
}
.vip-in b{
font-size: 12px;
font-weight: normal
}
.vip-in-number{
font-size: 30px;
margin:20px 0
}
.vip-list{
display: flex;
flex-flow: wrap;
justify-content: center
}
.vip-item{
width:25%;
padding:20px;
box-sizing: border-box;
}
.content-area.vip-page{
width:1200px;
max-width: 100%
}
.vip-list-in{
text-align: center;
padding:40px 0 20px 0;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
.vip-list-in h2{
font-size: 24px
}
.vip-row li{
font-size: 13px;
}
.vip-allow i.b2-check-line{
color:green
}
.vip-allow.allow{
color:initial
}
.vip-price-money{
font-size: 26px;
}
.vip-allow{
color:#bcbcbc;
display: flex;
justify-content: space-between;
padding:10px 20px;
align-items: center;
}
.vip-allow:nth-child(odd){
background: #fafafa;
}
.vip-price-day{
font-size: 14px;
color:#bcbcbc;
padding-left:5px
}
.vip-price{
display: flex;
justify-content: center;
align-items: baseline;
margin:20px 0
}
.vip-buy{
display: flex;
justify-content: center;
margin-top: 20px;
}
.vip-buy button{
width: 100%;
margin: 0 20px;
}
.vip-footer{
margin-top:50px
}
.vip-footer > h2{
font-size: 30px;
}
.vip-footer > h2,.vip-footer > p{
text-align: center
}
.vip-faq{
margin-top: 20px;
}
.vip-faq-list{
font-size: 18px;
padding: 20px;
cursor: pointer;
}
.vip-faq-list + .vip-faq-list{
border-top:1px solid #F5F6F7
}
.vip-faq-list .b2-hidden{
display: none
}
.vip-faq-list p{
font-size: 15px;
margin-top: 10px;
}
.vip-faq-list h2{
color:#bcbcbc
}
.vip-current{
padding: 20px;
font-size: 17px;
border: 2px dashed rgb(255 0 0);
font-weight: 700;
margin: 20px 0;
}
.vip-current .lv-icon b{
font-weight: 700;
font-size: 17px;
}
.vip-current .lv-icon{
margin-left:6px
}
.vip-allow.more{
color:#bcbcbc
}
.message-list li{
display: flex;
padding:16px;
border-bottom: 1px solid #F5F6F7;
}
.message-list li .avatar{
width:30px;
height:30px;
display: block;
border-radius: 100%;
}
.message-icon{
width: 52px;
flex: 0;
height: 30px;
min-width: 30px;
min-height: 30px;
line-height: 30px;
text-align: center;
background-color: #f5f6f7;
border-radius: 100px;
}
.message-content{
flex: 1;
width:100%;
padding-left:10px
}
.message-content h2{
font-size: 13px;
line-height: 1.23077;
position: relative;
}
.message-content h2 span{
color:#AAAEB3
}
.message-content p{
font-size: 14px;
line-height: 1.42857;
margin-top: 4px;
color: #1a1a1a;
}
.message-content p.comment span{
background: #f6f6f6;
display: inline-block;
padding: 5px 10px;
margin-top: 5px;
}
.message-header-right{
font-size: 13px;
}
.message-list .ajax-pager{
padding:16px
}
.message-content .new{
position: absolute;
right: 0;
font-size: 12px;
color:#FF3355;
}
.site .verify{
width:800px;
max-width: 100%;
margin:0 auto
}
.verify-desc{
padding: 40px;
text-align: center;
}
.verify-users-title{
text-align: center;
font-size: 22px;
}
.verify-users-title span{
margin:0 40px
}
.verify-users-title::before,.verify-users-title::after{
content:'';
display: inline-block;
width: 186px;
border-top: 1px solid;
border-image-source: linear-gradient(to right, transparent 0%, #dcdee9 100%);
border-image-slice: 1 0 0 0;
vertical-align: middle;
}
.verify-users-title::after{
transform: rotate(180deg);
}
.verify-users ul{
display: flex;
padding:30px;
flex-flow: wrap;
}
.verify-users ul li{
width:25%;
padding: 5px;
box-sizing: border-box;
}
.verify-box img{
width:50px;
height:50px;
border-radius: 100%;
}
.verify-box{
text-align: center;
padding:20px 0;
height:160px
}
.verify-button{
text-align: center;
margin-top:20px
}
.verify-button button{
padding:10px 30px
}
.verify-box-name{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80%;
margin: 10px auto;
}
.verify-box-desc{
font-size: 13px;
color: #bcbcbc;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
width: 90%;
margin: 0 auto;
}
.verify-header{
display: flex;;
justify-content: center;
margin:40px 0
}
.verify-number{
text-align: center;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
width:138px
}
.verify-number + .verify-number{
margin-left:50px
}
.verify-number span{
border-radius: 100%;
display: block;
width: 16px;
height: 16px;
font-size: 12px;
color: #fff;
margin-bottom:10px;
background-color: #ccc;
}
.verify-header{
position: relative;
}
.verify-header::after{
content: '';
border-bottom: 2px dashed #ccc;
position: absolute;
top: 7px;
width: 313px;
}
.verify-number p{
font-size: 13px;
}
.verify-step-2{
padding:50px
}
.verify-step-2 label{
display: block;
width:100%;
margin-bottom:20px
}
.verify-step-2 label span{
display: block;
margin-bottom:10px;
font-size: 13px;
}
.verify-step-2 label input{
width:80%;
padding:10px;
font-size: 18px;
}
.shiming-cankao{
display: flex;
justify-content: space-between;
height:180px
}
.shiming-cankao > div,.shiming-cankao > label{
width:49%;
background-color: #fff;
box-sizing: border-box;
}
label.shiming-cankao-left{
border:1px solid #F5F6F7;
display: flex;
align-items: center;
justify-content: center;
margin:0;
cursor: pointer;
}
.shiming-cankao-left img{
height:100%;
width:100%
}
.shiming-cankao-right{
padding:8px
}
.shiming-cankao-right img{
width:100%;
height:100%;
object-fit: contain;
}
.verify-shiming{
background: #f9f9f9;
padding:20px
}
.verify-step-2 h2{
margin-bottom:10px;
display: flex;
align-items: center;
margin-top: 30px;
font-weight: 600;
}
.verify-mp{
display: flex;
}
.verify-mp-left{
display: flex;
flex-flow: column;
margin-left:10px
}
.verify-mp-right{
width: 160px;
min-width: 160px;
}
.verify-mp-left .desc{
font-size: 12px;
padding:10px;
margin-bottom:10px;
border:1px dashed #ddd
}
.mp-status{
font-size: 12px;
padding:10px
}
.verify-qrcode{
position: relative;
width:160px;
height:160px
}
.verify-qrcode span{
position: absolute;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.98);
cursor: pointer;
font-size: 12px;
}
.verify-chenghao input{
font-size: 22px;
width:100%;
padding:10px
}
.verify-chenghao .desc{
font-size: 13px;
margin-top: 5px;
}
.verify-chenghao .verify-shiming{
background-color: rgb(255, 244, 244);
}
.verify-chenghao h2{
margin-top:0
}
.verify-money{
display: flex;
flex-flow: column;
text-align: center;
}
.verify-money-mumber{
font-size: 22px;
margin-bottom:10px
}
.verify-money-mumber div p{
display: inline-block;
color: green;
border: 1px dashed green;
background: linear-gradient(to bottom,rgba(238,238,238,.45),rgba(197,197,197,.62));
padding: 5px 10px;
border-radius: 30px;
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
line-height: 1;
margin-bottom:15px
}
.verify-money-desc{
font-size: 13px;
margin-top:20px
}
.verify-box-avatar{
display: inline-block;
position: relative;
}
.verify-submit{
text-align: center;
margin-top:30px
}
.verify-none{
display: flex;
min-height: 100px;
text-align: center;
align-items: center;
justify-content: center;
}
.verify-page-title h1{
margin-bottom:30px;
font-size: 22px;
text-align: center;
}
.mp-box .pay-close{
position: absolute;
right:10px;
top:10px
}
.mp-box .mp-mt{
margin-top:10px
}
.mp-login-img{
width:200px;
height:200px;
margin:0 auto;
margin-bottom:10px;
border: 1px solid #F5F6F7;
}
.mp-login-img img{
width:100%;
height:100%;
vertical-align: initial;
}
.mp-box-content{
text-align: center;
}
.mp-box-content p{
font-size: 15px;
text-align: center;
margin-top:22px
}
.mp-box-content p.desc{
font-size: 13px;
color:#bcbcbc;
margin-top:10px;
margin-bottom:10px
}
.mp-box .login-logo{
margin-bottom:20px
}
.mp-box .mp-login-input{
margin-bottom:20px;
}
.mp-box .mp-login-input input{
width: 200px;
padding: 10px;
font-size: 14px;
font-weight: 600;
text-align: center;
}
.mp-box .modal-content{
width:332px
} .custom-page-widget,.custom-page-widget ul li{
font-size: 14px;
flex-flow: column;
}
.custom-page-widget ul li + li {
border-top: 1px solid #F5F6F7;
padding-top: 15px;
}
.custom-page-widget h2{
margin-bottom:20px
}
.custom-page-widget ul li p{
margin-bottom:5px;
font-size: 13px;
margin-bottom: 10px;
}
.custom-page-title{
font-size: 13px;
}
.task-title{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-size: 22px;
font-weight: 600;
color: #fff;
padding: 20px;
height: 100px;
display: flex;
align-items: flex-end;
}
.task-day-title{
font-size: 16px;
padding-bottom:10px
}
.task-box{
padding:20px
}
.task-day-list li{
font-size: 14px;
padding:16px 0;
border-top:1px solid #F5F6F7;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.task-day-list li i{
font-size: 20px;
margin-right:5px;
}
.task-day-list li .task-box-r{
font-size: 12px;
color:#bcbcbc;
display: flex;
align-items: center;
justify-content: space-between;
width:167px
}
.task-day-list li .task-box-r span{
display: flex;
align-items: center;
}
.task-box-r a{
background: #f5f6f7;
color: #a8abb3;
border-radius: 100%;
height: 20px;
width: 20px;
display: block;
text-align: center;
line-height: 20px;
}
.task-day-list li b{
font-weight: normal;
}
.task-day-list li >div{
display: flex;
align-items: center;
}
.task-finish{
color:#bcbcbc;
font-size: 12px;
margin-left:10px
}
.task-day-list li .task-finish-icon i{
margin: 0;
color: #fff;
width: 17px;
height: 17px;
display: block;
border-radius: 100%;
font-size: 17px;
text-align: center;
line-height: 17px;
}
.task-day-list li span.task-finish-icon-go{
background: #f5f6f7;
color: #5c5e65;
border-radius: 100%;
height: 20px;
width: 20px;
display: block;
text-align: center;
line-height: 20px;
transition: .3s;
}
.task-day-list li:hover .task-finish-icon-go{
background:#ccc;
transition: .3s;
color:#fff
}
.task-day-list li:hover span.task-finish-icon-go.nolink{
color:#e0e0e0;
background: #f5f6f7;
}
.task-day-list li span.task-finish-icon-go.nolink{
color:#e0e0e0
} .aside-container .bar-user-info{
background-color:#fff;
box-shadow: -8px 0px 35px 0px rgba(181, 181, 181, 0.32);
position: relative;
z-index: 999;
}
.aside-container{
position: fixed;
right: 0;
top: 0;
bottom: 0; height: 100%;
z-index: 18;
display: flex;
flex-flow: wrap;
}
.aside-bar{
width: 36px;
height: 100%;
position: relative;
}
.bar-middle{
position: absolute;
bottom: 100px;
right: 0;
z-index: 100;
}
.aside-bar .gdd-quick-link-buy-vip{
padding:0 4px!important
}
.bar-normal{
box-shadow: -8px 0px 35px 0px rgb(181 181 181 / 32%);
background-color: #fff;
}
.bar-footer{
bottom: -10px;
right: 0;
z-index: 100;
background-color: #fff;
box-shadow: -8px 0px 35px 0px rgb(181 181 181 / 32%);
}
.aside-bar > div > div{
position: relative;
cursor: pointer;
text-align: center;
}
.aside-bar > div > div + div{
border-top:1px solid #F5F6F7;
}
.bar-normal > div,.bar-footer > div{
position: relative;
padding:7px 10px
}
.bar-item i{
font-size: 20px;
color:#5f6575;
position: relative;
z-index: 2;
}
.bar-mission.bar-item i{
font-weight: normal;
}
.aside-bar .bar-item-desc{
position: absolute;
right: 0;
top: 5px;
padding-right: 35px;
text-align: right;
color: #fff;
padding: 9px 45px 9px 5px;
font-size: 14px;
border-radius: 15px 0 0 15px;
display: none;
line-height: 1;
box-sizing: border-box;
width:120px
}
.aside-bar .bar-qrcode .bar-item-desc{
width:400px
}
.bar-item:hover .bar-item-desc{
display: block;
border:0
}
.bar-item:hover i,.bar-item.active:hover i{
color:#fff
}
.aside-container .bar-user-info{
height: 100%;
overflow: auto;
transition: padding-top .3s;
padding-top:106px
}
.social-top .aside-container .bar-user-info{
padding-top:8px
}
.social-top .site.up .site-header-in{
transform: translate(0,-64px);
}
.social-top .top-style-bottom .wrapper{
display: flex;
justify-content: space-between;
}
.bar-box{
margin:0 10px;
width:220px;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
}
.bar-box::-webkit-scrollbar {
display: none;
}
.bar-user-info-row{
border-radius: 3px;
line-height: 28px;
text-align: center;
color: #2d2f33;
font-size: 14px;
width:100%;
position: relative;
margin-bottom:10px;
box-sizing: border-box;
background-color: #f8f8f8;
}
.bar-user-info-row .user-w-gold{
padding:10px
}
.bar-user-info-row .user-w-qd-list-title{
background: none;
}
.bar-user-info-row .user-w-avatar img{
width:46px;
height:46px;
min-width: 46px;
}
.bar-user-info-row .user-w-avatar{
position: absolute;
top: 7px;
left: 8px
}
.bar-user-info-row .user-w-name{
margin-left: 62px;
padding-top:10px;
margin-right:0
}
.bar-user-info-row .user-w-rw{
margin:0;
padding:10px;
background: none;
display: flex;
border:0;
height: auto;
}
.bar-user-info-row .user-w-gold div{
border-radius: 3px;
padding:8px 10px;
height:47px;
box-sizing: border-box;
width:100%;
background-color: #fff;
}
.bar-user-info-row .user-w-gold div a{
display: flex;
justify-content: space-between;
align-items: center;
}
.bar-user-info-row .user-w-gold div a span{
width:32px;
height:32px;
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color:#ff9494;
background-color: #f5f6f7;
}
.bar-user-info-row .user-w-gold div a b{
font-size: 14px;
}
.bar-user-info-row .user-w-gold div + div{
margin-top:5px;
}
.bar-user-info-row-title > a{
display: flex;
justify-content: space-between;
padding:0 10px;
color:#bcbcbc;
border-bottom:1px solid #fff
}
.bar-user-info-row-title > a span:first-child::before{
content:'';
width:2px;
display: block;
}
.bar-user-info-row .user-w-tj p{
line-height: 1;
}
.bar-user-info-row .user-w-tj{
display: flex;
justify-content: space-between;
margin: 10px;
padding: 10px;
margin-top:20px
}
.bar-user-info-row .user-credit i{
font-size: 20px;
color:#848dff
}
.bar-user-info-row .user-w-rw span{
display: flex;
flex-flow: wrap;
align-items: center;
}
.bar-user-info-row .user-w-rw span.aside-verify{
line-height: 1.7;
background: #fbdf1b;
border-radius: 50px;
padding: 2px 8px;
text-shadow: none;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.bar-user-info-row > a{
display: block;
}
.aside-verify b{
font-weight: normal;
}
.bar-user-next-lv{
display: flex;
justify-content: space-between;
width:100%;
position: relative;
font-size: 12px;
}
.bar-lv-bar{
position: absolute;
height: 4px;
background: rgba(0, 128, 0, 0.45);
bottom:0;
z-index: 2;
}
.bar-user-next-lv::after{
content:'';
height:4px;
background: #F5F6F7;
position: absolute;
width:100%;
bottom:0;
left:0
}
.bar-mark{
position: absolute;
height: 9px;
background: #ff3a55;
top: 10px;
right: 5px;
border-radius: 100%;
border: 1px solid #fff;
color: #fff;
z-index: 3;
width: 9px;
animation: lightdown .7s infinite;
}
@keyframes lightdown{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
.bar-top{
bottom: 50px;
left: 0;
cursor: pointer;
color: #fff;
text-align: center;
box-shadow: -8px 0px 35px 0px rgb(181 181 181 / 32%);
height: 37px;
line-height: 37px;
}
.bar-dmsg-list li{
display: flex;
padding:10px;
border-bottom:1px solid #fff;
position: relative;
cursor: pointer;
}
.bar-dmsg-list li .avatar{
width: 26px;
height: 26px;
position: absolute;
border-radius: 100%;
}
.new-dmsg-content{
text-align: left;
padding-left:10px
}
.new-dmsg-content h2{
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-left: 23px;
}
.bar-user-info .bar-dmsg-write{
font-size: 12px;
display: flex;
justify-content: space-between;
padding:5px 10px
}
.new-dmsg-content .jt{
background-color: #F5F6F7;
padding: 10px;
position: relative;
margin-top: 5px;
line-height: 1.4;
font-size: 12px;
word-break: break-all;
margin-left:-10px
}
.new-dmsg-content .jt::before{
display: none;
}
.new-dmsg-content .jt::after{
border-bottom-color: #F5F6F7;
left:20px
}
.bar-mission .bar-user-info-row{
padding:10px;
font-size: 12px;
}
.bar-mission .bar-mission-action{
padding:5px 10px;
cursor: pointer;
}
.bar-mission .user-w-qd-list-title p{
background: none;
padding:0;
border:0;
display: flex;
align-items: center;
flex-flow: column;
}
.bar-mission .user-w-qd-list-title p.picked::after{
content:'';
width:5px;
height:5px;
border-radius: 100%;
background: #FF5722;
}
.bar-mission .mission-today-list li{
display: flex;
margin-top:10px;
padding-top:10px;
border-top:1px solid #F5F6F7;
position: relative;
}
.bar-mission .user-link-block{
position: absolute;
width:34px;
height:34px;
top:11px
}
.bar-mission .user-mission-info-left p{
line-height: 1.5;
text-align: left;
width:initial;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
max-width: 100px;
display: block;
}
.bar-user-info-row .b2-gift2e{
margin-right:4px
}
.bar-mission-action.cur{
cursor: pointer;
}
.bar-box .shop-coupon-item .stamp{
margin:0;
line-height: 1;
height:auto
}
.bar-box .stamp .par{
width:100%;
border-right:0
}
.bar-box .coupon-date{
margin-top:10px
}
.bar-box .coupon-desc span{
font-size: 12px;
font-family: initial;
}
.bar-box .coupon-desc p{
margin:0
}
.bar-coupon-button{
display: flex;
justify-content: space-between;
}
.aside-carts-list .shop-coupon-item{
position: relative;
}
.aside-carts-list .shop-coupon-item img{
width:20px;
height:20px
}
.bar-box .coupon-info{
display: block;
}
.bar-box .coupon-info>div{
line-height: 1;
font-size: 12px;
}
.bar-box .coupon-title{
margin-bottom: 5px;
display: block;
margin-top: 5px;
}
.stamp .copy p{
margin-bottom:10px
}
.my-order-button a i{
margin-right:10px;
background-color: rgba(0, 132, 255, 0.18);
color:#0084ff;
border-radius: 100%;
} .mission-page-list ul{
border: 1px solid #F5F6F7;
}
.mission-page-list li{
position: relative;
padding:15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mission-page-list li .avatar{
width:34px;
height:34px;
}
.mission-page-list li:nth-child(even) {
background-color: #f9fafe
}
.mission-page-user-info{
padding-left:10px
}
.user-mission-desc{
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-right:10px
}
.mission-page .user-mission-info time{
font-size: 12px;
color:#bcbcbc;
margin-left:10px
}
.mission-page-user-info .user-mission-info{
margin:5px 0;
display: block;
}
.mission-page-user-left > a{
display: block;
min-width: 34px;
height:34px;
width:34px;
position: relative;
}
.mission-page .custom-page-row b{
font-weight: 400;
}
.mission-page-user-right{
font-size: 12px;
}
.mission-page-user-left{
flex:1;
display: flex;
align-items: center;
}
.mission-always-settings{
display: flex;
align-items: center;
justify-content: space-between;
}
.mission-tk{
font-size: 13px;
margin-top:10px;
background: #f9f9f9f9;
padding:20px
}
.mission-tk h2{
color:#bcbcbc;
}
.mission-tk ol{
list-style: cjk-ideographic;
margin-left:20px
}
.mission-tk ol li{
margin-top:10px;
line-height: 1.5;
}
.bar-item-desc.bar-qrcode-box{
bottom: -65px;
top: inherit;
background: none;
padding-right: 0;
right:43px
}
.bar-item-desc.bar-qrcode-box li{
background: #fff;
padding:10px;
margin-bottom:10px;
border:1px solid #ccc;
padding: 0 10px 10px;
box-sizing: border-box;
}
.bar-item-desc.bar-qrcode-box img{
display: block;
width:120px;
height:120px;
object-fit: contain;
}
.bar-item-desc.bar-qrcode-box p{
font-size: 12px;
color:initial;
text-align: center;
margin:0
}
.bar-qrcode-box ul{
display: flex;
flex-flow: wrap-reverse;
justify-content: flex-end;
}
.bar-qrcode-box li{
width:120px;
margin-right:10px
} .bar-user-info .aside-cart-empty{
padding:20px;
color:#ccc
}
.aside-cart-empty p{
margin-top:10px
}
.aside-cart-empty p i{
color:#F5F6F7;
font-size: 30px;
}
.bar-user-info .aside-carts-list{
padding:10px;
text-align: left;
}
.aside-carts-list li img{
width:36px;
height:36px;
margin-right:8px
}
.aside-carts-list .aside-carts-title{
display: flex;
font-size: 13px;
line-height: 1.4;
align-items: flex-start;
}
.aside-carts-list .aside-carts-title a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 12px;
}
.shop-item-desc{
font-size: 12px;
color:#666;
margin-top:4px
}
.aside-carts-price{
display: flex;
justify-content: space-between;
margin-top:10px;
line-height: 1;
margin-left:40px;
border-top: 1px solid #efefef;
padding-top: 10px;
}
.aside-carts-delete{
font-size: 12px;
cursor: pointer;
color:#999
}
.aside-carts-list li + li{
margin-top:10px;
padding-top:10px;
border-top:1px solid #F5F6F7
}
.carts-top .picked{
color:green
}  .cart-edit-address button{
padding:0
}
.modal.address-box .modal-content{
padding:0;
width: 533px;
}
.modal.address-box .pay-box-content{
padding:0
}
.modal.address-box .pay-box-content li{
padding:10px;
font-size: 14px;
display: flex;
justify-content: space-between;
cursor: pointer;
}
.modal.address-box .pay-box-content li.picked,.pay-box-content li:hover{
background-color: #f7f8fa;
}
.modal.address-box .pay-box-content li + li{
border-top:1px solid #f2f2f2
}
.address-list-right{
min-width: 73px;
}
.address-list-right button{
padding:2px 5px;
}
.address-list-left{
display: flex;
}
.address-picked .address-edit-add{
padding:10px;
justify-content: center;
}
.address-edit-add{
border-top:1px solid #f2f2f2;
padding-top:10px;
text-align: center;
display: flex;
justify-content: space-between;
}
.carts-address-button{
padding:10px;
text-align: right;
border-top: 1px solid #dddfe2;
display: flex;
justify-content: space-between;
}
.address-edit{
padding:10px
}
.address-edit input{
width:100%;
padding:10px
}
.address-edit label + label{
margin-top:16px;
display: block;
}
.address-edit label p{
font-size: 12px;
color:#AAAEB3;
margin-bottom:5px
}
.modal.address-box .pay-box-content li.picked{
color:green
}
.carts-empty-address{
font-size: 12px;
color:#AAAEB3;
padding:20px 0;
text-align: center;
}
.table-info.table-bar div.cart-name-flex{
display: flex;
flex-flow: column;
align-items: flex-start;
border: 0;
}
.shop-item-desc b{
font-weight: normal;
color:#999
} .email-box.address-box .modal-content{
width:366px
}
.pay-box-content{
margin:10px
}
.email-box.address-box .modal-content input{
width:100%;
padding:10px
}
.email-box-save{
margin:10px;
text-align: center;
} .b2-widget-products ul{
display: flex;
flex-flow: wrap;
}
.b2-widget-products ul li{
width:50%;
padding:0
}
.b2-widget-products .b2-widget-box{
overflow: hidden;
}
.b2-widget-products ul li >div{
padding:16px
}
.widget.b2-widget-products ul li+li{
margin-top:0
}
.b2-widget-products .b2-widget-post-title h2{
font-size: 12px;
}
.b2-widget-products .b2-widget-post-thumb .b2-widget-post-title{
padding:0;
height:auto;
margin-top:10px
}
.b2-widget-post-thumb .shop-normal-tips{
right:10px;
bottom:10px
}
.products-price{
height:30px;
margin-top: 10px;
display: flex;
align-items: center;
}
.b2-widget-products .b2-widget-buy-ul{
flex-flow: column;
}
.b2-widget-products ul.b2-widget-buy-ul li{
width:100%;
display: flex;
flex-flow: wrap;
align-items: center;
padding:10px 16px;
border-right: 0;
}
.b2-widget-products ul.b2-widget-buy-ul li .buy-news-img{
width:43px;
height:43px;
padding:0
}
.b2-widget-products ul.b2-widget-buy-ul li>div{
border:0;
margin-right:0
}
.b2-widget-products ul.b2-widget-buy-ul .buy-news-info{
width:calc(100% - 50px);
padding:0;
padding-left:10px;
font-size: 12px;
box-sizing: border-box;
}
.b2-widget-products ul.b2-widget-buy-ul .buy-news-info p{
margin-bottom:3px;
}
.b2-widget-products ul.b2-widget-buy-ul .buy-news-info a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color:#AAAEB3
}
.b2-widget-products ul.b2-widget-buy-ul .buy-news-info a:hover{
text-decoration: underline;
}
.express-list-top{
border-bottom: 1px solid #F5F6F7;
display: flex;
justify-content: space-between;
padding-bottom: 10px;
margin-bottom: 10px;
}
.order-express-list ul{
font-size: 12px;
max-height: 600px;
overflow-y: auto;
}
.order-express-list ul li + li{
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #F5F6F7;
}
.express-time{
color:#AAAEB3
}
.express-error{
color:#AAAEB3;
font-size: 14px;
padding:20px;
display: flex;
justify-content: center;
align-items: center;
}
.related-posts .related-posts-in{
display: flex;
flex-flow: wrap;
}
.related-posts .related-post-thumb{
height:0;
padding-top:67%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.related-posts-item{
width:25%
}
.related-posts .related-posts-title{
padding:10px 16px;
font-size: 14px;
border-bottom:1px solid #F5F6F7
}
.related-posts .related-posts-item{
border-right:1px solid #F5F6F7;
padding:16px;
box-sizing: border-box;
}
.related-posts-in{
margin-right:-2px;
margin-bottom:-1px
}
.related-posts-in .related-posts-item:hover h2{
text-decoration: underline;
}
.related-posts-in h2{
margin:5px 0;
height:44px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 15px;
}
.realte-post-meta{
font-size: 12px;
display: flex;
align-items: center;
color:#AAAEB3
}
.realte-post-meta span:nth-child(1){
flex: 1;
padding: 0;
}
.realte-post-meta span:last-child{
margin-left:5px
} .widget .recommended-widget li.picked a{
background-color: #F5F6F7;
}
.widget .recommended-widget li{
height:54px;
padding:0;
margin:0
}
.widget .recommended-widget li a{
display: flex;
align-items: center;
padding: 8px;
margin: 0 10px;
font-size: 14px;
}
.widget .recommended-widget li a img{
width:32px;
height:32px;
display: block;
}
.widget .recommended-widget li span{
padding-left:10px
}
.recommended-widget ul{
padding: 10px 0 5px;
}
.widget .recommended-widget li a:hover{
background-color: rgb(181 181 181 / 12%);
}
.side-fixed.is-side-sticky{
transform: translate(0);
transition: transform .5s;
}
.site.up .is-side-sticky{
transform: translate(0,-60px);
transition: transform .5s;
}
.b2-widget-hot-circle.box{
box-shadow: none;
background: none;
}
.b2-widget-hot-circle .b2-widget-title button{
border: 0;
background: 0;
padding: 10px;
color: initial;
width:100%;
margin:3px;
background: #fff;
}
.b2-widget-hot-circle .b2-widget-title h2{
display: flex;
align-items: center;
justify-content: space-between;
padding:0;
margin:-3px
}
.widget-circle-icon{
position: absolute;
width: 40px;
height: 40px;
overflow: hidden;
}
.widget-circle-icon img{
width:100%;
height:100%
}
.widget-gujia-hot-circle{
width:100%
}
.widget-gujia-hot-circle .widget-circle-icon{
background-color: #F5F6F7;
}
.b2-widget-circle-info .user-w-announcement{
padding: 0 16px;
}
.b2-widget-circle-info .user-w-announcement li{
padding: 16px 0;
border: 0;
}
.widget.b2-widget-hot-circle .b2-widget-title h2{
border:0
}
.widget-circle-info{
margin-left:50px;
}
.widget .widget-circle-info h2{
height: 21px;
font-size: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-weight: 600;
}
.widget .widget-gujia-hot-circle .widget-circle-info h2{
background: #F5F6F7;
}
.widget-circle-info-desc{
margin-top: 12px;
position: relative;
background: #f8f8f8;
}
.widget-circle-info-desc p{
height: 38px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 12px;
color: #AAAEB3;
padding: 0 10px;
line-height: 38px;
}
.widget-circle-info-desc:before {
content: "";
position: absolute;
border-style: solid;
border-color: transparent transparent #f5f6f7;
border-width: 7px;
top: -12px;
z-index: 1;
left: 14px;
}
.hot-circle-widget li{
position: relative;
}
.b2-widget-hot-circle .b2-widget-title{
margin-bottom:14px
}
.hot-circle-widget .widget-gujia-hot-circle li button{
opacity: .2;
width: 50px;
background-color: rgba(77, 112, 255, 0.19);
}
.widget-circle-meta span{
display: inline-block;
font-size: 12px;
height:15px;
color:#AAAEB3
}
.widget-circle-meta i{
margin:0 5px;
font-style: normal;
color:#ccc
}
.widget-circle-meta b{
font-weight: normal;
}
.widget-gujia-hot-circle .widget-circle-meta span{
background: #F5F6F7;
width:60px
}
.widget.b2-widget-hot-circle ul li{
border:0;
padding:16px;
}
.widget.b2-widget-hot-circle ul li + li{
margin-top:-8px
}
.b2-widget-hot-circle .b2-widget-title button.picked:before{
content: "";
position: absolute;
border-style: solid;
border-width: 7px;
bottom: -14px;
z-index: 1;
}
.b2-widget-hot-circle .b2-widget-title button.picked:before{
left: 35px;
right: inherit;
}
.widget-circle-none{
height: 200px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.widget-circle-none b{
font-weight: normal;
}
.widget-circle-meta{
height:17px;
margin-top:4px
}
.circle-widget-button{
padding:10px;
text-align: left;
border-top:1px solid #f0f0f0
}
.circle-widget-button button{
padding:5px 16px
}
.widget .circle-widget-content li{
border:0
}
.circle-widget-content{
padding:10px 10px 0 10px
}
.history-content{
flex: 1;
overflow: hidden;
}
.history-content time{
opacity: 0.5;
}
.history-meta{
font-size:12px;
margin-bottom:3px;
display: flex;
justify-content: space-between;
}
.history-widget .thumb{
width:40px;
height:40px;
border-radius: 4px;
display: block;
margin-right:10px
}
.history-title {
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.widget .history-widget li{
border-top:1px solid #f5f6f7;
margin: 0;
padding: 10px 16px;
position: relative;
}
.b2-widget-history .b2-widget-title{
flex-direction: row;
padding:16px;
align-items: center;
}
.b2-widget-history .widget-title{
padding:0
}
.b2-widget-history span{
font-size:12px;
cursor: pointer;
}
.empty-content-empty{
font-size:12px;
border-top:1px solid #f5f6f7;
min-height:100px;
line-height: 100px;
text-align: center;
} .tags-page ul{
display: flex;
flex-flow: wrap;
}
.tags-page ul li{
width:16.66667%
}
.tags-page ul li a{
display: block;
padding:20px 10px;
text-align: center;
border-radius: 3px;
}
.tags-page ul li a{
background-color: #35bdc7;
border:2px solid rgba(255, 255, 255, 0)
}
.tags-page ul li a:hover{
box-shadow: 0 3px 10px #ccc;
border:2px solid #fff
}
.tags-page ul li:nth-child(7n+2) a{
background-color: #fca61e;
}
.tags-page ul li:nth-child(7n+3) a{
background-color: #e65a4f;
}
.tags-page ul li:nth-child(7n+4) a{
background-color: #a1c15c;
}
.tags-page ul li:nth-child(7n+5) a{
background-color: #76cba2;
}
.tags-page ul li:nth-child(7n+6) a{
background-color: #8f82bc;
}
.tags-page ul li:nth-child(7n+7) a{
background-color: #f29c9f;
}
.tags-page ul li h2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 25px;
overflow: hidden;
margin-bottom: 10px;
font-weight: 600;
font-size: 17px;
color:#fff
}
.tags-page ul li p{
font-size: 12px;
color:rgba(255, 255, 255, 0.63)
}
.tags-page h1{
font-size: 28px;
text-align: center;
margin:30px 0
} .widget-new-header b,.widget-new-header span{
font-weight: normal;
color:#AAAEB3;
}
.b2-widget-newsflashes .b2-widget-box h2{
margin-bottom:8px;
line-height: 21px;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
position: relative;
height:42px;
color:#494B4D;
}
.b2-widget-newsflashes .b2-widget-box h2 b{
font-weight: normal;
}
.widget-new-content{
position: relative;
}
.widget-new-content::before{
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
left: 0;
top: 9px;
}
.widget-newsflashes-box ul{
position: relative;
}
.widget-newsflashes-box ul::before{
content: '';
width: 1px;
position: absolute;
left: 18px;
top: 26px;
bottom: 70px;
}
.widget-new-content{
padding-left:16px
}
.widget-new-header span{
margin-right:8px
}
.widget-new-header{
display: flex;
justify-content: space-between;
height:18px
}
.b2-widget-newsflashes .b2-widget-box h2 i{
font-style: normal;
font-size: 12px;
border-radius: 100%;
width: 17px;
height: 17px;
display: inline-block;
background: #FF9900;
text-align: center;
line-height: 17px;
color: #fff;
margin-right: 3px;
}
.gujia .b2-widget-box h2,.gujia .b2-widget-box h2 .widget-new-header{
background: #f5f6f7;
}
.oauth-tips > div > div{
background-color: #fff;
padding: 10px;
font-size: 12px;
position: relative;
margin-bottom: 20px;
text-align: center;
color: initial;
}
.oauth-tips > div > div p{
margin-top:5px
}
.widget-news-user a{
margin-right:16px
} .distributon-row .number{
font-size: 30px;
}
.distributon-row{
border-bottom:1px solid #F5F6F7
}
.distributon-row h2{
margin-bottom:10px
}
.distributon-row p{
font-size: 14px;
margin-top:10px
}
.my-distribution-orders ul{
border-top:1px solid #F5F6F7
}
.my-distribution-orders li{
display: flex;
border-bottom:1px solid #F5F6F7;
border-left:1px solid #F5F6F7
}
.my-distribution-orders li > div{
border-right: 1px solid #F5F6F7;
display: flex;
align-items: center;
padding: 10px;
font-size: 12px;
}
.distribution-order-name img{
width:24px;
height:24px;
border-radius: 100%;
margin-right:5px
}
.distribution-order-name{
width:20%
}
.distribution-order-name a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.distribution-order-products{
width:40%
}
.distribution-order-lv{
width:10%
}
.distribution-order-money{
width:10%
}
.distribution-order-ratio{
width:10%
}
.distribution-order-my{
width:10%
}
.distribution-info .gujia span{
display: block;
width:80%;
height:24px;
background-color: #f6f6f6;
}
.my-distribution-partner ul{
display: flex;
flex-flow: wrap;
margin-right:-1px;
margin-bottom:-1px
}
.my-distribution-partner ul li{
width:33.33333%;
border:1px solid #F5F6F7;
margin-right:-1px;
position: relative;
padding:10px;
margin-bottom:-1px;
box-sizing: border-box;
}
.my-distribution-partner ul li img{
width:44px;
height:44px;
position: absolute;
left:10px;
top:10px;
border-radius: 5px;
}
.my-distribution-partner ul li span{
display: block;
}
.my-distribution-partner ul li b{
font-size: 12px;
font-weight: 400;
}
.my-distribution-partner ul li span.partner-icon {
line-height: 1;
background: #fbdf1b;
border-radius: 50px;
padding: 2px 8px;
text-shadow: none;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 22px;
display: inline-flex;
align-items: center;
margin-top: 5px;
}
.partner-user{
display: block;
margin-left:60px
}
.my-distribution-partner .gujia{
width:100%;
}
.my-distribution-partner .gujia li{
display: flex;
flex-flow: wrap;
}
.my-distribution-partner .gujia .gujia-name{
width:100%;
margin-left: 60px;
}
.my-distribution-partner .gujia .gujia-name > div{
width:100%;
height:20px;
background-color: #F5F6F7;
margin-top:5px
}
.gujia-avatar{
width:50px;
height:50px;
background-color: #F5F6F7;
margin-right:5px;
position: absolute;
}
.partner-none{
height: 100px;
border: 1px solid #F5F6F7;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.my-distribution-orders .partner-none{
border-top:0;
margin-right:1px
}
.my-distribution-orders .ajax-pager{
margin-top:10px
}
.partner-lv{
font-size: 12px;
display: inline-block!important;
color:#AAAEB3
}
.distribution-build-input{
max-width: 300px;
width:100%;
padding:8px
}
.distribution-build button{
margin-top:10px
}
.distribution-form .modal-content{
width:500px;
}
.distribution-form-content{
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
text-align: center;
}
.modal-content h2{
text-align: center;
margin-bottom:10px
}
.distribution-form-content button,.distribution-form-content a.button{
margin-top:5px;
display: inline-block;
}
.distribution-links input{
width:300px
}
.distribution-form-content > div{
margin-bottom:20px
}
.distribution-title span{
color:#FF3355;
font-size: 12px;
margin-left:20px
}
h2.distribution-title{
justify-content: space-between;
width:100%
} .binding-login .modal-content{
padding:24px
}
.binding-login .weixin-bind-title{
text-align: center;
}
.binding-login .login-title{
margin-top:10px;
}
.binding-login .login-title b{
font-weight: normal;
}
.binding-login .login-bottom{
margin-top:25px
}
.binding-login .pay-close{
position: absolute;
right: 12px;
top: 10px;
}
.bind-pass-info{
font-size: 13px;
line-height: 1.5;
margin-bottom: 20px;
text-align: center;
}
.bind-pass-info img{
width:46px;
height:46px;
border-radius: 100%;
}
.bind-pass-info p{
font-size: 17px;
font-weight: 600;
margin-top:10px
}
.bind-pass-info div{
font-size: 14px;
line-height: 1.5;
background: #f8f8f8;
margin: 10px 0 30px;
padding: 10px;
text-align: center;
color: #b2bac2;
border: 1px dashed #F5F6F7;
font-weight: 300;
}
.binding-login .login-form-item input{
padding-right:50px
}
.bind-success{
text-align: center;
}
.bind-success h2 {
margin:0
}
.bind-success h2 span{
display: inline-block;
padding: 10px 20px;
background-color: rgba(0, 128, 0, 0.13);
margin: 20px 0;
line-height: 1;
font-size: 17px;
font-weight: 600;
}
.binding-login div{
font-size: 14px;
margin-top: 10px;
}
.binding-login button{
margin-top:20px
}
.credit-top-info{
margin-left:44px;
}
.credit-top-avatar{
width: 34px;
height: 34px;
position: absolute;
left: 16px;
top: 16px;
background: #f9f9f9;
}
.credit-top-list li{
position: relative;
}
.gujia .credit-top-info-right{
width:60px;
}
.gujia .credit-top-info-right{
height:26px;
background: #f2f3ff;
}
.credit-top-info-right{
position: absolute;
right:16px;
top:16px;
}
.credit-top-info-right span{
padding: 2px 10px;
display: inline-block;
border-radius: 20px;
background: #f2f3ff;
height:26px;
box-sizing: border-box;
}
.gujia .credit-top-info-left{
background-color: #f9f9f9;
height: 38px;
}
.credit-top-info-left{
margin-right: 67px;
}
.post-gg-box .modal-content{
width: 482px;
min-height: 267px;
}
.post-gg-title{
text-align: center;
font-weight: 500;
line-height: 24px;
text-align: center;
color: #111a34;
font-size: 26px;
}
.post-gg-content{
margin-top:30px;
font-size: 16px;
line-height: 32px;
white-space: unset;
text-align: left;
margin-bottom: 48px;
}
.post-gg-button{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
border-top: 1px solid #f5f6f7;
}
.post-gg-button:hover{
background-color: #F5F6F7;
}
.post-gg-button a{
display: block;
font-weight: 600;
font-size: 20px;
padding: 14px 10px;
} .credit-top-info-right b{
font-weight: 400;
white-space:nowrap;
}
.credit-top-info-left p{
transform: scale(calc(11 / 12));
-webkit-transform-origin-x: 0;
opacity: .5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.dplayer.dplayer-mobile .dplayer-mobile-play:active{
transform: translate(-50%,-50%);
}
.dplayer-mobile-play{
z-index: 3;
}
.dplayer-logo{
max-height: 70px!important;
max-width: 110px!important
} .dark-room-header{
position: relative;
height: 282px;
}
.dark-room-header img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.dark-title h1{
font-size: 24px;
margin-bottom: 8px;
}
.dark-title{
position: absolute;
z-index: 2;
bottom: 24px;
left: 24px;
color: #fff;
text-shadow: 0 0 10px #000;
right:24px
}
.dark-room-header{
height:150px
}
.dark-room-header::after{
content:'';
background-color: rgb(0 0 0 / 8%);
position: absolute;
left:0;
right:0;
top:0;
bottom:0
}
.dark-room-bar{
display: flex;
justify-content: space-between;
background: #f9f9f9;
align-items: center;
padding:16px;
font-size: 13px;
}
.dark-user-desc{
font-size: 12px;
margin-bottom:8px;
color:#999
}
.dark-user .avatar{
width:20px;
height:20px;
border-radius: 100%;
margin-right:8px
}
.dark-user span{
color:#AAAEB3;
margin:0 8px
}
.dark-user{
display: flex;
flex-flow: column;
font-size: 13px;
margin-bottom:8px
}
.dark-room-list li{
padding:16px;
border-top:1px solid #f0f0f0
}
.dark-why{
margin-left:28px
}
.dark-why p{
font-size: 13px;
}
.dark-bar-r a{
margin-left:16px
}
.dark-room-list .b2-pd{
border-top:1px solid #f0f0f0
}
.dark-user > div{
display: flex;
align-items: center;  
}  .stream-area .b2-pd{
border-bottom:1px solid #f5f6f7
}
.stream-article{
border-bottom:1px solid #f5f6f7
}
.gujia .b2-out{
position: absolute;
left:-100000px;
}
.item-header{
margin-bottom:12px
}
.stream-article{
padding:20px
}
.gujia .s-a-c-l h2,.gujia .sah-name,.gujia .sah-date,.gujia .sah-r > div,.gujia .sah-avatar{
background-color: #f5f6f7;
}
.gujia .saf-z button{
background-color: #f2f3ff;
border-color:#f2f3ff;
}
.gujia .s-a-c-l h2{
height:34px;
}
.s-a-c-l h2{
font-size: 18px;
font-weight: 600;
}
.gujia .sah-name,.gujia .sah-date{
height:20px;
width:50px;
}
.sah-l{
display: flex;
align-items: center;
}
.sah-l > span{
margin-right:24px
}
.s-a-h{
display: flex;
justify-content: space-between;
font-size: 12px;
color: #8590A6;
}
.sah-r{
display: flex;
align-items: center;
font-size: 12px;
white-space:nowrap;
color:#8590A6
}
.gujia .sah-r > div{
width:50px;
height:20px;
}
.gujia .sah-avatar{
width:100px;
height:24px
}
.sah-avatar{
display: flex;
align-items: center;
}
.sah-avatar b{
font-weight: normal;
}
.sah-avatar img{
display: block;
width: 24px;
height: 24px;
background: #f5f6f7;
border-radius: 100%;
margin-right:5px
}
.saf-comment{
display: flex;
align-items: center;
}
.saf-comment b{
font-weight: normal;
}
.ds-author{
color:green;
margin-right:10px;
}
.comment-ds-box{
display: inline-block;
border: 2px dashed #ffe0e5;
padding: 10px 20px;
border-radius: 10px;
margin-top: 10px;
}
.ds-cmoney{
color:#f35;
margin-left:10px
}
.s-a-f{
margin-top:16px;
display: flex;
align-items: center;
font-size: 12px;
color:#8590A6;
}
.gujia .saf-z button{
height:24px;
width:56px;
}
.gujia .item-content::before,.gujia .item-content::after{
background-color: #f5f6f7;
display: inline-block;
}
.gujia .item-content::before{
content:'';
height:20px;
width:100%;
}
.item-content{
margin-top:12px;
position: relative
}
.gujia .item-content::after{
content:'';
height:20px;
width:80%
}
.sah-type span,.sah-catlist a{
display: block;
height:24px;
line-height: 24px;
padding:0 10px;
border-radius: 30px;
color:#fff;
margin-left:8px
}
.sah-catlist{
display: flex;
}
.sah-catlist a{
background-color: #f5f6f7;
color:inherit
}
.st-post .sah-type span{
background-color: #0066FF;
}
.saf-z button i{
font-size: 12px;
}
.saf-z button{
height:30px;
line-height: 30px;
font-size: 12px;
padding:0px 10px;
background-color: #F7F9FA;
border:0;
color:inherit
}
.saf-z button b{
font-weight: normal;
margin-left:4px
}
.item-content{
display: flex;
}
.item-content .b2-out{
width:100%;
padding-right:16px;
line-height: 22px;
font-size: 15px;
color:#494B4D;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: fit-content;
}
.item-content-right img{
width: 100%;
min-width: 140px;
max-width: 140px;
display: block;
max-height: 100px;
}
.item-content.col{
flex-flow: column;
}
.item-content-bottom{
display: flex;
flex-flow: nowrap;
margin-right:-4px;
margin-left:-4px
}
.item-content-bottom > div{
width:25%;
padding: 16px 4px 0 4px;
}
.st-circle .sah-type span{
background-color: #FF9900;
}
.saf-c{
display: flex;
align-items: center;
}
.saf-c span{
margin-left: 24px;
}
.st-circle .s-a-c-t{
display: flex;
}
.st-circle .s-a-c img{
width:40px;
height:40px;
display: block;
min-width:40px
}
.st-circle .s-a-info > div > div:first-child > span:first-child{
font-size: 15px;
font-weight: 600;
color:inherit
}
.st-circle .sah-date{
font-size: 12px;
color:#8590A6
}
.s-a-info > div{
display: flex;
justify-content: space-between;
}
.s-a-info{
width:100%;
padding-left:8px
}
.s-a-info > div > div:first-child span{
font-size: 14px;
color: #8590A6;
}
.s-a-info > div > div:first-child span.lv-icon{
font-size: 12px;
margin-left:12px
}
.st-newsflashes .sah-type span{
background-color: #11B868;
color:#fff
}
.s-a-c{
position: relative;
}
.st-newsflashes .s-a-c-l > div{
display: flex;
justify-content: space-between;
}
.st-newsflashes .s-a-h{
margin-bottom:10px
}
.st-newsflashes .sah-r{
padding-left:24px
}
.st-circle h2{
margin-top: 3px;
font-weight: 600;
font-size: 18px;
margin-top:16px
}
.st-document .sah-type span{
background-color: #A461D8;
}
.st-shop .sah-type span{
background-color: #ff5722;
}
.st-shop .item-content-right img{
height:140px
}
.mp-show{
display: none!important;
}
body .crisp-client .cc-kv6t .cc-1xry .cc-unoo{
display: none!important;
}
body .crisp-client .cc-kv6t .cc-1xry .cc-ge4v, body .crisp-client .cc-kv6t .cc-1xry .cc-unoo{
right:48px!important
} .search-module-form ul{
position: absolute;
top: 60px;
background: #fff;
padding: 8px 8px 0 8px;
z-index: 10;
}
.search-module-form ul li{
font-size: 12px;
padding:8px 16px;
margin-bottom:8px;
cursor: pointer;
}
.search-module-form ul li.picked,.search-module-form ul li:hover{
background: #F5F6F7;
}
.search-module-form{
background: #fff;
position: relative;
width: 60%;
}
.search-module-key{
width: 60%;
margin:16px auto 0 auto
}
.search-module-form input{
border:0;
width:-webkit-fill-available;
height:52px;
padding:0 8px
}
.search-module-form > div{
display: flex;
}
.picked-category{
display: flex;
white-space: nowrap;
align-items: center;
font-size: 12px;
padding: 12px;
background: #f1f1f1;
margin: 8px;
height: 36px;
box-sizing: border-box;
cursor: pointer;
}
.search-module-form .search-button-action i{
font-size: 30px;
}
.search-module-box{
display: flex;
justify-content: center;
}
.search-module-title{
font-size: 44px;
text-align: center;
font-weight: 200;
}
.search-module-desc{
font-size: 13px;
margin:45px auto 24px auto;
text-align: center;
max-width: 50%;
}
.search-module-form .search-button-action{
top: 1px;
right: 0;
color: initial;
background: #fff;
}
.search-module-key ul{
display: flex;
font-size: 12px;
flex-flow: wrap;
}
.search-module-key ul li{
margin-right:8px;
opacity: .6;
margin-bottom:8px
}
.search-module-key ul li.search-key{
opacity: 1;
cursor: pointer;
}
.search-module{
padding:40px 0
}
.home_row.module-search{
background-image: inherit ;
}
.home_row.home_row_bg_img:before {
content: '';
background: url(//www.wpdaxue.com/wp-content/themes/b2/Assets/fontend/images/pattern.png);
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: .2;
}
.b2tooltip{
font-size: 13px;
position: absolute;
background: rgba(18, 18, 18, 0.8);
padding: 0 10px;
height:26px;
line-height: 26px;
color: #ffffff;
display: none;
max-width: 265px;
border-radius: 4px;
z-index: 999;
}
.entry-content table td{white-space: normal;}
.wp-block-table .has-fixed-layout {
table-layout: inherit;
}
.entry-content table td{
white-space: inherit;
}
.entry-content .yarpp-related .yarpp-thumbnail-title{
font-size: 13px;
}
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail{
height:180px
}
.entry-content .yarpp-related ol{
background-color: #f5f6f7;
padding:16px
}
.entry-content .yarpp-related ol li + li{
margin-top:10px
}
.entry-content .yarpp-related a{
font-size: 14px;
color:inherit;
font-weight: normal;
}
.entry-content .yarpp-related h3{
font-weight: 400;
font-size: 14px;
}
.entry-content .post-note {
font-size: 13px;
line-height: 1.8em;
padding: 15px;
background: #eef7ff;
margin-bottom: 0;
}
.entry-content b{
font-weight: bold;
}
.entry-content .content-cap p:empty{
display:none
}   .prettyprint {
background: #2f3640;
border: 0 !important;
width: 100%;
padding: 1.5em;
padding-left: 68px;
font-family: "Courier 10 Pitch",Courier,monospace;
font-size: .9375rem;
line-height: 1.6;
max-width: 100%;
overflow: auto;
padding-left: 50px;
}
.pln {
color: #e6e9ed;
} ol.linenums {
margin-top: 0;
margin-bottom: 0;
color: #656d78;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
padding-left: .5em;
background-color: #2f3640;
list-style-type: decimal;
}
@media screen { .str {
color: #ffce54;
} .kwd {
color: #4fc1e9;
} .com {
color: #656d78;
} .typ {
color: #4fc1e9;
} .lit {
color: #ac92ec;
} .pun {
color: #e6e9ed;
} .opn {
color: #e6e9ed;
} .clo {
color: #e6e9ed;
} .entry-content .tag {
color: #ed5565;
} .atn {
color: #a0d468;
} .atv {
color: #ffce54;
} .dec {
color: #ac92ec;
} .var {
color: #e6e9ed;
} .fun {
color: #e6e9ed;
}
}
.qmsg.qmsg-wrapper{
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 13px;
font-variant: tabular-nums;
line-height: 1;
list-style: none;
font-feature-settings: "tnum";
position: fixed;
top: 136px;
left: 0;
z-index: 9999999;
width: 100%;
pointer-events: none;
}
.qmsg .qmsg-item{
padding: 8px;
text-align: center;
-webkit-animation-duration: .3s;
animation-duration: .3s;
position: relative;
}
.qmsg .qmsg-item .qmsg-count{
text-align: center;
position: absolute;
left: -4px;
top: -4px;
background-color:#FF3355;
color: #fff;
font-size: 12px;
line-height: 16px;
border-radius: 2px;
display: inline-block;
min-width: 16px;
height: 16px;
-webkit-animation-duration: .3s;
animation-duration: .3s;
}
.qmsg .qmsg-item:first-child{
margin-top: -8px;
}
.qmsg .qmsg-content{
text-align: left;
position: relative;
display: inline-block;
padding: 10px 16px;
background: #fff;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
pointer-events: all; max-width: 80%;
min-width: 80px;
}
.qmsg-content > div{
display: flex;
align-items: center;
}
.qmsg .qmsg-content [class^="qmsg-content-"]{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center;
}
.qmsg .qmsg-content .qmsg-content-with-close{
padding-right: 20px;
}
.qmsg .qmsg-icon{
display: inline-block;
color: inherit;
font-style: normal;
text-align: center;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 0;
margin-right: 8px;
font-size: 16px;
}
.qmsg .qmsg-icon svg{
display: inline-block;
}
.qmsg .qmsg-content-info .qmsg-icon{
color: #1890ff;
user-select: none;
}
.qmsg .qmsg-icon-close{
position: absolute;
top: 11px;
right: 5px;
padding: 0;
overflow: hidden;
font-size: 12px;
line-height: 22px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
color: rgba(0, 0, 0, .45);
transition: color .3s
}
.qmsg .qmsg-icon-close:hover>svg path{
stroke: #555;
}
.qmsg .animate-turn{
animation:MessageTurn 1s linear infinite;  
-webkit-animation: MessageTurn 1s linear infinite;
}
@keyframes MessageTurn{
0%{-webkit-transform:rotate(0deg);}
25%{-webkit-transform:rotate(90deg);}
50%{-webkit-transform:rotate(180deg);}
75%{-webkit-transform:rotate(270deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes MessageTurn{
0%{-webkit-transform:rotate(0deg);}
25%{-webkit-transform:rotate(90deg);}
50%{-webkit-transform:rotate(180deg);}
75%{-webkit-transform:rotate(270deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1
}
to {
max-height: 0;
padding: 0;
opacity: 0
}
}
@keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1
}
to {
max-height: 0;
padding: 0;
opacity: 0
}
}
@-webkit-keyframes MessageMoveIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
}
@keyframes MessageMoveIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0
}
to {
transform: translateY(0);
transform-origin: 0 0;
opacity: 1
}
}
@-webkit-keyframes MessageShake {
0%,
100% {
transform: translateX(0px);
opacity: 1;
}
25%,
75% {
transform: translateX(-4px);
opacity: 0.75;
}
50% {
transform: translateX(4px);
opacity: 0.25;
}
}
@keyframes MessageShake {
0%,
100% {
transform: translateX(0px);
opacity: 1;
}
25%,
75% {
transform: translateX(-4px);
opacity: 0.75;
}
50% {
transform: translateX(4px);
opacity: 0.25;
}
}
.woocommerce-product-details__short-description{
margin: 16px 0;
}
.woocommerce .quantity .qty{
height:37px;
margin-right:16px
} .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.page-template-page-links .links.content-area{
width:100%;
max-width: 100%;
}
.single-links .content-footer-zan-cai,.single-links .content-footer-poster{
display: none;
}
.b2-links-content{
display: flex;
}
.links-left{
padding-left: 0;
width:200px;
min-width: 200px;
}
.links-left .text{
font-size: 14px;
color:inherit
}
.links-left-title{
border-bottom:1px solid #efefef;
font-size: 12px;
padding:0 10px 10px 16px
}
.links-left-in .box{
padding-top:10px;
padding-bottom:10px
}
.links .content-area{
max-width: 100%!important;
}
.links .links-left button{
display: block;
}
.link-list ul{
display: flex;
flex-wrap: wrap;
}
.b2-tab-links .toc-list-item{
margin-bottom:12px
}
.b2-tab-links .toc-list{
text-align: right;
font-size: 14px;
margin-right:32px;
}
.b2-tab-links a.toc-link{
padding:0 10px;
height:30px;
line-height: 30px;
display: inline-block;
border-radius: var(--b2radius);
background-color: #fff;
}
.b2-tab-links .is-active-li a.toc-link{
background-color: var(--b2lightcolor);
}
.link-list li{
width:20%
}
.link-img{
width:32px;
height:32px;
min-width: 32px;
display: block;
margin-right:8px;
display: block;
background-color: #fff;
overflow: hidden;
border-radius: 100%;
}
.link-top{
display: flex;
align-items: center;
}
.link-desc{
font-size: 12px;
overflow-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin:4px 0 8px;
height:17px;
box-sizing: border-box;
line-height: 1.3;
color:#666;
}
.link-box{
padding: 24px;
}
.link-box .link-up{
color:#999
}
.link-box.mg-b{
margin-bottom:24px
}
.link-box .cat-box{
font-size: 14px;
font-weight: bold;
padding:0 12px;
height:30px;
line-height: 30px;
}
.link-top h2{
overflow-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 20px;
overflow: hidden;
line-height: 1.3;
font-size: 15px;
color: initial;
}
.baidu-show{
display: none;
}
.link-footer{
display: flex;
align-items: center;
justify-content: space-between;
}
.link-in{
padding:10px;
cursor: pointer;
align-items: flex-start;
position: relative;
margin:8px;
box-shadow: none;
border:1px solid #f2f2f2
}
.link-in:hover h2{
color: var(--b2color);
}
.link-in:hover{
box-shadow: 0 6px 16px 0 #d6e0e8;
}
.link-in button{
padding:0
}
.link-top{
font-weight: 700;
}
.link-author{
font-weight: 700;
}
.link-author a,.link-author{
color: #999!important;
}
.link-title{
padding:0 0 16px 0;
font-size: 16px;
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.link-title h2{
position: relative;
}
.link-title h2::before{
content:'';
width:4px;
height:18px;
position: absolute;
left:0;
top:6px;
background-color: var(--b2color);
border-radius: 4px;
}
.link-title .link-more{
font-size: 13px;
display: flex;
align-items: center;
color:var(--b2color)
}
.link-title .link-more .cat-box{
font-weight: normal;
padding:0
}
.link-title span{
line-height: 1.2;
}
.link-author{
overflow-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height:17px;
overflow: hidden;
}
.child-link-cat,.link-title-left{
display: flex;
align-items: center;
}
.child-link-cat{
font-size: 14px;
color:#999;
}
.link-info{
flex: 1;
width:0
}
.links-register .box{
padding:24px
}
.links-register h1{
text-align: center;
font-size: 20px;
margin:48px 0 24px 0;
}
.links-register label{
display: block;
width:100%;
margin-bottom:10px
}
.links-register label input{
font-size: 16px;
padding:12px;
width:100%
}
.links-register .site-info{
margin-bottom:12px
}
.links-register .submit{
font-size: 16px;
width:100%;
padding:10px
}
.links-register .link-thumb{
width:107px;
height:107px;
min-width: 107px;
background-color: #f5f6f7;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
cursor: pointer;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.link-thumb input{
display: none;
}
.from-in{
display: flex;
}
.link-input-box{
width:100%;
margin-left:12px
}
.entry-content .s-link-item{
padding:0;
margin:0;
}
.entry-content .links .insert-post-thumb{
display: none;
}
.entry-content .s-link-item p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin:0
}
.register-form{
position: relative;
}
.register-cat .postform{
width:100%;
padding:10px;
border:1px solid #ccc;
background-position: 97% 17px;
box-shadow: none;
}
.register-disabled{
position: absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color: #fff;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.single-link h1{
font-size: 24px;
font-weight: bold;
margin:0
}
.link-single-header{
display: flex;
justify-content: space-between;
align-items: center;
}
.single-link .entry-content{
min-height: 300px;
}
.single-link-content{
padding:24px;
margin-bottom:24px
}
.single-link-rating{
text-align: center;
}
.single-link-rating button{
font-size: 16px;
width:100px;
}
.single-link-rating .b2font{
font-size: 20px;
}
.single-link-rating button{
background-color: #f5f6f7;
}
.hasup.text{
color:#ff3a55;
}
.home-links-content{
display: flex;
flex-wrap: nowrap;
}
.b2-tab-links{
width:200px;
min-width: 200px
}
.link-list{
margin:-8px
}
.b2-widget-box .link-list,.b2-widget-box .link-list li{
padding:0;
margin:0
}
.b2-widget-box .link-list li .link-in{
margin:0;
border-radius: 0;
border:0;
box-shadow: none;
background: none;
}
.b2-widget-box .link-list li .link-in:hover{
border: 0;
background-color: #fafafa;
}
.b2-widget-box .link-box{
padding:0;
box-shadow: none;
}
.b2-widget-box .link-in{
padding: 12px 16px;
}
.b2-widget-box .link-title{
display: none;
}
.link-join{
text-align: right;
margin-right: 32px;
margin-top: 30px;
}
.link-join-button{
position: fixed;
bottom:64px;
right:10px;
}
.link-join-button a{
font-size: 12px;
background-color: #ff3a55;
color:#fff;
padding:0 10px!important;
border-radius: 5px;
z-index: 9;
height:28px;
line-height: 28px!important;
display: block;
} .home-links-right{
width:100%
}
.link-related > h2{
margin-bottom:12px
}
.links-home h1{
font-size: 18px;
margin-bottom: 6px;
padding-top:20px;
text-align: right;
margin-right:32px;
font-weight: bold;
}
.tax-link_cat .link-box-0 .link-more{
display: none;
}
.tax-link_cat .link-more-button{
display: none;
}
.link-more-button{
text-align: center;
margin-top:24px
}
.tax-link_cat .link-box-0 .link-more-button{
display: block;
}
.link-total{
font-size: 12px;
text-align: right;
margin-bottom: 20px;
margin-right:32px;
}
.link-breadcrumb{
font-size: 13px;
}
.link-breadcrumb span{
margin:0 6px
}
.s-link-item{
padding-top:16px;
margin-top:16px;
position: relative;
}
.s-link-item + .s-link-item{
border-top:1px solid #efefef
}
.s-link-info{
padding-left:60px
}
.s-link-item img{
width:50px;
height:50px;
position: absolute;
left:0;
border-radius: 5px;
}
.s-link-cat{
font-size: 14px;
}
.s-link-item h2{
font-size: 20px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
margin-bottom:5px
}
.s-link-item p{
font-size: 14px;
}
.c-c-top{
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.c-c-top .avatar{
width:40px;
height:40px;
margin-right:8px
}
.c-c-right a{
font-size: 12px;
display: flex;
align-items: center;
line-height: 2;
}
.c-c-left{
display: flex;
align-items: center;
}
.index-circle-box ul{
display: flex;
flex-wrap: wrap;
align-items: stretch;
overflow:hidden;
margin:-8px;
}
.index-circle-box ul li{
overflow: hidden;
padding:8px
}
.i-c-in{
height:100%;
padding:16px
}
.c-c-count{
display: flex;
font-size: 12px;
}
.c-c-count p{
margin-right:8px;
margin-bottom:0
}
.c-c-name{
font-weight: bold;
}
.c-topic-list{
margin-top:16px;
font-size: 14px;
}
.c-topic-list > div{
display: flex;
}
.c-topic-list > div a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-left: 10px;
flex: 1;
}
.c-topic-list >div:hover a{
text-decoration: underline;
}
.c-topic-list > div + div{
margin-top:8px
}
.c-say{
color:#71a257
}
.c-pk{
color:#ff3a55
}
.c-vote{
color:#9d87d2
}
.c-guess{
color:#4db3f6
}
.c-ask{
color:#faac38
}
.b2-tab-content{
font-size: 13px;
margin:0 20px
}
.b2-tab-content  li a{
padding:10px 0;
display: block;
}
#crisp-chatbox > div > a{
display: none!important;
}
.single-cpay .single-article{
padding:0
}
.cpay-tab{
margin-bottom:40px;
font-size: 14px;
font-weight: 600;
display: flex;
position: relative
}
.cpay-tab::after{
content:'';
height:3px;
width:100%;
background: var(--b2color);
position: absolute;
bottom: -2px;
left: 0;
z-index: 5;
}
.cpay-tab > div{
padding: 10px 10px 3px;
cursor: pointer;
position: relative;
margin-left: 45px;
z-index: 2;
}
.cpay-tab > div:before,.cpay-tab > div:after {
display: block;
content: " ";
position: absolute;
top: 0;
height: 100%;
width: 44px;
background-color: #FFF;
}
.cpay-tab > div:before {
right: -24px;
transform: skew(30deg, 0deg);
box-shadow: rgb(0 0 0 / 10%) 3px 2px 5px, inset rgb(255 255 255 / 9%) -1px 0;
}
.cpay-tab > div:before {
border-radius: 0 8px 0 0;
}
.cpay-tab > div:after {
left: -24px;
transform: skew(-30deg, 0deg);
box-shadow: rgb(0 0 0 / 10%) -3px 2px 5px, inset rgb(255 255 255 / 9%) 1px 0;
}
.cpay-tab > div:after {
border-radius: 8px 0 0 0;
}
.cpay-tab > div span{
position: relative;
z-index: 4;
opacity: .7;
}
.cpay-tab > div.picked span{
opacity: 1;
}
.cpay-tab > div.picked, .cpay-tab > div.picked:before, .cpay-tab > div.picked:after {
background-color: var(--b2color);
color: #fff;
z-index: 3;
}
.cpay-tab-item.picked{
background:var(--b2color);
border-bottom:0;
color:#fff
}
.cpay-list-header{
display: flex;
justify-content: space-between;
align-items: center;
}
.cpay-list-user{
position: relative;
display: flex;
align-items: center;
}
.cpay-list-user p{
margin: 0;
line-height: 1;
font-size: 13px;
}
.cpay-list-user .avatar{
width:38px;
height:38px;
display: block;
margin-right:6px
}
.cpay-list-user .w-a-lv{
height:17px
}
.cpay-list-info{
padding:20px;
background: #f5f6f7;
border-radius: var(--b2radius);
margin-top:20px;
position: relative
}
.cpay-list-info.jt:before{
left:13px
}
.cpay-list-info.jt:before, .cpay-list-info.jt:after {
border-bottom-color: var(--b2color);
}
.cpay-list-checkbox span + span::before{
content:'•';
color:var(--b2color);
margin:0 10px;
opacity: .6;
}
.cpay-list-info.jt:after {
border-bottom:0
}
.cpay-list-item-file{
display: flex;
width:100%;
align-items: center;
background-color: #fff;
}
.cpay-list-item-file{
margin-top:20px;
overflow: hidden;
position: relative;
box-shadow: rgb(0 0 0 / 10%) 3px 2px 5px, inset rgb(255 255 255 / 9%) -1px 0;
}
.cpay-list-filename{
width: 100%;
padding: 0 16px;
text-transform: uppercase;
flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-all;
font-size: 14px;
}
.cpay-list-size{
margin-right:20px;
opacity: .7;
font-size: 14px;
}
.cpay-list-file-ext{
width:80px;
height:60px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
background-color: var(--b2color);
color:#fff
}
.cpay-list-file-thumb{
width:80px;
height:60px
}
.cpay-list-file-thumb img{
display: block;
height: 100%;
width: 100%;
}
.cpay-list-item-name{
font-size: 13px;
color:#999;
margin-bottom:8px
}
.cpay-list-item + .cpay-list-item{
border-top:1px solid #e5e5e5;
padding-top:16px;
margin-top:16px
}
.cpay-resout-list-in > div + div{
margin-top:20px;
padding-top:20px;
border-top:1px solid #efefef
}
.cpay-resout-list-nav{
margin-top:20px;
padding-top:20px;
border-top:1px solid #efefef
}
.cpay-price-r{
background: linear-gradient(to bottom, #eeeeeecf, #e5f1fe);
display: inline-block;
border-radius: 12px;
height: 23px;
line-height: 24px;
padding: 0 10px;
text-shadow: 0 0 1px #fff;
font-size: 14px;
}
.single-cpay .custom-pay-box{
padding:40px;
box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
background-color: #fff;
}
.cpay-title{
font-weight: 600;
font-size: 22px;
text-align: center;
margin-bottom:40px
}
.cpay-radio-box label,.cpay-checkbox-box label{
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
}
.cpay-radio-box label input,.cpay-checkbox-box label input{
padding:0;
margin:0;
margin-right:5px
}
.cpay-file-input{
display: none;
}
.cpay-form-row + .cpay-form-row{
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #efefef;
}
.cpay-form-row input,.cpay-form-row textarea{
border:0;
background-color: #fafafa;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
padding:10px;
width: 100%;
font-size: 14px;
box-sizing: border-box;
}
.cpay-form-row textarea{
min-height: 200px;
}
.cpay-form-row input[type="radio"],.cpay-form-row input[type="checkbox"]{
box-shadow: none;
width: auto;
}
.cpay-submit{
text-align: center;
}
.cpay-price ul{
display: flex;
gap: 10px;
margin-top:10px;
list-style-type: none;
margin:0
}
.cpay-price input{
margin:0 10px;
width:160px
}
.cpay-money-input{
display: flex;
align-items: center;
}
.entry-content .cpay-price ul label.button.empty{
display: block;
border-color: #efefef;
color:#999;
font-size: 18px;
background-color: #fafafa;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px;
padding: 8px 22px;
}
.cpay-file-hidden{
display: none;
}
.entry-content .cpay-price ul label input{
display: none;
}
.entry-content .cpay-price ul label.picked.button.empty{
color:var(--b2color);
border:1px solid var(--b2color);
}
.cpay-html-box{
margin:20px 0
}
.cpay-form-title b{
margin-left:4px
}
.cpay-form-row select{
border:0;
padding:10px 26px 10px 16px;
background-position: 97% 15px;
border-radius: var(--b2radius);
background-color: #fafafa;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.cpay-file-upload-box{
height:78px;
width:100px;
padding:0 23px;
display: inline-flex;
background: #fff;
align-items: center;
cursor: pointer;
border-radius: var(--b2radius);
font-size: 13px;
color:#999;
background-color: #fafafa;
box-shadow: rgb(0 0 0 / 6%) 0px 2px 4px 0px inset;
}
.cpay-form-title{
font-weight: 600;
font-size: 15px;
margin-bottom:10px;
display: flex;
align-items: center;
}
.cpay-file-upload-box span{
display: flex;
flex-flow: column;
justify-content: space-between;
text-align: center;
}
.cpay-file-upload-box span b{
font-weight: normal;
display: block;
font-size: 12px;
opacity: .7;
}
.cpay-file-upload-box.locked{
opacity: .5;
cursor: default;
}
.cpay-file-review{
width:100%;
flex:1;
margin-left:20px;
overflow: hidden;
}
.cpay-file-review > div{
background-color: #f5f6f7;
box-shadow: rgb(0 0 0 / 6%) 0px 2px 4px 0px inset;
height: 34px;
}
.cpay-file-review > div span{
font-size: 13px;
text-transform:uppercase;
}
.cpay-file-review > div > div{
position: relative;
display: flex;
justify-content: space-between;
padding: 0 24px 0 10px;
align-items: center;
border-radius: 6px;
overflow: hidden;
height: 100%;
}
.cpay-file-review >  div + div{
margin-top:10px
}
.cpay-upload-success{
position: absolute;
}
.cpay-fail-res .cpay-upload-close{
position: relative;
z-index: 9;
color: #fff;
}
.cpay-upload-close{
cursor: pointer;
margin-right: -12px;
}
.cpay-upload-progress{
position: absolute;
width:100%;
height:100%;
left:0;
background:linear-gradient(to right,#ffffff00 0,#51cd51 80%);
color: #fff;
padding-right: 15px;
box-sizing: border-box;
font-size: 12px;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 2;
transition: width .2s;
}
.cpay-upload-name{
display: flex;
gap: 16px;
overflow: hidden;
opacity: .6;
align-items: center;
padding-right:20px
}
.cpay-upload-name a{
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
overflow: hidden;
flex: 1;
}
.cpay-upload-name i{
width: auto;
font-size: 12px;
}
.cpay-upload-fail{
position: absolute;
width:100%;
height:100%;
left:0;
background: #f5a6b3;
font-size: 12px;
font-weight: normal;
padding:0 50px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
overflow: hidden;
line-height: 34px;
box-sizing: border-box;
color:#fff;
z-index: 2;
}
.cpay-file-box-in{
display: flex;
}
.cpay-desc{
font-size: 13px;
color:#999;
margin-top:10px
}
.cpay-radio-box-list,.cpay-checkbox-box-list{
display: inline-flex;
align-items: center;
background-color: #fafafa;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
flex-flow: wrap;
}
.cpay-radio-box label ,.cpay-checkbox-box label{
padding: 10px 14px;
}
.cpay-radio-box label + label,.cpay-checkbox-box label + label{
border-left:1px solid #efefef
}
.po-ask .site-header-in,.write .site-header-in,.po-info .site-header-in{
transform: none!important;
position: relative!important;
}
#b2-post-status{
color:#FF3355!important
}
.toc{overflow-y:auto}
.toc>.toc-list{overflow:hidden;position:relative}
.toc>.toc-list li{list-style:none}
.toc-list{margin:0;}
a.toc-link{height:100%}
.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}
.is-collapsed{max-height:0}
.is-position-fixed{position:fixed !important;top:0}
.is-active-link{font-weight:700;color:var(--b2color)}  .ask-widget-list.gujia span{
height:30px;
width:100%;
display: block;
background-color: #f5f6f7;
}
.ask-widget-fliter{
padding:10px 16px;
font-size: 14px;
}
.ask-widget-fliter span{
margin-right:10px;
cursor: pointer;
}
.ask-widget-meta{
color: #b1b6c6;
font-size: 12px;
}
.ask-widget-title{
margin-bottom:5px;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ask-widget-ul li:nth-child(odd){
background: #f7f9fa82;
}
.b2-widget-box .ask-widget-ul li{
border-top:1px solid #f5f6f7;
margin:0;
position: relative;
padding:10px 16px
}
.ask-widget-meta i{
font-size: 12px;
}
.ask-widget-meta .green{
background: linear-gradient(to bottom, rgba(238, 238, 238, 0.45), rgba(197, 197, 197, 0.62));
display: inline-block;
border-radius: 12px;
color: #778087;
height: 19px;
line-height: 19px;
padding: 0 6px;
text-shadow: 0 0 1px #fff;
}
.ask-widget-meta{
justify-content: space-between;
}
.ask-list-b{
height:0;
overflow: hidden;
}
.single-answer .ask-list-b{
display: none;
}
.single-answer-parent{
padding:28px
}
.single-answer .post-user-info{
display: flex;
padding:0;
background: none;
margin:0;
padding-bottom:16px;
margin-bottom:16px;
border-bottom:1px solid #f5f6f7
}
.single-answer .entry-header{
padding-bottom:0;
margin-bottom:0;
border:0;
}
.post-meta-row{
margin-bottom:16px
}
.single-answer-title{
font-size: 24px;
font-weight: bold;
}
.single-answer-desc{
margin-top:10px;
opacity: .7;
}
.single-answer-type{
color:green;
margin-bottom:10px
}
.post-meta li.green span{
color:green
}
.jubao{
cursor: pointer;
}
.jubao-form h2{
font-size:22px
}
.jubao-form h3{
font-size:16px;
text-align: center;
}
.jubao-form .modal-content{
margin-top:-120px
}
.jubao-type{
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.jubao-type>div{
width:calc(33.3333% - 7px);
text-align: center;
cursor: pointer;
font-size: 14px;
padding: 10px 5px;
border-radius: var(--b2radius);
background-color: #f5f6f7;
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 2px 0px;
}
.jubao-form .modal-content{
width: 380px;
max-width: 100%;
}
.jubao-content .jubao-title{
text-align: center;
}
.jubao-content textarea{
width:100%;
padding:10px;
min-height:50px
}
.jubao-form button{
width:100%
}
.jubao-form .picked{
background-color: #0066ff;
color:#fff
}
.jubao-file{
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #f5f6f7;
border-radius: 5px;
border:1px solid #efefef;
}
.jubao-file label{
cursor: pointer;
position: relative;
display: block;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.jubao-file label img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}