.nameTitle { position: absolute; top: 277rpx; left: 55px; height: 125rpx; background-color: #fff; width: 650rpx; border-radius: 12rpx; box-shadow: 0px 10px 10px -4px #e3e3e3; display: flex; justify-content: space-between; align-items: center; .itemSchool { border-right: solid 1.5rpx #dadada; display: flex; flex-direction: column; align-items: center; width: 25%; font-size: 24px } .itemSchool text:nth-child(1) { margin-bottom: 10rpx; color: #898a8a; margin-left: -8px; } } .swiperDemoItem { color: #3886d0; display: flex; padding: 20px 0 0 50px; overflow: hidden; height: 70rpx; margin-top: 70px; .swiperDemoIndex { width: 15px; height: 45px; background-image: linear-gradient(to bottom, #5d9cf9, #317ad9); border-radius: 20px; margin-right: 15px; } } .Module { background-color: #fff; overflow: hidden; .subModule { display: flex; align-items: center; flex-wrap: wrap; .subModuleItem { width: 246rpx; height: 140rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 10rpx; .subModuleIndex { width: 45rpx; height: 45rpx; image { width: 100%; height: 100%; } } } } }