/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video, input {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
 }
 
 body {
   font-family: Arial,"微软雅黑","Microsoft Sans Serif";
   font-size: 12px;
   color: #333333;
 }
 .w100{
   width: 100%;
 }
 ul,li {
   list-style: none;
 }
 img {
   border: none;
 }
 a, a:link, a:visited, a:hover, a:active{
   color: #333;
   text-decoration: none;
   cursor: pointer;
 }
 .cursor-pointer{
   cursor: pointer;
 }
 
 textarea {
   overflow: auto;
   border: 1px solid #eee;
   resize: none;
   padding: 5px;
 }
 
 /*-----------------------------------------------------------------常用的公共样式--开始--------------------------------------------------------------------------*/
 /*左右浮动*/
 .float-r{
   float: right;
 }
 .float-l{
   float: left;
 }
 .float-none{
   float:none;
 }
 
 /*左右对齐*/
 .text-r{
   text-align: right;
 }
 .text-l{
   text-align: left;
 }.text-c{
   text-align: center;
 }
 
 /*背景色*/
 .bg-red{
   background-color: red;
 }
 .bg-yellow{
   background-color: yellow;
 }
 
 .color-white{
   color:white;
 }
 
 /*相对定位*/
 .pos-relative{
   position: relative;
 }
 /*变块元素*/
 .dis-block {
   display: block;
 }
 /*变行内块元素元素*/
 .dis-in-block {
   display: inline-block;
 }
 
 /*清浮动*/
 .clear-fix:after{
   content:".";
   clear:both;
   display:block;
   height:0;
   overflow:hidden;
   visibility:hidden;
 }
 
 /*文字不换行,显示省略号*/
 .overflow-els{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 /*文字换行,显示两行，超出隐藏*/
 .overflow-els-ver{
   overflow: hidden;
   text-overflow: ellipsis;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
 }
 .w65{
   width: 65px;
 }
 
 /*常用外边距*/
 .margin-t5{
   margin-top: 5px;
 }
 .margin-t10{
   margin-top: 10px;
 }
 .margin-t15{
   margin-top: 15px;
 }
 .margin-b5{
   margin-bottom: 5px;
 }
 .margin-l15{
   margin-left: 15px;
 }
 .margin-b10{
   margin-bottom: 10px;
 }
 .margin-b15{
   margin-bottom: 15px;
 }
 .margin-lr10{
   margin: 0 10px;
 }
 .margin-lr5{
   margin: 0 5px;
 }
 .margin-l10{
   margin-left: 10px!important;
 }
 .margin-r10{
   margin-right: 10px;
 }
 
 /*常用内边距*/
 .padding-l10px{
   padding-left: 10px;
 }
 .padding-l20{
   padding-left: 20px;
 }
 .padding-r10px {
   padding-right: 10px;
 }
 .padding-lr8px{
   padding: 0 8px;
 }
 .pad-l15px{
   padding-left: 15px;
 }
 .pad-l25px{
   padding-left: 25px!important;
 }
 .pad-b15px{
   padding-bottom: 15px;
 }
 .pad-5px{
   padding: 5px;
 }
 .pad-10px{
   padding: 10px;
 }
 .tr-empty{
   color: #888;
   font-size: 14px;
 }
 .pad-t15px{
   padding-top: 15px;
 }
 
 /*设置滚动条*/
 ::-webkit-scrollbar-track {
   background-color: #F5F5F5;
 }
 ::-webkit-scrollbar-thumb {
   background-color: #888;
   border-radius: 1px;
 }
 ::-webkit-scrollbar {
   width: 6px;
   height: 8px!important;
   background-color: #F5F5F5;
 }
 
 /* flex样式 */
 .display-flex{
   display:flex;
 }
 .display-flex-center{
   display:flex;
   align-items: center;
 }
 .flex-flow-row{
   display: flex;
   flex-wrap: nowrap;
   flex-flow: row;
 }
 .flex-flow-column {
   display: flex;
   flex-wrap: nowrap;
   flex-flow: column;
 }
 
 /*设置全局下划线*/
 .text-decoration-cursor{
   text-decoration: underline;
   cursor: pointer;
 }
 
 .bottom-divider {
   border-bottom: 1px solid #e5e5e5;
 }
 /* 去除i em i 默认样式 */
 .i-nostyle,
 .em-nostyle {
   font-style: normal;
 }
 
 .required{
   color: #fb1c1c;
 }
 .bg-333 {
   background-color: #dedede !important;
 }

 // 高级查询 模块 ---------------- start
.tool-common-wrap {
  overflow: hidden;
  .search-wrap {
    float: left;
    overflow: hidden;
    .el-select {
      float: left;
      width: 109px;
      margin-right: 20px;
      .el-input__inner {
        border: 1px solid #0796F9;
        border-radius: 2px;
        color: #0796F9;
      }
      ::-webkit-input-placeholder {
        color: #0796F9;
      }
      :-moz-placeholder {
        color: #0796F9;
      }
      ::-moz-placeholder {
        color: #0796F9;
      }
      :-ms-input-placeholder {
        color: #0796F9;
      }
      .el-input__suffix {
        i {
          color: #0796F9;
        }
      }
    }
    .el-input-group.el-input {
      float: left;
      width: 210px;
      border-radius: 2px;
      .el-input__inner {
        color: #0796F9;
        border: 1px solid #0796F9;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .el-input-group__append {
        width: 47px;
        padding: 0;
        color: #ffffff;
        text-align: center;
        border: none;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background-color: #0796F9;
        cursor: pointer;
        span {
          display: block;
        }
        .el-button {
          padding: 0;
        }
        i {
          font-size: 22px;
          position: relative;
          top: 1px;
        }
      }
    }
  }
  .btn-wrap {
    float: right;
  }
  .btn-wrap {
    float: right;
  }
  [class^="el-icon-"] {
    position: relative;
    left: 3px;
  }
}

.power-search {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  .el-col-8 {
    height: 47px;
  }
}
// 高级查询 模块 ---------------- end
