@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { height: 100%; background: #F4F5F4; } .content { height: 100%; } .content .navbar { display: -webkit-box; display: -webkit-flex; display: flex; height: 40px; padding: 0 5px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); position: relative; z-index: 10; } .content .navbar .nav-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; font-size: 15px; color: #303133; position: relative; } .content .navbar .nav-item.current { color: #FF727E; } .content .navbar .nav-item.current:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44px; height: 0; border-bottom: 2px solid #FF727E; } .content .swiper-box { height: calc(100% - 40px); padding: 20rpx 30rpx; } .content .list-scroll-content { height: 100%; } .content .fu-box { padding: 14rpx 20rpx 28rpx 20rpx; background: #FFFFFF; box-shadow: 0px 0px 40rpx 0px rgba(0, 0, 0, 0.06); border-radius: 12rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 20rpx; } .content .fu-box .fu-img { width: 220rpx; height: 182rpx; border-radius: 8rpx; } .content .fu-box .fu-right { margin-left: 20rpx; width: 62%; } .content .fu-box .fu-right .fu-tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 36rpx; font-family: PingFang SC; font-weight: 500; color: #222222; } .content .fu-box .fu-right .fu-text { margin-top: 17rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 24rpx; font-family: PingFang SC; font-weight: 500; color: #666666; } .content .fu-box .fu-right .fu-bottom { margin-top: 20rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .content .fu-box .fu-right .fu-bottom .fu-shenqing { font-size: 21rpx; font-family: PingFang; font-weight: 500; color: #FF727E; } .content .fu-box .fu-right .fu-bottom .fu-jifen { padding: 0 5rpx; border: 1px solid #FF0000; border-radius: 5rpx; font-size: 21rpx; font-family: PingFang SC; font-weight: 500; color: #FF0000; } .content .fu-box .fu-right .fu-bottom .fu-yjs { font-size: 21rpx; font-family: PingFang; font-weight: 500; color: #999999; } .content .fu-box .fu-right .fu-bottom .fu-sczl { padding: 5rpx 17rpx; font-size: 21rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; background: #FF727E; border-radius: 23rpx; }