@import url("common.css");
.header{ position: relative; min-width: 1200px; height:80px; padding: 0 250px 0 38px; margin-bottom: 8px; background: #fff; color: #fff;}
.header .logo{ float: left; width: 260px; height: 80px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: left; -webkit-box-pack: center;}
.header .logo img{height: 42px;}
.header .hbar{ position:absolute; right: 0; top: 0; width: 240px; border-left: 1px solid #f2f2f2; height: 80px; padding-right:70px; padding-left: 12px;}
.header .hbar .loginout{ display:block; position: absolute; right: 0; top: 0; width:50px; height: 80px; background-color:#F2F2F2;background-image: url(../images/icon/out.png) ; background-position: center center; background-repeat: no-repeat;}
.header .hbar .headerUser{ padding-left: 42px; padding-top: 22px; height: 80px; position: relative; line-height: 18px; font-size: 12px;}
.header .hbar .headerUser .avatar{ position: absolute; left: 0; top: 24px; width: 32px; height: 32px; border: #05AAF0 2px solid; border-radius: 50%; background: url(../images/icon/tAvatar.png) center no-repeat;}
.header .hbar .headerUser .avatar img{ width: 28px; height: 28px;}
.header .hbar .headerUser .uName{font-size: 14px; font-weight: bold; color: #666666;}
.header .mNavBox{ float: right;}
.header .mNavBox li{ float: left; width:auto; height: 80px;}
.header .mNavBox li a{ padding: 0 30px; display: inline-block; height: 80px; line-height: 80px; font-size: 15px; font-weight: bold; color: #666666;}
.header .mNavBox li.active a{ background: #f2f2f2; color: #148CDC;}
@media screen and (max-width: 1279px) {
	.header{ padding-right: 210px;}
	.header .hbar{ width: 200px;}
    .header .mNavBox li a{ padding: 0 25px;}
}

.relcontainer{position: relative; width: 100%;display: -webkit-box;-webkit-box-align: top; min-height:600px;}
.relNavigat{ display: block; width: 190px; position: relative; background: #FFFFFF;}
.relMain{ position: relative; display: block;-webkit-box-flex: 1;width: 0%; padding:0  8px 8px;}
.navList{ padding: 30px;}
.navList h1{ height: 24px; line-height: 24px; color: #666; font-weight: bold; font-size: 18px; margin-bottom: 24px;}
.navList h3{ height: 30px; line-height: 30px; font-size: 14px;color: #999999;}
.navList li{padding: 10px 0px 10px 18px; line-height: 20px; background: url(../images/icon/square_rd_blue.png) left 16px no-repeat; font-size: 14px;}
.navList li.active{ background-image: url(../images/icon/square_rd_yellow.png);}
.navList .nav{ margin-bottom: 30px;}
/*================*/

/*============首页====================*/
.homePage{min-height: 100%;}
.homePage .rowFirst{ height: 500px;}
.homePage .rowSecond{ min-height: 360px;}
.homeTitle{ padding: 0 22px; height: 50px; line-height:49px; overflow: hidden; border-bottom:1px solid #F2F5FA; font-size: 15px; font-weight: bold; background: #fff;}
.homePage .homeCensus li{ float: left; width: 50%; height: 200px; padding: 0px 10px 10px;text-align: center; color: #666666;}
.homePage .homeCensus li .census-wrapper{position: relative; width: 100%;top:50%; transform: translateY(-50%); height: auto; overflow: hidden;}
/*.homePage .homeCensus li .icon{ display: block; width: 45px; height: 45px; margin: 0 auto 12px; background-position: center; background-repeat: no-repeat;}*/
/*.homePage .homeCensus li .icon-1{ background-image: url(../images/home/money_icon1.png);}*/
/*.homePage .homeCensus li .icon-2{ background-image: url(../images/home/money_icon2.png);}*/
/*.homePage .homeCensus li .icon-3{ background-image: url(../images/home/money_icon3.png);}*/
/*.homePage .homeCensus li .icon-4{ background-image: url(../images/home/money_icon4.png);}*/

.homePage .homeCensus li h3{ height: 22px; line-height: 22px; font-size: 15px; font-weight: bold; margin-bottom: 12px;}
.homePage .homeCensus li .money{ font-weight: 500; font-size: 30px; line-height: 40px; height: 40px; color: #FF2806;}
.homePage .homeCensus li .des{line-height: 40px;font-weight: bold;font-size: 14px;color:#474747;}
.homePage .homeCensus li .des i{color: #FFA129;font-weight: normal;}
.homePage .homeCensus li .money span{ font-size: 24px;}
.homePage .homeCensus li .intro{ height: 30px; line-height: 30px;color: #a4a3a3;}
.homePage .charbox{ padding: 14px 32px 20px;}
.homePage .charMap{ width: 100%; height: 400px; overflow: hidden;}
.homePage .select-home{width: 150px;margin-top: 7px;}

/*消息事件*/
.homePage .msgEvent{ padding: 10px;}
.homePage .msgEvent li{ padding: 0 20px; height: 38px; line-height: 38px; border-radius: 19px; margin-bottom: 6px;cursor: pointer;}
.homePage .msgEvent li:nth-child(2n+1){ background: #f7f9fe;}
.homePage .msgEvent li:last-child{ margin-bottom: 0;}
.homePage .msgEvent li .del{ display: inline-block; width: 10px; height: 10px; background: url(../images/icon/close_small.png) no-repeat; cursor: pointer;}
.homePage .dataView{}
.homePage .dataView li{ float: left; width: 16.66%; height: 170px;padding:0;text-align: center;border-bottom: 1px solid #F2F5FA;transition: all ease-in-out .5s;}
.homePage .dataView li{border-right: 1px solid #F2F5FA;}
.homePage .dataView li:nth-child(7n){border-right: none;}
.homePage .dataView li .item-wrapper{position: relative; width: 100%;top:50%; transform: translateY(-50%);}
.homePage .dataView li strong{ font-size: 18px; font-weight: normal;}
.homePage .dataView li .ellipsis {color: #1C92FF;line-height: 30px;transition: all ease-in-out .5s;}
.homePage .dataView li p i{font-size: 32px;color: #A19F9F;transition: all ease-in-out .5s;}
.homePage .dataView li:hover{background: #fafcff;color:#FF931B;}
.homePage .dataView li:hover .ellipsis{color:#FF931B;}
.homePage .dataView li:hover p i{color:#FF931B!important;}
/*.homePage .historyOper{ padding:10px;}*/
.homePage .historyOper li{ padding: 0 10px;height: 40px; line-height: 40px; cursor: pointer;overflow: hidden; color: #666;transition: all ease-in-out .5s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.homePage .historyOper li i{color:#FF931B;font-size: 20px;margin-right: 10px;position: relative;top: 1px;}
.homePage .historyOper li:hover{background:#f7f9fe;}
/*内页*/
.modeTitle{ min-height: 60px; padding: 12px 20px 10px; margin-bottom: 2px; line-height: 36px; background: #FFFFFF;}
.modeTitle h2{ display: inline-block; font-size: 15px; font-weight: bold;}
.modeTitle h2 em{padding: 0 10px; color: #cccccc;}
.modeTitle .inner-input,.modeTitle input[type='text'],.modeTitle select{height: 36px; line-height: 20px; padding: 6px 10px; border: 1px solid #E6E6E6; border-radius: 4px;}
.modeTitle .input-lg{ width: 238px !important;}
.modeTitle .tio-btn{ height: 36px;font-weight: bold;}
.modeTitle .itemSelect{position: relative;float: left;display: inline-block;width: 200px;height: 36px;border: 1px solid #E6E6E6; border-radius: 4px;margin-bottom: 2px; margin-right: 4px;}
.modeTitle .itemInput{ position: relative; display: inline-block; width: auto; height: 40px;  margin-bottom: 2px; margin-right: 4px; border: 1px solid #E6E6E6;border-radius: 2px;}
.modeTitle .itemInput .itemLabel{float: left; font-weight: bold; padding: 9px 10px; color: #666666; background: #FAFAFA; line-height: 20px; font-size: 12px; border-right: 1px solid #E6E6E6; overflow: hidden; }
.modeTitle .itemSelect .itemLabel{min-width: 70px;float: left; font-weight: bold; padding: 7px 10px; color: #666666; background: #FAFAFA; line-height: 20px; font-size: 12px; border-right: 1px solid #E6E6E6; overflow: hidden; }
.modeTitle .itemInput .itemLabelSelect{padding:0; }
.modeTitle .itemSelect .itemLabelSelectWrap{position: absolute;right: 1px;top:0;left: 70px;background: #fff;height: 34px;}
.modeTitle .itemInput input,.modeTitle .itemInput select{border: 0; padding: 7px 10px; height: 34px; width: 150px; overflow: hidden; background: #FFFFFF;border-radius: 0 4px 4px 0;}
.modeTitle .itemInput .itemLabelSelect select{width: 100px !important; }
.modeTitle .itemInput select{border: 0; padding: 7px 10px; height: 34px; width: 150px; overflow: hidden; background: #FFFFFF;border-radius: 0 4px 4px 0;}
.modeTitle .itemInput.hasAdd{ padding-right: 35px; background: #E6E6E6;}
.modeTitle .itemInput.hasAdd .btnAdd{ position: absolute; right: -1px; top: -1px; width: 36px; height: 36px; border: 0; border-radius: 4px; background: #E6E6E6 url(../images/icon/plus_grey.png) center no-repeat;}
.modeTitle .itemInput.hasAdd .selecter{ width:150px; height: 34px;border: 0; border-radius: 0 4px 4px 0;}
.modeTitle .itemInput .je-select{ display: block; border: 0; border-radius: 0; width: 150px; height: 34px;}
.modeTitle .itemInput .itemLabelSelect .je-select{ width: 100px;background: #fafafa;}
.modeTitle .back{ display: inline-block; width: 60px; height: 60px; background: url(../images/icon/arrow_left_grey.png) center no-repeat;}
.modeTitle.secondPage{ padding-left: 72px;}
.modeTitle.secondPage .back{ position: absolute; left: 0; top: 0; border-right: 1px solid #E6E6E6;}
.pl0{padding-left: 0 !important;}

/*搜索*/
.searchBorderB{border-bottom: 1px solid #F2F5FA;}
.searchSortBox,.searchBox{height: auto;min-height: 60px; padding: 12px 20px 0; background: #FFFFFF;}
.searchItemText{font-size: 14px;}
.searchSortBox h2, .searchBox h2{ display: inline-block; font-size: 15px; font-weight: bold;}
.searchSortBox h2 em, .searchBox h2 em{padding: 0 10px; color: #cccccc;}
.searchSortBox.inner-input ,.searchBox .inner-input,.modeTitle input[type='text'],.modeTitle select{height: 38px; line-height: 20px; padding: 6px 10px;  border-radius: 4px;}
.searchBox .input-lg{ width: 238px !important;}
.searchBox .tio-btn{ height: 38px;font-weight: bold;}
.searchBox .itemSelect{position: relative;float: left;display: inline-block;width: 200px;height: 38px;border: 1px solid #E6E6E6; border-radius: 4px;margin-bottom: 2px; margin-right: 4px;}
.searchBox .itemInput{ position: relative; display: inline-block; width: auto; height: 38px;  margin-bottom: 2px; margin-right: 4px; border: 1px solid #E6E6E6;border-radius: 2px; overflow: hidden;}
.searchBox .itemInput .itemLabel{float: left; font-weight: bold; padding: 7px 10px; color: #666666; background: #FAFAFA; line-height: 22px; font-size: 12px; border-right: 1px solid #E6E6E6; overflow: hidden; }
.searchBox .itemSelect .itemLabel{min-width: 70px;float: left; font-weight: bold; padding: 7px 10px; color: #666666; background: #FAFAFA; line-height: 22px; font-size: 12px; border-right: 1px solid #E6E6E6; overflow: hidden; }
.searchBox .itemInput .itemLabelSelect{padding:0; }
.searchBox .itemSelect .itemLabelSelectWrap{position: absolute;right: 1px;top:0;left: 70px;background: #fff;height: 34px;}
.searchBox .itemInput input,.modeTitle .itemInput select{border: 0; padding: 7px 10px; height: 34px; width: 150px; overflow: hidden; background: #FFFFFF;border-radius: 0 4px 4px 0;}
.searchBox .itemInput .itemLabelSelect select{width: 100px !important; }
.searchBox .itemInput select{border: 0; padding: 7px 10px; height: 34px; width: 150px; overflow: hidden; background: #FFFFFF;border-radius: 0 4px 4px 0;}
.searchBox .itemInput.hasAdd{ padding-right: 35px; background: #E6E6E6;}
.searchBox .itemInput.hasAdd .btnAdd{ position: absolute; right: -1px; top: -1px; width: 36px; height: 36px; border: 0; border-radius: 4px; background: #E6E6E6 url(../images/icon/plus_grey.png) center no-repeat;}
.searchBox .itemInput.hasAdd .selecter{ width:150px; height: 34px;border: 0; border-radius: 0 4px 4px 0;}
.searchBox .itemInput .je-select{ display: block; border: 0; border-radius: 0; width: 150px; height: 34px;}
.searchBox .itemInput .itemLabelSelect .je-select{ width: 100px;background: #fafafa;}
.searchBox .back{ display: inline-block; width: 60px; height: 60px; background: url(../images/icon/arrow_left_grey.png) center no-repeat;}
.searchBox.secondPage{ padding-left: 72px;}
.searchBox.secondPage .back{ position: absolute; left: 0; top: 0; border-right: 1px solid #E6E6E6;}

.modeTitle .tabTit { position: relative;}
/*.modeTitle .tabTit:before{ content: ''; position: absolute; top: 0; bottom: -12px; right: 0; left: 0; border: 1px solid #E6E6E6; border-bottom: 0;}*/
.modeTitle .tabTit .tab{ position: relative; z-index: 1; float: left; display: inline-block; padding: 0 15px;font-size: 14px; height: 36px; line-height: 36px;background: #e4e4e4;margin-right: 10px;text-align: center;border-radius: 3px;margin-bottom: 10px;}
/*.modeTitle .tabTit .tab:after{content: ''; position: absolute; top: 0; bottom: -12px; right: 0; width:1px; background-color: #E6E6E6;}*/
.modeTitle .tabTit .tab.active{ background: #148CDC;color:#fff; font-weight: bold;}
/*.modeTitle .tabTit .tab.active:before{ content: ''; position: absolute; bottom: -12px;left: 0; right: 0; height: 1px; background: #FFFFFF;}*/
/*表格*/
.tableList{ width: 100%; overflow-y: hidden; background: #FFFFFF;}
.tableList table{ min-width: 100%;}
.tableList th,.tableList td{ padding:10px 12px;min-height: 40px; line-height: 20px; border-bottom: 1px solid #E6E6E6; text-align: left; white-space: nowrap;}
.tableList tr.text-center th,.tableList tr.text-center td{ text-align: center;}
.tableList th{ color: #999; font-size: 14px; font-weight:normal;}
.tableList td{ border-right: 1px solid #E6E6E6;}
.tableList tr td:first-child,.tableList tr th:first-child{ padding-left: 30px;}
.tableList tr td:last-child,.tableList tr th:last-child{ border-right: 0; padding-right: 30px;}
/*.tableList tr:hover td{ background: #f2f2f2;}*/
.tableList tr.active td,.tableList tr:hover td{ background: #F1FAFF;}
.tableList tr.selected td{ color: #FF1F06 !important; font-weight: bold !important;}
.tableList .tdInput td{ padding-top: 4px; padding-bottom: 4px;}
.tableList .tdInput .viewPan{ padding: 6px 0;}
.tableList .orderBtn{ display: inline-block; cursor: pointer; padding-right: 18px; background-position: right center; background-repeat: no-repeat; background-image: url(../images/icon/orderIcon.png);}
.tableList .orderBtn.asc{ background-image: url(../images/icon/ascIcon.png);}
.tableList .orderBtn.desc{ background-image: url(../images/icon/descIcon.png);}
.tableList input[type='text']{ width: 100%;padding:6px 10px; line-height: 18px; border: 1px solid #E6E6E6; border-radius: 4px;}
.tableList .editpane{ position: relative;}
.tableList .editpane:after{ content: ''; position: absolute; right: 10px; top: 50%; z-index: 1; width:15px; height:14px; margin-top: -7px; background: url(../images/icon/edit-empty.png) no-repeat;}
.tableList .child-name{ padding-left: 16px;}
.tableList .icon-refer{ padding-right: 26px; display: inline-block; background-position: right center; background-repeat: no-repeat;}
.tableList .icon-down{ background-size: 12px auto;}
/*修改和预览切换*/
.tableList .tdInput td{ padding-top: 4px; padding-bottom: 4px;}
.tableList .tdInput .viewPan{ padding: 6px 0;}
/*弹出窗*/
.layer-win{position: relative; height: 100%; background: #FFFFFF;}
.layer-win body{ background: #FFFFFF; position: relative; height: 100%; min-width: 100%;}
.layer-win-title{ position: fixed;z-index: 9; top: 0; left: 20px;right: 20px; padding-top: 8px; height: 48px;}
.layer-win-title h1{height: 40px;line-height: 40px; font-weight: bold; font-size: 15px; color: #148CDC;}
.layer-win-title .back{ padding-left: 35px; background: url(../images/icon/arrow_left_grey.png) left center no-repeat;}
.layer-win-title .itemInput{ position: relative; display: inline-block; width: auto; height: 36px;  margin-bottom: 2px; margin-right: 4px; border: 1px solid #E6E6E6;border-radius: 4px; overflow: hidden;}
.layer-win-title .itemInput .itemLabel{float: left; font-weight: bold; padding: 7px 10px; color: #666666; background: #FAFAFA; line-height: 20px; font-size: 12px; border-right: 1px solid #E6E6E6; overflow: hidden; }
.layer-win-title .inner-input,.layer-win-title input[type='text'],.modeTitle select,.searchBox select{height: 36px; line-height: 20px; padding: 6px 10px; border: 1px solid #E6E6E6; border-radius: 4px;}

.layer-win-footer { position:fixed; z-index: 9; left:0;right: 0;bottom: 0; padding: 20px; height: 78px;}
.layer-win-content{position: fixed; left: 10px; right:10px;top: 20px; bottom: 20px; padding: 0 10px; overflow-y:auto;}
/*.layer-win-footer~.layer-win-main{padding-bottom: 78px;}
.layer-win-title~.layer-win-main{ padding-top: 50px;}*/
.layer-win-footer~.layer-win-content,.layer-win-content.hasfooter{bottom: 78px; }
.layer-win-title~.layer-win-content{top: 56px;}
.layer-win-content .content-wrapper{ position: relative; width: 100%;/* min-height: 100%; overflow:auto;*/}

.single-input-list li{position: relative;min-height: 36px; margin-bottom: 10px;  padding-right: 56px;}
.single-input-list li input[type='text']{ width: 100%; padding: 7px 10px; line-height: 20px; border-radius: 4px; border: 1px solid #E6E6E6;}
.single-input-list li .btnop{position: absolute;right: 10px; top: 0; width: 36px; height: 36px; border: 1px solid #E6E6E6; border-radius: 4px;}
.single-input-list li .btnop.del{ background: url(../images/icon/close_grey_small.png) center no-repeat;}
.single-input-list li .btnop.add{border-color: #148CDC; background: url(../images/icon/plus_blue.png) center no-repeat;}
.single-input-list .txt-pane{width: 100%; padding: 8px 10px; line-height: 20px;}
/*表单*/
.tio-field{ position: relative; padding-top: 11px; min-height: 47px;}
.tio-field .tio-field-name,.tio-field .tio-field-msg{max-width:100%;position: absolute; left: 6px;top:0; z-index: 1; display: inline-block; padding: 0 3px; height: 18px; line-height: 18px; font-size:12px; color: #999999;}
.tio-field .tio-field-name:after,.tio-field .tio-field-msg:after{ content: ''; position: absolute; z-index: 0; left: 0; bottom: 0; right: 0; height: 7px; background: #FFFFFF;}
.tio-field .tio-field-name span,.tio-field .tio-field-msg span{ position: relative; z-index: 1;display: inline-block;
	height: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.tio-field .tio-field-msg{ display: none; position: absolute; right: 6px; top: 0; left: auto;}
.tio-field.required .tio-field-name,.tio-field.required .tio-field-msg{ color: #dc281e;}
.tio-field.required .tio-field-msg{ display: inline-block;}
.tio-field.required .tio-field-name span{display: inline-block; padding-right: 10px;background: url(../images/icon/xx.png) right center no-repeat; }
.tio-field .tio-field-content{ position: relative; width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid #E6E6E6; background: #FFFFFF; line-height:20px; border-radius: 2px;}
.tio-field .tio-field-content input[type=text],.tio-field .tio-field-content input[type=password],.tio-field .tio-field-content input[type=number]{ position: relative; height: 20px; line-height: 20px; width: 100%; border: 0; background: transparent;}
.tio-field .tio-field-content input.search{ /*background: url(../images/icon/ss_grey.png) right center no-repeat;*/}
.tio-field .tio-field-content textarea{ position: relative; height: 100px; line-height: 22px; width: 100%; border: 0; background: transparent;}
.tio-field .tio-field-content label.error,.tio-field .tio-field-content span.error{ position: absolute; z-index: 99; left: 8px; bottom:-15px; padding: 0 6px 0 20px; height: 22px;line-height: 20px; border: 1px solid #999999; border-radius: 4px; font-size: 12px; background: #fffae6 url(../images/icon/errors-small.png) 5px 3px no-repeat;}
input.calendar{ padding-right: 25px; background: url(../images/icon/calendarTime.png) right center no-repeat !important;}
.tio-field .tio-field-content.checkbox-group,.tio-field .tio-field-content.radio-group{ border:0;}
.tio-field .tio-field-content .hasArrow{ padding-right: 25px;background: url(../images/icon/arrow_down.png) right center no-repeat;}
.tio-field .tio-field-content input.calendar{ padding-right: 25px;background: url(../images/icon/calendarTime.png) right center no-repeat !important;}
.tio-field .tio-field-content input.calendar2,.tio-field .tio-field-content input.calendar10{ padding-right: 25px;background: url(../images/icon/calendarTime.png) right center no-repeat !important;}
.tio-field .tio-field-content.hasAdd{ padding:0 36px 0 0;}
.tio-field .tio-field-content.hasAdd .btnAdd{ position: absolute; z-index: 1; right: -1px; top: -1px; width: 36px; height: 36px; border: 0; border-radius:0 4px 4px 0; background: #E6E6E6 url(../images/icon/plus_grey.png) center no-repeat;}
.tio-field .tio-field-content.hasAdd .selecter{ border: 0;}
.tio-field .tio-field-content .shelper{ position: absolute; z-index: 999; top:32px; left: -1px; right: -1px; max-height: 150px;border: 1px solid #E6E6E6; background: #FFFFFF; overflow-y: auto;}
.tio-field .tio-field-content .shelper li{line-height: 20px; padding:5px 10px; font-size: 12px; cursor: pointer;}
.tio-field .tio-field-content .shelper li:hover{ background: #F2F2F2;}
.tio-field .tio-field-content .shelper li.on:hover,.tio-field .tio-field-content .shelper li.on{ background: #0074D9; color: #FFFFFF;}
/*.tio-field.focus .tio-field-content{ border-color: #dc281e;}
.tio-field.focus .tio-field-name{ color: #dc281e;}*/
.tio-field.error .tio-field-name{ color: #dc281e;}
.tio-field.error .tio-field-content{ border-color: #dc281e;/* padding-right: 26px;*/}
/*.tio-field.error .tio-field-content:after{ content: ''; position: absolute; right: 9px; top: 50%; width:16px; height:16px; margin-top: -8px; background: url(../images/icon/errors.png) no-repeat;}*/
.tio-field.error .tio-field-content.selecter{ padding-right: 50px;}
.tio-field.error .tio-field-content.selecter:after{ right: 30px;}

.tio-field .tio-field-content.select{padding: 0;}
.tio-field .tio-field-content .je-select{ display: block; padding: 7px 9px; height: 34px; line-height:20px; border-radius: 4px;border: 0; overflow: hidden;}
.tio-field.error .tio-field-content.select:after{ right: 30px;}
.tio-field.error .tio-field-content.select .je-select{ padding-right:50px;}
.tio-field .tio-field-content.hasAdd.select{ padding-right: 36px;}
.tio-field.error .tio-field-content.hasAdd.select:after{ padding-right: 36px;}

.tio-upload{position: relative;padding-right: 100px; min-height: 36px; border: 1px solid #E6E6E6; background: #FFFFFF;/* overflow: hidden;*/}
.tio-upload .tio-btn{ position: absolute; right:-1px; top: 0; border-radius: 0 4px 4px 0;}
.tio-upload input[type=text]{ position: relative; width: 100%; padding: 0 10px; height: 20px; border: 0;}
.tio-upload input[type=file]{ display: block; position: absolute;font-size: 36px;left: 0;top: 0;bottom: 0; width: 100%; opacity: 0; overflow: hidden;}

.tio-field .tio-upload{/* padding: 3px 100px 3px 9px;*/}
.tio-field .tio-upload .tio-btn{ border-radius: 4px; right: 3px; top: 3px; height: 28px; padding-top: 4px;}

.tio-form-pane.tio-field{height: 36px;padding-top:0; min-height: 36px; border: 1px solid #E6E6E6; overflow: hidden; border-radius: 4px;}
.tio-form-pane.tio-field  .tio-field-name{ float: left; left: 0; top: 0; position: relative;padding: 0 10px;background: #F9F9F9;height: 34px; line-height: 34px; font-size: 12px; overflow: hidden;}
.tio-form-pane.tio-field  .tio-field-content{ float: left;padding: 7px 10px; height: 34px; min-height: 34px; line-height: 20px; border: 0; border-left: 1px solid #E6E6E6; background: #FFFFFF; overflow: hidden; border-radius:0 4px 4px 0;}
.tio-form-pane.tio-field  .tio-field-msg{ top: -11px;}

.tio-uploadImg{ position:relative; width: 142px; height: 142px; overflow: hidden; text-align: center; background: #F0F0F0; border:1px solid #E6E6E6;}
.tio-uploadImg img{ display: none; position: relative;width: 140px; height: 140px;}
.tio-uploadImg .icon-upload{ position: absolute; left: 50%; top: 0; margin-left: -50px; display: inline-block; padding-left: 28px; height: 150px; line-height: 150px; background: url(../images/icon/plus_blue.png) left center no-repeat; color: #0081C2; font-size: 18px;}
.tio-uploadImg .icon-upload:after{content: '上传图片';}
.tio-uploadImg input[type='file']{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0;}
.tio-uploadImg.active img{display: block;}
.tio-uploadImg.active .icon-upload{ background: url(../images/icon/reset.png) left center no-repeat;}
.tio-uploadImg.active .icon-upload:after{content: '替换图片';}
.icon-upload::before{content:'' !important;}
.formContainer { background: #FFFFFF;}
.formContainer .formGroup{border-bottom: 1px solid #f7f7f7;}
.subtitle{ padding: 0 30px; margin-bottom: 0px; min-height: 40px; line-height: 40px; border-bottom: 1px solid #f7f7f7;background: #fcfcfc; color: #1891FF;}
.formContainer .form-pane{ padding: 0 30px;}
.formContainer .form-pane li{ margin-bottom:16px; padding:0 15px;}
.formContainer .form-pane li.col-lg-4:nth-child(3n+1){ padding-left: 0;}
.formContainer .form-pane li.col-lg-4:nth-child(3n+0){ padding-right: 0;}

.form-list-group{position: relative;min-height: 47px;padding-right: 36px; width: 100%;}
.form-list-group .group-btn{ position: absolute;right: 0; top: 30px; width: 36px; height: 36px; border: 1px solid #E6E6E6; border-radius: 4px;}
.form-list-group .group-btn.del{ background: url(../images/icon/close_grey_small.png) center no-repeat;}
.form-list-group .group-btn.add{border-color: #148CDC; background: url(../images/icon/plus_blue.png) center no-repeat;}
.form-list-group .group-static{ left: 0; top: 0; z-index: 1; display: block;width: 260px; position: relative; background: #FFFFFF;}
.form-list-group .group-self-adaption{ position: relative; display: block;width: 100%;}
.form-list-group .group-self-adaption li{ padding-right:10px !important; padding-left: 0 !important;}
.form-list-group .group-static~.group-self-adaption{ padding-left: 260px;}
.form-list-group .list-group-child{ position: relative; padding: 7px 40px 7px 11px; min-height: 36px; margin-bottom: 10px; line-height: 20px; border: 1px solid #E6E6E6; border-radius: 4px; background: #FAFAFA;}
.form-list-group .list-group-child .del{ top: 0; border: 0;}
/*员工详情*/
.dataDetail{ background: #FFFFFF;}
.dataDetail .detail-group{ padding-bottom: 0;border-bottom: 1px solid #f7f7f7;}
.dataDetail .detail-content{ position: relative; padding: 25px 30px; line-height: 30px; min-height: 30px;}
.dataDetail .detail-content .status-pane{ padding-right: 260px; min-height: 106px;} 
.dataDetail .status-pane .statusItem{ position: absolute; right: 30px; top: 50%; width: 230px; height: 106px;margin-top:-53px; padding: 19px 20px; border: 1px solid #f7f7f7; border-radius: 2px; background: #fcfcfc; line-height: 20px; font-size: 14px; color: #666666;}
.dataDetail .status-pane .statusItem strong{ font-size: 18px; color: #FF9637;}
.dataDetail .tio-btn{ font-weight: bold;}
.dataDetail .fieldList li{ float: left; min-width: 33.333%; max-width: 100%; overflow: hidden; padding-right: 20px;}
.dataDetail .fieldList li.col-lg-3{ min-width: 25%;}
.dataDetail .fieldList li.col-lg-2{ min-width: 16%;}
.dataDetail .detail-attachment li{ margin-bottom: 10px;}
.dataDetail .detail-attachment li .attach{ position: relative; display: inline-block; padding: 7px 108px 7px 44px; line-height: 20px; border-radius: 4px; border: 1px solid #E6E6E6; background: #FFFFFF url(../images/icon/file.png) 19px center no-repeat;}
.dataDetail .detail-attachment li .attach .btnDel{ position: absolute; right: 19px; top: 50%; height: 18px; margin-top: -9px;}


/*结算模板列表*/
.TplList{ width: 100%; overflow-x: hidden; background: #FFFFFF;padding: 10px 30px 40px 0;}
.TplList Tpl{ float: left; display: block;width: 18%;height: 230px;  margin: 20px 0px 0px 2%; padding-top: 16px; border: 1px solid #f1f1f1; border-radius: 2px; overflow: hidden;color: #747575;box-shadow: 0 0px 10px 0 rgba(0,0,0,0.05);transition: all ease-in-out .3s;}
.TplList Tpl tpltitle{ display: block; padding:0 18px; height: 80px; line-height: 20px; overflow: hidden;}
.TplList Tpl tplname{ display: block; height: 60px;line-height: 30px; font-size: 20px;color: #1890FF;overflow: hidden;}
.TplList Tpl tplname span{ float: right;
	border: 1px solid black;
	border-radius: 32px;
	font-size: 10px;
	color: black;
	width: 35px;}
.TplList Tpl tplsn{display: block; height: 20px; overflow: hidden;}
.TplList Tpl tplcity{ display: block; font-size: 24px; font-weight: bold; color: #ff9637; line-height: 1;}
.TplList Tpl tplprovince{display: block; margin-top: 15px;}
.TplList Tpl tplcount,.TplList Tpl tpldate{overflow:hidden; display: block; padding: 0 18px; margin: 18px 0; height:26px; line-height: 26px; font-size: 14px;}
.TplList Tpl tplcount tplcountnum{font-size: 20px; margin: 0 5px; color: #ff9637;}
.TplList Tpl tpldate{ text-align: right; color: #747575;}
.TplList Tpl tpldate tplsn{ display: inline-block; float: left; line-height: 26px; color: #747575;}
.TplList Tpl tplactive{display: flex;width: 100%; text-align: center; height:60px; border-top:1px solid #f1f1f1;overflow:hidden;padding-top: 9px;}
.TplList Tpl tplactive a{flex: 1;margin: 0 10px;color:#747575;}
.TplList Tpl tplactive a i{font-size: 20px;}
.TplList Tpl tplactive a p{margin-bottom: 0;}
.TplList Tpl tplactive a:hover{color: #1890FF;}
.TplList Tpl:hover{box-shadow: 0 0 10px 0 rgba(24,144,255,0.2);transform: scale(1.01);}
/*添加模板*/
.tplAddPane{ position: relative; display: -webkit-box;-webkit-box-align: top; background: #FFFFFF;}
.addTplPane{ width: 40%; padding: 30px; border-right:1px solid #E6E6E6 ;}
.addStrcturePane{width: 60%; padding:20px 30px;}
.tplAddPane li{ margin-bottom: 16px;}
/*数据引用*/
.datarefer .je-check{ margin-bottom: 5px;}
.datarefer .je-check .je-check-text{ color: #000;}
/*发起服务*/
.serviceForm{padding: 30px; background: #FFFFFF; margin-bottom: 2px;}
.ssfrom-set-pane { position: relative; display:block;padding-right: 100px; width: 270px; height: 36px; line-height: 34px; font-size: 12px; border: 1px solid #E6E6E6; border-radius: 4px;}
.ssfrom-set-pane .btnSet{ position: absolute; z-index: 1; right: -1px; top: -1px; width: 110px; height: 36px; padding: 3px 0; padding-left: 36px; line-height: 14px; text-align: left; font-size: 12px; border: 1px solid #1890FF; color: #1890FF; font-weight: bold; background:#FFFFFF url(../images/icon/setup.png) 12px center no-repeat;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.ssfrom-set-pane .selecter{ width: 160px; border: 0; padding-right:25px;}
.ssfrom-set-pane .selecter input{ width: 100%; padding: 0; height: 18px; line-height: 18px; border: 0;}
/*创建福利缴纳模板*/
.welfareTplForm{ padding: 30px;background: #FFFFFF;}
.welfareTplForm .form-pane{ margin-bottom: 20px;}
.welfare-pane{ padding-top: 20px; position: relative;}
.welfare-pane .pane-name{ position: absolute; left: 20px; top: 0; display: inline-block; height: 30px; border-radius: 4px; border: 1px solid #e6e6e6; background: #FFFFFF;}
.welfare-pane .pane-name .tio-field{ border: 0; height: 28px;display: inline-block;padding-top:0; min-height: 28px;}
.welfare-pane .pane-name .tio-field .tio-field-name{ float: left; position: relative; left: 0; top: 0; display: inline-block; padding: 0 10px; background: #F9F9F9; height: 28px; line-height: 28px; font-size: 12px; overflow: hidden;}
.welfare-pane .pane-name .tio-field-content{ float: left; display: inline-block; width: 180px; padding: 4px 10px; height: 28px; min-height: 28px; border: 0; border-left: 1px solid #E6E6E6; background: #FFFFFF; /*overflow: hidden;*/}
.welfare-pane .pane-name .tio-field .tio-field-msg{ top: -11px;}
.welfare-pane .pane-content{ padding: 18px 18px 0; border: 1px solid #E6E6E6; border-radius: 4px; background: #F9F9F9;}
.welfare-pane .pane-list{padding-right: 15px;}
.welfare-pane .pane-title{ height: 18px; line-height: 18px; margin-bottom: 10px; position: relative; text-align: center;}
.welfare-pane .pane-title .name{ position: relative; z-index: 1; display: inline-block; padding: 0 3px; line-height: 18px; font-size: 12px; background: #FAFAFA; color: #999999; }
.welfare-pane .pane-title .xbg{position: absolute; left: 0; right: 0; top: 50%; margin-top: -3px; height: 7px; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; background: #FAFAFA;}
.welfare-pane .pane-title .xbg:after{ content: ''; position: absolute; left: 0; right: 0; top: 3px;  height: 1px;background: #E6E6E6;}

.welfare-pane .pane-input{ float: left; width: 50%; padding-right: 1px;}
.welfare-pane .pane-input .per{ position: relative; padding-right: 15px;}
.welfare-pane .pane-input .per:after{ content: '%'; position: absolute; right: 0; top: 50%; height: 18px; margin-top: -9px; line-height: 18px; color: #999;}
/*公积金*/
.weflare-fund{position: relative; padding-left: 310px;padding-top: 15px; padding-bottom: 18px;}
.weflare-fund .fund-left{ position: absolute; left: 0; top: 15px; width: 310px;}
.weflare-fund .fund-right{ position: relative; min-height: 56px; padding-left: 15px;}
.weflare-fund .fund-right:before{ content: ''; position: absolute; left: 0; top:10px; bottom: 4px;width: 1px; background: #E6E6E6;}
.weflare-fund .fund-right .fund-list{ position: relative; float: left; width: 178px; padding-right: 36px; min-height: 36px; margin-right: 25px;}
.weflare-fund .fund-right .fund-list .btn{ position: absolute; right: 0; top: 0; width: 36px; height: 36px; border: 1px solid #E6E6E6; border-radius: 4px;}
.weflare-fund .fund-right .fund-list .del{ background:#fff url(../images/icon/close_grey_small.png) center no-repeat;}
.weflare-fund .fund-right .fund-list .add{border-color: #148CDC; background:#fff url(../images/icon/plus_blue.png) center no-repeat;}
.weflare-fund .fund-right .btnAddFund{ float: left; width: 100px;height: 36px; margin-top: 11px;}
/*其他福利*/
.weflare-other{ position: relative; padding-right:100px; min-height: 128px;}
.weflare-other .groupBtn{ position: absolute; right: 0; top: -15px; width: 100px;}
.weflare-other .groupBtn .group-btn{ float: left; margin-right: 5px; margin-bottom: 5px;  width: 45px; height: 45px; border: 1px solid #E6E6E6; border-radius: 4px; color: #999999; padding-top: 18px; line-height: 25px; background-color: #FFFFFF; background-position: center 7px; background-repeat: no-repeat;}
.weflare-other .groupBtn .group-btn.btndel{ background-image: url(../images/icon/del-full-bluel.png);color: #148CDC; }
.weflare-other .groupBtn .group-btn.btncopy{ background-image: url(../images/icon/copy.png); color: #148CDC; margin-bottom: 5px;}
.weflare-other .groupBtn .group-btn.btnHistory{ background-image: url(../images/icon/history.png);color: #148CDC; }
.weflare-other .groupBtn .group-btn.btnMakeup{ background-image: url(../images/icon/makeup.png);color: #148CDC; }
.weflare-other-list .weflare-field{ float: left; width:12.456%; min-width: 160px; padding-right: 15px; margin-bottom: 18px;color: #148CDC; }
.weflare-other .groupBtn .group-btn.btnaccuracy{ background-image: url(../images/icon/accuracy.png);color: #148CDC; }
.weflare-other .groupBtn .group-btn.btnback{ background-image: url(../images/icon/back.png);color: #148CDC; }
/*薪酬账单列表*/
.salaryDate{ position: relative; font-size: 20px; color: #B4B4B4; font-weight: bold;border: 1px solid #eee; line-height: 36px; cursor: pointer;border-radius: 2px;}
.salaryDate .btnPrev,.salaryDate .btnNext{ display: inline-block;color: #B4B4B4; width: 24px; height: 36px;line-height: 34px;text-align: center; border: 0; background-color: #F9FBFE; background-position: center; background-repeat: no-repeat; border-radius: 2px;transition: background ease-in-out .5s;}
.salaryDate .btnPrev{ border-top-right-radius: 0;border-bottom-right-radius: 0;}
.salaryDate .btnNext{ border-top-left-radius: 0;border-bottom-left-radius: 0;}
.salaryDate .btnPrev:hover,.salaryDate .btnNext:hover{background: #1890FF;color: #fff;}
.salaryDate .curMonth{ margin: 0 15px;}
.salaryDate .monthList{ display: none; position: absolute; left: 50%; width: 300px; margin-left: -150px; top: 36px; z-index: 9; max-height: 270px; padding: 10px; border: 1px solid #E6E6E6; background: #FFFFFF;}
.salaryDate .monthList .month{ float: left; display: inline-block; width: 33.333%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #999; cursor: pointer;}
.salaryDate .monthList .month:hover{ color: #FF9637;}
.salaryDate:hover .monthList{ display: block;}
/*薪酬发放详情*/
.billDetail_Basic{ padding: 30px; line-height: 30px; background: #FFFFFF; margin-bottom: 2px;}
.billDetail_Basic .oper-pane{ padding:12px 10px; height: 94px;}
.billDetail_Basic .oper-pane .btn{ float: left; min-width: 110px; height: 70px; padding: 9px; margin-right: 6px; border-radius: 4px; border: 0; background: #05aaf0; text-align: center; color: #fff; font-size: 14px;}
.billDetail_Basic .oper-pane .btn.active{ background: #64D278;}
.billDetail_Basic .oper-pane .btn .icon{ display: block; width: 25px; height: 25px; margin: 5px auto; background-position: center; background-repeat: no-repeat;}
.billDetail_Basic .oper-pane .btn .icon-hezhun{ background: url(../images/icon/salary-ok.png);}
.billDetail_Basic .oper-pane .btn .icon-money{ background: url(../images/icon/salary-money.png);}
.billDetail_Basic .oper-pane .btn .icon-log{ background: url(../images/icon/log.png);}
.billDetail_Basic .oper-pane .btn .icon-logedit{ background: url(../images/icon/logedit.png);}
.billDetail_Basic .oper-pane .btn .icon-huanren{ background: url(../images/icon/huanren.png);}
.billDetail_Basic .oper-pane .btn .icon-tuigang{ background: url(../images/icon/tuigang.png);}
.billDetail_Basic .log-pane{ padding: 9px 0; height:108px; position: relative;}
.billDetail_Basic .log-pane .bx-wrapper{ height:100%;}
.billDetail_Basic .log-pane .btnPrev,.billDetail_Basic .log-pane .btnNext{ position: absolute; top: 50%; width: 16px; height: 48px; margin-top: -24px; background-color: #E6E6E6; border: 0; background-repeat: no-repeat; background-position: center;}
.billDetail_Basic .log-pane .btnPrev{ left: 0; background-image: url(../images/icon/arrow-grey-left.png);border-radius: 0 4px 4px 0;}
.billDetail_Basic .log-pane .btnNext{ right: 0; background-image: url(../images/icon/arrow-grey-right.png); border-radius: 4px 0 0 4px;}
.billDetail_Basic .log-list{ padding: 0 34px; width: 100%; height: 90px; overflow: hidden;}
.billDetail_Basic .log-pane li{ width: 100%; height: 30px; line-height: 30px; overflow: hidden;}
.billDetail_Basic .log-pane .bx-wrapper .bx-pager{ display: none; bottom: 0; padding-top: 0;}
.billDetail_Basic .log-pane .bx-viewport{ padding: 0 34px; overflow: hidden;}
.billDetail_Basic .log-pane .bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; width: 16px; height: 48px; margin-top: -24px; background-color: #E6E6E6; border: 0; background-repeat: no-repeat; background-position: center;}
.billDetail_Basic .log-pane .bx-wrapper .bx-prev{left: 0; background-image: url(../images/icon/arrow-grey-left.png);border-radius: 0 4px 4px 0;}
.billDetail_Basic .log-pane .bx-wrapper .bx-next{ right: 0; background-image: url(../images/icon/arrow-grey-right.png); border-radius: 4px 0 0 4px;}
.billDetail_List .tableList th{line-height: 1.3; padding-top: 5px; padding-bottom: 5px;}
.billDetail_List .tableList thead td{ line-height: 20px; padding: 5px; text-align: center;}
.billDetail_List .tableList thead th{ height: 36px; background: #FAFAFA;}
.billDetail_List .tableList thead tr:hover td{ background: #FFFFFF;}
.billDetail_List .je-check{ padding-left:0;}
.billDetail_List .je-check em,.billDetail_List .je-check input{ /*display: none;*/}
.billDetail_List .je-check .je-check-text{/* padding: 0;*/}
.billDetail_List.changIng .je-check{ padding-left:20px;}
.billDetail_List.changIng .je-check .je-check-text{ padding: 0 8px;}
.billDetail_List.changIng .je-check em,.billDetail_List.changIng .je-check input{ display:inline-block;}
.billeAddRow .billRow{ width: 20%;}
/*日志列表*/
.oplogList{ padding: 15px 10px; background: #FFFFFF;}
.layer-win-content .oplogList{ padding: 0;}
.oplogList li{margin-bottom: 6px;}
.oplogList .logtit{ padding: 8px 15px; min-height: 36px; line-height: 20px;  border-radius: 18px;background: #F2F2F2;}
.oplogList .logintro{ padding: 8px 15px 10px; line-height: 24px;
	word-break: break-all;
	word-wrap: break-word;
}
.oplogList .logtit .tio-btn-link{ line-height: 20px;}
.js-copy{ cursor: default;}
/*文章详情*/
.article-pane{ padding: 30px 60px; background: #FFFFFF;}
.article-title{ font-weight: bold; font-size:  16px; line-height: 26px; text-align: center; margin-bottom: 20px;}
.article-content{ line-height: 26px; overflow: hidden;}
.article-content img{ max-width: 100% !important;}
/*服务详情*/
.service-setstatus{ position: relative;padding-right:36px;min-width: 40px; height: 36px; margin-left: 20px; overflow: hidden; cursor: pointer; border-radius:4px; background: #E6E6E6;}
.service-setstatus .status{ position: relative; z-index: 1; display: inline-block; min-width: 100px;line-height: 36px; border-radius:4px; font-weight: bold; text-align: center;}
.service-setstatus:after{ content: ''; position: absolute; z-index: 0; right: 0; top: 0; width: 40px; height: 36px; border: 0; border-radius: 4px; background:#E6E6E6 url(../images/icon/set.png) center no-repeat;}
.service-curStaff{ display: inline-block; line-height: 36px;}
.service-curStaff strong{font-size: 20px; margin-left: 4px;}
.serviceDetail-logpane{ padding: 30px; background: #FFFFFF;}
.service-log{ position: relative; border: 1px solid #E6E6E6; border-radius: 4px; padding: 15px 19px; height:450px;}
.service-log .logtit{ position: absolute; left: 10px;top: -11px; display: inline-block; padding: 0 3px; background: #FFFFFF; height: 1; font-size: 12px; color: #999;}
.service-log .list{ height: 420px; overflow: hidden; line-height: 28px;}
.service-log .list li{ height: 28px; overflow: hidden; line-height: 28px;}
.memo-pane-add{ padding:6px 0;}
.memo-pane-add .tio-btn{ height: 36px;}
.service-memo{ height: 368px; overflow: hidden;}
.service-memo li{ padding: 16px 0; border-bottom: 1px solid #E6E6E6;}
.service-memo li:last-child{ border-bottom: 0; padding-bottom: 0;}
.service-memo li .memo-tit{ height: 20px; margin-bottom: 4px; overflow: hidden;}
.service-memo li .memo-con{ height: 22px; overflow: hidden; line-height: 22px;}
.service-memo li .icon{ display: inline-block; height: 18px; width:16px; background-repeat: no-repeat; margin-left:30px;}
/*社保计算器*/
.calculator-pane{ margin-top: 20px; width: 100%; border: 1px solid #E6E6E6; background: #FFFFFF;}
.calculator-pane .tableList th,.calculator-pane .tableList td{ padding: 5px !important; line-height: 20px; height: 30px; text-align: center;}
.calculator-pane .tableList th{ background: #FAFAFA;}
.calculator-pane .tableList th.fgx{ position: relative; width: 86px; border-right: 1px solid #E6E6E6  !important;}
.calculator-pane .tableList th.fgx:before {content: "";position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0;border-bottom:30px solid #E6E6E6;border-right: 94px solid transparent;}
.calculator-pane .tableList th.fgx:after {content: "";position: absolute; left: 0;right: 1px;top: 1px; bottom: 0;border-bottom: 29px solid #FAFAFA;border-right: 93px solid transparent; }
#calculatorForm .btnStart{ width: 200px;}
#calculatorForm .btnReset{ width: 140px;}
.select_city{ display: none; position: absolute; z-index: 999999; left: 0; top: 42px;width: 280px; border: 1px solid #ccc; background: #FFFFFF; border-radius:0 0 4px 4px;font-size: 14px;color: #666;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
		box-sizing: content-box;
}
.select_city_tab {overflow: hidden;}
.select_city_tab a {position: relative;float: left;width:50%;display: inline-block;padding: 5px 0;border-style: solid;border-width: 0 1px 1px 0;border-color: #ccc;text-align: center;font-size: 14px;color: #333;font-weight: 700;}
.select_city_tab a.actived:before{ position: absolute; left: 0; right: 0; top: 0; height: 2px; background: #148CDC;}
.select_city_tab a.actived {border-bottom-color: transparent;color: #148CDC;}
.select_city_tab a:last-child {border-right: none;}
.select_city_con_wrap{ height: 200px; overflow-y:auto;}
.select_city_con {padding: 10px 15px;overflow: hidden;display: none;}
.select_city_con.actived{ display: block;}
.select_city_con a {display: inline-block;color: #333;padding: 0 9px;outline: 0;text-decoration: none;white-space: nowrap;line-height: 2;}
.select_city_con a.actived,.select_city_con a.actived:hover {background: #148CDC;color: #fff;}
.select_city_con a:hover {color: #148CDC;}

/*菜单管理*/
.menuList .mName{min-height: 20px;}
.menuList .m_level_1 .mName{ padding-left:22px;background: url(../images/icon/icon-floder-full.png) left center no-repeat; }
.menuList .m_level_2 .mName{ padding-left: 44px; background: url(../images/icon/icon-floder.png) 22px center no-repeat;}
.menuList .m_level_3 .mName{ padding-left: 66px; background: url(../images/icon/icon-file.png) 44px center no-repeat;}
/*.menuList .m_level_2,.menuList .m_level_3{ display: none;}*/ 
.menuList .icon-floder-full{background: url(../images/icon/icon-floder-full.png) left center no-repeat; }
.menuList .icon-floder{background: url(../images/icon/icon-floder.png) left center no-repeat;}
.menuList .icon-file{background: url(../images/icon/icon-file.png) left center no-repeat;}
/*操作案例列表*/
.opbtnList .layer-win-title{ left: 0; right: 0; padding-left: 20px; padding-right:60px; padding-top: 12px; height: 60px; border-bottom: 2px solid #E6E6E6;}
.opbtnList .layer-win-content{ top: 75px; bottom: 10px;}
.opbtnList .pagebox{ background: transparent;}
.opbtnList .tableList th,.opbtnList .tableList td { padding: 5px 10px !important;}
/*角色权限*/
.layer-win-role{position: fixed; top: 60px !important; left: 10px; right: 10px; bottom: 10px;}
.rolePermissions{ position: relative; height: 100%; width: 100%;}
.rolePermissions .permissions-list{ position: absolute; left: 0; top: 0;  bottom:0;width: 65%;}
.rolePermissions .btn-list{ position: absolute; right: 0; top: 0; width: 35%; bottom: 0; padding-left: 18px; border-left:2px solid #E6E6E6;}
.rolePermissions .permHead{ position: relative; height: 48px; line-height: 48px; color: #666; padding-right: 18px;}
.rolePermissions .permHead .btnSave{ float: right; display: inline-block; line-height: 48px; height: 48px; border: 0; color: #148CDC; background: transparent;}
.rolePermissions .btn-list .permHead .btnSave{ padding-right: 0;}
.rolePermissions .permWrap{ position: absolute; left:0; top:48px; right: 0; bottom: 0; overflow: auto;}
.rolePermissions .permissions-list .permWrap{ padding-right: 18px;}
.rolePermissions .btn-list .permWrap{ padding-left: 18px;}
.permissions-list-box{ border: 1px solid #E6E6E6; position: relative; height: 100%; overflow: auto;}
.rolePermissions .btn-list li{ height: 42px;}
.rolePermissions .permCheck{ position: relative; padding:10px 15px; height: 42px;background: #FAFAFA; border-bottom: 1px solid #E6E6E6;}
.rolePermissions .treesMain{ position: absolute; top: 42px; bottom: 0; left: 0; right: 0; overflow: auto;}

.rolePermissions .je-tree{ margin: 0;}
.rolePermissions .je-tree li{ position: relative; min-height:32px;border-bottom: 1px solid #E6E6E6;}
/*.rolePermissions .je-tree li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #E6E6E6;}*/
.rolePermissions .je-tree li ul{/*border-top: 1px solid #E6E6E6;*/}
.rolePermissions .je-tree li ul li{ border-bottom: 0;}
/*.rolePermissions .je-tree li ul:before{ content: '';position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #E6E6E6;}*/
.rolePermissions .je-tree .foldershow{ height: 32px;}
.rolePermissions .je-tree li a{ position: relative; min-height: 32px; line-height: 32px;}
.rolePermissions .je-tree li ul li:last-child{ border-bottom: 0;}
.rolePermissions .je-tree .folderhide{ background: url(../images/je/folder-hide.png) no-repeat 12px center; padding-left: 84px;}
.rolePermissions .je-tree .folderhide.active{background: url(../images/je/folder-hide-active.png) no-repeat 12px center;}
.rolePermissions .je-tree .foldershow{background: url(../images/je/folder-show.png) no-repeat 12px center;}
.rolePermissions .je-tree .foldershow.active{background: url(../images/je/folder-show-active.png) no-repeat 12px center;}
.rolePermissions .je-tree li ul .folderhide{ background: url(../images/je/folder-hide-child.png) no-repeat 12px center; padding-left: 84px;}
.rolePermissions .je-tree li ul .folderhide.active{background: url(../images/je/folder-hide-child-active.png) no-repeat 12px center;}
.rolePermissions .je-tree li ul .foldershow{background: url(../images/je/folder-show-child.png) no-repeat 12px center;}
.rolePermissions .je-tree li ul .foldershow.active{background: url(../images/je/folder-show-child-active.png) no-repeat 12px center;}
.rolePermissions .je-tree .folderleaf,.rolePermissions .je-tree li ul .folderleaf{background: url(../images/je/leaf.png) no-repeat 4px center;padding-left: 50px;}
.rolePermissions .je-tree .folderleaf.active,.rolePermissions .je-tree li ul .folderleaf.active{background: url(../images/je/leaf-active.png) no-repeat 4px center;padding-left: 50px;}
.rolePermissions .je-tree .chkitem{ position: absolute; z-index: 1; left: 30px; top: 50%; width:22px; height:22px; margin-top: -11px;}
.rolePermissions .je-tree .folderleaf .chkitem{ left: 0;}
.articleDetail{ padding: 30px 60px; background: #FFFFFF;}
.articleDetail .article_title{ color: #999; line-height: 20px; text-align: center; font-size: 14px; margin-bottom: 30px;}
.articleDetail .article_title h1{ height: 54px; line-height: 54px; text-align: center; font-size: 20px; color: #303030;}
.articleDetail .article-content{ line-height: 24px; font-size: 14px; color: 666;}
/*正向，负向，免记*/
.colorPositive{ color: #82be64 !important;}
.colorNegative{ color: #ffa078 !important;}
.colorFreemind{ color: #6eb4dc !important;}
/*2017-12-12*/
.mulit-form .selecter .select_list{ width:330px;}
.mulit-form .selecter .select_list a{float: left;display: block;line-height:22px;color: #333333;width: 33.3333%;padding:8px;text-align: center}
.mulit-form .selecter .select_list a:hover{background: #F1F1F1;}
.form-pane{ margin-bottom: 20px;}
.form-pane:last-child{ margin-bottom: 0;}
/*.tio-field  input.input_select{ padding-right: 16px; background: url(../images/icon/arrow_down.png) right center no-repeat !important;}*/
.tio-date-half{position: relative; width: 47%; padding-right: 10px;}
.tio-date-half:first-child:after{content: ''; position: absolute; right:-5px ; top: 50%; margin-top: 5px; width: 10px; height: 1px; background: #666;}
.tio-date-half:last-child{ padding-left: 10px; padding-right: 0;}

.mulit-field-fixed{position: relative; padding-left: 310px;padding-top: 15px; padding-bottom: 18px;}
.mulit-field-fixed .tio-field{ padding-top: 0; min-height: 36px;}
.mulit-field-fixed .mulit-field-left{ position: absolute; left: 0; top: 15px; width: 310px;}
.mulit-field-fixed .mulit-field-right{ position: relative; min-height: 36px; padding-left: 15px;}
/*.mulit-field-fixed .mulit-field-right:before{ content: ''; position: absolute; left: 0; top:0; bottom: 4px;width: 1px; background: #E6E6E6;}*/
.mulit-field-fixed .btnl_all,
.mulit-field-fixed .field-list{ position: relative; float: left; min-width:90px; padding:0 20px 0 10px; margin-right: 15px; margin-bottom: 5px; text-align: center; min-height: 36px; line-height: 34px; border-radius: 3px; border: 1px solid #E6E6E6; background: #E6E6E6;}
.mulit-field-fixed .btnl_all{ min-width: 60px; background: #FFFFFF; padding: 0;}
.mulit-field-fixed .field-list .btn{ position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px;border: 0; border-radius: 4px;}
.mulit-field-fixed .field-list .del{ background:#fff url(../images/icon/close_grey_small.png) center no-repeat;}

/*2017-12-21*/
.censusTitle{ padding:20px 30px; line-height: 30px; background: #FAFAFA; color: #999999;}
.usettel{ padding-left: 32px; background: url(../images/icon/usertel.png) left center no-repeat;}
.staffInDe{ position: relative; display: inline-block; min-width: 350px; height: 109px; line-height: 40px; padding:20px 20px 20px 80px; border: #E6E6E6 1px  solid; border-radius: 4px; color: #999;}
.staffInDe:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; background-color: #fafafa; background-position: center; background-repeat:no-repeat;}
.staffInDe.In:before{ background-image: url(../images/icon/user_in_blue.png);}
.staffInDe.De:before{ background-image: url(../images/icon/user_de_blue.png);}
.staffInDe h5{ font-size: 14px; height: 20px; line-height: 20px; margin-bottom:5px; color: #333; font-weight: bold;}
.staffInDe strong{ font-size: 30px; font-weight: normal;}
.sb_person_reduce{ position: fixed;left: 0; top: 62px; right: 0;bottom: 0px; }
.sb_person_reduce .reduceBox{ position: relative; width: 100%; height: 100%; padding-left: 480px;background: #FFFFFF; overflow: hidden;}
.sb_person_reduce .reduceBox:after{ content: ''; position: absolute; left: 479px; top: 0; bottom: 0; width: 2px; background: #E6E6E6;}
.sb_person_reduce .reduce_main{ position: absolute; top: 0; bottom: 0;padding: 10px; overflow: hidden;}
.sb_person_reduce .reduce_left{width: 480px; left: 0;}
.sb_person_reduce .reduce_right{left: 480px; right: 0;}
.sb_person_reduce .reduce_main input[type="text"]{ width: 240px;}
.sb_person_reduce .reduce_main .modeTitle{ padding: 10px 0 12px; line-height: 36px; margin: 0;}
.sb_person_reduce .reduce_table{ position: absolute; top:70px; left: 10px; right: 10px; bottom: 10px; overflow: auto;}
.sb_person_reduce .tableList{border: 1px solid #E6E6E6; border-bottom: 0;}
.sb_person_reduce .tableList thead th{ background: #FAFAFA;}
.form-month .month{ display: inline-block; position: relative; width: 60px; height: 36px; line-height: 34px; background: #fff; margin-bottom: 10px; margin-right: 20px; border: 1px solid #E6E6E6; border-radius: 4px;color: #666666;text-align: center; cursor: pointer;}
.form-month .month.active{ border-color: #148cdc; color: #148cdc;}
.form-month .month.active:after{ content: ''; position: absolute; right: 4px; bottom: 4px; width: 15px; height: 15px; background: url(../images/icon/ok-full-blue.png) no-repeat;}
/*2018-01-25*/
.icon-state{ display: inline-block; width: 38px; height: 16px;vertical-align: middle; margin-right: 5px; background-position: center;; background-repeat: no-repeat;}
.icon-state.state-cy{ background-image: url(../images/icon/state-cy.png);}
.icon-state.state-wjn{ background-image: url(../images/icon/state-wjn.png);}
.icon-state.state-yjn{ background-image: url(../images/icon/state-yjn.png);}
.icon-state.state-yxg{ background-image: url(../images/icon/state-yxg.png);}
.icon-state.state-gdz{ display: block;
	background: #148cdc;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	top: 0px;
	right: 15px;
	position: absolute;}
.icon-state.state-yff{ background-image: url(../images/icon/state-yff.png);}
.icon-state.state-wff{ background-image: url(../images/icon/state-wff.png);}
.icon-state.state-jnyc{ background-image: url(../images/icon/state-jnyc.png);}
.icon-state.state-ffyc{ background-image: url(../images/icon/state-ffyc.png);}


/*ruifang 2018-02-08*/
.tioui-table-view .tdInput td{ padding-top: 4px; padding-bottom: 4px;}
.tioui-table-view .tdInput .viewPan{ padding: 6px 0;}
.tioui-table-view .orderBtn{ display: inline-block; cursor: pointer; padding-right: 18px; background-position: right center; background-repeat: no-repeat; background-image: url(../images/icon/orderIcon.png);}
.tioui-table-view .orderBtn.asc{ background-image: url(../images/icon/ascIcon.png);}
.tioui-table-view .orderBtn.desc{ background-image: url(../images/icon/descIcon.png);}
.tioui-table-view input[type='text']{ width: 100%;padding:6px 10px; line-height: 18px; border: 1px solid #E6E6E6; border-radius: 4px;}
.tioui-table-view .editpane{ position: relative;}
.tioui-table-view .editpane:after{ content: ''; position: absolute; right: 10px; top: 50%; z-index: 1; width:15px; height:14px; margin-top: -7px; background: url(../images/icon/edit-empty.png) no-repeat;}
.tioui-table-view .child-name{ padding-left: 16px;}
.tioui-table-view .icon-refer{ padding-right: 26px; display: inline-block; background-position: right center; background-repeat: no-repeat;}
.tioui-table-view .icon-down{ background-size: 12px auto;}
/*修改和预览切换*/
.tioui-table-view .tdInput .viewPan{ padding: 6px 0;}

.billDetail_List .tioui-table-view th{line-height: 1.3; padding-top: 5px; padding-bottom: 5px;}
.billDetail_List .tioui-table-view thead td{ line-height: 20px; padding: 5px; text-align: center;}
.billDetail_List .tioui-table-view thead th{ height: 36px; background: #FAFAFA;}
.billDetail_List .tioui-table-view thead tr:hover td{ background: #FFFFFF;}

.opbtnList .tioui-table-view th,.opbtnList .tioui-table td { padding: 5px 10px !important;}

.sb_person_reduce .tioui-table-view thead th{ background: #FAFAFA;}
.tioui-table-view .je-check{float: left; min-width: 18px; padding-left: 18px; line-height: 0;}
.tioui-table-view .je-check em{ width: 18px; height: 18px; line-height: 18px;}
.tioui-table-view .je-check em{ margin-top: -9px;}
.tioui-table-view .je-check .je-check-text{ line-height: 18px; height: 18px;}

/*反选*/
.table-back-select{ position: relative;display: inline-block;}
.table-back-select .je-check{ position: relative;}
.table-back-select .je-check:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.table-back-select .btn-back-select{ position: absolute; left: 100%; top:0; line-height: 20px; margin-left: -5px}

.layui-layer-page{transform: translate(0,0);}

.modeTitle.modeTitleBack{ padding-left: 72px;}
.modeTitle.modeTitleBack .back{ position: absolute; left: 0; top: 0; border-right: 1px solid #E6E6E6;}
.personalTaxTabBg{
	background-color: #fcfcfc!important;
	min-height: 60px;
	border-color: rgba(224,225,227,0.8)!important;
}
.personalTabli{
	line-height: 60px!important;
	color: #707070;
	font-size: 16px;
	width:auto;
	text-align: left!important;
	padding:0 20px!important;
	border-right-width: 1px;
	border-right-color: rgba(224,225,227,0.8);
	border-right-style:solid ;

}
.personalTaxInfo .layui-tab-card{
	border-width: 0px;
	border-radius: 0px;
	background: #ffffff;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.01);
	min-height: 450px;
	height: auto;
}
.personalTaxInfo .layui-tab-title .layui-this{
	color: #1890ff;
	font-weight: 700;
	border-right-width:0px;
}
.personalTaxInfo .layui-tab-title .layui-this:after{
	height: 60px!important;
}
.personalTaxTitle{
	width: 100%;
	text-align: center;
	line-height: 18px;
	font-size: 18px;
	color: #1890ff;
	font-weight: 700;
	margin: 32px 0px;
}
.layer-shade{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: rgba(0,0,0,.3);
}
.layer-shade .layer-win{
	background: transparent;
}

.layer-shade .layer-win-main{
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	padding: 20px;
	border-radius: 6px;
	line-height: 25px;
	transform: translate(-50%,-50%);
}
.layer-shade .layer-title{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
	color: #148CDC;
	margin-bottom: 20px;
}
.layer-shade .layer-msg-content{
	line-height: 25px;
}

.monthLay::before{
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid black;
	z-index: 11;
	top: -10px;
}
.monthLay .active{
	color: #fff;
	background: #148CDC;
	border: 1px solid #148CDC!important;
}
.getSelect{
	height: 26px;
	line-height: 20px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #fff;
}

.arrow {
	width: 10px;
	height: 10px;
	position: absolute;
	/*display: inline-block;*/
	/*margin: 10px 10px;*/
}

.arrow:before, .arrow:after {
	content: '';
	border-color: transparent;
	border-style: solid;
	position: absolute;
}
.arrow-up{
	top: 0;
}
.arrow-down{
	bottom:0;
}

.arrow-up:before {
	border: none;
	background-color: #148CDC;
	height: 50%;
	width: 30%;
	top: 50%;
	left: 38%;
}

.arrow-up:after {
	left: 0;
	top: -50%;
	border-width: 6px 6px;
	border-bottom-color: #148CDC;
}
.arrow-down:before {
	border: none;
	background-color: #148CDC;
	height: 50%;
	width: 30%;
	top: 0;
	left: 38%;
}
.arrow-down:after {
	left: 0;
	top: 50%;
	border-width: 6px 6px;
	border-top-color: #148CDC;
}
.layui-table-box .triangle {
	display:none;
	position:absolute;
	top:0;
	left:4px;
	z-index: 999;
}

.ew-tree-table{
	border: none!important;
}
.mt20{
	margin-top: 20px;
}


.table-tr-select-bg{
	background: #F1FAFF;
}

.shr .layui-select-title input{
	background-color: #fbfbfb;
}

.color-b {
	color: #fff !important;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: linear-gradient(1deg, rgba(55, 159, 229, 1) 0%, rgba(148, 200, 252, 1) 99%);
	border-radius: 50%;
}
.color-r {
	color: #fff !important;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: linear-gradient(1deg, rgb(255 0 0) 0%, rgb(255 0 0) 99%);
	border-radius: 50%;
	font-size: 12px;
}
.color-g{
	color: #fff !important;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: linear-gradient(1deg, #34b300 0%, #34b300 99%);
	border-radius: 50%;
}
/*.layui-form-select dl{*/
/*	width: auto;*/
/*}*/


.layui-table-page{
	background-color: #fff;
}

/*layui 表单必填样式*/
.layui-form-label.layui-required span {
	position: relative;
}
.layui-form-label.layui-required span:after{
	content:"*";
	color:red;
	position: absolute;
	top:2px;
	left:-10px;
}

.layui-disabled, .layui-disabled:hover{
	color: #333!important;
}

/*时间区间选择颜色*/
.layui-laydate-content td.laydate-selected{
	background-color: #00F7DE!important;
}


.stickyBar{
	position: sticky;left:0;right:0; top: 0; border-bottom: 2px solid #F2F5FA;z-index: 1000;
}
.cursor{
	cursor: pointer;
}

.layui-table-fixed.layui-table-fixed-r .layui-table-header .unfold-or-pack{
	position: absolute;
	left: -26px;
	top: 0;
	width: 26px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background: #f7f7f7;
	cursor: pointer;
	box-shadow:-2px 0 3px -1px rgba(0,0,0,0.19),0 -2px 3px -1px rgba(0,0,0,0.19),0 2px 3px -1px rgba(0,0,0,0.19);
	z-index:-1;
	/*color: #1890FF;*/
}
.layui-table-body tr .layui-table-col-special{
	padding: 0px 0px !important;
}
.layui-table-body tr .layui-table-col-special .layui-table-cell{
	padding: 0px 10px !important;
}
/*拖拽上传样式*/
.upload-view{
	width: 100%;
	height: 170px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 10px;
	position: initial;
	overflow: auto;
	background: #fafafa;
}

.upload-view i{
	font-size: 34px;
	color: #1890FF;
}
.upload-file-list{
	color: #2c2b2b;
	font-size: 22px;
	margin-top: 10px;
	max-height: 180px;
}
.upload-file-list .item{
	border-top: 1px solid #dadee3;
	padding: 5px 0px;
}
.upload-file-list .item:first-child {
	border-top: none;
}
.upload-file-list .item .file-name{
	font-size:14px;
}
.upload-file-list .item .file-name .file-icon{
	font-size: 16px;
	color: #999;
}
.upload-file-list .item i{
	color: #1890FF;
	cursor: pointer;
	font-size: 18px;
	margin-left: 10px;
}
.upload-file-list .item .file-size{
	margin-left: 10px;
	color: #909aaa;
	font-size: 12px;
}
#customFieldSelect  xm-select{
	/*background-color: #1890ff !important;*/
	color: #1890ff !important;
	border: 1px solid #1890ff !important;
	border-radius: 2px;
}
#customFieldSelect xm-select > .xm-tips{
	color:#1890ff!important;
}
#customFieldSelect xm-select > .xm-icon{
	border-top-color:#1890ff;
}
#customFieldSelect xm-select  .color-red{
	color: #ff9900 !important;
}

/* 单行文字溢出虚点显 示*/
.cellEllipsis{width: 100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.color-b{
	font-size: 10px;
}


/*下载分页弹窗口*/
.downWrap{
	max-height:350px;
	overflow-y:auto;
}

/*搜索下边距*/
.searchSortBox .layui-inline{
	margin-bottom: 10px;
}
.searchSortBox .layui-form-item{
	margin-bottom: 0;
}

.searchBox .layui-inline{
	margin-bottom: 10px;
}
.searchBox .layui-form-item{
	margin-bottom: 0;
}