* {
	/*FONT-FAMILY:'arial','Helvetica','sans-serif','宋体';*/
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
BODY 
{
	PADDING: 0px;
	BORDER: 0px;
	MARGIN: 0px;
	font-size:12px;
}
ul{margin:0px 0px;padding:0px 0px;}
ul,li{list-style-type:none;}
FIELDSET {
	border: 1px #F0F0F0 solid;
	padding: 5px 5px;
	MARGIN: 5px 5px;
	border-radius: 5px;
}

LEGEND {
	padding: 6px 6px;
	FONT-WEIGHT: 800;
	FONT-SIZE: 14px;
	BACKGROUND: #fff;
	COLOR: #3D8FFE;
}
a 	
{
    COLOR:#1860D8;	TEXT-DECORATION: none;
 }
a:hover
{
    color:#40a9ff;
    text-decoration:underline;
}
img{ border:0px;}

input::-webkit-input-placeholder{color:#CDCED1 !important;}
input::-moz-placeholder{color:#CDCED1 !important;}
input:-moz-placeholder{color:#CDCED1 !important;}
input:-ms-input-placeholder{color:#CDCED1 !important;}

input[type='password'], input[type='text'], select {
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	background-color: #ffffff;
	color: #3c3c3c;
	width: 100%;
	height: 25px;
	font-size: 12px;
	padding-left: 3px;
	border-radius: 4px;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

textarea {
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	background-color: #ffffff;
	color: #3c3c3c;
	width: 100%;
	line-height: 18px;
	font-size: 12px;
	padding-left: 3px;
	border-radius: 4px;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
input:hover
{
    border-color:#3D8FFE;
}
select:hover
{
    border-color:#3D8FFE;
}
textarea:hover
{
    border-color:#3D8FFE;
}
input:focus
{
    border-color:#3D8FFE;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2);
}
select:focus
{
    border-color:#3D8FFE;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2);
}
textarea:focus
{
   border-color:#3D8FFE;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2);
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2);
}
.wrap {	white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}

/*#region action表*/
.action_table {
	width: 100%;
	height:35px;
	border-bottom:1px solid #C0C0C0;
	background-color:#E6E6E6;
}
.action_table th {
	width: 80px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #337ab7;
	padding-right: 10px;
	line-height: 35px;
}
.action_table td {
	text-align: left;
	line-height: 35px;
}
.action_table td.query {
	width: 150px;
	text-align: right;
	padding-right: 20px;
}
/*#endregion*/

/*#region 查询*/
.query_table {
	width: 100%;
	min-width: 600px;
	color: #3D5E86;
	border-bottom: 1px solid #9FA8B3;
	border-right: 1px solid #9FA8B3;
	border-collapse:collapse;
	background-color:#F5F5F5;
}
.query_table tr.advanced {
	display: none;
}
.query_table td {
	text-align: left;
	padding: 2px 4px;
	line-height: 140%;
	margin:0;
}
.query_table tr th {
	text-align: right;
	padding: 2px 2px 2px 2px;
	line-height: 140%;
	margin:0;
}
.query_table tr.alt {
	background: #ecf6fc;
}

div.advanced_query {
	margin-top: -20px;
	margin-bottom: 15px;
	height: 17px;
}
div.advanced_query .btn_advanced_query {
	background: url(/Images/Icon/query_expand.png) no-repeat right;
	width: 70px;
	float: right;
	height: 17px;
	cursor: pointer;
}
div.advanced_query .btn_advanced_query.expand {
	background: url(/Images/Icon/query_shrink.png) no-repeat right;
}
/*#endregion*/

/*#region edit表*/
/*原css*/
.edit_content {
	padding: 0px 3px 3px 3px;
}
.edit_table {
	width: 100%;
	color: #3C3C3C;
	margin-top:0;
	table-layout:fixed;
	/*background-color:#F8FDFF;*/
}
.edit_table.border {
	border-top: 0px solid	#8E8E8E;
	border-left: 0px solid	#8E8E8E;

}
.edit_table tr td {
	text-align: left;
	padding: 1px 2px 1px 2px;
	line-height: 140%;
	margin:0;
	word-break: break-all;
}
.edit_table tr th {
	text-align: right;
	padding: 1px 2px 1px 2px;
	line-height: 140%;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}
.edit_table tr.alt 
{
   
}
.edit_table.border tbody td {

}
.edit_table.border tbody th {
	font-size:13px;
	font-weight:normal;
}
.edit_table tr .readonly {
	background: #F7F7F7;
}
.edit_table tr.adjustable td {
	height: 20px;
	background: #ADD1E8;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.edit_table tr.adjustable td span.arrow {
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url(/Images/Icon/arrow_up_16.png) no-repeat;
	display: inline-block;
	margin-right: 5px;
}
.edit_table tr.adjustable.expand td span.arrow {
	background: url(/Images/Icon/arrow_down_16.png) no-repeat;
}
.edit_table tr.adjustable.contract td span.arrow {
	background: url(/Images/Icon/arrow_up_16.png) no-repeat;
}
.edit_table td input.verify_boxwarn {
	border-color: #fc3f45;
}
	.edit_table td.center {
		text-align:center;
	}

	.split_h10 {
		height: 10px;
		clear: both;
	}
.split_h20{ height:20px; clear:both;}
.split_h30{ height:30px; clear:both;}
.split_h70{ height:70px; clear:both;}
.split_v10{ width:10px; height:100%; float:left;}

.danger-color{color:#F75549 !important;}

.btn-danger /*#BtnDelete,#BtnBack-撤销,#BtnQuit-作废,#BtnReturn,#BtnEnd-结单,#BtnCheck-确认复核*/
{
    display: inline-block;user-select: none;appearance: button;outline: 0;
    text-align: center;background-color:#F75549;white-space: nowrap;
	font-size: 14px;cursor: pointer;height: 32px;line-height:32px;border-radius:4px;color:#ffffff;
	margin-left:5px;margin-right:5px;vertical-align:middle;border:0px;width: 80px;
	transition:all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}
.btn-danger:hover{background-color:#fb8076;}
.btn-danger:focus{border:none;box-shadow:none;}
.btn-danger:active{background-color:#a12218;}

.btn-query /*#BtnQuery*/
{
    display: inline-block;user-select: none;appearance: button;outline: 0;
    text-align: center;background-color:#FC9B00;white-space: nowrap;
	font-size: 14px;cursor: pointer;height: 32px;line-height:32px;border-radius:4px;color:#ffffff;
	margin-left:5px;margin-right:5px;vertical-align:middle;border:0px;width: 80px;
	transition:all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}
.btn-query:hover{background-color:#feb43f;}
.btn-query:focus{border:none;box-shadow:none;}
.btn-query:active{background-color:#a46400;}

.btn-submit  /*#BtnSubmit,#BtnRec,#BtnConfirm,#BtnSetting,#BtnSend*/
{
    display: inline-block;user-select: none;appearance: button;outline: 0;
    text-align: center;background-color:#3D8FFE;white-space: nowrap;
	font-size: 14px;cursor: pointer;height: 32px;line-height:32px;border-radius:4px;color:#ffffff;
	margin-left:5px;margin-right:5px;vertical-align:middle;border:0px;width: 80px;
	transition:all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}
.btn-submit:hover{background-color:#6daaff;}
.btn-submit:focus{border:none;box-shadow:none;}
.btn-submit:active{background-color:#1452a5;}

.btn-add  /*#BtnAdd,#BtnUpdate,#BtnAudit,#BtnSave*/
{
    display: inline-block;user-select: none;appearance: button;outline: 0;
    text-align: center;background-color:#449513;white-space: nowrap;
	font-size: 14px;cursor: pointer;height: 32px;line-height:32px;border-radius:4px;color:#ffffff;
	margin-left:5px;	margin-right:5px;vertical-align:middle;border:0px;width: 80px;
	transition:all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}
.btn-add:hover{background-color:#77ca46;}
.btn-add:focus{border:none;box-shadow:none;}
.btn-add:active{background-color:#286106;}

.btn-normal /*.BtnNewStyle ,#BtnExport,#BtnClose,#BtnPrint*/
{
    display: inline-block;user-select: none;appearance: button;outline: 0;
    text-align: center;background-color:#67809F;white-space: nowrap;
	font-size: 14px;cursor: pointer;height: 32px;line-height:32px;border-radius:4px;color:#ffffff;
	margin-left:5px;margin-right:5px;vertical-align:middle;border:0px;width: 80px;
	transition:all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}
.btn-normal:hover{background-color:#98b1cf;}
.btn-normal:focus{border:none;box-shadow:none;}
.btn-normal:active{background-color:#214167;}


.span_add {
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #3D8FFE;
	font-size: 18px !important;
	transition: all 0.3s cubic-bezier(.645, .045, .355, 1) 0s;
}

.span_add:hover {
	color: #6daaff;
}

.pager {width:100%; font-size:13px;}
.pager .Num{border:1px solid #D9D9D9;padding:6px 12px;margin:0px -1px 0px 0px;
            cursor:pointer;color:#3D8FFE;background-color:#fafafa;line-height:30px;
           
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;}
.pager .Num:hover{background:#eaeff2;}
.pager .Num.Now{color:#ffffff;background-color:#3D8FFE;border-color:#3D8FFE;text-shadow:0 -1px 0 rgba(0,0,0,0.25);cursor:default;}
.pager .Num.nolink{cursor:default;}
.pager .pageindex{color:#3D8FFE;font-weight:bolder;padding-left:3px; padding-right:3px;}

.tabbar{background-color:#ffffff;position:relative;border-bottom:1px solid #E8E8E8;
         box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;}
.tabbar ul{margin:0px;padding:0px;}
.tabbar li{display:inline-block;width:120px;height:35px;line-height:35px;
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
          border-top-left-radius:4px;  border-top-right-radius:4px;border-bottom:0px;
          border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;
          text-align:center;cursor:pointer;font-size:14px;
           transition-property: all;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            transition-delay: initial;
            }
.tabbar li:hover{color:#3D8FFE;}
.tabbar li.selected{color:#3D8FFE;font-weight:bold;border-top-color:#3D8FFE;background-color:#FAFAFA;}

.lb-for-tips
{
   border-bottom: 1px dashed #DDDDDD;
   cursor:help;
}
.lb-for-tips-help {
	border-bottom: 1px dashed #DDDDDD;
	cursor: help;
}

.lb-for-tips-click {
	border-bottom: 1px dashed #3D8FFE;
	cursor: pointer;
}

.warn_bgcolor
{
    background-color: #ff9100 !important;
}
.danger_color
{
    background-color: #F75549 !important;
}

/*******progress*********/

.progress
{
    margin-top: 0px;
    margin-right: 8px;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
}
.progress-text
{
    height:12px;
    line-height:12px;
    font-weight:600;
}
.progress-text .left
{
    display:block;
    float:left;
    text-align:left;
    color:#a12218;
    margin-left:10px;
            
}
.progress-text .right
{
    display:block;
    font:right;
    text-align:right;
    color:#fb8076;
    margin-right:10px;
}
.progress-outer
{
    width:100%;
    position: relative;
    display:inline-block;
    background-color:#F5F5F5;
    border-radius: 100px;
}
.progress-bg
{
    border-radius: 100px;
    display:inline-block;
    position: relative;
    background-color: #1890ff;
    height: 10px; 
    background-image: linear-gradient(to right, rgb(135, 208, 104), rgb(16, 142, 233));
           
}
.progress-bg::before
{
    position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;
    border-radius:10px;opacity:0;
    -webkit-animation:progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    animation:progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    content:''
}
        
@-webkit-keyframes progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}100%{width:100%;opacity:0}}
@keyframes progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}100%{width:100%;opacity:0}}
