water_xcx/pages/sign/sign.wxss

/* pages/sign/sign.wxss */
page {
  background-color: #F4F8FB;
}
.t-dropdown-menu {
  box-shadow: 0 8rpx 16rpx rgba(204, 204, 204, 0.80);
}

.t-dropdown-menu view.t-dropdown-menu__item {
  border-radius: 16rpx;
  padding: 0 30rpx;
  display: flex;
  justify-content: space-between;
}
.list {
  position: fixed;
  top: 130rpx;
  bottom: 90rpx;
  left: 30rpx;
  right: 30rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: white;
  border-radius: 16rpx;
}

.list .round {
  width: 300rpx;
  height: 300rpx;
  border-radius: 50%;
  margin-bottom: 30rpx;
  background: -webkit-linear-gradient(top, #618BFF, #2E60E9);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.list .out {
  background: -webkit-linear-gradient(top, #EF944B, #F1852E);
}
.list .success {
  background: -webkit-linear-gradient(top, #4dbd31, #13d15c);
}
.list .round text {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
}

.list .round text.head {
  font-size: 40rpx;
  font-weight: bold;
  margin-bottom: 10rpx;
}

.list .round text.time {
  font-size: 36rpx;
  font-weight: bold;
  opacity: 40%;
}

.site {
  width: 100%;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site t-icon {
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
  background-color: #19AC4B;
  margin-right: 20rpx;
  color: white;
}

.site text {
  font-size: 28rpx;
  color: #2C2F36;
  opacity: 60%;
}
.device{
  width: 100%;
  height: 200rpx;
  text-align: center;
  
}