.fix_box{display: block;position: fixed;right: 0;top: 35%;z-index: 99;width: 70px;background: #fafafa;}
.fix_box li:nth-of-type(1){cursor: pointer;width: 70px;height: 60px;background: #faa82b;position:relative;box-sizing: border-box;padding-top:5px;}
.fix_box li:nth-of-type(1) p{color: #fff;line-height: 25px;text-align: center;font-size: 18px;}
.fix_box li:nth-of-type(1) span{width: 140px;height: 60px;background: #faa82b;color: #fff;text-align: center;line-height:60px;opacity: 0;position: absolute;right: 0;top: 0;bottom: 0;font-size: 16px;z-index: -1;transition: all 0.5s ease-in-out;}
.fix_box li:nth-of-type(1):hover span{right: 70px;opacity: 1;}
.fix_box li:nth-of-type(2){width: 70px;height: 85px;border-bottom: 2px solid #c8c8c8;text-align: center;display: flex;justify-content: center;flex-direction: column;}
.fix_box li:nth-of-type(2) a{display: block;}
.fix_box li:nth-of-type(2) i{font-size: 30px;display: inline-block;color: #faa82b;}
.fix_box li:nth-of-type(2) p{line-height: 25px;font-size: 14px;color: #000;}
.fix_box li:nth-of-type(3){width: 70px;height: 85px;position: relative;text-align: center;display: flex;justify-content: center;flex-direction: column;}
.fix_box li:nth-of-type(3) i{font-size: 36px;display: inline-block;color: #faa82b;}
.fix_box li:nth-of-type(3) p{line-height: 25px;font-size: 14px;}
.fix_box li:nth-of-type(3) img{display: none;width: 140px;position: absolute;right: 70px;top: 0px;bottom: 0px;margin: auto;}
.fix_box li:nth-of-type(3):hover img{display: block;}
.fix_box li:nth-of-type(4){width: 70px;height: 70px;background: #3d3939;cursor: pointer;text-align: center;display: flex;justify-content: center;flex-direction: column;}
.fix_box li:nth-of-type(4) i{font-size: 22px;display: inline-block;color: #fff;}
.fix_box li:nth-of-type(4) p{text-align: center;line-height: 20px;color: #fff;font-size: 14px;}