questionDetail.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .top {
  2. background-color: #fff;
  3. display: flex;
  4. flex-direction: row;
  5. align-items: center;
  6. }
  7. .progress {
  8. width: 620rpx;
  9. margin-left: 30rpx;
  10. border-radius: 3rpx;
  11. overflow: hidden;
  12. }
  13. .progress-txt {
  14. flex: 1;
  15. text-align: center;
  16. font-size: 24rpx;
  17. color: #FF4330;
  18. }
  19. .content {
  20. background: #FFFFFF;
  21. margin: 20rpx;
  22. padding: 10rpx 30rpx 30rpx 10rpx;
  23. }
  24. .question {
  25. display: flex;
  26. align-items: center;
  27. }
  28. .tag {
  29. width: 55rpx;
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. height: 55rpx;
  34. background: linear-gradient(0deg, #FF7B60 0%, #FF4330 100%);
  35. border-radius: 20rpx;
  36. font-size: 28rpx;
  37. color: #FFFFFF;
  38. }
  39. .title {
  40. font-size: 28rpx;
  41. color: #333333;
  42. flex: 1;
  43. margin: 0 30rpx;
  44. }
  45. .type {
  46. font-size: 28rpx;
  47. color: #FF4330;
  48. }
  49. .opt-list {
  50. padding: 0rpx 10rpx;
  51. display: flex;
  52. /* flex-flow: wrap; */
  53. flex-direction: column;
  54. margin-top: 30rpx;
  55. }
  56. .opt {
  57. display: flex;
  58. align-items: center;
  59. padding-bottom: 3px;
  60. }
  61. .radio-txt {
  62. margin: 0 25rpx;
  63. font-size: 24rpx;
  64. color: #333333;
  65. line-height: 28rpx;
  66. }
  67. .input-class {
  68. min-height: 300rpx !important;
  69. }
  70. .mtb50 {
  71. margin: 50rpx;
  72. }