.chat-from {
    width: 100%;
}

.chat-from .from-bg {
    width: 100%;
}

.from-bg .form-tips {}

.form-tips * {
    word-break: break-word;
    hyphens: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.line-big .form-group {
    overflow: hidden;
    padding: 15px 0;
    position: relative;
}

.form-group .form-group-item {
    width: 50%;
    padding: 0 10px;
    word-break: break-word;
    float: left;
}

.form-group-item .field {
    margin-top: 10px;
}

.field .label {
    display: block;
    padding-left: 0;
    color: #000;
    text-align: left;
    font-size: 20px;
}

.field .label span {
    color: red;
}

.field input {
    height: 50px;
}

.field input,
.field textarea {
    width: 100%;
    padding: 10px;
}

.field .textarea-box {
    width: 100%;
    margin-top: 10px;
    padding: 0 10px;
    word-break: break-word;
    float: none;
}

.form-tips #Submit {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #e3812f;
    margin: 20px auto;
    cursor: pointer;
}

.from-bg .form-callback-tips-box {}

.from-bg .form-callback-tips-box p{
    margin: 0;
}

.from-bg .form-callback-tips-box .tips-success {
    display: none;
    background: #e0ffc7;
    border: 1px solid #b4d39b;
    box-sizing: border-box;
    color: #333333;
    margin: 0 auto 24px;
    padding: 15px;
    overflow-wrap: break-word;
}

.from-bg .form-callback-tips-box .tips-error {
    display: none;
    background: #ff9a9a;
    border: 1px solid #c95353;
    box-sizing: border-box;
    color: #333333;
    margin: 0 auto 24px;
    padding: 15px;
    overflow-wrap: break-word;
}

@media (max-width: 750px) {
    .form-group .form-group-item{
        float: none;
        width: 100%;
    }
}