.switch{border:1px solid #05326b;border-radius:20px;display:inline-block;height:34px;position:relative;width:100%;zoom:1}.switch:after,.switch:before{content:" ";display:table}.switch:after{clear:both}.switch label{border-radius:20px;color:#05326b;cursor:pointer;float:left;font-size:16px;padding:0 10px;position:relative;text-align:center;width:50%;z-index:2}.switch input[type=radio]{display:none}.switch input[type=radio]:checked+label{color:#fff;font-weight:700}.switch span{background-color:#05326b;display:block;height:100%;left:0;position:relative;top:0;width:50%;z-index:1}.switch span,.switch span.right{border-radius:17px;transition:all .2s ease}.switch span.right{left:50%}