.container {
    background-color: #F2f2f2;
}

.swiper_box {
    width: 100%;
    height: 250rpx;
    overflow: hidden;
}

swiper-item image {
    width: 100%;
    height: 100%;
}

view.text {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15rpx 20rpx 18rpx;
    font-size: 28rpx;
    color: #656565;
}

view.text:before {
    position: absolute;
    display: block;
    content: ' ';
    left: -5rpx;
    width: 2rpx;
    height: 100%;
    background-color: #09bb07;
}

.line_flag {
    width: 5rpx;
    height: 30rpx;
    display: inline-block;
    background-color: #09bb07;
}

view.text text {
    margin-left: 10rpx;
    line-height: 18rpx;
}

.item {
    padding: 10rpx;
    background-color: #fff;
    color: #787878;
    border-bottom: 1rpx solid #eaeaea;
}

.item image {
    display: block;
    width: 65rpx;
    height: 95rpx;
}

.item_middle {
    flex: 1;
    margin-left: 10rpx;
    padding-top: 5rpx;
    overflow: hidden;
}

.item_middle .title {
    font-size: 16rpx;
    color: #333;
}
.item_middle .sub_title {
    font-size: 14rpx;
    color: #666;
    margin: 2rpx 0rpx;
}

.item_middle .actor {
    font-size: 14rpx;
    color: #666;
    margin: 2rpx 0rpx;
}

.item_right .score {
    font-size: 12rpx;
    color: #cf616a;
}

.item_right .action {
    margin-top: 30rpx;
    border: 1rpx solid #29cc6d;
    border-radius: 2rpx;
    color: #29cc6d;
    display: inline-block;
    padding: 2rpx 4rpx;
    font-size: 12rpx;
    line-height: 16rpx;
    text-align: center;
}


.page-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.item {
  display: flex;
  padding: 20rpx 40rpx;
  border-bottom: 1rpx solid #eee;
}

.item .poster {
  width: 128rpx;
  height: 128rpx;
  margin-right: 20rpx;
}

.item .meta {
  flex: 1;
}

.item .meta .title,
.item .meta .sub-title {
  display: block;
  margin-bottom: 15rpx;
}

.item .meta .title {
  font-size: 32rpx;
}

.item .meta .sub-title {
  font-size: 22rpx;
  color: #c0c0c0;
}

.item .meta .artists {
  font-size: 26rpx;
  color: #999;
}

.item .rating {
  font-size: 28rpx;
  font-weight: bold;
  color: #f74c31;
}
.item .rating text {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20rpx;
}

.item .rating .buy {
    padding: 10rpx 15rpx;
    background-color: #e50150;
    color: #fff;
    font-size: 28rpx;
}