@charset "utf-8";
@import url('font-icon/style.css');
/*----------------------------------------------常用公共样式------------------------------------------------*/
/* 清理浮动 */
.fn-clearfix:after {
    visibility:hidden;
    display:table;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clearfix {
    zoom:1; /* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
.fn-hide {
    display:none;
}
/*块*/
.display-block{
    display: block;
    width: 100%;
}
/* 视觉隐藏,但在布局中占位*/
.fn-invisible {
    visibility: hidden;
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
    display:inline;
}
.fn-left {
    float:left;
}
.fn-right {
    float:right;
}

/* 字体大小样式 */
.text-siez0{font-size: 0px;}
.text-size12{font-size:12px;}
.text-size14{font-size:14px;}
.text-size16{font-size:16px;}
.text-size18{font-size:18px;}
.text-size32{font-size: 32px;}

/* 内容居中、居左、居右 */
.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-right{text-align: right;}

/* 内容靠上、靠下、垂直居中 */
.text-valign-top{vertical-align: top;}
.text-valign-middle{vertical-align: middle;}
.text-valign-bottom{vertical-align: bottom;}

/* 文字加粗 */
.font-b{font-weight: bold}

/*字体颜色*/
.text-color-em{
    color:#2873bf !important;
}
.text-color-default{
    color:#6e6e6e;
}
.text-color-orange{
    color: #e96901;
}
.text-color-red{
    color: red;
}
.text-color-black{
    color: #000;
}
/*圆角*/
.rounded-corner3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.border_1_gray{
    border: 1px solid #ccc;
}

/*文字超过长度自动加省略号*/
.text_overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}
/*上传文件样式*/
object.swfupload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*外边距 margin 10px */
.mb10{margin-bottom: 10px}
.mr10{margin-right: 10px}
.mt10{margin-top: 10px}
.ml10{margin-left: 10px}

/*鼠标样式*/
.pointer{
    cursor: pointer;
}


/*----------------------------------------------UI组件样式------------------------------------------------*/
/*表格开始*/
table.cursor tr{
    cursor: pointer;
}
table.textCenter th,table.textCenter td{
    text-align: center !important;
}
table.noBorder,table.noBorder th,table.noBorder td{
    border: none !important;
}
.ui-table{
    border-collapse:collapse;
    /*border-top:1px solid #ccc;*/
    border-bottom:1px solid #ccc;
    width:100%;
    font-size:12px;
    text-align:left;
    table-layout: fixed;
}
.ui-border-table{
    border: 1px solid #ccc !important;
}
.ui-border-table th,.ui-border-table td{
    border: 1px solid #ccc !important;
}
.ui-table tr:nth-child(even),.ui-table-split,.ui-table-hover{
    background-color:#f7f7f7
}
.rowNoBgTable tr:nth-child(even){
    background: #fff !important;
}
.ui-table tr{
    color:#333333
}
.ui-table tbody tr.selected {
    /*background-color: #abb9d3;*/
    background-color: #3879D9;
    color: #fff;
}
.ui-table thead tr{
    color:#333333;
}
.ui-table thead{
    color:#333333;
    background-color:#f7f7f7;

}
.ui-table th{
    padding:7px 9px;
    border-bottom:1px solid #d9d9d9;
    text-align:left;
    font-weight: 700;
}
.ui-table td{
    padding:8px 9px 7px;
    border-bottom:1px solid #d9d9d9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
}
.ui-table td a{
    color: #2873bf;
}
.ui-table td.operate_item span,.ui-table td.operate_item a{
    margin-right: 5px;
    float: left;
}
.ui-table td.operate_item a{
    color: #000;
}
.ui-table td.operate_item a:hover{
    text-decoration: none;
}
.ui-table-inbox{
    border:0;
    outline:0
}
/*表格结束*/
/*-- 多级菜单样式 v1 start --*/
.hxtech-multilevel-menu-v1{
    margin-left: 84px;
    margin-top: -80px;
    position: absolute;
    background: #f0f0f0;
    width: 150px;
    border: 1px solid #e4e4e4;
    border-left: none;
    z-index: 99;
    display: none;
}

.hxtech-multilevel-menu-v1 li{
    list-style: none;
    border-top: 1px solid #c9c9c9;
    border-left: none;
    border-right: none;
}

.hxtech-multilevel-menu-v1 li a{
    width: 100%;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    width: auto;
}

.hxtech-multilevel-menu-v1 li a .arrow:before{
    float: right;
    margin-top: 1px;
    margin-right: 10px;
    display: inline;
    font-size: 14px;
    font-family: 'icomoon';
    height: auto;
    content: "\e609";
    color: #707070;
    font-weight: bold;
    text-shadow: none;
}

.hxtech-multilevel-menu-v1 ul{
    display: none;
}

.hxtech-multilevel-menu-v1>li a.on .arrow:before{
    content: "\e608";
    color: #f2f2f2;
}

.hxtech-multilevel-menu-v1>li>a.on, .hxtech-multilevel-menu-v1>li>a:hover,.hxtech-multilevel-menu-v1>li a:hover .arrow:before{
    color: #f2f2f2;
    background: #92a1a8;.
    font-weight: bold;
}

.hxtech-multilevel-menu-v1>li>.sub-menu>li a.on, .hxtech-multilevel-menu-v1>li>.sub-menu>li a:hover{
    color: #f2f2f2;
    background: #92a1a8;
}

.hxtech-multilevel-menu-v1 a.on+ul{
    display: block;
}

.hxtech-multilevel-menu-v1>li>.sub-menu>li>a{
    padding-left: 30px;
    width: auto;
}

.hxtech-multilevel-menu-v1>li>.sub-menu>li>.sub-menu>li>a{
    padding-left: 45px;
    width: auto;
}
/*-- 多级菜单样式 v1 end --*/

/*----------------------------------------------
    列表
------------------------------------------------*/
.hxtech-list-v1{}
.hxtech-list-v1 ul{}
.hxtech-list-v1 ul li{
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hxtech-list-v1 ul li:before{
    content: "·";
    color: #2772BF;
    font-size: 12px;
    font-weight: bold;
    margin-right: 3px;
    vertical-align: middle;
}
.hxtech-list-v1 ul li a{
    color: #2774C0;
}

/*----------------------------------------------
    按钮
------------------------------------------------*/

.hxtech-btn{
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 4px 10px;
    background: #2C74C0 none;
    border: 0 none;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.hxtech-btn:hover{
    opacity: 0.95;
    filter:alpha(opacity=95);
    text-decoration: none;
}
.hxtech-btn:active{
    opacity: 1;
    filter:alpha(opacity=100);
    /*position: relative;
    bottom: -1px;*/
    transform: translate(0px, 1px);
    -moz-transform: translate(0px, 1px);
    -webkit-transform: translate(0px, 1px);
    -ms-transform: translate(0px, 1px);
    -o-transform: translate(0px, 1px);
}
.hxtech-btn-success{
    background-color: #5cb85c;
}
.hxtech-btn-info{
    background-color: #E1E1E1;
    color: #777;
    text-shadow: none;
}
.hxtech-btn-warning{
    background-color: #f0ad4e;
}
.hxtech-btn-hot{
    background-color: #D25A5B;
}

/*大小*/
.hxtech-btn-xsmall{
    padding: 1px 2px;
}
.hxtech-btn-small{
    padding: 2px 5px;
}
.hxtech-btn-big{
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
    letter-spacing: 1px;
    text-indent: 1px;
}
/*禁用*/
.hxtech-btn-disabled,input.hxtech-btn[disabled],button.hxtech-btn[disabled]{
    background-color: #e9e9e9;
    color: #a6a6a6;
    cursor: not-allowed;
    text-shadow:none;
}
.hxtech-btn-block{
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.hxtech-file {
    position: relative;
    display: inline-block;
    background: #2C74C0;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 10px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-indent: 0;
    line-height: 1.5;
    
}
.hxtech-file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.hxtech-file:hover {
    /* background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none; */
    opacity: 0.95;
    filter:alpha(opacity=95);
    text-decoration: none;
}

/*----------------------------------------------
    面板
------------------------------------------------*/
.hxtech-panel-v1{
    border: 1px solid #d4d4d4;
    background-color: #fff;
    box-shadow:0 0 2px rgba(0,0,0,0.1);
}
.hxtech-panel-v1 .hxtech-panel-hd{
    padding: 10px;
}
.hxtech-panel-v1 .hxtech-panel-hd .title{
    font-size: 12px;
    color: #000;
}
.hxtech-panel-v1 .hxtech-panel-bd{
    padding:0 10px 10px;
}
.hxtech-panel-v1-titleline .hxtech-panel-hd{
    border-bottom: 1px solid #d4d4d4;
    background: #F6F6F6;
}
.hxtech-panel-v1-titleline .hxtech-panel-bd{
    padding-top: 10px;
}


.hxtech-panel-v2{
    background-color: #fff;
}
.hxtech-panel-v2 .hxtech-panel-hd{
    border-bottom: 3px solid #EBEBEB;
    /*padding: 10px;*/
}
.hxtech-panel-v2 .hxtech-panel-hd .title {
    min-width: 50px;
    font-size: 18px;
    color: #000;
    padding: 8px 0 5px;
    display: inline-block;
    position: relative;
    bottom: -3px;
    border-bottom: 3px solid #646464;
}
.hxtech-panel-v2 .hxtech-panel-hd .more{
    margin-top: 18px;
}
.hxtech-panel-v2 .hxtech-panel-bd{
    padding: 10px 0;
    overflow: hidden;
}


/*----------------------------------------------
    面包屑
------------------------------------------------*/
.hxtech-breadcrumb{}
.hxtech-breadcrumb ol{}
.hxtech-breadcrumb li{
    display: inline-block;
    min-height: 1%;
    text-align:left;
    float: left;
}
.hxtech-breadcrumb li:after{
    content: ">";
    font-family: "宋体";
    color: #343434;
    vertical-align: middle;
    padding: 0 5px;
    vertical-align:middle;
}
.hxtech-breadcrumb li a{
    vertical-align:middle;
    color: #2873bf;
    float: left;
}
.hxtech-breadcrumb li.active:after{
    content: "";
    padding: 0;
}
.hxtech-breadcrumb li.long{
    width: 120px;
}
.hxtech-breadcrumb li.long a,
.hxtech-breadcrumb li.long span{
    /*width:100px;*/
    max-width:100px;
    display:inline-block;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align:middle;
    float: left;
}

/*----------------------------------------------
    表单布局
------------------------------------------------*/
.ui-form-explain {
    color: red;
    display: inline-block;
    margin-left: 5px;
}
.ui-form-required{
    color: red;
}
/*默认横着*/
.hxtech-form{}
.hxtech-form select {
    width: 150px;
    height: 32px;
    padding: 6px;
    border-radius: 2px;
}
.hxtech-form-group{
    zoom: 1;
    /*margin-bottom: 5px;*/
}
.hxtech-form-group:after,
.hxtech-form-group:before{
    content: '';
    clear: both;
    display: table;
}
.hxtech-form-label{
    float: left;
    width: 120px;
    text-align: right;
  /*  height: 30px;*/
    line-height: 26px;
}
.hxtech-form-content{
    padding-left: 110px;
    line-height: 26px;
}

.hxtech-form input[type="text"],
.hxtech-form input[type="password"]{
    height: 18px;
    line-height: 18px;
}

.hxtech-form textarea{resize: vertical;}

.hxtech-form input[type="text"],
.hxtech-form input[type="password"],
.hxtech-form textarea{
    border: 1px solid #bbb;
    padding:3px;
    color: #000;
    border-radius: 2px;
    font-family: verdana;
}

.hxtech-form input[type="text"]:focus,
.hxtech-form input[type="password"]:focus,
.hxtech-form textarea:focus{
    border-color: #919191;
}

.hxtech-form ::placeholder{
    color:#9FA3A5;
}
.hxtech-form ::-moz-placeholder{
    color:#9FA3A5;
}
.hxtech-form ::-webkit-input-placeholder{
    color:#9FA3A5;
}


/*竖着*/
.hxtech-form-vertical{}
.hxtech-form-vertical .hxtech-form-label{
    float: none;
}
.hxtech-form-vertical .hxtech-form-content{
    padding-left: 0;
}

/*----------------------------------------------
    翻页
    hxtech-page-v2
------------------------------------------------*/

.hxtech-page-v2{
    text-align: center;
    font-size: 14px;
}
.hxtech-page-v2 .prev-btn,
.hxtech-page-v2 .next-btn{
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border:1px solid #c2c2c2;
    border-radius: 4px;
    text-align: center;
}

.hxtech-page-v2 .prev-btn:hover,
.hxtech-page-v2 .next-btn:hover{
    text-decoration: none;
    border-color: #999;
}
.hxtech-page-v2 .prev-btn:after,
.hxtech-page-v2 .next-btn:after{
    font-family: "宋体";
}

.hxtech-page-v2 .prev-btn{
    margin-right: 2px;
}
.hxtech-page-v2 .prev-btn:after{
    content: "<";
}
.hxtech-page-v2 .next-btn{
    margin-left: 2px;
}
.hxtech-page-v2 .next-btn:after{
    content: ">";
}
.hxtech-page-v2 ol{display: inline-block;}
.hxtech-page-v2 ol li{
    display: inline-block;

}
.hxtech-page-v2 ol li a{
    color: #2A73C2;
    padding:0 2px;
}
.hxtech-page-v2 ol li a:hover{
    text-decoration: underline;
}
.hxtech-page-v2 ol li span{
    color: #323232;
    padding:0 2px;
}

.hxtech-page-v2 .btn-disabled{
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor: default;
    color: #323232;
}
.hxtech-page-v2 .btn-disabled:hover{
    border-color: #c2c2c2;
}

/*----------------------------------------------
    翻页
    hxtech-page-v3
------------------------------------------------*/
.hxtech-page-v3{
    font-size: 12px;
}
.hxtech-page-v3 .prev-btn,
.hxtech-page-v3 .next-btn{
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border:1px solid #c2c2c2;
    border-radius: 2px;
    text-align: center;
}

.hxtech-page-v3 .prev-btn:hover,
.hxtech-page-v3 .next-btn:hover{
    text-decoration: none;
    border-color: #999;
}
.hxtech-page-v3 .prev-btn:after,
.hxtech-page-v3 .next-btn:after{
    font-family: "宋体";
}

.hxtech-page-v3 .prev-btn{
    margin-right: 1px;
    font-weight: bold;
}
.hxtech-page-v3 .prev-btn:after{
    content: "<";
}
.hxtech-page-v3 .next-btn{
    margin-left: 1px;
    font-weight: bold;
}
.hxtech-page-v3 .next-btn:after{
    content: ">";
}

.hxtech-page-v3 .btn-disabled{
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor: default;
    color: #323232;
}
.hxtech-page-v3 .btn-disabled:hover{
    border-color: #c2c2c2;
}

.hxtech-page-v3 .num{display: inline-block;color: #bbb;margin-right: 4px;}
.hxtech-page-v3 .num .cur{margin-right: 2px;}
.hxtech-page-v3 .num .max{margin-left: 2px;}
.hxtech-page-v3 .num .select{color: #010101;}

/*- 分页样式v4 -*/

.hxtech-page-v4 .ui-paging-prev , .hxtech-page-v4 .ui-paging-next , .hxtech-page-v4 .ui-paging-item,.hxtech-page-v4 .ui-paging-more-next,.hxtech-page-v4 .ui-paging-more-prev , .hxtech-page-v4 .ui-paging-first, .hxtech-page-v4 .ui-paging-last{
    background: #fff;
    border: 1px solid #ccc;
}

.hxtech-page-v4 .ui-paging-prev:hover, .hxtech-page-v4 .ui-paging-item:hover, .hxtech-page-v4 .ui-paging-next:hover, .hxtech-page-v4 .ui-paging-more-next:hover, .hxtech-page-v4 .ui-paging-more-prev:hover, .hxtech-page-v4 .ui-paging-current, .hxtech-page-v4 .ui-paging-first:hover, .hxtech-page-v4 .ui-paging-last:hover{
    color: #fff;
    background: #fb9400;
    border-color: #fb9400;
}
/*- 分页样式v4 结束 -*/

/*----------------------------------------------
    气泡
------------------------------------------------*/
.hxtech-bubble {
    border: 1px solid #ECECEC;
    padding: 6px;
    position: relative;
}
.hxtech-bubble .hxtech-bubble-spike {
    font-size: 0;
    border-style: solid;
    position: absolute;
}
.hxtech-bubble .hxtech-bubble-spike:before {
    content: '';
    clear: both;
    font-size: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}
.hxtech-bubble-top .hxtech-bubble-spike {
    border-width: 0 8px 9px 8px;
    border-color: transparent transparent #ccc transparent;
    top: -9px;
    right: 20px;
}
.hxtech-bubble-top .hxtech-bubble-spike:before {
    border-width:  0 7px 8px 7px;
    border-color: transparent transparent #fff transparent;
    top: 1px;
    right: -7px;
}
.hxtech-bubble-left{
    margin-left: 10px;
}
.hxtech-bubble-left .hxtech-bubble-spike {
    border-width: 8px 10px 8px 0;
    border-color: transparent #ccc transparent transparent;
    left: -10px;
    top: 10px;
}
.hxtech-bubble-left .hxtech-bubble-spike:before {
    border-width:  7px 9px 7px 0;
    border-color: transparent #fff transparent transparent;
    left: 1px;
    top: -7px;
}
.hxtech-bubble-bottom{
    margin-bottom: 10px;
}
.hxtech-bubble-bottom .hxtech-bubble-spike {
    border-width: 10px 8px 0 8px;
    border-color: #ccc transparent transparent transparent;
    bottom: -10px;
    right: 20px;
}
.hxtech-bubble-bottom .hxtech-bubble-spike:before {
    border-width: 9px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    bottom: 1px;
    right: -7px;
}
.hxtech-bubble-right{
    margin-right: 10px;
}
.hxtech-bubble-right .hxtech-bubble-spike {
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #ccc;
    right: -10px;
    top: 10px;
}
.hxtech-bubble-right .hxtech-bubble-spike:before {
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #fff;
    right: 1px;
    top: -7px;
}
/*----------------------------------------------
    loading
------------------------------------------------*/
.hxtech-loading-wrap{
    text-align: center;
    padding: 40px 0;
}
.hxtech-loading-1{
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../images/loading-1.gif) no-repeat;
}
.hxtech-loading-2{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/loading-2.gif) no-repeat;
}
/*动态加载图片的时候，图片底部的loading*/
.hxtech-img-loading-1{
    background: url(../images/loading-1.gif) no-repeat center center;
}

.hxtech-img-loading-2{
    background: url(../images/loading-2.gif) no-repeat center center;
}

/***********工具栏 开始************/
.tool-bar{
    padding: 5px 6px !important;
    background: #F0F0F0;
    border-top: 1px solid #949494;
    border-bottom: 1px solid #949494;
}
.tool-bar>span{
    line-height: 26px;
}
.tool-bar>span,.tool-bar>input[type=button],.tool-bar select,.tool-bar .tool-search,.tool-bar input.inputText{
    float: left;
    margin-right: 10px;
}
.tool-bar input[type=text]{
    height: 14px;
    padding: 5px;
}
.tool-bar select{
    height: 26px;
}
.tool-search{
    
    height: 24px;
    border: 1px solid #aaa;
    float: left;
}
.tool-search .search-text,.tool-search .search-btn{
    border: none;
    background: #fff;
    float: left;
}
.tool-search .search-text{
    width: 164px;
}
.tool-search .search-btn{
    width: 24px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}
/***********工具栏 结束************/
.hxtech-form-input-text{
	width: 250px;
    margin: 0 5px 5px 0;
    padding: 8px;
}