.rui-step-content {

    .rui-step-guide {
        position:absolute;
        left: 500px;
        z-index:999;
        padding-top:45px;
        overflow:visible;
        -webkit-transition:all .8s;
        -moz-transition:all .8s;
        -ms-transition:all .8s;
        -o-transition:all .8s;
        transition:all .8s;
    }

    .clickLogo {
        display:block;
        position:absolute;
        left:0;
        top:0;
        opacity:.8;
        background-size:100%;
        -webkit-animation:guide-scale 1s linear infinite alternate;
        -o-animation:guide-scale 1s linear infinite alternate;
        animation:guide-scale .5s linear infinite alternate;
    }

    .rui-step-guide {
        .guide-item {
            position:relative;
            float:left;
            padding:6px 8px;
            display:block;
            font-size:12px;
            max-width:500px;
            border-radius:4px;
            color:#222;
            background-color:#fdfdfd;
            -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .4);
            -moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .4);
            box-shadow:0 1px 3px 0 rgba(0, 0, 0, .4);
            text-align:justify;
            min-width: 300px;

            .step-content {
                display: inline-block;
                padding: 4px;
                font-size:12px;
                color:#555;
                font-weight:700;
                word-break: break-word;
            }

            .step-num {
                position: absolute;
                left: -10px;
                top: -10px;
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 14px;
                border-radius: 11px;
                background: #F00;
                text-align: center;
                color: #FFF;
                margin-right: 4px;
                border: 3px solid #FFF;
            }
        }
    }

    .rui-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9;
        left: 0px;
        top: 0px;
    }
}

@keyframes guide-scale {
    0% {
        width:40px;
        height:40px;
        transform:translate(0);
    }
    100% {
        width:30px;
        height:30px;
        -webkit-transform:translateY(4px);
        -moz-transform:translateY(4px);
        -ms-transform:translateY(4px);
        -o-transform:translateY(4px);
        transform:translateY(4px);
        font-size:30px;
    }
}