|   | 
| page { | 
|     background: #F7F7F7; | 
| } | 
|   | 
| @charset "UTF-8"; | 
| /** | 
|  * 这里是uni-app内置的常用样式变量 | 
|  * | 
|  * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 | 
|  * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App | 
|  * | 
|  */ | 
| /** | 
|  * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 | 
|  * | 
|  * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 | 
|  */ | 
| /* 颜色变量 */ | 
| /* 行为相关颜色 */ | 
| /* 文字基本颜色 */ | 
| /* 背景颜色 */ | 
| /* 边框颜色 */ | 
| /* 尺寸变量 */ | 
| /* 文字尺寸 */ | 
| /* 图片尺寸 */ | 
| /* Border Radius */ | 
| /* 水平间距 */ | 
| /* 垂直间距 */ | 
| /* 透明度 */ | 
| /* 文章场景相关 */ | 
| .details.data-v-69af90bc { | 
|   width: 100%; | 
| } | 
| .details .details_head.data-v-69af90bc { | 
|   width: 100%; | 
|   height: 216rpx; | 
|   padding: 30rpx; | 
|   box-sizing: border-box; | 
|   background: #01B6AD; | 
|   display: flex; | 
|   flex-direction: column; | 
|   justify-content: space-between; | 
| } | 
| .details .details_head .details_head_a.data-v-69af90bc { | 
|   font-size: 26rpx; | 
|   font-family: PingFangSC-Regular, PingFang SC; | 
|   font-weight: 400; | 
|   color: #FFFFFF; | 
| } | 
| .details .details_head .details_head_b.data-v-69af90bc { | 
|   width: 100%; | 
|   display: flex; | 
|   align-items: center; | 
| } | 
| .details .details_head .details_head_b .details_head_b_a.data-v-69af90bc { | 
|   font-size: 40rpx; | 
|   font-weight: 400; | 
|   color: #FFFFFF; | 
| } | 
| .details .details_head .details_head_b .details_head_b_b.data-v-69af90bc { | 
|   font-weight: 400; | 
|   font-size: 26rpx; | 
|   color: #FFFFFF; | 
|   margin-left: 16rpx; | 
| } | 
| .details .details_head .details_head_c.data-v-69af90bc { | 
|   width: 100%; | 
|   display: flex; | 
|   align-items: center; | 
|   justify-content: space-between; | 
| } | 
| .details .details_head .details_head_c text.data-v-69af90bc { | 
|   font-size: 26rpx; | 
|   font-family: PingFangSC-Regular, PingFang SC; | 
|   font-weight: 400; | 
|   color: #FFFFFF; | 
| } | 
| .details .details_list.data-v-69af90bc { | 
|   width: 100%; | 
|   padding: 20rpx; | 
|   box-sizing: border-box; | 
| } | 
| .details .details_list .details_list_item.data-v-69af90bc { | 
|   width: 100%; | 
|   padding: 24rpx 30rpx; | 
|   box-sizing: border-box; | 
|   background: #FFFFFF; | 
|   border-radius: 20rpx; | 
|   margin-bottom: 20rpx; | 
| } | 
| .details .details_list .details_list_item.data-v-69af90bc:last-child { | 
|   margin: 0; | 
| } | 
| .details .details_list .details_list_item .details_list_item_a.data-v-69af90bc { | 
|   width: 100%; | 
|   display: flex; | 
|   align-items: center; | 
|   justify-content: space-between; | 
| } | 
| .details .details_list .details_list_item .details_list_item_a text.data-v-69af90bc:first-child { | 
|   font-size: 32rpx; | 
|   font-family: PingFangSC-Regular, PingFang SC; | 
|   font-weight: 400; | 
|   color: #222222; | 
| } | 
| .details .details_list .details_list_item .details_list_item_a text.data-v-69af90bc:last-child { | 
|   font-size: 26rpx; | 
|   font-family: PingFangSC-Regular, PingFang SC; | 
|   font-weight: 400; | 
|   color: #666666; | 
| } | 
| .details .details_list .details_list_item .details_list_item_b.data-v-69af90bc { | 
|   width: 100%; | 
|   margin-top: 16rpx; | 
|   font-size: 28rpx; | 
|   font-family: PingFangSC-Regular, PingFang SC; | 
|   font-weight: 400; | 
|   color: #666666; | 
| } |