@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-c85c799c] {
  background: #2276FF;
  border: 1px solid #2276FF;
  border-radius: 5px;
}
.el-dropdown-menu__item[data-v-c85c799c] {
  text-align: center;
}
.el-dropdown-menu__item[data-v-c85c799c]:focus, .el-dropdown-menu__item[data-v-c85c799c]:not(.is-disabled):hover {
    background-color: #2277ff21;
    color: #2276ff;
    font-weight: 600;
}

/**
 * 表格区域公共样式
 */
.table-wrap[data-v-c85c799c] {
  width: 100%;
}
.table-wrap .el-loading-mask[data-v-c85c799c] {
    z-index: 8 !important;
}
.table-wrap .table-tools[data-v-c85c799c] {
    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-c85c799c] {
      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-c85c799c] {
        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-c85c799c] {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #2a98ff;
}
.table-wrap .table-tools .table-tools-left .shape[data-v-c85c799c] {
      display: inline-block;
      width: 3px;
      height: 16px;
      background: #1875f0;
      border-radius: 2px;
      position: relative;
      top: 2px;
      right: 3px;
}
.table-wrap .table-content[data-v-c85c799c] {
    padding-bottom: 45px;
    background: #ffffff;
}
.table-wrap .table-content .el-table .el-table__body-wrapper[data-v-c85c799c]::-webkit-scrollbar {
      width: 10px;
}
.table-wrap .table-content .el-table .el-table__body-wrapper[data-v-c85c799c]::-webkit-scrollbar-thumb {
      width: 10px;
      background: #c1c1c1;
}
.table-wrap .table-content .el-table thead th[data-v-c85c799c] {
      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-c85c799c] {
      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-c85c799c] {
        cursor: pointer;
}
.table-wrap .table-content .el-table tbody .el-table__row td .td-img-content img[data-v-c85c799c] {
          width: 32px;
          height: auto;
}
.table-wrap .table-content .el-table tbody .el-table__row td .td-long-text-content[data-v-c85c799c] {
        color: #0096ff;
        cursor: pointer;
}
.table-wrap .table-content .el-table tbody .el-table__row .group-select[data-v-c85c799c] {
      margin-left: 10px;
      cursor: pointer;
}
.table-wrap .table-content .table-template-item[data-v-c85c799c] {
      padding: 10px;
      border-radius: 2px;
      font-size: 12px;
}
.table-wrap .table-content .table-template-item.danger[data-v-c85c799c] {
        color: #C6001A;
        background: #F9E5E8;
}
.table-wrap .table-content .table-template-item.warning[data-v-c85c799c] {
        color: #CA7F00;
        background: #FCF2ED;
}
.table-wrap .table-content .table-template-item.primary[data-v-c85c799c] {
        color: #2276FF;
        background: #E9F1FF;
}
.table-wrap .table-content .table-template-item.success[data-v-c85c799c] {
        color: #0CBA70;
        background: #E6F8F0;
}
.table-wrap .table-pages[data-v-c85c799c] {
    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-c85c799c] {
      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-c85c799c]:hover {
        border-color: #2276ff;
}
.table-wrap .table-pages .el-pagination .el-pagination__sizes + .page-btns .last[data-v-c85c799c] {
      display: none;
}
.table-wrap .table-pages .el-pagination .btn-prev[data-v-c85c799c],
    .table-wrap .table-pages .el-pagination .el-pager li[data-v-c85c799c],
    .table-wrap .table-pages .el-pagination .btn-next[data-v-c85c799c] {
      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-c85c799c]:hover,
    .table-wrap .table-pages .el-pagination .btn-next[data-v-c85c799c]:hover {
      color: #2276ff;
}
.table-wrap .table-pages .el-pagination .el-pager li[data-v-c85c799c] {
      margin: 0 5px;
      min-width: 30px;
}
.table-wrap .table-pages .el-pagination .el-pager li:not(.disabled).active[data-v-c85c799c] {
      background-color: #2276ff;
      color: #fff;
}
.table-wrap .table-pages .el-pagination .btn-next + .page-btns .first[data-v-c85c799c] {
      display: none;
}
.table-wrap .table-pages .el-pagination .page-btns[data-v-c85c799c] {
      display: inline-block;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn[data-v-c85c799c] {
        margin: 0;
        background: #f4f4f5;
        border-radius: 0;
        border: 1px solid #ebeef5;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn[data-v-c85c799c]:disabled {
          background: #f4f4f5;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.first[data-v-c85c799c] {
          margin-right: 5px;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.last[data-v-c85c799c] {
          margin-left: 5px;
          position: absolute;
          right: 5px;
}
.table-wrap .table-pages .el-pagination .page-btns .page-btn.first[data-v-c85c799c], .table-wrap .table-pages .el-pagination .page-btns .page-btn.last[data-v-c85c799c] {
          background: #fff;
          border-radius: 3px;
}
.deleteBtn[data-v-c85c799c] {
  color: #C6001A;
  cursor: pointer;
}
.blueBtn[data-v-c85c799c] {
  color: #2276FF;
  cursor: pointer;
}
.greenDiv[data-v-c85c799c] {
  background: #E6F8F0;
  color: #0CBA70;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.redDiv[data-v-c85c799c] {
  background: #F9E5E8;
  color: #C6001A;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.yellowDiv[data-v-c85c799c] {
  background: #FCF2ED;
  color: #CA7F00;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.blueDiv[data-v-c85c799c] {
  background: #E9F1FF;
  color: #2276FF;
  width: 80px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}
.warning[data-v-c85c799c] {
  color: #CA7F00 !important;
}
.success[data-v-c85c799c] {
  color: #0CBA70 !important;
}
.danger[data-v-c85c799c] {
  color: #C6001A !important;
}
.primary[data-v-c85c799c] {
  color: #2276FF !important;
}
.new_loading[data-v-c85c799c] {
  -webkit-animation: rotating-data-v-c85c799c 2s linear infinite;
          animation: rotating-data-v-c85c799c 2s linear infinite;
}
@-webkit-keyframes rotating-data-v-c85c799c {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
}
}
@keyframes rotating-data-v-c85c799c {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
}
}
.all[data-v-c85c799c] {
  width: 100%;
}
.order[data-v-c85c799c] {
  padding: 0 15%;
  padding-top: 20px;
  width: 100%;
  min-height: 58vh;
  background: #f9faff;
  font-family: PingFangSC-Medium, PingFang SC;
}
.order-title[data-v-c85c799c] {
    padding-left: 20px;
    width: 100%;
    height: 60px;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #efefef;
    letter-spacing: 1px;
}
.order-content[data-v-c85c799c] {
    padding: 0 20px;
    background: #ffffff;
}
.order-prompt[data-v-c85c799c] {
    margin: 10px 0;
    color: #f47c27;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    line-height: 32px;
}
.order-title[data-v-c85c799c] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 1px;
    border-bottom: 1px solid #eeeeee;
}
.order-tit[data-v-c85c799c] {
    margin-bottom: 20px;
    padding: 15px 20px;
    background: #fff;
}
.order-tit .title[data-v-c85c799c] {
      height: 40px;
      color: #333333;
      font-size: 18px;
      font-weight: 600;
      line-height: 40px;
}
.order-tit .title2[data-v-c85c799c] {
      padding-left: 30px;
      margin: 10px 0;
      color: #333333;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
}
.order-tit .order-cont[data-v-c85c799c] {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 20px 10px;
      margin-bottom: 15px;
      height: auto;
      border-bottom: 1px solid #ededed;
}
.order-tit .order-cont .order-row[data-v-c85c799c] {
        float: left;
        width: 50%;
        line-height: 40px;
}
.order-tit .order-cont .order-row .ordering[data-v-c85c799c] {
          color: #f79d5c;
}
.order-tit .order-cont .suer-order[data-v-c85c799c] {
        width: 100%;
}
.order-tit .order-cont .suer-order .orderlist[data-v-c85c799c] {
          margin-bottom: 20px;
          background: #f9faff;
          border: 1px solid #eeeeee;
}
.order-tit .order-cont .suer-order .suer-order-title[data-v-c85c799c] {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0 10px;
          width: 100%;
          height: 48px;
          color: #333333;
          font-size: 14px;
          font-weight: 500;
}
.order-tit .order-cont .suer-order .suer-order-title .otitle[data-v-c85c799c] {
            font-weight: 600;
            font-size: 14px !important;
}
.order-tit .order-cont .suer-order .suer-order-title .order1[data-v-c85c799c] {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            font-size: 16px;
            line-height: 48px;
}
.order-tit .order-cont .suer-order .suer-order-title .order2[data-v-c85c799c] {
            width: 100px;
            font-size: 16px;
            line-height: 48px;
            text-align: center;
}
.order-tit .order-cont .suer-order .suer-order-title .order3[data-v-c85c799c] {
            width: 100px;
            font-size: 16px;
            text-align: center;
            line-height: 48px;
}
.order-tit .order-cont .suer-order .suer-order-title .order4[data-v-c85c799c] {
            width: 100px;
            font-size: 16px;
            text-align: center;
            line-height: 48px;
}
.order-tit .order-cont .suer-order .suer-order-title .order5[data-v-c85c799c] {
            width: 100px;
            font-size: 16px;
            text-align: center;
            line-height: 48px;
}
.order-tit .order-cont .suer-order .suer-order-title1[data-v-c85c799c] {
          padding: 0 10px;
          color: #333333;
          font-size: 16px;
          background: #f9faff;
          border-radius: 5px;
          border: 1px solid #eeeeee;
}
.order-tit .order-cont .suer-order .suer-order-title1 .order11[data-v-c85c799c] {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            line-height: 48px;
            font-weight: 600;
}
.order-tit .order-cont .suer-order .suer-order-title1 .order22[data-v-c85c799c] {
            width: 100px;
            font-weight: 600;
            line-height: 48px;
}
.order-tit .order-cont .suer-order .suer-order-title1 .order33[data-v-c85c799c] {
            width: 100px;
            color: #f47c27;
            font-weight: 600;
            line-height: 48px;
}
.order-tit .order-cont .contract-logistics[data-v-c85c799c] {
        overflow: auto;
        max-height: 300px;
        border: 1px solid #eee;
}
.order-tit .order-cont .contract-logistics > p[data-v-c85c799c] {
          text-indent: 1em;
}
.order-tit .total-box[data-v-c85c799c] {
      text-align: right;
}
.order-tit .total-box-price[data-v-c85c799c] {
        color: #f47c27;
        font-size: 30px;
}
.btnfoot[data-v-c85c799c] {
  padding: 0 15%;
  margin-bottom: 20px;
  width: 100%;
  height: 60px;
}
.btnfoot .btnfoot1[data-v-c85c799c] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 12px;
    padding-right: 20px;
    width: 100%;
    height: 60px;
    background: #ffffff;
    -webkit-box-shadow: 0px -5px 5px 0px rgba(229, 229, 229, 0.5);
            box-shadow: 0px -5px 5px 0px rgba(229, 229, 229, 0.5);
    border-radius: 0px 0px 5px 5px;
}
.btnfoot .back[data-v-c85c799c] {
    float: right;
    margin-right: 30px;
    width: 70px;
    height: 36px;
    color: #2276ff;
    text-align: center;
    line-height: 36px;
    background: #d2e3ff;
    border-radius: 5px;
    border: 1px solid #2276ff;
    cursor: pointer;
}
.btnfoot .pay[data-v-c85c799c] {
    float: right;
    width: 120px;
    height: 36px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background: #2276ff;
    border-radius: 5px;
    cursor: pointer;
}