chenyiketang-miniapp/pages/courseDetail/index.wxss

/* 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;
    display: none;
}
.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;
    padding: 0 40rpx;
}
.course-con{
    background-color: #E7DBBD;
    margin: 12rpx 0 48rpx 0;
}
.course-con image{
    width: 100%;
    height: 178rpx;
}
.course-con view{
    color: #343434;
    padding: 8rpx 22rpx 18rpx 24rpx;
}