equipjk.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .jkitem{
  2. position: relative;
  3. margin: .4rem;
  4. border-radius: .2rem;
  5. background: #FFF url(../images/jkListBj.png) no-repeat 92% bottom;
  6. background-size: 1.3rem;
  7. }
  8. .jkmsg{
  9. padding: .22rem 2rem .22rem .38rem;
  10. }
  11. .jkmsgTop{
  12. letter-spacing: 0.04rem;
  13. border-bottom: 1px dashed #777;
  14. padding-bottom: .2rem;
  15. line-height: .5rem;
  16. margin-bottom: .2rem;
  17. }
  18. .jkmsgBottom{
  19. letter-spacing: .1rem;
  20. font-size: .22rem;
  21. }
  22. .blue >div{
  23. background: #21b2e7;
  24. }
  25. .blue{
  26. color: #21b2e7;
  27. }
  28. .pink{
  29. color: #f77b7b;
  30. }
  31. .pink >div{
  32. background: #f77b7b;
  33. }
  34. .jkmsgBottom >div{
  35. display: inline-block;
  36. width: .4rem;
  37. height: .4rem;
  38. border-radius: 50%;
  39. line-height: .38rem;
  40. overflow: hidden;
  41. text-align: center;
  42. vertical-align: middle;
  43. margin-right: .1rem;
  44. }
  45. .jkmsgBottom >div >img{
  46. width: 51%;
  47. }
  48. .circleBj{
  49. position: absolute;
  50. right: -.17rem;
  51. top: 0;
  52. bottom: 0;
  53. width: .3rem;
  54. }
  55. .circleBj div{
  56. width: .3rem;
  57. height: 0.22rem;
  58. border-radius: .1rem;
  59. background: #efeff4;
  60. margin: .14rem 0;
  61. }
  62. /*jk详情*/
  63. .bottomCtrl{
  64. background: url(../images/jkctrl.png) no-repeat center;
  65. }