duidui_mini_program/pages/classindex/classindex.wxss

.swiper {
    height: 218rpx;
    width: 666rpx;
    margin: 0 auto;
}

.swiper image {
    height: 100%;
    width: 100%;
}
.cardgongneng{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content:space-between;
    height: 170rpx;
    width: 666rpx;
    margin: 25rpx auto;
    border: 1rpx solid #e7d1d1;
    border-radius: 2%;
    box-shadow:1px 1px 1px 1px rgb(236, 234, 234);
}
.cardgongneng2{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content:space-between;
    height: 170rpx;
    width: 570rpx;
    margin: 0 auto;
}
.cardgongneng2 image{
     width: 85rpx;
     height: 100rpx;

}
.zhibocss {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 180rpx;
    width: 666rpx;
    margin: 50rpx auto;
    background: url(https://ndnd.duiduiedu.com/uploads/pics/line.png);
    background-repeat: no-repeat;
    background-size: 666rpx 180rpx;
    display: none;
}

.item1 {

    width: 50rpx;
    height: 150rpx;
    box-sizing: border-box;
    margin: 15rpx 16rpx;
}

.itemhead {
    margin-top: 20rpx;
    margin-left: 20rpx;
}

.itemhead h2 {

    font-weight: 600;
    font-family: 'Arial Narrow', Arial;
    font-size: large;
}

.item1 image {
    width: 50rpx;
    height: 150rpx;
}

.item2 {
    width: 160rpx;
    height: 160rpx;
}

.item2 image {
    margin-left: 10rpx;
    width: 150rpx;
    height: 160rpx;
}

.item3 {
    width: 334rpx;
    height: 170rpx;
}

.item4 {
    padding-top: 10rpx;
    padding-left: 15rpx;
    width: 75rpx;
    height: 164rpx;
}

.item4 image {

    width: 75rpx;
    height: 164rpx;
}

.itemmiddle {
    display: flex;
    margin-left: 15rpx;
    width: 334rpx;
    height: 50rpx;
}

.itemmiddleleft {
    display: flex;
    margin-top: 10rpx;
    flex-direction: row;
}

.itemmiddleleft text {
    color: #AEAEAE;
    align-items: center;
    font-size: 24rpx;
    font-weight: 400;
}

.itemmiddleleft image {

    width: 30rpx;
    height: 30rpx;
    padding-right: 10rpx;
}

.itemmiddleright {
    display: flex;
    margin-top: 10rpx;
    margin-left: 10rpx;
    flex-direction: row;
}

.itemmiddleright text {
    color: #AEAEAE;
    align-items: center;
    font-size: 24rpx;
    font-weight: 400;
}

.itemmiddleright image {

    width: 30rpx;
    height: 30rpx;
    padding-right: 10rpx;
}

.itemend {
    width: 300rpx;
    overflow: hidden;
    color: #AEAEAE;
    line-height: 28rpx;
    margin-bottom: 10rpx;
    margin-left: 20rpx;
    font-size: 18rpx;
}

.curriculum {

    margin: 0 auto;
    /* margin-top: 20rpx; */
    width: 686rpx;
    /* height: 350rpx; */
    /* margin-bottom: 80rpx; */
}

.curriculumup {

    width: 750rpx;
    height: 55rpx;
}

.curriculumupstart {
    float: left;
    width: 660rpx;
    height: 55rpx;
    margin-top: 20rpx;
    margin-bottom: 10rpx;
}

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

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

.card-box {
    display: inline-block;
}

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

.card {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 55rpx;
    line-height: 55rpx;
    /* margin: 100rpx 200rpx; */
    font-size: 20px;
    /* padding-left: 20rpx;
  padding-right: 30rpx; */
    margin-left: 10rpx;
    border-radius: 4px;
}
.curriculumdown {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    width: 666rpx;
    /* height: 295rpx; */
}

.curriculumitem {
    display: flex;
    flex-direction: column;
    /* width: 33%; */
    width: 33%;
    height: 150rpx;
    align-items: center;
    margin-top: 20rpx;
    /* margin-bottom: 20rpx; */
}

.downup {
    width: 90rpx;
    height: 80rpx;
    text-align: center;
}

.downup image {
    width: 80rpx;
    height: 90rpx;
    text-align: center;
}

.downdown {
    margin-top: 15rpx;
    text-align: center;
    width: 180rpx;
    height: 30rpx;
}

.downdown text {
    font-size: 20rpx;

}



.curriculumupend image {
    width: 50rpx;
    height: 50rpx;
}

.challenge {
    width: 666rpx;
    margin: 0 auto;
    height: 83rpx;
}

.challengeleft {

    float: left;
    width: 429rpx;
    height: 80rpx;

}

.challengeleft image {

    width: 440rpx;
    height: 80rpx;
}

.challengeright {
    float: left;
    width: 238rpx;
    height: 80rpx;
}

.challengeright image {

    width: 240rpx;
    height: 80rpx;
}


.challenge2 {
    width: 666rpx;
    margin: 0 auto;
    height: 83rpx;
}

.challenge2left {

    float: left;

    width: 238rpx;
    height: 80rpx;

}

.challenge2left image {


    width: 253rpx;
    height: 80rpx;
}

.challenge2right {
    float: left;
    width: 429rpx;
    height: 80rpx;
}

.challenge2right image {

    width: 432rpx;
    height: 80rpx;
}

.van-tabbar-item {
    height: 298rpx;
    width: 130rpx;
}

/***parent**/
.parentclass {
    margin: 0 auto;
    width: 666rpx;
}
.parentimage{
     width: 200rpx;
     height: 30rpx;
     margin-top: 10rpx;
     
}
.parentimage image{
    width: 200rpx;
    height: 30rpx;
}