silver.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .bg {
  2. position: relative;
  3. width: 100%;
  4. min-height: 100%;
  5. background-color: #f3f3f3;
  6. }
  7. .radish-top {
  8. width: 100%;
  9. height: 360rpx;
  10. background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/djquan.jpg');
  11. background-size: 100%;
  12. }
  13. .radish-top__title {
  14. padding: 95rpx 0 0;
  15. font-size: 34rpx;
  16. color: #FFF;
  17. text-align: center;
  18. text-shadow: 1px 1px 1px #bb954d;
  19. }
  20. .radish-top__count {
  21. font-size: 70rpx;
  22. color: #fff;
  23. text-align: center;
  24. text-shadow: 1px 1px 1px #e6231d;
  25. }
  26. .radish-top__btn {
  27. position: absolute;
  28. top: 190rpx;
  29. left: 150rpx;
  30. width: 196rpx;
  31. height: 60rpx;
  32. border: 2rpx solid #fff;
  33. margin: 48rpx auto 0;
  34. text-align: center;
  35. line-height: 60rpx;
  36. border-radius: 8rpx;
  37. font-size: 28rpx;
  38. color: #fff;
  39. }
  40. .radish-top__btn1 {
  41. position: absolute;
  42. top: 210rpx;
  43. width: 206rpx;
  44. height: 60rpx;
  45. border: 2rpx solid #eb4d20;
  46. margin: 48rpx auto 0;
  47. text-align: center;
  48. line-height: 60rpx;
  49. border-radius: 45px;
  50. font-size: 32rpx;
  51. color: #fff;
  52. right: calc(50% - 103rpx);
  53. background: linear-gradient(to right,#eb712c,#e71f1c);
  54. }
  55. .radish-main {
  56. background-color: #fff;
  57. }
  58. .radish-main__title {
  59. height: 50rpx;
  60. line-height: 50rpx;
  61. color: #bbbbbb;
  62. background-color: #f3f3f3;
  63. text-align: center;
  64. font-size: 24rpx;
  65. }
  66. .radish-main__line {
  67. margin: 0 20rpx;
  68. height: 100rpx;
  69. border-bottom: 1rpx solid #eeeeee;
  70. }
  71. .radish-main__left {
  72. float: left;
  73. width: 450rpx;
  74. }
  75. .radish-main__text {
  76. float: left;
  77. padding-top: 16rpx;
  78. font-size: 28rpx;
  79. color: #4c4c4c;
  80. width: 450rpx;
  81. }
  82. .radish-main__time {
  83. float: left;
  84. font-size: 18rpx;
  85. color: #bbbbbb;
  86. padding-top: 5rpx;
  87. }
  88. .radish-main__count {
  89. float: right;
  90. width: 260rpx;
  91. font-size: 28rpx;
  92. line-height: 100rpx;
  93. text-align: right;
  94. color: #eab86a;
  95. }