<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>展厅预约服务</title>

    <link rel="stylesheet" href="../style/share/weui.min.css">
    <link rel="stylesheet" href="../style/share/jquery-weui.css">
    <link rel="stylesheet" href="../style/share/reset.css">
    <link rel="stylesheet" href="../style/page/common.css">
    <link rel="stylesheet" href="../style/page/explainer.css">

    <style>
        .weui-icon-success {
            color: #00893D !important;
        }
        .weui-dialog__btn {
            background: #00893D;
            color: #fff !important;
            font-size: 0.3684rem;
            line-height: 1.0526rem;
        }
        .weui-dialog__hd {
            padding: 0.1em 1.6em .5em;
        }
        .top-title img{
            width: 3.8438rem;
            border: 0;
            vertical-align: middle;
            margin: 0px auto;
        }
        .tips{
            font-size: 12px;
            color: #A9B1B6;
            letter-spacing: 0.23px;
            line-height: normal;
            padding-top: 0.2632rem;
        }
    </style>
</head>

<body style="background: #f4f8fa">
<div class="top-title tx-c bdb bg-fff"><img src="../image/logo.png"></div>
    <script id="detail-template" type="text/x-handlebars-template">
        {{#each datas}}
        <div class="explainer_item positionR" data-name="{{name}}" data-id="{{id}}">
            <img class="img_header" src="{{headImage}}" alt="" >
            <div class="explainer_info">
                <p class="name fs14">{{name}}</p>
                <a href="tel:{{number}}">
                <p class="phone fs14" style='padding:0.1563rem 0'> <img  src="../image/process/phone.png" alt=""></p></a>
                <p class="introuce fs12" style="color: #666A6C">{{description}}</p>
            </div>
            <div class="checked_circle"><i class="weui-icon-circle {{#if isSelected}}
            weui-icon-success
            {{/if}}"></i></div>
        </div>
        {{/each}}
</script>
    <div class="explainer_container" style="margin-bottom: 90px;">

    </div>
    <div class="tips">
        <p><i style="    height: 40px;
    width: 14px;
    float: left;
    margin: 10px;
    margin: auto 0px;
    vertical-align: middle;
    line-height: 300%;
    margin-right: 10px;" class="weui-icon-circle weui-icon-success"></i></p>
        品牌大使时间冲突，无法预约。The brand ambassador selected is not available.</div>
    <div class="foot tx-c" id="ok">确定 Ok</div>
</body>

<script src="../javascript/components/jquery-2.2.4.min.js"></script>
<script src="../javascript/crypto-js-master/crypto-js.js"></script>
<script src="../javascript/components/cryptomain.js"></script>
<script src="../javascript/components/jquery-weui.js"></script>
<script src="../javascript/components/flexible.js"></script>
<script src="../javascript/components/niceClick.js"></script>
<script src="../javascript/components/fastclick.js"></script>
<script src="../javascript/components/handlebars.min-latest.js"></script>
<script src="../javascript/components/g.js"></script>
<script src="../javascript/components/mcfApp.js"></script>
<script src="../javascript/pages/process/explainer_choose.js"></script>
<script>
    var bindNextEvent = function (app) {
        var mo = new explainerChoose({
            devMode: false,
            cfApp: app
        });
        mo.init();
    };
    var cfapp = new cfApp({
        devMode: false,
        nextAction: bindNextEvent,
        vt: new Date().getTime()
    });
    cfapp.init();
</script>

</html>