@charset 'UTF-8';
/*layout style*/
.Sys-warp{width:100%; height:100%; overflow:hidden;}

.Sys-header{position:fixed; width:100%;min-width:1030px; height:50px; z-index:900; background-color:#1b81ec; }
.Sys-header h1{margin:0; float:left; width:200px; }
.Sys-header h1 a.sys-logo{display:block; margin:7px 25px 7px 20px; width:135px; height:36px ; background:url(/static/img/logo/logo-header.png) no-repeat center; background-size:135px 36px; text-indent:-9999px;}

.header-menu{float:left; height:50px; overflow:hidden;}
.header-menu a{display:block; float:left; margin:0; padding:0 14px 0 12px; line-height:50px; font-size:14px; color:#fff; }
/*自定义*/
/*.header-menu a i{display:inline-block;  vertical-align:middle; margin:12px 6px 13px 0; width:25px; height:25px; background-image:url(/static/img/feature/public/icon/public-icons.png); background-repeat:no-repeat; background-position:0 0;  background-size:25px; }*/
.header-menu a i{display:inline-block; vertical-align:middle; margin:12px 6px 13px 0; width:25px; height:25px; background-image:url(/static/img/feature/public/icon/menu-icon-1.png); background-repeat:no-repeat; background-position:0 0; background-size:25px; }
.header-menu a:hover,.header-menu a.current,.header-menu a.current:hover{background:rgba(0,0,0,.24);}

/* 首页顶部菜单图标与菜单管理中设置的图标不一致处理 */
/*表单*/
.header-menu a i.menu-icon-home{background-position:0 0;}
.header-menu a i.snav-formment{background-position:0px -25px;}
/*设置*/
.header-menu a i.snav-settings{background-position:0px -50px;}
/*人员*/
.header-menu a i.snav-userment{background-position:0px -75px;}
/*角色*/
.header-menu a i.snav-rolement{background-position:0px -100px;}
/*业务*/
.header-menu a i.snav-gebusiness{background-position:0px -125px;}
/*统计*/
.header-menu a i.snav-statement{background-position:0px -150px;}
/*组织*/
.header-menu a i.snav-organment{background-position:0px -175px;}
/*文件*/
.header-menu a i.snav-contmanage{background-position:0px -200px;}
/*菜单图标*/
.header-menu a i.snav-menument{background-position:0px -225px;}
/*流程图标*/
.header-menu a i.snav-prodesign{background-position:0px -250px;}
/* 首页顶部菜单图标与菜单管理中设置的图标不一致处理 */

.header-menu a i.menu-icon-set{background-position:0 0;}
.header-menu a i.menu-icon-table{background-position:0 -25px;}
.header-menu a i.menu-icon-work{background-position:0 -50px;}
.header-menu a i.menu-icon-mission{background-position:0 -75px;}
.header-menu a i.menu-icon-loan{background-position:0 -100px;}
/*.header-menu a i.menu-icon-home{background-position:0 -125px;}*/
.header-menu a i.menu-icon-customer{background-position:0 -150px;}
.header-menu a i.menu-icon-business{background-position:0 -175px;}
.header-menu a i.menu-icon-settle{background-position:0 -200px;}
.header-menu a i.menu-icon-oa{background-position:0 -225px;}
/* 风险管理图标配置 */
.header-menu a i.menu-icon-risk{background-position: 0px -250px;}
/* 缴费管理图标配置 */
.header-menu a i.menu-icon-pay{background-position: 0px -275px;}
/* 实用工具图标配置 */
.header-menu a i.menu-icon-util{background-position: 0px -300px;}

.msg-mission,.msg-infor,.mission-infor{float:right; height:50px; position:relative;}
.msg-mission a{display:block; float:left; padding:0 12px; line-height:50px; position:relative; font-size:12px; color:#fff;}
.msg-mission a i{display:inline-block; vertical-align:middle; margin-right:6px; width:20px; height:20px; }
.msg-mission a label{position:absolute; right:0; top:3px; display:block; height:20px; line-height:20px; border-radius:10px; min-width:20px; text-align:center; font-size:13px; color:#fff; background:#f00; box-shadow:1px 3px 6px rgba(0,0,0,.34); }
.msg-mission a i.mm-icon-1{background:url(/static/img/feature/public/mm-icon-1.png) no-repeat 0 0; background-size:20px; }
.msg-mission a i.mm-icon-2{background:url(/static/img/feature/public/mm-icon-2.png) no-repeat  0 0; background-size:20px; }
.msg-mission a label.tipnum-green{background-color:#4ac5c3;}
.msg-mission a label.tipnum-red{background-color:#ff592d;}
.msg-mission a:hover,.msg-mission a.mm-a-curr{background-color:rgba(0,0,0,.50);}
.msg-mission a:hover i.mm-icon-1,.msg-mission a.mm-a-curr i.mm-icon-1,.msg-mission a.mm-a-curr:hover i.mm-icon-1{background:url(/static/img/feature/public/mm-icon-1.png) no-repeat 0 -20px; background-size:20px; }
.msg-mission a:hover i.mm-icon-2{background:url(/static/img/feature/public/mm-icon-2.png) no-repeat 0 -20px; background-size:20px; }
.msg-mission i.top-line{float:left; display:block; height:12px; padding-left: 1px; margin:20px 12px; background:rgba(255,255,255,.64);}
.msg-mission .mm-sub{display:none; position:absolute; right:12px; top:49px; width:322px; background:#fff; box-shadow:1px 1px 5px #999; z-index:999;}


.memberinforshow{float:right; height:50px; padding:7px 24px 7px 0; position:relative;}
.memberinforshow a.ms-a{display:block; padding:0 20px 0 0;background:url(/static/img/feature/public/ms-down.png) no-repeat right center; overflow:hidden; }
.memberinforshow a.ms-a-curr{display:block; padding:0 20px 0 0; background:url(/static/img/feature/public/ms-up.png) no-repeat right center;}
.memberinforshow a.ms-a span{float:left; display:block; padding:0 12px; color:#fff; font-size:14px; line-height:36px;}
.memberinforshow a.ms-a img{float:left;display:block; width:36px; height:36px;padding:0px; border:2px solid rgba(255,255,255,.78); border-radius:18px;}
.memberinforshow a.ms-a-curr img{float:left;display:block; width:36px; height:36px;padding:0px; border:1px solid rgba(0,0,0,.24); border-radius:18px; }
.memberinforshow .ms-sub{display:none; position:absolute; right:12px; top:49px; width:180px; background:#fff; box-shadow:1px 1px 5px #999; z-index:999;}

.arrtop{display:block; position:absolute; right:34px; top:-4px; width:20px; height:20px; background:url(/static/img/feature/public/ms-up.png) no-repeat; z-index:9991;}
.memberinforshow .ms-sub p{padding:0; line-height:1.75; font-size:12px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.memberinforshow .ms-sub p a.golink,.memberinforshow .ms-sub p a.golink:hover{display:block; font-size:13px; text-align:center; text-decoration:none; color:#666; line-height:40px; background:#fff;}
.memberinforshow .ms-sub p a.golink:hover{background:#f0f0f0; color:#ff592d;}

.Sys-left{position:fixed; top:50px; width:200px; height:100%; background:#4c4743; overflow:hidden; -webkit-transition:all .2s;transition:all .2s;}
.Sys-left-small{width:10px;}
/*------------ left Nav -----------*/

.Toggle-nav{ position:relative; display:block; float:right; width:10px; height:100%; background:#58534e; text-align:center; font-size:12px; line-height:30px; color:#ccc; overflow:hidden;}
.Toggle-nav:hover{background-color:#928b85;}
.Toggle-nav span{position:absolute; display:block; top:45%; left:0; margin-top:-40px; width:100%; height:80px; background:url(/static/img/feature/public/arr.png) #928b85 no-repeat 0 center; text-indent:-9999px;}
.Toggle-nav-curr span,.Toggle-nav-curr:hover span{background:url(/static/img/feature/public/arr.png) #928b85 no-repeat -10px center;}
.Toggle-nav-dict:hover span{background:url(/static/img/feature/public/arr.png) #928b85 no-repeat -10px center;}

#sx-nav{float:left; width:190px; overflow:hidden;}
.comm-nav-item{margin:0 0 1px;}
.comm-nav-item a.item-navlink{padding:0 10px; display:block; height:40px; line-height:40px; font-size:13px; color:rgba(255,255,255,.64); padding-left:15px; background:url(/static/img/feature/public/ms-up.png) no-repeat 90% center; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.comm-nav-item a.item-navlink:hover{color:#fff; text-decoration:none;}
.comm-nav-item a.item-navlink-curr{background-image:url(/static/img/feature/public/ms-down.png); }

.htoggle-nav{ display:block;}
.htoggle-nav li a{display:block; line-height:40px; color:#fff; padding-left:45px; font-size:12px; background-image:url(/static/img/feature/public/nav-icons.png); background-repeat:no-repeat; background-position:5px 0;background-size:40px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.htoggle-nav li a:hover{color:#fff; text-decoration:none; background-color:rgba(0,0,0,.24);}

.htoggle-nav li a.snav-org{background-position:5px 0;}
.htoggle-nav li a.snav-org:hover{background-position:5px -40px;}

.htoggle-nav li a.snav-role{background-position:5px -80px;}
.htoggle-nav li a.snav-role:hover{background-position:5px -120px;}

.htoggle-nav li a.snav-user{background-position:5px -160px;}
.htoggle-nav li a.snav-user:hover{background-position:5px -200px;}

.htoggle-nav li a.snav-tab{background-position:5px -240px;}
.htoggle-nav li a.snav-tab:hover{background-position:5px -280px;}

.htoggle-nav li a.snav-tabgroup{background-position:5px -320px;}
.htoggle-nav li a.snav-tabgroup:hover{background-position:5px -360px;}

.htoggle-nav li a.snav-count{background-position:5px -400px;}
.htoggle-nav li a.snav-count:hover{background-position:5px -440px;}

.htoggle-nav li a.snav-stepdesign{background-position:5px -480px;}
.htoggle-nav li a.snav-stepdesign:hover{background-position:5px -520px;}

.htoggle-nav li a.snav-step{background-position:5px -560px;}
.htoggle-nav li a.snav-step:hover{background-position:5px -600px;}

.htoggle-nav li a.snav-mmission{background-position:5px -640px;}
.htoggle-nav li a.snav-mmission:hover{background-position:5px -680px;}

.htoggle-nav li a.snav-mystep{background-position:5px -720px;}
.htoggle-nav li a.snav-mystep:hover{background-position:5px -760px;}

.htoggle-nav li a.snav-loan{background-position:5px -800px;}
.htoggle-nav li a.snav-loan:hover{background-position:5px -840px;}

.htoggle-nav li a.snav-loancount{background-position:5px -880px;}
.htoggle-nav li a.snav-loancount:hover{background-position:5px -920px;}

/*------------ left Nav -----------*/
.Sys-main{-webkit-transition:all .2s;transition:all .2s; height:100%; padding:50px 0 0 200px;}
.Sys-main-small{padding:50px 0 0 10px;}
.J_iframe{position:relative; width:100%; height:100%;}
.sys-mainwarp{height:100%; background:#f8f3f0;}
.sys-mainwarp-height-auto{height:calc(100vh - 90px); overflow: auto;background-color: #F8F3F0;}
.sys-mainwarp-height-auto-dialog{max-height:calc(100vh - 180px); overflow: auto;background-color: white;}
.sys-mainwarp-height{height:calc(100vh); overflow: auto;background-color: #F8F3F0;}


.msg-title{height:36px; padding:0 12px; line-height:36px; text-align:right; overflow:hidden; background:#fff; border-bottom:1px solid #e9e9e9; }
.msg-title span{float:left; width:auto; font-size:14px; color:#333; }
.msg-title a{display:inline-block; width:40px; height:50px; background:url(/static/img/feature/public/msg-close.png) no-repeat center; background-size:50%;}
.msg-list{width:100%;padding: 3px;}
.msg-list a{display:block; width:100%; overflow:hidden;}
.msg-list a:hover{background:#f5f5f5;}
.msg-list a dl{padding:4px 4px; border-bottom:1px solid #e9e9e9; }
.msg-list a dl dt{text-align:right; font-size:14px; color:#999; line-height:34px; overflow:hidden;}
.msg-list a dl dt span{float:left; width:auto; color:#333; font-weight:600;}
.msg-list a dl dt span i{display:inline-block; vertical-align:middle; width:20px; height:20px; border-radius:10px; margin-right:10px; }
.msg-list a dl dt span i.i-tip-warning{ background:url(/static/img/feature/public/i-tip-w.png) #ff592d no-repeat center; background-size:18px;}
.msg-list a dl dt span i.i-tip-sys{background:url(/static/img/feature/public/i-tip-s.png) #0c9 no-repeat center; background-size:18px;}
.msg-list a dl dd{padding-bottom:4px; font-size:14px;line-height:1.5; color:#999;}
/* .msg-list a p.moreinfor{width:100%; line-height:36px; text-align:center; color:#999; } */

.sele-skin li{overflow:hidden; width:100%;}
.sele-skin li a{display:block; position:relative; float:left; width:33.333%; padding:0 15px; }
.sele-skin li a img{display:block; width:100%; border:3px solid #e9e9e9; }
.sele-skin li a:hover img{border:3px solid #a4e2e1;}
.sele-skin li a span{display:block; text-align:center; line-height:30px; font-size:14px; color:#999; }
.sele-skin li a i{display:none; position:absolute; right:15px; bottom:30px; width:30px; height:30px; background:url(/static/img/feature/public/skin-selected.png) no-repeat center; background-size:cover;}

.sele-skin li a.selected img{border:3px solid #4ac5c3;}
.sele-skin li a.selected i{display:block;}
.sele-skin li a.selected span{color:#4ac5c3;}

.form-list li{float:left; width:50%; padding:10px; line-height:32px; font-size:14px; color:#999; }
.form-list li span{display:block; float:left; vertical-align:middle; width:100px; }
.form-list li em{margin-left:100px;display:block;}
.form-list li input,.org-form-list li select{width:100%; }
.form-list li.all-long{width:100%;}


/*--------------tabsstyle-------------------------*/
#page-tab,#page-tab #page-tab-content,#page-tab .tab-btn,#page-tab #page-operation,#page-tab #menu-list,#page-tab #menu-list a {height: 40px; line-height: 40px;}
#page-tab {width: 100%;	border-top: 1px solid #f1f0f0; border-bottom: 2px solid; border-bottom-color: #000;position: relative;line-height: 40px;}
#page-tab-content {margin-left: 30px;width: 100000px;overflow: hidden;background-color: #fff;}
#page-tab button {background: #fff;	border: 0;	cursor: default;}
#page-tab .tab-btn,#page-tab #page-operation {position: absolute; width: 30px; text-align:center; color: #999; z-index: 2; top: 0;}
#page-tab #page-prev {cursor:pointer; left:0; border-right: 1px solid #f1f0f0;	background-image: url(/static/img/feature/public/prev.png);	background-position: 5px 50%;background-size: 20px;background-repeat: no-repeat;}
#page-tab #page-next {cursor:pointer; right:0;border-left: 1px solid #f1f0f0;border-right: 1px solid #f1f0f0;background-image: url(/static/img/feature/public/next.png);	background-position: 5px 50%;background-size: 20px;	background-repeat: no-repeat;}
#page-tab #page-operation {right: 0; width: 30px; background-image: url(/static/img/feature/public/list.png); background-position: 5px 50%;	background-size: 16px; background-repeat: no-repeat; background-color: #fff;}

#page-tab #page-operation:hover {background-color: #f1f0f0;}
#page-tab #menu-list {float: left;}
#page-tab #menu-list a {float: left;text-decoration: none;padding: 0 10px 0 20px;border-right: 1px solid #f1f0f0;color: #999;font-size: 14px;cursor: pointer; transition: background-color .3s;-moz-transition: background-color .3s;-webkit-transition: background-color .3s;-o-transition: background-color .3s;}
#page-tab #menu-list a:hover {background-color: #f1f0f0;}
#page-tab #menu-list a.active {background-color: #f8f3f0;color: #ff592d;transition: color .3s;	-moz-transition: color .3s;	-webkit-transition: color .3s;	-o-transition: color .3s;transition: background-color .3s;	-moz-transition: background-color .3s;	-webkit-transition: background-color .3s;-o-transition: background-color .3s;}
#page-tab #menu-list a.active:hover {color: #ff592d;}

#page-tab .menu-close {width: 15px;	height: 15px; display: inline-block; background-image: url(/static/img/feature/public/close.png); background-position:0 0; background-size: 15px; background-repeat: no-repeat;	vertical-align: middle;	margin-left: 10px;	margin-top: -2px;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
#page-tab .menu-close:hover { background-position:0 -15px; }

#menu-all {width: 175px; border: 1px solid #000; position: absolute; right: 0;	z-index: 100; min-height: 25px;	padding: 1px; overflow-y: auto;	display: none; max-height: 380px; top: 31px;background-color: #fff;}
#menu-all #menu-all-ul {width: 100%;height: 100%;}
#menu-all #menu-all-ul li {list-style: none; padding: 5px 19px 5px 7px;	cursor: pointer; overflow: hidden;	font-size: 12px;}
#menu-all #menu-all-ul li.active {background-color: #000; color: #fff;}
#menu-all #menu-all-ul li:not(.active):hover {background-color: #f1f0f0;}

#page-content{width: 100%;height: 100%;	overflow: hidden;}
#page-content .iframe-content {width: 100%;	height: 100%;	border: 0;	display: none;}
#page-content .active {display: block;}

/*  常用控件禁用后的样式 */
.el-input.is-disabled .el-input__inner {color:#606266 !important;}
.el-textarea.is-disabled .el-textarea__inner {color:#606266 !important;}
.el-cascader.is-disabled .el-cascader__label {color:#606266 !important;}
.el-radio__input.is-disabled+span.el-radio__label { color:#606266 !important;}
.el-checkbox__input.is-disabled+span.el-checkbox__label{  color:#606266 !important;}