.rolePage {
  width: 100%;

  .accountPerBox {
    width: 100%;
    height: calc(100% - 44px);
    overflow: auto;
    // background: #fff url('../../assets/accountPer/pageBg.png') top center no-repeat;
    // background-size: 100%;

    .searchRow {
      width: 90%;
      height: 50px;
      margin: 0 auto;
      align-items: center;

      .bd3 {
        width: 87px;
        height: 16px;

        .outer4 {
          width: 20px;
          height: 26px;
          background: url("../../assets/accountPer/icon.png") top center no-repeat;
          background-size: 100%;
        }

        .txt2 {
          width: 65px;
          height: 14px;
          overflow-wrap: break-word;
          color: rgba(64, 77, 116, 1);
          font-size: 15px;
          font-family: PingFangSC-Semibold;
          text-align: left;
          white-space: nowrap;
          line-height: 15px;
          display: block;
          font-weight: bold;

          .discountNumber {
            font-size: 18px;
            color: red;
          }
        }
      }

      .operBox {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;

        .listBox,
        .addBox,
        .searchBox {
          display: flex;
          flex-wrap: nowrap;
          flex-direction: column;
          align-items: center;
          padding: 5px;
        }


        .iconImg {
          width: 25px;
        }
      }
    }

    .listBox {
      border-top: 1px solid #e7eaf7;

      .listItem {
        .itemBox {
          width: 100%;
          padding: 1.5em 1em;
          line-height: 1.8;
          border-bottom: 1px solid #e7eaf7;
          display: flex;

          .roleBox {
            width: 70%;

            .itemRow {
              width: 100%;
              display: flex;
              flex-wrap: wrap;

              .roleItem {
                width: 33%;
              }
            }
          }

          .operBox {
            width: 30%;
            display: flex;
            align-items: flex-start;
            justify-content: center;

            .iconImg {
              width: 1em;
              height: 1em;
              margin-right: 0.3em;
            }

            .editImg {
              width: 1.2em;
              height: 1.2em;
              background: url("../../assets/edit.png") top center no-repeat;
              background-size: 100%;
            }

            .operSet,
            .operDelter {
              display: flex;
            }

            .operText {
              font-size: 1em;
              line-height: 1.3;
            }

            .operSet {
              color: #2c87c8;
              padding-right: 0.5em;
              margin-right: 0.5em;
              border-right: 1px solid;
            }

            .operDelter {
              color: #df5e4c;
            }
          }
        }
      }
    }
  }
}

.operCheckBox {
  .block5 {
    background-color: rgba(215, 215, 226, 1);
    border-radius: 2px;
    width: 310px;
    height: 1px;
    margin: 0 auto;
    margin-top: 25px;
  }

  .word10 {
    width: 143px;
    height: 13px;
    overflow-wrap: break-word;
    color: rgba(64, 77, 116, 1);
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    line-height: 13px;
    display: block;
    margin: 33px auto;
  }

  .block6 {
    width: 265px;
    height: 34px;
    margin: 20px auto;

    .mod7 {
      border-radius: 17px;
      height: 34px;
      border: 1px solid #2c87c8;
      width: 120px;
      justify-content: center;
      align-items: center;

      .info5 {
        width: 60px;
        height: 13px;
        overflow-wrap: break-word;
        color: #2c87c8;
        font-size: 15px;
        font-family: PingFangSC-Medium;
        text-align: center;
        white-space: nowrap;
        line-height: 15px;
        display: block;
      }
    }

    .mod8 {
      background-color: #2c87c8;
      border-radius: 17px;
      height: 34px;
      width: 120px;
      justify-content: center;
      align-items: center;

      .info6 {
        width: 30px;
        height: 13px;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 15px;
        font-family: PingFangSC-Medium;
        text-align: center;
        white-space: nowrap;
        line-height: 15px;
        display: block;
      }
    }
  }
}

.van-checkbox__icon--checked .van-icon {
    border-color: #2c87c8;
    background-color: #2c87c8;
}

.van-button--primary {
    border-color: #2c87c8;
    background-color: #2c87c8;
}