/* 首页 */
.home,.page2{
    background: #74c9ff
}
.start-btn{
    font-weight: bold;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    text-align: center;
}
/*.home .icon{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    text-align: center;
    width: 100%;
    height: auto;
    top: 0.8rem;
    margin-left: 10px;
}*/
.home .icon{
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    height: auto;
    top: -60px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.home .logo{
    width: 2.05rem;
    height: auto;
    right: 0.26rem;
    top: 0.26rem;
    position: absolute;
    z-index: 3;
}
.start{
    color: #614427;
    bottom: 2.5rem;
    background: url("../images/home-btn.png") no-repeat center/100%;
    font-size: 19px;
    width: 3.59rem;
    height: 1.37rem;
    line-height: 1.15rem;
}
.rule{
    color: #fff;
    bottom: 1rem;
    background: url("../images/home-rule.png") no-repeat center/100%;
    font-size: 16px;
    width: 3.2rem;
    height: 1.023rem;
    line-height: 0.9rem;
}

/*.home-logo{
    width: 8.97rem;
    position: absolute;
    top: 6.09rem;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 3;
}*/
.home-logo{
    width: 8.97rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
    margin: auto;
    z-index: 3;
}


/* 第二页 */
.page2-logo{
    width: 2.975rem;
    height: 2.375rem;
    z-index: 3;
    position: absolute;
    top: 0.4rem;
    left:50%;
    transform: translate(-50%,0);
}

.page2-boxs{
    width: 9.413rem;
    height: 12rem;
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    background: url(../images/page2-bot.png)no-repeat center/100% 100%;
}


.page2-tops{
    width: 68%;
    margin: 0.2rem auto 0;
    color: #614427;
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
}
.page2-tops .page2-time{
    float: left;
}
.page2-tops .page2-counts{
    float: right;
}
.page2-imgs{
    width: 100%;
    margin: 0rem auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0.7rem 1.05rem;
}
.page2-imgs div{
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    position: relative;
}
.page2-imgs img{
    width: 100%;
    height: 100%;
}

.page2 .click{
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/click.png)no-repeat center/100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.page2-tips{
    width: 100%;
    position: absolute;
    top: 13.5rem;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    font-size: 0.4rem;
    text-align: center;
    color: #724f45;
    font-weight: bold
}



/* 第三页抽奖 */
.lottery-canvas{
    width: 7.85rem;
    height:7.625rem;
    position: absolute;
    top: 1.2rem;
    left: 50%;
    transform: translate(-50%,0);
    background: url(../images/page3-canvas.png)no-repeat center/100%;
    z-index: 4;
}
.lottery-canvas>div{
    width: 6.375rem;
    height: 4rem;
    position: absolute;
    top: 2.8rem;
    left: 50%;
    transform: translate(-50%,0);
    color: #090399;
    font-size: 0.6rem;
    text-align: center;
    line-height: 4rem;
    letter-spacing: 0.15rem;
    font-weight: bold;
    background: #fee302;
    border-radius: 0.3rem;
}

canvas{
    position: absolute;
    top: 2.8rem;
    left: 50%;
    transform: translate(-49%,0);
    z-index: 5;
    border-radius: 0.3rem;
    border:0.08rem solid white;
}

.page3-text{
    width:8rem;
    position: absolute;
    left: 50%;
    bottom:4.8rem;
    transform: translate(-50%,0);
    z-index: 3;
    color: #430a09;
    text-align: center;
    font-size: 14px;
}

.page3 .share-btn{
    width:4.125rem;
    height: 1.375rem;
    z-index: 3;
    position: absolute;
    left: 50%;
    bottom:2.5rem;
    transform: translate(-50%,0);
    background: url(../images/share-btn.png)no-repeat center/100%;
}

.share,.page3 .award{
    display: none;
}


.lottery-tips {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translate(-50%,0);
    color: black;
    font-size: 0.25rem;
}
.lottery-slogan {
    position: absolute;
    top: 8.4rem;
    left: 50%;
    transform: translate(-50%,0);
    color: #090399;
    font-size: 0.4rem;
    z-index: 4;
    text-align: center;
    font-weight: bold;
}
.lottery-slogan-false,.lottery-slogan-award{
    display: none;
}
.lottery-share {
    position: absolute;
    top: 10.5rem;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 4;
    background: url(data:image/png;base64,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)no-repeat center/100%
}
.share-bg{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
}

/* 九宫格抽奖 */
.lottery-box{
    width: 9.186rem;
    height: 12.54rem;
    display: block;
    background: url(../images/lottery-box.png)no-repeat center/100% 100%;
    /* top: 0.675rem;
    left: 50%;
    transform: translate(-50%,0); */
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.page3-title{
    width: 5.9rem;
    display: block;
    margin:0.825rem auto 1.25rem;
}
.page4-lottery-bg{
    width: 7.35rem;
    display: block;
    margin:1.4rem auto;
    position: relative;
    z-index: 5;
}
.lottery{
    width: 8.36rem;
    height: 8.49rem;
    position: absolute;
    top: 2.71rem;
    left: 50%;
    transform: translate(-50%,0);
    overflow: hidden;
    z-index: 5;
    box-sizing: border-box;
    background: #fff;
    padding: 0.7rem 0;
    border: 1.5px solid #614427;
    border-radius: 10px;
}
  
.lottery p {
    text-align: center;
    margin-bottom: 20px;
}
  
  .lottery h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #393371
  }
  
  .lottery p.content {
    color: #393371;
    font-size: 18px;
    margin-bottom: 15px;
  }
  
  .lottery p.detail {
    color: #ffae00;
    font-size: 14px;
    align-self: flex-end;
  }
  
  .lottery p.title {
    color: #393371;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
  }
  
  .lottery .one {
    color: #393371;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 0.5rem;
  }
  
  .lottery .two {
    color: #393371;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 0.3rem;
  }
  
  .lottery-table div {
    text-align: center;
  }
  
  .lottery-unit {
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    border-radius: 0.2rem;
    padding: 0.25rem 0;
  }
  
  
  .lottery-unit i {
    font-size: 14px;
    font-style: normal;
    text-align: center;
    font-weight: bold;
  }
  .lottery-unit p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  
  .lottery-unit-active {
    background-color: #fee348!important;
  }
  
  .lottery-unit-0{
    box-sizing: border-box;
    background: url(../images/lottery-award1.png)no-repeat center/1.62rem auto
  }
  .lottery-unit-1{
    box-sizing: border-box;
    background: url(../images/lottery-award2.png)no-repeat center/0.9rem auto
  }
  .lottery-unit-2{
    box-sizing: border-box;
    background: url(../images/lottery-award3.png)no-repeat center/1.44rem auto
  }
  .lottery-unit-3{
    box-sizing: border-box;
    background: url(../images/lottery-award4.png)no-repeat center/1.7rem auto
  }
  .lottery-unit-4{
    box-sizing: border-box;
    background: url(../images/lottery-award5.png)no-repeat center/1.7rem auto
  }
  .lottery-unit-5{
    box-sizing: border-box;
    background: url(../images/lottery-award6.png)no-repeat center/1.7rem auto
  }
  .lottery-unit-6{
    box-sizing: border-box;
    background: url(../images/lottery-award7.png)no-repeat center/0.9rem auto
  }
  .lottery-unit-7{
    box-sizing: border-box;
    background: url(../images/lottery-award8.png)no-repeat center/1.7rem auto
  }
  .award-box{
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    overflow: hidden;
    background-color: #fecd48;
    position: relative;
    border-radius: 0.2rem;
    /* border-bottom:0.1rem solid #c36f02; */
    box-sizing: border-box
  }
  .color-red img{
    width: 1.7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
  }
  
  .red-bottom a{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background: #ffd60f;
    color: white;
    line-height: 1.25;
  }
  .color-red{
    height: 100%;
    background: url(../images/lottery-start.png)no-repeat center/100%;
    font-size: 14px;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
  }
  .red-bottom{
    background: #ffe009;
    border: none;
  }
  




/* 答题进入页面 */
.test-enter-box{
    width: 7.875rem;
    height:8.1rem;
    border-radius: 0.2rem;
    background: #000;
    z-index: 3;
    position: absolute;
    top: 1.9rem;
    left: 50%;
    transform: translate(-50%,0)
}
.test-enter-box img{
    width: 100%;
    height: 100%;
}
.enter-btn{
    width: 4.25rem;
    height: 1.5rem;
    background: url(../images/enter-btn.png)no-repeat center/100%;
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 10.8rem;
    transform: translate(-50%,0)
}



/* others 其他 */

/*树叶摆动的特效*/
.abs{ position: absolute; left: 0; top: 0;z-index: 5; }
.leaf{animation: tr-lb linear 8s;animation-iteration-count: infinite;animation-timing-function: ease;transform-origin: 50% 50%;-webkit-animation: tr-lb linear 8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease;-webkit-transform-origin: 50% 50%; }
.leaf1{width:54px; top: -30px; left: 200px; -webkit-animation-delay: 0s;    -webkit-animation-duration: 8s; }
.leaf2{width:35px; top: -30px; left: 360px; -webkit-animation-delay: 3s;    -webkit-animation-duration: 5.3s; }
.leaf3{width:22px; top: 150px; left: 360px; -webkit-animation-delay: 2.4s;  -webkit-animation-duration: 9.7s; }

@keyframes tr-lb{
    0% {    transform:  translate(0px,0px) rotate(0);   }
    100% {    transform:  translate(-370px,270px) rotate(500deg) ;  }
}
@-webkit-keyframes tr-lb {
    0% {    -webkit-transform:  translate(0px,0px) rotate(0)  ;  }
    100% {    -webkit-transform:  translate(-370px,270px) rotate(500deg)  ;  }
}


/* loading */
.loading{
    z-index: 6;
}
.loading img{
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,0);
}
.loading p{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 0.4rem
}

/*audio*/
.audio{
    width:0.925rem;
    height:0.95rem;
    display:block;
    position:fixed;
    top:10px;
    left: 10px;
    background:url(../images/music.png) no-repeat center/100%;
    z-index:999;
    font-size: 0;
    text-indent: -999em;
    cursor:pointer;
    z-index: 3
}
.audio-open{
    animation: music linear 2s infinite;
    transform-origin:50%  50%;
}
.audio-close{
    animation: none
}

@keyframes music{
    0%{
        transform: rotate(0)
    }
    100%{
        transform: rotate(360deg) 
    }
}





/*适配相关 iphoneX适配 */
@media only screen and (width: 375px) and (height: 724px){
    body {
        padding:1rem 0;
    }
}