@charset "UTF-8";
/* css reset */
*,body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,tr,td,th,a,input,textarea,label{margin:0;padding:0}
a{text-decoration: none;outline:none;}
img{border:0;vertical-align: middle;}
span{display:inline-block;}
i{font-style: normal}
em{font-style: normal;}
ul,li{list-style: none}
input:focus,textarea:focus,select:focus{outline-color:#fc6c21 }
body,textarea{font-family:arial; color: #000;}


.clear{clear:both}
.wrap{width:100%;margin:0 auto;}


html{
    text-size-adjust:100%!important;
    -webkit-text-size-adjust:100%!important;
    -moz-text-size-adjust:100%!important;
    -ms-text-size-adjust:100%!important;
    -webkit-touch-callout:none;
}

.lottery_main{width: 100vw; height: 125vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_main.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0;}

.lottery_wrap{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
.lottery_roll{position: absolute; left: 17vw; bottom: 52vw; font-size: 0;}
.lottery_roll li{display: inline-block; overflow: hidden; position: relative; width: 22vw; height: 33vw;}
.lottery_roll dl{position: absolute; bottom: 0;}
.lottery_roll b{display: block; width: 22vw; height: 33vw; position: relative;}
.lottery_roll b s{position: absolute; width: 16vw; height: 16vw; left: 50%; top: 50%; margin-left: -8vw; margin-top: -8vw; background-size: cover; background-repeat: no-repeat;}
.lottery_roll .box1 s{background-image: url(https://yspcdn.smartape24.net/theme/defauhttps://yspcdn.smartape24.net/theme/default/images/lc_1.png);}
.lottery_roll .box2 s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lc_2.png);}
.lottery_roll .box3 s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lc_3.png);}
.lottery_roll .box4 s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lc_4.png);}
.lottery_roll .box5 s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lc_5.png);}
.lottery_roll .row1 .anm{animation: dh 4s forwards 1s ease-out;}
.lottery_roll .row2 .anm{animation: dh 4s forwards 2s ease-out;}
.lottery_roll .row3 .anm{animation: dh 4s forwards 3s ease-out;}
@keyframes dh {
    0%{bottom:0;}
    100%{bottom:-231vw;}
}
.lottery_button{width: 40vw; height: 19vw; position: absolute; bottom: 28vw; left: 30vw;}
.lottery_cloud{position: absolute; left: 0; right:0; bottom: 0; height: 47vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_cloud.png); background-size: cover; background-repeat: no-repeat; display: none;}
.lottery_title{position: absolute; top:5vw; left: 50%; margin-left: -44.5vw; width: 89vw; height: 49vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_title.png); background-size: contain; background-repeat: no-repeat;}
.lottery_mine_icon{position: absolute; width: 14vw; height: 14vw; right: 0; top: 50vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_mine.png); background-size: contain; background-repeat: no-repeat;}
.lottery_tips{font-size: 3.6vw; color: white; position: absolute; bottom: 98.8vw; left: 20vw; right: 20vw; text-align: center;}


.pop{position: fixed; top:0; left: 0; right: 0; bottom: 0; display: none; z-index: 10;}
.pop_cover{position: absolute; top:0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.8);}
.poplw_title{font-size: 5.4vw; padding-top: 28vw; text-align: center; color: #C2481F; font-weight: bold;}
.poplw_name{font-size: 4vw; padding-bottom: 5vw; padding-top: 1vw; text-align: center;}
.poplw_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_win_bg.png); background-size: cover; background-repeat: no-repeat;}
.poplw_img{width: 30vw; margin: 0 auto;}
.poplw_img img{max-width: 100%;}
.popl_btn{position: absolute; width: 52vw; height: 16vw; font-size: 4.4vw; line-height: 16vw; text-align: center; color: white; left: 50%; margin-left: -26vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_result_btn.png); background-size: contain; background-repeat: no-repeat;}
.pop_l_win .popl_btn{top:87.6vw;}
.pop_close{width: 6.2vw; height: 6.2vw; position: absolute; left: 50%; margin-left: -3.1vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_close.png); background-size: contain; background-repeat: no-repeat;}
.pop_l_win .pop_close{bottom: -7vw;}

.popll_title{padding-top: 31.8vw; text-align: center;}
.popll_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_lose_bg.png); background-size: cover; background-repeat: no-repeat;}
.pop_l_lose .popl_btn{top:83.6vw;}
.pop_l_lose .pop_close{bottom: -7vw;}



.lottery_mine{background-color: #1280ff; position: absolute; left: 0; top: 0; right:0; bottom: 0;}
.lm_bg{height: 117vw; width: 100vw; position: absolute; left: 0; top: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/mine_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top;}
.lm_return{width: 8.3vw; height: 8.3vw; top: 4.5vw; left: 3.3vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/mine_return.png); background-size: contain; background-repeat: no-repeat; position: absolute;}
.lm_title{top: 8.7vw; left: 24.4vw; position: absolute; width: 55vw; height: 16vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/mine_title.png); background-size: contain; background-repeat: no-repeat;}

.lm_main{position: absolute; overflow: auto; bottom: 4vw; left: 3.5vw; right:3.5vw; top: 58.8vw; border-radius: 5vw; background-color: #fff; padding: 3vw;}
.lm_main li{border: 1px solid #a4c8ff; background-color: #edf9ff; border-radius: 3vw; margin-bottom: 2.6vw; padding: 4vw 4.8vw; position: relative;}
.lm_name{font-size: 4.6vw;}
.lm_copy{font-size: 3.5vw; color: #1180FF; margin-top: 1.6vw; background-color: #D6EAFF; border-radius: 1.3vw; height: 5.6vw; line-height: 5.6vw; padding: 0 1.6vw; display: inline-block;}
.lm_btn{position: absolute; right: 2.7vw; top: 50%; width: 21vw; height: 8.4vw; margin-top: -4.2vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/mine_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 4.2vw; text-align: center; line-height: 8.4vw; color: white;}



.lottery_address{background-color: #efefef; position: absolute; left: 0; top: 0; right:0; bottom: 0;}
.la_bg{height: 62.7vw; width: 100vw; position: absolute; left: 0; top: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/address_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top;}
.la_return{width: 8vw; height: 8vw; top: 4.5vw; left: 3.3vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/address_return.png); background-size: contain; background-repeat: no-repeat; position: absolute;}
.la_title{position: absolute; top: 6.4vw; left: 0; right: 0; text-align: center; font-size: 5.7vw; color: white;}
.la_main{position: absolute; left: 3.5vw; right: 3.5vw; bottom: 4vw; top: 18vw ;background-color: white; border-radius: 5.2vw; padding: 6.7vw;}
.la_main ul{font-size: 0;}
.la_main li{margin-bottom: 2.6vw;}
.la_main dt{display: inline-block; width: 18.2vw; font-size: 4vw; height: 12vw; line-height: 12vw; vertical-align: top;}
.la_main dd{display: inline-block; width: 61vw; font-size: 3.6vw; vertical-align: top;}
.la_input{width: 100%; border: 0; height: 12vw; line-height: 12vw; background-color: #f6f6f6; border-radius: 2.6vw; box-sizing: border-box; padding: 0 3.6vw; font-size: 3.6vw;}
.la_textarea{width: 100%; border: 0; background-color: #f6f6f6; border-radius: 2.6vw; box-sizing: border-box; padding: 3.6vw; height: 31vw; line-height: 1.3; font-size: 3.6vw;}
.la_input::placeholder,.la_textarea::placeholder{color: #999;}
.la_btn{width: 85.86vw; height: 13.6vw; left: 50%; margin-left: -42.93vw; position: absolute; bottom: 7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/address_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 5.6vw; line-height: 13.6vw; color: white; text-align: center;}

.pop_address_save{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.35); display: none;}
.pa_save_btn{width: 28.6vw; margin-left: -14.3vw; height: 9.2vw; margin-top: -4.6vw; text-align: center; line-height: 9.2vw; font-size: 4vw; border-radius: 4vw; position: absolute; left: 50%; top: 50%; background-color: #fff;}


.popn_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_nothing.png); background-size: cover; background-repeat: no-repeat;}
.popn_main .pop_close{bottom: -7vw;}
.popn_main .popl_btn{bottom:14vw;}
.popn_title{padding-top: 29.2vw; font-size: 4.6vw; text-align: center;}
.popn_icon{text-align: center; padding: 4vw; font-size: 0;}
.popn_icon s{display: inline-block; width: 16.5vw; height: 14.7vw;  background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_nothing_icon.png); background-size: contain; background-repeat: no-repeat;}
.popn_text{font-size: 3.3vw; line-height: 1.6; background-color: #e5f2ff; padding: 2vw 3vw; width: 50vw; margin: 0 auto; border: 1px solid #9bc8ff; border-radius: 2.2vw;}
.popn_text i{color: #8700ff;}



.index_con{position: relative; background-color: #e9d4ff; padding-bottom: 5.2vw;}
.index_bg{position: absolute; left: 0; right: 0; top:0; height: 153vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_bg.jpg); background-size: cover; background-repeat: no-repeat; }
.index_title{padding: 2.8vw 0 43vw; text-align: center; font-size: 0;}
.index_title b{display: inline-block; width: 76vw; height: 40.8vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_title.png); background-size: contain; background-repeat: no-repeat; }
.index_main{position: relative;}
.index_rule{width: 6vw; height: 17.3vw; top: 5vw; right: 0; position: fixed; background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_rule.png); background-size: contain; background-repeat: no-repeat; background-position: right;}
.index_link{width: 93.5vw; height: 200.1vw; background-image: url(../images/index_main.png); background-size: 100% 100%; background-repeat: no-repeat; margin: 0 auto;}
.index_link ul{ padding: 11.6vw 3.8vw 0;}
.index_link li{margin-bottom: 3.4vw;}
.index_link b{display: block; height: 23.5vw; background-size: contain; background-repeat: no-repeat;}
.index_link_1{background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_link_1.png);}
.index_link_2{background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_link_2.png);}
.index_link_3{background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_link_3.png);}
.index_link_4{background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_link_4.png);}
.index_link_5{background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_link_5.png);}
.index_link_6{background-image: url(../images/index_link_6.png);}
.index_link_7{background-image: url(../images/index_link_7.png);}
.popr_main{position: absolute; width: 88vw; height: 136vw; margin-left: -44vw; margin-top: -76vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_rule.png); background-size: cover; background-repeat: no-repeat;}
.popr_btn{width: 74.6vw; height: 16vw; left: 50%; margin-left: -37.3vw; position: absolute; bottom: 7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_rule_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 4.4vw; line-height: 16vw; color: white; text-align: center;}
.popr_text{margin: 46vw 6.6vw 0; font-size: 3.6vw; line-height: 1.4; height: 62vw; overflow: auto;}


.qa_cover_main{position: fixed; left: 0; right:0; top: 0; bottom:0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_cover_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.qa_cover_title{position: absolute; width: 88.5vw; left: 50%; margin-left: -44.25vw; height: 42.1vw; top:19.3vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_cover_title.png); background-repeat: no-repeat; background-size: contain;}
.qa_cover_slogan{position: absolute; width: 58vw; left: 24vw; height: 11vw; top:59vw; background-image: url(../images/qa_cover_slogan.png); background-repeat: no-repeat; background-size: contain;}
.qa_cover_btn{position: absolute; bottom: 8vw; left: 50%; width: 92.6vw; margin-left: -46.3vw; height: 30.8vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_cover_btn.png); background-repeat: no-repeat; background-size: contain;}




.qas_container{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_subject_bg.jpg); background-size: cover; background-repeat: no-repeat;}
.qas_return{width: 8vw; height: 8vw; top: 4.5vw; left: 3.3vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/address_return.png); background-size: contain; background-repeat: no-repeat; position: absolute;}
.qas_box{position: absolute; bottom: 5vw; left: 3vw; right: 3vw; top: 15vw;}
.qas_bg{position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.qasb_top{height: 8vw; position: absolute; left: 0; right: 0; top: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qasm_top.png); background-size: 100% 100%; background-repeat: no-repeat;}
.qasb_bottom{height: 5.2vw; position: absolute; left: 0; right: 0; bottom: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qasm_bottom.png); background-size: 100% 100%; background-repeat: no-repeat;}
.qasb_center{position: absolute; left: 0; right: 0; top: 7.8vw; bottom: 5vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qasm_center.png); background-size: 100% 100%; background-repeat: no-repeat;}
.qas_main{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.qas_btn{width: 79.2vw; height: 16.8vw; position: absolute; bottom: 8vw; left: 50%; margin-left: -39.6vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_subject_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 5.2vw; text-align: center; color: white; line-height: 16.8vw;}
.qas_btn_4{bottom: 3vw;}

.qas_agreement{font-size: 4.5vw; line-height: 1.5; padding: 13vw 6.4vw 0;}
.qa_am_box dl{width: 93.2vw; height: 139.7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_am_main.png); background-size: contain; background-repeat: no-repeat;}
.qa_am_btn{width: 79.2vw; height: 16.8vw; margin: 6vw auto 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_subject_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 5.2vw; text-align: center; color: white; line-height: 16.8vw;}
.qa_am_box{height: 162.4vw; width: 93.2vw; position: absolute; left: 50%; margin-left: -46.6vw; top: 50%; margin-top: -78.2vw;}



.qas_subject{padding: 11.7vw 7vw 0;}
.qass_option ul{width: 73.2vw; margin: 0 auto; padding: 5vw 0 0.2vw;}
.qass_option li{height: 13vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_option_default.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: 4.4vw; line-height: 13vw; text-align: center; margin-bottom: 2vw;}
.qass_option li{background-image: url(../images/qa_option_default.png); background-repeat: no-repeat; background-size: 100% 100%; font-size: 4.4vw; text-align: center;}
.qass_option .qass_option1 li{height: 14vw; line-height: 14vw; margin-bottom: 5vw;}
.qass_option .qass_option2 li{height: 13vw; line-height: 13vw; margin-bottom: 2vw;}
.qass_option li.selected{background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_option_selected.png); color: white;}

.qass_remark_title{font-size: 3.3vw; line-height: 1.4; padding-bottom: 2vw;}
.qass_remark textarea{border: 1px solid #bbb; background-color: #f6f6f6; border-radius: 1.2vw; width: 100%; padding: 2vw; box-sizing: border-box; height: 18vw;}

.popll_title{padding-top: 31.8vw; text-align: center;}
.popsd_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -60vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_pop.png); background-size: cover; background-repeat: no-repeat;}
.pop_subject_done .popl_btn{bottom: 17vw;}
.pop_subject_done .pop_close{bottom: -7vw;}
.popsd_icon{padding-top: 46vw; text-align: center; font-size: 0;}
.popsd_icon s{display: inline-block; width: 12vw; height: 11.7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_pop_icon.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
.popsd_icon i{display: inline-block; width: 14.6vw; height: 9.2vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_pop_number.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-left: 1vw;}
.popsd_text{text-align: center; font-size: 4.5vw; line-height: 1.4; padding-top: 3vw;}




.lx_box{background-color: #c4f5fc; padding-bottom: 16vw;}
.general_return,.lx_return{width: 8vw; height: 8vw; top: 4.5vw; left: 3.3vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/mine_return.png); background-size: contain; background-repeat: no-repeat; position: absolute;}
.img_normal{font-size: 0;}
.img_normal img{width: 100%;}

.lx_tab{font-size: 0; text-align: center; background-color: #dffdff;}
.lx_tab li{width: 29vw; height: 14vw; background-size: contain; background-repeat: no-repeat; display: inline-block; margin: 0 0.5vw; position: relative;}
.lx_tab li s,.lx_tab li i,.lx_tab li b{position: absolute; left: 0; right:0; top: 0; bottom: 0; background-size: contain; background-repeat: no-repeat;}
.lx_tab li s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_blue_bg.png);}
.lx_tab li i{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_blue_middle.png);}
.lx_tab_1 b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_blue_text_1.png);}
.lx_tab_2 b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_blue_text_2.png);}
.lx_tab_3 b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_blue_text_3.png);}
.lx_tab .on s{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_orange_bg.png);}
.lx_tab .on i{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_orange_middle.png);}
.lx_tab_1.on b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_orange_text_1.png);}
.lx_tab_2.on b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_orange_text_2.png);}
.lx_tab_3.on b{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_tab_orange_text_3.png);}

.lx_tab_1 i{animation: lx_anim 3s infinite ease-in-out;}
.lx_tab_2 i{animation: lx_anim 3s infinite 1s ease-in-out;}
.lx_tab_3 i{animation: lx_anim 3s infinite 2s ease-in-out;}
@keyframes lx_anim {
     0%{transform: scale(1); filter:brightness(100%);}
    15%{transform: scale(1.07); filter:brightness(110%);}
    30%{transform: scale(1); filter:brightness(100%);}
}


.bottom_prize{position: fixed; bottom: 0; padding: 3vw 0; left: 0; right: 0; z-index: 10;}
.bp_main{width: 85.86vw; height: 13.6vw; margin: 0 auto; background-image: url(https://yspcdn.smartape24.net/theme/default/images/address_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 5.1vw; line-height: 13.6vw; color: white; text-align: center;}
.bp_end{display: none;}
.bp_end i{vertical-align: middle;}
.bp_end s{display: inline-block; width: 6vw; height: 5.9vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_pop_icon.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin: 0 1.5vw;}
.bp_end b{font-weight: normal; display: inline-block;}
.bp_end_done b{animation: bp_end_anim 3s forwards ease-in-out;}
@keyframes bp_end_anim {
     0%{transform: scale(1);}
    15%{transform: scale(1.2);}
    30%{transform: scale(1);}
    100%{transform: scale(1);}
}


.img_comp{display: none;}
.img_show{width: 24.4vw; height: 4.9vw; position: absolute; margin-left: -12.2vw; left: 50%;  background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_show.png); background-size: contain; background-repeat: no-repeat;}
.img_hide{width: 12.4vw; height: 4.9vw; position: absolute; margin-left: -6.2vw; left: 50%;  background-image: url(https://yspcdn.smartape24.net/theme/default/images/lx_hide.png); background-size: contain; background-repeat: no-repeat;}
.img_area{position: relative; font-size: 0;}
.img_area img{width: 100%;}

.img_area_2 .img_show{top:76.8vw;}
.img_area_2 .img_hide{top:101vw;}
.img_area_3 .img_show{top:82.9vw;}
.img_area_3 .img_hide{top:139.4vw;}
.img_area_4 .img_show{top:84.1vw;}
.img_area_4 .img_hide{top:133.3vw;}
.img_area_6 .img_show{top:93.2vw;}
.img_area_6 .img_hide{top:133.6vw;}
.img_area_7 .img_show{top:82.2vw;}
.img_area_7 .img_hide{top:103.8vw;}
.img_area_8 .img_show{top:73.4vw;}
.img_area_8 .img_hide{top:108.2vw;}
.img_area_9 .img_show{top:82vw;}
.img_area_9 .img_hide{top:94.6vw;}

.img_swiper{font-size: 0; position: relative;}
.img_swiper_bg img{width: 100%;}

.img_swiper_box img{height: 26.9vw;}
.img_swiper_box{position: absolute; top: 54vw; width: 78.9vw; left: 50%; margin-left: -39.45vw; height: 30vw;}
.swiper-pagination{bottom:0.5vw!important}
.swiper-pagination-bullet{width: 4vw; height: 1vw; opacity: 1; background-color: #FFCDA3; border-radius: 0.5vw; margin: 0 0.4vw; transition: 0.5s;}
.swiper-pagination-bullet-active{width: 13vw;}

.popc_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/popc_bg.png); background-size: cover; background-repeat: no-repeat;}
.lx_pop_case .pop_close{bottom: -7vw;}
.popc_main dl{width: 72.3vw; padding-top: 22vw; margin: 0 auto; font-size: 2.9vw; line-height: 1.4; text-align: justify; position: relative;}
.popc_main dl s{position: absolute; top:22vw; left: 1vw; width: 2.8vw; height: 2.8vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/popc_icon.png); background-size: contain; background-repeat: no-repeat;}
.popc_btn{position: absolute; bottom: 13.7vw; width: 40.8vw; height: 10.6vw; left: 50%; margin-left: -20.4vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/popc_btn.png); background-size: contain; background-repeat: no-repeat;}
.lx3_pop_case .popc_btn{bottom:5vw}



.img_swiper_scorll{width: 85vw; top:48vw; position: absolute; left: 7.4vw; height: 40vw; overflow: auto;}
.img_swiper_scorll ul{white-space: nowrap;}
.img_swiper_scorll li{height: 37.6vw; width: 50vw; display: inline-block; margin-right: 2vw;}
.img_swiper_scorll li:last-child{margin-right: 0;}
.img_swiper_scorll li img{width: 100%;}

.popd_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-size: cover; background-repeat: no-repeat;}
.lx3_pop_case .pop_close{bottom: -7vw;}
.lx3_pc_1 .popd_main{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop3_case1.png);}
.lx3_pc_2 .popd_main{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop3_case2.png);}
.lx3_pc_3 .popd_main{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop3_case3.png);}





.game_cover_main{position: fixed; left: 0; right:0; top: 0; bottom:0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/gc_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.game_cover_title{position: absolute; background-image: url(https://yspcdn.smartape24.net/theme/default/images/gc_title.png); background-repeat: no-repeat; background-size: contain; width: 95vw; height: 56.4vw; top: 14.8vw; left: 3vw;}
.game_cover_btn{position: absolute; background-image: url(https://yspcdn.smartape24.net/theme/default/images/gc_btn.png); background-repeat: no-repeat; background-size: contain; width: 92.6vw; height: 30.8vw; bottom: 11.4vw; left: 50%; margin-left: -46.3vw;}


.pop_general_text{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50vw; padding: 3vw 4vw; background-color: rgba(0,0,0,.7); color: #fff; font-size: 4vw; border-radius: 3vw; text-align: center;}



.zx_bg{font-size: 0;}
.zx_bg img{width: 100%;}
.zx_second_link{position: absolute; right:9.4vw; top: 365.4vw; width: 3.9vw; height: 3.9vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/zx_second_link.png); background-repeat: no-repeat; background-size: contain;}



.pop_index_agree{position: fixed; top:0; left: 0; right:0; bottom: 0;}
.pop_ia_main .pop_close{bottom: -10vw;}

.pop_ia_title{font-size: 4vw; color: #8700ff; text-align: center; font-weight: 600;}
.pop_ia_text{font-size: 2.8vw;}
.pop_ia_text em{color: #8700ff; font-weight: 600; display: block; padding: 0.4vw 0;}
.pop_ia_text i{display: none;}

.lm_tips{font-size: 3.4vw; position: absolute; left: 3.5vw; right:3.5vw; bottom: 4vw;}
.lm_tips b{padding-bottom: 1vw; display: block;}
.lm_tips i{padding-bottom: 1vw; display: block; position: relative; padding-left: 4vw;}
.lm_tips i::before{content:""; position: absolute; width: 3.5vw; height: 3.5vw; background-repeat: no-repeat; background-size: contain; top:0.5vw; left: 0;}
.lmt_1::before{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lm_icon1.png);}
.lmt_2::before{background-image: url(https://yspcdn.smartape24.net/theme/default/images/lm_icon2.png);}



.popgr_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_gr_bg.png); background-size: cover; background-repeat: no-repeat;}
.popgr_main .pop_close{bottom: -7vw;}
.popgr_main .popl_btn{bottom:14vw;}


.pop_verify{position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
.popv_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/images/pop_verify_bg.png); background-size: cover; background-repeat: no-repeat;}

.popv_main_in{padding-top: 50vw; text-align: center;}
.popvm_text_1{font-size: 4vw; color: #000; font-weight: bold;}
.popvm_text_2{font-size: 3vw; color: #333;}
.popvm_text_2 i{color: #8700FF;}
.popvm_input input{font-size: 5vw; width: 54vw; border: 0; border-bottom: 1px solid #B893FF; background: transparent; line-height: 7vw; margin: 2vw 0 3.5vw;}
.popvm_input input:focus{outline-color:#B893FF }

.pop_verify{position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
.popv_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_verify_bg.png); background-size: cover; background-repeat: no-repeat;}
.popv_main .popl_btn{bottom: 17vw;}

.popv_text{font-size: 3.7vw; padding-top: 52vw; padding-bottom: 4.8vw; text-align: center;}
.popv_number{font-size: 0; text-align: center;}
.popv_number input{width: 5vw; height: 7.2vw; display: inline-block; vertical-align: middle; border-radius: 0.4vw; margin-right: 0.6vw; border: 1px solid #B893FF; font-size: 4.5vw; text-align: center;}
.popv_number i{vertical-align: middle; font-size: 4.5vw; margin-left: 0.6vw; margin-right: 1.2vw;}



.popvr_main{position: absolute; width: 87.6vw; height: 113.3vw; margin-left: -43.8vw; margin-top: -56.65vw; top: 50%; left: 50%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_vr_bg.png); background-size: cover; background-repeat: no-repeat;}
.popvr_main .popl_btn{bottom: 19.2vw;}

.popvr_text_1{padding-top: 41vw; text-align: center; font-size: 0;}
.popvr_text_1 i{display: inline-block; width: 32.6vw; height: 8.2vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/popvr_success.png); background-size: contain; background-repeat: no-repeat;}
.popvr_text_2{font-size: 4.5vw; text-align: center; padding-top: 3.8vw; line-height: 1.4;}


.popvr_text_3{padding-top: 45vw; text-align: center; font-size: 4.5vw; line-height: 1.4;}


.bodyfixed{overflow: hidden;}
.pop_ia_main{width: 89vw; height: 126.9vw; position: absolute; left: 50%; margin-left: -44.5vw; top: 50%; margin-top: -63vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_ia_bg.png); background-size: contain; background-repeat: no-repeat;}
.pop_ia_info{width: 82.4vw; height: 76vw; overflow: auto; margin: 4.4vw auto 0; line-height: 1.4;}
.pop_ia_bottom_tips{font-size: 2.8vw; line-height: 1.4;}
.pop_ia_bottom_operate{font-size: 2.8vw; line-height: 1.4;}
.pop_ia_bottom{padding: 4vw;}

.pop_ia_bottom_operate{margin-top: 3.2vw; margin-bottom: 2.8vw; position: relative;}
.pop_ia_bottom_operate em{display: block; margin-left: 5vw;}
.pop_ia_bottom_operate i{width: 3.3vw; height: 3.3vw; position: absolute; left: 0; top: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_ia_agreement_no.png); background-size: contain; background-repeat: no-repeat;}

.pop_ia_bottom_btn{font-size: 0;}
.pop_ia_bottom_btn dl{margin: 0 1.8vw; display: inline-block; width: 36.8vw; height: 14.1vw; background-size: contain; background-repeat: no-repeat;}
.pop_ia_bottom_cancel{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_ia_btn_cancel.png);}
.pop_ia_bottom_agree{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_ia_btn_confirm.png);}
.pop_ia_bottom_operate i.popia_operate_yes{background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_ia_agreement_yes.png);}

.pop_ia_bottom_operate i.shake{animation: pop_ia_anim 1s;}
@keyframes pop_ia_anim {
    0%{transform: translateX(-20%);}
    10%{transform: translateX(20%);}
    20%{transform: translateX(-20%);}
    30%{transform: translateX(20%);}
    40%{transform: translateX(-20%);}
    50%{transform: translateX(20%);}
    60%{transform: translateX(-20%);}
    70%{transform: translateX(20%);}
    80%{transform: translateX(-20%);}
    90%{transform: translateX(20%);}
    100%{transform: translateX(0);}
}

.index_my_award{position: fixed; width: 14vw; height: 14vw; right: 0; top: 29vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/lottery_mine.png); background-size: contain; background-repeat: no-repeat;}
.index_my_award i{width: 11vw; height: 5.8vw; background-image: url(../images/index_bubble.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: -3vw; left: 50%; margin-left: -5.5vw; line-height: 1.9; font-size: 2.5vw; text-align: center; color: #fff;}
.index_live_link{position: fixed; width: 19.7vw; height: 26.8vw; right: 0; top: 58vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_live_link.png); background-size: contain; background-repeat: no-repeat;}

.store_link{width: 100vw; height: 30.7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_link.png); background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0;}
.lottery_box{bottom: 6vw;}


.store_box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_bg.png); background-size: 100% auto; background-position: top;  background-repeat: no-repeat;}
.store_banner{width: 84.4vw; height: 30.2vw;  background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_banner.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 2vw; left: 9.6vw;}

.store_mine,.store_rule{width: 6vw; height: 17.3vw; background-size: contain; background-repeat: no-repeat; background-position: right; position: absolute; right: 0;}
.store_mine{top:14.7vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_mine.png);}
.store_rule{top:33.6vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/index_rule.png);}

.store_main{width: 97.3vw; height: 119.7vw; position: absolute; left: 1.35vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_main.png); position: absolute; top: 56.5vw;}
.store_body{background-color: #cdefff;}
.store_tips{width: 94.5vw; height: 20vw; position: absolute; left: 1.4vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_tips.png); position: absolute; top: 98.1vw;}

.store_list{font-size: 0; position: absolute; left: 0; right: 0; text-align: center;}
.store_list li{display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: relative;}

.store_list_1{top: 17.6vw;}
.store_list_big li{width: 27vw; height: 32.8vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_item_bg_1.png); margin: 0 1vw;}
.store_list_2{top: 54vw;}
.store_list_small li{width: 20.1vw; height: 34.1vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_item_bg_2.png); margin: 0 0.7vw;}

.si_name{font-size: 2.4vw; text-align: center; line-height: 1.2; padding-top: 1vw; padding-bottom: 1.5vw;}
.si_image img{height: 17.3vw; width: 17.3vw;}
.si_btn_box{text-align: center;}
.si_btn{display: inline-block; width: 18.2vw; height: 8vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_btn_bg.png);}
.si_btn_disabled{display: inline-block; width: 18.2vw; height: 8vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_btn_dis.png);}
.si_btn i{font-size: 2.8vw; color: #fff; vertical-align: middle; line-height: 8vw;}
.si_btn s{display: inline-block; width: 3.5vw; height: 3.5vw; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/qa_pop_icon.png); margin: 0 0.4vw;}
.si_number{position: absolute; right: 1.5vw; height: 4vw; line-height: 4vw; background-size: 100% 100%; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_item_number_middle.png); font-size: 2.4vw; color: #fff;}
.si_number::before{content: ""; position: absolute; left: -2vw; width: 2vw; height: 4vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_item_number_left.png); background-size: cover; background-repeat: no-repeat;}
.si_number::after{content: ""; position: absolute; right: -2vw; width: 2vw; height: 4vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/store_item_number_right.png); background-size: cover; background-repeat: no-repeat;}

.store_list_big .si_number{top:-2vw}
.store_list_big .si_number{top:-3vw}
.store_title{position: absolute; left: 0; right: 0; top: 2.5vw; text-align: center;}
.store_title em{font-size: 3.5vw; color: #D4F6FF; display: block;}
.store_title i{font-size: 3vw; color: #FFF57D;}

.popcf_main{position: absolute; width: 80vw; height: 70vw; left: 50%; top: 50%; margin-left: -40vw; margin-top: -35vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_confirm_bg.png);}
.popcf_main .pop_close{bottom: -11vw;}
.popcf_main{text-align: center;}
.popcf_text_1{line-height: 1.4; font-size: 4.8vw; padding-top: 14vw; padding-bottom: 7.6vw;}
.popcf_text_1 b{font-weight: normal; color: #FF3737;}
.popcf_text_2{font-size: 3.2vw; padding-top: 4.5vw;}
.popcf_btn{display: inline-block; width: 54.8vw; height: 16vw; background-size: contain; background-repeat: no-repeat; background-image: url(https://yspcdn.smartape24.net/theme/default/images/pop_btn_confirm.png);}


.zx_second_box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(https://yspcdn.smartape24.net/theme/default/images/zx_second_bg.png); background-repeat: no-repeat; background-size: cover;}
.zx_second_main{ width: 93.6vw; height: 122.8vw; background-image: url(https://yspcdn.smartape24.net/theme/default/images/zx_second_main.jpg); background-repeat: no-repeat; background-size: cover; position: absolute; top: 16vw; position: absolute; margin-left: -46.8vw; left: 50%; border-radius: 3vw;}












.sat_cover_main{position: fixed; left: 0; right:0; top: 0; bottom:0; background-image: url(../images/sat_cover_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.sat_cover_title{position: absolute; width: 84.6vw; left: 50%; margin-left: -42.3vw; height: 35.6vw; top: 9vw; background-image: url(../images/sat_cover_title.png); background-repeat: no-repeat; background-size: contain;}
.sat_cover_btn{position: absolute; bottom: 12vw; left: 50%; width: 74.2vw; margin-left: -37.1vw; height: 22vw; background-image: url(../images/sat_cover_btn.png); background-repeat: no-repeat; background-size: contain;}
.sat_cover_info{position: absolute; top: 44vw; width: 93.6vw; height: 137vw; left: 50%; margin-left: -46.8vw; background-image: url(../images/sat_cover_info.png); background-repeat: no-repeat; background-size: contain;}
.sat_cover_text{color: #002BA4; width: 66vw; margin: 0 auto; padding-top: 55vw; line-height: 1.5;}
.sct_1{font-size: 4.5vw; font-weight: bold; padding-bottom: 2vw;}
.sct_2{font-size: 4vw;}


.sat_container{background-image: url(../images/qa_subject_bg.jpg); background-size: cover; background-position: bottom; background-repeat: no-repeat; background-color: #eadcff;}
.sat_box{width: 93.6vw; margin: 15vw auto 4vw;}
.sat_subject_top{height: 8vw; background-image: url(../images/sat_subject_top.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sat_subject{min-height: 100vw; background-image: url(../images/sat_subject_center.png); background-size: 100% 100%; background-repeat: no-repeat; position: relative; margin: -0.1vw 0;}
.sat_subject_bottom{height: 8vw;background-image: url(../images/sat_subject_bottom.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sat_subject_in{padding: 0 6vw;}
.sat_topic{font-weight: bold; font-size: 4.9vw; padding: 4.5vw 0;}
.sat_topic s{font-size: 3.7vw; color: #999; font-weight: normal; text-decoration: none; display: block; padding-top: 1vw;}
.sat_topic i{color: #8700ff; }
.sat_option li{padding: 1.8vw 10vw 1.8vw 3vw; font-size: 4vw; background-color: #F6F2FF; border: 1px solid #b893ff; border-radius: 1.3vw; margin-bottom: 1.3vw; position: relative;}
.sat_option li::after{content:""; position: absolute; width: 5.3vw; height: 5.3vw; right: 3.3vw; top:50%; margin-top: -2.65vw; background-image: url(../images/sat_subject_no.png); background-repeat: no-repeat; background-size: contain;}
.sat_option li.selected{border: 1px solid #8700ff;}
.sat_option li.selected::after{background-image: url(../images/sat_subject_yes.png);}
.sat_btn{width: 79.2vw; height: 16.8vw; background-image: url(../images/qa_subject_btn.png); background-size: contain; background-repeat: no-repeat; font-size: 5.2vw; text-align: center; color: white; line-height: 16.8vw; margin: 7vw auto 0;}

.sat_textarea textarea{border: 1px solid #B893FF; background-color: #F6F2FF; border-radius: 1.4vw; padding: 2vw 3vw; height: 60vw; width: 100%; box-sizing: border-box; font-size: 4vw;}

.pop_sat_done .popl_btn{bottom: 17vw;}
.pop_sat_done .pop_close{bottom: -7vw;}
.popsat_main{position: absolute; width: 100vw; height: 101vw; margin-left: -50vw; margin-top: -50vw; top: 50%; left: 50%; background-image: url(../images/pop_sat_done.png); background-size: cover; background-repeat: no-repeat;}
.popsat_icon{padding-top: 2vw; text-align: center; font-size: 0;}
.popsat_icon s{display: inline-block; width: 12vw; height: 11.7vw; background-image: url(../images/qa_pop_icon.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
.popsat_icon i{display: inline-block; width: 19.6vw; height: 9.2vw; background-image: url(../images/sat_pop_number.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-left: 1vw;}
.popsat_text{text-align: center; font-size: 4.5vw; line-height: 1.4; padding-top: 35vw;}


.zx_s_link{right:10vw; top:18vw; width: 22vw; height: 12vw; position: absolute;}




.popa_main{width: 100vw; height: 93.6vw; position: absolute; left: 0; right: 0; top: 50%; margin-top: -46.8vw; background-image: url(../images/pop_address.png); background-size: cover; background-repeat: no-repeat;}
.popam_title{padding-top: 28.8vw; font-size: 4.8vw; text-align: center; font-weight: bold;}
.popam_text{padding: 3vw 18vw 5vw; font-size: 3.7vw;}
.popam_btn{text-align: center; font-size: 0;}
.popam_btn i{width: 31vw; height: 15vw; display: inline-block; background-size: contain; background-repeat: no-repeat; margin: 0 1vw;}
.popam_cancel{background-image: url(../images/pop_adress_cancel.png);}
.popam_submit{background-image: url(../images/pop_adress_submit.png);}