|   | 
| page { | 
|     background-color: #F7F7F7; | 
| } | 
|   | 
| @charset "UTF-8"; | 
| /** | 
|  * 这里是uni-app内置的常用样式变量 | 
|  * | 
|  * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 | 
|  * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App | 
|  * | 
|  */ | 
| /** | 
|  * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 | 
|  * | 
|  * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 | 
|  */ | 
| /* 颜色变量 */ | 
| /* 行为相关颜色 */ | 
| /* 文字基本颜色 */ | 
| /* 背景颜色 */ | 
| /* 边框颜色 */ | 
| /* 尺寸变量 */ | 
| /* 文字尺寸 */ | 
| /* 图片尺寸 */ | 
| /* Border Radius */ | 
| /* 水平间距 */ | 
| /* 垂直间距 */ | 
| /* 透明度 */ | 
| /* 文章场景相关 */ | 
| .box.data-v-7542a4aa { | 
|   width: 100%; | 
| } | 
| .box .p.data-v-7542a4aa { | 
|   padding: 0 30rpx !important; | 
| } | 
| .box .box_list.data-v-7542a4aa { | 
|   width: 100%; | 
|   padding: 30rpx; | 
|   box-sizing: border-box; | 
|   background-color: #ffffff; | 
|   display: flex; | 
|   flex-direction: column; | 
|   margin-bottom: 20rpx; | 
|   position: relative; | 
| } | 
| .box .box_list .box_list_item.data-v-7542a4aa { | 
|   width: 100%; | 
|   padding: 30rpx 0; | 
|   box-sizing: border-box; | 
|   display: flex; | 
|   flex-direction: column; | 
|   justify-content: space-between; | 
|   border-bottom: 1rpx solid #E5E5E5; | 
| } | 
| .box .box_list .box_list_item .box_list_item_img.data-v-7542a4aa { | 
|   width: 100rpx; | 
|   height: 100rpx; | 
|   border-radius: 8rpx; | 
|   display: flex; | 
|   align-items: center; | 
|   justify-content: center; | 
|   overflow: hidden; | 
|   border: 1rpx solid #EEEEEE; | 
|   margin-top: 24rpx; | 
| } | 
| .box .box_list .box_list_item .box_list_item_img image.data-v-7542a4aa { | 
|   width: 100%; | 
|   height: 100%; | 
| } | 
| .box .box_list .box_list_item text.data-v-7542a4aa:nth-child(1) { | 
|   font-size: 26rpx; | 
|   font-family: PingFangSC, PingFang SC; | 
|   font-weight: 400; | 
|   color: #777777; | 
| } | 
| .box .box_list .box_list_item text.data-v-7542a4aa:nth-child(2) { | 
|   font-size: 28rpx; | 
|   font-family: PingFangSC, PingFang SC; | 
|   font-weight: 400; | 
|   color: #222222; | 
|   margin-top: 20rpx; | 
| } | 
| .box .box_list .box_list_item text.data-v-7542a4aa:nth-child(3) { | 
|   font-size: 28rpx; | 
|   font-family: PingFangSC, PingFang SC; | 
|   font-weight: 400; | 
|   color: #222222; | 
|   margin-top: 20rpx; | 
| } | 
| .box .box_list .box_list_name.data-v-7542a4aa { | 
|   font-size: 32rpx; | 
|   font-weight: 500; | 
|   color: #222222; | 
| } | 
| .box .box_list .box_list_job.data-v-7542a4aa { | 
|   font-size: 26rpx; | 
|   font-weight: 400; | 
|   color: #666666; | 
|   margin-top: 20rpx; | 
| } | 
| .box .box_list .box_list_status1.data-v-7542a4aa { | 
|   position: absolute; | 
|   right: 30rpx; | 
|   top: 50%; | 
|   -webkit-transform: translate(0, -50%); | 
|           transform: translate(0, -50%); | 
|   width: 120rpx; | 
|   height: 120rpx; | 
| } | 
| .box .box_list .box_list_status1 image.data-v-7542a4aa { | 
|   width: 100%; | 
|   height: 100%; | 
| } | 
| .box .box_list .box_list_status.data-v-7542a4aa { | 
|   position: absolute; | 
|   right: 0; | 
|   top: 0; | 
|   width: 140rpx; | 
|   height: 60rpx; | 
|   line-height: 60rpx; | 
|   text-align: center; | 
|   font-size: 26rpx; | 
|   font-weight: 400; | 
|   color: #025EEF; | 
|   background: rgba(66, 117, 252, 0.12); | 
|   border-radius: 0rpx 0rpx 0rpx 30rpx; | 
| } |