@charset "utf-8";
/* CSS Document */
:root{
  --el-black:#282c34;
  --el-white:#ffffff;
  --el-red:#f34d37;
  --el-red-light :#feedeb;
  --el-blue:#1890ff;
  --el-blue-light:#e8f4ff;
  --el-green:#41b584;
  --el-green-light:#ecf8f3;
  --el-purple:#6954f0;
  --el-purple-light:#f0eefe;
}
*{margin:0px;padding:0px;}
a{text-decoration:none;}
ul,ol{list-style:none;}
img{ border:0 none;}
i{vertical-align: middle;}
select{ box-sizing:content-box;} textarea{ padding:10px;}
.f_l{ float:left;}.f_r{ float:right;}
.f_b{ font-weight:bold;}.f_100{ font-weight:100;}.f_400{ font-weight:400;}.f_500{ font-weight:500;}.f_600{ font-weight:600;}.f_700{ font-weight:700;}.f_800{ font-weight:800;}
.f_12{ font-size:12px;}.f_14{ font-size:14px;}.f_16{ font-size:16px;}.f_18{ font-size:18px;}.f_20{ font-size:20px;}.f_22{ font-size:22px;}.f_24{ font-size:24px;}.f_26{ font-size:26px;}.f_28{ font-size:28px;}.f_32{ font-size:32px;}
.t_l{ text-align:left;}.t_c{ text-align:center;}.t_r{ text-align:right;}
.c_red{ color:var(--el-red)}.c_red_s{ color:var(--el-red-light)}
.c_blue{ color:var(--el-blue);}.c_blue_s{ color:var(--el-blue-light);}
.c_yellow{ color:#FF6600;}.c_yellow_s{ color:#F90;}
.c_green{ color:var(--el-green);}.c_green_s{ color:var(--el-green-light);}
.c_purple{ color:var(--el-purple);}.c_purple_s{color:var(--el-purple-light);}
.c_gray{color:#888;}.c_grey{color:#ccc;}
.flex{display: flex;} .flex-wrap{flex-wrap: wrap;}
.clear{ clear:both;}
.cursor{ cursor:pointer;}
.input{ height:28px;vertical-align:middle; line-height:28px; font-size:14px; padding:0 10px; border:solid 1px #dcdfe6; outline: none; border-radius: 3px;}
.select{ height:28px;vertical-align:bottom; font-size:14px; padding:0 10px; border:solid 1px #dcdfe6; outline: none; border-radius: 3px;}
.btn_none{ height:30px; line-height:30px; text-align:center; width:102px; color:#FFF; border:none; border-radius:3px; cursor:pointer;}
html,body {height:100%; font-family: PingFang SC,Arial,Microsoft YaHei,sans-serif; font-size: 14px; color: #515a6e;}

/*==== radio , checkbox样式 ====*/
input.labelauty+label::selection{background-color:rgba(255,255,255,0)}input.labelauty+label::-moz-selection{background-color:rgba(255,255,255,0)}input.labelauty{display:none!important}input.labelauty+label{display:table;font-size:11px;padding:6px 10px;background-color:#efefef;color:#b3b3b3;cursor:pointer;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;transition:background-color 0.25s;-moz-transition:background-color 0.25s;-webkit-transition:background-color 0.25s;-o-transition:background-color 0.25s;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}input.labelauty+label>span.labelauty-unchecked,input.labelauty+label>span.labelauty-checked{display:inline-block;line-height:16px;vertical-align:bottom}input.labelauty+label>span.labelauty-unchecked-image,input.labelauty+label>span.labelauty-checked-image{display:inline-block;width:16px;height:16px;vertical-align:bottom;background-repeat:no-repeat;background-position:left center;transition:background-image 0.5s linear;-moz-transition:background-image 0.5s linear;-webkit-transition:background-image 0.5s linear;-o-transition:background-image 0.5s linear}input.labelauty+label>span.labelauty-unchecked-image+span.labelauty-unchecked,input.labelauty+label>span.labelauty-checked-image+span.labelauty-checked{margin-left:7px}input.labelauty:not(:checked):not([disabled])+label:hover{background-color:#eaeaea;color:#a7a7a7}input.labelauty:not(:checked)+label>span.labelauty-checked-image{display:none}input.labelauty:not(:checked)+label>span.labelauty-checked{display:none}input.labelauty:checked+label{background-color:#3498db;color:#ffffff}input.labelauty:checked:not([disabled])+label:hover{background-color:#72c5fd}input.labelauty:checked+label>span.labelauty-unchecked-image{display:none}input.labelauty:checked+label>span.labelauty-unchecked{display:none}input.labelauty:checked+label>span.labelauty-checked{display:inline-block}input.labelauty.no-label:checked+label>span.labelauty-checked{display:block}input.labelauty[disabled]+label{opacity:0.5}input.labelauty+label>span.labelauty-unchecked-image{background-image:url(../image/input-unchecked.png)}input.labelauty+label>span.labelauty-checked-image{background-image:url(../image/input-checked.png)}

/*====== 主体信息层 ======*/
#vab-main{ padding:20px;}
#vab-main section{ padding:20px; border-radius: 3px; background-color: var(--el-white);transition: all .3s cubic-bezier(.645,.045,.355,1),border 0s,color .1s,font-size 0s;}
#vab-main section .vab-form{padding-bottom:20px;}
#vab-main .table{ background: #ebeef5; width:100%; clear:both;border-spacing: 1px;border-collapse: inherit;}
#vab-main .table th{background-color:#fff; padding:10px;}
#vab-main .table tr{background-color: #fff;}
#vab-main .table tr:hover{ background:#f5f7fa}
#vab-main .table tr td{ padding:5px 10px; min-height:24px; line-height:24px;}
#vab-main .table tr td a{ padding:0 5px; font-weight:700;}
#vab-main .table tr td img{height:50px; width: 50px; border-radius: 3px; margin-right:6px;}
#vab-main .table tr td label{ height:16px; line-height:16px; float:left; margin-right:10px;}

/*======= 弹出图片删除层 ==========*/
.imageDelLayer{left:0;top:0; z-index:1000; background:rgba(0,0,0,0.2); width:100%; height:100%;position: fixed; display:none;}
.imageDelLayer div{ width:300px; padding:20px; background:#fff;left:50%; top:50%; margin-left:-170px; margin-top:-200px; position:fixed; border-radius:7px;}
.imageDelLayer ol{height:100px;border-bottom:solid 1px #dfdfdf; padding-bottom:20px;}
.imageDelLayer ol li{float:left; width:50%; line-height:100px; text-align:center; font-size:18px; cursor:pointer;}
.imageDelLayer ol li i{vertical-align: middle; font-size:24px;}
.imageDelLayer ol li:nth-child(1){ border-right: solid 1px #dfdfdf; box-sizing:border-box;}
.imageDelLayer ul{ padding:20px 25px 0;height:42px;}
.imageDelLayer ul li{float:left; height:42px; margin:0 5px; border-radius:5px; text-align:center; line-height:42px;font-size:17px; color:#fff; cursor:pointer;}
.imageDelLayer ul li.confirm{ background:#dd6b55; width:140px;}
.imageDelLayer ul li.cancel{ background:#D0D0D0; width:90px;}	


/* 分页 */
.pagebar{padding-top:20px; font-size:14px; font-weight:bold; height:32px; line-height:32px; display: flex; justify-content: flex-end;}
.pagebar aside{padding:0 10px;}
.pagebar nav{display: flex;}
.pagebar a{display: block; line-height: 32px; min-width: 16px; margin:0 4px;padding:0 8px; -webkit-border-radius:3px;border-radius:3px; text-align: center;}
.page_more{padding:8px 15px; margin-right:5px; color:#999;}
.page_none{ background:#f0f2f5; color:#606266;}
.page_none:hover,.page_here{ color:#fff;}


/* 表单类 */
.formSearch{display: flex; flex-wrap:wrap;margin-bottom:10px;}
.formSearch>div{padding-bottom:10px;}
.formSearch label{display:inline-block;height:20px;padding:5px 10px;font-weight:normal;line-height:20px; color: #606266;}
.formSearch input{display:inline-block;vertical-align:middle;}
.formSearch #clearForm{padding:5px 10px; line-height: 20px; cursor: pointer;}

/*== 滚动条 ==*/
::-webkit-scrollbar { width: 7px; height: 7px;}
::-webkit-scrollbar-track{display: none;}
::-webkit-scrollbar-thumb{ background-color: #eaeaeb; border: 3px solid transparent;  border-radius: 7px;}
.vab-theme-frame-nav::-webkit-scrollbar {display: none;}