@charset "utf-8";
html{
    -webkit-text-size-adjust:none;
    -webkit-user-select:none;
    -webkit-touch-callout: none
    font-family: Helvetica;
    width: 100%;height: 100%;
}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul{margin:0; padding:0; font-weight: normal;text-indent: 0;}
li{list-style:none}
a{text-decoration:none;}
*{
    box-sizing: border-box;
}
body{font-size: 16px;}


/* 插件样式 */
.refreshWrap .refresh{position: absolute;left: 0;top: 0;width: 100%;height:60px;line-height: 60px;text-align: center;}
.refreshWrap .loadingBox{width: 100%;height:40px;text-align: center;padding: 10px;position: relative;background-color: #fff;z-index: 2}
.refreshWrap .loading,.refreshWrap .loadTxt{vertical-align: middle;display: inline-block;}
.refreshWrap .loading{border-radius: 50%;width: 16px;height: 16px;border: 1px solid #666;border-top-color: transparent;margin-right: 8px;transform: translateZ(0);position: relative;}
.refreshWrap .noMore .loading{display:none;}
.refreshWrap .success{border-color: transparent;}
.refreshWrap .success:before{content:"";border:1px solid #666;border-top-color: transparent;border-left-color:transparent;position: absolute;left: 0;bottom: 0;width: 8px;height: 16px;}
.refreshWrap .rotate {
    -webkit-animation: refresh-rotate 0.6s linear infinite;
    animation: refresh-rotate 0.6s linear infinite;
}
@keyframes refresh-rotate {
    0% {
        transform: rotateZ(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -moz-transform: rotate(360deg);
    }
}


/* page */
#app{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow-y:auto;-webkit-overflow-scrolling: touch;}
#app ul{background-color: #fff;position: relative;z-index: 3;}
#app  li{padding:10px 15px;border-bottom: 1px solid #ccc}
#app h5{font-size: 20px;}
#app li p{font-size: 14px;}