page {
  background: #000;
}  
.swiper-tab {
  width: 100%;
  text-align: center;
  line-height: 80rpx;
}

.swiper-tab-list {
  font-size: 30rpx;
  display: inline-block;
  width: 30%;
  color: #777;
}
.break{
  color: #fff;
  text-align: center;
}
.on {
  color: #D81E06;
  border-bottom: 5rpx solid #D81E06;
}

.swiper-box {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #fff;
}
/* .swiper-box .swiper-box-list{
  overflow:auto;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
} */
.swiper-box .swiper-box-view {
 display: flex;
 justify-content: space-between;
 align-items: center;
  margin: 20rpx;
  padding-bottom: 10rpx;
 border-bottom: 1rpx slategray solid;
}
ec-canvas {
  width: 100%;
  height: 100%;

  }
  .swiper-box .swiper-box-view .swiper-box-left .swiper-box-subtitle{
    color: slategray;
  }
  .swiper-box .swiper-box-view .swiper-box-right{
    display: flex;
    align-items: center;
  }
.swiper-box .swiper-box-view .swiper-box-right .swiper-box-canvas {
  height: 120rpx;
  width: 300rpx;
}
.swiper-box .swiper-box-view .swiper-box-right .swiper-box-button{
  text-align: right;
}
.swiper-box .swiper-box-view .swiper-box-right .swiper-box-button button{
  color: #fff;
  width: 180rpx;
  background: #D81E06;
}