page ,.container{
    width: 750rpx;
    height: 100%;
    overflow: hidden;
    background: #f4f4f4;
}
.groupon-list{
    width: 750rpx;
    height: 100%;
    overflow: hidden;
    background: #f4f4f4;
}

.groupon-list .item {
 height: 244rpx;
 width: 100%;
 background: #fff;
 margin-bottom: 20rpx;
}

.groupon-list .img {
 margin-top: 12rpx;
 margin-right: 12rpx;
 float: left;
 width: 220rpx;
 height: 220rpx;
}

.groupon-list .right {
 float: left;
 height: 244rpx;
 width: 476rpx;
 display: flex;
 flex-flow: row nowrap;
}

.groupon-list .text {
 display: flex;
 flex-wrap: nowrap;
 flex-direction: column;
 justify-content: center;
 overflow: hidden;
 height: 244rpx;
 width: 476rpx;
}

.groupon-list .name {
 float: left;
 width: 330rpx;
 display: block;
 color: #333;
 line-height: 50rpx;
 font-size: 30rpx;
}

.groupon-list .capsule-tag {
 float: right;
 padding-right: 0rpx;
 padding-top: 8rpx;
}

.groupon-list .zan-capsule + .zan-capsule {
 margin-left: 10px;
}

.groupon-list .desc {
 width: 476rpx;
 display: block;
 color: #999;
 line-height: 50rpx;
 font-size: 25rpx;
}

.groupon-list .price {
 width: 476rpx;
 display: flex;
 color: #AB956D;
 line-height: 50rpx;
 font-size: 33rpx;
}

.groupon-list .counterPrice {
 text-decoration: line-through;
 font-size: 28rpx;
 color: #999;
}

.groupon-list .retailPrice {
 margin-left: 30rpx;
 font-size: 28rpx;
 color: #a78845;
}

.page{
    width: 750rpx;
    height: 108rpx;
    background: #fff;
    margin-bottom: 20rpx;
}

.page view{
    height: 108rpx;
    width: 50%;
    float: left;
    font-size: 29rpx;
    color: #333;
    text-align: center;
    line-height: 108rpx;
}

.page .prev{
    border-right: 1px solid #D9D9D9;
}

.page .disabled{
    color: #ccc;
}