shyaf-artist-platform-miniapp/pages/guanyuan/demonstrate/demonstrate.wxss

.demonstrate-box{
  display: flex;
  height: 100%;
  padding:0;
  box-sizing: border-box;
  flex-direction: column;
}
.top{
  padding:0 60rpx;
  padding-top: 40rpx;
}
.top .subtitle{
  color:#111111;
  font-size:32rpx;
}
.top .time-box{
  display: flex;
  height: 40rpx;
  align-items: center;
  margin-top: 15rpx;
}
.top .time-box .text{
  display: flex;
  height: 40rpx;
  align-items: center;
  color:#8D8D8D;
  font-size:24rpx;
}
.top .time-box image{
  width: 26rpx;
  height: 26rpx;
  margin-right: 12rpx;
}
.top .adr-box{
  display: flex;
  height: 40rpx;
  align-items: center;
  margin-top: 10rpx;
}
.top .adr-box .text{
  display: flex;
  height: 40rpx;
  align-items: center;
  color:#8D8D8D;
  font-size:24rpx;
}
.top .adr-box image{
  width: 26rpx;
  height: 26rpx;
  margin-right: 12rpx;
}
.main{
  margin-top: 52rpx;
}
.main .item-title{
  position: relative;
  font-size:28rpx;
  color:#111111;
  padding-left: 60rpx;
  padding-bottom: 34rpx;
}
.main .item-title .left-line{
  position: absolute;
  left: 0;
  top: 0;
  width:4rpx;
  height:40rpx;
  background:rgba(22,22,22,1);
}
.main .paragraph{
  line-height:48rpx;
  padding:0 60rpx;
  font-size:24rpx;
  color:#111111;
  padding-bottom: 20rpx;
}
.main .pic-box{
  padding:0 60rpx;
  padding-bottom: 36rpx;
}
.main .pic-box .pic{
  width: 100%;
  margin-top: 32rpx;
}