examDetail.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. color: #FF8D31;
  43. text-align: right;
  44. }
  45. .question {
  46. margin-top: 50rpx;
  47. font-size: 30rpx;
  48. color: #2F3F5A;
  49. }
  50. .opt {
  51. padding: 10rpx 30rpx;
  52. margin: 20rpx 10rpx;
  53. border: 1rpx solid #CED8EA;
  54. border-radius: 8rpx;
  55. display: flex;
  56. justify-content: space-between;
  57. align-items: center;
  58. }
  59. .opt-btn {
  60. margin-left: 10rpx;
  61. }
  62. .opt-default {
  63. font-size: 28rpx;
  64. color: #889AB8;
  65. }
  66. .opt-active {
  67. font-size: 28rpx;
  68. color: #FF4330;
  69. }
  70. .mt100 {
  71. margin-top: 100rpx;
  72. }
  73. .input-class {
  74. min-height: 400rpx !important;
  75. }
  76. .next-btn {
  77. width: 570rpx;
  78. box-shadow: 0 3rpx 5rpx 0 rgba(234, 45, 24, 0.6);
  79. font-size: 31rpx;
  80. color: #FFFFFF;
  81. margin-bottom: 20rpx;
  82. }