zhishifufei_uniapp/static/style/question.scss

.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"));
}