@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-1ff95223 { 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-1ff95223 { 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 */ /* 颜色变量 */ /* 主要颜色 */ /* 文本颜色 */ /* 其它颜色 */ .header_box.data-v-1ff95223 { width: 100%; height: 350rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; background-size: 100% 100%; background-image: url(/static/icon/homePage/header_bg.png); background-repeat: no-repeat; } .header_box .logo.data-v-1ff95223 { width: 146rpx; height: 183rpx; margin-top: 115rpx; } .main_content_box.data-v-1ff95223 { width: 100%; padding: 27rpx; box-sizing: border-box; } .main_content_box .curriculum_box.data-v-1ff95223 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; padding: 0px 37rpx 17rpx; box-sizing: border-box; } .main_content_box .curriculum_box .curriculum_item_box.data-v-1ff95223 { height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .main_content_box .curriculum_box .curriculum_item_box .curriculum_item_img.data-v-1ff95223 { width: 39rpx; height: 38rpx; float: left; } .main_content_box .curriculum_box .curriculum_item_box .curriculum_item_name.data-v-1ff95223 { margin-top: -10rpx; font-family: MicrosoftYaHei; font-weight: bold; font-size: 30rpx; color: #001b73; margin-left: 21rpx; } .main_content_box .cate_box.data-v-1ff95223 { width: 100%; height: auto; background: #3AB3AE; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background-size: 100% 100%; box-shadow: 0rpx 0rpx 6rpx 0rpx #f9f6ea; border-radius: 7rpx; padding: 10rpx 10rpx 0; box-sizing: border-box; } .main_content_box .cate_box .cate_item_box.data-v-1ff95223 { width: 25%; height: 100%; padding: 10rpx 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: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .main_content_box .cate_box .cate_item_box .cate_item_border.data-v-1ff95223 { width: 65rpx; height: 78rpx; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAACNCAYAAABSfp/qAAAAAXNSR0IArs4c6QAABYFJREFUeF7tmE+IVWUchp8xTSUrqFCokCgpDSLKjMTMXNWijW1KolVEuChIK0xNiYpWtSiKWlimkougwAKjFhUtKvuHEC3aFBGm0aIIzXFGT987fV9cJkLQcM7LfQ8c5s7MvXfeeZ/7fN/vnJGu684HptfzzPr1DGAOcD2wGLgYOBuYBnT8fehre9y+r7/Kl/9oYGTg53qs8zjwB7Af+Br4CjgEHAPGB86j+tlI13XzgBkDwPT4BmBVfbMvge+Ag8CRSZAC6uQ+m4PgZgFzgSuAayuHd4AvKqwxQKeAjQvYRRWY7JoN3AEsAfSiT+sT26fh5OLlVSdqoK1WYqBV7bYizD7grSpJAzYmYJdUYDOBu4BFwMvAgboEnuiP5ff/bwNaIrXq3QN8D7xZpRmVaQK2oAJbVu16pi5/2q9yTE0DgqZl8gFgD7C3LYsCthA4t+xNW8re9S7wccyaGkqT/qqgLS3b0q3Ac8DvMk3ArgRWALcAT9eNrheJE2Jien8Q+Kzw+aQNHVeXJXAN8HOZUnbHrl59TGSZDJtfpshdwKgM00T4GPB6Hd8HR85epR/CMJoeLwNWlz3tReCwgGmdfLIMHk8Bv9WLuSHsppf/soCdUy6s1wEv6IJawDQdPlHWx01SrpexhzuUrs3WAy81w5bXCVHLoq6mc/SrAd15egTY2gy7qdyC2lwN0xV1jn41IMMeLoPHK80wjfQbK7QA6xcspRGwh4Btg8A21GUxwPoJTEPH9gZsZd3UdKcjwAKsfw2YJdLQIcN2xDAPctrD1gI725SYJbHf4AKs33z+lS7AAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4MSzAzBowixvDAsysAbO4McwM2AxgHbATODTSdd1KYD2wBRgz+2eGIW4DtgM4LGA3A48GWG/Za0mUYdsbsBXFrI3A5hjWS2gN2GuDwDYBjwN/9jLycIeaBawFXm3AlgMbgOeBAwXcyHD306v/vgPmAvcBW9vQsRS4H/gQ+ByY1qvIwx3mOHBNYaM5Y5dWQA0dS4DbgbOAbTGsV58QGXZnmS8E7n3NGAK2uEwglwL3As8CvwRaL6AJ1gV1OXwb+LFsXUcFTMrNBO4uo72epM0tRz8akF2zgd3l0mu0AbuqAptXaX4EfBDLppSYxLkR0ED4BvCrYAmaDFsEaHTUvL8AWA3sBd6rVDOEnD522qvEQtfG1wF7gB/q9bGATSyJl1dYWhYFbT6wCjhWJ8dvy62rI3XjO33Rh+cv6TJKp0AtLMPFMkC3ozRk7K+wdMvwnyVRA4dAtVNPnlMJayCRYT9VLQfBSdscp9ZAA3UecGF9q2+KMPvqTQyB0jlhVzNMRgnSZGjTK3W9kZ6jzW/wCLBTg6VXt5sUskdSHKwmaXUbH7CrARv7C0RFTgNq4WtXAAAAAElFTkSuQmCC); border-radius: 4rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .main_content_box .cate_box .cate_item_box .cate_item_name.data-v-1ff95223 { margin-top: 10rpx; font-family: PangMenZhengDaoBiaoTiTiMianFeiBan; font-weight: normal; font-size: 36rpx; color: #000000; text-align: center; color: #fff; } .main_content_box .flash_sale_box.data-v-1ff95223 { width: 100%; margin-top: 33rpx; margin-bottom: 10rpx; } .main_content_box .flash_sale_box .flash_sale_top.data-v-1ff95223 { width: 100%; height: 61rpx; background-color: rgba(188, 231, 223, 0.3); color: #2e676a; border-color: #c5e3d7; box-shadow: 0rpx 0rpx 4rpx 0rpx #fcf2f6; border-radius: 7rpx; padding: 3rpx 18rpx 3rpx 10rpx; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .main_content_box .flash_sale_box .flash_sale_top .miaoShaIcon.data-v-1ff95223 { margin-right: 16rpx; } .main_content_box .flash_sale_box .flash_sale_top .miaoShaTitle.data-v-1ff95223 { font-family: PangMenZhengDaoBiaoTiTiMianFeiBan; font-weight: normal; font-size: 35rpx; color: #018f89; line-height: 46rpx; } .main_content_box .flash_sale_box .flash_sale_top .miaoShaContent.data-v-1ff95223 { width: calc(100% - 172rpx); margin-top: 1rpx; font-family: Microsoft YaHei; font-weight: 600; font-size: 21rpx; color: #018f89; } .main_content_box .flash_sale_content.data-v-1ff95223 { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; height: 314rpx; } .main_content_box .flash_sale_content .flash_sale_content_item.data-v-1ff95223 { display: inline-block; width: 48%; margin-right: 12rpx; overflow: hidden; } .main_content_box .flash_sale_content .book_image.data-v-1ff95223 { width: 100%; height: 252rpx; border-radius: 10rpx; background-color: #f5f5f5; } .main_content_box .flash_sale_content .book_name.data-v-1ff95223 { font-family: MicrosoftYaHei; font-weight: 600; font-size: 30rpx; line-height: 30rpx; color: #000000; text-align: center; margin-top: 18rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .learning_box_top.data-v-1ff95223 { width: 100%; margin-bottom: 0; } .learning_box_bottom.data-v-1ff95223 { width: 100%; margin-top: 0; height: 40rpx; margin: 40rpx 0; } .greenCardBox1.data-v-1ff95223 { margin-top: 80rpx; margin-bottom: 120rpx; } .greenCardBox1 .greenCardBoxTop.data-v-1ff95223 { width: 100%; margin-bottom: 30rpx; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 22rpx 0; padding-left: 40rpx; box-sizing: border-box; font-size: 44rpx; } .greenCardBox1 .greenCardBoxTop .titlebg.data-v-1ff95223 { width: 400rpx; height: 120rpx; line-height: 120rpx; background-size: 100% 100%; background-image: url(/static/icon/homeTitleBg.png); background-repeat: no-repeat; font-size: 44rpx; margin-left: -60rpx; text-align: left; padding-left: 140rpx; color: #fff; } .greenCardBox1 .greenCardBoxTop .userBox.data-v-1ff95223 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .greenCardBox1 .greenCardBoxTop .userBox .user_img.data-v-1ff95223 { width: 49rpx; height: 49rpx; border-radius: 100%; margin-right: 14rpx; } .greenCardBox1 .greenCardBoxTop .userBox .name.data-v-1ff95223 { font-family: MicrosoftYaHei; font-weight: bold; font-size: 21rpx; color: #ffffff; } .greenCardBox1 .greenCardBoxContent.data-v-1ff95223 { border: 2rpx solid #5599a7; padding: 100rpx 20rpx 20rpx; margin-top: -96rpx; border-radius: 20rpx; background-image: -webkit-linear-gradient(bottom, #65b5c561 0%, #fdfcdf3d 75%); background-image: linear-gradient(0deg, #65b5c561 0%, #fdfcdf3d 75%); width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; height: auto; box-sizing: border-box; } .greenCardBox1 .greenCardBoxContent .content_item.data-v-1ff95223 { display: inline-block; width: 300rpx; background-color: #fff !important; margin-right: 26rpx; overflow: hidden; } .greenCardBox1 .greenCardBoxContent .book_image.data-v-1ff95223 { width: 317rpx; height: 146rpx; border-radius: 10rpx; } .greenCardBox1 .greenCardBoxContent .book_name.data-v-1ff95223 { font-family: MicrosoftYaHei; font-weight: 600; font-size: 23rpx; color: #000000; line-height: 23rpx; text-align: left; margin-top: 14rpx; } .greenCardBox1 .right.data-v-1ff95223 { width: 160rpx; height: 37rpx; border-radius: 7rpx; font-family: MicrosoftYaHei; font-weight: 600; font-size: 26rpx; color: #ffffff; line-height: 37rpx; text-align: center; } .scroll-X.data-v-1ff95223 { width: 100%; height: 100%; white-space: nowrap; } .learning_box .learning_user_box.data-v-1ff95223 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .learning_box .learning_user_box .learning_user_img.data-v-1ff95223 { width: 49rpx; height: 49rpx; border-radius: 100%; margin-right: 14rpx; } .learning_box .learning_user_box .name.data-v-1ff95223 { font-family: MicrosoftYaHei; font-weight: 600; font-size: 21rpx; color: #ffffff; } .learning_box .right.data-v-1ff95223 { background-color: #f0ba00; } .listening_box .right.data-v-1ff95223 { background-color: #0037eb; } .noticeIcon.data-v-1ff95223 { width: 20rpx; } .u-notice-bar.data-v-1ff95223 { background-color: transparent !important; } .bottomBox.data-v-1ff95223 { width: 100%; height: 200rpx; 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; } .bottomBox .item_img.data-v-1ff95223 { width: 48% !important; height: 100%; } .bottomBox .item_img image.data-v-1ff95223 { width: 100%; height: 100%; } .notice_box.data-v-1ff95223 { border: 2rpx solid #c5e3d7; } .appJump.data-v-1ff95223 { width: 190rpx; position: fixed; right: 0; top: 7%; z-index: 1; } .appJump .item.data-v-1ff95223 { background: rgba(255, 255, 255, 0.6); margin-bottom: 30rpx; border: 1px solid #fff; border-right: none; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-right: 10rpx; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; overflow: hidden; border-radius: 50rpx 0 0 50rpx; } .appJump .item text.data-v-1ff95223 { font-size: 28rpx; font-weight: 700; } .appJump .item .img.data-v-1ff95223 { padding: 6rpx; overflow: hidden; background-color: #fff; border-radius: 100%; } .appJump .item .img image.data-v-1ff95223 { width: 50rpx; height: 50rpx; } .related_courses_name.data-v-1ff95223 { font-weight: bold; } .footer_box.data-v-1ff95223 { height: 110rpx; position: fixed; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; z-index: 502; box-sizing: content-box; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .footer_bg.data-v-1ff95223 { background-color: #fff; box-shadow: 0 0px 10px 1px #0000001a; } .footer_item.data-v-1ff95223 { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .footer_nav_item.data-v-1ff95223 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; height: 100%; } .footer_nav_item.data-v-1ff95223:active { background-color: rgba(255, 255, 255, 0.1); } .footer_nav_item_text.data-v-1ff95223 { font-size: 26rpx; color: #909090; margin-top: 6rpx; } .footer_nav_item_text_active.data-v-1ff95223 { color: #f9a633; } .footer_nav_item_image.data-v-1ff95223 { width: 50rpx; height: 50rpx; } .footer_nav_item_image_scale.data-v-1ff95223 { -webkit-animation: mescrollUpRotate-data-v-1ff95223 0.6s linear 1; animation: mescrollUpRotate-data-v-1ff95223 0.6s linear 1; } @-webkit-keyframes mescrollUpRotate-data-v-1ff95223 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes mescrollUpRotate-data-v-1ff95223 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .footer_item_text_active.data-v-1ff95223 { color: #3AB3AE; font-weight: bold; } .per_mes.data-v-1ff95223 { margin: 0 0 50rpx 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .per_mes .per_mes_img.data-v-1ff95223 { width: 90rpx; height: 90rpx; border-radius: 90rpx; background-color: #fff; margin: 30rpx 30rpx 0; float: left; } .per_mes view.data-v-1ff95223 { float: left; margin-top: 20rpx; } .per_mes view .name.data-v-1ff95223 { display: inline-block; font-weight: bold; font-size: 38rpx; margin-bottom: 10rpx; } .per_mes view .tong.data-v-1ff95223 { color: #999; font-size: 25rpx; } .per_mes view .per_user_img.data-v-1ff95223 { display: inline-block; width: 40rpx; height: 40rpx; margin-left: 10rpx; vertical-align: super; } .mine_bg_box.data-v-1ff95223 { background-image: url(/static/icon/mine_bg.png) !important; background-repeat: no-repeat; background-size: 100% 100%; } .list_box.data-v-1ff95223 { padding: 20rpx 0; margin-top: -10rpx; } .xiugai.data-v-1ff95223 { border-radius: 20rpx !important; margin: 0 20rpx; background: rgba(255, 255, 255, 0.65); } .xiugai .nav_list.data-v-1ff95223 { background-color: #b7e0e2; padding: 15rpx 0 15rpx 10rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 22rpx; position: relative; font-weight: bold; border-bottom: 1px solid #e5e5e5; } .xiugai .nav_list.data-v-1ff95223:active { background-color: #f5f5f5; } .xiugai .nav_list text.data-v-1ff95223 { color: #333; margin-left: 10rpx; } .xiugai .nav_list.data-v-1ff95223::after { content: ""; position: absolute; right: 20rpx; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30rpx; height: 30rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABp0lEQVRYR+3VvUoDQRSG4e9sGkmRVu9AK7ESG7ETG+3UQkyiiIVl3DkDqdLOGEwaBbGJ/3+dKF6CxDsQbyHeQAg7MrCCWO3MDkmT1Jt9n50zO0sY8Y9G3McYMF4BpxVQSm1JKW9CbtzMABsnomsALWauhUJkBtigUkoQkQZwKYSoEpHJC3EC2JjWeh/AmTHmtVAoVOM47uVBOANSxCaAWwAfxpiqlPLTF+EFSBErKaJHRBUhxLsPwhuQ7okFIroDUAJQYeYXV0QugI01m82ZJEkeAMym47hwQeQGpOOYAvAIYBFAjZlbWRFBADbWaDQmisWiRawC2GHmThZEaIAdxRqADWZ+Ghqg3W5P9vt9G18a+giUUtNEdA9gzhhTllJeZXny32tyjUApNZ/GS1EUbcdx/OYSt9d6A7TWy/YMSJKkF0VRWQjRdY17A7TW6+kB1LXvPjN/+cS9AFrrPQDnAJ4Hg8FuvV7/9o07A7TWMYAjAB0hxO5QP8dKqQMiOjHGHEspD/M89d//Om1Ci5BSnoaKO48gZDjIORAC5DSCEMH/9xgDRr4CP0GtiCEKKiJ5AAAAAElFTkSuQmCC); background-position: center center; background-repeat: no-repeat; background-size: cover; } .xiugai .nav_list.data-v-1ff95223:nth-last-child(1) { border-bottom: 0; } .box_fillet.data-v-1ff95223 { border-radius: 40rpx; overflow: hidden; } .bg_top.data-v-1ff95223 { padding: 0 30rpx; height: 40rpx; position: relative; } .bg_top .setIcon.data-v-1ff95223 { position: absolute; right: 30rpx; }