#app,html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
p,ul,li{
  margin: 0;
  padding: 0;
}
.container{
  width: 100%;
  height: 100%;
  background-image: url('@/assets/images/bg.png');
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:99;

}
.m100{
  position: relative;
  top:2rem;
}
.margin10{
  margin-top: 0.8rem;
}
.box-bg{
  width: 100%;
  height: vh(248);
  background-image: url('@/assets/images/box-bg.png');
  background-size: 100% 100%;
}
.title{
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding-left: 2.75rem;
  padding-right:1rem;
  box-sizing: border-box;
  background-image: url('@/assets/images/title.png');
  width: 100%;
  height:vh(38);
  background-size: 100% 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  p{
    display: flex;
    align-items: center;
    span{
      font-size: 14px;
      font-weight: normal;
    }
    .year,.month{
      padding: 0 0.8rem;
      //display: inline-block;
      //background-color: #092624;
      background-image: url('@/assets/images/small-icon.png');
      background-size: 100% 100%;
      cursor: pointer;
    }
    .year{
      margin-right: .5rem;
    }
  }
}