body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tbody, tfoot, thead, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

fieldset, img {
  border: 0;
  vertical-align: top;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

abbr, acronym {
  border: 0;
}

body {
  font: 12px/1.5 Microsoft YaHei, SimSun, Verdana, Geneva, sans-serif;
}

a {
  color: #595959;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #C91313;
}

/* display */
.hide {
  display: none;
}

/* textarea */
textarea {
  resize: vertical;
  overflow-y: auto;
  outline: 0 none;
}

/* clear */
.clearfix:before, .page .index main ul:before, .clearfix:after, .page .index main ul:after {
  content: "";
  display: table;
}

.clearfix:after, .page .index main ul:after {
  clear: both;
}

*.clearfix, .page .index main ul {
  zoom: 1;
}

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
  font-size: 0;
}

.page {
  height: 100%;
  background: rgb(85, 180, 251) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAAaCAIAAABn4067AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFRERDMkQ4M0I4MzExRjBBRDYxRjI1N0REMzZDMkY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFRERDMkQ5M0I4MzExRjBBRDYxRjI1N0REMzZDMkY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkVEREMyRDYzQjgzMTFGMEFENjFGMjU3REQzNkMyRjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkVEREMyRDczQjgzMTFGMEFENjFGMjU3REQzNkMyRjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62qjvDAAAIIUlEQVR42uxdbbLj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) repeat-y center bottom;
  background-size: 400px auto;
  max-width: 400px;
  margin: 0 auto;
}
.page .index {
  height: 100%;
  background: url(../images/bg-main.png?0bff06f7) no-repeat center bottom;
  background-size: 100% auto;
  padding: 36px 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.page .index header {
  width: 287px;
  height: 172px;
  background: url(../images/bg-header.png?8df0eea0) no-repeat center center;
  background-size: 100% 100%;
  margin: 0 auto;
}
.page .index main {
  margin: 34px 0;
  flex: 1;
  overflow-y: auto;
}
.page .index main ul {
  padding: 0 34px;
  box-sizing: border-box;
}
.page .index main ul li {
  height: 45px;
  margin: 0 10px 14px;
  width: calc((100% - 40px) / 2);
  float: left;
}
.page .index main ul li a {
  width: 100%;
  height: 100%;
  border-radius: 9px;
  background-color: rgba(255, 255, 255, 0.95);
  display: block;
  line-height: 45px;
  font-size: 16px;
  color: #493b94;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page .index main ul li a::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: 100% 100%;
  margin: 0 10px 0 29px;
  vertical-align: middle;
}
.page .index footer {
  margin: 0 30px 35px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  backdrop-filter: blur(20px);
  padding: 10px;
  line-height: 1.8;
  font-size: 14px;
}
.page .index footer p {
  color: #fff;
  text-align: center;
}