@charset "utf-8";
*,body, h1, h2, h3, 
h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;font-style: normal; } 
body, button, input, select, textarea { font: 14px/20px microsoft yahei,Tahoma,Arial,"\5b8b\4f53",sans-serif;}
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }
h2, h3 { font-size:14px; } 
button, input, select, textarea, label { vertical-align:middle; outline: none;}
img { vertical-align:top; border:none; }
ul, ol { list-style:none; } 
table { border-collapse:collapse; border-spacing:0;width:100%;}
body { _height:100%; _background:url(about:blank) fixed; -webkit-font-smoothing: subpixel-antialiased; }

.clear{clear:both; font-size:0; line-height:0;}
a{color:#222;  vertical-align:baseline; cursor:pointer; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#cc0000; text-decoration: underline;}
a:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
input{outline:none;}
.box_a{ width:1190px; margin:auto;}
/**高自动适应**/
.g-of-h{ overflow:hidden;}
/**边线**/
.g-br{border:1px solid #e4e4e4;}
.g-br-top{border-top:1px solid #e7e7e7;}
.g-br-left{border-left:1px solid #e7e7e7;}
.g-br-right{border-right:1px solid #e7e7e7;}
.g-br-bottom{border-bottom:1px solid #e7e7e7;}
/**虚线**/
.g-br-xbm{border-bottom:1px dotted #dcdcdc;}
/**文字大小**/
.g-fz-24 { font-size:24px;}
.g-fz-22 { font-size:22px;}
.g-fz-18 { font-size:18px;}
.g-fz-16 { font-size:16px;}
.g-fz-15 { font-size:15px;}
.g-fz-14 { font-size:14px;}
.g-fz-12 { font-size:12px;}
/**白色**/
.g-c-ff{ color:#FFF;}
/**灰色**/
.g-c-cd{ color:#cdcdcd;}
.g-c-22{ color:#222;}
.g-c-55{ color:#5555;}
.g-c-88{ color:#888;}
.g-c-a-88 a{ color:#888;}
.g-c-a-88 a:hover{ color:#cc0000;}
.g-c-e1{color:#e1e1e1;}
/**红色**/
.g-c-c0{ color:#cc0000;}
.g-c-a-c0 a{ color:#cc0000 !important;}
/**蓝色**/
.g-c-05a{ color:#005aa0;}
/**紫色**/
.g-c-5e{ color:#5e518e;}
.g-c-786{ color:#786ea0;}
/**绿色**/
.g-c-169{ color:#169265;}

/**微软雅黑**/
.g-f-my{font-family:microsoft yahei; }

/**无衬线字体**/
.g-f-ta{font-family:Tahoma,Arial;}

/**浮动**/
.g-f-l { float:left !important; _display:inline;}
.g-f-r { float:right !important; _display:inline;}
/**漂浮**/
.g-pn-re{ position:relative;}
.g-pn-ae{ position:absolute;}
.g-pn-fd{ position:fixed;}

/**li前面的点**/
.dian{width: 4px;height: 4px;float: left;background-color: #999;margin-top: 10px;margin-right: 5px;font-size: 4px;}

/**背景色**/
.g-bc-fff{background-color:#FFFFFF;}
.g-bc-f7{background-color: #f7f7f7;}
.g-bc-aef{background-color:#fcfaef;}
.g-bc-f9{background-color:#f9f9f9;}
.g-bc-f4{background-color:#f4f4f4;}
.g-bc-44{background-color:#444;}

/**宽度**/
.g-w-a{ width:auto;}
.g-w-1000{ width:1000px; overflow:hidden; margin:0px auto;}
.g-w-b100{ width:100%; overflow:hidden; min-width:1280px;}
.g-w-998{ width:998px; overflow:hidden;}
.g-w-978{ width:973px; overflow:hidden;}
.g-w-965{ width:965px; overflow:hidden;}
.g-w-960{ width:960px; overflow:hidden;}

/*公共背景图*/
.g_tc_s i,.g_tc_a i,.g_tc_colse i{ background:url(/images/common/common-ico.png) no-repeat}
.btn-gray,.btn-gray i{ background:url(/images/common/strip-ico.png) no-repeat}
.ico_x{ width: 13px; height: 13px; background: url("../images/ico.png") 0 -336px no-repeat; display: block;}
/*外边距*/
.g-mlr-a { margin-left:auto; margin-right:auto;}
.g-m-10 { margin:10px;}
.g-m-15 { margin:15px;}
.g-mt-5 { margin-top:5px;}
.g-mt-10 { margin-top:10px;}
.g-mt-15 { margin-top:15px;}
.g-mt-20 { margin-top:20px;}
.g-mt-30 { margin-top:30px;}
.g-ml-5 { margin-left:5px;}
.g-ml-10 { margin-left:10px;}
.g-ml-15 { margin-left:15px;}
.g-ml-20 { margin-left:20px;}
.g-ml-30 { margin-left:30px;}
.g-mr-5 { margin-right:5px;}
.g-mr-10 { margin-right:10px;}
.g-mr-15 { margin-right:15px;}
.g-mr-20 { margin-right:20px;}
.g-mr-29{ margin-right:29px;}
.g-mr-30 { margin-right:30px;}
.g-mr-40 { margin-right:40px;}
.g-mb-10 { margin-bottom:10px;}
.g-mb-15 { margin-bottom:15px;}
.g-mb-20 { margin-bottom:20px;}
.g-mb-30 { margin-bottom:30px; }
.g-mb-50 { margin-bottom:50px;}

/*内边距*/
.g-p-10 { padding:10px;}
.g-p-15 { padding:15px;}
.g-p-20 { padding:20px;}
.g-p-25 { padding:25px;}
.g-p-30 { padding:30px;}
.g-p-50 { padding:50px;}
.g-pt-5 { padding-top:5px;}
.g-pt-10 { padding-top:10px;}
.g-pt-15 { padding-top:15px;}
.g-pt-20 { padding-top:20px;}
.g-pt-30 { padding-top:30px;}
.g-pt-40 { padding-top:40px;}
.g-pl-10 { padding-left:10px;}
.g-pl-15 { padding-left:15px;}
.g-pl-20 { padding-left:20px;}
.g-pl-30 { padding-left:30px;}
.g-pr-5 { padding-right:5px;}
.g-pr-10 { padding-right:10px;}
.g-pr-15 { padding-right:15px;}
.g-pr-20 { padding-right:20px;}
.g-pr-30 { padding-right:30px;}
.g-pb-5 { padding-bottom:5px;}
.g-pb-10 { padding-bottom:10px;}
.g-pb-15 { padding-bottom:15px;}
.g-pb-20 { padding-bottom:20px;}
.g-pb-30 { padding-bottom:30px;}
.g-pb-40 { padding-bottom:40px;}
.g-pb-50 { padding-bottom:50px;}
/**文字浮动**/
.g-ta-r { text-align:right;}
.g-ta-c { text-align:center;}
.g-ta-l { text-align:left;}

/**高**/
.g-h-18 { height:18px !important;}
.g-h-22 { height:22px !important;}
.g-h-26 { height:26px !important;}
.g-h-a { height:auto !important;}
.g-h-40 { height:40px !important;}
.g-h-30 { height:30px !important;}
.g-h-35 { height:35px !important;}
.g-h-28 { height:28px !important;}
.g-h-100{ height: 100%;}
/**行高**/
.g-lh-30{line-height:30px;}
.g-lh-40{line-height:40px;}
.g-lh-28{line-height:28px;}
.g-lh-25{line-height:25px;}
.g-lh-26{line-height:26px;}
.g-lh-35{line-height:35px;}
/*显示隐藏*/
.g-d-n { display:none; }
.g-d-b { display:block; }

/*文本框*/
.g-txt { height: 25px; padding: 5px 10px; border:1px solid #cccccc;}
.t-w-txt-220 { width:220px;}
.g-w-txt-83 { width:83px;}
.g-w-txt-40 { width:40px;}
.g-z-ix-999{ z-index:9999;}

/****按钮****/
.btn{ padding: 5px 15px; background-color: #3388ff; color: #fff; border: none; cursor: pointer; border-radius: 5px;}
.btn:hover{ background-color: #2b7beb;}
.btn.btnHong{background-color: #ea544a;}
.btn.btnHong:hover{background-color: #ff6157;}
.btn.btnBai{padding: 4px 10px; background-color: #fff; border: 1px solid #d0d0d0; color: #222}
.btn.btnBai:hover{background-color: #f7f7f7;}
/**表单**/
.form{padding:5px 10px; border: 1px solid #e6e6e6;}
.formSelect{ height: 30px;line-height: 30px; border: 1px solid #d1d1d1; border-radius: 3px; padding: 0 10px;}
.exportInput .formSelect{ border: none;}
/**图标**/
.ico_gj{ width: 18px; height: 14px; background: url("../images/indexIco.png") no-repeat; display: block;}
.ico_jt{width:9px; height:5px; background: url("../images/indexIco.png") no-repeat 0 -19px; display: block;}
.ico_query{ width:19px; height:18px; background: url("../images/ico.png") no-repeat 0 -137px; display: block;}

.box {overflow: hidden; background-color: #fff; border-bottom: 1px solid #e1e2e2;}

.tableList{ padding: 20px 0;}
.tableList table thead{ background-color:#4f69b0;}
.tableList table thead th{ padding: 10px; color: #fff; font-weight: inherit; text-align: center;}
.tableList table tbody tr td{border: 1px solid #e1e2e2; text-align: center; padding: 10px;}
.tableList table tbody tr td span{ color: #cc0000; cursor: pointer;}

.exportLis{ min-width: 235px; max-height: 400px; overflow: hidden; position: absolute; left: 394px; top: 178px; overflow-y: auto; border: 1px solid #ddd; background-color: #fff;}
.exportLis li{ height: 30px; border-bottom:1px solid #ddd; padding: 0 10px; line-height: 30px; cursor: pointer; }
.exportLis li:hover{ background-color: #ffe6e6;}
.exportLis li.order{ background-color: #3388ff; color: #fff; margin-bottom: 0px;}
.exportLis li.ordernew{ background-color: #3388ff; color: #fff; margin-bottom: 0px;}
.exportLis li i:first-child {min-width: 35px;color: #000000;margin-left: 0;float: left;}
.exportLis li i {display: block;min-width: 35px;float: right;margin-left: 10px;color: #808080;text-align: left;}

.exportLis1{ min-width: 235px; max-height: 400px; overflow: hidden; position: absolute; left: 394px; top: 178px; overflow-y: auto; border: 1px solid #ddd; background-color: #fff;}
.exportLis1 li{ height: 30px; border-bottom:1px solid #ddd; padding: 0 10px; line-height: 30px; cursor: pointer; }
.exportLis1 li:hover{ background-color: #ffe6e6;}
.exportLis1 li.order{ background-color: #3388ff; color: #fff; margin-bottom: 0px;}
.exportLis1 li.ordernew{ background-color: #3388ff; color: #fff; margin-bottom: 0px;}
.exportLis1 li i:first-child {min-width: 35px;color: #000000;margin-left: 0;float: left;}
.exportLis1 li i {display: block;min-width: 35px;float: right;margin-left: 10px;color: #808080;text-align: left;}

/**分页**/.boxPage .jump .go-page{ width: 50px; margin: -5px 10px; text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.boxPage{padding: 20px 0; margin-bottom: 20px;float: right;}
ul.boxPage li{ float: left; line-height: 29px; margin-left: 10px;}
ul.boxPage li .ico_left{ width: 5px; height: 9px; display: block; background: url("../images/indexIco.png") no-repeat 0 -28px; margin:10px 20px 0 20px; cursor: pointer;}
ul.boxPage li .ico_right{ width: 5px; height: 9px; display: block; background: url("../images/indexIco.png") no-repeat -6px -28px; margin:10px 20px 0 20px; cursor: pointer;}
ul.boxPage li a{ padding:5px 10px; color: #888; cursor: pointer;}
ul.boxPage li a:hover{ background-color: #f3f8ff; color: #222;}
ul.boxPage li.prev a,ul.boxPage li.next a {padding: 0;}
ul.boxPage li.active a{ background-color: #3178ef; color: #fff;}
ul.boxPage .jump{color: #888;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}


.dropup,
.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -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: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.laydate-icon{
    border:1px solid #ccc;
    background-image:url('../images/date.png');
    vertical-align: middle;
    background-repeat:no-repeat;
    background-position:98% center;
    background-color:#fff;
    outline:0;
}

/**弹出层**/
.selfLayer{ width: 100%; height: 100%; background-color: rgba(00,00,00,0.5); position: fixed; top: 0; left: 0; z-index: 9999; }
.layerFrame{ width: 800px; height: 550px; background-color: #fff; margin: 5% auto; box-shadow: 1px 1px 50px rgba(0,0,0,.3); border-radius: 3px;}
.layerTop{ height: 40px; background-color:#3388ff; padding: 0 20px; line-height: 40px; color: #fff; font-size: 18px;}
.layerTitle{ float: left;}
.layerTip{ padding: 15px; overflow: hidden;}
.layerOperate{ float: right;}
.layerOperate .ico_x{ width: 13px; height: 13px; display: block; background: url("../images/myIco.png") no-repeat -27px -156px; cursor: pointer; margin-top: 14px; }

.statistics{text-align: center;}
.inputStatistics{ overflow:hidden;}
.btnStatistics{ padding: 50px;}
.btnStatistics .btn{ padding: 10px 40px;}
.tabStatistics{ width: 100%; height:400px; border: 1px solid #ddd; padding: 0px; margin: 20px 0; overflow: auto; border-top: none;}

.statisticsBox{min-height: 32px; margin: 10px 0;}
.statisticsText{ width: 91px; float: left; line-height: 32px; text-align:right; padding-right: 20px;}
.statisticsInput{ float: left;}
.statisticsInput .form{ float: left; margin-right: 5px;}
.statisticsInput a{ width: 86px; height: 32px; display: block; float: left; line-height: 32px; color: #fff; background-color: #3388ff;  text-align: center; text-decoration: none; position: relative; border-radius: 3px;}
.statisticsInput a input{ opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 99; height: 32px;}
.statisticsInput .formSelect{ width: 340px; border: 1px solid #e6e6e6;}
.popBtn.statisticsBtn{text-align: left; padding-left: 110px;}
.statisticsBtn .btn{padding: 8px 40px;}
.statisticsBtn a{ padding: 0 20px; font-size: 14px; text-decoration: underline; color: #3388ff;}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0;
}
.el-radio-button, .el-radio-button__inner {
    position: relative;
    display: inline-block;
    outline: none;
}
.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0;
}
.el-radio-button__orig-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
}
button, input, select, textarea {
    /*font-family: inherit;*/
    /*font-size: inherit;*/
    /*line-height: inherit;*/
    color: inherit;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    box-shadow: -1px 0 0 0 #409eff;
}
.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none;
}
.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    box-shadow: none!important;
}
.el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}
.el-radio-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}
.el-radio-button, .el-radio-button__inner {
    position: relative;
    display: inline-block;
    outline: none;
}
.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0;
}


.my-form{
    background-color: #eef1f6;
    border-left: 1px solid #bfcbd9;
    border-top: 1px solid #bfcbd9;
    letter-spacing: -5px;
}
.my-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    border-right: 1px solid #bfcbd9;
    border-bottom: 1px solid #bfcbd9;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    letter-spacing: 0px;
}
.my-form label {
    font-size: 12px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-right: 1px solid #bfcbd9;
    background-color: #eef1f6;
    margin-bottom: 0;
    vertical-align: middle;
    float: left;
    box-sizing: border-box;
    color: #48576a;
    width:110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my-form .form-content{
    margin-left: 110px;
    position: relative;
}
.my-form input {
    height: 30px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #1f2d3d;
    font-size: inherit;
    line-height: 1;
    outline: 0;
    padding: 3px 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    display: inline-block;
}
.my-form input.select {
    cursor:pointer;
}
.el-input__icon {
    color: #bfcbd9;
    font-size: 21px;
    transition: transform .3s;
    line-height: 16px;
    top: 50%;
    cursor: pointer;
    position: absolute;
    width: 35px;
    height: 100%;
    right: 0;
    top: 0px;
    text-align: center;
    color: #bfcbd9;
    transition: all .3s;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.my-col-3 .my-col-6 .my-col-12{float: left;box-sizing: border-box;}
.my-col-3{width:25%;}
.my-col-4{width:33.33%;}
.my-col-6{width:50%;}
.my-col-12{width:100%;}

.has-error label{
    font-weight: 700;
    color: #ff4949;
}
.error-input {
    background-color: rgba(255,73,73,.1);
}
.error-hide{
    display:none;
}

a,a:hover {
    color: #337ab7;
    text-decoration:none;
}

/**刷新**/
.fa-refresh {
    float:right;
    position:relative;
    top:15px;
    right:5px;
    color:#bfcbd9;
    font-size:19px;
    cursor:pointer;
}

.fa-refresh:hover{
    color:#20a0ff;
}
@-webkit-keyframes go{
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}

.fa-refresh.loading{
    -webkit-animation:go 1s infinite linear ;
    color:#f7ba2a;
}
.fa-refresh.loading:hover{
    color:#f7ba2a;
}

/**调整 时间样式**/
.daterangepicker .drp-calendar {
    max-width: none;
}
.daterangepicker .calendar-table {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
.daterangepicker .drp-calendar.left .calendar-table {
    border-right: 1px solid #ddd;!important;
}
.daterangepicker .drp-calendar.right .calendar-table {
    border-left: 1px solid #ddd;!important;
}