html,body,div,p,span,ul,ol,li,h1,h2,h3,h4,h5,h6,a,i,input,button,textarea,
::before,
::after{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    border: none;
    outline: none;
    -webkit-overflow-scrolling: touch;
}
body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    color: #333;
}
ol,ul{
    list-style: none;
}
a,a:link,a:visited,a:hover,a:active{
    color: #333;
    text-decoration: none;
    outline: none;
}
button,button:hover,button:active,button:focus,
input:checked,input,textarea{
    border: none;
    outline: none;
    resize: none;
    appearance: none;
    -webkit-appearance:none;
    background-color: transparent;
}
input:-webkit-autofill {
  color: #333!important;
  -webkit-text-fill-color: #333;
  box-shadow: 0 0 0 1000px #eaeaea inset;
  -webkit-box-shadow: 0 0 0px 1000px #eaeaea inset;
}

input:autofill {
  color: #333!important;
  -webkit-text-fill-color: #333;
  box-shadow: 0 0 0 1000px #eaeaea inset;
  -webkit-box-shadow: 0 0 0px 1000px #eaeaea inset;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0 !important;
}

.news .loading::before {display: none}
.loading::before,
.news .loading::after {
  content: '';
  display: block;
  height: 52px;
  line-height: 32px;
  width: 32px;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  background: url('../imgs//loading.png') no-repeat center/32px 32px;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
  -webkit-animation: rotate 3s linear infinite;
  -moz-animation: rotate 3s linear infinite;
  -o-animation: rotate 3s linear infinite;
  animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.no-data::before,
.news .no-data::after {
  content: 'No more data.';
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
}
.news .no-data::before{
  display: none;
}