/* 「我有类似需求」表单的样式。
 *
 * 单独一个文件而不是并进 codedetail.css：那份挂在 img.51aspx.com 上，
 * 是 CDN 上的静态资源，仓库里改不到也不好回滚。 */

#dialog_demand_modal .demand_intro {
    margin: 0 0 14px;
    padding: 10px 12px;
    background: #f6f9fb;
    border-left: 3px solid #5cb85c;
    color: #667;
    font-size: 13px;
    line-height: 1.7;
}

#dialog_demand_modal .form-group {
    margin-bottom: 12px;
}

#dialog_demand_modal .control-label {
    display: inline-block;
    width: 110px;
    text-align: right;
    vertical-align: middle;
}

#dialog_demand_modal .form-control {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
}

#dialog_demand_modal textarea.form-control {
    height: 92px;
    vertical-align: top;
}

/* 验证码输入框和按钮共享一行，加起来正好是其它输入框的宽度，
   免得这一行比上下两行都长、右边缘参差不齐 */
#dialog_demand_modal .demand_smscode {
    width: 178px;
}

#dialog_demand_modal .demand_sendsms {
    width: 116px;
    padding: 6px 0;
    margin-left: 6px;
    vertical-align: middle;
}

/* 倒计时期间按钮不可点。禁用态要看得出来，
   否则用户会一直点一个没有任何反馈的按钮 */
#dialog_demand_modal .demand_sendsms[disabled] {
    color: #aab;
    background: #f2f4f6;
    border-color: #dde;
    cursor: not-allowed;
}

#dialog_demand_modal .demand_tip {
    color: #99a;
    font-size: 12px;
    line-height: 30px;
}

@media (max-width: 640px) {
    #dialog_demand_modal .control-label {
        display: block;
        width: auto;
        text-align: left;
    }

    #dialog_demand_modal .form-control,
    #dialog_demand_modal .demand_smscode {
        width: 100%;
    }

    #dialog_demand_modal .demand_sendsms {
        width: 100%;
        margin: 8px 0 0;
    }
}