@charset "utf-8";
/*HTML元素预定义css*/
*{ margin:0px; padding:0px; font-family:"Microsoft YaHei","黑体","宋体",sans-serif;}
img{ border:0; vertical-align:middle;}
input{outline: none;}
body{font-size:14px; line-height:22px; color:#555; background-color:#f8f8f8;}
table{ width:100%;}
table td{ padding:5px;}
a:link {text-decoration:none;color:#555;}		/*未被访问的链接*/
a:visited {text-decoration:none;color:#555;}	/*已被访问的链接*/
a:hover {text-decoration:none;color:#638e9d;}	/*鼠标指针移动到链接上*/
a:active {text-decoration:none;color:#638e9d;}	/*正在被点击的链接*/
h1{ font-size:24px; line-height:50px;}
h2{ font-size:20px; line-height:40px;}
h3{ font-size:18px; line-height:30px;}
h4{ font-size:16px; line-height:26px;}
p{ line-height:22px; font-size:14px; text-align:left;}
ul{ list-style-type:none;}
textarea{ resize:none;}
input,select,textarea{ border:1px solid #e9e9e9; font-size:14px; color:#555; outline:none;}
input[type=checkbox]{ vertical-align:-2px;}
/*通用颜色*/
.yellow{ color:#ff9900!important;}
.blue{ color:#1877e8!important;}
.green{ color:#61b265!important;}
.red{ color:#FF0000!important;}
.gray{color:#888;}
/*通用样式*/
.radioLabel{display: inline-block;}
.hide{ display:none;}
.record{border-bottom:1px solid #e3efea;padding:6px;font-size: 14px;}
.record > p{ font-size:14px;}
.record:hover{ background-color:#f2f2f2;}
.recordDiv{ overflow:auto; height:100px;}
.center{ text-align:center!important;}
.short{ width:200px!important;}
.textIndent p{ text-indent:2em;}
.imgHover:hover{-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.smallWord{ color:#888; font-size:14px; line-height:22px;}
.select{width:120px; height:26px; padding:0 4px 0 4px; border-radius:4px; }
.text{ height:24px; padding:0 4px 0 4px; width:200px; border-radius:4px;}
.textLong{ height:24px; padding:0 4px 0 4px; width:400px; border-radius:4px;}
.textPrice{ height:26px; width:100px; padding:0 4px 0 4px; border-radius:4px; text-align:center;}
.textarea{padding:5px; width:600px; height:100px; border-radius:4px; display:block;}
.button{background-color:#4c9cfb; border:0; border-radius:4px; cursor:pointer; width:140px; height:30px; color:#fff; font-size:14px; font-weight:bold;}
.button:hover{ background-color:#6aacfb}
.buttonDelete{background-color:#719ca9; border:0; border-radius:4px; cursor:pointer; width:140px; height:30px; color:#fff; font-size:14px; font-weight:bold;}
.buttonDelete:hover{ background-color:#7eabb9}
.spanButton{ border:1px solid #c0d1e4; color:#7D7058; background-color:#FDFCFC;border-radius:4px; font-size:14px; cursor:pointer; padding:0 6px 0 6px;white-space: nowrap; user-select:none; }
.spanButton:hover{ color:#53b5ce;}
.record{border-bottom:1px solid #e3efea;padding:6px;font-size: 14px;}
.record > p{ font-size:14px;}
.record:hover{ background-color:#f2f2f2;}
.recordDiv{ overflow:auto; height:100px;}
.spanDel{ border:1px solid #cddba2; color:#7D7058; background-color:#FDFCFC;border-radius:4px; font-size:14px; cursor:pointer; padding:0 6px 0 6px; margin:0 6px 0 0;white-space: nowrap; user-select:none; position:relative; }
.spanDel > div{width:16px;height:16px;background-color:#efefef;font-size:16px;line-height:16px;text-align:center;border-radius:50%;position:absolute;right:-10px;top:-10px;cursor:pointer;border:2px solid #fff;z-index:1;}
.spanDel > div:hover{ background-color:#ddd;}
.headline{ border-bottom:1px solid #e9e9e9; padding:10px 10px 6px 10px; clear:both;}
.rightPadding{ padding:0 8px 0 0;}
.rectangle{padding:6px 12px 6px 12px; float:left;margin:8px 0 0 8px; background-color:#f8f8f8; font-size:12px; color:#555; border-radius:4px; }
.divButton{ border-radius:4px; line-height:20px; padding:2px 8px 2px 8px; color:#fff; background-color:#4c9cfb; cursor:pointer; display:inline-block;}
.divButton:hover{ background-color:#6aacfb;}
/*系统框架*/
.floatRight{ float:right!important; margin:0 0 0 6px;}
.floatLeft{ float:left!important;}
.padding{ padding:10px!important;}
.clear{ clear:both!important;}
.relative{ position:relative!important;}
.smallImg{height:100px; cursor:pointer;}
.smallImg:hover{-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.kuang{ border:1px solid #e9e9e9; padding:10px; margin:10px 0 0 0; background-color:#fff;}
.space{ clear:both; height:10px;}
.warn{ padding:8px; background-color:#f2f2f2; margin:2px 0 0 0;}
.listIco{ height:22px; cursor:pointer;}
/*列表页多选框*/
.listCheckbox{ width:20px; height:20px; display:inline-block; vertical-align:bottom; padding:1px; cursor:pointer;}
.listCheckbox > span{width:16px; height:16px; display:inline-block; border:2px solid #cdcdcd; border-radius:4px;}
.listCheckbox > input[type=checkbox]{ display:none;}
.listCheckbox > input[type="checkbox"]:checked+span{ background-image:url(../img/control/hook.svg); background-position:center; background-repeat:no-repeat; background-size:80% 100%;}
/*带标题的多选框*/
.checkbox{cursor:pointer;user-select:none}
.checkbox > span{ width:10px; height:10px; display:inline-block; border:2px solid #cdcdcd; border-radius:4px; vertical-align:-2px;}
.checkbox > input[type=checkbox]{ display:none;}
.checkbox > input[type="checkbox"]:checked+span{ background-image:url(../img/control/hook.svg); border-color:#72c7ef; background-position:center; background-repeat:no-repeat; background-size:80% 100%;}
/*弹出层*/
.dibian{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1; background-color:#000;-moz-opacity: 0.3;opacity:.30;filter: alpha(opacity=30);}
.win{ width:400px; height:200px; position:fixed; top:50%; left:50%; margin:-100px 0 0 -200px; z-index:2; background-color:#fff; border-top-left-radius:4px; border-top-right-radius:4px;}
.winTitle{ height:40px; line-height:40px; background-color:#ddd; padding:0 10px 0 10px; border-top-left-radius:4px; border-top-right-radius:4px; user-select:none; cursor:pointer;}
.winClose{ cursor:pointer; float:right; font-size:24px;}
.winClose:hover{ color:#4c9cfb;}
.winAuto{overflow: auto;}
#warnWord{ font-size:14px; line-height:20px; text-align:center; display: table-cell; vertical-align:middle; width:300px; height:60px; padding:10px;}
#warnSure,#warnCancel{ position:absolute; width:150px; height:40px; line-height:40px; text-align:center; bottom:0px; cursor:pointer; color:#fff;}
#warnSure{ background-color:#ff7472; }
#warnSure:hover{ background-color:#e66765;}
#warnCancel{ background-color:#ccc; left:150px; }
#warnCancel:hover{ background-color:#aaa;}
.winFooter{ background-color:#cecdbb; height:40px; line-height:40px; padding:0 10px 0 10px; text-align:right;}
.layerSearch{ padding:16px 10px 0 10px;}
/*弹出层表单*/
.layerForm{ text-align:center; padding:10px;}
.layerForm > ul{display:flex;}
.layerForm > ul > li{ padding:5px; line-height:30px;}
.layerForm > ul > li:nth-child(2n-1){text-align:right; width:106px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layerForm > ul > li:nth-child(2n){ text-align:left; flex:1;}
.layerForm input[type='text'],.layerForm input[type='password']{ line-height:16px; width:200px; padding:6px; border-radius:4px;}
.layerForm select{width:214px; border-radius:4px; height:30px;}
.layerForm textarea{width:590px; height:100px; padding:6px; border:1px solid #e9e9e9; border-radius:4px; display:block;}
.layerForm .button{ margin:10px 0 0 0;}
/*密码强度效果*/
ul.pas_biao li{ float:left; text-align:center; margin-left:5px; width:65px; height:2px;}
/*登录页*/
.loginBack{ position:fixed; width:100%; height:100%; z-index:1;}
.loginWin{ width:400px; height:500px; position:fixed; top:50%; left:50%; margin:-250px 0 0 -200px; background:#fff; z-index:2; border-radius:4px; text-align:center;}
.loginWin p{ text-align:center; font-size:14px;}
.loginIco{ margin:20px 0 0 0;}
.loginWin > form > table tr >:first-child{ text-align:right;}
.loginWin > form > table tr >:nth-child(2){ text-align:left;}
.loginWin > form > table input[type='text'],.loginWin > form > table input[type='password']{ padding:10px; width:230px;}
.loginWin > form > table input[name='prove']{ width:100px!important; text-align:center;}
.loginWin > form input[type='button']{ height:40px; width:300px; font-size:16px; color:#fff; background:#9C9; margin:10px 0 10px 0; cursor:pointer; border-radius:20px;}
.loginWin > form input[type='button']:hover{ background:#85b385;}
.loginWin > form > p{ cursor:pointer;}
.loginWin > form > p:hover{ color:#85b385;}
#checkNumImg{ cursor:pointer;}
/*系统主页参数列表*/
.numUl{ width:100%; display:flex; background-color:#fff; margin:10px 0 0 0; padding:20px 0 20px 0; border:1px solid #e9e9e9; border-radius:4px;}
.numUl > li{flex:1; padding:10px; border-left:1px solid #f2f2f2;}
.numUl > li:nth-child(1){border-left:0;}
.numUl > li > p{ text-align:center;}
.numUl > li > p:nth-child(1){ color:#999;}
.numUl > li > p:nth-child(2){ color:#333; font-size:30px; margin:6px 0 0 0;}
.hover{ cursor:pointer;}
.hover:hover{ color:#3fb1e3!important;}
/*系统主页-列表*/
.newsUl{ width:100%; display:flex; margin:10px 0 0 0;}
.newsUl > li{flex:1; border:1px solid #e6e6e6; background-color:#fff; border-radius:4px;}
.newsUl > li:nth-child(1){margin:0 10px 0 0;}
.newsUl > li > div:first-child{padding:10px; border-bottom:1px solid #e9e9e9;}
.newsUl > li > div:first-child > span:nth-child(1){font-weight:bold;}
.newsUl > li > div:first-child > .more{float:right; cursor:pointer; color:#888;}
.newsUl > li > div:first-child > .more:hover{ color:#5eb599;}
.newsUl > li > div:nth-child(2){padding:10px;height:240px;overflow:auto;}
.newsUl > li > div:nth-child(2) > ul{ display:flex;}
.newsUl > li > div:nth-child(2) > ul > li{ padding:3px 0 3px 0;}
.newsUl > li > div:nth-child(2) > ul > li:nth-child(1){flex:1; cursor:pointer;}
.newsUl > li > div:nth-child(2) > ul > li:nth-child(1):hover{ color:#4c9cfb;}
.newsUl > li > div:nth-child(2) > ul > li:nth-child(2){color:#888; flex-basis:140px;}
/*系统主页-曲线代码块*/
.curveUl{ width:100%; margin:10px 0 0 0; display:flex;}
.curveUl > li{flex:1; background-color: #fff; border-radius:4px; border:1px solid #e9e9e9; height:300px;}
.curveUl > li:nth-child(1){margin:0 10px 0 0;}
.curveUl > li > div:nth-child(1){ padding:10px; font-weight:bold;}
.curveUl > li > div:nth-child(1) > form > input[type=text]{ width:100px; padding:2px 6px 2px 6px; border:1px solid #e9e9e9; border-radius:4px;}
.curveUl > li > div:nth-child(1) > form > input[type=submit]{ cursor:pointer; padding:3px 10px 3px 10px; border-radius:4px; color:#fff; background-color:#4c9cfb; border:0;}
.curveUl > li > div:nth-child(1) > form > input[type=submit]:hover{ background-color:#2687fb;}
.curveUl > li > div:nth-child(2){ width:100%; height:257px;}
.curveUl > li > div:nth-child(2) > p{ font-size:14px; margin-left:10px;}
/*通用文章样式*/
.articleControl{ position:absolute; cursor:pointer; background-color:#ff0000; color:#fff; font-size:12px; height:16px; line-height:16px; text-align:center; top:-8px; }
.articleDelete{ width:16px; right:-8px;}
.articleEdit{ width:60px; right:20px;}
.articleList{ width:16px; left:-8px; }
.articleMx p{ line-height:30px; font-size:14px; color:#888; text-indent:2em;}
.articleTitle1{ font-size:18px; color:#4c9cfb;}
.articleTitle2{ color:#49a587;}
.articlename{ font-size:16px; color:#66CCFF;}
#addArticleWordButton,#addArticleImgButton{position:fixed; right:20px; width:48px; border-radius:4px; padding:10px; background-color:#000;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50); 
color:#fff; text-align:center; cursor:pointer;}
#addArticleWordButton > img,#addArticleImgButton > img{ width:50%;}
#addArticleWordButton > p,#addArticleImgButton > p{ margin:10px 0 0 0;}
#addArticleWordButton{ bottom:100px;}
#addArticleImgButton{ bottom:225px;}
/*表格样式*/
.tableRight tr>:first-child{ text-align:right; background-color:#d8e8f3; min-width:100px;}
.tableRight td{ background-color:#f2ece0; color:#77643c;}
.tableMany,.tableOut{ border-collapse:collapse; background-color:#fff;}
.tableMany td{ border:1px solid #e6e6e6; word-break:break-all; min-width:28px;}
.tableMany tr:hover{ background-color:#f2f2f2;}
.tableManyClick{ background-color:#f2f2f2;}
.tableMany tr:first-of-type{ background-color:#f2f2f2; color:#555;}
.tableOut td{border:1px solid #cad9ea; word-break:break-all; min-width:28px;vertical-align: super;}
.colspan{ background-color:#ebf2f8; color:#555;}
.tableTitle{ text-align:center; background-color:#ebf2f8; padding:5px; border-top:1px solid #cad9ea; border-left:1px solid #cad9ea; border-right:1px solid #cad9ea; font-size:14px;}
/*列表页查询样式*/
.search{ min-height:22px; font-size:14px;}
.search select,.search input[type=text]{ padding:0 4px 0 4px; border-radius:4px; width:100px;margin: 0 0 6px 0;}
.search input[type=text]{ height:24px;}
.search select{ height:26px;}
.search input[type=submit],.searchSub{background-color:#4c9cfb; height:26px; cursor:pointer; color:#fff; padding:0 4px 0 4px; margin:0 0 6px 0; border-radius:4px; width:60px;}
.search input[type=submit]:hover{ background-color:#6aacfb;}
.searchData{font-size:14px;color:#888;margin:4px 0 -4px 0;}
/*分页*/
.pageButton{ text-align:center; padding:10px 0 0 0; height:30px;}
.pageButton > ul > li{ margin:0 4px 0 0; padding:2px 8px 2px 8px; border:1px solid #afafaf; border-radius:4px; font-size:14px; font-weight:bold; float:left; cursor:pointer;}
.pageButton > ul > li:hover{ background-color:#e9e9e9;}
.pageButton select{ border:1px solid #afafaf; float:left; border-radius:4px; padding:3px; font-size:14px; height:28px;}
.pageButton .pageNow{ border:1px solid #4c9cfb; color:#4c9cfb;}
.pageHint{ float:right; color:#888; margin:0 0 0 10px;}
/*列表上的图片*/
.imgList{ display:inline-block; max-width:100px; overflow:hidden;}
.imgList img{ height:42px;}
.developIco{height:20px;vertical-align:-5px;}
/*文章页*/
.syMenu{ width:200px; border:1px solid #e9e9e9; float:left; margin:10px 0 0 0;}
.syMenu > ul > li { border-bottom:1px solid #e9e9e9; border-left:6px solid #e9e9e9;}
.syMenu > ul > li > a { display:block; padding:10px; font-size:16px;}
.syRight{ padding:10px; background-color:#fff; border:1px solid #e9e9e9; margin:10px 0 0 210px;}
.syRight > h2{ text-align:center; color:#4c9cfb; line-height:60px;}
.syRight p{ font-size:16px; line-height:26px; margin:0 0 10px 0; text-indent:2em;}
.syMenuHover , .syMenu > ul > li:hover{ border-left:6px solid #4c9cfb!important; background-color:#f1f5ff;}
.searchRes {
    position: absolute;
    border: 1px solid #ccc;
    width: 208px;
    background-color: #ffffff;
    max-height: 300px;
    overflow: auto;
    padding: 5px;
    height: 200px;
}
.my-formButton{min-width:80px;max-width: 300px; background-color:#4c9cfb; color:#fff; text-align:center; padding:10px; border-radius:10px; margin:10px auto 10px auto; cursor:pointer;}
.my-formButton:hover{ background-color:#6aacfb;}
.zd-input {
    width: 100%;
    position: relative;
    display: inline-block;
}

.zd-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
}

.zd-input--suffix .zd-input__inner {
    padding-right: 30px;
}

.zd-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none;
}

.zd-input__suffix-inner {
    pointer-events: all;

}

.zd-cascader-wrap .zd-input__inner {
    text-overflow: ellipsis;
}

.zd-input__icon {
    height: 100%;
    text-align: center;
    width: 25px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zd-input__icon.zd-icon-arrow-down {
    transition: transform .3s;
    font-size: 13px;
}

.zd-input__icon.zd-icon-arrow-right {
    transition: transform .3s;
    font-size: 13px;
    transform: rotate(270deg);
}

.zd-cascader-wrap {
    width: 200px;
    height: 30px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    font-size: 13px;
}

.zd-cascader__dropdown {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2009;
    margin: 5px 0;
    margin-bottom: 12px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    display: none;
}

.zd-cascader-panel {
    display: flex;
    border-radius: 4px;
    font-size: 13px;
}

.zd-scrollbar {
    overflow: hidden;
    position: relative;
}

.zd-scrollbar__wrap {
    overflow: scroll;
    height: 100%;

}

.zd-cascader-menu {
    min-width: 160px;
    box-sizing: border-box;
    color: #606266;
    border-right: 1px solid #e4e7ed;
}

.zd-cascader-menu:last-child {

    border-right: none;

}

.zd-cascader-menu__wrap {
    margin-bottom: -17px;
    margin-right: -17px;
    height: 204px;

}

.zd-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    box-sizing: border-box;
}

.zd-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: none;
}

.zd-cascader-node:not(.is-disabled) {
    cursor: pointer;
}

.zd-cascader-node__label {
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zd-cascader-node__postfix {
    position: absolute;
    right: 10px;
}

.zd-cascader-node:not(.is-disabled):focus,
.zd-cascader-node:not(.is-disabled):hover,
.zd-cascader-node:not(.is-disabled).is-prepare {
    background: #f5f7fa;
}

.zd-cascader-node.in-active-path,
.zd-cascader-node.is-active,
.zd-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700;
}

.zd-cascader-node.in-active-path .zd-input__icon path,
.zd-cascader-node.is-active .zd-input__icon path,
.zd-cascader-node.is-selectable.in-checked-path .zd-input__icon path {
    fill: #409eff;
}

.zd-cascader-wrap:not(.is-disabled):hover .zd-input__inner {
    cursor: pointer;
    border-color: #c0c4cc;
}

.zd-cascader-wrap.is-focus .zd-input .zd-input__inner {
    border-color: #409eff;
}

.zd-cascader-wrap.is-focus .zd-input .zd-input__icon {
    transform: rotate(180deg);
}

.zd-cascader-wrap.is-focus .zd-cascader__dropdown {
    display: inline-block;
}

.zd-cascader-wrap:focus-within .zd-input__inner {
    border-color: #409eff;
}
/*员工管理-职位详情页-权限设置*/
.box{ border:1px dashed #bba342; padding:10px; margin:10px 0 0 0;}
.box > p{ font-size:14px; line-height:30px;}
.box > p:first-of-type{color:#bba342;}
/*跟进记录*/
.follow{ font-size:14px; line-height:18px; background-color:#fff;}
.followTitle{ position:relative; background-color:#f8f8f8; padding:4px; margin:10px 0 0 0; line-height:28px; border-top-left-radius:4px; border-top-right-radius:4px;}
.followTitle img{ width:30px;vertical-align: bottom; border-radius:50%; margin:0 4px 0 0;}
.followTitle span{ float:right; color:#aaa; margin:0 20px 0 0;}
.followText{ padding:10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background-color:#f8f8f8;}
.followText p{ font-size:14px;}
.followTextarea{ width:100%; height:200px; padding:10px; font-size:14px; box-sizing: border-box;outline: none;}
#followQuick > li{ float:left; border-radius:4px; padding:2px 10px 2px 10px; margin:10px 10px 10px 0; cursor:pointer; color:#fff; background-color:#ccc; font-size:12px;}
#followQuick > li:hover{ background-color:#ff7472;}
.followDel{ width:30px; height:30px; background-color:#efefef; font-size:25px; line-height:30px; text-align:center;border-radius:50%; position:absolute; right:-15px; top:-15px; cursor:pointer; border:2px solid #fff;}
.followDel:hover{ background-color:#ddd;}
/*左右结构*/
#adLogo{position:fixed; z-index:1; width:136px; height:38px; left:0; top:0; cursor:pointer;}
.iframeTitleBack{ position:fixed; width:100%; height:38px; background-color:#333f56; z-index:-1;}
#shrink{width:38px; height:38px; position:fixed; top:0; left:136px; cursor:pointer;}
#shrink > img{width:22px; margin:9px 0 0 9px;}
#homepage{width:38px; height:38px; cursor:pointer; position:fixed; top:0; left:174px;}
#homepage > img{margin: 9px 0 0 9px;}
#pageLeft{width:38px; height:38px; cursor:pointer; position:fixed; top:0; left:212px;}
#pageLeft > img{margin: 9px 0 0 9px;}
#pageRight{width:38px; height:38px; cursor:pointer; position:fixed; top:0; right:0;}
#pageRight > img{margin: 9px 0 0 9px;}
#iframeTitle{position:fixed; top:0px; left:250px; right:39px; height:38px; overflow:hidden;}
#iframeTitle > ul{ width:0; height:38px; position:relative; left:0px;}
#iframeTitle > ul > li{width:136px; height:38px; float:left; color:#eee; user-select:none; border-right:1px solid #5d6f92; border-top-right-radius:4px;}
#iframeTitle > ul > .empty{ background-color:#3d4c67;}
[iframeMenuName]{padding:9px 0 9px 9px; float:left; cursor:pointer; font-size:14px; line-height:20px; width:92px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.iframeTitleNow{background-color:#fff; color:#555!important;}
.iframeClose{width:20px; height:20px; font-size:20px; line-height:17px; text-align:center; margin:9px 0 0 5px; border-radius:50%; color:#748095; float:left; cursor:pointer;}
.iframeClose:hover{ background-color:#ff0000; color:#fff;}
#frameLeft{position:fixed; width:136px; left:0; top:38px; bottom:0px; background-color:#333f56; z-index:1; overflow:auto;}
#frameLeft > ul > li{ cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#frameLeft > ul > li > img{ margin:-1px 0 0 0;}
#frameLeft > ul > li > span{ font-size:14px;}
[menuOne]{color:#fff; padding:8px;}
[menuTwo]{ display:none; color:#c5ccda; padding:8px 8px 8px 26px;}
[menuTwo]:hover{ background-color:#4a576f;}
.frameLeftHover{ background-color:#f8f8f8; color:#555;}
.frameLeftHover:hover{ background-color:#f8f8f8;}
#frameRight{ position:fixed; top:38px; left:136px; bottom:0px; right:0px;}
.onion{ background-color:#fff; margin:0 0 0 40px; padding:10px 10px 10px 2px; border-bottom:1px solid #e9e9e9; position:fixed; left:0; top:0; width:100%; z-index:1; font-size:14px; line-height:20px;}   
.onion > .one{ cursor:pointer;}
.onion > .one:hover{ color:#4c9cfb;}
#renovate{width:40px; height:40px; border-bottom:1px solid #e9e9e9; background-color:#fff; position:fixed; z-index:1; top:0; left:0; cursor:pointer;}
#renovate > img{width:22px; margin:9px 0 0 9px;}
.iframe{ width:100%; height:100%; position:absolute;}
#body{ position:fixed; z-index:1; top:41px; right:0; bottom:0; left:0; padding:0 10px 10px 10px; overflow:auto;}
/*页卡框架*/
#pageMenu{ margin:10px 0 0 0; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-top-left-radius:4px;}
#pageMenu > ul > li{ float:left; padding:6px 10px 6px 10px; background-color:#fff; cursor:pointer; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-top-left-radius:4px; border-top-right-radius:4px;}
.pageMenuHover{ border-top:2px solid #4c9cfb!important; color:#4c9cfb; border-bottom:1px solid #fff; margin:-1px 0 -1px 0;}
.pageDiv{ padding:10px; background-color:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.tableEdit{ border-collapse:collapse;}
.tableEdit td{ border:1px solid #bcdbff; padding:10px; background-color:#f8f8f8;}
.tableEdit td:nth-child(2n-1){ text-align:right;}
.tableEdit td[colspan="4"]{ text-align:left;}
.tableEdit input{ height:24px; padding:4px; border:1px solid #bcdbff; min-width:200px;}
.tableEdit [type=radio] , .tableEdit [type=checkbox]{ height:auto; min-width:auto;}
.tableEdit select{ min-width:100px; height:34px; border:1px solid #bcdbff;}
.tableEdit textarea{ padding:10px; width:100%; height:300px; box-sizing: border-box; display:block; border:1px solid #bcdbff;font-size: 14px;}
.formButton{width:300px; background-color:#4c9cfb; color:#fff; text-align:center; padding:10px; border-radius:10px; margin:10px auto 10px auto; cursor:pointer;}
.formButton:hover{ background-color:#6aacfb;}
.countData{ margin:4px 0 4px 0;}
/*单一图片显示与编辑*/
.imgSingle{border:1px solid #e9e9e9; padding:10px; background-color:#fff;}
.imgSingle > ul > li { width: 200px; border:1px solid #eee; padding:6px; float:left; margin:0 10px 0 0; text-align:center; position:relative;}
.imgSingle > ul > li > .clickIco{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; cursor:pointer;}
.imgSingle > ul > li > .clickIco:hover{-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.imgSingle > ul > li > p{ text-align:center; color:#990;}
.imgSingle > ul > li > div{ overflow:hidden; height:100px; width:200px;}
/*复选框*/
.square > li{ width:88px; padding:4px; margin:0 10px 10px 0; float:left; text-align:center; font-size:14px; cursor:pointer;}
[squareLi=no]{ border:2px solid #99b189; color:#99b189;}
[squareLi=yes]{ border:2px solid #f58989; color:#f58989; background-image:url(../img/images/hookSmall.png);background-repeat: no-repeat;background-position:86px 19px;}
/*员工选择弹出层*/
.examineDetail{ padding:10px;}
#staffAdd{width:36px; height:36px; line-height:32px; text-align:center; font-size:30px; color:#ccc; padding:6px; border:1px dashed #ccc; border-radius:50%; cursor:pointer; float:left; margin:40px 0 0 0;}
#staffChoiceSearch{ width:510px; height:16px; padding:8px; border-radius:4px; margin:10px 0 10px 10px; float:left;}
#staffQuit{ width:16px; height:16px; line-height:16px; text-align:center; padding:7px; margin:10px 0 10px 6px; float:left; border:2px solid #e9e9e9; cursor:pointer; border-radius:4px;}
.staffQuitChoice{ border:2px solid #f58989!important; background-image:url(../img/images/hookSmall.png); background-repeat:no-repeat; background-position:18px 18px;}
.staffChoiceReturn{ padding:10px; border-bottom:1px dashed #e9e9e9; cursor:pointer;}
.staffChoiceReturn:hover{ background-color:#f8f8f8;}
.staffChoiceReturn span{color:#ccc; margin:0 10px 0 0;}
#staffChoiceResult{ height:406px; overflow:auto; clear:both;}
.jobList > li{ width:262px; float:left; padding:10px; border:1px dashed #e9e9e9; margin:6px 0 0 6px; cursor:pointer; border-radius:4px; }
.jobList > li(2n-1){ margin:6px 6px 0 0;}
.jobList > li:hover{ background-color:#f9f9f9;}
.staffList > li{ width:262px; float:left; padding:10px; border:1px dashed #e9e9e9; height:50px; margin:6px 0 0 6px; cursor:pointer; border-radius:4px;}
.staffList > li(2n-1){ margin:6px 6px 0 0;}
.staffList > li:hover{ background-color:#f8f8f8;}
.staffList > li > .radio{ width:20px; height:20px; border:1px solid #ccc; border-radius:50%; float:left; margin:14px 10px 14px 0;}
.staffList > li > .ico{ width:50px; float:left; border-radius:50%; margin:0 10px 0 0;}
.staffList > li > p:nth-child(2){ color:#666; font-size:14px; line-height:26px;}
.staffList > li > p:nth-child(3){ color:#aaa; font-size:14px; line-height:24px;}
[examineStaff]{ width:120px; float:left; position:relative; margin:40px 0 0 0;}
[examineStaff] > img:nth-child(1){ width:50px; border-radius:50%;}
[examineStaff] > div:nth-child(2){width:18px;height:18px;font-size:16px;color:#fff;background-color:#666;line-height:18px;text-align:center;border-radius:50%;cursor:pointer;position:absolute;
left:40px;top:-5px;border:1px solid #fff;}
[examineStaff] > div:nth-child(2):hover{background-color:#888;}
[examineStaff] > div:nth-child(3){width:50px; text-align:center; margin:2px 0 0 0;}
[examineStaff] > img:nth-child(4){position:absolute; top:14px; left:74px;}
.examineDetail > .add{ height:260px;}
/*外出申请-提交成果报告弹出层*/
.fruitUl > li{ padding:10px;}
.fruitTable tr > td > div{width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*个人档案*/
.pageTable{ padding:10px; background-color:#fff; border:1px solid #e9e9e9;}
.pageTable > table{ border-collapse:collapse;}
.pageTable > table td{border: 1px solid #e9e9e9; padding:10px;}
.pageTable > table td:hover{ background-color:#f2f2f2;}
.pageTable > table td:nth-child(2n-1){ text-align:right;}
.pageTitle{background-color:#f2f2f2;padding:6px 10px 6px 10px;border-top-left-radius:6px;margin:10px 0 0 0;border-top-right-radius:6px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
/*签到列表页*/
.popUp{ padding:10px; margin:10px; border:1px solid #e9e9e9; border-radius:4px; background-color:#f8f8f8; font-size:14px;}
.popUp > ul > li{ width:289px; float:left;}
/*弹出层列表*/
.layerDiv{ margin:4px; font-size:14px; background-color:#f8f8f8;}
.layerDiv > table{ border-collapse:collapse;}
.layerDiv > table td{ border:1px solid #c4d5d8;}
/*模糊查询实时反馈框*/
.asynchronousMenu{ width:422px; height:200px; bottom:-202px; left:0px; background:#eaefe7; position:absolute; display:none; overflow:auto; border:1px solid #d4cec2;}
.asynchronousMenu > ul > li{ padding:2px 2px 2px 4px; border-bottom:1px solid #ddd; cursor:pointer; font-size:14px;}
/*项目管理-我的任务-代码编辑页*/
.backupCode{width:1178px;height:490px;padding:10px;border:1px solid #e9e9e9;outline:none; display:block;}
.codeText{width:100%;height:780px;box-sizing:border-box;padding:10px;border:1px solid #c9eac1;margin:10px 0 0 0;outline:none;}
/*搜索引擎-饼图*/
.pieUl{ width:100%; display:flex; margin:6px 0 0 0;}
.pieUl > li{flex:1; height:350px; border-left:1px solid #e6e6e6;}
.pieUl > li:first-child{border-left:0px;}
/*编辑图片按钮*/
.imgEdit{ position:relative;}
.imgEdit > .clickIco{position:absolute; right:-10px; top:-10px; width:30px; height:30px; cursor:pointer;}
.imgEdit > .clickIco:hover{-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
/*展示型表单*/
.tableShow{ padding:10px; border-top:1px solid #e9e9e9;}
.tableShow:nth-child(1){ border:0;}
.tableShow > p{ font-size:14px; font-weight:bold; margin:0 0 5px 0;}
.tableShow > .show{ display:flex;}
.tableShow > .show > li{font-size:14px;flex:1; padding:5px 0 5px 0;}
.tableShow .txt{ height:200px; overflow:auto;}
.tableShow .txt > .title{ font-weight:bold;}
.liButton > li{ border:1px solid #ccc; border-radius:4px; float:left; padding:0 8px 0 8px; margin:5px 6px 5px 0; cursor:pointer; user-select:none;}
.liButton > li:hover{color:#4c9cfb;}