.layui-layout-admin .modify-layui-header { background-color: #475285; }
.modify-layui-logo { position: absolute; left: 0; top: 0; height: 100%; line-height: 60px; text-align: center;  font-size: 16px; background-color: #404a77; width: 80px !important; height: 60px; color: #fff; text-align: center;}
.modify-layui-side { width: 270px !important; }
.modify-layui-bg-black { background-color: #fff !important; }
.modify-layui-side-scroll { width: 290px !important; }
.modify-layui-body { left: 270px !important; }
.layui-layout-admin .modify-layui-body { background-color: #f0f2f5; }
.modify-layui-nav-tree { width: 270px !important; }
.modify-layui-nav { background-color: #f6f8fa; color: #000; box-sizing: border-box; } 
.layui-nav-tree .modify-layui-nav-item a:hover { background-color: #f6f8fa; }
.layui-nav-itemed > .modeify-layui-nav-child{ background-color: #fff !important; }
.layui-nav-itemed>.layui-nav-child { background-color: #fff !important; }
/* .layui-layer { background-color: rgba(0, 0, 0, 0) !important; } */
.layui-form-onswitch { border-color: #3d90ff !important; background-color: #3d90ff !important; }
.layui-form-checked[lay-skin=primary] i { border-color:#3d90ff !important; background-color: #3d90ff !important; }
.modify-layui-footer { left: 270px !important; }
.modify-layui-header { background-color: #475285; }
.layui-nav { background: none; }
.layui-form-select dl { max-height: 225px !important; }
.layui-table-body { height: 100% !important; }
.layui-form-item .layui-form-checkbox[lay-skin=primary] { text-indent: 0px !important; }
.layui-anim-downbit { max-height: 350px; overflow-y: auto; overflow-x: hidden; }
/* .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color: #f6f8fa !important; } */
.controlhover:hover > .control { display: block; }

.dad-noSelect,.dad-noSelect *{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
}

.dad-container{
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dad-container::after{
    content: '';
    clear: both !important;
    display: block;
}
.dad-active .dad-draggable-area{
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.dads-children-clone{
    opacity: 0.8;
    z-index: 9999;
    pointer-events: none;
}
.dads-children-placeholder{
    overflow: hidden;
    position: absolute !important;
    box-sizing: border-box;
    border:2px dashed #639BF6;
    margin:5px;
    text-align: center;
    color: #639BF6;
    font-weight: bold;
}

.username { color: #67729d; margin-right: 16px; }
.layui-project { position:absolute; top: 0; left: 80px; ;}
.layui-nav-bar { width: 0px !important; height: 0px !important; }
.fontcolor { color: #42546d !important;}
.layui-left-dd img { width: 20px; margin-right: 8px; }
.layui-left-dd:hover { background-color: #f6f8fa; }
.layui-left-dd a:hover { color: #3d90ff !important; }
.souduo { padding: 0 15px; height: 35px; line-height: 35px !important; cursor:pointer;}
.souduo:hover { background-color: #3f4979; color: rgba(255,255,255,1); }
.qvjiantou { left: 250px; }
.qvjiantou span { display: none; }

.sousuo-box { width: 254px; margin: 0px 8px; padding: 15px 0px; display: flex; justify-content: space-between; align-items: center; }
.sousuo { display: flex; align-items: center;}
.sousuo img { width: 16px; height: 16px; margin-right: 8px;}
.sousuo input { border: 0px; width: 144px; height: 30px; line-height: 30px; }
.kbglkanbanbtn { width: 18px; cursor:pointer;}
.chuangjian { width: 24px; cursor: pointer; height: 24px; text-align: center; line-height: 24px; color: #ffffff; background-color: #3d90ff; font-size: 18px; margin-left: 8px; }
.chuangjian:hover { background-color: #4fa1ff; }
.tab-box { background-color: #ffffff; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; }
.tab-tit-box { display: flex; align-items: center; }
.tab-tit { font-size: 18px; color: #202d3f; height: 30px; line-height: 30px; margin-left: 16px; }
.tab-shiqvshezhi { margin-left: 16px; text-align: center; padding: 0 8px; min-width: 80px; height: 24px; line-height: 24px; font-size: 12px; color: #67729d; background-color: #f6f8fa; cursor: pointer; border-radius: 2px; }

.tab-right-box { display: flex; justify-content: space-around; align-items: center; }
.img-box img{ width: 16px; }
.img-box { width: 24px; height: 24px; text-align: center; line-height: 24px; margin-right: 16px; cursor:pointer;}
.img-box:hover { background-color: #f1f8ff; }
/* .baobiao img{ width: 16px; }
.baobiao { width: 24px; height: 24px; background-color: #3d90ff; text-align: center; line-height: 24px; margin-right: 16px; cursor:pointer;} */

.layui-card:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); }
.row-top { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px 10px;}
.row-tit { display: flex; align-items: center; max-width: calc(100% - 100px)} 
.row-tit p { font-size: 16px; font-weight: 500; color: #202d3f; white-space: nowrap; }
.row-tit p a { color: #202d3f; }
.row-tit p a:hover { color: #4fa1ff; }
.tishi { width: 24px; height: 24px; line-height: 24px; text-align: center; margin-left: 6px; transition: all .3s; cursor: pointer; border-radius: 2px; }
.tishi:hover { background-color: #f0f2f5; }
.action-box { display: flex; margin-left: 6px; }
.condition-box { padding: 0 24px; display: flex; justify-content: space-between; align-items: center;}
.time-cond { display: flex; align-items: center; font-size: 12px; line-height: 24px; color: #67729d;}
.time-cond span { min-width: 20px; height: 24px; line-height: 24px; margin-right: 8px; cursor: pointer }
.time-cond div { width: 1px; height: 8px; background-color: #f0f0f0; margin-right: 8px; }
.chart { cursor: pointer; padding: 3px 5px;}
.chart span { font-size: 12px; color: #67729d; margin-left: 4px; }
.chart:hover { background-color: #f0f2f5; }
.dqtime { padding: 0 24px; color: #67729d; font-size: 12px; margin-top: 12px; }
.sanjiao { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;  border-bottom: 3px solid #00bf74; margin: 0 8px; }
.proportion-data { display: flex; align-items: center; font-size: 12px; color: #42546d; }
.proportion-data  span {color: #00bf74;}
.data-box { display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.data-num { margin-left: 24px; font-size: 40px;color: #202d3f; }
.data-num span { font-size: 12px; color: #42546d; margin-left: 4px; }
.proportion { margin-left: 16px; }
.thesum-box { font-size: 12px; color: #202d3f; }
.thesum-box span { font-size: 20px; color: #202d3f; margin-left: 8px; margin-right: 4px; }
.thesum { margin-right: 24px; }
.echarts-box { padding: 0 24px; margin-top: 10px; height: 204px;  }
.layui-card:last-child { padding-bottom: 12px; }
.echarts { width: 100%; height: 204px; }
.control { height: 21px; display: none; }
.tool-show .control { display: block; }

.table-box { margin: 10px 24px 0 24px; height: 283px; overflow-x: auto; overflow-y: hidden; }
.table-tbody-box { height: 283px; overflow-x: auto; overflow-y: auto; }
.table-thead { } 

.layui-table-body { height: 242px; overflow: auto; }

/* 搜索 */
.mask_box { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0; z-index: 99999; }
.search_pop { max-width: 800px; width: 800px; background-color: #fff;}
.search_top { padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; }
.search_left { display: flex; align-items: center; justify-content: flex-start; }
.zhanghu_box { display:inline-block; min-width: 40px; color: #67729d; height: 28px; padding: 0 6px; font-size: 13px; line-height: 30px; white-space: nowrap; vertical-align: top; background-color: #f0f2f5; border: 1px solid #f0f2f5; border-radius: 2px; cursor: pointer; transition: all .3s; }
.zhanghu_box:hover { background-color:#ffffff; border-color: #4fa1ff; }
.zhanghu_box img { position: relative; top: -2px; }
.judge_box { margin-left: 4px; padding: 0 6px; color: #67729d; height: 28px; line-height: 30px; border:1px solid #f0f2f5; background-color: #f0f2f5; border-radius: 2px; cursor: pointer; }
.judge_box:hover { background-color:#ffffff; border-color: #4fa1ff; }
.search_txt { margin-left: 4px; padding: 0 4px; max-width: 120px; border-radius: 2px; background-color: #f0f2f5; height: 28px; color: #67729d; font-size: 13px; line-height: 30px; border: 1px solid #f0f2f5; }
.search_txt:hover { border: 1px solid #4fa1ff; }
.searcg_but { background-color:#3d90ff; border-color: #3d90ff; height: 32px; padding: 0 16px; font-weight: 400; font-size: 14px; line-height: 30px; text-shadow: none; text-align:center; cursor: pointer; border-radius: 4px; color: #ffffff;}

.search_data { color: #42546d; padding: 8px 32px 0 32px; border-top: 1px solid #d9d9d9; max-height: 460px; min-height: 460px; overflow-y: auto; }
.search_data_con { cursor: pointer; border-bottom:1px solid #ebebeb; display:flex; align-items: center; justify-content: space-between; height: 40px;}
.search_data_con:hover { background-color: #f7f9fc; }
.search_data_con:hover span { color: #3d90ff; }
.search_data_con img { position: relative; top: -2px; }
.search_pop .more_data-box { display: none; }
.search_pop .more_data { margin-top: -1px; display: flex; align-items: center; justify-content: center; height: 50px; color: #3d90ff; font-size: 16px; border-top: 1px solid #d9d9d9; cursor: pointer; }

.judge_box_con { display: none; width: 150px; border-radius: 4px; color: #67729d; position: absolute; top: 45px; left: 92px; background-color: #ffffff;}
.judge_box_con div{ padding: 6px 6px; margin: 4px 6px 0 6px; cursor: pointer; }
.judge_box_con div:hover { background-color: #f0f2f5; }

.zhuanghu_xila { z-index: 9999999; width: 480px; height: 420px; position: fixed; border-radius: 2px; background-color: #ffffff; box-shadow: 0px 0px 20px #888888; }
.zhuanghu_ss img { width: 14px; height: 14px; }
.zhuanghu_ss { padding: 16px 16px 0 24px; display: flex; justify-content: space-between; align-items: center; }
.zhuanghu_ss input { width: 392px; color: #000; border: 0px; height: 30px; }

input::-webkit-input-placeholder{ color:#a7b5c3;}
.zhuang_tab_box { display: flex; justify-content: space-between; height: 32px; margin-top: 4px; padding: 0 16px; border-bottom: 1px solid #f0f0f0; }
.zhuang_tab { display: flex; align-items: center; }
.zhuang_tab span { color: #67729d; position: relative; margin-right: 16px; padding: 0 4px; font-size: 12px; line-height: 30px; cursor: pointer; }
.xian { width: 16px; height: 2px; background-color: #3d90ff; margin: 0 auto; }
.zhuang_conetnt { height: calc(100% - 100px); margin-top: 12px; padding: 0 8px; overflow-x: hidden; overflow-y: auto; }
.zhuang_conetnt_tit { position: sticky; top: 0; padding-left: 16px; line-height: 20px; background-color: #ffffff;  }
.ta-pso-lines { display: flex; flex-wrap: wrap; width: 100%; padding: 8px 0 4px; }
.ta-pso-line { width: 100%; color: #42546d; padding-left: 16px; margin-bottom: 4px; overflow: hidden; font-size: 13px; line-height: 28px; text-overflow: ellipsis; cursor: pointer; }
.ta-pso-line:hover { background-color: #f6f8fa; }

.zhezhao_bg { display: none; background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%; position: fixed; top: 0; z-index: 99999; }
.newskanban_box { display: none; background-color: #ffffff; z-index: 99999; position: fixed; left: 238px; top: 103px; border-radius: 2px; }
.tant-dropdown { max-height: 280px; padding: 4px; overflow-y: auto; box-shadow: 0px 0px 20px #888888;margin:0; text-align: left; list-style-type: none; outline: none; }
.tant-dropdown li { padding: 4px 8px; color: #42546d; font-size: 13px; line-height: 22px; cursor: pointer; }
.tant-dropdown img { position: relative; top: -2px; }
.tant-dropdown span { margin-left: 6px; }
.tant-xian { width: 100%; height: 1px; background-color: #f0f0f0; margin: 4px 0; }
.tant-dropdown li:hover { background-color: #f6f8fa; }
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more { border-color: transparent transparent #67717d; }
.layui-nav .layui-nav-more { border-top-color: #67717d; }


.ant-drawer-content-wrapper {display: none; width: 0px; height: 100%; background-color: #ffffff; position: fixed; z-index: 9999; top: 0; color: #000; }
.zhanwei { height: 60px; }

.time-box { margin-left: 4px; padding: 0 8px; cursor: pointer; display: none; }
.time-box img{ width: 14px; height: 14px; position: relative; top: -1px; }
.time-box input { border: 0px; color: #42546d; font-size: 13px; cursor: pointer; margin-left: 3px;}
.qingkomg { display: none; cursor: pointer; }
.mykanban img{ width: 20px; }
.mykanban .layui-nav-more { display: none; }
.second { text-indent: 1.6em; }
.second3 { text-indent: 3.2em; }
.category img { display: none; width: 16px; position: absolute; right: 20px; top: 11px; z-index: 999; }
.category2 img { width: 16px; position: absolute; right: 20px; top: 11px; z-index: 999; }
.classa img{ display: block; }
.classa { background-color: #f6f8fa !important; color: #3d90ff !important; }
/* .level img { display: none; width: 16px; position: absolute; right: 20px; top: 11px; } */
.onlevel img{ display: block; }
.wenjian { display: block !important; width: 20px !important; height: 20px !important; position: relative !important; right: 0px !important; top: 10px !important; z-index: 999; }

/* 导航操作弹窗 */
.TabOperation_box { display: none; background-color: #ffffff; font-size: 14px; position: fixed; z-index: 99999; box-shadow: 0px 0px 20px #888888; }
.TabOperation_box ul { max-height: 280px; padding: 4px; }
.TabOperation_box ul li { color: #42546d; padding: 4px 8px; min-width: 60px; clear: both; margin: 0; font-weight: 400; line-height: 22px; white-space:nowrap; cursor: pointer; }
.TabOperation_box ul li img { width: 16px; margin-right: 10px; }
.TabOperation_box ul li:hover { background-color: #f6f8fa; }

.layui-left-dd a:hover > img{ display: block; }
.kanbanwenjianimg { width: 16px; position: absolute; right: 20px; top: 11px; z-index: 999; }
.kanbanwenjian:hover > .kanbanwenjianimg { display: block; }
.xiangmukongjian:hover > img{ display: block; }

/* 修改看板名称 */
.modifyname-bg { width: 396px; height: 200px;}
.modifyname-box { width: 396px; height: 174px; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;  background-color: #ffffff; border-radius: 2px; }
.modifyname-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.modifyname-top img { cursor: pointer; }
.modifyname-txt-box { height: 32px; padding: 10px 28px; }
.modifyname-txt { width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.modifyname-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 25px 28px 0 28px; }
.modifyname-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.modifyname-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.modifyname-qd { cursor: pointer; background-color: #1890ff; color: #ffffff; }

/* 移动看板 */
.yidong-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; }
.yidong-box { width: 396px; height: 242px; background-color: #ffffff; border-radius: 2px; }
.copyreport-box { width: 396px; height: 190px; background-color: #ffffff; border-radius: 2px; }
.yidong-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.yidong-top img { cursor: pointer; }
.yidong-txt-box { height: 32px; padding: 10px 28px; position: fixed; width: 345px; }
.yidong-txt { width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.yidong-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 95px 28px 0 28px; }
.yidong-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.yidong-qx {cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.yidong-qd {cursor: pointer; background-color: #1890ff; color: #ffffff; }
.yidong-tab-box { padding: 0 24px; display: flex; align-items: center; justify-content: flex-start; height: 48px; }
.yidong-tab { display: flex; border: 1px solid #d9d9d9; }
.yidong-tab div { cursor: pointer; font-size: 12px; text-align: center; width: 70px; height: 28px; line-height: 28px;}
.tabdata { background-color: #40a9ff; color: #ffffff; }

.comboTreeWrapper{position: relative;text-align: left !important;}
.comboTreeInputWrapper{position: relative;}
.comboTreeArrowBtn {position: absolute;right: 1px;bottom: 1px;top: 1px;box-sizing: border-box;border: none;border-left: 1px solid #c7c7c7;border-radius: 0 3px 3px 0;}
.comboTreeDropDownContainer {display: none;background: #fff;border: 1px solid #aaa;max-height: 250px;overflow-y: auto;position: absolute;width: 100%;box-sizing: border-box;z-index: 999;}
.comboTreeDropDownContainer ul{padding: 0px;margin: 0;}
.comboTreeDropDownContainer li{list-style-type: none;padding-left: 15px;cursor: pointer;}
.comboTreeDropDownContainer li:hover{background-color: #ddd;}
.comboTreeDropDownContainer li:hover ul{background-color: #fff;}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{background-color: #418EFF;color: #fff;}
span.comboTreeItemTitle{display: block;padding: 2px 4px;}
.comboTreeDropDownContainer label{cursor: pointer;width: 100%;display: block;}
.comboTreeDropDownContainer .comboTreeItemTitle input {position: relative;top: 2px;margin: 0px 4px 0px 0px;}
.comboTreeParentPlus{position: relative;left: -12px;top: 4px;width: 4px;float: left;}
.comboTreeInputBox {padding: 7px 5px;border-radius: 3px;border: 1px solid #d9d9d9;width: 100%;box-sizing: border-box;padding-right: 24px;}
.comboTreeArrowBtnImg{font-size: 10px;}
.multiplesFilter{width: 100%;padding: 5px;box-sizing: border-box;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #999;}
.justAnotherInputBox2{ display: none;  width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0;}

/* 复制看板 */
/* 移动看板 */
/* .copy-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; } */
.copy-box { width: 396px; height: 200px; background-color: #ffffff; border-radius: 2px; }
.copy-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.copy-top img { cursor: pointer; }
.copy-txt-box { height: 32px; padding: 10px 28px 10px 114px; }
.copy-txt { width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.copy-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 25px 28px 0 28px; }
.copy-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.copy-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.copy-qd { cursor: pointer; background-color: #1890ff; color: #ffffff; }
.copy-tab-box { padding: 0 28px; display: flex; align-items: center; justify-content: flex-start; height: 48px; }
.copy-title { font-size: 13px; color: #607595; width: 70px; text-align: right; padding-right: 16px; }
.copy-tab { display: flex; border: 1px solid #d9d9d9; }
.copy-tab div { cursor: pointer; font-size: 12px; text-align: center; width: 70px; height: 28px; line-height: 28px;}
.copy-name-box { height: 32px; padding: 10px 28px; display: flex; align-items: center; justify-content: flex-start; }
.copyname-txt { width: calc(100% - 86px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.copy-tishi { margin-left: 114px; width: 205px; text-align: center; color: #607595; padding: 2px; font-size: 12px; background-color: #f1f8ff; margin-top: 0px;}

/* 删除看板 */
.del-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; }
.del-box { border-radius: 2px; width: 396px; height: 180px; background-color: #fff; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.del-xinxi { padding: 36px 26px 0; }
.del-tit { font-size: 16px; margin-bottom: 8px; color: #42546d; font-weight: 500; }
.del-tit img { width: 22px; margin-right: 10px;}
.del-tishi { margin-bottom: 24px; padding-left: 32px; color: #607595; font-size: 13px; }
.del-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 46px 28px 0 28px; }
.del-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.del-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.del-qd { cursor: pointer; background-color: #ff5d5d; color: #ffffff; }

/* 控件设置 */
.kongjian-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999;  }
.kongjian-box { display: flex; }
.kongjian-left { background-color: #fff; height: 500px; }
.kongjian-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.kongjian-mc-box { margin-top: 10px; display: flex; justify-content: space-between; align-content:center; padding: 0 24px;  }
.kongjian-mc-box span { width: 100px; line-height: 34px; padding-right: 24px; color: #42546d; }
.kongjian-mc-box input { width: 260px; height: 32px; padding: 0 8px; color: #42546d; font-size: 14px; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px; }
.kongjian-tianjia { color: #3d90ff; line-height: 34px; padding: 0 8px; cursor: pointer; }
.kongjian-renyuan-box { margin-top: 6px; height: 260px; padding: 8px 8px 8px 16px; overflow-y: scroll; border-top: 1px solid #f0f0f0; }
.kongjian-but-box { border-top: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; }
.kongjian-cz a{ color: #666 !important; }
.kongjian-cz span { display: none; }
.kongjian-cz { padding: 0 !important; margin-top: 7px;}
.kongjian-cz li {line-height: 32px !important;}
.kongjian-but { display: flex; margin-top: 7px; }
.kongjian-but div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.kongjian-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.kongjian-qd { cursor: pointer; background-color: #1890ff; color: #ffffff; }
.chuangjiankongjian-box { padding: 16px 14px; background: linear-gradient(270deg,rgba(61,144,255,.04),rgba(61,144,255,.1)); }
.chuangjiankongjian-tit { font-size: 16px; color: #202d3f; font-weight: 500; }
.chuangjiankongjian-tit2 { margin-top: 4px; color: #67729d; font-weight: 400; font-size: 12px; }
.kongjian-but-box .kongjian-cz { background-color: #f6f8fa !important; color: #666; padding: 0 12px !important; height: 32px; line-height: 32px; background-color: #f6f8fa; cursor: pointer; }

.kongjian-renyuan-box .kongjian-renyuan { display: flex; padding: 8px; justify-content: space-between; align-items: center; }
.kongjian-renyuan:hover { background-color: #f6f8fa; }
.kongjian-renyuan .kongjian-renyuan-left { display: flex; }
.kongjian-renyuan .kongjian-renyuan-left div{ text-align: center; width: 24px; height: 24px; line-height: 24px; text-align: 24px; background-color: #dfa100; color: #fff; border-radius: 24px; }
.kongjian-renyuan .kongjian-renyuan-left span { line-height: 24px; margin-left: 8px;  }
.kongjian-renyuan-right { display: flex; justify-content: space-around; align-items: center; color: #42546d; }
.kongjian-renyuan-jurisdiction { cursor: pointer; width: 50px; background: url('../img/xiajiantou1.png') no-repeat 100% 50%; background-size: 10%; }
.kongjian-renyuan-jurisdiction:hover { color: #4fa1ff;  background: url('../img/xiajiantou2.png') no-repeat 100% 50%; background-size: 10%; }
.kongjian-renyuan-left-x { width: 22px !important; height: 22px !important; background-color: #fff !important; border: 1px solid #dfa100; color: #dfa100 !important; }
.kongjian-renyuan-del { cursor: pointer; width: 24px; height: 24px; background: url('../img/cha1.png') no-repeat 100%; background-position: center; }
.kongjian-renyuan-del:hover { background: url('../img/cha2.png') no-repeat 100%; background-position: center; }

/* 权限弹窗 */
.Sjurisdiction-box-bg { background-color: #fff; }
.Sjurisdiction-box-bg .Sjurisdiction-box { padding: 4px; }
.Sjurisdiction-but { cursor: pointer; padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; }
.Sjurisdiction-but .Sjurisdiction-but-left-tit { color: #42546d; font-size: 13px; }
.Sjurisdiction-but .Sjurisdiction-but-left-tit2 { color: #607595; font-size: 12px; margin-top: 5px; }
.Sjurisdiction-but-right { width: 13px; height: 13px; border-radius: 13px; margin-left: 5px; }

.Sjurisdiction-checked { width: 100%; height: 100%; border-radius: 100%; background-color: #3d90ff; }
.Sjurisdiction-checked .dian{ width: 5px; height: 5px; background-color: #fff; border-radius: 5px; position: relative; top: 4px; left: 4px; }
.Sjurisdiction-nochecked { display: none; width: 11px; height: 11px; border-radius: 100%; border: 1px solid #607595; }


/* 成员面板 */
.kongjian-box .member-box { display: none; width: 256px; height: 500px; background-color: #fff; margin-left: 6px; margin-top: 0px; }
.kongjian-box .member-box .member-top-box img { width: 16px; height: 16px; position: relative; top: 10px; }
.member-top-box .member-cha { cursor: pointer; }
.kongjian-box .member-box .member-top-box input { height: 32px; border: 0; padding: 0 8px; } 
.member-box .member-top-box { padding: 6px 8px; display:flex; justify-content: space-around; align-content: center; }
.member-user-box { padding: 8px; overflow-y: scroll;}
.member-user-box .member-user-xm { height: 36px; padding-left: 8px; }
.member-user-con { cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.member-user-con-lefr { display: flex; padding: 8px; }
.member-user-con-lefr .member-user-con-x { color: #67729d; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; text-align: center; font-size: 12px; border: 1px solid #d9dfe6; }
.member-user-con-lefr .member-user-con-w { line-height: 24px; font-size: 14px; width: calc(100% - 30px); margin-left: 8px;}
.member-user-con:hover { background-color: #f6f8fa; }
.member-user-con-right { display: none; margin-right: 5px; font-size: 24px; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #67729d; }
.member-user-con-right:hover{ background-color: #f0f2f5; color:#3d90ff;}
.member-user-con:hover> .member-user-con-right { display: block; }
/* 新建看板 */
.new-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; }
.new-box { width: 396px; height: 275px; background-color: #fff;}
.new-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.new-top img { cursor: pointer; }
.new-txt-box { width: 255px; height: 32px; padding: 10px 28px 10px 114px; position: fixed; }
.new-txt { width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.new-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 75px 28px 0 28px; }
.new-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.new-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.new-qd { cursor: pointer; background-color: #1890ff; color: #ffffff; }
.new-tab-box { padding: 0 28px; display: flex; align-items: center; justify-content: flex-start; height: 48px; }
.new-title { font-size: 13px; color: #607595; width: 70px; text-align: right; padding-right: 16px; }
.new-tab { display: flex; border: 1px solid #d9d9d9; }
.new-tab div { cursor: pointer; font-size: 12px; text-align: center; width: 70px; height: 28px; line-height: 28px;}
.new-name-box { height: 32px; padding: 10px 28px; display: flex; align-items: center; justify-content: flex-start; }
.newname-txt { width: calc(100% - 86px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }

/* 新建文件夹 */
.newwenjian-bg { display: none; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; }
.newwenjian-box { width: 396px; height: 275px; background-color: #fff;}
.newwenjian-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: #202d3f; font-size: 16px; }
.newwenjian-top img { cursor: pointer; }
.newwenjian-txt-box { width: 255px; height: 32px; padding: 10px 28px 10px 114px; position: fixed; }
.newwenjian-txt { width: calc(100% - 16px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }
.newwenjian-but-box { display: flex; justify-content: flex-end; align-items: center; margin: 75px 28px 0 28px; }
.newwenjian-but-box div { width: 62px; height: 32px; text-align: center; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 2px; }
.newwenjian-qx { cursor: pointer; border: 1px solid #d9d9d9; color: #42546d; margin-right: 16px; }
.newwenjian-qd { cursor: pointer; background-color: #1890ff; color: #ffffff; }
.newwenjian-tab-box { padding: 0 28px; display: flex; align-items: center; justify-content: flex-start; height: 48px; }
.newwenjian-title { font-size: 13px; color: #607595; width: 70px; text-align: right; padding-right: 16px; }
.newwenjian-tab { display: flex; border: 1px solid #d9d9d9; }
.newwenjian-tab div { cursor: pointer; font-size: 12px; text-align: center; width: 70px; height: 28px; line-height: 28px;}
.newwenjian-name-box { height: 32px; padding: 10px 28px; display: flex; align-items: center; justify-content: flex-start; }
.newwenjianname-txt { width: calc(100% - 86px); height: 32px; line-height: 32px; padding: 0 8px; color: #42546d; border-radius: 2px; border: 1px solid #f0f0f0; }


/* 登录界面 */
/* .login-bg { width: 100%; min-height: 100%; background-color: #000; position: fixed; }
.login-bg .login-box { width: 500px; height: 300px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; border-radius: 2px; }
.login-box .login-txt-box { padding: 20px 100px; display: flex; justify-content: space-between; align-items: center;  }
.login-box .login-txt-box input { width: 250px; height: 30px; line-height: 30px; } 
.login-box .login-txt-top { margin-top: 30px; }
.login-box .login-but-box { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; }
.login-but-box .login-denglu { border: 0; cursor: pointer; width: 150px; height: 34px; line-height: 34px; text-align: center; margin: 0 auto; background-color: #1890ff; color: #fff; }

.search_data-zwsj { text-align: center; position: absolute; margin: auto; top: 278px; left: 0; right: 0; } */

*, ::after, ::before { box-sizing: inherit; }
.login-bg { width: 100%; height: 100%; position: absolute; background: url('../img/bg_login.png') no-repeat; background-size: 100% 100%; }
.login-box { width: 69%; height: 70%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; border-radius: 8px; display: flex; justify-content: space-around; align-items: center; }
.login-left { width: 55.5%; height: 100%; background-color: #e0f1ff; border-radius: 8px 0 0 8px; line-height: 100%; display: flex; justify-content: space-around; align-items: center;}
.left_login { text-align: center; width: 77.8%;}
.login-right { width: 44.5%; height: 100%; }
.logo-box { text-align: center; font-size: 20px; color: #828282; margin-top: 19.6%; }
.logo-box img { height: 75px; }
.logo-box p {  margin-top: 10px; }
.login-text-box { margin: 35px 12% 0 12%; }
.login-left-img { width: 20px; padding: 8px 12px; }
.login-left-img img{ width: 18px; position: relative; top: -2px; }
.login-text { display: flex; align-items: center; }

.login-form-control { border: 0; padding: 8px 0; font-size: 0.9rem; height: calc(2.25rem + 2px); width: 100%; }
.login-text { border: 1px solid #d9d9d9; }
.col-8 { max-width: 100%; padding: 0 !important; margin-top: 13px;}
[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before { width: 18px; height: 18px; position: relative; top: 5px; }
.btn { padding: 0.87rem 0; }
.btn-primary { background-color: #40a9ff; border-color: #40a9ff; }
.btn-primary:hover { background-color: #40a9ff; border-color: #40a9ff; }
[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after { left: -2px; top: 2px; }
label:not(.form-check-label):not(.custom-file-label) { font-weight: 400; }
.bottom-box { width: 70%; font-weight: 300; position: absolute; margin: 0 auto; bottom: 3%; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; color: #ffffff; font-size: 16px; }
[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before { border:1px solid #d9d9d9; }
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before { background-color: #40a9ff; border-color: #40a9ff;}
.login-btn { background-color: #40a9ff; border-color: #40a9ff; padding: 0.87rem 0; width: 100%; }
.login-bottom-box { width: 70%; font-size: 300; position: absolute; margin: 0 auto; bottom: 3%; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 16px; }

/* 看板设置 */
.kanbanshezhi-box { width: 396px; background-color: #fff; }
.kanbanshezhi-top { font-size: 16px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; }
.kanbanshezhi-tuihui { font-size: 14px; cursor: pointer;}
.kanbanshezhi-list-on { background-color: #f6f8fa; }
.kanbanshezhi-con { padding: 14px 8px 24px; border-bottom: 1px solid #f0f0f0; }
.kanbanshezhi-con .kanbanshezhi-con-tit { margin-bottom: 14px; padding: 0 16px; color: #202d3f; line-height: 20px; }
.kanbanshezhi-list { padding: 16px; cursor: pointer; }
.kanbanshezhi-list-left { display: flex; justify-content: space-between; align-items: center;}
.kanbanshezhi-list-left { margin-bottom: 12px; width: 100%; }
.kanbanshezhi-list-left .kanbanshezhi-list-left-tit { font-size: 13px; color: #42546d; }
.kanbanshezhi-list .kanbanshezhi-list-con { color: #67729d; font-size: 12px; line-height: 16px; }
.kanbanshezhi-list .kanbanshezhi-bottom { margin-top: 4px; display: flex; justify-content: space-between; align-items: center; }
.kanbanshezhi-list .kanbanshezhi-bottom select {color: #333; border: 1px solid #f0f0f0;}
.shiqu-yes { width: 100%; display: flex; justify-content: space-between; align-items: center; }

.kanbanshezhi-but-box { width: 100%; position: absolute; bottom: 0; right: 0; display: flex; justify-content: flex-end; align-items: center; padding: 12px 16px 0 0; height: 56px; text-align: right; border-top: 1px solid #f0f0f0; }
.kanbanshezhi-but-box div { cursor: pointer; height: 32px; line-height: 32px; padding: 0 16px; font-weight: 400; font-size: 14px; border-radius: 2px; }
.kanbanshezhi-qx { border: 1px solid #f0f0f0; background-color: #fff; color: #42546d; }
.kanbanshezhi-qd { background-color: #3d90ff; color: #fff; margin-left: 16px; }

/* 管理我创建的看板 */
.adminmykanban-box { width: 560px; background-color: #fff; }
.adminmykanban-box .adminmykanban-top { font-size: 16px; font-weight: 500; color: #202d3f; display: flex; align-items: center; height: 56px; padding: 0 28px; border-bottom: 1px solid #f0f0f0; }
.adminmykanban-top-fh { cursor: pointer; width: 24px; height: 24px; border-radius: 2px; margin-right: 5px; background: url(../img/zuojiantou1.png) no-repeat 100%; background-position: center; }
.adminmykanban-top-fh:hover { background-color: #f0f2f5; background: url(../img/zuojiantou2.png) no-repeat 100%; background-position: center; }
.adminmykanban-sousuo-box { display: flex; align-items: center; padding: 0 24px; height: 48px; }
.adminmykanban-sousuo-box img { width: 16px; height: 16px; }
.adminmykanban-sousuo-box .cha { display: none; }
.adminmykanban-sousuo-box input { margin-left: 8px; width: 460px; height: 30px; line-height: 30px; font-size: 14px; border: 0; border-radius: 2px; color: #42546d; }
.adminmykanban-operation { border-bottom: 1px solid #f0f0f0; padding: 7px 24px; display: flex; justify-content: space-between; align-items: center; }
.adminmykanban-operation-but button { cursor: pointer; background-color: #fff; padding: 0 16px; height: 32px; font-size: 14px; line-height: 30px; text-shadow: none; }

.adminmykanban-operation-but-yidong { color: #42546d; border: 1px solid #f0f0f0; }
.adminmykanban-operation-but-copy { color: #009688; border: 1px solid #009688; }
.adminmykanban-operation-but-del { color: #ff5d5d; border:1px solid #ff5d5d; }
.adminmykanban-con-box { padding: 7px 24px; overflow-y: scroll; }
.adminmykanban-con-box .adminmykanban-con-title { height: 48px; line-height: 48px; font-weight: 500; font-size: 14px; color: #42546d; }


/* 筛选 */
.screen-box { background-color: #fff; padding-bottom: 16px; min-height: 72px; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; box-shadow: 0 4px 6px rgb(0 0 0 / 15%); }

.screen-buttom { margin-left: 56px; width: 52px; display: flex; padding: 8px;  color: #3d90ff; font-size: 13px; border-radius: 4px; cursor: pointer; }
.screen-buttom div{ margin-right: 8px; border-radius: 16px; background-color: #e4f2ff; width: 16px; height: 16px; text-align: center; align-items: center; }
.screen-buttom div img { width: 14px; height: 14px; position: relative; top: -1px; }
.screen-buttom:hover { background-color: #e4f2ff; }
/* .screen-buttom:hover> .screen-buttom-jia { background-color: #3d90ff; } */

.screen-top-box { display: flex; padding-top: 14px;}
.screen-left-box { width: 56px; min-height: 44px; margin-left: 16px; }
.xian { margin: 0 auto; width: 1px; height: 100%; background-color: #94c8ff; }
.screen-left-qei { cursor: pointer; display: none; border-radius: 24px; background-color: #fff; position: absolute; margin: auto; left: 32px; top: 0; bottom: 30px; font-size: 12px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #f0f0f0; color: #42546d; text-align: center; }
.screen-right-box { width: 140px; height: 47px; display: flex; align-items: center; justify-content: space-between; }
.screen-right-box div { cursor: pointer; }
.screen-right-box .qingkong { margin-left: 8px; color: #3d90ff; padding: 0 4px; height: 28px; line-height: 28px; color:#3d90ff; font-weight: 400; font-size: 13px; text-align: center; border-radius: 2px; background-color: #e4f2ff; }
.screen-right-box .jisuan { color: #fff; margin-left: 8px; height: 28px; line-height: 28px; padding: 0 4px; font-weight: 400; font-size: 13px; text-align: center; border-radius: 2px; background-color: #3d90ff; }
.screen-right-box .img{ margin-right: 8px; background: url("../img/shangshuangjiantou1.png") no-repeat 100%; background-position: center; width: 16px; height: 16px;}
.screen-right-box .img:hover { background: url("../img/shangshuangjiantou2.png") no-repeat 100%; background-position: center;}

.screen-con-box { width: calc(100% - 212px); display: flex; flex-flow: row wrap; align-items: center }
.screen-con-bg { display: flex; align-items: center; min-height: 36px; color: #42546d; margin: 4px 4px 0 0; padding: 2px 24px 2px 4px; }
.screen-con-bg:hover > .screen-del { display: block; }
.screen-con-bg .left-type { background-color: #f0f2f5; border-radius: 2px; cursor: pointer; padding: 0 6px; min-width: 40px; font-size: 13px; line-height: 29px; height: 28px; }
.screen-con-bg .left-type img { position: relative; top: -2px; }
.screen-con-bg .content-type { cursor: pointer; height: 28px; margin-left: 4px; padding: 0 6px; color: #67729d; background-color: #f0f2f5; }
.screen-con-bg .content-type .screen-content-sel { height: 28px; border: 0; background-color: #f0f2f5; color: #67729d; }

.screen-con-bg .right-box { margin-left: 4px; background-color: #f0f2f5; padding: 0 6px; color: #67729d; height: 28px; }
.screen-con-bg .right-box .screen-right-txt { width: 120px; height: 28px; background-color: #f0f2f5; border:0; color: #67729d; }

.screen-content-time-box { cursor: pointer; display: none; }
.screen-content-time-box img{ width: 16px; margin-right: 5px; }
.screen-content-time-box input { cursor: pointer; height: 28px; border: 0; color: #67729d; background-color: #f0f2f5; }
.screen-del { display: none; cursor: pointer; margin-left: 5px; width: 14px; height: 14px; background:url("../img/del-red.png") no-repeat 100%; background-position: center; }
.screen-del:hover { background:url("../img/del-red.png") no-repeat 100%; background-position: center;  }

.zhuanghu_xila_xian {  margin: 0 auto; width: 15px; height: 2px; background-color: #94c8ff; }
.layui-project-box a{ width: 120px; }

/* 看板类型设置 */
.kanbantypeset-box { width: 500px; height: 300px; background-color: #fff; }
.kanbantypeset-but-box { padding: 14px 32px; text-align: right; display: flex; justify-content: flex-end; }

.small-data-box { height: 38px; margin-top: 16px; color: #202d3f; font-weight: 500; font-size: 36px; line-height: 38px; text-align: left; font-size: 36px; padding: 0 24px; }
.small-proportion { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; }
.fu { transform:rotate(180deg); border-bottom: 3px solid #ff5d5d; }
.funum { color: #ff5d5d !important; }

/* 重命名 */


