.left{
    width:  854px;
}
.right{
    width:  314px;
}
.courses-item .bgimg{
    width: 145px;
	height: 101px;
}
.courses-item {
    margin-bottom: 20px;
}
.courses-info{
    padding: 5px;
    height: 92px;
    width: 687px;
}
.courses-info p:nth-child(1){
    font-size: 16px;
    font-weight: bold;
    height: 20px;
}
.courses-info div:nth-child(2){
    color: #666666;
    line-height: 1.5;
    height: 40px;
}

.courses-info p:nth-child(3){
    color: #666666;
    height: 15px;
}
.right-item1 div{
    width: 157px;
    height: 53px;
    text-align: center;
    font-size: 16px;
    line-height: 53px;
    color: #fff;
    cursor: pointer;
}
.right-item1 div:hover{
    color: #eee;
}
.right-item1 div:nth-child(1){
    background-color: #3753EE;
}
.right-item1 div:nth-child(2){
    background-color: #e68d01;
}
.right-item2{
    text-align: center;
    width: 314px;
	height: 54px;
    background-color: #f9f9f9;
    line-height: 54px;
    font-size: 16px;
	color: #070707;
}

.right-item3{
    font-size: 20px;
    color: #010101;
    margin-top: 25px;
    width: 100% ;
    margin-bottom: 20px;
}

.popular-item{
    width: 294px;
    height: 226px;
    margin-bottom: 20px;
}
.popular-item img{
    width: 304px;
	height: 172px;
}