page {
    height: 100%;
}
.content {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: "MicrosoftYaHei";
    font-weight: 400;
    background-image: url(../../static/images/bg.png);
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    .messageCard {
        position: absolute;
        top: 231rpx;
        left: 36rpx;
        width: 678rpx;
        height: 680rpx;
        background: #fff;
        border-radius: 14rpx;
        box-sizing: border-box;
        z-index: 4;
        .detail {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 578rpx;
            height: 300rpx;
            margin-top: 50rpx;
            margin-left: 50rpx;
            .head {
                display: flex;
                justify-content: flex-start;
                view {
                    width: 8rpx;
                    height: 30rpx;
                    background: #6eaff0;
                    margin-top: 12rpx;
                    margin-right: 19rpx;
                }
                text {
                    font-size: 32rpx;
                    font-weight: bold;
                    color: #333333;
                    line-height: 54rpx;
                }
            }
            .mes {
                font-size: 28rpx;
                line-height: 54rpx;
            }
        }
        .confirm {
            width: 322rpx;
            height: 80rpx;
            background: #6eaff0;
            border-radius: 10rpx;
            margin: 0 auto;
            font-size: 28rpx;
            color: #ffffff;
            line-height: 80rpx;
            text-align: center;
            margin-top: 100rpx;
        }
        .footer {
            display: block;
            width: 578rpx;
            height: 63rpx;
            margin: 0 auto;
            margin-top: 38rpx;
            font-size: 24rpx;
            color: #b3b3b3;
            line-height: 40rpx;
        }
    }
    .messageBg1 {
        position: absolute;
        top: 245rpx;
        left: 51rpx;
        width: 648rpx;
        height: 680rpx;
        background: #ffffff;
        opacity: 0.7;
        border-radius: 14rpx;
        z-index: 3;
    }
    .messageBg2 {
        position: absolute;
        top: 258rpx;
        left: 58rpx;
        width: 634rpx;
        height: 680rpx;
        background: #ffffff;
        opacity: 0.5;
        border-radius: 14rpx;
        z-index: 2;
    }
}