@import "../lib/fonts/iconfont.css";
/*登录页 login*/
.log_in>.fl{ width:58vw; margin-right:4vw; position:relative; }
.log_in>.fl .img{ width:62vw; height:100vh; }
.log_in>.fl .img1{ width:12vw; height:8vw; position:absolute; left:2vw; top:50vh; animation:bounce 1s ease-in-out 0s infinite alternate; }
.log_in>.fl .img2{ width:7vw; height:10.6vw; position:absolute; left:7vw; top:8vh; animation:bounce 1s ease-in-out 0.28s infinite alternate; }
.log_in>.fl .img3{ width:5vw; height:3.3vw; position:absolute; left:30vw; top:6vh; animation:bounce 1s ease-in-out 0.56s infinite alternate; }
.log_in>.fl .img4{ width:5vw; height:3.3vw; position:absolute; left:42vw; top:15vh; animation:bounce 1s ease-in-out 0.74s infinite alternate; }
@keyframes bounce{
	from{
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
		filter:drop-shadow(0 20px 5px #cad0e6);
	}
	to{
		-webkit-transform:translateY(-30px);
		transform:translateY(-30px);
		filter:drop-shadow(0 50px 10px #cad0e6);
	}
}
.log_in>.fr{ width:38vw; padding:8.17vw 4.17vw 0 3.39vw; height:100vh; box-sizing:border-box; }
.log_in>.fr .flex-b->div{ flex:1; }
.log_in>.fr .f40{ color:#6384FB; display:inline-block; max-width:456px; margin-bottom:10px; word-break:break-all; }
.log_in>.fr .flex-b- .f16:before{ content:''; display:inline-block; width:3px; height:14px; background:#999; margin-right:8px; vertical-align:middle; }
.blue{ color:#3061f2; }
.log_in>.fr .flex--c span{ background:#e5f1fe; border:1px solid #0077fa; border-radius:5px; display:inline-block; padding:5px 10px 5px 6px; position:relative; }
.log_in>.fr .flex--c span:before,
.log_in>.fr .flex--c span:after{ content:''; position: absolute; width:0; height:0; top:calc(50% - 6px); border-top:8px solid transparent; border-bottom:8px solid transparent; right:-8px; border-left:8px solid #0077fa; z-index:1; }
.log_in>.fr .flex--c span:after{ right:-7px; border-left:8px solid #e5f1fe; z-index:2; }
.log_in>.fr .flex--c img{ width:6.25vw; height:6.25vw; }
.log_in>.fr form{ margin-top:60px; }
.log_in>.fr form .img{ background-image:url(../images/face.jpg); background-repeat:no-repeat; background-position:center center; background-size:calc(100% - 2vw) calc(100% - 2vw); width:18.75vw; height:18.75vw; border:1px solid #cfd2e5; border-radius:8px; display:flex; justify-content:center; align-items:center; margin:0 auto 5.2vw; }
.log_in>.fr form .img img{ width:35px; height:35px; padding:5px; background:#fff; border-radius:4px; }
.log_in form .write{ border:1px solid #F4F8F7; display:flex; flex-direction:column-reverse; padding-top:30px; padding-left:16px; width:80%; margin-top:-1px; }
.log_in form .write input{ background:transparent; border:0; z-index:1; height:50px; line-height:50px; color:#6384FB; box-shadow:none; /*box-shadow:inset 0 60px 0 #fff;*/ }
.log_in form .write p{ font-size:24px; color:#aaa; top:40px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; }
.log_in form .write input:focus+p{ font-size:20px; color:#9289A6; transform:translateY(-35px); -webkit-transform:translateY(-35px); -moz-transform:translateY(-35px); -ms-transform:translateY(-35px); }
.log_in form button[type=submit]{ width:80%; height:80px; background:#6384FB; color:#fff; font-sizE:28px; border-radius:8px; box-shadow:0px 5px 15px 0px rgba(55, 81, 254, 0.5); }
.log_in form .write input:focus+p:before{ content:''; position:absolute;top:-6px; left:-16px; height:82px; width:2px; background:#6384FB; }
.log_in input{ -webkit-text-fill-color:#6384FB; }
	/*二维码失效，刷新 20251013待删*/
	.qrcode_error{ position:absolute; top:0; left:calc(50% - 100px); width:200px; height:200px; background:rgba(255,255,255,.95); display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.qrcode_error i{ font-size:28px; padding:3px 30px; border-radius:5px; background:#cce4fe; color:#0077fa; cursor:pointer; font-weight:bold; }
/*新版登录页 有微信登录 20231115 20251013待删记录*/
	/*手机扫描二维码，绑定微信*/
/* .form-group{ width:100vw; padding:0 20px; display:flex!important; align-items:flex-start; margin-bottom:10px; box-sizing:border-box; }
.form-group>label{ font-size:14px; width:5em; margin-right:5px; text-align-last:justify; }
.form-group>label+div{ font-size:14px; width:calc(100% - 5em - 5px); }
.form-group>label+div img{ width:100px; height:100px; } */

/*登录成功展示的内容 
 * 头部导航*/
.okadmin .okadmin-header{ height:60px; line-height:60px; border:0; }
		/*滚动消息*/
.notice{ height:60px; width:52vw; max-width:calc(100vw - 770px); }
.notice marquee>*{ display:inline-block; margin-right:30px; font-size:20px; color:#fc4646; font-weight:bold; animation:colorCycle 5s infinite; }
@keyframes colorCycle{
	0%{ color:#fc4646; }
	33%{ color:#0077fa; }
	66%{ color:#3ccc39; }
	100%{ color:#fc4646; }
}
.okadmin .okadmin-header .layui-layout-right span.f14{ background:url(../images/icon_help.png) no-repeat 85% center/11px 14px rgba(0,119,250,.1); color:#0077fa; padding:7px 36px 7px 16px; border-radius:20px; cursor:pointer; }
.okadmin-header .layui-nav-item .layui-icon{ font-size:18px; }
.layui-nav .layui-badge-dot{ left:-6px; top:33%; width:auto; height:8px; line-height:8px; font-size:12px; transform:scale(0.8); padding:3px; border-radius:10px; }
.layui-nav-img{ width:40px; height:40px; }
.layui-nav-img+.layui-nav-more{ font-size:12px; }
		/*帮助侧滑*/
.help li *{ font-size:14px; }
.help li>.bg_56a i.layui-icon{ display:inline-block; transition:all .3s; }
.help li.show>.bg_56a i.layui-icon{ transform:rotate(90deg); }
.help li>.hide{ padding:10px 30px; }
.help li.show>.hide{ display:block !important; }
.help li .hide li{ width:auto; height:auto; line-height:2; list-style:disc; padding-left:0; margin-left:54px; }
.help li .hide li::marker{ color:#0077fa; }
.help li .hide video{ width:100%; }
		/*修改密码 部分样式重置*/
.layui-form-pane .layui-form-label{ background:transparent; border:0; }
.layui-form-pane .layui-input{ border:1px solid #cfd2e6; border-radius:4px; font-size:14px; }
		/*退出登录 弹出框 样式重置*/
.layui-layer .layui-layer-title{ font-size:16px; border-radius:10px 10px 0 0; background:#f8f8f8 !important; color:#161823 !important; }
.layui-layout-body .layui-layer-molv .layui-layer-title ,
.layui-layout-body .layui-layer-lan .layui-layer-title{ background:transparent; color:#161823; }
.layui-layout-body .layui-layer-molv .layui-layer-btn a ,
.layui-layout-body .layui-layer-lan .layui-layer-btn a{ background:#0077fa; border-color:#0077fa; }
.layui-layout-body .layui-layer-molv .layui-layer-btn .layui-layer-btn1 ,
.layui-layout-body .layui-layer-lan .layui-layer-btn .layui-layer-btn1{ background:#fff; }
		/*个人资料 部分样式重置*/
.bg_56a .layui-table[lay-skin=row]{ border:none; }
.bg_56a .layui-table thead tr{ background:transparent; border-bottom:1px solid #f2f2f2; }
.bg_56a .layui-table tbody tr:hover{ background:#f5f6fa; }
	/*左侧导航区域*/
.aside{ background:#fff!important; box-shadow:5px 0px 10px 0px rgb(22 24 35 / 5%); }
.layui-side-menu .layui-side-scroll:before{ height:75px; }
.aside .okadmin-logo{ font-size:14px; font-weight:bold; background:#fff; color:#161823; height:60px; line-height:60px; border-bottom:1px solid #EBEDF5; }
.aside .okadmin-logo img{ width:24px; height:24px; margin-right:8px; }
.aside .okadmin-nav{ padding-top:15px; width:240px; }
.aside .okadmin-nav .layui-nav-item{ background:transparent; }
.aside .okadmin-nav .layui-nav-item:before,
.layui-nav-tree .layui-nav-child dd:before{ content:''; width:3px; height:20px; background:transparent; border-radius:0 3px 3px 0; float:left; margin-top:15px; }
.aside .okadmin-nav .layui-nav-item.layui-this:before,
.layui-nav-tree .layui-nav-child dd.layui-this:before{ background:#0077fa; }
.layui-nav-tree .layui-nav-item.layui-nav-itemed a{ background:#FAFAFB; }
.aside.ok-left .okadmin-nav.layui-nav li.layui-nav-item a{ color:#161823!important; height:50px; line-height:50px; width:calc(100% - 3px); max-width:190px; box-sizing:border-box; padding-left:18px; margin-left:16px; border-radius:8px; }
.aside.ok-left .okadmin-nav.layui-nav li.layui-nav-item a:hover,
.aside.ok-left .okadmin-nav.layui-nav li.layui-nav-item.layui-this a{ background:#f5f5f5; color:#0077FA!important; }
.aside .okadmin-nav a:hover{ background:#FAFAFB; color:#0077FA; }
.aside.ok-left .okadmin-nav.layui-nav li.layui-nav-item.on>a{ color:#0077fa !important; }
.layui-nav-itemed>.layui-nav-child{ background:#FAFAFB!important; min-width:auto; width:190px; margin-left:16px; }
.layui-nav-tree .layui-nav-child dd{ height:50px; }
.layui-nav-tree .layui-nav-child dd.layui-this{ background:transparent; }
.layui-nav-tree .layui-nav-child dd a{ display:inline-block; }
.okadmin.blue_theme .ok-left .okadmin-nav .layui-nav-item .layui-nav-child .layui-this a{ background:transparent; color:#0077FA!important; }
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more,
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before,
#navBar.ok-arrow3 .layui-nav-item a span.layui-nav-more:before{ color:#161823; }
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more{ height:56px; }
#navBar.ok-arrow2 .layui-nav-item a span.layui-nav-more:before,
#navBar.ok-arrow3 .layui-nav-item a span.layui-nav-more:before{ top:8px; }
	/*右侧 主体区域*/
.okadmin .content-body{ top:60px; }


/* 大部门页面需要的样式 公海客户……*/
.customer{ position:relative; }
.customer>.bg_fff{ padding:16px; border-radius:10px; }
	/* 搜索框+筛选按钮 这一行 */
.searchInput{ position:relative; padding-right:16px; }
.searchInput input{ width:25em; height:36px; line-height:36px; background:transparent; border:1px solid #CFD2E6; border-radius:4px; padding:0 44px 0 12px; font-size:14px; margin-right:16px; box-sizing:border-box; }
input:focus{ border-color:#0077fa; box-shadow:0 0 0 2px rgba(0,119,250,.2); }
.searchInput .layui-icon-search{ position:absolute; right:16px; top:0; line-height:initial; padding:9.5px 14px; border-radius:0 4px 4px 0; background:#0077fa; color:#fff; cursor:pointer; }
.btn{ height:38px; background:rgba(0,119,250,.5); color:#fff; border-radius:4px; padding:10px 15px; box-sizing:border-box; }
.btn.bg_blue{ background:rgba(0,119,250,.2); color:#0077fa; }
.btn.bg_orange{ background:rgba(249, 153,57,.2); color:#f99939; }
.btn.bg_orange a{ color:#f99939; }
a.btn{ background:transparent; padding:0; }
	/* 筛选条件 filterItems */
.filterItems .layui-form.flex_wrap{ width:100%; gap:16px 15px; margin-top:15px; }
.filterItems .layui-form-item{ background:#f0f0f0; border-radius:4px; width:240px; height:38px; margin:0; box-sizing:content-box; }
.filterItems .layui-form-item.select-2{ width:365px; }
.filterItems .layui-form-item.select-3{ width:505px; }
.filterItems .layui-form-label{ width:78px; padding:9px 0; text-align:center; line-height:20px; background:#f0f0f0; border-radius:4px 0 0 4px; }
.filterItems .layui-form-item .layui-inline{ width:160px; margin:0; }
.filterItems .layui-form-item .layui-inline input{ width:100%; height:38px; background:#f0f0f0; border:0; padding-left:0; padding-right:26px; margin-right:0; border-radius:0 4px 4px 0; box-sizing:border-box; }
.filterItems .layui-form-item .layui-form-select .layui-input{ background:#f0f0f0; border:0; font-size:14px; }
.layui-input{ font-size:14px; }
.filterItems .layui-form-item>*:nth-last-child(2) .layui-edge,
.filterItems .layui-form-item>*:nth-last-child(3) .layui-edge{ display:none; }
.filterItems .layui-form-select dl, 
.sidePart .layui-form-select dl{ border-color:transparent; box-shadow:0px 0px 6px 0px rgba(22, 24, 35, 0.1); }
.filterItems .layui-form-select dl dd.layui-this,
.sidePart .layui-form-select dl dd.layui-this,
.confirm .layui-form-select dl dd.layui-this{ background:#F5F6FA; color:#161823; }
.filterItems .layui-form-item.select-2 .layui-input-inline,
.filterItems .layui-form-item.select-3 .layui-input-inline{ width:140px; margin-right:0; }
.filterItems .layui-form-item .layui-inline input.input_date{ width:70px; padding:0; }
.filterItems .layui-form .btn.sure{ background:#0077FA; color:#fff; padding-top:0; padding-bottom:0; }
.filterItems .layui-form .btn.reset{ background:rgba(254, 44, 85, .1); color:rgb(254, 44, 85); }
	/* tipMsg */
.tipMsg{ width:100%; height:36px; line-height:36px; background:#E1EDFA; border:1px solid #CFD2E6; padding:0 16px; border-radius:4px; margin:16px 0; box-sizing:border-box; }
	/* table 表格 */
.tableBox{ width:100%; overflow-x:auto; scrollbar-color:#EBEDF5 #fff; scrollbar-width:thin; }
.dataTables_length{ position:absolute; bottom:30px; right:20px; width:200px; height:50px; z-index:10; }
.dataTables_length select, 
.confirm .right select.form-control{ padding-left:16px; border-radius:4px; margin-bottom:10px; width:130px; border:1px solid #cfd2e6; }
.table{ width:auto; border-collapse:separate; }
.table th{ color:rgba(22,24,35,.8); height:40px; background:#EBEDF5; border-bottom:1px solid #e3e3e3; box-sizing:border-box; border-right:1px solid #e3e3e3; }
.table thead tr:first-child>th:last-child{ border-right:0; }
.table th, 
.table td{ white-space:nowrap; font-size:14px; padding:10px; text-align:left; }
.table .col_sticky_left{ position:sticky; z-index:1; }
.tableBox .table td.col_sticky_left:nth-child(1), 
.tableBox .table tr:first-child th:nth-child(1){ width:45px; min-width:45px; }
.tableBox .table td.col_sticky_left:nth-child(2), 
.tableBox .table tr:first-child th:nth-child(2){ width:260px; min-width:260px; }
.customer.customer_cerinfo .table td.col_sticky_left:nth-child(2), 
.customer.customer_cerinfo .table tr:first-child th:nth-child(2){ width:auto; min-width:initial; }
.tableBox .table td.col_sticky_left:nth-child(3), 
.tableBox .table tr:first-child th:nth-child(3){ width:140px!important; min-width:140px!important; }
.customer.customer_cerinfo .table td.col_sticky_left:nth-child(3){ word-break:break-all; }
.tableBox .table tr:first-child th:nth-child(1),
.tableBox .table tr:first-child th:nth-child(2),
.tableBox .table tr:first-child th:nth-child(3){ z-index:1; }
.table .col_sticky_left_last::after{ content:''; position:absolute; top:-100%; bottom:-1px; right:0; width:30px; clip-path:polygon(50% 50%, 150% 50%, 150% 100%, 50% 100%); box-shadow:0 8px 10px 1px rgb(0 0 0 / 6%), 0 3px 14px 2px rgb(0 0 0 / 5%), 0 5px 5px -3px rgb(0 0 0 / 1%); }
.table-scroll-position-left .table .col_sticky_left_last::after{ box-shadow:none; }
.table tbody tr{ border-bottom:1px solid #EBEDF5; }
.table tbody tr:hover td, 
.table tbody tr:hover{ background:#F5F6FA; }
.tableBox .table td{ line-height:20px; background:#fff; border-bottom:1px solid #e3e3e3; padding:10px; white-space:normal; box-sizing:border-box; }
.tableBox .table tr td:nth-child(2) span{ width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tableBox .table td>div.flex{ position:relative; }
.tableBox .table td.col_sticky_left:nth-child(3)>div.flex{ min-width:120px; }
.table td .handle_btns{ width:100px; height:44px; line-height:44px; overflow:hidden; /*margin-right:5px;*/ font-size:0; }
.table td .handle_btns>*, 
.table td .the_more_btns>*{ font-size:14px; }
.table td span+span, 
.table td .handle_btns>span+span, 
.table td .handle_btns>div+div, 
.table td .the_more_btns>span+span, 
.table td .the_more_btns>div+div{ margin-left:5px; white-space:nowrap; }
.table td .dls-icon{ font-size:20px; display:inline-block; width:auto; /*height:1em;*/ fill:currentColor; line-height:44px; display:none; }
.table td .the_more_btns{ display:none; position:absolute; right:-10px; bottom:calc(50% + 18px); height:36px; line-height:36px; padding:0 10px; background:#fff; border-radius:4px; box-shadow:0 0 10px 0 rgba(22,24,35,.2); white-space:nowrap; }
.table td .the_more_btns::after{ content:''; display:block; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0; position:absolute; right:15px; bottom:-5px; }
.paging_full_numbers{ width:60%; min-width:600px; height:50px; display:flex; align-items:center; position:absolute; bottom:auto; left:31px; background:#fff; margin-top:20px; z-index:10; /*box-shadow:0 0 5px rgb(0 0 0 / 6%);*/ }
.paginate_button{ margin-left:10px; padding: 6px 8px; }
.paginate_button.current{ color:#fff; background:#0077fa; border-radius:4px; }
.paginate_button.current:hover{ background:rgb(0,119,250); }
	/* 滚动条 #groove */
#groove{ width:100%; height:14px; overflow-x:auto; position:sticky; bottom:0; z-index:110; visibility:hidden;/*display:none;*/ /*火狐浏览器滚动条设置*/scrollbar-color:rgba(0,25,51,.3) #fff; border-radius:4px; }
#groove .scrollBar{ min-width:100%; height:1px; }
#groove::-webkit-scrollbar{ width:0px; height:14px; }
#groove::-webkit-scrollbar-thumb{ background:rgba(0,25,51,.3); border-radius:6px; }
	/* 侧滑 */
.sideslip{ position:fixed; width:100%; height:100%; left:100%; top:0; transition:all 1.33s cubic-bezier(0.685, 0.0473, 0.346, 1); z-index:998; }
.sideslip.open{ left:0; transition:all 1.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
.sideslip .fixed{ right:44px; top:-100%; width:50vw; height:100%; padding:16px 32px 34px 16px; position:relative; z-index:999; transition:all 1.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition:all 0s cubic-bezier(0.685, 0.0473, 0.346, 1); transform:translateX(50vw); }
.confirm .sideslip70vw{ width:70vw; transform:translateX(70vw); right:44vw; }
.sideslip .pab.icon-close{ right:100%; top:0; background:#f5f6fa; padding:14px; border-radius:4px 0 0 4px; cursor:pointer; }
.sideslip .fixed>div{ height:100%; overflow-y:auto; }
	/* 弹出框 layui */



/*控制台*/
.main{ padding:16px 32px 32px 16px; }
	/*六个对比*/
.main .card{ border-radius:10px; margin-bottom:16px; background:#fff; }
.main .card.layui-row{ background:transparent; }
@media screen and (min-width:600px ) {
	.layui-col-md4{ width:50%; float:left; }
}
@media screen and (min-width:992px ) {
	.layui-col-md4{ width:33.33333333%; }
}
.main .layui-col-md9 .card.layui-row .above{ padding:24px; border-radius:10px 10px 0 0; }
.main .layui-col-md9 .card.layui-row .below{ padding:18px 24px; border-radius:0 0 10px 10px; }
.main .layui-col-md9 .card.layui-row .below p{ white-space:nowrap; }
.main .layui-col-md9 .card.layui-row .item.active *{ color:#fff!important; }
.main .layui-col-md9 .card.layui-row .item.active .above,
.main .layui-col-md9 .card.layui-row .item.active .below{ background:linear-gradient(to right, #0077FA 0%, #009AFA 100%); }
	/*月度公司已完成业绩*/
.main .card .tit{ padding:24px 0; margin:0 24px; font-size:16px; color:#161823; }
.main .card .tit+div{ border-top:1px solid #EBEDF5; margin:0 24px; }
.main .card .layui-tab-title{ height:30px; border:0; }
.main .card .layui-tab-title li{ line-height:30px; font-size:12px; opacity:.8; }
.main .card .layui-tab-title .layui-this{ font-size:14px; color:#0077fa; opacity:1; }
.card .layui-tab-title li:last-child::before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#0077fa; transition:transform .3s; }
.card .layui-tab-title li:nth-last-child(2).layui-this ~ li:last-child::before{ transform: translateX(-100%); }
.card .layui-tab-title li:nth-last-child(3).layui-this ~ li:last-child::before{ transform: translateX(-200%); }
.card .layui-tab-title li:nth-last-child(4).layui-this ~ li:last-child::before{ transform: translateX(-300%); }
.card .layui-tab-title li:nth-last-child(5).layui-this ~ li:last-child::before{ transform: translateX(-400%); }
.layui-tab-title .layui-this::after{ content:none; }
	/*客户分布*/
.main .trapezoid{ width:509px; height:0; line-height:60px; position:relative; border-top:60px solid #0077FA; border-left:60px solid transparent; border-right:60px solid transparent; margin:0 auto 4px; }
.main .trapezoid:nth-child(2){ width:384px; border-top-color:rgba(0,119,250,.8); }
.main .trapezoid:nth-child(3){ width:257px; border-top-color:rgba(0,119,250,.6); }
.main .trapezoid:nth-child(4){ width:127px; border-top-color:rgba(0,119,250,.4); }
.main .trapezoid:nth-child(5){ width:0; border-top-color:rgba(0,119,250,.2); }
.main .trapezoid span{ position:absolute; top:-60px; font-size:14px; color:#fff; white-space:nowrap; }
.main .trapezoid span.opacity_10{ left:calc(100% + 45px); color:#0077FA; }
.main .trapezoid span.txt{ left:calc(50% - 1em); }
.main .trapezoid span.txt::selection{ background:#fff; color:#0077fa; }
.layui-col-md9 .explain span+span{ margin-left:40px; }
.layui-col-md9 .explain span span{ width:24px; height:12px; background:rgba(0,119,250,1); border-radius:2px; display:inline-block; margin-right:5px; }
.layui-col-md9 .explain span:nth-child(2) span{ background:rgba(0,119,250,.8); }
.layui-col-md9 .explain span:nth-child(3) span{ background:rgba(0,119,250,.6); }
.layui-col-md9 .explain span:nth-child(4) span{ background:rgba(0,119,250,.4); }
.layui-col-md9 .explain span:nth-child(5) span{ background:rgba(0,119,250,.2); }
	/*我的竞争力*/
.layui-col-md3 .card .btn_todetail{ background:#EBEDF5; border-radius:4px; text-align:center; height:36px; line-height:36px; cursor:pointer; }
		/*竞争力详情 侧滑*/
.sidePart .card{ background:#fff; padding:22px 24px; border-radius:10px; margin-bottom:16px; }
.sidePart .card+.flex>div:first-child{ width:60%; margin-right:16px; }
.sidePart .card+.flex>div:last-child{ width:calc(40% - 16px); }
.sidePart .card>.tit i{ font-size:18px; margin-right:5px; vertical-align:middle; }
.sidePart .card>.tit+div, 
.sidePart .card>.tit+form{ border-top:1px solid #EBEDF5; padding-top:25px; }
.sidePart .card .apiece{ margin-bottom:24px; }
.sidePart .card .apiece .bg_56a{ border-radius:4px; justify-content:space-between; }
.sidePart .card .apiece .bg_56a>div{ text-align:center; }
.sidePart .card .apiece .bg_56a>div:first-child{ width:50%; text-align:left; }
.sidePart .card .apiece .bg_56a>div+div{ margin-left:10px; }
	/*待办事项*/
.layui-col-md3 .card .text_right{ display:block; width:100px; height:36px; line-height:36px; border:1px solid #eee; border-radius:4px; text-align:center; cursor:pointer; margin-left:calc(100% - 100px); }
		/*写待办事项 弹出框layUI*/
.layui-layer{ border-radius:10px !important; }
.layui-layer.layui-layer-molv .layui-layer-title{ margin:0 24px; background:transparent; color:#333; padding-left:0; line-height:62px; height:62px; font-size:16px; }
.layui-layer .layui-layer-setwin{ right:24px; }
.layui-layer .layui-layer-content{ margin:0 24px; /*padding: 32px 0;*/ overflow-y:auto; }
.confirm .flex--c>span, 
.confirm .flex>span, 
.sidePart .flex--c>span, 
.sidePart .flex>span{ font-size:12px; width:8em; color:#161823; opacity:.8; margin-right:10px; text-align:right; line-height:32px; }
.sidePart .flex>span.f14{ font-size:14px; }
.confirm .flex--c>p, 
.confirm .flex--c>.right, 
.confirm .flex>.right,
.sidePart .flex--c>.right, 
.sidePart .flex--c>div.f14, 
.sidePart .flex>.right{ width:calc(100% - 102px); font-size:14px; min-height:32px; line-height:32px; }
/* .sidePart .flex>.right+span{ margin-left:20px; } */
.confirm p>input, 
.sidePart .right>input, 
.confirm .right>input{ height:38px; line-height:38px; border:1px solid #CFD2E6; border-radius:4px; width:70%; padding:0 16px; font-size:14px; background:transparent; max-width:300px; box-sizing:border-box; }
.confirm textarea, 
.sidePart textarea{ background:transparent; width:80%; height:90px; border:1px solid #CFD2E6; border-radius:4px; padding:10px; font-size:14px; }

/* 统计信息管理 */
	/* 签单信息统计 */
.customer .mb-15 .flex+.flex_wrap{ gap:10px; margin-top:15px; }
		/* layui-table 样式重置 */
table>thead{ background:#EBEDF5; }
td{ height:auto; }
.layui-table-tool{ background:#e1edfa; margin:10px 0; }
.layui-table-tool .tipMsg{ border:none; margin:0; padding:0; background:transparent; height:auto; line-height:inherit; }
.layui-table{ border-collapse:separate; }
.layui-table thead th{ border-top:1px solid #e6e6e6; }
/* .layui-table thead tr:first-child th{ border-top:1px solid #e6e6e6; } */
.layui-table tr th:first-child, 
.layui-table tr td:first-child{ border-left:1px solid #e6e6e6; }
.layui-table-body{ scrollbar-color:#EBEDF5 #fff; scrollbar-width:thin; }
.layui-table-cell{ vertical-align:middle; height:auto !important; overflow:visible; text-overflow:inherit; white-space:normal; word-wrap:break-word; color:#161823; line-height:1.5 !important; padding:0 10px !important; font-size:14px; }
th.layui-table-cell{ line-height:30px !important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#0077fa; }
.layui-laypage a:hover{ color:#0077fa; background:rgba(0, 119, 250, .1); border-radius:2px; }
.layui-table-page .layui-laypage button{ background:#ebedf5; color:#161823; }
.layui-table-page .layui-laypage-limits select{ padding:0; height:26px; line-height:20px; }
.layui-laypage .layui-laypage-limits select:focus{ border-color:#0077fa !important; }
.layui-laypage input:focus{ border-color:transparent !important; }
	.edit-cost{ cursor:pointer; color:#0077FA; }
	.fiexd-header{ position:fixed; top:0; z-index:9999; overflow-x:scroll; }
.finance .layui-border-box{ border:0; }
.finance table>thead{ position:sticky; top:0; z-index:1; }
.finance .layui-table-cell{ line-height:1.5 !important; text-overflow:initial; }
	/* 签单统计 业绩报告 */
.statistics.card{ border-radius:10px; padding:16px 16px 25px; margin-bottom:0; }
.statistics.card .tit{ margin:0; padding-top:0; padding-bottom:15px; }
.statistics.card .tit+div{ margin:0; }
.statistics .layui-form-item input{ width:130px; border:none; height:38px; background:#f0f0f0; padding-right:30px; }
.layui-laydate .layui-laydate-content .layui-this{ background:#0077fa !important; }
.layui-laydate .layui-laydate-footer span:hover{ color:#0077fa; }
.statistics .layui-form-item .layui-anim dd{ font-size:14px; }
.statistics .layui-form-item .layui-anim dd.layui-this{ background:#F5F6FA; color:#161823; }
.statistics .layui-form-checkbox[lay-skin=primary]{ padding-left:22px; }
.statistics .layui-form-checkbox[lay-skin=primary] span{ line-height:36px; }
.statistics .layui-form-checkbox[lay-skin=primary] i{ margin-top:10px; }
.statistics .layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#0077fa; }
/* .main .layui-form-select dl dd.layui-this{ background:#0077FA; } */
.layui-btn,
.layui-form .layui-btn{ background:#0077fa; color:#fff; border-radius:4px; border:0; }
.statistics .flex-b- .bg_56a{ border-radius:10px; margin-right:16px; padding:20px 15px; flex:1; }
.statistics .flex-b- .bg_56a:last-child{ margin-right:0; }
.statistics .flex-b- .bg_56a.on{ background:linear-gradient(to right, #009AFA, #0077FA); }
.statistics .flex-b- .bg_56a.on *{ color:#fff!important; }
.statistics .flex-b- .bg_56a .DIN{ display:block; }


/* 搜索 */
.search>.text_center{ background:url(../images/bg_search.jpg) no-repeat top center/100% 100%; border-radius:10px 10px 0 0; padding-top:80px; padding-bottom:100px; }
.search>.text_center>form>.pr, 
.search.text_center>form>.pr{ width:120px; height:48px; line-height:48px; background:#fff; border-radius:4px 0 0 4px; box-sizing:border-box; text-align:left; }
.search>.text_center>form>.pr>span, 
.search.text_center>form>.pr>span{ display:inline-block; width:74px; height:48px; padding-left:16px; }
.search>.text_center>form>.pr>.pab, 
.search.text_center>form>.pr>.pab{ top:calc(100% + 2px); left:0; width:100%; padding:10px 0; background:#fff; box-sizing:border-box; }
.search>.text_center>form>.pr>.pab p, 
.search.text_center>form>.pr>.pab p{ height:36px; line-height:36px; padding:0 16px; }
.search>.text_center>form>.pr>.pab p.on, 
.search.text_center>form>.pr>.pab p.on,
.search>.text_center>form>.pr>.pab p:hover{ background:#f5f6fa; color:#0077fa; }
.search>.text_center>form>.pr::after, 
.search.text_center>form>.pr::after{ content:''; width:1px; height:24px; background:#EBEDF5; position:absolute; right:0; top:12px; }
.search>.text_center>form>input, 
.search.text_center>form>input{ width:50vw; height:48px;line-height:48px; border:none; padding-left:16px; }
.search>.text_center>form>.btn, 
.search.text_center>form>.btn{ background:#FFB82F; color:#fff; border-radius:0 4px 4px 0; width:120px; height:48px; line-height:48px; padding-top:0; padding-bottom:0; }
.search>.text_center>.flex-c-c>p, 
.search>.text_center>.flex-c-c>p>a{ color:#fff; }
.search>.flex-c-{ border-radius:0 0 10px 10px; gap:1vw; }
.search>.flex-c->div{ min-width:30vw; max-width:50vw; border-radius:10px; box-shadow:0px 0px 20px 0px rgba(22, 24, 35, 0.05); }
.search>.flex-c->div .tit, 
.search.text_center+div .tit{ height:60px; line-height:60px; padding:0 24px; background:linear-gradient(90deg, #EBEDF5 0%, #FFFFFF 100%); border-radius:10px 10px 0px 0px; }
.search>.flex-c->div .tit+div{ padding:25px; line-height:38px; }
.search>.flex-c->div .tit+div .flex>a{ width:8em; font-size:14px; margin-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search>.flex-c->div .tit+div .flex>p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 8em - 20px); }
	/*搜索后的列表页*/
.search.text_center>form>*{ box-shadow:0px 0px 10px 0px rgba(22, 24, 35, 0.05); }
.search.text_center>form>.btn{ background:#0077fa; }
.search.text_center+div .bg_fff{ border-radius:0 0 10px 10px; padding:24px; }
.search+div .item{ background:#fff; border-radius:10px; margin-bottom:16px; }
.search.text_center+div .tit{ background:rgba(0, 119, 250, .1); }
.search.text_center+div .tit button{ background:#f5f6fa; padding:5px 10px; border-radius:4px; }
.search.text_center+div .tit button img{ height:15px; }
.search+div .item .li{ padding:24px 0; margin:0 24px; display:none; }
.search+div .item .li+.li{ border-top:1px solid #EBEDF5; }
.search+div .item.show .li{ display:flex; }
.search+div .item .li>img{ width:21px; height:21px; margin-right:8px; }
.search+div .item .li>.cont{ width:calc(100% - 30px); }
.search+div .item .li>.cont .tip{ font-size:14px; display:inline-block; padding:5px 10px; margin-bottom:5px; border-radius:4px; }
.search+div .item .li>.cont .tip.red{ background:rgba(254, 44, 85, .05); }
.search+div .item .li>.cont .tip.orange{ background:rgba(249, 148, 48, .05); }
.search+div .item .li>.cont .tip.darkblue{ background:rgba(0, 119, 250, .05); }
.search+div .item .li>.cont .tip.purple{ background:rgba(167, 0, 250, .05); }
.search+div .item .li>.cont .tip.pink{ background:rgba(250, 0, 250, .05); }
.search+div .item .li>.cont .tip.purpleBlue{ background:rgba(42, 0, 250, .05); }
.search+div .item .li>.cont .tip.green{ background:rgba(61, 179, 2, .05); }
.search+div .item .li>.cont .tip.yellow{ background:rgba(251, 205, 38, .05); }
.search+div .item .li>.cont .tip+.tip{ margin-left:14px; }
.search+div .item .li>.cont .bg_56a{ border-radius:4px; padding:14px; }
.search+div .item .li>.cont .bg_56a+.bg_56a{ padding-top:0; }
.search+div .item .li>.cont .bg_56a *{ font-size:14px; line-height:1.6; }
.search+div .item .li>.cont .bg_56a>span{ width:5em; text-align-last:justify; }
.search+div .item .li>.cont .bg_56a .right{ width:calc(100% - 5em); }
.search+div .item .li>.cont .bg_56a .right i{ width:7.5em; display:inline-block; text-align:right; }
.search+div .item .li>.cont .bg_56a .right span{ width:4em; display:inline-block; }
.backToTop{ position:fixed; right:32px; bottom:32px; width:2em; font-size:14px; height:2.3em; padding:5px; line-height:1.2; background:#0077fa; color:#fff; border-radius:4px; cursor:pointer; }

/*日报管理  统计列表*/
.publish-btn{ background:#0077fa; border-radius:4px; padding:7px 15px; position:sticky; top:0; z-index:1; box-shadow:5px 0 10px rgba(0,119,250,.4); }
.sidePart form .right>.item .mt-10{ position:relative; }

/*知识库*/
	/*知识列表*/
.internalInfor .card{ padding:24px; border-radius:10px; background:#fff; }
.internalInfor .inputSearch input{ height:36px; line-height:36px; font-size:14px; padding-left:16px; border:1px solid #CFD2E6; border-radius:4px; width:25vw; }
.internalInfor .inputSearch .btn{ background:#0077fa; color:#fff; font-size:14px; border-radius:4px; line-height:36px; position:relative; left:-10px; padding:10px 15px; }
.internalInfor .inputSearch+div,
.internalInfor form .flex_wrap{ gap:20px 16px; margin-top:15px; }
.internalInfor .totalItem{ background:#f5f6fa; padding:16px; border-radius:10px; }
.internalInfor .totalItem>div{ float:left; width:140px; padding-left:80px; }
.internalInfor .totalItem>div p+p{ margin-top:5px; }
.internalInfor .totalItem>img{ min-width:43px; max-width:57px; position:absolute; }
.internalInfor button.mt-20.f14{ background:#0077fa; border-radius:4px; padding:7px 15px; position:sticky; top:0; z-index:1; box-shadow:5px 0 10px rgba(0,119,250,.4); }
.internalInfor .mt-20.flex>.card:first-child{ width:calc(77% - 20px); }
.internalInfor .mt-20.flex>.rightSide{ width:23%; }
.internalInfor .item{ margin-bottom:15px; border-bottom:1px solid #EBEDF5; }
.internalInfor .item:last-child{ border:0; }
.internalInfor .item>img{ width:20px; height:22px; }
.internalInfor .item>img+div{ width:calc(100% - 30px); }
.internalInfor .item .bg_56a{ width:100%; height:36px; line-height:36px; padding:0 16px; border-radius:4px; box-sizing:border-box; }
.internalInfor .item .bg_56a img{ width:22px; height:22px; border:2px solid #fff; border-radius:50%; margin-right:8px; }
.internalInfor .item .pictures img{ width:215px; height:135px; margin-right:16px; margin-bottom:10px; }
.internalInfor .item .info{ line-height:22px; }
.internalInfor .item .info img{ width:22px; height:22px; border-radius:50%; vertical-align:middle; }
.internalInfor .item ul{ display:none; background:#fff; right:0; width:84px; padding:8px 16px; border-radius:4px; filter:drop-shadow(0 0 10px rgba(1,27,70,.05)); z-index:1; box-sizing:border-box; }
.internalInfor .item ul::before{ content:''; position:absolute; top:-7px; right:5px; border-bottom:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; }
.internalInfor .item ul li{ font-size:14px; line-height:30px; cursor:pointer; }
.internalInfor .item ul li.on{ color:#0077fa; }
.layui-flow-more a>cite{ width:240px; height:36px; line-height:36px; margin:0 auto; background:rgba(0,119,250,.05); border-radius:4px; color:#0077FA; }
.internalInfor .rightSide .card .tit{ height:60px; line-height:60px; background:linear-gradient(to right, #E1EDFA, #fff); margin:-24px -24px 20px; padding:0 24px; border-radius:10px 10px 0 0; }
.internalInfor .rightSide .card .tit img{ width:13px; height:15px; margin-right:5px; }
		/*知识列表  详情页*/
.internalInfor .card>.bg_fff{ padding:20px; border-radius:10px; position:sticky; top:0; z-index:2; box-shadow:0 1px 5px -3px #aaa; }
.internalInfor .card button.darkblue{ background:rgba(0,119,250,.1); width:100px; height:36px; line-height:36px; text-align:center; border-radius:4px; }
.internalInfor .flex .msg{ width:100px; padding-right:24px; margin-right:40px; position:relative; }
.internalInfor .flex .msg::after{ content:''; width:1px; height:400px; background:#ebedf5; position:absolute; top:0; right:0; }
.internalInfor .flex .msg .year::before,
.internalInfor .flex .msg .year::after{ content:''; width:24px; height:1px; background:#ccc; display:inline-block; vertical-align:middle; margin-right:6px; }
.internalInfor .flex .msg .year::after{ margin-right:0; margin-left:6px; }
.internalInfor .flex .msg img{ width:32px; height:32px; border-radius:50%; }
.internalInfor .flex .msg .bg_fff{ width:48px; height:48px; margin:0 auto; border-radius:50%; line-height:48px; box-shadow:0 0 4px rgba(0,0,0,.15); }
.internalInfor .flex .cont{ width:calc(100% - 165px); }
.internalInfor .flex .cont .txt{ padding-bottom:25px; border-bottom:1px solid #EBEDF5; }
.internalInfor .flex .cont .txt *{ font-size:14px !important; }
.internalInfor .flex .cont .txt .f14{ font-size:14px !important; }
.internalInfor .flex .cont .txt img{ width:600px; height:auto; }
.internalInfor .flex .cont .ping{ margin-top:40px; }
.internalInfor .flex .cont .ping .write img{ width:56px; height:56px; border-radius:50%; background:#f5f6fa; margin-right:16px; }
.internalInfor .flex .cont .ping .write .right{ width:calc(100% - 72px); display:flex; }
.internalInfor .flex .cont .ping .write .right textarea{ width:calc(100% - 116px); height:68px; padding:16px; background:#f5f6fa; font-size:14px; border:1px solid #DCDEE6; border-radius:4px; box-sizing:border-box; }
.internalInfor .flex .cont .ping .write .right button{ background:#0077fa; color:#fff; width:100px; height:68px; line-height:68px; text-align:center; border-radius:4px; margin-left:16px; }
.internalInfor .layui-tab-title{ border:0; }
.internalInfor .layui-tab-title .layui-this{ font-size:20px; color:#FC4646; }
.internalInfor .layui-tab-title li:last-child::before{ content:none; }
.internalInfor .layui-tab-title .layui-this::after{ content:''; width:1px; height:14px; background:#999; display:inline-block; transform:rotate(28deg); border:0; top:calc(50% - 7px); }
.internalInfor .layui-tab-title li:first-child.layui-this::after{ left:auto; right:0; }
.internalInfor .layui-tab-item .item img{ width:48px; height:48px; border-radius:50%; margin-right:16px; }
.internalInfor .layui-tab-item .item .right{ width:calc(100% - 64px); }
.internalInfor .layui-tab-item .item .right .huifu{ display:none; }
.internalInfor .layui-tab-item .item .right .color_9:hover .huifu,
.internalInfor .layui-tab-item .item .right .reply .f14:hover .huifu{ display:inline-block; }
.internalInfor .layui-tab-item .item .right .bg_56a{ padding:10px; height:auto; display:none; }
.internalInfor .layui-tab-item .item .right .bg_56a textarea{ font-size:14px; width:100%; height:50px; border:0; background:transparent; }
.internalInfor .layui-tab-item .item .right .bg_56a form button[type=submit]{ background:#0077fa; color:#fff; border-radius:4px; padding:5px 16px; }
.internalInfor .layui-tab-item .item .right .bg_fff{ line-height:20px; height:auto; padding:10px 16px 10px 25px; }
	/*我的发布 */
.internalInfor .tipMsg{ margin-bottom:25px; }
.internalInfor .item .fl .pr{ width:56px; }
.internalInfor .item .fl .pr .pab{ width:22px; height:22px; border-radius:50%; background:#f5f6fa; border:2px solid #fff; top:0; z-index:1; text-align:center; box-shadow:0 0 5px rgba(0,0,0,.1); }
.internalInfor .item .fl .pr .pab:nth-child(1){ left:0; }
.internalInfor .item .fl .pr .pab:nth-child(2){ left:10px; }
.internalInfor .item .fl .pr .pab:nth-child(3){ left:20px }
.internalInfor .item .fl .pr .pab:nth-child(4){ left:30px; }
		/*侧滑 我要发布*/
.sidePart .layui-input-inline{ width:20%; }
.sidePart input{ font-size:14px; height:36px; line-height:36px; border:1px solid #CFD2E6; padding-left:16px; width:40%; margin-right:16px; border-radius:4px; box-sizing:border-box; }
.sidePart .right span.pr i.pab{ left:128px; color:#666; line-height:36px; }
.sidePart .layui-select-title input{ width:100%; background:transparent; }
.sidePart .layui-select-title input:hover{ border-color:#CFD2E6 !important; }
.confirm .layui-form .layui-btn, 
.sidePart .layui-form .layui-btn{ background:#0077fa; color:#fff; }
.sidePart .card form .flex .right>.pl-15{ border:1px solid #CFD2E6; border-radius:4px; width:80%; height:450px; overflow-y:auto; }
.sidePart button{ font-size:14px; background:#fff; border:1px solid #CFD2E6; border-radius:4px; padding:0 22px; height:36px; line-height:36px; margin-right:20px; }
.confirm button[type=submit], .sidePart button[type=submit],
.confirm button[lay-submit], .sidePart button[lay-submit],
.sidePart button[lay-submit]:hover{ background:#0077FA; color:#fff; border:0; }
.sidePart button a{ font-size:14px; }
	/*知识分类*/
.ok-body .layui-btn[lay-submit]{ background:#0077fa; border-radius:4px; }
		/*弹出框  添加分类*/
.image-icon img{ width:20px; height:20px; margin:5px; cursor:pointer; border:1px solid transpaprent; }
.image-icon .on{ border:1px solid red; }
.layui-form-checked[lay-skin=primary] i{ border-color:#0077fa !important; background:#0077fa; }
.layui-form-item button.btn{ border-radius:4px; }
.layui-form-item button.sure{ background:#0077fa; border-radius:4px; }

/*财务信息管理*/
	/*财务信息列表  查看的弹出框*/
.col_6{ width:50%; float:left; /*height:38px;*/ }
.col_12{ width:100%; float:left; }
.confirm .layui-form-select, 
.sidePart .layui-form-select{ width:70%; display:inline-block; max-width:300px; }
.sidePart .layui-input-inline .layui-form-select{ width:100%; }
.confirm button{ font-size:14px; background:#fff; color:#161823; border:1px solid #CFD2E6; border-radius:4px; padding:0 22px; height:36px; line-height:36px; margin-right:20px; }
	/* 合作协议管理 编辑 */
.confirm .layui-form-radio{ border:1px solid #CFD2E6; border-radius:4px; height:36px; line-height:36px; background:transparent; padding:0 15px; }
.confirm .layui-form-radio.layui-form-radioed{ border-color:#0077fa; color:#0077fa; }
.confirm .layui-form-radio .layui-anim,
.confirm .layui-form-radio+p.in-block{ display:none; }
	/* 账号列表 图片放大 */
.layui-layer .layui-layer-content img{ height:100%; }

/* 客户管理 */
	/* 公海客户列表 */ /*以下五行代码待删*/
.layui-laydate-header i:hover , .layui-laydate-header span:hover { color:#0077fa !important; }
.layui-laydate .layui-laydate-content td.laydate-selected,
.layui-laydate .laydate-selected:hover{ background:rgba(0,119,250,.15)!important; }
.sidePart form .right tbody tr:nth-child(1) td{ border-top:1px solid #e6e6e6; }
.table td .layui-select:hover{ border-color:#a8b0bf; }
		/* 侧滑  添加公海客户 */
.sidePart .layui-form-label{ background:transparent; padding:0; }
.sidePart .layui-input-inline+input+span{ border:1px solid #0077fa; }
.sidePart .right span.darkblue{ display:inline-block; padding:8px 15px; /*height:36px;*/ line-height:20px; font-size:14px; background:rgba(0,119,250,.1); border-radius:4px; }
.sidePart button.darkblue{ background:#fff; border-color:#0077fa; }
#addCustomerProtect .right button.darkblue,
.sidePart .right button.darkblue{ background:rgba(0,119,250,.1); border:0; }
		/* 点击公司名称出现的弹出框，搜索内容后的样式 */
#com_list .wait{ width:80%; padding:1rem; display:flex; justify-content:center; align-items:center; gap:4px; transition:all .3s ease; position:relative; background:linear-gradient(to right, transparent, rgba(255, 255, 255, .5), transparent); }
#com_list .wait .dot{ height:8px; width:8px; border-radius:8px; background:#93a2b7; opacity:1; animation:wave 1s infinite; margin-right:20px; animation-delay:0.8s; }
#com_list .wait .dot:before,
#com_list .wait .dot:after{ content:''; position:absolute; right:-13px; height:8px; width:8px; border-radius:8px; background:#93a2b7; opacity:1; animation:wave 1s infinite; margin:0; }
#com_list .wait .dot:before{ animation-delay:0.4s; left:-13px; }
#com_list .wait .dot:after{ animation-delay:1.2s; }
@keyframes wave{
	0%, 50%, 100%{
		transform: translateY(0px);
		background: rgba(148 163 184 / 0);
	}
	25%{
		transform: translateY(-0.25rem);
		background: rgba(148 163 184 / 0.8);
	}
	75% {
		transform: translateY(0.25rem);
		background: rgba(148 163 184 / 0.8);
	}
}
#com_list dl{ position:absolute; left:0; background:white; margin-top:25px; padding:10px 0; border-radius:6px; z-index:1; width:99%; max-height:300px; overflow-y:auto; line-height:2; box-shadow:0 5px 10px rgba(1, 27, 70, 0.1); }
#com_list dl .close{ position: absolute; right: 0; top: 0; height: 28px; line-height: 28px; font-size: 20px; transform: scale(1, 0.7); cursor: pointer; }
#com_list dl dd{ font-size:14px; padding:0 10px; cursor:pointer; }
#com_list dl dd:hover{ background:#f3f4fa; }
#com_list dl ::-webkit-scrollbar{ width: 8px; height: 8px; }
#com_list dl ::-webkit-scrollbar-button{ display: none; }
#com_list dl ::-webkit-scrollbar-thumb{ background: #f1f2f7; border-radius:6px; }
#com_list dl ::-webkit-scrollbar-track{ background: #fff; }
		/* 侧滑 公司名称 编辑 */
.sidePart ul{ position:relative; height:100%; }
.sidePart ul.layui-tab-title{ border-bottom:1px solid #e6e6e6; }
.sidePart ul>li, 
.sidePart ol .bg_56a{ width:156px; height:41px; line-height:41px; padding:0 20px; box-sizing:border-box; margin-top:0; border-radius:0; }
.sidePart .layui-tab-title li{ color:rgba(22,24,35,.5); font-size:14px; width:4em; box-sizing:content-box; position:relative; }
.layui-tab-brief>.layui-tab-title .layui-this{ color:#0077fa; }
.sidePart .layui-tab-brief>.layui-tab-title .layui-this{ color:#161823; }
.layui-col-md3 .card .item .bg_56a,
.sidePart .bg_56a{ border-radius:4px; padding:16px; margin-top:6px; }
.layui-col-md3 .card .item .bg_56a .flex,
.sidePart .bg_56a .flex{ line-height:1.3; /*margin-bottom:12px;*/ }
.layui-col-md3 .card .item .bg_56a .flex span.color_9,
.sidePart .bg_56a .flex span.color_5{ width:6em; }
.layui-col-md3 .card .item .bg_56a .flex span:last-child,
.sidePart .bg_56a .flex span:last-child{ width:calc(100% - 6em); text-align:left; margin-right:0; }
.paging input{ background:transparent; width:50px; height:24px; line-height:24px; border-radius:4px; border:1px solid #CFD2E6; text-align:center; }
.paging button{ background:#0077FA; color:#fff; border-radius:4px; width:24px; height:24px; }
.paging button.sure{ background:#EBEDF5; color:#161823; width:50px; }
.sidePart .clear{ line-height:36px; }
.sidePart .tit2 span{ line-height:36px; }
.sidePart .tit2 span::before{ content:''; display:inline-block; width:3px; height:14px; background:#0077fa; border-radius:0 3px 3px 0; margin-right:8px; vertical-align:middle; }
.sidePart .tit2 span::after{ content:''; display:block; width:100%; height:1px; background:#EBEDF5; margin-top:6px; }
.sidePart .tit2+.flex_wrap>div{ width:50%; line-height:2.3; min-height:32px; }
.sidePart .tit2+.flex_wrap>div>span{ width:7em; }
@media screen and (max-width: 780px){
	.sidePart .tit2+.flex_wrap>div{ width:100%; }
}
		/*弹出层  自定义 layer*/
.confirm .layui-form .sec{ border-bottom:1px solid #F5F6FA; padding-bottom:16px; margin-bottom:20px; }
.confirm .layui-form .sec .tips{ height:100px; overflow-y:auto; margin-top:30px; scrollbar-color:#EBEDF5 #fff; scrollbar-width:thin; }
.confirm .layui-form .sec .tips p{ background:#EBEDF5; width:180px; height:24px; line-height:24px; margin-left:20px; margin-bottom:16px; cursor:grab; padding:0; }
.confirm .layui-form .sec .tips p.disabled{ background:#F5F6FA; cursor:no-drop; }
.confirm .layui-form .sec .tips .ok-icon{ position:absolute; right:10px; cursor:pointer; }
.confirm .layui-form .sec .tips p.disabled .ok-icon{ opacity:.2; cursor:default; }
	/*临时客户列表  侧滑  保护*/
.sidePart .layui-form .step{ width:26px; height:26px; line-height:26px; border:1px solid #0077FA; background:#0077FA; color:#fff; border-radius:50%; font-size:14px; box-sizing:border-box; text-align:center; font-weight:bold; margin-right:16px; margin-top:10px; position:relative; }
.sidePart .layui-form .step.already{ background:#fff; color:#0077fa; }
.sidePart .layui-form .step+.right{ width:calc(100% - 42px); }
.sidePart .layui-form .step+.right>span{ display:inline-block; width:calc(50% - 20px);height:64px; line-height:64px; text-align:center; border:1px solid #CFD2E6; border-radius:4px; box-sizing:border-box; cursor:pointer; }
.sidePart .layui-form .step+.right>span.active{ border-color:#0077FA; color:#0077FA; }
.sidePart .layui-form .flex+.flex>span::after{ content:''; position:absolute; top:-80px; left:50%; width:1px; height:70px; background:#0077fa; }
.sidePart .layui-form .flex:nth-child(3) .right{ border:1px solid #CFD2E6; border-radius:4px; padding:28px 24px; }
.sidePart .layui-form .flex .flex--c{ line-height:36px; margin-bottom:16px; }
.sidePart .layui-form .flex .flex--c textarea{ border:1px solid #CFD2E6; border-radius:4px; width:80%; height:64px; padding:16px; }
	/*保护客户列表  侧滑  编辑*/
.sidePart .layui-tab-title .layui-badge{ left:0; transform:scale(0.8); }
		/*签单 客户  侧滑*/
.sidePart .layui-form-radio .layui-anim,
.sidePart .layui-form-radio+p.in-block,
input[name=firstTrial]+div:nth-child(6),
input[name=is_apply_flag]+div{ display:none; }
.sidePart .layui-form-radio.layui-form-radioed+p.in-block,
input[name=firstTrial]+div.layui-form-radioed+input+div,
input[name=firstTrial]+div.layui-form-radioed,
input[name=is_first]+div.layui-form-radioed+input+div,
input[name=is_first]+div.layui-form-radioed{ display:inline-block; }
.sidePart .right button.red{ background:rgba(254, 44, 85, .1); border:0; position:absolute; right:0; top:0; padding:0 10px; width:70px; }
.sidePart .right .item button.red{ top:auto; bottom:10px; }
		/*修改客户信息 侧滑*/ /*修改客户信息  中的 搜索 弹出层*/
#searchName .resultMsg{ height:48px; line-height:48px; padding:0 24px; background:linear-gradient(to right,#EBEDF5,#FFFFFF); border-radius:4px; }
#searchName .item, .search.text_center+div .bg_fff .item{ margin-top:24px; }
#searchName .item>img, .search.text_center+div .bg_fff .item>img{ width:16px; height:16px; margin-right:10px; margin-top:10px; }
#searchName .item>img+div, .search.text_center+div .bg_fff .item>img+div{ width:calc(100% - 26px); }
#searchName .item .cont .f16, .search.text_center+div .bg_fff .item .cont .f16{ line-height:36px; }
#searchName button{ background:#0077fa; color:#fff; height:36px; }
#searchName .tips span, .search.text_center+div .bg_fff .tips span{ display:inline-block; height:24px; line-height:24px; padding:0 16px; margin-right:15px; border-radius:4px; font-size:14px; }
#searchName .tips .red, .search.text_center+div .bg_fff .tips .red{ background:rgba(254, 44, 85, .1); }
#searchName .tips .orange, .search.text_center+div .bg_fff .tips .orange{ background:rgba(249, 148, 48, .1); }
#searchName .tips .darkblue, .search.text_center+div .bg_fff .tips .darkblue{ background:rgba(0, 119, 250, .1); }
#searchName .item .bg_56a, .search.text_center+div .bg_fff .item .bg_56a{ padding:16px 14px; border-radius:4px; font-size:14px; }
	/*签单客户 中的 选择客户 弹出层*/
#chooseCustomer .table td{ height: 44px; /*line-height: 44px; border-bottom: 1px solid #EBEDF5;*/ padding: 0 15px; }
#chooseCustomer .table td:first-child{ text-align:center; }
	/*全部客户列表*/
		/*回访弹出框*/
.customer .confirm.card{ display:none; position:absolute; /*left:471px; top:167px;*/ z-index:20; width:400px; filter:drop-shadow(0 1px 4px rgba(0,0,0,.15)); }
.customer .confirm.card::before{ content:''; position:absolute; left:-9px; top:50px; border-right:9px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; }
.customer .confirm.card .layui-form .layui-input{ background:transparent; border:1px solid #e6e6e6; }
	/*导入客户*/
.sidePart .mt-20>input{ background:#fafafb; }
.sidePart button.file{ background:rgba(0,119,250,.1); color:#0077fa; border:0; position:relative; }
.sidePart button.red{ background:#fff; border-color:#FE2C55; margin-right:0; width:100px; }
.sidePart button.red:hover{ color:#FE2C55; }
.sidePart button.bg_darkblue:hover{ color:#fff; }
.layui-form select[lay-ignore]{ border:1px solid #CFD2E6; }
	/* 跑单客户列表 form */
.layui-input-inline .layui-form-select dl dd.layui-this{ background-color:#F5F6FA; color:#161823; }

/*签单信息管理*/
	/*签单列表  弹出框  记录*/
.confirm .table{ min-width:100%; }
.confirm .table td{ white-space:inherit; border-bottom:1px solid #e3e3e3; }
	/* 保护客户列表 签单侧滑 */

	/*签单流失列表  侧滑  签单*/
.sidePart .right>input[disabled]{ background:#FAFAFB; cursor:not-allowed; }
.sidePart .layui-form-radio{ border:1px solid #CFD2E6; border-radius:4px; height:36px; line-height:36px; background:transparent; padding:0 15px; }
.sidePart .layui-form-radio.layui-form-radioed{ border-color:#0077fa; color:#0077fa; }
.confirm .right input.shortInput, 
.sidePart .right input.shortInput{ width:160px; }
#signCustomerMsg .card .shortInput,
#editSignCustomer .card .shortInput{ width:90px; height:36px; line-height:36px; padding-left:15px; border:1px solid #CFD2E6; border-radius:4px; }
.sidePart .card div.block{ display:flex; flex-wrap:wrap; gap:15px; }
.sidePart .card div.block p{ width:200px; }

/*回款管理 回款列表 */
.receivables.card{ background:#fff; padding:22px 24px; border-radius:10px; margin-bottom:16px; }
.receivables.card>.tit+form{ border-top:1px solid #EBEDF5; padding-top:25px; }
.receivables textarea{ background:transparent; width:80%; height:90px; border:1px solid #CFD2E6; border-radius:4px; padding:10px; font-size:14px; }
.receivables .layui-form-select dl{ border-color:transparent; box-shadow:0px 0px 6px 0px rgba(22, 24, 35, 0.1); }
.receivables .layui-form-select dl dd.layui-this{ background:#F5F6FA; color:#161823; }
.receivables .layui-select-title input{ width:100%; background:transparent; }
.receivables .layui-form-select{ width:70%; display:inline-block; max-width:300px; }
.receivables .layui-inline .layui-form-select,
.receivables .layui-input-inline .layui-form-select{ width:100%; }
.receivables .table .col_sticky_left_last{ width:60px; }
	/* 侧滑 添加回款 */
.receivables form .flex--c>span{ width:8em; font-size:12px; margin-right:16px; opacity:.8; text-align:right; }
.receivables form .flex--c>.right{ width:calc(100% - 112px); }
.receivables form .flex--c>.right>input[disabled],
.confirm form .flex--c>.right>input[disabled]{ background:#fafafa; cursor:not-allowed; }
.receivables form .flex--c>.right span.darkblue{ background:rgba(0,119,250,.1); border-radius:4px; height:36px; line-height:36px; padding:0 22px; display:inline-block; font-size:14px; }
.receivables form .flex--c>.right>input{ height:36px; line-height:36px; width:50%; background:transparent; border:1px solid #cfd2e6; border-radius:4px; padding:0 16px; font-size:14px; max-width:300px; box-sizing:border-box; }
.receivables .right .layui-input-inline{ width:200px; }
.receivables .right button{ height:36px; line-height:36px; background:#fff; border:1px solid #cfd2e6; border-radius:4px; padding:0 22px; font-size:14px; margin-right:20px; }
.receivables .right button[type=submit]{ background:#0077fa; color:#fff; border:0; }


/*机构管理*/
	/*机构列表*/
.org_mark_item{ margin:0 10px 10px 0; }
#datatables_filter{ position:absolute; top:32px; right:45px; }
#datatables_filter label{ font-size:14px; }
#datatables_filter label input{ width:16em; height:36px; line-height:36px; background:transparent; border:1px solid #CFD2E6; border-radius:4px; padding:0 12px; font-size:14px; margin-left:10px; box-sizing:border-box; }
.right-item{ display:inline-block; width:48%; margin-bottom:2px; }
.sidePart table{ width:100%; }
.sidePart .table tr td{ font-size:14px; height:44px; line-height:20px; padding:10px; border-bottom:1px solid #ddd; background:#fff; }
.sidePart .table tbody tr:hover td{ background:#F5F6FA; }
	/* 机构价格管理-添加 */
#productCont{ overflow-x:scroll; }
	/* 编辑侧滑页 表格第一列固定*/
.sidePart .customer .table .col_sticky_left{ left:0; z-index:2 !important; }

/*客服信息管理*/
	/*新签单信息列表*/
xm-select{ border:none!important; background:transparent!important; }
xm-select>.xm-body{ position:absolute; left:0; top:42px; padding:5px 0; z-index:999; width:100%; min-width:fit-content; border:1px solid #E6E6E6; background-color:#fff; border-radius:2px; box-shadow:0 2px 4px rgba(0, 0, 0, 0.12); animation:xm-upbit .3s both; }
xm-select .xm-body .xm-option .xm-option-icon{ border-color:#0077fa!important; }
xm-select .xm-label .xm-label-block{ background:#0077fa!important; }
xm-select .xm-body .xm-option.selected .xm-option-icon{ color:#0077fa!important; }

/*项目服务信息管理*/
	/*机构审核通知*/
.sidePart .mt-15>.clear>.fr{ background:#EBEDF5; margin-right:4px; padding:0 16px; /*background:rgba(0,119,250,.1); color:#0077fa;*/ }
	/*设置款项机构*/
label.control-label{ white-space:nowrap; margin-right:15px; min-width:80px; display:inline-block; }
	/*旧监督数据导入*/
.sidePart ul.flex--c{ flex-wrap:wrap; gap:6px 10px; }
.sidePart ul.flex--c li{ width:auto; border-radius:4px; padding:0 10px; margin:0; font-size:14px; }
.btn.btn-primary{ background:transparent; color:#0077fa; border:1px solid #0077fa; border-radius:4px; opacity:.8; height:38px; line-height:38px; padding:0 10px; margin:0 10px 6px 0; font-size:14px; }
i.fa.f16{ font-size:16px; }

/*咨询信息管理  咨询初审列表*/
.confirm .flex--c td{ padding:10px; }
	/*  咨询派单统计  table的横向换成纵向 */
.gridView tr{ display:inline-block; width:50px; }
.gridView tr:first-child{ font-size:14px; width:14em; overflow:hidden; position:sticky; left:0; z-index:1; }
.gridView.table tr+tr{ border-bottom:0; margin-left:-4px; }
.gridView th, .gridView td{ display:block; height:auto; border-bottom:1px solid #EBEDF5; text-align:center; line-height:44px; padding:0 10px; }
.gridView.table tr:first-child th:nth-child(n){ height:45px; line-height:1.2; display:grid; place-items:center; white-space:normal; }
.gridView.table tr:first-child th:nth-child(1),
.gridView.table tr:first-child th:nth-child(2),
.gridView.table tr:first-child th:nth-child(3){ min-width:auto !important; width:14em !important; }
.gridView.table tr:first-child th:nth-child(1){ height:65px; left:31px; }
.gridView.table td{ padding:0 10px; line-height:44px; }
.gridView.table tr th:first-child, .gridView.table tr td:first-child{ width:46px; height:65px; line-height:1.2; padding:5px 10px; box-sizing:border-box; background:#EBEDF5; white-space:break-spaces; }
.gridView.table tr:hover td, .gridView tbody tr td.bg_56a{ background:#f5f6fa; }
.gridView tbody tr td.bg_fff{ background:#fff; }
	/*协调咨询列表  备注文字多，用tip展示，目前线上的好像是没有用着，待删*/
.layui-layer.layui-layer-tips{ max-width:100%; }
.layui-layer.layui-layer-tips .layui-layer-content{ margin:0; padding:5px 10px; overflow:visible; }
.layui-layer.layui-layer-tips i.layui-layer-TipsB{ transform:rotate(90deg); top:-13px; }

/* 项目产品管理 添加产品 */
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#0077fa; }



/* 客户筛选的筛选搜索放大镜位置 */
xm-select > .xm-body .xm-search > i{ right:18px; }

/*角色权限管理  管理角色*/
.crt-role{ height:50px; line-height:50px; border-bottom:1px solid #f1f1f1; padding:10px; }
.crt-role+table tr{ cursor:pointer; letter-spacing:2px; }
.crt-role+table .info td{ background:#ddd; }
.layui-tab-item .table tr:first-child th:nth-child(1){ width:auto; }
.ok-body .layui-form-onswitch,
.sidePart .layui-form-onswitch,
.layui-layer-molv .layui-layer-btn a{ background:#0077fa !important; border-color:#0077fa !important; }
.ok-body .layui-form-select dl dd.layui-this{ background:#0077fa; }
.ok-body .layui-ext-icon-selected-item.selected,
.ok-body .layui-ext-icon-selected-item:hover{ color:#0077fa; }

			/*变更 弹出层*/
.confirm .layui-form-radio.layui-form-radioed+p.in-block{ display:inline-block; vertical-align:bottom; }
.confirm p.in-block .layui-form-select{ width:80%; }
.confirm .right .layui-form-checkbox:hover i{ border-color:#0077fa; }
.confirm .right .layui-form-checked i{ background:#0077fa; border-color:#0077fa!important; }
.confirm .right.f14 .layui-input-inline .layui-form-select{ min-width:180px; }
.confirm .right.f14 .in-block{ display:none; }
.confirm .right.f14 .layui-form-checkbox.layui-form-checked ~ .in-block{ display:inline-block; }

/* 图片上传 (扫码认证的上传logo+角色权限的添加菜单) */
.upload-single{ display:inline-block; }
.upload-single img{ height:40px; cursor:pointer; }
.upload-group{ display:flex; flex-flow:row wrap; }
.upload-group .img-group{ width:200px; display:flex; flex-flow:column wrap; align-items:center; }
.upload-group .img-group img{ width:100%; height: 120px}
.layui-btn-group{ width:100%; }

@media screen and (max-width:780px){
	.sidePart .tit2+.flex_wrap>div{ width:100%; }
}
@media screen and (max-width:600px){
	.sidePart .card+.flex{ flex-direction:column; }
	.sidePart .card+.flex>div:first-child, .sidePart .card+.flex>div:last-child{ width:100%; }
}