@import "~antd-mobile/lib/style/themes/default.less";

.form-list{
  position: relative;

  :global{
    .am-list-extra{
      flex-basis: 50% !important;
      font-size: 30px !important;
    }
    // 打开窗口
    .am-input-view {
      input{
        opacity: 0;
      }

      .am-input-extra{
        font-size: 30px;
        max-width: 70%;
        overflow: hidden;

        div{
          height: 42px;
          line-height: 42px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }

      .error{
        color: #f50;
      }

      .am-input-extra-icon{
        display: block;
        float: right;
        margin-top: 6px;
        width: 30px !important;
        height: 30px !important;
        margin-left: 16px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2226px%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
      }
    }
    // 验证码
    .am-input-token{
      .am-input-extra{
        margin-left: 20px;
        overflow: visible;
      }

      .token-btn{
        position: relative;
        width: 200px;
        color: @brand-primary;
        font-size: @font-size-heading;
        text-align: center;

        &:after{
          content: '';
          position: absolute;
          margin-top: -30px;
          top: 50%;
          left: 0;
          height: 60px;
          border-left: @border-width-sm solid @border-color-base;
        }

        &.active{
          color: @color-text-disabled;
        }
      }
    }
    // 修复android边框消失问题
    .am-list-item.am-input-item:after{
      bottom: 1PX;
    }
    .am-list-item{
      padding-bottom: 2PX;
    }
  }
}