@import "../../sass/base/mixins";

html,body,.o-container {
    background: #22133e;
}

.page-invite{
    padding: px2rem(380) 0 px2rem(10) 0;
    color: #fefefe;
    text-align: center;
    background: url(./../../img/act/answer-bg.jpg) center px2rem(-60) no-repeat #22133e;
    background-size: 100% auto;
    .logo-wrap{
        img{
            display: block;
            width: 100%;
            overflow: hidden;
        }
    }
    .cover-wrap{
        margin: 0 auto 0 auto;
        width: px2rem(194);
        height:  px2rem(194);
        border-radius: 50%;
        border: px2rem(10) solid #603d9c;
        background: #a0a0a0;
        img{
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
    }
    h2{
        margin: px2rem(30) 0;
        font-size: px2rem(40);
        em{
            color: #ffba38;
            font-size: px2rem(60);
        }
    }
    .tip-code{
        font-size: px2rem(48);
        span{
            display: inline-block;
            line-height: px2rem(80);
            padding: 0 px2rem(35);
            border-bottom: 1px solid #717171;
        }
    }
    .tip-invite{
        font-size: px2rem(26);
    }
    .btn-copy{
        font-size: px2rem(32);
        background: #ff6b1a;
        line-height: px2rem(90);
        border-radius: px2rem(45);
        margin: px2rem(50) px2rem(130) px2rem(40);
    }
    .mod-ad{
        margin-top: px2rem(70);
        height: px2rem(127);
        background: url(./../../img/act/answer-ad.png) center no-repeat;
        background-size: auto 100%;
    }
}
