123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .container {
- position: relative;
- }
- .exam-bg {
- position: absolute;
- left: 0;
- top: 0;
- }
- .page-bg {
- position: absolute;
- left: 50%;
- top: 70rpx;
- transform: translate(-50%);
- }
- .tag-bg {
- position: absolute;
- left: 90rpx;
- top: 70rpx;
- z-index: 2;
- }
- .content {
- height: 80vh;
- overflow: hidden;
- overflow-y: scroll;
- width: 570rpx;
- position: absolute;
- left: 50%;
- top: 90rpx;
- transform: translate(-50%);
- display: flex;
- flex-direction: column;
- }
- .content::-webkit-scrollbar {
- display: none;
- width: 0;
- height: 0;
- color: transparent;
- }
- .title {
- margin-top: 40rpx;
- font-size: 24rpx;
- color: #FF8D31;
- text-align: right;
- }
- .question {
- margin-top: 50rpx;
- font-size: 30rpx;
- color: #2F3F5A;
- }
- .opt {
- padding: 10rpx 30rpx;
- margin: 20rpx 10rpx;
- border: 1rpx solid #CED8EA;
- border-radius: 8rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .opt-btn {
- margin-left: 10rpx;
- }
- .opt-default {
- font-size: 28rpx;
- color: #889AB8;
- }
- .opt-active {
- font-size: 28rpx;
- color: #FF4330;
- }
- .mt100 {
- margin-top: 100rpx;
- }
- .input-class {
- min-height: 400rpx !important;
- }
- .next-btn {
- width: 570rpx;
- box-shadow: 0 3rpx 5rpx 0 rgba(234, 45, 24, 0.6);
- font-size: 31rpx;
- color: #FFFFFF;
- margin-bottom: 20rpx;
- }
|