.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.46rem;
    border-left: 0.1rem solid #FE4C40;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.footer>.already-log-in, .footer>.no-log-in {
    flex: auto;
    display: flex;
}
.footer>.already-log-in.hide, .footer>.no-log-in.hide {
    display: none;
}
.footer>.already-log-in>div:first-child, .footer>.no-log-in>div:first-child {
    width: 66%;
}
.footer>.already-log-in>div:last-child, .footer>.no-log-in>div:last-child {
    width: 34%;
}
.footer>.already-log-in>div.point-wrapper {
    display: flex;
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;
    align-items: stretch;
    color: #666;
}
.footer>.already-log-in>div.point-wrapper>div {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer>.already-log-in>div.point-wrapper>div>p:first-child {
    margin-bottom: 0.13rem;
    transform: scale(0.9);
}
.footer>.already-log-in>div.point-wrapper>div>p:last-child {
    font-size: 0.38rem;
}
.footer>.already-log-in>div.point-wrapper>div.point-sum>p:last-child {
    font-weight: bold;
    color: #FE4C40;
}
.footer>.already-log-in>div.point-wrapper>div.point-sum {
    border-right: 1px solid #E0E0E0;
}
.wrapper>.footer>.already-log-in>div.exchange-info {
    background-color: #FE4C40;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.wrapper.purchase-fore>.footer>.already-log-in>div.exchange-info {
    background-color: #9F9F9F;
}
.wrapper.no-store>.footer>.already-log-in>div.exchange-info {
    background-color: #9F9F9F;
}
.footer>.already-log-in>div.exchange-info>p:first-child {
    font-size: 0.38rem;
    margin-bottom: 0.13rem;
}
.footer>.no-log-in>.please-log-in {
    display: flex;
    align-items: center;
}
.footer>.no-log-in>.please-log-in>img {
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 0.7rem;
    margin-right: 0.9rem;
}
.footer>.no-log-in>.please-log-in>.text {
    display: flex;
    flex-direction: column;
    color: #6E6E6E;
}
.footer>.no-log-in>.please-log-in>.text>p:first-child {
    margin-bottom: 0.13rem;
}
.wrapper>.footer>.no-log-in>.exchange {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FE4C40;
    color: #fff;
}
.wrapper.purchase-fore>.footer>.no-log-in>.exchange {
    background-color: #9F9F9F;
}
.wrapper.no-store>.footer>.no-log-in>.exchange {
    background-color: #9F9F9F;
}
.wrapper>.content {
    position: absolute;
    top: 0;
    bottom: 1.46rem;
    left: 0;
    right: 0;
    overflow: hidden;
}
.wrapper>.content>.detail {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: #F1F1F1;
}
.wrapper>.content>.detail>.img-wrapper {
    width: 10rem;
    height: 10rem;
    position: relative;
    background-color: #fff;
}
.wrapper>.content>.detail>.img-wrapper>img {
    width: 10rem;
    height: 10rem;
}
.wrapper>.content>.detail>.img-wrapper>.back {
    position: absolute;
    left: 0.14rem;
    top: 0.19rem;
    width: 0.8rem;
    height: 0.8rem;
    padding: 5px;
    border-radius: 20px;
    background-color: #666;
}
.wrapper>.content>.detail>.img-wrapper>.back>img {
    width: 0.53rem;
    height: 0.53rem;
}
.wrapper>.content>.detail>.img-wrapper>.purchase {
    display: none;
    position: absolute;
    height: 1rem;
    width: 100%;
    bottom: 0;
    justify-content: center;
    align-items: center;
    font-size: 0.48rem;
    font-weight: 600;
    color: #fff;
}
.wrapper.on-purchase>.content>.detail>.img-wrapper>.purchase, .wrapper.purchase-fore>.content>.detail>.img-wrapper>.purchase {
    display: flex;
}
.wrapper.on-purchase>.content>.detail>.img-wrapper>.purchase {
    background-color: #F17B6F;
}
.wrapper.on-purchase>.content>.detail>.img-wrapper>.purchase>span.purchase-fore-text {
    display: none;
}
.wrapper.purchase-fore>.content>.detail>.img-wrapper>.purchase {
    background-color: #9F9F9F;
}
.wrapper.purchase-fore>.content>.detail>.img-wrapper>.purchase>span.on-purchase-text {
    display: none;
}
.wrapper>.content>.detail>.general {
    margin-top: 0.21rem;
    /*height: 2.5rem;*/
    border-radius: 0.2rem;
    background-color: #fff;
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
}
.wrapper>.content>.detail>.general>.goods-name {
    font-size: 0.42rem;
    line-height: 0.6rem;
    max-height: 1.2rem;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 0.18rem;
}
.wrapper>.content>.detail>.general>.price-store {
    display: flex;
    align-items: center;
    color: #989898;
    font-size: 0.37rem;
    line-height: 0.43rem;
    margin-bottom: 0.18rem;
}
.wrapper>.content>.detail>.general>.price-store>.price {
    margin-right: 0.7rem;
}
.wrapper>.content>.detail>.general>.price-store>.price>span {
    font-size: 0.42rem;
    font-weight: bold;
    color: #F12101;
}
.wrapper>.content>.detail>.goods-detail {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.wrapper>.content>.detail>.goods-detail>h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.wrapper>.content>.detail>.goods-detail>h3>span:first-child, .wrapper>.content>.detail>.goods-detail>h3>span:last-child {
    width: 0.6rem;
    height: 1px;
    background-color: #9D9D9D;
}
.wrapper>.content>.detail>.goods-detail>h3>span:nth-child(2) {
    margin-left: 0.26rem;
    margin-right: 0.26rem;
    color: #9D9D9D;
    font-size: 0.37rem;
}