/*   页面内的留白间距统一使用4的倍数，常用4px、8px、12px、16px、20px、24px、32px、40px、60px等  */

/*margin外边距   .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距   */
.ml-4{margin-left:4px;}  .ml-8{margin-left:8px;}  .ml-12{margin-left:12px;}  .ml-16{margin-left:16px;}  .ml-20{margin-left:20px;}  .ml-24{margin-left:24px;}  .ml-32{margin-left:32px;}  .ml-40{margin-left:40px;}  .ml-60{margin-left:60px;}
.mr-4{margin-right:4px;}  .mr-8{margin-right:8px;}  .mr-12{margin-right:12px;}  .mr-16{margin-right:16px;}  .mr-20{margin-right:20px;}  .mr-24{margin-right:24px;}  .mr-32{margin-right:32px;}  .mr-40{margin-right:40px;}  .mr-60{margin-right:60px;}
.mt-4{margin-top:4px;}  .mt-8{margin-top:8px;}  .mt-12{margin-top:12px;}  .mt-16{margin-top:16px;}  .mt-20{margin-top:20px;}  .mt-24{margin-top:24px;}  .mt-32{margin-top:32px;}  .mt-40{margin-top:40px;}  .mt-56{margin-top:56px;}  .mt-60{margin-top:60px;} .mt-72{margin-top:72px;} .mt-150{margin-top:150px;}
.mb-4{margin-bottom:4px;}  .mb-8{margin-bottom:8px;}  .mb-12{margin-bottom:12px;}  .mb-16{margin-bottom:16px;}  .mb-20{margin-bottom:20px;}  .mb-24{margin-bottom:24px;}  .mb-32{margin-bottom:32px;} .mb-40{margin-bottom:40px;} .mb-60{margin-bottom:60px;}
.mr3{margin-right: 3%;}
/*padding内填充  .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充   */
.pl-4{padding-left:4px;}  .pl-8{padding-left:8px;}  .pl-12{padding-left:12px;}  .pl-16{padding-left:16px;}  .pl-20{padding-left:20px;}  .pl-24{padding-left:24px;}  .pl-32{padding-left:32px;}  .pl-40{padding-left:40px;}  .pl-60{padding-left:60px;}
.pr-4{padding-right:4px;}  .pr-8{padding-right:8px;}  .pr-12{padding-right:12px;}  .pr-16{padding-right:16px;}  .pr-20{padding-right:20px;} .pr26{padding-right:26px;}  .pr-24{padding-right:24px;}  .pr-32{padding-right:32px;}  .pr-40{padding-right:40px;}  .pr-60{padding-right:60px;}
.pt-4{padding-top:4px;}  .pt-8{padding-top:8px;}  .pt-12{padding-top:12px;}  .pt-16{padding-top:16px;}  .pt-20{padding-top:20px;}  .pt-24{padding-top:24px;}  .pt-32{padding-top:32px;}  .pt-40{padding-top:40px;}  .pt-60{padding-top:60px;}
.pb-4{padding-bottom:4px;}  .pb-8{padding-bottom:8px;}  .pb-12{padding-bottom:12px;}  .pb-16{padding-bottom:16px;}  .pb-20{padding-bottom:20px;}  .pb-24{padding-bottom:24px;}  .pb-32{padding-bottom:32px;}  .pb-40{padding-bottom:40px;}  .pb-60{padding-bottom:60px;}
input,textarea{outline:none;color:#333;font-family: Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}/*去除谷歌点击蓝色虚框*/
.pos-fb0{position:fixed;bottom: 0;}
.rowSpan10{width: 10%;} .rowSpan20{width: 20%;} .rowSpan30{width: 30%;} .rowSpan40{width: 40%;} .rowSpan50{width: 50%;} .rowSpan60{width: 60%;} .rowSpan70{width: 70%;} .rowSpan80{width: 80%;} .rowSpan90{width: 90%;} .rowSpan93{width: 93%;}
button {margin: 0;padding: 0;border: 1px solid transparent;outline: none;background-color: transparent;}
button:active {opacity: 0.6;}
.wh-100{width: 100%;height: 100%;}
.w-100{width: 100%;}
.h-100{height: 100%;}
.w100{width: 100px;}
html,body{width: 100%;height: 100%;}
input{padding: 0 4px;}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/*盒模型 - 垂直*/
.flex-col {
    display: flex;
    flex-direction: column;
}
/*盒模型 - 水平*/
.flex-row {
    display: flex;
    flex-direction: row;
}
/*盒模型 - 从左边对齐*/
.justify-start {
    display: flex;
    justify-content: flex-start;
}
/*盒模型 - 垂直居中*/
.justify-center {
    display: flex;
    justify-content: center;
}
/*盒模型 - 从右边对齐*/
.justify-end {
    display: flex;
    justify-content: flex-end;
}
/*盒模型 - 水平居中*/
.align-center {
    display: flex;
    align-items: center;
}
/* 盒模型居中    与盒模型 垂直/水平   配合使用 实现垂直/水平居中 */
.box_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-area{
    margin: 0;
    height: 100%;
}
.main{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;
}
.bacCorGrey {
    width: 100%;
    height: 100%;
    background-color: rgba(240, 242, 245, 1);
}
.inforArea{
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    padding-top: 8px;
    position: relative;
}
.topInputArea{
    justify-content: space-around;
}
/*.singleSearchInput{
    width: 30%;
}
.singleRemark{
    width: 90%;
}
.singleSelect{}
*/
/*  提示icon  */
.iconTips,.iconTipsBlue,.iconTipsYellow{
    font-size: 20px;
    line-height: 32px;
    color: #ccc;
    cursor: pointer;
}
.iconTipsBlue{
    color: #0A7CFF;
}
.iconTipsYellow{
    color: #ff9f40;
}
.iconYellow,.fa.iconYellow{
    font-size: 20px;
    color: #ff9f40;
}
.iconGreen,.fa.iconGreen{
    font-size: 20px;
    color: #25B856;
}
.iconRed,.fa.iconRed,.iconLight{
    font-size: 20px;
    color: #F53D30;
}
.iconLongGreen,.fa.iconLongGreen{
    font-size: 26px;
    color: #25B856;
    width: 26px;
    height: 26px;
}
.iconLongYellow,.fa.iconLongYellow{
    font-size: 26px;
    color: #ff9f40;
    width: 26px;
    height: 26px;
}
.iconLongRed,.fa.iconLongRed{
    font-size: 26px;
    color: #F53D30;
    width: 26px;
    height: 26px;
}
.iconLight{
    font-size: 20px;
    color: #F65045;
}
/*  文字单位  */
.textUnit{
    font-size: 14px;
    line-height: 32px;
    color: #333;
}
.textlong,.textBlue{
    display: block;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    white-space: nowrap;
    line-height: 32px;
}
.textBlue{
    cursor: pointer;
    color: rgba(10, 124, 255, 1);
}
/* 标题栏 */
.textFence{
    /* width:100%;*/
    height:45px;
    background:#fff;
    align-items: center;
}
/* 标题文字 */
.titleSpan,.infoSpan,.titleSn,.lineHeight36,.subHeadline,.lineHeight28,.word18{
    height: 20px;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    line-height: 20px;
}
.titleFont20{
    font-size: 20px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #333;
    line-height: 26px;
}
.infoSpan{
    color: rgba(51, 51, 51, 1);
    font-weight:400;
}
.titleSn{
    height: 40px;
    line-height: 40px;
}
.lineHeight36{
    height: 36px;
    line-height: 36px;
}
.lineHeight28{
    height: 28px;
    line-height: 28px;
    font-weight: 500;
}
/* 标题旁边蓝色竖条 */
.guideSildSpan{
    background: rgba(10, 124, 255, 1);
    width: 3px;
    height: 16px;
    border-radius: 2px;
    margin-top: 0;
    top:0;
}
.linkBorder{
    border-bottom: 1px solid #3399ff;
}
/*  鼠标变小手  */
.cursor-pointer{cursor: pointer;}
/* 简短的备注说明 */
.briefRemark{
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #999;
    line-height: 20px;
}
/*  字体颜色  */
.corBlack{color: #333 !important;}
.corGrey{color: #999 !important;}
.corBlue{color: #0A7CFF !important;}
.corOrange{color: #FF7733 !important;}
.corRed{color: #F53D30 !important;}
/*  字体对齐方式  */
.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
/*   文字单行溢出省略号  */
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
iframe{border:  none;}
.multiLineRemark,.remarkBlue,.borderBlue,.borderOrange,.remarkLineOrange{
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    background: #F5F7FA;
    padding: 10px 16px;
}
.borderOrange,.borderBlue,.borderRed{
    border: 1px solid #ff9f40;
    background: #fff;
}
.remarkLineOrange{
    border: 1px solid rgba(255,119,51,0.6000);
    background: #FFF1EB;
}
.borderBlue{
    border: 1px solid #3399ff;
}
.borderRed{
    border: 1px solid #F53D30;
}
.remarkBlue{
    background: #3399ff;
}
/* 次标题-按钮 */
.textBtn{
    font-size: 14px;
    color: #0A7CFF;
    line-height:20px;
    height:20px;
}
/*  input 左边文本 - 短 */
.textRightShort,.textRightLong,.textLeft,.singleInput .textbox-label{
    width: 100px;
    height: 32px;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #333;
    text-align: right;
    line-height: 32px;
}
/*  input 左边文本 - 长 */
.textRightLong{
    width: 200px;
}
.textLeft{
    height: 24px;
    line-height: 24px;
    text-align: left;
}
/*  红色 * 号  */
.spanRed{
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: rgba(245, 61, 48, 1) !important;
    line-height: 19px;
    text-overflow: ellipsis;
}
.textBox,.txtWord{
    display: block;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    white-space: nowrap;
    line-height: 19px;
    text-align: left;
}
.inforModify{
    height: 19px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(10, 124, 255, 1);
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    white-space: nowrap;
    line-height: 19px;
    text-align: right;
    cursor: pointer;
}
.manyGroup{
    width: 1128px;
    height: 482px;
    /*position: relative;*/
    border: 1px solid rgba(217, 219, 221, 1);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 14px 0 1px 15px;
}
.txtBacGrey{
    width: 100%;
    height: 32px;
    background: #F5F7FA;
}
/*.singleInput{
    width:calc(90% - 120px);
}*/

/*  input - 正常 */
.inputNormal,.inputLong,.inputRed,.inputRemark,.inputVeryLong,.inputMin,.inputMiddle,.input540,.input1120,.input312,.input200{
    width: 238px;
    height: 32px;
    background: #fff;
    box-shadow: inset 0 0 0 1000px white !important;
    border-radius: 2px;
    color: #333;
    font-size: 13px;
    border: 1px solid #D9DBDD;
}
.singleInput .inputMin{
    width: 100px;
}
.inputMiddle{
    width: 234px;
}
.input540{
    width: 540px;
}
.input1120{
    width: 1120px;
}
.input200{
    width: 200px;
    height: 28px;
    line-height: 28px;
}
.input326{
    width: 326px;
    height: 28px;
    line-height: 28px;
}
/*  input - 长 - 需要输入较长内容 */
.input480{
    width: 480px;
}
.flex-row .textbox{
    min-height: 30px !important;
    line-height: 28px !important;
    border-radius: 2px;
}
/*input.textbox-text.validatebox-text.textbox-prompt{
    height: 32px !important;
    line-height: 28px !important;
}*/
.flex-row .textbox .textbox-text{
    min-height: 30px !important;
    font-size: 13px;
}
.flex-row .inputH26 .textbox .textbox-text,.flex-row .inputH26 .combo-arrow,.flex-row .selectH26 .textbox .textbox-text,.flex-row .selectH26 .combo-arrow{
    height: 26px !important;
    line-height: 26px !important;
}
.flex-row .selectH30 .textbox .textbox-text,.flex-row .selectH30 .combo-arrow{
    height: 30px !important;
    line-height: 30px !important;
}
.textbox-text.validatebox-text.validatebox-disabled{
    border: none;
}
/* textarea */
.textareaNormal{
    padding-left: 4px;
    padding-top: 4px;
    background: #fff;
    border-radius: 2px;
    font-style: 13px;
    border: 1px solid #D9DBDD;
}

/*  提示必填 input */
.inputRed,input.inputRed{
    border: 1px solid #F53D30;
}
/*  input - 短 */
.inputShort{
    width: 218px;
    height: 32px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #D9DBDD;
}
/*  input - 长 - 需要输入较长内容 */
.singleInput .inputLong,.singleSelect .inputLong,.singleInput .inputMultiline{
    width: 400px;
}
.singleInput .inputVeryLong{
    width: 480px;
}
/*  禁用input textarea */
.inputDisabled,.singleInput .inputDisabled,.textareaDisabled,.singleRemark .textareaDisabled{
    background: #F5F7FA;
    border-radius: 2px;
    cursor: not-allowed;
    border: 1px solid #D9DBDD;
    opacity: 0.6;
}
/*  备注input   textarea  */
.inputRemark,.textareaLen{
    width:  1026px;
}
.divider{
    width: 98%;
    height: 1px;
    background-color: rgba(233, 235, 238, 1);
    margin: 16px 1% 0 4px;
}
.singleInput .textbox-label{
    width: 100px;
}
.textbox.inputMultiline{
    height: 64px;
}
.flex-row .textbox.inputMultiline .textbox-text{
    height: 64px;
}
.textbox.inputHeight96{
    height: 96px;
}
.flex-row .textbox.inputHeight96 .textbox-text{
    height: 96px;
}
.checkBoxCell,.radioBoxCell{
    width: auto;
    height: 20px;
    line-height: 16px;
    padding: 0 4px;
    cursor: pointer;
}
.checkBoxCell input,.radioBoxCell input{
    margin-right: 4px;
}
/*  layui  按钮  */
.layui-btn-normal,.button-primary{
    background: #0A7CFF;
    border-radius: 4px;
}
.blueLinkBtn,.greyLinkBtn,.blueTextBtn,.greyBakBtn{
    background: #0A7CFF;
    border-color: #0A7CFF;
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    /* padding-right: 12px !important;*/
}
.button-primary{
    font-size: 13px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    background: #0A7CFF;
    border-color: #0A7CFF;
}
.panel-tool .button-primary,.form-actions .button-primary{
    height: 30px;
    line-height: 22px;
}
.greyLinkBtn,.l-btn.l-btn-small.greyLinkBtn{
    background: #fff;
    color: #333;
    border: 1px solid #D9DBDD;
}
.greyBakBtn,.l-btn.l-btn-small.greyBakBtn{
    background: #f9f9f9;
    color: #333;
    border: 1px solid #D9DBDD;
}
.l-btn.l-btn-small.greyLinkBtn .l-btn-text,.l-btn.l-btn-small.greyBakBtn .l-btn-text {
    color: #333;
}
.greyLinkBtn:hover,.l-btn.l-btn-small.greyLinkBtn:hover,.l-btn.l-btn-small.greyBakBtn:hover{
    color: #333;
}
.blueTextBtn{
    background: #fff;
    border-color: #fff;
    color: #0A7CFF;
}
/*   禁用按钮   */
.dy-layui-btn-disabled{
    background: #ccc;
    border-radius: 4px;
    cursor: no-drop;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
}
.dy-layui-btn-grey,.dy-layui-btn-grey:hover,.l-btn.l-btn-small.dy-layui-btn-grey,.l-btn.l-btn-small.dy-layui-btn-grey:hover{
    background: #f9f9f9;
    border-radius: 4px;
    cursor: pointer;
    color: #333;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    /*padding: 0 12px;*/
    border: 1px solid #D9DBDD;
}
.l-btn.l-btn-small.dy-layui-btn-grey .l-btn-text{
    color: #333;
}
/*  下载图标  */
.iconDownload{
    font-size: 16px;
    color: #0A7CFF;
    line-height: 20px;
}
.iconExcel,.iconImage,.iconWord,.iconTxt{
    font-size: 18px;
    color: #25B856;
    line-height: 20px;
}
/*   icon按钮   */
.iconBtnPlus{
    font-size: 18px;
}
.iconStyle{
    font-size: 26px;
    color: #086FE5;
    line-height: 26px;
}
.iconExcel{
    color: #25B856;
}
.iconImage{
    color: #3a9aec;
}
.iconWord{
    color: #086FE5;
}
.iconTxt{
    color: #a0a0a0;
}
.iconFont16{
    font-size: 16px;
    vertical-align: middle;
}
.iconGrey{
    color: #666;
}
.iconBlue{
    color: #086FE5;
}
.blueTextBtn.layui-btn:hover{
    color: #086FE5;
}
/*  表格 */
.tableBasic{
    width: calc(100% - 32px);
    margin: 0 16px;
}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
    font-size: 14px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
.datagrid-body td a,.datagrid-body td span{
    font-size: 14px;
}
.tableLeft tr th,.tableLeft tr td,.tableRight tr td,.tableRemarkRight,.tableRemarkLeft,.tableShortLeft,.tableShortRight,.tableLeftLong tr th,.tableLeftLong tr td,.tableRightLong tr td,.tableRemarkLong,.tableRemarkLeftLong,.tableHeiAuto tr th,.tableHeiAuto tr td{
    width: 140px;
    height: 32px;
    background: #F5F7FA;
    border: 1px solid #D9DBDD;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #666;
    /*  line-height: 32px;         */
    font-weight: 500;
    padding-left: 8px;
    text-align: left;
    border-right: none;
    border-bottom: none;
}
.tableHeiAuto{
    height: auto;
}
.tableLeft tr td,.tableLeftLong tr td{
    border-left: none;
}
.tableRight tr td,.tableHeiAuto tr td{
    width: 237px;
    background: #fff;
    border-right: 1px solid #D9DBDD;
}
.tableRemarkRight,.tableShortRight{
    width: 994px;
    background: #fff;
    padding-left: 8px;
    border-right: 1px solid #D9DBDD;
    border-bottom: 1px solid #D9DBDD;
}
.tableHeiAuto tr td{
    line-height: 24px;
    padding: 6px;
}
.tableShortRight{
    width: 992px;
}
.tableRemarkLeft{
    width: 141px;
    border-bottom: 1px solid #D9DBDD;
}
.tableShortLeft{
    width: 140px;
    border-bottom: 1px solid #D9DBDD;
}
.tableLeftLong tr th,.tableLeftLong tr td{
    width: 200px;
}
.tableRightLong tr td{
    width: 365px;
    background: #fff;
    border-right: 1px solid #D9DBDD;
}
.tableRemarkLong{
    width: 932px;
    background: #fff;
    padding-left: 8px;
    border-right: 1px solid #D9DBDD;
    border-bottom: 1px solid #D9DBDD;
}
.tableRemarkLeftLong{
    width: 201px;
    border-bottom: 1px solid #D9DBDD;
}
.tableShort tr th:nth-child(1n),.tableShort tr th:nth-child(2n){
    width: 140px;
    height: 32px;
    background: #F5F7FA;
    border: 1px solid #D9DBDD;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #666;
    line-height: 32px;
    font-weight: 500;
    padding-left: 8px;
    text-align: left;
    border-right: none;
    border-bottom: none;
}
.tableShort tr th:nth-child(2n){
    width: 237px;
    background: #fff;
}
.tableShort tr th:nth-child(6){
    border-right: 1px solid #D9DBDD;
}
.borBom{
    border-bottom: 1px solid #D9DBDD;
}
/*.radioGroup,.checkGroup{
    margin: 12px 0 0 16px;
}*/
.txtWord{
    font-size: 13px;
    line-height: 21px;
}
.flowChart{
    width: 92%;
    margin-left: 6%;
    margin-right: 2%;
}

.blueRound,.greyRound{
    width: 24px;
    height: 24px;
    border: 1px solid #0A7CFF;
    background: #0A7CFF;
    color: #fff;
    border-radius: 12px;
    line-height: 24px;
    text-align: center;
}
.greyRound{
    border: 1px solid #D9DBDD;
    background: #D9DBDD;
}
.hrLineBlue,.hrLineGrey{
    width: calc(100% - 40px);
    height: 1px;
    background: #0A7CFF;
    margin: 12px 8px;
}
.hrLineGrey{
    background: #D9DBDD;
}
.lineGrey{
    width: 100%;
    height: 8px;
    background: #F0F2F5;
}
/*   弹窗  */
.writeIframe,.shareOutIframe,.simpleIframe,.uploadIframe{
    display: none;
}
.layui-layer{
    border-radius: 4px;
}
.layui-layer-page .layui-layer-content{
    font-size: 13px;
    line-height: 28px;
    text-align: left;
    color: #666;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    padding: 15px 20px;
}
.layui-layer-dialog .layui-layer-content{
    padding: 20px 6px;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico16{
    width: 32px;
    height: 32px;
}
.layui-layer-ico16{
    background: #ffffff url('../images/loading.gif') no-repeat scroll center;
}
.layui-layer-dialog .layui-layer-content.layui-layer-padding {
    padding: 20px 20px 20px 55px;
}
.layui-layer-btn{
    text-align: center;
    padding: 8px 10px 12px !important;
}
.layui-layer-page .layui-layer-btn, .layui-layer-iframe .layui-layer-btn{
    background: #fff;
    border-radius: 4px;
}
.layui-layer-title{
    background: #fff;
    border-bottom: 2px solid #54A4ff;
}
.form-actions {
    display: flex;
    justify-content: center;
}
.form-actions .button-primary,.form-actions button{
    margin-right: 12px;
}
/*  更改最后一个按钮样式  */
.form-actions .button-primary:nth-last-child(1),.form-actions button:nth-last-child(1){
    background: #f9f9f9;
    color: #333;
    border-radius: 4px;
    border: 1px solid #D9DBDD;
}
/*  更改第一个按钮样式  */
.form-actions button.layui-btn-normal:first-child {
    background: #0A7CFF;
    border-color: #0A7CFF;
    color: #fff;
}
/*   layui--layer.alert   */
body .layui-layer-blue .layui-layer-title{
    background: #fff;
    color: #333;
    border-bottom: 2px solid #0A7CFF;
}
.blueCircle{
    font-size: 24px;
    color: #0A7CFF;
}
.flowHead{
    width: 100%;
    height: 120px;
    align-items: center;
}
.layui-layer-btn .layui-layer-btn0{
    background: #0A7CFF !important;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #0A7CFF;
}
.layui-layer-btn .layui-layer-btn1,.layui-layer-btn .layui-layer-btn2{
    background: #f9f9f9;
    color: #333;
    border-radius: 4px;
    border: 1px solid #D9DBDD;
}
/*  鼠标滑过显示  */
.hoverTips{
    z-index: 9999;
    position: fixed;
    display: none;
}
.explainDiv{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    left: 267px;
    top: -36px;
    right: 85px;
    padding: 8px;
}
.explainTips{
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #666;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
.lineHeight26{
    line-height: 26px;
}
.wordBreak{
    word-break: break-word;
}
.iconDown{
    font-size: 13px;
    position: absolute;
    bottom: -9px;
    left: 70px;
    text-align: center;
    color: #bbb;
}
.iconTipsBlue:hover +.hoverTips{
    display: block;

}
span.whiteSpace{
    white-space: pre-line;
    display: contents;
}
/*    日期面板    */
/*.combo-panel,.datebox-calendar-inner,.calendar,.datebox-button{
    width: 220px !important;
}
.datebox-calendar-inner,.calendar{
    height: 212px !important;
}
.calendar-body, .calendar-menu{
    height: 189px !important;
}
.datebox-button{
    padding: 5px;
}*/
/*  layui 表格  */
.layui-table{
    margin: 0;
}
.layui-table thead tr{
    background: #fff;
}
.layui-table thead tr th{
    color: #333;
    font-weight: bold;
    margin-right: 4px;
    font-size: 14px;
    text-align: left;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
.layui-table th, .layui-table td{
    border: none;
    border-bottom: 1px solid #D9DBDD;
    padding: 8px 15px 7px 15px;
    color: #333;
    word-break: break-word;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/*  授权页  */
.empowerAdd{
    width: 100%;
    height: 100%;
    background: #fff;
}
.empowerHead{
    width: 94%;
    height: 96%;
    margin-left: 2%;
    margin-right: 4%;
}
.empowerLeft{
    width: 52%;
}
.empowerCenter{
    width: 12%;
    height: 100%;
}
.empowerRight{
    width: 36%;
}
.textHead{
    height: 40px;
    background: #F5F7FA;
    border: 1px solid #D9DBDD;
}
.lineRight{
    height: 40px;
    border-right: 1px solid #D9DBDD;
}
.productAdd{
    height: calc(100% - 40px);
    border: 1px solid #D9DBDD;
    border-top: none;
}
.leftUserall{
    width: 100%;
    height: 100%;
}
.leftUserall.lineRight ul{
    height: 100%;
    overflow: auto;
}
.leftUserall ul li{
    padding-left: 12px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    cursor: pointer;
}
.leftUserall ul li.onproduct{
    color: #fff !important;
    background: #0A7CFF !important;
}
.canProduct{
    height: 100%;
}
.searchInput{
    display: flex;
    width: 350px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #D9DBDD;
}
.textbox-addon.textbox-addon-left a.icon-search{
    height: 32px;
}
.tableHead,.grantAll,.grantAllprod.grantProd{
    width: 96%;
    height: 36px;
    margin-left: 2%;
    margin-right: 2%;
    border-bottom: 1px solid #E9EBEE;
}
.tableCheckbox{
    width: 10%;
    text-align: center;
    line-height: 36px;
}
.tableCheckbox input,.grantAll .proin input,.grantAllprod .proin input{
    width: 14px;
    height: 14px;
}
.grantAll{
    height: calc(100% - 92px);
    overflow: auto;
}
.grantAllprod.grantProd{
    width: 96%;
    height: calc(100% - 92px);
    margin-left: 2%;
    margin-right: 2%;
}
.grantAll .proin,.grantAllprod .proin{
    width: 10%;
    text-align: center;
    line-height: 36px;
}
.grantAll .protd,.grantAllprod .protd{
    font-size: 13px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    line-height: 20px;
    padding: 6px;
}
.grantAll tr.onproduct,.grantAll tr:hover{
    background: #fff !important;
    cursor: pointer;
}
.grantAllprod tr.onproduct,.grantAllprod tr:hover{
    background: #fff !important;
    cursor: pointer;
}
.empowerBtn{
    /* width: 100px;*/
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #0A7CFF;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.iconAngle{
    font-size: 20px;
    color: #fff;
    height: 29px;
    line-height: 27px;
    vertical-align: middle;
}
.fileLeft{
    width: 220px;
    height: 100%;
    padding: 12px 1%;
    border-right: 1px solid #D9DBDD;
}
.flieRight{
    width: calc(97% - 220px);
    margin-right: 2%;
}
.fileTop{
    height: 40px;
    border-bottom: 1px solid #D9DBDD;
}
.iconSearch,.iconRefresh{
    font-size: 16px;
    line-height: 40px;
    color: #999;
    width: 24px;
    height: 40px;
    cursor: pointer;
}
.iconRefresh{
    color: #0A7CFF;
}
.layerTree{
    width: 100%;
    height: calc(100% - 29px);
    overflow-y: auto;
}
.fileInput{
    width: 150px;
    border: none;
}
/*.layui-tree-main .layui-tree-txt{
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    height: 32px;
    line-height: 32px;
    text-decoration:none;
}
.layui-tree-line .layui-tree-entry:hover{
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    height: 32px;
    line-height: 32px;
    text-decoration: underline;
}*/
.layerTree .tree-folder-open,.layerTree .tree-file,.layerTree .tree-folder{
    display: none;
}
.layerTree .tree-title{
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-weight: bold;
    color: #333333;
    height: 32px;
    line-height: 32px;
}
.layerTree .tree-node{
    height: 32px;
}
.layerTree .tree-collapsed,.layerTree .tree-expanded{
    margin-top: 5px;
}
.layerTree .tree-node-selected{
    background: #0A7CFF;
}
.layerTree .tree-node-selected .tree-title{
    color: #fff;
}
/*   tab 导航  */
.tabs li a.tabs-inner{
    padding: 0 20px;
    background: #fff;
}
.tabs li .tabs-inner .tabs-title{
    font-size: 14px;
    color: #333;
}
.tabs li.tabs-selected a.tabs-inner .tabs-title{
    color: #0A7CFF !important;
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    border-radius: 0;
}
.tabs li.tabs-selected a.tabs-inner{
    border-bottom: 2px solid #0A7CFF !important;
    padding: 0 20px;
}
.tabs li a.tabs-inner span.tabs-title:hover{
    border-bottom: none;
}
.tabs li.tabs-selected span.tabs-title{
    border-bottom: none;
}
.input-control input[type=checkbox], input[type=radio] {
    width: 16px;
    height: 16px;
    border-color: #ccc;
}
input[type=checkbox]{
    border: 1px solid #D9DBDD;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}
input[type=radio]:checked{
    border: 1px #0A7CFF solid;
}
/*    兼容theme.css -- checkbox选中样式   */
input[type=checkbox]:checked{
    background: url("../images/checkbox_select.png") no-repeat;
    background-size: 14px 14px;
    border-radius: 4px;
}
input[type=checkbox]:disabled, input[type=radio]:disabled{
    border: 1px #ccc solid;
    background: #e9e9e9;
    cursor:not-allowed;
}
input[type=radio].inputRadio,input[type=radio].radio5,input[type=radio],input[type=checkbox]{
    width: 16px;
    height: 16px;
    border: 1px solid #D9DBDD;
}
input[type=radio].radio5{
    border-radius: 8px;
}
input[type=radio].radio5:checked{
    border-radius: 8px;
    border: 1px solid #0A7CFF;
}
input[type=radio].inputRadio:checked,input[type=radio].radio5:checked{
    width: 16px;
    height: 16px;
    border: 1px solid #0A7CFF;
}
input[type=checkbox].inputRadio:disabled,input[type=radio].inputRadio:disabled{
    width: 16px;
    height: 16px;
    border: 1px #ccc solid;
    background: #e9e9e9;
    cursor:not-allowed;
}
input[type=radio].inputRadio:after,input[type=radio].radio5:after{
    width: 10px;
    height: 10px;
    background: #0A7CFF;
    left: 4px;
    top: 4px;
    border-color: #0A7CFF;
}
input[type=radio]:after{
    width: 10px;
    height: 10px;
    background: #0A7CFF;
    left: 4px;
    top: 4px;
    border-color: #0A7CFF;
}
.labelRadioDisabled,.labelCheckDisabled {
    cursor: not-allowed;
}
.labelRadioDisabled input[type=radio],.labelCheckDisabled input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #D9DBDD;
    border-radius: 2px;
    margin-right: 4px;
}
.labelRadioDisabled input[type=radio]{
    border-radius: 50%;
}
.labelRadioDisabled input[type=radio]:disabled{
    border: none;
    background: url(../images/radio_disabled1.png) no-repeat;
    background-size: 16px 16px;
}
.labelRadioDisabled input[type=checkbox]:disabled{
    border: none;
    background: url(../images/check_disabled1.png) no-repeat;
    background-size: 16px 16px;
}
.labelRadioDisabled input[type=radio]:checked{
    border: none;
    background: url(../images/radio_disabled.png) no-repeat;
    background-size: 16px 16px;
}
.labelCheckDisabled input[type=checkbox]:checked{
    border: none;
    background: url("../images/check_disabled.png") no-repeat;
    background-size: 16px 16px;
}


/*   EasyUI Treegrid 表格嵌套   */
.datagrid-btable .treegrid-tr-tree td{
    height: auto;
}
.datagrid-header-row, .datagrid-row{
    background: #fff;
}
.datagrid-wrap.panel-body-noheader{
    border: none;
}
.datagrid-header .datagrid-cell span{
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-weight: bold;
    color: #333333;
}
.tree-folder-open,.tree-icon.tree-file,.tree-icon.tree-folder{
    background: none;
    display: none;
}
.datagrid-cell .tree-title{
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #333333;
}
.treegrid-tr-tree .datagrid-btable .datagrid-row{
    background: #F5F7FA;
}
.datagrid-row.datagrid-row-over{
    background: #EBF4FF;
}
/*    对齐方式     */
.datagrid-header .datagrid-cell{
    text-align: left;
}

/*   EasyUI 按钮   */
.easyui-linkbutton.l-btn.l-btn-small.l-btn-plain{
    background: #1994FF;
    color: #fff;
    padding: 0;
}
.easyui-linkbutton.l-btn.l-btn-small.l-btn-plain:hover{
    border-radius: 6px;
}
.easyui-linkbutton.l-btn.l-btn-small{
    padding: 0 8px;
}
/*   附件上传    */
.infoSn{
    height: 20px;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    color: #333;
    white-space: nowrap;
    line-height: 32px;
}
.webuploader-pick{
    background: #0A7CFF;
    color: #fff;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    border-radius: 4px;
    /*height: 28px;
    line-height: 18px;*/
    margin-right: 12px;
    padding: 4px 8px;
}
.webuploader-pick:hover{
    background: #0A7CFF;
}
.datagrid-header-inner{
    background: #fff;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{
    border: none;
    border-bottom: 1px solid #D9DBDD;
    padding: 3px 0 2px 4px;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
.datagrid-row-selected{
    background: #EBF4FF;
}
/*   layui按钮里的icon   */
.layui-btn.layui-btn-normal .fa.fa-trash-o,.layui-btn.layui-btn-normal .fa.fa-plus{
    color: #fff;
    font-size: 14px;
}
.searchbox-button{
    height: 32px;
}
/*   产品选择下拉框面板文本宽度   */
.combomultibox-item {
    min-width: 150px;
}
/*   去掉表格checkbox鼠标悬浮效果   */
.datagrid-view1 .datagrid-header .datagrid-htable .datagrid-header-row td.datagrid-header-over{
    background: #fff;
}