@charset "utf-8";
body {
  height: 100%;
  background: #f7f7f7;
}
/*首页头部公用*/
div.titlebar {
  height: 1.17333333rem;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  background: -webkit-linear-gradient(-135deg, #ff7700, #ff6627);
  background: linear-gradient(-135deg, #ff7700, #ff6627);
  overflow: hidden;
}
/*首页单独用*/
.headLogo {
  padding: 0.2rem 0 0.18666667rem 0.17333333rem;
}
.headLogo img {
  width: 2rem;
  height: 0.8rem;
}
p.schoolName {
  width: 2.66666667rem;
  font-size: 0.48rem;
  color: #FFFFFF;
  float: left;
  padding-right: 2.53333333rem;
  padding-left: 1.46666667rem;
  text-align: center;
}
/*首页二级页公用头部菜单栏按钮*/
.btn {
  padding: 0.08rem 0.26666667rem 0 0.26666667rem;
}
.btn img {
  width: 0.64rem;
  height: 0.64rem;
}
/*首页二级页菜单栏显示内容*/
.hidden {
  display: none;
}
.btn_lan {
  padding: 0.6rem 0.73333333rem 0.66666667rem;
  position: absolute;
  right: 0;
  top: 1.17333333rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.btn_lan li {
  height: 1.12rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.25333333rem 0.48rem;
  position: relative;
}
.btn_lan li:after {
  content: "";
  height: 0.02666667rem;
  width: 1.6rem;
  background: #777777;
  position: absolute;
  top: 0.8rem;
  left: 0.29333333rem;
  z-index: 15;
}
.btn_lan > ul > li:last-child:after {
  content: "";
  height: 0;
  width: 0;
  z-index: -1;
}
.btn_lan a {
  font-size: 0.42666667rem;
  color: #FFFFFF;
}
.closed {
  position: absolute;
  z-index: 15;
  top: 0.4rem;
  right: 0.26666667rem;
}
.closed img {
  width: 0.4rem;
  height: 0.4rem;
}
/*二级页面头部返回按钮及标题样式*/
.back_btn {
  padding: 0.02666667rem 0.32rem 0 0.24rem;
}
.back_btn img {
  width: 0.64rem;
  height: 0.64rem;
}
p.course_title {
  width: 7.6rem;
  float: left;
  font-size: 0.48rem;
  color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*课程明细标题后面背景*/
.course_bg {
  width: 9.49333333rem;
  height: 2.56rem;
  font-size: 0.53333333rem;
  color: #FFFFFF;
  padding: 1.01333333rem 0 0 0.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.34666667rem 0 0 0.26666667rem;
  background: url(../img/bg_kechengxiangqing.png) no-repeat center;
  -webkit-background-size: 9.49333333rem 2.56rem;
  background-size: 9.49333333rem 2.56rem;
}
div.course_container {
  font-family: Microsoft YaHei, Tahoma, Arial, sans-serif;
  width: 9.49333333rem;
  margin-left: 0.26666667rem;
  padding: 0.69333333rem 0.64rem 1.26666667rem 0.37333333rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 0 1.33333333rem 1.33333333rem;
  border-radius: 0 0 0.26666667rem 0.26666667rem;
  box-shadow: 0 0 0.05333333rem #e7e7e7;
}
/*首页焦点图*/
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0.88rem;
}
.swiper-pagination-bullet {
  background: #FFFFFF;
}
.swiper-pagination-bullet-active {
  background: #FF7700;
}
.swiper-slide img {
  display: block;
  height: 5.06666667rem;
  width: 10rem;
}
/*课程列表九宫格按钮链接*/
.course_nav {
  width: 100%;
  height: 4.26666667rem;
  background: #FFFFFF;
}
.course_nav > ul {
  padding: 0.18666667rem 0 0.24rem 0;
}
.course_nav li {
  float: left;
  margin: 0.24rem 0 0.24rem 0.26666667rem;
  border: 1px solid #FF7700;
  -webkit-border-radius: 1.33333333rem;
  border-radius: 1.33333333rem;
  text-align: center;
}
li.current_page {
  background: #FF7700;
}
.course_nav a {
  height: 0.74666667rem;
  width: 2.93333333rem;
  line-height: 0.77333333rem;
  font-size: 0.37333333rem;
  color: #FF7700;
}
.current_page a {
  color: #FFFFFF;
}
/*首页九宫格链接*/
div.icon {
  width: 9.49333333rem;
  height: 8.85333333rem;
  background: #FFFFFF;
  position: relative;
  z-index: 5;
  margin: -0.56rem 0.24rem 0.42666667rem 0.26666667rem;
}
.icon > ul {
  overflow: hidden;
  padding: 0.37333333rem 0.82666667rem 0;
}
ul.icon_bottom {
  padding-top: 0.61333333rem;
}
div.line {
  height: 0.02666667rem;
  width: 7.38666667rem;
  background: #e7e7e7;
  position: relative;
  left: 1.06666667rem;
  top: 0.42666667rem;
}
li.icon_slide {
  float: left;
  width: 2.90666667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-right: 0.66666667rem;
}
.icon_slide:nth-child(3n) {
  width: 1.97333333rem;
  padding-right: 0;
}
.icon_slide > a {
  display: inline-block;
}
.icon_slide img {
  width: 1.97333333rem;
  height: 1.97333333rem;
}
.icon_slide a > p {
  font-size: 0.34666667rem;
  color: #333333;
}
/*首页课程推荐，分类明细同课程列表公用course*/
div.course {
  margin-top: 0.42666667rem;
  width: 100%;
  height: 5.86666667rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.53333333rem 0.24rem 0 0.29333333rem;
}
ul.course_wrap {
  position: relative;
  margin-top: 0.05333333rem;
  border-bottom: 1px solid #f1f1f1;
}
/*课程列表明细最外层独有样式*/
div.course_wapper {
  height: 100%;
  margin-bottom: 0.4rem;
}
div.course_wraps {
  margin-top: 0.05333333rem;
  position: relative;
  padding-bottom: 0.26666667rem;
  background: #FFFFFF;
}
/*div.course_wraps>a{
   height: 84/@rem;
}*/
/*首页*/
.course_wrap > div {
  width: 2.37333333rem;
  height: 0.10666667rem;
  background: #FF7700;
  -webkit-border-radius: 2.66666667rem;
  border-radius: 2.66666667rem;
  position: absolute;
  top: 0.6rem;
  z-index: 10;
}
li.tuijian {
  float: left;
  width: 1.78666667rem;
  height: 0.56rem;
  line-height: 0.56rem;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  font-size: 0.42666667rem;
  color: #666666;
  text-align: center;
  padding-bottom: 0.10666667rem;
}
li.tuijian:first-child {
  margin-left: 0;
}
li.course_first {
  padding-left: 0.56rem;
  background: url(../img/icon_kecheng.png) no-repeat left -0.02666667rem;
  -webkit-background-size: 0.56rem 0.56rem;
  background-size: 0.56rem 0.56rem;
}
li.course_list {
  color: #FF7700;
}
div.course_tab {
  position: relative;
}
div.banji_wrap {
  position: absolute;
  z-index: -1;
}
.banji_wrap > p {
  clear: both;
  position: relative;
  top: 0.29333333rem;
  width: 100%;
  text-align: center;
}
.banji_wrap > p > a {
  height: 0.50666667rem;
  font-size: 0.37333333rem;
  color: #333333;
  position: relative;
}
@media screen and (max-width: 750/75rem) {
  body {
    width: 10rem;
    margin: 0 auto;
  }
}
div.tab_first {
  z-index: 10;
}
.banji_menu {
  width: 8.10666667rem;
  border-bottom: 1px solid #F1F1F1;
  overflow: hidden;
  margin-left: 1.04rem;
  position: relative;
}
.banji_menu > .clear_fix {
  float: left;
  width: 5.78666667rem;
  margin-left: 0.26666667rem;
}
/*课程列表页面，课程标题部分*/
.course_name {
  line-height: 0.56rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.42666667rem;
  color: #FF7700;
  padding-left: 0.56rem;
  padding-bottom: 0.10666667rem;
  border-bottom: 1px solid #F1F1F1;
  background: url(../img/icon_kecheng.png) no-repeat left -0.02666667rem;
  -webkit-background-size: 0.56rem 0.56rem;
  background-size: 0.56rem 0.56rem;
}
div.banji_list {
  height: 1.09333333rem;
  box-sizing: border-box;
  line-height: 0.64rem;
  font-size: 0.42666667rem;
  color: #333333;
  padding: 0.26666667rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.jingpin {
  top: 0.32rem;
  background: url(../img/icon_jingpin.png) no-repeat center;
}
.remen {
  top: 1.44rem;
  background: url(../img/icon_remen.png) no-repeat center;
}
.new {
  top: 2.57333333rem;
  background: url(../img/icon_zuixin.png) no-repeat center;
}
.icon_course {
  position: absolute;
  width: 0.90666667rem;
  height: 0.48rem;
  z-index: 99;
  -webkit-background-size: 0.90666667rem 0.48rem;
  background-size: 0.90666667rem 0.48rem;
}
a.baoming {
  float: left;
  position: relative;
  top: 0.21333333rem;
  width: 2.02666667rem;
  height: 0.72rem;
  background: #FF7700;
  color: #FFFFFF;
  font-size: 0.34666667rem;
  text-align: center;
  line-height: 0.77333333rem;
  -webkit-border-radius: 2.66666667rem;
  border-radius: 2.66666667rem;
}
/*课程列表页面列表项样式*/
div.course_menu {
  width: 8.10666667rem;
  float: left;
  font-size: 0.42666667rem;
  color: #333333;
  padding: 0.26666667rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 1.33333333rem;
  border-bottom: 1px solid #F1F1F1;
  position: relative;
}
.course_menu > p {
  width: 7.52rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*课程列表具体项目独有后面三角按钮*/
.course_menu:after {
  content: "";
  width: 0.45333333rem;
  height: 0.45333333rem;
  background: url(../img/icon_kechengliebiao_jinru.png) no-repeat right center;
  -webkit-background-size: 0.45333333rem 0.45333333rem;
  background-size: 0.45333333rem 0.45333333rem;
  position: absolute;
  right: 0.18666667rem;
  top: 0.34666667rem;
}
/*首页活动精选栏目*/
div.huodong {
  margin-top: 0.42666667rem;
  width: 100%;
  height: 5.6rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.53333333rem 0.24rem 0 0.29333333rem;
}
.title {
  width: 9.46666667rem;
  position: relative;
  border-bottom: 1px solid #F1F1F1;
}
.huodong_img {
  float: left;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.42666667rem;
  color: #FF7700;
  padding-left: 0.61333333rem;
  padding-bottom: 0.10666667rem;
  background: url(../img/icon_jingxuan.png) no-repeat left -0.02666667rem;
  -webkit-background-size: 0.56rem 0.56rem;
  background-size: 0.56rem 0.56rem;
  position: relative;
}
div.bottom_line {
  width: 2.37333333rem;
  height: 0.10666667rem;
  background: #FF7700;
  position: absolute;
  left: 0;
  top: 0.58666667rem;
  z-index: 10;
  -webkit-border-radius: 2.66666667rem;
  border-radius: 2.66666667rem;
}
div.lines {
  top: 1.09333333rem;
  left: 0.29333333rem;
}
.more {
  float: right;
  font-size: 0.37333333rem;
  color: #999999;
  line-height: 0.58666667rem;
  padding-right: 0.13333333rem;
}
.jingxuan {
  height: 0.64rem;
  width: 8.66666667rem;
  line-height: 0.66666667rem;
  font-size: 0.42666667rem;
  color: #333333;
  padding: 0.21333333rem 0;
  margin-left: 0.72rem;
  border-bottom: 1px solid #F1F1F1;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*活动精选列表独有样式*/
#iscroll {
  margin-top: 0.04rem;
}
div.huodongs {
  height: 100%;
  position: relative;
  padding-bottom: 0.29333333rem;
  margin-bottom: 1.30666667rem;
}
/*首页名师和名师列表公用一个teacher*/
div.teacher {
  margin-top: 0.42666667rem;
  width: 100%;
  height: 7.86666667rem;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.53333333rem 0.24rem 0 0.29333333rem;
  margin-bottom: 1.76rem;
}
.swiper-container2 {
  width: 8.16rem;
}
.teacher_w {
  height: 6.53333333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.56rem;
}
div.teacher_list {
  height: 6rem;
  padding-right: 0.02666667rem;
}
/*首页名师和列表页名字公用p*/
.teacher_list p {
  width: 3.68rem;
  font-size: 0.37333333rem;
  color: #333333;
  text-align: center;
  position: relative;
  top: 0.34666667rem;
}
.teacher_list img {
  width: 3.68rem;
  height: 4.53333333rem;
}
/*老师列表独有样式*/
div.teachers {
  height: 100%;
  margin-top: 0;
  margin-bottom: 1.10666667rem;
}
.teachers ul {
  padding-top: 0.56rem;
  padding-bottom: 0.2rem;
  overflow: hidden;
}
li.teacher_list {
  float: left;
  height: 6rem;
  padding-left: 0.64rem;
  padding-right: 0.16rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
/*文章内容详情部分*/
.course_content > h1 {
  font-size: 0.53333333rem;
  color: #333333;
  padding-bottom: 0.29333333rem;
}
.course_content > p {
  font-size: 0.37333333rem;
  color: #AAAAAA;
  width: 8.8rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #F1F1F1;
}
/*老师详情和活动详情文章内容公用*/
div.view_content {
  font-size: 0.42666667rem;
  color: #333333;
  line-height: 0.74666667rem;
  padding: 0.45333333rem 0;
  margin-bottom: 0.53333333rem;
}
.view_content img,
.course_container img {
  display: inline-block;
  max-width: 8.85333333rem;
}
.view_content table,
.course_container table {
  max-width: 8.85333333rem;
}
div.course_content {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.69333333rem 0.53333333rem 0.37333333rem 0.61333333rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 0.02666667rem #f1f1f1;
  box-shadow: 0 0 0.02666667rem #f1f1f1;
}
/*老师明细页面图片标题部分*/
div.teacher_content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
}
div.teacher_bg {
  width: 100%;
  height: 2.29333333rem;
  background: -webkit-linear-gradient(-135deg, #ff7700, #ff6627);
  background: linear-gradient(-135deg, #ff7700 0%, #ff6627 100%);
}
/*名师图片*/
.teacher_img {
  position: absolute;
  left: 0.56rem;
  top: 0.66666667rem;
  -webkit-box-shadow: 0 0 0.24rem 0.08rem rgba(114, 52, 0, 0.2);
  box-shadow: 0 0 0.24rem 0.08rem rgba(114, 52, 0, 0.2);
}
.teacher_img > img {
  width: 3.68rem;
  height: 4.53333333rem;
}
.course_content > h2 {
  font-size: 0.53333333rem;
  color: #333333;
  padding: 0.50666667rem 0 0.16rem 4.02666667rem;
}
.course_content > span {
  display: block;
  font-size: 0.42666667rem;
  color: #FF7700;
  padding-left: 4.02666667rem;
  padding-bottom: 0.93333333rem;
  border-bottom: 1px solid #F1F1F1;
}
/*向上置顶按钮*/
div.top {
  position: fixed;
  bottom: 1.97333333rem;
  right: 0.48rem;
  z-index: 5;
}
div.top img {
  height: 1.06666667rem;
  width: 1.06666667rem;
  display: block;
}
div.bottom_con {
  height: 0.42666667rem;
  width: 10rem;
  padding-top: 0.21333333rem;
  padding-bottom: 0.37333333rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  background: #FFFFFF;
  top: -1.49333333rem;
}
.bott_line {
  width: 2.96rem;
  height: 1px;
  background: #F1F1F1;
}
.word {
  width: 4.08rem;
  height: 0.42666667rem;
  line-height: 0.42666667rem;
  color: #999999;
  font-size: 0.37333333rem;
  text-align: center;
}
/*公共底部导航栏*/
.bottom {
  height: 1.24rem;
  width: 100%;
  background: #FFFFFF;
  margin-top: 0.45333333rem;
  position: fixed;
  bottom: 0;
  z-index: 20;
  padding-top: 0.10666667rem;
  border-top: 1px solid #F1F1F1;
}
li.nav_list {
  float: left;
  text-align: center;
  width: 25%;
}
.nav_list img {
  display: inline-block;
  width: 0.61333333rem;
  height: 0.61333333rem;
}
.nav_list p {
  font-size: 0.29333333rem;
  color: #FF7700;
}