#banner { background-image: url(/src/img/banner.jpg); background-position: center top;background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 400px; text-align: center;}

.content-one .left,.content-one .right,.checkCourse .left,.checkCourse .right { width: 575px }

.ranking,.learning  { background: #f2f2f2; }
.ranking .tab-title { height: 18px; padding: 14px 0; }
.ranking .tab-title ul li {	cursor: pointer; font-size: 16px; line-height: 18px; text-align: center; width: 287px; float: left;}
.ranking .tab-title ul li.active { color: #f87620 }
.ranking .tab-title ul li.last-child { border-left: 1px solid #ccc; }

.ranking .tab-thead { height: 40px; background: #f9f9f9; line-height: 40px; text-align: center; }
.ranking .tab-thead .first-child { width: 150px; }
.ranking .tab-thead .midd-child { width: 120px; }
.ranking .tab-thead .last-child { width: 305px; text-align: left; text-indent: 1em; }

.ranking .tab-tbody { height: 384px;  }
.ranking .tab-tbody ul { padding: 15px 0 }
.ranking .tab-tbody ul li { line-height: 35px; }
.ranking .tab-tbody ul li .first-child { padding-left: 28px; position: relative; width: 122px; }
.ranking .tab-tbody ul li .first-child span { width: 24px; height: 24px; line-height: 24px; text-align: center;  position: absolute; top: 5px;}
.ranking .tab-tbody ul li .first-child span.no1,.ranking .tab-tbody ul li .first-child span.no2,.ranking .tab-tbody ul li .first-child span.no3 { background: url(/src/img/icon.png) -158px -5px no-repeat; color: #fff; }
.ranking .tab-tbody ul li .first-child span.no2 {background: url(/src/img/icon.png) -198px -5px no-repeat;}
.ranking .tab-tbody ul li .first-child span.no3 {background: url(/src/img/icon.png) -238px -5px no-repeat;}
.ranking .tab-tbody ul li .first-child p { padding-left: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ranking .tab-tbody ul li .first-child p:hover{ color: #f87620;}

.ranking .tab-tbody ul li .midd-child { width: 120px; text-align: center; }
.ranking .tab-tbody ul li .last-child { width: 305px; text-indent: 1rem; }

.learning { height: 470px; }
.learning ul { padding: 30px; }
.learning .learning-list { height: 43px; line-height: 43px; position: relative; }
.learning .learning-list a:hover{ color: #f87620;}
.learning .learning-list p { width: 400px }
.learning .learning-list span { position: absolute; right: 0; top: 0; }


.learLine { background: url(/src/img/line.jpg) center top no-repeat; height: 260px;}
.learLine h2.title { font-size: 20px; text-align: center; padding-top: 30px; font-weight: bold; }
.learLine .timeAxis { width: 100%; height: 4px; background: #f87620; }

.learLine .learLine-list { width: 20%; }
.learLine .learLine-list .learLine-circle { width: 12px; height: 12px; border: 4px solid #f87620; border-radius: 50%; top: -12px; background: #f3f2f6; left: 50%; margin-right: -10px;}
.learLine .learLine-list:hover .learLine-circle { background: #f87620 }
.learLine .learLine-list . { background: #f87620 }
.learLine .learLine-list .learLine-tbody { margin-top: 24px; text-align: center; line-height: 26px; padding: 0 20px;}
.learLine .learLine-list .learLine-tbody .classify { height: 84px; }
.learLine .learLine-list a { color: #363636 }
.learLine .learLine-list .learLine-tbody .title { font-size: 16px; font-weight: bold; line-height: 20px; padding-bottom: 5px;}

.courseRecommend .courseRecommend-list {  }

.teacherRecommend { background: #f2f2f2; padding: 40px; }

.checkCourse .content { background: #f2f2f2; height: 165px; padding: 10px 30px; }
.checkCourse .content ul li.posr { line-height: 33px; height: 33px; }
.checkCourse .content ul li.posr .etc { width: 380px }
.checkCourse .content ul li.posr .etc a:hover{ color: #f87620;}
.checkCourse .content ul li.posr .abso { right: 0; top: 0}