<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 导入CSS外部样式表 -->
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/app-xuanzuo.css">
<!-- 导入JS -->
<script src="./js/auto-size.js"></script>
</head>
<body>
<!-- 头部 -->
<header>
<nav>
<ul>
<li>
<a href="../app-dianyingxiangqing/app-dianyingxiangqing.html"><img src="./img/fanhuijiantou.gif" alt=""></a>
</li>
<li>机械师2:复活</li>
</ul>
<ul>
<li><img src="./img/fenxiang.jpg" alt=""></li>
</ul>
</nav>
<nav>
<ul>
<li>
<p>太平洋影城(新城市店)</p>
<p>今天10月21日 17:30 <span>国语3D</span></p>
</li>
<li class="heihei"><a href="../app-fangying/app-fangying.html"> 换一场</a></li>
</ul>
<ul>
<li><span></span> 可选</li>
<li><span></span> 已售</li>
<li><span></span> 已选</li>
<li><span></span> 情侣座</li>
</ul>
</nav>
</header>
<!-- 主体 -->
<article>
<div> <img src="./img/jiguangyingmu.jpg" alt=""></div>
<section class="xz">
<ul>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
</ul>
<div class="xz01">
<!-- 第一排 -->
<ul class="xz-01">
<input type="checkbox" id="xz-01-01">
<label for="xz-01-01">
<i></i>
</label>
<input type="checkbox" id="xz-01-02">
<label for="xz-01-02">
<i></i>
</label>
<input type="checkbox" id="xz-01-03">
<label for="xz-01-03">
<i></i>
</label>
<input type="checkbox" id="xz-01-04">
<label for="xz-01-04">
<i></i>
</label>
<input type="checkbox" id="xz-01-05">
<label for="xz-01-05">
<i></i>
</label>
<input type="checkbox" id="xz-01-06">
<label for="xz-01-06">
<i></i>
</label>
<input type="checkbox" id="xz-01-07">
<label for="xz-01-07">
<i></i>
</label>
<input type="checkbox" id="xz-01-08">
<label for="xz-01-08">
<i></i>
</label>
<input type="checkbox" id="xz-01-09">
<label for="xz-01-09">
<i></i>
</label>
<input type="checkbox" id="xz-01-10">
<label for="xz-01-10">
<i></i>
</label>
<input type="checkbox" id="xz-01-11">
<label for="xz-01-11">
<i></i>
</label>
<input type="checkbox" id="xz-01-12">
<label for="xz-01-12">
<i></i>
</label>
<input type="checkbox" id="xz-01-13">
<label for="xz-01-13">
<i></i>
</label>
<input type="checkbox" id="xz-01-14">
<label for="xz-01-14">
<i></i>
</label>
<input type="checkbox" id="xz-01-15">
<label for="xz-01-15">
<i></i>
</label>
</ul>
<!-- 第二排 -->
<ul class="xz-02">
<input type="checkbox" id="xz-02-01">
<label for="xz-02-01">
<i></i>
</label>
<input type="checkbox" id="xz-02-02">
<label for="xz-02-02">
<i></i>
</label>
<input type="checkbox" id="xz-02-03">
<label for="xz-02-03">
<i></i>
</label>
<input type="checkbox" id="xz-02-04">
<label for="xz-02-04">
<i></i>
</label>
<input type="checkbox" id="xz-02-05">
<label for="xz-02-05">
<i></i>
</label>
<input type="checkbox" id="xz-02-06">
<label for="xz-02-06">
<i></i>
</label>
<input type="checkbox" id="xz-02-07">
<label for="xz-02-07">
<i></i>
</label>
<input type="checkbox" id="xz-02-08">
<label for="xz-02-08">
<i></i>
</label>
<input type="checkbox" id="xz-02-09">
<label for="xz-02-09">
<i></i>
</label>
<input type="checkbox" id="xz-02-10">
<label for="xz-02-10">
<i></i>
</label>
<input type="checkbox" id="xz-02-11">
<label for="xz-02-11">
<i></i>
</label>
<input type="checkbox" id="xz-02-12">
<label for="xz-02-12">
<i></i>
</label>
<input type="checkbox" id="xz-02-13">
<label for="xz-02-13">
<i></i>
</label>
<input type="checkbox" id="xz-02-14">
<label for="xz-02-14">
<i></i>
</label>
<input type="checkbox" id="xz-02-15">
<label for="xz-02-15">
<i></i>
</label>
</ul>
<!-- 第三排 -->
<ul class="xz-03">
<input type="checkbox" id="xz-03-01">
<label for="xz-03-01">
<i></i>
</label>
<input type="checkbox" id="xz-03-02">
<label for="xz-03-02">
<i></i>
</label>
<input type="checkbox" id="xz-03-03">
<label for="xz-03-03">
<i></i>
</label>
<input type="checkbox" id="xz-03-04">
<label for="xz-03-04">
<i></i>
</label>
<input type="checkbox" id="xz-03-05">
<label for="xz-03-05">
<i></i>
</label>
<input type="checkbox" id="xz-03-06">
<label for="xz-03-06">
<i></i>
</label>
<input type="checkbox" id="xz-03-07">
<label for="xz-03-07">
<i></i>
</label>
<input type="checkbox" id="xz-03-08">
<label for="xz-03-08">
<i></i>
</label>
<input type="checkbox" id="xz-03-09">
<label for="xz-03-09">
<i></i>
</label>
<input type="checkbox" id="xz-03-10">
<label for="xz-03-10">
<i></i>
</label>
<input type="checkbox" id="xz-03-11">
<label for="xz-03-11">
<i></i>
</label>
<input type="checkbox" id="xz-03-12">
<label for="xz-03-12">
<i></i>
</label>
<input type="checkbox" id="xz-03-13">
<label for="xz-03-13">
<i></i>
</label>
<input type="checkbox" id="xz-03-14">
<label for="xz-03-14">
<i></i>
</label>
<input type="checkbox" id="xz-03-15">
<label for="xz-03-15">
<i></i>
</label>
</ul>
<!-- 第四排 -->
<ul class="xz-04">
<input type="checkbox" id="xz-04-01">
<label for="xz-04-01">
<i></i>
</label>
<input type="checkbox" id="xz-04-02">
<label for="xz-04-02">
<i></i>
</label>
<input type="checkbox" id="xz-04-03">
<label for="xz-04-03">
<i></i>
</label>
<input type="checkbox" id="xz-04-04">
<label for="xz-04-04">
<i></i>
</label>
<input type="checkbox" id="xz-04-05">
<label for="xz-04-05">
<i></i>
</label>
<input type="checkbox" id="xz-04-06">
<label for="xz-04-06">
<i></i>
</label>
<input type="checkbox" id="xz-04-07">
<label for="xz-04-07">
<i></i>
</label>
<input type="checkbox" id="xz-04-08">
<label for="xz-04-08">
<i></i>
</label>
<input type="checkbox" id="xz-04-09">
<label for="xz-04-09">
<i></i>
</label>
<input type="checkbox" id="xz-04-10">
<label for="xz-04-10">
<i></i>
</label>
<input type="checkbox" id="xz-04-11">
<label for="xz-04-11">
<i></i>
</label>
<input type="checkbox" id="xz-04-12">
<label for="xz-04-12">
<i></i>
</label>
<input type="checkbox" id="xz-04-13">
<label for="xz-04-13">
<i></i>
</label>
<input type="checkbox" id="xz-04-14">
<label for="xz-04-14">
<i></i>
</label>
<input type="checkbox" id="xz-04-15">
<label for="xz-04-15">
<i></i>
</label>
</ul>
<!-- 空 -->
<ul class="xz-00">
<input type="checkbox" id="xz-01-00">
<label for="xz-01-00">
<i></i>
</label>
<input type="checkbox" id="xz-00-02">
<label for="xz-00-02">
<i></i>
</label>
<input type="checkbox" id="xz-00-03">
<label for="xz-00-03">
<i></i>
</label>
<input type="checkbox" id="xz-00-04">
<label for="xz-00-04">
<i></i>
</label>
<input type="checkbox" id="xz-00-05">
<label for="xz-00-05">
<i></i>
</label>
<input type="checkbox" id="xz-00-06">
<label for="xz-00-06">
<i></i>
</label>
<input type="checkbox" id="xz-00-07">
<label for="xz-00-07">
<i></i>
</label>
<input type="checkbox" id="xz-00-08">
<label for="xz-00-08">
<i></i>
</label>
<input type="checkbox" id="xz-00-09">
<label for="xz-00-09">
<i></i>
</label>
<input type="checkbox" id="xz-00-10">
<label for="xz-00-10">
<i></i>
</label>
<input type="checkbox" id="xz-00-11">
<label for="xz-00-11">
<i></i>
</label>
<input type="checkbox" id="xz-00-12">
<label for="xz-00-12">
<i></i>
</label>
<input type="checkbox" id="xz-00-13">
<label for="xz-00-13">
<i></i>
</label>
<input type="checkbox" id="xz-00-14">
<label for="xz-00-14">
<i></i>
</label>
<input type="checkbox" id="xz-00-15">
<label for="xz-00-15">
<i></i>
</label>
</ul>
<!-- 第五排 -->
<ul class="xz-05">
<input type="checkbox" id="xz-05-01">
<label for="xz-05-01">
<i></i>
</label>
<input type="checkbox" id="xz-05-02">
<label for="xz-05-02">
<i></i>
</label>
<input type="checkbox" id="xz-05-03">
<label for="xz-05-03">
<i></i>
</label>
<input type="checkbox" id="xz-05-04">
<label for="xz-05-04">
<i></i>
</label>
<input type="checkbox" id="xz-05-05">
<label for="xz-05-05">
<i></i>
</label>
<input type="checkbox" id="xz-05-06">
<label for="xz-05-06">
<i></i>
</label>
<input type="checkbox" id="xz-05-07">
<label for="xz-05-07">
<i></i>
</label>
<input type="checkbox" id="xz-05-08">
<label for="xz-05-08">
<i></i>
</label>
<input type="checkbox" id="xz-05-09">
<label for="xz-05-09">
<i></i>
</label>
<input type="checkbox" id="xz-05-10">
<label for="xz-05-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-05-11">
<label for="xz-05-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-05-12">
<label for="xz-05-12">
<i></i>
</label>
<input type="checkbox" id="xz-05-13">
<label for="xz-05-13">
<i></i>
</label>
<input type="checkbox" id="xz-05-14">
<label for="xz-05-14">
<i></i>
</label>
<input type="checkbox" id="xz-05-15">
<label for="xz-05-15">
<i></i>
</label>
</ul>
<!-- 第六排 -->
<ul class="xz-06">
<input type="checkbox" id="xz-06-01">
<label for="xz-06-01">
<i></i>
</label>
<input type="checkbox" id="xz-06-02">
<label for="xz-06-02">
<i></i>
</label>
<input type="checkbox" id="xz-06-03">
<label for="xz-06-03">
<i></i>
</label>
<input type="checkbox" id="xz-06-04">
<label for="xz-06-04">
<i></i>
</label>
<input type="checkbox" id="xz-06-05">
<label for="xz-06-05">
<i></i>
</label>
<input type="checkbox" id="xz-06-06">
<label for="xz-06-06">
<i></i>
</label>
<input type="checkbox" id="xz-06-07">
<label for="xz-06-07">
<i></i>
</label>
<input type="checkbox" id="xz-06-08">
<label for="xz-06-08">
<i></i>
</label>
<input type="checkbox" id="xz-06-09">
<label for="xz-06-09">
<i></i>
</label>
<input type="checkbox" id="xz-06-10">
<label for="xz-06-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-06-11">
<label for="xz-06-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-06-12">
<label for="xz-06-12">
<i></i>
</label>
<input type="checkbox" id="xz-06-13">
<label for="xz-06-13">
<i></i>
</label>
<input type="checkbox" id="xz-06-14">
<label for="xz-06-14">
<i></i>
</label>
<input type="checkbox" id="xz-06-15">
<label for="xz-06-15">
<i></i>
</label>
</ul>
<!-- 第七排 -->
<ul class="xz-07">
<input type="checkbox" id="xz-07-01">
<label for="xz-07-01">
<i></i>
</label>
<input type="checkbox" id="xz-07-02">
<label for="xz-07-02">
<i></i>
</label>
<input type="checkbox" id="xz-07-03">
<label for="xz-07-03">
<i></i>
</label>
<input type="checkbox" id="xz-07-04">
<label for="xz-07-04">
<i></i>
</label>
<input type="checkbox" id="xz-07-05">
<label for="xz-07-05">
<i></i>
</label>
<input type="checkbox" id="xz-07-06">
<label for="xz-07-06">
<i></i>
</label>
<input type="checkbox" id="xz-07-07">
<label for="xz-07-07">
<i></i>
</label>
<input type="checkbox" id="xz-07-08">
<label for="xz-07-08">
<i></i>
</label>
<input type="checkbox" id="xz-07-09">
<label for="xz-07-09">
<i></i>
</label>
<input type="checkbox" id="xz-07-10">
<label for="xz-07-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-07-11">
<label for="xz-07-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-07-12">
<label for="xz-07-12">
<i></i>
</label>
<input type="checkbox" id="xz-07-13">
<label for="xz-07-13">
<i></i>
</label>
<input type="checkbox" id="xz-07-14">
<label for="xz-07-14">
<i></i>
</label>
<input type="checkbox" id="xz-07-15">
<label for="xz-07-15">
<i></i>
</label>
</ul>
<!-- 第八排 -->
<ul class="xz-08">
<input type="checkbox" id="xz-08-01">
<label for="xz-08-01">
<i></i>
</label>
<input type="checkbox" id="xz-08-02">
<label for="xz-08-02">
<i></i>
</label>
<input type="checkbox" id="xz-08-03">
<label for="xz-08-03">
<i></i>
</label>
<input type="checkbox" id="xz-08-04">
<label for="xz-08-04">
<i></i>
</label>
<input type="checkbox" id="xz-08-05">
<label for="xz-08-05">
<i></i>
</label>
<input type="checkbox" id="xz-08-06">
<label for="xz-08-06">
<i></i>
</label>
<input type="checkbox" id="xz-08-07">
<label for="xz-08-07">
<i></i>
</label>
<input type="checkbox" id="xz-08-08">
<label for="xz-08-08">
<i></i>
</label>
<input type="checkbox" id="xz-08-09">
<label for="xz-08-09">
<i></i>
</label>
<input type="checkbox" id="xz-08-10">
<label for="xz-08-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-08-11">
<label for="xz-08-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-08-12">
<label for="xz-08-12">
<i></i>
</label>
<input type="checkbox" id="xz-08-13">
<label for="xz-08-13">
<i></i>
</label>
<input type="checkbox" id="xz-08-14">
<label for="xz-08-14">
<i></i>
</label>
<input type="checkbox" id="xz-08-15">
<label for="xz-08-15">
<i></i>
</label>
</ul>
<!-- 第九排 -->
<ul class="xz-09">
<input type="checkbox" id="xz-01-09">
<label for="xz-01-09">
<i></i>
</label>
<input type="checkbox" id="xz-09-02">
<label for="xz-09-02">
<i></i>
</label>
<input type="checkbox" id="xz-09-03">
<label for="xz-09-03">
<i></i>
</label>
<input type="checkbox" id="xz-09-04">
<label for="xz-09-04">
<i></i>
</label>
<input type="checkbox" id="xz-09-05">
<label for="xz-09-05">
<i></i>
</label>
<input type="checkbox" id="xz-09-06">
<label for="xz-09-06">
<i></i>
</label>
<input type="checkbox" id="xz-09-07">
<label for="xz-09-07">
<i></i>
</label>
<input type="checkbox" id="xz-09-08">
<label for="xz-09-08">
<i></i>
</label>
<input type="checkbox" id="xz-09-09">
<label for="xz-09-09">
<i></i>
</label>
<input type="checkbox" id="xz-09-10">
<label for="xz-09-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-09-11">
<label for="xz-09-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-09-12">
<label for="xz-09-12">
<i></i>
</label>
<input type="checkbox" id="xz-09-13">
<label for="xz-09-13">
<i></i>
</label>
<input type="checkbox" id="xz-09-14">
<label for="xz-09-14">
<i></i>
</label>
<input type="checkbox" id="xz-09-15">
<label for="xz-09-15">
<i></i>
</label>
</ul>
<!-- 第10排 -->
<ul class="xz-10">
<input type="checkbox" id="xz-01-10">
<label for="xz-01-10">
<i></i>
</label>
<input type="checkbox" id="xz-10-02">
<label for="xz-10-02">
<i></i>
</label>
<input type="checkbox" id="xz-10-03">
<label for="xz-10-03">
<i></i>
</label>
<input type="checkbox" id="xz-10-04">
<label for="xz-10-04">
<i></i>
</label>
<input type="checkbox" id="xz-10-05">
<label for="xz-10-05">
<i></i>
</label>
<input type="checkbox" id="xz-10-06">
<label for="xz-10-06">
<i></i>
</label>
<input type="checkbox" id="xz-10-07">
<label for="xz-10-07">
<i></i>
</label>
<input type="checkbox" id="xz-10-08">
<label for="xz-10-08">
<i></i>
</label>
<input type="checkbox" id="xz-10-09">
<label for="xz-10-09">
<i></i>
</label>
<input type="checkbox" id="xz-10-10">
<label for="xz-10-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-10-11">
<label for="xz-10-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-10-12">
<label for="xz-10-12">
<i></i>
</label>
<input type="checkbox" id="xz-10-13">
<label for="xz-10-13">
<i></i>
</label>
<input type="checkbox" id="xz-10-14">
<label for="xz-10-14">
<i></i>
</label>
<input type="checkbox" id="xz-10-15">
<label for="xz-10-15">
<i></i>
</label>
</ul>
<!-- 第11排 -->
<ul class="xz-11">
<input type="checkbox" id="xz-01-11">
<label for="xz-01-11">
<i></i>
</label>
<input type="checkbox" id="xz-11-02">
<label for="xz-11-02">
<i></i>
</label>
<input type="checkbox" id="xz-11-03">
<label for="xz-11-03">
<i></i>
</label>
<input type="checkbox" id="xz-11-04">
<label for="xz-11-04">
<i></i>
</label>
<input type="checkbox" id="xz-11-05">
<label for="xz-11-05">
<i></i>
</label>
<input type="checkbox" id="xz-11-06">
<label for="xz-11-06">
<i></i>
</label>
<input type="checkbox" id="xz-11-07">
<label for="xz-11-07">
<i></i>
</label>
<input type="checkbox" id="xz-11-08">
<label for="xz-11-08">
<i></i>
</label>
<input type="checkbox" id="xz-11-09">
<label for="xz-11-09">
<i></i>
</label>
<input type="checkbox" id="xz-11-10">
<label for="xz-11-10">
<i></i>
</label>
<input type="checkbox" id="xz-11-11">
<label for="xz-11-11">
<i></i>
</label>
<input type="checkbox" id="xz-11-12">
<label for="xz-11-12">
<i></i>
</label>
<input type="checkbox" id="xz-11-13">
<label for="xz-11-13">
<i></i>
</label>
<input type="checkbox" id="xz-11-14">
<label for="xz-11-14">
<i></i>
</label>
<input type="checkbox" id="xz-11-15">
<label for="xz-11-15">
<i></i>
</label>
</ul>
</div>
</section>
</article>
<footer>
<p>推荐座位</p>
<div> <input type="radio">
<label for="xz-05-09">
<i>1人</i>
</label>
<label for="xz-05-09">
<i>2人</i>
</label>
<label for="xz-05-09">
<i>3人</i>
</label>
<label for="xz-05-09">
<i>4人</i>
</label>
<label for="xz-05-09">
<i>5人</i>
</label>
</div>
<div><span>一次最多选择五个座位</span>
<span>请先选座</span></div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 导入CSS外部样式表 -->
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/app-xuanzuo.css">
<!-- 导入JS -->
<script src="./js/auto-size.js"></script>
</head>
<body>
<!-- 头部 -->
<header>
<nav>
<ul>
<li>
<a href="../app-dianyingxiangqing/app-dianyingxiangqing.html"><img src="./img/fanhuijiantou.gif" alt=""></a>
</li>
<li>机械师2:复活</li>
</ul>
<ul>
<li><img src="./img/fenxiang.jpg" alt=""></li>
</ul>
</nav>
<nav>
<ul>
<li>
<p>太平洋影城(新城市店)</p>
<p>今天10月21日 17:30 <span>国语3D</span></p>
</li>
<li class="heihei"><a href="../app-fangying/app-fangying.html"> 换一场</a></li>
</ul>
<ul>
<li><span></span> 可选</li>
<li><span></span> 已售</li>
<li><span></span> 已选</li>
<li><span></span> 情侣座</li>
</ul>
</nav>
</header>
<!-- 主体 -->
<article>
<div> <img src="./img/jiguangyingmu.jpg" alt=""></div>
<section class="xz">
<ul>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>
</ul>
<div class="xz01">
<!-- 第一排 -->
<ul class="xz-01">
<input type="checkbox" id="xz-01-01">
<label for="xz-01-01">
<i></i>
</label>
<input type="checkbox" id="xz-01-02">
<label for="xz-01-02">
<i></i>
</label>
<input type="checkbox" id="xz-01-03">
<label for="xz-01-03">
<i></i>
</label>
<input type="checkbox" id="xz-01-04">
<label for="xz-01-04">
<i></i>
</label>
<input type="checkbox" id="xz-01-05">
<label for="xz-01-05">
<i></i>
</label>
<input type="checkbox" id="xz-01-06">
<label for="xz-01-06">
<i></i>
</label>
<input type="checkbox" id="xz-01-07">
<label for="xz-01-07">
<i></i>
</label>
<input type="checkbox" id="xz-01-08">
<label for="xz-01-08">
<i></i>
</label>
<input type="checkbox" id="xz-01-09">
<label for="xz-01-09">
<i></i>
</label>
<input type="checkbox" id="xz-01-10">
<label for="xz-01-10">
<i></i>
</label>
<input type="checkbox" id="xz-01-11">
<label for="xz-01-11">
<i></i>
</label>
<input type="checkbox" id="xz-01-12">
<label for="xz-01-12">
<i></i>
</label>
<input type="checkbox" id="xz-01-13">
<label for="xz-01-13">
<i></i>
</label>
<input type="checkbox" id="xz-01-14">
<label for="xz-01-14">
<i></i>
</label>
<input type="checkbox" id="xz-01-15">
<label for="xz-01-15">
<i></i>
</label>
</ul>
<!-- 第二排 -->
<ul class="xz-02">
<input type="checkbox" id="xz-02-01">
<label for="xz-02-01">
<i></i>
</label>
<input type="checkbox" id="xz-02-02">
<label for="xz-02-02">
<i></i>
</label>
<input type="checkbox" id="xz-02-03">
<label for="xz-02-03">
<i></i>
</label>
<input type="checkbox" id="xz-02-04">
<label for="xz-02-04">
<i></i>
</label>
<input type="checkbox" id="xz-02-05">
<label for="xz-02-05">
<i></i>
</label>
<input type="checkbox" id="xz-02-06">
<label for="xz-02-06">
<i></i>
</label>
<input type="checkbox" id="xz-02-07">
<label for="xz-02-07">
<i></i>
</label>
<input type="checkbox" id="xz-02-08">
<label for="xz-02-08">
<i></i>
</label>
<input type="checkbox" id="xz-02-09">
<label for="xz-02-09">
<i></i>
</label>
<input type="checkbox" id="xz-02-10">
<label for="xz-02-10">
<i></i>
</label>
<input type="checkbox" id="xz-02-11">
<label for="xz-02-11">
<i></i>
</label>
<input type="checkbox" id="xz-02-12">
<label for="xz-02-12">
<i></i>
</label>
<input type="checkbox" id="xz-02-13">
<label for="xz-02-13">
<i></i>
</label>
<input type="checkbox" id="xz-02-14">
<label for="xz-02-14">
<i></i>
</label>
<input type="checkbox" id="xz-02-15">
<label for="xz-02-15">
<i></i>
</label>
</ul>
<!-- 第三排 -->
<ul class="xz-03">
<input type="checkbox" id="xz-03-01">
<label for="xz-03-01">
<i></i>
</label>
<input type="checkbox" id="xz-03-02">
<label for="xz-03-02">
<i></i>
</label>
<input type="checkbox" id="xz-03-03">
<label for="xz-03-03">
<i></i>
</label>
<input type="checkbox" id="xz-03-04">
<label for="xz-03-04">
<i></i>
</label>
<input type="checkbox" id="xz-03-05">
<label for="xz-03-05">
<i></i>
</label>
<input type="checkbox" id="xz-03-06">
<label for="xz-03-06">
<i></i>
</label>
<input type="checkbox" id="xz-03-07">
<label for="xz-03-07">
<i></i>
</label>
<input type="checkbox" id="xz-03-08">
<label for="xz-03-08">
<i></i>
</label>
<input type="checkbox" id="xz-03-09">
<label for="xz-03-09">
<i></i>
</label>
<input type="checkbox" id="xz-03-10">
<label for="xz-03-10">
<i></i>
</label>
<input type="checkbox" id="xz-03-11">
<label for="xz-03-11">
<i></i>
</label>
<input type="checkbox" id="xz-03-12">
<label for="xz-03-12">
<i></i>
</label>
<input type="checkbox" id="xz-03-13">
<label for="xz-03-13">
<i></i>
</label>
<input type="checkbox" id="xz-03-14">
<label for="xz-03-14">
<i></i>
</label>
<input type="checkbox" id="xz-03-15">
<label for="xz-03-15">
<i></i>
</label>
</ul>
<!-- 第四排 -->
<ul class="xz-04">
<input type="checkbox" id="xz-04-01">
<label for="xz-04-01">
<i></i>
</label>
<input type="checkbox" id="xz-04-02">
<label for="xz-04-02">
<i></i>
</label>
<input type="checkbox" id="xz-04-03">
<label for="xz-04-03">
<i></i>
</label>
<input type="checkbox" id="xz-04-04">
<label for="xz-04-04">
<i></i>
</label>
<input type="checkbox" id="xz-04-05">
<label for="xz-04-05">
<i></i>
</label>
<input type="checkbox" id="xz-04-06">
<label for="xz-04-06">
<i></i>
</label>
<input type="checkbox" id="xz-04-07">
<label for="xz-04-07">
<i></i>
</label>
<input type="checkbox" id="xz-04-08">
<label for="xz-04-08">
<i></i>
</label>
<input type="checkbox" id="xz-04-09">
<label for="xz-04-09">
<i></i>
</label>
<input type="checkbox" id="xz-04-10">
<label for="xz-04-10">
<i></i>
</label>
<input type="checkbox" id="xz-04-11">
<label for="xz-04-11">
<i></i>
</label>
<input type="checkbox" id="xz-04-12">
<label for="xz-04-12">
<i></i>
</label>
<input type="checkbox" id="xz-04-13">
<label for="xz-04-13">
<i></i>
</label>
<input type="checkbox" id="xz-04-14">
<label for="xz-04-14">
<i></i>
</label>
<input type="checkbox" id="xz-04-15">
<label for="xz-04-15">
<i></i>
</label>
</ul>
<!-- 空 -->
<ul class="xz-00">
<input type="checkbox" id="xz-01-00">
<label for="xz-01-00">
<i></i>
</label>
<input type="checkbox" id="xz-00-02">
<label for="xz-00-02">
<i></i>
</label>
<input type="checkbox" id="xz-00-03">
<label for="xz-00-03">
<i></i>
</label>
<input type="checkbox" id="xz-00-04">
<label for="xz-00-04">
<i></i>
</label>
<input type="checkbox" id="xz-00-05">
<label for="xz-00-05">
<i></i>
</label>
<input type="checkbox" id="xz-00-06">
<label for="xz-00-06">
<i></i>
</label>
<input type="checkbox" id="xz-00-07">
<label for="xz-00-07">
<i></i>
</label>
<input type="checkbox" id="xz-00-08">
<label for="xz-00-08">
<i></i>
</label>
<input type="checkbox" id="xz-00-09">
<label for="xz-00-09">
<i></i>
</label>
<input type="checkbox" id="xz-00-10">
<label for="xz-00-10">
<i></i>
</label>
<input type="checkbox" id="xz-00-11">
<label for="xz-00-11">
<i></i>
</label>
<input type="checkbox" id="xz-00-12">
<label for="xz-00-12">
<i></i>
</label>
<input type="checkbox" id="xz-00-13">
<label for="xz-00-13">
<i></i>
</label>
<input type="checkbox" id="xz-00-14">
<label for="xz-00-14">
<i></i>
</label>
<input type="checkbox" id="xz-00-15">
<label for="xz-00-15">
<i></i>
</label>
</ul>
<!-- 第五排 -->
<ul class="xz-05">
<input type="checkbox" id="xz-05-01">
<label for="xz-05-01">
<i></i>
</label>
<input type="checkbox" id="xz-05-02">
<label for="xz-05-02">
<i></i>
</label>
<input type="checkbox" id="xz-05-03">
<label for="xz-05-03">
<i></i>
</label>
<input type="checkbox" id="xz-05-04">
<label for="xz-05-04">
<i></i>
</label>
<input type="checkbox" id="xz-05-05">
<label for="xz-05-05">
<i></i>
</label>
<input type="checkbox" id="xz-05-06">
<label for="xz-05-06">
<i></i>
</label>
<input type="checkbox" id="xz-05-07">
<label for="xz-05-07">
<i></i>
</label>
<input type="checkbox" id="xz-05-08">
<label for="xz-05-08">
<i></i>
</label>
<input type="checkbox" id="xz-05-09">
<label for="xz-05-09">
<i></i>
</label>
<input type="checkbox" id="xz-05-10">
<label for="xz-05-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-05-11">
<label for="xz-05-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-05-12">
<label for="xz-05-12">
<i></i>
</label>
<input type="checkbox" id="xz-05-13">
<label for="xz-05-13">
<i></i>
</label>
<input type="checkbox" id="xz-05-14">
<label for="xz-05-14">
<i></i>
</label>
<input type="checkbox" id="xz-05-15">
<label for="xz-05-15">
<i></i>
</label>
</ul>
<!-- 第六排 -->
<ul class="xz-06">
<input type="checkbox" id="xz-06-01">
<label for="xz-06-01">
<i></i>
</label>
<input type="checkbox" id="xz-06-02">
<label for="xz-06-02">
<i></i>
</label>
<input type="checkbox" id="xz-06-03">
<label for="xz-06-03">
<i></i>
</label>
<input type="checkbox" id="xz-06-04">
<label for="xz-06-04">
<i></i>
</label>
<input type="checkbox" id="xz-06-05">
<label for="xz-06-05">
<i></i>
</label>
<input type="checkbox" id="xz-06-06">
<label for="xz-06-06">
<i></i>
</label>
<input type="checkbox" id="xz-06-07">
<label for="xz-06-07">
<i></i>
</label>
<input type="checkbox" id="xz-06-08">
<label for="xz-06-08">
<i></i>
</label>
<input type="checkbox" id="xz-06-09">
<label for="xz-06-09">
<i></i>
</label>
<input type="checkbox" id="xz-06-10">
<label for="xz-06-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-06-11">
<label for="xz-06-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-06-12">
<label for="xz-06-12">
<i></i>
</label>
<input type="checkbox" id="xz-06-13">
<label for="xz-06-13">
<i></i>
</label>
<input type="checkbox" id="xz-06-14">
<label for="xz-06-14">
<i></i>
</label>
<input type="checkbox" id="xz-06-15">
<label for="xz-06-15">
<i></i>
</label>
</ul>
<!-- 第七排 -->
<ul class="xz-07">
<input type="checkbox" id="xz-07-01">
<label for="xz-07-01">
<i></i>
</label>
<input type="checkbox" id="xz-07-02">
<label for="xz-07-02">
<i></i>
</label>
<input type="checkbox" id="xz-07-03">
<label for="xz-07-03">
<i></i>
</label>
<input type="checkbox" id="xz-07-04">
<label for="xz-07-04">
<i></i>
</label>
<input type="checkbox" id="xz-07-05">
<label for="xz-07-05">
<i></i>
</label>
<input type="checkbox" id="xz-07-06">
<label for="xz-07-06">
<i></i>
</label>
<input type="checkbox" id="xz-07-07">
<label for="xz-07-07">
<i></i>
</label>
<input type="checkbox" id="xz-07-08">
<label for="xz-07-08">
<i></i>
</label>
<input type="checkbox" id="xz-07-09">
<label for="xz-07-09">
<i></i>
</label>
<input type="checkbox" id="xz-07-10">
<label for="xz-07-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-07-11">
<label for="xz-07-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-07-12">
<label for="xz-07-12">
<i></i>
</label>
<input type="checkbox" id="xz-07-13">
<label for="xz-07-13">
<i></i>
</label>
<input type="checkbox" id="xz-07-14">
<label for="xz-07-14">
<i></i>
</label>
<input type="checkbox" id="xz-07-15">
<label for="xz-07-15">
<i></i>
</label>
</ul>
<!-- 第八排 -->
<ul class="xz-08">
<input type="checkbox" id="xz-08-01">
<label for="xz-08-01">
<i></i>
</label>
<input type="checkbox" id="xz-08-02">
<label for="xz-08-02">
<i></i>
</label>
<input type="checkbox" id="xz-08-03">
<label for="xz-08-03">
<i></i>
</label>
<input type="checkbox" id="xz-08-04">
<label for="xz-08-04">
<i></i>
</label>
<input type="checkbox" id="xz-08-05">
<label for="xz-08-05">
<i></i>
</label>
<input type="checkbox" id="xz-08-06">
<label for="xz-08-06">
<i></i>
</label>
<input type="checkbox" id="xz-08-07">
<label for="xz-08-07">
<i></i>
</label>
<input type="checkbox" id="xz-08-08">
<label for="xz-08-08">
<i></i>
</label>
<input type="checkbox" id="xz-08-09">
<label for="xz-08-09">
<i></i>
</label>
<input type="checkbox" id="xz-08-10">
<label for="xz-08-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-08-11">
<label for="xz-08-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-08-12">
<label for="xz-08-12">
<i></i>
</label>
<input type="checkbox" id="xz-08-13">
<label for="xz-08-13">
<i></i>
</label>
<input type="checkbox" id="xz-08-14">
<label for="xz-08-14">
<i></i>
</label>
<input type="checkbox" id="xz-08-15">
<label for="xz-08-15">
<i></i>
</label>
</ul>
<!-- 第九排 -->
<ul class="xz-09">
<input type="checkbox" id="xz-01-09">
<label for="xz-01-09">
<i></i>
</label>
<input type="checkbox" id="xz-09-02">
<label for="xz-09-02">
<i></i>
</label>
<input type="checkbox" id="xz-09-03">
<label for="xz-09-03">
<i></i>
</label>
<input type="checkbox" id="xz-09-04">
<label for="xz-09-04">
<i></i>
</label>
<input type="checkbox" id="xz-09-05">
<label for="xz-09-05">
<i></i>
</label>
<input type="checkbox" id="xz-09-06">
<label for="xz-09-06">
<i></i>
</label>
<input type="checkbox" id="xz-09-07">
<label for="xz-09-07">
<i></i>
</label>
<input type="checkbox" id="xz-09-08">
<label for="xz-09-08">
<i></i>
</label>
<input type="checkbox" id="xz-09-09">
<label for="xz-09-09">
<i></i>
</label>
<input type="checkbox" id="xz-09-10">
<label for="xz-09-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-09-11">
<label for="xz-09-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-09-12">
<label for="xz-09-12">
<i></i>
</label>
<input type="checkbox" id="xz-09-13">
<label for="xz-09-13">
<i></i>
</label>
<input type="checkbox" id="xz-09-14">
<label for="xz-09-14">
<i></i>
</label>
<input type="checkbox" id="xz-09-15">
<label for="xz-09-15">
<i></i>
</label>
</ul>
<!-- 第10排 -->
<ul class="xz-10">
<input type="checkbox" id="xz-01-10">
<label for="xz-01-10">
<i></i>
</label>
<input type="checkbox" id="xz-10-02">
<label for="xz-10-02">
<i></i>
</label>
<input type="checkbox" id="xz-10-03">
<label for="xz-10-03">
<i></i>
</label>
<input type="checkbox" id="xz-10-04">
<label for="xz-10-04">
<i></i>
</label>
<input type="checkbox" id="xz-10-05">
<label for="xz-10-05">
<i></i>
</label>
<input type="checkbox" id="xz-10-06">
<label for="xz-10-06">
<i></i>
</label>
<input type="checkbox" id="xz-10-07">
<label for="xz-10-07">
<i></i>
</label>
<input type="checkbox" id="xz-10-08">
<label for="xz-10-08">
<i></i>
</label>
<input type="checkbox" id="xz-10-09">
<label for="xz-10-09">
<i></i>
</label>
<input type="checkbox" id="xz-10-10">
<label for="xz-10-10" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-10-11">
<label for="xz-10-11" class="touming">
<i></i>
</label>
<input type="checkbox" id="xz-10-12">
<label for="xz-10-12">
<i></i>
</label>
<input type="checkbox" id="xz-10-13">
<label for="xz-10-13">
<i></i>
</label>
<input type="checkbox" id="xz-10-14">
<label for="xz-10-14">
<i></i>
</label>
<input type="checkbox" id="xz-10-15">
<label for="xz-10-15">
<i></i>
</label>
</ul>
<!-- 第11排 -->
<ul class="xz-11">
<input type="checkbox" id="xz-01-11">
<label for="xz-01-11">
<i></i>
</label>
<input type="checkbox" id="xz-11-02">
<label for="xz-11-02">
<i></i>
</label>
<input type="checkbox" id="xz-11-03">
<label for="xz-11-03">
<i></i>
</label>
<input type="checkbox" id="xz-11-04">
<label for="xz-11-04">
<i></i>
</label>
<input type="checkbox" id="xz-11-05">
<label for="xz-11-05">
<i></i>
</label>
<input type="checkbox" id="xz-11-06">
<label for="xz-11-06">
<i></i>
</label>
<input type="checkbox" id="xz-11-07">
<label for="xz-11-07">
<i></i>
</label>
<input type="checkbox" id="xz-11-08">
<label for="xz-11-08">
<i></i>
</label>
<input type="checkbox" id="xz-11-09">
<label for="xz-11-09">
<i></i>
</label>
<input type="checkbox" id="xz-11-10">
<label for="xz-11-10">
<i></i>
</label>
<input type="checkbox" id="xz-11-11">
<label for="xz-11-11">
<i></i>
</label>
<input type="checkbox" id="xz-11-12">
<label for="xz-11-12">
<i></i>
</label>
<input type="checkbox" id="xz-11-13">
<label for="xz-11-13">
<i></i>
</label>
<input type="checkbox" id="xz-11-14">
<label for="xz-11-14">
<i></i>
</label>
<input type="checkbox" id="xz-11-15">
<label for="xz-11-15">
<i></i>
</label>
</ul>
</div>
</section>
</article>
<footer>
<p>推荐座位</p>
<div> <input type="radio">
<label for="xz-05-09">
<i>1人</i>
</label>
<label for="xz-05-09">
<i>2人</i>
</label>
<label for="xz-05-09">
<i>3人</i>
</label>
<label for="xz-05-09">
<i>4人</i>
</label>
<label for="xz-05-09">
<i>5人</i>
</label>
</div>
<div><span>一次最多选择五个座位</span>
<span>请先选座</span></div>
</footer>
</body>
</html>