@charset "UTF-8";
/*common start*/
/**********************
Date：2018-06-28
BuilderVersion：v3.0
***********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

body, button, input, select, textarea {
  font-family: 'Microsoft YaHei', arial, SimSun, sans-serif, tahoma; }

body {
  font-size: 14px;
  color: #666; }

input, select, textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea, input, button, a {
  outline: none; }

button {
  cursor: pointer; }

textarea {
  resize: none; }

fieldset, img {
  border: 0; }

address, cite, code, dfn, em, i, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

a {
  text-decoration: none; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  *zoom: 1; }

.fl {
  float: left; }

.fr {
  float: right; }

/*.hidenone {
    display: none;
}

.hide {
    visibility: hidden;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.tc {
    text-align: center;
}

.vm {
    display: inline-block;
    vertical-align: middle;
}*/
/**********2018年7月2日23:13:19**********/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html, body {
  height: 100%;
  min-width: 1200px; }

input::-webkit-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999; }

.mt4 {
  margin-top: 4px; }

.mr4 {
  margin-right: 4px; }

.mb4 {
  margin-bottom: 4px; }

.ml4 {
  margin-left: 4px; }

.mt6 {
  margin-top: 6px; }

.mr6 {
  margin-right: 6px; }

.mb6 {
  margin-bottom: 6px; }

.ml6 {
  margin-left: 6px; }

.mt8 {
  margin-top: 8px; }

.mr8 {
  margin-right: 8px; }

.mb8 {
  margin-bottom: 8px; }

.ml8 {
  margin-left: 8px; }

.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mt40 {
  margin-top: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.mt120 {
  margin-top: 120px; }

.mr120 {
  margin-right: 120px; }

.mb120 {
  margin-bottom: 120px; }

.ml120 {
  margin-left: 120px; }

.pt4 {
  padding-top: 4px; }

.pr4 {
  padding-right: 4px; }

.pb4 {
  padding-bottom: 4px; }

.pl4 {
  padding-left: 4px; }

.pt6 {
  padding-top: 6px; }

.pr6 {
  padding-right: 6px; }

.pb6 {
  padding-bottom: 6px; }

.pl6 {
  padding-left: 6px; }

.pt8 {
  padding-top: 8px; }

.pr8 {
  padding-right: 8px; }

.pb8 {
  padding-bottom: 8px; }

.pl8 {
  padding-left: 8px; }

.pt10 {
  padding-top: 10px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pl10 {
  padding-left: 10px; }

.pt20 {
  padding-top: 20px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl20 {
  padding-left: 20px; }

.pt40 {
  padding-top: 40px; }

.pr40 {
  padding-right: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl40 {
  padding-left: 40px; }

.pt120 {
  padding-top: 120px; }

.pr120 {
  padding-right: 120px; }

.pb120 {
  padding-bottom: 120px; }

.pl120 {
  padding-left: 120px; }

.w20 {
  width: 20px; }

.w50 {
  width: 50px; }

.w105 {
  width: 105px; }

.w120 {
  width: 120px; }

.w134 {
  width: 134px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w230 {
  width: 230px; }

.w240 {
  width: 240px !important;}

.w250 {
  width: 250px; }

.w260 {
  width: 260px; }

.w270 {
  width: 270px; }

.w290 {
  width: 290px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w400 {
  width: 400px; }

.w410 {
  width: 410px; }

.w492 {
  width: 492px; }

.w500 {
  width: 500px; }

.w520 {
  width: 520px; }

.w530 {
  width: 530px; }

.w560 {
  width: 560px; }

.w580 {
  width: 580px; }

.w600 {
  width: 600px; }

.w620 {
  width: 620px; }

.w750 {
  width: 750px; }

.w790 {
  width: 790px; }

.w860 {
  width: 860px; }

.w960 {
  width: 960px; }

.w1000 {
  width: 1000px; }

.w1200 {
  width: 1200px; }

.w1250 {
  width: 1250px; }

.h200 {
  height: 200px; }

.h225 {
  height: 225px; }

.h250 {
  height: 250px; }

.h260 {
  height: 260px; }

.h300 {
  height: 300px; }

.h330 {
  height: 330px; }

.h350 {
  height: 350px; }

.h400 {
  height: 400px; }

.h450 {
  height: 450px; }

.h480 {
  height: 480px; }

.h510 {
  height: 510px; }

.h530 {
  height: 530px; }

.h560 {
  height: 560px; }

.h600 {
  height: 600px; }

.h720 {
  height: 720px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt28 {
  margin-top: 28px; }

.mt30 {
  margin-top: 30px; }

.mt45 {
  margin-top: 45px; }

.mt53 {
  margin-top: 53px; }

.mt60 {
  margin-top: 60px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml45 {
  margin-left: 45px; }

.ml55 {
  margin-left: 55px; }

.ml60 {
  margin-left: 60px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.mlr10 {
  margin: 0 10px; }

.bgfff {
  background-color: #fff; }

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

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

.va-middle {
  vertical-align: middle; }

.pc-container {
  height: 100%;
  background-color: #edf0f5; }
  .pc-container .pc-header {
    background-color: #101d32; }
  .pc-container .pc-main-wrap {
    height: calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px); }
    .pc-container .pc-main-wrap .pc-sidebar {
      width: 220px;
      height: 100%;
      overflow-y: auto;
      background-color: #1b3052; }
    .pc-container .pc-main-wrap .main-wrap {
      display: inline-block;
      width: calc(100% - 220px);
      width: -moz-calc(100% - 220px);
      width: -webkit-calc(100% - 220px);
      height: 100%;
      background-color: #edf0f5; }
      .pc-container .pc-main-wrap .main-wrap .page-wrap {
        height: 100%;
        overflow: auto;
        border-radius: 2px; }
      .pc-container .pc-main-wrap .main-wrap .bg-none {
        background: none; }

.pc-header .header-logo {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  cursor: pointer; }
  .pc-header .header-logo img {
    width: 151px;
    height: 29px;
    vertical-align: middle; }
.pc-header .user-info {
  position: relative;
  height: 60px;
  padding-top: 12px; }
  .pc-header .user-info > *:not([class='info-wrap']) {
    float: left;
    width: 36px;
    height: 36px; }
  .pc-header .user-info > .search:hover, .pc-header .user-info > .bell:hover {
    border: 1px solid #333;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px; }
  .pc-header .user-info .login-exit {
    color: #5aaaff;
    line-height: 36px; }
  .pc-header .user-info .search {
    background: url("../images/pc-header-search.png") no-repeat center center; }
  .pc-header .user-info .bell {
    background: url("../images/pc-header-bell.png") no-repeat center center; }
  .pc-header .user-info .divider-wrap {
    text-align: center; }
    .pc-header .user-info .divider-wrap .divider {
      display: inline-block;
      width: 1px;
      height: 28px;
      background-color: #fff;
      margin-top: 4px; }
  .pc-header .user-info img.avatar {
    border-radius: 50%;
    cursor: pointer; }
  .pc-header .user-info .username {
    max-width: 90px;
    min-width: 60px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin: 0 20px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .pc-header .user-info em.info-collapse {
    cursor: pointer;
    background: url("../images/arrow-down.png") no-repeat center center; }
  .pc-header .user-info .info-wrap {
    display: none; }

.pc-sidebar {
  font-size: 14px; }
  .pc-sidebar > ul > li {
    margin-bottom: 2px; }
  .pc-sidebar .nav-title {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 27px 0 60px;
    background-color: #274777;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .pc-sidebar .nav-title:before {
      content: '';
      position: absolute;
      width: 22px;
      height: 22px;
      left: 18px;
      top: 14px; }
    .pc-sidebar .nav-title::after {
      content: '';
      position: absolute;
      width: 13px;
      height: 7px;
      top: 50%;
      right: 14px;
      margin-top: -3px; }
    .pc-sidebar .nav-title.nav-arrow-up::after {
      background: url("../images/nav-arrow-up.png") no-repeat center center; }
    .pc-sidebar .nav-title.nav-arrow-down::after {
      background: url("../images/nav-arrow-down.png") no-repeat center center; }
  .pc-sidebar .platform-app::before {
    background: url("../images/platform-app.png") no-repeat center center; }
  .pc-sidebar .app-data::before {
    background: url("../images/app-data.png") no-repeat center center; }
  .pc-sidebar .back-setting::before {
    background: url("../images/back-setting.png") no-repeat center center; }
  .pc-sidebar .app-manage::before {
    background: url("../images/app-manage.png") no-repeat center center; }
  .pc-sidebar .role-auth::before {
    background: url("../images/role-auth.png") no-repeat center center; }
  .pc-sidebar .nav-item {
    color: #b3d3f4;
    height: 50px;
    line-height: 50px;
    padding-left: 60px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .pc-sidebar .nav-item:hover, .pc-sidebar .nav-item.nav-item-active {
      color: #fff;
      background-color: #007bff; }

.main-wrap {
  position: relative;
  padding: 50px 20px 20px;
  box-sizing: border-box;}
  .main-wrap h3.bread {
    position: absolute;
    left: 20px;
    top: 0;
    height: 50px;
    line-height: 50px;
    color: #999; }
    .main-wrap h3.bread em {
      color: #333; }

.steps-wrap {
  position: relative;
  padding-top: 50px; }
  .steps-wrap ul {
    margin: 0 auto; }
    .steps-wrap ul li {
      float: left;
      width: 263px;
      height: 46px;
      line-height: 46px;
      text-align: center;
      overflow: hidden;
      font-size: 14px;
      color: #999; }
      .steps-wrap ul li::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 12px;
        vertical-align: middle; }
      .steps-wrap ul li[class*='-active'] {
        color: #fff; }
      .steps-wrap ul li.fill-info-default {
        background: url("../images/steps-default.png") no-repeat center center; }
      .steps-wrap ul li.fill-info-active {
        background: url("../images/steps-active.png") no-repeat center center; }
        .steps-wrap ul li.fill-info-active::before {
          background: url("../images/fill-info-active.png") no-repeat center center; }
      .steps-wrap ul li.select-app-active {
        background: url("../images/steps-active.png") no-repeat center center; }
        .steps-wrap ul li.select-app-active::before {
          background: url("../images/select_app_active.png") no-repeat center center; }
      .steps-wrap ul li.apply-app {
        margin-left: -20px; }
      .steps-wrap ul li.apply-app-default {
        background: url("../images/steps-default.png") no-repeat center center; }
        .steps-wrap ul li.apply-app-default::before {
          background: url("../images/apply-app-default.png") no-repeat center center; }
      .steps-wrap ul li.apply-app-active {
        background: url("../images/steps-active.png") no-repeat center center; }
        .steps-wrap ul li.apply-app-active::before {
          background: url("../images/apply-app-active.png") no-repeat center center; }
      .steps-wrap ul li.fill-app-default {
        background: url("../images/steps-default.png") no-repeat center center; }
        .steps-wrap ul li.fill-app-default::before {
          background: url("../images/fill_app_default.png") no-repeat center center; }
      .steps-wrap ul li.fill-app-active {
        background: url("../images/steps-active.png") no-repeat center center; }
        .steps-wrap ul li.fill-app-active::before {
          background: url("../images/fill_app_active.png") no-repeat center center; }
      .steps-wrap ul li.apply-success {
        margin-left: -20px; }
      .steps-wrap ul li.apply-success-default {
        background: url("../images/steps-default.png") no-repeat center center; }
        .steps-wrap ul li.apply-success-default::before {
          background: url("../images/apply-success-default.png") no-repeat center center; }
      .steps-wrap ul li.apply-success-active {
        background: url("../images/steps-active.png") no-repeat center center; }
        .steps-wrap ul li.apply-success-active::before {
          background: url("../images/apply-success-active.png") no-repeat center center; }
  .steps-wrap p.step-tip {
    margin: 0 auto;
    height: 55px;
    line-height: 55px;
    font-size: 12px;
    color: #fe9228; }
    .steps-wrap p.step-tip::before {
      content: '';
      display: inline-block;
      width: 14px;
      height: 14px;
      margin-right: 10px;
      background: url("../images/step-tip.png") no-repeat center center;
      vertical-align: -2px; }
  .steps-wrap .line {
    display: block;
    margin: 0 30px 20px;
    border-bottom: 1px dashed #e0e0e0; }

.radio-group .radio-wrap {
  position: relative;
  display: inline-block;
  width: 136px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #333; }
  .radio-group .radio-wrap.w80 {
    width: 80px; }
  .radio-group .radio-wrap .radio-icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: -3px;
    margin-right: 12px;
    overflow: hidden;
    background: url("../images/radio-default.png") no-repeat center center; }
    .radio-group .radio-wrap .radio-icon input[type='radio'] {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      width: 16px;
      height: 16px;
      cursor: pointer;
      opacity: 0; }
  .radio-group .radio-wrap .radio-active::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 2;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #5197ff; }
  .radio-group .radio-wrap label {
    cursor: pointer; }
    .radio-group .radio-wrap label:hover {
      color: #5197ff; }
  .radio-group .radio-wrap .radio-active + label {
    color: #5197ff; }
  .radio-group .radio-wrap .hover-msg {
    position: absolute;
    left: 50%;
    top: 36px;
    width: 220px;
    margin-left: -128px;
    min-height: 30px;
    max-height: 100px;
    line-height: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: rgba(102, 102, 102, 0.7);
    z-index: 9999999999; }
    .radio-group .radio-wrap .hover-msg::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-width: 0 6px 6px;
      border-style: solid;
      border-color: transparent transparent rgba(102, 102, 102, 0.7);
      /*透明 透明  黑色*/
      left: 50%;
      top: -6px;
      margin-left: -6px; }

.select-group {
  display: inline-block;
  font-size: 0; }
  .select-group .select-wrap {
    position: relative;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin-right: 20px;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    cursor: pointer; }
    .select-group .select-wrap .placeholder {
      position: relative;
      padding: 0 20px 0 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .select-group .select-wrap .placeholder::after {
        content: '';
        position: absolute;
        top: 14px;
        right: 10px;
        width: 10px;
        height: 6px;
        background: url("../images/select-arrow.png") no-repeat center center; }
      .select-group .select-wrap .placeholder.select-arrow-up::after {
        transform: rotate(180deg); }
      .select-group .select-wrap .placeholder.select-arrow-up + ul {
        display: block; }
      .select-group .select-wrap .placeholder.select-arrow-down + ul {
        display: none; }
    .select-group .select-wrap > ul {
      position: absolute;
      left: 0;
      top: 32px;
      width: 100%;
      z-index: 999999999;
      border: 1px solid #e4e7ed;
      max-height: 214px;
      overflow-x: hidden;
      overflow-y: auto; }
      .select-group .select-wrap > ul li.select-item {
        height: 34px;
        line-height: 34px;
        text-indent: 10px;
        font-size: 12px;
        background-color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .select-group .select-wrap > ul li.select-item.select-item-active, .select-group .select-wrap > ul li.select-item:hover {
          color: #fff;
          background-color: #007bff; }

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

.btn-common-style {
  display: inline-block;
  min-width: 90px;
  height: 34px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 2px;
  /*font-weight: bold;*/
  text-align: center; }

.btn-common-small {
  min-width: 50px;
  padding: 0;
  height: 24px;
  line-height: 22px !important;
  font-size: 12px; }

.btn-stroke-default {
  line-height: 32px;
  color: #333;
  border: 1px solid #bfc7cb; }

.btn-stroke-default-shadow {
  /*  $value: 0 0 8px #c9c9c9;
    box-shadow: $value;
    @include auto-prefix(box-shadow, $value);*/ }

.btn-stroke-blue {
  line-height: 32px;
  color: #007bff;
  border: 1px solid #007bff;
  background-color: #fff; }
  .btn-stroke-blue:hover {
    color: #007bff;
    background-color: #dcedff; }
  .btn-stroke-blue:active {
    color: #007bff;
    background-color: #dcedff; }

.btn-full-blue {
  line-height: 34px;
  background-color: #007bff;
  color: #fff; }
  .btn-full-blue:hover {
    background-color: #0176f3; }

.btn-blue-box-shadow {
  /* $value: 0 0 4px #007bff;
   box-shadow: $value;
   @include auto-prefix(box-shadow, $value);*/ }

.btn-full-orange {
  line-height: 34px;
  background-color: #fca254;
  color: #fff; }
  .btn-full-orange:hover {
    background-color: #ff953a; }
  .btn-full-orange:active {
    background-color: #ff953a; }

.btn-orange-box-shadow {
  /* $key: box-shadow;
   $value: 0 0 6px #fe9228;
   @include auto-prefix($key, $value);*/ }

.upload-group .upload-place-wrap {
  width: 100px;
  height: 100px;
  border-radius: 2px;
  border: 1px solid #e4e7ed;
  overflow: hidden; }
  .upload-group .upload-place-wrap .upload-place-pic {
    width: 50px;
    height: 50px;
    margin: 16px auto 0;
    background: url("../images/upload-place-pic.png") no-repeat center center;
    border-radius: 2px;
    cursor: pointer; }
  .upload-group .upload-place-wrap > p {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #999; }
.upload-group .upload-file-wrap {
  margin-top: 15px;
  height: 36px;
  line-height: 36px; }
  .upload-group .upload-file-wrap .upload-file-item-wrap .upload-file-type-wrap {
    float: left;
    max-width: 140px;
    margin-left: -100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .upload-group .upload-file-wrap .upload-file-item-wrap .upload-file-type-wrap .file-type-icon {
      font-size: 14px; }
      .upload-group .upload-file-wrap .upload-file-item-wrap .upload-file-type-wrap .file-type-icon::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 10px;
        vertical-align: -2px; }
      .upload-group .upload-file-wrap .upload-file-item-wrap .upload-file-type-wrap .file-type-icon.file-type-icon-doc::before {
        background: url("../images/file-type-icon-doc.png") no-repeat center center; }
  .upload-group .upload-file-wrap .upload-file-item-wrap .file-upload-process-wrap {
    float: left;
    width: 100%; }
    .upload-group .upload-file-wrap .upload-file-item-wrap .file-upload-process-wrap .just-wrap {
      /*  height: 36px;
        line-height: 36px;*/
      padding: 0 20px 0 150px; }
      .upload-group .upload-file-wrap .upload-file-item-wrap .file-upload-process-wrap .just-wrap .file-upload-process-outer {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 8px;
        background-color: #ccc;
        border-radius: 10px;
        overflow: hidden; }
        .upload-group .upload-file-wrap .upload-file-item-wrap .file-upload-process-wrap .just-wrap .file-upload-process-outer .file-upload-process-inner {
          position: absolute;
          left: 0;
          top: 0;
          width: 60%;
          height: 100%;
          background-color: #3094ff; }
  .upload-group .upload-file-wrap .upload-file-item-wrap .file-item-delete {
    float: left;
    width: 14px;
    height: 14px;
    margin: 12px 0 0 -14px;
    background: url("../images/file-item-delete.png") no-repeat center center;
    font-style: normal;
    cursor: pointer; }
.upload-group .upload-tips {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #7d8ba0; }
.upload-group .tips-icon::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  vertical-align: -2px;
  background: url("../images/input-tips.png") no-repeat center center; }

.dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }
  .dialog-mask .dialog-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 2px; }
    .dialog-mask .dialog-wrap .dialog-title {
      height: 40px;
      background-color: #007bff;
      padding: 0 20px; }
      .dialog-mask .dialog-wrap .dialog-title > h3 {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-weight: bold; }
      .dialog-mask .dialog-wrap .dialog-title .dialog-oper-wrap .dialog-close {
        display: inline-block;
        width: 40px;
        height: 36px;
        background: url("../images/dialog-close-icon.png") no-repeat center center; }
    .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content {
      padding: 0 20px;
      max-height: 560px; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content.overflow-auto {
        overflow: auto; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .reset-pas-text {
        padding: 50px 0 20px;
        color: #333;
        font-size: 14px;
        text-align: center; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .reset-pas-text em {
          padding: 0 5px;
          font-size: 16px;
          font-weight: bold; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .upload-file-limit {
        height: 24px;
        line-height: 24px;
        padding-left: 20px;
        background: url(../images/step-tip.png) no-repeat left center;
        color: #fe9228;
        font-size: 14px; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .dialog-header-wrap {
        border-bottom: 1px solid #e4e7ed; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .dialog-header-wrap .dialog-tips {
          height: 60px;
          line-height: 60px;
          font-size: 14px;
          color: #fe9228; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .dialog-header-wrap .dialog-tips::before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 10px;
            background: url("../images/step-tip.png") no-repeat center center;
            vertical-align: -2px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content .dialog-header-wrap .query-wrap {
          width: 100%;
          height: 60px;
          background-color: deeppink; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap {
        width: 50%; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > ul {
          height: 452px;
          overflow-x: hidden;
          overflow-y: auto;
          border: 1px solid #e4e7ed;
          border-radius: 2px; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > ul li {
            position: relative;
            float: left;
            width: 50%;
            height: 40px;
            line-height: 40px;
            padding-left: 60px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > ul li > i.check-icon {
              margin-left: 20px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > ul li a {
              color: #666;
              font-size: 14px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > p {
          font-size: 14px;
          color: #999;
          text-align: right; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > p em {
            color: #333; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > p a {
            color: #007bff; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap > p a::before {
              content: '';
              display: inline-block;
              width: 15px;
              height: 15px;
              margin: 0 10px 0 20px;
              background: url("../images/add-active-icon.png") no-repeat center center;
              vertical-align: -2px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap {
          border: 1px solid #e4e7ed;
          border-radius: 2px;
          padding: 20px; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap .no-school {
            width: 220px;
            margin: 0 auto; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap .no-school .no-school-bg {
              width: 216px;
              height: 161px;
              background: url("../images/no-data.png") no-repeat -4px center;
              margin: 80px auto 0; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap .no-school > h3 {
              font-size: 16px;
              color: #333;
              font-weight: bolder;
              text-align: center; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap .no-school > p {
              text-align: center;
              font-size: 14px;
              color: #333; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.no-school-wrap .btn-wrap {
            margin: 20px auto 60px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap {
          border: 1px solid #e4e7ed;
          border-radius: 2px;
          padding: 20px; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school {
            width: 300px;
            margin: 58px auto 0; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school > label {
              height: 34px;
              line-height: 34px;
              color: #333; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school .input-group .input-wrap > input[type='text'] {
              padding: 0 10px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school .select-group {
              margin-left: 67.66px; }
              .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school .select-group .select-wrap {
                display: block;
                margin: 20px 0; }
                .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .create-school .select-group .select-wrap > ul {
                  max-height: 220px;
                  overflow-x: hidden;
                  overflow-y: auto; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selecting-school-wrap div.create-school-wrap .btn-wrap {
            margin: 20px 0 90px 67.66px; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap {
        width: 50%;
        padding-left: 20px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap .selected-header {
          height: 23px;
          border-bottom: 2px solid #e4e7ed; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap .selected-header h3 {
            display: inline-block;
            height: 23px;
            font-size: 14px;
            color: #007bff;
            font-weight: bold;
            border-bottom: 2px solid #007bff; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li {
          position: relative;
          font-size: 14px;
          color: #666;
          height: 38px;
          line-height: 38px; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .school-name {
            width: 30%; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .school-name .new-school-icon {
              width: 31px;
              height: 19px;
              vertical-align: -19px;
              background: url("../images/new.png") no-repeat center center; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .school-domain-input {
            width: 50%; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .school-domain-input input[type='text'] {
              width: 100%;
              border: 1px solid #007bff;
              color: #007bff;
              font-size: 14px;
              height: 34px;
              line-height: 34px;
              padding: 0 10px; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .domain-edit-wrap {
            width: 20%;
            text-align: right; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .domain-edit-wrap a {
              display: inline-block;
              width: 16px;
              height: 16px;
              vertical-align: -2px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .domain-edit-wrap a.domain-update {
              background: url("../images/edit-default-icon.png") no-repeat center center; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .domain-edit-wrap a.domain-update-active {
              background: url("../images/edit-active-icon.png") no-repeat center center; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section .selected-school-wrap > ul li .domain-edit-wrap a.domain-delete {
              background: url("../images/delete-icon.png") no-repeat center center; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role {
        margin-top: 30px;
        font-size: 0; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role.mt10 {
          margin-top: 10px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role.border-bt {
          border-bottom: 1px dashed #ddd; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li {
          display: inline-block; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label {
            width: 90px;
            height: 34px;
            line-height: 34px;
            text-align: right;
            font-size: 14px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label.w150 {
              width: 150px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label.w110 {
              width: 110px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label.w125 {
              width: 125px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label.require::before {
              color: red;
              content: "*";
              display: inline-block;
              height: 6px;
              margin-right: 6px;
              vertical-align: -2px;
              width: 6px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li > label.color-primary {
              color: #1989fa; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li .select-group {
            text-align: left; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li .select-group .select-wrap {
              color: #999; }
              .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li .select-group .select-wrap > ul {
                max-height: 224px;
                overflow-x: hidden;
                overflow-y: auto; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.add-role > ul > li .sq-op-text {
            color: #333;
            font-size: 14px;
            line-height: 34px; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance {
        margin-top: 38px;
        font-size: 0; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul {
          text-align: center; }
          .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li {
            display: inline-block; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li > label {
              width: 90px;
              height: 34px;
              line-height: 34px;
              text-align: right;
              font-size: 14px;
              color: #333;
              font-weight: bold; }
              .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li > label.w110 {
                width: 110px; }
            .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li .select-group {
              text-align: left; }
              .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li .select-group .select-wrap {
                margin-right: 20px;
                color: #999; }
                .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li .select-group .select-wrap:last-child {
                  margin-right: 0; }
                .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.info-maintenance > ul > li .select-group .select-wrap > ul {
                  max-height: 224px;
                  overflow-x: hidden;
                  overflow-y: auto; }
      .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap {
        min-width: 750px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table tr {
          height: 46px;
          line-height: 46px; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table th, .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table td {
          width: 20%;
          height: 46px;
          display: inline-block;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table th:nth-child(1),
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table td:nth-child(1),
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table th:last-child,
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table td:last-child {
          width: 10%; }
        .dialog-mask .dialog-wrap .dialog-content-wrap .dialog-content section.selected-app.data-list-wrap > table tr > td:nth-child(1) {
          text-indent: 26px; }
    .dialog-mask .dialog-wrap .search-btn-wrap .btn-wrap {
      margin-top: 0; }
    .dialog-mask .dialog-wrap .btn-wrap {
      margin-top: 35px;
      padding-bottom: 20px; }

.input-group {
  display: inline-block; }
  .input-group .input-wrap {
    position: relative;
    overflow: hidden; }
    .input-group .input-wrap > input[type='text'] {
      display: inline-block;
      height: 34px;
      line-height: 34px;
      padding: 0 34px 0 10px;
      border-radius: 2px;
      border: 1px solid #e4e7ed;
      font-size: 14px; }
      .input-group .input-wrap > input[type='text']:focus {
        border: 1px solid #007bff;
        padding-left: 10px; }
      .input-group .input-wrap > input[type='text'].plr10 {
        padding: 0 10px; }
    .input-group .input-wrap .search-item-icon {
      float: left;
      width: 34px;
      height: 34px;
      background: url("../images/search-icon-black.png") no-repeat center center;
      font-style: normal;
      cursor: pointer;
      vertical-align: -2px;
      margin-left: -34px; }
      .input-group .input-wrap .search-item-icon.white {
        background: #007bff url("../images/search-icon.png") no-repeat center center; }
      .input-group .input-wrap .search-item-icon:hover {
        background-color: rgba(102, 102, 102, 0.3);
        border-radius: 2px; }
    .input-group .input-wrap .date-item-icon {
      position: absolute;
      top: 9px;
      right: 9px;
      background: url("../images/date-icon.png") no-repeat center center;
      cursor: pointer;
      font-style: normal;
      height: 16px;
      width: 16px; }
    .input-group .input-wrap .input-tips {
      display: inline-block;
      font-size: 12px;
      color: #007bff;
      /*&::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 10px;
        vertical-align: -2px;
        background: url("../images/input-tips.png") no-repeat center center;
      }*/ }
      .input-group .input-wrap .input-tips.active, .input-group .input-wrap .input-tips:active {
        height: 33px;
        border-bottom: 1px solid #007bff; }

.zuhebao-title {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 34px; }

.input-tips {
  color: #fe9228;
  line-height: 34px; }
  .input-tips:active {
    height: 33px;
    border-bottom: 1px solid #007bff; }

.pt-page-box .page-total {
  color: #999;
  font-size: 12px; }
  .pt-page-box .page-total span {
    color: #fe9228; }
.pt-page-box .pt-page {
  display: inline-block; }
  .pt-page-box .pt-page a {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    margin-left: 5px;
    padding: 0 8px;
    color: #666;
    font-size: 12px;
    border: 1px solid #e2e6e9;
    background-color: #fff;
    border-radius: 2px; }
    .pt-page-box .pt-page a.active {
      border-color: #1989fa;
      background-color: #f3f9ff;
      color: #1989fa; }
    .pt-page-box .pt-page a:hover {
      color: #1989fa; }

.app-info-wrap {
  padding: 5px 20px 20px;
  background: #fff;
  box-shadow: 0 0 7px #ccc;
  border-radius: 2px; }
  .app-info-wrap .app-info-title {
    height: 44px;
    border-bottom: 1px solid #e4e7ed; }
    .app-info-wrap .app-info-title > h3 {
      display: inline-block;
      height: 44px;
      line-height: 44px;
      color: #333;
      font-weight: bold;
      font-size: 16px; }
    .app-info-wrap .app-info-title .title-btn-wrap {
      margin-top: 4px; }
    .app-info-wrap .app-info-title .auth-detail-wrap > span {
      display: inline-block;
      height: 44px;
      line-height: 44px;
      font-size: 12px;
      color: #333; }
      .app-info-wrap .app-info-title .auth-detail-wrap > span > em {
        padding: 0 6px;
        color: #fe9228;
        font-weight: bolder; }
  .app-info-wrap .app-info-main-wrap .app-list-wrap {
    overflow-y: hidden;
    overflow-x: auto; }
    .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap {
      position: relative;
      width: 1040px;
      height: 100%;
      padding: 0 20px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap:hover .arrow-prev,
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap:hover .arrow-next {
        opacity: 1; }
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll {
        overflow: hidden; }
        .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item {
          float: left;
          text-align: center; }
          .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list {
            display: inline-block;
            padding-top: 5px; }
            .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li {
              width: 113px;
              display: inline-block;
              margin: 0 0 15px 15px; }
              .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li:nth-child(7n) {
                margin-right: 15px; }
              .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li:hover .app-item-wrap {
                box-shadow: 0 0 6px rgba(25, 137, 250, 0.65); }
              .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap {
                position: relative;
                width: 113px;
                height: 113px;
                line-height: 113px;
                text-align: center;
                border-radius: 10px;
                border: 1px solid #e4e7ed;
                overflow: hidden; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap > img {
                  width: 84px;
                  height: 84px;
                  vertical-align: middle; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap .app-item-icon {
                  position: absolute;
                  top: 0;
                  right: 4px;
                  width: 26px;
                  height: 34px; }
                  .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap .app-item-icon.app-authored {
                    background: url("../images/authored-icon.png") no-repeat center center; }
                  .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap .app-item-icon.app-reject {
                    background: url("../images/reject-icon.png") no-repeat center center; }
                  .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap .app-item-icon.app-waiting {
                    background: url("../images/waiting-icon.png") no-repeat center center; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-item-wrap .bushu-btm {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  height: 28px;
                  line-height: 28px;
                  text-align: center;
                  color: #fff;
                  font-size: 14px;
                  background: rgba(0, 123, 255, 0.5); }
              .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li > p {
                padding-top: 5px;
                color: #333;
                line-height: 30px;
                text-align: center;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap; }
              .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-oper-wrap {
                margin-bottom: 5px; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-oper-wrap > span {
                  display: inline-block;
                  width: 50px;
                  height: 24px;
                  line-height: 22px;
                  text-align: center;
                  font-size: 14px;
                  border-radius: 2px; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-oper-wrap .oper-authoring {
                  border: 1px solid #007bff;
                  color: #007bff; }
                .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .app-list-scroll .app-list-item ul.app-list > li .app-oper-wrap .oper-rejecting {
                  border: 1px solid #d4dae3;
                  color: #333; }
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .arrow-prev,
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .arrow-next {
        position: absolute;
        opacity: 0;
        top: 50%;
        width: 20px;
        height: 60px;
        line-height: 58px;
        border: 1px solid #59a9ff;
        margin-top: -40px;
        border-radius: 2px;
        text-align: center;
        color: #1083ff;
        background: #f3f9ff;
        transition: all .6s ease; }
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .arrow-prev {
        left: 0; }
      .app-info-wrap .app-info-main-wrap .app-list-wrap .app-list-item-wrap .arrow-next {
        right: 0; }
  .app-info-wrap .app-info-footer {
    text-align: center; }

.common-oper-wrap {
  font-size: 0; }
  .common-oper-wrap .common-oper-style {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #d4dae3;
    font-size: 14px;
    color: #666;
    text-align: center;
    border-radius: 2px; }
    .common-oper-wrap .common-oper-style.oper-blue, .common-oper-wrap .common-oper-style.oper-orange {
      color: #fff; }
    .common-oper-wrap .common-oper-style.oper-default {
      background-color: #fff; }
    .common-oper-wrap .common-oper-style.oper-blue {
      background-color: #007bff; }
    .common-oper-wrap .common-oper-style.oper-orange {
      background-color: #fe9228; }
  .common-oper-wrap .left-oper-wrap {
    height: 40px;
    border: 1px solid #d4dae3;
    background: #fff;
    border-radius: 2px;
    overflow: hidden; }

.check-icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  cursor: pointer; }
  .check-icon.check-active-icon {
    background: url("../images/check-active-icon.png") no-repeat center center; }
  .check-icon.check-default-icon {
    background: url("../images/check-default-icon.png") no-repeat center center; }

.combined-bag-wrap {
  position: relative;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 2px;
  border-radius: 3px; }
  .combined-bag-wrap.border-none .combined-bag-header {
    border: 0; }
  .combined-bag-wrap.bag-list-wrap {
    padding: 0 0 0 20px;
    background-color: #f0f5fd; }
    .combined-bag-wrap.bag-list-wrap .combined-bag-content {
      border: 1px solid #e4e7ed;
      background-color: #fff;
      padding-left: 20px; }
  .combined-bag-wrap.border-dashed {
    border: 1px solid #e4e7ed; }
  .combined-bag-wrap .combined-bag-list {
    position: absolute;
    width: 170px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #e4e7ed; }
    .combined-bag-wrap .combined-bag-list > h3 {
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      color: #007bff;
      font-weight: bold;
      border-left: 4px solid #007bff; }
    .combined-bag-wrap .combined-bag-list > ul li {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      text-align: center;
      border-top: 1px solid #e4e7ed; }
      .combined-bag-wrap .combined-bag-list > ul li:last-child {
        border-bottom: 1px solid #e4e7ed; }
      .combined-bag-wrap .combined-bag-list > ul li a {
        color: #999;
        display: block; }
  .combined-bag-wrap .combined-bag-header {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e4e7ed; }
    .combined-bag-wrap .combined-bag-header > h3 {
      position: relative;
      display: inline-block;
      height: 50px;
      padding-left: 26px;
      color: #333;
      font-weight: bold; }
    .combined-bag-wrap .combined-bag-header .bag-oper {
      height: 50px;
      color: #999;
      font-size: 12px;
      cursor: pointer; }
      .combined-bag-wrap .combined-bag-header .bag-oper::before {
        content: '';
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 10px;
        vertical-align: -3px;
        background: url("../images/gray-arrow.png") no-repeat center center; }
      .combined-bag-wrap .combined-bag-header .bag-oper.bag-oper-up::before {
        transform: rotate(0); }
      .combined-bag-wrap .combined-bag-header .bag-oper.bag-oper-down::before {
        transform: rotate(180deg); }
  .combined-bag-wrap .combined-bag-content > ul > li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 0 0 35px; }
    .combined-bag-wrap .combined-bag-content > ul > li:last-child .bag-item-wrap .bag-info-wrap {
      border-bottom: 0; }
    .combined-bag-wrap .combined-bag-content > ul > li:last-child .bag-item-wrap {
      border-bottom: 0; }
    .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap {
      position: relative;
      min-height: 160px;
      padding: 20px 0;
      border-bottom: 1px dashed #e4e7ed; }
      .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .pic-wrap {
        position: absolute;
        top: 50%;
        left: 18px;
        margin: -42px 30px 0 0;
        float: left; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .pic-wrap img {
          width: 84px;
          height: 84px;
          border-radius: 16px;
          vertical-align: top; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .pic-wrap:after {
          border: 1px solid #e4e7ed;
          border-radius: 3px;
          content: "";
          height: 115px;
          left: -16px;
          padding: 5px;
          position: absolute;
          top: -15px;
          width: 115px; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .pic-wrap .bushu-btm {
          position: absolute;
          bottom: -15px;
          left: -16px;
          width: 114px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          color: #fff;
          font-size: 14px;
          background: rgba(0, 123, 255, 0.5);
          border-radius: 0 0 3px 3px; }
      .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap {
        margin-left: 135px;
        padding-bottom: 10px; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap > h3 {
          height: 34px;
          line-height: 34px;
          color: #333;
          font-size: 16px;
          font-weight: bold; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap .bag-info-detail {
          height: 34px;
          line-height: 34px; }
          .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap .bag-info-detail > span {
            font-size: 14px;
            color: #999;
            margin-right: 30px; }
            .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap .bag-info-detail > span > em {
              color: #333; }
        .combined-bag-wrap .combined-bag-content > ul > li .bag-item-wrap .bag-info-wrap p.bag-info-desc {
          line-height: 26px;
          font-size: 14px;
          color: #999; }
  .combined-bag-wrap .combined-bag-content .bag-pagination-wrap {
    padding: 20px 20px 20px 50px; }

.date-group {
  display: inline-block;
  height: 34px; }
  .date-group .date-wrap .date-item {
    float: left; }
    .date-group .date-wrap .date-item > input[type='text'] {
      display: inline-block;
      max-width: 190px;
      height: 34px;
      line-height: 34px;
      padding: 0 30px 0 10px;
      border-radius: 2px;
      border: 1px solid #e4e7ed;
      font-size: 14px; }
    .date-group .date-wrap .date-item .date-item-icon {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url("../images/date-icon.png") no-repeat center center;
      font-style: normal;
      cursor: pointer;
      vertical-align: -2px;
      margin-left: -26px; }

.table-hook {
  width: 100%; }
  .table-hook tr {
    white-space: nowrap; }
  .table-hook th, .table-hook td {
    text-align: center;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .table-hook th {
    color: #666; }
  .table-hook thead tr {
    height: 50px;
    line-height: 48px;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px dashed #e4e7ed; }
    .table-hook thead tr th:nth-child(1) {
      text-indent: 18px;
      text-align: left; }
  .table-hook tbody tr {
    height: 50px;
    line-height: 48px; }
    .table-hook tbody tr:hover, .table-hook tbody tr:nth-child(2n) {
      background-color: #f5f8fe; }
    .table-hook tbody tr td {
      color: #333; }
      .table-hook tbody tr td:nth-child(1) {
        text-indent: 28px;
        text-align: left; }
      .table-hook tbody tr td.operation {
        color: #007bff;
        cursor: pointer;
        font-size: 0; }
        .table-hook tbody tr td.operation > a {
          display: inline-block;
          margin: 0 10px;
          font-size: 14px; }
          .table-hook tbody tr td.operation > a.oper-update {
            color: #007bff; }
          .table-hook tbody tr td.operation > a.oper-delete {
            color: #333; }
    .table-hook tbody tr .color-primary {
      color: #1989fa; }
    .table-hook tbody tr .color-success {
      color: #68c24c; }
    .table-hook tbody tr .color-warning {
      color: #fe9228; }
    .table-hook tbody tr .color-error {
      color: #ff3e3e; }
    .table-hook tbody tr .color-333 {
      color: #333; }

.app-list-option h3 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 34px; }
  .app-list-option h3 em {
    color: #1989fa;
    font-weight: bold; }

.search-wrap .search-item-wrap .search-item {
  float: left;
  height: 34px;
  line-height: 34px;
  margin: 0 15px 20px 0; }
  .search-wrap .search-item-wrap .search-item > label {
    height: 36px;
    line-height: 36px;
    margin-right: 8px;
    font-size: 14px;
    color: #333; }
  .search-wrap .search-item-wrap .search-item .select-group .select-wrap {
    margin-right: 0; }

.no-data-wrap .no-data-bg {
  width: 216px;
  height: 161px;
  background: url("../images/no-data-bg.png") no-repeat -12px center;
  margin: 0 auto; }
.no-data-wrap > h3 {
  font-size: 14px;
  color: #666;
  text-align: center; }

/*common end*/
/*mszuo start*/
.type-area-wrap .steps-ul {
  margin: 0 auto; }
  .type-area-wrap .steps-ul > li {
    margin-top: 10px;
    /*.input-group {
      display: inline-block;
      //margin: 20px 0 10px;
      .input-wrap {
        > input[type='text'] {
          display: inline-block;
          //width: 492px;
          height: 34px;
          line-height: 34px;
          padding: 0 34px 0 10px;
          border-radius: 2px;
          //border: 0;
          border: 1px solid #e4e7ed;
          font-size: 14px;
          &:focus {
            border: 1px solid #007bff;
            padding-left: 10px;
          }
        }
        .input-tips {
          display: inline-block;
          font-size: 12px;
          color: #007bff;
          !*&::before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: 0 10px;
            vertical-align: -2px;
            background: url("../images/input-tips.png") no-repeat center center;
          }*!
        }
      }
    }*/ }
    .type-area-wrap .steps-ul > li.mt0 {
      margin-top: 0; }
    .type-area-wrap .steps-ul > li > label {
      float: left;
      width: 80px;
      height: 36px;
      line-height: 36px;
      margin-right: 10px;
      font-size: 14px;
      color: #333; }
      .type-area-wrap .steps-ul > li > label.require::before {
        content: '*';
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-right: 6px;
        vertical-align: -2px;
        color: red; }
    .type-area-wrap .steps-ul > li > div {
      display: inline-block;
      width: calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: -webkit-calc(100% - 90px); }
    .type-area-wrap .steps-ul > li .domain-wrap {
      position: relative;
      height: 34px;
      line-height: 34px; }
      .type-area-wrap .steps-ul > li .domain-wrap > div {
        display: inline-block; }
      .type-area-wrap .steps-ul > li .domain-wrap .domain-pre,
      .type-area-wrap .steps-ul > li .domain-wrap .domain-suf {
        display: inline-block;
        background-color: #f5f8fe;
        color: #333;
        font-size: 14px;
        text-align: center; }
      .type-area-wrap .steps-ul > li .domain-wrap .domain-pre {
        width: 120px; }
      .type-area-wrap .steps-ul > li .domain-wrap .domain {
        width: 240px;
        height: 34px;
        line-height: 34px;
        border-radius: 2px;
        padding: 0 10px 0 10px;
        border: 0;
        font-size: 14px; }
        .type-area-wrap .steps-ul > li .domain-wrap .domain:focus {
          border: 1px solid #007bff;
          padding-left: 9px; }
      .type-area-wrap .steps-ul > li .domain-wrap .domain-suf {
        width: 130px; }
      .type-area-wrap .steps-ul > li .domain-wrap .domain-tips {
        display: inline-block;
        font-size: 12px;
        color: #007bff; }
        .type-area-wrap .steps-ul > li .domain-wrap .domain-tips.active, .type-area-wrap .steps-ul > li .domain-wrap .domain-tips:active {
          border-bottom: 1px solid #007bff;
          line-height: 33px; }
    .type-area-wrap .steps-ul > li .school-wrap {
      margin: 15px 0 0; }
      .type-area-wrap .steps-ul > li .school-wrap > span em {
        height: 34px;
        line-height: 33px;
        color: #007bff; }
        .type-area-wrap .steps-ul > li .school-wrap > span em.underline {
          border-bottom: 1px solid #007bff; }
.type-area-wrap .btn-wrap {
  margin-top: 30px;
  padding: 10px 0; }

.data-overview-page .data-wrap {
  float: left;
  min-width: 250px;
  padding: 0 20px;
  border-radius: 2px;
  background-color: #fff;
  margin-right: 20px; }
  .data-overview-page .data-wrap.per25 {
    width: calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    /* &:last-child {
       width: 25%;
     }*/ }
  .data-overview-page .data-wrap.per50 {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    /* &:last-child {
       width: 50%;
     }*/ }
  .data-overview-page .data-wrap.per100 {
    width: 100%; }
  .data-overview-page .data-wrap:last-child {
    margin-right: 0; }
  .data-overview-page .data-wrap .data-header-wrap {
    height: 50px;
    line-height: 50px; }
    .data-overview-page .data-wrap .data-header-wrap.bottom {
      line-height: 49px;
      border-bottom: 1px solid #e4e7ed; }
    .data-overview-page .data-wrap .data-header-wrap > h3 {
      display: inline-block;
      font-size: 14px;
      color: #333;
      font-weight: bold; }
    .data-overview-page .data-wrap .data-header-wrap .data-oper-wrap .data-tips-icon {
      display: inline-block;
      width: 14px;
      height: 14px;
      background: url("../images/input-tips.png") no-repeat center center;
      vertical-align: middle; }
    .data-overview-page .data-wrap .data-header-wrap .data-oper-wrap .data-more {
      height: 50px;
      font-size: 12px;
      color: #999; }
  .data-overview-page .data-wrap .data-content-wrap .pic-wrap {
    position: relative;
    height: 46px; }
    .data-overview-page .data-wrap .data-content-wrap .pic-wrap img {
      position: absolute;
      width: 220px;
      left: 0;
      bottom: 10px; }
  .data-overview-page .data-wrap .data-content-wrap p.number {
    height: 34px;
    line-height: 34px;
    font-size: 28px;
    color: #333;
    font-weight: bold; }
  .data-overview-page .data-wrap .data-content-wrap p.per-wrap {
    height: 46px;
    line-height: 46px;
    font-size: 12px;
    color: #999; }
    .data-overview-page .data-wrap .data-content-wrap p.per-wrap.top {
      border-top: 1px dashed #e4e7ed; }
    .data-overview-page .data-wrap .data-content-wrap p.per-wrap.bottom {
      border-bottom: 1px dashed #e4e7ed; }
    .data-overview-page .data-wrap .data-content-wrap p.per-wrap span i.triangle {
      display: inline-block;
      width: 9px;
      height: 9px;
      margin: 0 4px; }
      .data-overview-page .data-wrap .data-content-wrap p.per-wrap span i.triangle.green-per {
        background: url("../images/green-per-icon.png") no-repeat center center; }
      .data-overview-page .data-wrap .data-content-wrap p.per-wrap span i.triangle.red-per {
        background: url("../images/red-per-icon.png") no-repeat center center; }
    .data-overview-page .data-wrap .data-content-wrap p.per-wrap span > em {
      color: #333; }
.data-overview-page .header-wrap {
  overflow: hidden; }
.data-overview-page .middle-wrap {
  background-color: #fff;
  overflow: hidden;
  padding: 0 20px 30px;
  border-radius: 2px; }
  .data-overview-page .middle-wrap .traffic-wrap .traffic-header-wrap {
    height: 50px;
    line-height: 48px;
    border-bottom: 2px solid #e4e7ed; }
    .data-overview-page .middle-wrap .traffic-wrap .traffic-header-wrap ul > li {
      float: left;
      height: 50px;
      color: #007bff;
      font-size: 16px;
      font-weight: bold; }
      .data-overview-page .middle-wrap .traffic-wrap .traffic-header-wrap ul > li.active {
        border-bottom: 2px solid #007bff; }
  .data-overview-page .middle-wrap .traffic-wrap .traffic-content {
    padding-top: 6px; }
    .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap {
      overflow: hidden; }
      .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-header-wrap {
        height: 34px;
        line-height: 34px; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-header-wrap > h3 {
          height: 34px;
          font-size: 14px;
          color: #333;
          font-weight: bold; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-header-wrap > ul {
          display: inline-block; }
          .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-header-wrap > ul li {
            float: left;
            height: 34px;
            line-height: 34px;
            color: #999;
            font-size: 12px;
            margin-right: 20px;
            cursor: pointer; }
            .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-header-wrap > ul li.active {
              font-weight: bold;
              color: #007bff; }
      .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-content {
        position: relative;
        height: 280px; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .chart-wrap .chart-content img {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 752px;
          height: 264px; }
    .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap {
      width: 260px; }
      .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-header {
        height: 34px;
        line-height: 34px; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-header > h3 {
          height: 34px;
          display: inline-block;
          font-size: 14px;
          color: #333;
          font-weight: bold; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-header .access-oper-wrap .access-more {
          height: 50px;
          font-size: 12px;
          color: #999; }
      .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table {
        width: 100%;
        min-height: 280px; }
        .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr {
          height: 40px;
          line-height: 40px; }
          .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr td {
            height: 40px; }
            .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr td:nth-child(2) {
              color: #333;
              font-weight: bold;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; }
            .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr td:nth-child(3) {
              color: #999; }
            .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr td i {
              display: inline-block;
              width: 20px;
              height: 20px;
              line-height: 20px;
              border-radius: 50%;
              font-size: 14px;
              background-color: #f2f4f8;
              font-weight: bold;
              color: #333;
              text-align: center; }
          .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr.first i {
            color: #fff;
            background-color: #ff2828; }
          .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr.second i {
            color: #fff;
            background-color: #ff7e28; }
          .data-overview-page .middle-wrap .traffic-wrap .traffic-content .access-list-wrap .access-list-content table tr.third i {
            color: #fff;
            background-color: #ffca28; }
.data-overview-page .footer-wrap {
  overflow: hidden; }
  .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header {
    position: relative;
    height: 126px; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-left,
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-right {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 140px; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-left > p,
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-right > p {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        color: #999; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-left > em,
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-right > em {
        height: 34px;
        line-height: 34px;
        font-size: 20px;
        color: #333; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-left {
      left: 0; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-middle {
      padding: 0 140px;
      height: 100%;
      text-align: center; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-middle::after {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        opacity: 0;
        vertical-align: middle; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-middle img {
        display: inline-block;
        vertical-align: middle; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-header .header-right {
      right: 0;
      text-align: right; }
  .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table {
    width: 100%; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table th,
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table td {
      font-size: 14px;
      text-align: center; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table .per10 {
      width: 10%; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table .per20 {
      width: 20%; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table .per30 {
      width: 30%; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table .per40 {
      width: 40%; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tr {
      height: 40px;
      line-height: 40px; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table thead tr {
      border-top: 1px solid #e4e7ed;
      border-bottom: 1px dashed #e4e7ed;
      color: #666; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table thead tr th i {
        display: inline-block;
        width: 6px;
        height: 10px;
        vertical-align: 0;
        margin: 0 8px;
        cursor: pointer; }
        .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table thead tr th i.sort-up-icon {
          background: url("../images/sort-up-icon.png") no-repeat center center; }
        .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table thead tr th i.sort-down-icon {
          background: url("../images/sort-down-icon.png") no-repeat center center; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr {
      color: #333; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr td i {
        display: inline-block;
        width: 8px;
        height: 8px;
        vertical-align: 2px;
        margin-left: 20px; }
        .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr td i.red-down-icon {
          background: url("../images/red-down-icon.png") no-repeat center center; }
        .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr td i.green-up-icon {
          background: url("../images/green-up-icon.png") no-repeat center center; }
      .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr:hover, .data-overview-page .footer-wrap .data-wrap .data-content-wrap .active-app-list > table tbody tr:nth-of-type(2n) {
        background-color: #f5f8fe; }
  .data-overview-page .footer-wrap .data-wrap .data-content-wrap .pt-page-box {
    margin: 20px 0; }
  .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-header {
    margin-top: 26px; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-header .visit-resource > p {
      height: 26px;
      line-height: 26px;
      font-size: 12px;
      color: #999; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-header .visit-resource > em {
      height: 34px;
      line-height: 34px;
      font-size: 20px;
      color: #333; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-header .visit-per .per-wrap {
      height: 26px;
      line-height: 26px; }
  .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-chart {
    margin: 48px 0; }
    .data-overview-page .footer-wrap .data-wrap .data-content-wrap .platform-visit-chart img {
      width: 490px;
      height: 230px; }

.table-hook {
  width: 100%; }
  .table-hook tr {
    white-space: nowrap; }
  .table-hook th, .table-hook td {
    text-align: center;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .table-hook th {
    color: #666; }
  .table-hook thead tr {
    height: 50px;
    line-height: 48px;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px dashed #e4e7ed; }
    .table-hook thead tr th:nth-child(1) {
      text-indent: 18px;
      text-align: left; }
  .table-hook tbody tr {
    height: 50px;
    line-height: 48px; }
    .table-hook tbody tr:hover, .table-hook tbody tr:nth-child(2n) {
      background-color: #f5f8fe; }
    .table-hook tbody tr td {
      color: #333; }
      .table-hook tbody tr td:nth-child(1) {
        text-indent: 28px;
        text-align: left; }
      .table-hook tbody tr td.operation {
        color: #007bff;
        cursor: pointer;
        font-size: 0; }
        .table-hook tbody tr td.operation > a {
          display: inline-block;
          margin: 0 10px;
          font-size: 14px; }
          .table-hook tbody tr td.operation > a.oper-update {
            color: #007bff; }
          .table-hook tbody tr td.operation > a.oper-delete {
            color: #333; }
    .table-hook tbody tr .color-primary {
      color: #1989fa; }
    .table-hook tbody tr .color-success {
      color: #68c24c; }
    .table-hook tbody tr .color-warning {
      color: #fe9228; }
    .table-hook tbody tr .color-error {
      color: #ff3e3e; }
    .table-hook tbody tr .color-333 {
      color: #333; }

.app-list-option h3 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 34px; }
  .app-list-option h3 em {
    color: #1989fa;
    font-weight: bold; }

.area-open-page {
  min-width: 750px;
  padding: 20px; }
  .area-open-page .data-list-wrap {
    overflow: auto;
    min-width: 1064px; }

.app-apply-wrap .app-apply-page {
  margin: 0 20px;
  padding: 20px 20px 40px;
  background-color: #f0f5fd; }
.app-apply-wrap .btn-wrap {
  margin: 30px 0;
  padding: 10px 0; }

.apply-success-wrap .apply-success-page {
  margin: 60px auto 0;
  text-align: center; }
  .apply-success-wrap .apply-success-page .apply-success-bg {
    display: inline-block;
    width: 216px;
    height: 166px;
    overflow: hidden;
    background: url("../images/apply-success-bg.png") no-repeat -2px center; }
  .apply-success-wrap .apply-success-page > h3 {
    color: #333;
    font-weight: bold;
    font-size: 16px; }
  .apply-success-wrap .apply-success-page > p {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    text-align: left; }
    .apply-success-wrap .apply-success-page > p em {
      color: #333; }
    .apply-success-wrap .apply-success-page > p > a {
      color: #007bff; }
.apply-success-wrap .btn-wrap {
  margin-top: 50px; }

.apply-error-wrap .apply-error-page {
  margin: 60px auto 0;
  text-align: center; }
  .apply-error-wrap .apply-error-page .apply-error-bg {
    display: inline-block;
    width: 216px;
    height: 166px;
    overflow: hidden;
    background: url("../images/apply-error-bg.png") no-repeat -2px center; }
  .apply-error-wrap .apply-error-page > h3 {
    color: #333;
    font-weight: bold;
    font-size: 16px; }
  .apply-error-wrap .apply-error-page > p {
    font-size: 14px;
    line-height: 26px;
    color: #999; }
    .apply-error-wrap .apply-error-page > p em {
      color: #333; }
    .apply-error-wrap .apply-error-page > p > a {
      color: #007bff; }
  .apply-error-wrap .apply-error-page .apply-error-tips-wrap {
    width: 436px;
    height: 137px;
    border: 1px dashed #e4e7ed;
    padding: 20px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    text-align: left;
    margin: 20px auto 0; }
    .apply-error-wrap .apply-error-page .apply-error-tips-wrap .error-tips-detail {
      color: #fe9228;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .apply-error-wrap .apply-error-page .apply-error-tips-wrap .error-tips-detail::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #fe9228;
        margin-right: 20px; }
.apply-error-wrap .btn-wrap {
  margin-top: 50px; }

.user-manager-page .data-list-wrap {
  min-width: 750px; }
  .user-manager-page .data-list-wrap > table th, .user-manager-page .data-list-wrap > table td {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .user-manager-page .data-list-wrap > table th:nth-child(1), .user-manager-page .data-list-wrap > table th:nth-child(4),
  .user-manager-page .data-list-wrap > table td:nth-child(1), .user-manager-page .data-list-wrap > table td:nth-child(4) {
    width: 15%; }
  .user-manager-page .data-list-wrap > table th:nth-child(2),
  .user-manager-page .data-list-wrap > table th:nth-child(3),
  .user-manager-page .data-list-wrap > table td:nth-child(2),
  .user-manager-page .data-list-wrap > table td:nth-child(3) {
    width: 35%; }
  .user-manager-page .data-list-wrap > table tr > th:nth-child(1) {
    text-align: center; }
  .user-manager-page .data-list-wrap > table tr > td:nth-child(1) {
    text-indent: 14px;
    text-align: center; }

.app-list-page {
  min-width: 750px;
  padding: 0 20px 20px; }
  .app-list-page .app-list-wrap ul > li {
    height: 100px;
    padding-top: 20px;
    border-bottom: 1px dashed #e4e7ed; }
    .app-list-page .app-list-wrap ul > li .school-info-wrap {
      width: 20%; }
      .app-list-page .app-list-wrap ul > li .school-info-wrap .school-pic {
        margin-top: 10px;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        vertical-align: middle; }
      .app-list-page .app-list-wrap ul > li .school-info-wrap .school-name-domain {
        overflow: hidden;
        line-height: 30px; }
        .app-list-page .app-list-wrap ul > li .school-info-wrap .school-name-domain > h3 {
          color: #333;
          font-weight: bolder;
          height: 30px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .app-list-page .app-list-wrap ul > li .school-info-wrap .school-name-domain > p {
          height: 30px;
          color: #999;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
    .app-list-page .app-list-wrap ul > li .info-item {
      width: 10%;
      text-align: center;
      line-height: 30px; }
      .app-list-page .app-list-wrap ul > li .info-item > span {
        display: block;
        color: #999;
        height: 30px; }
      .app-list-page .app-list-wrap ul > li .info-item > p {
        color: #333;
        height: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .app-list-page .app-list-wrap ul > li .info-item > p.pass {
          color: #007bff; }
        .app-list-page .app-list-wrap ul > li .info-item > p.reject {
          color: #ff3e3e; }
        .app-list-page .app-list-wrap ul > li .info-item > p.waiting {
          color: #fe9228; }
    .app-list-page .app-list-wrap ul > li .percent-wrap {
      width: 40%;
      line-height: 30px; }
      .app-list-page .app-list-wrap ul > li .percent-wrap > span {
        display: block;
        height: 30px; }
      .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap {
        height: 30px;
        line-height: 30px; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap.pro-pass > span {
          background: url("../images/pro-pass-icon.png") no-repeat 0 center;
          vertical-align: middle; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap.pro-pass .pro-outer .pro-inner {
          width: 100%;
          background-color: #85de69; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap.pro-reject > span {
          background: url("../images/pro-reject-icon.png") no-repeat 0 center;
          vertical-align: middle; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap.pro-reject .pro-outer .pro-inner {
          width: 0;
          background-color: #85de69; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap .pro-outer {
          position: relative;
          height: 8px;
          margin-top: 12px;
          background-color: #ccc;
          border-radius: 10px;
          overflow: hidden; }
          .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap .pro-outer .pro-inner {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 60%;
            background-color: #3094ff; }
        .app-list-page .app-list-wrap ul > li .percent-wrap .pro-wrap > span {
          width: 40px;
          height: 30px;
          margin: -11px 0 0 10px; }
    .app-list-page .app-list-wrap ul > li .info-oper-wrap {
      width: 10%;
      height: 60px;
      line-height: 60px;
      text-align: center; }
      .app-list-page .app-list-wrap ul > li .info-oper-wrap a.view, .app-list-page .app-list-wrap ul > li .info-oper-wrap a.update {
        color: #007bff; }

/*mszuo end*/
/*feigao4 start*/
.pc-login {
  position: relative;
  height: 100%;
  background: url("../images/login_bg.png") no-repeat center;
  background-size: 100% 100%; }
  .pc-login .login-logo {
    display: block;
    padding-top: 45px;
    margin-left: 50px; }
  .pc-login .pc-login-con {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1200px;
    height: 480px;
    margin-top: -240px;
    margin-left: -600px; }
    .pc-login .pc-login-con > img {
      width: 685px; }
  .pc-login .pc-login-box {
    position: relative;
    width: 400px;
    padding: 40px 50px 70px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 9px 0 16px #006de2; }
    .pc-login .pc-login-box .login-top {
      text-align: center; }
      .pc-login .pc-login-box .login-top span {
        display: inline-block; }
    .pc-login .pc-login-box .login-tips {
      position: absolute;
      top: 140px;
      left: 50px;
      color: #ff3e3e;
      font-size: 14px; }
    .pc-login .pc-login-box .pc-login-list {
      margin-top: 45px; }
      .pc-login .pc-login-box .pc-login-list li {
        position: relative;
        margin-bottom: 20px; }
        .pc-login .pc-login-box .pc-login-list li input {
          display: inline-block;
          width: 300px;
          height: 38px;
          line-height: 38px;
          padding: 0 10px 0 40px;
          border-radius: 2px;
          border: 1px solid #e4e7ed; }
          .pc-login .pc-login-box .pc-login-list li input:focus {
            border: 1px solid #007bff; }
        .pc-login .pc-login-box .pc-login-list li .login-ico {
          position: absolute;
          top: 9px;
          left: 7px;
          width: 20px;
          height: 20px; }
        .pc-login .pc-login-box .pc-login-list li .login-ico-acc {
          background: url(../images/login_acc_ico.png) no-repeat; }
        .pc-login .pc-login-box .pc-login-list li .login-ico-pas {
          background: url(../images/login_pas_ico.png) no-repeat; }
    .pc-login .pc-login-box .btn-login {
      width: 100%;
      height: 40px;
      line-height: 40px; }

.app-store-box {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 30px; }
  .app-store-box .app-store-sort {
    padding-top: 50px;
    color: #333;
    font-size: 16px;
    font-weight: bold; }
  .app-store-box .app-store-list {
    padding-top: 30px; }
    .app-store-box .app-store-list li {
      float: left;
      width: 365px;
      margin: 0 80px 40px 50px; }
      .app-store-box .app-store-list li img {
        float: left;
        width: 240px;
        height: 160px;
        border: 1px solid #b9d2ec; }
      .app-store-box .app-store-list li p {
        margin-top: 15px;
        color: #333;
        font-size: 14px; }
        .app-store-box .app-store-list li p span {
          display: inline-block;
          max-width: 170px;
          margin-right: 10px;
          vertical-align: top;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
  .app-store-box .add-tj-pic label {
    line-height: 34px;
    color: #333;
    font-size: 14px; }

.pt-school-detail {
  padding: 5px 20px 20px;
  background: #fff;
  box-shadow: 0 0 7px #ccc;
  border-radius: 2px; }
  .pt-school-detail .pt-school-name {
    padding: 15px 0 20px;
    border-bottom: 1px solid #e4e7ed; }
    .pt-school-detail .pt-school-name img {
      width: 32px;
      height: 41px;
      margin-right: 12px; }
    .pt-school-detail .pt-school-name .pt-school-intro {
      overflow: hidden; }
      .pt-school-detail .pt-school-name .pt-school-intro h3 {
        color: #333;
        font-size: 14px; }
      .pt-school-detail .pt-school-name .pt-school-intro p {
        padding-top: 5px;
        color: #999;
        font-size: 12px; }
  .pt-school-detail .pt-school-detail-list {
    margin-top: 20px; }
    .pt-school-detail .pt-school-detail-list li {
      float: left;
      width: 24%;
      margin-bottom: 20px;
      margin-right: 1%;
      font-size: 14px;
      line-height: 24px; }
      .pt-school-detail .pt-school-detail-list li label {
        display: block;
        color: #999; }
      .pt-school-detail .pt-school-detail-list li p {
        color: #333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .pt-school-detail .pt-school-detail-list li a {
        color: #1989fa; }
      .pt-school-detail .pt-school-detail-list li .color-primary {
        color: #1989fa; }
      .pt-school-detail .pt-school-detail-list li .color-success {
        color: #68c24c; }
      .pt-school-detail .pt-school-detail-list li .color-warning {
        color: #fe9228; }
      .pt-school-detail .pt-school-detail-list li .color-error {
        color: #ff3e3e; }
  .pt-school-detail .pt-school-title {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e4e7ed;
    color: #333;
    font-weight: bold;
    font-size: 16px; }
  .pt-school-detail .pt-school-infor-list li {
    float: left;
    width: 31.33%;
    margin: 20px 1% 0;
    line-height: 24px;
    white-space: nowrap; }
    .pt-school-detail .pt-school-infor-list li label {
      display: inline-block;
      max-width: 180px;
      padding-right: 20px;
      color: #333;
      vertical-align: middle;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .pt-school-detail .pt-school-infor-list li span {
      display: inline-block;
      position: relative;
      max-width: 130px;
      color: #999;
      font-size: 12px;
      vertical-align: middle;
      cursor: pointer; }
      .pt-school-detail .pt-school-infor-list li span:hover {
        color: #007bff; }
      .pt-school-detail .pt-school-infor-list li span .school-tips {
        position: absolute;
        left: -96px;
        top: -40px;
        height: 39px;
        border-radius: 2px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 30px;
        background: url("../images/school-tips-icon.png") no-repeat center center;
        cursor: auto; }
      .pt-school-detail .pt-school-infor-list li span sup {
        position: absolute;
        right: -35px;
        top: -10px;
        width: 31px;
        height: 20px;
        background: url(../images/sup_bg.png) no-repeat;
        text-align: center;
        line-height: 16px; }
        .pt-school-detail .pt-school-infor-list li span sup i {
          color: #fff;
          font-size: 10px;
          font-style: italic;
          -webkit-transform: scale(0.8); }
  .pt-school-detail .app-infor-box {
    position: relative;
    width: 1065px;
    margin: 0 auto;
    padding-top: 25px; }
    .pt-school-detail .app-infor-box .bd {
      width: 1001px;
      margin: 0 auto; }
    .pt-school-detail .app-infor-box .arrow-prev, .pt-school-detail .app-infor-box .arrow-next {
      position: absolute;
      top: 55px;
      width: 20px;
      height: 60px;
      text-align: center;
      line-height: 58px;
      border: 1px solid #59a9ff;
      background: #f3f9ff;
      color: #1083ff;
      border-radius: 2px; }
    .pt-school-detail .app-infor-box .arrow-prev {
      left: 0; }
    .pt-school-detail .app-infor-box .arrow-next {
      right: 0; }
  .pt-school-detail .app-infor-list li {
    float: left;
    width: 113px;
    margin: 0 15px 15px; }
    .pt-school-detail .app-infor-list li label {
      display: inline-block;
      width: 113px;
      height: 113px;
      line-height: 113px;
      text-align: center;
      box-shadow: 0 0 6px rgba(25, 137, 250, 0.65);
      border-radius: 10px; }
      .pt-school-detail .app-infor-list li label img {
        width: 50px;
        height: 50px;
        vertical-align: middle; }
    .pt-school-detail .app-infor-list li p {
      padding-top: 5px;
      color: #333;
      line-height: 30px;
      text-align: center;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }

.pt-kaitong-tab span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d4dae3;
  background: #fff;
  border-radius: 3px;
  overflow: hidden; }
  .pt-kaitong-tab span a {
    display: inline-block;
    float: left;
    width: 120px;
    height: 38px;
    line-height: 38px;
    border-left: 1px solid #d4dae3;
    color: #666;
    text-align: center; }
    .pt-kaitong-tab span a:first-child {
      border-left: none; }
    .pt-kaitong-tab span a.active {
      background: #1989fa;
      color: #fff; }

.open-progress-wrap {
  padding: 5px 20px 20px;
  box-shadow: 0 0 7px #ccc;
  border-radius: 2px; }
  .open-progress-wrap .open-progress {
    padding: 20px; }
    .open-progress-wrap .open-progress > li {
      border-left: 1px solid #d4dae3;
      padding: 20px 0 0 10px; }
      .open-progress-wrap .open-progress > li:last-child {
        padding-bottom: 60px; }
      .open-progress-wrap .open-progress > li .icon-time-wrap {
        height: 30px;
        line-height: 30px;
        margin-left: -16px; }
        .open-progress-wrap .open-progress > li .icon-time-wrap .progress-icon {
          display: inline-block;
          width: 11px;
          height: 11px;
          border-radius: 50%;
          overflow: hidden; }
          .open-progress-wrap .open-progress > li .icon-time-wrap .progress-icon.progress-normal-icon {
            background: url("../images/progress-normal.png") no-repeat center center; }
          .open-progress-wrap .open-progress > li .icon-time-wrap .progress-icon.progress-error-icon {
            background: url("../images/progress-error.png") no-repeat center center; }
        .open-progress-wrap .open-progress > li .icon-time-wrap .progress-time {
          display: inline-block;
          width: 152px;
          height: 22px;
          line-height: 22px;
          padding-left: 10px;
          margin-left: 10px;
          font-size: 12px;
          color: #666;
          background: url("../images/progress-time.png") no-repeat center center; }
      .open-progress-wrap .open-progress > li .apply-detail-wrap {
        line-height: 30px; }
        .open-progress-wrap .open-progress > li .apply-detail-wrap > span {
          display: inline-block;
          vertical-align: middle;
          font-size: 14px; }
        .open-progress-wrap .open-progress > li .apply-detail-wrap .progress-name {
          max-width: 240px;
          color: #333;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .open-progress-wrap .open-progress > li .apply-detail-wrap .progress-operator {
          color: #999; }
        .open-progress-wrap .open-progress > li .apply-detail-wrap .progress-status.progress-pass {
          color: #007bff; }
        .open-progress-wrap .open-progress > li .apply-detail-wrap .progress-status.progress-no-pass {
          color: #ef0000; }
      .open-progress-wrap .open-progress > li p.apply-result-tips {
        line-height: 30px;
        font-size: 14px;
        color: #fe9228; }
        .open-progress-wrap .open-progress > li p.apply-result-tips.apply-result-error::before {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          margin-right: 10px;
          background: url(../images/step-tip.png) no-repeat center center;
          vertical-align: -2px; }

.apply-result-wrap {
  padding: 20px;
  box-shadow: 0 0 7px #ccc;
  border-radius: 2px; }
  .apply-result-wrap .apply-result-bg {
    width: 216px;
    height: 166px;
    background: url("../images/apply-result-bg.png") no-repeat center center;
    margin: 40px auto 0; }
  .apply-result-wrap > h3 {
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 16px;
    font-weight: bolder;
    text-align: center; }
    .apply-result-wrap > h3 em {
      color: #007bff; }
  .apply-result-wrap .friend-tips-wrap {
    color: #fe9228; }
    .apply-result-wrap .friend-tips-wrap .friend-tips-title {
      font-size: 16px;
      font-weight: bold; }
    .apply-result-wrap .friend-tips-wrap .friend-tips {
      font-size: 14px;
      line-height: 40px; }
      .apply-result-wrap .friend-tips-wrap .friend-tips > a {
        color: #007bff; }
      .apply-result-wrap .friend-tips-wrap .friend-tips::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 10px;
        background: url(../images/step-tip.png) no-repeat center center;
        vertical-align: -2px; }
  .apply-result-wrap .data-list-wrap > table th, .apply-result-wrap .data-list-wrap > table td {
    display: inline-block;
    width: 25%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .apply-result-wrap .data-list-wrap > table tr > th:nth-child(1) {
    text-align: center; }
  .apply-result-wrap .data-list-wrap > table tr > td:nth-child(1) {
    text-align: center; }

.file-main .app-basic-box {
  margin: 0 auto;
  border: 1px solid #e8e8e8;
  padding: 20px 0; }
  .file-main .app-basic-box .app-sort {
    color: #333;
    font-size: 14px;
    margin-right: 5px;
    width: 140px;
    line-height: 34px;
    text-align: right; }
    .file-main .app-basic-box .app-sort.require::before {
      color: red;
      content: "*";
      display: inline-block;
      height: 6px;
      margin-right: 6px;
      vertical-align: -2px;
      width: 6px; }
  .file-main .app-basic-box .infor-input {
    float: left;
    padding: 0 15px;
    width: 600px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #999;
    border: 1px solid #ccc; }
  .file-main .app-basic-box .phone-t {
    float: left;
    line-height: 24px;
    margin: 8px 0 0 145px;
    width: 600px;
    color: #999;
    font-size: 14px; }
  .file-main .app-basic-box .app-cke {
    line-height: 34px; }
  .file-main .app-basic-box .pho span {
    display: inline-block;
    font-size: 14px;
    max-width: 335px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    vertical-align: middle; }
  .file-main .app-basic-box .pho a {
    display: inline-block;
    margin-left: 20px;
    color: #fe9228;
    font-size: 14px;
    vertical-align: middle; }
  .file-main .app-basic-box textarea {
    width: 600px;
    padding: 10px 15px;
    font-size: 14px;
    height: 100px;
    line-height: 22px;
    border: 1px solid #ccc;
    overflow-y: auto;
    color: #c1c1c1;
    resize: none; }
.file-main .cl-ul {
  margin: -20px -30px 0 0; }
  .file-main .cl-ul li {
    float: left;
    margin: 20px 20px 0 0;
    padding: 0 15px 0 20px;
    width: 315px;
    height: 90px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #999;
    cursor: pointer; }
    .file-main .cl-ul li .cl-icon {
      position: absolute;
      top: 50%;
      left: 0px;
      display: block;
      margin: -21px 0 0;
      width: 42px;
      height: 42px;
      background: url(../images/class_icon.png) no-repeat 0px 0px; }
    .file-main .cl-ul li .c-icon01 {
      background-position: 0px 0px; }
    .file-main .cl-ul li .c-icon02 {
      background-position: 0px -47px; }
    .file-main .cl-ul li .c-icon03 {
      background-position: 0px -96px; }
    .file-main .cl-ul li .c-icon04 {
      background-position: 0px -150px; }
    .file-main .cl-ul li .c-icon05 {
      background-position: 0px -206px; }
    .file-main .cl-ul li .i-right {
      position: absolute;
      bottom: -1px;
      right: -16px;
      display: none;
      width: 37px;
      height: 37px;
      background: url(../images/i_right.png) no-repeat center; }
    .file-main .cl-ul li.cur {
      border: 1px solid #2d7be7; }
      .file-main .cl-ul li.cur .i-right {
        display: block; }
      .file-main .cl-ul li.cur .c-icon01 {
        background-position: -64px 0px; }
      .file-main .cl-ul li.cur .c-icon02 {
        background-position: -64px -47px; }
      .file-main .cl-ul li.cur .c-icon03 {
        background-position: -64px -96px; }
      .file-main .cl-ul li.cur .c-icon04 {
        background-position: -64px -150px; }
      .file-main .cl-ul li.cur .c-icon05 {
        background-position: -64px -206px; }
    .file-main .cl-ul li .cl-li {
      position: relative;
      height: 100%; }
      .file-main .cl-ul li .cl-li .cl-r {
        margin-left: 60px; }
        .file-main .cl-ul li .cl-li .cl-r h4 {
          font-size: 16px;
          line-height: 36px; }
        .file-main .cl-ul li .cl-li .cl-r p {
          line-height: 22px; }

.check-label {
  position: relative;
  margin-right: 30px;
  padding-left: 22px;
  cursor: pointer; }
  .check-label input {
    position: absolute;
    left: 0;
    top: 3px;
    visibility: hidden;
    outline: none; }
  .check-label em {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background: #fff;
    left: 0;
    top: 3px; }
  .check-label:hover em {
    border: 1px solid #1d8ff8; }
  .check-label.current em {
    background: url(../images/icon-check-label.png) no-repeat #fff;
    border: 1px solid #1d8ff8; }

.ach-i {
  margin: 0 auto; }
  .ach-i .ach-ta {
    color: #666;
    width: 100%;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    table-layout: fixed; }
    .ach-i .ach-ta th, .ach-i .ach-ta td {
      height: 34px;
      line-height: 34px;
      padding: 10px;
      border-bottom: 1px solid #efefef;
      border-right: 1px solid #efefef; }
    .ach-i .ach-ta td:first-child,
    .ach-i .ach-ta td:nth-child(2n+1) {
      background-color: #f2f6fd;
      font-size: 14px;
      text-align: right; }
    .ach-i .ach-ta td:last-child {
      background: none;
      text-align: left; }
    .ach-i .ach-ta tr:last-child td:nth-child(5) {
      white-space: nowrap;
      padding: 10px 0;
      text-align: center; }
    .ach-i .ach-ta td.require:before {
      color: red;
      content: "*";
      display: inline-block;
      height: 6px;
      margin-right: 6px;
      vertical-align: -2px;
      width: 6px; }
    .ach-i .ach-ta .td-logo {
      border: 1px solid #ccc;
      padding: 10px 7px; }

.audit-input-text {
  display: inline-block;
  height: 34px;
  padding: 5px;
  line-height: 34px;
  border: 1px solid #e4e7ed;
  background: #fff;
  border-radius: 3px;
  color: #666;
  font-size: 14px;
  vertical-align: middle; }

.audit-input-textarea {
  display: inline-block;
  height: 100px;
  padding: 5px;
  line-height: 20px;
  border: 1px solid #e4e7ed;
  background: #fff;
  border-radius: 3px;
  color: #666;
  font-size: 14px;
  vertical-align: middle; }

.audit-box h3 {
  color: #333;
  font-size: 16px;
  font-weight: bold; }

.add-jietu-box {
  margin: 0 auto; }
  .add-jietu-box .add-jietu-upload .tips {
    color: #fe9228;
    line-height: 34px; }
  .add-jietu-box .add-img-con {
    position: relative;
    padding: 10px 0;
    margin: 0 auto; }
    .add-jietu-box .add-img-con .arrow-prev,
    .add-jietu-box .add-img-con .arrow-next {
      position: absolute;
      width: 20px;
      height: 60px;
      text-align: center;
      line-height: 58px;
      border: 1px solid #59a9ff;
      background: #f3f9ff;
      color: #1083ff;
      border-radius: 2px;
      opacity: 1;
      transition: all 0.6s ease 0s; }
    .add-jietu-box .add-img-con .arrow-prev {
      left: 0; }
    .add-jietu-box .add-img-con .arrow-next {
      right: 0; }
    .add-jietu-box .add-img-con:hover .arrow-prev, .add-jietu-box .add-img-con:hover .arrow-next {
      opacity: .8; }
    .add-jietu-box .add-img-con .add-img-list {
      position: relative;
      margin: 0 auto;
      overflow: hidden; }
      .add-jietu-box .add-img-con .add-img-list ul {
        position: absolute;
        width: 9999em; }
        .add-jietu-box .add-img-con .add-img-list ul li {
          float: left;
          margin: 0 10px; }
  .add-jietu-box .add-img-select .arrow-prev,
  .add-jietu-box .add-img-select .arrow-next {
    top: 20px; }
  .add-jietu-box .add-img-select .add-img-list {
    width: 560px;
    height: 80px; }
    .add-jietu-box .add-img-select .add-img-list ul {
      height: 80px; }
      .add-jietu-box .add-img-select .add-img-list ul li {
        width: 260px;
        height: 80px; }
        .add-jietu-box .add-img-select .add-img-list ul li img {
          width: 200px;
          height: 80px; }
  .add-jietu-box .add-img-edit .arrow-prev,
  .add-jietu-box .add-img-edit .arrow-next {
    top: 38px; }
  .add-jietu-box .add-img-edit .add-img-list {
    width: 730px;
    height: 112px; }
    .add-jietu-box .add-img-edit .add-img-list ul {
      height: 112px; }
      .add-jietu-box .add-img-edit .add-img-list ul li {
        width: 345px;
        text-align: center;
        height: 112px; }
        .add-jietu-box .add-img-edit .add-img-list ul li img {
          width: 280px;
          height: 112px; }

.pl-shouquan-select li {
  position: relative; }
  .pl-shouquan-select li .pl-shouquan-text {
    color: #333;
    font-size: 14px;
    line-height: 34px; }
  .pl-shouquan-select li .select-sort {
    position: absolute;
    left: 0;
    width: 135px;
    text-align: right;
    color: #333;
    font-size: 14px;
    line-height: 30px; }
  .pl-shouquan-select li .wx-tips {
    padding-left: 20px;
    color: #fe9228;
    font-size: 12px;
    line-height: 30px;
    background: url(../images/step-tip.png) no-repeat left; }

.sq-select-app {
  display: inline-block;
  padding-left: 135px; }
  .sq-select-app dd {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 28px;
    padding: 0 10px 0 20px;
    margin: 0 0 15px 10px;
    border: 1px solid #a9abc5;
    background: #f4f9ff;
    color: #58606e;
    border-radius: 2px; }
    .sq-select-app dd:hover {
      border: 1px solid #1989fa;
      background: #f3f9ff;
      color: #1989fa; }
      .sq-select-app dd:hover .select-app-delete {
        background: url(../images/pl_app_delete_hover.png) no-repeat left; }
    .sq-select-app dd * {
      display: inline-block;
      vertical-align: top; }
    .sq-select-app dd span {
      cursor: default; }
    .sq-select-app dd .select-app-delete {
      width: 13px;
      height: 28px;
      margin-left: 10px;
      background: url(../images/pl_app_delete.png) no-repeat left; }

.shouquan-cl-result {
  padding: 20px 0;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed; }
  .shouquan-cl-result .shouquan-cl-result-list li {
    margin-top: 20px;
    color: #333;
    font-size: 14px; }
    .shouquan-cl-result .shouquan-cl-result-list li:first-child {
      margin-top: 0; }
    .shouquan-cl-result .shouquan-cl-result-list li .sq-sort {
      display: inline-block;
      margin-right: 20px; }
    .shouquan-cl-result .shouquan-cl-result-list li .color-warning {
      color: #fe9228; }

.no-permissions-box {
  background: #fff; }
  .no-permissions-box .pic {
    padding-top: 60px; }
  .no-permissions-box h3 {
    padding-top: 15px;
    color: #333;
    font-size: 16px;
    font-weight: bold; }
  .no-permissions-box .text {
    padding-top: 10px;
    color: #666;
    font-size: 14px; }

/*feigao4 end*/

/*# sourceMappingURL=common.css.map */