.payboxs {
  width: 100%;
  border-radius: .3rem; }
  .payboxs .bot {
    width: 100%;
    height: .96rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px dashed #ebebeb; }
    .payboxs .bot.on div em {
      border: 1px solid #B2B2B2; }
      .payboxs .bot.on div em img {
        display: none; }
    .payboxs .bot p {
      font-size: .26rem;
      font-weight: bold;
      color: #000; }
    .payboxs .bot div {
      display: flex;
      align-items: center; }
      .payboxs .bot div em {
        width: .4rem;
        height: .4rem;
        overflow: hidden;
        border-radius: 50%;
        margin-left: .3rem;
        border: 1px solid #fff; }
        .payboxs .bot div em img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          display: block; }
      .payboxs .bot div span {
        font-size: .28rem;
        color: #efbf3f; }
  .payboxs .top {
    width: 100%;
    position: relative; }
    .payboxs .top ul {
      width: 100%;
      background: #fff;
      z-index: 999;
      display: none;
      border-top: 1px solid #ebebeb;
      left: 0; }
      .payboxs .top ul li {
        width: 100%;
        display: flex;
        align-items: center;
        height: .8rem;
        padding: 0 .2rem;
        justify-content: space-between; }
        .payboxs .top ul li.on .fr img {
          opacity: 1; }
        .payboxs .top ul li .fl {
          display: flex;
          align-items: center; }
          .payboxs .top ul li .fl img {
            width: .5rem;
            margin-right: .2rem; }
          .payboxs .top ul li .fl span {
            font-size: .26rem;
            color: #666; }
        .payboxs .top ul li .fr {
          display: flex;
          align-items: center; }
          .payboxs .top ul li .fr img {
            width: .4rem;
            margin-left: .2rem;
            opacity: 0; }
          .payboxs .top ul li .fr span {
            font-size: .26rem;
            color: #666; }
    .payboxs .top .line {
      width: 100%;
      height: .96rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .payboxs .top .line .fl {
        display: flex;
        align-items: center; }
        .payboxs .top .line .fl img {
          width: .5rem;
          margin-right: .2rem; }
        .payboxs .top .line .fl span {
          font-size: .26rem;
          color: #333; }
      .payboxs .top .line .fr {
        display: flex;
        align-items: center; }
        .payboxs .top .line .fr img {
          width: .3rem;
          margin-left: .2rem; }
        .payboxs .top .line .fr span {
          font-size: .28rem;
          color: #333; }

@media only screen and (min-width: 959px) {
  .payboxs .top .line {
    height: .6rem; }

  .payboxs .top .line .fl img {
    width: .3rem;
    margin-right: .1rem; }

  .payboxs .top .line .fl span {
    font-size: .16rem; }

  .payboxs .top .line .fr span {
    font-size: .16rem; }

  .payboxs .top .line .fr img {
    width: .16rem;
    margin-left: .1rem; }

  .payboxs .bot {
    height: .6rem; }

  .payboxs .bot p {
    font-size: .18rem; }

  .payboxs .bot div span {
    font-size: .16rem; }

  .payboxs .top ul {
    top: .6rem; }

  .payboxs {
    border-radius: .1rem; }

  .payboxs .top ul li {
    height: .6rem; }

  .payboxs .top ul li .fl img {
    width: .3rem;
    margin-right: .1rem; }

  .payboxs .top ul li .fl span {
    font-size: .16rem; }

  .payboxs .top ul li .fr span {
    font-size: .16rem; }

  .payboxs .top ul li .fr img {
    width: .25rem;
    margin-left: .1rem; }

  .payboxs .bot p {
    font-size: .16rem; }

  .payboxs .bot div em {
    width: .28rem;
    height: .28rem;
    margin-left: .1rem; } }

/*# sourceMappingURL=pay.css.map */