<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="stylesheets/style.css"/>
</head>
<body>
<div class="baseboardBox">
    <!--头部导航-->
    <div class="headerBg">
        <div class="header">
            <div class="header_img">
                <img src="images/logo.png" alt="">
            </div>
            <ul class="header_list" id="header_list">
                <li class="header_listMsg header_listTeacherMsg header_listMsgCheck" id="defaultBtn">首页</li>
                <li class="header_listMsg" id="liveBtn" data="最新直播课程">直播课堂</li>
                <li class="header_listMsg header_listTeacherMsg" id="lanclassBtn" data="最新互动课程">互动课堂</li>
                <li class="header_listMsg header_listTeacherMsg" id="teacherBtn" data="推荐老师">老师</li>
                <li class="header_listMsg header_listTeacherMsg" id="homeCenterBtn">个人中心</li>
            </ul>
            <div class="header_seek" id="header_seek">
                <input type="text" class="header_seekInput">
                <button class="header_seekBtn iconfont">&#xe642;</button>
            </div>
            <ul class="DownloadLoginBox">
                <li class="androidDownload" id="androidDownload">
                    移动端下载
                </li>
                <li class="userNews iconfont">&#xe6a5;</li>
                <li class="userLoginBtn">
                    <span class="userLoginText" id="homeUserLoginBtn">登录</span>
                    <!--<img class="userLoginBtnImg" id="homeUserLoginBtn" src="images/u293.png" alt="">-->
                    <ul class="exitBox" id="exitBox">
                        <li class="exitList" id="personageInfo">个人中心</li>
                        <li class="exitList" id="exitBtn">退出</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!--图片轮播-->
    <div class="slideshow" id="slideshow">
        <ul class="motionMapBox" id="motionMapBox">
            <li class="slidesMap"><img class="slidesImg" src="images/xdybg.png" alt=""></li>
            <li class="slidesMap"><img class="slidesImg" src="images/bg.jpg" alt=""></li>
            <li class="slidesMap"><img class="slidesImg" src="images/xdybg.png" alt=""></li>
            <li class="slidesMap"><img class="slidesImg" src="images/bg.jpg" alt=""></li>
            <li class="slidesMap"><img class="slidesImg" src="images/xdybg.png" alt=""></li>
        </ul>
        <ol class="dots" id="dots">
        </ol>
    </div>
    <div class="themeBox" id="themeBox">
        <!--首页-->
        <div class="box" id="defaultBox">
            <div class="curriculumBox" id="liveListBox">
                <div class="curriculumHandler">
                    <p class="curriculumTitle" id="liveCoursesTitle">最新直播课程</p>
                    <p class="curriculumMove" id="liveBtnMove" data="1">更多</p>
                    <label for="liveBtnMove"></label>
                </div>
                <div class="curriculumListBox" id="liveList">
                    <!--最新直播课程列表-->
                    <img class="loadingImg" src="images/loading.gif" alt="">
                </div>
            </div>
            <div class="curriculumBox" id="lanclassListBox ">
                <div class="curriculumHandler">
                    <p class="curriculumTitle" id="lessonsTitle">最新互动课程</p>
                    <p class="curriculumMove" id="lanclassBtnMove" data="2">更多</p>
                    <label for="lanclassBtnMove"></label>
                </div>
                <div class="curriculumListBox" id="lanclassList">
                    <!--最新互动课程列表-->
                    <img class="loadingImg" src="images/loading.gif" alt="">
                </div>
            </div>
            <div class="curriculumBox curriculumBox1" id="teacherIntroBox">
                <div class="curriculumHandler">
                    <p class="curriculumTitle" id="teacherTitle">推荐老师</p>
                    <p class="curriculumMove" id="teacherBtnMove" data="3">更多</p>
                    <label for="teacherBtnMove"></label>
                </div>
                <div class="curriculumListBox" id="teacherIntro">
                    <!--推荐老师列表-->
                    <img class="loadingImg" src="images/loading.gif" alt="">
                </div>
            </div>
        </div>
        <!--课堂分类列表-->
        <!--最新直播课程-->
        <div class="classifyListBox" id="liveContentAllBox">
            <div class="classifyListTitle">最新直播课程</div>
            <div class="classifyListContent" id="liveContent">
            </div>
            <div class="pageNumContentBox" id="livePageBox">
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                    <tbody>
                    <tr>
                        <td height="60" colspan="11" class="tr_bottom" style="">
                            <span class="classHandlerPageMsg" id="livePageNumMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                            <ul class="classHandlerPageInfoBox">
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerHomePage" id="livePageNumHomePage">首页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerUpPage" id="livePageNumUpPage">上一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerDownPage" id="livePageNumDownPage">下一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerEndPage" id="livePageNumEndPage">尾页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <input id="livePageInfoInput" class="classHandlerPageInfoInput" type="text">
                                </li>
                                <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                    <span id="liveSpecificPage">GO</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--最新互动课程-->
        <div class="classifyListBox" id="lanclassAllBox">
            <div class="classifyListTitle">最新互动课程</div>
            <div class="classifyListContent" id="lanclassContent">

            </div>
            <div class="pageNumContentBox" id="lanclassPageBox">
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                    <tbody>
                    <tr>
                        <td height="60" colspan="11" class="tr_bottom" style="">
                            <span class="classHandlerPageMsg" id="pageNumContentMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                            <ul class="classHandlerPageInfoBox">
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerHomePage" id="pageNumContentHomePage">首页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerUpPage" id="pageNumContentUpPage">上一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerDownPage" id="pageNumContentDownPage">下一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerEndPage" id="pageNumContentEndPage">尾页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <input id="pageNumContentPageInfoInput" class="classHandlerPageInfoInput" type="text">
                                </li>
                                <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                    <span id="pageNumContentSpecificPage">GO</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--推荐老师-->
        <div class="classifyListBox" id="teacherIntroAllBox">
            <div class="classifyListTitle" id="teacherIntroTitle">推荐老师</div>
            <div class="classifyListContent" id="teacherIntroContent">
            </div>
            <div class="pageNumContentBox" id="teacherIntroPageBox">
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                    <tbody>
                    <tr>
                        <td height="60" colspan="11" class="tr_bottom" style="">
                            <span class="classHandlerPageMsg" id="pageNumContentMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                            <ul class="classHandlerPageInfoBox">
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerHomePage" id="pageNumContentHomePage">首页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerUpPage" id="pageNumContentUpPage">上一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerDownPage" id="pageNumContentDownPage">下一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerEndPage" id="pageNumContentEndPage">尾页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <input id="pageNumContentPageInfoInput" class="classHandlerPageInfoInput" type="text">
                                </li>
                                <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                    <span id="pageNumContentSpecificPage">GO</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--直播课堂详情-->
        <div class="lanclassBox" id="lanclassBox">
            <div class="lanclassContent">
                <img class="lanclassContentCover" id="lanclassContentCover" src="" alt="">
                <div class="lanclassContentCenter">
                    <div class="lanclassContentTitle" id="lanclassContentTitle">
                        初一语文阅读理解习题课
                    </div>
                    <div class="lanclassContentInfo">
                        <img class="lanclassContentInfoPortrait" id="lanclassContentInfoPortrait" src="images/u293.png" alt="">
                        <span class="lanclassContentInfoName" id="lanclassContentInfoName">张媛媛</span>
                    </div>
                    <div class="lanclassContentInfoTime">
                        <span class="lanclassContentInfoTimeStart" id="lanclassContentInfoTimeStart">开始时间:2017-08-01 13:00:00</span>
                        <span class="lanclassContentInfoTimeEnd" id="lanclassContentInfoTimeEnd">结束时间:2017-08-01 13:00:00</span>
                    </div>
                    <div class="lanclassContentApply btnHover" id="lanclassContentApply" data="2">我要报名</div>
                </div>
                <div class="lanclassContentRight">
                    <div class="thirdPartyIconBox">
                        <span id="weixinIcon" class="thirdPartyIcon weixinIcon iconfont">&#xe61e;</span>
                        <span id="qqIcon" class="thirdPartyIcon qqIcon iconfont">&#xe605;</span>
                        <span id="weiboIcon" class="thirdPartyIcon weiboIcon iconfont">&#xe6eb;</span>
                    </div>
                    <div class="collectBox" id="collectYes" data="6">
                        <img class="collectIcon" id="collectYesIcon" src="images/collect.png" alt="">
                        <span class="collectText">已收藏</span>
                    </div>
                    <div class="collectBox" id="collectNo" data="7">
                        <img class="collectIcon" id="collectNoIcon" src="images/not-collect.png" alt="">
                        <span class="collectText">未收藏</span>
                    </div>
                </div>
            </div>
            <div class="lanclassContent" id="lanclassIntroduce">
                <p class="lanclassIntroduceTitle">
                    课程介绍
                </p>
                <p class="lanclassIntroduceContent" id="lanclassIntroduceDescription">
                    中学生英语听力水平的提高,除了在课堂上掌握教材和大纲所要求的听力知识外,还必须进行大量的听力训练,才能达到消化所学知识、熟能生巧的地步。目前市场上的同步听力训练辅导材料,大都是针对某一特定的教材,按教材和教学要求进行编写,这固然可以帮助学生消化和掌握课堂所学内容,由于单元教学目标要求的限制,无法进行系统的、有针对性的听力训练。本套听力丛书就是针对目前中学英语听力教学中的这一特殊情况,根据中学生的实际情况而编写的。
                </p>
            </div>
            <div class="lanclassContent teacherInfos" id="teacherInfos">
                <div class="lanclassIntroduceTitle" id="teacherInfoTitle">
                    老师简介
                </div>
                <div class="teacherInfoData">
                    <span class="teacherInfoName" id="teacherInfoName">张媛媛</span>
                    <span class="teacherInfoSchool" id="teacherInfoSchool">北京外国语学院</span>
                </div>
                <div class="lanclassIntroduceContent" id="teacherInfoContent">
                    1982年1月毕业于北京师范学院(现北京师范大学)外语系英语专业。在二十多年的教学工作中,曾讲授初中、高中、师范英语班、大专英语班及教师继续教育的英语课程。获得广泛好评。在全国范围内正式出版书籍近三十本;制作出版英语口语教学VCD6盘。北京市英语教师继续教育学科指导小组成员。1998年被评为北京市英语骨干教师.2000年参加国家级英语骨干教师培训,2003年被评为北京市英语学科带头人,2005年被评为北京市特级教师。
                </div>
            </div>
        </div>
        <!--老师详情页-->
        <div class="teacherDetailBox" id="teacherDetailBox">
            <div class="teacherDetailInfo">
                <div class="teacherDetailInfoLeft">
                    <img class="teacherDetailInfoImg" id="teacherDetailInfoImg" src="" alt="">
                    <ul class="teacherDetailInfoDetailBox">
                        <li class="teacherDetailInfoDetailTit">
                            <span class="teacherDetailInfoDetailName" id="teacherDetailInfoDetailName">张媛媛</span>
                            <span class="teacherDetailInfoDetailSex" id="teacherDetailInfoDetailSex">女</span>
                        </li>
                        <li class="teacherDetailInfoDetailSpeciality">
                            <span class="teacherDetailInfoDetail">专长:</span>
                            <span class="teacherDetailInfoDetailPoint" id="teacherDetailInfoDetailPoint">少儿英语</span>
                        </li>
                        <li class="teacherDetailInfoDetailLi">
                            <span class="teacherDetailInfoDetail">教龄:</span>
                            <span class="teacherDetailInfoDetailAge" id="teacherDetailInfoDetailAge">10年</span>
                        </li>
                        <li class="teacherDetailInfoDetailLi">
                            <span class="teacherDetailInfoDetail">评分:</span>
                            <!--<span class="teacherDetailInfoDetailGrade" id="teacherDetailInfoDetailGrade">少儿英语</span>-->
                            <div class="teacherGradeImgBox">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/not-collect.png" alt="">
                                <img class="teacherGradeImg" src="images/not-collect.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="teacherDetailInfoRight">
                    <div class="teacherDetailReferralBox">
                        <p class="teacherDetailReferralTitle">
                            授课内容:
                        </p>
                        <p class="teacherDetailReferralContent" id="teacherDetailReferralContent">
                            中学生英语听力水平的提高,除了在课堂上掌握教材和大纲所要求的听力知识外,还必须进行大量的听力训练,才能达到消化所学知识、熟能生巧的地步。目前市场上的同步听力训练辅导材料,大都是针对某一特定的教材,按教材和教学要求进行编写,这固然可以帮助学生消化和掌握课堂所学内容,由于单元教学目标要求的限制,无法进行系统的、有针对性的听力训练。本套听力丛书就是针对目前中学英语听力教学中的这一特殊情况,根据中学生的实际情况而编写的。
                        </p>
                    </div>
                    <button class="teacherDetailOrderBtn btnHover" id="orderBtn" data="1" value='1'>我要预约</button>
                </div>
            </div>
            <div class="teacherDetailContent">
                <ul class="teacherDetailContentUl">
                    <li>
                        <span class="teacherDetailBasicsMsg">基本资料</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">教师职称: </label>
                        <span class="teacherDetailPost" id="teacherDetailPost">特技教师</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">最高学历: </label>
                        <span  id="teacherDetailEducation">硕士</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">毕业院校: </label>
                        <span id="teacherDetailAcademy">北京外国语大学</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">授课方式: </label>
                        <span id="teacherDetailWay">线上/线下均可</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">授课地区: </label>
                        <span id="teacherDetailArea">不限</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">基本简介: </label>
                        <span id="teacherDetailSynopsis">【1】专业8级,英语会考不算强,能说说好才算强</span>
                    </li>
                    <li class="teacherDetailBasics">
                        <label class="teacherDetailBasicsTitle">教学特点: </label>
                        <span id="teacherDetailTrait">温文尔雅</span>
                    </li>
                </ul>
                <div class="teacherDetailCurriculum">
                    <span class="teacherDetailCurriculumTitle">他的课程</span>
                    <div id="teacherDetailCurriculum">

                    </div>
                </div>
            </div>
        </div>
        <!--预约老师成功弹窗-->
        <div class="userSignBox" id="teacherDetailRemindersBox">
            <div class="usersign teacherDetailReminders" id="teacherDetailReminders">
                <a href="javascript: void(0)" id="teacherDetailRemindersA" class="usersignA iconfont">&#xe638;</a>
                <div class="remindersContent">
                    <img class="remindersImg" src="images/ensure.png" alt="">
                    <p class="remindersTit">提交成功</p>
                    <p class="remindersInfo">三个工作日内老师会联系您,请耐心等待</p>
                    <button id="remindersBtn" class="remindersBtn">返回</button>
                </div>
            </div>
        </div>
        <!--管理员信息-->
        <div class="classManagementBox" id="classManagementBox">
            <div class="classManagementLeft" id="classManagementLeft">
                <ul class="recordUl" id="recordUl">
                    <li class="recordLi recordLiCheck" data="0">
                        <label for="courseManagement" class="iconfont">&#xe69a;</label>
                        <span class="recordLiText" id="courseManagement">课程管理</span>
                    </li>
                    <li class="recordLi" data="1">
                        <label for="createClassBtn" class="iconfont">&#xe69b;</label>
                        <span class="recordLiText" id="createClassBtn">创建课堂</span>
                    </li>
                    <li class="recordLi" data="2">
                        <label for="classManagement" class="iconfont">&#xe69c;</label>
                        <span class="recordLiText" id="classManagement">班级管理</span>
                    </li>
                    <li class="recordLi" data="3">
                        <label for="teacherManagement" class="iconfont">&#xe69d;</label>
                        <span class="recordLiText" id="teacherManagement">用户管理</span>
                    </li>
                    <li class="recordLi" data="4">
                        <label for="aboutManagement" class="iconfont">&#xe69f;</label>
                        <span class="recordLiText" id="aboutManagement">约课管理</span>
                    </li>
                    <li class="recordLi" data="5">
                        <label for="RecordManagement" class="iconfont">&#xe6a0;</label>
                        <span class="recordLiText" id="RecordManagement">录制管理</span>
                    </li>
                    <li class="recordLi" data="6">
                        <label for="siteManagement" class="iconfont">&#xe6a3;</label>
                        <span class="recordLiText" id="siteManagement">站点配置</span>
                    </li>
                    <li class="recordLi" data="7">
                        <label for="reportManagement" class="iconfont">&#xe6a2;</label>
                        <span class="recordLiText" id="reportManagement">统计报告</span>
                    </li>
                    <li class="recordLi" data="8">
                        <label for="personManagement" class="iconfont">&#xe6a1;</label>
                        <span class="recordLiText" id="personManagement">个人设置</span>
                    </li>
                </ul>
            </div>
            <div class="classManagementRightMian">
                <div class="classManagementRight" id="classManagementRight0">
                    <div class="classManagementRightTitle" id="classManagementRightTitle0">
                        <ul class="liveInfoLeft" id="liveInfoList0">
                            <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">正在直播</li>
                            <li class="liveInfoLeftLi" data="0">未开始</li>
                            <li class="liveInfoLeftLi" data="2">已结束</li>
                        </ul>
                        <div class="liveInfoRight" id="liveInfoRight0">
                            <input class="liveInfoRightInput" id="liveInfoRightInput0" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn0" src="images/nav_link_14.png" alt="">
                        </div>
                        <div class="liveInfoCenter" id="liveInfoCenter0">
                            <span class="liveInfoCenterTime">时间</span>
                            <div class="liveInfoCenterLiveCase liveInfoCenterLiveStart" id="liveInfoCenterLiveStart0"></div>
                            <span class="liveInfoCenterTime">至</span>
                            <div class="liveInfoCenterLiveCase liveInfoCenterLiveEnd" id="liveInfoCenterLiveEnd0"></div>
                        </div>
                    </div>
                    <div class="classManagementRightContent classManagementRightContent0" id="courseContent0">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox0">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg0" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage0">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage0">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage0">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage0">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput0" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage0">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight2">
                    <div class="addUserBtn" id="addClassBtn">
                        <label class="addUserIcon"></label>
                        <span class="addUserText">创建班级</span>
                    </div>
                    <div class="addUserBtn" id="manageClassBtn">
                        <span class="addUserText">管理班级</span>
                    </div>
                    <div class="classManagementRightTitle" id="classManagementRightTitle2">
                        <div class="liveInfoRight" id="liveInfoRight2">
                            <input class="liveInfoRightInput" id="liveInfoRightInput2" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn2" src="images/nav_link_14.png" alt="">
                        </div>
                    </div>
                    <div class="classManagementRightContent" id="courseContent2">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox2">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg2" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage2">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage2">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage2">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage2">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput2" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage2">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight3">
                    <div class="addUserBtn" id="addUserBtn">
                        <label class="addUserIcon"></label>
                        <span class="addUserText">添加用户</span>
                    </div>
                    <div class="classManagementRightTitle" id="classManagementRightTitle3">
                        <ul class="liveInfoLeft userClassList" id="userClassList3">
                            <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">老师</li>
                            <li class="liveInfoLeftLi" data="8">学生</li>
                            <li class="liveInfoLeftLi" data="2">兼课</li>
                        </ul>
                        <div class="liveInfoRight" id="liveInfoRight3">
                            <input class="liveInfoRightInput" id="liveInfoRightInput3" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn3" src="images/nav_link_14.png" alt="">
                        </div>
                    </div>
                    <div class="classManagementRightContent" id="courseContent3">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox3">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg3" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage3">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage3">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage3">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage3">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput3" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage3">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight4">
                    <div class="classManagementRightTitle" id="classManagementRightTitle4">
                        <ul class="liveInfoLeft userClassList" id="aboutClassList4">
                            <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">课程</li>
                            <li class="liveInfoLeftLi" data="1">老师</li>
                        </ul>
                        <div class="liveInfoRight" id="liveInfoRight4">
                            <input class="liveInfoRightInput" id="liveInfoRightInput4" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn4" src="images/nav_link_14.png" alt="">
                        </div>
                    </div>
                    <div class="classManagementRightContent classManagementRightContent0" id="courseContent4">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox4">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg4" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage4">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage4">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage4">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage4">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput4" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage4">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight5">
                    <div class="classManagementRightTitle" id="classManagementRightTitle5">
                        <div class="liveInfoRight" id="liveInfoRight5">
                            <input class="liveInfoRightInput" id="liveInfoRightInput5" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn5" src="images/nav_link_14.png" alt="">
                        </div>
                        <div class="liveInfoCenter" id="liveInfoCenter5">
                            <span class="liveInfoCenterTime">时间</span>
                            <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart5"></div>
                            <span class="liveInfoCenterTime">至</span>
                            <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd5"></div>
                        </div>
                    </div>
                    <div class="classManagementRightContent classManagementRightContent0" id="courseContent5">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox5">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg5" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage5">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage5">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage5">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage5">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput5" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage5">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight6">
                    <div class="classManagementRightTitle" id="classManagementRightTitle6">
                        <div class="liveInfoRight" id="liveInfoRight6">
                            <input class="liveInfoRightInput" id="liveInfoRightInput6" type="text">
                            <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn6" src="images/nav_link_14.png" alt="">
                        </div>
                        <div class="liveInfoCenter" id="liveInfoCenter6">
                            <span class="liveInfoCenterTime">时间</span>
                            <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart6"></div>
                            <span class="liveInfoCenterTime">至</span>
                            <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd6"></div>
                        </div>
                    </div>
                    <div class="classManagementRightContent" id="courseContent6">
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight7">
                    <div class="classManagementRightTitle" id="classManagementRightTitle7">

                    </div>
                    <div class="classManagementRightContent classManagementRightContent0" id="courseContent7">
                    </div>
                    <div class="classHandlerPageBox" id="classHandlerPageBox7" style="display:none">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="classHandlerPageMsg7" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="classHandlerHomePage7">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="classHandlerUpPage7">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="classHandlerDownPage7">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="classHandlerEndPage7">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="classHandlerPageInfoInput7" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="classHandlerSpecificPage7">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="classManagementRight" id="classManagementRight8">
                <div class="classManagementRightTitle" id="classManagementRightTitle">
                    <ul class="liveInfoLeft" id="liveInfoList">
                        <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li>
                        <li class="liveInfoLeftLi">未开始</li>
                        <li class="liveInfoLeftLi">已结束</li>
                    </ul>
                    <div class="liveInfoRight" id="liveInfoRight">
                        <input class="liveInfoRightInput" id="liveInfoRightInput" type="text">
                        <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt="">
                    </div>
                    <div class="liveInfoCenter" id="liveInfoCenter">
                        <span class="liveInfoCenterTime">时间</span>
                        <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div>
                        <span class="liveInfoCenterTime">至</span>
                        <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div>
                    </div>
                </div>
                <div class="classManagementRightContent" id="courseContent">
                </div>
                <div class="classHandlerPageBox" id="classHandlerPageBox">
                    <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                        <tbody>
                        <tr>
                            <td height="60" colspan="11" class="tr_bottom" style="">
                                <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                <ul class="classHandlerPageInfoBox">
                                    <li class="classHandlerPageInfo">
                                        <span class="classHandlerHomePage" id="classHandlerHomePage">首页</span>
                                    </li>
                                    <li class="classHandlerPageInfo">
                                        <span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span>
                                    </li>
                                    <li class="classHandlerPageInfo">
                                        <span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span>
                                    </li>
                                    <li class="classHandlerPageInfo">
                                        <span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span>
                                    </li>
                                    <li class="classHandlerPageInfo">
                                        <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text">
                                    </li>
                                    <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                        <span id="classHandlerSpecificPage">GO</span>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            </div>
        </div>
        <!--创建课堂-->
        <div id="createClassBox" class="userSignBox createClassBox">
            <div id="createClass" class="createClass">
                <div class="createClassHandler">
                    <span class="createClassHandlerTitle">创建课堂</span>
                    <a href="javascript: void(0)" id="createClassA" class="createClassA iconfont">&#xe638;</a>
                </div>
                <div class="createClassContent">
                    <div class="scheduleForm" id="scheduleForm1">
                        <div class="step_content">
                            <div class="scheduleWireBox">
                                <div class="scheduleWire"></div>
                                <div class="scheduleWireTitBox">
                                    <span class="scheduleWireBoxTit">课堂信息</span>
                                    <span class="scheduleWireBoxTit">时间信息</span>
                                    <span class="scheduleWireBoxTit">功能信息</span>
                                    <span class="scheduleWireBoxTit">创建完成</span>
                                </div>
                                <div class="scheduleWireIndBox">
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">1</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">2</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">3</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">4</span>
                                    </p>
                                </div>
                                <div class="scheduleWireBg"></div>
                            </div>
                            <div class="step_page1">
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        课堂主题:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input id="classThemeUserName" name="classThemeUserName" type="text" class="classThemeInfo" placeholder="输入课堂主题" value="">1-32个任意字符
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        主持人密码:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input id="classThemePassWord" name="classThemePassWord" type="text" class="classThemeInfo" placeholder="输入主持人密码" value="">6-12个字符
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        课堂密码:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input id="partcKey" name="partcKey" type="password" class="classThemeInfo input-text-show" placeholder="输入课堂密码">
                                        <span class="form-required"></span>
                            <span class="form-tip"><span id="confPassTip" class="onShow" style="margin: 0px; padding: 0px; background-color: transparent; display: none; background-position: initial initial; background-repeat: initial initial;">
											<div class="onShow">
                                                1-16个任意字符
                                            </div> </span> </span>
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        分配给:
                                    </label>
                                    <div class="step_page1_widget">
                                        <select name="allotSpeaker" id="classTeacherInfo" class="classThemeInfo classThemeInfoSelect">
                                            <option value="">
                                                张媛媛
                                            </option>
                                        </select>
                                    </div>

                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        是否公开课堂:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input class="allowPublic" type="radio" name="allowPublic" id="publicYes" value="1" checked="checked">
                                        <label for="publicYes" class="publicInfo">
                                            是
                                        </label>
                                        <input class="allowPublic" type="radio" name="allowPublic" id="publicNot" value="0">
                                        <label for="publicNot" class="publicInfo">
                                            否
                                        </label>
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        课堂类型:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input class="allowPublic" type="radio" name="meetingType" id="meetingType" value="1" checked="checked">
                                        <label for="meetingType" class="publicInfo">
                                            1v1课堂
                                        </label>
                                        <input class="allowPublic" type="radio" name="meetingType" id="meetingType2" value="2">
                                        <label for="meetingType2" class="publicInfo">
                                            直播课堂
                                        </label>
                                        <input class="allowPublic" type="radio" name="meetingType" id="meetingType3" value="3">
                                        <label for="meetingType3" class="publicInfo">
                                            小班课
                                        </label>
                                    </div>
                                </div>
                                <div class="form_item" id="h5">
                                    <label class="step_page1Title">
                                        是否支持h5:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input class="allowPublic" type="radio" name="h5Module" id="h5ModuleYes" value="1" checked="checked">
                                        <label for="h5ModuleYes" class="publicInfo">
                                            是
                                        </label>
                                        <input class="allowPublic" type="radio" name="h5Module" id="h5ModuleNo" value="0">
                                        <label for="h5ModuleNo" class="publicInfo">
                                            否
                                        </label>
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title">
                                        课堂描述:
                                    </label>
                                    <div class="step_page1_widget">
                                        <textarea id="meeting_content" class="classDescribeArea" placeholder="给课堂添加描述..."></textarea>
                                        <span class="count"><span id="nowCountSpan">0</span>/256</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form_button">
                                <input id="createClassSubmit1" page-index="1" type="button" value="下一步" class="createClassBtn createClassConfirm btnHover">
                                <span class="createClassBtn main_closeBtn">取消</span>
                            </div>
                        </div>
                    </div>
                    <div class="scheduleForm" id="scheduleForm2">
                        <div class="step_content">
                            <div class="scheduleWireBox">
                                <div class="scheduleWire scheduleWire1"></div>
                                <div class="scheduleWireTitBox">
                                    <span class="scheduleWireBoxTit">课堂信息</span>
                                    <span class="scheduleWireBoxTit">时间信息</span>
                                    <span class="scheduleWireBoxTit">功能信息</span>
                                    <span class="scheduleWireBoxTit">创建完成</span>
                                </div>
                                <div class="scheduleWireIndBox">
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">1</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">2</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">3</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">4</span>
                                    </p>
                                </div>
                                <div class="scheduleWireBg"></div>
                            </div>
                            <div class="step_page1">
                                <div class="step_page1TimeBox">
                                    <label class="step_page1Time">开始时间</label>
                                    <div class="createClassTime createClassTime1" id="createClassStartTime"></div>
                                    <select id="meeting_starthour" class="createClassTime">
                                        <option value="00" selected="selected">
                                            0 点
                                        </option>
                                        <option value="01">
                                            1 点
                                        </option>
                                        <option value="02">
                                            2 点
                                        </option>
                                        <option value="03">
                                            3 点
                                        </option>
                                        <option value="04">
                                            4 点
                                        </option>
                                        <option value="05">
                                            5 点
                                        </option>
                                        <option value="06">
                                            6 点
                                        </option>
                                        <option value="07">
                                            7 点
                                        </option>
                                        <option value="08">
                                            8 点
                                        </option>
                                        <option value="09">
                                            9 点
                                        </option>
                                        <option value="10">
                                            10 点
                                        </option>
                                        <option value="11">
                                            11 点
                                        </option>
                                        <option value="12">
                                            12 点
                                        </option>
                                        <option value="13">
                                            13 点
                                        </option>
                                        <option value="14">
                                            14 点
                                        </option>
                                        <option value="15">
                                            15 点
                                        </option>
                                        <option value="16">
                                            16 点
                                        </option>
                                        <option value="17">
                                            17 点
                                        </option>
                                        <option value="18">
                                            18 点
                                        </option>
                                        <option value="19">
                                            19 点
                                        </option>
                                        <option value="20">
                                            20 点
                                        </option>
                                        <option value="21">
                                            21 点
                                        </option>
                                        <option value="22">
                                            22 点
                                        </option>
                                        <option value="23">
                                            23 点
                                        </option>
                                    </select>
                                    <select id="meeting_startminute" class="createClassTime">
                                        <option value="00" selected="selected">
                                            0 分
                                        </option>
                                        <option value="05">
                                            5 分
                                        </option>
                                        <option value="10">
                                            10 分
                                        </option>
                                        <option value="15">
                                            15 分
                                        </option>
                                        <option value="20">
                                            20 分
                                        </option>
                                        <option value="25">
                                            25 分
                                        </option>
                                        <option value="30">
                                            30 分
                                        </option>
                                        <option value="35">
                                            35 分
                                        </option>
                                        <option value="40">
                                            40 分
                                        </option>
                                        <option value="45">
                                            45 分
                                        </option>
                                        <option value="50">
                                            50 分
                                        </option>
                                        <option value="55">
                                            55 分
                                        </option>
                                    </select>
                                </div>
                                <div class="step_page1TimeBox">
                                    <label class="step_page1Time">结束时间</label>
                                    <div class="createClassTime createClassTime1" id="createClassEndTime"></div>
                                    <select id="meeting_endhour" class="createClassTime">
                                        <option value="00"  selected="selected">
                                            0 点
                                        </option>
                                        <option value="01">
                                            1 点
                                        </option>
                                        <option value="02">
                                            2 点
                                        </option>
                                        <option value="03">
                                            3 点
                                        </option>
                                        <option value="04">
                                            4 点
                                        </option>
                                        <option value="05">
                                            5 点
                                        </option>
                                        <option value="06">
                                            6 点
                                        </option>
                                        <option value="07">
                                            7 点
                                        </option>
                                        <option value="08">
                                            8 点
                                        </option>
                                        <option value="09">
                                            9 点
                                        </option>
                                        <option value="10">
                                            10 点
                                        </option>
                                        <option value="11">
                                            11 点
                                        </option>
                                        <option value="12">
                                            12 点
                                        </option>
                                        <option value="13">
                                            13 点
                                        </option>
                                        <option value="14">
                                            14 点
                                        </option>
                                        <option value="15">
                                            15 点
                                        </option>
                                        <option value="16">
                                            16 点
                                        </option>
                                        <option value="17">
                                            17 点
                                        </option>
                                        <option value="18">
                                            18 点
                                        </option>
                                        <option value="19">
                                            19 点
                                        </option>
                                        <option value="20">
                                            20 点
                                        </option>
                                        <option value="21">
                                            21 点
                                        </option>
                                        <option value="22">
                                            22 点
                                        </option>
                                        <option value="23">
                                            23 点
                                        </option>
                                    </select>
                                    <select id="meeting_endminute" class="createClassTime">
                                        <option value="00" selected="selected">
                                            0 分
                                        </option>
                                        <option value="05">
                                            5 分
                                        </option>
                                        <option value="10">
                                            10 分
                                        </option>
                                        <option value="15">
                                            15 分
                                        </option>
                                        <option value="20">
                                            20 分
                                        </option>
                                        <option value="25">
                                            25 分
                                        </option>
                                        <option value="30">
                                            30 分
                                        </option>
                                        <option value="35">
                                            35 分
                                        </option>
                                        <option value="40">
                                            40 分
                                        </option>
                                        <option value="45">
                                            45 分
                                        </option>
                                        <option value="50">
                                            50 分
                                        </option>
                                        <option value="55">
                                            55 分
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="form_button form_button2">
                                <input id="createClassUpOne" page-index="0" type="button" value="上一步" class="createClassBtn createClassConfirm createClassBtnUp btnHover">
                                <input id="createClassSubmit2" page-index="2" type="button" value="下一步" class="createClassBtn createClassConfirm btnHover">
                                <span class="createClassBtn main_closeBtn">取消</span>
                            </div>
                        </div>
                    </div>
                    <div class="scheduleForm" id="scheduleForm3">
                        <div class="step_content">
                            <div class="scheduleWireBox">
                                <div class="scheduleWire scheduleWire2"></div>
                                <div class="scheduleWireTitBox">
                                    <span class="scheduleWireBoxTit">课堂信息</span>
                                    <span class="scheduleWireBoxTit">时间信息</span>
                                    <span class="scheduleWireBoxTit">功能信息</span>
                                    <span class="scheduleWireBoxTit">创建完成</span>
                                </div>
                                <div class="scheduleWireIndBox">
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">1</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">2</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText scheduleWireIndText1">3</span>
                                    </p>
                                    <p class="scheduleWireInd">
                                        <span class="scheduleWireIndText">4</span>
                                    </p>
                                </div>
                                <div class="scheduleWireBg"></div>
                            </div>
                            <div class="step_page1">
                                <div class="form_item">
                                    <label class="step_page1Title step_page1Title1">
                                        课堂功能:
                                    </label>
                                    <div class="step_page1_widget">
                                        <input class="allowPublic" type="radio" name="meetType" id="meetTypeVideo" value="1" checked="checked">
                                        <label for="meetTypeVideo" class="publicInfo">
                                            视频
                                        </label>
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title step_page1Title1">
                                        聊天最小时间间隔:
                                    </label>
                                    <div class="step_page1_widget">
                                        <span class="createClassTime createClassTime2">
                                            <input class="chatInterval borderNone" type="input" name="meetType" id="chatInterval" value="0">
                                        </span>
                                        <span class="createClassTimeRight">(单位:秒)</span>
                                    </div>
                                </div>
                                <div class="form_item">
                                    <label class="step_page1Title step_page1Title1">
                                        提前入会时间:
                                    </label>
                                    <div class="step_page1_widget">
                                        <span class="createClassTime createClassTime2">
                                            <input class="aheadTime borderNone" type="input" name="meetType" id="aheadTime" value="10">

                                        </span>
                                        <span class="createClassTimeRight">分钟</span>
                                    </div>
                                </div>
                                <div class="createClassMoreOptionBox">
                                    <p class="createClassLegend" id="openParamBtn">
                                        <span class="createClassLegendConfig" id="createClassLegendConfig">更多参数</span>
                                        <img id="createClassLegendImg" src="images/icon-.png" alt="">
                                    </p>
                                    <div class="classConfig_details" id="classConfig_details">
                                        <div style="width:100%;float:left;">
                                            <div class="form_item form_item1">
                                                <label class="step_page1Title step_page1Title2">
                                                    最大音频路数:
                                                </label>

                                                    <select id="maxAudio" class="short_select">
                                                        <option value="1">1 路</option>
                                                    </select>

                                            </div>
                                            <div class="form_item form_item1">
                                                <label class="step_page1Title step_page1Title2">
                                                    最大视频路数:
                                                </label>

                                                    <select id="maxVideo" class="short_select">
                                                        <option value="1">1 路</option>
                                                        <option value="2">2 路</option>
                                                        <option value="3">3 路</option>
                                                        <option value="5">5 路</option>
                                                    </select>

                                            </div>
                                        </div>
                                        <div class="form_item" id="videoQualityDiv">
                                            <label class="step_page1Title" title="视频画质设置">
                                                视频画质设置:
                                            </label>
                                            <div class="step_page1_widget" id="videoresolution">
                                                <input class="allowPublic allowPublicDetail" id="lowMode" name="videoQuality" type="radio" value="0">
                                                <label for="lowMode">
                                                    低
                                                </label>
                                                <input class="allowPublic allowPublicDetail" id="middleMode" name="videoQuality" type="radio" value="1" checked="checked">
                                                <label for="middleMode">
                                                    中
                                                </label>
                                                <input class="allowPublic allowPublicDetail" id="highMode" name="videoQuality" type="radio" value="2">
                                                <label for="highMode">
                                                    高
                                                </label>
                                                <input class="allowPublic allowPublicDetail" id="topMode" name="videoQuality" type="radio" value="3">
                                                <label for="topMode">
                                                    较高
                                                </label>
                                                <input class="allowPublic allowPublicDetail" id="mostMode" name="videoQuality" type="radio" value="4">
                                                <label for="mostMode">
                                                    最高
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form_item">
                                            <label class="step_page1Title">
                                                参会人权限:
                                            </label>
                                            <div class="step_page1_widget">
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="changePage" id="turnPage" value="1" checked="checked">
                                                <label for="turnPage" title="换页">
                                                    换页
                                                </label>
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="annotate" id="comment" value="1" checked="checked">
                                                <label for="comment" title="批注">
                                                    批注
                                                </label>
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="chatCompere" id="toCompere" value="1" checked="checked">
                                                <label for="toCompere" title="与主持人聊天">
                                                    与主持人聊天
                                                </label>
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="chatParticipants" id="toParty" value="1" checked="checked">
                                                <label for="toParty" title="与参会人聊天">
                                                    与参会人聊天
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form_item">
                                            <label class="step_page1Title">
                                                课堂功能:
                                            </label>
                                            <div class="step_page1_widget">
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="shareDocs" id="shareDoc" value="1" checked="checked">
                                                <label for="shareDoc" title="文档共享">
                                                    文档共享
                                                </label>
                                    <span id="screen-widget" style="display: none;"> <input class="allowPublic allowPublicDetail" type="checkbox" name="shareScreen" id="shareWin" value="1"> <label for="shareWin" title="屏幕共享">
                                        屏幕共享
                                    </label> </span>
                                    <span id="share-media-widget" style="display: none;"> <input class="allowPublic allowPublicDetail" type="checkbox" name="shareMedia" id="shareMedia" value="1"> <label for="shareMedia" title="媒体共享">
                                        媒体共享
                                    </label> </span>
                                                <input class="allowPublic allowPublicDetail" type="checkbox" name="whiteBoard" id="whiteBoard" value="1" checked="checked">
                                                <label for="whiteBoard" title="白板">
                                                    白板
                                                </label>
                                    <span id="interaction-widget">
									<input class="allowPublic allowPublicDetail" type="checkbox" name="interaction" id="interaction" value="1" checked="checked">
									<label for="interaction" title="是否参与音视频互动">
                                        是否参与音视频互动
                                    </label> </span>
                                    <span id="record-widget"> <input class="allowPublic allowPublicDetail" type="checkbox" name="record" id="record" value="1" checked="checked"> <label for="record" title="录制">
                                        录制
                                    </label>
											</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form_button">
                                <input  id="createClassUpTwo" page-index="1" type="button" value="上一步" class="createClassBtn createClassConfirm btnHover">
                                <input id="createClassSubmit3" page-index="3" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--个人中心-->
        <div id="myCenterBox" class="myCenterBox">
            <div class="myCenterLeftBox">
                <ul class="recordUl" id="teacherUI">
                    <li class="recordLi recordLi2 recordLiCheck" data="0">
                        <label for="courseManagement" class="iconfont">&#xe699;</label>
                        <span class="recordLiText" id="teacherHomeBtn">首页</span>
                    </li>
                    <li class="recordLi recordLi2" data="1">
                        <label for="createClassBtn" class="iconfont">&#xe69a;</label>
                        <span class="recordLiText" id="teacherCoursesBtn">我的课程</span>
                    </li>
                    <li class="recordLi recordLi2" data="2">
                        <label for="classManagement" class="iconfont">&#xe6a4;</label>
                        <span class="recordLiText" id="teacherOrderBtn">我的预约</span>
                    </li>
                    <li class="recordLi recordLi2" data="3">
                        <label for="personManagement" class="iconfont">&#xe6a1;</label>
                        <span class="recordLiText" id="teacherSetBtn">个人设置</span>
                    </li>
                </ul>
            </div>
            <div class="myCenterContentBoxAll">
                <!--个人中心主页-->
                <div class="myCenterContentBox">
                    <div class="myCenterTopLeftBox">
                        <div class="teacherMyCenter1">
                            <img class="teacherMyCenterImg" id="myCenterImg" src="images/u373.png" alt="">
                            <p class="teacherMyCenterInfoBox">
                                <span class="teacherMyCenterInfo"  id="teacherMyCenterTime">上午好,</span>
                                <span id="teacherMyCenterName"></span>
                                <span id="teacherMyCenterStatus"></span>
                            </p>
                        </div>
                        <div class="teacherMyCenter2">
                            <label class="teacherMyCenterTitle">学习时长:</label>
                            <span class="learningTime">20小时08分钟</span>
                        </div>
                        <div class="teacherMyCenter2">
                            <label class="teacherMyCenterTitle">安全等级:</label>
                            <div class="teacherGradeImgBox">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/collect.png" alt="">
                                <img class="teacherGradeImg" src="images/not-collect.png" alt="">
                                <img class="teacherGradeImg" src="images/not-collect.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="myCenterTopRightBox">
                        <label class="myCenterTopRightTit">今日课程</label>
                        <ul id="myCurriculumInfo">
                            <div class="myCenterTopRightContent">暂无课程!</div>
                        </ul>
                    </div>
                    <div class="teacherMyCerter" id="teacherMyCerter">
                        <div class="myCenterContentTitleBox">
                            <ul class="liveInfoLeft" id="teacherInfoList">
                                <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">正在直播</li>
                                <li class="liveInfoLeftLi" data="2">未开始</li>
                                <li class="liveInfoLeftLi" data="4">已结束</li>
                            </ul>
                        </div>
                        <div class="myCenterContentList" id="teacherMyCenterContentList">
                            <div class="myCenterTopRightContent">&nbsp;&nbsp;暂无课程!</div>
                        </div>
                        <div class="classHandlerPageBox" id="teacherMyCerterPageBox">
                            <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                                <tbody>
                                <tr>
                                    <td height="60" colspan="11" class="tr_bottom" style="">
                                        <span class="classHandlerPageMsg" id="teacherMyCerterPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                        <ul class="classHandlerPageInfoBox">
                                            <li class="classHandlerPageInfo">
                                                <span class="classHandlerHomePage" id="teacherMyCerterHomePage">首页</span>
                                            </li>
                                            <li class="classHandlerPageInfo">
                                                <span class="classHandlerUpPage" id="teacherMyCerterUpPage">上一页</span>
                                            </li>
                                            <li class="classHandlerPageInfo">
                                                <span class="classHandlerDownPage" id="teacherMyCerterDownPage">下一页</span>
                                            </li>
                                            <li class="classHandlerPageInfo">
                                                <span class="classHandlerEndPage" id="teacherMyCerterEndPage">尾页</span>
                                            </li>
                                            <li class="classHandlerPageInfo">
                                                <input id="teacherMyCerterPageInfoInput" class="classHandlerPageInfoInput" type="text">
                                            </li>
                                            <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                                <span id="teacherMyCerterSpecificPage">GO</span>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="studentMyCerter" id="studentMyCerter">
                        <div class="myCenterContentTitleBox">
                            <ul class="liveInfoLeft" id="studentInfoList">
                                <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">待学习</li>
                                <li class="liveInfoLeftLi" data="1">已学完</li>
                                <li class="liveInfoLeftLi" data="2">收藏</li>
                            </ul>
                        </div>
                        <div class="myCenterContentList" id="studentMyCenterContentList">

                        </div>
                    </div>
                </div>
                <!--我的课程-->
                <div class="myCenterContentBox">
                    <div class="myCenterContentTitleBox studyContent">
                        <ul class="liveInfoLeft" id="courseInfoList">
                            <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">待学习</li>
                            <li class="liveInfoLeftLi" data="1">已学完</li>
                            <li class="liveInfoLeftLi" data="2">收藏</li>
                        </ul>
                        <ul class="liveInfoLeft" id="teacherLiveList">
                            <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">正在直播</li>
                            <li class="liveInfoLeftLi" data="1">未开始</li>
                            <li class="liveInfoLeftLi" data="4">已结束</li>
                        </ul>
                    </div>
                    <div class="courseMinuteList" id="courseMinuteList">

                    </div>
                    <div class="classHandlerPageBox" id="courseMinutePageBox">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="courseMinutePageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="courseMinuteHomePage">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="courseMinuteUpPage">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="courseMinuteDownPage">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="courseMinuteEndPage">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="courseMinutePageInfoInput" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="courseMinuteSpecificPage">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--我的预约-->
                <div class="myCenterContentBox">
                    <div class="myCenterContentTitleBox studyContent">
                        <div class="liveInfoLeft" id="subscribeList">
                            <div class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">课程</div>
                            <div class="liveInfoLeftLi" data="1">老师</div>
                        </div>
                    </div>
                    <div id="teacherCorrelatedInfo">
                        <div class="teacherCorrelatedInfoBox">
                            <div class="teacherCorrelatedInfoLeft">
                                <img class="teacherCorrelatedInfoImg" id="teacherCorrelatedInfoImg" src="images/u293.png" alt="">
                                <div class="teacherCorrelatedInfo">
                                    <b class="teacherCorrelatedInfoName" id="teacherCorrelatedInfoName">张媛媛</b>
                                    <b class="teacherCorrelatedInfoMajor">北京市|少儿英语</b>
                                    <b class="teacherCorrelatedInfoCourse">课程:50</b>
                                    <span class="teacherCorrelatedInfoMajorMsg">毕业于外国语学院,专业8级</span>
                                    <p class="cancelReservationBtn" id="cancelReservationBtn">取消预约</p>
                                </div>
                            </div>
                            <div class="teacherCorrelatedInfoCenter">
                                <img src="images/u374.png" alt="">
                                <img src="images/u374.png" alt="">
                            </div>
                            <div class="teacherCorrelatedInfoBtn">更多课程</div>
                        </div>
                    </div>
                    <div class="classHandlerPageBox" id="coursePageBox">
                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                            <tr>
                                <td height="60" colspan="11" class="tr_bottom" style="">
                                    <span class="classHandlerPageMsg" id="coursePageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                                    <ul class="classHandlerPageInfoBox">
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerHomePage" id="courseHomePage">首页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerUpPage" id="courseUpPage">上一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerDownPage" id="courseDownPage">下一页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <span class="classHandlerEndPage" id="courseEndPage">尾页</span>
                                        </li>
                                        <li class="classHandlerPageInfo">
                                            <input id="coursePageInfoInput" class="classHandlerPageInfoInput" type="text">
                                        </li>
                                        <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                            <span id="courseSpecificPage">GO</span>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--个人信息-->
                <div class="myCenterContentBox myCenterContentBox1">
                    <label class="oneselfTitle">个人信息</label>
                    <ul class="oneselfInfoUI">
                        <li class="oneselfInfoList oneselfInfoList1">
                            <label class="oneselfInfoHeader">头像</label>
                            <img src="images/u293.png" alt="" class="personagePortraitImg" id="personagePortrait">
                            <form id="personagePhotoForm">
                                <input class="personagePhoto" id="personagePortraitBtn" type="file" name="file"/>
                            </form>
                        </li>
                        <li class="oneselfInfoList">
                            <label class="oneselfInfoHeader">登录名</label>
                            <input class="oneselfInfoInput" id="oneselfInfoLoginName" placeholder="yangyangyag" type="text">
                        </li>
                        <li class="oneselfInfoList">
                            <label class="oneselfInfoHeader">姓名</label>
                            <input class="oneselfInfoInput" id="oneselfInfoUserName" placeholder="洋洋" type="text">
                        </li>
                        <li class="oneselfInfoList">
                            <label class="oneselfInfoHeader">年龄</label>
                            <input class="oneselfInfoInput" id="oneselfInfoAge" placeholder="保密" type="text">
                        </li>
                        <li class="oneselfInfoList" style="display: none">
                            <label class="oneselfInfoHeader">性别</label>
                            <input class="allowPublic allowPublicDetail" id="oneselfInfoMan" name="videoQuality" type="radio" value="0" checked="checked">
                            <label for="oneselfInfoMan">
                                男
                            </label>
                            <input class="allowPublic allowPublicDetail" id="oneselfInfoWoman" name="videoQuality" type="radio" value="1">
                            <label for="oneselfInfoWoman">
                                女
                            </label>
                        </li>
                    </ul>
                    <label class="oneselfTitle">账户信息</label>
                    <ul class="accountInfoUI">
                        <li class="accountInfoList">
                            <label class="accountInfoIcon">&#xe6a8;</label>
                            <div class="accountInfo">
                                <span class="significanceInfo"><label>账号密码</label><label id="setPassWord"></label></span>
                                <span class="significanceInfoHint">用于保护账号信息和登录安全</span>
                            </div>
                            <span class="accountInfoBtn" id="accountPassWordBtn" data="0">修改</span>
                        </li>
                        <li class="accountInfoList">
                            <label class="accountInfoIcon">&#xe6a6;</label>
                            <div class="accountInfo">
                                <span class="significanceInfo"><label class="significanceInfoTit">安全邮箱</label><label id="setMail">hi*****n@3mang.com</label></span>
                                <span class="significanceInfoHint">用于保护账号信息和登录安全</span>
                            </div>
                            <span class="accountInfoBtn" id="accountEmailBtn" data="1">修改</span>
                        </li>
                        <li class="accountInfoList">
                            <label class="accountInfoIcon">&#xe6a7;</label>
                            <div class="accountInfo">
                                <span class="significanceInfo"><label class="significanceInfoTit">安全手机</label><label id="setPhone">139*****168</label></span>
                                <span class="significanceInfoHint">用于保护账号信息和登录安全</span>
                            </div>
                            <span class="accountInfoBtn" id="accountMobilelBtn" data="2">修改</span>
                        </li>
                        <li class="accountInfoList accountInfoList1">
                            <button class="accountInfoBtn accountInfoSaveBtn" id="accountInfoSaveBtn">保存</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--注册-->
        <div class="userSignBox" id="userSignBox" style="display: none">
            <div class="usersign" id="usersign">
                <a href="javascript: void(0)" id="usersignA" class="usersignA iconfont">&#xe638;</a>
                <ul>
                    <li class="usersignTit">注册</li>
                    <li class="usersignLi">
                        <input id="signName" class="userNameInput usersignInput" type="text" placeholder="填写用户名" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                    </li>
                    <li class="usersignNameLi usersignLi">
                        <input id="signPhone" class="userPhoneInput usersignInput" type="text" placeholder="填写手机号" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                        <span class="requiredMsg">*</span>
                    </li>
                    <li class="usersignLi">
                        <input id="signMail" class="userMailInput usersignInput" type="text" placeholder="填写邮箱" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                    </li>
                    <li class="usersignNameLi usersignLi">
                        <input id="signPassWord" class="userPassWordInput usersignInput" type="password" placeholder="设置密码" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                        <span class="requiredMsg">*</span>
                    </li>
                    <li class="userVerifyLi usersignLi">
                        <input id="securityCode" class="userVerifyLiInput usersignInput" type="text" placeholder="验证码" maxlength="5"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                        <button class="userVerifyLiInputBtn btnHover">发送验证码</button>
                    </li>
                    <li class="permitSign usersignLi">
                        <input id="permitSign" class="permitSignIcon" type="checkbox">
                        <label for="permitSign"></label>
                        <span class="permitSignMsg">我已阅读并接受用户协议</span>
                        <p class="errorTit" id="errorTitLogin"></p>
                    </li>
                    <li class="btnUsersignLi usersignLi">
                        <button id="signBtn" class="btnUsersign btnHover">注册</button>
                    </li>
                    <p class="loginBtnBox">
                        <span>已有账号,去</span>
                        <a id="skipLoginBtn" class="loginBtn" href="javascript: void(0)">登录</a>
                    </p>
                </ul>
            </div>
        </div>
        <!--登录-->
        <div class="userSignBox" id="userLoginBox"  style="display: none" >
            <div class="usersign userLogin" id="userLogin">
                <a href="javascript: void(0)" id="userLoginA" class="usersignA iconfont">&#xe638;</a>
                <ul>
                    <li class="usersignTit">登录</li>
                    <li class="usersignNameLi usersignLi">
                        <input id="loginName" class="usersignInput classThemeInfo" type="text" placeholder="手机/用户名/邮箱"  value="" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                    </li>
                    <li class="userPassWordLi usersignLi">
                        <input id="loginPassWord" class="usersignInput classThemeInfo" type="password" placeholder="密码"  value="" maxlength="20"
                               onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
                    </li>
                    <p class="forgetPasswordBtn" id="forgetPasswordBtn">
                        忘记密码
                    </p>
                    <li class="btnUsersignLi usersignLi">
                        <button class="btnUsersign btnHover" id="userLoginBtn">提交</button>
                        <p class="errorTit" id="errorTitSign"></p>
                    </li>

                    <p class="forgetPasswordBtn nowSignBtn" id="nowUserSign">
                        新用户注册
                    </p>
                    <li class="openidOauthBox">
                        <p class="openidOauth openidOauth2" id="openWeixin">
                            <span class="weChatLogin iconfont">&#xe61e;</span>
                            <span class="openidOauthTit">微信</span>
                        </p>
                        <p class="openidOauth openidOauth1" id="openQQ">
                            <span class="weChatLogin iconfont">&#xe605;</span>
                            <span class="openidOauthTit">QQ</span>
                        </p>
                        <p class="openidOauth" id="openWeibo">
                            <span class="iconfont weChatLogin">&#xe6eb;</span>
                            <span class="openidOauthTit">微博</span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!--删除弹框-->
        <div class="userSignBox" id="removeHandlerBox" style="display: none;">
            <div class="usersign removeHandler" id="removeHandler">
                <a href="javascript: void(0)" id="removeHandlerA" class="usersignA iconfont">&#xe638;</a>
                <div class="removeHandlerContent" id="removeHandlerContent">
                    确定删除吗?
                </div>
                <div class="removeHandlerBtn">
                    <button class="removeConfirm btnHover" id="removeConfirm">确定</button>
                    <button class="removeCancel" id="removeCancel">取消</button>
                </div>
            </div>
        </div>
        <!--warn提示信息-->
        <div class="warnHintBox" id="warnHintBox">
            <a href="javascript: void(0)" class="warnHintA iconfont" id="warnHintA">&#xe638;</a>
            <p class="warnHintContent" id="warnHintContent"></p>
        </div>
        <!--修改信息输入框-->
        <div class="userSignBox" id="updateInputShade">
            <div class="updateInputBox">
                <a href="javascript: void(0)" class="warnHintA iconfont" id="updateInputBoxA">&#xe638;</a>
                <div class="updateInputContent">
                    <span class="updateInputText" id="updateInputText">请输入新密码 :</span>
                    <input type="text" class="updateInput" id="updateInput">
                    <div class="removeHandlerBtn">
                        <button class="removeConfirm btnHover" id="updateInputYes">确定</button>
                        <button class="removeCancel" id="updateInputNo">取消</button>
                    </div>
                </div>
            </div>
        </div>
        <!--创建用户1级-->
        <div class="userSignBox" id="createUserAccountBox">
            <div class="usersign createUserHandler" id="createUserAccount">
                <a href="javascript: void(0)" class="warnHintA iconfont" id="createUserBoxA">&#xe638;</a>
                <div class="removeHandlerContent createUserTit">
                    请选择添加用户的角色:
                </div>
                <div class="">
                    <select class="createUserRole" name="createUserRole" id="createUserRole">
                        <option value="0">老师</option>
                        <option value="1">监课</option>
                    </select>
                </div>
                <div class="removeHandlerBtn">
                    <button class="removeConfirm btnHover" id="createUserYes">确定</button>
                    <button class="removeCancel" id="createUserNo">取消</button>
                </div>
            </div>
        </div>
        <!--创建用户2级-->
        <div id="createUserBox" class="userSignBox createClassBox">
            <div id="createUser" class="createClass userClass">
                <div class="createClassHandler">
                    <span class="createClassHandlerTitle" id="createUserTitle">添加老师</span>
                    <a href="javascript: void(0)" id="createUserA" class="createClassA iconfont">&#xe638;</a>
                </div>
                <div class="step_page1">
                    <div class="form_item">
                        <label class="step_page1Title">
                            用户名:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserName" name="createUserName" type="text" class="classThemeInfo" value="">
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            初始密码:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserPassWord" name="createUserPassWord" type="text" class="classThemeInfo"value="">
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            真实姓名:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserRealName" name="createUserRealName" type="text" class="classThemeInfo">
                        </div>
                    </div>
                    <div class="form_item form_item2">
                        <label class="step_page1Title">
                            角色:
                        </label>
                        <div class="step_page1_widget">
                            <input class="allowPublic" type="radio" name="createUserTeacher" id="createUserTeacher" value="3" checked="checked">
                            <label for="createUserTeacher" class="publicInfo">
                                老师
                            </label>
                            <input class="allowPublic" type="radio" name="createUserTeacher" id="createUserTeaching" value="2">
                            <label for="createUserTeaching" class="publicInfo">
                                兼课
                            </label>
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            手机号码:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserPhone" name="createUserIdentity" type="text" class="classThemeInfo" value="">
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            身份证号:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserIdentity" name="createUserIdentity" type="text" class="classThemeInfo" value="">
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            邮箱地址:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createUserMail" name="classThemeUserName" type="text" class="classThemeInfo" value="">
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            备注信息:
                        </label>
                        <div class="step_page1_widget">
                            <textarea id="createUserNote" class="classDescribeArea"></textarea>
                        </div>
                    </div>
                    <div class="form_item">
                        <label class="step_page1Title">
                            有效期至:
                        </label>
                        <div id="createUserAbortTime" class="createUserAbortTime"></div>
                    </div>
                </div>
                <div class="form_button">
                    <input id="createUserConfirm" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
                    <span id="createUserCancel" class="createClassBtn main_closeBtn">取消</span>
                </div>
            </div>
        </div>
        <!--创建班级-->
        <div id="createGradeBox" class="userSignBox">
            <div id="createGrade" class="createClass createGrade">
                <div class="createClassHandler">
                    <span class="createClassHandlerTitle" id="createGradeTitle">新建班级</span>
                    <a href="javascript: void(0)" id="createGradeA" class="createClassA iconfont">&#xe638;</a>
                </div>
                <div class="step_page1">
                    <div class="form_item form_item3">
                        <label class="step_page1Title">
                            班级名称:
                        </label>
                        <div class="step_page1_widget">
                            <input id="createGradeName" name="createGradeName" type="text" class="classThemeInfo" value="">
                        </div>
                    </div>
                    <div class="form_item form_item3">
                        <label class="step_page1Title">
                            班主任:
                        </label>
                        <div class="step_page1_widget">
                            <select name="allotSpeaker" id="classTeacherName" class="classThemeInfo classThemeInfoSelect">
                                <option value="">
                                    张媛媛
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form_item form_item3">
                        <label class="step_page1Title">
                            &nbsp;
                        </label>
                        <div class="addUserBtn" id="teacherAddUserBtn">
                            <span class="addUserText">添加用户</span>
                        </div>
                    </div>
                    <div class="form_item form_item3">
                        <label class="step_page1Title">
                            &nbsp;
                        </label>
                        <div class="classStudentsListBox">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0" class="t_box">
                                <tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                                    <td width="2%" class="tr_center tr_centerR">
                                        张泽
                                    </td>
                                    <td width="2%" class="tr_center">
                                        英语
                                    </td>
                                    <td width="8%" class="tr_center"></td>
                                </tr>
                                <tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                                    <td width="2%" class="tr_center tr_centerR">
                                        张泽
                                    </td>
                                    <td width="2%" class="tr_center">
                                        英语
                                    </td>
                                    <td width="8%" class="tr_center"></td>
                                </tr>
                                <tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                                    <td width="2%" class="tr_center tr_centerR">
                                        张泽
                                    </td>
                                    <td width="2%" class="tr_center">
                                        英语
                                    </td>
                                    <td width="8%" class="tr_center"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="form_button form_button1">
                    <input id="createGradeSubmit" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
                </div>
            </div>
        </div>
        <!--管理班级-->
        <div id="manageClassBox" class="userSignBox">
            <div id="manageClass" class="createClass userClass">
                <div class="createClassHandler">
                    <span class="createClassHandlerTitle" id="manageClassTitle">班级管理</span>
                    <a href="javascript: void(0)" id="manageClassA" class="createClassA iconfont">&#xe638;</a>
                </div>
                <div class="step_page2">
                    <table cellpadding="0" cellspacing="0" border="0" class="t_box">
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <th width="70" class="tr_center tr_centerR">
                                班级
                            </th>
                            <th width="70" class="tr_center tr_centerR">
                                班主任
                            </th>
                            <th width="350" class="tr_center tr_centerR">
                                成员
                            </th>
                            <td width="110" class="tr_center">
                                操作
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                        <tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                            <td width="3%" class="tr_center tr_centerR">
                                一班
                            </td>
                            <td width="3%" class="tr_center tr_centerR">
                                刘晓萌
                            </td>
                            <td width="15%" class="tr_center tr_centerR tr_memberList">
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                                <span class="tr_memberListSpan">紫色</span>
                            </td>
                            <td width="4%" class="tr_center tr_BtnTd">
                                <a class="tr_BtnTdA" href="">更改成员</a>
                                <a class="tr_BtnTdA" href="">删除</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="form_button form_button1">
                    <input id="manageClassSubmit" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
                </div>
            </div>
        </div>
        <!--兼课界面-->
        <div class="partTimeTeachingBox" id="partTimeTeachingBox">
            <div class="classManagementRightTitle" id="partTimeTeachingTitle">
                <ul class="liveInfoLeft" id="partTimeTeachingList">
                    <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">全部课堂</li>
                    <li class="liveInfoLeftLi" data="0">问题课堂</li>
                    <li class="liveInfoLeftLi" data="2">正常课堂</li>
                </ul>
                <div class="liveInfoRight" id="partTimeTeachingSeek">
                    <input class="liveInfoRightInput" id="partTimeTeachingInput" type="text">
                    <img class="liveInfoRightInputBtn" id="partTimeTeachingInputBtn" src="images/nav_link_14.png" alt="">
                </div>
                <div class="liveInfoCenter" id="partTimeTeachingTime">
                    <span class="liveInfoCenterTime">时间</span>
                    <div class="liveInfoCenterLiveCase liveInfoCenterLiveStart" id="partTimeTeachingContentStart"></div>
                    <span class="liveInfoCenterTime">至</span>
                    <div class="liveInfoCenterLiveCase liveInfoCenterLiveEnd" id="partTimeTeachingContentEnd"></div>
                </div>
            </div>
            <div class="classManagementRightContent" id="partTimeTeachingContent">
                <table cellpadding="0" cellspacing="0" border="0" class="t_box">
                    <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
                        <th width="7%" class="tr_center">
                            课堂主题
                        </th>
                        <th width="7%" class="tr_center">
                            课堂号
                        </th>
                        <th width="7%" class="tr_center">
                            老师
                        </th>
                        <th width="7%" class="tr_center">
                            在线人数
                        </th>
                        <th width="13%" class="tr_center">
                            课堂时间
                        </th>
                        <th width="11%" class="tr_center">
                            课堂状态
                        </th>
                        <th width="9%" class="tr_center">
                            操作
                        </th>
                    </tr>
                    <tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">
                        <td width="7%" class="tr_main tr_mainLeft">少儿主页</td>
                        <td width="7%" class="tr_main">18910187266</td>
                        <td width="7%" class="tr_main">谁看下</td>
                        <td width="7%" class="tr_main">21</td>
                        <td width="13%" class="tr_main">2017-09-09 09:23:21 - 2017-09-09 21:12:21</td>
                        <td width="11%" class="tr_main">
                            <span class="statusList">老师 : <img class="teacherStatusYes" src="images/normal.png" alt=""><img class="teacherStatusNo" src="images/trouble.png" alt=""></span>
                            <span class="statusList" >学生 : <img class="studentStatusYes" src="images/normal.png" alt=""><img class="studentStatusNo" src="images/absent.png" alt=""></span>
                        </td>
                        <td  width="9%" class="tr_main tr_mainRight" align="center">
                            <a id="{_removeInd}" class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">加入课堂</a>
                            <a id="{_joinInd}" class="classHandlePort resolveBtn" href="###" data="{_aboutMsg}">已解决</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="classHandlerPageBox" id="partTimeTeachingPageBox">
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                    <tbody>
                    <tr>
                        <td height="60" colspan="11" class="tr_bottom" style="">
                            <span class="classHandlerPageMsg" id="partTimeTeachingPageBoxMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span>
                            <ul class="classHandlerPageInfoBox">
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerHomePage" id="partTimeTeachingHomePage">首页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerUpPage" id="partTimeTeachingUpPage">上一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerDownPage" id="partTimeTeachingDownPage">下一页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <span class="classHandlerEndPage" id="partTimeTeachingEndPage">尾页</span>
                                </li>
                                <li class="classHandlerPageInfo">
                                    <input id="partTimeTeachingPageInfoInput" class="classHandlerPageInfoInput" type="text">
                                </li>
                                <li class="classHandlerPageInfo classHandlerPageInfoCheck">
                                    <span id="partTimeTeachingSpecificPage">GO</span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!--上传图片-->
        <div class="userSignBox" id="updataPhotoBox">
            <div class="usersign updataPhoto" id="updataPhoto">
                <a href="javascript: void(0)" id="updataPhotoA" class="usersignA iconfont">&#xe638;</a>
                <div class="updataPhotoContent" id="updataPhotoContent">
                    <form id="updataPhotoForm" >
                       <!-- <span class="addUserBtn updataPhotoBtn">上传封面-->
                            <input class="updataPhotoInput" id="updataPhotoInput" type="file" name="file"/>
                        <!--</span>-->
                        <div class="updataPhotoImg" id="updataPhotoImg"></div>
                        <span class="addUserBtn updataPhotoBtn" id="updataPhotoBtn">上传</span>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="footerBg">
        <div class="footer">
            <div class="footerLeft">
                <ul class="footerLeftList">
                    <li class="footerLeftListMsg">企业合作</li>
                    <li class="footerLeftListMsg">人才招聘</li>
                    <li class="footerLeftListMsg">联系我们</li>
                    <li class="footerLeftListMsg">讲师招募</li>
                    <li class="footerLeftListMsg">常见问题</li>
                    <li class="footerLeftListMsg">意见反馈</li>
                    <li class="footerLeftListMsg">友情链接</li>
                </ul>
                <p class="copyrightMsg">© 2010 - 2015 三芒世纪(北京)科技有限公司 版权所有 京ICP备12014300号-1</p>
            </div>
            <div class="footerRight">

            </div>
        </div>
    </div>
</div>

</body>
</html>