label.check {display: block;font-weight: 400;position: relative;}
label.check input {display: none}
label.check .box{width: 100%;height: 100%;line-height: 26px;color: #333;transition: all 1.1s cubic-bezier(0.19,1,0.22,1);position: relative;overflow: hidden;cursor: pointer;font-size: 13px;padding: 3px 10px;padding-left: 34px;background: #ffffffa8;margin-bottom: 5px;border-radius: 58px;-webkit-border-radius: 58px;-moz-border-radius: 58px;-ms-border-radius: 58px;-o-border-radius: 58px;border: 1px solid #33333315;}
label.check input:checked + .box {color:var(--main-color3);}
label.check input:disabled + .box {background-color: var(--main-color);}
label.check input + .box::before { content: ''; -webkit-appearance:none; background-color: transparent; border: 1px solid #999; box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05); padding: 8px; display: inline-block; position: absolute; left: 9px; z-index: 1; cursor: pointer; top: 8px; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px; -ms-border-radius:48px; -o-border-radius:48px; }
label.check input:checked + .box::after {content: '';display: block;position: absolute;top: 8px;left: 15px;width: 6px;height: 14px;border: solid var(--main-color3);border-width: 0 2px 2px 0;transform: rotate(45deg)}
label.check input:checked + .box::before {border-color:var(--main-color3);}