@charset "UTF-8";
.modal-open {
  overflow: hidden; }

.modal[size="login-modal"] .modal-dialog .modal-content {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none; }

.other-login {
  width: 280px;
  margin-left: auto;
  margin-right: auto; }

.client-detail .client-wrap {
  margin: 0 25px;
  padding: 20px 0; }

.client-detail .person-title {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .client-detail .person-title img {
    float: left;
    margin-right: 10px; }
  .client-detail .person-title h2 {
    float: left;
    font-size: 24px;
    color: #757682;
    font-weight: bold;
    margin: 0; }

.client-detail .client-table {
  width: 100%;
  margin: 0 auto 40px auto;
  border-spacing: 15px;
  border-collapse: separate; }
  .client-detail .client-table tbody td, .client-detail .client-table tbody th {
    font-size: 14px;
    padding: 10px 0;
    text-align: left; }
  .client-detail .client-table tbody td {
    border: 1px solid #e4e6ea;
    padding-left: 10px;
    padding-right: 10px; }
  .client-detail .client-table tbody th {
    font-weight: normal;
    text-align: right; }

.special-wrap {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
  margin-bottom: 40px; }

.clearfloat:after, .cnic-wrap .cnic-arp-list:after, .cnic-wrap:after, .clearfloat:before, .cnic-wrap .cnic-arp-list:before, .cnic-wrap:before {
  display: block;
  content: "";
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both; }

.cnic-kb-banner {
  margin: 0 4px 10px 10px; }

.cnic-wrap {
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .cnic-wrap .cnic-arp-tips {
    background: #fff9e8;
    border: 1px solid #f5dfc3;
    border-radius: 5px;
    padding: 10px;
    margin: 0 4px 28px 10px;
    font-size: 14px; }
    .cnic-wrap .cnic-arp-tips a {
      color: #337ab7; }
  .cnic-wrap .cnic-arp-list {
    width: 1280px;
    padding: 0;
    margin: 0; }
    .cnic-wrap .cnic-arp-list > li {
      width: 375px;
      height: 280px;
      float: left;
      margin-right: 20px;
      margin-left: 10px;
      margin-bottom: 35px;
      background: #fff;
      border: 1px solid #e0e0e0;
      list-style: none;
      overflow: visible; }
      .cnic-wrap .cnic-arp-list > li:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
      .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link {
        display: block;
        color: #333;
        width: 100%;
        height: 100%;
        overflow: visible;
        text-decoration: none; }
        .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link:hover .cnic-arp-list-title {
          color: #0077dd;
          width: 373px;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          overflow: hidden; }
        .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-img {
          width: 100%;
          height: 116px;
          position: relative; }
          .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-img span {
            display: block;
            width: 100%;
            height: 97px;
            overflow: hidden;
            position: relative;
            z-index: 1;
            text-align: center; }
            .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-img span img {
              max-width: 100%; }
          .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-img em {
            display: block;
            width: 84px;
            height: 84px;
            border: 1px solid #e0e0e0;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-42px, 0);
            border-radius: 100%;
            overflow: hidden;
            text-align: center;
            z-index: 2; }
            .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-img em img {
              width: 100%;
              height: auto;
              border-radius: 100%; }
        .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-title {
          padding: 15px;
          font-size: 22px;
          text-align: center;
          margin: 0;
          width: 373px;
          white-space: nowrap;
          text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          overflow: hidden; }
        .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-intro {
          height: 72px;
          line-height: 26px;
          font-size: 14px;
          color: #414141;
          padding: 0 25px;
          margin-bottom: 10px;
          overflow: hidden; }
        .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-footer {
          text-align: center;
          font-size: 14px;
          color: #777; }
          .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-footer i {
            font-style: normal;
            padding: 0 5px; }
          .cnic-wrap .cnic-arp-list > li .cnic-arp-list-link .cnic-arp-list-footer .cnic-arp-client-count {
            display: inline-block; }

.sw-tooltip {
  position: relative;
  display: inline;
  text-decoration: none; }

.sw-tooltip .sw-tooltip-popover {
  position: absolute;
  width: 140px;
  padding: 8px;
  background: #fff;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  color: #777;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.sw-tooltip .sw-tooltip-popover:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 20px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.sw-tooltip:hover .sw-tooltip-popover {
  visibility: visible;
  top: 30px;
  right: 0;
  z-index: 999; }

.cnic-arp-con {
  width: 1280px;
  overflow: hidden; }
  .cnic-arp-con .con-group {
    width: 282px;
    height: 280px;
    float: left;
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 28px;
    overflow: hidden; }
    .cnic-arp-con .con-group h2 {
      height: 60px;
      line-height: 60px;
      font-size: 22px;
      color: #333;
      background: #f2f6ff;
      border-bottom: 1px solid #e0e0e0;
      padding: 0 20px;
      padding-right: 70px;
      position: relative;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .cnic-arp-con .con-group h2 a {
        position: absolute;
        color: #a9b0b4;
        font-size: 14px;
        top: 0;
        right: 10px; }
  .cnic-arp-con .con-group-item {
    color: #333;
    font-size: 12px; }
    .cnic-arp-con .con-group-item .item-ul {
      padding: 10px 20px; }
      .cnic-arp-con .con-group-item .item-ul > li {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .cnic-arp-con .con-group-item .item-ul > li a {
          color: #333; }
          .cnic-arp-con .con-group-item .item-ul > li a:hover {
            color: #337ab7; }
    .cnic-arp-con .con-group-item .top-tab {
      height: 42px;
      line-height: 42px;
      background: #f5f7fc; }
      .cnic-arp-con .con-group-item .top-tab li {
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 10px;
        float: left;
        text-align: center;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        cursor: pointer; }
        .cnic-arp-con .con-group-item .top-tab li:first-child {
          border-left: none; }
        .cnic-arp-con .con-group-item .top-tab li:hover {
          color: #337ab7; }
        .cnic-arp-con .con-group-item .top-tab li:active, .cnic-arp-con .con-group-item .top-tab li.active {
          font-weight: bold;
          color: #337ab7;
          border-bottom: 2px solid #337ab7; }
  .cnic-arp-con .item-dl-box {
    padding: 16px 20px;
    overflow: hidden; }
    .cnic-arp-con .item-dl-box .item-dl {
      width: 62px;
      float: left;
      margin: 0 9px 12px;
      text-align: center; }
      .cnic-arp-con .item-dl-box .item-dl dt {
        width: 38px;
        height: 38px;
        margin: 0 auto; }
        .cnic-arp-con .item-dl-box .item-dl dt img {
          width: 100%;
          height: 100%; }
      .cnic-arp-con .item-dl-box .item-dl dd {
        margin-top: 2px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .cnic-arp-con .item-dl-box .item-dl:hover dd {
        color: #337ab7; }

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999; }
  .loading .loading-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40); }
  .loading .loading-cont {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-left: -100px;
    margin-top: -100px; }
    .loading .loading-cont .loading-img {
      width: 70px;
      height: 70px;
      margin: 10px auto;
      background: url("../cnicSite/img/loading/loading-icon-3f5c5f4f887a30b1d1bfed9e4cd4e19e.gif") no-repeat center center; }
    .loading .loading-cont .loading-text {
      font-size: 16px;
      color: #fff;
      text-align: center; }

html,
body,
.cnic-main {
  height: 100%;
  background: #eaecf1; }

.mainCont-uiView {
  min-height: calc(100% - 160px);
  padding-top: 142px; }

.cnic-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99; }
  .cnic-header .header-top {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #337ab7; }
    .cnic-header .header-top .header-top-con {
      width: 1200px;
      margin: 0 auto;
      color: #fff;
      font-size: 12px; }
      .cnic-header .header-top .header-top-con .top-left {
        float: left; }
      .cnic-header .header-top .header-top-con .top-right {
        float: right;
        margin-top: 6px; }
        .cnic-header .header-top .header-top-con .top-right li {
          min-width: 46px;
          height: 15px;
          line-height: 15px;
          border-left: 1px solid #fff;
          text-align: center;
          float: left; }
          .cnic-header .header-top .header-top-con .top-right li:last-child {
            border-right: 1px solid #fff; }
          .cnic-header .header-top .header-top-con .top-right li .top-right-color {
            display: inline-block;
            color: #fff;
            padding-left: 20px;
            padding-right: 20px; }
  .cnic-header .header-nav-wrap {
    width: 100%;
    height: 108px;
    background: #fff;
    border-bottom: 1px solid #e4e6ea;
    position: relative;
    z-index: 10; }
    .cnic-header .header-nav-wrap .header-nav {
      width: 1200px;
      height: 108px;
      margin: 0 auto;
      position: relative; }
      .cnic-header .header-nav-wrap .header-nav:after {
        display: block;
        content: "";
        height: 0;
        line-height: 0;
        font-size: 0;
        clear: both; }
      .cnic-header .header-nav-wrap .header-nav .logo {
        padding-top: 2px;
        float: left;
        margin-right: 28px; }
      .cnic-header .header-nav-wrap .header-nav .header-nav-center {
        float: left;
        height: 108px;
        padding-top: 52px; }
        .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list {
          height: 40px; }
          .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list:after {
            display: block;
            content: "";
            height: 0;
            line-height: 0;
            font-size: 0;
            clear: both; }
          .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu {
            float: left;
            font-size: 16px;
            color: #373d41; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-main {
              display: block;
              position: relative;
              z-index: 3;
              padding: 8px 35px;
              border: 1px solid transparent;
              border-bottom: none; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu.open .nav-main {
              border: 1px solid #ddd;
              border-bottom: none;
              color: #337ab7;
              background: #fff; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu.open .nav-cont {
              display: block; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu:hover .nav-main {
              color: #337ab7; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu:hover .nav-cont {
              display: block; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu:hover .nav-main {
              border: 1px solid #ddd;
              border-bottom: none;
              color: #337ab7;
              background: #fff; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu.nav-nobor:hover .nav-main {
              border: 1px solid #fff;
              border-bottom: none; }
            .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont {
              width: 1200px;
              min-height: 100px;
              border: 1px solid #ddd;
              position: absolute;
              top: 89px;
              left: 0;
              background: #fff;
              padding: 10px 20px;
              z-index: 2; }
              .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-item {
                overflow: hidden;
                margin-bottom: 20px; }
              .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont ul {
                overflow: hidden; }
                .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont ul li {
                  width: 190px;
                  height: 26px;
                  line-height: 26px;
                  border-left: 1px solid #ddd;
                  text-align: center;
                  margin: 5px 0;
                  float: left; }
              .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left {
                width: 167px;
                float: left; }
                .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left li {
                  width: 164px;
                  height: 36px;
                  line-height: 36px;
                  background: #f5f5f6;
                  text-align: center;
                  color: #373d41; }
                  .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left li a {
                    display: block; }
                    .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left li a.no-follow {
                      cursor: default; }
              .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left2 li {
                background: #337ab7; }
                .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-left2 li a {
                  color: #fff; }
              .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right {
                float: left;
                width: 968px;
                margin-left: 22px;
                padding-top: 2px; }
                .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li {
                  width: 220px;
                  height: 26px;
                  line-height: 26px;
                  border-left: 1px solid #ddd;
                  text-align: left;
                  margin: 5px 0;
                  float: left; }
                  .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li:disabled, .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li[disabled], .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li.disabled {
                    cursor: not-allowed; }
                  .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li:last-child {
                    border-right: 1px solid #ddd; }
                  .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li.border-right {
                    border-right: 1px solid #ddd; }
                  .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li a {
                    display: block;
                    padding: 0 10px;
                    height: 26px;
                    line-height: 26px;
                    color: #8c9092;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    text-align: center; }
                    .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li a:disabled, .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li a[disabled], .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li a.disabled {
                      pointer-events: none;
                      cursor: not-allowed; }
                    .cnic-header .header-nav-wrap .header-nav .header-nav-center .nav-list li.nav-mainmenu .nav-cont .nav-cont-right li a:hover {
                      color: #337ab7; }
      .cnic-header .header-nav-wrap .header-nav .search {
        float: right;
        position: relative;
        height: 30px;
        margin-top: 15px; }
        .cnic-header .header-nav-wrap .header-nav .search input {
          width: 174px;
          height: 30px;
          border: 1px solid #ddd;
          border-radius: 20px;
          outline: none;
          padding: 0 34px 0 10px; }
        .cnic-header .header-nav-wrap .header-nav .search .search-icon {
          position: absolute;
          right: 14px;
          top: 4px; }

.cnic-footer {
  background: #4f5a6a; }
  .cnic-footer .footer-cont {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden; }
    .cnic-footer .footer-cont .footer-cont-left {
      padding: 50px 0;
      width: 310px;
      height: 102px;
      border-right: 1px solid #616b79;
      float: left; }
      .cnic-footer .footer-cont .footer-cont-left img {
        max-width: 258px;
        max-height: 62px; }
    .cnic-footer .footer-cont .footer-cont-center {
      padding: 25px 50px;
      text-align: center;
      overflow: hidden; }
      .cnic-footer .footer-cont .footer-cont-center p {
        color: #c5c8cc;
        line-height: 24px;
        font-size: 12px;
        margin-bottom: 0; }
        .cnic-footer .footer-cont .footer-cont-center p a {
          color: #c5c8cc; }
          .cnic-footer .footer-cont .footer-cont-center p a:hover {
            color: #337ab7; }
    .cnic-footer .footer-cont .footer-cont-right {
      width: 168px;
      float: right;
      padding-top: 10px; }
      .cnic-footer .footer-cont .footer-cont-right #_ideConac {
        float: left; }
      .cnic-footer .footer-cont .footer-cont-right img {
        width: 84px;
        height: 84px; }

.crumb {
  height: 38px;
  line-height: 38px;
  padding: 0 30px; }
  .crumb p .a-home {
    display: inline-block;
    height: 38px;
    width: 15px;
    vertical-align: middle;
    background: url("../cnicSite/img/home-abbe56e122f243469f040cc3d95f9cb1.png") no-repeat center center; }
  .crumb p span {
    color: #c4c4c5;
    display: inline-block;
    height: 38px;
    vertical-align: middle; }
    .crumb p span a {
      font-size: 12px;
      color: #747783;
      cursor: default; }
      .crumb p span a.enabled {
        cursor: pointer; }
        .crumb p span a.enabled:hover {
          color: #ff0000; }

.second-wrap {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 600px; }

.select-switch {
  width: 62px;
  height: 24px;
  margin-left: 15px;
  display: inline-block;
  position: relative;
  top: 8px; }
  .select-switch .switch-input {
    display: none; }
  .select-switch .button-label {
    position: relative;
    display: inline-block;
    width: 62px;
    height: 24px;
    background-color: #c6c6c6;
    border-radius: 30px;
    overflow: hidden;
    padding-left: 0; }
    .select-switch .button-label .circle {
      position: absolute;
      top: 1px;
      left: 1px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background-color: #fff;
      transition: all 0.3s; }
    .select-switch .button-label .text {
      position: absolute;
      top: -1px;
      line-height: 26px;
      font-size: 12px;
      color: #fff;
      font-weight: normal; }
      .select-switch .button-label .text.on {
        display: none;
        text-indent: 10px; }
      .select-switch .button-label .text.off {
        display: inline-block;
        text-indent: 30px; }
  .select-switch .switch-input:checked + label.button-label .circle {
    left: 39px; }
  .select-switch .switch-input:checked + label.button-label .on {
    display: inline-block; }
  .select-switch .switch-input:checked + label.button-label .off {
    display: none; }
  .select-switch .switch-input:checked + label.button-label {
    background: url("../cnicSite/img/color-btn-74210e980bebb1cf94d7bc0b46ee8588.png"); }

.h-radio-btn {
  background: none; }
  .h-radio-btn .radio-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .h-radio-btn .radio-label .radio-input {
      position: absolute;
      opacity: 0;
      left: 0; }
      .h-radio-btn .radio-label .radio-input:checked + .radio-text:before {
        background: url("../cnicSite/img/radio-btn2-b41d9fb590bd9a291878aed1b724d8c3.png") no-repeat; }
    .h-radio-btn .radio-label .radio-text {
      display: inline-block;
      padding-left: 26px;
      position: relative;
      margin-right: 20px;
      line-height: 28px; }
      .h-radio-btn .radio-label .radio-text:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../cnicSite/img/radio-btn1-8953ca10a159c82d5713c66db0defb66.png") no-repeat;
        position: absolute;
        top: 6px;
        left: 0; }

.list-checkbox .check-box,
.list-checkbox .input-check {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  cursor: pointer; }

.list-checkbox .input-check {
  width: 18px;
  height: 18px;
  z-index: 2;
  opacity: 0; }
  .list-checkbox .input-check:checked + .check-box:before {
    background: url("../cnicSite/img/checked-icon-cadaa6a1c7e6ed3a6dc838f74c6a2fa0.png") no-repeat; }

.list-checkbox .check-box:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../cnicSite/img/check-icon-7d8e3f4439a5627c3dd4c0bb8f1b78c9.png") no-repeat; }

.h-page {
  margin: 25px 0;
  font-size: 12px;
  overflow: hidden; }
  .h-page p {
    height: 24px;
    line-height: 24px;
    float: left; }
  .h-page .page-select {
    width: 68px;
    height: 24px;
    background: #eff1f6;
    float: left;
    margin-left: 8px; }
  .h-page .page {
    float: left; }
    .h-page .page li {
      float: left; }
      .h-page .page li.active a {
        background: #337ab7;
        color: #fff; }
      .h-page .page li a {
        height: 24px;
        line-height: 24px;
        display: inline-block;
        padding: 0 10px;
        background: #eff1f6;
        margin-left: 8px; }
        .h-page .page li a:hover {
          background: #337ab7;
          color: #fff; }

.menu {
  height: 50px;
  border-bottom: 1px solid #dcdcdc;
  overflow: hidden; }
  .menu li {
    float: left; }
    .menu li a {
      padding: 14px 20px;
      color: #373d41;
      display: block;
      position: relative; }
      .menu li a:hover {
        color: #337ab7; }
      .menu li a.active, .menu li a:focus {
        color: #337ab7;
        border-bottom: 3px solid #337ab7; }
        .menu li a.active:after, .menu li a:focus:after {
          content: '';
          display: block;
          width: 6px;
          height: 6px;
          background: #337ab7;
          transform: rotate(45deg);
          position: absolute;
          top: 45px;
          left: 50%;
          margin-left: -2px; }

.h-list-loading {
  margin: 120px 0;
  text-align: center; }
  .h-list-loading img {
    vertical-align: middle;
    margin-right: 10px; }

.h-list-error {
  width: 898px;
  height: 132px;
  margin: 30px auto;
  background: #f5f7fc;
  text-align: center;
  padding: 25px 0;
  font-size: 16px; }
  .h-list-error img {
    vertical-align: middle;
    margin-right: 8px; }
  .h-list-error .show-error a {
    font-size: 12px;
    color: #747783;
    display: inline-block;
    position: relative; }
    .h-list-error .show-error a:hover .error-text {
      display: block; }
    .h-list-error .show-error a .error-text {
      width: 442px;
      height: auto;
      padding: 20px;
      box-shadow: 0px 3px 20px -5px #337ab7;
      position: absolute;
      top: 10px;
      left: 50%;
      margin-left: -221px;
      position: relative;
      display: none; }
      .h-list-error .show-error a .error-text:before {
        content: '';
        display: block;
        background: #red url("../cnicSite/img/error-dian-f52b8d80f22e11615f85f81f2d4737a6.png");
        width: 12px;
        height: 6px;
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -6px; }

.h-list-warn {
  width: 898px;
  height: 96px;
  line-height: 96px;
  margin: 30px auto;
  background: #f5f7fc;
  text-align: center;
  font-size: 16px; }
  .h-list-warn img {
    vertical-align: middle;
    margin-right: 8px; }

.normal-btn {
  width: 82px;
  height: 32px;
  margin-right: 12px;
  text-align: center;
  border: none;
  outline: none;
  background: none;
  cursor: pointer; }
  .normal-btn:disabled {
    cursor: not-allowed; }
  .normal-btn.request-btn {
    line-height: 32px;
    position: relative; }
    .normal-btn.request-btn.btn-disabled {
      cursor: not-allowed; }
      .normal-btn.request-btn.btn-disabled .ico-loading {
        display: block;
        cursor: not-allowed; }
    .normal-btn.request-btn .ico-loading {
      display: none;
      width: 100%;
      height: 32px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      border-radius: 16px;
      background: #000;
      filter: alpha(opacity=50);
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      cursor: not-allowed; }
  .normal-btn.normal-btn-red {
    color: #fff;
    background: url(../cnicSite/img/normal-btn-red-58c06c4992489677331247954bc3376f.png) no-repeat;
    background-position: 0 0; }
    .normal-btn.normal-btn-red:hover {
      background: url(../cnicSite/img/normal-btn-red-58c06c4992489677331247954bc3376f.png) no-repeat;
      background-position: 0 -37px; }
  .normal-btn.normal-btn-color {
    color: #373d41;
    background: url(../cnicSite/img/normal-btn-color-0a533b0e204de00e2b1a9178b13264b3.png) no-repeat;
    background-position: 0 0; }
    .normal-btn.normal-btn-color:hover {
      background: url(../cnicSite/img/normal-btn-color-0a533b0e204de00e2b1a9178b13264b3.png) no-repeat;
      background-position: 0 -37px;
      color: #fff; }

.square-btn {
  width: 142px;
  height: 32px;
  margin-right: 12px;
  text-align: center;
  border: none;
  outline: none;
  background: none;
  cursor: pointer; }
  .square-btn.square-btn-red {
    color: #fff;
    background: url(../cnicSite/img/square-btn-red-a4fe1497b340873b29fbd01736ae1bc5.png) no-repeat;
    background-position: 0 0; }
    .square-btn.square-btn-red:hover {
      background: url(../cnicSite/img/square-btn-red-a4fe1497b340873b29fbd01736ae1bc5.png) no-repeat;
      background-position: 0 -39px; }

.articles-files {
  margin: 20px auto 40px auto; }
  .articles-files .articles-files-title {
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc; }

.vfs-upload {
  width: 56px;
  height: 56px;
  float: left;
  background: url("../cnicSite/img/submit/upload-77dd3336645a23b83256243b2b409073.png") no-repeat;
  border: none;
  cursor: pointer; }
  .vfs-upload .file-input {
    width: 56px;
    height: 56px;
    border-radius: 3px;
    opacity: 0;
    cursor: pointer;
    padding: 0; }

.vfs-progess {
  margin-left: 165px; }
  .vfs-progess span {
    font-size: 12px;
    color: #373d41;
    line-height: 32px; }
  .vfs-progess .progress .progress-bar-success {
    background-color: #fb6930; }

.vfs-file-list {
  clear: both;
  margin-bottom: 20px;
  padding-left: 84px; }
  .vfs-file-list.vfs-file-list-noPL {
    padding-left: 0; }
    .vfs-file-list.vfs-file-list-noPL li .vfs-file-size {
      width: 280px;
      max-width: 280px; }
  .vfs-file-list.vfs-file-list-article {
    padding-left: 0; }
    .vfs-file-list.vfs-file-list-article li .vfs-file-name,
    .vfs-file-list.vfs-file-list-article li .vfs-dload-view {
      max-width: calc(100% - 90px);
      float: none; }
  .vfs-file-list.vfs-file-list-modal {
    padding-left: 0; }
    .vfs-file-list.vfs-file-list-modal li .vfs-file-name {
      max-width: calc(100% - 90px); }
    .vfs-file-list.vfs-file-list-modal li .vfs-file-size {
      width: 400px;
      max-width: 400px; }
    .vfs-file-list.vfs-file-list-modal li .vfs-file-name,
    .vfs-file-list.vfs-file-list-modal li .vfs-file-size,
    .vfs-file-list.vfs-file-list-modal li .vfs-dload-view {
      margin-top: 0;
      height: 20px;
      line-height: 20px; }
  .vfs-file-list li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .vfs-file-list li .vfs-sm-img {
      width: 58px;
      height: 58px;
      overflow: hidden;
      text-align: center;
      border: 1px solid #ccc;
      float: left;
      margin-right: 20px;
      position: relative;
      cursor: pointer; }
      .vfs-file-list li .vfs-sm-img img {
        max-width: 100%;
        vertical-align: top;
        position: relative;
        z-index: 1; }
      .vfs-file-list li .vfs-sm-img .vfs-lg-img-tips {
        width: 100%;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        color: #fff; }
        .vfs-file-list li .vfs-sm-img .vfs-lg-img-tips span {
          display: block;
          position: relative;
          z-index: 2;
          font-size: 12px; }
        .vfs-file-list li .vfs-sm-img .vfs-lg-img-tips:after {
          display: block;
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          background: #000;
          opacity: 0.7;
          filter: alpha(opacity=70); }
    .vfs-file-list li .vfs-file-name {
      display: block;
      height: 24px;
      line-height: 24px;
      float: left;
      width: 400px;
      margin-right: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .vfs-file-list li .vfs-file-size {
      display: block;
      height: 24px;
      line-height: 24px;
      float: left;
      max-width: 180px;
      margin-right: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .vfs-file-list li .vfs-file-del {
      width: 50px;
      height: 24px;
      border: 1px solid #ccc;
      background: #fff;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      float: right;
      outline: none; }
      .vfs-file-list li .vfs-file-del:focus, .vfs-file-list li .vfs-file-del:hover {
        background: #ccc; }
    .vfs-file-list li .vfs-lg-img {
      border: 1px solid #ccc;
      background: #fff;
      position: relative;
      float: left;
      clear: both;
      margin-top: 10px;
      max-width: 100%;
      min-width: 200px;
      min-height: 200px; }
      .vfs-file-list li .vfs-lg-img img {
        max-width: 100%;
        position: relative;
        z-index: 1;
        vertical-align: top; }
      .vfs-file-list li .vfs-lg-img span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        font-size: 14px;
        cursor: pointer; }
        .vfs-file-list li .vfs-lg-img span i {
          position: relative;
          z-index: 2;
          color: #fff; }
        .vfs-file-list li .vfs-lg-img span:after {
          display: block;
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
          background: #000;
          opacity: 0.7;
          filter: alpha(opacity=70); }
    .vfs-file-list li .vfs-dload-view {
      display: block;
      height: 24px;
      line-height: 24px;
      float: left;
      font-size: 14px;
      color: #06a9ed;
      margin-top: 8px; }
      .vfs-file-list li .vfs-dload-view:hover {
        color: #337ab7; }
    .vfs-file-list li:after {
      content: "";
      clear: both;
      display: block;
      height: 0;
      line-height: 0;
      font-size: 0; }

.cnic-webkb-banner {
  width: 1184px;
  margin: 0 0 15px 1px;
  overflow: hidden;
  position: relative; }

.cnic-webkb-banner-text {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  text-indent: 28px; }

.cnic-webkb-banner-img {
  margin: 0;
  left: 0;
  top: 0; }

.cnic-webkb-banner-text-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  padding: 26px;
  width: 100%; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  width: 100%;
  min-width: 1200px;
  font-size: 14px;
  font-family: \5FAE\8F6F\96C5\9ED1; }

dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
label,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

a {
  color: #373d41;
  text-decoration: none; }

a:focus,
a:hover {
  text-decoration: none; }

img {
  border: none; }

em,
i {
  font-style: normal; }

.mainCont-uiView {
  width: 100%; }

.cnic-main {
  width: 100%; }
  .cnic-main .cnic-banner {
    overflow: hidden;
    height: 540px;
    position: relative; }
    .cnic-main .cnic-banner .cnic-banner-container {
      height: 540px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      z-index: 1; }
    .cnic-main .cnic-banner .swiper-wrapper {
      height: 540px; }
      .cnic-main .cnic-banner .swiper-wrapper .swiper-slide {
        position: relative;
        overflow: hidden;
        height: 540px; }
        .cnic-main .cnic-banner .swiper-wrapper .swiper-slide .imgBox {
          width: 100%;
          height: 540px;
          position: relative;
          overflow: hidden; }
          .cnic-main .cnic-banner .swiper-wrapper .swiper-slide .imgBox img {
            width: 1920px;
            height: 540px;
            display: block;
            position: relative;
            margin-left: -960px;
            left: 50%; }
    .cnic-main .cnic-banner .swiper-pagination {
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 178px; }
      .cnic-main .cnic-banner .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #fff;
        opacity: 0.3;
        display: inline-block;
        margin: 0 5px;
        cursor: pointer; }
        .cnic-main .cnic-banner .swiper-pagination .swiper-pagination-bullet.active {
          border: 2px solid #fff;
          background: none; }
  .cnic-main .floating-right {
    position: fixed;
    top: 36%;
    right: 0;
    z-index: 11; }
    .cnic-main .floating-right .backTop {
      display: none; }
    .cnic-main .floating-right img {
      display: block;
      margin-bottom: 10px; }
    .cnic-main .floating-right .code-show-box {
      position: relative; }
      .cnic-main .floating-right .code-show-box .code-show {
        display: none;
        width: 230px;
        min-height: 120px;
        padding-right: 7px;
        position: absolute;
        top: 0;
        right: 48px; }
        .cnic-main .floating-right .code-show-box .code-show:before {
          display: block;
          content: "";
          width: 8px;
          height: 12px;
          background: url("../cnicSite/img/show-icon-b717846f613c08434cb23d77cafd552a.png") no-repeat center right;
          position: absolute;
          top: 20px;
          right: 0; }
        .cnic-main .floating-right .code-show-box .code-show .code-isShow {
          background: #fff;
          padding: 10px;
          text-align: center; }
          .cnic-main .floating-right .code-show-box .code-show .code-isShow img {
            max-width: 100%;
            margin-bottom: 5px; }
      .cnic-main .floating-right .code-show-box:hover .code-show {
        display: block; }
  .cnic-main .cnic-content {
    min-height: 500px;
    height: auto;
    position: relative;
    margin-top: -138px;
    padding-bottom: 80px; }
    .cnic-main .cnic-content .cnic-content-top {
      width: 1200px;
      margin: 0 auto;
      height: 250px;
      background: #fff;
      position: relative;
      z-index: 2; }
      .cnic-main .cnic-content .cnic-content-top .content-top-tab {
        height: 50px;
        border-bottom: 1px solid #ddd; }
        .cnic-main .cnic-content .cnic-content-top .content-top-tab li {
          width: 114px;
          line-height: 50px;
          float: left;
          text-align: center;
          font-size: 18px;
          color: #373d41;
          position: relative;
          cursor: pointer; }
          .cnic-main .cnic-content .cnic-content-top .content-top-tab li.active, .cnic-main .cnic-content .cnic-content-top .content-top-tab li:hover {
            background: #337ab7;
            color: #fff; }
            .cnic-main .cnic-content .cnic-content-top .content-top-tab li.active:after, .cnic-main .cnic-content .cnic-content-top .content-top-tab li:hover:after {
              content: '';
              display: block;
              width: 10px;
              height: 10px;
              transform: rotate(45deg);
              position: absolute;
              bottom: -5px;
              left: 50%;
              margin-left: -5px;
              background: #337ab7; }
      .cnic-main .cnic-content .cnic-content-top .content-top-cont {
        width: 100%;
        height: auto;
        overflow: hidden; }
        .cnic-main .cnic-content .cnic-content-top .content-top-cont.active {
          display: block; }
        .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item {
          padding: 20px 0 20px 48px;
          float: left;
          width: 25%;
          height: 92px; }
          .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item.disabled, .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item:disabled, .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item[disabled] {
            cursor: not-allowed; }
          .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a {
            display: block;
            overflow: hidden;
            width: 100%;
            height: 92px; }
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a.disabled, .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a:disabled, .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a[disabled] {
              pointer-events: none;
              cursor: not-allowed; }
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a span {
              display: block;
              width: 56px;
              height: 56px;
              float: left;
              position: relative;
              margin-right: 20px;
              border: 1px solid #fff; }
              .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a span.bor {
                border: 1px solid #ccc; }
              .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item a span img {
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto; }
          .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item dl {
            float: left;
            width: 148px; }
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item dl dd,
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item dl dt {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item dl dt {
              font-size: 18px;
              color: #373d41;
              margin: 5px 0;
              font-weight: normal; }
            .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item dl dd {
              font-size: 12px;
              color: #a9b0b4; }
          .cnic-main .cnic-content .cnic-content-top .content-top-cont .top-cont-item h3 {
            float: left;
            font-size: 18px;
            color: #373d41;
            line-height: 52px;
            width: 148px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
      .cnic-main .cnic-content .cnic-content-top .icon-btn {
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 14px;
        height: 24px;
        transition: all 0.2s; }
        .cnic-main .cnic-content .cnic-content-top .icon-btn.prev {
          background: url("../cnicSite/img/home/content-top-left-9b2c06974b1504d2d31c4f9b4f4e2f48.png") no-repeat;
          left: 20px; }
          .cnic-main .cnic-content .cnic-content-top .icon-btn.prev:hover {
            background: url("../cnicSite/img/home/content-top-left2-37f951ba54a622aa0e9da4bbd78bdaed.png") no-repeat; }
        .cnic-main .cnic-content .cnic-content-top .icon-btn.next {
          background: url("../cnicSite/img/home/content-top-right-8570f0ad1b156f5321e2672146d49a39.png") no-repeat;
          right: 20px; }
          .cnic-main .cnic-content .cnic-content-top .icon-btn.next:hover {
            background: url("../cnicSite/img/home/content-top-right2-6a0d9b6cfe740c8a9b7636be6f160064.png") no-repeat; }
    .cnic-main .cnic-content .cnic-content-title {
      width: 1200px;
      height: 110px;
      line-height: 110px;
      text-align: center;
      margin: 0 auto;
      clear: both; }
      .cnic-main .cnic-content .cnic-content-title h2 {
        color: #373d41;
        font-size: 30px;
        position: relative;
        display: inline-block;
        min-width: 120px;
        height: 110px;
        line-height: 110px; }
        .cnic-main .cnic-content .cnic-content-title h2 img {
          position: absolute;
          top: 50%;
          margin-top: -11px; }
          .cnic-main .cnic-content .cnic-content-title h2 img.left {
            left: 0;
            margin-left: -234px; }
          .cnic-main .cnic-content .cnic-content-title h2 img.right {
            right: 0;
            margin-right: -234px; }
    .cnic-main .cnic-content .content-main {
      width: 1200px;
      margin: 0 auto; }
      .cnic-main .cnic-content .content-main.pointerMart {
        margin-top: 100px; }
      .cnic-main .cnic-content .content-main.content-main-business {
        margin-top: 80px; }
    .cnic-main .cnic-content .pointerMtop {
      margin-top: -100px; }
    .cnic-main .cnic-content .brand-main {
      width: 1200px;
      margin: 0 auto; }
      .cnic-main .cnic-content .brand-main .brand-main-cont {
        height: 392px;
        overflow: hidden;
        margin-top: -32px; }
        .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container {
          height: 392px;
          position: relative; }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-wrapper {
            overflow: hidden;
            height: 392px; }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide {
            float: left;
            height: 340px;
            margin-top: 32px;
            box-sizing: border-box;
            width: 240px;
            background: #fff;
            text-align: center;
            padding: 80px 0;
            position: relative; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide:after {
              display: block;
              width: 240px;
              height: 100%;
              content: "";
              border-left: 1px solid #fff;
              border-right: 1px solid #ddd;
              position: absolute;
              left: 0;
              top: 0;
              z-index: 1;
              background: #fff;
              transition: height ease 0.5s,top ease 0.5s; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide a {
              display: block;
              height: 100%;
              position: relative;
              z-index: 2; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide span {
              display: inline-block;
              min-width: 54px;
              max-width: 200px;
              height: 54px;
              text-align: center;
              margin: 0 auto 26px;
              overflow: hidden;
              border: 1px solid #fff; }
              .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide span.bor {
                border: 1px solid #ccc; }
              .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide span img {
                max-width: 100%; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide h3 {
              font-size: 18px;
              color: #373d41;
              width: 180px;
              margin: 0 auto 12px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide p {
              line-height: 18px;
              font-size: 12px;
              color: #a9b0b4;
              max-width: 168px;
              margin: 0 auto;
              height: 54px;
              overflow: hidden; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide .bottom-line {
              width: 40px;
              height: 2px;
              background: #d9d9d9;
              margin: 14px auto 0; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide:last-child {
              border-right: 1px solid #fff; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide:hover {
              z-index: 100; }
              .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-slide:hover:after {
                top: -15px;
                height: 370px;
                border: 1px solid #337ab7;
                box-shadow: 0 0 16px rgba(255, 106, 106, 0.35); }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-next,
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-prev {
            position: absolute;
            width: 50px;
            height: 58px;
            top: 50%;
            margin-top: -29px;
            z-index: 999;
            display: none;
            cursor: pointer;
            background: url("../cnicSite/img/home-btn-d25312b48dd858f4a57b49191b23afea.png") no-repeat; }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container:hover .swiper-button-next,
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container:hover .swiper-button-prev {
            display: block; }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-prev {
            left: 0;
            background-position: 0 0; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-prev:hover {
              background-position: 0 -69px; }
          .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-next {
            right: 0;
            background-position: -67px 0; }
            .cnic-main .cnic-content .brand-main .brand-main-cont .brand-swiper-container .swiper-button-next:hover {
              background-position: -67px -69px; }
    .cnic-main .cnic-content .professional-main .cnic-content-title {
      margin-top: -16px; }
    .cnic-main .cnic-content .professional-main .professional-main-cont {
      width: 100%;
      height: 378px;
      background: #fff;
      padding: 32px 18px; }
    .cnic-main .cnic-content .professional-main .news-picture {
      float: left;
      width: 410px;
      height: 312px;
      overflow: hidden; }
      .cnic-main .cnic-content .professional-main .news-picture img {
        max-width: 100%;
        display: block; }
    .cnic-main .cnic-content .professional-main .news-list {
      float: left;
      margin-left: 30px;
      font-size: 14px;
      width: 724px; }
      .cnic-main .cnic-content .professional-main .news-list ul li {
        padding-left: 15px;
        height: 16px;
        line-height: 16px;
        color: #373d41;
        position: relative;
        margin-bottom: 18px; }
        .cnic-main .cnic-content .professional-main .news-list ul li .news-list-tit {
          width: 600px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          float: left; }
          .cnic-main .cnic-content .professional-main .news-list ul li .news-list-tit:hover {
            color: #337ab7; }
        .cnic-main .cnic-content .professional-main .news-list ul li .date {
          float: right; }
        .cnic-main .cnic-content .professional-main .news-list ul li:before {
          content: '';
          display: block;
          width: 2px;
          height: 2px;
          background: #373d41;
          position: absolute;
          top: 7px;
          left: 0; }
      .cnic-main .cnic-content .professional-main .news-list .news-list-line .line {
        width: 600px;
        height: 1px;
        border-top: 1px dashed #ddd;
        margin-top: 6px;
        margin-left: 8px;
        float: left; }
      .cnic-main .cnic-content .professional-main .news-list .news-list-line .more {
        float: right;
        margin-top: -4px;
        margin-right: 10px; }
        .cnic-main .cnic-content .professional-main .news-list .news-list-line .more a {
          color: #a9b0b4; }
          .cnic-main .cnic-content .professional-main .news-list .news-list-line .more a:hover {
            color: #373d41; }
    .cnic-main .cnic-content .message-system-main .message-system-cont {
      overflow: hidden;
      position: relative; }
      .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container {
        width: 1230px;
        height: 486px;
        overflow: hidden;
        margin-left: -15px; }
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide {
          width: 585px;
          height: 140px;
          background: #fff;
          padding: 18px 0 15px;
          overflow: hidden;
          float: left;
          margin-left: 15px;
          margin-right: 15px;
          margin-bottom: 30px; }
          .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-logo {
            float: left;
            width: 225px;
            height: 110px;
            vertical-align: middle;
            text-align: center;
            position: relative; }
            .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-logo img {
              max-width: 190px;
              max-height: 110px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
              .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-logo img.no-img {
                width: 215px;
                height: 110px; }
          .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-introduct {
            float: left;
            width: 360px;
            padding-right: 16px; }
            .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-introduct h3 {
              font-size: 18px;
              color: #373d41;
              margin-bottom: 10px;
              height: 24px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-introduct .content {
              color: #747783;
              line-height: 24px;
              white-space: normal;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              height: 48px;
              margin-bottom: 10px; }
            .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-wrapper .swiper-slide .message-system-introduct .date {
              font-size: 12px;
              color: #a9b0b4; }
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-next,
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-prev {
          position: absolute;
          width: 50px;
          height: 58px;
          top: 54%;
          margin-top: 0;
          display: none;
          z-index: 999;
          cursor: pointer;
          background: url("../cnicSite/img/home-btn-d25312b48dd858f4a57b49191b23afea.png") no-repeat; }
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-prev {
          left: 0;
          background-position: 0 0; }
          .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-prev:hover {
            background-position: 0 -69px; }
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-next {
          right: -1px;
          background-position: -67px 0; }
          .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container .swiper-button-next:hover {
            background-position: -67px -69px; }
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container:hover .swiper-button-next,
        .cnic-main .cnic-content .message-system-main .message-system-cont .message-system-container:hover .swiper-button-prev {
          display: block; }
    .cnic-main .cnic-content .research-main .research-main-cont {
      height: 418px;
      overflow: hidden;
      position: relative; }
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide {
        width: 300px;
        height: 418px;
        position: relative;
        float: left; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide a {
          display: block; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .item-bg {
          width: 100%;
          height: 100%; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #161a1d;
            opacity: 0.6;
            filter: alpha(opacity=60);
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=60;
            -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content {
            position: absolute;
            left: 0;
            right: 0;
            top: 118px;
            bottom: 0;
            text-align: center;
            -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-img-panel {
              position: relative;
              width: 56px;
              height: 56px;
              display: inline-block;
              overflow: hidden;
              text-align: center;
              vertical-align: middle; }
              .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-img-panel img {
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                display: block; }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .line-panel {
              padding: 0;
              margin: 0;
              font-size: 0;
              line-height: 0;
              margin-top: 35px;
              -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
              .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .line-panel .item-line {
                width: 20px;
                height: 2px;
                background: #fff;
                display: inline-block;
                opacity: 1;
                filter: alpha(opacity=100);
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=100;
                -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-title {
              width: 230px;
              max-height: 102px;
              overflow: hidden;
              margin: 24px auto 0;
              color: #fff;
              font-size: 18px;
              line-height: 34px;
              padding: 0;
              font-weight: bold;
              -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-desc {
              max-width: 200px;
              margin: 0 auto;
              color: #fff;
              line-height: 30px;
              max-height: 90px;
              opacity: 0;
              white-space: normal;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              overflow: hidden;
              filter: alpha(opacity=0);
              -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=0;
              -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-link {
              width: 126px;
              height: 36px;
              line-height: 36px;
              display: inline-block;
              border: 1px solid #fff;
              color: #fff;
              opacity: 0;
              filter: alpha(opacity=0);
              -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=0;
              -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
              transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
              .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide .mask .content .item-link:hover {
                color: #f0736a;
                background: #fff; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .bg {
          background: #f0736a;
          opacity: 0.9;
          filter: alpha(opacity=90);
          -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=90; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content {
          top: 13%; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .line-panel {
            margin-top: 10px; }
            .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .line-panel .item-line {
              opacity: 0;
              filter: alpha(opacity=0);
              -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=0; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .item-title {
            margin-top: 12px; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .item-desc,
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .item-link {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=100; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .item-desc {
            margin-top: 6px; }
          .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-slide:hover .content .item-link {
            margin-top: 34px; }
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-next,
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-prev {
        position: absolute;
        display: none;
        background-image: none;
        top: 0;
        margin-top: 0;
        cursor: pointer;
        opacity: 0.7;
        transition: all 0.2s; }
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-next:hover,
        .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-prev:hover {
          opacity: 1; }
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-prev {
        left: 0; }
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container .swiper-button-next {
        right: 0; }
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container:hover .swiper-button-next,
      .cnic-main .cnic-content .research-main .research-main-cont .research-swiper-container:hover .swiper-button-prev {
        display: block; }
  .cnic-main .cnic-link {
    width: 100%;
    background: #fff; }
    .cnic-main .cnic-link .cnic-link-con {
      width: 1200px;
      margin: 0 auto;
      min-height: 150px;
      height: auto;
      padding: 32px 0;
      overflow: hidden; }
      .cnic-main .cnic-link .cnic-link-con li {
        width: 240px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-left: 1px solid #ddd;
        margin: 21px 0;
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .cnic-main .cnic-link .cnic-link-con li a {
          display: block;
          height: 38px;
          margin: 0 10px;
          overflow: hidden;
          text-align: center;
          vertical-align: middle;
          position: relative; }
          .cnic-main .cnic-link .cnic-link-con li a img {
            max-width: 220px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto; }
        .cnic-main .cnic-link .cnic-link-con li.border-right {
          border-right: 1px solid #ddd; }
        .cnic-main .cnic-link .cnic-link-con li.borR, .cnic-main .cnic-link .cnic-link-con li:last-child {
          border-right: 1px solid #ddd; }

.pic-html {
  width: 100%;
  height: 100%; }
  .pic-html img {
    width: 100%; }

.second-wrap .second-content {
  width: 100%;
  background: #fff;
  min-height: 583px;
  height: auto;
  border: 1px solid #e4e6ea;
  margin-bottom: 56px;
  display: table; }
  .second-wrap .second-content.woDetail-content {
    width: 100%;
    max-width: 1200px;
    display: block; }
    .second-wrap .second-content.woDetail-content .workOrder-right {
      float: none;
      margin-left: auto;
      margin-right: auto; }
  .second-wrap .second-content:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0; }
  .second-wrap .second-content .con-left-box {
    width: 220px;
    height: 100%;
    min-height: 500px;
    border-right: 1px solid #e4e6ea;
    background: #f5f7fc;
    display: table-cell;
    vertical-align: top; }
    .second-wrap .second-content .con-left-box .left-tree-ul {
      width: 220px; }
    .second-wrap .second-content .con-left-box .btn-hot-article {
      display: block;
      height: 40px;
      line-height: 40px;
      text-align: left;
      font-size: 14px;
      color: #373d41;
      border-bottom: 1px solid transparent;
      padding-left: 24px; }
      .second-wrap .second-content .con-left-box .btn-hot-article.selected {
        background: #fff;
        border-bottom: 1px solid #e4e6ea;
        margin-right: -1px;
        color: #337ab7; }
    .second-wrap .second-content .con-left-box .con-left-tree .list-group {
      width: 220px; }
      .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item {
        display: block;
        height: 40px;
        padding: 0;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border: none;
        background: none;
        color: #747783; }
        .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item:after, .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item:before {
          clear: both;
          display: block;
          content: "";
          height: 0;
          line-height: 0;
          font-size: 0; }
        .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item.sw-data-tree-level-0 {
          color: #373d41; }
        .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item.selected {
          background-color: #fff;
          border-top: 1px solid #e4e6ea;
          border-bottom: 1px solid #e4e6ea;
          border-right: 1px solid #fff;
          margin-right: -1px;
          color: #337ab7; }
        .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .sw-node-wrapper {
          height: 38px;
          line-height: 38px; }
          .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .sw-node-wrapper .sw-data-tree-text {
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0; }
        .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator {
          float: left;
          height: 38px;
          overflow: hidden; }
          .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator.expand-left {
            position: relative; }
          .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator span {
            display: inline-block;
            height: 40px;
            float: left;
            margin: 0; }
            .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator span.expand {
              width: 22px; }
            .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator span.indent {
              width: 20px; }
            .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator span.fa-caret-right {
              background: url("../cnicSite/img/triangle-a978871b85bdaf3fb6b8ecc34ed2c444.png") no-repeat center center; }
            .second-wrap .second-content .con-left-box .con-left-tree .list-group .list-group-item .node-operator span.fa-caret-down {
              background: url("../cnicSite/img/triangle-d-f747e0cba8e19e5ace218cfcebf408de.png") no-repeat center center; }
    .second-wrap .second-content .con-left-box .brand-menu li,
    .second-wrap .second-content .con-left-box .personal-list li {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      color: #373d41;
      border-top: 1px solid #f5f7fc;
      border-bottom: 1px solid #f5f7fc;
      cursor: pointer;
      padding: 0 10px 0 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .second-wrap .second-content .con-left-box .brand-menu li.a-block,
      .second-wrap .second-content .con-left-box .personal-list li.a-block {
        padding: 0; }
        .second-wrap .second-content .con-left-box .brand-menu li.a-block a,
        .second-wrap .second-content .con-left-box .personal-list li.a-block a {
          display: block;
          height: 40px;
          padding: 0 10px 0 30px; }
      .second-wrap .second-content .con-left-box .brand-menu li:hover,
      .second-wrap .second-content .con-left-box .personal-list li:hover {
        color: #337ab7; }
        .second-wrap .second-content .con-left-box .brand-menu li:hover a,
        .second-wrap .second-content .con-left-box .personal-list li:hover a {
          color: #337ab7; }
      .second-wrap .second-content .con-left-box .brand-menu li.active, .second-wrap .second-content .con-left-box .brand-menu li:focus,
      .second-wrap .second-content .con-left-box .personal-list li.active,
      .second-wrap .second-content .con-left-box .personal-list li:focus {
        background: #fff;
        color: #337ab7;
        border-top: 1px solid #e4e6ea;
        border-bottom: 1px solid #e4e6ea;
        border-right: 1px solid #fff;
        margin-right: -1px; }
        .second-wrap .second-content .con-left-box .brand-menu li.active a, .second-wrap .second-content .con-left-box .brand-menu li:focus a,
        .second-wrap .second-content .con-left-box .personal-list li.active a,
        .second-wrap .second-content .con-left-box .personal-list li:focus a {
          color: #337ab7; }
        .second-wrap .second-content .con-left-box .brand-menu li.active:first-child, .second-wrap .second-content .con-left-box .brand-menu li:focus:first-child,
        .second-wrap .second-content .con-left-box .personal-list li.active:first-child,
        .second-wrap .second-content .con-left-box .personal-list li:focus:first-child {
          border-top: 1px solid #fff; }
    .second-wrap .second-content .con-left-box .brand-menu {
      width: 240px; }
      .second-wrap .second-content .con-left-box .brand-menu.woSysyList-ul {
        width: 220px; }
    .second-wrap .second-content .con-left-box .brand-menu.productService-menu li {
      height: auto;
      line-height: 20px;
      white-space: normal;
      padding: 10px 20px; }
    .second-wrap .second-content .con-left-box .personal-list li:first-child.active {
      border-top: 1px solid #e4e6ea; }
    .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-1 {
      display: block;
      height: 40px;
      line-height: 40px;
      padding-left: 28px;
      color: #373d41;
      background: url("../cnicSite/img/triangle-a978871b85bdaf3fb6b8ecc34ed2c444.png") no-repeat 14px; }
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-1.active {
        background: url("../cnicSite/img/triangle-d-f747e0cba8e19e5ace218cfcebf408de.png") no-repeat 14px; }
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-1.no-tree {
        text-align: center;
        padding-left: 0;
        background-image: none; }
        .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-1.no-tree.active:first-child {
          border-top: 1px solid #fff; }
    .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .no-tree,
    .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-2 {
      height: 40px;
      line-height: 40px;
      padding-left: 42px;
      font-size: 14px;
      color: #747783;
      border-top: 1px solid #f5f7fc;
      border-bottom: 1px solid #f5f7fc; }
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .no-tree:hover,
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-2:hover {
        color: #337ab7; }
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .no-tree.active,
      .second-wrap .second-content .con-left-box .left-tree-ul .list-tree .tree-level-2.active {
        display: block;
        background: #fff;
        border-top: 1px solid #e4e6ea;
        border-bottom: 1px solid #e4e6ea;
        border-right: 1px solid #fff;
        margin-right: -1px;
        color: #337ab7; }
  .second-wrap .second-content .con-right-box {
    max-width: 977px; }
    .second-wrap .second-content .con-right-box.maxW957 {
      max-width: 957px; }
      .second-wrap .second-content .con-right-box.maxW957 .h-list-warn {
        width: 100%; }
      .second-wrap .second-content .con-right-box.maxW957 .detail-notice {
        width: 100%;
        height: auto;
        background: #fff9e8;
        border: 1px solid #f5dfc3;
        border-radius: 5px;
        padding: 10px;
        clear: both; }
        .second-wrap .second-content .con-right-box.maxW957 .detail-notice a {
          color: #337ab7; }
          .second-wrap .second-content .con-right-box.maxW957 .detail-notice a:hover {
            text-decoration: underline; }
    .second-wrap .second-content .con-right-box:after {
      display: block;
      content: "";
      height: 0;
      line-height: 0;
      font-size: 0;
      clear: both; }
    .second-wrap .second-content .con-right-box.mar-auto {
      margin-left: auto;
      margin-right: auto; }
    .second-wrap .second-content .con-right-box.maxW-auto {
      max-width: 100%; }
    .second-wrap .second-content .con-right-box img {
      max-width: 100%; }
    .second-wrap .second-content .con-right-box.con-right-box-bg {
      position: relative;
      background-repeat: no-repeat;
      background-position: right top; }
    .second-wrap .second-content .con-right-box .right-content {
      position: relative;
      z-index: 5;
      width: 100%;
      height: 100%;
      min-height: 500px;
      padding: 36px 215px 36px 40px;
      font-family: "微软雅黑","Microsoft Yahei","Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #373d41; }
      .second-wrap .second-content .con-right-box .right-content.right-cont-center {
        width: 700px;
        padding: 36px 0;
        margin: 0 auto; }
      .second-wrap .second-content .con-right-box .right-content.browser-cont-center {
        width: 860px; }
      .second-wrap .second-content .con-right-box .right-content .l-bottom.l-bottom-center {
        text-align: center;
        margin-bottom: 40px; }
      .second-wrap .second-content .con-right-box .right-content .big-title {
        font-size: 32px;
        color: #757682;
        padding: 0 0 30px;
        line-height: 160%;
        text-align: center;
        background: url("../cnicSite/img/tit-line-c881990c8e1d275f1dc778ec9b95e501.png") no-repeat center bottom;
        margin-bottom: 40px; }
      .second-wrap .second-content .con-right-box .right-content .top-inform {
        text-align: center;
        margin-top: 14px;
        margin-bottom: 30px;
        font-size: 12px;
        color: #a9b0b4; }
        .second-wrap .second-content .con-right-box .right-content .top-inform em {
          color: #373d41;
          margin-right: 5px; }
        .second-wrap .second-content .con-right-box .right-content .top-inform img {
          margin-right: 5px;
          vertical-align: bottom; }
        .second-wrap .second-content .con-right-box .right-content .top-inform .print-btn {
          cursor: pointer; }
      .second-wrap .second-content .con-right-box .right-content .right-content-banner {
        width: 720px;
        height: 195px;
        margin-bottom: 60px;
        overflow: hidden; }
        .second-wrap .second-content .con-right-box .right-content .right-content-banner img {
          width: 100%;
          max-height: 195px;
          display: block; }
      .second-wrap .second-content .con-right-box .right-content .right-content-title {
        overflow: hidden;
        position: relative; }
        .second-wrap .second-content .con-right-box .right-content .right-content-title span {
          display: block;
          float: left;
          width: 56px;
          height: 56px;
          border: 1px solid #fff;
          overflow: hidden;
          margin-right: 15px; }
          .second-wrap .second-content .con-right-box .right-content .right-content-title span.bor {
            border: 1px solid #ccc; }
          .second-wrap .second-content .con-right-box .right-content .right-content-title span img {
            max-width: 100%; }
        .second-wrap .second-content .con-right-box .right-content .right-content-title h2 {
          float: left;
          font-size: 40px;
          max-width: calc(100% - 80px); }
      .second-wrap .second-content .con-right-box .right-content .line {
        width: 55px;
        height: 4px;
        margin: 30px 0; }
      .second-wrap .second-content .con-right-box .right-content .con-title {
        padding-left: 40px;
        font-size: 20px;
        min-height: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 20px; }
        .second-wrap .second-content .con-right-box .right-content .con-title span {
          width: 30px;
          height: 30px;
          overflow: hidden;
          position: absolute;
          top: 0;
          left: 0;
          vertical-align: middle; }
          .second-wrap .second-content .con-right-box .right-content .con-title span img {
            position: absolute;
            display: block;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            max-width: 100%; }
        .second-wrap .second-content .con-right-box .right-content .con-title h3 {
          height: 30px;
          line-height: 30px;
          font-size: 20px;
          font-weight: bold; }
        .second-wrap .second-content .con-right-box .right-content .con-title p {
          font-size: 14px; }
      .second-wrap .second-content .con-right-box .right-content .product-intro-con {
        width: 100%;
        min-height: 78px;
        padding: 12px 20px;
        line-height: 30px;
        margin-bottom: 40px; }
        .second-wrap .second-content .con-right-box .right-content .product-intro-con img {
          max-width: 100%; }
      .second-wrap .second-content .con-right-box .right-content .brand-zone-con {
        line-height: 30px;
        margin-bottom: 40px; }
      .second-wrap .second-content .con-right-box .right-content .brand-zone-link .link {
        color: #337ab7;
        text-decoration: underline;
        line-height: 26px; }
      .second-wrap .second-content .con-right-box .right-content .brand-zone-link p {
        line-height: 26px; }
      .second-wrap .second-content .con-right-box .right-content .brand-zone-link .link-picture {
        margin-top: 46px;
        margin-bottom: 76px; }
        .second-wrap .second-content .con-right-box .right-content .brand-zone-link .link-picture img {
          display: block; }
      .second-wrap .second-content .con-right-box .right-content .menu-tab .menu {
        height: 50px;
        border-bottom: 1px solid #dcdcdc;
        overflow: hidden; }
        .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li {
          float: left; }
          .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a {
            padding: 14px 20px;
            color: #373d41;
            display: block;
            position: relative; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a:hover {
              color: #337ab7; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a.active, .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a:focus {
              color: #337ab7;
              border-bottom: 3px solid #337ab7; }
              .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a.active:after, .second-wrap .second-content .con-right-box .right-content .menu-tab .menu li a:focus:after {
                content: '';
                display: block;
                width: 6px;
                height: 6px;
                background: #337ab7;
                transform: rotate(45deg);
                position: absolute;
                top: 45px;
                left: 50%;
                margin-left: -2px; }
      .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box {
        padding: 60px 0; }
        .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content {
          margin-bottom: 56px; }
          .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .articals-content {
            line-height: 30px;
            overflow: hidden;
            word-break: break-all; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .articals-content img {
              max-width: 100%; }
          .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content.product-function p {
            display: table;
            line-height: 30px;
            margin-bottom: 20px; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content.product-function p em {
              display: table-cell;
              width: 24px;
              text-align: center;
              margin-right: 8px;
              background: #f5f5f6;
              vertical-align: top; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content.product-function p span {
              display: inline-block;
              margin-left: 10px; }
          .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li {
            padding: 26px 0 26px 154px;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #dcdcdc; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li:first-child {
              border-top: 1px solid #dcdcdc; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li img {
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              left: 14px; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li .price-list-center {
              float: left;
              width: 430px;
              border-right: 1px solid #dcdcdc;
              padding-right: 25px; }
              .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li .price-list-center h3 {
                font-size: 18px;
                margin-bottom: 12px; }
              .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li .price-list-center p {
                color: #747783;
                line-height: 26px;
                max-height: 78px;
                overflow: hidden; }
            .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li .price-list-right {
              float: left;
              width: 135px;
              text-align: center;
              position: absolute;
              top: 50%;
              right: 0;
              margin-top: -13px; }
              .second-wrap .second-content .con-right-box .right-content .menu-tab .menu-tab-box .menu-tab-content .product-price-list li .price-list-right span {
                font-size: 20px;
                color: #337ab7; }
    .second-wrap .second-content .con-right-box .article-list-tips {
      background: #fff9e8;
      border: 1px solid #f5dfc3;
      border-radius: 5px;
      padding: 10px;
      margin: 20px auto;
      font-size: 14px; }
      .second-wrap .second-content .con-right-box .article-list-tips a {
        color: #337ab7; }
        .second-wrap .second-content .con-right-box .article-list-tips a:hover {
          text-decoration: underline; }

.detail-content {
  padding: 15px 236px; }
  .detail-content .big-title {
    font-size: 32px;
    color: #757682;
    padding: 30px 0;
    line-height: 160%;
    text-align: center;
    background: url("../cnicSite/img/tit-line-c881990c8e1d275f1dc778ec9b95e501.png") no-repeat center bottom; }
  .detail-content .top-inform {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 30px;
    font-size: 12px;
    color: #a9b0b4; }
    .detail-content .top-inform em {
      color: #373d41;
      margin-right: 5px; }
    .detail-content .top-inform img {
      margin-right: 5px;
      vertical-align: bottom; }
    .detail-content .top-inform .print-btn {
      cursor: pointer; }
  .detail-content .detail-center-con {
    word-break: break-all;
    max-width: 726px; }
    .detail-content .detail-center-con .articals-content {
      line-height: 180%;
      overflow: hidden;
      word-break: break-all; }
      .detail-content .detail-center-con .articals-content img {
        max-width: 100%; }
    .detail-content .detail-center-con p {
      line-height: 180%;
      margin-bottom: 20px; }
      .detail-content .detail-center-con p.detail-notice {
        width: 100%;
        line-height: auto;
        text-indent: 0;
        height: auto;
        background: #fff9e8;
        border: 1px solid #f5dfc3;
        border-radius: 5px;
        padding: 10px;
        clear: both;
        margin-bottom: 0; }
        .detail-content .detail-center-con p.detail-notice a {
          color: #337ab7; }
          .detail-content .detail-center-con p.detail-notice a:hover {
            text-decoration: underline; }
    .detail-content .detail-center-con img {
      max-width: 100%; }
  .detail-content .art-share {
    float: right;
    overflow: hidden;
    margin-bottom: 20px; }
  .detail-content .detail-notice {
    width: 100%;
    height: auto;
    background: #fff9e8;
    border: 1px solid #f5dfc3;
    border-radius: 5px;
    padding: 10px;
    clear: both; }
    .detail-content .detail-notice a {
      color: #337ab7; }
      .detail-content .detail-notice a:hover {
        text-decoration: underline; }
  .detail-content .detail-comment {
    padding: 50px 0; }
    .detail-content .detail-comment h2 {
      font-size: 18px;
      margin-bottom: 10px; }
      .detail-content .detail-comment h2 img {
        vertical-align: middle;
        margin-right: 5px; }
    .detail-content .detail-comment .text-input {
      width: 100%;
      min-height: 156px;
      border: 1px solid #dcdcdc;
      border-radius: 5px;
      text-align: right;
      margin-bottom: 54px; }
      .detail-content .detail-comment .text-input textarea {
        width: 100%;
        height: 108px;
        border: none;
        padding: 14px;
        outline: none; }
        .detail-content .detail-comment .text-input textarea::-webkit-input-placeholder {
          color: #aaafb2; }
        .detail-content .detail-comment .text-input textarea:-moz-placeholder {
          color: #aaafb2; }
        .detail-content .detail-comment .text-input textarea::-moz-placeholder {
          color: #aaafb2; }
        .detail-content .detail-comment .text-input textarea:-ms-input-placeholder {
          color: #aaafb2; }
      .detail-content .detail-comment .text-input button {
        margin-right: 10px;
        text-align: center;
        color: #fff;
        width: 82px;
        height: 32px;
        border: none;
        outline: none;
        background: none;
        background: url(../cnicSite/img/sure-btn-5cc14948961182511a28f4a158b54655.png) no-repeat; }
    .detail-content .detail-comment .comment-list {
      border: 1px solid #e7e7e7;
      border-radius: 5px;
      margin-bottom: 20px; }
      .detail-content .detail-comment .comment-list .comment-list-tit {
        height: 34px;
        line-height: 34px;
        padding: 0 14px;
        border-bottom: 1px solid #dcdcdc; }
        .detail-content .detail-comment .comment-list .comment-list-tit h3 {
          font-size: 14px;
          float: left;
          height: 34px;
          line-height: 34px; }
        .detail-content .detail-comment .comment-list .comment-list-tit span {
          float: right;
          color: #aaafb2;
          font-size: 12px;
          cursor: pointer; }
          .detail-content .detail-comment .comment-list .comment-list-tit span i {
            margin-left: 5px; }
            .detail-content .detail-comment .comment-list .comment-list-tit span i img {
              vertical-align: middle;
              margin-top: -2px; }
      .detail-content .detail-comment .comment-list .comment-list-box {
        padding: 22px 10px; }
        .detail-content .detail-comment .comment-list .comment-list-box .comment-list-con {
          height: 50px;
          padding-left: 70px;
          position: relative;
          margin-bottom: 30px; }
          .detail-content .detail-comment .comment-list .comment-list-box .comment-list-con img {
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            -webkit-border-radius: 100%;
            border-radius: 100%; }
          .detail-content .detail-comment .comment-list .comment-list-box .comment-list-con h3 {
            font-size: 12px;
            height: 20px;
            line-height: 20px;
            margin-bottom: 5px; }
            .detail-content .detail-comment .comment-list .comment-list-box .comment-list-con h3 span {
              color: #aaafb2; }
          .detail-content .detail-comment .comment-list .comment-list-box .comment-list-con p {
            min-height: 20px;
            overflow: hidden;
            text-indent: 0; }

.sign-content {
  min-height: 300px;
  height: auto;
  background: #fff;
  margin-bottom: 56px;
  padding-bottom: 70px; }
  .sign-content .sign-content-title {
    font-size: 22px;
    color: #373d41;
    height: 78px;
    line-height: 78px;
    margin: 0;
    text-align: center; }
  .sign-content .sign-form {
    padding-left: 434px; }
    .sign-content .sign-form .sign-error-notice {
      font-size: 12px;
      color: #337ab7;
      margin-bottom: 6px; }
    .sign-content .sign-form .sign-form-item {
      margin-bottom: 14px; }
      .sign-content .sign-form .sign-form-item label {
        display: block;
        font-size: 14px;
        color: #a9b0b4;
        margin-bottom: 6px;
        font-weight: normal; }
      .sign-content .sign-form .sign-form-item input {
        width: 330px;
        height: 40px;
        border: 1px solid #c0c1c6;
        border-radius: 3px;
        padding: 0 10px;
        outline: none;
        -webkit-transition: border linear .2s,box-shadow linear .2s;
        -moz-transition: border linear .2s,box-shadow linear .2s;
        -o-transition: border linear .2s,box-shadow linear .2s;
        transition: border linear .2s,box-shadow linear .2s; }
        .sign-content .sign-form .sign-form-item input:focus {
          outline-color: #9dc8f6;
          -webkit-box-shadow: 0px 0px 6px #9dc8f6;
          -moz-box-shadow: 0px 0px 5px #9dc8f6;
          box-shadow: 0px 0px 5px #9dc8f6; }
        .sign-content .sign-form .sign-form-item input.sign-auth-code {
          width: 232px; }
      .sign-content .sign-form .sign-form-item .get-validationCode-btn {
        margin-left: 5px;
        padding: 8px 12px; }
      .sign-content .sign-form .sign-form-item .code-pic {
        height: 35px;
        margin-left: 10px;
        vertical-align: middle;
        margin-left: 10px;
        margin-right: 5px;
        cursor: pointer; }
      .sign-content .sign-form .sign-form-item a {
        color: #373d41; }
        .sign-content .sign-form .sign-form-item a:hover {
          color: #747783;
          text-decoration: underline; }
    .sign-content .sign-form .sign-commit-btn button {
      cursor: pointer;
      background: none;
      border: none;
      outline: none;
      width: 330px;
      height: 46px;
      color: #fff;
      font-size: 18px;
      background: url("../cnicSite/img/sign-btn-780a3dab9c1eeadff08145455d4df46b.png");
      margin-top: 36px; }
    .sign-content .sign-form .sign-commit-btn button[disabled] {
      cursor: not-allowed !important; }

.success-sign-wrap {
  background: #fff;
  min-height: 500px;
  margin-bottom: 60px;
  overflow: hidden; }
  .success-sign-wrap .success-sign-tips {
    max-width: 80%;
    padding-top: 140px;
    padding-bottom: 120px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    .success-sign-wrap .success-sign-tips img {
      max-width: 100%; }
    .success-sign-wrap .success-sign-tips h2 {
      font-size: 22px;
      color: #373d41;
      font-weight: normal;
      margin-top: 20px;
      margin-bottom: 140px; }
  .success-sign-wrap .btn-back {
    display: block;
    width: 331px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    font-size: 20px;
    background: url("../cnicSite/img/sign-btn-780a3dab9c1eeadff08145455d4df46b.png") no-repeat center center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px; }
  .success-sign-wrap .error-tips {
    text-align: left; }

.error-tips {
  background: #fff9e8;
  border: 1px solid #f5dfc3;
  border-radius: 5px;
  padding: 10px;
  margin: 20px auto;
  font-size: 14px;
  text-align: left; }

.l-login-html {
  width: 100%;
  height: 100%;
  position: relative; }
  .l-login-html img {
    width: 100%; }
  .l-login-html .l-login-bg {
    position: absolute;
    z-index: 10;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }
  .l-login-html .l-login-con {
    width: 460px;
    height: auto;
    margin: 0 auto; }
    .l-login-html .l-login-con .l-login {
      width: 460px;
      min-height: 515px;
      background: #fff;
      border-radius: 8px;
      -moz-border-radius: 8px !important;
      -webkit-border-radius: 8px !important;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      padding-bottom: 82px; }
      .l-login-html .l-login-con .l-login .l-close {
        width: 59px;
        height: 59px; }
        .l-login-html .l-login-con .l-login .l-close .l-close-m {
          width: 14px;
          height: 14px;
          float: right;
          margin-right: 23px;
          margin-top: 22px; }
        .l-login-html .l-login-con .l-login .l-close .l-close-h {
          width: 59px;
          height: 59px;
          float: right; }
        .l-login-html .l-login-con .l-login .l-close .l-close-h {
          display: none; }
      .l-login-html .l-login-con .l-login .l-close:hover .l-close-m {
        display: none; }
      .l-login-html .l-login-con .l-login .l-close:hover .l-close-h {
        display: block; }
      .l-login-html .l-login-con .l-login .l-portrait {
        width: 33px;
        height: 33px;
        display: block;
        position: absolute;
        top: 42px;
        left: 50%;
        margin-left: -16px; }
      .l-login-html .l-login-con .l-login .l-con {
        width: 330px;
        height: auto;
        margin: 117px auto 0; }
        .l-login-html .l-login-con .l-login .l-con ul {
          border-bottom: 2px solid #d3d3d3;
          height: 30px; }
          .l-login-html .l-login-con .l-login .l-con ul li {
            float: left;
            width: 160px;
            font-size: 16px;
            color: #a9b0b4;
            height: 30px;
            text-align: center;
            cursor: pointer; }
            .l-login-html .l-login-con .l-login .l-con ul li:first-child {
              width: 170px; }
          .l-login-html .l-login-con .l-login .l-con ul .l-current {
            text-align: center;
            height: 30px;
            border-bottom: 2px solid #337ab7;
            color: #373d41; }
        .l-login-html .l-login-con .l-login .l-con .l-point {
          font-size: 12px;
          color: #337ab7;
          padding-top: 8px;
          display: block;
          min-height: 25px; }
        .l-login-html .l-login-con .l-login .l-con p {
          font-size: 14px;
          color: #a9b0b4;
          margin-top: 20px; }
          .l-login-html .l-login-con .l-login .l-con p.no-martop {
            margin-top: 0; }
        .l-login-html .l-login-con .l-login .l-con input {
          width: 330px;
          height: 40px;
          border-radius: 6px;
          -moz-border-radius: 6px !important;
          -webkit-border-radius: 6px !important;
          border: 1px solid #c0c1c6;
          padding-left: 10px;
          margin-top: 10px;
          font-size: 16px;
          outline: none;
          line-height: 20px; }
          .l-login-html .l-login-con .l-login .l-con input.l-test-code {
            width: 206px !important; }
          .l-login-html .l-login-con .l-login .l-con input.l-prompt {
            border: 1px solid #337ab7 !important; }
        .l-login-html .l-login-con .l-login .l-con input:focus {
          border: 1px solid #373d41 !important; }
        .l-login-html .l-login-con .l-login .l-con .l-code {
          width: 110px;
          height: 40px;
          display: block;
          border-radius: 6px;
          float: right;
          overflow: hidden;
          margin-top: 10px; }
        .l-login-html .l-login-con .l-login .l-con button {
          border: 0;
          background: #fff;
          margin-top: 48px;
          width: 330px;
          outline: none;
          cursor: pointer; }

.l-right-content {
  height: auto; }
  .l-right-content .l-submit-html {
    width: 100%; }
    .l-right-content .l-submit-html .l-title {
      height: 80px;
      width: 100%;
      border-bottom: 1px solid #e5e5e5;
      padding-top: 24px;
      padding-left: 40px;
      overflow: hidden; }
      .l-right-content .l-submit-html .l-title .icon1 {
        float: left;
        margin-right: 12px; }
      .l-right-content .l-submit-html .l-title h1 {
        float: left;
        font-size: 24px;
        font-weight: bold;
        color: #757682;
        padding-top: 3px; }
      .l-right-content .l-submit-html .l-title .search {
        float: right;
        position: relative;
        line-height: 27px; }
        .l-right-content .l-submit-html .l-title .search input {
          width: 174px;
          height: 30px;
          border: 1px solid #ddd;
          border-radius: 20px;
          outline: none;
          padding: 0 34px 0 10px; }
        .l-right-content .l-submit-html .l-title .search .search-icon {
          position: absolute;
          right: 14px;
          top: 0; }
      .l-right-content .l-submit-html .l-title .l-down,
      .l-right-content .l-submit-html .l-title .l-up {
        float: right;
        margin-right: 45px;
        margin-top: 4px;
        margin-left: 22px;
        display: block; }
        .l-right-content .l-submit-html .l-title .l-down img,
        .l-right-content .l-submit-html .l-title .l-up img {
          margin-left: 8px; }
    .l-right-content .l-submit-html .l-form {
      width: 100%;
      padding: 40px 40px 72px; }
      .l-right-content .l-submit-html .l-form .cre-wo {
        width: 100%;
        overflow: hidden; }
        .l-right-content .l-submit-html .l-form .cre-wo .wOrder-item {
          width: 30%;
          float: left;
          margin-right: 20px; }
          .l-right-content .l-submit-html .l-form .cre-wo .wOrder-item input {
            width: 200px; }
          .l-right-content .l-submit-html .l-form .cre-wo .wOrder-item .wOrder-item-title {
            text-align: left;
            margin-right: 10px;
            width: auto; }
      .l-right-content .l-submit-html .l-form .wo-pro .wo-pro-title {
        font-size: 12px;
        color: #373d41;
        text-align: right;
        width: 52px; }
      .l-right-content .l-submit-html .l-form .work-item {
        overflow: hidden; }
        .l-right-content .l-submit-html .l-form .work-item.wOrder-item input,
        .l-right-content .l-submit-html .l-form .work-item.wOrder-item textarea {
          margin-bottom: 0; }
        .l-right-content .l-submit-html .l-form .work-item.wOrder-item .wOrder-item-error {
          clear: both;
          height: 20px;
          line-height: 20px;
          font-size: 12px;
          color: #ff0000;
          padding-left: 84px;
          width: 100%;
          text-align: left; }
        .l-right-content .l-submit-html .l-form .work-item p {
          font-size: 12px;
          color: #373d41;
          float: left;
          margin-right: 32px;
          text-align: right;
          width: 52px;
          line-height: 32px; }
        .l-right-content .l-submit-html .l-form .work-item textarea {
          border-radius: 3px;
          float: left;
          resize: none;
          outline: none;
          padding-left: 10px;
          padding-top: 10px;
          min-height: 110px;
          overflow-y: auto;
          margin-bottom: 20px;
          width: 810px;
          border: 1px solid #dcdcdc;
          color: #373d41;
          font-size: 12px;
          font-family: "微软雅黑"; }
        .l-right-content .l-submit-html .l-form .work-item input:focus,
        .l-right-content .l-submit-html .l-form .work-item textarea:focus {
          border: 1px solid #ddd !important; }
        .l-right-content .l-submit-html .l-form .work-item input {
          width: 810px;
          height: 34px;
          border-radius: 3px;
          -moz-border-radius: 3px !important;
          -webkit-border-radius: 3px !important;
          border: 1px solid #dcdcdc;
          padding-left: 10px;
          margin-top: 10px;
          font-size: 12px;
          outline: none;
          line-height: 20px;
          margin-top: 0;
          margin-bottom: 20px;
          color: #373d41; }
      .l-right-content .l-submit-html .l-form .l-img-little {
        height: 64px;
        margin-bottom: 10px; }
        .l-right-content .l-submit-html .l-form .l-img-little p {
          font-size: 12px;
          color: #373d41;
          float: left;
          margin-right: 32px;
          text-align: right;
          width: 52px;
          line-height: 32px; }
      .l-right-content .l-submit-html .l-form .l-word {
        width: 610px;
        height: auto;
        margin-left: 84px; }
        .l-right-content .l-submit-html .l-form .l-word p {
          font-size: 12px;
          margin: 8px 0;
          line-height: 18px; }
          .l-right-content .l-submit-html .l-form .l-word p .delete {
            margin-left: 10px;
            color: #0066cc;
            cursor: pointer; }
        .l-right-content .l-submit-html .l-form .l-word .l-word-2 {
          margin-bottom: 30px;
          color: #747783; }
          .l-right-content .l-submit-html .l-form .l-word .l-word-2 .l-sign {
            color: #337ab7; }
      .l-right-content .l-submit-html .l-form .l-bottom {
        width: 600px;
        display: block;
        margin-left: 83px;
        clear: both; }
        .l-right-content .l-submit-html .l-form .l-bottom.l-bottom-center {
          text-align: center;
          margin-bottom: 40px; }
        .l-right-content .l-submit-html .l-form .l-bottom .l-back {
          width: 82px;
          height: 32px;
          background: url("../cnicSite/img/submit/l-back-45c8211af75560e27720c39e8bb264c4.png");
          border: 0;
          color: #373d41;
          line-height: 33px;
          outline: none;
          cursor: pointer;
          margin-left: 10px; }
        .l-right-content .l-submit-html .l-form .l-bottom .l-back:hover {
          background: url("../cnicSite/img/submit/l-btn-b46dca714bf921fcf19ad14787efed15.png");
          color: #fff; }
        .l-right-content .l-submit-html .l-form .l-bottom .normal-btn.normal-btn-color {
          color: #373d41;
          background: url("../cnicSite/img/normal-btn-color-0a533b0e204de00e2b1a9178b13264b3.png") no-repeat;
          background-position: 0 0; }
          .l-right-content .l-submit-html .l-form .l-bottom .normal-btn.normal-btn-color:hover {
            color: #fff;
            background-position: 0 -37px; }
  .l-right-content .h-page {
    padding: 0 12px; }

.l-right-content .l-sustomer {
  width: 100% !important;
  min-height: 70px;
  background: #f9f9fb;
  border-bottom: 1px dashed #e5e5e5;
  margin-top: 0 !important;
  padding: 16px 0; }
  .l-right-content .l-sustomer.small .l-sustomer-input {
    width: 240px; }
    .l-right-content .l-sustomer.small .l-sustomer-input input {
      width: 240px; }
  .l-right-content .l-sustomer.small .btn-select {
    margin-right: 30px;
    width: 100px; }
  .l-right-content .l-sustomer p {
    padding-left: 34px;
    width: 90px;
    font-size: 12px;
    color: #373d41;
    float: left;
    margin-right: 32px;
    text-align: right;
    line-height: 32px;
    margin-top: 2px; }
  .l-right-content .l-sustomer .l-sustomer-input {
    width: 300px;
    height: 38px;
    position: relative;
    float: left; }
    .l-right-content .l-sustomer .l-sustomer-input input {
      width: 300px;
      height: 38px;
      border-radius: 3px;
      -moz-border-radius: 3px !important;
      -webkit-border-radius: 3px !important;
      border: 1px solid #dcdcdc;
      padding-left: 10px;
      margin-top: 10px;
      font-size: 12px;
      outline: none;
      line-height: 20px;
      margin-top: 0;
      margin-bottom: 20px;
      color: #373d41;
      position: relative;
      z-index: 1; }
    .l-right-content .l-sustomer .l-sustomer-input img {
      position: absolute;
      top: 10px;
      right: 10px; }
    .l-right-content .l-sustomer .l-sustomer-input .input-group-btn {
      display: block;
      width: 40px;
      height: 38px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2; }
      .l-right-content .l-sustomer .l-sustomer-input .input-group-btn button {
        display: block;
        border: none;
        margin: 0;
        padding: 0;
        width: 40px;
        height: 38px;
        background: url("../cnicSite/img/customer-server/l-calendar-351de89b810a743094f182f965fe1f63.png") no-repeat center center; }
        .l-right-content .l-sustomer .l-sustomer-input .input-group-btn button i {
          display: none; }
  .l-right-content .l-sustomer .l-sustomer-input2 {
    width: 111px;
    height: 38px;
    position: relative;
    float: left;
    margin-left: 10px; }
    .l-right-content .l-sustomer .l-sustomer-input2 input {
      width: 111px;
      height: 38px;
      border-radius: 3px;
      -moz-border-radius: 3px !important;
      -webkit-border-radius: 3px !important;
      border: 1px solid #dcdcdc;
      padding-left: 10px;
      margin-top: 10px;
      font-size: 12px;
      outline: none;
      line-height: 20px;
      margin-top: 0;
      margin-bottom: 20px;
      color: #373d41; }
    .l-right-content .l-sustomer .l-sustomer-input2 img {
      position: absolute;
      top: 10px;
      right: 10px; }
  .l-right-content .l-sustomer .l-sustomer-input3 {
    margin-left: 108px; }
    .l-right-content .l-sustomer .l-sustomer-input3 .h-radio-btn {
      margin-top: 5px; }
      .l-right-content .l-sustomer .l-sustomer-input3 .h-radio-btn .l-state {
        margin: 0 16px; }
      .l-right-content .l-sustomer .l-sustomer-input3 .h-radio-btn * {
        vertical-align: middle; }
  .l-right-content .l-sustomer .l-bottom {
    width: 600px;
    display: block;
    margin-left: 80px; }
    .l-right-content .l-sustomer .l-bottom .l-back:hover {
      background: url("../cnicSite/img/submit/l-btn-b46dca714bf921fcf19ad14787efed15.png");
      color: #fff; }

.l-right-content .l-sustomer1 {
  background: #fff;
  width: 97% !important;
  margin: 0 auto; }
  .l-right-content .l-sustomer1 p {
    padding-left: 0;
    width: 74px; }
  .l-right-content .l-sustomer1 .l-state-1 {
    padding: 0;
    width: 24px;
    margin-right: 12px; }
  .l-right-content .l-sustomer1 input {
    margin-top: 10px; }
  .l-right-content .l-sustomer1 .piaochecked {
    float: left; }
    .l-right-content .l-sustomer1 .piaochecked span {
      margin-left: 10px;
      margin-right: 30px; }
  .l-right-content .l-sustomer1 .l-sustomer-input1 input {
    width: 635px;
    height: 38px; }

.l-right-content .l-bottom {
  width: 179px;
  height: 34px;
  margin: 20px auto; }
  .l-right-content .l-bottom.l-bottom-group {
    width: 600px; }

.l-right-content .l-box-card {
  width: 97%;
  height: 185px;
  margin: 0 auto;
  border: 1px solid #e4e6ea;
  position: relative; }
  .l-right-content .l-box-card .l-box-card-h {
    height: 40px;
    border-bottom: 1px solid #e4e6ea;
    background: #eff1f6; }
    .l-right-content .l-box-card .l-box-card-h img {
      margin-left: 24px;
      margin-top: 12px;
      float: left; }
    .l-right-content .l-box-card .l-box-card-h p {
      float: left;
      margin-left: 6px;
      line-height: 40px;
      color: #747783; }
      .l-right-content .l-box-card .l-box-card-h p span {
        font-weight: bold; }
  .l-right-content .l-box-card .l-box-card-c {
    width: 80%;
    height: 66px;
    margin: 15px auto;
    border-bottom: 1px dashed #e5e5e5;
    margin-left: 20px;
    float: left; }
    .l-right-content .l-box-card .l-box-card-c tr td {
      width: 170px;
      font-size: 12px;
      color: #747783;
      height: 30px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block; }
    .l-right-content .l-box-card .l-box-card-c tr .l-td {
      font-size: 14px;
      color: #373d41; }
    .l-right-content .l-box-card .l-box-card-c .l-problem {
      line-height: 74px;
      font-size: 12px;
      color: #747783;
      float: left; }
    .l-right-content .l-box-card .l-box-card-c .l-textarea {
      float: left;
      margin-top: 6px;
      outline: none;
      border: 0;
      padding-left: 9px;
      padding-top: 24px;
      color: #747783; }
  .l-right-content .l-box-card .l-box-btn {
    width: 15%;
    height: 143px;
    float: right; }
    .l-right-content .l-box-card .l-box-btn .l-look-btn {
      background: url("../cnicSite/img/customer-server/l-look0-ffe136f42ede08e1086236866e8429fb.png") no-repeat;
      width: 62px;
      height: 32px;
      border-radius: 50px;
      margin: 38% auto 0 30px;
      border: 0;
      color: #fff;
      font-size: 12px;
      outline: none;
      cursor: pointer; }

.l-right-content .l-box-card:hover {
  box-shadow: 0 5px 38px -10px #337ab7;
  z-index: 400; }
  .l-right-content .l-box-card:hover .l-look-btn {
    box-shadow: 0 5px 20px -5px #337ab7; }

.list-content .list-right-content {
  width: 978px;
  float: right;
  color: #373d41; }
  .list-content .list-right-content .h-list-title {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    padding-left: 84px;
    position: relative;
    border-bottom: 1px solid #e5e5e5; }
    .list-content .list-right-content .h-list-title img {
      position: absolute;
      top: 25px;
      left: 40px;
      margin-right: 10px; }
    .list-content .list-right-content .h-list-title h2 {
      font-size: 24px;
      margin: 0; }
  .list-content .list-right-content .h-list-search {
    width: 100%;
    padding: 18px 40px;
    background: #f9f9fb;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5; }
    .list-content .list-right-content .h-list-search .search-left {
      width: 174px;
      float: left;
      position: relative; }
      .list-content .list-right-content .h-list-search .search-left input {
        width: 174px;
        height: 30px;
        border: 1px solid #ddd;
        border-radius: 20px;
        outline: none;
        padding: 0 34px 0 10px; }
      .list-content .list-right-content .h-list-search .search-left .search-icon {
        position: absolute;
        right: 14px;
        top: 7px; }
    .list-content .list-right-content .h-list-search .search-right {
      float: right; }
      .list-content .list-right-content .h-list-search .search-right a {
        width: 60px;
        height: 32px;
        line-height: 32px;
        background: url("../cnicSite/img/border-color-84482bf34ad07fbbfe4e8b00dd5eddd7.png");
        display: inline-block;
        text-align: center;
        margin-left: 4px; }
  .list-content .list-right-content .h-list-box {
    padding: 26px 20px; }
    .list-content .list-right-content .h-list-box .list-item {
      width: 100%;
      height: 84px;
      border: 1px solid #eaecf1;
      padding: 14px 14px 14px 64px;
      margin-bottom: 10px;
      position: relative; }
      .list-content .list-right-content .h-list-box .list-item .list-checkbox a,
      .list-content .list-right-content .h-list-box .list-item .list-checkbox input {
        width: 17px;
        height: 17px;
        position: absolute; }
      .list-content .list-right-content .h-list-box .list-item .list-checkbox a {
        border: 1px solid #bfbfc4; }

.list-right-content {
  width: 978px;
  float: right;
  color: #373d41; }
  .list-right-content .h-list-title {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    padding-left: 84px;
    position: relative; }
    .list-right-content .h-list-title img {
      position: absolute;
      top: 25px;
      left: 40px;
      margin-right: 10px; }
    .list-right-content .h-list-title h2 {
      font-size: 24px;
      margin: 0; }
  .list-right-content .h-list-search {
    width: 100%;
    padding: 18px 40px;
    background: #f9f9fb;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    .list-right-content .h-list-search .search-left {
      width: 174px;
      float: left;
      position: relative; }
      .list-right-content .h-list-search .search-left input {
        width: 174px;
        height: 30px;
        border: 1px solid #ddd;
        border-radius: 20px;
        outline: none;
        padding: 0 34px 0 10px; }
      .list-right-content .h-list-search .search-left .search-icon {
        position: absolute;
        right: 14px;
        top: 7px; }
    .list-right-content .h-list-search .search-right {
      float: right; }
      .list-right-content .h-list-search .search-right a {
        width: 60px;
        height: 32px;
        line-height: 32px;
        background: url("../cnicSite/img/border-color-84482bf34ad07fbbfe4e8b00dd5eddd7.png");
        display: inline-block;
        text-align: center;
        margin-left: 4px; }
    .list-right-content .h-list-search label {
      margin-right: 8px; }
    .list-right-content .h-list-search .h-search-box {
      position: relative;
      display: inline-block;
      margin-right: 30px; }
      .list-right-content .h-list-search .h-search-box .input-text {
        padding: 0 12px;
        width: 280px;
        height: 38px;
        border: 1px solid #e3e4e9;
        border-radius: 3px; }
      .list-right-content .h-list-search .h-search-box .search-icon {
        position: absolute;
        top: 10px;
        right: 36px; }
  .list-right-content .h-list-search2 {
    width: 950px;
    margin: 0 auto;
    padding: 18px 26px;
    border-bottom: 1px dashed #e5e5e5; }
    .list-right-content .h-list-search2 label {
      margin-right: 8px; }
    .list-right-content .h-list-search2 .h-search-box {
      display: inline-block;
      margin-right: 30px;
      position: relative; }
      .list-right-content .h-list-search2 .h-search-box .input-text,
      .list-right-content .h-list-search2 .h-search-box .meet-theme {
        padding: 0 12px;
        width: 280px;
        height: 38px;
        border: 1px solid #e3e4e9;
        border-radius: 3px; }
      .list-right-content .h-list-search2 .h-search-box .meet-time {
        position: absolute;
        top: 9px;
        right: 8px; }
  .list-right-content .list-search-btn {
    text-align: center;
    margin-top: 20px; }
    .list-right-content .list-search-btn button {
      text-align: center;
      color: #fff;
      width: 82px;
      height: 32px;
      border: none;
      outline: none;
      background: none;
      background: url(../cnicSite/img/normal-btn-red-58c06c4992489677331247954bc3376f.png) no-repeat;
      cursor: pointer; }
  .list-right-content .h-list-box {
    padding: 26px 20px; }
    .list-right-content .h-list-box .list-item {
      width: 100%;
      height: 84px;
      border: 1px solid #eaecf1;
      padding: 14px 180px 14px 64px;
      margin-bottom: 10px;
      position: relative;
      overflow: hidden; }
      .list-right-content .h-list-box .list-item:hover {
        box-shadow: 0 5px 38px -10px #337ab7; }
      .list-right-content .h-list-box .list-item .list-content span {
        width: 225px;
        height: 20px;
        display: inline-block;
        margin-top: 3px;
        margin-bottom: 4px;
        padding-right: 10px;
        color: #92999f;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .list-right-content .h-list-box .list-item .list-content span em {
          color: #373d41; }
      .list-right-content .h-list-box .list-item .list-right {
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -18px; }
        .list-right-content .h-list-box .list-item .list-right span {
          width: 36px;
          height: 36px;
          display: inline-block;
          margin: 0 2px;
          cursor: pointer; }
          .list-right-content .h-list-box .list-item .list-right span.eye-icon {
            background: #edf2fe url("../cnicSite/img/icon/eye-edcabe98b7e14af858ae04acda6190f7.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span.edit-icon {
            background: #edf2fe url("../cnicSite/img/icon/edit-c6ca288250ada5989f4c3518d43d3165.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span.delete-icon {
            background: #edf2fe url("../cnicSite/img/icon/delete-585fde4f312ae175c120f33c78a6c153.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span.more-icon {
            background: #edf2fe url("../cnicSite/img/icon/more-9ceb8caf4d4861a19acc60beee92cb73.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span:hover.eye-icon {
            background: #fcdbd8 url("../cnicSite/img/icon/eye-r-710603f5f113a8c8b67fa43f0bbbde78.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span:hover.edit-icon {
            background: #fcdbd8 url("../cnicSite/img/icon/edit-r-16792c7f9b01591833fabfbacfd83cee.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span:hover.delete-icon {
            background: #fcdbd8 url("../cnicSite/img/icon/delete-r-0d19541c64172a267403ec8f84aa6173.png") no-repeat center; }
          .list-right-content .h-list-box .list-item .list-right span:hover.more-icon {
            background: #fcdbd8 url("../cnicSite/img/icon/more-r-5601727ebc829a00f2f10a2198b64092.png") no-repeat center; }

.article-list-content {
  padding: 0 40px;
  color: #373d41; }
  .article-list-content .article-list-search {
    padding-top: 22px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5; }
    .article-list-content .article-list-search label {
      display: block;
      margin-bottom: 10px; }
    .article-list-content .article-list-search input {
      width: 400px;
      height: 32px;
      padding: 0 12px;
      border-radius: 20px;
      border: 1px solid #c1c2c7;
      margin-right: 12px;
      outline: none; }
    .article-list-content .article-list-search p {
      margin-top: 8px; }
  .article-list-content .article-list-box {
    padding: 10px 0; }
    .article-list-content .article-list-box li {
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      padding: 0 8px; }
      .article-list-content .article-list-box li:after {
        display: block;
        content: "";
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0; }
      .article-list-content .article-list-box li a {
        display: inline-block;
        width: calc(100% - 200px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .article-list-content .article-list-box li a:hover {
          color: #337ab7; }
        .article-list-content .article-list-box li a span.highlight {
          color: #337ab7; }
      .article-list-content .article-list-box li span.span-date {
        font-size: 12px;
        color: #a9b0b4;
        display: inline-block;
        float: right;
        width: 150px;
        text-align: right; }
      .article-list-content .article-list-box li.bg {
        background: #f9f9fb; }
      .article-list-content .article-list-box li:nth-child(even) {
        background: #f9f9fb; }
  .article-list-content .article-search-result {
    padding: 10px 0; }
    .article-list-content .article-search-result .search-result-tit {
      height: 34px;
      line-height: 34px; }
    .article-list-content .article-search-result li .red {
      color: #337ab7; }
    .article-list-content .article-search-result li p {
      margin-bottom: 20px; }

.h-personal-left .h-user {
  width: 75px;
  height: 75px;
  margin: 30px auto;
  border: 5px solid #e4e6ea;
  border-radius: 50%;
  overflow: hidden;
  background: #fff; }
  .h-personal-left .h-user img {
    width: 65px;
    height: 65px;
    border-radius: 50%; }

.h-personal-left .personal-list li {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  cursor: pointer;
  border-top: 1px solid #f5f7fc;
  border-bottom: 1px solid #f5f7fc; }
  .h-personal-left .personal-list li img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px; }
  .h-personal-left .personal-list li.active {
    background: #fff;
    border-top: 1px solid #e4e6ea;
    border-bottom: 1px solid #e4e6ea;
    margin-right: -1px; }

.h-personal-right .person-content .person-title {
  height: 80px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 40px; }
  .h-personal-right .person-content .person-title img {
    float: left;
    margin-right: 10px; }
  .h-personal-right .person-content .person-title h2 {
    float: left;
    font-size: 24px;
    color: #757682;
    font-weight: bold;
    margin: 0; }

.h-personal-right .person-content .person-form {
  padding: 30px 30px 60px; }
  .h-personal-right .person-content .person-form li {
    margin-bottom: 20px; }
    .h-personal-right .person-content .person-form li em {
      display: inline-block;
      width: 86px;
      text-align: right;
      margin-right: 18px;
      font-size: 14px;
      color: #747783; }
    .h-personal-right .person-content .person-form li input {
      width: 280px;
      height: 38px;
      border: 1px solid #e4e6ea;
      border-radius: 3px;
      padding: 0 10px; }
      .h-personal-right .person-content .person-form li input::-webkit-input-placeholder {
        color: #a9b0b4; }
      .h-personal-right .person-content .person-form li input:-moz-placeholder {
        color: #a9b0b4; }
      .h-personal-right .person-content .person-form li input::-moz-placeholder {
        color: #a9b0b4; }
      .h-personal-right .person-content .person-form li input:-ms-input-placeholder {
        color: #a9b0b4; }
      .h-personal-right .person-content .person-form li input.radio-input {
        width: 20px;
        height: 20px;
        left: 0;
        margin-top: -10px;
        top: 50%;
        padding: 0;
        z-index: 5;
        cursor: pointer; }
    .h-personal-right .person-content .person-form li .error-text {
      color: #337ab7;
      margin-left: 8px;
      font-size: 12px;
      display: inline-block; }
  .h-personal-right .person-content .person-form .person-outer:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both; }
  .h-personal-right .person-content .person-form .person-outer li {
    width: 458px;
    height: 38px;
    position: relative;
    float: left; }
    .h-personal-right .person-content .person-form .person-outer li .error-text {
      height: 20px;
      line-height: 20px;
      position: absolute;
      left: 104px;
      bottom: -20px; }
    .h-personal-right .person-content .person-form .person-outer li i {
      color: #ff0000; }
    .h-personal-right .person-content .person-form .person-outer li.h-radio-btn .radio-label .radio-text {
      height: 20px; }
    .h-personal-right .person-content .person-form .person-outer li.hasError input {
      border: 1px solid #ff0000; }
    .h-personal-right .person-content .person-form .person-outer li.person-reseInst, .h-personal-right .person-content .person-form .person-outer li.person-suborBranch {
      width: 918px; }
      .h-personal-right .person-content .person-form .person-outer li.person-reseInst input, .h-personal-right .person-content .person-form .person-outer li.person-suborBranch input {
        width: 623px; }
      .h-personal-right .person-content .person-form .person-outer li.person-reseInst .btn-select, .h-personal-right .person-content .person-form .person-outer li.person-suborBranch .btn-select {
        width: 110px;
        height: 38px;
        border: 1px solid #a0bdf9;
        border-radius: 3px;
        padding: 0 10px;
        background: none;
        outline: none;
        cursor: pointer; }
        .h-personal-right .person-content .person-form .person-outer li.person-reseInst .btn-select:hover, .h-personal-right .person-content .person-form .person-outer li.person-suborBranch .btn-select:hover {
          background: #a0bdf9;
          color: #fff; }
        .h-personal-right .person-content .person-form .person-outer li.person-reseInst .btn-select:disabled, .h-personal-right .person-content .person-form .person-outer li.person-suborBranch .btn-select:disabled {
          cursor: not-allowed;
          background: #dbdcdf;
          border-color: #dbdcdf;
          color: #fff; }
    .h-personal-right .person-content .person-form .person-outer li.person-addr {
      width: 918px; }
      .h-personal-right .person-content .person-form .person-outer li.person-addr input {
        width: 738px; }
  .h-personal-right .person-content .person-form .person-form-btn {
    padding: 20px 20px 20px 108px; }
    .h-personal-right .person-content .person-form .person-form-btn.person-outer-btn {
      text-align: center;
      padding: 20px; }
  .h-personal-right .person-content .person-form .error-tips {
    background: #fff9e8;
    border: 1px solid #f5dfc3;
    border-radius: 5px;
    padding: 10px;
    margin: 20px auto;
    font-size: 14px; }

.service-packages-content {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  background: #fff;
  min-height: 500px;
  padding: 45px;
  margin-bottom: 56px; }
  .service-packages-content .sp-title {
    font-size: 22px;
    color: #373d41;
    height: 26px;
    line-height: 26px;
    border-left: 6px solid #337ab7;
    padding: 0 12px; }
  .service-packages-content .sp-list {
    overflow: hidden;
    margin-top: 20px; }
    .service-packages-content .sp-list li {
      width: 266px;
      height: 100px;
      margin: 5px;
      background: #f5f7fc;
      color: #373d41;
      float: left;
      position: relative; }
      .service-packages-content .sp-list li.disabled, .service-packages-content .sp-list li:disabled, .service-packages-content .sp-list li[disabled] {
        cursor: not-allowed; }
      .service-packages-content .sp-list li a {
        display: block;
        padding: 20px 14px 20px 94px;
        position: relative;
        overflow: hidden; }
        .service-packages-content .sp-list li a.disabled, .service-packages-content .sp-list li a:disabled, .service-packages-content .sp-list li a[disabled] {
          pointer-events: none;
          cursor: not-allowed; }
        .service-packages-content .sp-list li a span {
          width: 54px;
          height: 54px;
          position: absolute;
          top: 23px;
          left: 24px;
          text-align: center;
          vertical-align: middle;
          overflow: hidden;
          z-index: 1; }
          .service-packages-content .sp-list li a span img {
            max-width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: block; }
      .service-packages-content .sp-list li h3 {
        font-size: 18px;
        line-height: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        z-index: 1; }
      .service-packages-content .sp-list li:hover {
        background: #fff;
        box-shadow: 0 0 13px rgba(179, 184, 214, 0.5); }

.workOrder-right {
  width: 978px;
  float: right;
  color: #373d41; }
  .workOrder-right .work-right-title {
    height: 80px;
    padding: 25px 40px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5; }
    .workOrder-right .work-right-title img {
      float: left;
      margin-right: 10px; }
    .workOrder-right .work-right-title h2 {
      float: left;
      font-size: 24px;
      margin-top: -2px;
      color: #757682;
      font-weight: bold; }
  .workOrder-right .work-right-content {
    padding: 20px 25px; }

.important-content-show {
  width: 100%;
  background: #f7f8fc;
  padding: 16px 15px; }
  .important-content-show span {
    color: #92999f;
    font-size: 14px; }
  .important-content-show .problem-des {
    overflow: hidden;
    margin-bottom: 20px; }
    .important-content-show .problem-des .problem-des-title {
      float: none;
      display: block;
      margin-bottom: 10px; }
    .important-content-show .problem-des p {
      width: 100%;
      line-height: 20px; }
  .important-content-show .date {
    margin-bottom: 20px;
    overflow: hidden; }
    .important-content-show .date p {
      width: 266px;
      float: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      padding-right: 20px; }
      .important-content-show .date p .orange {
        color: #f1840c; }
        .important-content-show .date p .orange:hover {
          color: #337ab7; }

.work-group .work-group-title {
  width: 100%;
  height: 32px;
  background: #eff1f6;
  line-height: 32px;
  color: #747783;
  font-size: 14px;
  padding: 0 12px;
  border-left: 3px solid #747783;
  font-weight: bold; }

.work-group-list {
  padding: 10px 0 20px; }
  .work-group-list.work-group-list-process {
    padding: 10px 20px; }
    .work-group-list.work-group-list-process .group-list-item {
      overflow: hidden;
      position: relative;
      padding: 0 0 0 40px; }
      .work-group-list.work-group-list-process .group-list-item:first-child:before {
        background: url("../cnicSite/img/radio-btn02-fc0fcb2eac8ea7d20e4b58e472251f0a.png") no-repeat 0 0; }
      .work-group-list.work-group-list-process .group-list-item:last-child:after {
        display: none; }
      .work-group-list.work-group-list-process .group-list-item:before {
        display: block;
        content: "";
        width: 17px;
        height: 17px;
        background: url("../cnicSite/img/radio-btn01-6adb15ca8e74fc18473aa93b74395833.png") no-repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
      .work-group-list.work-group-list-process .group-list-item:after {
        display: block;
        content: "";
        width: 1px;
        height: 100%;
        background: #e5e5e5;
        position: absolute;
        top: 0;
        left: 9px;
        z-index: 1; }
      .work-group-list.work-group-list-process .group-list-item .item-content-box {
        overflow: hidden;
        border: none; }
      .work-group-list.work-group-list-process .group-list-item .item-content {
        float: left;
        max-width: calc(100% - 160px);
        padding: 0;
        line-height: auto; }
        .work-group-list.work-group-list-process .group-list-item .item-content .img-text,
        .work-group-list.work-group-list-process .group-list-item .item-content b {
          display: inline;
          float: none;
          margin-top: 0; }
      .work-group-list.work-group-list-process .group-list-item .item-date {
        width: 140px;
        margin-right: 20px;
        float: left;
        line-height: auto; }
  .work-group-list .group-list-item {
    width: 100%;
    height: auto;
    padding: 16px 20px 0 70px;
    position: relative; }
    .work-group-list .group-list-item .item-img {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      position: absolute;
      top: 22px;
      left: 14px;
      overflow: hidden; }
      .work-group-list .group-list-item .item-img img {
        max-width: 100%; }
    .work-group-list .group-list-item .item-content-box {
      border-bottom: 1px dashed #e5e5e5;
      padding-bottom: 16px; }
      .work-group-list .group-list-item .item-content-box ul li span a {
        font-weight: bold; }
    .work-group-list .group-list-item h3 {
      font-size: 12px; }
    .work-group-list .group-list-item .item-content {
      line-height: 24px;
      padding: 5px 0;
      font-size: 14px;
      overflow: hidden; }
      .work-group-list .group-list-item .item-content.bold {
        font-weight: bold; }
      .work-group-list .group-list-item .item-content .img-text {
        float: left;
        margin-right: 10px;
        margin-top: 8px; }
      .work-group-list .group-list-item .item-content img {
        max-width: 600px;
        max-height: 500px; }
      .work-group-list .group-list-item .item-content .file {
        height: 40px;
        line-height: 40px;
        color: #0066cc;
        display: inline-block;
        float: left; }
      .work-group-list .group-list-item .item-content .item-content-span {
        display: block;
        color: #92999f; }
        .work-group-list .group-list-item .item-content .item-content-span em {
          color: #373d41; }
    .work-group-list .group-list-item .item-date {
      font-size: 12px;
      color: #92999f; }

.feedback-content .problem-toService .appraise-title {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  margin-right: 15px; }

.feedback-content .problem-toService .h-radio-btn {
  display: inline-block;
  vertical-align: middle; }

.feedback-content .upload-file-box {
  padding-left: 13px;
  margin-top: 10px; }
  .feedback-content .upload-file-box p {
    float: left; }
  .feedback-content .upload-file-box .vfs-upload {
    margin-bottom: 0; }
  .feedback-content .upload-file-box:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0; }

.feedback-content .vfs-file-list {
  margin-top: 15px; }

.feedback-content .upload-tit {
  height: 32px;
  line-height: 32px; }

.feedback-content .upload-content li {
  width: 56px;
  height: 56px;
  float: left;
  margin-right: 10px;
  margin-bottom: 40px;
  border-radius: 2px;
  position: relative;
  cursor: pointer; }
  .feedback-content .upload-content li img {
    width: 100%;
    height: 100%;
    border: 1px solid #e4e6ea;
    border-radius: 2px; }
  .feedback-content .upload-content li .red-icon {
    display: none;
    width: 18px;
    height: 10px;
    background: url("../cnicSite/img/submit/img-little-45bbf336a3039638baf3f2edd59cb8ed.png");
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px; }
  .feedback-content .upload-content li.active {
    border: 3px solid #337ab7; }
    .feedback-content .upload-content li.active .red-icon {
      display: block; }

.feedback-content .upload-content .add-file {
  background: url("../cnicSite/img/submit/upload-77dd3336645a23b83256243b2b409073.png"); }
  .feedback-content .upload-content .add-file .file-input {
    width: 56px;
    height: 56px;
    opacity: 0; }

.feedback-content .pic-show {
  width: 464px;
  border: 1px solid #e4e6ea;
  border-radius: 3px;
  padding: 10px;
  clear: both; }
  .feedback-content .pic-show .pic-show-text {
    text-align: right;
    margin-bottom: 5px; }
    .feedback-content .pic-show .pic-show-text span {
      cursor: pointer;
      color: #0066cc;
      font-size: 12px;
      margin-right: 10px; }
  .feedback-content .pic-show .img-show {
    width: 440px;
    height: 316px; }

.feedback-content .upload-notice p {
  font-size: 12px;
  margin: 8px 0;
  line-height: 18px; }
  .feedback-content .upload-notice p .blue {
    color: #0066cc;
    margin-left: 10px;
    cursor: pointer; }

.feedback-content .upload-notice .notice {
  width: 610px;
  color: #747783;
  margin-bottom: 20px; }
  .feedback-content .upload-notice .notice span {
    color: #337ab7; }

.activity-content .activity-item {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 24px; }
  .activity-content .activity-item .appraise-title {
    float: left;
    margin-right: 18px;
    padding-left: 26px;
    position: relative;
    color: #747783; }
    .activity-content .activity-item .appraise-title em {
      position: absolute;
      top: 0;
      left: 14px;
      color: #337ab7; }
  .activity-content .activity-item .star-box {
    float: left; }
    .activity-content .activity-item .star-box li {
      width: 22px;
      height: 22px;
      background: url("../cnicSite/img/star1-116ba41ef14f826459f2ad24320e43b5.png") no-repeat;
      float: left;
      margin-right: 10px; }
      .activity-content .activity-item .star-box li.active {
        background: url("../cnicSite/img/star2-9c7c0e8771d5a2fdb5bbef5f0b8fbd97.png") no-repeat; }
  .activity-content .activity-item textarea {
    width: 540px;
    height: 120px;
    border: 1px solid #e4e6ea; }

.activity-content .problem-item {
  height: 28px;
  line-height: 28px; }
  .activity-content .problem-item .h-radio-btn {
    display: inline; }

.activity-content .work-footer-btn {
  margin: 6px 0 45px 100px; }

.workflow-right {
  width: 978px;
  float: right;
  color: #373d41; }
  .workflow-right .work-right-title {
    height: 80px;
    padding: 25px 40px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5; }
    .workflow-right .work-right-title img {
      float: left;
      margin-right: 10px; }
    .workflow-right .work-right-title h2 {
      float: left;
      font-size: 24px;
      margin-top: -2px;
      color: #757682;
      font-weight: bold; }

.workflow-right-content {
  padding: 20px 12px; }
  .workflow-right-content .workflow-group {
    margin-bottom: 60px; }
    .workflow-right-content .workflow-group .workflow-group-tit {
      width: 100%;
      height: 32px;
      line-height: 32px;
      background: #eff1f6;
      padding: 0 14px;
      color: #747783;
      font-size: 14px; }
      .workflow-right-content .workflow-group .workflow-group-tit img {
        vertical-align: middle;
        margin-right: 5px; }
      .workflow-right-content .workflow-group .workflow-group-tit span {
        display: inline-block;
        font-weight: bold; }
      .workflow-right-content .workflow-group .workflow-group-tit a {
        float: right;
        color: #373d41;
        font-size: 12px;
        display: block; }
        .workflow-right-content .workflow-group .workflow-group-tit a i {
          width: 7px;
          height: 7px;
          display: inline-block;
          margin-left: 8px; }
          .workflow-right-content .workflow-group .workflow-group-tit a i.icon-up {
            background: url("../cnicSite/img/workOrder/workFlow/icon-up-c2fe6a4c38f7bb9e012648d643af581a.png") no-repeat; }
          .workflow-right-content .workflow-group .workflow-group-tit a i.icon-down {
            background: url("../cnicSite/img/workOrder/workFlow/icon-down-ea21d3e7e3bcd7a5592e0357a128474c.png") no-repeat; }
    .workflow-right-content .workflow-group .workflow-group-con textarea {
      width: 100%;
      height: 100px;
      border: 1px solid #e4e6ea;
      border-radius: 3px;
      padding: 8px 10px;
      margin-top: 18px; }
      .workflow-right-content .workflow-group .workflow-group-con textarea::-webkit-input-placeholder {
        color: #a9b0b4;
        font-size: 14px; }
    .workflow-right-content .workflow-group .workflow-btn {
      text-align: center;
      margin-top: 45px; }
      .workflow-right-content .workflow-group .workflow-btn .normal-btn {
        margin-right: 7px; }

.workflow-table {
  margin-top: 4px; }
  .workflow-table table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse; }
    .workflow-table table .work-table-title tr {
      color: #747783;
      font-size: 14px; }
      .workflow-table table .work-table-title tr th {
        width: 136px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
        background: #eff1f6;
        border-right: 1px solid #fff;
        text-align: center; }
      .workflow-table table .work-table-title tr .advice-th {
        width: 268px; }
    .workflow-table table .work-table-body {
      font-size: 12px;
      color: #373d41; }
      .workflow-table table .work-table-body tr {
        height: 48px;
        border-bottom: 1px solid #eff1f6; }
        .workflow-table table .work-table-body tr td {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          border: none; }
        .workflow-table table .work-table-body tr:nth-child(even) {
          background: #f9f9fb; }

.h-work-list {
  padding: 0 12px;
  margin-top: 25px; }
  .h-work-list table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse; }
    .h-work-list table.table-block {
      display: block; }
      .h-work-list table.table-block tbody,
      .h-work-list table.table-block td,
      .h-work-list table.table-block thead,
      .h-work-list table.table-block tr {
        display: block; }
      .h-work-list table.table-block tr:after {
        content: "";
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0; }
      .h-work-list table.table-block tr:hover {
        position: relative;
        z-index: 5; }
      .h-work-list table.table-block tr td {
        float: left;
        height: 48px;
        line-height: 48px;
        display: block; }
      .h-work-list table.table-block .th001 {
        width: 135px; }
      .h-work-list table.table-block .th002 {
        width: 130px; }
      .h-work-list table.table-block .th002-add {
        width: 100px; }
      .h-work-list table.table-block .th003 {
        width: 180px; }
      .h-work-list table.table-block .th003-add {
        width: 170px; }
      .h-work-list table.table-block .th004 {
        width: 150px; }
      .h-work-list table.table-block .th004-add {
        width: 130px; }
      .h-work-list table.table-block .th005 {
        width: 130px; }
      .h-work-list table.table-block .th005-add {
        width: 110px; }
      .h-work-list table.table-block .th006 {
        width: 130px; }
      .h-work-list table.table-block .th006-add {
        width: 100px; }
      .h-work-list table.table-block .th007 {
        width: 98px; }
      .h-work-list table.table-block .th008-add {
        width: 109px; }
    .h-work-list table .work-table-title tr {
      color: #747783;
      font-size: 14px; }
      .h-work-list table .work-table-title tr th {
        font-weight: normal;
        height: 40px;
        line-height: 40px;
        background: #eff1f6;
        border-right: 1px solid #fff;
        text-align: center; }
      .h-work-list table .work-table-title tr .th1 {
        width: 135px; }
      .h-work-list table .work-table-title tr .th2 {
        width: 202px; }
      .h-work-list table .work-table-title tr .th3 {
        width: 98px; }
      .h-work-list table .work-table-title tr .th4 {
        width: 130px; }
      .h-work-list table .work-table-title tr .th5 {
        width: 70px; }
      .h-work-list table .work-table-title tr .th001 {
        width: 135px; }
      .h-work-list table .work-table-title tr .th002 {
        width: 130px; }
      .h-work-list table .work-table-title tr .th003 {
        width: 180px; }
      .h-work-list table .work-table-title tr .th004 {
        width: 150px; }
      .h-work-list table .work-table-title tr .th005 {
        width: 130px; }
      .h-work-list table .work-table-title tr .th006 {
        width: 130px; }
      .h-work-list table .work-table-title tr .th007 {
        width: 98px; }
    .h-work-list table .work-table-body {
      font-size: 12px;
      color: #373d41; }
      .h-work-list table .work-table-body tr {
        height: 48px;
        border-bottom: 1px solid #eff1f6;
        cursor: pointer;
        position: relative; }
        .h-work-list table .work-table-body tr td {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          border: none;
          padding: 0 5px; }
          .h-work-list table .work-table-body tr td:last-child {
            color: #337ab7; }
          .h-work-list table .work-table-body tr td.operate {
            color: #337ab7; }
            .h-work-list table .work-table-body tr td.operate a,
            .h-work-list table .work-table-body tr td.operate span {
              line-height: 32px;
              display: inline-block; }
          .h-work-list table .work-table-body tr td.btn-del a,
          .h-work-list table .work-table-body tr td.btn-del span {
            line-height: 30px;
            display: inline-block;
            padding: 0 5px; }
        .h-work-list table .work-table-body tr:hover {
          -moz-box-shadow: 0 5px 38px -10px #337ab7;
          -webkit-box-shadow: 0 5px 38px -10px #337ab7;
          box-shadow: 0 5px 38px -10px #337ab7;
          z-index: 5; }
          .h-work-list table .work-table-body tr:hover td.operate a,
          .h-work-list table .work-table-body tr:hover td.operate span {
            color: #fff;
            width: 62px;
            height: 32px;
            background: url("../cnicSite/img/small-btn-ffe136f42ede08e1086236866e8429fb.png") no-repeat; }
          .h-work-list table .work-table-body tr:hover td.btn-del a,
          .h-work-list table .work-table-body tr:hover td.btn-del span {
            width: 38px;
            height: 30px;
            color: #fff;
            border-radius: 12px;
            background: #f75a36; }
          .h-work-list table .work-table-body tr:hover td.btn-del .delete {
            background: #f5f5f5;
            color: #333;
            border: 1px solid #ddd;
            border-radius: 12px; }

/*轮播样式补充*/
/*平台*/
.platform-swSlider .slider-slides {
  background: url("../cnicSite/img/home/platform-bg-8048f8bd8a60368d7973b7ee39241563.jpg") repeat-x left center;
  background-size: 1500px auto; }

/*登录日志*/
.log-wrap {
  padding: 25px 15px; }
  .log-wrap .h-work-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 15px; }
    .log-wrap .h-work-list table thead tr .log-th1 {
      width: 70px; }
    .log-wrap .h-work-list table thead tr .log-th2 {
      width: 150px; }
    .log-wrap .h-work-list table thead tr .log-th3 {
      width: 150px; }
    .log-wrap .h-work-list table thead tr .log-th5 {
      width: 150px; }
    .log-wrap .h-work-list table tbody tr td {
      padding-left: 10px;
      padding-right: 10px; }
      .log-wrap .h-work-list table tbody tr td.text-l {
        text-align: left; }
      .log-wrap .h-work-list table tbody tr td:last-child {
        color: #373d41; }

.wOrder-list {
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  margin-bottom: 20px; }
  .wOrder-list.bg-1 {
    background: url("../cnicSite/img/workOrder/bg-1-5e84f951249441b6e0564e37d3d2ba8c.jpg") no-repeat center center; }
  .wOrder-list.bg-2 {
    background: url("../cnicSite/img/workOrder/bg-2-339af70f7cafc4ac16160b9b43729564.jpg") no-repeat center center; }
  .wOrder-list.bg-3 {
    background: url("../cnicSite/img/workOrder/bg-3-04652f5961e383060c007116cc9e46c9.jpg") no-repeat center center; }
  .wOrder-list.bg-4 {
    background: url("../cnicSite/img/workOrder/bg-4-31ac93b3e7dff26cf4b1d3c0dcb3e239.jpg") no-repeat center center; }
  .wOrder-list li {
    width: 25%;
    font-size: 14px;
    text-align: center;
    float: left;
    color: #fff; }

/*提交工单弹窗选人*/
.modal[size="selectStaff-modal"] .modal-dialog {
  width: 900px; }
  .modal[size="selectStaff-modal"] .modal-dialog .modal-content {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none; }
    .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-header {
      height: 50px;
      line-height: 50px;
      overflow: hidden;
      padding-top: 0;
      padding-bottom: 0; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-header h3 {
        font-size: 16px;
        float: left;
        font-weight: normal;
        height: 50px;
        line-height: 50px; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-header a {
        display: block;
        width: 50px;
        height: 50px;
        float: right;
        background: url("../cnicSite/img/login/close-cfe9c60040390c8e5c6c2c0fd02aa243.png") no-repeat center center; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-header a:hover {
          background-color: #eff1f6; }
    .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body {
      padding: 20px 0 0;
      overflow: auto;
      margin-bottom: 0;
      position: relative; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH {
        max-height: calc(100vh - 200px); }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .form-group {
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .col-sm-8,
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH [class^="col-"] {
          position: relative;
          padding-bottom: 20px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .vfs-progess {
          margin-left: 90px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .vfs-progess span {
            font-size: 14px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .text-danger {
          min-height: 20px;
          color: #ff0000;
          position: absolute;
          bottom: 0;
          left: 0;
          padding-left: 15px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .form-horizontal {
          overflow-x: hidden; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .form-control {
          height: 38px;
          border: 1px solid #e4e6ea;
          -webkit-border-radius: 3px;
          border-radius: 3px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body.maxH textarea.form-control {
          height: 120px;
          overflow: auto; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box {
        width: 100%;
        height: 32px;
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        background: #fff;
        padding-left: 20px;
        padding-right: 20px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box .selectStaff-sear {
          width: 720px;
          height: 32px;
          float: left;
          position: relative;
          margin-right: 20px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box .selectStaff-sear input {
            width: 100%;
            height: 32px;
            padding: 0 10px;
            border: 1px solid #ccc;
            position: relative;
            z-index: 1;
            font-size: 14px;
            color: #999;
            -webkit-border-radius: 16px;
            border-radius: 16px;
            outline: none; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box .selectStaff-sear button {
            width: 32px;
            height: 32px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            border: none;
            background: url("../cnicSite/img/home/search-icon-57111ec4f15d6ca2b63faa687f9949fc.png") no-repeat center center;
            cursor: pointer;
            outline: none; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box .btn-reset {
          width: 82px;
          height: 32px;
          margin-right: 12px;
          text-align: center;
          border: none;
          outline: none;
          background: none;
          cursor: pointer;
          color: #373d41;
          background: url("../cnicSite/img/normal-btn-color-0a533b0e204de00e2b1a9178b13264b3.png") no-repeat;
          background-position: 0 0; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-box .btn-reset:hover:hover {
            color: #fff;
            background-position: 0 -37px; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-wrap {
        max-height: calc(100vh - 400px);
        overflow: auto;
        padding-left: 20px;
        padding-right: 20px; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        position: relative;
        display: block; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr {
          width: 100%;
          display: block; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr td {
            padding-top: 12px;
            padding-bottom: 12px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .selectStaff-th1 {
            width: 61px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .selectStaff-th2 {
            width: 479px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .selectStaff-th3 {
            width: 319px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .staff-th1 {
            width: 60px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .staff-th2 {
            width: 150px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .staff-th3 {
            width: 150px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tr .staff-th4 {
            width: 487px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr {
          color: #747783;
          font-size: 14px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr th {
            font-weight: normal;
            height: 40px;
            line-height: 40px;
            background: #eff1f6;
            border-right: 1px solid #fff;
            text-align: center; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr .th1 {
            width: 60px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr .th2 {
            width: 150px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr .th3 {
            width: 150px; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table thead tr .th4 {
            width: 487px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody {
          font-size: 12px;
          color: #373d41; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr {
            height: 48px;
            border-bottom: 1px solid #eff1f6;
            cursor: pointer; }
            .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              border: none;
              font-size: 14px; }
              .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td .radio-label {
                display: inline-block;
                width: 18px;
                height: 18px;
                position: relative;
                overflow: hidden;
                cursor: pointer; }
                .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td .radio-label .radio-input {
                  position: absolute;
                  width: 18px;
                  height: 18px;
                  opacity: 0;
                  left: 0;
                  z-index: 2;
                  cursor: pointer; }
                  .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td .radio-label .radio-input:checked + .radio-text:before {
                    background: url("../cnicSite/img/radio-btn2-b41d9fb590bd9a291878aed1b724d8c3.png") no-repeat center center; }
                .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td .radio-label .radio-text {
                  width: 18px;
                  height: 18px;
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  z-index: 1; }
                  .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr td .radio-label .radio-text:before {
                    content: '';
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    background: url("../cnicSite/img/radio-btn1-8953ca10a159c82d5713c66db0defb66.png") no-repeat center center;
                    position: absolute;
                    bottom: 0;
                    left: 0; }
            .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectStaff-table tbody tr:hover {
              box-shadow: 0 5px 38px -10px #337ab7; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .selectedStaffs {
        width: 100%;
        max-height: 50px;
        padding: 15px 20px;
        text-align: left;
        font-size: 14px;
        background: #f6f7fc; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-body .h-page {
        padding-left: 20px;
        padding-right: 20px; }
    .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer {
      text-align: center;
      padding: 15px; }
      .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer button {
        width: 82px;
        height: 32px;
        margin-right: 12px;
        text-align: center;
        border: none;
        outline: none;
        background: none;
        cursor: pointer; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer button.btn-ok {
          color: #fff;
          background: url("../cnicSite/img/normal-btn-red-58c06c4992489677331247954bc3376f.png") no-repeat;
          background-position: 0 0; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer button.btn-ok:hover {
            background-position: 0 -37px; }
        .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer button.btn-no {
          color: #373d41;
          background: url("../cnicSite/img/normal-btn-color-0a533b0e204de00e2b1a9178b13264b3.png") no-repeat;
          background-position: 0 0; }
          .modal[size="selectStaff-modal"] .modal-dialog .modal-content .modal-footer button.btn-no:hover:hover {
            color: #fff;
            background-position: 0 -37px; }

/*pub-alert提醒*/
.modal[size="pub-alert"] .modal-dialog {
  width: 300px;
  top: 30%; }
  .modal[size="pub-alert"] .modal-dialog .modal-content {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 30%;
    overflow: hidden; }
    .modal[size="pub-alert"] .modal-dialog .modal-content .modal-header {
      padding: 15px 20px;
      font-size: 18px;
      font-weight: normal;
      color: #fff;
      background: #337ab7; }
      .modal[size="pub-alert"] .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 18px; }
    .modal[size="pub-alert"] .modal-dialog .modal-content .modal-body {
      padding: 20px;
      font-size: 16px;
      color: #333; }
    .modal[size="pub-alert"] .modal-dialog .modal-content .modal-footer {
      text-align: center;
      border-top: none; }
      .modal[size="pub-alert"] .modal-dialog .modal-content .modal-footer .modal-btn {
        display: inline-block;
        width: 90px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        border: none;
        font-size: 16px;
        background: #337ab7;
        -webkit-border-radius: 10px;
        border-radius: 10px; }

/*pub-confirm确认*/
.modal[size="pub-confirm"] .modal-dialog {
  width: 300px;
  top: 30%; }
  .modal[size="pub-confirm"] .modal-dialog .modal-content {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 30%;
    overflow: hidden; }
    .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-header {
      padding: 15px 20px;
      font-size: 18px;
      font-weight: normal;
      color: #fff;
      background: #337ab7; }
      .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 18px; }
    .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-body {
      padding: 20px;
      font-size: 16px;
      color: #333; }
    .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-footer {
      text-align: center;
      border-top: none; }
      .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-footer .modal-btn {
        display: inline-block;
        width: 90px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        border: none;
        font-size: 16px;
        background: #337ab7;
        -webkit-border-radius: 10px;
        border-radius: 10px; }
      .modal[size="pub-confirm"] .modal-dialog .modal-content .modal-footer .modal-btn-cancel {
        color: #373d41;
        border: 1px solid #ddd;
        background: #fff; }

.msgList-box {
  padding: 20px 10px; }
  .msgList-box .msg-table {
    width: 100%;
    text-align: left;
    display: block; }
    .msgList-box .msg-table tr {
      display: block;
      width: 100%; }
      .msgList-box .msg-table tr .msg-th01 {
        width: 82px; }
      .msgList-box .msg-table tr .msg-th1 {
        width: 52px; }
      .msgList-box .msg-table tr .msg-th2 {
        width: 30px; }
      .msgList-box .msg-table tr .msg-th3 {
        width: 717px; }
      .msgList-box .msg-table tr .msg-th4 {
        width: 159px; }
    .msgList-box .msg-table .msg-select {
      display: inline-block;
      position: relative;
      padding-left: 15px;
      min-height: 15px;
      vertical-align: middle;
      cursor: pointer; }
      .msgList-box .msg-table .msg-select em {
        margin-left: 10px;
        font-size: 12px;
        color: #373d41; }
      .msgList-box .msg-table .msg-select input[type="checkbox"] {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        margin: auto;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer; }
        .msgList-box .msg-table .msg-select input[type="checkbox"]:checked + span {
          background: url("../cnicSite/img/msg/msg-selected-fb9216ab28a00704ed46cb5351942a94.png") no-repeat center center; }
      .msgList-box .msg-table .msg-select span {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        margin: auto;
        background: url("../cnicSite/img/msg/msg-select-a2387389aa780a97dcdfb561a60691ec.png") no-repeat center center; }
    .msgList-box .msg-table .msg-del {
      display: inline-block;
      padding-left: 20px;
      height: 20px;
      line-height: 20px;
      color: #373d41;
      background: url("../cnicSite/img/msg/icon-del-9377a63d39a5615a8aca46ae20a14dbe.png") no-repeat 0 center; }
      .msgList-box .msg-table .msg-del:hover {
        color: #337ab7; }
    .msgList-box .msg-table .msg-all-read {
      display: inline-block;
      height: 20px;
      line-height: 20px;
      color: #373d41; }
      .msgList-box .msg-table .msg-all-read:hover {
        color: #337ab7; }
    .msgList-box .msg-table thead tr th {
      height: 40px;
      vertical-align: middle;
      background: #eff1f6;
      font-size: 12px;
      color: #373d41;
      padding-left: 15px;
      padding-right: 15px; }
      .msgList-box .msg-table thead tr th.th-1 {
        width: 85px; }
      .msgList-box .msg-table thead tr th.th-3 {
        width: 92px; }
    .msgList-box .msg-table tbody tr {
      border-bottom: 1px solid #eff1f6; }
      .msgList-box .msg-table tbody tr:hover {
        -webkit-box-shadow: 0 0 22px rgba(242, 74, 61, 0.3);
        box-shadow: 0 5px 22px rgba(242, 74, 61, 0.3); }
      .msgList-box .msg-table tbody tr td {
        padding: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle; }
        .msgList-box .msg-table tbody tr td:first-child {
          padding-left: 15px; }
        .msgList-box .msg-table tbody tr td.td-icon {
          padding-left: 0;
          width: 30px; }
        .msgList-box .msg-table tbody tr td .msg-time {
          color: #747783; }
        .msgList-box .msg-table tbody tr td .msg-info {
          color: #373d41;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          vertical-align: middle;
          width: 670px; }
          .msgList-box .msg-table tbody tr td .msg-info a {
            color: #ff0000; }
            .msgList-box .msg-table tbody tr td .msg-info a:hover {
              text-decoration: underline; }
        .msgList-box .msg-table tbody tr td .view-msg {
          display: inline-block;
          width: 62px;
          height: 32px;
          line-height: 32px;
          vertical-align: middle;
          text-align: center;
          font-size: 12px;
          color: #337ab7; }
          .msgList-box .msg-table tbody tr td .view-msg:hover {
            background: url("../cnicSite/img/msg/msg-view-2143d63db36fadee098d5116db6d7fa6.png") no-repeat center center;
            color: #fff; }
        .msgList-box .msg-table tbody tr td span.view-msg {
          color: #ccc; }
          .msgList-box .msg-table tbody tr td span.view-msg:hover {
            color: #ccc;
            background: none; }

.header-top-msg {
  position: relative; }
  .header-top-msg .top-right-color span {
    float: left; }
  .header-top-msg .small-bell {
    display: inline-block;
    min-width: 16px;
    height: 15px;
    color: #337ab7;
    font-weight: bold;
    font-size: 12px;
    background: #fff58b;
    margin-left: 3px;
    border-radius: 5px;
    padding: 0 2px; }
  .header-top-msg .h-msg {
    padding-bottom: 30px; }
  .header-top-msg .h-msg-box {
    display: none;
    width: 502px;
    border: 1px solid #e4e6ea;
    background: #eff1f6;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 11;
    color: #373d41; }
    .header-top-msg .h-msg-box h3 {
      height: 48px;
      line-height: 48px;
      font-size: 14px;
      text-align: left;
      padding: 0 24px; }
    .header-top-msg .h-msg-box .msg-icon2 {
      position: absolute;
      top: -13px;
      right: 0;
      width: 66px; }
    .header-top-msg .h-msg-box .h-msg-con {
      width: 100%;
      height: 300px;
      background: #fff;
      overflow: auto; }
      .header-top-msg .h-msg-box .h-msg-con .h-msg-item {
        height: 60px;
        border-bottom: 1px solid #eff1f6;
        font-size: 14px;
        padding: 12px 20px;
        text-align: left;
        cursor: pointer; }
        .header-top-msg .h-msg-box .h-msg-con .h-msg-item p {
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          pointer-events: none;
          cursor: default; }
        .header-top-msg .h-msg-box .h-msg-con .h-msg-item a {
          color: #373d41; }
        .header-top-msg .h-msg-box .h-msg-con .h-msg-item span {
          margin-top: 5px;
          font-size: 12px;
          color: #92999f;
          display: block; }
      .header-top-msg .h-msg-box .h-msg-con .no-contant {
        padding: 120px 24px 0;
        line-height: 24px;
        font-size: 14px; }
    .header-top-msg .h-msg-box .h-msg-more a {
      height: 48px;
      line-height: 48px;
      color: #0066cc;
      font-size: 12px; }
  .header-top-msg:hover .h-msg-box {
    display: block; }

.sw-opinion-header .modal-title {
  font-size: 16px;
  float: left; }

.sw-opinion-header .close {
  float: right; }

.sw-opinion-btn .modal-footer-btn {
  text-align: center; }
  .sw-opinion-btn .modal-footer-btn .btn-confirm {
    width: 80px; }
    .sw-opinion-btn .modal-footer-btn .btn-confirm:hover {
      background: #bbb; }

.productSer-btn {
  padding-left: 20px;
  margin-bottom: 40px; }

.sp-title-wrap {
  overflow: hidden; }
  .sp-title-wrap .sp-title {
    float: left; }
  .sp-title-wrap .knowledge-search {
    width: 382px;
    height: 32px;
    float: right; }
    .sp-title-wrap .knowledge-search .input-search {
      width: 280px;
      height: 32px;
      line-height: 32px;
      font-size: 13px;
      border: 1px solid #ccc;
      -webkit-border-radius: 18px;
      border-radius: 18px;
      padding: 0 10px;
      margin-right: 10px;
      vertical-align: middle;
      outline: none; }
    .sp-title-wrap .knowledge-search .btn-search {
      width: 82px;
      height: 32px;
      background: none;
      background-image: url("../cnicSite/img/normal-btn-red-58c06c4992489677331247954bc3376f.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      color: #fff;
      font-size: 14px;
      text-align: center;
      vertical-align: middle;
      border: none;
      outline: none;
      cursor: pointer; }
      .sp-title-wrap .knowledge-search .btn-search:hover {
        color: #fff;
        background-position: 0 -37px; }
      .sp-title-wrap .knowledge-search .btn-search:disabled {
        cursor: not-allowed; }

.top-search {
  overflow: hidden;
  width: 100%;
  padding: 20px 0; }
  .top-search h2 {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    width: 70px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px; }
  .top-search input {
    display: inline-block;
    width: 500px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
    margin-right: 10px;
    outline: none;
    font-size: 14px; }
  .top-search button {
    width: 100px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    background: #fc6b2f;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    outline: none; }
    .top-search button:focus, .top-search button:hover {
      background: #f24b3d;
      color: #fff; }

.article-list-content .article-list-box .search-list {
  padding-top: 20px;
  padding-bottom: 20px; }
  .article-list-content .article-list-box .search-list .search-item {
    line-height: 160%;
    height: auto;
    border-bottom: 1px dashed #ccc;
    padding: 10px; }
    .article-list-content .article-list-box .search-list .search-item .search-title {
      font-size: 16px;
      margin-bottom: 10px; }
    .article-list-content .article-list-box .search-list .search-item .search-cont {
      font-size: 13px;
      line-height: 160%;
      margin-bottom: 10px; }
    .article-list-content .article-list-box .search-list .search-item .search-crumbs {
      font-size: 12px;
      color: #666;
      height: auto;
      line-height: 20px;
      margin: 0; }
    .article-list-content .article-list-box .search-list .search-item .search-item-a {
      width: 100%; }
    .article-list-content .article-list-box .search-list .search-item .search-item-a:hover {
      color: #333; }
    .article-list-content .article-list-box .search-list .search-item:hover {
      background: #f1f1f1; }

.article-span a {
  color: #ff0000; }

.process-box {
  float: right;
  margin-top: 10px; }

.browser-item {
  margin: 0 auto 20px;
  text-align: left; }
  .browser-item .red {
    color: #337ab7; }
  .browser-item dt {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 10px; }
  .browser-item dd {
    padding-left: 20px;
    font-size: 14px;
    line-height: 160%;
    padding-bottom: 10px; }
    .browser-item dd img {
      max-width: 100%; }

.second-wrap .second-content .con-right-box .img-cont-center img {
  max-width: 600px; }

.img-cont-center img {
  cursor: pointer; }

.modal[size="img-modal"] {
  text-align: center; }
  .modal[size="img-modal"] .modal-dialog {
    width: auto;
    text-align: center;
    display: inline-block; }
    .modal[size="img-modal"] .modal-dialog .modal-content {
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      text-align: center;
      max-width: 100%;
      display: inline-block; }
      .modal[size="img-modal"] .modal-dialog .modal-content .modal-body {
        padding: 0;
        overflow: auto;
        margin-bottom: 0;
        position: relative;
        overflow: auto;
        text-align: center;
        max-width: 100%;
        display: inline-block; }
        .modal[size="img-modal"] .modal-dialog .modal-content .modal-body a {
          display: block;
          width: 50px;
          height: 50px;
          background: url("../cnicSite/img/login/close-cfe9c60040390c8e5c6c2c0fd02aa243.png") no-repeat center center;
          background-color: #ccc;
          z-index: 10;
          position: absolute;
          top: 0;
          right: 0;
          opacity: 0.7; }
          .modal[size="img-modal"] .modal-dialog .modal-content .modal-body a:hover {
            background-color: #ccc; }
        .modal[size="img-modal"] .modal-dialog .modal-content .modal-body img {
          vertical-align: middle;
          position: relative;
          z-index: 1; }

.problem-description {
  white-space: pre-wrap;
  padding-top: 0;
  width: 826px;
  line-height: 20px;
  float: left;
  background-color: transparent;
  border: 1px solid #ddd;
  padding: 20px; }
  .problem-description img {
    max-width: 600px !important;
    max-height: 500px !important; }

pre.code-block {
  font-weight: inherit;
  padding: 0;
  font-size: 14px;
  border: none;
  background: none;
  width: 100%;
  font-family: \5FAE\8F6F\96C5\9ED1;
  white-space: normal; }

.ny-left {
  position: absolute;
  top: 828px;
  left: 0;
  z-index: 10; }

.ny-right {
  position: absolute;
  top: 1900px;
  right: 0;
  z-index: 10;
  transform: rotate(180deg); }

.new-year-title span {
  width: 210px;
  height: 57px;
  line-height: 55px;
  display: inline-block;
  color: #ffd4a7;
  background: url("../cnicSite/img/newyear/title-7ccef44d795b90b1b54957b201313060.png"); }

@media screen and (max-width: 1366px) {
  .ny-left,
  .ny-right {
    max-width: 78px; } }

.woList-content {
  width: 958px; }
  .woList-content.w1082 {
    width: 1082px; }
  .woList-content.w1168 {
    width: 1168px; }
    .woList-content.w1168 .h-work-list {
      padding: 0; }
  .woList-content.mar-auto {
    margin-left: auto;
    margin-right: auto;
    float: none; }
    .woList-content.mar-auto .btn-select {
      width: 110px;
      height: 36px;
      border: 1px solid #a0bdf9;
      border-radius: 3px;
      padding: 0 10px;
      background: none;
      outline: none;
      cursor: pointer;
      float: left;
      margin-left: 10px; }
      .woList-content.mar-auto .btn-select:hover {
        background: #a0bdf9;
        color: #fff; }
      .woList-content.mar-auto .btn-select:disabled {
        cursor: not-allowed;
        background: #dbdcdf;
        border-color: #dbdcdf;
        color: #fff; }
  .woList-content .h-work-list table {
    display: block;
    width: 100%; }
    .woList-content .h-work-list table tr {
      display: block;
      width: 100%; }
      .woList-content .h-work-list table tr .th001 {
        width: 120px; }
      .woList-content .h-work-list table tr .th002 {
        width: 130px; }
      .woList-content .h-work-list table tr .th003 {
        width: 160px; }
      .woList-content .h-work-list table tr .th004 {
        width: 140px; }
      .woList-content .h-work-list table tr .th005 {
        width: 130px; }
      .woList-content .h-work-list table tr .th006 {
        width: 130px; }
      .woList-content .h-work-list table tr .th007 {
        width: 98px; }
      .woList-content .h-work-list table tr td {
        float: left;
        height: 48px;
        line-height: 48px;
        padding: 0 5px; }
  .woList-content .h-work-list table .work-table-title tr .th001 {
    width: 120px; }
  .woList-content .h-work-list table .work-table-title tr .th004 {
    width: 140px; }

.woList-checkbox-group {
  margin-top: 8px; }
  .woList-checkbox-group .list-checkbox {
    padding-left: 26px;
    position: relative;
    margin-right: 24px;
    margin-bottom: 8px; }
    .woList-checkbox-group .list-checkbox .check-box,
    .woList-checkbox-group .list-checkbox .input-check {
      position: absolute;
      top: 50%;
      left: 0;
      width: 17px;
      height: 17px;
      margin-top: -8px;
      cursor: pointer; }
    .woList-checkbox-group .list-checkbox .input-check {
      width: 18px;
      height: 18px;
      z-index: 2;
      opacity: 0; }
      .woList-checkbox-group .list-checkbox .input-check:checked + .check-box:before {
        background: url("../cnicSite/img/checked-icon-cadaa6a1c7e6ed3a6dc838f74c6a2fa0.png") no-repeat; }
    .woList-checkbox-group .list-checkbox .check-box:before {
      content: '';
      display: inline-block;
      width: 17px;
      height: 17px;
      background: url("../cnicSite/img/check-icon-7d8e3f4439a5627c3dd4c0bb8f1b78c9.png") no-repeat; }

.chart-wrap .second-content {
  background: none;
  border: none; }
  .chart-wrap .second-content .l-right-content .l-sustomer1 {
    width: 100% !important;
    background: #f9f9fb; }
    .chart-wrap .second-content .l-right-content .l-sustomer1 .l-sustomer-input input {
      margin-bottom: 0; }
    .chart-wrap .second-content .l-right-content .l-sustomer1 .normal-btn {
      margin-left: 15px;
      margin-top: 3px; }

.chart-content .chart-group {
  margin-bottom: 15px;
  background: #fff; }
  .chart-content .chart-group .chart-group-tit {
    height: 68px;
    line-height: 68px;
    border-bottom: 1px solid #f0f2f4;
    padding: 0 40px 0 74px;
    position: relative;
    overflow: hidden; }
    .chart-content .chart-group .chart-group-tit img {
      width: 30px;
      height: 28px;
      position: absolute;
      top: 21px;
      left: 34px; }
    .chart-content .chart-group .chart-group-tit h2 {
      line-height: 68px;
      color: #373d41;
      font-size: 18px;
      font-weight: bold; }
    .chart-content .chart-group .chart-group-tit span {
      float: right;
      color: #92999f; }
  .chart-content .chart-group .chart-item {
    padding: 22px 50px 30px 50px; }
    .chart-content .chart-group .chart-item .chart-notice {
      padding: 0 5px;
      margin-bottom: 20px; }
      .chart-content .chart-group .chart-item .chart-notice span {
        display: inline-block;
        margin-right: 26px;
        font-size: 12px;
        height: 16px;
        margin-bottom: 10px; }
        .chart-content .chart-group .chart-item .chart-notice span i {
          display: inline-block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          margin-right: 10px;
          float: left;
          margin-top: 2px; }
        .chart-content .chart-group .chart-item .chart-notice span .red {
          background: #337ab7; }
        .chart-content .chart-group .chart-item .chart-notice span .blue {
          background: #9fbdf9; }
        .chart-content .chart-group .chart-item .chart-notice span .pink {
          background: #e0c3fb; }
        .chart-content .chart-group .chart-item .chart-notice span .yellow {
          background: #ffba41; }
        .chart-content .chart-group .chart-item .chart-notice span .green {
          background: #59bc47; }
        .chart-content .chart-group .chart-item .chart-notice span .qing {
          background: #2ec7c9; }
        .chart-content .chart-group .chart-item .chart-notice span .gray {
          background: #bdcad2; }
        .chart-content .chart-group .chart-item .chart-notice span .purple {
          background: #5a324a; }
        .chart-content .chart-group .chart-item .chart-notice span .dull-red {
          background: #81302f; }
    .chart-content .chart-group .chart-item .chart-select {
      overflow: hidden;
      margin-bottom: 20px; }
      .chart-content .chart-group .chart-item .chart-select .radio-label {
        height: 18px;
        font-size: 12px;
        float: left;
        margin-left: 23px;
        margin-bottom: 10px; }
        .chart-content .chart-group .chart-item .chart-select .radio-label .radio-input {
          position: absolute;
          opacity: 0;
          left: 0; }
        .chart-content .chart-group .chart-item .chart-select .radio-label .radio-text {
          display: inline-block;
          padding-left: 23px;
          position: relative;
          margin-right: 0;
          line-height: 18px; }
          .chart-content .chart-group .chart-item .chart-select .radio-label .radio-text:before {
            top: 1px; }
    .chart-content .chart-group .chart-item .work-num {
      text-align: center;
      text-align: -webkit-center;
      min-height: 380px; }
      .chart-content .chart-group .chart-item .work-num.work-num-map {
        padding: 0 24px; }
      .chart-content .chart-group .chart-item .work-num.work-num-pie {
        width: 600px;
        margin: 0 auto; }
#trumbowyg-icons,#trumbowyg-icons svg{height:0;width:0}#trumbowyg-icons{overflow:hidden;visibility:hidden}.trumbowyg-box *,.trumbowyg-box :after,.trumbowyg-box :before{box-sizing:border-box}.trumbowyg-box svg{width:17px;height:100%;fill:#222}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #ddd;width:100%;min-height:300px;margin:17px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#fefefe;border:none!important}.trumbowyg-editor,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:20px;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto}.trumbowyg-editor.trumbowyg-autogrow-on-enter,.trumbowyg-textarea.trumbowyg-autogrow-on-enter{transition:height .3s ease-out}.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor:before{color:transparent!important;text-shadow:0 0 7px #333}@media screen and (min-width:0 \0){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor:before{color:hsla(0,0%,78%,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor:before{color:hsla(0,0%,78%,.6)!important}}.trumbowyg-box-blur .trumbowyg-editor hr,.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;font-size:14px;font-family:Inconsolata,Consolas,Courier,Courier New,sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0!important}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea{opacity:.8;background:0 0}.trumbowyg-editor[contenteditable=true]:empty:not(:focus):before{content:attr(placeholder);color:#999;pointer-events:none}.trumbowyg-button-pane{width:100%;min-height:36px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0 5px;position:relative;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:11}.trumbowyg-button-pane:after{content:" ";display:block;position:absolute;top:36px;left:0;right:0;width:100%;height:1px;background:#d7e0e2}.trumbowyg-button-pane .trumbowyg-button-group{display:inline-block}.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-button-pane .trumbowyg-button-group+.trumbowyg-button-group:before{content:" ";display:inline-block;width:1px;background:#d7e0e2;margin:0 5px;height:35px;vertical-align:top}.trumbowyg-button-pane button{display:inline-block;position:relative;width:35px;height:35px;padding:1px 6px!important;margin-bottom:1px;overflow:hidden;border:none;cursor:pointer;background:0 0;vertical-align:middle;transition:background-color .15s,opacity .15s}.trumbowyg-button-pane button.trumbowyg-textual-button{width:auto;line-height:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group:before{background:#e3e9eb}.trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#fff;outline:0}.trumbowyg-button-pane .trumbowyg-open-dropdown:after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button{padding-left:10px!important;padding-right:18px!important}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button:after{top:17px;right:7px}.trumbowyg-button-pane .trumbowyg-right{float:right}.trumbowyg-button-pane .trumbowyg-right:before{display:none!important}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#fff;margin-left:-1px;box-shadow:0 2px 3px rgba(0,0,0,.1);z-index:12}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#fff;padding:0 10px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;transition:all .15s}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-dropdown button svg{float:left;margin-right:14px}.trumbowyg-modal{max-width:520px;width:100%;height:350px;z-index:11;overflow:hidden}.trumbowyg-modal,.trumbowyg-modal-box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box{max-width:500px;width:calc(100% - 20px);padding-bottom:45px;z-index:1;background-color:#fff;text-align:center;font-size:14px;box-shadow:0 2px 3px rgba(0,0,0,.2)}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #eee;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2bc06a;width:0;height:100%;transition:width .15s linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:29px;line-height:29px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;transition:all .15s}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#69878f;background-color:#fbfcfc;border:1px solid #dedede;padding:0 7px;width:150px}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:27px;line-height:27px;border:1px solid #dedede;background:#fff;font-size:14px;max-width:330px;width:70%;padding:0 7px;transition:all .15s}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:#fbfcfc}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#fff;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:Trebuchet MS,Helvetica,Verdana,sans-serif;font-size:16px;transition:all .15s}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d5d5d5}.trumbowyg-overlay{position:absolute;background-color:hsla(0,0%,100%,.5);height:100%;width:100%;left:0;display:none;top:0;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen.trumbowyg-box,.trumbowyg-fullscreen .trumbowyg-editor{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#222;fill:transparent}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#fefefe!important;font-family:Trebuchet MS,Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:Trebuchet MS,Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #ccc}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-dark .trumbowyg-textarea{background:#111;color:#ddd}.trumbowyg-dark .trumbowyg-box{border:1px solid #343434}.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen{background:#111}.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before{text-shadow:0 0 7px #ccc}@media screen and (min-width:0 \0){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before{color:hsla(0,0%,8%,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor:before{color:hsla(0,0%,8%,.6)!important}}.trumbowyg-dark .trumbowyg-box svg{fill:#ecf0f1;color:#ecf0f1}.trumbowyg-dark .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-dark .trumbowyg-button-pane:after{background:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty):before{background-color:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group:before{background-color:#2a2a2a}.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#333}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown:after{border-top-color:#fff}.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#ecf0f1;fill:transparent}.trumbowyg-dark .trumbowyg-dropdown{border-color:#222;background:#333;box-shadow:0 2px 3px rgba(0,0,0,.3)}.trumbowyg-dark .trumbowyg-dropdown button{background:#333;color:#fff!important}.trumbowyg-dark .trumbowyg-dropdown button:focus,.trumbowyg-dark .trumbowyg-dropdown button:hover{background:#222}.trumbowyg-dark .trumbowyg-modal-box{background-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-dark .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-dark .trumbowyg-modal-box label input:focus,.trumbowyg-dark .trumbowyg-modal-box label input:hover{border-color:#626262}.trumbowyg-dark .trumbowyg-modal-box label input:focus{background-color:#2f2f2f}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background:#1b7943}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#25a25a}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#176437}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#333;color:#ccc}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#444}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#111}.trumbowyg-dark .trumbowyg-overlay{background-color:hsla(0,0%,6%,.6)}