@import url(./videopop.css);


html{ height: 100%; }
body{ background: #f5f5f5; box-sizing: border-box; }
.webjob-clear:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden; }
.webjob-clear{*zoom:1;}
.ico-contract-jg{cursor:pointer;display: inline-block;width:15px;height: 15px;background: url(../../images/webjob/contract-ico-jg.png) no-repeat center top; background-size: cover; vertical-align: -3px;}
#webjob-edge{ position: relative; padding-top: 40px; width: 100%; height: 100%; background: #f5f5f5; font-family: "微软雅黑"; box-sizing: border-box;  }
#webjob-edge img{ width: 100%; height: 100%}
#webjob-edge textarea{ vertical-align: top; outline: 0; border: 1px solid #e4e4e4; border-radius: 3px; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
#webjob-edge textarea:hover{ border-color: #a5a5a5; box-shadow: 0 0 5px #d8d8d8; }
#webjob-edge textarea:focus{ border-color: #7db8ed; box-shadow: 0 0 5px #7db8ed; }
#webjob-edge .webjob-btn{ text-align: center; text-decoration: none; white-space: nowrap; border-radius: 3px; cursor: pointer; color: #fff; border: 1px solid #3498db; background: #3498db; }
#webjob-edge .webjob-homepage-top{ overflow: visible !important; }
#webjob-edge .webjob-wrap{ margin: 0 auto; width: 1180px; overflow: visible !important; }
#webjob-edge .webjob-homepage{ padding: 20px; height: 280px; font-size: 14px; border: 1px solid #e2eaf1; border-radius: 2px; background: #fff; margin-bottom: 5px;}
#webjob-edge .webjob-homepage-con{ width: 940px; height: 100%; border-right: 1px solid #eff3f5; }
#webjob-edge .webjob-homepage-right{ padding-top: 5px; width: 610px; }
#webjob-edge .webjob-homepage h2{ color: #333;  font-size: 22px; font-weight: bold; }
#webjob-edge .webjob-homepage-img{ display: block; margin-right: 20px; width: 290px; height: 200px; }
#webjob-edge .webjob-homepage-graduation{ color: #999; }
#webjob-edge .webjob-homepage-task{ padding-left: 20px; margin-top: 5px; width: 380px; color: #666; background: url(../../images/webjob/jobicon.png) no-repeat left 3px; }
#webjob-edge .webjob-homepage-progress{ position: relative; margin-top: 80px; width: 100%; height: 37px; }
#webjob-edge .webjob-homepage-progress .progress-bar{ width: 100%; height: 9px; border-radius: 5px; background: #d1d1d1; }
#webjob-edge .webjob-homepage-progress .progress-mark{ position: absolute; left: 0; top: 12px; width: 100%; }
#webjob-edge .webjob-homepage-progress .progress-mark li{ position: absolute; left: 0; top: 0; padding-top: 10px; margin-left: -10px; width: 20px; text-align: center; color: #999; font-size: 12px; }
#webjob-edge .webjob-homepage-progress .progress-mark li:nth-child(2){ left: 25%; }
#webjob-edge .webjob-homepage-progress .progress-mark li:nth-child(3){ left: 50%; }
#webjob-edge .webjob-homepage-progress .progress-mark li:nth-child(4){ left: 75%; }
#webjob-edge .webjob-homepage-progress .progress-mark li:nth-child(5){ left: 100%; }
#webjob-edge .webjob-homepage-progress .progress-mark li:before{ position: absolute; top: 0; left: 49.5%; width: 1px; height: 5px; background: #d1d1d1; content: " "; }

#webjob-edge .webjob-homepage-progress .progress-bar{ width: 100%; height: 9px; border-radius: 5px; background: #d1d1d1; }
#webjob-edge .webjob-homepage-progress .progress-bar .progress-now{ position: absolute; width: 48%; height: 9px; border-radius: 5px; background: #3a9adc; }
#webjob-edge .webjob-homepage-progress .progress-bar .progress-now .inner{ position: absolute; right: 0; top: -30px; margin-right: -50px; width: 100px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #fff; border-radius: 3px; background: #3a9adc; }
#webjob-edge .webjob-homepage-progress .progress-bar .progress-now .arrow{ position: absolute; right: 0; margin-top: -4px; margin-right: -3px; width: 0; height: 0; border-top: 5px solid #3a9adc; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; }

#webjob-edge .webjob-homepage-bottom{ padding: 0 30px 0 60px; margin-top: 20px; line-height: 40px; }
#webjob-edge .webjob-homepage-bottom .webjob-btn{ display: block; width: 150px; height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 3px; background: #3498db; }
#webjob-edge .webjob-homepage-bottom span{  margin-left: 15px; font-size: 14px; color: #999; }
#webjob-edge .webjob-homepage-bottom p{ color: #666; }

#webjob-edge .webjob-homepage-times{ padding-left: 20px; padding-top: 5px; width: 177px; }
#webjob-edge .webjob-homepage-times h2{ font-size: 16px; font-weight: bold; }

/* course */

#webjob-edge .webjob-crumb{ position: absolute; top: 20px; color: #999; font-size: 12px; }
#webjob-edge .webjob-crumb li{ float: left; }
#webjob-edge .webjob-crumb li em{ margin: 0 5px; }
#webjob-edge .webjob-crumb li a{ color: #999; }
#webjob-edge .cursor-lesson{ overflow: visible !important; }
#webjob-edge .cursor-lesson-top{ overflow: visible !important; }
#webjob-edge .webjob-personal{ width: 220px; background: #fff; }
#webjob-edge .webjob-personal .infor{ padding: 8px 10px 10px 10px; border-bottom: 1px solid #efeeee; }
#webjob-edge .webjob-personal .infor-img{ margin-right: 10px; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; }
#webjob-edge .webjob-personal h3{ margin-top: 20px; width: 120px; line-height: 25px; color: #333; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#webjob-edge .webjob-personal .jobs{ width: 120px; color: #999; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#webjob-edge .webjob-personal .synopsis{ margin-top: 20px; line-height: 20px; text-indent: 2em; font-size: 12px; font-weight: bold; color: #787d82; }

#webjob-edge .webjob-personal .personal-list{  }
#webjob-edge .webjob-personal .personal-list .personal-list-item{ padding-left: 20px; height: 40px; line-height: 40px; font-size: 14px; color: #666; border-bottom: 1px solid #efeeee; }
#webjob-edge .webjob-personal .personal-list .personal-list-item.active{ padding-left: 18px; border-left: 2px solid #1895d2; font-weight: bold; color: #333; background: #e1eaf4; }
#webjob-edge .webjob-content{ padding: 30px 75px; margin: 0 auto; width: 920px; background: #fff; }
#webjob-edge .webjob-content .cursor-lesson{ padding-bottom: 10px; border-bottom: 1px solid #f5f5f5; }
#webjob-edge .webjob-content .cursor-lesson-img{ margin-right: 20px; width: 280px; height: 180px; }
#webjob-edge .webjob-content .cursor-lesson-right{ width: 620px; }
#webjob-edge .webjob-content .cursor-lesson h2{ font-size: 22px; font-weight: bold; }
#webjob-edge .webjob-content .cursor-lesson .cursor-lesson-graduation{ margin-top: 10px; font-size: 14px; color: #999; }
#webjob-edge .webjob-content .cursor-lesson .cursor-lesson-task{ padding-left: 20px; margin-top: 5px; width: 380px; color: #666; background: url(../../images/webjob/jobicon.png) no-repeat left 3px; }
#webjob-edge .webjob-content .cursor-lesson .cursor-lesson-progress{ position: relative; margin-top: 40px; width: 100%; height: 37px; }
#webjob-edge .cursor-lesson-progress .progress-bar{ width: 100%; height: 9px; border-radius: 5px; background: #d1d1d1; }
#webjob-edge .cursor-lesson-progress .progress-bar .progress-now{ position: absolute; width: 48%; height: 9px; border-radius: 5px; background: #3a9adc; }
#webjob-edge .cursor-lesson-progress .progress-bar .progress-now .inner{ position: absolute; right: 0; top: -30px; margin-right: -50px; width: 100px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #fff; border-radius: 3px; background: #3a9adc; }
#webjob-edge .cursor-lesson-progress .progress-bar .progress-now .arrow{ position: absolute; right: 0; margin-top: -4px; margin-right: -3px; width: 0; height: 0; border-top: 5px solid #3a9adc; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; }
#webjob-edge .cursor-lesson-right .undone{ margin-top: 7px; font-size: 12px; color: #9db2c0; }
#webjob-edge .cursor-lesson-progress .progress-mark{ position: absolute; left: 0; top: 12px; width: 100%; }
#webjob-edge .cursor-lesson-progress .progress-mark li{ position: absolute; left: 0; top: 0; padding-top: 10px; margin-left: -10px; width: 20px; text-align: center; color: #999; font-size: 12px; }
#webjob-edge .cursor-lesson-progress .progress-mark li:nth-child(2){ left: 25%; }
#webjob-edge .cursor-lesson-progress .progress-mark li:nth-child(3){ left: 50%; }
#webjob-edge .cursor-lesson-progress .progress-mark li:nth-child(4){ left: 75%; }
#webjob-edge .cursor-lesson-progress .progress-mark li:nth-child(5){ left: 100%; }
#webjob-edge .cursor-lesson-progress .progress-mark li:before{ position: absolute; top: 0; left: 49.5%; width: 1px; height: 5px; background: #d1d1d1; content: " "; }

#webjob-edge .course-homepage-bottom{ margin-top: 10px; line-height: 40px; }
#webjob-edge .course-homepage-bottom .webjob-btn{ display: block; margin-right: 10px; width: 160px; height: 40px; font-size: 16px; color: #fff; text-align: center; border-radius: 3px; background: #3498db; }
#webjob-edge .course-homepage-bottom span{ color: #999; }
#webjob-edge .course-homepage-bottom p{ margin-top: 20px; line-height: 20px; color: #666; }
#webjob-edge .course-homepage-bottom p a{ color: #3498db; }



#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .passIcon{ position: absolute; right: -1px; top: -1px; width: 45px; height: 44px; background: url(../../images/webjob/closeIcon.png) no-repeat center top; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .num{ margin: 0 10px; height: 18px; line-height: 18px; font-size: 18px; color: #999; font-weight: bold; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li h2{ padding-right: 25px; margin-top: -5px; height: 42px; line-height: 18px; font-size: 14px; color: #999; font-weight: bold; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .list-bottom{ margin-top: -5px; padding-left: 20px; clear: both; overflow: hidden; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .grade{ padding-top: 15px; width: 120px; text-align: center; color: #999; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .grade p{ display: none; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .grade img{ display: inline-block; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .grade b{ display: none; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .list-bottom .times{ padding-top: 8px; width: 150px; color: #666; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .list-bottom .times .overtimes{ padding-left: 20px; margin-bottom: 18px; height: 23px; line-height: 23px; text-align: center; color: #999; background: url(../../images/webjob/timeIcon.png) no-repeat 10px center; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li .list-bottom .times .webjob-btn{ display: block; width: 148px; height: 38px; line-height: 38px; font-size: 16px; color: #999; text-align: center; border: 1px solid #999; border-radius: 3px; background: #fff; }

#webjob-edge .cursor-lesson-list-box{ padding-top: 10px; width: 690px; border-right: 1px solid #f5f5f5; }
#webjob-edge .cursor-lesson-list-box .title{ margin-bottom: 10px; margin-right: 10px; height: 38px; line-height: 38px; font-weight: bold; text-align: center; color: #8fa4ae; border: 1px solid #e2eaf1; border-radius: 3px; background: #f6f9fb; }
#webjob-edge .cursor-lesson-list-box .title a{ color: #399adc; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li{ position: relative; float: left; padding-top: 10px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-right: 10px; width: 313px; height: 128px; border: 1px solid #e2eaf1; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .passIcon{ position: absolute; right: -1px; top: -1px; width: 45px; height: 44px; background: url(../../images/webjob/passIcon.png) no-repeat center top; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .num{ margin: 0 10px; height: 18px; line-height: 18px; font-size: 18px; color: #333; font-weight: bold; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass h2{ color: #666; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .list-bottom{ padding-left: 0; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .grade{width: 120px; text-align: center; color: #999; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .grade p{ display: block; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .list-bottom .times{ padding-top: 8px; width: 150px; color: #666; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .list-bottom .times .overtimes{ padding-left: 20px; margin-bottom: 18px; height: 23px; line-height: 23px; text-align: center; background: url(../../images/webjob/timeIcon.png) no-repeat 10px center; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .list-bottom .times .webjob-btn{ display: block; width: 148px; height: 38px; line-height: 38px; font-size: 16px; color: #3498db; text-align: center; border: 1px solid #3498db; border-radius: 3px; background: #fff; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.pass .list-bottom .times .webjob-btn:hover{ color: #fff; background: #3498db; }

#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active{ background: #74c7ff; border: 1px solid #74c7ff; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .passIcon{ position: absolute; right: -1px; top: -1px; width: 45px; height: 44px; background: url(../../images/webjob/ingIcon.png) no-repeat center top; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .num{ margin: 0 10px; height: 18px; line-height: 18px; font-size: 18px; color: #fff; font-weight: bold; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active h2{ color: #fff; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .list-bottom{ padding-left: 0; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .grade{ padding-top: 15px; width: 150px; text-align: center; color: #999; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .grade p{ display: none; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .grade img{ display: none; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .grade b{ display: block; line-height: 60px; font-size: 16px; color: #0e62b6; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .list-bottom .times{ padding-top: 8px; width: 150px; color: #fff; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .list-bottom .times .overtimes{ padding-left: 20px; margin-bottom: 18px; height: 23px; line-height: 23px; text-align: center; color: #fff; background: url(../../images/webjob/timeIcon2.png) no-repeat 10px center; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.active .list-bottom .times .webjob-btn{ display: block; width: 148px; height: 38px; line-height: 38px; font-size: 16px; color: #3498db; text-align: center; border: 1px solid #fff; border-radius: 3px; background: #fff; }


#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.money .money-img{ margin-top: 12px; margin-left: 30px; width: 75px; height: 75px; font-size: 12px; text-align: center; color: #7e7e7e; -webkit-text-shadow: 1px 1px 1px; text-shadow: 1px 1px 1px; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.money .text{ margin-left: 30px; margin-top: 38px; line-height: 30px; color: #3C4C57; font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-lesson-list-box .cursor-lesson-list li.money .webjob-btn{ display: block; width: 148px; height: 38px; line-height: 38px; font-weight: normal; background: #F2484F; border-color: #F2484F; }

#webjob-edge .cursor-lesson-list-box .more{ padding-bottom: 76px; padding-right: 10px; }
#webjob-edge .cursor-lesson-list-box .more .webjob-btn{ display: block; height: 58px; line-height: 58px; text-align: center; color: #399adc; font-size: 20px; font-weight: bold; border: 1px solid #3498db; border-radius: 5px; background: #fff; }

#webjob-edge .cursor-sidebar{ width: 229px; }
#webjob-edge .cursor-sidebar .cursor-time{ padding-top: 18px; padding-left: 10px; height: 192px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .cursor-sidebar .cursor-time h2{ font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-sidebar .cursor-time h2 span{ font-weight: normal; font-size: 14px; color: #3498db; }
#webjob-edge .cursor-sidebar .cursor-award{ position: relative; height: 56px; line-height: 56px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .cursor-sidebar .cursor-award h2{ padding-left: 10px; font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-sidebar .cursor-award span{ color: #cd4448; font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-sidebar .cursor-award .award-icon{ margin-top: 17px; margin-left: 12px; width: 20px; height: 20px; background: url(../../images/webjob/awardIcon.png) no-repeat center top; cursor: pointer; }
#webjob-edge .cursor-sidebar .cursor-award .click{ display: none; position: absolute; top: -76px; left: 50%; margin-left: -104px; padding: 15px; width: 178px; height: 52px; line-height: 19px; font-size: 14px; border: 1px solid #e7e7e7; color: #666; background: #f5f5f5; }
#webjob-edge .cursor-sidebar .cursor-award .click .arrow{ position: absolute; left: 50%; bottom: -10px; margin-left: -26px; width: 0; height: 0; border-top: 10px solid #f5f5f5; border-left: 7px solid transparent; border-bottom: 3px solid transparent; border-right: 7px solid transparent;  }
#webjob-edge .cursor-sidebar .cursor-answer{ position: relative; padding-top: 20px; height: 210px; border-bottom: 1px solid #eff3f5; font-size: 12px; }
#webjob-edge .cursor-sidebar .cursor-answer h2{ padding-left: 10px; font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-sidebar .cursor-answer .long{ position: absolute; left: 22px; margin-top: 5px; width: 0; height: 155px; border-left: 1px solid #e2eaf1; }
#webjob-edge .cursor-sidebar .cursor-answer .cursor-answer-list{ padding-left: 36px; margin-top: 10px; height: 160px; overflow-y: auto; }
#webjob-edge .cursor-sidebar .cursor-answer li{ position: relative; margin: 5px 0; color: #333; cursor: pointer; }
#webjob-edge .cursor-sidebar .cursor-answer li:hover a{ color: #3498db; }
#webjob-edge .cursor-sidebar .cursor-answer li .dot{ position: absolute; top: 6px; left: -17px; width: 7px; height: 7px; background: url(../../images/webjob/answerIcon.png) no-repeat center top; }
#webjob-edge .cursor-sidebar .cursor-answer li.end{ display: block; width: 38px; padding: 2px; border-radius: 3px; color: #fff; background: #cfdae4; }
#webjob-edge .cursor-sidebar .cursor-answer li.end:before{ position: absolute; top: 50%; left: -10px; margin-top: -5px; content: " "; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #cfdae4; }
#webjob-edge .cursor-sidebar .cursor-answer li.in{ display: block; width: 38px; padding: 2px; border-radius: 3px; color: #fff; background: #3498db; }
#webjob-edge .cursor-sidebar .cursor-answer li.in:before{ position: absolute; top: 50%; left: -10px; margin-top: -5px; content: " "; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #3498db; }
#webjob-edge .cursor-sidebar .cursor-answer .webjob-btn{ display: block; margin: 10px auto 0; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; border-radius: 5px; background: #3498db; }

#webjob-edge .cursor-sidebar .cursor-plan{ padding-top: 20px; padding-bottom: 20px; }
#webjob-edge .cursor-sidebar .cursor-plan h2{ padding-left: 10px; font-size: 16px; font-weight: bold; }
#webjob-edge .cursor-sidebar .cursor-plan li{ position: relative; height: 70px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .cursor-sidebar .cursor-plan li .num{ position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; border-radius: 3px; background: #3498db; }
#webjob-edge .cursor-sidebar .cursor-plan li .head{ overflow: hidden; position: absolute; left: 42px; top: 50%; margin-top: -21px; width: 42px; height: 42px; border-radius: 50%; }
#webjob-edge .cursor-sidebar .cursor-plan li .con{ position: absolute; left: 97px; top: 50%; margin-top: -20px; width: 100px; color: #333; font-size: 12px; }
#webjob-edge .cursor-sidebar .cursor-plan li .con h3{ margin-bottom: 5px; line-height: normal; font-size: 12px; }
#webjob-edge .cursor-sidebar .cursor-plan li .con h3 a{ float: right; margin-right: 5px; color: #3498db; }
#webjob-edge .cursor-sidebar .cursor-plan li .con p{ color: #666; font-size: 14px; }
#webjob-edge .cursor-sidebar .cursor-plan li .grade{ position: absolute; right: 5px; top: 50%; margin-top: -21px; width: 23px; height: 38px; }
#webjob-edge .cursor-sidebar .cursor-plan li .grade em{ display: block; width: 23px; height: 22px; line-height: 23px; text-align: center; font-size: 22px; color: #fff; border-radius: 3px; background: #f0434a; }
#webjob-edge .cursor-sidebar .cursor-plan li .grade span{ display: block; text-align: center; height: 18px; font-size: 14px; color: #f0434a; }
#webjob-edge .cursor-sidebar .cursor-plan li:last-child{ border-bottom: none; }
#webjob-edge .cursor-sidebar .cursor-plan .rank{ position: relative; margin-left: 10px; height: 54px; border: 1px solid #e2eaf1; background: #f3f7f9; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .head{ position: absolute; left: 10px; top: 50%; margin-top: -21px; width: 42px; height: 42px;}
#webjob-edge .cursor-sidebar .cursor-plan .rank .con{ position: absolute; left: 63px; height: 40px; font-size: 12px; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .con h3{ font-size: 12px; color: #333; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .con h3 span{ margin-left: 14px; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .con p{ color: #666; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .con p span{ color: #f0434a; }
#webjob-edge .cursor-sidebar .cursor-plan .rank .no{ display: block; margin: 15px 0 0 40px; }】

#webjob-edge .stat-list { list-style: none; padding: 0; margin: 0; }
#webjob-edge .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
#webjob-edge .progress-mini, .progress-mini .progress-bar { height: 5px; margin-bottom: 0px; }
#webjob-edge .progress-small, .progress-mini { margin-top: 5px; }
#webjob-edge .mini .progress-bar { height: 5px; margin-bottom: 0px; }
#webjob-edge .progress-bar { background-color: #1ab394; }
.subjectopen{cursor:pointer;} /*lu-add*/

/* time */
.circliful { position: relative; margin: 0 auto; }
.circliful .title{ display: block; position: absolute; top: 42px; left: 10%; width: 80%; text-align: center; color: #333; font-size: 14px; }
.circliful .end{ display: block; position: absolute; top: 68px; left: 10%; width: 80%; text-align: center; font-size: 20px; font-family: "SimSun"; white-space: nowrap; }
.circliful .end em{ font-family: "Arial"; margin-left: -10px; }
.circliful .end em:first-child{ margin-left: 0; }
.circliful .webjob-btn{ display: block; position: absolute; top: 103px; left: 50%; margin-left: -24px; width: 48px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; color: #a9b4b9; border: 1px solid #a9b4b9; border-radius: 3px; }
#myStat2{ margin-top: -10px; }
#myStat3{ margin-top: -6px; }
#myStat2 .title{ top: 38px; }
#myStat2 .end{ top: 58px; }


#webjob-edge .task-content{ padding: 10px; background: #fff; }
#webjob-edge .task-main{ padding-right: 10px; width: 920px; border-right: 1px solid #eff3f5; }
#webjob-edge .task-main h1{ line-height: 20px; font-size: 16px; color: #333; }
#webjob-edge .task-main h1 span{ display: block; margin-right: 10px; width: 58px; height: 20px; text-align: center; font-size: 12px; color: #399adc; border-radius: 3px; background: #dcf1ff; }


#webjob-edge .task-video{ margin-top: 20px; }
#webjob-edge .task-video .video{ width: 918px; height: 516px; }
#webjob-edge .task-video h2{ margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #333; }
#webjob-edge .lesson-list .lesson-list-tabs{ width: 917px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f4f4f4; }
#webjob-edge .lesson-list .lesson-list-tabs a{ display: block; float: left; width: 155px; color: #333; font-weight: bold; border-right: 1px solid #e4e4e4; }
#webjob-edge .lesson-list .lesson-list-tabs a.active{ color: #3498db; background: #fff; }
#webjob-edge .lesson-list .task-infor{ font-size: 14px; font-weight: bold; color: #000; }
#webjob-edge .lesson-list li{ padding: 14px 0; border-bottom: 1px solid #eff3f5; clear: both; overflow: hidden; }
#webjob-edge .lesson-list li .lessonplay{ z-index: 100; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.15); left: 0; top: 0; opacity: 0; cursor: pointer; -webkit-transition: opacity .5s; transition: opacity .5s; }
#webjob-edge .lesson-list li .lessonplay .playericon{ z-index: 101; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: url(../../images/webjob/lessonplayicon.png) no-repeat center center; }
#webjob-edge .lesson-list li:hover .lessonplay{ opacity: 1; }
#webjob-edge .lesson-list li:last-child{ border-bottom: none; }
#webjob-edge .lesson-list li .lessonImg{ position: relative; margin-right: 10px; width: 220px; height: 120px; }
#webjob-edge .lesson-list .lesson-task-infor{ padding-top: 9px; }
#webjob-edge .lesson-list .lesson-task-infor h2{ margin-bottom: 5px; font-size: 14px; font-weight: bold; }
#webjob-edge .lesson-list .lesson-task-infor p{ margin-bottom: 20px; width: 630px; font-size: 12px; color: #666; }
#webjob-edge .lesson-list .lesson-task-infor dl dd{ float: left; margin-right: 45px; color: #666; }
#webjob-edge .lesson-list .lesson-task-infor dl dd em{ margin-right: 10px; }
#webjob-edge .lesson-list .lesson-task-infor dl dd .timeIcon{ display: block; float: left; width: 23px; height: 23px; background: url(../../images/webjob/timeIcon.png) no-repeat left top; }
#webjob-edge .lesson-list .lesson-task-infor dl dd .rankIcon{ display: block; float: left; width: 23px; height: 23px; background: url(../../images/webjob/rankIcon.png) no-repeat left top; }
#webjob-edge .lesson-list .lesson-task-infor dl a.download{ color: #666; }
#webjob-edge .lesson-list .lesson-task-infor dl a.download:hover{ color: #059BFF; }

#webjob-edge .lesson-operation{ position: relative; margin-bottom: 20px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .lesson-operation .operation-tabs{ padding-left: 30px; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #e4e4e4; background: #f4f4f4; }
#webjob-edge .lesson-operation .operation-con{ padding-top: 20px; padding-left: 60px; padding-bottom: 20px; }
#webjob-edge .lesson-operation .operation-con h2{ font-size: 14px; font-weight: bold; color: #333; }
#webjob-edge .lesson-operation .operation-con p{ margin-top: 5px; margin-bottom: 5px; font-size: 12px; color: #666; }
#webjob-edge .lesson-operation .operation-con .operation-con-list a{ display: block; float: left; margin-right: 12px; width: 90px; height: 28px; line-height: 28px; font-size: 12px; font-weight: bold; text-align: center; color: #fff; border-radius: 5px; background: #3498db; }
#webjob-edge .lesson-operation .operation-con .operation-con-list a.active{ background: #f0434a; }
#webjob-edge .lesson-operation .operation-con h3{ margin-top: 10px; margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #333; }
#webjob-edge .lesson-operation .operation-con table{ width: 620px; height: 165px; }
#webjob-edge .lesson-operation .operation-con th,#webjob-edge .lesson-operation .operation-con td{ font-size: 12px; font-weight: bold; text-align: center; color: #333; border: 1px solid #e4e4e4; }
#webjob-edge .lesson-operation .operation-con .eyeIcon{ display: block; float: left; margin-top: 3px; width: 18px; height: 12px; background: url(../../images/webjob/eyeIcon.png) no-repeat center top; }
#webjob-edge .lesson-operation .operation-con a{ color: #3498db; }

#webjob-edge .lesson-operation .operation-con2box{ position: relative; }
#webjob-edge .lesson-operation .operation-con2{ margin-top: 20px; margin-left: 60px; margin-bottom: 20px; width: 536px; border-right: 1px solid #666; }
#webjob-edge .lesson-operation .operation-con2 h3{ font-size: 14px; font-weight: bold; color: #333; }
#webjob-edge .lesson-operation .operation-con2 p{ padding-left: 3px; line-height: 24px; font-size: 12px; font-weight: bold; color: #666; }

#webjob-edge .lesson-operation .operation-con3{ padding: 10px 20px; }
#webjob-edge .lesson-operation .operation-con3 textarea{ resize: none; padding: 5px 5px 5px 9px; width: 100%; height: 82px; resize: none; border: 1px solid #e4e4e4; background: #fff; outline: 0; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-sizing: border-box; }
#webjob-edge .lesson-operation .operation-con3 textarea:hover{ border-color: #a5a5a5; -webkit-box-shadow: 0 0 5px #d8d8d8; box-shadow: 0 0 5px #d8d8d8; }
#webjob-edge .lesson-operation .operation-con3 textarea:focus{ border-color: #7db8ed; -webkit-box-shadow: 0 0 5px #51cc73; box-shadow: 0 0 5px #7db8ed; }
#webjob-edge .lesson-operation .operation-con3 textarea[disabled]{ background: #f8f8f8; border-color: #f1f1f1; box-shadow: none; cursor: not-allowed; }
#webjob-edge .lesson-operation .operation-con3 .webjob-btn{ float: right; padding: 0 20px; margin-top: 10px; margin-bottom: 10px; height: 30px; font-size: 14px; line-height: 28px; background: ; }
#webjob-edge .lesson-operation .operation-con3 .webjob-btn.disabled{ background: #d9dfdf !important; border: 1px solid #d9dfdf; color: #666; cursor: not-allowed; transition: none; }

#webjob-edge .lesson-operation .dashed{ margin-bottom: 20px; border-top: 1px dashed #ccc; }
#webjob-edge .lesson-operation .operation-con4{ padding: 10px 20px; }
#webjob-edge .lesson-operation .operation-con4 textarea{ resize: none; padding: 5px 5px 5px 9px; width: 100%; height: 82px; resize: none; border: 1px solid #e4e4e4; background: #fff; outline: 0; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-sizing: border-box; }
#webjob-edge .lesson-operation .operation-con4 textarea:hover{ border-color: #a5a5a5; -webkit-box-shadow: 0 0 5px #d8d8d8; box-shadow: 0 0 5px #d8d8d8; }
#webjob-edge .lesson-operation .operation-con4 textarea:focus{ border-color: #7db8ed; -webkit-box-shadow: 0 0 5px #51cc73; box-shadow: 0 0 5px #7db8ed; }
#webjob-edge .lesson-operation .operation-con4 textarea[disabled]{ background: #f8f8f8; border-color: #f1f1f1; box-shadow: none; cursor: not-allowed; }
#webjob-edge .lesson-operation .operation-con4 span{ float: right; margin: 10px 0; font-size: 14px; line-height: 30px; color: #5b6062; }
#webjob-edge .lesson-operation .operation-con4 .webjob-btn{ float: right; padding: 0 20px; margin-top: 10px; margin-bottom: 10px; height: 30px; font-size: 14px; line-height: 28px; background: ; }
#webjob-edge .lesson-operation .operation-con4 .webjob-btn.sc{ position: relative; margin-right: 10px; margin-left: 10px; background: #ff5c00; overflow: hidden; border: 1px solid #ff5c00; }
#webjob-edge .lesson-operation .operation-con4 .webjob-btn .sc-hide{ position: absolute; right: 0; top: 0; font-size: 100px; opacity: 0; filter: alpha(opacity=0); }
#webjob-edge .lesson-operation .operation-con4 .webjob-btn.disabled{ background: #d9dfdf !important; border: 1px solid #d9dfdf; color: #666; cursor: not-allowed; transition: none; }



#webjob-edge .lesson-operation .score{ position: absolute; top: 0; left: 675px; }
#webjob-edge .lesson-operation .score div{ font-size: 14px; font-weight: bold; color: #333; }
#webjob-edge .lesson-operation .score div.none{ padding-top: 27px; color: #f0434a;}
#webjob-edge .lesson-operation .score p{ font-size: 56px; line-height: 60px; color: #f0434a; text-align: center; }

#webjob-edge .task-sidebar{ width: 229px; }
#webjob-edge .task-sidebar .cursor-time{ padding-top: 42px; padding-left: 10px; height: 310px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .task-sidebar .cursor-time h2{ font-size: 16px; font-weight: bold; }
#webjob-edge .task-sidebar .cursor-time h2 span{ font-weight: normal; font-size: 14px; color: #3498db; }
#webjob-edge .task-sidebar .cursor-plan{ padding-top: 20px; padding-left: 10px; height: 780px; }
#webjob-edge .task-sidebar .cursor-plan h2{ font-size: 16px; font-weight: bold; }
#webjob-edge .task-sidebar .cursor-plan li{ position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #eff3f5; }
#webjob-edge .task-sidebar .cursor-plan li .name{ float: left; width: 120px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#webjob-edge .task-sidebar .cursor-plan li .name .pic{ display: inline-block; overflow: hidden; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; border-radius: 50%; vertical-align: middle; }
#webjob-edge .task-sidebar .cursor-plan li .time{ float: left; color: #666; max-width: 92px; height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#webjob-edge .task-sidebar .cursor-plan .noperson{ padding: 30px 0; line-height: 40px; text-align: center; font-size: 20px; color: #D6D5D5; -webkit-text-shadow: 2px 2px 2px; text-shadow: 2px 2px 2px;  }
#webjob-edge .task-sidebar .cursor-plan .help a{ display: block; margin-top: 20px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 5px; border-color: #f0434a; background: #f0434a; }





/* landing */
#webjob-edge .webjob-landing{ min-height: 510px; overflow: inherit !important; }
#webjob-edge .webjob-landing .slider{ margin: 0 auto; width: 1002px; height: 24px; line-height: 24px; font-size: 14px; color: #fff; border-radius: 3px; background: #cccccd; }
#webjob-edge .webjob-landing .slider li{ position: relative; float: left; width: 333px; text-align: center; }
#webjob-edge .webjob-landing .slider li .triangle-r{ z-index: 20; display: block; position: absolute; top: 0; right: -14px; width: 0; height: 0; border-left: 13px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: none; }
#webjob-edge .webjob-landing .slider li .triangle-r .inner{ display: block; position: absolute; top: -12px; right: 1px; width: 0; height: 0; border-left: 13px solid #cccccd; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: none; }
#webjob-edge .webjob-landing .slider li.active{ background: #3d8fd7; }
#webjob-edge .webjob-landing .slider li.active .triangle-r .inner{ border-left: 13px solid #3d8fd7; }
#webjob-edge .webjob-landing .slider li:last-child{ width: 336px; }
#webjob-edge .webjob-landing .slider li:last-child.active{ background: #0c68b8; }

#webjob-edge .webjob-landing .webjob-landing-top h2{ margin-top: 40px; font-size: 32px; color: #3498db; text-align: center; }
#webjob-edge .webjob-landing .webjob-landing-top h2 i{ display: inline-block; width: 9px; height: 39px; vertical-align: middle; }
#webjob-edge .webjob-landing .webjob-landing-top h2 i.leftRim{ margin-left: 20px; margin-top: -5px; background: url(../../images/webjob/leftRim.png) no-repeat center top; }
#webjob-edge .webjob-landing .webjob-landing-top h2 i.rightRim{ margin-top: -7px; background: url(../../images/webjob/rightRim.png) no-repeat center top; }
#webjob-edge .webjob-landing .webjob-landing-top p{ margin-top: 10px; font-size: 14px; color: #666; text-align: center; }

#webjob-edge .webjob-select{ margin: 0 auto 15px; width: 902px; }
#webjob-edge .webjob-select h3{ margin: 10px auto; height: 48px; line-height: 48px; font-size: 36px; color: #3498db; text-align: center; }
#webjob-edge .webjob-select form div.test{ float: left; width: 33.33%; }
#webjob-edge .webjob-select form div.test label{ line-height: 30px; font-size: 18px; color: #000; vertical-align: top; }
#webjob-edge .webjob-select form div.test select{ vertical-align: middle; }
#webjob-edge .webjob-select select{ display: inline-block; width: 205px; height: 30px; line-height: 30px; padding-left: 6px;  font-size: 14px; color: #555; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; cursor: pointer; box-sizing: border-box; }



#webjob-edge .line{ border-bottom: 1px solid #ddd; width: 100%; height: 0; }
#webjob-edge .webjob-pay{ margin: 0 auto; padding: 15px 0; width: 902px; line-height: 30px; font-size: 18px; color: #000; }
#webjob-edge .webjob-pay span{ color: #ce263d; }
#webjob-edge .webjob-pay label{ float: left; }
#webjob-edge .webjob-pay ul{ float: left; }
#webjob-edge .webjob-pay li{ position: relative; float: left; padding-left: 40px; cursor: pointer; }
#webjob-edge .webjob-pay li:before{ display: block; position: absolute; left: 12px; top: 6px; width: 15px; height: 15px; background: #fff; border: 1px solid #ddd; border-radius: 50%; content: " "; }
#webjob-edge .webjob-pay li.active:before{ background: #5283be; }
#webjob-edge .webjob-pay li.active:after{ display: block; position: absolute; left: 18px; top: 12px; width: 5px; height: 5px; content: " "; background: #fff; border-radius: 50%; }
#webjob-edge .webjob-landing .webjob-landing-top{ margin: 0 10px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
#webjob-edge .webjob-landing .webjob-landing-left{ overflow: inherit !important; }
#webjob-edge .webjob-landing .webjob-landing-left{ margin-top: 35px; padding-left: 100px; width: 600px; border-right: 1px solid #ddd; }
#webjob-edge .webjob-landing .webjob-landing-left .passport-form{ float: left; width: 385px; color: #333; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item{ margin-bottom: 12px; overflow: visible !important; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .left{ float: left; padding-right: 20px; width: 63px; height: 40px; line-height: 40px; font-size: 14px; text-align: right; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont{ position: relative; float: right; width: 300px; line-height: 26px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input{ z-index: 10; padding: 11px 11px; width: 100%; height: 40px; line-height: 18px; font-size: 12px; color: #666; border: 1px solid #e4e4e4; box-sizing: border-box; -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input.check{ margin-right: 3px; width: auto !important; height: auto !important; border: none; vertical-align: -2px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input.check:focus{ border: none; -webkit-box-shadow: none; box-shadow: none; }  
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input.check:hover{ border: none; -webkit-box-shadow: none; box-shadow: none; }  
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input.error{ border-color: #ff0000; -webkit-box-shadow: 0 0 7px #ff0000; box-shadow: 0 0 7px #ff0000; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input:hover{ border-color: #ccc; -webkit-box-shadow: 0 0 7px #7db8ed; box-shadow: 0 0 7px #7db8ed; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont input:focus{ border-color: #7db8ed; -webkit-box-shadow: 0 0 7px #7db8ed; box-shadow: 0 0 7px #7db8ed; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .deal{ margin-left: 10px; color: #1895d2; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .inner{ float: left; width: 170px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .imgcode{ float: right; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .imgcode img{ width: 100px; height: 40px; cursor: pointer; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .btn-getcode{ position: absolute; top: 0; right: 0; bottom: 0; z-index: 20px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .btn-getcode button{ margin: 7px 7px 0 0; width: 90px; height: 26px; border-radius: 2px; font-size: 12px; color: #fff; background: #3498db; cursor: pointer; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .btn-submit{ font-size: 18px; color: #999; background: #eee; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .sum{ font-size: 22px; line-height: 38px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .sum i{ font-style:normal; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .sum em{ visibility: hidden; margin-left: 20px; font-size: 14px; color: #999; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .sum em.show{ visibility: visible; }

#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-wkt{ padding-top: 6px; padding-bottom: 6px; color: #999; font-size: 14px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box{ padding-top: 6px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .tjm{ margin-right: 5px; width: 116px; height: 23px; vertical-align: middle; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .sytjm{ width: 50px; height: 24px; padding: 0; font-size: 12px; color: #fff; border-radius: 5px; box-shadow: none !important; vertical-align: middle; display:inline-block;}
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how{ margin-left: 13px; margin-right: 9px; position: relative; display: inline-block; width: 20px; height: 20px; background: url(../../images/webjob/howicon.png) no-repeat center center; vertical-align: middle; cursor: pointer; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how:hover .how-con{ display: block; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con{ display: none; z-index: 333; position: absolute; left: -235px; top: 35px; padding-top: 22px; padding-left: 44px; width: 422px; height: 141px; background-color: #fff; border: 1px solid #3498db; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con:before{ position: absolute; top: -14px; left: 240px; display: block; border: solid transparent; border-width: 7px 4px; border-bottom-color: #3498db; content: ""; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con:after{ position: absolute; top: -12px; left: 240px; display: block; border: solid transparent; border-width: 7px 4px; border-bottom-color: #fff; content: ""; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con p{ position: relative; font-size: 17px; line-height: 17px; color: #333; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con p+p{ margin-top: 33px; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .how-con p:before{ position: absolute; left: -19px; top: 6px; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #333; content: ""; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .invalid{ visibility: hidden; position: absolute; margin-top: 5px; width: 200px; font-size: 14px; color: #ee001b; }
#webjob-edge .webjob-landing .webjob-landing-left .landing-form-item .form-cont .tjm-box .invalid.show{ visibility: visible; }
#webjob-edge .webjob-landing .webjob-landing-right{ padding-top: 47px; padding-left: 50px; color: #333; }
#webjob-edge .webjob-landing .webjob-landing-right h3{ margin-bottom: 5px; font-size: 20px;  }
#webjob-edge .webjob-landing .webjob-landing-right p{ font-size: 14px; }
#webjob-edge .webjob-landing .webjob-landing-right .webjob-btn{ display: block; margin-bottom: 50px; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 3px; background: #3498db; }
#webjob-edge .webjob-landing .webjob-landing-right .phone{ margin-bottom: 25px; }

/* landing end */

#webjob-edge .webjob-landing .landing-infor{ padding-top: 30px; padding-left: 150px; height: 158px; border-bottom: 1px solid #ddd }
#webjob-edge .webjob-landing .landing-infor h3{ padding-left: 40px; margin-bottom: 15px; color: #0c68b8; font-weight: bold; font-size: 22px; background: url(../../images/webjob/inforIcon.png) no-repeat left 2px; }
#webjob-edge .webjob-landing .landing-infor p{ padding-left: 40px; margin-bottom: 10px; font-size: 16px; color: #333; }
#webjob-edge .webjob-landing .landing-infor p span{ font-size: 24px; color: #ff5c00; }
#webjob-edge .webjob-landing .landing-infor p a{ color: #3d8fd7; }

#webjob-edge .webjob-landing .landing-pay{ padding-top: 40px; padding-left: 198px; }
#webjob-edge .webjob-landing .landing-pay h3{ margin-bottom: 30px; font-size: 16px; color: #333; }
#webjob-edge .webjob-landing .landing-pay ul{ margin-bottom: 40px; }
#webjob-edge .webjob-landing .landing-pay li{ position: relative; padding-left: 45px; margin-bottom: 20px; height: 36px; cursor: pointer; }
#webjob-edge .webjob-landing .landing-pay li .payImg{ width: 153px; height: 36px; }
#webjob-edge .webjob-landing .landing-pay li .poin{ position: absolute; top: 50%; left: 15px; margin-top: -6px; display: block;  width: 10px; height: 10px; border-radius: 50%; border: 1px solid #7e7e7e; }
#webjob-edge .webjob-landing .landing-pay li.active .poin{ background: #3d8fd7; border-color: #3d8fd7; }
#webjob-edge .webjob-landing .landing-pay .webjob-btn{ display: block; width: 252px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 3px; background: #3d8fd7; }

#webjob-edge .webjob-landing .succeed-con h2{ margin-bottom: 95px; color: #0c68b8; text-align: center; font-size: 46px; }
#webjob-edge .webjob-landing .succeed-con .webjob-btn{ margin: 0 auto; display: block; width: 252px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 3px; background: #3d8fd7; }


#webjob-edge .webjob-landing .succeed-con{ margin-top: 110px; }
.nobotbor{ border-bottom: none !important; }



/* 讲解视屏 */
.popup{ overflow: hidden; display: none; z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 10px; width: 660px; height: 424px; background: rgba(0,0,0,.2); }
.popup:after{ display: table; clear: both; content: " "; }
.popup .inner{ position: relative; width: 100%; height: 100%; background: #fff; }
.popup .inner .hd{ padding: 0 30px 0 8px; height: 40px; line-height: 40px; background: #f3f3f3; cursor: default; }
.popup .inner .hd h2{ color: #666; font-size: 16px; font-weight: 400; }
.popup .inner .hd .close{ display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; border-radius: 50%; background: url(../../images/webjob/close.png) no-repeat center center / 14px 14px; cursor: pointer; }
.popup .inner .bd .teacher-video{ padding: 20px; min-height: 344px; }
.popup .inner .bd .teacher-video .videobox{ position: relative; width: 100%; height: 344px; background: #000; }
.popup .teacher-video .teacher-comments{ margin-top: 10px; font-size: 14px; color: #333; }
.popup .teacher-video .teacher-comments strong{ font-weight: bold !important; }

.popup-submit{ height: 270px !important; }
.popup .inner .bd .shangchuan{ position: relative; padding: 20px; }
.popup .inner .bd .shangchuan .sc-btn{ overflow:hidden; display: inline-block; position: relative; margin-right: 10px; width: 80px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; border-radius: 3px; background: #ff5c00; color: #fff; vertical-align: middle; }
.popup .inner .bd .shangchuan .sc-btn input{position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0);}
.popup .inner .bd .shangchuan .sc-txt{ display: inline-block; overflow: hidden; max-width: 480px; font-size: 14px; color: #666; vertical-align: middle; }
.popup .inner .bd .shangchuan .sc-textarea textarea{ padding: 10px; margin-top: 10px; width: 100%; height: 110px; resize: none; border: 1px solid #e4e4e4; background: #fff; outline: 0; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-sizing: border-box; }
.popup .inner .bd .shangchuan .sc-textarea textarea:hover{ border-color: #a5a5a5; -webkit-box-shadow: 0 0 5px #d8d8d8; box-shadow: 0 0 5px #d8d8d8; }
.popup .inner .bd .shangchuan .sc-textarea textarea:focus{ border-color: #7db8ed; -webkit-box-shadow: 0 0 5px #51cc73; box-shadow: 0 0 5px #7db8ed; }
.popup .inner .bd .shangchuan .buttonbox{ margin-top: 10px; text-align: right; }
.popup .inner .bd .shangchuan .buttonbox .webjob-btn{ width: 80px; height: 30px; font-size: 16px; background: #3498db; border-color: #3498db; color: #fff; border-radius: 3px; }
.passport-mask{ display: none; z-index: 900; position: fixed; top: 0; left: 0; height: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 1; }
.submittask{ margin-top: 20px; position: relative; height: 30px; text-align: center; }
.submittask a{ display: block; margin: 0 auto; width: 110px; height: 30px; line-height: 30px; font-size: 14px; color: #fff !important; border-radius: 3px; background: #2d85ca; }
.popup-comment{ height: 600px; }
.popup-comment .bd{ margin: 0 auto; width: 630px; min-height: 200px; max-height: 550px; color: #333; overflow-y: scroll; }
.popup-comment .bd p{ height: 28px; line-height: 28px; }
.popup-comment .bd p.teacher{ margin-top: 8px; }
.popup-comment .bd .teacher em{ line-height: 28px; font-size: 14px; }
.popup-comment .bd .teacher span{ font-size: 12px; line-height: 20px; }
.popup-comment .bd .scoretable{ margin-left: 70px; margin-bottom: 10px; width: 446px; border: 1px solid #cfd8d8; border-collapse: collapse; }
.popup-comment .bd .scoretable th,.popup-comment .bd .scoretable td{ padding: 0; border: 1px solid #cfd8d8; width: 20%; height: 33px; font-size: 12px; font-weight: 400; text-align: center; background: #fff; }
.popup-comment .bd .scoretable em{ position: relative; margin-left: 8px; padding: 0 4px; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #fff; border-radius: 2px; background: #85db9d; }
.popup-comment .bd .scoretable em i{ position: absolute; left: -8px; top: 3px; display: inline-block; width: 0; height: 0; border-right: 4px solid #85db9d; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; }
.popup-comment .bd .scoretable em.a{ background: #35b558; }
.popup-comment .bd .scoretable em.b{ background: #85db9d; }
.popup-comment .bd .scoretable em.c{ background: #74e4ff; }
.popup-comment .bd .scoretable em.d{ background: #d65554; }
.popup-comment .bd .scoretable em.a i{ border-right: 4px solid #35b558; }
.popup-comment .bd .scoretable em.b i{ border-right: 4px solid #85db9d; }
.popup-comment .bd .scoretable em.c i{ border-right: 4px solid #74e4ff; }
.popup-comment .bd .scoretable em.d i{ border-right: 4px solid #d65554; }
.popup-comment .bd .result-eva em{ display: block; }
.popup-comment .bd .result-eva span{ display: block; margin-top: 4px; width: 538px; font-size: 12px; line-height: 20px; }
.popup-comment .bd .mar-b{ margin-bottom: -7px; }
.popup-comment .bd .comment-video{ margin: 0 auto 30px auto; width: 365px; height: 205px; background: #000; }
.popup-comment .comment-evasys{ border-top: 1px solid #e4e4e4; }
.popup-comment .comment-evasys .eva-til{ height: 14px; text-align: center; }
.popup-comment .comment-evasys .eva-til em{ position: relative; top: -14px; padding: 0 10px; line-height: 14px; text-align: center; font-size: 14px; font-weight: normal; background: #fff; }
.popup-comment .comment-evasys .eva-heart{ margin: 16px auto 0 auto; width: 195px; height: 25px; }
.popup-comment .comment-evasys .eva-heart li{ float: left; margin: 0 7px; width: 25px; height: 25px; background: url(../../images/webjob/default-h.png) no-repeat; background-size: contain; cursor: pointer; }
.popup-comment .comment-evasys .eva-heart li.heart-orange{ background: url(../../images/webjob/gray-h.png) no-repeat; background-size: contain; }
.popup-comment .comment-evasys .heart-notice{ margin: 10px auto; height: 22px; line-height: 22px; text-align: center; font-size: 12px; color: #35b558; }
.popup-comment .comment-evasys .eva-list{ margin-left: 75px; width: 524px; }
.popup-comment .comment-evasys .eva-list li{ float: left; margin-bottom: 10px; width: 261px; overflow: hidden; }
.popup-comment .comment-evasys .eva-list li input{ float: left; width: 15px; height: 15px; border: 1px solid #e4e4e4; }
.popup-comment .comment-evasys .eva-list li span{ float: left; padding-left: 10px; padding-right: 10px; width: 226px; font-size: 12px; line-height: 15px; }
.popup-comment .comment-evasys textarea{ padding: 5px; margin-bottom: 15px; width: 100%; height: 82px; border: 1px solid #e4e4e4; text-indent: 5px; resize: none; overflow: hidden; }
.popup-comment .comment-evasys .submit-wrapdiv{ margin: 0 auto; text-align: center; margin-bottom: 30px; }
.popup-comment .comment-evasys .submit-wrapdiv .submit-eva{ padding: 0 10px; height: 30px; font-size: 16px; text-align: center; color: #fff; border: 0; border-radius: 2px; background: #35b558; cursor: pointer; }
.popup-comment .comment-evasys .eva-my-result{ margin-top: 24px; margin-bottom: 36px; }
.popup-comment .comment-evasys .eva-my-result p{ overflow: hidden; height: auto; margin-bottom: 8px; line-height: 18px; font-size: 12px; }
.popup-comment .comment-evasys .eva-my-result em{ float: left; width: 36px; }
.popup-comment .comment-evasys .eva-my-result span{ float: left; width: 572px; }
.popup-comment .comment-evasys .eva-my-result h4{ font-size: 12px; color: #35b558; text-align: center; line-height: 12px; font-weight: normal; }

/* video */

.webjob-video div{ box-sizing: border-box; }
.webjob-video{ position: absolute; top: 60px; left: 0; right: 0; bottom: 0; background: #000; min-width: 1260px !important; box-sizing: border-box; overflow: hidden; }
.webjob-video .videoshow{ position: absolute; right: 300px; top: 0; left: 0; bottom: 0; /*padding: 30px 50px;*/ min-width: 960px; min-height: 540px; }
.webjob-video .videoshow .videoplay{ /*position: absolute; left: 50%; top: 50%; margin: -270px 0 0 -490px;*/ width: 100%; height: 100%; }

.webjob-video .webjob-video-list{ position: absolute; right: 0; top: 0; bottom: 0; width: 300px; padding-left: 20px; background: #252525; overflow-y: auto; }
.webjob-video .webjob-video-list ul{ width: 261px; }
.webjob-video .webjob-video-list ul li{ width: 100%; max-height: 116px; border-bottom: 1px solid #6a6b6d; }
.webjob-video .webjob-video-list ul li .title{ display: block; height: 37px; line-height: 37px; color: #fff; cursor: pointer; }
.webjob-video .webjob-video-list ul li:hover .title,.webjob-video .webjob-video-list ul li.active .title{ color: #3498db; }
.webjob-video .webjob-video-list em{ display: block; float: right; color: #ccc; font-size: 12px; }
.webjob-video .webjob-video-list h2{ float: left; width: 210px; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.webjob-video .webjob-video-list p{ width: 100%; /*height: 54px;*/ margin: 5px 0px; font-size: 12px; line-height: 18px; color: #6a6b6d; /*overflow: hidden; text-overflow: ellipsis;*/ }
/* video end */


/* head */
body.video{ height: 100%; }
.header .arrow{ position: relative; overflow: hidden; display: inline-block; background: none; vertical-align: middle; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; }
.header .arrow-top{ border-top: 6px solid #fff; }
.header .arrow-bottom{ border-bottom: 6px solid #fff; }
.header a{ color: #666; }
.header .user-menu .pic{ margin-top: -3px; }
.header.bgblack{ background: #17191a !important; }
.header.bgblack .user-menu a{ color: #fff; }
.header.bgblack .user-menu .pic{ margin-top: -3px; }



.user-menu{ position: relative; margin-top: 20px; font-size: 14px; line-height: 22px; color: #fff; cursor: pointer; }
.user-menu span{ overflow: hidden; display: inline-block; margin: -1px 5px 0 0; width: 22px; height: 22px; border-radius: 50%; vertical-align: middle; }
.user-menu span img{ width: 100%; height: 100%; }

.header .user-menu .arrow{ position: relative; right: 0; border-top: 6px solid #ccc; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; }
.header .user-menu-list{ display: none; z-index: 999; position: absolute; top: 100%; right: 0; margin-top: 6px; min-width: 80px; height: ; background: #fefefe; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1); box-shadow: 2px 2px 2px rgba(0,0,0,.1); }
.header .user-menu:hover .user-menu-list{ display: block; }
.header .user-menu:hover .user-menu-list:before{ display: block; position: absolute; left: 0; bottom: 100%; width: 100%; height: 10px; content: " "; }
.header .user-menu-list .arrow{ position: absolute; bottom: 100%; left: 50%; margin-left: -8px; border-top: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.header .user-menu-list ul{ padding: 5px 0; }
.header .user-menu-list a{ color: #333 !important; }
.header .user-menu-list li{ margin: 5px 0; line-height: 20px; color: #333; text-align: center; font-size: 12px; box-sizing: border-box; }
.header .user-menu-list li:hover{ background: #f3f3f3; }
.header .user-menu-list li:hover a{ color: #103962; }


/*head end*/


/* grade */
.webjob-grade{ height: 100%; background: #fff; }
.grade-wrap{ margin: 0 auto; width: 1180px; }
.webjob-grade h2{ padding-left: 30px; height: 38px; line-height: 38px; font-size: 14px; color: #333; font-weight: bold; border-bottom: 1px solid #e4e4e4; background: #fff; }
.webjob-grade .webjob-grade-con{ margin: 50px; }
.webjob-grade .webjob-grade-con b{ color: red; }
.webjob-grade .webjob-grade-con .title{ display: inline-block; width: 100px; text-align: right; }
.webjob-grade .webjob-grade-con .score .item{ position: relative; float: right; padding-top: 30px; width: 940px; height: auto;  }
.webjob-grade .webjob-grade-con .score .item .el{ height: 70px; }
.webjob-grade .webjob-grade-con .score .item span{ display: block; margin-right: 10px; width: 100px; line-height: 58px; text-align: right; }
.webjob-grade .webjob-grade-con .score .item .goal{ position: absolute; right: 0; top: 0; padding-top: 100px; width: 200px; height: 360px; box-sizing: border-box; }
.webjob-grade .webjob-grade-con .score .item .goal h3{ font-size: 20px; }
.webjob-grade .webjob-grade-con .score .item .goal p{ text-align: center; }
.webjob-grade .webjob-grade-con .score .item .goal p .num{ font-size: 50px; }
.webjob-grade .webjob-grade-con .comment{ margin: 50px 0; }
.webjob-grade .webjob-grade-con .comment:after{ display: block; clear: both; height: 0; content: " "; }
.webjob-grade .webjob-grade-con .comment .text{ float: right; width: 940px; height: 100px; }
.webjob-grade .webjob-grade-con .comment textarea{ display: inline-block; width: 100%; height: 100%; resize: none; }
.webjob-grade .webjob-grade-con .flv div{  float: right; width: 940px; }
.webjob-grade .webjob-grade-con .flv .webjob-btn{ position: relative; display: block; width: 60px; height: 25px; line-height: 25px; overflow: hidden; }
.webjob-grade .webjob-grade-con .flv .webjob-btn input{ position:absolute; right:0; top:0; font-size:100px; opacity:0; filter:alpha(opacity=0); }
.webjob-grade .webjob-grade-con .save{ display: block; margin: 50px auto; width: 100px; height: 25px; line-height: 25px; }
/* grade end */


/* 补觉学费按钮 */
#webjob-edge .course-homepage-bottom .webjob-btn.payment{     background-color: #ff3f35;  border: none;  width: 99px;  height: 32px;  line-height: 32px;  margin: 0;  margin-left: 40px;}



/* live */
.webjob-live{ position: relative; top: 12px; bottom: 12px; margin: 0 auto; width: 1180px; height: 586px; }
.webjob-live div,.webjob-live h2,.webjob-live input{ box-sizing: border-box; }
.webjob-live .live-main, .toggle-class .webjob-live .live-sub{ position: absolute; top: 0; right: 297px; bottom: 106px; left: 0; width: 882px; height: 480px; background: #000; }
.baidu-live .live-main { width: 853px; }
.webjob-live .live-sub, .toggle-class .webjob-live .live-main{ position: absolute; top: 0; right: 0; width: 285px; height: 160px; left: auto; background: #000; }
.webjob-live .replay-live-main { position: absolute; top: 0; right: 297px; bottom: 106px; left: 0; width: 1180px; height: 480px; background: #000; }
.webjob-live .live-chat { position: absolute; top: 175px; right: 0; bottom: 0; width: 285px; left: auto; background: #fff; }
.baidu-live .live-chat { top:0; width: 300px; }
.webjob-live .live-chat h2{ height: 40px; padding: 10px; font-size: 14px; line-height: 20px; font-weight: bold; color: #333; background: #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webjob-live .live-chat h2 span { float: right;font-weight: normal; }
.webjob-live .live-chat h2 span em { color: #1c568f; }
.webjob-live .live-c-con{ position: absolute; top: 40px; right: 0; bottom: 0; left: 0; }
.webjob-live .live-c-c-list{ position: absolute; top: 10px; right: 0; bottom: 54px; left: 0; padding: 10px; overflow-y: auto; }
.webjob-live .live-c-c-list li{ margin-bottom: 5px; color: #333; font-size: 12px; line-height: 18px; word-break: hyphenate; }
.webjob-live .live-c-c-list li em{ margin-right: 5px; color: #2d85ca; }
.webjob-live .live-c-c-list li em.red { color: red; }
.webjob-live .live-c-c-list li span{ margin-left: 5px;word-break:break-all; }
.webjob-live .live-c-c-list li span img { width: 20px; }
.webjob-live .live-c-con .em-list { position: absolute; right: 10px; bottom: 44px; left: 10px; width:250px; height: 175px;background: #fff;border: 1px solid #e4e4e4;border-bottom:none; display: none; }
.webjob-live .live-c-con .em-list ul { overflow: hidden;padding: 0px 2px; }
.webjob-live .live-c-con .em-list ul li { float: left; width: 24px; height: 24px;margin: 5px; }
.webjob-live .live-c-con .em-list ul li img { cursor: pointer; }
.webjob-live .live-c-con .comment{ position: absolute; right: 10px; bottom: 10px; left: 10px; height: 34px; }
.webjob-live .live-c-con .comment input{ width: 235px; height: 34px; padding: 8px 45px 8px 5px; line-height: 18px; border: 1px solid #e4e4e4; }
.webjob-live .live-c-con .comment .sendChat{ display: block; position: absolute; right: 0px; top: 0px; width: 40px; height: 32px; line-height: 32px; text-align: center; color: #666; background: #F7F4F4; cursor: pointer; border: 1px solid #e4e4e4; }
.webjob-live .live-c-con .comment .emChat{ display: block; position: absolute; right: 48px; top: 1px; bottom: 1px; width: 32px; line-height: 32px; text-align: center; color: #666; background: url('../../images/webjob/emIcon.png') center no-repeat; cursor: pointer; }
.webjob-live .live-info{ position: absolute; right: 297px; bottom: 0; left: 0; padding: 0 70px 0 10px; height: 94px; }
.webjob-live .live-info h3{ margin-bottom: 10px; font-size: 18px; line-height: 28px; font-weight: 400; }
.webjob-live .live-info p{ overflow: hidden; max-width: 700px; height: 54px; color: #666; font-size: 12px; word-break: break-all; }
.webjob-live .live-info .live-i-switch{ position: absolute; right: 30px; top: 0; padding: 0 10px; font-size: 12px; color: #fff; background: #8d8e91; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; }
.webjob-live .live-info .live-i-switch:hover{ background: #2d85ca; color: #fff; cursor: pointer; }
/* live end */

/* agreement */
.agreement-wrap{ margin: 0 auto; text-align: left; width: 795px; font-family: 'helvetica neue','hiragino sans gb','ST HeiTi','microsoft yahei','\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif; }
.agreement-con i{ display: block; text-align: center; }
.agreement-con i img{ width: 100%; height: 100%; }
.agreement-con{ margin-top: 30px; padding: 100px 120px 100px; border: 1px solid #efefef; background: #fff; }
.agreement-con h1{ margin-bottom: 25px; font-size: 35px; font-weight: bold; text-align: center; }
.agreement-con h2{ margin-bottom: 15px; font-size: 28px; font-weight: bold; text-align: center; }
.agreement-con h3{ margin: 10px 0 20px; font-size: 14px; font-weight: bold; text-align: center; }
.agreement-con .agreement-logo{ margin: 0 auto; width: 160px; height: 160px; }
.agreement-con p.title{ text-indent: 2em; }
.agreement-con p{ font-size: 12px; line-height: 20px; }
.agreement-c-list em{ float: left; }
.agreement-c-list p{ float: right; width: 497px; }
.agreement-c-list:after{ content:'\0020';display:block;height:0;clear:both;visibility:hidden; }
.agreement-con table{ margin: 0 auto; width: 380px; font-size: 14px; }
.agreement-con table th,.agreement-con table td{ border: 1px solid #000; padding: 0 5px; text-align: center; }
/* agreement end */


/* historytask */

.histask-edge{ margin: 30px auto 0; padding: 30px 90px; width: 1180px; min-height: 300px; font: 14px/24px #1d2122; background: #fff; box-sizing: border-box; }
.histask-edge div{ box-sizing: border-box; }
.passtask{ margin: 0 auto; padding: 15px; width: 1000px; border: 1px solid #e4e4e4; }
.passtask h2{ margin-bottom: 5px; font-size: 14px; line-height: 24px; font-weight: bold; }
.passtask-c-item{ float: left; margin-right: 15px; padding: 15px; width: 310px; height: 120px; border: 1px solid #e4e4e4; }
.passtask-c-item:last-child{ margin-right: 0; padding: 15px 60px; }
.passtask-c-item h3{ font-size: 14px; font-weight: bold; text-align: center; }
.passtask-c-item h3 b{ margin-left: 10px; font-size: 28px; vertical-align: bottom; }
.passtask-c-item h3 b.one{ color: #59a879; }
.passtask-c-item h3 b.two{ color: #1e7bc1; }
.passtask-c-item h3 b.three{ color: #ff5c00; }
.passtask-c-item p{ margin-top: 15px; font-size: 12px; }
.passtask-c-item em{ display: inline-block; width: 25px; height: 24px; background: url(../../images/webjob/star.jpg) no-repeat center top; vertical-align: bottom; }
.passtask-title{ margin-top: 15px; font-size: 14px; text-align: center; }
.passtask-title .btn{ padding: 10px 25px !important; width: 110px; height: 34px; text-align: center; line-height: 34px; color: #fff; border: 1px solid #ff5a01; border-radius: 5px !important; background: #ff5a01; }
.details{ margin: 15px auto 0; border: 1px solid #e4e4e4; color: #1d2122; }
.details h2{ padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #e4e4e4; background: #f2f2f2; }
.details-list{ position: relative; padding: 15px; height: 520px; border-bottom: 1px solid #e4e4e4; }
.details-list h3{ padding-left: 15px; font-size: 14px; font-weight: bold; }
.details-l-info{ position: absolute; left: 70px; top: 105px; }
.details-l-img{ position: absolute; right: 100px; top: 90px; }
.details-l-summarize{ position: absolute; left: 70px; bottom: 30px; }
.details-l-grade{ position: absolute; right: 0; bottom: 30px; padding-top: 10px; width: 195px; height: 100px; text-align: center; border-left: 1px solid #e4e4e4; }
.details-l-grade b{ font-size: 46px; color:#fe5706; }
.history-grade-task {background-color: #f9f9f9;margin-left:3px; border-radius: 4px;padding:3px}
/*lu - add*/
.line-legend{ display: inline-block;float: right}
.line-legend li{ display: inline-block;margin-right: 5px;}
.line-legend li span{ background-color: #DAB1D5;width: 15px;height: 10px;display: inline-block;margin-right: 3px;}
.canvaschart{ border: 1px solid #F5F5F5;padding: 10px;width: 550px;height: 280px;}
.history-tips{ padding-left:14px;}
/* historytask end */


/* finish 毕业设计 */
.webjob-finish{ margin: 30px auto 0; padding: 25px 100px 0; width: 870px; height: 235px; background: #fff; }
.webjob-finish h2{ font-size: 24px; line-height: 34px; color: #333; }
.webjob-finish ul{ margin: 40px auto 0; width: 760px; }
.webjob-finish li{ position: relative; float: left; padding-top: 75px; width: 80px; height: 25px; text-align: center; font-size: 18px; color: #323232; background: url(../../images/webjob/gradeClose.png) no-repeat center top; }
.webjob-finish li:not(:last-child){ margin-right: 260px; }
.webjob-finish li:not(:last-child):after{ display: block; position: absolute; top: 40px; left: 100%; width: 260px; height: 5px; background: #ccc; border-radius: 5px; content: ""; }
.webjob-finish li.active{ color: #56abe4; background: url(../../images/webjob/unlock.png) no-repeat center top; }
.webjob-finish li.active:after{ background: #56abe4; }

/* finishselect 毕业设计选题 */
.webjob-finishtitle{ padding-left: 520px; height: 168px; background: url(../../images/webjob/finishtitlebg.jpg) no-repeat left top; }
.webjob-finishtitle .finishtitle-info{ float: left; width: 312px; height: 100%; background: #181818; }
.webjob-finishtitle .finishtitle-info li{ height: 56px; line-height: 56px; font-size: 12px; text-align: center; color: #fff; }
.webjob-finishtitle .finishtitle-info li:not(:last-child){ border-bottom: 1px solid #1f2022; }
.webjob-finishtitle .finishtitle-state{ float: left; width: 170px; height: 100%; line-height: 170px; text-align: center; font-size: 25px; color: #fff; background: #292c31; }
.webjob-finishtitle .finishtitle-timer{ float: left; width: 178px; height: 100%; background: #fff; }
.webjob-finishtitle .finishtitle-timer h2{ margin-top: 3px; font-size: 12px; text-align: center; font-weight: normal; }


.webjob-finishremind{ margin-top: 20px; padding: 22px 80px 22px 30px; font-size: 12px; line-height: 20px; text-indent: 3em; color: #333; background: #fff; }

.webjob-finshlist{ margin-top: 20px; padding: 30px 40px 100px; background: #fff; }
.webjob-finshlist h2{ margin-bottom: 12px; height: 50px; line-height: 50px; font-size: 24px; text-indent: 1em; color: #4199d4; border-bottom: 1px solid #cecbce; }
.webjob-finshlist .finshlist-item{ margin-bottom: 22px; }
.webjob-finshlist .finshlist-i-top{ position: relative; padding: 15px 95px 15px 62px; font-size: 14px; line-height: 26px; color: #787d82; background: #f2f7fa; cursor: pointer; }
.webjob-finshlist .finshlist-i-top b{ margin-right: 20px; font-size: 18px; color: #0b0c0d; }
.webjob-finshlist .finshlist-i-top .num{ position: absolute; left: 19px; top: 17px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 20px; color: #fff; background: #0fa6ea; border-radius: 50%; }
.webjob-finshlist .finshlist-i-top .icon{ position: absolute; right: 28px; top: 50%; margin-top: -6px; width: 12px; height: 12px; }
.webjob-finshlist .finshlist-i-top .icon:before{ display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 12px; height: 2px; content: ""; background: #cecece; }
.webjob-finshlist .finshlist-i-top .icon:after{ display: block; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 2px; height: 12px; content: ""; background: #cecece; }
.webjob-finshlist .finshlist-i-top .icon.yes:after{ display: none; }
.webjob-finshlist .finshlist-i-con{ display: none; padding: 12px 95px 0 62px; }
.webjob-finshlist .finshlist-i-con.yes{ display: block; }
.webjob-finshlist .finshlist-i-con.active{ display: block; }
.webjob-finshlist .finshlist-i-con:after{ display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: ""; }
.webjob-finshlist .finshlist-btn{ display: block; float: right; width: 190px; height: 45px; line-height: 42px; font-size: 22px; text-align: center; color: #fff; background: #2d85ca; border-radius: 5px; }
.subjectth th{text-align: center;}
.subjectcontent th{text-align: center;}
.subjectth th{font-weight: bold}

/*讲师列表-师资力量*/
#webjob-edge .lecturer-list li{ padding: 14px 0; border-bottom: 1px solid #eff3f5; clear: both; overflow: hidden; }
#webjob-edge .lecturer-list li .lecturerImg{ position: relative; margin-right: 10px; width: 110px; height: 120px; }
#webjob-edge .lecturer-list li .personalpic {width:100px;height:100px;border:1px solid #c0c0c0}
#webjob-edge .lecturer-list .lecturer-task-infor{ padding-top: 9px; }
#webjob-edge .lecturer-list .lecturer-task-infor h2{ margin-bottom: 5px; font-size: 14px; font-weight: bold; }
#webjob-edge .lecturer-list .lecturer-task-infor p{ margin-bottom: 20px; width: 630px; font-size: 12px; color: #666; }
#webjob-edge .lecturer-list .lecturer-task-infor dl dd{ float: left; margin-right: 45px; color: #666; }
#webjob-edge .lecturer-list .lecturer-task-infor dl dd em{ margin-right: 10px; }
#webjob-edge .lecturer-list .lecturer-task-infor dl dd .goodIcon{ display: block; float: left; width: 21px; height: 21px; background: url(../../images/webjob/goodIcon.png) no-repeat left top; }

/* 弹窗 */
.webjob-finshpop{ display: none; position: fixed; width: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); }
.webjob-finshpop .finshpop-info{ position: absolute; margin: auto; width: 400px; height: 200px; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 5px; box-shadow: 2px 2px 10px #c0c0c0; }
.webjob-finshpop .finshpop-info h2{ height: 40px; line-height: 40px; font-size: 16px; text-align: center; font-weight: bold; color: #333; background: #f7f7f7; border-radius: 5px; }
.webjob-finshpop .finshpop-info p{ padding: 20px 80px 20px 60px; font-size: 14px; line-height: 34px; }
.webjob-finshpop .finshpop-info .finshpop-btnbox{ height: 30px; padding: 10px 85px 10px 115px; background: #f7f7f7; }
.webjob-finshpop .finshpop-info .finshpop-btn{ width: 93px; height: 28px; line-height: 28px; text-align: center; color: #000; border: 1px solid #ccc; }
.webjob-finshpop .finshpop-info .finshpop-btn.yes{ color: #fff; background: #0080c0; border: 1px solid #0080c0; }

/*举报弹窗*/
.popup .inner .report-pop { background: none;height:auto; padding: 0 20px 20px 20px; margin: 0px; }
.popup .inner .report-pop .matter-bottom, .report-pop .matter-b-text { height:auto;overflow:hidden; }
.popup .inner .report-pop .matter-b-text textarea{ height: 120px !important;border: 1px solid #e6e6e6; }
.popup .inner .report-pop .title-h { float: left; }

/* 协议弹窗 */
.webjob-deal{ display: none; z-index: 990; position: fixed; margin: auto; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); }
.webjob-deal .webjob-d-con{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 1210px; background: #fff; overflow-y: auto; }
.webjob-deal .webjob-d-close{ display: block; position: absolute; right: 23px; top: 27px; width: 36px; height: 36px; background: url(../../images/webjob/x.png) no-repeat center; }
.webjob-deal h2{ padding-left: 38px; height: 82px; line-height: 82px; font-size: 30px; font-weight: bold; color: #fff; text-shadow: -2px 2px 5px #d1caca; background: url(../../images/webjob/dealh2bg.jpg) repeat-x; }
.webjob-deal .webjob-d-c-head{ padding-top: 25px; padding-left: 170px; font-size: 18px; line-height: 64px; }
.webjob-deal .webjob-d-c-head input{ margin-left: 10px; width: 220px; border-bottom: 1px solid #666; text-align: center; }
.webjob-deal .webjob-d-c-head span{ display: none; margin-left: 10px; font-size: 14px; color: #e82a2a; }
.webjob-deal .webjob-d-c-body{ margin-top: 50px; padding-left: 170px; padding-right: 169px; }
.webjob-deal .webjob-d-c-body h3{ position: relative; margin-top: 25px; margin-left: 50px; }
.webjob-deal .webjob-d-c-body h3 b{ display: block; position: absolute; left: -50px; width: 50px; text-align: right; }
.webjob-deal .webjob-d-c-body p{ margin-left: 50px; }
.webjob-deal .webjob-d-c-bot{ margin-top: 60px; margin-right: 170px; font-size: 14px; line-height: 75px; text-align: right; }
.webjob-deal .webjob-d-c-bot input{ width: 210px; border-bottom: 1px solid #191d1f; font-size: 30px; text-align: center; }

.personal-base-tab .deal{ color: #1c568f; }
.personal-base-tab .deal:hover{ color: #0fa6ea; }

/* 新版返回顶部 */
.gotop{ position: fixed; right: 20px; bottom: 120px; width: 44px; background: #fff; }
.gotop .icon{ display: inline-block; background: url(../../images/newjob/icon-gotop.png) no-repeat; }
.gotop .icon-top{ width: 16px; height: 10px; background-position: 0 0; }
.gotop .icon-wx{ width: 14px; height: 11px; background-position: -1px -37px; }
.gotop .icon-dh{ width: 15px; height: 11px; background-position: 0 -69px; }
.gotop .icon-app{ width: 9px; height: 14px; background-position: -4px -102px; }
.gotop .icon-ly{ width: 13px; height: 14px; background-position: -2px -135px; }
.gotop ul{ position: relative; }
.gotop li{ height: 33px; line-height: 33px; text-align: center; cursor: pointer; }
.gotop li:nth-child(2):hover .icon{ background-position: -20px -37px; }
.gotop li:nth-child(3):hover .icon{ background-position: -19px -69px; }
.gotop li:nth-child(4):hover .icon{ background-position: -23px -102px; }
.gotop li:nth-child(5):hover .icon{ background-position: -21px -135px; }
.gotop li:after{ display: block; margin: 0 auto; width: 18px; border-bottom: 1px solid #eee; content: ""; }
.gotop li:last-child:after{ display: none; }
.gotop .goto-top{ display: none; height: 44px; line-height: 44px; background: #434343; }
.gotop .goto-top:after{ display: none; }
.gotop p{ font-size: 12px; line-height: 15px; color: #676464; text-align: center; }
.gotop p span{ font-size: 16px; line-height: 26px; }
.gotop .code{ margin: 17px auto 0; width: 124px; }
.gotop-con{  position: absolute; bottom: 0; right: 100%; padding-top: 20px; width: 172px; height: 192px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1);  opacity: 0; -webkit-transition: opacity 0.25s, transform .3s; -moz-transition: opacity 0.25s, transform .3s; transition: opacity 0.25s, transform .3s;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
}
.gotop li:hover .gotop-con{
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    max-width: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.gotop .gptop-dh{ width: 128px; height: 62px; }

/*百度logo*/
.jwplayer .jw-icon-barlogo:before {
    content: none;
}
.jw-icon-barlogo {
    background: url(../../images/baiduLogo.png) no-repeat;
    background-position: center;
}