html:

 <div class="section__content__worktime">

                    <div class="section__content__worktime__title">

                        <h4>科室排班表</h4>

                        <a>返回科室列表</a>

                    </div>

                    <div class="section__content__worktime__list">

                        <div class="section__content__worktime__list__left">

                            <div class="worktime__list__left__button">

                                <ul>

                                    <li class="li__nth1"></li>

                                    <li class="li__nth2">上午</li>

                                    <li class="li__nth2">下午</li>

                                    <li class="li__nth2">晚上</li>

                                </ul>

                            </div>

                            <div class="worktime__list__middle__content">

                                <ul>

                                    <li class="content__li__nth1">

                                        <p>星期一</p>

                                        <p>2017-01-09</p>

                                    </li>

                                    <li class="content__li__nth2"></li>

                                    <li class="content__li__nth2">约满</li>

                                    <li class="content__li__nth2"></li>

                                </ul>

  </div>

                            <div class="worktime__list__right__button">

                                <ul>

                                    <li class="li__nth1"></li>

                                    <li class="li__nth2"></li>

                                    <li class="li__nth2"></li>

                                    <li class="li__nth2"></li>

                                </ul>

                            </div>

                        </div>

                        <div class="section__content__worktime__list__right">

                            <h4>预约规则</h4>

                            <table>

css:

.section__content__worktime{

    width:1002px;

    height:430px;

    margin:0 auto;

}

.section__content__worktime__title{

    text-indent:8px;

    font-size:18px;

    width:100%;

}

.section__content__worktime__title h4{

    display:inline-block;

}

.section__content__worktime__title a{

    font-size:16px;

    color:#60bff2;

    padding-left:14px;

}

.section__content__worktime__list{

    margin-top:14px;

    width:100%;

    height:390px;

    border:1px solid #eceef2;

}

/* 左边 */

.section__content__worktime__list__left{

    float:left;

    width:730px;

    height:327px;

    box-sizing: border-box;

    border:1px solid #eceef2;

}

.section__content__worktime__list__left>div{

    float:left;

}

.worktime__list__left__button,.worktime__list__right__button{

    width:33px;

    height:324px;

    border:1px solid #eceef2;

    border-top:none;

    border-left:none;

}

.worktime__list__right__button{

    border-right:none;

}

.worktime__list__left__button ul li:nth-child(1){

    background:url(../image/icon-scheduling-left.jpg);

    background-repeat:no-repeat;

}

.worktime__list__right__button ul li:nth-child(1){

    background:url(../image/icon-scheduling-right.jpg);

    background-repeat:no-repeat;

}

.li__nth1{

    width:100%;

    height:45px;

}

.li__nth2{

    width:100%;

    height:93px;

    line-height:93px;

    text-align:center;

    font-weight:bold;

    background-color:#c5edff;

}

/* 时间表 */

.worktime__list__middle__content{

    width:660px;

    height:324px;

    box-sizing:border-box;

    overflow:hidden;

}

.worktime__list__middle__content ul{

    float:left;

}

.worktime__list__middle__content ul li{

    width:93px;

    border-bottom:1px solid #ced0d4;

    border-right:1px solid #ced0d4;

}

.content__li__nth1{

    height:45px;

    font-size:12px;

    text-align:center;

    line-height:22.5px;

}

.content__li__nth2{

    width:100%;

    height:93px;

    line-height:93px;

    text-align:center;

}

.worktime__list__middle__content ul li:nth-child(3){

    background-color:#e2f5ff;

}

/* 右边 */

.section__content__worktime__list__right{

    float:right;

    width:270px;

    height:325px;

    border:1px solid #eceef2;

    overflow-x: hidden;

    overflow-y: scroll;

}

.section__content__worktime__list__right h4{

    height:28p;

    line-height:42px;

    text-indent:10px;

}

.section__content__worktime__list__right table{

    font-size:14px; 

    color:#6868689c;

    padding-top:10px;

}

.section__content__worktime__list__right table tr td{

    width:100%;

    color:#2525259c;

    height:24px;

    line-height:24px;

    text-indent:10px;

}

/* 列表下边部分 */

.section__content__worktime__list__footer{

    color:#b1b1b3;

    font-size:18px;

    width:100%;

    height:65px;

    line-height:65px;

    text-align:center;

}

                                <tr>

                                    <td><b>预约周期：</b></td> 

                                </tr>

                                <tr><td>7天</td></tr>

                                <tr>

                                    <td><b>放号时间：</b></td> 

                                </tr>

                                <tr><td>8：30</td></tr>

                                <tr>

                                    <td><b>停挂时间：</b></td> 

                                </tr>

                                <tr><td>下午14：00停止次日预约挂号<br>（周五14：00后停挂至下周一）</td></tr>

                                <tr>

                                    <td><b>退号时间：</b></td>

                                </tr>

                                <tr><td>就诊前一个工作日14：00前取消</td></tr>

                                <tr>

                                    <td><b>特殊规则：</b></td> 

                                </tr>

                                <tr><td>①    取号地点不同：西院区预约号取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约号取号地点：东院区老门诊楼已成大厅挂号窗口或新门诊楼各楼层挂号/收费窗口取号。<br>①    取号地点不同：西院区预约号取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约号取号地点：东院区老门诊楼已成大厅挂号窗口或新门诊楼各楼层挂号/收费窗口取号。 </td></tr>

                            </table>

                        </div>

                        <div class="section__content__worktime__list__footer">

                            <img src="image/icon-info.jpg">

                            <span>您还没有选择就诊日期</span>

                        </div>

                    </div>

                </div>