@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .luntan-pages .index-header { padding: 0 32rpx; height: 50rpx; } .luntan-pages .quanzi-list { padding: 0 32rpx; background-color: #fff; } .luntan-pages .quanzi-list .quanzi-item { padding: 28rpx 0; border-bottom: 2rpx solid #F4F4F4; } .luntan-pages .quanzi-list .quanzi-item .quanzi-btn { width: 112rpx; border-radius: 24rpx; border: 1rpx solid #0C66C2; text-align: center; line-height: 48rpx; font-size: 26rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #0C66C2; } .luntan-pages .quanzi-list .quanzi-item .quanzi-center { flex: 1; margin: 0 20rpx; } .luntan-pages .quanzi-list .quanzi-item .quanzi-center text:first-child { font-size: 30rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; margin-bottom: 14rpx; } .luntan-pages .quanzi-list .quanzi-item .quanzi-center text:last-child { font-size: 22rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #777777; } .luntan-pages .quanzi-list .quanzi-item .img { width: 96rpx; height: 96rpx; border-radius: 10rpx; background-color: rgba(0, 0, 0, 0.1); } .luntan-pages .fabu-luntan { width: 566rpx; height: 308rpx; padding: 40rpx 100rpx 0 100rpx; } .luntan-pages .fabu-luntan .fabu-item .fabu-img { width: 112rpx; height: 112rpx; background: rgba(12, 102, 194, 0.1); margin-bottom: 32rpx; border-radius: 100%; } .luntan-pages .fabu-luntan .fabu-item .fabu-img image { width: 56rpx; height: 56rpx; } .luntan-pages .fabu-luntan .fabu-item .fabu-text { font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; } .luntan-pages .luntan-fabu { width: 96rpx; height: 96rpx; background: #0C66C2; box-shadow: 0rpx 12rpx 48rpx -20rpx #0C66C2; position: fixed; bottom: 44rpx; right: 24rpx; z-index: 10; border-radius: 100rpx; } .luntan-pages .luntan-fabu image { width: 45rpx; height: 45rpx; } .luntan-pages .luntan-list { padding: 20rpx 20rpx 0 24rpx; box-sizing: border-box; } .luntan-pages .luntan-list .luntan-item { background: #FFFFFF; border-radius: 20rpx; margin: 20rpx auto; padding: 0 20rpx; } .luntan-pages .luntan-list .luntan-item .item-down { height: 84rpx; } .luntan-pages .luntan-list .luntan-item .item-down .down-item { width: 214rpx; } .luntan-pages .luntan-list .luntan-item .item-down .down-item image { width: 33rpx; height: 33rpx; } .luntan-pages .luntan-list .luntan-item .item-down .down-item .text1 { font-size: 26rpx; font-family: ArialMT; color: #777777; margin-left: 12rpx; } .luntan-pages .luntan-list .luntan-item .luntan-img { margin-top: 20rpx; width: 100%; } .luntan-pages .luntan-list .luntan-item .luntan-img image { width: 210rpx; height: 210rpx; border-radius: 10rpx; margin-bottom: 10rpx; } .luntan-pages .luntan-list .luntan-item .luntan-img::after { width: 210rpx; } .luntan-pages .luntan-list .luntan-item .quanzi-box { padding: 0 20rpx; height: 50rpx; background: #F6F6F6; border-radius: 28rpx; margin: 20rpx 0 0 0; display: inline-flex; } .luntan-pages .luntan-list .luntan-item .quanzi-box image { width: 28rpx; height: 28rpx; } .luntan-pages .luntan-list .luntan-item .quanzi-box text { font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; margin-left: 8rpx; } .luntan-pages .luntan-list .luntan-item .luntan-user { height: 130rpx; } .luntan-pages .luntan-list .luntan-item .luntan-user .guanzhu-btn { width: 112rpx; line-height: 48rpx; border-radius: 24rpx; border: 1rpx solid #0C66C2; text-align: center; font-size: 26rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #0C66C2; } .luntan-pages .luntan-list .luntan-item .luntan-user .user-center { margin: 0 16rpx; min-width: 1rpx; } .luntan-pages .luntan-list .luntan-item .luntan-user .user-center text:first-child { font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; margin-bottom: 4rpx; } .luntan-pages .luntan-list .luntan-item .luntan-user .user-center text:last-child { font-size: 20rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #818389; } .luntan-pages .luntan-list .luntan-item .luntan-user .user-head { width: 72rpx; height: 72rpx; border-radius: 100rpx; } .luntan-pages .luntan-header { position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 99; background: linear-gradient(180deg, #EDF6FF 0%, #FFFFFF 100%); } .luntan-pages .luntan-header .index-bg { position: absolute; top: 0; left: 0; z-index: -1; width: 750rpx; height: 260rpx; } .luntan-pages .luntan-header .header-tabs { height: 84rpx; } .luntan-pages .luntan-header .header-tabs .tabs-item { padding: 0 42rpx; } .luntan-pages .luntan-header .header-tabs .tabs-item text:first-child { font-size: 32rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #777777; margin-bottom: 10rpx; } .luntan-pages .luntan-header .header-tabs .tabs-item text:last-child { width: 36rpx; height: 6rpx; border-radius: 4rpx; } .luntan-pages .luntan-header .header-tabs .tabs-item1 text:first-child { color: #000000; } .luntan-pages .luntan-header .header-tabs .tabs-item1 text:last-child { background-color: #0C66C2; } .luntan-pages .luntan-header .luntan-navbar { flex: 1; padding: 0 32rpx; } .luntan-pages .luntan-header .luntan-navbar .navbar-right .luntan-search { height: 68rpx; background: #F3F3F3; border-radius: 20rpx; padding: 0 24rpx; margin-left: 80rpx; } .luntan-pages .luntan-header .luntan-navbar .navbar-right .luntan-search input { margin-left: 12rpx; font-size: 26rpx; } .luntan-pages .luntan-header .luntan-navbar .navbar-right .right-icon { margin-left: 22rpx; position: relative; } page { background-color: #F6F6F6; }