body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; overflow-x: hidden; background-color: #093e67;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
span{outline:none;}

.wrap{ position: relative;width: 100%; max-width: 1920px; min-width: 1366px; height: 980px; margin: 0 auto;}
.top_bar_box{ position: absolute; width: 1366px; height: 46px; left: 50%; margin-left: -683px; top: 26px; z-index: 10;}
.btn_login,.btn_rule,.btn_gift{ position: absolute; width: 135px; height: 46px; left: 778px; top: 0; background: url(../images/btn_login.png); cursor: pointer;}
.btn_rule{ width: 158px; left: 942px; background: url(../images/btn_rule.png); cursor: pointer;}
.btn_gift{ width: 158px; left: 1124px; background: url(../images/btn_gift.png); cursor: pointer;}
.btn_login:hover,.btn_rule:hover,.btn_gift:hover{ background-position: 0 -46px;}
#btn_music{ position: absolute; width: 61px; height: 61px; right: 0; top: -7px; cursor: pointer;}
#btn_music.on{ background: url(../images/music_on.png);}
#btn_music.off{ background: url(../images/music_off.png);}
.user_box{ display: none; position: absolute; width: 913px; height: 46px; left: 0; top: 0; font-size: 16px; line-height: 46px; color: #2a220e; text-align: right; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.btn_logout{ cursor: pointer;}
.bind_info{ display: none;}

.nav_box{ display: flex; position: absolute; width: 850px; height: 46px; left: 50%; margin-left: -425px; top: 806px; justify-content: center; z-index: 10;}
.nav_box li{ position: relative; width: 170px; height: 46px;}
.nav_box li.nav1{ width: 135px;}
.nav_item{ position: absolute; width: 135px; height: 46px; right: 0; top: 0; cursor: pointer; overflow: hidden;}
.nav_item img{ position: absolute; width: 135px; left: 0; top: 0;}
.nav_item:hover img,.nav_item.on img{ top: -46px;}
.nav_box li span{ position: absolute; width: 35px; height: 46px; left: 0; top: 0; background: url(../images/icon_point.png) center center no-repeat;}
/* section_day */
.section_day{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.section_head{ position: relative; height: 1237px; background: url(../images/head_bg.jpg) center top no-repeat;}
.day_bg,.day_video,.enter_video{ position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0;}
.enter_video{ z-index: 5;}
.center_cont{ position: relative; width: 1366px; margin: 0 auto; z-index: 5;}
.btn_juqing,.btn_pop_share{ position: absolute; width: 1366px; height: 650px; left: 0; top: 85px;}
.slogan{ display: none; position: absolute;}
.slogan img{ position: absolute; width: 100%; left: 0; top: 0;}
.day1_slogan{ width: 1121px; height: 654px; left: -49px; top: -18px; cursor: pointer;}
.day2_slogan{ width: 379px; height: 616px; left: 160px; top: -3px; cursor: pointer;}
.day3_slogan{ width: 393px; height: 559px; left: 200px; top: 58px; cursor: pointer;}
.day4_slogan{ width: 403px; height: 580px; left: 172px; top: 40px; cursor: pointer;}
.day5_slogan{ width: 354px; height: 571px; left: 240px; top: 5px; cursor: pointer;}

#day2_video{ display: none;}
.bg_dismantle{ position: absolute; width: 1366px; height: 980px; left: 50%;  margin-left: -683px; top: 0;}
.day2_bg_yue{ display: none; position: absolute; left: 431px; top: 0;}
.day2_bg_zs1{ display: none; position: absolute; left: -277px; bottom: 0;}
.day2_bg_zs2{ display: none; position: absolute; right: -277px; top: 8px;}
.day2_bg_ren{ display: none; position: absolute; left: 392px; top: 574px;}
.day_bg_yun{ position: absolute; left: -277px; bottom: 0;}
#day3_video{ display: none;}
.day3_bg_ren{display: none; position: absolute; left: 498px; top: 264px;}
.day3_bg_zs1{display: none; position: absolute; left: -201px; top: 219px;}
.day3_bg_zs2{display: none; position: absolute; left: 1174px; top: 109px;}
.day3_bg_zs3{display: none; position: absolute; left: 1px; top: 0px;}
#day4_video{ display: none;}
.day4_bg_zs1{display: none; position: absolute; left: 414px; top: 0px;}
.day4_bg_zs2{display: none; position: absolute; left: -277px; top: 0px;}
.day4_bg_zs3{display: none; position: absolute; right: -277px; top: 0px;}
.day4_bg_ren{display: none; position: absolute; left: 393px; top: 411px;}
#day5_video{ display: none;}
.day5_bg_zs1{display: none; position: absolute; left: -277px; bottom: 0;}
.day5_bg_ren{display: none; position: absolute; left: 676px; top: 524px;}

.btn_jiemi,.btn_jiemi_back{ display: none; position: absolute; width: 339px; height: 477px; right: 0; bottom: 0; background: url(../images/jiemi_bg.png); z-index: 5; cursor: pointer;}
.jie_box{ position: absolute; width: 427px; height: 439px; right: 0; top: 30px;}
.jie_box div{ width: 100%; height: 100%; background: url(../images/jiemi_role.png);}
.jiemi_role,.jiemi_role_sm{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#fade_role{ display: none;}
.jiemi_text{ position: absolute; height: 66px; left: 226px; top: 238px;}
/* section_jiemi */
.section_jiemi_wrap{display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/inside_bg.jpg) center top no-repeat; overflow: hidden; z-index: 100;}
.inside_bg_video,.inside_result_video{ display: none; position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0;}

.section_jiemi{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.inside_ren1_box,.inside_ren2_box,.inside_name,.inside_tag,.inside_slogan_box{ display: none;}
.inside_ren1_box{ position: absolute; width: 718px; height: 946px; left: 280px; top: 10px;}
.inside_ren1_box div{ width: 100%; height: 100%; background: url(../images/inside_ren1.png);}
#section_jiemi1 .inside_ren2_box,#section_jiemi2 .inside_ren2_box{ position: absolute; width: 879px; height: 933px; left: 230px; top: 47px;}
#section_jiemi1 .inside_ren2_box div,#section_jiemi2 .inside_ren2_box div{ width: 100%; height: 100%; background: url(../images/inside_ren2.png);}
#section_jiemi1 .inside_name{ position: absolute; left: -140px; top: 320px;}
#section_jiemi1 .inside_tag{ position: absolute; left: 880px; top: 140px;}
.inside_slogan_box{ position: absolute; width: 705px; height: 461px; left: 660px; top: 325px;}
.inside_slogan_box div{ width: 100%; height: 100%; background: url(../images/insde_slogan.png);}

#section_jiemi2 .inside_name{ position: absolute; left: -70px; top: 336px;}
#section_jiemi2 .inside_tag{ position: absolute; left: 880px; top: 140px;}

#section_jiemi3 .inside_ren2_box{ position: absolute; width: 1344px; height: 934px; left: -190px; top: 47px;}
.inside_wq{ position: absolute; left: 0; top: 0;}
#section_jiemi3 .inside_name1{ position: absolute; left: 57px; top: 206px;}
#section_jiemi3 .inside_name2{ position: absolute; left: 197px; top: 411px;}

.btn_pop_weapon,.btn_pop_clothes{ display: none; position: absolute; width: 206px; height: 69px; cursor: pointer; z-index: 5;}
.btn_pop_weapon{ left: 84px; top: 545px; background: url(../images/btn_pop_weapon.png);}
.btn_pop_clothes{ left: 145px; top: 633px; background: url(../images/btn_pop_clothes.png);}
/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:10000000;}
/* pop_jq */
.pop_jq_cont{ position: absolute; width: 1366px; height: 980px; left: 50%; margin-left: -683px; top: 0;}
#dialog_page_wrap{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.dialog_page{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.speaker_A{ position: absolute; width: 657px; height: 515px; left: -14px; top: 68px; background: url(../images/dialog_lxq.png);}
.speaker_B,.speaker_C{ position: absolute; width: 1049px; height: 884px; left: 470px; top: 0; background: url(../images/dialog_ren_sm.png);}
.speaker_C{ background: none;}
.speaker_C img{ display: block; width: 100%;}
.dialog_wrap{ position: absolute; width: 1276px; height: 363px; left: 50%; margin-left: -638px; top: 503px; background: url(../images/dialog_bg.png);}
.text_box{ position: absolute; width: 790px; height: 280px; left: 50%; margin-left: -395px; top: 50px;}
.speaker{ height: 34px;}
.text_cont{ width: 656px; height: 200px; margin: 0 auto; font-size: 32px; line-height: 46px; color: #d4d4d4;}
.text_cont.flex{ display: flex; height: 180px; align-items: center;}
.text_cont p{ text-align: center;}
.text_cont.flex p{ text-align: left;}
.cus_scroll{ overflow-x: hidden; overflow-y: auto;}
.cus_scroll::-webkit-scrollbar{ width: 8px; background-color: #393529;}
.cus_scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #f8efd2;}
#btn_next{ position: absolute; width: 113px; height: 92px; right: 165px; top: 740px; background: url(../images/btn_next.png); cursor: pointer; z-index: 5;}
#btn_next img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

#question_ren{ position: absolute; left: 226px; top: 0;}
#question_map{ position: absolute; width: 803px; height: 378px; left: 50%; margin-left: -401px; top: 166px; z-index: 2;}
.map{ display: block; width: 100%;}
.map_tag_box{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.map_tag_box img{ position: absolute;}
.tag_map{ cursor: pointer;}
.tag1{ left: 452px; top: 33px;}
.tag2{ left: 317px; top: 103px;}
.tag3{ left: 396px; top: 32px;}
.tag4{ left: 123px; top: -48px;}
.tag5{ left: 151px; top: 90px;}
.tag6{ left: 635px; top: 6px;}
.question_box{ position: absolute; width: 900px; height: 296px; left: 50%; margin-left: -450px; top: 29px;}
#question_t{ height: 60px; font-size: 28px; line-height: 60px; color: #f4e3b0; overflow: hidden;}
#answer_list{ width: 762px; height: 135px; margin: 40px auto 0; overflow: hidden;}
#answer_list li{ float: left; width: 212px; height: 30px; padding-left: 42px; margin-bottom: 24px; font-size: 26px; line-height: 30px; color: #d4d4d4; background: url(../images/icon_choise.png) 0 0 no-repeat; cursor: pointer;}
#answer_list li.on{ background: url(../images/icon_choise_on.png) 0 0 no-repeat;}
#answer_list.long{ width: 900px;}
#answer_list.long li{ width: 408px; font-size: 19px;}
.btn_conform{ display: block; width: 221px; height: 63px; margin: 0 auto; background: url(../images/btn_conform.png); cursor: pointer;}
#btn_huigu{ position: absolute; width: 135px; height: 46px; right: -76px; top: -84px; background: url(../images/btn_huigu.png); cursor: pointer;}
/* pop_jq_tip */
#tip_ren{ position: absolute; left: 226px; top: 0;}
#tip_speaker{ height: 34px;}
#tip_cont{ display: flex; height: 156px; font-size: 32px; line-height: 46px; color: #d4d4d4; text-align: center; justify-content: center; align-items: center;}
#pop_jq_tip .btn_conform{ margin-top: 30px;}
.color_yellow{ color: #f4e3b0;}
/* pop_rule */
.pop_cont1,.pop_cont2{ position:absolute; width: 1252px; height: 647px; left:50%; top:50%; margin-left: -626px; margin-top: -323px; background:url(../images/pop_cont_bg1.png); }
.icon_close{ position:absolute; width: 50px; height: 50px; right:148px; top:30px; background:url(../images/icon_close.png); cursor:pointer; z-index: 10;}
.pop_center_cont{ width: 822px; margin: 0 auto;}
.pop_t_rule{ display: block; height: 36px; margin: 34px auto 0;}
.rule_scroll{ width: 822px; height: 470px; margin-top: 24px;}
.rule_item{ width: 682px; margin: 0 auto; padding-bottom: 30px;}
.rule_item h4{ font-size: 18px; font-weight: bold; line-height: 20px; color: #462c07;}
.rule_item p{ margin-top: 10px; font-size: 16px; line-height: 24px; color: #2a220e;}
/* pop_huigu */
.hg_list{ width: 646px;  margin: 0 auto;}
.hg_list li{ position: relative; width: 546px; min-height: 90px; margin-bottom: 26px; overflow: hidden;}
.hg_A{ padding-left: 100px;}
.hg_B,.hg_C{ padding-right: 100px;}
.hg_list li .tx{ position: absolute; width: 90px; height: 90px; top: 0;}
.hg_list li.hg_A .tx{ left: 0;}
.hg_list li.hg_B .tx,.hg_list li.hg_C .tx{ right: 0;}
.tx_A{ background: url(../images/tx_lxq.png);}
.tx_B{ background: url(../images/tx_sm.png);}
.tx_C img{ display: block;}
.hg_list li .icon_sj{ position: absolute; width: 24px; height: 24px; top: 23px;}
.hg_A .icon_sj{ left: 88px; background: url(../images/sj_l.png);}
.hg_B .icon_sj,.hg_C .icon_sj{ right: 88px; background: url(../images/sj_r.png);}
.hg_text{ width: 356px; min-height: 24px; padding: 10px 0; margin-top: 10px; background-color: #d4c08b;}
.hg_A .hg_text{ float: left;}
.hg_B .hg_text,.hg_C .hg_text{ float: right;}
.hg_text p{ width: 316px; margin: 0 auto; font-size: 16px; line-height: 24px; color: #2a220e;}
/* pop_bind */
.pop_cont2{ background:url(../images/pop_cont_bg2.png);}
.pop_t_bind{ display: block; height: 50px; margin: 75px auto 0;}
.bind_cont{ width: 514px; height: 190px; margin: 0 auto; padding-top: 52px;}
.bind_tag{ float: left; width: 120px; margin-top: 12px;}
.bind_form{ float: right; width: 371px;}
.bind_form li{width: 371px; height: 60px; margin-bottom: 35px;}
.bind_form li select{ display: block; width: 371px;; height: 60px; padding-left: 20px; font-size: 28px; line-height: 60px; color: #414343; background: url(../images/form_line.png); border: 0; outline: 0;}
.bind_tip{ height: 53px; font-size: 16px; line-height: 18px; color: #2a220e; text-align: center;}
/* pop_msg */
#pop_msg{ z-index: 101;}
.pop_text1{ font-size: 30px; line-height: 40px; font-weight: bold; color: #b1423c; text-align: center;}
.pop_text2{ font-size: 24px; line-height: 40px; font-weight: bold; color: #363636; text-align: center;}
#msg{ display: flex; width: 478px; height: 142px; margin: 85px auto 0; justify-content: center; align-items: center;}
/* pop_share */
.share_t{ padding-top: 40px; font-size: 28px; font-weight: bold; line-height: 34px; color: #462c07; text-align: center;}
.color_red{ color: #881212;}
.ch_img{ display: block; height: 20px; margin: 10px auto ;}
.ewm_box{ position: relative; width: 201px; height: 201px; margin: 20px auto 0; background: url(../images/ewm_box.png);}
#share_ewm{ position: absolute; width: 175px; height: 175px; left: 13px; top: 13px;}
.share_tip{ width: 460px; margin: 0 auto;}
.share_tip p{ padding-top: 20px; font-size: 15px; line-height: 20px; color: #2a220e;}
.btn_copy{ display: block; width: 221px; height: 63px; margin: 30px auto 0; background: url(../images/btn_copy.png); cursor: pointer;}

.share_ewm_box{ display:none; width:175px; height:175px;}
.share_ewm_box div,.share_ewm_box img{ width:100%; height:100%;}
/* pop_prize */
.prize_cont{ display: flex; position: absolute; width: 1526px; height: 486px; left: 50%; top: 50%; margin-left: -763px; margin-top: -243px;}
#pop_prize .icon_close{ right: 90px; top: -50px;}
.prize_list{ display: flex; width: 100%; height: 100%; justify-content: center;}
.prize_list li{ position: relative; width: 220px; height: 426px; margin: 0 8px;}
#prize_share{ display: none;}
.prize_list li img{ display: block; width: 100%;}
.prize_list li.mt58{ margin-top: 58px;}
.prize_list li span{ position: absolute; width: 153px; height: 54px; left: 50%; margin-left: -76px; top: 305px;}
.prize_list li span.btn_get{ background: url(../images/btn_get.png); cursor: pointer;}
.prize_list li span.btn_get_done{ background: url(../images/btn_get_done.png);}
.prize_list li span.btn_get_none{ background: url(../images/btn_get_none.png);}
/* pop_video */
.pop_vide_cont{ position: absolute; width: 1030px; height: 579px; left: 50%; top: 50%; margin-left: -515px; margin-top: -290px;}
.pop_vide_cont video{ width: 100%; height: 100%;}
.icon_show_share{ position:absolute; width: 50px; height: 50px; right:-56px; top:0px; background:url(../images/icon_close.png); cursor:pointer;}
/* pop_weapon */
.show_tab{ position: absolute; width: 330px; height: 44px; left: 50%; margin-left: -165px; top: 35px; z-index: 5;}
.show_tab span{ position: relative; width: 132px; height: 44px; cursor: pointer; overflow: hidden;}
.fl_l{ float: left;}
.fl_r{ float: right;}
.show_tab span img{ position: absolute; width: 132px; left: 0; top: 0;}
.show_tab span.on img{ top: -44px;}
.pic_cont{ display: none; position: absolute; width: 944px; height: 525px; left: 50%; margin-left: -472px; top: 80px;}
.pic_swiper{ position: relative; width: 100%; height: 100%;}
.pic_page{ height: 17px;}
.pic_page .swiper-pagination-bullet{ width: 17px; height: 17px; border-radius: 0; opacity: 1; background: url(../images/icon_page.png);}
.pic_page .swiper-pagination-bullet-active{ background: url(../images/icon_page_on.png);}
.pic_prev,.pic_next{ width: 70px; height: 105px; top: 179px;}
.pic_prev{ background: url(../images/btn_prev_pop.png);}
.pic_next{ background: url(../images/btn_next_pop.png);}
.pic_prev::after,.pic_next::after{ content: '';}


/* animation */
.ani_gai{ animation: key_gai 0.3s linear; -webkit-animation: key_gai 0.3s linear; -ms-animation: key_gai 0.3s linear;}
@keyframes key_gai{
    0%{ transform: scale(2); opacity: 0;}
    100%{ transform: scale(1); opacity: 1;}
}
@-webkit-keyframes key_gai{
    0%{ -webkit-transform: scale(2); opacity: 0;}
    100%{ -webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes key_gai{
    0%{ -ms-transform: scale(2); opacity: 0;}
    100%{ -ms-transform: scale(1); opacity: 1;}
}
.ani_float_ud{ animation: key_ud 1s alternate infinite; -webkit-animation: key_ud 1s alternate infinite; -ms-animation: key_ud 1s alternate infinite;}
@keyframes key_ud{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,-10px,0);}
}
@-webkit-keyframes key_ud{
    0%{ -webkit-transform: translate3d(0,0,0);}
    100%{ -webkit-transform: translate3d(0,-10px,0);}
}
@-ms-keyframes key_ud{
    0%{ -ms-transform: translate3d(0,0,0);}
    100%{ -ms-transform: translate3d(0,-10px,0);}
}
.ani_float_ud2{ animation: key_ud2 1.5s alternate infinite; -webkit-animation: key_ud2 1.5s alternate infinite; -ms-animation: key_ud2 1.5s alternate infinite;}
.ani_float_ud3{ animation: key_ud 1.5s alternate infinite; -webkit-animation: key_ud 1.5s alternate infinite; -ms-animation: key_ud 1.5s alternate infinite;}
@keyframes key_ud2{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,10px,0);}
}
@-webkit-keyframes key_ud2{
    0%{ -webkit-transform: translate3d(0,0,0);}
    100%{ -webkit-transform: translate3d(0,10px,0);}
}
@-ms-keyframes key_ud2{
    0%{ -ms-transform: translate3d(0,0,0);}
    100%{ -ms-transform: translate3d(0,10px,0);}
}
.ani_huxi{ animation: key_huxi 0.5s alternate infinite; -webkit-animation: key_huxi 0.5s alternate infinite; -ms-animation: key_huxi 0.5s alternate infinite;}
@keyframes key_huxi{
    0%{ transform: scale(1);}
    100%{ transform: scale(1.05);}
}
@-webkit-keyframes key_huxi{
    0%{ -webkit-transform: scale(1);}
    100%{ -webkit-transform: scale(1.05);}
}
@-ms-keyframes key_huxi{
    0%{ -ms-transform: scale(1);}
    100%{ -ms-transform: scale(1.05);}
}
.ani_opa{ animation: key_opa 1s linear alternate infinite; -webkit-animation: key_opa 1s linear alternate infinite; -ms-animation: key_opa 1s linear alternate infinite;}
@keyframes key_opa{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
@-webkit-keyframes key_opa{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
@-ms-keyframes key_opa{
    0%{ opacity: 0;}
    100%{ opacity: 1;}
}
.ani_enter_l{ animation: key_enter_l 0.3s linear; -webkit-animation: key_enter_l 0.3s linear; -ms-animation: key_enter_l 0.3s linear;}
@keyframes key_enter_l{
    0%{ transform: translate3d(-300px,0,0); opacity: 0;}
    100%{ transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes key_enter_l{
    0%{ -webkit-transform: translate3d(-300px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}
}
@-ms-keyframes key_enter_l{
    0%{ -ms-transform: translate3d(-300px,0,0); opacity: 0;}
    100%{ -ms-transform: translate3d(0,0,0); opacity: 1;}
}

.ani_enter_r{ animation: key_enter_r 0.3s linear; -webkit-animation: key_enter_r 0.3s linear; -ms-animation: key_enter_r 0.3s linear;}
@keyframes key_enter_r{
    0%{ transform: translate3d(200px,0,0); opacity: 0;}
    100%{ transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes key_enter_r{
    0%{ -webkit-transform: translate3d(200px,0,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}
}
@-ms-keyframes key_enter_r{
    0%{ -ms-transform: translate3d(200px,0,0); opacity: 0;}
    100%{ -ms-transform: translate3d(0,0,0); opacity: 1;}
}

.ani_enter_b{ animation: key_enter_b 0.3s linear; -webkit-animation: key_enter_b 0.3s linear; -ms-animation: key_enter_b 0.3s linear;}
@keyframes key_enter_b{
    0%{ transform: translate3d(0,100px,0); opacity: 0;}
    100%{ transform: translate3d(0,0,0); opacity: 1;}
}
@-webkit-keyframes key_enter_b{
    0%{ -webkit-transform: translate3d(0,100px,0); opacity: 0;}
    100%{ -webkit-transform: translate3d(0,0,0); opacity: 1;}
}
@-ms-keyframes key_enter_b{
    0%{ -ms-transform: translate3d(0,100px,0); opacity: 0;}
    100%{ -ms-transform: translate3d(0,0,0); opacity: 1;}
}

.ani_huxi2{ animation: key_huxi2 0.8s linear alternate infinite; -webkit-animation: key_huxi2 0.8s linear alternate infinite; -ms-animation: key_huxi2 0.8s linear alternate infinite;}
@keyframes key_huxi2{
    0%{ transform: scale(0.95);}
    100%{ transform: scale(1.02);}
}
@-webkit-keyframes key_huxi2{
    0%{ -webkit-transform: scale(0.95);}
    100%{ -webkit-transform: scale(1.02);}
}
@-ms-keyframes key_huxi2{
    0%{ -ms-transform: scale(0.95);}
    100%{ -ms-transform: scale(1.02);}
}