.uicheckbox {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: left;
  cursor: pointer;
}
.uicheckbox.w {
  width: 100%;
}
.uicheckbox .box {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background-color: #FFF;
  background-image: none;
  background-size: auto 90%;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #000;
  border-radius: 2px;
  transition: all ease-in-out .2s;
}
.uicheckbox .label {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 16px);
  padding-left: 12px;
  padding-top: 0px;
  color: #000;
  font-size: 14px;
  text-align: left;
  transition: all ease-in-out .2s;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}
.uicheckbox.checked .box {
  background-image: url('/image/icon-checked.png');
}
.uicheckbox.checked .label {
  
}