* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    color: inherit;
    font-weight: normal;
    font-family: "微软雅黑";
    box-sizing: border-box;
    font-style: normal;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    width: 100%;
    overflow-x: hidden;
    background: url(../image/bg.png) top -.65rem left no-repeat #f4f5f6;
    background-size: 100% auto;
    color: #ffffff;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
.container {
    width: 100%;
    padding: 0 .4rem;
}
/*顶部返回，提醒*/
.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 1.2rem;
    position: relative;
    padding: 0 .3rem;
}
.top-bar i {
    display: inline-block;
    width: .5rem;
    height: 1.2rem;
    background: url(../image/icon-back.png) left center no-repeat;
    background-size: .17rem .30rem;
}
.top-bar .title {
    height: .4rem;
}
.top-bar .title img {
    height: 100%;
    width: auto;
    vertical-align: top;
}
.top-bar .message {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top-bar .message img {
    width: .26rem;
    padding-bottom: .05rem;
}
.top-bar .message span {
    font-size: .2rem;
}
.container {
    width: 100%;
    padding: .3rem .3rem .5rem .3rem;
}
/* 时间段 */
.time-section {
    width: 100%;
    padding: 0 .3rem;
}
.time-section ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.time-section ul li {
    font-size: .32rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: .8rem;
    position: relative;
    text-align: center;
}
.time-section ul li span.status {
    font-size: .24rem;
}
.time-section ul li span:last-child {
    margin-top: .05rem;
}
.time-section ul li:first-child {
    font-size: .28rem;
    text-align: left;
}
.time-section ul li:last-child {
    font-size: .28rem;
    text-align: right;
}
.time-section ul li.active::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .05rem;
    background: #fff000;
    border-radius: .05rem;
    bottom: -.12rem;
}
/*倒计时*/
.count-down {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .26rem;
    color: #999999;
    padding: .1rem 0 .2rem 0;
}
.count-down .time {
    display: flex;
    align-items: center;
}
.count-down .time i {
    padding-right: .2rem;
}
.count-down .time span {
    display: inline-block;
    padding: .05rem .15rem;
    font-size: .22rem;
    color: #FFFFFF;
    background: #fe1a1c;
    margin: 0 .06rem;
    border-radius: .1rem;
}
/* 推荐 */
.recommend {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: .15rem;
    background: #ffffff;
    border-radius: .3rem;
    padding-top: .25rem;
    padding-left: .15rem;
    padding-right: .15rem;
}
.recommend h2 {
    display: flex;
    align-items: baseline;
    font-size: .32rem;
    color: #333333;
    padding-bottom: .15rem;
}
.recommend h2 i {
    flex-shrink: 0;
    width: .36rem;
    height: .38rem;
    background: url(../image/icon-zan.png) center center no-repeat;
    background-size: 100%;
    margin: 0 .15rem;
}
.recommend h2 span {
    font-size: .24rem;
    color: #999999;
    padding-left: .2rem;
}
.group {
    width: 100%;
}
.group .item {
    width: 100%;
    padding: .3rem .15rem;
    background: #ffffff;
    border-radius: .3rem;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .15rem;
}
.group.recommend .item {
    padding-top: 0;
    margin-bottom: 0rem;
}
.group .item .l {
    flex-shrink: 0;
    width: 2.54rem;
    height: 2.54rem;
    overflow: hidden;
    margin-right: .3rem;
}
.group .item .l img {
    width: 100%;
}
.group .item .r {
    width: 100%;
}
.group .item .r .title {
    font-size: .3rem;
    color: #333333;
    line-height: .4rem;
}
.group .item .r .progress {
    width: 2.55rem;
    height: .28rem;
    line-height: .28rem;
    background: #ffd6c3;
    border-radius: .28rem;
    font-size: .19rem;
    color: #ffffff;
    margin-top: .3rem;
}
.group .item .r .progress span {
    display: inline-block;
    text-align: center;
    background: #fe8578;
    border-radius: .28rem;
    font-size: inherit;
}
.group .item .r .progress2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: .2rem;
    line-height: .2rem;
    margin-top: .15rem;
    font-size: .16rem;
    color: #666666;
}
.group .item .r .progress2 span {
    display: block;
    flex-shrink: 0;
    width: 1.5rem;
    height: 100%;
    background: #ffd6c3;
    border-radius: .2rem;
    text-align: center;
    margin-left: .15rem;
}
.group .item .r .progress2 span i {
    float: left;
    display: inline-block;
    height: 100%;
    background: #fe8578;
    border-radius: .2rem;
    font-size: inherit;
}
.group .item .r .buy {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: .2rem;
}
.group .item .r .buy .price {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.group .item .r .buy .price span {
    font-size: .36rem;
    color: #f35a32;
    font-weight: bold;
}
.group .item .r .buy .price span i {
    font-size: .2rem;
}
.group .item .r .buy .price span.through {
    text-decoration: line-through;
    color: #999999;
    font-size: .22rem;
}
.group .item .r .buy .btn {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.group .item .r .buy .btn a {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .5rem;
    border: .01rem solid #fd181d;
    font-size: .24rem;
    color: #fd181d;
}
.group .item .r .buy .btn a i {
    display: block;
    width: .12rem;
    height: .2rem;
    background: url(../image/arrow-right.png) center center no-repeat;
    background-size: .12rem auto;
    margin-left: .05rem;
}
/* 团购列表 */
.group.list {
    display: none;
}
.group.list.active {
    display: block;
}
.group.list .item p.subtitle {
    font-size: .24rem;
    color: #fd181d;
    padding-top: .15rem;
    padding-bottom: .3rem;
}