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-weight: normal;}body,button,input,select,textarea{font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{color:inherit;outline:none;text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{outline: none;font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1;}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}*,:before,:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fl { float: left;}.fr { float: right;}
.text-danger { color: #ed5565 !important; }
.text-warning { color: #f8ac59 !important; }
.text-success { color: #23c6c8 !important; }
.text-info { color: #5974d9 !important; }
/* common end */
html,body { height: 100%; background: #f8f9fa; }
.mainArea { position: absolute; left: 0; top: 0; padding-left: 218px; width: 100%; height: 100%; transition: all 0.4s linear; }
.mainwrap { position: absolute; left: 0; top: 54px; right: 0; bottom: 0; padding-left: 218px; width: 100%; overflow: hidden; transition: all 0.4s linear; }
.mainpanel { padding: 5px 20px 30px; }
.mainpanel:after{content:'\20';display:block;height:0;clear:both}
.breadtit { padding: 10px 0; overflow: hidden; }
.breadtit .t { float: left; color: #1e1e1e; font-size: 24px; }
.breadtit .breadcum { float: right; margin-top: 16px; padding-left: 15px; background: url(../img/main-2.png) no-repeat left center; color: #5974d9; }
.breadtit .breadcum a { float: left; color: #666666; }
.breadtit .breadcum a:hover { color: #5974d9; }
.breadtit .breadcum a:after { padding: 0 5px; content: ">" }
.leftAreaHide .mainArea,.leftAreaHide .mainwrap { padding: 0; }
.leftAreaHide .leftArea { left: -218px !important; }

.leftArea { position: fixed; top: 0; left: 0; width: 218px; height: 100%; background: #3f4457; padding: 0 0 40px; overflow: hidden; color: #fff; transition: all 0.4s linear; z-index: 2; }
.leftArea .logo { margin-bottom: 1px; width: 100%; height: 54px; background: url(../img/logo.png) no-repeat center #5974d9; }
.leftArea .menu { padding: 0 0 20px; }
.leftArea .menu>ul>li a { display: block; border-bottom: 1px solid #4b5062; color: #babcc4; font-size: 14px; font-weight: normal; line-height: 42px; }
.leftArea .menu>ul>li a i { float: left; margin-right: 12px; width: 42px; border-right: 1px solid #4b5062; color: #babcc4; font-weight: bold; text-align: center; }
.leftArea .menu>ul>li a span { float: right; margin-right: 20px; font-weight: bold; }
.leftArea .menu>ul>li>a:hover,.leftArea .menu>ul>li>a.active { color: #fff; }
.leftArea .menu>ul>li>a:hover i,.leftArea .menu>ul>li>a.active i { background: #5974d9; color: #fff; }
.leftArea .menu>ul>li ul { background: #2f3241; }
.leftArea .menu>ul>li ul li a { font-size: 12px; }
.leftArea .menu>ul>li ul li:hover a,.leftArea .menu>ul>li ul li a.router-link-active { color: #5974d9; }
.leftArea .menu>ul>li ul li:hover a i,.leftArea .menu>ul>li ul li a.router-link-active i { color: #5974d9; }

.panel { position: relative; margin-bottom: 10px; padding: 15px; background: #fff; border: 1px solid #dfdfdf; border-radius: 4px; *zoom:1; }
.panel:after{content:'\20';display:block;height:0;clear:both}
.panel h1 { position: relative; padding: 0 0 20px 5px; color: #5974d9; font-size: 16px; line-height: 1; }
.panel h1:before { position: absolute; top: 0; left: -10px; width: 2px; height: 18px; background: #5974d9; content: ""; }

.searchmore-panel { margin-bottom: 15px; padding-bottom: 0; }
.searchmore-panel .el-button+.el-button { margin-left: 0; }
.searchmore { position: absolute; left: 50%; bottom: -9px; margin-left: -23px; width: 47px; height: 8px; background: url(../img/searchmore.png) no-repeat center; cursor: pointer; }
.searchmore:hover { opacity: .6; }
.searchmore.on { background: url(../img/searchmore-on.png) no-repeat center; }
/*table*/
.table { width: 100%; border-collapse: collapse; }
.table th { padding: 10px 15px; background: #ebeff5; border: 1px solid #ddd; border-bottom: 4px solid #ddd; color: #333; font-size: 12px; font-weight: bold; text-align: left; }
.table td { padding: 6px 10px; border: 1px solid #ddd; color: #424242; font-size: 12px; }
.table td i { font-weight: bold; cursor: pointer; }
.table tbody tr:hover { box-shadow: 0 0 10px #ddd; }
.tableNoBorder th { background: none; border: 0; border-bottom: 2px solid #ddd; }
.tableNoBorder td { border: 0; border-bottom: 1px solid #ddd; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; }
/* table 排序 */
.table th .sortwrapper { position: relative; top: -2px; cursor: pointer; }
.table th .sortwrapper i { position: absolute; top: 0; left: 0; color: #c0c4cc; }
.table th .sortwrapper i.el-icon-caret-bottom { top: 6px }
.table th.asc .sortwrapper i.el-icon-caret-top { color: #5974d9; }
.table th.desc .sortwrapper i.el-icon-caret-bottom { color: #5974d9; }

/* 首页 */
.index-zj { margin: 8px; height: 300px; border: 1px solid #eff0f0; border-radius: 4px; overflow: hidden; }
.index-zj .el-tabs__header { margin: 0 0 5px; background: #777777; }
.index-zj .el-tabs__header .el-tabs__nav { float: none; width: 100%; }
.index-zj .el-tabs__header .el-tabs__nav .el-tabs__active-bar { display: none; }
.index-zj .el-tabs__header .el-tabs__nav .el-tabs__item { padding: 0; width: 50%; height: 28px; background: #777777; color: #fff; line-height: 28px; text-align: center; }
.index-zj .el-tabs__header .el-tabs__nav .el-tabs__item.is-active { background: #5974d9; color: #fff; }
.index-zj .el-tabs__content { padding: 0 6px; }
.index-zj table { width: 100%; border-collapse: collapse; }
.index-zj table th { padding: 8px; border-bottom: 2px solid #eff0f0; color: #464646; font-size: 12px; }
.index-zj table td { padding: 6px; color: #464646; font-size: 12px; text-align: center; }
.index-zj table>tbody>tr:nth-of-type(even) { background-color: #f5f5f5; }

.indexCalendar .wh_container { max-width: 100% !important; }
.indexCalendar .wh_content_all { height: 240px; background-color: #7289df !important; }
.indexCalendar .wh_content_all .wh_top_changge li { height: 30px !important; font-size: 12px !important; }
.indexCalendar .wh_content_all .wh_content_item { padding: 5px 0; width: 14.2%; height: 34px; font-size: 12px; }
.indexCalendar .wh_content_all .wh_content_item .wh_item_date,.indexCalendar .wh_content_all .wh_content_item .wh_top_tag { position: relative; width: 24px; height: 24px; line-height: 24px; }
.indexCalendar .wh_content_all .wh_content_item .wh_item_date.mark1:before { position: absolute; left: 50%; bottom: 2px; margin-left: -2px; width: 3px; height: 3px; border-radius: 100%; background: #fc3644; content: ""; }
.indexCalendar .wh_content_all .wh_content_item .wh_item_date.mark2:before { position: absolute; left: 50%; bottom: 2px; margin-left: -2px; width: 3px; height: 3px; border-radius: 100%; background: #ffba4d; content: ""; }
.indexCalendar .wh_content_all .wh_content_item .wh_isToday { background: #5974d9; border: 1px  solid #7b91e1; }
.indexCalendar .wh_content_all .wh_content_item .wh_chose_day { background: #38b4ee; }
.indexCalendar .wh_content_all .wh_content_item .wh_item_date:hover { background-color: #38b4ee !important; border-radius: 100%;  }
/* 详情页面 */
.prodetail { margin-bottom: 10px; }
.prodetail-wrap { position: relative; padding: 8px 10px 5px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 4px; }
.prodetail .tit { position: absolute; top: -10px; left: 8px; padding: 0 4px; background: #fff; color: #393955; font-size: 13px; }
.prodetail .txt { padding: 2px 0 0px 10px; min-height: 23px; color: #393955; font-size: 14px; }
.prodetail .txt .el-table td,.prodetail .txt .el-table th { padding: 3px 0; color: #393955; }
.prodetail .txt .el-table th { border-bottom: 4px solid #ddd; }
.prodetail .txt .download { overflow: hidden; }
.prodetail .txt .download li { float: left; width: 25%; padding: 0 5px 0 23px; background:url(../img/d1.png) no-repeat left center; line-height: 24px; }
.prodetail .txt .download li i.icon-icondownload { float: right; cursor: pointer; }
.el-popover .download li { padding: 0 5px 0 23px; background:url(../img/d1.png) no-repeat left center; line-height: 24px; }
.el-popover .download li i.icon-icondownload { float: right; cursor: pointer; }
.el-popover .download li:hover { border-bottom: 2px dashed #eee;}
li.xlsx { background:url(../img/d2.png) no-repeat left center !important;}
li.png,li.jpg,li.gif { background:url(../img/d3.png) no-repeat left center !important;}
li.pdf { background:url(../img/d4.png) no-repeat left center !important;}
li.pptx { background:url(../img/d5.png) no-repeat left center !important;}
li.docx { background:url(../img/d6.png) no-repeat left center !important;}
li.txt { background:url(../img/d7.png) no-repeat left center !important;}
/* 操作流程 */
.winopen-timel { background:#fff; padding: 0px 0px 0px 0px; overflow:hidden;}
.winopen-timel .l { padding-left: 40px; height: 30px; background:#f3f4f6; color: #393955; font-size: 14px; font-family: SimHei; font-weight: bold; line-height:30px;}
.winopen-timel .l>div,.winopen-timel ul li>div { float:left; text-align:center;}
.winopen-timel ul { position:relative; margin: 0px 0 0 20px; padding: 0 0 0 20px; border-left:1px solid #d9d9d9;}
.winopen-timel ul:before { position:absolute; top:0px; left:-7px; width:15px; height:12px; background:#fff; content:"";}
.winopen-timel ul li { position:relative; padding: 6px 0; color:#555; font-size:13px; line-height:18px; clear:both;}
.winopen-timel ul li:after { display:block; content:""; clear:both;height:0;}
.winopen-timel ul li span { position:absolute; top:8px; left:-28px; width:15px; height:15px; background:url(../img/p9.jpg) no-repeat;}
.winopen-timel ul li:last-child span { background:url(../img/p8.jpg) no-repeat;}
.winopen-timel ul li .i5 { text-align:left !important;}
.txt { padding: 2px 0 0px 10px; min-height: 23px; color: #393955; font-size: 14px; }
.txt .el-table td,.prodetail .txt .el-table th { padding: 3px 0; color: #393955; }
.txt .el-table th { border-bottom: 4px solid #ddd; }
.txt .download { overflow: hidden; }
.txt .download li { float: left; width: 30%; padding: 0 5px 0 23px; background:url(../img/d1.png) no-repeat left center; line-height: 24px; }
.txt .download li i.icon-icondownload { float: right; cursor: pointer; }

/* element */
.searchmore-panel .el-form-item { height: 29px; }
.searchmore-panel .line { text-align: center; }

.zyelement .el-form-item { margin-bottom: 10px; }
.zyelement .el-form-item__label { padding-bottom: 0 !important; }

.zyelement .el-upload { width: 100%; }
.zyelement .el-upload-dragger { width: 100%; height: auto;background-color: #f9f9f9; border: 2px solid #e0e0e0;  }
.zyelement .el-upload-dragger .el-icon-upload { float: left; margin: 5px 20px; font-size: 40px; line-height: 40px; }
.zyelement .el-upload-dragger .el-upload__text { float: left; line-height: 50px; }
.zyelement .el-upload-list__item:first-child { margin-top: 0; }
.zyelement .el-upload-list__item { float: left; width: 25%; margin-top: 0; }

.treePorgan .el-tree>.el-tree-node.is-focusable { padding: 5px 0; border-bottom: 1px solid #eee; font-size: 13px; }
.treePorgan .el-tree>.el-tree-node.is-focusable:nth-of-type(odd) { background-color: #f9f9f9; }

button.el-button--zyprimary { color: #fff; background-color: #5974d9; border-color: #5974d9; }
button.el-button--zyprimary:focus, button.el-button--zyprimary:hover { background: #6e85de; border-color: #6e85de; color: #fff; }
button.el-button--zysuccess { color: #fff; background-color: #38b4ee; border-color: #38b4ee; }
button.el-button--zysuccess:focus, button.el-button--zysuccess:hover { background: #74c5eb; border-color: #74c5eb; color: #fff; }
/* 表单 */
.zyelement .breadtit .t { color: #fff; }
.zyelement .breadtit .breadcum { background: url(../img/main-2.png) no-repeat left center; }
.zyelement .breadtit .breadcum a { color: #fff; }
.zyelement.mainwrap { background: url(../img/form-bg.jpg) no-repeat center; background-size: 100% 100%; }
.zyelement.mainwrap .mainpanel { width: 1200px; margin: 0 auto; padding: 0; }
.panel-wrap { margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; border-radius: 4px; }
.panel-wrap .t { background: #f5f5f5; border-bottom: 1px solid #dfdfdf; *zoom:1; }
.panel-wrap .t:after{content:'\20';display:block;height:0;clear:both}
.panel-wrap .t div.i1,.panel-wrap .t div.i2,.panel-wrap .t div.i3,.panel-wrap .t div.i4,.panel-wrap .t div.i5 { float: left; width: 40px; height: 40px; border-right: 1px solid #dfdfdf; }
.panel-wrap .t div.i1 { background:url(../img/form1.png) no-repeat center; }
.panel-wrap .t div.i2 { background:url(../img/form2.png) no-repeat center; }
.panel-wrap .t div.i3 { background:url(../img/form3.png) no-repeat center; }
.panel-wrap .t div.i4 { background:url(../img/form4.png) no-repeat center; }
.panel-wrap .t div.i5 { background:url(../img/form5.png) no-repeat center; }
.panel-wrap .t h2 { float: left; padding-left: 13px; color: #333333; font-size: 16px; line-height: 40px; }
.panel-wrap .t .el-button { float: right; margin: 5px 30px 0 0; }
.panel-wrap .panel-wrap-form { padding: 15px; }
.panel-wrap .panel-wrap-form .el-textarea__inner { background: #f9f9f9; border: 2px solid #e0e0e0; }
.panel-wrap .panel-wrap-form .el-form-item { min-height: 29px; margin-bottom: 5px; }
.panel-wrap .panel-wrap-form .el-form-item .el-form-item__label { padding-right: 0; font-family: SimHei; color: #333; }
.panel-wrap .panel-wrap-form .el-form-item .el-input__inner { background: #f9f9f9; border: 2px solid #e0e0e0; }
.panel-wrap .panel-wrap-form .el-form-item .el-input.is-disabled .el-input__inner { background: #e0e0e0; color: #555; }
.zyelement.mainwrap .pwf-btn { display: table; margin: 0 auto; padding-top: 4px; }
.zyelement.mainwrap .pwf-btn button { width: 155px; height: 36px; font-size: 14px; }
.formtableWrap { width:100%; overflow-x:auto; }
.formtable { width: 100px; border-collapse: collapse; table-layout: fixed; }
.formtable th { padding: 5px 7px; border: 1px solid #dddddd; border-bottom: 4px solid #dddddd; color: #393955; font-size: 14px; font-family: SimHei; font-weight: bold; text-align: left; }
.formtable td { padding: 0 3px; border: 1px solid #dddddd; }
.formtable td p { padding: 5px 8px; }
.formtable td i { font-weight: bold; }
.panel-wrap .panel-wrap-form .formtable td .el-form-item { margin-bottom: 0; }
.panel-wrap .panel-wrap-form .formtable td .el-form-item .el-input__inner { padding: 0; height: 24px; line-height: 24px; background: transparent; border-color: transparent; border-width: 1px; color: #393955; font-size: 12px; }
.panel-wrap .panel-wrap-form .formtable td .el-form-item .el-input--prefix .el-input__inner { padding-left: 30px; }
.panel-wrap .panel-wrap-form .formtable td .el-form-item .el-input--suffix .el-input__inner { padding-right: 30px; }
.formtable th:last-child,.formtable td:last-child { text-align: center; }
.formtable>tbody>tr:nth-of-type(even) { background-color: #f9f9f9; }
/* 表单验证 */
.zyformerror { border-color: #f56c6c !important; }




.panel-wrap1 { margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; border-radius: 4px; }
.panel-wrap1 .t { background: #f5f5f5; border-bottom: 1px solid #dfdfdf; *zoom:1; }
.panel-wrap1 .t:after{content:'\20';display:block;height:0;clear:both}
.panel-wrap1 .t div.i1,.panel-wrap1 .t div.i2,.panel-wrap1 .t div.i3,.panel-wrap1 .t div.i4,.panel-wrap1 .t div.i5 { float: left; width: 40px; height: 40px; border-right: 1px solid #dfdfdf; }
.panel-wrap1 .t div.i1 { background:url(../img/form1.png) no-repeat center; }
.panel-wrap1 .t div.i2 { font-size: 20px; color: #333333; text-align: center; line-height: 40px; font-weight: bold; }
.panel-wrap1 .t h2 { float: left; padding-left: 13px; color: #333333; font-size: 16px; line-height: 40px; }
.panel-wrap1 .t .el-button { float: right; margin: 5px 10px 0 0; }
.panel-wrap1 .panel-wrap1-form { padding: 15px; }

/* 关联单据 树 */
.detail-win-show {cursor: pointer; position:absolute;left: -36px;top:0px;}
.detail-win-show .el-button { width: 34px; padding: 10px 5px; white-space: normal; }
/* 图片预览 */
.imgs-detail li { float: left; width: 70px; margin: 0 10px; cursor: pointer; }
.imgs-detail li img { width: 100%; height: 70px; border-radius: 4px; }
.imgs-detail li p { word-break: break-all; text-align: center; }