*{
    list-style:none;
}
html,body{
    position: relative;
    width: 100%;
    height:100%;
    margin:0;
    padding:0;
    box-sizing: border-box;
    display:flex;
    touch-action: manipulation;
    flex-direction:column;
    background: #F7F7F7;
}
#container{
    width: 100%;
    height:100%;
    background: #F7F7F7;
}
.header{
    width:100%;
    font-size: 0.34rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background-color: #fff;
    z-index:10;
    padding:0 0.2rem;
    letter-spacing: 0.01rem;
    position:relative;
    box-sizing:border-box;
}
.header img{
    position:absolute;
    left:0.3rem;
    top:0;
    width:0.3rem;
    height:0.36rem;
    bottom:0;
    margin:auto;
}
 
.add_btn{
    position: fixed;
    bottom:3%;
    left:0;
    right:0;
    margin:auto;
    width: 5rem;
    font-size: 0.3rem;
    border-radius: 2rem;
    padding:0.2rem 0;
    text-align: center;
    background-color: #F08D21;
    color:#FFF;
    z-index:10;
    box-shadow: 0px 1px 2px #F08D21,
    0px 4px 16px #F08D21;
}
ul{
  margin:0;
  padding:0;
}
ul li{
  list-style:none;
}
.flex-column{
  display:flex;
  flex-direction:column;
}
.flex-row{
  display:flex;
  flex-direction:row;
}

.dots-container {
  position:fixed;
  top:0;
  bottom:0;
  display: flex;
  align-items: center;
  flex-direction:column;
  font-size:0.3rem;
  line-height:0.5rem;
  text-align:center;
  color:#F18D22;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index:33;
  visibility:hidden;
  background: rgba(0,0,0,0.4);
}

.dot {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #F18D22;
  animation: pulse 1s infinite ease-in-out;
}

.dot:last-child {
  margin-right: 0;
}

.dot:nth-child(1) {
  animation-delay: -0.2s;
}

.dot:nth-child(2) {
  animation-delay: -0.1s;
}

.dot:nth-child(3) {
  animation-delay: 0.1s;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    background-color: #F18D22;
    box-shadow: 0 0 0 0 rgba(241, 141, 34, 1);
  }

  50% {
    transform: scale(1.2);
    background-color: #ffd;
    box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);
  }

  100% {
    transform: scale(0.8);
    background-color: #F18D22;
    box-shadow: 0 0 0 0 rgba(, 212, 252, 0.7);
  }
}