﻿.hit-products .entery{padding:40px 30px 15px;margin-bottom:10px}
.hit-products .entery ul{margin-top:35px}
.hit-products .entery ul li{width:25%;padding:0 25px 25px}
.hit-products .entery ul li .photo{width:50px}
.hit-products .entery ul li .photo .pic{height:66px}
.hit-products .entery ul li .title{width:calc(100% - 100px);border-bottom:1px #ddd dashed;padding-bottom:25px}
.hit-products .entery ul li .title a{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:2;height:52px}
.hit-products .entery ul li .title:before{content:"1";position:absolute;top:9px;right:-35px;font-weight:bold;color:var(--color);font-size:26px}
.hit-products .entery ul li:nth-child(2) .title:before{content:"2"}
.hit-products .entery ul li:nth-child(3) .title:before{content:"3"}
.hit-products .entery ul li:nth-child(4) .title:before{content:"4"}
.hit-products .entery ul li:nth-child(5) .title:before{content:"5"}
.hit-products .entery ul li:nth-child(6) .title:before{content:"6"}
.hit-products .entery ul li:nth-child(7) .title:before{content:"7"}
.hit-products .entery ul li:nth-child(8) .title:before{content:"8"}
.hit-products .entery ul li:nth-child(9) .title:before{content:"9"}
.hit-products .entery ul li:nth-child(10) .title:before{content:"10"}
.hit-products .entery ul li:nth-child(11) .title:before{content:"11"}
.hit-products .entery ul li:nth-child(12) .title:before{content:"12"}
.hit-products .entery ul li:hover .title a{color:var(--color)}
.hit-products .entery ul li:hover .photo .pic{transform:scale(.8)}


@media only screen and (min-width:1170px){
.hit-products .entery ul li:nth-child(9) .title,.hit-products .entery ul li:nth-child(10) .title,.hit-products .entery ul li:nth-child(11) .title,.hit-products .entery ul li:nth-child(12) .title{border-bottom:0}
}
@media only screen and (max-width:1170px){
.hit-products .entery ul li:nth-child(10) .title,.hit-products .entery ul li:nth-child(11) .title,.hit-products .entery ul li:nth-child(12) .title{border-bottom:0}
.hit-products .entery ul li{width:33.33%}
}
@media only screen and (max-width:920px){
.hit-products .entery{padding:0;margin-bottom:0;background:none;box-shadow:none}
.hit-products .scrolls{margin-top:5px;padding:5px 18px 0 0;margin-right:-18px;width:calc(100% + 36px);-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden}
.hit-products .scrolls::-webkit-scrollbar{display:none}
.hit-products .scrolls ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:1000px;margin:0}
.hit-products .entery ul li{width:250px;padding:0 0 15px 25px}
.hit-products .entery ul li .photo .pic{border:1px #eee solid;border-radius:8px}
.hit-products .entery ul li .title{width:calc(100% - 95px);padding-bottom:13px;font-size:12px}
.hit-products .entery ul li .title::before{right:-28px;font-size:16px;top:20px}
.hit-products .entery ul li .title a{height:48px;margin-top:8px}
.hit-products .entery ul li:nth-child(1n){order:1}
.hit-products .entery ul li:nth-child(2n){order:5}
.hit-products .entery ul li:nth-child(3n){order:9}
.hit-products .entery ul li:nth-child(4n){order:2}
.hit-products .entery ul li:nth-child(5n){order:6}
.hit-products .entery ul li:nth-child(6n){order:10}
.hit-products .entery ul li:nth-child(7n){order:3}
.hit-products .entery ul li:nth-child(8n){order:7}
.hit-products .entery ul li:nth-child(9n){order:11}
.hit-products .entery ul li:nth-child(10n){order:4}
.hit-products .entery ul li:nth-child(11n){order:8}
.hit-products .entery ul li:nth-child(12n){order:12}
.hit-products .entery ul li:nth-child(3) .title,.hit-products .entery ul li:nth-child(6) .title,.hit-products .entery ul li:nth-child(9) .title{border-bottom:0}
.hit-products .entery ul li:nth-child(10) .title,.hit-products .entery ul li:nth-child(11) .title{border-bottom:1px #ddd dashed}
}