@charset "UTF-8";
body {
  margin: 0;
}
a:active,
a:hover {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
img {
  vertical-align: middle;
  border: 0;
}
@-ms-viewport {
  width: device-width;
}
html {
  font-size: 50px;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  min-width: 320px;
  overflow-x: hidden;
}
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.28em;
  line-height: 1;
  color: #333;
  background-color: #f0efed;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
  line-height: 1.1;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0.28rem;
  margin-bottom: 0.14rem;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0.14rem;
  margin-bottom: 0.14rem;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 0.364rem;
}
h2,
.h2 {
  font-size: 0.2996rem;
}
h3,
.h3 {
  font-size: 0.238rem;
}
h4,
.h4 {
  font-size: 0.175rem;
}
h5,
.h5 {
  font-size: 0.14rem;
}
h6,
.h6 {
  font-size: 0.119rem;
}
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #2bb2a3;
  text-decoration: none;
  outline: 0;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a.react,
label.react {
  display: block;
  color: inherit;
  height: 100%;
}
a.react:active,
a.react.react-active,
label.react:active {
  background: rgba(0, 0, 0, 0.1);
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
hr {
  margin-top: 0.28rem;
  margin-bottom: 0.28rem;
  border: 0;
  border-top: 1px solid #ddd8ce;
}
p,
h6 {
  line-height: 1.41;
  text-align: justify;
  margin: -0.2em 0;
  word-break: break-all;
}
weak,
small {
  color: #666;
}
.color-weak {
  color: #666 !important;
}
.color-weaker {
  color: #999 !important;
}
.color-strong {
  color: #2bb2a3 !important;
}
.color-stronger {
  color: #fca006 !important;
}
.color-ok {
  color: #6bbd00 !important;
}
.color-warning {
  color: #fa7251 !important;
}
space {
  display: inline-block;
  width: 0.12rem;
}
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
input,button,select,textarea{
    outline:none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #f4f4f4;
  margin: 0;
  /*overflow-x: hidden;*/
  width: 100%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}

html,
body,
#app,
.page {
  height: 100%;
  margin: 0;
  padding: .3rem
}

html::-webkit-scrollbar, body::-webkit-scrollbar, #app::-webkit-scrollbar, .page::-webkit-scrollbar {
  display: none;
}

html h1, body h1, #app h1, .page h1 {
    font-size: .6rem;
    text-align: center;
    margin-bottom: .6rem;
}

html p, body p, #app p, .page p {
    font-size: .28rem;
    color: #333;
    margin-bottom: .2rem;
    text-indent: 2em;
    line-height: 2;
}

html .se-title, body .se-title, #app .se-title, .page .se-title {
    font-size: .28rem;
    font-weight:500;
    color: #333;
    margin-bottom: .2rem;
    margin-top: .3rem;
    text-indent: 0;
}

html .th-title, body .th-title, #app .th-title, .page .th-title {
    text-indent: 0;
}

html .bold-title, body .bold-title, #app .bold-title, .page .bold-title {
    font-weight: 500;
}

html .normal-title, body .normal-title, #app .normal-title, .page .normal-title {
    font-weight: normal;
}

html .last-title, body .last-title, #app .last-title, .page .last-title {
    padding-bottom: 1rem;
}