.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; }