.side-bar{
  position: fixed;
  right: 27px;
  bottom: 13px;
  z-index: 99;
}
.side-bar .side-bar-text{
	width: 46px;
    height: 100px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-family: PingFangSC-Medium;
    display: block;
    text-align: center;
    background: rgba(54, 121, 255, 0.8);
    -webkit-box-shadow: 0 3px 15px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 3px 15px 0 rgb(0 0 0 / 20%);
    margin-top: 21px;
    border-radius: 13px;
    padding: 10px 0;
    cursor: pointer;
}
.side-bar .side-bar-hezuo:hover div{
  display: block;
}
.side-bar .side-bar-hezuo{
  position: relative;
  cursor: pointer;
}
.side-bar .side-bar-hezuo div{
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 325px;
          height: 205px;
  background: #fff;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
  border-radius: 13px;
  position: absolute;
  top: -50px;
  display: none;
  right: 76px;
}
.side-bar .side-bar-hezuo div::after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-left: 21px solid #fff;
  border-bottom: 16px solid transparent;
  position: absolute;
  right: -12px;
  top: 93px;
}
.side-bar .side-bar-hezuo div span{
  display: block;
  text-align: left;
}
.side-bar .side-bar-hezuo div span i{
  font-style: normal;
  display: block;
  text-align: left;
  font-size: 0.186667px;
  color: #78818C;
}
.side-bar .side-bar-hezuo div span:nth-child(1) i:nth-child(1)::before {
  content: ' ';
  display: inline-block;
  height: 29px;
  width: 29px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAA59JREFUSEu1lF1oHFUUx//nzm4mpY2NMULMW+tDECktPtiqLVoqCKINBVsR9TlojbrZSXY3m8zkbpqd2WTdQFpFF/ogRvLgZ3xQii1i/aAIajWU4oMvhRBFTHRXsd3s3CN3MhuT7VbTgvN45tzf/d//+SD8Tx/VcwfHJm/jSvUJgC650noHADe6OynznwHYCeACSLxp+r8XpZSVWu46cCozeR9zdRagW8KEGVOVn5JSqnp4CN5bizP4fMQwHhkb6pvXsVXw0Oj47b4SXzHQRsApBvYA2EqMrDtipRupHsjlWsTl6IOAcgF0aXiz+mO3Vr4KTsn8aQYOgOg90y89VjG27mNWpwEIIvGAa/fppzf8HGey9Yrwz2k4SPR6dt+JADw4NnmXqvpfA1iiaFOXO/j8LzqelBMjADkA5kxV3lWzJLThToCKpirZWmFSFg4B6l0A5zzHuicAJ2U+BqAAwquebT1Tk9XbO2Vuaa9cZGCbAB7OOtZHYb5WH/pLOc+JJ1dsMUoAyp5j3bQezHjFG7GO1sD9znhHRIhpbREREq5tjdf+rRTa/1y/0nOstjUXwnOsfQE4lZnYzUzao/nFjpZtxZ6e5VSmcD+z0go3MfAbC3/P+HDih7Umh5YEoHrzV4uXlPnvAexg0HM5J/5yUuafBDANwrIwjLuz6dj565mlVXBCTnQT6H2tDiqyc6lz00LbT6XvALqDiE64drz3hsChRx8AeBTAWVOV9y83te5SVf9LACYR9bt2PK/zBkZzXQYb3cSYi6ryqUYDtG7ydLEMIb4F0AGiKc+Ov6AtYeANAkgrJ0Oc9Kv+JwS0hi+YIxJH6/v8ql2RPpbf6/v4GEAzEcVdO14I/T6plWvPwYgScAbAdt2KABQxvCYuD9fUXwUOBiZTOKJYzbBWCfR7jvXSyhBVp7XnAP7yldp+ebF5aXP7lRRAeuQjAGY8x9JF54bgwO9M/lkwjuuR1raYfim20NlptP/852EG5l2779N/ejpozdlgtygcdqX19jXB+lDCmThCgl7XtuiCsoo8nZMvXqrvDsdxREW0fMjAQ6Q47sr+wr+CNSD0/C1d0KAVQUNLHVuKeoiC4cpO3crV5dfAfAjgX0UksiObji38J1gfDrulGLaiDs2DMQsBAeBxMG4mYBFkHHTt2Bfr9vFGmj8hC90ENaondG0+A2eiQvUcGx74sRbfkOL6S8Pdci8RMRnibDYd++aau2Ijiq8n52/XX4Mm35SX+QAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100%;
  margin-right: 26px;
  position: relative;
  top:6.7px;
}
.side-bar .side-bar-hezuo div span:nth-child(1) i:nth-child(2) {
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #3679FF;
  margin-top: 5px;
  margin-left: 56px;
}
.side-bar .side-bar-hezuo div span:nth-child(2) i:nth-child(1)::before {
  content: ' ';
  display: inline-block;
  height: 29px;
  width: 29px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAdZJREFUSEvV1D9oE1EcwPHv7y42iq0guDhUKLiImyAuDoIIiqMkUyfdLK3IKcQ/zctL1Qb0EFvqppNTgqMoiODQpQhu4iIIOrgIBduiqbn7yV0StVeb3AkR/I13733e7/3e7z1hQCEDchk8XKjX3f1vP54N4QiquzPtRGTZgaV3B0YfNorFIJobZ2yMcdadkWcKJzKBicECz4fClZPW2jCGS9YvgNbjcSIK+kDhfZpFBMZAzqHaKasUa8ZrdOFp0CrCd5RtoB9yDsduTF/uiV+fuT3WCnkJsu/XXCnXjDfThQ1oBfCJagxH++EbUFgElgAPpFIznk3AUsmH2/2m8/VpLzyJ5sMdp5rON6+d3BZwtJoxC8Nb4X9CrZ1YLVm/s+secLtTNuKE7vH4MJ3gRVxTWIwyjdBOA6SDN+O0Ol2SS6KZ4WjCeWOGd7kjPirj7XbUR1+CFe++tXGm3UhdimQPFwp1N/rWaLRvVjL+Gu53Wf4tfKXqT6nqPeDJ2uehM/PzU81+Gf7+f3JyLr9zz/pj4LSIXJgte3PxBbl68+7esBW8AbK9aptXX3Zy7sFb1y5++vkel6p3DgMLqhwSiA8qbSgEIrwGJmrlS6/i5kk7Oeu4/w/+AcBTFCamgYfOAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
  margin-right: 27px;
  position: relative;
  top: 7px;
}
.side-bar .side-bar-hezuo div span:nth-child(2) i:nth-child(2) {
  font-size: 24px;
  color: #403F3F;
  margin-top: 5px;
  margin-left: 56px;
}
.side-bar .ewm-con:hover div{
  display: block;
}
.side-bar .ewm-con{
  position: relative;
  cursor: pointer;
}
.side-bar .ewm-con div{
  width: 146px;
  height: 150px;
  padding: 21px 27px 17px 23px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  position: absolute;
  top: -33px;
  right: 63px;
  display: none;
}
.side-bar .ewm-con div::after {
  content: ' ';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-left: 21px solid #fff;
  border-bottom: 16px solid transparent;
  position: absolute;
  right: -12px;
  top: 40px;
}
.side-bar .ewm-con div span{
  text-align: left;
  display: block;
  font-size: 11px;
  color: #78818C;
  margin-left: 11px;
}
.side-bar .ewm-con div img{
  margin-top: 4px;
  width: 96px;
  height: 96px;
}
.side-bar .ewm-con .ewm-btn{
  width: 46px;
  height: 46px;
  background: rgba(54, 121, 255, 0.8);
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
  border-radius: 13px;
  display: block;
  cursor: pointer;
  margin-top: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-bar .ewm-con .ewm-btn img{
  text-align: center;
}
.side-bar .cursor-btn{
  background: #FFFFFF;
  -webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 13px;
  display: block;
  width: 46px;
  height: 46px;
  margin-top: 22px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-bar .cursor-btn img{
  text-align: center;
}