reader/pages/invite/index.less

.invite {
    width: 100%;
    min-height: 100vh;
    background: url('http://reader-wx.ai160.com/images/reader/bg1.jpg')no-repeat;
    background-size: contain;
    overflow: hidden;

    .ranking {
        position: fixed;
        top: 164rpx;
        right: 20rpx;
        width: 100rpx;
        height: 104rpx;
        z-index: 2;
    }

    .strategy {
        position: fixed;
        top: 290rpx;
        right: 10rpx;
        width: 120rpx;
        height: 100rpx;
        z-index: 2;
    }

    .body {
        position: relative;
        width: 100%;
        height: 10000rpx;
        margin-top: 700rpx;
        background: url('http://reader-wx.ai160.com/images/reader/bg2.jpg')no-repeat;
        background-size: cover;

        .pennant {
            position: absolute;
            width: 189rpx;
            height: 259rpx;

            .icon {
                width: 100%;
                height: 100%;
            }

            .num {
                position: absolute;
                width: 100%;
                bottom: 40rpx;
                text-align: center;
                font-size: 26rpx;
                color: #FFFFFF;
            }
        }

        .treasure {
            position: absolute;
            width: 250rpx;
            height: 262rpx;
        }
    }
}