@charset "UTF-8";

@font-face {
    font-family: "DIN-Medium";
    src: url("fonts/DIN.woff") format("woff"),
        url("fonts/DIN.ttf") format("truetype"),
        url("fonts/DIN.eot") format("embedded-opentype"),
        url("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;
    /* background-image: url(https://api.66mz8.com/api/bg.img.php); */
}

.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 {
    /* background: rgb(255 255 255 / 60%); */
}

.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;
    /* background: #fff; */
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
}

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

.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居左*/
.logo-left .mobile-box {
    margin-left: 30px
}

/*LOGO居中、菜单居中*/
.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居上*/
.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;
    /* -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .2s;
    transition: all .3s cubic-bezier(.165,.84,.44,1) .2s; */
}

/* .has_children:hover > a.jt::before{
    opacity: 1;
    transition: opacity .15s ease,transform .15s ease,-webkit-transform .15s ease;
    border-bottom: 8px solid rgb(224, 224, 224)
}
.has_children:hover > a.jt::after{
    opacity: 1;
    transition: opacity .15s ease,transform .15s ease,-webkit-transform .15s ease;
}
.has_children > a.jt::before{
    top:59px;
    opacity: 0;
}
.has_children > a.jt::after{
    top:60.4px;
    opacity: 0;
}
.header .top-menu ul li.depth-0:hover > a .b2-jt-block-down{
    transform: rotate(-180deg);
    transition: .15s cubic-bezier(.175,.885,.32,1.275);
}
.header .top-menu ul li.depth-0 > a .b2-jt-block-down{
    color:#bbb
} */
/*菜单 menu-3*/
.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
}

/*菜单 menu-1*/
.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;
}

/*菜单 menu-4*/
.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;
}

/*菜单 menu-2*/
.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: 320px;
    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;
}

/* .lazy{
    opacity: .6;
    transition: opacity .2s ease-in-out;
}
.loaded {
    opacity: 1;
    transition: opacity .2s ease-in-out;
} */
.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(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(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-2 >div:after,.slider-2-carousel:after{
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6) 100%);
} */
.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*/
.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*/
.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*/
.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*/
.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*/
.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*/
.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
        /* border-bottom:1px dashed rgba(255, 255, 255, 0.3); */
}

.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;
    /* background-attachment: fixed; */
}

/* .home_row_bg_img::after{
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    z-index: 1;
    left:0
} */
.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
}

/*文章样式1(post-1)*/
.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;
}

/*文章样式2(post-2)*/
.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%
}

/*文章样式3(post-3)*/
.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-3 .load-more,.post-3 .b2_gap>li,.post-5 .load-more,.post-3 .b2_gap>li{
    border-top:1px solid #F5F6F7;
    border-right:1px solid #F5F6F7;
}
.post-3 .b2_gap>li .item-in,.post-5 .b2_gap>li .item-in{
    margin-bottom:0;
    margin-right:-1px
} */
.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)*/
.post-4 ul.b2_gap {
    display: flex;
    flex-flow: wrap;
}

.post-4-parent-li .item-in {
    position: relative;
}

/* .post-4-parent-li .post-info{
    position: absolute;
    bottom:0;
    width:100%;
    color:#fff;
    border:0;
    padding:20px;
    background-image:linear-gradient(0deg,#000 0,rgba(0,0,0,.917) 5.3%,rgba(0,0,0,.834) 10.6%,rgba(0,0,0,.753) 15.9%,rgba(0,0,0,.672) 21.3%,rgba(0,0,0,.591) 26.8%,rgba(0,0,0,.511) 32.5%,rgba(0,0,0,.433) 38.4%,rgba(0,0,0,.357) 44.5%,rgba(0,0,0,.283) 50.9%,rgba(0,0,0,.213) 57.7%,rgba(0,0,0,.147) 65%,rgba(0,0,0,.089) 72.9%,rgba(0,0,0,.042) 81.4%,rgba(0,0,0,.011) 90.6%,transparent 100%);
} */
.post-4-parent-li .post-excerpt {
    height: auto;
    /* color:#fff */
}

.post-4-parent-li .post-info h2 {
    height: auto;
    font-size: 23px;
    margin-bottom: 10px
        /* color:#fff; */
        /* font-weight: 600; */
}

/*专题样式*/
.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;
}

/*文章展示动画*/
/* .is-visible{
    -webkit-animation:Items .7s ease-in forwards;
    animation:Items .7s ease-in forwards;
}
@-webkit-keyframes Items{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes Items{
    0%{opacity:0}
    100%{opacity:1}
} */
/*空白页面*/
.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 ul,
.entry-content ol,
.entry-content li {
    margin-left: revert;
    padding-left: revert;
}

.entry-content ul,
.entry-content ol {
    list-style: revert;
}

.entry-content ul ul,
.entry-content ol il {
    margin-tiop: 10px
}

.entry-content .b2_gap,
.entry-content .b2_gap li,
.entry-content .b2_gap {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.entry-content .post-list-meta {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.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 a.button{
    color:#fff
} */
.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(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-x: scroll; */
    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: 10px
}

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

/* .gallery{
    display: flex;
    flex-wrap: wrap
}
.gallery-item{
    width:24%;
}
.gallery-item img{
    display: block;
    width:100%
}
.gallery-caption{
    position: absolute;
    bottom: 0;
    font-size: 14px;
    padding: 10px;
    color: #fff;
}
.entry-content .gallery img.size-full{
    margin: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 .b2-loading::before,.download-page-button .b2-loading::before{
    content: '';
    background-image: url(images/loading-empty.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    z-index: 2;
    cursor: default;
} */
.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-thumb::before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(right top, ellipse cover, rgba(250, 250, 250, 0) 8%,rgb(250, 250, 250) 73%);
    background: radial-gradient(right top, ellipse cover, rgba(250, 250, 250, 0) 8%,rgb(250, 250, 250) 73%);
} */
.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(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-image: url(images/hidden-bg.png); */
    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;
    /*margin:50px auto;*/
}

/* 设置文本内容容器 */
#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;
}

/* 对svg图形设置宽高 */
.content-ds-button svg {
    width: 100%;
    height: 100%;
}

/* 创建一个蒙版 宽度为0，当我hover充电框的时候，宽度展开 */
#mask {
    width: 0px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

/* 对蒙版的sbg单独设置宽高，保证宽度高低有一个固定值而不是百分比 */
#mask svg {
    width: 157px;
    height: 55px;
}

/* 对充电框hover的时候开始动画，将粉色线条铺开 */
#TA-con:hover+#tube-con>#mask {
    width: 157px;
}

/* 对充电框hover的时候开始动画，添加黄色快速移动的动画 */
#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
}

/*页面卷角效果*/
/* .fold{
    position: absolute;
    right: 0;
    top: 0;
    width: 154px;
    height: 154px;
    cursor: pointer;
    overflow: hidden;
}
.fold img{
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
}
.fold::before {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 40px solid #F5F6F7;
    border-right: 40px solid transparent;
    box-shadow: 0 6px 17px rgba(0,0,0,.27), 0 0 40px rgba(0,0,0,.06) inset;
    transition: all .1s ease-in-out;
    z-index: 2;
}
.fold::after {
    content: "";
    position: absolute;
    top: -33px;
    right: -68px;
    width: 69px;
    height: 27px;
    border-top: 74px solid rgba(255,255,255,0);
    border-left: 67px solid #ffffff;
    z-index: 1;
    transition: all .1s ease-in-out;
}
.fold.open::before{
    border-bottom: 130px solid #F5F6F7;
    border-right: 130px solid transparent;
}
.fold.open::after{
    top: 60px;
    right: 60px;
    width: 0px;
    height: 0px;
    border-top: 70px solid rgba(255,255,255,0);
    border-left: 70px solid #F5F6F7;
    z-index: 1;
} */
/*文章类型（normal）*/
.single-normal {
    margin-right: 30px
}

/*文章类型 post-type-2*/
.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(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*/
.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*/
.post-style-4-top,
.post-style-2-top-header {
    overflow: hidden;
}

.post-style-4-top img {
    display: block;
    width: 100%
}

/*post-style-5*/
.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);
    /* For browsers don't support translate3d. */
    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(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;
}

/* .tax-header{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
} */
/* .tax-header::after{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .4;
    background-color: rgba(0, 0, 0, 0.3);
} */
#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;
    display: flex;
    justify-content: flex-end;
}

.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 38px 7px 10px;
    box-sizing: border-box;
}

.tax-search button {
    position: absolute;
    right: 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;
    /* bottom: 370px; */
    width: 40px;
    height: 108px;
    /* box-shadow: 0 2px 8px rgba(0,0,0,.1); */
    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(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-user-lv{
    display: flex;
    margin-top:3px
}
.comment-user-lv .lv-icon{
    border-radius: 5px;
    padding: 2px 4px;
    transform: none;
    margin-right: 5px;
}
.comment-user-lv .user-vip{
    opacity: .2;
} */
.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 > div{
    overflow: hidden;
} */
.com-form-title.b2-show {
    display: flex
}

/* #com-form-title div{
    display: none
} */
.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;
    /* margin-bottom:24px;
    border-bottom: 1px solid #f5f6f7; */
}

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

/* .download-box,.single-button-download{
    display: none;
} */
.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(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页面*/
.vip-top {
    background: url(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;
    /* background: #fff; */
    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{
    width:92px
} */
.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;
}

/*shop*/
.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-name{
    font-weight: 600;
} */
.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;
}

/*信息流*/
/* .page-template-page-stream .home_row:first-child > .wrapper{
    display: block;
} */
.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(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
}

/*代码高亮*/
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.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;
}

/* Specify class=linenums on a pre to get line numbering */
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 {

    /* string content */

    .str {
        color: #ffce54;
    }

    /* keyword */

    .kwd {
        color: #4fc1e9;
    }

    /* comment */

    .com {
        color: #656d78;
    }

    /* type name */

    .typ {
        color: #4fc1e9;
    }

    /* literal value */

    .lit {
        color: #ac92ec;
    }

    /* punctuation */

    .pun {
        color: #e6e9ed;
    }

    /* lisp open bracket */

    .opn {
        color: #e6e9ed;
    }

    /* lisp close bracket */

    .clo {
        color: #e6e9ed;
    }

    /* markup tag name */

    .entry-content .tag {
        color: #ed5565;
    }

    /* markup attribute name */

    .atn {
        color: #a0d468;
    }

    /* markup attribute value */

    .atv {
        color: #ffce54;
    }

    /* declaration */

    .dec {
        color: #ac92ec;
    }

    /* variable name */

    .var {
        color: #e6e9ed;
    }

    /* function name */

    .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;
    /* min-width: 175px; */
    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
}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
   * Scrollbar rail styles
   */
.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;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    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;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    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;
}

/*
   * Scrollbar thumb styles
   */
.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;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    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;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    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;
}

/* MS supports */
@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;
}

/* .link-related .link-title{
    display: none;
} */
.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)
}

/* .toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link::before{background-color:#54BC4B} */
/*问答小工具*/
.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;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 14px;
}

.text-base {
    font-size: 16px;
}

.text-lg {
    font-size: 18px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-1 {
    flex: 1;
}

.gap-4 {
    gap: 16px;
}

.gap-2 {
    gap: 8px;
}

.p-4 {
    padding: 16px;
}

.text-center {
    text-align: center;
}

.social-only-box {
    margin-top: 20px;
}

.social-only-box .social-only-box-a {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.social-only-box .login-social-button-bottom {
    padding: 10px;
}

.social-only-box-title {
    margin-bottom: 10px;
}

.social-only-box a.button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: auto;
    line-height: 40px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #f5f6f7;
    line-height: 1;
}

.social-only-box a.button i {
    font-size: 20px;
    height: 20px;
    width: 20px;
    margin-bottom: 8px;
}