.switch-btn-container{text-align:center;position:relative}.switch-btn-container .switch-btn{position:relative;display:inline-block;box-sizing:border-box;width:.9rem;height:.48rem;line-height:.48rem;padding:0;vertical-align:middle;border-radius:.24rem;border:1px solid #c4cfea;background-color:#c4cfea;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1)}.switch-btn-container .switch-btn:after{position:absolute;width:.36rem;height:.36rem;left:.02rem;top:.04rem;border-radius:50%;background-color:#fff;content:" ";cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.26);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86);-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s}.switch-btn-container .switch-btn-checked{border:1px solid #2871f7;background-color:#2871f7}.switch-btn-container .switch-btn-checked:after{left:.48rem}.switch-btn-container .switch-btn-gray{border:none;background-color:#e2e4ea}@-webkit-keyframes SwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes SwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes MySwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes MySwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}