.back_header[data-v-2d296338] {
  width: 100%;
  height: 58px;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 0 24px;
  margin-bottom: 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.back_header .back_header_left[data-v-2d296338] {
    flex: 1;
    display: flex;
    align-items: center;
}
.back_header .back_header_left .back_btn[data-v-2d296338] {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
}
.back_header .back_header_left .back_btn .back_icon[data-v-2d296338] {
        width: 18px;
        height: 18px;
        margin-right: 4px;
}
.back_header .back_header_left .cut_off_rule[data-v-2d296338] {
      width: 1px;
      height: 18px;
      background: #E1E2E6;
      margin: 0 12px;
}
.back_header .back_header_left span[data-v-2d296338] {
      font-family: PingFangSC-Medium;
      font-weight: bold;
      font-size: 18px;
      color: #191B21;
      letter-spacing: 0;
      line-height: 100%;
}
.back_header .back_header_right[data-v-2d296338] {
    display: flex;
    align-items: center;
}

[data-v-2d8174ba] .instructionsDialog {
  /*min-height: 208px;*/
  /*background-image: linear-gradient(180deg, #ECF0FB 1%, #FFFFFF 28%);*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABkAAAADwBAMAAACqOLXbAAAAFVBMVEX////t8fzw9Pz2+P3z9v35+v77/P/WC5i+AAAEDElEQVR42uzYwY2rQBBFUVKADEBkQEcAnX9Mv5qyZSHNr6U3PkdmzKVn+8RoJgAAgO+agT8ZCBgIGAgYCBQMBAoGAgUDgYKBQMFAoGAgUDAQKBgIFAwECgYCBQOBgoFAwUCgYCBQMBAoGAgUDAQKBgIFA4GCgUDBQKBgIPBNOZB1Bv7/BlmXeR0/ljDutNbjfho+5/MQz7X+9c5rGuL7fhafYY4vrX+772teciBDVBzdI9Jaxz78FwsKz4Es8/122ZZZa71EvAeyrOu2xnmcDqvW+u5pWCK2eRzGw21btdbZ0xBD2ba4wpjOprXOnoZX5UHQWmfnQIC/GAgYCBgIbAYCBQOBgoFAwUCgYCDwRc+BnFvSWmdPwzlu989vaK2zcyDn2be+nXvf9307u9Y6exrie7vP9jP0U2udnQO5xcMXrXV2DmQfej8ftP75fg0k3PWg9c/3Pg1n3Ox95NDzOrX++X69Qc7ngKKD1r/enz+xHoda65QDAV4MBAwEDASeDAQKBgIFA4GCgcAXfQbS+tX70eO6utY6OwfS2nUdrfV2HFfQWmdPQzxrx3WEdoSutc6ehnYMV4jZRGit786BvCOPWtNa50hyIK9o7b0grXU7Pm+Q8XlrWuuMHAj/2K9jHLdhIAyjrHihhe6xgCDXbMT7HyEzHDgBAkOlG76XjcSPTvvDWfiPgYCBgIFAMRB4YCDwwEDggYHAAwOBBwYCX/QeyHkeEfH6OX+O8zy11tktHed11H0c8vijtc5u6bxiN9d1HUc841JrXd1S3EVH5cfx0FqvPlq6wr8FXafWuroGEuqqvmAOrfV61ECAjwwEDAQMBAwEHhgIPDAQeGAg8MBA4IGBwDfVQG7gkw/fIPPSWpeW7vmKnzlfr3jP+6W1rm5pXnGOvu94xFFrXd3SHTdz1m5yQ1rr6pYm8JGBgIGAgYCBwDe9B9Ln+J195HtOrbfv0luKT37HLPHuXeutu8ck6t3SWs0IuaB4aL11r2+Qerc04jYye11rvXP3XjuJt1/S4YP295BiKa3+/1X61Hrr7u9uacRpPXqIh9ab9wirayC9jYgQh/iXWuvqpbc+4oOUC8qORWm9cbfqltZw8hjvfGaPpvW+HX+rl6gcT/YI0fGj9b49WvWSV/GnReepumm9b8c6qkvevxfUq7vW+3Zr1UuPn/eGMlc3rfftfFSX0fO+r1N113rfbq06VFf0OEWtp9b79ujVAAAAAAAAAAAAAAAAAAAAAAAAAH/YgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVZX24IAEAAAAQND/1+0IVAAAAAAAAAAAOAv925mhQwYA9gAAAABJRU5ErkJggg==);
  background-size: 100% 120px;
  background-repeat: no-repeat;
  background-position: left top;
  box-shadow: 0 5px 16px 0 #9fabc552;
  border-radius: 8px;
}
[data-v-2d8174ba] .instructionsDialog .el-dialog__header {
    padding: 0;
}
[data-v-2d8174ba] .instructionsDialog .el-dialog__body {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 1px;
}


.el-image-viewer__wrapper .el-image-viewer__btn {
  background-color: transparent;
}

@charset "UTF-8";
.detailWrap[data-v-c6036eb6] {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 77px);
  /* 页面最小高度铺满屏幕 */
  box-sizing: border-box;
}
.detailWrap .content[data-v-c6036eb6] {
    flex: 1;
    /* 占据剩余空间 */
    padding: 24px;
    background: #FFFFFF;
    border-radius: 8px;
}
.detailWrap .content .contentInfo[data-v-c6036eb6] {
      padding: 20px 24px;
      background: #FAFBFC;
      border-radius: 4px;
      display: flex;
      flex-wrap: wrap;
}
.detailWrap .content .contentInfo .contentInfo_item[data-v-c6036eb6] {
        width: 50%;
        display: flex;
        align-items: center;
        margin-top: 16px;
}
.detailWrap .content .contentInfo .contentInfo_item[data-v-c6036eb6]:nth-child(1), .detailWrap .content .contentInfo .contentInfo_item[data-v-c6036eb6]:nth-child(2) {
          margin-top: 0;
}
.detailWrap .content .contentInfo .contentInfo_item .label[data-v-c6036eb6] {
          min-width: 84px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          font-size: 14px;
          color: #787C88;
          letter-spacing: 0;
          line-height: 22px;
          margin-right: 16px;
}
.detailWrap .content .contentInfo .contentInfo_item .value[data-v-c6036eb6] {
          font-family: PingFangSC-Regular;
          font-weight: 400;
          font-size: 14px;
          color: #191B21;
          letter-spacing: 0;
          line-height: 22px;
}
.detailWrap .content .contentTable[data-v-c6036eb6] {
      margin-top: 24px;
}
.detailWrap .content .contentTable .subtabContent[data-v-c6036eb6] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
}
.detailWrap .content .contentTable .subtabContent .left[data-v-c6036eb6] {
          display: flex;
          align-items: center;
}
.detailWrap .content .contentTable .subtabContent .left .subtabName[data-v-c6036eb6] {
            font-family: PingFangSC-Medium;
            font-weight: bold;
            font-size: 18px;
            color: #191B21;
            letter-spacing: 0;
            line-height: 100%;
}
.detailWrap .content .contentTable .subtabContent .left .subtabPat[data-v-c6036eb6] {
            width: 1px;
            height: 16px;
            background: #D8D8D8;
            line-height: 100%;
            margin: 0 15px;
}
.detailWrap .content .contentTable .subtabContent .left .subtabInfo[data-v-c6036eb6] {
            font-family: PingFangSC-Regular;
            font-weight: 400;
            font-size: 14px;
            color: #7E8398;
            letter-spacing: 0;
            line-height: 100%;
}
.detailWrap .content .contentTable[data-v-c6036eb6] .el-table .monitor-status.skip {
        cursor: pointer;
}
.detailWrap .content .contentTable[data-v-c6036eb6] .el-table .monitor-status.skip:hover {
          color: #1d6efe;
}
.detailWrap .content .contentTable .pointErr[data-v-c6036eb6] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F25556;
}
.detailWrap .content .contentTable .pointSucc[data-v-c6036eb6] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #1DD454;
}
.detailWrap .content .contentTable .pointWar[data-v-c6036eb6] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F8A94A;
}
.detailWrap .content .contentTable .el-table[data-v-c6036eb6] {
        margin-top: 24px;
}
.detailWrap .errMsgCon[data-v-c6036eb6] {
    padding-bottom: 20px;
}
.detailWrap .errMsgCon .tip[data-v-c6036eb6] {
      font-weight: 600;
      font-size: 16px;
      color: #191B21;
      letter-spacing: 0;
      line-height: 24px;
      margin-top: 20px;
      padding: 0 24px;
      box-sizing: border-box;
}
.detailWrap .errMsgCon .tip i[data-v-c6036eb6] {
        float: right;
        cursor: pointer;
        color: #596178;
        margin-top: 4px;
}
.detailWrap .errMsgCon .tip i[data-v-c6036eb6]:hover {
        opacity: .8;
}
.detailWrap .errMsgCon .contentInfo[data-v-c6036eb6] {
      color: #191b21;
      font-size: 14px;
      margin-top: 12px;
      line-height: 24px;
      padding: 0 24px;
}
.detailWrap .errMsgCon .contentInfo span[data-v-c6036eb6] {
        color: #1D6EFE;
}
.detailWrap .errMsgCon .bottomText[data-v-c6036eb6] {
      margin-top: 16px;
      text-align: right;
      padding: 0 24px;
      box-sizing: border-box;
}
.detailWrap .renewalContent .tip[data-v-c6036eb6] {
    font-weight: 600;
    font-size: 16px;
    color: #191B21;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 20px;
    padding: 0 24px;
    box-sizing: border-box;
}
.detailWrap .renewalContent .tip i[data-v-c6036eb6] {
      float: right;
      cursor: pointer;
      color: #596178;
      margin-top: 4px;
}
.detailWrap .renewalContent .tip i[data-v-c6036eb6]:hover {
      opacity: .8;
}
.detailWrap .renewalContent .tipText[data-v-c6036eb6] {
    width: 492px;
    margin: 20px auto 30px auto;
    background: #F9FBFF;
    border: 1px solid #E4EBF6;
    border-radius: 8px;
    padding: 16px 20px;
    box-sizing: border-box;
}
.detailWrap .renewalContent .tipText p[data-v-c6036eb6] {
      font-weight: 400;
      font-size: 14px;
      color: #587EC3;
      line-height: 22px;
}
.detailWrap .renewalContent .showList[data-v-c6036eb6] {
    width: 403px;
    margin: 0 auto 8px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detailWrap .renewalContent .showList[data-v-c6036eb6] .el-input__icon {
      line-height: 36px;
}
.detailWrap .renewalContent .showList p[data-v-c6036eb6] {
      font-weight: 400;
      font-size: 14px;
      color: #282C33;
      letter-spacing: 0;
      line-height: 22px;
}
.detailWrap .renewalContent .showList p span[data-v-c6036eb6] {
        color: #282c33;
        font-size: 16px;
        font-weight: 700;
}
.detailWrap .renewalContent .showList .payNumber[data-v-c6036eb6] {
      color: #1D6EFE;
}
.detailWrap .renewalContent .showList .payNumber span[data-v-c6036eb6] {
        color: #1D6EFE;
}
.detailWrap .renewalContent .bottomText[data-v-c6036eb6] {
    width: 100%;
    height: 160px;
    background: #F9FAFB;
    margin-top: 30px;
    border-top: 1px solid #F0F0F0;
    border-radius: 0 0 8px 8px;
    position: relative;
}
.detailWrap .renewalContent .bottomText .qrImg[data-v-c6036eb6] {
      width: 120px;
      height: 120px;
      background: #FFFFFF;
      border: 1px solid #EBECF0;
      border-radius: 4px;
      overflow: hidden;
      position: absolute;
      top: 20px;
      left: 65px;
      z-index: 1;
}
.detailWrap .renewalContent .bottomText .qrImgErr[data-v-c6036eb6] {
      width: 120px;
      height: 120px;
      background: #000000b3;
      border-radius: 4px;
      font-size: 12px;
      color: #FFFFFF;
      text-align: center;
      line-height: 18px;
      position: absolute;
      top: 20px;
      left: 65px;
      z-index: 2;
      cursor: pointer;
}
.detailWrap .renewalContent .bottomText .qrImgErr .ico[data-v-c6036eb6] {
        font-size: 22px;
        margin-top: 27px;
        margin-bottom: 8px;
}
.detailWrap .renewalContent .bottomText .qrImgErr:hover p[data-v-c6036eb6] {
        opacity: .8;
}
.detailWrap .renewalContent .bottomText .wxPay[data-v-c6036eb6] {
      font-size: 14px;
      color: #5E6475;
      display: flex;
      align-items: center;
      position: absolute;
      top: 52px;
      left: 209px;
}
.detailWrap .renewalContent .bottomText .wxPay img[data-v-c6036eb6] {
        width: 22px;
        height: 22px;
        margin: 0 4px;
}
.detailWrap .renewalContent .bottomText .agreement[data-v-c6036eb6] {
      font-size: 14px;
      color: #5E6475;
      position: absolute;
      top: 86px;
      left: 209px;
}