/*
Theme Name: B2 PRO
Theme URI: https://7b2.com/
Author: Li Ruchun
Author URI: https://7b2.com/
Description: wordpress 高级商用主题，模块化管理，兼容微信的各种环境
Version: 5.8.0
Text Domain: B2
Tags: B2
*/
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

[v-cloak] {
    display: none !important;
}

.b2-hidden-always {
    display: none
}

input {
    padding: 5px;
}

input, textarea {
    color: #666;
    resize: none;
}

    button, input[type="text"], input[type="password"], input[type="number"], textarea {
        -webkit-appearance: none;
        outline: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
        border: 1px solid #ccc;
        box-sizing: border-box
    }

body {
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
    overflow-x: hidden;
    color: #222;
    font-feature-settings: "tnum";
    line-height: 1.4;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
    font-feature-settings: "liga" on;
    -webkit-font-smoothing: subpixel-antialiased;
    font-style: normal;
    font-display: swap;
}

.post-list-meta-like, .post-list-meta-comment, .post-list-meta-views, .top-user-box-drop .top-user-info-box-count p b, .top-user-info-box .user-w-gold a, .credit-top-info-right span, .user-mission-info-right span, .user-mission-info-right, .w-a-count div span, .lv-icon.user-lv i, .user-w-tj div span, .bar-user-info-row .user-w-rw span, .user-money b, .user-credit b, .user-money-and-credit > div span, .user-sidebar-count li p, .widget-new-header .ps1, .shop-normal-item-price span, .shop-normal-tips, .b2-widget-post-order span, .custom-page-row.gold-row > div:first-child, .mission-page-user-right, .task-finish, .task-day-list li .task-box-r span b, .shop-single-price, .shop-single-data b, .content-footer-zan-cai span b, .circle-admin-info > div b, .vote-pk-left p, .vote-pk-right p, .topic-vote-radio-picked > div:first-child > span:last-child {
    font-family: 'DIN-Medium';
}

button.none {
    padding: 0;
    background: none;
    border: 0;
    color: inherit
}

select {
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    padding: 5px 10px;
    cursor: pointer;
    box-shadow: inset 0 0 9px rgba(204,204,204,.39);
    background: url(Assets/fontend/images/arrow.png) no-repeat 97% 11px;
    padding-right: 20px;
    border-radius: 3px;
    border: 1px solid #f5f6f7
}

::-moz-placeholder {
    color: #ccc;
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc;
}

button:focus, input:focus, textarea:focus {
    outline: none;
}

input:focus, textarea:focus {
    color: initial
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }
/* ::-webkit-scrollbar{width:12px;height:0;border:3px solid #fff}
::-webkit-scrollbar-track{background:#ededed}
::-webkit-scrollbar-thumb{background:#bbbdc3;border-radius: 10px;}
::-webkit-scrollbar-corner{width:12px;height:3px;background:#ccc;}
::-webkit-scrollbar-resizer{display:none}
::-moz-scrollbar{width:12px;height:0;border:3px solid #fff}
::-moz-scrollbar-track{background:#ededed}
::-moz-scrollbar-thumb{background:#bbbdc3;border-radius: 10px;}
::-moz-scrollbar-corner{width:12px;height:3px;background:#ccc;}
::-moz-scrollbar-resizer{display:none} */
html input[disabled] {
    cursor: default;
    border: 1px solid rgba(255, 255, 255, 0);
}

button, .button {
    border-radius: 4px;
    color: #fff;
    padding: 8px 16px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

    button.text, .button.text {
        background: none;
        border: 0
    }

    button[disabled], button[disabled].empty, .button.disabled.empty, button[disabled]:hover, button[disabled].empty:hover, .button.disabled.empty:hover {
        opacity: .7;
        cursor: default
    }

    button.b2-loading, .button.b2-loading, button.empty.b2-loading, .button.empty.b2-loading {
        color: rgba(255, 255, 255, 0);
    }

.post-list-cats a span.button.b2-loading {
    color: rgba(255, 255, 255, 0) !important;
}

button.b2-loading:after, .button.b2-loading:after {
    content: '';
    background-image: url(Assets/fontend/images/loading.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    z-index: 2;
    cursor: default;
}

button:active, .button:active {
    transform: translateY(1px);
}

button[disabled]:active, .button.disabled:active {
    transform: none
}

button:hover, .button:hover {
    opacity: .9;
    transition: opacity .2s
}

button[disabled], .button.disabled {
    opacity: .7;
    cursor: default
}

button.empty, .button.empty {
    background: rgba(255, 255, 255, 0);
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    font-weight: 400;
    text-align: left
}

small {
    font-size: 80%
}

a:active, a:hover {
    outline: 0;
}

pre {
    padding: 17px;
    font: 14px/22px courier new;
    position: relative;
    background-color: #f8f8f8;
    box-sizing: border-box;
}

code, pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: 3px
}

code {
    padding: 2px;
    background-color: #eee;
    word-break: break-word;
    letter-spacing: 0;
    font: 14px/26px courier new
}

pre code {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    /* image-rendering: -webkit-optimize-contrast; */
    border: 0;
    vertical-align: text-top;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none;
}

input[disabled] {
    cursor: default;
    color: rgba(0,0,0,.8);
    background-color: rgba(0,0,0,.05)
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .wp-caption .wp-caption-text {
        margin: 0.8075em 0;
    }

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

embed,
iframe,
object {
    max-width: 100%;
    width: 100%
}

.entry-content iframe {
    min-height: 450px
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

dfn, cite, em, i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

.dr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.jt::before { /*这里的伪元素用单冒号和双冒号都一样*/
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 35px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgb(181, 181, 181);
    z-index: 2;
}

/*第二个三角形*/
.jt::after {
    content: '';
    display: block;
    position: absolute;
    top: -6.6px; /*向下偏移量是矩形边框宽度的1.4（根号2）倍，即8.4，top值为-26-（-8.4）*/
    left: 35px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 2;
}

.toasted-container {
    z-index: 99999999 !important;
}

.toasted.primary {
    font-size: 13px !important;
    font-weight: 400 !important
}

.toasted-container.top-center {
    -webkit-transform: translateX(-50%);
    transform: translateX(-47%) !important;
}

.toasted.primary.error {
    background: rgb(255, 255, 255) !important;
    color: rgb(253, 0, 0) !important;
}

.link-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.link-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
/*播放器样式兼容*/
.dplayer-icons button {
    background: inherit;
    border: inherit
}

.dplayer-logo {
    max-width: 100px;
    width: 100px;
    opacity: .3;
    left: auto;
    right: 20px;
}
/*视频隐藏右键菜单*/
.dplayer-menu-show {
    display: none !important;
}

.dplayer-mask-show {
    display: none !important
}
/* .dplayer-video-wrap{
	height: 0!important;
    padding-top: 56.39925%;
} */
.dplayer.dplayer-hide-controller {
    height: 100%
}

.dplayer-video-wrap video {
    position: absolute;
    top: 0;
    object-fit: cover
}

.b2-dot {
    padding: 0 5px
}

.comment-meta-item {
    position: absolute;
    right: 16px;
    color: #FF3355
}

.mobile-show {
    display: none
}

.mobile-hidden {
    display: block
}

.pc-hidden {
    display: none;
}

.pc-show {
    display: block;
}

.red {
    color: #FF3355
}

.green {
    color: green
}

.box, .side-fixed {
    background-color: #fff;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    position: relative;
}

.button.empty.box {
    background-color: #fff !important;
}

img.avatar {
    background-color: #eee;
    width: 100%;
    height: 100%;
}

/*表格样式*/
.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .entry-content table thead {
        font-weight: 700;
    }

table td {
    border: 1px solid #F5F6F7;
}

table thead {
    border-top: 1px solid #F5F6F7
}

.entry-content table td {
    padding: 12px 20px;
    font-size: 13px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}

.entry-content table tbody tr:nth-child(odd) {
    background: #F7F9FA;
}
/**
 * 12.1 - Captions
 */

.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}

    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin: 0;
    }

    .wp-caption .wp-caption-text {
        color: #686868;
        font-size: 13px;
        font-size: 0.8125rem;
        font-style: italic;
        line-height: 1.6153846154;
        padding-top: 0.5384615385em;
    }

.pianli {
    position: absolute !important;
    top: -999999px
}

@keyframes waveMove {
    from {
        background-position: 0 100%;
    }

    to {
        background-position: -20px 100%;
    }
}

.waves {
    position: relative;
    width: 100%;
    height: 60vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 60px;
    max-height: 60px;
}

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

    .parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

.b2-footer-warning > div {
    color: #FF3355;
    text-align: center;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.b2-table {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 0;
    flex-flow: nowrap;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}
/*2.5.4 新增通用样式*/
.fs12 {
    font-size: 12px;
}

.b2-b-t {
    border-top: 1px solid rgb(243, 243, 243);
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}