@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .tab_box { height: 219rpx; } .tab_box .tab_list { padding-top: 33rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .tab_box .tab_list .item { width: 230rpx; text-align: center; } .tab_box .tab_list .item .icon image { -webkit-transition: 1s; transition: 1s; width: 70rpx; height: 70rpx; } .tab_box .tab_list .item .title { -webkit-transition: 1s; transition: 1s; height: 34rpx; font-size: 25rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #BDC3C7; line-height: 34rpx; } .tab_box .tab_list .item .tips { -webkit-transition: 1s; transition: 1s; height: 29rpx; font-size: 21rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #A2A4A6; line-height: 29rpx; } .tab_box .tab_list .active .icon image { width: 90rpx; height: 90rpx; } .tab_box .tab_list .active .title { height: 42rpx; font-size: 29rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #2C3E50; line-height: 42rpx; } .tab_box .tab_list .active .tips { height: 34rpx; font-size: 25rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #A2A4A6; line-height: 34rpx; } .line { width: 100%; height: 22rpx; background-color: #f0f0f0; } .list1 { background-color: #f6f6f6; box-sizing: border-box; padding-top: 19rpx; padding-left: 24rpx; padding-right: 24rpx; } .list1 .list .item { margin-bottom: 21rpx; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; height: 175rpx; border-radius: 10rpx; } .list1 .list .item .item_l { box-sizing: border-box; padding-top: 10rpx; padding-left: 22rpx; padding-right: 12rpx; width: 171rpx; height: 175rpx; background: #3498DB; border-radius: 10rpx; } .list1 .list .item .item_l .day { height: 68rpx; font-size: 48rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 68rpx; } .list1 .list .item .item_l .month { text-align: right; height: 44rpx; font-size: 31rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 44rpx; } .list1 .list .item .item_l .name { text-align: center; height: 47rpx; font-size: 33rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 47rpx; } .list1 .list .item .item_r { position: relative; width: 531rpx; box-sizing: border-box; padding-top: 14rpx; margin-left: 12rpx; } .list1 .list .item .item_r .inner1 { margin-bottom: 12rpx; height: 42rpx; font-size: 29rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #2C3E50; line-height: 42rpx; } .list1 .list .item .item_r .inner2 { margin-bottom: 12rpx; height: 42rpx; font-size: 29rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #2C3E50; line-height: 42rpx; } .list1 .list .item .item_r .inner2 .inner_content { color: #E74C3C; } .list1 .list .item .item_r .inner3 { height: 42rpx; font-size: 29rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #2C3E50; line-height: 42rpx; } .list1 .list .item .item_r .inner3 .inner_content { color: #E74C3C; } .list1 .list .item .item_r .icon { position: absolute; top: 0; right: 24rpx; width: 40rpx; height: 51rpx; background-image: url(data:image/png;base64,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); background-size: cover; background-repeat: no-repeat; }