.conPage{
    padding: .24rem 0;
}

.member{ 
    height: .9rem;
    padding: 0 .53rem 0 .51rem;

    margin-bottom: .28rem;
}

.memberProcedure{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.procedure{
    width: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.procedure img{  
    width: .56rem;
    height: .56rem; 
}

.procedure p{  
    font-weight: 400;
    font-size: .16rem;
    color: #192225;
    line-height: .34rem;
    width: 110%;
    text-align: center;
}

.nextImg{
    margin-left: .06rem;
    width: 1.2rem;
    height: .09rem;
    margin-top: -0.3rem;
}

.rulesTitle{
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: .28rem;
    color: #000000;
    line-height: .24rem;
    letter-spacing: .1rem;
    text-align: center;
    display: flex;
    align-items: center;

    justify-content: center;
}

.rules{
    height: .64rem;
    border-bottom: .01rem solid #D1D1D1;
}

.rulesCon{ 
    padding: .24rem .48rem .42rem .48rem;
}
.rulesCon .step{
    font-weight: 400;
    font-size: .18rem;
    color: #000000;
    line-height: .32rem; 
    padding-top: .15rem;
    text-indent: .36rem;
    letter-spacing: .02rem;
}
.rulesCon .illustrate{
    font-weight: 500;
    font-size: .18rem;
    color: #000000; 
    line-height: .24rem;
    letter-spacing: .1rem;
}
.rulesCon .stepDif{
    padding-top: 0;
}

.buttomArea{
    width: 100%; 
}
.buttomIn{
    width: 2.99rem;
    height: .58rem;
    background: #0A56B2;
    border-radius: .04rem;

    font-weight: 500;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .24rem;
    letter-spacing: .1rem;

    display: flex;

    align-items: center;
    justify-content: center;
    margin: auto;
}
 
.imageArea{
    padding: .24rem .48rem .42rem .48rem;
}
.imageArea img{
    width: 8.74rem;
    height: 11.14rem;
    border-radius: .04rem;
    border: .01rem solid #999999;
}

.rulesSQB p{
    width: 4rem;
    height: .58rem;
    background: #EBF4FF;
    border-radius: .04rem;

    font-weight: 400;
    font-size: .18rem;
    color: #0A56B2;
    line-height: .24rem;
    letter-spacing: .1rem;

    display: flex;
    align-items: center;
    justify-content: center;
    margin: .16rem 0;
}
/*.rulesCon p{*/
/*    width: 4rem;*/
/*    height: .58rem;*/
/*    background: #EBF4FF;*/
/*    border-radius: .04rem; */

/*    font-weight: 400;*/
/*    font-size: .18rem;*/
/*    color: #0A56B2;*/
/*    line-height: .24rem;*/
/*    letter-spacing: .1rem;*/

/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: .16rem 0;*/
/*}*/
.rulesCon p:nth-child(1){
    margin-top: .24rem 0;
}

.success{
    width: 100%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.successBox img{
    width: .5818rem;
    height: .5818rem;
}
.successBox{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.successText{
    font-weight: 500;
    font-size: .1636rem;
    color: #1D2129;
    line-height: .2rem;
    margin: .1364rem 0 .0818rem 0;
}

.successP{
    font-weight: 400;
    font-size: .1273rem;
    color: #4E5969;
    line-height: .2rem;
}