.pc_fix{z-index:9999;position:fixed;bottom:50px;right:50px;}
.pc_fix ul{position:relative;z-index:999;display:flex;flex-direction:column;justify-content:right;}
.pc_fix ul li{margin-left:auto;width: 60px;
  height: 60px;padding: 0 20px;border-radius:80px;overflow:hidden;transition:all .5s;position:relative;background:#ffb11b;margin-bottom:10px;transition:all .5s; display: flex;align-items: center;white-space: nowrap;}
.pc_fix ul li:nth-child(1){background:#24bf3c}
.pc_fix ul li:nth-child(2){background:#088fb8}
.pc_fix ul li:nth-child(3){background:#6cb808}
.pc_fix ul li:nth-child(4){background:#00836b}
.pc_fix ul li a{display:flex;align-items:center;}
.pc_fix ul li p{color:#fff;display:block;font-size:15px;font-weight:600;opacity: 0;transition:all .5s;}
.pc_fix ul li img{display:block;width:20px;margin-right:10px;}

.pc_fix ul li:hover{width:150px;}
.pc_fix ul li:hover p{opacity:1;}
.top{box-shadow:0 0 10px rgba(0,0,0,0.1)}

.m_fix{display:none;}

@media screen and (max-width:799px){
  .pc_fix{display:none}
  .m_fix{z-index:9999;display:block;position:fixed;width:100%;left:0;bottom:0;background:#ffc300}
  .m_fix ul{width:100%;margin:0 auto;display:flex;box-shadow:0 0 10px rgba(0,0,0,0.3)}
  .m_fix ul li{width:20%;}
  .m_fix ul li a{display:block;padding:10px 0;color:#fff;}
  .m_fix ul li img{height:20px;margin:0 auto;display:block;}
  .m_fix ul li span{display:block;text-align:center;margin-top:5px;font-size:11.5px;font-weight:bold;}
  .m_tell{margin-top: -20px !important;}
  .m_tell img{width:60px;height:60px !important;}
  .m_tell img{border: 4px solid #ffc300;
    border-radius: 50px;}
 
}