.tab-wrapper{font-size:0;position:relative;padding:0;width:auto;margin:40px 5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #3c8ac9;border-radius:3px}.tab-wrapper li{display:inline-block;width:130px;height:39px;font-size:12px;text-align:center;line-height:38px;color:#3b5998;position:relative;cursor:pointer}.tab-item:nth-of-type(3){border-right:none;border-radius:0 3px 3px 0}.tab-item:nth-of-type(1){border-radius:3px 0 0 3px}.slider{display:block!important;position:absolute!important;bottom:0;left:0;height:38px;background:#f5f9ff!important;-webkit-transition:all .5s;transition:all .5s;border:1px solid #1870d5!important;color:#4d4d4d!important}.ripple{width:0;height:0;border-radius:50%;background:rgba(255,255,255,.4);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position:absolute;opacity:1}.rippleEffect{-webkit-animation:rippleDrop .6s linear;animation:rippleDrop .6s linear}@-webkit-keyframes rippleDrop{100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes rippleDrop{100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.switch_pages{float:left}@media only screen and (min-width:320px) and (max-width:768px){.tab-wrapper{width:282px;margin:0 auto 40px}.switch_pages{width:100%}}