html *{margin: 0;padding: 0;border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu, div {
    display: block;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ol,ul{ list-style:none;}
img,fieldset{ border:0 none; display:block;}
img{
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    width: auto\9;
}
input{
    font-family: "Microsoft yahei", "Arial";
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}
a{
    text-decoration: none;
    color: #454545
}
button,a{
	outline: none;
}
button{
	cursor: pointer;
}
div,button,a,img{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
ul,li,dl,dd,dt{
    list-style:none;
}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s ease;
}
.fade-enter, .fade-leave-active {
    opacity: 0
}
.child-view {
    position: absolute;
    transition: all .5s cubic-bezier(.55,0,.1,1);
}
.slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
}
.slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
}