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;
}
.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;
}
.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;
	margin: 0 32rpx 0 0rpx;
	border-radius: 36rpx 36rpx 0rpx 0rpx;
	top: 144rpx;
	display: flex;
}
.hot-box-temp {
	width: 24rpx;
}
.hot-box-temp2 {
	width: 32rpx;
}
.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-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: 16rpx;
	position: absolute;
	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 {
	margin-top: 116rpx;
	margin-left: 64rpx;
	width: 622rpx;
	height: 954rpx;
}
.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: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;
}
.viewright-mkt {
	width: 18rpx; 
  height: 130rpx; 
}
.mkt-desc-box {
	background-color: white;
	width: 686rpx; 
	height: 240rpx; 
	margin-top: -2rpx;
	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;
	font-weight: 500;
	font-size: 24rpx;
	color: #323232;
} 
.hot-mkt-temp {
	height: 12rpx;
}
.campus-image {
	width: 686rpx;
	height: 450rpx;
	border-radius: 32rpx;
}