.code {
    position: fixed;
    top: 25%;
    left: 25%;
    z-index: 102;
    width: 4rem;
    height: 3rem;
    background: #fff;
    display:none;
}
.code .c-code {
    width: 2rem;
    display: inline-block;
    float: left;
    height: .5rem;
    font-size: .25rem;
    border: .01rem solid #ddd;
    float: left;
    margin-left: 25%;
    margin-top: .1rem;
}
.code .c-title {
    width: 100%;
    height: .5rem;
    background: #1b1b1b;
    color: #fff;
    font-size: .2rem;
    line-height: .5rem;
    text-align: center;
}
.code .c-yzm {
    margin: .2rem auto 0;
    width: 100%;
    height: .5rem;
}

.code .c-yzm>img{float:left;display:block;margin-left:25%;display:block;height:.5rem;}

.code .get-again {
    float: left;
    margin-top: .1rem;
    width: 100%;
    color: #6085e3;
    font-size: .28rem;
    cursor: pointer;
    text-align: center;
}
.code .c-submit {
	display:inline-block;
	float:left;
    margin-top:.1rem;
    width: 3rem;
    height: .5rem;
    background: #6085e3;
    font-size:.28rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    cursor: pointer;
    margin-left:11%;
}

 .redpack{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(53,53,59,.8);
        z-index: 201;
        display:none;
    }

    .redmain{
        width: 5.88rem;
        height: 7.26rem;
        background: #f6c888;
        border-radius: .2rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 0 .22rem;
        text-align: center;
    }

    .redmain .red-close {
        height: .28rem;
        width: .28rem;
        background: url(//static.tukuppt.com/tukupptphone/show/image/icon_close.png)center no-repeat;
        background-size: cover;
        position: absolute;
        right: .26rem;
        top: .24rem;
        display: block;
    }

    .redmain .redtitle{width:80%;margin:0 auto;height:2rem;font-size:.4rem;margin-top:1rem;}
    .redmain .titleone{height:.5rem;line-height: .5rem;width:100%;}
    .redmain .titleone .viptitle{color:#ff6700;font-weight: bold;}
    .redmain .titleone .vipsuccess{color:black;font-weight: bold;}
    .redmain .titletwo{height:.8rem;line-height: .8rem;width:100%;}
    .redmain .titletwo .redchange{color:#ff6700;}
    .redmain .redclick{width:100%;height:3rem;display:block;}
    .redmain .redclick>img{width:4.5rem;height:auto;margin:auto;}


      .redpackmoney{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(53,53,59,.8);
        z-index: 201;
        display:none;
    }

    .redpackmoney .redmoneymain{
        width: 5.88rem;
        height: 5rem;
        background: #f5d19c;
        border-radius: .2rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 0 .22rem;
        text-align: center;
    }

    .redmoneymain .red-close {
        height: .28rem;
        width: .28rem;
        background: url(//static.tukuppt.com/tukupptphone/show/image/icon_close.png)center no-repeat;
        background-size: cover;
        position: absolute;
        right: .26rem;
        top: .24rem;
        display: block;
    }

   .redmoneymain .redmoneytitle{width:80%;margin:0 auto;height:1rem;font-size:.4rem;margin-top:1rem;color:#ff6700;font-weight: bold;}

   .redmoneymain .hongbaomoney{width:100%;height:3rem;display:block;position: relative}
    .redmoneymain .hongbaomoney>img{width:4.5rem;height:auto;margin:auto;}
    .redmoneymain .hongbaomoney .redmoneyhere{position: absolute;font-size:.7rem;left: 1.3rem;top: .25rem;color:#ff6700;font-weight: bold;}