/*全局基础样式*/
html, body { padding: 0; margin: 0; }
html { height: 100%; }
body { display: flex; flex-direction: column; height: 100%; background-color: #fff; color: #333; }
body, input, select, textarea, button { font: 14px 微软雅黑; }
/*公共css */
.hide {display:none; }
form { margin: 0; }
img { border: 0; }
textarea { resize: none; }
* { outline: 0; box-sizing: border-box; }
fieldset { border: 1px solid #ddd; }
::-ms-clear { display: none; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.overflowauto { overflow: auto !important; }
.overhidden { overflow: hidden; }
.ovisilbe { overflow: visible !important; }
.clear { clear: both; }
.clear.FloatLeft { float: none; }
.clearnone { clear: none; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #f24f00; text-decoration: underline; }
a.LabelLink:link { color: #000; text-decoration: none; }
a.LabelLink:visited { color: #000; text-decoration: none; }
a.LabelLink:hover { color: #f24f00; text-decoration: none; }
table { border-spacing: 0; }
ol, ul { margin: 0; }
h1 { font-size: 20pt; line-height: 24pt; }
h2 { font-size: 16pt; line-height: 20pt; }
*[disabled=true], .disabled { color: #a0a0a0; cursor: text; }
input[type=radio], input[type=checkbox], .MenuRoot, .Button, .MenuItem, .FormCaptionButton, .RowNoConfigIcon { cursor: pointer; }
.Label.ellipsis, .ellipsis, .FlowPanel .FlowLabel, .TreeView.NoWrapEllipsis .TextBlock { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-break: keep-all; }

/*iconfont*/
.RowNoConfigIcon, [class^="aicon-"]:before, [class*=" aicon-"]:before,
[class^="aicon-"]:after, [class*=" aicon-"]:after { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; text-decoration: inherit; width: auto; height: auto; line-height: inherit; speak: none; }
a [class^="aicon-"], a [class*=" aicon-"] { display: inline-block; }
.ErrMeesge { font-size: 13px; color: #ff0000; }
[class^="ts-"]:before, [class*=" ts-"]:before,[class^="ts-"]:after, [class*=" ts-"]:after { font-family: "ttgraspfont" !important;font-size: 20px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

/*----部分全局控件的样式-----------*/
.EditDelButton { position: absolute; display: none; cursor: pointer; width: 16px; height: 20px; line-height: 20px; background-color: #fff; }
.EditDelButton:hover { color: #ff0000; }
.CheckBoxListItemContainer { border-top: 1px solid #efefef; }
.BackTopShape { position: fixed; display: none; bottom: 10px; color: #888; cursor: pointer; right: 5px; background-color: rgba(0,0,0,0.2); border: 1px solid #eee; padding: 10px; }
.BackTopShape:before { content: '\e600'; font-size: 20px; }
.BackTopShape:hover { color: #333; }
.Button.Label { margin-top: 0; }
.BreakWord { word-wrap: break-word !important; word-break: break-all !important; white-space: pre-wrap !important; height: auto !important; }

.LayoutGroupBorder .LayoutFirstItemNoLabel { width: 3px; }
.LayoutItemControlVSpace .LayoutFirstItemNoLabel { width: 0; }
.Label { margin-top: 3px; word-wrap: break-word; word-break: break-all; white-space: pre-wrap }
.Babel { margin-top: 0; line-height: 28px; height: 28px; display: inline-block; }
.TextLabel { width: 118px; height: 24px; border-width: 0; padding: 1px; text-indent: 3px; background-color: #f6f6f6; }
.HSpacer { width: 10px; font-size: 1px; line-height: 1px; padding: 0; margin: 0; overflow: hidden; display: inline-block; }
.VSpacer { height: 5px; overflow: hidden; padding: 0; margin: 0; }
.IFrame { border: none; }

.NormalBorder { border: 1px solid #ccc; }
.Border { border: 1px solid #ccc; box-shadow: 0 0 10px #bbb; background-color: #fff; border-radius: 6px; }
.NoneBorder { border: none !important; box-shadow: none !important; }
.Panel { border-color: #ccc; box-shadow: 1px 2px 2px #eee; }
.SDIPanel { border-top: 1px solid #ccc; box-shadow: 1px 2px 2px #fff; padding: 5px; }
.ToolTip { border: 1px solid #eee; box-shadow: 1px 2px 2px #fff; background-color: #f2fdff; padding: 5px; }
.hidden { visibility: hidden; }
.NodeEditPopup { padding: 10px; }
.NodeEditPopup .Edit { display: block; margin-bottom: 10px; margin-top: 5px; width: 200px; }
.NodeEditPopup .Button { display: block; }

.trTop { -webkit-transition: top .3s ease-in-out; -moz-transition: top .3s ease-in-out; transition: top .3s ease-in-out; }
._editor_bin { position: fixed; bottom: 10px; right: 10px; width: 1px; height: 20px; font-size: 1px; line-height: 1px; overflow: hidden; padding: 0; margin: 0; opacity: 0; -webkit-user-select: text; }
.AlignCenter { text-align: center; margin: auto; }
.AlignCenter table { margin: auto; }
.ConfigButtonsBlock { margin-left: 10px; }
.ConfigButtonsBlock .Button { min-width: 85px; display: block; margin-bottom: 10px; padding: 0; display: block; }
.ConfigButtonsBlock .ConfigCloseButton { margin-top: 38px; }
.MustCharLeft:before { content: '*'; color: #e43a1c; vertical-align: middle; padding-right: 3px; line-height: normal; text-decoration: none; }
.MustCharRight:after { content: '*'; color: #e43a1c; vertical-align: middle; padding-left: 3px; line-height: normal; text-decoration: none; }
.TextTips, .ToolTip { display: inline-block; }
.IMSpacer { padding: 0 2px; }
.SetupInstall p { margin: 10px 0; }
.SetupInstall li { list-style-type: square; margin: 0; padding: 0; line-height: 24px; list-style-position: inside; }
.jsErrorTitle { color: #ff0000; line-height: 30px; display: block; font-size: 16px; }
.jsErrorTips { display: block; line-height: 26px; margin-bottom: 10px; }

.LinkLabel { color: #0000ff; cursor: pointer; }
.TextTips { border: 1px solid #333; background-color: #555; padding: 0 10px; line-height: 30px; box-shadow: 0 0 6px #aaa; color: #eee; border-radius: 8px; word-wrap: break-word; word-break: break-all; min-width: 10px; max-width: 80%; width: auto !important; }
.Title { font-size: 14px; font-weight: 300; display: inline-block; }
.TitleToolTip { border: 1px solid #333; background-color: #444; padding: 6px; box-shadow: 0 0 5px #000; color: #fff; word-break: break-all; max-width: 800px; display: inline-block; }
#GlobalToolTip { border: 1px solid #000; background: #333; z-index: 9999999; line-height: 30px; text-align: center; padding: 0px 15px; color: #fff; border-radius: 7px; box-shadow: 0 0 7px #ccc; position: absolute; left: 43%; top: 43%; display: none; opacity: 0.9; }
.VTop { vertical-align: top; }
.DisabledOverlay { background-color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.InlineBlock { display: inline-block; }
.RadiusButton { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.Shadow { box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; }
.pageHelp { width: 24px; height: 24px; margin-left: 0; margin-right: 5px; }
.pageHelp:before { content: '\e603'; }
.controlHelp { width: 10px; height: 10px; margin-left: 2px; margin-right: 4px; display: inline-block; vertical-align: bottom; }
.controlHelp:before { content: '\e851'; }
.helpPopup { position: absolute; margin: 0; overflow: hidden; z-index: 1000; border: 1px solid #bbb; box-shadow: 0 0 7px #aaa; background-color: #ffefbb; }
.helpPopup iframe { margin-left: 4px; }
.helpPopupResizer { border-right: 2px solid #555; border-bottom: 2px solid #555; cursor: se-resize; width: 8px; height: 8px; display: block; position: absolute; right: 0; bottom: 0; }
.helpMask { position: absolute; z-index: 1010; left: 0; top: 0; }
.helpShadowDiv { background-color: #dedede; z-index: 999; position: absolute; }
.PanelConfigPage .Grid { margin: 5px 5px 5px 10px; }
.LayoutGroupContainer .Button { height: 20px; margin-bottom: 4px; line-height: 20px; }
.StatusBar { border-top: 1px solid #eee; height: 22px; line-height: 22px; }
.StatusBarHandle { width: 10px; float: left; height: 10px; }
.HtmlEditorBody { border: 1px solid #b7b7b7; box-shadow: 1px 2px 2px #fff; }
.HtmlEditorHtml { border: 1px solid #b7b7b7; box-shadow: 1px 2px 2px #fff; padding: 5px; }
.HtmlEditorFacePopup map { position: absolute; display: block; width: 275px; height: 114px; left: 0; top: 0; }
.HtmlEditorFacePopup area { display: block; width: 27px; height: 26px; float: left; cursor: pointer; }
.FormBorder .LayoutItemLabel { line-height: 25px; }
.hideposition { position: absolute; left: -10000px; top: -10000px; }
.CarpaScrollBar { position: absolute; background: #eee; opacity: 0.5; }
.YBar { right: 1px; top: 0; width: 10px; height: 99.5%; z-index: 1; font-size: 0; overflow: hidden; border-radius: 10px; }
.XBar { left: 1px; bottom: -7px; width: 100%; height: 10px; z-index: 2; font-size: 0; overflow: hidden; border-radius: 10px; }
.CarpaScrollBar:hover { background-color: #ddd; }
.CarpaScrollBar:hover .BarValue { background-color: #aaa; border-color: #999; }
.AddNode { float: left; text-align: center; line-height: 2; }
.CarpaScrollBar .BarValue { border: 1px solid #bbb; position: absolute; background: #bbb; border-radius: 10px; font-size: 0; overflow: hidden; }
.XBar .BarValue { height: 8px; width: 100px; top: 0px; }
.YBar .BarValue { height: 100px; width: 8px; left: 0px; }
.CarpaScrollBar .BarValue:hover { background-color: #aaa; }
.CarpaScrollBar .BarSelected:hover, .CarpaScrollBar .BarSelected { background-color: #666; border-color: #555; }

.ExportForm { width: 0; height: 0; overflow: hidden; }
.NewHtmlEditor { border: 1px solid #99caf4; }
.NewHtmlEditor.focus { border-color: #64a8e2; box-shadow: 0 0 8px rgba(121,176,237,0.8); }
.PopupOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9997; }
.CenterOverlay { background-color: rgba(3,3,3,0.5); }

/*编辑框按钮动画*/
.Edit, .Button, .SkinButon { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.Button.hasRight{ -webkit-transition-property: none; -moz-transition-property: none; transition-property: none; }


/*-------------------按钮样式--------------------*/
.Button { border-radius: 2px; border: 1px solid #ddd; text-align: center; background-color: #f6f6f6; height: 28px; line-height: 26px; padding: 0 8px; display: inline-block; white-space: nowrap; overflow: hidden; flex-shrink: 0; color: #333; }
.Button:hover,.Button.hover { border-color: #bbb; background-color: #dedede; color: #222; }
.Button:focus { border-color: #bbb; box-shadow: 0 0 5px #ccc; }
.Button.active { box-shadow: 1px 1px 4px #bbb; border-color: #2881c7; background-color: #2881c7; color: #fff; }
.Button.disabled, .Button.disabled:hover { cursor: text; color: #bbb; background-color: #efefef; border-color: #efefef; font-weight: normal; text-decoration: none; }
.Button:before { margin: 0 7px 0 0; vertical-align: bottom; }
.Button.icontop { height: 44px; line-height: 22px; padding: 0 10px; }
.Button.icontop:before { margin: 0; display: block; text-align: center; }
.Button.iconright:before { float: right; margin: 0 0 0 5px; }

/*扁平按钮*/
.Button.SpeedButton { border: none; background-color: transparent; }
.Button.SpeedButton:hover, .Button.SpeedButton:focus { color: #ff0000; background-color: transparent; box-shadow: none; }
.Button.SpeedButton.disabled, .Button.SpeedButton.disabled:hover { color: #999; background-color: inherit; }
.Button.SpeedButton.icontop { height: 44px; line-height: 22px; padding: 0 10px; }

/*图标按钮*/
.Button.icononly { padding: 0 5px; }
.Button.icononly:before { margin: 0; }
.Button.icononly.SpeedButton:focus, .Button.icononly.SpeedButton:hover, .Button.icononly.SpeedButton.active { background-color: transparent; border: none; color: #377bff; }
.Button > img { margin-right: 4px; vertical-align: text-bottom; }

/*按钮类型*/
button.Button.PrimaryButton { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
button.Button.PrimaryButton:hover, .PrimaryButton:focus { background-color: #286090; border-color: #204d74; color: #fff; }
button.Button.PrimaryButton.disabled, .PrimaryButton.disabled:hover { color: #eee; background-color: #7fa1bd; border-color: #8db3d4; }
button.Button.SuccessButton { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
button.Button.SuccessButton:hover, .SuccessButton:focus { background-color: #449d44; border-color: #398439; color: #fff; }
button.Button.SuccessButton.disabled, .SuccessButton.disabled:hover { color: #eee; background-color: #89da89; border-color: #7fd47f; }
button.Button.InfoButton { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
button.Button.InfoButton:hover, .InfoButton:focus { background-color: #31b0d5; border-color: #269abc; color: #fff; }
button.Button.InfoButton.disabled, .InfoButton.disabled:hover { color: #eee; background-color: #99cbda; border-color: #99cbda; }
button.Button.WarnButton { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
button.Button.WarnButton:hover, .WarnButton:focus { background-color: #ce7a0a; border-color: #ca7f15; color: #fff; }
button.Button.WarnButton.disabled, .WarnButton.disabled:hover { color: #eee; background-color: #ecc894; border-color: #ecc894; }
button.Button.DangerButton { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
button.Button.DangerButton:hover, .DangerButton:focus { background-color: #c9302c; border-color: #ac2925; color: #fff; }
button.Button.DangerButton.disabled, .DangerButton.disabled:hover { color: #eee; background-color: #f1a2a0; border-color: #f1a2a0; }

/*开关按钮*/

.SwitchButton { border: none; border-radius: 10px; height: 26px; line-height: 26px; min-width: 60px; background-color: #bfbfbf; cursor: pointer; position: relative; display: inline-block; }
.SwitchButton .SwitchBlock { border: none; border-radius: 9px; height: 18px; width: 18px; background-color: #fff; position: absolute; left: 2px; top: 4px; transition: all .1s linear;box-sizing:content-box;  }
.SwitchButton .SwitchText { text-align: right; display: block; color: #333; padding: 0 10px 0 0; }
.SwitchButton.checked .SwitchText { text-align: left; color: #fff; padding: 0 0 0 10px; }
.SwitchButton.checked { background-color: #377bff}
.SwitchButton.checked .SwitchBlock {left:inherit; right: 2px; }
.SwitchButton.disabled { background-color: #ddd; cursor: default}
.SwitchButton.disabled .SwitchBlock { background-color: #efefef}
.SwitchButton.checked.disabled { background-color: #879ced}
.Grid .SwitchButton { height: 22px; line-height: 22px; width:80%;}
.Grid .SwitchBlock {top:2px;}


/*微标记按钮*/
.BadgeButton { position: relative; overflow: inherit; }
.BadgeButton.Button { margin-right: 18px; }
.BadgeButton .BadgeValue { z-index: 1; position: absolute; top: -15px; left: 90%; border-radius: 10px; padding: 0 4px; text-align: center; display: block; line-height: 20px; color: #fff; background-color: #fb7070; cursor: default; }
.BadgeButton .BadgeDot { z-index: 1; position: absolute; top: -6px; right: -6px; border-radius: 4px; width: 8px; height: 8px; background-color: #fb7070; }
.BadgeButton.disabled .BadgeValue, .BadgeButton.disabled .BadgeDot { background-color: #f9a7a7; }

/*按钮组*/
.Buttons { display: inline-block; }
.Buttons .Button { display: inline-block; margin: 2px 8px 2px 0; float: left; }
.HorzButtons { }
.HorzButtons .Button { float: left; }
.HorzButtons .Button, .VertButtons .Button { margin: 0; border-radius: 0; border: none; height: 28px; line-height: 28px; padding: 0 10px; }
.VertButtons { width: 90px; }
.VertButtons .Button { clear: both; display: block; width: 100%; padding: 0; }

/*--------打印按钮---------*/
.Button.hasRight { padding-right: 0 !important; }
.Button .RightIcon { width: 26px; display: inline-flex; justify-content:center; vertical-align: top; align-items:center; margin-left: 5px; border-left: 1px solid #ccc; text-align: center; }
.Button .RightIcon:hover { background-color: #ccc; color: #ff0000; }
.Button.disabled .RightIcon:hover { background-color: #efefef; color: #bbb; }
.Button.hasRight.HideRightIcon { border-right-width: 1px; padding-right: 5px !important; }
.Button.hasRight.HideRightIcon .RightIcon { display: none; }

.CombButton .Button { display: inline-block; vertical-align: top; }
.CombButton .Button.hasRight { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 5px !important; }
.CombButton .CombRightButton { padding: 0 0 0 4px; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-right: 5px !important; }
.CombButton .CombRightButton:hover, .CombButton .CombRightButton:focus { border-left: none; }

/*--------编辑框-------*/
.Edit { text-indent: 4px; padding: 0; width: 120px; height: 28px; line-height: 28px; text-align: left; border: 1px solid #c9c9c9; background-color: #fff;}
.Edit.disabled, .Edit.disabled:hover, .EditBlock.disabled:hover .Edit { border-color: #ddd; background-color: #f0f0f0; box-shadow: none; }
.TextArea { width: 118px; padding: 5px; height: 120px; border: 1px solid #c9c9c9; text-indent: 3px; }
.FlexBlock > .TextArea { display: flex; width: auto; height: auto; flex-shrink: 1; flex-grow: 1; flex-basis: auto; }
.EditBlock .Edit:hover { border-color: #c9c9c9; }

/*hover-focus*/
.Edit.hover,
.Edit:hover,
.TextArea:hover,
.EditBlock:hover .SkinButton,
.EditBlock:hover .Edit, 
.EditBlock:hover .SkinButtonBlock { border-color: #ffa004; }

.Edit:focus,
.TextArea:focus,
.EditBlock.active .SkinButton,
.EditBlock.active .Edit, 
.EditBlock.active .SkinButtonBlock { border-color: #ffa004; }

.EditBlock .SkinButton:hover { color: #2881c7; }


/*按钮编辑框*/
.EditBlock { display: inline-flex !important; line-height: initial; }
.EditBlock .Edit { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.EditBlock input { border-right: none; display: inline-block; }
.EditBlock .SkinButton { width: 20px; text-align: center; border: 1px solid #c9c9c9; border-left: none; cursor: pointer; display: inline-flex; align-items: center; background-color: #fff; justify-content: center;padding-right:10px }
.EditBlock.disabled .SkinButton { color: inherit; cursor: default; border-color: #ddd; background-color: #f0f0f0; box-shadow: none; }

.EditBlock .SkinButtonBlock { border: 1px solid #c9c9c9; border-left: none;  display: inline-block; }
.EditBlock .SkinButtonBlock .SkinButton { border: none; display: block; }
.EditBlock.disabled input, .EditBlock.disabled .SkinButtonBlock, .EditBlock.disabled:hover .SkinButton, .EditBlock.disabled:hover .SkinButtonBlock { border-color: #ddd; background-color: #f0f0f0; box-shadow: none; }
.EditBlock.disabled .SkinButtonBlock .SkinButton, .EditBlock.disabled:hover .SkinButtonBlock .SkinButton { background-color: inherit; }


/*单文件选择框*/
.FileEditor { height: 28px; width: 118px; line-height: 28px; overflow: hidden; text-indent: 5px; position: relative; color: #999; background: #fafafa; border: 1px solid #ccc; overflow: hidden; display: inline-block; }
.FileEdit { width: 120px;  height: 28px; opacity: 0; filter: alpha(opacity=0);padding: 0;  }
.FileEditor input { position: absolute; cursor: pointer; right: 0; top: 0; z-index: 1; font-size: 1000px; opacity: 0; filter: alpha(opacity=0); }
.FileEditor:hover { color: #444; background: #eee; border-color: #ccc; text-decoration: none; }
.FileEditor .FileButton { float: left; width: 80px; color: #444; }
.FileEditor .FileName { position: absolute; left: 65px; top: 0; width: 70%; }

/*---------多文件上传按钮----------*/
.MultiFileUpload.Button { position: relative; overflow: hidden; padding-right: 20px; }
.MultiFileUpload object { position: absolute; top: 0; left: 0; cursor: pointer; z-index: 2; }
.MultiFileUpload .FlashText { display: inline-block; }
.MultiFileUpload .RightIcon { position: absolute; right: 0; top: 0; width: 18px; }
.MultiFileUpload .LoadingIcon { position: absolute; right: 3px; top: 0; width: 18px; text-align: left; margin-right: 0; }
.MultiFileUpload.Button.hasRight { padding-right: 20px; }
.MultiFileUpload.Button.NoPopup { padding: 0 6px; }
.MultiFileUpload.ButtonOpacity, .Button.MultiFileUpload.ButtonOpacity:hover { border: none; padding: 0; margin: 0; background-color: transparent; }
.MultiFileUpload.ButtonOpacity .RightIcon, .MultiFileUpload.ButtonOpacity .FlashText span { display: none; }

.multi_popup { width: 460px; height: 200px; padding: 5px; border-radius: 0; line-height: 30px; }
.multi_popup .title { font-weight: bold; display: inline-block; text-align: center; line-height: 20px; height: 20px; margin-right: 5px; }
.multi_popup .item { overflow: hidden; }
.multi_popup .item:hover { background-color: #eee; }
.multi_popup .item span { display: inline-block; margin-right: 5px; float: left; text-align: center; color: #666; cursor: default; }
.multi_popup .col1 { width: 120px; }
.multi_popup .col2 { width: 80px; }
.multi_popup .col3 { width: 200px; }
.multi_popup .del:before { content: '\e637'; }
.multi_popup .process { height: 7px; width: 190px; border: 1px solid #387666; overflow: hidden; font-size: 0px; line-height: 0px; margin-right: 5px; vertical-align: middle; }
.multi_popup .processValue { height: 10px; width: 0%; line-height: 0px; background-color: #559586; float: left; }
.MultiPreviewImage { width: 400px; }

/*---PasswordEdit 面板--*/
.SoftKeyboardButton { width: 40px; height: 22px; text-align: center; font-size: 14px; font-family: "Arial"; }
.SoftKeyboard_Number { border: 1px solid #ccc; background: #fafafa; }
.SoftKeyboard_Letter { border: 1px solid #bbb; background: #e1e1e1; }
.SoftKeyboard_Symbol { border: 1px solid #aaa; background: #ccc; }
.SoftKeyboard_FN { font-size: 12px; background: #CCE4EE; border: 1px solid #81b7e4; }
.SoftKeyboard_OK { font-size: 12px; background: #CCE4EE; border: 1px solid #81b7e4; }
.SoftKeyboard_Line { height: 3px; line-height: 0; font-size: 0; overflow: hidden; }
.SoftKeyboardButton:hover { background: #D7F0FA; color: #ff0000; }
.SoftKeyboard_Line:hover { background: none; }

/*NumberEdit 面板+图标*/
.CalculatorPopup { font-size: 18px; border: none; position: absolute; height: 240px; width: 204px; overflow: hidden; left: -1000px; top: -1000px; display: flex; flex-direction: column; text-align: center; }
.CalculatorPopup .Btn { text-align: center; padding: 0; width: 50px; height: 36px; line-height: 36px; border-right: 1px solid #eff2f5; border-bottom: 1px solid #eff2f5; float: left; margin: 0; cursor: pointer; overflow: hidden; color: #363636; }
.CalculatorPopup .Btn.opt { font-weight: bold; background-color: #f5f5f5; color: #017cfe; }
.CalculatorPopup .Btn.equalsign { height: 74px; background-color: #017cfe; color: #fff; line-height: 74px; }
.CalculatorPopup .Btn.aicon-qingchu:before { font-size: 20px; }
.CalculatorPopup .Btn:hover { background-color: #017cfe; color: #fff; }
.CalculatorPopup .ctorLeft { float: left; }
.CalculatorPopup .ctorRight { float: left; }
.CalculatorPopup .ctorRight > * { float: none; display: block; color: #017cfe; background-color: #f5f5f5; }
.CalculatorHeader { height: 40px; border: 1px solid #eee; border-radius: 6px; margin: 5px; background-color: #fafafa; line-height: 20px; text-align: right; padding: 0 5px; }
.CalculatorPopup_input_box { width: 100%; padding: 3px; }
.CalculatorPopup_input { height: 30px; width: inherit; margin: 2px;margin-top:0px; border: 1px solid #ccc; border-top:0px;padding: 2px;padding-top:0px; font-size: 16px;text-align: right; }
.CalculatorPopup_display { height: 20px; width: inherit; margin: 2px;margin-bottom:0px; border: 1px solid #ccc; border-bottom:0px;padding: 2px;padding-bottom:0px; font-size: 13px;text-align: right; }
/*-----------Menu------PopupMenu--------*/
/*水平布局-菜单水平*/
.MenuBar { background-color: #2881c7; height: 36px; line-height: 36px; color: #fff; overflow: hidden; text-align: left; box-shadow: 2px 2px 2px #ccc; flex-shrink: 0;display:flex; overflow:hidden;}
.MenuBar .MenuRoots { display:flex;overflow:hidden;flex-grow:2;}
.MenuBar .MenuRoot { white-space: nowrap; padding: 0 12px; }
.MenuBar .MenuRoot.disabled, .MenuBar .MenuRoot.disabled:hover { background-color: inherit; cursor: default; color: #a0a0a0; }
.MenuBar .MenuRootImage { display: inline-block; }
.MenuBar .MenuRootImage:before { margin-right: 8px; }
.MenuBar .MenuRootImage img { margin-right: 8px; }
.MenuBar .MenuRootCaption { display: inline-block; }
.MenuBar .MenuRoot.aicon-children:after { content: '\e62f'; display: inline-block; margin-left: 8px; font-size: 13px; }
.MenuBar .MenuBarHandle { display: inline-block; }
.MenuBar .MenuRootActive, .MenuBar .MenuRoot:hover { background-color: #2196f3; color: #fff; }

/*水平布局-菜单垂直*/
.MenuBar.MenuItemVert { height: auto; line-height: normal; }
.MenuBar.MenuItemVert .MenuRoot { text-align: center; padding: 5px 18px 5px 18px; }
.MenuBar.MenuItemVert .MenuRootImage { width: auto; height: 24px; margin-bottom: 3px; display: block; }
.MenuBar.MenuItemVert .MenuRootImage:before { margin: 0; }
.MenuBar.MenuItemVert .MenuRoot .MenuRootCaption { display: block; }
.MenuBar.MenuItemVert .MenuRoot.aicon-children:after { display: none; }

/*垂直布局-菜单横向*/
.MenuBar.vert{flex-direction:column;}
.MenuBar.vert .MenuRoots { flex-direction:column; }
.MenuBar.vert { height: auto; line-height: 46px; }
.MenuBar.vert .MenuRoot { border-bottom: 1px solid #136fb7; padding: 0; display: flex; }
.MenuBar.vert .MenuRootCaption { flex-shrink: 1; flex-grow: 1; flex-basis: auto; }
.MenuBar.vert .MenuRootImage { width: 32px; text-align: center; align-self: center; }
.MenuBar.vert .MenuRootImage:before { margin: 0; }
.MenuBar.vert .MenuRoot.aicon-children:after { content: '\e62e'; margin: 0 5px 0 0; float: right; }
.MenuBar.vert .MenuRootSpacer { clear: both; float: none; }

/*垂直布局-菜单垂直*/
.MenuBar.vert.MenuItemVert .MenuRoot { border-bottom: 1px solid #136fb7; line-height: 30px; text-align: center; padding: 10px 0; display: block; }
.MenuBar.vert.MenuItemVert .MenuRootImage { width: auto; display: block; margin: 0; }
.MenuBar.vert.MenuItemVert .MenuRoot .MenuRootCaption { display: block; }
.MenuBar.vert.MenuItemVert .MenuRoot.aicon-children:after { display: none; }

/*扁平化菜单*/
.MenuBar.CFlatMenuBar { background-color: inherit; border: none; color: inherit; box-shadow: none; }

/*树形菜单*/
.MenuBar.TreeBar { overflow: auto; flex-direction:column; }
.MenuBar.TreeBar::-webkit-scrollbar { width: 5px; }
.MenuBar.TreeBar::-webkit-scrollbar-button { display: none; }
.MenuBar.TreeBar .Menu { position: inherit; background-color: #4692ce; border: none; box-shadow: none; flex-direction: column; }
.MenuBar.TreeBar .Menu .MenuImage { margin-left: 10px; }
.MenuBar.TreeBar .Menu .Menu .MenuImage { margin-left: 20px; }
.MenuBar.TreeBar .Menu .ChildBlock { border-right: none; }
.MenuBar.TreeBar .MenuSeperator { background-color: #3889d0; }
.MenuBar.TreeBar .MenuRoot.aicon-children:after { content: '\e6a6'; margin-right: 10px; }
.MenuBar.TreeBar .MenuRoot.Show.aicon-children:after { content: '\e6a5'; }
.MenuBar.TreeBar .MenuItem .aicon-children:before { content: '\e6a6'; margin-right: 10px; }
.MenuBar.TreeBar .MenuItem.Show .aicon-children:before { content: '\e6a5'; }
.MenuBar.TreeBar .MenuRoot:hover,
.MenuBar.TreeBar .MenuItem:hover,
.MenuBar.TreeBar .MenuItem.active { background-color: #2196f3; color: #fff; }




/*--默认菜单---*/
.Menu { position: absolute; top: -10000px; background-color: #fafafa; border: 1px solid #ccc; border-top: 2px solid #2881c7; white-space: nowrap; cursor: default; box-shadow: 3px 3px 5px #ccc; }
.Menu.Horz { display: flex; }
.Menu .ChildBlock { float: left; border-right: 1px solid #dedede; }
.Menu .thead, .Menu .tfoot { height: 0; }
.Menu .MenuItem { white-space: nowrap; line-height: 34px; height: 34px; overflow: hidden; display: flex; }
.Menu .MenuItem.selected { font-weight: bold; }
.Menu .MenuItem > *, .Menu .MenuItem:before { float: left; }
.Menu .MenuItem:hover { background-color: #2196f3; color: #fff; }
.Menu .MenuItem:hover .MenuCaption { color: #fff; }
.Menu .MenuItem:hover .MenuShortcut { color: #fff; }

.Menu .MenuItem.disabled,
.Menu .MenuItem.disabled:hover,
.Menu .MenuItem.disabled .MenuCaption,
.Menu .MenuItem.disabled:hover .MenuShortcut { color: #a0a0a0; background-color: inherit; cursor: text; }

.Menu .MenuImage { width: 20px; height: inherit; text-align: right; display: flex; align-items: center; justify-content: center; }
.Menu .MenuCaption { padding: 0 5px; text-align: left; flex-shrink: 1; flex-grow: 1; flex-basis: auto; }
.Menu .MenuMore, .Menu .MenuNoMore { width: 20px; text-align: center; height: 20px; }
.Menu .MenuMore.aicon-children:before { content: '\e62e'; font-size: 13px; }
.Menu .MenuShortcut { padding-right: 5px; float: right; color: #999; }
.Menu .MenuSpacerLeft, .Menu .MenuSpacerRight { width: 0; overflow: hidden; font-size: 0; padding: 0; }
.Menu .MenuSeperator { background-color: #ccc; height: 1px; }
.Menu .MenuItem.MenuText { font-size: 15px; cursor: default; font-weight: 600; }
.Menu .MenuItem.MenuText .MenuImage { width: 10px; }
.Menu .MenuItem.MenuText:hover { background-color: inherit; color: inherit; }
.Menu .MenuItem.MenuText:hover .MenuCaption { color: inherit; }

/*--工具栏和菜单样式--*/
.CToolMenuBar.MenuBar { background: #fff; height: 28px; line-height: 28px; color: inherit; border: 1px solid #ddd; }
.CToolMenuBar.MenuBar .MenuRootCaption { }
.CToolMenuBar .MenuRootActive { background-color: #ffa004; }
.CToolMenu.Menu { border: 1px solid #ddd; border-top: 2px solid #ffa004; background-color: #fbfbfb; }
.CToolMenu.Menu .MenuItem { height: 28px; line-height: 28px; color: inherit; }
.CToolMenu.Menu .MenuItem:hover { background-color: #ffa004; color: #fff; }
.CToolMenu.Menu .MenuItem:hover .MenuCaption { color: #fff; }
.CToolMenu.Menu .MenuItem.disabled, .CToolMenu.Menu .MenuItem.disabled .MenuCaption { background-color: inherit; color: #a0a0a0; }

/*---PopupMenu弹出菜单---*/
.NormalMenu.Menu { border: 1px solid #b9baba; background-color: #fbfbfb; text-align: left; }
.NormalMenu.Menu .MenuItem { height: 28px; line-height: 28px; }
.NormalMenu.Menu .MenuItem:hover { background-color: #2196f3; color: #fff; }
.NormalMenu.Menu .MenuItem.disabled { background-color: inherit; color: #a0a0a0; }
.NormalMenu.Menu .MenuItem .MenuImage img { max-height: 22px; margin-left: 5px; }

.PrintMenu.Menu { min-width: 120px; }
.PrintMenu.Menu .MenuItem { height: 34px; line-height: 34px; }
.PrintMenu.Menu .MenuItem .MenuImage img { height: 28px; margin-top: 3px; }

/*--------MDI--PageControl-----*/
.MDIDocument, .MDIDocument body { overflow: hidden; }
.MDIDocument body { display: flex !important; }
.MDIPanel { width: auto; overflow: hidden; flex-shrink: 1; flex-grow: 1; flex-basis: auto; display: flex; flex-direction: column; margin: 0 !important; }
.MDIBar { width: 100%; display: flex; overflow: hidden; cursor: default; flex-shrink: 0; justify-content: space-around; background-color: #f2f2f2; border-bottom: 1px solid #e3e3e5; border-left: 1px solid #e6e6e6; height: 36px; line-height: 36px; }
.MDIBarHandle { width: 0; height: 0; padding: 0; margin: 0; cursor: default; }
.MDITabBar { float: left; position: relative; overflow: hidden; display: flex; flex: 1; }
.MDITabCaption { flex-shrink: 0; float: left; border-right: 1px solid #e6e6e6; margin: 0; display: inline-flex; position: relative; cursor: pointer; padding: 0 36px 0 22px; color: #313131; background-color: #fff; font-size: 14px; }
.MDITabCaption.active { background-color: #dde5ff; color: #377bff; border-color: #d9d9d9; }
.MDITabCaption:hover { color: #4878fd; background-color: #e5ebff; }
.MDITabCaption .TabCloseButton { width: 16px; display: none; position: absolute; top: 50%; height: 20px; line-height: 20px; margin-top: -10px; right: 8px; color: #9d9d9d; font-weight: bold; }
.MDITabCaption .TabCloseButton:hover { color: #1351ca; }
.MDITabCaption .TabCloseButton .SkinButton:before { font-size: 14px; }
.MDITabCaption.active .TabCloseButton, .MDITabCaption:hover .TabCloseButton { display: block; color: #377bff; }
.MDIChilds { clear: both; overflow: hidden; display: flex; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; position: relative; background-color: #fafafa; }
.MDIChild { background-color: #f3f3f5;flex-grow: 1; flex-shrink: 0; flex-basis:0; display: flex;overflow: hidden;  }
.MDIChild .PageBlock { padding: 5px; overflow:hidden;flex-basis:0;}
.MDIChild.Hided, .FlexBlock.Hided { left: -10000px; top: -10000px; position: absolute !important; width: 100% !important; height: 100%;flex:none;}
.MDIChild .PageBlock > .FlexBlock.Hided { padding: 5px; }

.MDIInnerBlock { padding: 0 2px 0 2px; display: flex; align-items: center; }
.MDIInnerBlock .HBlock { padding: 0; }
.MDITabCaptions { display: flex; flex-shrink: 0; flex: 1; overflow: hidden; }

.MDITabBar .MDINavIcons { border-right: 1px solid #e6e6e6; background-color: #ececec; }
.MDITabBar .prevTab:before { content: '\e7ee'; }
.MDITabBar .nextTab:before { content: '\e7ed'; }
.MDITabBar .menuIcon:before { content: '\e699'; color: #999; }
.MDITabBar .Button.SpeedButton { line-height: inherit; height: inherit; }
.MDITabBar .Button.SpeedButton:hover { background-color: #e5ebff; }
.MDITabBar .Button.SpeedButton.disabled, .MDITabBar .Button.SpeedButton.disabled:hover { background-color: inherit; color: #ccc; }


/*PageControl*/
.PageControl { display: flex; flex-direction: column; overflow: hidden; }
.TabHeader { position: relative; display: flex; align-items: flex-end; flex-shrink: 0; }
.TabHeader .TabCaptions { overflow: hidden; flex-shrink: 1; flex-grow: 1; flex-basis: auto; line-height: 24px; height: 24px; }
.TabHeader .TabCaption { border: 1px solid #ddd; border-bottom-width: 0; display: inline-flex; background-color: #fafafa; float: left; margin: 0 4px 0 0; padding: 0 4px; cursor: pointer; }
.TabHeader .TabCaptionText { display: inline-block; padding: 0 3px; }
.TabHeader .TabCaption:hover { border-color: #ccc; background-color: #ccc; color: #333; }
.TabHeader .TabCaption.active { border-color: #aaa; background-color: #aaa; color: #fff; }

.TabHeader .TabSpace { float: right; overflow: hidden; }

.TabContainer { overflow: hidden; display: flex; margin-left: 10px; flex-shrink: 0; height: 30px; align-items: center; }
.TabContainer .Button { height: 22px; line-height: 20px; }
.TabContainer .Edit { height: 22px; line-height: 22px; }
.TabContainer .EditBlock { height: 22px; line-height: 22px; }
.TabContainer .HBlock { padding-top: 0; }
.TabContainer .LayoutItemControl .RadioButtonList { margin-top: 0; }
.TabContainer .LayoutItemControl .RadioButtonList.Border { margin-top: 0; }
.TabContainer div.ChkBoxStyle { padding-bottom: 1px; }
.TabBody { border: 1px solid #ccc; clear: both; min-width: 100px; overflow: hidden; }
.TabPage { padding: 4px; overflow: auto; }
.TabPage.Hided { position: absolute; left: -10000px; top: -10000px; }
.TabBodyNoHeader { border: none; }

/*圆角*/
.TabRadius .TabHeader .TabCaption { border-radius: 4px 4px 0 0; }
.TabRadius.TabBottom .TabHeader .TabCaption { border-radius: 0 0 4px 4px; }
.TabRadius.TabLeft .TabHeader .TabCaption { border-radius: 4px 0 0 4px; }
.TabRadius.TabRight .TabHeader .TabCaption { border-radius: 0 4px 4px 0; }

/*靠底部*/
.TabBottom .TabHeader { align-items: flex-start; }
.TabBottom .TabHeader .TabCaption { border-top-width: 0; border-bottom-width: 1px; }

/*靠左*/
.TabLeft { position: relative; }
.TabLeft .TabHeader { height: 100%; width: 95px; position: absolute; left: 1px; top: 0; overflow: hidden; align-items: flex-start; }
.TabLeft .TabSpace { display: none; }
.TabLeft .TabHeader .TabCaptions { position: inherit; width: 95px; height: auto; }
.TabLeft .TabHeader .TabCaption { float: right; margin: 5px 0; border-bottom-width: 1px; }
.TabLeft .TabBody { margin-left: 95px; clear: inherit; }

/*靠右*/
.TabRight { position: relative; }
.TabRight .TabHeader { height: 100%; width: 95px; position: absolute; right: 1px; top: 0; overflow: hidden; align-items: flex-start; }
.TabRight .TabSpace { display: none; }
.TabRight .TabHeader .TabCaptions { position: inherit; width: 95px; height: auto; }
.TabRight .TabHeader .TabCaption { margin: 5px 0; border-bottom-width: 1px; }
.TabRight .TabBody { margin-right: 95px; clear: inherit; }


/*------Form 弹窗-------*/
.FormBorder { background-color: #fff; position: absolute; left: -2000px; top: -2000px; display: flex; flex-direction: column; border-radius: 8px; box-shadow: 0 0 10px #444; max-height: 100%; max-width: 100%; flex-shrink: 1; flex-grow: 1; flex-basis: auto; overflow:hidden;}
.FormCaption { background-color: #3c74fd; line-height: 45px; border-radius: 6px 6px 0 0; flex-shrink: 0; color: #fff; overflow: hidden; position: relative; }
.FormCaption .FormCaptionText { font-size: 16px; padding-left: 10px; padding-right: 40px; letter-spacing: 1px; display: flex; white-space: nowrap; word-wrap: normal; word-break: keep-all; align-items: flex-end; }
.FormCaption .FormCaptionText:before { margin-right: 5px; }
.FormCaption .FormCaptionButton { border-radius: 4px; position: absolute; text-align: center; width: 22px; height: 26px; line-height: 26px; right: 10px; top: 9px; font-weight: bold; }
.FormCaption .FormCaptionButton:hover { color: #fff; background-color: #fb7070; }
.FormSubCaption { vertical-align: bottom; line-height: 30px; height: 30px; display: inline-block; text-indent: 10px; font-size: 12px; }
.FormContent { padding: 5px; display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; flex-direction: column;}
.ErrBody { padding: 10px; }
.FormOverlay { background-color: #333; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.FormEnabled { background-color: Transparent; }
.InfoForm { border-color: #ccc; box-shadow: 2px 2px 12px #444; }
.InfoForm .FormCaption { background-color: #eaeaea; color: #333; border-bottom: 1px solid #ddd; }
.InfoForm .FormCaption .FormCaptionText { text-shadow: none; }
.FormBorder.FlowAuto .FormContent { overflow: auto; }

/*-----弹窗缩放样式----------*/
.ResizeMode.FormBorder { overflow: visible; }
.ResizerLine { position: absolute; left: -3px; top: -3px; display: none; width: 100%; height: 100%; z-index: 1; border-width: 3px; border-style: solid; border-color: #555; background-color: rgba(255,255,255,0.2); }
.FResizer { position: absolute; display: block; width: 12px; height: 12px; border: none; font-size: 0; overflow: hidden; background-color: Transparent; background-image: none; }
.FResizer.FLeftTop { left: -6px; top: -6px;  z-index: 3; }
.FResizer.FLeftBottom { left: -6px; bottom: -6px;  z-index: 3; }
.FResizer.FRightTop { right: -6px; top: -6px;  z-index: 3; }
.FResizer.FRightBottom { right: 1px; bottom: 1px; z-index: 3; width: 10px; height: 10px }
.FResizer.FLeft { left: -6px; top: 0; width: 10px; height: 100%;  z-index: 2; }
.FResizer.FTop { left: 0; top: -6px; width: 100%; height: 10px;  z-index: 2; }
.FResizer.FRight { right: -6px; top: 0; width: 10px; height: 98%; z-index: 2; }
.FResizer.FBottom { left: 0; bottom: -6px; width: 98%; height: 10px; z-index: 2; }
.FormBorder.FullWindow .ResizerLine, .FormBorder.FullWindow .FResizer { display: none; }
.FormBorder.FullWindow, .FormBorder.FullWindow .FormCaption { border-radius: 0; }

/*------提示弹窗------*/
.MessageBox { min-width: 200px; background-color: #fff; text-align: left; }
.MessageBox .FormContent .Button { min-width: 50px; margin: 0 5px; }
.MessageBox .FormContent { padding: 0;overflow:hidden;}
.MessageBox .MessageContent { padding: 20px; text-align: center; overflow:auto; display: flex; flex-grow:1;flex-basis:auto; justify-content: center; }
.MessageBox .MessageBoxText { text-align: left; word-wrap: break-word; word-break: break-all; -ms-word-break: break-all; color: #333; line-height: 40px; }
.MessageBox .MessageContent:before { color: #f9b143; font-size: 40px; margin-right: 10px; display: flex; align-items: center; }
.MessageBox .MessageBoxText p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0; }
.MessageBox .BottomButtons { padding: 8px 15px; background-color: #efefef; border-top: 1px solid #ddd; text-align: center; border-radius: 0 0 6px 6px; }
.MessageBox .ExceptionText { white-space: pre-wrap; }
.MessageBox .ExceptionNo { color: #ccc; }
.MessageBox .Edit.PromptEdit { display: block; width: 250px; margin: 10px 0 0 0; }

/*--------Grid-Pager相关样式----------*/
.GridBlock { flex-grow: 1; flex-basis: auto; flex-shrink: 1; display: flex; flex-direction: column; overflow: hidden; }
.Grid { flex-grow: 1; flex-basis: 100px; flex-shrink: 1; display: flex; flex-direction: column; border: 1px solid #bbb; overflow: hidden; position: relative; }
.GridHeaderBar { overflow: hidden; flex-shrink: 0; position: relative; background-color: #233357; }

.CaptionVert { text-align: center; }
.CaptionVert .GridHeaderCaptionText { margin: 0 auto; text-align: center; line-height: 24px; white-space: inherit; word-wrap: break-word; word-break: break-all; word-spacing: 10px; letter-spacing: 10px; width: 20px; }

.GridHeader { color: #fff; cursor: default; height: 30px; min-width: 100%; border-bottom: 1px solid #dee6ee; table-layout: fixed; }
.GridHeaderCaption { }
.GridHeaderRow:nth-of-type(n+1) .GridHeaderCaption { border-top: 1px solid #dee6ee;}
.GridHeaderCaption { overflow: hidden; border-right: 1px solid #dee6ee; }
.GridHeaderCaptionText { padding: 0 5px; line-height: 24px; white-space: nowrap; }
.GridHeaderCaptionText table { margin: auto; }
.GridHeaderSpacer{border-right:none;}
.ActiveColumn { background-color: #44a2ec; color: #fff; }
.NoArrow { color: red; font-family: arial; }

.GridBody { flex-grow: 1; flex-basis: auto; flex-shrink: 1; background-color: #fff; overflow: auto; color: #555;}
.GridBody .GridTable{ table-layout:fixed;border-color:transparent;}
.GridBodyRow { height: 30px; }
.GridBodyRow:hover, .GridBodyRow.hover { background-color: #edf4fe; color: #222; }
.GridBodyRow.active { background-color: #fefae3; color: #222; }
.GridBodyRow.even { background-color: #fafafa; color: #333; }
.GridBodyVisualRow {display:flex }
.Grid .activeEditor { background-color: #fff; padding: 0; box-shadow: 0 0 0 1px #ffa004;margin-top: 1px;}
.Grid .CellEdit { border: none; padding: 0; text-indent: 3px; }
.GridBodyCell, .GridBodyRowNoCell, .GridDetailTd { border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.GridBodyCell .SkinButtonBlock { border: none; }

.GridBodyCell .ProgressBar { height: 20px; margin: auto 5px; width: auto; }
.GridBodyCell .ProgressValue { height: 100%; }
.GridBodyCell .ProgressBar .ProgressText { line-height: 12px; }

.GridBody .GridDetailTd { padding: 2px 0 2px 2px; min-height: 50px; }

.GridBodyCellText { padding: 3px 5px 2px 3px; min-height: 15px; word-wrap: break-word; word-break: break-word; white-space: pre-wrap; }
.GridBodyCellText.HasClick:hover { text-decoration: underline; cursor: pointer; }
.GridBodyCellLinkText { text-decoration: underline; cursor: pointer; }
/*.GridBodyRowNoCell { background-color: #f6fcff; }*/
.GridBodyRowNoCellText { text-align: left; padding: 3px 5px 2px 8px; min-height: 15px; }

.GridFooterBar { overflow: hidden; flex-shrink: 0; background-color: #fefbe5; }
.GridFooter { table-layout: fixed; min-width: 100%; cursor: default; border-top: 1px solid #ccc; }
.GridFooterCell { height: 100%; overflow-x: hidden; border-right: 1px solid #C8CFD6; }
.GridFooterCellText { height: 20px; line-height: 20px; white-space: nowrap; padding: 0 3px 0 3px; }
.GridFooterSpacer{border-right:none;}

.Grid .checkShape { color: #ffa004; }
.Grid .checkShape.index0:before { content: '\e820'; font-weight: bold; color: #20a26c; }
.Grid .checkShape.index1:before { content: '\e81d'; font-weight: bold; color: #ffa004; }

.Grid .delShape { cursor: pointer; color: #666; font-size: 20px; }
.Grid .delShape:before { content: '\e637'; }
.Grid .delShape:hover { color: #ff0000; }

.maxShape { cursor: pointer; display: inline-block; }
.maxShape:hover { color: #ff0000; }
.maxShape:before { content: '\e7f1'; font-size: 18px; }

.Grid .SortOrder { position: relative; }
.Grid .SortOrder .GridHeaderSortShape { position: absolute; right: 2px; top: 50%; margin-top: -9px; padding: 0; }
.Grid .sortShape.index0:before { content: '\e64e'; }
.Grid .sortShape.index1:before { content: '\e64f'; }

.ColResizer { cursor: col-resize; background-color: Transparent; position: absolute; }
.ColSplitter { background-color: #777; position: absolute; }

.GridDragDiv { border: 1px solid #aaa; background: #eee; padding: 8px; position: absolute; left: -1000px; top: -1000px; z-index: 1000; }
.Grid:hover .CarpaScrollBar { opacity: 0.9; background: #ddd; }
/*.GridBody::selection { background-color: transparent; }
.GridBody::-webkit-selection { background-color: transparent; }
.GridBody::-moz-selection { background-color: transparent; }*/

.GridHintNoWrapCell { position: absolute; visibility: hidden; left: -1000px; top: 0; }

.Grid.NoWordWrap .GridBodyCellText, .Grid.NoWordWrap .GridDynamicButtonBody a { overflow: hidden; text-overflow: ellipsis; white-space: pre; word-wrap: normal; word-break: keep-all; max-width: 100%; }
.Grid.NoWordWrap .GridDynamicButtonBody.NoWrap { display: flex; }

.Grid .RowNoConfigIcon { display: inline-block; margin: auto;cursor:pointer; }
.Grid .RowNoConfigIcon:before { content: '\e65b'; font-size: 18px; }
.GridBodyRowNoCellText { overflow: hidden; text-overflow: ellipsis; white-space: pre; word-wrap: normal; word-break: keep-all; }

.Grid .GridHeaderBar.Frozen { overflow: hidden; display: none; position: absolute; top: 0px; left: 0px; box-shadow: 2px 0 0 0 #ccc; }
.Grid .GridHeaderBar.Frozen .GridHeaderCaption { font-weight: normal; }
.Grid .GridBody.Frozen { overflow: hidden; display: none; position: absolute; box-shadow: 2px 0 0 0 #ccc; }
.Grid .GridFooterBar.Frozen { overflow: hidden; display: none; position: absolute; box-shadow: 2px 0 0 0 #ccc; }
.GridFilterBar.Frozen { position: absolute; overflow: hidden; box-shadow: 2px 0 0 0 #ccc; }

/*--筛选面板---*/
.GridFilterBar { height: 30px; overflow: hidden; left: 3px; top: 3px; background-color: #f9f9f9; flex-shrink: 0; border-bottom: 1px solid #dee6ee; }
.GridFilterXBar { height: 30px; min-width: 100%; display:flex;}
.GridFilterBlock { height: 30px; width: 50px; border-right: 1px solid #dee6ee;overflow: hidden; text-align: center; flex-shrink:0;}
.GridFilterBlock .Edit { width: 92%; height: 22px; line-height: 22px; margin: auto; margin-top: 4px; }
.GridFilterBlock .EditBlock { margin: auto; margin-top: 4px; }
.GridFilterBlock .ButtonEdit { margin: 0; }
.GridFilterBlock .LayoutItemControl .Edit { margin-top: 0; }
.GridFilterBlock .Button { height: 22px; line-height: 22px; }
.GridFilterLineSpacer { margin: auto; color: #666; }
.GridFilterIcon { width: 100%; height: 28px; display: block; line-height: 28px; cursor: pointer; }
.GridFilterBar .GridBodyRowNoCell { border-bottom: none; }


/*ExpandColumn列*/
.GridExpandCell { overflow: hidden; text-overflow: ellipsis; white-space: pre; }
.GridExpandCell .expand0 { display: inline-block; margin-left: 5px; }
.GridExpandCell .expand1 { display: inline-block; margin-left: 22px; }
.GridExpandCell .expand2 { display: inline-block; margin-left: 39px; }
.GridExpandCell .expand3 { display: inline-block; margin-left: 56px; }
.GridExpandCell .expand4 { display: inline-block; margin-left: 71px; }
.GridExpandCell .expand5 { display: inline-block; margin-left: 86px; }
.GridExpandCell .expand6 { display: inline-block; margin-left: 105px; }
.GridExpandCell .expand7 { display: inline-block; margin-left: 120px; }
.GridExpandCell .expand8 { display: inline-block; margin-left: 135px; }
.GridExpandCell .expand9 { display: inline-block; margin-left: 150px; }
.GridExpandCell .expand10 { display: inline-block; margin-left: 165px; }
.GridExpandCell .iconfont { color: #888; font-size: 14px; margin-right: 5px; }
.GridExpandCell .rightArrow:before { content: '\e602'; }
.GridExpandCell .downArrow:before { content: '\e601'; }

/*财务控件列*/
.FiscalCaption { line-height: 24px; text-align: center; }
.FiscalHeader { border-top: 1px solid #ccc; text-align: right; overflow: hidden; display: flex; background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/icons/fiscalLine.png") repeat-y right; }
.FiscalFooter { overflow: hidden; background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/icons/fiscalLine.png") repeat-y right; display:flex;}
.LessNumber { color: #ff0000; }
.FiscalCell { background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/icons/fiscalLine.png") repeat-y right; }
.GridBodyFiscalText { height: 30px; display: flex; }
.GridBodyFiscalText .FiscalBlock { line-height: 30px; height: 30px; }
.GridFooterCellText .FiscalBlock { line-height: 20px; height: 20px; }
.FiscalBlock { float: left; line-height: 20px; width: 25px; text-align: center; }
.FiscalBlock.fc0 { border-color: transparent; }
.FiscalBlock.fc2 { border-color: #edb9b9; }
.FiscalBlock.fc5 { border-color: #a7d9f5; }
.FiscalBlock.fc8 { border-color: #a7d9f5; }
.FiscalBlock.fc10 { border-color: #edb9b9; }
.FiscalBlock .CellEdit { text-indent: 0px; text-align: center; }

.CellIcons { text-align: center; }
.CellIcons div { display: inline-block; width: 20px; text-align: center; line-height: 22px; margin-right: 2px; cursor: pointer; }
.CellIcons div:hover { color: #ff0000; }

.GridDynamicButtonBody { padding: 4px 2px; word-wrap: break-word; }
.GridDynamicButtonBody a { color: #3f3f3f; }
.GridDynamicButtonBody a, .GridDynamicButtonBody a:link, .GridDynamicButtonBody a:visited { color: inherit; }
.GridDynamicButtonBody ._vert { display: block; line-height: 16px; }
.GridDynamicButtonBody ._horz { display: inline-block; padding: 0 4px; line-height: 16px; }

.DynamicFilter {padding-top: 3px;}
.DynamicFilter .EditBlock{margin-top:0;margin-right:5px;}
.DynamicCell .SkinButton{border: 1px solid #c9c9c9;border-left: none;}

/*合并行*/
.Grid .MergeCell { }
.Grid .MergeCell .GridBodyCellText { border-bottom: 1px solid #e9e9e9; line-height: 28px; height: 28px; }
.Grid .MergeCell .GridBodyCellText:last-child { border-bottom: none; }
.Grid .MergeFooter { text-align: left; }

.Grid .SkinButton, .Grid .iconfont { color: #377bff; font-weight: normal; }
.GridBody .SkinButton{border: none;}

/*----Pager-------*/
.Pager { border: 1px solid #bbb; background-color: #fff; height: 30px; line-height: 30px; overflow-x: auto; overflow-y: hidden; flex-shrink: 0; display: flex; align-items: center; }
.Pager::-webkit-scrollbar { width: 3px; height: 3px; }
.Pager::-webkit-scrollbar-button { display: none; }
.Pager:hover::-webkit-scrollbar-thumb { background-color: #2576b0; }
.PagerXBar.XBar { bottom: 0px; height: 5px; }
.PagerXBar.XBar .BarValue { height: 3px; }

.PagerBottom { border-width: 0 1px 1px 1px; }
.PagerTop { border-width: 1px 1px 0 1px; }
.PagerSummaryText { color: #656566; padding-top: 0px; padding-right: 8px; }
.PagerButtons { display: flex; border: 1px solid #ddd; border-radius: 8px; background-color: #f6f6f6; height: 22px; line-height: 22px; margin-top: 3px; padding: 0 10px; overflow: hidden; }
.PagerButton { padding: 0px 8px; cursor: pointer; }
.PagerButton:hover { background-color: #ddd; }
.PagerButton.active { background-color: #2576b0; color: #fff; }

.Pager .PagerContent { padding: 0 5px; display: flex; flex-shrink: 0; }
.Pager .PagerContent .Button { height: inherit; line-height: inherit; background-color: inherit; color: #333; padding: 0 4px; }
.Pager .PagerContent .Button.disabled { color: #bbb; }
.Pager .PagerContent .Button.disabled:hover { background-color: inherit; }
.Pager .PagerContent .Edit { height: 22px; line-height: 22px; }
.Pager .PagerContent .EditBlock { height: 22px; line-height: 22px; margin-top: 4px; }

.Pager_homePage { margin-left: 16px; }
.Pager_homePage:before { content: '\e7eb'; }
.Pager_lastPage:before { content: '\e7ec'; }
.Pager_prevPage:before { content: '\e7ee'; }
.Pager_nextPage:before { content: '\e7ed'; }
.Pager_refresh:before { content: '\e672'; }
.Pager .GotoEdit { margin: 4px 2px 0 5px; width: 40px; }
.Pager .Button.GotoButton { margin: 4px 5px 0 0; height: 22px; line-height: 21px; }

.Pager .InnerBlock { padding-left: 6px; display: flex; flex-shrink: 0; }
.Pager .InnerBlock .FlowPanel { margin-top: 4px; margin-bottom: 0; }
.Pager .InnerBlock .HBlock { padding-bottom: 0; padding-top: 0; }
.Pager .InnerBlock .Button { height: 22px; line-height: 22px; }
.Pager .InnerBlock td { height: 26px; }
.Pager .InnerBlock .LayoutItemLabel { padding-top: 0; }
.Pager .InnerBlock .Label { padding: 0; margin-top: 0; line-height: 2; }
.LazyPager .Pager_refresh { display: none; }

.InnerBlock .Edit { height: 22px; line-height: 22px; }
.InnerBlock .EditBlock { height: 22px; line-height: 22px; }
.PagerEveryPageText { padding-left: 10px; padding-right: 4px; }
.ButtonEdit.PagerEveryPageEdit { width: 50px; text-align: center; }
.ButtonEdit.PagerDropPageEdit { width: 50px; text-align: center; }
.PagerDropPageTextF, .PagerDropPageTextS { padding: 0 5px; }

/*--Popup面板-----*/
.PopupArrow { position: absolute; width: 0; height: 0; border-width: 8px; border-style: solid; border-right-color: transparent; border-left-color: transparent; }
.Popup { min-width: 90px; min-height: 20px; border-color: #ccc; background-color: #f9f9f9; opacity: 0; border: 1px solid #ddd; padding: 10px; -moz-box-shadow: 0 0 10px #bbb; -webkit-box-shadow: 0 0 10px #bbb; box-shadow: 0 0 10px #bbb; border-radius: 6px; max-height:100%;max-width:100%;}
.Border.Popup { background-color: #f9f9f9; }
.Popup.overflow { overflow: scroll; overflow-x: hidden; }
.Popup.p-top .PopupArrow { top: -19px; border-top-color: transparent; border-bottom-color: #ffa004; }
.Popup.p-bottom .PopupArrow { bottom: -19px; border-top-color: #ffa004; border-bottom-color: transparent; }
.Popup.opacity.Step, .Popup.Step { transition: opacity .4s linear,left .4s linear,top .4s linear; border-radius: 40px; padding: 20px; }
.Popup.p-top { border-top: 3px solid #ffa004; }
.Popup.p-bottom { border-bottom: 3px solid #ffa004; }

.Popup.Step input { width: 0; height: 0; border: none; margin: 0; padding: 0; overflow: hidden; font-size: 0; }
.Popup.Step .Content { min-width: 150px; padding: 5px; font-size: 14px; color: #377bff; }
.Popup.Step .Bottom { margin-top: 30px; }
.Popup.Step .Bottom .Label { float: right; margin: 0; cursor: pointer; color: #999; display: block; line-height: 28px; padding: 0 10px; background-color: transparent; }
.Popup.Step .Bottom .Label:hover { text-decoration: underline; color: #ff0000; }
.Popup.Step .Bottom .NextBtn { border-radius: 8px; border: 1px solid #ccc; box-shadow: 2px 2px 3px #ccc; }
.Popup.Step .Bottom .CancelBtn { border: none; margin-left: 10px; }
.FormOverlay.Step { background-color: #000; position: absolute; z-index: 1; }
.CenterOverlay .FormOverlay.Step { display: none; }

/*-----ListView-------*/
.UI_ListView { overflow: auto; flex-shrink: 1; flex-grow: 1; flex-basis: auto; background-color: #fff; border: 1px solid #eee; border-radius: 0; }
.UI_ListItem { float: left; overflow: hidden; }
.UI_ListView.ListVert { border: none; background: inherit; display: flex; flex-direction: column; }
.UI_ListView.ListVert .UI_ListItem { float: none; display: block; line-height: 36px; height: 36px; text-indent: 5px; cursor: default; }
.UI_ListView.ListVert .UI_ListItem:hover { background-color: #2881c7; color: #fff; }
.DataText { word-wrap: break-word; word-break: break-all; }
.UI_ListView .LayoutItemLabel { padding-top: 0px; }
.ListPager { text-align: left; border: none; }
.UI_ListView .UI_ListItem.selected { border: 1px dashed #ccc; background-color: #fafafa; }
.UI_ListView .UI_ListItem.active { }
.UI_ListView .UI_ListItem.ViewDragBlock { border: 1px dashed #ccc; background-color: #fafafa; }
.UI_ListView .UI_ListItem.ViewMoveItem { position: absolute; z-index: 99999; margin: 0; opacity: 0.7; filter: alpha(opacity=70); }

/*----进度条----*/
.NoBorder{border:none !important;}
.ProgressBar { width: 100%; height: 18px; background-color: #e0e0e0; border-radius: 8px; position: relative; border: 4px solid #e0e0e0; }
.ProgressBar .ProgressValue { background-color: #5bc0de; height: 100%; width: 0; border-radius: 8px; position: absolute; left: 0; top: 0; z-index: 0; animation: reverse progress-bar-stripes 0.60s linear infinite, animate-positive 2s; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px }
.ProgressBar .ProgressText, .ProgressBar .ProgressHighText { position: relative; z-index: 1; margin: auto; width: 100%; text-align: center; top: 0; line-height: 2; height: 100%; display: block; color: #333; }
.ProgressBar .ProgressHighText { color: #fff; }

.ProgressBar.ValueFloat span { position: absolute; left: 0; top: -40px; border-radius: 8px; width: auto; min-width: 26px; height: 30px; display: inline-block; line-height: 30px !important; text-align: center; background-color: #191919; transition: left .2s linear; word-break: keep-all; word-wrap: normal; white-space: nowrap; padding: 0 5px; }
.ProgressBar.ValueFloat span:after { content: ""; border-top: 10px solid #191919; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -6px; left: 8px; }

.ProgressBar.BlackBg ,.GridBodyCell.BlackBg .ProgressBar{ background-color: #262626; border-color: #262626; }
.ProgressBar.BlackBg .ProgressText,.GridBodyCell.BlackBg .ProgressBar .ProgressText { color: #fff; }
.ProgressBar.RedValue .ProgressValue ,.GridBodyCell.RedValue .ProgressBar .ProgressValue { background-color: #d9534f; }
.ProgressBar.GreenValue .ProgressValue ,.GridBodyCell.GreenValue .ProgressBar .ProgressValue { background-color: #5cb85c; }
.ProgressBar.YellowValue .ProgressValue,.GridBodyCell.YellowValue .ProgressBar .ProgressValue { background-color: #f0ad4e; }


/*---图片裁剪-----*/
.ImageCropperBox { display: inline-block; border: 0; border: none; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.ImageCropper { border: 1px solid #666666; position: relative; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.ImageCropper_DragHandle { border: 1px dashed #fff; width: 80px; height: 80px; top: 0px; left: 0px; cursor: move; position: absolute; }
.ImageCropper_DragHandle_Drag { position: absolute; background: #FFF; border: 1px solid #333; width: 6px; height: 6px; z-index: 500; font-size: 0; opacity: 0.5; filter: alpha(opacity=50); }
.ImageCropper_DragHandle_DragLeft { left: -4px; top: 50%; margin-top: -4px; cursor: e-resize; }
.ImageCropper_DragHandle_DragRight { right: -4px; top: 50%; margin-top: -4px; cursor: e-resize; }
.ImageCropper_DragHandle_DragUp { top: -4px; left: 50%; margin-left: -4px; cursor: n-resize; }
.ImageCropper_DragHandle_DragDown { bottom: -4px; left: 50%; margin-left: -4px; cursor: n-resize; }
.ImageCropper_DragHandle_DragLeftUp { left: -4px; top: -4px; cursor: nw-resize; }
.ImageCropper_DragHandle_DragRightUp { right: -4px; top: -4px; cursor: ne-resize; }
.ImageCropper_DragHandle_DragRightDown { right: -4px; bottom: -4px; background-color: #00F; cursor: nw-resize; }
.ImageCropper_DragHandle_DragLeftDown { left: -4px; bottom: -4px; cursor: ne-resize; }
.ImageCropper_DragHandle_DragHide { border: 0; border: none; background-color: transparent; filter: alpha(opacity=0); cursor: move; }
.ImageCropper_DragHandle_DragDisable { border: 0; border: none; background-color: transparent; filter: alpha(opacity=0); cursor: default; }
.ImageCropper_DragBaseImg { filter: url(blur.svg#blur); -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); }


/*--------FlowPanel-----------*/
.FlowPanel { margin: 0 0 5px 0; padding: 0; overflow: hidden; flex-shrink: 0; }
.FlowPanel .FlowItem { margin: 0 8px 4px 0; float: left; }
.FlowPanel .FlowItem:last-child { margin-right: 0; }
.FlowPanel.vert .FlowItem { clear: both; float: none; margin-right: 0; }
.FlowPanel.Border .FlowItem { margin: 0 3px 5px 5px; }
.FlowPanel.Border { border-color: #dee6ee; padding-top: 5px; text-align: left; box-shadow: none; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.FlowPanel.Border.shadow { box-shadow: 0 0 6px #ccc; }
.FlowPanel.hasCaption { padding-top: 0 }
.FlowPanel .FlowCaption { text-indent: 5px; line-height: 28px; height: 28px; width: 100%; background-color: #eff3f6; clear: both; margin-bottom: 10px; }
.FlowPanel .FlowCaption:before { margin-right: 5px; }
.FlowPanel .FlowLabel { display: inline-block; margin-right: 8px; vertical-align: top; text-align: right; }
.FlowPanel .FlowItem { display: flex; align-items: center; }
.FlowPanel.MorePanel { max-width: 1032px; }
.FlowPanel .LayoutItemLabel { padding-top: 0; line-height: 26px; }
.FlowPanel .Label { display: inline-block; height: 26px; line-height: 26px; margin: 0; }
.FlowPanel .FlowItem .RadioButtonList, .FlowPanel .FlowItem .CheckBoxList { height: 30px !important;align-items: center;display: flex;}
.FlowPanel.vert .FlowItem .RadioButtonList, .FlowPanel.vert .FlowItem .CheckBoxList { height: auto !important; }
.FlowPanel > .HSpacer { height: 28px; }
.FlowPanel > .VSpacer { height: 28px; clear: both; width: 1px; float: none; }
.FlowPanel .FlowItem .HBlock { display: inline-block; padding: 0; }

.LabelRight .Label, .LabelRight .FlowLabel { text-align: right; }
.LabelLeft .Label, .LabelLeft .FlowLabel { text-align: left; }
.LabelCenter .Label, .LabelCenter .FlowLabel { text-align: center; }

/*模拟FieldSet*/
.FlowPanel.FieldSet { position: relative; padding: 20px 0 5px 0; overflow: visible; margin-top: 14px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.FlowPanel.FieldSet .FlowCaption { padding: 0 5px; color: inherit; background-color: #fff; position: absolute; top: -9px; left: 10px; width: auto; height: auto; line-height: normal; font-weight: bold; margin: 0; }
.FlowPanel.FieldSet .FlowItem { display: inline-block; float: none; vertical-align: top; }
/*必须靠后*/
.FlowPanel.OverHide, .FlowPanel.OverHide.Border { border: none; overflow: hidden; height: 0 !important; padding: 0; }

/*更多面板展开样式*/
.FlowPanel.ExpandPopup { text-align: center; }
.FlowPanel.ExpandPopup .FlowItem { text-align: left; }
.FlowPanel.ExpandPopup .MoreItem .FlowLabel { display: none; }
.FlowPanel.ExpandPopup .MoreItem { float: none; clear: both; margin: auto; text-align: center; }
.FlowPanel.ExpandPopup .MoreItem .ExpandButton { border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #999; border-bottom: 8px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; margin-top: 10px; cursor: pointer; }
.FlowPanel.ExpandPopup .MoreItem .ExpandButton:hover { border-top-color: #ff0000; }
.Popup.ExpandPopup .FlowPanel.MorePanel { max-width: inherit; }
.Popup.ExpandPopup .PopupArrow { display: none !important; }
.Popup.p-top.ExpandPopup { border-top: none; background-color: #fff; -moz-box-shadow: 1px 2px 3px #ddd; -webkit-box-shadow: 1px 2px 3px #ddd; box-shadow: 1px 2px 3px #ddd; }

.FlexRow { flex-direction: row !important; }
.FlexBlock { display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; overflow: hidden; }
.FlexBlock.vert .FlexBlock { width: auto; }
.FlexBlock > *, .FlexRow > * { margin-right: 5px; }
.FlexBlock > *:last-child, .FlexRow > *:last-child { margin-right: 0 }
.FlexBlock.vert { flex-direction: column; }
.FlexBlock.vert > *, .FlexBlock.hasCaption > * { margin-right: 0; margin-bottom: 5px; }
.FlexBlock.vert > *:last-child, .FlexBlock.hasCaption > *:last-child { margin-bottom: 0px; }
.FlexBlock > .HBlock { padding: 0; }
.FlexBlock.FlexCenter, .UI_ListView.FlexCenter, .FlexCenter { display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.FlexWrap { display: flex; flex-wrap: wrap; }
.FlexSpace { display: flex; justify-content: space-between; }
.FlexAround { display: flex; justify-content: space-around; }
.FlexShrink0 { flex-shrink: 0; }

.FlexBlock.hasCaption { flex-direction: column; }
.FlexBlock.Border.hasCaption .FlexCaption { border: none }
.FlexBlock.Border { box-shadow: none; }
.FlexBlock .FlexCaption { text-indent: 5px; line-height: 28px; height: 28px; background-color: #eff3f6; flex-shrink: 0; border: 1px solid #dee6ee; border-bottom: none; margin-bottom: 0; }


.PageBlock { flex-shrink: 1; flex-grow: 1; flex-basis: auto; display: flex; flex-direction: column; position: relative; }
.PageBlock.VMiddle { justify-content: center; }
.PageBlock.VBottom { justify-content: flex-end; }
.PageBlock.HCenter { align-items: center; }
.PageBlock.HRight { align-items: flex-end; }
.FlexAuto { flex-grow: 1; flex-basis: auto; flex-shrink: 1; display: flex; width: auto; height: auto; }
.FlexColumn { flex-direction: column; }
.FlexFixed { flex: none; display: flex; flex-direction: column; }
.ListViewBlock { flex-grow: 1; flex-basis: auto; flex-shrink: 1; display: flex; flex-direction: column; overflow: hidden; }
.ListViewBlock .ListView { flex-grow: 1; flex-basis: auto; flex-shrink: 1; }
.FlexClear { flex-shrink: 1; flex-grow: 1; flex-basis: auto; display: block; }
.Flex0 { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.Flex1 { flex: 1 0 auto; }
.Flex2 { flex: 2 0 auto; }
.Flex3 { flex: 3 0 auto; }
.Flex50 { flex-basis: 50%; }
.PageControl { display: flex; flex-grow: 1; flex-basis: auto; flex-shrink: 1; flex-direction: column; }
.TabBody,.TabBodyNoHeader{ display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; }
.TabPage { display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; flex-direction: column; }
.TabPage > * { margin-bottom: 5px; }
iframe { flex-grow: 1; flex-basis: auto; flex-shrink: 1; display: flex; }
.BrowserIE .FlexBlock iframe { width: 100%; height: 100%; }

/*----------Block-------*/
.HBlock { padding: 5px 0; overflow: hidden; flex-shrink: 0; }
.Block{flex-shrink:0;}
.Block.Border, .VBlock.Border, .HBlock.Border { padding-top: 5px; padding-bottom: 5px; box-shadow: none; padding-left: 5px; }
.HBlock > *, .Block.Border > * { margin-right: 5px; display: inline-block; vertical-align: top; }
.VBlock > * { display: block; margin-bottom: 5px; margin-right: 5px; }
.HBlock > *:last-child { margin-right: 0 }
.VBlock > *:last-child { margin-bottom: 0 }
.HBlock > .FlowPanel { margin: 0; }


/*color面板*/
.ColorPopup { position: absolute; clear: both; display: none; border: 1px solid #ccc; background-color: #fff; outline: none; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.ColorPopupFrame { width: 235px; height: 123px; }
.ColorPopupConFrame { position: absolute; right: 10px; top: 10px; border: 1px solid #ccc; overflow: hidden; width: 16px; height: 101px; }
.ColorPopupConSelect { position: absolute; right: 0px; top: 0px; width: 35px; height: 123px; cursor: pointer; background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/colorEdit/arrow.gif") 0px 55px no-repeat; }
.ColorPopupDisk { width: 181px; height: 101px; position: absolute; left: 10px; top: 10px; border: 1px solid #ccc; background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/colorEdit/hs.png") 0px 0px no-repeat; }
.ColorPopupDiskFrameBox { height: 1px; font-size: 1px; line-height: 0; background-color: #fff; }
.ColorPopupDiskSelect { position: absolute; left: 0px; top: 0px; width: 200px; height: 123px; cursor: crosshair; background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/colorEdit/cross.gif") 81px 53px no-repeat; }

/*------------日期-日历面板----------*/
.Calendar { width: 280px; height: 240px; border: 1px solid #eee; }
.Calendar .CalendarMain { width: 100%; height: 100%; }
.Border.CalendarMain { left: -2000px; top: -2000px; padding: 1px; }

.CalendarMain { width: 280px; display: inline-block; background-color: #fff; }
.CalendarMain .CalendarTitle { line-height: 34px; height: 34px; position: relative; text-align: center; }
.CalendarMain .CalendarTitle .Year, .CalendarMain .CalendarTitle .Month { margin: 0 20px; color: #323232; font-size: 16px; font-weight: bold; }
.CalendarMain .CalendarTitle span { cursor: pointer; display: inline-block; vertical-align: middle; color: #9d9d9d; }
.CalendarMain .CalendarTitle span:hover { color: #ffa004; }
.CalendarMain .YearArrow.ArrowRight { margin-right: 30px; }

.CalendarMain .CalendarBody { overflow: hidden; position: relative; border-bottom: 1px solid #e7e7e7; }
.CalendarMain .CalendarBody .Border { border-radius: 0 }
.CalendarMain .WeekRow { background-color: #377bff; color: #fff; display: block; overflow: hidden; }
.CalendarMain .WeekCell { float: left; height: 34px; line-height: 34px; text-align: center; width: 14.1%; cursor: default; color: #fff; }
.CalendarMain .DayRow { display: block; clear: both; overflow: hidden; margin-top: 2px; }
.CalendarMain .DayCell { float: left; height: 26px; line-height: 26px; margin-right: 3px; width: 13%; font-size: 14px; color: #9b9b9b; text-align: center; cursor: pointer; }
.CalendarMain .DayCell:hover { background-color: #e7f1ff; }
.CalendarMain .DayCell.mtCurr { color: #373737; }
.CalendarMain .DayCell.selected { background-color: #377bff; color: #fff; border-radius: 4px; }
.CalendarMain .DayCell.Today { font-weight: bold; }
.CalendarMain .TodayButton { width: 100%; height: 34px; line-height: 34px; border-radius: 0; background-color: #fff; color: #377bff; border: none; font-size: 14px; clear: both; box-shadow: none; padding: 0; margin: 5px 0 0 0; }
.CalendarMain .TodayButton:hover { background-color: #377bff; color: #fff; }

.CalendarMain .MonthPopup.Border { border: none; left: 0; top: -100%; width: 100%; height: 100%; padding: 0 1px; }
.CalendarMain .CalendarBottom { text-align: center; padding-top: 5px; }
.CalendarMain .CalendarBottom > .EditBlock { margin-right: 15px; margin-left: 5px; }
.CalendarMain .CalendarBottom .ButtonEdit { width: 50px; }

.MonthPopup { border: 1px solid #eee; padding: 4px 0; position: absolute; top: -2000px; left: -2000px; text-align: center; display: inline-block; text-align: center; }
.MonthPopupMain { margin: auto; text-align: center; overflow: hidden; display: inline-block; }
.MonthPopup .YearBlock { float: left; width: 90px; margin: 0 3px; }
.MonthPopup .VLine { float: left; background-color: #ccc; width: 1px; height: 180px; overflow: hidden; padding: 0; }
.MonthPopup .MonthBlock { float: left; width: 90px; margin: 0 3px; }
.MonthPopup .YearArrowRow div { display: inline-block; width: 45px; margin: auto; text-align: center; }

.MonthPopup .Button { margin: 5px 5px 0 5px; width: 95%; line-height: 24px; height: 24px; }
.MonthPopup .td { display: inline-block; width: 45px; cursor: pointer; line-height: 26px; text-align: center; }
.MonthPopup .td:hover { color: #ffa004; }
.MonthPopup .td.selected { color: #fff; background-color: #77BFF9; border-radius: 4px; }
.MonthPopup .td.disabled { cursor: default; color: #a0a0a0; }
.MonthPopup .Edit { margin: auto; margin-top: 5px; width: 70px; height: 24px; text-align: center; padding: 0; }
.MonthPopup .DateArrow { margin: 5px 0; cursor: pointer; }


/*--------Tree--------*/
.TreeBlock { display: flex; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.TreeView { padding: 0; border: 1px solid #cfcfcf; overflow: auto; background-color: #fff; outline: none; flex-shrink: 1; flex-grow: 1; flex-basis: auto; }
.TreeNode { display: flex; line-height: 26px; cursor: default; }
.TreeNode:hover { background-color: #eee; color: #2881c7; }
.TreeNode.selected { color: #2881c7; background-color: #cfecf5; }
.TreeNode.disabled:hover, .TreeNode.disabled { background-color: inherit; color: #aaa; }
.TreeNode.disabled .CheckBlock, .TreeNode.disabled .CheckBlock.iconfont:before { color: #bababa; }
.TreeView.AllowClick .TextBlock { cursor: pointer; }
.TreeView.NoWrap .TextBlock { word-break: keep-all; word-wrap: normal; white-space: nowrap; }
.TreeView .NodeEdit { height: 22px; line-height: 22px; margin-top: 2px; }

.TreeNode .LevelBlock { flex-shrink: 0; }
.NodeLevel0 { width: 0; }
.NodeLevel1 { width: 20px; }
.NodeLevel2 { width: 40px; }
.NodeLevel3 { width: 60px; }
.NodeLevel4 { width: 80px; }
.NodeLevel5 { width: 100px; }
.NodeLevel6 { width: 120px; }
.NodeLevel7 { width: 140px; }
.NodeLevel8 { width: 160px; }
.NodeLevel9 { width: 180px; }
.NodeLevel10 { width: 200px; }
.NodeLevel11 { width: 220px; }
.NodeLevel12 { width: 240px; }
.NodeLevel13 { width: 260px; }
.NodeLevel14 { width: 280px; }
.NodeLevel15 { width: 300px; }
.NodeLevel16 { width: 320px; }
.NodeLevel17 { width: 340px; }
.NodeLevel18 { width: 360px; }
.NodeLevel19 { width: 380px; }
.NodeLevel20 { width: 400px; }
.NodeLevel21 { width: 420px; }
.NodeLevel22 { width: 440px; }
.NodeLevel23 { width: 460px; }
.NodeLevel24 { width: 480px; }
.NodeLevel25 { width: 500px; }
.NodeLevel26 { width: 520px; }
.NodeLevel27 { width: 540px; }
.NodeLevel28 { width: 560px; }
.NodeLevel29 { width: 580px; }
.NodeLevel30 { width: 600px; }

.TreeNode .ExpandBlock { width: 20px; text-align: center; flex-shrink: 0; }
.TreeNode .ExpandBlock.expand:before { content: '\e670'; font-size: 14px; }
.TreeNode .ExpandBlock.collapse:before { content: '\e671'; font-size: 14px; }

.TreeNode .CheckBlock { width: 22px; text-align: center; color: #9e9e9e; flex-shrink: 0; }
.TreeNode .CheckBlock.index0:before { content: '\e61f'; font-size: 15px; }
.TreeNode .CheckBlock.index1:before { content: '\e622'; font-size: 17px; color: #2196f3; }
.TreeNode .CheckBlock.index2:before { content: '\e65a'; font-size: 15px; color: #2196f3; }

.TreeNode .TextBlock { padding-right: 2px; }
.TreeNode .EditorBlock { display: flex; }
.TreeNode .EditorBlock > * { margin-right: 5px; }

.TreeDragBlock { border: 1px solid #aaa; background: #eee; padding: 8px; position: absolute; display: none; }
.TreeDragLine { height: 1px; border: 1px solid #aaa; border-left: 5px solid red; position: absolute; display: none; }

.NodeFadeIn, .NodeFadeOut { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
.NodeFadeIn { -webkit-animation-name: transitionDropIn; animation-name: transitionDropIn; -webkit-animation-play-state: running; animation-play-state: running; opacity: 0; }
.NodeFadeOut { -webkit-animation-name: transitionDropOut; animation-name: transitionDropOut; -webkit-animation-play-state: running; animation-play-state: running; }

.DropStyle, .TreeBlock.DropStyle, .GridBlock.DropStyle { box-shadow: 0 0 8px rgba(121,176,237,0.8); }


.TreeView.ShowLine .TreeNode:hover {  color: #2881c7;background-color: rgba(238, 238, 238, .5); }
.TreeView.ShowLine .TreeNode:hover .LevelBlock{ background-color: rgba(238, 238, 238, .3);}
.TreeView.ShowLine .TreeNode:hover .ExpandBlock{ background-color: rgba(238, 238, 238, .3);}
.TreeView.ShowLine .TreeNode:hover .TextBlock{ background-color: rgba(238, 238, 238, .3);}

.TreeView.ShowLine .TreeNode.selected { color: #2881c7; background-color: rgba(207, 236, 245, .5); }
.TreeView.ShowLine .TreeNode.selected .LevelBlock{ background-color: rgba(207, 236, 245, .3);}
.TreeView.ShowLine .TreeNode.selected .ExpandBlock{ background-color: rgba(207, 236, 245, .3);}
.TreeView.ShowLine .TreeNode.selected .TextBlock{ background-color: rgba(207, 236, 245, .3);}

.TreeView.ShowLine .ExpandBlock { background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/node0.gif");background-position:0 0;background-repeat:no-repeat; }
.TreeView.ShowLine .ChildrenBlock *:nth-last-child(2) .ExpandBlock { background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/none.gif") ;background-position:0 0 ;background-repeat:no-repeat; }

.TreeView.ShowLine .iconfont.ExpandBlock.expand,
.TreeView.ShowLine .iconfont.ExpandBlock.collapse { background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/node.gif");background-position:0 0;background-repeat:no-repeat; }

.TreeView.ShowLine .ChildrenBlock *:nth-last-child(2) .iconfont.ExpandBlock.collapse,
.TreeView.ShowLine .ChildrenBlock *:nth-last-child(2) .iconfont.ExpandBlock.expand { background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/last.gif");background-position:0 0;background-repeat:no-repeat; }
.TreeView.ShowLine > :nth-last-child(1) > :nth-last-child(2) .ExpandBlock.expand,
.TreeView.ShowLine > :nth-last-child(1) > :nth-last-child(2) .ExpandBlock.collapse { background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/last.gif");background-position:0 0;background-repeat:no-repeat; }

.TreeView.ShowLine .ChildrenBlock{background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/tree/line.gif");background-repeat:repeat-y;}
.TreeView.ShowLine .Children1 {background-position:0 0;}
.TreeView.ShowLine .Children2 {background-position:20px 0}
.TreeView.ShowLine .Children3 {background-position:40px 0}
.TreeView.ShowLine .Children4 {background-position:60px 0}
.TreeView.ShowLine .Children5 {background-position:80px 0}
.TreeView.ShowLine .Children6 {background-position:100px 0}
.TreeView.ShowLine .Children7 {background-position:120px 0}
.TreeView.ShowLine .Children8 {background-position:140px 0}
.TreeView.ShowLine .ChildrenBlock:last-child{background-image:none;}


/*------VSplitterEx------*/
.VSplitterEx { width: 10px; cursor: w-resize; display: flex; border: none; border-left: 2px solid #2881c7; align-items: center; flex-shrink: 0; }
.VSplitterEx.VLeft { border-left: none; border-right: 2px solid #2881c7; }

.VSplitterEx.collapse, 
.VSplitterEx.collapse.VLeft, 
.VSplitterEx.nodrag.VLeft, 
.VSplitterEx.nodrag { cursor: default; border-color: transparent; background-color: transparent; margin: 0; }

.VSplitterEx.collapse .LeftTriangleEx, 
.VSplitterEx.collapse .RightTriangleEx, 
.VSplitterEx.nodrag .LeftTriangleEx, 
.VSplitterEx.nodrag .RightTriangleEx{ border-radius: 6px; }

.VSplitterEx.collapse:hover,
.VSplitterEx.VLeft.collapse:hover,
.VSplitterEx.VLeft.nodrag:hover,
.VSplitterEx.nodrag:hover{ background-color: transparent; border-color: transparent; cursor: default; }

.VSplitterEx .LeftTriangleEx,
.VSplitterEx .RightTriangleEx { position: relative; flex-shrink: 0; cursor: pointer; display: block; width: 8px; height: 50px; background-color: #2881c7; line-height: 0; font-size: 0; }

.VSplitterEx .LeftTriangleEx:hover, 
.VSplitterEx .RightTriangleEx:hover { background-color: #ffa004; }

.VSplitterEx .LeftTriangleEx span,
.VSplitterEx .RightTriangleEx span { position: absolute; top: 20px; border-right: 6px solid #fff; border-left: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; }

.VSplitterEx .LeftTriangleEx span { left: -6px; }
.VSplitterEx .RightTriangleEx span { border-left-color: #fff; border-right-color: transparent; right: -6px; }
.VSplitterEx .RightTriangleEx { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.VSplitterEx .LeftTriangleEx { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

/*------HSplitterEx-----*/
.HSplitterEx { width: 100%; height: 10px; cursor: n-resize; display: flex; position: relative; line-height: 0; clear: both; border: none; border-bottom: 2px solid #2881c7; align-items: center; flex-shrink: 0; }
.HSplitterEx.HBottom { border-bottom: none; border-top: 2px solid #2881c7; }

.HSplitterEx.collapse, 
.HSplitterEx.collapse.HBottom, 
.HSplitterEx.nodrag.HBottom, 
.HSplitterEx.nodrag { cursor: default; border-color: transparent; background-color: Transparent; }

.HSplitterEx.collapse .UpTriangleEx, 
.HSplitterEx.collapse .DownTriangleEx, 
.HSplitterEx.nodrag .UpTriangleEx, 
.HSplitterEx.nodrag .DownTriangleEx{ border-radius: 6px; }

.HSplitterEx.collapse:hover,
.HSplitterEx.HBottom.collapse:hover,
.HSplitterEx.HBottom.nodrag:hover,
.HSplitterEx.nodrag:hover{ background-color: transparent; cursor: default; border-color: transparent; }

.HSplitterEx .UpTriangleEx, 
.HSplitterEx .DownTriangleEx { display: block; cursor: pointer; width: 50px; height: 8px; margin: auto; position: relative; background-color: #2881c7; line-height: 0; font-size: 0; }

.HSplitterEx .UpTriangleEx:hover,
.HSplitterEx .DownTriangleEx:hover { background-color: #ffa004; }

.HSplitterEx .UpTriangleEx span,
.HSplitterEx .DownTriangleEx span { position: absolute; left: 20px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #fff; border-bottom: 6px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; }

.HSplitterEx .UpTriangleEx span { border-bottom-color: #fff; border-top-color: transparent; top: -5px; }
.HSplitterEx .DownTriangleEx span { bottom: -5px; }
.HSplitterEx .UpTriangleEx { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.HSplitterEx .DownTriangleEx { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }


/*-----多选、单选框------*/
.CheckBoxList { overflow: auto; }
.CheckBoxListHorzItem.ChkBoxStyle { padding-bottom: 2px; margin-right: 8px; }
.CheckBoxListVertItem.ChkBoxStyle, .RadioButtonListVertItem.ChkBoxStyle { display: block; padding-right: 5px; }
.ChkBoxStyle { background: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/icons/check.png") no-repeat 0 0; white-space: nowrap; display: inline-block; }
.ChkBoxStyle.disabled { background-position: 0 -160px; }
.ChkBoxStyle.checked { background-position: 0 -40px; }
.ChkBoxStyle.checked.disabled { background-position: 0 -120px; }
.ChkBoxStyle.half { background-position: 0 -80px; }
.ChkBoxStyle input { padding: 0; margin: 2px 1px 0 2px; width: 17px; height: 17px; opacity: 0; filter: alpha(opacity = 0); }
.ChkBoxStyle label { margin-left: 3px; display: inline-block; height: 20px; line-height: 20px; overflow: hidden; }
.ChkBoxStyle.dnone input { display: none; }
.RadioButtonList.Border, .CheckBoxList.Border { box-shadow: none; display: inline-flex; align-items: center; min-height: 28px; }
.RadioButtonList .ChkBoxStyle, .RadioButton.ChkBoxStyle { background-position: 0 -200px; }
.RadioButtonList .ChkBoxStyle.disabled, .RadioButton.ChkBoxStyle.disabled { background-position: 0 -320px; }
.RadioButtonList .ChkBoxStyle.checked, .RadioButton.ChkBoxStyle.checked { background-position: 0 -240px; }
.RadioButtonList .ChkBoxStyle.checked.disabled, .RadioButton.ChkBoxStyle.checked.disabled { background-position: 0 -280px; }
.UI_ListLayout .ChkBoxStyle { width: 20px; height: 20px; }
.RadioButtonListHorzItem { padding-right: 8px; }
.RadioButtonListHorzItem label, .CheckBoxListHorzItem label, .CheckBoxListVertItem label, .RadioButtonListVertItem label { margin-left: 3px; }
.RadioButtonList.Vert, .CheckBoxList.Vert { flex-direction: column; align-items: flex-start; line-height: 30px; }
.RadioButtonList.Vert .ChkBoxStyle, .CheckBoxList.Vert .ChkBoxStyle { margin: 3px 0; }

.CheckBox.ChkBoxStyle, .RadioButton.ChkBoxStyle { margin-top: 4px; margin-bottom: 4px; }
/*---Svg列---*/
.SvgStyle { overflow:hidden;cursor: pointer; }
/*---Layout---*/
.LayoutGroupCaption { line-height: 28px; padding-left: 5px; padding-top: 3px; padding-bottom: 1px; color: #333; background-color: #eff3f6; }
.LayoutGroupBorder { border: 1px solid #ddd; margin-bottom: 5px; text-align: left; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;flex-shrink:0;}
.LayoutGroupBlock{flex-shrink:0;}
.LayoutBlock{flex-shrink:0;margin:5px 0;}
.LayoutGroupBorder .LayoutGroupBorder { border-top-style: solid; }
.LayoutGroupVSpacer { height: 4px; }
.LayoutItemLabelVSpace { padding-top: 3px; }
.LayoutItemControlVSpace { padding-top: 3px; }
.LayoutItemLabel { white-space: nowrap; padding-left: 8px; padding-top: 3px; padding-right: 8px; line-height: 28px; }
.LayoutItemControl { padding-right: 6px; }
.LayoutItemControl .Label { line-height: 28px; }
.LayoutItemNoLabel { padding-top: 6px; padding-right: 0; }
.LayoutFirstItemNoLabel { padding-left: 0; padding-top: 3px; padding-right: 0; }

/*--NavBar--ToolBar--*/
.NavBar { border: 1px solid #ddd; border-top: none; box-shadow: 1px 2px 2px #eee; padding: 0; background-color: #fff; }
.NBGroupHeader { cursor: pointer; color: #333; line-height: 30px; background-color: #eff3f6; border: 1px solid #ddd; border-left: none; border-right: none; overflow: hidden; }
.NBGroupHeader:hover { background-color: #dfeaf3; }
.NBCaptionText { text-indent: 10px; float: left; }
.NBCaptionText:before { margin-right: 8px; width: 20px; }
.NBIcon { float: right; color: #777; margin-right: 10px; }
.NBIcon:before { content: '\e7ed'; }
.NBIcon.expand:before { content: '\e7f0'; }
.NBGroupBody { padding: 5px; clear: both; }
.NBGroupContent { height: 0; overflow: hidden; width: auto; border: none; margin: 0; padding: 0; -webkit-transition: height .1s linear; -moz-transition: height .1s linear; transition: height .1s linear; }

.SmallNavItem { cursor: pointer; color: #494949; padding: 4px 5px 4px 9px; }
.SmallNavItemIcon { width: 16px; height: 16px; border-width: 0; margin-right: 8px; }
.LargeNavItem { cursor: pointer; color: #494949; padding: 6px 12px 6px 12px; }
.LargeNavItemIcon { width: 32px; height: 32px; margin-bottom: 3px; }

.ToolBar { height: 24px; line-height: 24px; border: 1px solid #ccc; background-color: #eff3f6; overflow: hidden; flex-shrink: 0; }
.ToolBarNoBottomLine { border-bottom-style: none; }
.ToolBarNoTopLine { border-top-style: none; }
.ToolBarText { float: left; }
.ToolBarHandle { width: 0; height: 24px; float: left; margin: 0; }
.ToolButton { float: left; cursor: pointer; text-align: center; height: 24px; padding: 0 5px; }
.ToolButton img { margin-top: 4px; width: 16px; height: 16px; }
.ToolImage { float: left; cursor: pointer; padding: 0 5px; }
.ToolTextButton { cursor: default; float: left; }
.ToolSpeedButton { float: left; cursor: pointer; padding: 0 5px; }
.ToolSpeedButton img { margin-right: 4px; vertical-align: middle; }
.ToolSpeedText { white-space: nowrap; vertical-align: middle; }
.ToolSeperator { float: left; width: 1px; height: 12px; background-color: #ccc; margin: 0 5px; margin-top: 6px; box-shadow: 0 0 4px #ccc; }

.LargeToolBar { border: 1px solid #ccc; height: 44px; line-height: 44px; overflow: hidden; background-color: #fff; }
.LargeToolBarHandle { float: left; width: 0; height: 36px; margin: 0; }
.LargeToolButton { float: left; text-align: center; vertical-align: middle; cursor: pointer; padding: 0 10px; height: 44px; }
.LargeToolBar .ToolSpeedButton { padding: 0 10px; }
.LargeToolButton img { margin-top: 10px; width: 24px; height: 24px; vertical-align: middle; }
.LargeToolButtonText { white-space: nowrap; vertical-align: middle; }
.LargeToolSeperator { float: left; width: 1px; height: 14px; background-color: #ddd; margin: 0 5px; margin-top: 15px; box-shadow: 0 0 4px #ccc; }
.ToolButton:hover, .LargeToolButton:hover, .ToolSpeedButton:hover { background-color: #bbdcf5; }


/*---滚动条样式----*/
::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 8px; box-shadow: inset 0 0 6px rgba(111,111,111,.3); }
::-webkit-scrollbar-thumb:hover { background-color: #bbb; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background-color: #f5f5f5; }
::-webkit-scrollbar-button { height: 10px; width: 10px; }
::-webkit-scrollbar-button:vertical:start:decrement { margin: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #bbb; }
::-webkit-scrollbar-button:vertical:end:increment { margin: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #bbb; }
::-webkit-scrollbar-button:horizontal:start:decrement { margin: 0; border-top: 5px solid transparent; border-right: 5px solid #bbb; border-bottom: 5px solid transparent; }
::-webkit-scrollbar-button:horizontal:end:increment { margin: 0; border-top: 5px solid transparent; border-left: 5px solid #bbb; border-bottom: 5px solid transparent; }
::-webkit-scrollbar-button:vertical:start:decrement:hover { border-bottom-color: #000; }
::-webkit-scrollbar-button:vertical:end:increment:hover { border-top-color: #000; }
::-webkit-scrollbar-button:horizontal:start:decrement:hover { border-right-color: #000; }
::-webkit-scrollbar-button:horizontal:end:increment:hover { border-left-color: #000; }
::-webkit-scrollbar-button:start:increment { display: none; }
::-webkit-scrollbar-button:end:decrement { display: none; }


/*--ListBox---*/
.ListBox { background-color: #fff; border: 1px solid #ddd; width: 118px; cursor: default; box-shadow: none; border-radius: 2px; overflow: auto; }
.ListBox img { width: 10px; height: 10px; }
.ListBox.disabled .BoxItem, .ListBox .BoxItem.disabled { color: #a0a0a0; cursor: text; }
.ListBox .BoxItem { line-height: 25px; text-indent: 5px; cursor: default; color: #333; border-bottom: 1px solid #fff; }
.ListBox .BoxItem:before { margin-right: 5px; }
.ListBox .BoxItem:hover { background-color: #eee; }
.ListBox .BoxItem.active { background-color: #fefae3; }
.ListBox.NoWrap .BoxItem { word-break: keep-all; word-wrap: normal; white-space: nowrap; display: inline-flex; min-width: 100%; }
.ListBox.Dot .BoxItem { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-break: keep-all; }
.FlexBlock > .ListBox { display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; width: auto; flex-direction: column; }

.printstylepage > .ListBox .BoxItem.active { background-color: #397ee9; }
/*----箭头-------*/
.ArrowRight, .CalendarMain .ArrowRight { border-left: 6px solid #777; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; float: none; background: none; }
.ArrowLeft { border-right: 6px solid #777; border-left: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; }
.ArrowLeft:hover { border-right-color: #ffa004; }
.ArrowRight:hover { border-left-color: #ffa004; }
.ArrowDown, .Button.ArrowDown { border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #777; border-bottom: 6px solid transparent; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; }
.ArrowUp { border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid #777; font-size: 0; padding: 0; overflow: hidden; display: inline-block; width: 0; height: 0; }


/*HtmlEditor*/
.HtmlEditorItemBorder { cursor: pointer; border-bottom: 1px solid #B0DAEB; }
.HtmlEditorListElement { text-align: center; line-height: 2; padding: 0 10px; cursor: pointer; border-bottom: 1px solid #B0DAEB; }
.HtmlEditorListElement:hover { border-color: #74bbd8; background-color: #FDFCF4; }

.HtmlEditor { border: 1px solid #d9d6d1; box-shadow: 3px 3px 8px #e0e1e1; overflow: hidden; }
.HtmlEditor .ToolBar { height: 22px; border: none; background-image: none; background-color: #f9f9f8; padding: 1px; }
.HtmlEditor .ToolBar, .HtmlEditor .HtmlEditorBody { border: none; }
.HtmlEditor .HtmlEditorBody { box-shadow: 0 -3px 4px #e0e1e1; }

/*----动画---*/
.transition1 { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; }
.transition2 { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.transition3 { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.transition4 { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; transition: all .4s linear; }
.transition5 { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; }
.opacity { opacity: 1; -webkit-transition: opacity .4s linear; -moz-transition: opacity .4s linear; transition: opacity .4s linear; }

/*部分浏览器特性*/
input::-webkit-input-placeholder { font-size: 12px; }
input:-moz-placeholder { font-size: 12px; }
input::-moz-placeholder { font-size: 12px; }
input:-ms-input-placeholder { font-size: 12px; }
input::-webkit-input-safebox-button { display: none; }
#sogou_secure_inputs_container { display: none; }
.dselect { user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.ATag { display: inline-block; line-height: 22px; padding: 0 5px; cursor: pointer; }
.ErrMessage { color: #ff0000; }

/*显示模式*/
.dnone { display: none; }
.dblock { display: block; }
.dinline { display: inline-block; }
.dinlineflex { display: inline-flex; }
.dflex { display: flex; }
.dflexnone { flex: none; }
.dflex0 { flex: 0; }
.posrel { position: relative; }
.posabs { position: absolute; }
.posfixed { position: fixed; }
.w100s { width: 100% !important; }

/*高度*/
.height10 { height: 10px; }
.height22 { height: 22px; }
.height24 { height: 24px; }
.height26 { height: 26px; }
.height28 { height: 28px; }
.height30 { height: 30px; }
.height32 { height: 32px; }
.height34 { height: 34px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height120 { height: 120px; }
.height200 { height: 200px; }
.height300 { height: 300px; }
.height400 { height: 400px; }

/*宽度*/
.width80 { width: 80px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width150 { width: 150px; }

/*行高*/
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 34px; }

/*间距*/
.margin0 { margin: 0 }
.margin0tree { margin: 0 }
.margin0tree > .TreeBlock { margin: 0 }
.margin5 { margin: 5px; }
.marginAuto { margin: auto; }
.mt20 { margin-top: 20px; }
.ml10 { margin-left: 10px; }
.mr20 { margin-right: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.ml20 { margin-left: 20px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.mb5 { margin-bottom: 5px; }
.mt5 { margin-top: 5px; }
.mts6 { margin-top: 6px !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.pdl5 { padding-left: 5px; }
.pdt5 { padding-top: 5px; }
.pd0 { padding: 0; }
.pd10 { padding: 10px; }
.pdt0 { padding-top: 0; }
.pdb0 { padding-bottom: 0; }

/*颜色*/
.redcolor { color: #ff0000; }
.bluecolor { color: #0000ff }
.maincolor { color: #2881c7 }
.ccc { color: #ccc; }
.aaa { color: #aaa; }
.bbb { color: #bbb; }
.111 { color: #111; }
.222 { color: #222; }
.333 { color: #333; }
.444 { color: #444; }
.555 { color: #555; }
.666 { color: #666; }
.777 { color: #777; }
.888 { color: #888; }
.999 { color: #999; }

/*圆角*/
.radius4 { border-radius: 4px; }
.radius6 { border-radius: 6px; }
.radius8 { border-radius: 8px; }
.radius10 { border-radius: 10px; }
.radius12 { border-radius: 12px; }
.radius14 { border-radius: 14px; }

/*文本对齐*/
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.tcenter { text-align: center !important; }
.tshadow { text-shadow: 1px 1px 2px #aaa; }

/*阴影*/
.shadow { box-shadow: 0 1px 2px #ccc; }
.shadownone { box-shadow: none; }

/*部分特殊功能的css*/
.aicon-uploader { border: 3px dashed #ccc; padding: 0; color: #ccc; border-radius: 2px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; flex-shrink: 0; overflow: hidden; }
.aicon-uploader:hover { border-color: #bbb; color: #aaa; }
.aicon-uploader:before { font-size: 100px; content: '\e6b9' }
.aicon-uploader .ButtonOpacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*HintBox*/
.HintBox { cursor: default; position: absolute; left: 50%; top: 0; opacity: 0; border: 1px solid #555; background-color: #555; color: #fff; padding: 0 10px; line-height: 26px; display: inline-block; cursor: pointer; border-radius: 6px; }
.HintBox .iconfont { position: absolute; color: #555; }

.HintBox .arrowTop { left: 15%; bottom: -17px; }
.HintBox .arrowRight { left: -12px; top: 0 }
.HintBox .arrowBottom { left: 10%; top: -17px; }
.HintBox .arrowLeft { right: -12px; top: 0 }
.HintBox .arrowTop:before { content: '\e601'; }
.HintBox .arrowRight:before { content: '\e6b6'; }
.HintBox .arrowBottom:before { content: '\e600'; }
.HintBox .arrowLeft:before { content: '\e602'; }

.HintForm { background-color: #fff; min-width: 200px; max-width: 400px; min-height: 70px; position: fixed; right: -200px; bottom: 1px; border: 1px solid #666; z-index: 99999; }
.HintCaption { line-height: 24px; text-indent: 10px; background-color: #666; color: #fff; }
.HintClose { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-color: #000; text-align: center; line-height: 24px; color: #fff; }
.HintClose:hover { color: #fff; background-color: #fb7070; }
.HintContent { line-height: 30px; text-indent: 12px; padding: 5px; }

/*Loading*/
.Loading { position: absolute; left: -1000px; top: -1000px; padding: 0 20px; height: 54px; line-height: 54px; text-align: center; white-space: nowrap; word-wrap: normal; word-break: keep-all; border: 1px solid rgb(230,236,243); background-color:rgb(230,236,243); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 0 0 6px #bbb; -webkit-box-shadow: 0 0 6px #bbb; -moz-box-shadow: 0 0 6px #bbb; display: inline-block; }
.LoadingIcon { display: inline-block; -webkit-animation: LoadingIconSnake .8s infinite linear; animation: LoadingIconSnake .8s infinite linear; margin-right: 10px; }
.LoadingIcon:before { content: "\e653"; }
#LoadingFirst { position: absolute; left: 45.5%; top: 46.5%; }
.ECharts { flex-shrink: 1; flex-grow: 1; flex-basis: auto; }

/*DropDownPopup*/
.DropPopup { position: absolute; overflow-x: hidden; left: -2000px; top: -2000px;max-width:95%; }
.DropPopup .DropItem {  line-height: 24px; height: 24px; text-indent: 5px; white-space: nowrap; cursor: default; }
.DropPopup .DropItem img { margin-top: 5px; }
.DropItem.normal { background-color: #FFF; color: #000; }
.DropItem.selected { background-color: #FEF5E7; color: #FE9F13; }
.DropItem.disabeld { background-color: #E5F5FD; color: #9BBBE0; }

.DrpFadeIn, .DrpFadeOut { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
.DrpFadeIn { -webkit-animation-name: transitionDropIn; animation-name: transitionDropIn; -webkit-animation-play-state: running; animation-play-state: running; opacity: 0; }
.DrpFadeOut { -webkit-animation-name: transitionDropOut; animation-name: transitionDropOut; -webkit-animation-play-state: running; animation-play-state: running; }
.DrpOrange { will-change: top, left; transform-origin: center top 0px; }
.DrpUp { will-change: bottom, left; transform-origin: center bottom 0px; }

.Popup.PrintMenuPopup { text-align: center; width: 220px; background-color: #eaeaea; box-shadow: 0 0 8px #333; }
.PrintMenuPopup .Button { display: block; margin: 8px auto; width: 180px; height: 34px;line-height: 34px; border-radius: 4px; }
.PrintMenuPopup .PrintButton button.Button { width: 160px; border-radius: 4px 0 0 4px; }
.PrintMenuPopup .PrintButton .RightIcon.Button { border-radius: 0 4px 4px 0; }
.PrintMenuPopup .Label.version { color: #aaa; }
.Button:before { margin-right: 5px; }

.HintBlock { position: absolute; left: -10000px; top: -10000px; border: 1px solid #ccc; border-radius: 10px; padding: 10px; box-shadow: 2px 2px 4px #ddd; background-color: #fdf6df; }
.HintBlock .arrow { position: absolute; top: -12px; left: 10px; color: #ccc; }
.HintBlock .arrow.bottom:before { content: '\e601'; }
.HintBlock .arrow.right { left: auto; right: 10px; }
.HintBlock .arrow.bottom { top: auto; bottom: -13px; }

.BrowserCheckContent { text-align: center; width: 700px; }
.BrowserCheckContent .Title { margin: 20px auto; text-align: center; font-size: 22px; font-weight: bold; display: block; }
.BrowserCheckContent .Title p { line-height: 20px; margin: 5px auto; font-size: 14px; display: block; }
.BrowserCheckContent .Tips { margin: 0 auto; text-align: left; font-size: 14px; color: #aaa; }

.BrowserCheckContent .Lists { margin: 25px auto; text-align: center; }
.BrowserCheckContent .icon { width: 80px; height: 80px; display: inline-block; margin: 0 5px; background-image: url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/icons/browsers.jpg"); background-repeat: no-repeat; }
.BrowserCheckContent .b360 { background-position: 0 0; }
.BrowserCheckContent .bsougou { background-position: -80px 0; }
.BrowserCheckContent .bjisu { background-position: -160px 0; }
.BrowserCheckContent .bqq { background-position: -240px 0; }
.BrowserCheckContent .bliebao { background-position: -320px 0; }

.CaptionVert { text-align: center; }
.CaptionVert .GridHeaderCaptionText { margin: 0 auto; text-align: center; line-height: 24px; white-space: inherit; word-wrap: break-word; word-break: break-all; word-spacing: 10px; letter-spacing: 10px; width: 20px; }

.Grid .CellChk .ChkBoxStyle { margin: 3px 5px; }

.ImageViewer { position: relative; width: 100%; height: 100%; display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; overflow: hidden; background-color: rgba(0,0,0,0.5); }
.ImageViewer .Button.LeftArrow { position: absolute; top: 50%; left: 0; height: 200px; line-height: 200px; border-radius: 60px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: -100px; }
.ImageViewer .Button.RightArrow { position: absolute; top: 50%; right: 0; height: 200px; line-height: 200px; border-radius: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-top: -100px }
.ImageViewer .Button.CloseBtn { position: absolute; width: 100px; height: 100px; line-height: 100px; border-radius: 50px; right: -50px; top: -50px; }
.ImageViewer .Button.CloseBtn:before { margin: 0; position: absolute; top: 50px; left: 25px; line-height: 30px; }
.ImageViewer .ViewBody { display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; align-items: center; justify-content: center; height: 100%; }
.ImageViewer img { max-height: 90%; }
.AbsViewer { position: absolute; left: 0; top: 0; z-index: 99999; }

/*--------浏览器兼容性样式--放到css最后面---------*/
.TraceDump { text-align: left; position: fixed; bottom: 5px; right: 5px; width: 300px; height: 200px; padding: 0 5px; line-height: 24px; z-index: 9999; background: rgba(0,0,0,0.9); color: #fff; border-radius: 8px; border: 1px solid #000; box-shadow: 0 0 8px #444; white-space: nowrap; overflow: auto; }
.TraceDump b { color: #ff0000; }
.TraceDump.ShowFull { width: 50%; height: 100%; right: 0; bottom: 0; background-color: #000; border-radius: 0 }
.TraceDump .btn { position: absolute; width: 16px; height: 16px; border-radius: 8px; text-align: center; line-height: 12px; font-size: 12px; cursor: pointer }
.TraceDump .TraceContent { overflow: auto; width: 100%; height: 100%; padding: 0 5px; line-height: 24px; word-break: break-word; word-wrap: break-word; white-space: pre-wrap }
.TraceDump .closeBtn { right: 10px; top: 5px; background-color: #e91e63 }
.TraceDump .clearBtn { right: 31px; top: 5px; background-color: #555 }
.TraceDump .maxBtn { right: 51px; top: 5px; background-color: #2881c7 }

.PrintErrMsg .TipText { cursor: pointer; text-decoration: underline; font-size: 14px; }
.Popup.PrintMenuPopup .ChkBoxStyle { display: block; margin: 8px auto; width: 100px; }
a.TipsLink, .TipsText { color: #377bff; }

.PrintErrMsg{color:#666;line-height:32px;}
.PrintErrorBox .TitleBlock{margin: 10px 0 0 0;display:flex; align-items:center;justify-content: center;}
.PrintErrorBox .errormsg{margin: 10px 0 0px 0;display:flex; align-items:center;justify-content: center;color:red; text-align:center; }
.PrintErrorBox .aicon-tishikong:before{font-size:60px;color:#fbc550;margin-right:20px;}
.PrintErrorBox .Title1 { cursor: pointer;font-size: 18px;font-weight:600;}
.PrintErrorBox .BottomButtons{display:none;}
.PrintErrorBox ._Bottom{margin:20px auto;display:flex; align-items:center;justify-content: space-around;}
.PrintErrorBox .Button{color:#fff;height:40px;line-height:40px;border:none;border-radius:6px;width:160px;letter-spacing: 5px;position:relative;}
.PrintErrorBox ._Bottom a,.PrintErrorBox ._Bottom a:visited{color:#fff; text-decoration:none;}
.PrintErrorBox .BButton{background-color:#108de9;}
.PrintErrorBox .BButton:hover{background-color:#0978c9;}
.PrintErrorBox .RButton{background-color:#ee818d;}
.PrintErrorBox .RButton:hover{background-color:#cc4f5d;}
.PrintErrorBox .Button.small{width:auto;height:32px;line-height:32px; letter-spacing:normal;}
.PrintErrorBox ._Content{display:flex;align-items:center;    justify-content: space-around;}
.PrintErrorBox .Arrow{overflow:hidden;line-height:normal;background-color:#fff;cursor:pointer;}
.PrintErrorBox .Arrow:hover{background-color:#eee;}
.PrintErrorBox .Arrow.disabled{background-color:Transparent;cursor:default;}
.PrintErrorBox .Arrow:before{font-size:70px;font-weight:bold;}
.PrintErrorBox ._Body{width:600px;height:250px;display:flex;overflow:hidden;position:relative;}
.PrintErrorBox ._Step{display:flex;align-items:center; justify-content: center;font-size:14px;font-weight:600;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0;padding:0 30px;overflow:hidden;flex-wrap:wrap;}
.PrintErrorBox .bword{width:100%;}
.PrintErrorBox ._Step.Hided{left:100%;}
.PrintErrorBox ._Step.HidedPrev{left:-100%;}
.PrintErrorBox .iconBar{display: flex;justify-content: center;padding: 10px 0 30px 0;}
.PrintErrorBox .bicon{    font-weight: normal;font-size: 12px;background-repeat: no-repeat;height: 40px;margin: 0 20px;background-size: 40px ;background-position: center top;padding-top: 40px;}
.PrintErrorBox .iconNew{background-image:url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/print/new.png");}
.PrintErrorBox .iconOld{background-image:url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/print/old.png");}
.PrintErrorBox .iconGM{background-image:url("/tts3v62356204/R.axd?v=537300176&r=Carpa.Web/skins/ui/print/gm.png");}
.PrintErrorBox .aicon-bangzhu:before{color:#fff;animation:colors 1s infinite linear;}
.PrintErrorBox ._Progress{margin: 20px auto 50px auto;position:relative;display:flex;align-items:center;}
.PrintErrorBox ._ProgressX{justify-content: space-around;display:flex;flex:auto;}
.PrintErrorBox ._Progress .ProgressBar{position:absolute;top:50%;left:0;margin-top:-1px;z-index:0;}
.PrintErrorBox ._Progress .icon{width:28px;height:28px;line-height:22px;border-radius:14px;color:#fff;border:3px solid #a5a5a5;text-align:center;z-index:1;background-color:#a5a5a5;}
.PrintErrorBox ._Progress .icon.cur{background-color:#ff7046;border-color:#ffc5b3;}
.PrintErrorBox a, .PrintErrorBox a:visited { color: #0000ff; }

/*--------平台提供一些公共样式---默认皮肤模板--------*/
.SearchBlock { position: relative; padding: 0; display: flex; flex-shrink: 0; height: 34px; }
.SearchBlock .SearchButton { position: absolute; right: 5px; top: 0; }
.SearchBlock .SearchEdit { text-indent: 12px; border-radius: 16px; flex-grow: 1; flex-basis: auto; flex-shrink: 0; display: flex; width: auto !important; }

.MovieBg:after { content: ''; position: absolute; top: 0; left: -5%; height: 100%; width: 50px; background: #fff; z-index: 0; opacity: 0.2; transform: skew(-25deg); animation: movieBg 1s linear infinite; animation-play-state: running; }
.MaxContent .GridBlock { flex-grow: 1 !important; height: auto !important; width: auto !important; }
.MaxContent .GridBlock .Grid { flex-grow: 1 !important; height: auto !important; width: auto !important; }

.SkinUIPage { padding: 20px 30px 15px 30px; }
.SkinUIPage .FlowPanel { padding: 20px 5px 15px 0; }
.UIHtmlBox { position: absolute; right: -1000px; bottom: -1000px; }
.UISkinIcon { position: absolute; right: 45px; top: 0; width: 20px; cursor: pointer; }
.UISkinIcon:before { font-size: 20px; }
.UISkinIcon:hover { color: #ffa004; }

.DragBlock { display: inline-block; position: fixed; right: 20px; bottom: 20px; z-index: 10; }
.DragBlock > .dnone { display: inline-block }


/*动画*/
@-webkit-keyframes LoadingIconSnake {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes LoadingIconSnake {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes transitionDropIn {
    0% { opacity: 0; -webkit-transform: scaleY(.8); transform: scaleY(.8) }
    to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1) }
}

@keyframes transitionDropIn {
    0% { opacity: 0; -webkit-transform: scaleY(.8); transform: scaleY(.8) }
    to { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1) }
}

@-webkit-keyframes transitionDropOut {
    0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1) }
    to { opacity: 0; -webkit-transform: scaleY(.8); transform: scaleY(.8) }
}

@keyframes transitionDropOut {
    0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1) }
    to { opacity: 0; -webkit-transform: scaleY(.8); transform: scaleY(.8) }
}

@keyframes movieBg {
    1% { left: 0%; }
    50% { left: 50%; }
    100% { left: 200%; }
}


@-webkit-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}

@-o-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}

@keyframes progress-bar-stripes {
    from { background-position: 40px 0 }
    to { background-position: 0 0 }
}
@-webkit-keyframes colors {
    from {color: #ff7046;}
    to {color: #fff;}
}
ul.SetupInstallUI {display:flex;flex-direction: column;margin-top: 10px;}
ul.SetupInstallUI li { list-style-type: none;}