@import url("../iconfont/iconfont.css");
* {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  -o-user-select: none;
  user-select: none;
  box-sizing: border-box; }

input[type="text"] {
  -webkit-user-select: text; }

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

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

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

select {
  -webkit-user-select: text; }

body {
  font-family: "arial, helvetica, sans-serif";
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: linear-gradient(180deg, #17ABFF 0%, #17ABFF 100%); }

.wrapper {
  position: relative; }

ul, li, ol {
  list-style: none; }

i, em {
  font-style: normal; }

img {
  border: none;
  margin: 0px;
  padding: 0px;
  max-width: 100%; }

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

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.justify-center {
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center; }

.justify-right {
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

.layout {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }

.column {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.stretch {
  align-items: stretch; }

.header {
  padding: 12px 16px;
  text-align: center; }
  .header .logo {
    position: relative;
    padding-right: 12px; }
    .header .logo img {
      height: 40px;
      display: block; }
    .header .logo::after {
      content: "";
      background: #fff;
      width: 1px;
      height: 24px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -12px; }
  .header .txt {
    color: #fff;
    margin-left: 12px;
    font-size: 20px;
    font-weight: bold; }

.container .box-container, .container .info-container {
  margin: 4px 12px 12px;
  padding: 16px;
  border-radius: 16px;
  background: white; }
  .container .box-container .tit-wrap, .container .info-container .tit-wrap {
    padding: 4px;
    font-size: 22px;
    font-weight: bold; }

.container .info-container .tit-wrap {
  font-size: 20px; }

.container .box-container + .box-container {
  margin: 12px; }

.container .title-wrap {
  font-size: 24px;
  text-align: center;
  font-weight: bold; }

.container .info-wrap ul {
  text-align: center; }

.container .info-wrap li {
  position: relative;
  font-size: 18px; }

.container .info-wrap p {
  text-align: center; }

.container .explan-wrap {
  margin-top: 12px; }

.container .tit-container {
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: bold; }

.container .box-container .center {
  text-align: center; }

.container .box-container .indent {
  text-indent: 2em; }

.container .box-container .tit-wrap {
  text-align: center;
  color: #1E92FF;
  background: rgba(30, 146, 255, 0.12);
  border-radius: 32px; }

.container .box-container .cont-wrap + .tit-wrap {
  margin-top: 24px; }

.container .box-container .tit {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5; }

.container .box-container p {
  margin-top: 8px; }

.container .box-container img {
  display: block;
  margin: 0 auto;
  padding: 2px 0; }

.container .box-container .cont-wrap {
  margin-top: 12px; }
  .container .box-container .cont-wrap .mod-block + .mod-block {
    margin-top: 24px;
    border-top: 1px dashed rgba(30, 146, 255, 0.64);
    padding-top: 24px; }
  .container .box-container .cont-wrap .info-block {
    font-size: 18px;
    font-weight: bold;
    padding: 0 12px; }
  .container .box-container .cont-wrap ul {
    margin-left: 16px;
    padding-bottom: 16px; }
  .container .box-container .cont-wrap li {
    position: relative;
    line-height: 1.5;
    padding: 2px 0 2px 16px; }
    .container .box-container .cont-wrap li::after {
      content: "";
      background: #000;
      width: 6px;
      height: 6px;
      border-radius: 4px;
      position: absolute;
      left: 0;
      top: 12px; }
  .container .box-container .cont-wrap .important {
    background: rgba(255, 114, 70, 0.12);
    padding: 12px;
    border-radius: 12px;
    margin-top: 12px; }
    .container .box-container .cont-wrap .important b {
      color: #FF7246;
      font-size: 18px; }
    .container .box-container .cont-wrap .important ul {
      padding: 8px 0 0 0;
      margin: 0; }

.container .box-container .photo-wrap .mod-block {
  text-align: center; }
  .container .box-container .photo-wrap .mod-block b {
    text-align: center;
    background: #FF7246;
    margin: 0 auto;
    color: #fff;
    border-radius: 4px;
    padding: 4px 16px; }
  .container .box-container .photo-wrap .mod-block .color {
    background: none;
    color: #FF7246; }
  .container .box-container .photo-wrap .mod-block p {
    margin-top: 12px; }