.service-list-item{width:calc(100% / 5);float:left;border:1px solid #ebecec;position:relative;padding:10px}.service-list-item .service-item-image{width:100%;height:150px;overflow:hidden;text-align:center;position:relative;margin-bottom:10px}.service-list-item .service-item-image img{height:150px;max-width:150px;object-fit:cover;display:inline;width:100%}.service-list-item .service-item-info{width:100%;margin-top:10px;display:flex;flex-wrap:wrap}.service-list-item .service-item-info .service-item-left{width:100%;height:80px;line-height:20px}.service-list-item .service-item-info .service-item-left .name{font-size:16px;color:#000;font-weight:700;height:60px;overflow:hidden;line-height:17px;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.service-list-item .service-item-info .service-item-left .price{color:#ac0719;font-size:14px;font-weight:700}.service-list-item .service-item-info .service-item-right{width:100%;height:25px;margin-top:10px}.service-list-item .service-item-info .service-item-right .buy{text-decoration:none;color:#fff;border-radius:5px;padding:6px 0;width:100%;font-size:12px;text-align:center;text-transform:uppercase;display:block;background:#fa9308;background:-moz-linear-gradient(top,#fa9308 0,#fa6f1c 100%);background:-webkit-linear-gradient(top,#fa9308 0,#fa6f1c 100%);background:linear-gradient(to bottom,#fa9308 0,#fa6f1c 100%)}.service-list-item .service-item-image:hover .mask-service{opacity:1;top:0;visibility:visible;transition:.5s}.mask-service{background:rgba(224,224,224,.91);height:100%;width:100%;overflow:hidden;color:#000;top:200px;position:absolute;padding:10px;opacity:1;visibility:hidden}.mask-service a{height:100%;color:#000}.mask-service li{float:left;width:100%;text-align:left;font-size:13px;line-height:20px}.mask-service li:before{color:#818181;content:"-";margin:0 5px 0 0}.banner-box{float:left;width:100%;margin-top:20px}.banner-box .banner-item{width:50%;float:left;max-height:150px;overflow:hidden}.banner-box .banner-item img{width:100%}.accessories-category,.service-category{width:100%!important}@media only screen and (max-width:1199px){.service-list-item{width:calc(100% / 4)}}@media only screen and (max-width:991px){.service-list-item{width:calc(100% / 3)}}@media only screen and (max-width:767px){.service-list-item{width:calc(100% / 2)}}@media only screen and (max-width:479px){.service-list-item{width:50%}.service-list-item .service-item-info .service-item-left{width:100%}}