/* packageA/mycomponent/floatOrder/floatOrder.wxss */
view,
text {
  box-sizing: border-box;
}

.float {
  position: absolute;
  top: 3.575rem;
  left: 0.938rem;
}

.swiperContainer {
  width: 544.992px;
  height: 60rpx !important;
}

.swiperContainer .swiperItem {
  width: 544.992px;
  height: 64px;
  display: flex;
  align-items: center;
}

.wrapper {
  max-width: 544.992rpx;
  height: 40rpx;
  display: flex;
  padding-right: 16rpx;
  padding-left: 3.2rpx;
  align-items: center;
  background-color: #000;
  border-radius: 19.488rpx;
  opacity: 0.7;
  overflow: hidden;
}

.wrapper .image {
  width: 34.016rpx;
  height: 34.016rpx !important;
  display: flex;
  align-items: center;
  border-radius: 50%;
}

.wrapper .image image {
  width: 34.016rpx;
  height: 34.016rpx !important;
  border-radius: 50%;
}

.wrapper .text {
  font-size: 24rpx;
  padding-left: 16rpx;
  max-width: 496rpx;
  color: #fff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}