@charset "UTF-8";

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

* {
    box-sizing: border-box
}

a {
    /*    color: #337ab7;*/
    text-decoration: none;
}

/*=====================================================按钮样式开始=========================================================*/

.btn {
    display: inline-block;
    padding: 2px 5px 3px 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none 0px;
    /*    border-radius: 4px;*/
    border-color: #fff;
}

.btn-default {
    color: #fff;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    background-color: #64a1e9;
    /*background-color: #7ecef4;*/
    min-width: 80px;
}

.btn-default.focus, .btn-default:focus {
    background: #2AA1D2;
}

.btn-default:hover {
    background-color: #2AA1D2;
}

.btn-auto {
    min-width: auto;
}

.btn-default.focus, .btn-default:focus {
    background: #2AA1D2;
}

.btn-default:hover {
    background-color: #2AA1D2;
}

.btn-invert {
    color: #fff;
    background-color: #34495e;
    border-color: #ccc;
}

.btn-invert.focus, .btn-invert:focus {
    background: #375D81;
}

.btn-invert:hover {
    background-color: #375D81;
}

.btn-warning {
    color: #fff;
    background-color: #f1c40f;
    border-color: #ccc;
}

.btn-warning.focus, .btn-warning:focus {
    background: #F1854B;
}

.btn-warning:hover {
    background-color: #F1854B;
}

.btn-important {
    color: #fff;
    background-color: #e74c3c;
    border-color: #ccc;
}

.btn-important.focus, .btn-important:focus {
    background: #EF6D00;
}

.btn-important:hover {
    background-color: #EF6D00;
}

.btn-stroke {
    color: #2c2c2c;
    background-color: #fff;
    /*border-color: #DEEEFF;*/
    border: 1px solid #87d1f5;
}

.btn-stroke.focus, .btn-stroke:focus {
    background: #DEEEFF;
}

.btn-stroke:hover {
    background-color: #DEEEFF;
}

.disabled.btn-default,
.active.disabled.btn-default,
.focus.disabled.btn-default,
.disabled.btn-default:active,
.disabled.btn-default:focus,
.disabled.btn-default:hover,
[disabled].btn-default,
[disabled].active.btn-default,
[disabled].focus.btn-default,
[disabled].btn-default:active,
[disabled].btn-default:focus,
[disabled].btn-default:hover {
    background-color: #bac4c5;
    border-color: #ccc;
}

.disabled.btn,
[disabled].btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}

.btn-fi {

    padding: 2px 14px 3px 14px;
    min-width: auto;
}

.btn-xs {
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 45px;
}

.btn-sm {
    padding: 2px 2px 3px 2px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 45px;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    width: 32px;
    min-width: auto;
    border-left: 1px solid #ffffff;
    background-color: #00B6EE;
    color: #ffffff;

}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

.btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-group > :last-child:not(:first-child).btn, .btn-group > :not(:first-child).dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.btn .caret {
    margin-left: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #d1f0ff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu li {
    margin: 0px;
    display: block;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #5b5b5b;
    white-space: nowrap;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    display: block;
}

.dropdown-toggle .fi-caret::before{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-10-20*/
    /*Scope All*/
    /*Modify Dropbox icon position*/
    vertical-align: middle;
    font-size: 12px;
}
.btn .fi-wx{
    /*height: 20px;*/
}
.btn .fi-wx:before{
    font-size: 18px;
}
/*=====================================================按钮样式结束=========================================================*/

/*=====================================================ICON样式开始=========================================================*/

.fi {
    position: relative;
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-5*/
/*Scope All*/
/*调整下拉菜单下箭头的显示位置*/
.fi.fi-caret{
    vertical-align: text-top;
    line-height: 17px;
}
.fi:before{

    font-size: 115%;
}

.fi-wx:before {
    content: "\e605";
    /*font-size: 140%;*/
}

.fi-del:before {
    content: "\e600";
    font-size: 115%;
}

.fi-refresh:before {
    content: "\e602";
}

.fi-upload:before {
    content: "\e603";
}

.fi-sumbit:before {
    content: "\e604";
}

.fi-add:before {
    content: "\e616";
}

.fi-help:before {
    content: "\e61e";
}

.fi-close:before {
    content: "\e622";
}

.fi-right:before {
    content: "\e621";
    color: #80e27e;
}

.fi-error:before {
    content: "\e622";
    color: #e85041;
}

.fi-confirm:before {
    content: "\e623";
    color: #faf155;
}

.fi-caret:before{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-10-20*/
    /*Scope All*/
    /*Modify Dropbox icon*/
    content: "\e60a";
}

.fi-checkbox:before{
    content: "\e62e";
}

.fi-radiobox:before{
    content: "\e612";
}

.fi-radioboxed:before{
    content: "\e608";
}

.fi-add-circle:before{
    content: "\e609";
}

.fi-minus:before{
    content: "\e617";
}

.fi-star:before{
    content:"\e60f";
}
.fi-star-empty:before{
    content:"\e618";
}
.fi-arrow-left:before{
    content:"\e625";
}
.fi-arrow-right:before{
    content:"\e624";
}

.fi-refresh-small:before{
    content:"\e63c";
}

.fi-close-small:before{
    content:"\e630";
}

.fi-arrow-down:before{
    content:"\e61c";
}
.fi-arrow-up:before{
    content:"\e61b";
}
.fi-time:before{
    content:"\e61a";
}
.fi-date:before{
    content:"\e619";
}
.fi-set:before{
    content:"\e60e";
}
.fi-edit:before{
    content:"\e627";
}

.fi-slider:before{
    content: "\e62b";
}

.fi-close-xs:before{
    content: "\e620";
}

.fi-file-word:before{
    content:"\e63f";
}

.fi-file-ppt:before{
    content:"\e640";
}
.fi-file-pdf:before{
    content:"\e641";
}

.fi-file-excel:before{
    content:"\e642";
}

.fi-file-rar:before{
    content:"\e63e";
}

.fi-star-half:before{
    content: "\e643";
}

.fi-reverse:before{
    content: "\e635";
}
.fi-forward:before{
    content: "\e636";
}

.fi-search:before{
    content: "\e626";
}

.fi-folder:before{
    content: "\e646";
}
.fi-folder-open:before{
    content: "\e647";
}

.fi-first:before{
    content: "\e60e";
}

.fi-prev:before{
    content: "\e60b";
}

.fi-next:before{
    content: "\e611";
}

.fi-last:before{
    content: "\e60d";
}

.fi-magnifying:before{
    content: "\e66c";
}

.fi-shrink:before{
    content: "\e66d";
}

.fi-rotate-right:before{
    content: "\e652";
}
.fi-rotate-left:before{
    content: "\e650";
}
.fi-download:before{
    content: "\e64f";
}

.fi-smallarrow-down:before{
    content: "\e632";
}

.fi-smallarrow-up:before{
    content: "\e633";
}

.fi-camera:before{
    content: "\e64b";
}
/*=====================================================ICON样式结束=========================================================*/

/*=====================================================Tooltip样式结束=========================================================*/

.popover {
    position: absolute;
    top: 700px;
    left: 500px;
    z-index: 1060;
    display: none;
    padding: 1px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: nowrap;
    font-family: 'microsoft yahei';
}
.popover {
    box-shadow: none;
}

.top.popover {
    margin-top: -10px;
}

.arrow {
    float: right;
}
.popover > .arrow {
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 9px;
}
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow:after {
    /*    content: " ";*/
    border-width: 10px;
}

.popover-content {
    padding: 2px 5px !important;
    color: #4e4e4e;
    font-family: "microsoft yahei";
}

.popover .fi {
    color: #00b7ee;
    font-size: 130%;
    padding-right: 5px;
    font-weight: 500;
}

.tra > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0px;

}

.tra.popover > .arrow {
    bottom: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-color: #ccc;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0px;

}


.tla > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0px;

}

.tla.popover > .arrow {
    bottom: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-color: #ccc;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0px;

}




.bra.popover {
    margin-bottom: -10px;
}

.bra > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0px;
    border-bottom-color: #fff;

}

.bra.popover > .arrow {
    top: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-width: 0px;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.25);

}




.bla > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0px;
    border-bottom-color: #fff;
}

.bla.popover > .arrow {
    top: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-width: 0px;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}


.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0px;
}

.right.popover > .arrow {
    top: 15px;
    left: -10px;
    margin-top: -12px;
    border-right-color: #ccc;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0px;
}

.blue.popover .popover-content{ color:#4e4e4e}
.blue.popover .fi { color: #00b7ee; }

.red.popover .popover-content{ color:#e0600b}
.red.popover .fi { color: #f06e00; }

.noborder.popover { border:none 0px;  -webkit-box-shadow: none; box-shadow: none; padding: 0px}

/*.noborder.popover > .arrow { display: none; }*/

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-20*/
/*Scope All*/
/*添加下拉框验证样式 修改输入框验证样式(额外添加新的验证情况)*/
/*.high-light-border{border-color: #ff460b !important;}*/
/*修改了文本框验证失败不显示红色的bug*/
.form-dorpdown.high-light-border > input.form-text,
input.form-text.high-light-border,
.form-dorpdown.high-light-border > a.dropdown-toggle,
textarea.kx-textarea.high-light-border,
textarea.high-light-border,
.high-light-border
{
    /*    border-color: #ff460b;*/
}

/*=====================================================Tooltip样式结束=========================================================*/



/*=====================================================文本框样式开始=========================================================*/
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*建议输入框加深文字的颜色，原始为color: #abadb3;*/
.form-text {
    display: inline-block;
    width: 100%;
    height: 30px;
	line-height: 30px;
    font-size: 13px;
    color: #606060;
    background-color: #fff;
    background-image: none;
    border: 1px solid #DCDCDC;
    -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;
    resize: none;
    text-indent: 4px;
    font-family: "Microsoft YaHei";
    outline: none;
}
.landoText{
    height: 30px!important;
    line-height: 30px!important;
}
.landoText .form-text{
    width: 200px!important;
}
.landoText1 .form-text{
    width: 176px!important;
}
.landoText1 {
height: 30px!important;
line-height: 30px!important;
}
.page-text {
    display: inline-block;
    width: 100%;
    height: 26px;
    padding: 3px 0;
    font-size: 13px;
    color: #606060;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cecece;
    /*    border-radius: 4px;*/
    -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;
    resize: none;
    text-indent: 4px;
    font-family: "Microsoft YaHei";
    outline: none;
}
.form-texts {
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 3px 0;
    font-size: 13px;
    color: #606060;
    background-image: none;
    border: 1px solid #cecece;
    border-right: none !important;
    /*    border-radius: 4px;*/
    -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;
    resize: none;
    text-indent: 4px;
    font-family: "Microsoft YaHei";
    outline: none;
}
.form-text:hover{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    /*    border-color: #64a1e9;*/
    /*border-color: #7ECEF4;*/
    /*    box-shadow: 1px 1px 3px rgba(126,206,244,0.6);*/
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-9*/
/*Scope All*/
/*添加输入框获取交点时的样式*/
.form-text:focus,.kx-textbg{
    /*border-color: #7ECEF4;*/
    /*    background-color: #efffff;*/
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-9*/
/*Scope All*/
/*添加输入框禁用时鼠标悬浮的样式*/
.form-text[disabled]:hover,.form-text[readonly]:hover,.form-text[disabled]:focus,.form-text[readonly]:focus{
    border-color: #cecece;
    box-shadow: none;
}

.form-text[disabled], .form-text[readonly] { color: #abadb3; background-color: #eee; cursor: not-allowed;  opacity: 1;}

/*=====================================================文本框样式结束=============================================================*/

/*=====================================================单位文本框样式开始=========================================================*/
.form-unit{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    width: 100%;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-10*/
/*Scope All*/
/*Modify Inputbox background color*/
.form-unit > em{
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.form-unit:hover > input.form-text, .form-unit:hover > em {
    border-color: #07467C;
}
.form-unit .form-text:focus,.form-unit .form-text:hover{
    background-color: #FFFFFF;
    border-color: #cecece;
    box-shadow: none;
}

.form-unit .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
}

.form-unit .form-text, .form-unit em{ display: table-cell;}
.form-unit > em{
    padding: 4px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #5e5e5e;
    text-align: center;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-10-20*/
    /*Scope All*/
    /*Modify Inputbox background color*/
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-10*/
/*Scope All*/
/*添加带单位的输入框禁用和只读时单位的背景颜色*/
.form-unit[disabled="disabled"]:hover > em,.form-unit[disabled="disabled"] > em,.form-unit[disabled="disabled"] > input,.form-unit[disabled="disabled"]:hover > input,
.form-unit[readonly="readonly"]:hover > em,.form-unit[readonly="readonly"] > em,.form-unit[readonly="readonly"] > input,.form-unit[readonly="readonly"]:hover > input{
    background-color: #EEEEEE;
    border-color: #cecece;
    cursor: not-allowed;
}
.form-unit[disabled="disabled"] > input:focus,
.form-unit[readonly="readonly"] > input:focus,
.form-unit[disabled="disabled"] > input:hover,
.form-unit[readonly="readonly"] > input:hover{
    border-color: #C2C2C2;
    box-shadow: none;
}
.form-unit em:first-child,.form-unit :first-child.form-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0;
}

.form-unit em:last-child,.form-unit :last-child.form-text {
    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.form-unit :not(:first-child):not(:last-child).form-text,
.form-unit em:not(:first-child):not(:last-child){
    border-radius: 0;
    border-left: 0px none;
    border-right: 0px none;
}


/*=====================================================单位文本框样式结束=========================================================*/



/*=====================================================文本域样式结束=========================================================*/
TEXTAREA.form-text {
    height: auto;
    overflow: auto;
    margin: 0px;
}

/*=====================================================文本域样式结束=========================================================*/


/*=====================================================弹出框样式结束=========================================================*/

.modal-mask {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    position: fixed;
    background: rgba(55,55,55,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333333, endColorstr=#50333333);
    display: none;
}

.modal-dialog {
    position: absolute;
    left: 100px;
    top: inherit !important;
    bottom: 200px !important;
    min-width: 339px;
    max-height: 70%;
    max-width: 90%;
    word-wrap: break-word;
}

.modal-footer {
    padding: 15px;
    text-align: center;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #4C5F86;
    outline: 0;
    font-family: "microsoft yahei";
}

.modal-header {
    min-height: 16.43px;
    padding: 8px;
    padding-left: 20px;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*统一整体颜色风格*/
    background-color: #07467C;
    border-bottom: 1px solid #DCDCDC;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.modal-body {
    position: relative;
    padding: 20px;
    color: #727272;
    font-size: 14px;
    font-family: "microsoft yahei";
}

.modal-footer .btn + .btn {
    margin-bottom: 0px;
    margin-left: 5px;
}

.modal-header .btn{
    width: auto;
    min-width: 0px;
    border: 0px none;
    float: right;
    font-size: 21px;;
    line-height: 29px;
    font-weight: 900;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    color: #ffffff;
    height: 29px;
    outline: none;
}

.modal-header .btn .fi-close:before{
    font-size: 28px;
    font-weight: bold;
    -webkit-text-stroke-width:0.2px;
    -webkit-font-smoothing:antialiased;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-23*/
/*Scope All*/
/*统一整体颜色风格*/
.modal-header .btn:hover .fi-close:before{
    color: #f2f2f2;
}
.modal-title {
    margin: 0;
    line-height: 1.4285;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.modal-body-fi > *{ display: table-cell; vertical-align: top; }
.modal-body-fi > .fi:before {
    font-size: 44px;
    padding-right: 15px;
}

.progress-text{
    text-align: center;
    color: #515151;
    font-size: 16px;
    padding-top: 15px;
}

.modal-body .progress{
    margin: 20px;
    margin-bottom: 0px;
}

.modal-body > iframe {
    width: 100%;
    height: 100%;
    border: none 0px;
    overflow: auto;
}
/*=====================================================弹出框样式结束=========================================================*/

/*=====================================================进度条样式开始=========================================================*/

.progress {
    height: 14px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    border:  solid 1px #a9def8;;
    -webkit-box-shadow: inset 0 1px 2px #a9def8;
    box-shadow: inset 0px 1px 2px #a9def8;

}


.progress-bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    background-color: #64a1e9;
    /*background-color: #7ecef4;*/
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
/*=====================================================进度条样式结束=========================================================*/

/*=====================================================进行中样式开始=========================================================*/
.waiting{
    text-align: center;
}

/*=====================================================进行中样式结束=========================================================*/


/*=====================================================模拟下拉框样式开始======================================================*/
.form-dorpdown{
    /*position: relative;*/
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    width: 100%;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-08*/
/*Scope All*/
/*修改下拉框选中时的样式*/
.form-dorpdown > input.form-text:focus{
    border-color:#cecece;
    background-color: #fff;
}
.form-dorpdown > input.form-text:hover{
    box-shadow: none;
}

.form-dorpdown:hover > input.form-text,.form-dorpdown:hover > .btn{
    /*    border-color: #64a1e9;*/
}


/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-09*/
/*Scope All*/
/*修改禁用输入框但未禁用下拉框时的样式*/
.form-dorpdown > input.form-text[readonly="readonly"],
.form-dorpdown > input.form-text[readonly="readonly"]:focus{
    cursor: default;
    background-color: #ffffff;
}
[disabled="disabled"].form-dorpdown > input.form-text,
[disabled="disabled"].form-dorpdown > input.form-text:focus,
[readonly="readonly"].form-dorpdown > input.form-text,
[readonly="readonly"].form-dorpdown > input.form-text:focus,
[disabled="disabled"].form-dorpdown > a.dropdown-toggle,
[readonly="readonly"].form-dorpdown > a.dropdown-toggle{
    cursor: not-allowed;
    background-color: #eeeeee;
    border-color:#cecece;
    color: #abadb3;
}


.form-dorpdown[disabled="disabled"] > .btn ,
.form-dorpdown[disabled="disabled"] > .form-text
{
    background-color: #EEEEEE;
}

.form-dorpdown .form-text{
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right-width: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.form-dorpdown .form-text, .form-dorpdown .btn{ display: table-cell;}
.form-dorpdown > .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e7679;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;
	height: 30px;
    border-left: 0;
    border-top-left-radius: 0px;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
    -webkit-transition: border-color ease-in-out 150ms;
    -o-transition: border-color ease-in-out 150ms;
    transition: border-color ease-in-out 150ms;
}
/* 下一页上一页 */
.form-dorpdown > .btn.bitHet{height:26px;}

/*.form-dorpdown > .btn:hover{*/
/*/!*Editby Xiaopeng Zhang*!/*/
/*/!*OperationTime 2015-10-20*!/*/
/*/!*Scope All*!/*/
/*/!*Modify Dropbox icon hover effect*!/*/
/*/!*Editby Xiaopeng Zhang*!/*/
/*/!*OperationTime 2015-11-23*!/*/
/*/!*Scope All*!/*/
/*/!*整体颜色风格统一*!/*/
/*border-color: #64a1e9;*/
/*/!*border-color: #7ECEF4;*!/*/
/*color: #1b89dc;*/
/*}*/

.form-dorpdown > .btn[disabled]{

    background-color: #dcdcdc;
}
.form-dorpdown-menu{

    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 260px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
    min-width: 150px;
    max-width: 274px;
}
.form-dorpdown-menu > li{
    /*    border-top: solid 1px #c4c4c4;*/
    height: 26px;
    font-size: 13px;
    overflow: hidden;
    font-family: 'microsoft yahei';

}
 .form-dorpdown-menu > li{
    height: auto!important;
    
}

.form-dorpdown-menu > li> a:hover, .form-dorpdown-menu > li.current> a{
    background-color: #f3f8ff;
}
.form-dorpdown-menu > li>a{
    white-space: initial!important;
    display: inline-block!important;
}
.form-dorpdown-menu > li>a{
    color: #a0a0a0;
    padding-left: 17px;
}

.form-dorpdown-menu .fi{
    padding-right: 5px;
    color: #e0e6e8;
}



/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-15*/
/*Scope All*/
/*修改下拉框下拉菜单选中时的样式*/
/*原有样式*/
/*.form-dorpdown-menu > li[selected], .form-dorpdown-menu > li:hover{
    background-color: #f3f8ff;
}
.form-dorpdown-menu > li[selected] a, .form-dorpdown-menu > li:hover a{
    color: #2aa1d3;
}
.form-dorpdown-menu > li[selected] .fi:before{
    /!*Editby Xiaopeng Zhang*!/
    /!*OperationTime 2015-11-23*!/
    /!*Scope All*!/
    /!*整体颜色风格统一*!/
    color: #64a1e9;
    /!*color: #7ecef4;*!/
    content:"\e62d"
}*/
.form-dorpdown-menu > li[selected], .form-dorpdown-menu > li:hover,ul.form-dorpdown-menu > li.current{
    background-color: #07467C;
}
ul.form-dorpdown-menu > li[selected] > a, ul.form-dorpdown-menu > li:hover > a,ul.form-dorpdown-menu > li.current > a{
    background-color: transparent;
    color: #FFFFFF;
}
.form-dorpdown-menu > li[selected] .fi:before{
    content:"\e62d"
}


.form-dorpdown-menu > li[selected]  .fi-radiobox:before{
    content: "\e608";
}
.form-dorpdown-menu .fi:before{
    font-size: 18px;
}

.form-dorpdown-menu > li:first-child{
    border-top: none 0px;
}

.form-dorpdown-additem{
    text-align: center;
}

.form-dorpdown-additem .btn{
    min-width: auto;
    background-color: transparent;
    display: inline-block;
}

.form-dorpdown-additem .btn .fi:before{
    font-size: 23px;
    color: #65afce;
}

/*=====================================================模拟下拉框样式结束=========================================================*/



/*=====================================================点选框样式开始============================================================*/

.form-clickbox{
    display: inline-table;
    font-size: 13px;
    cursor: pointer;
}


.form-clickbox > .fi, .form-clickbox > label{
    display: table-cell;
}

.form-clickbox > label{
    color: #000;
    padding-left: 5px;
}


.form-clickbox > .fi:before{
    content: "\e62e";
    font-size: 18px;
    color: #e0e6e8;
}

.form-clickbox > .fi:last-child:first-child:before{

    padding-right: 0px;
}

.form-clickbox[mode=radio] > .fi:before{
    content: "\e612";
}

.form-clickbox[mode=radio][selected] > .fi:before, .form-clickbox[mode=radio].selected > .fi:before{
    content: "\e608";
}

.form-clickbox[selected] > label{
    color: #07467C;
}

.form-clickbox[selected] > .fi:before, .form-clickbox.selected> .fi:before{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #07467C;
    /*color: #7ecef4;*/
    content: "\e62d";
}


.form-clickbox[disabled] > .fi,  .form-clickbox[disabled] > label, .form-clickbox[disabled] > .fi:before{
    /*    color:#666666;*/
    cursor: not-allowed;
}

.form-clickbox[disabled].selected > .fi:before
{
    content: "\e62d";
}

.form-clickbox[mode=radio][disabled].selected > .fi:before{

    content: "\e608";
}
/*=====================================================点选框样式结束============================================================*/


/*=====================================================数字调节器样式开始============================================================*/

.form-numberbox{
    position: relative;
    display: inline-table;
    display: table9\0;
    border-collapse: separate;
    width: 100%;
}

.form-numberbox .form-text{
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0;
    border-left: none 0px;
    border-right: none 0px;
}

.form-numberbox .form-text, .form-numberbox > .btn{/* display: table-cell;*/}
.form-numberbox > .btn{
    padding: 4px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #5e5e5e;
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    /*    border-radius: 4px;*/
    width: auto;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
}

.form-numberbox > .btn > .fi:before{
    font-size: 14px;
    color: #a0a0a0;
}

.form-numberbox > .btn:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.form-numberbox > .btn:last-child{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


/*=====================================================数字调节器样式结束============================================================*/


/*=====================================================星级控件样式开始============================================================*/

.form-starbox{
    display: inline-block;
    height: 26px;
    overflow: hidden;
    cursor:default;
    vertical-align: top;
}

.form-starbox[readonly] > .fi{
    cursor:default;
}

.form-starbox[disabled] > .fi{
    cursor: not-allowed;
}

.form-starbox > .fi{
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*修改星星的显示样式统一为实心星星，并调整大小font-size: 30px;*/
.form-starbox > .fi:before{
    color: #b9b9b9;
    font-size: 20px;
    padding-right: 5px;
    content:"\e60f";
}
.form-starbox > .fi[mode=full]:before{
    /*content:"\e60f";*/
    /*font-size: 30px;*/
    color: #eb6100;
}
.form-starbox > .fi[mode=half]:before{
    content:"\e643";
    font-size: 24px;
    color: #eb6100;
}

/*=====================================================星级控件样式结束============================================================*/



/*=====================================================列表控件样式开始============================================================*/

.form-list {

    display: inline-block;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
}

.form-list li {
    margin: 0px;
    display: block;

    border-top: solid 1px #c4c4c4;
    height: 26px;
    font-size: 14px;
    overflow: hidden;
}

.form-list > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #5b5b5b;
    white-space: nowrap;

    color: #a0a0a0;
    padding-left: 17px;
    cursor: pointer;
}


.form-list > li> a:hover, .form-list > li.current > a{
    background-color: #f3f8ff;
}

.form-list[readonly] >li > a {
    cursor: default;
}

.form-list[disabled] >li > a {
    cursor: not-allowed;
}
.form-list[readonly] >li > a:hover, .form-list[disabled] >li > a:hover {
    background-color:inherit;
}

.form-list .fi{
    padding-right: 5px;
    color: #e0e6e8;
}

.form-list > li[selected]{
    background-color: #f3f8ff;
}

.form-list > li[selected] a{
    color: #2aa1d3;
}

.form-list > li[selected] .fi{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
}
.form-list > li[selected] > .fi-radiobox:before{
    content: "\e608";
}
.form-list .fi:before{
    font-size: 18px
}

.form-list > li:first-child{
    border-top: none 0px;
}
/*=====================================================列表控件样式结束============================================================*/


/*=====================================================标签控件样式开始============================================================*/

.tab {

    position: relative;
    width: 100%;
    /*display: inline-block;*/
}

.tab-nav {
    position: absolute;
    border-spacing: 3px 0px;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
}

.tab-nav > .btn, .tab-nav > .tab-bar {
    display: table-cell;
}

.tab-nav > .btn {
    min-width: 0px;
    border: 1px solid #cecece;
    padding: 0px 1px;
    height: 20px;
    border-radius: 0px;
    width: 15px;
}

.tab-nav > .btn:hover{
    background-color: #8cc5ff;
    border: 0 none;
}
.tab-nav > .btn:hover .fi:before {
    color: #ffffff;
}
.tab-nav > .btn .fi:before {
    font-size: 11px;
    color: #959595;
}

.tab-nav-hidebtn > .btn {
    display: none;
}

.tab-bar {
    overflow: hidden;
    /*width: 100%;*/
}

.tab-items {
    list-style-type: none;
    border-bottom: 1px solid #cecece;
    white-space: nowrap;
    width: inherit;

    overflow: hidden;
    padding-right: 3px;
    border-spacing: 0px 0px;
    border-collapse: separate;
    display: block;
}

.tab-items > li {
    display: inline-block;
    padding: 8px 10px;
    margin-right: 10px;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*添加下字体避免受字体影响样式改变*/
.tab-items > .kx-click-on > a{
    color: #333333;
}
.tab-items > .kx-click-on > a:before{
    color: #ff0000;
    content: '·';
    display: block;
    float: right;
    font-size: 50px;
    height:6px;
    line-height: 0;
    font-family: "microsoft yahei";
}
.tab-items > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #9f9f9f;
    cursor: pointer;
}

.tab[disabled] .tab-items > li > a{
    cursor: not-allowed;
}

.tab-items > li[active=true],.tab-items > li:hover, .tab-items > li.active {
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    border-bottom: 3px solid #64a1e9;
    /*border-bottom: 3px solid #7ecef4;*/
}

.tab-items > li[active=true] > a, .tab-items > li:hover > a, .tab-items > li.active > a {
    color: #389ef4;
}

.tab[disabled] .tab-items > li[active!=true]:hover, .tab[disabled] .tab-items > li.active:hover {
                                                border-bottom: none 0px;
                                            }

.tab[disabled] .tab-items > li[active!=true]:hover > a, .tab[disabled] .tab-items > li.active:hover > a{
                                                color: #9f9f9f;
                                            }

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-21*/
/*Scope All*/
/*Add new can be Selected Style*/
.kx-customerServiceTrace  .tab-items > li[active=true],.kx-customerServiceTrace  .tab-items > li:hover,.kx-customerServiceTrace  .tab-items > li.active {
    border-bottom: none;
}
.kx-customerServiceTrace .tab-items > li[active=true] > a, .kx-customerServiceTrace  .tab-items > li:hover > a,.kx-customerServiceTrace  .tab-items > li.active > a  {
    color: #c3c3c3;
}
.kx-customerServiceTrace  .tab[disabled] .tab-items > li[active!=true]:hover, .kx-customerServiceTrace  .tab[disabled] .tab-items > li.active:hover {
                                                                          border-bottom: none 0px;
                                                                      }
.kx-customerServiceTrace  .tab-items > .kx-click-on[active=true] > a,.kx-customerServiceTrace  .tab-items > .kx-click-on:hover > a,.kx-customerServiceTrace  .tab-items > .kx-click-on.active > a {
    color: #c3c3c3;
}


.kx-customerServiceTrace  .tab-items > .kx-click-on[active=true],.kx-customerServiceTrace  .tab-items > .kx-click-on:hover, .kx-customerServiceTrace .tab-items > .kx-click-on.active {
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    border-bottom: 3px solid #64a1e9;
    /*border-bottom: 3px solid #7ecef4;*/
}
.kx-customerServiceTrace .tab-items > .kx-click-on[active=true] > a,.kx-customerServiceTrace  .tab-items > .kx-click-on:hover > a,.kx-customerServiceTrace  .tab-items > .kx-click-on.active > a {
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
}
.kx-customerServiceTrace .tab[disabled] .tab-items > .kx-click-on[active!=true]:hover, .kx-customerServiceTrace .tab[disabled] .tab-items > .kx-click-on.active:hover {
                                                                                   border-bottom: none 0px;
                                                                               }
.kx-customerServiceTrace .tab[disabled] .tab-items > .kx-click-on[active!=true]:hover > a, .kx-customerServiceTrace  .tab[disabled] .tab-items > .kx-click-on.active:hover > a{
                                                                                   /*Editby Xiaopeng Zhang*/
                                                                                   /*OperationTime 2015-11-23*/
                                                                                   /*Scope All*/
                                                                                   /*整体颜色风格统一*/
                                                                                   color: #64a1e9;
                                                                                   /*color: #7ecef4;*/
                                                                               }

.tab-body {
    height: 100%;
    padding-top: 41px;
    margin-left: 3px;
    margin-right: 3px;
}

.tab-body-html {

    overflow: auto;
    height: 100%;
    display: none;
}

.tab-body-iframe > iframe {
    border: 0px none;
    width: 100%;
    height: 100%;
}

.tab-body-iframe {
    overflow: hidden;
    height: 100%;
    display: none;
}

.tab-body-iframe[active=true], .tab-body-html[active=true], .tab-body-iframe.active, .tab-body-html.active {
    display: block;
}

.tab[mode=dynamic] .tab-items {
    border-bottom-color: #e5e5e5;
}

.tab[mode=dynamic] .tab-items > li {
    border: solid 1px #b5b5b5;
    margin-bottom: -1px;
    border-bottom-color: #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 20px;
    position: relative;
    padding-top: 10px;
}

.tab[mode=dynamic] .tab-items > li .btn {
    min-width: 0px;
    position: absolute;
    right: 3px;
    top: 3px;
    border: none 0px;
    background-color: #ffffff;
    padding: 0px;
    line-height: 1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: solid 1px #ffffff;
    vertical-align: top;
}

.tab[mode=dynamic] .tab-items > li .btn:first-child {
    right: auto;
    left: 3px;
}

.tab[mode=dynamic] .tab-items > li > .btn > .fi:before {
    font-size: 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    vertical-align: top;
    color: #8cc5ff;
}

.tab[mode=dynamic] .tab-items > li > .btn:hover > .fi:before
{
    color: #eb6978;
}

.tab[mode=dynamic] .tab-items > li[active=true], .tab[mode=dynamic] .tab-items > li:hover, .tab[mode=dynamic] .tab-items > li.active{

    border-bottom: solid 1px #ffffff;
    border-top: solid 8px #8cc5ff;
    padding-top: 3px;
}

.tab[mode=dynamic] .tab-items > li[active=true] .btn, .tab[mode=dynamic] .tab-items > li.active .btn, .tab[mode=dynamic] .tab-items > li:hover .btn{
    top:-4px;
}


.tab[mode=dynamic] .tab-body {
    padding-top: 45px;
}

/*=====================================================标签控件样式结束============================================================*/

/*=====================================================时间控件样式结束============================================================*/
.form-time {
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
}

.form-time .form-text {
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 0px none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.form-time .form-text, .form-time .btn {
    display: table-cell;
}

.form-time > .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;

    border-left: none 0px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
    cursor: default;
}

.form-time > .btn > .fi{
}
.form-time > .btn > .fi:before {
    font-size: 18px;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*统一整体颜色风格*/
    color: #64a1e9;
    /*color: #7dcdf3;*/
    line-height: 1;
}

.form-time > .btn[disabled] {
    background-color: #dcdcdc;
}

.form-time .dropdown-menu {

    background-color: #ffffff;
    padding: 10px 20px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: 7px solid #eeeeee;
    text-align: center;
    white-space: nowrap;
    width:100%;
    min-width: 120px;
}

.form-time-set, .form-time-split{
    display: inline-block;
}
.form-time-set > input, .form-time-set .btn{
    width: 22px;
    min-width: 0px;
    padding: 0px;
}

.form-time-set > input{
    height: 34px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 16px;
    padding: 1px;
    line-height: 32px;
}

.form-time-split{
    padding: 0px 5px;
}
/*=====================================================时间控件样式结束============================================================*/




/*=====================================================日期控件样式开始============================================================*/

.form-date {
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    /*    width: 100%;*/
}
.form-textd {
    display: inline-block;
    width: 100%;
    height: 26px;
    padding: 3px 0;
    font-size: 14px;
    color: #606060;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cecece;
    -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;
    resize: none;
    text-indent: 4px;
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-12-08*/
/*Scope All*/
/*修改日期控件悬停时的样式*/
.form-date > input.form-text:focus{
    border-color:#cecece;
    background-color: #fff;
}
.form-date > input.form-text:hover{
    box-shadow: none;
}
.form-date:hover > input.form-text,.form-date:hover > .btn{
    /* border-color: #64a1e9;*/
}

.calendar > .form-text,.form-date > .form-text {
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 0px none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.calendar > .form-text,.calendar > .form-text ,.form-date > .form-text, .form-date > .btn {
    display: table-cell;
}

.calendar > .btn ,.form-date > .btn {
    cursor: pointer;
    position: relative;;
    left: -6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
        background-color: #ffffff;
    border: 1px solid #DCDCDC;
    /*    border-radius: 4px;*/
    behavior: url("../../static/css/ie-css3.htc");
    /*   display: table-cell;*/
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 31px;
    width: 31px;
    /*    border-left: none 0px;*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
   /* cursor: default;*/

    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件悬停时的样式*/
    -webkit-transition: border-color ease-in-out 150ms;
    -o-transition: border-color ease-in-out 150ms;
    transition: border-color ease-in-out 150ms;
}
.calendar > .btng ,.form-date > .btng {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #cecece;
    /*    border-right: none !important;*/
    /*    border-radius: 4px;
        behavior: url("../../static/css/ie-css3.htc");*/
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;
    /*    border-left: none 0px;*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
    cursor: default;

    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件悬停时的样式*/
    -webkit-transition: border-color ease-in-out 150ms;
    -o-transition: border-color ease-in-out 150ms;
    transition: border-color ease-in-out 150ms;
}

.calendar > .btn ,.form-date > .btnd {
    float: left;
    position: relative;
    left: -6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    background: #fff;
    text-align: center;
    border:solid 1px #07467C;
    /*    display: table-cell;*/
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 31px;
    width: 33px;
    border-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding:1px 4px;
    padding:1.5px 2px\9;
    vertical-align: bottom;
    cursor: default;

    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件悬停时的样式*/
    -webkit-transition: border-color ease-in-out 150ms;
    -o-transition: border-color ease-in-out 150ms;
    transition: border-color ease-in-out 150ms;
}
.calendar > .btn > .fi:before,.form-date > .btn > .fi:before {
    font-size: 18px;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*统一整体颜色风格*/
    color: #07467C;
    font-weight: bold;;
    /*color: #7dcdf3;*/
}

.calendar > .btn[disabled],.form-date > .btn[disabled] {
    background-color: #dcdcdc;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-3*/
/*Scope All*/
/*日期控件高度过高，原始值height: 324px;*/
.calendar {
    background-color: #07467C !important;
    max-width: 257px;
    width: 257px;
    height: 308px;
    min-width: 257px;
}

.calendar > .btng > .fi:before,.form-date > .btng > .fi:before {
    font-size: 18px;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*统一整体颜色风格*/
    color: #5AB9B1;
    /*color: #7dcdf3;*/
}

.calendar > .btng[disabled],.form-date > .btng[disabled] {
    background-color: #dcdcdc;
}



.form-date > .dropdown-menu {

    background-color: #eeeeee;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: 1px solid #eeeeee;
    text-align: center;
    white-space: nowrap;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    min-width: 0px;
    max-width: 300px;
}

.form-date-yearmonth{
    display: table;
    width: 100%;
    color: #fff;
    font-family: "microsoft yahei";
}
.form-date-year, .form-date-month, .form-date-time{
    display: table-cell;
}
.form-date-yearmonth > .btn, .form-date-bar > .btn{
    min-width: 0px;
    border: none 0px;
    height: 100%;
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
    display: table-cell;
    font-family: "microsoft yahei";
}
.arrow-right{

    right: 20px;
    border-width: 8px;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件选中时的颜色*/
    border-right-color: #fff;
    /*border-right-color: #2aa1d3;*/
    border-left-width: 0px;
}
.arrow-left{
    right: 20px;
    border-width: 8px;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件选中时的颜色*/
    border-left-color: #fff;
    /*border-left-color: #2aa1d3;*/
    border-right-width: 0px;
}


.form-date-year{
    padding: 5px 20px;
    /*    border-left: 2px solid #cfcfcf;*/
    text-align: center;
    position: relative;
}

.form-date-year .form-text{
    border-radius: 4px;
    text-align: center;
    width: 50px;
    border:none 0px;
    /*    background-color: #eeeeee;*/
    color: #5e5e5e;
    border: solid 1px #eeeeee;
    font-size: 16px;
}

.form-date-year .form-text:focus{

    border: solid 1px #cecece;
    background-color: #ffffff;
}

.form-date-month{

    padding-right: 20px;
    /*   border-right: 2px solid #cfcfcf;*/
    vertical-align: middle;
}

.form-date-days{
    /*  padding: 5px;*/
    overflow: visible;
    padding-top: 0px;
}
.form-date-days > table{
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border: 1px solid #DCDCDC;
}

.form-date-days  td,  .form-date-days th{
    padding: 6px 9px;
    font-weight: 400;
    font-family: "microsoft yahei";
}
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*影响日期控件的显示*/
.form-date-days  td{
    cursor: pointer;
    text-align: center;
    border:1px solid #DCDCDC;
    border-collapse: collapse;
    /*    border-bottom:1px solid #DCDCDC;*/
    font-family: "microsoft yahei";
}
.form-date-days  td[selected], .form-date-days  td:hover{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-12-08*/
    /*Scope All*/
    /*修改日期控件选中时的颜色*/
    background-color: #07467C;
    /*background-color: #2aa1d3;*/
    /*border : solid 1px #2aa1d3;*/
    /*    border-radius: 4px;*/
    color:#ffffff;
    text-align: center;
    padding: 6px;

}


.form-date-bar
{

    width: 100%;
    display: table;
    padding: 5px 0px;
}

.form-date-bar .btn{
    color: #fff;
}

.form-date-time{
    text-align: center;
}

.form-date-time > span{

    padding: 0px 10px;
}

.form-date-time > .form-text{
    width: 30px;
    display: inline-block;
    height: 24px;
    text-align: center;
    font-family: "microsoft yahei";
}

.form-date-year .dropdown-menu{
    width: 95px;
    min-width: 0px;
    background-color: #ffffff;
    left: 20px;
}

.form-date-year .dropdown-menu > li{
    display: inline-block;
    float: left;
}

.form-date-year .dropdown-menu > li > a{
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 0px;
    cursor: pointer;
}

.form-date-year .form-date-years-close{
    text-align: center;
    width: 100%;
}
.form-date-year .form-date-years-close .btn{

    min-width: 0px;
    padding:0px;
    display: inline-block;
    padding: 0px  5px;
    font-family: "microsoft yahei";
}
.form-date-year .form-date-years-close .btn span{
    border-left-color: #5e5e5e;
    border-right-color: #5e5e5e;
}


.form-date[disabled] .form-date-days  td, .form-date-days td[disabled], .form-date-days[disabled] td{

    color:#cccccc;
    cursor: not-allowed;
}

/*=====================================================日期控件样式结束============================================================*/

/*=====================================================表格控件样式开始============================================================*/
/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-24*/
/*Scope All*/
/*需求陈罡建议修改表格行高为22原始 padding-top: 28px;*/
/*优化了表格的下边距为4px原始为padding-bottom: 25px*/
.grid {
    width: 100%;
    min-height: 200px;
    font-size: 0px;
    /*position: relative;*/
    display: inline-block;
    padding-top: 22px;
   /* padding-bottom: 25px;*/
    position: relative;
    overflow: hidden;
}

.grid-head, .grid-foot {
    max-width: 100%;
    display: inline-block;
    font-size: 0px;
    overflow: hidden;
    /*border-right: 1px solid #cecece;*/
    border-left: 1px solid #DCDCDC;
    width: 100%;
}

.grid-head {

    z-index: 3;
    /*position: relative;*/
    background-color: #dcdcdc;
    border-bottom: solid 1px #cecece;
    border-right: solid 1px #cecece;
    border-top: solid 1px #DCDCDC;
    position: absolute;
    top: 0px;

}

.table-head, .table-foot, .table-body {
    table-layout: fixed;
    white-space: nowrap;
    width: 10%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    font-size: 0px;
    border: none 0px;
    display: inline-block;
}

.table-head tr {
    background-color: #dcdcdc;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*需求陈罡建议修改表格行高为20原始height: 26px;line-height: 26px;*/
.table-head th, .table-foot th {
    display: inline-block;

    font-size: 14px;
    padding: 0px 5px;
    color: #555555;
    height: 20px;
    line-height: 20px;
    /*border: 1px solid #cecece;*/
    vertical-align: middle;
    overflow: hidden;

    border-right: solid 1px #cecece;
}
.table-head th{
    position: relative;
}
.table-head .set-btn{
    right: 5px;
    z-index: 2;
    position: absolute;
    background-color: #DCDCDC;
    top: 3px;
}

.grid > div.grid-body > div.col-resize-line{
    height: 100%;
    border-left: dashed 1px #2a2a2a;
    display: none;
    width: 0;
    position: absolute;
    border-left: 2px dashed #333;
    top: 1px;
}

.table-head th:first-child, .table-foot th:first-child {
    border-left:none 0px;
}

.grid-col-money {
    text-align: right;
}

.grid-foot {
    color: #555555;
    /*position: relative;*/
    z-index: 3;
    background-color: #f4f4f4;
    border-bottom: solid 1px #DCDCDC;
    border-right: solid 1px #DCDCDC;
    /*border-top: solid 1px #cecece;*/
    position: absolute;
    bottom: 0px;
}

.table-foot tr {
    background-color: #f4f4f4;
}

.table-foot tr th {
    /*background-color: #DAEDFF;*/
    text-align: center;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    font-weight: 400;
}

.grid-body {
    max-width: 100%;
    overflow: auto;
    font-size: 0px;
    border-left: 1px solid #DCDCDC;
  /*  border-right: 1px solid #DCDCDC;
    border-bottom: solid #DCDCDC 1px;*/
    height: 100%;
    position: relative;
}

.table-body > tbody> tr {
    background-color: #ffffff;
    border-top:none 0px;
    border-bottom: 1px solid #DCDCDC;
}

.table-body > tbody> tr:hover {
    background-color: #f2fafe;
}

.table-body > tbody> tr:first-child {
    border-top: none 0px;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-25*/
/*Scope All*/
/*需求陈罡建议修改表格行高为20原始 height: 28px;line-height: 28px;*/
.table-body > tbody> tr > td {
    display: inline-block;
    font-size: 14px;
    height: 20px;
    border: 0px none;
    padding: 0px 5px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 20px;

    border-right: solid 1px #DCDCDC;
}

.table-body > tbody> tr > td[editable=true] {
    padding: 1px;
    font-size: 0px;
    line-height: 1;
}

.table-body > tbody> tr > td:first-child {
    border-left: 0px none;
}

.grid  > div > table > tbody> tr > td > span > .btn, .grid  > div > table > tbody> th > span > .btn {
    min-width: 0px;
    padding: 0px;
    background-color: transparent;
    border: none 0px;
    margin-left: 10px;
    border-radius: 0px;
    line-height: 1;
    height: 18px;
    margin-top: 5px;
    vertical-align: top;

}

.grid > div > table > tbody> th > span > .btn {

    margin-top: 3px;
}

.grid  > div > table > tbody> tr > td > span > .btn .fi:before, .grid  > div > table > tbody> tr >  th > span > .btn .fi:before {
    font-size: 18px;
    line-height: 1;
    color: #9b9b9b;
}

.grid  > div > table > tbody> tr > td > span > .btn .fi-edit:before, .grid  > div > table > tbody> tr >  th > span > .btn .fi-edit:before {
    font-size: 14px;
}

.grid  > div > table > tbody> tr > td > span > .btn .fi-del:before, .grid  > div > table > tbody> tr >  th > span > .btn .fi-del:before {
    font-size: 16px;
}

.grid > div > table > tbody> tr > td > span > .btn .fi-edit {
    vertical-align: top;
}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}


.table-head th > .btn:first-child {
    margin-right: 10px;
    margin-left: 0px;
}

.grid .grid-col-checkbox {
    width: 40px;
    text-align: center;
    /*padding-right: 0px;*/
}

.grid-head .grid-col-checkbox .fi:before {
    color: #ffffff;
}

.grid-head .grid-col-checkbox .form-clickbox[selected]  .fi:before {
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
}
.grid-head.resizeable, .grid-head.resizeable .btn{
    cursor: col-resize;
    -webkit-user-select:none;
    -moz-user-select:none;
}

th.table-scroll-space {
    width: 22px;
    /*border-right: 0px none;*/
    /*border-right: solid 1px #cecece;*/
}


.table-body > tbody > tr.table-body-tr-even {
    background-color: #dbedff;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-9*/
/*Scope All*/
/*Add selected background color*/
/*添加样式层级为了覆盖其他样式*/
table.table-body > tbody > tr[active="true"]{
    background-color: #64a1e9;
    color:#ffffff;
}
.table-body > tbody > tr[active="true"] .form-clickbox[selected] > .fi:before, .table-body > tbody > tr[active="true"] .form-clickbox.selected> .fi:before{
    color:#ffffff;
}

.grid-body > .table-body > tr[selected] {

    background-color: #bbddff;
}

.grid-head-sort {
    display: inline-block;
}

.grid-head-sort .btn {
    display: block;
    padding: 0px;
    line-height: 1;
    border: 0px;
    font-size: 0px;
    background-color: transparent;
    margin: 3px 0px;
}

.caret-up {

    border-bottom: 5px solid #a0a0a0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 0px none;
}

.caret-up.selected {

    border-bottom-color: #2780dc;
}

.caret-down {
    border-top: 5px solid #a0a0a0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.caret-down.selected {

    border-top-color: #2780dc;
}

.caret-right {

    border-left: 5px solid #a0a0a0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0px none;
}

.caret-right.selected {

    border-left-color: #2780dc;
}


.caret-left {

    border-right: 5px solid #a0a0a0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 0px none;
}

.caret-left.selected {

    border-right-color: #2780dc;
}


/*=====================================================表格控件样式结束============================================================*/

/*=====================================================滑块控件样式开始============================================================*/

.form-slider{
    background-color: #90d5f9;
    height: 14px;
    border: solid 1px #d0e9fe;
    width: 300px;
    position: relative;
    border-radius: 10px;
}

.form-slider-block {
    background-color: #d1eaff;
    /*width :150px;*/
    height: 100%;
    border: solid 1px #90d5f9;
    position: absolute;
    display: inline-block;
    left: 0px;
    border-radius: 10px;
}
.form-slider-block .btn .fi{
    height: 20px;
    width: 20px;
}
.form-slider-block .btn .fi:before{
    font-size: 24px;
    color: #959595;
    margin-left:  -2px;
}

.form-slider-block .btn{
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
    background-color: transparent;
    border: none 0px;
    position: absolute;
    top: -5px;
    right: -10px;
    left: auto;
}

.form-slider-block:first-child{
    left: auto;
    right: 0px;
}

.form-slider-block:first-child .btn{
    top: -5px;
    left: -10px;
    right: auto;
}

.form-slider[mode=vertical]{
    height: 300px;
    width: 14px;
    position: relative;
}

.form-slider[mode=vertical] .form-slider-block{
    background-color: #d1eaff;
    width :100%;
    /*height: 0px;*/
    border: solid 1px #90d5f9;
    position: absolute;
    display: inline-block;
    top: -2px;
    bottom: auto;
}

.form-slider[mode=vertical] .form-slider-block .btn{
    top: auto;
    right: -5px;
    bottom:-11px;
}

.form-slider[mode=vertical]  .form-slider-block:first-child{
    bottom:0px;
    top: auto;
}

.form-slider[mode=vertical]  .form-slider-block:first-child .btn{

    top: -11px;
    right: -5px;
    left: auto;
    bottom: auto;
}

.form-slider-block .btn{
    width: 20px;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE1MEUyNkYzM0ZDMTFFNTk2MjlDNThBMDUxQjVEM0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE1MEUyNzAzM0ZDMTFFNTk2MjlDNThBMDUxQjVEM0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTUwRTI2RDMzRkMxMUU1OTYyOUM1OEEwNTFCNUQzQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTUwRTI2RTMzRkMxMUU1OTYyOUM1OEEwNTFCNUQzQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pip+THkAAAH7SURBVHjarJS/S0JRFMePT1PxB1KSqCAYYkND5OIWkUFEU3vR0h/QFrS3NRfUELbV3lJD1NJgSyKJEISFCGEpWv56/up7xSvXV88f0YEvx3vevZ933vHco2m1WvSfphu0IRKJjMFNQSbojSkYDDbV9mvUMgRoBW4LYt4iPPqALqADgO8HAgGywYWhtQHJs4NH0DbA8q9AwCbhbqAZ8aReryedTkeyLFO9XleCb6FVQEs9NQRMgjsXYQ6Hg5xOJxmNxu7pYrFI6XSacrkcDy1Ax9AGW0jCmzahxXbaGg35fD7yer09MGZms5n8fj95PB4xvI6ElpTAXf7D7XaT3W7vW0CXy6Xcs9OtIejsMx9ZQKvVUiAQIEmSBvZctVqlaDTKlw1ogp+a5VGbzTYUjJnBYCCTycSXWmian3SJm0Yx1gGCOTgw38270RgJqNj/xYHPPFIoFIaGNZtNKpVKYijJgXc8y0qlQvl8fihgJpMRM4yhuV/bwM7VOe2+JpmkWq3WF8YyS6VSYiis7MM9KMvbIR6Pq35+NpulRCIhZvcEHf52l0Nwl+KVtFgsZLVa23eZZc3KUS6XRT6rzzy+MqY2bZbhzqDxIcr4wqYSYA888KOD8fCq0+gnkFoh2V+7D82JsL4DVhhnoc4EYh3/3qnXNUCfI03sv9q3AAMAWkbAx5AjlzEAAAAASUVORK5CYII=)
}

.form-slider-block .btn:hover{

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE1MEUyNzMzM0ZDMTFFNTk2MjlDNThBMDUxQjVEM0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE1MEUyNzQzM0ZDMTFFNTk2MjlDNThBMDUxQjVEM0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTUwRTI3MTMzRkMxMUU1OTYyOUM1OEEwNTFCNUQzQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTUwRTI3MjMzRkMxMUU1OTYyOUM1OEEwNTFCNUQzQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pja15ZQAAAIVSURBVHjaYlxy9T8DJSBaC5XPxEBlwIJNMOb0K2Yg5Q/EQUBsDsTSUMvvAvFOIF6xxFTsFDa9jOheBhpmBKQWA7EWAcesA+LU//Fi73B6GWgYyEVHiDCMAer6U4wLXyljdSHQMEsgdQCI2UB8TmZGBndxLgZTQXYGSQ5mhj9AZfe//mY4/OYHw9G3PxiQ/HUViK2ALv0ED0OgYSB6HswwKU4WhmJVfgZxdma4LpCENh8bGJsLsTNMvvuJ4dc/sLHaQNwAxEXIXg4DYg2Yy9ANQweGAuwMyQq8yEJZQK+LIRsYDpPxBHoTn2EwYC3MwaDCwwrjsgOxH7KBxjAZC6BCYoGlEDsy1wpsIDD8QIaKg2MIxCDCdTAgy4mSjKXABgIT6D8g/RfEAQXxPwbis+JvVKU/kb38GCb68Osfog28C0xGSOAJsoF7YaIHgOmMGPDn/3+GI6hq9yIbuBwmeujNd4Zrn34RNHDjs28Mr37+hXFfQ/M4xEBgOB6ECYDSat+djwxn3v/E6bJVT74ybHj2FVm4CZhTvqKXNilAfBqIJX78/c8wAWioFjBXmAGzngQo6wGj7uG330Af/GB4iXAZCGwC4ulYSxtgEgIVCjtAKYLIeNkNKiSArvuCtbQBev0aKGcB8TSQ7/AY9AaIC0AZC9kwrOUhkmtBrgwFYgNoogWl10fQEmkD0PIv2KoARmrXKQABBgA3O6++k+hFtAAAAABJRU5ErkJggg==)
}

/*=====================================================滑块控件样式结束============================================================*/


/*=====================================================上传控件样式开始============================================================*/
.form-upload{

    /*padding-top: 10px;*/
    padding-top: 10px;
}

.form-upload-item{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
}

.form-upload-item input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.form-upload-item:last-child{
    margin-right: 0px;
}

.form-upload-btn-add{
    background-color: #ffffff;
    font-size: 14px;
    color: #6f6f6f;
    padding: 15px 10px;
    padding-bottom: 5px;
    border: none 0px;
    border: 1px dashed #cecece;
}
.form-upload-btn-add .fi{
    display: block;
    padding-bottom: 10px;
}

.form-upload-btn-add .fi:before{
    font-size: 20px;

}

.form-upload-icon{
    position: relative;
}
.form-upload-btn-icon{
    display: block;
    background-color: #ffffff;
    border: 1px dashed #cecece;
    padding: 15px 18px;
    padding-bottom: 17px;
}

.form-upload-btn-icon .fi:before{
    /*content:"\e63f";*/
    font-size: 40px;
}

.form-upload-item-text{
    padding-top: 5px;
    color: #343434;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    width: 78px;
    display: inline-block;
    font-size: 14px;
}

.form-upload-btn-del{
    position: absolute;
    background-color: transparent;
    border: none 0px;
    right: -15px;
    top: -10px;
    z-index: 4;
}

.form-upload-btn-del .fi:before{
    font-size: 20px;
    color: #f06e00;
}

.form-upload-item-mask{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    filter:alpha(opacity=40);
    moz-opacity:0.4;
    opacity: 0.4;
    top: 0px;
    left: 0px;
    background-color: #000;
    z-index: 2;
}
.form-upload-item[state=uploading] .form-upload-item-mask{
    display: block;
}
.form-upload-item[state=uploading] .form-upload-btn-del{
    display: none;
}

.form-upload-item-uploading{
    display: none;
    color: #ffffff;
    vertical-align: middle;
    text-align:center;
    font-weight: 900;
    position: absolute;
    z-index:3;
    top: 25px;
    left: 18px;
    cursor: default;
}
.form-upload-item[state=uploading] .form-upload-item-uploading{
    display: block;
}

.form-upload-btn-img{
    padding: 0px;
    font-size: 0px;
    line-height: 1;
}

.form-upload-btn-img > img{
    max-height: 74px;
    max-width: 78px;
}

.form-upload-img{
    position: relative;
    text-align: center;
}
/*=====================================================上传控件样式结束============================================================*/



/*=====================================================分组表格控件样式开始============================================================*/

.groupgrid{

}

.groupgrid-table{
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 14px;
    /*table-layout: fixed;*/
    width: 100%;
}

.groupgrid-table th, .groupgrid-table td{
    border: 1px solid #c4c4c4;
    padding: 3px 5px;
    text-align: center;
    color: #464646;

    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.groupgrid-table tr:hover{
    background-color: #f0f0f0;
}

.groupgrid-table th{
    background-color: #f0f0f0;
    /*color: #464646;*/
    font-weight: 400;
}

.groupgrid-table-caret{
    padding: 0px;
    margin-right: 20px;
}

.groupgrid-table-caret .fi:before{
    font-size: 18px;
}
/*=====================================================分组表格控件样式结束============================================================*/



/*=====================================================联想控件控件样式开始============================================================*/
.form-suggestbox-dropdown{
    display:none;
    position: absolute;
    background-color: #ffffff;
    z-index: 9999999999;
    border-radius: 4px;
    font-family: "microsoft yahei";
}
.transclude-tr{border-radius: 4px; border: 1px solid #07467C;}
.form-suggestbox-pager{
    /*    border: solid 1px #c4c4c4;*/
    /*  border-top-left-radius: 4px;
      border-top-right-radius: 4px;*/
    border-bottom: none 0px;
    padding: 3px 10px;
    font-family: "microsoft yahei";
    border: 1px solid #DCDCDC;
    border-top: 0;
}

.form-suggestbox-table{
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: solid 1px #DCDCDC;
    table-layout: fixed;
    white-space: nowrap;
    /*display: inline-block;*/
    font-size: 0px;
    line-height: 1.6;
    border-radius: 4px;
    font-family: "microsoft yahei";
    border: 1px solid #DCDCDC;
}
.form-suggestbox-table td, .form-suggestbox-table th{
    /*  border: solid 1px #c4c4c4;*/
    font-family: "microsoft yahei";
}

.form-suggestbox-table tr.current{
    background-color: #e6f7f9 !important;
}

.form-suggestbox-pager > span{
    font-size: 13px;
    font-family: 'microsoft yahei';
}

.form-suggestbox-pager .btn{
    padding: 0px;
    background-color: transparent;
    padding-left: 10px;
    font-family: "microsoft yahei";
}

.form-suggestbox-pager .btn .fi:before{
    color: #07467C;
    font-size: 15px;
}

.form-suggestbox-table th{
    font-weight: 400;
    background: #07467C;
    color: #fff !important;
    font-size: 13px;
    padding:5px 5px 0 5px;
    text-align: left;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-family: 'microsoft yahei';
}
.form-suggestbox-table td{
    font-size: 13px;
    padding: 3px 10px 7px;
    color: #515151;
    text-align: left;
    max-width: 300px;
    /* display: inline-block;*/
    white-space: break-spaces;
    word-break: break-all;
    /*white-space:nowrap;*/
   overflow:hidden;text-overflow:ellipsis;
    font-family: "microsoft yahei";
}

.form-suggestbox-table td
{
    border-bottom: none 0px;
    border-top: none 0px;
    font-family: "microsoft yahei";
}

.form-suggestbox-table .form-clickbox{
    margin-right: 5px;
    vertical-align: top;
}

.form-suggestbox-table tr[selected], .form-suggestbox-table tr:hover{
    background-color: #e8f0ff;
}

.col-text{
    width: inherit;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    display: inline-block;
}

/*=====================================================联想控件样式结束============================================================*/

/*=====================================================搜索控件样式开始============================================================*/
.form-position{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;

    width: 100%;
}

.form-position:hover .form-text{
    border-color: #8ac2ed;
}


.form-position .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-indent: 10px;
}


.form-position .form-text, .form-position .btn{ display: table-cell;}
.form-position > .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e7679;
    text-align: center;
    background-color: #dcdcdc;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;


    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
}

.form-position > .btn:hover{
    background-color: #8ac2ed;
    color: #1b89dc;
}

.form-position > .btn[disabled]{

    background-color: #dcdcdc;
}

.form-position > .btn .fi:before{
    font-size: 18px;
}
.form-position .dropdown-menu{

    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
}
.form-position .dropdown-menu > li{
    height: 26px;
    font-size: 14px;
    overflow: hidden;

}

.form-position .dropdown-menu > li> a:hover{
    background-color: #f3f8ff;
}

.form-position .dropdown-menu > li>a{
    color: #a0a0a0;
    padding-left: 17px;
}

.form-position .dropdown-menu > li[selected]{
    background-color: #f3f8ff;
}

.form-position .dropdown-menu > li[selected] a{
    color: #2aa1d3;
}

/*=====================================================搜索控件样式结束============================================================*/


/*=====================================================地址控件样式开始============================================================*/
.form-region {
    position: absolute;
    z-index: 9999999999;
    background-color: #ffffff;
}

.form-region-menu {
    color: #535353;
    width: 305px;
}
.form-region-tabs{
    font-size: 0px;
}
.form-region-tabs > li {
    border-collapse: collapse;
    border: 1px solid #cecece;
    padding: 2px 20px;
    border-left: none 0px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-26*/
/*Scope All*/
/*添加热门城市去掉后的样式*/
.form-region-tabs.form-region-3options > li{
    padding: 2px 36px;
    font-family: 'microsoft yahei';
}
.form-region-tabs.form-region-3options > li:first-child{
    padding-left: 37px;
}
.form-region-tabs > li:first-child {
    border-left: 1px solid #cecece;
}

.form-region-tabs > li[selected], .form-region-tabs > li:hover {
    background-color: #07467C;
    color: #ffffff;
}

.form-region-tabs > li.disabled,
.form-region-tabs > li.disabled:hover {
    color: #cecece;
    background: #f8f8f8;
    cursor: default;
}

.form-region-hot {
    list-style-type: none;
    font-size: 0px;
    display: inline-block;
    width: 100%;
    border: 1px solid #cecece;
    border-top: 0px none;
    padding: 10px;
    height: 140px;
}

.form-region-hot > li {
    display: inline-block;
    font-size: 13px;
    width: 25%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 5px;
    color: #777777;
    font-weight: 500;
    cursor: pointer;
    font-family: 'microsoft yahei';
}

.form-region-hot > li:hover, .form-region-province-items > li:hover, .form-region-citys > li:hover {
    color: #07467C;
    font-weight: bold;
}

.form-region-body {
    width: 100%;
    border: 1px solid #cecece;
    border-top: 0px none;
    height: 160px;
    padding: 0px 26px;
    position: relative;
}

.form-region-btn {
    height: 100%;
    width: 26px;
    background-color: transparent;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    outline: none;
}

.form-region-btn:first-child{
    left: 0px;
}

.form-region-btn .fi:before {
    color: #07467C;
    font-size: 16px;
}

.form-region-btn:hover .fi:before {

    color: #07467C;
}

.form-region-province {
    /*display: table-cell;*/
    height: 100%;;
    vertical-align: top;
}

.form-region-province-group {
    display: inline-table;
    width: 100%;
    border-top: 1px solid #ededed;
}

.form-region-province-group:first-child {
    border-top: none 0px;
    padding-top: 1px;
}

.form-region-province-groupname, .form-region-province-items {
    display: table-cell;
}

.form-region-province-groupname {
    width: 58px;
    font-size: 14px;
    color: #9c9c9c;
    text-align: center;
    position: relative;
    top:-9px;
}

.form-region-province-items {
    font-size: 0px;
}

.form-region-province-items > li {

    font-size: 13px;
    width: 33%;
    text-align: center;
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 7px;
    color: #777777;
    cursor: pointer;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-family: 'microsoft yahei';
}


.form-region-citys{
    font-size: 0px;
    padding:10px 0px;
    display: block;
}

.form-region-citys > li{
    width: 33%;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    color: #777777;
    padding: 7px 0px;
    cursor: pointer;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-family: 'microsoft yahei';
}

.form-region-search{
    border: 1px solid #cecece;
    width: 206px;
    padding: 7px 0px;
}

.form-region-search > li{
    cursor: pointer;
    font-size: 13px;
    color: #777777;
    padding: 7px 15px;
    display: block;
    vertical-align: top;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.form-region-search > li:first-child{
    /*padding-top: 0px;*/
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-11-18*/
/*Scope All*/
/*添加键盘地址控件选中样式*/
.form-region-search > li:hover , .form-region > .form-region-search > li[active='true']{
    background-color: #07467C;
    color: #ffffff;
}
.form-region-search > li > em{
    color: #ff0000;
    font-style: normal;
}
/*=====================================================地址控件样式结束============================================================*/


/*=====================================================树形控件样式开始============================================================*/
.tree{
    white-space: nowrap;
    position: relative;
    padding-top: 42px;
    max-height: 100%;
}

.tree-head{
    background-color: #ededed;
    height: 42px;
    border: 1px solid #dbdbdb;
    border-bottom: none 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    padding: 5px 20px;
    padding-right: 60px;
    position: absolute;
    top:0px;
    width: 100%;
}

.tree-btn-reset{
    position:  absolute;
    color: #ffffff;
    font-weight: 900;
    background-color: #1586db;
    top: 8px;
    padding-bottom: 2px;
    right: 10px;
}

.tree-head-selecteds{

    vertical-align: middle;
    overflow: hidden;
    white-space:nowrap;
    width: 100%;
    display: block;
}

.tree-head-selecteds > li{
    font-weight: bold;
    font-size: 14px;
    line-height: 31px;
    display: inline-block;
    margin-right: 5px;
    color: #1586db;
    cursor: pointer;
}

.tree-head-selecteds > li:first-child{
    color: #000000;
    cursor: default;
}

.tree-body{
    padding: 5px 10px;
    border: 1px solid #dbdbdb;
    border-top: none 0px;
    color: #666666;
    overflow: auto;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*Editby Xiaopeng Zhang*/
/*OperationTime 2015-10-22*/
/*Scope All*/
/*添加树形控件选中时的样式*/
.tree-body ul > li > .tree-item:hover>.tree-fi-folder:before,.tree-body .tree-item[selected="selected"]>.tree-fi-folder:before,.tree-body ul > li > .tree-item:hover,.tree-body ul > li > .tree-item[selected="selected"]:hover,.tree-body ul > li > .tree-item[selected="selected"]{
    background-color: #64a1e9;
    color:#ffffff;
}


.tree-body  ul{
    margin-left: 20px;
    /*border-left: 1px dashed #dcdcdc;*/

    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjI5MEM5MDIzNEY2MTFFNTlGNkJGMTY0MDA2MjE5MEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjI5MEM5MDMzNEY2MTFFNTlGNkJGMTY0MDA2MjE5MEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjkwQzkwMDM0RjYxMUU1OUY2QkYxNjQwMDYyMTkwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjkwQzkwMTM0RjYxMUU1OUY2QkYxNjQwMDYyMTkwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po4rggUAAAAbSURBVHjaYnj58uV/JgYgABMM////h7AAAgwAbAkGvq3O8cAAAAAASUVORK5CYII=);
    background-position-x:7px;
}
.tree-body > ul{
    margin-left: 0px;
    background-position-x:7px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjI5MEM4RkUzNEY2MTFFNTlGNkJGMTY0MDA2MjE5MEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjI5MEM4RkYzNEY2MTFFNTlGNkJGMTY0MDA2MjE5MEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBREUxNUVFQjM0QzgxMUU1OUY2QkYxNjQwMDYyMTkwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBREUxNUVFQzM0QzgxMUU1OUY2QkYxNjQwMDYyMTkwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgGMNuMAAAAbSURBVHjaYrh27dp/JgYgABMM////h7AAAgwAZuoGhSt5mlUAAAAASUVORK5CYII=);
}

.tree-body .tree-fi-folder{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    line-height: 18px;
    cursor: pointer;
}

.tree-body .tree-fi-folder{
    vertical-align: top;
}

.tree-body .tree-fi-folder:before{
    content: "\e65e";
    font-size: 13px;
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
    vertical-align: top;
}

.tree-body > ul > li > .tree-item > .tree-fi-folder:before{
    content: "\e646";
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
    font-size: 18px;
}

.tree-body  li > ul{
    display: none;
}

.tree-body  li[open=true] > ul{
    display: block;
}
.tree-body > ul > li[open=true] > .tree-item > .tree-fi-folder:before{
    content: "\e647";
}

.tree-body li[open=true] > .tree-item > .tree-fi-folder:before{
    content: "\e65f";
}

.tree-body .tree-item[leaf=true] .tree-fi-folder:before{
    content: "";
}
.tree-body li{
    display: block;
}

.tree-item{
    /*position: absolute;*/
    background-color: #ffffff;
    padding: 3px 0px;
}

.tree-body .tree-fi-clickbox{
    cursor: pointer;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    line-height: 18px;

}
.tree-body .tree-fi-clickbox:before{
    content: "\e62e";
    font-size: 18px;
    color: #b5b5b5;
}

.tree-body .tree-fi-clickbox[canchoose]:before{
    content: "";
}

.tree-body .tree-fi-clickbox[selected]:before{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
    content: "\e62d";
}
.tree-body .tree-fi-clickbox[mode=radio]:before{
    content: "\e612";
    color: #d7dcde;
}

.tree-body .tree-item.selected > span{
    color:#2aa1d3;
}

.tree-body .tree-fi-clickbox[mode=radio][selected]:before{
    content: "\e608";
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color: #7ecef4;*/
}

.tree-item > span{
    cursor: pointer;
}

/*=====================================================树形控件样式结束============================================================*/



/*=====================================================分页控件样式开始============================================================*/
.pager{
    display: inline-block;
    font-size: 0px;
    /*vertical-align: top;*/
    line-height: 1;
}

.pager-index{
    width: 40px;
    display: inline-block;
    border-radius: 0px;
    /*vertical-align: middle;*/
    float: left;
    margin-left: -1px;
    border:solid 1px #d7dcde;
    border-color: #d7dcde;
    text-align: center;
}
.pager .btn{
    background-color: #d7dcde;
    color: #ffffff;
    padding: 3px 11px 2px 11px;
    /*margin-right: 1px;*/
    border-radius: 0px;
    float: left;
    border-right: 1px #ffffff solid;
}

.pager .btn:first-child{

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    /*border-right: none 0px;*/
}

.pager .btn .fi:before{
    font-size: 16px;
}

.pager .btn:hover{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    background-color: #64a1e9;
    /*background-color: #7ecef4;*/
}
/*.pager-btn-first{*/
/*border-top-left-radius: 0px;*/
/*border-bottom-left-radius: 0px;*/
/*}*/

.pager-desc{

    background-color: #d7dcde;
    height: 26px;
    float: left;
    color: #868686;
    padding: 5px 10px;
    margin-right: 1px;
    font-size: 14px;
}

.pager-last-item{

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagesize{
    display: inline-block;
    font-size: 0px;
    line-height: 1;
}

.pagesize .pager-desc{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagesize .form-dorpdown{
    width:60px;
    float: left;
}

.pagesize .form-dorpdown .form-text{
    /*border-left: none 0px;*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: #d7dcde;
}

.pagesize .form-dorpdown .btn{
    color: #ffffff;
    background-color: #d7dcde;
}

.pager-skin-tp > .btn{
    background-color: #ffffff;
    color: #c9c9c9;
    border-right-color: #d7dcde;
}
.pager-skin-tp .pager-desc{
    background-color: #ffffff;
    /*color: #d7dcde;*/
}


.pagesize.pager-skin-tp .form-dorpdown .form-text{

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*=====================================================分页控件样式结束============================================================*/


/*=====================================================树形下拉控件样式开始============================================================*/


.form-tree{
    /*position: relative;*/
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    width: 100%;
}

.form-tree:hover .form-text{
    border-color: #8ac2ed;
}


.form-tree .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-indent: 0px;
}


.form-tree .form-text, .form-tree .btn{ display: table-cell;}
.form-tree > .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e7679;
    text-align: center;
    background-color: #dcdcdc;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;


    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
}

.form-tree > .btn:hover{
    background-color: #8ac2ed;
    color: #1b89dc;
}

.form-tree > .btn[disabled]{

    background-color: #dcdcdc;
}

.form-tree-dropdown{

    padding-top: 0px;
    position: absolute;
    display: block;
    /*min-width: 100%;*/
    left: 0px;
    /*display: inline-block;*/
    float: none;
    /*max-height: 200px;*/
    overflow: auto;
    top:100%;
    margin-top: 2px;
    max-width: 30%;
    background-color: #ffffff;



    border: 1px solid #dbdbdb;
    border-radius: 5px;
}


.form-tree-dropdown .tree-body{
    /*border-top: 1px solid #dbdbdb;*/
    /*border-radius: 4px;*/
    /*overflow:auto;*/
    /*overflow-x: hidden;*/
    position: relative;
    height: auto;
    border: none 0px;
}

.form-tree-dropdown .tree-item{

    /*padding-right: 10px;*/
}
/*=====================================================树形下拉控件样式结束============================================================*/


/*=====================================================多选列表控件样式开始============================================================*/
.form-multlist{

}

.form-multlist-list{
    width: 128px;
    display: inline-block;
    vertical-align: top;
}

.form-multlist-list .form-clickbox .fi:before{
    color: #d2d2d2;
}

.form-multlist-list .form-clickbox[selected=selected] .fi:before, .form-multlist-list .form-clickbox.selected .fi:before{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    color: #64a1e9;
    /*color:#7ecef4;*/
}

.form-multlist-list-head{
    top: 0px;
    height: 26px;
    vertical-align: middle;
    line-height: 26px;
    padding-left: 5px;
    border: solid 1px #cccccc;
    display: block;
    width: 100%;
}

.form-multlist-list-body{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 261px;
    border-bottom: solid 1px #cccccc;
}

.form-multlist-list-body > li{
    border: solid 1px #cccccc;
    border-bottom: none 0px;
    height: 26px;
    padding: 3px 5px 3px 5px;
    white-space: nowrap;
}

.form-multlist-list-body > li:first-child{
    border-top: none 0px;
}

.form-multlist-operate{
    display: inline-block;
    width: 18px;
    margin: 20px 40px 0px 40px;
}

.form-multlist-operate > .btn{
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 5px;
}

.form-multlist-operate-cancelall{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y4OTI5NzAzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y4OTI5NzEzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjg3MDI3RjNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjg3MDI4MDNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvyBnlMAAAFUSURBVHjaYmTY/5kBC7AH4nAgtgNiKajYMyA+BMQrgfggugZGNIOUgXgWEDsx4Af7gDgNiO/CBJiQJEG2nyLCEAaoGpBaW7iL/v//z8B44IsKVEKQgTTwDojNgfgOzEVzyTAEBISAeDbYa0DXuEG9hQLE2BgZVmlzwPn/HXjAGAtwAGIXFiARhi4TKsrCMEWVHWwYkSCcBTlwQRqnAg0IEWUh1YtOIB1yIFaYGMQVoqyMZAQVgxwosH9BEhQEkwl+gQx6DGKtfPWHQfv0N4a1r/+QY9ATkEFnYLxXv/4zhFz9wRB+7QfD69//STHoMMigJeiiq4Cu0wG6bg3xrlsFS9mHgRwbMsMHpNcOlrKTgfgjGYZ8hOoFp2wQfQuIA4D4CwmGfIHquY2e+w8AsRm2sgYLOAhVewBXeQQDoPwXAsSOsAQLBI+AeD8Qrwbi3egaAAIMAFc2WPitaX3LAAAAAElFTkSuQmCC);
}

.form-multlist-operate-cancel{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y4Qzc3RDkzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y4Qzc3REEzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjg5Mjk3QTNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjhDNzdEODNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn1xeVUAAAFASURBVHjaYmHY/5kBC7AH4nAgtgNiKajYMyA+BMQrgfggugZGNIOUgXgWEDsx4Af7gDgNiO/CBJiQJEG2nyLCEAaoGpBaW3SDVIB4AxALMRAPhKB6VJANmgvEggQ0vgXiF1gMmw0zyA3qLXxgBRBrAfEdLHIOQOzCAiTC8BjwFIizgHgTAYvCmXAE7n9o7GkTYQg48EEukkMTBDk/FYgPkBDwciAX/UIT/AnEPxhIA79ABj1GEwR55wgQ9wIxF5EGPQEZdAaLBDMQFwHxJWisEAKHQQYtwaNAGZodpgMxHx51q2B57TAQ2xCw9TE4bzIwyKC7BpQOYSk7GYg/EjBIFoshH6F64VnkFhAHAPEXEmLqC1TPbfTcD0o3ZtjKGizgIFTtAVzlEQyA8l8IEDsiJdhHQLwfiFcD8W50DQABBgDxdz7CJvBF6AAAAABJRU5ErkJggg==);
}

.form-multlist-operate-selected{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y4Qzc3RTEzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y4Qzc3RTIzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjhDNzdERjNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjhDNzdFMDNFNDcxMUU1QkFDMUVCMEEzRUE5RDUyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuE1K2gAAAFGSURBVHjalJS/L0RBFIXnPZ2CUIrV2EKohWb92M3rJDSyUYpC7//QKiSi0JAohE7B2kiEaFQS0S0iEoUgQYHvJvclYzLmzZ7ka2bOnDd37sxLzPGr8WgS6jABfTr2AE3YgRN3QeIEDcI6VE1YR7AMt/lAak1W4CIixKjnXHf8J2gIDqDXxEu8e1DOgxLYhG7H+AjPBWE9sJEHZTDuMUn9w7BdECblZRI0HzA9wQLMwn3AV5egWsR57MOIdvTHM1+ToFLk4b5oy6t221Wl1LSvD/h0xr4kqBUZ0AmrcKpl2rpL9ZYWaQquYAU6PPOXErQbCOiCNf1YOeDbkrcmF/IMxtztwjcMFOxWSq2k2s5FeHcM/REh0skl+61dwwy8tdE98c7Bjfv6GzDq+9d41NSjaPz3P8qV6dOZtspr6aFLcw7dBb8CDADW+EChxLjJGwAAAABJRU5ErkJggg==);
}

.form-multlist-operate-selectedall{
    background-image:url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTU3NzIsIDIwMTQvMDEvMTMtMTk6NDQ6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNGOEVFQzEyM0U0NzExRTVCQUMxRUIwQTNFQTlENTI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGOEVFQzEzM0U0NzExRTVCQUMxRUIwQTNFQTlENTI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y4RUVDMTAzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y4RUVDMTEzRTQ3MTFFNUJBQzFFQjBBM0VBOUQ1MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAASABIDAREAAhEBAxEB/8QAnQAAAgMAAAAAAAAAAAAAAAAACAkEBwoBAAMAAwAAAAAAAAAAAAAAAAcICQMEBhAAAAUCAwENCQAAAAAAAAAAAgMEBQYBBzM3CAAxEmITYxQ0VGQXVwkZEWFSFTVVFjY4EQACAQEDBwcHDAMAAAAAAAACAwEEBQYHADESMhM1CBFhMxQ0VDZRImJTY6NVUoKiI4NEZBU3GAkZFkYX/9oADAMBAAIRAxEAPwB2d4r63s136k+4S1c2IhkDWu0pZYY1qXl4Y44+pYkzPT0tkcwWx9A6OTme+I2E4aUgSc4hNQwougAi448dJrm3EuRgNhr/AJ9eqhKtt8EoZUnC1tcoqhi1imnFpAAQomjBlBiZ8hlMzGguIEYq4y4vcZ/EB/xTDa2Asm5bqqsRQJJ76elqAokVD2VVcymW5riqF0xklcrYtUEtcCM7VxDxbJbqv03QyBalIAqkJFsJWocR85RrFbzDFQ2aTOkZXsU/j4TOboKrlzOZQg04AN+A0AkygJ9K0LIl504TYlW1X4aXgCnK9FIIRokIrqRhiQcDaRvJyloiyNIRmeSRmGLlcxJArD2r4mMAbp2LxAXJbXhh3aRtnTBhvoDlFW6kZT2lTROivaMQULNgjpCYlTvF0TC3D+qNav7GdkJ3n/UisxfCvBxu3bnJbJ1+1q9frx3/ANS1J7H37Pm9l9PKqX9jeG3cz8Ffm/SxvT4Pq5/xHuslRQgumgrW83ON1GOTqY7bx1mxiKrCiRK3OSxeSxGVxyLPrGF1cWVtWplfzcgZ9aqgcTUs4uvtOKEXs2FuFOPmB7Ka6j6UbRtFVNBbUiEEvTUIc9TdmDDEh2ZQPmTpcoFHmFBZTRueuOCvjARX4k0dossGwqm0JX1ZazdV0lXRVlLR1FPDmoUwD26yZMuHZyLVz9auV5TozriuKwaZ7faVrRxrmzwaRKmGSSQ1ETIHl/FNpvJXZNHoixVIVJyaqkD+UnMPNLPUmHDEEgsqoQGjwWngbdy0MTbQxVvdU6VHBIalMFKlq6tTJXLqhvKMzokojgRkQgYiTI4mQHcu9xh38sTh7sPhtwws/Z2oQVlNVVUrGpfUzX2hVuGloqfRMR011IKJhixpGRCkFSItO5/Suuv8KTIL8p6anzm8Osbd7Z0ThbcV+6q6flPxBsNWd3d8ze76TmyLf9beJfkV4J650gb9+F63v+h9LI6PNEytY8gsZwzRzEwysreU677uK2BXC34qf4g1Q7F2PPPbub1XzsnI/kZ/Tij8E67d770zRufn7x9nkDXlYZph/n/BX/tOdGALLvgda7Nv9jpxU+Ff9gzh0G7s/wB85/keno5Jx/G5+o8eCNVvbN/as7r5vXex08tFW058rwZf/9k=);
}

.form-multlist-list-odd{
    background-color: #f2fafe;
}
/*=====================================================多选列表控件样式结束============================================================*/


/*=====================================================拍照控件样式开始============================================================*/
.photographer{
    background-color: #434343;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 20;
    visibility: hidden;
}

.photograph-head{
    background-color: #333333;
    height: 43px;
    padding: 10px;
}

.photograph-title{
    color: #ffffff;
    font-size: 22px;

}

.photograph-head .btn{
    float: right;
    background-color: transparent;
    color: #ffffff;
}

.photograph-head .btn .fi:before{
    font-size: 24px;
}

.photograph-body{
    margin: auto;
    height: 580px;
    width: 990px;
    padding-top: 50px;
}

.photograph-camera{
    float: left;
    width: 635px;
    background-color: #333333;
    height: 100%;
    position: relative;
    padding: 15px;
}


.photograph-photo{
    float: right;
    width: 345px;
    background-color: #333333;
    height: 100%;
    padding: 15px;
}

.photograph-camera video{
    width: 100%;
    height: 445px;
}

.photograph-camera-operate{
    height: 60px;
    vertical-align: middle;
    padding-top: 20px;
    text-align: center;
}

.photograph-camera-operate .btn{
    margin: auto 20px;
    width: 95px;
    height: 32px;
    background-color: #00bff3;
    color: #ffffff;
    font-size: 18px;
}

.photograph-photo-operate{
    vertical-align: middle;
    padding-top: 40px;
    text-align: center;
}
.photograph-photo-operate .btn{

    width: 90px;
    height: 32px;
    background-color: #00bff3;
    color: #ffffff;
    font-size: 18px;
}

.photograph-camera-area{
    width: 310px;
    height: 392px;
    position: absolute;
    z-index: 20;
    border: 1px #ffffff dashed;
    top: 35px;
    left: 160px;
}

.photograph-photo-current{
    padding: 60px;
    background-color: #1b1b1b;
}

.photograph-photo-current canvas{
    width: 100%;
    height: 250px;
}

.photograph-photo-camerastate{
    padding-top: 20px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
/*=====================================================拍照控件样式结束============================================================*/



/*=====================================================简单翻页控件样式开始============================================================*/
.pager-simple{
    list-style-type: none;
}

.pager-simple > li{
    float: left;
}

.pager-simple .caret{
    border-width: 7px;
    margin-top: -2px;
}

.pager-simple .caret-left{
    border-left-width: 0px;
    border-right-color: #c9c9c9;
}

.pager-simple .caret-right{
    border-right-width: 0px;
    border-left-color: #c9c9c9;
}

.pager-simple .btn{
    background-color: #ffffff;
    border: solid 1px #c9c9c9;
    height: 26px;
    width: 26px;
    color: #898989;
    border-radius: 0px;
    border-left: none 0px;
}

.pager-simple li:first-child .btn{
    border-left: solid 1px #c9c9c9;
}

.pager-simple .btn:hover{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    background-color: #64a1e9;
    /*background-color: #7ECEF4;*/
    color: #ffffff;
}

.pager-simple .current{
    /*Editby Xiaopeng Zhang*/
    /*OperationTime 2015-11-23*/
    /*Scope All*/
    /*整体颜色风格统一*/
    background-color: #64a1e9;
    /*background-color: #7ECEF4;*/
    color: #ffffff;
}

.pager-simple .btn:hover .caret-left{
    border-right-color: #ffffff;
}
.pager-simple .btn:hover .caret-right{
    border-left-color: #ffffff;
}

.pager-simple .pager-simple-btn-prev{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pager-simple .pager-simple-btn-next{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pager-simple .disabled.pager-simple-btn-prev .caret-left{
    border-right-color: #f3f3f3;
}

.pager-simple .disabled.pager-simple-btn-prev:hover{
    background-color: #ffffff;
}
.pager-simple .disabled.pager-simple-btn-prev .caret-left:hover{
    background-color: #c9c9c9;
}
.pager-simple .disabled.pager-simple-btn-prev .caret-right{
    border-left-color: #f3f3f3;
}
.pager-simple .disabled.pager-simple-btn-next .caret-right:hover{
    background-color: #c9c9c9;
}
/*=====================================================简单翻页控件样式结束============================================================*/

/*===============自定义表格列Icon开始==============*/
@font-face {font-family: "iconfont2";
    src: url('../font/iconfont2.eot'); /* IE9*/
    src: url('../font/iconfont2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont2.woff') format('woff'), /* chrome, firefox */
    url('../font/iconfont2.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont2.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont2 {
    font-family:"iconfont2" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-xiangyou2:before { content: "\e63b"; }
.icon-xiangzuo:before { content: "\e63c"; }
.icon-xiangzuo2:before { content: "\e63d"; }
.icon-xiangyou:before { content: "\e63e"; }
.icon-dingbu:before { content: "\e63f"; }
.icon-xiayi:before { content: "\e640"; }
.icon-dibu:before { content: "\e641"; }
.icon-shangyi:before { content: "\e642"; }
.icon-guanbi2:before { content: "\e643"; }
.icon-xitongguanli:before { content: "\e60e"; }

.icon-dibu:hover{ color:#64a2e8;}
.icon-dingbu:hover{ color:#64a2e8;}
.icon-shangyi:hover{ color:#64a2e8;}
.icon-xiayi:hover{ color:#64a2e8;}
.icon-guanbi2:hover{ color:#64a2e8;}
/*===============自定义表格列Icon结束==============*/

/*===============自定义表格列Setting样式开始==============*/
.table-settings{ width:392px; height:434px; border:#d0d0d0 solid 1px; font-size: 12px; position: fixed; background-color: #ffffff; left: 50%; top:50%; margin-left: -196px;margin-top: -217px;}
.table-settings h3{font-size:100%;font-weight:normal;margin: 0;box-sizing:content-box;}
.table-settings ul{list-style:none;margin:0;padding:0;}
.table-settings a{text-decoration:none;display: inline-block;color: black}
.table-settings a:visited,.table-settings a:active{text-decoration:none;}
.table-settings .title{ height:30px; line-height:30px; padding:0 10px 0 20px; border-bottom:#d0d0d0 solid 1px; overflow:hidden;}
.table-settings .title button{ border:none; background:#fff; cursor:pointer; width:auto; font-size:21px; line-height:1; padding:0; height:29px; color:#888; outline:none;}

.table-settings .body{ width:352px; padding:0 20px; overflow:hidden;box-sizing:content-box;}
.table-settings .box{box-sizing:content-box;}
.table-settings .box h3{ height:20px; padding-top:10px; overflow:hidden;}
.table-settings .box button{ border:none; background:#fff; width:14px; height:14px; font-size:14px; color:#343434; padding:0; cursor:pointer; outline:none;}
.table-settings .box ul{ width:148px; height:303px; border:#d0d0d0 solid 1px; overflow-y:scroll;}
.table-settings .box li{ height:22px; line-height:22px; padding-left:10px;}
.table-settings .box li.act{ background:#e6e6e6;}
.table-settings .box li:hover{ background:#e6e6e6;}

.table-settings .center{ width: 22px;  margin:105px 0 0 15px;}
.table-settings .center a{ border:#616161 solid 1px; font-size:14px; margin-top:10px;padding-top: 2px;cursor: pointer}
.table-settings .center a:hover{ border:#5aaaf8 solid 1px; color:#5aaaf8;}

.table-settings .footer{ width:142px; height:26px; margin:20px 0 0 124px;}
.table-settings .btn{text-align:center;font-size: 12px;padding: 5px 15px;line-height: normal}
.table-settings .btn-normal{ background:#64a2e8; color:#fff; border:#64a2e8 solid 1px; border-radius:3px;}
.table-settings .btn-stroke{ background:#fff; color:#666; border:#cbcbcb solid 1px; border-radius:3px;}
.table-settings .fl{ float:left;}
.table-settings .fr{ float:right;}
.table-settings .mt-2{ margin-top:0;}
/*===============自定义表格列Setting样式结束==============*/
/* .lando .ng-isolate-scope>a{
    white-space: initial!important;
    display: inline-block!important;
} 
.lando .ng-isolate-scope{
    display: inline-block!important;
    height: auto!important;
    width: 100%;
}
.lando li{
    background-color: black;
} */