分享一个比较简洁好用的下单提示，如下图所示

代码：
<center>
<div class="shuaibi-tip animated tada  text-center"><i class="fa fa-heart text-danger"></i> <b>免费领红包&nbsp;<a href="链接地址" data-toggle="modal" class="label label-danger"><font color="#FFFFFF">点击领取</font></a></b></div>
<font style=font-size:12px><span style="color:#E53333;">选择商品</span><span style="color:#E53333;">»</span> &nbsp;<span style="color:#009900;">确认订单</span><span style="color:#E53333;">»</span> &nbsp;<span style="color:#EE33EE;">支付金额</span><span style="color:#E53333;">»</span> &nbsp;<span style="color:#006600;">购买成功</span><span style="color:#E53333;">» &nbsp;<span style="color:#64451D;">查询订单</span></font>
</center>
文字部分可以自己随意更改，比如设置成最新推荐商品，或者是目前比较受欢迎的商品，也可以是免费赠送的各种赞，红包之类的，比如上面的这个就是免费领红包的活动。
主要的作用就是装饰美化网站，吸引顾客，引导顾客购买商品。
其中“免费领取红包”这段文字，在代刷网中是会抖动的，具体效果自行测试

第二个下单提示装饰代码

代码：
<div class="row" style="padding:0px 20px 10px;line-height:18px; color:#999;font-size:12px">
<div class="col-xs-3" style="padding:0px 5px">
<center>
<img src="https://s2.ax1x.com/2019/05/24/VizrcD.png" alt="人工智能正品" class="img-responsive" style="max-width:63px;display:inline;"><br>
<span>人工智能正品</span>
</center>
</div>
<div class="col-xs-3" style="padding:0px 5px">
<center>
<img src="https://s2.ax1x.com/2019/05/24/VizRAI.png" alt="下单极速开刷" class="img-responsive" style="max-width:63px;display:inline"><br>
<span>下单极速开刷</span>
</center>
</div>
<div class="col-xs-3" style="padding:0px 5px">
<center>
<img src="https://s2.ax1x.com/2019/05/24/VizWNt.png" alt="24小时退换货" class="img-responsive" style="max-width:63px;display:inline"><br>
<span>24小时退换货</span>
</center>
</div>
<div class="col-xs-3" style="padding:0px 5px">
<center>
<img src="https://s2.ax1x.com/2019/05/24/Vizf4P.png" alt="终身售后保障" class="img-responsive" style="max-width:63px;display:inline"><br>
<span>终身售后保障</span>
</center>
</div>
</div>
将上面的代码填到自己的网站里面就可以了