page { height: 100%; } .hc-app-task-detail { .task-name { position: relative; border-top: 2rpx solid #eee; font-size: 26rpx; padding: 20rpx; } .task-report-info { position: relative; display: flex; justify-content: space-between; box-sizing: border-box; flex-direction: row; padding: 20rpx; font-size: 24rpx; border-top: 2rpx solid #eee; } .task-file-name { position: relative; border-top: 2rpx solid #eee; font-size: 26rpx; padding: 20rpx; color: #EE5B20; } .action-bar-btn { background: #EE5B20; border-radius: 100rpx; } .task-popup-content { position: relative; padding: 0 24rpx; .title { color: #8E8E93; font-size: 28rpx; margin-bottom: 38rpx; text-align: center; } .popup-btn::after { display: none; } .popup-code-bar { position: relative; margin-bottom: 24rpx; .btn-tel-code-bar { position: relative; display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin-bottom: 20rpx; .btn-tel { font-size: 30rpx; font-weight: bold; } .btn-code { position: relative; display: flex; align-items: center; } } .code-input-bar { position: relative; .code-input { border: 2rpx solid #cbcbcb; border-radius: 8rpx; height: 70rpx; line-height: initial; min-height: initial; font-size: 28rpx; padding: 0 20rpx; } } } .popup-argument-bar { position: relative; margin-bottom: 24rpx; .argument-input { border: 2rpx solid #cbcbcb; border-radius: 8rpx; line-height: initial; font-size: 26rpx; padding: 20rpx; width: 100%; } } .popup-btn-bar { position: relative; .c1 { background-color: #554D84; } .c2 { background-color: #EE5B20; } .c3 { background-color: #BFBFBF; } .c4 { background-color: #81B337; } } .popup-btn-bar + .popup-btn-bar { margin-top: 24rpx; } } } .hc-app-task-view { height: calc(100% - 40px); overflow: auto; line-height: initial; }