@font-face { font-family: 'iconfont'; /* project id 1204021 */ src: url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.eot"); src: url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.woff2") format("woff2"), url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.woff") format("woff"), url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.ttf") format("truetype"), url("//at.alicdn.com/t/font_1204021_al4fs65ukh6.svg#iconfont") format("svg"); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_right::before { content: "\e62f"; } .icon_error::before { content: "\ed1e"; } .plv-mp-answer-card-wrap { height: 100%; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; color: #5C5C5C; font-size: 32rpx; box-sizing: border-box; font-family: Helvetica, sans-serif; display: none; } .plv-mp-answer-card-question { position: absolute; width: 100%; height: 100%; bottom: 0; background-color: #fff; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; overflow: hidden; } .plv-mp-answer-card-question__top { position: relative; height: 98rpx; vertical-align: middle; line-height: 98rpx; border-bottom: 2rpx solid #EDEDEF; overflow: hidden; } .plv-mp-answer-card-question__top__text { font-size: 32rpx; color: #333; text-align: center; display: block; } .plv-mp-answer-card-question__top__close { position: absolute; width: 46rpx; height: 46rpx; right: 32rpx; top: 50%; transform: translateY(-50%); } .plv-mp-answer-card-question__top__back { position: absolute; width: 56rpx; height: 56rpx; top: 49rpx; margin-top: -28rpx; margin-left: 32rpx; } .plv-mp-answer-card-question__top .ansResult { padding: 10rpx 20rpx 10rpx 20rpx; color: #fff; border-radius: 44rpx; letter-spacing: 2rpx; } .plv-mp-answer-card-question__top .noAnswer { background: #c1c1c1; } .plv-mp-answer-card-question__top .correctAnswer { background: #61d3b7; } .plv-mp-answer-card-question__top .wrongAnswer { background: #ff5c69; } .plv-mp-answer-card-question__middle__wrap { padding: 38rpx 48rpx; } .plv-mp-answer-card-question__middle__title { color: #333; font-size: 32rpx; letter-spacing: 2rpx; font-weight: 600; } .plv-mp-answer-card-question__middle__multiTips { padding-left: 16rpx; } .plv-mp-answer-card-question__middle__choice { border-radius: 40rpx; padding: 16rpx 32rpx; border: 2rpx solid #cfd8dc; letter-spacing: 2rpx; color: #333; font-size: 28rpx; box-sizing: border-box; } .plv-mp-answer-card-question__middle__choice__vote { position: absolute; left: 0; bottom: 0; height: 80rpx; border-radius: 40rpx; width: 50%; background-color: #C0E3FF; } .plv-mp-answer-card-question__middle__choice__num { position: absolute; bottom: 0; right: 40rpx; } .plv-mp-answer-card-question__middle__choice__num__text { color: #3082FE; display: inline; } .plv-mp-answer-card-question__middle__result { border: none; background-color: #edf1f7; } .plv-mp-answer-card-question__middle__arrow { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #fff; } .plv-mp-answer-card-question__middle__score { display: flex; justify-content: center; padding: 30rpx 0; } .plv-mp-answer-card-question__middle__score__choice { display: inline-block; width: 92rpx; height: 92rpx; text-align: center; vertical-align: middle; line-height: 92rpx; border: 1px solid #eaeaea; border-radius: 20rpx; margin: 0 24rpx; } .plv-mp-answer-card-question__middle__score__tips { padding-top: 10px; } .plv-mp-answer-card-question__middle__quick { display: flex; justify-content: space-around; padding: 88rpx 0; } .plv-mp-answer-card-question__middle__quick__choice { width: 88rpx; height: 88rpx; text-align: center; vertical-align: middle; line-height: 88rpx; border: 2rpx solid #eaeaea; border-radius: 44rpx; } .plv-mp-answer-card-question__middle .icon_choice { position: absolute; display: none; top: 54rpx; right: 20rpx; } .plv-mp-answer-card-question__middle .choiceRight { color: #3082FE; background-color: #c0e3ff; } .plv-mp-answer-card-question__middle .choiceIconRight { display: block; color: #fff; } .plv-mp-answer-card-question__middle .choiceWrong { color: #E45B5B; background-color: #ffe3e3; } .plv-mp-answer-card-question__middle .choiceIconWrong { display: block; color: #ff5c69; } .plv-mp-answer-card-question__bottom { padding: 16rpx 48rpx 28rpx 48rpx; } .plv-mp-answer-card-question .plv-mp-answer-card-choice { position: relative; overflow: hidden; margin-top: 40rpx; } .plv-mp-answer-card-question .plv-mp-answer-card-choice-icon { width: 32rpx; height: 32rpx; position: absolute; right: 32rpx; top: 50%; transform: translateY(-50%); } .plv-mp-answer-card-question__bottom__btn { background-color: #3082FE; color: #CCCCCC; font-size: 32rpx; overflow: visible; height: 96rpx; line-height: 96rpx; border-radius: 48rpx; text-align: center; border: solid 2rpx #EDEDEF; position: relative; opacity: .6; } .plv-mp-answer-card-question__bottom__btn__duration { position: absolute; right: 48rpx; top: 0; height: 100%; overflow: hidden; } .plv-mp-answer-card-question__bottom__btn__duration__icon { width: 32rpx; height: 32rpx; opacity: .8; display: inline-block; margin: 32rpx 0; } .plv-mp-answer-card-question__bottom__btn__duration__time { float: right; color: #fff; opacity: .8; font-size: 28rpx; height: 28rpx; line-height: 28rpx; margin: 34rpx 0 34rpx 16rpx; } .active > .plv-mp-answer-card-question__bottom__btn { background-color: #3082FE; color: #fff; opacity: 1; } .choiceActive { border: 2rpx solid #3082FE; } .plv-mp-answer-card-score { text-align: center; } .plv-mp-answer-card-score__icon { width: 120rpx; height: 120rpx; margin-top: 40rpx; } .plv-mp-answer-card-score__tip { color: #333; font-size: 32rpx; margin-top: 40rpx; } .plv-mp-answer-card-score__title { color: #666; font-size: 28rpx; margin-top: 40rpx; } .plv-mp-answer-card-score__score { color: #333; font-size: 32rpx; margin-top: 16rpx; overflow: hidden; } .plv-mp-answer-card-score__score__num { color: #3082FE; font-size: 48rpx; display: inline-block; position: relative; font-weight: bold; } .score { display: inline-block; color: #fff; } .plv-mp-answer-card-modal { position: absolute; width: 100%; height: 100%; z-index: 9999; top: 0; } .show { display: block; } .line { height: 1px; background: rgba(0, 0, 0, 0.1); } .plv-mp-answer-card-question-result-tip { text-align: center; font-size: 32rpx; position: relative; } .plv-mp-answer-card-question-result-tip__icon { width: 120rpx; height: 120rpx; margin-top: 166rpx; } .plv-mp-answer-card-question-result-tip__tip { color: #333333; margin-top: 46rpx; font-size: 32rpx; } .plv-mp-answer-card-question-result-tip__btn { width: 654rpx; height: 96rpx; position: fixed; left: 50%; bottom: 40rpx; border-radius: 48rpx; margin-left: -327rpx; background-color: #3082FE; color: #FFFFFF; line-height: 96rpx; }