/*.side-bar{bottom:200px;position:fixed;right:10px;z-index:999;}
.side-bar a{display:block;cursor:pointer;width:46px;height:46px;line-height:46px;background:var(--san-service-background-color);position:relative;text-align:center;box-sizing:border-box;border-radius:5px;}
.side-bar a+a{margin-top:10px;}
.side-bar a i{display:inline-block;font-size:30px;color: var(--san-service-icon-color);}
.side-bar a:last-child i{font-size:22px;}
.side-bar a:hover{background: var(--san-service-background-color-hover);}*/


   
.side-bar{position:fixed;right: 10px;bottom: 200px;z-index: 999;}
.side-bar ul{}
.side-bar ul li{height: 66px;width: 60px;background-color: var(--san-service-background-color);position:relative;border-radius:5px;line-height: 66px;}
.side-bar ul li~li{margin-top:5px;}
.side-bar ul li a{color:#fff;border-radius:5px;position:absolute;top:0;right:0;width: 60px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.side-bar ul li em{width: 60px;height: 66px;line-height: 56px;text-align:center;display: flex;flex-direction: column;}
.side-bar ul li i{font-size: 30px;/* line-height: 46px; */color: var(--san-service-icon-color);}
.side-bar ul li span{display:none;font-size:16px;}
.side-bar ul li em p{font-size:12px}
.side-bar ul li a:hover{background:var(--san-service-background-color-hover);}

.side-bar ul li:not(:last-child) a:hover{width:250px;padding-left:15px;background:var(--san-service-background-color);}
.side-bar ul li:not(:last-child) a:hover span{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;}