index.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. page{
  2. background: #f0f0f0;
  3. }
  4. .score{
  5. width: 700rpx;
  6. margin: 20rpx auto;
  7. border-radius: 20rpx;
  8. background: white;
  9. padding: 20rpx;
  10. .hred-top{
  11. display: flex;
  12. align-items: center;
  13. .hrde-top-img{
  14. height: 140rpx;
  15. width: 140rpx;
  16. border-radius: 10rpx;
  17. margin-right: 20rpx;
  18. }
  19. .hrde-top-right{
  20. display: flex;
  21. flex-direction: column;
  22. .right-row-cont{
  23. color: #adadad;
  24. font-size: 28rpx;
  25. }
  26. }
  27. }
  28. .rate{
  29. display: flex;
  30. margin: 20rpx auto;
  31. align-items: center;
  32. font-weight: 800;
  33. font-size: 28rpx;
  34. .tips{
  35. margin-left: 20rpx;
  36. color: #999;
  37. }
  38. }
  39. .content{
  40. width: 660rpx;
  41. margin: 20rpx auto;
  42. font-weight: 800;
  43. font-size: 28rpx;
  44. textarea{
  45. width: 640rpx;
  46. height: 400rpx;
  47. border-radius: 20rpx;
  48. border: 1rpx solid #b9b9b9;
  49. padding: 10rpx;
  50. }
  51. }
  52. .alboum{
  53. display: flex;
  54. flex-direction: column;
  55. margin: 20rpx auto;
  56. width: 660rpx;
  57. padding: 20rpx;
  58. .alboum-text{
  59. color:#adadad ;
  60. font-weight: 800;
  61. font-size: 28rpx;
  62. }
  63. }
  64. .anonymous{
  65. display: flex;
  66. justify-content: space-between;
  67. color:#adadad ;
  68. font-weight: 800;
  69. font-size: 28rpx;
  70. .anonymous-tip{
  71. }
  72. }
  73. }
  74. .btn{
  75. margin: 100rpx auto;
  76. padding: 20rpx;
  77. border-radius: 10rpx;
  78. background: #4b72ca;
  79. color: white;
  80. width: 400rpx;
  81. text-align: center;
  82. }