.m-banner1{
  width: 7.5rem;
  height: 3.17rem;
  background: url("/imgs/m/activity-okr/banner-bg1.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
}
.m-banner2{
  width: 7.5rem;
  height: 3.91rem;
  background: url("/imgs/m/activity-okr/banner-bg2.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.01rem;
  text-align: center;
}
.m-banner2 .title1{
  opacity: 1;
  font-size: 0.26rem;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  padding-top: 0.1rem;
}
.m-banner2 .title2{
  font-size: 0.26rem;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 0.4rem;
  margin-top: 1.24rem;
}
.m-banner2 .title2 span{
  font-size: 0.26rem;
  font-weight: 300;
}
.m-order1{
  width: 1.94rem;
  margin: 0 auto;
  margin-top: 0.6rem;
}

.m-study{
  width: 7.5rem;
  height: 9.21rem;
  background: url("/imgs/m/activity-okr/study-bg.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.01rem;
  text-align: center;
}
.m-study .titlepic{
  width: auto;
  height: 1.22rem;
  padding-top: 0.6rem;
  margin-left: -1.8rem;
}
.m-study .info1{
  font-size: 0.24rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  margin-left: 0.4rem;
}
.m-study .info2{
  font-size: 0.24rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 0.36rem;
  margin-left: 0.4rem;
}
.m-studypic1{
  width: 7.5rem;
  height: 1.06rem;
  background: url("/imgs/m/activity-okr/study-pic1.png") no-repeat center; 
  margin-top: 0.6rem;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.studyicon{
  width: 0.66rem;
  height: 0.72rem;
  margin-left: 0.4rem;
}
.m-studypic2{
  width: 7.5rem;
  height: 1.06rem;
  background: url("/imgs/m/activity-okr/study-pic2.png") no-repeat center; 
  margin-top: 0.2rem;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.m-studypic3{
  width: 7.5rem;
  height: 1.06rem;
  background: url("/imgs/m/activity-okr/study-pic3.png") no-repeat center; 
  margin-top: 0.2rem;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.m-studypic4{
  width: 7.5rem;
  height: 1.06rem;
  background: url("/imgs/m/activity-okr/study-pic4.png") no-repeat center; 
  margin-top: 0.2rem;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.m-studypic5{
  width: 7.5rem;
  height: 1.06rem;
  background: url("/imgs/m/activity-okr/study-pic5.png") no-repeat center; 
  margin-top: 0.2rem;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}

.m-teacher1{
  width: 7.5rem;
  height: 7.2rem;
  background: url("/imgs/m/activity-okr/teacher-bg1.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.01rem;
  text-align: left;
}
.m-teacher1 img{
  width: auto;
  height: 1.22rem;
  padding-left: 0.4rem;
  padding-top: 0.6rem;
}
.m-teacher2{
  width: 7.5rem;
  height: 4.9rem;
  background: url("/imgs/m/activity-okr/teacher-bg2.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: left;
}
.m-teacher2 .info1{
  opacity: 0.86;
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 0.5rem;
  padding-top: 0.2rem;
  margin-left: 0.6rem;
}
.m-teacher2 .info2{
  opacity: 0.86;
  font-size: 0.24rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 0.5rem;
  margin-top: 0.1rem ;
  margin-left: 0.6rem;
}
/* 老师结束了 */

.m-programme1{
  width: 7.5rem;
  height: 6.66rem;
  background: url("/imgs/m/activity-okr/programme-bg1.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: left;
}
.m-programme1 img{
  width: auto;
  height: 1.22rem;
  padding-left: 0.4rem;
  padding-top: 0.6rem;
}
.m-programme2{
  width: 7.5rem;
  height: 4.9rem;
  background: url("/imgs/m/activity-okr/programme-bg2.png") no-repeat center; 
  background-size: cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: center;
}
.m-programme1 .info1{
  opacity: 1;
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  padding-top: 1.36rem;
  margin-left: 0.7rem;
}
.m-programme1 .info1-2{
  opacity: 1;
  font-size: 0.24;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
}
.m-programme1 .info2{
  opacity: 1;
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-top: 0.58rem;
  margin-left: 0.7rem;
}
.m-programme2 .info1{
  opacity: 1;
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  padding-top: 1.24rem;
  margin-left: 0.7rem;
}
.m-programme2 .info1-2{
  opacity: 1;
  font-size: 0.24;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
}
.m-programme2 .info2{
  opacity: 1;
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-top: 0.58rem;
  margin-left: 0.7rem;
}
/* 课程结束了 */

.m-sign1{
  width: 7.5rem;
  height: 6.3rem;
  background: url("/imgs/m/activity-okr/sign-bg1.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: left;
}
.m-sign1 .titlepic{
  width: auto;
  height: 1.22rem;
  padding-left: 0.4rem;
  padding-top: 0.6rem;
}
.m-sign-info1{
  width: auto;
  height: auto;
  display: flex;
  margin: 0 auto;
  justify-content: left;
  align-items: center;
  padding-top: 0.2rem;
  margin-left: 0.4rem;
}
.redicon{
  width: 0.16rem;
  height: 0.16rem;
}
.m-sign1 .title1{
  font-size: 0.26rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 44px;
  margin-left: 0.1rem;
}
.m-sign1 .title2{
  font-size: 0.26rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  margin-left: 0.4rem;
  margin-top: -0.14rem;
}
.m-sign-info2{
  width: auto;
  height: auto;
  display: flex;
  margin: 0 auto;
  justify-content: left;
  align-items: center;
  margin-top: 0.6rem;
  margin-left: 0.4rem;
}
.m-sign2{
  width: 7.5rem;
  height: 5.4rem;
  background: url("/imgs/m/activity-okr/sign-bg2.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: center;
}
.m-sign2 .title1{
  font-size: 0.26rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  line-height: 0.44rem;
  margin-left: 0.1rem;
  margin-top: 0.1rem;
}
.m-sign2 .title3{
  font-size: 0.24rem;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 0.40rem;
  margin-left: 0.4rem;
}
.m-sign2 .title4{
  font-size: 0.24rem;
  font-weight: 300;
  text-align: left;
  color: #ffffff;
  margin-left: -0.12rem;
}
.m-sign-info3{
  width: auto;
  height: auto;
  display: flex;
  margin: 0 auto;
  justify-content: left;
  align-items: center;
  padding-top: 0.6rem;
  margin-left: 0.4rem;
}
.m-sign-info4{
  width: auto;
  height: auto;
  display: flex;
  margin: 0 auto;
  justify-content: left;
  align-items: center;
  margin-top: 0.4rem;
  margin-left: 0.4rem;
}
.m-bottom{
  width: 7.5rem;
  height: 3.15rem;
  background: url("/imgs/m/activity-okr/bottom-bg.png") no-repeat center; 
  background-size:cover;
  background-position: center center;
  margin-top: -0.02rem;
  text-align: center;
}
.m-bottom img{
  width: 0.78rem;
  padding-top: 0.6rem;
}
.m-bottom .title1{
  opacity: 0.6;
  font-size: 0.2rem;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  margin-top: 0.1rem;
}