.icheckbox_square-green,
.iradio_square-green,
.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-flex;
  *display: inline;
  position: relative;
  vertical-align: middle;
  padding: 0;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  background-color: #fff;
  margin: 0 7px 0 0;
  cursor: pointer;
}

.icheckbox_square-green::after,
.iradio_square-green::after,
.icheckbox_square-blue::after,
.iradio_square-blue::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 5px;
  position: absolute;
  top: 1px;
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
  transform: rotate(45deg) scaleY(1);
  pointer-events: none;
}

.icheckbox_square-green.hover,
.icheckbox_square-blue.hover {
  border-color: #3385ff;
}
.icheckbox_square-green.checked,
.icheckbox_square-blue.checked {
  background-color: #3385ff;
  border-color: #3385ff;
}
.icheckbox_square-green.disabled,
.icheckbox_square-blue.disabled,
.iradio_square-green.disabled,
.iradio_square-blue.disabled {
  background-color: #f4f4f4;
  cursor: no-drop;
  border-color: #cbcbcb;
}
.icheckbox_square-green.disabled::after,
.icheckbox_square-blue.disabled::after,
.iradio_square-green.disabled::after,
.iradio_square-blue.disabled::after {
  border: none;
}

.icheckbox_square-green.checked.disabled,
.icheckbox_square-blue.checked.disabled,
.iradio_square-green.checked.disabled,
.iradio_square-blue.checked.disabled {
  background-color: #f4f4f4;
  cursor: no-drop;
  border-color: #cbcbcb;
}
.icheckbox_square-green.checked.disabled::after,
.icheckbox_square-blue.checked.disabled::after,
.iradio_square-green.checked.disabled::after,
.iradio_square-blue.checked.disabled::after {
  border: 1px solid #cbcbcb;
  border-left: 0;
  border-top: 0;
}
.iradio_square-green,
.iradio_square-blue {
  border-radius: 50%;
}
.iradio_square-green.hover,
.iradio_square-blue.hover {
  border-color: #3385ff;
}
.iradio_square-green.checked,
.iradio_square-blue.checked {
  background-color: #3385ff;
  border-color: #3385ff;
}

/* 新增半选状态 */
.icheckbox_square-green.half_check,
.icheckbox_square-blue.half_check {
  border-color: #3385ff;
}

.icheckbox_square-green.half_check::after,
.icheckbox_square-blue.half_check::after {
  box-sizing: content-box;
  content: "";
  width: 7px;
  height: 7px;
  background-color: #3385ff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(0deg) scaleY(1);
  border: 0;
}