index.acss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .top {
  2. width: 100%;
  3. height: 70rpx;
  4. background-color: #26A2FF;
  5. margin-bottom: 94rpx;
  6. }
  7. .vip{
  8. padding:0 20rpx;
  9. line-height: 0rpx;
  10. position: relative;
  11. }
  12. .vip image{
  13. width: 100%;
  14. height: 140rpx;
  15. }
  16. .btn{
  17. background-image: linear-gradient(to bottom, #ffeab2 0%, #e1bf66 100%);
  18. text-align: center;
  19. color: #232d48;
  20. border-radius: 50rpx;
  21. line-height: 70rpx;
  22. height: 70rpx;
  23. padding: 0 20rpx;
  24. position: absolute;
  25. right: 40rpx;
  26. width: 160rpx;
  27. top: 50%;
  28. margin-top: -35rpx;
  29. text-align: center;
  30. font-size: 32rpx;
  31. }
  32. .new{
  33. background: red;
  34. color: #fff;
  35. border-radius: 50rpx;
  36. margin-left: 20rpx;
  37. font-size: 24rpx;
  38. padding: 4rpx 6rpx;
  39. }
  40. .head{
  41. background-color: #fff;
  42. box-shadow: 0 0.04rem 0.12rem 0 rgba(0,0,0,.05);
  43. height: 140rpx;
  44. border-bottom: 1px solid #f1f1f1;
  45. }
  46. .head .flex-box-ce{
  47. padding:0 28rpx;
  48. height: 100%;
  49. }
  50. .name{
  51. font-size: 36rpx;
  52. margin-left: 20rpx;
  53. }
  54. .li{
  55. background-color: #fff;
  56. border-bottom: 1px solid #f1f1f1;
  57. }
  58. .img-left{
  59. width: 40rpx;
  60. height: 40rpx;
  61. margin: 0 28rpx;
  62. }
  63. .img-right{
  64. width: 24rpx;
  65. height: 24rpx;
  66. margin-right: 28rpx;
  67. }
  68. .li-right{
  69. padding: 28rpx 0;
  70. }
  71. .date{
  72. font-size: 28rpx;
  73. color: #999
  74. }
  75. .xusj{
  76. color: #fff;
  77. background-color: #26A2FF;
  78. border-radius: 6rpx;
  79. margin-right: 28rpx;
  80. font-size: 28rpx;
  81. padding: 5rpx 10rpx;
  82. }