*{font-family:source-han-sans-traditional,sans-serif!important}
.treasure_bd li div .treasure_gun{transform:translateY(-213px)}
@-webkit-keyframes fadeOutUp{from{display:block}
    to{display:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@-webkit-keyframes fadeInDown{from{display:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    to{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{from{display:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    to{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    55%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    55%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeIn{from{opacity:0}
    to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes scrollUp{from{-webkit-transform:translate(0,-104px);transform:translate(0,-104px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes scrollUp{from{-webkit-transform:translate(0,-104px);transform:translate(0,-104px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes scrollSmallUp{from{-webkit-transform:translate(0,-95px);transform:translate(0,-95px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes scrollSmallUp{from{-webkit-transform:translate(0,-95px);transform:translate(0,-95px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes scrollMoneyUp{from{-webkit-transform:translate(0,-213px);transform:translate(0,-213px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes scrollMoneyUp{from{-webkit-transform:translate(0,-213px);transform:translate(0,-213px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes scrollMoneyUp1{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(0,-158px);transform:translate(0,-158px)}
    100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes scrollMoneyUp1{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(0,-158px);transform:translate(0,-158px)}
    100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeOutLeft{from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@-webkit-keyframes fadeOut{from{opacity:1}
    to{opacity:0}
}
@keyframes fadeOut{from{opacity:1}
    to{opacity:0}
}
@-webkit-keyframes sx{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes sx{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes sacleyuan{from{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
    50%{-webkit-transform:scale(.8,.8);transform:scale(.8,.8);opacity:.8}
    to{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
}
@keyframes sacleyuan{from{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
    50%{-webkit-transform:scale(.8,.8);transform:scale(.8,.8);opacity:.8}
    to{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
}
@-webkit-keyframes saclefei{from{-webkit-transform:scale(1,1);transform:scale(1,1)}
    50%{-webkit-transform:translateY(6px);transform:translateY(6px)}
    to{-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes saclefei{from{-webkit-transform:scale(1,1);transform:scale(1,1)}
    50%{-webkit-transform:translateY(6px);transform:translateY(6px)}
    to{-webkit-transform:scale(1,1);transform:scale(1,1)}
}
.scrollSmallUp{-webkit-animation:scrollSmallUp .7s ease-out both;animation:scrollSmallUp .7s ease-out both}
.scrollUp{-webkit-animation:scrollUp .7s ease-out both;animation:scrollUp .7s ease-out both}
.scrollMoneyUp{-webkit-animation:scrollMoneyUp 1s ease-out both;animation:scrollMoneyUp 1s ease-out both}
.scrollMoneyUp1{-webkit-animation:scrollMoneyUp1 .8s ease-out both;animation:scrollMoneyUp1 .8s ease-out both}
.fadeOutUp{-webkit-animation:fadeOutUp .2s ease both;animation:fadeOutUp .2s ease both}
.loginnav{-webkit-animation:fadeInDown .1s ease both;animation:fadeInDown .1s ease both}
.login_model{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.login_top{-webkit-animation:bounceInDown 1s ease-out both;animation:bounceInDown 1s ease-out both}
.search_result_font{-webkit-animation:fadeIn .7s ease-out both;animation:fadeIn .7s ease-out both}
.search_product{-webkit-animation:fadeIn .7s ease-out .3s both;animation:fadeIn .7s ease-out .3s both}
.search_news{-webkit-animation:fadeIn .7s ease-out .5s both;animation:fadeIn .7s ease-out .5s both}
.main_item_enter .item_one_right{-webkit-animation:fadeInRight .6s linear .5s both;animation:fadeInRight .6s linear .5s both}
.main_item_enter .item_one_left{-webkit-animation:fadeInLeft .6s linear .5s both;animation:fadeInLeft .6s linear .5s both}
.main_item_out{-webkit-animation:fadeOutLeft .4s linear both;animation:fadeOutLeft .4s linear both}
.condition_content li:nth-child(1) .label{-webkit-animation:sx 1.5s ease infinite;animation:sx 1.5s ease infinite}
.condition_content li:nth-child(1) .dot{-webkit-animation:sacleyuan 1.5s linear infinite;animation:sacleyuan 1.5s linear infinite}
@keyframes yuanone{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(41px,0);transform:translate(41px,0)}
    80%{-webkit-transform:translate(41px,0);transform:translate(41px,0)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes yuanone{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(41px,0);transform:translate(41px,0)}
    80%{-webkit-transform:translate(41px,0);transform:translate(41px,0)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes yuantwo{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(-20px,22px);transform:translate(-20px,22px)}
    80%{-webkit-transform:translate(-20px,22px);transform:translate(-20px,22px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes yuantwo{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(-20px,22px);transform:translate(-20px,22px)}
    80%{-webkit-transform:translate(-20px,22px);transform:translate(-20px,22px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes yuanthr{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(-21px,-22px);transform:translate(-21px,-22px)}
    80%{-webkit-transform:translate(-21px,-22px);transform:translate(-21px,-22px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes yuanthr{from{-webkit-transform:translate(0,0);transform:translate(0,0)}
    50%{-webkit-transform:translate(-21px,-22px);transform:translate(-21px,-22px)}
    80%{-webkit-transform:translate(-21px,-22px);transform:translate(-21px,-22px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.bright_fei{-webkit-animation:saclefei 2.2s ease-out infinite;animation:saclefei 2.2s ease-out infinite}
.bright_tou{-webkit-animation:saclefei 2.2s ease-out infinite .2s;animation:saclefei 2.2s ease-out infinite .2s}
.bright_qiu_one{-webkit-animation:yuanone 2s ease-out infinite;animation:yuanone 2s ease-out infinite}
.bright_qiu_two{-webkit-animation:yuantwo 2s ease-out infinite;animation:yuantwo 2s ease-out infinite}
.bright_qiu_thr{-webkit-animation:yuanthr 2s ease-out infinite;animation:yuanthr 2s ease-out infinite}
.product_collect{-webkit-animation:fadeIn .5s ease both;animation:fadeIn .5s ease both}
@keyframes gaoadd{0%{height:0}
    100%{height:455px}
}
@-webkit-keyframes gaoadd{0%{height:0}
    100%{height:455px}
}
.hide_nav{transform-origin:center top;-webkit-animation:gaoadd .2s ease forwards;animation:gaoadd .2s ease forwards}
.hide_nav li{-webkit-animation:fadeIn .4s linear forwards;animation:fadeIn .4s linear forwards}
.hide_nav li:nth-child(2){-webkit-animation:fadeIn .4s linear 20ms forwards;animation:fadeIn .4s linear 20ms forwards}
.hide_nav li:nth-child(3){-webkit-animation:fadeIn .4s linear 40ms forwards;animation:fadeIn .4s linear 40ms forwards}
.hide_nav li:nth-child(4){-webkit-animation:fadeIn .4s linear 60ms forwards;animation:fadeIn .4s linear 60ms forwards}
.hide_nav li:nth-child(5){-webkit-animation:fadeIn .4s linear 80ms forwards;animation:fadeIn .4s linear 80ms forwards}
.hide_nav li:nth-child(6){-webkit-animation:fadeIn .4s linear .1s forwards;animation:fadeIn .4s linear .1s forwards}
.hide_nav li:nth-child(7){-webkit-animation:fadeIn .4s linear .12s forwards;animation:fadeIn .4s linear .12s forwards}
.hide_nav li:nth-child(8){-webkit-animation:fadeIn .4s linear .14s forwards;animation:fadeIn .4s linear .14s forwards}
.hide_nav li:nth-child(6) .hide_nav_right{width:735px!important}
.hide_nav li:nth-child(9){-webkit-animation:fadeIn .4s linear .16s forwards;animation:fadeIn .4s linear .16s forwards}
@keyframes kuanadd{0%{width:0}
    100%{width:520px}
}
@-webkit-keyframes kuanadd{0%{width:0}
    100%{width:520px}
}
.hide_nav_right{transform-origin:left top}
.hide_nav_right dd,.hide_nav_right dt{-webkit-animation:fadeIn .5s linear .2s both;animation:fadeIn .5s linear .2s both}
@keyframes phonegaoadd{0%{height:0}
    100%{height:68px}
}
@-webkit-keyframes phonegaoadd{0%{height:0}
    100%{height:68px}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.preview_bd .swiper-slide-duplicate-next li{-webkit-animation:fadeOut 5s ease-out;animation:fadeOut 5s ease-out}
.sidebar_wrap ul li{opacity:0;-webkit-animation:fadeInUp .5s ease-out forwards;animation:fadeInUp .5s ease-out forwards}
.sidebar_wrap ul li:nth-child(2){-webkit-animation:fadeInUp .5s ease-out .2s forwards;animation:fadeInUp .5s ease-out .2s forwards}
.sidebar_wrap ul li:nth-child(3){-webkit-animation:fadeInUp .5s ease-out .4s forwards;animation:fadeInUp .5s ease-out .4s forwards}
.sidebar_wrap ul li:nth-child(4){-webkit-animation:fadeInUp .5s ease-out .6s forwards;animation:fadeInUp .5s ease-out .6s forwards}
.sidebar_wrap ul li:nth-child(5){-webkit-animation:fadeInUp .5s ease-out .8s forwards;animation:fadeInUp .5s ease-out .8s forwards}
.sidebar_wrap ul li:nth-child(6){-webkit-animation:fadeInUp .5s ease-out 1s forwards;animation:fadeInUp .5s ease-out 1s forwards}
.dollar li{opacity:0}
.dollar li{-webkit-animation:fadeInUp .5s ease-out forwards;animation:fadeInUp .5s ease-out forwards}
.dollar li:nth-child(2){-webkit-animation:fadeInUp .5s ease-out .2s forwards;animation:fadeInUp .5s ease-out .2s forwards}
.dollar li:nth-child(3){-webkit-animation:fadeInUp .5s ease-out .4s forwards;animation:fadeInUp .5s ease-out .4s forwards}
.dollar li:nth-child(4){-webkit-animation:fadeInUp .5s ease-out .6s forwards;animation:fadeInUp .5s ease-out .6s forwards}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    50%{opacity:1}
    to{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    50%{opacity:1}
    to{opacity:1}
}
@-webkit-keyframes zoomInShake{from{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    50%{opacity:1}
    80%{opacity:.5;-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}
    90%{opacity:.8;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    to{opacity:1}
}
@keyframes zoomInShake{from{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    50%{opacity:1}
    70%{opacity:.5;-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}
    90%{opacity:.8;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    to{opacity:1}
}
.swiper-slide-active .txyl_image,.swiper-slide-active .xmb_image,.swiper-slide-active .yg_image{opacity:0;-webkit-animation:zoomIn .2s ease .3s forwards;animation:zoomIn .2s ease .3s forwards}
.swiper-slide-active .tyyl_intersperse,.swiper-slide-active .xmb_intersperse,.swiper-slide-active .yg_intersperse{opacity:0;-webkit-animation:zoomInShake .4s ease .3s forwards;animation:zoomInShake .4s ease .3s forwards}