body {
    width: 100%;
    height: 100%;
    background-image: url(../img/70/background.png);
    background-size: cover;
}

.background {
    width: 7.5rem;
    position: absolute;
    z-index: -1;
}

.content {
    width: 6rem;
    height: 7rem;
    background-color: #ffffff;
    border-radius: 0.2rem;
    position: relative;
    left: 0.75rem;
    top: 2.05rem;
}

.content>.background {
    width: 6rem;
    height: 4.57rem;
    position: absolute;
    z-index: 2;
}

.content .information {}

.content .data {
    position: absolute;
    z-index: 3;
}

.content .data {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 1.3rem;
    left: 1.14rem;
}

.touxiang {
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 100%;
    border: 0.05rem solid #ffffff;
    margin-bottom: 0.51rem;
}

.content .data span {
    font-family: PingFang-SC-Medium;
    font-size: 0.28rem;
    color: #ffffff;
    margin-bottom: 0.26rem;
}

.content .data div {}

.content .data div img {
    width: 0.18rem;
    height: 0.24rem;
    margin-right: 0.13rem;
}

.content .data div span {
    font-family: PingFang-SC-Medium;
    font-size: 0.24rem;
    color: #ffffff;
}


.content .QRcode {
    position: absolute;
    bottom: 0.29rem;
    left: 1.59rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .QRcode img {
    width: 1.95rem;
    height: 1.95rem;
    position: relative;
    z-index: 2;
    margin-bottom: 0.26rem
}

.content .QRcode span {
    font-family: PingFang-SC-Medium;
    font-size: 0.28rem;
    color: #333333;
}


.fooder {
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.44rem 0.4rem 0.35rem 0.4rem;
    box-sizing: border-box;
}

.fooder .top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fooder .top span {
    font-family: PingFang-SC-Medium;
    font-size: 0.34rem;
    color: #333333;
}

.fooder .top img {
    width: 0.24rem;
    height: 0.24rem;
}

.fooder ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.34rem;

}

.fooder ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 0.8rem;
}


.fooder ul li img {
    width: 1.08rem;
    height: 1.08rem;
}

.fooder ul li div {
    font-family: PingFang-SC-Medium;
    font-size: 0.26rem;
    color: #333333;
}