.page-content { padding-bottom: 0; } .flex_between { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; } .color96 { color: #969696; } /* 头部 */ .head { position: relative; } .back { height: 40rpx; width: 40rpx; position: absolute; left: 20rpx; padding: 20rpx; top: 50rpx; z-index: 10; } .img { width: 100%; height: 400rpx; display: block; } /* 标题 */ .is-title, .is-time, .is-num, .content { padding: 0 30rpx; } .content { margin-bottom: 140rpx; overflow: hidden; } .is-title { margin-top: 36rpx; } .status { color: #fd0201; border: 1px solid #fd0201; border-radius: 8rpx; padding: 2rpx 6rpx; } .status_end { color: #969696; border-color: #969696; } /* 时间 */ .is-time { margin: 20rpx 0; } /* 奖励-学分 */ .is-num { padding-bottom: 30rpx; border-bottom: 36rpx solid #f3f2f8; } .tag { margin-right: 20rpx; border: 1px solid #969696; border-radius: 6rpx; padding: 1px 2px; display: inline-block; } .people { float: right; } .jieshao, .dizhi_biaoti { font-weight: bold; color: #323232; margin-top: 36rpx; margin-bottom: 24rpx; } .jieshao_neirong { color: #646464; line-height: 34rpx; padding: 0 32rpx; } .dizhi_biaoti { margin-top: 72rpx; } .dizhi_box { box-shadow: 0px 0px 5px 2px #e5e5e5; border-radius: 20rpx; padding: 36rpx 0; margin-bottom: 72rpx; display: flex; align-items: center; } .dizhi-name { color: #000; font-weight: bold; margin-bottom: 24rpx; } .dizhi_icon { height: 70rpx; width: 68rpx; display: inline-block; margin-right: 24rpx; margin-left: 56rpx; } /* 底部 */ .bot { padding: 0 30rpx; position: absolute; left: 0; right: 0; bottom: 0; height: 120rpx; box-shadow: 0px 0px 5px 2px #e5e5e5; background-color: #fff; z-index: 2; } .bot-icon { width: 44rpx; height: 44rpx; margin-right: 16rpx; } .bot-icon, .bot-t { vertical-align: middle; } .bot-right { height: 80rpx; line-height: 80rpx; border-radius: 40rpx; color: #fff; background-color: #0a84ff; padding: 0 30rpx; flex: 0 0 auto; } .baomingEnd{ background-color: rgb(127, 127, 127); color: #fff; } .cont img{ width: 100%; } .jb-icon { width: 25rpx; height: 25rpx; display: inline-block; margin-left: 10rpx; margin-bottom: 5rpx; vertical-align: bottom; }