#layui-laydate1{
  width:100%;
}
.layui-laydate{
  box-shadow: none;
}
.layui-laydate-content table,
.date-area .layui-laydate-main{
  width:100%;
}
.date-area{
  padding-top:20px;
}
.date-area-header{
  background: linear-gradient(300deg, white 35%, #C9333A 70%);
  height: 4px;
  width: 100%;
}
.date-area-title{
  padding: 20px 20px 0 20px;
  background-color: #fff;
  font-size: 1.36rem;
  color: #013252;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.date-area-title>div{
  display:inline-block;
}
.date-area .layui-laydate.layui-laydate-static{
  border:none;
}
.date-area .layui-laydate-footer,
.date-area .layui-laydate-header{
  display:none;
}
.date-area .layui-laydate-main{
  width: 100%;
  padding: 20px;
}
.date-area .layui-laydate-content td,
.date-area .layui-laydate-content th{
  width: 40px;
  height: 35px;
  line-height: 35px;
}
.date-area-title-right{
  float: right;
}
.date-area-title-right>div{
  display:inline-block;
  padding: 0 3px;
  cursor: pointer;
}
.date-year-tag>img,.date-moment-tag>img{
  height:15px;
}
@media (max-width:1099px){
  .date-area-title{
    font-size:1.5vw;
  }
  .layui-laydate{
    font-size:1.2vw;
  }
}
@media (max-width:900px){
  .date-area-title-right{
    font-size:13px;
  }
}
@media (max-width:767px){
  .date-area-title{
    font-size:5.73vw;
  }
  .layui-laydate{
    font-size:3.7vw;
  }
}