@charset "utf-8";
/* CSS Document */





/* ==========================================================================
   Public Styles
   ========================================================================== */
   html { min-height:100%;}
.page { background: #fff; }
/*page1*/
.page1 { background:url(../../img/bg/home.jpg) no-repeat top center; background-size:cover; }
.page1_top {position:absolute; top:1rem; left:0; width: 6.4rem; height: 2.9rem; background:url(../../img/bg/solgan.png) no-repeat center top;background-size: contain;}
.home-logo { position: absolute; top: .3rem; right: .2rem; z-index: 9;  width:2.63rem; height:.58rem; background:url(../../img/bg/logo.png) no-repeat center; background-size:contain; }
.page1_bottom { display:none; position: absolute; bottom: 0; left: 0; z-index: 9; width: 6.4rem; height: 1.8rem; background: url(../../img/bg/page1_bottom.png) no-repeat; background-size: contain; }
.video_container { position:absolute; top:4rem; left:50%; width: 5.61rem; height:3.86rem; margin-left:-2.8rem; padding:.35rem .05rem .35rem 0; background-position:center; background-repeat:no-repeat; background-size:contain;-webkit-animation:ani 12s infinite alternate;background-image:url(../../img/video/1.png);}
@keyframes ani{
0% { background-image:url(../../img/video/1.png);}
25%{ background-image:url(../../img/video/2.png);}
50%{ background-image:url(../../img/video/3.png);}
75%{ background-image:url(../../img/video/4.png);}
100%{ background-image:url(../../img/video/5.png);}
}
#todayVideo { position:absolute; top:.5rem; left:50%; margin-left:-40%; width:80%; max-width: 100%; max-height: 100%; }
.video_container .content { display:block; width:100%; height:100%; background:url(../../img/bg/video_poster.gif) no-repeat center; background-size:contain; }
.page1_btn { position:absolute; bottom:1.2rem; left:50%; z-index:99; width: 5.2rem; margin-left: -2.6rem; overflow: hidden; }
.page1_btn>a { display: block; height: .96rem; line-height: .86rem; background-repeat: no-repeat; background-size: contain; font-size: .3rem; text-align: center; color: #2b4b38; text-indent: .1rem; font-weight: bold; }
.page1_btn>a { font-size: 0; }
.page1_btn>a.btn1 { width: 2.2rem; background-image: url(../../img/btn/1.png); }
.page1_btn>a.btn2 { width: 1rem; background-image: url(../../img/btn/2.png); }
#ruleTier {}
#ruleTier .pop_content,#choiceTag .pop_content { background:none; border-radius: 0; border: none; }
#ruleTier .pop_content { width: 5.8rem; height: 7.54rem;  margin: 0 auto; background: url(../../img/bg/rule-content.png) no-repeat center; background-size: contain; }
.rule_content p { color: #2b4c39; font-size: .29rem; line-height: .4rem; margin-top: .1rem; }
#ruleTier .pop_begin_btn { background-image: url(../../img/btn/3.png); }
.pop_begin_btn { position:absolute; bottom:1rem; left:50%; display: block; width: 1.68rem;  height: .89rem; line-height: .7rem; margin: .2rem 0 0 -0.84rem; background-size: contain; background-repeat:no-repeat; font-size: .3rem; text-align: center; color: #2b4b38; text-indent: .1rem; font-weight: bold; }
#choiceTag .pop_content {  width: 5.8rem; height: 7.54rem;  margin: 0 auto; background: url(../../img/bg/tag-content.png) no-repeat center; background-size: contain; }
#choiceTag .pop_begin_btn { position:absolute; top:.1rem; right:.5rem; left:inherit; bottom:inherit; z-index:99; width:.41rem; height:.41rem; background:url(../../img/btn/close.gif) no-repeat center; background-size:contain; }
.tag_container { position:relative; width: 5.8rem; height: 7.54rem;  margin: 0 auto; background-size: contain; }
.tag_container p { font-size: .25rem; text-align: center; line-height: .5rem; color: #064f2b; }
.tag_container .title { font-size: .4rem; text-align: center; line-height: 1.2rem; color: #064f2b; font-weight: bold; }
.tag_container ul { padding: .9rem 0 0 .15rem; overflow: hidden;/* margin-top: .3rem; */ }
.tag_container ul li { display: inline-block; float: left; width: 1.5rem; height: .6rem; margin: 0 .1rem .5rem .15rem; background-repeat: no-repeat; background-size: contain; opacity: .8;  }
/*.tag_container ul li.item1 { background-image: url(../../img/tag/1.gif); }
.tag_container ul li.item2 { background-image: url(../../img/tag/2.gif); }
.tag_container ul li.item3 { background-image: url(../../img/tag/3.gif); }
.tag_container ul li.item4 { background-image: url(../../img/tag/4.gif); }
.tag_container ul li.item5 { background-image: url(../../img/tag/5.gif); }
.tag_container ul li.item6 { background-image: url(../../img/tag/6.gif); }
.tag_container ul li.item7 { background-image: url(../../img/tag/7.gif); }
.tag_container ul li.item8 { background-image: url(../../img/tag/8.gif); }
.tag_container ul li.item9 { background-image: url(../../img/tag/9.gif); }*/
.tag_container ul li.cur { opacity:1;}
/*page2*/
.inner_header { position: relative; width: 6.4rem; height: .74rem; background: rgb(4, 64, 37); }
.inner_logo { display: block; width: 1.76rem; height: .74rem; background: url(../../img/bg/inner_logo.png) no-repeat; background-size: contain; }
.save_pic_tips {width: 1.16rem;height: 1.27rem;position: absolute;right: .4rem;top: .1rem;z-index: 9;background: url(../../img/bg/save_pic_tips.png) no-repeat;background-size: contain;font-size: 0;}
.photo_container { position: relative; width: 6.4rem;/* margin-top: .8rem; */ overflow: hidden; background: #fff; height: 10.08rem; min-height:10.08rem; }
.modelbox { position: relative; width: 6.4rem; height: 10.08rem; }
.modelbox .cover { position: absolute; left: 0; top: 0; z-index: 19; width: 6.4rem; height: 10.08rem; }
.modelbox .cover img { display: block; width: 100%; height: 100%; }
.modelbox .photo img { display: block; max-width: 100%;  }
.modelbox .photo { width: 100%; height: 100%; overflow: hidden; }
.imgloading {width: 100%;height: 100%;background: #DCDDDD url(../../img/bg/load.gif) center no-repeat;position: absolute;top: 0;left: 0;z-index: 9;background-size: .7rem;display: none;}
.edit_thinking { display: none; width: 6.4rem; height: 1.5rem; background: #dcefe6; }
.edit_thinking textarea,
.edit_thinking input { width: 100%; height: 100%; background: transparent; color: #00512c; font-size: 16px; }
.bottom_nav {position: fixed; bottom: .15rem; left: 0; z-index: 999; width: 6.4rem; height: .55rem; }
.bottom_nav ul { overflow: hidden; width: 100%; height: 100%; display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: box; }
.bottom_nav ul li { width: 100%; height: 100%; line-height: 1rem; -webkit-box-flex: 1; }
.bottom_nav ul li a { display: block; width: 100%; height: .55rem; color: #fff; font-size: .3rem; text-align: center; background-position:center; background-repeat:no-repeat; background-size:contain; font-size:0; }
.bottom_nav ul li:nth-child(1) a { background-image:url(../../img/btn/4.png); }
.bottom_nav ul li:nth-child(2) a { background-image:url(../../img/btn/5.png); }
.bottom_nav ul li:nth-child(3) a { background-image:url(../../img/btn/6.png); }
/*.bottom_nav ul li a:hover,
.bottom_nav ul li a.cur { background: #00512c; }*/
.bottom_nav ul li a.tada {-webkit-animation: tada 3s ease-in-out 1.5s infinite alternate;}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1); opacity:0;
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg); opacity:1;
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg); opacity:1;
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg); opacity:1;
    }

    100% {
        -webkit-transform: scale(1) rotate(0); opacity:1;
    }
}

#imgTarget { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }
/*page4*/
.page4_top { width: 6.4rem; height: 1.96rem; background: url(../../img/bg/page4_top.jpg) no-repeat; background-size: contain; }
.page4_bottom { position: absolute; bottom: 0; left: 0; z-index: 9; width: 6.4rem; height: 1.9rem; background: url(../../img/bg/page4_bottom.jpg) no-repeat; background-size: contain; }
.page4_btn { width: 5.6rem; margin: .2rem auto 0 auto; overflow: hidden; }
.page4_btn>a { display: block; width: 1.49rem; height: 0.65rem; line-height: .58rem; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/btn/6.gif); font-size: .3rem; text-align: center; color: #2b4b38; font-weight: bold; text-indent: .1rem; }
.canteen_container { overflow: hidden; width: 6.4rem; margin: .2rem auto 0 auto; }
.canteen_container li { display: inline-block; float: left; width: 1.57rem; height: 1.37rem; margin: .15rem .28rem; -webkit-animation: flipInY 2.5s ease-in-out 0s infinite alternate; }
@-webkit-keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 opacity: 0.8;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateY(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 opacity: 1;
}
}
.canteen_container li a { display: block; width: 100%; height: 100%; background: url(../../img/bg/canteen.jpg) no-repeat; background-size: contain; font-size: 0; }
.prize_content {width: 4.32rem;height: 4.21rem;margin: 0 auto;background: url(../../img/bg/prize_content.jpg) no-repeat;background-size: contain;}
.prizes { text-align: center; color: #2b4c39; font-size: .5rem; width: 1.34rem; height: 1.32rem; line-height: .65rem; margin: .5rem auto; overflow: hidden; }
.prizes>img { display: block; width: 100%; height: 100%; }
.prize_title { width: 1.74rem; height: .55rem; margin: 0 auto; font-size: 0; background: url(../../img/bg/myprize_title.gif) no-repeat; background-size: contain; }
.maintitle { text-align: center; font-size: .4rem !important; font-weight: bold; margin-bottom: .4rem; color: #2b4c39; }
.noprize_content { width: 4.25rem; height: 5.61rem; margin: 0 auto; background: url(../../img/bg/no_lottery_tips.png) no-repeat; background-size: contain; padding: 4.75rem 0 0 0; }
.yesprize_content { width: 4.25rem; height: 6.18rem; margin: 0 auto; background: url(../../img/bg/yes_lottery_tips.png) no-repeat; background-size: contain; padding: 1.55rem 0 0 0; }
.prize_tips_content { background: transparent; border: none; }
.lottery_result { width: 3.42rem; height: 1.32rem; overflow: hidden; margin: 0 auto; text-align: center; }
.lottery_result img { max-width: 100%; max-height: 100%; }
.pop_get_btn { display: block; border: 4px solid #2b4c39; background: #a2c21d; color: #2b4c39; width: 1.6rem; height: .6rem; line-height: .5rem; text-align: center; font-size: .25rem; margin: 0 auto; border-radius: 10px; font-weight: bold; }
#cashBtn.cur,#confirmCash.cur { opacity:.5; cursor:default; }
.count_word { display: none; color: #2b4c39; font-size: .25rem; line-height: .55rem; text-align: right; padding-right: .2rem; }
.countNum { padding: 0 .1rem; color: #FF0004; }
.wxinfo_container { margin: .2rem .15rem; height: .7rem; }
.wxinfo_container .headimg { display: inline-block; width: .7rem; height: .7rem; background: #00512c; background-repeat: no-repeat; background-size: contain; border-radius: .9rem; overflow: hidden; vertical-align: top; }
.wxinfo_container .headimg>img { display: block; width: 100%; height: 100%; }
.wxinfo_container .nickname { font-size: .28rem; height: .7rem; line-height: .7rem; margin-left: .2rem; color: #00512c; }
.myprize_addr a,.cash_tips { color: #2b4c39; font-size: .26rem; display: block; text-align: center; line-height: .5rem; }
.today_voice_content {margin: .04rem .1rem; height: .8rem;}
.today_voice_content .name { font-size: .2rem; height: .7rem; line-height: .38rem; margin-left: .2rem; color: #00512c; display: inline-block;width: 1.6rem; vertical-align: top;}
.today_voice_content .name i { padding-right: .1rem; }
.today_voice_content .text { height: .8rem;margin-left: 0rem;color: #00512c; font-size: .2rem;  }
.today_voice_content .text p { color: #00512c; line-height: .4rem;font-size: .25rem;}
.today_slogan { width:3.2rem; height:.49rem; background:url(../../img/bg/today_slogan.png) no-repeat; background-size:contain;font-size: 0;margin: .15rem auto;}
.rice { position:absolute; background-repeat:no-repeat; background-size:contain;z-index: 19;  }
.rice.item1 {top: .64rem;left: .9rem; width:.6rem; height:.58rem; background-image:url(../../img/ico/rice1.png);-webkit-animation: bounce 3s ease-in-out 0.5s infinite alternate;} 
.rice.item2 {top: 0rem;left: 2.5rem; width:.75rem; height:.67rem; background-image:url(../../img/ico/rice2.png);-webkit-animation: wobble 2.5s ease-in-out 1s infinite alternate;} 
.rice.item3 {top: .64rem;left: 4.3rem; width:.67rem; height:.58rem; background-image:url(../../img/ico/rice3.png);-webkit-animation: bounce 3.5s ease-in-out 1.5s infinite alternate;} 
.rice.item4 {top: .5rem;left: .9rem; width:.8rem; height:.64rem; background-image:url(../../img/ico/rice1.png);-webkit-animation: bounce 3s ease-in-out 0.5s infinite alternate;} 
.rice.item5 {top: 0rem;left: 2.5rem; width:.9rem; height:.65rem; background-image:url(../../img/ico/rice2.png);-webkit-animation: wobble 2.5s ease-in-out 1s infinite alternate;} 
.rice.item6 {top: .5rem;left: 4.3rem; width:.78rem; height:.63rem; background-image:url(../../img/ico/rice3.png);-webkit-animation: bounce 3.5s ease-in-out 1.5s infinite alternate;} 
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-.2rem);
    }

    60% {
        -webkit-transform: translateY(-.1rem);
    }
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}
.page1_top>div {opacity: 1;position:absolute;background-repeat:no-repeat;background-size:contain;animation-name:fadeInLeftBig;animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;}
.page1_top>div.logo {top: .7rem;left: .7rem; width:1.29rem; height:.82rem; background-image:url(../../img/hometitle/logo.png);-webkit-animation-delay:.5s; }
.page1_top>div.item1 {top: .62rem;left: 2.05rem; width:1rem; height:.95rem; background-image:url(../../img/hometitle/1.png);-webkit-animation-delay:.6s; }
.page1_top>div.item2 {top: .5rem;left: 3.1rem; width:1.03rem; height:.96rem; background-image:url(../../img/hometitle/2.png);-webkit-animation-delay:.7s; }
.page1_top>div.item3 {top: .62rem;left: 4.05rem; width:.99rem; height:.87rem; background-image:url(../../img/hometitle/3.png);-webkit-animation-delay:.8s; }
.page1_top>div.item4 {top: .88rem;left: 5.15rem; width:.58rem; height:.56rem; background-image:url(../../img/hometitle/4.png);-webkit-animation-delay:.9s;; }
.page1_top>div.item5 {top: 1.62rem;left: 0.55rem; width:1rem; height:1.04rem; background-image:url(../../img/hometitle/5.png);-webkit-animation-delay:1s; }
.page1_top>div.item6 {top: 2rem;left: 1.6rem; width:.56rem; height:.57rem; background-image:url(../../img/hometitle/6.png);-webkit-animation-delay:1.1s;}
.page1_top>div.item7 {top: 1.82rem;left: 2.14rem; width:.64rem; height:.72rem; background-image:url(../../img/hometitle/7.png);-webkit-animation-delay:1.2s; }
.page1_top>div.item8 {top: 1.5rem;left: 2.7rem; width:.99rem; height:1.17rem; background-image:url(../../img/hometitle/8.png);-webkit-animation-delay:1.3s;}
.page1_top>div.item9 {top: 1.89rem;left: 3.6rem; width:.74rem; height:.76rem; background-image:url(../../img/hometitle/9.png);-webkit-animation-delay:1.4s;}
.page1_top>div.item10 {top: 2rem;left: 4.3rem; width:.66rem; height:.65rem; background-image:url(../../img/hometitle/10.png);-webkit-animation-delay:1.5s;}
.page1_top>div.item11 {top: 1.7rem;left: 4.86rem; width:1.01rem; height:1.01rem; background-image:url(../../img/hometitle/11.png);-webkit-animation-delay:1.6s; }
@-webkit-keyframes fadeInLeftBig {
    0% {
        width: 1rem;
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        width: 2rem;
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
#cashprizeTier .yesprize_content {background:url(../../img/bg/cash_lottery_tips.png) no-repeat;background-size:contain;padding: 3.3rem 0 0 0;}
#cashprizeTier .contract_form {
    margin: .4rem auto 0 auto;
    width: 3.0rem;
}
#cashprizeTier .inputbox {
    background: transparent;
    display: -webkit-box;
}
#cashprizeTier .inputbox input {
    width: 100%;
    left: 0;
    letter-spacing: .35rem;
    text-indent: .08rem;
}
#cashprizeTier .rice {/* top: .2rem; */}
#cashprizeTier .inputbox>span {
    display: block;
    -webkit-box-flex: 1;
    background: #ccc;
    width: 100%;
    height: .5rem;
    margin: 0 .04rem;
}
.inner_header,.wxinfo_container,.today_voice_content { display:none; }