/*
 * @Description: 支付页样式
 * @Author: zhoupeng
 * @Date: 2020-04-23 14:57:28
 * @LastEditTime: 2020-04-24 18:02:31
 */

body {
  background: #ffffff;
}

.pay_container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  .title_content {
    padding: 0 0.3rem;
    height: 2.2rem;

    border-bottom: 0.2rem solid rgba(247, 247, 247, 1);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    .title_text {
      font-size: 0.48rem;
      font-weight: 600;
      color: rgba(46, 46, 46, 1);
    }
    .title_second_text {
      font-size: 0.4rem;

      font-weight: 400;
      color: rgba(46, 46, 46, 1);
      line-height: 0.56rem;
    }
  }

  .pay_type_title {
    height: 1.3rem;
    padding: 0 0.3rem;
    text-align: left;
    font-size: 0.36rem;

    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 1.3rem;
    letter-spacing: 1px;
  }

  .wechat_container {
    height: 1.2rem;
    padding: 0 0.44rem 0 0.56rem;
    background: rgba(247, 247, 247, 1);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    .wechat_left_box {
      display: flex;
      flex-direction: row;
      .wechat_img {
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.55rem;
      }
      .wechat_text {
        font-size: 0.32rem;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        letter-spacing: 1px;
      }
    }
    .right_img {
      width: 0.42rem;
      height: 0.29rem;
    }
  }

  .fixed_content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.98rem;
    padding: 0 0.3rem 0 0.25rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    .price_content {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: baseline;
      .price_label {
        font-size: 0.32rem;
        font-weight: 600;
        color: rgba(255, 51, 96, 1);
      }
      .price_text {
        font-size: 0.6rem;
        font-weight: 600;
        color: rgba(255, 51, 96, 1);
      }
    }

    .pay_button {
      width: 2.8rem;
      height: 0.78rem;
      background: rgba(255, 51, 96, 1);
      border-radius: 0.4rem;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-size: 0.32rem;

      font-weight: 600;
      color: rgba(255, 255, 255, 1);
    }
  }
}