Files
sociology_app/unpackage/dist/dev/mp-weixin/pages/user/curriculumDetail.wxss
2025-05-06 13:33:55 +08:00

784 lines
22 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@-webkit-keyframes example1-data-v-387eb8f2 {
0% {
-webkit-transform: translate(-100px);
transform: translate(-100px);
opacity: 0;
}
50% {
-webkit-transform: translate();
transform: translate();
opacity: 0.5;
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes example1-data-v-387eb8f2 {
0% {
-webkit-transform: translate(-100px);
transform: translate(-100px);
opacity: 0;
}
50% {
-webkit-transform: translate();
transform: translate();
opacity: 0.5;
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* uni.scss */
/* 颜色变量 */
/* 主要颜色 */
/* 文本颜色 */
/* 其它颜色 */
.searchList .item.data-v-387eb8f2 {
font-size: 28rpx;
padding: 20rpx;
border-bottom: 1px solid #dadbde;
}
.scroll-view_H.data-v-387eb8f2 {
background-color: #fff;
white-space: nowrap;
padding: 10rpx;
}
.contentBox.data-v-387eb8f2 {
height: calc(100% - 50px);
}
.contentBox .statusList.data-v-387eb8f2 {
padding: 10rpx;
box-sizing: border-box;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.contentBox .statusList text.data-v-387eb8f2 {
text-align: center;
display: inline-block;
width: 32%;
padding: 20rpx 0;
font-size: 34rpx;
border-radius: 10rpx;
}
.contentBox .statusList .cur.data-v-387eb8f2 {
background-color: #3AB3AE;
color: #fff;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.contentBox .twoCateList.data-v-387eb8f2 {
font-size: 28rpx;
margin-top: 20rpx;
}
.contentBox .twoCateList .grid-text.data-v-387eb8f2 {
padding: 10rpx 0rpx;
text-align: center;
}
.contentBox .twoCateList .cur.data-v-387eb8f2 {
color: #3AB3AE;
}
.contentBox .dataList.data-v-387eb8f2 {
font-size: 26rpx;
border-radius: 10rpx;
background-color: #f8f9fa;
box-sizing: border-box;
}
.contentBox .dataList .JFtitleItem.data-v-387eb8f2 {
background-color: #ffffff;
padding: 20rpx 10rpx;
width: 100%;
border-bottom: 0.5px solid #f8f9fa;
}
.contentBox .dataList .wmzhimg.data-v-387eb8f2 {
width: 220rpx;
height: 220rpx;
}
.search_box.data-v-387eb8f2 {
margin: 0 auto;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: calc(100% - 10px);
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.search_box .search.data-v-387eb8f2 {
height: 56rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 86%;
margin: 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0rpx 40rpx;
background-color: #fff;
border-radius: 20rpx;
box-shadow: 0 0px 10px 1px #3AB3AE;
}
.search_box .prompt.data-v-387eb8f2 {
color: #838383;
font-size: 24rpx;
}
.search_box .icon_search.data-v-387eb8f2 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM3Njc4MkJGREVBRTExRTlCMzQ1QUQ2OTRBMkMzNEZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM3Njc4MkMwREVBRTExRTlCMzQ1QUQ2OTRBMkMzNEZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc2NzgyQkRERUFFMTFFOUIzNDVBRDY5NEEyQzM0RkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc2NzgyQkVERUFFMTFFOUIzNDVBRDY5NEEyQzM0RkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HoeccAAAD1ElEQVR42syZWUhVURSG972akZhpZQOIGJVpNrwERVBqA1GUZDaRRQNFNPhQ0CRBYJiZFNFAEJWRTZhgCL40G6FR0nSppLQkus3lkNFEw79pndju9j6dc4ejP3wPa59z9b97Xuu6ampqmE1FgwkgFSSDBBABwkELeA0egjvgHLgBfjI/5bJhdBRYC9JBZxv/4xk4BPaBRl+Nui280x9UgGowy6ZJrjiQCxrABtApGEaXAw+YonnOh/Qp4MNSCW6b9Fok2E7vJto1GqppDwEHwRLFsw/gJCgHVeCT4p1YMBHMA+OkDhkGboK5NFI+9yg3WaIwyRfKehrKbHBeY5LrOSgis8n090TxxVcG5vhjdC+YIbVdBkmg0MScTrVkaKo0LfhcPUY9btvoIrBCajtAPfPCzx2GD/NoUCe0hVFvx9oxGke9KZtcCX6wwKhWYbYHOGrHaCHNHUNXaC4GWm/BZNAstI3/33w1jA6hPVJcOPMD2JOy6hSdsNVsuzQerOGnlNC+DXhZcFVMe6+hgYpF3MZouNSbfJ/cz5xRrhQvNDOaBroKbcdBq0NGL9ECMzRJ8tLGaKrUVs6c1Slpbx2jMzpciL/TseikKqV4hM7oACGuB58dNnpXihN1RrsLsZc5rybwUYh764x2E+IvrH3UKF0HlUZbpcncHgqT1onSaJMQ92oHk27Kwwy16l6qF+IEuo86qTgpvWnQGfUIcbhuHwuiUqT4vs6ovI+lO2x0uhRX64xeBF+FtgwHhz+CagSG3lDypzTaKCVZ8WC2Q0aXSXfgEl2xwi3kSaLyaL4GU/yg2STEvyijML2P8tv8NaG9HygIstHdIEaIz4IHVlKRbOlGvwpkBckkTyAXCDFfIxut5ky8qLVLrEuBI2BmgE1mKabaTvDITrq8WZoC/Gg7Td/W5adB/vkcSkFCFIsqxY7Rb1Qo8EiVk3zaxpJ8NDmYPp+n+cJ8rl4wy3pVWV8zFRxuSe1p9AVOgLEWethFp1wx3TnTLNTB9tB0+6diaFYf5bnLYSnxE/UKXAX32J/ibTNdGfl9cigNZR+TO2iUienrtDa8VowaWgx2gJ4BWEjvwDpQSnWnDJN3X5LZKsasFXKLaG4WSNUNO2qhzw+i8g2/ymWCLbTRq9SXstSlVntUVBcqEmRS9hpt8i5PL3gVsIx6UJeCT6MUPdLkb612+fBjg7gQ4ykZi6IzmyeG7+mO+5hZ/5EhiU6mBM1zb6gf842beEL4K/4rykjaUVRl+Bg36zhqommQr5i3FR3JqDFKOXTN9FAd7Aw/uUJZx1Qp8Ve/BRgA2YPPSqiWJ7EAAAAASUVORK5CYII=);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 36rpx;
height: 36rpx;
margin-right: 20rpx;
}
.flexbox.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: transparent !important;
}
.uni-modal .uni-modal__bd.data-v-387eb8f2 {
text-align: left;
}
.limiTy.data-v-387eb8f2 {
font-size: 28rpx;
line-height: 46rpx;
}
.chImage.data-v-387eb8f2 {
height: 100rpx;
}
.dataList.data-v-387eb8f2 {
height: 100%;
}
.titleList2.data-v-387eb8f2 {
height: calc(100% - 150rpx);
}
.priceDetail.data-v-387eb8f2 {
height: calc(100% - 180rpx) !important;
padding: 0rpx 0;
box-sizing: border-box;
}
.componentPage.data-v-387eb8f2 {
height: calc(100% - 90rpx) !important;
}
.dateReminder.data-v-387eb8f2 {
width: 100%;
font-size: 24rpx;
text-align: right;
line-height: 40rpx;
}
.fdButtonBox.data-v-387eb8f2 {
border: 1rpx solid #3AB3AE;
background-color: #3AB3AE;
color: #3AB3AE;
float: right;
padding: 4rpx 14rpx;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
border-radius: 10rpx;
box-sizing: border-box;
}
.fdButtonBoxRed.data-v-387eb8f2 {
border: 1rpx solid red;
background-color: red;
padding: 8rpx 14rpx;
font-size: 28rpx;
}
.curriulum_box.data-v-387eb8f2 {
margin-top: 20rpx;
width: 100%;
}
.curriulum_box .curriulum_title_box.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 20rpx;
background-color: #fff;
}
.curriulum_box .curriulum_title_box .curriulum_title.data-v-387eb8f2 {
width: calc(100% - 80rpx);
font-size: 32rpx;
line-height: 40rpx;
padding: 20rpx;
box-sizing: border-box;
}
.data-v-387eb8f2 .scroll-view-item:nth-child(2n-1) {
background-color: transparent !important;
}
.dataList.data-v-387eb8f2 {
height: auto !important;
}
.small_class_teaching_box.data-v-387eb8f2 {
width: 100%;
margin-top: 20rpx;
}
.small_class_teaching_box .small_class_teaching_top.data-v-387eb8f2 {
padding: 20rpx 20rpx 0 10rpx;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
color: #8f8e8e;
}
.small_class_teaching_box .small_class_teaching_top .icon1.data-v-387eb8f2 {
width: 50rpx;
height: 50rpx;
}
.small_class_teaching_box .small_class_teaching_top .small_class_teaching_top_left.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #018f89;
font-family: MicrosoftYaHei;
}
.small_class_teaching_box .small_class_teaching_content.data-v-387eb8f2 {
margin-top: 0rpx;
padding-bottom: 10rpx;
}
.small_class_teaching_box .small_class_teaching_content .top.data-v-387eb8f2 {
padding: 20rpx 20rpx;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 4rpx solid #fff;
}
.small_class_teaching_box .small_class_teaching_content .top .top_item.data-v-387eb8f2 {
width: 23%;
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
font-weight: normal;
font-size: 34rpx;
color: #018f89;
line-height: 80rpx;
background: #cef8ea;
text-align: center;
border-radius: 10rpx;
box-shadow: 0px 0px 6rpx 0px #e9dccc;
}
.small_class_teaching_box .small_class_teaching_content .schedule.data-v-387eb8f2 {
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 10rpx 0;
box-sizing: border-box;
align-items: center;
color: #018f89;
}
.small_class_teaching_box .small_class_teaching_content .schedule .icon_box.data-v-387eb8f2 {
width: 100px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 0rpx;
font-weight: 700;
}
.small_class_teaching_box .small_class_teaching_content .schedule .icon_box .icon1.data-v-387eb8f2 {
width: 50rpx;
height: 50rpx;
margin-right: 10rpx;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box.data-v-387eb8f2 {
width: calc(100% - 180rpx);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .progress_icon.data-v-387eb8f2 {
width: calc(100% - 60rpx);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .icon1.data-v-387eb8f2 {
width: 60rpx;
height: 60rpx;
margin: 0 20rpx;
}
.small_class_teaching_box .small_class_teaching_content .schedule .progress_box .icon2.data-v-387eb8f2 {
width: 140rpx;
height: 100rpx;
position: absolute;
right: 0;
}
.related_courses_box.data-v-387eb8f2 {
background-color: #fff;
}
.related_courses_box .small_class_teaching_content.data-v-387eb8f2 {
padding: 10rpx 20rpx;
box-sizing: border-box;
}
.related_courses_name.data-v-387eb8f2 {
display: inline-block;
width: calc(100% - 150rpx) !important;
}
.related_courses_name .aui-text-danger.data-v-387eb8f2 {
display: inline-block;
float: right;
}
.goods_box.data-v-387eb8f2 {
padding: 40rpx 20rpx;
padding-bottom: 150rpx;
}
.goods_box .goods_item.data-v-387eb8f2 {
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 20rpx;
padding: 10rpx 20rpx;
border: 2rpx solid #fff;
border-radius: 10rpx;
}
.goods_box .title.data-v-387eb8f2 {
box-sizing: border-box;
font-weight: bold;
margin-bottom: 20rpx;
}
.goods_box .image_box.data-v-387eb8f2 {
width: 70rpx !important;
height: 70rpx !important;
float: left;
background-color: #f5f5f5;
}
.goods_box .goods_image.data-v-387eb8f2 {
width: 100%;
height: 100%;
}
.goods_box .goods_info.data-v-387eb8f2 {
width: calc(100% - 100rpx);
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
float: left;
}
.goods_box .goods_info .name.data-v-387eb8f2 {
font-size: 30rpx;
font-weight: 600;
color: #333;
}
.goods_box .goods_info .price.data-v-387eb8f2 {
font-size: 26rpx;
color: #aaa;
font-weight: 600;
}
.goods_box .isSelectGoods.data-v-387eb8f2 {
color: #3AB3AE !important;
border: 2rpx solid #3AB3AE;
border-radius: 10rpx;
}
.goods_box .isSelectGoods .name.data-v-387eb8f2 {
color: #3AB3AE !important;
}
.goods_box .isSelectGoods .price.data-v-387eb8f2 {
color: #3AB3AE !important;
}
.popup_box.data-v-387eb8f2 {
padding-bottom: 20rpx;
width: 85vw;
overflow: hidden;
position: relative;
height: auto;
}
.popup_box .title.data-v-387eb8f2 {
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
font-weight: normal;
font-size: 46rpx;
color: #3AB3AE;
background-color: #f5f5f5;
padding: 20rpx;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.popup_box .content.data-v-387eb8f2 {
font-size: 26rpx;
letter-spacing: 0.15rpx;
padding: 20rpx;
color: #3f3f3f;
}
.popup_box .content .top.data-v-387eb8f2 {
margin: 30rpx 0;
}
.popup_box .content .center.data-v-387eb8f2 {
line-height: 40rpx;
}
.popup_box .content .bottom.data-v-387eb8f2 {
width: 100%;
margin-top: 60rpx;
font-size: 24rpx;
line-height: 26rpx;
color: #b0b0b0;
}
.popup_box .button_box.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 20rpx;
}
.popup_box .button_box .u-button.data-v-387eb8f2 {
margin-left: 40rpx;
}
.popup_box .button_box .u-button.data-v-387eb8f2:nth-child(1) {
margin-left: 0;
}
.saveBtnss.data-v-387eb8f2 {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 80rpx;
overflow: hidden;
border-radius: 50rpx;
}
.saveBtnss text.data-v-387eb8f2 {
padding-left: 10rpx;
font-size: 28rpx;
}
.vipBtn.data-v-387eb8f2 {
border-radius: 100rpx;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: auto;
padding: 0 20rpx;
color: #fff;
margin: 10rpx auto;
}
.buyBtn.data-v-387eb8f2 {
background: #f42c32 !important;
}
.data-v-387eb8f2 .u-alert--warning--light {
background-color: none !important;
}
.data-v-387eb8f2 .u-alert__text--warning--light {
color: #fff !important;
}
.data-v-387eb8f2 .u-alert {
background: none !important;
}
.data-v-387eb8f2 .u-icon__icon--warning {
color: #fff !important;
}
.data-v-387eb8f2 .uni-section {
background: transparent !important;
}
.data-v-387eb8f2 .uni-section .uni-section-header {
padding-top: 10rpx !important;
padding-bottom: 10rpx !important;
}
.data-v-387eb8f2 .uni-section .uni-section-header {
padding-left: 0rpx !important;
}
.course_info_box .course_info.data-v-387eb8f2 {
background: #f3faf3;
overflow: hidden;
}
.catalogue_title.data-v-387eb8f2 {
background: -webkit-linear-gradient(320deg, #16171b 0%, #44b2b1 100%);
background: linear-gradient(130deg, #16171b 0%, #44b2b1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 42rpx;
font-weight: bold;
letter-spacing: 4rpx;
}
.chapter_content.data-v-387eb8f2 {
border: 4rpx solid #fffffc;
background: rgba(255, 255, 255, 0.85);
box-shadow: 0px 0px 4px 0px rgba(46, 114, 123, 0.6) !important;
border-top-right-radius: 40rpx;
border-bottom-left-radius: 40rpx;
}
.chapter_content .videoList.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.chapter_content .videoList .video_item.data-v-387eb8f2 {
width: 24%;
font-size: 22rpx;
margin: 10rpx 0;
background: rgba(255, 255, 255, 0.85);
box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
border-radius: 10rpx;
padding: 10rpx 20rpx;
margin-right: 1%;
color: #333;
letter-spacing: 2rpx;
}
.line.data-v-387eb8f2 {
width: 16rpx;
height: 50rpx;
border-top-right-radius: 12rpx;
border-bottom-right-radius: 12rpx;
margin-right: 20rpx;
background-image: -webkit-linear-gradient(342deg, #609080 0%, #7ba98c 100%);
background-image: linear-gradient(108deg, #609080 0%, #7ba98c 100%);
}
.containerBg2.data-v-387eb8f2 {
width: 100%;
}
.containerBg2 .shiting.data-v-387eb8f2 {
line-height: 100rpx;
background: -webkit-linear-gradient(320deg, #4fa1fd 0%, #12f3ff 100%);
background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20rpx;
color: #fff;
font-size: 72rpx;
text-align: center;
}
.chapter_title.data-v-387eb8f2 {
width: 100%;
font-size: 28rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.chapter_title .top.data-v-387eb8f2 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.chapter_title .top .left.data-v-387eb8f2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.chapter_title .top .right.data-v-387eb8f2 {
position: absolute;
right: 0;
}
.chapter_title .not_purchased.data-v-387eb8f2 {
position: relative;
color: #33435d;
margin-left: 20rpx;
font-size: 24rpx;
padding: 0 20rpx;
border-bottom: 2rpx dotted #33435d;
}
.chapter_title .not_purchased .spot.data-v-387eb8f2 {
width: 8rpx;
height: 8rpx;
position: absolute;
right: -4rpx;
border-radius: 8rpx;
background-color: #33435d;
bottom: -4rpx;
}
.chapter_title .not_purchased text.data-v-387eb8f2 {
margin: 0 10rpx;
letter-spacing: 1rpx;
}
.course_title.data-v-387eb8f2 {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background: #fff;
}
.catalogueTitle.data-v-387eb8f2 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
overflow: hidden;
margin-bottom: 20rpx;
font-size: 40rpx;
}
.catalogueTitle .learnBtn.data-v-387eb8f2 {
margin-bottom: 20rpx;
width: 150rpx;
text-align: center;
border: 1px solid #3AB3AE;
color: #3AB3AE;
line-height: 60rpx;
height: 60rpx;
font-size: 28rpx;
margin-top: 40rpx;
}
.catalogueTitle .price.data-v-387eb8f2 {
color: #ff582e;
font-size: 32rpx;
}
.catalogueTitle .price ._i.data-v-387eb8f2 {
font-style: normal;
font-size: 60rpx;
font-weight: bold;
}
.catalogueTitle .title.data-v-387eb8f2 {
display: block;
font-size: 30rpx;
margin-top: 20rpx;
font-weight: bold;
margin-bottom: 20rpx;
}
.catalogueTitle .saveBtn.data-v-387eb8f2 {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 80rpx;
background-color: #00d8df;
overflow: hidden;
border-radius: 30rpx;
}
.catalogueTitle .saveBtn text.data-v-387eb8f2 {
padding-left: 10rpx;
font-size: 28rpx;
color: #fff;
}
.prof.data-v-387eb8f2 {
font-size: 26rpx;
line-height: 50rpx;
padding: 10rpx 0;
color: #333;
}
.containerBg1.data-v-387eb8f2 {
border-top: 1px solid #fff;
margin-top: -4rpx;
z-index: 1;
border-radius: 30rpx 30rpx 0 0;
}
.courseTitle.data-v-387eb8f2 {
width: calc(100% - 220rpx);
padding: 20rpx;
font-size: 38rpx;
font-weight: bold;
background-size: cover;
background-repeat: no-repeat;
}
.catalogueList.data-v-387eb8f2 {
padding-bottom: 40rpx;
}
.catalogueList.data-v-387eb8f2:nth-child(1) {
margin-top: 0 !important;
}
.data-v-387eb8f2 .section {
padding-top: 0 !important;
background: -webkit-linear-gradient(342deg, #f0fbf4 0%, #d1e8da 100%) !important;
background: linear-gradient(108deg, #f0fbf4 0%, #d1e8da 100%) !important;
}
.data-v-387eb8f2 .section_box {
padding-top: 0 !important;
}