.title{
    margin: 104px 0 94px 0;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}

.desc{
    width: 946px;
    margin: 0 auto;
    font-size: 14px;
} 

.course-intro{
    width: 677px;
    margin: 25px auto 60px auto;
}

.course-intro img{
    display: block;
    width: 100%;
    /* height: 286px; */
}

.course-intro .intro-tip{
    font-size: 12px;
    margin-left: 47px;
    height: 30px;
    line-height: 30px;
}

.course-list{
    padding: 0 39px;
    box-sizing: border-box;
}

.list-item{
    width: 244px;
    height: 328px;
    border-radius: 2px;
    background: rgb(234,175,44);
    color: #fff;
    margin-right: 32px;
    margin-bottom: 65px;
    float: left;
    display: block;
}

.list-item:nth-of-type(4n){
    margin-right: 0;
}

.list-item:nth-of-type(8){
    background: rgb(234,175,44);
}

.list-item:nth-of-type(7),
.list-item:nth-of-type(2){
    background: rgb(201,35,122);
}
.list-item:nth-of-type(6),
.list-item:nth-of-type(3){
    background: rgb(37,131,188);
}
.list-item:nth-of-type(5),
.list-item:nth-of-type(4){
    background: rgb(110,173,71);
}


.list-item img{
    display: block;
    width: 180px;
    height: 119px;
    margin: 32px auto 0 auto;
    
}

.list-item .item-title{
    margin-top: 21px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.list-item .item-desc{
    margin-top: 23px;
    font-size: 14px;
    margin-left: 20px;
}

.pic-wrap{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.pic-wrap .img-bottom{
    width: 363.66px;
}