@charset "UTF-8";
/** 书写规则
 *  @link(http://www.shejidaren.com/css-written-specifications.html)
 *  1.位置属性(position, top, right, z-index, display, float等)
 *  2.大小(width, height, padding, margin)
 *  3.文字系列(font, line-height, letter-spacing, color- text-align等)
 *  4.背景(background, border等)
 *  5.其他(animation, transition等)
*/
/*
 * @Author: DongYu
 * @Date: 2022-05-09 19:46:57
 * @LastEditTime: 2022-06-21 17:34:34
 * @LastEditors: LiMing
 * @FilePath: \isignetOpenPlat\src\styles\reset-element-ui.scss
 * @Description: 重写elementUI的样式
 */
.el-button.el-button--primary[data-v-5a9fce8a] {
  background: #2276FF;
  border: 1px solid #2276FF;
  border-radius: 5px;
}
.el-dropdown-menu__item[data-v-5a9fce8a] {
  text-align: center;
}
.el-dropdown-menu__item[data-v-5a9fce8a]:focus, .el-dropdown-menu__item[data-v-5a9fce8a]:not(.is-disabled):hover {
    background-color: #2277ff21;
    color: #2276ff;
    font-weight: 600;
}

/**
 * 表格区域公共样式
 */
.table-wrap[data-v-5a9fce8a] {
  width: 100%;
}
.table-wrap .el-loading-mask[data-v-5a9fce8a] {
    z-index: 8 !important;
}
.table-wrap .table-tools[data-v-5a9fce8a] {
    padding: 0 20px;
    background: white;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
}
.table-wrap .table-tools .table-tools-right .list-hd-link[data-v-5a9fce8a] {
      float: right;
      padding-left: 10px;
      color: #3187ee;
      font-weight: normal;
}
.table-wrap .table-tools .table-tools-right .list-hd-link .view-more-doc[data-v-5a9fce8a] {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #707986;
        cursor: pointer;
}
.table-wrap .table-tools .table-tools-left .table-tools-title[data-v-5a9fce8a] {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #2a98ff;
}
.table-wrap .table-tools .table-tools-left .shape[data-v-5a9fce8a] {
      display: inline-block;
      width: 3px;
      height: 16px;
      background: #1875f0;
      border-radius: 2px;
      position: relative;
      top: 2px;
      right: 3px;
}
.table-wrap .table-content[data-v-5a9fce8a] {
    padding-bottom: 45px;
    background: #ffffff;
}
.table-wrap .table-content .el-table .el-table__body-wrapper[data-v-5a9fce8a]::-webkit-scrollbar {
      width: 10px;
}
.table-wrap .table-content .el-table .el-table__body-wrapper[data-v-5a9fce8a]::-webkit-scrollbar-thumb {
      width: 10px;
      background: #c1c1c1;
}
.table-wrap .table-content .el-table thead th[data-v-5a9fce8a] {
      padding: 0;
      line-height: 39px;
      background-color: #f8f8f8 !important;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #757e9b;
      text-align: left;
}
.table-wrap .table-content .el-table tbody .el-table__row td[data-v-5a9fce8a] {
      position: relative;
      padding: 0;
      height: 45px;
      text-align: left;
}
.table-wrap .table-content .el-table tbody .el-table__row td .td-img-content[data-v-5a9fce8a] {
        cursor: pointer;
}
.table-wrap .table-content .el-table tbody .el-table__row td .td-img-content img[data-v-5a9fce8a] {
          width: 32px;
          height: auto;
}
.table-wrap .table-content .el-table tbody .el-table__row td .td-long-text-content[data-v-5a9fce8a] {
        color: #0096ff;
        cursor: pointer;
}
.table-wrap .table-content .el-table tbody .el-table__row .group-select[data-v-5a9fce8a] {
      margin-left: 10px;
      cursor: pointer;
}
.table-wrap .table-content .table-template-item[data-v-5a9fce8a] {
      padding: 10px;
      border-radius: 2px;
      font-size: 12px;
}
.table-wrap .table-content .table-template-item.danger[data-v-5a9fce8a] {
        color: #C6001A;
        background: #F9E5E8;
}
.table-wrap .table-content .table-template-item.warning[data-v-5a9fce8a] {
        color: #CA7F00;
        background: #FCF2ED;
}
.table-wrap .table-content .table-template-item.primary[data-v-5a9fce8a] {
        color: #2276FF;
        background: #E9F1FF;
}
.table-wrap .table-content .table-template-item.success[data-v-5a9fce8a] {
        color: #0CBA70;
        background: #E6F8F0;
}
.table-wrap .table-pages[data-v-5a9fce8a] {
    margin: 10px 0;
    position: relative;
    float: right;
}
.table-wrap .table-pages .el-pagination .el-pagination__sizes .el-select .el-input .el-input__inner[data-v-5a9fce8a] {
      border: 1px solid #dcdfe6;
      border-radius: 3px;
}
.table-wrap .table-pages .el-pagination .el-pagination__sizes .el-select .el-input .el-input__inner[data-v-5a9fce8a]:hover {
        border-color: #2276ff;
}
.table-wrap .table-pages .el-pagination .el-pagination__sizes + .page-btns .last[data-v-5a9fce8a] {
      display: none;
}
.table-wrap .table-pages .el-pagination .btn-prev[data-v-5a9fce8a],
    .table-wrap .table-pages .el-pagination .el-pager li[data-v-5a9fce8a],
    .table-wrap .table-pages .el-pagination .btn-next[data-v-5a9fce8a] {
      margin: 0;
      margin-right: -1px;
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid #ebeef5;
      color: #666666;
      font-weight: normal;
}
.table-wrap .table-pages .el-pagination .btn-prev[data-v-5a9fce8a]:hover,
    .table-wrap .table-pages .el-pagination .btn-next[data-v-5a9fce8a]:hover {
      color: #2276ff;
}
.table-wrap .table-pages .el-pagination .el-pager li[data-v-5a9fce8a] {
      margin: 0 5px;
      min-width: 30px;
}
.table-wrap .table-pages .el-pagination .el-pager li:not(.disabled).active[data-v-5a9fce8a] {
      background-color: #2276ff;
      color: #fff;
}
.table-wrap .table-pages .el-pagination .btn-next + .page-btns .first[data-v-5a9fce8a] {
      display: none;
}
.table-wrap .table-pages .el-pagination .page-btns[data-v-5a9fce8a] {
      display: inline-block;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn[data-v-5a9fce8a] {
        margin: 0;
        background: #f4f4f5;
        border-radius: 0;
        border: 1px solid #ebeef5;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn[data-v-5a9fce8a]:disabled {
          background: #f4f4f5;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.first[data-v-5a9fce8a] {
          margin-right: 5px;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.last[data-v-5a9fce8a] {
          margin-left: 5px;
          position: absolute;
          right: 5px;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.first[data-v-5a9fce8a], .table-wrap .table-pages .el-pagination .page-btns .page-btn.last[data-v-5a9fce8a] {
          background: #fff;
          border-radius: 3px;
}
.deleteBtn[data-v-5a9fce8a] {
  color: #C6001A;
  cursor: pointer;
}
.blueBtn[data-v-5a9fce8a] {
  color: #2276FF;
  cursor: pointer;
}
.greenDiv[data-v-5a9fce8a] {
  background: #E6F8F0;
  color: #0CBA70;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.redDiv[data-v-5a9fce8a] {
  background: #F9E5E8;
  color: #C6001A;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.yellowDiv[data-v-5a9fce8a] {
  background: #FCF2ED;
  color: #CA7F00;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.blueDiv[data-v-5a9fce8a] {
  background: #E9F1FF;
  color: #2276FF;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.warning[data-v-5a9fce8a] {
  color: #CA7F00 !important;
}
.success[data-v-5a9fce8a] {
  color: #0CBA70 !important;
}
.danger[data-v-5a9fce8a] {
  color: #C6001A !important;
}
.primary[data-v-5a9fce8a] {
  color: #2276FF !important;
}
.new_loading[data-v-5a9fce8a] {
  -webkit-animation: rotating-data-v-5a9fce8a 2s linear infinite;
          animation: rotating-data-v-5a9fce8a 2s linear infinite;
}
@-webkit-keyframes rotating-data-v-5a9fce8a {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
}
}
@keyframes rotating-data-v-5a9fce8a {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
}
}
.productBigDiv[data-v-5a9fce8a] {
  width: 100%;
  height: 100%;
  background: #f9faff;
}
.productBigDiv .topImg[data-v-5a9fce8a] {
    position: relative;
    width: 100%;
}
.productBigDiv .topImg img[data-v-5a9fce8a] {
      width: 100%;
      height: 100%;
}
.productBigDiv .topImg .prodctDesc[data-v-5a9fce8a] {
      position: absolute;
      top: 117px;
      left: 354px;
}
.productBigDiv .topImg .prodctDesc .typeFace .proTit[data-v-5a9fce8a] {
        color: #2276ff;
        font-size: 42px;
        font-weight: 700;
        font-family: HarmonyOS_Sans_SC_Black;
}
.productBigDiv .topImg .prodctDesc .typeFace .proDesc[data-v-5a9fce8a] {
        width: 560px;
        color: #252529;
        line-height: 28px;
        font-size: 18px;
        font-weight: bold;
        font-family: HarmonyOS_Sans_SC_Medium;
}
.productBigDiv .brandType[data-v-5a9fce8a] {
    padding: 60px 15%;
    background: #fff;
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.productBigDiv .brandType .certServeInfo .info[data-v-5a9fce8a] {
        padding: 30px 20px;
        margin-top: 20px;
        width: 32%;
        height: auto;
        border: 1px solid #e9edf2;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
}
.productBigDiv .brandType .certServeInfo .info .img[data-v-5a9fce8a] {
          margin-bottom: 20px;
          text-align: center;
}
.productBigDiv .brandType .certServeInfo .info .img img[data-v-5a9fce8a] {
            width: 54px;
            height: 54px;
}
.productBigDiv .brandType .certServeInfo .info .tit[data-v-5a9fce8a] {
          margin-bottom: 10px;
          color: #252529;
          text-align: center;
          font-size: 18px;
          font-family: A03-, A03;
          font-weight: normal;
}
.productBigDiv .brandType .certServeInfo .info .desc[data-v-5a9fce8a] {
          color: #707986;
          line-height: 24px;
          font-size: 14px;
          letter-spacing: 1px;
}
.productBigDiv .brandType .certServeInfo .info[data-v-5a9fce8a]:hover {
        -webkit-box-shadow: 0px 6px 18px 0px #d3dae4;
                box-shadow: 0px 6px 18px 0px #d3dae4;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel {
        width: 100%;
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel .el-carousel__mask {
          background: rgba(255, 255, 255, 0);
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel .plancard {
          padding: 10px 20px 15px;
          width: 100%;
          height: 100%;
          background: #fff;
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel .plancard .title {
            position: relative;
            overflow: hidden;
            color: #252529;
            line-height: 40px;
            font-size: 16px;
            letter-spacing: 1px;
            text-overflow: ellipsis;
            white-space: nowrap;
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel .plancard .title:after {
            position: absolute;
            bottom: 0;
            left: 0;
            content: '';
            width: 64px;
            height: 2px;
            background: #2276ff;
}
.productBigDiv .brandType .certServeInfo[data-v-5a9fce8a] .el-carousel .plancard .content {
            padding-top: 13px;
            color: #707986;
            line-height: 26px;
            font-size: 14px;
            letter-spacing: 1px;
}
.productBigDiv .brandType[data-v-5a9fce8a] .plancard {
      margin: auto;
}
.swiper-container[data-v-5a9fce8a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 26px 20px 20px;
  width: 100%;
  min-height: 260px;
}
.swiper-slide[data-v-5a9fce8a] {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.swiper-slide-active[data-v-5a9fce8a],
.swiper-slide-duplicate-active[data-v-5a9fce8a] {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.plancard[data-v-5a9fce8a] {
  padding: 10px 20px 15px;
  width: 100%;
  height: 100%;
  background: #fff;
}
.plancard .title[data-v-5a9fce8a] {
    position: relative;
    overflow: hidden;
    color: #929cab;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.plancard .title[data-v-5a9fce8a]:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 64px;
    height: 2px;
    background: #2276ff;
}
.plancard .content[data-v-5a9fce8a] {
    padding-top: 13px;
    color: #b2b7c2;
    line-height: 26px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1px;
}
[data-v-5a9fce8a] .swiper-slide-active .plancard .title {
  color: #252529;
  font-size: 18px;
  font-weight: bold;
}
[data-v-5a9fce8a] .swiper-slide-active .plancard .content {
  color: #707986;
  font-size: 14px;
}
.swiper-button-prev[data-v-5a9fce8a],
.swiper-button-next[data-v-5a9fce8a] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(112, 121, 134, 0.5);
}
.swiper-button-prev[data-v-5a9fce8a]::after,
.swiper-button-next[data-v-5a9fce8a]::after {
  color: #ffffff;
  font-size: 30px;
}