shyaf-artist-platform-miniapp/pages/invoice/agreement/agreement.wxss

/* 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;
}
*/