.jgsSwitch{display:block;position:relative;cursor:pointer}.jgsSwitch input{display:none}.jgsSwitch label{display:block;cursor:pointer;padding-left:35px;text-indent:10px;line-height:34px;z-index:2;position:relative;text-align:left;height:34px}.jgsSwitch label:before{content:"";position:absolute;left:0;top:7px;width:20px;height:20px;background-color:#fff;box-shadow:1px 0 2px #999;border-radius:10px;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.jgsSwitch label:after{border-radius:10px;content:"";position:absolute;left:0;top:6px;width:35px;height:22px;box-shadow:0 0 2px #999;background-color:#fff;-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-ms-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.jgsSwitch input[type=checkbox]:checked~label:after{background-color:#e93627}.jgsSwitch input[type=checkbox]:checked~label:before{left:15px;box-shadow:-1px 0 3px #999}