﻿@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Design By Gkmk Copyright 2016 UED Interaction */
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
/* typography.css */
html {font-size: 625%;width:100%; height:100%;}
@media screen and (min-width: 320px) { html { font-size:100.00px; } }
body {font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif; font-size:14px; line-height:1.5; color:#121212; background:#f8f3f0; width:100%; height:100%; text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-weight:100;}
h1 {font-size:50px;line-height:60px;margin-bottom:20px;}
h2 {font-size:44px;line-height:50px;margin-bottom:20px;}
h3 {font-size:34px;line-height:50px;margin-bottom:20px;}
h4 {font-size:28px;line-height:40px;margin-bottom:20px;}
h5 {font-size:26px;line-height:30px;margin-bottom:15px;}
h6 {font-size:18px;line-height:30px;margin-bottom:15px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a:hover {color:#4ac5c3; text-decoration:none;}
a {color:#666;text-decoration:underline;outline:none;-webkit-transition: all 0.3s;-moz-transition:  all 0.3s;	transition:  all 0.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.fl{float:left;}
.fr{float:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.margin-r-30{margin-right:30px; }
.margin-r-15{margin-right:15px; }
.margin-r-10{margin-right:10px; }
.margin-r-5{margin-right:5px; }
.margin-b-10{margin-bottom:10px;}
.margin-b-20{margin-bottom:20px;}
.margin-t-15{margin-top:15px;}
.margin-t-5{margin-top:5px;}
.margin-t-10{margin-top:10px;}
.margin-t--15{margin-top:-15px;}
.margin-t-20{margin-top:20px;}
.margin-t--10{margin-top:-10px;}
.margin-t--5{margin-top:-5px;}
.margin-r-100{margin-right:100px;}
.margin-l-10{margin-left:10px;}
/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
/*font set*/
.fred{color:#f00;}
.fgreen{color:#0c9;}
.fblue{color:#00c1de;}
.fyellow{color:#f90;}
.fgray{color:#bbb;}
/*title*/
.title-small{margin:0 0 10px; color:#333; font-size:15px; line-height:32px; }
.title-small-nomargin{margin:0; color:#333; font-size:15px; line-height:1.5; }
.title-small-nomargin i{display:inline-block; margin-right:10px; vertical-align:middle; width:5px; height:5px; background:#4ac5c3;}
/*btns*/
.btn-middle{display:inline-block; vertical-align:middle; margin:0 5px; padding:0 30px; height:36px; line-height:36px; font-size:14px; border-radius:4px; text-decoration:none;}
.btn-normal{display:inline-block; vertical-align:middle; padding:0 15px; height:27px; line-height:27px; font-size:12px; border-radius:4px; text-decoration:none;cursor:pointer }

.btn-small-round{display:inline-block; vertical-align:middle; margin:0 5px; padding:0 5px; height:24px; line-height:24px; border-radius:4px; font-size:12px; text-decoration:none;cursor:pointer }
.btn-icon{padding-left:5px;margin-bottom: 5px;}
.btn-icon i{display:inline-block; vertical-align:top; margin:2px 2px 0 0; width:20px; height:20px; }
.btn-icon-normal{padding-left:10px; padding-right:10px;}
.btn-icon-normal i{display:inline-block; vertical-align:top; margin:3px 0px 0px 0px; width:20px; height:20px;}
.btn-icon i.btnicon-edit{background:url(/static/img/feature/public/btn-icon-edit.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-add{background:url(/static/img/feature/public/btn-icon-add.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-del{background:url(/static/img/feature/public/btn-icon-del.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-arr{background:url(/static/img/feature/public/btn-icon-arr.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-stop{background:url(/static/img/feature/public/btn-icon-stop.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-tongbu{background:url(/static/img/feature/public/btn-icon-tongbu.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-run{background:url(/static/img/feature/public/btn-icon-run.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-more{background:url(/static/img/feature/public/btn-icon-more.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-set{background:url(/static/img/feature/public/btn-icon-set.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-address{background:url(/static/img/feature/public/btn-icon-address.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-his{background:url(/static/img/feature/public/btn-icon-his.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-ban{background:url(/static/img/feature/public/btn-icon-ban.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-pai{background:url(/static/img/feature/public/btn-icon-pai.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-shou{background:url(/static/img/feature/public/btn-icon-shou.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-see{background:url(/static/img/feature/public/btn-icon-see.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-progress{background:url(/static/img/feature/public/btn-icon-progress.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-lock{background:url(/static/img/feature/public/btn-icon-lock.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-chart{background:url(/static/img/feature/public/btn-icon-chart.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-out{background:url(/static/img/feature/public/btn-icon-out.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-print{background:url(/static/img/feature/public/btn-icon-print.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-search{background:url(/static/img/feature/public/btn-icon-search.png) no-repeat center; background-size:20px;}
.btn-icon i.btnicon-bind{background:url(/static/img/feature/public/arr.png) no-repeat center; background-size:20px;}

/*自定义*/
.btn-icon i.btnicon-form{background:url(/static/img/feature/public/menu-icon.png) no-repeat center; background-position:0 -20px; background-size:20px;}
.btn-icon i.btnicon-settle{background:url(/static/img/feature/statisticalManagement/settle.png) no-repeat center; background-size:25px;}
.btn-icon i.btnicon-collection{background:url(/static/img/feature/statisticalManagement/collection.png) no-repeat center; background-size:25px;}
.btn-icon i.btnicon-close{background:url(/static/img/feature/public/i-tip-fail.png) no-repeat center; background-size:25px;}
.btn-icon i.btnicon-upload{background:url(/static/img/feature/public/btn-icon-upload.png) no-repeat center; background-size:25px;}
.btn-icon i.btnicon-download{background:url(/static/img/feature/public/btn-icon-download.png) no-repeat center; background-size:25px;}
.btn-icon i.btnicon-refresh{background:url(/static/img/feature/public/btn-icon-tongbu.png) no-repeat center; background-size:25px;}

.morebox{  float:right;text-align:right;}
.morebox .btn-icon{padding:0 10px; padding-right:4px;}
.morebox .btn-icon i{ margin:2px 0 0 2px;}
.more-btns{ background:#fff; box-shadow:0 1px 4px #999; border-radius:4px;font-size:12px;}
.more-btns a:hover{background:#f5f5f5; color:#62a8ea;}

.btn-style-icon{display:inline-block; vertical-align:middle; margin:0 5px; width:20px; height:20px; text-decoration:none; background:#333; }
.style-icon-del{background:url(/static/img/feature/public/closed-2.png) no-repeat 0 0; background-size:20px;}
.style-icon-del:hover{background:url(/static/img/feature/public/closed-2.png) no-repeat 0 -20px; background-size:20px;}

.style-icon-edit{background:url(/static/img/feature/public/closed-2.png) no-repeat 0 -40px; background-size:20px;}
.style-icon-edit:hover{background:url(/static/img/feature/public/closed-2.png) no-repeat 0 -60px; background-size:20px;}

.white-btn{background:#ffffff;color:#333333;border:1px solid #adadad}
.white-btn:hover{background-color: #ebebeb;border-color:#adadad;cursor: pointer;}
.darkGreen-btn,darkGreen-btn:hover{color:#ffffff;background-color: #1ab394;background-color:#1ab394;cursor: pointer;}
.btn-bg-red,.btn-bg-red:hover{background-color:#f96868; color:#fff;}
.btn-bg-red:hover{background-color:#fa7a7a;}
.btn-bg-org,.btn-bg-org:hover{background-color:#ffb230; color:#fff;}
.btn-bg-org:hover{background-color:#ffcb2f;}
.btn-bg-cyan,.btn-bg-cyan:hover{background-color:#4ac5c3; color:#fff;}
.btn-bg-cyan:hover{background-color:#49b7c4; }
.btn-bg-green,.btn-bg-green:hover{background-color:#46be8a; color:#fff;}
.btn-bg-green:hover{background-color:#5cd29d;}
.btn-bg-blue,.btn-bg-blue:hover{background-color:#62a8ea; color:#fff;}
.btn-bg-blue:hover,.btn-bg-blue-curr{background-color:#89bceb;}
.btn-bg-yellow,.btn-bg-yellow:hover{background-color:#f2a654; color:#fff;}
.btn-bg-yellow:hover{background-color:#f4b066;}
.btn-bg-gray,.btn-bg-gray:hover{background-color:#bbbbbb; color:#fff;}
.btn-bg-gray:hover{background-color:#cfcfcf;}
.btn-bg-disabled,.btn-bg-disabled:hover{background-color:#efefef; color:#cacaca; cursor:not-allowed;}

/**table style**/
.comm-tabstyle-01{width:100%; border:1px solid #f0eceb;}
.comm-tabstyle-01 tr:nth-child(odd){background: #fff;}
.comm-tabstyle-01 tr:nth-child(even){background: #fbf9f8;}

.comm-tabstyle-01 th{background:#fbf9f8; font-size:12px; color:rgb(61, 49, 31); font-weight:600; line-height:30px; padding:2px 2px; text-align:center;}
.comm-tabstyle-01 th.thname{ text-align:left;}
.comm-tabstyle-01 th.th-header{background:#edf9f9; color:#b7e8e7;}
.comm-tabstyle-01 th.th-header span{display:inline-block; margin:0 4%; font-weight:600; color:#4ac5c3;}
.comm-tabstyle-01 td{color:#333; line-height:30px; padding:2px 6px; font-size:12px; text-align:center;}
.comm-tabstyle-01 td.tdname{width:300px;}
.comm-tabstyle-01 td.tdname p{width:284px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.comm-tabstyle-01 .text-right{text-align:right;}
.comm-tabstyle-01 .text-right span{display:inline-block; min-width:54px; text-align:center;}
.comm-tabstyle-01 td input.input-text-normal,.comm-tabstyle-01 td select.select-normal{display:inline-block; vertical-align:middle; border:1px solid #dcdfe6; background:#fff;line-height: 28px; height:28px;width: 100%; padding:4px; color:black; border-radius:4px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);font-size:12px;}
.comm-tabstyle-01 td input.input-text-normal,.comm-tabstyle-01 td select.select-normal-error{display:inline-block; vertical-align:middle; border:1px solid red; background:#fff;line-height: 28px; height:28px;width: 100%; padding:4px; color:black; border-radius:4px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);font-size:12px;}

.comm-tabstyle-01 .td-width-59{width:59%;}
.comm-tabstyle-01 .td-width-60{width:60%;}
.comm-tabstyle-01 .td-width-25{width:25%;}
.comm-tabstyle-01 .td-width-26{width:26%;}
.comm-tabstyle-01 .td-width-20{width:20%;}
.comm-tabstyle-01 .td-width-21{width:21%;}
.comm-tabstyle-01 .td-width-24{width:24%;}
.comm-tabstyle-01 .td-width-28{width:28%;}
.comm-tabstyle-01 .td-width-30{width:30%;}
.comm-tabstyle-01 .td-width-33{width:33%;}
.comm-tabstyle-01 .td-width-10{width:10%;}
.comm-tabstyle-01 .td-width-9{width:9%;}
.comm-tabstyle-01 .td-width-5{width:5%;}
.comm-tabstyle-01 .td-width-15{width:15%;}
.comm-tabstyle-01 .td-width-3{width:3%;}
.comm-tabstyle-01 .td-width-8{width:8%;}
.comm-tabstyle-01 .td-width-7{width:7%;}
.comm-tabstyle-01 .td-width-6{width:6%;}
.comm-tabstyle-01 .td-width-15{width:15%;}
.comm-tabstyle-01 .td-width-19{width:19%;}

.comm-tabstyle-01 .td-min-width-10{min-width:10px;}
.comm-tabstyle-01 .td-min-width-30{min-width:30px;}
.comm-tabstyle-01 .td-min-width-50{min-width:50px;}
.comm-tabstyle-01 .td-min-width-80{min-width:80px;}
.comm-tabstyle-01 .td-min-width-100{min-width:100px;}
.comm-tabstyle-01 .td-min-width-120{min-width:120px;}
.comm-tabstyle-01 .td-min-width-150{min-width:150px;}
.comm-tabstyle-01 .td-min-width-200{min-width:200px;}

.comm-tabstyle-01 th.alignleft,.comm-tabstyle-01 td.alignleft{text-align:left;}
.comm-tabstyle-01 th.alignright,.comm-tabstyle-01 td.alignright{text-align:right;}
.comm-tabstyle-line th,.comm-tabstyle-line td{border:1px solid #f0eceb;}

.all-count{border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; padding:10px; line-height:1.75; font-size:13px;}
.all-count p{text-align:right;}
.all-count p span{display:inline-block;}
.all-count p label{display:inline-block;font-size:13px; font-weight:600;}
.all-count p i{display:inline-block; width:1px; height:12px; vertical-align:top; margin: 4px 14px 0; background:#ddd;}

.upbtn,.downbtn{display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:16px; background:url(/static/img/feature/public/updown.png) no-repeat; opacity:.5;}
.upbtn:hover,.downbtn:hover{ opacity:1;}
.upbtn{background-position:0 0; }
.downbtn{background-position:-8px 0;}
/*page*/
.pagination {text-align: center; padding: 16px 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.pagination a {display:inline-block;margin: 0 1px 0 0; padding: 6px 12px; }
.pagination a.number{background:#eeeeee; color:#666666;}
.pagination a.number:hover{background:#f8f8f8; text-decoration:none;}
.pagination a.current {background:#4ac5c3;  color: #fff !important;}
.pagination a.current:hover {background:#4ac5c3;text-decoration: none;}
.pagination a.Previous{border-radius:4px 0px 0px 4px;}
.pagination a.Next{border-radius:0px 4px 4px 0;}
.pagright{text-align:right;}
.pagright span{float:left; width:auto; color:#666666; font-size:12px;}
/*page*/

.line{margin:15px 0; background:#e9e9e9; padding-top:1px;}

/*404*/
.box404{width:100%;height:100%;/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.error-box{padding:100px 60px 100px 120px; height:100%;background:#ffffff; line-height:24px; font-size:12px; color:#888; background:url(/static/img/feature/public/404bg.png) no-repeat left 80px;}
.error-tit{margin:0 0 20px; font-size:60px;  font-weight:100; color:#333;}
.error-p1{margin:0; font-size:16px;  line-height:26px; color:#ff5400;}
.error-p2{margin:0 0 30px; font-size:13px;  line-height:24px; color:#666;}
.error-p3{margin:20px 0; font-size:13px; color:#666;  line-height:24px;}

/*loading*/
.mask{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.mask>div{
    /*border: 1px solid #e9e9e9;*/
    font-size: 12px;
    color: #666;
    background: url(/static/img/feature/public/Pinwheel.gif) no-repeat center 10px;
    padding: 75px 20px 20px 20px;
    /*background-color: #FFFFFF;*/
    word-wrap: break-word;
    margin: 0 auto;
}

.scroll-off{
    position:fixed;
    overflow-y:hidden
}

.scroll-auto{
    overflow:auto;
}

/*自定义*/
.settable-one-1,.settable-two-1{
    padding:15px 0;
}

.width-100{
    width:100%
}

.white-space-nowrap{
    white-space:nowrap
}

.z-index-100{
    z-index: 100;
}

.export-icon{
    background:url(/static/img/feature/public/export-excel.png);
}

.alignCenter{
    text-align: center
}

.redColor{
    color:red;
}
/*滚动条样式调整*/
/* ::-webkit-scrollbar {
    width: 16px !important;
    height: 16px !important;
}
::-webkit-scrollbar-thumb {
     border-radius:5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, .1)
}
.el-cascader-menu{
    overflow: hidden !important;
    padding-bottom: 0px !important;
}
.el-scrollbar__wrap{
    height: 110% !important;
} */
.sys-mainwarp .el-dialog__headerbtn{
    font-size: 14px;
    top:15px;
}
