* {
|
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;
|
}
|
