body { width:100%; height:100%; margin:0; padding:0; font-size:12px; }

button:disabled { color:#b0b0b0; }

input, select, textarea { color:#000080; z-index:3; }
img, input, select, textarea, button { outline:none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
select:disabled {
//清除自带箭头
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select {
    background-color: transparent;
}
select option {
    font-size: 14px;
}
textarea {resize:none}
.hidden { display:none; }
.middle { vertical-align:middle; }
.choice { background-color:#c0f8e0; }

.formOther { border:none; width:100%; height:100%; }

.flowLayout { display:block; }
.freeLayout { display:block; position:relative; }
.flexLayout { display:flex; flex-wrap:wrap; }
.freeLayout>* { position:absolute; }

.topBar, .leftBar, .rightBar, .bottomBar, .floatBar, .mainFrame, .formFrame { position:absolute; }

.photo { display:inline-block; position:relative; border:0px solid #b0b0b0; background-color:white; }
.photoBox { position:absolute; max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }

.annex { display:inline-block; display:flex; }
.annex input { width:calc(100% - 50px); height:100%; box-sizing:border-box; }
.annex button { width:48px; height:100%; margin-left:1px; box-sizing:border-box; }

.steper{ display:inline-block; }
.steperLine { height:100%; border:1px solid #c0c0c0; background-color:#ffffff; }
.steperLeft { height:100%; background-color:#00ff00; line-height:16px; text-align:right; }
.steperText { position:relative; font-size:12px; color:#000000; top:calc(50% - 8px); }

.slider { display:inline-block; position:relative; }
.sliderLine { position:relative; height:6px; width:calc(100% - 20px); top:calc(50% - 4px); left:9px; border-radius:4px;  background-color: #ffffff; border:1px solid #c0c0c0; }
.sliderLeft { height:100%; border-radius:4px 0 0 4px; background-color:#009688; }
.sliderMove { position:absolute; height:12px; width:12px; top:calc(50% - 8px); transform:translateX(-50%); border-radius:50%; border:2px solid #009688;  background-color:#ffffff; cursor:pointer; }
.sliderText { position:absolute; height:18px; right:0; top:calc(50% - 10px); border:1px solid #eeeeee; border-radius:3px; font-size:12px; background-color:#ffffff; text-align:center; }

.downIcon { background-repeat:no-repeat; display:block; margin:auto; }
.leftIcon { background-repeat:no-repeat; display:inline-block; vertical-align:middle; }

.radio, .check { display:inline-flex; flex-wrap:wrap; align-content:stretch; }
.checkItem, .radioItem { display:inline-block; align-self:center; cursor:default; }
.uncheckIcon { width:13px; height:13px; margin-right:3px; display:inline-block; background:url("Widget/RadioBox.png") no-repeat 0px; }
.docheckIcon { width:13px; height:13px; margin-right:3px; display:inline-block; background:url("Widget/RadioBox.png") no-repeat -13px; }
.unradioIcon { width:13px; height:13px; margin-right:3px; display:inline-block; background:url("Widget/RadioBox.png") no-repeat -26px; }
.doradioIcon { width:13px; height:13px; margin-right:3px; display:inline-block; background:url("Widget/RadioBox.png") no-repeat -39px; }
/*
.dlgCover { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); overflow:hidden; z-index:999; }
.dlgLayer { position:absolute; border:solid 1px #0080c0; background-color:#ffffff; box-sizing:border-box; z-index:1000; }
.dlgFrame { border:none; width:100%; box-sizing:border-box; }
.dlgTitle { width:100%; height:22px; background-image:url("Widget/dlgTitle.png"); user-select:none; }
.dlgTheme { float:left; height:18px; width:calc(100% - 42px); margin-top:2px; margin-left:6px; vertical-align:middle; font:bold 14px/18px; color:#ffffff; }
.dlgClose { float:right; width:26px; height:17px; margin-top:2px; margin-right:5px; line-height:18px; vertical-align:middle; background-image:url("Widget/dlgClose.png") }
.dlgClose:hover { background-image:url("Widget/dlgHover.png") }

.dlgCover { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index:998; }
.dlgLayer {top: 150px;left: 0;margin: 0;padding: 0;position: fixed;background-color: #fff;-webkit-background-clip: content;border-radius: 2px;box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);}
*/
.dlgCover { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); overflow:hidden; z-index:1000; }
.dlgLayer { position:absolute; background-color: #ffffff;-webkit-background-clip: content;border-radius: 5px;box-shadow: 1px 1px 50px rgb(0 0 0 / 30%); }
.dlgFrame { border:none; width:100%;height:calc(100% - 51px); }
.dlgOwner { position:relative; border:none;width:100%; overflow:auto; -webkit-overflow-scrolling:touch; background-color:#ffffff; }

.dlgTitle { padding: 0 20px 0 20px;height: 50px;line-height: 50px;border-bottom: 1px solid #F0F0F0;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 2px 2px 0 0; }
.dlgTheme { float:left; margin-left:6px; font-size:14px; color:#0e2d5f; }
.dlgButton{position: absolute;right: 15px;top: 17px;font-size: 0;line-height: initial;}
.dlgButton a{
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
}
.dlgClose { float:right;margin: 16px 0; width:16px; height:16px; background: url('Images/icon.png') no-repeat 12px 12px;background-position: -0px -40px; }
.dlgClose:hover, .dlgClose:active{ cursor: pointer; }

.dlgMax { float:right; width:16px; height:16px; background: url('Images/icon.png') no-repeat 12px 12px;background-position: -32px -40px; }
.dlgMax:hover, .dlgMax:active{ cursor: pointer; }

.dlgOwner { width:100%; overflow:auto; -webkit-overflow-scrolling:touch; background-color:#ffffff; }
.dlgFrame { border:solid 0px rgba(149,184,231,1); width:100%; }
iframe * {box-sizing: content-box !important;}

.dtbTitle { width:100%; margin-top:-5px;padding:0px; height:28px;line-height: 28px; background-image:linear-gradient(90deg,#1a1a7c,#1a1a7c);}
.dtbTheme { text-align: center;font-size:14px;font-weight:bold;font-family:微软雅黑; margin-left:6px; font-size:14px; color:#ffffff; }
.dtbClose { float:left; width:28px; height:28px; }

.tainer { display:flex; flex-direction:column; box-sizing:border-box; }
.folder { display:flex; flex-direction:column; box-sizing:border-box; }
.grider { display:flex; flex-direction:column; box-sizing:border-box; z-index:0; }
.layout { border-collapse:collapse; border:none; box-sizing:border-box;table-layout:fixed; z-index:0; }
.grader { display:flex; flex-direction:column; box-sizing:border-box; border:1px solid #0080c0; }

.template { display:none; }
.tainerBox { display:flex; flex-wrap:wrap; align-content:flex-start; overflow:auto; height:auto; flex-grow:1; }
.tainerItem { display:inline-block; }

.toolDocker { height:26px; width:100%; padding-top:3px; background-color:#ffffff; }
.toolInsert { height:23px; width:60px; background: #fafafa;border: 1px solid #c0c0c0;}
.toolAppend { height:23px; width:60px; background: #fafafa;border: 1px solid #c0c0c0;}
.toolModify { height:23px; width:60px; background: #fafafa;border: 1px solid #c0c0c0;}
.toolDelete { height:23px; width:60px; background: #fafafa;border: 1px solid #c0c0c0;}
.toolRemove { height:23px; width:60px; background: #fafafa;border: 1px solid #c0c0c0;}

.layout>tbody>tr>td { border:none; z-index:1; }
.layout>tbody>tr>td>* { box-sizing:border-box; }

.grider table { border-collapse:collapse; background-color:#ffffff; z-index:1; }
.grider tbody>tr>td { border:1px solid #eee; box-sizing:border-box; z-index:2; white-space:nowrap; text-overflow:ellipsis; }
.grider thead>tr>td { border:1px solid #eee; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:black !important; background-color:#e8e8e8; z-index:2; }

.grider tbody>tr:nth-child(even) { background-color:#fafafa; }
.grider tbody>tr.choice { background-color:#c0f8e0; }
.grider tbody>tr.summer { background-color:#e8ffe8; }
.grider tbody>tr.amount { background-color:#fff0f0; }
.grider .region { text-align:center; }

.griderHeader { width:100%; overflow:hidden; border:1px solid #eee !important; background-color:#f8f8f8; position:relative; box-sizing:border-box; }
.griderFooter { width:100%; overflow:hidden; border:1px solid #eee !important; margin-top:-1px; background-color:#f8f8f8; position:relative; box-sizing:border-box; }
.griderMatter { width:100%; overflow:auto; height:10px; border:1px solid #eee; margin-top:-1px; flex-grow:1; box-sizing:border-box; }

.griderHeader table { margin-top:-1px; margin-left:-1px; margin-bottom:-1px; table-layout:fixed; position:relative; user-select:none; }
.griderFooter table { margin-top:-1px; margin-left:-1px; margin-bottom:-1px; table-layout:fixed; position:relative; }
.griderMatter table { margin-top:-1px; margin-left:-1px; margin-bottom:-1px; table-layout:fixed; }

.headerOrder0 { width:13px; height:13px; margin-left:3px; margin-right:3px; display:inline-block; vertical-align:middle; background:url("Widget/OrderBox.png") no-repeat 0px; }
.headerOrder1 { width:13px; height:13px; margin-left:3px; margin-right:3px; display:inline-block; vertical-align:middle; background:url("Widget/OrderBox.png") no-repeat -13px; }
.headerOrder2 { width:13px; height:13px; margin-left:3px; margin-right:3px; display:inline-block; vertical-align:middle; background:url("Widget/OrderBox.png") no-repeat -26px; }

.griderEditor { width:100%; box-sizing:border-box; }

.fileFolder { overflow:auto; height:10px; flex-grow:1;border: 1px solid #e0e0e0; }
.iconFolder { display:flex; flex-wrap:wrap; align-content:flex-start; overflow:auto; height:10px; flex-grow:1; }
.folderItem { display:inline-block; padding:4px 8px; }
.folderItem .itemIcon { display:block; border:1px solid #f0f0f0; }
.folderItem .itemName { font-size:12px; height:30px; line-height:14px; text-align:center; word-break:break-all; }

.richEditor { height:calc(100% - 28px); width:calc(100% - 2px); outline:none; position:absolute; }

.treeBox { overflow:auto; height:10px; flex-grow:1; }
.nodeIcon { display:inline-block; background-repeat:no-repeat; vertical-align:middle; }
.nodeText { font-size:12px; border:none; background-color:transparent; color:#000000; margin-left:3px; text-decoration:none; }
.nodeFire { font-size:12px; border:1px solid #000000; background-color:#3399FF; color:#FFFFFF; margin-left:3px; text-decoration:none; }
.fileIcon { display:inline-block; width:16px; height:16px; background:url("Widget/FileBox.png") no-repeat 0px; vertical-align:middle; }

.nodeText:hover { color:#3366cc; text-decoration:underline; }
.nodeFire:hover { color:#FFFFFF; text-decoration:underline; }

.tabPage { display:none; border:1px solid #0080c0; border-top:none; weight:100%; height:calc(100% - 29px); }
.tabMenu { display:block; list-style:none; height:25px; margin:0px; padding:0px; border-bottom:1px solid #0080c0; color:black; }
.tabMenu li { display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 12px; margin:2px 3px 0 0; background-color:#c0e0e0; border:1px solid #0080c0; border-radius:3px 3px 0px 0px; }
.tabMenu li.active { height:23px; margin-top:1px; background-color:#e0f8f8; border:1px solid #0080c0; border-bottom:1px solid #e0f8f8; color:blue; }

.toastBox {
	position: fixed; top: 50%; left: 50%;
	max-width: 60%; min-width: 150px;
	min-height: 40px;
	padding:20px 14px;
	text-align: center;
	border-radius: 4px;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.7);
	color: rgb(255, 255, 255);
	font-size: 16px;
	z-index: 9999;
}


.alertBox {
	position:fixed;
	display:flex;
	overflow:hidden;
	flex-direction:column;
	top:50%;
	width:320px;
	max-height:90%;
	left:calc(50% - 160px);
	right:calc(50% - 160px);
	transform:translate(0, -50%);
	background-color:#fff;
	text-align:center;
	border-radius:12px;
	border:1px solid #c0c0c0;
	z-index:5000;
}

.alertBox .header {
	font-weight:700;
	font-size:17px;
	line-height:1.4;
	padding:16px 24px 24px;
}

.alertBox .matter {
	padding:0 24px;
	line-height:1.4;
	overflow-y:auto;
	font-size:14px;
	margin-bottom:32px;
	word-wrap:break-word;
	color:rgba(0,0,0,0.5);
}

.alertBox .footer {
	line-height:56px;
	min-height:56px;
	font-size:17px;
	display:flex;
}

.alertBox button {
	display:block;
	border:none;
	color:#576b95;
	background:transparent;
	font-size:17px;
	font-weight:700;
	flex:1;
}


@font-face {
	font-family: "iconfont";
	src:url('Iconfont/iconfont.eot?t=15');
	src:url('Iconfont/iconfont.eot?t=15#iefix') format('embedded-opentype'), 
	url('Iconfont/iconfont.woff?t=15') format('woff'), 
	url('Iconfont/iconfont.ttf?t=15') format('truetype'), 
	url('Iconfont/iconfont.svg?t=15#iconfont') format('svg');
}

.iconfont {
	display:block;
	border:none;
	margin:0;
	padding:0;
	color:#ffffff;
	background-color:transparent;
	font-family:"iconfont" !important;
	font-size:24px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.iconfont-gray {
	display:block;
	border:none;
	margin:0;
	padding:0;
	color:#0000ff;
	background-color:transparent;
	font-family:"iconfont" !important;
	font-size:24px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}