@charset "UTF-8";

/*common start*/

/**********************
Date：2018-06-28
BuilderVersion：v3.0
CopyRight:iflytek_EUED
***********************/

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;
}

li {
  list-style-type: 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;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px !important;
}

.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 !important;
}

.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%;
  overflow: hidden;
  background-color: #edf0f5;
}

.pc-container .pc-header {
  background-color: #101d32;
}

.pc-container .pc-main-wrap {
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
}

.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 .abnormal-reporting::before {
  background: url("../images/abnormal-reporting.png") no-repeat center center;
}

.pc-sidebar .waiting-handle::before {
  background: url("../images/waiting-handle.png") no-repeat center center;
}

.pc-sidebar .binding-manage::before {
  background: url("../images/binding-manage.png") no-repeat center center;
}

.pc-sidebar .personal-setting::before {
  background: url("../images/personal-setting.png") no-repeat center center;
}

.pc-sidebar .experience-center::before {
  background: url("../images/experience-center.png") no-repeat center center;
}

.pc-sidebar .record-manage::before {
  background: url("../images/record-manage.png") no-repeat center center;
}

.pc-sidebar .data-interoperability::before {
  background: url("../images/data-interoperability.png") no-repeat center center;
}

.pc-sidebar .project-setting::before {
  background: url("../images/project-setting.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;
}

.main-wrap h3.bread {
  width: 250px;
  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.scroll {
  width: calc(100% + 17px) \9\0;
}

.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 0.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: 1px;
}

.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 .login-code input{
  margin-right: 20px;
  padding: 0 10px;
  width: 180px;
  vertical-align: top;
}

.pc-login .pc-login-box .pc-login-list .login-code .images {
  width: 95px;
  height: 38px;
}

.pc-login .pc-login-box .pc-login-list .hint {
  font-size: 12px;
  margin: 15px 0;
}

.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 dashed #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;
}

.restw150 {
  width: calc(100% - 150px);
}

.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: 0.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;
  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 */