/*-----------------------头部--------------------------------*/
.xm_idatebox{padding:0 10px;margin-top:10px;}
.xm_idatebox.on{position:fixed;top:0;left:0;width:100%;background:rgb(0 0 0 / 0.5);padding:8px 25px;z-index:10;margin-top:0;}
.xm_idatebox.on .xm_datelspan{color:#FFF;}

/*分类*/
.xm_partbox{float:left;position:relative;}
.xm_part{margin-right:10px;}
.xm_part{position:relative;float:left;}
.xm_part{background:#FFF;padding:7px 13px;float: left;border-radius:6px;border:1px solid #D7DADF;}
.xm_part span{font-size:13px;color:#212B43;float: left;display:block;max-width:179px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.xm_part i{font-size:12px;color:#C3C7D3;height:10px;float:left;display:flex;align-items:center;justify-content:center;margin-top:4px;margin-left:13px;}

.xm_partbj{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:hsl(0deg 0% 0% / 14%);z-index:9;}
.xm_parttcbox{display:none;padding:10px;position:absolute;top:50px;left:0;background:#fff;z-index:10;box-shadow:0px 1px 12px 0px rgb(103 100 100 / 18%);border-radius:4px;}
.xm_partct2{position:absolute;top:-16px;left:19px;width: 0;height: 0;border: 8px solid;border-color: transparent transparent #FFF;}
.xm_parttc{}

/*.xm_parttc_top{border: 1px dashed #EAECEF;border-bottom:0;}*/
.xm_parttc_top{display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.xm_parttc_top li{cursor:pointer;float:left;width:102px;height:34px;display:flex;align-items:center;justify-content:center;border:1px dashed #EAECEF;/*border-bottom:1px dashed #EAECEF;*/}
.xm_parttc_top li + li {margin-left:-1px}
.xm_parttc_top li:nth-child(3){border-right:0;}
.xm_parttc_top li:hover{background:#E9F5FF;}
.xm_parttc_top li span{font-size:12px;color:#6C7381;}
.xm_parttc_top li i{margin-left:5px;color:#3485FF;display:none;}
.xm_parttc_top li.on i{display:block;}
.xm_parttctext{margin-top:5px;background:#F7F8FA;padding:11px 15px;font-size:12px;color:#6C7381;line-height:20px;display:none;}







/*时间*/
.xm_date{position:relative;float:left;}
.xm_datel{background:#FFF;padding:7px 13px;float: left;border-radius:6px;border:1px solid #D7DADF;}
.xm_datel span{font-size:13px;color:#212B43;float: left;}
.xm_datel i{font-size:12px;color:#C3C7D3;height:10px;float:left;display:flex;align-items:center;justify-content:center;margin-top:4px;margin-left:30px;}
.xm_datelspan{font-size:12px;color:#979DA9;position:relative;top:10px;margin-left:10px;}

.xm_datetcbj{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:hsl(0deg 0% 0% / 14%);z-index:9;}
.xm_datetcbox{display:none;padding:10px;position:absolute;top:50px;left:0;width:396px;background:#fff;z-index:10;box-shadow:0px 1px 12px 0px rgb(103 100 100 / 18%);border-radius:4px;}
.rect2{position:absolute;top:-16px;left:19px;width: 0;height: 0;border: 8px solid;border-color: transparent transparent #FFF;}

.xm_datetc{border:1px dashed #EAECEF;}
.xm_datetc_top{}
.xm_datetc_top li{cursor:pointer;float:left;width:97.7px;height:36px;display:flex;align-items:center;justify-content:center;border-right:1px dashed #EAECEF;border-bottom:1px dashed #EAECEF;}
.xm_datetc_top li:nth-child(4){border-right:0;}
.xm_datetc_top li:nth-child(8){border-right:0;}
.xm_datetc_top li.w{width:196.5px;}
.xm_datetc_top li:nth-child(10){border-right:0;}
.xm_datetc_top li:nth-child(12){border-right:0;}
.xm_datetc_top li:hover{background:#E9F5FF;}
.xm_datetc_top li span{font-size:12px;color:#6C7381;}
.xm_datetc_top li i{margin-left:5px;color:#3485FF;display:none;}
.xm_datetc_top li.on i{display:block;}

.xm_timebox{height:62px;display:flex;align-items:center;justify-content:center;}
.xm_timebox.on{background:#E9F5FF;}
.xm_time {float:left;width:286px;height:30px;}
.xm_time .layui-input-block {min-height:30px;position:relative;margin-left:0;border:1px solid #EAECEF;}
.xm_time .icon-ziyuan{position:absolute;top:5px;right:10px;font-size:17px;color:#979DA9;width:20px;height:20px;display:block;}
.xm_time .icon-ziyuan:before{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.xm_time .layui-input {height:30px;color:#212B43;border:0;padding-left:10px;letter-spacing: 2px;}

.xm_qr{width:58px;height:30px;background:#3485FF;border-radius:3px;text-align:center;line-height:30px;cursor:pointer;float: left;font-size:13px;color:#FFF;margin-left:12px;}
.remove-dian:before {background-color: transparent !important;}
.xm_timetext{padding: 0 20px;font-size: 12px;color: #fb6767;margin-bottom:10px;text-align: center;position:relative;left:0;display:none;}
.xm_timetext.on{ 
animation:change 0.1s;
-webkit-animation:change 0.1s;
-moz-animation:change 0.1s; 
}

@keyframes change {
  0% {left:0;}
  20% {left:5px;}
  40% {left:0;}
  60% {left:-5px;}
  80% {left:0;}
  100% {left:0;}
}

-webkit-@keyframes change {
  0% {left:0;}
  20% {left:5px;}
  40% {left:0;}
  60% {left:-5px;}
  80% {left:0;}
  100% {left:0;}
}

-moz-@keyframes change {
  0% {left:0;}
  20% {left:5px;}
  40% {left:0;}
  60% {left:-5px;}
  80% {left:0;}
  100% {left:0;}
}

.xm_layui_table{box-shadow:none;}

.xmindex .layui-table-body::-webkit-scrollbar {
/*滚动条整体样式*/
width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.xmindex .layui-table-body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #E1E3E7;
}
.layui-table-view .layui-table[lay-skin=line]{border-width:0;}


/*-------------------------------------------------------*/
.xm_indexbox{padding:10px 10px 200px 10px;}
.xmtitle {padding:0 20px;}
.xmtitle span {font-size:18px;color:#212B43;position:relative;}
.xmtitle span i{width:4px;height:18px;background:#F5B167;border-radius:0 2px 2px 0;display:inline-block;position:absolute;top:4px;left:-21px;}
.xmtitle a{float:right;font-size:12px;color:#7191AD;position:relative;top:2px;}
.xmtitle em{font-size:12px;color:#979DA9;margin-left:10px;}
/*----------------------------左----------------------------*/
.xm_indexl{width:calc(100% - 444px);float:left;}
 
/*简报看板*/
.xm_kanbanbox.on{opacity:0.5;}
.xm_kanbanbox{border-radius:5px;background:#FFF;border:1px solid #FFF;position:relative;padding:20px 0 30px 0;box-shadow:0px 0px 12px 0px #f2f2f2;}
.xm_kanbanhz{min-height:200px;position:relative;}
.xm_kanban{padding:0 26px;display:none;}
.xm_kanban li{float:left;width:22.7%;margin-right:3%;margin-top:24px;}
.xm_kanban li:nth-child(4n){margin-right:0;}
.xm_kanban li .img{width:60px;float: left;position:relative;top:8px;}
.xm_kanban li .img span{width:40px;height:40px;border-radius:200px;overflow:hidden;display:block;}
.xm_kanban li .img i{font-size:18px;color:#FFF;width:100%;height:100%;display:block;}
.xm_kanban li .img i:before {display:flex;align-items:center;justify-content:center;width:100%;height:100%;} 
.xm_kanban li .textbox{width:calc(100% - 60px);float:left;border-bottom:1px solid #EAECEF;padding-bottom: 10px;}
.xm_kanban li .textbox .title{font-size:20px;color:#212B43;font-weight:600;}
.xm_kanban li .textbox .text{font-size:12px;color:#6C7381;margin-top:9px;height:16px;}
.xm_kanban li .textbox .text .xmwh{width:15px;height:15px;display:inline-block;position:relative;top:1px;left:3px;cursor:pointer;}
.xm_kanban li .textbox .text .xmwh:before{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}


/*业绩看板*/
.xm_yjkbbox.on{opacity:0.5;}
.xm_yjkbbox{margin-top:10px;border-radius:5px;background:#FFF;border:1px solid #FFF;position:relative;padding:20px 0 20px 0;box-shadow:0px 0px 12px 0px #f2f2f2;}
.rank-list-day{min-height:440px;position:relative;}
.ranklistday{display:none;}
.xm_yjkbecharts{height:300px;margin-top:30px;padding: 0 20px;}

.xm_yjkb{margin-top:5px;}
.rank-list-top10{min-height:159px;position:relative;}
.xm_yjkbtitle{padding:0 36px;}
.xm_yjkbtitle p{font-size:12px;color:#FFF;padding:6px 8px;background:#3385FF;float:left;border-radius:6px;}
.xm_yjkbtitle a{float:right;font-size:12px;color:#7191AD;margin-top:5px;}
.xm_yjkblunbobox{position:relative;padding:0 15px 0 0;display:none;}
.xm_yjkblunbobox .xm_yjkblunbo{width:96%;margin:auto;overflow:hidden;}
.xm_yjkblunbobox ul{}
.xm_yjkblunbobox ul li{width:90px;float:left;margin-right:10px;}
.xm_yjkblunbobox ul li:last-child{margin-right:0;}
.xm_yjkblunbobox ul li .xm_yjkbimg{width:80px;height:80px;position:relative;margin: auto;}
.xm_yjkblunbobox ul li .xm_yjkbimg i.on{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background: url(/images/mc4.png) no-repeat 0 0/ 100% 100%;}
.xm_yjkblunbobox ul li:nth-child(1) .xm_yjkbimg i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background: url(/images/mc1.png) no-repeat 0 0/ 100% 100%;z-index:101;}
.xm_yjkblunbobox ul li:nth-child(2) .xm_yjkbimg i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background: url(/images/mc2.png) no-repeat 0 0/ 100% 100%;z-index:101;}
.xm_yjkblunbobox ul li:nth-child(3) .xm_yjkbimg i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background: url(/images/mc3.png) no-repeat 0 0/ 100% 100%;z-index:101;}
.xm_yjkblunbobox ul li .xm_yjkbimg img{width:58px;height:58px;position:relative;top:15px;left:11px;z-index:100;border-radius:100%;}
.xm_yjkblunbobox ul li .name{font-size:14px;color:#212B43;text-align:center;margin-top:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.xm_yjkblunbobox ul li .text{font-size:12px;color:#979DA9;display:block;text-align:center;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.xm_yjkblunbobox ul li .jg{font-size:14px;color:#212B43;text-align:center;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.xm_yjkblunbobox .swiper-button-prev1{z-index:8;position: absolute;left:6px; top: 50%; margin-top: -20px; width: 22px; height:40px;background:#EFF3F5;}
.xm_yjkblunbobox .swiper-button-next1{z-index:8;position: absolute;right:6px; top: 50%; margin-top: -20px; width: 22px; height:40px;background:#EFF3F5;}
.xm_yjkblunbobox .swiper-button-disabled{display:none !important;}
.xm_yjkblunbobox .layui-iconi{font-size:18px;color:#6c7381;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}

@media (max-width:1440px){
.xm_yjkblunbobox .xm_yjkblunbo{width:95%;}
}

.xm_yjkbbtttombox{padding:0 20px;}
.xm_yjkbbtttom{margin-top:29px;background:#F7F8FA;padding:30px 0;}
.xm_yjkbbtttom li{width:25%;float: left;text-align:center;}
.xm_yjkbbtttom li .title{font-size:20px;color:#212B43;font-weight:600;}
.xm_yjkbbtttom li .text{font-size:12px;color:#6C7381;margin-top:9px;}
/*客户看板*/
.xm_khkbbox.on{opacity:0.5;}
.xm_khkbbox{margin-top:10px;border-radius:5px;background:#FFF;border:1px solid #FFF;position:relative;padding:20px 0 30px 0;box-shadow:0px 0px 12px 0px #f2f2f2;}
.customer-summary-graph{min-height:543px;position:relative;}
.customersummarygraph{display:none;}
.xm_khkb{margin-top:55px;padding:0 20px;}
.xm_khkb ul{background:#F7F8FA;padding:0 0 35px 25px;}
.xm_khkb ul li{float: left;margin-top:30px;}
/*.xm_khkb ul li:nth-child(5n){margin-right:0;}*/
.xm_khkb ul li .title{font-size:12px;color:#6C7381;}
.xm_khkb ul li .text{font-size:20px;color:#212B43;font-weight:600;margin-left:9px;position:relative;top:3px;}

@media screen and (min-width:1400px){
   .xmlayui-col-lg2-4{float:left}
    .xmlayui-col-lg2-4{width:19.9999992%}
}


.xm_phkbbox.on{opacity:0.5;}
.xm_phkbbox{margin-top:10px;border-radius:5px;background:#FFF;border:1px solid #FFF;position:relative;padding:20px 0 10px 0;box-shadow:0px 0px 12px 0px #f2f2f2;}


.xm_khlybox.on{opacity:0.5;}
.xm_khlybox{margin-top:10px;border-radius:5px;background:#FFF;border:1px solid #FFF;position:relative;padding:20px 0 30px 0;box-shadow:0px 0px 12px 0px #f2f2f2;}


/*----------------------------右----------------------------*/
.xm_indexr{width:434px;float:right;margin-left:10px;}
.xm_rzi{box-shadow :0px 0px 12px 0px #f2f2f2;border-radius:5px;background:#FFF;margin-top:10px;padding:23px 0;}
/*个人信息*/
.xm-information{box-shadow :0px 0px 12px 0px #f2f2f2;border-radius:5px;background:#FFF;padding:18px 20px 18px;}
.xm-information .top{top: -2px;}
.xm-information .top .title{font-size:20px;color:#202A41;font-weight:600;}
.xm-information .top i{font-size:13px;color:#6C7381;margin-left:5px;position: relative;top:-2px;}
.xm-information .top .modify{float: right;color:#808692;font-size:13px;}
.xm-information .top .modify i{font-size:13px;margin-right:5px;}
.xm-information .top .modify:hover{color:#3385FF;}
.xm-information .position{font-size:14px;color:#6C7381;margin-top:10px;padding-bottom: 10px;}
.xm-information .entry{font-size:14px;color:#979DA9;margin-top:10px;position:relative;}
.xm-information .entry:before {content:"";display:block;width:4px;height:4px;border-radius:50px;background:#3384FF;float:left;position:relative;top:7px;margin-right:10px;}


/*审批*/
.xm_sq{margin-top:25px;padding:0 25px;}
.xm_sq a{display:block;float:left;margin-right:74px;margin-bottom:30px;}
.xm_sq a:nth-child(2n){margin-right:0;}
.xm_sq a:nth-child(3){margin-bottom:10px;}
.xm_sq a:nth-child(4){margin-bottom:10px;}
.xm_sq .img{width:50px;height:50px;float:left;border-radius:18px;overflow:hidden;}
.xm_sq .img i{font-size:22px;color:#FFF;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;}
.xm_sq .textbox{margin-left:20px;float:left;}
.xm_sq .textbox .title{font-size:20px;color:#212B43;font-weight:600;}
.xm_sq .textbox .title span{position:relative;}
.xm_sq .textbox .title.on span:before {content:"";display:block;width:6px;height:6px;border-radius:50px;background:#FF5722;position:absolute;top:2px;right:-8px;} 
.xm_sq .textbox .text{font-size:12px;color:#6C7381;margin-top:7px;} 
.xm_sq .textbox .text span{float:left;margin-right:3px;} 
.xm_sq .textbox .text i{height:15px;font-size:12px;color:#979DA9;overflow:hidden;display:flex;align-items:center;justify-content:center;} 

/*遗忘提醒*/
.xm_ywtx{margin-top:25px;padding:0 25px;}
.xm_ywtx li{float:left;margin-right:70px;margin-bottom:30px;}
.xm_ywtx li:nth-child(2n){margin-right:0;}
.xm_ywtx li:nth-child(3){margin-bottom:10px;}
.xm_ywtx li:nth-child(4){margin-bottom:10px;}
.xm_ywtx li .title{font-size:12px;color:#6C7381;}
.xm_ywtx li .text{margin-top:15px;font-size:20px;color:#212B43;font-weight:600;}

/*最新公告 */
.xm_yjRanking{margin-top:30px;max-height:405px;overflow:auto;padding:0 20px;}
.nolook{display:block;border-bottom:1px solid #EAECEF;padding:11px 0;}
.nolook:first-child{padding-top:0;}
.nolook:hover .nolook_r .title{color:#3384FF;}   
.nolook_l{position: relative;top: 2px;float:left;width:19px;height:19px;border-radius:100px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.nolook_l i{font-size:19px;color:#2F9EFF;height:19px;display:flex;align-items:center;justify-content:center;}
.nolook_r{margin-left:21px;float:left;width: calc(100% - 40px);position: relative;}
.nolook_r .title{font-size:13px;color:#212B43;position:relative;line-height: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.nolook_r:before {content:"";display:block;width:6px;height:6px;border-radius:50px;background:#FF5722;position:absolute;top:7px;left:-10px;} 
.nolook_r .text{font-size:13px;color:#979DA9;margin-top:7px;}
/*.nolook.look .nolook_l i{color:#FDFEFE;}
.nolook.look .nolook_r .title{color:#6C7381;}
.nolook.look .nolook_r .title:before{background:#C3C7D3;}*/
.xm_scrollbar::-webkit-scrollbar {
/*滚动条整体样式*/
width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.xm_scrollbar::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #E1E3E7;
}



.xm_table_js i {width: 6px;height: 6px;border-radius: 100px;display: inline-block;margin-right: 5px;position: relative;top: -2px;}


.xm_bfbbox{width:100%;display:flex;align-items:center;}
.xm_bfb{width:60%;float: left;}
.xm_bfbbox p{font-size: 12px;float: left;margin-left:10px;}


/*悬浮划出消息提醒*/
.xm_xiaoxixg{position:fixed;bottom:80px;right:0;background:rgb(0 0 0 / 0.7);padding:10px;border-radius:14px 0 0 14px;display:flex;align-items:center;justify-content:center;}
.xm_xiaoxixg .xmi{float: left;;font-size:16px;color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#2DB1FB;border-radius:100px;margin-right:10px;}
.xm_xiaoxixg .xmi:before{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
.xm_xiaoxixg span{font-size:14px;color:#FFF;}
.xm_xiaoxixg{       
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s; 
}

@keyframes change {
  0% {right:-236px;opacity:0;}
  100% {opacity:1;right:0;}
}

-webkit-@keyframes change {
  0% {right:-236px;opacity:0;}
  100% {opacity:1;right:0;}
}

-moz-@keyframes change {
  0% {right:-236px;opacity:0;}
  100% {opacity:1;right:0;}
}