leromro-mini/pages_home/pages/serviceManagement/index.scss

.certification-main {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    // padding-bottom: 56rpx;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;


}

.certification-scroll {
    overflow-y: auto;
    // position: fixed;
    // left: 0;
    // top: 150rpx;
    // right: 0;
    // bottom: 0;
    // padding-bottom: 84rpx;
    flex: 1;
}



.certification-content {
    padding: 0rpx 32rpx;
    padding-bottom: 80rpx;
}

.certification-title {
    font-size: 32rpx;
    font-weight: bold;
    line-height: 44rpx;
    padding: 46rpx 0rpx;
}

.serve-main {
    margin-bottom: 20rpx;
}

.serve-box {
    padding: 32rpx 32rpx 32rpx 0rpx;
    margin-left: 32rpx;
}
.serve-img-boxs {
    margin-bottom: 20rpx;
}
.serve-img-boxs:last-child {
    margin-bottom: 0rpx;
}
.serve-box-contnt {
    margin-left: 32rpx;
    padding: 32rpx 32rpx 32rpx 0rpx;
    display: grid;
    grid-template-columns: repeat(3, 1fr); // 创建 3 列，每列等宽
    gap: 20rpx; // 设置列与行之间的间距
}

.serve-img-contnt {
    padding: 32rpx 32rpx 62rpx;
    display: grid;
    grid-template-columns: repeat(3, 1fr); // 创建 3 列，每列等宽
    gap: 48rpx 32rpx; // 设置列与行之间的间距
}
.certification-card {
    border-radius: 20rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.02);
}

.serve-item {
    border-radius: 60rpx;
    box-sizing: border-box;
    border: 1.81rpx solid #FF6E51;
    font-family: PingFang SC;
    font-size: 27.2rpx;
    font-weight: 500;
    color: #FF6E51;
    text-align: center;
    padding: 16rpx 0;
    box-sizing: border-box;
}

.serve-up-img {
    border-radius: 6rpx;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1rpx solid rgba(0, 0, 0, 0.12);
    padding: 53rpx 0;
}

.serve-img {
    position: relative;

    .img-close {
        position: absolute;
        right: -15rpx;
        top: -15rpx;
        width: 30.83rpx;
        height: 30.83rpx;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAALgSURBVEiJ5ZdNS9xAGMfnzRBB0UJhdw/DIriga8B63BRLbz31Yl08iIUc21IQP8F+glLoocehUg8S62cIlcabVMhFVvCwUHbBg16C7M5LL91lk0xi1t1Dwf8pmZknv38yz0yeAeCxCo4awBibLxQK60KIBQgh4pxLwzCuOp3OieM4NxOHM8bM2dnZ90qpnV6v9yxt3NTU1G+M8f7t7e1Xx3Huxoa7rrsthPgipXySxygAAGCMrxFCu/V6/eBB8EajQSzLOux2uxt5oXEZhnEcBMFWo9HgWpNp4Gq16vV6vVcPBQMAgBBiuVQqvaxWq989z5PxfqQLsizrkHP+fBxwX91u94VlWYe6vgTcdd3tcT51ioEN13W34+2ROWeMmdPT039GSa68whhfh2FIh1dB5M1nZmY+pIEhhMC2bUAp1T6cUgps2wYQ6nNYCPF0bm7u3XBbBK6U2klzXqvVQLlc1hrog8vlMqjVammPAEKIt1o4Y2yec76aFthqtYCUEiCEIgb6YIQQkFKCVquVCuecrzLG5hPwQqGwnhr1D+77fsTA2tpaBOz7fiZcKQWLxaKdgAshFrLgOgNLS0u5wX1xzhcTcAihds3rDDSbzUhbs9nMBY5zBhdKqcQOpBOlFFQqlUhbpVJJXQVxDXMGcIzxVR7w8BxfXFxokzBLhJDLBLzT6ZyMAvZ9H5ydnSWSMMsAhFC1220/AXcc54YQcp4F1yVXPAmz4ISQ8+GCg8Q6v3HOP+kCT09PB7B4cvUNUEoH43TCGO8P3/8/e7vjOHcY44+TBgMAAEJoN15aaf8CR0dHPyb5WzUM43hzc/NNwpBucBAEW4SQXxMC/wyCYEvXpy2jPM+TKysr+6VSyRJCLI8BPg6C4HVaDZerepVSfhZCPM0LzVu93ruf1+v1gzAMqWmae1n7AIRQEULOTdPcC8OQ3gcG4IEnlmKxaHPOFyGESCklCSGX7XbbH/XE8nj1FxvKd+/WNl3DAAAAAElFTkSuQmCC);
        background-position: center;
        background-size: 30.83rpx auto;
        background-repeat: no-repeat;
    }

    .serve-is-img {
        border-radius: 6rpx;
        // background: red;
        box-sizing: border-box;
        border: 1rpx solid rgba(0, 0, 0, 0.08);
        height: 200rpx;
    }
}
.certification-footer {
    padding-top: 24rpx;
    background: #fff;
    padding-bottom: 56rpx;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.3);
    gap: 82rpx;
}
.flex-gap {
    gap: 82rpx;
}
.flex-gap-30 {
    gap: 30rpx;
}
.certification-btn {

    // width: 480rpx;
    padding: 19rpx 0;
    border-radius: 14rpx;
    background: linear-gradient(180deg, #FD8F7C -75%, #FE534B 140%);
    font-family: PingFang SC;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 42rpx;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;

}
.btn-w {
    width: 480rpx; 
}
.btn-p {
    padding: 19rpx 103rpx !important;
}
.btn-p2 {
    padding: 19rpx 90rpx !important;
}
.btn-p3 {
    padding: 19rpx 210rpx !important;
}
.certification-btn-bols {
    border-radius: 14rpx;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 2rpx solid #FE675B;

    font-family: PingFang SC;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 42rpx;
    letter-spacing: normal;
    color: #FE675B;

    padding: 19rpx 0;
}

.whether-or-not {
    padding: 32rpx;
}
.radio-box {
    .radio-item{
        padding:0 30rpx;
        .radio-name {
            margin-right: 6rpx;
        }
    }
    .radio-item{
        position: relative;
        &::after{
            content: "";
                position: absolute;
                top: 50%;
                /* 从中间开始 */
                transform: translateY(-50%);
                /* 垂直居中 */
                right: 0;
                height: 18rpx;
                /* 固定高度 */
                width: 2rpx;
                background-color: #D8D8D8;
        }
    }
    .radio-item:last-child{
        &::after{
            display: none;
        }
    }
}
.whether-radio {
    width: 34rpx;
    height: 34rpx;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOYSURBVFiFvVgxbNtGFH3/aBIeMnTQoMGDBo8a3DHgWfUB2WKjCpCha4YCLVIgKRoNRTs26NAGaYAOBTp0bEcZVjcD14qkklFAPWbw4EGDBg8eDNK838E8+8RKNS3Jett9/rv3eEd+vk/CLaC1rvm+/xDADoAmM28QUR0AmHlERCcAjgD8lWXZn0qpcdW1qUpSFEU7QohnzLwLYK3i2hdE1DXGvNne3o4XEqK1bgRB8JqZ2xXJp5MQddM0/VIpdXxrIf1+/xMhxK8A7pUujYnokJkTZn4P4LyIrxPRJhGFzPwAQK0079QY83mr1fqjspAkSb5i5h9L4aEx5mWe512l1MWsGwAArfWa53ltIcQ3ALYmCIlehGH46kYhcRy/APCDEzoD0JFS/vJ/5LMQx/EXAL7H5M52pJQTNzohpDiO353QMRHthWF4NI8IiyRJmsx8AKBhY8aYR61Wq/sfIVrrhu/7/zjKj7Msu6+UGi0iwlm/7vv+W0fMaZZlH9oHWNjEIAheOyLOiGhvWSIAQCk1IqI9XB41AHxQcOJKSBRFO6VXtLPocUxDsebXdszM7SiK5JUQIcQzJ38474NZBVLKnwEM7dhyC611raiYAABjzMu7EjGNg5nbWuua8DzPLdvjPM+706cvD3me9wDY79Ca53m7wvO8j2wCER3eVKyWAaXUOREd2rEQIhTM3LQBZk7uWsQMri0BYMO5+H6FQlyuDQGg7gTOsTq4XHUxM23FEADc6rm+Qm6XayQAnNgREW2uSkWJ60QQ0ZFzMVyhEJdrKAD8bUfM/EBrXdWTzg2t9Xrh4qyoRKRp2gNgi1jN87yF/GkVFNXcWsmLNE17Qik1JqKeTSrs3Z3C5SCirlJqLADAGPPGyduK4/izuxJRWMcrH2u5yUnoAvi4GJ4V7mypnkRr3SxcmjVg+1LKNuA4tCzLnuPaPd3zff9Aa13HklBYxQNHxGnBiQkhSqljY8ynztyG7/tvtdZNLAhnJxo2Zox54jZcEyW+aH46ZTGDweDpvCIGg8HTsggAHdfBAzMarCm9DQAMiei7NE33KzRY60EQPGTmb1FqsDClp5kpBAD6/f5jIcRvmNJyMvOh53kxgImWE8BmnueSiGa1nE/KO3GjEOCq1/kJ12/TvNjPsuz5XE24iyiKZPFboo1b/pZg5ldSync3JVcSYqG1rgVBsMvMIS7PfgPXxmqEyy/5kIiSNE17t/lR8y+HW4ro0lcKPgAAAABJRU5ErkJggg==);
        background-position: center;
        background-size: 34rpx auto;
        background-repeat: no-repeat;
}
.whether-radio-active {
    width: 34rpx;
    height: 34rpx;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAATLSURBVFiFxZhPaBRXHMc/vzfZnRU9iOQQahAP4qEopEcTbTLgzUi3kIM5uG7x0lAhlkao2EMOFQtVrNBioUjXeEgPHlZMb5FJqok9BiIexIOVKDkEySFidjfzfj3Mzuxs/phNusXv6c378/t93ps37/1+I2xFfn9rymROiGoP6CERaQfaqq3zqjoH8kRFJip2+U+80YVGTUsjnTJ+vkeFQUR7QVoaM60rKEVRe2PZu/PoP4Fk/Px+Fa4jZBtzvhETRVG+XvYKL7YMkvbzp8TobyC7VlldUJFxwU4RmOcCy6EvMjj2gGK6RPU4SGs9C4tYBspe4Y+GQdzJM9+AXF1VPaNiL5eDl0W8iZWNJgCA39OSdvZlRc0loGPVRIZK3bevbQriTp4ZAvkxMXAJkQulTwu/vtf5BnL93DmMXKlfWb1Q6r5dN9E6kPB1MJqoeqE2OFn27jyJKnZM5/baimQR6UX1Y+CjatNrRJ6iOmZSWnzXOfKqZvf0ITHOfWB/jGL5vOwVimtAMn5+vxqdTZC/aLEceesV5gGYPrsnU14ZsiIDArvftwoKi0b15nK65Sqdt94A7PTzbSuGxxGMwqKxfBJtYBMPFq7XIHRJbXAygnAf5g66lWBCRS5uBlGd3W4VuehWggn3Ye4gwFuvMK82OAm6VOvD9WiMqa5GT90nKnIheh3uw9xBrPMAOLwZwDo6jHUeRDBl784TrF5MEGcz/umjMYg6DCYGz8Qbc/rsHqy5C9q+DYiqtB1r7jJ9dg9AyRv5GZiJWx0zGIL4/a2o9sYNYi9H5Ux5ZYjtrcRqHa7aWuMDJYvf32pSuIljWxfKwcsiVL8OkYEmQABgRQZ2TOf2ApQDMwZavYekJYXba8Shu0Yq49FhZSuSbWRjNiqB3bYi4T70CssqMh61GUe7jFE9VOtsp2ojpZdmK2Ez6UuUDqNIbSMG5nlcDg+r5ippM+FLkXZDLZ4gusAYHjbUTsxmKrYZ+wrVZtbp/EFkgPnoQSEDwPCwBV7/D/5im7GvUPNG0Lnasz0QF0WeNh2jzmbNl6BzxorEN6s6pivupzrWdJCEzaQvFWaMwmRMpnocv6cFwKS0qLDYNAZYNCkNr30/nwmjuFAWmTKVoDQGWo24pDXNvizAu86RV0b1ZrNAjOrNKEZJY3troaSuVILSmMEbXUAkXjIx5lJUXk63XAVmm8AxW7W1xgdCEW90wQBIwI3EoA7Xz38JQOetNxjbB5LY0FuVzGFsXxQguX7uHIk4VgJ7I+Spyp3MF4HPwiddUmuP1Mck5i5bv4lnMbavdGzkGUQho3mciALvlboLWUhEaGI5H0VPILvEOPd3+vk2gNKxkWellNMjqlca2cAKi6J6pZRyeiKInX6+LYxbQwiFxdBn1WPSQPqv/CnRDxw8R1o3nYBvS923f1l3+uG9FJ3Ga+ROnvkK+GFL6cTGMADMqOj35eCfe5snWPlM2tETovIdaxOsNRAbggCk/VyfGPl93ZRTZVxEHyHmeVC9RR3IoPaAqhwV2TDl/CL5OhoCgSjX4Sfir2nbuieW89tKwuuBTh9VxwyiZLf0W0Io2kCuVbzC35v1bggklt/fmnLcXoN2idJRje7iHzWCzqkwY5GpSlAa28qPmn8BNjoxePP9BhwAAAAASUVORK5CYII=);
        background-position: center;
        background-size: 34rpx auto;
        background-repeat: no-repeat;
}

.certification-error {
    background: #FFF7E8;
    padding: 16rpx 32rpx;
    font-size: 28rpx;
    line-height: 39.2rpx;
    display: flex;
    align-items: center;
    letter-spacing: normal;
    color: #FF7D00;
}

.icon-manage {
    width: 32rpx;
    height: 32rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAUySURBVFiF5Zffb1xXEcc/37M/vF473rve61QsbnHdtd1aUSpKhErFjyBVKE+o6gNCVegj77z0b+ChfwNCgPJYRFtAQhFyxQ/RgEQUhNPEG8tNTdtkd+9eb9Ldtb17hofEzt31GmsDQkh83+7MnJk5c79nzhz4f4ceZ1GZcr5TzIXpvrL7LrufyahRq63f/68kUCosvSzpJcANOPJcqbVu/mpcf6lxjMPCyjmJlwFDtmHoI3lixCxifjJband2G/8Yx2d6HGOv/lmHQ9jbtebG1QP57Gxl1Xn3HcleAK6M49OdbPLIVqYQoO9sM6mYiXqbAIaCMX2OrEC6VFg6j1iVkTWpqr5bt5RfFeRN1KOo2kou2GKrW9LyXcHpUrD87bTZNW9u2Tu/DGBmH0Q72TVY3xsOdoSEpZnKRTlXGZWtsJ4zLt3Z2dgc1j1RWFrsSxc5rgLGdn3n5o8AnxQPkDAsVF6Qc18xs7Z3/Z96eu/J0ns47TtRdT3/zp171e1R/j/bjZqn0sF171wGrGtm68q4X3v8X2VuEXE6l5/b7XTqHx1XgVRYWPoB0nRfeqvZvHFt5E4eA3Mzz1TMpS6a0W3slN+Etd6B7rBcYfjcaaRpZJ/+J4MD1Fq3qhjbErli8XY5qTskofd7aUcK/OA/OorVbKmw/3VJZ4EZM2s7c9dqrdRvR5HsAObUlRlm2QGOHH5E0ZOfmNFFKs/NrFxgJJlWs7NB/6KkrwIzAJLy5uzFUrH3fVjNjojtwqByXmYVYb047n2SVCZIuOUnp4qRTM8hnsxlw4nObqOaNA6DwteEnjdRN+cvNZobb+enw5tmfEFGOJW1THtoTamw8k1J3wC84J12tzrQKQd2GUXV9b56PwZ8yvlzCyzkBsoodwagb+7dKHpwGur1Gx8rpbcAvPzZod2nnfxLAD32flKLH3XPkQkANJubt01EhtKNU9nppE5GCBDHH2wl5fX6jY/hwe9IyoNgYdpQGnwcx1sDa45NIAgWFmTMCuuV7u0NXLEm7gIUCkuLSXkYrjxgttmAfRxv3TexBy4onVp+9sQEwsLKuTTZ1wHnzf1xi61uUi/z6wAZePUgiWJx8Snr26sAHhs+vj1n9nsApfhuaWb5y8MJJEhYmZjM6XsSafBrjZ2N9wBLGre70XYuFy5IzKWk5/O50nmH+6Igj7Hd2Mn8Amr9oTUfTuVmPehpJ3t6tpv/c4vWYSM6TKBYDD7vcOc8/nYjrv58OPhD+E638bd8ruhNygumDIuEvV/fybx7XB9od6MPJyfDeSC0ieytz3Yb8YHusBGlUhP79PpILjfKSQK9elxdA9ZOsBuAvOUQ7Ln9gQodcqBev34Xs/syTheLK8PH6d9CsfjMGcS8mbWbzc2BPpCcB/oSlw1eSXn/rSB4tpXZ73Z9OnMGqSx8nOrZn+7cv3X3uEBhfqVsWf8iMCNR97Kr3qfTKd+/gEDYZWCgAkfngWD5dcHisPwhvHz/Uq11qzqseHjjvcYx84DJVxvN6s+G5UeG0k73ieuTE2Y4phzWRfw9ZVz2kgk+Z9J8pxu9P7xuMj/3mmAK2V96pH6D9ds4TcjsnsSVelz9JSOIPdZYXiosvSEpr0z6zeQ7oFwu5/fa02+Y2Gs0b/4QTrpRH2GsAZKHndDv9laT4k7nVAVA3urjBIcxx3IHVw0W5LgwF1TOeOQd5sxsHsBMRy6bkzDWw6TdjT6dnAidxFOgQCgAFQAzsz80Whu/GzeBx3obwpcyQdCYOviK43z7X01D/9P4J2nPLxtH3/0VAAAAAElFTkSuQmCC);
    background-position: center;
    background-size: 32rpx auto;
    background-repeat: no-repeat;
}

.icon-complete {
    width: 30rpx;
    height: 30rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAFkSURBVEiJ7dSxTsJAHMfx75UDHJjBB3DgAdzs0BESN3sR3sFH8E0IM5pijImJbjBg4gP4FLg2UdrK30HAAq1a6ODQ33b59e6TS/85KFKkyH/Nm8EWB/3bd1ae6MzglixGUZ3BJv5+zqlvOMwdnhlcZTEAtChaQYNmvLPgtmIxWuK5wHEU8NWcdvWal4TuSFscs1jkjpY9JgldJHO6Bx73ELuxOOi0oRAHLYbavmjVY7jcay0PjuoMkoZi2YUlHuJ4aLB3RVdwUOdSFK4o3E08bHAhChfBjuP6lWcR7nZBARSAGGqhxSNwAqCEoZ7SVWMicdBBnSulOFvsmJQ/aCsPXxx00KCZMkip6AreB0/53z+ia/A+eFZ0C94FB/oIvSxoIpwZ/86fUUh5uZSHX57TAp4AROGGDXoAakxUmdIR4WZXNBVOwH01p7/q1vHM6J8ihlrQ+XpftzoHHRrsXMEiRYpkzSd8CgNPBFfFjgAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: 30rpx auto;
    background-repeat: no-repeat;
}
.icon-add {
    width: 38rpx;
    height: 38rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMsSURBVFiF7Zg/aBRBFMa/N7shU1hYBAxoMIEU14koGIhiZSFYBLTQIiiYELKbCwYLT2wFIyKBrLOboIWCoqJFBDsrIQGLgG0KwSsiREhhYbHH7s2zyKzZbHJcdrkLIeSDg/mz+77fvZ0/zACHOiCiZg8opfoty7qqtR4A0EVEJ4oYMfMqgHUiWtRaf3Jd90chMKVUtxDiEYBbRUB2oZda6/uu667tGszzvJJt218AJNkJASwCqGqtfxWhEEIcB9AL4DwAaZpX4zi+VC6XV5qCzczMHJVSfjdBYmZ+WqvVpqempv4UAdopfmdnZ4WI7gKwAVTDMDydjW9nX5RSzhgoaK1vuK77sRVAiQxARSm1LIT4AKBXSvkEwGj6uS0ZM+PqJwDJzMpxnIlWQmXl+/4zInIBhFrrvvR4E1soiYaw8f1jZn7YTigASHlIIrqS7tsCJoQYNMXlRrOllTIe34z3xYZgzJzMwm2zpI1ayXgD2P4pu00xd7Z83x+Zm5u7XQAs8epqCMbMEgC01rU8kT3PKxHRc2Z+MTs7m2tnSHkdaQhWVLZtJ5lGR0fHtiWoiFoC1g7tW7BCafc8r2RZ1rGkTkSnmDkpn/N9/2TSV6/Xf++0F7YczPf9ESJ6nm5LoEz5HdHmhmLbNnzfH3Uc50UenyKfMtyLd3KDOY7zOoqiHgB9qd+NpF9rfSHdF0VRj+M4r/P6FBpjk5OTq+l6EAS9SVkIsTo+Pl4tEjetfTsrDzZYHMf/99YoiuJWxMxu4iEACCE68wQpl8srzDzMzMPZ8dcUYNPrb7p9y+Bn5jUAJQDdyKkiM88o8VpPN2YzlvzbUkGTIiplvAFkwLTWS6Z4VimVO2t5ZTwGjPfXhmDMvICNVdoWQjxoN1jKI2Tmzw3BXNddY+b3pjqhlLrWLqggCK4DSE5hr7JnjG0rf61WuyOlvAigVwjxNgiCM2EYPm7lgVdKeQ9AxTRVwzCsZJ/b8Ypgfn6+pLXeiyuCqhDi8tjYWPMrgkRKqW4imiaim0VAmihm5jfMXMl1qZKWUqofwJBlWYMAurLHrN3KLAfr9Xp9CcBCs2uoQx0Y/QPWF0CSbIfXXQAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: 38rpx auto;
    background-repeat: no-repeat;
}
.icon-delete {
    width: 38rpx;
    height: 38rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAK9SURBVFiF7Zg/aBRBFMa/md1wU1hYBDzQIkKKa0WLQIRUFoJFQAuttDAEdpNgsPDEVjAicpBz9ji0UFBEtIhgZ6OQgEXANoXgFREipLCwmCV78ywyi3N7d9zucnuEcF81+3Zmvh9v/jEDjHVMxAZVkFJOO45zVWs9A2CSMXYmjxER7QLYZ4xtaq0/+r7/IxeYlLLMOX8E4FYekBR6qbW+7/v+Xmqwer1ecV33M4A4OwrAJoCW1vpXHgrO+WkAUwAuAhAmvBtF0aXl5eWdgWC1Wu2kEOK76SQioqdhGK6trq7+yQPUq/9SqVRljN0F4AJoKaXOJft3kw2FEDUDBa31Dd/3PwwDKJYBqEoptznn7wFMCSGeAFiw63VkzMyrnwAEEUnP85aGCZVUEATPGGM+AKW1PmvPN95Bydg8Dsc/IqKHRUIBgOUhGGNX7H8dYJzzWVPc7rdahinj8c14z/UFI6J4FXatkgK1k/AG0D2UZVMsPFuWYq9JO5jMmAAArXU4Iijb64Qd5z3qHgmNwbKqa+dPo3q9XnEc51Sauu12+3evs3CQMoMFQXCbMfY8tYHrIgiCBc/zXmTxyTOUahRtMmfM87zX6+vrXyYmJlK1PTg4iFZWVnYLBwOAPEZZdWRX5Rgsq5KHuAIAznlpZAD/vf52xO0PIopP+jJGp9hr3w4mMxavtsooiGwvyxtAAkxrvWWKF6SUhWfNeMwY7699wYhoA4e7tMs5f1A0mOWhiOhTXzDf9/eI6J35XJJSXisKqtFoXAcQ38JeJe8YXTt/GIZ3hBBzAKY4528bjcZ5pdTjYV54hRD3AFRNqKWUqibr9XwiaDabFa31KJ4IWpzzy4uLi4OfCGJJKcuMsTXG2M08IAMUEdEbIqpmelSxJaWcBjDvOM4sgMnkNSutzHaw3263twBsDHqGGuvY6B+9cQrDkedDkwAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: 38rpx auto;
    background-repeat: no-repeat;
}

.icon-setting2 {
    width: 32rpx;
    height: 32rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAPhSURBVFiF5ddfiNRVFAfwz52ZbJKFNtDYygeDiA0UilxYSSFpAx8MfFjIByOhhKKEAsFkZ/S3zWwhtSyBL1KQoQ9BRUEPbrSQDz7YnwdBoSX2wSBCcCmDBTeZmdvD/HZ2/q3uREbQgWFm77nnfr/3e+499yz/dwt/Jygetl7Ow4I+GdfxU0hc+VcIxKK3cRC5NtfxUHLgthKIRS/ifVQwjXn0Y1dK6EAoOd7Lmu27uLkFz4tgfyg52SBWMCr4RPACvRHIrHZiTOREgyBrpsWZS/+ONsakt011pCAm8qqOYhR9mBZ8KhrFPsFseNMjHXFHXBRtwknBadEu9dTAF7LGQ2Lh1gSKzmDnCoQXRc+EcpsCiAUjgjNWSmtwXsb2kKg0D7ekID1kOzGvZrusBwUT6gfuuKqhbuAQymZUPYaTOCuaVDOkZisui4ZVvdbJawk8sUbVzxjAc6Hk9Aoq9GyxYGeqzjUL7g9Tri/5lhWo2owBwYV/EhxC2bTgPPqt9Xizrzlfa9Lvlhy1W0z0qRrDXmxQrwWnZRW7HbLlQNdARraFXMP/urv0+VW9sLwr63D7gYmJPjVnRNu6QMzKGmonERM5FQXBUSy6YSAc88eSv5GCMOW6aH+qwEFV73RAVBxMwWfVbA0lQc0QZjGoqtQRU3U0Ba/g5WbwFgUajMdsk/ENKrLuC0kqHWLRjxgU7QhlZ5titsj4HvOhZH3T7vOqfke+PaZDgQajCecwh7w/DbS5B6F9oTDhh/TnupbZiwaQx+Vu4F0JxIIn8RAW3dn2xAaX0jkjLTFjtqQ/W+fnXcECNsaC3bckEIteEnyNnGiyWX5Q81lK5FQ84qkUfJuMU/UFfNTCN7Go5lga83kserWdwPItOORua/yCPtG4nHKXW5BXNYMnumzmW1kj3a5iLCqghEVZD4TEb50K5GxGn+BcKEvawRs7yhoRjS+lA3Oi8ZXAIZSU1ct5XsWjzb7lQpRJy2NNf7dFWkiQpJ/VW9AvIrrRPLysQNZFXBFsikV7e1r8FhaL9oiGMe8O37Xyap24Dx+qn+Y9uIY9oi2Cy6reC281pO8EGjMs4xXRBsGs+suYx8fqj9z+UPLBigRSEjPUT3gXq6T9wHRHXP3F+9LKbd5XodTZZ3S2ZFm7RRPq5XVOdEL0dHrFcoKprsvXx3Pp/B2iScElwQUUZRvdUVtYDxaLrmJdWqIbRScm1qm6igVZ93S7QSvZqptSEMyBqtGW8WoqbTDbCzi9tuXRCQxjKhY8q/7C5dKxjkq4Guv9P6OCsuCQVvIV0WQoe+O2E4CYWGvRvY2BvPmbdkP/ZfsLBr9If7QfySEAAAAASUVORK5CYII=);
    background-position: center;
    background-size: 32rpx auto;
    background-repeat: no-repeat;
}
.step-more-main {
    position: relative;
}
.more-box {
    font-family: PingFang SC;
    font-size: 32rpx;
    font-weight: normal;
    line-height: 44rpx;
    text-align: right;
    display: flex;
    align-items: center;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    
}

.more-btns {
    border-radius: 8rpx;
    padding: 0 24rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.3);
    z-index: 10;
    position: absolute;
    top: -234rpx;
    left: 16rpx;
    &::after {
        content: '';
        width: 28.28rpx;
        height: 12.49rpx;
        position: absolute;
        left: 36rpx;
        bottom: -12.49rpx;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAANCAYAAABVRWWUAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACGSURBVDiNvc3NCkBQFEXhw3vyLKSUEil1y0BexiuZLpM7OMnf5bAme7Y/ATL+LRcREaD4CSxEB5Qfg6XsBVQfgdUuqODaGKxPQQU3RmB7C1Rw9xLsgkAF9w/B/hGoYBcIuleggoeb4GACejQCxgtwBCIz1MMxMB2AExCbghs8AWZg8ZuGfqxYwXCOJnzABwAAAABJRU5ErkJggg==);
        background-position: center;
        background-size: 28.28rpx auto;
        background-repeat: no-repeat;

      }
    .more-btn {
        padding: 24rpx 0;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-weight: normal;
        line-height: 39.2rpx;
        display: flex;
        align-items: center;
        letter-spacing: normal;
        color: #1D2129;
    }
    .more-btn:first-child {
        border-bottom: 2rpx solid #E5E6EB;
    }
}


.icon-down {
    width: 34rpx;
    height: 34rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADDSURBVFiF7dGxCsIwEIDh3wpOrh1cOjroCzj7BoKDg4/nK6mj6OTqJBRElytISWJy1837obQhTfjgwPM8z/M8L9gcqAa4p5K7oo0TeytgA9TAGXgbEFtgLd+XEsgU2Ml+bcB0iIWsZ8AReOZCWuAKLA2YPqIFDsA99HNqNA8DJoa4xQ6kIFpMMSIHUopRIXIhuRg1ogTyCzOyIJALSmuAPTCR9UneaoQWEsJ0qRBQNprv+mMyISyQPuZlQQxVI4/n/Ucf8odCdffjOfcAAAAASUVORK5CYII=);
    background-position: center;
    background-size: 34rpx auto;
    background-repeat: no-repeat;
}
.icon-up {
    width: 34rpx;
    height: 34rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADASURBVFiF7dQ7CgIxFEbhIzZTWFvIYO+sICiKiMUswaW4KLejlTtwAXZqYYLDMI/k3lGbeyBV4OcrQsCyrN9X+qNqPADCATmQAdd/QAIipMJIIVXEA3gCIw1GAtkBqwriBFyAhQaTCtkA2wbEzR8xJgVSAusGREiFiYXsgWUHQo2JgTje76IPocL0QRyfzyoGIcZ0QaQIEaYNMgEO/l6CaMNMgTNwTxmZA0egEADqFX5rJh3IBkB8Y8uyLMuyLHUvtRM3p/5+mG4AAAAASUVORK5CYII=);
    background-position: center;
    background-size: 34rpx auto;
    background-repeat: no-repeat;
}
.appStatus-error-icon {
    width: 32rpx;
    height: 32rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN0SURBVFiFzddNiJVVGAfw33nvRUTHDBoNooUQYVSgoIs+mMU0IKEbhQkJWvThQpctRKyZvDajFrNwaZEUURsxsEVJiNMstNw4YGDRIOEsJDALLHUQuXdOi/fce9/5uDOXmUl74IX3PM85z/9/vp7nOUGbEvdZrWyrkh7RRqzDw8l8E+OCS2qGVZ0OH/q7Hb9hXuA+T8rsF+3Eijb5TghOmHQkDLqyIAJxyEq3HBC9jXKbwNOlKjhqlYNhrzttE4h9nhB8i/XTTKOiU6JzojHL3AD3rBGsF3QJdmDTtHFjom1h0G/zEoj9nsEwHi2oR/BuGHChxUyn+3geh9BdUF9HTxjwc0sCaeY/FMBvY28Y8FE7wLMQ2Y0hdDRIRC8WV6JBIA5Z6R+jmsv+B7aEAT8tBLxAYgPOYG1SjXnIpvqZyBo9bzlQAL+9FOCQfGxJPmF9wsrtpKsW/KJ52vcsdNlbSdqOY6lZFT0dBl3JVyCzvwA+stTgkHyOpGY5YQpxn9WW+V0zyLxQPO2xokPNF/hTyZ5QUZ0LKFaU1RxDp5JXQ8Xdhi2/HT+m5oR7HsuUbS2Aj864alWbsR273PX4vFPN++zCdlXPTVuFCxhNzRXKtmZKepr0nZoXYLFSxCjpyVJiqRvP3QcC5wr/G8vyrFZXjM0YUHZRzTeivyx3bV6A5a6p+lywWtnFWQgUMdaF2K+KEigphYrJdiezEIkVmZpaatayOXvfBynLi4lHkGe1PGm0lFjRYdJO0cti2r5gXPCdzIlQaUS82eWeNWm94WaG8UYzzEi/U8H79Kq5KjqOXsFmwWb0io6ruRr79M5JYCrGeCa4VDB2tQTv97rgJDpRxVl8kL6zSdcpOBn7vTYHga7C/6WymmGZt5JihzyPzyb1OP6rmlfCYZenEHzHs0pO4il8gi9bENjR+K8ZzlSdxkRSbUrhcjY5hK+UdE8Hh3DYZSXd+Fr08WwOku96tTSh6nSeDd/zqeiNZBgJA15qQWJREvt9r14lBZ+F972ZX8NJR2gkme6UOpcafLdmiVZNmHlBEgZdERwt9B9KlcxSgW+Ql2a5BEfr5XozEK1ykEaY7MCZpSBRKMnqdeFYwjKFQNjrjmibZiBai/OL2Y409rxmPXhdtK34Rvh/leUNBw/yYdIg8SCfZlOIPKjH6Qwi/9Hz/F+NOEXDkJGCLAAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: 32rpx auto;
    background-repeat: no-repeat;
    margin-right: 16rpx;
}