@charset "UTF-8";
.template-content {
  /*position: absolute;*/ position: relative;
  width: 100%; max-width: 750px; margin: 0 auto; min-height: 100vh;
  /*top: 50%;*/
  text-align: center;
  /*-webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
  padding: 0 10px;
}
.success-safe {
  margin: -3rem auto 0 auto;
  width: 40rem; max-width: 600px;
  height: 40rem; max-height: 600px;
  background: radial-gradient(closest-side, #fff 40%, rgba(168, 205, 255, .4) 40%, #fff);
  border-radius: 50%;
  overflow: hidden
}
.success-safe .safe-img {
  width: 10rem; max-width: 130px;
  height: 12rem; max-height: 163px;
}
.safe-title {
  margin-top: -100px;
  color: #000000;
  font-size: 2.2rem;
  line-height: 2.8rem;
}
.safe-subtitle {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #666666;
}
.go-link {
  width: 30rem; max-width: 400px;
  height: 10rem; max-height: 80px;
  margin: 80px auto;
  font-size: 2rem;
  color: #ffffff;
  background-color: #1678ff;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 10px
}
.online-service {
  position: relative;
  width: 100%;
  font-size: 30px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 7.5%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
  color: var(--primary-color)
}

@media screen and (max-width: 600px) {
	.success-safe { margin: 0 auto 0 auto;}
	.safe-title { margin-top: 0; font-size: 3rem; margin-bottom: 1rem;}
	.safe-subtitle { font-size: 2.6rem; }
	.go-link { margin: 8rem auto; font-size: 3rem; }
}