.unitDetail { overflow: hidden; } .unitSection { margin: 12px 13px; padding: 13px 15px; width: auto; overflow: hidden; border-radius: 10px; .unitTitle { font-size: 16px; font-weight: 500; color: #333333; } :global { .van-cell__value { flex: 0 auto; } } .unitCount { padding-top: 10px; padding-left: 8px; display: flex; align-items: center; justify-content: space-between; } .countSection { display: flex; align-items: center; font-size: 12px; line-height: 17px; color: #333333; flex-direction: column; .nums { font-family: 'DIAN'; font-weight: bold; color: #333333; font-size: 20px; padding-bottom: 3px; } & + .countSection { margin-left: 25px; } } } .wapList { width: 44px; height: 44px; flex-shrink: 0; margin-left: 18px; } .practiceResult { .practiceTitle { font-size: 20px; font-weight: 600; color: #191919; line-height: 28px; } .practiceRate { padding-top: 15px; font-size: 60px; font-family: DINA; font-weight: bold; color: #f67146; line-height: 70px; } :global { .van-grid { padding-top: 10px; padding-bottom: 10px; margin-left: 5%; width: 90%; } .van-grid-item__content { background-color: transparent; } } .title { font-size: 24px; font-family: DINA; font-weight: bold; color: #333333; line-height: 28px; } .name { padding-top: 3px; font-size: 14px; color: #777777; line-height: 20px; } .practiceTips { margin-left: 10%; width: 80%; background: linear-gradient(135deg, #fff4da 0%, #ffe6c4 100%); border-radius: 10px; padding: 14px 0; text-align: center; font-size: 15px; font-weight: 500; color: #703a17; line-height: 21px; letter-spacing: 1px; } }