/* pages/course/course.wxss */
.courses{
  width:750rpx;
  height: 1050rpx;
  justify-content: space-around;
}
/*left*/
.courses-left{
    width:25%;
    padding-top: 20rpx;
    background-color: rgba(217,217,217,0.3);
}
.courses-left view{
    box-sizing: border-box;
    width:100%;
    display: block;
    line-height: 60rpx;
    font-size: 24rpx;
    padding-left: 5rpx;
}
.courses-left text{
    padding-left: 15rpx;
}
.active{
    background:url("../../images/section_title_tip.png") left no-repeat;
    background-size: 5rpx 60rpx;
}
.active text{
    display: block;
    background-color: #FFF;
}
/*banner*/
.bannerbox{
  height: 400rpx;
  width:750rpx;
  position: relative;
}
.banner{
  flex-direction:row;
  align-items:center;
}
.bannerimg{
  width:750rpx;
  height: 400rpx;
  display: none;
}
.banner .active{
  width:750rpx;
  height: 400rpx;
  display: inline-block;
}
.banner-btn{
  width:100%;
  position: absolute;
  bottom:20rpx;
  flex-direction:row;
  justify-content:center;
}
.banner-btn view{
  width:20rpx;
  height: 20rpx;
  margin: 10rpx;
  background-color: rgba(255,255,255,0.4);
  border-radius: 50%;
}
.banner-btn  .active{
  background-color: #FFF;
}
.ddongchetitle{
    font-size:50rpx;
}
.coursetitle{
    font-size:35rpx;
    font-weight: bold;
    color:#99ccff;
}
.clearfloat{
position:relative;
height:20rpx;
margin-bottom:10rpx;
}
/*courseGrp*/
.course-grp {
  flex-wrap:wrap;
  margin-top:20rpx;
  justify-content: space-around;
}
.course-grp-name{
  width: 750rpx;
  height: 50rpx;
  justify-content:space-between;
  align-items:center;
  background-color: rgba(217, 217, 217, 0.2)
}
.course-grp-name text{
  font-size: 30rpx;
  line-height: 50rpx;
  padding-left: 30rpx;
  background:url("../../images/section_title_tip.png") left no-repeat;
}
.course-grp-name navigator{
  font-size: 24rpx;
  color: rgba(217, 217, 217, 0.8);
  padding-right: 20rpx;
}

.course-grp-item navigator{
  width:340rpx;
}
.course-grp-item text{
  margin: 20rpx 0;
  color:#000;
  font-size: 30rpx;
}
.course-grp-item wx-text:last-child{
  margin-top: 0;
  color:red;
  font-size: 24rpx;
}
.ad navigator:first-child image {
    width:700rpx;
    height:350rpx;
}
.auto-text{
    margin-top : 10rpx;
    margin-left : 16rpx;
    margin-right : 16rpx;
    font-size : 30rpx;
}
image {
    width:400px;
    height:240px;
    display:inline-block;
    overflow:hidden;
}