system-clients 3.2.4 → 3.2.6

package/src/styles/less/progress-bars.less

@@ -0,0 +1,87 @@
+//
+// Progress bars
+// --------------------------------------------------
+
+
+// Bar animations
+// -------------------------
+
+// WebKit
+@-webkit-keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+// Spec and IE10+
+@keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+
+// Bar itself
+// -------------------------
+
+// Outer container
+.progress {
+  overflow: hidden;
+  height: @line-height-computed;
+  margin-bottom: @line-height-computed;
+  background-color: @progress-bg;
+  border-radius: @progress-border-radius;
+  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+}
+
+// Bar of progress
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: @font-size-small;
+  line-height: @line-height-computed;
+  color: @progress-bar-color;
+  text-align: center;
+  background-color: @progress-bar-bg;
+  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+  .transition(width .6s ease);
+}
+
+// Striped bars
+//
+// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
+// `.progress-bar-striped` class, which you just add to an existing
+// `.progress-bar`.
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  #gradient > .striped();
+  background-size: 40px 40px;
+}
+
+// Call animation for the active one
+//
+// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
+// `.progress-bar.active` approach.
+.progress.active .progress-bar,
+.progress-bar.active {
+  .animation(progress-bar-stripes 2s linear infinite);
+}
+
+
+// Variations
+// -------------------------
+
+.progress-bar-success {
+  .progress-bar-variant(@progress-bar-success-bg);
+}
+
+.progress-bar-info {
+  .progress-bar-variant(@progress-bar-info-bg);
+}
+
+.progress-bar-warning {
+  .progress-bar-variant(@progress-bar-warning-bg);
+}
+
+.progress-bar-danger {
+  .progress-bar-variant(@progress-bar-danger-bg);
+}

package/src/styles/less/responsive-embed.less

@@ -0,0 +1,35 @@
+// Embeds responsive
+//
+// Credit: Nicolas Gallagher and SUIT CSS.
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+
+  .embed-responsive-item,
+  iframe,
+  embed,
+  object,
+  video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+    border: 0;
+  }
+}
+
+// Modifier class for 16:9 aspect ratio
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+
+// Modifier class for 4:3 aspect ratio
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}

package/src/styles/less/responsive-utilities.less

@@ -0,0 +1,194 @@
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
+
+// IE10 in Windows (Phone) 8
+//
+// Support for responsive views via media queries is kind of borked in IE10, for
+// Surface/desktop in split view and for Windows Phone 8. This particular fix
+// must be accompanied by a snippet of JavaScript to sniff the user agent and
+// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
+// our Getting Started page for more information on this bug.
+//
+// For more information, see the following:
+//
+// Issue: https://github.com/twbs/bootstrap/issues/10497
+// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
+// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+
+@-ms-viewport {
+  width: device-width;
+}
+
+
+// Visibility utilities
+// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  .responsive-invisibility();
+}
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+
+.visible-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-visibility();
+  }
+}
+.visible-xs-block {
+  @media (max-width: @screen-xs-max) {
+    display: block !important;
+  }
+}
+.visible-xs-inline {
+  @media (max-width: @screen-xs-max) {
+    display: inline !important;
+  }
+}
+.visible-xs-inline-block {
+  @media (max-width: @screen-xs-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-visibility();
+  }
+}
+.visible-sm-block {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    display: block !important;
+  }
+}
+.visible-sm-inline {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    display: inline !important;
+  }
+}
+.visible-sm-inline-block {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-visibility();
+  }
+}
+.visible-md-block {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    display: block !important;
+  }
+}
+.visible-md-inline {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    display: inline !important;
+  }
+}
+.visible-md-inline-block {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    display: inline-block !important;
+  }
+}
+
+.visible-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-visibility();
+  }
+}
+.visible-lg-block {
+  @media (min-width: @screen-lg-min) {
+    display: block !important;
+  }
+}
+.visible-lg-inline {
+  @media (min-width: @screen-lg-min) {
+    display: inline !important;
+  }
+}
+.visible-lg-inline-block {
+  @media (min-width: @screen-lg-min) {
+    display: inline-block !important;
+  }
+}
+
+.hidden-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-invisibility();
+  }
+}
+
+
+// Print utilities
+//
+// Media queries are placed on the inside to be mixin-friendly.
+
+// Note: Deprecated .visible-print as of v3.2.0
+.visible-print {
+  .responsive-invisibility();
+
+  @media print {
+    .responsive-visibility();
+  }
+}
+.visible-print-block {
+  display: none !important;
+
+  @media print {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+
+  @media print {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+
+  @media print {
+    display: inline-block !important;
+  }
+}
+
+.hidden-print {
+  @media print {
+    .responsive-invisibility();
+  }
+}

package/src/styles/less/scaffolding.less

@@ -0,0 +1,161 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+
+// Reset the box-sizing
+//
+// Heads up! This reset may cause conflicts with some third-party apps.
+// For recommendations on resolving such conflicts, see
+// http://getbootstrap.com/getting-started/#third-box-sizing
+* {
+  .box-sizing(border-box);
+}
+*:before,
+*:after {
+  .box-sizing(border-box);
+}
+
+
+// Body reset
+
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+  font-family: @font-family-base;
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  color: @text-color;
+  background-color: @body-bg;
+}
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+
+// Links
+
+a {
+  color: @link-color;
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: @link-hover-color;
+    text-decoration: @link-hover-decoration;
+  }
+
+  &:focus {
+    .tab-focus();
+  }
+}
+
+
+// Figures
+//
+// We reset this here because previously Normalize had no `figure` margins. This
+// ensures we don't break anyone's use of the element.
+
+figure {
+  margin: 0;
+}
+
+
+// Images
+
+img {
+  vertical-align: middle;
+}
+
+// Responsive images (ensure images don't scale beyond their parents)
+.img-responsive {
+  .img-responsive();
+}
+
+// Rounded corners
+.img-rounded {
+  border-radius: @border-radius-large;
+}
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail {
+  padding: @thumbnail-padding;
+  line-height: @line-height-base;
+  background-color: @thumbnail-bg;
+  border: 1px solid @thumbnail-border;
+  border-radius: @thumbnail-border-radius;
+  .transition(all .2s ease-in-out);
+
+  // Keep them at most 100% wide
+  .img-responsive(inline-block);
+}
+
+// Perfect circle
+.img-circle {
+  border-radius: 50%; // set radius in percents
+}
+
+
+// Horizontal rules
+
+hr {
+  margin-top:    @line-height-computed;
+  margin-bottom: @line-height-computed;
+  border: 0;
+  border-top: 1px solid @hr-border;
+}
+
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+// Credit: HTML5 Boilerplate
+
+.sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
+
+
+// iOS "clickable elements" fix for role="button"
+//
+// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
+// for traditionally non-focusable elements with role="button"
+// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+
+[role="button"] {
+  cursor: pointer;
+}

package/src/styles/less/stand.less

@@ -0,0 +1,207 @@
+/*=========================通用样式表=========================*/
+@font-face {
+  font-family: PingFang;
+  src:url('../fonts/PingFangSC-Regular.ttf');
+}
+
+
+/********************字体*****************/
+/*字体标题_粗体*/
+.font_bold_title{font-weight: bold; color: #333333;text-align: right;vertical-align: middle;}
+/*字体正文_粗体*/
+.font_bold_body{ font-family: PingFang; font-weight: bold;color: #666666;text-align: right;vertical-align: middle; }
+/*字体_粗体*/
+.font_bold_title1{ font-family: PingFang; font-weight: bold;color: #999999;text-align: right;vertical-align: middle;}
+/*字体按钮_粗体*/
+.font_bold_button{ font-family: PingFang; font-weight: bold;color: #ffffff;text-align: right;vertical-align: middle;}
+/*字体蓝色_粗体*/
+.font_bold_blue{ font-family: PingFang; font-weight: bold;color: #6aa6e2;text-align: right;vertical-align: middle;}
+
+/*字体标题_正常*/
+.font_normal_title{ font-family: PingFang; font-weight: normal;color: #333333!important;text-align: right;vertical-align: middle;}
+/*字体正文_正常*/
+.font_normal_body{ font-family: PingFang; font-weight: normal !important;color: #666666!important;text-align: right;vertical-align: middle;}
+/*字体_正常*/
+.font_normal_title1{ font-family: PingFang;font-weight: normal;color: #999999!important;text-align: right;vertical-align: middle;}
+/*字体按钮_正常*/
+.font_normal_button{ font-family: PingFang;font-weight: normal;color: #ffffff!important;text-align: right;vertical-align: middle;}
+/*字体蓝色_正常*/
+.font_normal_blue{ font-family: PingFang;font-weight: normal;color: #6aa6e2!important;text-align: right;vertical-align: middle;}
+
+.search_area{background-color: #ffffff; border-radius: 10px;margin-bottom: 20px;padding: 20px}
+.list_area{background-color: #ffffff; border-radius: 10px;padding: 20px}
+
+
+/********************表格*****************/
+.table_sy{margin-top: 6px}
+/*表格表头*/
+.table_sy thead tr th{background-color: #eaf5ff!important;color: #666666 !important;font-family: PingFang !important;font-weight: normal!important;}
+/*表格主体_奇数行*/
+.table_sy tbody tr:nth-child(odd){background-color: #ffffff !important;border: solid 1px #f0f4fa !important;color: #666666!important;font-size: 15px!important;font-family: PingFang!important;}
+/*表格主体_偶数行*/
+.table_sy tbody tr:nth-child(even){background-color: #f6fbff !important;border: solid 1px #f0f4fa !important;color: #666666!important;font-size: 15px!important;font-family: PingFang!important;}
+/*表格主体_移动行*/
+.table_sy tbody tr:hover{    background-color: #ecf6ff!important;border: solid 1px #f0f4fa !important;color: #666666!important;font-size: 15px!important;font-family: PingFang!important;}
+/*表格底部*/
+.pager{background-color: #eaf5ff !important;}
+/*表格主体_点击行*/
+.success td{background-color: #ecf6ff !important;}
+
+.foot{font-family: PingFang !important;}
+
+/*下拉列表滑动变色*/
+.select_list li a:hover{background-color: #eaf5ff !important;border-radius: 2px;border: solid 1px #eaeaea;}
+
+/*弹窗*/
+.pop_windows{background-color: #d9e9f8;border-radius: 16px 16px 0px 0px;}
+/*标签*/
+.tab_color{border-bottom: 1px solid #6aa6e2; color: #6aa6e2; font-family: PingFang;}
+
+/*按钮间隔*/
+.button_spacing{margin: 0px  0px 0px 10px;}
+
+
+//报表样式
+//报表头部
+.report-head{ background-color: #b3dff7;border: solid 1px #999999;}
+//头部字体
+.head-font{color: #333333;font-size: 18px; }
+//报表左侧
+.report-left{background-color: #dff0f9;border: solid 1px #999999;}
+//报表主体
+.report-main {background-color: #ffffff; border: solid 1px #999999;}
+//报表主体字体
+.main-font{font-size: 18px;color: #1b1b1b; }
+
+
+/*=========================特殊样式表=========================*/
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+
+  /********************按钮*****************/
+
+  .font_normal_body{font-size: 16px!important;    line-height: 42px;}
+  .font_bold_body{font-size: 16px!important;    line-height: 42px;}
+  .font_bold_title{font-size: 16px!important;    line-height: 42px;}
+  .table_sy thead tr th{font-size: 16px !important;}
+  .foot .pager{ font-size: 16px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager a{ font-size: 16px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager li{ font-size: 16px!important;    color: #666666!important;font-weight: normal!important;}
+
+
+  /*按钮查询*/
+  .button_search{width: 75px; height: 40px; background-color: #6aa6e2; border-radius: 4px;    border:none; font-family: PingFang; font-size: 16px;     color: #ffffff;}
+  .button_search:hover{    background-color: #3592ef;}
+
+  /*按钮清空*/
+  .button_clear{width: 75px; height: 40px;  background-color: #5ac0d9; border-radius: 4px;border:none;    font-family: PingFang; font-size: 16px;     color: #ffffff;}
+  .button_clear:hover{    background-color: #27c4eb;}
+
+  /*按钮新建*/
+  .button_new{width: 75px; height: 40px;  background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 16px; color: #6aa6e2;}
+  .button_new:hover{background-color: #f0f8ff;}
+
+  /*按钮导出*/
+  .button_export {width: 110px; height: 40px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 16px; color: #6aa6e2;}
+  .button_export:hover{background-color: #f0f8ff;}
+  .button_export button{width: 110px; height: 40px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 16px; color: #6aa6e2;}
+  .button_export button:hover{background-color: #f0f8ff;}
+
+  /*查询输入框*/
+  .input_search{    width: 270px;height: 40px;background-color: #ffffff;border-radius: 2px;border: solid 1px #c7c7c7;color: #333333;    font-size: 16px;font-family: PingFang;}
+  .input_search .datepicker .datepicker-input input{    width: 270px!important;height: 42px!important;background-color: #ffffff!important;border-radius: 2px;border: solid 1px #c7c7c7 !important;color: #333333;    font-size: 16px;font-family: PingFang;}
+  .input_search::-webkit-input-placeholder{color: #999999;    font-size: 16px;padding-left:15px;font-family: PingFang;}
+  .input_search:focus{    border: solid 1px #6aa6e2;}
+
+
+  /*下拉框*/
+  .select  button{width: 270px!important;height: 40px!important;background-color: #ffffff!important;border-radius: 2px!important;border: solid 1px #c7c7c7!important;color: #666666;    font-size: 16px;font-family: PingFang;font-weight: normal!important;}
+  .select  button:focus{    border: solid 1px #6aa6e2!important;}
+
+}
+
+/*分辨率@1600*900*/
+@media screen and (max-width: 1600px) {
+
+  /********************按钮*****************/
+  /*按钮间隔*/
+  /*.button_spacing{margin: 0px  0px 0px 20px;}*/
+  .font_normal_body{font-size: 15px!important;    line-height: 38px; }
+  .font_bold_body{font-size: 15px!important;    line-height: 38px; }
+  .font_bold_title{font-size: 15px!important;    line-height: 38px; }
+  .table_sy thead tr th{font-size: 15px !important;}
+  .foot .pager{ font-size: 15px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager a{ font-size: 15px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager li{ font-size: 15px!important;    color: #666666!important;font-weight: normal!important;}
+
+  /*按钮查询*/
+  .button_search{width: 70px; height: 36px; background-color: #6aa6e2; border-radius: 4px;    border:none; font-family: PingFang; font-size: 15px;     color: #ffffff;}
+  .button_search:hover{    background-color: #3592ef;}
+
+  /*按钮清空*/
+  .button_clear{width: 70px; height: 36px; background-color: #5ac0d9; border-radius: 4px;border:none;    font-family: PingFang; font-size: 15px;     color: #ffffff;}
+  .button_clear:hover{    background-color: #27c4eb;}
+
+  /*按钮新建*/
+  .button_new{width: 70px; height: 36px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 15px; color: #6aa6e2;}
+  .button_new:hover{background-color: #f0f8ff;}
+
+  /*按钮导出*/
+  .button_export {width: 110px; height: 36px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 15px; color: #6aa6e2;}
+  .button_export:hover{background-color: #f0f8ff;}
+  .button_export button{width: 120px; height: 32px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 15px; color: #6aa6e2;}
+  .button_export button:hover{background-color: #f0f8ff;}
+
+  /*查询输入框*/
+  .input_search{    width: 200px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #c7c7c7!important;color: #333333!important;    font-size: 15px!important;font-family: PingFang;}
+  .input_search::-webkit-input-placeholder{color: #999999;    font-size: 14px;padding-left:15px;font-family: PingFang;}
+  .input_search:focus{    border: solid 1px #6aa6e2;}
+
+  /*下拉框*/
+  .select  button{width: 200px!important;height: 36px!important;background-color: #ffffff!important;border-radius: 2px!important;border: solid 1px #c7c7c7!important;color: #666666!important;    font-size: 15px!important;font-family: PingFang;font-weight: normal!important;}
+  .select  button:focus{    border: solid 1px #6aa6e2!important;}
+}
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+
+  /********************按钮*****************/
+  /*按钮间隔*/
+  /*.button_spacing{margin: 0px  0px 0px 20px;}*/
+  .font_normal_body{font-size: 14px!important;    line-height: 36px; }
+  .font_bold_body{font-size: 14px!important;    line-height: 36px; }
+  .font_bold_title{font-size: 14px!important;    line-height: 36px; }
+  .table_sy thead tr th{font-size: 14px !important;}
+  .foot .pager{ font-size: 14px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager a{ font-size: 14px!important;    color: #666666!important;font-weight: normal!important;}
+  .foot .pager li{ font-size: 14px!important;    color: #666666!important;font-weight: normal!important;}
+
+  /*按钮查询*/
+  .button_search{width: 60px; height: 34px; background-color: #6aa6e2; border-radius: 4px;    border:none; font-family: PingFang; font-size: 14px;     color: #ffffff;}
+  .button_search:hover{    background-color: #3592ef;}
+
+  /*按钮清空*/
+  .button_clear{width: 60px; height: 34px; background-color: #5ac0d9; border-radius: 4px;border:none;    font-family: PingFang; font-size: 14px;     color: #ffffff;}
+  .button_clear:hover{    background-color: #27c4eb;}
+
+  /*按钮新建*/
+  .button_new{width: 60px; height: 34px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 14px; color: #6aa6e2;}
+  .button_new:hover{background-color: #f0f8ff;}
+
+  /*按钮导出*/
+  .button_export {width: 110px; height: 34px; background-color: #ffffff;border-radius: 4px;border: solid 1px #6aa6e2;    font-family: PingFang; font-size: 14px; color: #6aa6e2;}
+  .button_export:hover{background-color: #f0f8ff;}
+  .button_export button{width: 110px !important; height: 34px!important; background-color: #ffffff!important;border-radius: 4px!important;border: solid 1px #6aa6e2!important;    font-family: PingFang; font-size: 14px!important; color: #6aa6e2!important;}
+  .button_export button:hover{background-color: #f0f8ff;}
+
+  /*查询输入框*/
+  .input_search{    width: 180px;height: 34px;background-color: #ffffff;border-radius: 2px;border: solid 1px #c7c7c7;color: #333333;    font-size: 14px;font-family: PingFang;}
+  .input_search::-webkit-input-placeholder{color: #999999;    font-size: 14px;padding-left:15px;font-family: PingFang;}
+  .input_search:focus{    border: solid 1px #6aa6e2;}
+
+  /*下拉框*/
+  .select  button{width: 180px!important;height: 34px!important;background-color: #ffffff!important;border-radius: 2px!important;border: solid 1px #c7c7c7!important;color: #666666!important;    font-size: 14px!important;font-family: PingFang;font-weight: normal!important;}
+  .select  button:focus{    border: solid 1px #6aa6e2!important;}
+
+}