/* pages/invoice/agreement/agreement.wxss */ page{ height: 100%; } .page-agreement{ display: flex; height: 100%; padding: 0 60rpx; box-sizing: border-box; flex-direction: column; } .page-agreement .top-tip{ height:114rpx; line-height: 114rpx; background:rgba(44,48,57,1); text-align: center; color: #ffffff; font-size: 32rpx; margin: 30rpx 0 40rpx 0; } .page-agreement .top-tip .icon{ display: inline-block; vertical-align: middle; width: 40rpx; height: 40rpx; margin-top: -6rpx; margin-right: 20rpx; } .page-agreement .agreement-content{ flex: 1; border:2px solid rgba(151,151,151,.18); padding: 40rpx; overflow: scroll; margin-bottom: 20rpx; box-sizing: border-box; } .page-agreement .agreement-content .view-text{ font-size: 24rpx; color: #161616; line-height: 1.8; } .page-agreement .agreement-tool{ color: #9B9B9B; font-size: 24rpx; height: 50rpx; line-height: 50rpx; margin-bottom: 30rpx; } .page-agreement .agreement-tool .icon{ display: inline-block; vertical-align: middle; width: 32rpx; height: 32rpx; margin-right: 10rpx; margin-top: -4rpx; } .page-agreement .step-tool{ margin-left: -40rpx; margin-right: -40rpx; } /*.step-tool{ display: flex; justify-content: space-between; margin-bottom: 40rpx; }*/ /* .step-tool .step-btn{ display: flex; align-items: center; justify-content: center; width:100rpx; height:100rpx; background:rgba(236,238,243,1); } .step-tool .step-btn:hover{ background:rgba(236,238,243,0.8); } .step-tool .step-btn.disable{ background: none; } .step-tool .step-btn.active{ background:rgba(29,182,150,1); } .step-tool .step-btn.active{ background:rgba(29,182,150,.8); } .step-tool .step-btn .icon{ display: inline-block; vertical-align: middle; width: 32rpx; height: 32rpx; margin-right: 10rpx; margin-top: -4rpx; } */