.question-paper .share-mask { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .question-paper .question { padding: 114rpx 30rpx 46rpx; border-radius: 12rpx; background-color: #ffffff; } .question-paper .question > view:first-child { font-size: 30rpx; color: #282828; } .question-paper .question > image { width: 100%; max-height: 440rpx; margin-top: 30rpx; } .question-paper .label-group { margin-top: 30rpx; counter-reset: ol; } .question-paper .label-group.image { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -20rpx; } .question-paper .label-group .label { display: block; } .question-paper .label-group .label + .label { margin-top: 20rpx; } .question-paper .label-group.image .label { margin-top: 0; margin-bottom: 20rpx; } .question-paper .label-group .label-item { position: relative; padding: 24rpx 30rpx 24rpx 73rpx; border-radius: 8rpx; background-color: #f9f9f9; font-size: 30rpx; text-align: justify; color: #282828; word-break: break-all; } .question-paper .label-group.image .label-item { padding: 60rpx 20rpx 28rpx; } .question-paper .label-group .label-item::before { counter-increment: ol; content: counter(ol, upper-alpha) "."; position: absolute; left: 30rpx; } .question-paper .label-group.image .label-item::before { top: 30rpx; left: 20rpx; transform: translateY(-50%); } .question-paper .label-group .label-item.checked { background-color: #f2f8ff; color: #2c8eff; } .question-paper .label-group .label-item.ok { padding-right: 72rpx; background: #ebf9eb url(getAssetsPath("/wap/first/zsff/images/question21.png")) calc(100% - 30rpx) center/32rpx 23rpx no-repeat; color: #52a452; } .question-paper .label-group.image .label-item.ok { padding-right: 20rpx; background-position: calc(100% - 20rpx) 19rpx; } .question-paper .label-group .label-item.no { padding-right: 72rpx; background: #fff0e5 url(getAssetsPath("/wap/first/zsff/images/question22.png")) calc(100% - 30rpx) center/25rpx 25rpx no-repeat; color: #ff6b00; } .question-paper .label-group.image .label-item.no { padding-right: 20rpx; background-position: calc(100% - 20rpx) 18rpx; } .question-paper .question .label-group.image image { display: block; width: 270rpx; height: 162rpx; object-fit: cover; } .question-paper .analysis { padding-right: 20rpx; padding-bottom: 11rpx; padding-left: 20rpx; border-radius: 12rpx; margin-top: 20rpx; background-color: #ffffff; counter-reset: ul; } .question-paper .analysis > view:first-child { padding-top: 20rpx; padding-bottom: 20rpx; padding-left: 47rpx; background: url(getAssetsPath("/wap/first/zsff/images/question23.png")) left center/32rpx 32rpx no-repeat; font-size: 30rpx; color: #52a452; } .question-paper .analysis > view.no { background-image: url(getAssetsPath("/wap/first/zsff/images/question24.png")); color: #ff6b00; } .question-paper .analysis > view:nth-child(2) { display: flex; margin-top: 10rpx; font-size: 28rpx; color: #666; } .question-paper .analysis > view:nth-child(2) > view { flex: 1; display: flex; } .question-paper .analysis > view:nth-child(2) view view { flex: 1; color: #52a452; } .question-paper .analysis > view:nth-child(2) view:last-child view { color: #2c8eff; } .question-paper .analysis > view:nth-child(3) { margin-top: 20rpx; font-size: 28rpx; color: #666; } .question-paper .analysis > view:nth-child(3) .iconfont { font-size: 24rpx; color: #fff0e5; } .question-paper .analysis > view:nth-child(3) .iconfont .iconfont { margin-left: 15rpx; } .question-paper .analysis > view:nth-child(3) .iconfont.on { color: #ff6b00; } .question-paper .analysis > view:nth-child(4) { margin-top: 20rpx; font-size: 28rpx; color: #666; } .question-paper .analysis > view:nth-child(5) { margin-top: 20rpx; font-size: 28rpx; text-align: justify; color: #282828; } .question-paper .analysis > view:nth-child(5) image { display: block; width: 100%; } .question-paper .analysis > view:nth-child(6) { margin-top: 20rpx; font-size: 28rpx; color: #676767; } .question-paper .analysis > navigator { position: relative; display: block; padding: 15rpx 25rpx 15rpx 18rpx; background: url(getAssetsPath("/wap/first/zsff/images/question04.png")) right center/15rpx 26rpx no-repeat; overflow: hidden; white-space: nowrap; font-size: 28rpx; text-overflow: ellipsis; color: #2c8eff; } .question-paper .analysis > a:first-of-type { margin-top: 3rpx; } .question-paper .analysis > a::before { counter-increment: ul; content: counter(ul, disc); position: absolute; left: 0; } .question-paper .footer { position: fixed; right: 0; bottom: 0; left: 0; z-index: 5; padding-bottom: var(--safe-bottom); display: flex; background-color: #ffffff; } .question-paper .footer .button { flex: 1; height: 110rpx; color: #333333; } .question-paper .footer .submit { color: #2c8eff; } .question-paper .footer .button.disabled { color: #999999; } .question-paper .footer .iconfont { font-size: 44rpx; color: #333333; } .question-paper .footer .icontijiao { color: #2c8eff; } .question-paper .footer .button.disabled .iconfont { color: #999999; } .question-paper .footer .tips { font-size: 22rpx; line-height: 30rpx; } .question-paper .header { padding: 20rpx 30rpx; background-color: #f5f5f5; } .question-paper .header .header-bd { display: flex; justify-content: space-between; align-items: center; height: 96rpx; padding: 0 30rpx; border-radius: 12rpx; background-color: #ffffff; } .swiper-slide { top: 0; width: 100vw; padding-right: 30rpx; padding-left: 30rpx; padding-bottom: 120rpx; transition: left ease 0.3s; } .question-paper .swiper-slide .button-group { position: static; margin-top: 60rpx; margin-bottom: 6rpx; } .question-paper .swiper-slide:last-child .button-group button:only-child { background-color: #ff6b00; } .question-paper .header navigator { font-size: 30rpx; color: #2c8eff; } .question-paper .header navigator:first-child { padding-left: 44rpx; background: url(getAssetsPath("/wap/first/zsff/images/question03.png")) left center/30rpx 30rpx no-repeat; color: #666; } .question-paper .header .header-bd view { padding-left: 43rpx; background: url(getAssetsPath("/wap/first/zsff/images/question02.png")) left center/30rpx 31rpx no-repeat; font-size: 30rpx; color: #ff6b00; } .swiper-pagination-line { margin: 0 10rpx; } .question-paper .swiper-pagination { top: 35rpx; right: 60rpx; bottom: auto; left: auto; width: auto; font-size: 32rpx; color: #666; } .question-paper .swiper-pagination-current { color: #2c8eff; } .question-paper .type { position: absolute; top: 32rpx; left: 30rpx; z-index: 2; min-width: 130rpx; height: 50rpx; padding-right: 30rpx; padding-left: 22rpx; border-top-right-radius: 25rpx; border-bottom-right-radius: 25rpx; background-color: #2c8eff; font-size: 26rpx; line-height: 50rpx; color: #ffffff; } .question-paper .status { position: absolute; top: 37rpx; right: 30rpx; padding-left: 34rpx; background: url(getAssetsPath("/wap/first/zsff/images/question26.png")) left center/22rpx 2700rpx no-repeat; font-size: 28rpx; color: #666; cursor: pointer; } .question-paper .status.on { background-image: url(getAssetsPath("/wap/first/zsff/images/question25.png")); }