.iosBtn{width:60px;height:30px}.iosBtn .iosBtn_package{width:100%;height:100%;background:#eee;border-radius:15px;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.iosBtn .iosBtn_package .iosBtn_inner{-webkit-transition:all .3s;transition:all .3s;border-radius:50%;height:28px;width:28px;background:#fff;-webkit-transform:translateX(calc(100% + 2px));transform:translateX(calc(100% + 2px));position:relative;z-index:100;-webkit-box-shadow:0 0 2px 2px #eee;box-shadow:0 0 2px 2px #eee}.iosBtn .iosBtn_package .iosBtn_background{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.iosBtn .iosBtn_on .iosBtn_background,.iosBtn .iosBtn_package .iosBtn_background{-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;border-radius:15px;position:absolute;top:50%;left:50%;background:#76e276;z-index:1}.iosBtn .iosBtn_on .iosBtn_background{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.iosBtn .iosBtn_on .iosBtn_inner{-webkit-transition:all .3s;transition:all .3s;border-radius:50%;height:28px;width:28px;background:#fff;-webkit-transform:translateX(0);transform:translateX(0);position:relative;z-index:100;-webkit-box-shadow:none;box-shadow:none}