.clear {
  clear: both !important;
}
.font-yahei {
  font-family: "microsoft yahei", "\5FAE\8F6F\96C5\9ED1" !important;
}
td {
  vertical-align: middle !important;
}

/* Bootstrap css样式修改 */
.modal-header {
  border-bottom: 0px !important;
}
.modal-footer {
  border-top: 0px !important;
}
.btn-primary {
  background: #66b1ff;
  border: 1px solid #66b1ff;
}
.c_fff {
  color: #fff;
}
.c_333 {
  color: #333;
}
.c_666 {
  color: #666;
}
.c_888 {
  color: #888;
}
.c_999 {
  color: #999;
}
.c_f00 {
  color: red;
}
.c_red {
  color: red;
}
.c_orange {
  color: #e36346 !important;
}
.c_success {
  color: #449d44;
}
.c_warning {
  color: #f1c40f;
}
.c_primary {
  color: #337ab7;
}
.c_info {
  color: #5bc0de;
}
.c_danger {
  color: #d9534f;
}
.c_green {
  color: #00cc28;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none;
  color: #169bd5;
  cursor: pointer;
}
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
}

.p0 {
  padding: 0 !important;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p16 {
  padding: 16px;
}
.p20 {
  padding: 20px;
}
.p30 {
  padding: 30px;
}
.p40 {
  padding: 40px;
}
.pt0 {
  padding-top: 0px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pl0 {
  padding-left: 0;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pl40 {
  padding-left: 40px;
}
.pl45 {
  padding-left: 45px;
}
.pl50 {
  padding-left: 50px;
}
.pl60 {
  padding-left: 60px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pr0 {
  padding-right: 0;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.m0 {
  margin: 0;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.mt-10 {
  margin-top: -10px;
}
.mt-20 {
  margin-top: -20px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt7 {
  margin-top: 7px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt28 {
  margin-top: 28px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt90 {
  margin-top: 90px;
}
.mt100 {
  margin-top: 100px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt140 {
  margin-top: 140px !important;
}
.mt180 {
  margin-top: 180px !important;
}
.mb-10 {
  margin-bottom: -10px;
}
.mb-20 {
  margin-bottom: -20px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb28 {
  margin-bottom: 28px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml-10 {
  margin-left: -10px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.ml60 {
  margin-left: 60px;
}
.ml70 {
  margin-left: 70px;
}
.ml80 {
  margin-left: 80px;
}
.ml90 {
  margin-left: 90px;
}
.ml100 {
  margin-left: 100px;
}
.ml210 {
  margin-left: 210px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mr70 {
  margin-right: 70px;
}
.wp10 {
  width: 10% !important;
}
.wp20 {
  width: 20% !important;
}
.wp30 {
  width: 30% !important;
}
.wp33 {
  width: 33.3% !important;
}
.wp40 {
  width: 40% !important;
}
.wp50 {
  width: 50% !important;
}
.wp60 {
  width: 60% !important;
}
.wp70 {
  width: 70% !important;
}
.wp80 {
  width: 80% !important;
}
.wp90 {
  width: 90% !important;
}
.wp100 {
  width: 100% !important;
}
.w40 {
  width: 40px !important;
}
.w45 {
  width: 45px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w70 {
  width: 70px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w100 {
  width: 100px !important;
}
.w110 {
  width: 110px !important;
}
.w120 {
  width: 120px !important;
}
.w130 {
  width: 130px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w170 {
  width: 170px !important;
}
.w180 {
  width: 180px !important;
}
.w195 {
  width: 195px !important;
}
.w200 {
  width: 200px !important;
}
.w250 {
  width: 250px !important;
}
.w260 {
  width: 260px !important;
}
.w267 {
  width: 267px !important;
}
.w270 {
  width: 270px !important;
}
.w300 {
  width: 300px !important;
}
.w350 {
  width: 350px !important;
}
.w400 {
  width: 400px !important;
}
.w500 {
  width: 500px !important;
}
.w550 {
  width: 550px !important;
}
.w555 {
  width: 550px !important;
}
.w600 {
  width: 600px !important;
}
.w700 {
  width: 700px !important;
}
.w750 {
  width: 750px !important;
}
.w800 {
  width: 800px !important;
}

.cursor {
  cursor: pointer;
}

.f5 {
  font-size: 5px;
}
.f6 {
  font-size: 6px;
}
.f7 {
  font-size: 7px;
}
.f8 {
  font-size: 8px;
}
.f9 {
  font-size: 9px;
}
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f15 {
  font-size: 15px;
}
.f16 {
  font-size: 16px;
}
.f17 {
  font-size: 17px;
}
.f18 {
  font-size: 18px;
}
.f19 {
  font-size: 19px;
}
.f20 {
  font-size: 20px;
}
.f21 {
  font-size: 21px;
}
.f22 {
  font-size: 22px;
}
.f23 {
  font-size: 23px;
}
.f24 {
  font-size: 24px;
}
.f25 {
  font-size: 25px;
}
.f30 {
  font-size: 30px;
}
.f40 {
  font-size: 40px;
}
.f50 {
  font-size: 50px;
}
.f60 {
  font-size: 60px;
}
.f70 {
  font-size: 70px;
}
.f80 {
  font-size: 80px;
}
.f90 {
  font-size: 90px;
}
.f100 {
  font-size: 100px;
}

.ts {
  text-shadow: 1px 1px 1px #949494;
}
.word-break {
  word-break: break-all;
  word-wrap: break-word;
}
.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.word-break {
  word-break: break-all;
}
.noData-tips {
  text-align: center;
  color: #888;
  font-size: 20px;
  line-height: 200px;
}
.fb {
  font-weight: 700;
}
.fn {
  font-weight: 400;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.none {
  display: none;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.border-sd {
  box-shadow: 1px 1px 6px #ddd;
}

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

/* 滚动条 */
::-webkit-scrollbar {
  height: 20px;
  width: 0px;
}
::-webkit-scrollbar-thumb {
  min-height: 60px;
  background: #0068bd;
  border-radius: 0px;
} /* box-shadow:0 0 1px 1px rgba(0,104,189,.25) */
::-webkit-scrollbar-track:vertical {
  background: #eee;
}
::-webkit-scrollbar-track:horizontal {
  background: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(rgba(0, 104, 189, 0.13)),
    to(rgba(0, 104, 189, 0.13)),
    color-stop(0.5, rgba(0, 104, 189, 0.05))
  );
}
::-webkit-scrollbar-corner {
  background: #eee;
}

/* 分页 */
.paginationU {
  text-align: center;
  padding-bottom: 5px;
}
.paginationU .current,
.paginationU a {
  color: #000;
  position: relative;
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  line-height: 1.2;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 1px;
  margin-bottom: 5px;
  margin-right: 0;
}
.paginationU a:hover {
  border: 1px solid #f96332;
  background: #f96332;
  color: #fff;
}
.paginationU .current {
  z-index: 2;
  color: #fcfcfc;
  border-color: #f96332;
  cursor: default;
  background-color: #f96332;
}

.userinput {
  border: 0;
  background: #fff;
  border-left: 3px solid #00f;
  border-radius: 0;
  background-image: url(../images/user.png);
  background-repeat: no-repeat;
  background-position: 3%;
  padding-left: 30px;
}
.passinput {
  border: 0;
  background: #fff;
  border-left: 3px solid #f60;
  border-radius: 0;
  background-image: url(../images/password.png);
  background-repeat: no-repeat;
  background-position: 3%;
  padding-left: 30px;
}

.gradient {
  width: 100% !important;
  height: 900px !important;
  filter: alpha(
      opacity=100 finishopacity=50 style=1 startx=0,
      starty=0,
      finishx=0,
      finishy=150
    )
    progid:
    DXImageTransform.Microsoft.gradient(
      startcolorstr=red,
      endcolorstr=blue,
      gradientType=0
    );
  -ms-filter: alpha(
      opacity = 100 finishopacity = 50 style = 1 startx = 0,
      starty = 0,
      finishx = 0,
      finishy = 150
    )
    progid:
    DXImageTransform.Microsoft.gradient(
      startcolorstr=red,
      endcolorstr=blue,
      gradientType=0
    );
  background: #00f;
  background: -moz-linear-gradient(
    top,
    rgba(5, 149, 253, 0.5),
    rgba(8, 94, 255, 0.2)
  );
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#f5f6f1),
    to(rgba(8, 94, 255, 0.2))
  );
  background: -o-linear-gradient(
    top,
    rgba(5, 149, 253, 0.5),
    rgba(8, 94, 255, 0.2)
  );
}

.uploadBtn {
  margin-bottom: 0;
}
.webuploader-container {
  position: relative;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.file-item {
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
  width: 50px;
}
.file-item img {
  width: 50px;
  height: 50px;
}
.file-item .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  text-indent: 5px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  z-index: 10;
}
.file-item .info {
  line-height: 30px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.upload-state-done:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  position: absolute;
  bottom: 0;
  right: 4px;
  color: #4cae4c;
  z-index: 99;
}
.file-item .progress {
  position: absolute;
  right: 0;
  bottom: 4px;
  height: 3px;
  left: 0;
  height: 4px;
  overflow: hidden;
  z-index: 15;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: 0 0;
}
.file-item .progress span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 100%;
  background: #3cc468;
}
.checkImgList_item {
  float: left;
  width: 32px;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
}
.checkImgList_item .listImg {
  width: 32px;
  height: 32px;
  padding: 2px;
  border: 1px solid #ddd;
  cursor: pointer;
  vertical-align: top;
  background: #fff;
}
.checkImgList_item .listImg:hover {
  background: #00bb9c;
}
.upload-nav {
  width: 100%;
}
.upload-nav > a {
  position: relative;
  float: left;
  width: 200px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #333;
  background: #fff;
  margin-right: 10px;
}
.upload-nav > a > div {
  width: 100%;
  height: 41px;
  color: #42a5f5;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.upload-nav .no-active > div {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  color: #333;
}
.upload-nav-main {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 0 5px 5px 5px;
}

.leftcao1 {
  border-bottom: 1px solid #004785;
  background: #005792;
  color: #fff;
}
.leftcao1:hover {
  cursor: pointer;
  border-bottom: 1px solid #004785;
  background: #fff;
  color: #ee6b3e;

  animation: menuslas 1.5s;
  -moz-animation: menuslas 1.5s; /* Firefox */
  -webkit-animation: menuslas 1.5s; /* Safari and Chrome */
  -o-animation: menuslas 1.5s; /* Opera */
}

@keyframes menuslas {
  0% {
    background: #005792;
  }
  100% {
    background: #fff;
    color: #ee6b3e;
  }
}

@-moz-keyframes menuslas /* Firefox */ {
  0% {
    background: #005792;
  }
  100% {
    background: #fff;
    color: #ee6b3e;
  }
}

@-webkit-keyframes menuslas /* Safari and Chrome */ {
  0% {
    background: #005792;
  }
  100% {
    background: #fff;
    color: #ee6b3e;
  }
}

@-o-keyframes menuslas /* Opera */ {
  0% {
    background: #005792;
  }
  100% {
    background: #fff;
    color: #ee6b3e;
  }
}

.loadingfile {
  font-size: 14px;
  position: relative;
  display: inline-block;
  background: #e6a23c;
  border: 0px solid #e6a23c;
  border-radius: 3px;
  padding: 6px 12px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  text-indent: 0;
  line-height: 22px;
  cursor: pointer;
}
.loadingfile input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.loadingfile:hover {
  background: #d8993a;
  border-color: #fff;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.tops {
  background: #fff;
  position: relative;
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  clear: both !important;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.contentsa {
  padding: 12px;
  position: absolute;
  margin-top: 16px;
  background: #fff;
  width: calc(100% - 32px);
  height: calc(100% - 168px);
  border-radius: 5px;
  clear: both !important;
  overflow: hidden;
  overflow-y: scroll;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.contentsa_report {
  position: relative;
  background: #fff;
  width: calc(100% - 0px);
  border-radius: 5px;
  margin-bottom: 16px;
  clear: both !important;
  overflow: hidden;
  overflow-y: scroll;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.contentsa_screen {
  position: absolute;
  background: #fff;
  width: calc(100% - 32px);
  height: calc(100% - 88px);
  clear: both !important;
  overflow: hidden;
  overflow-y: scroll;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.content_left {
  position: fixed;
  width: 300px;
  height: calc(100% - 88px);
  background: #fff;
  border-radius: 5px;
  top: 16px;
  left: 16px;
}
.content_right {
  position: fixed;
  width: calc(100% - 314px);
  left: 330px;
  border-radius: 5px;
  height: calc(100% - 0px);
  font-size: 14px;
  top: 16px;
}

.content_right > .tops {
  width: calc(100% - 32px);
}

.person {
  position: relative !important;
  padding: 10px;
}
.person-item {
  position: absolute;
  width: 160px;
  background: #fff;
  right: 10px;
  border-radius: 5px;
  display: none;
  margin-top: 10px;
  padding-bottom: 5px;
  border: 1px solid #f2f2f2;
  z-index: 99;
}
.person:hover > .person-item {
  display: block;
}
.p-items:hover {
  background: #e4e1e1;
  cursor: pointer;
}
.screens {
  position: relative !important;
  padding: 18px;
  padding-right: 12px;
}
.person-item_1 {
  position: absolute;
  width: 160px;
  background: #fff;
  right: 10px;
  border-radius: 5px;
  display: none;
  margin-top: 10px;
  padding-bottom: 5px;
  border: 1px solid #f2f2f2;
}
.screens:hover > .person-item_1 {
  display: block;
}
.menu_item {
  padding-top: 14px;
  padding-bottom: 14px;
  color: #fff;
  cursor: pointer; /* line-height: 22px; */
}
.menu_item:hover {
  background: rgba(0, 0, 0, 0.15);
}
.menu_item_ok {
  background: rgba(0, 0, 0, 0.15);
}
.menu_item_chro {
  padding: 16px;
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
}
.menu_item_chro:hover {
  background: #dfe3ee;
}
.menu_item_chro_ok {
  background: #dfe3ee;
}

.el-table th.el-table__cell {
  background-color: #cee8ff !important;
}

/* 全局斑马纹 */
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #f2f6fc;
}

.face-bk {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  overflow-y: scroll;
  padding: 16px;
}

.form-bk {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 130px);
  background: #fff;
  overflow: hidden;
  overflow-y: scroll;
  padding: 36px;
  padding-top: 16px;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.el-message-box__status.el-icon-warning {
  color: #f00;
}

.tpl-botton {
  position: fixed;
  bottom: 60px;
  left: 0px;
  width: 100%;
  padding: 16px;
  background: #fff;
  border-top: 1px solid #ebeef7;
  z-index: 15151515;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
}

.welcome {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  z-index: 15151515;
  padding: 16px;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  border-top: 1px solid #eee;
}
.item_tree {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.item_tree_edit {
  display: none;
  position: absolute;
  z-index: 1000;
  right: 0px;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 10px 10px 10px #ddd;
}
.item_tree:hover > .item_tree_edit {
  display: block;
}
.el-cascader-menu__list {
  z-index: 1000005 !important;
}

.con-new {
  height: calc(100% - 202px);
}
.new-title {
  display: flex;
}
.fel {
  flex: 1;
}
.new-title .fel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-pic {
  width: 168px;
  height: 104px;
  overflow: hidden;
}
.new-p {
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.a-hover:hover {
  text-decoration: underline;
}
#dcappm {
  font-size: 14px;
}

.el-drawer__header {
  border-bottom: 1px solid #ebeef7;
  padding-bottom: 16px;
}
.el-tree .is-expanded {
  overflow: hidden;
}
.el-tree .ver-s {
  vertical-align: super;
}
.el-tree .ver-t {
  vertical-align: top;
}
.el-tree .el-icon-caret-right:before {
  content: "\e791";
  /* background: url(../icon/tree.png) 0px 0px no-repeat; */
  background-size: 10px 10px;
  height: 24px;
  width: 20px;
  /* float: left; */
  cursor: pointer;
  margin-right: 4px;
  /* background-position: 4px 20px; */
}
expanded el-tree-node__expand-icon el-icon-caret-right {
}
.el-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background-position: 0;
  position: relative;
}
.el-tree .el-tree-node__expand-icon.expanded:before {
  content: "\e790";
  /* background: url(../icon/tree1.png) 0px 0px no-repeat; */
  background-size: 10px 10px;
  height: 24px;
  width: 20px;
  /* float: left; */
  cursor: pointer;
  margin-right: 4px;
  /* background-position: 4px 8px; */
}
.el-tree .el-tree-node__expand-icon.expanded:after {
  content: "";
  background: url(../icon/line.png) -7px 0 repeat;
  height: 1920px;
  width: 1px;
  position: absolute;
  top: 12px;
  margin-left: -9px;
}
.el-tree
  > div.el-tree-node
  > div.el-tree-node__content
  > span.el-tree-node__expand-icon.expanded:after {
  display: none;
}
.el-tree .el-tree-node__content > .el-tree-node__expand-icon {
  padding: 0;
}
.el-tree .el-tree-node__expand-icon.is-leaf:before {
  background: url(../icon/line.png) no-repeat;
  height: 24px;
}
.el-tree
  > div.el-tree-node
  > div.el-tree-node__content
  > span.el-tree-node__expand-icon.is-leaf.el-icon-caret-right:not(
    .expanded
  ):before {
  /* background: url(../icon/tree.png) 0px 0px no-repeat; */
  background-position: 4px 10px;
  background-size: 10px 8px;
}
.el-tree
  div[role="treeitem"]:last-of-type
  .el-tree-node__expand-icon.is-leaf:before {
  background-position: 0 -1766px;
}
.el-tree
  .el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
  background-color: #fff;
}
.el-tree
  .el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content
  span {
  color: red;
}
.el-tree .el-tree-node__content {
  height: 24px;
}
.new201119 .bg-blue1 {
  background-color: #1e9fff !important;
}
.el-tree
  div[role="treeitem"]:last-of-type
  .el-tree-node__expand-icon.is-leaf:before {
  background-position: 0 0;
}
.el-tree
  div[role="treeitem"]:last-of-type
  > div.el-tree-node__content
  > .el-tree-node__expand-icon.is-leaf:before {
  background-position: 0 -1766px !important;
}
.clearpd {
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.el-dialog__body {
  padding: 0px !important;
}
.bs {
  position: absolute;
  padding: 3px;
  background: #1891ff;
  color: #fff;
  transform: rotate(45deg);
  right: -60px;
  top: 10px;
  width: 150px;
}
/* input[type=file] {
    display: none !important;
} */
.el-upload--picture-card {
  width: 108px;
  height: 108px;
  line-height: 108px;
}
.el-upload-list--picture-card .el-upload-list__item {
  width: 108px;
  height: 108px;
}
/* 树状菜单 */
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
  /* color: #333; */
}
.el-drawer__header {
  margin-bottom: 16px;
}
.newsitems:hover {
  background: #eee;
}
.el-drawer__header {
  margin-bottom: 0px;
}
.el-aside {
  padding-bottom: 10px !important;
}
.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 0px;
  padding-top: 0px;
}
.el-button--primary {
  color: #fff;
  background-color: #0084fe;
  border-color: #0084fe;
}
.el-button--info {
  color: #fff;
  background-color: #07ab62;
  border-color: #07ab62;
}
/* .el-button--success{
  color: #fff;
  background-color: #07AB62;
  border-color: #07AB62;
} */

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background-color: #0084fe;
  border-color: #0084fe;
  -webkit-box-shadow: -1px 0 0 0 #0084fe;
  box-shadow: -1px 0 0 0 #0084fe;
}
/**/
.circle1 {
  position: absolute;
  left: 50%;
  top: 26%;
  bottom: 0;
  width: 28vw;
  opacity: 0.2;
  transform: translateX(-50%) translateY(100px) translateZ(-20px)
    rotateX(100deg) rotateY(-180deg) rotateZ(0deg) scaleX(1.1) scaleY(1)
    scaleZ(1);
}

.map-bg {
  background: url(../welcome/h.png) no-repeat center !important;
  background-size: auto;
  background-size: 100% 100% !important;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  position: absolute;
  width: 38vw;
  height: 20vh;
  -webkit-animation: opcity 3s linear 0s infinite;
  animation: opcity 3s linear 0s infinite;
}

[v-clock] {
  display: none;
}

@keyframes opcity {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }

  100% {
    opacity: 0.3;
  }
}

.circle1 img {
  width: 100%;
  -webkit-animation: z 50s linear 0s infinite;
  animation: z 50s linear 0s infinite;
}

@keyframes z {
  0% {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
  }

  100% {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg)
      rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
  }
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 0px #e6e6e6;
}

.el-tree-node__content {
  height: 36px !important;
}
.el-menu-item.is-active {
  background: #ddd !important;
  border-bottom: 0px !important;
}
.el-menu-item.theme_1.is-active {
  background: #046cd7 !important;
  border-bottom: 0px !important;
}
.el-submenu__title i {
  color: #fff !important;
}
/*
.el-menu-item {
    background: #0084FE !important;
    min-width: 140px !important;
    text-align: center;
    border-bottom: 0px !important;
    font-size: 16px !important;
}
.el-menu-item:hover {
    border-bottom: 0px !important;
    color: #fff !important;
}
.el-menu-item:hover i{
    border-bottom: 0px !important;
    color: #fff !important;
}

.el-submenu__title{
    font-size: 16px !important;
    min-width: 140px !important;
    text-align: center !important;
}
.el-submenu__title i{
    font-size: 17px !important;
}
.el-submenu:hover > .el-submenu__title{
    border-bottom: 0px !important;
    color: #fff !important;
}
.el-submenu:hover > .el-submenu__title i{
    border-bottom: 0px !important;
    color: #fff !important;
}*/
/* .el-submenu.is-active > .el-submenu__title{
    background: #132FCD !important;
    border-bottom: 0px !important;
} */
/* .el-submenu.is-opened > .el-submenu__title{
    background: #132FCD !important;
    border-bottom: 0px !important;
} */
/*
.el-submenu.is-active > .el-submenu__title > i{
    color: #fff !important;
}
.el-submenu.is-opened > .el-submenu__title > i{
    color: #fff !important;
} */
.themes:hover {
  border: 1px solid #061fb0;
}
.menuicon:hover {
  background: #061fb0;
  color: #fff;
}
.xform-button-primary {
  width: 105px;
  background: #0084fe;
  outline: none;
}
.xform-button-primary:hover {
  width: 105px;
  background: #3548bb;
  outline: none;
}
.xform-button-default {
  width: 105px;
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
  outline: none;
}
.xform-button-default:hover {
  width: 105px;
  background: #ecf5ff;
  border: 1px solid #a7cbf0;
  color: #5aa5f1 !important;
  outline: none;
}
.xfrom-file-box {
  position: fixed;
  width: 800px;
  height: 660px;
  z-index: 2003;
  background: #fff;
  left: 50%;
  margin-left: -400px;
  margin-top: 6vh;
  border-radius: 2px;
  animation: fadein1 0.4s;
}
/* 从上往下  */
@keyframes fadein1 {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: none;
  }
}

.xfrom-file-box-close {
  position: fixed;
  width: 800px;
  height: 660px;
  z-index: 2003;
  background: #fff;
  left: 50%;
  margin-left: -400px;
  margin-top: 6vh;
  border-radius: 2px;
  animation: fadein2 0.4s;
}
/* 从下往上  */
@keyframes fadein2 {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: none;
  }
}

.xform-upload-btn {
  background: rgba(0, 0, 0, 0);
  width: 100px;
  height: 100px;
  border: 1px dotted #333;
  float: left;
}
.xform-upload-btn-div > i {
  padding: 19px;
  color: #666;
  font-size: 20px;
}
.video {
  border: 1px solid #0084fe;
  cursor: pointer;
}
.video:hover {
  border: 1px solid red;
}

.arrow_box {
  position: fixed;
  width: 100%;
  height: calc(100% - 58px);
  z-index: 100000000;
  top: 0;
  left: 0;
  animation: glow 800ms ease-out infinite alternate;
}
@keyframes glow {
  0% {
    border-color: #f00;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.4),
      inset 0 0 5px rgba(255, 0, 0, 0.1), 0 5px 0 #f00;
  }
  100% {
    border-color: #f00;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6),
      inset 0 0 10px rgba(255, 0, 0, 0.8), 0 5px 0 #6f6;
  }
}
.collaps:hover {
  color: #0084fe !important;
}

/* ------------------- 自定义 -------------------- */
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex.col {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.space-between {
  justify-content: space-between;
}
/* home */
.home_item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.home_item {
  position: relative;
  cursor: pointer;
  border-radius: 7px;
  width: 300px;
  height: 129px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 20px 20px 0;
  padding-top: 14px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
}
.home_item__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home_btn {
  padding: 4px 8px !important;
}
/* business 业务办理 */
.bus_search .el-input__inner {
  border-radius: 20px;
  padding-right: 40px;
}
.bus_btn {
  border-radius: 40px;
  cursor: pointer;
  font-size: 18px;
  padding: 14px 22px;
  margin-right: 15px;
}
.bus_btn_active {
  background: #047dfb;
  font-weight: 600;
  color: #ffffff;
}
.bus_btn_inactive {
  background: #cee8ff;
  font-weight: 600;
  color: #047dfb;
}
/* 用户授权 */
.user_grant_col {
  padding: 7.5px;
  background: #f9fdff;
  border-radius: 2px;
  position: relative;
}
/* 三角形 */
.user_grant_tri {
  width: 0px;
  height: 0px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-top: solid 8px #1890ff;
  border-right: solid 8px #1890ff;
  border-bottom: solid 8px transparent;
  border-left: solid 8px transparent;
}
.custom_desc {
  padding: 7.5px;
  border: 1px solid #1890ff;
  min-height: 247px;
}
/* 用户授权 */
.common_tips {
  position: absolute;
  height: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: linear-gradient(180deg, #ffb26d 0%, #eb892a 100%);
}
.common_tips > .common_tips__img {
  width: 16px;
  height: 16px;
}
.common_tips > .common_tips__txt {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 5px;
}
.common_btn_icon {
  background: #047dfb;
  border-radius: 25px;
  padding: 8px;
  display: flex;
  align-items: center;
  height: 12px;
  cursor: pointer;
}
.common_btn_icon > .common_btn__txt {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  padding: 0 10px;
}
.common_btn_icon > .common_btn__img {
  width: 19px;
  height: 19px;
}
.common_select_tree .el-select-dropdown__item {
  padding: 0;
}
.el-descriptions.custom_desc .el-descriptions-item__container {
  justify-content: space-between;
}

.common_index_i {
  color: #fff;
  background: #047dfb;
  padding: 4px;
  margin-left: 2px;
}
.handle_item_wrap {
  width: 20%;
  box-sizing: border-box;
  /* height: 120px; */
  padding: 15px;
}
/* .handle_item:hover { */
.handle_item {
  cursor: pointer;
  background-image: url("../image/hdbg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;

  display: flex;
  flex-direction: column;
  align-items: center;

  border: 2px solid #8bc7fe;
  /* margin: 0px 19px 19px 0; */
  position: relative;
  height: 120px;
  border-radius: 12px;
  background-color: #f0f8fd;
}
/* ios 的问题 */
/* ssess/index/index*/
.w-215px {
  width: 215px;
}
.p-27px {
  padding: 27px;
}
.w-37px {
  width: 37px;
}
.h-37px {
  height: 37px;
}
.ml-15px {
  margin-left: 15px;
}
.w-6px {
  width: 6px;
}
.h-17px {
  height: 17px;
}
.ml-6px {
  margin-left: 6px;
}
.bg-#0084fe {
  background-color: #0084fe;
}
.inline-block {
  display: inline-block;
}
.m-20px {
  margin: 20px;
}
.ml-30px {
  margin-left: 30px;
}
/* custom element css cover */
.el-table thead {
  color: #2b2b2b;
  font-weight: 500;
}
.el-form--inline .el-form-item {
  vertical-align: middle;
}
.el-button--info:focus,
.el-button--info:hover {
  background: #09b468;
  border-color: #09b468;
  color: #fff;
}

.colorfull_dialog .el-dialog__body {
  padding: 0 15px !important;
}
.author_page_cotainer {
  border: 1px solid rgba(24, 144, 255, 1);
  border-radius: 2.1px;
  padding: 10px;
}
.author_page_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  padding: 0 10px;
  background: rgba(232, 154, 45, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(232, 154, 45, 0.5);
}
.author_page_bluetext{
  color:rgba(0, 132, 254, 1)
}

.el-progress-bar__outer{
  background-color: rgba(0, 132, 254, 0.20);
}
.author_page_number_box{
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px;
}
.author_page_number_item{
  width: 30%;
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}
.author_page_number_between{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  text-align: left;
}
.author_page_number_nobet{
  margin: 10px 0;
  text-align: left;
}
.author_page_ctitle{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.author_page_blueblock{
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0,0,0,0.85);
  padding: 16px;
}
.author_page_tablewarning{
  background: #E89A2D;
}
.author_page_blueblock::after{
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  content: "";
  width: 4px;
  height: 16px;
  background: #0084FE;
}
.author_page_colldes{
    display: flex;
    justify-content: center;
    align-items: center;
}
.colorfull_dialog .el-dialog__body{
  padding:0 15px !important;
}


.author_page_box{
  text-align: center;
  padding:10px 0  20px 0;
}
.author_page_choose_btn{
  display: inline-block;
  padding:0 50px;
  height: 46px;
  line-height: 46px;
  background: #CEE8FF;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 600;
  color: #0084FE;
  margin:0 10px;
  cursor: pointer;
}
.author_page_choose_btn_square{
  display: inline-block;
  padding:0 50px;
  height: 46px;
  line-height: 46px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin:0 10px;
  cursor: pointer;
}
.author_page_choose_btn.cur,.author_page_choose_btn_square.cur{
  color: #FFFFFF;
  background: #047DFB;
}
.author_page_table{
  background: #F9FDFF;
  border: 1px solid #1890FF;
}
.author_page_table .tb_head{
  background: #CEE8FF;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #2B2B2B;
}
.author_page_table .tb_head .hd_cell{
  padding:8px 10px;
}

.author_page_table .hd_cell,
.author_page_table .tb_cell{
  border-right: 1px solid #fff;
}
.author_page_table .flex_box{
  display: flex;
  align-items: center;
}
.author_page_table .tb_row{
  display: flex;
  background: #F2F6FC;
  align-items: center;
  border-bottom: 1px solid #fff;
  
}
.author_page_table .flex_2{
  flex: 2;
}
.author_page_table .flex_1{
  flex: 1;
}

.author_page_table .tb_bd{
  font-size: 14px;
  font-weight: 400;
  color: #2B2B2B;
  text-align: center;
}
.author_page_table .dif_cell,
.author_page_table .flex_cell{
  display: flex;
  align-items: center;
}
.author_page_table .dif_cell .name,
.author_page_table .flex_cell .name{
  flex: 1;
}
.author_page_table .dif_cell .name{
  cursor: pointer;
}
.author_page_table .tag{
  background: rgba(4,108,215,0.2);
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #0084FE;
  padding:4px 5px;
}
.author_page_table .tb_cell{
  padding:  10px;
  box-sizing: border-box;
  
}

.author_page_table .detail{
  text-align: left;
  padding: 10px 30px 20px 30px;
}
.author_page_dot_title,
.author_page_line_title{
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0,0,0,0.85);
  padding: 16px;
  padding-right: 0;
}
.author_page_dot_title{
  padding-bottom: 0;
}
.author_page_dot_title::after,
.author_page_line_title::after{
  position: absolute;
  left:0;
  top:20px;
  content: "";
  width: 4px;
  height: 16px;
  background: #0084FE;
}

.author_page_dot_title::after{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top:23px;

}

.author_page_table .detail .phone_box{
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
}
.author_page_table .detail .phone_box .phone_item{
  font-size: 14px;
  font-weight: 400;
  padding-right: 30px;
  color: rgba(0,0,0,0.85);
  line-height: 20px;
  padding-top: 10px;
}
.author_page_table .detail .desc{
  text-indent: 2em;
  font-size: 14px;
  text-align: justify;
  font-weight: 400;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
}

.author_page_border_blue_1{
  background: #F9FDFF;
  border-radius: 4px;
  border: 1px solid #1890FF;
  margin: 20px 0;
  display: flex;
}

.author_page_border_blue{
  background: #F9FDFF;
  border-radius: 2px;
  border: 1px solid #1890FF;
  padding: 20px 15px;
  margin: 20px 0;
  
}
/* //修改表格边框颜色 */
::v-deep.author_page_border_blue .el-table {
  --el-table-border-color: #ffffff;
}
.author_page_history_title{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* justify-content: flex-end; */
}
.author_page_history_title .name{
  white-space:nowrap;
  font-size: 20px;
  font-weight: 600;
  color: #2B2B2B;
  margin-right: 20px;
  min-width: 140px;
  margin-bottom: 10px;
}
.author_page_history_title .el-icon-view{
  font-size: 22px;
  cursor: pointer;
}
.author_page_history_title .period{
  white-space:nowrap;
  font-size: 16px;
  font-weight: 400;
  color: #2B2B2B;
  margin-right: 20px;
  margin-bottom: 10px;
}
.author_page_history_title .control_btn{
  padding: 6px 20px;
  min-width: 140px;
  background: #CEE8FF;
  border-radius: 23px;
  color: #0084FE;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.author_page_history_title .control_btn.cur{
  color: #fff;
  background: #047DFB;
}
.author_page_history_title .month_date{
  display: inline-block;
  margin-bottom: 10px;
  width: 150px;
}
.author_page_history_title .month_date .el-input__inner{
  border:0 none;
  height: auto;
  background: rgba(0,132,254,0.05);
  border-radius: 16px;
  border: 1px solid #0084FE;
  height: 32px;
  line-height: 32px;
}
.author_page_history_title .month_date .el-input__suffix{
  top:-4px
}


.author_page_telephone_fare{
  display: flex;
  justify-content: center;
  align-items:flex-end;
}
.author_page_telephone_fare .text{
  font-size: 16px;
  font-weight: 400;
  color: #2B2B2B;
  line-height: 22px;
}
.author_page_telephone_fare .item_row{
  text-align: center;
  padding: 20px 40px;
}
.author_page_telephone_fare .tag{
  position: relative;
  display: inline-block;
  border:1px solid rgb(243, 139, 139);
  background-color: rgb(253, 231, 231);
  font-size: 14px;
  font-weight: 400;
  padding:2px 8px;
  color: rgba(218,0,0,0.5);
  line-height: 20px;
  border-radius: 19px;
  margin-bottom: 6px;
}
.author_page_telephone_fare .tag::after{
  position: absolute;
  bottom:-16px;
  left:50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: rgb(243, 139, 139) transparent transparent transparent;

}
.author_page_telephone_fare .symbol{
  font-size: 26px;
  font-weight: 600;
  color: #353535;
  padding-bottom: 30px;
}
.author_page_telephone_fare .num{
  font-size: 26px;
  font-weight: 600;
  color: #2B2B2B;
  line-height: 37px;
}
.author_page_telephone_fare .num.red{
  color: #DA0000;
}
.flex_box{
  display: flex;
  align-items: center;
}
.flex_cell{
  flex: 1;
}
.flex_inline{
  display: inline-block;
  cursor: pointer;
}

.author_page_orange_box{
  padding: 7px 20px;
  background: rgba(232,154,45,0.1);
  border: 1px solid rgba(232,154,45,0.5);
}

.author_page_label_title{
  text-align: center;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 44px;
}
.bg_blue{
  background: #0084FE;
}
.bg_orange{
  background: #E89A2D;
}
.bg_shallow_blue{
  background: #CEE8FF;
}
.bg_shallow_orange{
  background: rgba(232,154,45,0.3);
}

.bg_deepshallow_orange{
  background: rgba(232,154,45,0.1);;
}
.bg_shallow_gray{
  background: #F2F6FC;
}
.author_page_border_blue .tb_hd_line{
  font-size: 16px;
  color: #2B2B2B;
  line-height: 44px;
}
.author_page_border_blue .flex_box{
  margin:0 -1px;
}

.author_page_border_blue .flex_inline{
  text-align: center;
  padding: 0 18px;
  min-width: 116px;
  border:1px solid #fff;
}
.author_page_border_blue .flex_cell{
  padding-left:18px;
  min-width: 116px;
  border:1px solid #fff;
}


.author_page_diftable .el-table__footer-wrapper tbody td.el-table__cell, 
.author_page_diftable .el-table__header-wrapper tbody td.el-table__cell{
  background: #CEE8FF !important;
  font-size: 14px;
  font-weight: 600;
  color: #DA0000;
}

.author_page_diftable .el-table__footer-wrapper tbody tr td.el-table__cell:first-child, 
.author_page_diftable .el-table__header-wrapper tbody tr td.el-table__cell:first-child{
  background: #CEE8FF !important;
  font-size: 14px;
  font-weight: 600;
  color: #2B2B2B;
}