/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td,iframe{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1 Lucida Grande,'Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}
h2{font-size:24px;font-weight:normal}
h3{font-size: 18px;}
h3,h4{font-weight:normal}
ul,ol,li{list-style:none}
a{text-decoration:none}
*{-ms-word-break:break-all;word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
/*vue*/
.child-view{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(400px, 0);
    -ms-transform: translate(400px, 0);
    -o-transform: translate(400px, 0);
    transform: translate(400px, 0);
}
.slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    transform: translate(-400px, 0);
}


/*上拉加载*/
.scroll{
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 100;
    height: auto;
    -webkit-overflow-scrolling: touch;
}
.scroll .inner {
    position: absolute;
    top: -30px;
    width: 100%;
    height: auto;
    transition-duration: 300ms;
}
.scroll .pull-refresh {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.scroll.touch .inner {
  transition-duration: 0ms;
}
.scroll.down .down-tip {
  display: block;
}
.scroll.up .up-tip {
  display: block;
}
.scroll.refresh .refresh-tip {
  display: block;
}
.scroll .down-tip,
.scroll .refresh-tip,
.scroll .up-tip {
  display: none;
}
.scroll .load-more {
    height: 30px;
    line-height: 30px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
} 
.scroll  .nullData {
    color: #999999;
    height: 40px;
    line-height: 40px;
    text-align: center;
}