.curriculumup {
    width: 680rpx;
    height: 55rpx;
    margin: 0 auto;
    margin-top: 40rpx;
}

.curriculumupstart {
    float: left;
    width: 680rpx;
    height: 55rpx;
}

.curriculumupend {
    float: left;
    width: 50rpx;
    height: 50rpx;
}

.scroll-box {
    white-space: nowrap;
    height: 100%;
}

.card-box {
    display: inline-block;
    margin-right: 10rpx;
}

.card image {
    height: 55rpx;
    line-height: 55rpx;
    width: 211rpx;
}

.lineclass {
    width: 685rpx;
    margin: 30rpx auto;
    border-bottom: 1rpx solid #dcdcdc;
}

.itemdataclass {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 680rpx;
    height: 200rpx;
    margin: 0 auto;
    margin-top: 20rpx;
    background-color: #f0f0f0;
    border-radius: 15rpx;
}

.item1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 103rpx;

}

.item1up image {
    width: 45rpx;
    height: 45rpx;
    margin-left: 30rpx;
    margin-top: 20rpx;
}

.item1down text {
    margin-left: 20rpx;
    margin-top: 20rpx;
    font-size: 30rpx;
    font-weight: 400;
}

.item2donw image {
    margin-left: 10rpx;
    margin-top: 20rpx;
    width: 272rpx;
    height: 55rpx;
}

.item3 {
    width: 80rpx;
    margin-right: 35rpx;
}

.item3 text {
    font-size: 30rpx;
    font-weight: 400;
}

.item4 {
    margin-right: 50rpx;
}

.item4 image {
    width: 38rpx;
    height: 38rpx;
}

.line_02 {
    height: 1px;
    border-top: 1px solid #ddd;
    text-align: center;
    width: 370px;
    margin: 0 auto;
}