/*项目可视板块*/
.base_viewport {
  width: 100%;
  height: 100%;
  padding: 3.44rem 0 3.96rem;
}
.viewport_no_pdg_btm {
  height: 100%;
  padding-bottom: 0;
}
.viewport_no_padding {
  padding: 0;
}
.no_border {
  border-color: #fff !important;
}
/*统一滑动*/
.left_slide_box {
  left: 50% !important;
  margin-left: -15rem;
}
/*课程类型标识*/
/*顶部搜索栏 通用
************************************/
.top_fixed_bar {
  position: fixed;
  left: 50%;
  top: 0;
  max-width: 30rem;
  z-index: 1000;
  width: 100%;
  height: 3.44rem;
  padding: 0.52rem 1.44rem;
  display: flex;
  background: #fff;
  align-items: center;
  margin-left: -15rem;
  padding-left: 0;
  padding-right: 3.36rem;
  border-bottom: 0.04rem solid #ebecf1;
}
.top_fixed_bar a.btn_back {
  display: block;
  width: 3.36rem;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}
.top_fixed_bar a.btn_back:after {
  content: "";
  width: 1.08rem;
  height: 1.08rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.54rem;
  background: url("../images/icon/icon_back_page.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.top_fixed_bar h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center;
  color: #333;
  font-size: 1.28rem;
  overflow: hidden;
}
/*通用底部悬浮*/
.tl_footer_bar {
  max-width: 30rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 3.96rem;
  margin-left: -15rem;
  z-index: 999;
  background-color: #ffffff;
  border-top: 0.04rem solid #ebecf1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  font-family: Arial;
  font-weight: 400;
}
/*共有弹窗*/
.common_pop_all {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: 30rem;
  height: 100%;
  padding-top: 3.44rem;
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.common_pop_all .top_fixed_bar {
  position: absolute;
}
.viewport_no_padd {
  height: 100%;
  padding: 0;
}
/*去除边框*/
/*底部工具栏菜单
************************************/
.tl_toolbar_nav {
  max-width: 30rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 3.96rem;
  margin-left: -15rem;
  z-index: 999;
  background-color: #ffffff;
  border-top: 0.04rem solid #b2b2b2;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  font-family: Arial;
  font-weight: 400;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
.tl_toolbar_nav:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  bottom: -100%;
  left: 0;
}
.tl_toolbar_nav span {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-bottom: 0.32rem;
}
.tl_toolbar_nav i {
  display: block;
  width: 2.08rem;
  height: 2.8rem;
  padding: 0.4rem 0 0.32rem;
}
.tl_toolbar_nav p {
  height: 1rem;
  padding-top: 0.08rem;
  line-height: 1rem;
  font-size: 0.8rem;
  color: #9196a3;
}
.tl_toolbar_nav .course_page {
  background: url("../images/icon/icon_btm_course.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .study_page {
  background: url("../images/icon/icon_btm_study.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .user_page {
  background: url("../images/icon/icon_btm_user.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .cur .course_page {
  background: url("../images/icon/icon_btm_course_on.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .cur .study_page {
  background: url("../images/icon/icon_btm_study_on.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .cur .user_page {
  background: url("../images/icon/icon_btm_user_on.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.tl_toolbar_nav .cur p {
  color: #ff7d0c;
}
/*底部悬浮*/
.bottom_fixed_bar {
  position: fixed;
  left: 50%;
  bottom: 0;
  max-width: 30rem;
  margin-left: -15rem;
  z-index: 1000;
  width: 100%;
  height: 3.96rem;
  display: flex;
  background: #fff;
  align-items: center;
  padding-left: 0;
  padding-right: 3.36rem;
  border-top: 0.04rem solid #ebecf1;
}
/*年级选择
************************************/
.grade_choice_page,
.class_modify_pop {
  display: block;
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  padding-top: 3.44rem;
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.grade_choice_page .top_fixed_bar,
.class_modify_pop .top_fixed_bar {
  position: absolute;
}
.grade_choice_page .grade_list,
.class_modify_pop .grade_list {
  height: 100%;
  padding: 0 1.2rem;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.grade_choice_page .grade_list li,
.class_modify_pop .grade_list li {
  display: flex;
  align-items: center;
  height: 3.52rem;
  color: #3e3e3e;
  font-size: 1.04rem;
  border-bottom: 1px solid #e7e8e9;
}
.grade_choice_page .grade_list li:active,
.class_modify_pop .grade_list li:active {
  background: #e7e8e9;
}
/*课程类型列表*/
.search_btn_id {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 0.88rem;
  padding: 0 0.88rem 0 2.24rem;
  background: url("../images/icon/icon_search.png") 0.8rem center no-repeat;
  -webkit-background-size: 1.04rem 1.04rem;
  background-size: 1.04rem 1.04rem;
  background-color: #eff1f7;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
}
.search_btn_id input {
  width: 100%;
  height: 100%;
  color: #2b3257;
  font-size: 1.04rem;
  overflow: hidden;
}
.search_btn_id input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  position: relative;
  height: 1.12rem;
  width: 1.12rem;
  background: url("../images/icon/icon_clear_search.png") center center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*帮助类型入口
************************************/
.help_type_entry {
  width: 100%;
  padding: 1.12rem 1.44rem 1.76rem;
  overflow: hidden;
}
.help_type_entry ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.help_type_entry ul li {
  width: 8.4rem;
  height: 4.96rem;
  padding: 0.6rem 0.8rem;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  overflow: hidden;
  background: url("../images/other/help_type_entry_bg2.png") center center no-repeat;
  background-size: 100% 100%;
}
.help_type_entry ul li:first-child {
  background: url("../images/other/help_type_entry_bg1.png") center center no-repeat;
  background-size: 100% 100%;
}
.help_type_entry ul li:last-child {
  background: url("../images/other/help_type_entry_bg3.png") center center no-repeat;
  background-size: 100% 100%;
}
.help_type_entry ul p {
  height: 2.36rem;
  line-height: 2.36rem;
  color: #333;
  font-size: 1.24rem;
  font-weight: 700;
}
.help_type_entry ul span {
  display: block;
  line-height: 1;
  color: #949cb2;
  font-size: 0.84rem;
}
/*首页
************************************/
.app_home_page {
  padding-top: 6.72rem;
  height: 100%;
  /*顶部标题*/
  /*顶部搜索*/
  /*头部nav*/
  /*首页内容*/
  /*第一栏，推荐*/
  /*其他版块*/
  /*课程类型*/
  /*城市选择*/
  /*类型选择弹窗*/
  /*筛选下拉选择*/
  /*筛选*/
}
.app_home_page .top_fixed_bar {
  padding-right: 0;
}
.app_home_page .top_fixed_bar h2 {
  color: #292929;
}
.app_home_page .tl_top_searchbar {
  display: flex;
  align-items: center;
  padding: 0.44rem 0;
  border-bottom: 0;
  top: 0;
}
.app_home_page .tl_top_searchbar .all_search {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  background-image: url("../images/icon/icon_search.png");
  background-size: 1.12rem auto;
  background-position: 0.8rem center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  text-indent: 2.56rem;
  color: #a1a6b3;
  font-size: 1.04rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
.app_home_page .tl_top_searchbar button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  max-width: 6em;
  height: 100%;
  margin: 0 1.2rem;
  color: #333;
  font-size: 1.12rem;
  position: relative;
  overflow: hidden;
}
.app_home_page .tl_top_searchbar button:first-child {
  font-weight: 400;
}
.app_home_page .tl_top_searchbar button:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 0.44rem;
  border-left: 0.24rem solid transparent;
  border-right: 0.24rem solid transparent;
  border-top: 0.4rem solid #000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.app_home_page .tl_top_searchbar button:first-child.cur:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.app_home_page .tl_top_searchbar button.disabled {
  color: #626b80;
}
.app_home_page .tl_top_searchbar button img {
  width: 1.6rem;
  height: 1.6rem;
}
.app_home_page .top_nav_fixed {
  position: fixed;
  top: 3.44rem;
  z-index: 1000;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 30rem;
  height: 3.28rem;
  padding: 0.2rem 0;
  background: #fff;
  overflow: hidden;
}
.app_home_page .top_nav_fixed button {
  flex-shrink: 0;
  height: 100%;
  width: 3.2rem;
  padding: 0 0.8rem;
  background: url("../images/icon/icon_home_nav_r.png") center center no-repeat;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.app_home_page .top_nav_fixed ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.app_home_page .top_nav_fixed ul::-webkit-scrollbar {
  display: none;
  height: 0;
}
.app_home_page .top_nav_fixed ul::-webkit-scrollbar-thumb,
.app_home_page .top_nav_fixed ul::-webkit-scrollbar-track,
.app_home_page .top_nav_fixed ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  background: transparent;
}
.app_home_page .top_nav_fixed ul i {
  position: absolute;
  bottom: 0;
  left: 1.64rem;
  width: 1.84rem;
  height: 0.48rem;
  background: url("../images/icon/icon_hoem_nav_bg.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.app_home_page .top_nav_fixed li {
  flex-shrink: 0;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1.04rem;
  letter-spacing: 0.16rem;
  color: #626b80;
  font-size: 1.2rem;
  position: relative;
}
.app_home_page .top_nav_fixed li.cur {
  color: #333;
  font-size: 1.36rem;
  font-weight: 600;
}
.app_home_page .home_content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.app_home_page .first_recommend {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /*banner*/
  /*通用导航样式*/
}
.app_home_page .first_recommend .home_banner {
  padding: 0.76rem 0 1.8rem;
  overflow: hidden;
  /*点*/
}
.app_home_page .first_recommend .home_banner .swiper-container {
  padding: 0 1.2rem;
  height: 9.6rem;
}
.app_home_page .first_recommend .home_banner .swiper-container img {
  height: 100%;
}
.app_home_page .first_recommend .home_banner .swiper-scrollbar {
  left: 50%;
  width: 10%;
  height: 0.24rem;
  margin-left: -5%;
  bottom: 0.8rem;
  background: rgba(255, 255, 255, 0.5);
}
.app_home_page .first_recommend .home_banner .swiper-scrollbar-drag {
  background: #ffffff;
}
.app_home_page .first_recommend .menu_nav_base a {
  display: flex;
  align-items: center;
  flex-flow: column;
  color: #626b80;
}
.app_home_page .first_recommend .menu_nav_base a i {
  display: block;
  width: 2.36rem;
  height: 2.36rem;
}
.app_home_page .first_recommend .menu_nav_base a span {
  display: block;
  height: 4.08rem;
  line-height: 4.08rem;
  font-size: 1.04rem;
}
.app_home_page .first_recommend .menu_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.app_home_page .first_recommend .menu_nav a {
  width: 100%;
}
.app_home_page .major_in_box {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 3.92rem;
  overflow: hidden;
  position: relative;
}
.app_home_page .major_in_box .top_filter_bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 3.92rem;
  background: #fff;
  border-bottom: 0.04rem solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app_home_page .major_in_box .top_filter_bar ul {
  display: flex;
  justify-content: end;
  width: 12rem;
  height: 100%;
  padding: 1.04rem 0 1rem;
}
.app_home_page .major_in_box .top_filter_bar li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  width: 50%;
  height: 100%;
  color: #000;
  font-size: 1.2rem;
}
.app_home_page .major_in_box .top_filter_bar li:after {
  content: "";
  margin-left: 0.52rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.48rem solid #9ba1b0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.app_home_page .major_in_box .top_filter_bar li.cur:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.app_home_page .major_in_box .top_filter_bar li.slcd {
  color: #ff7d0c;
}
.app_home_page .major_in_box .top_filter_bar button {
  height: 100%;
  margin-right: 1.6rem;
  padding-right: 1.6rem;
  color: #262626;
  font-size: 1.12rem;
  background: url("../images/icon/icon_filtrate_btn_bg.png") right center no-repeat;
  -webkit-background-size: 0.88rem 0.96rem;
  background-size: 0.88rem 0.96rem;
}
.app_home_page .major_in_box .class_type_box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.app_home_page .class_type_box {
  padding: 0.8rem 1.2rem;
}
.app_home_page .class_type_box .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.app_home_page .class_type_box .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.app_home_page .class_type_box .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.app_home_page .class_type_box .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.app_home_page .class_type_box .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.app_home_page .class_type_box .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.app_home_page .class_type_box .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.app_home_page .class_type_box .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.app_home_page .class_type_box .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.app_home_page .class_type_box .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.app_home_page .class_type_box .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.app_home_page .class_type_box .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.app_home_page .class_type_box .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.app_home_page .class_type_box .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.app_home_page .class_type_box .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.app_home_page .class_type_box .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.app_home_page .class_type_box .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.app_home_page .class_type_box .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.app_home_page .class_type_box .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.app_home_page .class_type_box .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.app_home_page .class_type_box .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.app_home_page .class_type_box .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.app_home_page .class_type_box .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.app_home_page .city_area_page {
  display: block;
  width: 30rem;
  padding-bottom: 3.96rem;
}
.app_home_page .city_area_page .area_choice {
  padding-top: 3.44rem;
  padding-bottom: 0;
  margin-top: -3.44rem;
}
.app_home_page .select_type_pop,
.app_home_page .select_art_pop {
  display: block;
  left: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.app_home_page .select_type_pop .top_fixed_bar,
.app_home_page .select_art_pop .top_fixed_bar {
  position: absolute;
}
.app_home_page .select_type_pop .type_content,
.app_home_page .select_art_pop .type_content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.app_home_page .select_type_pop li,
.app_home_page .select_art_pop li {
  display: flex;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.6rem;
  color: #333;
  font-size: 1.12rem;
  border-bottom: 0.04rem solid #eee;
}
.app_home_page .select_type_pop li.cur,
.app_home_page .select_art_pop li.cur {
  color: #0079fe;
  background: url("../images/icon/icon_pay_type.png") 94% center no-repeat;
  -webkit-background-size: 1.44rem 1.44rem;
  background-size: 1.44rem 1.44rem;
}
.app_home_page .select_type_pop li:active,
.app_home_page .select_art_pop li:active {
  background: #eee;
}
.app_home_page .filter_box_pop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  padding-top: 10.64rem;
  background: rgba(0, 0, 0, 0.5);
  /*授课*/
  /*班次*/
}
.app_home_page .filter_box_pop .comten {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 16rem;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.app_home_page .filter_box_pop .lecture_type_list,
.app_home_page .filter_box_pop .class_shift_list {
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.app_home_page .filter_box_pop .class_shift_list {
  display: block;
  overflow: hidden;
}
.app_home_page .filter_box_pop .class_shift_list ul {
  float: left;
  width: 50%;
  height: 100%;
  overflow-y: auto;
}
.app_home_page .filter_box_pop .class_shift_list ul:last-child {
  background: #f7f7f7;
}
.app_home_page .filter_box_pop ul li {
  display: flex;
  width: 100%;
  height: 3.6rem;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 1.04rem;
}
.app_home_page .filter_box_pop ul li.cur {
  color: #007dff;
  background: #f7f7f7;
}
.app_home_page .filter_box_pop ul li:active {
  background: #eee;
}
.app_home_page .other_filter_pop {
  left: 100%;
  z-index: 9999;
  padding-bottom: 4.8rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  /*班次弹窗 - 上课地点*/
  /*班次*/
  /*上课地点*/
  /*底部按钮*/
}
.app_home_page .other_filter_pop .top_fixed_bar {
  position: absolute;
}
.app_home_page .other_filter_pop .other_filter_con {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.app_home_page .other_filter_pop .other_filter_con .lecture_type_bar {
  padding: 0.8rem 1.6rem;
  overflow: hidden;
}
.app_home_page .other_filter_pop .other_filter_con .lecture_type_bar ul {
  width: 100%;
}
.app_home_page .other_filter_pop .other_filter_con .lecture_type_bar li {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.72rem;
  height: 2.24rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  color: #9ba1b0;
  background: #f3f4f6;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  overflow: hidden;
}
.app_home_page .other_filter_pop .other_filter_con .lecture_type_bar li:nth-child(5n) {
  margin-right: 0;
}
.app_home_page .other_filter_pop .other_filter_con .lecture_type_bar li.cur {
  color: #b37012;
  background: #fff3be;
}
.app_home_page .other_filter_pop .other_filter_con > div {
  border-bottom: 0.04rem solid #eee;
}
.app_home_page .other_filter_pop .other_filter_con > div strong {
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
}
.app_home_page .other_filter_pop .other_filter_con > div:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.8rem;
  padding: 0 1.6rem;
}
.app_home_page .other_filter_pop .other_filter_con > div:last-child:active {
  background: #eee;
}
.app_home_page .other_filter_pop .other_filter_con > div:last-child span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f7f7f;
}
.app_home_page .other_filter_pop .other_filter_con > div:last-child span:after {
  content: "";
  position: relative;
  top: 0.36rem;
  display: inline-block;
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 0.24rem;
  border: solid #7f7f7f;
  border-width: 0.12rem 0.12rem 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-radius: 0.08rem;
}
.app_home_page .other_filter_pop .class_shift_pop,
.app_home_page .other_filter_pop .cur_venue_pop {
  display: block;
  left: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.app_home_page .other_filter_pop .class_shift_pop .top_fixed_bar,
.app_home_page .other_filter_pop .cur_venue_pop .top_fixed_bar {
  position: absolute;
}
.app_home_page .other_filter_pop .class_shift_pop .content,
.app_home_page .other_filter_pop .cur_venue_pop .content {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.app_home_page .other_filter_pop .class_shift_pop .content ul {
  float: left;
  width: 50%;
  height: 100%;
  overflow-y: auto;
}
.app_home_page .other_filter_pop .class_shift_pop .content ul:last-child {
  background: #f7f7f7;
}
.app_home_page .other_filter_pop .class_shift_pop .content ul li {
  display: flex;
  width: 100%;
  height: 3.6rem;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 1.04rem;
}
.app_home_page .other_filter_pop .class_shift_pop .content ul li.cur {
  color: #007dff;
  background: #f7f7f7;
}
.app_home_page .other_filter_pop .cur_venue_pop .area_name {
  float: left;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.app_home_page .other_filter_pop .cur_venue_pop .area_name li {
  display: flex;
  width: 100%;
  height: 3.6rem;
  padding: 0 1.6rem;
  align-items: center;
  justify-content: left;
  color: #333;
  font-size: 1.04rem;
}
.app_home_page .other_filter_pop .cur_venue_pop .area_name li.cur {
  color: #007dff;
  background: #f7f7f7;
}
.app_home_page .other_filter_pop .cur_venue_pop .area_name li:active {
  background: #eee;
}
.app_home_page .other_filter_pop .bottom_btn_bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  height: 4.8rem;
  padding: 0 1.6rem;
  border-top: 0.04rem solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app_home_page .other_filter_pop .bottom_btn_bar button {
  width: 10.8rem;
  height: 2.8rem;
  font-size: 1.04rem;
  background: #fff;
  border: 0.04rem solid #a1a6b3;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  overflow: hidden;
}
.app_home_page .other_filter_pop .bottom_btn_bar button:last-child {
  border-color: #fedb05;
  background: #fedb05;
}
/*首页信息列表
************************************/
.home_list_box {
  width: 100%;
  padding: 0.64rem 1.44rem 0;
  overflow: hidden;
}
.home_list_box li {
  display: flex;
  height: 8.96rem;
  padding: 1.6rem 0;
  border-bottom: 0.04rem solid #eaeaea;
}
.home_list_box li .text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  overflow: hidden;
}
.home_list_box li .text p {
  line-height: 2rem;
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home_list_box li .text dl {
  display: flex;
  justify-content: space-between;
}
.home_list_box li .text dl dt {
  color: #88929b;
  font-size: 0.92rem;
  line-height: 0.92rem;
}
.home_list_box li .text dl dt span {
  margin-right: 1rem;
}
.home_list_box li .text dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_list_box li .text dl dd i {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.24rem;
  background: #d3d3d3;
  -webkit-border-radius: 0.12rem;
  -moz-border-radius: 0.12rem;
  border-radius: 0.12rem;
  overflow: hidden;
}
.home_list_box li .litimg {
  width: 5.76rem;
  flex-shrink: 0;
  margin-left: 1.2rem;
  text-align: justify;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  background: #eaeaea;
  overflow: hidden;
}
.home_list_box li .litimg img {
  height: 100%;
}
/*城市选择页面
************************************/
.city_area_page {
  width: 100%;
  height: 100%;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  position: fixed;
  left: 200%;
  top: 0;
  z-index: 1001;
  padding-top: 3.44rem;
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.city_area_page .top_fixed_bar {
  position: absolute;
}
.city_area_page .change_city_title {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 3.36rem;
  border-bottom: 0.04rem solid #ebecf1;
}
.city_area_page .change_city_title a.btn_back {
  display: block;
  width: 3.36rem;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}
.city_area_page .change_city_title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center;
  color: #333;
  font-size: 1.28rem;
  overflow: hidden;
}
.city_area_page .cur_city {
  width: 100%;
  height: 3.44rem;
  padding: 0 1.2rem;
  border-bottom: 0.04rem solid #ebecf1;
  overflow: hidden;
}
.city_area_page .cur_city p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.city_area_page .cur_city p:before {
  content: "";
  flex-shrink: 0;
  width: 0.92rem;
  height: 1.44rem;
  margin-right: 0.52rem;
  background: url("../images/icon/icon_location.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.city_area_page .cur_city p img {
  width: 1.6rem;
  height: 1.6rem;
}
.city_area_page .area_choice {
  height: 100%;
  display: flex;
  overflow: hidden;
  padding-bottom: 3.44rem;
}
.city_area_page .area_choice ul.city {
  width: 50%;
  height: 100%;
  overflow-y: auto;
  over-flow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.city_area_page .area_choice ul.city li {
  height: 3.52rem;
  line-height: 3.52rem;
  padding: 0 1.2rem;
}
.city_area_page .area_choice ul.city li.cur {
  font-size: 1.12rem;
  color: #1082ff;
  background: #fafafa;
}
.city_area_page .area_choice ul.area {
  width: 50%;
  background: #fafafa;
}
.city_area_page .area_choice ul.area li {
  height: 3.52rem;
  line-height: 3.52rem;
  padding: 0 1.2rem;
}
.city_area_page .area_choice ul.area li:active {
  background: #f6efef;
}
.city_area_page .area_choice ul.area li.cur {
  font-size: 1.12rem;
  color: #1082ff;
  background: #fafafa;
}
/*点击搜索添加搜索页面
************************************/
.search_filtrate_page {
  padding-bottom: 0;
  height: 100%;
  overflow: hidden;
  /*只能推荐列表*/
  /*历史记录*/
  /*查询结果*/
}
.search_filtrate_page .search_similar_result {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.search_filtrate_page .search_similar_result li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 2.48rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.24rem;
  border-bottom: 0.04rem solid #ccc;
}
.search_filtrate_page .search_similar_result li span {
  display: inline-block;
  word-break: break-all;
}
.search_filtrate_page .search_similar_result li i {
  color: #1082ff;
}
.search_filtrate_page .search_similar_result li:after {
  flex-shrink: 0;
  content: "";
  width: 0.64rem;
  height: 0.64rem;
  margin-top: 0.92rem;
  border: solid #c7c7cc;
  border-width: 0.16rem 0.16rem 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-radius: 0.08rem;
}
.search_filtrate_page .history_search {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  height: 100%;
  padding: 1.64rem 1.2rem 0;
  overflow: hidden;
}
.search_filtrate_page .history_search .title {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.92rem 0;
  font-size: 1.2rem;
}
.search_filtrate_page .history_search .title span {
  color: #2b3257;
}
.search_filtrate_page .history_search .title i {
  display: block;
  height: 1.2rem;
  padding: 0 0 0 1.36rem;
  white-space: nowrap;
  color: #999;
  line-height: 1.2rem;
  font-size: 1.04rem;
  background: url("../images/icon/icon_history_delete.png") center left no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.search_filtrate_page .history_search ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.search_filtrate_page .history_search li {
  display: flex;
  align-items: center;
  float: left;
  line-height: 2.24rem;
  padding: 0 1.24rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  color: #2b3257;
  text-align: justify;
  word-break: break-word;
  background: #ebecf1;
  -webkit-border-radius: 1.12rem;
  -moz-border-radius: 1.12rem;
  border-radius: 1.12rem;
}
.search_filtrate_page .search_result_con {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0.8rem 1.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.search_filtrate_page .search_result_con .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.search_filtrate_page .search_result_con .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.search_filtrate_page .search_result_con .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.search_filtrate_page .search_result_con .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.search_filtrate_page .search_result_con .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.search_filtrate_page .search_result_con .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.search_filtrate_page .search_result_con .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.search_filtrate_page .search_result_con .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.search_filtrate_page .search_result_con .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.search_filtrate_page .search_result_con .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.search_filtrate_page .search_result_con .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.search_filtrate_page .search_result_con .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.search_filtrate_page .search_result_con .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.search_filtrate_page .search_result_con .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.search_filtrate_page .search_result_con .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.search_filtrate_page .search_result_con .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.search_filtrate_page .search_result_con .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.search_filtrate_page .search_result_con .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.search_filtrate_page .search_result_con .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.search_filtrate_page .search_result_con .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.search_filtrate_page .search_result_con .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
/*头部导航*/
.search_fixed_top {
  display: flex;
  align-items: center;
  padding-right: 0;
  padding-left: 1.2rem;
  -webkit-box-shadow: 0 0 0.4rem 0 #eff1f6;
  -moz-box-shadow: 0 0 0.4rem 0 #eff1f6;
  box-shadow: 0 0 0.4rem 0 #eff1f6;
}
.search_fixed_top span {
  display: flex;
  align-items: center;
  width: auto;
  height: 100%;
  padding: 0 1.2rem;
  color: #2b3257;
  font-size: 1.12rem;
  flex-shrink: 0;
  white-space: normal;
}
/*搜索结果页面*/
.search_result_page {
  padding-top: 8.6rem;
  /*更多课程栏*/
  /*搜索列表*/
}
.search_result_page .top_fixed_bar {
  padding-left: 1.2rem;
  padding-right: 0;
  display: flex;
}
.search_result_page .top_fixed_bar button {
  flex-shrink: 0;
  height: 100%;
  padding: 0 1.04rem;
  white-space: nowrap;
  color: #333;
  font-size: 1.36rem;
}
.search_result_page .more_curriculum_bar {
  position: fixed;
  top: 3.44rem;
  width: 100%;
  padding: 0 1.2rem;
  height: 5.16rem;
  border-bottom: 0.04rem solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_result_page .more_curriculum_bar p {
  color: #333;
  font-size: 1.28rem;
}
.search_result_page .more_curriculum_bar p em {
  color: #ff7d0c;
}
.search_result_page .more_curriculum_bar button {
  color: #626b80;
  font-size: 1.04rem;
  padding-right: 1.04rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: 0.44rem 0.72rem;
  background-size: 0.44rem 0.72rem;
}
.search_result_page .search_result_list {
  width: 100%;
  height: 100%;
  padding: 0.8rem 1.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*搜索结果更多*/
.search_result_more_page .top_fixed_bar .btn_back {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 6.12rem;
  margin-right: 1.44rem;
  color: #3b3b3b;
  font-size: 1.2rem;
}
.search_result_more_page .top_fixed_bar .btn_back:after {
  left: 1.32rem;
}
.search_result_more_page .top_fixed_bar button {
  padding: 0 1.2rem 0 0.8rem;
  color: #333;
  font-size: 1.36rem;
}
.search_result_more_page .search_result_more_con {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.search_result_more_page .search_result_more_con .major_in_box {
  padding: 0 1.2rem 0.8rem;
  overflow-y: auto;
  webkit-overflow-scrolling: touch;
}
.search_result_more_page .search_result_more_con .major_in_box:first-child {
  display: block;
}
.search_result_page .class_type_list .calss_info em,
.search_result_more_page .class_type_list .calss_info em {
  color: #ff7d0c;
}
/*选课页面
************************************/
.curircula_variable_page {
  height: 100%;
  padding-top: 7rem;
  padding-bottom: 0;
}
.curircula_variable_page .header_top {
  display: flex;
  justify-content: space-between;
  padding-right: 1.28rem;
  border-color: #fff;
}
.curircula_variable_page .header_top .search_page {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 14.24rem;
  height: 100%;
  padding: 0 0.88rem;
  color: #a1a6b3;
  font-size: 1rem;
  background: #eff1f7;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
}
.curircula_variable_page .header_top .search_page:after {
  content: "";
  width: 1.12rem;
  height: 1.12rem;
  background: url("../images/icon/icon_clear_search.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.curircula_variable_page .header_top span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.curircula_variable_page .header_top span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 0.52rem;
  border-left: 0.36rem solid transparent;
  border-right: 0.36rem solid transparent;
  border-top: 0.48rem solid #1384ff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.curircula_variable_page .header_top span.celect_type:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.curircula_variable_page .header_top ul {
  display: none;
  position: absolute;
  right: 0;
  top: 2.92rem;
  width: 50%;
  background: #f7f7f7;
  overflow: hidden;
}
.curircula_variable_page .header_top ul li {
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  color: #020202;
  font-size: 1.04rem;
}
.curircula_variable_page .header_top ul li.cur {
  color: #1275ec;
}
.filterbar_con {
  position: fixed;
  left: 50%;
  top: 3.44rem;
  z-index: 999;
  width: 100%;
  max-width: 30rem;
  height: 3.56rem;
  margin-left: -15rem;
  background: #fff;
  -webkit-box-shadow: 0 0.16rem 0.16rem 0.04rem #eff1f6;
  -moz-box-shadow: 0 0.16rem 0.16rem 0.04rem #eff1f6;
  box-shadow: 0 0.16rem 0.16rem 0.04rem #eff1f6;
}
.filterbar_con ul {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  padding: 1.04rem 0 1rem;
}
.filterbar_con li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #29325a;
  font-size: 1.12rem;
  font-weight: 400;
  width: 100%;
  height: 100%;
}
.filterbar_con li:not(:last-of-type) {
  border-right: 0.08rem solid #ebecf1;
}
.filterbar_con li:not(:last-of-type):after {
  content: "";
  margin-left: 0.52rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.48rem solid #000000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.filterbar_con li.cur:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no_box_shadow {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
/*选课数据为空*/
.search_list_empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f9f9fb;
  display: none;
}
.search_list_empty > div {
  width: 12.92rem;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.search_list_empty > div img {
  width: 100%;
}
.search_list_empty > div p {
  padding: 3.6rem 0 2.4rem;
  color: #9da3b1;
  font-size: 1.16rem;
}
.search_list_empty > div button {
  width: 11.84rem;
  height: 3.2rem;
  color: #373632;
  font-size: 1.2rem;
  background: #feda02;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
}
/*选课数据不为空*/
.search_list_view {
  min-height: 100%;
  background: #fbfbfb;
}
/*课程介绍页面
***************/
.coures_about_page {
  padding-top: 7rem;
}
.coures_about_page .change_city_title {
  border-color: #fff;
}
.coures_about_page .about_title {
  position: fixed;
  left: 50%;
  top: 3.44rem;
  z-index: 1000;
  width: 100%;
  max-width: 30rem;
  height: 3.56rem;
  margin-left: -15rem;
  background: #fff;
}
.coures_about_page .about_title ul {
  height: 100%;
  display: flex;
  align-items: center;
}
.coures_about_page .about_title li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #9ba1b0;
  font-size: 1.12rem;
  position: relative;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.coures_about_page .about_title li.cur {
  color: #333;
  font-weight: 600;
}
.coures_about_page .about_title li.cur:after {
  content: "1";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.92rem;
  height: 0.32rem;
  margin-left: -0.96rem;
  background: #1C61FF;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.coures_about_page #about_content {
  min-height: 100%;
  padding: 1.2rem;
}
.coures_about_page #about_content .swiper-slide img {
  width: 100%;
}
/*学习诊断页面
***************************/
.study_dgs_page {
  overflow: hidden;
  height: 100%;
  /*下拉选择*/
  /*btn*/
  /*诊断说明*/
  /*诊断记录*/
}
.study_dgs_page .dgs_tyep_title {
  position: fixed;
  top: 3.44rem;
  z-index: 1000;
  width: 100%;
  max-width: 30rem;
  height: 3.68rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.8rem;
  font-size: 1.12rem;
  background: #fff;
  border-bottom: 0.04rem solid #eee;
}
.study_dgs_page .dgs_tyep_title button {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  color: #333;
  font-size: 1.2rem;
}
.study_dgs_page .dgs_tyep_title button:after {
  content: "";
  margin-left: 0.52rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.48rem solid #000000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.study_dgs_page .dgs_tyep_title button.cur:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.study_dgs_page .dgs_type_box {
  display: none;
  padding-top: 7.12rem;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}
.study_dgs_page .dgs_type_box .content_list {
  display: flex;
  height: 12.8rem;
  background: #fff;
}
.study_dgs_page .dgs_type_box ul {
  width: 30%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.study_dgs_page .dgs_type_box ul:last-child {
  width: 40%;
}
.study_dgs_page .dgs_type_box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.56rem;
  font-size: 1.12rem;
}
.study_dgs_page .dgs_type_box ul li.cur {
  color: #108EE9;
  background: #f3f3f3;
}
.study_dgs_page .study_dgs_btn {
  position: fixed;
  z-index: 1000;
  width: 100%;
  max-width: 30rem;
  bottom: 0;
  height: 4.44rem;
  border-top: 0.04rem solid #e6e6e8;
  background: #fff;
}
.study_dgs_page .study_dgs_btn ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.study_dgs_page .study_dgs_btn li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #343434;
  font-size: 1.16rem;
  background: transparent;
}
.study_dgs_page .study_dgs_btn li:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.88rem;
  overflow: hidden;
}
.study_dgs_page .study_dgs_btn li:first-child {
  position: relative;
}
.study_dgs_page .study_dgs_btn li:first-child:before {
  background: url("../images/icon/icon_dgs_list_d.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.study_dgs_page .study_dgs_btn li:first-child:after {
  content: "";
  width: 0.08rem;
  height: 1.04rem;
  background: #e5e5e5;
  position: absolute;
  right: 0;
}
.study_dgs_page .study_dgs_btn li:last-child:before {
  background: url("../images/icon/icon_em_dgs_d.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.study_dgs_page .study_dgs_btn li.cur {
  color: #ffab00;
}
.study_dgs_page .study_dgs_btn li.cur:first-child:before {
  background: url("../images/icon/icon_dgs_list_c.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.study_dgs_page .study_dgs_btn li.cur:last-child:before {
  background: url("../images/icon/icon_em_dgs_c.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.study_dgs_page .cur_diagnosis_pop {
  display: none;
  padding-bottom: 4.44rem;
}
.study_dgs_page .cur_diagnosis_pop .cur_diagnosis_con {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.6rem;
}
.study_dgs_page .cur_diagnosis_pop .cur_diagnosis_con p {
  line-height: 2rem;
  color: #222341;
  font-size: 1.28rem;
}
.study_dgs_page .cur_diagnosis_pop .button_bar {
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.44rem;
  padding: 0 1.6rem;
  border-top: 0.04rem solid #eee;
}
.study_dgs_page .cur_diagnosis_pop .button_bar button {
  width: 100%;
  height: 3.2rem;
  color: #fff;
  font-size: 1.12rem;
  background: #ff7d0c;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
}
.study_dgs_page .diagnosis_record_pop {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.study_dgs_page .diagnosis_record_pop .diagnosis_record_list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.study_dgs_page .diagnosis_record_pop .title {
  display: flex;
  width: 100%;
  height: 3.2rem;
  background: #f2f2f2;
  border-bottom: 0.04rem solid #dde5ee;
}
.study_dgs_page .diagnosis_record_pop .title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  color: #333;
  font-size: 1.2rem;
  font-weight: 400;
}
/*题目样式*/
.study_dgs_page .diagnosis_record_pop .list_box,
.exam_dgs_page .enter_test_pop .list_box {
  overflow: hidden;
  padding-bottom: 0.8rem;
}
.study_dgs_page .diagnosis_record_pop .list_box strong,
.exam_dgs_page .enter_test_pop .list_box strong {
  display: block;
  height: 3.2rem;
  padding: 0 1.6rem;
  line-height: 3.2rem;
  color: #000;
  font-size: 1.44rem;
  border-bottom: 0.04rem solid #dde5ee;
}
.study_dgs_page .diagnosis_record_pop .list_box ul,
.exam_dgs_page .enter_test_pop .list_box ul {
  padding: 1rem 0;
}
.study_dgs_page .diagnosis_record_pop .list_box li,
.exam_dgs_page .enter_test_pop .list_box li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.6rem 0;
  float: left;
  width: 20%;
}
.study_dgs_page .diagnosis_record_pop .list_box li span,
.exam_dgs_page .enter_test_pop .list_box li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.56rem;
  height: 2.56rem;
  color: #fff;
  font-size: 1.12rem;
  background: #c3c3c3;
  -webkit-border-radius: 1.28rem;
  -moz-border-radius: 1.28rem;
  border-radius: 1.28rem;
}
.study_dgs_page .diagnosis_record_pop .list_box li.select span,
.exam_dgs_page .enter_test_pop .list_box li.select span {
  background: #0d83ff;
}
.study_dgs_page .diagnosis_record_pop .list_box li.error span,
.exam_dgs_page .enter_test_pop .list_box li.error span {
  background: #ff6160;
}
/*诊断列表和我的诊断*/
.diagnose_list_box {
  display: block;
  width: 100%;
  height: 100%;
  /*有数据列表*/
  /*无数据情况*/
}
.diagnose_list_box .study_dgs_list_true {
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding-top: 3.68rem;
  padding-bottom: 0.4rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.diagnose_list_box .study_dgs_list_true li {
  margin-top: 0.8rem;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.diagnose_list_box .study_dgs_list_true li .state {
  position: absolute;
  top: -0.4rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  color: #fce6e8;
  overflow: hidden;
}
.diagnose_list_box .study_dgs_list_true li .state:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  border: 0.16rem solid #fce6e8;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
.diagnose_list_box .study_dgs_list_true li .state:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 2.24rem;
  height: 2.24rem;
  border: 0.16rem solid #fce6e8;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
.diagnose_list_box .study_dgs_list_true li .state i {
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  padding: 0.04rem 0;
  line-height: 1;
  letter-spacing: 0.08rem;
  text-align: center;
  font-family: Arial;
  background: #fff;
  -webkit-transform: translate(0, 0) rotate(-15deg);
  transform: translate(0, 0) rotate(-15deg);
  border-radius: 0.08rem;
}
.diagnose_list_box .study_dgs_list_true .text_box {
  padding: 0.76rem 1.24rem 1.16rem;
  border-bottom: 0.04rem solid #f3f3f3;
}
.diagnose_list_box .study_dgs_list_true .text_box p {
  display: block;
  line-height: 2.24rem;
  padding: 0.48rem 0;
  font-size: 1.28rem;
}
.diagnose_list_box .study_dgs_list_true .text_box dl {
  display: flex;
  padding: 0.4rem 0;
  line-height: 1.84rem;
  color: #6b7282;
  font-size: 1.04rem;
  overflow: hidden;
}
.diagnose_list_box .study_dgs_list_true .text_box dt {
  flex-shrink: 0;
  padding-right: 1.92rem;
}
.diagnose_list_box .study_dgs_list_true .text_box dd {
  width: 100%;
}
.diagnose_list_box .study_dgs_list_true .btn_box {
  padding: 0.8rem 1.6rem;
  text-align: right;
}
.diagnose_list_box .study_dgs_list_true .btn_box button {
  width: 7.84rem;
  height: 2.76rem;
  color: #fff;
  font-size: 1.04rem;
  background: #ff7d0c;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  overflow: hidden;
}
.diagnose_list_box .study_dgs_list_null {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.diagnose_list_box .study_dgs_list_null > div {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.diagnose_list_box .study_dgs_list_null > div img {
  width: 5.44rem;
  padding-bottom: 2rem;
}
.diagnose_list_box .study_dgs_list_null > div p {
  text-align: center;
  line-height: 1.52rem;
  color: #929292;
  font-size: 1rem;
}
.my_diagnose_box {
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #eee;
}
.my_diagnose_box .diagnose_result {
  background: #fff;
  margin-bottom: 0.8rem;
}
.my_diagnose_box .diagnose_result .text {
  display: flex;
  align-items: center;
  padding: 1.6rem;
}
.my_diagnose_box .diagnose_result .text > div {
  width: 100%;
}
.my_diagnose_box .diagnose_result .text > div:first-child {
  border-right: 0.04rem solid #eee;
}
.my_diagnose_box .diagnose_result .title dt {
  line-height: 2.4rem;
  color: #333;
  font-size: 1.44rem;
}
.my_diagnose_box .diagnose_result .title dd {
  display: flex;
  align-items: center;
}
.my_diagnose_box .diagnose_result .title span {
  line-height: 1.6rem;
  color: #656565;
  font-size: 1.04rem;
}
.my_diagnose_box .diagnose_result .score {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}
.my_diagnose_box .diagnose_result .score strong {
  display: block;
  line-height: 2.4rem;
  color: #333;
  font-size: 2rem;
}
.my_diagnose_box .diagnose_result .score strong:after {
  content: '%';
  margin-left: 0.4rem;
  font-variant: unicase;
}
.my_diagnose_box .diagnose_result .score span {
  line-height: 1.6rem;
  color: #656565;
  font-size: 1.04rem;
}
.my_diagnose_box .diagnose_result .btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 4.4rem;
  padding: 0 1.6rem;
  border-top: 0.04rem solid #eee;
}
.my_diagnose_box .diagnose_result .btn button {
  width: 7.88rem;
  height: 2.76rem;
  color: #fff;
  background: #ff7d0c;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
/*诊断中*/
.exam_dgs_page {
  display: flex;
  flex-flow: column;
  overflow: hidden;
  /*测试题*/
}
.exam_dgs_page .top_bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.48rem;
  padding: 0 1.2rem;
  border-bottom: 0.08rem solid #e7e8ea;
}
.exam_dgs_page .top_bar > div i {
  display: inline-block;
  color: #333;
  font-size: 1.44rem;
  font-weight: 500;
}
.exam_dgs_page .top_bar > div em {
  padding-left: 0.2em;
  color: #908ea3;
  font-size: 1.12rem;
}
.exam_dgs_page .top_bar span,
.exam_dgs_page .top_bar button {
  width: 8rem;
}
.exam_dgs_page .top_bar span {
  color: #363636;
  font-size: 1.12rem;
}
.exam_dgs_page .top_bar button {
  display: block;
  width: 1.92rem;
  height: 1.92rem;
  margin-left: 6.08rem;
  background: url("../images/icon/icon_show_list.png") right center no-repeat;
  -webkit-background-size: 1.92rem 1.92rem;
  background-size: 1.92rem 1.92rem;
}
.exam_dgs_page .content_text {
  width: 100%;
  height: 100%;
  padding-bottom: 4rem;
}
.exam_dgs_page .content_text .question_lit {
  width: 100%;
  padding: 0.4rem 0;
  font-size: 1.28rem;
}
.exam_dgs_page .content_text .question_lit strong {
  padding: 0 1.2rem;
  line-height: 3.72rem;
  color: #1c223a;
  font-weight: bold;
}
.exam_dgs_page .content_text .question_lit dt {
  padding: 0 1.2rem;
  line-height: 1.92rem;
  padding-bottom: 2.4rem;
}
.exam_dgs_page .content_text .question_lit dd {
  overflow: hidden;
  float: left;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 1.2rem;
  width: 100%;
  height: 2.8rem;
  margin: 0.8rem 0;
}
.exam_dgs_page .content_text .question_lit dd:active {
  background: #eee;
}
.exam_dgs_page .content_text .question_lit dd i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.88rem;
  color: #2667ff;
  font-size: 0.92rem;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  border-radius: 1.4rem;
  border: 0.08rem solid #2667ff;
  box-sizing: border-box;
}
.exam_dgs_page .content_text .question_lit dd span {
  color: #7f809e;
  font-size: 1.2rem;
}
.exam_dgs_page .content_text .question_lit dd.cur i {
  color: #fff;
  background: #2667ff;
}
.exam_dgs_page .bottom_bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 4rem;
  padding: 0 1.2rem;
  border-top: 0.08rem solid #e7e8ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exam_dgs_page .bottom_bar button {
  width: 8rem;
  height: 2.8rem;
  color: #fff;
  font-size: 1.44rem;
  background: #108ee9;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
}
.exam_dgs_page .enter_test_pop {
  display: none;
  padding-bottom: 4.64rem;
}
.exam_dgs_page .enter_test_pop .enter_test_con {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.exam_dgs_page .enter_test_pop .submit_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 4.64rem;
  padding: 0 1.6rem;
  border-top: 0.08rem solid #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exam_dgs_page .enter_test_pop .submit_btn button {
  width: 100%;
  height: 3.2rem;
  color: #fff;
  letter-spacing: 0.08rem;
  font-size: 1.2rem;
  background: #1082ff;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
/*附近校区
***************************/
.nearby_campus_page {
  padding: 0;
  background: #f7f7f7;
  height: auto;
  min-height: 100%;
  /*暂无校区*/
}
.nearby_campus_page .header_top {
  padding: 0.52rem 1.44rem;
  background: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  border-bottom: none;
  justify-content: space-between;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.nearby_campus_page .header_top a.btn_back {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.nearby_campus_page .header_top a.btn_back:after {
  content: "";
  width: 1.08rem;
  height: 1.08rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.66rem;
  margin-top: -0.54rem;
  background: url("../images/icon/icon_back_page1.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.nearby_campus_page .header_top a.btn_skip_map {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  overflow: hidden;
  background: url("../images/icon/icon_btn_skip_map.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.nearby_campus_page .no_top {
  background: #ffffff;
  border-bottom: 0.04rem solid #eaeaea;
}
.nearby_campus_page .no_top a.btn_back {
  background: rgba(0, 0, 0, 0);
}
.nearby_campus_page .no_top a.btn_back:after {
  filter: invert(1);
}
.nearby_campus_page .no_top a.btn_skip_map {
  background: url("../images/icon/icon_btn_skip_map1.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.nearby_campus_page .nearby_campus_con {
  height: 100%;
  min-height: 100%;
}
.nearby_campus_page .top_banner {
  height: 15.04rem;
  overflow: hidden;
}
.nearby_campus_page .top_banner img {
  width: 100%;
  height: 100%;
}
.nearby_campus_page .set_site {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.52rem;
  padding: 0 1.6rem;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.nearby_campus_page .set_site i,
.nearby_campus_page .set_site button {
  flex-shrink: 0;
}
.nearby_campus_page .set_site i {
  display: block;
  width: 1.12rem;
  height: 1.12rem;
  margin: 0.44rem;
}
.nearby_campus_page .set_site i.spin {
  -webkit-animation: 1.5s loading linear infinite;
  -o-animation: 1.5s loading linear infinite;
  animation: 1.5s loading linear infinite;
}
.nearby_campus_page .set_site i img {
  width: 100%;
  height: 100%;
  vertical-align: super;
}
.nearby_campus_page .set_site button {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1rem;
}
.nearby_campus_page .set_site button:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.24rem;
  background: url("../images/icon/icon_down.png") center center no-repeat;
  -webkit-background-size: 150% auto;
  background-size: 150% auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.nearby_campus_page .set_site button.cur:after {
  webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nearby_campus_page .set_site p {
  width: 100%;
  color: #666;
  font-size: 0.96rem;
}
.nearby_campus_page .set_site .region_box {
  display: none;
  position: absolute;
  top: 2.52rem;
  right: 1.6rem;
  width: 15.2rem;
  height: 18rem;
  background: #fff;
}
.nearby_campus_page .set_site .region_box li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  color: #333;
  font-size: 1.12rem;
}
.nearby_campus_page .set_site .region_box li.cur {
  color: #1C61FF;
  background: #fafafa;
}
.nearby_campus_page .no_school_list {
  display: none;
  overflow: hidden;
}
.nearby_campus_page .no_school_list p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  color: #626b80;
  font-size: 1.04rem;
}
.nearby_campus_page .campus_card strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4rem;
  white-space: nowrap;
  flex-shrink: 0;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  background: #fff;
}
.nearby_campus_page .campus_card strong:before,
.nearby_campus_page .campus_card strong:after {
  content: "";
  width: 100%;
  height: 0.08rem;
  margin: 0 1.6rem;
  background: #eee;
}
.nearby_campus_page .campus_card li {
  padding: 1.32rem 1.6rem 1.76rem;
  margin-bottom: 0.8rem;
  background: #fff;
}
.nearby_campus_page .campus_card li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.6rem;
}
.nearby_campus_page .campus_card li dt {
  color: #333333;
  font-size: 1.24rem;
  font-weight: 500;
}
.nearby_campus_page .campus_card li dd {
  color: #9ba1b0;
  font-size: 0.84rem;
}
.nearby_campus_page .campus_card li p {
  line-height: 1.28rem;
  padding: 0.56rem 0;
  color: #626b80;
  font-size: 1.04rem;
  background: url("../images/icon/icon_site.png") left 0.56rem no-repeat;
  -webkit-background-size: 0.96rem 1.04rem;
  background-size: 0.96rem 1.04rem;
}
.nearby_campus_page .campus_card li a {
  display: inline-block;
  height: 1.84rem;
  line-height: 1.84rem;
  color: #1C61FF;
  font-size: 0.96rem;
  letter-spacing: 0.04rem;
  background: url("../images/icon/icon_tel_phone.png") left center no-repeat;
  -webkit-background-size: 0.96rem 1.12rem;
  background-size: 0.96rem 1.12rem;
}
.nearby_campus_page .campus_card li p,
.nearby_campus_page .campus_card li a {
  padding-left: 1.4em;
}
/*服务中心详情*/
.campus_details_page {
  padding: 0;
  height: 100%;
  background: #f7f7f7;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /*详情内容*/
  /*评价通用样式*/
  /*通用教师风采列表*/
}
.campus_details_page .header_top {
  display: flex;
  align-items: center;
}
.campus_details_page .header_top h2,
.campus_details_page .header_top button {
  height: 0;
  overflow: hidden;
}
.campus_details_page .header_top h2 {
  display: block;
  width: 100%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.campus_details_page .top_set_style {
  background: #fff;
}
.campus_details_page .top_set_style a.btn_back {
  background: rgba(0, 0, 0, 0);
}
.campus_details_page .top_set_style a.btn_back:after {
  filter: invert(1);
}
.campus_details_page .top_set_style h2,
.campus_details_page .top_set_style button {
  height: auto;
}
.campus_details_page .details_info {
  margin-bottom: 0.8rem;
  background: #fff;
}
.campus_details_page .details_info .text_info {
  padding: 0 1.6rem;
}
.campus_details_page .details_info .cur_info {
  padding: 0.16rem 0 2rem;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
}
.campus_details_page .details_info .cur_info .title,
.campus_details_page .details_info .cur_info .site {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campus_details_page .details_info .cur_info .title {
  height: 4.64rem;
}
.campus_details_page .details_info .cur_info .title strong {
  display: block;
  color: #333;
  font-size: 1.52rem;
  font-weight: bold;
}
.campus_details_page .details_info .cur_info .title button {
  padding: 1.12rem;
  color: #a1a6b3;
  line-height: 1;
  font-size: 1.12rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: 0.48rem 0.8rem;
  background-size: 0.48rem 0.8rem;
}
.campus_details_page .details_info .cur_info .site {
  align-items: stretch;
}
.campus_details_page .details_info .cur_info .site p {
  width: 100%;
  padding: 0 1.08rem 0 1.44rem;
  color: #333;
  line-height: 1.44rem;
  font-size: 1.04rem;
}
.campus_details_page .details_info .cur_info .site em {
  display: inline-block;
  margin-left: 0.4rem;
  color: #626b80;
}
.campus_details_page .details_info .cur_info .site a {
  flex-shrink: 0;
  display: block;
  width: 3.2rem;
  height: auto;
  padding-left: 1.6rem;
  border-left: 0.04rem solid #d8d8d8;
  background: url("../images/icon/icon_tel_token.png") right center no-repeat;
  -webkit-background-size: 1.6rem auto;
  background-size: 1.6rem auto;
}
.campus_details_page .details_info .explain {
  padding-bottom: 1.6rem;
  height: 21rem;
}
.campus_details_page .details_info .explain strong {
  display: flex;
  align-items: center;
  height: 4rem;
  padding-left: 1.4rem;
  line-height: 1;
  color: #333;
  font-size: 1.16rem;
  background: url("../images/icon/icon_avgt_site.png") left center no-repeat;
  -webkit-background-size: 0.96rem 0.96rem;
  background-size: 0.96rem 0.96rem;
}
.campus_details_page .details_info .explain p {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.64rem;
  padding: 1.4rem 2.72rem;
  color: #9ba1b0;
  font-size: 1rem;
  background: #f4f7ff;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
}
.campus_details_page .details_con {
  /*评价*/
  /*教师风采*/
  /*课程列表*/
}
.campus_details_page .details_con .title_nav_float {
  position: fixed;
  top: 3.44rem;
  width: 100%;
  z-index: 1000;
}
.campus_details_page .details_con .title_nav {
  display: flex;
  overflow: hidden;
  height: 3.52rem;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
}
.campus_details_page .details_con .title_nav span {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #a1a6b3;
  font-size: 1.2rem;
  position: relative;
}
.campus_details_page .details_con .title_nav span.cur {
  color: #333;
}
.campus_details_page .details_con .title_nav span.cur:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1.92rem;
  height: 0.32rem;
  background: #ffaa0a;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.campus_details_page .details_con .list_box {
  display: none;
  padding: 1.2rem 0;
  background: #fff;
  overflow: hidden;
}
.campus_details_page .details_con .list_box h2 {
  display: flex;
  align-items: center;
  line-height: 1;
  width: 100%;
  height: 2.24rem;
  padding: 0 1.32rem;
  color: #333;
  font-size: 1.52rem;
  font-weight: bold;
  overflow: hidden;
}
.campus_details_page .details_con .campus_pingJ {
  overflow: hidden;
  padding-bottom: 0.16rem;
}
.campus_details_page .details_con .campus_pingJ .comment_type {
  overflow: hidden;
  padding-bottom: 0.16rem;
}
.campus_details_page .details_con .campus_pingJ .comment_type ul {
  margin-right: -0.8rem;
  overflow: hidden;
}
.campus_details_page .details_con .campus_pingJ .comment_type ul li {
  float: left;
  height: 2.24rem;
  padding: 0 0.8rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  line-height: 2.24rem;
  background: #f2f2f2;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.campus_details_page .details_con .campus_pingJ .comment_list {
  padding-bottom: 0.8rem;
}
.campus_details_page .details_con .teachers_team {
  overflow: hidden;
}
.campus_details_page .details_con .teachers_team .teachers_list {
  overflow: hidden;
}
.campus_details_page .details_con .curriculum_list {
  display: block;
}
.campus_details_page .details_con .curriculum_list .title_bar {
  overflow: hidden;
  padding: 0 0.64rem;
  height: 3.6rem;
  border-bottom: 1px solid #eaeaea;
  width: 30rem;
}
.campus_details_page .details_con .curriculum_list .title_bar ul {
  display: flex;
  height: 100%;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
}
.campus_details_page .details_con .curriculum_list .title_bar ul li {
  flex-shrink: 0;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1.04rem;
  color: #626b80;
  font-size: 1.2rem;
}
.campus_details_page .details_con .curriculum_list .title_bar ul li.cur {
  color: #333;
  font-size: 1.36rem;
  font-weight: 600;
}
.campus_details_page .details_con .curriculum_list .title_bar ul i {
  position: absolute;
  bottom: 0;
  left: 1.64rem;
  width: 1.84rem;
  height: 0.48rem;
  background: url("../images/icon/icon_hoem_nav_bg.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.campus_details_page .details_con .curriculum_list .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.campus_details_page .details_con .curriculum_list .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.campus_details_page .details_con .curriculum_list .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.campus_details_page .details_con .curriculum_list .class_type_list {
  margin: 0.8rem 1.32rem 0;
}
.campus_details_page .type_comment_pop {
  display: none;
}
.campus_details_page .type_comment_pop .comment_con {
  height: 100%;
  padding: 1.2rem 1.6rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.campus_details_page .type_comment_pop .keyword ul {
  margin-right: -0.8rem;
  overflow: hidden;
}
.campus_details_page .type_comment_pop .keyword ul li {
  float: left;
  height: 2.24rem;
  padding: 0 0.8rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  line-height: 2.24rem;
  background: #f2f2f2;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.campus_details_page .type_comment_pop .keyword ul li.cur {
  color: #f19120;
  border: 1px solid #e6c18a;
}
.campus_details_page .type_comment_pop .comment_list {
  overflow: hidden;
}
.campus_details_page .cur_teaching_point li {
  display: flex;
  padding: 1.6rem 0 0;
}
.campus_details_page .cur_teaching_point li i {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.campus_details_page .cur_teaching_point li i img {
  width: 100%;
  height: 100%;
}
.campus_details_page .cur_teaching_point li > div {
  width: 100%;
  padding-bottom: 1.6rem;
}
.campus_details_page .cur_teaching_point li:not(:last-of-type) > div {
  border-bottom: 0.04rem solid #eaeaea;
}
.campus_details_page .cur_teaching_point li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.12rem;
}
.campus_details_page .cur_teaching_point li dl dt {
  color: #333;
  font-size: 1.04rem;
}
.campus_details_page .cur_teaching_point li dl dd i {
  float: left;
  width: 0.88rem;
  height: 0.84rem;
  margin: 0 0.12rem;
  background: url(../images/icon/icon_five_star_f.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.campus_details_page .cur_teaching_point li dl dd i.cur {
  background: url(../images/icon/icon_five_star.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.campus_details_page .cur_teaching_point li span {
  line-height: 1.8rem;
  color: #9ba1b0;
}
.campus_details_page .cur_teaching_point li ul {
  display: block;
  margin-right: -0.8rem;
  overflow: hidden;
}
.campus_details_page .cur_teaching_point li ul li {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 1.76rem;
  padding: 0;
  margin: 0.4rem 0.8rem 0.4rem 0;
  color: #626b80;
  font-size: 0.96rem;
  background: #f9f9f9;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.campus_details_page .cur_teaching_point li p {
  padding: 0.68rem 0 1.6rem;
  line-height: 1.56rem;
  color: #333;
}
.campus_details_page .cur_teaching_point li em {
  display: block;
  line-height: 1;
  color: #9ba1b0;
}
.campus_details_page .teacher_mien_list ul {
  overflow: hidden;
  padding-top: 0.8rem;
}
.campus_details_page .teacher_mien_list li {
  padding: 1.52rem 0;
  background: #fff;
}
.campus_details_page .teacher_mien_list li:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea;
}
.campus_details_page .teacher_mien_list li .teacher {
  display: flex;
  height: 4.8rem;
  margin-bottom: 0.8rem;
  overflow: hidden;
}
.campus_details_page .teacher_mien_list li .teacher i {
  flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 1.2rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
}
.campus_details_page .teacher_mien_list li .teacher i img {
  width: 100%;
}
.campus_details_page .teacher_mien_list li .teacher dl {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  line-height: 1;
  overflow: hidden;
}
.campus_details_page .teacher_mien_list li .teacher dl dt {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1.28rem;
  font-weight: bold;
}
.campus_details_page .teacher_mien_list li .teacher dl em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.28rem;
  margin-left: 0.48rem;
  padding: 0 0.32rem;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  font-size: 0.96rem;
  font-weight: normal;
  background: #626b80;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.campus_details_page .teacher_mien_list li .teacher dl dd {
  display: block;
  color: #656e83;
  font-size: 1.04rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.campus_details_page .teacher_mien_list li p {
  height: 2.8rem;
  padding: 0 0.8rem;
  color: #9da3b2;
  line-height: 2.8rem;
  font-size: 1.04rem;
  background: #f4f7ff;
  -webkit-border-radius: 0.48rem;
  -moz-border-radius: 0.48rem;
  border-radius: 0.48rem;
}
/*资讯详情页面*/
.article_details_page {
  padding-bottom: 4.4rem;
  min-height: 100%;
  height: auto;
  background: #f9f9fb;
}
.article_details_page .article_tl {
  text-align: center;
  padding: 2.28rem 0 3.08rem;
  color: #a4acbb;
  font-size: 1.04rem;
}
/*头条文章详情页*/
.article_details_comtent {
  height: 100%;
  padding: 0 1.2rem;
  background: #fff;
  overflow: hidden;
}
.article_details_comtent h2 {
  padding: 1.2rem 0 0.8rem;
  line-height: 2.56rem;
  color: #000;
  font-size: 1.84rem;
  font-weight: 700;
}
.article_details_comtent dl {
  display: flex;
  padding-bottom: 0.8rem;
  line-height: 1.92rem;
  color: #b3b3b3;
  font-size: 0.96rem;
}
.article_details_comtent .sub_banner {
  padding-bottom: 2.4rem;
}
.article_details_comtent .sub_banner img {
  padding: 0;
}
.article_details_comtent img {
  width: 100%;
  padding-bottom: 2.4rem;
}
.article_details_comtent p {
  text-align: justify;
  text-align-last: center;
  color: #666;
  padding-bottom: 2.4rem;
  line-height: 2.56rem;
  font-size: 1.28rem;
}
/*文章评论*/
.article_details_comment {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: 30rem;
  margin-left: -15rem;
  background: #fff;
  height: 4.4rem;
  padding: 0.76rem 1.2rem 0.8rem;
  border-top: 0.04rem solid #eaeaea;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article_details_comment > div {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0.4rem;
  color: #b7b7b7;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  background: #f4f4f4;
}
.article_details_comment ul {
  flex-shrink: 0;
  overflow: hidden;
}
.article_details_comment ul li {
  float: left;
  width: 1.76rem;
  height: 100%;
  margin-left: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  white-space: nowrap;
  color: #0876ee;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.article_details_comment ul li:before {
  content: "";
  width: 100%;
  height: 1.76rem;
}
.article_details_comment ul li:first-child:before {
  background: url("../images/icon/icon_pinl.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.article_details_comment ul li:nth-child(2):before {
  background: url("../images/icon/icon_soucC.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.article_details_comment ul li:last-child:before {
  background: url("../images/icon/icon_share.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.article_details_comment ul li.cur:before {
  background: url("../images/icon/icon_soucF.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
/*评论列表*/
.details_comment_list {
  margin-top: 0.8rem;
  padding: 0 1.2rem;
  background: #fff;
  overflow: hidden;
}
.details_comment_list .title {
  height: 3.68rem;
  line-height: 3.68rem;
  color: #2c345f;
  font-size: 1.28rem;
  font-weight: 700;
  border-bottom: 0.04rem solid #ebecf1;
}
.details_comment_list .title span {
  display: inline-block;
  margin-left: 0.8rem;
}
.details_comment_list dl {
  display: flex;
  padding: 1.84rem 0 2.72rem;
}
.details_comment_list dl dt {
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.8rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  background: url("../images/icon/icon_details_list_user.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.details_comment_list dl dt img {
  width: 100%;
  height: 100%;
}
.details_comment_list dl dd {
  width: 100%;
  padding-bottom: 1.76rem;
  border-bottom: 0.04rem solid #ebecf1;
}
.details_comment_list dl dd strong {
  display: block;
  padding-bottom: 1.76rem;
  line-height: 1;
  color: #2b3257;
  font-size: 1.24rem;
  font-weight: 600;
}
.details_comment_list dl dd p {
  padding-bottom: 0.76rem;
  line-height: 1.6rem;
  color: #333333;
  font-size: 1.12rem;
}
.details_comment_list dl dd > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details_comment_list dl dd > div span {
  display: block;
  color: #aaafc3;
  font-size: 0.84rem;
  font-weight: 500;
}
.details_comment_list dl dd > div button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #aaafc3;
  font-size: 1rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.details_comment_list dl dd > div button:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  background: url("../images/icon/icon_dzN.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.details_comment_list dl dd > div button.cur {
  color: #ff5969;
}
.details_comment_list dl dd > div button.cur:before {
  background: url("../images/icon/icon_dzC.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/*分享弹窗*/
.share_pop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.share_pop .con {
  position: absolute;
  bottom: -10.8rem;
  width: 100%;
  background: #e9eff2;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.share_pop .con > div {
  width: 100%;
  padding: 1.2rem 0 0.44rem;
  border-right: 1.2rem solid #e9eff2;
  border-left: 1.2rem solid #e9eff2;
  overflow-x: auto;
}
.share_pop .con ul {
  display: flex;
}
.share_pop .con li {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: 0 1.2rem;
}
.share_pop .con i {
  display: block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}
.share_pop .con span {
  line-height: 2rem;
  color: #575a5c;
  font-size: 0.92rem;
  white-space: nowrap;
}
.share_pop button {
  width: 100%;
  height: 3.2rem;
  line-height: 3.2rem;
  color: #575a5c;
  font-size: 1.12rem;
  background: #fff;
}
/*发布评论弹窗*/
.input_con_pop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.3);
}
.input_con_pop .con {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8.8rem;
  padding: 0.8rem 1.2rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input_con_pop .con textarea {
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  background: #f2f2f2;
  resize: none;
  border: none;
  color: #b7b7b7;
  line-height: 1.48rem;
  font-size: 1.04rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
.input_con_pop .con button {
  flex-shrink: 0;
  width: 4.64rem;
  height: 2.64rem;
  margin-left: 1.2rem;
  -webkit-border-radius: 1.32rem;
  -moz-border-radius: 1.32rem;
  border-radius: 1.32rem;
  overflow: hidden;
  color: #fbfdff;
  background: #d9ecff;
}
/*课程详情
*******************/
.course_details_page {
  padding-bottom: 4rem;
  overflow: hidden;
}
.course_details_page .change_city_title ul {
  position: absolute;
  top: 0;
  right: 1.28rem;
  display: flex;
  align-items: center;
  height: 100%;
}
.course_details_page .change_city_title ul li {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon/icon_shopping.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_details_page .change_city_title ul li:last-child {
  margin-left: 1rem;
  background: url("../images/icon/icon_ke_share.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_details_page .bottom_float_btn {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 4rem;
  max-width: 30rem;
  margin-left: -15rem;
  padding: 0 1.6rem;
  border-top: 0.08rem solid #ebecf1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.course_details_page .bottom_float_btn a {
  display: block;
  width: 1.68rem;
  height: 1.84rem;
  background: url("../images/icon/icon_ke_service.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.course_details_page .bottom_float_btn > div {
  display: flex;
  align-items: center;
  height: 2.72rem;
}
.course_details_page .bottom_float_btn > div img {
  width: auto;
  height: 50%;
}
.course_details_page .bottom_float_btn button {
  width: auto;
  height: 2.72rem;
  padding: 0 1.2rem;
  color: #fff;
  font-size: 1.12rem;
  font-weight: 400;
  background: #fa4243;
  -webkit-border-radius: 0.48rem;
  -moz-border-radius: 0.48rem;
  border-radius: 0.48rem;
  overflow: hidden;
}
.course_details_page .bottom_float_btn button.applied {
  background: #FA3F4E;
}
.course_details_content {
  position: relative;
  height: 100%;
  background: #f9f9fb;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  /*课程费用*/
  /*授课教师*/
  /*学员评价*/
}
.course_details_content .content_top_title {
  position: fixed;
  top: 3.44rem;
  z-index: 1;
  width: 100%;
  height: 3.52rem;
  max-width: 30rem;
  background: #fff;
  -webkit-box-shadow: 0 0.04rem 0.4rem -0.04rem #eef0f6;
  -moz-box-shadow: 0 0.04rem 0.4rem -0.04rem #eef0f6;
  box-shadow: 0 0.04rem 0.4rem -0.04rem #eef0f6;
  display: none;
}
.course_details_content .content_top_title ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  font-size: 1.12rem;
}
.course_details_content .content_top_title li {
  display: flex;
  align-items: center;
  height: 100%;
  color: #a1a5bb;
  font-weight: 600;
  position: relative;
}
.course_details_content .content_top_title li:before {
  content: "";
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  transition: width 0.5s linear;
}
.course_details_content .content_top_title li.cur {
  color: #1082ff;
}
.course_details_content .content_top_title li.cur:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.32rem;
  bottom: 0;
  background: #1082ff;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.course_details_content .cur_course_box {
  padding: 0 1.6rem;
  background: #fff;
}
.course_details_content .cur_course_box:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.course_details_content .cur_course_box .feature_sub_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
  padding-top: 0.64rem;
}
.course_details_content .cur_course_box .feature_sub_tit strong {
  display: block;
  color: #333333;
  font-size: 1.36rem;
  font-weight: 600;
}
.course_details_content .cur_course_box .feature_sub_tit button {
  color: #a1a5bb;
  font-size: 1.12rem;
}
.course_details_content .cur_course_box .feature_sub_tit button:after {
  content: "";
  position: relative;
  top: 0.44rem;
  display: inline-block;
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 0.24rem;
  border: solid #a1a5bb;
  border-width: 0.16rem 0.16rem 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-radius: 0.08rem;
}
.course_details_content .cur_course_box .course_type_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.84rem;
  padding-bottom: 0.8rem;
  background: #f8f9fb;
  position: relative;
}
.course_details_content .cur_course_box .course_type_tit:before,
.course_details_content .cur_course_box .course_type_tit:after {
  content: "";
  position: absolute;
  left: -1.6rem;
  top: 0;
  width: 1.6rem;
  height: 100%;
  background: #f8f9fb;
}
.course_details_content .cur_course_box .course_type_tit:after {
  left: auto;
  right: -1.6rem;
}
.course_details_content .cur_course_box .course_type_tit h2 {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 1.36rem;
  font-weight: 700;
}
.course_details_content .cur_course_box .course_type_tit h2:before,
.course_details_content .cur_course_box .course_type_tit h2:after {
  content: "";
  display: block;
  width: 5.6rem;
  height: 0.08rem;
  margin: 0 0.84rem;
  background: #c8cbd9;
}
.course_details_content .course_con {
  overflow: hidden;
  /*可选地址部分*/
  /*金额*/
}
.course_details_content .course_con strong {
  display: block;
  margin-top: 0.8rem;
  padding: 0.28rem 0;
  line-height: 2.08rem;
  color: #333333;
  font-size: 1.36rem;
  font-weight: 600;
  position: relative;
}
.course_details_content .course_con strong em {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 1.2rem;
  margin-top: -0.6rem;
  padding: 0 0.6rem;
  line-height: 1.2rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: normal;
  background: #eee;
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.course_details_content .course_con strong em.ms {
  background: #ff6d02;
}
.course_details_content .course_con strong em.ss {
  background: #2092f4;
}
.course_details_content .course_con .cur_coures_info {
  padding-bottom: 0.4rem;
}
.course_details_content .course_con .cur_coures_info li {
  display: flex;
  align-items: center;
  line-height: 1.84rem;
  color: #333333;
  font-size: 1.04rem;
  margin-right: 0.48rem;
  text-transform: uppercase;
}
.course_details_content .course_con .cur_coures_info li:before {
  content: "";
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.48rem;
  flex-shrink: 0;
}
.course_details_content .course_con .cur_coures_info li:first-child:before {
  background: url("../images/icon/icon_search_list_date.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_details_content .course_con .cur_coures_info li:nth-child(2):before {
  background: url("../images/icon/icon_class_type.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_details_content .course_con .cur_coures_info li:nth-child(3):before {
  background: url("../images/icon/icon_class_category.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_details_content .course_con .optional_address_box {
  display: block;
  overflow: hidden;
  padding: 0.4rem 0;
}
.course_details_content .course_con .optional_address_box li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: -0.08rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: auto 40%;
  background-size: auto 40%;
  border-top: 0.08rem solid #ebecf1;
  border-bottom: 0.08rem solid #ebecf1;
}
.course_details_content .course_con .optional_address_box li p {
  width: 90%;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 1.04rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.course_details_content .course_con .cur_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 0;
}
.course_details_content .course_con .cur_price p {
  display: flex;
  align-items: flex-end;
  color: #FA3F4E;
  font-size: 1.44rem;
  font-weight: 600;
}
.course_details_content .course_con .cur_price p em {
  display: block;
  margin-left: 0.56rem;
  color: #666;
  font-size: 0.96rem;
  font-weight: 400;
  position: relative;
}
.course_details_content .course_con .cur_price i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.64rem;
  height: 1.6rem;
  color: #007dff;
  font-size: 0.92rem;
  background: #fff;
  border: 0.08rem solid #007dff;
}
.course_details_content .course_fee_box {
  overflow: hidden;
}
.course_details_content .course_fee_box .course_fee_com {
  padding-bottom: 1.2rem;
}
.course_details_content .course_fee_box .course_fee_com li {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding: 0.6rem 0;
  border-bottom: 0.08rem solid #ebecf1;
}
.course_details_content .course_fee_box .course_fee_com li span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 30%;
  font-size: 1.04rem;
}
.course_details_content .course_fee_box .course_fee_com li span:not(:last-of-type) {
  justify-content: left;
}
.course_details_content .course_fee_box .course_fee_com li span:nth-child(1) {
  color: #000;
}
.course_details_content .course_fee_box .course_fee_com li span:nth-child(2) {
  width: 44%;
  padding: 0 0.4rem;
  color: #1A89FF;
}
.course_details_content .course_fee_box .course_fee_com li span:last-child {
  width: 26%;
  color: #FA3F4E;
}
.course_details_content .course_fee_box .course_fee_com p {
  padding-top: 0.8rem;
  line-height: 1.6rem;
  color: #FA3F4E;
  font-size: 1.04rem;
  overflow: hidden;
}
.course_details_content .class_tutor_box {
  overflow: hidden;
}
.course_details_content .class_tutor_box .class_tutor_con {
  padding-bottom: 0.8rem;
}
.course_details_content .class_tutor_box .class_tutor_con dl {
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
}
.course_details_content .class_tutor_box .class_tutor_con dl dt {
  flex-shrink: 0;
  margin-right: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.course_details_content .class_tutor_box .class_tutor_con dl dd {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
}
.course_details_content .class_tutor_box .class_tutor_con dl dd p,
.course_details_content .class_tutor_box .class_tutor_con dl dd span {
  display: block;
  overflow: hidden;
  color: #333;
  font-size: 1.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course_details_content .class_tutor_box .class_tutor_con dl dd P {
  font-size: 1.06rem;
  font-weight: 600;
}
.course_details_content .class_tutor_box button {
  display: none;
  width: 10.24rem;
  height: 2.08rem;
  margin: 1.2rem auto;
  color: #6f748c;
  font-size: 0.92rem;
  border: 0.08rem solid #ebecf1;
  -webkit-border-radius: 1.04rem;
  -moz-border-radius: 1.04rem;
  border-radius: 1.04rem;
  overflow: hidden;
}
.course_details_content .course_feature ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.64rem 0;
}
.course_details_content .course_feature li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  width: 100%;
}
.course_details_content .course_feature li img {
  width: 2.4rem;
  height: 2.4rem;
}
.course_details_content .course_feature li span {
  height: 2.96rem;
  line-height: 2.96rem;
  color: #6f748c;
  font-size: 1.04rem;
}
.course_details_content .course_intro {
  margin-top: -0.8rem;
  border-top: 0.8rem solid #f8f9fb;
  overflow: hidden;
  /*课程表*/
}
.course_details_content .course_intro .sub_box {
  padding-top: 0.64rem;
  padding-bottom: 0.56rem;
}
.course_details_content .course_intro .sub_box strong {
  display: block;
  height: 3.36rem;
  line-height: 3.36rem;
  color: #333333;
  font-size: 1.36rem;
  font-weight: 600;
}
.course_details_content .course_intro .sub_box p {
  line-height: 1.84rem;
  color: #6f748c;
  font-size: 1.04rem;
}
.course_details_content .course_intro .sub_box button {
  display: none;
  width: 10.24rem;
  height: 2.08rem;
  margin: 0 auto;
  color: #6f748c;
  font-size: 0.92rem;
  border: 0.08rem solid #ebecf1;
  -webkit-border-radius: 1.04rem;
  -moz-border-radius: 1.04rem;
  border-radius: 1.04rem;
  overflow: hidden;
}
.course_details_content .course_intro .cur_timetable .con {
  padding: 0.8rem;
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
  border: 0.08rem solid #ebecf1;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  overflow: hidden;
}
.course_details_content .course_intro .cur_timetable .con p {
  line-height: 2.08rem;
  color: #222950;
  font-size: 1.36rem;
  font-weight: 400;
}
.course_details_content .course_intro .cur_timetable ul {
  padding: 0.36rem 0 0.2rem;
  overflow: hidden;
}
.course_details_content .course_intro .cur_timetable ul li {
  float: left;
  width: 25%;
  height: 4rem;
  padding-bottom: 0.16rem;
  display: flex;
  align-items: center;
  flex-flow: column;
  color: #777b93;
}
.course_details_content .course_intro .cur_timetable ul li:not(:last-of-type) {
  border-right: 0.04rem solid #f9f9fb;
}
.course_details_content .course_intro .cur_timetable ul em {
  line-height: 2.68rem;
  font-size: 1.32rem;
  font-weight: bold;
}
.course_details_content .course_intro .cur_timetable ul span {
  line-height: 1.16rem;
  font-size: 0.76rem;
}
.course_details_content .course_comment {
  margin-top: -0.8rem;
  border-top: 0.8rem solid #f8f9fb;
  overflow: hidden;
}
.course_details_content .course_comment .comment_number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 3.76rem;
  font-size: 1.04rem;
}
.course_details_content .course_comment .comment_number span {
  color: #a1a5bb;
}
.course_details_content .course_comment .comment_number p {
  color: #2b3257;
}
.course_details_content .course_comment .comment_type {
  overflow: hidden;
  padding-bottom: 0.16rem;
}
.course_details_content .course_comment .comment_type ul {
  margin-right: -0.8rem;
  overflow: hidden;
}
.course_details_content .course_comment .comment_type li {
  float: left;
  height: 2.24rem;
  padding: 0 0.8rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  line-height: 2.24rem;
  background: #f2f2f2;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.course_details_content .course_comment .comment_list {
  padding-bottom: 0.8rem;
}
.course_details_content .course_comment .comment_list li {
  display: flex;
  padding: 1.6rem 0 0;
}
.course_details_content .course_comment .comment_list li i {
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.course_details_content .course_comment .comment_list li i img {
  width: 100%;
  height: 100%;
}
.course_details_content .course_comment .comment_list li > div {
  width: 100%;
  padding-bottom: 1.6rem;
}
.course_details_content .course_comment .comment_list li:not(:last-of-type) div {
  border-bottom: 0.04rem solid #eaeaea;
}
.course_details_content .course_comment .comment_list li span {
  line-height: 1.8rem;
  color: #9ba1b0;
}
.course_details_content .course_comment .comment_list li p {
  padding: 0.68rem 0 1.6rem;
  line-height: 1.56rem;
  color: #333;
}
.course_details_content .course_comment .comment_list li em {
  display: block;
  line-height: 1;
  color: #9ba1b0;
}
.course_details_content .course_comment .comment_list dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.12rem;
}
.course_details_content .course_comment .comment_list dt {
  color: #333;
  font-size: 1.04rem;
}
.course_details_content .course_comment .comment_list dd i {
  float: left;
  width: 0.88rem;
  height: 0.84rem;
  margin: 0 0.12rem;
  background: url("../images/icon/icon_five_star.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.course_details_content .course_comment .comment_list button {
  display: block;
  width: 10.24rem;
  height: 2.08rem;
  margin: 0 auto;
  color: #6f748c;
  font-size: 0.92rem;
  border: 0.08rem solid #ebecf1;
  -webkit-border-radius: 1.04rem;
  -moz-border-radius: 1.04rem;
  border-radius: 1.04rem;
  overflow: hidden;
}
/*课程大纲*/
.course_outline {
  overflow: hidden;
  padding-bottom: 0.8rem !important;
}
.course_outline .com dl {
  display: flex;
}
.course_outline .com dl dt {
  flex-shrink: 0;
  width: 5.2rem;
  line-height: 3.84rem;
  color: #abaec2;
  font-size: 1.2rem;
}
.course_outline .com dl dd {
  width: 100%;
  padding: 0.36rem 0 0.8rem;
  overflow: hidden;
}
.course_outline .com dl dd p {
  display: block;
  width: 100%;
  line-height: 2.76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #333333;
  font-size: 1.2rem;
}
.course_outline .com dl dd span {
  line-height: 1.84rem;
  color: #70758c;
  font-size: 0.88rem;
}
.course_outline .com dl:not(:last-of-type) dd {
  border-bottom: 0.08rem solid #ebecf1;
}
.course_outline button {
  display: none;
  width: 10.24rem;
  height: 2.08rem;
  margin: 0.8rem auto;
  color: #6f748c;
  font-size: 0.92rem;
  border: 0.08rem solid #ebecf1;
  -webkit-border-radius: 1.04rem;
  -moz-border-radius: 1.04rem;
  border-radius: 1.04rem;
  overflow: hidden;
}
/*上课地点弹窗*/
.optional_address_pop,
.select_site_pop {
  left: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.optional_address_pop .top_fixed_bar,
.select_site_pop .top_fixed_bar {
  position: absolute;
  left: 0;
  margin: 0;
}
.optional_address_pop .optional_address_con,
.select_site_pop .optional_address_con {
  height: 100%;
  overflow-y: auto;
  padding: 0 1.2rem;
}
.optional_address_pop .optional_address_con dl,
.select_site_pop .optional_address_con dl {
  padding: 0.4rem 0;
}
.optional_address_pop .optional_address_con dl:not(:last-of-type),
.select_site_pop .optional_address_con dl:not(:last-of-type) {
  border-bottom: 0.08rem solid #ebecf1;
}
.optional_address_pop .optional_address_con dl dt,
.select_site_pop .optional_address_con dl dt {
  display: flex;
  height: 2.4rem;
}
.optional_address_pop .optional_address_con dl dt strong,
.select_site_pop .optional_address_con dl dt strong,
.optional_address_pop .optional_address_con dl dt em,
.select_site_pop .optional_address_con dl dt em {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.optional_address_pop .optional_address_con dl dt strong,
.select_site_pop .optional_address_con dl dt strong {
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  overflow: hidden;
}
.optional_address_pop .optional_address_con dl dt em,
.select_site_pop .optional_address_con dl dt em {
  flex-shrink: 0;
  height: 100%;
  color: #666;
  font-size: 0.96rem;
  text-transform: lowercase;
}
.optional_address_pop .optional_address_con dl dd,
.select_site_pop .optional_address_con dl dd {
  overflow: hidden;
  color: #333;
}
.optional_address_pop .optional_address_con dl dd p,
.select_site_pop .optional_address_con dl dd p {
  width: 100%;
  line-height: 2rem;
  font-size: 1.04rem;
  padding-left: 1.84rem;
  background: url("../images/icon/icon_search_list_site.png") left center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.optional_address_pop .optional_address_con dl dd p:last-child,
.select_site_pop .optional_address_con dl dd p:last-child {
  background: url("../images/icon/icon_tel_phone.png") left center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.optional_address_pop .optional_address_con dl dd a,
.select_site_pop .optional_address_con dl dd a {
  color: #1A89FF;
}
/*退款须知
*******************/
.refund_notice_page {
  background: #f8f8f8;
  overflow: hidden;
}
.refund_notice_page .content {
  height: 100%;
  padding: 0 1.2rem 2.4rem;
  font-size: 1.12rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.refund_notice_page .content h2 {
  display: block;
  line-height: 3.04rem;
  padding-bottom: 0.44rem;
  text-align: center;
  font-size: 1.12rem;
  font-weight: 600;
}
.refund_notice_page .content strong {
  display: block;
  padding-top: 0.96rem;
  line-height: 1.68rem;
  color: #242424;
  font-weight: 600;
}
.refund_notice_page .content p {
  line-height: 1.52rem;
  text-indent: 2em;
  color: #5a5a5a;
}
/*课程特色弹窗
*******************/
.coures_pop_base {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3);
}
.course_feature_pop {
  display: none;
}
.course_feature_pop .content {
  position: absolute;
  bottom: -32rem;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 32rem;
  padding: 0 1.6rem;
  background: #fff;
  overflow: hidden;
}
.course_feature_pop .title {
  position: relative;
  height: 4.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.04rem solid #ebecf1;
}
.course_feature_pop .title span {
  color: #333333;
  font-size: 1.44rem;
  font-weight: 600;
}
.course_feature_pop .title button {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1.68rem;
  height: 1.68rem;
  margin-top: -0.84rem;
  -webkit-border-radius: 0.84rem;
  -moz-border-radius: 0.84rem;
  border-radius: 0.84rem;
  background: url(../images/icon/icon_shut.png) center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.course_feature_pop .con_list {
  height: 27.32rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.course_feature_pop .con_list dl {
  padding: 1.12rem 0 1.12rem 2.56rem;
}
.course_feature_pop .con_list dl:not(:last-of-type) {
  border-bottom: 0.04rem solid #eaeaea;
}
.course_feature_pop .con_list dl:nth-child(1) {
  padding-bottom: 2rem;
  background: url("../images/icon/icon_kets_list1.png") left 1.36rem no-repeat;
  -webkit-background-size: 1.76rem 1.76rem;
  background-size: 1.76rem 1.76rem;
}
.course_feature_pop .con_list dl:nth-child(2) {
  padding-bottom: 2rem;
  background: url("../images/icon/icon_kets_list2.png") left 1.36rem no-repeat;
  -webkit-background-size: 1.76rem 1.76rem;
  background-size: 1.76rem 1.76rem;
}
.course_feature_pop .con_list dl:nth-child(3) {
  padding-bottom: 2rem;
  background: url("../images/icon/icon_kets_list3.png") left 1.36rem no-repeat;
  -webkit-background-size: 1.76rem 1.76rem;
  background-size: 1.76rem 1.76rem;
}
.course_feature_pop .con_list dl:nth-child(4) {
  padding-bottom: 2rem;
  background: url("../images/icon/icon_kets_list4.png") left 1.36rem no-repeat;
  -webkit-background-size: 1.76rem 1.76rem;
  background-size: 1.76rem 1.76rem;
}
.course_feature_pop .con_list dl:last-child {
  padding-bottom: 2rem;
  background: url("../images/icon/icon_kets_list5.png") left 1.36rem no-repeat;
  -webkit-background-size: 1.76rem 1.76rem;
  background-size: 1.76rem 1.76rem;
}
.course_feature_pop .con_list dl dt {
  line-height: 2.2rem;
  color: #033333;
  font-size: 1.2rem;
  font-weight: 500;
}
.course_feature_pop .con_list dl dd {
  line-height: 1.92rem;
  color: #6f748c;
  font-size: 1.12rem;
}
.course_feature_pop .con_list dl dd a {
  display: inline-block;
  color: #ff7d0c;
}
/*课程大纲弹窗,课程表、授课教师
********************************/
.course_outline_pop,
.cur_timetable_pop {
  display: none;
}
.course_outline_pop .content,
.cur_timetable_pop .content {
  position: absolute;
  bottom: -30.68rem;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  padding: 0 1.6rem;
  background: #fff;
}
.course_outline_pop .content .title,
.cur_timetable_pop .content .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.64rem;
  border-bottom: 0.08rem solid #ebecf1;
}
.course_outline_pop .content .title strong,
.cur_timetable_pop .content .title strong {
  display: block;
  color: #000;
  font-size: 1.36rem;
  font-weight: 400;
}
.course_outline_pop .content .title button,
.cur_timetable_pop .content .title button {
  display: block;
  width: 1.68rem;
  height: 1.68rem;
  -webkit-border-radius: 0.84rem;
  -moz-border-radius: 0.84rem;
  border-radius: 0.84rem;
  background: url("../images/icon/icon_shut.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.course_outline_pop .content .con_list,
.cur_timetable_pop .content .con_list {
  height: 26.04rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.course_outline_pop .content dl,
.cur_timetable_pop .content dl {
  display: flex;
  padding: 0.36rem 0 0.8rem;
}
.course_outline_pop .content dl dt,
.cur_timetable_pop .content dl dt {
  flex-shrink: 0;
  width: 5.2rem;
  line-height: 2.8rem;
  color: #abaec2;
  font-size: 1.2rem;
}
.course_outline_pop .content dl dd,
.cur_timetable_pop .content dl dd {
  width: 100%;
  border-bottom: 0.08rem solid #ebecf1;
  overflow: hidden;
}
.course_outline_pop .content dl dd p,
.cur_timetable_pop .content dl dd p {
  display: block;
  width: 100%;
  line-height: 2.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #333333;
  font-size: 1.2rem;
}
.course_outline_pop .content dl dd span,
.cur_timetable_pop .content dl dd span {
  line-height: 1.84rem;
  color: #70758c;
  font-size: 0.88rem;
}
/*授课教师*/
.class_tutor_pop,
.select_student_pop {
  display: none;
}
.class_tutor_pop .content,
.select_student_pop .content {
  position: absolute;
  bottom: -30.68rem;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  padding: 0 1.6rem;
  background: #fff;
}
.class_tutor_pop .content .title,
.select_student_pop .content .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.64rem;
  border-bottom: 0.08rem solid #ebecf1;
}
.class_tutor_pop .content .title strong,
.select_student_pop .content .title strong {
  display: block;
  color: #000;
  font-size: 1.36rem;
  font-weight: 400;
  width: 100%;
  text-align: center;
}
.class_tutor_pop .content .title button,
.select_student_pop .content .title button {
  display: block;
  width: 1.68rem;
  height: 1.68rem;
  -webkit-border-radius: 0.84rem;
  -moz-border-radius: 0.84rem;
  border-radius: 0.84rem;
  background: url("../images/icon/icon_shut.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.class_tutor_pop .content .con_list,
.select_student_pop .content .con_list {
  height: 26.04rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.class_tutor_pop dl,
.select_student_pop dl {
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
}
.class_tutor_pop dl:not(:last-of-type),
.select_student_pop dl:not(:last-of-type) {
  border-bottom: 0.08rem solid #ebecf1;
}
.class_tutor_pop dl dt,
.select_student_pop dl dt {
  flex-shrink: 0;
  margin-right: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.class_tutor_pop dl dd,
.select_student_pop dl dd {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
}
.class_tutor_pop dl dd p,
.select_student_pop dl dd p,
.class_tutor_pop dl dd span,
.select_student_pop dl dd span {
  display: block;
  overflow: hidden;
  color: #333;
  font-size: 1.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.class_tutor_pop dl dd P,
.select_student_pop dl dd P {
  font-size: 1.12rem;
  font-weight: 600;
}
/*课程表弹窗
*********************/
.cur_timetable_pop {
  display: none;
}
.cur_timetable_pop .timetable_box {
  height: 26.04rem;
  padding-top: 1.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.cur_timetable_pop .timetable {
  width: 100%;
  margin-bottom: 0.8rem;
  border: 0.04rem solid #f0f0f0;
  -webkit-box-shadow: 0 0 0.24rem -0.08rem #ccc;
  -moz-box-shadow: 0 0 0.24rem -0.08rem #ccc;
  box-shadow: 0 0 0.24rem -0.08rem #ccc;
  overflow: hidden;
}
.cur_timetable_pop .timetable strong {
  display: block;
  margin-top: 0.92rem;
  line-height: 2.52rem;
  text-indent: 1.28rem;
  color: #212139;
  font-size: 1.2rem;
}
.cur_timetable_pop .timetable li {
  float: left;
  width: 25%;
  height: 5rem;
  margin-top: -0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  border: 0.08rem solid #f9f9f9;
}
.cur_timetable_pop .timetable li span {
  display: block;
  line-height: 2.4rem;
  color: #7a788d;
  font-size: 1.32rem;
  font-weight: bold;
}
.cur_timetable_pop .timetable li em {
  display: block;
  line-height: 1.6rem;
  color: #77767b;
  font-size: 0.8rem;
}
.cur_timetable_pop .timetable li:nth-child(4n),
.cur_timetable_pop .timetable li:last-child {
  border-right: 0;
}
.cur_timetable_pop .timetable li:nth-child(4n-3) {
  border-left: 0;
}
.cur_timetable_pop .timetable li:nth-child(-n+4) {
  border-top: 0;
}
/*班级上课地区选择*/
.class_city_select {
  position: fixed;
  top: 3.4rem;
  z-index: 100;
  height: 3.28rem;
  width: 100%;
  max-width: 30rem;
  border-bottom: 0.08rem solid #eaeaea;
  background: #fff;
}
.class_city_select ul {
  width: 100%;
  height: 100%;
  display: flex;
}
.class_city_select ul li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #626b80;
  font-size: 1.12rem;
}
.class_city_select ul li:after {
  content: "";
  margin-left: 0.52rem;
  margin-top: 0.08rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.48rem solid #9ba1b0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.class_city_select ul li.cur:after {
  border-top-color: #ffab0a;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*时间地点教师选择部分*/
.class_city_select_pop {
  position: fixed;
  top: 6.68rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.class_city_select_pop .content {
  display: flex;
  flex-flow: column;
  height: 31.6rem;
  background: #fff;
}
.class_city_select_pop .content .con_bar {
  height: 100%;
  border-bottom: 0.08rem solid #ebecf1;
  overflow: hidden;
}
.class_city_select_pop .content .site,
.class_city_select_pop .content .time {
  display: none;
  flex-flow: column;
  height: 100%;
}
.class_city_select_pop .content .site .con_list,
.class_city_select_pop .content .time .con_list {
  display: flex;
  height: 100%;
  border-bottom: 0.08rem solid #ebecf1;
  overflow: hidden;
}
.class_city_select_pop .content .site .con_list .left,
.class_city_select_pop .content .time .con_list .left {
  flex-shrink: 0;
  width: 7.2rem;
  height: 100%;
  border-right: 0.08rem solid #ebecf1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.class_city_select_pop .content .site .con_list .left li,
.class_city_select_pop .content .time .con_list .left li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  color: #333;
  font-size: 1.12rem;
}
.class_city_select_pop .content .site .con_list .left li.cur,
.class_city_select_pop .content .time .con_list .left li.cur {
  background: #fafafa;
}
.class_city_select_pop .content .site .con_list .right,
.class_city_select_pop .content .time .con_list .right {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.class_city_select_pop .content .site .con_list .right dl,
.class_city_select_pop .content .time .con_list .right dl {
  overflow: hidden;
}
.class_city_select_pop .content .site .con_list .right dt,
.class_city_select_pop .content .time .con_list .right dt {
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 1.6rem;
  background: #fafafa;
}
.class_city_select_pop .content .site .con_list .right dd li,
.class_city_select_pop .content .time .con_list .right dd li {
  display: flex;
  align-items: center;
  min-height: 3.6rem;
  padding: 0.8rem 1.6rem;
  color: #333;
  font-size: 1.12rem;
  line-height: 1;
}
.class_city_select_pop .content .site .con_list .right dd li:before,
.class_city_select_pop .content .time .con_list .right dd li:before {
  content: '';
  flex-shrink: 0;
  width: 1.28rem;
  height: 1.28rem;
  margin-right: 0.8rem;
  background: url("../images/icon/icon_r_f.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.class_city_select_pop .content .site .con_list .right dd li.cur:before,
.class_city_select_pop .content .time .con_list .right dd li.cur:before {
  background: url("../images/icon/icon_r_t.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.class_city_select_pop .content .site .selected,
.class_city_select_pop .content .time .selected {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 3.12rem;
  overflow: hidden;
}
.class_city_select_pop .content .site .selected span,
.class_city_select_pop .content .time .selected span {
  flex-shrink: 0;
  padding: 0 0.8rem 0 1.36rem;
  color: #9ba1b0;
  font-size: 0.88rem;
}
.class_city_select_pop .content .site .selected ul,
.class_city_select_pop .content .time .selected ul {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-x: scroll;
}
.class_city_select_pop .content .site .selected ul li,
.class_city_select_pop .content .time .selected ul li {
  display: flex;
  align-items: center;
  height: 2.24rem;
  background: #f3f4f6;
}
.class_city_select_pop .content .site .selected ul li:not(:last-of-type),
.class_city_select_pop .content .time .selected ul li:not(:last-of-type) {
  margin-right: 0.8rem;
}
.class_city_select_pop .content .site .selected ul li em,
.class_city_select_pop .content .time .selected ul li em {
  display: block;
  color: #70788b;
  font-size: 0.96rem;
  padding: 0 0.52rem;
  line-height: 1;
  white-space: nowrap;
}
.class_city_select_pop .content .site .selected ul li i,
.class_city_select_pop .content .time .selected ul li i {
  display: block;
  width: 2.4rem;
  height: 2.24rem;
  background: url("../images/icon/icon_clear_search.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  border-top: 0.72rem solid transparent;
  border-bottom: 0.72rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
}
.class_city_select_pop .content .site {
  display: none;
}
.class_city_select_pop .content .teacher {
  display: none;
  flex-flow: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 1.2rem 1.6rem;
}
.class_city_select_pop .content .teacher strong {
  flex-shrink: 0;
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.04rem;
}
.class_city_select_pop .content .teacher ul {
  height: 100%;
  margin-right: -0.8rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.class_city_select_pop .content .teacher li {
  display: flex;
  align-items: center;
  float: left;
  width: 8.4rem;
  height: 2.56rem;
  margin: 0.4rem 0.8rem 0.4rem 0;
  padding-left: 0.96rem;
  background: #fff4d3;
  border: 1px solid #ffaa0b;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
.class_city_select_pop .content .teacher li:last-child {
  padding: 0;
  background: #f3f4f6;
  border-color: #f3f4f6;
  justify-content: center;
  color: #626b80;
}
.class_city_select_pop .content .teacher li:last-child:before {
  content: '';
  width: 0.88rem;
  height: 0.88rem;
  margin: 0 0.48rem;
  background: url("../images/icon/icon_add_btn.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.class_city_select_pop .content .teacher li span {
  display: block;
  width: 100%;
  text-align: center;
  color: #fb8e03;
  font-size: 1.04rem;
}
.class_city_select_pop .content .teacher li em {
  display: block;
  flex-shrink: 0;
  width: 2.56rem;
  height: 100%;
  padding: 0 0.96rem;
  background: url("../images/icon/icon_cancel_btn.png") center center no-repeat;
  -webkit-background-size: 0.64rem 0.64rem;
  background-size: 0.64rem 0.64rem;
}
.class_city_select_pop .content .btn_bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.4rem;
  padding: 0 1.2rem;
}
.class_city_select_pop .content .btn_bar button {
  width: 10.8rem;
  height: 2.88rem;
  color: #fff;
  letter-spacing: 0.08rem;
  font-size: 1.2rem;
  background: #cfd2d9;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  overflow: hidden;
}
.class_city_select_pop .content .btn_bar button:last-child {
  width: 16rem;
  background: #ffaa0a;
}
/*教师选择列表页面*/
.lecturer_page {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1000;
  width: 30rem;
  max-width: 30rem;
  height: 100%;
  margin-left: -15rem;
  background: #fff;
}
.lecturer_page .coment_list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding-top: 3.36rem;
}
.lecturer_page dl {
  overflow: hidden;
}
.lecturer_page dt,
.lecturer_page dd {
  padding: 0 1.2rem;
}
.lecturer_page dt {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #000;
  background: #f7f7f7;
  text-transform: uppercase;
}
.lecturer_page dd {
  height: 3.52rem;
  line-height: 3.52rem;
  position: relative;
}
.lecturer_page dd:not(:last-of-type):before {
  content: "";
  position: absolute;
  left: 1.2rem;
  bottom: 0;
  display: block;
  width: 22.8rem;
  height: 0.04rem;
  background: #ebecf1;
}
.lecturer_page dd:active {
  background: #ebecf1;
}
/*当前课教师添加弹窗*/
.select_teacher_add_pop {
  display: none;
}
.select_teacher_add_pop .top_fixed_bar {
  padding-right: 0;
}
.select_teacher_add_pop .top_fixed_bar button {
  position: relative;
  right: 0.84rem;
  color: #fb8d00;
  width: 3.88rem;
  font-size: 1.2rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.select_teacher_add_pop dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select_teacher_add_pop dd.cur:after {
  content: "";
  width: 1.24rem;
  height: 0.92rem;
  background: url("../images/icon/icon_sele_t.png") center center no-repeat;
  -webkit-background-size: 1.24rem 0.92rem;
  background-size: 1.24rem 0.92rem;
}
/*班级教师选择*/
.class_teacher_box {
  height: 100%;
  padding: 3.28rem 1.2rem 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background: #fafafa;
}
.class_teacher_box .teacher_list {
  width: 100%;
  margin-top: 1.6rem;
  background: #fff;
  border: 0.04rem solid #f5f5f5;
  overflow: hidden;
}
.class_teacher_box .teacher_list:last-child {
  margin-bottom: 1.6rem;
}
.class_teacher_box .teacher_list .text_area {
  padding: 1.56rem 1.16rem 2.2rem;
  border-bottom: 0.04rem solid #eaeaea;
}
.class_teacher_box .teacher_list .text_area dl {
  display: flex;
  height: 3.2rem;
  margin-bottom: 1.32rem;
}
.class_teacher_box .teacher_list .text_area dl dt {
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.76rem;
  background: #ccc;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.class_teacher_box .teacher_list .text_area dl dt img {
  width: 100%;
  height: 100%;
}
.class_teacher_box .teacher_list .text_area dl dd {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.class_teacher_box .teacher_list .text_area dl dd p {
  line-height: 1.56rem;
  color: #343434;
  font-size: 1.08rem;
}
.class_teacher_box .teacher_list .text_area dl dd span {
  line-height: 1.36rem;
  color: #a1a6b3;
  font-size: 0.96rem;
}
.class_teacher_box .teacher_list .text_area ul li {
  display: flex;
  align-items: center;
  height: 1.68rem;
  line-height: 1.68rem;
  color: #6e7689;
  font-size: 1.08rem;
}
.class_teacher_box .teacher_list .text_area ul li:before {
  content: "";
  display: block;
  width: 1.48rem;
  height: 100%;
  flex-shrink: 0;
}
.class_teacher_box .teacher_list .text_area ul li:nth-child(1):before {
  background: url("../images/icon/icon_search_list_site.png") left center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.class_teacher_box .teacher_list .text_area ul li:nth-child(2):before {
  background: url("../images/icon/icon_search_list_time.png") left center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.class_teacher_box .teacher_list .text_area ul li:nth-child(3):before {
  background: url("../images/icon/icon_search_list_date.png") left center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.class_teacher_box .teacher_list .text_area ul li:nth-child(3):after {
  content: "";
  position: relative;
  top: 0.4rem;
  display: inline-block;
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 0.24rem;
  border: solid #c9c9c9;
  border-width: 0.12rem 0.12rem 0 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-radius: 0.08rem;
}
.class_teacher_box .teacher_list .price_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1.16rem;
}
.class_teacher_box .teacher_list .price_area > p {
  color: #ff7d0c;
  font-size: 0.92rem;
}
.class_teacher_box .teacher_list .price_area > div {
  display: flex;
  justify-content: center;
  height: 3.6rem;
  flex-flow: column;
}
.class_teacher_box .teacher_list .price_area span {
  display: flex;
  line-height: 1.92rem;
  color: #ff7d0c;
  font-weight: bold;
}
.class_teacher_box .teacher_list .price_area button {
  display: flex;
  align-items: center;
  height: 1.68rem;
}
.class_teacher_box .teacher_list .price_area button:after {
  content: "";
  margin-left: 0.52rem;
  margin-top: 0.08rem;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.48rem solid #9ba1b0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/*课程教师列表中的课表*/
.teacher_list_timetable {
  display: none;
  left: 30rem;
  max-width: 30rem;
  background: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.teacher_list_timetable .top_fixed_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
}
.teacher_list_timetable .content {
  position: static;
  height: 100%;
  padding-top: 3.48rem;
}
.teacher_list_timetable .content .con_list {
  height: 100%;
}
/*课程分期购买*/
.coures_stages_pay {
  display: none;
}
.coures_stages_pay .content {
  position: absolute;
  bottom: -26.4rem;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 26.4rem;
  padding: 0 0.8rem;
  background: #fff;
  border-top-left-radius: 0.72rem;
  border-top-right-radius: 0.72rem;
  overflow: hidden;
}
.coures_stages_pay .content .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.52rem;
  position: relative;
}
.coures_stages_pay .content .tit strong {
  display: block;
  color: #333;
  font-size: 1.28rem;
  font-weight: 500;
}
.coures_stages_pay .content .tit button {
  position: absolute;
  right: 0;
  width: 1.12rem;
  height: 1.12rem;
  background: url("../images/icon/icon_shut.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.coures_stages_pay .content p {
  margin: 0 0.8rem;
  padding: 0.64rem 0.8rem;
  line-height: 1.28rem;
  color: #626b80;
  font-size: 1.04rem;
  background: #f9f9f9;
}
.coures_stages_pay .content ul {
  height: 15.16rem;
  padding: 0 0.8rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.coures_stages_pay .content li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.72rem 0 2.12rem;
}
.coures_stages_pay .content li:not(:last-of-type) {
  border-bottom: 0.04rem solid #e5e5e5;
}
.coures_stages_pay .content li dl {
  height: 3.72rem;
}
.coures_stages_pay .content li dt {
  height: 2.04rem;
  line-height: 2.04rem;
  color: #333;
  font-size: 1.24rem;
  font-weight: 500;
}
.coures_stages_pay .content li dd {
  color: #626b80;
  line-height: 1.68rem;
  font-size: 0.96rem;
}
/*购买及支付页面
**********************/
.buy_in_page {
  width: 100%;
  height: 100%;
  padding: 3.44rem 0 3.96rem;
  overflow: hidden;
  /*底部按钮*/
}
.buy_in_page .content_box {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.buy_in_page .content_box .buy_coures_change .text_con {
  background: url(../images/icon/icon_buy_pay_f.png) left center no-repeat;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.buy_in_page .content_box .buy_coures_change .text_con_cur {
  background: url(../images/icon/icon_buy_pay_t.png) left center no-repeat;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.buy_in_page .content_box .buy_coures_change .type_con i {
  height: 0!important;
}
.buy_in_page .buy_course {
  overflow: hidden;
  margin-top: 0.92rem;
  padding: 0.4rem 1.6rem 0;
  background: #fff;
}
.buy_in_page .buy_course .text_con {
  padding-left: 2rem;
}
.buy_in_page .buy_course .text {
  width: 100%;
}
.buy_in_page .buy_course .text strong {
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.buy_in_page .buy_course .text ul {
  padding-bottom: 1.28rem;
  overflow: hidden;
}
.buy_in_page .buy_course .text li p {
  display: block;
  padding-left: 1.72rem;
  line-height: 1.92rem;
  color: #656e83;
  font-size: 1.04rem;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.buy_in_page .buy_course .text li:first-child {
  background: url("../images/icon/icon_search_list_date.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_in_page .buy_course .text li:nth-child(2) {
  background: url("../images/icon/icon_search_list_time.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_in_page .buy_course .text li:nth-child(3) {
  background: url("../images/icon/icon_search_list_user.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_in_page .buy_course .text li:nth-child(4) {
  background: url("../images/icon/icon_search_list_type.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_in_page .buy_course .text li:nth-child(4) p {
  color: #FA3F4E;
}
.buy_in_page .buy_course .type {
  width: 100%;
  padding: 0.64rem 0 0.84rem;
  position: relative;
}
.buy_in_page .buy_course .type strong {
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #2b3257;
  font-size: 1.24rem;
}
.buy_in_page .buy_course .type p {
  height: 1.76rem;
  line-height: 1.76rem;
  color: #626b80;
  font-size: 1.04rem;
}
.buy_in_page .buy_course .type em {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  line-height: 1.6rem;
  color: #FA3F4E;
  font-size: 1.12rem;
  font-weight: bold;
}
.buy_in_page .buy_course:not(:last-of-type) {
  border-bottom: 1px dashed #ebebeb;
}
.buy_in_page .bottom_btn_bar {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 4rem;
  max-width: 30rem;
  margin-left: -15rem;
  padding: 0 1.6rem;
  border-top: 0.08rem solid #ebecf1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.buy_in_page .bottom_btn_bar span {
  display: flex;
  align-items: center;
  height: 1.28rem;
  line-height: 1.28rem;
  color: #2b3257;
  font-size: 1.2rem;
}
.buy_in_page .bottom_btn_bar span em {
  height: 100%;
  color: #FA3F4E;
  font-weight: bold;
}
.buy_in_page .bottom_btn_bar span img {
  width: auto;
  height: 100%;
}
.buy_in_page .bottom_btn_bar button {
  width: 10.8rem;
  height: 3.2rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  background: #ff7d0c;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
  overflow: hidden;
}
.buy_in_page .delete_info span {
  display: flex;
}
.buy_in_page .delete_info span:before {
  content: "";
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
  background: url("../images/icon/icon_buy_pay_f.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.buy_in_page .delete_info span.cur:before {
  background: url("../images/icon/icon_buy_pay_t.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.buy_in_page .delete_info button {
  color: #fff;
}
/*购课单*/
.buy_monad_page .top_fixed_bar {
  padding-right: 0;
}
.buy_monad_page .top_fixed_bar button {
  position: relative;
  right: 0.84rem;
  color: #333;
  width: 3.88rem;
  font-size: 1.12rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.buy_monad_page .content_box {
  padding: 0 0.8rem;
}
.buy_monad_page .content_box .buy_course .text ul {
  border-bottom: 1px solid #ebebeb;
}
.buy_monad_page .content_box .buy_course .text_con,
.buy_monad_page .content_box .buy_course .type_con {
  display: flex;
  align-items: center;
}
.buy_monad_page .content_box .buy_course .text_con i,
.buy_monad_page .content_box .buy_course .type_con i {
  display: block;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
  background: url("../images/icon/icon_buy_pay_f.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.buy_monad_page .content_box .buy_course .text_con i.cur,
.buy_monad_page .content_box .buy_course .type_con i.cur {
  background: url("../images/icon/icon_buy_pay_t.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/*确认订单*/
.firm_order_page {
  display: block;
  background: #f9f9fb;
  /*缴费明细*/
}
.firm_order_page .firm_list_box {
  padding: 0 1.6rem 1.2rem;
  background: #fff;
  overflow: hidden;
}
.firm_order_page .firm_list_box:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.firm_order_page .firm_list_box strong {
  display: block;
  height: 2.4rem;
  margin-bottom: 0.4rem;
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  overflow: hidden;
}
.firm_order_page .cur_order_info dl {
  display: flex;
  justify-content: end;
  line-height: 1.44rem;
  font-size: 1.04rem;
  overflow: hidden;
}
.firm_order_page .cur_order_info dl:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.firm_order_page .cur_order_info dl dt {
  flex-shrink: 0;
  width: 22%;
  height: 1.2rem;
  padding-right: 1.2rem;
  line-height: 1.2rem;
  text-align: justify;
}
.firm_order_page .cur_order_info dl dt:after {
  content: "：";
  display: inline-block;
  width: 100%;
  height: 0;
  position: relative;
  top: -100%;
  right: -101%;
}
.firm_order_page .cur_order_info dl dd {
  width: 100%;
  line-height: 1.2rem;
}
.firm_order_page .cur_order_info dl dd p {
  font-size: 1.12rem;
  padding-bottom: 0.8rem;
  color: #666;
  word-break: break-all;
  word-wrap: break-word;
}
.firm_order_page .cur_order_info dl dd button {
  float: right;
  padding: 0.24rem 0.8rem;
  color: #0f82ff;
  background: #ccc;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
}
.firm_order_page .cur_order_info dl dd.fee_no_pay {
  color: #FA3F4E;
}
.firm_order_page .cur_order_info dl dd.fee_paid_part {
  color: #1A89FF;
}
.firm_order_page .cur_order_info dl dd.fee_paid_all {
  color: #333;
}
.firm_order_page .cur_order_info dl dd.title {
  display: block;
  padding-right: 1.6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.firm_order_page .cur_coures_info {
  overflow: hidden;
  padding-bottom: 0.4rem;
}
.firm_order_page .cur_coures_info p,
.firm_order_page .cur_coures_info li {
  display: flex;
  align-items: center;
  line-height: 1.84rem;
  color: #333333;
  font-size: 1.12rem;
  margin-right: 0.48rem;
  text-transform: uppercase;
}
.firm_order_page .cur_coures_info p {
  font-weight: 600;
}
.firm_order_page .cur_coures_info p em {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.24rem;
  height: 1.2rem;
  margin-right: 0.8rem;
  line-height: 1;
  color: #fff;
  font-size: 0.88rem;
  font-weight: 600;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.firm_order_page .cur_coures_info p em.ms {
  background: #ff6d02;
}
.firm_order_page .cur_coures_info p em.ss {
  background: #2092f4;
}
.firm_order_page .cur_coures_info li:before {
  content: "";
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.48rem;
  flex-shrink: 0;
}
.firm_order_page .cur_coures_info li:first-child:before {
  background: url("../images/icon/icon_search_list_date.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.firm_order_page .cur_coures_info li:nth-child(2):before {
  background: url("../images/icon/icon_class_type.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.firm_order_page .cur_coures_info li:nth-child(3):before {
  background: url("../images/icon/icon_class_category.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.firm_order_page .student_site_info {
  overflow: hidden;
  padding-bottom: 0;
}
.firm_order_page .student_site_info .cur_student dl {
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0.6rem 2.4rem 1rem 0;
  border-bottom: 0.08rem solid #ebecf1;
}
.firm_order_page .student_site_info .cur_student dl dt {
  flex-shrink: 0;
  margin-right: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.firm_order_page .student_site_info .cur_student dl dd {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 3.2rem;
  overflow: hidden;
}
.firm_order_page .student_site_info .cur_student dl dd p,
.firm_order_page .student_site_info .cur_student dl dd span {
  display: block;
  overflow: hidden;
  color: #333;
  font-size: 1.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.firm_order_page .student_site_info .cur_student dl dd P {
  font-size: 1.06rem;
  font-weight: 600;
}
.firm_order_page .student_site_info .cur_site > div {
  padding: 0.8rem 0;
}
.firm_order_page .student_site_info .cur_site > div:not(:last-of-type) {
  border-bottom: 0.08rem solid #ebebeb;
}
.firm_order_page .student_site_info .cur_site h3 {
  display: block;
  height: 2.4rem;
  margin-bottom: 0.4rem;
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  overflow: hidden;
}
.firm_order_page .student_site_info .cur_site dl:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.firm_order_page .student_site_info .cur_site dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2rem;
}
.firm_order_page .student_site_info .cur_site dt strong {
  color: #666;
  font-size: 1.04rem;
  font-size: 600;
}
.firm_order_page .student_site_info .cur_site dt em {
  color: #999;
  font-size: 1.04rem;
  text-transform: lowercase;
}
.firm_order_page .student_site_info .cur_site dd {
  height: 2rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.04rem;
  padding-left: 1.84rem;
  background: url("../images/icon/icon_search_list_site.png") left center no-repeat;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
}
.firm_order_page .student_site_info .cur_site dd:last-child {
  background: url("../images/icon/icon_tel_phone.png") left center no-repeat;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
}
.firm_order_page .student_site_info .cur_site dd a {
  color: #1C61FF;
}
.firm_order_page .payment_details {
  padding-bottom: 0;
}
.firm_order_page .payment_details .fee_item_no_pay {
  color: #FA3F4E;
}
.firm_order_page .payment_details .fee_item_paid_part {
  color: #1A89FF;
}
.firm_order_page .payment_details .cost_details {
  width: 100%;
  padding: 0.8rem 0;
  border-bottom: 0.08rem solid #ebebeb;
  position: relative;
}
.firm_order_page .payment_details .cost_details:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.52rem;
  height: 1.52rem;
  margin-top: -0.76rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: auto 1.52rem;
  background-size: auto 1.52rem;
}
.firm_order_page .payment_details .cost_details strong {
  display: block;
  height: 2.4rem;
  margin: 0;
  line-height: 1.5;
  color: #333;
  font-size: 1.1rem;
  font-weight: 600;
  overflow: hidden;
}
.firm_order_page .payment_details .cost_details dl {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1.04rem;
}
.firm_order_page .payment_details .cost_details dl:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.firm_order_page .payment_details .cost_details dl dt {
  flex-shrink: 0;
  width: 22%;
  height: 1.2rem;
  padding-right: 1.2rem;
  line-height: 1;
  text-align: justify;
}
.firm_order_page .payment_details .cost_details dl dt:after {
  content: "：";
  display: inline-block;
  width: 100%;
  height: 0;
  position: relative;
  top: -100%;
  right: -101%;
}
.firm_order_page .payment_details .cost_details dl dd {
  line-height: 1;
  font-size: 1.04rem;
}
.firm_order_page .payment_details .cost_details dl dd.fee_no_pay {
  color: #FA3F4E;
}
.firm_order_page .payment_details .cost_details dl dd.fee_paid_part {
  color: #1A89FF;
}
.firm_order_page .payment_details .cost_details dl dd.fee_paid_all {
  color: #000;
}
.firm_order_page .payment_details .cost dd {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 1.2rem;
  flex-shrink: 0;
  text-align: right;
  color: #ff7d0c;
}
.firm_order_page .payment_details .cost dd span {
  display: flex;
  align-items: center;
  height: 1.28rem;
  line-height: 1.28rem;
  color: #ff7d0c;
  font-size: 1.2rem;
  font-weight: 600;
}
.firm_order_page .payment_details .cost dd span:last-child {
  color: #333;
  font-weight: 400;
  font-size: 1.12rem;
}
.firm_order_page .payment_details .cost dd em {
  display: block;
  color: #333;
  margin: 0 0.24rem;
  font-size: 1.04rem;
}
.firm_order_page .payment_details .btn {
  overflow: hidden;
}
.firm_order_page .payment_details .btn button {
  float: right;
  height: 4.8rem;
  line-height: 4.8rem;
  color: #687185;
  font-size: 1.04rem;
}
.firm_order_page .bottom_btn_bar {
  display: flex;
  align-items: center;
  justify-content: end;
  color: #333;
}
.firm_order_page .bottom_btn_bar p {
  line-height: 1;
  font-size: 1.2rem;
}
.firm_order_page .bottom_btn_bar .order_total_fee_txt {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 1.2rem;
  flex-shrink: 0;
  text-align: right;
  color: #ff7d0c;
}
.firm_order_page .bottom_btn_bar .order_total_fee_txt span {
  display: flex;
  align-items: center;
  height: 1.28rem;
  line-height: 1.28rem;
  color: #ff7d0c;
  font-size: 1.2rem;
  font-weight: 600;
}
.firm_order_page .bottom_btn_bar .order_total_fee_txt span:last-child {
  color: #333;
  font-weight: 400;
  font-size: 1.12rem;
}
.firm_order_page .bottom_btn_bar .order_total_fee_txt em {
  display: block;
  color: #333;
  margin: 0 0.24rem;
  font-size: 1.04rem;
}
.firm_order_page .bottom_btn_bar .order_total_fee_txt img {
  width: 1.2rem;
  height: 1.2rem;
}
.firm_order_page .bottom_btn_bar button {
  display: none;
  color: #fff;
  background: #ff7d0c;
}
/*订单详情弹窗*/
.order_course_pop {
  left: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.order_course_pop .top_fixed_bar {
  position: absolute;
  left: 0;
  margin: 0;
}
.order_course_pop .order_course_con {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 100%;
  overflow-y: auto;
}
.order_course_pop .order_course_con .student_site_info {
  border: none;
}
.order_course_pop .order_course_con .student_site_info dl {
  align-items: end;
}
.order_course_pop .order_course_con .student_site_info dl dd {
  height: auto;
  line-height: 1.8rem;
}
/*缴费说明*/
.payment_details_pop {
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.payment_details_pop .content {
  display: flex;
  flex-flow: column;
  position: absolute;
  bottom: 0;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 60%;
  background: #fff;
  padding: 0 1.6rem;
}
.payment_details_pop .title {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.64rem;
  border-bottom: 0.08rem solid #ebecf1;
}
.payment_details_pop .title strong {
  display: block;
  color: #000;
  font-size: 1.36rem;
  font-weight: 400;
}
.payment_details_pop .title button {
  display: block;
  width: 1.68rem;
  height: 1.68rem;
  -webkit-border-radius: 0.84rem;
  -moz-border-radius: 0.84rem;
  border-radius: 0.84rem;
  background: url(../images/icon/icon_shut.png) center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.payment_details_pop .con_list {
  display: block;
  height: 100%;
  padding: 1.48rem 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.payment_details_pop .con_list p {
  line-height: 2rem;
  color: #a1a5bb;
  font-size: 1.2rem;
}
/*待付款*/
.obligation_page {
  display: block;
}
.obligation_page .icon_hint {
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 1.6rem;
  letter-spacing: 0.08rem;
  color: #ff7925;
  font-size: 0.96rem;
  background: #fffae6;
}
.obligation_page .content_box .btn_type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.8rem 0;
}
.obligation_page .content_box .btn_type button {
  display: block;
  width: 6.64rem;
  height: 2.24rem;
  margin-left: 0.8rem;
  color: #636c80;
  font-size: 1.04rem;
  background: #fff;
  border: 1px solid #818899;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
}
.obligation_page .content_box .btn_type button:last-child {
  color: #fff;
  border-color: #ff7300;
  background: #ff7300;
}
/*已付款*/
.account_paid_page {
  display: block;
}
.account_paid_page .pay_time {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.2rem;
  padding: 0 1.6rem;
  color: #626b80;
  font-size: 1.04rem;
  overflow: hidden;
}
.account_paid_page .buy_course .type em {
  color: #333;
}
.account_paid_page .buy_course .btn_type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.8rem 0;
}
.account_paid_page .buy_course .btn_type button {
  width: 6.56rem;
  height: 2.16rem;
  color: #a0a6b4;
  font-size: 1rem;
  border: 1px solid #adb2bf;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
}
.account_paid_page .buy_course .btn_type button:not(:last-of-type) {
  margin-right: 0.88rem;
}
/*退款*/
.refund_list_page {
  overflow: hidden;
  /*退款详情*/
}
.refund_list_page .refund_list_content {
  width: 100%;
  height: 100%;
  background: #f9f9fb;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.refund_list_page .refund_list_content .refund_list {
  margin-bottom: 0.8rem;
  overflow: hidden;
}
.refund_list_page .refund_list_content .refund_list .btn_type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3.8rem;
}
.refund_list_page .refund_list_content .refund_list .btn_type button {
  width: 8.56rem;
  height: 2.16rem;
  color: #9ba1b0;
  font-size: 1.04rem;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  border: 0.04rem solid #acb1be;
}
.refund_list_page .refund_details_pop {
  display: none;
  background: #f4f5f6;
  overflow: hidden;
}
.refund_list_page .refund_details_pop .top_fixed_bar .service_btn {
  position: absolute;
  right: 1.2rem;
  width: 1.76rem;
  height: 1.64rem;
  background: url(../images/icon/icon_btn_ser.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.refund_list_page .refund_details_pop .refund_details_con {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.refund_list_page .refund_details_pop .refund_details_con > div {
  margin-bottom: 0.8rem;
  background: #fff;
}
.refund_list_page .refund_details_pop .refund_details_con .buy_course_base .btn_type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3.92rem;
}
.refund_list_page .refund_details_pop .refund_details_con .buy_course_base .btn_type button {
  width: 8.64rem;
  height: 2.16rem;
  color: #a0a6b4;
  font-size: 1.04rem;
  border: 0.04rem solid #afb4c0;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
}
.refund_list_page .refund_details_pop .refund_info_box,
.refund_list_page .refund_details_pop .refund_sum {
  padding: 0 1.6rem;
}
.refund_list_page .refund_details_pop .refund_info_box > div:not(:last-of-type),
.refund_list_page .refund_details_pop .refund_sum > div:not(:last-of-type) {
  border-bottom: 0.04rem solid #eaeaea;
}
.refund_list_page .refund_details_pop .refund_info_box .title,
.refund_list_page .refund_details_pop .refund_sum .title {
  display: flex;
  align-items: center;
  height: 4.36rem;
}
.refund_list_page .refund_details_pop .refund_info_box .title strong,
.refund_list_page .refund_details_pop .refund_sum .title strong {
  color: #333;
  font-size: 1.4rem;
}
.refund_list_page .refund_details_pop .refund_info_box .info_list,
.refund_list_page .refund_details_pop .refund_sum .info_list {
  padding: 1.2rem 0 1.36rem;
}
.refund_list_page .refund_details_pop .refund_info_box .info_list dt,
.refund_list_page .refund_details_pop .refund_sum .info_list dt {
  height: 2.4rem;
  line-height: 2.36rem;
  color: #333;
  font-size: 1.08rem;
}
.refund_list_page .refund_details_pop .refund_info_box .info_list dd,
.refund_list_page .refund_details_pop .refund_sum .info_list dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.96rem;
}
.refund_list_page .refund_details_pop .refund_info_box .info_list dd span,
.refund_list_page .refund_details_pop .refund_sum .info_list dd span {
  color: #656e82;
  font-size: 1.12rem;
}
.refund_list_page .refund_details_pop .refund_info_box .info_list dd p,
.refund_list_page .refund_details_pop .refund_sum .info_list dd p {
  color: #343434;
  font-size: 0.88rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar {
  display: block;
  height: auto;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar span {
  display: block;
  height: 1.96rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div {
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  overflow: hidden;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl {
  display: flex;
  text-align: center;
  flex-flow: column;
  width: 100%;
  padding-top: 4.52rem;
  position: relative;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl:not(:last-of-type):before {
  content: "";
  position: absolute;
  left: 5.4rem;
  top: 2.2rem;
  width: 4rem;
  height: 0.12rem;
  background: #c8cbd9;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl.cur:before {
  background: #007dff;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl.cur:first-child {
  background: url("../images/icon/icon_refund_stepc1.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl.cur:nth-child(2) {
  background: url("../images/icon/icon_refund_stepc2.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl.cur:nth-child(3) {
  background: url("../images/icon/icon_refund_stepc3.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl.cur dt {
  color: #007dff;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl:first-child {
  background: url("../images/icon/icon_refund_step1.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl:nth-child(2) {
  background: url("../images/icon/icon_refund_step2.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dl:nth-child(3) {
  background: url("../images/icon/icon_refund_step3.png") center 1.44rem no-repeat;
  -webkit-background-size: 1.68rem 1.64rem;
  background-size: 1.68rem 1.64rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  margin-bottom: 0.6rem;
  color: #9c9c9c;
  font-size: 0.92rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd.refund_bar div dd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.24rem;
  line-height: 1.28rem;
  color: #9b9b9b;
  font-size: 0.8rem;
}
.refund_list_page .refund_details_pop .refund_info_box dd em {
  display: block;
  color: #ff492d;
  font-size: 0.84rem;
}
.refund_list_page .refund_details_pop .refund_sum .total_sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.04rem;
  color: #333;
}
.refund_list_page .refund_details_pop .refund_sum .total_sum span {
  font-size: 1.44rem;
}
.refund_list_page .refund_details_pop .refund_sum .total_sum p {
  font-size: 1.2rem;
}
/*支付成功*/
.pay_success_page .pay_success_con {
  padding: 2.8rem 1.6rem 0;
}
.pay_success_page .pay_success_con .hint_info {
  display: flex;
  flex-flow: column;
  text-align: center;
  padding-bottom: 0.72rem;
}
.pay_success_page .pay_success_con .hint_info strong {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.92rem;
  color: #323232;
  font-size: 1.2rem;
  font-weight: 600;
}
.pay_success_page .pay_success_con .hint_info strong:before {
  content: '';
  width: 1.92rem;
  height: 1.92rem;
  margin-right: 0.56rem;
  background: url("../images/icon/icon_pay_success_token.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-border-radius: 0.96rem;
  -moz-border-radius: 0.96rem;
  border-radius: 0.96rem;
  overflow: hidden;
}
.pay_success_page .pay_success_con .hint_info p {
  height: 3.68rem;
  line-height: 3.68rem;
  color: #9fa0b2;
  font-size: 1.04rem;
}
.pay_success_page .pay_success_con button {
  display: block;
  margin: 0 auto;
  width: 9.6rem;
  height: 3.2rem;
  margin-bottom: 2.4rem;
  color: #fcfbf6;
  font-size: 1.12rem;
  background: #feaa0a;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  overflow: hidden;
}
.pay_success_page .pay_success_con .other_banner {
  width: 100%;
  height: 8.16rem;
  overflow: hidden;
}
.pay_success_page .pay_success_con .other_banner img {
  width: 100%;
  height: 100%;
}
/*支付记录*/
.payment_record_page {
  background: #f7f7fb;
}
.payment_record_page .payment_record_time {
  padding-top: 0.8rem;
  padding-bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.payment_record_page .payment_record_time .time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.72rem;
  padding: 0 1.6rem;
}
.payment_record_page .payment_record_time .time span {
  color: #333;
  font-size: 1.04rem;
  font-weight: bold;
}
.payment_record_page .payment_record_time .time em {
  color: #626b80;
  font-size: 0.88rem;
}
.payment_record_page .payment_record_time .text_info {
  padding: 0 1.6rem;
  background: #fff;
  border: 0;
}
.payment_record_page .payment_record_time .text_info:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.payment_record_page .payment_record_time .text_info > div:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea;
}
.payment_record_page .payment_record_time .text_info .info_list {
  padding: 1.4rem 0;
}
.payment_record_page .payment_record_time .text_info .info_list li {
  display: flex;
  align-items: center;
  height: 1.92rem;
  font-size: 1.04rem;
}
.payment_record_page .payment_record_time .text_info .info_list li span,
.payment_record_page .payment_record_time .text_info .info_list li button {
  flex-shrink: 0;
}
.payment_record_page .payment_record_time .text_info .info_list li span {
  color: #626b80;
}
.payment_record_page .payment_record_time .text_info .info_list li button {
  display: block;
  width: 3.92rem;
  height: 1.6rem;
  color: #1082ff;
  border: 1px solid #1082ff;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.payment_record_page .payment_record_time .text_info .info_list li p {
  width: 100%;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment_record_page .payment_record_time .text_info .type em {
  color: #333;
}
/*申请退款*/
.apply_refund_page {
  background: #f4f5f7;
  /*订单详情*/
  /*退费原因*/
  /*验证信息*/
  /*退费须知*/
  /*提交申请*/
  /*退费原因弹窗*/
  /*退费须知*/
  /*再次提示确定与否*/
  /*申请退费*/
}
.apply_refund_page .top_fixed_bar .service_btn {
  position: absolute;
  right: 1.2rem;
  width: 1.76rem;
  height: 1.64rem;
  background: url("../images/icon/icon_btn_ser.png") center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.apply_refund_page .apply_refund_content {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.apply_refund_page .box_list_marg:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.apply_refund_page .order_details_box {
  overflow: hidden;
}
.apply_refund_page .order_details_box h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.64rem;
  color: #363638;
  font-size: 1.36rem;
}
.apply_refund_page .order_details_box h2:before,
.apply_refund_page .order_details_box h2:after {
  content: '';
  width: 5.6rem;
  height: 0.08rem;
  margin: 0 0.8rem;
  background: #cacbdd;
}
.apply_refund_page .order_details_box > div {
  padding: 0 1.6rem;
  background: #fff;
}
.apply_refund_page .order_details_box .title {
  display: flex;
  align-items: center;
  height: 3.72rem;
  border-bottom: 0.04rem solid #ededef;
}
.apply_refund_page .order_details_box .title p {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #313131;
  font-size: 1.24rem;
}
.apply_refund_page .order_details_box .order_details_con .real_refund {
  display: flex;
  align-items: center;
  height: 4.68rem;
  overflow: hidden;
}
.apply_refund_page .order_details_box .order_details_con .real_refund strong {
  color: #333;
  font-size: 1.4rem;
}
.apply_refund_page .order_details_box .order_details_con dl {
  padding: 0.92rem 0;
}
.apply_refund_page .order_details_box .order_details_con dt {
  height: 2.44rem;
  line-height: 2.44rem;
  color: #333;
  font-size: 1.12rem;
}
.apply_refund_page .order_details_box .order_details_con dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.96rem;
  font-size: 1.12rem;
}
.apply_refund_page .order_details_box .order_details_con dd span {
  color: #646b7d;
}
.apply_refund_page .order_details_box .order_details_con dd p {
  color: #353535;
}
.apply_refund_page .order_details_box .order_details_con .total_sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.64rem;
}
.apply_refund_page .order_details_box .order_details_con .total_sum span {
  color: #313131;
  font-size: 1.4rem;
}
.apply_refund_page .order_details_box .order_details_con .total_sum p {
  color: #323232;
  font-size: 1.2rem;
  font-weight: 400;
}
.apply_refund_page .order_details_box .order_details_con .records_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3.84rem;
}
.apply_refund_page .order_details_box .order_details_con .records_btn button {
  display: block;
  width: 8.56rem;
  height: 2.16rem;
  color: #a0a2b1;
  font-size: 1rem;
  border: 0.04rem solid #b1b1bd;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
}
.apply_refund_page .order_details_box .order_details_con .hint_info {
  padding: 1.36rem 0 1.84rem;
}
.apply_refund_page .order_details_box .order_details_con .hint_info p {
  color: #cbcbd3;
  line-height: 1.28rem;
  font-size: 0.96rem;
}
.apply_refund_page .order_details_box .order_details_con > div:not(:last-of-type) {
  border-bottom: 0.04rem solid #ededef;
}
.apply_refund_page .refund_reason_btn {
  padding: 0 1.6rem;
  background: #fff;
  overflow: hidden;
}
.apply_refund_page .refund_reason_btn:active {
  background: #eee;
}
.apply_refund_page .refund_reason_btn p {
  display: flex;
  align-items: center;
  height: 3.12rem;
  color: #2b3046;
  font-size: 1.36rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  background-size: 0.72rem 1.12rem;
}
.apply_refund_page .verify_info {
  padding: 0 1.6rem;
  background: #fff;
}
.apply_refund_page .verify_info strong {
  display: flex;
  align-items: center;
  height: 4.68rem;
  color: #303258;
  font-size: 1.4rem;
  border-bottom: 0.04rem solid #ededed;
}
.apply_refund_page .verify_info li {
  display: flex;
  align-items: center;
  height: 4.64rem;
  border-bottom: 0.08rem solid #ededed;
}
.apply_refund_page .verify_info li span {
  flex-shrink: 0;
  margin-right: 3.44rem;
  color: #252c5a;
  font-size: 1.08rem;
}
.apply_refund_page .verify_info li input {
  width: 100%;
  height: 2.24rem;
  font-size: 1.08rem;
}
.apply_refund_page .verify_info li button {
  flex-shrink: 0;
  width: 5.76rem;
  height: 2.24rem;
  color: #2c63f3;
  font-size: 0.96rem;
  border: 0.04rem solid #6a83c3;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.apply_refund_page .verify_info p.text {
  display: block;
  padding: 1.44rem 0;
  line-height: 1.2rem;
  color: #c9cacf;
  font-size: 0.96rem;
}
.apply_refund_page .refund_notice_bar {
  display: flex;
  align-items: center;
  height: 4.8rem;
  padding: 0 1.6rem;
  background: #fff;
}
.apply_refund_page .refund_notice_bar i {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  margin-right: 0.56rem;
  border: 0.04rem solid #d4d4d6;
}
.apply_refund_page .refund_notice_bar i.cur {
  background: url("../images/icon/icon_buy_xy_t.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  border: none;
}
.apply_refund_page .refund_notice_bar button {
  height: 1.28rem;
  line-height: 1;
  color: #ff7d0c;
  font-size: 1.04rem;
}
.apply_refund_page .submit_apply_bar {
  padding: 2.4rem 1.6rem;
  background: #fff;
}
.apply_refund_page .submit_apply_bar button {
  display: block;
  width: 17.6rem;
  height: 3.2rem;
  margin: 0 auto;
  color: #d8c771;
  font-size: 1.4rem;
  -webkit-border-radius: 0.32rem;
  -moz-border-radius: 0.32rem;
  border-radius: 0.32rem;
  background: #f9e87e;
}
.apply_refund_page .submit_apply_bar button.cur {
  color: #6a6126;
  background: #feda02;
}
.apply_refund_page .refund_reason_pop {
  display: none;
  background: #f0eff5;
}
.apply_refund_page .refund_reason_pop .content_cause {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.apply_refund_page .refund_reason_pop .content_cause ul {
  border-top: 0.04rem solid #e5e5e5;
  border-bottom: 0.04rem solid #e5e5e5;
  margin: 0.8rem 0;
  background: #fff;
  overflow: hidden;
}
.apply_refund_page .refund_reason_pop .content_cause li {
  padding: 0 1.2rem;
}
.apply_refund_page .refund_reason_pop .content_cause li p {
  display: flex;
  align-items: center;
  height: 3.68rem;
  color: #34354a;
  font-size: 1.2rem;
}
.apply_refund_page .refund_reason_pop .content_cause li:not(:last-of-type) p {
  border-bottom: 0.04rem solid #e5e5e5;
}
.apply_refund_page .refund_notice_pop {
  display: none;
}
.apply_refund_page .refund_notice_pop .content {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 100%;
  padding: 1.2rem 1.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.apply_refund_page .refund_notice_pop .content p {
  padding-bottom: 0.8rem;
  line-height: 1.44rem;
  color: #666;
  font-size: 1.04rem;
  text-indent: 2em;
}
.apply_refund_page .again_hint_pop {
  display: none;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.apply_refund_page .again_hint_pop .content_base {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apply_refund_page .again_hint_pop .text_box {
  display: flex;
  flex-flow: column;
  width: 22.4rem;
  height: 13.04rem;
  background: #fff;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.apply_refund_page .again_hint_pop .text {
  flex-shrink: 0;
  padding: 0.8rem 1.6rem 1.44rem;
  border-bottom: 0.04rem solid #eaeaea;
}
.apply_refund_page .again_hint_pop .text strong {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.96rem;
  color: #323232;
  font-size: 1.4rem;
  font-weight: 600;
}
.apply_refund_page .again_hint_pop .text strong em {
  display: inline-block;
  margin-left: 0.8rem;
  color: #FA3F4E;
  font-size: 1.12rem;
}
.apply_refund_page .again_hint_pop .text p {
  line-height: 1.4rem;
  color: #9aa0ae;
  font-size: 1.24rem;
}
.apply_refund_page .again_hint_pop .btn_bar {
  display: flex;
  height: 100%;
}
.apply_refund_page .again_hint_pop .btn_bar button {
  width: 100%;
  height: 100%;
  color: #323232;
  font-size: 1.4rem;
}
.apply_refund_page .again_hint_pop .btn_bar button:last-child {
  color: #1C61FF;
  border-left: 0.04rem solid #eaeaea;
}
.apply_refund_page .submit_pop {
  display: none;
  background: #f9f9fb;
}
.apply_refund_page .submit_pop .cur_info {
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.apply_refund_page .submit_pop .cur_info img {
  padding-top: 10%;
  width: 9.76rem;
}
.apply_refund_page .submit_pop .cur_info p {
  padding-top: 3.36rem;
  line-height: 1;
  color: #343436;
  font-size: 1.04rem;
}
/*通用够买课程信息*/
.buy_course_base {
  padding: 0.92rem 1.2rem 0;
  background: #fff;
  overflow: hidden;
}
.buy_course_base > div:not(:last-of-type) {
  border-bottom: 1px dashed #ebebeb;
}
.buy_course_base .text_con {
  padding-left: 2rem;
}
.buy_course_base .text {
  width: 100%;
}
.buy_course_base .text strong {
  display: block;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.buy_course_base .text ul {
  padding-bottom: 1.28rem;
  overflow: hidden;
}
.buy_course_base .text li p {
  display: block;
  padding-left: 1.72rem;
  line-height: 1.92rem;
  color: #656e83;
  font-size: 1.04rem;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.buy_course_base .text li:first-child {
  background: url("../images/icon/icon_search_list_date.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_course_base .text li:nth-child(2) {
  background: url("../images/icon/icon_search_list_time.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_course_base .text li:nth-child(3) {
  background: url("../images/icon/icon_search_list_user.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_course_base .text li:nth-child(4) {
  background: url("../images/icon/icon_search_list_type.png") left 0.4rem no-repeat;
  -webkit-background-size: 1.12rem auto;
  background-size: 1.12rem auto;
}
.buy_course_base .text li:nth-child(4) p {
  color: #FA3F4E;
}
.buy_course_base .type {
  width: 100%;
  padding: 0.64rem 0 0.84rem;
  position: relative;
}
.buy_course_base .type strong {
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #2b3257;
  font-size: 1.24rem;
}
.buy_course_base .type p {
  height: 1.76rem;
  line-height: 1.76rem;
  color: #626b80;
  font-size: 1.04rem;
}
.buy_course_base .type em {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  line-height: 1.6rem;
  color: #FA3F4E;
  font-size: 1.12rem;
  font-weight: bold;
}
/*通用课程信息*/
.all_course_info,
.select_course_item_page .cur_course_info,
.new_course_details_page .course_list_box {
  /*标题*/
  /*价格*/
  /*班级信息*/
}
.all_course_info > div:not(:last-of-type),
.select_course_item_page .cur_course_info > div:not(:last-of-type),
.new_course_details_page .course_list_box > div:not(:last-of-type) {
  padding-bottom: 0.64rem;
}
.all_course_info .class_type_list,
.select_course_item_page .cur_course_info .class_type_list,
.new_course_details_page .course_list_box .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.all_course_info .class_type_list .class_info,
.select_course_item_page .cur_course_info .class_type_list .class_info,
.new_course_details_page .course_list_box .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.all_course_info .class_type_list .class_info .title,
.select_course_item_page .cur_course_info .class_type_list .class_info .title,
.new_course_details_page .course_list_box .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.all_course_info .class_type_list .class_info .title em,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em,
.new_course_details_page .course_list_box .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.all_course_info .class_type_list .class_info .title em.icon_meishu,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_meishu,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_mote,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_mote,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_qita,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_qita,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_qiyi,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_qiyi,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_shufa,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_shufa,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_tqd,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_tqd,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_tyhd,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_tyhd,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_wenhua,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_wenhua,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_wudao,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_wudao,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_yinyue,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_yinyue,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_yuyan,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_yuyan,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title em.icon_zyfd,
.select_course_item_page .cur_course_info .class_type_list .class_info .title em.icon_zyfd,
.new_course_details_page .course_list_box .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.all_course_info .class_type_list .class_info .title p,
.select_course_item_page .cur_course_info .class_type_list .class_info .title p,
.new_course_details_page .course_list_box .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.all_course_info .class_type_list .info_list,
.select_course_item_page .cur_course_info .class_type_list .info_list,
.new_course_details_page .course_list_box .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.all_course_info .class_type_list .info_list ul,
.select_course_item_page .cur_course_info .class_type_list .info_list ul,
.new_course_details_page .course_list_box .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.all_course_info .class_type_list .info_list ul li,
.select_course_item_page .cur_course_info .class_type_list .info_list ul li,
.new_course_details_page .course_list_box .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.all_course_info .class_type_list .info_list ul li:nth-child(1),
.select_course_item_page .cur_course_info .class_type_list .info_list ul li:nth-child(1),
.new_course_details_page .course_list_box .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.all_course_info .class_type_list .info_list ul li:nth-child(2),
.select_course_item_page .cur_course_info .class_type_list .info_list ul li:nth-child(2),
.new_course_details_page .course_list_box .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.all_course_info .class_type_list .info_list ul li:nth-child(3),
.select_course_item_page .cur_course_info .class_type_list .info_list ul li:nth-child(3),
.new_course_details_page .course_list_box .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.all_course_info .class_type_list .info_list p,
.select_course_item_page .cur_course_info .class_type_list .info_list p,
.new_course_details_page .course_list_box .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.all_course_info .class_type_list .info_list p i,
.select_course_item_page .cur_course_info .class_type_list .info_list p i,
.new_course_details_page .course_list_box .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.all_course_info .class_type_list .tutor,
.select_course_item_page .cur_course_info .class_type_list .tutor,
.new_course_details_page .course_list_box .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.all_course_info .class_type_list .tutor > ul,
.select_course_item_page .cur_course_info .class_type_list .tutor > ul,
.new_course_details_page .course_list_box .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.all_course_info .class_type_list .tutor li,
.select_course_item_page .cur_course_info .class_type_list .tutor li,
.new_course_details_page .course_list_box .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.all_course_info .class_type_list .tutor li img,
.select_course_item_page .cur_course_info .class_type_list .tutor li img,
.new_course_details_page .course_list_box .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.all_course_info .class_type_list .tutor dl,
.select_course_item_page .cur_course_info .class_type_list .tutor dl,
.new_course_details_page .course_list_box .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.all_course_info .class_type_list .tutor dl dt,
.select_course_item_page .cur_course_info .class_type_list .tutor dl dt,
.new_course_details_page .course_list_box .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.all_course_info .class_type_list .tutor dl dd,
.select_course_item_page .cur_course_info .class_type_list .tutor dl dd,
.new_course_details_page .course_list_box .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.all_course_info .class_type_list .tutor p,
.select_course_item_page .cur_course_info .class_type_list .tutor p,
.new_course_details_page .course_list_box .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.all_course_info .class_type_list .tutor p i,
.select_course_item_page .cur_course_info .class_type_list .tutor p i,
.new_course_details_page .course_list_box .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.all_course_info .class_type_list .tutor p em,
.select_course_item_page .cur_course_info .class_type_list .tutor p em,
.new_course_details_page .course_list_box .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.all_course_info .class_type_list,
.select_course_item_page .cur_course_info .class_type_list,
.new_course_details_page .course_list_box .class_type_list {
  padding: 0;
  margin-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.all_course_info .class_type_list .info_list ul,
.select_course_item_page .cur_course_info .class_type_list .info_list ul,
.new_course_details_page .course_list_box .class_type_list .info_list ul {
  padding: 0;
}
.all_course_info .prices,
.select_course_item_page .cur_course_info .prices,
.new_course_details_page .course_list_box .prices {
  display: flex;
  align-items: center;
  color: #FA3F4E;
  font-size: 1.2rem;
}
.all_course_info .prices span,
.select_course_item_page .cur_course_info .prices span,
.new_course_details_page .course_list_box .prices span {
  padding-right: 0.4rem;
  height: 2rem;
  line-height: 2rem;
}
.all_course_info .prices p,
.select_course_item_page .cur_course_info .prices p,
.new_course_details_page .course_list_box .prices p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  font-size: 1.44rem;
  font-weight: 600;
}
.all_course_info .prices sub,
.select_course_item_page .cur_course_info .prices sub,
.new_course_details_page .course_list_box .prices sub {
  line-height: 0.8;
  font-size: 1.2rem;
}
/*选择课程项目类型*/
.select_course_item_page {
  height: 100%;
  position: relative;
  /*通用样式*/
  /*课程信息*/
  /*选择学生*/
  /*报名学员*/
  /*地址选择*/
  /*费用列表信息*/
  /*提交按钮*/
  /*选择学生弹窗*/
  /*上课地点弹窗*/
}
.select_course_item_page .top_fixed_bar {
  position: absolute;
}
.select_course_item_page .content_box {
  width: 100%;
  height: 100%;
  background: #f9f9fb;
  overflow-y: auto;
}
.select_course_item_page .content_box .content_list_box {
  margin: 0 1.4rem;
  padding: 0.8rem 1.6rem;
  background: #fff;
}
.select_course_item_page .content_box .content_list_box:not(:last-of-type) {
  margin-bottom: 0.8rem;
  border-bottom: 0.08rem solid #ebecf1;
}
.select_course_item_page .content_box .content_list_box > strong {
  display: flex;
  align-items: center;
  height: 2.4rem;
  margin-bottom: 0.4rem;
  line-height: 2.4rem;
  color: #292929;
  font-size: 1.2rem;
  font-family: PingFang-SC-Medium;
  font-weight: 600;
  overflow: hidden;
}
.select_course_item_page .content_box .content_list_box > strong:before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 0.2rem;
  height: 1.2rem;
  margin-right: 0.48rem;
  background-color: #ff7d0c;
  border-radius: 0.12rem;
}
.select_course_item_page .content_box .content_list_box .grade_info {
  display: flex;
  align-items: center;
}
.select_course_item_page .content_box .content_list_box .grade_info button {
  font-family: PingFang-SC-Medium;
  font-size: 0.92rem;
  color: #787ca2;
}
.select_course_item_page .content_box .content_list_box .grade_info button.btn {
  width: 6rem;
  height: 1.84rem;
  padding: 0 1em;
  color: #ff7d0c;
  white-space: nowrap;
  border: solid 0.08rem #ff7d0c;
  border-radius: 0.92rem;
}
.select_course_item_page .select_student,
.select_course_item_page .select_site {
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: auto 1.44rem;
  background-size: auto 1.44rem;
}
.select_course_item_page .select_site_no_cross {
  background: none;
}
.select_course_item_page .select_student {
  background: none;
}
.select_course_item_page .select_student dl {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
  padding: 0.6rem 0 0;
}
.select_course_item_page .select_student dl dt {
  flex-shrink: 0;
  margin-right: 0.8rem;
  width: 3.4rem;
  height: 3.4rem;
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
  overflow: hidden;
}
.select_course_item_page .select_student dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
}
.select_course_item_page .select_student dl .name_info {
  display: flex;
  align-items: flex-end;
  height: 1.6rem;
  margin-bottom: 0.48rem;
}
.select_course_item_page .select_student dl .name_info p {
  margin-right: 0.64rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.12rem;
  color: #000000;
}
.select_course_item_page .select_student dl .name_info span {
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #9d9d9d;
}
.select_course_item_page .select_student dl .grade_info button:not(:first-of-type) {
  margin-left: 1.08rem;
}
.select_course_item_page .select_site dl {
  display: flex;
  flex-flow: column;
  line-height: 2rem;
  color: #666666;
  font-size: 1.04rem;
  font-family: PingFang-SC-Medium;
}
.select_course_item_page .select_site dl dt {
  display: block;
}
.select_course_item_page .select_site dl dd {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select_course_item_page .select_site dl .grade_info button {
  color: #666666;
  font-size: 1.04rem !important;
}
.select_course_item_page .cost_list_box li {
  display: flex;
  align-items: end;
  padding: 0.4rem 0;
  padding-left: 2.4rem;
  background: url("../images/icon/icon_r_f.png") left center no-repeat;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.select_course_item_page .cost_list_box li.disabled {
  background: url("../images/icon/icon_pay_type.png") left center no-repeat;
  -webkit-background-size: 1.28rem 0.92rem;
  background-size: 1.28rem 0.92rem;
}
.select_course_item_page .cost_list_box li.cur {
  background: url("../images/icon/icon_buy_pay_t.png") left center no-repeat;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.select_course_item_page .cost_list_box .cost_details {
  width: 70%;
}
.select_course_item_page .cost_list_box .cost_details > * {
  line-height: 1.6rem;
  font-size: 1.04rem;
}
.select_course_item_page .cost_list_box .cost_details dl {
  display: flex;
  align-items: flex-end;
  font-family: PingFang-SC-Medium;
}
.select_course_item_page .cost_list_box .cost_details dl dt {
  font-size: 1.04rem;
  color: #666666;
}
.select_course_item_page .cost_list_box .cost_details dl dd {
  font-size: 0.8rem;
  color: #9d9d9d;
}
.select_course_item_page .cost_list_box .cost_details p {
  color: #969696;
  font-size: 0.8rem;
}
.select_course_item_page .cost_list_box .cost {
  width: 30%;
  flex-shrink: 0;
  text-align: right;
  color: #FA3F4E;
}
.select_course_item_page .cost_list_box .cost span {
  display: block;
  font-size: 1.04rem;
}
.select_course_item_page .confirm_btn_bar {
  height: 3.96rem;
  position: fixed;
  width: 100%;
  max-width: 30rem;
  top: auto;
  bottom: 0;
  z-index: 1000;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  padding: 0.64rem 1.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  background: #fff;
  border-top: 0.08rem solid #ebecf1;
}
.select_course_item_page .confirm_btn_bar span {
  display: flex;
  align-items: center;
  height: 1.28rem;
  line-height: 1.28rem;
  color: #2b3257;
  font-size: 1.2rem;
}
.select_course_item_page .confirm_btn_bar span em {
  height: 100%;
  color: #FA3F4E;
  font-weight: bold;
}
.select_course_item_page .confirm_btn_bar span img {
  width: auto;
  height: 100%;
}
.select_course_item_page .confirm_btn_bar button {
  width: 8.8rem;
  height: 100%;
  color: #FFFFFF;
  font-size: 1.04rem;
  background: #ff7d0c;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.select_course_item_page .select_student_pop .content .con_list dl.cur {
  background: url(../images/icon/icon_pay_type.png) right center no-repeat;
  -webkit-background-size: 1.84rem auto;
  background-size: 1.84rem auto;
}
.select_course_item_page .select_site_pop {
  overflow: hidden;
}
.select_course_item_page .select_site_pop .optional_address_con {
  padding: 0 1.6rem;
}
.select_course_item_page .select_site_pop .optional_address_con dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: auto;
  padding: 0.2em 0;
  line-height: 2em;
}
.select_course_item_page .select_site_pop .optional_address_con dl dt strong {
  width: auto;
  margin-right: 0.8rem;
}
.select_course_item_page .select_site_pop .optional_address_con dl dd {
  padding-right: 11%;
  background: url("../images/icon/icon_r_f.png") 97% center no-repeat;
  -webkit-background-size: 1.6rem auto;
  background-size: 1.6rem auto;
}
.select_course_item_page .select_site_pop .optional_address_con dl dd.cur {
  background: url("../images/icon/icon_buy_pay_t.png") 97% center no-repeat;
  -webkit-background-size: 1.6rem auto;
  background-size: 1.6rem auto;
}
/*订单管理页面*/
.order_list_page .order_list_content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.order_list_page .order_type_btn_bar {
  flex-shrink: 0;
  width: 100%;
  height: 3.2rem;
  border-bottom: 0.08rem solid #ebecf1;
}
.order_list_page .order_type_btn_bar ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
.order_list_page .order_type_btn_bar ul i {
  position: absolute;
  left: 7%;
  bottom: -0.16rem;
  width: 11%;
  height: 0.16rem;
  background: #ff6d0c;
}
.order_list_page .order_type_btn_bar ul li {
  flex-shrink: 0;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
}
.order_list_page .order_type_btn_bar ul li em {
  position: absolute;
  top: 10%;
  left: 74%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 1.12rem;
  color: #fff;
  font-size: 0.52rem;
  font-weight: 600;
  -webkit-border-radius: 0.56rem;
  -moz-border-radius: 0.56rem;
  border-radius: 0.56rem;
  background: red;
}
.order_list_page .order_type_btn_bar ul li.cur {
  color: #ff7d0c;
}
.order_list_page .order_type_content {
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  /*未付款*/
}
.order_list_page .order_type_content .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #fafafa;
}
.order_list_page .order_type_content .order_list_item {
  padding: 0 1.2rem 0.4rem;
  background: #fff;
  overflow: hidden;
}
.order_list_page .order_type_content .order_list_item:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.order_list_page .order_type_content .order_list_item .order_title {
  display: flex;
  margin-bottom: 0.4rem;
  border-bottom: 0.08rem solid #ebecf1;
  overflow: hidden;
}
.order_list_page .order_type_content .order_list_item .order_title strong {
  display: flex;
  width: 100%;
  padding: 0.8rem 0;
  line-height: 1.8rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order_list_page .order_type_content .order_list_item .order_title strong span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.24rem;
  height: 1.2rem;
  margin-top: 0.28rem;
  margin-right: 0.4rem;
  line-height: 1;
  color: #fff;
  font-size: 0.96rem;
  font-weight: 600;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.order_list_page .order_type_content .order_list_item .order_title strong span.order_art {
  background: #ff6d02;
}
.order_list_page .order_type_content .order_list_item .order_title strong span.order_children {
  background: #2092f4;
}
.order_list_page .order_type_content .order_list_item .order_title i {
  flex-shrink: 0;
  width: 3.4rem;
  height: 3.4rem;
  background: url("../images/icon/icon_history_delete.png") center center no-repeat;
  -webkit-background-size: 30% auto;
  background-size: 30% auto;
}
.order_list_page .order_type_content .order_list_item dl {
  display: flex;
  align-items: center;
  height: 2rem;
  color: #333;
  font-size: 1.04rem;
}
.order_list_page .order_type_content .order_list_item dl dt {
  font-weight: 600;
}
.order_list_page .order_type_content .order_list_item dl dd.price {
  color: #FA3F4E;
  font-size: 1.2rem;
  font-weight: 600;
}
.order_list_page .order_type_content .fee_no_pay .order_list_item {
  background: #fff url("../images/icon/fee_item_no_pay.png") 94% 120% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.order_list_page .order_type_content .fee_paid_part .order_list_item {
  background: #fff url("../images/icon/fee_item_paid_part.png") 94% 120% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.order_list_page .order_type_content .fee_paid_all .order_list_item {
  background: #fff url("../images/icon/fee_item_paid_all.png") 94% 120% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.order_list_page .order_type_content .fee_canceled .order_list_item {
  background: #fff url("../images/icon/fee_item_canceled.png") 94% 120% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
/*收银台*/
.cashier_desk_page {
  height: 100%;
  position: relative;
  /*顶部浮动*/
  /*通用样式*/
  /*中间内容*/
  /*底部按钮*/
  /*弹窗背景*/
  /*拆分弹窗*/
  /*支付弹窗*/
}
.cashier_desk_page .top_fixed_bar {
  position: absolute;
  left: 0;
  margin: 0;
}
.cashier_desk_page .cashier_list_box {
  overflow: hidden;
  margin-bottom: 0.8rem;
  padding: 1.2rem 1.6rem;
  background: #fff;
}
.cashier_desk_page .cashier_list_box dl {
  display: flex;
  color: #333;
  font-size: 1.04rem;
}
.cashier_desk_page .cashier_list_box dl:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.cashier_desk_page .cashier_list_box dl dt {
  flex-shrink: 0;
  width: 22%;
  height: 1.2rem;
  padding-right: 1.2rem;
  line-height: 1.2rem;
  text-align: justify;
}
.cashier_desk_page .cashier_list_box dl dt:after {
  content: "：";
  display: inline-block;
  width: 100%;
  height: 0;
  position: relative;
  top: -100%;
  right: -101%;
}
.cashier_desk_page .cashier_list_box dl dd {
  line-height: 1.2rem;
  font-size: 1.04rem;
}
.cashier_desk_page .cashier_list_box dl dd.price {
  position: relative;
  top: -0.04rem;
  color: #FA3F4E;
  font-size: 1.2rem;
  font-weight: 600;
}
.cashier_desk_page .cashier_content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-flow: column;
  background: #f9f9fb;
  /*提示支付时间*/
  /*内容列表*/
  /*订单编号*/
  /*支付编号*/
}
.cashier_desk_page .cashier_content .reminder_info {
  flex-shrink: 0;
  padding: 0.36rem 2rem;
  background: #fffae6;
}
.cashier_desk_page .cashier_content .reminder_info p {
  line-height: 1.76rem;
  color: #fd7926;
  font-size: 0.96rem;
}
.cashier_desk_page .cashier_content .cashier_content_list {
  height: 100%;
  overflow-y: auto;
}
.cashier_desk_page .cashier_content .order_item_info {
  padding-top: 0;
}
.cashier_desk_page .cashier_content .order_item_info strong {
  display: block;
  height: 2.4rem;
  margin-bottom: 0.4rem;
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  overflow: hidden;
}
.cashier_desk_page .cashier_content .order_item_number .btn_bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 1.2rem;
}
.cashier_desk_page .cashier_content .order_item_number .btn_bar button {
  overflow: hidden;
  width: 7.04rem;
  height: 2.4rem;
  color: #fff;
  font-size: 1.12rem;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
}
.cashier_desk_page .cashier_content .order_item_number .btn_bar button:not(:last-of-type) {
  margin-right: 0.8rem;
}
.cashier_desk_page .cashier_content .order_item_number .btn_bar button.btn_split {
  background: #fa4243;
}
.cashier_desk_page .cashier_content .order_item_number .btn_bar button.btn_pay {
  background: #ff7d0d;
}
.cashier_desk_page .cashier_content .fee_no_pay {
  background: #ffffff url("../images/icon/fee_item_no_pay.png") 94% -20% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.cashier_desk_page .cashier_content .fee_paid_part {
  background: #ffffff url("../images/icon/fee_item_paid_part.png") 94% -20% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.cashier_desk_page .cashier_content .fee_paid_all {
  background: #ffffff url("../images/icon/fee_item_paid_all.png") 94% -20% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.cashier_desk_page .cashier_content .fee_canceled {
  background: #ffffff url("../images/icon/fee_item_canceled.png") 94% -20% no-repeat;
  -webkit-background-size: 4.8rem auto;
  background-size: 4.8rem auto;
}
.cashier_desk_page .cashier_bottom_bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 1.6rem;
  height: 4rem;
  background: #fff;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.cashier_desk_page .cashier_bottom_bar dl {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 1.12rem;
}
.cashier_desk_page .cashier_bottom_bar dl.have_paid {
  padding-top: 0.4rem;
}
.cashier_desk_page .cashier_bottom_bar dl.have_paid dd {
  display: flex;
  align-items: center;
  font-size: 1.04rem;
  color: #FA3F4E;
}
.cashier_desk_page .cashier_bottom_bar dl.non_payment {
  padding-bottom: 0.4rem;
}
.cashier_desk_page .cashier_bottom_bar dl.non_payment dd {
  display: flex;
  align-items: center;
  font-size: 1.04rem;
  color: #010a36;
}
.cashier_desk_page .cashier_bottom_bar dt {
  color: #010a36;
}
.cashier_desk_page .cashier_bottom_bar dd {
  font-weight: bold;
}
.cashier_desk_page .cashier_bottom_bar dd img {
  width: auto;
  height: 1.2rem;
}
.cashier_desk_page .order_item_pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3);
  /*内容部分*/
  /*弹窗标题*/
  /*确定按钮*/
}
.cashier_desk_page .order_item_pop .content_box {
  position: absolute;
  bottom: -100%;
  width: 100%;
  height: auto;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.cashier_desk_page .order_item_pop .content_box > div {
  padding: 0 1.6rem;
}
.cashier_desk_page .order_item_pop .title {
  height: 4.68rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  border-bottom: 0.04rem solid #ebecf1;
}
.cashier_desk_page .order_item_pop .title span {
  color: #333333;
  font-size: 1.44rem;
  font-weight: 600;
}
.cashier_desk_page .order_item_pop .title button {
  display: block;
  width: 1.68rem;
  height: 1.68rem;
  margin-top: -0.84rem;
  -webkit-border-radius: 0.84rem;
  -moz-border-radius: 0.84rem;
  border-radius: 0.84rem;
  background: url(../images/icon/icon_shut.png) center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  overflow: hidden;
}
.cashier_desk_page .order_item_pop .btn_box {
  width: 100%;
  padding: 0.92rem 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
.cashier_desk_page .order_item_pop .btn_box button {
  width: 100%;
  height: 2.88rem;
  margin: 0.4rem 0;
  font-size: 1.2rem;
  color: #fff;
  background: #ff7d0c;
  border: 0.04rem solid #ff7d0c;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.cashier_desk_page .order_item_split_pop {
  display: none;
}
.cashier_desk_page .order_item_split_pop .content_text {
  width: 100%;
  height: 100%;
  padding: 1.92rem 1.6rem 0;
  background: #fff;
  overflow: hidden;
}
.cashier_desk_page .order_item_split_pop .content_text strong {
  display: flex;
  align-items: center;
  height: 4.24rem;
  margin-bottom: 1.2rem;
  color: #2e3154;
  font-size: 1.28rem;
  border-bottom: 0.04rem solid #ebecf1;
  overflow: hidden;
}
.cashier_desk_page .order_item_split_pop .content_text dl {
  display: flex;
  align-items: center;
  height: 3.2rem;
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
  overflow: hidden;
}
.cashier_desk_page .order_item_split_pop .content_text dl dt {
  flex-shrink: 0;
  margin-right: 0.8rem;
  color: #333;
}
.cashier_desk_page .order_item_split_pop .content_text dl dd {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.4rem 0;
  overflow: hidden;
}
.cashier_desk_page .order_item_split_pop .content_text dl input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
}
.cashier_desk_page .order_item_split_pop .content_text dl em {
  display: none;
  flex-shrink: 0;
  width: 1.72rem;
  height: 1.72rem;
  background: url(../images/icon/icon_clear_search.png) center center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.cashier_desk_page .order_item_split_pop .content_text .hint {
  padding-bottom: 0.8rem;
}
.cashier_desk_page .order_item_split_pop .content_text .hint p {
  line-height: 1.5rem;
  color: #fd7926;
  font-size: 1.1rem;
}
.cashier_desk_page .order_item_split_pop .content_text .hint p:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.cashier_desk_page .order_item_pay_pop {
  display: none;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.08rem 0;
  color: #000;
  font-size: 1.04rem;
  border-bottom: 0.04rem solid #ebecf1;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl dt {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl dd {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 2.4rem;
  line-height: 1;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl dd strong {
  font-size: 1.04rem;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl dd span {
  color: #fc7728;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl.cur {
  background: url("../images/icon/icon_sele_t.png") right center no-repeat;
  -webkit-background-size: 1.28rem 0.92rem;
  background-size: 1.28rem 0.92rem;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl.closed {
  filter: grayscale(1);
}
.cashier_desk_page .order_item_pay_pop .payment_type dl.closed dd {
  justify-content: space-between;
}
.cashier_desk_page .order_item_pay_pop .payment_type dl.exchange-pay {
  background: url("../images/icon/icon_feedback_y_jt.png") 98% center no-repeat;
  -webkit-background-size: 0.56rem 0.96rem;
  background-size: 0.56rem 0.96rem;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement {
  display: flex;
  align-items: end;
  height: auto;
  margin: 0;
  padding: 1.08rem 0;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement i {
  flex-shrink: 0;
  width: 1.52rem;
  height: 1.52rem;
  margin-right: 1.04rem;
  margin-left: 0.44rem;
  border: 0.04rem solid #d4d4d6;
  -webkit-border-radius: 0.76rem;
  -moz-border-radius: 0.76rem;
  border-radius: 0.76rem;
  overflow: hidden;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement i.cur {
  border: none;
  background: url("../images/icon/icon_buy_xy_t.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  padding: 0;
  border-color: transparent;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement dl dt {
  display: block;
  width: 100%;
  margin-bottom: 0.64rem;
  height: 1.52rem;
  line-height: 1.52rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #ff7d0c;
}
.cashier_desk_page .order_item_pay_pop .buy_agreement dl dd {
  height: auto;
  line-height: 1.5em;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #666666;
}
.cashier_desk_page .order_item_pay_pop .btn_box {
  border-top: 0.04rem solid #ebecf1;
}
.cashier_desk_page .order_item_pay_pop .btn_box_fee {
  flex-shrink: 0;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
}
.cashier_desk_page .order_item_pay_pop .btn_box_fee span {
  font-family: PingFang-SC-Medium;
  font-size: 1.2rem;
  color: #292929;
}
.cashier_desk_page .order_item_pay_pop .btn_box_fee .pay_fee {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  font-family: PingFang-SC-Heavy;
  font-size: 1.44rem;
  color: #FA3F4E;
}
/*课程项目选择，选择年级*/
.course_grade_modify_pop {
  display: block;
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  padding-top: 3.44rem;
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.course_grade_modify_pop .top_fixed_bar {
  position: absolute;
}
.course_grade_modify_pop .top_fixed_bar button {
  white-space: nowrap;
  position: relative;
  right: -1.2rem;
  color: #999;
  font-size: 1.12rem;
}
.course_grade_modify_pop .top_fixed_bar button.cur {
  color: #2467ff;
}
.course_grade_modify_pop .grade_list {
  height: 100%;
  padding: 0 1.2rem;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.course_grade_modify_pop .grade_list li {
  display: flex;
  align-items: center;
  height: 3.52rem;
  color: #3e3e3e;
  font-size: 1.04rem;
  border-bottom: 1px solid #e7e8e9;
}
.course_grade_modify_pop .grade_list li:active {
  background: #e7e8e9;
}
.course_grade_modify_pop .grade_list li.cur {
  color: #0f82ff;
  background: url("../images/icon/icon_pay_type.png") 98% center no-repeat;
  -webkit-background-size: auto 30%;
  background-size: auto 30%;
}
.course_org_modify_pop {
  display: block;
  position: fixed;
  left: 100%;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  padding-top: 3.44rem;
  padding-bottom: 0;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.course_org_modify_pop .top_fixed_bar {
  position: absolute;
}
.course_org_modify_pop .top_fixed_bar button {
  white-space: nowrap;
  position: relative;
  right: -1.2rem;
  color: #999;
  font-size: 1.12rem;
}
.course_org_modify_pop .top_fixed_bar button.cur {
  color: #2467ff;
}
.course_org_modify_pop .content_modify {
  width: 100%;
  height: 100%;
  padding: 3.68rem 4.4rem;
  overflow: hidden;
}
.course_org_modify_pop .content_modify strong {
  display: block;
  height: 6.68rem;
  line-height: 6.68rem;
  font-size: 1.24rem;
  overflow: hidden;
}
.course_org_modify_pop .content_modify .form {
  display: flex;
  align-items: center;
  height: 3.76rem;
  border-bottom: 1px solid #e7e8e9;
}
.course_org_modify_pop .content_modify .form input {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
}
.course_org_modify_pop .content_modify .form em {
  display: block;
  flex-shrink: 0;
  width: 1.72rem;
  height: 1.72rem;
  background: url(../images/icon/icon_clear_search.png) center center no-repeat;
  -webkit-background-size: 1.12rem 1.12rem;
  background-size: 1.12rem 1.12rem;
}
.course_org_modify_pop .content_modify span {
  display: block;
  height: 2.64rem;
  line-height: 2.64rem;
  color: #9ba1b0;
  font-size: 1.04rem;
}
/*在线课程详情*/
.online_course_detail {
  /*班级群弹窗*/
  /*选课*/
}
.online_course_detail .content_box {
  width: 100%;
  height: 100%;
  padding: 0 1.6rem;
  overflow-y: auto;
}
.online_course_detail .content_box > div {
  padding: 1.2rem 0;
}
.online_course_detail .content_box > div:not(:last-of-type) {
  border-bottom: 0.08rem solid #ebecf1;
}
.online_course_detail .content_box .cur_coures_info {
  padding-top: 0.4rem;
}
.online_course_detail .content_box .cur_coures_info strong {
  display: block;
  margin-top: 0.8rem;
  padding: 0.28rem 0;
  line-height: 2.08rem;
  color: #333333;
  font-size: 1.36rem;
  font-weight: 600;
}
.online_course_detail .content_box .cur_coures_info li {
  display: flex;
  align-items: center;
  line-height: 1.84rem;
  color: #333333;
  font-size: 1.04rem;
  margin-right: 0.48rem;
  text-transform: uppercase;
}
.online_course_detail .content_box .cur_coures_info li:before {
  content: "";
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.48rem;
  flex-shrink: 0;
}
.online_course_detail .content_box .cur_coures_info li:first-child:before {
  background: url("../images/icon/icon_search_list_date.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.online_course_detail .content_box .cur_coures_info li:nth-child(2):before {
  background: url("../images/icon/icon_class_type.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.online_course_detail .content_box .cur_coures_info li:nth-child(3):before {
  background: url("../images/icon/icon_class_category.png") center center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.online_course_detail .content_box .type_enpty_box {
  width: 100%;
  overflow: hidden;
}
.online_course_detail .content_box .type_enpty_box button {
  float: left;
  padding: 0.4rem 0.8rem 0.4rem 1.6rem;
  margin-right: 0.8rem;
  font-size: 0.96rem;
}
.online_course_detail .content_box .type_enpty_box button.enpty_class {
  background: url("../images/icon/icon_entry_class.png") 0.32rem center no-repeat;
  -webkit-background-size: 0.96rem 0.96rem;
  background-size: 0.96rem 0.96rem;
}
.online_course_detail .content_box .type_enpty_box button.enpty_cmdp {
  background: url("../images/icon/icon_entry_cmdp.png") 0.32rem center no-repeat;
  -webkit-background-size: 0.96rem 0.96rem;
  background-size: 0.96rem 0.96rem;
}
.online_course_detail .content_box .online_date_select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333;
}
.online_course_detail .content_box .online_date_select p {
  display: block;
  width: 100%;
  font-size: 1.04rem;
  padding-right: 0.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.online_course_detail .content_box .online_date_select button {
  flex-shrink: 0;
  padding: 0 0.8rem;
  font-size: 1.04rem;
}
.online_course_detail .content_box .online_play_box strong {
  display: block;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 1.2rem;
}
.online_course_detail .content_box .online_play_box li {
  width: 100%;
  height: 6rem;
  border-radius: 0.4rem;
  overflow: hidden;
  position: relative;
}
.online_course_detail .content_box .online_play_box li:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
.online_course_detail .content_box .online_play_box li img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.online_course_detail .content_box .online_play_box li .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.4rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.online_course_detail .content_box .online_play_box li dl {
  display: flex;
  flex-flow: column;
  height: 100%;
  color: #fff;
  font-size: 1.04rem;
}
.online_course_detail .content_box .online_play_box li dl dt,
.online_course_detail .content_box .online_play_box li dl dd {
  display: flex;
  align-items: center;
  height: 100%;
}
.online_course_detail .content_box .online_play_box li a {
  display: flex;
  align-items: center;
  width: auto;
  height: 2rem;
  padding: 0 0.8rem 0 2rem;
  color: #fff;
  line-height: 1;
  font-size: 0.96rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  background: #ff7d0c url("../images/icon/icon_play_token.png") 0.6rem center no-repeat;
  -webkit-background-size: 0.96rem 0.96rem;
  background-size: 0.96rem 0.96rem;
  overflow: hidden;
}
.online_course_detail .online_class_pop,
.online_course_detail .online_select_course_pop {
  left: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.online_course_detail .online_class_pop .top_fixed_bar,
.online_course_detail .online_select_course_pop .top_fixed_bar {
  position: absolute;
  left: 0;
  margin: 0;
}
.online_course_detail .online_class_pop .online_class_list {
  width: 100%;
  height: 100%;
  padding: 0 1.6rem;
  overflow-y: auto;
}
.online_course_detail .online_class_pop .online_class_list li {
  width: 100%;
  padding: 0.8rem 0;
  overflow: hidden;
}
.online_course_detail .online_class_pop .online_class_list li:not(:last-of-type) {
  border-bottom: 0.08rem solid #ebecf1;
}
.online_course_detail .online_class_pop .online_class_list li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2rem;
  color: #333;
  text-transform: uppercase;
  font-size: 1.04rem;
}
.online_course_detail .online_class_pop .online_class_list li p {
  line-height: 1.6rem;
  color: #999;
  font-size: 0.96rem;
}
.online_course_detail .online_select_course_pop .online_select_course {
  width: 100%;
  height: 100%;
  padding: 0 1.2rem;
  overflow-y: auto;
}
.online_course_detail .online_select_course_pop .online_select_course li {
  display: flex;
  align-items: center;
  height: 3.52rem;
  color: #3e3e3e;
  font-size: 1.04rem;
}
.online_course_detail .online_select_course_pop .online_select_course li:not(:last-of-type) {
  border-bottom: 1px solid #e7e8e9;
}
.online_course_detail .online_select_course_pop .online_select_course li:active {
  background: #e7e8e9;
}
.online_course_detail .online_select_course_pop .online_select_course li.cur {
  color: #0f82ff;
  background: url("../images/icon/icon_pay_type.png") 98% center no-repeat;
  -webkit-background-size: auto 30%;
  background-size: auto 30%;
}
/*2020-6-11添加
************************************************************/
/*按钮样式*/
/*订单详情
*************************************/
.order_detail_page {
  /*标题公同样式*/
  /*订单信息*/
  /*订单列表*/
  /*提示信息*/
}
.order_detail_page .margin_b {
  margin-bottom: 0.96rem;
}
.order_detail_page .text_list {
  padding: 0.92rem 0;
  position: relative;
}
.order_detail_page .text_list em {
  position: absolute;
  right: 0;
  bottom: 0.8rem;
  height: 1.84rem;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 1.04rem;
  color: #888;
}
.order_detail_page .text_list em.dzf {
  color: #FA3F4E;
}
.order_detail_page .text_list dl {
  display: flex;
  align-items: stretch;
  height: 1.84rem;
  padding: 0 !important;
  color: #787ca2;
  font-size: 1.04rem;
}
.order_detail_page .text_list dl.cur_tit {
  color: #000000;
}
.order_detail_page .text_list dl .size_color {
  color: #FA3F4E;
  font-weight: 600;
}
.order_detail_page .text_list dl dt {
  flex-shrink: 0;
  width: 5.12rem;
  height: auto;
  padding-right: 0.4rem;
  white-space: nowrap;
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: left;
}
.order_detail_page .text_list dl dt:after {
  content: none;
}
.order_detail_page .text_list dl dd {
  width: 100%;
  height: auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 1.04rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order_detail_page .text_list dl dd.price {
  position: relative;
  top: -0.04rem;
  color: #FA3F4E;
  font-size: 1.2rem;
  font-weight: 600;
}
.order_detail_page .order_item_info {
  margin-top: 0.32rem;
  padding: 0 2.8rem;
  background: #fff;
  overflow: hidden;
}
.order_detail_page .order_item_info > div:not(:last-of-type) {
  border-bottom: 0.08rem solid #edeef3;
}
.order_detail_page .order_item_info .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.52rem;
}
.order_detail_page .order_item_info .title strong {
  font-size: 1.2rem;
  font-weight: 600;
  color: #292929;
}
.order_detail_page .order_item_info .title span {
  font-size: 0.92rem;
  color: #969696;
}
.order_detail_page .order_tiem_list {
  padding: 0 1.6rem;
}
.order_detail_page .order_tiem_list .order_item_number {
  padding: 0 1.2rem;
  background-image: none;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  border-radius: 0.24rem;
}
.order_detail_page .order_tiem_list .order_item_number > div:not(:last-of-type) {
  border-bottom: 0.08rem solid #edeef3;
}
.order_detail_page .order_tiem_list .order_item_number .sub_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.28rem;
}
.order_detail_page .order_tiem_list .order_item_number .sub_title strong {
  display: flex;
  align-items: center;
  font-size: 1.04rem;
  color: #292929;
}
.order_detail_page .order_tiem_list .order_item_number .sub_title strong:before {
  content: "";
  width: 0.2rem;
  height: 1.04rem;
  margin-right: 0.48rem;
  background-color: #ffaa0a;
  border-radius: 0.12rem;
}
.order_detail_page .order_tiem_list .order_item_number .btn_bar {
  padding: 1.36rem 0;
}
.order_detail_page .order_tiem_list .order_item_number .btn_bar button {
  display: flex;
  align-items: center;
  width: auto;
  height: 2.4rem;
  padding: 0 1.36rem;
  line-height: 1;
  font-size: 1.12rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.order_detail_page .order_tiem_list .order_item_number .btn_bar button.btn_split {
  margin-right: 1.04rem;
  color: #292929;
  background: transparent;
  border: 0.08rem solid #d2d2d2;
}
.order_detail_page .order_tiem_list .order_item_number .btn_bar button.btn_pay {
  background: #ff7d0c;
}
.order_detail_page .reminder_info p {
  text-align: center;
}
/*订单列表
************************/
.order_all_page {
  background: #f8f8f8;
  overflow: hidden;
}
.order_all_page .order_list_content {
  background: #f8f8f8;
}
.order_all_page .order_list_content .order_type_btn_bar {
  border: none;
}
.order_all_page .order_list_content .order_type_btn_bar li.cur {
  color: #ffaa0a;
}
.order_all_page .order_list_content .order_type_btn_bar span.cur {
  color: #ffaa0a;
}
.order_all_page .order_list_content .order_type_btn_bar em {
  background: #ffaa0a;
}
.order_all_page .order_list_content .order_type_btn_bar i {
  width: 3.28rem;
  height: 0.32rem;
  background: #ffaa0a;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
}
.order_all_page .order_list_content .swiper-slide {
  width: 100%;
  padding: 0 1.44rem;
  box-sizing: border-box;
}
.order_all_page .order_list_content .swiper-slide {
  margin-top: 0.8rem;
}
.order_all_page .order_list_content .order_list_item {
  overflow: hidden;
  padding: 0 1.36rem;
  margin-bottom: 0.8rem;
  background: #fff !important;
}
.order_all_page .order_list_content .order_list_item > div:not(:last-of-type) {
  border-bottom: 0.08rem solid #edeef3;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info {
  padding: 0.96rem 0;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list {
  padding: 0;
  margin-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info .class_type_list .info_list ul {
  padding: 0;
}
.order_all_page .order_list_content .order_list_item .order_list_item_info dl {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 1.8rem;
  color: #787ca2;
  font-size: 1.04rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn {
  padding: 1.2rem 0;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .sum_bar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 1.36rem;
  padding-bottom: 1.2rem;
  box-sizing: content-box;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .sum_bar span {
  display: flex;
  align-items: center;
  color: #f62626;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .sum_bar p {
  display: flex;
  align-items: center;
  font-size: 1.28rem;
  font-weight: 600;
  color: #FA3F4E;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .sum_bar p em {
  display: flex;
  align-items: flex-end;
  font-size: 0.92rem;
  color: #888888;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .btn_bar {
  display: flex;
  justify-content: flex-end;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .btn_bar button {
  display: flex;
  align-items: center;
  width: auto;
  height: 2.4rem;
  padding: 0 1.36rem;
  line-height: 1;
  font-size: 1.12rem;
  border-radius: 1.2rem;
  overflow: hidden;
  margin-left: 1.04rem;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .btn_bar button.call_off {
  color: #292929;
  border: 0.08rem solid #d2d2d2;
}
.order_all_page .order_list_content .order_list_item .order_list_item_btn .btn_bar button.to_pay {
  color: #fff;
  background: #ffaa0a;
}
/*订单详情*/
.order_info_page .item_title,
.order_info_page .order_info_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.04rem solid #edeef3;
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.order_info_page .item_title {
  height: 3.4rem;
}
.order_info_page .item_title strong {
  height: auto!important;
  line-height: 1!important;
}
.order_info_page .cost_details {
  border: none!important;
}
.order_info_page .cost_details:before {
  display: none!important;
}
.order_info_page .cost_details:not(:last-of-type) {
  margin-bottom: 1.2rem;
}
.order_info_page .cost_details dl dt {
  line-height: 1.2rem !important;
}
.order_info_page .item_list {
  overflow: hidden;
  padding-top: 0;
  position: relative;
}
.order_info_page .item_list dd {
  display: flex;
  align-items: center!important;
  height: 1.28rem;
  line-height: 1.28rem;
}
.order_info_page .item_list dd em {
  line-height: 1;
}
.order_info_page .item_list:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.52rem;
  height: 100%;
  margin-top: -0.76rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: auto 1.2rem;
  background-size: auto 1.2rem;
}
/*支付状态*/
.pay_state_page {
  /*支付等待*/
  /*成功与失败*/
}
.pay_state_page .pay_state_content {
  justify-content: end;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pay_state_page .pay_state_content .icon {
  width: 7.32rem;
  height: 7.32rem;
  margin: 6rem auto 0;
}
.pay_state_page .pay_state_content .icon img {
  width: 100%;
  height: 100%;
}
.pay_state_page .pay_state_content .back_info {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  align-items: center;
  padding: 0.64rem 0 4.08rem;
}
.pay_state_page .pay_state_content .back_info strong {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.08rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.4rem;
  color: #292929;
  font-weight: bold;
}
.pay_state_page .pay_state_content .back_info p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.76rem;
  font-family: PingFang-SC-Medium;
  font-size: 1rem;
  color: #787ca2;
}
.pay_state_page .pay_state_content .back_info p.sum {
  height: 2.4rem;
  color: #FA3F4E;
  font-size: 1.8rem;
}
.pay_state_page .pay_state_content .btn_bar {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  align-items: center;
}
.pay_state_page .pay_state_content .btn_bar a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22.8rem;
  height: 2.88rem;
  color: #ff7d0c;
  font-family: PingFang-SC-Medium;
  font-size: 1.12rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  border: solid 0.08rem #ff7d0c;
}
.pay_state_page .pay_state_content .btn_bar a:not(:last-of-type) {
  margin-bottom: 1.44rem;
}
.pay_state_page .pay_state_content .btn_bar a.btn_solid {
  color: #fff;
  background: #ff7d0c;
}
.pay_state_page .pay_suc {
  display: block;
}
.pay_state_page .pay_fai {
  display: none;
}
/*引导页面*/
.tl_guide_content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
/*支付提醒及结果*/
.pay_remind_or_result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f4f5f6;
  /*支付成功*/
  /*订单提交提醒*/
}
.pay_remind_or_result .content_box {
  position: relative;
  top: -2.24rem;
  width: 39.92rem;
}
.pay_remind_or_result strong {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: end;
  height: 3.2rem;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #292929;
}
.pay_remind_or_result .content_info {
  width: 100%;
  height: 22.24rem;
  padding: 3.2rem 7.2rem;
  background: #FFFFFF;
  box-shadow: 0px 3px 24px 0px rgba(139, 142, 145, 0.13);
}
.pay_remind_or_result .content_info img {
  width: 100%;
}
.pay_remind_or_result .pay_success_warn .content_info {
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  align-items: center;
}
.pay_remind_or_result .pay_success_warn .content_info i {
  width: 3.4rem;
  height: 4.08rem;
  margin-bottom: 0.88rem;
}
.pay_remind_or_result .pay_success_warn .content_info strong {
  height: 2.08rem;
  line-height: 2.08rem;
  color: #ff7d0c;
  padding-bottom: 0.4rem;
  font-size: 1.32rem;
  font-weight: bold;
  text-indent: 0.5em;
}
.pay_remind_or_result .pay_success_warn .content_info p {
  font-size: 0.56rem;
  line-height: 0.96rem;
  color: #989898;
}
.pay_remind_or_result .pay_success_warn .content_info dl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0 1.2rem;
}
.pay_remind_or_result .pay_success_warn .content_info dl dt {
  font-size: 0.8rem;
  color: #292929;
}
.pay_remind_or_result .pay_success_warn .content_info dl dd {
  font-weight: bold;
  font-size: 0.8rem;
  color: #ff7d0c;
}
.pay_remind_or_result .pay_success_warn .content_info a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.72rem;
  height: 2rem;
  font-size: 0.72rem;
  color: #ffffff;
  background-color: #ff7d0c;
  border-radius: 0.2rem;
}
.pay_remind_or_result .orders_submitted_warn .content_info {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code {
  width: 260px;
  padding: 0.92rem 0;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code p {
  font-size: 14px;
  color: #292929;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code strong {
  padding-bottom: 0.8rem;
  font-size: 26px;
  color: #FA3F4E;
  font-weight: 600;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode_box {
  flex-shrink: 0;
  width: 100%;
  height: 12.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  border: 0.08rem solid #eee;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode {
  flex-shrink: 0;
  width: 100%;
  height: 9.64rem;
  padding: 0.6rem;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.64rem;
  color: #666;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code .qrcode img {
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
}
.pay_remind_or_result .orders_submitted_warn .content_info .payment_code .hint {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.56rem;
  padding-left: 2.24rem;
  color: #888888;
  background: url("../images/icon/icon_pay_scan.png") left center no-repeat;
}
.pay_remind_or_result .orders_submitted_warn .content_info .pay_index_map img {
  height: 100%;
}
/*课程详情*/
.new_course_details_page {
  background: #f8f8f8;
  /*banner*/
  /*通用列表*/
  /*底部*/
}
.new_course_details_page .main_banner {
  width: 100%;
  min-height: 0.8rem;
  overflow: hidden;
}
.new_course_details_page .main_banner img {
  width: 100%;
  height: auto;
}
.new_course_details_page .course_list_box {
  margin-bottom: 0.8rem;
  padding: 0.92rem 1.44rem;
  background: #fff;
  /*标题*/
  /*内容*/
}
.new_course_details_page .course_list_box .cost_info {
  color: #414141;
}
.new_course_details_page .course_list_box .prices {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.new_course_details_page .course_list_box .prices dl {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  font-size: 0.64rem;
  line-height: 1;
}
.new_course_details_page .course_list_box .title {
  width: 100%;
  padding: 0.68rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  position: relative;
}
.new_course_details_page .course_list_box .title:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 0.08rem;
  background: #f1f0f0;
}
.new_course_details_page .course_list_box .title strong {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: stretch;
  padding-right: 0.88rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.2rem;
  background: #FFFFFF;
  color: #292929;
  position: relative;
  z-index: 1;
}
.new_course_details_page .course_list_box .title strong:before {
  content: "";
  width: 0.24rem;
  height: auto;
  margin-right: 0.48rem;
  background: #ff7d0c;
  -webkit-border-radius: 0.12rem;
  -moz-border-radius: 0.12rem;
  border-radius: 0.12rem;
}
.new_course_details_page .course_list_box .content_info {
  padding: 0.24rem 0;
}
.new_course_details_page .course_list_box .content_info ul {
  overflow: hidden;
}
.new_course_details_page .course_list_box .content_info li {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
}
.new_course_details_page .course_list_box .content_info li p {
  width: 100%;
  color: #666666;
  line-height: 1.5em;
}
.new_course_details_page .course_list_box .content_info li span {
  flex-shrink: 0;
  padding-left: 0.4rem;
  color: #FA3F4E;
  font-weight: 400;
}
.new_course_details_page .course_list_box .content_info li button {
  flex-shrink: 0;
  padding: 0 1rem 0 0.4rem;
  white-space: nowrap;
  color: #b0b0b0;
  font-size: 0.96rem;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  background-size: 0.36rem 0.6rem;
}
.new_course_details_page .confirm_btn_bar {
  height: 3.96rem;
  position: fixed;
  width: 100%;
  max-width: 30rem;
  top: auto;
  bottom: 0;
  z-index: 1000;
  width: 30rem;
  left: 50%;
  margin-left: -15rem;
  padding: 0.64rem 1.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  background: #fff;
  border-top: 0.08rem solid #ebecf1;
  align-items: stretch;
  font-size: 1.04rem;
  font-family: PingFang-SC-Bold;
}
.new_course_details_page .confirm_btn_bar span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2rem;
  background: url("../images/icon/icon_btn_ser.png") left center no-repeat;
  background-size: 1.44rem 1.44rem;
  filter: grayscale(1);
}
.new_course_details_page .confirm_btn_bar a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: auto;
  color: #FFFFFF;
  background: #ff7d0c;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
.new_course_details_page .confirm_btn_bar a.btn_applied {
  background: #FA3F4E;
}
.new_course_details_page .confirm_btn_bar .icon_spin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  margin-left: -0.8rem;
}
/*活动*/
.special_offer_con {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0.8rem;
}
.special_offer_con span {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  float: left;
  height: 1.32rem;
  margin-right: 0.64rem;
  font-size: 0.72rem;
  font-family: PingFang-SC-Medium;
  flex-shrink: 0;
}
.special_offer_con span:before,
.special_offer_con span:after {
  content: "";
  width: 0.72rem;
  height: 100%;
}
.special_offer_con span:before {
  margin-right: 0.4rem;
}
.special_offer_con span:after {
  margin-left: 0.4rem;
}
.special_offer_con span.general {
  color: #ff7d0c;
  background: url("../images/icon/tl_general_c.jpg") center center;
  -webkit-background-size: 90% 100%;
  background-size: 90% 100%;
}
.special_offer_con span.general:before {
  background: url("../images/icon/tl_general_l.jpg") left center no-repeat;
  -webkit-background-size: 0.72rem 100%;
  background-size: 0.72rem 100%;
}
.special_offer_con span.general:after {
  background: url("../images/icon/tl_general_r.jpg") right center no-repeat;
  -webkit-background-size: 0.72rem 100%;
  background-size: 0.72rem 100%;
}
.special_offer_con span.specific {
  color: #FA3F4E;
  background: url("../images/icon/tl_specific_c.jpg") right center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.special_offer_con span.specific:before {
  background: url("../images/icon/tl_specific_l.jpg") left center no-repeat;
  -webkit-background-size: 0.72rem 100%;
  background-size: 0.72rem 100%;
}
.special_offer_con span.specific:after {
  background: url("../images/icon/tl_specific_r.jpg") right center no-repeat;
  -webkit-background-size: 0.72rem 100%;
  background-size: 0.72rem 100%;
}
.special_offer_con .activity_sort,
.special_offer_con .activity_exp {
  overflow: hidden;
  padding-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
.special_offer_con .activity_sort p,
.special_offer_con .activity_exp p {
  font-family: PingFang-SC-Medium;
  font-size: 0.96rem;
  color: #969696;
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*天籁品牌信息*/
.tl_brand_info {
  padding-right: 0 !important;
  padding-left: 0 !important;
  /*头部按钮*/
  /*内容列表*/
}
.tl_brand_info .title_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: space-around;
  height: 2.52rem;
  background: #fff;
  padding-bottom: 0.12rem;
  border-bottom: 0.12rem solid #ebecf1;
  position: relative;
}
.tl_brand_info .title_btn i {
  width: 2.32rem;
  height: 0.36rem;
  position: absolute;
  left: 0;
  margin-left: -1.16rem;
  bottom: -0.12rem;
  background: #ff7d0c;
  -webkit-border-radius: 0.16rem;
  -moz-border-radius: 0.16rem;
  border-radius: 0.16rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.tl_brand_info .title_btn button {
  width: 100%;
  height: 100%;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.tl_brand_info .title_btn button.cur {
  color: #292929;
  font-weight: 600;
}
.tl_brand_info .brand_info_list {
  width: 100%;
  padding: 0 1.2rem;
  padding-top: 1.2rem;
}
/*新订单详情页面*/
.new_order_detail {
  height: auto;
  background: #f8f8f8;
  /*通用板块*/
  /*课程信息*/
  /*课程费用信息*/
  /*订单信息*/
  /*报名信息*/
  /*上课地点*/
}
.new_order_detail .all_list_box {
  overflow: hidden;
  padding: 0.64rem 1.44rem 1.28rem;
  background: #fff;
  margin-bottom: 1.2rem;
  /*通用标题*/
}
.new_order_detail .all_list_box .tiele_bar {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 3.2rem;
  border-bottom: 0.08rem solid #f1f0f0;
}
.new_order_detail .all_list_box .tiele_bar strong {
  font-size: 1.2rem;
  color: #292929;
  font-family: PingFang-SC-Bold;
  font-weight: 600;
}
.new_order_detail .curriculum_info .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.new_order_detail .curriculum_info .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.new_order_detail .curriculum_info .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .curriculum_info .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.new_order_detail .curriculum_info .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.new_order_detail .curriculum_info .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.new_order_detail .curriculum_info .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.new_order_detail .curriculum_info .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.new_order_detail .curriculum_info .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.new_order_detail .curriculum_info .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.new_order_detail .curriculum_info .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.new_order_detail .curriculum_info .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.new_order_detail .curriculum_info .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.new_order_detail .curriculum_info .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.new_order_detail .curriculum_info .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.new_order_detail .curriculum_info .class_type_list {
  padding: 0;
  margin-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.new_order_detail .curriculum_info .class_type_list .info_list ul {
  padding: 0;
}
.new_order_detail .curriculum_info .class_type_list .class_info .title {
  padding-bottom: 0;
}
.new_order_detail .curriculum_info .hint_info {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 1.8rem;
  align-items: stretch;
  font-size: 1.04rem;
}
.new_order_detail .curriculum_info .hint_info p {
  display: flex;
  align-items: center;
  height: auto;
  font-family: PingFang-SC-Medium;
  color: #666666;
}
.new_order_detail .curriculum_info .hint_info em {
  color: #FA3F4E;
}
.new_order_detail .curriculum_info .hint_info span {
  height: 1.8rem;
  line-height: 1.8rem;
  font-family: PingFang-SC-Medium;
  color: #FA3F4E;
}
.new_order_detail .curriculum_cost_info {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.new_order_detail .curriculum_cost_info .cost_info_list {
  width: 100%;
  padding: 1.04rem 1.32rem;
  background: #fff;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.new_order_detail .curriculum_cost_info .cost_info_list .title {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 1.72rem;
  font-family: PingFang-SC-Medium;
  position: relative;
}
.new_order_detail .curriculum_cost_info .cost_info_list .title:before {
  content: "";
  width: 0.2rem;
  height: 1.04rem;
  background-color: #ff7d0c;
  border-radius: 0.12rem;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.new_order_detail .curriculum_cost_info .cost_info_list .title strong {
  padding-left: 0.8rem;
  font-size: 1.04rem;
  color: #292929;
}
.new_order_detail .curriculum_cost_info .cost_info_list .title button {
  padding-right: 1.4rem;
  font-size: 0.8rem;
  color: #969696;
  position: relative;
}
.new_order_detail .curriculum_cost_info .cost_info_list .title button:after {
  content: "";
  position: absolute;
  right: 10%;
  width: 0.44rem;
  height: 100%;
  background: url("../images/icon/icon_feedback_y_jt.png") right center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.new_order_detail .curriculum_cost_info .cost_info_list .title button.cur:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.new_order_detail .curriculum_cost_info .cost_info_list:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.new_order_detail .curriculum_cost_info .content_text {
  font-family: PingFang-SC-Medium;
  border-bottom: 0.12rem solid #f1f0f0;
}
.new_order_detail .curriculum_cost_info .content_text .th {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 3.32rem;
  font-size: 1.04rem;
}
.new_order_detail .curriculum_cost_info .content_text .th span {
  color: #666666;
}
.new_order_detail .curriculum_cost_info .content_text .th p {
  color: #969696;
  font-weight: 600;
}
.new_order_detail .curriculum_cost_info .content_text .th em {
  color: #FA3F4E;
}
.new_order_detail .curriculum_cost_info .content_text .tr {
  display: none;
  padding-bottom: 0.8rem;
}
.new_order_detail .curriculum_cost_info .content_text .tr li {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 1.84rem;
  color: #969696;
  font-size: 0.96rem;
}
.new_order_detail .curriculum_cost_info .content_text .tr li span {
  flex-shrink: 0;
  padding-right: 0.24rem;
}
.new_order_detail .curriculum_cost_info .content_text .tr li p {
  width: 100%;
}
.new_order_detail .curriculum_cost_info .btn_bar {
  padding: 1.24rem 0 0.36rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  font-family: PingFang-SC-Medium;
}
.new_order_detail .curriculum_cost_info .btn_bar p {
  line-height: 2.4rem;
  color: #969696;
  font-size: 0.96rem;
}
.new_order_detail .curriculum_cost_info .btn_bar a {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.4rem;
  width: 6.96rem;
  height: 2.4rem;
  font-size: 1.12rem;
  color: #fefefe;
  line-height: 0;
  background: #ff7d0c;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.new_order_detail .curriculum_cost_info .btn_bar a.disabled {
  background: #d2d2d2;
}
.new_order_detail .order_form_info {
  padding-bottom: 0.4rem;
}
.new_order_detail .order_form_info .order_form_con {
  padding: 0.6rem 0;
}
.new_order_detail .order_form_info .order_form_con li {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.96rem;
  color: #666666;
}
.new_order_detail .order_form_info .order_form_con li span {
  flex-shrink: 0;
  padding-right: 0.8rem;
}
.new_order_detail .order_form_info .order_form_con li p {
  width: 100%;
}
.new_order_detail .order_form_info .order_form_con li.th {
  color: #000000;
}
.new_order_detail .apply_info_box {
  padding-bottom: 0.4rem;
}
.new_order_detail .apply_info_box .apply_info_con {
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.new_order_detail .apply_info_box .apply_info_con .litimg {
  flex-shrink: 0;
  width: 3.44rem;
  height: 3.44rem;
  margin-right: 0.8rem;
  border-radius: 50%;
  background: #eee;
  overflow: hidden;
}
.new_order_detail .apply_info_box .apply_info_con dl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  justify-content: space-around;
  font-family: PingFang-SC-Medium;
}
.new_order_detail .apply_info_box .apply_info_con dt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_order_detail .apply_info_box .apply_info_con dt strong {
  margin-right: 0.8rem;
  font-weight: 600;
  color: #000;
}
.new_order_detail .apply_info_box .apply_info_con dt p {
  font-size: 0.8rem;
  color: #969696;
}
.new_order_detail .apply_info_box .apply_info_con dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_order_detail .apply_info_box .apply_info_con dd span {
  font-size: 0.92rem;
  color: #666666;
}
.new_order_detail .apply_info_box .apply_info_con dd span:not(:last-of-type) {
  margin-right: 0.8rem;
}
.new_order_detail .cur_optional_address {
  padding-bottom: 0.8rem;
}
.new_order_detail .cur_optional_address .class_type_list {
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  padding: 1.28rem 1.2rem 0.88rem;
  position: relative;
  overflow: hidden;
  border: 0.04rem solid #f6f6f6;
  background: #fff;
  -webkit-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  -moz-box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
  box-shadow: 0 0.08rem 0.32rem 0.08rem #f6f6f6;
}
.new_order_detail .cur_optional_address .class_type_list .class_info {
  padding-bottom: 0.4rem;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  justify-content: left;
  padding: 0.12rem 0 0.64rem;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em {
  float: left;
  margin-right: 0.32rem;
  width: 3.84rem;
  height: 1.28rem;
  /*美术*/
  /*模特*/
  /*其他*/
  /*棋艺*/
  /*书法*/
  /*跆拳道*/
  /*体育活动*/
  /*文化*/
  /*舞蹈*/
  /*音乐*/
  /*语言*/
  /*作业辅导*/
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_meishu {
  background: url("../images/icon/icon_label_meishu.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_mote {
  background: url("../images/icon/icon_label_mote.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_qita {
  background: url("../images/icon/icon_label_qita.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_qiyi {
  background: url("../images/icon/icon_label_qiyi.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_shufa {
  background: url("../images/icon/icon_label_shufa.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_tqd {
  background: url("../images/icon/icon_label_tqd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_tyhd {
  background: url("../images/icon/icon_label_tyhd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_wenhua {
  background: url("../images/icon/icon_label_wenhua.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_wudao {
  background: url("../images/icon/icon_label_wudao.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_yinyue {
  background: url("../images/icon/icon_label_yinyue.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_yuyan {
  background: url("../images/icon/icon_label_yuyan.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title em.icon_zyfd {
  background: url("../images/icon/icon_label_zyfd.png") center center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.new_order_detail .cur_optional_address .class_type_list .class_info .title p {
  width: 100%;
  line-height: 1.68rem;
  font-family: PingFang-SC-Bold;
  font-size: 1.36rem;
  color: #000;
}
.new_order_detail .cur_optional_address .class_type_list .info_list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  justify-content: space-between;
  position: relative;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul {
  padding: 0.4rem;
  width: 100%;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul li {
  padding-left: 1.68rem;
  line-height: 1.84rem;
  font-family: PingFang-SC-Medium;
  font-size: 1.04rem;
  color: #969696;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul li:nth-child(1) {
  background: url("../images/icon/icon_class_type.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul li:nth-child(2) {
  background: url("../images/icon/icon_class_campus.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul li:nth-child(3) {
  background: url("../images/icon/icon_class_site.png") left 0.32rem no-repeat;
  -webkit-background-size: 1.24rem 1.24rem;
  background-size: 1.24rem 1.24rem;
}
.new_order_detail .cur_optional_address .class_type_list .info_list p {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.28rem;
  margin-top: 0.4rem;
  padding: 0.24rem 0.84rem;
  line-height: 0;
  font-family: PingFang-SC-Medium;
  font-size: 0.8rem;
  color: #b6b6b6;
  border-radius: 0.2rem;
  border: solid 0.08rem #dfdfdf;
}
.new_order_detail .cur_optional_address .class_type_list .info_list p i {
  display: inline-block;
  margin-left: 0.16rem;
  color: #ffa813;
}
.new_order_detail .cur_optional_address .class_type_list .tutor {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0 0.4rem;
  height: auto;
}
.new_order_detail .cur_optional_address .class_type_list .tutor > ul {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.new_order_detail .cur_optional_address .class_type_list .tutor li {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin-right: 0.8rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: stretch;
}
.new_order_detail .cur_optional_address .class_type_list .tutor li img {
  display: block;
  width: 2.56rem;
  height: 2.56rem;
  margin-right: 0.8rem;
  border-radius: 1.28rem;
  overflow: hidden;
}
.new_order_detail .cur_optional_address .class_type_list .tutor dl {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  flex-flow: column;
  font-family: PingFang-SC-Medium;
}
.new_order_detail .cur_optional_address .class_type_list .tutor dl dt {
  font-size: 0.84rem;
  color: #292929;
}
.new_order_detail .cur_optional_address .class_type_list .tutor dl dd {
  font-size: 0.8rem;
  color: #9ca2b1;
}
.new_order_detail .cur_optional_address .class_type_list .tutor p {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  align-items: baseline;
  color: #FA3F4E;
  font-size: 1.36rem;
  line-height: 0;
  font-weight: bold;
}
.new_order_detail .cur_optional_address .class_type_list .tutor p i {
  font-size: 0.96rem;
}
.new_order_detail .cur_optional_address .class_type_list .tutor p em {
  display: block;
  margin-left: 0.24rem;
  color: #969696;
  font-size: 0.96rem;
  font-weight: 400;
}
.new_order_detail .cur_optional_address .class_type_list {
  padding: 0;
  margin-bottom: 0;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.new_order_detail .cur_optional_address .class_type_list .info_list ul {
  padding: 0;
}
.new_order_detail .cur_optional_address .class_type_list {
  padding-top: 0.8rem;
}
/*# sourceMappingURL=style.css.map */