纯CSS完成影院选座

纯CSS完成影院选择

<!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>&nbsp可选</li>
                <li><span></span>&nbsp已售</li>
                <li><span></span>&nbsp已选</li>
                <li><span></span>&nbsp情侣座</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>&nbsp可选</li>
                <li><span></span>&nbsp已售</li>
                <li><span></span>&nbsp已选</li>
                <li><span></span>&nbsp情侣座</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>
  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值