.purchase {
  padding: 15px;  
  /* #ifdef H5 */
   box-sizing: border-box;
  /* #endif */
  background-color: #ffffff;
  border-radius: 10px;
  &-list {
	  @include flexRowSpaceBetween;
    &-service,
	&-text {
      width: 50px;
	  @include styleFont(#202020,15);
      font-weight: bold;
    }
    &-right {
		width: 570rpx;
      height: 50px;
	  @include borderBotton(#f3f0f3);
	  @include flexRowSpaceBetween;
      &-left {
		  @include  flexRowCenter;
		  &-image{
			  width: 10px;
			  height: 12px;
			  margin-right: 3px;
		  }
        &-text {
          margin-right: 10px;
          padding: 0 5px;
          background-color: #fd493d;
		  @include styleFont(#ffffff,12);
        }
        &-vip {
			@include styleFont(#202020,14);
        }
        &-act {
			@include styleFont(#fd493d,12);
          margin-right: 10px;
          height: 16px;
          border-radius: 20px;
          padding: 0 5px;
          border-style: solid;
          border-color: #fd493d;
          border-width: 1px;
        }
      }
      &-image {
        width: 30rpx;
        height: 20rpx;
      }
    }
	&-service{
		width: 570rpx;
		height: 50px;
		justify-content: space-between;
		&-title{
			height: 50px;
			@include flexRowSpaceBetween;
			&-text {
				@include styleFont(#999999,14);
			}
		}
		&-bottom{
			flex-direction: row;
			&-text{
				@include styleFont(#FD493D,11);
				height: 16px;
				line-height: 16px;
				padding: 0 10px;
				border-radius: 20px;
				background-color: #FEE0E0;
			}
		}
	}
  }
}