.switch_btn[data-v-4689b51f]{display:inline-block;vertical-align:middle;margin:0;width:47px;height:23px;cursor:pointer;background:#c1c1c1;position:relative;border-radius:20px;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;overflow:hidden}.switch_btn .handle[data-v-4689b51f]{width:19px;height:19px;background:#fff;-webkit-box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15);box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15);position:absolute;top:2px;left:2px;border-radius:50%;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.switch_btn .handle[data-v-4689b51f]:before{content:"on";left:-24px;width:24px;opacity:0}.switch_btn .handle[data-v-4689b51f]:after,.switch_btn .handle[data-v-4689b51f]:before{position:absolute;line-height:19px;top:0;text-align:center;color:#fff;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.switch_btn .handle[data-v-4689b51f]:after{content:"off";right:-23px;width:23px;opacity:1}.switch_btn.checked[data-v-4689b51f]{background:#409eff}.switch_btn.checked .handle[data-v-4689b51f]{-webkit-transform:translateX(24px);-o-transform:translateX(24px);transform:translateX(24px)}.switch_btn.checked .handle[data-v-4689b51f]:before{opacity:1}.switch_btn.checked .handle[data-v-4689b51f]:after{opacity:0}