#inquiry {
    * {
        font-family: Microsoft Yahei, Helvetica, Arial, Verdana, sans-serif;
    }
    > table {
        width: 100%;
        > tbody {
            > tr {
                > td {
                    height: 44px;

                    // @labelWidth: 25.56%;
                    @labelWidth: 16%;

                    &.label {
                        width: @labelWidth;
                        min-width: @labelWidth;
                        text-align: right;
                        font-size: 15px;
                        color: #333;

                        &.required {
                            > .star {
                                color: red;
                                margin-right: 5px;
                            }
                        }
                    }
                    &.input {
                        width: calc(100% - @labelWidth);
                        > input {
                            width: 100%;
                            height: 32px;
                            font-size: 14px;
                            border: 1px solid #aaa;
                            border-radius: 2px;
                            color: #000;
                            padding: 0 5px;
                            transition: all 0.1s linear;

                            &:focus,
                            &:hover {
                                border-color: #000;
                            }
                        }
                        > textarea {
                            width: 100%;
                            height: 112px;
                            min-height: 112px;
                            resize: vertical;
                            font-size: 14px;
                            border: 1px solid #aaa;
                            border-radius: 2px;
                            color: #000;
                            padding: 5px;
                            transition: all 0.1s linear;

                            &:focus,
                            &:hover {
                                border-color: #000;
                            }
                        }
                    }
                }

                &.quick-select {
                    > .input {
                        position: relative;
                        > input {
                            cursor: pointer;
                        }

                        > .arrow {
                            position: absolute;
                            right: 24px;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 12px;
                            height: 6px;
                            transition: all .4s;

                            &::before,
                            &::after {
                                content: '';
                                position: absolute;
                                left: 0;
                                border-left: 6px solid transparent;
                                border-right: 6px solid transparent;
                            }
                            &::before {
                                top: 2px;
                                border-top: 6px solid #000;
                            }
                            &::after {
                                top: 0;
                                border-top: 6px solid white;
                            }
                        }

                        >.quick-select-list {
                            position: absolute;
                            bottom: 100%;
                            left: 0;
                            width: 100%;
                            background-color: white;
                            box-shadow: 0 1px 15px 0 rgba(15,19,39,.1);
                            border: 1px solid #ddd;
                            >li {
                                line-height: 2.5;
                                padding: 0 20px;
                                cursor: pointer;
                                font-size: 13px;

                                &:nth-of-type(2n) {
                                    background-color: #f5f4f4;
                                }

                                &:hover {
                                    background-color: #f2faea;
                                }
                            }
                        }

                        &.active {
                            >.arrow {
                                transform: rotateX(180deg);
                            }
                        }
                    }
                }

                &.submit {
                    height: 62px;
                    > td {
                        text-align: center;
                        > button {
                            width: 150px;
                            line-height: 40px;
                            text-align: center;
                            border: none;
                            border-radius: 2px;
                            color: white;
                            font-size: 16px;
                            background-image: linear-gradient(
                                to right,
                                #ff9c00,
                                #ffb033
                            );
                        }
                    }
                }
            }
        }
    }
}