.yx_KfBox{
  position:fixed;
  width:48px;
  right:5px;
  bottom:30%;
  z-index:100;
  border:0px solid #e0e0e0;
  border-bottom:0;
}
 .yx_KfList{
  width:48px;
  height:48px;
  background:var(--wy_Color);
  position:relative;
  color:#fff;
  text-align:center;
  margin-bottom:5px;
  transition:all .3s;
  cursor:pointer;
  border-radius:4px;
  line-height:45px;
  list-style:none;
}
 .yx_Up_Button{
  background:#4a4a4a;
}
 .yx_xf_icon{
  font-size:24px;
  color:#fafafa;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  right:-12px;
}
 .yx_TelBoxBig{
  width:450px;
  background:#fafafa;
  border:1px solid #eee;
  border-top:2px solid var(--wy_Color);
  position:absolute;
  right:150px;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(-50%);
  transition:all 0.6s ease;
  padding:15px 24px;
}
 .yx_TelBox{
  width:100%;
  text-align:left;
}
 .yx_TelBox dl{
  display:flex;
  align-items:center;
  border-bottom:1px solid #eee;
  padding-bottom:12px;
}
 .yx_TelBox dl dt{
  font-size:30px;
  color:#666;
  margin-right:18px;
}
 .yx_TelBox dl dd span{
  font-size:var(--wy_FSFour);
  color:#333333;
}
 .yx_TelBox dl dd p{
  font-size:14px;
  color:#999;
  line-height:24px;
}
 .yx_Tel{
  padding-top:14px;
}
 .yx_Tel p{
  font-size:14px;
  color:#999;
  line-height:24px;
  display:flex;
  align-items:center;
}
 .yx_Tel .yx_TelCon{
  display:flex;
  flex-wrap:wrap;
}
 .yx_Tel .yx_TelCon p{
  width:50%;
}
 .yx_Tel .yx_TelCon .e_icon{
  font-size:18px;
  color:#666;
  padding-right:14px;
}
 .yx_Tel .yx_TelCon a{
  font-size:14px;
  color:#333;
  margin-right:24px;
}
 .yx_KfList i{
  font-size:30px;
  color:#fff;
  line-height:48px;
}
 .yx_Kf_Rwm .ewBox.son{
  width:110px;
  background:#fafafa;
  border:1px solid #eee;
  color:#363636;
  text-align:center;
  position:absolute;
  background-size:cover;
  right:150px;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:space-around;
  opacity:0;
  visibility:hidden;
  transform:translateY(-50%);
  transition:all 0.6s ease;
}
 .yx_Email{
  width:240px;
  border-radius:4px;
  background:var(--wy_Color);
  line-height:48px;
  right:140px;
  opacity:0;
  top:0;
  position:absolute;
  visibility:hidden;
}
 .yx_Kf_Rwm .ewBox img{
  width:auto;
  max-width:100px;
  margin:5px 0;
  height:auto;
}
 .yx_KfList:hover .son{
  transition:all 0.6s ease;
  opacity:1 !important;
  right:56px !important;
  visibility:visible !important;
}
@media screen and (max-width: 768px){
  
 .yx_KfList{
    width:40px;
    height:40px;
    line-height:40px;
  }
 .yx_KfList i{
    font-size:22px !important;
    line-height:40px;
  }
 .yx_Tel .yx_TelCon{
    flex-wrap:Wrap;
  }
 .yx_KfBox{
    width:40px;
  }
 .yx_KfList:hover .son{
    right:60px !important;
  }
 .yx_TelBoxBig{
    width:80vw;
    max-width:450px;
  }
 .yx_Tel .yx_TelCon a{
    font-size:14px;
  }
 .yx_KfClose{
    color:#333333;
    font-size:24px;
    background:#fafafa;
    text-align:center;
    display:block !important;
  }
 .yx_Tel .yx_TelCon .e_icon{
    font-size: 16px !important;
    color: #666;
    padding-right: 12px;
    line-height: 30px;
  }
}