.signup-wrap{
    display: none;
}
.signup-wrap .signup{
    position: fixed; top: 0; left: 0; z-index: 950; width: 100%; height: 100%;
}
.signup-wrap .signup-mask{
    position: relative; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
}
.signup-wrap .sign-cont{
    position: fixed; top: 50%; left: 50%; z-index: 3; width: 8.666667rem; background-color: #fff; border-radius: 5px; overflow: hidden; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.signup-wrap .close{
    position: absolute; top: .12rem; right: .12rem; width: .266667rem; height: .266667rem; padding: .266667rem; cursor: pointer;
}
.signup-wrap .close i{
    display: block; width: .253333rem; height: .253333rem; background-position: -0.64rem -0.24rem;
}
.signup-wrap .process{
    width: 100%; height: 3.76rem; background: url('../images/signup/bg.png') no-repeat left top/100%;
}
.signup-wrap .explain{
    padding: .68rem 0; color: #000; text-align: center;
}
.signup-wrap .explain .tit{
    height: .76rem; font-size: .533333rem; font-weight: 700; line-height: .533333rem;
}
.signup-wrap .explain .sub{
    height: .6rem; font-size: .266667rem; color: #808080;
}
.signup-wrap .explain .qrcode{
    width: 3.88rem; height: 3.88rem; padding: .2rem; margin: 0 auto .2rem; background-color: #fff; border-radius: .2rem; box-shadow: 0 0 .133333rem .133333rem rgba(0, 0, 0, 0.03);
}
.signup-wrap .explain .qrcode img{
    display: block; width: 100%;
}
.signup-wrap .explain .wx{
    font-size: .266667rem; line-height: .4rem;
}
.signup-wrap .explain .wx span{
    font-size: .24rem; color: #808080;
}