/* pages/home/home.wxss */

/* .container {
  margin-left: 16rpx;
  margin-right: 16rpx;
  display: flex;
  flex-direction: column;
} */

.container .hello {
  margin-top: 32rpx;
}

.container .banner {
  margin-top: 16rpx;
  margin-bottom: 16rpx;
  height: 160rpx;
}

.bannerItem {
  /* width: 100%;
  height: 100%; */
  display: flex;
}

.device_add {
  display: flex;
  flex: 1;
  justify-content: center;
  margin-bottom: 16rpx;
}

.deviceClass {
  display: flex;
  margin-bottom: 16rpx;
  margin-top: 16rpx;
  flex-direction: row;
}

.device_img {
  width: 180rpx;
  height: 180rpx;
  margin-top: 16rpx;
  /* margin-bottom: 16rpx; */
  margin-left: 16rpx;
}

.detailClass {
  margin-left: 16rpx;
  /* margin-bottom: 16rpx; */
  margin-top: 16rpx;
  flex-direction: column;
  /* flex-wrap: wrap; */
  display: flex;
  /* box-sizing: border-box; */
}

.detailClass .power {
  align-items: center;
  flex-direction: row;
  display: flex;
  align-self: start;
}

.power>image {
  width: 50rpx;
  height: 50rpx;
}

.power>text {
  margin-left: 8rpx;

}

.device_name {
  margin-top: 4rpx;
  margin-bottom: 6rpx;
}

.device_delete {
  padding-left: 16rpx;
  padding-right: 16rpx;
  padding-top: 8rpx;
  padding-bottom: 8rpx;
  align-self: start;
  background-color: seagreen;
}

.detail_page {
  margin-top: 16rpx;
  margin-right: 16rpx;
  width: 44rpx;
  height: 44rpx;
}

.device-empty-tips {
  margin-top: 16rpx;

}