/* pages/my/my.wxss */
.demo-text-1 {
  width: 100%;
  height: 100%;
  background: #00f;
}
.demo-text-2 {
  width: 100%;
  height: 100%;
  background: #f0f;
}
.demo-text-3 {
  width: 100%;
  height: 100%;
  background: #ff0;
}
.demo-text-4 {
  width: 100%;
  height: 100%;
  background: #f00;
}
.demo-text-5 {
  width: 100%;
  height: 100%;
  background: aqua;
}
.demo-text-6 {
  width: 100%;
  height: 100%;
  background: plum;
}
.demo-text-7 {
  width: 100%;
  height: 100%;
  background: orange;
}
.demo-text-8 {
  width: 100%;
  height: 100%;
  background: hotpink;
}
.demo-text-9 {
  width: 100%;
  height: 100%;
  background: seagreen;
}

.page-section-spacing{
  margin-top: 60rpx;
}
.scroll-view_H{
  white-space: nowrap;
}
.scroll-view-item{
  height: 300rpx;
}
.scroll-view-item_H{
  display: inline-block;
  width: 30%;
  height: 300rpx;
  margin-left: 30rpx;
}

.main {
  width: 100%;
  height: 300rpx;
  display: flex;
}

.main .left {
  flex: 4;
}

.main .right {
  flex: 2;
  height: 300rpx;
  background: yellowgreen;
  margin-left: 30rpx;
}