html,
body {
  color: #333;
  margin: 0;
  height: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #000;
}

a,
label,
button,
input,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  border: 0;
}

body {
  background: #fff;
  color: #666;
}

html,
body,
div,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
button,
fieldset,
form,
input,
legend,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #08acee;
}

button {
  outline: 0;
}

qr-code img {
  width: 55%;
  border: 0;
  height: 80%;
}
img {
  width: 60%;
  border: 0;
  height: 80%;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}

li {
  list-style: none;
}

a {
  color: #666;
}

.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.aui-mask {
  background-color: #000;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  display: none;
}

.aui-calendar {
  z-index: 999;
  width: 100%;
  position: fixed;
  bottom: 0;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  display: none;
  font-size: 3rem;
}

.aui-calendar li {
  float: left;
}

.aui-head {
  background-color: #498FE1;
  text-align: left;
  display: flex;
  justify-content: space-between;
  height: 9.9rem;
  color: #fff;
  font-size: 3rem;
  padding: 0 3.4rem;
  line-height: 9.9rem;
  text-align: center;
}

.aui-head a {
  color: #fff;
}

.aui-head-dt {
  font-size: 4rem;
  color: #ddd;
}

.aui-head-dd {
  font-size: 4.8rem;
  color: #fff;
}

/* .aui-date {
  height: 8.8rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1002;
  line-height: 8.8rem;
  margin: 2rem auto;
  width: 50%;

}

.aui-date a {
  height: 8.8rem;
  min-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  position: relative;
} */

.aui-date a:first-child {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: -25%;
  font-size: 1.8rem;
  font-weight: bold;
}

.aui-date a:last-child {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.aui-date .tomon {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  margin-left: 25%;
}

/* .aui-date .tomon span {
  padding: 0 5px;
}

.aui-date .icon {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  border: none;
  float: left;
  background-size: 3.2rem;
  background-repeat: no-repeat;
} */

.icon-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAxRJREFUaIHtmU9IFFEcxz+/WaUo+gNCROCuHrp2qENChETp7hzMS0F4y4wwMhxBiDoUnopodyUyiOoWFELQISaVxCDQiDp08LrtBBaesouCzfw6jJsWhLrzdi2az2newH7f97uPt+/9fgsxMTEx/y/X1DqWn0lGkbBMeVkvrTe/7Mrs8N7WBouFdPZjR7k6GxKg5ba3x0osTAnsR7AEOViuVtUDtN782JhY1CkRaQRQ1YJfKzfK1atqgJbBT3utBFMi1AOgTAf+5qaxnuRMuZo1xtytQib/aR9BMC4idQCKflgQbZ7o3/01im5VArQOFg9I4I+DbAdAdUpqtqUnLtZ9i6pd8QDprHdYfHUR2Qqgyss5Em2TF+vmTeiLCZE/kblVPCqWPgfZFL5Rd3ZLqv3dOVk0NUfFNnE667VjqVsyrzA8P5c6btI8VGgFMvniSQl4jJS+IH3o9qa6EFHTcxlfATvndaI8WWH+rus0nKmEeTAcwM553aAPpLSyyoDrNJw3OcfvGAtgZ73LoEMrXjluX+qqKf0/YWQP2LliDugFUFBBulwn+dCE9mokIn1aVeydp4dAesIxARanXjipRybMrYVIATI7OgdF5AKAoouKdWLEST01Y21tRNoDAmeXn63rI33JZ9EtrY+om/he6UEJLqWzXntEvXUTbROrip0v3gHpDscEanHqRW9q2IS5tRBtBUR06Xc+H46xUJ7YOa/TgLc1YeQccJ2Ug8oVgPAQ0wd2rthrQns1jN6Flk7i5cNMGaj0YWb8MmfnvE5F7/+8ToR3oYpdJ/7522jFCpp01msXCYYFqYWwHliYS3ZMXJPvJuf55yuyigaApZoYdUVYURNbbZN99X9/TVyidbB4IBHoL10JaralXQNdiaoEgKW+kAbjAst9IbR5wmmM1BeqWgAIO3MJ338tIrsAUKZ9f9OR0f7ds+VqVjUAhL1RKyGvSu1FVS2ocGjEafhcjl7Vm7uj/Q0Fv1aaVLUAICKNonKpXL0Naa+P9SRnAn9zk8J7lEDRNxvhIzoG/qGJiYmJiYnED+RDIbBI94+MAAAAAElFTkSuQmCC');
}

.icon-next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAz9JREFUaIHtmD9sW1UUxn/fsyNiVYFKkaKqKDZeGbpkMWqllqSy8xhaVYIBCTEAUiecNII9u3GcdKIDLIBA6hQyuGmMMAohXbp0yMKQ2C1WValSkwrSkrx3GKyQSESQ+l2/qsi/zU/yd75z/517D/To0aPHi4uZ3vqslXmeFrwof/Yrze/DxM76eKVZcmXoWYmUAOK0QMI+8SsbX2AmR76OTKQETFzGCNu/9IE/2/yKaYs2KM9I5BErzDQvSuF1oT4AM+afbKXfrk9rN7q9/8bJlI+XG2MSC4hU+4tVSWQuVYt66kL/33C2Zv3yvZwpqEkcAzBjeROvsDo1vO0qxmE43XT5ucZIIrQa6DgAZrdIDhSqxcEtl3EO4vzU8K82Xrdd+1HSEIBhd55gZ+tXso9cx4Kox+ghVIuZtTAgZ9ACEDqVMm8lX7o/5DpWW79LnJ9tpZPhn3VJWQAzWw/6vDNLH6dbLuN07cyuTZ5shkF/DmMNQFI2sWO38qWNrMs4Xa+c5yrrx/vRT0KnAMzsQZBInFmaGP7VhX4spd+/+vBldh8vIuUADB4ib/TG5PCdqNqxlP1qcXDrEYlRM34AEAzKguX8XGMkqnasl6+Ra9Y39EdjHuQDmPG7IX9xKr3cqWasF6/bl7WzvZm5YHAdQOKYp3DJrzROd6oZawIA9WntDryaftfM1ttf9BLGe53qxZ7AuWlLPv6t+e1efQB7ivi6U72kK2NHYeSa9aX+sQc8f3EqvdKpZmyb+I2Zu6lXCBckxtpfbCvwNHpzInM7im4sM3B4HUiM3pyIXgde+Erc1U2cL90fSpm3sm+eu2FAzpV5+B/cRruyB/KljaxnOz9LOgmAsRYG/W8uTZ144DqW8wT+fpHB/otMdrb+6YmuvMicJpCfa4wQWE3afxMrOVCod/FN7CwBv3wvZ0FQQzrQlUgUVouDXe1KOElgvNwYQ8GCDvSFlMxcWo2hLxT5GC3MNC/iWXWvqWXG/PZm5kIcTS2IOAPjs413FNp3oL2B+ObGVvp9phU68HYkoi2hkM/R3izal9XJzEdI5sDXkYm0hAS/GBhm5eqV1z6M23x0zHR+tpV+3jZ69OjRo0fH/AUOOEq073g6IAAAAABJRU5ErkJggg==');
}

.aui-week ol {
  display: -webkit-flex;
  display: flex;
  padding: 2rem;
  font-size: 2.8rem;

}

.aui-week li {
  flex-grow: 1;
  color: #333;
}

.aui-week .gray {
  color: #B9B9B9;
}

.aui-content {
  display: flex;
  width: 300%;
  margin-left: -100%;
}

.aui-day {
  flex: 1;
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0 2rem;
}

.aui-day li {
  display: block;
  width: 14.2857%;
  text-align: center;
  font-size: 2.8rem;
  background: #fff;
  position: relative;
  color: #333;
}

.aui-day li span {
  display: block;
  width: 5.1rem;
  height: 5.1rem;
  line-height: 5.1rem;
  margin: 0 auto;
  text-align: center;
}

.aui-day li.active span {
  background-color: #08acee;
  color: #fff;
  border-radius: 50%;
}

.aui-day li.gray {
  color: #B9B9B9;
}


.aui-month,
.aui-year {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 0 10px;
}

.aui-month li,
.aui-year li {
  float: left;
  width: 25%;
  color: #909090;
  font-size: 3.2rem;
  cursor: pointer;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  margin-left: -1px;
  margin-bottom: -1px;
}

.aui-month li.selected span {
  color: #449eef;
  font-weight: bold;
}

.aui-year li.current span {
  color: #449eef;
  font-weight: bold;
}

.aui-month li span,
.aui-year li span {
  display: block;
  width: 10rem;
  height: 10rem;
  line-height: 10rem;
  margin: 0 auto;
  text-align: center;
}

.aui-foot {
  text-align: right;
  padding: 4rem 6rem;
}

.aui-foot a {
  margin-left: 4rem;
  color: #449eef;
}