/* 璁剧疆瀛椾綋澶у皬 */
/* 璁剧疆棰滆壊 */
/* 鎮诞妗� */
.floating {
  position: fixed;
  top: 50%;
  left: 0.15rem;
  transform: translateY(-50%);
  width: 1rem;
  z-index: 9999;
}
.floating ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.floating ul .suspend-style1 {
  width: 0.73rem;
  height: 0.73rem;
  line-height: 0.73rem;
  text-align: center;
  margin-bottom: 0.2rem;
  display: inline-block;
  font-size: 0.2rem;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #e9e9e9;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
}
.floating ul .suspend-style1:hover {
  background: -webkit-linear-gradient(#ef0a6a, #b6359c);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ef0a6a, #b6359c);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ef0a6a, #b6359c);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#ef0a6a, #b6359c);
  /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */
  border: 1px solid #fff;
}
.floating ul .suspend-style1:hover > .iconfont {
  color: #fff;
}
.floating ul .suspend-style1:hover > div {
  display: flex;
}
.floating ul .suspend-style1:nth-child(1) {
  width: 0.73rem;
  height: 0.73rem;
  margin-bottom: 0.3rem;
}
.floating ul .suspend-style1 > .iconfont {
  font-size: 0.4rem;
  background-image: -webkit-linear-gradient(#ef0a6a, #b6359c);
  /* Safari 5.1 - 6.0 */
  background-image: -o-linear-gradient(#ef0a6a, #b6359c);
  /* Opera 11.1 - 12.0 */
  background-image: -moz-linear-gradient(#ef0a6a, #b6359c);
  /* Firefox 3.6 - 15 */
  background-image: linear-gradient(#ef0a6a, #b6359c);
  /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */
  font-weight: bold;
  -webkit-background-clip: text;
  color: transparent;
}
.floating ul .suspend-style1 > span {
  position: absolute;
  bottom: -0.13rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0.75rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  background-image: linear-gradient(#ef0a6a, #b6359c);
  border-radius: 0.3rem;
}
.floating ul .suspend-style1 > div {
  position: absolute;
  right: -2.9rem;
  top: -0.05rem;
  width: 2.6rem;
  height: 0.85rem;
  line-height: 0.85rem;
  box-sizing: border-box;
  padding: 0;
  background-color: #fff;
  border-radius: 0.1rem;
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  border: 1px solid #e6e6e6;
}
.floating ul .suspend-style1 > div > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0.22rem;
  background-image: -webkit-linear-gradient(to right, #b6359c, #ef0a6a);
  /* Safari 5.1 - 6.0 */
  background-image: -o-linear-gradient(to right, #b6359c, #ef0a6a);
  /* Opera 11.1 - 12.0 */
  background-image: -moz-linear-gradient(to right, #b6359c, #ef0a6a);
  /* Firefox 3.6 - 15 */
  background-image: linear-gradient(to right, #b6359c, #ef0a6a);
  /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.floating ul .suspend-style1 > div::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -0.28rem;
  transform: translateY(-50%);
  content: '';
  background: url('../../img/home/sanjiao.png') no-repeat center;
  background-size: 64%;
  width: 0.33rem;
  height: 0.33rem;
}
.floating ul .wechat {
  position: relative;
  line-height: 0 !important;
  cursor: pointer;
  transition: all 0.2s linear;
}
.floating ul .wechat:hover > div {
  display: block;
}
.floating ul .wechat .wechat-iconfont > img {
  width: 0.73rem;
  height: 0.73rem;
}
.floating ul .wechat > div {
  font-size: 0;
  position: absolute;
  right: -1.4rem;
  top: -0.5rem;
  width: 1.17rem;
  height: 1.75rem;
  box-sizing: border-box;
  padding: 0;
  background-color: #fff;
  border-radius: 0.1rem;
  display: none;
}
.floating ul .wechat > div > span {
  height: 0 !important;
}