*
{
    font-family: Microsoft YaHei,宋体,tahoma, arial, verdana, sans-serif;
    outline:none;
}

.mainbody
{
    font-size: 12px;
}
.mainbody td {
    margin: 0;
    padding: 1px 2px 0px 2px;
    height:20px;
    border:solid 0px #e8eef4;
    text-align: left;
}

.mainbodyconfirm
{
    font-size: 12px;
    background: url('images/checked.gif') no-repeat right bottom;
}
.mainbodyconfirm td {
    margin: 0;
    padding: 1px 2px 0px 2px;
    height:20px;
    border:solid 0px #e8eef4;
    text-align: left;
}

.eccombo {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #95B8E7;
  overflow: hidden;
  vertical-align: middle;
  background-color: #ffffff;
}
.eccombo .eccombo-need {
  border-color: red !important;
}
.eccombo .eccombo-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 2px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.ec-text {
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #95B8E7;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 2px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.eccombo-arrow {
  margin: 0;
  margin-left:-2px;
  padding: 0;
  width: 18px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: url('images/ecpop.png') no-repeat center center;
}
.ecdetailcombo-ok {
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: url('icons/ok.png') no-repeat center center;
}
.eccombo-arrow-hover {
  background-color: #eaf2ff;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.eccomboreadonly {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #95B8E7;
  overflow: hidden;
  vertical-align: middle;
  background-color: #ffffff;
}
.eccomboreadonly .eccomboreadonly-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 2px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
  border-style:none;
}

.ecdetailcombo {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-width: 0px;
  border-style: solid;
  border-color: #95B8E7;
  overflow: hidden;
  vertical-align: middle;
  background-color: #ffffff;
}
.ecdetailcombo .ecdetailcombo-need {
  border-color: red !important;
}
.ecdetailcombo .ecdetailcombo-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 0px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.ecdetailcombo-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 0px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.ecdetailcombo-arrow {
  margin: 0;
  margin-left:-4px;
  padding: 0;
  width: 18px;
  height: 17px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: url('images/ecpop.png') no-repeat center center;
}
.ecdetailcombo-arrow-hover {
  background-color: #eaf2ff;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.ecdetailcombo .ecdetailcombof2-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 0px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.ecdetailcombof2-text {
  font-size: 12px;
  border: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0px 0px;
  *margin-top: -1px;
  *height: 18px;
  *line-height: 18px;
  _height: 18px;
  _line-height: 18px;
  vertical-align: baseline;
}
.needinput
{
 color:#CC6633;
}
.mccarrow
{
    width: 18px;
    height: 116px;
    margin: 5px 0px 5px 2px;
    background: url(../images/lcarrow.png) no-repeat;
    float: left;
    background-position:left center;
}
.mccbegin
{
    width: 32px;
    height: 116px;
    margin: 5px 0px 5px 2px;
    background: url(../images/mccbegin.png) no-repeat;
    float: left;
    background-position:left center;
}
.mccend
{
    width: 32px;
    height: 116px;
    margin: 5px 0px 5px 2px;
    background: url(../images/mccend.png) no-repeat;
    float: left;
    background-position:left center;
}

.mccgroup
{
    width: 120px;
    height:116px;
    margin: 5px 10px 5px 0px;
    padding:3px 0px 0px 0px;
    text-align: left;
    float: left;
    cursor: pointer;
    overflow:auto;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-color: #DFDFDE;
}
.mccitem
{
    width: 110px;
    height:25px;
    margin: 2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
    text-align: left;
    float: left;
    overflow:hidden;
    white-space: nowrap;
    border-width: 0px 0px 0px 0px;
}
.mccuser
{
    width: 18px;
    height: 25px;
    margin: -2px 0px 0px 2px;
    background: url(../images/member.png) no-repeat;
    float: left;
    background-position:left center;
}
.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}

.format_alink:link {color: green;text-decoration:underline;}
.format_alink:visited {color: green}
.format_alink:hover {color: red;text-decoration:none}  
.format_alink:active {color: green} 

.ec_mask
{
    position:fixed;
    left:0px;
    top:0px;
    z-index:100;
    background-color:rgb(204, 204, 204);
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    height:100%;
    width:100%;
}

.ec_divdialog
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    border:1px solid #bbb;
    text-align:left;
    overflow:auto;
    position:absolute;
    z-index:10000;
    font-size:12px;
    background-color:#FFFFFF;
}

.ec_divdialog_title
{
    width:100%;
    height:25px;
    background-color:#f0f0f0;
    border-bottom:1px solid #bbb;
    line-height:25px;
    color:#696969;
    font-weight:bold;    
}

 .ec_btn_ok:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:110px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    line-height:30px;
    color:White; 
    background-color:#1C86EE;
    margin:20px 10px 10px 10px;
    font-size:14px;
}
.ec_btn_ok:visited
{
    color:White;
    background-color:#1C86EE;
}
.ec_btn_ok:hover
{
    background-color:#1E90FF;
}
.ec_btn_ok:active
{
    background-color:#1E90FF;
}
        
.ec_btn_canel:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:110px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    line-height:30px;
    color:White; 
    background-color:#bbb;
    margin:20px 10px 10px 10px;
    font-size:14px;
}
.ec_btn_canel:visited
{
    color:White;
    background-color:#bbb;
}
.ec_btn_canel:hover
{
    background-color:#C7C7C7;
}
.ec_btn_canel:active
{
    background-color:#C7C7C7;
}

.btn_ecdialog_close:link
{
    color:#696969;
    outline:none;
    text-decoration: none;
    display: inline-block;
    float:right;
    margin-right:10px;
}
.btn_ecdialog_close:visited
{
    color:#696969;
}
.btn_ecdialog_close:hover
{
    color:#FF7F00;
}
.btn_ecdialog_close:active
{
    color:#FF7F00;
}

        
 .sntype_oneitem:link
{
    outline:none;
    border:1px solid #F0F0F0;
    text-decoration: none;
    color:Black;
    background-color:#FFFFFF;
    display:inline-block;
    padding:0px 10px 0px 10px;
    margin:0px 5px 0px 5px;
}
.sntype_oneitem:visited
{
    border:1px solid #F0F0F0;
    color:Black;
    background-color:#FFFFFF;
}
.sntype_oneitem:hover
{
    border:1px solid #00CD00;
    color:#FFFFFF;
    background-color:#00CD00
}
.sntype_oneitem:active
{
    border:1px solid #00CD00;
    color:#FFFFFF;
    background-color:#00CD00
}

.sntype_selectoneitem
{
    outline:none;
    border:1px solid #00CD00;
    color:#FFFFFF;
    background-color:#00CD00;
    text-decoration: none;
    display:inline-block;
    padding:0px 10px 0px 10px;
    margin:0px 5px 0px 5px;   
}

.sntype_unselectoneitem
{
    outline:none;
    border:1px solid #F0F0F0;
    text-decoration: none;
    color:Black;
    background-color:#FFFFFF;
    display:inline-block;
    padding:0px 10px 0px 10px;
    margin:0px 5px 0px 5px;  
}

.wx-load-mask
{
    position:fixed;
    left:0px;
    top:0px;
    z-index:10000;
    background-color:#ccc;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;   
}
        
.wx-data-loading
{
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-19px;
    margin-top:-19px;
    z-index:20000;
    color:white;
}

.alertmsg_outter
{
    position:fixed;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    z-index:10000;
    display:table;
    text-align:center;
}

.alertmsg
{
    display:table-cell;
    vertical-align:middle;
    padding:10px;
}
        
.alertmsg_text
{
    display:inline-block;
    padding:15px 30px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    background:black;
    background:rgba(0,0,0,0.5);
} 

.alertmsg_text span
{
    color:White;  
    position: relative;
    font-size:20px;
}

.ec-btn-def:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:100%;
    height:45px;
    text-align:center;
    vertical-align:middle;
    line-height:45px;
    color:White;
    background-color:#00a7ff;
    font-size:14px;
}

.ec-btn-def:visited
{
    color:White;
    background-color:#00a7ff;
}
.ec-btn-def:hover
{
    filter:none;
    background-color:#00a7ff;
}
.ec-btn-def:active
{
    filter:none;
    background-color:#0077d9;
}

 .ec-btn-def-t1:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:100%;
    height:45px;
    text-align:center;
    vertical-align:middle;
    line-height:45px;
    color:White;
    background-color:#00CD00;
    font-size:14px;
}

.ec-btn-def-t1:visited
{
    color:White;
    background-color:#00CD00;
}
.ec-btn-def-t1:hover
{
    filter:none;
    background-color:#00CD00;
}
.ec-btn-def-t1:active
{
    filter:none;
    background-color:#008B00;
}



 .ec-btn-def-t2:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:100%;
    height:45px;
    text-align:center;
    vertical-align:middle;
    line-height:45px;
    color:White; 
    background-color:#bbb;
    font-size:14px;
}

.ec-btn-def-t2:visited
{
    color:White;
    background-color:#bbb;
}
.ec-btn-def-t2:hover
{
    filter:none;
    background-color:#bbb;
}
.ec-btn-def-t2:active
{
    filter:none;
    background-color:#C0C0C0;
}


 .ec-btn-def-t3:link
{
    outline:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    text-decoration: none;
    display: inline-block;   
    width:100%;
    height:45px;
    text-align:center;
    vertical-align:middle;
    line-height:45px;
    color:White; 
    background-color:#FF7F00;
    font-size:14px;
}

.ec-btn-def-t3:visited
{
    color:White;
    background-color:#FF7F00;
}
.ec-btn-def-t3:hover
{
    filter:none;
    background-color:#FF7F00;
}
.ec-btn-def-t3:active
{
    filter:none;
    background-color:#CD6600;
}

.com_showpic
{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-225px;
    margin-top:-225px;
    z-index:100000;
    width:450px;
    height:450px;
}
.com_showpic_body
{
    position:relative;
    height:100%;
    width:100%;
}
.com_showpic_img
{
    border:none;
    width:100%;
    height:100%;
}
.com_showpic_close:link
{
    position:absolute;
    text-decoration:none;
    display:inline-block;
    right:-36px;
    top:0px;
    z-index:100001;
    width:36px;
    height:36px;    
    background:url('/Content/m_images/icon_img_cancel.png') no-repeat;
}

.com-query-quick-filter-drawer-icon:link
{
    position:absolute;
    left:0;
    top:6px;
    z-index:1000;
    box-sizing:border-box;
    padding-left:25px;
    padding-right:5px;
    height:28px;
    line-height:28px;
    text-decoration:none;
    background-color:#ffffff;
}

.com-query-quick-filter-drawer-icon:visited
{
    background-color:transparent;
}
        
.com-query-quick-filter-drawer-icon:hover
{
    background-color:#ddd;
}
        
.com-query-quick-filter-drawer-icon:active
{
    background-color:transparent;
}

/*.com-query-quick-filter-drawer-icon-line
{
    position:absolute;
    left:0;
    top:0;    
}
.com-query-quick-filter-drawer-icon-line>div
{
    background:#696969;
    height:3px;
    margin-bottom:2px;
    width:20px;
}*/
.com-query-quick-filter-drawer-icon>span
{
    padding-left:4px;
    display:inline-block;
    height:100%;
    font-size:14px;
    color:#696969;
    font-weight:bold;
}
.com-query-quick-filter-drawer-icon-image
{
    position:absolute;
    left:5px;
    top:0; 
    width:20px;
    height:100%;   
    background:url(/Content/m_images/drawer-category-gray.png) no-repeat center center;      
}

.com-query-quick-filter-drawer-slider
{
    position:fixed;
	top: 0;
	right: -350px;
	width: 350px;
	height: 100%;
	z-index: 1000;
	transition: all 0.5s ease-in-out;    
	background-color:#ffffff;
}

.com-query-quick-filter-drawer-slider .com-query-quick-filter-drawer-slider-data
{
    height:100%;
}

.com-query-quick-filter-drawer-slider-open
{
    right: 0;
    -webkit-box-shadow:1px 1px 20px #bbb;  
    -moz-box-shadow:1px 1px 20px #bbb;  
    box-shadow:1px 1px 20px #bbb;
}
.com-query-quick-filter-drawer-slider-open .com-query-quick-filter-drawer-icon
{
    display:none; 
}

.com-query-quick-filter-drawer-slider-open .com-query-quick-filter-drawer-icon-close
{
    position:absolute;
    left:-40px;
    top:0px;
    z-index:1000;
    width:40px;
    height:40px;
    background:url(/Content/m_images/drawer-category-gray-close.png) no-repeat center center;      
}

.com-query-quick-filter-drawer-mask
{
    position:fixed;
    left:0px;
    top:0px;
    z-index:100;
    background-color:rgb(204, 204, 204);
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    height:100%;
    width:100%;
}

.com-query-quick-filter-drawer-icon-close:link
{
    
}

.ec-form-upload-pic-btn:link
{
    outline:none;
    text-decoration: none;
    display: inline-block;   
    height:32px;
    line-height:32px;
    width:70px;
    text-align:center;
    vertical-align:middle;
    color:White;
    background-color:#00a7ff;
    font-size:12px;
    border-color:#006ecc;  
    
    display:none;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-16px;
    margin-left:-35px;    
    z-index:10;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
}

.ec-form-upload-pic-btn:visited
{
    color:White;
    background-color:#00a7ff;
    transition: 0.2s;
}
.ec-form-upload-pic-btn:hover
{
    filter:none;
    background-color:#0077d9;
    transition: 0.2s;
}
.ec-form-upload-pic-btn:active
{
    filter:none;
    background-color:#0077d9;
    transition: 0.2s;
}

.ec-form-upload-pic-main
{
    position:relative;
}

.ec-form-upload-pic-main img
{
    display:inline-block;
    border:none;
    border:0;
    width:100%;
    height:100%;
    outline:none;
}
        
.ec-form-upload-pic-bg
{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:black;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;      
}
        
.ec-form-upload-pic-bg.mouseenter
{
    display:inline-block;    
    transition: 0.2s;
}
  
.ec-form-upload-pic-btn.mouseenter
{
    display:inline-block;    
    transition: 0.2s;    
}

#advancequeryform .filtername
{
    white-space:nowrap;
}

#advancequeryform .filtertype
{
    white-space:nowrap;
}

#advancequeryform .filterval
{
    white-space:nowrap;
}

.ec-com-loading-mask
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:100000;
}

.ec-com-loading-text
{   
    position:absolute;
    left:50%;
    top:50%;
    z-index:200000;
    width:110px;
    height:110px;
    margin-top:-55px;
    margin-left:-55px;
    background-color:black;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;   
    color:#fff;
    text-align:center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    overflow:hidden;
    font-size:13px;
}
        
.ec-com-loading-text >img
{
    border:none;
    border:0;
    display:block;
    margin:20px auto;
    height:35px;
}

.ec-com-loading-tip-mask
{
    position:absolute;
    top:50%;
    width:100%;
    height:0px;
    z-index:10000000000;
    text-align:center;  
}

.ec-com-loading-tip-text
{   
    position:relative;
    display:inline-block;
    width:110px;
    height:110px;
    margin-top:-55px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    background:black;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    color:#fff;
    overflow:hidden;
    font-size:13px;    
}

.ec-com-loading-tip-text >img
{
    border:none;
    border:0;
    display:block;
    margin:20px auto;
    height:35px;
}

.ec-com-showmsg
{
    position:absolute;
    display:none;
    width:100%;
    height:0px;
    z-index:10000000000;
    text-align:center;     
}

.ec-com-showmsg-text
{
    position:relative;
    display:inline-block;
    line-height:20px;
    padding:15px 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;  
    background:black;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    color:#fff;
    overflow:hidden;
    font-size:14px;    
    text-align:left;
}

.ec-com-showmsg-text-success
{
    position:relative;
    display:inline-block;
    line-height:20px;
    padding:15px 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;  
    background:#09bb07;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;   
    color:#fff;
    overflow:hidden;
    font-size:14px;   
    text-align:left; 
}
.ec-com-showmsg-text-note
{
    position:relative;
    display:inline-block;
    line-height:20px;
    padding:15px 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;  
    background:#10aeff;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;   
    color:#fff;
    overflow:hidden;
    font-size:14px;    
    text-align:left;
}
.ec-com-showmsg-text-warn
{
    position:relative;
    display:inline-block;
    line-height:20px;
    padding:15px 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;  
    background:#f43530;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;   
    color:#fff;
    overflow:hidden;
    font-size:14px;    
    text-align:left;
}
.ec-com-showmsg-text-error
{
    position:relative;
    display:inline-block;
    line-height:20px;
    padding:15px 30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:0px;  
    background:red;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;   
    color:#fff;
    overflow:hidden;
    font-size:14px;   
    text-align:left; 
}
.ec-com-showmsg-close
{
   position:absolute;
   right:10px;
   top:50%;
   margin-top:-8px;    
   outline:none;
   text-decoration: none;
   display: inline-block;  
   background:url(/Content/m_images/icon-white-close-small.png) no-repeat center center;
   width:16px;
   height:16px;
}

/* poptip 
   使用方法：按需要保留下面一个span箭头即可
            <div class="poptip" style='top:20px;left:20px;'>
                <span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span>
                <span class="poptip-arrow poptip-arrow-right"><em>◆</em><i>◆</i></span>
                <span class="poptip-arrow poptip-arrow-bottom"><em>◆</em><i>◆</i></span>
                <span class="poptip-arrow poptip-arrow-left"><em>◆</em><i>◆</i></span>
                文本信息
            </div>
*/
.poptip{position: absolute;padding:10px;*padding:10px;line-height: 24px;color: #DB7C22;font-size: 20px;background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;}
.poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 20px;text-shadow:0 0 2px #ccc;}
.poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;font-family: simsun;}
.poptip-arrow em{color: #FFBB76;}
.poptip-arrow i{color: #FFFCEF;text-shadow:none;}
.poptip-arrow-top,.poptip-arrow-bottom{height: 10px;width: 20px;left:20px;margin-left:-10px;}
.poptip-arrow-left,.poptip-arrow-right{height: 20px;width: 10px;top: 20px;margin-top:-10px;}
.poptip-arrow-left-bottom,.poptip-arrow-right-bottom {height: 20px;width: 10px;bottom: 20px;margin-bottom:-10px;}
.poptip-arrow-top{top: -10px;}
.poptip-arrow-top em{top: -2px;}
.poptip-arrow-top i{top: -1px;}
.poptip-arrow-bottom{bottom: -10px;}
.poptip-arrow-bottom em{top: -10px;}
.poptip-arrow-bottom i{top: -11px;}
.poptip-arrow-left{left:-9px;}
.poptip-arrow-left em{left:-1px;}
.poptip-arrow-left i{left:0px;}
.poptip-arrow-left-bottom{left:-9px;}
.poptip-arrow-left-bottom em{left:-1px;}
.poptip-arrow-left-bottom i{left:0px;}
.poptip-arrow-right{right:-10px;}
.poptip-arrow-right em{left:-9px;}
.poptip-arrow-right i{left:-10px;}
.poptip-arrow-right-bottom{right:-10px;}
.poptip-arrow-right-bottom em{left:-9px;}
.poptip-arrow-right-bottom i{left:-10px;}

.form-layout-north-expandbg:link
{
    position:absolute;
    display:inline-block;
    width:100%;
    height:6px;
    left:0;
    top:0;
    background-color:transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px; 
    z-index:100;
    
}
.form-layout-north-expandbg:visited 
{
    position:absolute;
    display:inline-block;
    width:100%;
    height:6px;
    left:0;
    top:0;
    background-color:transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px; 
    z-index:100;
}
.form-layout-north-expandbg:hover 
{
    position:absolute;
    display:inline-block;
    width:100%;
    height:6px;
    left:0;
    top:0;
    background-color:transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px; 
    z-index:100;
    
    background-color:#696969;       
    z-index:100;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25; 
    -o-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}  

.form-layout-north-expandbg:active 
{
    position:absolute;
    display:inline-block;
    width:100%;
    height:6px;
    left:0;
    top:0;
    background-color:transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px; 
    z-index:100;
}
.form-layout-north-expand:link
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_up_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px; 
}
.form-layout-north-expand:visited
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_up_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
}
.form-layout-north-expand:hover
{    
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_up_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
}
.form-layout-north-arrow:hover ~.form-layout-north-expandbg
{
    background-color:#696969;       
    z-index:100;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25; 
    -o-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}
.form-layout-north-expand:active
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_up_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
}
.form-layout-north-collapse:link
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_down_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px; 
} 
.form-layout-north-collapse:visited 
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_down_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px; 
}
.form-layout-north-collapse:hover
{
    position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_down_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px; 
}
.form-layout-north-collapse:active
{
     position:absolute;
    left:50%;
    top:0;
    width:36px;
    height:8px;
    margin-left:-18px;
    background:url(../m_images/icon_arrow_white_down_small.png) no-repeat center center;      
    z-index:101;
    background-color:#00a7ff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px; 
}

.ec-winloading-mask-process
{
    position:absolute;
    left:0;
    top:0;
    z-index:100000;
    width:100%;
    height:100%;
    background-color:#fff;    
}

.ec-winloading-mask-process-bar{
      width: 0;
      height:2px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100001;
      background-color: #00a7ff;
      overflow: hidden;
      -webkit-transition:width .3s ease-out, background-color .3s ease-out;
      -moz-transition:width .3s ease-out, background-color .3s ease-out;
      -o-transition:width .3s ease-out, background-color .3s ease-out;
      transition:width .3s ease-out, background-color .3s ease-out;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      animation-name: ecWinloadingMaskProcess;
      animation-duration: .5s;
      animation-timing-function: ease-out;
}
 @keyframes ecWinloadingMaskProcess {
    from { width:0 }
    to { width:100% }
}

.ec-winloading-mask-process-bar-next{
      width: 0;
      height:2px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100001;
      background-color: #00a7ff;
      overflow: hidden;
      -webkit-transition:width .3s ease-out, background-color .3s ease-out;
      -moz-transition:width .3s ease-out, background-color .3s ease-out;
      -o-transition:width .3s ease-out, background-color .3s ease-out;
      transition:width .3s ease-out, background-color .3s ease-out;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      animation-name: ecWinloadingMaskProcessNext;
      animation-duration: .5s;
      animation-timing-function: ease-out;
}
 @keyframes ecWinloadingMaskProcessNext {
   from { width:75% }
   to { width:100% }
}

.ec-loading-circular-linkbutton-icon
{
    position:absolute;
    left:14px;
    top:50%;
    margin-top:-5px;
    width:10px;
    height:10px;     
    border-radius: 50%;
    border: 1px solid transparent;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    animation: rotate 1s infinite linear;
}

.ec-loading-circular 
{
    border-radius: 50%;
    border: 1px solid transparent;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    animation: rotate 1s infinite linear;
}
@keyframes rotate 
{
    100% { transform: rotate(360deg); }
}


.ec-mainbody-combo-input-focus
{
    border-color:#2e7fff !important;
    
    box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(46,127,255,.6);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    
}

select
{
    border:1px solid #95b8e7;    
}

.ec-exchange-vinfo-fromtype
{
    position:absolute;
    right:15px;
    z-index:100000;
    width:80px;
    height:30px;
    padding:25px 0;
    /*bottom:50%;
    margin-top:-20px;*/
    bottom:15%;
    text-align:center;
    font-size:12px;
    color:#fff;
    -webkit-box-shadow:1px 1px 20px #bbb;  
    -moz-box-shadow:1px 1px 20px #bbb;  
    box-shadow:1px 1px 20px #bbb;    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:2px solid #fff;
    
    background-color:#00a7ff;
    background: -webkit-linear-gradient(top,#00a7ff 0,#1E90FF 100%);
    background: -moz-linear-gradient(top,#00a7ff 0,#1E90FF 100%);
    background: -o-linear-gradient(top,#00a7ff 0,#1E90FF 100%);
    background: linear-gradient(to bottom,#00a7ff 0,#1E90FF 100%);
    background-repeat: repeat-x;
}

.ec-exchange-vinfo-fromtype::before
{
    content: "\f0ec";
    padding-right:5px;
    font-family :FontAwesome !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale !important;
    color:#fff;    
}

.ec-file-uploader-layout-n
{
    -webkit-box-shadow:1px 1px 10px #ddd;  
    -moz-box-shadow:1px 1px 10px #ddd;  
    box-shadow:1px 1px 10px #ddd; 
}

.ec-file-uploader-wrapper
{
    position:relative;
    width:100%;
    height:30px;
    line-height:30px;
    border: 1px solid #00a7ff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px; 
    
    display:inline-block;
    vertical-align:middle;
}

.ec-file-uploader-wrapper input
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:30px;
    line-height:30px;
    filter:alpha(opacity=0);
    opacity:0;
    z-index:9;
}

.ec-file-uploader-fake
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:30px;
    line-height:30px;
    z-index:0;
    color:#4a5568;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    text-align:left;
}

.ec-file-uploader-fake >a
{
    position:absolute;
    right:0;
    top:0;    
    width:70px !important;
    height:30px !important;
    line-height:30px !important;
    font-size:12px !important;
    background-color:#00a7ff;
    text-align:center;
    outline:none;
    text-decoration: none;
    color:#fff;

    -moz-border-radius:0 2px 2px 0 !important;
    -webkit-border-radius: 0 2px 2px 0 !important;
    border-radius:0 2px 2px 0 !important; 
}

.ec-file-uploader-fake >a::before
{
   content: "\f07c";
   font-size:12px;
   font-family :FontAwesome !important;
   font-weight:bold;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale !important;
   color:#fff;      
   padding:0 5px;
   white-space:nowrap; 
   overflow:hidden; 
}
.ec-file-uploader-fake >label
{
    padding-left:5px;
}

.ec-com-dmhgz-print-monitor-printer
{
    position:relative;
    display:inline-block;
    background-color:#00CD00;
    height:26px;
    line-height:26px;
    padding:5px 8px;
    color:#fff;    
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    width:160px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;  
    cursor:pointer;
    padding-right:25px;
}

.ec-com-dmhgz-print-monitor-printer::before {
    content: "\f02f";
    font-size: 14px;
    font-family: FontAwesome !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale !important;
    color: #fff;
}

.ec-com-dmhgz-print-monitor-printer::after 
{
    position:absolute;
    right:5px;
    top:6px;
    content: "\f107";
    font-size: 14px;
    font-family: FontAwesome !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale !important;
    color: #fff;
}

/* 定义一个名为breathe的动画 */
@keyframes ec-com-dmhgz-print-monitor-printer-breathe-ok {
  0% {
    background-color:#00CD00;
    transform: scale(1);
  }
  50% {
    background-color:#00EE00;
    transform: scale(1);
  }
  100% {
    background-color:#00EE00;
    transform: scale(1);
  }
}
 
/* 应用于具有.breathing类的元素 */
.ec-com-dmhgz-print-monitor-printer-breathe-ok {
  animation: ec-com-dmhgz-print-monitor-printer-breathe-ok 5s ease-in-out infinite;
}

/* 定义一个名为breathe的动画 */
@keyframes ec-com-dmhgz-print-monitor-printer-breathe-error {
  0% {
    background-color:#CD6600;
    transform: scale(1);
  }
  50% {
    background-color:red;
    transform: scale(1);
  }
  100% {
    background-color:red;
    transform: scale(1);
  }
}
 
/* 应用于具有.breathing类的元素 */
.ec-com-dmhgz-print-monitor-printer-breathe-error {
    animation: ec-com-dmhgz-print-monitor-printer-breathe-error .5s ease-in-out infinite;
    background-color:red;
}

.ec-com-dmhgz-print-monitor-printer-status
{
    position:absolute;
    left:5px;
    top:45px;
    z-index:1000;
    padding:10px;
    background-color:#fff;   
    -webkit-box-shadow:1px 1px 20px #bbb;  
    -moz-box-shadow:1px 1px 20px #bbb;  
    box-shadow:1px 1px 20px #bbb;
    display:none;
}
.ec-com-dmhgz-print-monitor-printer-status-mask
{
    position:absolute;
    left:0;
    top:0;
    z-index:999;
    width:100%;
    height:100%;
    display:none;
}

.ec-com-open-dmhgz-print-monitor .panel-header 
{
    background-color: #fff;
}

.ec-com-open-dmhgz-print-monitor .panel-tool
{
    display:none;   
}

.ec-com-open-dmhgz-print-monitor-printlog-more
{
   position:absolute;
   outline:none;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius:2px; 
   text-decoration: none;
   display: inline-block;   
   left:50%;
   bottom:5px;
   width:32px;
   height:16px;
   margin-top:10px;
}

.ec-com-open-dmhgz-print-monitor-printlog-more-down
{
    background:url(/Content/css/images/layout_arrows.png) no-repeat -16px 0;     
}
.ec-com-open-dmhgz-print-monitor-printlog-more-up
{
    background:url(/Content/css/images/layout_arrows.png) no-repeat -16px -16px; 
}

.ec-com-dmhgz-print-monitor-printer-queue >ul
{
    padding:0;
    margin:0;
    box-sizing: border-box;   
    width:100%;
}

.ec-com-dmhgz-print-monitor-printer-queue >ul>li
{
    position:relative;
    list-style: none;
    font-weight:bold;
    padding:5px 8px;
    padding-right:12px;
    border-bottom:1px solid #95b8e7;
}
.ec-com-dmhgz-print-monitor-printer-queue >ul>li label
{
    position:absolute;
    display:inline-block;
    font-size:10px;
    height:20px;
    line-height:20px;
    padding:0 3px;
    color:#fff;
    background-color:#00CD00;
    right:2px;
    top:50%;
    margin-top:-10px;    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ec-com-dmhgz-print-monitor-printlog
{
    border:1px solid #95b8e7;
    border-bottom:none;          
}

.ec-com-dmhgz-print-monitor-printlog-nodata
{
    border:none;
}

.ec-com-dmhgz-print-monitor-printer-queue >ul
{
    border:1px solid #95b8e7;
    border-bottom:none;        
}

.ec-com-dmhgz-print-monitor-printer-queue >ul>li:nth-child(odd),
.ec-com-dmhgz-print-monitor-printlog div:nth-child(odd)
{
    background-color:#f2f2f2;
}
.ec-com-dmhgz-print-monitor-printer-queue >ul>li:nth-child(even) {
    
}

.ec-com-dmhgz-print-monitor-printlog-searchbox-wrapper
{
    position:relative;
    height:100%;
}

.ec-com-dmhgz-print-monitor-printlog-searchbox
{
    height:36px;
    padding-left:40px;
    margin-right:120px;
    border:1px solid #bbb;
    border-right:none;
    border-right:0;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    border-radius:2px 0px 0px 2px;
    background:url(/Content/m_images/icon_search_gray_01.png) no-repeat 12px center;
    background-size:15px 15px;
}
        
.ec-com-dmhgz-print-monitor-printlog-searchbox >input
{
    border:0;
    border:none;      
    outline:none; 
    height:34px;
    margin-top:1px;
    line-height:34px;
    width:100%;
    box-sizing: border-box;
    font-size:12px;
}
        
.ec-com-dmhgz-print-monitor-printlog-searchbox-btn:link
{
    position:absolute;
    right:0px;
    top:0px;
    text-decoration:none;
    display:inline-block;
    width:120px;
    height:38px;
    line-height:38px;
    text-align:center;     
    font-size:12px;
    box-sizing: border-box;
    background-color:#00a7ff;
    color:#fff;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius:0px 2px 2px 0px;
}
        
.ec-com-dmhgz-print-monitor-printlog-searchbox-btn:visited
{
    position:absolute;
    right:0px;
    top:0px;
    text-decoration:none;
    display:inline-block;
    width:100px;
    height:38px;
    line-height:38px;
    text-align:center;     
    font-size:12px;
    box-sizing: border-box;
    background-color:#00a7ff;
    color:#fff;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    border-radius:0px 2px 2px 0px;
}
.ec-com-dmhgz-print-monitor-printlog-searchbox-btn:hover
{
    filter:none;
    background-color:#0077d9;
}
.ec-com-dmhgz-print-monitor-printlog-searchbox-btn:active
{
    filter:none;
    background-color:#0077d9;
}   
.ec-com-dmhgz-print-monitor-printlog-search-keyword
{
    color:#0077d9;
}

.ec-com-open-dmhgz-print-lastest-printing-logitem
{
   /*animation: ec-com-open-dmhgz-print-lastest-printing-logitem .5s ease-in-out infinite;
   animation: ec-com-open-dmhgz-print-lastest-printing-logitem 1s;  */
}

/* 定义一个名为breathe的动画 */
@keyframes ec-com-open-dmhgz-print-lastest-printing-logitem {
  0% {
    background-color:#CD6600;
    color:#fff;
    transform: scale(1);
  }
  50% 
  {
    /*filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;*/
    background-color:#CD6600;
    color:#fff;
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}


.ecform-col-note-info-icon::before 
{
    content: "\f05a";
    font-size:12px;
    font-family :FontAwesome !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale !important;
    color:#009688;
    margin-left:5px;
    display:inline-block;
}

.ecform-addpitem-adv-selectlist select
{
    height:24px;
    width:86px !important;
}

input[type='checkbox']
{
    width:14px;
    height:14px;    
}