/*
Theme Name: B2 PRO
Theme URI: https://7b2.com/
Author: Li Ruchun
Author URI: https://7b2.com/
Description: wordpress 高级商用主题，模块化管理，兼容微信的各种环境
Version: 5.4.2
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.empty.b2-loading:after,
.button.empty.b2-loading:after {
	background-image: url(Assets/fontend/images/loading-empty.svg);
}

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