@charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 基本颜色 */ .pull_head { font-size: 34rpx; color: #999; padding: 30rpx 0; text-align: center; } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .group_head { padding: 20rpx 42rpx; background-color: #008EFF; text-align: left; color: #fff; font-size: 30rpx; } .group_head .client { font-size: 36rpx; margin-bottom: 20rpx; } .group_head .nickname { margin-bottom: 20rpx; } .group_head .nickname text { padding: 0 30rpx; } .group_head .state { margin-bottom: 20rpx; } .group_head .time { margin-bottom: 20rpx; } .group_head .time text { padding: 0 30rpx; } .group_head .site { margin-bottom: 20rpx; } .group_head .principal { margin-bottom: 20rpx; } .group_tab { margin: 20rpx 0; } .bottom_nav { position: fixed; bottom: 0; left: 0; right: 0; padding: 20rpx 0; background-color: #fff; text-align: center; color: #999; z-index: 2; display: flex; justify-content: space-around; align-items: center; border-top: 1rpx solid #f5f5f5; } .bottom_nav .bottom_item { font-size: 24rpx; } .bottom_nav .bottom_item .botimg { width: 40rpx; height: 40rpx; } .pull_con { padding: 20rpx; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: center; color: #999; box-sizing: border-box; margin-bottom: calc(env(safe-area-inset-bottom) / 2); } .pull_con .pull_item { width: 22%; margin-bottom: 90rpx; margin-right: 20rpx; } .pull_con .pull_item :first-child { padding-bottom: 10rpx; } .pull_con .pull_item :last-child { padding-bottom: 50rpx; } .scrollView { margin: 25rpx 0; } .scrollView .scrolllist { display: flex; justify-content: flex-start; align-items: center; } .scrollView .scrolllist .scrollView_item { flex-shrink: 0; width: 145rpx; padding: 15rpx 0; background: #fff; border-radius: 20rpx; text-align: center; margin-right: 15rpx; } .scrollView .scrolllist .scrollView_item .scroll_top { color: #008EFF; font-size: 32rpx; font-weight: bold; } .scrollView .scrolllist .scrollView_item .scroll_foot { font-size: 26rpx; color: #333; }