page { background-color: #F2F2F6; } .view-page { width: 100%; left: 0; top: 0; box-sizing: border-box; overflow: hidden; background-color: #F2F2F6; line-height: 80rpx; } .swiper { width: 100%; box-sizing: border-box; height: 580rpx; } .slide-image { height: 580rpx !important; width: 100%; } .contmiddle { position: absolute; width: 100%; height: 88px; margin-top: 100rpx; background: #F2F2F6; border-radius: 36rpx 36rpx 0px 0px; } .index_middle_l { width: 332rpx; height: 208rpx; } .index_middle_r { width: 332rpx; height: 200rpx; } .box_logo{ position: absolute; width: 100%; height: 380rpx; left: 0px; top: 544rpx; background: #F2F2F6; border-radius: 36rpx 36rpx 0px 0px; } .index_logo { position: absolute; width: 100%; height: 176rpx; left: 0px; } .colum-logo-temp { height: 58rpx; } .colum-logo { height: 64rpx; margin: 0 32rpx 0 32rpx; background-color: blue; } .colum-hot-temp { height: 24rpx; } .colum-hot { position: absolute; height: 208rpx; top: 144rpx; display: flex; } .hot-box-temp2 { width: 32rpx; } .hot-box-temp { width: 24rpx; } .hot-box { height: 208rpx; width: 332rpx; } .hot-title-box { top:1440rpx; position: absolute; } .hot-title-temp { height: 32rpx; } .hot-title { margin-top:32rpx; 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-top: 0rpx; position: absolute; margin-left: 0rpx; height: 123rpx; width: 737rpx; background-image: url("https://api.zhumi.tech/MiniProgram/image/tips_bg.png"); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; } .tips-icon { margin-left: 6rpx; line-height: 72rpx; } .tips-cont { font-style: normal; font-weight: bold; font-size: 12px; color: #000; text-align: left; line-height: 92rpx; margin-left: 118rpx; } .lang-img { margin-top: 160rpx; margin-left: 64rpx; width: 622rpx; height: 954rpx; } .hd_banner { width: 686rpx; height: 290rpx; margin-left: 32rpx; margin-top: 64rpx; /* background: url(hd_banner.jpg); */ border: 2rpx solid #9999A5; box-sizing: border-box; border-radius: 32rpx; } .cont { margin-top: 365rpx; width: 100%; background-color: #F2F2F6; flex-direction: column; } .hot-middle { width: 686rpx; height: 290rpx; margin-top: 64rpx; margin-left: 32rpx; background: #C4C4C4; border: 1px solid #9999A5; box-sizing: border-box; border-radius: 32rpx; } .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:402rpx; width:100%; display: flex; display: -webkit-box; flex-direction: column; } .upload_Item{ width: 402rpx; height: 512rpx; margin-right: 24rpx; background-image: url("https://api.zhumi.tech/MiniProgram/teacher/p_bk.png"); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; } .upload_Item_img{ width: 402rpx; height: 336rpx; margin-top: 0rpx; } .mktinfoBox { display: flex; flex-direction: column; width: 310rpx; height: 166rpx; } .teache_con { width: 430rpx; height: 120rpx; display: flex; flex-direction: column; } .teahcer_name_box { display: flex; margin-bottom: 8rpx; } .teacher_name { flex: 0.5; width: 128rpx; height: 32rpx; margin-left: 32rpx; font-style: normal; font-weight: bold; font-size: 32rpx; line-height: 32rpx; color: #33333F; } .teacher_name_con { font-style: normal; font-weight: normal; font-size: 24rpx; line-height: 40rpx; margin-left: 0rpx; } .teacher_con { flex: 0.5; } .t_conntext { margin-top:16rpx; margin-left: 32rpx; font-style: normal; font-weight: normal; font-size: 24rpx; line-height: 24rpx; } 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 { position: absolute; width: 686rpx; height: 162rpx; margin-left: 32rpx; background-color: white; border-radius: 32rpx 32rpx 0rpx 0rpx ; 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: 116rpx; width:100%; display: flex; display: -webkit-box; flex-direction: column; } .viewright-mkt { width: 18rpx; height: 130rpx; } .mkt-desc-box { background-color: white; width: 686rpx; height: 230rpx; margin-top: 140rpx; margin-left: 32rpx; border-radius: 0rpx 0rpx 32rpx 32rpx ; box-shadow:0rpx 18rpx 36rpx 0rpx rgba(229,229,234,0.56); } .hot-mkt { margin-left: 32rpx; margin-top: -20rpx; font-weight: 500; font-size: 24rpx; color: #323232; } .hot-mkt-temp { height: 12rpx; } .campus-image { width: 686rpx; height: 450rpx; border-radius: 32rpx; } .b_teacher { width: 402rpx; height: 512rpx; margin-left: 32rpx; }