index.css 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .shgj {
  2. padding: 0 30px;
  3. background: #f8f8f8;
  4. position: relative;
  5. overflow: hidden;
  6. }
  7. .ScorePopup {
  8. width: 100%;
  9. position: fixed;
  10. left: 0;
  11. top: 0;
  12. bottom: 0;
  13. z-index: 100;
  14. background: rgba(0, 0, 0, 0.7);
  15. }
  16. .ScorePopup > view {
  17. width: 460px;
  18. }
  19. .ScorePopup > view > view {
  20. width: 100%;
  21. position: relative;
  22. overflow: hidden;
  23. background: #fff;
  24. border-radius: 24px;
  25. }
  26. .ScorePopup > view > view > .Title > text {
  27. display: block;
  28. font-size: 24px;
  29. color: #666;
  30. line-height: 40px;
  31. text-align: center;
  32. margin-top: 20px;
  33. position: relative;
  34. z-index: 1;
  35. }
  36. .ScorePopup > view > view > .Title > text.iconfont {
  37. font-size: 40px;
  38. position: absolute;
  39. right: 30px;
  40. top: 0;
  41. z-index: 2;
  42. }
  43. .ScorePopup > view > view > .flex-h {
  44. padding: 0 80px;
  45. align-items: center;
  46. margin-top: 40px;
  47. }
  48. .ScorePopup > view > view > .flex-h > .Icon {
  49. width: 120px;
  50. height: 120px;
  51. border-radius: 100%;
  52. position: relative;
  53. overflow: hidden;
  54. background: #eee;
  55. margin-right: 20px;
  56. }
  57. .ScorePopup > view > view > .flex-h > .Icon > image {
  58. width: 100%;
  59. height: 100%;
  60. }
  61. .ScorePopup > view > view > .flex-h > .flex-item > text {
  62. display: block;
  63. font-size: 24px;
  64. color: #999;
  65. line-height: 40px;
  66. }
  67. .ScorePopup > view > view > .flex-h > .flex-item > text:first-child {
  68. color: #333;
  69. margin-bottom: 10px;
  70. }
  71. .ScorePopup > view > view > .Star {
  72. font-size: 0;
  73. text-align: center;
  74. white-space: nowrap;
  75. margin-top: 20px;
  76. }
  77. .ScorePopup > view > view > .Star > text {
  78. display: inline-block;
  79. vertical-align: middle;
  80. font-size: 40px;
  81. margin-left: 10px;
  82. color: #666;
  83. }
  84. .ScorePopup > view > view > .Star > text.active {
  85. color: #fcdc1e;
  86. }
  87. .ScorePopup > view > view > .Star > text:first-child {
  88. margin-left: 0;
  89. }
  90. .ScorePopup > view > view > .Submit {
  91. border-top: 2px solid rgba(0, 0, 0, 0.08);
  92. margin-top: 40px;
  93. }
  94. .ScorePopup > view > view > .Submit > text {
  95. display: block;
  96. font-size: 30px;
  97. color: #F35844;
  98. line-height: 90px;
  99. text-align: center;
  100. }