﻿/*!
 * MYH；最后修改：2020/02/24
 * 单独页面、区域样式，其他等
 */

/*》页面：登录页*/
.cm-hd2{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;border-top:2px solid #2c7be5;border-bottom:1px solid #eef2f7 ;background-color: #fff}
/*品牌*/
.cm-hd2 .container{display:flex;align-items:center;height:4.6875rem;}
.cm-hd2 .cm-hd2_brand{margin-right:6px;}
.cm-hd2 .cm-hd2_brand img{max-height:2.625rem;max-width:12rem;}
.cm-hd2 .cm-hd2_name{/*display:inline-block;line-height:2rem;padding:.5rem 0;*/}
/**/
.cm-bd2{margin-top:4.875rem;}

@media(max-width:767px) {
    .cm-hd2 .cm-hd2_container { flex-direction: column; justify-content: center; }
    .cm-hd2 .cm-hd2_container .cm-hd2_brand { margin-right:0;margin-bottom:5px;}
    .cm-hd2 .cm-hd2_container .cm-hd2_name { font-size:15px;}
}

/*》页面：设计方案的在线查看区域*/
.cm-design{}
.cm-design_bd{height:calc(100vh - 18.875rem);}
.cm-design_view{width:100%;position:relative}
.cm-design_btn-restore{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:999rem;}
.cm-design_sd{border-left:1px solid #eef2f7;}
.cm-design_sdc{overflow-y:auto;}
.cm-design_sd table{margin-bottom:0;}
@media (min-width:767px) {
.cm-design_sd{height:calc(100vh - 18.875rem);}
.cm-design_sdc{height:calc(100vh - 18.875rem - 41px);}
}

/*》录单页：模板2-选择产品区域*/
.cm-widget-dentureproduct{}
.cm-widget-dentureproduct .cm-wdp_bd{border:1px solid #dee2e6;}
.cm-widget-dentureproduct .cm-wdp_tt{padding:16px 12px;font-size:14px;border-bottom:1px solid #dee2e6;}
.cm-widget-dentureproduct .cm-wdp_ct{}
/*区域*/
.cm-widget-dentureproduct .cm-wdp_type{}
.cm-widget-dentureproduct .cm-wdp_type .cm-wdp_ct{overflow-y:auto;padding:12px;}
.cm-widget-dentureproduct .cm-wdp_product{border-top-width:0}
.cm-widget-dentureproduct .cm-wdp_product .cm-wdp_ct{overflow-y:auto;}
.cm-widget-dentureproduct .cm-wdp_tooth{margin-top:6px;}
.cm-widget-dentureproduct .cm-wdp_tooth .cm-wdp_ct{}
.cm-widget-dentureproduct .cm-wdp_tooth .cm-wdp_tooth-graph{padding:12px;height:350px;border-bottom:1px solid #dee2e6;}
.cm-widget-dentureproduct .cm-wdp_tooth .cm-wdp_tooth-table{height:150px;}
@media (min-width:992px) {
.cm-widget-dentureproduct .cm-wdp_product{border-top-width:1px;border-left-width:0;}
.cm-widget-dentureproduct .cm-wdp_type .cm-wdp_ct{height:300px;}
.cm-widget-dentureproduct .cm-wdp_product .cm-wdp_ct{height:300px;}
}
@media (min-width:1367px) {
.cm-widget-dentureproduct .cm-wdp_type .cm-wdp_ct{height:500px;}
.cm-widget-dentureproduct .cm-wdp_product .cm-wdp_ct{height:500px;}
.cm-widget-dentureproduct .cm-wdp_tooth{margin-top:0;}
}

/*——————*/
/*》会话列表*/
.cm-conversation:after{display: block;clear: both;content: ""}
.cm-conversation .cm-conversation_avatar {float: left;text-align: center;/*width: 42px;*/}
.cm-conversation .cm-conversation_ct{float: left;font-size: .625rem;margin-left: 12px;width: 70%;}
.cm-conversation .cm-conversation_text{background:#edf2f9;border-radius: .5rem;display: inline-block;padding: 1rem 1.25rem;;position: relative;}
.cm-conversation .cm-conversation_text p:last-child{margin: 0;}
.cm-conversation .cm-conversation_text:after{content: " "; position: absolute;right: 99%;top: 0;border: solid transparent;height: 0;width: 0;pointer-events: none; border-top-color: #f1f3fa;border-width: 6px;margin-right: -1px;border-right-color: #f1f3fa;}
.cm-conversation .cm-conversation_name{margin-bottom: .5625rem;font-size:0.875rem;font-weight:bold}
.cm-conversation .cm-conversation_time{margin-bottom: .5625rem;color: #95aac9;}
.cm-conversation .cm-conversation_img{border-radius:.5rem;overflow:hidden;max-height:31.25rem;text-align:center;}
.cm-conversation .cm-conversation_img img{max-width:100%;max-height:100%;}
.cm-conversation .cm-conversation_ct .cm-conversation_text+.cm-conversation_text,.cm-conversation .cm-conversation_ct .cm-conversation_text+.cm-conversation_img,.cm-conversation .cm-conversation_ct .cm-conversation_img+.cm-conversation_img,.cm-conversation .cm-conversation_ct .cm-conversation_img+.cm-conversation_text{margin-top:.5rem;}
/*我方*/
.cm-conversation--odd .cm-conversation_avatar { float: right !important;}
.cm-conversation--odd .cm-conversation_ct {float: right !important;margin-right: 12px;text-align: right;}
.cm-conversation--odd .cm-conversation_text {background-color: #fef5e4;text-align:left}
.cm-conversation--odd .cm-conversation_text:after{border-color: transparent;border-left-color: #fef5e4;border-top-color: #fef5e4;left: 99% !important;}
.cm-conversation+.cm-conversation{margin-top:1rem;}

/*》订单列表*/
.cm-order-lst-chat{}
.cm-order-lst-chat .cm-order_itm{padding:1rem 1.25rem;position:relative;overflow-x:hidden;}
.cm-order-lst-chat .cm-order_itm:hover{background-color:#fbfcfe}
.cm-order-lst-chat .cm-order_itm.z-curr{background-color:#edf2f9}/*当前项*/
.cm-order-lst-chat .cm-order_time{font-size:0.75rem;text-align:right;}
.cm-order-lst-chat .cm-order_num{text-align:right;}
.cm-order-lst-chat .cm-order_desc{line-height:20px;font-size:0.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#95aac9 !important;}
.cm-order-lst-chat .cm-order_desc .badge{vertical-align:top;}
.cm-order-lst-chat .cm-order_action-wrap{}/*操作*/
.cm-order-lst-chat .cm-order_action{position:absolute;top:0;bottom:0;right:-60px;display:flex;align-content:stretch;align-items:center;transition: all .5s;}
/*操作按钮*/
.cm-order-lst-chat .cm-order_action-ico{padding:0 .5rem;font-size:1rem;cursor:pointer;}
.cm-order-lst-chat .cm-order_action-ico:hover{color:#2c7be5;}
/*hover*/
.cm-order-lst-chat .cm-order_itm:hover .cm-order_time,.cm-order-lst-chat .cm-order_itm:hover .cm-order_num{opacity:0;-webkit-transition: all .5s;transition: all .5s;min-width:60px;}
.cm-order-lst-chat .cm-order_itm:hover .cm-order_action{right:0;}

/*》沟通页面*/
.cm-card-chat{display:flex;flex-direction:column;height:500px;}
.cm-card-chat .card-header,.cm-card-chat .card-footer{flex-grow:0;}
.cm-card-chat .cm-card-chat_bd{overflow-y:auto;}
@media (min-width:1200px) {
.cm-card-chat { height:calc( 100vh - ( 4rem + 1px + 3rem ) )}
}


/*》页面：资质信息查看区域，①医院管理-单位信息-资质显示；②加工单位信息-资质显示*/
.cm-corpcertificate{}
.cm-corpcertificate .cm-corpcertificate_img{width:100px;height:120px;border:1px solid #eef2f7;}
.cm-corpcertificate .cm-corpcertificate_img-one{background:url(../../Images/YyyBS/BaseImg/bgCertificate-Qualification1.png) no-repeat center center;}
.cm-corpcertificate .cm-corpcertificate_img-two{background:url(../../Images/YyyBS/BaseImg/bgCertificate-Qualification2.png) no-repeat center center;}
.cm-corpcertificate .cm-corpcertificate_img-three{background:url(../../Images/YyyBS/BaseImg/bgCertificate-Qualification3.png) no-repeat center center;}
.cm-corpcertificate .cm-corpcertificate_img-four{background:url(../../Images/YyyBS/BaseImg/bgCertificate-Qualification4.png) no-repeat center center;}

/*》2020/6/1*/
/*》单据详情-单据信息*/
.cm-detail-order{}
.cm-detail-order .cm-detail-order_title{font-size:24px;line-height:1.5;margin:0;font-weight:bold;}
.cm-detail-order .cm-detail-order_tags{margin-bottom:.5rem;}
.cm-detail-order .cm-detail-order_tags .badge+.badge{margin-left:4px;}
/**/
.cm-detail-order .cm-detail-order_info{font-size:14px;}
.cm-detail-order .cm-detail-order_itm{padding-top:4px;}
.cm-detail-order .cm-detail-order_lb{color:#9ca8b3;}
/**/
.cm-detail-order .cm-detail-order_info-neat{}
.cm-detail-order .cm-detail-order_info-neat::after {display: block;clear: both;content: "";}
.cm-detail-order .cm-detail-order_info-neat .cm-detail-order_itm{float:left;width:50%;padding-right:16px;}

/*》区域：地址选择列表*/
.cm-address{}
.cm-address .cm-address_itm{position:relative;border:1px solid #dee2e6;padding:20px 20px 25px;}
.cm-address .cm-address_itm+.cm-address_itm{margin-top:8px}
.cm-address_tt{border-bottom: 1px solid #dee2e6;padding-bottom:8px;margin-bottom:8px;}
.cm-address_user{display:flex;justify-content:space-between;margin-bottom:4px;}
.cm-address_name{}
.cm-address_tel{}
.cm-address_addr{color: #98a6ad;}
.cm-address .cm-address_action{position:absolute;right:20px;bottom:5px;display:none;}
.cm-address .cm-address_btn{display:inline-block;line-height:20px;padding:5px 0px;}
.cm-address .cm-address_btn i{margin-right:4px;}
/**/
.cm-address .cm-address_itm.z-curr{position:relative;border-color:transparent;border-image:url(../../Images/SingleCorpMS/btn-address.png) 8 8 round;border-width:8px;padding:13px 13px 18px;}
/**/
.cm-address .cm-address_itm:not(.z-curr):hover{border-color:#2c7be5;cursor:pointer;}
.cm-address .cm-address_itm:hover .cm-address_action{display:block;}


/*》数据预览：用于预览扫描数据、设计数模*/
/*.cm-filepreview{align-items:stretch;flex-direction:row;display:block}
.cm-filepreview .cm-filepreview_hd{padding:10px 8px;border-bottom:1px solid #dee2e6;line-height:30px;height:50px;}
.cm-filepreview .cm-filepreview_title{line-height:28px;}
.cm-filepreview .cm-filepreview_bd{height:calc(100vh - 269px - 50px - 20px);}
滚动条
.cm-filepreview .cm-filepreview_bd::-webkit-scrollbar{width:4px;height:10px;}
.cm-filepreview .cm-filepreview_bd::-webkit-scrollbar-track{background:rgba(0,0,0,.05);}
.cm-filepreview .cm-filepreview_bd::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:999em;}
.cm-filepreview .cm-filepreview_bd::-webkit-scrollbar-thumb:hover{background:#9ca8b3;}
.cm-filepreview ul{margin:0;padding:0;list-style:none;}
区域
区域1、2
.cm-filepreview .cm-filepreview_itm{float:left;width:200px;}
.cm-filepreview .cm-filepreview_itm-grouplst{float:left;width:120px;border-right:1px solid #dee2e6;}
.cm-filepreview .cm-filepreview_itm .cm-filepreview_bd,.cm-filepreview .cm-filepreview_itm-grouplst .cm-filepreview_bd{overflow-y:auto;}
区域3：3d预览
.cm-filepreview .cm-filepreview_itm-view{margin-left:320px;border-left:1px solid #dee2e6;}
.cm-filepreview .cm-filepreview_itm-view #canvas{height:calc(100vh - 269px - 50px - 20px);}
.cm-filepreview-design .cm-filepreview_itm-view{margin-left:200px;}2列显示
列表
.cm-filepreview .cm-filepreview_grouplst li{padding:4px 8px;cursor:pointer;line-height:24px;}
.cm-filepreview .cm-filepreview_grouplst li:hover{background-color:#eef2f7;}
.cm-filepreview .cm-filepreview_grouplst li.active{background-color:#30419b;color:#fff;}
.cm-filepreview .cm-filepreview_filelst li{padding:8px 8px;}
.cm-filepreview .cm-filepreview_filelst li label{display:block;}
.cm-filepreview .cm-filepreview_filelst li:hover{background-color:#eef2f7;}*/

/*》组件：订单里teeth的文件的查看区*/
.cm-view-teethfile{display:block;}
/*单个区域的组成*/
.cm-view-teethfile .cm-view_hd{padding:10px 8px;border-bottom:1px solid #dee2e6;height:50px;}
.cm-view-teethfile .cm-view_tt{line-height:30px;}
.cm-view-teethfile .cm-view_bd{}
/*表格区-可滚动区*/
.cm-view-teethfile .cm-view_tbw{position:relative;padding-top:30px;}
.cm-view-teethfile .cm-view_tbw-hd{position:absolute;top:0;left:0;right:0;background-color:#e9ecef;}
.cm-view-teethfile .cm-view_tbw-bd{overflow-y:auto;}

.cm-view-teethfile .cm-view_tbw-bd::-webkit-scrollbar{width:4px;height:10px;}
.cm-view-teethfile .cm-view_tbw-bd::-webkit-scrollbar-track{background:rgba(0,0,0,.05);}
.cm-view-teethfile .cm-view_tbw-bd::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:999em;}
.cm-view-teethfile .cm-view_tbw-bd::-webkit-scrollbar-thumb:hover{background:#9ca8b3;}
/*表格*/
.cm-view-teethfile .cm-view_tb {width:100%;}
.cm-view-teethfile .cm-view_tb td{padding:4px 4px;border-top:1px solid #dee2e6}
.cm-view-teethfile .cm-view_tb thead td{border-top-width:0;border-bottom:1px solid #dee2e6;}
.cm-view-teethfile .cm-view_tb td .custom-checkbox,.cm-view-teethfile .cm-view_tb td .cm-view_checkbox{vertical-align:top;}
.cm-view-teethfile .cm-view_tb tbody tr:not(.disabled):hover{background-color:#eef2f7}
.cm-view-teethfile .cm-view_tb tbody tr:not(.disabled).active{background-color:#2c7be5;color:#fff}
.cm-view-teethfile .cm-view_tb td:first-child{padding-left:8px;}
.cm-view-teethfile .cm-view_tb td:last-child{padding-left:8px;}
.cm-view-teethfile .cm-view_tb tr.disabled{color:#9ca8b3;/*cursor:not-allowed;*/}
.cm-view-teethfile .cm-view_tb tr:not(.disabled){cursor:pointer;}
.cm-view-teethfile .cm-view_tb .custom-checkbox{height:20px;}

.cm-view-teethfile .cm-view_tbw-two{}
.cm-view-teethfile .cm-view_tbw-two table td:nth-child(1){width:40px;text-align:center;}
/*分区：查看文件*/
.cm-view-teethfile .cm-view-teethfile_one,.cm-view-teethfile .cm-view-teethfile_two,.cm-view-teethfile .cm-view-teethfile_three{float:left;}
.cm-view-teethfile .cm-view-teethfile_one{width:200px;display:none}
.cm-view-teethfile .cm-view-teethfile_two{width:200px;border-left:1px solid #dee2e6;display:none}
.cm-view-teethfile .cm-view-teethfile_three{width:250px;}
.cm-view-teethfile .cm-view-teethfile_view{border-left:1px solid #dee2e6;margin-left:250px;}
.cm-view-teethfile .cm-view-teethfile_view .cm-view_bd{}
/*分区2：查看文件组*/
.cm-view-teethfile--filegroup{}
.cm-view-teethfile--filegroup .cm-view-teethfile_one,.cm-view-teethfile--filegroup .cm-view-teethfile_two{display:block;}
.cm-view-teethfile--filegroup .cm-view-teethfile_three{display:none;}
.cm-view-teethfile--filegroup .cm-view-teethfile_view{margin-left:400px;}

/*》页面：“文件预览页”*/
.cm-order-teethfile{margin-bottom:0;}
.cm-order-teethfile .cm-view_tbw-bd{height:calc(100vh - 398px - 30px )}
.cm-order-teethfile .cm-view_canvas{height:calc(100vh - 398px)}