.tab-wrapper{font-size:0;position:relative;padding:0px;width:auto;margin:10px 5px 40px;-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;border-right:1px solid #3c8ac9}
.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:130px;height:38px;background:#6BAF3B!important;-webkit-transition:all .5s;transition:all .5s;border-right:none!important;color:#fff!important}
.ripple{width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.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:264px;margin:0 auto 40px}
.tab-wrapper li{width:131px}
.slider{left:131px}
.switch_pages{width:100%}
}