@import './common/base.less';

.secondPage {
    header {
        display: block;
        .px2(padding, 0, 5);
        .px(line-height, 70);
        .px(font-size, 30);
        border-bottom: 1px solid #999; 
        text-align: center;
    
        &::after {
            content: "";
            display: block;
            float: left;
            .px(height, 70);
            .px(width, 70);
            background: url(../assests/common/icon.png)no-repeat center;
            background-size: auto 40/@size;
            transform: rotateY(180deg);
        }
    }

    p {
        position: absolute;
        @top: 250/@size;
        @right: 200/@size;
        top: calc(50% - @top);
        right: calc(50% - @right);
        text-align: center;
        .px(width, 400);
        .px(font-size, 480);
        .px(line-height, 500);
        color: #a4d884;
    }

    a {
        position: absolute;
        @top: 250/@size;
        @right: 105/@size;
        top: calc(50% + @top);
        right: calc(50% - @right);
        text-align: center;
        .px2(padding, 0, 25);
        .px(font-size, 50);
        .px(line-height, 70);
        color: #a4d884;
        border: 1px solid #a4d884;
        .px(border-radius, 15);
    }
}