.tips-box, .tips-box1{width:170px;height: 45px;text-align:center;line-height: 45px;border-radius: 10px;position: absolute;right:90px;color: #fff;display: none}
.triangle-right{  display:inline-block;  width:0;  height:0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;position: absolute;right: -12px;top:12px;} 
 .tips-red{background: #ff4a4a;top:12px;}
 .triangle-red{border-left: 20px solid #ff4a4a;}
 .tips-yellow{background: #ffb400;top:82px;}
 .triangle-yellow{border-left: 20px solid #ffb400;}
 .tips-green{background: #00c800;top:152px;}
 .tips-green1{background: #00c800;top:235px;}
 .triangle-green{border-left: 20px solid #00c800;}
 .tips-blue{background: #428dff;top:222px;}
 .triangle-blue{border-left: 20px solid #428dff;}

.fixed-right{position: fixed;right: 20px;top: 40%;width: 74px;background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
          box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  -webkit-border-radius: 10px;
          border-radius: 10px;
  padding: 0 10px;
  z-index: 99999;
}
.fixed-right ul li {width: 100%;text-align: center;border-bottom: 1px solid #f0f0f0;padding: 10px 0;}
.fixed-right ul li:hover span {color: #f60;}
.fixed-right ul li a {display: block;cursor: pointer;}
.fixed-right ul li a span {display: block;margin-top: 10px;font-size: 13px;color: #666;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}