@charset "utf-8";
/* CSS Document */
body {font-family:微软雅黑; opacity:1; filter:alpha(opacity=100); }

.wrap{ max-width:640px;margin:0 auto; position:relative;overflow:hidden} 
.fix:after{ clear:both; content:""; height:0px; display:block; overflow:hidden; visibility:hidden; }
.fix{*zoom:1; margin-bottom: 0; padding-left: 0;}
.new_footer{ z-index:1000002;max-width: 640px; min-width: 320px; margin:0 auto;position: fixed; height:5.75rem;left:0; right:0;bottom: 0;background-image:linear-gradient(90deg, #010e45 100px, #010e45 500px);}
.ft_nav{width:100%;position:relative; border-top: solid 5px #3e93d4;}
.ft_nav li{float: left; width: 20%; position:relative; padding: 0.5% 0;}
.ft_nav li.on a{ color: #e9a951;}
.ft_nav a{ width: 100%; text-align:center; font-size:18px; color:#e9a951;display: block;font-family: "微软雅黑" ;}
.ft_nav_icon{width: 49.75%; display:block; margin: 0 auto}
.ft_nav_txt{padding-top: 0.06rem;}
.home_icon{width: 0.4rem;}
.ft_nav li .ft_nav_icon img{ width: 100%; }
.ft_nav li .ft_nav_icon img:nth-of-type(1){ display:block; }
.ft_nav li .ft_nav_icon img:nth-of-type(2){ display:none;}
.ft_nav li.on .ft_nav_icon img:nth-of-type(1){ display:none;}
.ft_nav li.on .ft_nav_icon img:nth-of-type(2){ display:block;}
.ft_nav li p{font-size:18px; display: block; margin-bottom: 0;}
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
.ft_nav li .ft_nav_icon img.zixu { left: 0; right:0; margin: 0 auto; top: -1.1em;  position: absolute;}
.ft_nav .ty { display: inline-block; position: absolute; width: 28%; left: 56%; top: 1%; z-index: 3; background: #fc9d4a; border-radius: 4px; color: #fff; }
.ft_nav .ty i{ font-style: normal}
.ft_nav .ty1{ animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite; background: #a60100; width: 32%; left: 70%; top: -10%;}
/* @keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-10px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-4px,0)
    }
} */

.float_screen {display: none;width:100%;background: rgba(40,35,55,.9);height:100%;position: fixed;left:0;top: 0;z-index: 1000000;}
.float_item {display:none;max-width:640px;height: 100%;position: fixed;left:0;right:0; margin:0 auto;top: 0;z-index: 1000001;}
.item_list {width:100%; height:100%;}
.ip_item {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;}
.item_list_li { position:relative;width:25%; float:left; text-align:center; vertical-align:top; padding:2% 0 0 0;-webkit-transform: translateY(1000px);transform: translateY(1000px);}
.item_list_li a{ display:inline-block; color:#fff;}
.item_list_li img{width:90%;}
.item_list_li h2{ line-height:35px; font-size:22px; font-weight: normal}
.item_list_li img.hot{position:absolute;right:10%;top:0%;width:0.41rem;}

.item_move0{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}
.item_move1{-webkit-animation:item_move .5s 0s ease-in-out both;animation:item_move .5s 0s ease-in-out both;}
.item_move2{-webkit-animation:item_move .5s .1s ease-in-out both;animation:item_move .5s .1s ease-in-out both;}
.item_move3{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}

.item_move4{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}
.item_move5{-webkit-animation:item_move .5s .2s ease-in-out both;animation:item_move .5s .2s ease-in-out both;}
.item_move6{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move7{-webkit-animation:item_move .5s .3s ease-in-out both;animation:item_move .5s .3s ease-in-out both;}

.item_move8{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move9{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move10{-webkit-animation:item_move .5s .4s ease-in-out both;animation:item_move .5s .4s ease-in-out both;}
.item_move11{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

.item_move12{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move13{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move14{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move15{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}

.item_move16{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move17{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move18{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move19{-webkit-animation:item_move .5s .7s ease-in-out both;animation:item_move .5s .7s ease-in-out both;}

.item_move20{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move21{-webkit-animation:item_move .5s .5s ease-in-out both;animation:item_move .5s .5s ease-in-out both;}
.item_move22{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}
.item_move23{-webkit-animation:item_move .5s .6s ease-in-out both;animation:item_move .5s .6s ease-in-out both;}

@-webkit-keyframes item_move{
    0%{ -webkit-transform: translateY(1000px);}
    80%{ -webkit-transform: translateY(-10px);}
    100%{ -webkit-transform: translateY(0px);}
}
@keyframes item_move{
    0%{transform: translateY(1000px);}
    80%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}

.item_moveback23{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback22{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback21{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback20{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback19{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback18{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback17{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback16{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback15{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback14{-webkit-animation:item_moveback .5s 0s ease-in-out both;animation:item_moveback .5s 0s ease-in-out both;}
.item_moveback13{-webkit-animation:item_moveback .5s .1s ease-in-out both;animation:item_moveback .5s .1s ease-in-out both;}
.item_moveback12{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}

.item_moveback11{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}
.item_moveback10{-webkit-animation:item_moveback .5s .2s ease-in-out both;animation:item_moveback .5s .2s ease-in-out both;}
.item_moveback9{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback8{-webkit-animation:item_moveback .5s .3s ease-in-out both;animation:item_moveback .5s .3s ease-in-out both;}

.item_moveback7{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback6{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}
.item_moveback5{-webkit-animation:item_moveback .5s .4s ease-in-out both;animation:item_moveback .5s .4s ease-in-out both;}
.item_moveback4{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}

.item_moveback3{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}
.item_moveback2{-webkit-animation:item_moveback .5s .5s ease-in-out both;animation:item_moveback .5s .5s ease-in-out both;}
.item_moveback1{-webkit-animation:item_moveback .5s .6s ease-in-out both;animation:item_moveback .5s .6s ease-in-out both;}
.item_moveback0{-webkit-animation:item_moveback .5s .7s ease-in-out both;animation:item_moveback .5s .7s ease-in-out both;}
@-webkit-keyframes item_moveback{
    0%{ -webkit-transform: translateY(0px);}
    100%{ -webkit-transform: translateY(1000px);}
}
@keyframes item_moveback{
    0%{transform: translateY(0px);}
    100%{transform: translateY(1000px);}
}
@media screen and (max-width: 640px) { .ft_nav li p{font-size:18px}.item_list_li h2{ font-size: 20px} .ft_nav .ty{ font-size: 16px}  .item_list_li img{ max-width: 70%; }}
@media screen and (max-width: 420px) { .ft_nav li p{font-size:16px}.item_list_li h2{ font-size: 18px}  .ft_nav .ty{ font-size: 14px} }
@media screen and (max-width: 380px) { .ft_nav li p{font-size:15px} .item_list_li h2{ font-size: 16px}.ft_nav .ty{ font-size: 12px } }
@media screen and (max-width: 320px) { .ft_nav li p{font-size:12px}.item_list_li h2{ font-size: 14px} .ft_nav .ty{ font-size: 10px  } }
@media screen and (min-width: 640px) { .ft_nav li .ft_nav_icon img.zixu{ top: -34px;}}



.s-ripple { top: 50%; right: 0px; position: fixed; width: 34px; height:34px; padding: 8px; border-radius: 50%; z-index: 99999; background-color: #1586ef; color: #fff; font-size: 12px; text-align: center; opacity: 0.8;}