.cus_switch{display:inline-block;width:44px;height:22px;line-height:20px;border-radius:22px;vertical-align:middle;border:1px solid #ccc;background-color:#ccc;color:#ccc;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cus_switch:after{content:"";width:18px;height:18px;border-radius:18px;background-color:#fff;position:absolute;left:1px;top:1px;cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.cus_switch .icon{color:#fff;font-size:12px;position:absolute;left:23px;top:4px}.cus_switch .icon_open{left:7px}.cus_switch_checked{border:1px solid #09c;background-color:#09c;color:#09c}.cus_switch_checked:after{left:23px}