{{:ModuleInclude('aapublic/header')}}

<!-- nav start -->
{{:ModuleInclude('aapublic/nav')}}
<!-- nav end -->
<link rel="stylesheet" type="text/css" href="{{$public_host}}static/index/default/css/index.buy.css?v={{$static_cache_version}}">

<!-- header top nav -->
{{:ModuleInclude('aapublic/header_top_nav')}}

<!-- search -->
{{:ModuleInclude('aapublic/nav_search')}}

<!-- header nav -->
{{:ModuleInclude('aapublic/header_nav')}}

<!-- goods category -->
{{:ModuleInclude('aapublic/goods_category')}}

<!-- banner -->
{{:ModuleInclude('aapublic/home_banner')}}

<div class="home-floor">
    <div class="floor">
        <div class="am-container">
            {{foreach $article_list as $key=>$va}}
            <div class="items-nav-title">
                <h1 style='color: {{$va["title_color"]}} '>{{$va['title']}}</h1>
            </div>
            <p>{{$va['content']|raw}}</p>
            {{/foreach}}
        </div>
    </div>
    <div class="nextJackpot floora">
        <div class="live">
            <a href="{{:MyUrl('index/user/live')}}" target="_blank" rel="noopener noreferrer">
            <video muted src="https://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" id='previewVideo' controls="controls" autoplay="autoplay" width='100%' height='200'></video>
            <i class="fa fa-display fa-3x"></i>
            </a>
		</div>
        <div class="liveright">
            <div class="data">
                <div class="jackpotdata">{{$goods_floor_list.jackpot.lottery_date}} NO.{{$goods_floor_list.jackpot.lotteryissue}}</div>
                <div class="standard"><i class="fa fa-dollar"></i>1,000,000,000</div>
                <div class="rupees">
                    <span>{{:Mylang('common.index_that_is')}}</span><i class="fa fa-dollar"></i>{{:Mylang('common.web_billion')}}
			    </div>
		    </div>
		    <div class="adstime">
			    <div class="sari">
				    <p>{{:Mylang('common.do_you_know_about_playing_lottery')}}</p>
			    </div>
			    <div class="bottom">
				    <div class="w100">
					    <div class="red">
                            <i class="fa fa-2x fa-alarm-clock fa-beat"></i>
						    <span>{{:Mylang('common.remaining_time')}}</span>
					    </div>
					    <div class="counters" sv="{{:date('Y-m-d')}} 00:00:00" ev="{{:date('Y-m-d')}} 22:00:00" sc="{{:date('Y-m-d H:i:s')}}">
                            <span class="ctrP">
                                <span class="ctrT">{{:Mylang('common.web_hours')}}</span><span class="ctrV aution_h">-</span>
                            </span>
                            <span class="ctrP">
                                <span class="ctrT">{{:Mylang('common.web_minute')}}</span><span class="ctrV aution_i">-</span>
                            </span>
                            <span class="ctrP">
                                <span class="ctrT">{{:Mylang('common.web_second')}}</span><span class="ctrV aution_s">-</span>
                            </span>
                        </div>
				    </div>
			    </div>
            </div>
		</div>
	</div>
    <div class="floor flooram">
        <div class="live">
            <a href="{{:MyUrl('index/user/live')}}" target="_blank" rel="noopener noreferrer">
            <video muted src="https://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" id='previewVideo' controls="controls" autoplay="autoplay" width='100%' height='200'></video>
            <i class="fa fa-display fa-2x"></i>
            </a>
		</div>
        <div class="clear"></div>
        <div class="data">
            <div class="jackpotdata">{{$goods_floor_list.jackpot.lottery_date}}  NO. {{$goods_floor_list.jackpot.lotteryissue}}</div>
            <div class="standard"><i class="fa fa-dollar"></i>1,000,000,000</div>
            <div class="rupees">
                <span>{{:Mylang('common.index_that_is')}}</span><i class="fa fa-dollar"></i>{{:Mylang('common.web_billion')}}
			</div>
		</div>
        <div class="clear"></div>
		<div class="adstime">
			<div class="sari">
				<p>{{:Mylang('common.do_you_know_about_playing_lottery')}}</p>
			</div>
			<div class="bottom">
				<div class="w100">
					<div class="redbg">
                        <i class="fa fa-alarm-clock fa-beat"></i><br>
						<span>{{:Mylang('common.remaining_time')}}</span>
					</div>
					<div class="counters" sv="{{:date('Y-m-d')}} 00:00:00" ev="{{:date('Y-m-d')}} 22:00:00" sc="{{:date('Y-m-d H:i:s')}}">
                        <span class="ctrP">
                            <span class="ctrT">{{:Mylang('common.web_hours')}}</span><span class="ctrV aution_h">-</span>
                        </span>
                        <span class="ctrP">
                            <span class="ctrT">{{:Mylang('common.web_minute')}}</span><span class="ctrV aution_i">-</span>
                        </span>
                        <span class="ctrP">
                            <span class="ctrT">{{:Mylang('common.web_second')}}</span><span class="ctrV aution_s">-</span>
                        </span>
                    </div>
				</div>
			</div>
        </div>
        <div class="clear"></div>
    </div>

    <div class="floor">        
        <div class="centered">
            <div class="result box fl">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_zodiac')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.zodiac.lottery_date}}，NO.{{$goods_floor_list.zodiac.lotteryissue}}</div>
                <div class="balls">
					<div class="resultBall jaldi number-part-01">{{$goods_floor_list.zodiac.number_a}}</div>
					<div class="resultBall jaldi number-part-02">{{$goods_floor_list.zodiac.number_b}}</div>
					<div class="resultBall jaldi number-part-03">{{$goods_floor_list.zodiac.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.zodiac.jackpot,2)}}</strong></div>
                <a href="{{:MyUrl('home/aadeitycard/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
            <div class="result box fr">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_hermes')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.hermes.lottery_date}}，NO.{{$goods_floor_list.hermes.lotteryissue}}</div>
                <div class="balls">
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.hermes.grouping}}</div>
					<div class="resultBall jaldi number-part-01">{{$goods_floor_list.hermes.number_a}}</div>
					<div class="resultBall jaldi number-part-02">{{$goods_floor_list.hermes.number_b}}</div>
					<div class="resultBall jaldi number-part-03">{{$goods_floor_list.hermes.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.hermes.jackpot,2)}}</strong></div>
                <a href="{{:Url('home/aahermes/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
        </div>
        <div class="centered">
            <div class="result box fl">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_demeter')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.demeter.lottery_date}}，NO.{{$goods_floor_list.demeter.lotteryissue}}</div>
                <div class="balls">
                    <div class="resultBall jaldi number-part-01">{{$goods_floor_list.demeter.number_d}}</div>
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.demeter.grouping}}</div>
					<div class="resultBall jaldi number-part-01">{{$goods_floor_list.demeter.number_a}}</div>
					<div class="resultBall jaldi number-part-02">{{$goods_floor_list.demeter.number_b}}</div>
					<div class="resultBall jaldi number-part-03">{{$goods_floor_list.demeter.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.demeter.jackpot,2)}}</strong></div>
                <a href="{{:MyUrl('home/aademeter/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
            <div class="result box fr">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_ploutos')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.ploutos.lottery_date}}，NO.{{$goods_floor_list.ploutos.lotteryissue}}</div>
                <div class="balls">
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.ploutos.number_d}}</div>
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.ploutos.grouping}}</div>
					<div class="resultBall jaldi number-part-01">{{$goods_floor_list.ploutos.number_a}}</div>
					<div class="resultBall jaldi number-part-02">{{$goods_floor_list.ploutos.number_b}}</div>
					<div class="resultBall jaldi number-part-03">{{$goods_floor_list.ploutos.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.ploutos.jackpot,2)}}</strong></div>
                <a href="{{:Url('home/aaploutos/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
        </div>
        <div class="centered">
            <div class="result box fl">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_fates')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.fates.lottery_date}}，NO.{{$goods_floor_list.fates.lotteryissue}}</div>
                <div class="balls">
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.fates.number_e}}</div>
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.fates.number_d}}</div>
                    <div class="resultBall number-part-01 powerball">{{$goods_floor_list.fates.grouping}}</div>
					<div class="resultBall jaldi number-part-01">{{$goods_floor_list.fates.number_a}}</div>
					<div class="resultBall jaldi number-part-02">{{$goods_floor_list.fates.number_b}}</div>
					<div class="resultBall jaldi number-part-03">{{$goods_floor_list.fates.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.fates.jackpot,2)}}</strong></div>
                <a href="{{:MyUrl('home/aafates/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
            <div class="result box fr">
                <h2 class="title"><i class="fa fa-bowling-ball fa-spin"></i>{{:Mylang('common.menu_immortality')}}</h2>
                <div class="date"><i class="fa fa-calendar-days fa-flip"></i>{{$goods_floor_list.undying.lottery_date}}，NO.{{$goods_floor_list.undying.lotteryissue}}</div>
                <div class="balls">
                    <div class="xresultBall jaldi">{{$goods_floor_list.undying.number_d}}</div>
                    <div class="xresultBall jaldi">{{$goods_floor_list.undying.number_e}}</div>
                    <div class="xresultBall jaldi">{{$goods_floor_list.undying.number_f}}</div>
                    <div class="xresultBall ball">{{$goods_floor_list.undying.number_g}}</div>
                    <div class="xresultBall ball">{{$goods_floor_list.undying.number_h}}</div>
                    <div class="xresultBall ball">{{$goods_floor_list.undying.number_i}}</div>
					<div class="xresultBall powerball">{{$goods_floor_list.undying.number_a}}</div>
					<div class="xresultBall powerball">{{$goods_floor_list.undying.number_b}}</div>
					<div class="xresultBall powerball">{{$goods_floor_list.undying.number_c}}</div>
			    </div>
                <div class="jackpot">{{:Mylang('common.accumulated_bonus')}}: <i class="fa fa-sack-dollar red fa-beat"></i><strong>{{:number_format($goods_floor_list.undying.jackpot,2)}}</strong></div>
                <a href="{{:Url('home/aahermes/index')}}" title="{{:Mylang('common.more_lottery_results')}}" class="more">{{:Mylang('common.more_lottery_results')}}</a>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="floor content-right" data-url="{{:MyUrl('index/index/stats')}}">
        <div class="block-container">
            <div class="block-title echarts-title am-flex am-flex-row am-flex-justify-between am-flex-items-center am-flex-warp am-padding-bottom-sm am-border-bottom">
                <div class="am-pr am-flex am-flex-row am-gap-1 echarts-tabs">
                    <span class="title am-active am-cursor-pointer" data-key="order-profit">{{:Mylang('common.web_number_trend')}}</span>
                    <span class="title am-cursor-pointer" data-key="order-trading">{{:Mylang('common.web_win_number_trend')}}</span>
                </div>
                {{php}}
                    $now = date('Y-m-d H:i:s');
                    $today = date('Y-m-d');
                    $timestamp = strtotime($now);
                    $year = date("Y",$timestamp);
                    $month = date("m",$timestamp);
                    $day3 = date('Y-m-d',$timestamp-(86400*3));
                    $day7 = date('Y-m-d',$timestamp-(86400*7));
                    $day15 = date('Y-m-d',$timestamp-(86400*15));
                    $day30 = date('Y-m-d',$timestamp-(86400*30));
                    $smonth = date('m',$timestamp-(86400*30));
                    $day180 = date('Y-m-d',$timestamp-(86400*180));
                    $day360 = date('Y-m-d',$timestamp-(86400*365));
                    $lastDay = cal_days_in_month(CAL_GREGORIAN,$smonth,$year);
                    $lastDay = $year.'-'.$smonth.'-'.$lastDay;
                    $syear = date('Y',$timestamp-(86400*365));
                    $slastDay = cal_days_in_month(CAL_GREGORIAN,12,$syear);
                    $slastDay = $syear.'-12-'.$slastDay;
                {{/php}}
                <div class="right-oprate-item">
                    <div class="order-profit">
                        <!-- web_number_trend -->
                        <div class="right-operate am-flex am-flex-items-center am-gap-1" data-type="order-profit" data-init="1">
                            <span class="quick-time am-flex am-flex-items-center">
                                <a href="javascript:;" class="" data-start="{{$day3}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_3_name')}}</a>                       
                                <a href="javascript:;" class="" data-start="{{$day7}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_7_name')}}</a>                    
                                <a href="javascript:;" class="" data-start="{{$day15}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_15_name')}}</a>
                                <div id="order-profit-dropdown" class="dropdown-more">
                                    <div class="am-dropdown" data-am-dropdown="{justify: '#order-profit-dropdown'}">
                                        <a href="javascript:;" class="am-dropdown-toggle more-btn">{{:Mylang('common.more_text')}} <i class="iconfont icon-angle-down"></i></a>
                                        <div class="am-dropdown-content am-radius-lg">
                                          <div class="am-flex am-flex-warp am-gap-1">
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time am-active" data-start="{{$day30}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_30_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$day180}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_180_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$day360}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_365_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-{{$month}}-01 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_this_month_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-{{$smonth}}-01 00:00:00" data-end="{{$lastDay}} 23:59:59">{{:Mylang('common_service.statistical.time_section_last_month_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-01-01 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_this_year_name')}}</a>
                                            </div>
                                            <div class="item">
                                                <a href="javascript:;" class="am-inline-block time" data-start="{{$syear}}-01-01 00:00:00" data-end="{{$slastDay}} 23:59:59">{{:Mylang('common_service.statistical.time_section_last_year_name')}}</a>
                                            </div>
                                          </div>
                                        </div>
                                    </div>
                                </div>
                            </span>
                            <span class="am-form echarts-where">
                                <input type="text" autocomplete="off" name="time_start" class="Wdate am-radius" data-is-clearout="0" placeholder="{{:Mylang('form_time_start_title')}}" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{{$day30}} 00:00:00">
                                <span class="join">-</span>
                                <input type="text" autocomplete="off" class="Wdate am-radius" data-is-clearout="0" placeholder="{{:Mylang('form_time_end_title')}}" name="time_end" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{{$now}}">
                                <button type="button" class="am-btn am-btn-primary-plain am-radius am-btn-xs btn-loading-example echarts-where-submit" data-am-loading="{spinner: 'circle-o-notch', loadingText:' {{:Mylang('screen_title')}}'}">
                                    <i class="iconfont icon-filter"></i>
                                    <span>{{:Mylang('screen_title')}}</span>
                                </button>
                            </span>
                        </div>
                    </div>
                    <div class="order-trading am-hide">
                        <!-- web_win_number_trend -->
                        <div class="right-operate am-flex am-flex-items-center am-gap-1" data-type="order-trading" data-init="1">
                            <span class="quick-time am-flex am-flex-items-center">
                                <a href="javascript:;" class="" data-start="{{$day3}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_3_name')}}</a>
                                <a href="javascript:;" class="" data-start="{{$day7}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_7_name')}}</a>
                                <a href="javascript:;" class="" data-start="{{$day15}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_15_name')}}</a>
                                <div id="order-trading-dropdown" class="dropdown-more">
                                    <div class="am-dropdown" data-am-dropdown="{justify: '#order-trading-dropdown'}">
                                        <a href="javascript:;" class="am-dropdown-toggle more-btn">{{:Mylang('common.more_text')}} <i class="iconfont icon-angle-down"></i></a>
                                        <div class="am-dropdown-content am-radius-lg">
                                            <div class="am-flex am-flex-warp am-gap-1">
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time am-active" data-start="{{$day30}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_30_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$day180}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_180_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$day360}} 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_day_365_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-{{$month}}-01 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_this_month_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-{{$smonth}}-01 00:00:00" data-end="{{$lastDay}} 23:59:59">{{:Mylang('common_service.statistical.time_section_last_month_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$year}}-01-01 00:00:00" data-end="{{$now}}">{{:Mylang('common_service.statistical.time_section_this_year_name')}}</a>
                                                </div>
                                                <div class="item">
                                                    <a href="javascript:;" class="am-inline-block time" data-start="{{$syear}}-01-01 00:00:00" data-end="{{$slastDay}} 23:59:59">{{:Mylang('common_service.statistical.time_section_last_year_name')}}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </span>
                            <span class="am-form echarts-where">
                                <input type="text" autocomplete="off" name="time_start" class="Wdate am-radius" data-is-clearout="0" placeholder="{{:Mylang('form_time_start_title')}}" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{{$day30}} 00:00:00">
                                <span class="join">-</span>
                                <input type="text" autocomplete="off" class="Wdate am-radius" data-is-clearout="0" placeholder="{{:Mylang('form_time_end_title')}}" name="time_end" onclick="WdatePicker({firstDayOfWeek:1,dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="{{$now}}">
                                <button type="button" class="am-btn am-btn-primary-plain am-radius am-btn-xs btn-loading-example echarts-where-submit" data-am-loading="{spinner: 'circle-o-notch', loadingText:' {{:Mylang('screen_title')}}'}">
                                    <i class="iconfont icon-filter"></i>
                                    <span>{{:Mylang('screen_title')}}</span>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="echarts-content">
                <div id="echarts-order-profit" class="echarts-tabs-change echarts-tabs-change-active" style="user-select: none;" _echarts_instance_="ec_1783756931454">
                    <div style="position: relative; width: 972px; height: 320px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
                        <canvas style="position: absolute; left: 0px; top: 0px; width: 972px; height: 320px; user-select: none; padding: 0px; margin: 0px; border-width: 0px;" data-zr-dom-id="zr_0" width="1215" height="400"></canvas>
                    </div>
                    <div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.5); border-width: 0px; border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px Microsoft YaHei; padding: 10px; top: 0px; left: 0px; transform: translate3d(170px, -57px, 0px); border-color: rgb(255, 255, 255); pointer-events: none; visibility: hidden; opacity: 0;">
                        <div style="margin: 0px 0 0;line-height:1;">
                            <div style="margin: 0px 0 0;line-height:1;">
                                <div style="font-size:14px;color:#FFF;font-weight:400;line-height:1;">---</div>
                                <div style="margin: 10px 0 0;line-height:1;">
                                    <div style="margin: 0px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#71E7E9;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#C8AFF8;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#1CBEF6;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#FFD2AE;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#FAAAB0;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#A9C0F5;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="margin: 10px 0 0;line-height:1;">
                                        <div style="margin: 0px 0 0;line-height:1;">
                                            <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#F9F2B0;"></span>
                                            <span style="font-size:14px;color:#FFF;font-weight:400;margin-left:2px">--</span>
                                            <span style="float:right;margin-left:20px;font-size:14px;color:#FFF;font-weight:900">0</span>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <div style="clear:both"></div>
                            </div>
                            <div style="clear:both"></div>
                        </div>
                    </div>
                </div>
                <div id="echarts-order-trading" class="echarts-tabs-change" style="user-select: none;" _echarts_instance_="ec_1783756931455">
                    <div style="position: relative; width: 972px; height: 320px; padding: 0px; margin: 0px; border-width: 0px;">
                        <canvas style="position: absolute; left: 0px; top: 0px; width: 972px; height: 320px; user-select: none; padding: 0px; margin: 0px; border-width: 0px;" data-zr-dom-id="zr_0" width="1215" height="400"></canvas>
                    </div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>
    <div class="floor 4b">
        <div class="am-container">
            {{foreach $article_bottom_list as $key=>$vb}}
            <div class="items-nav-title">
                <h1 style='color: {{$vb["title_color"]}} '>{{$vb['title']}}</h1>
            </div>
            <p>{{$vb['content']|raw}}</p>
            {{/foreach}}
        </div>
        <div style="height:50px;display:block;"></div>
    </div> 
</div>

{{:ModuleInclude('aapublic/footer')}}
<script type="text/javascript" src="{{$public_host}}static/common/lib/echarts/echarts.min.js?v={{$static_cache_version}}"></script>
<script type="text/javascript" src="{{$public_host}}static/common/lib/echarts/macarons.js?v={{$static_cache_version}}"></script>
<script type="text/javascript" src="{{$public_host}}static/common/lib/echarts/shine.js?v={{$static_cache_version}}"></script>
<script data-auto-replace-svg="nest" src="{{$public_host}}static/index/default/js/index.buy.js?v={{$static_cache_version}}"></script>
