examDetail.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. .container {
  2. position: relative;
  3. }
  4. .exam-bg {
  5. position: absolute;
  6. left: 0;
  7. top: 0;
  8. }
  9. .page-bg {
  10. position: absolute;
  11. left: 50%;
  12. top: 70rpx;
  13. transform: translate(-50%);
  14. }
  15. .tag-bg {
  16. position: absolute;
  17. left: 90rpx;
  18. top: 70rpx;
  19. z-index: 2;
  20. }
  21. .content {
  22. height: 80vh;
  23. overflow: hidden;
  24. overflow-y: scroll;
  25. width: 570rpx;
  26. position: absolute;
  27. left: 50%;
  28. top: 90rpx;
  29. transform: translate(-50%);
  30. display: flex;
  31. flex-direction: column;
  32. }
  33. .content::-webkit-scrollbar {
  34. display: none;
  35. width: 0;
  36. height: 0;
  37. color: transparent;
  38. }
  39. .title {
  40. margin-top: 40rpx;
  41. font-size: 24rpx;
  42. font-weight: 400;
  43. color: #FF8D31;
  44. text-align: right;
  45. }
  46. .question {
  47. margin-top: 50rpx;
  48. font-size: 30rpx;
  49. font-weight: 400;
  50. color: #2F3F5A;
  51. }
  52. .opt {
  53. padding: 10rpx 30rpx;
  54. margin: 20rpx 10rpx;
  55. border: 1rpx solid #CED8EA;
  56. border-radius: 8rpx;
  57. display: flex;
  58. justify-content: space-between;
  59. align-items: center;
  60. }
  61. .opt-btn {
  62. margin-left: 10rpx;
  63. }
  64. .opt-default {
  65. font-size: 28rpx;
  66. font-weight: 400;
  67. color: #889AB8;
  68. }
  69. .opt-active {
  70. font-size: 28rpx;
  71. font-weight: 400;
  72. color: #FF4330;
  73. }
  74. .mt100 {
  75. margin-top: 100rpx;
  76. }
  77. .input-class {
  78. min-height: 400rpx !important;
  79. }
  80. .next-btn {
  81. width: 570rpx;
  82. box-shadow: 0 3rpx 5rpx 0 rgba(234, 45, 24, 0.6);
  83. font-size: 31rpx;
  84. font-weight: 500;
  85. color: #FFFFFF;
  86. margin-bottom: 20rpx;
  87. }