.category{padding-top:30px}.category .button-box{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:24px;padding:3px}.category .button-box a{padding:12px 16px;border-radius:24px;color:#0080ff}.category .button-box .but-active{background:#0080ff;color:#fff}.category .row{margin-top:0;margin-bottom:60px}.category .row .item{position:relative;max-width:306px;height:128px;overflow:hidden;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:16px;padding:16px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-box-shadow:0 16px 16px -16px rgba(0,0,0,.35);margin: auto;box-shadow:0 16px 16px -16px rgba(0,0,0,.35)}.category .row .item:hover{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.35);box-shadow:0 0 0 0 rgba(0,0,0,.35)}.category .row .item:hover h4{-webkit-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px)}.category .row .item img{width:100%;z-index:-1;position:absolute;left:0;top:0;height:100%}.category .row .item h4{color:#fff;left:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}