:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}
.w-e-text-container *,
.w-e-toolbar * {
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0
}
.w-e-text-container blockquote,
.w-e-text-container li,
.w-e-text-container p,
.w-e-text-container td,
.w-e-text-container th,
.w-e-toolbar * {
	line-height: 1.5
}
.w-e-text-container {
	background-color: var(--w-e-textarea-bg-color);
	color: var(--w-e-textarea-color);
	height: 100%;
	position: relative
}
.w-e-text-container .w-e-scroll {
	-webkit-overflow-scrolling: touch;
	height: 100%
}
.w-e-text-container [data-slate-editor] {
	word-wrap: break-word;
	border-top: 0.05rem solid transparent;
	min-height: 100%;
	outline: 0;
	padding: 0 0.25rem;
	white-space: pre-wrap
}
.w-e-text-container [data-slate-editor] p {
	margin: 0.75rem 0
}
.w-e-text-container [data-slate-editor] h1,
.w-e-text-container [data-slate-editor] h2,
.w-e-text-container [data-slate-editor] h3,
.w-e-text-container [data-slate-editor] h4,
.w-e-text-container [data-slate-editor] h5 {
	margin: 0.5rem 0
}
.w-e-text-container [data-slate-editor] img {
	cursor: default;
	display: inline !important;
	max-width: 100%;
	min-height: 1rem;
	min-width: 1rem
}
.w-e-text-container [data-slate-editor] span {
	text-indent: 0
}
.w-e-text-container [data-slate-editor] [data-selected=true] {
	box-shadow: 0 0 0 0.05rem var(--w-e-textarea-selected-border-color)
}
.w-e-text-placeholder {
	font-style: italic;
	left:0.5rem;
	top: 0.85rem;
	width: 90%
}
.w-e-max-length-info,
.w-e-text-placeholder {
	color: var(--w-e-textarea-slight-color);
	pointer-events: none;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.w-e-max-length-info {
	bottom: 1em;
	right: 2em
}
.w-e-bar {
	background-color: var(--w-e-toolbar-bg-color);
	color: var(--w-e-toolbar-color);
	font-size: 0.7rem;
	padding: 0 0.25rem
}
.w-e-bar svg {
	fill: var(--w-e-toolbar-color);
	height: 0.7rem;
	width: 0.7rem
}
.w-e-bar-show {
	display: flex
}
.w-e-bar-hidden {
	display: none
}
.w-e-hover-bar {
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.25rem #0000001f;
	position: absolute
}
.w-e-toolbar {
	flex-wrap: wrap;
	position: relative
}
.w-e-bar-divider {
	background-color: var(--w-e-toolbar-border-color);
	display: inline-flex;
	height: 2rem;
	margin: 0 0.25rem;
	width: 0.05rem
}
.w-e-bar-item {
	display: flex;
	height: 2rem;
	padding: 0.2rem;
	position: relative;
	text-align: center
}
.w-e-bar-item,
.w-e-bar-item button {
	align-items: center;
	justify-content: center
}
.w-e-bar-item button {
	background: transparent;
	border: none;
	color: var(--w-e-toolbar-color);
	cursor: pointer;
	display: inline-flex;
	height: 1.6rem;
	overflow: hidden;
	padding: 0 0.4rem;
	white-space: nowrap
}
.w-e-bar-item button:hover {
	background-color: var(--w-e-toolbar-active-bg-color);
	color: var(--w-e-toolbar-active-color)
}
.w-e-bar-item button .title {
	margin-left: 0.25rem
}
.w-e-bar-item .active {
	background-color: var(--w-e-toolbar-active-bg-color);
	color: var(--w-e-toolbar-active-color)
}
.w-e-bar-item .disabled {
	color: var(--w-e-toolbar-disabled-color);
	cursor: not-allowed
}
.w-e-bar-item .disabled svg {
	fill: var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover {
	background-color: var(--w-e-toolbar-bg-color);
	color: var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover svg {
	fill: var(--w-e-toolbar-disabled-color)
}
.w-e-menu-tooltip-v5:before {
	background-color: var(--w-e-toolbar-active-color);
	border-radius: 0.125rem;
	color: var(--w-e-toolbar-bg-color);
	content: attr(data-tooltip);
	font-size: 1.5em;
	opacity: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	text-align: center;
	top: 2rem;
	transition: opacity .6s;
	visibility: hidden;
	white-space: pre;
	z-index: 1
}
.w-e-menu-tooltip-v5:after {
	border: 0.25rem solid transparent;
	border-bottom: 0.25rem solid var(--w-e-toolbar-active-color);
	content: "";
	opacity: 0;
	position: absolute;
	top: 1.5rem;
	transition: opacity .6s;
	visibility: hidden
}
.w-e-menu-tooltip-v5:hover:after,
.w-e-menu-tooltip-v5:hover:before {
	opacity: 1;
	visibility: visible
}
.w-e-menu-tooltip-v5.tooltip-right:before {
	left: 100%;
	top: 0.5rem
}
.w-e-menu-tooltip-v5.tooltip-right:after {
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: var(--w-e-toolbar-active-color);
	border-top-color: transparent;
	left: 100%;
	margin-left: -0.25rem;
	top: 0.4rem
}
.w-e-bar-item-group .w-e-bar-item-menus-container {
	background-color: var(--w-e-toolbar-bg-color);
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	display: none;
	left: 0;
	margin-top: 2rem;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-bar-item-group:hover .w-e-bar-item-menus-container {
	display: block
}
.w-e-select-list {
	background-color: var(--w-e-toolbar-bg-color);
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	left: 0;
	margin-top: 2rem;
	max-height: 18.75rem;
	min-width: 5rem;
	overflow-y: auto;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-select-list ul {
	line-height: 1;
	list-style: none
}
.w-e-select-list ul .selected {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li {
	cursor: pointer;
	padding: 0.35rem 0 0.35rem 1.25rem;
	position: relative;
	text-align: left;
	white-space: nowrap
}
.w-e-select-list ul li:hover {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li svg {
	left: 0;
	margin-left: 0.25rem;
	margin-top: -0.35rem;
	position: absolute;
	top: 50%
}
.w-e-bar-bottom .w-e-select-list {
	bottom: 0;
	margin-bottom: 2rem;
	margin-top: 0;
	top: inherit
}
.w-e-drop-panel {
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	margin-top: 2rem;
	min-width: 10rem;
	padding: 0.5rem;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-bar-bottom .w-e-drop-panel {
	bottom: 0;
	margin-bottom: 2rem;
	margin-top: 0;
	top: inherit
}
.w-e-modal {
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	color: var(--w-e-toolbar-color);
	font-size: 0.7rem;
	min-height: 2rem;
	min-width: 5rem;
	padding: 1rem 0.75rem 0;
	position: absolute;
	text-align: left;
	z-index: 1
}
.w-e-modal .btn-close {
	cursor: pointer;
	line-height: 1;
	padding: 0.25rem;
	position: absolute;
	right: 0.4rem;
	top: 0.35rem
}
.w-e-modal .btn-close svg {
	fill: var(--w-e-toolbar-color);
	height: 0.5rem;
	width: 0.5rem
}
.w-e-modal .babel-container {
	display: block;
	margin-bottom: 0.75rem
}
.w-e-modal .babel-container span {
	display: block;
	margin-bottom: 0.5rem
}
.w-e-modal .button-container {
	margin-bottom: 0.75rem
}
.w-e-modal button {
	background-color: var(--w-e-modal-button-bg-color);
	border: 0.05rem solid var(--w-e-modal-button-border-color);
	border-radius: 0.2rem;
	color: var(--w-e-toolbar-color);
	cursor: pointer;
	font-weight: 800;
	height: 1.6rem;
	padding: 0.225rem 0.75rem;
	text-align: center;
	touch-action: manipulation;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}
.w-e-modal input[type=number],
.w-e-modal input[type=text],
.w-e-modal textarea {
	font-feature-settings: "tnum";
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-modal-button-border-color);
	border-radius: 0.2rem;
	color: var(--w-e-toolbar-color);
	font-variant: tabular-nums;
	padding: 0.225rem 0.55rem;
	transition: all .3s;
	width: 100%
}
.w-e-modal textarea {
	min-height: 1.5rem
}
body .w-e-modal,
body .w-e-modal * {
	box-sizing: border-box
}
.w-e-progress-bar {
	background-color: var(--w-e-textarea-handler-bg-color);
	height: 0.05rem;
	position: absolute;
	transition: width .3s;
	width: 0
}
.w-e-full-screen-container {
	bottom: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed;
	right: 0 !important;
	top: 0 !important;
	width: 100% !important
}
.w-e-full-screen-container [data-w-e-textarea=true] {
	flex: 1 !important
}
.w-e-text-container [data-slate-editor] code {
	background-color: var(--w-e-textarea-slight-bg-color);
	border-radius: 0.15rem;
	font-family: monospace;
	padding: 0.15rem
}
.w-e-panel-content-color {
	list-style: none;
	text-align: left;
	width: 11.5rem
}
.w-e-panel-content-color li {
	border: 0.05rem solid var(--w-e-toolbar-bg-color);
	border-radius: 0.15rem 0.15rem;
	cursor: pointer;
	display: inline-block;
	padding: 0.1rem
}
.w-e-panel-content-color li:hover {
	border-color: var(--w-e-toolbar-color)
}
.w-e-panel-content-color li .color-block {
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem 0.15rem;
	height: 0.85rem;
	width: 0.85rem
}
.w-e-panel-content-color .active {
	border-color: var(--w-e-toolbar-color)
}
.w-e-panel-content-color .clear {
	line-height: 1.5;
	margin-bottom: 0.25rem;
	width: 100%
}
.w-e-panel-content-color .clear svg {
	height: 0.8rem;
	margin-bottom: -0.2rem;
	width: 0.8rem
}
.w-e-text-container [data-slate-editor] blockquote {
	background-color: var(--w-e-textarea-slight-bg-color);
	border-left: 0.2rem solid var(--w-e-textarea-selected-border-color);
	display: block;
	font-size: 100%;
	line-height: 1.5;
	margin: 0.5rem 0;
	padding: 0.5rem
}
.w-e-panel-content-emotion {
	font-size: 1rem;
	list-style: none;
	text-align: left;
	width: 15rem
}
.w-e-panel-content-emotion li {
	border-radius: 0.15rem 0.15rem;
	cursor: pointer;
	display: inline-block;
	padding: 0 0.125rem
}
.w-e-panel-content-emotion li:hover {
	background-color: var(--w-e-textarea-slight-bg-color)
}
.w-e-textarea-divider {
	border-radius: 0.15rem;
	margin: 1rem auto;
	padding: 1rem
}
.w-e-textarea-divider hr {
	background-color: var(--w-e-textarea-border-color);
	border: 0;
	display: block;
	height: 0.05rem
}
.w-e-text-container [data-slate-editor] pre>code {
	background-color: var(--w-e-textarea-slight-bg-color);
	border: 0.05rem solid var(--w-e-textarea-slight-border-color);
	border-radius: 0.2rem 0.2rem;
	display: block;
	font-size: 0.7rem;
	padding: 0.5rem;
	text-indent: 0
}
.w-e-text-container [data-slate-editor] .w-e-image-container {
	display: inline-block;
	margin: 0 0.15rem
}
.w-e-text-container [data-slate-editor] .w-e-image-container:hover {
	box-shadow: 0 0 0 0.1rem var(--w-e-textarea-selected-border-color)
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container {
	overflow: hidden;
	position: relative
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger {
	background-color: var(--w-e-textarea-handler-bg-color);
	height: 0.35rem;
	position: absolute;
	width: 0.35rem
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
	cursor: nwse-resize;
	left: 0;
	top: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
	cursor: nesw-resize;
	right: 0;
	top: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
	bottom: 0;
	cursor: nesw-resize;
	left: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
	bottom: 0;
	cursor: nwse-resize;
	right: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover {
	box-shadow: none
}
.w-e-text-container [contenteditable=false] .w-e-image-container:hover {
	box-shadow: none
}
.w-e-text-container [data-slate-editor] .table-container {
	border: 1px dashed var(--w-e-textarea-border-color);
	border-radius: 0.25rem;
	margin-top: 0.5rem;
	overflow-x: auto;
	padding: 0.5rem;
	width: 100%
}
.w-e-text-container [data-slate-editor] table {
	border-collapse: collapse
}
.w-e-text-container [data-slate-editor] table td,
.w-e-text-container [data-slate-editor] table th {
	border: 0.05rem solid var(--w-e-textarea-border-color);
	line-height: 1.5;
	min-width: 1.5rem;
	padding: 0.15rem 0.25rem;
	text-align: left
}
.w-e-text-container [data-slate-editor] table th {
	background-color: var(--w-e-textarea-slight-bg-color);
	font-weight: 700;
	text-align: center
}
.w-e-panel-content-table {
	background-color: var(--w-e-toolbar-bg-color)
}
.w-e-panel-content-table table {
	border-collapse: collapse
}
.w-e-panel-content-table td {
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	cursor: pointer;
	height: 0.75rem;
	padding: 0.15rem 0.25rem;
	width: 1rem
}
.w-e-panel-content-table td.active {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-textarea-video-container {
	background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);
	background-position: 0 0, 0.5rem 0.5rem;
	background-size: 1rem 1rem;
	border: 0.05rem dashed var(--w-e-textarea-border-color);
	border-radius: 0.25rem;
	margin: 0.5rem auto 0;
	padding: 0.5rem 0;
	text-align: center
}
.w-e-text-container [data-slate-editor] pre>code {
	word-wrap: normal;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
	-webkit-hyphens: none;
	hyphens: none;
	line-height: 1.5;
	margin: 1em 0;
	overflow: auto;
	padding: 2em;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	text-align: left;
	text-shadow: 0 0.05rem #fff;
	white-space: pre;
	word-break: normal;
	word-spacing: normal
}
.w-e-text-container [data-slate-editor] pre>code .token.cdata,
.w-e-text-container [data-slate-editor] pre>code .token.comment,
.w-e-text-container [data-slate-editor] pre>code .token.doctype,
.w-e-text-container [data-slate-editor] pre>code .token.prolog {
	color: #708090
}
.w-e-text-container [data-slate-editor] pre>code .token.punctuation {
	color: #999
}
.w-e-text-container [data-slate-editor] pre>code .token.namespace {
	opacity: .7
}
.w-e-text-container [data-slate-editor] pre>code .token.boolean,
.w-e-text-container [data-slate-editor] pre>code .token.constant,
.w-e-text-container [data-slate-editor] pre>code .token.deleted,
.w-e-text-container [data-slate-editor] pre>code .token.number,
.w-e-text-container [data-slate-editor] pre>code .token.property,
.w-e-text-container [data-slate-editor] pre>code .token.symbol,
.w-e-text-container [data-slate-editor] pre>code .token.tag {
	color: #905
}
.w-e-text-container [data-slate-editor] pre>code .token.attr-name,
.w-e-text-container [data-slate-editor] pre>code .token.builtin,
.w-e-text-container [data-slate-editor] pre>code .token.char,
.w-e-text-container [data-slate-editor] pre>code .token.inserted,
.w-e-text-container [data-slate-editor] pre>code .token.selector,
.w-e-text-container [data-slate-editor] pre>code .token.string {
	color: #690
}
.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,
.w-e-text-container [data-slate-editor] pre>code .style .token.string,
.w-e-text-container [data-slate-editor] pre>code .token.entity,
.w-e-text-container [data-slate-editor] pre>code .token.operator,
.w-e-text-container [data-slate-editor] pre>code .token.url {
	color: #9a6e3a
}
.w-e-text-container [data-slate-editor] pre>code .token.atrule,
.w-e-text-container [data-slate-editor] pre>code .token.attr-value,
.w-e-text-container [data-slate-editor] pre>code .token.keyword {
	color: #07a
}
.w-e-text-container [data-slate-editor] pre>code .token.class-name,
.w-e-text-container [data-slate-editor] pre>code .token.function {
	color: #dd4a68
}
.w-e-text-container [data-slate-editor] pre>code .token.important,
.w-e-text-container [data-slate-editor] pre>code .token.regex,
.w-e-text-container [data-slate-editor] pre>code .token.variable {
	color: #e90
}
.w-e-text-container [data-slate-editor] pre>code .token.bold,
.w-e-text-container [data-slate-editor] pre>code .token.important {
	font-weight: 700
}
.w-e-text-container [data-slate-editor] pre>code .token.italic {
	font-style: italic
}
.w-e-text-container [data-slate-editor] pre>code .token.entity {
	cursor: help
}
/* 内容对齐 */
/* 超出元素的多余文字不换行，将多余部分替换成... */
/* 多行文字省略 */
/* 背景图片图标 */
/* 分割线 */
/*
    @direction 传值说明
    默认值：bottom 下边线
    all - 全边框线
    top - 上边线
    left - 左边线
    right - 右边线
    bottom - 下边线
    0 - 上左
    1 - 上右
    2 - 下左
    3 - 下右
    4 - 上下
    5 - 左右
    6 - 上左右
    7 - 下左右
    8 - 上左下
    9 - 上右下
*/
/* 背景色渐变 */
/* 阴影 */
/* 形状遮罩 */
.editor-box[data-v-44c206a4] {
  width: 100%;
}


:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}
.w-e-text-container *,
.w-e-toolbar * {
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0
}
.w-e-text-container blockquote,
.w-e-text-container li,
.w-e-text-container p,
.w-e-text-container td,
.w-e-text-container th,
.w-e-toolbar * {
	line-height: 1.5
}
.w-e-text-container {
	background-color: var(--w-e-textarea-bg-color);
	color: var(--w-e-textarea-color);
	height: 100%;
	position: relative
}
.w-e-text-container .w-e-scroll {
	-webkit-overflow-scrolling: touch;
	height: 100%
}
.w-e-text-container [data-slate-editor] {
	word-wrap: break-word;
	border-top: 0.05rem solid transparent;
	min-height: 100%;
	outline: 0;
	padding: 0 0.25rem;
	white-space: pre-wrap
}
.w-e-text-container [data-slate-editor] p {
	margin: 0.75rem 0
}
.w-e-text-container [data-slate-editor] h1,
.w-e-text-container [data-slate-editor] h2,
.w-e-text-container [data-slate-editor] h3,
.w-e-text-container [data-slate-editor] h4,
.w-e-text-container [data-slate-editor] h5 {
	margin: 0.5rem 0
}
.w-e-text-container [data-slate-editor] img {
	cursor: default;
	display: inline !important;
	max-width: 100%;
	min-height: 1rem;
	min-width: 1rem
}
.w-e-text-container [data-slate-editor] span {
	text-indent: 0
}
.w-e-text-container [data-slate-editor] [data-selected=true] {
	box-shadow: 0 0 0 0.05rem var(--w-e-textarea-selected-border-color)
}
.w-e-text-placeholder {
	font-style: italic;
	left:0.5rem;
	top: 0.85rem;
	width: 90%
}
.w-e-max-length-info,
.w-e-text-placeholder {
	color: var(--w-e-textarea-slight-color);
	pointer-events: none;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.w-e-max-length-info {
	bottom: 1em;
	right: 2em
}
.w-e-bar {
	background-color: var(--w-e-toolbar-bg-color);
	color: var(--w-e-toolbar-color);
	font-size: 0.7rem;
	padding: 0 0.25rem
}
.w-e-bar svg {
	fill: var(--w-e-toolbar-color);
	height: 0.7rem;
	width: 0.7rem
}
.w-e-bar-show {
	display: flex
}
.w-e-bar-hidden {
	display: none
}
.w-e-hover-bar {
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.25rem #0000001f;
	position: absolute
}
.w-e-toolbar {
	flex-wrap: wrap;
	position: relative
}
.w-e-bar-divider {
	background-color: var(--w-e-toolbar-border-color);
	display: inline-flex;
	height: 2rem;
	margin: 0 0.25rem;
	width: 0.05rem
}
.w-e-bar-item {
	display: flex;
	height: 2rem;
	padding: 0.2rem;
	position: relative;
	text-align: center
}
.w-e-bar-item,
.w-e-bar-item button {
	align-items: center;
	justify-content: center
}
.w-e-bar-item button {
	background: transparent;
	border: none;
	color: var(--w-e-toolbar-color);
	cursor: pointer;
	display: inline-flex;
	height: 1.6rem;
	overflow: hidden;
	padding: 0 0.4rem;
	white-space: nowrap
}
.w-e-bar-item button:hover {
	background-color: var(--w-e-toolbar-active-bg-color);
	color: var(--w-e-toolbar-active-color)
}
.w-e-bar-item button .title {
	margin-left: 0.25rem
}
.w-e-bar-item .active {
	background-color: var(--w-e-toolbar-active-bg-color);
	color: var(--w-e-toolbar-active-color)
}
.w-e-bar-item .disabled {
	color: var(--w-e-toolbar-disabled-color);
	cursor: not-allowed
}
.w-e-bar-item .disabled svg {
	fill: var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover {
	background-color: var(--w-e-toolbar-bg-color);
	color: var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover svg {
	fill: var(--w-e-toolbar-disabled-color)
}
.w-e-menu-tooltip-v5:before {
	background-color: var(--w-e-toolbar-active-color);
	border-radius: 0.125rem;
	color: var(--w-e-toolbar-bg-color);
	/*content: attr(data-tooltip);*/
    content: none;
	font-size: 1.5em;
	opacity: 0;
	padding: 0.25rem 0.5rem;
	position: absolute;
	text-align: center;
	top: 2rem;
	transition: opacity .6s;
	visibility: hidden;
	white-space: pre;
	z-index: 1
}
.w-e-menu-tooltip-v5:after {
	border: 0.25rem solid transparent;
	border-bottom: 0.25rem solid var(--w-e-toolbar-active-color);
	content: "";
	opacity: 0;
	position: absolute;
	top: 1.5rem;
	transition: opacity .6s;
	visibility: hidden
}
.w-e-menu-tooltip-v5:hover:after,
.w-e-menu-tooltip-v5:hover:before {
	opacity: 1;
	visibility: visible
}
.w-e-menu-tooltip-v5.tooltip-right:before {
	left: 100%;
	top: 0.5rem
}
.w-e-menu-tooltip-v5.tooltip-right:after {
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: var(--w-e-toolbar-active-color);
	border-top-color: transparent;
	left: 100%;
	margin-left: -0.25rem;
	top: 0.4rem
}
.w-e-bar-item-group .w-e-bar-item-menus-container {
	background-color: var(--w-e-toolbar-bg-color);
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	display: none;
	left: 0;
	margin-top: 2rem;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-bar-item-group:hover .w-e-bar-item-menus-container {
	display: block
}
.w-e-select-list {
	background-color: var(--w-e-toolbar-bg-color);
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	left: 0;
	margin-top: 2rem;
	max-height: 18.75rem;
	min-width: 5rem;
	overflow-y: auto;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-select-list ul {
	line-height: 1;
	list-style: none
}
.w-e-select-list ul .selected {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li {
	cursor: pointer;
	padding: 0.35rem 0 0.35rem 1.25rem;
	position: relative;
	text-align: left;
	white-space: nowrap
}
.w-e-select-list ul li:hover {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li svg {
	left: 0;
	margin-left: 0.25rem;
	margin-top: -0.35rem;
	position: absolute;
	top: 50%
}
.w-e-bar-bottom .w-e-select-list {
	bottom: 0;
	margin-bottom: 2rem;
	margin-top: 0;
	top: inherit
}
.w-e-drop-panel {
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	margin-top: 2rem;
	min-width: 10rem;
	padding: 0.5rem;
	position: absolute;
	top: 0;
	z-index: 1
}
.w-e-bar-bottom .w-e-drop-panel {
	bottom: 0;
	margin-bottom: 2rem;
	margin-top: 0;
	top: inherit
}
.w-e-modal {
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.5rem #0000001f;
	color: var(--w-e-toolbar-color);
	font-size: 0.7rem;
	min-height: 2rem;
	min-width: 5rem;
	padding: 1rem 0.75rem 0;
	position: absolute;
	text-align: left;
	z-index: 1
}
.w-e-modal .btn-close {
	cursor: pointer;
	line-height: 1;
	padding: 0.25rem;
	position: absolute;
	right: 0.4rem;
	top: 0.35rem
}
.w-e-modal .btn-close svg {
	fill: var(--w-e-toolbar-color);
	height: 0.5rem;
	width: 0.5rem
}
.w-e-modal .babel-container {
	display: block;
	margin-bottom: 0.75rem
}
.w-e-modal .babel-container span {
	display: block;
	margin-bottom: 0.5rem
}
.w-e-modal .button-container {
	margin-bottom: 0.75rem
}
.w-e-modal button {
	background-color: var(--w-e-modal-button-bg-color);
	border: 0.05rem solid var(--w-e-modal-button-border-color);
	border-radius: 0.2rem;
	color: var(--w-e-toolbar-color);
	cursor: pointer;
	font-weight: 800;
	height: 1.6rem;
	padding: 0.225rem 0.75rem;
	text-align: center;
	touch-action: manipulation;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}
.w-e-modal input[type=number],
.w-e-modal input[type=text],
.w-e-modal textarea {
	font-feature-settings: "tnum";
	background-color: var(--w-e-toolbar-bg-color);
	border: 1px solid var(--w-e-modal-button-border-color);
	border-radius: 0.2rem;
	color: var(--w-e-toolbar-color);
	font-variant: tabular-nums;
	padding: 0.225rem 0.55rem;
	transition: all .3s;
	width: 100%
}
.w-e-modal textarea {
	min-height: 1.5rem
}
body .w-e-modal,
body .w-e-modal * {
	box-sizing: border-box
}
.w-e-progress-bar {
	background-color: var(--w-e-textarea-handler-bg-color);
	height: 0.05rem;
	position: absolute;
	transition: width .3s;
	width: 0
}
.w-e-full-screen-container {
	bottom: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed;
	right: 0 !important;
	top: 0 !important;
	width: 100% !important
}
.w-e-full-screen-container [data-w-e-textarea=true] {
	flex: 1 !important
}
.w-e-text-container [data-slate-editor] code {
	background-color: var(--w-e-textarea-slight-bg-color);
	border-radius: 0.15rem;
	font-family: monospace;
	padding: 0.15rem
}
.w-e-panel-content-color {
	list-style: none;
	text-align: left;
	width: 11.5rem
}
.w-e-panel-content-color li {
	border: 0.05rem solid var(--w-e-toolbar-bg-color);
	border-radius: 0.15rem 0.15rem;
	cursor: pointer;
	display: inline-block;
	padding: 0.1rem
}
.w-e-panel-content-color li:hover {
	border-color: var(--w-e-toolbar-color)
}
.w-e-panel-content-color li .color-block {
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	border-radius: 0.15rem 0.15rem;
	height: 0.85rem;
	width: 0.85rem
}
.w-e-panel-content-color .active {
	border-color: var(--w-e-toolbar-color)
}
.w-e-panel-content-color .clear {
	line-height: 1.5;
	margin-bottom: 0.25rem;
	width: 100%
}
.w-e-panel-content-color .clear svg {
	height: 0.8rem;
	margin-bottom: -0.2rem;
	width: 0.8rem
}
.w-e-text-container [data-slate-editor] blockquote {
	background-color: var(--w-e-textarea-slight-bg-color);
	border-left: 0.2rem solid var(--w-e-textarea-selected-border-color);
	display: block;
	font-size: 100%;
	line-height: 1.5;
	margin: 0.5rem 0;
	padding: 0.5rem
}
.w-e-panel-content-emotion {
	font-size: 1rem;
	list-style: none;
	text-align: left;
	width: 15rem
}
.w-e-panel-content-emotion li {
	border-radius: 0.15rem 0.15rem;
	cursor: pointer;
	display: inline-block;
	padding: 0 0.125rem
}
.w-e-panel-content-emotion li:hover {
	background-color: var(--w-e-textarea-slight-bg-color)
}
.w-e-textarea-divider {
	border-radius: 0.15rem;
	margin: 1rem auto;
	padding: 1rem
}
.w-e-textarea-divider hr {
	background-color: var(--w-e-textarea-border-color);
	border: 0;
	display: block;
	height: 0.05rem
}
.w-e-text-container [data-slate-editor] pre>code {
	background-color: var(--w-e-textarea-slight-bg-color);
	border: 0.05rem solid var(--w-e-textarea-slight-border-color);
	border-radius: 0.2rem 0.2rem;
	display: block;
	font-size: 0.7rem;
	padding: 0.5rem;
	text-indent: 0
}
.w-e-text-container [data-slate-editor] .w-e-image-container {
	display: inline-block;
	margin: 0 0.15rem
}
.w-e-text-container [data-slate-editor] .w-e-image-container:hover {
	box-shadow: 0 0 0 0.1rem var(--w-e-textarea-selected-border-color)
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container {
	overflow: hidden;
	position: relative
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger {
	background-color: var(--w-e-textarea-handler-bg-color);
	height: 0.35rem;
	position: absolute;
	width: 0.35rem
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top {
	cursor: nwse-resize;
	left: 0;
	top: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top {
	cursor: nesw-resize;
	right: 0;
	top: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom {
	bottom: 0;
	cursor: nesw-resize;
	left: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom {
	bottom: 0;
	cursor: nwse-resize;
	right: 0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover {
	box-shadow: none
}
.w-e-text-container [contenteditable=false] .w-e-image-container:hover {
	box-shadow: none
}
.w-e-text-container [data-slate-editor] .table-container {
	border: 1px dashed var(--w-e-textarea-border-color);
	border-radius: 0.25rem;
	margin-top: 0.5rem;
	overflow-x: auto;
	padding: 0.5rem;
	width: 100%
}
.w-e-text-container [data-slate-editor] table {
	border-collapse: collapse
}
.w-e-text-container [data-slate-editor] table td,
.w-e-text-container [data-slate-editor] table th {
	border: 0.05rem solid var(--w-e-textarea-border-color);
	line-height: 1.5;
	min-width: 1.5rem;
	padding: 0.15rem 0.25rem;
	text-align: left
}
.w-e-text-container [data-slate-editor] table th {
	background-color: var(--w-e-textarea-slight-bg-color);
	font-weight: 700;
	text-align: center
}
.w-e-panel-content-table {
	background-color: var(--w-e-toolbar-bg-color)
}
.w-e-panel-content-table table {
	border-collapse: collapse
}
.w-e-panel-content-table td {
	border: 0.05rem solid var(--w-e-toolbar-border-color);
	cursor: pointer;
	height: 0.75rem;
	padding: 0.15rem 0.25rem;
	width: 1rem
}
.w-e-panel-content-table td.active {
	background-color: var(--w-e-toolbar-active-bg-color)
}
.w-e-textarea-video-container {
	background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);
	background-position: 0 0, 0.5rem 0.5rem;
	background-size: 1rem 1rem;
	border: 0.05rem dashed var(--w-e-textarea-border-color);
	border-radius: 0.25rem;
	margin: 0.5rem auto 0;
	padding: 0.5rem 0;
	text-align: center
}
.w-e-text-container [data-slate-editor] pre>code {
	word-wrap: normal;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
	-webkit-hyphens: none;
	hyphens: none;
	line-height: 1.5;
	margin: 1em 0;
	overflow: auto;
	padding: 2em;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	text-align: left;
	text-shadow: 0 0.05rem #fff;
	white-space: pre;
	word-break: normal;
	word-spacing: normal
}
.w-e-text-container [data-slate-editor] pre>code .token.cdata,
.w-e-text-container [data-slate-editor] pre>code .token.comment,
.w-e-text-container [data-slate-editor] pre>code .token.doctype,
.w-e-text-container [data-slate-editor] pre>code .token.prolog {
	color: #708090
}
.w-e-text-container [data-slate-editor] pre>code .token.punctuation {
	color: #999
}
.w-e-text-container [data-slate-editor] pre>code .token.namespace {
	opacity: .7
}
.w-e-text-container [data-slate-editor] pre>code .token.boolean,
.w-e-text-container [data-slate-editor] pre>code .token.constant,
.w-e-text-container [data-slate-editor] pre>code .token.deleted,
.w-e-text-container [data-slate-editor] pre>code .token.number,
.w-e-text-container [data-slate-editor] pre>code .token.property,
.w-e-text-container [data-slate-editor] pre>code .token.symbol,
.w-e-text-container [data-slate-editor] pre>code .token.tag {
	color: #905
}
.w-e-text-container [data-slate-editor] pre>code .token.attr-name,
.w-e-text-container [data-slate-editor] pre>code .token.builtin,
.w-e-text-container [data-slate-editor] pre>code .token.char,
.w-e-text-container [data-slate-editor] pre>code .token.inserted,
.w-e-text-container [data-slate-editor] pre>code .token.selector,
.w-e-text-container [data-slate-editor] pre>code .token.string {
	color: #690
}
.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,
.w-e-text-container [data-slate-editor] pre>code .style .token.string,
.w-e-text-container [data-slate-editor] pre>code .token.entity,
.w-e-text-container [data-slate-editor] pre>code .token.operator,
.w-e-text-container [data-slate-editor] pre>code .token.url {
	color: #9a6e3a
}
.w-e-text-container [data-slate-editor] pre>code .token.atrule,
.w-e-text-container [data-slate-editor] pre>code .token.attr-value,
.w-e-text-container [data-slate-editor] pre>code .token.keyword {
	color: #07a
}
.w-e-text-container [data-slate-editor] pre>code .token.class-name,
.w-e-text-container [data-slate-editor] pre>code .token.function {
	color: #dd4a68
}
.w-e-text-container [data-slate-editor] pre>code .token.important,
.w-e-text-container [data-slate-editor] pre>code .token.regex,
.w-e-text-container [data-slate-editor] pre>code .token.variable {
	color: #e90
}
.w-e-text-container [data-slate-editor] pre>code .token.bold,
.w-e-text-container [data-slate-editor] pre>code .token.important {
	font-weight: 700
}
.w-e-text-container [data-slate-editor] pre>code .token.italic {
	font-style: italic
}
.w-e-text-container [data-slate-editor] pre>code .token.entity {
	cursor: help
}

/* 内容对齐 */
/* 超出元素的多余文字不换行，将多余部分替换成... */
/* 多行文字省略 */
/* 背景图片图标 */
/* 分割线 */
/*
    @direction 传值说明
    默认值：bottom 下边线
    all - 全边框线
    top - 上边线
    left - 左边线
    right - 右边线
    bottom - 下边线
    0 - 上左
    1 - 上右
    2 - 下左
    3 - 下右
    4 - 上下
    5 - 左右
    6 - 上左右
    7 - 下左右
    8 - 上左下
    9 - 上右下
*/
/* 背景色渐变 */
/* 阴影 */
/* 形状遮罩 */
.expert-publish[data-v-44c206a4] {
  font-size: 0.75rem;
  color: #444;
}
.expert-publish .edit-column[data-v-44c206a4] {
  display: flex;
  justify-content: space-between;
  margin: 0.675rem;
}
.expert-publish .edit-column li[data-v-44c206a4] {
  position: relative;
  background-color: #fff;
  border: 1PX solid #cdcdcd;
  border-radius: 0.25rem;
  color: #666;
  width: 8.05rem;
  height: 1.575rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.expert-publish .edit-column li[data-v-44c206a4]:before {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  line-height: 0.675rem;
  margin-right: 0.45rem;
  font-size: 0.675rem;
  color: #666;
}
.expert-publish .edit-column li[data-v-44c206a4]:nth-child(1):before {
  content: '\e70e';
}
.expert-publish .edit-column li[data-v-44c206a4]:nth-child(2):before {
  content: '\e610';
}
.expert-publish .article-content[data-v-44c206a4] {
  border-bottom: 2.7rem solid transparent;
}
.expert-publish .article-content li[data-v-44c206a4] {
  position: relative;
  margin-bottom: 0.75rem;
  background-color: #fff;
}
.expert-publish .article-content li h3[data-v-44c206a4] {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0.6rem 0.8rem;
  font-size: 0.7rem;
  color: #444;
  border-bottom: 1PX solid #eee;
}
.expert-publish .article-content li h3[data-v-44c206a4]:before {
  position: absolute;
  left: 0;
  content: '';
  display: inline-block;
  width: 0.05rem;
  height: 0.8rem;
  background-color: #dc3b40;
}
.expert-publish .article-content li h3 .warning[data-v-44c206a4] {
  color: #dc3b40;
}
.expert-publish .article-content li h3.title span[data-v-44c206a4] {
  float: right;
}
.expert-publish .article-content li .tj i[data-v-44c206a4] {
  margin-left: 0.45rem;
  color: #dc3b40;
}
.expert-publish .article-content li .game-list[data-v-44c206a4] {
  width: 100%;
}
.expert-publish .article-content li .game-list .no-data[data-v-44c206a4] {
  width: 100%;
  height: 5.4rem;
  font-size: 0.65rem;
  color: #ccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.expert-publish .article-content li .game-list .no-data i[data-v-44c206a4] {
  width: 1.825rem;
  height: 1.825rem;
  line-height: 1.825rem;
  margin-bottom: 0.9rem;
  font-size: 1.825rem;
  color: #ddd;
}
.expert-publish .article-content li input[data-v-44c206a4] {
  width: 100%;
  padding: 0.6rem 0.8rem;
  font-size: 0.7rem;
}
.expert-publish .article-content li textarea[data-v-44c206a4] {
  width: 100%;
  padding: 0.6rem 0.8rem;
  height: 8.375rem;
  font-size: 0.7rem;
  border: none;
  resize: none;
  outline: none;
}
.expert-publish .article-content li .pay-set[data-v-44c206a4] {
  padding-top: 0;
  padding-bottom: 0;
  height: 1.8rem;
  line-height: 1.8rem;
}
.expert-publish .article-content li .pay-set i[data-v-44c206a4] {
  width: 1.5rem;
  height: 100%;
  color: #dc3b40;
  margin-left: 0.05rem;
}
.expert-publish .article-content li .pay-set span[data-v-44c206a4] {
  position: relative;
  float: right;
  font-size: 0.7rem;
  color: #dc3b40;
}
.expert-publish .article-content li .pay-set span[data-v-44c206a4]:after {
  content: "\e71a";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.2rem;
  line-height: 0.6rem;
  font-weight: bold;
  font-size: 0.6rem;
  color: #ddd;
}
.expert-publish .article-btn[data-v-44c206a4] {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.675rem;
  background-color: #fff;
  height: 2.25rem;
}
.expert-publish .article-btn li[data-v-44c206a4] {
  width: 7.95rem;
  height: 1.65rem;
  border: 1PX solid #cdcdcd;
  line-height: 1.65rem;
  text-align: center;
  border-radius: 0.15rem;
  color: #666;
  font-size: 0.7rem;
}
.expert-publish .article-btn li[data-v-44c206a4]:nth-child(2) {
  background-color: #dc3b40;
  border-color: #dc3b40;
  color: #fff;
}
.per_list[data-v-44c206a4] {
  width: 100%;
  padding: 0 0.7rem 0.45rem 0.45rem;
}
.per_list li[data-v-44c206a4] {
  width: 100%;
  position: relative;
  padding-left: 2.25rem;
  margin-bottom: 0.2rem !important;
}
.per_list li[data-v-44c206a4]:not(:last-child) {
  position: relative;
}
.per_list li[data-v-44c206a4]:not(:last-child):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 200%;
  height: calc(200% - 1PX);
  transform: scale(0.5, 0.5);
  transform-origin: 0 0;
  pointer-events: none;
  border-radius: 0;
  border-bottom: 1PX solid #e5e5e5;
}
.per_list li > i[data-v-44c206a4] {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0.45rem;
  width: 0.9rem;
  height: 0.9rem;
  top: 2.5rem;
  line-height: 0.9rem;
  font-size: 0.675rem;
  color: #ddd;
}
.per_list .number_circle[data-v-44c206a4] {
  display: table-cell;
  border-radius: 0.45rem;
  background-color: #dc3b40;
  width: 0.8rem;
  height: 0.8rem;
  font-size: 0.45rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.per_list h4[data-v-44c206a4] {
  width: 100%;
  text-align: center;
  font-size: 0.6rem;
  line-height: 3.1rem;
}
.per_list .play[data-v-44c206a4] {
  width: 100%;
  display: flex;
}
.per_list .play > div p[data-v-44c206a4] {
  position: relative;
  width: 100%;
  height: 1.45rem;
  overflow: hidden;
  text-align: center;
  line-height: 1.45rem;
  font-size: 0.5rem;
  border: 1PX solid #ddd;
}
.per_list .play > div p i[data-v-44c206a4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.65rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 1.25rem;
  color: #ffd32d;
}
.per_list .play > div .selecting[data-v-44c206a4] {
  background-color: #dc3b40;
  color: #fff;
}
.per_list .play > div .featured[data-v-44c206a4] {
  width: 100%;
  height: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 0.6rem;
  color: #999;
}
.per_list .play > div .featured .select[data-v-44c206a4] {
  color: #dc3b40;
}
.per_list .play > div .featured > i[data-v-44c206a4]::before {
  margin-right: 0.2rem;
}
.per_list .play > div .seat[data-v-44c206a4] {
  width: 100%;
  height: 0.45rem;
}
.per_list .play .win[data-v-44c206a4] {
  width: 4.7rem;
}
.per_list .play .level[data-v-44c206a4] {
  width: 4.175rem;
}
.per_list .play .level p[data-v-44c206a4] {
  border-left: 0;
  border-right: 0;
}
.per_list .play .lose[data-v-44c206a4] {
  width: 4.7rem;
}
.per_list .play .rang[data-v-44c206a4] {
  width: 0.8rem;
  height: 1.45rem;
  text-align: center;
  line-height: 1.45rem;
  font-size: 0.6rem;
  color: #888;
  background-color: #ddd;
}
.per_list .play .rang_plus[data-v-44c206a4] {
  background-color: #ffc5c5;
  color: #dc3b40;
}
.per_list .play .rang_minus[data-v-44c206a4] {
  background-color: #cae9ff;
  color: #0c89e1;
}
.per_list .no_play[data-v-44c206a4] {
  width: 100%;
  height: 1.45rem;
  margin-bottom: 0.45rem;
  text-align: center;
  line-height: 1.45rem;
  font-size: 0.65rem;
  background-color: #ddd;
  border: 1PX solid #ccc;
}
.basketball_list[data-v-44c206a4] {
  width: 100%;
}
.basketball_list li[data-v-44c206a4] {
  position: relative;
  width: 100%;
  padding: 0 0.55rem 0.55rem;
  border-bottom: 1PX solid #eee;
  margin-bottom: 0 !important;
}
.basketball_list li .title[data-v-44c206a4] {
  position: relative;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: 0.6rem;
  color: #444;
}
.basketball_list li .title .iconfont[data-v-44c206a4] {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
  color: #c8c8c8;
}
.basketball_list li .match[data-v-44c206a4] {
  border: 1PX solid #ddd;
  border-radius: 0.15rem;
}
.basketball_list li .match .active[data-v-44c206a4] {
  position: relative;
  background-color: #f4d154;
}
.basketball_list li .match .active[data-v-44c206a4]:after {
  z-index: 100;
  position: absolute;
  left: 50%;
  margin-left: -0.1rem;
  top: 100%;
  display: block;
  content: '';
  border-width: 0.2rem 0.2rem 0.2rem 0.2rem;
  border-style: solid;
  border-color: #f4d154 transparent transparent transparent;
}
.basketball_list li .match .playtype-active[data-v-44c206a4] {
  background-color: #fbca2c;
}
.basketball_list li .match-content[data-v-44c206a4] {
  border-top: 1PX solid #ddd;
}
.basketball_list li .match-name > div[data-v-44c206a4] {
  background-color: #edebeb;
}
.basketball_list li .match-name[data-v-44c206a4],
.basketball_list li .match-content[data-v-44c206a4] {
  display: flex;
  flex-direction: row;
  text-align: center;
}
.basketball_list li .match-name > div[data-v-44c206a4],
.basketball_list li .match-content > div[data-v-44c206a4] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 1.875rem;
  font-size: 0.55rem;
  color: #333752;
  transition: background-color 0.3s ease;
  border-right: 1PX solid #ddd;
}
.basketball_list li .match-name > div[data-v-44c206a4]:last-child,
.basketball_list li .match-content > div[data-v-44c206a4]:last-child {
  border: none;
}
.basketball_list li .match-name > div > span[data-v-44c206a4],
.basketball_list li .match-content > div > span[data-v-44c206a4] {
  margin-top: 0.1rem;
  color: #888;
}