.math-container{
    padding: 0 30rpx;
    background: #ffffff;
    /deep/.u-form-item{
        padding: 8rpx 0;
    }
    .select{
        width: 100%;
        display: inline-block;
        background: #f5f5f5;
        padding-left: 30rpx;
        font-weight: bold;
    }
    .header{
        padding: 30rpx 0;
    }
    .main{
        padding: 30rpx 0;
        .form{
            width: 100%;
            margin-bottom: 30rpx;
        }
    }
    .footer{
        padding: 0 0 80rpx;
        .result{
            color: $main-color;
            font-size: 36rpx;
            font-weight: 600;
            line-height: 1.15rem;
            text{
                font-size: 24rpx;
                font-weight: normal;
                &:last-child{
                    margin-left: 10rpx;
                }
            }
        }
        .calc-img{
            width: 100%;
            position: relative;
            text{
                position: absolute;
                font-size: 28rpx;
                font-weight: 600;
                color: $main-color;
                z-index: 999;
                &.top{
                    top: 20rpx;
                }
                &.bottom{
                    top: 260rpx;
                }
            }
        }
        .title{
            text-align: center;
            font-size: 37rpx;
            padding: 30rpx 0;
            font-weight: 600;
        }
    }
}