.container {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    max-width: 750px;
    margin: 0 auto;
}

.header {
   width: 100%;
   height: 1.02rem;
   max-width: 750px;
   margin: 0 auto;
   position: fixed;
   top: 0;
   z-index: 999;
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.header-bg1{
    background: url(../image/web2/header-bg.png) no-repeat;
    background-size: 100% 100%;
}

.header-bg2{
    background: url(../image/web2/header-bg2.png) no-repeat;
    background-size: 100% 100%;
}

.exclaim-icon{
    width: 0.29rem;
    height: 0.29rem;
    position: absolute;
    top: 0.1rem;
    left: 4.1rem;
}

.header-store{
    width: 2.15rem;
    height: 0.64rem;
    margin: 0 0 0 4rem;
}

.x-btn{
    width: 0.74rem;
    height: 0.74rem;
}

.wrapper{
    position: relative;
}

.section1{
    width: 100%;
    height: 16.2rem;
    position: relative;
}

.section1-btn{
    width: 4.97rem;
    height: 1.5rem;
    position: absolute;
    left: 1.3rem;
    top: 10.5rem;
}

/* .shift1{
    top: 10.5rem;
}

.shift2{
    top: 11.5rem;
} */

.section-gift{
    width: 100%;
    height: 2.98rem;
    position: absolute;
    top: 7.1rem;
    left: 0;
}