mili_mini/pages/packages/packages.wxss

/**index.wxss**/
page {
    background-color:  #F2F2F6;
}

.page-content{
	width: 100%;
}
.banner {
	width: 100%;
	height: 384rpx;
	left: 0rpx;
	top: 0rpx;
	background: rgba(196, 196, 196, 0.7);
}
.con-title1 {
	width: 432rpx;
	height: 36rpx;
	margin-left: 158rpx;
	margin-top: 76rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #000000;
}
.con-min1 {
	width: 192rpx;
	height: 36rpx;
	margin-left: 280rpx;
	margin-top: 10rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 24rpx;
	color: #000000;
}
.con-middle {
	width: 100%;
	height: 64rpx;
	display: flex;
	margin-top: 144rpx;
}
.txt1 {
	width: 144rpx;
	height: 64rpx;
	margin-left: 80rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 32rpx;
	text-align: center;
	color: #1A1A20;
}
.txt2 {
	width: 180rpx;
	height: 64rpx;
	margin-left: 68rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 32rpx;
	text-align: center;
	color: #1A1A20;
}
.txt3 {
	width: 128rpx;
	height: 64rpx;
	margin-left: 70rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 32rpx;
	text-align: center;
	color: #1A1A20;
}
.coursesWrap {
	margin-left: 56rpx;
	margin-top: 44rpx;
	width: 638rpx;
	height: 812rpx;
	margin-right: 24rpx;
	display: flex; 
  display: -webkit-box;
  flex-direction: column;
}
.courses-img {
	width: 638rpx;
	height: 812rpx;
	margin-right: 24rpx;
}
.courses_Item_img {
	width: 638rpx;
	height: 812rpx;
	border-radius: 32rpx;
}
.viewright-courses {
	width: 18rpx; 
  height: 130rpx; 
}
.con-title2 {
	width: 288rpx;
	height: 36rpx;
	margin-left: 226rpx;
	margin-top: 114rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #000000;
}
.con-min2 {
	width: 240rpx;
	height: 36rpx;
	margin-left: 252rpx;
	margin-top: 10rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 24rpx;
	color: #0880FF;
}
.longImg {
	width: 638rpx;
	height: 364rpx;
	margin-left: 58rpx;
	margin-top: 84rpx;
	background: #84E793;
	border-radius: 32rpx 32rpx 0px 0px;
}
.longImg2 {
	width: 638rpx;
	height: 364rpx;
	margin-left: 58rpx;
	margin-top: 50rpx;
	background: #84E793;
	border-radius: 32rpx 32rpx 0px 0px;
}
.con-title3 {
	width: 290rpx;
	height: 28rpx;
	margin-left: 114rpx;
	margin-top: 42rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #000000;
}
.con-min3 {
	width: 392rpx;
	height: 24rpx;
	margin-left: 114rpx;
	margin-top: 20rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 24rpx;
	color: #000000;
}
.coursesText1 {
	margin-left: 82rpx;
	margin-top: 104rpx;
	width: 270rpx;
	height: 306rpx;
	margin-right: 82rpx;
	display: flex; 
  display: -webkit-box;
  flex-direction: column;
}
.courses-text-box {
	width: 270rpx;
	height: 212rpx;
	margin-right: 24rpx;
}
.courses-text-title {
	width: 270rpx;
	height: 28rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 28rpx;
	color: #000000;
}
.courses-text-context {
	margin-top: 24rpx;
	width: 270rpx;
	height: 160rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 40rpx;
	color: #000000;
}
.con-title4 {
	width: 320rpx;
	height: 28rpx;
	margin-left: 114rpx;
	margin-top: 42rpx;
	font-style: normal;
	font-weight: bold;
	font-size: 36rpx;
	line-height: 36rpx;
	color: #000000;
}
.con-min4 {
	width: 392rpx;
	height: 24rpx;
	margin-left: 114rpx;
	margin-top: 18rpx;
	font-style: normal;
	font-weight: normal;
	font-size: 24rpx;
	line-height: 24rpx;
	color: #000000;
}