@charset "UTF-8";
/*样式表公共内容*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
  outline: none;
  outline-offset: 0;
}

input[type="text"], textarea {
  -webkit-appearance: none;
}

a, input, label {
  -webkit-top-highlight-color: rgba(255, 0, 0, 0);
}

label, p {
  margin-top: 0;
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}

body {
  font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'sans-serif';
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  color: #555;
  background-color: #fff;
}

ul, ol {
  list-style: none;
  margin-bottom: 0;
}

.clearfix:before, .ibox-title:before, .form-control-number:before, .form-file-group .uploader-list:before, .form-file-group .item .info:before, .clearfix:after, .ibox-title:after, .form-control-number:after, .form-file-group .uploader-list:after, .form-file-group .item .info:after {
  width: 100%;
  height: 0;
  clear: both;
  display: block;
  content: '';
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pd0 {
  padding: 0 !important;
}

.mg0 {
  margin: 0;
}

.border0 {
  border: none !important;
}

.font-size0 {
  font-size: 0;
}

.pd-left-0 {
  padding-left: 0px;
}

.pd-left-5 {
  padding-left: 5px;
}

.pd-left-10 {
  padding-left: 10px;
}

.pd-right-0 {
  padding-right: 0px;
}

.pd-right-5 {
  padding-right: 5px;
}

.pd-right-10 {
  padding-right: 10px;
}

.pd-top-0 {
  padding-top: 0px;
}

.pd-top-5 {
  padding-top: 5px;
}

.pd-top-10 {
  padding-top: 10px;
}

.pd-bottom-0 {
  padding-bottom: 0px;
}

.pd-bottom-5 {
  padding-bottom: 5px;
}

.pd-bottom-10 {
  padding-bottom: 10px;
}

.mg-left-0 {
  margin-left: 0px;
}

.mg-left-5 {
  margin-left: 5px;
}

.mg-left-10 {
  margin-left: 10px;
}

.mg-right-0 {
  margin-right: 0px;
}

.mg-right-5 {
  margin-right: 5px;
}

.mg-right-10 {
  margin-right: 10px;
}

.mg-top-0 {
  margin-top: 0px;
}

.mg-top-5 {
  margin-top: 5px;
}

.mg-top-10 {
  margin-top: 10px;
}

.mg-bottom-0 {
  margin-bottom: 0px;
}

.mg-bottom-5 {
  margin-bottom: 5px;
}

.mg-bottom-10 {
  margin-bottom: 10px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.separator-line {
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin: 20px 0;
}

.ht-empty {
  text-align: center;
  display: none;
  margin-top: 40px;
}

.empty-text {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .reset-scrollbar, .base-section-box > div > textarea, .base-section-box .base-section-textarea, .table-responsive, .dropdown-menu, .container-cloud .container-main .main-sidebar, .company_name_box, .form-control-cascade-select .cascade-content .cascade-ul, .form-cascade-select .cascade-content .cascade-ul {
    /*滚动条整体部分*/
    /*正常情况下滑块的样式*/
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
    /*鼠标悬浮在滑块上时滑块的样式*/
    /*正常时候的主干部分*/
  }
  .reset-scrollbar::-webkit-scrollbar, .base-section-box > div > textarea::-webkit-scrollbar, .base-section-box .base-section-textarea::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar, .container-cloud .container-main .main-sidebar::-webkit-scrollbar, .company_name_box::-webkit-scrollbar, .form-control-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar, .form-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar {
    width: 6px;
    /*横向高度*/
    height: 6px;
  }
  .reset-scrollbar::-webkit-scrollbar-thumb, .base-section-box > div > textarea::-webkit-scrollbar-thumb, .base-section-box .base-section-textarea::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb, .container-cloud .container-main .main-sidebar::-webkit-scrollbar-thumb, .company_name_box::-webkit-scrollbar-thumb, .form-control-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-thumb, .form-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-thumb {
    background-color: #CECECE;
    border-radius: 3px;
  }
  .reset-scrollbar:hover::-webkit-scrollbar-thumb, .base-section-box > div > textarea:hover::-webkit-scrollbar-thumb, .base-section-box .base-section-textarea:hover::-webkit-scrollbar-thumb, .table-responsive:hover::-webkit-scrollbar-thumb, .dropdown-menu:hover::-webkit-scrollbar-thumb, .container-cloud .container-main .main-sidebar:hover::-webkit-scrollbar-thumb, .company_name_box:hover::-webkit-scrollbar-thumb, .form-control-cascade-select .cascade-content .cascade-ul:hover::-webkit-scrollbar-thumb, .form-cascade-select .cascade-content .cascade-ul:hover::-webkit-scrollbar-thumb {
    background-color: #BFBFBF;
  }
  .reset-scrollbar::-webkit-scrollbar-thumb:hover, .base-section-box > div > textarea::-webkit-scrollbar-thumb:hover, .base-section-box .base-section-textarea::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover, .dropdown-menu::-webkit-scrollbar-thumb:hover, .container-cloud .container-main .main-sidebar::-webkit-scrollbar-thumb:hover, .company_name_box::-webkit-scrollbar-thumb:hover, .form-control-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-thumb:hover, .form-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-thumb:hover {
    background-color: #BFBFBF;
  }
  .reset-scrollbar::-webkit-scrollbar-track, .base-section-box > div > textarea::-webkit-scrollbar-track, .base-section-box .base-section-textarea::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .dropdown-menu::-webkit-scrollbar-track, .container-cloud .container-main .main-sidebar::-webkit-scrollbar-track, .company_name_box::-webkit-scrollbar-track, .form-control-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-track, .form-cascade-select .cascade-content .cascade-ul::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #F5F5F5;
  }
}

.navbar-left-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 180px;
  height: 100%;
  overflow: auto;
  background: #fff;
  z-index: 2025;
}

.navbar-left-first-level {
  width: 100%;
}

.navbar-left-first-level > li {
  width: 100%;
  position: relative;
}

.navbar-left-first-level > li > a {
  padding: 14px 20px;
  display: inline-block;
  width: 100%;
  color: #555;
}

.navbar-left-first-level > li > a > span {
  font-size: 14px;
  vertical-align: middle;
}

.navbar-left-first-level > li > a > .highlight {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 6px;
  padding: 0;
  vertical-align: middle;
}

.navbar-left-first-level > li.active > a > .highlight,
.navbar-left-first-level > li:hover > a > .highlight {
  background-position: left bottom;
}

.navbar-left-first-level > li.active > a,
.navbar-left-first-level > li:hover > a {
  color: #1875f0;
}

.navbar-left-first-level > li > a > .arrow,
.navbar-left-second-level > li > a > .arrow {
  width: 18px;
  height: 10px;
  display: inline-block;
  float: right;
  background: url("../images/arrow_down.png") no-repeat center center;
  background-size: 70%;
  margin-top: 9px;
}

.navbar-left-first-level > li.active > a > .arrow,
.navbar-left-second-level > li.active > a > .arrow {
  background: url("../images/arrow_up.png") no-repeat center center;
  background-size: 70%;
}

.navbar-left-second-level > li > a > .arrow {
  margin-top: 2px;
}

.navbar-left-second-level,
.navbar-left-third-level {
  display: none;
  width: 100%;
}

.navbar-left-first-level > li.active > .navbar-left-second-level,
.navbar-left-second-level > li.active > .navbar-left-third-level {
  display: block;
}

.navbar-left-second-level > li,
.navbar-left-third-level > li {
  width: 100%;
}

.navbar-left-second-level > li > a,
.navbar-left-third-level > li > a {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 7px 5px 7px 45px;
  color: #555;
}

.navbar-left-third-level > li > a {
  padding: 7px 5px 7px 60px;
}

.navbar-left-second-level > li.active > a,
.navbar-left-third-level > li.active > a,
.navbar-left-second-level > li:hover > a,
.navbar-left-third-level > li:hover > a {
  color: #1785f0;
}

.navbar-left-menu-control, .navbar-left-menu-control-mobile {
  width: 100%;
  height: 48px;
  background-color: #e9e9e9;
  background-image: url("../images/open_menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.navbar-left-box.mini-menu {
  width: 72px;
  overflow: visible;
}

.navbar-left-box.mini-menu .navbar-left-first-level > li > a > span,
.navbar-left-box.mini-menu .navbar-left-first-level > li > a > .arrow {
  display: none;
}

.navbar-left-box.mini-menu .navbar-left-first-level > li.active > .navbar-left-second-level {
  position: absolute;
  left: 72px;
  width: 150px;
  top: 0;
  background: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}

.navbar-left-box.mini-menu .navbar-left-second-level > li > a {
  padding-left: 20px;
}

.navbar-left-box.mini-menu .navbar-left-third-level > li > a {
  padding-left: 40px;
}

.navbar-left-mobile-control {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px;
  position: fixed;
  left: 10px;
  top: 20px;
  background-image: url("../images/open_menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  display: none;
  z-index: 1000;
}

.mini-menu .navbar-left-menu-control, .mini-menu .navbar-left-menu-control-mobile {
  background-image: url("../images/close_menu.png");
}

@media (max-width: 768px) {
  .navbar-left-mobile-control {
    display: block;
  }
  .navbar-left-menu-control, .navbar-left-menu-control-mobile {
    background-image: url("../images/close_menu.png");
  }
  .navbar-left-box {
    display: none;
    margin-left: -180px;
  }
  .navbar-left-box.mini-menu {
    width: 180px;
    overflow: auto;
  }
  .navbar-left-box.mini-menu .navbar-left-first-level > li > a > span,
  .navbar-left-box.mini-menu .navbar-left-first-level > li > a > .arrow {
    display: inline-block;
  }
  .navbar-left-box.mini-menu .navbar-left-first-level > li.active > .navbar-left-second-level {
    width: 100%;
    background: #fff;
    box-shadow: none;
    position: static;
  }
  .navbar-left-box.mini-menu .navbar-left-second-level > li > a {
    padding-left: 50px;
  }
  .navbar-left-box.mini-menu .navbar-left-third-level > li > a {
    padding-left: 60px;
  }
}

a.navbar-horizontal:link,
a.navbar-horizontal:active,
a.navbar-horizontal:visited {
  color: #444;
}

.navbar-horizontal {
  position: relative;
  background-color: #fff;
}

.navbar-horizontal .navbar-firstbar-list > ul > li {
  display: inline-block;
  width: auto;
  line-height: 90px;
  float: left;
  padding: 0 21px;
  z-index: 10;
}

.navbar-horizontal .navbar-firstbar-list > ul > li > a {
  display: block;
  width: 100%;
  height: 69px;
  color: #999;
  font-size: 15px;
  text-align: center;
}

.navbar-horizontal .navbar-firstbar-list > ul > li.active > a {
  border-bottom: 3px solid #1875f0;
}

.navbar-horizontal .navbar-secondbar-list > ul {
  display: none;
  width: 260px;
  position: absolute;
  top: 80px;
  padding-bottom: 10px;
  background-color: #fff;
}

.navbar-horizontal .navbar-secondbar-list > ul > li {
  line-height: 58px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  color: #444;
  border-bottom: 1px solid #e9e9e9;
}

.navbar-horizontal .navbar-secondbar-list i {
  margin: 0 15px 0 10px;
  vertical-align: middle;
}

.navbar-horizontal .navbar-secondbar-list a {
  display: block;
}

.navbar-horizontal .navbar-thirdbar-list {
  display: none;
}

.navbar-horizontal .navbar-thirdbar-list i {
  margin: 0 15px 0 30px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .navbar-horizontal .navbar-secondbar-list > ul {
    width: 100%;
    left: 0 !important;
  }
}

.sidebar-box a {
  display: block;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  overflow: hidden;
}

.sidebar-box .first-nav {
  background-color: #fff;
}

.sidebar-box .first-nav.active > li > a > i {
  background-image: url(../images/plugin/sidebar/arrow-right.png);
}

.sidebar-box .first-nav.active .second-nav {
  display: block;
}

.sidebar-box .first-nav.active .second-nav > li > a.active + ul.third-nav a.active {
  color: #1875f0;
}

.sidebar-box .first-nav > li > a {
  font-size: 14px;
  color: #666;
  position: relative;
}

.sidebar-box .first-nav > li > a:hover {
  color: #1875f0;
  overflow: visible;
}

.sidebar-box .first-nav > li > a:hover .icon-s {
  background-position: left bottom;
}

.sidebar-box .first-nav > li > a:hover > span {
  display: block;
  position: absolute;
  top: 5px;
  left: 51px;
  width: 122px;
  height: 40px;
  line-height: 40px;
  color: #999;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
  z-index: 100;
}

.sidebar-box .first-nav > li > a > i {
  font-style: normal;
  margin: 9px 13px 12px;
  vertical-align: middle;
}

.sidebar-box .second-nav {
  display: none;
  background-color: #f9f9f9;
}

.sidebar-box .second-nav > li {
  position: relative;
}

.sidebar-box .second-nav > li:hover {
  overflow: visible;
}

.sidebar-box .second-nav > li:hover > a {
  overflow: visible;
}

.sidebar-box .second-nav > li:hover > a > span {
  display: block;
  position: absolute;
  top: 5px;
  left: 51px;
  width: 122px;
  height: 40px;
  line-height: 40px;
  color: #999;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
  z-index: 100;
}

.sidebar-box .second-nav > li:hover > a > [class*='icon-arrow-line'] {
  display: none;
}

.sidebar-box .second-nav > li:hover > ul.third-nav {
  display: block;
  position: absolute;
  top: 40px;
  left: 51px;
  width: 122px;
  color: #999;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
  border-top: 1px solid #e9e9e9;
  z-index: 100;
}

.sidebar-box .second-nav > li:hover > ul.third-nav > li > a {
  color: #999;
  padding: 0;
}

.sidebar-box .second-nav > li:hover > ul.third-nav > li:hover a {
  color: #1875f0;
}

.sidebar-box .second-nav > li > a {
  font-size: 14px;
  color: #666;
  position: relative;
}

.sidebar-box .second-nav > li > a:hover, .sidebar-box .second-nav > li > a.active {
  color: #1875f0;
}

.sidebar-box .second-nav > li > a:hover .icon-s, .sidebar-box .second-nav > li > a.active .icon-s {
  background-position: left bottom;
}

.sidebar-box .second-nav > li > a.active .icon-arrow-line-down {
  background-image: url("../images/plugin/sidebar/arrow-line-up.png");
}

.sidebar-box .second-nav > li > a > span {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.sidebar-box .second-nav > li > a > i {
  font-style: normal;
}

.sidebar-box .second-nav > li > a > i:nth-child(1) {
  margin: 9px 13px 13px;
  vertical-align: middle;
}

.sidebar-box .second-nav > li > a > i:nth-child(3) {
  margin: 12px 5px 0 0;
  float: right;
}

.sidebar-box .third-nav {
  display: none;
  background-color: #f0f0f0;
  padding: 6px 0;
}

.sidebar-box .third-nav > li > a {
  font-size: 12px;
  color: #666;
  padding-left: 60px;
}

.sidebar-box .third-nav > li > a:hover {
  color: #1875f0;
}

@media (max-width: 768px) {
  .sidebar-box .third-nav {
    background-color: #f9f9f9;
  }
}

.open-sidebar .sidebar-box .first-nav.active > li > a > i {
  background-image: url(../images/plugin/sidebar/arrow-right.png);
}

.open-sidebar .sidebar-box .first-nav.active .second-nav {
  display: block;
}

/*@media (max-width: 768px){*/
/*  .open-sidebar .sidebar-box .first-nav.active .second-nav {*/
/*    display: none;*/
/*  }*/
/*}*/

.open-sidebar .sidebar-box .first-nav.active .second-nav > li > a.active + ul.third-nav {
  display: block;
}

.open-sidebar .sidebar-box .first-nav.active .second-nav > li > a.active + ul.third-nav a.active {
  color: #1875f0;
}

.open-sidebar .sidebar-box .first-nav > li > a:hover {
  overflow: hidden;
}

.open-sidebar .sidebar-box .first-nav > li > a:hover > span {
  display: inline;
  position: relative;
  top: 0;
  left: 0;
  width: 122px;
  height: 40px;
  line-height: 40px;
  color: #1875f0;
  box-shadow: none;
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .first-nav > li > a {
    border-bottom: 1px solid #e9e9e9;
  }
}

.open-sidebar .sidebar-box .second-nav {
  display: none;
  background-color: #f9f9f9;
}

.open-sidebar .sidebar-box .second-nav > li:hover {
  overflow: visible;
}

.open-sidebar .sidebar-box .second-nav > li:hover > a {
  overflow: visible;
}

.open-sidebar .sidebar-box .second-nav > li:hover > a > span {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  color: #1875f0;
  background-color: #f9f9f9;
  text-align: left;
  box-shadow: none;
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .second-nav > li:hover > a > span {
    background-color: #fff;
  }
}

.open-sidebar .sidebar-box .second-nav > li:hover > a > [class*='icon-arrow-line'] {
  display: inline;
}

.open-sidebar .sidebar-box .second-nav > li:hover > ul.third-nav {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  color: #666;
  background-color: #f0f0f0;
  text-align: left;
  box-shadow: none;
  border-top: none;
}

.open-sidebar .sidebar-box .second-nav > li:hover > ul.third-nav > li > a {
  color: #666;
  padding-left: 60px;
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .second-nav > li:hover > ul.third-nav > li > a {
    padding-left: 100px;
  }
}

.open-sidebar .sidebar-box .second-nav > li:hover > ul.third-nav > li:hover a {
  color: #1875f0;
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .second-nav > li:hover > ul.third-nav {
    background-color: #f9f9f9;
  }
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .second-nav > li > a {
    padding: 0 33px;
    border-bottom: 1px solid #e9e9e9;
  }
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .second-nav {
    background-color: #fff;
  }
}

@media (max-width: 768px) {
  .open-sidebar .sidebar-box .third-nav > li > a {
    padding-left: 100px;
  }
}

/*通栏背景图片的自适应*/
.ht-banner {
  width: 100%;
  height: 220px;
}

.ht-banner-main {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ht-main-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ht-main-img > img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  vertical-align: middle;
}

.ht-main-img > img:nth-child(1) {
  display: block;
}

.ht-main-img > img:nth-child(2) {
  display: none;
}

@media (max-width: 768px) {
  .ht-banner {
    height: 110px;
  }
  .ht-main-img > img:nth-child(1) {
    display: none;
  }
  .ht-main-img > img:nth-child(2) {
    display: block;
  }
}

.ad-img {
  width: 100%;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.ad-img-yxds {
  background-image: url("../images/banner/ad-img-yxds.jpg");
}

/*icon version 1.0*/
/*图标*/
/*小图标30*30*/
.icon-s {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: inline-block;
  padding: 12px;
}

.icon-s:hover, .icon-s:focus, .icon-s.active {
  background-position: left bottom;
}

.icon-s-home {
  background-image: url("../images/icon/smallicon/icon-s-home.png");
}

.icon-s-khq {
  background-image: url("../images/icon/smallicon/icon-s-khq.png");
}

.icon-s-ptq {
  background-image: url("../images/icon/smallicon/icon-s-ptq.png");
}

.icon-s-dygl {
  background-image: url("../images/icon/smallicon/icon-s-dygl.png");
}

.icon-s-sjzx {
  background-image: url("../images/icon/smallicon/icon-s-sjzx.png");
}

.icon-s-bzgl {
  background-image: url("../images/icon/smallicon/icon-s-bzgl.png");
}

.icon-s-cwzx {
  background-image: url("../images/icon/smallicon/icon-s-cwzx.png");
}

.icon-s-zbzy {
  background-image: url("../images/icon/smallicon/icon-s-zbzy.png");
}

.icon-s-yxfw {
  background-image: url("../images/icon/smallicon/icon-s-yxfw.png");
}

.icon-s-mtzx {
  background-image: url("../images/icon/smallicon/icon-s-mtzx.png");
}

.icon-s-pxzx {
  background-image: url("../images/icon/smallicon/icon-s-pxzx.png");
}

.icon-s-wxzx {
  background-image: url("../images/icon/smallicon/icon-s-wxzx.png");
}

.icon-s-bxfw {
  background-image: url("../images/icon/smallicon/icon-s-bxfw.png");
}

.icon-s-khgl {
  background-image: url("../images/icon/smallicon/icon-s-khgl.png");
}

.icon-s-bgs {
  background-image: url("../images/icon/smallicon/icon-s-bgs.png");
}

.icon-s-rlzy {
  background-image: url("../images/icon/smallicon/icon-s-rlzy.png");
}

.icon-s-ydyx {
  background-image: url("../images/icon/smallicon/icon-s-ydyx.png");
}

.icon-s-tips {
  background-image: url("../images/plugin/icon-tips.png");
}

.icon-s-delete {
  background-image: url("../images/plugin/icon-delete.png");
}

/*首页图标*/
.icon-home {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.icon-home-gywg {
  background-image: url("../images/icon/icon-home-gywg.png");
}

.icon-home-dq {
  background-image: url("../images/icon/icon-home-dq.png");
}

.icon-home-yy {
  background-image: url("../images/icon/icon-home-yy.png");
}

.icon-home-zn {
  background-image: url("../images/icon/icon-home-zn.png");
}

.icon-home-gydsj {
  background-image: url("../images/icon/icon-home-gydsj.png");
}

.icon-home-xny {
  background-image: url("../images/icon/icon-home-xny.png");
}

.icon-home-shhy {
  background-image: url("../images/icon/icon-home-shhy.png");
}

.icon-home-yxz {
  background-image: url("../images/icon/icon-home-yxzx.png");
}

.icon-home-ysj {
  background-image: url("../images/icon/icon-home-ysj.png");
}

.icon-home-ysc {
  background-image: url("../images/icon/icon-home-ysc.png");
}

.icon-home-yzy {
  background-image: url("../images/icon/icon-home-yzy.png");
}

.icon-home-hlwjr {
  background-image: url("../images/icon/icon-home-hlw");
}

.icon-home-hlwxy {
  background-image: url("../images/icon/icon-home-hlwxy.png");
}

.icon-home-yxzs {
  background-image: url("../images/icon/icon-home-yxzs.png");
}

.icon-home-yxfw {
  background-image: url("../images/icon/icon-home-yxfw.png");
}

.icon-home-ywzx {
  background-image: url("../images/icon/icon-home-ywzx.png");
}

.icon-home-zjc {
  background-image: url("../images/icon/icon-home-zjc.png");
}

.icon-home-zlzx {
  background-image: url("../images/icon/icon-home-zlzx.png");
}

.icon-home-dyzy {
  background-image: url("../images/icon/icon-home-dyzy.png");
}

.icon-home-xxkj {
  background-image: url("../images/icon/icon-home-xxkj.png");
}

.icon-home-xmzx {
  background-image: url("../images/icon/icon-home-xmzx.png");
}

.icon-home-ydz {
  background-image: url("../images/icon/icon-home-ydz.png");
}

.icon-home-yds {
  background-image: url("../images/icon/icon-home-yds.png");
}

.icon-home-zlrz {
  background-image: url("../images/icon/icon-home-zlrz.png");
}

.icon-home-zxfw {
  background-image: url("../images/icon/icon-home-zxfw.png");
}

.icon-home-pxzx {
  background-image: url("../images/icon/icon-home-pxzx.png");
}

.icon-home-mtzx {
  background-image: url("../images/icon/icon-home-mtzx.png");
}

.icon-home-yxzx {
  background-image: url("../images/icon/icon-home-yxzx.png");
}

.icon-home-wxfw {
  background-image: url("../images/icon/icon-home-wxfw.png");
}

.icon-home-cwzx {
  background-image: url("../images/icon/icon-home-cwzx.png");
}

.icon-home-bzzx {
  background-image: url("../images/icon/icon-home-bzzx.png");
}

.icon-home-zbzy {
  background-image: url("../images/icon/icon-home-zbzy.png");
}

.icon-home-bgs {
  background-image: url("../images/icon/icon-home-bgs.png");
}

.icon-home-hdzx {
  background-image: url("../images/icon/icon-home-hdzx.png");
}

.icon-home-rlzy {
  background-image: url("../images/icon/icon-home-rlzy.png");
}

/*icon version 2.0*/
/*small icon 30*30*/
.icon-s,
.icon-m,
.icon-l {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: inline-block;
}

.icon-s:hover, .icon-s:focus, .icon-s.active,
.icon-m:hover,
.icon-m:focus,
.icon-m.active,
.icon-l:hover,
.icon-l:focus,
.icon-l.active {
  background-position: left bottom;
}

.icon-s {
  padding: 12px;
}

.icon-m {
  padding: 15px;
}

.icon-l {
  padding: 20px;
}

.icon-sl {
  padding: 35px;
}

.icon-index {
  background-image: url("../images/icon/sprite/icon-index.png");
}

.icon-khq {
  background-image: url("../images/icon/sprite/icon-khq.png");
}

.icon-spgl {
  background-image: url("../images/icon/sprite/icon-spgl.png");
}

.icon-yxsh {
  background-image: url("../images/icon/sprite/icon-yxsh.png");
}

.icon-ptq {
  background-image: url("../images/icon/sprite/icon-ptq.png");
}

.icon-dygl {
  background-image: url("../images/icon/sprite/icon-dygl.png");
}

.icon-sjzx {
  background-image: url("../images/icon/sprite/icon-sjzx.png");
}

.icon-bzgl {
  background-image: url("../images/icon/sprite/icon-bzgl.png");
}

.icon-cwzx {
  background-image: url("../images/icon/sprite/icon-cwzx.png");
}

.icon-zbzy {
  background-image: url("../images/icon/sprite/icon-zbzy.png");
}

.icon-yx {
  background-image: url("../images/icon/sprite/icon-yxzx.png");
}

.icon-ydyx {
  background-image: url("../images/icon/sprite/icon-ydyx.png");
}

.icon-mtzx {
  background-image: url("../images/icon/sprite/icon-mtzx.png");
}

.icon-pxzx {
  background-image: url("../images/icon/sprite/icon-pxzx.png");
}

.icon-wxzx {
  background-image: url("../images/icon/sprite/icon-wxzx.png");
}

.icon-bxfw {
  background-image: url("../images/icon/sprite/icon-bxfw.png");
}

.icon-khgl {
  background-image: url("../images/icon/sprite/icon-khgl.png");
}

.icon-deletes {
  background-image: url("../images/icon/sprite/icon-delete.png");
}

.icon-bgs {
  background-image: url("../images/icon/sprite/icon-bgs.png");
}

.icon-rlzy {
  background-image: url("../images/icon/sprite/icon-rlzy.png");
}

.icon-jhgy {
  background-image: url("../images/icon/sprite/icon-jhgy.png");
}

.icon-jhgys {
  background-image: url("../images/icon/sprite/icon-jhgys.png");
}

.icon-sczl {
  background-image: url("../images/icon/sprite/icon-sczl.png");
}

.icon-jszj {
  background-image: url("../images/icon/sprite/icon-jszj.png");
}

.icon-xh {
  background-image: url("../images/icon/sprite/icon-xh.png");
}

.icon-yjc {
  background-image: url("../images/icon/sprite/icon-yjc.png");
}

.icon-wxzcfx {
  background-image: url("../images/icon/sprite/icon-wxzcfx.png");
}

.icon-zs {
  background-image: url("../images/icon/sprite/icon-zs.png");
}

.icon-search {
  background-image: url("../images/icon/sprite/icon-search.png");
}

.icon-tips {
  background-image: url("../images/plugin/icon-tips.png");
}

.icon-delete {
  background-image: url("../images/plugin/icon-delete.png");
}

.icon-arrow-down {
  background-image: url("../images/plugin/sidebar/arrow-down.png");
}

.icon-arrow-right {
  background-image: url("../images/plugin/sidebar/arrow-right.png");
}

.icon-arrow-line-down {
  background-image: url("../images/plugin/sidebar/arrow-line-down.png");
}

.icon-arrow-line-up {
  background-image: url("../images/plugin/sidebar/arrow-line-up.png");
}

.icon-filter {
  background-image: url("../images/plugin/icon-filter.png");
}

.icon-zygxcpzx {
  background-image: url("../images/icon/icon-zygxcpzx.png");
}

.icon-wxyxjg {
  background-image: url("../images/icon/icon-wxyxjg.png");
}

.icon-wgyxjg {
  background-image: url("../images/icon/icon-wgyxjg.png");
}

.icon-jcgl {
  background-image: url("../images/icon/icon-jcgl.png");
}

.icon-jcjg {
  background-image: url("../images/icon/icon-jcjg.png");
}

.icon-dfgl {
  background-image: url("../images/icon/icon-dfgl.png");
}

.icon-wbdl {
  background-image: url("../images/icon/icon-wbdl.png");
}

.icon-loading {
  background-image: url("../images/icon/addon/loading.png");
  animation: rotatecicle 1000ms linear infinite;
  -moz-animation: rotatecicle 1000ms linear infinite;
  /* Firefox */
  -webkit-animation: rotatecicle 1000ms linear infinite;
  /* Safari and Chrome */
  -o-animation: rotatecicle 1000ms linear infinite;
  /* Opera */
}

@keyframes rotatecicle {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -moz-transform: rotate(360deg);
    /* Firefox */
    -webkit-transform: rotate(360deg);
    /* Safari and Chrome */
    -o-transform: rotate(360deg);
    /* Opera */
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotatecicle {
  /* Firefox */
}

@-webkit-keyframes rotatecicle {
  /* Safari and Chrome */
}

@-o-keyframes rotatecicle {
  /* Opera */
}

/*首页图标*/
.icon-home {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.icon-gywg {
  background-image: url("../images/icon/icon-home-gywg.png");
}

.icon-dq {
  background-image: url("../images/icon/icon-home-dq.png");
}

.icon-yy {
  background-image: url("../images/icon/icon-home-yy.png");
}

.icon-zn {
  background-image: url("../images/icon/icon-home-zn.png");
}

.icon-gydsj {
  background-image: url("../images/icon/icon-home-gydsj.png");
}

.icon-xny {
  background-image: url("../images/icon/icon-home-xny.png");
}

.icon-shhy {
  background-image: url("../images/icon/icon-home-shhy.png");
}

.icon-yxz {
  background-image: url("../images/icon/icon-home-yxzx.png");
}

.icon-ysj {
  background-image: url("../images/icon/icon-home-ysj.png");
}

.icon-ysc {
  background-image: url("../images/icon/icon-home-ysc.png");
}

.icon-yzy {
  background-image: url("../images/icon/icon-home-yzy.png");
}

.icon-hlwxy {
  background-image: url("../images/icon/icon-home-hlwxy.png");
}

.icon-yxzs {
  background-image: url("../images/icon/icon-home-yxzs.png");
}

.icon-bid {
  background-image: url("../images/icon/icon-home-yxfw.png");
}

.icon-ywzx {
  background-image: url("../images/icon/icon-home-ywzx.png");
}

.icon-zjc {
  background-image: url("../images/icon/icon-home-zjc.png");
}

.icon-zlzx {
  background-image: url("../images/icon/icon-home-zlzx.png");
}

.icon-dyzy {
  background-image: url("../images/icon/icon-home-dyzy.png");
}

.icon-xxkj {
  background-image: url("../images/icon/icon-home-xxkj.png");
}

.icon-xmzx {
  background-image: url("../images/icon/icon-home-xmzx.png");
}

.icon-ydz {
  background-image: url("../images/icon/icon-home-ydz.png");
}

.icon-yds {
  background-image: url("../images/icon/icon-home-yds.png");
}

.icon-zlrz {
  background-image: url("../images/icon/icon-home-zlrz.png");
}

.icon-zxfw {
  background-image: url("../images/icon/icon-home-zxfw.png");
}

.icon-addinfo {
  background-image: url("../images/icon/icon-home-pxzx.png");
}

.icon-video {
  background-image: url("../images/icon/icon-home-mtzx.png");
}

.icon-yxzx {
  background-image: url("../images/icon/icon-home-yxzx.png");
}

.icon-wxfw {
  background-image: url("../images/icon/icon-home-wxfw.png");
}

.icon-finance {
  background-image: url("../images/icon/icon-home-cwzx.png");
}

.icon-bzzx {
  background-image: url("../images/icon/icon-home-bzzx.png");
}

.icon-location {
  background-image: url("../images/icon/icon-home-zbzy.png");
}

.icon-shelf {
  background-image: url("../images/icon/icon-home-bgs.png");
}

.icon-hdzx {
  background-image: url("../images/icon/icon-home-hdzx.png");
}

.icon-hr {
  background-image: url("../images/icon/icon-home-rlzy.png");
}

.icon-htgl {
  background-image: url("../images/icon/icon-home-htgl.png");
}

.icon-jsgl {
  background-image: url("../images/icon/icon-home-jsgl.png");
}

.icon-dfjl {
  background-image: url("../images/icon/icon-home-dfjl.png");
}

.icon-ddgl {
  background-image: url("../images/icon/icon-home-ddgl.png");
}

.icon-cpfb {
  background-image: url("../images/icon/icon-home-cpfb.png");
}

.icon-bjgl {
  background-image: url("../images/icon/icon-home-bjgl.png");
}

.icon-module-entrance {
  background: url("../images/icon/icon-module-entrance.png") no-repeat center;
}

.icon-pull-down {
  background: url("../images/plugin/icon-pull-down.png") no-repeat center;
}

.icon-pull-down-release {
  background: url("../images/plugin/icon-pull-down-release.png") no-repeat center;
}

.icon-pull-down-loading {
  background: url("../images/plugin/icon-pull-down-loading.gif") no-repeat center;
}

.icon-static {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 100% 100% !important;
}

.icon-bank-default {
  background: url("../images/icon/bank/bank-default.png") no-repeat center;
}

.icon-bank-amsy {
  background: url("../images/icon/bank/amsy.png") no-repeat center;
}

.icon-bank-bj {
  background: url("../images/icon/bank/bj.png") no-repeat center;
}

.icon-bank-bjns {
  background: url("../images/icon/bank/bjns.png") no-repeat center;
}

.icon-bank-cd {
  background: url("../images/icon/bank/cd.png") no-repeat center;
}

.icon-bank-cq {
  background: url("../images/icon/bank/cq.png") no-repeat center;
}

.icon-bank-dl {
  background: url("../images/icon/bank/dl.png") no-repeat center;
}

.icon-bank-fjhx {
  background: url("../images/icon/bank/fjhx.png") no-repeat center;
}

.icon-bank-gd {
  background: url("../images/icon/bank/gd.png") no-repeat center;
}

.icon-bank-gf {
  background: url("../images/icon/bank/gf.png") no-repeat center;
}

.icon-bank-gz {
  background: url("../images/icon/bank/gz.png") no-repeat center;
}

.icon-bank-gzsy {
  background: url("../images/icon/bank/gzsy.png") no-repeat center;
}

.icon-bank-hb {
  background: url("../images/icon/bank/hb.png") no-repeat center;
}

.icon-bank-hx {
  background: url("../images/icon/bank/hx.png") no-repeat center;
}

.icon-bank-hz {
  background: url("../images/icon/bank/hz.png") no-repeat center;
}

.icon-bank-hzlh {
  background: url("../images/icon/bank/hzlh.png") no-repeat center;
}

.icon-bank-jt {
  background: url("../images/icon/bank/jt.png") no-repeat center;
}

.icon-bank-nb {
  background: url("../images/icon/bank/nb.png") no-repeat center;
}

.icon-bank-nj {
  background: url("../images/icon/bank/nj.png") no-repeat center;
}

.icon-bank-pf {
  background: url("../images/icon/bank/pf.png") no-repeat center;
}

.icon-bank-qd {
  background: url("../images/icon/bank/qd.png") no-repeat center;
}

.icon-bank-qh {
  background: url("../images/icon/bank/qh.png") no-repeat center;
}

.icon-bank-ql {
  background: url("../images/icon/bank/ql.png") no-repeat center;
}

.icon-bank-sh {
  background: url("../images/icon/bank/sh.png") no-repeat center;
}

.icon-bank-sj {
  background: url("../images/icon/bank/sj.png") no-repeat center;
}

.icon-bank-sjzsy {
  background: url("../images/icon/bank/sjzsy.png") no-repeat center;
}

.icon-bank-sz {
  background: url("../images/icon/bank/sz.png") no-repeat center;
}

.icon-bank-szfz {
  background: url("../images/icon/bank/szfz.png") no-repeat center;
}

.icon-bank-szsy {
  background: url("../images/icon/bank/szsy.png") no-repeat center;
}

.icon-bank-wz {
  background: url("../images/icon/bank/wz.png") no-repeat center;
}

.icon-bank-zg {
  background: url("../images/icon/bank/zg.png") no-repeat center;
}

.icon-bank-zggs {
  background: url("../images/icon/bank/zggs.png") no-repeat center;
}

.icon-bank-zgjck {
  background: url("../images/icon/bank/zgjck.png") no-repeat center;
}

.icon-bank-zgjs {
  background: url("../images/icon/bank/zgjs.png") no-repeat center;
}

.icon-bank-zgms {
  background: url("../images/icon/bank/zgms.png") no-repeat center;
}

.icon-bank-zgny {
  background: url("../images/icon/bank/zgny.png") no-repeat center;
}

.icon-bank-zgyz {
  background: url("../images/icon/bank/zgyz.png") no-repeat center;
}

.icon-bank-zjsy {
  background: url("../images/icon/bank/zjsy.png") no-repeat center;
}

.icon-bank-zs {
  background: url("../images/icon/bank/zs.png") no-repeat center;
}

.icon-bank-zx {
  background: url("../images/icon/bank/zx.png") no-repeat center;
}

.icon-bank-ccns {
  background: url("../images/icon/bank/ccns.png") no-repeat center;
}

/*version 2.0 info*/
.base-info-box {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
  margin: 0;
}

.base-info-box:nth-child(1) {
  padding-top: 0;
}

.base-info-box:last-child {
  border-bottom: 0;
}

.base-info-box:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.base-info-box .base-info-name {
  font-size: 16px;
  color: #999;
  line-height: 30px;
  float: left;
}

.base-info-box .base-info-content {
  float: left;
}

.base-info-box .base-info-content ul {
  width: 100%;
}

.base-info-box .base-info-content ul:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.base-info-box .base-info-content .base-info-item {
  display: inline-block;
  padding: 6px;
  float: left;
}

.base-info-box .base-info-content .base-info-item:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.base-info-box .base-info-content .base-info-label {
  width: 34%;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  font-size: 14px;
  color: #999;
  float: left;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.base-info-box .base-info-content .base-info-detail {
  width: 66%;
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  font-size: 14px;
  color: #222;
  float: left;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

@media (max-width: 768px) {
  .base-info-box .base-info-content .base-info-label {
    width: 46%;
  }
  .base-info-box .base-info-content .base-info-detail {
    width: 54%;
  }
}

.base-info-box .base-info-content .base-info-item.full-line {
  width: 100%;
}

.base-info-box .base-info-content .base-info-item.full-line .base-info-label {
  width: 17%;
}

.base-info-box .base-info-content .base-info-item.full-line .base-info-detail {
  width: 83%;
}

@media (max-width: 991px) {
  .base-info-box .base-info-content .base-info-item.full-line .base-info-label {
    width: 34%;
  }
  .base-info-box .base-info-content .base-info-item.full-line .base-info-detail {
    width: 66%;
  }
}

@media (max-width: 768px) {
  .base-info-box .base-info-content .base-info-item.full-line .base-info-label {
    width: 46%;
  }
  .base-info-box .base-info-content .base-info-item.full-line .base-info-detail {
    width: 54%;
  }
}

.base-info-box .base-info-content .title-declare {
  display: inline-block;
  line-height: 34px;
  background-color: #ededed;
  padding: 0 20px;
  font-size: 16px;
  color: #222;
}

.base-info-box .form-file-group .item-list {
  font-size: 0 !important;
  padding-right: 60px;
}

@media (max-width: 1200px) {
  .base-info-box .form-file-group .item-list {
    padding-right: 0;
  }
}

.base-section-box {
  padding: 30px;
  background-color: #f9f9f9;
  border: solid 1px #e0e0e0;
}

.base-section-box > div {
  margin-bottom: 30px;
}

.base-section-box > div > h6 {
  font-size: 16px;
  color: #222;
  margin-bottom: 20px;
}

.base-section-box > div > textarea {
  width: 100%;
  line-height: 26px;
  padding-bottom: 20px;
  font-size: 14px;
  color: #222;
  background-color: #f9f9f9;
  resize: none;
}

.base-section-box .base-section-textarea {
  padding: 10px 30px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: solid 1px #e9e9e9;
}

.base-section-box .table-responsive th:first-child {
  width: 50px;
}

.base-section-box .table-responsive th:not(:first-child) {
  width: 120px;
}

.base-section-box b {
  font-weight: normal;
  padding-right: 15px;
}

.ordered-process {
  padding: 8px 0;
}

.ordered-process span {
  display: inline-block;
  padding-left: 30px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  max-height: 60px;
  overflow: hidden;
}

.ordered-process b {
  font-weight: normal;
  padding-right: 8px;
}

.ordered-process .base-info-item {
  padding: 0 6px !important;
}

.ordered-process .base-info-item:not(:last-child)::after {
  content: '';
  width: 1px !important;
  height: 46px !important;
  margin: -3px 0 -3px 10px;
  background-color: #1875f0;
}

.ordered-process .status, .ordered-process .status-success, .ordered-process .status-fail, .ordered-process .status-grey, .ordered-process .status-process, .ordered-process .status-revocation {
  padding: 10px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: middle;
}

.ordered-process .status-success {
  background-image: url("../images/icon/addon/status-success.png");
}

.ordered-process .status-fail {
  background-image: url("../images/icon/addon/status-fail.png");
}

.ordered-process .status-grey {
  background-image: url("../images/icon/addon/status-grey.png");
}

.ordered-process .status-process {
  background-image: url("../images/icon/addon/status-process.png");
}

.ordered-process .status-revocation {
  background-image: url("../images/icon/addon/status-revocation.png");
}

/*version 1.0 详情内容*/
.ht-base-info-box {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}

.ht-base-info-box:nth-child(1) {
  padding-top: 0;
}

.ht-base-info-box:last-child {
  border-bottom: 0;
}

.ht-base-info-box:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.ht-base-info-name {
  width: 8%;
  font-size: 16px;
  color: #999;
  line-height: 30px;
  float: left;
}

.ht-base-info-content {
  width: 92%;
  float: left;
}

.ht-base-info-content ul {
  width: 100%;
}

.ht-base-info-content ul:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.ht-base-info-content .ht-base-info-item {
  display: inline-block;
  width: 50%;
  padding: 6px;
  float: left;
}

.ht-base-info-content .ht-base-info-item:after {
  content: '';
  height: 0;
  width: 100%;
  clear: both;
  display: block;
}

.ht-base-info-content .ht-base-info-item .ht-base-info-label {
  width: 34%;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  font-size: 14px;
  color: #999;
  float: left;
  -ms-word-break: break-all;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ht-base-info-content .ht-base-info-item .ht-base-info-detail {
  width: 66%;
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  font-size: 14px;
  color: #222;
  float: left;
  -ms-word-break: break-all;
  word-break: break-all;
}

.ht-base-info-content .ht-base-info-item.full-line {
  width: 100%;
}

.ht-base-info-content .ht-base-info-item.full-line .ht-base-info-label {
  width: 17%;
}

.ht-base-info-content .ht-base-info-item.full-line .ht-base-info-detail {
  width: 83%;
}

/*模态框*/
.ht-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000000;
}

.ht-modal-box {
  width: 406px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100000001;
  box-sizing: border-box;
  background-color: #fff;
  padding: 20px 30px 40px;
}

.ht-modal-header {
  position: relative;
  padding-bottom: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.ht-modal-header h3 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #222;
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

.ht-modal-close-btn {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../images/plugin/icon-close.png) no-repeat center;
  right: 0;
  top: 0;
  cursor: pointer;
}

.ht-modal-content {
  width: 100%;
}

.ht-modal-default-img {
  width: 100%;
  height: 90px;
  background: url(../images/unsigned.png) no-repeat center top;
}

.ht-modal-success-img {
  width: 100%;
  height: 90px;
  background: url(../images/ht-modal-success.png) no-repeat center top;
  background-size: auto 100%;
}

.ht-modal-fail-img {
  width: 100%;
  height: 90px;
  background: url(../images/ht-modal-fail.png) no-repeat center top;
  background-size: auto 100%;
}

.ht-modal-default-text {
  font-size: 16px;
  color: #222;
  text-align: center;
}

.ht-modal-footer {
  text-align: center;
  width: 100%;
  padding-top: 30px;
}

.ht-modal-footer > .btn, .table-list .table-list-content .content-detail .content-operate.ht-modal-footer > a {
  margin-right: 20px;
}

.ht-modal-footer > .btn:last-child, .table-list .table-list-content .content-detail .content-operate.ht-modal-footer > a:last-child {
  margin-right: 0;
}

.ht-confirm-btn {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background-color: #1875f0;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 10px;
}

.ht-confirm-btn:hover {
  background-color: #1569d8;
}

@media (max-width: 768px) {
  .ht-modal-box {
    width: 80%;
  }
}

.modal-dialog .modal-header {
  padding: 17px 30px;
}

.modal-dialog .modal-header .modal-title {
  font-size: 18px;
  font-weight: normal;
  color: #222;
}

.modal-dialog .modal-header .close {
  opacity: 1;
  margin-top: 5px;
  width: 14px;
  height: 14px;
  background: #fff url(../images/plugin/icon-close.png) no-repeat center;
  z-index: 1;
}

.modal-dialog .modal-header .close > span {
  opacity: 0;
}

.modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.16);
}

.modal-dialog .modal-content .modal-body {
  padding: 40px 30px;
}

.modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding: 20px 30px 40px;
}

.ht-tips-modal {
  max-width: 300px;
  display: inline-block;
  z-index: 10000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 20px;
}

.ht-tips-modal i {
  padding: 10px;
  background-size: 100% auto;
  margin-right: 10px;
}

.ht-tips-modal i.tips-icon-success {
  background: url("../images/icon/modal/tips-icon-success.png") no-repeat center center;
}

.ht-tips-modal i.tips-icon-noChoose {
  background: url("../images/icon/modal/tips-icon-noChoose.png") no-repeat center center;
}

.ht-tips-modal i.tips-icon-existed {
  background: url("../images/icon/modal/tips-icon-existed.png") no-repeat center center;
}

.ht-tips-modal i.tips-icon-error {
  background: url("../images/icon/modal/tips-icon-error.png") no-repeat center center;
}

@media (max-width: 768px) {
  .ht-tips-modal {
    width: 90% !important;
    margin: 0 auto !important;
  }
}

/*分页new_page*/
.ht-page {
  padding: 30px;
  text-align: center;
}

.ht-page span {
  vertical-align: middle;
}

.ht-page a {
  text-decoration: none;
  color: #555;
  outline: none;
}

.ht-page .pagebtn {
  width: 52px;
  height: 30px;
  background: #1875f0;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.ht-page .pagebtn:hover {
  background: #1875f0;
}

.ht-page .previous {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e9e9e9;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background: url("../images/page/page_left_img.png") no-repeat center;
}

.ht-page .previous.disable {
  display: inline-block;
  padding: 0 15px;
  background: url("../images/page/page_left_disabled.png") no-repeat center;
  cursor: default;
}

.ht-page .previous.disable:hover {
  background: url("../images/page/page_left_disabled.png") no-repeat center;
}

.ht-page .previous:hover {
  background: url("../images/page/page_left_hover_img.png") no-repeat center;
}

.ht-page .previous a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}

.ht-page .next {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: url("../images/page/page_right_img.png") no-repeat center;
}

.ht-page .next:hover {
  background: url("../images/page/page_right_hover_img.png") no-repeat center;
}

.ht-page .next.disable {
  display: inline-block;
  padding: 0 15px;
  cursor: default;
  background: url("../images/page/page_right_disabled.png") no-repeat center;
}

.ht-page .next.disable:hover {
  background: url("../images/page/page_right_disabled.png") no-repeat center;
}

.ht-page .next a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}

.ht-page .num {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e9e9e9;
  border-left: 0;
}

.ht-page .num.current {
  padding: 0 15px;
  background: #f1f1f1;
}

.ht-page .num a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}

.ht-page .num a:hover {
  color: #555;
  background: #f1f1f1;
}

.ht-page .dots {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  padding: 0 15px;
}

.ht-page .total {
  margin-left: 20px;
  margin-right: 10px;
}

.ht-page .total.total_page {
  margin-left: 5px;
  margin-right: 5px;
}

.ht-page .page_jump {
  margin: 0 10px;
}

.ht-page .pageInput {
  width: 50px;
  height: 30px;
  border: 1px solid #e9e9e9;
  outline: none;
  border-radius: 4px;
  text-align: center;
}

.ht-page .pageInput:focus {
  border: 1px solid #1875f0;
}

@media screen and (max-width: 799px) {
  .ht-page {
    padding: 10px 0;
  }
  .ht-page .num, .ht-page .dots, .ht-page .total {
    display: none;
  }
  .ht-page .num.current {
    display: inline-block;
    padding: 0 10px;
  }
  .ht-page .total.total_page {
    display: inline-block;
  }
  .ht-page .pageInput, .ht-page .pagebtn {
    width: 40px;
  }
  .ht-page .page_jump {
    margin: 0 5px;
  }
}

.ht-card-box {
  width: 100%;
  background-color: #fff;
}

.ht-card-title {
  width: 100%;
  height: 60px;
  line-height: 59px;
  color: #222;
  font-size: 18px;
  padding-left: 30px;
  border-bottom: 1px solid #e9e9e9;
}

.ht-card-content {
  width: 100%;
  padding: 30px;
}

.ht-card-footer {
  width: 100%;
  border-top: 1px solid #e9e9e9;
}

.ht-card-btn {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #1875f0;
  cursor: pointer;
  border-right: 1px solid #e9e9e9;
  float: left;
}

.ht-card-btn:last-child {
  border-right: 0;
}

.ht-card-btn.ht-card-btn-1 {
  width: 100%;
}

.ht-card-btn.ht-card-btn-2 {
  width: 50%;
}

.ht-card-btn.ht-card-btn-3 {
  width: 33.3333%;
}

.ht-card-btn:hover {
  background-color: #eee;
}

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
  margin-top: 0;
}

.ibox {
  margin-bottom: 20px;
}

.ibox-title {
  min-height: 60px;
  line-height: 59px;
  padding: 0 30px;
  border-width: 0;
}

.ibox-title h5 {
  font-weight: normal;
  line-height: 59px;
  font-size: 18px;
  color: #222;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ibox-title .sub-title {
  float: left;
  font-size: 14px;
  color: #999;
  padding: 0 10px;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}

.ibox-title .bold-title {
  display: block;
  font-size: 18px;
  color: #222;
  margin: 0;
  max-width: 50%;
  font-weight: bold;
  float: left;
  line-height: normal;
  padding: 18px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ibox-title .supplemental-title {
  float: right;
  line-height: normal;
  padding: 18px 0;
}

.ibox-title .supplemental-title span {
  color: #222;
  font-size: 18px;
  display: inline-block;
}

.ibox-title .supplemental-title span:nth-child(1) {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .ibox-title .sub-title {
    line-height: normal;
    padding: 20px 10px;
  }
  .ibox-title .bold-title {
    max-width: 100%;
    white-space: normal;
  }
}

.ibox-title .label {
  float: none;
}

.ibox-title .ibox-tools {
  float: right;
}

.ibox-title .ibox-tools a.btn-primary {
  color: #1875f0;
}

.ibox-content {
  border-color: #e9e9e9;
  padding: 15px 30px 20px;
}

.ibox-content.ibox-height312 {
  height: 342px;
}

.ibox-footer {
  padding: 0;
  border-top: 1px solid #e9e9e9;
}

.ibox-footer-btn {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #1875f0;
  cursor: pointer;
  border-right: 1px solid #e9e9e9;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ibox-footer-btn:last-child {
  border-right: 0;
}

.ibox-footer-btn:nth-last-child(1):first-child {
  width: 100%;
}

.ibox-footer-btn:nth-last-child(2):first-child,
.ibox-footer-btn:nth-last-child(2):first-child ~ span:nth-last-child(1),
.ibox-footer-btn:nth-last-child(2):first-child ~ a:nth-last-child(1) {
  width: 50%;
}

.ibox-footer-btn:nth-last-child(3):first-child,
.ibox-footer-btn:nth-last-child(3):first-child ~ span:nth-last-child(2),
.ibox-footer-btn:nth-last-child(3):first-child ~ span:nth-last-child(1),
.ibox-footer-btn:nth-last-child(3):first-child ~ a:nth-last-child(2),
.ibox-footer-btn:nth-last-child(3):first-child ~ a:nth-last-child(1) {
  width: 33.3333%;
}

.ibox-footer-btn:hover {
  background-color: #eee;
}

@media (max-width: 768px) {
  .ibox-footer-btn {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .ibox-footer-btn {
    font-size: 18px;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .ibox-footer-btn {
    font-size: 16px;
  }
}

a.ibox-footer-btn:link,
a.ibox-footer-btn:active,
a.ibox-footer-btn:visited,
a.ibox-footer-btn:hover {
  color: #1875f0;
}

.module-entrance {
  width: 100%;
  text-align: center;
  padding-bottom: 25px;
}

.module-entrance i {
  height: 300px;
  display: block;
}

.ht-scroll {
  width: 100%;
  height: 100%;
}

.ht-scroll .ht-scroll-content {
  width: 100%;
  height: 350px;
}

.ht-float-scroll {
  position: fixed;
  top: 25%;
  right: 8px;
  width: 50px;
  z-index: 95;
}

.ht-float-scroll-nav {
  padding: 0 5px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

.ht-scroll-nav-item {
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
  cursor: pointer;
}

.ht-scroll-nav-item:last-child {
  border-bottom: none;
}

.ht-scroll-nav-item > a {
  font-size: 14px;
  color: #666;
}

.ht-scroll-nav-item.active > a {
  color: #1875f0;
}

/*tab组件*/
.ht-nav-tab {
  width: 100%;
  padding: 0 30px;
  background-color: #fff;
}

.ht-nav-tab:after {
  display: block;
  content: '';
  clear: both;
  width: 100%;
  height: 0;
}

.ht-nav-tab li {
  height: 60px;
  float: left;
  display: block;
  position: relative;
  margin-left: 30px;
  cursor: pointer;
}

.ht-nav-tab li:nth-child(1) {
  margin-left: 0;
}

.ht-nav-tab li:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
}

.ht-nav-tab li.active:after {
  background-color: #1875f0;
}

.ht-nav-tab li a {
  color: #222;
  font-size: 18px;
  line-height: 60px;
  vertical-align: middle;
}

.ht-nav-tab li.active a {
  color: #1875f0;
}

.ht-nav-tab li:hover a {
  font-weight: bolder;
}

.ht-nav-tab li.active:hover a {
  font-weight: normal;
}

.ht-nav-tab li span {
  color: #222;
  font-size: 18px;
  line-height: 60px;
  vertical-align: middle;
}

.ht-nav-tab li span:hover, .ht-nav-tab li span:focus {
  font-weight: bolder;
}

.ht-nav-tab li.active span {
  color: #1875f0;
}

.ht-nav-tab li.active span:hover, .ht-nav-tab li.active span:focus {
  font-weight: normal;
  color: #1875f0;
}

.ht-nav-tab li.active i {
  background-color: rgba(24, 117, 240, 0.3);
}

.ht-nav-tab li:hover span {
  font-weight: bolder;
}

.ht-nav-tab li.active:hover span {
  font-weight: normal;
}

.ht-nav-tab li i {
  padding: 10px;
  background-color: #ccc;
  vertical-align: middle;
  display: inline-block;
  margin-right: 20px;
}

.ht-nav-tab-stack {
  padding: 0;
}

.ht-nav-tab-stack li {
  width: 100%;
  padding-left: 30px;
  margin-left: 0;
}

.ht-nav-tab-stack li:after {
  width: 3px;
  height: 100%;
}

.ht-nav-tab-stack li.active {
  background-color: rgba(24, 117, 240, 0.1);
}

.ht-nav-tab-stack li:hover {
  background-color: #f9f9f9;
}

.ht-nav-tab-box {
  width: 100%;
  background-color: #fff;
  padding: 10px 0px 10px 30px;
  border-right: 1px solid #e9e9e9;
}

.ht-nav-tab-title {
  width: 100%;
  height: 60px;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding: 10px 0;
}

.ht-nav-tab-content {
  width: 100%;
}

.ht-nav-tab-content ul {
  display: block;
  width: 100%;
}

.ht-nav-tab-content ul li {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #555;
  position: relative;
  cursor: pointer;
}

.ht-nav-tab-content ul li a, .ht-nav-tab-content ul li span {
  font-size: 16px;
  color: #555;
}

.ht-nav-tab-content ul li a {
  display: block;
  width: 100%;
}

.ht-nav-tab-content ul li.active a, .ht-nav-tab-content ul li.active span {
  font-size: 16px;
  color: #1575f0;
}

.ht-nav-tab-content ul li.active:after {
  display: block;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #1575f0;
  position: absolute;
  right: 0;
  top: 0;
}

.ht-nav-tab-content ul li.active {
  font-weight: bolder;
  color: #1875f0;
}

.ibox-nav-tab {
  width: 100%;
  height: 50px;
  background-color: #fff;
}

.ibox-nav-tab:after {
  display: block;
  content: '';
  clear: both;
  width: 100%;
  height: 0;
}

.ibox-nav-tab li {
  display: block;
  width: auto;
  height: 50px;
  line-height: 50px;
  float: left;
  position: relative;
  margin-left: 30px;
  cursor: pointer;
}

.ibox-nav-tab li:nth-child(1) {
  margin-left: 0;
}

.ibox-nav-tab li:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
}

.ibox-nav-tab li a, .ibox-nav-tab li span {
  color: #222;
  font-size: 14px;
  vertical-align: middle;
}

.ibox-nav-tab li.active a, .ibox-nav-tab li.active span {
  color: #1875f0;
}

.ibox-nav-tab li.active i {
  background-color: rgba(24, 117, 240, 0.3);
}

.ibox-nav-tab li.active:after {
  background-color: #1875f0;
}

.ibox-nav-tab li:hover a, .ibox-nav-tab li:hover span, .ibox-nav-tab li:focus a, .ibox-nav-tab li:focus span {
  font-weight: bolder;
  color: #222;
}

.ibox-nav-tab li.active:hover a, .ibox-nav-tab li.active:hover span, .ibox-nav-tab li.active:focus a, .ibox-nav-tab li.active:focus span {
  font-weight: normal;
  color: #1875f0;
}

.ibox-nav-tab li i {
  padding: 10px;
  background-color: #ccc;
  vertical-align: middle;
  display: inline-block;
  margin-right: 20px;
}

.ht-table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e9e9e9;
  table-layout: fixed;
}

.ht-table thead > tr > th {
  vertical-align: middle;
  font-size: 14px;
  padding: 10px;
  background-color: #f4f4f4;
  overflow: hidden;
  white-space: nowrap;
}

.ht-table tbody > tr:hover > td {
  background-color: #f9f9f9;
}

.ht-table tbody > tr > td {
  vertical-align: bottom;
  border-top: 1px solid #e9e9e9;
  font-size: 14px;
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
}

.ht-table tbody > tr > td a {
  color: #1875f0;
}

.ht-table tbody > tr > td .ht-table-btn {
  background-color: #fff;
  padding: 4px 8px;
  border: 1px solid #e9e9e9;
  font-size: 14px;
  cursor: pointer;
  color: #222;
  border-radius: 4px;
}

.ht-table tbody > tr > td .ht-table-btn:hover {
  background-color: #1875f0;
  color: #fff;
  border: 1px solid #1875f0;
}

.ht-table tbody > tr > td.ht-table-btn-box {
  overflow: visible;
}

.ht-table-btn-more {
  margin: 0 16px;
  position: relative;
  color: #1875f0;
  padding: 5px 15px 5px 0;
  background: url(../images/plugin/icon-arrow-blue.png) no-repeat right 11px;
  cursor: pointer;
}

.ht-table-btn-more:hover ul.ht-table-btn-list {
  display: block;
}

.ht-table-btn-more ul.ht-table-btn-list {
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 1000;
  background-color: #fff;
  display: none;
  box-shadow: 0 0 2px #ccc;
}

.ht-table-btn-more ul.ht-table-btn-list li {
  display: block;
  width: 100%;
  line-height: 30px;
}

.ht-table-btn-more ul.ht-table-btn-list li a {
  width: 100%;
  padding: 0 15px;
  color: #222;
}

.ht-table-btn-more ul.ht-table-btn-list li a:hover {
  color: #1875f0;
}

.table {
  table-layout: fixed;
}

.table .check-all {
  width: 40px;
}

.table tbody > tr > td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-common, .table-striped, .table-normal {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e9e9e9;
}

.table-common thead > tr > th, .table-striped thead > tr > th, .table-normal thead > tr > th {
  vertical-align: middle;
  line-height: 40px;
  font-size: 14px;
  padding: 0 0 0 10px;
  background-color: #f4f4f4;
  overflow: hidden;
  white-space: nowrap;
}

.table-common thead:first-child > tr:first-child > th, .table-striped thead:first-child > tr:first-child > th, .table-normal thead:first-child > tr:first-child > th {
  border-bottom: 0;
}

.table-common tbody > tr > td, .table-striped tbody > tr > td, .table-normal tbody > tr > td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 5px 10px;
  vertical-align: middle;
}

.table-common tbody > tr > td a:not(.btn), .table-striped tbody > tr > td a:not(.btn), .table-normal tbody > tr > td a:not(.btn) {
  color: #555;
}

.table-common tbody > tr > td a:not(.btn):hover, .table-striped tbody > tr > td a:not(.btn):hover, .table-normal tbody > tr > td a:not(.btn):hover {
  color: #1875f0;
}

.table-common tbody > tr:hover > td, .table-striped tbody > tr:hover > td, .table-normal tbody > tr:hover > td {
  cursor: default;
  background-color: #f4f4f4;
}

.table-striped tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

.table-striped tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.table-normal tbody > tr {
  background-color: #fff;
}

.table-higher thead > tr > th {
  line-height: 60px;
}

.table-higher tbody > tr > td {
  padding: 12px 10px;
}

.table-responsive .table-base-info {
  width: 100%;
}

.table-responsive .table-base-info li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.table-responsive .table-base-info li span {
  font-size: 16px;
  color: #222;
  margin-right: 10px;
}

.table-responsive .table-base-info-title {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 40px;
  font-size: 18px;
  color: #222;
  font-weight: bold;
}

@media (max-width: 768px) {
  .table-responsive {
    border: 0;
  }
}

@media (max-width: 768px) {
  .ibox-table-list .ibox-content {
    background-color: #f5f5f5;
    padding-top: 0;
  }
  .ibox-table-list .ibox-title {
    padding: 0 12px;
  }
  .ibox-table-list .ibox-title .ibox-tab > li > span {
    padding: 0 10px;
  }
}

.ibox-title .ibox-tab {
  width: 100%;
  list-style: none;
  background-color: #fff;
  text-align: left;
}

.ibox-title .ibox-tab > li {
  position: relative;
  float: left;
  cursor: pointer;
  z-index: 10;
}

.ibox-title .ibox-tab > li > span {
  display: block;
  padding: 0 20px;
  color: #222;
  font-size: 18px;
  max-width: 100%;
}

@media (max-width: 1920px) {
  .ibox-title .ibox-tab > li > span {
    width: auto;
  }
}

.ibox-title .ibox-tab > li > i {
  background-color: #e9e9e9;
  width: 1px;
  height: 18px;
  top: 21px;
  right: 0;
  font-size: 0;
  color: #e9e9e9;
  position: absolute;
}

@media (max-width: 768px) {
  .ibox-title .ibox-tab > li > i {
    display: none;
  }
}

.ibox-title .ibox-tab > li.active {
  border-bottom: 3px solid #1875f0;
}

.ibox-title .ibox-tab > li.active > span {
  color: #1875f0;
}

.ibox-title .ibox-tab .swiper-slide {
  width: auto;
}

.table-filtration {
  background-color: #fff;
}

.table-filtration .table-shelter > div {
  float: left;
  padding-right: 20px;
  margin-bottom: 10px;
}

.table-filtration .table-shelter > div > label {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
}

.table-filtration .table-shelter > div > div {
  display: inline-block;
  vertical-align: middle;
}

.table-filtration .table-shelter > div.filter-date {
  padding-bottom: 4px;
}

.table-filtration .filter-download {
  float: right !important;
}

@media (max-width: 768px) {
  .table-filtration {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    height: 100%;
    z-index: 10000000;
    padding-bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .table-filtration .table-shelter {
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    background-color: #fff;
    z-index: 10000001;
  }
  .table-filtration .table-shelter > div {
    display: block;
    padding-right: 0;
    float: none;
  }
  .table-filtration .table-shelter > div > label:nth-child(1) {
    display: block;
  }
  .table-filtration .filter-date > div {
    width: 40% !important;
  }
  .table-filtration .filter-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 -15px;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    margin-bottom: 0 !important;
  }
  .table-filtration .filter-btn > button {
    display: inline-block;
    width: 38%;
    font-size: 16px;
    background-color: #f9f9f9;
  }
  .table-filtration .filter-btn .filter-search {
    background-color: #1875f0;
    color: #fff;
  }
}

.mobile-filter {
  position: absolute;
  font-size: 14px;
  vertical-align: middle;
  top: 0;
  right: 12px;
  cursor: pointer;
}

.mobile-filter i {
  padding: 8px;
  vertical-align: middle;
}

.table-list .row {
  margin: 0;
}

.table-list b, .table-list label {
  font-weight: normal;
}

.table-list label {
  color: #999;
}

.table-list .label {
  display: inline-block !important;
  color: #fff !important;
}

.table-list .table-list-title {
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #f4f4f4;
}

.table-list .table-list-title > li {
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-list .table-list-content > div {
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
}

.table-list .table-list-content > div:hover {
  border: 1px solid #b9b9b9;
}

@media (max-width: 768px) {
  .table-list .table-list-content > div {
    border: none;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    margin: 10px -15px;
    background-color: #fff;
  }
  .table-list .table-list-content > div:hover {
    border: none;
  }
}

.table-list .table-list-content .content-title {
  font-size: 0;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e9e9e9;
}

.table-list .table-list-content .content-title > li {
  font-size: 14px;
  line-height: 40px;
}

.table-list .table-list-content .content-title > li > span {
  display: inline-block;
  vertical-align: middle;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.table-list .table-list-content .content-title .tb-title {
  margin-right: 15px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

@media (max-width: 768px) {
  .table-list .table-list-content .content-title {
    background-color: #fff;
    padding: 10px 12px 5px;
  }
  .table-list .table-list-content .content-title > li {
    height: auto;
    line-height: normal;
  }
  .table-list .table-list-content .content-title > li > span {
    display: block;
  }
  .table-list .table-list-content .content-title > li > span:nth-child(3) {
    color: #666;
  }
  .table-list .table-list-content .content-title .tb-title {
    max-width: 100%;
  }
}

.table-list .table-list-content .content-detail {
  font-size: 12px;
  display: flex;
  align-items: stretch;
}

.table-list .table-list-content .content-detail .form-control-checkbox {
  height: 20px;
  line-height: 18px;
}

.table-list .table-list-content .content-detail > li {
  border-right: 1px solid #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.table-list .table-list-content .content-detail > li:first-child, .table-list .table-list-content .content-detail > li:last-child {
  border-right: 0;
}

.table-list .table-list-content .content-detail > li:first-child:after, .table-list .table-list-content .content-detail > li:last-child:after {
  width: 0;
}

.table-list .table-list-content .content-detail .content-img {
  float: left;
  width: 80px;
  height: 80px;
  background-size: 100%;
  text-align: center;
}

.table-list .table-list-content .content-detail .content-img > img {
  height: 100%;
}

.table-list .table-list-content .content-detail .content-topic > div:nth-child(2) {
  width: calc(100% - 80px);
  padding-left: 10px;
}

.table-list .table-list-content .content-detail .content-describe .tb-topic {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.table-list .table-list-content .content-detail .content-describe .tb-describe {
  text-align: justify;
  height: 34px;
  margin: 2px 0 7px;
  overflow: hidden;
  color: #999;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.table-list .table-list-content .content-detail .content-describe .tb-date > span {
  float: left;
  padding-right: 20px;
}

.table-list .table-list-content .content-detail .content-other span {
  font-size: 12px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.table-list .table-list-content .content-detail .content-operate {
  font-size: 0;
}

.table-list .table-list-content .content-detail .content-operate > a {
  color: #222;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  width: auto;
  margin-bottom: 5px;
}

.table-list .table-list-content .content-detail .content-operate > a:hover {
  color: #1875f0;
}

.table-list .table-list-content .content-detail .content-operate > a.readonly {
  cursor: default;
}

.table-list .table-list-content .content-detail .content-operate > a.readonly:hover {
  color: #222;
  cursor: default;
}

.table-list .table-list-content .content-detail .content-operate > a.not-allowed {
  cursor: not-allowed;
  color: #bfbfbf;
}

.table-list .table-list-content .content-detail .content-operate > a.not-allowed:hover {
  color: #bfbfbf;
  cursor: not-allowed;
}

.table-list .table-list-content .content-detail .content-money {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-list .table-list-content .content-detail .grade-star {
  display: inline-block;
}

.table-list .table-list-content .content-detail .grade-star i {
  padding: 8px;
  margin-right: 8px;
  background: url("../images/plugin/icon-star-gray.png") no-repeat center;
  background-size: 100%;
}

.table-list .table-list-content .content-detail .grade-star-5 > i,
.table-list .table-list-content .content-detail .grade-star-4 > i:nth-child(-n+4),
.table-list .table-list-content .content-detail .grade-star-3 > i:nth-child(-n+3),
.table-list .table-list-content .content-detail .grade-star-2 > i:nth-child(-n+2),
.table-list .table-list-content .content-detail .grade-star-1 > i:first-child {
  background: url("../images/plugin/icon-star-light.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 768px) {
  .table-list .table-list-content .content-detail .content-topic {
    background-color: #fafafa;
    margin: 0 -12px 7px;
    padding: 10px 12px;
  }
  .table-list .table-list-content .content-detail .text-center {
    text-align: right;
  }
  .table-list .table-list-content .content-detail .content-describe > div.tb-describe {
    height: 37px;
  }
  .table-list .table-list-content .content-detail .content-other span {
    font-size: 14px;
  }
  .table-list .table-list-content .content-detail .content-operate {
    border-top: 1px solid #e9e9e9;
    text-align: right;
    padding: 5px 0;
    margin-top: 7px;
    margin-bottom: -7px;
  }
  .table-list .table-list-content .content-detail .content-operate > a {
    color: #222;
    background-color: #fff;
    border: 1px solid #ccc;
    width: auto;
    padding: 0 10px !important;
    font-size: 14px !important;
    line-height: 28px !important;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    margin: 0 5px 7px;
  }
  .table-list .table-list-content .content-detail .content-operate > a:hover {
    transition: all .5s;
    color: #222;
    background-color: rgba(204, 204, 204, 0.1);
    border: 1px solid #ccc;
  }
  .table-list .table-list-content .content-detail .content-status {
    font-size: 14px;
  }
  .table-list .table-list-content .content-detail .grade-star i {
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .table-list .table-list-content .content-detail {
    padding: 0 12px;
    display: block;
  }
  .table-list .table-list-content .content-detail > li {
    border-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.table-list .tb-checkbox {
  text-align: center;
}

.table-list .tb-checkbox > span {
  padding: 0;
}

@media (max-width: 768px) {
  .table-list .text-number > div {
    float: right;
  }
}

.table-list .form-control-checkbox {
  width: 50%;
  height: 40px;
  line-height: 38px;
}

@media (max-width: 768px) {
  .table-list span {
    font-size: 16px;
  }
  .content-detail div {
    font-size: 14px;
  }
  .content-detail .content-describe div span, .content-detail .content-describe div label {
    font-size: 12px;
  }
}

.table-nogap .table-list-title {
  margin-bottom: 0;
  border: 1px solid #e9e9e9;
}

.table-nogap .table-list-content > div {
  margin-bottom: 0;
  border-top: 0;
}

.table-nogap .table-list-content > div:hover {
  background-color: #f9f9f9;
  border: 1px solid #e9e9e9;
  border-top: 0;
}

.table-nogap .table-list-content .content-detail {
  align-items: center;
}

.table-nogap .table-list-content .content-detail > li {
  border-right: 0;
  display: flex;
}

.table-nogap .table-list-content .content-detail .content-topic > div:nth-child(2) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .table-nogap .table-list-title {
    border: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .table-nogap .table-list-title > li {
    padding-left: 15px;
    text-align: left;
    background: #fff;
  }
  .table-nogap .table-list-content > div {
    margin-top: 0;
    padding-bottom: 10px;
    border-top: 1px solid #e9e9e9;
  }
  .table-nogap .table-list-content .content-detail > li {
    display: block;
  }
  .table-nogap .table-list-content .content-detail .content-topic > div:nth-child(2) {
    display: block;
  }
}

.icon-table-sort {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  display: inline-block;
  background-image: url("../images/icon/icon-table-sort.png");
}

@media (max-width: 768px) {
  .bank-card .bank-card-del-btn {
    display: block !important;
  }
}

.bank-card {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
}

.bank-card:hover, .bank-card.active {
  border: 1px solid #1875f0;
}

.bank-card:hover .bank-card-del-btn, .bank-card.active .bank-card-del-btn {
  display: block !important;
}

.bank-card .bank-card-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fcfcfc;
}

.bank-card .bank-card-title > i {
  vertical-align: middle;
  margin: 0 8px 0 10px;
}

.bank-card .bank-card-title > span {
  width: calc(100% - 60px);
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bank-card .bank-card-conotent {
  padding: 25px 12px 0px 12px;
}

.bank-card .bank-card-conotent .bank-card-info {
  width: 100%;
}

.bank-card .bank-card-conotent .bank-card-info li {
  width: 100%;
}

.bank-card .bank-card-conotent .bank-card-info li:nth-child(1) {
  margin-bottom: 2px;
}

.bank-card .bank-card-conotent .bank-card-info li span {
  font-size: 12px;
  color: #222;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.bank-card .bank-card-conotent .bank-card-info li span:nth-child(1) {
  font-size: 12px;
  color: #555;
  margin-right: 10px;
}

.bank-card .bank-card-conotent .bank-card-info li .bank-card-del-btn {
  display: none;
  float: right;
  font-size: 12px;
  color: #1875f0;
}

.bank-card.bank-card-add {
  border: 1px dashed #e9e9e9;
  cursor: pointer;
}

.bank-card.bank-card-add > i {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/icon/bank/bank-add.png") no-repeat center;
  background-size: 100%;
  margin: 40px auto 5px auto;
}

.bank-card.bank-card-add > p {
  text-align: center;
  font-size: 14px;
  color: #1875f0;
}

.table-contrast > tbody > tr > td {
  padding: 0;
  border-right: 1px solid #e9e9e9;
  text-align: center;
}

.table-contrast > thead > tr > th {
  border-right: 1px solid #e9e9e9;
  width: 50%;
  text-align: center;
}

.table-contrast .table-second-level {
  margin-bottom: 0;
  border: 0;
}

.table-contrast .table-second-level > thead > tr > th {
  border-right: 1px solid #e9e9e9;
  text-align: center;
}

.table-contrast .table-second-level > thead > tr > th:last-child {
  border-right: none;
}

.table-contrast .table-second-level > tbody > tr > td {
  border-right: 1px solid #e9e9e9;
}

.table-contrast .table-second-level > tbody > tr > td:last-child {
  border-right: none;
}

/*version 1.0 button*/
.ht-s-btn, .ht-btn-sbor-default, .ht-btn-sbor-primary, .ht-btn-sbor-danger, .ht-btn-sbor-alarm, .ht-btn-sbg-default, .ht-btn-sbg-primary, .ht-btn-sbg-danger, .ht-btn-sbg-alarm {
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
  line-height: normal;
}

.ht-l-btn, .ht-btn-lbor-default, .ht-btn-lbor-primary, .ht-btn-lbor-danger, .ht-btn-lbor-alarm, .ht-btn-lbg-default, .ht-btn-lbg-primary, .ht-btn-lbg-danger, .ht-btn-lbg-alarm {
  padding: 10px 30px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  line-height: normal;
}

.ht-btn-sbor-default {
  border: 1px solid #cccccc;
  color: #222;
  background-color: #fff;
}

.ht-btn-sbor-default:hover {
  color: #222;
  background-color: rgba(204, 204, 204, 0.1);
}

.ht-btn-lbor-default {
  border: 1px solid #cccccc;
  color: #222;
  background-color: #fff;
}

.ht-btn-lbor-default:hover {
  color: #222;
  background-color: rgba(204, 204, 204, 0.1);
}

.ht-btn-sbor-primary {
  border: 1px solid #1875f0;
  color: #1875f0;
  background-color: #fff;
}

.ht-btn-sbor-primary:hover {
  color: #1875f0;
  background-color: rgba(24, 117, 240, 0.1);
}

.ht-btn-lbor-primary {
  border: 1px solid #1875f0;
  color: #1875f0;
  background-color: #fff;
}

.ht-btn-lbor-primary:hover {
  color: #1875f0;
  background-color: rgba(24, 117, 240, 0.1);
}

.ht-btn-sbor-danger {
  border: 1px solid #f13a30;
  color: #f13a30;
  background-color: #fff;
}

.ht-btn-sbor-danger:hover {
  color: #f13a30;
  background-color: rgba(241, 58, 48, 0.1);
}

.ht-btn-lbor-danger {
  border: 1px solid #f13a30;
  color: #f13a30;
  background-color: #fff;
}

.ht-btn-lbor-danger:hover {
  color: #f13a30;
  background-color: rgba(241, 58, 48, 0.1);
}

.ht-btn-sbor-alarm {
  border: 1px solid #f18f1c;
  color: #f18f1c;
  background-color: #fff;
}

.ht-btn-sbor-alarm:hover {
  color: #f18f1c;
  background-color: rgba(241, 143, 28, 0.1);
}

.ht-btn-lbor-alarm {
  border: 1px solid #f18f1c;
  color: #f18f1c;
  background-color: #fff;
}

.ht-btn-lbor-alarm:hover {
  color: #f18f1c;
  background-color: rgba(241, 143, 28, 0.1);
}

.ht-btn-sbg-default {
  background-color: #f4f4f4;
  color: #222;
}

.ht-btn-sbg-default:hover {
  color: #222;
  background-color: #dcdcdc;
}

.ht-btn-lbg-default {
  background-color: #f4f4f4;
  color: #222;
}

.ht-btn-lbg-default:hover {
  color: #222;
  background-color: #dcdcdc;
}

.ht-btn-sbg-primary {
  background-color: #1875f0;
  color: #fff;
}

.ht-btn-sbg-primary:hover {
  color: #fff;
  background-color: #0068df;
}

.ht-btn-lbg-primary {
  background-color: #1875f0;
  color: #fff;
}

.ht-btn-lbg-primary:hover {
  color: #fff;
  background-color: #0068df;
}

.ht-btn-sbg-danger {
  background-color: #f13a30;
  color: #fff;
}

.ht-btn-sbg-danger:hover {
  color: #fff;
  background-color: #d9342b;
}

.ht-btn-lbg-danger {
  background-color: #f13a30;
  color: #fff;
}

.ht-btn-lbg-danger:hover {
  color: #fff;
  background-color: #d9342b;
}

.ht-btn-sbg-alarm {
  background-color: #f18f1c;
  color: #fff;
}

.ht-btn-sbg-alarm:hover {
  color: #fff;
  background-color: #d98019;
}

.ht-btn-lbg-alarm {
  background-color: #f18f1c;
  color: #fff;
}

.ht-btn-lbg-alarm:hover {
  color: #fff;
  background-color: #d98019;
}

a.ht-btn-lbg-alarm:link, a.ht-btn-lbg-primary:link, a.ht-btn-lbg-alarm:link, a.ht-btn-lbg-danger:link,
a.ht-btn-lbg-alarm:visited, a.ht-btn-lbg-primary:visited, a.ht-btn-lbg-alarm:visited, a.ht-btn-lbg-danger:visited,
a.ht-btn-lbg-alarm:active, a.ht-btn-lbg-primary:active, a.ht-btn-lbg-alarm:active, a.ht-btn-lbg-danger:active {
  color: #fff;
}

a.ht-btn-sbg-alarm:link, a.ht-btn-sbg-primary:link, a.ht-btn-sbg-alarm:link, a.ht-btn-sbg-danger:link,
a.ht-btn-sbg-alarm:visited, a.ht-btn-sbg-primary:visited, a.ht-btn-sbg-alarm:visited, a.ht-btn-sbg-danger:visited,
a.ht-btn-sbg-alarm:active, a.ht-btn-sbg-primary:active, a.ht-btn-sbg-alarm:active, a.ht-btn-sbg-danger:active {
  color: #fff;
}

.trans, .btn-default:hover, .table-list .table-list-content .content-detail .content-operate > a:hover,
.btn-default:focus, .table-list .table-list-content .content-detail .content-operate > a:focus,
.btn-default:active, .table-list .table-list-content .content-detail .content-operate > a:active,
.btn-default.active, .table-list .table-list-content .content-detail .content-operate > a.active,
.btn-default:active:focus, .table-list .table-list-content .content-detail .content-operate > a:active:focus,
.btn-default.focus:active, .table-list .table-list-content .content-detail .content-operate > a.focus:active,
.btn-default.active:focus, .table-list .table-list-content .content-detail .content-operate > a.active:focus,
.btn-default.active.focus, .table-list .table-list-content .content-detail .content-operate > a.active.focus,
.btn-default.active:hover, .table-list .table-list-content .content-detail .content-operate > a.active:hover,
.btn-default:active:hover, .table-list .table-list-content .content-detail .content-operate > a:active:hover,
.open > .dropdown-toggle.btn-default:focus, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:focus,
.open > .dropdown-toggle.btn-default:hover, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:hover,
.open .dropdown-toggle.btn-default, .open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle, .table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle, .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary.focus:active,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary, .btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover,
.open .dropdown-toggle.btn-warning, .btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.btn-danger.focus:active,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover,
.open .dropdown-toggle.btn-danger, .btn-outline, .table-list .table-list-content .content-detail .content-operate > a, .btn-default.btn-outline:hover,
.btn-default.btn-outline:focus,
.btn-default.btn-outline:active,
.btn-default.btn-outline.active,
.btn-default.btn-outline:active:focus,
.btn-default.btn-outline.active:hover,
.btn-default.btn-outline.active:focus,
.btn-default.btn-outline.active.focus,
.btn-default.btn-outline.focus:active,
.btn-default.btn-outline:active:hover,
.open > .dropdown-toggle.btn-default.btn-outline:focus,
.open > .dropdown-toggle.btn-default.btn-outline:hover,
.open .dropdown-toggle.btn-default.btn-outline, .btn-primary.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:hover,
.btn-primary.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:focus,
.btn-primary.btn-outline:active, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:active,
.btn-primary.btn-outline.active, .table-list .table-list-content .content-detail .content-operate > a.btn-primary.active,
.btn-primary.btn-outline:active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:active:hover,
.btn-primary.btn-outline.active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-primary.active:hover,
.btn-primary.btn-outline:active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:active:focus,
.btn-primary.btn-outline.active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-primary.active:focus,
.btn-primary.btn-outline.focus:active, .table-list .table-list-content .content-detail .content-operate > a.btn-primary.focus:active,
.btn-primary.btn-outline.active.focus, .table-list .table-list-content .content-detail .content-operate > a.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary.btn-outline, .open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-primary, .table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-primary, .btn-warning.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:hover,
.btn-warning.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:focus,
.btn-warning.btn-outline:active, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:active,
.btn-warning.btn-outline.active, .table-list .table-list-content .content-detail .content-operate > a.btn-warning.active,
.btn-warning.btn-outline:active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:active:focus,
.btn-warning.btn-outline.active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-warning.active:hover,
.btn-warning.btn-outline.active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-warning.active:focus,
.btn-warning.btn-outline.active.focus, .table-list .table-list-content .content-detail .content-operate > a.btn-warning.active.focus,
.btn-warning.btn-outline.focus:active, .table-list .table-list-content .content-detail .content-operate > a.btn-warning.focus:active,
.btn-warning.btn-outline:active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-warning:hover,
.open .dropdown-toggle.btn-warning.btn-outline, .open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-warning, .table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-warning, .btn-danger.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:hover,
.btn-danger.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:focus,
.btn-danger.btn-outline:active, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:active,
.btn-danger.btn-outline.active, .table-list .table-list-content .content-detail .content-operate > a.btn-danger.active,
.btn-danger.btn-outline:active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:active:focus,
.btn-danger.btn-outline.active:focus, .table-list .table-list-content .content-detail .content-operate > a.btn-danger.active:focus,
.btn-danger.btn-outline:active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:active:hover,
.btn-danger.btn-outline.active:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-danger.active:hover,
.btn-danger.btn-outline.focus:active, .table-list .table-list-content .content-detail .content-operate > a.btn-danger.focus:active,
.btn-danger.btn-outline.active.focus, .table-list .table-list-content .content-detail .content-operate > a.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.btn-outline:focus, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-danger:hover,
.open .dropdown-toggle.btn-danger.btn-outline, .open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-danger, .table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-danger {
  transition: all .5s;
}

.btn, .table-list .table-list-content .content-detail .content-operate > a {
  border-radius: 4px;
  padding: 0 12px;
  line-height: 34px;
  margin-right: 5px;
}

.btn-xs, .table-list .table-list-content .content-detail .content-operate > a {
  font-size: 12px;
  line-height: 18px;
  padding: 0 5px;
}

.btn-sm {
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
}

.btn-lg {
  font-size: 16px;
  line-height: 40px;
  padding: 0 30px;
}

.btn-default, .table-list .table-list-content .content-detail .content-operate > a {
  color: #222;
  border: 1px solid #f4f4f4;
  background-color: #f4f4f4;
}

.btn-primary, a.btn-primary {
  color: #fff;
  border: 1px solid #1875f0;
  background-color: #1875f0;
}

.btn-warning, a.btn-warning {
  color: #fff;
  border: 1px solid #f18f1c;
  background-color: #f18f1c;
}

.btn-danger, a.btn-danger {
  color: #fff;
  border: 1px solid #ff1023;
  background-color: #ff1023;
}

.btn-default:hover, .table-list .table-list-content .content-detail .content-operate > a:hover,
.btn-default:focus,
.table-list .table-list-content .content-detail .content-operate > a:focus,
.btn-default:active,
.table-list .table-list-content .content-detail .content-operate > a:active,
.btn-default.active,
.table-list .table-list-content .content-detail .content-operate > a.active,
.btn-default:active:focus,
.table-list .table-list-content .content-detail .content-operate > a:active:focus,
.btn-default:active.focus,
.table-list .table-list-content .content-detail .content-operate > a:active.focus,
.btn-default.active:focus,
.table-list .table-list-content .content-detail .content-operate > a.active:focus,
.btn-default.active.focus,
.table-list .table-list-content .content-detail .content-operate > a.active.focus,
.btn-default.active:hover,
.table-list .table-list-content .content-detail .content-operate > a.active:hover,
.btn-default:active:hover,
.table-list .table-list-content .content-detail .content-operate > a:active:hover,
.open > .dropdown-toggle.btn-default:focus,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:focus,
.open > .dropdown-toggle.btn-default:hover,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:hover,
.open .dropdown-toggle.btn-default,
.open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle,
.table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle {
  color: #222;
  border: 1px solid #dcdcdc;
  background-color: #dcdcdc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:active.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  border: 1px solid #0068df;
  background-color: #0068df;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  border: 1px solid #d98019;
  background-color: #d98019;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.btn-danger:active.focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  border: 1px solid #d9342b;
  background-color: #d9342b;
}

.btn-outline, .table-list .table-list-content .content-detail .content-operate > a {
  color: #222;
  border: 1px solid #ccc;
  background-color: #fff;
}

.btn-primary.btn-outline, .table-list .table-list-content .content-detail .content-operate > a.btn-primary {
  color: #1875f0;
  border: 1px solid #1875f0;
  background-color: #fff;
}

.btn-warning.btn-outline, .table-list .table-list-content .content-detail .content-operate > a.btn-warning {
  color: #f18f1c;
  border: 1px solid #f18f1c;
  background-color: #fff;
}

.btn-danger.btn-outline, .table-list .table-list-content .content-detail .content-operate > a.btn-danger {
  color: #ff1023;
  border: 1px solid #ff1023;
  background-color: #fff;
}

.btn-default.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a:hover,
.btn-default.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate > a:focus,
.btn-default.btn-outline:active,
.table-list .table-list-content .content-detail .content-operate > a:active,
.btn-default.btn-outline.active,
.table-list .table-list-content .content-detail .content-operate > a.active,
.btn-default.btn-outline:active:focus,
.table-list .table-list-content .content-detail .content-operate > a:active:focus,
.btn-default.btn-outline.active:hover,
.table-list .table-list-content .content-detail .content-operate > a.active:hover,
.btn-default.btn-outline.active:focus,
.table-list .table-list-content .content-detail .content-operate > a.active:focus,
.btn-default.btn-outline.active.focus,
.table-list .table-list-content .content-detail .content-operate > a.active.focus,
.btn-default.btn-outline:active.focus,
.table-list .table-list-content .content-detail .content-operate > a:active.focus,
.btn-default.btn-outline:active:hover,
.table-list .table-list-content .content-detail .content-operate > a:active:hover,
.open > .dropdown-toggle.btn-default.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:focus,
.open > .dropdown-toggle.btn-default.btn-outline:hover,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle:hover,
.open .dropdown-toggle.btn-default.btn-outline,
.open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle,
.table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle {
  color: #222;
  border: 1px solid #ccc;
  background-color: rgba(204, 204, 204, 0.1);
}

.btn-primary.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-primary:hover,
.btn-primary.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary:focus,
.btn-primary.btn-outline:active,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary:active,
.btn-primary.btn-outline.active,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary.active,
.btn-primary.btn-outline:active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary:active:hover,
.btn-primary.btn-outline.active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary.active:hover,
.btn-primary.btn-outline:active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary:active:focus,
.btn-primary.btn-outline.active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary.active:focus,
.btn-primary.btn-outline:active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary:active.focus,
.btn-primary.btn-outline.active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.btn-outline:hover,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-primary:hover,
.open .dropdown-toggle.btn-primary.btn-outline,
.open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-primary,
.table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-primary {
  color: #1875f0;
  border: 1px solid #1875f0;
  background-color: rgba(24, 117, 240, 0.1);
}

.btn-warning.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-warning:hover,
.btn-warning.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning:focus,
.btn-warning.btn-outline:active,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning:active,
.btn-warning.btn-outline.active,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning.active,
.btn-warning.btn-outline:active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning:active:focus,
.btn-warning.btn-outline.active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning.active:hover,
.btn-warning.btn-outline.active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning.active:focus,
.btn-warning.btn-outline.active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning.active.focus,
.btn-warning.btn-outline:active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning:active.focus,
.btn-warning.btn-outline:active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning.btn-outline:hover,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-warning:hover,
.open .dropdown-toggle.btn-warning.btn-outline,
.open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-warning,
.table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-warning {
  color: #f18f1c;
  border: 1px solid #f18f1c;
  background-color: rgba(241, 143, 28, 0.1);
}

.btn-danger.btn-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.btn-danger:hover,
.btn-danger.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger:focus,
.btn-danger.btn-outline:active,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger:active,
.btn-danger.btn-outline.active,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger.active,
.btn-danger.btn-outline:active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger:active:focus,
.btn-danger.btn-outline.active:focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger.active:focus,
.btn-danger.btn-outline:active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger:active:hover,
.btn-danger.btn-outline.active:hover,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger.active:hover,
.btn-danger.btn-outline:active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger:active.focus,
.btn-danger.btn-outline.active.focus,
.table-list .table-list-content .content-detail .content-operate > a.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.btn-outline:focus,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger.btn-outline:hover,
.table-list .table-list-content .content-detail .content-operate.open > a.dropdown-toggle.btn-danger:hover,
.open .dropdown-toggle.btn-danger.btn-outline,
.open .table-list .table-list-content .content-detail .content-operate > a.dropdown-toggle.btn-danger,
.table-list .table-list-content .content-detail .open .content-operate > a.dropdown-toggle.btn-danger {
  color: #ff1023;
  border: 1px solid #ff1023;
  background-color: rgba(241, 58, 48, 0.1);
}

.btn.not-allowed, .table-list .table-list-content .content-detail .content-operate > a.not-allowed {
  color: #bfbfbf !important;
  background-color: #f4f4f4 !important;
  cursor: not-allowed;
  border: 1px solid #f4f4f4 !important;
}

.btn.not-allowed:hover, .table-list .table-list-content .content-detail .content-operate > a.not-allowed:hover {
  color: #bfbfbf !important;
  background-color: #f4f4f4 !important;
  cursor: not-allowed;
  border: 1px solid #f4f4f4 !important;
}

.btn.not-allowed-outline, .table-list .table-list-content .content-detail .content-operate > a.not-allowed-outline {
  color: #bfbfbf !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed;
}

.btn.not-allowed-outline:hover, .table-list .table-list-content .content-detail .content-operate > a.not-allowed-outline:hover {
  color: #bfbfbf !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  cursor: not-allowed;
}

.btn-group:hover .dropdown-menu {
  display: block;
}

.btn-group .btn, .btn-group .table-list .table-list-content .content-detail .content-operate > a, .table-list .table-list-content .content-detail .btn-group .content-operate > a {
  margin-right: 0;
}

.dropdown-menu {
  font-size: 14px;
  border-radius: 2px;
  max-height: 300px;
  overflow-y: auto;
}

.dropdown-menu > li > a {
  line-height: 36px;
  padding: 0 10px;
  margin: 0;
  border-radius: 0;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #f4f4f4;
}

.btn .form-control-radio .form-control-radio-text, .table-list .table-list-content .content-detail .content-operate > a .form-control-radio .form-control-radio-text {
  width: auto;
}

.btn.btn-primary .form-control-radio .form-control-radio-text, .table-list .table-list-content .content-detail .content-operate > a.btn-primary .form-control-radio .form-control-radio-text {
  color: #1875f0;
}

.label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px !important;
  font-weight: normal;
  padding: 4px 7px;
  margin: 0 5px;
  background-color: #E9E9E9;
}

.label-primary {
  background-color: #50d116;
}

.label-info {
  background-color: #2cace4;
}

.label-success {
  background-color: #5553ce;
}

.label-warning {
  background-color: #f18f1c;
}

.label-danger {
  background-color: #ff1023;
}

.label-list-group {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  font-size: 18px !important;
  background-color: #e7f1fd;
  color: #1875f0;
  padding: 0;
}

.text-describe {
  color: #999 !important;
}

.text-highlight {
  color: #1875f0 !important;
}

.text-danger {
  color: #ff1023 !important;
}

.text-warning {
  color: #f18f1c !important;
}

.text-green {
  color: #50d116 !important;
}

.title-page {
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 15px;
  font-size: 18px;
  line-height: 60px;
  vertical-align: middle;
}

.title-page h5 {
  position: relative;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-weight: normal;
  display: inline-block;
  max-width: calc(100% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.title-page .sub-title {
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 22px;
  width: 100%;
}

.title-page .sub-title > span {
  margin-right: 20px;
}

@media (max-width: 768px) {
  .title-page .sub-title > span {
    display: block;
    margin-right: 0;
    width: 100%;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-break: break-all;
  }
  .title-page .sub-title > span b {
    white-space: normal;
  }
}

.title-page .sub-title b {
  font-weight: normal;
  white-space: nowrap;
}

.title-page .btn, .title-page .table-list .table-list-content .content-detail .content-operate > a, .table-list .table-list-content .content-detail .title-page .content-operate > a {
  margin-left: 10px;
}

.title-page .sub-title-btn {
  line-height: 20px;
  margin-top: -4px;
  padding-bottom: 16px;
}

.title-panel {
  line-height: 40px;
  height: 40px;
  font-size: 22px;
  color: #222;
}

.icon-arrow-back {
  padding: 7px 4px;
  background-image: url(../images/icon/addon/arrow-left.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
}

.breadcrumb {
  background-color: transparent;
  padding: 15px 10px;
  color: #555;
  margin-top: -30px;
}

.breadcrumb > li + li:before {
  color: #555;
  padding: 0 5px;
}

@media (max-width: 768px) {
  .breadcrumb {
    margin-top: -15px;
  }
}

.list-box {
  font-size: 16px;
  color: #222;
  margin-bottom: 0;
}

.list-box li {
  line-height: 52px;
  height: 52px;
  box-sizing: border-box;
}

.list-box li > a {
  display: block;
  height: 100%;
}

.list-box li > a:hover {
  color: #1875f0;
}

.list-box li > a > span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.list-box li > span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.list-box li span:nth-last-child(2):first-child ~ span {
  text-align: right;
}

.list-box li span:nth-last-child(2):first-child,
.list-box li span:nth-last-child(2):first-child ~ span {
  width: calc(100% / 2 - 1%);
}

.list-box li span:nth-last-child(3):first-child {
  width: 40%;
}

.list-box li span:nth-last-child(3):first-child ~ span:nth-last-child(2) {
  width: 31%;
}

.list-box li span:nth-last-child(3):first-child ~ span:nth-last-child(1) {
  width: 25%;
  text-align: right;
}

.list-box .list-box-title {
  font-weight: bold;
}

.list-box a {
  color: #555;
}

.list-box b, .list-box label, .list-box i {
  font-weight: normal;
  padding: 0 5px;
}

.list-group {
  font-size: 16px;
  color: #555;
  margin-bottom: 0;
}

.list-group.clear-list .list-group-item {
  padding: 30px 10px;
  line-height: 30px;
}

.list-group .pull-right {
  font-size: 12px;
}

.list-group .text-highlight {
  font-size: 16px;
}

.list-group .form-tooltip {
  height: 30px;
  line-height: 21px;
  margin-left: 5px;
}

.list-group a {
  color: #555;
  display: block;
}

.list-group a:hover {
  color: #1875f0;
}

.list-group b, .list-group label, .list-group i {
  font-weight: normal;
  padding: 0 5px;
}

.list-entrance i, .list-entrance a {
  display: inline-block;
  vertical-align: middle;
}

.list-entrance a {
  padding-left: 18px;
}

.list-entrance span {
  display: block;
}

.list-entrance li {
  padding: 10px 30px;
  width: 100%;
  height: 68px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.list-entrance li:hover .en-title {
  color: #1875f0;
}

@media (max-width: 1440px) {
  .list-entrance li {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .list-entrance li {
    padding-left: 0;
    padding-right: 0;
  }
}

.list-entrance .en-title {
  color: #222;
  font-size: 16px;
  line-height: 24px;
}

.list-entrance .en-sub-title {
  line-height: 17px;
  color: #999;
}

.list-entrance-hor {
  text-align: center;
  padding: 47px 28px 47px 30px;
}

.list-entrance-hor li:not(:last-child) {
  border-right: dashed 1px #e9e9e9;
}

.list-entrance-hor a {
  display: block;
}

.list-entrance-hor i {
  display: block;
  background-size: auto;
  margin-bottom: 20px;
}

.list-entrance-hor span {
  display: block;
}

.list-entrance-hor .en-title {
  color: #222;
  line-height: 24px;
  font-size: 18px;
}

.list-entrance-hor .en-sub-title {
  color: #999;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .list-entrance-hor li:not(:last-child) {
    border-right: none;
  }
}

.data-declaration {
  padding-left: 14px;
  line-height: 30px;
}

.data-declaration .form-tooltip {
  margin-right: 10px;
}

.ibox-title .parting-line {
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #ccc;
  line-height: 59px;
  margin: 0 10px;
  vertical-align: middle;
}

.ibox-title .link-more {
  line-height: 59px;
  font-size: 14px;
  color: #1875f0;
  display: inline-block;
}

.ibox-title .title-des {
  line-height: 59px;
  font-size: 14px;
  color: #999;
  display: inline-block;
}

.ad-main-img {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.ad-main-img > a {
  width: 100%;
  height: 100%;
}

.ad-main-img img {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ad-img-phone {
  display: none;
}

.ad-list {
  height: 200px;
  padding: 35px;
  border-right: 1px solid #f5f5f5;
}

.ad-list [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.ad-list:nth-child(odd) {
  border-bottom: 1px solid #f5f5f5;
}

.ad-list > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.ad-list-img {
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.ad-list-img > img {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ad-swiper-container {
  overflow: hidden;
  position: relative;
}

.ad-swiper-container .swiper-slide {
  padding: 0 15px;
}

.ad-swiper-box {
  padding: 0 40px;
}

.ad-list-detail {
  padding: 10px 0px 0 0px;
}

.ad-list-detail .ad-list-name {
  width: 100%;
  line-height: 25px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ad-list-detail .ad-list-name:hover {
  color: #1875f0;
}

.ad-list-detail .ad-price {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 0;
}

.ad-list-detail .ad-price .cur-price {
  color: #1875f0;
  font-size: 18px;
  margin-right: 8px;
}

.ad-list-detail .ad-price .his-price {
  color: #bfbfbf;
  font-size: 14px;
  text-decoration: line-through;
}

.ad-list-detail .slogan {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #555;
}

.ad-swiper-btn-next {
  position: absolute;
  right: 15px;
  top: 179px;
  display: block;
  width: 24px;
  height: 42px;
  background: url("../images/ad/ad-btn-right.png") no-repeat center center;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}

.ad-swiper-btn-prev {
  position: absolute;
  left: 15px;
  top: 179px;
  display: block;
  width: 24px;
  height: 42px;
  background: url("../images/ad/ad-btn-left.png") no-repeat center center;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}

.swiper-slide-next + .swiper-slide .ad-list {
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .ad-list-img {
    padding: 5px;
  }
  .ad-main-img {
    height: 200px;
  }
  .ad-swiper-container .swiper-wrapper {
    display: block;
  }
  .ad-img-pc {
    display: none;
  }
  .ad-img-phone {
    display: block;
  }
  .ad-list {
    border: 0 !important;
    height: auto;
  }
  .ad-swiper-btn-next, .ad-swiper-btn-prev {
    display: none;
  }
  [class*="col-"].ad-list {
    padding: 0 15px;
  }
  .ad-list-detail {
    padding: 10px;
  }
  .parting-line {
    display: none !important;
  }
}

.link-more-icon.hidden-lg {
  float: right;
  display: inline-block;
  width: 30px;
  height: 60px;
  background: url("../images/ad/link-more.png") no-repeat center center;
}

.list-attention > li {
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}

.list-attention-object {
  margin-bottom: 20px;
}

.list-attention-object .attention-title {
  max-width: 100%;
  font-size: 16px;
  color: #222;
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-attention-object .attention-code {
  font-size: 14px;
  color: #555;
  display: inline-block;
  vertical-align: middle;
}

.attention-item {
  width: 100%;
}

.attention-item li {
  width: auto;
  display: inline-block;
  margin-right: 15px;
}

.attention-item li .at-title {
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}

.attention-item li .at-count {
  margin-right: 14px;
  font-size: 14px;
  color: #222;
}

.attention-item li i {
  border-right: 1px solid #e9e9e9;
}

.attention-operate .btn, .attention-operate .table-list .table-list-content .content-detail .content-operate > a, .table-list .table-list-content .content-detail .attention-operate .content-operate > a {
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .list-attention > li {
    padding: 20px 15px;
  }
}

.border-bottom {
  border-bottom: 1px solid #e9e9e9;
}

.list-dynamic-title .dynamic-title {
  display: inline-block;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 16px;
  color: #222;
}

.list-dynamic-title .dynamic-date {
  font-size: 12px;
  color: #666;
  display: inline-block;
  width: 90px;
  text-align: right;
  vertical-align: middle;
}

.list-dynamic-description {
  padding: 10px 0 15px 0;
}

.list-dynamic-description p {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.list-dynamic-link li {
  width: auto;
  display: inline-block;
  margin-right: 10px;
}

.list-dynamic-link li a {
  font-size: 14px;
  color: #1875f0;
  margin-right: 10px;
}

.list-dynamic-link li i {
  border-right: 1px solid #e9e9e9;
}

.panel-data-show {
  width: 100%;
  margin-bottom: 20px;
}

.panel-data-show .panel-data-show-label {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #222;
}

.panel-data-show .panel-data-show-content {
  padding: 15px 0;
  width: 100%;
  line-height: 30px;
  font-size: 18px;
  color: #555;
}

.panel-data-show .panel-data-show-content span {
  font-size: 22px;
  color: #1875f0;
}

.panel-data-show .panel-data-show-content input {
  width: 200px;
  border: 1px solid #e9e9e9;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 14px;
  height: 30px;
  box-sizing: border-box;
  line-height: 28px;
}

.ht-goods-item {
  width: 100%;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.ht-goods-item.lf-layout {
  height: 170px;
}

.ht-goods-item.lf-layout .img-wrapper {
  flex: 0 0 40%;
}

.ht-goods-item.lf-layout .goods-main {
  padding-left: 20px;
  flex: 1 1 auto;
}

.ht-goods-item.tb-layout {
  display: block;
  height: auto;
  padding-top: 0;
  border: 1px solid #efefef;
}

.ht-goods-item.tb-layout .img-wrapper {
  width: 100%;
  height: 150px;
}

.ht-goods-item.tb-layout .goods-main {
  width: 100%;
}

.ht-goods-item .img-wrapper {
  height: 130px;
  overflow: hidden;
}

.ht-goods-item .img-wrapper img {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ht-goods-item .goods-main .goods-title {
  min-height: 44px;
  margin-top: 10px;
  font-size: 16px;
  color: #222;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ht-goods-item .goods-main .price-info {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 12px;
  font-size: 14px;
  color: #555;
}

.ht-goods-item .goods-main .price-info .price-unit {
  font-size: 12px;
  color: #1875f0;
}

.ht-goods-item .goods-main .price-info .price {
  font-size: 16px;
  color: #1875f0;
}

.ht-goods-item .goods-main .extra-des {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 12px;
  font-size: 14px;
  color: #999;
}

@media (max-width: 768px) {
  .ht-goods-item .goods-main .goods-title {
    min-height: 0;
  }
}

.template-group-lf {
  width: 100%;
}

.template-group-lf [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.template-group-lf .main-img {
  width: 35%;
  height: 530px;
  overflow: hidden;
}

.template-group-lf .main-img img {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.template-group-lf .list-wrapper {
  width: 65%;
  padding-left: 20px;
}

.template-group-lf .list-wrapper .ht-goods-item {
  height: 255px;
  box-sizing: border-box;
  overflow: hidden;
}

.template-group-lf .list-wrapper .ht-goods-item .img-wrapper {
  height: 130px;
}

@media (max-width: 768px) {
  .template-group-lf .main-img {
    width: 100%;
    height: 170px;
    overflow: hidden;
  }
  .template-group-lf .main-img img {
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .template-group-lf .list-wrapper {
    width: 100%;
    padding: 0 15px;
  }
  .template-group-lf .list-wrapper .ht-goods-item {
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    padding: 20px 0;
    border: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #efefef;
  }
  .template-group-lf .list-wrapper .ht-goods-item.tb-layout {
    height: 130px;
  }
  .template-group-lf .list-wrapper .ht-goods-item.tb-layout .img-wrapper {
    flex: 0 0 40%;
    height: 100px;
    overflow: hidden;
  }
  .template-group-lf .list-wrapper .ht-goods-item.tb-layout .goods-main {
    padding-left: 20px;
    flex: 1 1 auto;
  }
}

.ht-goods-item-style1 {
  background: #fff;
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
}

.ht-goods-item-style1 .goods-img {
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.ht-goods-item-style1 .goods-img img {
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ht-goods-item-style1 .goods-content {
  width: 100%;
  padding: 15px;
}

.ht-goods-item-style1 .goods-content .goods-price {
  width: 100%;
  font-size: 18px;
  color: #1875f0;
  margin-bottom: 10px;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ht-goods-item-style1 .goods-content .goods-title {
  width: 100%;
  height: 50px;
}

.ht-goods-item-style1 .goods-content .goods-title a {
  font-size: 16px;
  color: #222;
  width: 100%;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ht-goods-item-style1 .goods-content .goods-title a:hover {
  color: #1875f0;
}

.ht-goods-item-style1 .goods-content .goods-param {
  width: 100%;
  padding: 10px 0;
}

.ht-goods-item-style1 .goods-content .goods-param .param-list {
  width: 100%;
  line-height: 25px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ht-goods-item-style1 .goods-content .goods-param .param-list .param-key {
  font-size: 14px;
  color: #999;
  margin-right: 2px;
}

.ht-goods-item-style1 .goods-content .goods-param .param-list .param-val {
  font-size: 14px;
  color: #222;
}

.ht-goods-item-style1 .goods-content .goods-comp {
  width: 100%;
  margin-bottom: 10px;
}

.ht-goods-item-style1 .goods-content .goods-comp a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  color: #222;
}

.ht-goods-item-style1 .goods-content .goods-comp a:hover {
  color: #1875f0;
}

.ht-goods-item-style1 .goods-content .goods-social-cont {
  width: 100%;
  overflow: hidden;
}

.ht-goods-item-style1 .goods-content .goods-social-cont a {
  padding: 10px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 4px;
}

.ht-goods-item-style1 .goods-opera {
  border-top: 1px solid #e9e9e9;
  width: 100%;
  height: 50px;
}

.ht-goods-item-style1 .goods-opera a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #222;
}

.ht-goods-item-style1:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}

.ht-goods-item-style1:hover .goods-opera {
  border-top: 1px solid #1875f0;
}

.ht-goods-item-style1:hover .goods-opera a {
  background: #1875f0;
  color: #fff;
}

@media (max-width: 768px) {
  .ht-goods-item-style1-box:nth-child(odd) {
    padding-right: 5px;
  }
  .ht-goods-item-style1-box:nth-child(even) {
    padding-left: 5px;
  }
  .ht-goods-item-style1 .goods-img {
    height: 130px;
  }
  .ht-goods-item-style1 .goods-content .goods-price {
    font-size: 16px;
  }
  .ht-goods-item-style1 .goods-content .goods-title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1365px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1366px) {
  .hidden-lg {
    display: none !important;
  }
}

/*1.居中显示container*/
.container {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

/*2.左右分离container*/
.container-separate {
  width: 100%;
}

.container-separate-main {
  margin-right: auto;
  margin-left: auto;
  background-color: #f4f4f4;
  padding: 30px 60px 30px 30px;
  min-height: 100vh;
}

.container-separate-menu,
.container-separate-main {
  float: left;
}

.container-separate-menu {
  width: 180px;
}

.container-separate-main {
  width: calc(100% - 180px);
  margin-left: 180px;
}

.container-separate-main.fat-main {
  width: calc(100% - 72px);
  margin-left: 72px;
}

@media (max-width: 768px) {
  .container-separate-main {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
  [class*="col-"] {
    padding: 0;
  }
}

.container-cloud-min-height, .container-cloud .container-main .main-sidebar, .container-cloud .container-main .main-content {
  min-height: calc(100vh - 50px);
}

.container-cloud .container-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 30px 0 80px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  z-index: 1000;
}

.container-cloud .container-main .sidebar-switch {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(../images/close_menu.png) no-repeat center center;
  cursor: pointer;
}

.container-cloud .container-main .sidebar-switch.on {
  background:  url(../images/open_menu.png) no-repeat center center;
}

@media (max-width: 768px) {
  .container-cloud .container-main .sidebar-switch {
    background-color: #fff;
  }
  .container-cloud .container-main .sidebar-switch.on {
    background-color: #fff;
  }
}

@media (max-width: 768px) {
  .container-cloud .container-main .sidebar-switch {
    display: none;
  }
  .m-yunlu-header{
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
  }
}

.notification-container-rightTop {
  top: 90px !important;
}

.container-cloud .container-main {
  position: relative;
  width: 100%;
  padding-top: 0 !important;
}

.container-cloud .container-main .main-sidebar {
  width: 50px;
  position: fixed;
  top: 80px;
  left: 0;
  background: #fff;
  z-index: 100;
}

.container-cloud .container-main .main-content {
  width: calc(100% - 50px);
  margin-left: 50px;
  padding: 30px 60px 30px 30px;
  background-color: #f4f4f4;
}

.container-cloud .container-main.open-sidebar .main-sidebar {
  width: 174px;
  overflow-y: auto;
  height: calc(100% - 50px);
}

.container-cloud .container-main.open-sidebar .main-content {
  width: calc(100% - 174px);
  margin-left: 174px;
}

@media (max-width: 768px) {
  .container-cloud .container-main .main-sidebar {
    position: fixed;
    width: 100%;
    min-height: 0;
    top: 50px;
    left: 0;
    right: 0;
    display: none;
  }
  .container-cloud .container-main .main-content {
    width: 100%;
    padding: 15px;
    margin-left: 0;
  }
  .container-cloud .container-main.open-sidebar .main-sidebar,
  .container-cloud .container-main.open-sidebar .main-content {
    width: 100%;
    margin-left: 0;
    height: auto;
  }
  .container-cloud .container-main.open-sidebar .main-content {
    padding-top: 115px;
  }
  .container-cloud .container-main.open-sidebar .main-sidebar {
    display: block;
    max-height: 80%;
    overflow: auto;
  }
}

.topbar-list .topbar-logo {
  margin-right: 30px;
}

.topbar-list .topbar-logo img {
  padding-top: 8px;
  width: 92px;
}

.topbar-list .topbar-title {
  margin-bottom: 0;
}

.topbar-list .topbar-title > li {
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  margin-right: 15px;
}

.topbar-list .topbar-title > li > a {
  color: #999;
}

.topbar-list .topbar-title > li:hover a, .topbar-list .topbar-title > li.active a {
  color: #1875f0;
}

.topbar-list .topbar-title .search-btn {
  cursor: pointer;
  z-index: 101;
  position: relative;
  vertical-align: middle;
}

.topbar-list .topbar-detail .company-name,
.topbar-list .topbar-detail .goback-version {
  display: block;
  height: 50px;
  line-height: 50px;
}

.topbar-list .topbar-detail .company-name {
  max-width: 165px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .topbar-list .topbar-detail .company-name {
    width: 100%;
    max-width: 100%;
  }
}
.topbar-list .topbar-detail .goback-version {
  padding: 0 10px;
}

.workbench-logout-content .company-name {
  height: 30px !important;
  line-height: 30px !important;
}

.workbench_login > a {
  display: inline-block;
  color: #1875f0;
  line-height: 48px;
  font-size: 16px;
}

.workbench_login > a.login {
  padding: 0 16px;
}

.workbench_login > a.logout {
  color: #fff;
  background-color: #1875f0;
  width: 106px;
  height: 40px;
  border-radius: 3px;
  line-height: 40px;
  text-align: center;
  margin-top: 5px;
  margin-left: 16px;
}

.workbench_login > a.login:hover {
  font-weight: bold;
}

.workbench_login > a.logout:hover {
  background-color: #1569d8;
}

.workbench-logout {
  position: relative;
}

.workbench-logout .logout_icon {
  width: 40px;
  height: 66px;
  background: url("../images/cloudbusiness/user_icon.png") no-repeat center;
}

.workbench-logout .logout_icon:hover {
  background: url("../images/cloudbusiness/user_icon_active.png") no-repeat center;
}

.workbench-logout .workbench-logout-content {
  display: none;
  position: absolute;
  width: 200px;
  background-color: #fff;
  z-index: 101;
  top: 65px;
  right: 0;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.workbench-logout .content_top {
  padding-top: 20px;
  padding-left: 15px;
  height: auto;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
}

.content_top div {
  font-size: 16px;
  color: #696969;
}

.content_top .content_welcome {
  font-size: 14px;
}

.content_top .content_name {
  padding-right: 10px;
  color: #1875f0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
}

.content_top .content_name a {
  color: #1875f0;
}

.workbench-logout .content_bottom {
  padding: 15px;
}

.workbench-logout .content_bottom a {
  font-size: 16px;
  color: #696969;
  display: block;
  line-height: 40px;
}

.workbench-logout .content_bottom a:hover {
  color: #1875f0;
}

.workbench-logout .content_bottom a span {
  color: #1875f0;
}

.workbench-logout .content_bottom .col-md-3 {
  padding: 0;
}

#logout_icon {
  height: 50px;
}

#schedule_count {
  position: absolute;
  display: none;
  padding: 0 6px;
  height: 18px;
  border-radius: 9px;
  top: 2px;
  right: -10px;
  z-index: 1;
  background: red;
  color: #fff;
  font-size: 12px;
}

#logout_content {
  display: none;
  top: 50px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.company_name_box > a.company-name {
  background-position: 0 8px !important;
}

@media (max-width: 768px) {
  #logout_content {
    width: 100%;
    position: fixed;
    box-shadow: none;
    border-bottom: 1px solid #e9e9e9;
  }
}

.chart-data-number {
  text-align: center;
}

.chart-data-number .text-highlight {
  font-size: 22px;
  padding-right: 5px;
}

.chart-data-declaration {
  font-size: 16px;
  text-align: center;
}

.chart-data-declaration .form-tooltip {
  line-height: 26px;
  margin-left: 15px;
}

@media (max-width: 768px) {
  .chart-data-number, .chart-data-declaration {
    text-align: left;
    padding-left: 15px;
  }
}

.chart-data-title {
  padding: 10px 0;
  font-size: 18px;
}

.chart-data-title span {
  padding: 0 6px;
}

.data-panel {
  padding: 20px 0 0;
  background-color: rgba(244, 244, 244, 0.5);
}

.chart-data-block {
  text-align: center;
  font-size: 18px;
  padding: 15px 0;
  margin: 0 auto;
}

.chart-data-block span {
  display: block;
}

.chart-data-block b {
  font-weight: normal;
  color: #1875f0;
  padding: 0 5px;
}

.row-r {
  margin-left: -5px;
  margin-right: -5px;
}

.row-r [class*=col-r] {
  padding-left: 5px;
  padding-right: 5px;
}

.row-margin-5 {
  margin-left: -5px;
  margin-right: -5px;
}

.row-margin-5 [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.row-margin-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-margin-10 [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

[class*=col-r] {
  float: left;
}

.col-r-lg-5 {
  width: 20%;
}

@media (max-width: 1200px) {
  .col-r-lg-5 {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .col-r-lg-5 {
    width: 50%;
  }
  .col-r-xs-1 {
    width: 100% !important;
  }
  .col-r-xs-2 {
    width: 50% !important;
  }
}

.ht-form-group {
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
}

.ht-form-group > label {
  width: 200px;
  text-align: right;
  margin-right: 30px;
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0;
}

.ht-form-group > label .ht-text-title {
  color: #555;
  font-size: 16px;
}

.ht-form-group .ht-text-star {
  color: #fd3847;
  margin-right: 5px;
  line-height: 30px;
}

.ht-checkbox-group-box {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}

.ht-checkbox-group-box:hover .ht-checkbox-group-icon {
  border-color: #1875f0;
}

.ht-checkbox-group-box .ht-checkbox-group-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
  text-align: left;
  vertical-align: middle;
}

.ht-checkbox-group-box .ht-checkbox-group-icon i {
  font-size: 12px;
  color: #fff;
  vertical-align: top;
}

.ht-checkbox-group-box .ht-checkbox-group-text {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

.ht-checkbox-group-box input {
  display: none;
}

.ht-checkbox-group-box input:checked + span {
  border-color: #1875f0;
  background-color: #1875f0;
}

.ht-radio-group-box {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}

.ht-radio-group-box:hover .ht-radio-group-icon {
  border-color: #1875f0;
  background: #fff;
}

.ht-radio-group-box .ht-radio-group-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
  vertical-align: middle;
  position: relative;
}

.ht-radio-group-box .ht-radio-group-icon:after {
  transform: scale(0);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #fff;
  content: " ";
  transition: all .3s ease 0s;
}

.ht-radio-group-box .ht-radio-group-text {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

.ht-radio-group-box input {
  display: none;
}

.ht-radio-group-box input:checked + span {
  border-color: #1875f0;
  background: #fff;
}

.ht-radio-group-box input:checked + span:after {
  width: 8px;
  height: 8px;
  font-weight: 700;
  background: #1875f0;
  -ms-transform: scale(1);
  transform: scale(1);
}

.ht-checkbox-group > div, .ht-radio-group > div {
  display: inline-block;
  width: calc(100% - 245px);
}

.ht-input-group input {
  width: 500px;
  line-height: 30px;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

.ht-input-group input:focus {
  border: 1px solid #1875f0;
}

.ht-input-group input.error {
  border: 1px solid #fd3847;
}

.ht-textarea-group {
  position: relative;
}

.ht-textarea-group textarea {
  width: 500px;
  height: 130px;
  line-height: 25px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  padding: 10px;
  font-size: 14px;
  color: #222;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

.ht-textarea-group textarea:focus {
  border: 1px solid #1875f0;
}

.ht-textarea-group textarea.error {
  border: 1px solid #fd3847;
}

.ht-select-group-box {
  width: 200px;
  height: 30px;
  display: inline-block;
  line-height: 28px;
  border: 1px solid #e9e9e9;
  padding: 0 30px 0 10px;
  position: relative;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  transition: all .3s ease .1s;
}

.ht-select-group-box .ht-select-text {
  font-size: 14px;
  color: #222;
  line-height: 28px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ht-select-group-box .ht-select-icon {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1px;
  width: 30px;
  height: 28px;
  background: url("../images/plugin/icon-arrow-down.png") no-repeat center center;
}

.ht-select-group-box.active .ht-select-icon {
  background: url("../images/plugin/icon-arrow-up.png") no-repeat center center;
}

.ht-select-group-box.active {
  border: 1px solid #1875f0;
}

.ht-select-group-box .ht-select-option {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  border: 1px solid #e9e9e9;
  border-top: 0;
  background-color: #fff;
  box-shadow: 0px 1px 10px #e9e9e9;
  width: 100%;
  max-height: 210px;
  overflow-y: auto;
  z-index: 10;
}

.ht-select-group-box .ht-select-option ul {
  width: 100%;
  margin-bottom: 0;
}

.ht-select-group-box .ht-select-option ul li {
  width: 100%;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  font-size: 14px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ht-select-group-box .ht-select-option ul li.active {
  color: #1875f0;
}

.ht-select-group-box .ht-select-option ul li:hover {
  color: #1875f0;
}

.ipt-error-msg {
  display: inline-block;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding-left: 5px;
  color: #fd3847;
  vertical-align: middle;
}

.textarea-number-msg {
  position: absolute;
  bottom: 5px;
  color: #ccc;
}

.prompt-msg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  position: relative;
  z-index: 10;
}

.prompt-msg:hover span {
  display: block;
}

.prompt-msg i {
  padding: 10px;
  cursor: pointer;
}

.prompt-msg span {
  display: none;
  width: 150px;
  padding: 10px !important;
  background: #fff;
  font-size: 14px !important;
  font-weight: normal;
  color: #999 !important;
  cursor: default;
  position: absolute;
  left: 40px;
  top: -10px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.prompt-msg span::after {
  border: 9px solid transparent;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 100%;
  border-right: 10px solid #fff;
}

.prompt-msg span::before {
  border: 10px solid transparent;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 11px;
  right: 100%;
  border-right: 12px solid rgba(0, 0, 0, 0.09);
}

.ht-distpicker {
  width: 200px;
  display: inline-block;
  position: relative;
}

.ht-distpicker select {
  border-color: #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  height: 30px;
  padding: 4px 12px;
}

.ht-distpicker .ht-select-icon {
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 30px;
  height: 28px;
  background: #fff url("../images/plugin/icon-arrow-down.png") no-repeat center center;
}

.ht-distpicker.active .ht-select-icon {
  background: #fff url("../images/plugin/icon-arrow-up.png") no-repeat center center;
}

.ht-distpicker.active {
  border: 1px solid #1875f0;
}

.ht-file-group > div {
  display: inline-block;
}

.ht-file-group .webuploader-container {
  float: left;
}

.ht-file-group .webuploader-pick {
  background: #f9f9f9;
  color: #222;
  padding: 7px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.ht-file-group .webuploader-pick-hover {
  background-color: #dcdcdc;
}

.ht-file-group .upload-tips {
  margin: 0;
  height: 34px;
  line-height: 34px;
  padding-left: 20px;
  color: #999;
  float: left;
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.ht-file-group .uploader-list {
  padding-top: 32px;
}

.ht-file-group .uploader-list .item .info {
  font-size: 14px;
  color: #222;
  text-align: left;
  padding: 5px 30px 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f4f4f4;
  position: relative;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ht-file-group .uploader-list .item .info .delete {
  padding: 7px;
  background: url(../images/plugin/icon-close.png) no-repeat center;
  background-size: 80%;
  position: absolute;
  right: 10px;
  cursor: pointer;
}

.ht-edit-group {
  margin: 50px auto;
  width: 80%;
}

.ht-edit-group .ht-edit-table input {
  width: 100%;
}

.ht-edit-group .ht-edit-table thead label {
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0;
}

.ht-edit-group .ht-edit-table thead label .ht-text-title {
  color: #555;
  font-size: 16px;
}

.ht-edit-group .ht-edit-table thead .ht-text-star {
  color: #fd3847;
  margin-right: 5px;
  line-height: 30px;
}

.ht-edit-group .ht-edit-table tbody tr > td:nth-child(1) {
  padding: 0 10px 10px;
  width: 40px;
}

.ht-edit-group .ht-edit-table i {
  padding: 10px;
  cursor: pointer;
}

.ht-edit-group .ht-edit-table .ht-form-group {
  padding: 0 5px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.ht-edit-group .ht-edit-footer {
  padding: 25px 40px 0 40px;
}

.ht-edit-group .ht-edit-footer span {
  color: #1875f0;
  margin-top: -20px;
}

.form-group {
  margin-bottom: 0;
  margin-top: 20px;
  position: relative;
}

.form-group > label {
  text-align: right;
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0;
}

.form-group > label .text-title {
  color: #555;
  font-size: 16px;
}

.form-group .text-star {
  color: #fd3847;
  margin-right: 5px;
  line-height: 30px;
}

.form-group .info-tips-label {
  line-height: 31px;
}

.form-group .title-declare {
  display: inline-block;
  line-height: 34px;
  background-color: #ededed;
  padding: 0 20px;
  font-size: 16px;
  color: #222;
}

.form-control:focus {
  border-color: #1875f0;
}

.form-control-number .add, .form-control-number .minus {
  display: block;
  width: 28px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
  border: 1px solid #E9E9E9;
  cursor: pointer;
}

.form-control-number .add {
  border-left: 0;
}

.form-control-number .minus {
  border-right: 0;
}

.form-control-number .form-control {
  float: left;
  width: 60px;
}

.form-control-checkbox {
  width: 100%;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}

.form-control-checkbox.disabled {
  cursor: not-allowed;
}

.form-control-checkbox.disabled .form-control-checkbox-text {
  color: #bfbfbf;
}

.form-control-checkbox.disabled:hover .form-control-checkbox-icon {
  border-color: #e5e5e5;
}

.form-control-checkbox:hover .form-control-checkbox-icon {
  border-color: #1875f0;
}

.form-control-checkbox .form-control-checkbox-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
  text-align: left;
  vertical-align: middle;
}

.form-control-checkbox .form-control-checkbox-icon i {
  font-size: 12px;
  color: #fff;
  vertical-align: top;
}

.form-control-checkbox .form-control-checkbox-text {
  display: inline-block;
  width: calc(100% - 36px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

.form-control-checkbox input {
  display: none;
}

.form-control-checkbox input:checked + span {
  border-color: #1875f0;
  background-color: #1875f0;
}

.form-control-radio {
  width: 100%;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}

.form-control-radio.disabled {
  cursor: not-allowed;
}

.form-control-radio.disabled .form-control-radio-text {
  color: #bfbfbf;
}

.form-control-radio.disabled:hover .form-control-radio-icon {
  border-color: #e5e5e5;
}

.form-control-radio:hover .form-control-radio-icon {
  border-color: #1875f0;
}

.form-control-radio .form-control-radio-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
  vertical-align: middle;
  position: relative;
}

.form-control-radio .form-control-radio-icon:after {
  transform: scale(0);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #fff;
  content: " ";
  transition: all .3s ease 0s;
}

.form-control-radio .form-control-radio-text {
  display: inline-block;
  width: calc(100% - 36px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

.form-control-radio input {
  display: none;
}

.form-control-radio input:checked + span {
  border-color: #1875f0;
  background: #fff;
}

.form-control-radio input:checked + span:after {
  width: 8px;
  height: 8px;
  font-weight: 700;
  background: #1875f0;
  -ms-transform: scale(1);
  transform: scale(1);
}

input.form-control {
  width: 100%;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

input.form-control:focus {
  border: 1px solid #1875f0;
}

input.form-control.error {
  border: 1px solid #fd3847;
}

textarea.form-control {
  width: 100%;
  height: 130px;
  line-height: 25px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  padding: 10px;
  font-size: 14px;
  color: #222;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

textarea.form-control:focus {
  border: 1px solid #1875f0;
}

textarea.form-control.error {
  border: 1px solid #fd3847;
}

.form-control-select {
  width: 100%;
  height: 30px;
  display: inline-block;
  line-height: 28px;
  border: 1px solid #e9e9e9;
  padding: 0 30px 0 10px;
  position: relative;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  transition: all .3s ease .1s;
  min-width: 100px;
}

.form-control-select .select-text {
  font-size: 14px;
  color: #222;
  line-height: 28px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-control-select .select-icon {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1px;
  width: 30px;
  height: 28px;
  background: url("../images/plugin/icon-arrow-down.png") no-repeat center center;
}

.form-control-select.active .select-icon {
  background: url("../images/plugin/icon-arrow-up.png") no-repeat center center;
}

.form-control-select.active {
  border: 1px solid #1875f0;
}

.form-control-select .select-option {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  border: 1px solid #e9e9e9;
  border-top: 0;
  background-color: #fff;
  box-shadow: 0 1px 10px #e9e9e9;
  width: 100%;
  max-height: 210px;
  overflow-y: auto;
  z-index: 10;
}

.form-control-select .select-option ul {
  width: 100%;
  margin-bottom: 0;
}

.form-control-select .select-option ul li {
  width: 100%;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  font-size: 14px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-control-select .select-option ul li.active {
  color: #1875f0;
}

.form-control-select .select-option ul li:hover {
  color: #1875f0;
}

.form-error-msg {
  display: inline-block;
  width: calc(100% - 30px);
  height: 32px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding-left: 5px;
  color: #fd3847;
  vertical-align: middle;
}

.form-textarea-msg {
  position: absolute;
  bottom: 2px;
  right: 32px;
  color: #ccc;
}

.form-tooltip {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  line-height: 30px;
  height: 32px;
}

.form-tooltip:hover span {
  display: block;
}

.form-tooltip i {
  padding: 10px;
  cursor: pointer;
  vertical-align: middle;
}

.form-tooltip span {
  display: none;
  width: 150px;
  white-space: normal;
  padding: 10px !important;
  background: #fff;
  font-size: 14px !important;
  font-weight: normal;
  color: #999 !important;
  cursor: default;
  position: absolute;
  left: 40px;
  top: -4px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.form-tooltip span::after {
  border: 9px solid transparent;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 100%;
  border-right: 10px solid #fff;
}

.form-tooltip span::before {
  border: 10px solid transparent;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 11px;
  right: 100%;
  border-right: 12px solid rgba(0, 0, 0, 0.09);
}

.form-tooltip.left span {
  right: 40px;
  left: auto;
}

.form-tooltip.left span::after {
  left: 100%;
  border-right: 0;
  border-left: 10px solid #fff;
}

.form-tooltip.left span::before {
  left: 100%;
  border-right: 0;
  border-left: 12px solid rgba(0, 0, 0, 0.09);
}

.form-tooltip.top span {
  top: auto;
  bottom: 40px;
  right: -75px;
  left: auto;
}

.form-tooltip.top span::after {
  top: 100%;
  right: 76px;
  bottom: auto;
  border-right: 9px solid transparent;
  border-top: 10px solid #fff;
}

.form-tooltip.top span::before {
  top: 100%;
  right: 75px;
  bottom: auto;
  border-right: 10px solid transparent;
  border-top: 12px solid rgba(0, 0, 0, 0.09);
}

.form-tooltip.bottom span {
  top: 40px;
  right: -75px;
  left: auto;
}

.form-tooltip.bottom span::after {
  top: auto;
  right: 76px;
  bottom: 100%;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #fff;
}

.form-tooltip.bottom span::before {
  top: auto;
  right: 75px;
  bottom: 100%;
  border-right: 10px solid transparent;
  border-bottom: 12px solid rgba(0, 0, 0, 0.09);
}

.form-control-distpicker {
  width: 100%;
  display: inline-block;
  position: relative;
}

.form-control-distpicker select {
  border-color: #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  height: 30px;
  padding: 4px 12px;
}

.form-control-distpicker .select-icon {
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 30px;
  height: 28px;
  background: #fff url("../images/plugin/icon-arrow-down.png") no-repeat center center;
}

.form-control-distpicker.active .select-icon {
  background: #fff url("../images/plugin/icon-arrow-up.png") no-repeat center center;
}

.form-control-distpicker.active {
  border: 1px solid #1875f0;
}

@media (max-width: 768px) {
  .form-control-distpicker select {
    margin-bottom: 5px;
  }
}

.form-file-group > div {
  display: inline-block;
  width: 100%;
}

.form-file-group .webuploader-container {
  float: left;
  margin-right: 20px;
}

.form-file-group .webuploader-pick {
  background: #e9e9e9;
  color: #222;
  padding: 7px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.form-file-group .webuploader-pick-hover {
  background-color: #dcdcdc;
}

.form-file-group .upload-tips {
  margin: 0;
  line-height: 34px;
  color: #999;
  float: left;
}

@media (max-width: 768px) {
  .form-file-group .upload-tips {
    padding-left: 5px;
    max-width: 100%;
    text-align: justify;
  }
}

.form-file-group .uploader-list {
  padding-top: 50px;
}

.form-file-group .item {
  background: #fff;
  border: 1px solid #e9e9e9;
  overflow: hidden;
}

.form-file-group .item:hover {
  background: #f9f9f9;
}

.form-file-group .item .info {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px 0 30px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  color: #222;
}

.form-file-group .item .file-name-box {
  float: left;
  width: 63%;
}

.form-file-group .item .file-name {
  width: calc(100% - 50px);
  display: block;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-file-group .item .sub-detail {
  float: right;
}

.form-file-group .item .file-size {
  float: right;
}

@media (max-width: 1440px) {
  .form-file-group .item .file-name-box {
    width: 66%;
  }
}

@media (max-width: 1200px) {
  .form-file-group .item .file-name-box {
    width: 74%;
  }
}

@media (max-width: 768px) {
  .form-file-group .item .info {
    padding: 0 10px;
  }
  .form-file-group .item .file-name-box {
    width: 95%;
  }
}

.form-file-group .item:not(:last-child) {
  border-bottom: none;
}

.form-file-group .icon-status {
  padding: 10px;
  margin: 18px 0 0 15px;
  float: right;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.form-file-group .icon-status-delete {
  background: url(../images/plugin/webuploader/delete.png) no-repeat center;
  cursor: pointer;
}

.form-file-group .icon-status-success {
  background: url(../images/plugin/webuploader/success.png) no-repeat center;
}

.form-file-group .icon-status-fail {
  background: url(../images/plugin/webuploader/fail.png) no-repeat center;
}

.form-file-group .icon-file {
  padding: 15px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 14px 20px 0 0;
  display: block;
  float: left;
}

.form-file-group .icon-file-word {
  background-image: url("../images/plugin/webuploader/word.png");
}

.form-file-group .icon-file-excel {
  background-image: url("../images/plugin/webuploader/excel.png");
}

.form-file-group .icon-file-ppt {
  background-image: url("../images/plugin/webuploader/ppt.png");
}

.form-file-group .icon-file-pdf {
  background-image: url("../images/plugin/webuploader/pdf.png");
}

.form-file-group .icon-file-default {
  background-image: url("../images/plugin/webuploader/default.png");
}

.form-file-group .icon-file-image {
  background-image: url("../images/plugin/webuploader/image.png");
}

.form-file-group .thumb-item {
  float: left;
}

.form-file-group .thumb-item:not(:last-child) {
  margin-right: 20px;
  margin-bottom: 25px;
}

.form-file-group .thumb-item .info {
  position: relative;
}

.form-file-group .thumb-item:hover .sub-detail {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
}

.form-file-group .thumb-item:hover .icon-status-delete {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
}

.form-file-group .thumb-item .sub-detail {
  position: absolute;
  display: none;
}

.form-file-group .thumb-item .sub-detail-status {
  position: absolute;
  bottom: 0;
  right: 0;
}

.form-file-group .thumb-item .icon-file {
  padding: 54px;
  margin: 0;
  border: 1px solid #e9e9e9;
}

.form-file-group .thumb-item .icon-status {
  margin: 5px;
}

.form-file-group .thumb-item .icon-status-delete {
  background: url(../images/plugin/webuploader/delete-white.png) no-repeat center;
}

.form-photoclip-group {
  position: relative;
}

.form-photoclip-group .btn, .form-photoclip-group .table-list .table-list-content .content-detail .content-operate > a, .table-list .table-list-content .content-detail .form-photoclip-group .content-operate > a {
  margin-right: 0;
}

.form-photoclip-group .photo-pick {
  float: left;
  margin-right: 20px;
}

.form-photoclip-group .photo-pick-hidden {
  height: 36px;
  width: 90px;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.form-photoclip-group .photo-pick-hidden label {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: white;
}

.form-photoclip-group .photo-pick-hidden input {
  opacity: 0;
}

.form-photoclip-group .upload-tips {
  margin: 0;
  line-height: 36px;
  color: #999;
  float: left;
}

@media (max-width: 768px) {
  .form-photoclip-group .upload-tips {
    padding-left: 5px;
    max-width: 100%;
    text-align: justify;
  }
}

.form-photoclip-group .operating-area {
  padding-top: 20px;
  color: #999;
}

.form-photoclip-group .operating-area .clip-area {
  height: 380px;
  margin-bottom: 10px;
}

.form-photoclip-group .operating-area .clipbtn-group {
  vertical-align: middle;
}

.form-photoclip-group .operating-area .view-title {
  padding-bottom: 17px;
}

.form-photoclip-group .operating-area .view-area .view-photo {
  float: left;
  width: 97px;
  height: 97px;
  margin: 0 21px 24px 0;
  background-color: #999;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
}

.form-photoclip-group .operating-area .view-area .view-photo:hover .sub-detail {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
}

.form-photoclip-group .operating-area .view-area .view-photo:hover .icon-status-delete {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
}

.form-photoclip-group .operating-area .view-area .view-photo .sub-detail {
  position: absolute;
  display: none;
}

.form-photoclip-group .operating-area .view-area .view-photo .sub-detail-status {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 768px) {
  .form-photoclip-group .operating-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.form-photoclip-group .icon-status {
  padding: 10px;
  margin: 5px;
  float: right;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.form-photoclip-group .icon-status-delete {
  background: url(../images/plugin/webuploader/delete-white.png) no-repeat center;
  cursor: pointer;
}

.form-photoclip-group .icon-status-success {
  background: url(../images/plugin/webuploader/success.png) no-repeat center;
}

.form-photoclip-group .icon-status-fail {
  background: url(../images/plugin/webuploader/fail.png) no-repeat center;
}

.form-photoclip-group .icon-magnify {
  background: url(../images/plugin/webuploader/magnify.png) no-repeat center;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}

.form-photoclip-group .icon-shrink {
  background: url(../images/plugin/webuploader/shrink.png) no-repeat center;
  cursor: pointer;
  vertical-align: middle;
  display: none;
}

.form-horizontal .form-edit-group .form-group {
  margin-left: 0;
  margin-right: 0;
}

.form-inline .form-group input {
  width: 100%;
}

.form-edit-group {
  margin: 50px auto;
  width: 100%;
}

.form-edit-group th, .form-edit-group td {
  width: 150px;
}

.form-edit-group .edit-table.table {
  margin-bottom: 0;
}

.form-edit-group .edit-table thead label {
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 0;
}

.form-edit-group .edit-table thead label .text-title {
  color: #555;
  font-size: 16px;
}

.form-edit-group .edit-table thead .text-star {
  color: #fd3847;
  margin-right: 5px;
  line-height: 30px;
}

.form-edit-group .edit-table tbody tr > td:nth-child(1) {
  padding: 24px 10px 10px;
}

.form-edit-group .edit-table .form-group {
  margin-bottom: 5px;
  margin-top: 10px;
}

.form-edit-group .edit-footer {
  padding: 5px 40px 0 30px;
}

.form-edit-group .edit-footer span {
  color: #1875f0;
  margin-top: -20px;
}

.form-control-cascade-select {
  display: block;
}

.form-control-cascade-select .cascade-select-box {
  position: relative;
  width: 100%;
}

.form-control-cascade-select .cascade-text {
  box-sizing: border-box;
  min-width: 210px;
  width: 100%;
  height: 30px;
  background-color: #ffffff;
  border: solid 1px #e9e9e9;
  padding: 0 30px 0 20px;
  line-height: 30px;
}

.form-control-cascade-select .cascade-text-blue {
  border: solid 1px #1875f0;
}

.form-control-cascade-select .cascade-header {
  display: inline-block;
  min-width: 210px;
  width: 100%;
  height: 30px;
  position: relative;
}

.form-control-cascade-select .cascade-header input {
  width: 100%;
}

.form-control-cascade-select .cascade-delete-icon {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 6px;
  right: 10px;
  background: url("../images/plugin/cascade/icon-arrow-down.png") no-repeat;
}

.form-control-cascade-select .cascade-text-error {
  display: none;
}

.form-control-cascade-select .cascade-content {
  position: absolute;
  top: 30px;
  left: 0;
  padding: 10px 10px 50px 10px;
  width: 618px;
  height: 210px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9e9e9;
  display: none;
  z-index: 100;
}

.form-control-cascade-select .cascade-content .cascade-ul {
  list-style: none;
  width: 33.3%;
  height: 150px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-left: solid 1px #e9e9e9;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  float: left;
}

.form-control-cascade-select .cascade-content .cascade-ul:nth-child(1) {
  border: none;
}

.form-control-cascade-select .cascade-content .cascade-ul:nth-child(2) {
  display: none;
}

.form-control-cascade-select .cascade-content .cascade-ul:nth-child(3) {
  display: none;
}

.form-control-cascade-select .cascade-content .cascade-ul > li {
  position: relative;
  padding: 0 10px 0 20px;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
  background-color: #ffffff;
}

.form-control-cascade-select .cascade-content .cascade-ul > li:hover {
  background-color: #f3f3f3;
}

.form-control-cascade-select .cascade-content .cascade-ul > li > i {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 7px;
  height: 12px;
  background: url("../images/plugin/cascade/page_right_img.png") no-repeat;
}

.form-control-cascade-select .cascade-content .cascade-ul > li > span {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 4px;
  bottom: 10px;
  background: url("../images/plugin/cascade/icon-selected.png") no-repeat;
  display: none;
}

.form-control-cascade-select .cascade-content .cascade-ul > li > span.cascade-option {
  display: block;
}

.form-control-cascade-select .cascade-content .cascade-ul > li.cascade-option {
  background-color: #f3f3f3;
}

.form-control-cascade-select .cascade-content .cascade-ul-box {
  width: 598px;
  height: 150px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  overflow: hidden;
}

.form-control-cascade-select .cascade-footer > span {
  position: absolute;
  top: 170px;
  bottom: 10px;
  width: 44px;
  height: 30px;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.form-control-cascade-select .cascade-footer-confirm {
  background-color: #1774ef;
  color: #ffffff;
  right: 64px;
}

.form-control-cascade-select .cascade-footer-cancel {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  right: 10px;
}

.form-control-cascade-select input.cascade-text.error {
  border: 1px solid #fd3847;
}

.form-control-cascade-select .url-icon-down {
  background: url(../images/plugin/cascade/icon-arrow-down.png);
}

.form-control-cascade-select .url-icon-up {
  background: url(../images/plugin/cascade/icon-arrow-up.png);
}

.form-control-cascade-select .url-icon-close {
  background: url(../images/plugin/cascade/icon-close.png);
}

.form-control-cascade-select .cascade-ul > .data-exist {
  background-color: #f3f3f3;
}

.form-control-cascade-select .cascade-ul > li.data-exist > span {
  display: block;
}

@media (max-width: 768px) {
  .form-control-cascade-select .cascade-content {
    width: 100%;
    height: 568px;
    position: absolute;
    top: 30px;
    overflow: hidden;
  }
  .form-control-cascade-select .cascade-content .cascade-ul-box {
    width: 100%;
    height: 568px;
    border: 0;
  }
  .form-control-cascade-select .cascade-content .cascade-ul:nth-child(1) {
    border: 1px solid #e9e9e9;
  }
  .form-control-cascade-select .cascade-content ul.cascade-ul {
    width: 290px;
    position: absolute;
    left: 12px;
    right: 12px;
    border: 1px solid #e9e9e9;
  }
  .form-control-cascade-select .cascade-content .cascade-ul > li > i {
    right: 60px;
  }
  .form-control-cascade-select .cascade-footer > span {
    top: 510px;
  }
  .form-control-cascade-select .cascade-footer-confirm {
    left: 94px;
  }
  .form-control-cascade-select .cascade-footer-cancel {
    right: 94px;
  }
  .cascade-ul-first {
    top: 21px;
  }
  .cascade-ul-second {
    top: 168px;
  }
  .cascade-ul-third {
    top: 315px;
  }
}

.form-tips {
  width: 100%;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  color: #999;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.edui-body-container {
  width: 100% !important;
}

.form-medium [class*="col-"] {
  padding-right: 0;
}

.form-medium .form-group {
  margin-top: 16px;
}

/*新三级列表*/
.form-cascade-select {
  display: block;
}

.form-cascade-select .cascade-select-box {
  position: relative;
  width: 100%;
}

.form-cascade-select .cascade-header {
  position: relative;
  width: 100%;
  height: 30px;
}

.form-cascade-select .cascade-header > i {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 6px;
  right: 10px;
}

.form-cascade-select .down-icon {
  background: url(../images/plugin/cascade/icon-arrow-down.png);
}

.form-cascade-select .up-icon {
  background: url(../images/plugin/cascade/icon-arrow-up.png);
}

.form-cascade-select .close-icon {
  cursor: pointer;
  background: url(../images/plugin/cascade/icon-close.png);
}

.form-cascade-select .cascade-content {
  position: absolute;
  top: 30px;
  left: 0;
  padding: 10px 10px 50px 10px;
  width: 618px;
  height: 210px;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9e9e9;
  display: none;
  z-index: 100;
}

.form-cascade-select .cascade-content .cascade-ul {
  width: 33.3%;
  height: 150px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-left: solid 1px #e9e9e9;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
  float: left;
}

.form-cascade-select .cascade-content .cascade-ul:nth-child(2) {
  display: none;
}

.form-cascade-select .cascade-content .cascade-ul:nth-child(3) {
  display: none;
}

.form-cascade-select .cascade-content .cascade-ul > li {
  position: relative;
  padding: 0 10px 0 20px;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
  background-color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-cascade-select .cascade-content .cascade-ul > li:hover {
  background-color: #f3f3f3;
}

.form-cascade-select .cascade-content .cascade-ul > li.selected {
  background-color: #f3f3f3;
}

.form-cascade-select .cascade-content .cascade-ul > li > i {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 7px;
  height: 12px;
  background: url("../images/plugin/cascade/page_right_img.png") no-repeat;
}

.form-cascade-select .cascade-content .cascade-ul > li > span {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 4px;
  bottom: 10px;
  background: url("../images/plugin/cascade/icon-selected.png") no-repeat;
  display: none;
}

.form-cascade-select .cascade-content .cascade-ul-box {
  width: 598px;
  height: 150px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  overflow: hidden;
}

.form-cascade-select input.cascade-text {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  background-color: #ffffff;
  border: solid 1px #e9e9e9;
  padding: 0 30px 0 10px;
  line-height: 30px;
}

.form-cascade-select input.cascade-text.blue {
  border: solid 1px #1875f0;
}

.form-cascade-select .cascade-footer > span {
  position: absolute;
  top: 170px;
  bottom: 10px;
  width: 44px;
  height: 30px;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

.form-cascade-select .cascade-confirm {
  background-color: #1774ef;
  color: #ffffff;
  right: 64px;
}

.form-cascade-select .cascade-cancel {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  right: 10px;
}

@media (max-width: 768px) {
  .form-cascade-select .cascade-content {
    width: 100%;
    height: auto;
  }
  .form-cascade-select .cascade-content .cascade-ul-box {
    width: 100%;
    height: auto;
    padding-top: 10px;
    border: 0;
  }
  .form-cascade-select .cascade-content .cascade-footer {
    position: relative;
    margin-top: 35px;
    padding-bottom: 16px;
  }
  .form-cascade-select .cascade-content ul.cascade-ul {
    width: 290px;
    border: 1px solid #e9e9e9;
    border-top: 0;
  }
  .form-cascade-select .cascade-content .cascade-ul:nth-child(1) {
    border: 1px solid #e9e9e9;
  }
  .form-cascade-select .cascade-content .cascade-ul > li > i {
    right: 60px;
  }
  .form-cascade-select .cascade-footer > span {
    position: absolute;
    top: 10px;
    bottom: 20px;
  }
  .form-cascade-select .cascade-confirm {
    left: 84px;
  }
  .form-cascade-select .cascade-cancel {
    right: 94px;
  }
}

/*新三级列表结束*/
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.text-box {
  padding: 20px;
}

.w-500 {
  width: 500px;
}

.ht-next-input-control {
  display: inline-block;
  width: 100%;
}

.next-input {
  display: inline-table;
  overflow: visible;
  border: 1px solid #e9e9e9;
  width: 100%;
  background-color: #fff;
  transition: all .3s ease-out;
}

.next-input > input {
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  width: 100%;
}

.next-input-border {
  border-color: #e9e9e9;
}

.next-input-border.focus {
  border-color: #1875f0;
}

.next-input-medium {
  border-radius: 0;
}

@keyframes pressIn {
  to {
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@keyframes waterIn {
  0% {
    -ms-transform: translate(-45%) scaleX(2);
    transform: translate(-45%) scaleX(2);
  }
  to {
    -ms-transform: translate(0) scaleX(1);
    transform: translate(0) scaleX(1);
  }
}

@keyframes pressInSmall {
  to {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes pressOut {
  0% {
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
}

@keyframes waterOut {
  0% {
    -ms-transform: translate(-45%) scaleX(2);
    transform: translate(-45%) scaleX(2);
  }
  to {
    -ms-transform: translate(0) scaleX(1);
    transform: translate(0) scaleX(1);
  }
}

@keyframes pressOutSmall {
  0% {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes expandInDown {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}

@keyframes expandOutUp {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}

.next-btn:after, .next-overlay-backdrop {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@keyframes pulse {
  0%, to {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes shake {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes press {
  50% {
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
}

@keyframes unpress {
  50% {
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
}

@keyframes buttonClick {
  50% {
    -ms-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
}

.expandInDown {
  animation-name: expandInDown;
  animation-duration: .3s;
}

.expandOutUp {
  animation-name: expandOutUp;
  animation-duration: .2s;
}

.fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUpBig {
  animation-duration: .3s;
}

.fadeIn {
  animation-name: fadeIn;
}

.fadeInDown {
  animation-name: fadeInDown;
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
  animation-fill-mode: both;
}

.fadeInLeft {
  animation-name: fadeInLeft;
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

.fadeInRight {
  animation-name: fadeInRight;
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

.fadeInUp {
  animation-name: fadeInUp;
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
  animation-duration: .3s;
  animation-fill-mode: both;
}

.fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig {
  animation-iteration-count: 1;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-fill-mode: both;
}

.fadeOut {
  animation-name: fadeOut;
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

.fadeOutUp {
  animation-name: fadeOutUp;
  animation-duration: .2s;
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

.slideInDown, .slideInLeft, .slideInRight, .slideInUp {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  animation-duration: .3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

.slideInDown {
  animation-name: slideInDown;
  animation-fill-mode: both;
}

.slideInLeft {
  animation-name: slideInLeft;
  animation-fill-mode: both;
}

.slideInRight {
  animation-name: slideInRight;
  animation-fill-mode: both;
}

.slideInRight, .slideInUp {
  backface-visibility: hidden;
}

.slideInUp {
  animation-name: slideInUp;
  animation-fill-mode: both;
}

.slideOutDown, .slideOutLeft, .slideOutRight, .slideOutUp, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInQuick, .zoomInRight, .zoomInUp {
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.slideOutDown {
  animation-name: slideOutDown;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.slideOutLeft {
  animation-name: slideOutLeft;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.slideOutRight {
  animation-name: slideOutRight;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.slideOutUp {
  animation-name: slideOutUp;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.zoomIn {
  animation-name: zoomIn;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.zoomInPulse {
  animation-name: zoomInPulse;
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.zoomInQuick {
  animation-name: zoomInQuick;
  animation-iteration-count: 1;
  animation-duration: .2s;
  animation-delay: 0s;
}

.zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .zoomOut, .zoomOutPulse {
  animation-duration: .3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

.zoomInDown {
  animation-name: zoomInDown;
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

.zoomInRight {
  animation-name: zoomInRight;
}

.zoomInUp {
  animation-name: zoomInUp;
}

.zoomOut {
  animation-name: zoomOut;
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-fill-mode: both;
}

.zoomOutPulse {
  animation-name: zoomOutPulse;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.zoomOutDown, .zoomOutLeft, .zoomOutQuick, .zoomOutRight, .zoomOutUp {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-fill-mode: both;
}

.zoomOutQuick {
  animation-name: zoomOutQuick;
  animation-iteration-count: 1;
  animation-duration: .2s;
  animation-delay: 0s;
}

.bounceIn, .bounceOut, .zoomOutDown, .zoomOutLeft, .zoomOutRight, .zoomOutUp {
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

.bounceIn {
  animation-name: bounceIn;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.bounceOut {
  animation-name: bounceOut;
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-fill-mode: both;
}

.pressIn, .pressInSmall, .pressOut, .pressOutSmall, .waterIn {
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: .2s;
}

.pressIn {
  animation-name: pressIn;
}

.pressInSmall {
  animation-name: pressInSmall;
}

.pressOut {
  animation-name: pressOut;
}

.pressOutSmall {
  animation-name: pressOutSmall;
}

.waterIn {
  animation-name: waterIn;
}

.waterOut {
  animation-name: waterOut;
  animation-iteration-count: 1;
  animation-duration: .2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.buttonClick, .press, .pulse, .shake, .unpress {
  animation-iteration-count: 1;
  animation-duration: .3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
}

.pulse {
  animation-name: pulse;
}

.shake {
  animation-name: shake;
}

.press {
  animation-name: press;
}

.unpress {
  animation-name: unpress;
}

.next-radio {
  overflow: hidden;
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
}

.next-radio > .next-radio-inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
}

.next-radio > .next-radio-inner:after {
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #fff;
  content: " ";
  transition: all .3s ease 0s;
}

.next-radio.checked > .next-radio-inner {
  border-color: #1875f0;
  background: #fff;
}

.next-radio.checked > .next-radio-inner:after {
  width: 8px;
  height: 8px;
  font-weight: 700;
  background: #1875f0;
  -ms-transform: scale(1);
  transform: scale(1);
}

.next-radio > input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
}

.next-radio.hovered > .next-radio-inner {
  border-color: #4b67e7;
  background-color: #fff;
}

.ht-next-radio {
  display: inline-block;
}

.ht-next-radio > label {
  margin-bottom: 0;
  font-weight: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.next-checkbox .next-checkbox-inner > .next-icon, .next-checkbox input[type=checkbox], .next-radio input[type=radio], .next-radio-single-input input[type=radio] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.next-radio-label {
  color: #222;
  margin: 0 5px;
  font-size: 12px;
  vertical-align: middle;
}

.ht-next-checkbox {
  display: inline-block;
}

.ht-next-checkbox > label {
  margin-bottom: 0;
  font-weight: normal;
}

.next-radio-label {
  color: #222;
  font-size: 12px;
  margin: 0 5px;
}

.next-checkbox {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
}

.next-checkbox > .next-checkbox-inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #e5e5e5;
  transition: all .3s ease 0s;
  text-align: left;
}

.next-checkbox > .next-checkbox-inner > .glyphicon {
  font-size: 12px;
  color: #fff;
}

.next-checkbox.hovered > .next-checkbox-inner {
  border-color: #1875f0;
  background-color: #fff;
}

.next-checkbox.checked > .next-checkbox-inner {
  border-color: #1875f0;
  background-color: #1875f0;
}

.next-checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
}

.next-checkbox .next-checkbox-inner > .next-icon, .next-checkbox input[type=checkbox], .next-radio input[type=radio], .next-radio-single-input input[type=radio] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.next-checkbox-label {
  font-size: 12px;
  color: #222;
  vertical-align: middle;
}

.general-form-input {
  margin-bottom: 25px;
}

.general-form-input .next-input > input {
  height: 38px;
  line-height: 38px;
}

.form-input {
  width: 100%;
  position: relative;
  vertical-align: middle;
}

.form-input-list {
  display: inline-block;
  vertical-align: middle;
}

.form-input-list label {
  font-weight: normal;
  margin-bottom: 0;
}

.input-list-label {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  padding-right: 40px;
}

.input-list-label > span {
  font-size: 16px;
  color: #333;
}

.input-list-label > span:nth-child(1) {
  color: #fd3847;
  padding-right: 14px;
  line-height: 40px;
}

.ht-search {
  width: 530px;
  height: 30px;
}

.ht-search .search_btn {
  display: block;
  float: right;
  width: 94px;
  height: 30px;
  line-height: 30px;
  background: #1875f0;
  border: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.ht-search .search_btn:hover {
  background-color: #1569d8;
}

.ht-search-input {
  display: inline-block;
  vertical-align: middle;
  width: 436px;
  height: 30px;
}

.ht-search-more {
  width: 100%;
}

.ht-search-more > div {
  float: left;
  margin-right: 10px;
}

.search-more-item {
  width: 180px;
}

.search-more-btn > a {
  display: block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 14px;
  color: #1875f0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
}

.search-more-btn > a:hover {
  background-color: #1569d8;
  color: #fff;
  border: 1px solid #1569d8;
}

.ht-select, .ht-next-select-control {
  display: inline-block;
  position: relative;
}

.next-select {
  font-size: 12px;
  display: inline-block;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  position: relative;
  transition: all .3s ease .1s;
  border-radius: 0;
  min-width: 180px;
  max-width: 600px;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  color: #222;
  background-color: #fff;
  padding: 0 30px 0 10px;
}

.next-select.opened {
  border-color: #1875f0;
  outline: 0;
}

.next-select-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  display: block;
  white-space: normal;
}

.next-select-inner-item {
  font-size: 14px;
  color: #222;
}

.next-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}

.next-icon-arrow-down {
  background: url("../images/plugin/icon-arrow-down.png") center no-repeat;
}

.opened .next-icon-arrow-down {
  background: url("../images/plugin/icon-arrow-up.png") center no-repeat;
}

.select-content {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  border: 1px solid #e9e9e9;
  border-top: 0;
  background-color: #fff;
  box-shadow: 0px 1px 10px #e9e9e9;
  display: none;
}

.select-content-inner > ul {
  position: relative;
}

.select-content-inner > ul > li {
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.select-content-inner > ul > li:hover {
  color: #1875f0;
}

.select-content-inner > ul > li.active {
  color: #1875f0;
}

.ht-search-box-wrapper {
  width: 100%;
  height: 40px;
  position: relative;
}

.ht-search-box-wrapper .ht-search-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.ht-search-box-wrapper .ht-search-box .ht-search-bar {
  width: 100%;
  height: 40px;
  position: relative;
}

.ht-search-box-wrapper .ht-search-box .ht-search-bar input {
  display: block;
  width: 100%;
  height: 40px;
  padding-left: 10px;
  padding-right: 100px;
  box-sizing: border-box;
  font-size: 14px;
  color: #555;
  border: 1px solid #e9e9e9;
  border-right: 0;
}

.ht-search-box-wrapper .ht-search-box .ht-search-bar .search-submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 40px;
  background: #1875F0;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.ht-search-box-wrapper .ht-search-box .ht-search-bar .search-icon {
  display: none;
}

.ht-search-box-wrapper .ht-search-box .ht-search-bar .search-clear {
  display: none;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  border-top: none;
  box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.1);
  z-index: 100000;
  background: #fff;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header {
  width: 100%;
  height: 40px;
  font-size: 14px;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header .history-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  background: url("../images/historySearch/history-pc-icon.png") no-repeat center center;
  background-size: 100%;
  line-height: 40px;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header span {
  display: inline-block;
  font-size: 14px;
  color: #555;
  vertical-align: middle;
  line-height: 40px;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header .history-clear {
  display: inline-block;
  float: right;
  line-height: 40px;
  vertical-align: middle;
  background: transparent;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header .history-clear:hover {
  color: #1875f0;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-header .history-clear.visible-xs-inline-block {
  width: 16px;
  height: 40px;
  background: url("../images/historySearch/search-clear-icon.png") no-repeat center center;
  background-size: 100% auto;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-section li {
  position: relative;
  line-height: 30px;
  height: 30px;
  padding-right: 80px;
  width: 100%;
  font-size: 14px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-section li a {
  color: #555;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-section li a:hover {
  color: #1875f0;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-section li .history-clear {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 30px;
  background: transparent;
}

.ht-search-box-wrapper .ht-search-box .ht-search-history .search-history-section li .history-clear.visible-xs-inline-block {
  width: 16px;
  height: 30px;
  background: url("../images/historySearch/search-clear-icon.png") no-repeat center center;
  background-size: 100% auto;
}

.ht-search-box-wrapper .ht-search-box.focus .ht-search-history {
  display: block;
}

@media (max-width: 768px) {
  .ht-search-box-wrapper .ht-search-box.focus {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    background: #fff;
    z-index: 1000000000;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-bar {
    padding-left: 10px;
    position: relative;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-bar input {
    width: calc(100% - 60px);
    padding-left: 40px;
    padding-right: 60px;
    background: #f4f4f4;
    border-radius: 4px;
    height: 30px;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-bar .search-submit {
    position: absolute;
    right: 70px;
    top: 0;
    width: 40px;
    height: 30px;
    background: transparent;
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-bar .search-icon {
    position: absolute;
    left: 20px;
    top: 5px;
    width: 18px;
    height: 18px;
    background: url("../images/historySearch/search-xs-icon.png") no-repeat center center;
    background-size: 100%;
    color: #999;
    display: inline-block;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-bar .search-clear {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 30px;
    background: transparent;
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
  }
  .ht-search-box-wrapper .ht-search-box.focus .ht-search-history {
    padding-top: 0px;
    display: block;
    top: 50px;
    box-shadow: none;
    border: 0;
  }
}


@media (max-width: 768px) {
    .table-filtration .filter-btn{
        width: 88%;
        left: auto;
        right: 0;
        margin: 0;
    }
    .table-filtration .filter-btn > button{
        width:50%
    }
}