﻿
/*》企业详情-企业信息*/
.cm-detail-company{}
.cm-detail-company .cm-detail-company_title{font-size:24px;line-height:1.5;margin:0;font-weight:bold;}
.cm-detail-company .cm-detail-company_tags{margin-bottom:.5rem;}
.cm-detail-company .cm-detail-company_tags .badge+.badge{margin-left:4px;}
.cm-detail-company .cm-detail-company_info{font-size:14px;}
.cm-detail-company .cm-detail-company_info::after {display: block;clear: both;content: "";}
.cm-detail-company .cm-detail-company_itm{float:left;width:50%;padding:4px 16px 0 0;}
.cm-detail-company .cm-detail-company_lb{color:#9ca8b3;}

/*》单据详情-单据信息*/
.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_info::after {display: block;clear: both;content: "";}
.cm-detail-order .cm-detail-order_itm{float:left;width:50%;padding:4px 16px 0 0;}
.cm-detail-order .cm-detail-order_lb{color:#9ca8b3;}

/*》单据详情-用户信息*/
.cm-detail-user{}
.cm-detail-user .cm-detail-user_title{font-size:24px;line-height:1.5;margin:0;font-weight:bold;}
.cm-detail-user .cm-detail-user_tags{margin-bottom:.5rem;}
.cm-detail-user .cm-detail-user_tags .badge+.badge{margin-left:4px;}
/**/
.cm-detail-user .cm-detail-user_info{font-size:14px;}
.cm-detail-user .cm-detail-user_itm{padding-top:4px;}
.cm-detail-user .cm-detail-user_lb{color:#9ca8b3;}
/**/
.cm-detail-user .cm-detail-user_info-neat{}
.cm-detail-user .cm-detail-user_info-neat::after {display: block;clear: both;content: "";}
.cm-detail-user .cm-detail-user_info-neat .cm-detail-user_itm{float:left;width:50%;padding-right:16px;}

/*————页面————////////////////////////////////////////////*/
/*》页面：排版单详情页-显示隐藏的二维码效果*/
.cm-typography-info{position:relative;}
.cm-typography-info .cm-hide-barcode{position:absolute;top:0;right:0;}
/**/
.cm-hide-barcode{position:relative;height:26px;width:26px;}
.cm-hide-barcode .cm-hide-barcode_ico{font-size:26px;line-height:26px;cursor:pointer;overflow:hidden;}
.cm-hide-barcode .cm-hide-barcode_ico:before{content:"";display:inline-block;position:absolute;top:0;left:0;bottom:0;border:13px solid transparent;border-color:transparent transparent #fff #fff;}
.cm-hide-barcode .cm-hide-barcode_ct{position:absolute;top:0;right:0;background-color:#fff;padding:20px;z-index:1;border:1px solid #eef2f7;/*height:100px;*/
-webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
-webkit-transition-duration: .3s;transition-duration: .3s;
-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
-webkit-transform: scale(0);transform: scale(0);
-webkit-transform-origin: right top;transform-origin: right top;}
.cm-hide-barcode .cm-hide-barcode_ct ul{display:flex;list-style:none;margin:0;padding:0}
.cm-hide-barcode .cm-hide-barcode_ct ul li{}
.cm-hide-barcode .cm-hide-barcode_ct ul li span{display:block;font-size:12px;color:#98a6ad;margin-bottom:8px;white-space:nowrap;}
.cm-hide-barcode .cm-hide-barcode_ct ul li:nth-child(1) img{height:60px;}
.cm-hide-barcode .cm-hide-barcode_ct ul li:nth-child(1){padding-right:16px;}
.cm-hide-barcode .cm-hide-barcode_ct ul li:nth-child(2) img{height:60px;width:60px;}
.cm-hide-barcode:hover .cm-hide-barcode_ct{-webkit-transform: scale(1);transform: scale(1);}


/*》员工-职位*/
.cm-staffrole-lst{}
.cm-staffrole-lst .cm-staffrole-lst_itm{position:relative;}
.cm-staffrole-lst .cm-staffrole-lst_action{position:absolute;top:5px;right:0;bottom:0;display:none;}
.cm-staffrole-lst .cm-staffrole-lst_btn{display:inline-block;width:24px;line-height:24px;text-align:center;color: #9ca8b3;cursor:pointer;}
.cm-staffrole-lst .cm-staffrole-lst_btn:hover{color: #30419b}
.cm-staffrole-lst .cm-staffrole-lst_itm:hover .cm-staffrole-lst_action{display:block;}

/*》新建排版单-图片上传区域*/
.cm-typography-pic{display:inline-block;width:100%;height:246px;text-align:center;background-color:#f8f9fa;cursor:pointer;border-radius:4px;}
.cm-typography-pic input{display:none}
.cm-typography-pic img{width: 100%;height: 100%;-o-object-fit:contain; object-fit:contain}
.cm-typography-pic .cm-typography-pic_text{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca8b3}
.cm-typography-pic .cm-typography-pic_text i{font-size:20px;margin-bottom:8px;}
.cm-typography-pic:hover .cm-typography-pic_text{color:#6c757d;}

/*》数据预览：用于预览扫描数据、设计数模*/
.cm-filepreview{align-items:stretch;flex-direction:row;}
.cm-filepreview .cm-filepreview_hd{padding:8px 8px;border-bottom:1px solid #dee2e6;}
.cm-filepreview .cm-filepreview_title{line-height:28px;}
.cm-filepreview .cm-filepreview_bd{}
/**/
.cm-filepreview ul{margin:0;padding:0;list-style:none;}
.cm-filepreview .cm-filepreview_itm+.cm-filepreview_itm{border-left:1px solid #dee2e6;}
/**/
.cm-filepreview .cm-filepreview_one{width:120px;}
.cm-filepreview .cm-filepreview_two{width:200px;}
.cm-filepreview .cm-filepreview_three{flex:1 1 auto;}
.cm-filepreview .cm-filepreview_one .cm-filepreview_bd,.cm-filepreview .cm-filepreview_two .cm-filepreview_bd{overflow-y:auto;height:calc(100vh - 269px - 45px);}
/**/
.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;}
/*滚动条*/
.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;}


/*》组件：订单里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 - 325px - 30px )}
.cm-order-teethfile .cm-view_canvas{height:calc(100vh - 325px)}

/*注册页*/
.cm-hd2_container {display: flex;align-items: center;}
.cm-hd2_brand{margin-right:6px;}
.cm-hd2_brand img{max-height:2.625rem;max-width:12rem;}
@media (max-width: 767px){
    .cm-hd2_name{font-size:15px;}
    .cm-hd2_container{flex-direction:column;justify-content:center;}
}