* {
	box-sizing: border-box;

}

*{
	font-family: "Microsoft YaHei";
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea {
	margin: 0;
	padding: 0;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-size: 100%;
	font-weight: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	border: none;
	display: inline-block;
}

fieldset,
img {
	border: 0;
}

a {
	text-decoration: none;
	color: #777;
	background: none
}

ul,
ol {
	list-style: none;
}

:focus {
	outline: none;
}

.clearfix {
	clear: both;
	content: "";
	display: block;
	overflow: hidden
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}

body{
	font-size: 12px;
}

table {
	margin-bottom: 0 !important;
}

.fill{
	width: 100%;
	height: 100%;
	overflow: auto;
}

.dzrPageHeader {
	position: absolute;
	z-index: 20;
	top:0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.dzrTopMenu {
	position: absolute;
	z-index: 20;
	top:0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 45px;
}

.dzrPageFrame {
	position: relative;
	width: 100%;
	height: 100%;
	/*background-color: #FFFFFF;*/
	overflow: hidden;
}

.dzrPageFrame.hasHeader{
	padding-top: 50px;
}

.dzrPageFrame.hasTopMenu{
	padding-top: 45px;
}

.dzrPageFrame.hasLeftBar{
	padding-left: 270px;
}

.dzrPageFrame.hasFooter{
	padding-bottom: 55px;
}

.dzrPageContent {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
}

.dzrPageBoxShadow{
	border-radius: 4px;
	/*border: solid 1px #eee;*/
	box-shadow: 3px 5px 3px 0 rgba(0,0,0,0.2);
}

.dzrPageContent>iframe {
	border: none 0;
	width: 100%;
	height: 100%;
}

.hasTable{
	padding-left: 20px;
	padding-right: 20px;
}

.autoScroll{
	overflow: auto;
	}

.noScroll{
	overflow: hidden;
}

.dzrPageFooter{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55px;
	background-color: lightblue;
}

.dzrToolBar{
	position: relative;
	box-sizing: border-box;
	padding: 10px 0;
	/*background: #fcfcfc;*/
}

.dzrBottomLine{
	/*border-bottom: solid 1px #f0f0f0;*/
}

.dzrToolBar:before, .dzrToolBar:after{
	content: "";
	clear: both;
	display: block;
}

.dzrLeftBar {
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
	height: 100%;
	padding: 20px 20px 20px 20px;


	/*margin: 10px;*/
	/*padding: 10px;*/
}

.dzrPageHeader+.dzrLeftBar{
	padding-top: 50px;
}

.rotate180{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

.dzrTopMenu+.dzrLeftBar{
	padding-top: 45px;
}

.dzrLeftBar+.dzrPageFooter,.dzrLeftBar+.dzrPageContent+.dzrPageFooter{
	padding-left: 210px;
}

.dzrLeftBarContent {
	box-sizing: border-box;
	width: 230px;
	height: 100%;
	background-color: #FFFFFF;
	border-right: solid 1px #DDD;
	overflow: hidden;
}

.dzrPageBorder{
	/*background: #ffffff;*/
	background: #f4f4f4;
	height: 100%;
	padding: 20px 20px 20px 20px;
}

.dzrLeftBarSwitch {
	position: absolute;
	display: none;
	z-index: 10;
	margin-top: 12px;
	/*top:50%;*/
	right: -25px;
	width: 25px;
	height: 30px;
	background-color: #CCC;
	opacity: 0.6;
	border-radius: 0 2px 2px 0;
	background-image: url("../../img/dzr/tri_right_16.html");
	background-repeat: no-repeat;
	background-position: 4px 9px;
	cursor: pointer;
}

.dzrLeftBarSwitch:hover {
	opacity: 1;
	/*width: 28px;
	right: -28px;
	background-position: 7px 9px;*/
}

.dzrLeftBarSwitch:active {
	background-position: 5px 10px;
}

@media only screen and (max-width: 191px) {
	.dzrPageFrame.hasLeftBar{
		padding-left: 0;
	}

	.dzrLeftBar+.dzrPageFooter,.dzrLeftBar+.dzrPageContent+.dzrPageFooter{
		padding-left: 0;
	}

	.dzrLeftBarContent {
		width: 0;
		border-right: solid 1px #DDDDDD;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
		transform: translate(0, 0);
		transition: width .15s linear 0s, padding 0s linear .15s, border-width 0s linear .15s;
	}

	.dzrLeftBar.open>.dzrLeftBarContent {
		width: 190px;
	}

	.dzrLeftBar.open>.dzrLeftBarSwitch {
		background-image: url("../../img/dzr/tri_left_16.html");
		opacity: 0.8;
	}

	.dzrLeftBar.open>.dzrLeftBarSwitch:hover {
		opacity: 1;
	}

	.dzrLeftBarSwitch {
		display: block;
	}
}

.dzrTable {
	margin: 10px 0;
	padding: 0;
	position: relative;
	width: 100%;
	/*height: 100%;*/
	overflow: visible;
	border-top: none;
	/*padding-top:40px;*/
}

.dzrTableHead {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	background-color: white;
	z-index: 10;
	top: 0;
	display: none;
}

.dzrTableBody {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 100%;*/
	overflow: visible;
}

.dzrDockFill {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: white;
	display: none;
	/*border: solid 1px black;*/
}

.dzrDockFill.display {
	display: block;
}

.dzrBtnNormal{
	position: relative;
	cursor:pointer;
	height: 32px;
	line-height: 28px;
	background-color: #FFFFFF;
	border:solid 1px #DDDDDD;
	border-radius: 4px;
	padding: 0 10px;
	outline: none;
}

.dzrBtnNormal:hover{
	background-color: #EEEEEE;
}

.dzrBtnNormal:active{
	top: 1px;
}

.dzrBtnConfirm{
	position: relative;
	cursor:pointer;
	height: 32px;
	line-height: 28px;
	background-color: #1fcad6;
	border:solid 1px #1fcad6;
	border-radius: 4px;
	padding: 0 10px;
	color: #FFFFFF;
	outline: none;
}

.dzrBtnConfirm:hover{
	background-color: #08b1bb;
}

.dzrBtnConfirm:active{
	top: 1px;
}

.dzrBtnCancel{
	position: relative;
	cursor:pointer;
	height: 32px;
	line-height: 28px;
	background-color: #FFFFFF;
	border:solid 1px #1fcad6;
	border-radius: 4px;
	padding: 0 10px;
	color: #1fcad6;
	outline: none;
}

.dzrBtnCancel:hover{
	background-color: #d4f5f7;
}

.dzrBtnCancel:active{
	top: 1px;
}

.dzrBtnDel{
	position: relative;
	cursor:pointer;
	height: 32px;
	line-height: 28px;
	background-color: #FFFFFF;
	border:solid 1px #ff6c86;
	border-radius: 4px;
	padding: 0 10px;
	color: #ff6c86;
	outline: none;
}

.dzrBtnDel:hover{
	background-color: #ffecf6;
}

.dzrBtnDel:active{
	top: 1px;
}

label.not-null::before {
	content: "*";
	color: indianred;
	margin-right: 5px;
}

.MarginLR{
	padding-left: 20px;
	padding-right: 20px;
}

[v-cloak] {
    display: none!important;
}