.bg{
    width: 10rem;
    height: 10rem;
    background: #2E2C2F;
    border-radius: 0.2rem 0.2rem 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
}
.title-p{
    height: 1.3rem;
    line-height: 1.3rem;
    color: #fff;
    font-size: 0.4rem;
    text-align: center;
    position: relative;
    span{
        color: #1BF5F9;
        font-size: 0.3rem;
        right: 0.6rem;
        position: absolute;
        bottom: -0.05rem;
    }
}
.reg-ul{
    width: 9.9rem;
    // margin: 0 auto;
    margin-left: 0.1rem;
    margin-top: 0.1rem;
    li{
        margin-left: 0.2rem;
        .hot{
            width: 0.92rem;
            position: absolute;
            left: -0.15rem;
            top: -0.15rem;
        }
        position: relative;
        height: 2rem;
        width: 3rem;
        background:url(../images/select-no.png?v=20210514)no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        // border-radius: 0.3rem;
    
        margin-bottom: 0.25rem;
        p:nth-child(1){
            color: #fff;
            line-height: 0.6rem;
            font-size: 0.4rem;
            text-indent: -0.15rem;
            text-align: center;
            height: 0.6rem;
            padding-top: 0.5rem;
            font-weight: 700;
            img{
                width: 0.43rem;
                vertical-align: middle;
                margin-top: -0.1rem;
                margin-right: 0.05rem;
            }
        }
        p:nth-child(2){
            color: #B3B0B2;
            font-size: 0.3rem;
            // font-weight: 700;
            line-height: 0.4rem;
            text-align: center;

        }
    }
    .reg-click{
        background:url(../images/select.png?v=20210514) no-repeat;
        background-size: 100% 100%;
        // border: 0.02rem solid #00FFFF;
        // 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{
        position: relative;
        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-icon{
        width: 0.55rem;
        position: absolute;
        right: 0;
        bottom: -0.04rem;
        margin-right: -0.02rem;
        display: none;
    }
}
.pay-click{
//    background:url(../images/pay-click.png?v=20210514)no-repeat;
//    background-size: 100% 100%; 
   border: 1px solid #08EDE4 !important;
//    padding: 0.02rem;
   border-radius: 0.1rem !important;
   .pay-icon{
       display: block;
   }
}
.bottom-box{
    width: 9.15rem;
    height: 1.7rem;
    border-top: 1px solid #675362;
    position: absolute;
    bottom: 0;
    left: 0.425rem;
    color:#FFFFFF;
    line-height: 1.55rem;
    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, #08E1DF, #22FCFC);
    top: 0.35rem;
    right: 0;
    border-radius: 1rem;
    line-height: 0.8rem;
    text-align: center;
    color: #015A59;
}
.hot-box{
    width: 1.37rem;
    height: 0.56rem;
    line-height: 0.56rem;
    background: url(../images/hot.png?v=20210514) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -0.06rem;
    top: -0.08rem;
    color: #FFFF22;
    span{
        position: absolute;
        left: -0.02rem;
        top: -0.04rem;
        width: 1.5rem;
        transform: scale(0.8);
        display: inline-block;
        height: 0.6rem;
        line-height: 0.6rem;
    }
    font-size: 0.3rem;
    font-weight: 700;
    img{
        width: 0.42rem;
        vertical-align: middle;
        margin-top: -0.08rem;
    }
}