* {
    margin: 0;
    padding: 0;
}

/*美化滚动条样式start*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 8px;  /*滚动条宽度*/
    height: 12px  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    /*滚动条的背景区域的内阴影*/
    box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;

    /*滚动条的背景区域的圆角*/
    border-radius: 6px;

    /*滚动条的背景颜色*/
    background-color: #ddd;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    /*滚动条的内阴影*/
    box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;

    /*滚动条的圆角*/
    border-radius: 6px;

    /*滚动条的背景颜色*/
    background-color: #aaa;
}

/*美化滚动条样式end*/

/*必填项左侧小红星*/
.required_mark{
    width: 4px;
    height: 4px;
    background: rgba(230,45,0,1);
    border-radius: 50%;
    display: inline-block;
    vertical-align: super;
    margin-right: 8px;
    position: relative;
    top: 2px;
}
.hide{
    display: none;
}

.opacity_0{
    opacity: 0;
}
.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear-float{
    overflow: hidden;
}
.clearfix:after {
    content: "";
    height: 1px;
    display: block;
    visibility: hidden;
    clear: both;
}
.text_center{
    text-align: center;
    margin-top: 50px;
}
.position_r{
    position: relative;
}
.fix-position{
    position: fixed;
}
.font_bold{
    font-weight: bold !important;
}
.color_102{
    color:rgba(102,102,102,1) !important;
}
.color_85{
    color:rgba(85,85,85,1) !important;
}
.text_red{
    color:rgba(0,129,240,1) !important;
}
.text_edit{
    color: rgba(34,34,34,1);
}
.text_red:hover{
    color:rgba(0,129,240,1) !important;
}
.width_18{
    width: 18px;
}
.width_14{
    width: 14px;
}
.width_212{
    width: 212px;
}
.margin-t-10{
    margin-top: 10px;
}
.margin-r-20{
    margin-right: 20px;
}
.margin-b-20{
    margin-bottom: 20px;
}
.padding-20{
    padding: 20px;
    box-sizing: border-box;
}
.padding-40{
    padding: 40px;
    box-sizing: border-box;
}
.padding-t-40{
    padding-top: 40px;
}
.top_longitudinal_dividing_line{
    width:1px;
    height:18px;
    background:rgba(238,238,238,1);
    border-radius:1px;
}
#company_logo_area{
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,1);
    background: #001E3B;
    text-align: unset;
}
#side_bar_wrap{
    background: #001E3B;
}
#company_logo_img{
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-right: 3px;
    margin-left: 22px;
}
#message_count{
    border-radius: 50%;
    margin-top: -18px;
    margin-left: 7px;
    font-size: 12px;
}
.top_nav_img{
    margin-right: 6px;
    margin-top: -3px;
}
#view_container{

}

.other_system_iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
}


#side_bar_wrap_toggle_btn{
    cursor: pointer;
}
.fold_side_bar_unit{
    height: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.fold_side_bar_unit img{
    cursor: pointer;
}
#fold_side_bar_wrap{

}
.three_level_nav{
    width: 168px;
    line-height: 44px;
    height: 44px;
    background:#000D18;
    font-size:12px;
    font-weight:400;
    color:#BFBFC2;
    text-indent: 22px;
    cursor: pointer;
}
.three_level_nav:hover{
    color: #FFFFFF;
}
.three_level_nav_wrap{
    display: none;
    width:168px;
    position: fixed;
    /*box-shadow:0px 2px 6px 0px rgba(0,0,0,0.26);*/
    border-radius:2px;
    z-index: 999999999;
    padding-left: 10px;
    left: 200px;
}
/*带模糊匹配多选组件*/
.list_item_active{
    background: rgba(0,129,240,1);
    color: #fff;
}
.fuzzy_matching_multi_select_unit{
    padding: 3px 12px;
    white-space:nowrap;
    cursor: pointer;
}
.empty_inputbtn2{
    position: absolute;
    right: 1px;
    top: 12px;
    z-index: 9;
    cursor: pointer;
    display: none;
    background: #fff;
}

.drop_down_btn{
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
    cursor: pointer;
}

.auto_matchwrap {
    width: 100%;
    min-width: 150px;
    max-height: 350px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 6px;
    margin: 6px 0;
    line-height: 32px;
    font-size: 14px;
    top: 100px;
    box-sizing: border-box;
}
.auto_matchwrap > p{
    white-space:nowrap;
    text-indent: 8px;
    cursor: pointer;
}

/*输入自动完成组件start*/
.auto_matchinput{
    width: 150px;
    line-height: 28px;
}
.search_mark_btn{
    position: absolute;
    right: 11px;
    top: 10px;
    z-index: 9;
}
.selection_department_text{
    font-size: 12px;
    color: #91949F;
}

/*表格工具条事件文本按钮*/
.tool_event_textbtn{
    font-size:14px;
    color:rgba(0,129,240,1);
    display: inline-block;
    cursor: pointer;
}
.tool_event_textbtn+.tool_event_textbtn{
    padding-left: 20px;
}
.tool_event_textbtn:hover{
    color: rgba(0,129,240,1);
}
.tool_event_textbtn:active{
    color: rgba(0,129,240,1);
}

.download_link_span{
    font-size:14px;
    color:rgba(0,129,240,1);
    cursor: pointer;
}

/*左侧三级导航菜单文本缩进*/
.link_btn{
    margin-left: 20px;
}
.page_add_btn{
    /*margin: 0px 0px 0px 25px;*/
    /*margin-bottom: 24px;*/
}
#side_bar_wrap{
  overflow: hidden;
}
#side_bar_inner_wrap{
  width: 220px;
  background: #001E3B;
}
.table_left_border{
    border-left: 1px solid #e6e6e6;
}

/*覆盖layui默认tab样式*/
.layui-tab {
    margin: 0;
    overflow: hidden;
}
.layui-tab-item {
  position: relative;
}
.main-content.layui-tab-title {
    height: 40px;
    border: none;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.02);
}
.main-content.layui-tab-title li {
    min-width: 0;
    line-height: 38px;
    max-width: 160px;
    text-overflow: ellipsis;
    padding-right: 40px;
    overflow: hidden;
    border-right: 1px solid #f6f6f6;
    border-left: none !important;
    vertical-align: top;
    border-top: 1px solid #f6f6f6;
}
.main-content.layui-tab-title li:first-child{
    padding-right: 15px;
}
.main-content.layui-tab-title li:first-child i{
    display: none;
}
.main-content.layui-tab-title li.layui-this,.main-content.layui-tab-title li:hover {
    background-color: #F1FAFF;
    border-top: 2px solid #0081F0;
    color: #0081F0;
    box-shadow: none !important;
}
.main-content.layui-tab-title li .layui-tab-close {
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -7px 0 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50% !important;
    font-size: 12px;
}
.expand_three_level_icon{
    margin-right: -11px;
    font-size: 16px;
    color: #fff;
}

/*覆盖layui表格内文本溢出不能自动换行设置*/
.layui-table-cell{
    white-space: normal ;
    height:auto !important;
    word-wrap: break-word !important;
}

/*全局弹窗提交，保存按钮样式*/
.modal_commit_save_btn{
    padding: 0 45px !important;
}

/*左侧树形菜单*/
.left_tree_wrap{
    width: 260px;
    height: 100%;
    overflow: auto;
}
.height_100p{
    height: 100%;
}

.tree_hide_table_width{
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}

.form_and_table_wrap{
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: calc(100% - 280px);
    height: 100%;
    overflow: auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.folding_partition_line{
    width: 20px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    position: relative;
}
.operation_left_tree_img{
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

/*搜索条件展开折叠按钮*/
.search_field_spread_toggle_btn{
    font-size: 12px;
    color: #0081F0;
    position: relative;
    cursor: pointer;
    top: 5px;
    left: 25px;
}

/*侧边进度条展开折叠按钮*/
.search_field_spread_toggle_btn2{
    font-size: 12px;
    color: #0081F0;
    cursor: pointer;
    float: left;
    margin-top: 27px;
}

.search_field_spread_toggle_icon1,.search_field_spread_toggle_icon2{
    font-size: 12px;
    margin-left: 4px;
}

/*自定义翻页按钮样式*/
.custom_page_turning_btn{
    width:94px;
    line-height:30px;
    background:rgba(241,249,255,1);
    border-radius:15px;
    font-size:14px;
    color:rgba(0,129,240,1);
    cursor: pointer;
}
#page_numbering_molecule{
    font-size:18px;
    color:rgba(0,129,240,1);
}
.middle_page_number{
    font-size:14px;
    color:rgba(197,197,197,1);
    left: 576px;
    position: absolute;
    top: 5px;
}

/*头部表单信息*/
.top_form_info_label{
    color: #A9A9A9;
    font-size:14px;
    font-weight:400;
}
.top_form_info_input{
    color: #404040;
    border: 0;
    font-size:14px;
    font-weight:400;
}
/*图片操作按钮样式*/
.operation_img_btn_img{
    margin-right: 20px;
    cursor: pointer;
}

#auth_mgt_upload_img_auditing_btn{
    display: inline-block;
    width:83px;
    line-height:30px;
    background:rgba(0,129,240,1);
    border-radius:15px;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    position: absolute;
    right: 20px;
    cursor: pointer;
}
#auth_mgt_upload_img_auditing_btn img{
    width: 13px;
    margin-top: -3px;
}
.upload_img_span{
    cursor: pointer;
}

.auth_mgt_upload_img_view{
    width: 150px;
    height: 150px;
    border: 1px solid rgba(245,245,245,1);
}

/*重写灰框小按钮样式*/
.layui-btn-primary-sm{
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0px 8px;
    margin-bottom: 14px;
}
.layui-btn-primary-sm+.layui-btn-primary-sm{
    margin-left: 14px;
}

/*多表单详情页面样式*/
.left_nav_list_wrap{
    width: 160px;
    height: 100%;
    overflow-y: auto;
}
.form_left_seperate_line{
    width: 1px;
    background: #eee;
    height: 100%;
}
.right_form_wrap{
    width: calc(100% - 161px);
    width: -moz-calc(100% - 161px);
    width: -webkit-calc(100% - 161px);
    height: 100%;
    overflow-y: auto;
    padding-left:30px;
    padding-right:10px;
    box-sizing: border-box;
}
.top_progress_bar_area{
    background: #F9F9F9;
    height: 89px;
    margin-top: 20px;
    overflow: hidden;
}
.progress_bar_wrap{
    float: left;
    width: calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    height: 80%;
}
.time_line_node_unit{
    margin-left: 55px;
    position: relative;
    width: 200px;
    display: inline-block;
    text-align: center;
}
.time_line_dot_outer_circle{
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: -13px;
}
.current_time_line_dot_outer_circle{
    width: 14px !important;
    height: 14px !important;
    background: #0081F0 !important;
    margin-top: -10px;
}
.current_time_line_dot_inner_circle{
    width: 10px !important;
    height: 10px !important;
}
.time_line_node_text{
    font-size: 12px;
    color: #AAAAAA;
    margin-top: 8px;
}
.current_time_line_node_text{
    color: #333 !important;
}
.time_line_dot_inner_circle{
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    top: 2px;
    left: 2px;
}
.left_nav_list_inner_wrap{
    line-height: 54px;
    font-size:14px;
    color:rgba(34,34,34,1);
}
.left_nav_list_inner_wrap div:hover{
    color:rgba(0,129,240,1);
    cursor: pointer;
}
.reback_to_list_img{
    margin-top: 20px;
    cursor: pointer;
    line-height:24px;
    background:rgba(245,245,245,1);
    border-radius:12px;
    width:83px;
    font-size:12px;
    color:rgba(51,51,51,1);
    display: inline-block;
}
.reback_to_list_img img{
    width: 10px;
    display: inline-block;
    margin-left: 11px;
    margin-right: 3px;
    vertical-align: unset;
}
.transverse_time_line{
    margin: 33px 30px 0px;
    height: 4px;
    background: #F1F1F1;
}
.more_detail_info{
    margin-top:22px;
    margin-right: 20px;
}
.tab_form_unit_tit_left_border{
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #0081F0;
    position: relative;
    top: 2px;
}
.tab_form_unit_tit{
    font-size:14px;
    color:rgba(34,34,34,1);
    line-height: 60px;
    text-indent: 9px;
}
/*右侧固定进度条区域*/
.right_fixed_progress_bar_area{
    position: absolute;
    top: 108px;
    right: 10px;
    width: 400px;
    height: calc(100% - 176px);
    height: -moz-calc(100% - 176px);
    height: -webkit-calc(100% - 176px);
    z-index: 9999;
    overflow-y: auto;
    background: #fff;
    box-shadow:0px 1px 6px 1px rgba(0,0,0,0.08);
}
.right_fixed_progress_bar_area_tit{
    color:rgba(34,34,34,1);
    font-weight: bold;
    line-height: 50px;
}
.progress_bar_unit_date_text{
    color:rgba(221,221,221,1);
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.dot_operation_time{
    color:rgba(170,170,170,1);
    width: 55px;
    height: 20px;
}
.operation_content_name{
    color:rgba(170,170,170,1);
    margin-top: -2px;
}
.time_line_operator{
    color:rgba(85,85,85,1);
    margin-top: 10px;
}
.progress_bar_dot_info_wrap{
    font-size: 14px;
    margin-top: 30px;
}
.time_line_dot_outer{
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
    margin: 4px 9px 0px;
    position: relative;
}
.time_line_dot_inner{
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    top: 2px;
    left: 2px;
    display: block;
}
.right_fixed_progress_bar_time_line{
    width:4px;
    background:rgba(241,241,241,1);
    border-radius:2px;
    position: absolute;
    left: 87px;
    top: 100px;
}
.current_operation_content_name{
    color:rgba(51,51,51,1) !important;
}
.current_time_line_dot_outer{
    width: 14px !important;
    height: 14px !important;
    background: #0081F0 !important;
    left: -2px;
}
.current_time_line_dot_inner{
    width: 10px !important;
    height: 10px !important;
}
.tab_form_unit_wrap{
    padding-bottom: 30px;
    padding-top: 30px;
}


/* 页面容器布局 */
.page-content-layout {
    padding: 0px 30px 0px 14px;
}
/* 弹窗按钮容器 */
.model_btns {
    text-align: center;
}

/* 主界面工具类按钮集合 */
.page-btns {
    width: 100%;
    margin-top: 4px;
    padding-right: 16px;
    float: left;
}

.page-btns .page-btns-main {
    float: left;
}

.page-btns .page-btns-minor {
    float: right;
}


/*预览图片区域*/
.image_preview_nav_wrap{
    overflow: hidden;
}
.image_preview_nav_unit{
    width: 40%;
    float: left;
    line-height: 60px;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.image_preview_nav_unit:nth-child(even){
    border-right: none !important;
}
.nav_unit_file_name{
    float: left;
    margin-left: 30px;
}
.nav_unit_file_name:hover{
    color: #0081F0;
    cursor: pointer;
}
.nav_unit_preview_btn{
    float: right;
    margin-right: 30px;
    color: #0081F0;
    cursor: pointer;
}
.thumbnail_view_list_unit{
    display: inline-block;
    margin-right: 20px;
    width: 200px;
    text-align: center;
    margin-bottom: 30px;
    vertical-align: top;
    height: 150px;
    overflow: hidden;
}
.thumbnail_view_list_unit_img{
    width:150px;
    height:100px;
    display: block;
    margin: 0 auto;
    transition:zoom 2s;
    -moz-transition:zoom 2s; /* Firefox 4 */
    -webkit-transition:zoom 2s; /* Safari and Chrome */
    -o-transition:zoom 2s; /* Opera */
}
.thumbnail_view_list_unit_img:hover{
    zoom:1.1;
}
#thumbnail_view_list{
    margin-top: 30px;
}
.thumbnail_view_list_unit_name{
    word-break:break-all;
    height: 50px;
}

/* 表格批量功能按钮样式 */
.table_batch_wrapper {
    width: 100%;
    margin-bottom: 30px;
}
.table_batch_wrapper .table_batch_btn_main {
    margin-bottom: 20px;
    line-height: 32px;
}
.table_batch_wrapper .table_batch_inline {
    display: inline-block;
    margin-right: 20px;
}
.table_batch_wrapper .table_batch_expand_btn {
    font-size: 12px;
    color: #0081f0;
    cursor: pointer;
}
.table_batch_wrapper .table_batch_expand_btn .layui-icon {
    font-size: 12px;
}

.table_batch_wrapper .table_batch_inline .layui-btn-primary {
    margin-left: 0px;
}
.table_batch_wrapper .table_batch_inline.hide {
    display: none;
}

/* 弹框说明文字样式 */
.open-model-remark {
    color: #C5C5C5;
    font-size: 12px;
    text-align: center;
}

.open-model-remark-only {
    color: #777777;
    font-size: 14px;
    /* text-align: center; */
}
.card_form_wrap{
    box-shadow:0px 0px 10px 4px rgba(0,0,0,0.05);
    border-radius:4px;
    margin-bottom: 20px;
}
.card_form_del_btn{
    float: right;
    margin-right: 10px;
    border-radius:15px;
    border:1px solid rgba(0,129,240,1);
    margin-top: 8px;
    color: rgba(0,129,240,1);
}

/*.edit_table .layui-table-cell,*/
.edit_table .layui-table-cell,
.edit_table .layui-table-box,
.edit_table .layui-table-body{
    overflow: visible;
}

.edit_table .layui-form-select dl{
    color: #000;
}

/*  用作申请管理的样式 */
.list_model_title {text-align: center;margin-bottom: 20px;font-size: 18px;margin-top: 20px;color: #222;
    font-weight: bold;}
.list_model_content {font-size: 14px;color: #666;}
.loan_application_model {text-align: center;}
.loan_application_model .btn_box {overflow: hidden;display: inline-block;
    margin-top: 40px;}
.loan_application_model .btn_box>.btn:nth-child(2) {margin-left: 40px;}
.loan_application_model .btn_box>.btn {
    width:120px;
    height:30px;
    line-height:30px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
    cursor: pointer;
}
.loan_application_model .btn_box>.cancel_btn {color: #555;}
.loan_application_model .btn_box>.confirm_btn {background-color: rgba(0,129,240,1);color: #fff;}
.loan_application_model .close_current_modal {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url(../lib/layui/css/modules/layer/default/icon.png) no-repeat;
    background-position: 1px -40px;
}