button{ cursor: pointer; }
.header-nav{ height: 45px; }
.header-body{ height: 135px; }
.header-logo{ margin-top:46px; }
.header-body .header-search .seacher-a{ margin:19px 0 10px; }
.header-body .header-search{/*margin-left: 214px;float: right;margin: 0;*/vertical-align: top;display: inline-block;}
.navigation{ position: static; background:#ff5705; color:#fff; height: 45px; line-height: 45px;}
.header-nav .nav-right li:first-child{ padding-left: 0; }
.header-nav .nav-right li{ padding-right: 50px; }
.header-nav .nav-right li a,.header-nav .nav-right li.on a,.header-nav .nav-right li:hover a{ color:#fff; }
.breadcrumbs{ margin:20px 0; font-size: 14px; line-height: 14px;}
.breadcrumbs a,.breadcrumbs span{ color:#010101; font-size: 14px;}
.header-container{ width:100%; float:left;}
.course-left{ width:900px; margin-right: 25px; display: inline-block;}
.course-left .img-holder{width:270px;height: 140px;margin-right: 20px;display: inline-block;vertical-align: top;line-height: 140px; background: #f7f8f8;text-align: center; position: relative;}
.course-left .img-holder .top{ position: absolute; top:0; left: 0; width:29px; height: 35px; background: url(../images/top-bg.png) no-repeat; text-align: center; color:#fff; line-height: 28px; font-size: 18px;}
.course-left .img-holder img{width:192px;height: 80px;vertical-align: middle;}
.course-info{ width:605px; display: inline-block; }
.course-info .course-name{ font-size: 18px; margin:2px 0 20px; line-height: 18px; color:#000; }
.course-con div{ font-size: 16px; color: #5e5e5e; line-height: 16px; padding-left: 18px; margin-bottom: 10px;}
.course-con div.school{ background:url(../images/school.png) no-repeat left; background-size: 13px; }
.course-con div.price{ background:url(../images/price.png) no-repeat left; background-size: 13px; }
.course-con div.time{ background:url(../images/time.png) no-repeat left; background-size: 13px; }
.status{ font-size: 16px; color:#ff5705; margin-top: 10px; display: inline-block;}
.course-content{ margin-top:30px; }
.course-title{ line-height: 20px; padding-bottom: 8px; border-bottom: 1px solid #dededf; }
.course-title span{ font-size: 20px;  }
.course-title .time{ display: inline-block; float: right; font-size: 14px; color:#5e5e5e; }
.course-brief{ padding-bottom: 30px; }
.course-brief p{ font-size: 16px; color:#5e5e5e; line-height: 30px; }
.course-right{ width:270px; display: inline-block; vertical-align: top; }
.course-right .relative{ padding:9px; border:1px solid #dededf; margin-bottom: 19px; }
.global-title{ font-size: 20px; color:#000; border-left: 5px solid #ff5705; line-height: 18px; height: auto; border-bottom: none; padding-left: 15px; left: 0;}
.cr-img{ margin:10px 0 13px; }
.cr-list{ font-size:16px; line-height: 30px; }
.cr-list li{ padding-left: 14px; position: relative;}
.cr-list li:before{ content:''; position: absolute; top:13px; left: 0; width:4px; height: 4px; background: #5e5e5e; border-radius: 50%; }
.cr-list li a{ color:#5e5e5e; }

.top.course-left{ width:100%; margin-right: 0; } 
.top.course-left .course-info{ width:936px; }
.top .course-info .course-name{ margin-bottom: 11px; }
.followed{padding-left: 18px;background: url(../images/followed.png) no-repeat left;background-size: 12px;color:#5e5e5e;line-height: 14px;}
.top .status{margin: 21px 0;line-height: 16px;}
.top .school-brief{font-size: 14px;color:#5e5e5e;line-height: 26px;}

.school-container{ margin-top:30px; }
.course-title li{ display: inline-block; margin-right: 30px; }
.course-title li a{ font-size: 20px; line-height: 20px; }
.course-title li a.active{ color:#ff5705; }

.school-list a{ color:inherit; font-size: inherit;}
.school-list li{ padding:20px 0; position: relative; border-bottom: 1px solid #dededf;}
.school-list li:first-child{ border-top: 1px solid #dededf; margin-top: 20px; }
.school-list li:hover{ transition: all 0.3s linear; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); }
.school-list .course-info .course-name{ margin:0 0 12px 0; }
.school-list .school-brief{ color:#5e5e5e; font-size: 14px; line-height: 28px;}
.school-list .school-brief a.view-more{ color:#ff5705; float: right; }
.school-list .time{ font-size: 14px; color:#5e5e5e; position: absolute; bottom: 20px;}

.pager{ margin:20px 0 30px; }
.pager li{ display: inline-block; height: 30px; line-height: 28px; border:1px solid #ddddde; text-align: center; margin-right: 10px; font-size: 16px; color:#5e5e5e;}
.pager li a{ display: inline-block; min-width: 36px; font-size: 16px; color:#5e5e5e;}
.pager li .special{ width:62px; }
.pager li .gray{ background: #f7f8f8; }
.pager li .gray.last.special{ width:122px; display: inline-block;}

.school-name{color:#010101;font-size: 20px;width: auto;display: inline-block;padding-top: 70px;vertical-align: bottom;float: left;}
.header-body .header-cities{ padding-top: 30px; padding-right: 20px; }

.sort-con{ border:1px solid #dfdfe0; width:100%; padding:11px 10px 0 11px; margin-bottom: 10px;}
.sort-name{ width:104px; font-size: 18px; color:#000000; display: inline-block; vertical-align: top;}
.sort-list{ width:1068px; display: inline-block; }
.sort-list li{ display: inline-block; width:auto; padding:0 27px 15px 0;}
.sort-list li a{ color:#000000; }
.sort-list li a.active{ color:#ff5705; }
.ci-con{margin: 3px 0 10px;display: inline-block;}
.ci-con div{ display: inline-block; width: auto;}
.ci-con div.course{ padding-left: 18px;background: url(../images/course.png) no-repeat left; background-size: 12px; color:#5e5e5e;line-height: 14px; margin-right: 49px;}
.intro .global-title{ margin-bottom: 20px; }
.intro .intro-con{ border-top:1px solid #cfcfd0; padding-top: 18px; font-size: 16px; padding-bottom: 28px; color:#5e5e5e; line-height: 28px;}

.re-course{ margin:30px 0; }
.global-title .more{ display: inline-block; float: right; font-size: 14px; color:#8f9090; }
.global-title .more a{ font-size: 14px; color:#8f9090; }
.re-course .school-list .school-brief a.view-more{ float: none; }
.ci-con .wide{ width:100%; display: block; font-size: 14px; }
.ci-con .wide:first-child{ margin-bottom: 10px; }
.ci-con .wide div{ padding: 0 36px 0 18px; background-size: 12px;color:#5e5e5e;line-height: 14px; }
.ci-con .wide div.school-icon{ background: url(../images/school.png) no-repeat left; background-size: 12px;}
.ci-con .wide div.price{ background: url(../images/price.png) no-repeat left; background-size: 12px;}
.ci-con .wide div.date{ background: url(../images/time.png) no-repeat left; background-size: 12px;}
.course-left .re-course .img-holder{ height:170px; background: none; background-size: 12px;}
.course-left .re-course .img-holder img{ width: auto;height: auto;max-width: 270px;max-height: 170px;}

.re-read li{ width: auto; display: inline-block; margin-right: 23px;}
.re-read li a{ color:#5e5e5e; font-size: 14px; line-height: 28px; }
.school-name.re-name{ margin-left: 20px; }
.header-body .header-search.re-search{ margin-left: 280px; }
.header-body .header-search.topic-search{ margin-left: 214px;}

.re-course.courselist{ margin-top: 0; }
.toolbar li{ width: auto; display: inline-block; margin-right: 20px; padding-bottom: 10px; }
.toolbar li a{ font-size: 24px; color:#000000; display: inline-block;}
.toolbar li a.active{ color:#ff5705; position: relative;}
.toolbar li a.active:after{ content:''; position: absolute; bottom: -14px; width:100%; height: 4px; background:#ff5705; left: 0; }
.courselist .school-list li:first-child{ margin-top:0; }
.global-title.spe{ margin-bottom: 20px; }


.contact{margin-bottom: 109px;text-align: center;background: url(../images/bg.png) no-repeat;padding:29px 18px 34px;background-size: cover;border-right: 1px solid #ff5705;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
form li{ margin-bottom: 10px; }
form li input{ width:100%; height: 34px; color:#5e5e5e; padding:0 11px; border-radius: 2px; font-size: 14px;}
.test-title{ font-size:18px; color:#fff; background: #ff5705; line-height:38px; height: 38px; margin-left: -30px; border-top-right-radius: 38px; border-bottom-right-radius: 38px; position: relative;}
.test-title:after{ content:''; position: absolute; bottom:-8px; left:0; width: 0; height: 0; border-top: 8px solid #b53300; border-left: 12px solid transparent;}
.note{ font-size:14px; margin:20px 0 18px; color:#5e5e5e;}
.countdown{ color:#ff5705; font-size: 32px; margin-bottom: 22px; line-height: 32px; }
form button{ width:100%; height:34px; line-height: 34px; text-align: center; color:#fff; background: #ff5705; border:none; border-radius: 2px; }
.note.more{font-size: 12px;color:#5e5e5e;margin: 23px 0 0;padding-bottom: 20px;border-bottom: 1px dashed #fff;}
.contact-info .tel{margin-top: 20px;margin-bottom: 30px;padding-left: 23px;font-size: 17px;color:#000;background: url(../images/phone.png) no-repeat left center;background-size: 18px;text-align: left;}
.contact-info button{width:128px; height:42px; line-height:42px; border-radius: 34px; border:none; background:#ff5705; font-size:16px; margin:0 auto;background: url(../images/btn_zxzx1.gif) no-repeat center;background-size:100%;}






.intro.news .intro-con ul{ width:100%; display: inline-block; vertical-align:top;}
.intro.news .intro-con ul li{width: 30.9%;height:28px;overflow:hidden;margin-right: 3%;display: inline-block;}
.intro.news .intro-con ul li:nth-of-type(3n){ margin-right:0;}
.intro.news .intro-con ul li a,.intro.news .intro-con ul li a span{ color:#5e5e5e; line-height: 28px; font-size: 16px; }
.intro.news .intro-con ul li a span{ display:inline-block;}
.intro.news .intro-con ul li a label{ float: right; color:#5e5e5e; line-height: 28px; font-size: 14px; width:46px; text-align:right;}
.intro.relative-city .intro-con ul{ width:100%; display: inline-block; color:#5e5e5e; line-height: 28px; font-size: 14px;}
.intro.relative-city .intro-con ul li{ width:24%; display: inline-block; padding-right: 20px; }
.intro.relative-city .intro-con ul li a{ color:#5e5e5e; line-height: 28px; font-size: 16px;}

.topic-list .toolbar li{ font-size: 24px; color:#000000; cursor: pointer;}
.topic-list .toolbar li.active{ color:#ff5705; position: relative;}
.topic-list .toolbar li.active:after{ content:''; position: absolute; bottom: 0; width:100%; height: 4px; background:#ff5705; left: 0; }