.banner[data-v-8369477e] {
  width: 100%;
  height: 600px;
  overflow: hidden;
  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;
  position: relative;
}
.banner .convert[data-v-8369477e] {
    width: 1200px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 1;
}
.banner .convert .userInfo[data-v-8369477e] {
      margin-top: 90px;
      width: 320px;
      background: #ffffff -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(rgba(255, 255, 255, 0))) no-repeat top;
      background: #ffffff linear-gradient(180deg, #ffcccc 0%, rgba(255, 255, 255, 0) 100%) no-repeat top;
      background-size: 100% 80px;
      border: 2px solid #ffffff;
      border-radius: 24px;
      position: relative;
      padding: 60px 0 36px;
}
.banner .convert .userInfo i[data-v-8369477e] {
        width: 80px;
        height: 80px;
        background: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: -40px;
        left: 50%;
        margin-left: -40px;
}
.banner .convert .userInfo i img[data-v-8369477e] {
          width: 76px;
          height: 76px;
          border-radius: 50%;
}
.banner .convert .userInfo .info p[data-v-8369477e] {
        text-align: center;
        font-size: 14px;
        color: #999999;
}
.banner .convert .userInfo .info p img[data-v-8369477e] {
          margin-left: 5px;
}
.banner .convert .userInfo .info p .nickname[data-v-8369477e] {
          max-width: 120px;
          font-size: 18px;
          color: #333333;
          font-weight: bold;
          display: block;
}
.banner .convert .userInfo .info p.userId[data-v-8369477e] {
          margin-top: 15px;
}
.banner .convert .userInfo .sign[data-v-8369477e] {
        cursor: pointer;
        text-align: center;
        height: 57px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
}
.banner .convert .userInfo .signIn[data-v-8369477e] {
        margin-top: 42px;
}
.banner .convert .userInfo .signIn .list[data-v-8369477e] {
          position: relative;
          width: 50%;
}
.banner .convert .userInfo .signIn .list p[data-v-8369477e] {
            text-align: center;
            font-size: 14px;
            color: #333333;
}
.banner .convert .userInfo .signIn .list p span[data-v-8369477e] {
              font-size: 24px;
              font-weight: bold;
}
.banner .convert .userInfo .signIn .list p.int[data-v-8369477e] {
              color: #999999;
              margin-top: 10px;
}
.banner .convert .userInfo .signIn .list[data-v-8369477e]:nth-child(1)::after {
            content: "";
            width: 1px;
            height: 40px;
            background: #eeeeee;
            position: absolute;
            right: 0;
            top: 0;
}
.banner .convert .userInfo a[data-v-8369477e] {
        width: 160px;
        height: 44px;
        display: block;
        border-radius: 22px;
        margin: 40px auto 0;
        text-align: center;
        line-height: 44px;
}

.main[data-v-3580cf8e] * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main[data-v-3580cf8e] .btn {
  font-size: 16px;
  color: #ffffff;
  background: -webkit-gradient(linear, right top, left top, from(#ff4b33), to(#ff6d41));
  background: linear-gradient(-90deg, #ff4b33 0%, #ff6d41 100%);
}
.main[data-v-3580cf8e] .btn:not([disabled]):hover {
    background: -webkit-gradient(linear, right top, left top, from(#ff705c), to(#ff8967));
    background: linear-gradient(-90deg, #ff705c 0%, #ff8967 100%);
}
.main[data-v-3580cf8e] .btn.isReceive {
    background: -webkit-gradient(linear, right top, left top, from(#ff7124), to(#ffc500));
    background: linear-gradient(-90deg, #ff7124 0%, #ffc500 100%);
}
.main[data-v-3580cf8e] .btn.isReceive:not([disabled]):hover {
      background: -webkit-gradient(linear, right top, left top, from(#ff8f50), to(#ffd034));
      background: linear-gradient(-90deg, #ff8f50 0%, #ffd034 100%);
}
.main[data-v-3580cf8e] .btn[disabled] {
    background: #eeeeee;
    color: #999999;
}
.main .convert[data-v-3580cf8e] {
  position: relative;
  padding-bottom: 120px;
  margin-top: -280px;
}
.main .convert .view[data-v-3580cf8e] {
    width: 1200px;
    min-height: 600px;
    background: #fff -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#fff5f5)) no-repeat top;
    background: #fff linear-gradient(0deg, #ffffff 0%, #fff5f5 100%) no-repeat top;
    background-size: 100% 40px;
    border: 2px #fff solid;
    border-radius: 0 30px 30px 30px;
    margin: 140px auto 0;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0px 6px 16px 0px #f5f5f5;
            box-shadow: 0px 6px 16px 0px #f5f5f5;
    padding-bottom: 8px;
}
.main .convert .view[data-v-3580cf8e]::after {
      content: "";
      width: 908px;
      height: 67px;
      background: url(data:image/png;base64,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);
      position: absolute;
      top: -67px;
      left: -18px;
}
.main .convert .view .headling[data-v-3580cf8e] {
      margin: -35px 0 8px 30px;
      position: relative;
      z-index: 1;
}
.main .convert .view .list[data-v-3580cf8e] {
      width: 1080px;
      padding: 40px 0;
      margin: 0 auto;
      position: relative;
      z-index: 1;
}
.main .convert .view .list[data-v-3580cf8e]:not(:last-child) {
        border-bottom: 1px solid #eee;
}
.main .convert .view .list i[data-v-3580cf8e] {
        position: relative;
}
.main .convert .view .list i .new[data-v-3580cf8e] {
          position: absolute;
          top: -5px;
          right: -5px;
}
.main .convert .view .list .introduce[data-v-3580cf8e] {
        margin-left: 28px;
}
.main .convert .view .list .introduce .introduce_name[data-v-3580cf8e] {
          margin-bottom: 15px;
          position: relative;
}
.main .convert .view .list .introduce .introduce_name > p[data-v-3580cf8e] {
            display: inline-block;
            font-size: 20px;
            font-weight: bold;
            color: #333333;
            position: relative;
}
.main .convert .view .list .introduce .introduce_tip[data-v-3580cf8e] {
          position: relative;
}
.main .convert .view .list .introduce .introduce_tip > i[data-v-3580cf8e] {
            width: 20px;
            height: 20px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTMzMzMrKyszMzMzMzMzMzMfHx83NzcvLy83Nzc7OzsfHx8zMzMzMzM3Nzc3NzczMzEdwTI5DtxAAAAASdFJOUwDkQWaw5wld/JskFo/RV3X/AO05bQMAAACCSURBVBjTbZFBFsMgCETFIKAxKfc/bbVA7Gv9KxxHHDGlCTGCCCBTeuCiTuHQqn5RN5qrrD+MDmT95NXO28pCYTzOii2HFc1IXbUn+SwwgYlYptuc4JuTHjlkifhkEz8+yDkq8IsG17XORHZp90rv4VXyEUOh/TP3A9mPbj/kv+94AzOHEWmQvv/RAAAAAElFTkSuQmCC);
            margin-left: 7px;
            cursor: pointer;
}
.main .convert .view .list .introduce .introduce_tip > i[data-v-3580cf8e]:hover {
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACWUExURUdwTP88O/9kQf9kQv9bQP9FO/98Rf9YOP95RP9IPf9iQf9VP/9rQ/9gQf9uQ/9WQP9eQP9TPv89O/9JPv9DPP9zRP9+Rv8+PP9+Rv+ARv9+Rf9XPv9hQf9jQf9cQP9OPv9+Rv9OPv94Rf9FPf90RP9wRP9JPv9CPf8+PP97Rf9rQ/9SP/9XQP9cQf9mQv9hQf89PEdwTGntn0cAAAAydFJOUwDl/OKkYJkJXVpq5bUk+xaPsLDmmeawmfzm5D3LQ0j2//////////////////////8AjNVQPwAAAKhJREFUGNNt0dkWgiAQBuBRMRTXrKy0xXbDiN7/6aLRaTkxl9+ZgZ8B4FU8iD1XRWOfw7uC2Unetbp1u0lINtofCc+H6WDXb7zMcbb5xdacwJeIqUiyMEJ0uGlEFBljSY348KFETHmuVQ5bxAKqHmNPK5H1nQ4sGrooB9Zj+0EGrCOsCNebIZIZLwlXHmFBkaSbhIQ+hZduLQY04a3PtC/Evjr7kv++4wmJpClYxfwNugAAAABJRU5ErkJggg==);
}
.main .convert .view .list .introduce .introduce_tip > i:hover ~ .introduce_down[data-v-3580cf8e] {
                display: block;
}
.main .convert .view .list .introduce .introduce_down[data-v-3580cf8e] {
          display: none;
          position: absolute;
          text-align: justify;
          width: 220px;
          background: #fff;
          border-radius: 16px;
          -webkit-box-shadow: 0 0 10px #ccc;
                  box-shadow: 0 0 10px #ccc;
          top: -20px;
          right: -240px;
          padding: 20px 16px;
          z-index: 9;
          font-size: 12px;
          line-height: 20px;
}
.main .convert .view .list .introduce .introduce_down .corner[data-v-3580cf8e] {
            border-left: none;
            border-right: 8px solid #fff;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            display: block;
            position: absolute;
            top: 26px;
            left: -8px;
            z-index: 8;
}
.main .convert .view .list .introduce .introduce_down .corner_outline[data-v-3580cf8e] {
            border-left: none;
            border-right: 8px solid rgba(12, 12, 12, 0.1);
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            display: block;
            position: absolute;
            top: 25px;
            left: -9px;
            z-index: 9;
}
.main .convert .view .list .introduce .introduce_down p[data-v-3580cf8e] {
            color: #444444;
}
.main .convert .view .list .introduce .introduce_down span[data-v-3580cf8e] {
            color: #888888;
            margin-top: 5px;
}
.main .convert .view .list .introduce .introduce_int[data-v-3580cf8e] {
          font-size: 14px;
          color: #666666;
}
.main .convert .view .list .award[data-v-3580cf8e] {
        width: 155px;
        text-align: center;
}
.main .convert .view .list .award p[data-v-3580cf8e] {
          font-size: 18px;
          color: #ff3c30;
          margin-bottom: 15px;
}
.main .convert .view .list .award span[data-v-3580cf8e] {
          font-size: 14px;
          color: #666666;
}
.main .convert .view .list .btnArr[data-v-3580cf8e] {
        width: 120px;
        margin-left: 130px;
}
.main .convert .view .list .btnArr .el-button[data-v-3580cf8e] {
          width: 120px;
          height: 44px;
          border-radius: 22px;
          border: none;
          padding: 0;
          font-size: 16px;
}
.main .convert .view .item[data-v-3580cf8e] {
      width: 346px;
      height: 200px;
      background: #ffffff;
      border: 1px solid #eeeeee;
      border-radius: 16px;
      margin: 40px 0 0 40px;
      padding: 24px;
      position: relative;
}
.main .convert .view .item[data-v-3580cf8e]:not(:nth-child(3n + 1)) {
        margin-left: 41px;
}
.main .convert .view .item img[data-v-3580cf8e] {
        position: absolute;
        top: 24px;
        right: 24px;
}
.main .convert .view .item .item_name[data-v-3580cf8e] {
        font-size: 18px;
        line-height: 34px;
        font-weight: bold;
        color: #333333;
}
.main .convert .view .item .item_int[data-v-3580cf8e] {
        font-size: 14px;
        color: #666666;
        line-height: 28px;
}
.main .convert .view .item .item_award[data-v-3580cf8e] {
        width: calc(100% - 48px);
        position: absolute;
        bottom: 24px;
        left: 24px;
        font-size: 18px;
        color: #ff3c30;
}
.main .convert .view .item .el-button[data-v-3580cf8e] {
        width: 100px;
        height: 36px;
        border-radius: 18px;
        border: none;
        font-size: 14px;
        padding: 0;
}
.main .convert .view .int[data-v-3580cf8e] {
      font-size: 14px;
      color: #999999;
      padding: 20px 0 38px 40px;
}
.main[data-v-3580cf8e] .el-dialog {
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.102);
  border-radius: 16px;
}
.main[data-v-3580cf8e] .el-dialog .el-dialog__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.main[data-v-3580cf8e] .el-dialog.taskInfoDialog {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
}
.main[data-v-3580cf8e] .el-dialog.taskInfoDialog .el-dialog__header {
      display: none;
}
.main[data-v-3580cf8e] .el-dialog.taskInfoDialog .el-dialog__body {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100vh;
      padding: 0;
}
.main[data-v-3580cf8e] .el-dialog.taskInfoDialog .el-dialog__body .popup {
        position: relative;
}
.main[data-v-3580cf8e] .el-dialog.taskInfoDialog .el-dialog__body .popup .close {
          position: absolute;
          top: -30px;
          right: -60px;
          cursor: pointer;
}
.main[data-v-3580cf8e] .el-dialog.successDialog .el-dialog__body {
    min-height: 206px;
    padding-bottom: 40px;
}
.main[data-v-3580cf8e] .el-dialog.successDialog .el-dialog__body img {
      margin: 6px 0 20px;
}
.main[data-v-3580cf8e] .el-dialog.successDialog .el-dialog__body p {
      font-size: 16px;
      color: #333333;
}
.main[data-v-3580cf8e] .el-dialog.successDialog .el-dialog__body a {
      width: 140px;
      height: 40px;
      border-radius: 20px;
      margin-top: 36px;
      text-align: center;
      color: #ffffff;
      font-size: 14px;
      line-height: 40px;
      display: inline-block;
}
.main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body {
    min-height: 186px;
}
.main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body p {
      margin-top: 10px;
      font-size: 16px;
      font-weight: bold;
      color: #333333;
}
.main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body .el-button,
    .main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body a {
      width: 140px;
      height: 40px;
      border-radius: 20px;
      color: #ffffff;
      font-size: 14px;
      border: none;
      margin: 56px 10px 0;
}
.main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body a {
      border: 1px solid #ff3c30;
      text-align: center;
      line-height: 40px;
      color: #ff3c30;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
}
.main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body .btnArr .el-button,
    .main[data-v-3580cf8e] .el-dialog.upperLimitDialog .el-dialog__body .btnArr a {
      width: 120px;
}
.main[data-v-3580cf8e] .el-dialog.attentionDialog .el-dialog__body {
    padding-bottom: 54px;
}
.main[data-v-3580cf8e] .el-dialog.attentionDialog .el-dialog__body p {
      margin-top: 10px;
      font-size: 16px;
      font-weight: bold;
      color: #333333;
}
.main[data-v-3580cf8e] .el-dialog.attentionDialog .el-dialog__body img {
      margin: 20px 0;
}
.main[data-v-3580cf8e] .el-dialog.attentionDialog .el-dialog__body em {
      font-size: 14px;
      color: #999999;
}
.main[data-v-3580cf8e] .el-dialog.attentionDialog .el-dialog__body span {
      font-size: 14px;
      color: #ff3c30;
      margin-top: 6px;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body {
    padding: 13px 24px 5px;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form {
      width: 100%;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item {
      height: 48px;
      margin-bottom: 28px;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-button {
      width: 120px;
      height: 40px;
      border-radius: 20px;
      font-size: 14px;
      margin: 16px 0 -8px 10px;
      color: #ffffff;
      border: none;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-button--default {
      width: 88px;
      height: 40px;
      color: #333333;
      background: #fff;
      border: 1px solid #dddddd;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-button--default:hover {
        background: #fafafa;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body p {
      width: 100%;
      font-size: 14px;
      color: #333333;
      margin-bottom: 20px;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .certification-code,
    .main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .code {
      padding: 0;
      width: 140px;
      height: 48px;
      border-radius: 12px;
      background: #fff;
      font-size: 14px;
      border: 1px solid #dddddd;
      margin: 0;
      color: #333333;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .certification-code:not([disabled]):hover,
      .main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .code:not([disabled]):hover {
        color: #ff3c30;
        background: #fff8f1;
        border: 1px solid #ff3c30;
        background: #ffecec;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .certification-code[disabled],
      .main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .code[disabled] {
        color: #999;
        background: #ffd1d1;
        border: none;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content {
      line-height: 34px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .el-date-editor.el-input {
        width: 100%;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .el-input__inner {
        width: 100%;
        height: 48px;
        border: 1px solid #dddddd;
        border-radius: 12px;
        color: #333333;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .el-input__inner:focus, .main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .el-input__inner:hover {
          border: 1px solid #ff3c30;
          -webkit-box-shadow: none;
                  box-shadow: none;
}
.main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .certification-code__input .el-input__inner,
      .main[data-v-3580cf8e] .el-dialog.bindingDialog .el-dialog__body .el-form-item__content .code__input .el-input__inner {
        width: 272px;
}

.taskCenter[data-v-4a88c405] {
  min-width: 1200px;
  background: #ffffff;
}