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

/* pages/invoice/contract/contract.wxss */
.page-contract {
    padding: 20rpx 50rpx;
}
.page-contract .contract-step{
    height: 168rpx;
    margin-bottom: 60rpx;
    margin-right: -50rpx;
}
.contract-step .img-wrap{
    float: right;
    width: 672rpx;
    height: 168rpx;
    margin-bottom: 60rpx;
}

.page-contract .contract-content{
    background:rgba(255,255,255,1);
    box-shadow:0px 10rpx 20rpx 0px rgba(0,0,0,0.08);
    padding: 100rpx 50rpx;
    margin-bottom: 120rpx;
}

.page-contract .contract-content .upload-text{
    margin-bottom: 100rpx;
}

.page-contract .contract-content .file-box{
    position: relative;
    width:292rpx;
    height:352rpx;
    background:rgba(255,255,255,1);
    border:4rpx solid rgba(22,22,22,1);
    margin: 0 auto;
}

.page-contract .contract-content .prev-text{
    text-align: center;
    color:rgba(22,22,22,1);
    line-height:44rpx;
    font-size: 32rpx;
    padding: 30rpx 0;
}
.page-contract .contract-content .file-box .close{
    position: absolute;
    right:-23rpx;
    top:-23rpx;
    width: 46rpx;
    height: 46rpx;
}
.page-contract .contract-content .upload-text .icon{
    display: block;
    width: 84rpx;
    height: 86rpx;
    margin: 0 auto;
}

.page-contract .contract-content .upload-text .name{
    color: #161616;
    text-align: center;
    font-size: 32rpx;
    margin-top: 20rpx;
    line-height: 60rpx;
}

.page-contract .contract-content .upload-text .text{
    color: #9B9B9B;
    font-size: 24rpx;
    text-align: center;
}


.page-contract .contract-info{
    text-align: center;
}

.page-contract .contract-info  .info-text{
    color:rgba(22,22,22,1);
    line-height:70rpx;
    font-size: 24rpx;
}

.page-contract .contract-info  .down-contract{
    display: block;
    vertical-align: middle;
    width:200rpx;
    height:64rpx;
    line-height: 64rpx;
    background:rgba(255,255,255,1);
    border:2rpx solid rgba(22,22,22,1);
    color: #161616;
    font-size: 24rpx;
    margin: 0 auto;
}