practicalInfo.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. .page-content {
  2. padding-bottom: 0;
  3. }
  4. .flex_between {
  5. display: -webkit-flex;
  6. display: flex;
  7. align-items: center;
  8. justify-content: space-between;
  9. }
  10. .color96 {
  11. color: #969696;
  12. }
  13. /* 头部 */
  14. .head {
  15. position: relative;
  16. }
  17. .back {
  18. height: 40rpx;
  19. width: 40rpx;
  20. position: absolute;
  21. left: 20rpx;
  22. padding: 20rpx;
  23. top: 50rpx;
  24. z-index: 10;
  25. }
  26. .img {
  27. width: 100%;
  28. height: 400rpx;
  29. display: block;
  30. }
  31. /* 标题 */
  32. .is-title, .is-time, .is-num, .content {
  33. padding: 0 30rpx;
  34. }
  35. .content {
  36. margin-bottom: 140rpx;
  37. overflow: hidden;
  38. }
  39. .is-title {
  40. margin-top: 36rpx;
  41. }
  42. .status {
  43. color: #fd0201;
  44. border: 1px solid #fd0201;
  45. border-radius: 8rpx;
  46. padding: 2rpx 6rpx;
  47. }
  48. .status_end {
  49. color: #969696;
  50. border-color: #969696;
  51. }
  52. /* 时间 */
  53. .is-time {
  54. margin: 20rpx 0;
  55. }
  56. /* 奖励-学分 */
  57. .is-num {
  58. padding-bottom: 30rpx;
  59. border-bottom: 36rpx solid #f3f2f8;
  60. }
  61. .tag {
  62. margin-right: 20rpx;
  63. border: 1px solid #969696;
  64. border-radius: 6rpx;
  65. padding: 1px 2px;
  66. display: inline-block;
  67. }
  68. .people {
  69. float: right;
  70. }
  71. .jieshao, .dizhi_biaoti {
  72. font-weight: bold;
  73. color: #323232;
  74. margin-top: 36rpx;
  75. margin-bottom: 24rpx;
  76. }
  77. .jieshao_neirong {
  78. color: #646464;
  79. line-height: 34rpx;
  80. padding: 0 32rpx;
  81. }
  82. .dizhi_biaoti {
  83. margin-top: 72rpx;
  84. }
  85. .dizhi_box {
  86. box-shadow: 0px 0px 5px 2px #e5e5e5;
  87. border-radius: 20rpx;
  88. padding: 36rpx 0;
  89. margin-bottom: 72rpx;
  90. display: flex;
  91. align-items: center;
  92. }
  93. .dizhi-name {
  94. color: #000;
  95. font-weight: bold;
  96. margin-bottom: 24rpx;
  97. }
  98. .dizhi_icon {
  99. height: 70rpx;
  100. width: 68rpx;
  101. display: inline-block;
  102. margin-right: 24rpx;
  103. margin-left: 56rpx;
  104. }
  105. /* 底部 */
  106. .bot {
  107. padding: 0 30rpx;
  108. position: absolute;
  109. left: 0;
  110. right: 0;
  111. bottom: 0;
  112. height: 120rpx;
  113. box-shadow: 0px 0px 5px 2px #e5e5e5;
  114. background-color: #fff;
  115. z-index: 2;
  116. }
  117. .bot-icon {
  118. width: 44rpx;
  119. height: 44rpx;
  120. margin-right: 16rpx;
  121. }
  122. .bot-icon, .bot-t {
  123. vertical-align: middle;
  124. }
  125. .bot-right {
  126. height: 80rpx;
  127. line-height: 80rpx;
  128. border-radius: 40rpx;
  129. color: #fff;
  130. background-color: #0a84ff;
  131. padding: 0 30rpx;
  132. flex: 0 0 auto;
  133. }
  134. .baomingEnd{
  135. background-color: rgb(127, 127, 127);
  136. color: #fff;
  137. }
  138. .cont img{
  139. width: 100%;
  140. }
  141. .jb-icon {
  142. width: 25rpx;
  143. height: 25rpx;
  144. display: inline-block;
  145. margin-left: 10rpx;
  146. margin-bottom: 5rpx;
  147. vertical-align: bottom;
  148. }