proginn-frontend/assets/css/otherpage/money/withdraw.scss

@import "../../scssCommon.scss";

.main {
  margin-top: 0;
}

.withdraw {
  .tabBankCard {
    background-color: #fff;
    width: 100%;
    height: pxtovw(55);
    padding: 0 pxtovw(15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
      height: pxtovw(22);
      font-size: pxtovw(16);
      font-weight: 400;
      text-align: left;
      color: #333333;
      line-height: pxtovw(22);
    }
    .right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      .word {
        height: pxtovw(22);
        font-size: pxtovw(16);
        font-weight: 400;
        text-align: right;
        color: #acacac;
        line-height: pxtovw(22);
        letter-spacing: 0;
      }
      .iconRight {
        margin-left: pxtovw(10);
        flex-shrink: 0;
        height: pxtovw(14);
        width: pxtovw(8);
        background: url('~@/assets/img/credit/rightIcon.png') no-repeat;
        background-size: cover;
      }
    }
  }
  .setAmount {
    background-color: #fff;
    margin-top: pxtovw(10);
    box-sizing: border-box;
    padding: pxtovw(15) pxtovw(10) 0 pxtovw(10);
    .stitle {
      height: pxtovw(18);
      font-size: pxtovw(13);
      font-weight: 400;
      text-align: left;
      color: #666666;
      line-height: pxtovw(18);
    }
    .amountArea {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: pxtovw(68);
      .left {
        display: flex;
        align-items: flex-start;
        .pre {
          margin-top: pxtovw(10);
          font-size: pxtovw(20);
          font-weight: 700;
          text-align: left;
          color: #333333;
        }
        .nums {
          margin-left: pxtovw(6);
          max-width: pxtovw(250);
          height: pxtovw(37);
          font-size: pxtovw(32);
          font-weight: 700;
          text-align: left;
          color: #333333;
          line-height: pxtovw(37);

          &::placeholder {
            font-size: pxtovw(15);
          }
        }
      }
      .rightClose {
        width: pxtovw(24);
        height: pxtovw(24);
        margin-right: pxtovw(5);
        background: url('~@/assets/img/other/money/close@2x.png') no-repeat;
        background-size: cover;
      }
    }
    .line {
      width: pxtovw(355);
      margin: 0 auto;
      height: pxtovw(1);
      background: #f3f3f3
    }
    .amountBottom {
      height: pxtovw(40);
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      padding: 0 pxtovw(5);
      .leftMoney {
        font-size: pxtovw(13);
        font-weight: 400;
        text-align: left;
        color: #999999;
        line-height: pxtovw(18);
        letter-spacing: 0;
        height: pxtovw(18);
        span {
          height: pxtovw(20);
          font-size: pxtovw(14);
          font-family: PingFangSC, PingFangSC-Semibold;
          font-weight: 600;
          text-align: left;
          color: #333333;
          line-height: pxtovw(20);
        }
      }
      .rightBtn {
        height: pxtovw(20);
        font-size: pxtovw(14);
        font-weight: 600;
        text-align: right;
        color: #308eff;
        line-height: pxtovw(20);
      }
    }
  }
  .taxScheme {
    background-color: #fff;
    margin-top: pxtovw(10);
    box-sizing: border-box;
    padding: pxtovw(15) pxtovw(15) 0 pxtovw(15);
    .stitle {
      height: pxtovw(24);
      font-size: pxtovw(17);
      font-weight: 500;
      text-align: left;
      color: #222222;
      line-height: pxtovw(24);
    }
    .sdesc {
      height: pxtovw(17);
      font-size: pxtovw(12);
      font-weight: 400;
      text-align: left;
      color: #999999;
      line-height: pxtovw(17);
      margin-top: pxtovw(2);
      margin-bottom: pxtovw(9);
    }
    .schemeList {
      .cell {
        width: pxtovw(345);
        height: pxtovw(74);
        background: #ffffff;
        box-shadow: 0 0 0 0 #f3f3f3 inset;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        .leftChoose {
          flex-shrink: 0;
          width: pxtovw(24);
          height: pxtovw(24);
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url('~@/assets/img/other/money/selected_none@2x.png');
          &.ok {
            background-image: url('~@/assets/img/other/money/selected_ok@2x.png');
          }
        }
        .rightContent {
          flex-shrink: 0;
          margin-left: pxtovw(10);
          width: 100%;
          .taxTop {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            position: relative;
            .topLeft {
              height: pxtovw(22);
              font-size: pxtovw(16);
              font-weight: 600;
              text-align: left;
              color: #333333;
              line-height: pxtovw(22);
              white-space: nowrap;
              word-break: keep-all;
            }
            .topRight {
              position: absolute;
              right: pxtovw(30);
              top: pxtovw(4);
              transform-origin: right center;
              transform: scale(0.83);
              height: pxtovw(14);
              font-size: pxtovw(10);
              font-weight: 400;
              text-align: right;
              color: #999999;
              line-height: pxtovw(14);
              letter-spacing: 0;
              white-space: nowrap;
              word-break: keep-all;
              a, span {
                height: pxtovw(14);
                font-size: pxtovw(10);
                font-weight: 400;
                text-align: right;
                color: #308eff;
                line-height: pxtovw(14);
                letter-spacing: 0;
                white-space: nowrap;
                word-break: keep-all;
              }
            }
          }
          .taxContent {
            margin-top: pxtovw(2);
            height: pxtovw(17);
            font-size: pxtovw(12);
            font-weight: 400;
            text-align: left;
            color: #999999;
            line-height: pxtovw(17);
            letter-spacing: 0;
          }
        }
      }
    }
  }
  .submitBtn {
    margin: pxtovw(18) auto 0 auto;
    width: pxtovw(345);
    height: pxtovw(46);
    background: #308eff;
    border-radius: pxtovw(4);
    box-shadow: 0 pxtovw(2) pxtovw(6) 0 rgba(48,142,255,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    p {
      height: pxtovw(21);
      font-size: pxtovw(15);
      font-weight: 500;
      text-align: center;
      color: #ffffff;
      line-height: pxtovw(21);
    }
  }
  .wTips {
    margin: pxtovw(14) auto 0 auto;
    height: pxtovw(18);
    font-size: pxtovw(13);
    font-weight: 400;
    text-align: center;
    color: #222222;
    line-height: pxtovw(18);
  }
  .intro {
    margin-top: pxtovw(28);
    width: 100%;
    box-sizing: border-box;
    padding: 0 pxtovw(15);

    .stitle {
      font-size: pxtovw(14);
      font-weight: 600;
      text-align: left;
      color: #222222;
      line-height: pxtovw(20);
    }
    .sdesc {
      font-size: pxtovw(14);
      font-weight: 400;
      text-align: left;
      color: #999999;
      line-height: pxtovw(24);
      a {
        font-size: pxtovw(14);
        font-weight: 400;
        text-align: left;
        color: #308EFF;
        line-height: pxtovw(24);
      }
    }
  }
}