.unitSubject { padding: 15px; margin: 0 13px; background-color: #fff; // overflow: hidden; border-radius: 10px; &+.unitSubject { margin-top: 12px; } } .unitAnswers { padding-top: 20px; padding-bottom: 20px; } .playSection { padding: 15px 12px; background: #ffebdd; border-radius: 10px; .img { width: 45px; height: 45px; margin-right: 12px; } .playTitle { font-size: 15px; font-weight: 600; color: #753015; } .playLabel { margin-top: 2px; line-height: 1.8; span { background: #FFF3EB; border-radius: 9px; padding: 1px 6px 0; border: 1px solid #FE9751; font-size: 12px; font-weight: 500; color: #F16D15; line-height: 17px; } } .playBtn { flex-shrink: 0; font-size: 15px; font-weight: 500; color: #ffffff; height: 31px; line-height: 31px; } &.playSectionDisabled { background: #F2F2F2; --van-button-primary-background: #BBB !important; --van-button-primary-border-color: #BBB !important; --van-primary-color: #BBBBBB !important; .playTitle { color: #777777; } .playLabel span { border: 1px solid #BBBBBB; color: #BBBBBB; background: transparent; } } } .unitScoreNum { margin-top: 25px; padding-top: 20px; text-align: center; .unitScoreNumSection { display: flex; padding-bottom: 20px; &>div { flex: 1; } .passScore { position: relative; .score { color: #30B883; } &::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -16px; display: inline-block; width: 1px; height: 33px; background: #F2F2F2; } } } .score { font-size: 32px; font-weight: bold; color: #f67146; font-family: DINAlternate, DINAlternate; } .scoreTitle { font-size: 16px; font-weight: 500; color: #333333; padding: 8px 0 0; } .scoreTips { font-size: 12px; color: #aaaaaa; } }