@charset "utf-8";

/*========css reset========*/
img {  max-width: 100%;  }
a { text-decoration: none;}

/*========快捷样式调用========*/
.f10 { font-size:12px; -webkit-transform: scale(0.83)}  .f11 { font-size:12px; -webkit-transform: scale(0.9166)}  .f12 { font-size:12px !important;}  .f13 { font-size:13px;}  .f14 { font-size:14px;}  .f15 { font-size:15px;}  .f16 { font-size:16px;}  .f17 { font-size:17px;}  .f18 { font-size:18px;}  .f19 { font-size:19px;}  .f20 { font-size:20px;}  .f21 { font-size:21px;}  .f22 { font-size:22px;}  .f23 { font-size:23px;}  .f24 { font-size:24px;}  .f25 { font-size:25px;}  .f26 { font-size:26px;}  .f27 { font-size:27px;}  .f28 { font-size:28px;}  .f29 { font-size:29px;}  .f30 { font-size:30px;}  .fsmall { font-size: 0.8em;}

.w1 { width: 10%;}  .w2 { width: 20%;}  .w3 { width: 30%;}  .w4 { width: 40%;}  .w5 { width: 50%;}  .w6 { width: 60%;}  .w7 { width: 70%;}  .w8 { width: 80%;}  .w9 { width: 90%;}  .w10 { width: 100%;}

.lh10 { line-height: 1;}  .lh15 { line-height: 1.5;}  .lh20 { line-height: 2;}  .lh25 { line-height: 2.5;}  .lh30 { line-height: 3;}

.bg-default { background-color:#ddd!important;}
.bg-primary { background-color:#337ab7!important;}
.bg-white { background-color: #fff!important;}

.text-default { color:#333!important;}
.text-000 { color: #000!important;}
.text-fff, .text-white { color: #fff!important;}
.text-muted { color:#777!important;}
.text-primary { color:#337ab7!important;}
.text-success { color:#5cb85c!important;}
.text-info { color:#5bc0de!important;}
.text-warning { color:#f0ad4e!important;}
.text-danger { color:#D62B1E!important;}
.text-delete { text-decoration:line-through}
.text-underline { text-decoration: underline;}
.text-bold { font-weight: bold;}

.text-left { text-align:left !important;}
.text-right { text-align:right !important;}
.text-center { text-align:center !important;}
.nowrap { white-space:nowrap}
.text-wrap { white-space: normal; word-break: break-all;}

.flex { display: flex;}
.flex_lr { display: flex; justify-content: space-between;}
.flex_center { display: flex; align-items: center;}
.flex_end { justify-content: flex-end;}
.flex_wrap { flex-wrap: wrap}
.pull-left { float: left;}
.pull-right { float: right;}
.d-block { display: block;}
.d-inlineblock { display: inline-block;}
.hide, .none { display: none !important;}
.hover-show-wrap {}
.hover-show-wrap .hover-show { opacity: 0;}
.hover-show-wrap:hover .hover-show { opacity: 1;}
.hover-fade { }
.hover-fade:hover { background-color: #f5f5f5; }

/*自定义通用*/
.circle_icon { width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 4px; border: 1px solid #e7e7e7; margin: 2px;}
.hand { cursor: pointer;}
.ani { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s; transition-duration: ease-in 0.3s; }
.empty_tips, .over_tips { font-size:1.2rem; line-height:3rem; text-align:center; color:#bbb; display:block; }

.not-allowed { cursor: not-allowed}
.item_ignore { opacity: 0.5;}
.ani { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s; transition-duration: ease-in 0.3s; }
.empty_tips, .over_tips { font-size:1.2rem; line-height:3rem; text-align:center; color:#bbb; display:block; }
.load_tips { text-align:center; padding:10px 0; margin:10px auto; width:90%; color:#777; font-size:16px; border-radius:50px; border:1px solid #e7e7eb;}

.full_warp { height: calc(100% - 61px); position: relative;}
    .full_content { height: 100%;}
    .full_page_footer { position: sticky; width: 100%; bottom: 0; text-align: right; height: 61px;}


/*2列表格的间隔色*/
.table_two { font-size: 15px;}
.table_two td{}
.table_two td:nth-child(2n-1) { background-color: #f1f1f1; text-align: right; width: 16%; color: #666; }
.table_two td:nth-child(2n) { width: 84%;}
/*4列表格的间隔色*/
.table_four { font-size: 15px;}
.table_four td{}
.table_four td:nth-child(2n-1) { background-color: #f1f1f1; text-align: right; width: 16%; color: #666; }
.table_four td:nth-child(2n) { width: 34%;}
/*4列表格表单的间隔色*/
.table-form-four td:nth-child(1), .table-form-four td:nth-child(3) { vertical-align: middle !important; text-align: center; width: 17%; color: #777; font-size: 14px;}
.table-form-four td:nth-child(2), .table-form-four td:nth-child(4) { vertical-align: middle !important; width: 33%;}
.table-from-title { font-size: 19px; font-weight: 550; padding: 0.85em 0 !important;}

/*前后台右侧弹窗样式*/
.dialog_container { position: relative; padding: 55px 0; background: #ffffff; height: 100%; overflow-y: scroll;}
.dialog_title { position: absolute; top: 0; left: 0; right: 0; height: 50px;}
.dialog_footer { position: absolute; bottom: 0; left: 0; right: 0; height: 50px;}
.dialog_box { display: flex; flex-direction: column;}
.dialog_box_header { flex: 0 0 50px; display: flex; justify-content: space-between; align-items: center; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #e7e7e7;}
.dialog_box_content { flex: 1 1 auto; min-height: 400px; max-height: calc(100vh - 120px); overflow-y: scroll; }
.dialog_box_footer { flex: 0 0 70px; display: flex; justify-content: space-between; align-items: center; padding-left: 15px; padding-right: 15px; border-top: 1px solid #e7e7e7;}

/*文字标题溢出作为...*/
.text-overflow { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-overflow-2 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-overflow-3 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*隐藏上传表单*/
.hide-uploads {  overflow: hidden;  position: relative;  text-align: center;  display: inline-block;  }
.hide-uploads input[type=file] {  background: rgba(255,255,255,0);  overflow: hidden;  position: fixed;  width: 1px;  height: 1px;  z-index: -1;  opacity: 0;  }

/*table增强-复制于bootstrap*/
/*table{border-spacing:0;border-collapse:collapse}*/
/*td,th{padding:0}*/
.table{width: 100%;max-width: 100%;margin-bottom: 20px; border-spacing:0;border-collapse:collapse}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd}
.table>thead>tr>th{vertical-align: bottom;border-bottom: 2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top: 0}
.table>tbody+tbody{border-top: 2px solid #ddd}
.table .table{background-color: #fff}
.table-bordered{border: 1px solid #ddd}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border: 1px solid #ddd}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width: 2px}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f9f9f9}
.table-hover>tbody>tr:hover{background-color: #f5f5f5}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color: #f5f5f5}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color: #e8e8e8}

/*vuetify 覆盖*/
.v-btn { text-transform: none;}
.v-select__selection--comma { white-space: break-spaces!important;}
/*组件节约*/
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+json+markup-templating+php+sql */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}