@charset 'UTF-8';
/*layout style*/
.sys-warpbox{padding:0px}
/*.sys-warpbox{padding:15px}*/
.sys-sub-title{line-height:30px; font-size:15px; font-weight:600; color:#333; }
.sys-sub-box{background:#fff; padding:5px;}
.sys-sub-btngroup{z-index:5;position:fixed; left:200px; bottom:0; width:calc(100% - 217px); padding:10px; text-align:center; background:rgba(255,255,255,.84); box-shadow:1px 0 3px rgba(0,0,0,.12);}
.sys-sub-btngroup-none{display: none;}
.sys-sub-mbottom{margin-bottom:60px;}
.tab-bar{height:36px; text-align:right; overflow:hidden;}
.tab-bar span{float:left; width:auto;}

.sys-sub-box-nopadding{padding:5px;}

/*tableBox*/
.comm-tablebox{padding: 0px 0;}
.comm-tablebox-width{padding:15px 0 0; width:100%; overflow-y:hidden;}
/*tableBox*/

.search-bar{text-align:right;margin:5px}
/*.search-bar span{display:inline-block; vertical-align:middle; margin:7px; color:#999;}*/

.select-plug{}
.menuText{float:left; line-height:32px;}
.menuContent{float:left; }

.org-str{float:left; width:40%; border:1px solid #e9e9e9; padding:30px 20px 20px; height:560px; overflow:auto; x-overflow:hidden; position:relative;}
.org-infor{float:right; width:60%; padding-left:30px;}
.drag-tip{position:absolute; left:10px; top:10px; font-size:12px; color:#f7ba2a; background:url(/static/img/feature/public/lamp_active.png) no-repeat left center; background-size:16px; padding-left:22px;}

.org-infor-title{position:relative; border-bottom:1px solid #e9e9e9; padding:5px 0; font-size:15px; line-height:30px; color:#333;}
.org-editbtns,.org-savebtns{display:none; position:absolute; right:0; top:10px; overflow:hidden;}
.org-editbtns.active,.org-savebtns.active{display:block;}

.sbtn-icon{display:block; float:left; margin:0 5px; width:60px; height:30px; }
.sbtn-icon i{display:block; width:60px; height:30px; }
.sbtn-icon i.btn-i-save{background:url(/static/img/feature/public/btn-i-save.png) no-repeat center; }
.sbtn-icon i.btn-i-cancel{background:url(/static/img/feature/public/btn-i-cancel.png) no-repeat center; }

.org-infor-content h3{font-size:12px; font-weight:600; color:#333; margin:0; line-height:30px;}
.org-form-list li{float:left; width:50%; padding:10px; line-height:32px; font-size:14px; color:#999; }
.org-form-list li span{display:block; float:left; height:32px; width:100px; }
.org-form-list li em{margin-left:100px;display:block; height:32px;}
.org-form-list li input,.org-form-list li select{width:100%; }
.org-form-list li.all-long{width:100%;}

.div-form-list .divcell{float:left; width:50%; padding:5px 10px; line-height:32px; font-size:14px; color:#999; }
.div-form-list .divcellAll{float:left; width:100%; padding:5px 10px; line-height:32px; font-size:14px; color:#999; }
.div-form-list .divcell span{display:inline; vertical-align:middle;}
.div-form-list .divcell em{margin-left:100px;display:block;}
.div-form-list .divcell label{display:inline-block;}
.div-form-list .divcell input.input-text-normal,.div-form-list .divcell select.select-normal,.div-form-list .divcell textarea{display:block; width:100%; }
.div-form-list .divcell.all-long{width:100%;}

.div-form-list-3 .divcell{float:left; width:33.33333%; padding:5px 10px; line-height:32px; font-size:14px; color:#999; }
.div-form-list-4 .divcell{float:left; width:25%; padding:5px 10px; line-height:32px; font-size:14px; color:#999; }

.div-form-list .operate-group{float:left; padding:10px; padding-left:100px; width:100%;}
.div-form-list .operate-group p{padding:10px 0; line-height:30px;}
.div-form-list .operate-group p span{display:inline-block; vertical-align:middle; }


.dialog-cbox-ztree{height:160px; overflow:auto; overflow-x:hidden;}
.dialog-cbox-table{height:300px; overflow:auto; overflow-x:hidden;}
.dialog-cbox-high{height:410px; overflow:auto; overflow-x:hidden;}

.tree-select{height:138px; border:1px solid #ccc; border-radius:3px; overflow:auto; x-overflow:hidden;}
.menuContent{display:none; position: absolute; width:280px; background:#fff; border-radius:4px; border:1px solid #e9e9e9; box-shadow:1px 1px 5px rgba(0,0,0,.24);}
/*.menuContent ul.ztree{height:240px; padding:10px; overflow:auto; overflow-x:hidden;}*/
/*!*父级*!
.ztree li span.button.pIcon01_ico_open, .ztree li span.button.pIcon01_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon02_ico_open, .ztree li span.button.pIcon02_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -18px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconStatisticsFormGroup_ico_open, .ztree li span.button.iconStatisticsFormGroup_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -36px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon04_ico_open, .ztree li span.button.pIcon04_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -54px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon05_ico_open, .ztree li span.button.pIcon05_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -72px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon06_ico_open, .ztree li span.button.pIcon06_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -90px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconInstGroup_ico_open, .ztree li span.button.iconInstGroup_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -324px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconInstCompany_ico_open{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -342px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconInstCompany_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -360px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconInstCompany_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -396px; vertical-align:top; *vertical-align:middle}

.ztree li span.button.iconInstDepartment_ico_open,.ztree li span.button.iconInstDepartment_ico_close,.ztree li span.button.iconInstDepartment_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -414px; vertical-align:top; *vertical-align:middle}

.ztree li span.button.pIcon10_ico_open,.ztree li span.button.pIcon10_ico_close,.ztree li span.button.pIcon10_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -432px; vertical-align:top; *vertical-align:middle}



!*子级*!
.ztree li span.button.icon01_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -108px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon02_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -126px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon03_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -144px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon04_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -162px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon05_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -180px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon06_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -198px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon07_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -216px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconStatisticsForm_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -234px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon09_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -252px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon10_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -270px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon11_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -288px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon12_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -306px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.iconInstPeople_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -378px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon14_ico_docu{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -432px; vertical-align:top; *vertical-align:middle}

.ztree li span.button.icon14_ico_open{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -432px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon14_ico_close{margin-right:5px; width:18px; height:18px; background:url(/static/img/feature/public/ztree/ztree-diy-icon.png) no-repeat 0 -432px; vertical-align:top; *vertical-align:middle}


!*组织架构tree*!
.org-str .ztree li {padding: 5px 0 0; margin: 0; list-style: none; line-height: 20px; text-align: left; white-space: nowrap; outline: 0; position:relative;}
.org-str .ztree li a {cursor: pointer;	margin: 0; padding:5px; height: 30px;width: 100%;display: -webkit-inline-box;line-height:20px; color: #333; background-color: transparent; text-decoration: none; vertical-align: top; border:1px solid #e9e9e9;}
.org-str .ztree li a:hover,.org-str .ztree li a.curSelectedNode{border:1px solid #4ac5c3; background:#f3fcfc; color:#4ac5c3;}
.org-str .ztree li span.button.switch {position:absolute; right:0px;top:5px;width: 30px; height: 30px;background-size:30px;}
.org-str .ztree li span.button.noline_open{background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 -60px; }
.org-str .ztree li span.button.noline_close{background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 -90px; }
.org-str .ztree li span.button.remove {position:absolute;right:90px;top:5px;width:30px;height:30px;	background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 -30px;background-size:30px;}
.org-str .ztree li span.button.addorg {position:absolute;right:50px;top:5px;width:30px;height:30px;	background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 0;background-size:30px;}
!*组织架构tree*!*/

/* 还款计划tree */
.org-str #areaTree li span.button.remove {position:absolute;right:50px;top:5px;width:30px;height:30px;	background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 -30px;background-size:30px;}
.org-str #areaTree #repaymentTreeName .diyBtn2 {position:absolute;right:50px;top:5px;width:30px;height:30px;background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 0;cursor:pointer;background-size:30px;}
.org-str #areaTree #repaymentTreeName .diyBtn3 {position:absolute; right:18px;top:5px;width: 30px; height: 30px;background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 -90px;cursor:pointer;background-size:30px;}
.org-str #areaTree #repaymentTreeName .diyBtn4 {position:absolute; right:18px;top:5px;width: 30px; height: 30px;background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 -60px;cursor:pointer;background-size:30px;}
/* 还款计划tree */

/* 合同模板 */
.org-str #areaTree #managementTreeName .diyBtn2 {position:absolute;right:50px;top:5px;width:30px;height:30px;background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 0;cursor:pointer;background-size:30px;}
.org-str #areaTree #managementTreeName .diyBtn3 {position:absolute; right:18px;top:5px;width: 30px; height: 30px;background:url(/static/img/feature/public/ztree/addDeleteCopyPaste.png) no-repeat 0 -90px;cursor:pointer;background-size:30px;}
/* 合同模板 */

/*表单*/
.tab-tits{overflow:hidden; text-align:center;}
.tab-tits span{cursor:pointer; display:inline-block; text-align:center;width:200px; line-height:32px; height:32px; border:1px solid #dddddd; font-size:14px; color:#666; }
.tab-tits span:last-child{border-left:0px;}
.tab-tits span.current{border-color:#4ac5c3; background:#4ac5c3; color:#fff;}

#add-fieldsort .comm-tablebox{padding:0; margin:15px 0 0; max-height:220px; overflow:auto; overflow-x:hidden;}

.page-success{min-height:400px; text-align:center;}
.page-success i{display:block; margin:120px auto 30px; width:60px; height:60px; border-radius:30px; background:url(/static/img/feature/public/i-tip-success.png) #0ac380 no-repeat center; }
.page-success h3{margin:0; font-size:24px; color:#333; }
.page-success p{margin:0 0 15px; color:#999; font-size:14px; }
/*表单*/
/*流程*/
.tabs-group{border:1px solid #e9e9e9; min-height:100px;}

.info_tab{width: 100%;background:#f5f5f5;}
.info_tab li{cursor:pointer; text-align: center;  float: left; font-size:14px; line-height:30px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.info_tab li:last-child{border-right:0;}
.info_tab li.active{border-bottom: 1px solid #fff; color:#4ac5c3; background:#fff;}

.info_tab_con_w{display:none; padding:15px;}
.info_tab_con_w.active{display:block;}

.toggle-box{position:relative; border:1px solid #e9e9e9;}
.toggle-title{padding:0 12px; line-height:30px; border-bottom:1px solid #e9e9e9; background:#f5f5f5; font-size:14px; color:#666;}
.toggle-icon{position:absolute; right:0; top:0; display:block; text-indent:-9999px; width:30px; height:30px; background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 -90px; background-size:30px; z-index:99;}
.toggle-icon-current{background:url(/static/img/feature/public/nes-icon.png) no-repeat 0 -60px; background-size:30px;}

.step-infor-detail .step-infor-title{border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:30px; padding:0 12px; color:#666; font-size:14px; }
.step-infor-detail .step-infor-content{padding:10px; }
.step-infor-detail .step-infor-content h3{line-height:30px; margin:0 0 10px; color:#333; text-align:right; overflow:hidden;}
.step-infor-detail .step-infor-content h3 span{float:left; width:auto; font-size:12px; font-weight:600; }

.imglist-box{overflow:hidden;}
.imglist-box li{float:left; padding:5px;}
.imglist-box li img{cursor:pointer; display:block; width:110px; height:100px; border-radius: 6px;}

.filelist-box li{padding:5px; line-height:20px; font-size:14px;}
.filelist-box li:hover{background-color: #f5f5f5;cursor:pointer;}
.filelist-box li i.word{display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; background:url(/static/img/feature/dynamicForm/page_word.png) no-repeat center;}
.filelist-box li i.excel{display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; background:url(/static/img/feature/dynamicForm/page_excel.png) no-repeat center;}
.filelist-box li i.pdf{display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; background:url(/static/img/feature/dynamicForm/page_pdf.png) no-repeat center;}
.filelist-box li i.icon{display:inline-block; vertical-align:middle; margin-right:5px; width:20px; height:20px; background:url(/static/img/feature/public/page.png) no-repeat center;}

.step-pic{padding:15px;}
.step-pic img{display:block; width:100%;}

.upload-img{display:block; width:80px; height:80px; border:1px dotted #4ac5c3; background:#e7f8f8; color:#4ac5c3; font-size:64px; text-align:center; line-height:78px;}
/*流程*/

/*宽度*/
.span-item-width{width:180px;}

/*2017/12/4 slick style*/
#slick-tab{width:100%; background:#f5f5f5;}
#slick-tab .slick {margin:0 auto; width:calc(100% - 60px); height:30px;}
#slick-tab .slick .slickbox {cursor:pointer; width:100%; height:30px; line-height:30px; font-size:13px; text-align:center; box-shadow:0 0 1px #ccc;}
#slick-tab .slick .slickbox.active{color:#4ac5c3; background:#fff;}

#slick-tab .slick-prev:before, #slick-tab .slick-next:before { position: absolute; left: 0; text-indent:-9999px;}
#slick-tab .slick-prev { left: -30px;  top: 50%; margin-top:-15px;  display: block; width:30px; height:30px; background:url(/static/img/feature/public/prev.png) #f5f5f5 no-repeat center; background-size:30px; opacity:.6; border-right:1px solid #e9e9e9;}
#slick-tab .slick-prev:hover{opacity:1; }
#slick-tab .slick-next { right: -30px;  top: 50%; margin-top:-15px;  display: block;width:30px; height:30px; background:url(/static/img/feature/public/next.png) #f5f5f5  no-repeat center; background-size:30px; opacity:.6;border-left:1px solid #e9e9e9;}
#slick-tab .slick-next:hover{opacity:1;}
#slick-tab .slick-dots {display:none; bottom: -30px;}

/*弹出框按钮*/
.dialog-btngroup{text-align:right; padding-top:20px;}
.dialog-btngroup a.confirm{display:inline-block; padding:6px 12px; line-height: 1.428571429;font-size: 14px; font-weight: 400; border: 1px solid transparent; border-radius: 4px; color: #fff;  background-color: #48c2a9; border-color: #48c2a9;}
.dialog-btngroup a.confirm:hover{background-color: #1ab394;border-color: #1ab394;}
.dialog-btngroup a.cancel{display:inline-block; padding:6px 12px; line-height: 1.428571429;font-size: 14px; font-weight: 400; border: 1px solid transparent; border-radius: 4px; color: #333;  background-color: #fff; border-color: #ccc;}
.dialog-btngroup a.cancel:hover{background-color: #ebebeb;border-color: #adadad;}