.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: 88px !important; }
.layui-table-body { height: 660px !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; }
/* .layui-card { min-height: 388px; } */
.modify-layui-card-small { height: 186px; }
.modify-layui-card { height: 388px; }
.layui-laydate .layui-this { background-color: rgba(89, 120, 249, 1) !important; }
.layui-laypage-em { background-color: #3d90ff !important; }
.layui-table-cell { height: auto; }

::-webkit-scrollbar { 
    width:0px; 
    height:8px; 
    background-color:#F5F5F5; 
}
/* 滚动条上的按钮 (上下箭头). */
::-webkit-scrollbar-button {
    height: 0px;
    width: 0px;
}
/* 滚动条上的滚动滑块. */
::-webkit-scrollbar-thumb { 
    background-color:#e6e6e6; 
    border-radius: 50px;
}
/*  滚动条轨道. */
::-webkit-scrollbar-track { 
    -webkit-box-shadow:inset 0 0 6px rgba(0, 142, 255, 1); 
    box-shadow:inset 0 0 6px rgba(0, 142, 255, 1, 1); 
    background-color:#F5F5F5; 
}
/* 滚动条没有滑块的轨道部分 */
::-webkit-scrollbar-track-piece {
    background-color: #fff;
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分. */
::-webkit-scrollbar-corner {
    background:transparent;
}

.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; }
.woshujv { width: 100%; text-align: center; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; }

.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 img { width: 12px; height: 12px; margin-left: 3px; margin-top: -3px; }
.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 span img { margin-top: -2px; }
.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; }
.layui-card:last-child { padding-bottom: 12px; }
.echarts { width: 100%; height: 250px; }
.echarts2 { width: 100%; height: 296px; }
.control { height: 21px; display: block; }
.tool-show .control { display: block; }

.table-box { margin: 10px 24px 0 24px; height: 300px;
    /* overflow-x: auto; overflow-y: hidden;  */
}
.table-tbody-box { height: 300px; 
    /* 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-copykongjian { color: #009688; border: 1px solid #009688; }
.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: #3d90ff; text-align: center; }
.screen-left-qei:hover { background-color: #3d90ff; color: #fff; }
.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; color: #67729d; 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; line-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; line-height: 28px; }
.right-date-box { width: 140px; height: 28px; background-color: #f0f2f5; border:0; color: #67729d; }
.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; }

/* 报表设置 */
.setupbaobiao-box { width: 880px; height: 460px; }
.setupbaobiao-top-box { padding: 0 20px;  font-size: 14px; height: 60px; display: flex; align-items: center; justify-content: space-between; background-color: #f0f2f5; }
.setupbaobiao-but-box { display: flex; align-items: center; }
.setupbaobiao-xq{ padding-right: 20px; cursor: pointer; color: #42546d; }
.setupbaobiao-xq:hover { color: #4fa1ff; }
.setupbaobiao-yy { color: #fff; line-height: 30px; background-color: #3d90ff; height: 32px; padding: 0 16px; border-radius: 2px; cursor: pointer; }
.setupbaobiao-yy:hover { background-color: #4fa1ff; }
.setupbaobiao-top-box p { color: #42546d; }
.setupbaobiao-content-box { display: flex; }
.setupbaobiao-left-box { width: 50%; min-height: 400px; padding-bottom: 0px; border-right: 1px solid #f0f0f0; }
.setupbaobiao-right-box { width: 50%; min-height: 400px; padding-bottom: 0px; }
.setupbaobiao-con-top-box { font-size: 12px; color: #42546d; height: 60px; padding: 0 0 0 20px; line-height: 60px; border-bottom: 1px solid #f0f0f0; }
.setupbaobiao-left-from { padding-top: 16px;  }
.setupbaobiao-left-from-list-box { display: flex; align-items: flex-start; width: 100%; min-height: 50px; margin-bottom: 10px; padding-left: 20px; padding-right: 10px; }
.setupbaobiao-left-from-list-title { color: #42546d; display: flex; align-items: center; width: 120px; height: 32px; font-weight: 500; font-size: 14px; line-height: 16px; }
.setupbaobiao-left-from-list-input { display: inline-block; width: 100%; line-height: 32px; }
.setupbaobiao-left-from-list-input input { width: 240px; height: 32px; padding: 0 8px; color: #42546d; font-size: 14px; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px; }
.setupbaobiao-left-from-list-input select { appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 90% center transparent; height: 32px; line-height: 30px; padding: 0 24px 0 8px; color: #42546d; font-size: 13px; border: 1px solid #f0f0f0; border-radius: 2px; }
.setupbaobiao-left-from-list-input textarea { resize: none; width: 240px; min-height: 32px; padding: 0 8px; color: #42546d; font-size: 14px; line-height: 30px; border: 1px solid #f0f0f0; border-radius: 2px;  }
.setupbaobiao-right-from { padding-top: 16px; overflow: hidden; }
.setupbaobiao-rli-box { width: 100%; line-height: 32px; }
.setupbaobiao-rli-box2 { display: inline-block; min-width: 80px; height: 28px; padding: 0 8px; font-size: 13px; line-height: 26px; border: 1px solid #f0f0f0; border-radius: 2px; cursor: pointer; color: #42546d; }
.setupbaobiao-charttype { display: flex; align-items: center; }
.shape___2nUUi { width: 28px; height: 28px; color: #67729d; line-height: 28px; text-align: center; border: 1px solid #f0f0f0; cursor: pointer; }
.icon___XxbtJ { color: #fff; background: #3d90ff; }
.setupbaobiao-left-from-list-radio { display: inline-block; width: 100%; line-height: 32px; }
.setupbaobiao-left-from-list-radio-box { display: flex; color: #42546d; }
.setupbaobiao-left-from-list-radio-box input { position: relative; top: 2px; margin-right: 5px; }
.setupbaobiao-zs { color: #42546d; font-size: 12px; line-height: 20px; margin-bottom: 3px; padding: 0 10px 0 20px; }

.fixed-table-box{/*当表格的宽度大于.fixed-table-box的宽度时才会有横向滚动条*//* width: 800px;margin: 50px auto; */}
.test-fixedTable{margin: 0 auto;background-color: #ccc;}
.fixed-table_body-wraper{/*如果数据过多并且想表格有纵向滚动条时，必须给该元素设置一个高度*/max-height: 260px;}
.test-fixedTable .fixed-table_body-wraper{width: 100%;}
.w-150{width: 150px;}
.w-120{width: 120px;}
.w-300{width: 300px;}
.w-100{width: 100px;}
.ws-100 { width: 100px; }
.ws-150 { width: 150px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;  word-break: break-all;}
.btns{text-align: center;}
.btns button{padding: 10px 20px;}

/* 埋点数据检查 */
.datacheck-box { }
.datacheck-title-box { width: 100%; background-color: #f7f7f7;}
.datacheck-title-box p{ margin: 0 106px; padding: 30px 0; font-size: 18px; color: #636363; }
.datacheck-screen-box { margin: 0 0px 0 106px; display: flex; justify-content: space-between; }
.datacheck-tab-box { display: flex; align-items: center;  }
.datacheck-left-box { width: 40%; margin-top: 50px; border-right: 1px solid #f7f7f7; height:700px; overflow-y: auto; }
.datacheck-right-box { width: 60%; }
.datacheck-tab-title { width: 110px; height: 37px; line-height: 37px; text-align: center; font-size: 14px; color: #434343; border: 1px solid #eeeeee; }
.xian3 { width: 100%; height:1px; background-color: #eeeeee;}
.datacheck-from-box { display: flex; justify-content: space-between; align-self: start; margin-top: 32px; margin-right: 30px; }
.datacheck-copy-txt-box { width: 200px; height: 60px; resize:none; padding: 15px 20px; border: 1px solid #eeeeee; margin-right: 15px; }
.datacheck-input-box p{ font-size: 14px; color: #5f5f5f;  }
.datacheck-input-box input { width: 180px; height: 30px; padding: 0 10px; border: 1px solid #eeeeee; margin-top: 13px; color: #5f5f5f; font-size: 14px; line-height: 30px; }
.datacheck-rod-box { display: flex; align-items: center; }
.datacheck-rod-box p { font-size: 14px; color: #5f5f5f; }
.eventattr-add { margin-left: 15px; }
.datacheck-condition-box {display:flex; flex-flow:row wrap; align-items: center; margin-top: 23px; margin-right: 30px; padding: 0 15px 15px 0; background-color: #f7f7f7; }
.datacheck-tab-condition-box { display: flex; align-items: center; }
.datacheck-del { cursor: pointer; border: 1px solid #eeeeee; text-align: center; line-height: 36px; border-left: 0px; width: 37px; height: 36px; }
.datacheck-del:hover { color: #ff5d5d; }
.eventattr-input{ width: 140px; }
.datacheck-tab-condition-box { margin-top: 15px; margin-left: 12px; }
.layui-select-title { width: 146px; }
.baseevent { margin-left: 15px; }
.condition-add { margin-left: 15px; }
.v-input { padding-right: 0px; width: 146px; }
.datacheck-but-box { margin-top: 32px; display: flex; align-items: center; }
.datacheck-but-box div { cursor: pointer; width: 120px; height: 43px; font-size: 14px; line-height: 43px; text-align: center; border-radius: 4px; }
.datacheck-but-cx { background: #1e9fff; color: #fff; }
.datacheck-but-bc {margin-left: 20px; background-color: #e9e9e9; color: #575757; }
.datacheck-but-ck { margin-left: 20px; background-color: #e9e9e9; color: #575757; }
.datacheck-right-box { margin-top: 50px; }
.datacheck-result-info-box { width:400px; height: 600px; background-color: #f7f7f7;  }
.datacheck-result-info-title { width: 100%; font-size: 14px; padding: 12px 0; text-align: center; background-color: #f0f0f0; }
.datacheck-result-box { margin-top: 32px; margin-right: 60px; margin-left: 60px; display: flex; justify-content: space-between; align-items: center; }
.datacheck-result-info { overflow-y: auto; padding: 30px; height: 475px;  }
.datacheck-result-info p { font-size: 12px; margin-top: 15px; color: #434343; }
.datacheck-result-info-tongguo p span{ color: #63c57a; }
.condition-v-input { width: 146px; }
.condition-input { width: 140px; }

.datacheck_moren-box { width: 600px; height: 400px;}
.datacheck_moren-title { display: flex;justify-content: space-between;align-items: center;padding: 16px 24px;color: #202d3f;font-size: 16px;}
.layui-form-checkbox[lay-skin=primary]{ margin-top: 10px; }
.baseevent-checkbox-box { margin: 30px; }
.baseevent-but-box { display: flex; justify-content: end; align-items: center; margin: 0 30px; }
.baseevent-but-box div { cursor: pointer;width: 40px;height: 30px;line-height: 30px;text-align: center;margin: 0 8px;padding: 0 16px;font-weight: 400;font-size: 14px;text-shadow: none;border-radius: 2px; }
.baseevent-but-qb { border: 1px solid #d9d9d9; color: #42546d; }
.baseevent-but-qx { background: #FF5722; color: #fff; }
.baseevent-but-ok { background: #3d90ff; color: #fff; }
.baseevent-but-qc { background: #FF5722; color: #fff; }


.datacheck_preser-box { width: 500px; height: 230px; }
.datacheck_preser-but-box { width: 100%; display: flex; justify-content: space-evenly; align-items: center; border-radius: 8px; }
.datacheck_preser-but-box div { cursor: pointer;width: 40px;height: 30px;line-height: 30px;text-align: center;margin: 0 8px;padding: 0 16px;font-weight: 400;font-size: 14px;text-shadow: none;border-radius: 2px; }
.datacheck_preser-but-qd { background: #3d90ff; color: #fff; }
.datacheck_preser-but-qx { border: 1px solid #d9d9d9; color: #42546d; }

.datacheck_list-box { width: 300px; }
.save-list-tit-box { padding: 16px; text-align: center; border-bottom: 1px solid #eee;}
.save-list-content-box { height: calc(100% - 110px); overflow-y: auto; }
.save-list { padding: 16px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.save-list:hover { background-color: #f1f8ff; }
.save-list-but-box { width: 100%; display: flex; align-items: center; border-radius: 8px; }
.save-list-but-box div{ cursor: pointer; background-color: #FF5722; color: #fff;width: 100%;height: 45px;line-height: 45px;text-align: center;margin: 0 8px;padding: 0 16px;font-weight: 400;font-size: 14px;text-shadow: none;border-radius: 2px; }
.datacheck-table-box { margin: 40px 60px 40px 106px; overflow-x:auto; }

/* 用户标签 */
.userlabel-box { width: 100%; background-color: #f0f2f5; height: calc(100% - 60px); position: fixed; top: 60px; left: 0; display: flex; }
.userlabel-left-box { margin: 24px; width: calc(100% - 312px - 48px); height: calc(100% - 48px); background-color: #fff; border-radius: 2px; }
.userlabel-right-box { width: 312px; background-color: #fff; height: calc(100% - 48px); margin-top: 24px; margin-right: 24px; border-radius: 2px; }
.userlabel-right { margin-top: 20px; height: calc(100% - 20px); overflow: hidden; }
.label-title-box { padding: 0 24px 24px 24px; border-bottom: 1px solid #e6e6e6; }
.label-box-title {font-size: 14px; color: #607595; font-weight: 500;  }
.lable-title-name { font-size: 16px; color: #202d3f; font-weight: 500; margin-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.label-info-box { padding: 0px 24px; height: 56px; line-height: 56px; font-size: 14px; color: #42546d; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.label-info-box:hover { color: #4fa1ff; }
.label-info-box-ov { width: 100%; overflow-y: auto; height:633px; background-color: #fff; } 
.label-but-box { height: 48px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #e6e6e6; color: #607595; }
.label-but-box div { display: flex;align-items: center;justify-content: center;width: 86px;height: 32px;cursor: pointer; }
.lable-dingyi:hover { color: #4fa1ff; }
.lable-gengxin:hover { color: #4fa1ff; }
.lable-del:hover { color: #ff5d5d; }
.label-info-box-ov-title { margin-top: 20px; padding: 0 24px; color: #42546d; font-weight: 500; font-size: 14px; }
.label-info-box-ov-del { display: -webkit-box;height: 65px;margin: 16px 24px 8px 24px;padding: 8px;overflow: hidden;color: #67729d;font-size: 12px;word-break: break-all;background-color: #fbfbfb;border-radius: 2px;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.label-info-box-con { margin: 0 24px; display: flex; justify-content: space-between; align-items: center; height: 36px; color: #607595; }
.label-info-box-con-right { color: #42546d; font-size: 14px; text-align: right; }
.labelval-box { margin-top: 24px; padding: 0 24px 24px 24px; }
.labelval-title-box { color: var(--text-color); font-weight: 500; font-size: 16px; }
.labelval-list-box {  }
.labelval-list-top { display: flex; align-items: center; justify-content: space-between; height: 20px; font-size: 12px; margin-top: 18px; color: #42546d;}
.labelval-list-slide-box { width: 100%; height: 4px; border-radius: 4px; background-color: #f6f7f9; margin-top: 10px;}
.labelval-list-slide { width: 80%; height: 4px; border-radius: 4px; background-color: #219af2; }


/* 用户标签定义 */
.userlabel-dy-box { width: 100%; height: 100%; background-color: #f0f2f5; position: fixed; }
.userlabel-dy-head-box { height: 50px; padding: 0 36px; line-height: 50px; background-color: #fff; margin-top: 60px; font-size: 16px; font-weight: 500; color: #42546d;}
.userlabel-dy-head-box span{ color: #888; } 
.userlabel-dy-content-box { max-width: 1650px; margin: 0 auto;  padding: 25px 23px 50px;}
.userlabel-dy-content-box2 {  display: flex; justify-content: center; align-items: flex-start; font-size: 14px; }
.userlabel-dy-left-box { width: 321px; background-color: #fff; height: 346px; padding: 20px 0; margin-right: 24px;}
.userlabel-dy-left-title { padding: 0 24px 17px 24px; color: #202d3f; font-weight: 500; font-size: 14px; border-bottom: 1px solid #f0f2f5; }
.userlabel-dy-left-item { margin-top: 32px; padding: 0 24px; }
.userlabel-dy-left-item p { font-weight: 400; font-size: 14px; color: #607595; }
.userlabel-dy-left-item input { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; width: 258px; padding: 0 8px; margin-top: 10px; font-size: 14px; height: 32px; line-height: 30px; border: 1px solid var(--light-split-color); border-radius: 2px; transition: all 0.3s;}
.userlabel-dy-left-item textarea{ width: 258px; margin-top: 10px; font-size: 14px; background-color: #fff; line-height: 24px; min-height: 32px; padding: 0 8px; border: 1px solid #f0f0f0; border-radius: 2px; resize: none;  }
.userlabel-dy-right-box { width: 1268px; padding-bottom: 20px;}
.userlabel-dy-right-head-box div{ padding: 20px 24px 0 24px; color: #202d3f; font-weight: 500; font-size: 14px; }
.userlabel-dy-right-head-box p{ margin-top: 8px; padding: 0 24px 17px 24px; color: #67729d; font-size: 12px; border-bottom: 1px solid #f0f2f5; } 
.userlabel-dy-right-title-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 0 24px; }
.userlabel-dy-right-title-box2 { display: flex; flex-wrap: wrap; width: 100%; margin-top: 24px; }
.userlabel-dy-right-title { width: 24%; height: 40px; line-height: 40px; text-indent: 14px; cursor: pointer; font-size: 14px; color: #67729d; margin-top: 8px; margin-right: 8px; color: #67729d; font-size: 14px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 2px; }
.userlabel-dy-right-title:hover { border: 1px solid #3d90ff; color: #3d90ff; }
.userlabel-dy-right-labelname-box { padding: 0 24px; }
.userlabel-dy-right-labelname-root { width: 100%; margin-top: 16px; padding: 8px 0; background-color: #fff; border-radius: 2px; }
.userlabel-dy-right-labelname-root-item { display: flex; align-items: flex-start; justify-content: flex-start; padding: 16px 0; }
.userlabel-dy-right-labelname-root-item-input { width: 100%; font-weight: 400; font-size: 14px; background-color: #fff; padding: 0 8px; color: #42546d; line-height: 30px;  border-radius: 2px; }
.userlabel-dy-right-labelname-root-item-input input { width: 100%;  height: 32px; border: 1px solid #f0f0f0; padding: 8px; }
.userlabel-dy-right-labelname-root-item-input textarea { width: 100%;  height: 64px; border: 1px solid #f0f0f0; resize: none; padding: 8px;}

.userlabel-dy-right-labelname-root-item-title { display: inline-block; margin-top: 5px; white-space:nowrap; padding-right: 24px; color: #42546d; font-weight: 500; font-size: 14px; }
.choicelabel { margin-left: 24px; color: #42546d; font-size: 14px; cursor: pointer;}
.userlabel-json-box { padding: 0 0 0 80px; margin-top: 22px; }
.userlabel-json-relation-editor { position: relative; display: flex; width: 100%; }
.userlabel-json-relation-relation { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 24px; margin-right: 4px; }
.userlabel-json-relation-relation-line { position: absolute; top: 0; left: 12px; height: 100%; width: 1px; background-color: #d9dfe6; }
.userlabel-json-relation-relation-value { position: absolute;top: 50%;left: 0;width: 24px;height: 24px;margin-top: -12px;color: #3d90ff;font-size: 12px;line-height: 22px;text-align: center;background-color: #fff;border: 1px solid #d9dfe6;border-radius: 2px;cursor: pointer; }
.serlabel-json-relation-row { margin-bottom: 12px; }
.userlabel-json-eventRow { min-height: 40px; padding: 0 4px 0 8px; }
.userlabel-json-action-row { position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 24px;line-height: 24px; align-items: center; justify-content: flex-start; min-height: 40px;}
.ta-editor-done-condition { display: flex; align-items: center; font-size: 14px; white-space: nowrap; color: #67729d;}
.ta-isDone { margin-right: 6px; font-weight: 500; text-decoration: underline; cursor: pointer; color: #42546d; }
.ta-editor-done-condition .ta-event-select { margin-left: 4px; }
.ta-event-select { display: inline-block;min-width: 40px;height: 28px;padding: 0 6px;font-size: 14px;line-height: 26px;white-space: nowrap;vertical-align: top;background-color: #fff;border: 1px solid #f0f2f5;border-radius: 2px;cursor: pointer; }
.ta-event-select-label { display: inline-block;max-width: 300px;overflow: hidden;color: #67729d;white-space: nowrap;text-overflow: ellipsis;vertical-align: top; }
.ta-bold { margin-left: 4px; font-weight: 500; }
.ta-editor-done-condition .ta-range-picker-label {  margin-left: 4px; background-color: #fff; border-color: #f0f2f5; border: 1px solid #f0f2f5; }
.ta-range-picker-label { display: inline-block;min-width: 80px;height: 28px;padding: 0 8px;color: var(--widget-color);font-size: 14px;line-height: 26px;white-space: nowrap;background-color: #fff;border: 1px solid var(--light-split-color);border-radius: 2px;cursor: pointer; }
.ta-range-picker-span{ display: inline-block; }
.userlabel-json-action-right { margin-left: 16px; display: flex; align-items: center; opacity: 0; color: #67729d; }
.action-row .action-right .action-action { margin-left: 4px; }
.action-icon { display: inline-block;min-width: 24px;height: 24px;padding: 0 4px;line-height: 22px;text-align: center;background-color: transparent;border-radius: 2px;cursor: pointer; }
.userlabel-json-eventRow:hover { background-color: #f6f8fa; }
.userlabel-json-action-row:hover > .userlabel-json-action-right{opacity: 1;}
.userlabel-json-action-row:hover{ background-color: #f6f8fa; }
.action-icon-shax:hover { color: #3d90ff; background-color: #f0f2f5; }
.action-icon-del:hover { color: #ff5d5d; background-color: #f0f2f5; }
.ta-editor-done-condition .ta-analysis-select { margin-left: 4px; }
.ta-analysis-select { display: inline-block; height: 28px; vertical-align: top;}
.ta-editor-done-condition .done-condition-select { margin-left: 4px; color: var(--widget-color); font-size: 14px;}
.ant-select {box-sizing: border-box;margin: 0;padding: 0;color: rgba(0, 0, 0, 0.85);font-size: 14px;font-variant: tabular-nums;line-height: 1.5715;list-style: none;font-feature-settings: 'tnum', "tnum";position: relative;display: inline-block;cursor: pointer;}
.userlabel-json-but-box { display: flex; justify-content: flex-end; margin-top: 20px;}
.userlabel-json-but-box div { cursor: pointer; color: #fff; background-color: #3d90ff; border-color: #3d90ff; height: 20px; padding: 6px 12px; font-weight: 400; font-size: 14px; line-height: 20px; text-shadow: none; border-radius: 2px; box-shadow: none; }
.userlabel-dy-right-box-top { background-color: #fff; padding-bottom: 20px; }
.ta-multa-filter-condition { padding: 4px 0 0; }
.ta-property { margin-right: 6px; font: 14px; padding-top: 5px; }
.ta-property-select { margin: 2px 4px 0 0; min-width: 40px; height: 28px; padding: 0 6px; font-size: 14px; line-height: 26px; white-space: nowrap; vertical-align: top; border: 1px solid #f0f2f5; border-radius: 2px; cursor: pointer; }
.ta-property-select-label { display: inline-block;max-width: 180px;overflow: hidden;color: #67729d;white-space: nowrap;text-overflow: ellipsis;vertical-align: top; }
.ta-operator-select { margin: 2px 4px 0 0 ; vertical-align: top; }
.ta-operator-select .tant-select .ant-select-selector { height: 28px; padding: 0 6px; color: #67729d; border: 1px solid #f0f2f5;}
.ta-filter-condition .ta-equal-search { margin: 2px 0 0 0; vertical-align: top; }
.ta-filter-condition { display: flex; min-height: 32px; padding-bottom: 2px; white-space: normal; }
.userlabel-json-action-left { margin-left:8px; }
.ta-equal-search input{ width: 100px; padding: 0 10px; height: 28px; line-height: 28px; border: 1px solid #f0f2f5; }
.userlabel-json-relation-row { padding: 0 4px 0 8px; }
.ant-input-number input{ height: 28px; margin-left: 4px; padding: 0 8px; border: 1px solid #f0f2f5; width: 44px; color: #42546d; border-radius: 2px; }
.userlabel-dy-head-userlabel { color: #42546d !important; cursor: pointer; }

.userlabelinfo-box { width: 100%; height: 100%; background-color: #f0f2f5; position: fixed; }
.userlabel-right-fanhui { padding: 0px 24px 10px 24px; cursor: pointer; color: #607595; font-size: 14px; font-weight: 500; }
.analysis-num {cursor: pointer;}

.chawushuj { width: 100%; text-align: center;  }

.customname-table-box { margin: 24px; height: calc(100% - 106px); overflow-y: auto; }
.customname-info-bg { border-left: 1px solid #f0f2f5; }
.customname-info-table-top { z-index: 999; width: calc(100% - 96px); position: absolute; display: flex; align-items: center; background-color: #f0f2f5; }
.customname-info-table-top div { width: 33%; padding: 24px 0; text-indent: 20px; border-right: 1px solid #fff; }
.customname-val-box { display: flex; }
.customname-val { width: 33%; display: flex; align-items: center; text-indent: 20px; padding: 24px 0; border-bottom: 1px solid #f0f2f5;}
.customname-val-right-box { width: 66.9%; }
.customname-val-right {display: flex; align-items: center; width: 100%; border-left: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5; }
.customname-val-right div { width: 50%; padding: 24px 0; text-indent: 20px; border-right: 1px solid #f0f2f5;}
.customname-content-box { position: relative; top: 66px; }

.table_box_big { 
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    height: 300px;
}
.table_box {
    overflow: hidden;
    position: absolute;
}
.table_tbody_box {
    height: 250px;
    overflow: scroll;
}
.table-fenxi-th th{
    background-color: #f0f2f5;
    min-width: 120px;
    max-width: 200px;
    width: 180px;
    padding: 10px 16px;
    color: #202d3f;
    font-size: 13px;
    font-weight: 400;
    border-right: 1px solid #e6e6e6;
   border-bottom: 1px solid #f0f2f5;
}

.datarightsedit-txt-input { width: 420px; height: 400px; padding: 10px 15px; resize:none; border: 1px solid #f0f0f0; }
.datarightsedit-txt-input2 { width: 420px; height: 150px; padding: 10px 15px; resize:none; border: 1px solid #f0f0f0; }
.datarightsedit-txt-input3 { width: 420px; height: 150px; padding: 10px 15px; resize:none; border: 1px solid #f0f0f0; }
.addrole-info-table-con2 { overflow-y: auto; display: flex; flex-wrap: wrap; }
.qudaoming { margin-top: 10px; }
.datarightsedit-tj { background-color: #009688; color: #fff; }
.datarightsedit-txt-box { align-items: center;}