.unitDetail { min-height: 100vh; overflow: hidden; background: url('../images/bg.png') no-repeat top center; background-size: contain; position: relative; background-color: #ABE8FF; } .unitSwipe { margin-top: 90px; .questionTitle { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: bold; color: #333; padding-bottom: 12px; .questionNum { span { color: #FF5A56; } } .questionType { display: flex; align-items: center; font-weight: 600; color: #FF5A56; font-size: 14px; } } } .wapList { width: 44px; height: 49px; flex-shrink: 0; margin-left: 18px; } .btnSection { background-color: #fff; padding-top: 20px; --van-button-default-height: 49px; .prevBtn, .nextBtn, .activePrevBtn { width: 124px !important; border: none; color: #fff; } .prevBtn { background: url('../images/prev_btn_bg.png') no-repeat center; background-size: contain; } .activePrevBtn { background: url('../images/next_btn_bg.png') no-repeat center; background-size: contain; } .nextBtn { background: url('../images/next_btn_bg.png') no-repeat center; background-size: contain; } :global { .van-button--disabled { color: #587C98; &:before { opacity: 0.2 !important; } } } } .right { color: #14C295; } .error { color: #FF5A56; } .minutes { color: #1cacf1; } .unitDetailTablet { .prevBtn, .nextBtn, .activePrevBtn { width: 40% !important; --van-button-default-height: 56px; } .prevBtn { background: url('../images/prev_btn_bg-tablet.png') no-repeat center; background-size: contain; } .activePrevBtn { background: url('../images/next_btn_bg-tablet.png') no-repeat center; background-size: contain; } .nextBtn { background: url('../images/next_btn_bg-tablet.png') no-repeat center; background-size: contain; } .wapList { width: 51px; height: 56px; } }