@import "../../../base/fn";

  .weui_cells_checkbox {
    .weui_cell_hd {
      padding-right: 30/@w2;
    }
    // .weui_cell {
    //     &:active {
    //         background-color: #ECECEC;
    //     }
    // }
    .weui_icon_checked {
      &:before {
        display: block;
        width: 30/@w2;
        height: 30/@w2;
        content: "";
        border: 1px solid #E9E9EB;
        box-sizing: border-box;
      }
    }
  }
  .weui_check {
    // checkbox
    .weui_cells_checkbox & {
      &:checked {
        &+.weui_icon_checked {
          display: block;
          background-color: #409eff;
          width: 30/@w2;
          height: 30/@w2;
          position: relative;
          &:before {
            position: absolute;
            left: 6/@w2;
            top: 5/@w2;
            content: "";
            border-style: solid;
            width: 20/@w2;
            height: 12/@w2;
            border-color: #fff #fff transparent transparent;
            border-width: 2px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
          }
        }
      }
    }
  }