@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;}

/*自定义通用*/
.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; }

/*文字标题溢出作为...*/
.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}