@charset "UTF-8";
@font-face {
  font-family: "listloadingIcon";
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}
body{
    touch-action: none;
}

/*refresh*/
div[data-class=pullUpId],
div[data-class=pullDownId],
div[data-class=clickDownId]{
    position: relative;
    z-index: 100;
    padding:0 10px;
    font-size:14px;
    color:#888;
    text-align:center;
    overflow:hidden;
}
div[data-class=pullUpId]>span.inlineblock-span, 
div[data-class=pullDownId]>span.inlineblock-span,
div[data-class=clickDownId]>span.inlineblock-span{
    height:45px;
    line-height:45px;
}
div[data-class=pullDownId]>span.time{
    display:block;
    padding-bottom:15px;
    margin-top:-5px;
}
.iscroll::before{
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:100%;
    content:'';
}
.loading-gif{
    float:left;
    margin:8px 5px 0 0;
}
.inlineblock-span{
    display:inline-block;
    padding:0 20px;
    overflow:hidden;
}
div[data-class=pullUpId]>span.inlineblock-span>i, 
div[data-class=pullDownId]>span.inlineblock-span>i,
div[data-class=clickDownId]>span.inlineblock-span>i{
    display:inline-block;
    margin-right:3px;
}
div[data-class=pullUpId]>span.inlineblock-span>i::before, 
div[data-class=pullDownId]>span.inlineblock-span>i::before,
div[data-class=clickDownId]>span.inlineblock-span>i::before{
    position:relative;
    display:block;
    font:normal 20px/28px 'listloadingIcon';
    content:'\e61d';
}
div[data-class=pullUpId]>span.inlineblock-span>i.icon-up::before,
div[data-class=pullDownId]>span.inlineblock-span>i.icon-up::before{
    -webkit-animation:refreshRotateUp 0.3s forwards linear;
    -moz-animation:refreshRotateUp 0.3s forwards linear;
    -ms-animation:refreshRotateUp 0.3s forwards linear;
    -o-animation:refreshRotateUp 0.3s forwards linear;
    animation:refreshRotateUp 0.3s forwards linear;
    content:'\e61d';
}
@-webkit-keyframes refreshRotateUp{
    0%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
    100%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
}
@keyframes refreshRotateUp{
    0%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
    100%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
}
@-moz-keyframes refreshRotateUp{
    0%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
    100%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
}
@-o-keyframes refreshRotateUp{
    0%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
    100%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
}
@-ms-keyframes refreshRotateUp{
    0%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
    100%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
}
div[data-class=pullUpId]>span.inlineblock-span>i.icon-down::before,
div[data-class=pullDownId]>span.inlineblock-span>i.icon-down::before{
    -webkit-animation:refreshRotateDown 0.3s forwards linear;
    -moz-animation:refreshRotateDown 0.3s forwards linear;
    -ms-animation:refreshRotateDown 0.3s forwards linear;
    -o-animation:refreshRotateDown 0.3s forwards linear;
    animation:refreshRotateDown 0.3s forwards linear;
}
@-webkit-keyframes refreshRotateDown{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
}
@-moz-keyframes refreshRotateDown{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
}
@-o-keyframes refreshRotateDown{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
}
@-ms-keyframes refreshRotateDown{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
}
@keyframes refreshRotateDown{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(-180deg);
        transform:-webkit-rotate(-180deg);
        transform:-moz-rotate(-180deg);
        transform:-o-rotate(-180deg);
        transform:-ms-rotate(-180deg);
    }
}
div[data-class=pullUpId]>span.inlineblock-span>i.icon-loading::before,
div[data-class=pullDownId]>span.inlineblock-span>i.icon-loading::before{
    top:2px;
    -webkit-animation:loadingInfinite infinite 1s;
    -moz-animation:loadingInfinite infinite 1s;
    -ms-animation:loadingInfinite infinite 1s;
    animation:loadingInfinite infinite 1s;
    content:'\e61c';
}
/* define */
/* 淡入 */
@-webkit-keyframes loadingInfinite{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(360deg);
        transform:-webkit-rotate(360deg);
        transform:-moz-rotate(360deg);
        transform:-o-rotate(360deg);
        transform:-ms-rotate(360deg);
    }
}
@-moz-keyframes loadingInfinite{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(360deg);
        transform:-webkit-rotate(360deg);
        transform:-moz-rotate(360deg);
        transform:-o-rotate(360deg);
        transform:-ms-rotate(360deg);
    }
}
@-ms-keyframes loadingInfinite{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(360deg);
        transform:-webkit-rotate(360deg);
        transform:-moz-rotate(360deg);
        transform:-o-rotate(360deg);
        transform:-ms-rotate(360deg);
    }
}
@keyframes loadingInfinite{
    0%{
        transform:rotate(0);
        transform:-webkit-rotate(0);
        transform:-moz-rotate(0);
        transform:-o-rotate(0);
        transform:-ms-rotate(0);
    }
    100%{
        transform:rotate(360deg);
        transform:-webkit-rotate(360deg);
        transform:-moz-rotate(360deg);
        transform:-o-rotate(360deg);
        transform:-ms-rotate(360deg);
    }
}