_act.css 3.42 KB
.progress {
    width: 600px;
    margin: 5px auto;
    height: 300px;

    .progress-pic1 {
        width: 600px;
        height: 40px;
        /*background-image: resolve('me/setting/progress1.jpg');
        background-repeat: no-repeat;*/
    }

    .returns-status {
        padding: 30px 0 40px;

        .back-wrap {
            width: 600px;
            height: 6px;
            background: #eee;
            border-radius: 3px;
            margin: 0 auto;
        }

        .progress-bar {
            height: 6px;
            background: #1d1d1d;
            border-radius: 3px;
            width: 30%;
        }

        .visual-state {
            width: 100%;
            display: table;
            position: relative;
            top: -15px;

            > ul {
                display: table-row;
            }

            li {
                display: table-cell;
                text-align: center;
                width: 33%;
            }

            .state-bg {
                color: #eee;
            }

            .number {
                position: relative;
                top: -19px;
            }

            .act .state-bg {
                color: #1d1d1d;
            }
            .act .number {
                color: #fff;
            }
        }
    }

    .progress-pic2 {
        width: 600px;
        height: 40px;
        background-image: resolve('me/setting/progress2.jpg');
        background-repeat: no-repeat;
    }
    .progress-pic3 {
        width: 600px;
        height: 40px;
        background-image: resolve('me/setting/progress3.jpg');
        background-repeat: no-repeat;
    }
    .progress-text {
        margin-left: 62px;
        font-size: 14px;

        span {
            padding: 0 55px;
        }
        .gray-text {
            color: #d3d3d3;
            padding: 0 42px;
        }
        .pad66{
            padding-left: 71px;
        }
    }
    .operate1,
    .operate2 {
        margin: 50px 0;

        .form-group {
            clear: both;
            width: 600px;
            margin: 10px auto;
            padding-left: 100px;

            .label-name {
                font-size: 14px;
                text-align: right;
                line-height: 26px;
                margin-right: 20px;
                width: 150px;
                display: inline-block;
            }
            p {
                line-height: 26px;
                display: inline-block;
            }
            span {
                display: inline-block;
            }
            .small-input {
                width: 100px;
                margin-right: 5px;
            }
            .captcha-img {
                display: inline-block;
                height: 26px;
            }
            span {
                font-size: 14px;
                margin-left: 5px;
            }
            .tips-success {
                display: none;
            }
            .tips-error {
                color: red;
                display: none;
            }
            .white {
                width: 120px;
            }
            select {
                height: 26px;
            }
            .submit {
                margin-left: 175px;
            }
        }
    }

    .operate2 {

        p {
            padding-bottom: 20px;
            text-align: center;
            font-size: 18px;

            span {
                color: #369ed6;
            }
        }
        .btn {
            width: 90px;
        }
    }
}