@import 'app/style/default.scss';

#query-account {
  font-size: pxToRem(26);
  .content-info {
    color: #222222;
    .item {
      background: $white;
      margin: pxToRem(20) pxToRem(20) 0;
      border-radius: pxToRem(8);
      padding: 0 pxToRem(20) 0;
      .item-show {
        height: pxToRem(80);
        border-bottom: 1px solid #eaeaea;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        .flag {
          width: 40%;
          height: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-align-items: center;
          align-items: center;
        }
        .title-amount {
          height: 100%;
          line-height: pxToRem(80);
        }
        img {
          width: pxToRem(48);
          margin-right: pxToRem(20);
          height: pxToRem(36);
          float: left;
          margin-top: -1px;
        }
        span {
          display: inline-block;
          color: #999;
          font-size: 13px;
        }
        label {
          color: #222;
          font-size: 15px;
        }
      }
      .item-hidden {
        padding: pxToRem(10) 0 pxToRem(10);
        position: relative;
        overflow: hidden;
        .hidden-left, .hidden-right, .hidden-center {
          width: 33.33%;
          float: left;
          label, span {
            height: pxToRem(50);
            line-height: pxToRem(50);
            display: block;
          }
          label {
            color: #999999;
          }
          span {
            letter-spacing: 0;
          }
        }
      }
    }
  }
}