div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

table {
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}

strong {
    font-weight: bold;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
body{
    width: 7.5rem;
    margin: 0 auto;
}
@media screen and (min-width:960px){
    body{
        width: 100%;
        height: auto;
        background: url(../img/bg.png?v=202102221818) no-repeat top center;
        }
    }

    @media screen and (max-width: 1366px) {

        .pop_jl {
            background-size: 70% !important;
        }
        .pop_jl .close {
            top: 1.9rem !important;
            right: 1.5rem !important;
        }
        .pop_jl .btn-sure {
            top: 7.7rem !important;
        }
    }
#wrap{
    width: 7.5rem;
    background: url(../img/bgM.png?v=202102221818) no-repeat top center;
    background-size: 100%;
    margin: 0 auto;
}
#wrap .section1{
    width: 7.5rem;
    height: 15rem;
    position: relative;
    overflow: hidden;
}
#wrap .section1 .reg-log{
    width: 3.2rem;
    height: .5rem;
    float:right;
    margin-top: .2rem;
    margin-right: .2rem;
}
#wrap .section1 .reg-log .reg{
    width: 1.5rem;
    height: .5rem;
    background: url(../img/btn-reg.png?v=202102221818) no-repeat center center;
    background-size: contain;
    float: left;
}
#wrap .section1 .reg-log .log{
    width: 1.5rem;
    height: .5rem;
    background: url(../img/btn-log.png?v=202102221818) no-repeat center center;
    background-size: contain;
    float: right;

}
#wrap .section1 .reg-log .zhuxiao{
    display: none;
    width: 1.5rem;
    height: .5rem;
    background: url(../img/zhuxiao.png?v=202102221818) no-repeat center center;
    background-size: contain;
    float: right;
}
#wrap .section1 .reg-log .nickname{
    display: inline-block;
    position: absolute;
    font-size: 16px;
    right: 2rem;
    top: 0.25rem;
}
#wrap .section1 .fixed{
    right: 0.1rem;
    top: 1.5rem;
    position: fixed;
    display: block;
    width: 1.35rem;
    height: 1.8rem;
    background: url(../img/fixed.png?v=202102221818) no-repeat center center;
    background-size: 100%;
    z-index: 1;
}
#wrap .section1 .sgh{
    width: 4.3rem;
    height: 1.5rem;
    background: url(../img/sgh.png?v=202102221818) no-repeat center center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%,-50%);
}
#wrap .section1 .slogn{
    width: 7.4rem;
    height: 3.6rem;
    background: url(../img/slogn.png?v=202102221818) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translate(-50%,-50%);
}
#wrap .section1 .share-bd{
    width: 5.1rem;
    height: 2.5rem;
    margin: 10.5rem auto 0;
}
#wrap .section1 .bd{
    width: 5.1rem;
    height: 1rem;
    background: url(../img/btn-bd.png?v=202102221818) no-repeat center center;
    background-size: contain;
    margin-bottom: 0.2rem;
}
#wrap .section1 .share{
    width: 5.1rem;
    height: 1rem;
    background: url(../img/btn-share.png?v=202102221818) no-repeat center center;
    background-size: contain;
}
#wrap .section1 .intro{
    width: 2.1rem;
    height: 0.5rem;
    background: url(../img/btn-intro.png?v=202102221818) no-repeat center center;
    background-size: cover;
    float: right;
    margin-top: .5rem;
    margin-right: 0.1rem;
}
#wrap .section2{
    width: 7.5rem;
    height: 15rem;

}
#wrap .section2 .reward1{
    width: 7.5rem;
    height: 5.7rem;
    background: url(../img/bg-reward.png?v=202102221818) no-repeat center center;
    background-size: contain;
    overflow: hidden;
}
#wrap .section2 .reward1 .reward{
    width: 6rem;
    height: 4.4rem;
    overflow: hidden;
    margin: .7rem auto 0;
}
#wrap .section2 .reward1 .title{
    width: 2.5rem;
    height: .3rem;
    background: url(../img/reward1-title.png?v=202102221818) no-repeat center center;
    background-size: contain;
}
#wrap .section2 .reward1 .reward1-text{
    width: 4.4rem;
    height: .6rem;
    background: url(../img/reward-1text.png?v=202102221818) no-repeat center center;
    background-size: cover;
    margin-top: 0.1rem;
}
#wrap .section2 .reward1 .re{
    width: 7.5rem;
    height: 3rem;
    margin-top: 0.6rem;
}
#wrap .section2 .reward1 .re .re1{
    width: 3rem;
    height: 2.4rem;
    background: url(../img/reward1-1.png?v=202103031517) no-repeat center center;
    background-size: contain;
    float: left;
}
#wrap .section2 .reward1 .re .re2{
    width: 3rem;
    height: 2.4rem;
    background: url(../img/reward1-2.png?v=202102221818) no-repeat center center;
    background-size: contain;
    float: left;
    margin-top: 0.27rem;
}
#wrap .section2 .reward2{
    width: 7.5rem;
    height: 5.7rem;
    background: url(../img/bg-reward.png?v=202102221818) no-repeat center center;
    background-size: contain;
    overflow: hidden;
}
#wrap .section2 .reward2 .reward{
    width: 6rem;
    height: 4.4rem;
    overflow: hidden;
    margin: .7rem auto 0;
}
#wrap .section2 .reward2 .title{
    width: 2.1rem;
    height: .3rem;
    background: url(../img/reward2-title.png?v=202102221819) no-repeat center center;
    background-size: contain;
}
#wrap .section2 .reward2 .reward2-text{
    width: 4.4rem;
    height: .6rem;
    background: url(../img/reward2-text.png?v=202102221820) no-repeat center center;
    background-size: cover;
    margin-top: 0.1rem;
}
#wrap .section2 .reward2 .re{
    width: 7.5rem;
    height: 3rem;
    margin-top: 0.6rem;
}
#wrap .section2 .reward2 .re .re1{
    width: 3rem;
    height: 2.4rem;
    background: url(../img/reward2-1.png?v=202103031519) no-repeat center center;
    background-size: contain;
    float: left;
}
#wrap .section2 .reward2 .re .re2{
    width: 3rem;
    height: 2.4rem;
    background: url(../img/reward2-2.png?v=202103031519) no-repeat center center;
    background-size: contain;
    float: left;
}
#wrap .section2 .cbt-lt{
    width: 5rem;
    height: 2.4rem;
    margin: 0.1rem auto 0;
}
#wrap .section2 .btn-cbt{
    display: block;
    width: 4.95rem;
    height: 1.05rem;
    background: url(../img/btn-cbt.png?v=202102221818) no-repeat center center;
    background-size: contain;
}
#wrap .section2 .cbt-date{
    display: block;
    width: 4.95rem;
    height: 1.05rem;
    background: url(../img/cbt-date.png?v=202102221820) no-repeat center center;
    background-size: contain;
}
#wrap .section2 .lt{
    display: block;
    width: 4.95rem;
    height: 1.05rem;
    background: url(../img/luntan.png?v=202102221818) no-repeat center center;
    background-size: contain;
    margin-top: 0.2rem;
}
#wrap .section2 .bot{
    margin: 0 auto;
    width: 7rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 16px;
    color: #c29f7a;
    text-align: center;
    font-weight: bold;
}

.pop_bd{
    width: 7.5rem;
    height: 7.5rem;
    background: url(../img/success.png?v=202102221819) no-repeat center center;
    background-size: contain;
    position: relative;
}
.pop_bd .close{
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../img/btn-close.png?v=202102221818) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0.5rem;
    right: 0.65rem;
}
.pop_bd .btn-sure{
    width: 3.65rem;
    height: .8rem;
    background: url(../img/btn-sure.png?v=202102221818) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 5.8rem;
    left: 50%;
    transform: translate(-50%);
}
.pop_jl{
    width: 7.5rem;
    height: 10.4rem;
    background: url(../img/lqjl.png?v=202102221819) no-repeat center center;
    background-size: contain;
    position: relative;
}
.pop_jl .close{
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../img/btn-close.png?v=202102221818) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0.5rem;
    right: 0.65rem;
}
.pop_jl .btn-sure{
    display: block;
    width: 3.65rem;
    height: .8rem;
    background: url(../img/fls.png?v=202102221818) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 8.7rem;
    left: 50%;
    transform: translate(-50%);
}