.bg_classHome, .bg_classHome02, .bg_classHome03, .bg_classSelect {
  background-color: #f5f5f9;
  padding-top: 4.3rem
}

.bg_classHome02 {
  padding-top: 8.6rem
}

.bg_classSelect {
  padding-top: 9rem
}

.bg_microNetwork {
  padding-top: 4.3rem
}

.bg_classHome03 {
  padding-top: 13.3rem
}

.bg_classHome03 .classHome_type {
  top: 8.6rem
}

.classHome_head, .classHome_head02 {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.6rem;
  color: #666;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1
}

.classHome_head02 > em, .classHome_head > em {
  position: absolute;
  left: 3.2%;
  top: .75rem;
  font-size: 2rem;
  color: #f47a87;
  height: 2.8rem;
  line-height: 2.8rem
}

.classHome_head > label {
  line-height: 4.3rem
}

.classHome_head02 {
  top: 4.3rem
}

.classHome_search {
  padding: .75rem 3% .75rem
}

/*
.classHome_search > a {
  font-size: 2rem;
  color: #B3B3B3;
  height: 2.8rem;
  line-height: 2.8rem;
  margin-left: 1.6rem;
}
*/

.classHome_search > p {
  display: inline-block;
  position: relative;
  width: 88%;
  height: 2.8rem;
  line-height: 3.2rem;
  background-color: #efefef;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.classHome_search > p > i {
  width: 2.4rem;
  height: 2.4rem;
  background-size: 2.4rem;
  position: absolute;
  left: 0.8rem;
  background: url('../images/icon_search.png') no-repeat center center;
  background-size: 2.4rem;
  top: 0.4rem;
}

.classHome_search > p > input {
  display: inline-block;
  width: 20rem;
  font-size: 1.2rem;
  color: #333;
  height: 1.7rem;
}

.classHome_type {
  position: fixed;
  top: 4.3rem;
  left: 0;
  z-index: 1;
  width: 100%;
  font-size: 0;
  padding: 0 3.2%;
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.classHome_type > li {
  display: inline-block;
  width: 25%;
  font-size: 1.2rem;
  color: #666;
  text-align: center
}

.classHome_type > li > i {
  display: inline-block
}

.classHome_list > li {
  padding: 1.2rem 3.2%;
  margin-bottom: .6rem;
  background-color: #fff
}

.classHome_list > li.disable {
  background-color: #e8e7e7
}

.classHome_detail {
  position: relative;
  padding-right: 2rem;
  font-size: 1.3rem;
  color: #666
}

.classHome_detail > span {
  font-size: 2.6rem;
  color: #f47a87;
  position: absolute;
  right: 0;
  top: 4.2rem
}

.classHome_detail > span.downLine {
  color: #509afd;
  display: none
}

.classHome_detail > h2 {
  font-size: 1.6rem;
  color: #222;
  margin-bottom: 1.1rem
}

.classHome_detail > h2 > label {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 4.3rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.classHome_detail > h2 > span {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: middle
}

.classHome_detail > p {
  margin-bottom: .8rem
}

.classHome_detail > p > em {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.4rem;
  margin-right: .5rem;
  background-color: #fee9e9;
  border: 1px solid #fb9a9d;
  vertical-align: bottom
}

.classHome_oper, .courseList_oper {
  position: absolute;
  top: 4rem;
  right: 2.8rem;
  font-size: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 1;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  display: none
}

.classHome_oper > li, .courseList_oper > li {
  display: inline-block;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  padding: .8rem 1.2rem;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.classHome_oper > li:last-child, .courseList_oper > li:last-child {
  border-right: none;
  position: relative
}

.classHome_oper > li:last-child:after, .courseList_oper > li:last-child:after {
  display: block;
  content: '';
  border-width: .6rem .6rem .6rem .6rem;
  border-style: solid;
  border-color: transparent transparent transparent #4C4C4C;
  position: absolute;
  top: 1rem;
  right: -1rem;
  opacity: 1
}

.addClass_list {
  /*padding-left:3.2%;*/
  margin-bottom: 1rem;
  background-color: #fff
}

.addClass_list > li {
  position: relative;
  padding: 1.4rem 3.2% 1.4rem 0;
  font-size: 0;
  color: #999;
  line-height: 1.6rem;
  border-bottom: 1px solid #ddd
}

.addClass_list > li > label {
  display: inline-block;
  width: 40%;
  color: #222;
  font-size: 1.4rem;
  vertical-align: middle;
  text-indent: 1rem;
}

.addClass_date, .addClass_list > li.cover > span, .addClass_list > li > a, .addClass_list > li > input, .addClass_list > li > p {
  display: inline-block;
  width: 60%;
  font-size: 1.4rem;
  color: #999;
  line-height: 2rem;
  text-align: right;
  vertical-align: middle
}

.addClass_list > li > input::-webkit-input-placeholder {
  color: #999
}

.addClass_list > li > input::-ms-input-placeholder {
  color: #999
}

.addClass_list > li > p > input::-webkit-input-placeholder {
  color: #999
}

.addClass_list > li > p > input::-ms-input-placeholder {
  color: #999
}

.addClass_list > li > a {
  color: #999;
  position: relative
}

.addClass_list > li > a > i {
  display: inline-block;
  vertical-align: middle;
  color: #888
}

.addClass_list > li > p > select {
  font-size: 1.4rem;
  color: #999;
  direction: rtl
}

.addClass_list > li > p > input {
  display: inline-block;
  width: 70%;
  padding: 0 2%;
  font-size: 1.4rem;
  color: #999;
  text-align: right;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.addClass_list > li > p > i, .addClass_list > li > p > span {
  display: inline-block;
  vertical-align: middle
}

.addClass_list > li.addClass_rang {
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
  text-align: center
}

.addClass_list > li.addClass_rang > p {
  width: 45%;
  color: #333
}

.addClass_list > li.addClass_rang > p:first-child {
  text-align: left
}

.addClass_list > li.addClass_rang > p:last-child {
  text-align: right
}

.addClass_list > li.addClass_rang > p > input {
  display: inline-block;
  width: 35%;
  font-size: 1.4rem;
  color: #999
}

.addClass_list > li.addClass_rang > p > input:last-child {
  margin-left: 2%
}

.addClass_date > input {
  display: inline-block;
  font-size: 1.4rem;
  color: #999;
  line-height: 2rem;
  text-align: right
}

.addClass_list > li > p.checkbox > em {
  float: right;
  width: 24px;
  height: 24px;
  background: url(../images/icon_check.png) no-repeat 0 -29px;
  background-size: 100%
}

.addClass_list > li > p.checkbox > em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.addClass_btn {
  width: 100%;
  padding: 1rem 0;
  background-color: #fff
}

.addClass_btn > input[type=button], .recharge_Btn {
  display: block;
  width: 92%;
  height: 4.8rem;
  line-height: 4.8rem;
  margin: 0 auto;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background: #f47a87;
  box-shadow: 0 3px 10px #90342c;
  -webkit-box-shadow: 0 3px 10px #90342c;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.addClass_list2 {
  margin-bottom: 0
}

.addClass_list > li.cover > span > img {
  width: 30.3%
}

.bg_classDetail {
  padding-bottom: 2rem
}

.classDetail_content {
  background: linear-gradient(top, #f47a87, #ff4a5b);
  margin-top: -.1rem;
  background: -webkit-linear-gradient(top, #f47a87, #ff4a5b)
}

.classDetail_content > div.classHome_head > em, .classDetail_content > div.classHome_head > label {
  color: #fff
}

.classDetail_content > div.classHome_head {
  border-bottom: none
}

.classDetail_content > div.classHome_head > label {
  border: none
}

.classDetail_content > div.classHome_head {
  background: #f47a87
}

.classDetail_banner {
  padding: 1.4rem 3.2% 1.6rem;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.6rem
}

.classDetail_banner > h2 {
  position: relative;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 1.4rem;
  padding-right: 2.6rem
}

.classDetail_banner > h2 > i {
  font-size: 2.4rem;
  position: absolute;
  right: 0;
  top: 0
}

.classDetail_menu {
  top: -.8rem
}

.classDetail_list > li {
  margin-bottom: 1.3rem;
  clear: both
}

.classDetail_list > li:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.classDetail_list > li:last-child {
  margin-bottom: 0
}

.classDetail_list > li > label {
  float: left;
  width: 30%
}

.classDetail_list > li > em {
  float: right;
  width: 70%;
  text-align: right
}

.classDetail_tab {
  margin-bottom: 1.4rem;
  background-color: #fff
}

.classDetail_tab > li {
  float: left;
  width: 50%;
  height: 4.7rem;
  line-height: 4.7rem;
  font-size: 1.4rem;
  color: #333;
  text-align: center
}

.classDetail_tab > li > p {
  position: relative;
  width: 100%
}

.classDetail_tab > li > p > em {
  position: absolute;
  right: 0;
  top: 1.25rem;
  width: 1px;
  height: 2.2rem;
  background-color: #efefef
}

.classDetail_tab > li > p > i {
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  height: 3px;
  background-color: #f47a87;
  display: none
}

.classDetail_tab > li.current > p > i {
  display: block
}

.classDetail_oper {
  width: 80%;
  margin: 0 auto 1.4rem
}

.classDetail_oper > li {
  float: left;
  width: 43.33%
}

.classDetail_oper > li:last-child {
  float: right
}

.classDetail_oper > li > a {
  display: block;
  position: relative;
  padding-left: 4rem;
  font-size: 1.3rem;
  color: #222;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #fff;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0 2px 5px #e2e2e2;
  -webkit-box-shadow: 0 2px 5px #e2e2e2
}

.classDetail_oper > li > a > i {
  font-size: 2rem;
  color: #e4a136;
  margin-right: 10%;
  position: absolute;
  left: 9%;
  top: 0
}

.classDetail_tabList {
  display: none
}

.classDetail_student > li {
  padding: 1.2rem 3.2%;
  font-size: 1.3rem;
  color: #888;
  line-height: 1.6rem;
  background-color: #fff;
  position: relative;
  margin-bottom: .6rem
}

.classDetail_plan > li.retire, .classDetail_student > li.retire {
  background-color: #e8e7e7
}

.classDetail_student > li > p {
  font-size: 1.6rem;
  color: #222;
  margin-bottom: .3rem
}

.classDetail_student > li > p > em {
  display: inline-block;
  padding: 0 .6rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  text-align: center;
  line-height: 1.4rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  margin-left: .5rem;
  vertical-align: middle
}

.classDetail_student > li.retire > p > em {
  color: #999;
  border: 1px solid #999;
  background-color: #fff
}

.classDetail_student > li > i {
  position: absolute;
  right: 3.2%;
  top: 2rem;
  font-size: 2.4rem;
  color: #f47a87
}

.classDetail_plan > li {
  padding: 1.3rem 3.2%;
  font-size: 1.3rem;
  color: #666;
  background-color: #fff;
  margin-bottom: .6rem
}

.classDetail_plan > li > h2 {
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  margin-bottom: .5rem
}

.classDetail_plan > li > h2 > em {
  float: right;
  padding: 0 .6rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #666;
  text-align: center;
  line-height: 1.4rem;
  background-color: #fff;
  border: 1px solid #666
}

.classDetail_plan > li > p {
  margin-bottom: .8rem;
  line-height: 1.4rem
}

.classDetail_plan > li > p:last-child {
  margin-bottom: 0
}

.classDetail_plan > li > p > em {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.4rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9;
  vertical-align: middle
}

.classDetail_stuBatch {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: .5rem 0;
  background: rgba(999, 999, 999, .9);
  display: none
}

.classDetail_stuBatch > li {
  float: left;
  width: 25%;
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  background-color: #f47a87;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  margin-left: 6.25%
}

.classDetail_stuOper {
  top: 1.2rem;
  right: 3.8rem
}

.coursePlan_list {
  font-size: 1.4rem;
  color: #222
}

.coursePlan_list > h2 {
  padding-bottom: 1.4rem
}

.coursePlan_list > h2 > i {
  font-size: 2rem;
  color: #222;
  margin-right: .5rem
}

.coursePlan_list > ul > li {
  clear: both;
  border-top: 1px dashed #e0e0e0
}

.coursePlan_list > ul > li:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.coursePlan_list > ul > li > label {
  float: left;
  font-size: 1.4rem;
  color: #222;
  padding-top: 1.4rem;
  text-indent: 1rem;
}

.coursePlan_time {
  float: right;
  width: 72.13%;
  padding-left: 11.8%;
  padding-right: 4.17%;
}

.addClass_list > li.none {
  padding-right: 0;
  padding-bottom: 0
}

.coursePlan_time > h3 {
  padding: 1.4rem 0
}

.coursePlan_time > h3 > i {
  font-size: 2.4rem;
  color: #f47a87
}

.coursePlan_time > h4 {
  padding-bottom: 1.4rem;
  display: none
}

.coursePlan_add {
  display: none
}

.coursePlan_date {
  padding-bottom: 1.4rem
}

.coursePlan_date > input {
  display: inline-block;
  width: 28%;
  font-size: 1.4rem;
  color: #222
}

.coursePlan_date > i {
  display: inline-block;
  font-size: 2.2rem;
  color: #999;
  vertical-align: middle
}

.addClass_list > li > p.checkbox02 > em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 -63px;
  background-size: 100%
}

.addStuInfo_open > ul > li {
  float: left;
  width: 50%
}

.addStuInfo_open {
  width: 100%;
  position: relative;
  margin-top: 2.2rem;
  background: linear-gradient(#fb1b07, #fb5444);
  background: -webkit-linear-gradient(top, #fb1b07, #fb5444);
  background: -moz-linear-gradient(top, #fb1b07, #fb5444);
  background: -o-linear-gradient(top, #fb1b07, #fb5444);
  box-shadow: 0 4px 10px #90342c;
  -webkit-box-shadow: 0 4px 10px #90342c
}

.addStuInfo_open > p {
  position: absolute;
  top: -1.3rem;
  left: 0;
  width: 100%;
  height: 2.1rem;
  background: url(../images/bg_circular.png) repeat-x
}

.addStuInfo_open > ul {
  padding: 2rem 3.2% .5rem 3.2%;
  font-size: 1.4rem;
  color: #efefef;
  line-height: 1.8rem
}

.addStuInfo_open > ul > li {
  margin-bottom: 1.5rem
}

.addStuInfo_list {
  margin-bottom: 1.1rem
}

.addStuInfo_list > li {
  padding: 1.5rem 3.2%;
  font-size: 1.3rem;
  color: #666;
  line-height: 1.8rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd
}

.addStuInfo_list > li > h2 {
  font-size: 0;
  margin-bottom: .5rem
}

.addStuInfo_list > li > h2 > label {
  display: inline-block;
  width: 50%;
  font-size: 1.6rem;
  color: #222;
  vertical-align: top
}

.addStuInfo_list > li > h2 > label > i {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: bottom
}

.addStuInfo_list > li > h2 > span {
  display: inline-block;
  width: 50%;
  font-size: 1.3rem;
  color: #666;
  text-align: right;
  vertical-align: top
}

.addStuInfo_list > li > p {
  margin-bottom: .8rem
}

.addStuInfo_list > li > p:last-child {
  margin-bottom: 0
}

.addStuInfo_list > li > p > i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.5rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9
}

.addStuInfo_btn {
  padding: 1rem 4%;
  background-color: #fff
}

.addStuInfo_btn > ul > li {
  float: left;
  width: 30.43%;
  margin-right: 4.3%
}

.addStuInfo_btn > ul > li:last-child {
  margin-right: 0;
  float: right
}

.addStuInfo_btn > ul > li > input {
  width: 100%;
  height: 4.7rem;
  line-height: 4.7rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  margin-left: 5.6%;
  border-radius: .4rem;
  -webkit-border-radius: .4rem;
  background: linear-gradient(#fb1b07, #fb5444);
  background: -webkit-linear-gradient(top, #fb1b07, #fb5444);
  background: -moz-linear-gradient(top, #fb1b07, #fb5444);
  background: -o-linear-gradient(top, #fb1b07, #fb5444)
}

.changeTime_table {
  padding: 1.5rem 3.2%;
  font-size: 1.2rem;
  color: 444;
  margin-bottom: 2rem
}

.changeTime_table > h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem
}

.changeTime_table > table {
  width: 100%;
  background-color: #fff
}

.changeTime_table > table td, .changeTime_table > table th {
  padding: 1.3rem 0;
  font-size: 1.2rem;
  color: 444;
  text-align: center;
  font-weight: 400;
  border: 1px dashed #afdef4
}

.courseList_list > li {
  position: relative;
  font-size: 1.3rem;
  color: #888;
  padding: 1.5rem 3.2%;
  margin-bottom: .6rem;
  background-color: #fff
}

.courseList_list > li.released {
  background-color: #e8e7e7
}

.courseList_list > li > h2 {
  font-size: 1.6rem;
  color: #222;
  margin-bottom: .5rem
}

.courseList_list > li > h2 > i {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: bottom
}

.courseList_list > li > i {
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 1.8rem;
  color: #9a40d8
}

.courseList_list > li.yellow > i {
  color: #f2e003
}

.courseList_list > li > p {
  margin-bottom: .8rem
}

.courseList_list > li > p > i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.5rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9
}

.courseList_list > li > div > h2 {
  font-size: 1.6rem;
  color: #222;
  margin-bottom: .5rem
}

.courseList_list > li > div > h2 > i {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align:super;
}

.courseList_list > li > div > i {
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 1.8rem;
  color: #9a40d8
}

.courseList_list > li.yellow > div > i {
  color: #f2e003
}

.courseList_list > li > div > p {
  margin-bottom: .8rem
}

.courseList_list > li > div > p > i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.5rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9
}

.signUp_banner {
  padding: 2rem 3.2%;
  margin-bottom: 1.5rem;
  background-color: #fff
}

.signUp_progress {
  width: 84%;
  font-size: 0;
  margin: 0 auto;
  padding: 1.7rem 0 2rem 0
}

.signUp_progress > li {
  display: inline-block;
  width: 50%;
  font-size: 1.2rem;
  color: #222;
  line-height: 1.8rem;
  position: relative;
  padding-bottom: 3.8rem;
  border-top: .3rem solid #eee;
  box-sizing: border-box
}

.signUp_progress > li:last-child {
  width: 0
}

.signUp_progress > li > label {
  position: absolute;
  width: 100%;
  left: -18%;
  bottom: 0
}

.signUp_progress > li:nth-child(2) > label {
  width: 94%;
  left: -28%
}

.signUp_progress > li:nth-child(3) > label {
  left: -33%
}

.signUp_progress > li:nth-child(4) > label {
  left: -17%
}

.signUp_progress > li:last-child > label {
  width: 5rem;
  left: -1rem
}

.signUp_progress > li > em {
  position: absolute;
  left: -.9rem;
  top: -1.05rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #fff
}

.signUp_progress > li > em > i {
  display: block;
  width: .8rem;
  height: .8rem;
  margin: .5rem auto;
  background-color: #f47a87;
  border-radius: 50%;
  -webkit-border-radius: 50%
}

.signUp_progress > li.current > em, .signUp_progress > li.ok > em {
  display: none
}

.signUp_progress > li > span {
  position: absolute;
  left: -1.7rem;
  top: -1.85rem;
  width: 3.4rem;
  height: 3.4rem;
  background-color: #fdd3d5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  display: none
}

.signUp_progress > li > span > i {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin: .4rem auto;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  line-height: 2.6rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #f47a87
}

.signUp_progress > li.current > span, .signUp_progress > li.ok > span {
  display: block
}

.signUp_progress > li.current > span > i {
  font-size: 0
}

.signUp_user {
  font-size: 0
}

.signUp_user > span {
  display: inline-block;
  width: 6.7rem;
  height: 6.7rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 4%
}

.signUp_user > span > img {
  width: 100%;
  height: 100%
}

.signUp_user > p {
  display: inline-block;
  width: 50%;
  font-size: 1.3rem;
  color: #888;
  line-height: 2rem;
  vertical-align: middle
}

.signUp_user > p > i {
  font-size: 1.6rem;
  color: #222
}

.signUp_oper {
  width: 80%;
  margin: 0 auto 1.5rem auto;
  font-size: 0
}

.signUp_oper > p {
  display: inline-block;
  width: 42.5%;
  margin-right: 15%;
  font-size: 1.3rem;
  color: #222;
  text-align: center;
  background-color: #fff;
  position: relative;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-shadow: 1px 3px 10px #e2e2e2;
  -webkit-box-shadow: 1px 3px 10px #e2e2e2
}

.signUp_oper > p > select {
  display: inline-block;
  margin: 0 auto;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.3rem;
  color: #222
}

.signUp_oper > p > i {
  display: inline-block
}

.signUp_oper > a, .signUp_oper > input {
  display: inline-block;
  width: 42.5%;
  font-size: 1.3rem;
  text-align: center;
  color: #222;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #fff;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-shadow: 1px 3px 10px #e2e2e2;
  -webkit-box-shadow: 1px 3px 10px #e2e2e2
}

.signUp_detail > h2 > label {
  float: right;
  font-size: 1.6rem;
  color: #f47a87;
  text-align: right
}

.signUp_btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 0;
  background-color: #fff
}

.signUp_btn > label {
  display: inline-block;
  width: 63.47%;
  padding-left: 3.2%;
  font-size: 1.1rem;
  color: #666;
  padding-top: .5rem;
  height: 4.4rem;
  vertical-align: bottom
}

.signUp_btn > label > i {
  display: inline-block;
  font-size: 1.9rem;
  color: #222
}

.signUp_btn > input {
  display: inline-block;
  width: 33.33%;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  height: 4.9rem;
  line-height: 4.9rem;
  background: #f47a87;
  vertical-align: bottom
}

.bg_signUp {
  padding-bottom: 5rem
}

.addClass_list > li.onoff > ul {
  display: inline-block;
  width: 42.36%;
  font-size: 0;
  vertical-align: middle
}

.addClass_list > li.onoff > p {
  width: 57.6%
}

.addClass_list > li.onoff > ul > li {
  display: inline-block;
  width: 50%;
  height: 3rem;
  font-size: 1.3rem;
  color: #444;
  text-align: center;
  line-height: 3rem;
  background-color: #f2f2f2
}

.addClass_list > li.onoff > ul > li:first-child {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.addClass_list > li.onoff > ul > li:last-child {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.addClass_list > li.onoff > ul > li.current {
  background-color: #f47a87;
  color: #fff
}

.addClass_list > li > label.title {
  width: 100%
}

.orderInfo_user {
  padding: 1.2rem 3.2%;
  background-color: #fff;
  border-bottom: 1px solid #ddd
}

.orderInfo_text {
  width: 100%;
  font-size: 0
}

.orderInfo_text > label, .orderInfo_text > span {
  display: inline-block;
  width: 50%;
  font-size: 1.4rem;
  color: #888
}

.orderInfo_text > span {
  color: #222;
  text-align: right
}

.orderPrint_list {
  padding: 1rem 3.2%;
  margin-bottom: 1rem;
  background-color: #fff
}

.orderPrint_list > li {
  font-size: 0;
  padding: .5rem 0
}

.orderPrint_list > li > label {
  display: inline-block;
  width: 50%;
  font-size: 1.3rem;
  color: #666
}

.orderPrint_list > li > span {
  display: inline-block;
  width: 50%;
  font-size: 1.3rem;
  color: #222;
  text-align: right
}

.orderPrint_btn {
  padding: 1rem 5.33%;
  font-size: 0;
  background-color: #fff
}

.orderPrint_btn > input {
  display: inline-block;
  width: 46.55%;
  font-size: 1.5rem;
  color: #f47a87;
  height: 4.7rem;
  line-height: 4.7rem;
  border: 1px solid #f47a87;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle
}

.orderPrint_btn > input:last-child {
  color: #fff;
  border: none;
  margin-left: 6.9%;
  background: linear-gradient(#fb1b07, #fb5444);
  background: -webkit-linear-gradient(top, #fb1b07, #fb5444);
  background: -moz-linear-gradient(top, #fb1b07, #fb5444);
  background: -o-linear-gradient(top, #fb1b07, #fb5444)
}

.signUpPay_banner {
  padding: 2rem 3.2% 1rem 3.2%;
  background-color: #fff
}

.signUpPay_banner > h2 {
  font-size: 1.5rem;
  color: #222;
  text-align: center;
  margin-bottom: 2.5rem
}

.signUpPay_banner > h2 > span {
  display: inline-block;
  font-size: 1.3rem;
  color: #f7242b;
  margin-top: .6rem
}

.signUpPay_banner > h2 > span > i {
  display: inline-block;
  margin-right: .3rem;
  font-size: 2.6rem
}

.signUpPay_banner > p {
  font-size: 1.5rem;
  color: #666;
  padding: .5rem 2.2rem .5rem 0
}

.signUpPay_banner > p.checkbox {
  position: relative
}

.signUpPay_banner > p.checkbox > label {
  display: block;
  width: 100%;
  font-size: 1.5rem;
  color: #222;
  line-height: 2.2rem
}

.signUpPay_banner > p.checkbox > em {
  position: absolute;
  right: 0;
  top: .5rem;
  width: 2rem;
  height: 2rem
}

.signUpPay_banner > p.checkbox > em.checkYes {
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%
}

.signUpPay_main > h2 {
  padding-left: 3.2%;
  background-color: #f5f5f9
}

.signUpPay_main > h2 > p {
  padding: 1.4rem 3.2% 1.4rem 0;
  font-size: 1.5rem;
  color: #222;
  background-color: #f5f5f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.signUpPay_list {
  padding-left: 3.2%;
  margin-bottom: 1rem;
  background-color: #fff
}

.signUpPay_list > li {
  padding: 1.5rem 3.2% 1.5rem 0;
  font-size: 1.5rem;
  color: #222;
  border-bottom: 1px solid #ddd;
  position: relative
}

.signUpPay_list > li > i {
  display: inline-block;
  font-size: 2rem;
  margin-right: .5rem;
  vertical-align: middle
}

.signUpPay_list > li > i.cash {
  color: #f2db48
}

.signUpPay_list > li > i.weChat {
  color: #3cb034
}

.signUpPay_list > li > i.alipay {
  color: #00a9f2
}

.signUpPay_list > li > i.bank {
  color: #977fef
}

.signUpPay_list > li > em {
  display: none;
  width: 2.2rem;
  height: 1.6rem;
  position: absolute;
  right: 3.2%;
  top: 1.6rem
}

.signUpPay_list > li.current > em {
  display: block;
  background: url(../images/icon_check.png) no-repeat;
  background-position: 6px -95px;
  background-size: 100%
}

.recharge_money {
  padding: 1rem 3.2%;
  font-size: 1.5rem;
  color: #222;
  background-color: #fff
}

.recharge_money > p {
  margin-top: 2.5rem
}

.recharge_money > p > input {
  display: inline-block;
  width: 28%;
  font-size: 1.2rem;
  color: #222
}

.refund_money > p > input {
  width: 60%
}

.studentMage_detail > li {
  display: flex
}

.studentMage_detail > li > em {
  width: 17.4%;
  margin-right: 3.6%
}

.studentMage_detail > li > div {
  width: 64%
}

.studentMage_detail > li > div > strong {
  font-size: 1.6rem;
  color: #222
}

.studentMage_detail > li > div > p {
  font-size: 1.3rem;
  color: #888;
  margin-top: 1rem
}

.studentMage_detail > li > span {
  width: 15%;
  display: inline-block;
  text-align: center;
  padding: .1rem .2rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: bottom
}

.addStudent_list {
  margin-bottom: 0
}

.addStudent_list > li:first-child > a > em {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2.2%
}

.addStudent_message {
  padding: 1.4rem 3.2%;
  display: flex;
  align-items: center
}

.addStudent_message > div {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: #f47a87
}

.addStudent_message > label {
  font-size: 1.4rem;
  color: #222;
  font-weight: 600;
  margin-left: 1.4%
}

.addStudent_btn {
  background: #fff;
  width: 100%;
  padding: .9rem 0;
  margin-top: 1rem
}

.addStudent_btn, .addStudent_btn input {
  display: block;
  width: 92%;
  height: 4.8rem;
  line-height: 4.8rem;
  margin: 0 auto;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background: #f47a87;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.addStudent_bgPop {
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1
}

.addStudent_conPop {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #F4F4F4;
  z-index: 2
}

.addStudent_conPop li {
  line-height: 4rem;
  height: 4rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333;
  border-bottom: 1px solid #D5D5DF
}

.addStudent_conPop li:last-child {
  border-bottom: none
}

.addStudent_conPop li:first-child {
  color: #999
}

.addStudent_conPop li:nth-child(3) {
  border-bottom: .5rem solid #D5D5DF
}

.addStudent_SexconPop {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #F4F4F4;
  z-index: 2
}

.addStudent_SexconPop li {
  line-height: 4rem;
  height: 4rem;
  text-align: center;
  font-size: 1.5rem;
  color: #333;
  border-bottom: 1px solid #D5D5DF
}

.addStudent_SexconPop li:last-child {
  border-bottom: none
}

.addStudent_SexconPop li:first-child {
  color: #999
}

.addStudent_SexconPop li:nth-child(3) {
  border-bottom: .5rem solid #D5D5DF
}

.addStudent_remark > div {
  font-size: 1.5rem;
  position: relative
}

.addStudent_remark > div > textarea {
  background: #f5f5f9;
  width: 100%;
  min-height: 10rem;
  padding: 1rem;
  font-size: 1.4rem;
  color: #999;
  margin-top: 1.6rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.addStudent_remark > div > span {
  position: absolute;
  bottom: .5rem;
  right: .5rem
}

.addStudent_list > .addStudent_addTime > input {
  width: 60%
}

.addStudent_list > .addStudent_addTime > i {
  vertical-align: middle;
  margin-left: 1%
}

.studentIfor_banner {
  padding: 1rem 3.2% 1.6rem
}

.studentIfor_title {
  width: 100%;
  display: flex;
  align-items: center
}

.studentIfor_title > li:nth-child(1) {
  width: 17.4%;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-left: 1.7%
}

.studentIfor_title > li:nth-child(2) {
  font-size: 1.6rem;
  margin-left: 4%;
  letter-spacing: .2rem
}

.studentIfor_title > li:nth-child(3) {
  width: 1.5rem;
  margin-left: 1.3%
}

.studentIfor_title > li:nth-child(4) {
  font-size: 1.3rem;
  margin-left: 5.12%
}

.studentIfor_title > li:nth-child(5) {
  position: absolute;
  right: 1.2%;
  width: 19%;
  text-align: center;
  font-size: 0
}

.studentIfor_title > li:nth-child(5) > span {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: .1rem 3%;
  border-radius: .5rem;
  font-size: 1rem
}

.studentIfor_list {
  margin-left: 24%
}

.studentIfor_list > li {
  margin-bottom: .8rem;
  letter-spacing: .2rem;
  font-size: 1.4rem
}

.studentIfor_list > li > span {
  color: #f5ef46;
  margin-left: 4.8%
}

.studentIfor_list > li > label > i {
  visibility: hidden
}

.studentIfor_list > li > em {
  letter-spacing: .1rem
}

.studentIfor_icon {
  padding: 2rem 1.6% 0 1.6%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.studentIfor_icon > li {
  text-align: center
}

.studentIfor_icon > li > a {
  color: #fff;
  display: block
}

.studentIfor_icon > li > a > i {
  font-size: 2.8rem
}

.studentIfor_icon > li > a > p {
  font-size: 1.1rem;
  margin-top: 1rem;
  letter-spacing: .2rem
}

.studentIfor_tab > li {
  width: 25%
}

.studentIfor_oper > li {
  padding: 0;
  text-align: center;
  display: block;
  position: relative;
  font-size: 1.3rem;
  color: #222;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #fff;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0 2px 5px #e2e2e2;
  -webkit-box-shadow: 0 2px 5px #e2e2e2
}

.studentIfor_oper > li.studentIfor_ttab {
  color: #f47a87
}

.studentIfor_stu > li > p {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
  font-weight: 600
}

.studentIfor_stu > li > p > i {
  display: inline-block;
  vertical-align: middle
}

.studentIfor_stu > li > p > em {
  height: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400
}

.studentIfor_special {
  font-size: 1.3rem !important;
  color: #888 !important;
  font-weight: 400 !important
}

.studentIfor_last > .studentIfor_special > em {
  background: #fee9e9;
  border: 1px solid #fb9a9d;
  color: #f84b51;
  margin-right: 1.2%
}

.studentIfor_stu > li > span {
  position: absolute;
  left: 0;
  top: 0
}

.studentIfor_stu > li > span.yellow {
  color: #f2e003
}

.studentIfor_stu > li > span.red {
  color: #9a40d8
}

.studentIfor_stu > li {
  position: relative
}

.studentIfor_stu > li.studentIfor_retire > p > em {
  border: 1px solid #f1e4c5;
  color: #c99d57
}

.studentIfor_stu > li.studentIfor_retire > .studentIfor_special > em {
  background: #fee9e9;
  border: 1px solid #fb9a9d;
  color: #f84b51;
  margin-right: 1.2%
}

.studentIfor_stu > li > i {
  top: 40%
}

.studentIfor_stu > li > .studentIfor_stuOper {
  top: 32%
}

.studentIfor_stu > li > .studentIfor_stuClass {
  top: 33%
}

.studentIfor_ccon > ul {
  display: none
}

.studentIfor_ccon > ul.studentIfor_stu {
  display: block
}

.studentIfor_ccon > ul.studentIfor_histoy > li {
  letter-spacing: .1rem
}

.studentIfor_ccon > ul.studentIfor_histoy > li > p > span {
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.studentIfor_head {
  font-size: 1.4rem;
  color: #222;
  padding: 0 3.2% 1.2rem 3.2%;
  letter-spacing: .1rem
}

.studentIfor_head > span {
  color: #136ae4
}

.studentIfor_head > em {
  color: #5ec800
}

.studentIfor_head > i {
  color: #f38f01
}

.studentIfor_head > p {
  color: #cd0300;
  display: inline-block
}

.studentIfor_headList > li {
  color: #444;
  font-size: 1.4rem
}

.studentIfor_headList > li > div {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.studentIfor_headList > li > div > span:nth-child(1) {
  width: 70%
}

.studentIfor_headList > li > div > span:nth-child(2) {
  width: 30%;
  display: inline-block
}

.studentIfor_headList > li:nth-child(1) > div > span > em {
  border: 1px solid #f38f00;
  padding: .2rem 4.2%;
  color: #f38f00;
  margin-right: 10%;
  border-radius: .4rem
}

.studentIfor_headList > li:nth-child(2) > div > span > em {
  border: 1px solid #5ec800;
  padding: .2rem 4.2%;
  color: #5ec800;
  margin-right: 10%;
  border-radius: .4rem
}

.studentIfor_headList > li:nth-child(3) > div > span > em {
  border: 1px solid #cc0300;
  padding: .2rem 4.2%;
  color: #cc0300;
  margin-right: 10%;
  border-radius: .4rem
}

.studentIfor_headList > li > p {
  margin-top: 1.5rem
}

.studentIfor_headList > li > p > font {
  margin-left: 2.6%
}

.studentAccount > h2 {
  width: 88.8%;
  text-align: center;
  font-size: 2.8rem;
  color: #fff;
  padding: 4.8rem 3.2% 4.8rem 8%
}

.studentAccount > ul {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.studentAccount > ul > li {
  width: 49.8%;
  background: rgba(255, 255, 255, .2);
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  padding: 1.2rem 0
}

.studentAccount_tit {
  font-size: 1.5rem;
  color: #222;
  margin: 1.2rem 3.2%
}

.studentAccount_list > li > p > i {
  font-size: 1.6rem;
  color: #222
}

.studentAccount_list > li > p > font, .studentAccount_list > li > p > span {
  margin-left: 2.6%
}

.studentOrder_con {
  padding: 1.5rem 4% 0
}

.studentOrder_conHead {
  background: #fb3220 url(../images/img_studentOrder_bg.png) left bottom no-repeat;
  background-size: 100%;
  border-radius: .5rem .5rem 0 0
}

.studentOrder_conHead > div {
  padding: 2rem 7.1% 1.5rem;
  color: #fff;
  font-size: 1.4rem;
  padding-bottom: 25%
}

.studentOrder_conHead > div > span {
  width: 47.2%;
  display: inline-block
}

.studentOrder_conHead > p {
  bottom: 0;
  left: 0
}

.studentOrder_list > li {
  border-bottom: none;
  padding: 1rem 3.2% 1rem 0
}

.studentOrder_list > li > label {
  color: #999
}

.studentOrder_list > li > em {
  display: inline-block;
  width: 66%;
  font-size: 1.4rem;
  color: #222;
  line-height: 2rem;
  text-align: right;
  vertical-align: middle
}

.studentOrder_btn {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem
}

.studentOrder_btn > input {
  width: 45%;
  height: 3.8rem;
  line-height: 3.8rem
}

.studentOrder_btn > input:nth-child(1) {
  color: #f47a87;
  background: 0 0;
  border: 1px solid #f47a87
}

.addClass_list > li > a > input {
  display: inline-block;
  width: 80%;
  font-size: 1.4rem;
  color: #999;
  text-align: right;
  vertical-align: middle
}

.addClass_list > li > a > em {
  display: inline-block;
  vertical-align: middle
}

.addStudent_avatars {
  display: none
}

.studentClass_tab {
  position: fixed;
  top: 4.3rem;
  left: 0;
  width: 100%
}

.studentClass_tab > li > p > i {
  width: 30%;
  margin-left: -15%
}

.studentClass_list > li {
  padding: 1.3rem 0 1.3rem 3.2%
}

.studentClass_detail > span {
  right: 3.2%;
  top: 3.2rem
}

.studentClass_detail > ul {
  top: 2.8rem;
  right: 4rem
}

.studentClass_list > li > .studentClass_detail > h2 > em {
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 .6rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  text-align: center;
  line-height: 1.4rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  margin-left: .5rem;
  font-weight: 200
}

.studentClass_list > li > .studentClass_border {
  border-bottom: 1px solid #ddd;
  padding: 0 3.2% .8rem 0
}

.studentClass_list > li > p.studentClass_leave > em {
  width: 4rem;
  float: right;
  color: #f47a87;
  text-align: center;
  background-color: #fcf5e3;
  border: 1px solid #f47a87
}

.studentChoose_serch > p {
  width: 94.64%
}

.studentChoose_detail > h2 > span {
  vertical-align: middle
}

.deteClass_list > li > em {
  display: inline-block;
  width: 66%;
  font-size: 1.4rem;
  color: #444;
  text-align: right;
  vertical-align: middle
}

.deteClass_list > li.deteClass_rang > p > input {
  width: 15%;
  color: #444
}

.deteClass_btn > input[type=button] {
  box-shadow: none;
  -webkit-box-shadow: none
}

.viewClass_detail {
  margin-bottom: .5rem
}

.viewClass_detail > .viewClass_user {
  display: flex;
  align-items: center
}

.viewClass_detail > .viewClass_user > em {
  width: 20.4%;
  margin-right: 3.6%
}

.viewClass_detail > .viewClass_user > div {
  width: 64%
}

.viewClass_detail > .viewClass_user > div > strong {
  font-size: 1.6rem;
  color: #222
}

.viewClass_detail > .viewClass_user > div > p {
  font-size: 1.3rem;
  color: #888
}

.viewClass_detail > .viewClass_stu {
  border-bottom: none
}

.viewClass_detail > .viewClass_stu > h2 {
  font-weight: 600;
  margin-bottom: .5rem
}

.viewClass_detail > .viewClass_stu > h2 > span {
  vertical-align: middle;
  font-weight: 200
}

.viewClass_detail > .viewClass_stu > p {
  width: 100%;
  text-align: left;
  margin-bottom: .2rem
}

.viewClass_detail > .viewClass_stu > p > em {
  vertical-align: middle
}

.viewClass_detail > .viewClass_stu > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .3rem 0;
  width: 100%
}

.viewClass_list > li {
  border-bottom: none;
  margin-bottom: .5rem
}

.viewClass_list > li > p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999
}

.viewClass_list > li > p > em > i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.5rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9
}

.viewClass_list > li > h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .8rem
}

.viewClass_list > li > h2 > span.viewClass_Sign {
  font-size: 1.2rem;
  color: #5ec800;
  border: 1px solid #5ec800;
  border-radius: .2rem;
  width: 10%;
  text-align: center
}

.viewClass_list > li > h2 > span.viewClass_abset {
  font-size: 1.2rem;
  color: #cc0300;
  border: 1px solid #cc0300;
  border-radius: .2rem;
  width: 10%;
  text-align: center
}

.viewClass_list > li > h2 > span.viewClass_leave {
  font-size: 1.2rem;
  color: #f38f01;
  border: 1px solid #f38f01;
  border-radius: .2rem;
  width: 10%;
  text-align: center
}

.viewClass_list > li.viewClass_no {
  background: #e8e7e7
}

.viewClass_list > li.viewClass_no > h2 > span {
  font-size: 1.2rem
}

.classResult > li > em {
  color: #444;
  font-size: 1.4rem;
  width: 65%;
  display: inline-block;
  text-align: right;
  vertical-align: middle
}

.classAsste_list > a {
  color: #444 !important
}

.classAsste_list > a > i {
  vertical-align: top !important
}

.addClass_list > li.classAsste_class > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .3rem 0;
  width: 100%
}

.addClass_list > li.classAsste_class > a > label {
  color: #222
}

.addClass_list > li.classAsste_class > a > em {
  color: #444
}

.addClass_list > li.classAsste_mey {
  font-size: 1.4rem;
  color: #444;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.addClass_list > li.classAsste_mey > div {
  text-align: center
}

.addClass_list > li.classAsste_mey > div > p {
  font-size: 1.2rem;
  margin-top: .5rem
}

.classAsste_list > li {
  border-bottom: none;
  margin-bottom: .5rem
}

.classAsste_list > li.classAsste_course > p {
  margin-bottom: .4rem
}

.classAsste_list > li.classAsste_course > p > em {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 1.1rem;
  color: #f47a87;
  text-align: center;
  line-height: 1.4rem;
  margin-right: .5rem;
  border: 1px solid #fb9a9d;
  background-color: #fee9e9;
  vertical-align: middle
}

.classAsste_list > li.classAsste_course > p > span {
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.classAsste_list > li.classAsste_course > p > font {
  font-size: 1.4rem;
  color: #444;
  width: 72%;
  text-align: right;
  display: inline-block;
  vertical-align: middle
}

.classAsste_list > li {
  font-size: 1.4rem;
  color: #444
}

.classAsste_list > li > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem
}

.classAsste_list > li > div > span:nth-child(1) {
  width: 70%
}

.classAsste_list > li > div > span:nth-child(2) {
  width: 30%
}

.classAsste_list > li > div > span:nth-child(2) > em.classAsste_leave {
  border: 1px solid #f38f00;
  padding: .2rem 4.2%;
  color: #f38f00;
  margin-right: 10%;
  border-radius: .4rem
}

.classAsste_list > li > div > span:nth-child(2) > em.classAsste_to {
  border: 1px solid #5ec800;
  padding: .2rem 4.2%;
  color: #5ec800;
  margin-right: 10%;
  border-radius: .4rem
}

.classAsste_list > li.classAsste_signup > p {
  margin-bottom: .4rem;
  font-size: 1.3rem
}

.classAsste_list > li.classAsste_signup > p > span {
  font-size: 1.6rem;
  color: #222;
  display: inline-block;
  vertical-align: middle
}

.classAsste_list > li.classAsste_signup > p > font {
  font-size: 1.4rem;
  color: #444;
  width: 54%;
  text-align: right;
  display: inline-block;
  vertical-align: middle
}

.classAsste_btn {
  padding: 1rem 5%
}

.classAsste_btn > ul {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.classAsste_btn > ul > li {
  width: 45%;
  margin-right: 0
}

.classAsste_btn > ul > li > input {
  margin-left: 0
}

.setClassInfo_hr {
  height: .5rem;
  background: #f5f5f9;
  border: none;
  margin: 0
}

.setClassInfo_list {
  margin-bottom: .1rem
}

.setClassInfo_coupons {
  margin-bottom: 6rem
}

.setClassInfo_coupons > li {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.setClassInfo_coupons > li > div {
  width: 80%
}

.setClassInfo_coupons > li > div > label {
  letter-spacing: .1rem;
  font-size: 1.4rem;
  color: #222;
  display: inline-block;
  vertical-align: middle
}

.setClassInfo_coupons > li > div > p {
  font-size: 1.3rem;
  color: #888;
  margin-top: .2rem
}

.setClassInfo_coupons > li > div > i {
  margin-left: 2%;
  width: 15%;
  display: inline-block;
  text-align: center;
  padding: .1rem .2rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: middle
}

.setClassInfo_coupons > li > span {
  font-size: 1.4rem;
  color: #444
}

.setClassInfo_list > li > em > input {
  color: #444;
  text-align: right;
  font-size: 1.4rem
}

.setClassInfo_coupons > li.setClassInfo_couPrice {
  display: none
}

.setClassInfo_coupons > li.setClassInfo_couPrice > span {
  display: inline-block;
  vertical-align: middle;
  width: 66%;
  text-align: right
}

#setClassInfo_drop {
  display: none;
  font-size: 1.4rem
}

#setClassInfo_drop > input {
  width: 88%;
  color: #999;
  margin-right: 3%
}

#setClassInfo_drop > i {
  color: #444
}

.courseRal_list {
  padding-right: 0
}

.classRefund_list {
  margin-bottom: 0
}

.classRefund_list > li {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.classRefund_list > li > label {
  width: 60%
}

.classRefund_list > li > em {
  width: 40%
}

.classRefund_message {
  padding: 1rem 3.2%
}

.classRefund_message > label {
  font-weight: 200
}

.refundOrder_banner {
  margin-bottom: 1rem
}

.refundOrder_user > p > i {
  font-weight: 600
}

.packageAsste_list {
  margin-bottom: 0
}

.packageAsste_icon {
  color: #888
}

.packageAsste_data {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.packageAsste_data > i {
  color: #666;
  font-size: 1.4rem
}

.packageAsste_list > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #222
}

.packageAsste_list > li > a > label {
  letter-spacing: .1rem
}

.packageAsste_list > li > a > em {
  letter-spacing: .1rem;
  display: inline-block;
  width: 66%;
  font-size: 1.4rem;
  color: #444;
  text-align: right;
  vertical-align: middle
}

.classAsste_list > li.packageAsste_course > p {
  display: flex;
  justify-content: space-between
}

.classAsste_list > li.packageAsste_course > p > span {
  font-weight: 200
}

.classAsste_list > li.packageAsste_freez {
  background: #e8e7e7
}

.classAsste_list > li.packageAsste_course > p > font {
  width: 30%
}

.packageAsste_btn > ul > li {
  width: 30%
}

.packageRefund_list > li > label {
  width: 66%
}

.addClass_list > li.editorFollow_check {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.editorFollow_list > li.addStudent_remark > div > textarea {
  margin-top: 0;
  padding: 1rem 0 0;
  text-indent: 1rem
}

#username::-webkit-input-placeholder {
  color: #999
}

.editorFollow_list > li > label {
  width: 40%
}

.editorFollow_list > li > p {
  width: 60%
}

.editorFollow_list > li.editorFollow_came {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0 1rem 1rem;
  margin-left: -3.2%
}

.editorFollow_list > li.editorFollow_came > label {
  width: 30%;
  margin-bottom: 3.3%
}

.editorFollow_list > li.editorFollow_came > label > img {
  width: 100%;
  height: 100%;
  border: 1px solid #b8b8b8;
  box-sizing: border-box
}

.editorFollow_list > li.editorFollow_came > label > p {
  border: 1px dashed #999;
  border-radius: 10%;
  position: relative;
  padding: 50% 0;
  width: 100%
}

.editorFollow_list > li.editorFollow_came > label > p > em:nth-child(1) {
  position: absolute;
  width: 50%;
  height: 1px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999
}

.editorFollow_list > li.editorFollow_came > label > p > em:nth-child(2) {
  position: absolute;
  width: 1px;
  height: 50%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999
}

.box_swipe {
  position: relative;
  width: 100%;
  overflow: hidden
}

.box_swipe > ol {
  position: relative;
  margin-top: -25px;
  padding-right: 15px;
  height: 20px;
  background-color: rgba(0, 0, 0, .3);
  text-align: right;
  z-index: 10
}

.box_swipe > ol > li {
  display: inline-block;
  margin: 5px 0;
  width: 8px;
  height: 8px;
  background: #757575;
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.box_swipe > ol > li.on {
  background: #fff
}

.microNetIndex_main {
  width: 92%;
  margin: 0 auto
}

.microNetIndex_list {
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 0 20px #fce8e8;
  padding: 2rem 0;
  margin-top: -11%;
  position: relative;
  z-index: 99
}

.microNetIndex_ul {
  width: 86%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto
}

.microNetIndex_ul > li {
  text-align: center;
  font-size: 1.4rem;
  color: #444
}

.microNetIndex_ul > li > a {
  display: block;
  font-size: 1.4rem;
  color: #444
}

.microNetIndex_ul > li > a > em {
  display: block;
  margin: 0 auto;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 3rem;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 1rem
}

.microNetIndex_ul > li.color1 > a > em {
  background: #ffaf5e
}

.microNetIndex_ul > li.color2 > a > em {
  background: #73b0fa
}

.microNetIndex_ul > li.color3 > a > em {
  background: #ff816b
}

.microNetIndex_jgjs {
  color: #444;
  padding: 5% 0
}

.microNetIndex_jgjs > dt {
  font-size: 1.7rem;
  font-weight: 700
}

.microNetIndex_jgjs > dd {
  font-size: 1.4rem;
  margin-top: 1.5rem
}

.microNetIndex_jgjs > dd > em {
  color: #51d2b3
}

.microNetIndex_jgjs > dd > a {
  color: #f47a87;
  font-size: 3rem;
  margin-top: -2%
}

.microNetIndex_content {
  border-top: 1px solid #ddd;
  padding: 1rem 4%
}

.microNetIndex_content > p {
  font-size: 1.4rem;
  color: #444;
  line-height: 2.4rem
}

.microNetIndex_content > img {
  margin-top: 1rem
}

.microNetIndex2_list {
  box-shadow: none;
  margin-top: 0;
  border-radius: 0;
  margin-bottom: 1.4rem
}

.microNetIndex2_bg {
  background: #f5f5f9
}

.microNetIndex2_list > .microNetIndex_ul {
  width: 90%
}

.microNetIndex2_list > .microNetIndex_ul > li > a > em {
  width: 3.3rem;
  height: 3.3rem;
  line-height: 3.3rem;
  font-size: 2rem
}

.microNetIndex2_list > .microNetIndex_ul > li.color1 > a > em {
  background: #f7625e
}

.microNetIndex2_list > .microNetIndex_ul > li.color2 > a > em {
  background: #ffd55d
}

.microNetIndex2_list > .microNetIndex_ul > li.color3 > a > em {
  background: #63abf7
}

.microNetIndex2_list > .microNetIndex_ul > li.color4 > a > em {
  background: #a7d86d
}

.microNetIndex2_list > .microNetIndex_ul > li.color5 > a > em {
  background: #6dd8cf
}

.microNetIndex2_main {
  width: 94.66%;
  margin: 0 auto;
  padding: 1.4rem 0
}

.microNetIndex2_main > h1 {
  font-size: 1.5rem;
  color: #666;
  height: 2.4rem;
  line-height: 2.4rem;
  padding-left: 2.5%;
  border-left: .6rem solid #f47a87;
  margin-bottom: 2rem
}

.microNetIndex2_msfc > .microNetIndex2_main > h1 {
  border-left: .6rem solid #63abf7
}

.microNetIndex2_jpkc {
  background: linear-gradient(top, #fff, #f5f5f9);
  background: -webkit-linear-gradient(top, #fff, #f5f5f9)
}

.microNetIndex2_course {
  display: block;
  background: #fff;
  box-shadow: 1px 1px 12px #ccc;
  margin-bottom: 1rem
}

.microNetIndex2_course > h1 {
  font-size: 1.6rem;
  color: #444;
  padding: 1rem 3%
}

.microNetIndex2_course > h1 > em {
  font-size: 1.2rem;
  color: #666;
  display: block;
  margin-top: 1%
}

.microNetIndex2_msfcList {
  font-size: 0;
  padding: 1rem 0 2rem
}

.microNetIndex2_msfcList > li {
  display: inline-block;
  width: 33.33%
}

.microNetIndex2_msfcList > li > a {
  display: block;
  font-size: 1.4rem;
  color: #444;
  text-align: center
}

.microNetIndex2_msfcList > li > a > em {
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 1rem
}

.microNetIndex2_jgxx > .microNetIndex2_main > h1 {
  border-left: .6rem solid #51d2b3
}

.microNetIndex2_msfc {
  margin-bottom: 5%
}

.microNetIndex2_jgxx, .microNetIndex2_msfc {
  background: #fff
}

.microNetIndex_jgjs > dt > span {
  display: inline-block;
  width: 24%;
  vertical-align: text-top;
  margin-right: 5%
}

.microNetIndex2_jgxx .microNetIndex_jgjs {
  padding-top: 0
}

.teacherList_main {
  width: 96%;
  margin-left: 4%
}

.teacherList_main > li {
  padding: 1.2rem 3% 1.2rem 0;
  border-bottom: 1px solid #ddd;
  font-size: 0
}

.teacherList_main > li > span {
  display: inline-block;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  overflow: hidden
}

.teacherList_right {
  display: inline-block;
  width: 70%;
  margin-left: 6%;
  font-size: 1.2rem;
  color: #666;
  float: right;
  line-height: 2rem
}

.teacherList_right > h1 {
  font-size: 1.6rem;
  color: #222
}

.SpeCourse_list {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 2rem
}

.SpeCourse_list > li {
  position: relative;
  margin-top: 1rem;
  box-shadow: 0 0 10px #ccc
}

.SpeCourse_bottom {
  position: absolute;
  width: 94%;
  background: rgba(0, 0, 0, .4);
  left: 0;
  bottom: 0;
  padding: 1.5rem 3%
}

.SpeCourse_bottom > h1 {
  font-size: 1.6rem;
  color: #fff
}

.SpeCourse_bottom > p {
  font-size: 1.3rem;
  color: #fff
}

.SpeCourse_bottom > label {
  font-size: 1.3rem;
  color: #fff
}

.SpeCourse_bottom > h1 > em {
  display: inline-block;
  font-size: .9rem;
  color: #c18f41;
  background: #e2dccc;
  padding: .2rem .5rem;
  vertical-align: text-bottom;
  margin-left: 2%
}

.SpeCourse_list > li > a {
  display: block;
  position: relative
}

.SpeCourse_money {
  display: block;
  position: absolute;
  background: url(../images/bg_money.png) no-repeat;
  width: 36.5%;
  right: -1.5%;
  background-size: 100%;
  padding-top: 13%;
  bottom: 2%
}

.SpeCourse_money > i {
  font-size: 2rem;
  color: #fff;
  margin-top: -31%;
  display: block;
  padding-left: 28%
}

.course_head {
  background-color: #fff;
  margin-bottom: 1.1rem;
  border-bottom: 1px solid #ddd
}

.course_head_content {
  padding: 1rem 3%
}

.course_head_content > dd {
  font-size: 1.4rem;
  color: #888;
  margin-top: 1rem
}

.course_head_content > dd > label {
  float: right;
  color: #f47a87
}

.course_head_content > dd > em {
  float: right;
  color: #222
}

.addClass_list > li > a > input {
  display: inline-block;
  width: 80%;
  font-size: 1.4rem;
  color: #999;
  text-align: right;
  vertical-align: middle
}

.addClass_list > li > a > em {
  display: inline-block;
  vertical-align: middle
}

.addStudent_avatars {
  display: none
}

.classHome_type > li > label {
  display: inline-block;
  max-width: 75%;
  height: 4rem;
  line-height: 4rem;
  vertical-align: middle;
  overflow-x: hidden
}

.classHome_type > li > i {
  display: inline-block;
  vertical-align: middle
}

.classHome_selList {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 11;
  display: none
}

.classHome_selList > h2 {
  height: 4rem;
  line-height: 4rem;
  font-size: 1.3rem;
  color: #666;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center
}

.classHome_selList > ul {
  max-height: 12rem;
  overflow-y: auto
}

.classHome_selList > ul > li {
  height: 4rem;
  line-height: 4rem;
  font-size: 1.4rem;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.classHome_selList > ul > li:last-child {
  border-bottom: none
}

.classHome_selList > p {
  font-size: 1.3rem;
  color: #666;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  border-top: 1px solid #eee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.selectCkbox > li > i {
  display: none
}

.selectCkbox > li {
  position: relative
}

.selectCkbox > li.active > i {
  display: inline-block;
  position: absolute;
  right: 3.2%;
  top: 0;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.6rem;
  color: #f47a87
}

.classHome_ckBtn {
  width: 100%;
  font-size: 0;
  border-top: 1px solid #eee
}

.classHome_ckBtn > input {
  display: inline-block;
  width: 50%;
  height: 4rem;
  font-size: 1.3rem;
  color: #666;
  text-align: center;
  border-right: 1px solid #eee
}

.classHome_ckBtn > input:last-child {
  color: #f47a87;
  border-right: none
}

.course_head_content > dt {
  font-size: 2rem;
  color: #222
}

.course_head_content > dt > em {
  display: inline-block;
  padding: 0 .4rem;
  height: 1.45rem;
  font-size: 1rem;
  color: #c18f41;
  text-align: center;
  line-height: 1.45rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  margin-left: .5rem;
  vertical-align: middle
}

.course_teacher {
  padding: 1.5rem 3%;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin-bottom: 1.1rem
}

.course_teacher > h2 {
  font-size: 1.5rem;
  color: #222;
  margin-bottom: 1.5rem
}

.course_teacher > ul {
  font-size: 0
}

.course_teacher > ul > li {
  display: inline-block;
  width: 25%
}

.course_teacher > ul > li > a {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  color: #888;
  text-align: center
}

.course_teacher > ul > li > a > em {
  display: block;
  width: 5.1rem;
  height: 5.1rem;
  margin: 0 auto .5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: .2rem solid #ffe39a;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.course_mechanism, .course_txt {
  padding: 1.5rem 3%;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.1rem
}

.course_mechanism {
  margin-bottom: 0
}

.course_txt {
  font-size: 1.4rem;
  color: #888;
  line-height: 2rem
}

.course_mechanism > h2, .course_txt > h2 {
  font-size: 1.5rem;
  color: #222;
  margin-bottom: .8rem
}

.course_mechanism > a {
  font-size: 1.7rem;
  font-weight: 700;
  color: #222
}

.course_mechanism > a > span {
  display: inline-block;
  width: 24%;
  vertical-align: text-top;
  margin-right: 5%
}

.course_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  background-color: #fff;
  box-shadow: 0 -1px 10px #b9b9b9
}

.course_footer > li {
  display: inline-block;
  width: 50%
}

.course_footer > li > a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #222;
  text-align: center;
  height: 4.8rem;
  line-height: 4.8rem;
  position: relative
}

.course_footer > li > a > em {
  position: absolute;
  right: 0;
  top: 1.3rem;
  width: 1px;
  height: 2.2rem;
  background-color: #efefef
}

.course_footer > li > a > i {
  display: inline-block;
  font-size: 3rem;
  color: #272636;
  vertical-align: middle;
  margin-right: .5rem
}

.course_footer > li > a > i.telICon {
  color: #f47a87
}

.course_bg {
  padding-bottom: 6rem;
  background: #f5f5f9
}

.course_consult {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 88%;
  padding: 1rem 4%;
  margin-left: -44%;
  background-color: #fff;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 11;
  display: none
}

.course_consult > h1 {
  padding: .5rem 0 1rem 0;
  font-size: 1.5rem;
  color: #222;
  text-align: center
}

.course_consult > input, .course_consult > textarea {
  display: block;
  width: 100%;
  padding: .8rem 3%;
  font-size: 1.3rem;
  color: #888;
  border: 1px solid #ddd;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 1rem
}

.course_consult > textarea {
  resize: none;
  line-height: 1.8rem;
  height: 7rem
}

.course_consult > input[type=button] {
  display: block;
  width: 50%;
  height: 3rem;
  padding: 0;
  margin: 0 auto;
  line-height: 3rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background-color: #509afd;
  border-radius: 2rem;
  -webkit-border-radius: 2rem
}

.course_consult > textarea::-webkit-input-placeholder {
  color: #999
}

.course_consult > textarea::-moz-input-placeholder {
  color: #999
}

.setMeal_list {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.1rem
}

.setMeal_list > h2 {
  padding: 0 3%;
  height: 4.6rem;
  line-height: 4.6rem;
  font-size: 1.5rem;
  color: #222
}

.setMeal_list > ul > li {
  position: relative;
  padding: 0 3%;
  border-top: 1px solid #ddd
}

.setMeal_list > ul > li > i {
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 2rem;
  color: #f2e003;
  display: none
}

.setMeal_list > ul > li.yellow > i {
  color: #f2e003;
  display: block
}

.setMeal_list > ul > li.purple > i {
  color: #9a40d8;
  display: block
}

.setMeal_list > ul > li > a {
  display: block;
  height: 4.7rem;
  line-height: 4.7rem;
  font-size: 1.3rem;
  color: #222
}

.setMeal_list > ul > li > a > em {
  display: inline-block;
  padding: 0 .4rem;
  height: 1.45rem;
  font-size: 1rem;
  color: #c18f41;
  text-align: center;
  line-height: 1.45rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  margin-left: .5rem;
  vertical-align: middle
}

.setMeal_footer > li {
  width: 33.3%
}

.setMeal_footer > li.signUp > input {
  display: block;
  width: 100%;
  height: 4.8rem;
  font-size: 1.4rem;
  color: #fff;
  height: 4.8rem;
  background: linear-gradient(#fb1b07, #fb5444);
  background: -webkit-linear-gradient(top, #fb1b07, #fb5444);
  background: -moz-linear-gradient(top, #fb1b07, #fb5444);
  background: -o-linear-gradient(top, #fb1b07, #fb5444)
}

.setMeal_all {
  padding: 1.3rem 3%;
  font-size: 0;
  border-top: 1px solid #ddd;
  display: none
}

.setMeal_all > label {
  display: inline-block;
  width: 65%;
  font-size: 1.6rem;
  color: #222;
  vertical-align: middle
}

.setMeal_all > a {
  display: inline-block;
  width: 35%;
  height: 2.8rem;
  font-size: 1.3rem;
  color: #f47a87;
  text-align: center;
  line-height: 2.8rem;
  border: 1px solid #f47a87;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  vertical-align: middle
}

.signActive_bg {
  background-color: #f4b4c0;
  padding-top: 4.3rem
}

.signActive_banner {
  width: 99.73%;
  margin: 0 auto 6.7%;
  padding-top: 4.53%
}

.signActive_main {
  padding: 0 3%
}

.signActive_list {
  padding: 5.3%;
  border: 2px solid #fe9367;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 6.7%
}

.signActive_list > li {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 1rem
}

.signActive_list > li:last-child {
  margin-bottom: 0
}

.signActive_txt {
  font-size: 1.4rem;
  color: #222;
  line-height: 2.4rem;
  padding: 3% 0 6%
}

.classHome_check {
  position: absolute;
  right: 3.2%;
  top: 2rem;
  display: none
}

.classDetail_plan div.classHome_check {
  top: 4rem
}

.classHome_check > em {
  font-size: 2.4rem;
  color: #f47a87
}

.classHome_check > em.stuYes {
  display: none
}

.classDetail_plan > li {
  position: relative
}

.classHome_planOper {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: .5rem 0;
  background: rgba(999, 999, 999, .9);
  font-size: 0;
  display: none
}

.classHome_planOper > li {
  display: inline-block;
  width: 16.67%;
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  background-color: #f47a87;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid #fff
}

.classHome_planOper > li:last-child {
  border-right: none
}

.classDetail_plan > li.current .stuNo, .classDetail_student > li.current .stuNo {
  display: none
}

.classDetail_plan > li.current .stuYes, .classDetail_student > li.current .stuYes {
  display: block
}

.courseList_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 2rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: none
}

.courseList_list > li > em.ckNo {
  display: block
}

.courseList_list > li.current > em.ckNo {
  display: none
}

.courseList_list > li.current > em.ckYes {
  display: block
}

/*.classHome_search > p.noAdd {
  width: 100%
}*/

.classHome_noBack {
  padding: 1.7rem 0 1.4rem 1.6rem;
}

.classHome_noBack > p {
  float: left;
  width: 30.2rem;
  padding-left: 0.8rem;
  height: 3.2rem;
  margin-right: 1.5rem;
}

.courseList_add {
  position: absolute;
  top: 4rem;
  right: 3.2%;
  width: 40%;
  padding: 1.2rem 1rem;
  background: rgba(0, 0, 0, .8);
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  z-index: 1;
  display: none
}

.courseList_add:last-child:after {
  display: block;
  content: '';
  border-width: .6rem .6rem .6rem .6rem;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
  position: absolute;
  top: -1rem;
  right: 5%;
  opacity: .8
}

.courseList_add > li > a {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #fff;
  text-align: left;
  margin-bottom: 1rem
}

.courseList_add > li:last-child > a {
  margin-bottom: 0
}

.courseList_add > li > a > i {
  display: inline-block;
  width: 2rem;
  font-size: 2rem;
  margin-right: .5rem
}

.courseList_oper {
  top: .5rem;
  right: 4rem
}

.classHomer_oper2 {
  top: 3rem;
  right: 3rem
}

.classHome_oper > li > i, .courseList_oper > li > i {
  display: block;
  font-size: 1.8rem;
  margin-bottom: .2rem
}

.courseList_oper > li {
  border-right: none
}

.courseList_oper > li:last-child:after {
  top: 2rem
}

.courseList_list > li > h2 > i.red {
  color: #df4e4e;
  border: 1px solid #ffaeae;
  background-color: #ffe9e9
}

.courseList_list > li > h2 > i.green {
  color: #46cc98;
  border: 1px solid #bce7ce;
  background-color: #effff5
}

.courseList_list > li > em.release {
  display: block
}

.courseList_list > li > em.downLine {
  color: #509afd
}

.courseList_oper02 {
  top: 1.6rem;
  right: 4rem
}

.microNetIndex_box {
  position: relative;
  width: 100%;
  padding-top: 50%
}

.microNetIndex_swipe {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0
}

.doubt {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.3rem;
  color: #9999;
  text-align: center;
  line-height: 1.6rem;
  text-indent: 0;
  background-color: #efefef;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-left: .5rem
}

.addClass_list > li.setMeal > label, .addClass_list > li.setMeal > p {
  width: 50%
}

.addClass_list > li > h2 {
  display: inline-block;
  width: 100%;
  font-size: 1.4rem;
  color: #222
}

.addClass_list > li > h2 > i {
  color: #999
}

.courseClassify_list {
  padding-left: 3.2%;
  background: #fff
}

.courseClassify_list > li {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd
}

.courseClassify_list > li > em.release {
  top: 1.5rem
}

.courseClassify_oper > li {
  padding: .5rem 1.5rem
}

.courseClassify_oper > li:last-child:after {
  top: 1.5rem
}

.specialAway_coupons > li.speciaAway_show {
  display: none;
  padding: 1.8rem 3.2% 1.4rem 0
}

.specialAway_coupons > li.speciaAway_show > div {
  display: flex;
  font-size: 1.4rem;
  color: #222;
  width: 100%;
  justify-content: space-between;
  align-items: center
}

.specialAway_coupons > li.speciaAway_show > div > p {
  text-align: right
}

.specialAway_coupons > li.speciaAway_show > div > p > input {
  width: 20%
}

.specialAway_coupons > li.speciaAway_show > div > span > em {
  color: #f47a87
}

.course_specified > li > label {
  width: 40%
}

.course_specified > li > p {
  width: 60%
}

.course_came {
  display: flex;
  flex-direction: column
}

.course_came > label {
  margin-bottom: 1.4rem
}

.course_came > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.course_came > div > label {
  width: 23%;
  position: relative
}

.course_came > div > label > img {
  height: 100%
}

.course_came > div > label > .course_del {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  background: #f47a87;
  border-radius: 50%;
  padding: .3rem;
  bottom: .5rem;
  right: .5rem
}

.course_came > div > label > p {
  border: 1px dashed #ddd;
  position: relative;
  padding: 50% 0;
  width: 100%;
  background: #f8f8f8
}

.course_came > div > label > p > em:nth-child(1) {
  position: absolute;
  width: 50%;
  height: 1px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999
}

.course_came > div > label > p > em:nth-child(2) {
  position: absolute;
  width: 1px;
  height: 50%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #999
}

.course_came > div > label:first-child {
  margin-left: 0 !important
}

.chooseTeach_search {
  padding-left: 3%;
  width: 92.8%
}

.chooseTeach_btn {
  position: fixed;
  z-index: 1;
  bottom: 0
}

.chooseTeach_chse {
  padding: 1.5rem 3.2%;
  background: #fcfcfc
}

.chooseTeach_chse > p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem
}

.chooseTeach_chse > p > em {
  color: #222
}

.chooseTeach_chse > p > span {
  color: #999
}

.chooseTeach_cont {
  padding-top: 1.5rem;
  overflow: hidden
}

.chooseTeach_choosed {
  display: flex;
  flex-wrap: wrap
}

.chooseTeach_choosed > li {
  width: 20.5%;
  margin-left: 6%;
  padding-bottom: 1.5rem
}

.chooseTeach_choosed > li:first-child {
  margin-left: 0
}

@media screen and (max-width: 322px) {
  .chooseTeach_choosed > li {
    width: 20.5%;
    margin-left: 6%
  }

  .chooseTeach_choosed > li:nth-child(4n+1) {
    margin-left: 0
  }
}

@media screen and (min-width: 322px) {
  .chooseTeach_choosed > li {
    width: 16%;
    margin-left: 5%
  }

  .chooseTeach_choosed > li:nth-child(5n+1) {
    margin-left: 0
  }
}

.chooseTeach_choosed > li > label {
  display: block;
  width: 100%
}

.chooseTeach_choosed > li > label > img {
  border: 1px solid #CCC;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.chooseTeach_choosed > li > h2 {
  margin-top: .5rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #999;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.chooseTeach_list {
  padding: 1.1rem 0 1.1rem 3.2%;
  background: #fff;
  margin-top: 1.1rem
}

.chooseTeach_list > li {
  padding: 0 3.2% 1.1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none
}

.chooseTeach_list > li > p {
  width: 10%
}

.chooseTeach_list > li > p > em {
  float: left;
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/icon_check.png) no-repeat 0 -31px;
  background-size: 100%
}

.chooseTeach_list > li > div {
  padding-bottom: 1.1rem;
  width: 85%;
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  border-bottom: 1px solid #ddd
}

.chooseTeach_list > li > div > span {
  width: 20%;
  border: 1px solid #ddd
}

.chooseTeach_list > li > div > label {
  margin-left: 2rem
}

.chooseTeach_list > li > p.checkbox > em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.microNetIndex_ul > li.color4 > a > em {
  background: #27cc88
}

.SpeCourse_active {
  display: block;
  position: absolute;
  width: 26.37%;
  right: -.1%;
  padding-top: 24.64%;
  bottom: -.5%;
  background: url(../images/img_activeList_do.png) no-repeat;
  background-size: 100%
}

.activeList_bottom {
  padding: .8rem 3%
}

.SpeCourse_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .5);
  display: none
}

.activeEnd span.SpeCourse_active {
  background: url(../images/img_activeList_end.png) no-repeat;
  background-size: 100%
}

.activeEnd div.SpeCourse_mask {
  display: block
}

.activeDetail_head {
  padding-bottom: 1.5rem;
  background-color: #fff;
  margin-bottom: 3.33%
}

.activeDetail_head > h2 {
  padding: 1.5rem 4% 1rem;
  font-size: 1.8rem;
  color: #222
}

.activeDetail_head > p {
  padding: 0 4%;
  font-size: 1.4rem;
  color: #888
}

.activeDetail_container {
  padding: 2.27%;
  background-color: #fff
}

.activeDetail_content {
  padding: 3.62%;
  background-color: #ffc10f
}

.activeDetail_main {
  padding: 5%;
  font-size: 1.3rem;
  color: #222;
  line-height: 1.8rem;
  border: 1px solid #222
}

.activeDetail_main > h2 {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 1rem
}

.activeDetail_main > h2 > i {
  display: inline-block;
  font-size: 3rem;
  vertical-align: text-bottom
}

.activeDetail_main > h3 {
  text-align: center;
  margin-bottom: 2rem
}

.activeDetail_main > p {
  padding: 1rem 0;
  border-bottom: 1px solid #222
}

.activeDetail_btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background-color: #ff7d7d
}

.activeDetail_dialog {
  position: fixed;
  left: 50%;
  top: 20%;
  width: 92%;
  margin-left: -46%;
  padding-bottom: 2rem;
  background-color: #fff;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  z-index: 11;
  display: none
}

.activeDetail_dialog > h2 {
  width: 100%;
  padding: 1.5rem 0;
  font-size: 1.8rem;
  color: #ff7d7d;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5%
}

.activeDetail_dialog > h2 > i {
  position: absolute;
  right: 4%;
  top: 1.2rem;
  font-size: 2.4rem;
  color: #e6e6e6
}

.activeDetail_list {
  padding: 0 4%
}

.activeDetail_list > li {
  padding: 1.2rem 4%;
  margin-bottom: 3%;
  font-size: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #ff7d7d;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.activeDetail_list > li > label {
  display: inline-block;
  width: 15%;
  font-size: 1.4rem;
  color: #858585;
  line-height: 2rem;
  vertical-align: top
}

.activeDetail_list > li > input, .activeDetail_list > li > textarea {
  display: inline-block;
  width: 85%;
  font-size: 1.4rem;
  color: #858585;
  line-height: 2rem;
  vertical-align: top
}

.activeDetail_list > li > textarea {
  height: 6rem
}

.actDetail_btn {
  display: block;
  width: 92%;
  margin: 0 auto;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background-color: #ff7d7d;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.teacherDetail_banner {
  width: 100%;
  padding: 7% 0 6%;
  background-color: #fff
}

.teacherDetail_gray {
  width: 100%;
  padding-top: 4%;
  background-color: #f5f5f9
}

.teacherDetail_banner > h2 {
  width: 100%;
  font-size: 1.5rem;
  color: #444;
  text-align: center;
  margin-bottom: 1.5rem
}

.teacherDetail_banner > h2 > span {
  display: block;
  margin: 0 auto 1rem;
  width: 9.3rem;
  height: 9.3rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  border: 1px solid #575757
}

.teacherDetail_banner > h2 > span > i {
  display: block;
  margin: .5rem auto;
  width: 8.3rem;
  height: 8.3rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden
}

.teacherDetail_banList {
  width: 86.67%;
  margin: 0 auto;
  padding: .9rem 0;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  line-height: 2rem;
  background-color: #000;
  border-radius: .5rem;
  -webkit-border-radius: .5rem
}

.teacherDetail_banList > li {
  float: left;
  width: 50%;
  height: 4.3rem;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.teacherDetail_banList > li:last-child {
  border-right: none
}

.teacherDetail_tab {
  font-size: 0;
  padding: .7rem 0;
  border-bottom: 1px solid #ddd
}

.teacherDetail_tab > li {
  display: inline-block;
  width: 50%;
  font-size: 1.5rem;
  color: #999;
  text-align: center;
  height: 4.2rem;
  line-height: 4.2rem;
  border-right: 1px solid #b2b2b2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.teacherDetail_tab > li:last-child {
  border-right: none
}

.teacherDetail_tab > li.current {
  color: #222
}

.teacherDetail_course > li {
  padding: 1.8rem 4%;
  position: relative;
  border-bottom: 1px solid #ddd
}

.teacherDetail_course > li > h2 {
  font-size: 1.6rem;
  color: #222
}

.teacherDetail_course > li > h2 > i {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: bottom
}

.teacherDetail_course > li > i {
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 1.8rem;
  display: none
}

.teacherDetail_course > li.violet > i {
  color: #9a40d8;
  display: block
}

.teacherDetail_course > li.yellow > i {
  color: #f2e003;
  display: block
}

.teacherDetail_teacher {
  font-size: 1.3rem;
  color: #4c4c4c;
  line-height: 1.8rem;
  padding: 2.67% 4%
}

.teacherDetail_teacher > p {
  text-indent: 2em
}

.teacherDetail_teacher > span {
  display: block;
  width: 100%;
  margin: 2.3% 0
}

.teacherDetail_tabCont {
  display: none
}

.activeDetail_main > p:last-child {
  border-bottom: none
}

.addClass_list > li.applyCourse, .addClass_list > li.classNum, .addClass_list > li.classNum i.hour, .addClass_list > li.classNum i.second {
  display: none
}

.mealCourse_banner {
  width: 92%;
  margin: 1rem auto 1.5rem
}

.mealCourse_list {
  width: 100%;
  padding: 4%;
  background-color: #fff;
  box-shadow: 0 0 20px #dfdfe3;
  -webkit-box-shadow: 0 0 20px #dfdfe3;
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 3%
}

.mealCourse_list > li {
  font-size: 0;
  margin-bottom: 1rem
}

.mealCourse_list > li:last-child {
  margin-bottom: 0
}

.mealCourse_list > li > label {
  display: inline-block;
  width: 40%;
  font-size: 1.5rem;
  color: #888;
  text-align: left
}

.mealCourse_list > li > span {
  display: inline-block;
  width: 60%;
  font-size: 1.5rem;
  color: #222;
  text-align: right
}

.setMealLink {
  display: block;
  width: 100%;
  height: 4.4rem;
  font-size: 2.8rem;
  color: #f47a87;
  text-align: center;
  line-height: 4.4rem;
  background-color: #fff;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.courseList_list > li input.remove {
  position: absolute;
  top: 1rem;
  right: 4%;
  display: block;
  height: 3.2rem;
  font-size: 1.5rem;
  color: #999;
  text-align: center;
  padding: 0 1.2rem;
  background-color: #f5f5f9;
  border: 1px solid #dadae0;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.addCourse_color {
  font-size: 0
}

.addCourse_color > li {
  display: inline-block;
  width: 6.66%
}

.addCourse_color > li > span {
  display: block;
  margin: 0 auto;
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 50%;
  -webkit-border-radius: 50%
}

.addCourse_color > li > span > em {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin: .225rem auto;
  background-color: #ffd97e;
  border-radius: 50%;
  -webkit-border-radius: 50%
}

.addCourse_color > li > span.color01 > em {
  background-color: #efefef
}

.addCourse_color > li.active > span.color01 {
  border: 1px solid #efefef
}

.addCourse_color > li > span.color02 > em {
  background-color: #ddd
}

.addCourse_color > li.active > span.color02 {
  border: 1px solid #ddd
}

.addCourse_color > li > span.color03 > em {
  background-color: #92e0d8
}

.addCourse_color > li.active > span.color03 {
  border: 1px solid #92e0d8
}

.addCourse_color > li > span.color04 > em {
  background-color: #ff84b8
}

.addCourse_color > li.active > span.color04 {
  border: 1px solid #ff84b8
}

.addCourse_color > li > span.color05 > em {
  background-color: #ffacf6
}

.addCourse_color > li.active > span.color05 {
  border: 1px solid #ffacf6
}

.addCourse_color > li > span.color06 > em {
  background-color: #63b359
}

.addCourse_color > li.active > span.color06 {
  border: 1px solid #63b359
}

.addCourse_color > li > span.color07 > em {
  background-color: #2c9f67
}

.addCourse_color > li.active > span.color07 {
  border: 1px solid #2c9f67
}

.addCourse_color > li > span.color08 > em {
  background-color: #509fc9
}

.addCourse_color > li.active > span.color08 {
  border: 1px solid #509fc9
}

.addCourse_color > li > span.color09 > em {
  background-color: #5885cf
}

.addCourse_color > li.active > span.color09 {
  border: 1px solid #5885cf
}

.addCourse_color > li > span.color10 > em {
  background-color: #9062c0
}

.addCourse_color > li.active > span.color10 {
  border: 1px solid #9062c0
}

.addCourse_color > li > span.color11 > em {
  background-color: #d09a45
}

.addCourse_color > li.active > span.color11 {
  border: 1px solid #d09a45
}

.addCourse_color > li > span.color12 > em {
  background-color: #e4b138
}

.addCourse_color > li.active > span.color12 {
  border: 1px solid #e4b138
}

.addCourse_color > li > span.color13 > em {
  background-color: #ee903c
}

.addCourse_color > li.active > span.color13 {
  border: 1px solid #ee903c
}

.addCourse_color > li > span.color14 > em {
  background-color: #dd6549
}

.addCourse_color > li.active > span.color14 {
  border: 1px solid #dd6549
}

.addCourse_color > li > span.color15 > em {
  background-color: #cc463d
}

.addCourse_color > li.active > span.color15 {
  border: 1px solid #cc463d
}

.addClass_list > li.colorHide {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-x: auto;
  display: none
}

.addClass_list > li.timeHide {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-x: auto;
  display: none;
  background: #F5F5F9;
}

.addCourse_color {
  width: 187.5%;
  height: 2.05rem
}

.addCourse_doubt {
  position: relative
}

.doubtCont {
  position: absolute;
  left: 29%;
  top: .8rem;
  z-index: 1;
  width: 30%;
  padding: 2% 3%;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.8rem;
  background: rgba(60, 60, 60, .8);
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  display: none
}

.doubtCont:after {
  display: block;
  content: '';
  border-width: .6rem .6rem .6rem .6rem;
  border-style: solid;
  border-color: transparent #606060 transparent transparent;
  position: absolute;
  top: 1rem;
  left: -1.15rem;
  opacity: .8
}

.signIn_user {
  padding: 1.2rem 3.2%;
  background-color: #fff
}

.signIn_banner {
  padding: 1.2rem 3.2%;
  font-size: 1.3rem;
  color: #fff;
  background: linear-gradient(bottom, #ff4a5b, #f47a87);
  background: -webkit-linear-gradient(bottom, #ff4a5b, #f47a87)
}

.signIn_banner > h2 {
  margin-bottom: 1.2rem
}

.signIn_banner > h2 > i {
  font-size: 1.6rem;
  margin-top: .3rem
}

.signIn_day, .signIn_week {
  width: 100%;
  font-size: 1.3rem;
  text-align: center;
  padding-bottom: 1.5rem
}

.signIn_day {
  padding-bottom: .8rem
}

.signIn_day > li, .signIn_week > li {
  float: left;
  width: 14.28%
}

.signIn_day > li > p {
  position: relative;
  font-size: 1.3rem;
  color: #fff;
  line-height: 2.5rem;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto
}

.signIn_day > li > p > span {
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  display: none
}

.signIn_day > li.active > p {
  color: #f47a87;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%
}

.signIn_day > li.active > p > span {
  display: block;
  color: #fff
}

.signIn_day > li > p:after {
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff;
  content: "";
  position: absolute;
  width: 0;
  bottom: -2.2rem;
  left: 50%;
  margin-left: -1rem;
  display: none
}

.signIn_day > li.active > p:after {
  display: block
}

.signUp_check {
  font-size: 0;
  margin-bottom: .8rem;
  margin-top: 4%
}

.signUp_check > li {
  display: inline-block;
  width: 33.3%;
  font-size: 1.3rem;
  color: #666;
  text-align: center
}

.signUp_check > li:first-child {
  text-align: left
}

.signUp_check > li:last-child {
  text-align: right
}

.signUp_check > li > i {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_checkNo.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-left: .5rem
}

.signUp_check > li.active > i {
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%
}

.signIn_link {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  color: #666
}

.signIn_list div.classHome_detail {
  padding-right: 0
}

.btn_plus:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC00LjM5OXY0LjM5OWMwIDAuNTUyLTAuNDQ3IDAuNjAxLTEgMC42MDFzLTEtMC4wNDktMS0wLjYwMXYtNC4zOTloLTQuMzk5Yy0wLjU1MiAwLTAuNjAxLTAuNDQ3LTAuNjAxLTFzMC4wNDktMSAwLjYwMS0xaDQuMzk5di00LjM5OWMwLTAuNTUzIDAuNDQ3LTAuNjAxIDEtMC42MDFzMSAwLjA0OCAxIDAuNjAxdjQuMzk5aDQuMzk5YzAuNTUzIDAgMC42MDEgMC40NDcgMC42MDEgMXoiPjwvcGF0aD4KPC9zdmc+Cg==)
}

.btn_minus:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC0xMC43OThjLTAuNTUyIDAtMC42MDEtMC40NDctMC42MDEtMXMwLjA0OS0xIDAuNjAxLTFoMTAuNzk5YzAuNTUyIDAgMC42IDAuNDQ3IDAuNiAxeiI+PC9wYXRoPgo8L3N2Zz4K)
}

.btn_today:before {
  content: '现在'
}

.btn_check:before {
  content: '确定'
}

.btn_next_red, .btn_prev_red {
  color: #f47a87
}

.act_mail:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTEyIDExLjAxNmw4LjAxNi01LjAxNmgtMTYuMDMxek0yMC4wMTYgMTh2LTkuOTg0bC04LjAxNiA0Ljk2OS04LjAxNi00Ljk2OXY5Ljk4NGgxNi4wMzF6TTIwLjAxNiAzLjk4NGMxLjA3OCAwIDEuOTY5IDAuOTM4IDEuOTY5IDIuMDE2djEyYzAgMS4wNzgtMC44OTEgMi4wMTYtMS45NjkgMi4wMTZoLTE2LjAzMWMtMS4wNzggMC0xLjk2OS0wLjkzOC0xLjk2OS0yLjAxNnYtMTJjMC0xLjA3OCAwLjg5MS0yLjAxNiAxLjk2OS0yLjAxNmgxNi4wMzF6Ij48L3BhdGg+Cjwvc3ZnPgo=)
}

.btn_location:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDE4Ljk4NGMzLjg5MSAwIDYuOTg0LTMuMDk0IDYuOTg0LTYuOTg0cy0zLjA5NC02Ljk4NC02Ljk4NC02Ljk4NC02Ljk4NCAzLjA5NC02Ljk4NCA2Ljk4NCAzLjA5NCA2Ljk4NCA2Ljk4NCA2Ljk4NHpNMjAuOTUzIDExLjAxNmgyLjA2M3YxLjk2OWgtMi4wNjNjLTAuNDY5IDQuMTcyLTMuNzk3IDcuNS03Ljk2OSA3Ljk2OXYyLjA2M2gtMS45Njl2LTIuMDYzYy00LjE3Mi0wLjQ2OS03LjUtMy43OTctNy45NjktNy45NjloLTIuMDYzdi0xLjk2OWgyLjA2M2MwLjQ2OS00LjE3MiAzLjc5Ny03LjUgNy45NjktNy45Njl2LTIuMDYzaDEuOTY5djIuMDYzYzQuMTcyIDAuNDY5IDcuNSAzLjc5NyA3Ljk2OSA3Ljk2OXpNMTIgOC4wMTZjMi4yMDMgMCAzLjk4NCAxLjc4MSAzLjk4NCAzLjk4NHMtMS43ODEgMy45ODQtMy45ODQgMy45ODQtMy45ODQtMS43ODEtMy45ODQtMy45ODQgMS43ODEtMy45ODQgMy45ODQtMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo=)
}

.iSelect, input.int, textarea.int {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #bbb;
  background: #fff;
  line-height: 32px
}

.iSelect:focus, .int:focus {
  border-color: #2196f3
}

textarea.int {
  height: auto;
  padding: 10px;
  line-height: 1.7
}

.iDate {
  position: relative;
  display: inline-block;
  width: 178px;
  height: 34px;
  background: #fff;
  vertical-align: middle
}

.iDate > input {
  width: 50%;
  height: 34px;
  padding: 0 0 0 10px;
  border: none;
  background: 0 0;
  line-height: 2rem;
  font-size: 1.3rem;
  color: #fff;
  -webkit-user-select: none
}

.iDate > button {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #bbb;
  background: 0 0
}

.iDate > button i {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden
}

.iDate > button:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI2IDI4Ij4KPHBhdGggZmlsbD0iIzU1NSIgZD0iTTIgMjZoNC41di00LjVoLTQuNXY0LjV6TTcuNSAyNmg1di00LjVoLTV2NC41ek0yIDIwLjVoNC41di01aC00LjV2NXpNNy41IDIwLjVoNXYtNWgtNXY1ek0yIDE0LjVoNC41di00LjVoLTQuNXY0LjV6TTEzLjUgMjZoNXYtNC41aC01djQuNXpNNy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAyNmg0LjV2LTQuNWgtNC41djQuNXpNMTMuNSAyMC41aDV2LTVoLTV2NXpNOCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTE5LjUgMjAuNWg0LjV2LTVoLTQuNXY1ek0xMy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAxNC41aDQuNXYtNC41aC00LjV2NC41ek0yMCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTI2IDZ2MjBjMCAxLjA5NC0wLjkwNiAyLTIgMmgtMjJjLTEuMDk0IDAtMi0wLjkwNi0yLTJ2LTIwYzAtMS4wOTQgMC45MDYtMiAyLTJoMnYtMS41YzAtMS4zNzUgMS4xMjUtMi41IDIuNS0yLjVoMWMxLjM3NSAwIDIuNSAxLjEyNSAyLjUgMi41djEuNWg2di0xLjVjMC0xLjM3NSAxLjEyNS0yLjUgMi41LTIuNWgxYzEuMzc1IDAgMi41IDEuMTI1IDIuNSAyLjV2MS41aDJjMS4wOTQgMCAyIDAuOTA2IDIgMnoiPjwvcGF0aD4KPC9zdmc+Cg==) no-repeat 50% 50%;
  background-size: auto 100%
}

.iDate > input:disabled {
  opacity: .5
}

.iDate > input:disabled + button {
  opacity: .5;
  cursor: default
}

.iDate.date {
  width: 100%;
  background-color: transparent
}

.dtPicker {
  z-index: 100000;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.dtPicker .cover {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4)
}

.dtPicker .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 280px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  font-size: 1.3rem;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.dtPicker .icon {
  cursor: pointer
}

.dtPicker .btn {
  font-size: 13px;
  font-weight: 700;
  color: #2196f3
}

.dtPicker table {
  width: 100%;
  text-align: center
}

.dtPicker td, .dtPicker th {
  width: 34px;
  height: 34px
}

.dtPicker .select {
  width: 212px;
  cursor: pointer
}

.dtPicker .day {
  cursor: pointer
}

.dtPicker .day.active {
  border-radius: 50%;
  background: #f47a87;
  color: #fff
}

.dtPicker .weekend {
  color: red
}

.dtPicker .new, .dtPicker .old {
  color: #888
}

.dtPicker .decade, .dtPicker .month, .dtPicker .year {
  display: inline-block;
  width: 54px;
  height: 54px;
  margin: 2px;
  border-radius: 4px;
  line-height: 54px;
  text-align: center;
  cursor: pointer
}

.dtPicker .decade.active, .dtPicker .month.active, .dtPicker .year.active {
  background: #f47a87;
  color: #fff
}

.dtPicker .decade {
  padding: 7px 0;
  line-height: 20px
}

.dtPicker .picker-switch {
  padding-bottom: 5px
}

.dtPicker .picker-switch ul {
  display: table;
  table-layout: fixed;
  width: 100%
}

.dtPicker .picker-switch ul li {
  display: table-cell;
  text-align: center
}

.dtPicker .picker-switch ul li a {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer
}

.dtPicker .hour, .dtPicker .minute, .dtPicker .second {
  width: 50px;
  height: 50px;
  cursor: pointer
}

.dtPicker .timepicker {
  padding-top: 10px;
  padding-bottom: 10px
}

.dtPicker .timepicker-picker table tr td:nth-child(1) {
  width: 35%
}

.dtPicker .timepicker-picker table tr td:nth-child(2) {
  width: 10%
}

.dtPicker .timepicker-picker table tr td:nth-child(3) {
  width: 35%
}

.dtPicker .timepicker-picker table tr td:nth-child(4) {
  width: 20%
}

.index_bg {
  background: #f5f5f9
}

.index_header {
/*  background: -webkit-linear-gradient(#f47a87, #ff4b5c);
  background: -o-linear-gradient(#f47a87, #ff4b5c);
  background: -moz-linear-gradient(#f47a87, #ff4b5c);
  background: -mos-linear-gradient(#f47a87, #ff4b5c);
  background: linear-gradient(#f47a87, #ff4b5c);*/
  overflow: hidden;
  color: #fff

}
.index_header:before {
  content: ' ';
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../../images/indexsBanner.png') center 0 no-repeat;
  background-size: cover;
}

.index_header > h2 {
  position: relative;
  width: 41.4%;
  margin: 4% auto 0
}

.index_header > h2 > select {
  display: block;
  font-size: 1.7rem;
  width: 100%;
  color: #fff
}

.index_header > h2 > em {
  position: absolute;
  top: 36%;
  right: 0;
  width: 1.4rem;
  height: .9rem;
  background: url(../images/icon_arrowDown.png) no-repeat;
  background-size: 100%
}

.index_headerlist {
  font-size: 0;
  padding: 8% 0 25.1%
}

.index_headerlist > li {
  display: inline-block;
  width: 28%;
  text-align: center
}

.index_headerlist > li:nth-child(2) {
  margin-left: 7%;
  margin-right: 7%
}

.index_headerlist > li > span {
  display: inline-block;
  width: 34.3%;
  padding-top: 34.3%;
  margin-bottom: 8.6%;
}

.index_headerlist > li:first-child > span {
  background: url(../images/index_new/top_icon_1.png) no-repeat;
  background-size: 100%
}

.index_headerlist > li:nth-child(2) > span {
  background: url(../images/index_new/top_icon_2.png) no-repeat;
  background-size: 100%
}

.index_headerlist > li:last-child > span {
  background: url(../images/index_new/top_icon_3.png) no-repeat;
  background-size: 100%
}

.index_headerlist > li > p {
  font-size: 1.2rem;
  color: #fff
}

.index_swiper {
  width: 35rem;
  height: 15rem;
  position: absolute;
  top: 10.4rem;
  left: 50%;
  margin-left: -17.5rem;
  border-radius: 1rem;
  box-shadow:0px 0px 0.6rem rgba(92,92,92,0.2);
  padding: 1.5rem 0 1.2rem;
  box-sizing: border-box;
  background: #fff
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #dfdede;
  opacity: .4
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 3%
}

.swiper-pagination-bullet-active {
  background: #dfdede;
  opacity: 1
}

.index_swiperlist {
  font-size: 0
}

.index_swiperlist > li {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  font-size: 0;
}

.index_swiperlist > li > h3 {
  text-align: center
}

.index_swiperlist > li > h3 > span {
  font-size:1.6rem;
  font-family:YaLi;
  font-weight:400;
  line-height:1.6rem;
  color:rgba(51,48,49,1);
}

.index_swiperlist > li > h3 > span:last-child {
  float: right
}

.index_swiperlist > li:first-child > ul {
  border-right: 1px solid #ddd
}

.index_swiperlist > li > ul {
  margin-top: 1.6rem;
}

.index_swiperlist > li > ul > li {
  font-size: 1.2rem;
  color: #666;
  padding: 0 2.7rem 0 2.7rem;
  height: 3.5rem;
  line-height: 3.5rem;
}

.index_swiperlist > li > ul > li > span {
  font-size: 2.8rem;
  color: #f47a87;
  display: inline-block;
  width: 45%;
  text-align: center
}

.index_swiperlist > li > ul > li > span {
  font-size: 2.8rem;
  color: #f47a87;
  display: inline-block;
  width: 45%;
  text-align: center
}

.index_swiperlist2 > li > ul > li:last-child > span {
  width: 56%
}

/* .index_swiperlist3 > li > ul {
  padding-bottom: 19%
} */

.index_menulist {
  font-size: 0;
  background: #fff;
  padding: 10rem 0 1rem 0;
}

.index_menulist > li {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 3rem;
}

.index_menulist > li > span {
  display: inline-block;
  width: 2.6rem;
}

.index_menulist > li > p {
  padding-top: 1rem;
  font-size: 1.4rem;
  color: rgba(51,51,51,1)
}

.index_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  background: #fff;
  padding: .8rem 0 .4rem;
  display: flex;
  box-shadow:0px -1px 2px rgba(224,224,224,0.35);
  position: absolute;
  display: flex;
  justify-content: space-around;
}

.index_footer > li {
  display: inline-block;
  width: 12.5rem;
  text-align: center
}
.index_footer > li.active > p {
  color: #FF587A;
}

.index_footer > li > span {
  display: inline-block;
  width: 18.4%
}

.index_footer > li:active > p {
  color: #f47a87
}

.index_footer > li > p {
  font-size: 1rem;
  color: #777
}

.swiper-slide .index_swpterlist_title {
  text-align: center;
  font-size: 1.8rem;
  color: #444
}

.btn_mine {
  display: block;
  font-size: 1.5rem;
  color: #FFF;
  text-align: center;
  padding: 4% 0;
  border-radius: .4rem;
  width: 92%;
  background: #f47a87;
  margin: 0 auto
}

.modifyPassword_main > .btn_mine {
  position: absolute;
  left: 50%;
  margin-left: -46%
}

.mine_main > .btn_mine {
  margin-top: 22%
}

.abmain {
  position: absolute;
  min-height: 100%
}

.mine_list > li > p > em {
  display: inline-block;
  width: 20%;
  padding-right: 3%
}

.mine_list > li > p > span {
  padding-right: 3%
}

.coursePlan_timeCheck {
  width: 88.1%;
  text-align: center
}

.coursePlan_timeCheck > span {
  display: block;
  padding-right: 4.54%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative
}

.coursePlan_timeCheck > span > i {
  position: absolute;
  left: 0;
  color: #888
}

.coursePlan_timeCheck > span > i:last-child {
  left: initial;
  right: 4.54%
}

.coursePlan_week02 div.coursePlan_time {
  padding-left: 2.8%
}

.coursePlab_head {
  border-bottom: none;
  margin-bottom: .6rem
}

.coursePlab_head div.classHome_search {
  border-bottom: none
}

.courseList_listPlan > li > em {
  color: #f47a87;
  top: 1.4rem
}

.coursePlan_headChose {
  height: initial
}

.chooseTeach_chse > p > span > i {
  display: inline-block
}

.classDetail_tabCont {
  padding-top: 1rem
}

.tran {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .5s
}

.courseSignIn_time {
  display: inline-block;
  width: 66%;
  font-size: 1.4rem;
  color: #999;
  text-align: right
}

.courseSignIn_time > input {
  display: inline-block;
  width: 20%;
  height: 1.4rem;
  padding: .3rem 3%;
  line-height: 1.4rem;
  font-size: 1.4rem;
  color: #999;
  text-align: center;
  margin: 0 2%;
  border: 1px solid #999
}

.classCheck > i.iconfont {
  font-size: 2.4rem;
  color: #f47a87
}

.classCheck[ckbox=false] i.checkNo, .classCheck[ckbox=true] i.checkYes {
  display: block
}

.classCheck[ckbox=false] i.checkYes, .classCheck[ckbox=true] i.checkNo {
  display: none
}

.courseSign_doubt {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60%;
  padding: 1rem;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.8rem;
  z-index: 10;
  transform: translate(-50%, -50%);
  background: rgba(60, 60, 60, .8);
  border-radius: .3rem;
  -webkit-border-radius: .3rem;
  display: none
}

.bg_classChoose {
  padding-top: 9.2rem;
  background-color: #f5f5f9
}

.bb0 {
  border-bottom: 0 !important
}

.courseChoice_list > li > em {
  width: 2.2rem;
  height: 2.3rem;
  background: url(../images/icon_check.png) no-repeat 0 -31px;
  background-size: 100%;
  display: block
}

.courseChoice_list > li.ckYes > em {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.addClass_list > li > textarea {
  display: block;
  font-size: 1.2rem;
  width: 94%;
  border-radius: .4rem;
  background: #f5f5f5;
  margin-bottom: .8rem;
  margin-top: 1.4rem;
  padding: 2% 3%;
  resize: none;
  outline: 0
}

.numLimit {
  display: none
}

.timeLimit {
  display: none
}

.addClass_list > li:last-child {
  border-bottom: none
}

.signUpStudent_progress > li {
  width: 50%
}

.signUpStudent_progress > li > label {
  text-align: center
}

.signUpStudent_progress > li > em > i, .signUpStudent_progress > li > span > i {
  background: #f47a87
}

.addClass_btns {
  background: #f5f5f9
}

.addClass_btns > input[type=button] {
  margin-top: 2.8rem;
  background: #f47a87;
  box-shadow: none
}

.item-wrap {
  overflow: hidden
}

.item-wrap > li {
  width: 136.67%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-transition: all .3s linear
}

.mealCourse_wrap > li > div {
  padding: 1.5rem 3.2%
}

.delect_btn {
  width: 26.67%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 889;
  font-size: 1.6rem;
  color: #fff;
  background: #f47a87;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
  padding-top: 9%
}

.mealCourse_wrap > li > .delect_btn {
  padding-top: 4%;
  width: 20%
}

.addClass_list > li > .txt_num {
  position: absolute;
  bottom: 15%;
  right: 5%;
  font-size: 1.3rem;
  color: #999
}

.selected {
  -webkit-transform: translate(-29.87%);
  -webkit-transition: all .3s linear
}

.classHome_headMeal {
  height: auto;
  border-bottom: 0
}

.classHome_headMeal > .classHome_noBack {
  padding-top: 1.5rem;
  padding-bottom: 2rem
}

.bg_setMealList {
  padding-top: 11.2rem;
  background-color: #f5f5f9
}

.msg_top {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, .3);
  box-sizing: border-box;
  left: 0;
  top: 0;
  z-index: 111;
  display: none
}

.msg_content {
  width: 84%;
  border-radius: 5px;
  text-align: center;
  background: #fff;
  position: fixed;
  left: 8%;
  top: 30%;
  overflow: hidden
}

.msg_content > p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #656565;
  padding: 8%
}

.msg_btn {
  display: block;
  font-size: 1.6rem;
  width: 100%;
  border-top: 1px solid #ddd;
  color: #656565;
  padding: 1.2rem 0
}

.coursePlan_timeCheckl {
  text-align: left
}

.addClass_listPlan {
  margin-bottom: 2.8rem
}

.bg_classHomePlan {
  padding-bottom: 4rem
}

.classHome_tab > li {
  display: inline-block;
  width: 20%;
  font-size: 1.2rem;
  color: #666;
  text-align: center
}

.classHome_tab > li > span {
  max-width: auto
}

.classHome_wrap > li {
  padding: 1.2rem 3.2%
}

.classHome_wrap > li > .delect_btn {
  padding-top: 11%
}

.addClass_list > li > em {
  font-size: 1.4rem;
  color: #999
}

.addClass_mainHyn {
  padding-bottom: 5%
}

.addStudent_btnHyn {
  margin-top: 8%;
  padding: 0
}

.localImag {
  position: relative;
  width: 66%;
  display: inline-block;
  vertical-align: middle
}

.localImag > img {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2%
}

.file_btn {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0
}

.file_btn > input {
  display: block;
  padding-top: 30%
}

.studentIfor_hyn {
  padding: 1rem 5%
}

.classHome_type > li.current > label {
  color: #f47a87;
  border-bottom: 2px solid #f47a87
}

.mealCourse_wrap > li {
  padding: 0
}

.mealCourse_wrap > li.selected {
  -webkit-transform: translate(-26.67%);
  -webkit-transition: all .3s linear
}

.classHome_wrap > li > .classHome_detail {
  position: relative;
  width: 61%;
}

.classHome_wrap > li > .classHome_detail > h2 > span {
  position: absolute;
  top: 1.5%;
  right: -5%
}

.classHome_wrap > li > .classHome_detail > h2 > span.classOver_yyx {
  background: #ccc;
  border: 1px solid #ccc;
  color: #666
}

.classBasicInfo_list_yyx {
  margin-bottom: 6rem
}

.hide {
  display: none !important
}

.fixed_btn_yyx {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: .8rem 0
}

.addClass_list > li.stuPhone_yyx {
  position: relative
}

.addClass_list > li.stuPhone_yyx > input {
  padding-right: 10%;
  box-sizing: border-box
}

.addClass_list > li.stuPhone_yyx > em {
  position: absolute;
  top: 34%;
  right: 4%;
  color: #ee7785;
  font-size: 2rem
}

.studentIfor_hyn {
  padding: 1rem 0;
  background: #fff;
  margin-bottom: 3%
}

.studentIfor_hyn_head {
  padding: 0 5%
}

.studentIfor_hyn_head > span {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 2%
}

.studentIfor_hyn_head > p {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  font-size: 2rem;
  color: #333
}

.studentIfor_hyn_head > a {
  display: inline-block;
  height: 1.9rem;
  line-height: 1.9rem;
  border-radius: 1rem;
  text-align: center;
  font-size: 1.2rem;
  color: #ee7785;
  border: 1px solid #ee7785;
  width: 14%;
  margin-top: 7%
}

.studentIfor_hyn_head > p > em {
  display: block;
  color: #777;
  font-size: 1.2rem;
  margin-top: 2%
}

.studentIfor_hyn_head > p > i {
  font-size: 2.2rem;
  color: #eedab9;
  margin: 0 2%;
  font-weight: 700
}

.studentIfor_hyn_head > p > cite {
  font-size: 1.8rem;
  color: #0cce15
}

/*学员信息页*/
.studentIfor_hynHead_title {
  font-size: 0;
  margin-top: 6%
}

.studentIfor_hynHead_title > li {
  display: inline-block;
  width: 25%;
  text-align: center
}

.studentIfor_hynHead_title > li > a {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  color: #333;
  padding-bottom: 1rem
}

.studentIfor_hynHead_title > li > a > em {
  display: block;
  width: 2.3rem;
  margin: 0 auto;
  margin-bottom: 2%
}

.studentIfor_hyn_main .studentIfor_tab > li {
  font-size: 1.4rem;
  border-bottom: 1px solid #E6E6E6
}

.studentIfor_hyn_main .classDetail_tabCont {
  padding-top: 0
}

.studentIfor_hyn_main .classDetail_tab {
  margin-bottom: 0
}

.studentIfor_hyn_main .addClass_list {
  padding: 0 5.2%
}

.studentIfor_hyn_main .addClass_list > li {
  padding: 1.4rem 5.2% 1.4rem 0
}

.chongzhi_btn {
  display: inline-block;
  font-size: 1.2rem;
  color: #ee7785;
  border: 1px solid #ee7785;
  border-radius: 2rem;
  width: 22%;
  text-align: center
}

.phoneIcon {
  display: inline-block;
  vertical-align: middle;
  color: #ee7785 !important;
  font-size: 2rem !important;
  margin-left: 2% !important
}

.studentIfor_stu > li {
  margin-top: 3%
}

.studentIfor_stu > li > label {
  line-height: 2.2rem;
  display: block;
  width: 75%;
}

.studentIfor_stu > li > label > em {
  color: #ed1111
}

.mealDetail_main {
  padding-bottom: 6rem
}

.mealDetail_btn {
  position: fixed;
  width: 100%;
  bottom: 1rem;
  left: 0
}

.mealDetail_btn > li {
  width: 30%;
  border-radius: .4rem;
  height: 4.7rem;
  line-height: 4.7rem;
  text-align: center;
  background: #f47a87;
  font-size: 1.5rem;
  color: #fff;
  float: left;
  margin-left: 2.5%
}

.studentIfor_stu > li > span.green {
  color: #5dc900
}

.tab_content {
  display: none
}

.studentIfor_stu > li > p > label {
  font-size: 1.8rem;
  margin-right: 2%;
  font-weight: 400
}

.mealDetail_class .studentIfor_stu > li > p {
  font-weight: 400
}

.studentIfor_stu > li > p > em.loseBtn {
  background: #f47a87;
  border: 1px solid #f47a87;
  color: #fff
}

.classDetail_tab > li.current {
  color: #ee7785
}

.recharge_way > h2 > p {
  border-top: none
}

.signUpPay_list > li > i.weishang {
  color: #f47a87
}

.signUpPay_list > li > i.dzdp {
  color: #f06000
}

.signUpPay_list > li > i.other {
  color: #8de7ff
}

.recharge_way .signUpPay_list > li.current > em {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%
}

.recharge_Btn {
  box-shadow: none;
  margin-top: 5%
}

.signUp_detail {
  padding-right: 0
}

.signUp_container {
  width: 100%;
  overflow: hidden
}

.signUpPay_banner > p.checkbox > em.checkYes {
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem
}

.signUpPay_banner > p.checkbox > em {
  background: url(../images/icon_checkNo.png) no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem
}

.classHome_head > em.iconfont3 {
  color: #333
}

.classDetailinfo_yyx {
  padding: 2.3rem 4% 1rem 6.2%;
  background: #fff;
  box-shadow: 0 0 20px #dfdfe3;
  -webkit-box-shadow: 0 0 20px #dfdfe3
}

.classDetailinfo_yyx > h2 {
  font-size: 1.5rem;
  color: #000
}

.classDetailinfo_yyx > h2 > span {
  float: right;
  color: #ee7785;
  width: 13.7%;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: 1.2rem;
  border: 1px solid #ee7785;
  border-radius: 1rem
}

.classDetailinfo_yyx > ul {
  padding-top: 1.2rem;
  color: #1a1a1a;
  font-size: 1.3rem
}

.classDetailinfo_yyx > ul > li {
  height: 2.5rem;
  line-height: 2.5rem
}

.classDetailinfo_yyx > ul > li > span {
  float: right
}

.machingCourse_yyx > ul > li {
  margin-bottom: 1rem
}

.courseList_list > li.green > i {
  color: #5dc900
}

.machingCourse_yyx {
  margin-top: 1rem
}

.classDetail_tab_yyx {
  background: #fff;
  font-size: 0;
  padding: 0 1.6%;
  margin-top: 1rem
}

.classDetail_tab_yyx > li {
  display: inline-block;
  vertical-align: middle;
  width: 38%;
  text-align: center;
  border-bottom: 1px solid #e6e6e6
}

.classDetail_tab_yyx > li:first-child {
  width: 24%
}

.classDetail_tab_yyx > li > span {
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
  text-align: center;
  display: inline-block;
  position: relative
}

.classDetail_tab_yyx > li.active > span {
  color: #ee7785
}

.classDetail_tab_yyx > li > span:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  border-bottom: none
}

.classDetail_tab_yyx > li.active > span:before {
  content: '';
  border-bottom: 3px solid #ee7785
}

.show {
  display: block !important
}

.classDeatil_studentlist_yyx > li > div {
  width: 60%
}

.classDeatil_subtab_yyx {
  background: #fff;
  line-height: 4.9rem;
  font-size: 0
}

.classDeatil_subtab_yyx > li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 20%;
  font-size: 1.4rem;
  color: #222
}

.classDeatil_subtab_yyx > li:first-child {
  width: 23%
}

/*.classDeatil_subtab_yyx > li:last-child {
  width: 17%
}*/

.classDeatil_subtab_yyx > li:last-child > a > img {
  display: inline-block;
  width: 1.8rem
}

.classDeatil_subtab_yyx > li.on {
  color: #ee7785
}

.classDeatil_studentlist_yyx {
  margin-top: .9rem
}

.classDeatil_studentlist_yyx > li {
  font-size: 0;
  padding: 1rem 0 1rem 2.67%;
  background: #fff;
  margin-top: .5rem
}

.classDeatil_studentlist_yyx > li.off {
  background: #e8e7e7
}

.classDeatil_studentlist_yyx > li.selected {
  -webkit-transform: translate(-26.67%);
  -webkit-transition: all .3s linear
}

.classDeatil_studentlist_yyx > li > .delect_btn {
  padding-top: 5%;
  width: 20%
}

.classDeatil_studentlist_yyx > li > label {
  display: inline-block;
  vertical-align: middle;
  width: 26%;
  margin-right: 2.4%
}

.classDeatil_studentlist_yyx > li > div, .classDeatil_studentlist_yyx > li > div > h2 > em, .classDeatil_studentlist_yyx > li > div > h2 > span {
  display: inline-block;
  vertical-align: middle
}

.classDeatil_studentlist_yyx > li > div > h2 > span {
  font-size: 1.6rem;
  color: #222
}

.classDeatil_studentlist_yyx > li > div > h2 > em {
  font-size: 1rem;
  color: #888;
  padding: .05rem .4rem;
  text-align: center;
  background: #ccc;
  border: 1px solid #f1e4c5;
  margin-left: 4%
}

.classDeatil_studentlist_yyx > li > div > p {
  padding-top: 1rem;
  font-size: 1.3rem;
  color: #888;
  white-space: nowrap;
}

.time_content_yyx {
  padding: 0 2%;
  font-size: 1.3rem;
  color: #999;
  box-sizing: border-box
}

.time_content_yyx > ul > li {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  padding: 1rem 0
}

.time_content_yyx > ul > li > label, .time_content_yyx > ul > li > p {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem
}

.time_content_yyx > ul > li > label {
  width: 20%;
  color: #000
}

.time_content_yyx > ul > li > p {
  width: 80%
}

.time_content_yyx > ul > li > p > input {
  display: inline-block;
  width: 90%;
  padding: 0 2%;
  font-size: 1.4rem;
  color: #999;
  text-align: right;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.time_content_yyx > ul > li > p > i {
  display: inline-block;
  vertical-align: middle
}

.msg_content > h2 {
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
  color: #000
}

.btn_contain {
  padding: 1rem 0;
  text-align: center;
  font-size: 0
}

.btn_contain > .btn_cancle, .btn_contain > .btn_sure {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;
  color: #999;
  width: 25%;
  padding: .5rem 0;
  border-radius: .2rem
}

.btn_contain > .btn_cancle {
  border: 1px solid #ddd;
  margin-right: 16%
}

.btn_contain > .btn_sure {
  border: 1px solid #f47a87;
  color: #fff;
  background: #f47a87
}

.delect_btn {
  padding: 0 !important
}

.classDetail_wrap_yyx > li {
  position: relative;
  margin-top: 1rem
}

.classDetail_wrap_yyx > li > .classHome_detail > h2 > span {
  position: absolute;
  top: 4.5%;
  right: 0
}

.classDetail_wrap_yyx > li > .classHome_detail > h2 > span.classOver_yyx {
  background: #ccc;
  border: 1px solid #ccc;
  color: #666
}

.classDetail_wrap_yyx > li > .classHome_detail > h2 > label {
  font-size: 1.5rem;
  margin-right: 2%;
  font-weight: 400;
  vertical-align: middle;
}

.classDetail_wrap_yyx > li > .classHome_detail > p {
  margin-bottom: 0;
  line-height: 2.2rem
}

.classDetail_wrap_yyx > li > .classHome_detail > h2 {
  margin-bottom: .6rem
}

.classDetail_wrap_yyx > li > .release {
  position: absolute;
  right: 3.2%;
  top: 45%;
  font-size: 3rem;
  color: #f47a87
}

.classDetail_wrap_yyx > li > .courseList_oper {
  position: absolute;
  top: 38%;
  right: 14%;
  font-size: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 0;
  border-radius: .6rem;
  -webkit-border-radius: .6rem
}

.classDetail_wrap_yyx > li > .courseList_oper > li {
  padding: .3rem 1.9rem
}

.classDetail_wrap_yyx > li > .courseList_oper > li > i {
  font-size: 2.4rem;
  margin-bottom: 0
}

.addClass_list > li > a > input.color4, .addClass_list > li > p > input.color4 {
  color: #444
}

.lessonList > li:first-child {
  margin-top: 0
}

.chooseTeach_chsemin_yyx > ul {
  height: 9rem
}

.chooseTeach_chsemin_yyx > ul > li {
  width: 17.5%
}

.chooseTeach_chsemin_yyx > ul > li > h2 {
  text-align: center
}


.layui-m-layerbtn {
  display: flex;
}

.layui-m-layerbtn span {
  display: inline-block;
  cursor: pointer;
  background: #f47a87;
  color: #ffffff!important;
  flex: .2;
  margin: 0 auto;
  height: 3.1rem;
  line-height: 3.1rem;
  border-radius: 2rem;
}

/*学员列表样式*/
.studentList_head_yyx {
  top: 4.3rem;
  border-bottom: none
}

.studentList_head_yyx > div {
  width: 87.47%;
  padding: .75rem 0;
  margin: 0 auto
}

.studentList_head_yyx > div > p {
  width: 100%
}

.studentList_main_yyx {
  margin-top: .6rem
}

.studentList_main_yyx > ul > li > div > i {
  font-size: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2%;
  color: #fff;
  background: #0299f1;
  text-align: center;
  border-radius: 50%;
}

.studentList_main_yyx > ul > li {
  position: relative
}

.studentList_main_yyx > ul > li > i {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_checkNo.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 4.5%
}

.studentList_main_yyx > ul > li.checkYes > i {
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-top: 4.5%
}

.studentList_main_yyx > ul > li > div > strong {
  display: inline-block;
  vertical-align: middle
}

.studentList_main_yyx > ul > li > div > em {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2%;
  color: #fff;
  background: #f47a87;
  font-size: 1.2rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%
}

.studentListLesson_tab_yyx {
  padding: 1.4rem 0;
  text-align: center;
  font-size: 0
}

.studentListLesson_tab_yyx > a {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  background: #fff;
  border-radius: .4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  font-size: 1.5rem;
  color: #444
}

.studentListLesson_tab_yyx > a:first-child {
  margin-right: 3%
}

.studentListLesson_tab_yyx > a > span {
  display: inline-block;
  vertical-align: middle
}

.studentListLesson_tab_yyx > a > i {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.4rem;
  color: #f47a87;
  font-weight: 700;
  padding-right: 4%
}

.studentLesson_list > li {
  box-sizing: border-box;
  font-size: 0;
  background: #fff;
  margin-bottom: .6rem;
  padding: 1.2rem 4%
}

.studentLesson_list > li > div > em {
  display: inline-block;
  vertical-align: middle;
  width: 30.4%;
  margin-right: 8%
}

.studentLesson_list > li > div > div {
  display: inline-block;
  vertical-align: middle;
  width: 50%
}

.studentLesson_list > li > div > div > strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  color: #222
}

.studentLesson_list > li > div > div > p {
  font-size: 1.3rem;
  color: #888;
  margin-top: 1rem
}

.iconYi {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2%;
  color: #fff;
  background: #f47a87;
  font-size: 1.2rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%
}

.studentLesson_list > li > div > p {
  position: absolute;
  top: 23%;
  right: 30%;
  width: 30%;
  text-align: right
}

.studentLesson_list > li > div > p > span {
  padding: .2rem .5rem;
  font-size: .9rem;
  color: #c18f41;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5
}

.studentLesson_list > li > div > p > span.absence {
  color: #fff;
  background: #f47a87;
  border: 1px solid #f47a87
}

.studentLesson_list > li > div > p > span.leave {
  color: #666;
  background: #ccc;
  border: 1px solid #ccc
}

.studentListLesson_main_yyx .delect_btn {
  width: 18.67%
}

.studentListLesson_main_yyx .delect_btn_disable {
  background: #ccc
}

.studentListLesson_main_yyx .selected {
  -webkit-transform: translate(-25.87%)
}

.bg_studentSignin {
  padding-top: 10%;
  background: #f5f5f9
}

.studentSignin_yyx {
  position: absolute;
  width: 96%;
  bottom: 13%;
  left: 3.2%
}

.studentSignin_yyx > label {
  font-size: 0
}

.studentSignin_yyx > label > em, .studentSignin_yyx > label > i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #444
}

.studentSignin_yyx > label > em {
  margin-left: 4%;
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/icon_checkNo.png) no-repeat;
  background-size: 100%
}

.studentSignin_yyx > label.checkYes > em {
  background: url(../images/icon_checkYes.png) no-repeat;
  background-size: 100%
}

.studentSignin_yyx > label:nth-child(2) {
  padding: 0 21%
}

.studentList_signin_yyx > li {
  padding: 1.2rem 3.2% 4rem 3.2%
}

.coursePlan_list02 > ul > li {
  position: relative
}

.coursePlan_list02 > ul > li > label {
  position: absolute;
  left: 0
}

.classDeatil_studentlist_yyx > li > div > h2 > i {
  display: inline-block;
  font-size: 1.5rem;
  color: #0cce15;
  vertical-align: middle;
  margin-left: .3rem
}

.classHome_list > li {
  position: relative
}

.classHome_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 4.5rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: none
}

.classHome_list > li > em.ckNo {
  display: block
}

.classHome_list > li.current > em.ckNo {
  display: none
}

.classHome_list > li.current > em.ckYes {
  display: block
}

.classHome_detail > p > label {
  display: inline-block;
  width: 35%
}

.refundOrder_btn {
  width: 100%;
  padding: .9rem 0;
  background-color: #fff;
  display: flex;
  justify-content: space-around
}

.refundOrder_btn > input {
  width: 45%;
  height: 3.8rem;
  font-size: 1.4rem;
  text-align: center;
  line-height: 3.8rem;
  color: #f47a87;
  border: 1px solid #f47a87;
  border-radius: .3rem;
  -webkit-border-radius: .3rem
}

.refundOrder_btn > input:last-child {
  background: #f47a87;
  color: #fff
}

.coursePlan_date > input.coursePlan_out {
  text-align: right
}

.bg_chooseTeach {
  padding-bottom: 7rem
}

.chooseTeach_list > li > em {
  font-size: 2.4rem;
  color: #ddd;
  display: none
}

.chooseTeach_list > li > em.ckYes {
  color: #f47a87
}

.chooseTeach_list > li.current > em.ckYes, .chooseTeach_list > li > em.ckNo {
  display: block
}

.chooseTeach_list > li.current > em.ckNo {
  display: none
}

.addClass_list > li.clearCourse > input, .addClass_list > li.clearCourse > label {
  width: 50%
}

.addClass_list > li.clearCourse .doubtCont {
  left: 48%
}

.fixedBtn {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -46%
}

.bg_coursList {
  padding-bottom: 5rem
}

.signUp_oper > a.disable {
  background-color: #efefef;
  color: #9e9e9e
}

.msg_btnCont {
  width: 100%;
  font-size: 0;
  border-top: 1px solid #ddd
}

.msg_btnCont > input {
  display: inline-block;
  width: 50%;
  height: 4rem;
  font-size: 1.5rem;
  color: #656565;
  text-align: center;
  line-height: 4rem;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.msg_btnCont > input:last-child {
  border-right: none
}

.course_list_del_ico {
  position: absolute;
  top: 10px;
  width: 15px;
  right: 7px;
}

.courseList_search_result {
  background: #ffffff;
  width: 100%;
  height: 100%;
}

.courseList_search_result li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  width: 100%;
  height: 20px;
  font-size: 16px;
  padding-left: 15px;
  line-height: 20px;
}

.setMealTotal {
  font-size: 1.9rem;
  color: #222;
  font-weight: 500
}

.studentList_chse {
  margin-bottom: 3%;
  background-color: #fff
}

.studentList_main_rqq {
  margin-top: 0;
}

.studentList_head_rqq {
  border-bottom: 1px solid #ddd;
}

.line-limit-length_select {
  width: 5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-limit-length {
  max-width: 22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-limit-length-2 {
  max-width: 22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-limit-length-2-2 {
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-limit-length-2-3 {
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-limit-length-3 {
  width: 25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.endFooter {
  position: absolute;
  margin-bottom: 70px;
  height: 40px;
  text-align: center;
  width: 100%;
  font-size: 19px;
}

.endFooter button {
  width: 100%;
  height: 100%;
  font-size: 15px;
}

/*task list 样式*/
.taskList > li:first-child {
  margin-top: 0
}

.taskList_list > li {
  padding: 1.2rem 3.2%;
  margin-bottom: .6rem;
  background-color: #fff
}

.taskList_list > li.disable {
  background-color: #e8e7e7
}

.taskList_list > li {
  position: relative
}

.taskList_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 4.5rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: none
}

.taskList_list > li > em.ckNo {
  display: block
}

.taskList_list > li.current > em.ckNo {
  display: none
}

.taskList_list > li.current > em.ckYes {
  display: block
}

.taskList_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 4.5rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: block
}

.taskList_list > li > em.ckNo {
  display: block
}

.classDetail_wrap_yyx > li > .release {
  position: absolute;
  right: 3.2%;
  top: 45%;
  font-size: 3rem;
  color: #f47a87
}

.taskHome_detail .limitTitle {
  color: black
}

.taskHome_detail .itemTitle {
  display: inline-block;
  margin-right: 2rem
}

/*task list 样式*/
.taskList > li:first-child {
  margin-top: 0
}

.taskList_list > li {
  padding: 1.2rem 3.2%;
  margin-bottom: .6rem;
  background-color: #fff
}

.taskList_list > li.disable {
  background-color: #e8e7e7
}

.taskList_list > li {
  position: relative
}

.taskList_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 4.5rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: none
}

.taskList_list > li > em.ckNo {
  display: block
}

.taskList_list > li.current > em.ckNo {
  display: none
}

.taskList_list > li.current > em.ckYes {
  display: block
}

.taskList_list > li > em {
  position: absolute;
  right: 3.2%;
  top: 4.5rem;
  font-size: 2.4rem;
  color: #f47a87;
  display: block
}

.taskList_list > li > em.ckNo {
  display: block
}

.classDetail_wrap_yyx > li > .release {
  position: absolute;
  right: 3.2%;
  top: 45%;
  font-size: 3rem;
  color: #f47a87
}

.taskHome_detail .limitTitle {
  color: black
}

.taskHome_detail .itemTitle {
  display: inline-block;
  margin-right: 2rem
}

/*add_task_receiver*/
#receiver span {
  color: #F28591;
  font-size: 1.2rem;
  display: block;
}

#add_task_receiver {
  display: flex;
  flex-wrap: wrap;
}

#add_task_receiver span {
  padding: .1rem;
  color: #F28591;
  border: 1px solid #ED7D93;
  border-radius: 5px;
  margin-right: .5rem;
  margin-bottom: .5rem;
}

/*setTaskStudentList*/
#setTaskStudentList .setTaskStudentTaskItem {
  padding: 1.5rem
}

#setTaskStudentList .setTaskStudentTaskItem .titleItem button {
  float: right;
  display: inline-block;
  width: 6rem;
  padding: 0.2rem;
  font-size: 1.5rem;
  border: 1px solid #F5838F;
  color: #F5838F;
  border-radius: 9rem;
}

#setTaskStudentList .setTaskStudentTaskItem p {
  font-size: 1.3rem;
  line-height: 2rem;
}

#taskDetails .itemTitle {
  margin-right: 1rem;
}

#taskDescription {
  display: block;
  font-size: 1.2rem;
  margin-left: 0.8rem;
  width: 94%;
  background: #f5f5f5;
  margin-top: 0;
  margin-bottom: .8rem;
  height: 20rem;
  padding: 2%;
  resize: none;
  outline: 0;
}

#chose_pic_btn {
  width: 21%;
  height: 80px;
  position: relative;
  display: inline-block;
  background-image: url(../images/task/add.png);
  box-sizing: border-box;
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px dashed #dbdbdb;
  border-radius: .4rem;
  margin-left: 3.3333%;
  margin-bottom: 12px;
}

#chose_pic_btn input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.chose_pic {
  overflow: hidden;
  width: 21%;
  height: 80px;
  position: relative;
  box-sizing: border-box;
  /* background-size: 30px 30px; */
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px dashed #A4A4A4;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  margin-left: 3.3333%;
  margin-bottom: 12px;
  align-items: center;
}

#formTask {
  display: flex;
  flex-wrap: wrap;
}

.chose_pic .pic {
  /*height: 100%;*/
  width: 90%;
}

.chose_pic .btn {
  /*position: absolute;*/
  /*top: 0px;*/
  /*right: 0px;*/
  /*width: 32%;*/

  position: absolute;
  top: 0;
  right: 0;
  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;
  background-image: url(../images/task/task_close.png);
  box-sizing: border-box;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.chose_pic .chose_icon {
  position: absolute;
  width: 60%;
}

/*选择学员列表*/
.chooseStudent_head {
  padding: 0.5rem 4.2% 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  background: #F6F5FA;
}

.chooseStudent_head_time {
  font-size: 1rem;
  color: #DEDEDF;
}

.chooseStudent_list {
  /*padding:1.1rem 0 1.1rem 3.2%;*/
  background: #fff;
  margin-top: 1.1rem
}

.chooseStudent_list h3 {
  font-size: 1.25rem;
}

.chooseStudent_list > li {
  padding: 0.5rem 4.2% 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  border-bottom: 1rem solid #F5F4F9;
}

.chooseStudent_list > li > div > p {
  width: 10%;
  margin-top: .5rem;
  color: #B1B1B1;
}

.chooseStudent_list > li > p > em {
  float: left;
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/icon_check.png) no-repeat 0 -31px;
  background-size: 100%
}

.chooseStudent_list span {
  display: inline-block;
  padding: 0 .5rem;
  height: 1.4rem;
  font-size: .9rem;
  color: #c18f41;
  line-height: 1.4rem;
  margin-left: .8rem;
  background-color: #fcf5e3;
  border: 1px solid #f1e4c5;
  vertical-align: middle;
  width: 3rem;
}

.chooseStudent_list .gray {
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  color: #F7F7F7;
}

.chooseStudent_list .orange {
  background-color: #F9F6E3;
  border: 1px solid #F1EED2;
  color: #D7AF77;
}

.chooseStudent_list > li > div > label {
  margin-left: 2rem
}

.chooseStudent_list > li > p.checkbox > em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.chooseStudent_list > li em {
  font-size: 2.4rem;
  color: #ddd;
  display: none
}

.chooseStudent_list > li em.ckYes {
  color: #f47a87
}

.chooseStudent_list > li.current em.ckYes, .chooseStudent_list > li em.ckNo {
  display: block
}

.chooseStudent_list > li.current em.ckNo {
  display: none
}

.chooseStudent_chse {
  text-align: right;
  /*margin-top: 1rem;*/
  padding: 1rem 0;
  background: #FFFFFF;
}

.chooseStudent_chse p {
  margin-right: 1.4rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;

}

.chooseStudent_chse p label {
  margin-right: 1rem;
  font-size: 1.25rem;
}

.chooseStudent_chse em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.chooseStudent_chse em {
  font-size: 2.4rem;
  color: #ddd;
  display: block;
}

.chooseStudent_chse em.ckYes {
  color: #f47a87;
  display: none;
}

.chooseStudent_chse .current em.ckYes, .chooseStudent_list em.ckNo {
  display: block
}

.chooseStudent_chse .current em.ckNo {
  display: none
}

/*addTaskComment*/
.addTaskComment_head {
  padding: 0.5rem 4.2% 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  margin-bottom: 2rem;
  /*background: #F6F5FA;*/
}

.addTaskComment_head_time {
  font-size: 1rem;
  color: #DEDEDF;
}

.addTaskComment_student_box {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #fff;
}

.addTaskComment_student_box div {
  margin-left: 1rem;
}

.addTaskComment_student_box h2 {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.addTaskComment_student_box p {
  color: #B6B6B6;
}

.addTaskComment_student_box label {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
}

.addTaskComment_comment_box {
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #fff;
  font-size: 1.25rem;
}

.addTaskComment_img_box {
  background: #ffffff;
}

.addTaskComment_img_box div {
  /*height: 26rem*/
}

.addTaskComment_img_box img {
  /*height: 100%;*/
  width: 100%;
}

.addTaskComment_voices_box {
  background: #ffffff;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.addTaskComment_voices_box div {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 1rem;
}

.addTaskComment_voices_box audio {
  margin: auto;

}

.addTaskComment_voices_box .audio_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  width: 14rem;
  height: 3rem;
  background: #F47A87;
}

.addTaskComment_voices_box .audio_icon {
  width: 20px;
  height: 33px;
  display: inline-block;
  box-sizing: border-box;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 1rem;

}

.addTaskComment_voices_box .icon-play {
  background-image: url(../images/task/small_horn.png);
}

.addTaskComment_voices_box .icon-pause {
  background-image: url(../images/task/small_horn_pause.png);
}

.addTaskComment_voices_box .audio_time {
  margin-right: 1rem;
  color: #fff;
  font-size: 1.2rem;
}

.addTaskComment_list {
  margin-bottom: 1rem;
  /*margin-top: 1rem;*/
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.addTaskComment_list label {
  display: block;
  width: 3rem;
  color: #646464;
}

.addTaskComment_list > li {
  position: relative;
  display: flex;
  padding: 1.4rem 3.2% 1.4rem 1rem;;
  font-size: 1.25rem;
  color: #999;
  /*border-bottom: 1px solid #ddd*/
}

.addTaskComment_list .addTaskComment_list_comment {
  justify-content: flex-start;
  display: flex;
  align-items: center;

}

.addTaskComment_list .addTaskComment_list_comment input {
  border: 2px solid #ddd;
  padding: 0.3rem;
  width: 7rem;
  border-radius: 5px;
  margin-right: .5rem;
}

.addTaskComment_list .addTaskComment_list_push {
  justify-content: flex-start;
  display: flex;
  align-items: center;
}

.addTaskComment_list .addTaskComment_list_push em.checkYes {
  background: url(../images/icon_check.png) no-repeat 0 0;
  background-size: 100%
}

.addTaskComment_list .addTaskComment_list_push em {
  font-size: 2.4rem;
  color: #ddd;
  display: block;
}

.addTaskComment_list .addTaskComment_list_push em.ckYes {
  color: #f47a87;
  display: none;
}

.addTaskComment_list .addTaskComment_list_push .current em.ckYes, .chooseStudent_list em.ckNo {
  display: block
}

.addTaskComment_list .addTaskComment_list_push .current em.ckNo {
  display: none
}

.addTaskComment_list .addTaskComment_list_push i.iconfont {
  /*color: #D9D9DB;*/
}

#taskCommentDescription {
  display: block;
  font-size: 1.2rem;
  width: 94%;
  border: 2px solid #D8D8DA;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: .8rem;
  height: 20rem;
  padding: 2%;
  resize: none;
  outline: 0;
}

.commentDescription {
  display: block;
  font-size: 1.2rem;
  width: 94%;
  border: 2px solid #D8D8DA;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: .8rem;
  height: 20rem;
  padding: 2%;
  resize: none;
  outline: 0;
}

#TaskCommentPicContent {
  width: 20%;
  height: 78px;
  position: relative;
  display: inline-block;
  border: 1px dashed #A4A4A4;
  border-radius: .4rem;
  margin-left: 3.3333%;
  margin-bottom: 12px;
}

#taskCommentForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

#addTaskCommentContent {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.add_task_comment_btn {
  display: flex;
  border: 1px dashed #F38995;
  align-items: center;
  width: 28%;
  height: 3.5rem;
  position: relative;
  border-radius: .4rem;
}

#taskCommentForm input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

#taskCommentForm .text {
  color: #F38995;
  font-size: 1.2rem;
}

#taskCommentForm .icon {
  width: 2rem;
  height: 2rem;
  margin-left: .5rem;
  margin-right: .8rem;
  display: inline-block;
  background-size: 100%;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
}

#taskCommentForm .icon_talk {
  background-image: url(../images/task/up_talk_btn.png);
}

#taskCommentForm .icon_img {
  background-image: url(../images/task/up_img_btn.png);
}

#taskCommentForm .icon_vid {
  background-image: url(../images/task/up_vid_btn.png);
}

.studentLesson_list > li > div > p > span {
  padding: .2rem .5rem;
  font-size: .9rem;
  color: #F9F9F9;
  margin-left: .8rem;
  background-color: #CCCCCC;
  border: 1px solid #C8C8C8
}

.studentLesson_list > li > div > p > span.absence {
  color: #B59453;
  background: #FCF5E3;
  border: 1px solid #EBE9D1
}

.lesson_item .lesson_item_state {
  background: #CCCCCC;
  border: 1px solid #C7C7C7;
  color: #F9F9F9;
}

/******录音样式*******/
#soundRecording {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 15;
}

#soundRecording .sound_recording_container {
  background: #FFFFFF;
  width: 100%;
  height: 17rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: fixed;
  bottom: 0;

}

#soundRecording .sound_recording_time {
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #F38A96;
  justify-content: center;
}

#soundRecording .time_box {
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #F38A96;
  justify-content: center;
}

#soundRecording .btn_box {
  height: 12rem;
  width: 25rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #F38A96;
  margin: auto;
  justify-content: center;
}

#soundRecording .close_btn {
  position: absolute;
  width: 4rem;
  height: 4rem;
  right: 0;
  background-image: url(../images/task/talk_close_btn.png);
  box-sizing: border-box;
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
}

#soundRecording .btn_box .text_btn {
  text-align: center;
  margin-top: .7rem;
  color: #000;
}

#soundRecording .btn_box button {
  display: block;
  width: 7rem;
  height: 7rem;
  margin: auto;
  box-sizing: border-box;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

#soundRecording .btn_box .start_box button {
  background-image: url(../images/task/talk_start_btn.png);
}

#soundRecording .btn_box .complete_box button {
  background-image: url(../images/task/talk_complete_btn.png);
}

#soundRecording .btn_box .play_box .button_play {
  background-image: url(../images/task/talk_play_btn.png);
}

#soundRecording .btn_box .play_box .button_pause {
  background-image: url(../images/task/talk_pause_btn.png);
}

#soundRecording .btn_box .play_box .button_reset {
  width: 3rem;
  height: 4rem;
  background-image: url(../images/task/talk_reset_btn.png);
}

#soundRecording .btn_box .play_box .button_submit {
  width: 3rem;
  height: 4rem;
  background-image: url(../images/task/talk_submit_btn.png);

}

#soundRecording .btn_box .play_box {
  width: 100%;
  display: flex;
  align-items: center;
}

#soundRecording .btn_box .small_text {
  font-size: 1rem;
  color: #A3A3A3;
  margin-top: 0;
}

/*所有的文字样式都可以换行*/
.line_feed {
  word-break: break-all;
  word-wrap: break-word
}

/*add by waf 2019-1-28 移除TOP栏*/
.bg_classHome03, .bg_setMealList, .bg_classSelect, .bg_classHome, .bg_classHome02 {
  padding-top: 0
}

.classHome_head02, .classHome_head {
  position: relative;
  top: 0;
}

.bg_studentSignin {
  padding: 0
}

.J_jurisdictionBtn.ctrlBtn {
  display: none;
}

/*弹框提示按钮样式*/
.layui-m-layerbtn {
  display: flex!important;
  border-top: none!important;
  background-color: #ffffff!important;
}

.layui-m-layerbtn span {
  display: inline-block;
  cursor: pointer;
  background: #f47a87 !important;
  color: #ffffff!important;
  flex: .2;
  margin: 0 auto;
  height: 3.1rem;
  line-height: 3.1rem;
  border-radius: 2rem!important;
}

.crTip1 {
  width:3rem;
  height:1.6rem;
  background:rgba(255,255,255,1);
  text-align: center;
  border:1px solid rgba(67,222,201,1);
  opacity:1;
  border-radius:1px;
  font-size:1rem;
  font-weight:400;
  line-height:1.6rem;
  color:rgba(67,222,201,1);
  box-sizing: border-box;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.crTip1:after {
  content:'班课'
}
.crTip3 {
  width:3rem;
  height:1.6rem;
  background:rgba(255,255,255,1);
  text-align: center;
  border:1px solid #FA6D6D;
  opacity:1;
  border-radius:1px;
  font-size:1rem;
  font-weight:400;
  line-height:1.6rem;
  color:#FA6D6D;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.crTip3:after {
  content:'1对1'
}
.crTipI {
  width:3rem;
  height:1.6rem;
  background:rgba(255,255,255,1);
  text-align: center;
  border:1px solid #3674BF;
  opacity:1;
  border-radius:1px;
  font-size:1rem;
  font-weight:400;
  line-height:1.6rem;
  color:#3674BF;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.crTipI:after {
  content:'套餐'
}

/*
头部*/
.icon_search{
  height: 1.6rem;
  width: 1.6rem;
}
.commonAddImg{
  height: 2.4rem;
  width: 2.4rem;
  margin-top: 0.4rem;
}
.courseAdd{
  float: left;
}
.classHome_search>p {
  text-align: left;
}