.zkh_tip_popup .box{width:380px; min-height:100px; background:#fff; border-radius:20px; padding:39px 0 40px; left:50%; top:50%; transform:translate(-50%, -50%);}
.zkh_tip_popup .box .txt{color:#666; line-height:24px; margin:20px 0 35px;}
.zkh_tip_popup .box .btn .cancel,
.zkh_tip_popup .box .btn .confirm{width:80px; height:36px; line-height:36px; border-radius:18px;}	

.customer_management_set{height:30px; line-height:30px; display:inline-block; background:#eaf7ff; border-radius:4px; font-size:14px; color:#666; padding:0 13px 0 9px;}
.customer_management_set img{margin:0 8px 0 0;}


._tool_name_list_p2{font-size:14px; color:#999;}
._tool_name_list_p2 img{margin:0 9px 0 0;}

._tool_label_list .item{padding:0 5px; border-radius:4px; color:#fff; background:var(--mainColor); margin:0 4px 4px 0;}

._tool_name_list_p2{font-size:14px; color:#999;}


/*客户转出弹窗*/
.client_transfer_tip .box{width:790px; height:329px; background:#fff; border-radius:20px; padding:32px 40px 40px; left:50%; top:50%; transform:translate(-50%, -50%);}
.client_transfer_tip .box .close{right:21px; top:21px;}
.client_transfer_tip .box .p1,
.client_transfer_tip .box .p1_input{margin:0 0 25px;}
.client_transfer_tip .box .p1_input .ly_select_checkbox{border-radius:5px 0 0 5px; width:29%; border-right:none;}
.client_transfer_tip .box .p1_input .ly_select_checkbox input{text-indent:10px;}
.client_transfer_tip .box .p1_input .ly_input_suffix{width:78%;}
.client_transfer_tip .box .p1_input .ly_input_suffix input{word-break:break-all; flex:1; height:var(--inputBtnHeight); border-radius:0 5px 5px 0; border:1px solid var(--borderColor); position:relative; align-self:normal; transition:border-color .3s; display:inline-block; vertical-align:middle;line-height:24px; padding:calc(var(--inputBtnHeight) / 2 - 13px) 9px; resize:none; border-left:none;}
.client_transfer_tip .box .p1_input .ly_input_suffix input:focus{border-color:var(--mainColor);}
.client_transfer_tip .box .p1_input .ly_select_checkbox{width:22%; padding:0 9px 0 0;}
.client_transfer_tip .box .p1_input .ly_select_checkbox.focus + .ly_input_suffix input,
.client_transfer_tip .box .p1_input .ly_select_checkbox.ly_drop_cur + .ly_input_suffix input{border-color:var(--mainColor);}
.client_transfer_tip .box .p2_input{margin:15px 0 30px;}


/*客户详细*/
.customer_detail{background:#fff; width:90vw; height:90vh; border-radius:20px; padding:60px 0 30px;}

.customer_detail .box{/* overflow-y:auto; */ height:100%;}
/* 整个滚动条的样式 */
.customer_detail .box .scrollable-container::-webkit-scrollbar{width: 5px; /* 滚动条宽度 */}
/* 滚动条轨道 */
.customer_detail .box .scrollable-container::-webkit-scrollbar-track{background: transparent; /* 滚动条轨道背景颜色 */ border-radius: 5px; /* 圆角 */}
/* 滚动条滑块 */
.customer_detail .box .scrollable-container::-webkit-scrollbar-thumb{display:none; background-color: rgba(0,0,0,0.5); /* 滑块颜色 */ border-radius: 2px; /* 圆角 */}
/* 鼠标悬停在滑块上时的样式 */
.customer_detail .box .scrollable-container:hover::-webkit-scrollbar-thumb{display:block;}

.customer_detail_top{}
.customer_detail_top{top:0; left:0; right:0; background:#fff; padding:25px 20px 9px 30px;}
.customer_detail_top .title{font-size:16px; color:#333; font-weight:bold;}
.customer_detail_top .at-close{right:20px; top:20px; font-size:13px; font-weight:bold;}

.customer_detail_bottom{}
.customer_detail_bottom .left{width:52.27%; padding:0 30px 0 30px;}
.customer_detail_bottom .right{width:47.73%; padding:0 30px 0 0;}

.customer_detail_tools{}
.customer_detail_tools{margin:0 0 23px;}
.customer_detail_tools .change_page{margin:11px 0 0;}
.customer_detail_tools .change_page a{width:40px; height:24px; line-height:24px; background:#eee; border-radius:2px; font-size:12px;}
.customer_detail_tools .change_page a.disable{background:#f8f8f8;}
.customer_detail_tools .btn{margin:4px 0 0;}
.customer_detail_tools .btn a{width:38px; height:38px; border-radius:50%; background:#eaf7ff;}

.customer_detail_base{}
.customer_detail_base .icon{width:80px; height:80px; border-radius:6px; background:#ccecff;}
.customer_detail_base .info{padding:0 20px;}
.customer_detail_base .info .company_name{font-size:24px; font-weight:bold; line-height:35px;}
.customer_detail_base .info .sales{line-height:24px; margin:0 0 2px;}
.customer_detail_base .info .sales .name{font-size:14px; color:#333;}
.customer_detail_base .info .sales .status{font-size:14px; color:#999;}
/* .customer_detail_base .info .select{} */

.customer_detail_base .progress-bar {height:10px; background-color:#f0f0f0; border-radius:3px; margin:4px 0 0 10px;}
.customer_detail_base .progress-bar-item {position:relative; height:100%;}
.customer_detail_base .progress-bar-item::after{transform:rotate(-45deg); top:-5px;}
.customer_detail_base .progress-bar-item::before{transform:rotate(45deg); bottom:-5px;}
.customer_detail_base .progress-bar-item::after,
.customer_detail_base .progress-bar-item::before{width:3px; height:13px; background:#fff; display:block; content:''; right:-2px; position:absolute; z-index:2;}
.customer_detail_base .progress-bar-item span{right:-2px; top:50%; bottom:0; width:5px; height:6px; z-index:1; margin:-3px 0 0; background:inherit;}
.customer_detail_base .progress-bar-item:last-child::after,
.customer_detail_base .progress-bar-item:last-child::before{display:none;}
.drop-select{}

.customer_detail_label{}
.customer_detail_label{margin:20px 0 18px;}
.customer_detail_label .item{padding:0 5px; height:26px; line-height:26px; border-radius:2px; color:#fff; margin:0 10px 10px 0;}
.customer_detail_label .add{padding:0 5px; height:26px; line-height:26px; border-radius:2px; font-size:14px; color:#333; border:1px solid #e0e0e0;}
.customer_detail_label .add i{font-size:12px; margin:0 5px 0 0;}

.customer_detail_tabs{}
.customer_detail_tabs{height:calc(100% - 219px);}
.customer_detail_tabs .tab{border-bottom:1px solid #ddd; height:34px; line-height:34px;}
.customer_detail_tabs .tab .item{font-size:14px; color:#333; margin:0 50px 0 0;}
.customer_detail_tabs .tab .item::before{height:1px; bottom:0; left:0; right:0; background:var(--mainColor); position:absolute; z-index:1;}
.customer_detail_tabs .tab .item.cur{color:var(--mainColor);}
.customer_detail_tabs .tab .item.cur:before{content:'';}
.customer_detail_tabs .bind{height:calc(100% - 34px);}

.customer_contact{}
.customer_contact .top{padding:28px 0 16px;}
.customer_contact .top .total{font-size:14px; color:#999;}
.customer_contact .top .btn{font-size:14px; color:var(--mainColor);}
.customer_contact .top .btn i{font-size:14px; margin:0 5px 0 0;}
.customer_contact .container{border-collapse:collapse; width:100%; max-width:860px; overflow-y:scroll; height:calc(100% - 63px);}
.customer_contact .row{display:flex; flex-wrap:nowrap; border-bottom:1px solid #f0f0f5;}
.customer_contact .header-row{background-color:#f0f0f5; height:34px;}
.customer_contact .regular-row{min-height:40px;}
.customer_contact .col1{width:11.51%; color:#333;}
.customer_contact .col2{width:11.63%; color:#333;}
.customer_contact .col3{width:19.77%; color:#333;}
.customer_contact .col4{width:15.12%; color:#333;}
.customer_contact .col5{width:16.28%; color:#666;}
.customer_contact .col6{width:21.63%; color:#666;}
.customer_contact .col7{width:5.06%;}
.customer_contact .header-row .col5,
.customer_contact .header-row .col6{color:#333;}
.customer_contact .header-row>div{padding:0 0 0 10px; display:flex; align-items:center;}
.customer_contact .regular-row>div{padding:10px 0 10px 10px; word-wrap: break-word; overflow-wrap: break-word; line-height:22px;}

.customer_info{}
.customer_info .top{padding:36px 0 15px; line-height:26px;}
.customer_info .top .title{font-size:16px; color:#333; font-weight:bold;}
.customer_info .top .btn{width:38px; height:38px; background:#f7f7f7; border-radius:50%; margin:-12px 0 0;}
.customer_info .table{overflow-y:scroll; height:calc(100% - 77px); display:block;}
.customer_info .table .row{border: 1px solid #f0f0f5; border-bottom:none;}
.customer_info .table .column1 {width:18.6%; background-color: #f7f7f7; border-right: 1px solid #f0f0f5; font-size: 14px; color: #666; display: flex; align-items: center; padding:20px;}
.customer_info .table .column2 {width:81.4%; font-size: 14px; color: #333; display: flex; align-items: center; padding:20px;}
.customer_info .table .row:last-child{border-bottom: 1px solid #f0f0f5; margin:0 0 1px;}

.customer_dynamic{}
.customer_dynamic{padding:15px 20px 20px; background:#f7f7f7;}
.customer_dynamic .title{font-size:16px; color:#333; font-weight:bold;}
.customer_dynamic .message{height:138px; border:1px solid #ebebeb; background:#fff; margin:15px 0 10px; border-radius:2px;}
.customer_dynamic .message textarea{width:100%; min-height:77px; padding:10px; border-radius:3px; resize:none;}
.customer_dynamic .message button {display:block; margin:0 20px 0 0; padding:10px 20px; background-color:#007BFF; color:#fff; border:none; border-radius:3px; cursor:pointer; float:right;}

.customer_dynamic .log{}
.customer_dynamic .log{background:#fff; padding:10px 20px; border-radius:2px; height:calc(100% - 36px); overflow:hidden; margin:15px 0 0;}
.customer_dynamic .log .tabs{padding:2px; background:#f0f0f5;}
.customer_dynamic .log .tabs a{min-width:80px; height:30px; line-height:30px; border-radius:2px; font-size:14px; color:#666; margin:0 12px 0 0; padding:0 12px;}
.customer_dynamic .log .tabs a.cur{background:#fff; color:#333;}
.customer_dynamic .log .bind{height:calc(100% - 34px);}
.customer_dynamic .message + .log{height:calc(100% - 191px);}

.customer_dynamic_logs{}
.customer_dynamic_logs .screen{line-height:24px; margin:10px 0 13px;}
.customer_dynamic_logs .screen>div{font-size:14px; color:#333; margin:0 24px 0 0;}
.customer_dynamic_logs .screen>div i{font-size:11px; margin:0 0 0 8px;}
.customer_dynamic_logs .list{overflow-y:auto; height:calc(100% - 51px);}
.customer_dynamic_logs .list dt{font-size:14px; color:#666; margin:0 0 6px;}
.customer_dynamic_logs .list dd{padding:0 0 0 27px;}
.customer_dynamic_logs .list dd.p1 div{font-size:14px; color:#666; line-height:34px;}
.customer_dynamic_logs .list dd.p1 .icon{left:0;}
.customer_dynamic_logs .list dd.p1 .time{color:#999;}
.customer_dynamic_logs .list dd.p2>div{line-height:24px; padding:9px 17px 12px 14px; background:#f6f8fa; color:#333;}
.customer_dynamic_logs .list dd.p2::before{position:absolute; left:9px; top:-1px; bottom:-1px; background:#aeb4c6; width:1px; content:'';}
.customer_dynamic_logs .list dd.p2:last-child::before{display:none;}

/*添加客户资料转出弹窗*/
.add_client_data .box{width:790px; background:#fff; border-radius:20px; padding:32px 40px 40px; left:50%; top:50%; transform:translate(-50%, -50%);}
.add_client_data .box .close{right:21px; top:21px;}
.add_client_data .box .close i{font-size:13px;}
.add_client_data .box .p1{margin:0 0 25px;}
.add_client_data .box .p2_input{margin:15px 0 10px;}
.add_client_data .box .p3_input{margin:0 0 30px;}
.add_client_data .box .p3_input textarea{height:76px;}

/*添加联系人弹窗*/
.add_contact .box{width:790px; background:#fff; border-radius:20px; padding:32px 40px 40px; left:50%; top:50%; transform:translate(-50%, -50%);}
.add_contact .box .close{right:21px; top:21px;}
.add_contact .box .close i{font-size:13px;}
.add_contact .box ._dbs_tit{line-height:24px; margin:0 0 9px;}
.add_contact .box .p0{margin:0 0 24px; line-height:24px;}
.add_contact .box .item2{width:48.59%; margin:0 0 16px;}
.add_contact .box .item2 .p1 .name{width:68%;}
.add_contact .box .item2 .p1 .gender{font-size:14px; color:#333; line-height:38px;}
.add_contact .box .item2 .p1 .gender label{margin:0 0 0 3px;}
.add_contact .box .item2 .p1 .gender input{margin:0 3px 0 0;}
.add_contact .box .item2 .p1 .gender label:first-child{margin:0;}
.add_contact .box .item2 .p2 .ly_select_checkbox{border-radius:5px 0 0 5px; width:29%; border-right:none;}
/* .add_contact .box .item2 .p2 .ly_select_checkbox.ly_drop_cur{border-color:var(--borderColor);} */
.add_contact .box .item2 .p2 .ly_input2{width:71%;}
.add_contact .box .item2 .p2 .ly_input2 textarea{word-break:break-all; flex:1; height:var(--inputBtnHeight); border-radius:0 5px 5px 0; border:1px solid var(--borderColor); position:relative; align-self:normal; transition:border-color .3s; display:inline-block; vertical-align:middle;line-height:24px; padding:calc(var(--inputBtnHeight) / 2 - 13px) 9px; resize:none; border-left:none;}		
.add_contact .box .item2 .p2 .ly_input2 textarea:focus{border-color:var(--mainColor);}
.add_contact .box .item2 .p2 .ly_select_checkbox.focus + .ly_input2 textarea,
.add_contact .box .item2 .p2 .ly_select_checkbox.ly_drop_cur + .ly_input2 textarea{border-color:var(--mainColor);}
.add_contact .box .item2 .p1 .name textarea{border-radius:5px;}
.add_contact .box .item2 .ly_input textarea{border-radius:5px;}
.add_contact .box .btn{margin:14px 0 0;}

/*选择客户标签弹窗*/
.select_client_label .box{width:790px; background:#fff; border-radius:20px; padding:20px 40px 40px; left:50%; top:50%; transform:translate(-50%, -50%);}
.select_client_label .box .close{right:21px; top:21px;}
.select_client_label .box .close i{font-size:13px;}
.select_client_label .box ._dbs_tit{line-height:28px; margin:0 0 35px;}
.select_client_label .box .p0{margin:0 0 24px; line-height:24px;}
.select_client_label .box .p2{padding:0 0 30px; margin:8px 0 30px; border-bottom:1px solid #eee;}
.select_client_label .box .p2 button{padding:0 11px; width:auto;}
.select_client_label .box .p2 .ly_input_suffix{max-width:240px;}
.select_client_label .box .item{padding:0 9px; border:1px solid #e0e0e0; line-height:24px; border-radius:2px; font-size:14px; margin:0 9px 10px 0;}



._tool_name_list_p2 .drop{width:300px; max-height:245px; padding:20px;}
._tool_name_list_p2 .drop dl{border-bottom:1px solid #eee; padding:0 0 12px; margin:0 0 15px;}
._tool_name_list_p2 .drop dt{font-size:16px; color:#666; line-height:18px; margin:0 0 10px;}
._tool_name_list_p2 .drop dt span{font-size:14px; color:#999; margin:0 0 0 9px;}
._tool_name_list_p2 .drop dd{line-height:26px; font-size:14px; color:#666;}


.follow_record .drop{width:300px; max-height:145px; padding:15px 20px 22px;}
.follow_record .drop .name{font-size:16px; color:#666; line-height:27px; margin:0 10px 0 0;}
.follow_record .drop .txt{font-size:14px; color:#666; line-height:27px;}
.follow_record .drop .time{font-size:14px; color:#999; line-height:24px;}
.follow_record .drop .contents{font-size:14px; color:#333; line-height:20px; margin:20px 0 0;}