furao
/
test


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>引擎力接单评估系统</title>
</head>
<link href="{{asset('js/plugins/jquery-autocomplete/styles.css')}}" rel="stylesheet"/>
<style>
    .in-lists input {
        margin: 0;
    }

    .sep-fixed-boxs {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000000000;
        background: rgba(0, 0, 0, 0.3);
    }

    .sep-fixed-boxs .fixed-boxs {
        width: 100%;
        height: 460px;
        background: url({{asset('img/order-evaluation/fixed-bgs.png')}}) no-repeat bottom 0 center #fff;
        border-radius: 22px;
        max-width: 830px;
        position: fixed;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 110px 20px 36px;
    }

    .sep-fixed-boxs .nums {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -160px;
        font-size: 240px;
        line-height: 1;
        color: #f3711a;
        opacity: 0.05;
        text-align: center;
    }

    .sep-fixed-boxs .t-boxs {
        width: 100%;
        max-width: 460px;
        margin: auto;
        position: relative;
        z-index: 20;
    }

    .sep-fixed-boxs .close {
        position: absolute;
        top: -36px;
        right: -36px;
        cursor: pointer;
    }

    .sep-fixed-boxs .titles {
        text-align: center;
        line-height: 1;
        color: #f56709;
        font-size: 62px;
    }

    .sep-fixed-boxs .spans {
        text-align: center;
        color: #000;
        font-size: 24px;
        line-height: 42px;
        margin-top: 20px;
    }

    .sep-fixed-boxs .richtext {
        font-size: 16px;
        line-height: 24px;
        margin-top: 90px;
        color: #f3711a;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
    }

    ::before, ::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .bold {
        font-weight: bold;
    }

    .sep-container {
        width: 100%;
        max-width: 1750px;
        margin: auto;
    }

    .sep-header {
        width: 100%;
        position: relative;
        /* position: absolute; */
        /* left: 0; */
        /* top: 0; */
        z-index: 100;
        padding-top: 80px;
    }

    .sep-banner {
        width: 100%;
        position: relative;
        min-height: 100vh;
        background: url({{asset('img/order-evaluation/p-search-banner.jpg')}}) no-repeat;
        background-size: cover;
    }

    /* .sep-banner .banner {
        height: 100vh;

    } */
    .sep-banner .b-covers {
        width: 100%;
        margin-top: 100px;
    }

    .b-form-boxs {
        width: 100%;
        max-width: 1244px;
        margin: auto;
    }

    .b-form-boxs .b-form {
        width: 100%;
        position: relative;
    }

    .b-form-boxs .titles-a {
        width: 100%;
        text-align: center;
        font-size: 60px;
        color: #fff;
        line-height: 1;
        margin-bottom: 50px;
    }

    .b-form-boxs .in-lists {
        outline: none;
        width: 100%;
        position: relative;
        background: #fff;

    }

    .b-form-boxs .in-lists-boxs {
        display: flex;
        justify-content: space-between;
        box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.2);
        background: rgba(225, 255, 255, 0.2);
    }

    .b-form-boxs .in-lists-boxs button {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
    }

    .b-form-boxs .in-lists-boxs input {
        padding-right: 20px;
    }

    .b-form-boxs .in-lists-boxs .in-lists {
        width: 31%;
        margin-right: 8px;
    }

    .b-form-boxs .in-lists-boxs .in-lists.red:before {
        content: '*';
        line-height: inherit;
        color: red;
        position: absolute;
        left: 30px;
        top: 20px;
        line-height: 30px;
    }

    .b-form-boxs .in-lists-boxs .in-lists.red input {
        padding-left: 42px;
    }

    .b-form-boxs .in-lists-boxs .in-lists:last-child {
        width: 175px;
        min-width: 175px;
        margin-right: 0;
    }

    .b-form-boxs input {
        outline: none;
        width: 100%;
        border: none;
        line-height: 30px;
        padding: 20px 32px;
        padding-right: 175px;
        font-size: 16px;
    }

    .b-form-boxs button {
        outline: none;
        width: 100%;
        text-align: center;
        line-height: 70px;
        border: none;
        background: #f56709;
        font-size: 24px;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .b-form-boxs .b-form:hover .b-form-text {
        visibility: initial;
        opacity: 1;
        z-index: 100;
    }

    .b-form-boxs .b-form-text {
        width: 100%;
        display: block;
        max-width: 640px;
        top: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: -80px;
        padding-top: 28px;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .b-form-boxs .b-form-text-lists {
        width: 100%;
        display: block;
        background: #fff;
        padding: 30px 60px;
        position: relative;
    }

    .b-form-boxs .b-form-text-lists:before {
        content: '';
        display: block;
        border: 8px solid transparent;
        border-top-width: 0;
        border-bottom-color: #fff;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        bottom: 100%;
    }

    .b-form-boxs .b-form-text .p-lists {
        width: 100%;
        display: block;
        font-size: 16px;
        color: #f56709;
        line-height: 28px;
    }

    .ywlc-boxs {
        width: 100%;
        max-width: 1416px;
        margin: 60px auto 0px;
    }

    .ywlc-boxs .titles {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #fff;
        line-height: 1;
        margin-bottom: 30px;
    }

    .ywlc-boxs .boxs {
        margin: 0 -24px;
    }

    .ywlc-boxs .t-boxs {
        width: 100%;
        background: rgba(255, 255, 255, 0.2);
        padding-left: 100px;
        min-height: 132px;
        padding-top: 26px;
        padding-right: 10px;
        position: relative;
        display: block;
    }

    .ywlc-boxs .t-boxs:hover {
        background: rgba(255, 255, 255, 0.4);
    }

    .ywlc-boxs .t-boxs:hover .sj-boxs1:before {
        border-left-color: rgba(255, 255, 255, 0.4);
    }

    .ywlc-boxs .t-boxs:hover .sj-boxs2:before {
        border-right-color: rgba(255, 255, 255, 0.4);
    }

    .ywlc-boxs .t-boxs:hover .sj-boxs2:after {
        border-right-color: rgba(255, 255, 255, 0.4);
    }

    .ywlc-boxs .p-lists {
        width: 25%;
        padding: 0 24px;
    }

    .ywlc-boxs .p-lists:nth-child(1) .t-boxs {
        padding-left: 132px;
    }

    .ywlc-boxs .p-lists:nth-child(1) .sj-boxs2 {
        display: none;
    }

    .ywlc-boxs .p-lists:nth-child(1) .i-imgs {
        left: 50px;
    }

    .ywlc-boxs .p-lists:nth-child(2) .t-boxs {
        padding-left: 140px;
    }

    .ywlc-boxs .p-lists:nth-child(2) .i-imgs {
        left: 60px;
    }

    .ywlc-boxs .p-lists:last-child .sj-boxs1 {
        display: none;
    }

    .ywlc-boxs .i-imgs {
        position: absolute;
        left: 28px;
        top: 36px;
        line-height: 60px;
    }

    .ywlc-boxs .i-imgs img {
        max-width: 100%;
    }

    .ywlc-boxs .titles-a {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
    }

    .ywlc-boxs .spans {
        font-size: 18px;
        line-height: 28px;
        color: rgba(255, 255, 255, 0.35);
        margin-top: 5px;
    }

    .sj-boxs1:before {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        border: 66px solid transparent;
        border-left-width: 34px;
        border-right-width: 0;
        /* border-bottom-width: 66px; */
        border-left-color: rgba(255, 255, 255, 0.2);
    }

    .sj-boxs2:before {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        top: 0;
        border: 66px solid transparent;
        border-left-width: 0;
        border-right-width: 34px;
        border-top-width: 0;
        border-right-color: rgba(255, 255, 255, 0.2);
    }

    .sj-boxs2:after {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        bottom: 0;
        border: 66px solid transparent;
        border-left-width: 0;
        border-right-width: 34px;
        border-bottom-width: 0;
        border-right-color: rgba(255, 255, 255, 0.2);
    }


    @media screen and (max-width: 1680px) {
        .sep-container {
            padding-left: 20px;
            padding-right: 20px;
        }


    }

    @media screen and (max-width: 1460px) {


    }

    @media screen and (max-width: 1366px) {
        .ywlc-boxs .spans {
            font-size: 16px;
        }

        .ywlc-boxs .t-boxs {
            padding-left: 80px !important;
        }

        .ywlc-boxs .i-imgs {
            left: 20px !important;
            max-width: 40px;
        }
    }

    @media screen and (max-width: 1280px) {


    }

    @media screen and (max-width: 1200px) {
        /* .ywlc-boxs .t-boxs{
            padding-left: 60px !important;
        }
        .ywlc-boxs .i-imgs{
            left: 12px !important;
            max-width: 32px;
        } */
        .ywlc-boxs .p-lists {
            width: 50%;
            margin-bottom: 30px;
        }

        .ywlc-boxs .p-lists:nth-child(2) .sj-boxs1 {
            display: none;
        }

        .ywlc-boxs .p-lists:nth-child(3) .sj-boxs2 {
            display: none;
        }
    }

    @media screen and (max-width: 812px) {
        .ywlc-boxs .p-lists {
            width: 100%;
            margin-bottom: 30px;
        }

        .ywlc-boxs .p-lists:last-child {
            margin-bottom: 0;
        }

        .ywlc-boxs .p-lists .sj-boxs1 {
            display: none;
        }

        .ywlc-boxs .p-lists .sj-boxs2 {
            display: none;
        }

        .sep-header {
            padding-top: 50px;
        }

        .b-form-boxs .titles-a {
            font-size: 36px;
            margin-bottom: 30px;
        }

        .sep-banner .b-covers {
            margin-top: 30px;
        }

        .ywlc-boxs .titles {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .b-form-boxs input {
            padding: 10px 20px;
            padding-right: 100px;
        }

        .b-form-boxs button {
            width: 90px;
            line-height: 50px;
            font-size: 22px;
        }

        .ywlc-boxs {
            margin-top: 50px;
        }

        .ywlc-boxs .t-boxs {
            min-height: 110px;
            padding-top: 16px;
        }

        .ywlc-boxs .i-imgs {
            top: 20px;
        }
    }


    @media screen and (max-width: 667px) {
        .sep-banner {
            height: auto;
            padding-bottom: 50px;
        }
    }

</style>
<body>
<div class="sep-body">
    <div class="sep-banner">
        <div class="sep-header">
            <div class="sep-container">
                <a href="/" class="logo">
                    <img src="{{asset('img/order-evaluation/logo1.png')}}" title="" alt="">
                </a>
            </div>
        </div>
        <div class="b-covers">
            <div class="sep-container">
                <div class="b-form-boxs">
                    <div class="titles-a bold">
                        请输入关键词
                    </div>
                    <div class="b-form">


                        <div class="in-lists-boxs">
                            <div class="in-lists">
                                <input type="text" placeholder="请输入中文关键词" id="cn_keyword">
                            </div>
                            <div class="in-lists red">
                                <input type="text" placeholder="请输入英文关键词,不允许复制" id="keyword" onpaste="return false">
                            </div>
                            <div class="in-lists">
                                <input type="text" placeholder="请输入客户网站" id="website">
                            </div>
                            <div class="in-lists">
                                <button id="button">
                                    提交
                                </button>
                            </div>
                        </div>
                        {{--  <div class="b-form-text">
                              <div class="b-form-text-lists">
                                  <div class="p-lists">
                                      1. 输入行业关键词
                                  </div>
                                  <div class="p-lists">
                                      2. 关键词统一用单数，不要复数
                                  </div>
                                  <div class="p-lists">
                                      3. 一次输入一个关键词
                                  </div>
                                  <div class="p-lists">
                                      4. 商城站关键词需确认客户有明确合作意向再提交至优化部做分析
                                  </div>
                              </div>
                          </div>--}}
                    </div>
                </div>
                <div class="ywlc-boxs">
                    <div class="titles bold">
                        业务流程

                    </div>
                    <div class="boxs flex">
                        <div class="p-lists">
                            <div class="t-boxs">
                                <div class="i-imgs">
                                    <img src="{{asset('img/order-evaluation/i-b-img-01.png')}}" title="" alt="">
                                </div>
                                <div class="titles-a bold">
                                    输入关键词

                                </div>
                                <div class="spans">
                                    输入您的核心产品关键词或行业核心词
                                </div>
                                <div class="sj-boxs1"></div>
                                <div class="sj-boxs2"></div>
                            </div>
                        </div>
                        <div class="p-lists">
                            <div class="t-boxs">
                                <div class="i-imgs">
                                    <img src="{{asset('img/order-evaluation/i-b-img-02.png')}}" title="" alt="">
                                </div>
                                <div class="titles-a bold">
                                    评估关键词

                                </div>
                                <div class="spans">
                                    引擎力根据数据
                                    <br>
                                    评估关键词

                                </div>
                                <div class="sj-boxs1"></div>
                                <div class="sj-boxs2"></div>
                            </div>
                        </div>
                        <div class="p-lists">
                            <div class="t-boxs">
                                <div class="i-imgs">
                                    <img src="{{asset('img/order-evaluation/i-b-img-03.png')}}" title="" alt="">
                                </div>
                                <div class="titles-a bold">
                                    查看结果
                                </div>
                                <div class="spans">
                                    数据分析给出优化经验，
                                    引擎力提供优化方向建议
                                </div>
                                <div class="sj-boxs1"></div>
                                <div class="sj-boxs2"></div>
                            </div>
                        </div>
                        <div class="p-lists">
                            <div class="t-boxs">
                                <div class="i-imgs">
                                    <img src="{{asset('img/order-evaluation/i-b-img-04.png')}}" title="" alt="">
                                </div>
                                <div class="titles-a bold">
                                    生成报告
                                </div>
                                <div class="spans">
                                    点击生成报告，得到您核心词优化建议报告

                                </div>
                                <div class="sj-boxs1"></div>
                                <div class="sj-boxs2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="sep-fixed-boxs" style="display: none" id="error">
    <div class="fixed-boxs">
        <div class="close">
            <img src="{{asset('img/order-evaluation/i-close.png')}}" alt="error">
        </div>
        <div class="nums bold">
            SEO
        </div>
        <div class="t-boxs">
            <div class="titles bold">
                感谢您的提交！
            </div>
            <div class="spans">
                非常遗憾，您的产品引擎力无法操作优化，
                期待下次合作！
            </div>
            <div class="richtext">
                拒接原因：
                <br>
                <div id="message">
                    1. 贵司产品涉及敏感词，不适合做谷歌推广
                    <br>
                    2. 根据引擎力优化师经验，贵司产品不适合做B站谷歌推广
                </div>
            </div>
        </div>
    </div>
</div>
<div class="sep-fixed-boxs" style="display: none" id="redirect">
    <div class="fixed-boxs">
        <div class="close">
            <img src="{{asset('img/order-evaluation/i-close.png')}}" alt="redirect">
        </div>
        <div class="nums bold">
            SEO
        </div>
        <div class="t-boxs">
            <div class="titles bold">
                感谢您的提交！
            </div>
            <div class="spans">
                引擎力营销官正在给您搜集并分析数据。
                您可以一个工作日后登入查看最新报告。
            </div>
        </div>
    </div>
</div>
</body>
<script src="{{asset('js/plugins/google-trends-echarts/jquery.min.js')}}"></script>
<script src="{{asset('js/tools/tips.js')}}"></script>
<script src="{{asset('js/plugins/layer-master/dist/layer.js')}}"></script>

<script src="{{asset('js/plugins/jquery-autocomplete/jquery.autocomplete.js')}}"></script>
<script src="{{asset('js/plugins/jquery-autocomplete/jquery.mockjax.js')}}"></script>

<script>

    $(function () {
        $("#button").click(function () {
            var keyWold = $('#keyword').val();
            var cnKeyWord = $('#cn_keyword').val();
            var website = $('#website').val();
            var ajaxConfig = {
                url: '/admin/googleTrends/query',
                type: 'post',
                data: {keyWold: keyWold, cnKeyWord: cnKeyWord, website: website},
                success: function (result) {
                    if (result.status === 200) {
                        window.open("/admin/googleTrends/index?keyWold=" + keyWold, "_blank");
                    }
                    if (result.status === 301) {
                        $('#redirect').show();
                    }
                    if (result.status === 500) {
                        if (!result.message) {
                            $('#error').show();
                        } else {
                            $('#error').show();
                            var object = $('#message');
                            object.empty();
                            object.append(result.message);
                        }
                    }
                }
            };
            tips.ajax(ajaxConfig);
        });

        $(".sep-fixed-boxs .close").click(function () {
            $(".sep-fixed-boxs").hide();
        });

        $('#keyword').autocomplete({
            lookup: function (query, done) {
                // Do Ajax call or lookup locally, when done,
                // call the callback and pass your results:
                $.ajax({
                    url: '/admin/googleTrends/getKeyWordList', data: {keyword: query}, success: function (data) {
                        var result = {
                            suggestions: data.data
                        };
                        done(result);
                    }
                });
            }
        });
    });


    $(document).keydown(function (event) {
        if (event.keyCode === 13) {
            $('#button').triggerHandler('click');
        }
    });
</script>
</html>