body {
	background-color: var(--weui-BG-2);
	user-select: none;
	-webkit-user-select: none;
	/* Chrome all / Safari all */
	-moz-user-select: none;
	/* Firefox all （移动端不需要） */
	-ms-user-select: text;
	/* IE 10+ */
	-webkit-touch-callout: none;
	transition: background-color 0.3s, color 0.3s, opacity 0.3s !important;
	/* font-family: "HarmonyOS Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
}

body[data-font="MiSans"] {
	font-family: "MiSans", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="HarmonyOS"] {
	font-family: "HarmonyOS Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="OPPOSans"] {
	font-family: "OPPOSans", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="HONORSans"] {
	font-family: "HONOR Sans CN", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.weui-msg {
	transition: background-color 0.3s, color 0.3s;
}

.weui-cells {
	transition: background-color 0.3s, color 0.3s;
}

.weui-cells__title {
	transition: background-color 0.3s, color 0.3s;
}

.weui-cell {
	transition: background-color 0.3s;
}

.weui-cell__hd {
	transition: background-color 0.3s;
}

.weui-cell__bd {
	transition: background-color 0.3s;
}

.weui-cell__ft {
	transition: background-color 0.3s, color 0.3s;
}

.weui-dialog {
	transition: background-color 0.3s, color 0.3s;
}

.weui-picker__bd {
	transition: background-color 0.3s, color 0.3s;
}

.weui-msg__text-area {
	transition: background-color 0.3s, color 0.3s;
}

.weui-msg__title {
	transition: background-color 0.3s, color 0.3s;
}

.weui-msg__desc {
	transition: background-color 0.3s, color 0.3s;
}

.weui-msg__extra-area {
	transition: background-color 0.3s, color 0.3s;
}

.weui-footer {
	transition: background-color 0.3s, color 0.3s;
}

.weui-footer__text {
	transition: background-color 0.3s, color 0.3s;
}

.weui-actionsheet__cell {
	transition: background-color 0.3s, color 0.3s;
}

.page {
	height: 100vh;
}

.icon-wrap {
	margin-top: 50px;
}

.pointer {
	cursor: pointer;
}

.button {
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s, opacity 0.3s !important;
	/* font-family: "HarmonyOS Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
}

body[data-font="MiSans"] .button {
	font-family: "MiSans", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="HarmonyOS"] .button {
	font-family: "HarmonyOS Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="OPPOSans"] .button {
	font-family: "OPPOSans", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body[data-font="HONORSans"] .button {
	font-family: "HONOR Sans CN", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.weui-btn_primary:not(.weui-btn_disabled):active {
	background-color: #06ae56;
	background-color: var(--weui-TAG-TEXT-GREEN);
}

.weui-btn_default:not(.weui-btn_disabled):active {
	background-color: var(--weui-BTN-DEFAULT-ACTIVE-BG);
}

.weui-cell_active {
	transition: background-color 0.3s !important;
}

.weui-cell_active:active {
	background-color: #ececec;
	background-color: var(--weui-BG-COLOR-ACTIVE);
}

.weui-cell_access {
	transition: background-color 0.3s !important;
}

.weui-cell_access:active {
	background-color: #ececec;
	background-color: var(--weui-BG-COLOR-ACTIVE);
}

.weui-cell__bd.pointer {
	transition: background-color 0.3s, color 0.3s !important;
}

.weui-cell__bd.pointer:active {
	background-color: #ececec;
	background-color: var(--weui-BG-COLOR-ACTIVE);
}

.selectable {
	user-select: text;
	-webkit-user-select: text;
	/* Chrome all / Safari all */
	-moz-user-select: text;
	/* Firefox all （移动端不需要） */
	-ms-user-select: text;
	/* IE 10+ */
	-webkit-touch-callout: text;
}

.empty {
	margin: 0 8px;
	font-size: 14px;
	line-height: 1.5715;
	text-align: center;
	transition: background-image 0.3s, color 0.3s;
}

.empty-normal {
	margin: 32px 0;
	color: rgba(0, 0, 0, .25);
	transition: background-image 0.3s, color 0.3s;
}

.empty-image {
	height: 100px;
	margin-bottom: 8px;
}

.empty-normal .empty-image {
	height: 40px;
}

.empty-image-bg {
	width: 64px;
	height: 41px;
	background-size: 64px 41px;
	background-repeat: no-repeat;
	background-image: url(../images/empty-img-simple.svg);
	transition: background-image 0.3s, color 0.3s;
}

@media (prefers-color-scheme: dark) {
	body:not([data-weui-theme=light]) .empty-normal {
		color: rgba(255, 255, 255, 0.3);
		transition: background-image 0.3s, color 0.3s;
	}

	body:not([data-weui-theme=light]) .empty-image-bg {
		width: 64px;
		height: 41px;
		background-size: 64px 41px;
		background-repeat: no-repeat;
		background-image: url(../images/empty-img-simple-dark.svg);
		transition: background-image 0.3s, color 0.3s;
	}
}

body[data-weui-theme="dark"] .empty-normal {
	color: rgba(255, 255, 255, 0.3);
	transition: background-image 0.3s, color 0.3s;
}

body[data-weui-theme="dark"] .empty-image-bg {
	width: 64px;
	height: 41px;
	background-size: 64px 41px;
	background-repeat: no-repeat;
	background-image: url(../images/empty-img-simple-dark.svg);
	transition: background-image 0.3s, color 0.3s;
}

@media (prefers-color-scheme: dark) {
	body:not([data-weui-theme=light]) .weui-switch-cp__box:before, .weui-switch:before {
		background-color: var(--weui-BG-4);
	}
}

body[data-weui-theme="dark"] .weui-switch-cp__box:before, .weui-switch:before {
	background-color: var(--weui-BG-4);
}

.weui-half-screen-dialog__bd.empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(45vh + 44px);
}

/* 移动端取消touch高亮效果 */
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 禁止保存或拷贝图像（IOS） */
img {
	-webkit-touch-callout: none;
}

.weui-half-screen-dialog {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	transition: transform .3s, -webkit-transform .3s, background-color 0.3s, color 0.3s, opacity 0.3s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.weui-half-screen-dialog_show {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.weui-half-screen-dialog__title {
	font-size: 18px;
}

.weui-half-screen-dialog__bd {
	height: 45vh;
	padding-bottom: 4px;
}

.weui-half-screen-dialog__ft {
	padding: 12px 0 32px;
}

.weui-cell__bd,
.weui-cell__bd p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.weui-cell_swiped .weui-cell__bd {
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	transition: transform .3s, -webkit-transform .3s, height .3s;
}

.weui-cell_swiped>.weui-cell__ft {
	justify-content: center;
	align-items: center;
}

.swipeout-touching .weui-cell__bd {
	-webkit-transition: none;
	transition: none;
}

.weui-mask,
.weui-mask_transparent {
	z-index: 5000;
	touch-action: none;
}

.weui-dialog__btn {
	transition: background-color 0.3s, color 0.3s !important;
}

.weui-dialog__btn_primary {
	color: #fa5151;
	color: var(--weui-RED);
}

.weui-skin_android .weui-dialog__btn {
	border-radius: 2px;
}

.weui-dialog__hd {
	color: var(--weui-FG-0)
}

.weui-picker__btn {
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}

.weui-picker .weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__side {
	display: none;
}

.weui-picker__group,
.weui-picker__mask,
.weui-picker__indicator,
.weui-picker__content,
.weui-picker__item {
	cursor: pointer;
}

.weui-picker__item {
	font-size: 16px;
	font-weight: 700;
}

.weui-cell_access .weui-cell__ft:after {
	transition: background-color 0.3s, color 0.3s;
}

.weui-cell_select .weui-cell__bd:after {
	transition: background-color 0.3s, color 0.3s;
}

.weui-icon-btn_goback, .weui-icon-more {
	transition: background-color 0.3s, color 0.3s;
}

.weui-icon-success {
	transition: background-color 0.3s, color 0.3s;
}

.weui-icon-circle {
	transition: background-color 0.3s, color 0.3s;
}

.weui-cells_checkbox .weui-icon-checked {
	transition: background-color 0.3s, color 0.3s;
}
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked, .weui-cells_checkbox .weui-check[aria-checked=true]+.weui-icon-checked {
	transition: background-color 0.3s, color 0.3s;
}

.weui-btn_disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.export-selected-wrap {
	display: inline-flex;
}

.not-allowed {
	cursor: not-allowed;
}

.scan-loading {
	position: fixed;
	height: calc(100% - 8em - 4px);
	width: calc(100% - (24px * 2));
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
}

#qr-video-wrap {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#qr-video-wrap canvas {
	max-height: 100%;
	transform: scaleX(-1);
}

#qr-video-overflow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 400px;
	max-height: 100%;
	max-width: 45vh;
	overflow: hidden;
}

#qr-video-scale {
	transform: scale(0.6);
}

#qr-video {
	/* min-width: 100%; */
	max-height: 100%;
	pointer-events: none;
}

.open-image {
	width: calc(100% - (2px * 2));
	height: calc(45vh - (2px * 2));
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px dashed #07c160;
	border: 2px dashed var(--weui-BRAND);
	border-radius: 5px;
	background-color: #fff;
	background-color: var(--weui-BG-2);
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
}

.open-image::after {
	content: "将文件放在此处或单击以打开";
}

.open-image-mobile::after {
	content: "轻点此处以打开";
}

.open-image-hover {
	border-style: solid;
}

.open-image-hover::after {
	content: "释放鼠标";
}

#file-selector {
	position: absolute;
	font-size: 0;
	opacity: 0;
	cursor: pointer;
	width: calc(100% - (24px * 2));
	height: 45vh;
	display: none;
}

.flash-toggle-show {
	display: block !important;
	animation-name: toggle-show;
	animation-duration: .3s;
	animation-timing-function: ease;
}

@keyframes toggle-show {
	0% {
		opacity: 0;
		padding: 0;
		height: 0;
	}

	100% {
		opacity: 1;
		padding: 8px 24px;
		height: unset;
	}
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
	cursor: pointer;
}

.slider-wrap {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.slider-wrap .weui-slider-box {
	width: 100%;
}

.weui-slider__handler {
	cursor: ew-resize;
}

#showPickerName, #showPickerName-font {
	text-align: right;
	padding-right: calc(16px + 22px);
	color: rgba(0,0,0,.5);
	color: var(--weui-FG-1);
	transition: background-color 0.3s, color 0.3s;
}

.font-tips .weui-picker .weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__main .weui-half-screen-dialog__subtitle::after {
	content: '首次更换字体需要联网';
}

#sliderValue {
	width: 30px;
}

.weui-actionsheet__action {
	color: rgba(0,0,0,.9);
	color: var(--weui-FG-0);
}

.open-link-wrap {
	display: flex;
}

.icon-flash {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background-color: currentColor;
	color: rgba(0,0,0,.9);
	color: var(--weui-FG-0);
	width: 24px;
	-webkit-mask: url(../images/flash.svg) no-repeat 50% 50%;
	mask: url(../images/flash.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.icon-flash-off {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background-color: currentColor;
	color: rgba(0,0,0,.9);
	color: var(--weui-FG-0);
	width: 24px;
	-webkit-mask: url(../images/flash-off.svg) no-repeat 50% 50%;
	mask: url(../images/flash-off.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.icon-swap-horizontal {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background-color: currentColor;
	color: rgba(0,0,0,.9);
	color: var(--weui-FG-0);
	width: 24px;
	-webkit-mask: url(../images/swap-horizontal.svg) no-repeat 50% 50%;
	mask: url(../images/swap-horizontal.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.icon-swap-vertical {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	background-color: currentColor;
	color: rgba(0,0,0,.9);
	color: var(--weui-FG-0);
	width: 24px;
	-webkit-mask: url(../images/swap-vertical.svg) no-repeat 50% 50%;
	mask: url(../images/swap-vertical.svg) no-repeat 50% 50%;
	-webkit-mask-size: cover;
	mask-size: cover;
}

.qr-icon-btn-wrap {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.qr-icon-btn {
	position: unset !important;
	top: unset !important;
	-webkit-transform: unset !important;
	transform: unset !important;
}

.swap-horizontal {
	transform: scaleX(-1);
}

.swap-vertical {
	transform: scaleY(-1);
}

#showIOSDialog1, #showIOSDialog2 {
	height: 24px;
}

#showIOSDialog1 .weui-cell__bd, #showIOSDialog2 .weui-cell__bd {
	position: absolute;
	left: 0px;
	right: 0px;
}

#showIOSDialog1 .weui-cell__ft, #showIOSDialog2 .weui-cell__ft {
	position: absolute;
	left: 32px;
	right: 32px;
}

.weui-cell__bd.history-item.pointer {
	transition: background-color 0.3s, color 0.3s, transform 0.3s !important
}

.swipeout-touching .weui-cell__bd.history-item.pointer{
	transition: background-color 0.3s, color 0.3s !important
}

.js_dialog {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.weui-picker .weui-half-screen-dialog__bd {
	height: unset;
}

@media only screen and (min-width: 600px) and (min-height: 600px)
{
	.weui-half-screen-dialog {
		max-width: 400px;
		margin: auto;
		border-radius: 12px;
		margin-bottom: 0em;
	}
	
	.weui-half-screen-dialog_show {
		margin-bottom: 8em;
	}

	.weui-picker {
		margin-bottom: 8em;
	}

	.weui-animate-slide-down {
		margin: auto;
		margin-bottom: 0;
	}

	.weui-actionsheet {
		background-color: unset;
	}

	.weui-actionsheet-content {
		max-width: 400px;
		margin: auto;
		background-color: #f7f7f7;
		background-color: var(--weui-BG-1);
		border-radius: 12px;
		margin-bottom: 16em;
	}

	.weui-actionsheet__menu {
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		overflow: hidden;
	}

	.weui-actionsheet__action {
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		overflow: hidden;
	}

	#js_dialog_6.weui-half-screen-dialog_show{
		margin-bottom: 9em;
	}

	#js_dialog_7.weui-half-screen-dialog_show {
		margin-bottom: 7em;
	}

	.weui-form__control-area {
		margin: 48px auto;
		width: 400px;
	}

	.weui-toptips.weui-toptips_warn {
		max-width: 400px;
		margin: auto;
	}
}