﻿/** reset **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}

body,button, input, select, textarea{font-size: 0.24rem;font-family:arial,'Microsoft Yahei';}

h1, h2, h3, h4, h5, h6{font-weight: normal;}

input[type="text"],

input[type="password"],button{outline: none;-webkit-appearance:none;}

em,i{font-style:normal;}

ul, ol{list-style: none;}

a{text-decoration: none;

	color:#333;

}

a,a:hover,a:active,a:visited,a:link,a:focus{

    -webkit-tap-highlight-color:rgba(0,0,0,0);

    -webkit-tap-highlight-color: transparent;

    outline:none;

    text-decoration: none;

}

a:hover{

	color: #2d9d75;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -ms-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}

img{border:0px;  outline-width:0px;  vertical-align:top;}

.clearfix{ *zoom: 1; } 

.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 

.clearfix:after { clear: both; } 

.fl { float:left;}

.fr { float:right;}

.hide { display:none !important;}

.show {display: block !important;}





@keyframes jump{

    0% {transform: translateY(0);}

    60% {transform: translateY(80%);}

    100% {transform: translateY(0);}

}



@-webkit-keyframes jump{

    0% {transform: translateY(0);}

    60% {transform: translateY(80%);}

    100% {transform: translateY(0);}

}



.jump{

    animation: jump 1s ease-in-out infinite;

    -webkit-animation: jump 1s ease-in-out infinite; /

}



