@import '@/styles/_support';


.contact-us-container {}

.border {
  @extend .bb;
  padding: 2.833333rem 4.0rem 0 3.5rem;
  width: 770px;
  height: 387px;
  border-radius: 8px;
  border: solid 1px #f2f2f2;
  background-color: #ffffff;
}

.info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.416667rem;

  &-item {
    font-size: 12px;

    &-tit {
      display: flex;
      align-items: center;
      color: $cOrange;
      font-size: 18px;
      font-weight: bold;
      height: 2.833333rem;

      .icon-wrap {
        margin-right: .75rem;
      }
    }

    &:last-child {
      margin-right: 0;
    }
  }

  .qrcode-wrap {
    text-align: center;

    .qrocde {}
  }

  ul {
    list-style-type: none;
    margin-top: 1.5rem;
  }

  li {
    background-image: url('~@assets/images/payment-type/icon-li.png');
    background-repeat: no-repeat;
    background-position: 0rem .5rem;
    padding-left: 1rem;
    margin: .6rem 0;
  }
}

.info2 {
  .info-item {
    // margin: 0;
    @extend .bb;
    padding-right: 2rem;
  }
}