@charset "utf-8";
/* CSS Document */
input:active{opacity: 0.8}
button:active{opacity: 0.8}

/*footer*/

footer { position:fixed; left:0; bottom:0; width:100%; border-top:1px solid #ccc; overflow:hidden; z-index:2; background-color:#fff;}
footer a{ display:block; width:20%; height:100%; box-sizing:border-box; padding:0.4em 0; text-align:center; float:left; font-size:0.9em; color:#999}
footer a img{ display:block; margin:0 auto; width:40%; margin-bottom:0.2em;}
footer a .img02{ display:none}
.footer_center{ position: fixed; z-index:3; width:16%; left:42%; bottom:1em}
.footer_center img{ width:100%}
footer a:nth-child(2){ margin-right:20%}
footer a.cur { color:#66c6c2}
footer a.cur .img01{ display:none}
footer a.cur .img02{ display:block}


i.ixian{ display:block; width:100%; height:1em; background-color:#f5f5f5;}
i.ixian.eee{background-color:#eee;}

.top_nav{ overflow:hidden; width:100%; padding:1.25em 0;background-color: #fff; position:relative; border-bottom:1px solid #eee; }
.top_nav a{ display:block; width:3%; position:absolute; left:5%; top:1.25em;}
.top_nav a img{ display:block; width:100%;}
.top_nav h3{ text-align:center; font-weight:normal; font-size:1.25em; color:#666}
.top_nav .delete{ display:block; width:5%; position:absolute; display:block; left:90%; top:1.25em;}
.top_nav .delete img{ display:block; width:100%;}

button.allbutton{ display:block; width:100%; margin:0 auto; padding:1em 0; text-align:center; font-size:1.25em; color:#fff; background-color:#66c6c2; margin-bottom:1.25em; border:none; border-radius:5px; outline:none}
button.allbutton.orange{ background-color:#ffb395; margin-bottom:0.8em;}
.messagebox{ overflow:hidden; width:90%; margin:1.25em auto}
input.focus:focus,textarea.focus:focus{ border-color:#ffb395}

/*抢红包动图*/
#downimg {
    -webkit-animation-name: tada;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}