_complaints.css 3.35 KB
.complaint-me-page {
    font-size: 12px;

    .complaint .title{
        background-image: resolve(img/home/complaints.png);
    }

    .me-complaints {
        padding: 10px 10px 0;

        .empty-tip {
            padding: 100px 0;
        }

        .complaints-table-header {
            margin-bottom: 10px;
        }

        .complaint-item {
            padding: 10px;
            border: 1px #e6e6e6 solid;
            margin-bottom: 5px;
            color: #999;
            line-height: 18px;

            & > div {
                display: inline-block;
                vertical-align: top;
            }

            .question {
                color: #e9034e;
                background: resolve(img/home/complaints-sd.png) no-repeat -13px 2px;
            }

            .reply {
                color: #339900;
                background: resolve(img/home/complaints-sd.png) no-repeat 0px -25px;
            }

            .cancel-btn {
                width: 68px;
                line-height: 23px;
                text-align: center;
                color: #fff;
                background: resolve(img/home/remark-btn.png) no-repeat;
                display: inline-block;
                cursor: pointer;
            }
        }

        .info {
            width: 280px;
            color: #000;
            text-align: left;
        }

        .content {
            width: 340px;
            text-align: left;

            p {
                padding-left: 20px;
                margin-top: 5px;
            }
        }
    }

    .complaint-form {
        padding: 10px;

        h2 {
            clear: both;
            height: 21px;
            line-height: 21px;
            padding-left: 23px;
            background: resolve(img/home/complaint-icon.png) no-repeat 5px 5px #efefef;
            border: 1px #e6e6e6 solid;
            font-size: 12px;
            color: #333;
            font-weight: normal;
        }

        .form-content {
            font-size: 12px;
            padding: 7px 0;

            dl {
                padding: 7px 5px;
                line-height: 22px;
            }

            dt {
                width: 75px;
                color: #333;
                text-align: right;
                float: left;
            }

            dd > input {
                width: 150px;
                height: 18px;
                line-height: 18px;
                color: #333;
                border: 1px #c9c9c9 solid;
                background: resolve(img/home/input-back.png) repeat-x;
                vertical-align: top;
            }

            dd > textarea {
                width: 400px;
                height: 80px;
                max-width: 500px;
                max-height: 320px;
                color: #333;
                border: 1px #c9c9c9 solid;
                background: resolve(img/home/input-back.png) repeat-x;
                vertical-align: top;
                overflow: auto;
            }
        }

        .form-submit > input {
            width: 138px;
            height: 34px;
            margin-left: 80px;
            border: 0px;
            background: resolve(img/home/submit-btn.png) no-repeat;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding-right: 20px;
            cursor: pointer;
            display: inline-block;
        }
    }
}