﻿/*!
 * MYH；最后修改：2020/02/24
 */

/*————布局————*/

/*————内容————*/
input{outline:none}
*:focus{outline:none}

/*————组件————*/
/*》avatar*/
.avatar {position: relative;display: inline-block;width: 3rem;height: 3rem;font-size: .875rem}
.avatar-title {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #eef2f7;color: #98a6ad;display: -webkit-box;display: -ms-flexbox;display: flex;
font-weight: 400;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%}
.avatar-img {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover}
/*尺寸*/
.avatar-xs {height: 1.5rem;width: 1.5rem}
.avatar-sm {height:2rem;width:2rem;font-size:1rem;}
.avatar-md {height: 4.5rem;width: 4.5rem;font-size:1.25rem;}
.avatar-lg {height: 6rem;width: 6rem;font-size:1.375rem;}
.avatar-xl {height: 7.5rem;width: 7.5rem;font-size:1.5rem;}
/*矩形*/
.avatar-4by3{width:calc( 3rem * 1.33 );}
.avatar-4by3.avatar-xs{width:calc( 1.5rem * 1.33 );}
.avatar-4by3.avatar-sm{width:calc( 2rem * 1.33 );}
.avatar-4by3.avatar-md{width:calc( 4.5rem * 1.33 );}
.avatar-4by3.avatar-lg{width:calc( 6rem * 1.33 );}
.avatar-4by3.avatar-xl{width:calc( 7.5rem * 1.33 );}

/*》btn*/
/*正多边形*/
.btn-regular{padding-left:0;padding-right:0;text-align:center;width:calc( 1.5em + 0.9rem + 2px );}
.btn-regular.btn-sm{width:calc( 1.5em + 0.58rem + 2px )}
.btn-xs {padding: .25rem .5rem; font-size: .75rem;line-height: 1rem;border-radius: .15rem}

/*》btn*/
.a-link{}
.a-link:hover{text-decoration:underline}

/*》modal*/
.modal-dialog-vertical {height: 100%;max-width: 350px;margin:0;}
.modal-dialog-vertical .modal-content {height: inherit;border-width: 0 1px 0 0;border-radius: 0}
.modal-dialog-vertical .modal-header {border-radius: inherit}
.modal-dialog-vertical .modal-body {height: inherit;overflow-y: auto}
.modal.fade .modal-dialog-vertical {transform: translateX(-100%)}
.modal.show .modal-dialog-vertical {transform: translateX(0)}
/**/
/*.modal.fixed-right {padding-right: 0 !important}
.modal.fixed-right .modal-dialog-vertical {margin-left: auto}
.modal.fixed-right.fade .modal-dialog-vertical {transform: translateX(100%)}
.modal.fixed-right.show .modal-dialog-vertical {transform: translateX(0)}*/
/*按钮*/
.modal-footer .btn+.btn {margin-left: .5rem}
.modal-footer .btn-group .btn+.btn {margin-left:0}


/*》dropzone*/
.dz-clickable{color:#6c757d;}
.dz-clickable:hover{border-color:#98a6ad;}
/**/
.dz-upload{position:relative;overflow:hidden;}
.dz-upload input{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;width:100%;}

/*》header*/
.page-head .page-head-title{font-size: 18px;margin: 0;line-height:4.75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #6c757d;font-weight: normal;}
.page-head .breadcrumb {padding: 0;margin:0;}

/*》表单*/
.form-group label{color:#6c757d;}
/*必填项*/
.form-required-icon {display: inline-block;color:#fa5c7c;font-style:normal;}
.form-required-icon:before{content: '*';font-family: SimSun,sans-serif;display: inline-block;line-height: 1;}

/*》单选控件*/
.cu-control-radio{display: inline-block;color:#eef2f7;font-size:1rem;}
.cu-control-radio:after{content:"\f058";font-family: "Font Awesome 5 Free";font-weight:bold;}
.cu-control-radio.z-active{color:#2c7be5;}

/*》带输入的下拉可选控件*/
.cu-dropdown-enter{position:relative}
.cu-dropdown-enter .cu-dropdown-enter_input{position:absolute;top:0;left:0;bottom:0;right:0;width:calc( 100% - 1.5rem);border-top-right-radius:0;border-bottom-right-radius:0;}
.cu-dropdown-enter .cu-dropdown-enter_select{}

/*》选择控件：适用单选、多选input*/
.cu-selcontrol{position:relative;display:inline-block;overflow:hidden;margin-bottom:0;vertical-align:middle;}
.cu-selcontrol input{opacity:0;z-index:-1;position:absolute;}
.cu-selcontrol .cu-selcontrol_inner{display:block;height: calc(1.5em + 1rem + 2px);padding: .5rem .75rem;border:1px solid #e3ebf6;border-color:#eef2f7;font-size: .8375rem;font-weight: 400;line-height: 1.5;
                                    font-weight:normal;white-space:nowrap;text-align:center;background-color:#fff;cursor:pointer;border-radius: .375rem;}
.cu-selcontrol .cu-selcontrol_inner *{vertical-align:top;}
/*选中*/
.cu-selcontrol input:checked~.cu-selcontrol_inner,.cu-selcontrol input:not(:disabled)~ .cu-selcontrol_inner:hover{padding:calc(.5rem - 1px) calc(.75rem - 1px);border:2px solid #2c7be5;color:#2c7be5;}
.cu-selcontrol input:checked~.cu-selcontrol_inner:after{content: "\e92b";font-family: Feather!important;position:absolute;right:0;bottom:0;display:inline-block;height:1em;width:.6875rem;font-size:.75rem;color:#fff;font-weight:bold;line-height:1em;}
.cu-selcontrol input:checked~.cu-selcontrol_inner:before{content:"";position:absolute;right:0;bottom:0;border:8px solid transparent;border-right-color:#2c7be5;border-bottom-color:#2c7be5;border-radius: .375rem;}
/*交互*/
/*.cu-selcontrol:hover .cu-selcontrol_inner{padding:calc(.5rem - 2px) calc(.75rem - 2px);border:2px solid var(--themePrimary);color:var(--themePrimary);}*/
/*禁用*/
.cu-selcontrol input:disabled~ .cu-selcontrol_inner{cursor:not-allowed;color:#95aac9;}
/*（2）尺寸*/
.cu-selcontrol--xs .cu-selcontrol_inner{height:1.25rem;padding:1px .25rem;font-size: .75rem;line-height:1rem;border-radius: .25rem;}
.cu-selcontrol.cu-selcontrol--xs input:checked~.cu-selcontrol_inner,.cu-selcontrol.cu-selcontrol--xs input:not(:disabled)~  .cu-selcontrol_inner:hover{padding:0 calc(.25rem - 1px);}
.cu-selcontrol--sm .cu-selcontrol_inner{height: calc(1.75em + .25rem + 2px);padding: .125rem .5rem;font-size: .8125rem;line-height: 1.75;border-radius: .25rem;}
.cu-selcontrol.cu-selcontrol--sm input:checked~.cu-selcontrol_inner,.cu-selcontrol.cu-selcontrol--sm input:not(:disabled)~  .cu-selcontrol_inner:hover{padding:calc(.125rem - 1px) calc(.5rem - 1px);}
.cu-selcontrol--lg .cu-selcontrol_inner{height: calc(1.5em + 1rem + 2px);padding: .5rem 1rem;font-size: 1.0625rem;line-height: 1.5;border-radius: .5rem;}
.cu-selcontrol.cu-selcontrol--lg input:checked~.cu-selcontrol_inner,.cu-selcontrol.cu-selcontrol--lg input:not(:disabled)~  .cu-selcontrol_inner:hover{padding:calc(.5rem - 1px) calc(1rem - 1px);}

/*》密码可见*/
.cu-iptpwd{}
.cu-iptpwd .cu-iptpwd_toggle{cursor:pointer;color:#98a6ad}
.cu-iptpwd .cu-iptpwd_toggle:after{content:"\f070";display:inline-block;height:1.25rem;width:1.25rem;font-family: 'Font Awesome 5 Free';}
.cu-iptpwd .cu-iptpwd_toggle:hover{color:#6c757d;}
.cu-iptpwd .cu-iptpwd_toggle-show{}
.cu-iptpwd .cu-iptpwd_toggle-show:after{content:"\f06e";}

/*》上传控件*/
.form-control-upload{position: relative;cursor: pointer;overflow:hidden;}
.form-control-upload input[type="file"]{position:absolute;top:0px;right:0;bottom:0;left:0;opacity:0;-ms-filter:'alpha(opacity=0)';width:100%;height:100%;cursor:pointer;z-index:999;}
/**/
.btn-upload{position: relative;cursor: pointer;overflow:hidden;}
.btn-upload input[type="file"]{position:absolute;top:0px;right:0;bottom:0;left:0;opacity:0;-ms-filter:'alpha(opacity=0)';width:100%;height:100%;cursor:pointer;z-index:999;}


/*》wizard*/
.cu-wizard{display:flex;align-items: center;padding:0 1rem 2rem;}
.cu-wizard .cu-wizard_itm{display:flex;align-items: center;flex-grow:1;}
.cu-wizard .cu-wizard_itm:before{content: "";flex: 1 1 auto;display: block;height:.15rem;background-color:#eef2f7;border-radius: 999em;}/*线*/
.cu-wizard .cu-wizard_node{flex: 0 0 auto;position:relative;}/*节点*/
.cu-wizard .cu-wizard_ico{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:999em;background-color:#eef2f7;}
.cu-wizard .cu-wizard_ct{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;margin-top:.5rem;}
.cu-wizard .cu-wizard_itm:first-child{flex:0 0 auto;} 
.cu-wizard .cu-wizard_itm:first-child:before{display:none;} 
/*当前项*/
.cu-wizard .cu-wizard_node.active{}
.cu-wizard .cu-wizard_node.active .cu-wizard_ico{background-color:#2c7be5;color:white;}
/*当前项*/
.cu-wizard .cu-wizard_node.z-state-done{}
.cu-wizard .cu-wizard_node.z-state-done .cu-wizard_ico{background-color:#0acf97;color:white;}
.cu-wizard .cu-wizard_node.z-state-done .cu-wizard_ico span{display:none;}
.cu-wizard .cu-wizard_node.z-state-done .cu-wizard_ico:after{content:"\f00C";font-family: "Font Awesome 5 Free";font-weight:900;}
/*错误项*/
.cu-wizard .cu-wizard_node.z-state-err{}
.cu-wizard .cu-wizard_node.z-state-err .cu-wizard_ico{background-color:#fa5c7c;color:white;}
.cu-wizard .cu-wizard_node.z-state-err .cu-wizard_ico span{display:none;}
.cu-wizard .cu-wizard_node.z-state-err .cu-wizard_ico:after{content:"\f00d";font-family: "Font Awesome 5 Free";font-weight:900;}
/*等待项*/
.cu-wizard .cu-wizard_node.z-state-wait{}
.cu-wizard .cu-wizard_node.z-state-wait .cu-wizard_ico{background-color:#0acf97;color:white;    -webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.cu-wizard .cu-wizard_node.z-state-wait .cu-wizard_ico span{display:none;}
.cu-wizard .cu-wizard_node.z-state-wait .cu-wizard_ico:after{content:"\f110";font-family: "Font Awesome 5 Free";font-weight:900;}
/*翻页区*/
.cu-wizard-pager {}
.cu-wizard-pager .disabled{display:none;}

/*》步骤条*/
.cu-step{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;width: 100%;align-items: center;align-content:stretch;padding-bottom:3.25rem;}
/*单项*/
.cu-step .cu-step_itm{position: relative;flex-grow:1;display:flex;align-items: center;}
.cu-step .cu-step_itm:first-child{flex:0 0 auto;}
.cu-step .cu-step_itm:first-child .cu-step_line{display:none;}
/*节点*/
.cu-step .cu-step_node{flex:0 0 auto;position:relative;padding:0 .4rem;display: inline-flex;align-items:center;}
.cu-step .cu-step_itm:before{content:"";flex:1 1 auto;display: block;height: .15rem;background-color:#eef2f7;border-radius:999em;}/*进度条*/
.cu-step .cu-step_point{display: inline-block;min-height:.4rem;min-width:.4rem;color:#fff;border-radius: 50%;color:#fff;background-color:#eef2f7;z-index: 5;
    -webkit-box-sizing: content-box;box-sizing: content-box;vertical-align:top; }/*端点*/
.cu-step .cu-step_point i{display:block;width:1rem;height:1rem;margin:.2rem;font-size:.8rem;line-height:1rem;text-align:center;vertical-align:middle;}
/*内容*/
.cu-step .cu-step_ct{position: absolute;top: calc(100% + .75rem);left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;line-height:1.4em;text-align:center;z-index:1;}
.cu-step .cu-step_tt{}
.cu-step .cu-step_text{font-size:.75rem;color:#98a6ad;}
/*已完成项*/
.cu-step .cu-step_itm.z-sel .cu-step_point{background-color:#2c7be5;}
.cu-step .cu-step_itm.z-sel .cu-step_tt{/*color:#313a46;*/}
.cu-step .cu-step_itm.z-sel:before{background-color:#2c7be5;}
/*当前项*/
.cu-step .cu-step_itm.z-active .cu-step_tt{color:#2c7be5;}
/*端点的动画效果：只限圆点有这个样式*/
/*.cu-step .cu-step_point--shrink:before{content:"";display: block;position: absolute;top:50%;left: 50%;padding:.8rem;
    background-color:var(--themePrimary);border-radius: 50%;opacity: 0;
    -webkit-animation-name: animation-steps-point-shrink;animation-name: animation-steps-point-shrink;-webkit-animation-duration: 2s;animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}*/
/*（2）扩展，可控制进度条的*/
.cu-step--process{} 
.cu-step--process .cu-step_itm:before{display:none;}
.cu-step--process .cu-step_line{position:relative;flex:1 1 auto;display: block;height: .15rem;background-color:#eef2f7;border-radius:999em;}
.cu-step--process .cu-step_line-inner{position:absolute;top:0;left:0;bottom:0;border-radius:999em;}
.cu-step--process .cu-step_itm-process .cu-step_line-inner{background-color:#eef2f7;}
.cu-step--process .cu-step_itm.z-sel .cu-step_line{background-color:#2c7be5;}

/*》时间轴*/
.cu-timeline{}
.cu-timeline .cu-timeline_itm{position:relative;padding:.75rem 0 .75rem 1.5rem;}
.cu-timeline .cu-timeline_itm:before{content: '';position: absolute;top:1.25rem;left:.3125rem;display:inline-block;width: 2px;height: 100%;border-left:2px solid transparent;border-left-color:#eef2f7;}
.cu-timeline .cu-timeline_ico{position:absolute;top:1.125rem;left:0;display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background-color:#eef2f7;}
.cu-timeline .cu-timeline_ct{line-height:1.4rem;}
.cu-timeline .cu-timeline_text{}
.cu-timeline .cu-timeline_itm:last-child:before{display:none;}
/*当前项*/
.cu-timeline .cu-timeline_itm.z-active .cu-timeline_ico{background-color:#2c7be5;}
.cu-timeline .cu-timeline_itm.z-active .cu-timeline_text{color:#2c7be5;}
/*计划项*/
.cu-timeline .cu-timeline_itm-plan .cu-timeline_text{color:#98a6ad;}
.cu-timeline .cu-timeline_itm-plan:before{border-left-style:dashed;}
.cu-timeline .cu-timeline_itm-plan .cu-timeline_ico{background-color:#fff;border:2px solid #98a6ad;}

/*》文件树*/
.cu-tree{}
.cu-tree,.cu-tree ul{list-style:none;padding:0;}
.cu-tree .cu-tree_node{margin:4px 0;white-space:nowrap;}
.cu-tree .cu-tree_child{}
.cu-tree .cu-tree_child_tt{margin:4px 0;}
.cu-tree .cu-tree_child_toggle{display:inline-block;height:24px;width:24px;/*margin-right:4px;*/line-height:24px;text-align:center;vertical-align:top;cursor:pointer;}
.cu-tree .cu-tree_child_text{display:inline-block;padding:0 4px;line-height:24px;white-space:nowrap;cursor:pointer;}
.cu-tree .cu-tree_child_lst{/*padding-left:20px;*/}
.cu-tree .cu-tree_checkbox{}
.cu-tree .cu-tree_icoele{display:inline-block;height:24px;width:24px;margin-right:2px;line-height:24px;text-align:center;}
.cu-tree .cu-tree_icoele-file{}
.cu-tree .cu-tree_icoele-file:after{content:"\f114";font-family:FontAwesome;}
/*hover/选中*/
.cu-tree .cu-tree_child_text:hover{background-color:#edf2f9;}
.cu-tree .cu-tree_child_text.z-crt{background-color:#2c7be5;color:#fff;}
/*折叠/展开*/
.cu-tree .cu-tree_child-fold{}
.cu-tree .cu-tree_child-fold>.cu-tree_child_tt>.cu-tree_child_toggle{transform:rotate(0);}
.cu-tree .cu-tree_child-fold>.cu-tree_child_lst{display:none;}
.cu-tree .cu-tree_child-fold .cu-tree_icoele-file:after{content:"\f07b";font-family: "Font Awesome 5 Free";}
.cu-tree .cu-tree_child-expand{}
.cu-tree .cu-tree_child-expand>.cu-tree_child_tt>.cu-tree_child_toggle{transform:rotate(90deg);}
.cu-tree .cu-tree_child-expand>.cu-tree_child_lst{display:block;}
.cu-tree .cu-tree_child-expand .cu-tree_icoele-file:after{content:"\f07c";font-family: "Font Awesome 5 Free";}

/*》card：折叠样式*/
.cm-card-collapse{}
.cm-card-collapse .cm-card-collapse_arrow{display:inline-block;transition: transform .2s;}
.cm-card-collapse .cm-card-collapse_arrow:after{content:"\e931";font-family: Feather!important;}
.cm-card-collapse .cm-card-collapse_toggle.collapsed .cm-card-collapse_arrow{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }

/*》table*/
/*可编辑单元格*/
.table-cell-edit{padding:0.375rem 0.125rem}
.table-cell-edit input{border-color:transparent;}
.table-cell-edit:hover input{border-color:#d2ddec;}
.table-cell-edit:hover input:focus{border-color:#2c7be5;}

/*》card里的表格*/
.card-table{margin:0;}
.card-table tbody td:first-child, .card-table thead th:first-child{padding-left: 1.5rem;}
.card-table tbody td:last-child, .card-table thead th:last-child{padding-right: 1.5rem;}

/*》数据统计：表格的页码区*/
.cu-datacount{}
.cu-datacount .form-control{display:inline-block;width:auto;}
.cu-datacount .cu-datacount_ipt-jump{width:40px;text-align:center;padding-right:0;padding-left:.25rem;}

/*————工具————*/
/*》滚动条*/
.f-scrollbar::-webkit-scrollbar {width:.25rem;height: 1px;}
.f-scrollbar::-webkit-scrollbar-thumb {border-radius: 999em;background-color: rgba(0,0,0,0.2);}
.f-scrollbar::-webkit-scrollbar-track {/*border-radius: 10px;background: #eee;*/}
/*》*/
.transition-none{transition:none;}
.object-fit-contain{object-fit: contain;}
.min-height-unset{min-height:unset;}
.border-dashed{border-style:dashed;}
.overflow-y-auto{overflow-y:auto;}
.overflow-x-hidden{overflow-x:hidden;}
.hidden {display: none !important;visibility: hidden !important;}
.border-top-2{border-top-width:2px !important;}
.cursor-pointer{cursor:pointer;}
.text-decoration-underline{text-decoration:underline}
.font-48{font-size:48px !important;}
/*.line-height-15{line-height:1.5rem}*/

/*————其他————*/
/*》图标*/
/*图标：空*/
.icon-empty{font-family: 'Font Awesome 5 Free';font-weight: 900;}
.icon-empty:before{content:"\f01c";}

/*————临时页面————*/
/*》面板：弹窗里的左右布局*/
.cm-panel-v2{overflow-y:hidden !important;min-height:4rem;}
.cm-panel-v2 .cm-panel-v2_sd{position:absolute;top:0;left:0;bottom:0;overflow:auto;z-index:2;}
.cm-panel-v2 .cm-panel-v2_bd{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;}
