mili_mini/pages/index/index.wxss

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;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
}
.trolley-show-box {
	display: flex;
	flex-direction: column;
	width: 540rpx;
	height: 606rpx;
	border-radius: 32rpx;
	background: #ffffff;
	position: fixed;
	z-index: 90;
	left: 110rpx;
	top: 330rpx;
}
.booking_title {
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #33333F;
	text-align: center;
	margin-top: 66rpx;
}
.booking_icon {
	width: 50rpx;
	height: 50rpx;
	position: fixed;
	z-index: 99;
	margin-left: 458rpx;
	margin-top: 32rpx;
}
.booking_setp {
	width: 412rpx;
	height: 72rpx;
	background: #F2F2FE;
	border-radius: 12px;
	margin-left: 64rpx;
	margin-top: 32rpx;
}
.picker_setp {
	font-style: normal;
	font-weight: normal;
	font-size: 28rpx;
	line-height: 72rpx;
	color: #9999A5;
	text-align: left;
	margin-left: 24rpx;
}
.picker_select {
	width: 20rpx;
	height: 20rpx;
	position:absolute;
	left: 79%;
	top: 26%;
}
.booking_name {
	width: 388rpx;
	height: 72rpx;
	background: #F2F2FE;
	border-radius: 24rpx;
	margin-left: 64rpx;
	margin-top: 32rpx;
	padding-left: 24rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 28rpx;
	line-height: 72rpx;
}
.booking_phone {
	width: 388rpx;
	height: 72rpx;
	background: #F2F2FE;
	border-radius: 24rpx;
	margin-left: 64rpx;
	margin-top: 32rpx;
	padding-left: 24rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 28rpx;
	line-height: 72rpx;
}
.phcolor {
	color: #9999A5;
}
.booking_button {
	width: 412rpx;
	height: 80rpx;
	margin-left: 64rpx;
	margin-top: 64rpx;
	background: #0880FF;
	box-shadow: 0px 16rpx 32rpx rgba(0, 122, 255, 0.36);
	border-radius: 24rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 32rpx;
	line-height: 32rpx;
	text-align: center;
	line-height: 80rpx;
	color: #FFFFFF;
}
.booking_done {
	height: 128rpx;
	width: 128rpx;
	margin-top: 118rpx;
	margin-left: 206rpx;
}
.done_txt {
	width: 144rpx;
	height: 36rpx;
	margin-top: 32rpx;
	margin-left: 198rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #33333F;
	}
	.done_desc {
	width: 412rpx;
	height: 60rpx;
	margin-top: 24rpx;
	margin-left: 64rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 36rpx;
	display: flex;
	align-items: center;
	text-align: justify;
	color: #9999A5;
	}
	.done_return {
	width: 412rpx;
	height: 80rpx;
	margin-top: 64rpx;
	margin-left: 64rpx;
	background: #32D84C;
	box-shadow: 0px 16rpx 32rpx rgba(50, 216, 76, 0.36);
	border-radius: 24rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 32rpx;
	line-height: 80rpx;
	text-align: center;
	color: #FFFFFF;
	}