.useCourse{
   
}
.useCourse .uc_top{
    background: url(../img/uc_bg.png) no-repeat ;
    background-size: 100% 100%;
    height: 291px;
    width: 100%;
}
.useCourse .uc_content{
    margin: 64px auto 180px auto;
}
.useCourse .uc-title ul{
  margin: 0 auto;
  width: 768px;
  height: 48px;
  border-bottom: 1px solid #CFCFCF;
}
.useCourse .uc-title ul .title{
    color: #000;
    font-family: MiSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    width: 120px;
    position: relative;
}
.useCourse .uc-title ul .title.active{
    font-size: 28px;
    font-weight: 600;
   
}
.useCourse .uc-title ul .title.active::after{
    position: absolute;
    content: '';
    left:15%;
    bottom: -1px;
    width: 84px;
    height: 5px;
    background: #06F;
    z-index: 1;
}
.useCourse .uc_list{
    margin-top: 20px;
    flex-wrap: wrap;
  
    border-radius: 20px;
    background: #F5FAFF;
    padding: 20px 20px 0 20px;
    justify-content: space-evenly;
}
.useCourse  .uc_list_video{
    width: 450px;
    margin-bottom: 20px;
    border-radius: 13px;
    background: #FFF;
    box-sizing: border-box;
    box-shadow: 2px 4px 9.2px 0px #D7E8FA;
    
}
.useCourse  .uc_list_video:nth-child(3){
    margin-right: 0;
}
.useCourse  .uc_list_video .v_img{
    width: 433px;
    height: 242px;
    margin: 10px 7px 10px 11px;
}
.useCourse  .uc_list_video p{
    margin:0 7px 10px 11px;
}