.b-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* overflow: hidden; */
  /* background: #fff; */
}

.b-pullup-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  line-height: 60px;
}

.b-pulldown-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all;
  pointer-events: none;
}
.b-pulldown-wrapper .before-trigger {
  font-size: 12px;
  margin-top: 10px;
}
.b-pulldown-wrapper .after-trigger {
  margin-top: 10px
}

.spin {
  animation: spin 1s steps(8) infinite;
}
@keyframes spin {
  from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.loading {
  width: 3px; height:3px;
  border-radius: 100%;                      /* 圆角 */
  box-shadow: 0 -10px 0 1px rgb(0, 188, 212),           /* 上, 1px 扩展 */
              10px 0px rgb(0, 188, 212),                /* 右 */    
              0 10px rgb(0, 188, 212),                  /* 下 */
              -10px 0 rgb(0, 188, 212),                 /* 左 */
                            
              -7px -7px 0 .5px rgb(0, 188, 212),        /* 左上, 0.5px扩展 */
              7px -7px 0 1.5px rgb(0, 188, 212),        /* 右上, 1.5px扩展 */                    
              7px 7px rgb(0, 188, 212),                 /* 右下 */
              -7px 7px rgb(0, 188, 212);                /* 左下 */
}