html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,div,label,em,i,button,input,textarea, section, a,span{ margin:0; padding:0; font-weight: normal; font-style: normal; -moz-box-sizing:border-box; box-sizing:border-box; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(255,255,255,0); tap-highlight-color: rgba(255,255,255,0); }
ul,ol,li{ list-style:none; }
a{text-decoration:none; cursor: default; }
img{ border:0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,select,textarea,button{ outline:none; resize: none; color: #1e1c1b; }
*:focus{ outline:none; }
input, select, textarea{ -webkit-appearance: none; border-radius: 0; display: block; }
html,body{ 
    width: 100%; 
    height: 100%;
    -webkit-overflow-scrolling: touch; 
	font-size: 0.3733rem;
    overflow: hidden;
}
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#app{
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.3733rem;
    background-color: #e9efe5; 
    background-repeat: no-repeat;
    background-position: 0 0;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}

[v-cloak]{
    display: none;
}

html .van-dialog{
    width: 300px;
}
html .van-dialog .van-hairline--top::after{
    border-color: #ccc;
}

.page{
    width: 100%;
    min-height: 100%;
    position: relative;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    overflow: hidden;  
}
.page-index{
    background-color: #76cbba;
}
.pageBgImg{
    background-image: url(../images/bg-page.jpg);
}

.page-bg-footer{
    width: 100%;
    height: 0.9333rem;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    background-image: url(../images/bg-footer.jpg);
}
.page-bg-footer.fixed{
    position: fixed;
    bottom: 0;
    left: 0;
}

.section-logo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 11% 7% 0 16%;
}
.section-logo .logo{
    width: 3.28rem;
}

.myMusic{
    width: 0.6667rem;
    height: 0.6667rem;
    border-radius: 50%;
    position: fixed;
    z-index: 99999;
    left: 0.2rem;
    top: 0.2rem;
}
.myMusic .inner{ 
    width: 100%;
    height: 100%;
    border: solid 0.0267rem #000;
    border-radius: 50%;
    background: url(../images/music.png) no-repeat center center;
    -o-background-size: 65% auto;
       background-size: 65% auto;
    -webkit-animation: music 4s linear infinite forwards;
       -moz-animation: music 4s linear infinite forwards;
         -o-animation: music 4s linear infinite forwards;
            animation: music 4s linear infinite forwards;  
    -webkit-animation-play-state: paused;  
       -moz-animation-play-state: paused;  
         -o-animation-play-state: paused;  
            animation-play-state: paused;
}
.myMusic .line{ 
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.0267rem;
    height: 100%;
    background-color: #000;
    -webkit-transform: rotate(40deg);
       -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
         -o-transform: rotate(40deg);
            transform: rotate(40deg);
}
.myMusic.playing .inner{ 
    -webkit-animation-play-state: running; 
       -moz-animation-play-state: running; 
         -o-animation-play-state: running; 
            animation-play-state: running;
}
.myMusic.playing .line{ 
    display: none;
}
@-webkit-keyframes music{
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes music{
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes music{
    100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes music{
    100%{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}


.section-bg{
    width: 100%;
    position: relative;
}
.section-bg .bg{
    display: block;
    width: 100%;
}
.section-bg .dian{
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    z-index: 2;
    left: 2%;
    top: 67%;
    background-color: #4b69eb;
    border-radius: 50%;
}
.section-bg .gif{
    display: block;
    position: absolute;
    z-index: 2;
}
.section-bg .gif1{
    width: 3.1rem;
    right: 7%;
    top: 6.6%;
}
.section-bg .gif2{
    width: 3.1rem;
    right: 10%;
    top: 70.6%;
}
.section-bg .gif3{
    width: 3.1rem;
    left: 17%;
    top: 55.6%;
}
.section-bg .gif4{
    width: 2.3rem;
    left: 38%;
    top: 39.6%;
    -webkit-transform:  scaleX(-1);
       -moz-transform:  scaleX(-1);
        -ms-transform:  scaleX(-1);
         -o-transform:  scaleX(-1);
            transform:  scaleX(-1);;
}


.section-bg2{
    width: 100%;
    position: relative;
    margin-top: 2.3rem;
}
.section-bg2 .bg{
    display: block;
    width: 100%;
}
.section-bg2 .section-btns{
    top: -10%;
}

.section-bg3{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.section-bg3 .bg{
    display: block;
    width: 100%;
}
.section-bg3 .dian{
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    z-index: 2;
    left: 2%;
    top: 67%;
    background-color: #4b69eb;
    border-radius: 50%;
}

.section-bg2-index{
    width: 100%;
    position: relative;
    z-index: 6;
    /* margin-top: -0.5rem; */
}
.section-bg2-index .bg{
    display: block;
    width: 100%;
}
.section-bg2-index .item{
    text-align: center;
    color: #fff;
    padding: 0.6rem 0 0.4rem;
}
.section-bg2-index .item .text{
    display: inline-block;
    font-size: 0.3467rem;
    color: #fff;
    border-bottom: solid 0.0267rem #fff;
}


.section-btns{
    width: 100%;
    position: relative;
    z-index: 6;
    margin-top: -1.9rem;
}
.section-btns .btn{
    display: block;
    width: 40%;
    margin: auto;
    position: relative;
}
.section-btns .btn .img{
    display: block;
    width: 100%;
}
.section-btns .icon{
    width: 25%;
    position: absolute;
    left: -20%;
    top: 36%;
}


.section-index-btns{
    width: 100%;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
      -moz-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;        
    padding: 0 0.35rem;
    margin-top: 0.5rem;
}
.section-index-btns .btn{
    display: block;
    width: 29%;
    position: relative;
    margin: 0 2%;
}
.section-index-btns .btn .img{
    display: block;
    width: 100%;
}
.section-index-btns .icon{
    width: 23%;
    position: absolute;
    left: -9%;
    top: 20%;
}
.section-index-btns .btn1{
    width: 28.5%;
}
.section-index-btns .btn2{
    top: 0.38rem;
    left: 0.05rem;
}
.section-index-btns .btn3{
    width: 28%;
    top: 0.18rem;
}
.section-index-btns .bg{
    position: absolute;
    left: 0;
    top: -1.7rem;
    width: 100%;
}

.section-declaration-bg{
    width: 100%;
}
.section-declaration-bg .bg{
    width: 100%;
    display: block;
}


.section-declaration-1{
    width: 100%;
    padding: 0 9%;
    background: url(../images/bg34.png) repeat-y center 0;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    margin: -1px 0;
}
.section-declaration-1 .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-declaration-1 .content .left{
    width: 50%;
    padding-top: 0.5rem;
}
.section-declaration-1 .content .left .img{
    width: 95%;
}
.section-declaration-1 .content .right{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-declaration-1 .content .right2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-declaration-1 .item-c .img{
    display: block;
    width: 1.7rem;
    margin: auto;
    position: relative;
    left: 0.15rem;
}
.section-declaration-1 .content .right2 .item-c .img{
    left: 1rem;
}
.section-declaration-1 .item-d{
    position: relative;
    margin-top: -0.32rem;
    left: 12%;
}
.section-declaration-1 .item-d .img{
    width: 70%;
}
.section-declaration-1 .item-avatar{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    margin-top: -0.6rem;
}
.section-declaration-1 .item-avatar .avatar{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-declaration-1 .item-name{
    text-align: center;
    font-size: 0.3733rem;
    margin-top: 0.2rem;
}
.section-declaration-1 .item-no{
    margin-top: 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-declaration-1 .item-no .text{
    background: url(../images/bg33.png) no-repeat center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    padding: 0.17rem 0.3rem;
    font-size: 0.2933rem;
    font-size: 0.2667rem;
    white-space: nowrap;
}
.section-declaration-1 .content .right2 .item-no{
    margin-top: 0.3rem;
}
.section-declaration-1 .item-declaration{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.2667rem;
}
.section-declaration-1 .item-declaration .img{
    width: 63%;
}
.section-declaration-1 .item4{
    text-align: center;
    font-weight: bold;
    padding: 0.5rem 2% 0 0%;
}
.section-declaration-1 .item4 .btn{
    display: block;
    width: 40%;
    margin: auto;
    margin-top: 0.2rem;
    position: relative;
}
.section-declaration-1 .item4 .btn .img{
    display: block;
    width: 100%;
}
.section-declaration-1 .item4 .btn-a{
    left: 4.1%;
    width: 41.3%;
}
.section-declaration-1 .item4 .btn-prize{
    opacity: 0;
    -webkit-animation: showBtn 0.9s 5s forwards;
       -moz-animation: showBtn 0.9s 5s forwards;
         -o-animation: showBtn 0.9s 5s forwards;
            animation: showBtn 0.9s 5s forwards;
}
@-webkit-keyframes showBtn {
    100%{
        opacity: 1;
    }
}
@-moz-keyframes showBtn {
    100%{
        opacity: 1;
    }
}
@-o-keyframes showBtn {
    100%{
        opacity: 1;
    }
}
@keyframes showBtn {
    100%{
        opacity: 1;
    }
}


.section-finish-1{
    margin-top: 0.8rem;
}
.section-finish-1 .item1{
    text-align: center;
    font-size: 0.5333rem;
    font-weight: bold;
}
.section-finish-1 .item2{
    text-align: center;
    font-size: 0.3733rem;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
}
.section-finish-1 .item3{
    text-align: center;
    font-weight: bold;
    margin-top: 2.5rem;
}
.section-finish-1 .item3 .btn{
    display: block;
    width: 35%;
    margin: auto;
    margin-top: 0.6rem;
}
.section-finish-1 .item3 .btn .img{
    display: block;
    width: 100%;
}
.section-finish-1 .img-text{
    display: block;
    width: 74%;
    margin: auto;
}
.section-finish-1 .section-btns{
    margin-top: 0.8rem;
    left: -0.22rem;
}
.section-finish-1 .section-index-btns{
    margin-top: 0.2rem;
    padding: 0 6%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-finish-1 .section-index-btns .btn{
    width: 35%;
    margin: 0 0.2667rem;
}
.section-finish-1 .section-index-btns .btn:nth-child(2){
    width: 34%;
    top: 0.44rem;
    left: 0.05rem;
}
.section-finish-1 .section-index-btns .btn:nth-child(3){
    width: 27%;
    top: 0.09rem;
}



.section-about-1{
    position: absolute;
    left: 0;
    top: 29.5%;
    width: 100%;
    padding: 0 0.1rem;
}
.section-about-1 .bg{
    width: 100%;
}
.section-about-1 .item-video{
    position: relative;
    width: 89%;
    margin: auto;
}
.section-about-1 .item-video video{
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
}
.section-about-1 .item-video .btn{
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: solid 0.0267rem #fff;
    background-color: rgba(0,0,0,0.6);
    border-radius: 0.8rem;
    height: 0.9333rem;
    padding: 0 0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 0.4267rem;
}
.section-about-1 .item-video .btn .icon{
    width: 0.5333rem;
    margin-right: 0.2rem;
}


.section-about-2{
    position: absolute;
    top: 13.8rem;
    left: 0;
    width: 100%;
}
.section-about-2 .bg{
    display: block;
    width: 56%;
    margin: auto;
}


.section-about-video{
    position: absolute;
    left: 0;
    top: 8.34rem;
    width: 100%;
    padding: 0 9.4%;
}
.section-about-video .banner{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 43vw;
    height: 4.35rem;
}
.section-about-video .animal{
    width: 1rem;
    position: absolute;
    top: -0.5rem;
    left: 1.2rem;
    z-index: 9;
}



.section-lucky{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding-top: 20%;
}
.section-lucky .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.section-lucky .item .list{
    margin: 0.14rem;
    width: 2.3rem;
    height: 2.3rem;
    background-color: #eae3ce;
    border: solid 0.0533rem #000;
    border-radius: 0.1333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.6rem;
    font-size: 1.3867rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.1rem;
    box-shadow: 0.0533rem 0.0533rem 0.16rem #333;
}
.section-lucky .item .huangdong{
    -webkit-animation: huangdong 0.8s 0.1s;
       -moz-animation: huangdong 0.8s 0.1s;
         -o-animation: huangdong 0.8s 0.1s;
            animation: huangdong 0.8s 0.1s;
}
.section-lucky .item .list .img{
    width: 84%;
}
.section-lucky .item-msg{
    text-align: center;
    font-size: 0.3467rem;
    color: #000;
    margin-top: 0.6rem;
    position: relative;
    z-index: 3;
    /* text-shadow: 0.0267rem 0.0267rem 0.0267rem #fff; */
}
@-webkit-keyframes huangdong {
    0%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    10%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    20%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    30%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    40%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    50%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    60%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    70%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    80%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    90%{
        -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
}
@-moz-keyframes huangdong {
    0%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
    10%{
        -moz-transform: rotate(0);
             transform: rotate(0);
    }
    20%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
    30%{
        -moz-transform: rotate(0);
             transform: rotate(0);
    }
    40%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
    50%{
        -moz-transform: rotate(0);
             transform: rotate(0);
    }
    60%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
    70%{
        -moz-transform: rotate(0);
             transform: rotate(0);
    }
    80%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
    90%{
        -moz-transform: rotate(-20deg);
             transform: rotate(-20deg);
    }
}
@-o-keyframes huangdong {
    0%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
    10%{
        -o-transform: rotate(0);
           transform: rotate(0);
    }
    20%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
    30%{
        -o-transform: rotate(0);
           transform: rotate(0);
    }
    40%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
    50%{
        -o-transform: rotate(0);
           transform: rotate(0);
    }
    60%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
    70%{
        -o-transform: rotate(0);
           transform: rotate(0);
    }
    80%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
    90%{
        -o-transform: rotate(-20deg);
           transform: rotate(-20deg);
    }
}
@keyframes huangdong {
    0%{
        -webkit-transform: rotate(-20deg);
           -moz-transform: rotate(-20deg);
             -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    10%{
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    20%{
        -webkit-transform: rotate(-20deg);
           -moz-transform: rotate(-20deg);
             -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    30%{
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    40%{
        -webkit-transform: rotate(-20deg);
           -moz-transform: rotate(-20deg);
             -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    50%{
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    60%{
        -webkit-transform: rotate(-20deg);
           -moz-transform: rotate(-20deg);
             -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    70%{
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    80%{
        -webkit-transform: rotate(-20deg);
           -moz-transform: rotate(-20deg);
             -o-transform: rotate(-20deg);
                transform: rotate(-20deg);
    }
    90%{
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
}



.section-active{
    width: 100%;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.section-active .bg{
    display: block;
    width: 100%;
}
.section-active .item-num{
    display: block;
    position: fixed;
    z-index: 10003;
    top: 0.3rem;
    right: 0.2667rem;
    background-color: #fff;
    border-radius: 0.2667rem;
    border: solid 0.0533rem #000;
    padding: 0.0533rem 0.2667rem;
    overflow: hidden;
}
.section-active .item-num .text{
    font-size: 0.3467rem;
    font-weight: bold;
    position: relative;
}
.section-active .item-num .bar{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10%;
    background-color: #65ccb9;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.section-active .tips{
    min-width: 2.5rem;
    position: absolute;
    z-index: 2999;
    background-color: #fff;
    border-radius: 0.16rem;
    border: solid 0.08rem #000;
    padding: 0.1333rem 0.2rem;
    white-space: nowrap;
}
.section-active .tips::after{
    content: "";
    display: block;
    position: absolute;
    left: 60%;
    bottom: -0.31rem;
    width: 0.4rem;
    height: 0.32rem;
    background: url(../images/arrow2.png) no-repeat center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.section-active .tips p{
    font-size: 0.2933rem;
    font-weight: bold;
    padding: 0.0533rem 0;
}
.section-active .img-tips{
    /* border: solid 0.0533rem #ff0000; */
    border-radius: 0.5333rem;
}
.section-active .img-tips audio{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.section-active .img-tips .num{
    display: block;
    width: 0.55rem;
    height: 0.55rem;
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    border: solid 0.0533rem #ff0000;
    border-radius: 50%;
    background-color: #ffff00;
    color: #ff0000;
    font-size: 0.2933rem;
    font-size: 0.4267rem;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;        
}

.section-active .img-tips .bg-img{
    display: block;
    width: 2rem;
    position: absolute;
    top: -0.9rem;
    right: -0.1rem;
}
.section-active .img-tips .bg-img .img{
    display: block;
    width: 100%;
}

.section-active .img-tips .arrow{
    display: block;
    width: 1rem;
    position: absolute;
    top: -0.6rem;
    left: 50%;
    margin-left: -0.5rem;
}

.section-active .img1-1{
    z-index: 2000;
    width: 31%;
    height: 31vw;
    position: absolute;
    left: 9%;
    top: 3.7%;
}
.section-active .img1-1 .tips{
    left: 12%;
    top: -1.2rem;
}
.section-active .img2-1{
    z-index: 2000;
    width: 25%;
    height: 25vw;
    position: absolute;
    right: 9%;
    top: 10%;
}
.section-active .img2-1 .tips{
    left: -11%;
    top: -1.4rem;
}
.section-active .img3-1{
    z-index: 2000;
    width: 57%;
    height: 22vw;
    position: absolute;
    left: 4%;
    top: 12.3%;
    border: 0;
}
.section-active .img3-1::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: solid 0.0533rem #ff0000;
    border-radius: 0.5333rem;
    -webkit-transform: rotate(-30deg);
       -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
         -o-transform: rotate(-30deg);
            transform: rotate(-30deg);
    display: none;        
}
.section-active .img3-1 .tips{
    left: 33%;
    top: -1.9rem;
}
.section-active .img3-1 .num{
    left: 77%;
    top: -62%;
}
.section-active .img4-1{
    z-index: 2000;
    width: 30%;
    height: 30vw;
    position: absolute;
    left: 43%;
    top: 16%;
}
.section-active .img4-1 .tips{
    left: 26%;
    top: -1rem;
}
.section-active .img4-1 .num{
    left: auto;
    right: -0.2rem;
}
.section-active .img5-1{
    z-index: 2000;
    width: 23%;
    height: 23vw;
    position: absolute;
    left: 30%;
    top: 43.5%;
}
.section-active .img5-1 .tips{
    left: -56%;
    top: -1.2rem;
}
.section-active .img5-1 .num{
    left: auto;
    right: -0.1667rem;
}
.section-active .img6-1{
    z-index: 2000;
    width: 23%;
    height: 23vw;
    position: absolute;
    left: 10%;
    top: 40.5%;
}
.section-active .img6-1 .tips{
    left: -20%;
    top: -1.1rem;
}
.section-active .img7-1{
    z-index: 2000;
    width: 46%;
    height: 30vw;
    position: absolute;
    left: 3%;
    top: 54.5%;
}
.section-active .img7-1 .tips{
    left: 20%;
    top: -1rem;
}
.section-active .img7-1 .tips::after{
    left: 27%;
}
.section-active .img8-1{
    z-index: 2000;
    width: 25%;
    height: 19vw;
    height: 2.2rem;
    position: absolute;
    left: 29%;
    top: 50.5%;
}
.section-active .img8-1 .tips{
    left: 5%;
    top: -1.2rem;
}
.section-active .img9-1{
    z-index: 2000;
    width: 40%;
    height: 2.8rem;
    position: absolute;
    left: 51%;
    top: 52.5%;
}
.section-active .img9-1 .tips{
    left: -18%;
    top: -1.6rem;
}
.section-active .img9-1 .num{
    left: auto;
    right: -0.1667rem;
}
.section-active .img10-1{
    z-index: 2000;
    width: 42%;
    height: 25vw;
    position: absolute;
    left: 8%;
    top: 74%;
}
.section-active .img10-1 .tips{
    left: 12%;
    top: -1.1rem;
}
.section-active .img10-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    left: auto;
    right: -0.1667rem;
    top: -0.35rem;
}
.section-active .img11-1{
    z-index: 2000;
    width: 27%;
    height: 20vw;
    position: absolute;
    left: 60%;
    top: 89.2%;
}
.section-active .img11-1 .tips{
    left: -14%;
    top: -1.4rem;
}
.section-active .img11-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    left: auto;
    right: -0.1667rem;
    top: -0.35rem;
}
.section-active .img12-1{
    z-index: 2000;
    width: 50%;
    height: 30vw;
    height: 2rem;
    position: absolute;
    left: 30%;
    top: 82%;
}
.section-active .img12-1 .tips{
    left: 46%;
    top: -1.3rem;
}
.section-active .img12-1 .arrow{
    left: 84%;
}
.section-active .img12-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    left: auto;
    right: -0.1667rem;
    top: -0.35rem;
}
.section-active .img13-1{
    z-index: 2000;
    width: 23%;
    height: 23vw;
    position: absolute;
    left: 2%;
    top: 84%;
}
.section-active .img13-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    left: auto;
    right: -0.1667rem;
    top: -0.35rem;
}
.section-active .img13-1 .tips{
    left: 31%;
    top: -1rem;
}
.section-active .img13-1 .tips::after{
    left: 27%;
}
.section-active .img14-1{
    z-index: 2000;
    width: 35%;
    height: 25vw;
    position: absolute;
    left: 17%;
    top: 94%;
}
.section-active .img14-1 .tips{
    left: 29%;
    top: -1.2rem;
}
.section-active .img14-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    left: auto;
    right: -0.1667rem;
    top: -0.35rem;
}
.section-active .img15-1{
    z-index: 2000;
    width: 35%;
    height: 34vw;
    height: 2.6rem;
    position: absolute;
    left: 64%;
    top: 43.5%;
}
.section-active .img15-1 .tips{
    left: -4%;
    top: -1.2rem;
}
.section-active .img15-1 .num{
    width: 0.8rem;
    height: 0.65rem;
    line-height: 0.65rem;
    top: -0.35rem;
}

.section-active .img1 .tips{
    left: 13%;
    top: -1.68rem;
}
.section-active .img2 .tips{
    left: 10%;
    top: -1rem;
}
.section-active .img4 .tips{
    left: 48%;
    top: -1.9rem;
}
.section-active .img6 .tips{
    right: 3%;
    top: -1.6rem;
}
.section-active .img11 .tips{
    left: 47%;
    top: -0.4rem;
}
.section-active .img12 .tips{
    left: 3%;
    top: -1.6rem;
}
.section-active .img12 .tips::after{
    left: 27%;
}
.section-active .img13 .tips{
    left: 24%;
    top: -1.6rem;
}


.section-active img{
    display: block;
}

.section-active .img1{
    width: 100%;
    height: 40vw;
    position: absolute;
    left: 0%;
    top: 3.5%;
}
.section-active .img1 .gif{
    width: 34%;
    position: absolute;
    left: 9.5%;
    top: 5.5%;
}
.section-active .img1 .img{
    width: 44.5%;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.section-active .img2{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 10.5%;
}
.section-active .img2 .gif{
    width: 58%;
    margin-left: 4.2%;
    margin-top: 1.8%;
    position: relative;
    z-index: 2;
}

.section-active .img3{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 15%;
}
.section-active .img3 .gif{
    /* width: 15%;
    margin-left: 38.2%;
    margin-top: 2.3%;
    position: relative;
    z-index: 3; */
}
.section-active .img3 .img{
    width: 9%;
    margin-left: 42.2%;
    margin-top: 2.2%;
    position: relative;
    z-index: 3;
}

.section-active .img4{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 17%;
}
.section-active .img4 .gif{
    width: 21.6%;
    margin-left: 50%;
    margin-top: 1.8%;
    position: relative;
    z-index: 4;
}

.section-active .img5{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 43.8%;
}
.section-active .img5 .gif{
    width: 41%;
    margin-left: 6%;
    position: relative;
    z-index: 5;
}

.section-active .img6{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 43.8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.section-active .img6 .gif{
    width: 23%;
    margin-right: 2%;
    margin-top: 1%;
    position: relative;
    z-index: 6;
}

.section-active .img7{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 55.3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.section-active .img7 .gif{
    width: 23%;
    margin-right: 2%;
    margin-top: 1%;
}

.section-active .img8{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 60%;
}
.section-active .img8 .gif{
    width: 14%;
    margin-left: 10%;
    margin-top: 4%;
}

.section-active .img9{
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 75%;
}
.section-active .img9 .gif{
    width: 19%;
    /* margin-left: 43%; */
    margin-top: 4%;
    position: relative;
    z-index: 9;
    -webkit-animation: move9 6s linear infinite;
       -moz-animation: move9 6s linear infinite;
         -o-animation: move9 6s linear infinite;
            animation: move9 6s linear infinite;
}
@-webkit-keyframes move9{
    from { -webkit-transform: translate(-20vw, 0); transform: translate(-20vw, 0); }
    to { -webkit-transform: translate(120vw, 0); transform: translate(120vw, 0); } 
}
@-moz-keyframes move9{
    from { -moz-transform: translate(-20vw, 0); transform: translate(-20vw, 0); }
    to { -moz-transform: translate(120vw, 0); transform: translate(120vw, 0); } 
}
@-o-keyframes move9{
    from { -o-transform: translate(-20vw, 0); transform: translate(-20vw, 0); }
    to { -o-transform: translate(120vw, 0); transform: translate(120vw, 0); } 
}
@keyframes move9{
    from { -webkit-transform: translate(-20vw, 0); -moz-transform: translate(-20vw, 0); -o-transform: translate(-20vw, 0); transform: translate(-20vw, 0); }
    to { -webkit-transform: translate(120vw, 0); -moz-transform: translate(120vw, 0); -o-transform: translate(120vw, 0); transform: translate(120vw, 0); } 
}

.section-active .img10{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 79.4%;
}
.section-active .img10 .gif{
    width: 13%;
    position: relative;
    z-index: 10;
    -webkit-animation: move10 7s linear infinite;
       -moz-animation: move10 7s linear infinite;
         -o-animation: move10 7s linear infinite;
            animation: move10 7s linear infinite;
}
@-webkit-keyframes move10{
    from { -webkit-transform: translate(120vw, 0); transform: translate(120vw, 0); }
    to { -webkit-transform: translate(-20vw, 0); transform: translate(-20vw, 0); } 
}
@-moz-keyframes move10{
    from { -moz-transform: translate(120vw, 0); transform: translate(120vw, 0); }
    to { -moz-transform: translate(-20vw, 0); transform: translate(-20vw, 0); } 
}
@-o-keyframes move10{
    from { -o-transform: translate(120vw, 0); transform: translate(120vw, 0); }
    to { -o-transform: translate(-20vw, 0); transform: translate(-20vw, 0); } 
}
@keyframes move10{
    from { -webkit-transform: translate(120vw, 0); -moz-transform: translate(120vw, 0); -o-transform: translate(120vw, 0); transform: translate(120vw, 0); }
    to { -webkit-transform: translate(-20vw, 0); -moz-transform: translate(-20vw, 0); -o-transform: translate(-20vw, 0); transform: translate(-20vw, 0); } 
}


.section-active .img11{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 79%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.section-active .img11 .gif{
    width: 35.2%;
    margin-right: 3%;
    margin-top: 5.9%;
    position: relative;
    z-index: 11;
}

.section-active .img12{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 86%;
}
.section-active .img12 .gif{
    width: 13.2%;
    margin-left: 16.7%;
    margin-top: 2%;
    position: relative;
    z-index: 12;
}

.section-active .img13{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 94%;
}
.section-active .img13 .gif{
    width: 11.2%;
    margin-left: 38.4%;
    margin-top: 3.5%;
}

.pop-active-rule{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2030;
    overflow: auto;
}
.pop-active-rule .container{
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    background-color: #fff;
    border-radius: 0.16rem;
    border: solid 0.0533rem #000;
    /* border-right-width: 0.08rem; */
    padding: 0.5rem 0.5333rem;
}
.pop-active-rule .content{
    overflow: auto;
    max-height: 82vh;
}
.pop-active-rule .container .close{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0.1rem;
    top: -0.4rem;
    background: url(../images/close.png) no-repeat center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.pop-active-rule .container p{
    font-size: 0.3733rem;
    font-weight: bold;
}
.pop-active-rule .container dl{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.1067rem;
}
.pop-active-rule .container dl dt{
    width: 1em;
    padding-top: 0.0533rem;
}
.pop-active-rule .container dl dd{
    font-size: 0.3733rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.pop-active-rule .container .item-img{
    margin-top: 0.1rem;
}
.pop-active-rule .container .item-img .img{
    display: block;
    width: 90%;
    margin: auto;
}

.pop-active-agreement .container .content{
    overflow-y: auto;
    max-height: 82vh;
}
.pop-active-agreement .container h1{
    text-align: center;
    font-size: 0.4267rem;
    font-weight: bold;
    padding: 0 0 0.2667rem;
}
.pop-active-agreement .container dl dd{
    text-indent: 2em;
    font-size: 0.3467rem;
}
.pop-active-agreement .container dl .noIndent{
    text-indent: 0;
}
.pop-active-agreement .container dl dd a{
    text-decoration: underline;
    text-align: right;
}


.pop-active-tips{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2030;
}
.pop-active-tips .mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.pop-active-tips .container{
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 74%;
}
.pop-active-tips .container .close{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0.1rem;
    top: -0.4rem;
    background: url(../images/close.png) no-repeat center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.pop-active-tips .container .content{
    position: relative;
}
.pop-active-tips .container .content .bg{
    width: 100%;
}
.pop-active-tips .container .text{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
}
.pop-active-tips .container .text dd{
    font-size: 0.5333rem;
    font-weight: bold;
    color: #666;
    padding: 0.1rem 0;
}
.pop-active-tips .container .text .img{
    display: block;
    margin: auto;
    height: 1.3rem;
}


.pop{
    width: 92%;
}
html .pop-draw-prize{
    /* padding: 0.4rem; */
    background: none;
    width: 100%;
}
.pop-draw-prize .content{
    width: 100%;
    width: 92%;
    position: relative;
    left: 0.3%;
    height: 134vw;
    margin: auto;
    /* border: solid 0.08rem #000; */
    border-radius: 0.16rem;
    padding: 0.8rem 0 0.9rem;
    -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
            perspective: 1000px;
    background-image: url(../images/dialog1.png);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;   
    padding: 30% 0 4%;     
}
.pop-draw-prize .circle{
    position: absolute;
    z-index: 1000;
    right: 0.9rem;
    top: 0;
    width: 0.88rem;
    height: 0.88rem;
    background-color: #f2c900;
    border-radius: 50%;
}
.pop-draw-prize .niao{
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 45vw;
    width: 1.5rem;
}
.pop-draw-prize .circle.color1{
    right: auto;
    left: 0;
    top: 50%;
    background-color: #fff;
    border: solid 0.0267rem #000;
}
.pop-draw-prize .bird{
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 2rem;
    width: 1.4rem;
}
.pop-draw-prize .i-header{
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}
.pop-draw-prize .item1{
    text-align: center;
}
.pop-draw-prize .item1 .img{
    display: block;
    margin: auto;
}
.pop-draw-prize .item-prize{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.7rem;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    /* max-height: 3.5rem; */
}
.pop-draw-prize .item-prize .img{
    max-width: 55%;
    max-height: 3.5rem;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    -o-transition: -o-transform 1.2s;
    -moz-transition: transform 1.2s, -moz-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s, -moz-transform 1.2s, -o-transform 1.2s;
}
.pop-draw-prize .item-prize.active .img{
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
.pop-draw-prize .item-prize:hover .img{
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
.pop-draw-prize .item-btn{
    margin-top: 0.5rem;
}
.pop-draw-prize .item-btn .btn{
    display: block;
    width: 50%;
    margin: auto;
    margin-bottom: 0.3rem;
    position: relative;
}
.pop-draw-prize .item-btn.lg .btn{
    left: -3%;
}
.pop-draw-prize .item-btn .img{
    display: block;
    width: 100%;
}
.pop-draw-prize .item-btn.group{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
}
.pop-draw-prize .item-btn.group .btn{
    width: 35%;
    margin: 0 0.2667rem;
}
.pop-draw-prize .item-btn.group .btn:nth-child(1){
    width: 33%;
    top: -0.2rem;
    margin-left: 4.5%;
}


.overlay-can-draw{
    z-index: 9998;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.overlay-can-draw-mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    pointer-events: none;
    z-index: 2040;
}
.overlay-can-draw-content{
    width: 58%;
    position: fixed;
    bottom: 20%;
    left: 21%;
    z-index: 2041;
}
.overlay-can-draw-content .btn{
    display: block;
    width: 100%;
    margin: auto;
}
.overlay-can-draw-content .img{
    display: block;
    width: 100%;
}
.overlay-can-draw-content1{
    width: 76%;
    position: fixed;
    top: 15%;
    left: 12%;
    z-index: 2041;
    color: #fff;
    font-size: 0.4533rem;
    font-size: 0.48rem;
    text-shadow: 1px 1px 0px #000;
    text-align: justify;
}

.section-arrow{
    position: fixed;
    left: 50%;
    bottom: 0.1rem;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 9990;
}
.section-arrow .arrow{
    width: 2rem;
    height: 1.5rem;
}


.section-prize{
    position: relative;
    padding-top: 0.7rem;
}
.section-prize .item-name{
    font-size: 0.5333rem;
    font-size: 20px;
    font-size: 0.48rem;
    font-weight: bold;
    text-align: center;
    padding: 0 1.2rem;
}
.section-prize .item-prize .img{
    display: block;
    margin: auto;
    margin-top: 0.4rem;
    max-height: 3rem;
}


.section-address{
    position: relative;
    margin-top: 0.6rem;
    padding: 0 1.7rem 0.994rem;
    /* background-image: url(../images/bg6.jpg); */
    background-position: bottom center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
}
.section-address::after{
    content: "";
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    position: absolute;
    bottom: -0.6rem;
    left: 5%;
    background-color: #fff;
    border: solid 0.0267rem #000;
    border-radius: 50%;
    display: none;
}
.section-address .item1{
    font-size: 0.3467rem;
}
.section-address .item2{
    margin-top: 0.2667rem;
}
.section-address .item2 .list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.3467rem;
    padding: 0.12rem 0;
}
.section-address .item2 .list.province{
    display: block;
}
.section-address .item2 .list.province .col3{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.27rem -5px 0.35rem;
}
.section-address .item2 .list.province .col3 .input{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 5px;
    padding-right: 0.4rem;
}
.section-address .item2 .list dt{
    white-space: nowrap;
    width: 7em;
}
.section-address .item2 .list dd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-address .item2 .list .input{
    width: 100%;
    height: 0.48rem;
    background: none;
    border: 0;
    border-bottom: solid 0.0267rem #65ccb9;
}
.section-address .item2 .list .select{
    background-image: url(../images/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    -o-background-size: 0.2667rem auto;
       background-size: 0.2667rem auto;
}
.section-address .item2 ::-webkit-input-placeholder{
    font-size: 0.3467rem;
}
.section-address .item2 :-moz-placeholder{
    font-size: 0.3467rem;
}
.section-address .item2 ::-moz-placeholder{
    font-size: 0.3467rem;
}
.section-address .item2 :-ms-input-placeholder{
    font-size: 0.3467rem;
}
.section-address .item2 ::-ms-input-placeholder{
    font-size: 0.3467rem;
}
.section-address .item2 ::placeholder{
    font-size: 0.3467rem;
}
.section-address .item-btns{
    margin-top: 0.6rem;
}
.section-address .item-btns .btn{
    display: block;
    width: 55%;
    margin: auto;
}
.section-address .item-btns .btn .img{
    display: block;
    width: 100%;
}



.section-express{
    position: relative;
    margin-top: 0.6rem;
    padding: 0 1.3rem 0.8rem;
    /* background-image: url(../images/bg6.jpg); */
    background-position: bottom center;
    background-repeat: repeat-y;
    -o-background-size: 100% auto;
       background-size: 100% auto;
}
.section-express .inner::after{
    content: "";
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    bottom: -0.6rem;
    left: -8%;
    background-color: #fff;
    border: solid 0.0267rem #000;
    border-radius: 50%;
}
.section-express .inner{
    border: solid 0.08rem #000;
    border-radius: 0.16rem;
    background-color: #fff;
    padding: 0.2667rem;
    position: relative;
}
.section-express .item1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 0.2667rem;
}
.section-express .item1 .t1{
    font-size: 0.48rem;
}
.section-express .item1 .t2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #aaa;
    font-size: 0.32rem;
}
.section-express .item1 .van-switch{
    margin-left: 0.1333rem;
}
.section-express .item2 .list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.1333rem 0;
    position: relative;
}
.section-express .item2 .list dt::before{
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #c4c4c4;
    border-radius: 50%;
    position: relative;
    z-index: 3;
}
.section-express .item2 .list dt::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.42rem;
    border: solid 0.0267rem #c4c4c4;
    border-style: dashed;
}
.section-express .item2 .list:nth-child(1) dt::before{
    content: "";
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background-color: #fd4641;
    border-radius: 50%;
    background-image: url(../images/car.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 60% auto;
       background-size: 60% auto;
}
.section-express .item2 .list:nth-child(1) dt::after{
    top: 0.9rem;
}
.section-express .item2 .list:nth-child(1) .time{
   color: #000;
}
.section-express .item2 .list:nth-child(1) .text{
   color: #000;
}
.section-express .item2 .list:nth-last-child(1){
    padding-top: 0.3rem;
}
.section-express .item2 .list:nth-last-child(1) dt::before{
    content: "";
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background-color: #c6c6c6;
    border-radius: 50%;
    background-image: url(../images/car.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 60% auto;
       background-size: 60% auto;
}
.section-express .item2 .list:nth-last-child(1) .title{
    color: #888;
}
.section-express .item2 .list dt{
    width: 0.9rem;
    height: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-express .item2 .list dd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0.3rem;
}
.section-express .item2 .list .title{
    font-size: 0.5333rem;
    margin-top: 0.06rem;
}
.section-express .item2 .list .time{
    font-size: 0.32rem;
    color: #888;
    margin-top: 0.28rem;
}
.section-express .item2 .list .text{
    font-size: 0.3733rem;
    color: #888;
    margin-top: 0.0533rem;
}
  

.pop-share{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 99;
}
.pop-share .img .bg{
    width: 2.6667rem;
    position: fixed;
    top: 0.2667rem;
    right: 0.5333rem;
}
.pop-share .text{
    font-size: 0.4267rem;
    color: #fff;
    position: fixed;
    top: 2.2rem;
    right: 0.5333rem;
}


.pop-share2{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pop-share2 .content{
    width: 100%;
    padding: 0 10%;
}
.pop-share2 .item-text .bg{
    width: 100%;
}
.pop-share2 .item-btn{
    padding: 1.3rem 0 0 7%;
}
.pop-share2 .item-btn .btn{
    display: block;
    width: 46%;
    margin: auto;
}
.pop-share2 .item-btn .btn .img{
    display: block;
    width: 100%;
}

html .van-toast{
    z-index: 9999999!important;
}


.section-error{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding-top: 30%;
    position: relative;
}
.section-error .img{
    display: block;
    width: 58%;
    margin: auto;
}
.section-error .bird{
    display: block;
    width: 26%;
    position: absolute;
    right: 23%;
    top: 26%;
}


@media screen and (min-width: 750px) {
    html, body{
        width: 750px;
        margin: auto;
    }

    .page-bg-footer{
        width: 750px;
        right: 0;
        margin: auto;
    }

    .overlay-can-draw-content1{
        font-size: 0.27rem;
    }
    .overlay-can-draw-content .img{
        width: 350px;
        margin: auto;
    }
}