- .status_bar{width:100%;background-color:#fff}.top-content{width:100%;position:fixed;top:0;left:0;z-index:10}.top-title{height:88rpx;line-height:88rpx;font-size:42rpx;font-family:Source Han Sans CN;font-weight:700;color:#222;padding-left:41rpx;background-color:#fff}.search-cont{padding:16rpx 30rpx;background-color:#fff}.search-cont .inner{box-sizing:border-box;width:100%;height:72rpx;background:#f7f7f7;border-radius:36rpx;display:flex;align-items:center;padding:0 30rpx}.search-cont .inner .icon-search{width:28rpx;height:28rpx;margin-right:20rpx}.search-cont .inner input{height:60rpx;line-height:60rpx;flex:1}.keyword-list{box-sizing:border-box;background:#fff;padding:10rpx 27rpx;height:100rpx}.keyword-list .inner{display:flex}.keyword-list .item{flex-shrink:0;padding:0 24rpx;height:64rpx;line-height:64rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#2bc7b9;background:#f5fffe;border:1px solid #8ad5ce;border-radius:32rpx;margin:0 20rpx 20rpx 0}.keyword-list .item.active{color:#fff;background:#2bc7b9;border:1px solid #2bc7b9}.know-list{margin-top:20rpx;padding:0 10rpx}.know-list .item{box-sizing:border-box;height:271rpx;background:#fff;border-radius:16rpx;padding:40rpx 30rpx;display:flex;align-items:center;justify-content:space-between;margin-bottom:20rpx}.know-list .item .left{flex:1;padding-right:40rpx;height:190rpx;display:flex;flex-direction:column;justify-content:space-between}.know-list .item .left .title{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:48rpx}.know-list .item .left .info-box{width:100%;display:flex;align-items:center;justify-content:space-between}.know-list .item .left .info-box .readers{display:flex;align-items:center}.know-list .item .left .info-box .readers .head-box{margin-right:27rpx;display:flex;align-items:center}.know-list .item .left .info-box .readers .head-box .head{width:48rpx;height:48rpx;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #fff;margin-right:-10rpx}.know-list .item .left .info-box .readers .head-box .head image{width:100%;height:100%}.know-list .item .left .info-box .readers .readings{display:flex;align-items:center}.know-list .item .left .info-box .readers .readings .eye{width:26rpx;height:20rpx;margin-right:9rpx}.know-list .item .left .info-box .readers .readings .num{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.know-list .item .left .info-box .time{font-size:24rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#999}.know-list .item .right{width:250rpx;height:190rpx;border-radius:8rpx;overflow:hidden}.know-list .item .right image{width:100%;height:100%}
|
