::-webkit-scrollbar {
/*滚动条整体样式*/
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
background: #999999;
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
border-radius: 10px;
background: #ededed;
}
<ul class="card-prod-list">
<li>
<div class="card-prod">
<div class="check-label"><input type="checkbox" name="" lay-skin="primary"> </div>
<div class="prodimg">
<img src="images/pp1.png" >
</div>
<div class="pro-grid">
<div class="items">
<div class="items-title">QQ-T3/前置</div>
</div>
<div class="items">
<div class="item-layout">
<div class="item-row">
<span class="text-gray">进:</span><strong class="val">¥1530</strong>
</div>
<div class="item-row">
<span class="text-gray">进:</span><strong class="val">¥3880</strong>
</div>
<div class="item-row">
<span class="text-gray">进:</span><strong class="val">¥1630</strong>
</div>
<div class="item-row">
<span class="text-gray">进:</span><strong class="val">¥3530</strong>
</div>
</div>
<div class="js-item-row flex-center">
<div class="js-val">¥0.59</div>
<div class="ui-count">
<a class="ui-count__btn ui-count__decrease">
<i class="layui-icon layui-icon-subtraction"></i>
</a>
<input class="ui-count__number" type="tel" readonly="readonly" value="1" />
<a class="ui-count__btn ui-count__increase">
<i class="layui-icon layui-icon-addition"></i>
</a>
</div>
</div>
</div>
<div class="items">
<div class="item-row"><span class="text-gray">产品尺寸:</span>270*112*66</div>
<div class="item-row"><span class="text-gray">6分接口过滤精度:</span>40-90微米</div>
<div class="item-row"><span class="text-gray">流量:</span>约3T/h</div>
</div>
</div>
<!-- 弹窗 -->
<div class="card-popover">
<div class="card-pop-panel">
<div class="prod-sm-img"><img src="images/pp1.png" ></div>
<div class="pop-items">
<div class="p-item"><span class="hd">灶具外形尺寸(mm):</span>面板长800x宽450</div>
<div class="p-item"><span class="hd">灶热效率:</span>68%</div>
<div class="p-item"><span class="hd">灶能效等级:</span>1等级</div>
<div class="p-item"><span class="hd">灶具气源:</span>天然气12T/液化气20Y</div>
<div class="p-item"><span class="hd">加热温度范围(℃):</span>30-120(蒸)/60-230 (烤)</div>
<div class="p-item"><span class="hd">整机外形尺寸(mm):</span>长800x高560x深508</div>
<div class="p-item"><span class="hd">产品容积(L):</span>60</div>
<div class="p-item"><span class="hd">台面开孔尺寸(MM):</span>长700x宽400 R20</div>
</div>
</div>
</div>
</div>
</li>
ul