@charset "utf-8";
/* CSS Document */

html {
	font-size: 0.85rem;
	font-family: 微软雅黑;
}

/*表单元素不会继承父类元素样式*/
input,
textarea,
button,
select,
label,
a {
	font-size: inherit;
	font-font-family: inherit;
}


html,
body {
	width: 100%;
	/* min-height: 100%; */
	background-color: #FFF;
	color: #000;
}

*,
*::before,
*::after {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


img,
fieldset {
	width: 100%;
	border: none;
}

/*-moz-*/
abbr,
acronym {
	border: 0;
	font-variant: normal;
}

ul,
ol,
li {
	list-style: none;
}

a,
a:link,
a:visited,
a:link,
a:active {
	color: inherit;
	text-decoration: none;
}

table {
	width: 100%;
}

table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0px;
}

[tag="1"].ui_fullscreen,
.ui_fullscreen {
	width: 100vw;
	height: 100vh;
	min-width: 100vw;
	min-height: 100vh;
}

/*清除浮动*/
.clear_fix::after {
	content: "";
	height: 0px;
	font-size: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}

.clear_fix {
	*zoom: 1;
}

/*多标签时，为使标签文字左右对齐使用*/
i.gap_05em {
	width: 0.5em;
	display: inline-block;
}

i.gap_1em {
	width: 1em;
	display: inline-block;
}

i.gap_2em {
	width: 2em;
	display: inline-block;
}

.hidden,
.hidden.ui_flex_wrapper {
	display: none;
}

.scroll_y {
	overflow-y: auto;
	/* background: rgb(245,245,255); */
}

/* .scroll_y>div {
	background: rgb(255,255,255);
} */
/*---图标按钮 begin---*/
.icon_plus2 {
	/*"+"号*/
	background: url(addimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
	position: relative;
}

.icon_plus3 {
	/*"+"号*/
	background: url(addimg2.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
	position: relative;
}


.icon_plus {
	/*"+"号*/
	/* 	background: url(addimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px; */
	position: relative;
}

.icon_plus::before {
	content: "";
	width: 7em;
	height: 35px;
	line-height: 30px;
	border: 1px solid #c7ccd0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(79, 119, 170);
}

.icon_plus::after {
	content: "新增";
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.icon_remove {
	/*关闭*/
	background: url(closeimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
}

.icon_left_a {
	position: relative;
}

.icon_left_a::before {
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #c7ccd0;
	border-left: 2px solid #c7ccd0;
	position: absolute;
	top: 50%;
	color: #c7ccd0;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.icon_check {
	/*"√"号*/
	/* 	background: url(postimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px; */
	position: relative;
}

.icon_check::before {
	content: "";
	width: 7em;
	height: 35px;
	line-height: 30px;
	border: 1px solid #c7ccd0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(79, 119, 170);
}

.icon_check::after {
	content: "确定";
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.icon_edit {
	/*修改*/
	/* 	background: url(editimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px; */
	position: relative;
}


.icon_edit::before {
	content: "";
	width: 7em;
	height: 35px;
	line-height: 30px;
	border: 1px solid #c7ccd0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(79, 119, 170);
}

.icon_edit::after {
	content: "修改";
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.icon_delete {
	/*删除*/
	background: url(delete.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
}

.icon_query {
	/*查询*/
	background: url(queryimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
}

.icon_query2 {
	width: 2.5rem;
	vertical-align: middle;
	background: url(queryimg2.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
	background-position-x: 0.55rem;
	z-index: 100;
}

.icon_menu {
	/*菜单*/
	background: url(threepoint.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
}

.icon_emp {
	/*员工*/
	background: url(icon_emp.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px;
}

/*---图标按钮 end---*/
/*---菜单样式 begin---*/
[tag="1"].ui_menu {
	background-color: rgb(79, 119, 171);
	color: rgb(255, 255, 255);
	text-align: center;
	/*圆角*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*定位小图标*/
	position: absolute !important;
	z-index: 100000;
}

[tag="1"].ui_menu .ui_menu_inner {
	/*增加 这一层，是为了限制菜单高度*/
	min-width: 5em;
	max-height: 225px;
	/*最多显示5项*/
	overflow-y: auto;
	/*需要滚动条*/
	z-index: 100000;
}

[tag="1"].ui_menu .menu_item {
	/*菜单项*/
	width: 100%;
	min-width: 100px;
	height: 45px;
	padding: 0px 15px;
	line-height: 44px;
	border-top: 1px solid rgb(166, 174, 185);
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 100000;
	cursor: pointer;
}

[tag="1"].ui_menu.align_left .menu_item {
	text-align: left;
}

[tag="1"].ui_menu .menu_item.active_item::before {
	/*√小图标*/
	content: "";
	width: 16px;
	height: 8px;
	/*左边框和下边框画小图标*/
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	position: absolute;
	z-index: 1000;
	/*比 ui_menu::after要小*/
	top: 50%;
	left: 8px;
	/*旋转45°*/
	-webkit-transform: translateY(-70%) rotate(-45deg);
	-moz-transform: translateY(-70%) rotate(-45deg);
	-ms-transform: translateY(-70%) rotate(-45deg);
	-o-transform: translateY(-70%) rotate(-45deg);
	transform: translateY(-70%) rotate(-45deg);
}

[tag="1"].ui_menu::after {
	/*增加after是为了遮挡菜单项的border-top*/
	content: "";
	width: 100%;
	height: 4px;
	background-color: rgb(79, 119, 171);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	position: absolute;
	z-index: 1001;
	top: -1px;
	/*向上偏移1px*/
	left: 0px;
}

[tag="1"].ui_menu.ui_icon::before {
	/*::before 定位小图标*/
	content: "";
	width: 0px;
	height: 0px;
	/*border画小图标*/
	border-style: solid;
	position: absolute;
}

[tag="1"].ui_menu.ui_icon.icon_c_b::before {
	/*中 下*/
	content: "";
	border-color: rgb(79, 119, 171) transparent transparent transparent;
	border-width: 8px 5px 0px 5px;
	bottom: -8px;
	left: 50%;
	/*水平居中*/
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

[tag="1"].ui_menu.ui_icon.icon_l_b::before {
	/*左 下*/
	content: "";
	border-color: rgb(79, 119, 171) transparent transparent transparent;
	border-width: 8px 5px 0px 5px;
	top: 100%;
	left: 25px;
}

[tag="1"].ui_menu.ui_icon.icon_r_b::before {
	/*右 下*/
	content: "";
	border-color: rgb(79, 119, 171) transparent transparent transparent;
	border-width: 8px 5px 0px 5px;
	top: 100%;
	right: 25px;
}

[tag="1"].ui_menu.ui_icon.icon_c_t::before {
	/*中 上*/
	content: "";
	border-color: transparent transparent rgb(79, 119, 171) transparent;
	border-width: 0px 5px 8px 5px;
	bottom: 100%;
	left: 50%;
	/*水平居中*/
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

[tag="1"].ui_menu.ui_icon.icon_r_t::before {
	/*右 上*/
	content: "";
	border-color: transparent transparent rgb(79, 119, 171) transparent;
	border-width: 0px 5px 8px 5px;
	right: 25px;
	bottom: 100%;
}

[tag="1"].ui_menu.ui_icon.icon_l_t::before {
	/*左 上*/
	content: "";
	border-color: transparent transparent rgb(79, 119, 171) transparent;
	border-width: 0px 5px 8px 5px;
	bottom: 100%;
	left: 25px;
}

/*---菜单样式 end---*/
/*---flex 布局 begin---*/
.ui_flex_wrapper {
	/*设置为flex布局之后，子元素的float、clear、vertical-align属性失效*/
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}

.ui_flex_wrapper.ui_flex_h {
	/*横向布局*/
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.ui_flex_wrapper.ui_flex_v {
	/*竖向*/
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.ui_flex_wrapper.ui_flex_lines {
	-webkit-box-lines: multiple !important;
	-moz-box-lines: multiple !important;
	box-lines: multiple !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.ui_flex_wrapper.ui_flex_align_c {
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.ui_flex_wrapper.ui_flex_align_e {
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.ui_flex_wrapper>.ui_flex_wide {
	/*占据多余的空间*/
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ui_flex_wrapper>.ui_header {
	width: 100%;
	height: 55px;
	background-color: rgb(255, 255, 255);
	color: rgb(102, 102, 102);
	line-height: 55px;
	text-align: center;
	position: relative;
	/* padding-bottom:10px; */
}

.ui_flex_wrapper>.ui_headerNull {
	width: 100%;
	height: 30px;
	background-color: rgb(255, 255, 255);
	color: rgb(250, 250, 250);
	line-height: 45px;
	text-align: center;
	position: relative;
}

.ui_flex_wrapper>.ui_footer {
	width: 100%;
	height: 45px;
	background-color: rgb(255, 255, 255);
	color: rgb(102, 102, 102);
	line-height: 45px;
	text-align: center;
	position: relative;
}

.ui_flex_wrapper>.ui_headerNull::after,
.ui_flex_wrapper>.ui_header::after,
.ui_flex_wrapper>.ui_footer::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	/* #CCC; */
	position: absolute;
	z-index: 105;
	right: 0px;
	bottom: -1px;
	left: 0px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.3);
	-moz-transform: scaleY(0.3);
	transform: scaleY(0.3);
}

.ui_flex_wrapper>.ui_footer::after {
	content: "";
	top: 0px;
	bottom: auto;
}

.ui_flex_wrapper>.ui_header {
	color: rgb(79, 119, 170);
	/* #00aaff; */
	font-weight: bold;
	font-size: 18px;
}

.ui_flex_wrapper>.ui_header.hasIcon {
	/*返回按钮在顶部左侧*/
	text-align: left;
	padding-left: 30px;
}

.ui_flex_wrapper>.ui_footer {
	font-size: 16px;
}

.ui_footer.field_2>* {
	width: 50%;
}

.ui_footer.field_3>* {
	width: 33.3%;
}

.ui_footer.field_4>* {
	width: 25%;
}

/*---flex 布局 end---*/

.ui_header>*.icon_back {
	width: 30px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
}

.ui_header *.icon_back::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 2px solid rgb(150, 150, 150);
	border-left: 2px solid rgb(150, 150, 150);
	position: absolute;
	top: 50%;
	left: 60%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.ui_footer *.icon_back {
	position: relative;
}

.ui_footer *.icon_back::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 2px solid rgb(150, 150, 150);
	border-left: 2px solid rgb(150, 150, 150);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

/*--- 字体样式 begin---*/
[data-font~="c_000"] {
	color: #000 !important;
}

[data-font~="c_333"] {
	color: #333 !important;
}

[data-font~="c_666"] {
	color: #666 !important;
}

[data-font~="c_999"] {
	color: #999 !important;
}

[data-font~="c_ccc"] {
	color: #CCC !important;
}

/*--- 字体样式 end---*/

.border_05px,
.b_05px>* {
	/*制作0.5px的边框*/
	/*下边框*/
	/*使用该样式时***注意***伪元素before的冲突*/
	position: relative;
}

.border_05px::before,
.b_05px>*::before {
	/*使用该*/
	content: "";
	width: 100%;
	height: 1px;
	background-color: #CCC;
	position: absolute;
	z-index: 101;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.b_05px.b_last>*:last-child::before {
	content: "";
	height: 0px;
	background-color: transparent;
}

.border_05px_box {
	/*用阴影画0.5px的边框*/
	-webkit-box-shadow: 0px 0px 0.5px 0px #000;
	-moz-box-shadow: 0px 0px 0.5px 0px #000;
	box-shadow: 0px 0px 0.5px 0px #000;
}

.layer {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	z-index: 1006;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/*---提示窗样式 begin---*/
.layer.tips_layer {
	padding: 0 1.5rem;
}

.tips_layer .tips_b {
	width: 100%;
	background-color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tips_layer .tips_b .tips_t_b {
	padding: 2rem 2rem;
	text-align: center;
}

.tips_layer .tips_b .tips_f {
	width: 100%;
	position: relative;
	height: 2.8rem;
}

.tips_layer .tips_b .tips_f::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #DDD;
	position: absolute;
	z-index: 1007;
	top: 0px;
	right: 0px;
	left: 0px;
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.tips_layer .tips_b .tips_f>* {
	padding: 0.7rem 1rem;
	color: #000;
	text-align: center;
	color: #FFF;
	width: 6rem;
	top: 0.2rem;
}

.tips_layer .tips_b .tips_f.tips_m>* {
	width: 33%;
	display: inline-block;
	position: relative;
}

.tips_layer .tips_b .tips_f.tips_m>*:nth-child(2)::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #DDD;
	position: absolute;
	z-index: 1007;
	top: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.tips_layer .tips_b .tips_f>*:last-child {
	color: #FFF;
	width: 6rem;
}

.tips_layer_btn1 {
	position: relative;
	display: inline-block;
	padding: 0.1rem 1rem;
	font-size: 14px;
	line-height: 0.8;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	color: #fff;
	background-color: rgb(200, 200, 200);
	border: 1px solid rgb(200, 200, 200);
	border-radius: 5px;
	align-items: center;
	left: 10%;
}

.tips_layer_btn2 {
	position: relative;
	display: inline-block;
	padding: 0.1rem 1rem;
	font-size: 14px;
	line-height: 0.8;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	color: #fff;
	background-color: rgb(79, 119, 170);
	border: 1px solid rgb(79, 119, 170);
	border-radius: 5px;
	align-items: center;
	left: 23%;
}

.tips_layer_btn3 {
	position: relative;
	display: inline-block;
	padding: 0.1rem 1rem;
	font-size: 14px;
	line-height: 0.8;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	color: #fff;
	background-color: rgb(79, 119, 170);
	border: 1px solid rgb(79, 119, 170);
	border-radius: 5px;
	align-items: center;
	left: 33%;
}

/*---提示窗样式 end---*/

/*不显示滚动条样式*/
*::-webkit-scrollbar {
	/* -webkit-appearance: none;
	appearance: none;
	display: none; */
}

/*去掉表单type=number小尾巴*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0px;
}

/*---包装input[type="date"]控件---*/
input[type="time"].ui_input_date::-webkit-inner-spin-button,
input[type="time"].ui_input_date::-webkit-clear-button,
input[type="date"].ui_input_date::-webkit-inner-spin-button,
input[type="date"].ui_input_date::-webkit-clear-button,
input[type="week"].ui_input_date::-webkit-inner-spin-button,
input[type="week"].ui_input_date::-webkit-clear-button,
input[type="month"].ui_input_date::-webkit-inner-spin-button,
input[type="month"].ui_input_date::-webkit-clear-button {
	-webkit-appearance: none;
	appearance: none;
	dispaly: none;
}

input[type="time"].ui_input_date::-webkit-calendar-picker-indicator,
input[type="date"].ui_input_date::-webkit-calendar-picker-indicator,
input[type="week"].ui_input_date::-webkit-calendar-picker-indicator,
input[type="month"].ui_input_date::-webkit-calendar-picker-indicator {
	background-color: transparent;
	color: rgba(128, 128, 128, 0);
}

input[type="time"].ui_input_date,
input[type="date"].ui_input_date,
input[type="week"].ui_input_date,
input[type="month"].ui_input_date {
	text-align: left;
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	border-left: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

/*---自定义复选框 begin---*/
/*
* 使用说明:
* 		1、增加tag="1"属性； 
*		2、在复选框元素后添加<label>标签，<label>标签for属性为该复选框ID。
* 		如：<div><input type="checkbox" tag="1" id="cb"  /><label for="cb"></label></div>
*/
input[type="checkbox"][tag="1"] {
	width: 0px;
	height: 0px;
	display: none;
	-webkit-appearance: none;
	appearance: none;
}

input[type="checkbox"][tag="1"]+label {
	/*绘画勾选框*/
	width: 16px;
	height: 16px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #888;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/**/
	display: inline-block;
	/*定位√*/
	position: relative;
}

input[type="checkbox"][tag="1"]:checked+label {
	border-color: #C00;
}

input[type="checkbox"][tag="1"]:checked+label::before {
	/*绘制√*/
	content: "";
	/*√大小*/
	width: 10px;
	height: 5px;
	border-bottom: 1px solid #C00;
	border-left: 1px solid #C00;
	display: block;
	position: absolute;
	/*位置*/
	top: 3px;
	left: 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="checkbox"][tag="1"]:disabled+label {
	/*不可用*/
	border: 1px solid #CCC;
	background-color: #F5F5F5;
}

input[type="checkbox"][tag="1"]:disabled+label::before {
	border-color: #CCC;
}

/*---自定义复选框 end---*/

@media screen and (min-width: 800px) {
	html,
	body {
		/* width: 400px; */
		height: 100%;
		position: relative;
		left: 50%;
		top: 0rem;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #DDDDDD;
	}

	body {
		background-color: #FFFFFF;
	}

	html {
		background-color: #DDDDDD;
	}

	[tag="1"].ui_fullscreen,
	.ui_fullscreen {
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 100%;
	}
}

.field_3Ex {
	display: flex;
}

.field_3Ex>div:nth-child(1) {
	width: 20%;
}

.field_3Ex>div:nth-child(2) {
	width: 60%;
}

.field_3Ex>div:nth-child(3) {
	width: 20%;
}

/* .field_3Ex > * {
    width: 33.3%;
} */

/* 保存按钮 */
.icon_save {
	/*"√"号*/
	/* 	background: url(postimg.png) no-repeat 50% 50% transparent;
	background-size: 16px 16px; */
	position: relative;
}

.icon_save::before {
	content: "";
	width: 7em;
	height: 35px;
	line-height: 30px;
	border: 1px solid #c7ccd0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(79, 119, 170);
}

.icon_save::after {
	content: "保存";
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 封锁样式 */
.disable {
	pointer-events: none;
}

/* 带括号标题处理 */
.smallTitle {
	font-size: 80%;
	color: rgb(101, 141, 181);
}



.ui_flex_v {
	/*竖向*/
	display: flex;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
}


.ui_flex_h {
	/*横向布局*/
	display: flex;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.ui_flex_wide {
	/*占据多余的空间*/
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}



.box {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	margin-right: 0.3rem;
	/* margin-left: 0.3rem; */
	padding-left: 0.2rem;
	border: 1px solid #DDD;
}

.arrow {}

.arrow::after {
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	right: 1rem;
}

.arrow2 {}

.arrow2::after {
	content: "";
	width: 9px;
	height: 9px;
	border: 1px solid #ABF;

	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	display: block;
	position: absolute;
	top: 50%;
	left: 0.5rem;
}

.rradio {
	display: none;
}

.rradio+label {
	position: relative;
	padding-left: 1.1rem;
	padding-right: 0.5rem;
}

.rradio:checked+label:after {
	content: ' ';
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 0.7rem;
	position: absolute;
	top: 0.35rem;
	background: #4749ff;
	box-shadow: 0px 0px 5px 0px #888888;
	left: 0rem;
}

.rradio+label:after {
	content: ' ';
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 0.7rem;
	position: absolute;
	top: 0.35rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px #888888;
	left: 0rem;
}

._hidden {
	height: 100%;
	overflow: hidden;
}

.abs {
	padding: 0px;
	background-color: rgba(0, 0, 0, 1);
	position: fixed;
	z-index: 1000;
	top: 0em;
	right: 0em;
	bottom: 0em;
	left: 0em;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


element.style {}

.abs .img-wrap {
	padding: 0.5em;
	background-color: #FFF;
	line-height: 0px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tree li a {
	color: #555;
	padding: 10px 7px 10px 27px;
	padding-left: 0.5em;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #EAEAEA;
	font-size: 15px;
}