<div class="navbar">
    <div class="navbar-inner navbar-inner-blur">
        <div class="left sliding">
            <a href="#" class="back link"> <i class="icon icon-back"></i>
                <span>返回</span>
            </a>
        </div>
        <div class="center sliding">夜间免打扰设置</div>
    </div>
</div>
<!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
<div class="pages navbar-through toolbar-through">
    <!-- Page, "data-page" contains page name -->
    <div data-page="moon" class="page no-toolbar">
        <!-- Scrollable page content -->
        <div class="page-content">
            <div class="content-block moon-block">
                <h3>时间设置</h3>
                <div class="moon-block-list">
                    <ul>
                        <li class="split-horizontal split-horizontal-top">
                            <div class="item-content">
                                <div class="item-inner clearfix">
                                    <div class="item-title">
                                        <p class="timespan">22:10 - 7:30</p>
                                        <p class="datetips">工作日</p>
                                    </div>
                                    <div class="item-after">
                                        <label class="label-switch">
                                            <input type="checkbox" checked>                    
                                            <div class="checkbox"></div>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="split-horizontal">
                            <div class="item-content disable">
                                <div class="item-inner clearfix">
                                    <div class="item-title">
                                        <p class="timespan">20:00 - 10:30</p>
                                        <p class="datetips">周末</p>
                                    </div>
                                    <div class="item-after">
                                        <label class="label-switch">
                                            <input type="checkbox">                    
                                            <div class="checkbox"></div>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <a href="moonsetting.html" class="add-link">+ 点击此处进行添加</a>
            </div>
        </div>
    </div>
</div>