/** ***** 精品网课 ***** */



/** ***** 响应式 ***** */
/*@media (max-width: 560px) {*/
/*	!** ***** 精品网课 ***** *!*/
/*	.courseBox>div{*/
/*		width: calc((100% - 16px) /2);*/
/*		margin-right: 16px;*/
/*		margin-bottom: 16px;*/
/*		border-radius: 9px;*/
/*	}*/
/*	.courseBox .courseCover{*/
/*		height: 144px;*/
/*	}*/
/*	.courseBox .courseTxt{*/
/*		padding: 18px 15px 19px;*/
/*	}*/
/*	.courseBox .courseTit>p{*/
/*		font-size: 19px;*/
/*	}*/
/*	.courseBox .courseState{*/
/*		margin-top: 10px;*/
/*	}*/
/*	.courseBox .courseState p{*/
/*		font-size: 15px;*/
/*		line-height: 24px;*/
/*	}*/
/*	*/
/*	!** ***** 加载更多 ***** *!*/
/*	.loadMore>div>p{*/
/*		font-size: 18px;*/
/*		!* line-height: 15px; *!*/
/*	}*/
/*	.loadMore>div>img{*/
/*		width: 12px;*/
/*		height: 6px;*/
/*		margin-left: 6px;*/
/*	}*/
/*}*/

/*@media (max-width: 375px) {*/
/*	!** ***** 精品网课 ***** *!*/
/*	.courseBox>div{*/
/*		width: calc((100% - 11px) /2);*/
/*		margin-right: 11px;*/
/*		margin-bottom: 11px;*/
/*		border-radius: 6px;*/
/*	}*/
/*	.courseBox .courseCover{*/
/*		height: 96px;*/
/*	}*/
/*	.courseBox .courseTxt{*/
/*		padding: 12px 10px 13px;*/
/*	}*/
/*	.courseBox .courseTit>p{*/
/*		font-size: 13px;*/
/*	}*/
/*	.courseBox .courseState{*/
/*		margin-top: 7px;*/
/*	}*/
/*	.courseBox .courseState p{*/
/*		font-size: 10px;*/
/*		line-height: 16px;*/
/*	}*/
/*	*/
/*	!** ***** 加载更多 ***** *!*/
/*	.loadMore>div>p{*/
/*		font-size: 12px;*/
/*		!* line-height: 10px; *!*/
/*	}*/
/*	.loadMore>div>img{*/
/*		width: 8px;*/
/*		height: 4px;*/
/*		margin-left: 4px;*/
/*	}*/
/*}*/

@media (min-width: 10px) {
  .mainpage{
    padding: 0.48rem 0;
  }
  .listBox{
    margin-top: 0.4rem;
  }
  .courseBox{
    display: flex;
    flex-wrap: wrap;
  }
  .courseBox>div{
    cursor: pointer;
    width: calc((100% - 0.22rem) /2);
    margin-right: 0.22rem;
    margin-bottom: 0.22rem;
    border-radius: .12rem;
    background: #FFFFFF;
    overflow: hidden;
  }
  .courseBox>div:nth-of-type(2n){
    margin-right: 0;
  }
  .courseBox .courseCover{
    width: 100%;
    height: 1.92rem;
  }
  .courseBox .courseCover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .courseBox .courseTxt{
    padding: 0.26rem 0.2rem;
  }
  .courseBox .courseTit>p{
    font-size: .26rem;
    line-height: .26rem;
    color: #333333;
    font-weight: bold;
  }
  .courseBox .courseState{
    margin-top: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .courseBox .courseState p{
    font-size: .2rem;
    font-weight: bold;
    line-height: .2rem;
  }
  .courseBox .terName>p{
    color: #999;
  }
  .courseBox .viewNum>p{
    color: #F08614;
  }

  /** ***** 加载更多 ***** */
  .loadMore{
    display: flex;
  }
  .loadMore>div{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .loadMore>div>p{
    font-size: .24rem;
    color: #196BC0;
    /* line-height: 20px; */
  }
  .loadMore>div>img{
    width: .16rem;
    height: .1rem;
    margin-left: .1rem;
    object-fit: cover;
    display: block;
  }
}
@media (min-width: 750px) {
  .mainpage{
    padding: 30px 0;
  }
  .listBox{
    margin-top: 25px;
  }
  .courseBox>div{
    width: calc((100% - 20px) /2);
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
  }
  .courseBox>div:nth-of-type(2n){
    /*margin-right: 0;*/
  }
  .courseBox .courseCover{
    width: 100%;
    height: 200px;
  }
  .courseBox .courseCover img{
    /*width: 100%;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
  }
  .courseBox .courseTxt{
    padding: 15px;
  }
  .courseBox .courseTit>p{
    font-size: 18px;
    line-height: 18px;
    /*color: #333333;*/
    /*font-weight: bold;*/
  }
  .courseBox .courseState{
    margin-top: 14px;
  }
  .courseBox .courseState p{
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
  }
  .courseBox .terName>p{
    /*color: #999;*/
  }
  .courseBox .viewNum>p{
    /*color: #F08614;*/
  }

  .loadMore{
     margin-top: 12px;
   }
  .loadMore>div>p{
    font-size: 18px;
  }
  .loadMore>div>img{
    width: 12px;
    height: 7px;
    margin-left: 10px;
  }



}

@media (min-width: 980px) {
  .courseBox .courseCover{
    height: 250px;
  }




  .loadMore{
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .courseBox .courseCover{
    height: 300px;
  }
}