.reason-form { width: 100%; min-height: 892rpx; background-color: #ffffff; border-radius: 16rpx 16rpx 0 0; display: flex; flex-direction: column; justify-content: space-between; } .reason-form .title { margin: 40rpx 0; text-align: center; font-size: 36rpx; font-weight: 600; color: #333; line-height: 36rpx; } .reason-form .button-container { width: 100%; } .reason-form .button-container .btn { width: calc(100% - 48rpx); margin: 24rpx; } .block-center { display: block; margin-left: auto; margin-right: auto; } .two-level-menu .back-icon { position: absolute; width: 100rpx; height: 50rpx; color: #1677ff; } .two-level-menu .reason-container { justify-content: center; margin-top: 40rpx; padding: 24rpx; position: relative; } .two-level-menu .reason-container::before { top: 0; position: absolute; content: ''; display: block; left: 0; right: 0; height: 2rpx; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #eee; } .two-level-menu .reason-container::after { bottom: 0; position: absolute; content: ''; display: block; left: 0; right: 0; height: 2rpx; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #eee; } .two-level-menu .reason-container.flex-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .two-level-menu .reason-container.column3{ justify-content: start; } .two-level-menu .reason-container.column3 .btn-box { width: 218rpx; height: 150rpx; margin-bottom: 24rpx; margin-right: 24rpx; } .two-level-menu .reason-container.column3 .line1 { width: 100%; } .two-level-menu .reason-container.column3 .line2 { width: 48%; } .two-level-menu .reason-container.column3 .line1:nth-of-type(n) { margin-right: 0; } .two-level-menu .reason-container.column3 .line2:nth-of-type(2n) { margin-right: 0; } .two-level-menu .reason-container.column3 .line2:nth-of-type(n+5) { margin-bottom: 0; } .two-level-menu .reason-container.column3 .line3:nth-of-type(3n) { margin-right: 0; } .two-level-menu .reason-container.column3 .line3:nth-of-type(n + 7) { margin-bottom: 0; } .two-level-menu .reason-container.column4 .btn-box { width: 158rpx; height: 161rpx; margin-bottom: 24rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .two-level-menu .reason-container.column4 .btn-box:nth-of-type(4n) { margin-right: 0; } .two-level-menu .reason-container.column4 .btn-box:nth-of-type(n + 9) { margin-bottom: 0; } .two-level-menu .reason-container.column4 .btn-box .logo { width: 56rpx; height: 56rpx; margin-bottom: 15rpx; } .two-level-menu .reason-container .btn-box { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; border-radius: 8rpx; } .two-level-menu .reason-container .active { background-size: 214rpx 100%; color: #1677ff; background-color: #E7F1FF; background-position-x: right; background-repeat: no-repeat; background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*Bk_FTYWWfwwAAAAAAAAAAAAAARQnAQ'); } .two-level-menu .text-container { margin-top: 40rpx; padding: 24rpx 24rpx; box-shadow: inset 0 -1rpx 0 0 #EEEEEE, inset 0 1rpx 0 0 #EEEEEE; } .two-level-menu .text-container textarea { height: 200rpx; }