<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div class="box-pd">
	<div class="hd-title">软性广告的频次及市场分布</div>
	<div class="box-sub-pad">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="type_tag"></span>软性广告植入频次分布 <span class="orange font12">单位（次）</span></div>
				<div class="padContent">
					<div id="frequency_pie" style="height:300px;"></div>
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="type_tag"></span>软性广告植入时长分布 <span class="orange font12">单位（秒）</span></div>
				<div class="padContent">
					<div id="length_pie" style="height:300px;"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20" id="tv_title">电视频道品牌软广植入受众人群一览</div>
	<div class="box-sub-pad" id="tv_div">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="tv_tag"></span>软植效果一览 CSM35城</div>
				<div class="padContent">
					<div id="rating_35" style="height:300px;"></div>
				</div>
				<div align="center">
					<div id="rating_ratio_div_1">
						<input type="radio" name="rating_ratio_35" class="radio {click:getRatingRatio}" value="1" checked/><label>4岁以上</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_35" class="radio {click:getRatingRatio}" value="2"/><label>P20-45</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_35" class="radio {click:getRatingRatio}" value="3"/><label>F18-45</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_35" class="radio {click:getRatingRatio}" value="4"/><label>F18-30</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_35" class="radio {click:getRatingRatio}" value="5"/><label>M20-45</label>
					</div>
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="tv_tag"></span>软植效果一览 CSM 29 省</div>
				<div class="padContent">
					<div id="rating_29" style="height:300px;"></div>
				</div>
				<div align="center">
					<div id="rating_ratio_div_2">
						<input type="radio" name="rating_ratio_29" class="radio {click:getRatingRatio2}" value="1" checked/><label>4岁以上</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_29" class="radio {click:getRatingRatio2}" value="2"/><label>P20-45</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_29" class="radio {click:getRatingRatio2}" value="3"/><label>F18-45</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_29" class="radio {click:getRatingRatio2}" value="4"/><label>F18-30</label>&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="rating_ratio_29" class="radio {click:getRatingRatio2}" value="5"/><label>M20-45</label>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20">视频平台品牌软广植入效果一览</div>
	<div class="box-sub-pad">
		<div class="box-row">
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="net_title1"></span></div>
				<div class="padContent">
					<div id="net_chart" style="height:300px;"></div>
				</div>
				<div id="platform_ratios">
					<input type="radio" name="net_ratio" class="radio" value="" checked/><label>综合</label>&nbsp;&nbsp;&nbsp;&nbsp;
				</div>
			</div>
			<div class="row-50">
				<div class="sub-title"><span name="brand_tag"></span> <span name="net_title2"></span></div>
				<div class="padContent">
					<div id="douban_chart" style="height:300px;"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="hd-title mTop20">节目及品牌软性广告投放排名</div>
	<div class="box-pd">
		<div class="box-row">
			<div class="row-50">
				<div class="hd-title mTop10">综艺软广植入排名</div>
				<table class="table table-gray" cellpadding="0" cellspacing="0">
					<thead>
						<tr>
							<th>序号</th>
							<th>节目</th>
							<th>频次（次）</th>
							<th>时长（秒）</th>
						</tr>
					</thead>
					<tbody id="program_rank_list">
					</tbody>
				</table>
			</div>
			<div class="row-50">
				<div class="hd-title mTop10">综艺软广品牌植入排名</div>
				<table class="table table-gray" cellpadding="0" cellspacing="0">
					<thead>
						<tr>
							<th>序号</th>
							<th>品牌名称</th>
							<th>频次（次）</th>
							<th>时长（秒）</th>
						</tr>
					</thead>
					<tbody id="brand_rank_list">
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>