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