.r-checkbox{display:inline-block;font-size:14px;line-height:1;margin-right:8px;-webkit-tap-highlight-color:transparent}
.r-checkbox-square .r-checkbox-icon{display:inline-block;width:16px;height:16px;position:relative;border:1px solid #dcdee2;background-color:#fff;-webkit-transition:border-color .2s ease-in-out,background-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;vertical-align:sub;border-radius:2px}
.r-checkbox-square .r-checkbox-icon:after{content:" ";display:block;width:4px;height:8px;position:absolute;top:1px;left:4px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.r-checkbox-square.r-checkbox-checked .r-checkbox-icon{border-color:#4080e8;background-color:#4080e8}
.r-checkbox-square.r-checkbox-checked .r-checkbox-icon::after{top:2px;left:5px;-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}
.r-checkbox-rect{width:78px;height:30px;line-height:30px;background-color:#e5e5e5;border-radius:4px;font-size:12px;text-align:center;margin-right:10px;margin-top:5px}
.r-checkbox-rect.r-checkbox-checked{background-color:#666;color:#fff}
.r-checkbox-rect .r-checkbox-icon{display:none}
.r-checkbox .check-circle,.r-checkbox .uncheck-circle{display:inline-block;line-height:0;vertical-align:middle;font-size:16px;color:#4080e8}