.bg{
    width: 10rem;
    height: 10rem;
    background:url(../images/bg.png)no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.title-p{
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    font-size: 0.4rem;
    text-align: center;
    position: relative;
    span{
        color: #FFFF00;
        font-size: 0.3rem;
        right: 0.6rem;
        position: absolute;
        bottom: -0.05rem;
    }
}
.reg-ul{
    width: 10rem;
    margin: 0 auto;

    margin-top: 0.1rem;
    li{
        margin-left: 0.3rem;
        .hot{
            width: 0.92rem;
            position: absolute;
            left: -0.15rem;
            top: -0.15rem;
        }
        position: relative;
        height: 1.55rem;
        width: 4.4rem;
        display: inline-block;
        border-radius: 0.3rem;
        border: 0.02rem solid #958B88;
        // background:pink;
        margin-bottom: 0.25rem;
        p:nth-child(1){
            color: #fff;
            line-height: 0.6rem;
            font-size: 0.3rem;
            text-align: center;
            height: 0.6rem;
            padding-top: 0.2rem;
            font-weight: 700;
            img{
                width: 0.43rem;
                vertical-align: middle;
                margin-top: -0.1rem;
                margin-right: 0.05rem;
            }
        }
        p:nth-child(2){
            color: #FFFFFF;
            font-size: 0.4rem;
            font-weight: 700;
            line-height: 0.5rem;
            text-align: center;

        }
    }
    .reg-click{
        background: url(../images/num-click.png)no-repeat;
        background-size: 100% 100%;
        border: none;
        padding: 1px;

        // padding: 1px;
        .hot{
            top: -0.13rem;
        }
        p{
            color: #58410B !important;
        }
    }
    li:nth-child(even){
       
        .hot{
            left: 3.65rem;
        }
    }
}
.pay-title{
    color:#FEFFFF;
    font-size: 0.37rem;
    text-indent: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.pay-ul{
    margin-left: 0.6rem;
    li{
        border-radius: 0.1rem;
        height: 0.82rem;
        line-height: 0.82rem;
        font-size: 0.3rem;
        text-align: center;
        width: 2.3rem;
        border: 1px solid #786364;
        float: left;
        margin-right: 0.35rem;
        img{
            width: 0.44rem;
            vertical-align: middle;
            margin-top: -0.05rem;
            margin-right: 0.1rem;
        }
        span{
            color: #fff;
          
            // display: inline-block;
        }
    }
}
.pay-click{
   background:url(../images/pay-click.png)no-repeat;
   background-size: 100% 100%; 
   border: none !important;
   padding: 0.02rem;
   border-radius: 0 !important;
}
.bottom-box{
    width: 9.15rem;
    height: 1.15rem;
    border-top: 1px solid #675362;
    position: absolute;
    bottom: 0;
    left: 0.425rem;
    color:#FFFFFF;
    line-height: 1.15rem;
    font-size: 0.3rem;
    img{
        width: 0.5rem;
        vertical-align: middle;
        margin-top: -0.07rem;
        margin-left: 0.05rem;
        margin-right: 0.05rem;
    }
}
.reg-btn{
    width: 2.1rem;
    height: 0.8rem;
    position: absolute;
    background:linear-gradient(to right, #FFF502, #FFDB39);
    top: 0.15rem;
    right: 0;
    border-radius: 1rem;
    line-height: 0.8rem;
    text-align: center;
    color: #000023;
}