@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { width: 100%; height: 100%; background-color: #f8f6f6; } .container { width: 100%; height: 100%; background-color: #f8f6f6; } .scroll-list { width: 100%; height: 70rpx; overflow: hidden; white-space: nowrap; padding: 0rpx 25rpx; font-size: 26rpx; background-color: #ffffff; margin-bottom: 25rpx; line-height: 60rpx; } .scroll-list .scoll-box { margin-right: 35rpx; text-align: center; display: inline-block; } .scroll-list .scoll-box.active { color: #fa2740; border-bottom: 4rpx solid #fa2740; } .big-box { padding: 0 13rpx; padding-bottom: 25rpx; } .big-box .no-data { width: 100%; font-size: 26rpx; text-align: center; } .big-box .activitylist { margin-top: 20rpx; background: white; box-shadow: 0px 5rpx 5rpx 0px rgba(35, 24, 21, 0.06); border-radius: 7rpx; padding: 0 20rpx; } .big-box .activitylist .act_box { display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; padding: 31rpx 0rpx 25rpx 0rpx; border-bottom: 1rpx solid #e8e8e8; } .big-box .activitylist .act_box .act_left { width: 240rpx; height: 160rpx; margin-right: 25rpx; } .big-box .activitylist .act_box .act_left image { width: 240rpx; height: 160rpx; border-radius: 10rpx; } .big-box .activitylist .act_box .act_right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .big-box .activitylist .act_box .act_right .right_top { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .big-box .activitylist .act_box .act_right .right_top .act_tit { font-size: 30rpx; font-weight: bold; color: #333333; } .big-box .activitylist .act_box .act_right .right_top .act_icon { width: 31rpx; height: 44rpx; } .big-box .activitylist .act_box .act_right .right_top .act_icon image { width: 30rpx; height: 44rpx; } .big-box .activitylist .act_box .act_right .act_txt { width: 90%; font-size: 22rpx; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 70rpx; } .big-box .activitylist .act_box .act_right .tip-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 24rpx; } .big-box .activitylist .act_box .act_right .tip-box .tip { background: rgba(103, 134, 251, 0.18); color: #6786fb; margin-right: 15rpx; margin-top: 10rpx; padding: 2rpx 10rpx; } .big-box .activitylist .act_time { padding: 25rpx 0rpx; } .big-box .activitylist .act_time .time_date { font-size: 24rpx; font-weight: bold; color: #666666; } .big-box .activitylist .act_time .act_mony { font-size: 26rpx; font-weight: bold; color: red; } .Search-box { height: 100rpx; background: #ffffff; padding: 0 24rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 26rpx; } .Search-box .Search-text { font-size: 28rpx; font-weight: 500; color: #666666; } .Search-box .Search-box-size { width: 620rpx; border-radius: 32rpx; background-color: #f1f1f1; padding-left: 36rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .Search-box .Search-box-size .box-img { height: 32rpx; width: 32rpx; margin-right: 16rpx; } .Search-box .Search-box-size .input-box { font-size: 26rpx; height: 65rpx; line-height: 65rpx; } .Search-box .Search-box-size .box-word { font-size: 22rpx; font-weight: 500; color: #cdcbcb; line-height: 55rpx; }