You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
382 lines
7.8 KiB
382 lines
7.8 KiB
.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"));
|
|
}
|
|
|