/* packageI/tagCloud/components/foot.wxss */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fontclass-shouye1:before {
  content: "\e9f6";
}
.icon-fontclass-fenlei1:before {
  content: "\e9f7";
}
.icon-home2:before {
  content: "\e7b1";
}
.icon-fontclass-gouwuche:before {
  content: "\e9f9";
}
.icon-fontclass-huiyuanzhongxin1:before {
  content: "\e9fa";
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100rpx;
  box-sizing: border-box;
  z-index: 99;
}

.footer .ul {
  box-sizing: border-box;
  width: 100%;
  height: 100rpx;
  padding: 16rpx;
  display: flex;
}

.footer .ul .a {
  width: 25%;
  font-size: 20rpx;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 8;
}

.footer .ul .a i{
  display: flex;
  font-size: 36rpx;
}

.footer .ul .openMyShop {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  line-height: 40rpx;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  bottom: 0;
  font-size: 28rpx;
  z-index: 100;
  margin: 0 auto;
}

.rotateImg {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transition: transform 0.5s;
}

.normalImg {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: transform 0.5s;
}

.Circle-main{
  position: fixed;
  bottom: -35px;
  width: 260px;
  height: 260px;
  margin: 0 auto;
  /* border: 1px solid #fff; */
  left: 50%;
  transform: translateX(-50%);
}
.Circle-cell{
  position: absolute;
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 20rpx;
  text-align: center;
}

.Circle-cell image{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}