/* pages/index/index.wxss */
page {
  background: -webkit-linear-gradient(top, #27adb0, #b6f0f0, #f8f8f8);
}
.banner{
  width: 100%;
  height: 350rpx;
}
.banner image{
  width: 100%;
  height: 350rpx;
}

.msg{
  border-radius: 5px;
  margin: 20rpx 20rpx 0rpx;
  height: 40rpx;
  background-color: #fff;
  font-size: 26rpx;
  padding: 10rpx;
  text-align: center;
}

.produck-type{
  border-radius: 5rpx ;
  display: flex;
  width: 100%;
  background-color: #fff;
  padding: 15rpx 0rpx;
  margin-top: 10rpx;
  /* margin-bottom: 20rpx; */
  font-size: 26rpx;
  justify-content:space-between;
}
.item{
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item image{
  width: 80rpx;
  height: 80rpx;
}

.btn{
  background-color: #3ec6c9;
  color: #fff;
  margin-top: 20rpx;
  width: 100% !important;
}


.ec-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 450rpx;
  background-color: #fff;
  border-radius: 5rpx;
  margin-top: 20rpx;
  padding: 20rpx 0;
}

ec-canvas {
  width: 100%;
  height: 100%;
}