@import './common.css';

html, body {
	word-wrap: break-word;
	word-break: break-all
}

body {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 1.5;
	word-wrap: break-word;
	color: #121212;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif !important
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px
}

b {
	font-weight: 700;
	font-size: 14px;
	outline: 0
}

button {
	padding: 0;
	line-height: 1.7
}

i, em {
	font-style: italic
}

ins {
	text-decoration: none;
	padding: 3px 0;
	background: #EAF0DD;
	color: #5B7918
}

del {
	text-decoration: line-through;
	padding: 3px 0;
	background: #f5dfdf;
	color: #ac1414
}

.pointer {
	cursor: pointer
}

.xdebug-var-dump {
	max-height: 600px;
	overflow-y: scroll
}

.dropdown-menu-shadow {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

article iframe {
	max-width: 100%;
	width: 600px;
	max-height: 100%;
	height: 450px
}

article img {
	max-width: 100%
}

body .fa-warning:before {
	content: "\f071"
}

body .layui-layer {
	border-radius: 8px;
	max-width: 90%;
	min-width:320px;
}

/* body .layui-layer.layui-layer-dialog {
	min-width: 260px
}

body .layui-layer.layui-layer-iframe {
	min-width: 360px
} */

body .layui-layer-title {
	height: 36px;
	line-height: 36px;
	background-color: #4b5563;
	border-radius: 6px 6px 0 0;
	border: 0px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;
	font-weight: 700
}

body .layui-layer-ico {
	background-image: none;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

body .layui-layer-setwin {
	top: 10px
}

body .layui-layer-setwin a {
	font-size: 16px;
	color: #d6d6d6
}

body .layui-layer-max {
}

body .layui-layer-min {
}

body .layui-layer-close {
}

body .layui-layer-content {
	padding: 10px;
	max-height: 90vh;
}

body .layui-layer-iframe .layui-layer-content {
	padding: 0px
}

body .layui-layer-close:before {
	content: "\f00d"
}

body .layui-layer-btn {
	padding-bottom: 10px;
	background-color: #f1f1f1;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px
}

body .layui-layer-btn a {
	padding: 0 0.75rem;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

body .layui-layer-btn .layui-layer-btn0 {
	background-color: #5179d6;
	border-color: #5179d6;
	border: 1px solid transparent
}

body .layui-layer-ico-warning:before {
	content: "\f071"
}

body .layui-layer.ui-alert-skin {
	overflow: hidden
}

body .layui-layer.ui-dialog-skin .layui-layer-content {
	overflow-x: hidden;
	min-width: 320px;
	min-height: 60px
}

body .layui-layer .bootstrap-select .dropdown-menu {
	max-height: 320px !important
}

body .cms-tips {
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

body .cms-tips .layui-layer-content {
	color: unset !important;
	padding: 8px;
	border-radius: 4px
}

body .layui-layer-tips i.layui-layer-TipsG {
}

body .layui-layer-tips i.layui-layer-TipsT {
	transform: rotate(-90deg);
	bottom: -16px
}

body .layui-layer-tips i.layui-layer-TipsB {
	transform: rotate(90deg);
	top: -16px
}

body .layui-layer-tips i.layui-layer-TipsL {
	transform: rotate(90deg);
	right: -16px
}

body .layui-layer-tips i.layui-layer-TipsR {
	transform: rotate(-90deg);
	left: -16px
}

.cms-preview-wrap {
	display: flex;
}
.cms-preview-wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    align-items: center;
}

.cms-preview-wrap li {
	position: relative;
	margin-right: 10px;
}

.cms-preview-wrap a {
	display: block
}

.cms-preview-wrap .cms-preview-close {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline;
	width: auto;
	padding: 0;
	margin: 0
}

.cms-preview-wrap .cms-preview-close i {
	color: #4c78dd
}

.cms-preview-wrap img {
	height: 100px
}

.form-block .form-check-input:focus ~ .form-check-label {
	border-color: #65a30d !important;
	box-shadow: 0 0 0 0.25rem rgba(101, 163, 13, .25) !important
}