.checked-box
  display inline-block
  width rem(35/2)
  height rem(35/2)
  position relative
  span
    position absolute
  .iconfont{
    color: #e96858
    font-size: 0.35rem
  }

.hide
  display none

.checked-true
  transition all 0.5s
  background-color #4CD964
  border 3px solid #4CD964
  .switch-dot
    transition all 0.5s
    left rem(21)
    border 1px solid #ffffff

.checked-false
  transition all 0.5s
  background-color #ffffff
  border 3px solid RGBA(0, 0, 0, 0.1)
  .switch-dot
    transition all 0.5s
    left 0px
    border 1px solid RGBA(0, 0, 0, 0.1)

.switch-main
  width rem(50)
  height rem(28)
  border-radius rem(30/2)
  position relative

  .switch-dot
    width rem(26)
    height rem(26)
    position absolute
    background-color #fff
    border-radius: rem(31/2)
    box-shadow 2px 2px 2px #00000054