.view-page { width: 100%; left: 0; top: 0; box-sizing: border-box; position: absolute; overflow: hidden; } .swiper { width: 100%; padding: 0 32rpx 0 32rpx; box-sizing: border-box; height: 532rpx; } .slide-image { height: 532rpx !important; width: 100%; } .cont { width: 100%; background-color: #F2F2F6; border-radius: 36rpx 36rpx 0 0; flex-direction: column; height: 100%; } .colum-logo-temp { height: 58rpx; } .colum-logo { height: 64rpx; margin: 0 32rpx 0 32rpx; background-color: blue; } .colum-hot-temp { height: 24rpx; } .colum-hot { height: 208rpx; margin: 0 32rpx 0 32rpx; border-radius: 36rpx; display: flex; } .hot-box-temp { width: 24rpx; } .hot-box { height: 208rpx; width: 332rpx; border-radius: 32rpx; background-color: white; box-shadow:0rpx 9rpx 18rpx 0rpx rgba(229,229,234,0.56); } .hot-title-temp { height: 32rpx; } .hot-title { margin-left: 32rpx; color: #000000; font-size: 36rpx; font-weight: 900; } .hot-cont-temp { height: 16rpx; } .hot-cont { margin-left: 32rpx; font-weight: 500; font-size: 24rpx; color: #ff6106; } .tips-box { margin-left: 32rpx; height: 72rpx; width: 686rpx; border-radius: 32rpx; background-color: white; box-shadow:0rpx 9rpx 18rpx 0rpx rgba(229,229,234,0.56); display: flex; } .tips-icon { margin-left: 6rpx; line-height: 72rpx; } .tips-cont { margin-left: 20rpx; font-size: 24rpx; color: #000; text-align: left; font-weight: 500; line-height: 72rpx; } .lang-img { width: 100%; text-align: center; height: 200rpx; line-height: 200rpx; } .recommend { width: 686rpx; height: 290rpx; border-radius: 32rpx; background-color: rgb(161, 52, 52); margin-left: 32rpx; } .viewright{ width: 8rpx; height: 372rpx; } .uploadWrap{ margin-top:32rpx; margin-left: 32rpx; height:400rpx; width:100%; display: flex; display: -webkit-box; flex-direction: column; } .upload_Item{ width: 310rpx; height: 372rpx; margin-right: 24rpx; } .upload_Item_img{ width: 310rpx; height: 206rpx; border-radius: 30rpx 30rpx 0rpx 0rpx; } .mktinfoBox { margin-top: -6rpx; display: flex; flex-direction: column; width: 310rpx; height: 166rpx; border-radius: 0rpx 0rpx 30rpx 30rpx; background:rgba(255,255,255,1); } .mktname { font-size: 28rpx; margin-left: 18rpx; margin-right: 18rpx; font-weight: 500; color: #000000; margin-top: 18rpx; } .mktadd { margin-right: 18rpx; margin-left: 18rpx; margin-top: 2rpx; font-size: 20rpx; font-weight: Light; color: #8C8C8C; justify-content: space-between; } scroll-view-teacher { height: 480rpx; } .mktaddactive { margin-top: 2rpx; font-size: 20rpx; font-weight: 500; color: #20BAA5; } .campus-box { width: 686rpx; height: 450rpx; border-color: #999999; border-style: solid; border-width: 4rpx; border-radius: 32rpx; margin-left: 32rpx; } .campus_Item { width: 686rpx; height: 162rpx; margin-left: 32rpx; background-color: white; border-radius: 32rpx 32rpx 0rpx 0rpx ; box-shadow:0rpx 18rpx 36rpx 0rpx rgba(229,229,234,0.56); margin-top: -15rpx; } .campus_Item_img { width: 172rpx; height: 112rpx; border-radius: 24rpx; border-color: #ff6160; border-style: solid; border-width: 4rpx; } .mkt-img{ width: 172rpx; height: 121rpx; margin-right: 20rpx; } .mkt-img-box { padding-top: 32rpx; height: 121rpx; } .mktWrap { margin-left: 32rpx; height:250rpx; width:100%; display: flex; display: -webkit-box; flex-direction: column; }