body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,hr,ul,ol,td,input,option,textarea{
	margin:0;
	padding:0;
}
a, label, button, input, select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul{
	list-style: none;
}
a{
  text-decoration:none;
  color: black;
}
img{
	border: none;
	display: block;
}
html{
  font-size: 10vw;
}
html,body{
  /* height: 100%; */
  box-sizing: border-box;
  background: #F2F2F2;
  overflow-x: hidden;
  font-family: "Noto Sans SC";
}
input::-webkit-input-placeholder { /* WebKit browsers */  
  color: #ccc;  
}  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: #ccc;  
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: #ccc;  
}  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: #ccc;  
}

.mask_calendar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.4);
  display: none;
  z-index: 9999;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
/*提示*/
.mask_calendar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.4);
  display: none;
  z-index: 9999;
}
.calendar_tishi {
  width: 150px;
  height: 30px;
  padding: 12px;
  background: rgba(0,0,0,.6);
  position: fixed;
  top: 0;
  bottom: 120px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 4px;
  display:none;
}