.txtIndent {
    text-indent: 2em;
}

header {
    width: 100%;
    height: 60px;
    background-color: #333333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.centerContent {
    width: 1280px;
    margin: 0 auto;
}

.logo {
    margin-top: 4px;
}


.logo img {
    margin-top: 4px;
    margin-left: 10px;
}

.modelSel {
    float: right;
}

.modelSel ul li {
    list-style: none;
    float: left;
    margin-right: 100px;
    margin-top: 7px;
}

.fullModel {
    width: 64px;
    height: 48px;
    display: block;
    background: url(../images/fullModel.png) no-repeat;
}

.teacherModel {
    width: 64px;
    height: 48px;
    display: block;
    background: url(../images/teacherModel.png) no-repeat;
}

.stuModel {
    width: 64px;
    height: 48px;
    display: block;
    background: url(../images/stuModel.png) no-repeat;
}

.modelSel ul li a.fullModel:hover,
.modelSel ul li.modelCurr a.fullModel {
    background: url(../images/fullModelCurr.png) no-repeat;
}

.modelSel ul li a.teacherModel:hover,
.modelSel ul li.modelCurr a.teacherModel {
    background: url(../images/teacherModelCurr.png) no-repeat;
}

.modelSel ul li a.stuModel:hover,
.modelSel ul li.modelCurr a.stuModel {
    background: url(../images/stuModelCurr.png) no-repeat;
}




.main {
    width: 1280px;
    margin: 0px auto;
}


/*顶部5大模块导航样式*/

.topNav {
    margin-top: 70px;
    margin-bottom: 26px;
    display: flex;
}

.navList {
    display: inline-block;
    width: 224px;
    height: 110px;
    margin-right: 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(22, 22, 22, 0.18);
}

.navList:last-child {
    margin-right: 0;
}

.navList:hover,
.navList.current {
    border-bottom: 2px solid red;
}

.navList img {
    margin-left: 47px;
    margin-top: 10px;
}

#sel1 {
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}


/*左侧项目任务导航栏样式*/

.leftNav {
    position: relative;
    float: left;
    width: 306px;
}

.leftNav .projOpen {
    position: relative;
    margin-bottom: 5px;
    height: 750px;
    background-color: #666666;
    padding: 8px;
}

.leftNav .projOpen h3 {
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #ffffff;
}

.leftNav .projOpen .projectTitle {
    font-size: 16px;
}

.leftNav .projOpen .projectTitle a {
    display: block;
    height: 40px;
    color: #333333;
    margin: 5px auto;
}

.titleNum {
    position: relative;
    display: block;
    float: left;
    width: 36px;
    height: 40px;
    color: #999999;
    line-height: 52px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/titleNum_taskIcon.png) 0px 2px no-repeat;
}

.titleNum2 {
    position: relative;
    display: block;
    float: left;
    width: 36px;
    height: 40px;
    color: #999999;
    line-height: 52px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/titleNum_expandIcon.png) 0px 2px no-repeat;
}

.numPos {
    position: absolute;
    top: 0px;
    left: 12px;
}

.projTitleTxt {
    position: relative;
    display: block;
    float: left;
    width: 230px;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px;
    background: #D2D2D2;
}


/*
   左侧项目展开样式
*/

.leftNav .projOpen .projectTitle a:hover .projTitleTxt {
    border-left: 4px solid #EE2E2E;
    width: 226px;
}

.leftNav .projOpen .projectTitle a.titleCurr .projTitleTxt {
    background: linear-gradient(0deg, rgba(238, 46, 46, 1) 0%, rgba(255, 137, 136, 1) 100%);
    border-left: 0;
    width: 230px;
    color: #ffffff;
}

.leftNav .projOpen .projectTitle a.titleCurr .titleNum {
    background: url(../images/titleNum_taskIcon_curr.png) 0px 2px no-repeat;
    color: #ffffff;
}

.leftNav .projOpen .projectTitle a.titleCurr .titleNum2 {
    background: url(../images/titleNum_expandIcon_curr.png) 0px 2px no-repeat;
    color: #ffffff;
}


/*
左侧项目关闭样式
*/

.projClose {
    position: relative;
    height: 102px;
    margin-bottom: 5px;
    background-color: #666666;
}

.projClose .projectList {
    margin-left: 9px;
    margin-top: 10px;
    font-size: 20px;
}

.projClose .projectList p {
    color: #ffffff;
    line-height: 30px;
}

.projClose .projectListBox {
    width: 260px;
    float: left;
}

.projClose .projectTitle {
    position: relative;
    width: 45px;
    height: 102px;
    float: left;
    border-right: 1px solid #333333;
}

.projClose .projectTitle img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -23px;
}

.projClose .openAndClose {
    width: 260px;
    left: 46px;
    background-color: #EE2E2E;
    z-index: 999;
}

.projClose .openAndClose img {
    margin-left: 120px;
}

.projClose #closeLis .titleNum {
    width: 26px;
    height: 35px;
    line-height: 42px;
    margin-right: 5px;
    background: url(../images/closeTitleNum.png) 0px 6px no-repeat;
}

.projClose #closeLis .titleNum2 {
    width: 26px;
    height: 35px;
    line-height: 42px;
    margin-right: 5px;
    background: url(../images/closeTitleNum2.png) 0px 6px no-repeat;
}

.projClose #closeLis .titleNum .numPos {
    top: 4px;
    left: 8px;
    color: #ffffff;
}

.projClose #closeLis .titleNum2 .numPos {
    top: 4px;
    left: 8px;
    color: #ffffff;
}

.projClose #closeLis .projTitleTxt {
    width: 200px;
    padding-left: 5px;
    background: none;
}

.openAndClose {
    width: 306px;
    height: 18px;
    background-color: #333333;
    position: absolute;
    bottom: 0;
    left: 0;
}

.openAndClose img {
    margin-left: 149px;
    margin-top: 4px;
}


/*学习进度展开层*/

.progressOpen {
    position: relative;
    height: 650px;
    margin-bottom: 5px;
    background-color: #E5E5E5;
}

/* 修改日期：2020-9-15
修改人：陈良爱
修改内容：新增滚动条样式
*/

.progressOpen .projectListBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #e5e5e5;
    border-radius: 6px;
    background-color: #e5e5e5;
}

.progressOpen .projectListBox::-webkit-scrollbar {
    width: 6px;
    background-color: #e5e5e5;
}

.progressOpen .projectListBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px #e5e5e5;
    background-color: #A7A7A7;
}

/*修改结束*/

/* 修改前内容200915
.progressOpen .projectListBox {
    float: left;
    width: 290px;
    height: 497px;
    padding: 8px;
}
*/


.progressOpen .projectTitle {
    position: relative;
    width: 45px;
    height: 650px;
    float: left;
    border-right: 1px solid #CCCCCC;
}

.progressOpen .projectTitle img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -23px;
}

.progressOpen .progressList {
    display: none;
    margin-left: 5px;
}

.progressOpen .progressList h3 {
    color: #333333;
    font-size: 20px;
    line-height: 36px;
    padding-left: 5px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

.progressOpen .progressList ul li {
    width: 275px;
    height: 40px;
    line-height: 40px;
    background: #D6D6D6;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

.progressOpen .progressList ul li.progressCurr {
    background: linear-gradient(0deg, rgba(238, 46, 46, 1) 0%, rgba(255, 137, 136, 1) 100%);
}

.progressOpen .progressList ul li a {
    padding-left: 10px;
    display: block;
    color: #333333;
    font-size: 14px;
}

.progressOpen .progressList ul li.progressCurr a {
    color: #ffffff;
}

.progressOpen .progressList ul li a:hover {
    border-left: 4px solid #EE2E2E;
}

.progressOpen .progressList ul li.progressCurr a:hover {
    border-left: 0;
}

.progressOpen .progressList .openAndClose {
    width: 260px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.progressOpen .progressList .openAndClose img {
    margin-left: 120px;
}


/*学习进度关闭层*/

.progressClose {
    position: relative;
    height: 102px;
    margin-bottom: 5px;
    background-color: #E5E5E5;
}

.progressClose .projectTitle {
    position: relative;
    width: 45px;
    height: 102px;
    float: left;
    border-right: 1px solid #CCCCCC;
}

.progressClose .projectTitle img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -23px;
}

.progressClose .projectListBox {
    width: 260px;
    float: left;
}

.progressClose .projectList {
    margin-left: 9px;
    margin-top: 10px;
    font-size: 20px;
}

.progressClose .projectList p {
    color: #333333;
    line-height: 30px;
}

.progressClose .projectList h3 {
    font-size: 20px;
    line-height: 36px;
}

.progressClose #progCloseLis .projTitleTxt {
    background: none;
}

.progressClose #progCloseLis a {
    color: #333333;
}

.progressClose .openAndClose {
    width: 260px;
    left: 46px;
    position: absolute;
    bottom: 0;
    background-color: #EE2E2E;
    z-index: 999;
}

.progressClose .openAndClose img {
    margin-left: 120px;
}


/*同步教案样式*/

.SyncTeachingPlan {
    width: 306px;
    display: none;
}

.SyncTeachingPlan .SyncTeachingPlanTitle {
    color: #ffffff;
    text-align: center;
    /* height: 34px; */
    line-height: 34px;
    font-size: 24px;
    background: rgba(102, 102, 102, 1);
    box-shadow: 0px 2px 4px 0px rgba(22, 22, 22, 0.68);
    margin-bottom: 7px;
}

.SyncTeachingPlan h2 {
    font-size: 20px;
}

.SyncTeachingPlan_content {
    height: 480px;
    font-size: 20px;
    padding: 16px;
    line-height: 36px;
    background-color: #E5E5E5;
}

.SyncTeachingPlan_content h3 {
    font-size: 20px;
}

.SyncTeachingPlan_content iframe.teachingPlan_iframe {
    height: 480px;
    border: 0;
}


/*右侧主要内容样式*/

.rightContent {
    float: left;
    margin-left: 20px;
    /* width: 884px; */
    display: none;
}

.contentNav {
    margin-bottom: 14px;
    /* margin-left: 10px; */
}

.contentNav ul li {
    list-style: none;
    float: left;
}

.contentNav a {
    display: inline-block;
    width: 116px;
    height: 36px;
    margin-right: 10px;
}

.studyRequire {
    background: url(../images/studyRequireIcon.png) no-repeat;
}

.studyRequire:hover,
.contentNav ul li.cur a.studyRequire {
    background: url(../images/studyRequireIconCurr.png) no-repeat;
}

.studyProcess {
    background: url(../images/studyProcessIcon.png) no-repeat;
}

.studyProcess:hover,
.contentNav ul li.cur a.studyProcess {
    background: url(../images/studyProcessIconCurr.png) no-repeat;
}

.teachVideo {
    background: url(../images/teachVideoIcon.png) no-repeat;
}

.teachVideo:hover,
.contentNav ul li.cur a.teachVideo {
    background: url(../images/teachVideoIconCurr.png) no-repeat;
}

.synchroTest {
    background: url(../images/synchroTestIcon.png) no-repeat;
}

.synchroTest:hover,
.contentNav ul li.cur a.synchroTest {
    background: url(../images/synchroTestIconCurr.png) no-repeat;
}

.FAQ {
    background: url(../images/FAQIcon.png) no-repeat;
}

.FAQ:hover,
.contentNav ul li.cur a.FAQ {
    background: url(../images/FAQIconCurr.png) no-repeat;
}

.contentBox {
    width: 872px;
    height: 700px;
    display: none;
    /* overflow: hidden; */
    background: url(../images/contentBoxBg.png) top left no-repeat;
    box-shadow: 0px 0px 10px 0px rgba(22, 22, 22, 0.18);
}

.contentBox iframe.secondLeftIframe {
    width: 870px;
    height: 700px;
    display: block;
}