@font-face {
	font-family: 'wkfont';
	src: url('font/iconfont.eot'); /* IE9*/
	src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/iconfont.woff') format('woff'), /* chrome, firefox */
	url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('font/iconfont.svg#wkfont') format('svg'); /* iOS 4.1- */
}

html, body, div, span, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption,
article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary,time, mark,
audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
	outline:0;
}
.w100 {
	width: 100% !important;
}
body {
	font-family:'Helvetica Neue', 'Helvetica', 'Lantinghei SC', 'PingHei', 'PingFang SC', 'STHeitiSC-Light', 'Microsoft YaHei', 'Arial', sans-serif;
	font-size: 12px;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 1);
	min-width: 1000px;
	background: #f2f2f2;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration:none;
	outline: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

input, select {
	vertical-align:middle;
	outline: 0;
}
button {
	outline: 0;
}
.clearfix::before, .clearfix::after {
	content: '';
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
/* ▼ TASK#1203 对应 lidandan */

.sidebar-left {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	background: #F7F7F7;
	z-index: 999;
}
.header .logo {
	width: 40px;
	height: 40px;
	background: #D73A35;
	border-radius: 50%;
	display: inline-block;
	float: left;
	margin-top: 9px;
    margin-left: 15px;
	margin-right: 145px;

	/*
        background-color: #043985;
        background-image: url(logo.png);
        background-position: center center;
        background-repeat: no-repeat;
    */
}
.logo-kdoffice {
	width: 175px;
	height: 40px;
	display: inline-block;
	float: left;
	margin: 9px 15px 0;

}
.logo-kdoffice img {
	width: 100%;
	height: 100%;
}
.header .logo:before {
	display: block;
	height: 40px;
	line-height: 40px;
	font-family: 'wkfont';
	font-size: 26px;
	text-align: center;
	color: #fff;
}
/* ▲ TASK#1203 对应 lidandan */
.sidebar-left .sidebar-menu {
	position: fixed;
	top: 64px;
	bottom: 0;
	left: 0;
	width: 200px;
	font-size: 12px;
	user-select: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar-menu ul {
	width: 200px;
	height: 100%;
}

.sidebar-menu li {
	width: 200px;
	height: auto;
	position: relative;
}

.sidebar-menu .noSelect:after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 32px;
    top: 20px;
    border-left: 1px solid #9e9e9e;
    border-bottom: 1px solid #9e9e9e;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: transform 200ms ease;
    z-index: 1000;
}
.sidebar-menu .selected:after {
	content: '';
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 32px;
    top: 20px;
    border-left: 1px solid #414141;
    border-bottom: 1px solid #414141;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform 200ms ease;
    will-change: transform;
    z-index: 1000;
}

.sidebar-menu .sidebar-submenu a.active:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 2px solid #E61E26;
    position: absolute;
    left: 40px;
    top: 15px;
    z-index: 1000;
}

.sidebar-menu li >.active:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 50px;/*24px*/
    border-left: 3px solid #E61E26;
    position: absolute;
    top: 0;/*12px*/
    left: 0;
    z-index: 1001;
}
.sidebar-menu li:hover>a {
    color: #414141;
    cursor: pointer;
    font-weight: bold;
 	transition: all 0.2s ease;
}
.sidebar-menu li>.sidebar-submenu>a:hover:after {
	content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 2px solid #E61E26;
    position: absolute;
    left: 40px;
    top: 15px;
    z-index: 1000;
}
.sidebar-menu li:hover>a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 50px;/*24px*/
    border-left: 3px solid #E61E26;
    position: absolute;
    top: 0;/*12px*/
    left: 0;
    z-index: 1001;
 	transition: all 0.2s ease;
}
/* ▼ TASK#1203 对应 lidandan */
.sidebar-menu li > a {
	width: 200px;
	height: 50px;
	position: relative;
	/*top: 0;*/
	/*left: 0;*/
	font-size: 14px;
	color: #757575;
	/*text-align: center;*/
	font-style: normal;
	text-decoration: none;
	cursor: default;
	z-index: 1000;
	background: #f7f7f7;
	display: inline-block;
    line-height: 50px;
}
.sidebar-menu li > a[href] {
	cursor: pointer;
}
.sidebar-menu li > a:before{
	content: '';
	font-family:"wkfont" !important;
	/*display: block;*/
	height: 36px;
	font-size: 16px;
    padding-right: 14px;
    margin-left: 25px;
	/*line-height: 36px;*/
	/*padding-top: 5px;*/
}
.sidebar-menu .sidebar-submenu > a:before {
	content: '';
    font-family: "wkfont" !important;
    display: inline-block;
    height: 12px;
    font-size: 17px;
    line-height: 12px;
    /*padding-top: 5px;
    padding-right: 5px;*/
    margin-right: 56px;
}
/* ▲ TASK#1203 对应 lidandan */
.sidebar-menu li.shortcut > a:before {
	content: '\e618';
}
.sidebar-menu li.job > a:before {
	content: '\e631';
}
.sidebar-menu li.operator > a:before {
	content: '\e62a';
}
.sidebar-menu li.company > a:before {
	content: '\e60c';
}
.sidebar-menu li.property > a:before {
	content: '\e601';
}
.sidebar-menu li.business > a:before {
	content: '\e62c';
}
.sidebar-menu li.space > a:before {
	content: '\e614';
}
.sidebar-menu li.lease > a:before {
	content: '\e61b';
}
.sidebar-menu li.finance > a:before {
	content: '\e603';
}
.sidebar-menu li.association > a:before {
	content: '\e61c';
}
.sidebar-menu li.statement > a:before {
	content: '\e602';
}
/* ▼ TASK#1203 对应 lidandan */
.sidebar-menu li .sidebar-submenu {
	/*display: inline;*/
	/*height: 64px;*/
	/*position: absolute;
	left: 0;
	top: 0;*/
	white-space: nowrap;
	/*transform: translateY(-200%);*/
	/*transition: transform 200ms ease;*/
	/*will-change: transform;*/
	/*opacity: 0;*/

	/*position: fixed;
    top: 0;
    bottom: 0;*/
    left: 64px;
    width: 200px;
    background:  #F4F4F4;
    z-index: 1001;
    /*padding-top: 65px;*/

}

.sidebar-menu li>a.active, .sidebar-menu li.active > a {
	/*background: #F7F9FA;*/
	color: #414141;
	cursor: pointer;
	font-weight: bold;
	/*border-left: 5px solid #E61E26;*/
}
.sidebar-menu ul li .sidebar-submenu-active{
	/*transform: translateY(1%);*/
	/*box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.3);*/
	/*opacity: 1;*/
}
/*.sidebar-menu li:hover .sidebar-submenu {
	transform: translateX(0%);
	box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.3);
	opacity: 1;
}*/
/* ▼ WKB_3.3.0 对应 lidandan */
.sidebar-menu .sidebar-submenu a.business-myWork{
	display: none;
}
/* ▲ WKB_3.3.0 对应 lidandan */

.sidebar-menu .sidebar-submenu a {
	display: block;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    /*text-align: center;*/
    color: #757575;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    line-height: 40px;
    background-color: #EAECED;
    position: relative;
}
.sidebar-menu .sidebar-submenu a:hover,
.sidebar-menu .sidebar-submenu a.active {
	/*background: #FFFFFF;*/
	cursor: pointer;
	font-weight: bold;
    color: #E61E26;
}
.sidebar-submenu-name{
	font-size: 14px;
	color: #4A4A4A;
	width: 200px;
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #4A4A4A;
	text-align: center;
	font-weight: bold;
}
/* ▲ TASK#1203 对应 lidandan */

/*
.sidebar-menu a[class^=shortcut-]:before {
	font-size: 26px;
}
*/
/*.sidebar-menu a.shortcut-setting:before {
	content: '\e620';
}*/
/*.sidebar-menu a.shortcut-department:before {
	content: '\e65c';
}*/
/*.sidebar-menu a.shortcut-role:before {
	content: '\e660';
}*/
/*.sidebar-menu a.shortcut-employee:before {
	content: '\e663';
}*/
/*.sidebar-menu a.shortcut-space:before {
	content: '\e664';
}*/
.sidebar-menu a.shortcut-apply:before {
	content: '\e665';
}
.sidebar-menu a.shortcut-order:before {
	content: '\e65a';
}
.sidebar-menu a.shortcut-template:before {
	content: '\e65f';
}
/*.sidebar-menu a.shortcut-visitor:before {
	content: '\e65b';
}*/
/*.sidebar-menu a.shortcut-repair:before {
	content: '\e65e';
}*/
/*.sidebar-menu a.shortcut-station:before {
	content: '\e666';
}*/
/*.sidebar-menu a.shortcut-door:before {
	content: '\e661';
}*/
/*.sidebar-menu a.shortcut-member:before {
	content: '\e65d';
}*/
/*.sidebar-menu a.company-info:before {
	content: '\e60e';
}*/
/*.sidebar-menu a.company-space:before {
	content: '\e615';
}*/
/*.sidebar-menu a.company-notice:before {
	content: '\e617';
}*/
/*.sidebar-menu a.company-employee:before {
	content: '\e645';
}*/
/*.sidebar-menu a.company-department:before {
	content: '\e63b';
}*/
/*.sidebar-menu a.company-role:before {
	content: '\e644';
}*/
/*.sidebar-menu a.property-station:before {
	content: '\e60d';
}*/
/*.sidebar-menu a.property-stadium:before {
	content: '\e607';
}*/
/*.sidebar-menu a.property-equipment:before {
	content: '\e61d';
}*/
/*.sidebar-menu a.property-entrance:before {
	content: '\e616';
}*/
/*.sidebar-menu a.property-printer:before {
	content: '\e648';
}*/
.sidebar-menu a.business-channel:before {
	content: '\e619';
}
.sidebar-menu a.business-apply:before {
	content: '\e62f';
}
/*.sidebar-menu a.business-order:before {
	content: '\e606';
}*/
/*.sidebar-menu a.business-contract:before {
	content: '\e610';
}*/
/*.sidebar-menu a.business-contracttemplate:before {
	content: '\e642';
}*/
/*.sidebar-menu a.space-visitor:before {
	content: '\e609';
}*/
/*.sidebar-menu a.space-repair:before {
	content: '\e612';
}*/
/*.sidebar-menu a.space-booking:before {
	content: '\e61e';
}*/
.sidebar-menu a.space-expense:before {
	content: '\e629';
}
/*.sidebar-menu a.space-printer:before {
	content: '\e649';
}*/
/*.sidebar-menu a.lease-team:before {
	content: '\e621';
}*/
/*.sidebar-menu a.lease-member:before {
	content: '\e611';
}*/
/*.sidebar-menu a.finance-expense:before {
	content: '\e60a';
}*/
/*.sidebar-menu a.finance-collection:before {
	content: '\e61f';
}*/
/*.sidebar-menu a.finance-bill:before {
	content: '\e62b';
}*/
/*.sidebar-menu a.finance-invoice:before {
	content: '\e608';
}*/
.sidebar-menu a.finance-receivable:before {
	content: '\e628';
}
/*.sidebar-menu a.association-news:before {
	content: '\e62e';
}*/
/*.sidebar-menu a.association-activity:before {
	content: '\e613';
}*/
.sidebar-menu a.association-survey:before {
	content: '\e622';
}
/*.sidebar-menu a.association-poster:before {
	content: '\e62d';
}*/
/*.sidebar-menu a.association-service:before {
	content: '\e60b';
}*/
/*.sidebar-menu a.association-classify:before {
	content: '\e63e';
}*/
/*.sidebar-menu a.statement-business:before {
	content: '\e627';
}*/
/*.sidebar-menu a.statement-lease:before {
	content: '\e61a';
}*/
/*.sidebar-menu a.statement-finance:before {
	content: '\e604';
}*/
.sidebar-menu a.statement-performance:before {
	content: '\e624';
}
/* ▼ WKB_3.4.0 对应 lidandan */
/*意向管理*/
/*.sidebar-menu a.ideamanage_icon:before {
	content: '\e691';
}*/
/*客户管理*/
/*.sidebar-menu a.customermanage_icon:before {
	content: '\e690';
}*/
/*退款管理*/
/*.sidebar-menu a.backmoneynew_icon:before {
	content: '\e68f';
}*/
/*开票管理*/
/*.sidebar-menu a.openbillnew_icon:before {
	content: '\e692';
}*/
/*.sidebar-menu a.electricwater_icon:before{
	content: '\e60a';
}*/
/*标签管理*/
/*.sidebar-menu a.label_icon:before {
	content: '\e68e';
}*/
/*第三方平台*/
/*.sidebar-menu a.thirdplatform_icon:before {
	content: '\e68d';
}*/
/*定金管理*/
/*.sidebar-menu a.depositnew_icon:before {
	content: '\e68b';
}*/
/* ▲ WKB_3.4.0 对应 lidandan */
/* ▼ BUG#2966 对应 lidandan */
/*结算配置*/
.sidebar-menu a.account-config:before {
	content: '\e657';
}
/*公司维护*/
/* ▼ BUG#5321 对应 zzy */
/*.sidebar-menu a.operator-info:before {
	content: '\e60c';
}*/
/* ▲ BUG#5321 对应 zzy */
/* ▲ BUG#2966 对应 lidandan */
/**▼BUG.2096 对应 lidandan***/
.icon_all,.icon_allNoBg{
	font-size: 14px;
	color: #000;
	background-color: transparent;
	margin-right: 10px;
	border:none;
	padding:0;
}
.icon_allNoBg a{
	font-family: "wkfont" !important;
	color:#000;
	width: 20px;
	font-style: normal;
	height: 20px;
	display: inline-block;
}
.icon_all a{
	width: 60px;
	height: 20px;
	padding:10px;
	border-radius: 4px;
	display: inline-block;
	font-style: normal;
	font-family: "wkfont" !important;
	color:#FFF;
}
/* ▼ WKB_3.4.2 小程序用接口修改 yms */
.icon_all2 a{
	width: 60px;
	height: 20px;
	padding:10px;
	border-radius: 4px;
	display: inline-block;
	font-style: normal;
	font-family: "wkfont" !important;
	color:#FFF;
}
/* ▲ WKB_3.4.2 小程序用接口修改 yms */
.icon_all a:before{
	margin-right:10px;
}
/**第三方平台*/
/*设置*/
.icon_all a.syncSetting:before{
	content: '\e678';
}
.icon_all a.syncSetting{
	background-color: #86BBE0;
}
/*同步*/
.icon_all a.syncIcon:before{
	content: '\e64d';
}
.icon_all a.syncIcon{
	background-color: rgb(165,209,145);
}
/*放弃更改*/
.icon_all a.syncGiveUp:before{
	content: '\e63f';
}
.icon_all a.syncGiveUp{
	background-color: rgb(144,144,144);
}
/*保存*/
.icon_all a.syncSave:before{
	content: '\e641';
}
.icon_all a.syncSave{
	background-color:  #86BBE0;
}
.icon_all a.stepNextBtn{
	background-color:  #86BBE0;
}

/**审批设置*/
/*蓝色*/
.icon_all a.icon_bule{
	background-color:  #86BBE0;
}
/*灰色*/
.icon_all a.icon_gray{
	background-color:  #9B9B9B;

}
/*紫色*/
.icon_all a.icon_plum{
	background-color: rgb(245,96,118);
}
/*绿色*/
.icon_all a.icon_sync{
	background-color:  rgb(165,209,145);
}
/*灰色F2*/
.icon_all a.icon_grayF2{
	background-color:  #f2f2f2;
	border: 1px solid transparent;
	border-bottom: none;
	color:#E3E7EA;!important
}
/*白色*/
.icon_all a.icon_white{
	background-color:  #fff;
	border: 1px solid #E3E7EA;
	border-bottom: none;
	color:#18181A;
}

/* ▼ WKB_3.4.0 对应 lidandan */
/*CDCDCD清灰按钮*/
/* ▼ TASK#1099 对应 lidandan */
button.icon_all a.icon_gray_light{
	background-color:  #CDCDCD;
}
/* ▲ TASK#1099 对应 lidandan */
/*A5D191active*/
.icon_all a.icon_active{
	background-color:  #A5D191;
}
/* ▲ WKB_3.4.0 对应 lidandan */
/***▼ 财务迭代171201 对应  lidanlidan***/
/*禁用颜色*/
.icon_all a.icon_orange{
	background-color:  #F57723;
	border: 1px solid #E3E7EA;
	border-bottom: none;
	color:#fff;
}
/*启用颜色*/
.icon_all a.icon_green{
	background-color:  rgb(165,209,145);
	border: 1px solid #E3E7EA;
	border-bottom: none;
	color:#fff;
}
/***▲ 财务迭代171201 对应  lidanlidan***/
.icon_all a.icon_lightGray{
	background-color:  #f2f2f2;
	color:#18181A;
	border: 1px solid #E3E7EA;
}
/*编辑*/
.icon_all a.infroEditIcon:before{
	content: '\e673';
}
/*无背景的删除小图标**/
.icon_allNoBg a.infroDeleteIcon:before{
	content: '\e63f';
}
/*新增*/
.icon_all a.infroEditAdd:before{
	content: '\e655';
}

/**▲BUG.2096 对应 lidandan***/
/**▼BUG.2096(新增) 对应 lidandan***/
/*无背景的加号**/
.icon_allNoBg a.infroNewAddControl:before{
	content: '\e655';
	color:  #86BBE0;
}
/*无背景的单行输入**/
.icon_allNoBg a.infroNewControlOne:before{
	content: '\e67a';
}
/*无背景的图片**/
.icon_allNoBg a.infroNewControlImg:before{
	content: '\e67b';
}
/*无背景的明细**/
.icon_allNoBg a.infroNewControlDetail:before{
	content: '\e67c';
}
/**▲BUG.2096(新增) 对应 lidandan***/
/**财务设置*/
/*维护费用类型(无)*/
.icon_all a.feeClassIcon:before{
	content: '\e674';
}
/*无背景保存*/
.icon_allNoBg a.saveNoBg:before{
	content: '\e641';
}
/*无背景编辑*/
.icon_allNoBg a.editNoBg:before{
	content: '\e673';
}
/*无背景对号*/
.icon_allNoBg a.sureNoBg:before{
	content: '\e635';
	color:#86BBE0;
}
/* ▼ WKB_3.4.0 对应 lidandan */
/*无背景对号active*/
.icon_allNoBg a.sureNoBg_active:before{
	content: '\e635';
	color:#A5D191;
}
/* ▲ WKB_3.4.0 对应 lidandan */
/*无背景钥匙*/
.icon_allNoBg a.keyNoBg:before{
	content: '\e670';
	color:#000;
}
/*关闭*/
.icon_allNoBg a.billClose:before{
	content: '\e605';
}
/*眼睛*/
.icon_allNoBg a.billDetail_isShow:before{
	content: '\e650';
	color:#fff;
}
.icon_allNoBg a.billDetail_isShow1:before{
	content: '\e650';
	color:black;
}
.icon_allNoBg a.billDetail_ishide:before{
	content: '\e652';
	color:black;
}
/*重新开票*/
.icon_all a.doNewBill:before{
	content:'\e66f' ;
}
/*费用调整*/
.icon_all a.billNote:before{
	content:'\e66a' ;
}
/*登记收款*/
.icon_all a.billChangeFee:before{
	content:'\e677' ;
}
/*未付全*/
.icon_allNoBg a.billtitleDetail:before{
	content:'\e66e' ;
	color:#F57723;
}
/*审核*/
.icon_all a.billCheck:before{
	content:'\e66a' ;
}
/*收款*/
.icon_all a.billRecive:before{
	content:'\e66c' ;
}
/*开票*/
.icon_all a.billCreate:before{
	content:'\e66f' ;
}
/*发送提醒*/
.icon_all a.billSendInfrom:before{
	content:'\e617' ;
}
/*修改付款期限*/
.icon_all a.billChange:before{
	content:'\e66d' ;
}
/*日历*/
.icon_allNoBg a.feeCreateData:before{
	content:'\e632' ;
	color: #86BBE0;
}
.icon_allNoBg a.feeCreateDataBlack:before{
	content:'\e632' ;
}
/*批量禁用/启用*/
.icon_all a.finDisableAndUse:before{
	content: '\e677';
}
/*删除(紫色)*/
.icon_all a.icon_plumDelte{
	background-color: rgb(245,96,118);
	width: 80px;
	height: 28px;
	padding:0;
	line-height: 28px;
}
/*▼ 财务迭代171201 对应  lidanlidan*/
.icon_all a.finSetting:before{
	content: '\e674';
}
/*全部导出*/
.icon_all a.feeExportAll:before{
	content: '\e668';
}
/*搜索*/
.icon_all a.feeSearch:before{
	content: '\e671';
}
/*加入账单*/
.icon_all a.feeAddBall:before{
	content: '\e676';
}
/*导出*/
.icon_all a.feeExport:before{
	content: '\e675';
}

/*驳回*/
.icon_all a.feeCallback:before{
	content: '\e66b';
}
/***▲财务迭代171201 对应  lidanlidan***/
/* ▼ WKB_3.3.0 对应 lidandan */
.icon_all a.icon_lightCD{
	background: #F7F7F7;
	border: 1px solid #CDCDCD;
    font-size: 14px;
	color: #4A4A4A;
}
/*锁定的颜色*/
.icon_all a.icon_keyColor{
	background-color: #ECA74A;
    font-size: 14px;
	color: #fff;
}
/*确认生效*/
/*无背景对号*/
.icon_all a.sureCheck:before{
	content: '\e635';
}
/*白色眼睛*/
.icon_allNoBg a.billDetail_ishide_white:before{
	content: '\e652';
	color:#fff;
}
/*无背景加号*/
.icon_allNoBg a.infroEditAddNo:before{
	content: '\e655';
	color: #86BBE0;
}

/*支付宝*/
.icon_allNoBg a.alypay:before{
	content: '\e659';
	color:#4A4A4A;
}
/*微信*/
.icon_allNoBg a.weichat:before{
	content: '\e667';
	color:#4A4A4A;
}
/*线下支付*/
.icon_allNoBg a.underline:before{
	content: '\e688';
	color:#4A4A4A;
}
/*锁定*/
.icon_all a.key_word:before{
	content: '\e634';
}
/*提交审批*/
.icon_all a.submit_approve:before{
	content: '\e685';
}
/*续约*/
.icon_all a.commit_pact:before{
	content: '\e687';
}
/*退租*/
.icon_all a.calback_pact:before{
	content: '\e686';
}
/*变更*/
.icon_all a.change_pact:before{
	content: '\e67f';
}
/*审批*/
.icon_all a.approve_icon:before{
	content: '\e682';
}
.icon_allShop{
	font-size: 14px;
	color: #000;
	background-color: transparent;
	margin-right: 10px;
	border:none;
	padding:0;
}
.icon_allShop a{
	font-family: "wkfont" !important;
	color:#000;
	width: 33px;
	font-style: normal;
	height: 33px;
	display: inline-block;
}
/*.icon_allShop a.shopGray{
	background-color: #9B9B9B;;
}*/
.icon_allShop.shopGray{
	background-color: #9B9B9B;;
}
/*购物车*/
.icon_allShop a.underline:before{
	content: '\e683';
	/*color:#4A4A4A;*/
}
/*结算配置*/
.icon_all a.compel_icon:before{
	content: '\e657';
}
/*关闭空间*/
.icon_all a.close_icon:before{
	content: '\e651';
}
/*审批设置*/
.icon_all a.check_icon:before{
	content: '\e653';
}
/*合同模板*/
.icon_all a.pact_icon:before{
	content: '\e684';
}
/*查看（眼睛）*/
.icon_all a.check_eye:before{
	content: '\e650';
}
/* ▲ WKB_3.3.0 对应 lidandan */
/* ▼ WKB_3.4.0 对应 lidandan */
/*无背景的加号**/
.icon_allNoBg a.infroNewAddControl_new:before{
	content: '\e655';
	color:  #FFFFFF;
	background-color:#86BBE0 ;
	border-radius: 50%;
	margin-right: 1px;
}
/*导入*/
.icon_all a.icon_export:before{
	content: '\e68a';
}
/*申请定金*/
.icon_all a.apply_deposit:before{
	content: '\e68c';
}
/* ▲ WKB_3.4.0 对应 lidandan */
/* ▼ TASK#1203 对应 lidandan */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 65px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	background: #fff;
	/*padding-left: 64px;*/
	white-space: nowrap;
	min-width: 1000px;
	z-index: 1000;
}
.header .location {
	float: left;
    display: inline-block;
    min-width: 140px;
    height: 32px;
    border: 1px solid #eee;
    box-sizing: border-box;
    font-size: 12px;
    color: #313131;
    cursor: pointer;
    padding: 0 10px;
    line-height: 28px;
    margin-top: 16px;
    /*margin-left: 25px;*/
    position: relative;
    /*left: 145px;*/
    padding-right: 30px;
}
.header .location:before {
	content: '\e623';
    font-family: "wkfont" !important;
    color: #e71e24;
    display: inline-block;
    font-size: 18px;
}
.location-top:after{
	content: '';
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 15px;
    top: 10px;
    border-left: 1px solid #4A4A4A;
    border-bottom: 1px solid #4A4A4A;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.location-bottom:after{
	content: '';
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    right: 15px;
    top: 15px;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(135deg);
}
/* ▲ TASK#1203 对应 lidandan */
.header .data-container {
	float: left;
	height: 100%;
	display: inline-block;
	white-space: nowrap;
	max-width: calc(100% - 230px - 64px);
	overflow: hidden;
	font-size: 12px;
}
.header .data-container .data-title {
	float: left;
	display: inline-block;
	padding: 18px 0;
	width: 64px;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	position: relative;
	margin-right: 28px;
}
.header .data-container .data-title:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid #f2f2f2;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 12px;
	left: 64px;
}
.header .data-container .data-list {
	margin: 8px 0;
	height: 48px;
	float: left;
	max-width: calc(100% - 92px);
	overflow: hidden;
}
/* ▼ BUG#2401 对应 lidandan */
.header .data-container .data-list label {
	float: left;
	display: inline-block;
	width: 112px;
	height: 48px;
	box-sizing: border-box;
	padding: 8px 3px 8px 50px;
	margin-right: 20px;
	font-size: 13px;
	line-height: 16px;
	white-space: normal;
	background: #f2f2f2;
	position: relative;
	cursor: pointer;
	word-wrap: break-word;
    word-break: break-all;
}
/* ▲ BUG#2401 对应 lidandan */
.header .data-container .data-list label:after {
	content: attr(data-text);
	display: inline-block;
	height: 32px;
	overflow: hidden;
	float: left;
}
.header .data-container .data-list label:last-child {
	margin: 0;
}
.header .data-container .data-list label.active, .header .data-container .data-list label:hover {
	background: #63afd9;
	color: #fff;
	transition: all 200ms ease;
}
/*
.header .data-container .data-list img
	width: 42px;
	height: 42px;
	position: absolute;
	top: 3px;
	left: 3px;
	pointer-events: none;
}
*/
.header .data-container .data-list label:before {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 32px;
	font-family: 'wkfont';
	background: #fff;
}
/* ▼ TASK#1171 对应 lidandan */
.header-right {
	position: absolute;
	top: -5px;
	right: 0;
	background: #fff;
	height: 64px;
	display: inline-block;
	white-space: nowrap;
	padding-right: 6px;
}
/* ▲ TASK#1171 对应 lidandan */
.header-right .results, .header-right .message {
	float: left;
	width: 56px;
	height: 100%;
	text-align: center;
	cursor: pointer;
	position: relative;
}
/* ▼ TASK#1171 对应 lidandan */
.header-right .message:before, .header-right .results:before {
	content: '\e625';
	font-family:"wkfont" !important;
	font-size: 24px;
	line-height: 64px;
	color: #424242;
	height: 46px;
    display: block;
}
/* ▲ TASK#1171 对应 lidandan */
.header-right .results:before {
	content: '\e626';
}
.header-right a:hover:before {
	color: #313131;
}
.header-right .message:after, .header-right .results:after {
	content: attr(data-text);
	display: inline;
	line-height: 18px;
	box-sizing: border-box;
	padding: 0 5px;
	border-radius: 9px;
	background: #D83A35;
	color: #fff;
	position: absolute;
	top: 16px;
	left: 28px;
	transform: scale(.8);
	transition: transform 200ms ease;
}
.header-right .message:hover:after, .header-right .results:hover:after {
	transform: scale(.9);
}
.header-right .user-dropdown {
	line-height: 64px;
	float: left;
	height: 100%;
	margin-left: 12px;
    font-size: 16px;
	cursor: default;
	position: relative;
}

.header-right .demonstrate {
    float: left;
    width: 56px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.header-right .demonstrate:before {
    content: '\e653';
    font-family: "wkfont" !important;
    font-size: 24px;
    line-height: 64px;
    color: #424242;
    height: 46px;
    display: block;
}

.header-right .performance {
    float: left;
    width: 56px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.header-right .performance:before {
    content: '\e660';
    font-family: "wkfont" !important;
    font-size: 24px;
    line-height: 64px;
    color: #424242;
    height: 46px;
    display: block;
}

.header-right .backlog {
    float: left;
    width: 56px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-left: 40px;
}

.header-right .backlog:before {
    content: '\e67c';
    font-family: "wkfont" !important;
    font-size: 24px;
    line-height: 64px;
    color: #424242;
    height: 46px;
    display: block;
}

.header-right .shortcut {
    float: left;
    width: 56px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.header-right .shortcut:before {
    content: '\e657';
    font-family: "wkfont" !important;
    font-size: 24px;
    line-height: 64px;
    color: #424242;
    height: 46px;
    display: block;
}

.header-right .user-dropdown span {
	display: inline-block;
	max-width: 72px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
}
.header-right .user-dropdown:before {
    content: attr(data-text);
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background: #424242;
    color: #fff;
    text-transform: uppercase;
    margin: 22px 8px 15px 0;
    float: left;
}
/*.header-right .user-dropdown:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid #c1c1c1;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	margin: 28px 8px;
	float: left;
}*/
.header-right .user-dropdown div {
	display: none;
	list-style: none;
	border: 1px solid #eee;
	background: #fff;
	width: 114px;
	padding: 6px 12px;
	box-sizing: border-box;
	position: absolute;
	top: 64px;
	right: 4px;
	min-height: 56px;
	font-size: 12px;
}
.header-right .user-dropdown div:before {
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
    left: 89px;
	top: -5px;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	transform: rotate(135deg);
	background: #fff;
}
.header-right .user-dropdown a {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 26px;
	border-bottom: 1px solid #eee;
	color: #313131;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
.header-right .user-dropdown a:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'wkfont';
	display: inline-block;
}
.header-right .user-dropdown a.passport:before {
	content: '\e634';
	font-size: 20px;
}
.header-right .user-dropdown a.exit:before {
	content: '\e633';
	font-size: 18px;
}
.header-right .user-dropdown a:last-child {
	border: none;
}
.header-right .user-dropdown:hover div {
	display: inline-block;
}

.message-box {
	position: fixed;
	right: 0;
	top: 65px;
	bottom: 0;
	width: 337px;
	padding: 20px 0 0 17px;
	background: #fff;
	box-shadow: -5px 0 5px #f2f2f2;
	transform: translate(100%, 0);
	transition: transform .2s linear;
	z-index: 998;
}
.message-box.show {
	transform: translate(0, 0);
}
.message-box .operation {
	width: 327px;
	position: absolute;
	right: 10px;
	top: 0;
	padding-top: 20px;
	background: #fff;
	overflow: auto;
}
.message-box .operation:empty:before {
	content: '\6682\65e0\5185\5bb9';
	display: block;
	line-height: 40px;
	text-align: center;
	color: #999;
}
.message-box .notice-wrap {
	margin-bottom: 30px;
	height: 155px;
}
.message-box .notice-wrap p {
	width: 310px;
	display:block;
	line-height: 18px;
	color: #18181A;
}
.message-box .notice-wrap .time {
	color: #858585;
	display: block;
	line-height: 12px;
	margin:30px 0 7px 0;
}
.message-box .operation .title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
	display: block;
	border-bottom: none;
	padding: 0;
}
.message-box .more,
.message-box .remove,
.message-box .removeall {
	margin-right: 26px;
	float: right;
	color: #63afd9;
	line-height: 12px;
	cursor: pointer;
}
.message-box .data-list {
	height: 100%;
	width: 353px;
	padding: 220px 30px 20px 0;
	overflow: auto;
	box-sizing: border-box;
}
.message-box .data-list .time {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #858585;
	line-height: 12px;
	display: block;
}
.message-box .data-list .title {
	padding: 10px 8px 10px;
	margin: 0px 0 10px 0;
	background: #FBFBFB;
	border: 1px dashed #DBDCDC;
	line-height: 18px;
}
.message-box .data-list .title .time {
	margin-top: 4px;
	padding: 0px;
	font-weight:normal;
	color: #858585;
	font-size: 12px;
	line-height: 12px;
}
.message-box .data-list .title .remove {
	margin: 4px 0 0;
	display: none;
	color: #7C8DFA;
}
.message-box .data-list .title:hover .remove {
	display: block;
}
.message-box .data-list .title a {
	display: block;
	color: #18181A;
}
.message-box .data-list .morelink {
	width:321px;
	height: 32px;
	margin: 0px auto;
	border: 1px solid #E3E7EA;
	text-align: center;
	color: #18181A;
	line-height: 32px;
	display: block;
}
.message-box .fixed-bottom {
	width: 354px;
	height: 20px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #fff;
}

.main-wrap {
	padding: 84px 20px 20px 220px;
	background: #f2f2f2;
}
.container-chart {
}
.container-chart .chart-search {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #eee;
	padding: 0 20px;
	margin-bottom: 20px;
}
.chart-search > * {
	float: left;
}
.chart-search .search-title {
	line-height: 48px;
	font-size: 14px;
}
.chart-search .date-text {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	width: 206px;
	border: 1px solid #e5e5e5;
	margin: 9px 14px;
	text-align: center;
	color: #959595;
}
.chart-search .date-text:after {
	content: '\e632';
	font-family: 'wkfont';
	display: inline-block;
	width: 28px;
	text-align: center;
	float: right;
	color: #86bbe0;
	font-size: 18px;
}
.chart-search button[type=reset] {
	color: #86bbe0;
	font-size: 14px;
	border: 0;
	outline: none;
	background: transparent;
	height: 30px;
	margin-top: 9px;
}
.attach-condition {
	float: right;
	color: #313131;
	font-size: 14px;
	white-space: nowrap;
}
.radio-group {
	color: #313131;
	font-size: 14px;
	white-space: nowrap;
}
.attach-condition input[type=radio], .radio-group input[type=radio] {
	display: none;
}
.attach-condition label, .radio-group label {
	margin: 0 12px 0 6px;
	padding-left: 20px;
	cursor: pointer;
	position: relative;
}
.attach-condition label:before, .radio-group label:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	position: absolute;
	left: 0;
	top: 0;
}
.attach-condition label:after, .radio-group label:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid #d4d4d4;
	background: #e5e5e5;
	position: absolute;
	left: 3px;
	top: 3px;
}
.attach-condition input[type=radio]:checked + label:after, .radio-group input[type=radio]:checked + label:after {
	border-color: #8ec0e3;
	background: #9dd2e7;
}
.container-chart .chart {
	border: 1px solid #eee;
	border-left: 0;
	float: left;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
}
.container-chart .chart .attach-condition {
	line-height: 24px;
	margin-right: 34px;
}
.container-chart .piechart {
	height: 400px;
}
.pie-col-max-4 .piechart {
	width: 25%;
}
.pie-col-max-3 .piechart {
	width: 33.33%;
}
.pie-col-max-3 .piechart:nth-child(3n+2) {
	width: 33.34%;
}
.pie-col-max-3 .piechart:nth-child(3n+1) {
	border-left: 1px solid #eee;
}
.pie-col-max-2 .piechart {
	width: 50%;
}
.pie-col-max-2 .piechart:nth-child(2n+1) {
	border-left: 1px solid #eee;
}
.container-chart .barchart, .container-chart .otherchart {
	width: 50%;
	height: 400px;
}
.container-chart .piechart:first-child, .container-chart .barchart {
	border-left: 1px solid #eee;
}
.pie-col-max-4 .piechart:nth-child(8n+2),
.pie-col-max-4 .piechart:nth-child(8n+4),
.pie-col-max-4 .piechart:nth-child(8n+5),
.pie-col-max-4 .piechart:nth-child(8n+7),
.pie-col-max-3 .piechart:nth-child(2n),
.pie-col-max-2 .piechart:nth-child(4n+2),
.pie-col-max-2 .piechart:nth-child(4n+3) {
	background: #f9f9f9;
}
.container-chart .piechart .chart-wrap {
	height: 250px;
	width: 250px;
	margin: 0 auto;
}
.container-chart .chart-group .piechart .chart-wrap {
	height: 226px;
}
.container-chart .chart-no-title {
	padding-top: 43px;
}
.container-chart .barchart .chart-wrap {
	height: 290px;
	margin-top: 20px;
}
.container-chart .piechart .text-show {
	height: 48px;
	/* ▼ TASK#1094 对应 lidandan */
	width: 422px;
	/* ▲ TASK#1094 对应 lidandan */
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
	margin-bottom: 12px;
}
.container-chart .chart-group .piechart .text-show {
	height: 72px;
}
/* ▼ BUG#2883 对应 lidandan */
.container-chart .piechart .text-show li {
	float: left;
	width: 42%;
	height: 24px;
	line-height: 24px;
	padding: 0 24px;
	position: relative;
	box-sizing: border-box;
}
/* ▲ BUG#2883 对应 lidandan */
/* ▼ BUG#2902 对应 lidandan */
div.container-chart-new .piechart .text-show li{
	width: 80%;
}
/* ▲ BUG#2902 对应 lidandan */
.container-chart .piechart .text-show li:before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 6px;
}
.container-chart .piechart .text-show li.t1:before {
	background: #86bbe0;
}
.container-chart .piechart .text-show li.t2:before {
	background: #eca74a;
}
.container-chart .piechart .text-show li.t3:before {
	background: #a2c27d;
}
.container-chart .piechart .text-show li.t4:before {
	background: #e89a9c;
}
.container-chart .piechart .text-show li.t5:before {
	background: #5a8d8c;
}
.container-chart .piechart .text-show li.t6:before {
	background: #9f95c2;
}
.container-chart .piechart .text-show li.t7:before {
	background: #af8a6d;
}
.container-chart .piechart .text-show li.t8:before {
	background: #b04046;
}
/* ▼ TASK#1098 对应 lidandan */
.container-chart .piechart .text-show li.t9:before {
	background: #f3d11f;
}
/* ▲ TASK#1098 对应 lidandan */
.container-chart .piechart .text-show li.t11:before {
	background: #e89213;
}
.container-chart .piechart .text-show li.t12:before {
	background: #eca74a;
}
.container-chart .piechart .text-show li.t13:before {
	background: #efbc49;
}
.container-chart .piechart .text-show li.t14:before {
	background: #6685a4;
}
.container-chart .piechart .text-show li:after {
	content: attr(data-text);
	float: right;
}
.container-chart .chart-link {
	height: 26px;
	line-height: 26px;
	border: 1px solid #86bbe0;
	color: #86bbe0;
	font-size: 12px;
	float: right;
	padding: 0 10px;
	margin: 0 10px;
	border-radius: 14px;
	cursor: pointer;
}
.container-chart a.chart-link:nth-of-type(2) {
	border-color: #eca74a;
	color: #eca74a;
}
.container-chart .chart-tooltip {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.container-chart .chart-tooltip:before {
	content: '\e630';
	font-family: 'wkfont';
	font-size: 18px;
	color: #9dd2e7;
}
.container-chart .chart-tooltip div {
	line-height: 18px;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
}
.container-chart .chart-tooltip div span {
	color: #63afd9;
}
.container-chart .chart-tooltip div:before, .container-chart .chart-tooltip div:after {
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	top: -9px;
	right: 14px;
	border-bottom: 6px solid #dee5ea;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.container-chart .chart-tooltip div:after {
	height: 0;
	top: -5px;
	border-bottom-color: #f9f9f9;
}
.container-chart .chart-tooltip:hover div {
	position: absolute;
	display: inline-block;
	width: 315px;
	height: auto;
	border: 1px solid #dee5ea;
	padding: 10px 12px;
	box-sizing: border-box;
	background: #f9f9f9;
	top: 26px;
	right: -10px;
	border-radius: 3px;
	opacity: 1;
	overflow: inherit;
	transition: opacity 200ms ease;
}
.container-chart .chart-explain {
	float: left;
	list-style: none;
	padding-left: 38px;
	line-height: 28px;
}
.container-chart .chart-explain li {
	margin-right: 24px;
	display: inline-block;
	float: left;
	color: #959595;
}
.chart-title {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	color: #313131;
	font-weight: 600;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	margin-left: 10px;
}
.chart-title:before {
	position: absolute;
	content: '';
	width: 14px;
	height: 2px;
	background: #9dd2e7;
	bottom: -2px;
}
.otherchart ul {
	list-style: none;
	height: 334px;
}
.otherchart li {
	width: 20%;
	height: 50%;
	float: left;
	padding: 20px 10px 0 10px;
	box-sizing: border-box;
}
.otherchart li .chart-detail {
	display: block;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 3px;
	font-size: 14px;
	line-height: 48px;
	color: #313131;
	text-align: center;
}
.otherchart li .detail-title {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	padding: 0 16px;
	background: #9dd2e7;
	text-align: left;
	margin-bottom: 12px;
}
.otherchart li b {
	display: block;
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;
}
@media all and (max-width:1439px) {
	.container-chart .piechart, .pie-col-max-3 .piechart:nth-child(3n+2) {
		width: 50%;
	}
	.container-chart .barchart, .container-chart .otherchart {
		width: 100%;
		border-left: 1px solid #eee;
	}
	.container-chart .piechart:nth-child(2n+1) {
		border-left: 1px solid #eee;
	}
	.container-chart .piechart {
		background: #fff !important;
	}
	.container-chart .piechart:nth-child(4n+2), .container-chart .piechart:nth-child(4n+3) {
		background: #f9f9f9 !important;
	}
	.pie-col-max-3 .piechart:nth-child(2n) {
		border-left: 0;
	}
}
@media all and (min-width:1440px) and (max-width:1879px) {
	.container-chart .piechart {
		width: 33.33%;
	}
	.container-chart .piechart:nth-child(3n+2) {
		width: 33.34%;
	}
	.container-chart .barchart {
		width: 66.67%;
		border-left: 0;
	}
	.pie-col-max-2 .piechart, .pie-col-max-2 .piechart:nth-child(3n+2) {
		width: 50%;
	}
	.container-chart .otherchart {
		width: 100%;
		border-left: 1px solid #eee;
	}
	.container-chart .piechart:nth-child(3n+1) {
		border-left: 1px solid #eee;
	}
	.pie-col-max-2 .piechart:nth-child(3n+1) {
		border-left: 0;
	}
	.pie-col-max-2 .piechart:nth-child(2n+1) {
		border-left: 1px solid #eee;
	}
	.container-chart .piechart {
		background: #fff !important;
	}
	.container-chart .piechart:nth-child(2n) {
		background: #f9f9f9 !important;
	}
	.pie-col-max-2 .piechart:nth-child(2n) {
		background: #fff !important;
	}
}

.prompt-wrap {
	position: fixed;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	min-width: 120px;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -85px;
	/*	transform: translate(-50%, -50%);*/
	background: #e4f7cd;
	border: 1px solid #A2C27D;
	border-radius: 2px;
	padding: 12px 24px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	box-shadow: 0 0 0 3px rgba(162, 194, 125, .3);
	/* ▼ BUG#2521 对应 lidandan */
	z-index: 4999;
	/* ▲ BUG#2521 对应 lidandan */
}
.prompt-wrap.err {
	border-color: #E89A9C;
	background: #ffc9ca;
	box-shadow: 0 0 0 3px rgba(232, 154, 156, .3);
}
.prompt-wrap:before {
	font-family: 'wkfont';
	content: '\e635';
	color: #A2C27D;
	font-size: 28px;
	vertical-align: middle;
	margin-right: 8px;
}
.prompt-wrap.err:before {
	content: '\e95a';
	color: #E89A9C;
}

.form-wrap {
	margin: 0 auto;
	padding: 20px 0;
}
.form-wrap > li {
	padding: 0 40px 0 84px;
	margin-bottom: 16px;
	text-align: left;
}
.form-wrap > li:last-child {
	margin: 0;
}
.form-wrap > li > span {
	float: left;
	line-height: 34px;
	width: 72px;
	text-align: right;
	margin-left: -84px;
	font-size: 12px;
}
.form-wrap > li > input,
.form-wrap > li > select,
.form-wrap > li > textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 2px;
	outline: 0;
	background: #fff;
	transition: all 200ms ease;
}
.form-wrap > li > input[type=text],
.form-wrap > li > input[type=password],
.form-wrap > li > select {
	height: 34px;
	padding: 0 10px;
}
.form-wrap > li > textarea {
	height: 138px;
	padding: 6px;
	font-size: 12px;
	line-height: 18px;
	resize: none;
}
.form-wrap > li > input:focus,
.form-wrap > li > select:focus,
.form-wrap > li > textarea:focus {
	border-color: #2aa9e0;
	box-shadow: 0 0 0 3px rgba(42, 169, 224, .15);
}
.form-wrap > li > button {
	height: 36px;
	padding: 0 24px;
	color: #fff;
	font-size: 14px;
	border: 0;
	background: #63afd9;
	border-radius: 2px;
	word-spacing: 6px;
}
.form-wrap > li > button.submit {
	margin-right: 24px;
}
.form-wrap > li > button.cancel {
	background: transparent;
	border: 1px solid #E1E5E8;
	color: #8C919F;
}
.form-wrap > li > .err {
	display: inline-block;
	margin-top: 20px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #FA6D6D;
	background: #FEE2E2;
	color: #FA6D6D;
	padding: 0 10px;
	border-radius: 2px;
}
.form-wrap > li > .err:before {
	content: '\e630';
	font-family: 'wkfont';
	margin-right: 6px;
	font-size: 18px;
	color: #FA6D6D;
	vertical-align: bottom;
}

.glasslayer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .2;
	z-index: 1100;
	transition: opacity .15s linear;
}
/*
.loading {
    width: 72px;
    height: 72px;
	background: url(images/loading.gif) -4px -4px no-repeat;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
	border-radius: 50%;
    z-index: 1101;
}
*/
.loading {
	width: 60px;
	height: 60px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 1101;
}
.loading:after, .loading:before {
	content: '\6b63\5728\52a0\8f7d';
	color: #fff;
	line-height: 60px;
	text-align: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	animation: loading 1.6s infinite ease-in-out;
}
.loading:after {
	animation-delay: -.8s;
}
.modal-layer {
	display: block;
}
.modal-layer .modalback {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .2;
	z-index: 1000;
	/*	transition: opacity .15s linear; */
}
body div:nth-last-child(2) .modalback {
	opacity: 0;
	transition: none;
}
body div:nth-last-child(2) .viewbox {
	opacity: 0;
}
.modal-layer .modalbox {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1010;
	overflow-x: hidden;
	overflow-y: auto;
	/*
        transform: translate(0, 0);
        animation: .3s ease 0s normal none 1 running modal-layer-to-down;
    */
	animation-duration: .6s;
}
.modal-layer .modelmiddle {
	display: table-cell;
	width: 100vw;
	height: 100vh;
	vertical-align: middle;
	text-align: center;
}
.modal-layer .viewbox {
	display: inline-block;
	height: auto;
	min-width: 260px;
	margin: 30px auto;
	border: 1px solid #E1E5E8;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 1px;
	position: relative;
	transition: opacity .15s linear;
}
.modal-layer .close {
	position: absolute;
	top: 10px;
	right: 14px;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	border-radius: 50%;
	transform-origin: center;
	user-select: none;
	cursor: pointer;
	transition: transform .15s linear;
}
.modal-layer .close:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	color: #94989e;
	font-family: 'wkfont';
	content: '\e605';
}
.modal-layer .close:hover {
	transform: rotate(90deg);
	background: #f6f6f6;
}
.modal-layer h3 {
	line-height: 42px;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}
.modal-layer .modalcontent {
	border-top: 1px solid #E1E5E8;
}
.modal-layer .modalcontent:before,
.modal-layer .modalcontent:after {
	content: '';
	display: table;
	clear: both;
}
.modal-layer .modalfotter {
	border-top: 1px solid #E1E5E8;
	padding: 12px;
}
/*
.modal-layer .modalfotter input {
	display: none;
}
.modal-layer .modalfotter label {
	height: 14px;
    line-height: 16px;
    position: absolute;
    padding-left: 20px;
    left: 40px;
    bottom: 24px;
}
.modal-layer .modalfotter label:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
}
.modal-layer .modalfotter input[type=checkbox]:checked + label:before {
	border-color: #F26622;
}
.modal-layer .modalfotter input[type=checkbox]:checked + label:after {
	content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    display: inline-block;
    width: 6px;
    height: 3px;
    border-left: 2px solid #F26622;
    border-bottom: 2px solid #F26622;
    transform-origin: left bottom;
    transform: rotate(-45deg) scale(1, 1.00);
}
*/
.modal-layer .modalfotter button {
	box-sizing: border-box;
	padding: 0 24px;
	height: 32px;
	color: #fff;
	font-size: 14px;
	border: 0;
	background: #63afd9;
	border-radius: 2px;
	cursor: pointer;
	margin: 0 12px;
}
.modal-layer .modalfotter button:active,
.form-wrap > li > button:active {
	box-shadow: 0 0 0 3px rgba(99, 175, 217, .15)
}
/*
.modal-layer .modalfotter button:hover {
	background: linear-gradient(to bottom, #1e88e5 0%,#1a7ace 74%,#1a7ace 100%);
}
*/
.passport-editor {
	width: 400px;
}
.passport-editor .form-wrap li {
	padding-left: 124px;
}
.shortcut-editor {
	width: 520px;
	padding: 10px 20px;
	text-align: left;
}
.shortcut-editor dt {
	font-size: 14px;
	line-height: 34px;
	border-bottom: 1px dotted #E1E5E8;
	margin-top: 8px;
}
.shortcut-editor dt:first-child {
	margin-top: 0;
}
.shortcut-editor dd {
	padding-top: 6px;
	line-height: 34px;
}
.shortcut-editor dd:after {
	content: '';
	display: table;
	clear: both;
}
.shortcut-editor dd div {
	display: inline-block;
	float: left;
	width: 120px;
	position: relative;
}
.shortcut-editor dd input[type=checkbox] {
	display: none;
}
.shortcut-editor dd label {
	padding-left: 18px;
	cursor: pointer;
}
.shortcut-editor dd i {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #E1E5E8;
	border-radius: 2px;
	position: absolute;
	top: 9px;
	left: 0;
}
.shortcut-editor dd input[type=checkbox]:checked + i {
	border-color: #63afd9;
}
.shortcut-editor dd input[type=checkbox]:checked + i:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 7px;
	height: 4px;
	border-left: 1px solid #63afd9;
	border-bottom: 1px solid #63afd9;
	transform: rotate(-45deg);
}
.goup-container {
	position: fixed;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	right: 20px;
	bottom: 20px;
	background: rgba(0, 0, 0, .2);
	border-radius: 5px;
	cursor: pointer;
	display: none;
}
.goup-container:before {
	font-family: 'wkfont';
	content: '\e662';
	font-size: 32px;
	color: rgba(99, 175, 217, .8);
}
@keyframes modal-layer-to-down {
	0% {
		transform: translate(0, -100%);
	}
	100% {
		transform: translate(0, 0%);
	}
}

@keyframes loading {
	0%, 100% {
		transform:scale(0);
	}
	50% {
		transform:scale(1);
	}
}
/*▼ BUG.357 对应 chao*/
.msg_set_clz li {
	text-align: left;
	padding-left: 50px;
	line-height: 34px;
}

.msg_set_clz > li:last-child {
	margin: 0;
	padding-left: 0;
	text-align: center;
	margin-bottom: 15px;
}

.msg_set_clz > li span {
	margin: 0 5px;
}

.msg_set_clz > li:nth-child(2) {
	border-bottom: 1px solid #18181A;
	margin-bottom: 20px;
}

.msg_set_clz li > button {
	height: 36px;
	padding: 0 24px;
	color: #fff;
	font-size: 14px;
	border: 0;
	background: #63afd9;
	border-radius: 2px;
	word-spacing: 6px;
}

.msg_set_clz > li > button.cancel {
	background: transparent;
	border: 1px solid #E1E5E8;
	color: #8C919F;
	margin-right: 24px;
}

.modal-layer div.header_clz {
	border: none;
}

.line_clz {
	padding: 0 20px;
}

.msg_set_clz > li span:nth-child(3) {
	color: rgb(197,154,51);
}
/*▲ BUG.357 对应 chao*/
/* ▼ TASK#1126 对应 lidandan */
.modal-layer .face_show_pop{
	width: 900px;
}
.face_btn{
	margin: 10px 0;
}
.face_editor{
	width: 880px;
	text-align: left;
	padding:0 10px;
}
.passport-editor .form-wrap li.face_sure{
	padding-left: 0;
	text-align: center;
}
.point_info{
	background: #FEFDEF;
    border: 1px solid #ECEBD6;
   	margin-left: 10px;
    padding:10px;
    width: 80px;
    display: inline-block;
}
/* ▲ TASK#1126 对应 lidandan */
/* ▼ TASK#1148 对应 lidandan */
.calculate{
	float: left;
    width: 56px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
/* ▼ TASK#1171 对应 lidandan */
.calculate:before{
	content: '\e674';
    font-family: "wkfont" !important;
    font-size: 24px;
    line-height: 64px;
    color: #424242;
    height: 46px;
    display: block;
}
/* ▲ TASK#1171 对应 lidandan */
.calculate-box{
	position: fixed;
    right: 0;
    top: 65px;
    bottom: 0;
    width: 337px;
    padding: 20px 0 0 17px;
    background: #fff;
    height: 89%;
    overflow-y: scroll;
    transform: translate(100%, 0);
    box-shadow: -5px 0 5px #f2f2f2;
    transition: transform .2s linear;
    z-index: 997;
}
.calculate-box.show {
    transform: translate(0, 0);
}
.calculate-box .title{
	margin-bottom: 20px;
}
.calculate-box .title span{
	margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    border-bottom: none;
    padding: 0;
}
.subtitle,.subtitle_after{
	width: 92%;
	border: 1px solid #E1E5E8;
	padding: 9px 5px;
	background-color: #F9F9F9;
	position: relative;
    cursor: pointer;
   	color: #18181A;
   	margin-bottom: 20px;
}
.subtitle:after{
	content: '';
    display: block;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 15px;
    top: 14px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.calculate-box .subtitle_after:after{
	content: '';
    display: block;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 15px;
    top: 14px;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.subtitle_content_clz{
	display: none;
}
.calculate_content table{
	width: 95%;
	font-size:12px ;
}
.calculate_content table th{
	background-color: #828282;
    color: #fff;
}
.calculate_content table tr th:nth-child(2),.calculate_content table tr td:nth-child(2){
	text-align: right;
	padding-right: 10px;
}
.calculate_content table tr{
	background-color: #f7f7f7;
}
.calculate_content table tr.deepColors{
	background-color: #EEEEEE;
}
.calculate_content table th,.calculate_content table td{
	text-align: center;
	padding: 5px 0;
	border: 1px solid #fff;
}
.calculate_content table td.calculate_input_amount{
	padding: 0;
}
.calculate_input{
	width: 75px;
    height: 93%;
	padding:7px 3px;
	border: 1px solid #f7f7f7;
	margin: 0 5px;
}
.calculate_content table td.calculate_sum{
	font-weight: bold;
}
.calculate_btn{
	text-align: right;
	margin: 20px 0;
	margin-right: 10px;
}
/* ▲ TASK#1148 对应 lidandan */
/* ▼ TASK#1196 对应 lidandan */
.changeFirm header{
	display: none;
	position: absolute;
	top:0;
	left: -125px;
	width: 222px;
	/*border: 1px solid chartreuse;*/
}
.changeFirm p{
	/*display: none;*/
	/*position: absolute;
	top:0;
	left: -125px;*/
	background: #fff;
    width: 114px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.changeFirm p a{
	height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    display: block;
    height: 36px;
    cursor: pointer;
}
.changeFirm:hover header{
	display: block;
}
.changeFirm p:before{
	width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    /*right: -6px;*/
   	right:104px;
    top: 13px;
    border-left: 1px solid #eee;
    transform: rotate(135deg);
    background: #fff;
    border-top: 1px solid #eee;
}
/* ▲ TASK#1196 对应 lidandan */
/* ▼ TASK#1196 对应 lidandan */
.showVersion header{
	display: none;
	position: absolute;
	top:0;
	left: -211px;
	width: 222px;
	/*border: 1px solid chartreuse;*/
}
.showVersion p{
	/*display: none;*/
	/*position: absolute;
	top:0;
	left: -125px;*/
	background: #fff;
    width: 200px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.showVersion p a{
	height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    display: block;
    height: 36px;
    cursor: pointer;
}
.showVersion:hover header{
	display: block;
}
.showVersion p:before{
	width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    /*right: -6px;*/
   	right:18px;
    top: 13px;
    border-left: 1px solid #eee;
    transform: rotate(135deg);
    background: #fff;
    border-top: 1px solid #eee;
}
/* ▲ TASK#1196 对应 lidandan */
/* ▼ TASK#1253 对应 chao */
.shopBlueMeeing{
	background-color: #F75660; /*#4169e1*/
}
.shopGreenMeeing{
	background-color: #84C27C;/*#25dd48*/
}
.shopGrayMeeing{
	background-color: #9B9B9B;
}
/* ▲ TASK#1253 对应 chao */