You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

148 lines
2.3 KiB

3 years ago
/* pages/courseDetail/index.wxss */
.detail-page{
min-height: 100vh;
background-color: #F5F5F5;
font-size: 24rpx;
}
.subscribe{
width: 100%;
height: 688rpx;
}
.subscribe,.introduse-box,.course-box{
background-color: #fff;
}
.subscribe image{
width: 100%;
height: 432rpx;
position: relative;
display: block;
}
.title{
width: 100%;
font-size: 96rpx;
position: absolute;
top: 76px;
color: #fff;
}
.subscribe-con{
width: 100%;
height: 256rpx;
position: relative;
right: 40rpx;
padding-left: 80rpx;
}
.headline{
font-size: 36rpx;
font-weight: 600;
color: #4A4A4A;
padding-top: 30rpx;
}
.subtitle{
font-weight: 400;
color: #A5A5A5;
padding-top: 8rpx;
}
.placeicon{
float: left;
margin-top: 24rpx;
}
.placeicon image{
width: 21rpx;
height: 25rpx;
}
.timeicon image{
width: 26rpx;
height: 26rpx;
margin-left: 30rpx;
}
.timeicon text,.placeicon text{
padding-left: 8rpx;
color: #A5A5A5;
font-weight: 400;
}
.timeicon{
margin-top: 24rpx;
}
.num{
color: #E19C01;
margin-top: 16rpx;
}
.order-btn{
position: absolute;
width: 216rpx;
height: 64rpx;
font-size: 36rpx;
color: #FFFFFF;
right: 0;
bottom: 32rpx;
background: linear-gradient(225deg, #FFD87D 0%, #E19C00 100%);
border-radius: 40px;
}
.introduse-box{
width: 100%;
height: 416rpx;
margin-top: 20rpx;
padding-left: 40rpx;
3 years ago
display: none;
3 years ago
}
.teach{
padding-top: 28rpx;
}
.teach image{
width: 44rpx;
height: 28rpx;
}
.teach text{
font-size: 28rpx;
margin-left: 16rpx;
}
.introduce-name{
margin-top: 32rpx;
}
.introduce-name image{
width: 76rpx;
height: 76rpx;
margin-right: 18rpx;
}
.introduce-name view{
margin-bottom: 4rpx;
font-size: 28rpx;
color: #4A4A4A;
}
.name{
font-weight: 600;
}
.desc{
width: 672rpx;
height: 102rpx;
color: #989898;
margin-top: 16rpx;
}
.course-box{
width: 100%;
height: 976rpx;
margin-top: 44rpx;
}
.teach{
padding: 20rpx 40rpx;
3 years ago
}
.course-con{
background-color: #E7DBBD;
margin: 0rpx 0 56rpx 0;
3 years ago
}
.course-con image{
width: 100%;
height: 178rpx;
}
.course-con view{
color: #343434;
padding: 8rpx 22rpx 18rpx 24rpx;
3 years ago
}