[v-clock] {
    display: none;
}

html {
    font-size: 100px;
}

body {
    font-size: 16px;
    background: #F2F3F8;
    margin: 0 .15rem;
}

.title {
    font-size: .18rem;
    font-family: PingFangSC-Bold, PingFang SC;
    font-weight: bold;
    color: #333333;
    margin-left: .08rem;
}

.header-warp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-b {
    display: flex;
    align-items: center;
}

.date {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #54616C;
    margin: 0 .04rem;
}

.t-t {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #50626D;
}

.yeji-warp {
    margin-top: .26rem;
    height: 1.56rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .1rem 0px rgba(103, 108, 134, 0.14);
    border-radius: .08rem .62rem .08rem .08rem;
    -webkit-border-radius: .08rem .62rem .08rem .08rem;
    -moz-border-radius: .08rem .62rem .08rem .08rem;
    -ms-border-radius: .08rem .62rem .08rem .08rem;
    -o-border-radius: .08rem .62rem .08rem .08rem;
    padding: .18rem .25rem .18rem .16rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zuo {
    width: .02rem;
    height: .5rem;
    background: #B1C1EF;
    border-radius: .01rem;
    -webkit-border-radius: .01rem;
    -moz-border-radius: .01rem;
    -ms-border-radius: .01rem;
    -o-border-radius: .01rem;
}

.today {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #4B636E;
}

.yeji-t {
    display: flex;
    align-items: center;
}

.today-wap {
    display: flex;
    align-items: center;
    margin-top: .07rem;
}

.today {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #4B636E;
    margin-left: .03rem;
}

.five {
    font-size: .12rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #4B636E;
}

.month-warp {
    background: url(../images/mouth.png);
    background-size: cover;
    width: 1.04rem;
    height: 1.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price {
    font-size: .2rem;
    font-family: PingFangSC-Bold, PingFang SC;
    font-weight: bold;
    color: #2D3AC7;
}

.byyj {
    font-size: .12rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    text-align: center;
    color: #4B636E;
    margin-top: .05rem;
}


/* 
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
} */

.ke {
    width: 1.06rem;
    height: 1.87rem;
    position: relative;
    display: inline-block;
}

.po {
    position: absolute;
    top: .82rem;
    left: .15rem;
}

.ke1 {
    width: 1.06rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    margin-left: -.1rem;
}

.po1 {
    position: absolute;
    top: .65rem;
    left: .15rem;
}

.ke2 {
    width: 1.06rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    margin-left: -.1rem;
}

.po2 {
    position: absolute;
    top: .65rem;
    left: .15rem;
}

.ke3 {
    width: 1.06rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    margin-left: -.1rem;
}

.po3 {
    position: absolute;
    top: .65rem;
    left: .15rem;
}
.ke4 {
    width: 1.06rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    margin-left: -.1rem;
}

.po4 {
    position: absolute;
    top: .65rem;
    left: .15rem;
}
.ke5 {
    width: 1.06rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    margin-left: -.1rem;
}

.po5 {
    position: absolute;
    top: .65rem;
    left: .15rem;
}
.cha {
    font-size: .14rem;
    font-family: PingFangSC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
}

.aa {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

::-webkit-scrollbar {
    display: none;
}

.main {
    box-sizing: border-box;
    padding: .16rem .25rem .16rem .16rem;
    margin-top: .16rem;
    height: 1.04rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .1rem 0px rgba(103, 108, 134, 0.14);
    border-radius: .08rem .5rem .08rem .08rem;
    -webkit-border-radius: .08rem .5rem .08rem .08rem;
    -moz-border-radius: .08rem .5rem .08rem .08rem;
    -ms-border-radius: .08rem .5rem .08rem .08rem;
    -o-border-radius: .08rem .5rem .08rem .08rem;
}

.gn {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
}

.btn1 {
    margin-top: .04rem;
    width: .48rem;
    height: .04rem;
    background: linear-gradient(90deg, #CBD8F6 0%, #9BB0E9 100%);
    border-radius: .02rem;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    -ms-border-radius: .02rem;
    -o-border-radius: .02rem;
}

.btn2 {
    margin-top: .04rem;
    width: .48rem;
    height: .04rem;
    background: linear-gradient(90deg, #FCBAD3 0%, #F784A8 100%);
    border-radius: .02rem;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    -ms-border-radius: .02rem;
    -o-border-radius: .02rem;
}

.btn3 {
    margin-top: .04rem;
    width: .48rem;
    height: .04rem;
    background: linear-gradient(90deg, #FADF8D 0%, #F3BC54 100%);
    border-radius: .02rem;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    -ms-border-radius: .02rem;
    -o-border-radius: .02rem;
}

.footer {
    box-sizing: border-box;
    padding: .16rem .3rem .16rem .16rem;
    margin-top: .16rem;
    height: 1.45rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .1rem 0px rgba(103, 108, 134, 0.14);
    border-radius: .08rem .5rem .08rem .08rem;
    -webkit-border-radius: .08rem .5rem .08rem .08rem;
    -moz-border-radius: .08rem .5rem .08rem .08rem;
    -ms-border-radius: .08rem .5rem .08rem .08rem;
    -o-border-radius: .08rem .5rem .08rem .08rem;
    display: flex;
}

.footer-l {
    width: .02rem;
    height: 1.13rem;
    background: #F57098;
    border-radius: 0.01rem;
    opacity: 0.8;
    -webkit-border-radius: 0.01rem;
    -moz-border-radius: 0.01rem;
    -ms-border-radius: 0.01rem;
    -o-border-radius: 0.01rem;
}

.f-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .08rem
}

.f-t {
    font-size: .14rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
}