@charset "utf-8";
/*HTML元素预定义css*/
{content-visibility: auto;contain-intrinsic-size: 1px 5000px;}
/**滚动条样式**/
/* 设置滚动条整体，宽高 */
::-webkit-scrollbar{width: 10px;height: 10px;background-color: transparent;}
:hover::-webkit-scrollbar {width: 10px;height: 10px;}
/* 设置滚动条的轨道 */
::-webkit-scrollbar-track{background: transparent;border-radius:2px;}
:hover::-webkit-scrollbar-track {border-radius:2px;background-color: transparent;}
/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {background-color: transparent;}
/* 鼠标悬浮样式 */
:hover::-webkit-scrollbar-thumb {border-radius: 15px;background-color: #c1c1c1;}
::-webkit-scrollbar-corner {background-color: #333f56;}
* {margin: 0;padding: 0;font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif;}
img {border: 0;vertical-align: middle;}
input {outline: none;}
body {font-size: 14px;line-height: 22px;color: #333;background-color: #fff;}
table {width: 99%;}
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 #d7d7d7;font-size: 14px;color: #555;outline: none;}
input[type=checkbox] {vertical-align: -2px;}
pre {height: 160px;overflow: auto;border: 1px solid #f8f8f8;padding: 6px;border-radius: 2px;line-height: 26px;white-space: pre-wrap;}
hr {box-sizing: content-box;height: 0;border: none;}
/* 排序 */
.table-sort{width: 10px;height: auto;margin: 5px 0 3px 5px;cursor: pointer!important;display: inline-flex;}
.table-sort i {border-style: dashed;border-color: transparent;border-width: 5px;position: absolute;}
.table-sort-asc{margin-top:-10px; border-top: none !important;border-bottom-style: solid !important; border-bottom-color: #b2b2b2 !important;}
.table-sort-desc{border-bottom: none !important;border-top-style: solid !important;border-top-color: #b2b2b2 !important;}
.table-sort-asced{border-bottom-color: #000 !important;}
.table-sort-desced{border-top-color: #000 !important;}
/* 距离 */
.pad10 {padding: 10px 0 !important}
.mar10 {margin: 10px auto !important}
/* 方向 */
.left {float: left !important;}
.right {float: right !important;}
.left-bottom {position: absolute;left: 183px;}
.right-top {position: absolute;top: 55px;right: 20px;}
/*通用颜色*/
.yellow {color: #ff9900 !important;}
.blue {color: #629afd !important;}
.green {color: #61b265 !important;}
.red {color: #FF0000 !important;}
.gray {color: #aaa;}
.orange {color: #f58989;}
/* 背景色 */
.bg-light-grey {background-color: #f2f2f2 !important;}
/*通用样式*/
.radioLabel {display: inline-block;}
.hide {display: none;}
.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: #aaa;font-size: 14px;line-height: 22px;}
.select {width: 120px;height: 26px;padding: 0 4px 0 4px;border-radius: 2px;}
.text {height: 24px;padding: 2px 4px;width: 200px;border-radius: 4px;}
.textLong {height: 24px !important;padding: 0 4px 0 4px !important;width: 500px !important;border-radius: 2px !important;}
.textPrice {height: 26px;width: 100px;padding: 0 4px 0 4px;border-radius: 2px;text-align: center;}
.textarea {padding: 5px;width: 600px;height: 100px;border-radius: 2px;display: block;}
.width30 {width: 30px !important;}
.width40 {width: 40px !important;}
.width50 {width: 50px !important;}
.width60 {width: 60px !important;}
.width70 {width: 70px !important;}
.width80 {width: 80px !important;}
.width100 {width: 100px !important;}
.width150 {width: 150px !important;}
.width200 {width: 200px !important;}
.width250 {width: 250px !important;}
.width300 {width: 300px !important;}
.width350 {width: 350px !important;}
.width380 {width: 380px !important;}
.width400 {width: 400px !important;}
.width500 {width: 500px !important;}
.button {background-color: #629afd;border: 0;border-radius: 2px;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: 2px;cursor: pointer;width: 140px;height: 30px;color: #fff;font-size: 14px;font-weight: bold;}
.buttonDelete:hover {background-color: #7eabb9}
.spanButton {border: 1px solid #c2dbff;color: #7b4d12b2 !important;background-color: #fff;border-radius: 2px;cursor: pointer;padding: 0 2.5px;white-space: nowrap;user-select: none;min-width: 72px;line-height: 24px;margin: 10px 0 0 10px;height: 24px;display: inline-grid;text-align: center;overflow-x: hidden;}
.spanButton:hover {color: #53b5ce;}
.spanA {border: none;border-radius: 0;box-shadow: none;color: #4c9cfb !important;cursor: pointer;}
.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: #7b4d12b2;background-color: #fff;border-radius: 2px;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 #d7d7d7;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: 2px;}
.divButton {border-radius: 2px;line-height: 20px;padding: 2px 8px 2px 8px;color: #fff;background-color: #629afd;cursor: pointer;display: inline-block;}
.divButton:hover {background-color: #6aacfb;}
.disabled {background-color: #d7d7d7 !important;pointer-events: none !important;}
.cursor {cursor: pointer}
/*系统框架*/
.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 #d7d7d7;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;}
/**一级菜单**/
.primaryMenu, .userList {display: none;position: absolute;top: 38px;width: 150px;height: auto;border-width: 0;padding: 10px;box-shadow: 2px 2px 5px rgb(170 170 170 / 35%);background: inherit;background-color: #fff;border: 0;border-radius: 2px;}
.primaryMenu {left: 176px;font-size: 0;writing-mode: vertical-lr;}
.userList {right: 25px;}
.primaryMenu li, .userList li {align-self: center;padding: 2px 2px 2px 2px;box-sizing: border-box;width: 100%;border-width: 0;word-wrap: break-word;text-transform: none;cursor: pointer;height: 35px;line-height: 35px;}
.primaryMenu li {width: 140px !important;display: inline-block;writing-mode: horizontal-tb;font-size: 14px;margin-right: 10px;}
.userList li {border: 1px solid transparent;border-top: 1px solid #f1f5ff;}
.primaryMenu li:hover, .primaryMenu li.selected, .userList li:hover, .userList li.selected {background-color: rgba(242, 242, 242, 1);text-align: left;width: 148px;}
.userList li:hover, .userList li.selected {border: 1px solid transparent;}
.primaryMenu li span, .userList li span {width: 100%;cursor: pointer;padding: 0 15px;display: contents;}
.user-avatar {height: 55px !important;}
.user-avatar-img {width: 40px;height: 40px;border-radius: 50%;margin: 5px;}
.corner-marks {width: 32px !important;height: 16px;background: inherit;background-color: #629afd;border-radius: 15px;color: #FFFFFF;position: absolute;align-self: center;padding: 2px 2px 2px 2px !important;box-sizing: border-box;margin-top: 10px;line-height: 1;text-align: center;right: 35px;}
.clip {position: relative;visibility: hidden;top: 0;right: 0;width: 20px;height: 20px;padding: 5px;float: right;}
.clip:active, .clip:hover {visibility: inherit}
.clip-selected {visibility: inherit;transform: rotate(-45deg);}
.one-title {color: #629AFD;font-size: 16px;font-weight: initial;}
.secondary-box {margin-left: 35px;padding: 10px;}
.interval-line-right {border-right: 1px dotted #ccc;position: absolute;padding: 1px;top: 10px;margin: 0 2px;}
/*列表页多选框*/
.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: 2px;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: 0;left: 0;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: #d7d7d7;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: #629afd;}
.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: 0;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;}
/*弹出层表单*/
.layerList {margin: 10px;}
.layerList > ul {display: flex;}
.layerList > ul > li {padding: 5px;line-height: 30px;}
.layerList > ul > li:nth-child(2n-1) {text-align: right;width: 138px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layerList > ul > li:nth-child(2n) {text-align: left;flex: 1;}
.layerList input[type='text'],.layerList input[type='number'], .layerList input[type='password'] {line-height: 16px;height: 16px;width: 200px;padding: 6px;border-radius: 4px;}
.layerList select {width: 126px;border-radius: 2px;height: 30px;}
.layerList textarea {width: 590px;height: 100px;padding: 6px;border: 1px solid #d7d7d7;border-radius: 2px;display: block;}
.layerList .long {width: 590px !important;}
/*密码强度效果*/
ul.pas_biao {margin: 2px 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: 440px;height: 550px;position: fixed;top: 50%;left: 50%;margin: -250px 0 0 -200px;background: #fff;z-index: 2;border-radius: 2px;text-align: center;box-shadow: 2px 2px 5px rgb(170 170 170 / 35%);}
.loginWin p {text-align: center;font-size: 14px;}
.loginIco {margin: 5px auto;width: 220px;}
/* 头部 */
.login-header {width: 100%;display: block;height: 100px;}
.login-qr-img-msk, .login-qr-img {position: absolute;right: 0;}
.login-qr-img-msk {transform: rotate(90deg);width: 0;height: 0;border-top: 100px solid #629afe;border-right: 100px solid transparent;}
.login-qr-img {width: 100px;height: 100px;cursor: pointer;}
.login-qr-img img {width: 40px;height: 40px;margin: 15px 0 0 36px;}
.login-main input {margin: 7.5px 30px;width: 340px;height: 38px;border-width: 1px;border-style: solid;border-color: rgba(215, 215, 215, 1);border-radius: 2px;text-indent: 2em;float: left;}
/* 当填充的时候展示红色，所以这里默认是校验失败 */
.login-main input:not(:placeholder-shown) {border-color: hsl(0, 76%, 50%);}
/* 当验证成功的时候，采用这个样式 */
.login-main input:valid {border-color: #5fb878;}
.login-main i {width: 22px;height: 22px;display: flex;margin: -10px 45px;position: fixed;background-size: 24px;}
.user-login {background: url(' ../../img/websiteImg/user_login.png') no-repeat 0 center;}
.pwd-login {background: url(' ../../img/websiteImg/pwd_login.png') no-repeat 0 center;}
.auth-login {background: url(' ../../img/websiteImg/auth_login.png') no-repeat 0 center;}
.company-login {background: url(' ../../img/websiteImg/company_login.png') no-repeat 0 center;}
.login-main .prove {width: 195px;}
.errormsg {margin: 50px 30px 0;float: left;color: #ff0000;height: 20px;display: flex;position: absolute;}
.login-qr-prompt {line-height: 3;}
.login-qr-box {margin: 10px auto;width: 210px;height: 210px;border-width: 0;position: absolute;left: 115px;display: flex;}
.loginWin > form > table tr > :first-child {text-align: right;}
.loginWin > form > table tr > :nth-child(2) {text-align: left;}
.subButton {height: 40px;width: 340px;font-size: 16px;color: #fff;background: #629afd;margin: 10px 0 10px 0;cursor: pointer;border-radius: 2px;border: none;}
.checkNumImg {cursor: pointer;margin: 17px 0 0 0;}
.subButton:hover {background: #2687fb;}
.forgot-password {margin-right: 50px;}
/*系统主页参数列表*/
.numUl {width: 100%;display: flex;background-color: #fff;margin: 10px 0 0 0;padding: 20px 0 20px 0;border: 1px solid #d7d7d7;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: #4ea795 !important;}
/*系统主页-列表*/
.home-warp {width: 100%;}
.left-box, .right-box {float: left;margin: 5px auto;}
.left-box {width: 75.5%;}
.right-box {width: 23%;}
.half {width: 47.5%;}
.quarter {width: 23.75%;}
.revenue {height: 246px;}
.hr-p{text-align: center;line-height: 40px}
.hr-div{padding: 22px 5px;}
.revenue-hr{height: 146px;}
.vertical-line-hr {box-sizing: border-box;border-right: 1px solid #f2f2f2;min-height: 140px;}
.f-14{font-size: 14px;}
.f-30{font-size: 30px;}
/* .revenue li{
height: 220px;} */
.vertical-line {box-sizing: border-box;border-right: 1px solid #f2f2f2;min-height: 220px;}
.data-widget {background-color: #fff;padding: 11px;margin: 5px 5px;min-height: 180px;overflow-y: auto;}
.data-widget li {line-height: 2;margin: 10px 5px;cursor: pointer;border-radius: 2px;}
.title-card {font-size: 14px;font-weight: 700;height: 45px;line-height: 2;margin-left: 5px;}
.search-ico {width: 28px;height: 28px;background: #eee;margin: 2px 2px 2px 0;}
.search-ico:after {cursor: pointer;content: "";background: url(../../img/control/search.svg) no-repeat center;display: inline-block;background-size: 20px;width: 28px;height: 28px;}
.nodata {color: #aaa;}
.setting-ico, .more-ico {float: right;margin-right: 10px;cursor: pointer;}
.quick-entry {display: grid}
.quick-entry ul {margin: 15px 0 10px 5px;min-height: 170px;}
.quick-entry li {width: 176px;height: 68px;border: 1px solid #f2f2f2;border-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;float: left;text-align: left;align-self: center;margin: 0 auto;line-height: 5;cursor: pointer;text-indent: 1em;}
.quick-entry li:hover {transform: scale(1.05);transform-origin: left right;transition: .5s;background-color: #ffffff;box-shadow: 2px 2px 2px #e6e6e6}
.data-box-show {height: 300px;}
.revenue .data-box-show {height: 220px;}
.data-widget .time {text-align: right;float: right;}
.right-box-ul {/*max-height: 270px;*/max-height: 402px;min-height: 402px;overflow: hidden;}
#receivableDataHtml {width: 200px;margin: -20px 0 0 -15px;}
.receivableData {position: absolute;margin: -145px 170px;}
.cash-ratio-span {margin-top: -75px;margin-left: 10px;}
.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 #d7d7d7;}
.newsUl > li > div:first-child > span:nth-child(1) {font-weight: bold;}
.newsUl > li > div:first-child > .more {float: right;cursor: pointer;color: #aaa;}
.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: #629afd;}
.newsUl > li > div:nth-child(2) > ul > li:nth-child(2) {color: #aaa;flex-basis: 140px;}
/*系统主页-曲线代码块*/
.curveUl {width: 100%;margin: 10px 0 0 0;display: flex;}
.curveUl > li {flex: 1;background-color: #fff;border-radius: 2px;border: 1px solid #d7d7d7;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 #d7d7d7;border-radius: 4px;}
.curveUl > li > div:nth-child(1) > form > input[type=submit] {cursor: pointer;padding: 3px 10px 3px 10px;border-radius: 2px;color: #fff;background-color: #629afd;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: #aaa;text-indent: 2em;}
.articleTitle1 {font-size: 18px;color: #629afd;}
.articleTitle2 {color: #49a587;}
.articlename {font-size: 16px;color: #66CCFF;}
#addArticleWordButton, #addArticleImgButton {position: fixed;right: 20px;width: 48px;border-radius: 2px;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;border-spacing: 0; /* margin-left: 10px; */
    margin: 0 auto;}
.tableMany th, .tableMany td {vertical-align: text-top;white-space: normal;}
.tableMany td:nth-child(1) {min-width: 50px;}
.tableMany td {border: 1px solid #e6e6e6;word-break: break-all;min-width: 28px;}
.tableMany tr:hover {background-color: #f2f2f2;}
.tableMany [sort-key]{position: relative;}
.tableMany [sort-key] span{cursor:pointer;user-select:none;}
.tableMany [sort-key] span.drag {position: absolute !important;right: 0;width: 10px;cursor: col-resize !important;}
.tableManyClick {background-color: #f2f2f2;}
.tableMany thead: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;}
.workSignTtiel {margin: 0 9px;}
/* 字段筛选 */
.field-setting {cursor: pointer;}
.field-panel {display: none;position: fixed;z-index: 99;border-radius: 2px;background-color: #fff;width: auto;min-width: 150px;box-shadow: 2px 2px 2px #d7d7d7;}
.field-panel li{padding: 5px 10px;font-size: 14px;}
.field-panel li:nth-child(1) {border-bottom: 1px solid #d7d7d7;}
/*列表页查询样式*/
.search {min-height: 28px;font-size: 14px;background-color: #fff;padding: 10px 20px;}
.search select, .search input[type=text] {padding: 0 4px;border-radius: 2px;width: 150px;margin-bottom: 6px;}
.search input[type=text], .search select {height: 26px;line-height: 26;}
.search input[type=submit], .searchSub {background-color: #629afd;height: 30px;cursor: pointer;color: #fff;padding: 0 4px 0 4px;margin-bottom: 6px;border-radius: 5px;width: 96px;border-style: none;}
.search input[type=submit]:hover, .searchSub:hover {background-color: #6aacfb;}
.searchData {font-size: 14px;color: #aaa;margin: 4px 0 -4px 0;}
#homeSearchHtml {padding: 10px 15px;}
/*分页*/
.pageButton {text-align: center;padding: 10px 0;height: 30px;margin: 10px;}
.pageButton > ul > li {margin: 0 4px 0 0;padding: 2px 8px 2px 8px;border: 1px solid #afafaf;border-radius: 2px;font-size: 14px;font-weight: bold;float: left;cursor: pointer;}
.pageButton > ul > li:hover {background-color: #d7d7d7;}
.pageButton select {border: 1px solid #afafaf;float: left;border-radius: 2px;padding: 3px;font-size: 14px;height: 28px;}
.pageButton .pageNow {border: 1px solid #629afd;color: #629afd;}
.pageHint {color: #888;line-height: 28px;display: inline-block;margin-top: 10px;padding: 0 5px;float: right;}
.power-text {white-space: normal;display: contents;word-wrap: break-word;}
/*列表上的图片*/
.imgList {display: inline-block;max-width: 100px;overflow: hidden;}
.imgList img {height: 42px;}
.developIco {height: 20px;vertical-align: -5px;}
/* 自定义内容页 */
.container {padding: 0 25px;}
/* 发起审批 */
.initiate-title {line-height: 1.5;font-size: 14px;margin: 20px auto;}
.initiate-ul li {float: left;width: 285px;height: 28px;background-color: #f2f2f2;border: none;border-radius: 2px;font-size: 14px;text-align: left;cursor: pointer;text-indent: 1rem;margin: 5px 10px;margin-left: 0;line-height: 2;padding: 5px 0;}
.initiate-ul li:hover {background-color: rgb(76, 156, 251);color: white}
/*文章页*/
.syMenu {width: 200px;border: 1px solid #d7d7d7;float: left;margin: 10px 0 0 0;}
.syMenu > ul > li {border-bottom: 1px solid #d7d7d7;border-left: 6px solid #d7d7d7;}
.syMenu > ul > li > a {display: block;padding: 10px;font-size: 16px;}
.syRight {padding: 10px;background-color: #fff;border: 1px solid #d7d7d7;margin: 10px 0 0 210px;}
.syRight > h2 {text-align: center;color: #629afd;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 #629afd !important;background-color: #f1f5ff;}
/*行政人事-角色管理-详情页-权限设置*/
.line {border-top: 1px dashed #d7d7d7;margin: 6px 0 0 0;padding: 6px 0 0 0;}
.box > p {line-height: 30px;}
.box > p:first-of-type {color: #38b5f1;}
/*跟进记录*/
.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: 2px;padding: 2px 10px 2px 10px;margin: 0 10px 0 0;cursor: pointer;color: #fff;background-color: #ccc;font-size: 12px;}
.followQuick > li:hover {background-color: #9ED0FF;}
.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;}
/*左右结构*/
.iframeTitleBack {position: fixed;width: 100%;height: 38px;background-color: #f2f2f2;z-index: -1;}
#adLogo {position: fixed;z-index: 1;width: 165px;height: 38px;left: 0;top: 0;cursor: pointer;background-color: #333f56;}
#shrink, #pageLeft, #menu, #pageRight, #homepage, #user, #searchMenu {width: 38px;height: 38px;position: fixed;cursor: pointer;background-color: #f2f2f2;}
#shrink > img, #homepage > img, #pageLeft > img, #pageRight > img, #menu > img, #user > img,#searchMenu>img {margin: 9px 0 0 9px;}
#shrink {top: 0;left: 165px;}
#homepage {top: 0;left: 203px;}
#menu {top: 0;left: 241px;}
#menu > img {width: 20px;}
#pageLeft {top: 0;left: 279px;}
#pageRight {top: 0;right: 101px;}
#searchMenu {top: 0;right: 63px;}
#user {top: 0;right: 25px;}
#user .user-note {position: absolute;left: 26px;top: 21px;width: 8px;height: 8px;background-color: #ed4014;border-radius: 50%;}
#iframeTitle {position: fixed;top: 0;left: 326px;right: 125px;height: 38px;overflow: hidden;}
#iframeTitle > ul {width: 0;height: 38px;position: relative;left: 0;}
#iframeTitle > ul > li {width: 135px;height: 38px;float: left;color: #eee;user-select: none;border-right: 1px solid #e6e6e6;border-top-right-radius: 5px;}
#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;color: #333;}
.iframeTitleNow {background-color: #fff !important;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: 165px;left: 0;top: 38px;bottom: 0;background-color: #333f56;z-index: 1;overflow: auto;}
#frameLeft > ul > li {cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;user-select: none;}
#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: 165px;bottom: 0;right: 0;}
#header {height: 54px;box-shadow: 2px 2px 2px #e6e6e6;z-index: 90;background-color: #fff;}
.onion {padding: 0;position: fixed;left: 40px;width: 100%;line-height: 4;height: 53px;background: #fff;}
.onion > .one {cursor: pointer;}
.onion > .one:hover {color: #629afd;}
#close, #renovate {width: 40px;height: 40px;position: fixed;background-color: #fff;top: 0;cursor: pointer;padding: 6.5px 0;}
#close, #renovate {left: 0;}
#close > img, #renovate > img {width: 22px;}
#close > img {margin: 9px 0 0 9px;}
#renovate > img {margin: 10px 0 0 9px;}
.iframe{width:100%;height:100%;position:absolute;border:0;overflow-scrolling:auto}
.system-tip-message{width:100%;z-index:2;background:#4c9cfb;height:40px;align-items:center;text-align:center;line-height:2.5;color:#fff;position:absolute;top:0}
.system-tip-message .tip-close{text-align:right;float:right;margin-right:36px;cursor:pointer}
#iframeTop{position:absolute}
#body {position: fixed;z-index: 1;top: 55px;right: 0;bottom: 0;left: 0;overflow: auto;}
/*页卡框架*/
#pageMenu {margin: 10px 0 0 0;}
#pageMenu > ul {padding: 0 20px;}
#pageMenu > ul > li {float: left;padding: 6px 10px 6px 10px;background-color: #fff;cursor: pointer;}
.pageMenuHover {border-bottom: 2px solid #629afd !important;}
.pageDiv {background-color: #fff;padding: 0 20px;}
/* 按钮 */
.liButton {position: fixed;right: 70px;float: right;top: 10px;background-color: #fff;}
.tableEdit {border-collapse: collapse;}
.tableEdit td {padding: 10px;}
.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: 140px;height: 22px;clear: both;background-color: #629afd;color: #fff;text-align: center;padding: 4px;border-radius: 2px;margin: 10px auto 10px auto;cursor: pointer;}
/* 浮动显示按钮 */
/* .formButton{position: fixed;top: 3px;right: 26px;z-index: 1001;} */
.formButton:hover {background-color: #6aacfb;}
.countData {margin: 4px 0 4px 0;}
/*单一图片显示与编辑*/
.imgSingle {border-top: 1px dashed #d7d7d7;padding: 10px 0 0 0;margin: 10px 0 0 0;background-color: #fff;}
.imgSingle > ul > li {width: 200px;border: 1px solid #eee;padding: 6px;float: left;margin: 15px 15px 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: #a3a3a3;}
.imgSingle > ul > li > div {overflow: hidden;height: 100px;width: 200px;}
/*复选框*/
.workDayUl > li {width: 50px;padding: 0 4px 0 4px;margin: 0 6px 6px 0;float: left;text-align: center;font-size: 14px;line-height: 22px;border: 2px solid #fff;border-radius: 2px;cursor: pointer;}
.workDayUl [check=no] {border: 2px solid #ccc;color: #ccc;}
.workDayUl [check=yes] {border: 2px solid #f58989;color: #f58989;}
/*员工选择弹出层*/
.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: 2px;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 #d7d7d7;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 #d7d7d7;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 #d7d7d7;margin: 6px 0 0 6px;cursor: pointer;border-radius: 2px;}
.jobList > li:nth-child(2n-1) {margin: 6px 6px 0 0;}
.jobList > li:hover {background-color: #f9f9f9;}
.staffList > li {width: 262px;float: left;padding: 10px;border: 1px dashed #d7d7d7;height: 50px;margin: 6px 0 0 6px;cursor: pointer;border-radius: 4px;}
.staffList > li:nth-child(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: #aaa;}
[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 #d7d7d7;}
.pageTable > table {border-collapse: collapse;}
.pageTable > table td {border: 1px solid #d7d7d7;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 #d7d7d7;border-radius: 2px;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: 0;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 #d7d7d7;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: 0;}
.pieUl > li > ul > li {float: left;margin: 2px 2px 2px 2px;border: 1px solid #d7d7d7;border-radius: 2px;padding: 2px 4px 2px 4px;}
/*编辑图片按钮*/
.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;}
.tableShow:nth-child(3) {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 > .title {font-weight: bold;}
.liButton > li {border: 1px solid #c2dbff;border-radius: 2px;float: left;padding: 0 8px 0 8px;margin: 5px 6px 5px 0;cursor: pointer;user-select: none;min-width: 78px;height: 28px;color: #7b4d12b2;line-height: 28px;text-align: center;}
.liButton > li:hover {color: #629afd;}
/* liButton 边框 */
.li-btn-alert {border: 1px solid #ccc}
.li-btn-download {border: 1px solid #5db2d0}
.li-btn-toppage {border: 1px solid #4c9cfb}
.li-btn-href {border: 1px solid #5fb878}
.li-btn-click {border: 1px solid #e8a91b}
.li-btn-blue-bg {background-color: #629afd !important;color: #fff !important;border: none !important;}
/*缩略图列表*/
.thumbnail {margin: 10px 0 0 0;padding: 10px 0 0 0;border-top: 1px dashed #d7d7d7;}
.thumbnail > a {display: block;float: left;}
.thumbnail > a + .del {width: 20px;height: 20px;font-size: 12px;line-height: 19px;text-align: center;margin: -8px 0 0 -22px;background-color: #629afd;color: #fff;border-radius: 50%;cursor: pointer;user-select: none;float: left;position: relative;}
.thumbnail > a + .del:hover {background-color: #ff0000;}
.thumbnail img {height: 100px;margin: 0 10px 10px 0;cursor: pointer;}
.thumbnail img:hover {-moz-opacity: 0.9;opacity: .90;filter: alpha(opacity=90);}
.thumbnail .add {height: 76px;width: 76px;font-size: 80px;line-height: 60px;color: #d7d7d7;text-align: center;padding: 10px;margin: 0 10px 10px 0;border: 2px dashed #d7d7d7;display: block;float: left;cursor: pointer;user-select: none;}
.thumbnail .add:hover {color: #e2e2e2;border: 2px dashed #e2e2e2;}
/*项目缺陷标签弹出层*/
.bugSignAdd {height: 29px;padding: 10px;border-bottom: 1px dashed #d7d7d7;}
.bugSignAdd input[type=text] {width: 200px;padding: 4px 6px 4px 6px;border: 1px solid #d7d7d7;border-radius: 2px;float: left;}
.bugSignAdd > div {border: 1px solid #d7d7d7;border-radius: 2px;padding: 3px 6px 5px 6px;margin: 0 0 0 6px;height: 19px;float: left;cursor: pointer;user-select: none;}
#bugSignUl {margin: 10px;}
#bugSignUl > li {border: 1px solid #d7d7d7;border-radius: 2px;padding: 2px 6px 2px 6px;margin: 0 10px 0 0;float: left;cursor: pointer;user-select: none;position: relative;}
#bugSignUl > li > .del {width: 20px;height: 20px;background-color: #629afd;color: #fff;border-radius: 50%;text-align: center;line-height: 20px;position: absolute;top: -10px;right: -10px;}
#bugSignUl > li > .del:hover {background-color: #ff0000;}
/*工作日*/
.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;}
/* 部门 */
.container-left {width: 15%;min-height: 850px;display: block;background: #f2f2f2;padding: 20px;}
.container-left .space {margin-top: 30px;}
.container-left-search-ico {width: 20px;height: 20px;display: flex;margin: 10px 5px;position: absolute;background-size: 24px;background: url(../../img/control/search.svg) no-repeat 0 center;}
.container-left-search {width: 93%;height: 35px;text-indent: 2em;}
.container-left li {align-self: center;padding: 2px 2px 2px 2px;box-sizing: border-box;cursor: pointer;height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-user-select: none;}
.container-left li:text {text-indent: 2em;}
.container-left ul:not(.layui-laydate-list, .staffUl) li:hover {border: none;width: 100%;height: 30px;background-color: rgba(215, 215, 215, 0.698039215686274);}
.container-left .active {background-color: rgba(215, 215, 215, 0.698039215686274);}
.container-left .arrow {width: 10px;height: 10px;position: relative;background: url(../../img/control/arrow.svg) no-repeat 0 center;margin: 0 10px 0 0;transform: rotate(180deg);display: inline-block;}
.container-left span.lastone{margin-left: 10px}
.container-left .child-node {text-indent: 1em;margin: 0 10px;}
.container-left-win {width: 320px;max-height: 190px;min-height: 190px;overflow-y: auto;}
.container-right {width: 78%;min-height: 850px;display: block;}
.container-no {margin: 10px auto;padding: 200px 0;text-align: center;}
.container-no-img {width: 500px;height: 300px;}
.keyword-match {color: #f73131;font-style: normal;font-weight: 500;text-decoration: underline;}
/* 下拉候选 */
.search .fs-wrap {width: 150px;height: 22px;vertical-align: top;padding-top: 2px;}
.search .fs-label-wrap {border: 1px solid #d7d7d7;}
.search .fs-label {height: 18px;line-height: 18px;}
.search .fs-label-wrap {border-radius: 1px;}
.fs-wrap {display: inline-block;width: 300px;height: 24px;font-size: 14px;line-height: 1;vertical-align: middle;background-color: white;color: black;}
.fs-label-wrap {position: relative;border: 1px solid #d7d7d7;cursor: default;background-color: white;border-radius: 4px;}
.fs-label-wrap, .fs-dropdown {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fs-label-wrap .fs-label {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fs-label {height: 22px;padding: 4px;line-height: 22px;color: #757575;}
.tableEdit input {min-width: 20px;}
.fs-arrow {width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #000;position: absolute;top: 0;right: 5px;bottom: 0;margin: auto;}
.fs-dropdown {position: absolute;background-color: #fff;border: 1px solid #ccc;border-top: none;margin-top: 0;width: 100%;z-index: 1000;box-shadow: rgb(0 0 0 /12%) 0 2px 4px;}
.fs-dropdown .fs-options {max-height: 200px;overflow: auto;}
.fs-search input {width: 100%;padding: 2px 4px;border: 0;}
.fs-option, .fs-search, .fs-optgroup-label {padding: 3px 6px;cursor: default;line-height: 1.75;}
.fs-option {cursor: pointer;}
.fs-search {border-bottom: 1px solid #eee;}
.fs-option.hl {background-color: #f5f5f5;}
.fs-wrap.multiple .fs-option {position: relative;padding-left: 30px;}
.fs-wrap.multiple .fs-checkbox {position: absolute;display: block;width: 30px;top: 0;left: 0;bottom: 0;}
.fs-wrap.multiple .fs-option .fs-checkbox i {position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #aeaeae;border-radius: 2px;background-color: #fff;}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {background-image: url(../../img/control/hook.svg);border-color: #72c7ef;background-position: center;background-repeat: no-repeat;background-size: 80% 100%;}
.fs-wrap .fs-option:hover {background-color: #317EF3;color: white;}
.fs-optgroup-label {font-weight: bold;}
.hidden {display: none;}
.lowheight {height: 150px !important;}
.fs-option-label {word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fs-option-no {padding-left: 0 !important;}
.win .fs-label-wrap {border: none;vertical-align: sub;}
.win .fs-wrap {height: 24px;border: 1px solid #d7d7d7;vertical-align: sub;}
.layerList .fs-wrap {height: 26px;}
.win .fs-label-wrap .fs-label {padding: 1px 22px 1px 8px;}
.pageDiv .layerList .fs-label-wrap {border-color: #d7d7d7;}
.pageDiv .layerList .fs-wrap {height: 30px;}
.input-group {display: inline;}
.input-group .form-control {display: table-cell;}
.input-group-addon {display: inline-flex;}
.input-group-addon {padding: 0 8px;text-align: center;background-color: #eee;border-radius: 2px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group .form-control:first-child {border-top-right-radius: 0;border-bottom-right-radius: 0;line-height: 30px;}
.tableShow .tableMany {margin: 0;}
.del-row-button {color: #4c9cfb !important;cursor: pointer;}
.del-row-button:hover {color: #6aacfb;}
.layerList .small-title {font-weight: bold;margin-left: 10px}
.file_block_bg {display: inline-block;width: 250px;height: 60px}
.file_block_bg img {width: 50px;height: 50px;vertical-align: unset}
.file_block_bg .file_block_right {display: inline-block;vertical-align: top}
.file_block_bg .file_block_right_text {width: 170px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 1.5;}
.file_block_add_btn {display: inline-block;vertical-align: top;cursor: pointer;border: 1px solid #e6e6e6;width: 50px;height: 50px;font-size: 30px;font-weight: bold;color: #e6e6e6;text-align: center;line-height: 48px}
.file_block_bg_parent {border: 1px solid #e6e6e6;height: 135px;overflow: auto;width: 100%;padding: 5px 5px}
#item .radioLabel {margin-left: 10px}
#item .item_row {margin-top: 10px}
#itemMultiple .item_row {margin-top: 10px}
#itemMultiple .radioLabel {margin-left: 10px}
.topic_bottom_button{margin:10px 0 10px -180px}
.add-file-button {display: inline-block;vertical-align: top;cursor: pointer;border: 1px solid #e6e6e6;width: 60px;height: 60px;font-size: 30px;font-weight: bold;color: #e6e6e6;text-align: center;line-height: 58px}
/* 文章内容 */
.document-body {padding: 35px;margin: 0 10px;}
/* 文件共享 */
.share-container td {border: none;line-height: 2.5;cursor: pointer;}
.share-container td:nth-child(1) {width: 100px;}
img.share-ico {margin: 7.5px auto;}
.stateBlock {background-color: #FFFFFF;color: black;z-index: 1;display: none;position: absolute;min-width: 100px;max-width: 150px;max-height: 200px;overflow: auto;box-shadow: 2px 2px 3px #e6e6e6;margin-top: 30px;text-align: left}
.stateBlock ul li {padding: 4px 12px;text-align: left;text-indent: 0;cursor: pointer}
.stateBlock ul li:hover {background-color: #e6e6e6;}
.stateBlockDetail {margin-left: -8px;margin-top: 2px;}
/****税率批量选择***/
.rateBlock {background-color: #FFFFFF;color: black;z-index: 1;display: none;position: absolute;min-width: 100px;max-width: 150px;max-height: 200px;overflow: auto;box-shadow: 2px 2px 3px #e6e6e6;margin-top: 30px;text-align: left}
.rateBlock ul li {padding: 4px 12px;text-align: left;text-indent: 0;cursor: pointer}
.rateBlock ul li:hover {background-color: #e6e6e6;}
/* 固定资产二维码 */
.asset-qr-box {width: 425px;height: 170px;box-shadow: 2px 2px 10px #d7d7d759;}
.asset-qr-img {margin: 10px;}
.asset-qr-ul {text-align: left;margin: 15px auto;padding: 15px 0;}
.asset-qr-ul p {margin: 10px;}
.pageDiv .layerList > ul > li:nth-child(2n-1) {overflow: unset;}
.fs-dropdown {position: absolute;background-color: #fff;border: none;margin-top: 3px;width: 100%;z-index: 100;}
.pageDiv .search {padding-left: 8px}
.win .layerList .file_block_bg_parent {width: 95%}
/* 周报日报 */
.work-report-date-box {width: 274px;background: #fff;margin: 10px 0;padding: 5px;align-self: center;box-sizing: border-box;display: none;}
.work-report-date-box .date-span1, .work-report-date-box .date-span2 {margin: 0 20px;}
.tip-component {vertical-align: text-bottom;display: inline-block;border: 1px solid gray;font-family: fangsong;cursor: pointer;color: gray;border-radius: 50%;width: 15px;height: 15px;font-size: 10px;text-align: center;line-height: 15px}
/* 审批流程 */
.audit-record {float: left;}
.audit-record-ul li {height: auto;display: table;margin: 0;padding: 10px;position: relative;}
.audit-record-ul li > .left span:before {content: "";position: absolute;top: 50px;left: 24px;bottom: 0;width: 2px;height: calc(100% - (10px + 5px) * 2);background-color: #d4d4d4;margin: auto;}
.audit-record-ul li > .left .done:before {background-color: #4C9CFB;}
.audit-record-ul > li:last-child > .left > span:before {height: 0 !important;}
.audit-record-ul li .left {width: 250px;}
.audit-record-ul li .left span {width: 30px;height: 30px;border: 1px solid #aaa;border-radius: 50%;box-sizing: border-box;display: inline-block;text-align: center;line-height: 2;margin-right: 5px;}
.audit-record-ul li .left span.done {border: 1px solid #629afd;color: #629afd}
.audit-record-ul li .left span.current {border: 1px solid #629afd;color: #fff;background-color: #629afd;}
.audit-record-ul li .right p {margin: 10px auto;}
.audit-record-time {margin-left: 35px;color: #aaa;}
.audit-record-btn {color: #4C9CFB;cursor: pointer;}
.people-block {width: 100%;}
.people-block ul li {float: left;margin: 10px;}
.people-block ul li img {width: 40px;height: 40px;border-radius: 50%;}
.li-block {text-align: center;}
.add-button-li {width: 38px;height: 38px;line-height: 34px;font-size: 30px;border-radius: 50%;border-style: dotted;text-align: center;cursor: pointer;}
/*****图片删除图标样式*********/
.li-ico + a > div {position: relative;width: 18px;height: 18px;line-height: 18px;display: inline-block;border-radius: 50%;text-align: center;left: -17px;top: -10px;background-color: #ff0000;color: #fff;font-size: 12px;cursor: pointer;}
/*给after伪类   -webkit-transform: rotate(-45deg);旋转    background-color: #e1e2e4;设置X的一边的颜色*/
.u-icon-delete:after {position: absolute;top: 8px;left: 3px;width: 12px;height: 2px;-webkit-transform: rotate(-45deg);background-color: white;content: '';}
.li-ico + a > div:hover {background-color: white;animation: turn 0.5s linear 1;}
.li-ico + a > div:hover .u-icon-delete:after {background-color: red;}
.li-ico + a > div:hover .u-icon-delete i {background-color: red;}
@keyframes turn {0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(45deg);}
    100% {-webkit-transform: rotate(90deg);}
}
/* -webkit-transform: rotate(45deg); 运用的特别巧秒*/
.u-icon-delete i {position: absolute;top: 8px;left: 3px;width: 12px;height: 2px;background-color: white;-webkit-transform: rotate(45deg);}
.search > form > select {height: 28px;line-height: 28px;vertical-align: bottom;}
.background-color-gray {padding: 2px 10px;background-color: #F2F2F2;margin-left: 10px}
/**********自动补全css********/
.bigautocomplete-layout {display: none;/*background-color: #FFFFFF;*/
    /*border: 1px solid #BCBCBC;*/
    position: absolute;z-index: 9999 !important;max-height: 220px;overflow-x: hidden;overflow-y: auto;text-align: left;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);box-shadow: 8px 8px 20px 0 rgb(55 99 170/10%);border: 2px solid #fff;}
.bigautocomplete-layout table {border-collapse: collapse;border-spacing: 0;/*background: none repeat scroll 0 0 #FFFFFF;*/
    width: 100%;cursor: default;}
.bigautocomplete-layout table tr {/*background: none repeat scroll 0 0 #FFFFFF;*/
    cursor: pointer;}
.bigautocomplete-layout .ct {background: none repeat scroll 0 0 #D2DEE8 !important;}
.bigautocomplete-layout div {word-wrap: break-word;word-break: break-all;padding: 1px 5px;}
/* 删除 按钮 圆圈x */
.delete-ico:hover {border-color: red;}
.delete-ico:hover::before {background: red}
.delete-ico:hover::after {background: red}
.delete-ico {width: 18px;height: 18px;border-radius: 50%;border: 2px solid gray;position: relative;cursor: pointer;display: inline-flex;vertical-align: middle;margin-left: 5px}
.delete-ico::before {content: "";display: block;width: 2px;height: 12px;background: gray;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);}
.delete-ico::after {content: "";display: block;width: 2px;height: 12px;background: gray;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
/* 提示框 */
.toast-item-wrapper {min-width: 250px;padding: 10px;box-sizing: border-box;color: #fff;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.toast-item-wrapper.success {background-color: #19be6b;border: 1px solid #19be6b}
.toast-item-wrapper.error {background-color: #ed4014;border: 1px solid #ed4014}
.toast-item-wrapper.info {background-color: #4c9cfb;border: 1px solid #2db7f5}
.toast-item-wrapper.toast-top-left {left: 20px;top: 20px}
.toast-item-wrapper.toast-top-right {right: 20px;top: 20px}
.toast-item-wrapper.toast-bottom-left {left: 20px;bottom: 20px}
.toast-item-wrapper.toast-bottom-right {right: 20px;bottom: 20px}
.toast-item-wrapper.fullscreen {left: 20px;right: 20px;width: calc(100% - 40px)}
.toast-item-wrapper p {margin: 0}
.toast-item-wrapper .toast-message {font-size: .87rem}
.toast-item-wrapper .toast-progress {width: 0;height: 3px;background-color: rgba(0, 0, 0, .5);position: absolute;bottom: 0;right: 0}
/* 数据统计 */
.text-data {height: 24px;border-radius: 2px;margin: 2px 0;padding: 1px 2px;}
.contour {line-height: 1}
.contour .fs-label-wrap {border-radius: 2px;}
.contour .fs-label {padding: 2px !important;}
.contour .fs-arrow {display: none;}
#salesDataHtml {max-height: 160px !important;}
#salesDataHtml .data-unit {font-size: 16px;}
.sales-statistics {width: 100%;display: flex;background-color: #fff;margin: 20px auto;padding: 10px 0;}
.sales-statistics li {min-height: 130px !important;flex: 1;padding: 10px;}
.sales-statistics li p {text-align: center;}
.sales-statistics li p:nth-child(1) {color: #999;}
.sales-statistics li p:nth-child(2) {color: #333;font-size: 30px;margin: 10px auto;}
#followUpDataHtml {height: 450px;}
.dots {position: absolute;right: 20px;margin-right: 1px}
.dots:after {content: '•••';position: absolute;transform: translate(-50%, -50%) rotate(90deg);font-size: 12px;}
/*.arrow-li,.arrow-no-li{position: relative}*/
.arrow-li .dots {margin-top: -11px}
.arrow-no-li .dots {margin-top: 15px}
.child-node .dots {margin-right: 15px}
.background-color-blue {background-color: #9ED0FF;color: white}
.child-node .arrow-li .dots {margin-top: -15px}
.child-node .arrow-no-li .dots {margin-top: 5px}
.top-data-html li {width: 100%;float: left;}
.top-data-html li:first-child {color: #aaa;}
.top-data-html li span {display: inline-block;align-self: center;text-align: justify;padding: 2px 2px 2px 2px;box-sizing: border-box;width: 25%;}
#visitDataHtml li span {width: 33%;}
.addAttr .li-ico + a > div {left: -12px;width: 15px;height: 15px;line-height: 15px;}
.addAttr .u-icon-delete i {top: 6px;left: 2px;width: 11px;}
.addAttr .u-icon-delete:after {top: 6px;left: 2px;width: 11px;}
.img-ul .li-ico + a > div {left: -10px;top: -30px;}
.img-list > ul > li {float: left;margin-right: 10px}
.img-list > ul > li img {width: 120px;height: 74px}
.img-list .add-img-btn {width: 70px;height: 70px;font-size: 40px;border: 2px solid #d7d7d7;line-height: 65px;text-align: center;color: #d7d7d7;cursor: pointer}
.operate-content {width: 300px;margin-top: 10px;margin-left: 30px;max-height: 200px;overflow: auto;max-width: unset}
.company-select {width: 145px;height: 30px;padding: 0 4px 0 4px;border-radius: 2px;margin-left: 8px;background-color: #333F56;color: white;border-color: gray}
.radio-bigger {width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 50%;}
/****开关按钮样式***********/
.cmn-toggle {position: absolute;margin-left: -9999px;visibility: hidden;}
.cmn-toggle + label {display: block;position: relative;cursor: pointer;outline: none;user-select: none;}
input.cmn-toggle-round + label {padding: 2px;width: 35px;height: 15px;background-color: #dddddd;border-radius: 20px;}
input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {display: block;position: absolute;top: 1px;left: 1px;bottom: 1px;content: "";}
input.cmn-toggle-round + label:before {right: 1px;background-color: #f1f1f1;border-radius: 20px;transition: background 0.4s;}
input.cmn-toggle-round + label:after {width: 17px;background-color: #fff;border-radius: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);transition: margin 0.4s;}
input.cmn-toggle-round:checked + label:before {background-color: #4c9cfb;}
input.cmn-toggle-round:checked + label:after {margin-left: 20px;}
/****开关按钮样式***结束***********/
.chart_setting {position: fixed;right: 70px;float: right;top: 17px;}
.chart_setting img {width: 25px;cursor: pointer}
.choose-part-value {padding: 0 10px;background-color: #F2F2F2;margin: 5px;white-space: nowrap;display: inline-flex;line-height: 28px}
.slideInUp {animation-duration: 0.5s;}
.add-attr-button {border: 2px solid #6aacfb;margin-top: 5px;color: #6aacfb;font-weight: bold;font-size: 21px;width: 16px;height: 16px;text-align: center;line-height: 13px;cursor: pointer;border-radius: 2px;}
.label-edit-ul li {float: left}
.height300 {height: 300px !important;}
.link {cursor: pointer;color: #4c9cfb}
.link:hover {text-decoration: underline;}
.add-row {position: absolute;align-self: center;padding: 2px 2px 2px 2px;box-sizing: border-box;width: 97%;text-align: center;cursor: pointer;margin: 10px auto;}
/*设备卡片 带二维码版本*/
.card-qr-box {width: 375px;height: 165px;border: none;border-radius: 0;box-shadow: 2px 2px 10px rgb(215 215 215 / 35%);padding: 5px;margin: 2px;}
.card-qr-img {margin: 0 auto;width: 117px;height: 154px;border: 1px solid #aaa;border-right: none;}
.card-qr-img .logo {height: 60.5px;display: block;}
.card-qr-img-line {border-bottom: 1px solid #aaa;}
.img-center {margin: 0 auto;align-items: center;text-align: center;}
.card-qr-img .qr {margin-top: 2px;width: 80px;height: 80px;display: block;}
.card-qr-ul {font-size: 12px;color: #7f7f7f;text-align: left;}
.card-qr-ul p {width: 244px;height: 30px;line-height: 30px;border: 1px solid #aaa;border-bottom: none;}
.card-qr-ul p:last-of-type {border-bottom: 1px solid #aaa;}
.card-qr-ul span {color: #333;font-size: 12px;width: 70px;height: 30px;line-height: 30px;align-self: center;padding: 2px 2px 2px 2px;box-sizing: border-box;margin: 0 2px;}
.card-qr-ul span:first-child {height: 29.5px;border-right: 1px solid #aaa;display: inline-block;}
#searchMenuText{position: absolute;top: 0;right: 0;display: none;}
#searchMenuInput{border: 2px solid #fff;width: 250px;height: 30px;padding: 0 38px 0 10px;margin: 2px auto;}
/*.searchMenuText.animated {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;animation-delay: -0.2s;-webkit-animation-delay: -0.2s;}*/
.detail-edit-img{width: 18px;margin: 0 10px;cursor: pointer;}
@-webkit-keyframes loader-1-outter {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes loader-1-outter {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes loader-1-inner {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
@keyframes loader-1-inner {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
.loader {position: relative;width: 60px;height: 60px;border-radius: 50%;margin: 75px;display: inline-block;vertical-align: middle;text-align: center;}
.loader-1 .loader-outter {position: absolute;border: 4px solid #4c9cfb;border-left-color: transparent;border-bottom: 0;width: 100%;height: 100%;border-radius: 50%;-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;-webkit-box-sizing: border-box;box-sizing: border-box;}
.loader-1 .loader-inner {position: absolute;border: 4px solid #4c9cfb;border-radius: 50%;width: 40px;height: 40px;left: calc(50% - 20px);top: calc(50% - 20px);border-right: 0;border-top-color: transparent;-webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;-webkit-box-sizing: border-box;box-sizing: border-box;}
.menu-line{width: 72px;border-top:1px solid gray;margin: 10px 12px}
.win .layer_search_button{border-style: solid !important;border: 1px solid rgb(194, 219, 255);background-color: rgb(255, 255, 255) !important;border-radius: 2px;cursor: pointer;padding: 0 2.5px;white-space: nowrap;user-select: none;min-width: 72px;line-height: 24px;margin: 10px 0 0 10px;height: 24px;display: inline-grid;text-align: center;overflow-x: hidden;color: rgba(123, 77, 18, 0.698) !important;}
.table_many_shell{overflow-x: auto;width: calc(100%)}
.table_many_shell > .tableMany td{white-space:nowrap;}
.h-300{height: 300px;}