/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

fieldset,img {
  border: 0;
}
html, body {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
  -webkit-text-size-adjust: none;
  font-family: "PingFang SC Regular", "Microsoft YaHei", "San Francisco", Helvetica;
  -webkit-tap-highlight-color: transparent;
}
html{
  font-size:calc( 100vw / 7.5 );
}
body{
  font-size: .32rem;
}
/* 头部 */
.top-pack {
  max-width: 600px;
  margin: 0 auto;
}
.top-pack img {
  display: block;
  width: 100%;
}
/* 顶部固定的图片 */
.top-fixed {
  display: none;
  position: fixed;
  top: 0;
  left:0;
  right:0;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .5);
  z-index: 10;
}
.top-fixed img {
  display: block;
  width: 100%;
}
/* 列表自定义样式 */
.hubpd-rplist.Olympic-theme {
  padding: 0 0.2rem 0.2rem;
  box-sizing: border-box;
}
.hubpd-rplist.Olympic-theme .list-content-box::after{
  display: none;
}
.hubpd-rplist.Olympic-theme .list-content-box {
  display: block;
  margin-bottom: 0.2rem;
}
.hubpd-rplist.Olympic-theme .list-content-box>div{
  border-radius: 0.1rem;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 2px 2px 8px 2px rgba(234, 234, 234, 1);
}
.hubpd-rplist.Olympic-theme .list-content-box .title {
  font-size: .32rem;
  line-height: .44rem;
  -webkit-text-size-adjust: none;
}
.hubpd-rplist.Olympic-theme .list-content-box .tag-time,
.hubpd-rplist.Olympic-theme .list-content-box .tag-time .tag,
.hubpd-rplist.Olympic-theme .list-content-box .tag-time .time{
  font-size: .24rem;
  line-height: .36rem;
  -webkit-text-size-adjust: none;
}
.hubpd-rplist.Olympic-theme .list-content-box .tag-time .content-mark {
  height: .36rem;
  line-height: .36rem;
  padding: 0px .1rem;
  margin-right: .16rem;
  font-size: .24rem;
  -webkit-text-size-adjust: none;
}
.hubpd-rplist.Olympic-theme .list-content-box .tag-time .tag {
  max-width: 4.8rem;
}
/* 单图、 */
.hubpd-rplist.Olympic-theme .list-content-box .single-image-box .tag-time .tag {
  max-width: 2.4rem;
}
/* 单图的标题都两行 */
.hubpd-rplist.Olympic-theme .single-image-box .content .title {
  height: .85rem;
  line-height: .44rem;
  -webkit-text-size-adjust: none;
}
.hubpd-rplist.Olympic-theme .single-image-box .tag-time .tag,
.hubpd-rplist.Olympic-theme .single-image-box .tag-time .time {
  line-height: .44rem;
  line-height: .36rem;
}
.hubpd-rplist.Olympic-theme .single-image-box .tag-time{
  max-width: 4rem;
}
/* 刷新和回到顶部的按钮 */
.quick-btns {
  position: fixed;
  bottom: 1.6rem;
  right: .2rem;
  width: .96rem;
  height: 2.02rem;
  transform: translate(0);
  z-index: 1000;
}
@media screen and (min-width: 600px) {
  .quick-btns{
    right: calc( 50% - 280px);
  }
}
.refresh, .to-top {
  display: block;
  align-items: center;
  justify-content: center;
  width: .96rem;
  height: .96rem;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 #e4e7ed;
  border-radius: 50%;
}
.refresh {
  margin-bottom: .2rem;
  background: url('https://img.hubpd.com/hubpd/spl/guozi/sasac/custom/images/refresh.png') #fff no-repeat center center;
  background-size: .4rem .4rem;
}
.to-top {
  display: none;
  background: url('https://img.hubpd.com/hubpd/spl/guozi/sasac/custom/images/toTop.png') #fff no-repeat center center;
  background-size: .28rem .28rem;
}