function offer_show_form(){
    document.getElementById('offer-find').style.width = "226px";
    document.getElementById('offer-form').style.width = "226px";
    document.getElementById('offer-form').style.display = "block";
}

function offer_hide_form(){
    document.getElementById('offer-find').style.width = "0";
    document.getElementById('offer-form').style.width = "0";
    document.getElementById('offer-form').style.display = "none";
}

function submit_the_form(){
    var _input = ['name', 'email', 'price'];
    for (var i=0; i<_input.length; i++){
        _name = _input[i];
        var _val = document.getElementById(_name).value;
        if (!_val){
            document.getElementById(_name).focus();
            return false;
        }
    }
    alert("您的询价已提交成功, 我们将第一时间与您取得联系");
}

var offer_html = '<style>.offer_input{border: 1px solid #ccc;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;color: rgba(0, 0, 0, 0.75);display: block;font-size: 14px;margin: 0 0 15px 0;padding: 5px;height: 40px;width: 100%;background-color: white;box-sizing: border-box;}</style>';
    offer_html +='<div style="top: 125px;width: 0;z-index: 99999;right: 0px;height: 326px;position: fixed;overflow: visible;" id="offer-find" onmouseleave="offer_hide_form();">';
        offer_html += '<a href="#" onclick="return false;" style="left: -24px;width: 24px;height: 68px;position: absolute;top: 58px;background: #86c1f0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; font-size: 16px; color: white; text-decoration: none; text-align: center; padding-top: 15px;" onmouseover="offer_show_form();">询<br/>价</a>';
        offer_html += '<div style="width: 0;border: solid 1px #e9e9e9;text-align: left;overflow: hidden;background: #f6f6f6; height: 326px;display: none;" id="offer-form">';
            offer_html += '<h4 style="margin: 0; padding: 10px;">提交您的询价</h4>';
            offer_html += '<form method="post" action="" onsubmit="return submit_the_form();">';
                offer_html += '<div style="padding: 10px;">';
                    offer_html += '<input type="text" name="name" class="offer_input" id="name" placeholder="* 您的称呼">';
                    offer_html += '<input type="text" name="email" class="offer_input" id="email" placeholder="* 您的邮箱">';
                    offer_html += '<input type="text" name="phone" class="offer_input" id="phone" placeholder="您的电话">';
                    offer_html += '<input type="text" name="price" class="offer_input" id="price" placeholder="* 您的预算价格">';
                    offer_html += '<input type="submit" style="width: auto;color: #fff !important;background: #006699;cursor: pointer;display: inline-block;font-size: 16px;line-height: 1;margin: 0;outline: none;padding: 10px 20px 11px;position: relative;text-align: center;text-decoration: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;border: none !important;" value="提交">';
                offer_html += '</div>';
            offer_html += '</form>';
        offer_html += '</div>';
    offer_html += '</div>';

document.write(offer_html);