label{display:inline-block;margin-right:5px;cursor:pointer}.l_radio{padding:3px;padding:3px 6px;margin-top:3px;margin-bottom:3px;border-radius:5px;cursor:pointer}.l_radio.r_color1{background-color:#ffd1d1}.l_radio.r_color1.selected{background-color:#ff7f7f}.l_radio.r_color2{background-color:#e0f1ff}.l_radio.r_color2.selected{background-color:#7ad2ff}.l_radio.r_color3{background-color:#feffc4}.l_radio.r_color3.selected{background-color:#fcff5e}.l_radio.r_color4{background-color:#ccffdf}.l_radio.r_color4.selected{background-color:#68f9b6}input[type=radio],input[type=checkbox]{-moz-opacity:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}input[type=radio]+.radio-icon{vertical-align:middle;display:inline-block;width:15px;height:15px;margin-right:4px;border:1px solid #979797;border-radius:50%;box-sizing:border-box;margin-top:-3px;background:#fff}input[type=radio]:checked+.radio-icon{position:relative;content:"";border:1px solid #3161ac;background:#3161ac;box-shadow:0 0 0 3px #fff inset}input[type=radio]:focus+.radio-icon{border:1px solid #3161ac;box-shadow:0 0 4px #3161ac;box-shadow:0 0 0 3px #fff inset,0 0 4px #3161ac}input[type=radio]:checked+.radio-icon.r_color1{background:#ff3a3a;border:1px solid #ff3a3a;box-shadow:0 0 0 3px #fff inset,0 0 4px #ff3a3a}input[type=radio]:checked+.radio-icon.r_color2{background:#3161ac;border:1px solid #3161ac;box-shadow:0 0 0 3px #fff inset,0 0 4px #3161ac}input[type=radio]:checked+.radio-icon.r_color3{background:#dbc102;border:1px solid #dbc102;box-shadow:0 0 0 3px #fff inset,0 0 4px #dbc102}input[type=radio]:checked+.radio-icon.r_color4{background:#68f9b6;border:1px solid #68f9b6;box-shadow:0 0 0 3px #fff inset,0 0 4px #68f9b6}input[type=checkbox]+.check-icon{vertical-align:middle;display:inline-block;width:16px;height:16px;border:1px solid #999;border-radius:2px;box-sizing:border-box;margin-top:-3px;margin-right:5px;background-color:#fff}input[type=checkbox]:checked+.check-icon{position:relative;background:#3161ac;border:1px solid #3161ac}input[type=checkbox]:checked+.check-icon:after{position:absolute;content:"";border-bottom:3px solid #fff;border-right:3px solid #fff;top:-1px;left:3px;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:0 0 1px}input[type=checkbox]:focus+.check-icon{border:1px solid #999;box-shadow:0 0 4px #004aa1,0 0 8px #004aa1}.switch__label{width:50px;position:relative;display:inline-block;margin-top:7px}.switch__content{display:block;cursor:pointer;position:relative;border-radius:30px;height:21px;overflow:hidden}.switch__content:before{content:"";display:block;position:absolute;width:calc(100% - 3px);height:calc(100% - 3px);top:0;left:0;border:1.5px solid #e5e5ea;border-radius:30px;background-color:#fff}.switch__content:after{content:"";display:block;position:absolute;background-color:transparent;width:0;height:0;top:50%;left:50%;border-radius:30px}.switch__input{display:none}.switch__circle{display:block;top:2px;left:2px;position:absolute;-webkit-box-shadow:0 2px 6px #999;box-shadow:0 2px 6px #999;width:17px;height:17px;-webkit-border-radius:20px;border-radius:20px;background-color:#fff}.switch__input:checked~.switch__circle{left:31px}.switch__input:checked~.switch__content:after{background-color:#4bd964;top:0;left:0;width:100%;height:100%}