@charset "utf-8";
/*base css*/
.clearfix::after,
.clearfix::before { content: ".";line-height: 0; height: 0; display: block; visibility: hidden; clear: both; }
.marb-20{margin-bottom: 20px;}
.bgc-blue{background-color:#64b3f4;}
.bgc-white{background-color:white;}
.bgc-yellow{background-color:yellow;}
.fc-grey{color:#999;}
.fs-1{font-size:.6rem;}
.fs-2{font-size:.8rem;}
.fs-3{font-size:1rem;}
.lh-15{line-height:15px;}
.marb-8{margin-bottom:8px;}
.m-l-10{margin-left:1rem;}
.m-r-10{margin-right:1rem;}
.ta-c{text-align: center;}
.bold{font-weight:bold;}
.no-wrap{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
html{height:100%; background-color:#eee; min-width:320px; max-width:768px; margin:0 auto;  font-family: arial,"microsoft yahei";}
.icon-word{padding-left:25px; background:url(../img/word.png)no-repeat left center; background-size:20px; }
.icon-music{padding-left:25px; background:url(../img/music.png)no-repeat left center; background-size:20px; }
/*视屏模块--儿歌*/
.video-container{width:100%;position:relative;}
.video-poster{position:absolute; left:0; top:0; width:100%; height:100%;}
.s-item{padding:15px 20px 11px; color:#333;  border-top:1px solid #ddd;}
.b-line{margin-bottom: 5px; border-bottom:1px solid #ddd;}
.video-mask1{width:100%; height:100%;position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
.videoBtn{position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-25px; display:block; width:50px; height:50px; border:0; background:url(../../images/bofang.png)no-repeat center; background-size:contain;}
/*音频模块--磨耳朵*/
.audio-container{width:100%; height:72px; background:#f7f7f7; border:1px solid #f1f1f1; margin:10px 0;}
.audio-container dt{position:relative; width:72px; height:72px; float:left; background:url(../../img/video-poster.jpg)no-repeat center; background-size:cover;}
.audio-container dd{width:calc(100% - 92px); float:left; line-height:72px; margin-left:10px;}
.audioBtn{position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-15px; display:block; width:30px; height:30px; border-radius:50%; border:0; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:contain;}
.audioPlay{background-image:url(../../img/play.png);}
.audioPause{background-image:url(../../img/pause.png);}

.content{background-color: #fff;border-top: 1px solid #ddd;padding: 0 0.8rem ;padding-bottom: 1rem;}
.title{height: 53px;color: #FFF; text-align: center; padding-top: 1rem;}
.title span{line-height: 46px; display: inline-block;height: 100%;background-image: url("../../images/titilE.png") ;background-size:100% 100%;background-repeat: no-repeat;padding:0 2rem;}
.titleTxt{color:#FF8415;font-size: 0.8rem; text-align: center;   height:2rem;
    padding-top: 1.5rem;}
.titleTxt span{background-color:#FF8415;display: inline-block; width:2rem;height: 1px;position: relative; top: -5px}
.contentTxt{
    text-indent: 1rem;
   font-size: 0.8rem;
    margin-bottom: 0.4rem;
}
.contentTxt p
{
    font-size:0.8rem;
    line-height: 1.3rem
}

.ImageText 
{
    font-size: 0.8rem;
    padding: 0.4rem 0;
    word-break:break-all;
}
.ImageText  img
{
   width:5rem;
}
.marginR{
  margin-right: 0.5rem;
}
.marginL{
    margin-left: 0.5rem;
}
.field{
    font-size: 0.8rem;
    /* padding:0 0.8rem 0.8rem; */
    word-break:break-all;
    border: 2px solid #409EFF;
    border-radius: 5px;
    margin-top: 1.8rem;
    position: relative
}
.fieldTitle{
    width: 100%;
    text-align: center;
    position: absolute;
    top: -0.8rem;
}
.pdd{
    padding:1rem 0.8rem 0.8rem;
}
.fieldTitle span{
   display: inline-block;
   color: #fff;
   background-color: #409EFF;
   font-size: 0.8rem;
   height: 1.4rem;
   padding: 0.1rem 0.8rem; 
   border-radius: 0.8rem; 
  
}
.pdd img{
    width: 50%;
}
.className{
    color:#409EFF;font-size: 1rem; text-align: center;    height: 2rem;
    line-height: 2rem;
      font-weight:600;
}
.classIntroduce{
    color:#666;font-size: 0.8rem; text-align: center;    height: 2rem;
    line-height: 2rem;
  
}
.Curriculumobjectives{
    color:#999;font-size: 0.8rem; text-align: left; }

.boxImg{
    padding: 0 1.6rem;
   
}
.txtColor{
    color:#FF8415;
}
.centerImg1 img{
  width: 80%; 
    margin: 0 auto;
 
}
.centerImg img{
    margin: 0 auto;
}
.centerimgS img{
    width: 60% !important;
}
.blackTxt{
    text-align: center;
    margin: 0.6rem;
    font-size: 0.8rem;
}
.gengduo{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    margin-top: 1rem;
    display: inline-block;
}
.kongge{
height:1rem;}