
#app,html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: rgba(221, 255, 253, 1);
}
p,ul,li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.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;

}
.unit{
  font-size:.8rem;
  color:rgba(221, 255, 253, 1);
  font-weight: normal;
}
.page {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;

  &-right-box, &-left-box {
    height: 100%;
    width: vw(450);
    box-sizing: border-box;
  }

  &-right-box {
    padding-right: 2.375rem;
  }

  &-left-box {
    padding-left: 2.375rem;
  }
}
.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-family: "title";
  font-size: 20px;
  font-weight: 400;
  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;
  span{}
  p{
    display: flex;
    align-items: center;
    span{
      font-size: 14px;
      font-weight: normal;
    }
    .year,.month,.day{
      padding: 0 0.8rem;
      //display: inline-block;
      //background-color: #092624;
      background-image: url('@/assets/images/small-icon.png');
      background-size: 100% 100%;
      cursor: pointer;
    }
    .day{
      margin-left: .5rem;
    }
    .year{
      margin-right: .5rem;
    }
  }
}
